/* Cases (2026-10-05) -- list + case drawer styles, shared by my-cases.html
   (and later assigned-cases.html / admin Cases). cw-* values are the
   reference design's (drmachines-Oct-4-2026.html, CASE MODULE). Drawer /
   overlay rules are scoped to the case overlays so a host page's own
   .cm-overlay / .cm-drawer styles are never changed. */
.cw-badge{display:inline-block;border-radius:5px;padding:3px 9px;font-size:11px;font-weight:700;letter-spacing:.3px;white-space:nowrap;}
.cw-badge.unassigned{background:rgba(140,160,184,0.14);color:var(--steel);}
.cw-badge.sent_back{background:var(--amber-dim);color:var(--amber);}
.cw-badge.assigned{background:rgba(0,212,255,0.14);color:var(--cyan);}
.cw-badge.responded{background:rgba(167,139,250,0.16);color:#A78BFA;}
.cw-badge.closed{background:rgba(74,222,128,0.14);color:var(--green);}
.cw-badge.approved{background:rgba(74,222,128,0.14);color:var(--green);}
.cw-filters{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid var(--border);margin-bottom:18px;}
.cw-ftab{padding:9px 15px;font-size:12.5px;font-weight:600;color:var(--steel);cursor:pointer;border:none;background:none;border-bottom:2px solid transparent;margin-bottom:-1px;font-family:var(--font-body);}
.cw-ftab.active{color:var(--cyan);border-bottom-color:var(--cyan);}
.cw-ftab:hover{color:var(--white);}
.cw-ftab .cnt{display:inline-block;margin-left:6px;font-size:10px;background:rgba(140,160,184,0.15);color:var(--steel);border-radius:8px;padding:1px 6px;}
.cw-table{width:100%;border-collapse:collapse;font-size:13px;}
.cw-table th{text-align:left;font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#4A6080;padding:8px 10px;border-bottom:1px solid var(--border);}
.cw-table td{padding:11px 10px;border-bottom:1px solid rgba(140,160,184,0.07);color:var(--white);vertical-align:top;}
.cw-row{cursor:pointer;}
.cw-row:hover td{background:rgba(0,212,255,0.03);}
.cw-row:focus-visible{outline:2px solid var(--cyan);outline-offset:-2px;}
.cw-subj{color:var(--white);font-weight:600;}
.cw-meta-sm{font-size:11px;color:#4A6080;}
.cw-num{font-family:var(--font-mono);font-size:12px;color:var(--steel);white-space:nowrap;}
.cw-dim{font-size:12px;color:var(--steel);}
.cw-empty{text-align:center;color:#4A6080;font-size:13px;padding:40px 20px;}
.cw-empty i{font-size:28px;color:#4A6080;opacity:.5;display:block;margin-bottom:10px;}
.cw-stats{display:flex;gap:10px;flex-wrap:wrap;}
.cw-stat{background:var(--navy-mid);border:1px solid var(--border);border-radius:10px;padding:8px 16px;text-align:center;min-width:96px;}
.cw-stat-num{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--cyan);}
.cw-stat-label{font-size:10px;letter-spacing:.5px;text-transform:uppercase;color:#4A6080;}
.cw-scope{display:inline-flex;gap:3px;background:var(--navy-deep);border:1px solid var(--border);border-radius:8px;padding:3px;}
.cw-scope button{background:none;border:none;color:var(--steel);font-size:12px;font-weight:600;padding:6px 12px;border-radius:6px;cursor:pointer;font-family:var(--font-body);}
.cw-scope button.active{background:var(--cyan);color:var(--navy);}
@media (max-width:760px){
  .cw-table .cw-hide-sm{display:none;}
  .cw-table th,.cw-table td{padding:10px 6px;}
}

/* ── drawer / overlays ── */
.cw-overlay{display:none;position:fixed;inset:0;background:rgba(5,7,13,0.75);z-index:2000;}
.cw-overlay.open{display:block;}
.cw-drawer{position:fixed;top:0;right:0;bottom:0;width:min(760px,100%);background:var(--navy-mid);border-left:1px solid var(--border);box-shadow:-20px 0 60px rgba(0,0,0,0.5);display:flex;flex-direction:column;z-index:2001;}
.cw-drawer.narrow{width:min(560px,100%);}
.cw-drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 24px;border-bottom:1px solid var(--border);}
.cw-drawer-id{font-family:var(--font-mono);font-size:12px;color:var(--steel);}
.cw-drawer-title{font-family:var(--font-display);font-size:19px;font-weight:700;color:var(--white);margin-top:3px;line-height:1.3;}
.cw-drawer-close{background:none;border:none;color:var(--steel);font-size:26px;line-height:1;cursor:pointer;padding:0 4px;}
.cw-drawer-close:hover{color:var(--white);}
.cw-drawer-body{flex:1;overflow-y:auto;padding:18px 24px;}
.cw-drawer-foot{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 24px;border-top:1px solid var(--border);background:var(--navy-deep);}
.cw-drawer-foot .cw-foot-right{margin-left:auto;display:flex;gap:8px;align-items:center;flex-wrap:wrap;}
.cw-sec{border-top:1px solid var(--border);padding:16px 0;}
.cw-sec:first-child{border-top:none;padding-top:4px;}
.cw-sec h4{font-family:var(--font-display);font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--steel);margin:0 0 12px;}
.cw-metagrid{display:grid;grid-template-columns:120px 1fr;gap:8px 14px;font-size:13px;}
.cw-metagrid .k{color:var(--steel);}
.cw-metagrid .v{color:var(--white);word-break:break-word;}
.cw-problem{margin-top:12px;font-size:13px;color:var(--steel);line-height:1.6;white-space:pre-wrap;}
.cw-problem b{color:var(--white);}
.cw-thread{display:flex;flex-direction:column;gap:12px;}
/* "Show system messages" (2026-10-07): system rows hidden by default. */
.cw-thread.hide-system .cw-msg.system{display:none;}
.cw-conv-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;flex-wrap:wrap;}
.cw-conv-head h4{margin:0;}
.cw-sys-toggle{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--steel);cursor:pointer;user-select:none;}
.cw-sys-toggle input{accent-color:var(--cyan);width:15px;height:15px;cursor:pointer;}
.cw-sys-toggle .cnt{font-size:11px;padding:1px 7px;border-radius:10px;background:rgba(140,160,184,0.14);color:var(--steel);}
.cw-msg{display:flex;gap:10px;}
.cw-msg .av{width:30px;height:30px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;}
.cw-msg.user .av{background:rgba(0,212,255,0.15);color:var(--cyan);}
.cw-msg.admin .av{background:rgba(74,222,128,0.15);color:var(--green);}
.cw-msg.expert .av{background:rgba(167,139,250,0.18);color:#A78BFA;}
.cw-msg.system .av{background:rgba(251,191,140,0.16);color:#FBBF8C;}
.cw-bub{flex:1;min-width:0;background:var(--navy-deep);border:1px solid var(--border);border-radius:10px;padding:10px 13px;}
.cw-bub .who{font-size:11px;font-weight:700;color:var(--white);margin-bottom:3px;}
.cw-bub .who span{color:#4A6080;font-weight:400;margin-left:6px;}
.cw-bub .txt{font-size:13px;color:var(--steel);line-height:1.6;white-space:pre-wrap;word-break:break-word;}
.cw-msg.system .cw-bub{background:rgba(251,191,140,0.05);}
.cw-links{display:flex;flex-direction:column;gap:7px;}
.cw-link{display:flex;align-items:center;gap:10px;background:var(--navy-deep);border:1px solid var(--border);border-radius:8px;padding:9px 12px;cursor:pointer;transition:border-color .15s;text-align:left;width:100%;font-family:var(--font-body);}
.cw-link:hover{border-color:var(--cyan);}
.cw-link .ic{width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0;background:rgba(0,212,255,0.12);color:var(--cyan);}
.cw-link .lt{flex:1;min-width:0;}
.cw-link .lt .tt{font-size:13px;color:var(--white);font-weight:600;}
.cw-link .lt .st{font-size:11px;color:#4A6080;text-transform:uppercase;letter-spacing:.5px;}
.cw-link .go{color:#4A6080;font-size:12px;white-space:nowrap;}
.cw-link:hover .go{color:var(--cyan);}
.cw-chip{display:inline-flex;align-items:center;gap:6px;background:rgba(0,212,255,0.1);border:1px solid rgba(0,212,255,0.25);color:var(--cyan);border-radius:14px;padding:4px 10px;font-size:12px;}
.cw-chip button{background:none;border:none;color:var(--cyan);cursor:pointer;font-size:13px;padding:0;line-height:1;}
.cw-lp-opt{display:block;padding:8px 11px;border-radius:7px;cursor:pointer;font-size:13px;color:var(--white);border:1px solid transparent;}
.cw-lp-opt:hover{background:rgba(0,212,255,0.06);}
.cw-lp-opt.sel{background:rgba(0,212,255,0.12);border-color:rgba(0,212,255,0.3);}
.cw-solution{font-size:13px;color:var(--white);}
.cw-solution i{color:var(--green);margin-right:7px;}
.cw-note{font-size:12px;color:var(--steel);line-height:1.5;background:rgba(0,212,255,0.05);border:1px solid var(--border);border-radius:8px;padding:9px 12px;}
.cw-field{margin-bottom:12px;}
.cw-field label{display:block;font-size:12px;font-weight:600;color:var(--steel);margin-bottom:6px;}
.cw-field label span{color:#4A6080;font-weight:400;}
.cw-input{width:100%;box-sizing:border-box;padding:10px 12px;background:var(--navy-deep);border:1px solid var(--border);border-radius:8px;color:var(--white);font-family:var(--font-body);font-size:13px;outline:none;}
.cw-input:focus{border-color:rgba(0,212,255,0.5);}
textarea.cw-input{resize:vertical;min-height:62px;}
select.cw-input{cursor:pointer;}
.cw-err{font-size:12px;color:#F87171;margin-top:6px;display:none;}
.cw-btn-sm{font-size:12px !important;padding:7px 13px !important;}
.cw-loading{padding:40px;text-align:center;color:var(--cyan);font-size:22px;}
.cw-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--navy-mid);border:1px solid var(--cyan);color:var(--white);padding:10px 20px;border-radius:8px;font-size:13px;box-shadow:0 8px 24px rgba(0,0,0,.4);z-index:2300;display:none;}
@media (max-width:560px){ .cw-metagrid{grid-template-columns:1fr;gap:2px 0;} .cw-metagrid .v{margin-bottom:8px;} }