/* ContentShield Lite — Admin Stylesheet */

/* =========================================================================
	Theme variables
	========================================================================= */
.cslhdrhb-app[data-theme="dark"]{--bg:#080B18;--bg2:#0d1123;--bg3:#111827;--border:rgba(201,168,76,0.18);--bh:rgba(201,168,76,0.4);--gold:#C9A84C;--glt:#E8C97E;--ivory:#F5F0E8;--teal:#2DD4BF;--mu:rgba(245,240,232,0.45);--mu2:rgba(245,240,232,0.25);--text:#F5F0E8;--surf:rgba(255,255,255,0.04);--surfh:rgba(255,255,255,0.07);--red:#f87171;--green:#4ade80;--shadow:0 4px 24px rgba(0,0,0,0.4)}
.cslhdrhb-app[data-theme="light"]{--bg:#F0EDE8;--bg2:#FFFFFF;--bg3:#F7F4EF;--border:rgba(180,140,60,0.20);--bh:rgba(180,140,60,0.45);--gold:#A8822A;--glt:#C9A84C;--ivory:#1a1a2e;--teal:#0d9488;--mu:rgba(26,26,46,0.55);--mu2:rgba(26,26,46,0.35);--text:#1a1a2e;--surf:rgba(0,0,0,0.04);--surfh:rgba(0,0,0,0.07);--red:#dc2626;--green:#16a34a;--shadow:0 4px 24px rgba(0,0,0,0.10)}

/* =========================================================================
	Base
	========================================================================= */
.cslhdrhb-app *{box-sizing:border-box}
.cslhdrhb-app{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:var(--bg);margin:-10px -20px 0;padding:0}
#wpbody,#wpbody-content{background:var(--bg)!important}
.cslhdrhb-app p,.cslhdrhb-app h1,.cslhdrhb-app h2,.cslhdrhb-app h3,.cslhdrhb-app label,.cslhdrhb-app span,.cslhdrhb-app td,.cslhdrhb-app th,.cslhdrhb-app li{color:var(--text)}

/* =========================================================================
	Hero
	========================================================================= */
.cslhdrhb-hero{background:var(--bg2);border-bottom:1px solid var(--border);position:sticky;top:32px;z-index:100;box-shadow:var(--shadow)}
.cslhdrhb-hero__inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:18px 24px 14px}
.cslhdrhb-hero__brand{display:flex;align-items:center;gap:12px}
.cslhdrhb-hero__logo{font-size:38px;line-height:1;filter:drop-shadow(0 0 8px rgba(201,168,76,0.5))}
.cslhdrhb-hero__name{margin:0 0 3px;font-size:20px;font-weight:800;color:var(--text)!important;letter-spacing:-.3px}
.cslhdrhb-hero__name span{color:var(--gold)!important}
.cslhdrhb-hero__tagline{margin:0;font-size:11px;color:var(--mu)!important}
.cslhdrhb-hero__right{display:flex;align-items:center;gap:14px}
.cslhdrhb-hero__stats{display:flex;gap:18px}
.cslhdrhb-hs__num{display:block;font-size:20px;font-weight:800;color:var(--gold)!important;line-height:1}
.cslhdrhb-hs__lbl{display:block;font-size:9px;color:var(--mu)!important;text-transform:uppercase;letter-spacing:.07em;margin-top:1px}
.cslhdrhb-hero__actions{display:flex;align-items:center;gap:8px}

/* =========================================================================
	Status dot
	========================================================================= */
.cslhdrhb-status-dot{display:flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600}
.cslhdrhb-status-dot span{width:6px;height:6px;border-radius:50%;display:inline-block;flex-shrink:0}
.cslhdrhb-status-dot--on{background:rgba(74,222,128,0.12);color:var(--green)!important;border:1px solid rgba(74,222,128,0.25)}
.cslhdrhb-status-dot--on span{background:var(--green);box-shadow:0 0 5px var(--green)}
.cslhdrhb-status-dot--off{background:rgba(248,113,113,0.10);color:var(--red)!important;border:1px solid rgba(248,113,113,0.2)}
.cslhdrhb-status-dot--off span{background:var(--red)}
.cslhdrhb-theme-btn{background:var(--surf);border:1px solid var(--border);border-radius:8px;width:34px;height:34px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .15s}
.cslhdrhb-theme-btn:hover{background:var(--surfh);border-color:var(--bh)}

/* =========================================================================
	Tabs
	========================================================================= */
.cslhdrhb-tabs{display:flex;gap:2px;padding:0 24px;overflow-x:auto;scrollbar-width:none}
.cslhdrhb-tabs::-webkit-scrollbar{display:none}
.cslhdrhb-tab{padding:9px 16px;background:none;border:none;border-bottom:3px solid transparent;font-size:12px;font-weight:600;color:var(--mu)!important;cursor:pointer;white-space:nowrap;transition:all .15s;border-radius:6px 6px 0 0}
.cslhdrhb-tab:hover{color:var(--text)!important;background:var(--surf)}
.cslhdrhb-tab--active{color:var(--gold)!important;border-bottom-color:var(--gold);background:var(--surf)}

/* =========================================================================
	Layout
	========================================================================= */
.cslhdrhb-layout{display:grid;grid-template-columns:1fr 260px;gap:18px;padding:18px 24px;align-items:start}
@media(max-width:1100px){.cslhdrhb-layout{grid-template-columns:1fr}}
.cslhdrhb-panel{display:block}
.cslhdrhb-panel--hidden{display:none}
.cslhdrhb-two-col{display:grid;grid-template-columns:1fr 300px;gap:16px;align-items:start}
@media(max-width:900px){.cslhdrhb-two-col{grid-template-columns:1fr}}
.cslhdrhb-preview-card{position:sticky;top:160px}

/* =========================================================================
	Cards
	========================================================================= */
.cslhdrhb-card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;margin-bottom:14px;overflow:hidden;transition:border-color .2s}
.cslhdrhb-card:hover{border-color:var(--bh)}
.cslhdrhb-card__head{display:flex;align-items:flex-start;gap:10px;padding:14px 18px;border-bottom:1px solid var(--border);background:var(--surf)}
.cslhdrhb-card__icon{font-size:18px;margin-top:1px;flex-shrink:0}
.cslhdrhb-card__title{margin:0 0 2px;font-size:13px;font-weight:700;color:var(--text)!important}
.cslhdrhb-card__desc{margin:0;font-size:11px;color:var(--mu)!important}
.cslhdrhb-card-body{padding:14px 18px}

/* =========================================================================
	Master toggle
	========================================================================= */
.cslhdrhb-card--master{border-color:var(--bh)}
.cslhdrhb-master-row{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;gap:12px}
.cslhdrhb-master-title{font-size:14px;font-weight:700;color:var(--text)!important;margin-bottom:3px}
.cslhdrhb-master-desc{font-size:11px;color:var(--mu)!important}
.cslhdrhb-big-toggle{cursor:pointer}
.cslhdrhb-big-toggle input{position:absolute;opacity:0;width:0;height:0}
.cslhdrhb-big-toggle__track{display:flex;align-items:center;justify-content:flex-end;width:86px;height:34px;border-radius:17px;background:rgba(248,113,113,0.2);border:1px solid var(--red);padding:0 10px;transition:all .25s;position:relative}
.cslhdrhb-big-toggle__track::before{content:'';position:absolute;left:4px;width:26px;height:26px;border-radius:50%;background:var(--red);transition:transform .25s,background .25s}
.cslhdrhb-big-toggle input:checked+.cslhdrhb-big-toggle__track{background:rgba(45,212,191,0.15);border-color:var(--teal);justify-content:flex-start;padding:0 0 0 10px}
.cslhdrhb-big-toggle input:checked+.cslhdrhb-big-toggle__track::before{transform:translateX(52px);background:var(--teal)}
.cslhdrhb-big-toggle__on{font-size:10px;font-weight:800;color:var(--teal)!important;display:none}
.cslhdrhb-big-toggle__off{font-size:10px;font-weight:800;color:var(--red)!important}
.cslhdrhb-big-toggle input:checked+.cslhdrhb-big-toggle__track .cslhdrhb-big-toggle__on{display:block}
.cslhdrhb-big-toggle input:checked+.cslhdrhb-big-toggle__track .cslhdrhb-big-toggle__off{display:none}

/* =========================================================================
	Toggle tiles
	========================================================================= */
.cslhdrhb-toggles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;padding:12px 18px}
.cslhdrhb-toggle-tile{background:var(--bg3);border:1px solid var(--border);border-radius:9px;padding:12px;transition:all .15s}
.cslhdrhb-toggle-tile:hover{border-color:var(--bh)}
.cslhdrhb-toggle-tile--on{border-color:rgba(45,212,191,0.3);background:rgba(45,212,191,0.05)}
.cslhdrhb-toggle-tile__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px;gap:6px}
.cslhdrhb-toggle-tile__name{font-size:12px;font-weight:700;color:var(--text)!important}
.cslhdrhb-toggle-tile__desc{font-size:10px;color:var(--mu)!important;line-height:1.4}

/* =========================================================================
	Small toggle
	========================================================================= */
.cslhdrhb-toggle{display:inline-flex;align-items:center;gap:8px;cursor:pointer;user-select:none}
.cslhdrhb-toggle input{position:absolute;opacity:0;width:0;height:0}
.cslhdrhb-toggle__track{position:relative;display:inline-block;width:38px;height:21px;background:rgba(255,255,255,0.10);border:1px solid rgba(255,255,255,0.15);border-radius:11px;transition:all .2s;flex-shrink:0}
.cslhdrhb-app[data-theme="light"] .cslhdrhb-toggle__track{background:rgba(0,0,0,0.10);border-color:rgba(0,0,0,0.15)}
.cslhdrhb-toggle__track::after{content:'';position:absolute;top:2px;left:2px;width:15px;height:15px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px rgba(0,0,0,.3)}
.cslhdrhb-toggle input:checked+.cslhdrhb-toggle__track{background:var(--teal);border-color:var(--teal)}
.cslhdrhb-toggle input:checked+.cslhdrhb-toggle__track::after{transform:translateX(17px)}
.cslhdrhb-toggle__label{font-size:13px;font-weight:600;color:var(--text)!important}

/* =========================================================================
	Roles
	========================================================================= */
.cslhdrhb-roles-grid{display:flex;flex-wrap:wrap;gap:8px 18px}
.cslhdrhb-role-label{display:flex;align-items:center;gap:6px;font-size:12px;cursor:pointer;color:var(--text)!important}
.cslhdrhb-role-label input{accent-color:var(--teal)}

/* =========================================================================
	URL Manager
	========================================================================= */
.cslhdrhb-url-search-wrap{margin-bottom:12px;position:relative}
.cslhdrhb-search-box{display:flex;align-items:center;gap:8px;background:var(--surf);border:1px solid var(--bh);border-radius:8px;padding:8px 12px;transition:border-color .2s}
.cslhdrhb-search-box:focus-within{border-color:var(--gold);box-shadow:0 0 0 2px rgba(201,168,76,0.10)}
.cslhdrhb-search-icon{font-size:14px;flex-shrink:0}
.cslhdrhb-search-box input{flex:1;background:none;border:none;outline:none;color:var(--text)!important;font-size:13px}
.cslhdrhb-search-box input::placeholder{color:var(--mu2)!important}
.cslhdrhb-search-results{position:absolute;left:0;right:0;top:calc(100% + 2px);background:var(--bg2);border:1px solid var(--bh);border-radius:8px;z-index:200;max-height:240px;overflow-y:auto;box-shadow:var(--shadow)}
.cslhdrhb-sr-item{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-bottom:1px solid var(--border);gap:8px;transition:background .12s}
.cslhdrhb-sr-item:last-child{border-bottom:none}
.cslhdrhb-sr-item:hover{background:var(--surfh)}
.cslhdrhb-sr-item--added{opacity:.5}
.cslhdrhb-sr-item__info{display:flex;flex-direction:column;gap:1px;min-width:0}
.cslhdrhb-sr-type{font-size:10px;font-weight:700;color:var(--gold)!important;text-transform:uppercase;letter-spacing:.07em}
.cslhdrhb-sr-title{font-size:12px;font-weight:600;color:var(--text)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}
.cslhdrhb-sr-path{font-size:10px;color:var(--mu)!important}
.cslhdrhb-sr-add{flex-shrink:0;padding:4px 10px;border-radius:5px;background:rgba(45,212,191,0.10);border:1px solid rgba(45,212,191,0.3);color:var(--teal)!important;font-size:11px;font-weight:600;cursor:pointer;transition:all .12s;white-space:nowrap}
.cslhdrhb-sr-add:hover:not([disabled]){background:rgba(45,212,191,0.20)}
.cslhdrhb-sr-add[disabled]{opacity:.4;cursor:default}
.cslhdrhb-sr-empty{padding:12px;text-align:center;color:var(--mu)!important;font-size:12px}
.cslhdrhb-excluded-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.cslhdrhb-excluded-list-title{font-size:12px;font-weight:700;color:var(--gold)!important;display:flex;align-items:center;gap:6px}
.cslhdrhb-excluded-count{background:rgba(201,168,76,0.15);color:var(--gold)!important;padding:1px 6px;border-radius:9px;font-size:10px;font-weight:700}
.cslhdrhb-clear-all{background:none;border:none;color:rgba(248,113,113,0.7)!important;font-size:11px;cursor:pointer;padding:3px 6px;border-radius:5px;transition:all .12s}
.cslhdrhb-clear-all:hover{background:rgba(248,113,113,0.10);color:var(--red)!important}
.cslhdrhb-excluded-list{display:flex;flex-direction:column;gap:5px;min-height:40px}
.cslhdrhb-excluded-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;text-align:center}
.cslhdrhb-excluded-empty p{color:var(--mu)!important;font-size:12px;margin:0}
.cslhdrhb-excluded-item{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--surf);border:1px solid var(--border);border-radius:7px;padding:8px 11px;transition:border-color .12s}
.cslhdrhb-excluded-item:hover{border-color:var(--bh)}
.cslhdrhb-excluded-item__info{display:flex;flex-direction:column;gap:1px;min-width:0}
.cslhdrhb-excluded-item__type{font-size:9px;font-weight:700;color:var(--gold)!important;text-transform:uppercase;letter-spacing:.07em}
.cslhdrhb-excluded-item__title{font-size:12px;font-weight:600;color:var(--text)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:380px}
.cslhdrhb-excluded-item__url{font-size:10px;color:var(--teal)!important;text-decoration:none}
.cslhdrhb-excluded-item__url:hover{text-decoration:underline}
.cslhdrhb-excluded-item__remove{background:none;border:none;color:rgba(248,113,113,0.5)!important;font-size:14px;cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0;transition:all .12s}
.cslhdrhb-excluded-item__remove:hover{background:rgba(248,113,113,0.12);color:var(--red)!important}
.cslhdrhb-url-save-bar{display:flex;align-items:center;gap:10px;padding-top:12px;border-top:1px solid var(--border);margin-top:10px}
.cslhdrhb-btn-save-urls{padding:8px 18px;border-radius:7px;background:var(--gold);color:#080B18!important;border:none;font-size:12px;font-weight:700;cursor:pointer;transition:all .12s}
.cslhdrhb-btn-save-urls:hover{background:var(--glt)}
.cslhdrhb-save-msg{font-size:12px;font-weight:600}
.cslhdrhb-save-msg--ok{color:var(--teal)!important}
.cslhdrhb-save-msg--err{color:var(--red)!important}

/* =========================================================================
	Popup preview
	========================================================================= */
.cslhdrhb-preview-stage{display:flex;align-items:center;justify-content:center;min-height:220px;border-radius:0 0 12px 12px;background:rgba(0,0,0,0.55);padding:18px;transition:background .2s}
.cslhdrhb-preview-modal{width:100%;max-width:260px;padding:22px 18px 16px;text-align:center;box-shadow:0 16px 48px rgba(0,0,0,0.3);transition:all .15s}
.cslhdrhb-preview-icon{font-size:30px;margin-bottom:8px;display:block}
.cslhdrhb-preview-title{font-size:13px;font-weight:700;margin:0 0 6px}
.cslhdrhb-preview-msg{font-size:11px;line-height:1.5;margin:0 0 14px;opacity:.85}
.cslhdrhb-preview-ok{padding:7px 22px;border:2px solid transparent;border-radius:6px;font-size:11px;font-weight:600;cursor:default}

/* =========================================================================
	Color picker
	========================================================================= */
.cslhdrhb-color-row{display:flex;align-items:center;gap:7px}
.cslhdrhb-color-input{width:36px;height:30px;padding:2px;border:1px solid var(--bh)!important;border-radius:5px;cursor:pointer;background:none!important}
.cslhdrhb-color-text{width:76px!important;font-family:monospace}

/* =========================================================================
	Form table
	========================================================================= */
.cslhdrhb-form-table{margin:0}
.cslhdrhb-form-table th{width:160px;padding:10px 0;color:var(--gold)!important;font-size:12px;font-weight:700;vertical-align:top;padding-top:12px}
.cslhdrhb-form-table td{padding:8px 0}
.cslhdrhb-form-table .description{font-size:11px;color:var(--mu)!important;margin-top:3px}

/* =========================================================================
	Accordion
	========================================================================= */
.cslhdrhb-accordion{background:var(--bg2);border:1px solid var(--border);border-radius:11px;margin-bottom:8px;overflow:hidden;transition:border-color .2s}
.cslhdrhb-accordion:hover{border-color:var(--bh)}
.cslhdrhb-accordion__head{display:flex;align-items:center;gap:10px;width:100%;padding:14px 18px;background:none;border:none;cursor:pointer;text-align:left;transition:background .15s}
.cslhdrhb-accordion__head:hover{background:var(--surf)}
.cslhdrhb-accordion--open .cslhdrhb-accordion__head{border-bottom:1px solid var(--border);background:var(--surf)}
.cslhdrhb-accordion__icon{font-size:18px;flex-shrink:0}
.cslhdrhb-accordion__info{flex:1;min-width:0}
.cslhdrhb-accordion__title{display:block;font-size:12px;font-weight:700;color:var(--text)!important;margin-bottom:2px}
.cslhdrhb-accordion__desc{display:block;font-size:10px;color:var(--mu)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}
.cslhdrhb-accordion__arrow{font-size:18px;color:var(--mu)!important;transition:transform .2s;flex-shrink:0}
.cslhdrhb-accordion--open .cslhdrhb-accordion__arrow{transform:rotate(90deg);color:var(--gold)!important}
.cslhdrhb-accordion__body{padding:16px 18px}
.cslhdrhb-tier2-badge{display:inline-block;padding:2px 7px;background:var(--gold);color:#080B18!important;font-size:9px;font-weight:800;border-radius:9px;letter-spacing:.03em;flex-shrink:0}

/* =========================================================================
	Tier 2 fields
	========================================================================= */
.cslhdrhb-sub-fields{margin-top:10px;padding:12px 14px;background:var(--surf);border:1px solid var(--border);border-radius:7px}
.cslhdrhb-field-row{margin-bottom:10px}
.cslhdrhb-field-row:last-child{margin-bottom:0}
.cslhdrhb-label{display:block;font-size:11px;font-weight:700;color:var(--gold)!important;margin-bottom:4px}
.cslhdrhb-field-desc{font-size:10px;color:var(--mu)!important;margin-top:3px}
.cslhdrhb-radio-group{display:flex;gap:14px;flex-wrap:wrap}
.cslhdrhb-radio-group label{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--text)!important;cursor:pointer}
.cslhdrhb-radio-group input{accent-color:var(--teal)}
.cslhdrhb-notice{padding:8px 12px;border-radius:6px;font-size:11px;margin-bottom:8px}
.cslhdrhb-notice--warn{background:rgba(251,191,36,0.10);border:1px solid rgba(251,191,36,0.25);color:#fbbf24!important}
.cslhdrhb-notice--info{background:rgba(45,212,191,0.08);border:1px solid rgba(45,212,191,0.2);color:var(--teal)!important}
.cslhdrhb-media-btn{padding:5px 12px;background:var(--surf);border:1px solid var(--bh);color:var(--gold)!important;border-radius:5px;font-size:11px;font-weight:600;cursor:pointer;transition:all .12s}
.cslhdrhb-media-btn:hover{background:var(--surfh)}
.cslhdrhb-btn-secondary{padding:7px 16px;background:rgba(45,212,191,0.10);border:1px solid rgba(45,212,191,0.25);color:var(--teal)!important;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .12s}
.cslhdrhb-btn-secondary:hover{background:rgba(45,212,191,0.18)}

/* =========================================================================
	Stats
	========================================================================= */
.cslhdrhb-stats-grid-outer{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:4px}
.cslhdrhb-stat-card{background:var(--bg2);border:1px solid var(--border);border-radius:11px;padding:16px 14px;text-align:center}
.cslhdrhb-stat-card__num{display:block;font-size:30px;font-weight:800;color:var(--gold)!important;line-height:1;margin-bottom:5px}
.cslhdrhb-stat-card__lbl{font-size:10px;color:var(--mu)!important}
.cslhdrhb-bar-row{display:flex;align-items:center;gap:8px;margin-bottom:7px}
.cslhdrhb-bar-row__label{font-size:11px;color:var(--text)!important;width:130px;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cslhdrhb-bar-row__track{flex:1;height:5px;background:var(--surf);border-radius:3px;overflow:hidden}
.cslhdrhb-bar-row__fill{height:100%;background:var(--gold);border-radius:3px;transition:width .5s ease}
.cslhdrhb-bar-row__count{font-size:11px;font-weight:700;color:var(--gold)!important;min-width:26px;text-align:right}
.cslhdrhb-empty-stats{display:flex;flex-direction:column;align-items:center;gap:10px;padding:40px 20px;text-align:center}
.cslhdrhb-empty-stats p{color:var(--mu)!important;font-size:12px;margin:0}
.cslhdrhb-reset-btn{display:inline-flex;align-items:center;gap:6px;margin-top:10px;background:none;border:1px solid rgba(248,113,113,0.3);color:var(--red)!important;font-size:11px;font-weight:600;padding:6px 14px;border-radius:6px;cursor:pointer;transition:all .12s}
.cslhdrhb-reset-btn:hover{background:rgba(248,113,113,0.08);border-color:rgba(248,113,113,0.5)}

/* =========================================================================
	Sidebar
	========================================================================= */
.cslhdrhb-col-side{display:flex;flex-direction:column;gap:0}
.cslhdrhb-side-card{background:var(--bg2);border:1px solid var(--border);border-radius:11px;padding:16px 18px;margin-bottom:12px}
.cslhdrhb-side-card__title{margin:0 0 10px;font-size:10px;font-weight:700;color:var(--gold)!important;text-transform:uppercase;letter-spacing:.07em}
.cslhdrhb-side-save{border-color:var(--bh)}
.cslhdrhb-save-btn{display:block;width:100%;padding:11px;background:var(--gold);color:#080B18!important;border:none;border-radius:8px;font-size:13px;font-weight:800;cursor:pointer;margin-bottom:6px;transition:all .15s;box-shadow:0 4px 14px rgba(201,168,76,0.25)}
.cslhdrhb-save-btn:hover{background:var(--glt);transform:translateY(-1px)}
.cslhdrhb-side-save__hint{margin:0;font-size:10px;color:var(--mu2)!important;text-align:center}
.cslhdrhb-status-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:5px}
.cslhdrhb-status-item{display:flex;align-items:center;gap:6px;font-size:11px}
.cslhdrhb-status-item--on{color:var(--teal)!important}
.cslhdrhb-status-item--off{color:var(--mu2)!important}
.cslhdrhb-side-info{text-align:center}
.cslhdrhb-side-info__logo{font-size:28px;margin-bottom:5px}
.cslhdrhb-side-info__name{font-size:13px;font-weight:800;color:var(--text)!important;margin:0 0 2px}
.cslhdrhb-side-info__ver{font-size:11px;color:var(--gold)!important;margin:0 0 8px}
.cslhdrhb-side-info__divider{height:1px;background:var(--border);margin:8px 0}
.cslhdrhb-side-info__note{font-size:10px;color:var(--mu)!important;line-height:1.5;margin:0}

/* =========================================================================
	Inputs
	========================================================================= */
.cslhdrhb-app input[type=text],.cslhdrhb-app input[type=email],.cslhdrhb-app input[type=url],.cslhdrhb-app input[type=number],.cslhdrhb-app select,.cslhdrhb-app textarea{background:var(--surf)!important;color:var(--text)!important;border:1px solid var(--bh)!important;border-radius:5px!important}
.cslhdrhb-app input[type=text]:focus,.cslhdrhb-app input[type=email]:focus,.cslhdrhb-app select:focus,.cslhdrhb-app textarea:focus{border-color:var(--gold)!important;box-shadow:0 0 0 2px rgba(201,168,76,0.12)!important;outline:none!important}
.cslhdrhb-app input[type=range]{accent-color:var(--teal)}
.cslhdrhb-search-results::-webkit-scrollbar{width:4px}
.cslhdrhb-search-results::-webkit-scrollbar-thumb{background:var(--bh);border-radius:2px}