/* CallBridge admin refresh v1.0.0. Scoped away from TV and PC monitoring. */
/* v1.1.0: override the legacy fixed-width !important icon rail. */
html.cb-admin-refresh.cb-admin-refresh.cb-admin-refresh.cb-admin-refresh body .cb34-shell { grid-template-columns:224px minmax(0,1fr)!important; height:auto!important; width:100%!important; min-height:100dvh!important; overflow:visible!important; }
html.cb-admin-refresh.cb-admin-refresh.cb-admin-refresh.cb-admin-refresh body .cb34-stage { display:block!important; min-width:0!important; overflow:visible!important; }
html.cb-admin-refresh.cb-admin-refresh.cb-admin-refresh.cb-admin-refresh body .cb34-rail { width:224px!important; min-width:224px!important; max-width:224px!important; padding:18px 12px!important; align-items:stretch!important; height:100dvh!important; position:sticky!important; top:0; overflow-y:auto!important; }
html.cb-admin-refresh.cb-admin-refresh.cb-admin-refresh.cb-admin-refresh body .cb34-rail nav { align-items:stretch!important; width:100%!important; gap:5px!important; }
html.cb-admin-refresh.cb-admin-refresh.cb-admin-refresh.cb-admin-refresh body .cb34-rail nav a { display:flex!important; justify-content:flex-start!important; align-items:center!important; width:100%!important; height:auto!important; min-height:44px!important; gap:12px!important; padding:10px 12px!important; }
html.cb-admin-refresh.cb-admin-refresh.cb-admin-refresh.cb-admin-refresh body .cb34-rail nav a svg { flex:0 0 20px!important; width:20px!important; height:20px!important; }
html.cb-admin-refresh body .cb-admin-nav-label { display:block!important; min-width:0; white-space:normal!important; overflow-wrap:anywhere; text-align:left!important; font-size:13px!important; line-height:1.4!important; }
html.cb-admin-refresh.cb-admin-refresh.cb-admin-refresh.cb-admin-refresh body .cb34-rail nav a::after { content:none!important; }
.cb-admin-operationbar { display:flex; flex-wrap:wrap; align-items:center; gap:10px; padding:16px; margin:0 0 16px; background:var(--admin-card); border:1px solid var(--admin-line); border-radius:12px; }
.cb-admin-operationbar input[type=search] { flex:1 1 260px; min-width:0; background:var(--admin-card); color:var(--admin-text); border:1px solid var(--admin-line); border-radius:8px; padding:10px 12px; font-size:14px; }
.cb-admin-row-select { width:17px; height:17px; margin-right:10px; vertical-align:middle; accent-color:#176cc1; }
.cb-admin-action-result { display:block; flex-basis:100%; font-size:12px; max-width:420px; white-space:normal; }
.cb-admin-action-result.error { color:#d6605e; }
.cb-admin-draft-dialog { width:min(1000px,calc(100vw - 32px)); max-height:90dvh; padding:24px; border:1px solid var(--admin-line); border-radius:14px; background:var(--admin-card); color:var(--admin-text); box-shadow:0 24px 90px #0005; }
.cb-admin-draft-dialog::backdrop { background:#0d182999; }
.cb-admin-draft-text { display:block; width:100%; min-height:45dvh; margin:16px 0; padding:16px; border:1px solid var(--admin-line); border-radius:10px; color:var(--admin-text); background:var(--admin-bg); font:14px/1.6 system-ui,sans-serif; resize:vertical; }
@media(max-width:720px) { html.cb-admin-refresh.cb-admin-refresh.cb-admin-refresh.cb-admin-refresh body .cb34-shell { display:block!important; } html.cb-admin-refresh.cb-admin-refresh.cb-admin-refresh.cb-admin-refresh body .cb34-rail { width:100%!important; min-width:0!important; max-width:none!important; height:auto!important; position:static!important; } html.cb-admin-refresh.cb-admin-refresh.cb-admin-refresh.cb-admin-refresh body .cb34-rail nav { display:flex!important; flex-direction:row!important; flex-wrap:wrap!important; } html.cb-admin-refresh.cb-admin-refresh.cb-admin-refresh.cb-admin-refresh body .cb34-rail nav a { width:auto!important; flex:1 1 145px!important; } }
html.cb-admin-refresh { --admin-bg:#f4f6fa; --admin-card:#fff; --admin-text:#172b45; --admin-muted:#63748b; --admin-line:#dfe6ef; --admin-blue:#176cc1; }
html.cb-admin-refresh[data-theme=dark] { --admin-bg:#0d1829; --admin-card:#142237; --admin-text:#e5edf8; --admin-muted:#a1b1c6; --admin-line:#2a3b52; --admin-blue:#5ca9ff; }
.cb-admin-refresh body { background:var(--admin-bg); color:var(--admin-text); font-family:system-ui,-apple-system,"Segoe UI",sans-serif; font-size:14px; line-height:1.55; }
.cb-admin-refresh .container { max-width:1480px; padding:28px 32px 44px; }
.cb-admin-refresh .topbar { min-height:72px; height:auto; flex-wrap:wrap; gap:10px 20px; padding:14px 28px; background:var(--admin-card); border-color:var(--admin-line); }
.cb-admin-refresh .brand { margin-right:12px; color:var(--admin-text); font-size:19px; white-space:nowrap; }
.cb-admin-refresh .nav { flex-wrap:wrap; gap:4px; }
.cb-admin-refresh .nav a { font-size:13px; padding:9px 12px; color:var(--admin-muted); }
.cb-admin-refresh .nav a.active { background:#e8f2ff; color:#14599e; font-weight:700; }
.cb-admin-refresh h1 { font-size:28px; letter-spacing:-.7px; line-height:1.2; }
.cb-admin-refresh h2 { font-size:18px; letter-spacing:-.2px; }
.cb-admin-refresh .pagehead { margin-bottom:24px; }
.cb-admin-refresh .muted { color:var(--admin-muted); }
.cb-admin-refresh .card,.cb-admin-refresh .cb3-panel,.cb-admin-refresh .cb3-settings-card { background:var(--admin-card); color:var(--admin-text); border:1px solid var(--admin-line); border-radius:14px; box-shadow:0 3px 14px #122b4510; }
.cb-admin-refresh .card { padding:22px; min-width:0; }
.cb-admin-refresh .grid { gap:20px; align-items:start; }
.cb-admin-refresh .field { margin-bottom:18px; }
.cb-admin-refresh .field label,.cb-admin-refresh .cb3-field>span,.cb-admin-refresh .cb3-form-grid label>span { font-size:13px; font-weight:600; color:var(--admin-text); text-transform:none; letter-spacing:normal; }
.cb-admin-refresh .field .muted,.cb-admin-refresh .cb3-field small,.cb-admin-refresh .cb3-form-grid small { font-size:12px; line-height:1.55; margin-top:5px; }
.cb-admin-refresh .field input:not([type=checkbox]):not([type=radio]),.cb-admin-refresh .field select,.cb-admin-refresh .field textarea,.cb-admin-refresh .cb3-field input:not([type=checkbox]):not([type=radio]),.cb-admin-refresh .cb3-field select,.cb-admin-refresh .cb3-field textarea,.cb-admin-refresh .cb3-form-grid input:not([type=checkbox]):not([type=radio]),.cb-admin-refresh .cb3-form-grid select,.cb-admin-refresh .cb3-form-grid textarea { min-height:42px; border:1px solid var(--admin-line); background:var(--admin-card); color:var(--admin-text); border-radius:9px; font-size:14px; padding:10px 12px; max-width:100%; }
.cb-admin-refresh .field input[type=checkbox],.cb-admin-refresh .field input[type=radio] { width:auto; accent-color:#176cc1; }
.cb-admin-refresh :is(input,select,textarea,button,a):focus-visible { outline:3px solid #53a4ef; outline-offset:3px; }
.cb-admin-refresh .btn,.cb-admin-refresh .cb3-button { min-height:38px; border-radius:9px; font-size:13px; padding:9px 13px; white-space:normal; }
.cb-admin-refresh .btn.secondary,.cb-admin-refresh .cb3-button.secondary { background:var(--admin-card); color:var(--admin-text); border-color:var(--admin-line); }
.cb-admin-refresh .actions { gap:8px; padding-top:5px; }
.cb-admin-refresh .notice,.cb-admin-refresh .cb3-notice { border-radius:10px; font-size:13px; line-height:1.6; }
.cb-admin-refresh .pre { font-size:12px; background:var(--admin-bg); border-color:var(--admin-line); overflow-wrap:anywhere; }
.cb-admin-refresh .tablewrap,.cb-admin-refresh .cb3-table-wrap { border-radius:12px; overflow:auto; }
.cb-admin-refresh table,.cb-admin-refresh .cb3-table { font-size:13px; background:var(--admin-card); color:var(--admin-text); }
.cb-admin-refresh th,.cb-admin-refresh .cb3-table th { padding:13px 14px; font-size:11px; letter-spacing:.03em; background:var(--admin-bg); color:var(--admin-muted); border-color:var(--admin-line); }
.cb-admin-refresh td,.cb-admin-refresh .cb3-table td { padding:13px 14px; border-color:var(--admin-line); }
.cb-admin-refresh tbody tr:hover { background:var(--admin-bg); }
.cb-admin-refresh .cb34-shell.cb38-admin-shell { height:auto; min-height:100dvh; overflow:visible; background:var(--admin-bg); grid-template-columns:210px minmax(0,1fr); }
.cb-admin-refresh .cb34-stage.cb38-admin-stage { display:block; overflow:visible; }
.cb-admin-refresh .cb34-rail { align-items:stretch; background:var(--admin-card); border-color:var(--admin-line); padding:14px 12px; box-shadow:none; }
.cb-admin-refresh .cb34-rail nav { align-items:stretch; gap:5px; }
.cb-admin-refresh .cb34-rail nav a { width:100%; height:auto; min-height:43px; display:flex; justify-content:flex-start; gap:12px; padding:10px 12px; color:var(--admin-muted); }
.cb-admin-refresh .cb34-rail nav a svg { flex-shrink:0; width:19px; height:19px; }
.cb-admin-refresh .cb34-rail nav a.active { background:#176cc1; color:white; box-shadow:none; }
.cb-admin-refresh .cb-admin-nav-label { font-size:13px; font-weight:600; }
.cb-admin-refresh .cb34-rail-top { width:100%; height:55px; margin-bottom:18px; border-color:var(--admin-line); }
.cb-admin-refresh .cb3-pc-header { height:auto; min-height:100px; padding:22px 28px; background:var(--admin-card); color:var(--admin-text); border-color:var(--admin-line); flex-wrap:wrap; }
.cb-admin-refresh .cb3-pc-header h1 { font-size:28px; }
.cb-admin-refresh .cb3-header-sub { font-size:13px; color:var(--admin-muted); max-width:760px; }
.cb-admin-refresh .cb3-header-actions { flex-wrap:wrap; }
.cb-admin-refresh .cb38-calls-main,.cb-admin-refresh .cb3-settings-main,.cb-admin-refresh .cb3-analytics-main { padding:24px 28px 40px; overflow:visible; }
.cb-admin-refresh .cb3-panel-head,.cb-admin-refresh .cb3-settings-head { padding:18px 20px; min-height:72px; border-color:var(--admin-line); }
.cb-admin-refresh .cb3-panel-head h2,.cb-admin-refresh .cb3-settings-head h2 { font-size:17px; }
.cb-admin-refresh .cb3-panel-head p,.cb-admin-refresh .cb3-settings-head p { font-size:12px; }
.cb-admin-refresh .cb-admin-section-nav { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 22px; padding:14px; background:var(--admin-card); border:1px solid var(--admin-line); border-radius:12px; }
.cb-admin-refresh .cb-admin-section-nav a { color:var(--admin-blue); border:1px solid var(--admin-line); border-radius:8px; padding:7px 11px; font-size:13px; }
.cb-admin-refresh :is(section.card,article.cb3-settings-card) { scroll-margin-top:100px; }
.cb-admin-refresh .login-card { border-radius:16px; box-shadow:0 12px 50px #172b4514; }
@media(max-width:1000px) { .cb-admin-refresh .grid.two,.cb-admin-refresh .grid.three { grid-template-columns:1fr; } .cb-admin-refresh .cb34-shell.cb38-admin-shell { grid-template-columns:170px minmax(0,1fr); } }
@media(max-width:700px) { .cb-admin-refresh .container { padding:20px 14px; } .cb-admin-refresh .topbar { padding:14px; } .cb-admin-refresh .nav { width:100%; } .cb-admin-refresh .cb34-shell.cb38-admin-shell { display:block; width:100%; } .cb-admin-refresh .cb34-rail { display:flex; padding:10px; } .cb-admin-refresh .cb34-rail-top,.cb-admin-refresh .cb34-theme { display:none; } .cb-admin-refresh .cb34-rail nav { flex-direction:row; flex-wrap:wrap; } .cb-admin-refresh .cb34-rail nav a { width:auto; flex:1 1 130px; } .cb-admin-refresh .cb3-pc-header,.cb-admin-refresh .cb38-calls-main,.cb-admin-refresh .cb3-settings-main,.cb-admin-refresh .cb3-analytics-main { padding:18px 14px; } .cb-admin-refresh .pagehead,.cb-admin-refresh .live-head { flex-wrap:wrap; } .cb-admin-refresh .card { padding:18px; } }
