/* AuraMind PRO v13 — Premium UI v3
   Final visual layer. Load AFTER premium-software-v2.css.
   Presentation only: no selectors here hide content, change layout flow,
   permissions, routes or behaviour. Everything degrades gracefully. */

:root{
  --am3-ink:#0e1e3d;
  --am3-muted:#62748f;
  --am3-line:#d7e3f2;
  --am3-blue:#1f76f2;
  --am3-indigo:#6357e8;
  --am3-cyan:#14a8d8;
  --am3-green:#10a674;
  --am3-radius:20px;
  --am3-shadow:0 18px 45px rgba(23,55,105,.10);
  --am3-shadow-hover:0 24px 60px rgba(23,55,105,.15);
  --am3-ring:0 0 0 4px rgba(38,119,242,.14);
}

::selection{background:#cfe3ff;color:#0e2a5c}
html{scrollbar-color:#b7c9e2 transparent}
body{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
:focus-visible{outline:2px solid #5ea0f5;outline-offset:2px;border-radius:6px}

/* ---- Shell ---- */
.portal-side{
  background:
    radial-gradient(600px 300px at 20% -5%,rgba(80,140,255,.35),transparent 55%),
    radial-gradient(500px 380px at 110% 35%,rgba(116,84,236,.22),transparent 55%),
    linear-gradient(180deg,#0b1f42 0%,#10295a 55%,#0c2148 100%)!important;
}
.portal-brand-mark{
  border-radius:12px!important;
  box-shadow:0 12px 30px rgba(66,128,255,.45),inset 0 1px 0 rgba(255,255,255,.35)!important;
}
.portal-nav a{border-radius:12px!important;transition:background .18s ease,color .18s ease,transform .18s ease}
.portal-nav a.active{box-shadow:inset 3px 0 #6cb2ff,0 10px 26px rgba(3,17,43,.22)!important}
.portal-topbar{
  backdrop-filter:blur(16px) saturate(1.4);
  -webkit-backdrop-filter:blur(16px) saturate(1.4);
}
.avatar{box-shadow:0 8px 20px rgba(59,103,205,.28),inset 0 1px 0 rgba(255,255,255,.45)!important}

/* ---- Surfaces ---- */
.panel,.card,.box,.prod-panel,.fin-panel,.fs-panel,.pp-panel,.role-card,.policy-card,.invite-card{
  border-radius:var(--am3-radius)!important;
  box-shadow:var(--am3-shadow)!important;
}
@media (prefers-reduced-motion:no-preference){
  .panel,.card,.module-tile,.metric-card,.stat-card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
  .panel:hover,.card:hover{box-shadow:var(--am3-shadow-hover)!important}
}
.page-head{border-radius:22px!important;box-shadow:var(--am3-shadow)!important}
.page-head h1,.command-hero h1{text-wrap:balance}

/* Metric cards: clearer hierarchy */
.metric-value,.stat-value{font-variant-numeric:tabular-nums lining-nums}
.metric-card,.stat-card,.status-card{border-radius:18px!important}
.progress,.aura-progress{border-radius:999px;overflow:hidden}
.progress span,.aura-progress span{background:linear-gradient(90deg,var(--am3-blue),var(--am3-indigo),var(--am3-cyan))}

/* ---- Tables ---- */
.table-wrap{border-radius:16px!important}
.table-wrap thead th{
  position:sticky;top:0;z-index:2;
  backdrop-filter:blur(8px);
}
.table-wrap td,.table-wrap th{font-variant-numeric:tabular-nums}
.table-wrap tbody tr{transition:background .14s ease}

/* ---- Controls ---- */
.primary-btn,.primary-action,.secondary-action,.btn.primary{
  border-radius:12px!important;
  letter-spacing:.01em;
}
.primary-btn:active,.primary-action:active,.btn.primary:active{transform:translateY(0)}
.ghost-btn,.btn:not(.primary),.danger-btn{border-radius:12px!important}
input,select,textarea{border-radius:12px!important}
input:focus,select:focus,textarea:focus{box-shadow:var(--am3-ring)!important}
input::placeholder,textarea::placeholder{color:#93a5bd}
.badge,.pill,.code-pill,.live-pill{letter-spacing:.02em}
.live-pill::before{
  content:"";width:7px;height:7px;border-radius:50%;
  background:#12b981;box-shadow:0 0 0 4px rgba(18,185,129,.18);
}

/* Dialogs and menus feel like glass, not paper */
.confirm-dialog::backdrop{background:rgba(10,24,52,.45);backdrop-filter:blur(5px)}
.confirm-card{border-radius:22px!important;box-shadow:0 30px 80px rgba(12,32,70,.30)!important}

/* Auth screens */
.auth-story,.access-story{position:relative}
.auth-panel,.access-panel{background:linear-gradient(180deg,#f9fcff,#f2f7ff)!important}
.form-shell,.auth-card,.access-form{border-radius:22px!important}

/* Scrollbars (webkit) */
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{background:#c3d3e8;border-radius:8px;border:2px solid #eef3fa}
::-webkit-scrollbar-thumb:hover{background:#a9bedd}
::-webkit-scrollbar-track{background:transparent}

/* Small screens: keep the premium spacing, lose the clutter */
@media(max-width:700px){
  .portal-content{padding:16px!important}
  .panel,.card{border-radius:16px!important}
  .page-head{border-radius:17px!important}
}