@import url('./membership-usage.css');
body.workspace-mode { height:100dvh; overflow:hidden; display:block; }
.workspace-mode > .auth-layout,.workspace-mode > .site-header,.workspace-mode > .site-footer,.workspace-mode > .setup-notice { display:none; }
#live-workspace { display:grid; grid-template-columns:252px minmax(0,1fr);grid-template-rows:76px minmax(0,1fr);height:100dvh; background:var(--bg); }
.ws-side { grid-row:1/-1; background:var(--panel);border-right:1px solid var(--line);padding:var(--space-6) var(--space-3);overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column; }
.ws-brand { display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-3) var(--space-6);color:var(--text);text-decoration:none;border-bottom:1px solid var(--line);margin-bottom:var(--space-4); }
.ws-brand svg { width:32px;height:32px;color:var(--accent); }
.ws-brand b { display:block;font-size:1.125rem;letter-spacing:-.6px; }
.ws-brand small { display:block;font-size:var(--text-xs);white-space:nowrap; }
.ws-nav button { width:100%;display:flex;align-items:center;gap:var(--space-3);min-height:44px;padding:var(--space-2) var(--space-3);margin-bottom:var(--space-1);background:none;border:1px solid transparent;border-radius:8px;text-align:left;font-size:var(--text-sm);color:var(--muted); }
.ws-nav button.on,.ws-nav button:hover { background:var(--soft);color:var(--accent); }
.ws-nav button.on { border-color:var(--line); }
.ws-nav button svg { width:18px;height:18px; }
.ws-nav button small { font-size:var(--text-xs);margin-left:auto; }
.ws-nav-label { font-size:var(--text-xs);letter-spacing:1px;color:var(--muted);padding:var(--space-5) var(--space-3) var(--space-3); }
.ws-user { display:flex;gap:var(--space-3);align-items:center;border-top:1px solid var(--line);padding:var(--space-5) var(--space-2) var(--space-2);margin-top:auto; }
.ws-user div { min-width:0; }
.ws-user b { display:block;font-size:var(--text-sm); }
.ws-user-email { display:block;font-size:var(--text-xs);overflow-wrap:anywhere;color:var(--muted); }
.ws-avatar { color:var(--accent); }
.ws-signout { min-height:44px;display:flex;align-items:center;gap:var(--space-3);background:none;border:0;color:var(--muted);padding:var(--space-2);font-size:var(--text-sm); }
.ws-help { padding:var(--space-2);font-size:var(--text-xs);min-height:44px; }
.ws-top { grid-column:2;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:0 var(--space-8);background:var(--panel);border-bottom:1px solid var(--line); }
.ws-top > span { font-size:var(--text-xs);color:var(--muted);letter-spacing:.6px; }
.ws-top > span span { padding-inline:var(--space-3); }
.ws-main { overflow-y:auto;overscroll-behavior:contain;outline:none; }
.ws-wrap { padding:var(--space-6) var(--space-8);max-width:1440px;margin-inline:auto; }
.ws-beta { font-size:var(--text-xs);color:var(--accent);margin-bottom:var(--space-6); }
.ws-beta span { color:var(--muted);margin-left:var(--space-3); }
.ws-heading { display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);margin-bottom:var(--space-6); }
.ws-heading h1 { font-size:var(--text-xl);overflow-wrap:anywhere; }
.ws-heading .eyebrow { margin-bottom:var(--space-2); }
.ws-muted { color:var(--muted);font-size:var(--text-sm); }
.md-excerpt { white-space:pre-wrap;overflow-wrap:anywhere;margin-block:var(--space-4); }
#md-list h2,#md-list p { overflow-wrap:anywhere; }
#md-status { margin-block:var(--space-4); }
.ws-primary,.ws-secondary,.ws-text-button { display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding:var(--space-3) var(--space-4);border:1px solid var(--line);border-radius:7px;font-size:var(--text-sm);font-weight:700;line-height:1.4; }
.ws-primary { background:var(--accent);color:var(--button-text);border-color:var(--accent); }
.ws-secondary { background:var(--panel);color:var(--text); }
.ws-text-button { background:none;border-color:transparent;color:var(--accent); }
.ws-primary:hover { filter:brightness(.94); }
.ws-secondary:hover,.ws-text-button:hover { background:var(--soft); }
.ws-primary:disabled,.ws-secondary:disabled { opacity:.5;cursor:not-allowed; }
.ws-heading > button { flex-shrink:0; }
.ws-stats { display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);margin-bottom:var(--space-8); }
.ws-stats > div { background:var(--soft);padding:var(--space-5);border-radius:8px; }
.ws-stats b { font-size:var(--text-xl);font-variant-numeric:tabular-nums;display:block;letter-spacing:-.6px; }
.ws-stats span { font-size:var(--text-xs);color:var(--muted); }
.ws-section-heading { display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3); }
.ws-content h2,.ws-dialog h2 { font-size:1.125rem;line-height:1.4;letter-spacing:-.3px; }
.ws-search { margin-bottom:var(--space-5);max-width:520px; }
.ws-search > div { display:flex;gap:var(--space-2);align-items:center; }
.ws-search input { margin:var(--space-2) 0;min-width:0; }
.ws-case-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4); }
.ws-case { text-align:left;display:flex;align-items:flex-start;flex-direction:column;gap:var(--space-2);padding:var(--space-5);background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:10px;min-width:0; }
.ws-case:hover { border-color:var(--accent); }
.ws-case-top { display:flex;gap:var(--space-2);font-size:var(--text-sm);overflow-wrap:anywhere; }
.ws-case-top svg { width:18px;height:18px;flex-shrink:0; }
.ws-pill { font-size:var(--text-xs);background:var(--soft);color:var(--accent);padding:var(--space-1) var(--space-2);border-radius:4px; }
.ws-case-amount { font-size:var(--text-xl);font-weight:700;letter-spacing:-.6px;overflow-wrap:anywhere;max-width:100%;font-variant-numeric:tabular-nums; }
.ws-case .ws-muted,.ws-case-creditor { font-size:var(--text-xs);overflow-wrap:anywhere; }
.ws-case-creditor { margin-bottom:var(--space-3); }
.ws-case-bottom { border-top:1px solid var(--line);padding-top:var(--space-3);margin-top:auto;width:100%;font-size:var(--text-xs);color:var(--muted); }
.ws-case-bottom > span { display:flex;justify-content:space-between;align-items:center;color:var(--accent);margin-top:var(--space-2);font-weight:700; }
.ws-empty { padding:var(--space-12) var(--space-6);border:1px solid var(--line);border-radius:10px;background:var(--panel);text-align:center; }
.ws-empty > svg { width:32px;height:32px;color:var(--accent);margin-bottom:var(--space-4); }
.ws-empty h2 { margin-bottom:var(--space-2); }
.ws-empty p { max-width:44ch;margin:0 auto var(--space-5);font-size:var(--text-sm);color:var(--muted); }
.ws-next { margin-top:var(--space-6);padding:var(--space-5);border-radius:8px;background:var(--panel);border:1px solid var(--line); }
.ws-next > div { display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);color:var(--accent); }
.ws-next p { font-size:var(--text-sm);color:var(--muted);max-width:80ch; }
.ws-footnote { font-size:var(--text-xs);color:var(--muted);margin-top:var(--space-6); }
.ws-loading { background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:var(--space-12);color:var(--muted); }
.ws-live-status { background:var(--soft);border:1px solid var(--line);padding:var(--space-4);margin-bottom:var(--space-5);border-radius:8px;font-size:var(--text-sm); }
.ws-live-status.ws-error { background:var(--error-bg);color:var(--error); }
.ws-pagination { display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-top:var(--space-6);font-size:var(--text-sm); }
.ws-detail-summary { display:grid;grid-template-columns:repeat(3,1fr);background:var(--soft);padding:var(--space-5);gap:var(--space-6);border-radius:8px;margin-bottom:var(--space-8); }
.ws-detail-summary span { display:block;color:var(--muted);font-size:var(--text-xs); }
.ws-detail-summary b { font-size:var(--text-base);overflow-wrap:anywhere; }
:root { --record-green:#317455;--record-badge-bg:#e6f3eb;--record-badge-text:#275b42;--record-blue-bg:#eaf2fa;--record-blue-text:#285879;--record-blue-line:#bdd1e2;--record-draft-bg:#faf3e5;--record-draft-line:#dfcfac; }
[data-theme="dark"] { --record-green:#82b994;--record-badge-bg:#253f31;--record-badge-text:#b9dfc5;--record-blue-bg:#223541;--record-blue-text:#b5d6ee;--record-blue-line:#476579;--record-draft-bg:#302b20;--record-draft-line:#665837; }
.ws-notes-layout { display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:var(--space-8);align-items:start; }
.ws-notes-layout > section { min-width:0; }
.ws-note-compose { background:var(--record-draft-bg);border:1px solid var(--record-draft-line);padding:var(--space-6);border-radius:10px; }
.ws-note-compose h2 { margin-bottom:var(--space-2); }
.ws-compose-label { display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:700;letter-spacing:.7px;color:var(--warm-text);margin-bottom:var(--space-3); }
.ws-compose-label svg { width:15px;height:15px; }
.ws-compose-intro { color:var(--muted);font-size:var(--text-sm);margin-bottom:var(--space-5); }
.ws-note-compose label { font-size:var(--text-sm); }
.ws-note-compose textarea { display:block;width:100%;font:inherit;resize:vertical;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:7px;padding:var(--space-3);margin-top:var(--space-2); }
.ws-note-compose .ws-primary { margin-top:var(--space-4);width:100%; }
.ws-timeline { margin-top:var(--space-5); }
.ws-note { padding:var(--space-4) 0;border-top:1px solid var(--line); }
.ws-note time { font-size:var(--text-xs);color:var(--muted); }
.ws-note p { margin-top:var(--space-2);white-space:pre-wrap;overflow-wrap:anywhere;font-size:var(--text-sm); }
.ws-timeline .ws-record { padding:0;margin-bottom:var(--space-4);border:1px solid var(--line);border-left:3px solid var(--record-green);border-radius:10px;background:var(--panel);overflow:hidden; }
.ws-record-head { padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--line); }
.ws-record-top { display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-2); }
.ws-record-kind { display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:700;color:var(--muted); }
.ws-record-kind svg { width:16px;height:16px; }
.ws-record-badge { background:var(--record-badge-bg);color:var(--record-badge-text);font-size:var(--text-xs);font-weight:700;padding:2px 9px;border-radius:5px; }
.ws-record-head h3 { font-size:var(--text-base);line-height:1.4;overflow-wrap:anywhere;margin-bottom:var(--space-1); }
.ws-record-letter .ws-record-head { background:var(--record-blue-bg);border-bottom-color:var(--record-blue-line); }
.ws-record-letter .ws-record-kind { color:var(--record-blue-text); }
.ws-record-content { padding:var(--space-4) var(--space-5); }
.ws-record .ws-record-notice { margin:0 0 var(--space-2);font-size:var(--text-xs);color:var(--record-badge-text);font-weight:700; }
.ws-record .ws-record-source { color:var(--muted);font-size:var(--text-xs);margin:0 0 var(--space-4); }
.ws-record-source strong { font-weight:500; }
.ws-record-details summary { list-style:none;cursor:pointer;border-radius:4px; }
.ws-record-details summary::-webkit-details-marker { display:none; }
.ws-record-preview { display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere;font-size:var(--text-sm);line-height:1.65; }
.ws-record-toggle { display:flex;align-items:center;gap:var(--space-2);min-height:44px;margin-top:var(--space-2);color:var(--accent);font-size:var(--text-sm);font-weight:700; }
.ws-record-toggle svg { width:16px;height:16px; }
.ws-record-details summary:hover .ws-record-toggle { text-decoration:underline;text-underline-offset:4px; }
.ws-record-close,.ws-record-details[open] .ws-record-open,.ws-record-details[open] .ws-record-preview { display:none; }
.ws-record-details[open] .ws-record-close { display:inline; }
.ws-record-details[open] .ws-record-toggle svg { transform:rotate(180deg); }
.ws-record-full { border-top:1px solid var(--line);padding-top:var(--space-4);white-space:pre-wrap;overflow-wrap:anywhere;font-size:var(--text-sm);line-height:1.8; }
.ws-record .ws-record-text { margin:0; }
.ws-record-content > .ws-text-button { margin-left:calc(-1 * var(--space-4)); }
.md-guidance { padding:var(--space-4) var(--space-5);background:var(--record-draft-bg);border:1px solid var(--record-draft-line);border-radius:8px;font-size:var(--text-sm);color:var(--muted); }
#md-list { display:grid;gap:var(--space-4); }
.md-card { background:var(--panel);border:1px solid var(--record-draft-line);border-radius:10px;overflow:hidden;min-width:0; }
.md-card-head { background:var(--record-draft-bg);padding:var(--space-5);border-bottom:1px solid var(--record-draft-line); }
.md-card-top { display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3);font-size:var(--text-xs); }
.md-kind { font-weight:700;color:var(--warm-text); }
.md-state { flex-shrink:0;font-weight:700;color:var(--warm-text);background:var(--warm);border:1px solid var(--record-draft-line);border-radius:5px;padding:2px 9px; }
.md-card-head h2 { margin-bottom:var(--space-2); }
.md-card-head time { color:var(--muted);font-size:var(--text-xs); }
.md-card-content { padding:var(--space-5); }
.md-case-name { font-size:var(--text-sm);font-weight:700; }
.md-case-detail,.md-not-sent { font-size:var(--text-xs);color:var(--muted);margin-top:var(--space-1); }
.md-card .md-excerpt { font-size:var(--text-sm);line-height:1.7;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden; }
.md-card-actions { display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--line); }
.md-card-actions [data-delete] { margin-left:auto; }
@media(max-width:480px){.md-card-head,.md-card-content{padding:var(--space-4)}.md-card-actions{gap:var(--space-2)}.md-card-actions button{flex:1}.md-card-top{align-items:flex-start}}
.ws-no-notes { padding:var(--space-6);background:var(--panel);border:1px solid var(--line);border-radius:8px;color:var(--muted);font-size:var(--text-sm); }
.ws-dialog { width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain;margin:auto;padding:var(--space-6);border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text); }
.ws-dialog::backdrop { background:#15251dcc; }
.ws-dialog-heading { display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3); }
.ws-dialog form { margin-top:var(--space-5); }
.ws-dialog label { margin-top:var(--space-4); }
.ws-dialog label span { font-weight:400;color:var(--muted);font-size:var(--text-xs); }
.ws-dialog select { width:100%;min-height:48px;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:7px;margin-top:var(--space-2);padding:var(--space-3);font:inherit; }
.ws-form-grid { display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4); }
.ws-dialog-actions { display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6); }
.ws-form-error { color:var(--error);font-size:var(--text-sm);margin-top:var(--space-3); }
.ws-menu { display:none; }
@media (max-width:1150px){.ws-case-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.ws-heading{align-items:flex-start;flex-direction:column;}.ws-notes-layout{grid-template-columns:1fr;}}
@media (max-width:760px){
  #live-workspace{grid-template-columns:1fr;grid-template-rows:64px minmax(0,1fr);}
  .ws-side{position:fixed;inset:0 auto 0 0;width:260px;z-index:40;transform:translateX(-100%);}
  .ws-menu-open .ws-side{transform:translateX(0);}
  .ws-scrim{position:fixed;inset:0;background:#15251d88;z-index:30;}
  .ws-top{grid-column:1;padding-inline:var(--space-4);gap:var(--space-2);}
  .ws-top>span{font-size:var(--text-xs);letter-spacing:0;}
  .ws-top>span span{padding-inline:var(--space-1);}
  .ws-menu{display:grid;}
  .ws-wrap{padding:var(--space-5) var(--space-4);}
  .ws-beta span{display:block;margin:var(--space-1) 0 0;}
  .ws-stats{grid-template-columns:1fr;gap:var(--space-2);margin-bottom:var(--space-6);}
  .ws-stats>div{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);}
  .ws-stats b{font-size:var(--text-base);}
  .ws-stats span{text-align:right;}
  .ws-case-grid{grid-template-columns:1fr;}
  .ws-detail-summary{grid-template-columns:1fr;gap:var(--space-4);}
  .ws-detail-summary>div{display:flex;justify-content:space-between;gap:var(--space-4);}
  .ws-form-grid{grid-template-columns:1fr;gap:0;}
  .ws-dialog-actions{flex-direction:column-reverse;}
  .ws-dialog-actions button{width:100%;}
}