.ctxbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:9px 18px;margin:0 16px 14px;background:#0c1322;border:1px solid #1c2746;border-radius:0 0 12px 12px}
.ctxbar-lbl{font-size:12px;font-weight:700;letter-spacing:.3px;color:#C49A48}
.ctxbar-fld{display:flex;align-items:center;gap:6px}
.ctxbar-fld label{font-size:12px;color:#8a9bc4;font-weight:600}
.ctxbar .sel{padding:6px 10px;font-size:13px}
.ctxbar-hint{margin-left:auto;font-size:11px;color:#6b7a9e}
html[data-theme="light"] .ctxbar{background:#f4f8ff;border-color:#dde5f1}
html[data-theme="light"] .ctxbar-hint{color:#7a86a8}
html[data-theme="light"] .ctxbar-fld label{color:#5a6b88}
.ctxbar-reset{display:none;margin-left:6px;padding:5px 11px;font-size:12px;font-weight:600;color:#C49A48;background:transparent;border:1px solid #2a3658;border-radius:8px;cursor:pointer;white-space:nowrap}
.ctxbar-reset:hover{background:#16213c;border-color:#C49A48}
.ctxbar.on{border-color:#C49A48;box-shadow:inset 3px 0 0 #C49A48}
.ctxbar.on .ctxbar-reset{display:inline-block}
html[data-theme="light"] .ctxbar-reset{border-color:#dde5f1}
@media(max-width:760px){.ctxbar{margin:0 0 12px;border-radius:0;padding:9px 12px}.ctxbar-hint{display:none}.ctxbar .sel{flex:1 1 0}.ctxbar.on .ctxbar-reset{margin-left:auto}}