/* Nasaq Workspace 3.0 — BoardUI refinement and daily-action UX.
 * Scoped UI only. No data, permissions or workflow mutations. */
:root{--nv300-line:var(--nb29-stroke,var(--ns-border,#e8e9ef));--nv300-soft:var(--nb29-soft,#f8f9fc);--nv300-ink:var(--ns-text,#1f2535);--nv300-sub:var(--ns-text-secondary,#65718b);--nv300-accent:var(--nb29-accent,var(--ns-accent,#6554d3))}
/* The 2.9 runtime injects this nav in <body>; never show it on a desktop.
 * Former styling was left in inactive board-280.css, leaving floating raw buttons. */
.ns-cockpit-mobile-nav{display:none!important}
.ns-cockpit-mobile-nav[hidden]{display:none!important}
@media(max-width:740px){
  .ns-cockpit-mobile-nav:not([hidden]){display:flex!important;position:fixed;inset-inline:0;bottom:0;align-items:stretch;justify-content:space-around;gap:4px;min-height:68px;padding:7px 9px max(8px,env(safe-area-inset-bottom));z-index:70;border-top:1px solid var(--nv300-line);background:color-mix(in srgb,var(--ns-surface,#fff) 97%,transparent);backdrop-filter:blur(16px);box-shadow:0 -7px 23px rgba(15,23,42,.07);box-sizing:border-box}
  .ns-cockpit-mobile-nav .ns-cockpit-mobile-link{min-width:0;flex:1;max-width:100px;min-height:48px;border:0!important;border-radius:11px;padding:5px 2px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;background:transparent!important;color:var(--ns-muted,#6b7280)!important;font-family:inherit;font-size:10.5px;font-weight:700;line-height:1.25;cursor:pointer}
  .ns-cockpit-mobile-nav .ns-cockpit-mobile-link.is-active{background:color-mix(in srgb,var(--nv300-accent) 12%,var(--ns-surface,#fff))!important;color:var(--nv300-accent)!important}
  .ns-cockpit-mobile-link:focus-visible{outline:2px solid var(--nv300-accent);outline-offset:2px}
  .ns-cockpit-mobile-glyph{display:block;width:21px;height:21px;flex:0 0 21px;background:currentColor;-webkit-mask:var(--nsc-mobile-url) center / contain no-repeat;mask:var(--nsc-mobile-url) center / contain no-repeat}
  .ns-cockpit-mobile-glyph-home{--nsc-mobile-url:url('ui-icons/home.svg')}
  .ns-cockpit-mobile-glyph-checklist{--nsc-mobile-url:url('ui-icons/checklist.svg')}
  .ns-cockpit-mobile-glyph-layers{--nsc-mobile-url:url('ui-icons/layers.svg')}
  .ns-cockpit-mobile-glyph-calendar{--nsc-mobile-url:url('ui-icons/calendar.svg')}
  .ns-cockpit-mobile-glyph-camera{--nsc-mobile-url:url('ui-icons/camera.svg')}
  .ns-cockpit-mobile-glyph-wallet{--nsc-mobile-url:url('ui-icons/wallet.svg')}
  .ns-cockpit-mobile-glyph-chart{--nsc-mobile-url:url('ui-icons/chart.svg')}
  .ns-cockpit-mobile-glyph-more{--nsc-mobile-url:url('ui-icons/more.svg')}
  #nasaq-root .ns-content{padding-bottom:max(108px,calc(86px + env(safe-area-inset-bottom)))!important}
  #nasaq-root .ns-v300-next-card{flex-direction:column;align-items:stretch}
  #nasaq-root .ns-v300-next-card button{width:100%;justify-content:center}
  #nasaq-root .ns-v300-timeline{grid-template-columns:1fr}
  #nasaq-root .ns-v300-timeline li{min-width:0}
  #nasaq-root .ns-v300-mywork-modes{gap:8px}
  #nasaq-root .ns-v300-mywork-modes button{padding:11px 10px;min-width:0}
  #nasaq-root .ns-v300-mywork-modes strong{font-size:22px}
  #nasaq-root .ns-v300-mywork-modes small{display:none}
  #nasaq-root .ns-v300-create-flow-steps{grid-template-columns:1fr}
  #nasaq-root .ns-personal-work .ns-production-actions>.ns-btn.primary{flex:1;min-height:42px}
}
@media(min-width:741px){.ns-cockpit-mobile-nav{display:none!important}}
@media print{.ns-cockpit-mobile-nav{display:none!important}}
/* Task detail — readable progress before metadata; actions stay delegated to existing permission checks. */
#nasaq-root .ns-drawer .ns-task-hero{border:1px solid var(--nv300-line);border-radius:15px;background:var(--ns-surface);padding:19px;margin-bottom:15px}
#nasaq-root .ns-drawer .ns-task-hero-top h3{font-size:19px;font-weight:800;letter-spacing:0}
#nasaq-root .ns-drawer .ns-action-panel{background:color-mix(in srgb,var(--nv300-accent) 5%,var(--ns-surface));border:1px solid color-mix(in srgb,var(--nv300-accent) 23%,var(--nv300-line));border-radius:13px;padding:15px}
#nasaq-root .ns-drawer .ns-action-panel>.ns-row{gap:9px}
#nasaq-root .ns-v300-next-card{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:16px 0;padding:14px 16px;border:1px solid var(--nv300-line);border-radius:12px;background:var(--nv300-soft)}
#nasaq-root .ns-v300-next-card>div{display:grid;gap:4px;min-width:0}
#nasaq-root .ns-v300-next-card .ns-overline{font-size:10px;color:var(--nv300-sub);font-weight:750}
#nasaq-root .ns-v300-next-card strong{font-size:15px;font-weight:800;color:var(--nv300-ink);line-height:1.5}
#nasaq-root .ns-v300-next-card p{font-size:11.5px;color:var(--nv300-sub);line-height:1.65;margin:0}
#nasaq-root .ns-v300-next-card button{display:flex;align-items:center;gap:8px;white-space:nowrap;padding:10px 13px;min-height:38px;border:0;border-radius:9px;background:var(--nv300-accent);color:var(--ns-on-accent,#fff);font-weight:750;font-size:11.5px;cursor:pointer}
#nasaq-root .ns-v300-next-card button:focus-visible{outline:2px solid var(--nv300-accent);outline-offset:3px}
#nasaq-root .ns-v300-timeline-area{margin-top:16px}
#nasaq-root .ns-v300-timeline-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}
#nasaq-root .ns-v300-timeline-title strong{font-weight:800;font-size:13px}
#nasaq-root .ns-v300-timeline-title small{font-size:11px;color:var(--nv300-sub)}
#nasaq-root .ns-v300-timeline{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:9px;padding:0;margin:0;list-style:none}
#nasaq-root .ns-v300-timeline li{min-width:0;display:grid;align-content:start;grid-template-columns:29px minmax(0,1fr);gap:7px 9px;padding:11px;border:1px solid var(--nv300-line);border-radius:10px;background:var(--ns-surface)}
#nasaq-root .ns-v300-timeline li.is-current{background:color-mix(in srgb,var(--nv300-accent) 6%,var(--ns-surface));border-color:color-mix(in srgb,var(--nv300-accent) 36%,var(--nv300-line))}
#nasaq-root .ns-v300-timeline-index{grid-row:span 2;width:28px;height:28px;border:1px solid var(--nv300-line);border-radius:9px;background:var(--nv300-soft);display:grid;place-items:center;font-weight:750;font-size:11px;color:var(--nv300-sub)}
#nasaq-root .ns-v300-timeline .is-done .ns-v300-timeline-index{background:color-mix(in srgb,#22a06b 13%,var(--ns-surface));color:#168254}
#nasaq-root .ns-v300-timeline .is-current .ns-v300-timeline-index{background:var(--nv300-accent);color:#fff;border-color:transparent}
#nasaq-root .ns-v300-timeline li strong{display:block;font-size:11.5px;font-weight:750;color:var(--nv300-ink);line-height:1.45}
#nasaq-root .ns-v300-timeline li small{display:block;color:var(--nv300-sub);font-size:10px;line-height:1.5;margin-top:3px;overflow-wrap:anywhere}
#nasaq-root .ns-v300-timeline-state{grid-column:2;font-size:10px;font-weight:700;color:var(--nv300-sub)}
#nasaq-root .ns-v300-timeline .is-current .ns-v300-timeline-state{color:var(--nv300-accent)}
/* Task editor — show real handoff owners before creation. */
#nasaq-root .ns-v300-create-flow{border:1px solid var(--nv300-line);background:var(--ns-surface);border-radius:13px;padding:16px;display:grid;gap:14px}
#nasaq-root .ns-v300-create-flow-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}
#nasaq-root .ns-v300-create-flow-heading strong{font-size:13px;font-weight:800}
#nasaq-root .ns-v300-create-flow-heading p{margin:4px 0 0;font-size:11px;color:var(--nv300-sub);line-height:1.6}
#nasaq-root .ns-v300-create-flow-heading>span{font-size:10.5px;font-weight:760;color:var(--nv300-accent);background:color-mix(in srgb,var(--nv300-accent) 10%,var(--ns-surface));border-radius:8px;padding:6px 10px;white-space:nowrap}
#nasaq-root .ns-v300-create-flow-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:8px}
#nasaq-root .ns-v300-create-flow-step{display:flex;align-items:flex-start;gap:9px;border:1px solid var(--nv300-line);border-radius:9px;padding:10px;min-width:0}
#nasaq-root .ns-v300-create-flow-step b{background:var(--nv300-soft);width:24px;height:24px;flex:0 0 24px;border-radius:7px;display:grid;place-items:center;color:var(--nv300-sub);font-size:10.5px}
#nasaq-root .ns-v300-create-flow-step span{min-width:0}
#nasaq-root .ns-v300-create-flow-step strong{display:block;line-height:1.45;font-size:11.5px;font-weight:760;color:var(--nv300-ink)}
#nasaq-root .ns-v300-create-flow-step small{font-size:10px;color:var(--nv300-sub);line-height:1.4;display:block;margin-top:4px;overflow-wrap:anywhere}
/* My Work — action first, with waiting and blocked kept accessible. */
#nasaq-root .ns-v300-mywork-switch{display:grid;gap:15px;border:1px solid var(--nv300-line);border-radius:15px;background:var(--ns-surface);padding:17px}
#nasaq-root .ns-v300-mywork-switch-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
#nasaq-root .ns-v300-mywork-switch-heading h2{font-size:17px;font-weight:820;margin:5px 0}
#nasaq-root .ns-v300-mywork-switch-heading p{font-size:11.5px;color:var(--nv300-sub);margin:0;line-height:1.7}
#nasaq-root .ns-v300-mywork-all{border:1px solid var(--nv300-line);border-radius:9px;background:var(--ns-surface);color:var(--nv300-sub);padding:8px 10px;white-space:nowrap;font-family:inherit;font-size:11px;font-weight:700;cursor:pointer}
#nasaq-root .ns-v300-mywork-all[aria-pressed=true]{color:var(--nv300-accent);border-color:var(--nv300-accent)}
#nasaq-root .ns-v300-mywork-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#nasaq-root .ns-v300-mywork-modes button{text-align:start;display:grid;gap:6px;padding:14px 15px;border:1px solid var(--nv300-line);border-radius:12px;background:var(--nv300-soft);color:var(--nv300-ink);cursor:pointer;font-family:inherit}
#nasaq-root .ns-v300-mywork-modes button.is-active{border-color:color-mix(in srgb,var(--nv300-accent) 45%,var(--nv300-line));background:color-mix(in srgb,var(--nv300-accent) 7%,var(--ns-surface))}
#nasaq-root .ns-v300-mywork-modes button span{font-size:11.5px;font-weight:740}
#nasaq-root .ns-v300-mywork-modes strong{font-size:26px;font-weight:850;line-height:1.3;color:var(--nv300-ink)}
#nasaq-root .ns-v300-mywork-modes button.is-active strong{color:var(--nv300-accent)}
#nasaq-root .ns-v300-mywork-modes small{font-size:10px;color:var(--nv300-sub);line-height:1.4}
#nasaq-root .ns-personal-work .ns-production-assignments{gap:12px}
#nasaq-root .ns-personal-work .ns-production-assignment{border-radius:14px;padding:18px;box-shadow:none}
#nasaq-root .ns-v300-assignment-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
#nasaq-root .ns-v300-assignment-heading h3{font-size:14px;font-weight:800;line-height:1.5}
#nasaq-root .ns-v300-assignment-next{font-size:10px;font-weight:720;color:var(--nv300-accent);white-space:nowrap;background:color-mix(in srgb,var(--nv300-accent) 8%,var(--ns-surface));padding:5px 8px;border-radius:8px}
#nasaq-root .ns-production-assignment-detail{border-radius:10px;background:var(--nv300-soft);padding:12px}
#nasaq-root .ns-production-assignment-detail strong{line-height:1.75}
#nasaq-root .ns-personal-work .ns-production-actions .ns-btn.primary{font-size:12px;font-weight:800}
#nasaq-root .nb29-native-table button:focus-visible,#nasaq-root .ns-production-assignments button:focus-visible{outline:2px solid var(--nv300-accent);outline-offset:3px}
@media(prefers-reduced-motion:reduce){#nasaq-root .ns-v300-next-card *{scroll-behavior:auto!important}}