/* Team workspace content styles — scoped for embedding in personal /app shell */
#screen.team-workspace .team-page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:26px}
#screen.team-workspace .team-page-head h1{font-size:var(--t-xl);line-height:1.15;margin:0}
#screen.team-workspace .team-page-head p{margin:8px 0 0;color:var(--ink-2)}
#screen.team-workspace .snapshot{font-variant-numeric:tabular-nums;color:var(--ink-3);font-size:var(--t-xs)}
#screen.team-workspace .team-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}
#screen.team-workspace .card{grid-column:span 4;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:20px;box-shadow:0 1px 2px rgb(31 36 51 / .025)}
#screen.team-workspace .card.wide{grid-column:span 8}
#screen.team-workspace .card.full{grid-column:1/-1}
#screen.team-workspace .card h2,#screen.team-workspace .card h3{margin:0}
#screen.team-workspace .card-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
#screen.team-workspace .metric{font-size:var(--t-num);font-weight:750;font-variant-numeric:tabular-nums}
#screen.team-workspace .metric-label{font-size:var(--t-xs);color:var(--ink-3);margin-top:6px}
#screen.team-workspace .metric.open{border-top:3px solid var(--brand-blue)}
#screen.team-workspace .metric.exposure{border-top:3px solid var(--brand-yellow)}
#screen.team-workspace .metric.block{border-top:3px solid var(--brand-red)}
#screen.team-workspace .funnel-wrap{display:grid;grid-template-columns:minmax(260px,1fr) minmax(180px,.55fr);gap:24px}
#screen.team-workspace .funnel{display:flex;flex-direction:column;align-items:center;gap:5px}
#screen.team-workspace .funnel-stage{width:var(--stage-width);min-height:52px;border:0;clip-path:polygon(4% 0,96% 0,100% 100%,0 100%);background:rgb(36 80 190);color:white;display:flex;justify-content:space-between;align-items:center;padding:0 max(16px,7%);cursor:pointer}
#screen.team-workspace .losses{border-left:1px solid var(--line);padding-left:22px;display:grid;gap:10px}
#screen.team-workspace .loss-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line);color:var(--ink-2)}
#screen.team-workspace .list{display:grid;gap:10px}
#screen.team-workspace .list-row{display:grid;grid-template-columns:minmax(120px,1.3fr) repeat(3,minmax(90px,.7fr));align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}
#screen.team-workspace .pill{display:inline-flex;padding:4px 9px;border-radius:var(--r-pill);background:var(--teal-bg);color:var(--teal-deep);font-size:var(--t-xs)}
#screen.team-workspace .pill.warn{background:var(--amber-bg);color:var(--amber-deep)}
#screen.team-workspace .pill.stop{background:var(--shield-bg);color:var(--danger)}
#screen.team-workspace .btn{border:1px solid var(--line);background:var(--surface);padding:9px 13px;border-radius:var(--r-sm);cursor:pointer}
#screen.team-workspace .btn.primary{background:var(--brand-blue);border-color:var(--brand-blue);color:white}
#screen.team-workspace .btn.danger{color:var(--danger);border-color:var(--shield)}
#screen.team-workspace .state{padding:28px;border:1px dashed var(--line);border-radius:var(--r);text-align:center;color:var(--ink-2)}
#screen.team-workspace .state[data-state="error"]{background:var(--shield-bg);color:var(--danger)}
#screen.team-workspace .field{display:grid;gap:7px;margin:16px 0}
#screen.team-workspace .field input,#screen.team-workspace .field select{border:1px solid var(--line);border-radius:var(--r-sm);padding:12px}
#screen.team-workspace .actions{display:flex;gap:10px;flex-wrap:wrap}
#screen.team-workspace .shadow-preview{margin:4px 0 14px;padding:12px 14px;border:1px solid var(--amber-line);background:var(--amber-bg);border-radius:var(--r);color:var(--amber-deep);font-size:var(--t-xs)}
.team-drawer{position:fixed;right:0;top:0;bottom:0;width:min(520px,100vw);background:white;box-shadow:-20px 0 60px rgb(31 36 51 / .15);z-index:var(--z-sheet);padding:28px;overflow:auto}
.team-drawer[hidden]{display:none}
.team-drawer .drawer-head{display:flex;justify-content:space-between;align-items:center}
.team-drawer .drawer-close{border:0;background:var(--paper);width:36px;height:36px;border-radius:50%;cursor:pointer}
@media(max-width:768px){#screen.team-workspace .team-grid{display:block}#screen.team-workspace .card{margin-bottom:14px}#screen.team-workspace .list-row{grid-template-columns:1fr 1fr}}