/* ===== Ambition · team styles — owned by the TEAM chat. cine.css is owned by the PERSONAL chat — do not edit it from team work. ===== */

/* workspace dropdown menu (#wsOrgBtn) */
.wsmenu{background:var(--card,#14161b);border:1px solid var(--line,rgba(255,255,255,.12));border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.55);padding:6px;overflow:hidden}
.wsmenu-h{display:flex;align-items:center;gap:8px;padding:8px 10px 6px}
.wsmenu-cur{flex:1;font-size:12px;letter-spacing:.04em;color:var(--ink2,#cfcabd);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wsmenu-x{background:none;border:0;color:var(--ink3,#8a8073);font-size:18px;line-height:1;cursor:pointer;padding:0 2px}
.wsmenu-x:hover{color:var(--ink,#f3efe6)}
.wsmenu-i{display:block;width:100%;text-align:left;background:none;border:0;color:var(--ink,#f3efe6);font:inherit;font-size:13px;padding:9px 10px;border-radius:8px;cursor:pointer}
.wsmenu-i:hover{background:rgba(255,255,255,.06)}
.wsmenu-i.on{color:var(--accent,#5fba84)}
/* light-mode visibility fix for the workspace dropdown */
html[data-theme=light] .wsmenu{background:#ffffff;border-color:rgba(0,0,0,.12);box-shadow:0 18px 50px rgba(0,0,0,.18)}
html[data-theme=light] .wsmenu-cur{color:#3a3a3a}
html[data-theme=light] .wsmenu-i{color:#1a1a1a}
html[data-theme=light] .wsmenu-i:hover{background:rgba(0,0,0,.05)}
html[data-theme=light] .wsmenu-x{color:#888}
html[data-theme=light] .wsmenu-x:hover{color:#222}

/* reusable view bar (Round 7) */
.vbwrap{margin:0 0 14px}
.vbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.vbar-seg{margin:0!important}
.vbar-search{flex:1;min-width:140px}
.vbar-search input{width:100%;background:transparent;border:1px solid var(--line,rgba(255,255,255,.12));border-radius:9px;color:var(--ink,#f3efe6);font:inherit;font-size:12.5px;padding:7px 11px}
.vbar-search input::placeholder{color:var(--ink3,#8a8073)}
.vbar-sort{background:transparent;border:1px solid var(--line,rgba(255,255,255,.12));border-radius:9px;color:var(--ink2,#cfcabd);font:inherit;font-size:12px;padding:6px 8px;cursor:pointer}
.vbar-filters{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:9px}
.vb-flabel{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink3,#8a8073);margin-right:2px}
.vb-chip{background:transparent;border:1px solid var(--line,rgba(255,255,255,.14));border-radius:999px;color:var(--ink2,#cfcabd);font:inherit;font-size:11.5px;padding:4px 11px;cursor:pointer}
.vb-chip:hover{border-color:var(--ink3,#8a8073)}
.vb-chip.on{border-color:var(--accent,#5fba84);color:var(--ink,#f3efe6);box-shadow:inset 0 0 0 1px var(--accent,#5fba84)}
.vb-clear{color:var(--ink3,#8a8073)}
.vb-count{font-size:11px;color:var(--ink3,#8a8073);margin:0 0 8px}

/* grace / warm-up banner */
.gracebar{background:linear-gradient(135deg,rgba(95,186,132,.12),rgba(230,179,76,.08));border:1px solid var(--line,rgba(255,255,255,.14));border-radius:14px;padding:13px 14px;margin:0 0 14px}
.gracebar-t{font-size:14px;color:var(--ink,#f3efe6);font-weight:600}
.gracebar-sub{font-size:12px;color:var(--ink2,#cfcabd);margin-top:3px}

/* playbook (SOP/checklist expand) */
.ops-detail{padding:4px 0 8px 12px;border-left:2px solid var(--line2,rgba(255,255,255,.08));margin:0 0 6px}
.ops-line{display:flex;align-items:center;gap:9px;padding:5px 0;font-size:13px;color:var(--ink,#f3efe6)}
.ops-num{width:18px;height:18px;border-radius:50%;background:rgba(255,255,255,.06);display:grid;place-items:center;font-size:10.5px;color:var(--ink3,#8a8073);flex:none}
.ops-del{background:none;border:0;color:var(--ink3,#8a8073);font-size:16px;line-height:1;cursor:pointer;padding:0 4px}
.ops-del:hover{color:#e6753a}

/* kanban drag & drop */
.tcard[draggable=true]{cursor:grab}
.tcard.dragging{opacity:.45}
.tcol.drop-over{outline:2px dashed var(--accent,#5fba84);outline-offset:-2px;border-radius:10px;background:rgba(95,186,132,.06)}
/* custom-column boards */
.tcol .tcol-h{display:flex;align-items:center;gap:5px}
.lane-x{margin-left:auto;background:none;border:0;color:var(--ink3,#8a8073);font-size:14px;line-height:1;cursor:pointer;padding:0 2px;letter-spacing:0}
.lane-x:hover{color:#e6753a}
.lane-empty{font-size:11px;color:var(--ink3,#8a8073);text-align:center;padding:14px 4px;border:1px dashed var(--line,rgba(255,255,255,.14));border-radius:10px}
.tcol-unassigned{background:color-mix(in srgb,var(--ink) 3%,transparent);border-style:dashed}
.tcol-add{flex:0 0 auto;min-width:120px;align-self:flex-start;background:transparent;border:1px dashed var(--line,rgba(255,255,255,.16));border-radius:14px;color:var(--accent,#5fba84);font:inherit;font-size:12px;padding:10px;cursor:pointer}
.tcol-add:hover{border-color:var(--accent,#5fba84)}
/* invoicing */
.repcard{position:relative}
.invst[data-invadv]{cursor:pointer}

/* OKR tree (R3) */
.okr-obj{border:1px solid var(--line,rgba(255,255,255,.12));border-radius:14px;padding:14px 14px 10px;margin:0 0 12px}
.okr-obj-h{display:flex;align-items:flex-start;gap:10px}
.okr-obj-t{font-size:15px;color:var(--ink,#f3efe6);font-weight:500}
.okr-obj-d{font-size:11.5px;color:var(--ink3,#8a8073);margin-top:2px}
.okr-pct{font-family:Italiana,serif;font-size:20px;white-space:nowrap}
.okr-pct.sm{font-size:15px}
.okr-goal{margin:10px 0 0;padding:2px 0 2px 12px;border-left:2px solid var(--line2,rgba(255,255,255,.08))}
.okr-goal-h{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:2px}
.okr-goal-t{font-size:13px;color:var(--ink2,#cfcabd)}
.okr-task{display:flex;align-items:center;gap:9px;padding:6px 0}
.okr-check{width:15px;height:15px;border-radius:50%;border:1.5px solid var(--ink3,#8a8073);flex:none;box-sizing:border-box}
.okr-check.doing{border-color:#e6b34c;box-shadow:inset 0 0 0 3px #e6b34c}
.okr-check.done{border-color:#5fba84;background:#5fba84}
.okr-task-t{font-size:13px;color:var(--ink,#f3efe6)}
.okr-task-t.done{color:var(--ink3,#8a8073);text-decoration:line-through}
.okr-add{background:none;border:0;color:var(--accent,#5fba84);font:inherit;font-size:12px;cursor:pointer;padding:6px 0;margin-left:2px}
.okr-add-goal{margin-top:6px}

/* custom board tabs (Board screen) */
.boardtabs{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:0 0 12px}
.btab{background:transparent;border:1px solid var(--line,rgba(255,255,255,.14));border-radius:999px;color:var(--ink2,#cfcabd);font:inherit;font-size:12px;padding:5px 13px;cursor:pointer}
.btab:hover{border-color:var(--ink3,#8a8073)}
.btab.on{border-color:var(--accent,#5fba84);color:var(--ink,#f3efe6);box-shadow:inset 0 0 0 1px var(--accent,#5fba84)}
.btab-add{color:var(--accent,#5fba84);border-style:dashed}
.btab-del{padding:5px 10px;color:#e6753a}

/* org chart (People → Org chart view) */
.orgtop{display:flex;justify-content:center;margin:4px 0 14px}
.orgnode-root{text-align:center;padding:11px 20px;border:1px solid var(--line,rgba(255,255,255,.14));border-top-width:2px;border-radius:12px;background:var(--card,#14161b)}
.orgnode-t{font-size:14px;color:var(--ink,#f3efe6);font-weight:600}
.orgnode-s{font-size:11px;letter-spacing:.04em;margin-top:2px}
.orgchart{display:flex;gap:12px;overflow-x:auto;padding:2px 0 6px;-webkit-overflow-scrolling:touch}
.orgcol{flex:0 0 220px;min-width:220px;border:1px solid var(--line,rgba(255,255,255,.1));border-radius:13px;padding:10px;background:rgba(255,255,255,.02)}
html[data-theme=light] .orgcol{background:rgba(0,0,0,.02)}
.orgcol.drop-over{outline:2px dashed var(--accent,#5fba84);outline-offset:-2px;background:rgba(95,186,132,.06)}
.orgcol-h{display:flex;justify-content:space-between;align-items:baseline;font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--ink2,#cfcabd);padding:2px 2px 8px;font-family:Italiana,serif}
.orgcol-h span:last-child{font-size:15px}
.orgperson{display:flex;align-items:center;gap:9px;background:var(--card,#14161b);border:1px solid var(--line,rgba(255,255,255,.08));border-radius:10px;padding:8px 9px;margin-bottom:7px;cursor:grab}
html[data-theme=light] .orgperson{background:#fff}
.orgperson.dragging{opacity:.45}
.orgperson-i{width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.08);display:grid;place-items:center;font-size:11px;color:var(--ink2,#cfcabd);flex:none}
html[data-theme=light] .orgperson-i{background:rgba(0,0,0,.06)}
.orgperson-n{display:block;font-size:13px;color:var(--ink,#f3efe6)}
.orgperson-r{display:block;font-size:10.5px;color:var(--ink3,#8a8073)}
.orgperson-s{font-family:Italiana,serif;font-size:15px}
.orgempty{font-size:11.5px;color:var(--ink3,#8a8073);text-align:center;padding:14px 6px;border:1px dashed var(--line,rgba(255,255,255,.12));border-radius:9px}

/* inline modal (imodal — replaces window.prompt/confirm) */
.imodal-ov{position:fixed;inset:0;z-index:9000;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;padding:20px;animation:imfade .14s ease}
@keyframes imfade{from{opacity:0}to{opacity:1}}
.imodal{position:relative;width:100%;max-width:380px;background:var(--card,#14161b);border:1px solid var(--line,rgba(255,255,255,.12));border-radius:16px;box-shadow:0 30px 80px rgba(0,0,0,.6);padding:20px 18px 16px}
html[data-theme=light] .imodal{background:#fff;border-color:rgba(0,0,0,.1);box-shadow:0 24px 60px rgba(0,0,0,.22)}
.imodal-x{position:absolute;top:11px;right:12px;background:none;border:0;color:var(--ink3,#8a8073);font-size:21px;line-height:1;cursor:pointer;padding:2px 6px}
.imodal-x:hover{color:var(--ink,#f3efe6)}
.imodal-t{font-size:17px;color:var(--ink,#f3efe6);font-weight:600;padding-right:22px}
.imodal-sub{font-size:12.5px;color:var(--ink3,#8a8073);margin-top:4px;line-height:1.45}
.imodal-lb{font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--ink3,#8a8073);margin:12px 0 4px}
.imodal-in{width:100%;box-sizing:border-box;background:transparent;border:1px solid var(--line,rgba(255,255,255,.14));border-radius:9px;color:var(--ink,#f3efe6);font:inherit;font-size:14px;padding:9px 11px;margin-top:2px}
.imodal-in:focus{outline:none;border-color:var(--accent,#5fba84)}
html[data-theme=light] .imodal-in{color:#1a1a1a;border-color:rgba(0,0,0,.18)}
html[data-theme=light] .imodal-in option{color:#1a1a1a}
.imodal-ck{display:flex;align-items:center;gap:9px;margin-top:12px;font-size:13.5px;color:var(--ink,#f3efe6);cursor:pointer}
.imodal-ck input{width:16px;height:16px;accent-color:var(--accent,#5fba84)}
.imodal-days{display:flex;gap:6px;margin-top:4px}
.imodal-day{flex:1;background:transparent;border:1px solid var(--line,rgba(255,255,255,.16));border-radius:8px;color:var(--ink2,#cfcabd);font:inherit;font-size:12px;padding:8px 0;cursor:pointer}
.imodal-day:hover{border-color:var(--ink3,#8a8073)}
.imodal-day.on{border-color:var(--accent,#5fba84);color:var(--ink,#f3efe6);background:rgba(95,186,132,.12)}
html[data-theme=light] .imodal-day{color:#444;border-color:rgba(0,0,0,.18)}
.imodal-actions{display:flex;gap:9px;justify-content:flex-end;margin-top:16px}
.imodal-cancel{background:none;border:1px solid var(--line,rgba(255,255,255,.16));border-radius:9px;color:var(--ink2,#cfcabd);font:inherit;font-size:13px;padding:8px 15px;cursor:pointer}
.imodal-cancel:hover{border-color:var(--ink3,#8a8073)}
.imodal-ok{margin:0!important;width:auto!important;padding:8px 18px!important}
html[data-theme=light] .imodal-cancel{color:#444;border-color:rgba(0,0,0,.18)}

/* wizard modal close button (shared close affordance for the org onboarding popup) */
#orgCard{position:relative}
.ob-x{position:absolute;top:12px;right:12px;background:none;border:0;color:var(--ink3,#8a8073);font-size:22px;line-height:1;cursor:pointer;z-index:5;padding:2px 6px}
.ob-x:hover{color:var(--ink,#f3efe6)}

/* ===== Mission Control — org-world composition (.mcx-*) =====
   Tokens only (--accent via band colours, --ink/--ink3 text, --line, --card) so it
   themes across Cine/Aurora/Atelier. One living org world; satellites are quiet rings.
   --orb is the org's live band colour (set inline); core/rings are white. */
.mcx-world{display:flex;flex-direction:column;align-items:center;text-align:center;padding:16px 0 4px}
.mcx-orb{position:relative;width:128px;height:128px;border-radius:50%;display:grid;place-items:center;margin-bottom:8px;
  background:radial-gradient(circle at 50% 44%, color-mix(in srgb,var(--orb) 40%,transparent), transparent 70%)}
.mcx-orb::before,.mcx-orb::after{content:"";position:absolute;border-radius:50%;border:1px solid color-mix(in srgb,var(--orb) 50%,transparent);pointer-events:none}
.mcx-orb::before{inset:16px;animation:mcxPulse 4.6s ease-in-out infinite}
.mcx-orb::after{inset:34px;border-color:color-mix(in srgb,var(--orb) 65%,transparent);animation:mcxPulse 4.6s ease-in-out infinite .55s}
.mcx-core{width:30px;height:30px;border-radius:50%;background:#fff;box-shadow:0 0 26px 7px color-mix(in srgb,var(--orb) 70%,transparent)}
.mcx-score{font-family:'Italiana',serif;font-size:clamp(64px,12vw,92px);line-height:.84;transition:color 1.1s}
.mcx-band{font-family:'Italiana',serif;font-style:italic;font-size:18px;margin-top:6px}
.mcx-line{font-size:13px;color:var(--ink3);margin-top:8px}
.mcx-sats{display:grid;gap:10px;margin:18px 0 6px}
.mcx-sat{display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;padding:10px 4px;border-radius:14px;transition:background .18s}
.mcx-sat:hover{background:var(--card)}
.mcx-ring{width:46px;height:46px;transform:rotate(-90deg)}
.mcx-ring-bg{fill:none;stroke:var(--line);stroke-width:3}
.mcx-ring-fg{fill:none;stroke-width:3;stroke-linecap:round;transition:stroke-dashoffset .8s ease}
.mcx-sat-v{font-family:'Italiana',serif;font-size:19px;line-height:1}
.mcx-sat-l{font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink3)}
.mcx-attn{display:flex;flex-direction:column;gap:7px}
.mcx-attn-row{display:flex;align-items:center;gap:11px;padding:11px 13px;border-radius:13px;background:var(--card);border:1px solid var(--line);box-shadow:inset 3px 0 0 var(--c)}
.mcx-dot{width:7px;height:7px;border-radius:50%;flex:none}
.mcx-attn-main{flex:1;min-width:0}
.mcx-attn-t{font-size:13.5px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mcx-attn-s{font-size:11.5px;color:var(--ink3);margin-top:1px}
.mcx-when{font-size:11px;color:var(--ink3);white-space:nowrap}
.mcx-when.over{color:#e6753a;font-weight:600}
.mcx-chip{font-family:'Italiana',serif;font-size:16px;flex:none}
.mcx-health{display:flex;align-items:flex-end;gap:4px;height:56px;padding:6px 2px}
.mcx-hbar{flex:1;min-width:5px;border-radius:4px 4px 2px 2px;cursor:pointer;opacity:.88;transition:opacity .15s,height .5s ease}
.mcx-hbar:hover{opacity:1}
@keyframes mcxPulse{0%,100%{transform:scale(1);opacity:.5}50%{transform:scale(1.07);opacity:.9}}
@media (prefers-reduced-motion:reduce){
  .mcx-orb::before,.mcx-orb::after{animation:none}
  .mcx-ring-fg,.mcx-hbar,.mcx-score{transition:none}
}

/* ===== View-bar filters as dropdowns (.vb-dd*) — multi-select with checks ===== */
.vbar-filters{display:flex;flex-wrap:wrap;gap:7px;align-items:flex-start}
.vb-dd{position:relative;display:inline-block}
.vb-ddbtn{font:inherit;font-size:11.5px;color:var(--ink2);background:var(--card);border:1px solid var(--line);border-radius:20px;padding:5px 11px;cursor:pointer;white-space:nowrap;transition:.15s}
.vb-ddbtn:hover{color:var(--ink)}
.vb-ddbtn.on{color:var(--ink);border-color:color-mix(in srgb,var(--accent) 55%,var(--line));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 30%,transparent)}
.vb-cv{font-size:9px;opacity:.6;margin-left:2px}
.vb-ddmenu{position:absolute;top:calc(100% + 5px);left:0;z-index:40;min-width:170px;max-height:280px;overflow:auto;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:5px;box-shadow:0 12px 32px rgba(0,0,0,.4);display:flex;flex-direction:column;gap:2px;backdrop-filter:blur(8px)}
.vb-ddopt{display:flex;align-items:center;gap:8px;font:inherit;font-size:12.5px;color:var(--ink2);background:none;border:0;border-radius:8px;padding:7px 9px;cursor:pointer;text-align:left;white-space:nowrap}
.vb-ddopt:hover{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--ink)}
.vb-ddopt.on{color:var(--ink)}
.vb-ck{width:14px;flex:none;display:inline-block;color:var(--accent);font-size:12px}

/* ===== Department wellbeing pulse (.wb-*) — soft ramp, never alarm-red ===== */
.wb-card{border:1px solid var(--line);background:var(--card);border-radius:14px;padding:14px 15px}
.wb-copy{font-size:12.5px;color:var(--ink2);line-height:1.45}
.wb-orbs{display:flex;gap:10px;margin:13px 0 4px;flex-wrap:wrap}
.wb-orb{flex:1;min-width:62px;display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:0;cursor:pointer;color:var(--ink3);font:inherit;font-size:10.5px;transition:.15s}
.wb-orb .wb-dot{width:26px;height:26px;border-radius:50%;background:var(--wb);opacity:.42;transition:.15s}
.wb-orb:hover .wb-dot{opacity:.8}
.wb-orb.on .wb-dot{opacity:1;box-shadow:0 0 0 3px color-mix(in srgb,var(--wb) 30%,transparent)}
.wb-orb.on{color:var(--ink)}
.wb-agg{display:flex;align-items:center;gap:10px;margin-top:11px;flex-wrap:wrap}
.wb-num{font-family:'Italiana',serif;font-size:26px;line-height:1}
.wb-spark{width:200px;height:32px;flex:none;opacity:.85}
@media (prefers-reduced-motion:reduce){.wb-orb,.wb-orb .wb-dot{transition:none}}

/* deliverable 5-state ladder — full-width segmented control (fits the drawer) */
.dvstate-seg{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;background:var(--card);border:1px solid var(--line);border-radius:11px;padding:3px}
.dvstate-seg button{font:inherit;font-size:10.5px;color:var(--ink3);background:none;border:0;border-radius:8px;padding:7px 2px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:.15s}
.dvstate-seg button:hover{color:var(--ink)}
.dvstate-seg button.on{background:color-mix(in srgb,var(--accent) 24%,transparent);color:var(--ink);font-weight:600}
@media (prefers-reduced-motion:reduce){.dvstate-seg button{transition:none}}

/* ===== Team Calendar (month grid) ===== */
.cal-dows{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin:4px 0}
.cal-dows span{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3);text-align:center}
.cal-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.cal-cell{min-height:76px;background:var(--card);border:1px solid var(--line);border-radius:9px;padding:5px 5px 3px;overflow:hidden}
.cal-empty{background:none;border:0}
.cal-today{box-shadow:inset 0 0 0 1.5px var(--accent)}
.cal-dnum{font-size:11px;color:var(--ink3);margin-bottom:3px}
.cal-today .cal-dnum{color:var(--accent);font-weight:600}
.cal-ev{font-size:10px;color:var(--ink);background:color-mix(in srgb,var(--ink) 7%,transparent);border-radius:5px;padding:2px 5px;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}
.cal-more{font-size:9.5px;color:var(--ink3)}
@media(max-width:560px){.cal-cell{min-height:54px}.cal-ev{font-size:9px;padding:1px 3px}}

/* ===== Docs + Discussions ===== */
.doc-title{width:100%;background:transparent;border:0;border-bottom:1px solid var(--line);color:var(--ink);font-family:'Italiana',serif;font-size:24px;padding:6px 0;margin-bottom:10px}
.doc-title:focus{outline:none;border-bottom-color:var(--accent)}
.doc-body{width:100%;min-height:280px;background:var(--card);border:1px solid var(--line);border-radius:12px;color:var(--ink);font:inherit;font-size:13.5px;line-height:1.6;padding:13px 14px;resize:vertical}
.doc-body:focus{outline:none;border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}
.dm{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 13px;margin-bottom:8px}
.dm-h{font-size:12.5px;color:var(--ink);font-weight:600;margin-bottom:3px}
.dm-b{font-size:13px;color:var(--ink2);line-height:1.5}
/* v1.19 Growth — experiment drawer fields */
.exp-in{width:100%;background:transparent;border:1px solid var(--line);border-radius:8px;color:var(--ink);font:inherit;font-size:12.5px;padding:7px 9px}
.exp-in:focus{outline:0;border-color:var(--accent)}
textarea.exp-in{resize:vertical;line-height:1.45}
.exp-seg{display:flex;gap:4px;flex-wrap:wrap}
.exp-seg button{flex:1;min-width:54px;border:1px solid var(--line);background:transparent;color:var(--ink2);font:inherit;font-size:11.5px;font-weight:600;padding:6px 4px;border-radius:8px;cursor:pointer;transition:.12s}
.exp-seg button:hover:not(:disabled){border-color:var(--accent)}
.exp-seg button.on{background:var(--accent);color:#fff;border-color:var(--accent)}
.exp-seg button:disabled{opacity:.65;cursor:default}
/* Growth Engine — boards + weighted-element drawer */
.gcols{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.gcol{background:rgba(255,255,255,.02);border:1px solid var(--line);border-radius:14px;padding:10px;min-height:200px;transition:.15s}
.gcol.drop-over{background:color-mix(in srgb,var(--accent) 14%,transparent);border-color:var(--accent)}
.gcol-h{font-size:11.5px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--ink2);display:flex;justify-content:space-between;padding:6px 6px 10px}
.gcnt{background:rgba(255,255,255,.06);color:var(--ink3);border-radius:999px;padding:1px 8px;font-size:11px}
.gcard{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:11px 12px;margin-bottom:9px;box-shadow:0 4px 12px rgba(0,0,0,.25);transition:.12s}
.gcard:hover{transform:translateY(-1px)}
.gcard.dragging{opacity:.45}
.gcard-top{display:flex;justify-content:space-between;align-items:flex-start}
.gcard-grp{font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;margin-bottom:5px}
.gcard-ti{font-size:13.5px;font-weight:600;line-height:1.3;color:var(--ink);cursor:pointer;margin:1px 0 7px}
.gcard-pr{display:flex;align-items:center;gap:8px}
.gbar2{flex:1;height:6px;background:rgba(255,255,255,.07);border-radius:999px;overflow:hidden}
.gbar2 i{display:block;height:100%;border-radius:999px;background:var(--accent)}
.gpct{font-size:13px;color:var(--ink);min-width:32px;text-align:right}
.gcalc{font-size:10px;color:var(--ink3);margin-top:5px}
.gtoggle{width:32px;height:18px;border-radius:999px;background:rgba(255,255,255,.16);position:relative;cursor:pointer;flex:none;transition:.15s}
.gtoggle.on{background:var(--accent)}
.gtoggle i{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;transition:.15s}
.gtoggle.on i{left:16px}
.gadd{width:100%;border:1px dashed var(--line);background:transparent;color:var(--ink3);font:inherit;font-size:12px;padding:7px;border-radius:9px;cursor:pointer;margin-top:2px}
.gadd:hover{border-color:var(--accent);color:var(--accent)}
.gdash{display:grid;grid-template-columns:1.3fr 1fr;gap:16px}
.panel2{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px}
.gladder{display:flex;flex-direction:column;gap:6px}
.grung{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--ink3);font-weight:500}
.grung .gpip{width:10px;height:10px;border-radius:50%;border:2px solid var(--line)}
.grung.done .gpip{background:var(--accent);border-color:var(--accent)}
.grung.cur{color:var(--ink)}
.gformula{margin-top:14px;background:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.gf-lab{font-size:10.5px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--accent);margin-bottom:5px}
.gformula code{font-size:12.5px;color:var(--ink);font-family:ui-monospace,Menlo,Consolas,monospace}
.gf-big{display:flex;align-items:baseline;gap:10px;margin-top:8px}
.gf-big b{font-family:Italiana,serif;font-size:32px;color:var(--accent)}
.gf-big span{font-size:12px;color:var(--ink2)}
.gelhdr{display:flex;justify-content:space-between;align-items:center;margin:16px 0 10px}
.gwsum{font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:999px}
.gwsum.ok{background:rgba(95,186,132,.18);color:#9fdcb4}.gwsum.warn{background:rgba(230,179,76,.18);color:#f1d089}
.gel{border:1px solid var(--line);border-radius:12px;padding:11px 12px;margin-bottom:9px}
.gel-n{font-size:13px;font-weight:600;color:var(--ink);margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}
.gstep{display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:8px;margin-bottom:5px}
.gmini{height:5px;background:rgba(255,255,255,.07);border-radius:999px;overflow:hidden}
.gmini i{display:block;height:100%;background:var(--accent)}
.gctl{display:flex;align-items:center;gap:6px}
.gctl button{width:23px;height:23px;border:1px solid var(--line);background:transparent;border-radius:7px;cursor:pointer;font-weight:700;color:var(--ink2);font-size:13px}
.gctl button:hover{border-color:var(--accent);color:var(--accent)}
.gctl b{min-width:40px;text-align:center;font-size:12.5px;color:var(--ink)}
.gel-c{font-size:11px;color:var(--ink3);margin-top:4px;text-align:right}
@media(max-width:880px){.gcols{grid-template-columns:1fr}.gdash{grid-template-columns:1fr}}
/* Processes — sub-tabs + task-group columns + cards */
/* Process verticals = major heads */
.proc-verts{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 14px}
.proc-vhead{border:1px solid var(--line);background:transparent;font:inherit;font-weight:600;font-size:12.5px;color:var(--ink2);padding:7px 12px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:.14s}
.proc-vhead:hover{color:var(--ink);border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}
.proc-vhead.on{color:var(--ink);border-color:color-mix(in srgb,var(--accent) 60%,var(--line));background:color-mix(in srgb,var(--accent) 12%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 30%,transparent)}
.pv-c{font-size:11px;font-weight:700;color:var(--ink3);background:rgba(255,255,255,.06);border-radius:999px;padding:1px 7px;min-width:16px;text-align:center}
.proc-vhead.on .pv-c{color:var(--accent)}
/* Process filter bar */
.proc-filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:0 0 14px}
.proc-search{flex:1;min-width:180px;max-width:320px;background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:10px;color:var(--ink);font:inherit;font-size:13px;padding:8px 12px}
.proc-search:focus{outline:none;border-color:var(--accent)}
.proc-search::placeholder{color:var(--ink3)}
.proc-fseg{display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.proc-fb{border:0;background:transparent;font:inherit;font-size:12.5px;font-weight:600;color:var(--ink2);padding:7px 14px;cursor:pointer;border-right:1px solid var(--line)}
.proc-fb:last-child{border-right:0}
.proc-fb:hover{color:var(--ink)}
.proc-fb.on{color:var(--ink);background:color-mix(in srgb,var(--accent) 18%,transparent)}
.pt-v{display:block;font-size:9.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3);margin-bottom:1px}
.proc-tab.on .pt-v{color:var(--accent)}
.proc-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px;border-bottom:1px solid var(--line)}
.proc-tab{border:0;background:transparent;font:inherit;font-weight:600;font-size:13.5px;color:var(--ink2);padding:8px 14px;border-radius:9px 9px 0 0;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}
.proc-tab:hover{color:var(--ink)}
.proc-tab.on{color:var(--ink);border-bottom-color:var(--accent)}
.proc-tabadd{font-size:16px;color:var(--ink3);padding:6px 12px}
.proc-cols{display:flex;gap:14px;overflow-x:auto;padding-bottom:8px;align-items:flex-start}
.proc-col{min-width:262px;flex:1;background:rgba(255,255,255,.02);border:1px solid var(--line);border-radius:14px;padding:12px;transition:.15s}
.proc-col.drop-over{background:color-mix(in srgb,var(--accent) 14%,transparent);border-color:var(--accent)}
.proc-col-h{font-size:13px;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:8px;padding:4px 4px 10px}
.proc-dot{width:9px;height:9px;border-radius:50%;background:var(--accent)}
.proc-col-h .gcnt{margin-left:auto}
.proc-addtask{width:100%;border:1px dashed var(--line);background:transparent;color:var(--ink3);font:inherit;font-size:12px;padding:8px;border-radius:9px;cursor:pointer;margin-bottom:10px}
.proc-addtask:hover{border-color:var(--accent);color:var(--accent)}
.proc-coladd{min-width:200px;border:1px dashed var(--line);background:transparent;color:var(--ink3);font-size:13px;padding:14px;border-radius:14px;cursor:pointer;text-align:center;align-self:flex-start}
.proc-coladd:hover{border-color:var(--accent);color:var(--accent)}
.proc-card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 13px;margin-bottom:10px;box-shadow:0 3px 10px rgba(0,0,0,.22);transition:.12s}
.proc-card:hover{transform:translateY(-1px)}
.proc-card.dragging{opacity:.45}
.proc-card-top{display:flex;align-items:flex-start;gap:9px}
.proc-check{width:18px;height:18px;border-radius:50%;border:2px solid var(--line);flex:none;cursor:pointer;margin-top:1px;transition:.12s;position:relative}
.proc-check.on{background:var(--accent);border-color:var(--accent)}
.proc-check.on::after{content:"";position:absolute;left:5px;top:1px;width:4px;height:9px;border:solid #0a0b0d;border-width:0 2px 2px 0;transform:rotate(45deg)}
.proc-card-ti{font-size:14px;font-weight:600;color:var(--ink);line-height:1.3;cursor:pointer}
.proc-card-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;padding-left:27px}
.proc-mchip{font-size:11px;color:var(--ink2);background:rgba(255,255,255,.05);border-radius:6px;padding:2px 7px}
.proc-ref{font-size:11px;color:var(--ink3);background:rgba(255,255,255,.05);border-radius:6px;padding:2px 7px;font-weight:600}
.proc-clbar{display:flex;align-items:center;gap:8px;margin-top:9px;padding-left:27px}
.proc-clpct{font-size:11px;color:var(--ink3);white-space:nowrap}