/* css/encounter-state-viewer.css — encounter variable review surface.
 * Loaded after layout.css. The visible left column is read-only.
 */
/* ── ENCOUNTER VARIABLE REVIEW ── */
.col-left{display:none;overflow-y:auto;background:#17222e;border-right:1px solid rgba(255,255,255,0.12);color:#fff;}
body.encounter-review-open .col-left{display:block;position:fixed;top:0;left:0;bottom:0;width:min(420px,92vw);z-index:350;box-shadow:10px 0 36px rgba(0,0,0,0.28);}
.enc-state-viewer{padding:8px 10px 18px;color:#fff;font-size:11px;line-height:1.35;}
.enc-state-title{font-size:12px;font-weight:800;letter-spacing:0.08em;text-transform:uppercase;color:#fff;margin:2px 0 2px;}
.enc-state-sub{font-size:10px;color:rgba(255,255,255,0.62);margin-bottom:10px;}
.enc-state-empty{padding:12px 10px;color:rgba(255,255,255,0.72);font-size:11px;font-style:italic;}
.enc-state-section{border-top:1px solid rgba(255,255,255,0.12);padding:8px 0;}
.enc-state-section h3{margin:0 0 5px;font-size:10px;font-weight:800;letter-spacing:0.1em;text-transform:uppercase;color:rgba(255,255,255,0.92);}
.enc-state-details{margin:3px 0;color:#fff;}
.enc-state-details summary{cursor:default;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 0;font-size:10.5px;font-weight:700;color:rgba(255,255,255,0.84);}
.enc-state-details summary::-webkit-details-marker{display:none;}
.enc-state-details summary span{font-family:var(--mono);font-size:9px;color:rgba(255,255,255,0.48);font-weight:500;}
.enc-state-row{display:grid;grid-template-columns:minmax(82px,44%) minmax(0,1fr);gap:8px;padding:2px 0;border-bottom:1px solid rgba(255,255,255,0.045);}
.enc-state-row span:first-child{min-width:0;color:rgba(255,255,255,0.58);font-family:var(--mono);font-size:9.5px;word-break:break-word;}
.enc-state-row b{min-width:0;color:#fff;font-weight:600;font-size:10.5px;word-break:break-word;white-space:pre-wrap;}
.enc-state-muted{color:rgba(255,255,255,0.34) !important;font-style:italic;font-weight:500;}
.enc-depth-1{margin-left:6px;}
.enc-depth-2{margin-left:12px;}
.enc-depth-3{margin-left:18px;}
.enc-depth-4{margin-left:24px;}
.enc-state-viewer .sb-block{padding:10px 12px;border-bottom:1px solid var(--sb-border);}
.enc-state-viewer .sb-block:last-child{border-bottom:none;}
.enc-state-viewer .sb-block-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px;}
.enc-state-viewer .sb-block-title{font-size:10.5px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--sb-title);}
.enc-state-viewer .sb-btn{font-family:var(--font);font-size:9px;font-weight:600;padding:2px 7px;border-radius:4px;cursor:pointer;background:var(--sb-btn-bg);border:0.5px solid var(--sb-btn-border);color:var(--sb-btn-text);transition:all 0.12s;}
.enc-state-viewer .sb-btn:hover{background:rgba(255,200,140,0.18);color:rgba(255,220,180,0.9);}
.enc-state-viewer .sb-btn.done{background:rgba(31,122,62,0.3);color:#8ed4a8;border-color:rgba(31,122,62,0.4);}
/* Sidebar status (Not assessed / Exclude from note) buttons */
.enc-state-viewer .sb-block-actions{display:flex;align-items:center;gap:4px;flex-shrink:0;}
.enc-state-viewer .sb-status-btn{font-family:var(--font);font-size:9px;font-weight:600;padding:2px 5px;border-radius:4px;cursor:pointer;background:transparent;border:0.5px solid var(--sb-btn-border);color:var(--sb-btn-text);line-height:1.2;transition:all 0.12s;}
.enc-state-viewer .sb-status-btn:hover{color:rgba(255,255,255,0.85);border-color:rgba(255,255,255,0.32);}
.enc-state-viewer .sb-status-btn.na-active{background:rgba(150,170,200,0.22);color:rgba(225,235,245,0.92);border-color:rgba(150,170,200,0.5);}
.enc-state-viewer .sb-status-btn.ex-active{background:rgba(230,140,50,0.25);color:rgba(255,210,160,0.95);border-color:rgba(230,140,50,0.55);}
/* When section is N/A, fade title and content but keep the action buttons readable */
.enc-state-viewer .sb-block.sb-na .sb-block-title{opacity:0.5;}
.enc-state-viewer .sb-block.sb-na > *:not(.sb-block-hdr){opacity:0.4;}
/* When section is excluded, leave content readable but flag it with an amber accent */
.enc-state-viewer .sb-block.sb-excluded{box-shadow:inset 3px 0 0 rgba(230,140,50,0.6);}
.enc-state-viewer .sb-none{font-size:11px;color:var(--sb-text-faint);font-style:italic;}
.enc-state-viewer .sb-none.confirmed{color:var(--sb-text);font-style:normal;font-weight:500;}
.enc-state-viewer .sb-item{font-size:11px;color:var(--sb-text);line-height:1.4;display:flex;gap:4px;align-items:baseline;margin-bottom:2px;}
.enc-state-viewer .sb-item-num{font-size:9px;color:var(--sb-text-faint);flex-shrink:0;font-family:var(--mono);}
.enc-state-viewer .list-inp-row{display:flex;gap:4px;align-items:center;margin-bottom:3px;}
.enc-state-viewer .list-inp{font-family:var(--font);font-size:11.5px;color:var(--text);flex:1;padding:3px 7px;background:#fff;border:0.5px solid var(--border-md);border-radius:var(--radius);outline:none;}
.enc-state-viewer .list-inp:focus{border-color:rgba(100,170,230,0.6);background:rgba(255,255,255,0.12) !important;color:#fff !important;box-shadow:none !important;}
.enc-state-viewer .list-inp-del{font-size:13px;color:var(--sb-text-faint);cursor:pointer;padding:0 2px;transition:color 0.12s;}
.enc-state-viewer .list-inp-del:hover{color:rgba(255,220,180,0.9);}
.enc-state-viewer .list-add-btn{font-family:var(--font);font-size:10px;color:var(--sb-text-faint);background:none;border:0.5px dashed rgba(150,190,220,0.25);border-radius:var(--radius);padding:2px 9px;cursor:pointer;transition:all 0.12s;margin-top:3px;}
.enc-state-viewer .list-add-btn:hover{border-color:rgba(100,170,230,0.5);color:rgba(180,210,240,0.8);}
/* social in sidebar */
.enc-state-viewer .sh-row{display:flex;gap:5px;margin-bottom:2px;}
.enc-state-viewer .sh-lbl{font-size:10px;font-weight:600;color:var(--sb-title);width:60px;flex-shrink:0;}
.enc-state-viewer .sh-val{font-size:11px;color:var(--sb-text);}
.enc-state-viewer .sh-sel{font-family:var(--font);font-size:11px;color:#fff;padding:3px 7px;background:var(--sb-inp-bg);border:0.5px solid var(--sb-inp-border);border-radius:var(--radius);outline:none;cursor:pointer;min-width:78px;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%238ab0d4' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center;padding-right:20px;}
.enc-state-viewer .sh-detail{font-family:var(--font);font-size:11px;color:var(--text);padding:3px 7px;background:#fff;border:0.5px solid var(--border-md);border-radius:var(--radius);outline:none;}
.enc-state-viewer .sh-detail:focus{border-color:var(--blue);background:#fff !important;color:var(--text) !important;box-shadow:0 0 0 2px rgba(36,114,184,0.1) !important;}
.enc-state-viewer .sh-edit-row{display:flex;align-items:center;gap:5px;margin-bottom:5px;}
.enc-state-viewer .sh-edit-lbl{font-size:10px;font-weight:600;color:var(--sb-title);width:60px;flex-shrink:0;}
.enc-state-viewer .sh-sub{margin-left:65px;margin-bottom:5px;display:none;align-items:center;gap:4px;flex-wrap:wrap;}
.enc-state-viewer .sh-sub.open{display:flex;}
.enc-state-viewer .sh-sub-lbl{font-size:9.5px;color:var(--sb-text-faint);}