:root{
    --nav:#10243d;
    --nav-light:#173858;
    --bg:#f3f6fa;
    --surface:#ffffff;
    --surface-soft:#f8fafc;
    --text:#1c2a3a;
    --muted:#718096;
    --line:#e4eaf1;
    --primary:#2868d8;
    --primary-soft:#eaf1ff;
    --ok:#15a36d;
    --ok-soft:#e6f7f0;
    --warning:#dfa10c;
    --warning-soft:#fff6dc;
    --alarm:#d64949;
    --alarm-soft:#fdecec;
    --shadow:0 14px 35px rgba(23,52,82,.07);
}
*{box-sizing:border-box}
html{min-height:100%}
body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text)}
a{color:var(--primary);text-decoration:none}
button,input,select{font:inherit}
.app-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}
.sidebar{background:linear-gradient(180deg,var(--nav),var(--nav-light));color:#fff;padding:26px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}
.brand,.login-brand,.installer-brand{display:flex;align-items:center;gap:13px}
.brand{padding:0 8px 30px}
.brand-logo,.login-brand span,.installer-brand span{width:44px;height:44px;border-radius:13px;background:#fff;color:var(--nav);font-weight:850;display:grid;place-items:center;box-shadow:0 8px 25px rgba(0,0,0,.12)}
.brand strong,.login-brand strong,.installer-brand strong{display:block;font-size:18px;letter-spacing:.2px}
.brand span,.login-brand small,.installer-brand small{display:block;color:#a9bdd1;font-size:12px;margin-top:2px}
.nav{display:grid;gap:7px}
.nav a{display:flex;align-items:center;gap:13px;color:#d7e3ef;padding:12px 14px;border-radius:11px;font-weight:600}
.nav a:hover,.nav a.active{background:rgba(255,255,255,.11);color:#fff}
.nav a span{width:20px;text-align:center}
.sidebar-footer{margin-top:auto;border-top:1px solid rgba(255,255,255,.12);padding:18px 8px 0;display:flex;justify-content:space-between;align-items:center}
.sidebar-footer small{color:#9fb4c8}
.sidebar-footer a{color:#fff}
.main{padding:28px 32px 0;min-width:0}
.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}
.eyebrow{font-size:11px;letter-spacing:1.5px;font-weight:800;color:#8b9bb0;margin:0 0 7px}
.topbar h1,.section-heading h2,.panel h2{margin:0}
.topbar h1{font-size:30px;letter-spacing:-.5px}
.topbar-actions{display:flex;gap:10px;align-items:center}
.live-pill,.user-pill{background:#fff;border:1px solid var(--line);border-radius:999px;padding:10px 14px;font-size:13px;font-weight:650}
.live-pill span{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--ok);margin-right:7px;box-shadow:0 0 0 5px rgba(21,163,109,.12)}
.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
.kpi-card,.panel,.device-card,.empty-state{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:17px}
.kpi-card{padding:20px;display:flex;justify-content:space-between;align-items:center}
.kpi-title{display:block;color:var(--muted);font-size:13px;margin-bottom:7px}
.kpi-card strong{font-size:29px}
.kpi-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:20px;font-weight:850}
.kpi-icon.blue{background:var(--primary-soft);color:var(--primary)}
.kpi-icon.green{background:var(--ok-soft);color:var(--ok)}
.kpi-icon.red{background:var(--alarm-soft);color:var(--alarm)}
.kpi-icon.gray{background:#edf1f5;color:#6d7b8d}
.section-heading,.panel-heading{display:flex;justify-content:space-between;align-items:center}
.section-heading{margin:28px 0 15px}
.section-heading h2,.panel h2{font-size:20px}
.device-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.device-card{padding:20px;position:relative;overflow:hidden}
.device-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#aab5c2}
.device-card.status-ok::before{background:var(--ok)}
.device-card.status-warning::before,.device-card.status-sensor_missing::before{background:var(--warning)}
.device-card.status-alarm::before{background:var(--alarm)}
.device-card-head{display:flex;justify-content:space-between;gap:15px}
.device-card h3{margin:0 0 5px;font-size:17px}
.device-card p{margin:0;color:var(--muted);font-size:13px}
.temperature{font-size:43px;font-weight:820;letter-spacing:-1.5px;margin:20px 0}
.temperature small{font-size:20px;margin-left:3px;color:var(--muted)}
.device-details{display:grid;gap:9px}
.device-details div,.settings-list div{display:flex;justify-content:space-between;gap:14px;padding-top:9px;border-top:1px solid var(--line)}
.device-details span,.settings-list span{color:var(--muted);font-size:12px}
.device-details strong,.settings-list strong{font-size:12px;text-align:right}
.badge{display:inline-flex;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:800}
.badge-ok,.badge-closed{background:var(--ok-soft);color:#087a4d}
.badge-warning,.badge-sensor_missing{background:var(--warning-soft);color:#886300}
.badge-alarm,.badge-open{background:var(--alarm-soft);color:#ae3030}
.badge-offline,.badge-acknowledged{background:#edf1f5;color:#68778b}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(340px,1fr);gap:17px;margin-top:17px}
.devices-page-grid{grid-template-columns:minmax(0,1.5fr) minmax(300px,.8fr)}
.panel{padding:21px;margin-bottom:17px}
.panel-heading{margin-bottom:17px}
.chart-container{height:330px}
.timeline{display:grid;gap:15px}
.timeline-item{display:grid;grid-template-columns:13px 1fr;gap:11px}
.timeline-dot{width:10px;height:10px;border-radius:50%;margin-top:5px;background:#a9b4c2}
.timeline-dot.open{background:var(--alarm)}
.timeline-dot.acknowledged{background:var(--warning)}
.timeline-dot.closed{background:var(--ok)}
.timeline-item strong{font-size:13px}
.timeline-item p{margin:3px 0;color:var(--muted);font-size:13px}
.timeline-item small{color:#9aa8b8}
.btn{border:0;border-radius:10px;background:var(--primary);color:#fff;padding:11px 15px;font-weight:750;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.btn:hover{filter:brightness(.96)}
.btn-secondary{background:var(--primary-soft);color:var(--primary)}
.btn-ghost{background:#edf1f5;color:#4f6072}
.btn-small{padding:8px 10px;font-size:12px}
.full-button{width:100%}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0}
.form-grid .full{grid-column:1/-1}
label{display:grid;gap:7px;color:#637386;font-size:13px;font-weight:650}
input,select{width:100%;padding:11px 12px;border:1px solid #dce3eb;border-radius:10px;background:#fff;color:var(--text);outline:none}
input:focus,select:focus{border-color:#8eb2ee;box-shadow:0 0 0 4px rgba(40,104,216,.09)}
.table-wrap{overflow:auto}
table{width:100%;border-collapse:collapse;min-width:780px}
th,td{text-align:left;padding:13px 12px;border-bottom:1px solid var(--line);font-size:13px;vertical-align:middle}
th{color:#7d8b9d;font-size:11px;text-transform:uppercase;letter-spacing:.7px}
td small{display:block;color:var(--muted);margin-top:4px}
.token{display:inline-block;max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#f1f5f9;padding:6px 8px;border-radius:7px}
.actions{display:flex;gap:7px}
.actions form{margin:0}
.notice{border-radius:11px;padding:13px 15px;margin-bottom:17px;font-size:14px}
.notice-success{background:var(--ok-soft);color:#08734a}
.notice-error{background:var(--alarm-soft);color:#a42c2c}
.info-panel{background:linear-gradient(145deg,#132b49,#1f4e7c);color:#fff}
.info-panel .eyebrow,.info-panel .muted{color:#b8cce0}
.code-box{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:12px;word-break:break-all;font-family:Consolas,monospace;font-size:12px;margin:15px 0}
.empty-state{padding:35px;grid-column:1/-1;text-align:center}
.empty-state p{color:var(--muted)}
.filter-form{min-width:230px}
.settings-list{display:grid;gap:3px}
.settings-list div{padding:12px 0}
.check-list{padding-left:20px;display:grid;gap:12px;color:#536579}
.footer{display:flex;justify-content:space-between;color:#8e9bad;font-size:12px;padding:20px 0 18px}
.login-body,.installer-body{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 20%,#26517e,#10243d 58%)}
.login-panel,.installer-card{width:min(470px,100%);background:#fff;border-radius:20px;padding:30px;box-shadow:0 30px 70px rgba(0,0,0,.25)}
.installer-card{width:min(760px,100%)}
.login-brand,.installer-brand{margin-bottom:25px}
.login-brand small,.installer-brand small{color:#718096}
.login-panel h1,.installer-card h1{margin:0 0 8px}
.login-panel form{display:grid;gap:15px;margin-top:22px}
.installer-card h3{margin-top:25px;margin-bottom:0;font-size:15px}
.muted{color:var(--muted)}
.report-panel{max-width:760px}
@media(max-width:1100px){
    .kpi-grid{grid-template-columns:repeat(2,1fr)}
    .device-grid{grid-template-columns:repeat(2,1fr)}
    .dashboard-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
    .app-shell{grid-template-columns:1fr}
    .sidebar{position:static;height:auto}
    .nav{grid-template-columns:repeat(2,1fr)}
    .sidebar-footer{display:none}
    .main{padding:20px 15px 0}
    .topbar{align-items:flex-start;gap:15px}
    .topbar-actions{display:none}
    .kpi-grid,.device-grid,.form-grid{grid-template-columns:1fr}
    .form-grid .full{grid-column:auto}
}

.hidden{display:none!important}
.view-switch{display:flex;gap:7px}
.management-cards{margin-bottom:18px}
.token-box{margin-top:15px;padding:12px;border-radius:11px;background:#f3f6fa;border:1px solid var(--line)}
.token-box span{display:block;font-size:11px;color:var(--muted);font-weight:750;margin-bottom:7px}
.token-box code{display:block;white-space:normal;word-break:break-all;font-size:11px;line-height:1.45}
.token-box.large code{font-size:13px}
.copy-button{margin-top:9px;border:0;border-radius:8px;background:var(--primary-soft);color:var(--primary);padding:8px 10px;font-weight:750;cursor:pointer}
.copy-button.copied{background:var(--ok-soft);color:var(--ok)}
.card-actions{margin-top:14px;flex-wrap:wrap}
.table-token{min-width:300px}
.table-token code{display:block;word-break:break-all;font-size:10px}
.table-token .copy-button{margin-top:5px}
.device-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.device-hero{position:relative;overflow:hidden}
.device-hero::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:#9aa8b8}
.device-hero.status-ok::before{background:var(--ok)}
.device-hero.status-warning::before,.device-hero.status-sensor_missing::before{background:var(--warning)}
.device-hero.status-alarm::before{background:var(--alarm)}
.hero-temperature{font-size:58px}
.detail-kpis{margin:17px 0}
.range-tabs{display:flex;gap:6px;flex-wrap:wrap}
.range-tabs a{padding:8px 10px;border-radius:8px;background:#edf1f5;color:#56677a;font-size:12px;font-weight:750}
.range-tabs a.active{background:var(--primary);color:#fff}
.large-chart{height:420px}
.alarm-filters{display:flex;gap:8px;align-items:center}
.alarm-filters select{min-width:160px}
.alarm-list{display:grid;gap:11px}
.alarm-card{display:grid;grid-template-columns:45px 1fr auto;gap:14px;align-items:center;border:1px solid var(--line);border-radius:13px;padding:14px;background:#fff}
.alarm-card.alarm-open{border-left:4px solid var(--alarm)}
.alarm-card.alarm-acknowledged{border-left:4px solid var(--warning)}
.alarm-card.alarm-closed{border-left:4px solid var(--ok)}
.alarm-symbol{width:40px;height:40px;border-radius:12px;background:#f2f5f8;display:grid;place-items:center;font-size:20px;font-weight:850}
.alarm-title{display:flex;align-items:center;gap:9px}
.alarm-main p{margin:5px 0;color:#526479}
.alarm-main small{color:#8b99aa}
@media(max-width:1100px){.device-overview-grid{grid-template-columns:1fr 1fr}.device-overview-grid>:first-child{grid-column:1/-1}}
@media(max-width:760px){.device-overview-grid{grid-template-columns:1fr}.device-overview-grid>:first-child{grid-column:auto}.alarm-card{grid-template-columns:40px 1fr}.alarm-actions{grid-column:2}.alarm-filters{flex-direction:column;align-items:stretch}}

.dashboard-summary{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,.8fr);gap:17px;margin-bottom:17px}.summary-main,.summary-temperature{background:linear-gradient(135deg,#12263f,#1c4a74);color:#fff;border-radius:18px;padding:24px;box-shadow:var(--shadow)}.summary-main{display:flex;justify-content:space-between;align-items:center}.summary-main .eyebrow,.summary-main p,.summary-temperature span,.summary-temperature small{color:#b9cde0}.summary-main h2{margin:0 0 8px;font-size:25px}.summary-main p{margin:0}.summary-status{width:62px;height:62px;border-radius:18px;display:grid;place-items:center;font-size:28px;font-weight:850;background:rgba(255,255,255,.12)}.summary-status.ok{color:#6ee7b7}.summary-status.warning{color:#f8d36b}.summary-status.alert{color:#ff8f8f}.summary-temperature{display:flex;flex-direction:column;justify-content:center}.summary-temperature strong{font-size:38px;margin:7px 0 4px}.dashboard-device-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-device-card{min-height:430px}.dashboard-temperature{margin-bottom:15px}.temperature-band{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;margin:5px 0 18px}.band-label{font-size:11px;color:var(--muted);font-weight:700}.band-track{height:8px;background:#e9eef4;border-radius:999px;position:relative}.band-safe{position:absolute;inset:0;background:linear-gradient(90deg,#93dec0,#36b981);border-radius:999px}.band-marker{position:absolute;top:50%;width:14px;height:14px;background:#fff;border:3px solid #183d63;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 2px 7px rgba(0,0,0,.18)}.dashboard-day-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:15px}.dashboard-day-stats div{background:#f7f9fc;border:1px solid var(--line);border-radius:10px;padding:10px}.dashboard-day-stats span{display:block;color:var(--muted);font-size:10px;margin-bottom:4px}.dashboard-day-stats strong{font-size:12px}.device-detail-link{display:block;margin-top:15px;padding-top:13px;border-top:1px solid var(--line);font-size:13px;font-weight:750}.improved-dashboard-grid{grid-template-columns:minmax(0,1.7fr) minmax(330px,.8fr)}.dashboard-chart{height:370px}.timeline-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.dashboard-timeline .timeline-item{padding-bottom:13px;border-bottom:1px solid var(--line)}.dashboard-timeline .timeline-item:last-child{border-bottom:0}.dashboard-no-alerts{text-align:center;padding:35px 10px}.dashboard-no-alerts span{display:grid;place-items:center;width:50px;height:50px;margin:0 auto 12px;border-radius:50%;background:var(--ok-soft);color:var(--ok);font-size:24px;font-weight:850}.dashboard-no-alerts p{color:var(--muted);font-size:13px}@media(max-width:1100px){.dashboard-summary{grid-template-columns:1fr}.dashboard-device-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.dashboard-device-grid{grid-template-columns:1fr}.summary-main{align-items:flex-start;gap:20px}.summary-status{flex:0 0 auto}}

.reports-hero{display:flex;justify-content:space-between;align-items:center;gap:25px;background:linear-gradient(135deg,#12263f,#1e4d79);color:#fff;border-radius:18px;padding:25px;margin-bottom:17px;box-shadow:var(--shadow)}
.reports-hero h2{margin:0 0 7px;font-size:25px}.reports-hero p{margin:0;color:#c0d2e3}.reports-hero .eyebrow{color:#a9c0d5}
.reports-hero-icon{width:62px;height:62px;border-radius:18px;background:rgba(255,255,255,.12);display:grid;place-items:center;font-size:29px}
.reports-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.report-card{position:relative;overflow:hidden}.report-card-primary{border-top:4px solid var(--primary)}
.report-card-icon{width:50px;height:50px;border-radius:14px;background:var(--alarm-soft);color:var(--alarm);display:grid;place-items:center;font-size:13px;font-weight:850;margin-bottom:17px}
.report-card-icon-secondary{background:var(--ok-soft);color:var(--ok)}
.modal-open{overflow:hidden}
.modal-backdrop{position:fixed;inset:0;background:rgba(8,20,34,.72);backdrop-filter:blur(4px);z-index:9999;padding:22px;display:grid;place-items:center}
.report-modal{width:min(1180px,96vw);height:min(870px,94vh);background:#fff;border-radius:18px;box-shadow:0 35px 90px rgba(0,0,0,.35);display:grid;grid-template-rows:auto 1fr auto;overflow:hidden}
.report-modal-header,.report-modal-footer{display:flex;justify-content:space-between;align-items:center;padding:17px 20px;border-bottom:1px solid var(--line)}
.report-modal-header h2{margin:0}.report-modal-footer{border-top:1px solid var(--line);border-bottom:0;justify-content:flex-end;gap:9px}
.modal-close{width:38px;height:38px;border:0;border-radius:10px;background:#edf1f5;color:#425368;font-size:25px;cursor:pointer}
.report-modal-body{background:#e9eef4;padding:12px;min-height:0}
.report-modal-body iframe{width:100%;height:100%;border:0;border-radius:10px;background:#fff}
@media(max-width:850px){
    .reports-grid{grid-template-columns:1fr}
    .modal-backdrop{padding:8px}
    .report-modal{width:100%;height:96vh;border-radius:12px}
    .report-modal-footer{flex-wrap:wrap}
}
.notice-warning{background:var(--warning-soft);color:#8a6500}.compact-list div{border-color:rgba(255,255,255,.14)}.compact-list span{color:#b8cce0}.device-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.device-meta-grid div{padding:9px;background:var(--surface-soft);border:1px solid var(--line);border-radius:9px}.device-meta-grid span{display:block;font-size:10px;color:var(--muted);margin-bottom:4px}.device-meta-grid strong{font-size:12px}.asset-line{font-size:12px;color:var(--muted);margin:13px 0 0}.edit-grid{grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr);margin:17px 0}.system-checks{display:grid;gap:9px}.system-check{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft)}.system-check small{display:block;color:var(--muted);margin-top:3px}.check-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-weight:850}.check-icon.ok{background:var(--ok-soft);color:var(--ok)}.check-icon.pending{background:var(--warning-soft);color:var(--warning)}.badge-ready{background:var(--ok-soft);color:var(--ok)}.badge-pending{background:var(--warning-soft);color:#8a6500}.migration-panel{margin-top:17px;border-left:4px solid var(--warning)}.small-value{font-size:15px!important}@media(max-width:900px){.edit-grid{grid-template-columns:1fr}.device-meta-grid{grid-template-columns:1fr}.system-check{grid-template-columns:36px 1fr}.system-check>.badge{grid-column:2;width:max-content}}

.nav-section{padding:16px 14px 6px;color:#7f95aa;font-size:10px;font-weight:800;letter-spacing:.12em}.tenant-context{display:block;margin-top:4px;color:var(--muted)}.tenant-grid{grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr)}.tenant-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:11px 0;border-bottom:1px solid var(--line)}.tenant-row:last-child{border-bottom:0}.tenant-row small{display:block;color:var(--muted);margin-top:3px}.checkbox-label{display:flex!important;flex-direction:row!important;align-items:center;gap:8px}.checkbox-label input{width:auto!important}.badge-active{background:var(--ok-soft);color:var(--ok)}.badge-inactive{background:#eef1f5;color:#748397}@media(max-width:850px){.tenant-grid{grid-template-columns:1fr}}

.superadmin-quick-panel{margin-top:17px}

.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0}
.inline-create{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end;margin-top:16px}
.checkbox-row{display:flex!important;gap:8px;align-items:center}
.checkbox-row input{width:auto!important}
td small{display:block;color:var(--muted,#718096);margin-top:3px}
@media(max-width:980px){.two-col{grid-template-columns:1fr}.inline-create{grid-template-columns:1fr}}

/* 1.6.5 */
.stats-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:14px!important;margin:0 0 18px!important}.stat-card{display:block!important;background:#fff!important;border:1px solid #e1e8f1!important;border-radius:16px!important;padding:18px 20px!important;box-shadow:0 8px 24px rgba(22,48,78,.04)!important}.stat-card span{display:block!important;color:#72839a!important;margin-bottom:6px!important}.stat-card strong{display:block!important;font-size:28px!important;color:#122c49!important}.tenant-admin-box{margin:20px 0;padding:18px;border:1px solid #dfe7f1;border-radius:14px;background:#f8fafc}.tenant-admin-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.tenant-admin-head h3{margin:3px 0}.tenant-switch input{display:none}.tenant-switch span{display:block;width:46px;height:26px;border-radius:20px;background:#cbd5e1;position:relative;cursor:pointer}.tenant-switch span:after{content:"";position:absolute;width:20px;height:20px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s}.tenant-switch input:checked+span{background:#2167d5}.tenant-switch input:checked+span:after{left:23px}@media(max-width:900px){.stats-grid{grid-template-columns:1fr 1fr!important}}

/* 1.6.6 Customer & User Management */
.customer-cockpit-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin:0 0 20px}.customer-cockpit-head h2{font-size:28px;margin:3px 0 7px}.customer-meta{display:flex;align-items:center;gap:9px;color:#75849a}.customer-actions{display:flex;gap:10px;flex-wrap:wrap}.customer-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.customer-kpi{background:#fff;border:1px solid #e2e9f2;border-radius:16px;padding:18px 20px;box-shadow:0 8px 24px rgba(18,44,73,.04)}.customer-kpi span,.customer-kpi small{display:block;color:#74849a}.customer-kpi strong{display:block;font-size:29px;color:#18324f;margin:6px 0}.positive{color:#16804f!important}.customer-main-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:16px;margin-bottom:16px}.customer-info>div{display:grid;grid-template-columns:130px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid #edf1f5}.customer-info>div:last-child{border-bottom:0}.customer-info span{color:#75859a}.customer-empty{padding:24px;background:#f8fafc;border:1px dashed #ccd8e6;border-radius:14px;text-align:center;color:#74849a}.customer-empty strong{display:block;color:#203851;font-size:16px}.customer-empty p{margin:6px 0 13px}.customer-list-row{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #edf1f5}.customer-list-row small,.customer-table small,.management-table small{display:block;color:#8190a5;margin-top:3px}.customer-inline-form{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;margin-top:16px}.customer-table,.management-table{width:100%;border-collapse:collapse}.customer-table th,.management-table th{text-align:left;color:#7b899d;font-size:11px;text-transform:uppercase;letter-spacing:.05em;padding:10px}.customer-table td,.management-table td{padding:13px 10px;border-top:1px solid #edf1f5}.customer-master{margin-top:16px}.customer-master summary{display:flex;justify-content:space-between;align-items:center;list-style:none;cursor:pointer}.customer-master summary::-webkit-details-marker{display:none}.customer-master-form{margin-top:20px}.count-pill{display:inline-flex;padding:5px 9px;border-radius:999px;background:#eef3f9;color:#57708c;font-size:12px;font-weight:700}
.user-management-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:16px;margin-bottom:16px}.user-intro{margin-top:-4px}.user-role-help .role-card{padding:13px 0;border-bottom:1px solid #edf1f5}.user-role-help .role-card:last-child{border-bottom:0}.role-card p{margin:4px 0 0;color:#76869a}.central-label{font-weight:700;color:#17324f}.user-edit-row td{background:#f8fafc}.user-edit-form{display:grid;grid-template-columns:1.1fr 1.2fr 1fr 1.1fr auto auto;gap:10px;align-items:end;padding:10px 0}.user-edit-form label{margin:0}
@media(max-width:1050px){.customer-kpi-grid{grid-template-columns:repeat(2,1fr)}.customer-main-grid,.user-management-grid{grid-template-columns:1fr}.customer-cockpit-head{flex-direction:column}.user-edit-form{grid-template-columns:1fr 1fr}.customer-inline-form{grid-template-columns:1fr}}
@media(max-width:650px){.customer-kpi-grid{grid-template-columns:1fr 1fr}.customer-actions{width:100%}.customer-info>div{grid-template-columns:1fr}.user-edit-form{grid-template-columns:1fr}}

/* 1.7.0 Reporting */
.reports-head{display:flex;justify-content:space-between;gap:20px;align-items:end}.tenant-report-select{min-width:320px}.report-filter-panel{margin-top:16px}.report-filter-grid{display:grid;grid-template-columns:1fr 1fr 1.3fr auto;gap:12px;align-items:end}.report-filter-action{padding-bottom:1px}.report-period-meta{display:flex;align-items:center;gap:12px;margin-top:18px;padding-top:16px;border-top:1px solid #edf1f5}.report-period-meta>span{color:#74849a}.report-actions-inline{margin-left:auto;display:flex;gap:9px}.report-device{margin-top:16px}.report-device-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.report-device-head h2{margin:3px 0}.report-status{padding:7px 10px;border-radius:999px;font-size:12px;font-weight:700}.report-status.ok{background:#e5f7ee;color:#147d4d}.report-status.bad{background:#fdecec;color:#a72b2b}.report-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}.report-kpis>div{border:1px solid #e1e8f1;background:#f9fbfd;border-radius:12px;padding:13px}.report-kpis span{display:block;color:#74849a;font-size:11px;text-transform:uppercase}.report-kpis strong{display:block;font-size:20px;margin-top:5px;color:#1c3450}.report-chart{border:1px solid #e3eaf2;border-radius:13px;padding:10px;background:#fff}.report-empty{padding:34px;text-align:center;border:1px dashed #ccd8e6;border-radius:14px}.report-automation{margin-top:16px}.report-automation-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px 16px}.report-enable{grid-column:1/-1;display:flex!important;align-items:center;gap:10px;padding:12px 14px;background:#f7fafc;border:1px solid #e0e8f1;border-radius:12px}.report-enable input{width:auto!important}.report-schedule-hint{padding:12px 14px;background:#f7fafc;border-radius:12px;color:#63758a;font-size:13px}.chart-empty{padding:30px;text-align:center;color:#74849a}.negative{color:#a72b2b!important}
@media(max-width:950px){.report-filter-grid{grid-template-columns:1fr 1fr}.report-kpis{grid-template-columns:1fr 1fr}.reports-head{flex-direction:column;align-items:stretch}.tenant-report-select{min-width:0}.report-automation-grid{grid-template-columns:1fr}.report-enable,.report-schedule-hint{grid-column:auto}}

/* 1.7.1 Alarmcenter */
.alarm-hero{display:flex;justify-content:space-between;gap:20px;align-items:end}.alarm-hero form{min-width:320px}.alarm-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0}.alarm-kpis .panel{margin:0}.alarm-kpis span{display:block;color:#74849a;font-size:11px;text-transform:uppercase;letter-spacing:.04em}.alarm-kpis strong{display:block;font-size:28px;margin-top:6px;color:#1c3450}.alarm-empty{padding:34px;text-align:center;border:1px dashed #d2dce7;border-radius:13px;background:#fbfcfe}.alarm-empty p{color:#74849a;margin-bottom:0}.alarm-notifications{margin-top:16px}.alarm-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.alarm-enable{grid-column:1/-1;display:flex!important;align-items:center;gap:12px;padding:14px;border:1px solid #dfe7f0;border-radius:12px;background:#f8fafc}.alarm-enable input,.alarm-options input{width:auto!important}.alarm-enable span{display:flex;flex-direction:column;gap:3px}.alarm-enable small{color:#74849a}.alarm-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:14px;border:1px solid #e3e9f1;border-radius:12px}.alarm-options label{display:flex!important;align-items:center;gap:8px;margin:0!important}.table-wrap{overflow:auto}
@media(max-width:950px){.alarm-hero{flex-direction:column;align-items:stretch}.alarm-hero form{min-width:0}.alarm-kpis{grid-template-columns:1fr 1fr}.alarm-settings-grid{grid-template-columns:1fr}.alarm-options{grid-template-columns:1fr}.alarm-enable,.alarm-options{grid-column:auto}}

/* 1.7.3 Reporting UX */
.report-filter-grid.intuitive{grid-template-columns:1fr 1fr 1fr 1.4fr auto}.period-input{display:none}.report-period-meta>div:first-child{display:flex;align-items:center;gap:12px}.period-range{color:#74849a}.report-chart svg{min-height:250px}.report-device .report-kpis strong{color:#17324f}
@media(max-width:1100px){.report-filter-grid.intuitive{grid-template-columns:1fr 1fr}.report-filter-action{align-self:end}}

/* 1.7.6 sensor identity */
.device-identifiers{display:flex;gap:8px;align-items:center;margin:.25rem 0 .5rem}.device-identifiers strong{font-size:.82rem;letter-spacing:.04em}.device-identifiers span{font-size:.76rem;color:#74849a;border-left:1px solid #dce4ed;padding-left:8px}

/* 1.8.0 OTA */
.ota-hero{display:flex;justify-content:space-between;align-items:center;gap:20px}.ota-safety{max-width:420px;padding:14px 16px;border:1px solid #f0d79d;background:#fff8e6;border-radius:12px}.ota-safety strong,.ota-safety span{display:block}.ota-safety span{margin-top:4px;color:#786641;font-size:12px}.ota-top-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0}.ota-rollout-note{padding:13px 14px;border-radius:12px;background:#f7fafc;border:1px solid #e0e8f1;color:#61758c}.ota-channel,.ota-job-status{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:700}.ota-channel.test{background:#eef1f5;color:#596879}.ota-channel.pilot{background:#fff3d7;color:#8b6706}.ota-channel.production{background:#e5f7ee;color:#147c4d}.ota-job-status{background:#eef3f8;color:#4d637c}.ota-job-status.status-success,.ota-job-status.status-rolled_back{background:#e5f7ee;color:#147c4d}.ota-job-status.status-failed{background:#fdecec;color:#aa2929}.ota-job-status.status-installing,.ota-job-status.status-downloading,.ota-job-status.status-rollback_pending{background:#fff3d7;color:#8b6706}.ota-actions{display:flex;gap:7px;flex-wrap:wrap}.ota-actions form{margin:0}@media(max-width:1050px){.ota-top-grid{grid-template-columns:1fr}.ota-hero{flex-direction:column;align-items:stretch}}

/* 1.8.3 OTA rollout scopes */
.ota-scope-tenant,.ota-scope-all{display:none}.ota-rollout-warning{padding:13px 14px;border:1px solid #efc6c6;background:#fff1f1;border-radius:12px;color:#8c3030}.ota-rollout-warning strong{color:#7f2020}

/* 1.8.5 provisioning */
.provision-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.provisioning-card .actions{margin-top:16px}@media(max-width:1100px){.provision-steps{grid-template-columns:1fr}}

/* 1.8.6 OTA diagnostics */
.ota-timeline{display:grid;gap:4px;min-width:150px}.ota-timeline span{font-size:11px;color:#8795a7}.ota-timeline span.done{color:#147c4d;font-weight:700}.ota-job-status.status-delivered{background:#e8f1ff;color:#285d9a}.ota-diagnostic-table small{display:block;margin-top:4px;color:#7c8da2;line-height:1.35}


/* 1.8.22 - Redesigned device inventory */
.inventory-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}
.inventory-head h2{margin:2px 0 5px;font-size:27px}
.inventory-toolbar{display:grid;grid-template-columns:minmax(280px,1fr) 190px 220px auto;gap:10px;align-items:center;background:var(--surface);padding:12px;border:1px solid var(--line);border-radius:14px;box-shadow:0 5px 18px rgba(31,53,76,.05);margin-bottom:13px}
.inventory-search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:0 11px}
.inventory-search span{color:var(--muted);font-size:18px}
.inventory-search input{border:0!important;box-shadow:none!important;padding-left:0!important;background:transparent!important}
.inventory-toolbar select{margin:0}
.inventory-kpis{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.inventory-kpi{display:flex;align-items:center;gap:9px;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:7px 12px;color:var(--text);box-shadow:0 2px 8px rgba(31,53,76,.04)}
.inventory-kpi span{font-size:11px;color:var(--muted);font-weight:750;text-transform:uppercase;letter-spacing:.04em}
.inventory-kpi strong{font-size:12px}
.inventory-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}
.inventory-card{min-height:0;padding:18px}
.inventory-card::before{height:4px}
.inventory-card .device-card-head{align-items:flex-start}
.inventory-card .badge{white-space:nowrap}
.inventory-id{font-size:11px;font-weight:750;color:#738298;margin:4px 0 0}
.inventory-location{font-size:11px;color:var(--muted);margin:4px 0 0}
.inventory-temperature{font-size:39px;font-weight:850;letter-spacing:-.04em;margin:14px 0}
.inventory-temperature small{font-size:18px;font-weight:700;color:var(--muted);margin-left:3px}
.inventory-day-stats{margin-bottom:12px}
.inventory-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:8px}
.inventory-meta div{padding:8px 9px;background:var(--surface-soft);border:1px solid var(--line);border-radius:9px;min-width:0}
.inventory-meta span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:750;margin-bottom:3px}
.inventory-meta strong{display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.inventory-monitoring{display:flex;align-items:center;gap:9px;border-radius:10px;padding:9px 10px;margin-top:11px;border:1px solid var(--line);background:var(--surface-soft)}
.inventory-monitoring .monitor-dot{width:9px;height:9px;border-radius:50%;flex:0 0 auto}
.inventory-monitoring.enabled .monitor-dot{background:var(--ok);box-shadow:0 0 0 4px var(--ok-soft)}
.inventory-monitoring.disabled .monitor-dot{background:#9ba7b5}
.inventory-monitoring strong{display:block;font-size:11px}
.inventory-monitoring small{display:block;color:var(--muted);font-size:9px;margin-top:2px}
.inventory-actions{display:flex;align-items:flex-start;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.inventory-settings{position:relative;flex:1}
.inventory-settings>summary{list-style:none;text-align:center;cursor:pointer}
.inventory-settings>summary::-webkit-details-marker{display:none}
.inventory-settings[open]{background:var(--surface-soft);border:1px solid var(--line);border-radius:12px;padding:10px}
.inventory-settings[open]>summary{margin-bottom:10px}
.monitoring-checkbox{grid-column:1/-1;padding:10px;border:1px solid var(--line);border-radius:10px;background:#fff}
.monitoring-checkbox span{display:block}
.monitoring-checkbox small{display:block;font-weight:400;color:var(--muted);margin-top:2px}
@media(max-width:1150px){.inventory-grid{grid-template-columns:repeat(2,1fr)}.inventory-toolbar{grid-template-columns:1fr 170px 190px}}
@media(max-width:760px){.inventory-head{align-items:flex-start;flex-direction:column}.inventory-grid{grid-template-columns:1fr}.inventory-toolbar{grid-template-columns:1fr}.inventory-actions{flex-direction:column}.inventory-settings{width:100%}}

.login-remember{display:flex!important;gap:10px;align-items:flex-start;margin:6px 0 15px}.login-remember input{width:auto!important}.login-remember span,.login-remember small{display:block}.login-remember small{color:var(--muted);font-weight:400}.dashboard-summary-compact{grid-template-columns:minmax(0,1fr) 260px}.dashboard-live-box{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px}.live-dot{width:10px;height:10px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 5px var(--ok-soft)}.dashboard-live-box strong,.dashboard-live-box small{display:block}.dashboard-live-box small{color:var(--muted);margin-top:3px}.kpi-link{color:inherit;text-decoration:none}.device-tabs{display:flex;gap:6px;flex-wrap:wrap;padding:6px;margin-bottom:18px;background:var(--surface);border:1px solid var(--line);border-radius:14px;position:sticky;top:8px;z-index:5}.device-tabs button{border:0;background:transparent;padding:9px 14px;border-radius:9px;font-weight:750;color:var(--muted);cursor:pointer}.device-tabs button.active{background:var(--primary);color:white}.tab-pane{display:none}.tab-pane.active{display:block}.monitoring-checkbox{display:flex;gap:8px;align-items:center;padding:14px;background:var(--surface-soft);border:1px solid var(--line);border-radius:10px;margin:15px 0}.monitoring-checkbox input{width:auto}@media(max-width:760px){.dashboard-summary-compact{grid-template-columns:1fr}.device-tabs{position:static}}
\n/* 1.8.24 */\n.panel-separator{border:0;border-top:1px solid var(--line);margin:22px 0}.two-cols{grid-template-columns:repeat(2,minmax(0,1fr))}.monitoring-actions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.monitoring-actions-grid>form{padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft)}.firmware-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}.firmware-status-grid>div{padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft)}.firmware-status-grid span{display:block;font-size:10px;text-transform:uppercase;font-weight:750;color:var(--muted);margin-bottom:5px}.kiosk-body{margin:0;background:#f4f7fb;color:#172033;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.kiosk-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;background:#0f2944;color:#fff}.kiosk-header strong,.kiosk-header span{display:block}.kiosk-header span{font-size:12px;opacity:.78}.kiosk-live{display:flex!important;gap:8px;align-items:center;font-size:12px;font-weight:800}.kiosk-live>span{width:9px;height:9px;border-radius:50%;background:#2ecf72;box-shadow:0 0 0 5px rgba(46,207,114,.16)}.kiosk-main{padding:22px}.kiosk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.kiosk-card{min-height:220px}.kiosk-temp{font-size:48px;font-weight:850;letter-spacing:-.04em;margin:22px 0}.kiosk-temp small{font-size:20px;margin-left:4px;color:var(--muted)}@media(max-width:1000px){.kiosk-grid{grid-template-columns:repeat(2,1fr)}.firmware-status-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.kiosk-grid,.monitoring-actions-grid,.two-cols{grid-template-columns:1fr}.kiosk-main{padding:12px}}\n
/* 1.8.24.1 Kiosk hotfix */
.kiosk-link-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}
.kiosk-row-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.kiosk-row-actions form{margin:0}
.kiosk-empty{max-width:640px;margin:70px auto;padding:30px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:16px}
.kiosk-empty strong,.kiosk-empty span{display:block}.kiosk-empty span{color:var(--muted);margin-top:6px}
@media(max-width:700px){.kiosk-link-copy{grid-template-columns:1fr}}


/* 1.8.27 Reporting & Notifications */
.report-summary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0 0 16px}
.report-summary-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:15px}
.report-summary-card span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;font-weight:750;letter-spacing:.04em}
.report-summary-card strong{display:block;font-size:21px;margin-top:7px;color:var(--text)}
.report-events-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}
.report-events-grid>div{border:1px solid var(--line);border-radius:12px;padding:14px;background:var(--surface-soft)}
.report-events-grid h3{font-size:13px;margin:0 0 10px}
.compact-table{font-size:11px}.compact-table th,.compact-table td{padding:8px 7px}
.report-send-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}
.report-send-form label{margin:0}
@media(max-width:980px){.report-summary-grid{grid-template-columns:repeat(3,1fr)}.report-events-grid{grid-template-columns:1fr}}
@media(max-width:700px){.report-summary-grid{grid-template-columns:1fr 1fr}.report-send-form{grid-template-columns:1fr}}


/* 1.8.28 Report Archive & Manual Reports */
.report-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 18px;padding:6px;background:var(--surface);border:1px solid var(--line);border-radius:14px;position:sticky;top:8px;z-index:5}
.report-tabs button{border:0;background:transparent;padding:10px 14px;border-radius:9px;font:inherit;font-weight:750;color:var(--muted);cursor:pointer}
.report-tabs button.active{background:var(--primary);color:#fff}
.tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;margin-left:5px;border-radius:10px;background:rgba(127,146,166,.16);font-size:10px}
.report-tabs button.active .tab-count{background:rgba(255,255,255,.18)}
.report-tab-pane{display:none}.report-tab-pane.active{display:block}
.report-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0 18px}
.report-overview-grid>div{background:var(--surface-soft);border:1px solid var(--line);border-radius:10px;padding:13px}
.report-overview-grid span{display:block;font-size:10px;text-transform:uppercase;color:var(--muted);font-weight:750;margin-bottom:5px}
.report-overview-grid strong{font-size:13px;word-break:break-word}
.report-archive-cards{display:grid;gap:8px}.report-archive-cards article{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);background:var(--surface-soft);padding:11px 13px;border-radius:10px}.report-archive-cards article strong,.report-archive-cards article span{display:block}.report-archive-cards article span{font-size:11px;color:var(--muted);margin-top:3px}
.three-cols{grid-template-columns:repeat(3,minmax(0,1fr))}
.report-create-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}
.report-archive-table td{vertical-align:top}.report-archive-table td>small,.report-archive-table td small{display:block;color:var(--muted);margin-top:4px;font-size:10px}
.archive-file-actions,.archive-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:flex-start}.archive-actions form{margin:0}.archive-actions details{position:relative}.archive-actions summary{cursor:pointer;font-size:11px;font-weight:750;color:var(--primary)}.archive-actions details form{position:absolute;right:0;top:24px;z-index:10;background:var(--surface);border:1px solid var(--line);box-shadow:0 8px 24px rgba(31,53,76,.12);padding:10px;border-radius:10px;min-width:250px}.archive-actions details input{margin-bottom:7px}
.btn-danger{background:#b53535!important;color:#fff!important;border-color:#b53535!important}
@media(max-width:980px){.report-overview-grid{grid-template-columns:1fr 1fr}.three-cols{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.report-tabs{position:static}.report-overview-grid,.three-cols,.report-create-options{grid-template-columns:1fr}}


/* 1.8.32 Platform Expansion */
.api-scopes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.api-doc{background:#0f2944;color:#dbe8f4;padding:16px;border-radius:10px;overflow:auto;font-size:12px;line-height:1.7}
.alarm-escalation-box{margin-top:12px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft)}
.ack-details{position:relative}.ack-details summary{cursor:pointer;color:var(--primary);font-weight:750;font-size:11px}.ack-details form{position:absolute;right:0;top:24px;z-index:20;background:var(--surface);border:1px solid var(--line);box-shadow:0 8px 24px rgba(31,53,76,.14);padding:10px;border-radius:10px;min-width:290px}.ack-details textarea{width:100%;margin-bottom:7px}
.kiosk-options{display:flex;gap:10px;flex-wrap:wrap}.kiosk-config-details summary{cursor:pointer;font-size:11px;font-weight:750;color:var(--primary)}.kiosk-mini-form{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;padding:10px;min-width:340px}.kiosk-mini-form label{font-size:10px}
.kiosk-page{display:none}.kiosk-page.active{display:block}.kiosk-page-number{text-align:center;color:#708196;font-size:11px;margin-top:12px}
.kiosk-chart{height:112px;margin:8px 0 12px}.kiosk-spark{width:100%;height:100%}.kiosk-spark .temp-line{stroke:#2367a6;stroke-width:2.2}.kiosk-spark .limit{stroke:#bd5a5a;stroke-width:1;stroke-dasharray:5 5;opacity:.55}.kiosk-no-chart{height:100%;display:flex;align-items:center;justify-content:center;color:#8190a0;font-size:11px}
.kiosk-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:8px 0}.kiosk-stats div{background:#f7f9fb;border:1px solid #e4eaf0;border-radius:8px;padding:7px;text-align:center}.kiosk-stats span{display:block;font-size:9px;text-transform:uppercase;color:#7a8998}.kiosk-stats strong{font-size:13px}
.kiosk-layout-large .kiosk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kiosk-layout-large .kiosk-card{min-height:420px}.kiosk-layout-large .kiosk-temp{font-size:72px}.kiosk-layout-large .kiosk-chart{height:180px}
.kiosk-layout-alarm .kiosk-header{background:#4b1820}.kiosk-layout-alarm .kiosk-card{border-width:2px}
@media(max-width:900px){.api-scopes{grid-template-columns:1fr 1fr}.kiosk-layout-large .kiosk-grid{grid-template-columns:1fr}}
@media(max-width:650px){.api-scopes{grid-template-columns:1fr}.kiosk-mini-form{grid-template-columns:1fr;min-width:250px}}


/* 1.8.33 Customer & Kiosk Administration */
.customer-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 18px;padding:6px;background:var(--surface);border:1px solid var(--line);border-radius:14px;position:sticky;top:8px;z-index:5}
.customer-tabs button{border:0;background:transparent;padding:10px 14px;border-radius:9px;font:inherit;font-weight:750;color:var(--muted);cursor:pointer}
.customer-tabs button.active{background:var(--primary);color:#fff}.customer-tabs button.active .tab-count{background:rgba(255,255,255,.18)}
.customer-tab-pane{display:none}.customer-tab-pane.active{display:block}
.effective-recipient-panel{margin:16px 0;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft)}
.recipient-chip-list{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}.recipient-chip{display:inline-flex;align-items:center;padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:11px;font-weight:750;word-break:break-all}.muted-chips .recipient-chip{opacity:.65}
.kiosk-row-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:flex-start}.kiosk-row-actions form{margin:0}
@media(max-width:700px){.customer-tabs{position:static}}


/* 1.8.36 Alarmcenter Tabs */
.alarm-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 18px;padding:6px;background:var(--surface);border:1px solid var(--line);border-radius:14px;position:sticky;top:8px;z-index:5}
.alarm-tabs button{border:0;background:transparent;padding:10px 14px;border-radius:9px;font:inherit;font-weight:750;color:var(--muted);cursor:pointer}
.alarm-tabs button.active{background:var(--primary);color:#fff}.alarm-tabs button.active .tab-count{background:rgba(255,255,255,.18)}
.alarm-tab-pane{display:none}.alarm-tab-pane.active{display:block}
.alarm-overview-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:14px}
.alarm-mini-list{display:grid;gap:8px;margin:12px 0}.alarm-mini-list article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft)}
.alarm-mini-list article strong,.alarm-mini-list article span{display:block}.alarm-mini-list article div>span{font-size:11px;color:var(--muted);margin-top:3px}
@media(max-width:850px){.alarm-overview-grid{grid-template-columns:1fr}.alarm-tabs{position:static}}


/* 1.8.37 Report Automation Transparency */
.automation-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}
.automation-status-grid>div,.automation-recipient-panel{background:var(--surface-soft);border:1px solid var(--line);border-radius:10px;padding:13px}
.automation-status-grid span,.automation-recipient-panel>span{display:block;font-size:10px;text-transform:uppercase;color:var(--muted);font-weight:750;margin-bottom:5px}
.automation-status-grid strong{font-size:13px;word-break:break-word}
.scheduler-state{margin:14px 0;padding:13px 15px;border:1px solid var(--line);border-radius:11px;background:var(--surface-soft)}
.scheduler-state>div{display:flex;align-items:center;gap:8px}.scheduler-state p{margin:6px 0 0;color:var(--muted);font-size:12px}.scheduler-state small{display:block;margin-top:6px;color:var(--muted)}
.scheduler-dot{width:9px;height:9px;border-radius:50%;background:#8796a5;box-shadow:0 0 0 4px rgba(135,150,165,.12)}
.scheduler-state.is-ok .scheduler-dot{background:#1c9b68;box-shadow:0 0 0 4px rgba(28,155,104,.12)}
.scheduler-state.is-error .scheduler-dot{background:#b53a3a;box-shadow:0 0 0 4px rgba(181,58,58,.12)}
.automation-recipient-panel{margin:14px 0}.automation-recipient-panel small{display:block;color:var(--muted);margin-top:8px}
.automation-edit-form{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.automation-admin-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.automation-admin-actions form{margin:0}
.readonly-note{margin-top:16px;padding:13px;border-radius:10px;background:var(--surface-soft);border:1px solid var(--line)}.readonly-note p{margin:4px 0 0;color:var(--muted)}
.automation-error{margin-top:14px}
@media(max-width:900px){.automation-status-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.automation-status-grid{grid-template-columns:1fr}}