@font-face{font-family:"AtomDisplay";src:url("/fonts/Bluescreens-DemiBold.otf") format("opentype");font-display:swap}
@font-face{font-family:"AtomText";src:url("/fonts/Inter-Regular.ttf") format("truetype");font-display:swap}

:root{
  --ink:#071c17;--ink-2:#0b2c24;--deep:#003f32;--green:#05b86c;--green-2:#078252;--mint:#91d49a;
  --paper:#f3f1eb;--paper-2:#e8e6df;--white:#fff;--black:#101513;
  --bg:#0a1714;--surface:#10241f;--surface-2:#153129;--card:#f3f1eb;--card-2:#e8e6df;
  --text:#f3f1eb;--text-2:rgba(243,241,235,.68);--text-3:rgba(243,241,235,.42);
  --on-card:#082a22;--on-card-2:rgba(8,42,34,.65);--line:rgba(145,212,154,.17);--card-line:rgba(4,47,38,.14);
  --hot:#eb866c;--hot-bg:#351d18;--wait:#e1b95d;--wait-bg:#302814;--ok:#72d3a1;--ok-bg:#123327;
  --blue:#76a9ef;--violet:#bd8ce9;--shadow:0 24px 70px rgba(0,16,12,.23);--radius:7px;--ease:cubic-bezier(.2,.78,.2,1);
}
[data-theme="light"]{
  --bg:#f3f1eb;--surface:#fff;--surface-2:#ebe9e2;--card:#fff;--card-2:#f1efe9;
  --text:#082a22;--text-2:rgba(8,42,34,.66);--text-3:rgba(8,42,34,.42);
  --on-card:#082a22;--on-card-2:rgba(8,42,34,.65);--line:rgba(4,47,38,.13);--card-line:rgba(4,47,38,.13);
  --hot:#b74532;--hot-bg:#f8e5df;--wait:#946400;--wait-bg:#f8efd9;--ok:#0d7547;--ok-bg:#e2f2e8;
  --shadow:0 20px 55px rgba(4,47,38,.12);
}

*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}
body{font-family:"AtomText",Inter,system-ui,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}
button,input,select,textarea{font:inherit}
button{border:0;color:inherit;background:none;cursor:pointer}
a{color:inherit;text-decoration:none}
::selection{background:var(--mint);color:var(--ink)}
:focus-visible{outline:2px solid var(--mint);outline-offset:3px}
.display{font-family:"AtomDisplay","Arial Narrow",Impact,sans-serif;text-transform:uppercase;line-height:.88;letter-spacing:.01em;font-weight:600}
.display em{color:var(--mint);font-style:normal}
.ico{width:19px;height:19px;flex:none}
.spacer{flex:1}
.hidden-file{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}

@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes modalIn{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}
@keyframes pulse{0%,100%{opacity:.45;transform:scale(.85)}50%{opacity:1;transform:scale(1.25)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes toastIn{from{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%,0)}}
@media(prefers-reduced-motion:no-preference){
  .reveal{animation:rise .48s var(--ease) both}
  .modal{animation:modalIn .25s var(--ease) both}
  .project-card,.metric,.paper-card,.file-card,.person-card,.contractor-card,.kanban-card{transition:transform .25s var(--ease),box-shadow .25s ease,border-color .2s ease}
}

/* login */
.login-screen{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(420px,.75fr);background:radial-gradient(circle at 28% 5%,#0c684b 0,transparent 30%),linear-gradient(145deg,#003c30 0%,#02261f 65%,#011713 100%);color:var(--paper);overflow:hidden;position:relative}
.login-mesh,.hero-grid,.project-hero-grid{position:absolute;inset:-30%;pointer-events:none;opacity:.3;background-image:linear-gradient(30deg,transparent 48%,rgba(145,212,154,.18) 49%,rgba(145,212,154,.18) 50%,transparent 51%),linear-gradient(150deg,transparent 48%,rgba(145,212,154,.18) 49%,rgba(145,212,154,.18) 50%,transparent 51%);background-size:92px 52px;transform:perspective(700px) rotateX(58deg) rotateZ(-7deg);mask-image:radial-gradient(circle at 42% 46%,#000,transparent 64%)}
.login-copy{min-height:100vh;padding:48px 7vw 54px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:1}
.login-top{position:absolute;top:40px;left:7vw;right:7vw;display:flex;justify-content:space-between;align-items:center;color:rgba(243,241,235,.52);font-size:10px;text-transform:uppercase;letter-spacing:.16em}
.login-copy .kicker{margin:0 0 24px;color:var(--mint);font-size:10px;text-transform:uppercase;letter-spacing:.18em}
.login-copy h1{margin:0;font-size:clamp(72px,8vw,132px);max-width:850px}
.login-lede{max-width:580px;margin:34px 0 0;color:rgba(243,241,235,.7);font-size:clamp(16px,1.35vw,21px)}
.login-proof{display:flex;gap:10px;flex-wrap:wrap;margin-top:45px}
.login-proof span{padding:8px 11px;border:1px solid rgba(243,241,235,.17);color:rgba(243,241,235,.58);font-size:9px;text-transform:uppercase;letter-spacing:.13em}
.login-panel{display:grid;place-items:center;padding:48px;background:var(--paper);color:var(--ink);position:relative;z-index:2}
.login-card{width:min(100%,430px)}
.section-index,.card-kicker{display:block;color:var(--green-2);font-size:9px;text-transform:uppercase;letter-spacing:.16em}
.login-card h2{margin:22px 0 10px;font-size:70px}
.login-card>p{margin:0 0 36px;color:rgba(4,47,38,.62);font-size:15px}
.login-form{display:grid;gap:17px}
.field{min-width:0}
.field label{display:block;margin-bottom:7px;color:var(--text-3);font-size:9px;text-transform:uppercase;letter-spacing:.15em}
.login-card .field label,.password-card .field label{color:rgba(4,47,38,.5)}
.field input,.field select,.field textarea,.board-toolbar select{width:100%;border:1px solid var(--line);border-radius:3px;padding:11px 12px;background:var(--surface-2);color:var(--text);outline:0}
.login-card .field input,.password-card .field input{border-color:rgba(4,47,38,.18);background:#fff;color:var(--ink);padding:13px 14px}
.field textarea{min-height:92px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus,.board-toolbar select:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(5,184,108,.12)}
.field small{display:block;margin-top:6px;color:var(--text-3);font-size:11px}
.login-submit{width:100%;margin-top:5px;padding:15px 17px;display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:var(--paper);text-transform:uppercase;letter-spacing:.12em;font-size:10px}
.login-submit:hover{background:#076848}
.login-security{display:flex;gap:11px;margin-top:34px;padding-top:21px;border-top:1px solid rgba(4,47,38,.13);color:rgba(4,47,38,.48);font-size:11px}
.login-security .ico{width:17px}
.form-error{margin-bottom:18px;padding:11px 13px;border-left:3px solid #b74532;background:#f6e6e1;color:#8e2e1f}
.brand-lock{display:flex;align-items:center;gap:8px;color:var(--mint);font-size:11px}
.brand-lock b{color:var(--paper);font-size:12px;letter-spacing:.14em}
.brand-lock.big{font-size:18px}
.atom-mark{display:block;width:34px;height:22px;background:currentColor;mask:url("/assets/atom.svg") center/contain no-repeat;-webkit-mask:url("/assets/atom.svg") center/contain no-repeat}
.password-screen{min-height:100vh;display:grid;place-items:center;padding:32px;background:radial-gradient(circle at 75% 15%,#0a6849 0,transparent 30%),linear-gradient(145deg,#003c30,#011713);color:var(--paper)}
.password-card{width:min(100%,520px);padding:46px;background:var(--paper);color:var(--ink);box-shadow:var(--shadow)}
.password-card .brand-lock{margin-bottom:35px;color:var(--green-2)}.password-card .brand-lock b{color:var(--ink)}
.password-card h1{font-size:60px;margin:20px 0}.password-card>p{color:rgba(4,47,38,.62);margin:0 0 28px}
.password-card .field{margin-bottom:16px}
.password-logout{width:100%;margin-top:12px;padding:11px;display:flex;align-items:center;justify-content:center;gap:9px;color:rgba(4,47,38,.55);text-transform:uppercase;letter-spacing:.1em;font-size:9px}
.password-logout:hover{color:var(--green-2)}.password-logout .ico{width:15px}

/* shell */
.workspace{width:100%;max-width:100%;min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr)}
.sidebar{min-width:0;height:100vh;position:sticky;top:0;z-index:30;display:flex;flex-direction:column;overflow:hidden;color:var(--paper);background:linear-gradient(175deg,#074433 0%,#022a22 52%,#011914 100%);border-right:1px solid rgba(145,212,154,.13)}
.sidebar-glow{position:absolute;width:330px;height:330px;top:-175px;right:-150px;border-radius:50%;background:radial-gradient(circle,rgba(5,184,108,.5),transparent 68%);pointer-events:none}
.sidebar-brand{padding:30px 25px 22px;position:relative}
.sidebar-brand>.display{font-size:36px;margin-bottom:12px}
.sidebar-brand small{display:block;margin-top:12px;color:rgba(243,241,235,.38);font-size:8px;text-transform:uppercase;letter-spacing:.14em}
.sidebar nav{flex:1;padding:12px 14px;overflow-y:auto}
.sidebar nav button{width:100%;min-height:42px;margin:3px 0;padding:9px 11px;display:flex;align-items:center;gap:12px;border-radius:4px;color:rgba(243,241,235,.56);text-align:left;position:relative}
.sidebar nav button span{flex:1}
.sidebar nav button b{min-width:20px;padding:1px 6px;border-radius:10px;background:#c7523b;color:#fff;font-size:10px;text-align:center}
.sidebar nav button:hover{color:var(--paper);background:rgba(243,241,235,.06)}
.sidebar nav button[aria-current="true"]{color:var(--paper);background:rgba(145,212,154,.12)}
.sidebar nav button[aria-current="true"]::before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:2px;background:var(--mint)}
.sidebar-user{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:16px 18px;border-top:1px solid rgba(145,212,154,.14);background:rgba(0,18,14,.22)}
.sidebar-user div{min-width:0}.sidebar-user b,.sidebar-user small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sidebar-user b{font-size:12px}.sidebar-user small{color:rgba(243,241,235,.4);font-size:9px;margin-top:2px}
.sidebar-user button{color:rgba(243,241,235,.5);padding:5px}
.main{min-width:0;max-width:100%}
.topbar{height:68px;position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:20px;padding:0 30px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(18px) saturate(130%)}
.mobile-brand{display:none}
.global-search{width:min(480px,48vw);display:flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid var(--line);border-radius:4px;background:var(--surface)}
.global-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--text)}
.global-search input::placeholder{color:var(--text-3)}
.global-search .ico{color:var(--text-3)}
.global-search kbd{padding:2px 7px;border:1px solid var(--line);border-radius:3px;color:var(--text-3);font-size:10px}
.top-actions{margin-left:auto;display:flex;align-items:center;gap:9px}
.top-actions>button{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:4px;background:var(--surface)}
.org-badge{padding:7px 10px;border:1px solid var(--line);color:var(--text-2);font-size:9px;text-transform:uppercase;letter-spacing:.14em}
.profile-button{padding:0!important}
.content{width:min(100%,1540px);margin:0 auto;padding:40px 38px 55px}
.workspace-footer{display:flex;justify-content:space-between;gap:20px;margin-top:65px;padding-top:19px;border-top:1px solid var(--line);color:var(--text-3);font-size:9px;text-transform:uppercase;letter-spacing:.12em}

/* common */
.ico-btn,.icon-btn{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:4px}
.icon-btn:hover{border-color:var(--green);color:var(--green)}
.icon-btn.danger:hover{border-color:var(--hot);color:var(--hot)}
.btn{min-height:38px;padding:9px 14px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:3px;text-transform:uppercase;letter-spacing:.1em;font-size:9px;white-space:nowrap}
.btn .ico{width:16px;height:16px}
.btn.primary{background:var(--mint);color:var(--ink);border-color:var(--mint)}
.btn.primary:hover{background:#b0e1b5;transform:translateY(-1px)}
.btn.secondary{border-color:var(--line);background:var(--surface);color:var(--text)}
.btn.secondary:hover,.btn.ghost:hover{border-color:var(--green);color:var(--green)}
.btn.glass{border-color:rgba(243,241,235,.2);background:rgba(0,35,28,.4);color:var(--paper)}
.btn.danger{border-color:var(--hot);color:var(--hot);background:transparent}
.btn.small{min-height:31px;padding:6px 9px;font-size:8px}
.btn.ghost{border-color:var(--line);background:transparent}
.view-head{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin:8px 0 32px}
.view-head h1{margin:15px 0 12px;font-size:clamp(52px,6.5vw,92px)}
.view-head p{max-width:720px;margin:0;color:var(--text-2);font-size:15px}
.head-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end;margin-bottom:5px}
.metric-grid,.question-stats,.file-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0 34px}
.question-stats,.file-stats{grid-template-columns:repeat(3,1fr)}
.metric{min-height:154px;padding:18px;display:grid;grid-template-columns:1fr auto;align-content:start;border:1px solid var(--card-line);background:var(--card);color:var(--on-card);box-shadow:0 8px 30px rgba(0,16,12,.08);position:relative;overflow:hidden}
.metric:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.metric::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--green)}
.metric.hot::after{background:var(--hot)}.metric.wait::after{background:var(--wait)}
.metric-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:rgba(4,47,38,.07);color:var(--green-2)}
.metric>span{color:rgba(4,47,38,.5);font-size:9px;text-transform:uppercase;letter-spacing:.13em}
.metric strong{grid-column:1/3;margin-top:14px;font-size:48px}
.metric small{grid-column:1/3;color:rgba(4,47,38,.48);font-size:11px}
.tag{display:inline-flex;align-items:center;width:fit-content;padding:5px 8px;border:1px solid var(--line);border-radius:2px;color:var(--text-2);font-size:8px;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap}
.tag.paper{color:var(--ink);border-color:rgba(4,47,38,.2);background:var(--paper)}
.tag.hot{color:var(--hot);border-color:color-mix(in srgb,var(--hot) 40%,transparent);background:var(--hot-bg)}
.tag.wait{color:var(--wait);border-color:color-mix(in srgb,var(--wait) 40%,transparent);background:var(--wait-bg)}
.tag.ok{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 40%,transparent);background:var(--ok-bg)}
.tag.mut{color:var(--text-2);background:var(--surface-2)}
.visibility{display:inline-flex;align-items:center;gap:5px;color:var(--text-3);font-size:8px;text-transform:uppercase;letter-spacing:.08em}
.visibility .ico{width:13px;height:13px}
.visibility.internal{color:var(--wait)}.visibility.public{color:var(--ok)}
.empty-state{min-height:150px;padding:25px;display:grid;place-items:center;align-content:center;text-align:center;color:var(--text-3)}
.empty-state .ico{width:28px;height:28px}.empty-state h3{margin:10px 0 2px;color:var(--text-2)}.empty-state p{margin:0;font-size:11px}
.avatar{width:32px;height:32px;display:inline-grid;place-items:center;flex:none;border:1px solid rgba(145,212,154,.35);border-radius:50%;background:#0a513c;color:var(--paper);font-size:10px}
.avatar.xs{width:22px;height:22px;font-size:7px}.avatar.sm{width:27px;height:27px;font-size:8px}.avatar.md{width:35px;height:35px}.avatar.lg{width:44px;height:44px;font-size:12px}.avatar.xl{width:62px;height:62px;font-family:"AtomDisplay";font-size:22px}

/* overview */
.hero-work{min-height:410px;padding:48px 50px;display:grid;grid-template-columns:minmax(0,1fr) 260px;align-items:end;gap:40px;position:relative;overflow:hidden;background:radial-gradient(circle at 76% 5%,#0b6549 0,transparent 31%),linear-gradient(135deg,#004333,#011f19 75%);color:var(--paper);box-shadow:var(--shadow)}
.hero-work .hero-grid{inset:-60% -25%;opacity:.23;transform:perspective(800px) rotateX(60deg) rotateZ(-9deg)}
.hero-copy,.hero-side{position:relative;z-index:2}
.hero-copy h1{max-width:900px;margin:20px 0 22px;font-size:clamp(61px,7vw,108px)}
.hero-copy>p{max-width:680px;margin:0;color:rgba(243,241,235,.65);font-size:16px}
.hero-actions{display:flex;gap:10px;margin-top:30px}
.hero-side{align-self:stretch;padding:28px;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid rgba(243,241,235,.14);background:rgba(0,35,28,.48);backdrop-filter:blur(10px)}
.hero-side>span,.hero-side>small{color:rgba(243,241,235,.48);font-size:9px;text-transform:uppercase;letter-spacing:.13em}
.hero-side strong{margin:18px 0 8px;color:var(--mint);font-size:80px}
.hero-pulse{display:flex;align-items:center;gap:8px;margin-top:30px;padding-top:15px;border-top:1px solid rgba(243,241,235,.14);font-size:9px;text-transform:uppercase;letter-spacing:.1em}
.hero-pulse i{width:7px;height:7px;border-radius:50%;background:var(--green);animation:pulse 2s ease-in-out infinite}
.split-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr);gap:18px;margin:16px 0 42px}
.split-layout>div,.activity-panel{border:1px solid var(--line);background:var(--surface)}
.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:19px 20px;border-bottom:1px solid var(--line)}
.section-title span{color:var(--green);font-size:8px;text-transform:uppercase;letter-spacing:.14em}
.section-title h2{margin:5px 0 0;font-size:34px}
.section-title button{display:flex;align-items:center;gap:8px;color:var(--text-3);font-size:9px;text-transform:uppercase;letter-spacing:.1em}.section-title button .ico{width:15px}
.focus-row{width:100%;min-height:64px;padding:11px 16px;display:grid;grid-template-columns:54px minmax(0,1fr) auto auto;gap:12px;align-items:center;border-bottom:1px solid var(--line);text-align:left}
.focus-row:hover{background:var(--surface-2)}
.focus-date{color:var(--text-3);font-size:11px}.focus-date.late{color:var(--hot)}
.focus-row b,.focus-row small{display:block}.focus-row b{font-weight:400}.focus-row small{margin-top:3px;color:var(--text-3);font-size:10px}.focus-row>.ico{width:15px;color:var(--text-3)}
.activity-panel{padding-bottom:10px}
.activity-item{display:grid;grid-template-columns:auto 1fr;gap:10px;padding:13px 17px;border-bottom:1px solid var(--line)}
.activity-item div{min-width:0}.activity-item b,.activity-item span,.activity-item small{display:block}.activity-item b{font-size:11px}.activity-item span{margin:4px 0;color:var(--text-2);font-size:11px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.activity-item small{color:var(--text-3);font-size:8px}

/* projects */
.toolbar,.board-toolbar{display:flex;align-items:center;gap:15px;margin-bottom:22px}
.segmented{display:flex;padding:3px;border:1px solid var(--line);background:var(--surface)}
.segmented button{padding:7px 12px;color:var(--text-3);font-size:9px;text-transform:uppercase;letter-spacing:.1em}
.segmented button[aria-pressed="true"]{background:var(--mint);color:var(--ink)}
.result-count{margin-left:auto;color:var(--text-3);font-size:10px}
.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.project-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr))}
.project-card{min-height:335px;padding:22px;display:flex;flex-direction:column;border:1px solid var(--card-line);background:var(--card);color:var(--on-card);cursor:pointer;position:relative;overflow:hidden}
.project-card::before{content:"";position:absolute;right:-38px;top:-45px;width:135px;height:135px;border-radius:50%;background:radial-gradient(circle,rgba(5,184,108,.15),transparent 70%)}
.project-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.project-card-top{display:flex;align-items:center;justify-content:space-between}.project-card .code{color:var(--green-2);font-size:9px;letter-spacing:.15em}
.project-card h3{margin:28px 0 12px;font-size:clamp(32px,3.2vw,49px);line-height:.9}
.project-card>p{min-height:42px;margin:0;color:var(--on-card-2);font-size:12px}
.project-progress{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;margin:24px 0 16px}
.project-progress>span{height:4px;background:rgba(4,47,38,.1)}.project-progress i{display:block;height:100%;background:var(--green)}.project-progress b{font-family:"AtomDisplay";font-size:18px}
.project-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:17px;color:rgba(4,47,38,.5);font-size:9px}
.project-meta span{display:flex;align-items:center;gap:6px}.project-meta .ico{width:14px}.project-meta .avatar{color:var(--paper)}
.project-next{margin-top:auto;padding-top:13px;border-top:1px solid rgba(4,47,38,.12)}
.project-next small,.project-next span{display:block}.project-next small{color:var(--green-2);font-size:8px;text-transform:uppercase;letter-spacing:.13em}.project-next span{margin-top:6px;color:var(--on-card-2);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.back-link{display:inline-flex;align-items:center;gap:6px;margin-bottom:14px;color:var(--text-3);font-size:10px;text-transform:uppercase;letter-spacing:.1em}.back-link .ico{width:16px}
.project-hero{min-height:330px;padding:42px;display:grid;grid-template-columns:minmax(0,1fr) 230px;align-items:end;gap:30px;position:relative;overflow:hidden;color:var(--paper);background:radial-gradient(circle at 85% 10%,#0b6046 0,transparent 33%),linear-gradient(135deg,#003e31,#011d17)}
.project-hero-grid{inset:-60%;opacity:.2}
.project-title,.project-score{position:relative;z-index:2}
.project-code{color:var(--mint);font-size:9px;text-transform:uppercase;letter-spacing:.16em}
.project-title h1{max-width:1000px;margin:18px 0 12px;font-size:clamp(54px,7vw,96px)}
.project-title>p{margin:0;color:rgba(243,241,235,.55)}
.project-hero-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:27px}
.member-stack{display:flex;align-items:center}.member-stack .avatar{margin-left:-7px}.member-stack .avatar:first-child{margin-left:0}.member-stack>span:last-child{margin-left:10px;color:inherit;font-size:9px}
.project-score{align-self:stretch;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid rgba(243,241,235,.15);background:rgba(0,35,28,.45)}
.project-score span,.project-score small{color:rgba(243,241,235,.48);font-size:8px;text-transform:uppercase;letter-spacing:.13em}.project-score strong{margin:15px 0 8px;color:var(--mint);font-size:65px}
.stage-rail{display:flex;overflow-x:auto;border:1px solid var(--line);border-top:0;background:var(--surface);scrollbar-width:thin}
.stage{min-width:126px;flex:1;padding:16px 12px;text-align:left;color:var(--text-3);position:relative}
.stage span{font-family:"AtomDisplay";font-size:19px}.stage i{display:block;height:3px;margin:8px 0;background:var(--line)}.stage b{font-size:8px;text-transform:uppercase;letter-spacing:.08em;font-weight:400}
.stage.done i{background:var(--green)}.stage.done{color:var(--text-2)}.stage.current{color:var(--wait)}.stage.current i{background:var(--wait);box-shadow:0 0 0 3px color-mix(in srgb,var(--wait) 15%,transparent)}.stage:not(:disabled):hover{color:var(--green)}
.project-toolbar{display:flex;align-items:center;gap:16px;margin:22px 0}
.project-tabs{display:flex;overflow-x:auto;padding:3px;border:1px solid var(--line);background:var(--surface)}
.project-tabs button{padding:8px 13px;color:var(--text-3);font-size:9px;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap}.project-tabs button i{margin-left:5px;font-style:normal}.project-tabs button[aria-pressed="true"]{background:var(--mint);color:var(--ink)}
.project-toolbar>.btn{margin-left:auto}

/* project tabs */
.summary-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:16px}.summary-main,.summary-side{display:grid;align-content:start;gap:16px}
.paper-card{border:1px solid var(--card-line);background:var(--card);color:var(--on-card);box-shadow:0 8px 28px rgba(0,18,14,.07)}
.paper-card:hover{box-shadow:var(--shadow)}
.project-brief{padding:25px}.project-brief h3{max-width:850px;margin:16px 0 25px;font-size:42px}
.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border:1px solid rgba(4,47,38,.12)}
.detail-grid>div{padding:15px;border-right:1px solid rgba(4,47,38,.12);border-bottom:1px solid rgba(4,47,38,.12)}.detail-grid>div:nth-child(2n){border-right:0}
.detail-grid small,.detail-grid b{display:block}.detail-grid small{color:rgba(4,47,38,.46);font-size:8px;text-transform:uppercase;letter-spacing:.12em}.detail-grid b{margin-top:6px;font-size:11px;font-weight:400}
.project-note{margin-top:18px;padding:14px 16px;border-left:3px solid var(--green);background:rgba(5,184,108,.07);color:var(--on-card-2)}
.need-card{padding:23px;background:linear-gradient(120deg,#08724f,#004534);color:var(--paper);box-shadow:var(--shadow)}
.need-card>span{color:var(--mint);font-size:8px;text-transform:uppercase;letter-spacing:.15em}.need-card h3{max-width:850px;margin:13px 0 18px;font-size:21px;font-weight:400}.need-card>div{display:flex;align-items:center;gap:7px;color:rgba(243,241,235,.5);font-size:9px;text-transform:uppercase;letter-spacing:.1em}.need-card .ico{width:15px}
.internal-card{padding:22px;border:1px solid color-mix(in srgb,var(--wait) 30%,transparent);background:var(--wait-bg);color:var(--text)}
.internal-title{display:flex;align-items:center;justify-content:space-between;gap:15px}.internal-title h3{margin:0;font-size:30px}
.internal-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:18px;background:color-mix(in srgb,var(--wait) 20%,transparent)}.internal-grid>div{padding:16px;background:var(--surface)}.internal-grid small{color:var(--wait);font-size:8px;text-transform:uppercase;letter-spacing:.12em}.internal-grid p{margin:7px 0 0;color:var(--text-2);font-size:12px}
.commercial-card{padding:24px;border:1px solid var(--line);background:var(--surface);color:var(--text)}
.commercial-head{display:flex;justify-content:space-between;align-items:flex-start}.commercial-head span:first-child{color:var(--green);font-size:8px;text-transform:uppercase;letter-spacing:.14em}.commercial-head h3{margin:7px 0 0;font-size:38px}
.commercial-values{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:20px 0;background:var(--line)}.commercial-values>div{padding:14px;background:var(--surface-2)}.commercial-values small,.commercial-values strong{display:block}.commercial-values small{color:var(--text-3);font-size:8px;text-transform:uppercase;letter-spacing:.1em}.commercial-values strong{margin-top:8px;font-family:"AtomDisplay";font-size:26px}
.commercial-actions{display:flex;gap:9px;justify-content:flex-end}.decision-comment{padding:12px 14px;border-left:2px solid var(--wait);background:var(--wait-bg)}.decision-comment small{color:var(--wait);font-size:8px;text-transform:uppercase}.decision-comment p{margin:5px 0 0}
.summary-side .paper-card{padding:20px}.lead-person{display:flex;align-items:center;gap:11px;padding:14px 0;border-bottom:1px solid rgba(4,47,38,.11)}.lead-person small,.lead-person b{display:block}.lead-person small{color:rgba(4,47,38,.45);font-size:8px;text-transform:uppercase}.lead-person b{margin-top:3px;font-size:11px}.summary-side .member-stack{margin-top:15px;color:rgba(4,47,38,.5)}
.side-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.side-head button{display:flex;align-items:center;gap:5px;color:rgba(4,47,38,.45);font-size:8px;text-transform:uppercase}.side-head .ico{width:13px}
.comment-mini{display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px;padding:10px 0;border-bottom:1px solid rgba(4,47,38,.1)}.comment-mini:last-child{border-bottom:0}.comment-mini b,.comment-mini span,.comment-mini small{display:block}.comment-mini b{font-size:10px}.comment-mini span{margin:4px 0;color:rgba(4,47,38,.65);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comment-mini small{color:rgba(4,47,38,.4);font-size:8px}
.task-mini{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:9px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(4,47,38,.1);color:var(--on-card);text-align:left}.task-mini b,.task-mini small{display:block}.task-mini b{font-size:10px}.task-mini small{color:rgba(4,47,38,.45);font-size:8px}.task-mini>.ico{width:14px}
.prio{display:block;width:6px;height:6px;border-radius:50%;background:#7e8c86}.prio.medium{background:var(--blue)}.prio.high{background:var(--wait)}.prio.critical{background:var(--hot)}.prio.low{background:var(--ok)}

/* discussion */
.discussion-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);gap:16px;align-items:start}
.thread{border:1px solid var(--line);background:var(--surface)}.thread-head,.content-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:22px;border-bottom:1px solid var(--line)}.thread-head h2,.content-head h2{margin:7px 0 0;font-size:42px}
.comment{display:grid;grid-template-columns:auto minmax(0,1fr);gap:13px;padding:19px 22px;border-bottom:1px solid var(--line)}.comment.internal{background:color-mix(in srgb,var(--wait-bg) 48%,transparent)}
.comment-meta{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.comment-meta b{font-size:11px}.comment-meta>span:not(.visibility){color:var(--text-3);font-size:8px;text-transform:uppercase}.comment-body p{margin:10px 0 0;color:var(--text-2);white-space:pre-wrap}.text-action{margin-top:10px;padding:0;color:var(--text-3);font-size:8px;text-transform:uppercase;letter-spacing:.1em}.text-action.danger:hover{color:var(--hot)}
.composer{position:sticky;top:88px;padding:23px;border:1px solid var(--line);background:var(--surface)}.composer h3{margin:9px 0 17px;font-size:36px}.composer textarea{width:100%;min-height:170px;padding:13px;border:1px solid var(--line);background:var(--surface-2);color:var(--text);resize:vertical}.composer>.btn{width:100%;margin-top:15px}.composer>small{display:block;margin-top:13px;color:var(--text-3);font-size:9px}.composer-scope{margin-top:12px}
.switch-line{display:flex;align-items:center;gap:9px;margin-top:12px;color:var(--text-2);font-size:10px}.switch-line input{position:absolute;opacity:0}.switch-line>span{width:32px;height:18px;padding:2px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}.switch-line>span::after{content:"";display:block;width:12px;height:12px;border-radius:50%;background:var(--text-3);transition:.2s}.switch-line input:checked+span::after{transform:translateX(14px);background:var(--wait)}

/* tasks / board */
.task-table{border:1px solid var(--line);background:var(--surface)}
.task-row{width:100%;min-height:67px;padding:11px 14px;display:grid;grid-template-columns:8px 100px minmax(200px,1fr) 170px 80px 115px 18px;gap:11px;align-items:center;border-bottom:1px solid var(--line);text-align:left}.task-row:hover{background:var(--surface-2)}.task-row.late time{color:var(--hot)}
.task-title b,.task-title small{display:block}.task-title b{font-weight:400}.task-title small{margin-top:3px;color:var(--text-3);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-owner{display:flex;align-items:center;gap:7px;color:var(--text-2);font-size:10px}.task-row time{color:var(--text-3);font-size:10px}.task-row>.ico{width:14px;color:var(--text-3)}
.board-toolbar{padding:13px 15px;border:1px solid var(--line);background:var(--surface)}.board-toolbar label{color:var(--text-3);font-size:8px;text-transform:uppercase;letter-spacing:.12em}.board-toolbar select{width:min(420px,55vw);padding:8px 10px}.board-toolbar span{margin-left:auto;color:var(--text-3);font-size:9px}
.kanban{display:grid;grid-template-columns:repeat(4,minmax(240px,1fr));gap:10px;overflow-x:auto;padding-bottom:12px}
.kanban-col{min-height:560px;border:1px solid var(--line);background:var(--surface)}.kanban-col>header{display:flex;justify-content:space-between;align-items:center;padding:15px;border-bottom:1px solid var(--line)}.kanban-col>header>div{display:flex;align-items:center;gap:9px}.kanban-col>header span{font-family:"AtomDisplay";font-size:20px;color:var(--green)}.kanban-col>header h2{font-size:10px;text-transform:uppercase;letter-spacing:.1em}.kanban-col>header>b{min-width:23px;padding:2px 6px;border-radius:12px;background:var(--surface-2);font-size:10px;text-align:center}
.kanban-stack{padding:9px}.kanban-card{padding:14px;margin-bottom:8px;border:1px solid var(--line);background:var(--surface-2);cursor:pointer}.kanban-card:hover{transform:translateY(-2px);border-color:rgba(145,212,154,.4);box-shadow:0 12px 24px rgba(0,15,12,.18)}
.kanban-card>div:first-child{display:flex;justify-content:space-between;align-items:center}.kanban-card h3{margin:15px 0 7px;font-size:12px;font-weight:400}.kanban-card>p{margin:0;color:var(--text-3);font-size:9px}.kanban-card footer{display:flex;align-items:center;gap:8px;margin-top:17px;padding-top:11px;border-top:1px solid var(--line)}.kanban-card time{margin-left:auto;color:var(--text-3);font-size:9px}.kanban-card time.late{color:var(--hot)}.kanban-card footer button{width:25px;height:25px;display:grid;place-items:center;border:1px solid var(--line)}.kanban-card footer button .ico{width:13px}

/* calendar */
.calendar-head{display:flex;align-items:center;justify-content:center;gap:24px;padding:18px;border:1px solid var(--line);background:var(--surface)}.calendar-head h2{min-width:260px;margin:0;font-size:36px;text-align:center}.calendar-head button{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line)}.calendar-head button .ico{width:16px}
.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-weekdays{border-left:1px solid var(--line);border-right:1px solid var(--line);background:var(--surface)}.calendar-weekdays span{padding:9px;border-right:1px solid var(--line);color:var(--text-3);font-size:8px;text-transform:uppercase;text-align:center}
.calendar-grid{border-left:1px solid var(--line);border-top:1px solid var(--line)}.calendar-day{min-height:132px;padding:9px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface)}.calendar-day.outside{opacity:.35}.calendar-day.today{box-shadow:inset 0 0 0 2px var(--green)}.day-number{font-family:"AtomDisplay";font-size:20px}.day-events{display:grid;gap:4px;margin-top:8px}.cal-event{width:100%;padding:5px 6px;border-left:2px solid var(--blue);background:color-mix(in srgb,var(--blue) 10%,transparent);font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.cal-event.question{border-color:var(--violet)}.cal-event.project{border-color:var(--green)}.day-events small{color:var(--text-3);font-size:8px}

/* questions */
.question-list{display:grid;gap:12px}.question-card{padding:22px;border:1px solid var(--line);background:var(--surface)}.question-card>header{display:flex;justify-content:space-between;gap:15px}.question-card>header>div{display:flex;gap:7px;flex-wrap:wrap}.question-card>header time{color:var(--text-3);font-size:9px}
.question-card>h3{max-width:1050px;margin:21px 0 8px;font-size:20px;font-weight:400}.question-card>p{margin:0;color:var(--text-2)}.question-project{display:flex;align-items:center;gap:7px;margin-top:14px;color:var(--text-3);font-size:9px}.question-project .ico{width:14px}
.answer-thread{display:grid;gap:1px;margin-top:18px;background:var(--line)}.answer{display:grid;grid-template-columns:auto 1fr;gap:9px;padding:13px;background:var(--surface-2)}.answer b{font-size:10px}.answer p{margin:4px 0;color:var(--text-2)}.answer small{color:var(--text-3);font-size:8px}
.answer-box{display:grid;grid-template-columns:1fr 42px;margin-top:14px}.answer-box textarea{min-height:62px;padding:10px;border:1px solid var(--line);background:var(--surface-2);color:var(--text);resize:vertical}.answer-box button{display:grid;place-items:center;background:var(--mint);color:var(--ink)}.answer-box button .ico{width:17px}

/* files */
.file-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.file-grid.wide{grid-template-columns:repeat(3,minmax(0,1fr))}
.file-card{min-height:210px;padding:18px;display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:14px;align-items:start;border:1px solid var(--line);background:var(--surface);position:relative}.file-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.file-card.archived{opacity:.5}.file-icon{width:52px;height:64px;display:grid;place-items:center;position:relative;background:var(--paper);color:var(--ink)}.file-icon .ico{width:25px}.file-icon span{position:absolute;right:-5px;bottom:-5px;padding:2px 5px;background:var(--green);color:var(--paper);font-size:8px}
.file-copy{min-width:0}.file-copy h3{margin:9px 0 7px;font-size:14px;font-weight:400;word-break:break-word}.file-copy>p{margin:0;color:var(--text-3);font-size:10px}.file-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.file-meta>span{color:var(--text-3);font-size:8px}.file-actions{display:flex;gap:5px;flex-direction:column}.versions{grid-column:1/4;margin-top:6px;border-top:1px solid var(--line);padding-top:10px}.versions summary{color:var(--green);font-size:8px;text-transform:uppercase;letter-spacing:.1em;cursor:pointer}.versions a{display:grid;grid-template-columns:28px 1fr auto;gap:8px;margin-top:7px;color:var(--text-2);font-size:9px}.versions a b{color:var(--green)}

/* team / contractors / audit */
.access-note{display:flex;gap:14px;padding:18px;margin-bottom:20px;border:1px solid rgba(145,212,154,.25);background:rgba(5,184,108,.07)}.access-note>.ico{color:var(--green)}.access-note b{font-size:11px}.access-note p{margin:4px 0 0;color:var(--text-2);font-size:10px}
.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.person-card{padding:21px;border:1px solid var(--line);background:var(--surface)}.person-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.person-card.disabled{opacity:.55}.person-top{display:flex;align-items:flex-start;justify-content:space-between}.person-card h3{margin:24px 0 6px;font-size:34px}.person-card>p{margin:0;color:var(--text-3);min-height:39px}.person-data{display:flex;justify-content:space-between;gap:12px;margin-top:17px;padding-top:13px;border-top:1px solid var(--line);color:var(--text-2);font-size:9px}.person-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:16px}
.contractor-grid{display:grid;gap:10px}.contractor-card{display:grid;grid-template-columns:70px minmax(0,1fr) auto;gap:20px;align-items:center;padding:20px;border:1px solid var(--line);background:var(--surface)}.contractor-card:hover{transform:translateX(4px);border-color:rgba(145,212,154,.35)}.contractor-no{font-family:"AtomDisplay";color:var(--green);font-size:38px}.contractor-card h3{margin:7px 0 13px;font-size:35px}.contractor-facts{display:flex;gap:30px}.contractor-facts span{color:var(--text-2);font-size:10px}.contractor-facts small{display:block;color:var(--text-3);font-size:7px;text-transform:uppercase;letter-spacing:.12em}.contractor-status{display:flex;align-items:center;gap:8px}
.audit-list{border:1px solid var(--line);background:var(--surface)}.audit-list.full{margin-top:18px}.audit-row{min-height:62px;padding:11px 16px;display:grid;grid-template-columns:10px 115px auto minmax(0,1fr) auto;gap:11px;align-items:center;border-bottom:1px solid var(--line)}.audit-dot{width:5px;height:5px;border-radius:50%;background:var(--green)}.audit-row time{color:var(--text-3);font-size:9px}.audit-row b{font-size:10px}.audit-row p{margin:3px 0 0;color:var(--text-2);font-size:10px}.audit-service{width:28px;height:28px;border:1px solid var(--line);display:grid;place-items:center;color:var(--green)}.audit-service .ico{width:14px}

/* search */
.search-sections{display:grid;gap:30px}.search-group>h2{margin:0 0 14px;font-size:40px}.search-group>.project-card{max-width:430px}.search-group .task-table{border:0}.search-group>.project-grid{grid-template-columns:repeat(3,1fr)}

/* modal */
.modal-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:flex-start;justify-content:center;padding:32px 16px;overflow-y:auto;background:rgba(0,18,14,.75);backdrop-filter:blur(8px)}
.modal{width:min(100%,650px);margin:auto;border:1px solid rgba(145,212,154,.18);background:var(--surface);box-shadow:0 40px 100px rgba(0,12,9,.55)}.modal.wide{width:min(100%,980px)}
.modal>header{display:flex;justify-content:space-between;align-items:flex-start;padding:22px 24px;border-bottom:1px solid var(--line);background:linear-gradient(110deg,color-mix(in srgb,var(--green) 8%,var(--surface)),var(--surface))}.modal>header h2{margin:10px 0 0;font-size:40px}.modal-close{font-family:"AtomDisplay";font-size:30px;color:var(--text-3)}
.modal-body{padding:23px 24px;display:grid;gap:16px}.modal>footer{display:flex;align-items:center;gap:8px;padding:15px 24px;border-top:1px solid var(--line);background:var(--surface-2)}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.form-section{padding:17px;border:1px solid var(--line)}.form-section>h3{display:flex;align-items:center;gap:8px;margin:0 0 15px;color:var(--green);font-size:9px;text-transform:uppercase;letter-spacing:.12em}.form-section>h3 .ico{width:15px}.internal-form{border-color:color-mix(in srgb,var(--wait) 35%,transparent);background:color-mix(in srgb,var(--wait-bg) 45%,transparent)}
.member-picker{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.member-picker label{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:9px;align-items:center;padding:9px;border:1px solid var(--line);cursor:pointer}.member-picker label:has(input:checked){border-color:var(--green);background:rgba(5,184,108,.06)}.member-picker input{accent-color:var(--green)}.member-picker b,.member-picker small{display:block}.member-picker b{font-size:10px}.member-picker small{color:var(--text-3);font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.file-drop{min-height:120px;display:grid!important;place-items:center;align-content:center;border:1px dashed var(--line);background:var(--surface-2);cursor:pointer}.file-drop:hover{border-color:var(--green)}.file-drop .ico{color:var(--green);margin-bottom:8px}.file-drop b{color:var(--text)!important;font-size:11px!important;text-transform:none!important;letter-spacing:0!important}.file-drop span{color:var(--text-3);font-size:9px}
.or{display:flex;align-items:center;gap:10px;color:var(--text-3);font-size:8px;text-transform:uppercase}.or::before,.or::after{content:"";height:1px;flex:1;background:var(--line)}
.upload-progress{height:4px;display:none;background:var(--line)}.upload-progress.active{display:block}.upload-progress i{display:block;width:0;height:100%;background:var(--green);transition:width .2s}
.credentials{display:grid;gap:12px}.credentials>div{padding:15px;border:1px solid var(--line);background:var(--surface-2)}.credentials small,.credentials strong{display:block}.credentials small{color:var(--text-3);font-size:8px;text-transform:uppercase;letter-spacing:.1em}.credentials strong{margin-top:7px;font-family:ui-monospace,monospace;font-size:17px}.credentials p{display:flex;gap:9px;color:var(--text-2);font-size:10px}.credentials .ico{color:var(--green)}
.quote-form{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.quote-preview,.decision-summary{padding:19px;border:1px solid var(--line);background:var(--surface-2)}.quote-preview span,.quote-preview strong,.decision-summary small,.decision-summary strong{display:block}.quote-preview span,.decision-summary small{color:var(--text-3);font-size:8px;text-transform:uppercase}.quote-preview strong{margin-top:8px;font-family:"AtomDisplay";font-size:32px}.decision-summary strong{margin-top:10px;color:var(--mint);font-size:45px}

.toast{position:fixed;left:50%;bottom:26px;z-index:200;display:flex;align-items:center;gap:9px;padding:12px 16px;border:1px solid rgba(145,212,154,.25);background:#073b2e;color:var(--paper);box-shadow:var(--shadow);animation:toastIn .25s var(--ease) both}.toast.bad{background:#7d2e20}.toast .ico{width:16px}
.busy-layer{position:fixed;inset:0;z-index:190;display:none;place-items:center;background:rgba(0,18,14,.13);pointer-events:none}.busy-layer.on{display:grid}.busy-layer i{width:30px;height:30px;border:2px solid rgba(145,212,154,.2);border-top-color:var(--mint);border-radius:50%;animation:spin .7s linear infinite}

@media(max-width:1280px){
  .project-grid{grid-template-columns:repeat(2,1fr)}.project-grid.compact{grid-template-columns:repeat(2,1fr)}
  .file-grid.wide{grid-template-columns:repeat(2,1fr)}.team-grid{grid-template-columns:repeat(2,1fr)}
  .metric-grid{grid-template-columns:repeat(2,1fr)}.summary-grid{grid-template-columns:1fr}.summary-side{grid-template-columns:repeat(2,1fr)}.summary-side .paper-card:last-child{grid-column:1/3}
  .task-row{grid-template-columns:8px 90px minmax(180px,1fr) 140px 70px 18px}.task-row .visibility{display:none}
}
@media(max-width:980px){
  .workspace{grid-template-columns:minmax(0,1fr);overflow-x:hidden}.sidebar{width:100%;max-width:100vw;height:auto;position:sticky;top:0;display:block;overflow:hidden}.sidebar-glow,.sidebar-brand,.sidebar-user{display:none}.sidebar nav{width:100%;max-width:100vw;display:flex;padding:8px;overflow-x:auto;background:#03281f}.sidebar nav button{width:auto;min-width:max-content;margin:0;padding:8px 11px}.sidebar nav button[aria-current="true"]::before{left:10px;right:10px;top:auto;bottom:0;width:auto;height:2px}
  .topbar{top:58px}.content{padding:30px 22px 50px}.login-screen{grid-template-columns:1fr}.login-copy{min-height:65vh}.login-panel{padding:45px 24px}
  .split-layout,.discussion-layout{grid-template-columns:1fr}.composer{position:static}.hero-work{grid-template-columns:1fr}.hero-side{display:none}
  .project-hero{grid-template-columns:1fr}.project-score{display:none}.file-grid.wide{grid-template-columns:1fr 1fr}
  .kanban{grid-template-columns:repeat(4,280px)}.calendar-day{min-height:110px}
}
@media(max-width:700px){
  .topbar{height:auto;min-height:60px;padding:10px 14px;flex-wrap:wrap}.mobile-brand{display:flex;align-items:center;justify-content:space-between;width:100%}.mobile-brand>.display{font-size:25px}.mobile-brand .brand-lock{display:none}
  .global-search{order:2;width:100%;max-width:none}.top-actions{position:absolute;right:14px;top:9px}.top-actions .org-badge{display:none}
  .content{padding:24px 14px 45px}.view-head{display:block}.view-head h1{font-size:52px}.head-actions{justify-content:flex-start;margin-top:18px}
  .hero-work{min-height:440px;padding:30px 25px}.hero-copy h1{font-size:58px}.hero-copy>p{font-size:13px}.hero-actions{flex-wrap:wrap}
  .metric-grid,.question-stats,.file-stats{grid-template-columns:1fr 1fr}.project-grid,.project-grid.compact,.file-grid,.file-grid.wide,.team-grid{grid-template-columns:1fr}
  .summary-side{grid-template-columns:1fr}.summary-side .paper-card:last-child{grid-column:auto}.commercial-values{grid-template-columns:1fr 1fr}.detail-grid{grid-template-columns:1fr}.detail-grid>div{border-right:0}
  .project-hero{min-height:300px;padding:28px 22px}.project-title h1{font-size:52px}.stage{min-width:112px}.project-toolbar{align-items:flex-start;flex-direction:column}.project-toolbar>.btn{margin-left:0}.project-tabs{width:100%}
  .task-row{grid-template-columns:8px minmax(0,1fr) 70px 18px}.task-row .task-state,.task-row .task-owner{display:none}.task-title small{max-width:200px}.task-row time{display:block}
  .calendar-grid,.calendar-weekdays{min-width:720px}.calendar-grid,.calendar-weekdays{width:720px}.calendar-head{position:sticky;left:0}.content:has(.calendar-grid){overflow-x:auto}
  .contractor-card{grid-template-columns:45px 1fr}.contractor-status{grid-column:2}.contractor-facts{gap:12px;flex-wrap:wrap}.audit-row{grid-template-columns:8px 82px auto 1fr}.audit-row>.tag{display:none}
  .form-grid,.member-picker,.quote-form{grid-template-columns:1fr}.modal-overlay{padding:0}.modal{min-height:100vh;width:100%;border:0}.modal.wide{width:100%}.modal>footer{position:sticky;bottom:0}
  .workspace-footer{display:block}.workspace-footer span{display:block;margin-top:5px}
}
@media(max-width:470px){
  .metric-grid,.question-stats,.file-stats{grid-template-columns:1fr}.metric{min-height:130px}
  .login-copy{padding:35px 22px;min-height:72vh}.login-top{left:22px;right:22px}.login-copy h1{font-size:58px}.login-panel{padding:35px 22px}.login-card h2{font-size:58px}
  .hero-copy h1{font-size:49px}.project-card h3{font-size:38px}.commercial-values{grid-template-columns:1fr}
  .comment{padding:15px 13px}.thread-head,.content-head{padding:17px}.composer{padding:18px}.file-card{grid-template-columns:45px 1fr}.file-actions{grid-column:1/3;flex-direction:row}.versions{grid-column:1/3}
}