/* Force analysis page (force-analysis.js). Monochrome like the rest of the working screen: state is weight, fill or
   outline, never a hue. Apple system sans (the .ws face), no monospace, no capitals transforms. The moment list is
   always visible beside the detail; nothing opens on hover. */
.ws[data-page="force"] .ws-body,.ws[data-page="force"] .ws-tabbar,.ws[data-page="force"] .ws-bottom,.ws[data-page="force"] .rp-bar,
.ws[data-page="force"] .ws-search{display:none!important}
.ws[data-page="force"]{grid-template-rows:auto minmax(0,1fr)}
.ws.has-case-identity[data-page="force"]{grid-template-rows:auto auto minmax(0,1fr)}
.fa-layout{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:24px;max-width:1280px;align-items:start}
.fa-layout[hidden],.fa-foot[hidden]{display:none!important}
.fa-list{position:sticky;top:0;max-height:calc(100vh - 140px);overflow:auto;scrollbar-width:thin}
.fa-items{display:flex;flex-direction:column;gap:6px}
.fa-tags{display:flex;flex-wrap:wrap;gap:6px}
.ws .fa-item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 10px;text-align:left;padding:10px 12px;min-height:44px;border:1px solid var(--rule);
  border-radius:10px;background:var(--pane);color:var(--ink);font-size:var(--t-sec)}
.ws .fa-item:hover{background:var(--fill)}
.ws .fa-item[aria-current="true"]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.fa-itime{font-variant-numeric:tabular-nums;font-weight:600;grid-row:span 3}
.fa-ilabel{font-weight:600;overflow-wrap:anywhere}
.fa-istate,.fa-idecision{color:var(--soft);font-size:var(--t-cap)}
.fa-detail{min-width:0;max-width:980px}
.fa-mtitle{margin-top:0!important}
.fa-mtitle:focus{outline:none}
.fa-player{margin:12px 0 4px;max-width:640px}
.fa-sec{margin:24px 0 0;padding-top:16px;border-top:1px solid var(--rule)}
.fa-h3{font-size:16px;font-weight:600;margin:0 0 8px!important}
.fa-summary{font-size:var(--t-body);line-height:1.45;margin:8px 0!important}
.fa-strength{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;border:1px solid var(--ink);font-size:var(--t-sec);font-weight:600;white-space:nowrap}
.fa-strength[data-strength="STRONG_FOR_PLAINTIFF"],.fa-strength[data-strength="STRONG_FOR_DEFENSE"]{background:var(--ink);color:var(--on-ink)}
.fa-strength[data-strength="CONTESTED"]{background:var(--pane);color:var(--ink)}
.fa-strength[data-strength="INSUFFICIENT"],.fa-strength[data-strength="NONE"]{border-style:dashed;color:var(--soft);font-weight:500}
.fa-factor{border:1px solid var(--rule);border-radius:12px;background:var(--pane);padding:14px 16px;margin:0 0 14px}
.fa-fhead{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.fa-ftitle{font-size:var(--t-body);font-weight:600;margin:0!important}
.fa-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:12px}
.fa-col{min-width:0}
.fa-facts,.fa-reasons,.fa-closest{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.fa-reasons{gap:4px;list-style:disc;padding-left:18px;font-size:var(--t-sec)}
.fa-fact{min-width:0;padding:8px 10px;border-radius:8px;background:var(--fill)}
.fa-facttext{margin:0!important;font-size:var(--t-sec);line-height:1.4;overflow-wrap:anywhere}
.fa-factmeta{font-weight:600}
.fa-open{font-size:var(--t-sec);color:var(--soft)}
.fa-acts{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:6px}
.ws .fa-play[disabled]{text-decoration:none;color:var(--soft)}
.fa-whyhead{font-size:var(--t-sec);font-weight:600;margin:12px 0 4px!important}
.fa-decide{margin-top:12px;padding-top:10px;border-top:1px dashed var(--rule)}
.fa-dstate{margin:6px 0 0!important;font-size:var(--t-cap);color:var(--soft)}
.fa-edit{display:flex;flex-direction:column;gap:10px;margin-top:10px;max-width:560px}
.fa-pick{border:1px solid var(--rule);border-radius:8px;padding:8px 12px;display:flex;flex-wrap:wrap;gap:6px 16px}
.fa-pick legend{font-size:var(--t-sec);font-weight:600;padding:0 4px}
.fa-radio{display:inline-flex;align-items:center;gap:6px;min-height:32px;font-size:var(--t-sec)}
.fa-radio input{accent-color:var(--ink)}
.fa-notelabel{display:flex;flex-direction:column;gap:4px;font-size:var(--t-sec)}
.fa-note{font:inherit;font-size:var(--t-sec);padding:8px;border:1px solid var(--rule);border-radius:8px;background:var(--bg);color:var(--ink)}
.fa-incident{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px 12px;margin-top:10px;max-width:560px}
.fa-incident input{font:inherit;font-size:var(--t-sec);min-height:32px;padding:4px 8px;border:1px solid var(--rule);border-radius:8px;background:var(--bg);color:var(--ink)}
.fa-incident [role=status]{flex-basis:100%;margin:0!important}
.fa-case{border:1px solid var(--rule);border-radius:12px;background:var(--pane);padding:12px 14px;margin:0 0 10px}
.fa-casename{font-weight:600;color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.fa-quote{margin:8px 0;padding:6px 12px;border-left:2px solid var(--ink);font-size:var(--t-sec);line-height:1.45;overflow-wrap:anywhere}
.fa-close{padding:10px 12px;border:1px solid var(--rule);border-radius:10px}
.fa-attorney{font-weight:600;margin:10px 0 0!important}
.fa-refusal{font-size:var(--t-body);margin:12px 0!important}
.fa-foot{max-width:1280px;margin-top:28px;padding-top:16px;border-top:1px solid var(--rule)}
@media (max-width:900px){
  .fa-layout{grid-template-columns:minmax(0,1fr)}
  .fa-list{position:static;max-height:none;overflow:visible}
  .fa-items{flex-direction:row;overflow-x:auto;padding-bottom:4px}
  .ws .fa-item{min-width:220px}
  .fa-cols{grid-template-columns:minmax(0,1fr)}
}