/* Generated by tools/sync_public_hub_ui.mjs from database-worker/public/lawyer.html (its inline <style> block). Do not edit. */
.hub-lawyer * { box-sizing:border-box; }
.hub-lawyer header { padding:14px 22px; border-bottom:2px solid var(--border-strong);
           display:flex; align-items:center; gap:14px; flex-wrap:wrap; justify-content:space-between; }
.hub-lawyer header .id h1 { font-size:19px; margin:0; }
.hub-lawyer header .sub { color:var(--muted); font-size:12.5px; margin-top:2px; }
.hub-lawyer section { background:var(--panel); border:1px solid var(--border); border-radius:8px;
            padding:16px 18px; margin-bottom:16px; }
.hub-lawyer section[hidden] { display:none; }
.hub-lawyer h2 { font-size:13px; text-transform:uppercase; letter-spacing:1.2px; color:var(--gold); margin:0 0 12px; }
.hub-lawyer p { margin:0 0 8px; }
.hub-lawyer .hint { color:var(--faint); font-size:11.5px; }
.hub-lawyer a { color:var(--gold); }
.hub-lawyer .ov-top { display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin-bottom:8px; }
.hub-lawyer .badge { font-size:11px; padding:1px 8px; border-radius:9px; border:1px solid var(--border-strong);
           color:var(--muted); white-space:nowrap; }
.hub-lawyer .facts { display:grid; grid-template-columns:auto 1fr; gap:4px 14px; font-size:12.5px; margin-top:10px; }
.hub-lawyer .facts dt { color:var(--faint); }
.hub-lawyer .facts dd { margin:0; color:var(--text); }
.hub-lawyer .rows { list-style:none; margin:0; padding:0; }
.hub-lawyer .rows li { display:flex; gap:12px; align-items:baseline; padding:9px 0; border-bottom:1px solid var(--border); }
.hub-lawyer .rows li:first-child { padding-top:0; }
.hub-lawyer .rows .when { flex-shrink:0; width:72px; color:var(--faint); font-size:12px; font-variant-numeric:tabular-nums; }
.hub-lawyer .rows .what { min-width:0; }
.hub-lawyer .rows .what a { color:var(--text); font-weight:600; text-decoration:none; border-bottom:1px dotted var(--muted);
                  display:inline-flex; align-items:center; min-height:24px; }
.hub-lawyer .rows .what a:hover { color:var(--gold); }
.hub-lawyer .rows .sub { color:var(--muted); font-size:12px; }
.hub-lawyer .tag { display:inline-block; font-size:10.5px; padding:1px 8px; border-radius:999px; margin-left:6px;
         border:1px solid var(--border-strong); color:var(--muted); white-space:nowrap; }
.hub-lawyer .chiplist { list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:6px; }
.hub-lawyer .chiplist li > a,
.hub-lawyer .chiplist li > span { display:inline-flex; align-items:center; gap:6px; min-height:24px;
    padding:2px 10px; border:1px solid var(--border-strong); border-radius:999px; font-size:12px;
    color:var(--text); text-decoration:none; }
.hub-lawyer .chiplist li > a:hover { color:var(--gold); border-color:var(--gold); }
.hub-lawyer .chiplist .n { color:var(--muted); font-size:11px; font-variant-numeric:tabular-nums; }
.hub-lawyer .pending-note { margin-top:10px; padding:9px 12px; border-left:3px solid var(--gold);
                  background:var(--panel2); border-radius:0 5px 5px 0; font-size:12.5px; }
.hub-lawyer .filters { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:10px; }
.hub-lawyer .filters button { font:inherit; font-size:12px; padding:3px 11px; min-height:28px; border-radius:999px;
                  border:1px solid var(--border-strong); background:var(--panel2); color:var(--muted);
                  cursor:pointer; }
.hub-lawyer .filters button:hover { color:var(--text); border-color:var(--control-border); }
.hub-lawyer .filters button[aria-pressed="true"] { background:var(--gold-fill); border-color:var(--gold-fill);
                                       color:var(--on-gold); font-weight:600; }
.hub-lawyer .table-scroll { position:relative; overflow-x:auto; border:1px solid var(--border); border-radius:8px; }
.hub-lawyer #casesTable caption { caption-side:top; text-align:left; font-size:var(--text-2xs); color:var(--faint);
                         padding:8px 12px; }
.hub-lawyer #sideMethodBox { margin-top:12px; }
.hub-lawyer #sideMethodBox summary { cursor:pointer; color:var(--gold); font-size:12.5px; }
.hub-lawyer .side-basis { color:var(--faint); font-size:11px; display:block; }
.hub-lawyer .state { color:var(--muted); font-size:13.5px; padding:10px 2px; }
.hub-lawyer .state.error { color:var(--anti-text); display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.hub-lawyer .state.error button { background:var(--panel2); color:var(--text); font:inherit;
                        border:1px solid var(--control-border); border-radius:5px; padding:5px 12px;
                        min-height:24px; cursor:pointer; }
.hub-lawyer .state.error button:hover { border-color:var(--gold); color:var(--gold); }
.hub-lawyer #page[hidden] { display:none; }
.hub-lawyer a:focus-visible,
.hub-lawyer button:focus-visible,
.hub-lawyer [tabindex]:focus-visible {
    outline:2px solid var(--gold); outline-offset:2px; border-radius:3px; }
.hub-lawyer .vh { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden;
        clip:rect(0 0 0 0); white-space:nowrap; border:0; }
.hub-lawyer [hidden] { display:none !important; }
@media (prefers-reduced-motion: reduce) {
.hub-lawyer *,
.hub-lawyer *::before,
.hub-lawyer *::after { animation-duration:.01ms !important;
      animation-iteration-count:1 !important; transition-duration:.01ms !important; }
}