:root{color-scheme:dark;--bg:#06101e;--glass:rgba(15,31,50,.66);--line:rgba(255,255,255,.1);--txt:#eef6ff;--muted:#8fa8c0;--accent:#58a6ff;--good:#33d69f;--warn:#ffbe55;--bad:#ff6b7a}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 10% 0,#102d52 0,transparent 35%),radial-gradient(circle at 90% 15%,#17355b 0,transparent 30%),var(--bg);font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--txt)}
.orb{position:fixed;width:300px;height:300px;border-radius:50%;filter:blur(90px);opacity:.25;pointer-events:none}.orb-a{background:#377dff;left:-120px;top:20%}.orb-b{background:#00d8a4;right:-140px;bottom:10%}
.shell{width:min(1220px,calc(100% - 28px));margin:22px auto 60px;position:relative}.glass{background:var(--glass);border:1px solid var(--line);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 20px 60px rgba(0,0,0,.2);border-radius:20px}
.topbar{padding:24px 26px;display:flex;justify-content:space-between;gap:18px;align-items:center}.topbar h1{margin:3px 0 3px;font-size:28px}.topbar p{margin:0;color:var(--muted)}.eyebrow{font-size:11px;letter-spacing:.16em;color:#76b7ff;font-weight:800}.status-wrap{display:flex;gap:8px;align-items:center;color:var(--muted);white-space:nowrap}.dot{width:9px;height:9px;background:#657383;border-radius:50%;box-shadow:0 0 0 5px rgba(101,115,131,.12)}.dot.ok{background:var(--good);box-shadow:0 0 0 5px rgba(51,214,159,.12)}
.login-panel{max-width:650px;margin:24px auto;padding:26px}.login-panel h2,.card h2{margin:2px 0 6px}.login-panel p,.card p{color:var(--muted)}.row,.actions{display:flex;gap:9px;align-items:center}.row input{flex:1}.hidden{display:none!important}
input,button{border:1px solid var(--line);background:rgba(8,20,34,.74);color:var(--txt);border-radius:11px;padding:11px 13px;font:inherit}button{cursor:pointer;transition:.16s ease}button:hover{transform:translateY(-1px);border-color:rgba(88,166,255,.45)}button.primary{background:linear-gradient(135deg,#2f7ef7,#3da7ff);border-color:transparent;font-weight:750}.error{color:var(--bad);margin-top:10px}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.stat{padding:19px}.stat span{color:var(--muted);display:block}.stat strong{font-size:30px;display:block;margin-top:2px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.card{padding:21px;margin-bottom:14px}.card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.codebox{background:#07111d;border:1px solid var(--line);border-radius:12px;padding:13px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto;color:#bfe0ff}.codebox.small{min-height:54px;white-space:pre-wrap}.hint{color:var(--muted);font-size:12px;margin-top:9px}.pill{border:1px solid var(--line);border-radius:999px;padding:7px 10px;color:var(--muted)}.pill.active{color:var(--good);border-color:rgba(51,214,159,.35)}
.chat-list{display:grid;gap:9px;margin-top:15px}.chat{display:flex;justify-content:space-between;align-items:center;gap:12px;background:rgba(7,17,29,.5);border:1px solid var(--line);padding:12px;border-radius:13px}.chat strong{display:block}.chat small{color:var(--muted)}.chat .meta{min-width:0}.empty{color:var(--muted);padding:16px;text-align:center;border:1px dashed var(--line);border-radius:12px}
.search{width:230px}.table-wrap{overflow:auto;margin-top:13px}table{width:100%;border-collapse:collapse;min-width:800px}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:11px;letter-spacing:.08em;color:var(--muted);text-transform:uppercase}td small{color:var(--muted)}.badge{display:inline-flex;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:750}.sent{background:rgba(51,214,159,.12);color:var(--good)}.pending{background:rgba(255,190,85,.12);color:var(--warn)}.dead{background:rgba(255,107,122,.12);color:var(--bad)}
#toast{position:fixed;right:18px;bottom:18px;background:#10243a;border:1px solid var(--line);border-radius:12px;padding:11px 14px;opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s;max-width:380px;box-shadow:0 15px 45px rgba(0,0,0,.35)}#toast.show{opacity:1;transform:none}dialog{width:min(850px,calc(100% - 30px));max-height:85vh;background:#0a1727;color:var(--txt);border:1px solid var(--line);border-radius:18px;padding:18px}dialog::backdrop{background:rgba(0,0,0,.65);backdrop-filter:blur(4px)}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head h3{margin:0}pre{white-space:pre-wrap;word-break:break-word;background:#06111d;border:1px solid var(--line);padding:14px;border-radius:12px;max-height:65vh;overflow:auto}
@media(max-width:800px){.topbar{align-items:flex-start;flex-direction:column}.stats-grid{grid-template-columns:1fr 1fr}.grid2{grid-template-columns:1fr}.card-head{flex-direction:column}.actions{flex-wrap:wrap}.search{width:100%}.row{flex-direction:column;align-items:stretch}}

.setup-panel{max-width:980px;margin:24px auto;padding:26px}.setup-panel h2{margin:2px 0 6px}.setup-panel p{color:var(--muted);margin:4px 0 0}.warn-pill{color:var(--warn);border-color:rgba(255,190,85,.35)}
.config-card{margin-top:18px}.config-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.field{display:flex;flex-direction:column;gap:7px}.field>span{font-size:12px;font-weight:800;letter-spacing:.04em;color:#c8ddf2}.field input{width:100%}.field small{color:var(--muted);min-height:18px}.config-actions{justify-content:flex-end;margin-top:16px}.inline-secret{display:flex;gap:8px;margin-top:10px}.inline-secret input{flex:1;min-width:0}
@media(max-width:800px){.config-grid{grid-template-columns:1fr}.config-actions{justify-content:stretch}.config-actions button{flex:1}.inline-secret{flex-direction:column}.setup-panel{padding:21px}}

.zalo-health{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.zalo-health>div{background:rgba(7,17,29,.5);border:1px solid var(--line);padding:10px;border-radius:12px}.zalo-health span{display:block;font-size:10px;letter-spacing:.08em;color:var(--muted);margin-bottom:3px}.zalo-health strong{font-size:12px}.ok-text{color:var(--good)}.bad-text{color:var(--bad)}.warn-text{color:var(--warn)}.manual-chat{display:flex;gap:8px;margin-top:14px}.manual-chat input{flex:1;min-width:0}@media(max-width:800px){.zalo-health{grid-template-columns:1fr}.manual-chat{flex-direction:column}}

.group-picker{margin:14px 0;padding:13px;border:1px solid rgba(88,166,255,.22);background:rgba(8,20,34,.45);border-radius:14px}.group-picker label span{display:block;font-size:10px;letter-spacing:.1em;color:var(--muted);font-weight:800;margin-bottom:7px}.group-picker-row{display:flex;gap:8px}.group-picker select{flex:1;min-width:0;border:1px solid var(--line);background:#081422;color:var(--txt);border-radius:11px;padding:11px 13px;font:inherit}.group-picker small{display:block;color:var(--muted);margin-top:7px}.group-picker small.good{color:var(--good)}.group-picker small.bad{color:var(--bad)}button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}@media(max-width:800px){.group-picker-row{flex-direction:column}.group-picker-row button{width:100%}}

textarea,select{border:1px solid var(--line);background:rgba(8,20,34,.74);color:var(--txt);border-radius:11px;padding:11px 13px;font:inherit}textarea{width:100%;resize:vertical;min-height:82px}.message-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);gap:16px;margin-top:16px}.message-editor{display:grid;gap:12px}.toggle-row{display:flex;gap:10px;align-items:flex-start;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:rgba(7,17,29,.45);cursor:pointer}.toggle-row input{width:18px;height:18px;margin:1px 0 0;accent-color:#58a6ff}.message-preview-wrap{border:1px solid rgba(88,166,255,.22);border-radius:14px;background:rgba(7,17,29,.62);padding:12px;min-width:0}.preview-title{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:9px}.preview-title span{font-size:10px;letter-spacing:.1em;color:var(--muted);font-weight:800}.message-preview{margin:0;min-height:260px;max-height:430px;overflow:auto;background:#06111d;border:1px solid var(--line);border-radius:11px;padding:14px;white-space:pre-wrap;word-break:break-word;color:#d9ecff}.message-fields-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:20px 0 10px}.message-fields-head small{color:var(--muted)}.message-field-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.message-field-row{display:grid;grid-template-columns:minmax(170px,.8fr) minmax(170px,1fr);gap:10px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:12px;background:rgba(7,17,29,.42)}.message-field-check{display:flex;gap:9px;align-items:center;cursor:pointer;min-width:0}.message-field-check input{width:18px;height:18px;flex:0 0 auto;accent-color:#58a6ff}.message-field-check span{min-width:0}.message-field-check strong,.message-field-check small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-field-check small{color:var(--muted);font-size:10px}.message-label-input{width:100%;min-width:0}.message-settings-actions{justify-content:flex-end;margin-top:16px}
@media(max-width:900px){.message-layout{grid-template-columns:1fr}.message-field-list{grid-template-columns:1fr}}
@media(max-width:600px){.message-fields-head{align-items:flex-start;flex-direction:column}.message-field-row{grid-template-columns:1fr}.message-settings-actions{justify-content:stretch}.message-settings-actions button{flex:1}.message-preview{min-height:220px}}

/* POSCake revenue dashboard */
.poscake-card{border-color:rgba(65,214,171,.18)}.poscake-config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:16px}.poscake-wide{grid-column:1/-1}.poscake-toggles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:14px}.poscake-fields-head{margin-bottom:8px}.poscake-report-fields{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.poscake-report-fields label{display:flex;gap:8px;align-items:center;background:rgba(7,17,29,.45);border:1px solid var(--line);border-radius:11px;padding:10px;cursor:pointer}.poscake-report-fields input{width:17px;height:17px;margin:0;accent-color:#58a6ff}.poscake-actions{margin-top:15px;flex-wrap:wrap}.poscake-stats{display:grid;grid-template-columns:1.35fr repeat(4,1fr);gap:9px;margin-top:14px}.poscake-stats article{background:rgba(7,17,29,.5);border:1px solid var(--line);border-radius:13px;padding:13px}.poscake-stats span{display:block;color:var(--muted);font-size:11px}.poscake-stats strong{display:block;font-size:21px;margin-top:3px}.poscake-command-help{display:grid;grid-template-columns:max-content 1fr;gap:8px 10px;align-content:start;border:1px solid var(--line);border-radius:14px;background:rgba(7,17,29,.44);padding:14px}.poscake-command-help .eyebrow{grid-column:1/-1;margin-bottom:3px}.poscake-command-help code{color:#bfe0ff;background:#07111d;border:1px solid var(--line);padding:5px 7px;border-radius:8px;white-space:nowrap}.poscake-command-help span{color:var(--muted);align-self:center}.poscake-preview-layout{margin-top:14px}.poscake-preview-layout .message-preview{min-height:230px}
@media(max-width:1000px){.poscake-report-fields{grid-template-columns:repeat(3,1fr)}.poscake-stats{grid-template-columns:repeat(3,1fr)}.poscake-toggles{grid-template-columns:1fr}}
@media(max-width:700px){.poscake-config-grid{grid-template-columns:1fr}.poscake-wide{grid-column:auto}.poscake-report-fields{grid-template-columns:1fr 1fr}.poscake-stats{grid-template-columns:1fr 1fr}.poscake-stats article:first-child{grid-column:1/-1}.poscake-command-help{grid-template-columns:1fr}.poscake-command-help .eyebrow{grid-column:auto}.poscake-command-help code{width:max-content;max-width:100%}}

/* ===== Compact grouped admin UI • multi-shop ===== */
html{scroll-behavior:smooth;scroll-padding-top:86px}
body{background:radial-gradient(circle at 8% -5%,rgba(47,126,247,.22),transparent 32%),radial-gradient(circle at 92% 12%,rgba(51,214,159,.12),transparent 28%),#06101e}
.shell{width:min(1280px,calc(100% - 28px));margin-top:16px}.topbar{padding:20px 22px;border-radius:18px}.topbar h1{font-size:25px}.card{padding:18px;border-radius:17px}.card h2{font-size:19px}.card p{margin:4px 0 10px}.stats-grid{gap:10px;margin:12px 0 16px}.stat{padding:15px 17px;border-radius:16px}.stat strong{font-size:25px}.grid2{gap:10px}.grid2>.card{margin-bottom:12px}
.workspace-nav{position:sticky;top:10px;z-index:20;display:flex;gap:6px;align-items:center;overflow:auto;padding:7px;margin:12px 0;box-shadow:0 12px 35px rgba(0,0,0,.22)}.workspace-nav a{display:flex;gap:7px;align-items:center;padding:8px 11px;border-radius:10px;color:var(--muted);text-decoration:none;white-space:nowrap;font-weight:700;font-size:12px;transition:.18s}.workspace-nav a:hover{color:var(--txt);background:rgba(88,166,255,.1)}.workspace-nav a span{display:grid;place-items:center;width:20px;height:20px;border-radius:7px;background:rgba(88,166,255,.12);color:#79baff;font-size:10px}.section-headline{display:flex;justify-content:space-between;align-items:end;gap:12px;padding:4px 2px 0}.section-headline h2{margin:0;font-size:20px}.section-sub{color:var(--muted);font-size:12px}
.system-details{margin-top:14px;padding:0;overflow:hidden}.system-details>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:17px 19px}.system-details>summary::-webkit-details-marker{display:none}.system-details>summary>span:first-child{display:grid}.system-details>summary b{font-size:17px;margin-top:2px}.system-details>summary small{color:var(--muted);font-size:11px}.system-details-body{padding:0 19px 19px;border-top:1px solid var(--line)}
.poscake-card{padding:18px;border-color:rgba(51,214,159,.23);background:linear-gradient(180deg,rgba(15,31,50,.76),rgba(11,26,43,.64))}.poscake-main-head{align-items:center}.poscake-head-status{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.pill.soft{background:rgba(255,255,255,.035)}.feature-stack{display:grid;gap:9px;margin-top:14px}.feature-group{border:1px solid var(--line);border-radius:14px;background:rgba(6,17,29,.42);overflow:hidden}.feature-group>summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:12px 14px;user-select:none}.feature-group>summary::-webkit-details-marker{display:none}.feature-group>summary:hover{background:rgba(88,166,255,.04)}.feature-group>summary span:nth-child(2){display:grid;gap:1px}.feature-group>summary b{font-size:14px}.feature-group>summary small{font-size:11px;color:var(--muted);font-weight:500}.feature-group>summary i{font-style:normal;color:var(--muted);font-size:18px;transition:transform .18s}.feature-group[open]>summary i{transform:rotate(180deg)}.feature-icon{width:29px;height:29px;border-radius:9px;background:linear-gradient(135deg,rgba(47,126,247,.25),rgba(51,214,159,.15));display:grid;place-items:center;color:#9bcbff;font-weight:850;border:1px solid rgba(88,166,255,.18)}.feature-body{padding:13px 14px 15px;border-top:1px solid var(--line)}
.connection-row{display:flex;gap:10px;align-items:end}.flex-1{flex:1}.action-tall{min-height:43px;margin-bottom:25px}.inline-status{margin:0 0 12px;padding:9px 11px;border-radius:10px;background:rgba(7,17,29,.55);border:1px solid var(--line);color:var(--muted);font-size:12px}.shop-picker-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:4px 0 8px}.shop-picker-head>div:first-child{display:grid;gap:2px}.shop-picker-head strong{font-size:13px}.shop-picker-head small{color:var(--muted);font-size:11px}.compact-actions button{padding:7px 9px;font-size:11px}.shop-search-wrap{position:relative;margin-bottom:8px}.shop-search-wrap>span{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:18px;pointer-events:none}.shop-search-wrap input{width:100%;padding-left:34px}.shop-picker-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;max-height:275px;overflow:auto;padding-right:2px}.shop-option{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:10px;border:1px solid var(--line);border-radius:11px;background:rgba(7,17,29,.42);cursor:pointer;min-width:0;transition:.16s}.shop-option:hover{border-color:rgba(88,166,255,.35);transform:translateY(-1px)}.shop-option.selected{border-color:rgba(51,214,159,.38);background:rgba(51,214,159,.07)}.shop-option input{width:17px;height:17px;margin:0;accent-color:#33d69f}.shop-option-main{min-width:0}.shop-option-main strong,.shop-option-main small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shop-option-main strong{font-size:12px}.shop-option-main small{font-size:10px;color:var(--muted)}.shop-checkmark{color:var(--good);opacity:0;font-weight:900}.shop-option.selected .shop-checkmark{opacity:1}.shop-empty{grid-column:1/-1}
.compact-grid{margin-top:0}.compact-toggles{margin-top:11px}.compact-toggles .toggle-row span{display:grid}.compact-toggles .toggle-row small{color:var(--muted);font-size:10px;margin-top:1px}.report-fields-head{margin-top:14px}.poscake-report-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.poscake-report-fields label{padding:9px 10px}.poscake-actions{justify-content:flex-end}.report-toolbar{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:10px}.report-date-field{max-width:220px}.report-toolbar .actions{flex-wrap:wrap;justify-content:flex-end}.poscake-stats{grid-template-columns:1.55fr repeat(4,1fr);margin-top:0}.poscake-stats article{padding:12px}.poscake-stats .hero-stat{border-color:rgba(51,214,159,.24);background:linear-gradient(135deg,rgba(51,214,159,.08),rgba(47,126,247,.06))}.poscake-stats .hero-stat strong{font-size:24px}.poscake-stats article small{color:var(--muted);font-size:10px}.report-detail-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr);gap:10px;margin-top:10px}.shop-breakdown-card{border:1px solid rgba(88,166,255,.18);background:rgba(7,17,29,.48);border-radius:13px;padding:11px;min-width:0}.shop-report-list{display:grid;gap:6px;max-height:310px;overflow:auto}.shop-report-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:rgba(8,20,34,.55)}.shop-report-row.failed{border-color:rgba(255,107,122,.22);opacity:.72}.shop-report-row>div:first-child{min-width:0}.shop-report-row strong,.shop-report-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shop-report-row small{font-size:10px;color:var(--muted)}.shop-report-metrics{text-align:right;white-space:nowrap}.shop-report-metrics span,.shop-report-metrics b{display:block}.shop-report-metrics span{font-weight:800}.shop-report-metrics b{font-size:10px;color:var(--muted)}.poscake-preview-layout .message-preview,.report-detail-grid .message-preview{min-height:250px;max-height:310px}.command-grid{max-width:760px}.message-settings-card{scroll-margin-top:84px}
button.primary{box-shadow:0 7px 20px rgba(47,126,247,.16)}input:focus,textarea:focus,select:focus{outline:none;border-color:rgba(88,166,255,.6);box-shadow:0 0 0 3px rgba(88,166,255,.08)}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid rgba(88,166,255,.72);outline-offset:2px}
@media(max-width:1020px){.shop-picker-list{grid-template-columns:repeat(2,1fr)}.report-detail-grid{grid-template-columns:1fr}.poscake-stats{grid-template-columns:repeat(3,1fr)}.poscake-stats .hero-stat{grid-column:1/-1}.workspace-nav{top:6px}}
@media(max-width:760px){.shell{width:min(100% - 18px,1280px);margin-top:9px}.topbar{padding:17px}.workspace-nav{margin:8px 0;padding:6px}.workspace-nav a{padding:7px 9px}.section-headline{align-items:flex-start;flex-direction:column}.connection-row,.report-toolbar{align-items:stretch;flex-direction:column}.action-tall{margin-bottom:0}.shop-picker-head{align-items:flex-start;flex-direction:column}.shop-picker-list{grid-template-columns:1fr}.poscake-report-fields{grid-template-columns:1fr 1fr}.poscake-stats{grid-template-columns:1fr 1fr}.poscake-stats .hero-stat{grid-column:1/-1}.report-date-field{max-width:none}.report-toolbar .actions button{flex:1}.system-details>summary{align-items:flex-start}.section-sub{display:none}}
@media(max-width:500px){.poscake-report-fields{grid-template-columns:1fr}.feature-group>summary{padding:11px}.feature-body{padding:11px}.poscake-card{padding:12px}.shop-report-row{align-items:flex-start;flex-direction:column}.shop-report-metrics{text-align:left}.topbar h1{font-size:22px}}


/* ===== Facebook Ads + business efficiency UI ===== */
.facebook-card{padding:18px;border-color:rgba(88,166,255,.25);background:linear-gradient(180deg,rgba(15,31,50,.78),rgba(10,24,42,.66));scroll-margin-top:84px}
.business-main-head{align-items:center}.business-kpi-strip{display:grid;grid-template-columns:1.25fr 1.25fr 1fr 1fr;gap:8px;margin:14px 0 4px}.business-kpi-strip>div{padding:12px 13px;border:1px solid var(--line);border-radius:12px;background:rgba(7,17,29,.5);min-width:0}.business-kpi-strip span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.055em}.business-kpi-strip strong{display:block;font-size:20px;margin-top:2px;overflow:hidden;text-overflow:ellipsis}.business-kpi-strip .ratio-kpi{border-color:rgba(255,190,85,.25);background:linear-gradient(135deg,rgba(255,190,85,.065),rgba(47,126,247,.04))}
.facebook-connect-row{display:grid;grid-template-columns:minmax(280px,1fr) 125px auto;align-items:end}.graph-version-field{min-width:110px}.facebook-connect-row .action-tall{margin-bottom:25px}.account-picker-list .shop-option.selected{border-color:rgba(88,166,255,.42);background:rgba(88,166,255,.07)}.account-picker-list .shop-option input{accent-color:#58a6ff}.account-picker-list .shop-option.selected .shop-checkmark{color:#79baff}.facebook-toggles{grid-template-columns:repeat(2,minmax(0,1fr))}.facebook-report-fields{grid-template-columns:repeat(4,minmax(0,1fr))}.facebook-report-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr);gap:10px}.facebook-report-grid .message-preview{min-height:250px;max-height:310px}
#facebookSpend{color:#f3f8ff}.ratio-kpi #facebookRatio{color:var(--warn)}#facebookRoas{color:var(--good)}
@media(max-width:1020px){.business-kpi-strip{grid-template-columns:1fr 1fr}.facebook-connect-row{grid-template-columns:1fr 125px}.facebook-connect-row .action-tall{grid-column:1/-1;margin-bottom:0}.facebook-report-grid{grid-template-columns:1fr}.facebook-report-fields{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.business-kpi-strip{grid-template-columns:1fr 1fr}.business-kpi-strip strong{font-size:17px}.facebook-connect-row{display:flex;flex-direction:column;align-items:stretch}.graph-version-field{min-width:0}.facebook-toggles{grid-template-columns:1fr}.facebook-report-fields{grid-template-columns:1fr 1fr}}
@media(max-width:500px){.business-kpi-strip{grid-template-columns:1fr}.facebook-report-fields{grid-template-columns:1fr}.facebook-card{padding:12px}}

.setup-token-field { margin-bottom: 18px; }
.backup-list { margin-top: 16px; }
.backup-row { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 0; border-bottom:1px solid rgba(255,255,255,.08); }
.backup-row small { color:var(--muted); margin-left:8px; }
.grid2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
.grid2 > *, .card, .field { min-width:0; }
.codebox { max-width:100%; overflow-wrap:anywhere; }
input, select, textarea { min-width:0; max-width:100%; }
@media(max-width:800px) { .grid2 { grid-template-columns:minmax(0,1fr); } }