/* Morrow visual identity: "dawn". Warm paper and deep night-blue ink with a sunrise amber accent in light mode; night sky with amber in dark mode.
   Display type Fraunces (serif), body Manrope. Match cards are white with a sunrise edge, not pastel tiles. */
:root{
  --bg:#F5F1EA; --frame:#FFFDF9; --surface:#FFFFFF; --surface2:#F8F4EC; --ink:#17202E; --muted:#636B78; --line:#E6DFD3;
  --accent:#1E3557; --accent-ink:#FFFFFF; --tint:#E9EEF5; --have:#E3EAF3; --have-ink:#1E3557; --sun:#E0763A;
  --good:#2C7A51; --warn:#A35A12; --bad:#B8402F; --money:#2C7A51;
  --p1:#FDF3E7; --p2:#EEF2F8; --p3:#FBEDE6; --p4:#F3F0E8; --p5:#ECEFF6;
  --c-amber:#A35A12; --c-blue:#2E62C9; --c-teal:#0F766E; --c-green:#2C7A51; --c-violet:#5B4CC4;
  --display:"Fraunces",Georgia,"Times New Roman",serif;
  --body:"Manrope","Segoe UI","Helvetica Neue",Arial,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#0A0F1C; --frame:#0F1626; --surface:#141C2E; --surface2:#1A2338; --ink:#EDF0F6; --muted:#9AA3B5; --line:#26304A;
  --accent:#F2A65A; --accent-ink:#1A1206; --tint:#22283A; --have:#2C2A22; --have-ink:#F7D2A6; --sun:#F2A65A;
  --good:#5BD08C; --warn:#F5B754; --bad:#F08A7A; --money:#5BD08C;
  --p1:#1A2236; --p2:#18213A; --p3:#1F2234; --p4:#1B2132; --p5:#1C2340;
  --c-amber:#F5B754; --c-blue:#86A8FF; --c-teal:#5EEAD4; --c-green:#5BD08C; --c-violet:#B3A8FF; color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#0A0F1C; --frame:#0F1626; --surface:#141C2E; --surface2:#1A2338; --ink:#EDF0F6; --muted:#9AA3B5; --line:#26304A;
  --accent:#F2A65A; --accent-ink:#1A1206; --tint:#22283A; --have:#2C2A22; --have-ink:#F7D2A6; --sun:#F2A65A;
  --good:#5BD08C; --warn:#F5B754; --bad:#F08A7A; --money:#5BD08C;
  --p1:#1A2236; --p2:#18213A; --p3:#1F2234; --p4:#1B2132; --p5:#1C2340;
  --c-amber:#F5B754; --c-blue:#86A8FF; --c-teal:#5EEAD4; --c-green:#5BD08C; --c-violet:#B3A8FF; color-scheme:dark}
*{box-sizing:border-box}
[hidden]{display:none!important}
:root{--gut:clamp(16px,2.4vw,40px)}
/* Full-bleed app: the frame fills the window at every width, no empty side margins */
body{margin:0;background:var(--frame);color:var(--ink);font:15px/1.5 var(--body);padding:0}
.wrap{width:100%;min-height:100vh;background:var(--frame);padding-inline:var(--gut);padding-block:0 40px}
h1,h2,h3{font-family:var(--display);margin:0;text-wrap:balance;font-weight:500;letter-spacing:-.005em}
h1{font-size:clamp(28px,4vw,40px);line-height:1.1}
h2{font-size:22px}
h3{font-size:17px}
b,strong{font-weight:700}
p{margin:0}
a{color:inherit}
.mono{font-family:var(--mono);font-size:12px}
.muted{color:var(--muted)}
.label{font:500 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
button,select,input,textarea{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

.bar{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;background:var(--frame);border-bottom:1px solid var(--line);margin-inline:calc(-1*var(--gut));padding:12px var(--gut);border-radius:0}
.bar-in{display:flex;gap:12px;align-items:center;flex-wrap:nowrap}
/* The app has 14 sections, more than fit beside the brand on one line: the nav always gets its own row */
.bar-in{flex-wrap:wrap}.bar-in nav{order:3;flex-basis:100%;margin-right:0}.bar-in .pill-dark{margin-left:auto}
@media (min-width:1760px){.bar-in{flex-wrap:nowrap}.bar-in nav{order:0;flex-basis:auto;margin-right:auto}.bar-in .pill-dark{margin-left:0}}
.brand{font:600 22px var(--display);display:flex;align-items:center;gap:8px;letter-spacing:-.02em}
.brand svg{width:22px;height:22px}
nav{display:flex;gap:2px;flex-wrap:nowrap;margin-right:auto;flex:1 1 0;min-width:0;overflow-x:auto;scrollbar-width:none;mask-image:linear-gradient(90deg,#000 calc(100% - 24px),transparent)}
nav::-webkit-scrollbar{display:none}
nav button{flex:none;white-space:nowrap;background:none;border:0;padding:7px 8px;border-radius:10px;color:var(--ink);font-size:13.5px}
nav button:hover{background:var(--surface2)}
nav button[aria-selected="true"]{background:var(--tint);color:var(--ink)}
nav button .n{font:500 11px var(--mono);margin-left:6px;color:var(--muted)}
.pill-dark{display:inline-flex;align-items:center;gap:6px;background:var(--accent);color:var(--accent-ink);border-radius:999px;padding:6px 14px;font-size:13px;border:0}

section[role="tabpanel"]{padding-block:24px;display:flex;flex-direction:column;gap:24px}

.search{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:14px;padding:12px 16px;background:var(--surface)}
.search svg{width:18px;height:18px;flex:none;color:var(--muted)}
.search input{border:0;background:none;outline:none;flex:1;min-width:0;font-size:16px}
.banner{display:flex;align-items:center;gap:16px;border:1px solid var(--line);border-radius:14px;padding:14px 16px;background:var(--surface);flex-wrap:wrap}
.banner .ico{width:40px;height:40px;border-radius:10px;background:var(--surface2);display:grid;place-items:center;flex:none}
.banner .ico svg{width:20px;height:20px}
.banner .txt{flex:1;min-width:220px}
.banner .txt p{color:var(--muted);font-size:13.5px}
.sechead{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.sechead .acts{display:flex;gap:8px;flex-wrap:wrap}

.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.mcard{border-radius:14px;padding:14px 16px 14px 18px;display:flex;flex-direction:column;gap:10px;min-height:250px;min-width:0;border:1px solid var(--line);background:var(--surface);position:relative;overflow:hidden}
.mcard::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--sun),var(--accent))}
.mcard .top{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}
.mcard .loc{font-size:12.5px;min-width:0}
.mcard .loc span{display:block;color:var(--muted)}
.mcard h3{font-size:20px;line-height:1.25;flex:1}
.mcard .foot{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.mcard .foot .co{flex:1 0 100%;min-width:0;margin-bottom:2px;display:flex;align-items:center;gap:8px;font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}


.ring{position:relative;width:44px;height:44px;flex:none}
.ring svg{width:44px;height:44px;transform:rotate(-90deg)}
.ring .v{position:absolute;inset:0;display:grid;place-items:center;text-align:center;font:700 11px/1 var(--body)}
.ring .v small{display:block;font:500 6.5px var(--mono);letter-spacing:.06em;color:var(--muted);margin-top:2px}
.logo{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;color:#FFFFFF;font:600 13px var(--display);flex:none}
.logo.sm{width:22px;height:22px;border-radius:6px;font-size:10px}

.agents{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}
.agent{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:8px;min-width:0}
.agent .role{display:flex;justify-content:space-between;align-items:center}
.dot{width:8px;height:8px;border-radius:50%;background:var(--good);display:inline-block;margin-right:6px}
.dot.idle{background:var(--muted)}
.agent p{color:var(--muted);font-size:13.5px}

.two{display:grid;grid-template-columns:1.2fr 1fr;gap:16px}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px;min-width:0}
.panel>header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}
.log{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;max-height:300px;overflow:auto}
.log li{display:grid;grid-template-columns:52px 74px 1fr;gap:10px;padding:8px 0;border-top:1px solid var(--line);font-size:13.5px}
.log li:first-child{border-top:0}
.log .who{font:500 12px var(--mono);color:var(--good)}
.log .t{font:400 12px var(--mono);color:var(--muted)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--accent);color:var(--accent-ink);border:1px solid var(--accent);border-radius:999px;padding:9px 18px;font-size:14px;text-decoration:none;white-space:nowrap}
.btn.ghost{background:var(--surface);color:var(--ink);border-color:var(--line)}
.btn.ghost:hover{background:var(--surface2)}
.btn.sm{padding:5px 13px;font-size:13px}
.btn:disabled{opacity:.45;cursor:default}
.linkbtn{background:none;border:0;color:var(--muted);font-size:13px;padding:0;text-decoration:underline;text-underline-offset:3px}

.radio{display:flex;flex-direction:column;gap:8px}
.radio label{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--line);border-radius:12px;cursor:pointer}
.radio label:has(input:checked){border-color:var(--accent);background:var(--tint)}
.radio input{margin-top:4px;accent-color:var(--accent)}
.radio small{display:block;color:var(--muted)}

table{border-collapse:collapse;width:100%;font-size:14px}
th,td{text-align:left;padding:12px 14px;border-top:1px solid var(--line);vertical-align:middle}
th{font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border-top:0;background:var(--surface2)}
.scroll{overflow-x:auto}
.tablebox{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface)}
.tablebox .tbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:12px 14px;border-bottom:1px solid var(--line)}
.tablebox .tbar .search{padding:6px 12px;border-radius:999px;margin-left:auto;min-width:200px}
.tablebox .tbar .search input{font-size:13px}

.filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.chip{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:5px 12px;font-size:13px}
.chip .c{color:var(--muted);margin-left:4px;font-size:12px}
.chip[aria-pressed="true"]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.chip[aria-pressed="true"] .c{color:inherit;opacity:.75}
.chip.skill[aria-pressed="true"]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.status{display:inline-block;border-radius:999px;padding:3px 10px;font-size:12px;border:1px solid currentColor;white-space:nowrap}
.s-offer{color:var(--c-violet)}.s-closed{color:var(--muted)}
.s-draft{color:var(--c-amber)}.s-ready{color:var(--c-blue)}.s-sent{color:var(--c-teal)}.s-reply{color:var(--c-green)}

/* feed: sidebar + rows */
.feedgrid{display:grid;grid-template-columns:250px minmax(0,1fr);gap:20px;align-items:start}
.side{display:flex;flex-direction:column;gap:18px;position:sticky;top:76px}
.side .grp{display:flex;flex-direction:column;gap:8px}
.side .grp>.label{display:flex;justify-content:space-between}
.side .search{padding:8px 12px;border-radius:10px}
.side .search input{font-size:14px}
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.tile{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:8px 4px;font-size:11.5px;text-align:center;line-height:1.2;min-height:44px;overflow-wrap:anywhere}
.tile[aria-pressed="true"]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.listhead{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.jobs{display:flex;flex-direction:column;gap:10px}
.job{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:start;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 16px}
.job:hover{border-color:var(--muted)}
.job h3{font-size:16.5px;font-weight:700;font-family:var(--body)}
.job .sub{color:var(--muted);font-size:13px;margin-top:1px}
.job .right{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.job .right .pills{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.money{color:var(--money);font-weight:700;font-size:13.5px;white-space:nowrap}
.mode{background:var(--p5);color:var(--ink);border-radius:999px;padding:2px 10px;font-size:12px;white-space:nowrap}
.job .acts{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.meta{display:flex;gap:6px 12px;flex-wrap:wrap;color:var(--muted);font-size:13px;margin:6px 0 8px}
.tags{display:flex;gap:6px;flex-wrap:wrap}
.tag{font-size:12px;padding:2px 9px;border-radius:999px;background:var(--surface2);border:1px solid var(--line)}
.tag.have{background:var(--have);color:var(--have-ink);border-color:transparent}
.mcard .tag{background:transparent;border-color:color-mix(in srgb,var(--ink) 18%,transparent)}
.mcard .tag.have{background:color-mix(in srgb,var(--ink) 9%,transparent)}
.flag{font-size:12px;padding:2px 9px;border-radius:999px;border:1px solid var(--warn);color:var(--warn);white-space:nowrap}
.flag.mu{border-color:var(--line);color:var(--muted)}
.flag.no{border-color:var(--bad);color:var(--bad)}
.flag.go{border-color:var(--good);color:var(--good)}

.dims{display:grid;gap:8px;margin-top:4px}
.dim{display:grid;grid-template-columns:90px 1fr 48px;gap:10px;align-items:center;font-size:13px}
.track{height:8px;background:var(--surface2);border-radius:999px;overflow:hidden;border:1px solid var(--line)}
.fill{height:100%;background:var(--accent)}
.fill.lo{background:var(--warn)}

.ev{display:grid;grid-template-columns:150px 1fr 90px;gap:12px;padding:10px 0;border-top:1px solid var(--line);font-size:14px;align-items:start}
.ev:first-child{border-top:0}
.ev.ch{grid-template-columns:170px 1fr 120px}
.st{font:500 11px var(--mono);text-transform:uppercase;letter-spacing:.06em}
.st.covered{color:var(--good)} .st.ask{color:var(--warn)} .st.gap{color:var(--bad)}
.letter{white-space:pre-wrap;font:14px/1.6 var(--body);background:var(--surface2);border:1px solid var(--line);border-radius:12px;padding:16px;min-height:200px;width:100%;resize:vertical}
.seg{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden;background:var(--surface)}
.seg button{background:none;border:0;padding:5px 12px;font-size:13px}
.seg button[aria-pressed="true"]{background:var(--accent);color:var(--accent-ink)}

.cols{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
.col{background:var(--surface2);border:1px solid var(--line);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:10px;min-height:150px}
.col h3{display:flex;justify-content:space-between;align-items:center;font-size:13px}
.card{border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--surface);display:flex;flex-direction:column;gap:6px;font-size:13.5px}
.recs{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;background:var(--surface);overflow:hidden}
.rec{display:flex;gap:14px;align-items:center;padding:12px 16px;border-top:1px solid var(--line);flex-wrap:wrap}
.rec:first-child{border-top:0}
.rec .dotc{width:10px;height:10px;border-radius:50%;flex:none;background:var(--accent)}
.rec .dotc.hot{background:var(--c-amber)}
.rec .txt{flex:1;min-width:200px}
.rec .txt p{color:var(--muted);font-size:13px}
.steps{margin:0;padding-left:0;list-style:none;display:flex;flex-direction:column;counter-reset:st}
.steps li{display:flex;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--line);flex-wrap:wrap;counter-increment:st}
.steps li:first-child{border-top:0}
.steps li::before{content:counter(st);width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font:500 12px var(--mono);background:var(--surface2);border:1px solid var(--line);flex:none}
.steps li.done::before{content:"✓";background:var(--have);color:var(--have-ink);border-color:transparent}
.steps li .what{flex:1;min-width:200px;font-size:14px}
.steps li .what span{display:block;color:var(--muted);font-size:12.5px}
.netgrid{display:grid;grid-template-columns:240px minmax(0,1fr) 340px;gap:20px;align-items:start}
.chat{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;background:var(--surface);position:sticky;top:76px;height:min(720px,calc(100vh - 100px));min-height:420px;overflow:hidden}
.chat .chead{padding:14px 16px;border-bottom:1px solid var(--line)}
.chat .msgs{flex:1;overflow:auto;padding:14px 16px;display:flex;flex-direction:column;gap:10px}
.msg{max-width:92%;padding:9px 12px;border-radius:14px;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.msg.user{align-self:flex-end;background:var(--accent);color:var(--accent-ink);border-bottom-right-radius:4px}
.msg.bot{align-self:flex-start;background:var(--surface2);border:1px solid var(--line);border-bottom-left-radius:4px}
.msg.bot a{color:inherit;font-weight:700}
.chat .sugs{display:flex;flex-direction:column;gap:6px}
.chat .sug{text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:9px 12px;font-size:13.5px}
.chat .cin{border-top:1px solid var(--line);padding:10px;display:flex;gap:8px;align-items:flex-end}
.chat .cin textarea{flex:1;min-width:0;resize:none;border:1px solid var(--line);border-radius:12px;padding:9px 12px;background:var(--surface2);color:var(--ink);font:14px/1.4 var(--body);max-height:140px}
@media (max-width:1250px){.netgrid{grid-template-columns:240px minmax(0,1fr)}#netchat{grid-column:1/-1}.chat{position:static;height:560px}}
.netco-btn{display:flex;gap:10px;align-items:center;width:100%;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:8px 10px;font-size:14px}
.netco-btn[aria-pressed="true"]{border-color:var(--accent);background:var(--tint)}
.netco-btn>span:not(.logo){flex:1;min-width:0}
.netco-btn small{display:block;color:var(--muted);font-size:12px}
.cohead{border-radius:16px;padding:18px;background:linear-gradient(120deg,var(--p2),var(--p1));display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.cohead .logo{width:56px;height:56px;border-radius:14px;font-size:20px}
.people{display:flex;flex-direction:column;gap:8px}
.person{display:flex;gap:12px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--surface);flex-wrap:wrap;width:100%;text-align:left}
.person[aria-pressed="true"]{border-color:var(--accent);background:var(--tint)}
.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--surface2);border:1px solid var(--line);font:600 13px var(--display);flex:none}
.person .who{flex:1;min-width:160px}
.person .who small{display:block;color:var(--muted);font-size:12.5px}
@media (max-width:980px){.netgrid{grid-template-columns:1fr}}
.rlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px;counter-reset:r;max-width:760px}
.rlist li{display:grid;grid-template-columns:32px 1fr;gap:14px;counter-increment:r}
.rlist li::before{content:counter(r);width:28px;height:28px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font:500 12px var(--mono);background:var(--surface)}
.rcard{display:block;width:100%;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 18px;color:var(--ink)}
.rcard:hover{border-color:var(--muted)}
.rcard h3{font-size:19px;margin:6px 0 4px}
.rcard p{color:var(--muted);font-size:14px}
.rtag{display:inline-block;background:var(--surface2);border:1px solid var(--line);border-radius:999px;padding:2px 10px;font-size:12px;margin-right:8px}
.article{max-width:68ch}
.article h1{font-size:clamp(26px,3.5vw,34px);margin:10px 0 8px}
.article h3{font-size:18px;margin:22px 0 6px}
.article p,.article li{font-size:15.5px;line-height:1.65}
.article p{margin:0 0 12px}
.article ul{margin:0 0 12px;padding-left:20px;display:flex;flex-direction:column;gap:6px}
.empty{color:var(--muted);font-size:13.5px;text-align:center;padding:28px 12px}

.form{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.form label{display:flex;flex-direction:column;gap:5px;font-size:13px;color:var(--muted)}
.form select,.form input{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:9px 12px;color:var(--ink)}
.toast{position:fixed;left:16px;right:16px;margin-inline:auto;width:fit-content;bottom:calc(20px + env(safe-area-inset-bottom,0px));background:var(--ink);color:var(--frame);padding:10px 18px;border-radius:999px;font-size:14px;z-index:9;max-width:calc(100% - 32px)}
.note{font-size:12.5px;color:var(--muted)}
details>summary{list-style:none}
details.panel:not([open]){border:0;padding:0;background:none}
details>summary::-webkit-details-marker{display:none}

@media (max-width:980px){.feedgrid{grid-template-columns:1fr}.side{position:static}}
@media (max-width:820px){
  .two{grid-template-columns:1fr}
  .cols{grid-template-columns:1fr 1fr}
  .job{grid-template-columns:auto minmax(0,1fr)}
  .job .right{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap}
  .ev,.ev.ch{grid-template-columns:1fr}
}
@media (max-width:560px){
  .cols{grid-template-columns:1fr}.log li{grid-template-columns:44px 1fr}.log .t{display:none}
  .tablebox .tbar .search{margin-left:0;min-width:0;width:100%}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* ---------- Auto queue, inbox, CV preview, settings, assistant ---------- */
.iconbtn{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);flex:none}
.iconbtn:hover{background:var(--surface2)}
.lane{display:flex;gap:12px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--surface)}
.lane.sel{border-color:var(--accent);background:var(--tint)}
.sw{position:relative;display:inline-block;width:38px;height:22px;flex:none;cursor:pointer}
.sw input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer;z-index:1}
.sw::before{content:"";position:absolute;inset:0;border-radius:999px;background:var(--line);transition:background .15s}
.sw::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--surface);box-shadow:0 1px 2px rgba(0,0,0,.25);transition:transform .15s}
.sw:has(input:checked)::before{background:var(--accent)}
.sw:has(input:checked)::after{transform:translateX(16px)}
.sw:has(input:disabled){opacity:.6;cursor:not-allowed}
.sw:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px;border-radius:999px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.setrow{display:flex;gap:16px;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:14px 0 0;margin-top:14px}
.setrow>div{min-width:0;flex:1 1 220px}
.form label.chip{flex-direction:row;align-items:center;gap:6px;color:var(--ink);font-size:13px;cursor:pointer}
.form label.chip input{accent-color:var(--accent);padding:0}
.ibgrid{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:16px;align-items:start}
.iblist{display:flex;flex-direction:column;max-height:560px;overflow:auto}
.ibitem{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;border:0;border-bottom:1px solid var(--line);background:var(--surface);padding:12px 14px;color:var(--ink);min-width:0}
.ibitem b{font-size:14px;overflow-wrap:anywhere}.ibitem small{color:var(--muted);font-size:12px}
.ibitem[aria-pressed="true"]{background:var(--tint)}
.ib-rejection{color:#B42318}.ib-offer{color:#067647}.ib-interview,.ib-assessment{color:#175CD3}.ib-applied{color:var(--muted)}.ib-verification,.ib-reminder{color:#B54708}.ib-recruiter{color:#6941C6}.ib-other{color:var(--muted)}
:root[data-theme="dark"] .ib-rejection{color:#FDA29B}:root[data-theme="dark"] .ib-offer{color:#75E0A7}:root[data-theme="dark"] .ib-interview,:root[data-theme="dark"] .ib-assessment{color:#84CAFF}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .ib-rejection{color:#FDA29B}:root:not([data-theme="light"]) .ib-offer{color:#75E0A7}:root:not([data-theme="light"]) .ib-interview,:root:not([data-theme="light"]) .ib-assessment{color:#84CAFF}:root:not([data-theme="light"]) .ib-verification,:root:not([data-theme="light"]) .ib-reminder{color:#FEC84B}:root:not([data-theme="light"]) .ib-recruiter{color:#BDB4FE}}
.sheet{position:fixed;inset:0;z-index:20;background:rgba(10,10,12,.55);display:flex;align-items:stretch;justify-content:center;padding:24px}
.sheet[hidden]{display:none}
.sheet-in{background:var(--frame);border:1px solid var(--line);border-radius:16px;width:min(1100px,100%);display:flex;flex-direction:column;gap:14px;padding:18px;overflow:hidden}
.sheet-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;min-height:0;flex:1}
.sheet-ctl{display:flex;flex-direction:column;gap:8px;overflow:auto;min-width:0}
.sheet-ctl .label{margin-top:6px}
.sel{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:7px 10px;color:var(--ink)}
.paperwrap{background:var(--surface2);border:1px solid var(--line);border-radius:12px;overflow:auto;padding:18px;min-width:0}
.paper{background:#fff;color:#111;width:100%;max-width:794px;margin:0 auto;padding:6%;box-shadow:0 2px 10px rgba(0,0,0,.12);aspect-ratio:auto}
.fab{position:fixed;right:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:8;display:inline-flex;gap:8px;align-items:center;background:var(--accent);color:var(--accent-ink);border:0;border-radius:999px;padding:11px 18px;font-size:14px;box-shadow:0 6px 20px rgba(0,0,0,.18)}
.fab[hidden]{display:none}
.askbox{position:fixed;right:20px;bottom:20px;z-index:12;width:min(400px,calc(100vw - 32px));height:min(600px,calc(100vh - 100px));box-shadow:0 12px 40px rgba(0,0,0,.22);border-radius:16px}
.askbox[hidden]{display:none}
.toast{z-index:30}
@media (max-width:820px){.ibgrid,.sheet-grid{grid-template-columns:1fr}.sheet{padding:0}.sheet-in{border-radius:0;overflow:auto}.paperwrap{overflow:visible;padding:8px}.sheet-ctl{overflow:visible}}
@media (max-width:560px){.askbox{right:16px;left:16px;width:auto;bottom:16px;height:calc(100vh - 90px)}.fab{right:16px;bottom:16px;padding:10px 14px}.setrow{flex-wrap:wrap}}
.job .pills{flex-wrap:wrap;justify-content:flex-end}

.boardlink{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 4px;border-top:1px solid var(--line);color:var(--ink);text-decoration:none}
.boardlink:first-child{border-top:0}
.boardlink:hover b{text-decoration:underline}
.boardlink small{display:block;color:var(--muted);font-size:12px;margin-top:2px}
.form label[hidden]{display:none}

.startcv{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 18px;align-items:center}
.startlist{display:flex;flex-direction:column}
.startrow{display:flex;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}
.startrow:first-child{border-top:0}
.okc{color:var(--good,#067647)}
@media (max-width:560px){.startcv{grid-template-columns:1fr}.startrow{flex-wrap:wrap}.startrow .btn{margin-left:auto}}

ul.why{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
ul.why li{display:flex;justify-content:space-between;gap:12px;font-size:13.5px;border-bottom:1px dashed var(--line);padding-bottom:4px}
.netco-btn small{display:block;color:var(--muted);font-size:12px;font-weight:400}
.pgrid{display:grid;grid-template-columns:280px minmax(0,1fr);gap:16px;align-items:start}
@media (max-width:820px){.pgrid{grid-template-columns:1fr}}
.brand .tagline{font-size:12px;color:var(--muted);margin-left:10px;font-weight:400;white-space:nowrap}
@media (max-width:900px){.brand .tagline{display:none}}

.docgrid{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:16px;align-items:start;margin-top:8px}
.docbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:10px}
.doctools{display:flex;flex-direction:column;gap:12px;position:sticky;top:120px}
.doctools .panel{padding:14px}
#docPaper{outline:none;cursor:text}
#docPaper:focus{box-shadow:0 0 0 2px var(--sun),0 2px 10px rgba(0,0,0,.12)}
#docPaper[contenteditable] .cvp li:hover,#docPaper[contenteditable] .cvp p:hover,#docPaper[contenteditable] .cvp .role:hover{background:rgba(224,118,58,.07)}
#cvDoc .paperwrap{max-height:none}
@media (max-width:900px){.docgrid{grid-template-columns:1fr}.doctools{position:static}}
#docPaper .sec.off{opacity:.35;outline:1px dashed #999;outline-offset:3px}
#docPaper.measure .sec.off{display:none}
.newb{font:600 11px/1 var(--body);padding:4px 8px;border-radius:999px;background:var(--sun);color:#fff;white-space:nowrap}
.tzhint{display:flex;gap:10px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-top:12px;padding:10px 12px;border-radius:12px;background:var(--surface2);border:1px solid var(--line);font-size:13.5px}
.since{margin-bottom:12px;border-left:3px solid var(--sun)}
#prospects .filters .seg{max-width:100%;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}
#prospects .filters .seg button{white-space:nowrap;flex:none}