/* Nasaq Premium 2.5 — presentation-only layer. No route, data, permission or state changes.
   Typography prioritises Somar Sans when available locally / self-hosted by the site owner.
   Keep brand values in --ns-* as the source of truth for white-label colors and accents. */
:root {
  --nsp-panel-radius: 20px;
  --nsp-control-radius: 12px;
  --nsp-soft-line: color-mix(in srgb, var(--ns-text) 8%, var(--ns-surface));
  --nsp-elevation: 0 6px 28px rgba(32, 47, 94, .035), 0 1px 3px rgba(32, 47, 94, .025);
  --nsp-hover-shadow: 0 14px 35px rgba(28, 42, 83, .085), 0 2px 5px rgba(28, 42, 83, .035);
  --nsp-soft-accent: color-mix(in srgb, var(--ns-accent) 9%, var(--ns-surface));
  --nsp-quiet-accent: color-mix(in srgb, var(--ns-accent) 4%, var(--ns-bg));
}
html[data-theme="dark"] {
  --nsp-soft-line: color-mix(in srgb, var(--ns-text) 11%, var(--ns-surface));
  --nsp-elevation: 0 8px 24px rgba(0, 0, 0, .14);
  --nsp-hover-shadow: 0 12px 28px rgba(0, 0, 0, .23);
  --nsp-soft-accent: color-mix(in srgb, var(--ns-accent) 17%, var(--ns-surface));
}
#nasaq-root {
  font-family: "Somar Sans", "Somar", var(--ns-font-choice, Nasaq, Cairo, Tahoma, Arial, sans-serif);
  font-size: 15px;
  line-height: 1.75;
  letter-spacing: 0;
}
#nasaq-root :where(h1,h2,h3,h4,strong) {letter-spacing:-.025em}
#nasaq-root :where(h1) {font-size:clamp(25px,2.25vw,35px);line-height:1.5;font-weight:800}
#nasaq-root :where(h2) {font-size:clamp(18px,1.45vw,23px);font-weight:750}
#nasaq-root :where(h3) {font-size:16px;font-weight:700}
#nasaq-root :where(p) {line-height:1.85}
#nasaq-root :where(small) {font-size:12.5px}
#nasaq-root :where(.ns-muted,.ns-text-secondary) {line-height:1.7}
#nasaq-root :where(.ns-small,.ns-page-head p,.ns-section-head p) {font-size:13.5px}
#nasaq-root :where(.ns-chip,.ns-badge,.ns-status,.ns-priority,.ns-tag,.ns-count) {font-size:12px;letter-spacing:0}
#nasaq-root :where(.ns-btn,.ns-chip,.ns-tab,.ns-nav-item) {font-weight:650}
#nasaq-root :where(button,input,select,textarea) {font-family:inherit}
#nasaq-root :where(svg) {stroke-linecap:round;stroke-linejoin:round}
/* Bright, refined workspace surfaces; --ns-bg, --ns-surface and brand accent remain configurable. */
#nasaq-root {background:var(--ns-bg)}
#nasaq-root .ns-main{min-width:0;isolation:isolate}
#nasaq-root .ns-content{max-width:1670px;padding:34px clamp(23px,3.1vw,54px) 70px}
/* Navigation: crisp premium white surface with restrained accent, not a large dark slab. */
#nasaq-root .ns-sidebar{
  width:var(--ns-sidebar-width);background:color-mix(in srgb,var(--ns-nav) 2.5%,var(--ns-surface));
  border-inline-end:1px solid var(--nsp-soft-line);box-shadow:6px 0 28px rgba(25,44,92,.018);
  color:var(--ns-text);padding:25px 15px 18px;scrollbar-gutter:stable;
}
#nasaq-root .ns-sidebar > .ns-brand{padding:4px 11px 24px;color:var(--ns-text);gap:12px}
#nasaq-root .ns-brand-mark{
  border-radius:15px;width:45px;height:45px;
  background:linear-gradient(145deg,var(--ns-accent) 4%,color-mix(in srgb,var(--ns-accent) 69%,#18265d));
  box-shadow:0 9px 22px color-mix(in srgb,var(--ns-accent) 20%,transparent);
}
#nasaq-root .ns-brand-copy strong{font-size:25px;line-height:1.32;letter-spacing:-.7px;font-weight:850}
#nasaq-root .ns-brand-copy small{font-size:11.5px;color:var(--ns-muted);letter-spacing:0}
#nasaq-root .ns-nav{gap:5px;overflow:visible}
#nasaq-root .ns-nav-label{
  color:var(--ns-muted);font-size:11px;font-weight:750;letter-spacing:0;
  padding:15px 13px 9px;
}
#nasaq-root .ns-nav-item{
  min-height:45px;padding:10px 12px;border-radius:12px;color:var(--ns-text-secondary);
  font-size:13.5px;font-weight:650;gap:12px;transition:background .16s,color .16s,transform .16s;
}
#nasaq-root .ns-nav-item>svg {width:19px;height:19px;color:var(--ns-muted);stroke-width:1.9;transition:color .16s}
#nasaq-root .ns-nav-item:hover{background:var(--ns-surface-hover);color:var(--ns-text)}
#nasaq-root .ns-nav-item.is-active,#nasaq-root .ns-nav-item.active{
  color:var(--ns-accent-ink);background:var(--nsp-soft-accent);box-shadow:inset -3px 0 0 var(--ns-accent);
}
#nasaq-root .ns-nav-item.is-active>svg,#nasaq-root .ns-nav-item.active>svg{color:var(--ns-accent-ink);stroke-width:2.25}
#nasaq-root .ns-nav-item .ns-count,#nasaq-root .ns-nav-item .ns-badge{background:var(--ns-surface);color:var(--ns-text-secondary)}
#nasaq-root .ns-sidebar-foot{border-top:1px solid var(--nsp-soft-line);margin-top:20px;padding-top:15px;gap:7px}
#nasaq-root .ns-sidebar button.ns-user-block{padding:11px 9px;border-radius:13px;color:var(--ns-text-secondary);background:var(--ns-surface-alt)}
#nasaq-root .ns-sidebar button.ns-user-block:hover{background:var(--ns-surface-hover)}
#nasaq-root .ns-user-block strong{color:var(--ns-text);font-size:13px}
#nasaq-root .ns-user-block small{color:var(--ns-muted);font-size:11.5px}
#nasaq-root .ns-user-block>svg:last-child{color:var(--ns-muted)}
#nasaq-root .ns-sidebar .ns-avatar{background:var(--ns-accent-soft);color:var(--ns-accent-ink);border-color:var(--nsp-soft-line)}
#nasaq-root .ns-sidebar .ns-btn.ghost,#nasaq-root .ns-sidebar .ns-btn-ghost{color:var(--ns-text-secondary);background:transparent}
#nasaq-root .ns-sidebar .ns-btn.ghost:hover,#nasaq-root .ns-sidebar .ns-btn-ghost:hover{color:var(--ns-text);background:var(--ns-surface-hover)}
#nasaq-root .ns-sidebar-note{font-size:11px!important;color:var(--ns-muted)}
/* Global topbar, search and utility controls */
#nasaq-root .ns-topbar{
  min-height:82px;height:auto;padding:14px clamp(23px,3.1vw,54px);
  background:color-mix(in srgb,var(--ns-surface) 94%,var(--ns-bg));
  border-bottom:1px solid var(--nsp-soft-line);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  box-shadow:0 3px 20px rgba(33,45,89,.018);
}
#nasaq-root .ns-topbar-title{font-size:16px;font-weight:800;color:var(--ns-text);gap:12px}
#nasaq-root .ns-topbar-title small{font-size:12.5px;color:var(--ns-muted);font-weight:500}
#nasaq-root .ns-topbar-actions{gap:10px}
#nasaq-root .ns-search-launcher{
  border:1px solid var(--ns-border);border-radius:15px;background:var(--ns-bg);
  min-height:46px;padding:9px 16px;color:var(--ns-muted);max-width:400px;
}
#nasaq-root .ns-search-launcher:focus-visible{outline:3px solid var(--ns-focus)}
#nasaq-root .ns-search-hint{border-radius:7px;background:var(--ns-surface);color:var(--ns-muted);border:1px solid var(--ns-border)}
#nasaq-root .ns-notification-trigger{position:relative;border-radius:12px;background:var(--ns-surface);border:1px solid var(--ns-border);width:46px;min-width:46px;height:46px}
#nasaq-root .ns-page-head{margin-bottom:22px;gap:20px}
#nasaq-root .ns-page-head h1{margin:0 0 7px}
#nasaq-root .ns-page-head p{color:var(--ns-muted);font-size:14px}
#nasaq-root .ns-eyebrow{font-size:12px;color:var(--ns-accent-ink);font-weight:750;letter-spacing:0}
/* Premium controls; keep exact button callbacks & semantics unchanged. */
#nasaq-root :where(.ns-btn,.ns-btn-primary,.ns-btn-secondary,.ns-btn-ghost,.ns-btn-danger){
  border-radius:var(--nsp-control-radius);min-height:43px;padding:9px 16px;font-size:13px;
  box-shadow:none;transition:border-color .16s,background .16s,box-shadow .16s,transform .16s;
}
#nasaq-root .ns-btn.primary,#nasaq-root .ns-btn-primary{
  background:var(--ns-accent);border-color:var(--ns-accent);color:var(--ns-on-accent,#fff);
  box-shadow:0 7px 16px color-mix(in srgb,var(--ns-accent) 20%,transparent);
}
#nasaq-root .ns-btn.primary:hover:not(:disabled),#nasaq-root .ns-btn-primary:hover:not(:disabled){
  box-shadow:0 10px 19px color-mix(in srgb,var(--ns-accent) 24%,transparent);transform:translateY(-1px);
}
#nasaq-root .ns-btn.secondary,#nasaq-root .ns-btn-secondary{background:var(--nsp-soft-accent);border-color:transparent;color:var(--ns-accent-ink)}
#nasaq-root .ns-btn.ghost,#nasaq-root .ns-btn-ghost{color:var(--ns-text-secondary)}
#nasaq-root :where(.ns-btn.icon,.ns-btn.icon.small){padding:8px;min-width:40px;min-height:40px}
#nasaq-root .ns-btn.small{font-size:12px;min-height:36px;padding:6px 12px}
#nasaq-root :where(.ns-chip,.ns-tag,.ns-status,.ns-priority,.ns-badge){border-radius:9px;font-weight:650}
#nasaq-root .ns-chip{min-height:37px;padding:7px 13px;font-size:12.5px}
#nasaq-root .ns-chip.is-active{border-color:color-mix(in srgb,var(--ns-accent) 30%,transparent);background:var(--nsp-soft-accent)}
#nasaq-root .ns-tabs{padding:5px;border:1px solid var(--nsp-soft-line);border-radius:13px;background:var(--ns-surface-alt);gap:4px}
#nasaq-root .ns-tab{border-radius:9px;font-size:13px;min-height:37px}
#nasaq-root .ns-tabs .ns-tab.is-active{background:var(--ns-surface);box-shadow:0 2px 6px rgba(25,42,91,.06)}
/* Panels, KPIs and hierarchy */
#nasaq-root .ns-card{
  border-radius:var(--nsp-panel-radius);border:1px solid var(--nsp-soft-line);
  box-shadow:var(--nsp-elevation);background:var(--ns-surface);
}
#nasaq-root .ns-card.subtle{background:var(--ns-surface-alt);box-shadow:none}
#nasaq-root .ns-card-head{padding:20px 25px;border-bottom-color:var(--nsp-soft-line)}
#nasaq-root .ns-card-body{padding:24px}
#nasaq-root .ns-card-foot{font-size:13px;border-top-color:var(--nsp-soft-line)}
#nasaq-root .ns-card.clickable:hover{transform:translateY(-2px);box-shadow:var(--nsp-hover-shadow);border-color:color-mix(in srgb,var(--ns-accent) 19%,var(--ns-border))}
#nasaq-root .ns-section-head{margin-bottom:17px;gap:12px}
#nasaq-root .ns-section-head h2{font-size:20px;font-weight:800}
#nasaq-root .ns-stats-grid,#nasaq-root .ns-stats{gap:16px}
#nasaq-root .ns-stat{
  position:relative;overflow:hidden;min-height:142px;padding:23px 24px;gap:13px;
  border:1px solid var(--nsp-soft-line);border-radius:19px;box-shadow:var(--nsp-elevation);
  background:var(--ns-surface);transition:transform .18s,box-shadow .18s,border-color .18s;
}
#nasaq-root .ns-stat::after{
  content:"";position:absolute;inset-block-start:-36px;inset-inline-end:-38px;
  width:105px;height:105px;border-radius:50%;pointer-events:none;
  background:color-mix(in srgb,var(--ns-accent) 3.5%,transparent);
}
#nasaq-root .ns-stat:hover{transform:translateY(-2px);box-shadow:var(--nsp-hover-shadow)}
#nasaq-root .ns-stat-value,#nasaq-root .ns-stat>strong{font-size:clamp(27px,2.5vw,35px);line-height:1.35;font-weight:800}
#nasaq-root .ns-stat-label,#nasaq-root .ns-stat-head{font-size:13px;font-weight:600}
#nasaq-root .ns-stat small{font-size:12.5px}
#nasaq-root .ns-stat-head>svg,#nasaq-root .ns-stat-icon{
  width:42px;height:42px;padding:10px;border-radius:13px;
  color:var(--ns-accent-ink);background:var(--nsp-soft-accent);stroke-width:1.9;
}
#nasaq-root .ns-stat.success .ns-stat-icon,#nasaq-root .ns-stat.green .ns-stat-head>svg{background:var(--ns-green-soft);color:var(--ns-green)}
#nasaq-root .ns-stat.warning .ns-stat-icon,#nasaq-root .ns-stat.amber .ns-stat-head>svg{background:var(--ns-orange-soft);color:var(--ns-orange)}
#nasaq-root .ns-stat.danger .ns-stat-icon{background:var(--ns-red-soft);color:var(--ns-red)}
/* Manager's decision center: rich but focused Horizon/Venus-inspired component proportions. */
#nasaq-root .ns-manager-240{gap:22px}
#nasaq-root .ns-manager-intro{gap:18px;padding:4px 0 3px}
#nasaq-root .ns-manager-intro h1{font-size:clamp(26px,2.45vw,36px);font-weight:850;line-height:1.35}
#nasaq-root .ns-manager-intro p{font-size:14px;color:var(--ns-muted)}
#nasaq-root .ns-manager-summary{grid-template-columns:minmax(230px,.83fr) minmax(0,2.17fr);gap:17px}
#nasaq-root .ns-manager-overview{
  position:relative;overflow:hidden;border-radius:21px;padding:25px 27px;
  background:linear-gradient(125deg,var(--ns-accent),color-mix(in srgb,var(--ns-accent) 66%,#14205b));
  box-shadow:0 10px 25px color-mix(in srgb,var(--ns-accent) 16%,transparent);
  color:var(--ns-on-accent,#fff);
}
#nasaq-root .ns-manager-overview::before,#nasaq-root .ns-manager-overview::after{
  content:"";position:absolute;width:186px;height:186px;border:1px solid rgba(255,255,255,.19);
  border-radius:50%;inset-inline-end:-88px;top:-100px;pointer-events:none;
}
#nasaq-root .ns-manager-overview::after{width:123px;height:123px;top:auto;bottom:-72px;inset-inline-end:30px;background:rgba(255,255,255,.055)}
#nasaq-root .ns-manager-overview>span{font-size:14px;color:rgba(255,255,255,.87);position:relative;z-index:1}
#nasaq-root .ns-manager-overview strong{font-size:43px;font-weight:850;line-height:1.36;position:relative;z-index:1}
#nasaq-root .ns-manager-overview small{font-size:12px;color:rgba(255,255,255,.8);position:relative;z-index:1}
#nasaq-root .ns-manager-metric-grid{gap:14px}
#nasaq-root .ns-manager-metric{
  position:relative;min-height:136px;padding:19px 18px;border-radius:19px;
  background:var(--ns-surface);border:1px solid var(--nsp-soft-line);
  box-shadow:var(--nsp-elevation);gap:9px;overflow:hidden;
}
#nasaq-root .ns-manager-metric::after{content:"";position:absolute;width:70px;height:70px;border-radius:50%;inset-inline-end:-34px;top:-35px;background:var(--nsp-soft-accent);pointer-events:none}
#nasaq-root .ns-manager-metric strong{font-size:32px;line-height:1.3;font-weight:800}
#nasaq-root .ns-manager-metric span{font-size:13px;color:var(--ns-muted)}
#nasaq-root .ns-manager-metric:hover{box-shadow:var(--nsp-hover-shadow);transform:translateY(-2px)}
#nasaq-root .ns-manager-metric.is-current{background:var(--nsp-soft-accent);border-color:color-mix(in srgb,var(--ns-accent) 28%,var(--ns-border))}
#nasaq-root .ns-manager-action-center,#nasaq-root .ns-manager-bottom>.ns-card{padding:26px 28px}
#nasaq-root .ns-manager-section-title{margin-bottom:18px}
#nasaq-root .ns-manager-section-title h2,#nasaq-root .ns-manager-insight h2{font-size:20px;font-weight:800}
#nasaq-root .ns-manager-section-title p{font-size:13.5px}
#nasaq-root .ns-manager-filters{padding-bottom:18px;gap:9px}
#nasaq-root .ns-manager-filter{
  min-height:41px;padding:8px 13px;border-radius:11px;font-size:13px;
  border:1px solid var(--nsp-soft-line);background:var(--ns-surface-alt);
}
#nasaq-root .ns-manager-filter.is-selected{background:var(--nsp-soft-accent);border-color:color-mix(in srgb,var(--ns-accent) 32%,var(--ns-border));color:var(--ns-accent-ink)}
#nasaq-root .ns-manager-action-row{padding:18px 4px;gap:16px}
#nasaq-root .ns-manager-action-row:hover{background:var(--ns-surface-alt)}
#nasaq-root .ns-manager-action-main h3{font-size:16px;font-weight:750;line-height:1.55}
#nasaq-root .ns-manager-action-main>p{font-size:13.5px}
#nasaq-root .ns-manager-meta{font-size:12.5px;gap:5px 14px}
#nasaq-root .ns-manager-category{padding:4px 10px;border-radius:9px;font-size:12px}
#nasaq-root .ns-manager-bottom{gap:17px}
#nasaq-root .ns-manager-upcoming>button{min-height:63px;padding:13px 0}
#nasaq-root .ns-manager-upcoming strong{font-size:14px}
#nasaq-root .ns-manager-upcoming span{font-size:13px}
/* Task cards, lists, board, calendars, reports and configuration. */
#nasaq-root .ns-task-card{
  border-radius:17px;border-color:var(--nsp-soft-line);padding:21px 22px;box-shadow:var(--nsp-elevation);
}
#nasaq-root .ns-task-card:hover{border-color:color-mix(in srgb,var(--ns-accent) 24%,var(--ns-border));box-shadow:var(--nsp-hover-shadow)}
#nasaq-root .ns-task-card h3,#nasaq-root .ns-task-title{font-size:15px;line-height:1.72;font-weight:750}
#nasaq-root .ns-task-card p{font-size:13.5px;line-height:1.75}
#nasaq-root .ns-task-card-foot{font-size:12.5px}
#nasaq-root .ns-board{gap:16px;padding:5px 4px 17px}
#nasaq-root .ns-column{border-radius:17px;background:color-mix(in srgb,var(--ns-surface) 56%,var(--ns-bg));border-color:var(--nsp-soft-line);padding:15px}
#nasaq-root .ns-column-head{font-size:14px}
#nasaq-root .ns-column .ns-task-card{padding:17px}
#nasaq-root .ns-table-wrap{border-radius:17px;border-color:var(--nsp-soft-line)}
#nasaq-root .ns-table{font-size:13.5px}
#nasaq-root .ns-table th{font-size:12.5px;padding:15px 18px;background:var(--ns-surface-alt);color:var(--ns-text-secondary);border-bottom-color:var(--nsp-soft-line)}
#nasaq-root .ns-table td{padding:16px 18px;color:var(--ns-text-secondary);border-bottom-color:var(--nsp-soft-line)}
#nasaq-root .ns-table tbody tr:hover td{background:var(--nsp-quiet-accent)}
#nasaq-root .ns-list-item{border-color:var(--nsp-soft-line);border-radius:13px}
#nasaq-root .ns-work-templates .ns-template-card,#nasaq-root .ns-template-stage-editor{
  border-color:var(--nsp-soft-line);border-radius:16px;padding:18px;background:var(--ns-surface);box-shadow:var(--nsp-elevation);
}
#nasaq-root .ns-work-templates .ns-template-card-top strong{font-size:15.5px}
#nasaq-root .ns-work-templates .ns-template-card-top small,#nasaq-root .ns-work-templates .ns-template-stage-preview{font-size:13px;line-height:1.7}
#nasaq-root .ns-template-stage-editor .ns-btn{min-height:36px;padding:7px 11px}
#nasaq-root .ns-template-platform{font-size:13px;padding:8px 12px}
#nasaq-root .ns-template-ready{font-size:12px;padding:5px 10px}
/* Forms, modals and drawers: airier without hiding steps, validation or controls. */
#nasaq-root .ns-field,#nasaq-root .ns-field label{font-size:13.5px;gap:8px;font-weight:650}
#nasaq-root .ns-field input:not([type=checkbox]):not([type=radio]):not([type=color]),#nasaq-root .ns-field select,#nasaq-root .ns-field textarea,#nasaq-root .ns-input{
  min-height:46px;border-radius:12px;padding:11px 14px;font-size:14px;border-color:var(--ns-border);
  background:var(--ns-surface);
}
#nasaq-root .ns-field input:focus,#nasaq-root .ns-field select:focus,#nasaq-root .ns-field textarea:focus{border-color:var(--ns-accent);box-shadow:var(--ns-focus)}
#nasaq-root .ns-field-help{font-size:12px}
#nasaq-root .ns-field-error{font-size:12.5px}
#nasaq-root .ns-modal{border-radius:23px;border-color:var(--nsp-soft-line)}
#nasaq-root .ns-modal-head,#nasaq-root .ns-drawer-head{padding:24px 27px;border-bottom-color:var(--nsp-soft-line)}
#nasaq-root .ns-modal-head h2,#nasaq-root .ns-drawer-head h2{font-size:23px;font-weight:800;line-height:1.4}
#nasaq-root .ns-modal-head p,#nasaq-root .ns-drawer-head p{font-size:13.5px}
#nasaq-root .ns-modal-body,#nasaq-root .ns-drawer-body{padding:26px 28px}
#nasaq-root .ns-modal-foot,#nasaq-root .ns-drawer-foot{padding:17px 27px;border-color:var(--nsp-soft-line);background:var(--ns-surface-alt)}
#nasaq-root .ns-drawer{box-shadow:var(--ns-shadow-float);border-inline-start:1px solid var(--nsp-soft-line)}
#nasaq-root .ns-settings-nav{border-radius:15px}
#nasaq-root .ns-settings-nav button{font-size:13px;min-height:42px}
#nasaq-root .ns-brand-studio .ns-field input,#nasaq-root .ns-brand-studio .ns-field select{font-size:14px}
#nasaq-root .ns-templates-tip,#nasaq-root .ns-brand-hint{font-size:13px;line-height:1.8}
/* Contrast and a11y */
#nasaq-root :where(button,a,summary,input,select,textarea):focus-visible{outline:3px solid var(--ns-accent);outline-offset:3px}
#nasaq-root .ns-notification-dot{box-shadow:0 0 0 2px var(--ns-surface)}
#nasaq-root .ns-empty,#nasaq-root .ns-quiet-state{color:var(--ns-text-secondary)}
/* Dark scheme is still controlled by existing theme setting. */
html[data-theme="dark"] #nasaq-root .ns-sidebar{background:color-mix(in srgb,var(--ns-nav) 7%,var(--ns-surface))}
html[data-theme="dark"] #nasaq-root .ns-manager-overview{box-shadow:0 10px 28px rgba(0,0,0,.24)}
html[data-theme="dark"] #nasaq-root .ns-topbar{background:color-mix(in srgb,var(--ns-surface) 95%,var(--ns-bg))}
@media (min-width:1600px){#nasaq-root .ns-content{padding-inline:52px}}
@media (max-width:1279px){#nasaq-root .ns-content{padding-inline:26px}#nasaq-root .ns-topbar{padding-inline:26px}#nasaq-root .ns-manager-summary{grid-template-columns:1fr}#nasaq-root .ns-manager-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:1023px){
  #nasaq-root .ns-sidebar{width:266px;transform:translateX(100%);z-index:80}
  #nasaq-root .ns-sidebar.is-open,#nasaq-root .ns-sidebar.open{transform:translateX(0)}
  #nasaq-root .ns-main{margin-inline-start:0}
  #nasaq-root .ns-topbar{min-height:70px;padding-inline:22px}
  #nasaq-root .ns-content{padding:28px 22px 48px}
}
@media (max-width:767px){
  #nasaq-root{font-size:14px}
  #nasaq-root .ns-content{padding:24px 18px 46px}
  #nasaq-root .ns-topbar{min-height:66px;padding:10px 18px;gap:8px}
  #nasaq-root .ns-topbar-title{font-size:14px}
  #nasaq-root .ns-topbar-title small{display:none}
  #nasaq-root .ns-manager-summary{grid-template-columns:minmax(0,1fr)}
  #nasaq-root .ns-manager-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
  #nasaq-root .ns-manager-metric{min-height:122px;padding:17px 15px}
  #nasaq-root .ns-manager-metric strong{font-size:29px}
  #nasaq-root .ns-manager-overview{padding:20px 22px}
  #nasaq-root .ns-manager-overview strong{font-size:38px}
  #nasaq-root .ns-manager-action-center,#nasaq-root .ns-manager-bottom>.ns-card{padding:19px 17px}
  #nasaq-root .ns-manager-action-row{padding:15px 0}
  #nasaq-root .ns-manager-section-title h2{font-size:18px}
  #nasaq-root .ns-manager-filter{font-size:12.5px;min-height:39px;padding:7px 11px}
  #nasaq-root .ns-card{border-radius:18px;padding:19px}
  #nasaq-root .ns-card-head{padding:17px 19px}
  #nasaq-root .ns-card-body{padding:19px}
  #nasaq-root .ns-modal-head,#nasaq-root .ns-drawer-head{padding:20px}
  #nasaq-root .ns-modal-body,#nasaq-root .ns-drawer-body{padding:20px}
  #nasaq-root .ns-modal-foot,#nasaq-root .ns-drawer-foot{padding:15px 20px}
  #nasaq-root .ns-field input:not([type=checkbox]):not([type=radio]):not([type=color]),#nasaq-root .ns-field select,#nasaq-root .ns-field textarea,#nasaq-root .ns-input{font-size:16px}
}
@media (max-width:479px){
  #nasaq-root .ns-content{padding:19px 13px 34px}
  #nasaq-root .ns-topbar{padding-inline:12px}
  #nasaq-root .ns-topbar-title{font-size:13px}
  #nasaq-root .ns-topbar-actions{gap:4px}
  #nasaq-root .ns-manager-intro h1{font-size:26px}
  #nasaq-root .ns-manager-metric{padding:15px 12px;min-height:109px}
  #nasaq-root .ns-manager-metric strong{font-size:27px}
  #nasaq-root .ns-manager-metric span{font-size:12px}
  #nasaq-root .ns-manager-overview{padding:19px}
  #nasaq-root .ns-card{padding:16px}
  #nasaq-root .ns-card-head{padding:16px}
  #nasaq-root .ns-card-body{padding:16px}
  #nasaq-root .ns-modal-body,#nasaq-root .ns-drawer-body{padding:16px}
  #nasaq-root .ns-modal-head,#nasaq-root .ns-drawer-head{padding:18px 16px}
  #nasaq-root .ns-modal-foot,#nasaq-root .ns-drawer-foot{padding:13px 16px}
  #nasaq-root .ns-btn{font-size:12px}
  #nasaq-root .ns-btn.small{font-size:12px}
  #nasaq-root .ns-table{font-size:12.5px}
  #nasaq-root .ns-table th,#nasaq-root .ns-table td{padding:13px 12px}
}
@media (prefers-reduced-motion:reduce){
  #nasaq-root *,#nasaq-root *::before,#nasaq-root *::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}
@media print{#nasaq-root .ns-sidebar,#nasaq-root .ns-topbar{display:none!important}#nasaq-root .ns-main{margin:0!important}#nasaq-root .ns-card{box-shadow:none!important}}
/* Preserve the existing icon-only New Work control on very narrow screens. */
@media(max-width:479px){
  #nasaq-root .ns-topbar-actions>.ns-btn.primary{
    width:42px;min-width:42px;max-width:42px;height:42px;min-height:42px;
    padding:10px!important;font-size:0!important;gap:0;flex:0 0 42px;overflow:hidden;
  }
  #nasaq-root .ns-topbar-actions>.ns-btn.primary>svg{width:19px;height:19px;flex-shrink:0}
  #nasaq-root .ns-topbar-title>span:not(.ns-avatar){max-width:calc(100vw - 244px)}
}
/* Original unified icon set for Nasaq navigation. The SVG components are still
   present in the DOM, but the visual layer replaces their glyph with one family. */
#nasaq-root .ns-sidebar .ns-nav-item>svg{display:none}
#nasaq-root .ns-sidebar .ns-nav-item::before{
  content:"";display:block;width:21px;height:21px;min-width:21px;
  background-color:currentColor;
  -webkit-mask-image:var(--nsp-nav-icon);mask-image:var(--nsp-nav-icon);
  -webkit-mask-size:contain;mask-size:contain;
  -webkit-mask-position:center;mask-position:center;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
}
#nasaq-root .ns-nav-item[href="#today"]{--nsp-nav-icon:url("ui-icons/home.svg")}
#nasaq-root .ns-nav-item[href="#calendar"]{--nsp-nav-icon:url("ui-icons/calendar.svg")}
#nasaq-root .ns-nav-item[href="#shoots"]{--nsp-nav-icon:url("ui-icons/camera.svg")}
#nasaq-root .ns-nav-item[href="#my-work"]{--nsp-nav-icon:url("ui-icons/checklist.svg")}
#nasaq-root .ns-nav-item[href="#work"]{--nsp-nav-icon:url("ui-icons/layers.svg")}
#nasaq-root .ns-nav-item[href="#archived"]{--nsp-nav-icon:url("ui-icons/archive.svg")}
#nasaq-root .ns-nav-item[href="#lectures"]{--nsp-nav-icon:url("ui-icons/book.svg")}
#nasaq-root .ns-nav-item[href="#external"]{--nsp-nav-icon:url("ui-icons/briefcase.svg")}
#nasaq-root .ns-nav-item[href="#ideas"]{--nsp-nav-icon:url("ui-icons/bulb.svg")}
#nasaq-root .ns-nav-item[href="#finance"]{--nsp-nav-icon:url("ui-icons/wallet.svg")}
#nasaq-root .ns-nav-item[href="#reports"]{--nsp-nav-icon:url("ui-icons/chart.svg")}
#nasaq-root .ns-nav-item[href="#team"]{--nsp-nav-icon:url("ui-icons/users.svg")}
#nasaq-root .ns-nav-item[href="#settings"]{--nsp-nav-icon:url("ui-icons/settings.svg")}

/* Matching glyphs for three persistent topbar actions. */
#nasaq-root .ns-topbar .ns-search-launcher>svg,
#nasaq-root .ns-topbar .ns-notification-trigger>svg,
#nasaq-root .ns-topbar-actions>.ns-btn.primary>svg{display:none}
#nasaq-root .ns-topbar .ns-search-launcher::before,
#nasaq-root .ns-topbar .ns-notification-trigger::before,
#nasaq-root .ns-topbar-actions>.ns-btn.primary::before{
  content:"";display:inline-block;width:19px;height:19px;flex:0 0 19px;background:currentColor;
  -webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
}
#nasaq-root .ns-topbar .ns-search-launcher::before{-webkit-mask-image:url("ui-icons/search.svg");mask-image:url("ui-icons/search.svg")}
#nasaq-root .ns-topbar .ns-notification-trigger::before{-webkit-mask-image:url("ui-icons/bell.svg");mask-image:url("ui-icons/bell.svg")}
#nasaq-root .ns-topbar-actions>.ns-btn.primary::before{-webkit-mask-image:url("ui-icons/plus.svg");mask-image:url("ui-icons/plus.svg")}
/* Preserve white-label sidebar background & text customization in the brand masthead.
   Light navigation stays calm; the client's chosen nav palette is still prominent. */
#nasaq-root .ns-sidebar>.ns-brand{
  padding:12px 12px 14px;border-radius:17px;
  background:var(--ns-nav);color:var(--ns-nav-text);
  margin:0 0 16px;
}
#nasaq-root .ns-sidebar>.ns-brand .ns-brand-copy strong{color:var(--ns-nav-text)}
#nasaq-root .ns-sidebar>.ns-brand .ns-brand-copy small{color:var(--ns-nav-text);opacity:.78}
#nasaq-root .ns-sidebar button.ns-user-block{border:1px solid color-mix(in srgb,var(--ns-nav) 10%,var(--ns-border))}