.leave-workspace { color:var(--text); min-width:0; padding:16px; }
.leave-workspace h2 { font-size:22px; margin:0; }
.leave-workspace h3 { font-size:16px; margin:16px 0 10px; }
.leave-workspace .lw-bar { display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-block:12px; }
.leave-workspace .lw-bar h2 { margin-inline-end:auto; }
.leave-workspace button { font:inherit; font-size:13px; padding:8px 12px; border:1px solid var(--border); border-radius:6px; background:var(--surface); color:var(--text); cursor:pointer; min-height:36px; }
.leave-workspace button[aria-selected="true"] { border-color:var(--mint); background:var(--surface2); font-weight:700; }
.leave-workspace button:disabled { opacity:.55; cursor:not-allowed; }
.leave-workspace button:focus-visible,.leave-workspace input:focus-visible,.leave-workspace select:focus-visible,.leave-workspace textarea:focus-visible { outline:2px solid var(--mint); outline-offset:3px; }
.leave-workspace .lw-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr)); gap:12px; }
.leave-workspace .lw-balance { padding:14px; border:1px solid var(--border); border-radius:8px; background:var(--surface); }
.leave-workspace .lw-balance strong { font-size:21px; font-variant-numeric:tabular-nums; }
.leave-workspace .lw-balance p { margin-block:7px; }
.leave-workspace .lw-muted { color:var(--text2); }
.leave-workspace .lw-state { padding:20px 0; color:var(--text2); }
.leave-workspace .lw-table { overflow:auto; max-width:100%; }
.leave-workspace table { width:100%; border-collapse:collapse; font-size:13px; }
.leave-workspace th,.leave-workspace td { padding:10px; text-align:start; border-bottom:1px solid var(--border); overflow-wrap:anywhere; }
.leave-workspace th { color:var(--text2); font-weight:600; }
.leave-workspace .lw-chip { display:inline-block; padding:4px 7px; border:1px solid var(--border); border-radius:4px; font-size:12px; }
.leave-workspace form { max-width:820px; }
.leave-workspace label { display:flex; flex-direction:column; gap:6px; font-size:13px; margin-block:12px; min-width:0; }
.leave-workspace input,.leave-workspace select,.leave-workspace textarea { box-sizing:border-box; width:100%; font:inherit; color:var(--text); background:var(--surface); border:1px solid var(--border); border-radius:5px; padding:9px; min-height:38px; }
.leave-workspace textarea { min-height:90px; resize:vertical; }
.leave-workspace [role="alert"] { color:var(--coral); padding-block:10px; }
.leave-workspace svg { width:16px; height:16px; vertical-align:middle; }
.leave-workspace .lw-section { border-top:1px solid var(--border); margin-block:16px; padding-block:12px; }
@media(max-width:600px) { .leave-workspace { padding:10px; } .leave-workspace .lw-bar { gap:6px; } .leave-workspace th,.leave-workspace td { padding:8px 5px; } }
@media(max-width:600px) {
  .leave-workspace table,.leave-workspace tbody { display:block; }
  .leave-workspace thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
  .leave-workspace tbody tr { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); padding-block:10px; border-bottom:1px solid var(--border); }
  .leave-workspace td { display:block; border:0; }
  .leave-workspace td::before { content:attr(data-label); display:block; margin-bottom:5px; font-size:12px; color:var(--text2); }
}
