/* The case page and its PDF reader, PORTED from the private litigation app (litigation-worker/public/index.html): the same
 * rules, class for class (#caseView, .cv-*, .proc, .dact, table.filings, .fl-*, .tag-pdf, a.dk, .bb-c, #cvDoc and the PDF
 * toolbar .cv-pdf-*), so the public case looks like the private one. The only differences: the hub's own tokens come from
 * tokens.css here (the four the private page adds are declared below), and a few rules that were inline style attributes
 * there are classes here (the public CSP allows no inline style). pdf.js's own stylesheet loads with the reader. */
:root {
  --deep:#0a0a0a;          --deep:light-dark(#ffffff, #0a0a0a);
  --link-hover:#82b2d9;    --link-hover:light-dark(#24486b, #82b2d9);
  --gold-bg:#d4a03c;       /* same value in both themes: one declaration */
  --gold-hover:#e8c27a;    --gold-hover:light-dark(#6e5210, #e8c27a);
}
/* the case view's card (the private page's #caseView, without its display:none: the page is the case) */
#caseView { background: var(--deep); border: 1px solid var(--border); border-radius: 6px; padding: 16px 18px; margin-top: 12px; }
#caseView .hint { margin-top: 8px; }
#caseView .hint-sub { display: block; margin-top: 5px; }
#caseView h1 { margin: 0 0 2px; font-size: 16px; line-height: 1.35; color: var(--text); text-transform: none; letter-spacing: 0; }
#caseView .cv-two > div { flex: 1 1 210px; }
#caseView ul, #caseView ol { padding-left: 18px; }
#caseView .dact { padding-left: 0; }
#caseView a.dk { color: var(--blue); }
.cv-chip { text-decoration: none; }
a.cv-chip:hover { color: var(--text); border-color: var(--gold); }
.cv-docs-link { margin: 6px 0 0; font-size: 12.5px; }
.bb-c { flex:0 0 auto; background:none; border:1px solid var(--border-strong);
        color:var(--faint); border-radius:4px; font-size:11px;
        padding:2px 8px; min-height:24px; }
.bb-c:hover { color:var(--text); border-color:var(--muted); }
.bb-c.done { color:var(--pro); border-color:var(--pro); }
.cv-cite { margin:6px 0 2px; color:var(--muted); font-size:12.5px;
           display:flex; gap:8px; align-items:flex-start; }
/* marks a filing that has a real PDF, so a text-only row is obviously
   text-only rather than looking like a broken viewer */
.tag-pdf { font-size:9.5px; letter-spacing:.6px; padding:1px 5px;
           border:1px solid var(--pro); color:var(--pro);
           border-radius:3px; vertical-align:1px; }
/* reader-only; pinned literal because the reader shell stays dark in the
   light theme, where --faint goes too dark to read on it */
.cv-note { padding:10px 14px; color:#938d86; font-size:12px;
           border-bottom:1px solid var(--border); flex:0 0 auto; }
/* ---- counsel of record: columns, not one tall list */
.cv-side { margin-top:10px; }
.cv-side-h { display:flex; align-items:baseline; gap:8px; }
.cv-side-h strong { color:var(--text); font-size:12.5px;
                    text-transform:capitalize; }
.cv-cnt { color:var(--faint); font-size:11px; }
.cv-more { background:none; border:none; padding:0; color:var(--blue);
           font-size:11.5px; cursor:pointer; border-bottom:1px dotted var(--blue);
           border-radius:0; margin-left:2px; }
.cv-more:hover { color:var(--link-hover); }
ul.cv-cols { columns:3 190px; column-gap:22px; margin:4px 0 0;
             padding-left:18px; }
ul.cv-cols li { color:var(--muted); font-size:12.5px; margin:1px 0;
                break-inside:avoid; }
@media (max-width:640px) { ul.cv-cols { columns:1; } }
/* amici collapse behind one control so they don't bury the actual parties */
.cv-amici { margin-top:14px; border-top:1px dashed var(--border);
            padding-top:10px; }
.cv-amici-t { background:none; border:1px solid var(--border-strong);
              border-radius:5px; color:var(--muted); font-size:11.5px;
              padding:5px 11px; }
.cv-amici-t:hover { color:var(--text); border-color:var(--gold); }
.cv-amici-t .ar { color:var(--gold); display:inline-block;
                  transition:transform .15s; }
.cv-amici-t.on .ar { transform:rotate(90deg); }
.fl-nomain { color:var(--faint); font-style:italic; }
/* parties, shown up top so you can see whose case it is at a glance */
.cv-parties { margin:8px 0 2px; }
.cv-party { display:flex; gap:10px; align-items:baseline; padding:3px 0;
            border-bottom:1px solid var(--border); }
.cv-party:last-child { border-bottom:none; }
.cv-party-n { color:var(--text); font-size:13px; }
.cv-party-c { margin-left:auto; color:var(--faint); font-size:11px;
              white-space:nowrap; }
/* ---- tabs */
.tbl-wrap { overflow-x:auto; margin-top:10px; }
#caseView h3 { margin:0 0 2px; font-size:16px; color:var(--text);
               text-transform:none; letter-spacing:0; }
#caseView .cv-sub { color:var(--muted); font-size:12.5px; margin-bottom:12px; }
#caseView h4 { font-size:11px; text-transform:uppercase; letter-spacing:1px;
               color:var(--gold); margin:16px 0 6px; }
.cv-back { float:right; font-size:11.5px; }
.cv-chips { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:4px; }
.cv-chip { font-size:11px; padding:1px 8px; border-radius:9px;
           border:1px solid var(--border-strong); color:var(--muted); }
/* outcome chips carry the result: red adverse, green favorable, amber mixed.
   "Favorable" here means favorable to LGBTQ/trans rights claims. */
.cv-chip.oc-adv  { color:var(--anti-bright); border-color:var(--anti);
                   background:rgba(192,57,43,.12); }
.cv-chip.oc-fav  { color:var(--pro); border-color:var(--pro);
                   background:rgba(69,161,154,.12); }
.cv-chip.oc-mix  { color:var(--gold); border-color:var(--gold);
                   background:rgba(212,160,60,.12); }
.cv-chip.oc-proc { color:var(--faint); border-style:dashed; }
td .cv-chip { white-space:nowrap; }
.iss-d { color:var(--muted); }
.iss-x { display:block; font-size:11.5px; color:var(--muted); margin-top:2px; }
/* the issue label is the widest free-text column — give it room so it
   wraps to two lines instead of ten */
table.cases td:nth-child(6) { min-width:150px; }
/* docket header block — label/value pairs, one column per docket stage */
.cv-dks { display:flex; flex-wrap:wrap; gap:10px 26px; }
.cv-dk { min-width:250px; flex:1 1 250px; border-left:2px solid var(--border-strong);
         padding:2px 0 2px 12px; }
.cv-dk-n { color:var(--gold); font-size:11px; letter-spacing:.6px;
           margin-bottom:3px; }
.cv-dl { display:grid; grid-template-columns:auto 1fr; gap:1px 10px;
         margin:0; font-size:12.5px; }
.cv-dl dt { color:var(--faint); white-space:nowrap; }
.cv-dl dd { margin:0; color:var(--text); }
.proc { border-left:2px solid var(--blue); padding:6px 0 6px 12px;
        margin:6px 0; }
.proc .pt { font-size:13px; }
.proc .pm { color:var(--faint); font-size:11.5px; }
/* Recent docket activity: one compact line per entry (owner, 2026-09-25:
   "make the recent docket activity a lot smaller"). */
.dact { list-style:none; margin:0; padding:0; font-size:12px;
        border-left:2px solid var(--blue); }
.dact li { display:flex; gap:10px; align-items:baseline; padding:2px 0 2px 10px; min-width:0; }
.dact .dd { flex:none; width:78px; color:var(--faint); font-variant-numeric:tabular-nums; }
.dact .dt { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.dact .dg { flex:none; color:var(--faint); font-size:11px; }
.dact-more > summary { cursor:pointer; font-size:12px; color:var(--muted); margin:4px 0 0 12px; }
.cv-two { display:flex; gap:26px; flex-wrap:wrap; }
.cv-two > div { min-width:210px; }
.cv-list { font-size:12.5px; color:var(--muted); margin:0; padding-left:18px; }
.cv-list li { margin:2px 0; }
table.filings { border-collapse:collapse; width:100%; font-size:12px; }
table.filings th, table.filings td { border-bottom:1px solid var(--border);
     padding:4px 8px; text-align:left; vertical-align:top; }
table.filings th { color:var(--faint); font-size:10.5px;
     text-transform:uppercase; letter-spacing:.8px; }
/* a docket entry starts a new block; its attachments hang off it */
table.filings tr.fl-main > td { border-top:1px solid var(--border-strong);
     border-bottom:none; padding-top:7px; }
table.filings tr.fl-togrow > td { border-bottom:none; padding:0 8px 5px; }
table.filings tr.fl-att > td { border-bottom:none; padding-top:1px;
     padding-bottom:1px; color:var(--muted); }
table.filings td.att { padding-left:22px; position:relative; }
table.filings td.att::before { content:"└"; position:absolute; left:8px;
     color:var(--border-strong); }
.fl-tog { background:none; border:1px solid var(--border-strong);
     border-radius:4px; color:var(--muted); font-size:10.5px; padding:1px 8px;
     letter-spacing:.4px; }
.fl-tog:hover { color:var(--text); border-color:var(--gold); }