
/* V23 UI refinements */
.signin-compact{
  padding:8px 12px!important;
  min-height:34px!important;
  border-radius:10px!important;
  font-size:10px!important;
  text-decoration:none!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  line-height:1!important
}
.signin-compact:hover,.signin-compact:focus{text-decoration:none!important}

.stat-action-card{cursor:pointer;transition:.18s ease;position:relative;overflow:hidden}
.stat-action-card:hover{transform:translateY(-2px);border-color:#9dbcf5;box-shadow:0 12px 24px rgba(30,64,175,.08)}
.stat-action-card strong{font-size:15px!important;color:#6d4aff}
.stat-action-card:after{content:"Open";position:absolute;right:11px;top:10px;font-size:7px;font-weight:800;color:#6d4aff;background:#efeaff;border:1px solid #ddd4ff;padding:3px 6px;border-radius:999px}

#sortSelect{
  appearance:none;
  min-width:160px!important;
  padding-right:34px!important;
  border-radius:11px!important;
  background:
    linear-gradient(45deg,transparent 50%,#64748b 50%) calc(100% - 16px) 50%/5px 5px no-repeat,
    linear-gradient(135deg,#64748b 50%,transparent 50%) calc(100% - 12px) 50%/5px 5px no-repeat,
    var(--panel-2)!important;
  font-weight:800!important;
  color:var(--text)!important
}
#sortSelect:hover{border-color:#9dbcf5!important;box-shadow:0 0 0 3px rgba(37,99,235,.06)}

#filterModal{align-items:center;justify-content:center}
#filterModal.show{display:flex!important}

a.back-link,a[href*="index.html"],.back-public,.portal-back{
  text-decoration:none
}
.auth-page a[href*="index.html"],.admin-shell a[href*="index.html"],.user-shell a[href*="index.html"],a.back-public,a.portal-back{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:9px 12px;
  border:1px solid #d9e3ef;
  border-radius:11px;
  background:#fff;
  color:#174a8e;
  font-size:10px;
  font-weight:800;
  box-shadow:0 6px 18px rgba(15,23,42,.06);
  text-decoration:none!important;
  transition:.18s ease
}
.auth-page a[href*="index.html"]:hover,.admin-shell a[href*="index.html"]:hover,.user-shell a[href*="index.html"]:hover,a.back-public:hover,a.portal-back:hover{
  transform:translateY(-1px);
  border-color:#8fb7ea;
  background:#f8fbff
}
