body[data-surface="dashboard"]{max-width:none;margin:0;padding:0;--canvas:#f5f7f8;--line:#e3e9e7}
body[data-surface="dashboard"] main{padding:30px 34px 48px;max-width:1680px}
body[data-surface="dashboard"] header{margin-bottom:24px;padding-bottom:22px}
body[data-surface="dashboard"] header h1{font-size:28px;letter-spacing:-.6px}
body[data-surface="dashboard"] h2{font-size:20px;letter-spacing:-.3px}
body[data-surface="dashboard"] button{font-size:12px;letter-spacing:0;min-height:40px;border-radius:11px;text-transform:none}
body[data-surface="dashboard"] .panel{border-radius:17px}
body[data-surface="dashboard"] #device-list,body[data-surface="dashboard"] #pickup-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,340px));gap:18px;align-items:start}
.device-card{padding:22px;min-width:0}.device-card-heading{display:flex;justify-content:space-between;gap:12px;align-items:start}.device-card-heading h3{font-size:18px;margin:0;overflow-wrap:anywhere}.device-card-heading .badge{margin:0;font-size:10px;padding:6px 9px;white-space:nowrap}.device-card>p{font-size:12px;color:var(--muted);line-height:1.7;margin:12px 0}
.device-card-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin:18px 0}.device-card-metrics span{display:block;font-size:11px;color:var(--muted);margin-bottom:7px}.device-card-metrics strong{font-size:22px;font-weight:600}.device-card-actions{display:flex;gap:8px}.device-card-actions button{flex:1;margin:0;padding:10px;min-width:0}
body[data-surface="dashboard"] #slots{grid-template-columns:repeat(auto-fill,minmax(240px,290px));gap:18px;align-items:start}body[data-surface="dashboard"] .slot-cover{height:160px}body[data-surface="dashboard"] .slot-content{padding:16px}body[data-surface="dashboard"] .slot h3{font-size:16px}body[data-surface="dashboard"] .slot-price{font-size:21px;margin:13px 0}body[data-surface="dashboard"] .product-summary:empty{display:none}body[data-surface="dashboard"] .slot-actions button{font-size:11px;padding:10px 7px}
body[data-surface="dashboard"] #catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}#catalog-grid .slot-actions{gap:8px}
body[data-surface="dashboard"] [data-view="settings"]{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,320px));gap:18px;align-items:start}.settings-card{padding:23px}.settings-card h3{font-size:17px;margin:0 0 10px}.settings-card p{font-size:12px;color:var(--muted);line-height:1.7;min-height:42px;margin:0 0 20px}.settings-card button{width:100%}
body[data-surface="dashboard"] .editor-dialog{width:min(680px,calc(100% - 32px));padding:26px;border-radius:20px;max-height:86vh}
body[data-surface="dashboard"] #device-dialog,body[data-surface="dashboard"] #pickup-dialog,body[data-surface="dashboard"] #add-device-dialog,body[data-surface="dashboard"] .dashboard-settings-dialog{width:min(520px,calc(100% - 32px))}
.dashboard-settings-dialog .settings-panel{padding:0;border:0;background:transparent;box-shadow:none;margin:0}.dashboard-settings-dialog h2{padding-right:38px;margin-top:0}.settings-modal-close{position:absolute;right:20px;top:20px}.editor-dialog .dialog-close{min-height:34px;width:34px;height:34px;padding:0;font-size:23px}.editor-dialog .dialog-heading h2{font-size:22px}.editor-dialog .photo-stage{height:200px}.editor-dialog .editor-columns{grid-template-columns:210px minmax(0,1fr);gap:22px}.editor-dialog::backdrop{background:#122c2466;backdrop-filter:blur(5px)}
body[data-surface="dashboard"] .catalog-filters{padding:14px 16px;background:var(--surface);border:1px solid var(--line);border-radius:14px;gap:10px}.catalog-filters input,.catalog-filters select{font-size:12px!important}.history table{font-size:12px}.history th{font-size:11px;color:var(--muted);font-weight:600}.history td{padding:14px 10px}.history{overflow:auto}.history h2{margin-top:0}
body[data-surface="dashboard"] #pickup-list .panel{padding:22px}#pickup-list p{font-size:12px;line-height:1.65;overflow-wrap:anywhere}#pickup-list strong{font-size:26px;letter-spacing:2px}#pickup-list button{margin-top:12px}
body[data-surface="dashboard"] .editor-dialog[open]{animation:modal-in .22s ease-out}.device-card{transition:box-shadow .18s,transform .18s}.device-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #163b2e09}
body[data-surface="dashboard"].dark{--canvas:#18291f;--line:#3b5143}
@media(min-width:1600px){body[data-surface="dashboard"] #catalog-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1200px){body[data-surface="dashboard"] #catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){body[data-surface="dashboard"] #catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:750px){body[data-surface="dashboard"] main{margin-left:0;padding:74px 18px 30px}.editor-dialog .editor-columns{grid-template-columns:1fr}.editor-dialog .photo-stage{height:170px}.section-toolbar{flex-direction:row;align-items:center;gap:12px}.section-toolbar button{font-size:11px;max-width:180px}}
@media(max-width:500px){body[data-surface="dashboard"] #device-list,body[data-surface="dashboard"] #pickup-list,body[data-surface="dashboard"] #slots,body[data-surface="dashboard"] [data-view="settings"]{grid-template-columns:minmax(0,1fr)}body[data-surface="dashboard"] #catalog-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.device-card{transition:none}.device-card:hover{transform:none}body[data-surface="dashboard"] .editor-dialog[open]{animation:none}}

/* Settings dialogs: keep native checkbox sizes inside the shared form styles. */
body[data-surface="dashboard"] .dashboard-settings-dialog{padding:28px;scrollbar-gutter:stable}
.dashboard-settings-dialog .settings-panel>h2{font-size:22px;line-height:1.35;margin:0 40px 10px 0;padding:0}
.settings-modal-subtitle{font-size:12px;line-height:1.6;color:var(--muted);margin:0 0 24px}
.notification-options{border:0;padding:0;margin:0;min-width:0}.notification-options legend{font-size:12px;font-weight:600;margin-bottom:12px;color:var(--ink)}
body[data-surface="dashboard"] .notification-settings-dialog .push-kinds{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}
body[data-surface="dashboard"] .notification-settings-dialog .push-kinds label{display:flex;align-items:center;gap:10px;margin:0;padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--canvas);font-size:12px;font-weight:400;line-height:1.5;cursor:pointer;min-width:0}
body[data-surface="dashboard"] .dashboard-settings-dialog input[type="checkbox"]{display:inline-block;flex:0 0 17px;width:17px;height:17px;margin:0;padding:0;accent-color:var(--accent)}
.notification-settings-dialog .push-kinds label:has(input:checked){border-color:var(--accent)}
.notification-status{background:var(--canvas);border:1px solid var(--line);border-radius:11px;margin:18px 0;padding:12px 14px}.notification-status p{font-size:12px;line-height:1.6;margin:0!important;color:var(--muted)}
body[data-surface="dashboard"] .notification-settings-dialog .settings-modal-footer{display:grid;grid-template-columns:1fr 1fr;gap:10px;border-top:1px solid var(--line);padding-top:18px;margin-top:0}
body[data-surface="dashboard"] .notification-settings-dialog .settings-modal-footer button{margin:0;padding:11px 12px;font-size:12px;min-width:0;line-height:1.5}
.notification-settings-dialog #push-toggle{grid-column:1 / -1}.notification-settings-dialog button.notification-test{background:transparent;border:1px solid var(--line)}
body[data-surface="dashboard"] .dashboard-settings-dialog .check-label{display:flex;align-items:center;gap:10px;margin:20px 0 0;font-weight:400}
@media(max-width:500px){body[data-surface="dashboard"] .dashboard-settings-dialog{padding:23px}body[data-surface="dashboard"] .notification-settings-dialog .push-kinds{grid-template-columns:1fr}body[data-surface="dashboard"] .notification-settings-dialog .settings-modal-footer{grid-template-columns:1fr}}

.mobile-brand-logo{display:none}
@media(max-width:750px){body[data-surface="dashboard"] .mobile-brand-logo{display:block;width:100px;height:60px;object-fit:contain;margin:0 0 10px}body[data-surface="dashboard"] .overview-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}body[data-surface="dashboard"] .overview-kpis .panel{padding:17px 14px;font-size:12px;min-width:0}body[data-surface="dashboard"] .overview-kpis .value{font-size:24px;overflow-wrap:anywhere}body[data-surface="dashboard"] header h1{font-size:24px}body[data-surface="dashboard"] #overview-date{font-size:11px}.dark .mobile-brand-logo{background:#f5f7f5;border-radius:10px}}

@media(max-width:750px){body[data-surface="dashboard"] .mobile-brand-logo{position:absolute;top:13px;left:78px;width:94px;height:56px;margin:0}body[data-surface="dashboard"] header .eyebrow{display:none}body[data-surface="dashboard"] header>div:last-child{gap:8px;margin-top:14px}body[data-surface="dashboard"] #device-select{min-width:170px;max-width:210px;flex:1;padding:10px;font-size:12px}body[data-surface="dashboard"] #status{font-size:10px;padding:8px;letter-spacing:0}body[data-surface="dashboard"] header{margin-bottom:18px;padding-bottom:18px}body[data-surface="dashboard"] .overview-kpis{margin:16px 0 20px}}