/* NSCRA Panel 1.26.0 — Visual Refresh & UX Consistency
   Presentation-only layer loaded after the selected theme.
   No business workflow, route, data, updater, trust or edition semantics live here. */

:root{
  --v126-radius-xs:8px;
  --v126-radius-sm:11px;
  --v126-radius-md:15px;
  --v126-radius-lg:19px;
  --v126-radius-xl:24px;
  --v126-shadow-soft:0 8px 24px rgba(15,23,42,.055);
  --v126-shadow-card:0 12px 34px rgba(15,23,42,.065);
  --v126-shadow-float:0 18px 48px rgba(15,23,42,.12);
  --v126-focus:0 0 0 3px color-mix(in srgb,var(--accent,var(--primary,#2563eb)) 15%,transparent);
  --v126-line:color-mix(in srgb,var(--border,var(--line,#dbe3ed)) 82%,transparent);
  --v126-soft:color-mix(in srgb,var(--surface-muted,#f7f9fc) 82%,var(--surface,#fff));
  --v126-accent-soft:color-mix(in srgb,var(--accent,var(--primary,#2563eb)) 8%,var(--surface,#fff));
  --v126-accent-line:color-mix(in srgb,var(--accent,var(--primary,#2563eb)) 24%,var(--border,var(--line,#dbe3ed)));
}

html{scroll-behavior:smooth}
body{
  background:
    radial-gradient(circle at 92% -10%,color-mix(in srgb,var(--accent,var(--primary,#2563eb)) 7%,transparent),transparent 30rem),
    linear-gradient(180deg,color-mix(in srgb,var(--page-bg,var(--bg,#f4f6fa)) 96%,#fff),var(--page-bg,var(--bg,#f4f6fa)) 34rem);
}
body::selection{background:color-mix(in srgb,var(--accent,var(--primary,#2563eb)) 22%,transparent)}

/* Shell and navigation */
.app-shell{background:transparent}
.sidebar{
  border-inline-start:0;
  border-inline-end:1px solid rgba(255,255,255,.07);
  background:
    radial-gradient(circle at 55% 0,rgba(96,165,250,.13),transparent 22rem),
    linear-gradient(180deg,color-mix(in srgb,var(--nav-bg,#111827) 90%,#0b1220),color-mix(in srgb,var(--nav-bg,#111827) 94%,#020617));
  box-shadow:-12px 0 38px rgba(15,23,42,.10);
  scrollbar-width:thin;
  scrollbar-color:rgba(148,163,184,.32) transparent;
}
.sidebar-brand{
  min-height:82px;
  padding:1rem 1rem .95rem;
  border-bottom-color:rgba(255,255,255,.07);
  background:linear-gradient(180deg,rgba(255,255,255,.025),transparent);
}
.brand-mark{
  width:42px;height:42px;border-radius:14px;
  background:linear-gradient(145deg,color-mix(in srgb,var(--accent,var(--primary,#3b82f6)) 88%,#60a5fa),color-mix(in srgb,var(--accent-strong,var(--primary-dark,#1d4ed8)) 92%,#172554));
  box-shadow:0 10px 26px color-mix(in srgb,var(--accent,var(--primary,#2563eb)) 28%,transparent),inset 0 1px 0 rgba(255,255,255,.24);
  letter-spacing:-.04em;
}
.sidebar-brand span:last-child b{font-size:.98rem;letter-spacing:.01em}
.sidebar-brand small{margin-top:.12rem;color:#94a3b8;font-size:.7rem}
.sidebar-nav{padding:.7rem .72rem 1rem;gap:.12rem}
.sidebar-nav .nav-label{
  margin:1.02rem .72rem .32rem;
  color:#718096;
  font-size:.64rem;
  font-weight:850;
  letter-spacing:.06em;
  opacity:.95;
}
.sidebar-nav a{
  position:relative;
  min-height:40px;
  padding:.52rem .72rem;
  border:1px solid transparent;
  border-radius:11px;
  font-size:.86rem;
  transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease;
}
.sidebar-nav a:hover{
  background:rgba(255,255,255,.055);
  border-color:rgba(255,255,255,.055);
  transform:translateX(-1px);
}
.sidebar-nav a.active{
  background:linear-gradient(135deg,color-mix(in srgb,var(--accent,var(--nav-active,#2563eb)) 94%,#fff 6%),color-mix(in srgb,var(--accent-strong,var(--primary-dark,#1d4ed8)) 94%,#0f172a));
  border-color:rgba(255,255,255,.16);
  box-shadow:0 10px 24px color-mix(in srgb,var(--accent,var(--primary,#2563eb)) 25%,transparent),inset 0 1px 0 rgba(255,255,255,.18);
  transform:none;
}
.sidebar-nav a.active::after{
  content:"";position:absolute;inset-block:9px;inset-inline-end:-.72rem;width:3px;border-radius:99px;background:#fff;opacity:.88;
}
.sidebar-nav .ui-icon{width:1.04rem;height:1.04rem}
.nav-count{box-shadow:0 0 0 2px color-mix(in srgb,var(--nav-bg,#111827) 80%,transparent)}
.sidebar-account{
  margin:.45rem .6rem .65rem;
  padding:.72rem;
  border:1px solid rgba(255,255,255,.075);
  border-radius:15px;
  background:rgba(255,255,255,.035);
  backdrop-filter:blur(10px);
}
.account-avatar{background:linear-gradient(145deg,#475569,#1e293b);box-shadow:inset 0 1px 0 rgba(255,255,255,.16)}

.workspace-header{
  border-bottom:1px solid var(--v126-line);
  background:color-mix(in srgb,var(--surface,#fff) 88%,transparent);
  box-shadow:0 8px 28px rgba(15,23,42,.045);
  backdrop-filter:saturate(145%) blur(18px);
  -webkit-backdrop-filter:saturate(145%) blur(18px);
}
.workspace-title b{letter-spacing:-.015em}
.header-search input,.global-search input{box-shadow:inset 0 0 0 1px transparent}
.version-chip{border-radius:999px!important}

/* Page rhythm and hierarchy */
.workspace>main.container,.container{width:min(1500px,calc(100% - 3.2rem))}
.page-head{margin-bottom:.5rem;padding:.35rem .1rem 1rem}
.page-head h1{font-weight:850;line-height:1.25;letter-spacing:-.035em}
.page-head .muted{margin-top:.34rem;color:color-mix(in srgb,var(--muted,#64748b) 92%,var(--text,#0f172a));line-height:1.85}
.card{
  border:1px solid var(--v126-line);
  border-radius:var(--v126-radius-md);
  background:color-mix(in srgb,var(--card,var(--surface,#fff)) 98%,transparent);
  box-shadow:var(--v126-shadow-soft);
}
.card:not(.danger-zone):not(.danger-border){transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.card-head{gap:1rem}
.card-head h2{font-weight:820;letter-spacing:-.018em;line-height:1.4}
.card-head .muted{line-height:1.7}
.section-title h2{font-weight:820;letter-spacing:-.015em}

/* Buttons and controls */
button,.button{
  border-radius:var(--v126-radius-sm);
  font-weight:740;
  letter-spacing:-.005em;
  box-shadow:0 1px 1px rgba(15,23,42,.025);
  transition:transform .14s ease,box-shadow .14s ease,background .14s ease,border-color .14s ease,color .14s ease;
}
button:hover,.button:hover{transform:translateY(-1px)}
button:active,.button:active{transform:translateY(0);box-shadow:none}
button.primary,.button.primary{
  background:linear-gradient(145deg,color-mix(in srgb,var(--primary,#2563eb) 94%,#fff 6%),var(--primary-dark,#1d4ed8));
  border-color:color-mix(in srgb,var(--primary,#2563eb) 82%,#0f172a);
  box-shadow:0 7px 18px color-mix(in srgb,var(--primary,#2563eb) 18%,transparent),inset 0 1px 0 rgba(255,255,255,.18);
}
button.primary:hover,.button.primary:hover{box-shadow:0 10px 24px color-mix(in srgb,var(--primary,#2563eb) 23%,transparent),inset 0 1px 0 rgba(255,255,255,.2)}
.button.ghost,button.ghost{background:color-mix(in srgb,var(--surface,#fff) 90%,transparent);border-color:var(--v126-line)}
.button.ghost:hover,button.ghost:hover{background:var(--v126-accent-soft);border-color:var(--v126-accent-line)}
input:not([type="checkbox"]):not([type="radio"]),select,textarea{
  border-radius:var(--v126-radius-sm);
  border-color:color-mix(in srgb,var(--border,var(--line,#dbe3ed)) 94%,#94a3b8 6%);
  background:color-mix(in srgb,var(--surface,#fff) 98%,var(--page-bg,#f8fafc));
  transition:border-color .14s ease,box-shadow .14s ease,background .14s ease;
}
input:not([type="checkbox"]):not([type="radio"]):hover,select:hover,textarea:hover{border-color:color-mix(in srgb,var(--accent,var(--primary,#2563eb)) 28%,var(--border,var(--line,#dbe3ed)))}
input:not([type="checkbox"]):not([type="radio"]):focus,select:focus,textarea:focus{
  outline:none;border-color:color-mix(in srgb,var(--accent,var(--primary,#2563eb)) 58%,var(--border,var(--line,#dbe3ed)));box-shadow:var(--v126-focus);background:var(--surface,#fff)
}
fieldset{border-color:var(--v126-line);border-radius:var(--v126-radius-md);background:color-mix(in srgb,var(--surface,#fff) 72%,transparent)}
.filter-bar,.filter-panel{border-color:var(--v126-line);border-radius:var(--v126-radius-md);background:linear-gradient(180deg,var(--surface,#fff),var(--v126-soft))}
.action-bar{border-color:var(--v126-line);border-radius:var(--v126-radius-md);box-shadow:0 -10px 28px rgba(15,23,42,.05)}

/* Tables */
.table-wrap{
  border-color:var(--v126-line);
  border-radius:var(--v126-radius-md);
  background:var(--surface,#fff);
  box-shadow:0 3px 14px rgba(15,23,42,.025);
}
thead th{
  background:linear-gradient(180deg,color-mix(in srgb,var(--surface-muted,#f7f9fc) 90%,#fff),var(--surface-muted,#f7f9fc));
  color:color-mix(in srgb,var(--muted,#64748b) 88%,var(--text,#0f172a));
  font-size:.74rem;
  font-weight:820;
  letter-spacing:.01em;
  border-bottom-color:var(--v126-line);
}
tbody td{border-bottom-color:color-mix(in srgb,var(--v126-line) 72%,transparent)}
tbody tr{transition:background .12s ease}
tbody tr:hover{background:color-mix(in srgb,var(--accent,var(--primary,#2563eb)) 3.8%,var(--surface,#fff))}
.compact-table th,.compact-table td{vertical-align:middle}

/* Badges, notices and feedback */
.badge,.status{border:1px solid color-mix(in srgb,currentColor 14%,transparent);font-weight:780;letter-spacing:-.005em}
.status::before,.badge::before{content:"";width:.38rem;height:.38rem;flex:0 0 .38rem;border-radius:50%;background:currentColor;opacity:.58;margin-inline-end:.3rem}
.badge:empty::before,.status:empty::before{display:none}
.flash,.notice{border-radius:var(--v126-radius-sm);box-shadow:0 6px 20px rgba(15,23,42,.035)}
.notice.info{background:color-mix(in srgb,var(--info,#315a9d) 7%,var(--surface,#fff));border-color:color-mix(in srgb,var(--info,#315a9d) 22%,var(--border,#dbe3ed))}
.empty{
  min-height:110px;display:grid;place-items:center;padding:1.8rem;
  border:1px dashed color-mix(in srgb,var(--border,var(--line,#dbe3ed)) 88%,transparent);
  border-radius:var(--v126-radius-md);
  background:linear-gradient(180deg,color-mix(in srgb,var(--surface,#fff) 80%,transparent),var(--v126-soft));
}

/* Dashboard */
.page-dashboard .dashboard-hero-v160{
  border:1px solid var(--v126-accent-line);
  border-radius:var(--v126-radius-xl);
  overflow:hidden;
  background:
    radial-gradient(circle at 92% 6%,color-mix(in srgb,var(--accent,var(--primary,#2563eb)) 16%,transparent),transparent 18rem),
    linear-gradient(135deg,var(--surface,#fff),color-mix(in srgb,var(--accent,var(--primary,#2563eb)) 5%,var(--surface,#fff)));
  box-shadow:var(--v126-shadow-card);
}
.page-dashboard .dashboard-hero-main{padding:1.25rem 1.35rem}
.page-dashboard .dashboard-hero-main .eyebrow{letter-spacing:.04em;font-weight:820}
.page-dashboard .dashboard-primary-actions{gap:.55rem}
.page-dashboard .dashboard-quick-actions{gap:.62rem}
.page-dashboard .quick-action{
  border-radius:var(--v126-radius-md);
  border-color:var(--v126-line);
  background:color-mix(in srgb,var(--surface,#fff) 94%,transparent);
  box-shadow:0 5px 16px rgba(15,23,42,.035);
  transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease,background .15s ease;
}
.page-dashboard .quick-action:hover{transform:translateY(-2px);border-color:var(--v126-accent-line);box-shadow:0 12px 24px rgba(15,23,42,.065);background:var(--v126-accent-soft)}
.page-dashboard .stats-grid>.stat{
  position:relative;overflow:hidden;min-height:105px;border-radius:var(--v126-radius-md);background:linear-gradient(155deg,var(--surface,#fff),var(--v126-soft));box-shadow:0 7px 22px rgba(15,23,42,.04)
}
.page-dashboard .stats-grid>.stat::after{content:"";position:absolute;inset-block:0 auto;inset-inline:0;width:100%;height:3px;background:linear-gradient(90deg,var(--accent,var(--primary,#2563eb)),color-mix(in srgb,var(--accent,var(--primary,#2563eb)) 22%,transparent));opacity:.75}
.page-dashboard .stats-grid>.stat strong{letter-spacing:-.035em}
.page-dashboard .dashboard-analytics-grid>.card,.page-dashboard .dashboard-widgets>.card{border-radius:var(--v126-radius-lg)}
.page-dashboard .attention-tile{border-radius:var(--v126-radius-md);transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}
.page-dashboard .attention-tile:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(15,23,42,.055)}
.page-dashboard .manager-attention-v125{border-inline-start:4px solid color-mix(in srgb,var(--warning,#d97706) 70%,transparent)}
.page-dashboard .otp-panel{border-inline-start:4px solid color-mix(in srgb,var(--primary,#2563eb) 55%,transparent)}

/* Modules and operational cards */
.module-grid{gap:1rem}
.module-card{
  min-height:210px;
  border-radius:var(--v126-radius-lg);
  background:linear-gradient(155deg,var(--surface,#fff),color-mix(in srgb,var(--accent,var(--primary,#2563eb)) 2.5%,var(--surface,#fff)));
  box-shadow:var(--v126-shadow-soft);
}
.module-card:hover{border-color:var(--v126-accent-line);box-shadow:var(--v126-shadow-card);transform:translateY(-2px)}
.module-card .card-head{align-items:flex-start}
.module-card .module-scope-note{margin:.8rem 0;border-radius:var(--v126-radius-md)}
.shahkar-account-card{border-radius:var(--v126-radius-lg);box-shadow:0 6px 20px rgba(15,23,42,.035)}
.shahkar-account-card.is-active{box-shadow:0 10px 30px color-mix(in srgb,var(--success,#059669) 9%,transparent)}
.shahkar-health-grid>div,.shahkar-account-meta>div,.request-account-grid>div{border-radius:var(--v126-radius-md);border-color:var(--v126-line)}

/* Auth and overlays */
.auth-card{border-radius:var(--v126-radius-xl);border-color:var(--v126-line);box-shadow:var(--v126-shadow-float)}
.notification-popover,.issue-report-dialog{border-radius:var(--v126-radius-lg);border-color:var(--v126-line);box-shadow:var(--v126-shadow-float)}
.json-view,.pem-view,.command-hint{border-radius:var(--v126-radius-md);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}

/* Compact density keeps the same visual language without inflating space. */
.density-compact .card{border-radius:var(--v126-radius-sm)}
.density-compact .table-wrap{border-radius:var(--v126-radius-sm)}
.density-compact button,.density-compact .button,.density-compact input:not([type="checkbox"]):not([type="radio"]),.density-compact select,.density-compact textarea{border-radius:9px}

/* Stable layout intentionally remains conservative. */
.layout-stable .card,.layout-stable .table-wrap,.layout-stable input,.layout-stable select,.layout-stable textarea,.layout-stable button,.layout-stable .button{box-shadow:none!important;backdrop-filter:none!important}
.layout-stable .card,.layout-stable .table-wrap{border-color:var(--border,var(--line,#dbe3ed))}
.layout-stable .sidebar-nav a:hover{transform:none}

/* Responsive polish */
@media(max-width:1180px){
  .workspace>main.container,.container{width:min(1500px,calc(100% - 2rem))}
  .sidebar-nav a{font-size:.84rem}
}
@media(max-width:820px){
  .workspace-header{backdrop-filter:saturate(130%) blur(14px);-webkit-backdrop-filter:saturate(130%) blur(14px)}
  .workspace>main.container,.container{width:calc(100% - 1.2rem)!important}
  .page-head{padding-top:.2rem}
  .page-dashboard .dashboard-hero-v160{border-radius:var(--v126-radius-lg)}
  .module-card{min-height:0}
}
@media(max-width:520px){
  .workspace>main.container,.container{width:calc(100% - .8rem)!important}
  .card{border-radius:13px!important}
  .page-head{padding-inline:.15rem;padding-bottom:.72rem}
  .page-head h1{font-size:1.2rem}
  .table-wrap{border-radius:12px}
  .page-dashboard .dashboard-hero-main{padding:1rem}
  .page-dashboard .quick-action{border-radius:12px}
  .sidebar-account{margin-inline:.45rem}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}
}