/* Context page. Every selector under .cx- */
.cx-stats{display:flex;gap:10px;margin:4px 0 16px}
.cx-stat{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius);padding:10px 14px;min-width:170px;display:flex;flex-direction:column;gap:3px}
.cx-stat span{color:var(--muted);font-size:11.5px}
.cx-stat b{font-size:16px;font-weight:600}
.cx-bar{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}
.cx-q{position:relative;width:300px}
.cx-q svg{position:absolute;left:9px;top:8px;width:14px;height:14px;color:var(--muted)}
.cx-q .inp{padding-left:30px}
.cx-tblw{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius);overflow:auto}
.cx-tbl{width:100%;border-collapse:collapse}
.cx-tbl tbody tr{cursor:pointer}
.cx-title{display:flex;align-items:center;gap:8px;font-weight:500}
.cx-title svg{width:14px;height:14px;color:var(--muted);flex:none}
.cx-m{color:var(--text-2)}
.cx-acts{text-align:right;width:70px}
.cx-acts .icon-btn svg{width:14px;height:14px}
.cx-sw{width:30px;height:17px;border-radius:9px;border:0;background:#333;position:relative;padding:0;flex:none}
.cx-sw i{position:absolute;left:2px;top:2px;width:13px;height:13px;border-radius:50%;background:#9a9a9a;transition:left .15s}
.cx-sw.on{background:#3fb26b}
.cx-sw.on i{left:15px;background:#fff}
.cx-dr{display:flex;flex-direction:column;height:100%}
.cx-dr-h{display:flex;align-items:flex-start;gap:10px;padding:16px 18px 10px}
.cx-dr-h>div{flex:1}
.cx-dr-t{font-size:15px;font-weight:600}
.cx-dr-s{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px;margin-top:6px}
.cx-dr-a{display:flex;align-items:center;gap:8px;padding:8px 18px 12px;border-bottom:1px solid var(--border);color:var(--text-2);font-size:12.5px}
.cx-body{margin:0;padding:16px 18px 40px;white-space:pre-wrap;word-break:break-word;font:12.5px/1.6 var(--font);color:var(--text);flex:1}
.cx-body.csv{font-family:var(--mono);font-size:11.5px;white-space:pre}
.cx-form{display:flex;flex-direction:column;gap:12px}
.cx-ta{height:300px!important;padding:8px 10px!important;resize:vertical;line-height:1.5}
.cx-chk{display:flex;align-items:center;gap:8px;color:var(--text-2);font-size:12.5px;cursor:pointer}
.cx-err{color:#ef7b75;font-size:12px;min-height:14px}
.cx-danger{background:rgba(226,85,79,.14);border-color:rgba(226,85,79,.3);color:#ef7b75}
.cx-danger:hover{background:rgba(226,85,79,.22)}