/* NSCRA Panel 2.0.4 — Workspace Polish, Sidebar Frozen
   Presentation-only layer. Deliberately scoped to .workspace so navigation/sidebar
   markup and sidebar styling remain exactly on the 1.26.1 reference. */

.workspace{
  --v204-radius-lg:18px;
  --v204-radius-md:13px;
  --v204-radius-sm:10px;
  --v204-line:color-mix(in srgb,var(--border,var(--line,#dbe3ed)) 88%,#94a3b8 12%);
  --v204-line-soft:color-mix(in srgb,var(--border,var(--line,#dbe3ed)) 72%,transparent);
  --v204-soft:color-mix(in srgb,var(--accent,var(--primary,#2563eb)) 5%,var(--surface,#fff));
  --v204-shadow:0 8px 24px rgba(15,23,42,.055);
  --v204-shadow-raised:0 16px 42px rgba(15,23,42,.075);
  --v204-control:42px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--bg,#f6f8fb) 96%,#fff) 0,var(--bg,#f6f8fb) 320px);
}

/* Header / workspace shell — navigation rail intentionally untouched. */
.workspace .workspace-header{
  min-height:64px;
  padding:.7rem 1.25rem;
  border-bottom:1px solid var(--v204-line-soft);
  background:color-mix(in srgb,var(--surface,#fff) 94%,transparent);
  box-shadow:0 5px 22px rgba(15,23,42,.035);
  backdrop-filter:saturate(125%) blur(16px);
}
.workspace .workspace-title{gap:.8rem}
.workspace .workspace-title b{font-size:.96rem;letter-spacing:-.01em}
.workspace .workspace-title small{font-size:.74rem;line-height:1.55}
.workspace .live-clock{padding:.42rem .62rem;border:1px solid var(--v204-line-soft);border-radius:10px;background:var(--surface,#fff)}
.workspace .header-search-button,
.workspace .header-notification{
  min-height:40px!important;
  border-color:var(--v204-line)!important;
  border-radius:11px!important;
  background:var(--surface,#fff)!important;
  box-shadow:0 2px 8px rgba(15,23,42,.03);
}
.workspace .header-search-button:hover,
.workspace .header-notification:hover{transform:none;background:var(--v204-soft)!important}

.workspace > main.container{
  width:min(1520px,calc(100% - 2.5rem));
  margin-block:1.35rem 2.75rem;
  gap:1.05rem;
}
.workspace .page-head{
  align-items:flex-start;
  gap:1rem;
  padding:.15rem .1rem .45rem;
  margin:0;
}
.workspace .page-head h1{
  margin:0 0 .28rem;
  font-size:clamp(1.5rem,1.7vw,1.9rem);
  line-height:1.35;
  letter-spacing:-.025em;
}
.workspace .page-head p,
.workspace .page-head .muted{margin:0;max-width:78ch;line-height:1.85}
.workspace .head-actions,
.workspace .inline-actions,
.workspace .row-actions{gap:.55rem}

/* Cards / sections */
.workspace .card,
.workspace .sub-card,
.workspace .summary-card,
.workspace .metric-card{
  border-color:var(--v204-line);
  border-radius:var(--v204-radius-lg);
  box-shadow:var(--v204-shadow);
}
.workspace .card{
  padding:1.2rem 1.25rem;
}
.workspace .card:hover{box-shadow:var(--v204-shadow)}
.workspace .card-head{
  align-items:flex-start;
  gap:.85rem;
  margin-bottom:1rem;
  padding-bottom:.72rem;
  border-bottom:1px solid var(--v204-line-soft);
}
.workspace .card-head:has(>h2:only-child),
.workspace .card-head:has(>h3:only-child){padding-bottom:.65rem}
.workspace .card-head h2{font-size:1.08rem;line-height:1.5;letter-spacing:-.012em}
.workspace .card-head h3{line-height:1.5}
.workspace .section-title{margin-bottom:.8rem}
.workspace .section-title h2{font-size:1.16rem}
.workspace .muted{color:color-mix(in srgb,var(--muted,#64748b) 94%,var(--text,#172033) 6%)}

/* Controls */
.workspace input:not([type="checkbox"]):not([type="radio"]),
.workspace select,
.workspace textarea{
  min-height:var(--v204-control);
  padding:.62rem .78rem;
  border-color:var(--v204-line);
  border-radius:10px;
  background:var(--surface,#fff);
  transition:border-color .14s ease,box-shadow .14s ease,background .14s ease;
}
.workspace textarea{min-height:96px;line-height:1.7}
.workspace input:not([type="checkbox"]):not([type="radio"]):focus,
.workspace select:focus,
.workspace textarea:focus{
  border-color:color-mix(in srgb,var(--accent,var(--primary,#2563eb)) 58%,var(--v204-line));
  box-shadow:0 0 0 3px color-mix(in srgb,var(--accent,var(--primary,#2563eb)) 12%,transparent);
  outline:none;
}
.workspace button,
.workspace .button{
  min-height:40px;
  padding:.54rem .82rem;
  border-radius:10px;
  font-weight:750;
  box-shadow:none;
}
.workspace .button.primary,
.workspace button.primary{box-shadow:0 5px 14px color-mix(in srgb,var(--accent,var(--primary,#2563eb)) 18%,transparent)}
.workspace button:hover,
.workspace .button:hover{transform:none}
.workspace fieldset{
  border-color:var(--v204-line);
  border-radius:var(--v204-radius-md);
  background:color-mix(in srgb,var(--surface,#fff) 97%,var(--bg,#f6f8fb));
}
.workspace .filter-bar,
.workspace .filter-panel{
  gap:.7rem;
  padding:.9rem;
  border:1px solid var(--v204-line);
  border-radius:var(--v204-radius-md);
  background:var(--surface,#fff);
  box-shadow:0 4px 14px rgba(15,23,42,.025);
}

/* Tables */
.workspace .table-wrap{
  max-width:100%;
  overflow:auto;
  border:1px solid var(--v204-line);
  border-radius:var(--v204-radius-md);
  background:var(--surface,#fff);
  box-shadow:0 4px 14px rgba(15,23,42,.025);
}
.workspace .table-wrap table{margin:0;border:0}
.workspace table thead th{
  padding:.78rem .82rem;
  border-bottom:1px solid var(--v204-line);
  background:color-mix(in srgb,var(--surface-muted,#f8fafc) 92%,var(--surface,#fff));
  color:color-mix(in srgb,var(--text,#172033) 80%,var(--muted,#64748b));
  font-size:.77rem;
  font-weight:800;
  white-space:nowrap;
}
.workspace table tbody td{padding:.78rem .82rem;vertical-align:middle;border-bottom-color:var(--v204-line-soft)}
.workspace table tbody tr:last-child td{border-bottom:0}
.workspace table tbody tr:hover{background:color-mix(in srgb,var(--accent,var(--primary,#2563eb)) 3.5%,var(--surface,#fff))}

/* Status / notices */
.workspace .badge,
.workspace .status{border-radius:999px;font-weight:800;line-height:1.2}
.workspace .notice,
.workspace .alert,
.workspace .flash{
  border-radius:var(--v204-radius-md);
  line-height:1.75;
}
.workspace .empty{
  border:1px dashed var(--v204-line);
  border-radius:var(--v204-radius-md);
  background:color-mix(in srgb,var(--surface-muted,#f8fafc) 90%,var(--surface,#fff));
}

/* Dashboard — keep 1.26.1 proportions, improve hierarchy and spacing. */
.workspace .page-dashboard .dashboard-hero-v160{gap:1rem;margin-bottom:.05rem}
.workspace .page-dashboard .dashboard-hero-main,
.workspace .page-dashboard .dashboard-hero-snapshot{
  border-color:var(--v204-line);
  border-radius:var(--v204-radius-lg);
  box-shadow:var(--v204-shadow-raised);
}
.workspace .page-dashboard .dashboard-hero-main{
  padding:1.45rem 1.5rem;
  background:linear-gradient(135deg,color-mix(in srgb,var(--accent,var(--primary,#2563eb)) 9%,var(--surface,#fff)),var(--surface,#fff) 68%);
}
.workspace .page-dashboard .dashboard-hero-main::after{content:none!important;display:none!important}
.workspace .page-dashboard .dashboard-hero-main h2{font-size:1.5rem;line-height:1.45;margin:.7rem 0 .35rem}
.workspace .page-dashboard .dashboard-quick-actions{gap:.7rem;margin-top:1.15rem}
.workspace .page-dashboard .quick-action{
  min-height:92px;
  padding:.9rem 1rem;
  border-color:var(--v204-line);
  border-radius:13px;
  background:var(--surface,#fff);
  color:var(--text,#172033);
  box-shadow:0 3px 12px rgba(15,23,42,.03);
}
.workspace .page-dashboard .quick-action span{font-size:.94rem;line-height:1.45}
.workspace .page-dashboard .quick-action small{font-size:.78rem;line-height:1.65;color:var(--muted,#64748b)}
.workspace .page-dashboard .quick-action.primary,
.workspace .page-dashboard .quick-action.primary:hover,
.workspace .page-dashboard .quick-action.primary:focus-visible{
  color:#fff;
  border-color:transparent;
  background:linear-gradient(145deg,color-mix(in srgb,var(--accent,var(--primary,#2563eb)) 94%,#fff 6%),var(--accent-strong,var(--primary-dark,#1d4ed8)));
}
.workspace .page-dashboard .quick-action.primary small{color:rgba(255,255,255,.84)}
.workspace .page-dashboard .dashboard-hero-snapshot{padding:.6rem}
.workspace .page-dashboard .dashboard-hero-snapshot article{min-height:110px;padding:1rem 1.05rem}
.workspace .page-dashboard .stats-grid{gap:.75rem!important}
.workspace .page-dashboard .stats-grid>.stat{
  min-height:98px;
  padding:.95rem 1rem;
  border-color:var(--v204-line);
  border-radius:14px;
  background:var(--surface,#fff);
  box-shadow:0 5px 16px rgba(15,23,42,.035);
}
.workspace .page-dashboard .stats-grid>.stat strong{font-size:1.45rem}
.workspace .page-dashboard .dashboard-customizer{border-style:dashed;box-shadow:none}
.workspace .page-dashboard .attention-tile{border-color:var(--v204-line);border-radius:13px}
.workspace .page-dashboard .registration-overview-card{overflow:hidden}

/* Modules — explicit visibility/layout polish without changing module semantics. */
.workspace .page-modules .module-grid,
.workspace .module-grid{
  grid-template-columns:repeat(auto-fit,minmax(310px,1fr));
  gap:1rem;
  align-items:stretch;
}
.workspace .page-modules .module-card,
.workspace .module-card{
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  gap:.85rem;
  min-height:0;
  padding:1.15rem 1.2rem;
  overflow:visible;
}
.workspace .module-card .card-head{margin-bottom:0}
.workspace .module-card .module-scope-note{margin:0}
.workspace .module-card form{margin-top:auto;padding-top:.15rem}
.workspace .module-card .inline-actions{margin-top:0}

/* Common grids / records */
.workspace .content-grid,
.workspace .two-col,
.workspace .three-column-grid{gap:1rem}
.workspace .sub-card{padding:1rem 1.05rem;background:color-mix(in srgb,var(--surface-soft,#f8fafc) 82%,var(--surface,#fff))}
.workspace .meta-list>div,
.workspace .definition-list>div{border-color:var(--v204-line-soft)}
.workspace .saved-request-views{
  border-color:var(--v204-line);
  border-radius:var(--v204-radius-md);
  background:var(--surface,#fff);
}
.workspace .notification-item,
.workspace .work-card,
.workspace .reservation-row,
.workspace .attachment-row{border-radius:var(--v204-radius-md);border-color:var(--v204-line)}
.workspace .command-dialog{border-radius:18px;box-shadow:0 28px 80px rgba(15,23,42,.24)}
.workspace .notification-popover{border-radius:15px;box-shadow:0 22px 60px rgba(15,23,42,.18)}

/* Responsive workspace only. */
@media(max-width:1180px){
  .workspace > main.container{width:min(100% - 1.6rem,1520px);margin-block:1rem 2rem}
  .workspace .workspace-header{padding-inline:.9rem}
  .workspace .page-dashboard .dashboard-hero-v160{grid-template-columns:1fr}
  .workspace .module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .workspace .workspace-header{min-height:60px;padding:.58rem .75rem}
  .workspace > main.container{width:calc(100% - 1rem);gap:.85rem;margin-block:.8rem 1.5rem}
  .workspace .page-head{gap:.75rem}
  .workspace .page-head h1{font-size:1.42rem}
  .workspace .card{padding:1rem}
  .workspace .module-grid{grid-template-columns:1fr}
  .workspace .filter-bar,
  .workspace .filter-panel{padding:.78rem}
}
@media(max-width:700px){
  .workspace > main.container{width:calc(100% - .75rem)}
  .workspace .page-head{flex-direction:column;align-items:stretch}
  .workspace .head-actions,
  .workspace .inline-actions{width:100%;display:flex;overflow-x:auto;flex-wrap:nowrap;padding-bottom:.15rem}
  .workspace .head-actions>* ,
  .workspace .inline-actions>*{flex:0 0 auto}
  .workspace .card{padding:.9rem;border-radius:14px}
  .workspace .card-head{padding-bottom:.6rem;margin-bottom:.78rem}
  .workspace .page-dashboard .dashboard-hero-main{padding:1rem}
  .workspace .page-dashboard .dashboard-quick-actions{grid-template-columns:1fr}
  .workspace .page-dashboard .quick-action{min-height:78px}
  .workspace .page-dashboard .dashboard-hero-snapshot{grid-template-columns:1fr 1fr}
  .workspace .page-dashboard .dashboard-hero-snapshot article{min-height:94px;padding:.8rem}
  .workspace .page-dashboard .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .workspace .page-dashboard .stats-grid>.stat{min-height:86px}
  .workspace .table-wrap{border-radius:11px}
  .workspace table thead th,
  .workspace table tbody td{padding:.7rem .72rem}
  .workspace input:not([type="checkbox"]):not([type="radio"]),
  .workspace select,
  .workspace textarea{font-size:16px}
}
@media(max-width:430px){
  .workspace > main.container{width:calc(100% - .55rem);margin-block:.65rem 1.25rem}
  .workspace .workspace-header{padding-inline:.55rem}
  .workspace .page-head h1{font-size:1.32rem}
  .workspace .card{padding:.82rem}
  .workspace .page-dashboard .dashboard-hero-snapshot{grid-template-columns:1fr 1fr}
  .workspace .page-dashboard .stats-grid{grid-template-columns:1fr 1fr!important}
  .workspace .module-card{padding:.9rem}
}
@media(prefers-reduced-motion:reduce){
  .workspace *,
  .workspace *::before,
  .workspace *::after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}
}
