:root{--surface:#fff;--navy:#23265c;--teal:#00aebb;--ink:#1d2c42;--muted:#6a7b90;--line:#e3eaf0;--bg:#f4f7fb;--green:#16836a;--red:#b74750;--amber:#ad7b20}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);font-size:15px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button,a,input,select{outline-offset:4px}[hidden]{display:none!important}.sidebar{position:fixed;width:236px;inset:0 auto 0 0;background:var(--surface);border-right:1px solid var(--line);padding:26px 18px;display:flex;flex-direction:column}.brand{display:block;width:100%;margin:4px 0 35px}.brand img{width:100%;height:auto;display:block}.overline{font-size:11px;letter-spacing:1.6px;font-weight:750;color:#3195a3}.sidebar>.overline{color:var(--muted);padding-left:12px}nav{display:grid;gap:9px}nav a{display:flex;align-items:center;gap:13px;padding:14px 13px;border-radius:9px;text-decoration:none;color:#657589;font-size:14px;font-weight:650}nav a.active{background:#e5f5f7;color:#187482}.nav-symbol{width:24px;font-size:20px}.sidebar-bottom{margin-top:auto;font-size:12px;color:var(--muted);padding:22px 10px 0}.sidebar-bottom p{font-size:11px}.local-dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:var(--green);margin-right:7px}.credits{border-top:1px solid var(--line);margin-top:20px;padding-top:15px}.credits small{display:block;margin-bottom:10px}.credits img{display:block;object-fit:contain;object-position:left}.iweb{width:150px;height:44px}.rr{width:86px;height:29px;margin-top:8px}.workspace{margin-left:236px}header{min-height:78px;background:var(--surface);border-bottom:1px solid var(--line);padding:18px 34px;display:flex;align-items:center;justify-content:space-between;gap:20px}.plant{font-weight:720;font-size:16px}.badge{font-size:10px;font-weight:700;letter-spacing:.5px;background:#fff6df;color:#927128;border:1px solid #f1e4bf;border-radius:30px;padding:7px 10px;margin-left:17px}.header-right{display:flex;gap:20px;align-items:center;font-size:12px}select,input{border:1px solid #d7e0e9;border-radius:7px;background:var(--surface);padding:10px 12px;color:var(--ink)}main{max-width:1580px;padding:34px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:22px}h1{font-size:32px;letter-spacing:-.8px;margin:8px 0 9px}h2{font-size:17px;letter-spacing:-.3px;margin:0}p{line-height:1.6}.subtitle{font-size:13px;color:var(--muted);margin:0}.primary{background:var(--navy);color:#fff;border:0;border-radius:8px;padding:13px 18px;font-size:13px;font-weight:650}.secondary{background:var(--surface);color:var(--navy);border:1px solid var(--line);padding:12px;border-radius:7px;margin:0 0 16px}.notice{display:flex;align-items:center;gap:10px;border:1px solid #d8e8ef;background:#edf6fa;border-radius:9px;color:#4b7081;padding:13px 16px;font-size:12px;margin-bottom:23px}.notice-icon{border:1px solid currentColor;border-radius:50%;width:17px;text-align:center;font-weight:700}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:25px}.metric{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:22px}.metric-label{font-size:12px;color:var(--muted)}.metric-value{font-size:33px;font-weight:760;letter-spacing:-1px;margin:14px 0 8px}.metric:nth-child(2) .metric-value{color:#1497a4}.metric:nth-child(4) .metric-value{color:#ac7a22}.metric-note{font-size:11px;color:var(--muted)}.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden}.section-head{padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px}.section-head p{font-size:12px;color:var(--muted);margin:6px 0 0}.bare{padding:0 0 18px}.chip{font-size:11px;background:#f5f8fb;border:1px solid var(--line);padding:8px 11px;border-radius:20px;color:var(--muted);white-space:nowrap}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{font-size:10px;letter-spacing:.6px;text-transform:uppercase;background:#f8fafc;color:#77869a;padding:14px 24px}td{padding:20px 24px;border-top:1px solid #eef2f6;font-size:13px}td strong{display:block;font-size:13px}td small{display:block;color:var(--muted);margin-top:7px;font-size:11px}.state{display:inline-flex;gap:6px;align-items:center;padding:6px 10px;border-radius:18px;font-size:11px;background:#e9f5ee;color:#25815e}.state::before{content:'●';font-size:7px}.state.down{background:#ffeff0;color:var(--red)}.state.changeover{background:#fff5df;color:var(--amber)}.state.offline{background:#f2effb;color:#7963a7}.state.off{background:#edf1f5;color:#64748b}.progress{height:5px;background:#eaf0f4;border-radius:5px;width:140px;margin-top:10px;overflow:hidden}.progress progress{appearance:none;width:100%;height:5px;border:0;display:block}.progress progress::-webkit-progress-bar{background:#eaf0f4}.progress progress::-webkit-progress-value{background:#1b9baa}.card-note{font-size:11px;color:var(--muted);margin:0;padding:17px 24px;border-top:1px solid var(--line);line-height:1.7}.history{margin-top:26px}.event-row{border-top:1px solid #eef2f6;padding:15px 24px;display:grid;grid-template-columns:80px 1fr auto;gap:14px;font-size:12px;align-items:center}.event-row small{color:var(--muted)}.empty{padding:18px 24px;color:var(--muted);font-size:13px}.area-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.area-card{padding:25px}.area-card .area-count{font-size:36px;font-weight:750;margin:20px 0 5px}.area-card dl,.machine-detail dl{display:grid;grid-template-columns:1fr auto;gap:12px;font-size:13px;margin-top:22px}.area-card dt,.machine-detail dt{color:var(--muted)}dd{margin:0;font-weight:650}.executive-grid,.capture-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:22px}.executive-card{padding:28px}.executive-card h2{font-size:27px;line-height:1.3;max-width:400px;margin:18px 0 12px}.executive-card>p:not(.overline){color:var(--muted);font-size:13px}.summary-line{padding:14px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;font-size:13px}.attention-row{padding:17px 24px;border-top:1px solid var(--line)}.attention-row strong{font-size:13px}.attention-row p{font-size:12px;color:var(--muted);margin-bottom:0}form{padding:0 24px 24px;display:grid;gap:18px}label{display:grid;gap:9px;font-size:12px;font-weight:650}label input,label select{width:100%;font-size:14px;font-weight:400}form button{justify-self:start;min-width:130px}.machine-detail{padding:0 24px 25px}.machine-detail h3{font-size:24px;margin:0 0 7px}.machine-detail>p{color:var(--muted);font-size:13px}.machine-detail .state{margin:12px 0}#message:not(:empty){border:1px solid #c7e7d9;background:#edf8f1;color:#2c7755;padding:12px 15px;border-radius:8px;font-size:13px;margin-bottom:16px}#message.error{background:#fff0f1;border-color:#f3d3d7;color:#a3444d}footer{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);padding:26px 0 4px}.connection-ok{color:var(--green)}.connection-fail{color:var(--red)}@media(max-width:1150px){.sidebar{width:200px}.workspace{margin-left:200px}main{padding:24px}.metrics{gap:10px}.metric{padding:18px}.metric-value{font-size:28px}.area-grid{grid-template-columns:1fr}.executive-grid,.capture-grid{grid-template-columns:1fr}header{padding:18px 24px}.badge{display:inline-block;margin:7px 0 0}.header-right{gap:10px}th,td{padding:16px}}@media(max-width:760px){.sidebar{position:relative;width:100%;padding:12px 16px}.brand{width:160px;margin:0}.sidebar>.overline,.sidebar-bottom{display:none}nav{display:flex;overflow:auto;margin-top:12px;gap:4px}nav a{white-space:nowrap;font-size:12px;padding:10px}.nav-symbol{display:none}.workspace{margin:0}header{padding:14px 16px;gap:12px}.plant{font-size:13px}.badge{font-size:9px}.header-right{align-items:flex-end;flex-direction:column;gap:6px}main{padding:22px 16px}.page-head{align-items:flex-start;flex-direction:column;gap:18px}h1{font-size:28px}.metrics{grid-template-columns:1fr 1fr}.metric{padding:16px}.metric-value{font-size:26px}.section-head{padding:20px 16px;flex-wrap:wrap}.notice{line-height:1.6}.event-row{padding:14px 16px;grid-template-columns:60px 1fr}.event-row>small:last-child{grid-column:2}footer{gap:10px;flex-direction:column}}

.config-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}textarea{font:inherit;border:1px solid #d7e0e9;border-radius:7px;padding:10px;resize:vertical;max-width:100%;color:var(--ink)}.form-hint{font-size:11px;color:var(--muted);margin:0;line-height:1.65}.shift-detail{padding:0 24px 24px}.shift-detail h3{font-size:25px;margin:0 0 10px}.shift-detail>p{font-size:12px;color:var(--muted)}.shift-detail dl{display:grid;grid-template-columns:1fr auto;gap:14px;font-size:13px}.shift-actions{padding:0 24px 24px;display:grid;gap:12px}.shift-actions button{justify-self:start}.report-summary{padding:0 24px 20px;font-size:12px;color:var(--muted)}.report-link{margin:0;padding:8px 12px;font-size:11px}.state.break{background:#e9f2ff;color:#4776b6}input:disabled,select:disabled,textarea:disabled{opacity:.65;background:#f6f8fa}@media(max-width:1300px){.config-grid{grid-template-columns:1fr 1fr}}@media(max-width:900px){.config-grid{grid-template-columns:1fr}.sidebar nav{gap:3px}.sidebar nav a{padding-top:11px;padding-bottom:11px}}

.plant-header{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.client-plant{display:inline-flex;align-items:center;gap:16px}.client-plant img{display:block;width:164px;height:auto;max-width:100%;object-fit:contain}.client-location{border-left:1px solid var(--line);padding-left:16px;font-size:14px;white-space:nowrap}.plant-header>.badge{margin-left:0}@media(max-width:760px){.client-plant{gap:10px}.client-plant img{width:120px}.client-location{padding-left:10px;font-size:12px}.plant-header{gap:8px}.plant-header>.badge{margin:0}}

.auth-screen{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(100%,480px);padding:32px}.auth-logo{display:block;width:220px;max-width:100%;margin:0 auto 28px}.auth-client{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:24px}.auth-client img{width:150px;height:auto}.auth-client span{border-left:1px solid var(--line);padding-left:16px;font-weight:650;font-size:13px}.auth-card h1{font-size:25px}.auth-card form{padding:24px 0 0}.auth-card #auth-message{color:var(--red);font-size:13px}.auth-language{display:flex;justify-content:flex-end;margin-bottom:20px}.auth-language label{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted)}#account-name{font-size:11px;max-width:170px}#logout{margin:0;padding:8px 10px;font-size:11px}.header-right{flex-wrap:wrap;justify-content:flex-end}.account-active{display:flex;align-items:center;gap:10px}.account-active input{width:auto}.access-row{display:grid;gap:6px;padding:18px 24px;border-bottom:1px solid var(--line);font-size:12px}.access-row small{color:var(--muted)}#user-form small{font-size:11px;color:var(--muted);line-height:1.6}#user-machines{min-height:150px}@media(max-width:760px){.auth-card{padding:24px}.header-right #account-name{max-width:120px}.auth-card h1{font-size:22px}}

.sidebar{overflow-y:auto}.sidebar-language{margin-top:auto;padding:22px 10px 4px;display:grid;gap:8px}.sidebar-language label{font-size:11px;color:var(--muted);font-weight:650}.sidebar-language select{width:100%;font-size:12px;padding:9px 10px}.sidebar-bottom{margin-top:0;padding-top:14px}.auth-language{margin:22px 0 0;padding-top:18px;border-top:1px solid var(--line);justify-content:center}@media(max-width:760px){.sidebar-language{margin-top:12px;padding:10px 0 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:flex-end;gap:10px}.sidebar-language select{width:auto;min-width:110px}.sidebar-language label{font-size:12px}}

.customer-brand{padding:12px 10px 0;text-decoration:none;color:var(--ink);margin:4px 0 26px}.customer-brand .company-logo{width:100%;height:auto}.customer-brand .company-name{font-size:22px;font-weight:750;line-height:1.3;overflow-wrap:anywhere}.customer-brand .branch-name{display:block;font-size:13px;color:var(--muted);margin-top:13px}.sidebar-language{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:18px}.sidebar-language .platform-logo{width:95px;height:auto;flex-shrink:0}.sidebar-language label{display:grid;gap:5px;flex:1;min-width:0}.sidebar-language select{font-size:11px;padding:7px;width:100%;min-width:0}.auth-client{flex-direction:column;gap:15px;margin:12px 0 28px}.auth-client .company-logo{width:245px;max-width:100%;height:auto}.auth-client .company-name{font-size:30px;font-weight:750;text-align:center;overflow-wrap:anywhere}.auth-client .branch-name{border-left:0;padding-left:0;color:var(--muted);font-size:16px;font-weight:600}.auth-language{align-items:center;justify-content:space-between;gap:20px}.auth-language .platform-logo{width:135px;height:auto;flex-shrink:0}.auth-language label{gap:8px}.auth-language select{width:auto}.site-settings{margin-bottom:22px}.company-name,.branch-name{overflow-wrap:anywhere}@media(max-width:1150px) and (min-width:761px){.sidebar-language{gap:8px}.sidebar-language .platform-logo{width:75px}}@media(max-width:760px){.customer-brand{width:auto;max-width:230px;margin:0;padding:2px 0}.customer-brand .company-logo{width:165px}.customer-brand .branch-name{margin-top:8px;font-size:12px}.sidebar-language{justify-content:space-between;padding-top:12px}.sidebar-language .platform-logo{width:110px}.sidebar-language label{display:flex;flex:none;align-items:center;gap:10px}.sidebar-language select{width:110px}.auth-language .platform-logo{width:110px}.auth-language label{display:grid}.auth-client .company-logo{width:215px}}

.sidebar-language{justify-content:flex-start}.sidebar-language label{flex:1}.sidebar-language select{font-size:12px}.client-plant .client-location{border-left:0;padding-left:0}.credits .pulsit-credit{width:165px;max-width:100%;height:auto;object-fit:contain;margin:10px 0 0}@media(max-width:760px){.sidebar-language{justify-content:flex-end}.sidebar-language label{flex:none}.sidebar-bottom{display:block;padding:0}.sidebar-bottom>.local-dot,.sidebar-bottom>span,.sidebar-bottom>p{display:none}.sidebar-bottom .credits{margin-top:10px;padding-top:10px;display:flex;align-items:center;justify-content:flex-end;gap:12px}.sidebar-bottom .credits small{margin:0}.credits .pulsit-credit{width:110px;margin:0}}
.dashboard-tools{margin:0 0 22px;padding:20px 24px}.dashboard-filters{display:flex;align-items:flex-end;gap:18px;flex-wrap:wrap}.dashboard-filters label{flex:1;min-width:160px}.dashboard-filters button{margin:0;padding:11px 14px;white-space:nowrap}.dashboard-context{font-size:12px;color:var(--muted);line-height:1.7;margin:16px 0 0}.dashboard-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:22px}.dashboard-section{margin-top:22px}.operation-bottom{border-top:1px solid var(--line);gap:0}.operation-bottom>article+article{border-left:1px solid var(--line)}.chart-legend{display:flex;gap:22px;flex-wrap:wrap;font-size:11px;color:var(--muted);padding:0 24px 16px}.chart-legend span::before{content:'';display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:7px}.legend-good::before{background:var(--teal)}.legend-target::before{background:#b9c7db}.column-chart{display:flex;align-items:flex-end;gap:16px;padding:0 24px 24px;overflow-x:auto;min-height:230px}.chart-column{min-width:90px;flex:1;display:grid;gap:9px;text-align:center;font-size:11px}.chart-values{display:flex;justify-content:center;gap:6px;align-items:baseline}.chart-values strong{font-size:15px}.chart-values small{color:var(--muted)}.bar-pair{height:150px;display:flex;align-items:flex-end;justify-content:center;gap:6px;border-bottom:1px solid var(--line)}.bar-pair span{height:var(--bar-height);width:25px;max-width:40%;border-radius:5px 5px 0 0;min-height:1px}.bar-good{background:var(--teal)}.bar-target{background:#b9c7db}.chart-label{color:var(--muted);white-space:nowrap}.loss-list{padding:0 24px 24px;max-height:480px;overflow:auto}.loss-item{padding:14px 0;border-bottom:1px solid var(--line)}.loss-title{display:flex;justify-content:space-between;gap:14px;font-size:12px}.loss-title strong{overflow-wrap:anywhere}.loss-title span{white-space:nowrap}.loss-track,.oee-track{height:7px;background:#edf1f6;border-radius:5px;margin:10px 0;overflow:hidden}.loss-track span,.oee-track span{display:block;width:var(--bar-width);height:100%;background:#c68a38;border-radius:5px}.loss-item small{color:var(--muted);font-size:10px}.area-comparison{padding:18px 24px;border-top:1px solid var(--line)}.area-comparison h3{font-size:13px;margin:0 0 13px}.area-detail{display:grid;grid-template-columns:auto 1fr auto 1fr;align-items:center;gap:10px 14px;font-size:11px}.area-detail span{color:var(--muted)}.area-detail strong{font-size:23px;color:var(--teal)}.area-detail b{font-size:13px}.quality-reason{display:flex;justify-content:space-between;gap:16px;padding:17px 24px;border-top:1px solid var(--line);font-size:12px}.oee-trend{padding:0 24px 24px}.oee-trend>div{display:grid;grid-template-columns:85px 1fr 55px;align-items:center;gap:14px;font-size:11px;margin:12px 0}.oee-track span{background:var(--teal)}.dashboard-grid .section-head p{max-width:420px}@media(max-width:1150px){.dashboard-grid{grid-template-columns:1fr}.operation-bottom>article+article{border-left:0;border-top:1px solid var(--line)}}@media(max-width:760px){.dashboard-metrics{grid-template-columns:1fr 1fr}.dashboard-tools{padding:16px}.dashboard-filters{gap:14px}.dashboard-filters label{min-width:130px}.chart-column{min-width:75px}.column-chart{padding:0 16px 20px}.chart-legend{padding-left:16px}.area-detail{grid-template-columns:auto 1fr}.loss-list{padding:0 16px 20px}}

svg.bar-pair{width:100%;max-width:100px;justify-self:center;display:block}.bar-good{fill:var(--teal)}.bar-target{fill:#b9c7db}progress.loss-track,progress.oee-track{display:block;width:100%;appearance:none;border:0;height:7px}progress.loss-track::-webkit-progress-bar,progress.oee-track::-webkit-progress-bar{background:#edf1f6;border-radius:5px}progress.loss-track::-webkit-progress-value{background:#c68a38;border-radius:5px}progress.oee-track::-webkit-progress-value{background:var(--teal);border-radius:5px}progress.loss-track::-moz-progress-bar{background:#c68a38}progress.oee-track::-moz-progress-bar{background:var(--teal)}

.test-environment{position:sticky;top:0;z-index:20;background:#fff1c2;color:#5c4100;text-align:center;padding:10px;font-size:13px;font-weight:700;}

.auth-card .remember-access{display:flex;align-items:center;gap:9px;margin-top:4px;} .auth-card .remember-access input{width:16px;height:16px;margin:0;} .remember-hint{color:var(--muted,#64748b);font-size:12px;}

.correction-card{grid-column:1/-1}.correction-card textarea{width:100%;box-sizing:border-box;padding:12px;border:1px solid var(--border,#d5dfeb);border-radius:8px;font:inherit}.correction-card .form-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}#cause-list{margin-top:20px}
@media(max-width:650px){.correction-card .form-pair{grid-template-columns:1fr}}

/* Novares customer theme. Reference: novaresteam.com, 2026-10-01.
   Status colors remain semantic; the tenant identity is separate from PULSIT. */
:root[data-brand="novares"]{--navy:#2467b7;--teal:#2467b7;--ink:#101b36;--muted:#526580;--line:#dfe6ef;--bg:#f5f7fa;--brand-dark:#101b36;--brand-soft:#eaf1fa}
[data-brand="novares"] nav a.active{background:var(--brand-soft);color:#1d579c;box-shadow:inset 3px 0 0 var(--navy)}
[data-brand="novares"] nav a:hover{background:#f0f4fa;color:#1d579c}
[data-brand="novares"] .overline{color:#1d579c}
[data-brand="novares"] .sidebar>.overline{color:var(--muted)}
[data-brand="novares"] h1,[data-brand="novares"] h2{color:var(--brand-dark)}
[data-brand="novares"] .primary{background:var(--navy)}
[data-brand="novares"] .primary:not(:disabled):hover{background:#1d579c}
[data-brand="novares"] .metric:nth-child(2) .metric-value{color:var(--navy)}
[data-brand="novares"] .progress progress::-webkit-progress-value{background:var(--navy)}
[data-brand="novares"] .progress progress::-moz-progress-bar{background:var(--navy)}
[data-brand="novares"] .auth-card{border-top:4px solid var(--navy);box-shadow:0 12px 40px #101b3608}
[data-brand="novares"] input:focus-visible,[data-brand="novares"] select:focus-visible,[data-brand="novares"] textarea:focus-visible{outline:2px solid var(--navy);outline-offset:2px}

@media(min-width:761px){[data-brand="novares"] nav{gap:5px}[data-brand="novares"] nav a{padding-top:12px;padding-bottom:12px}}

.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:22px 0}.support-content{padding:24px;margin:22px 0}.support-ticket{display:flex;width:100%;justify-content:space-between;gap:18px;text-align:left}.support-pre{white-space:pre-wrap;overflow-wrap:anywhere}.support-reply{border-top:1px solid var(--line);padding:16px 0}.support-content form{padding:24px 0 0}@media(max-width:900px){.support-grid{grid-template-columns:1fr}}

.support-toolbar{flex-wrap:wrap;align-items:flex-start;gap:16px}.support-toolbar-actions{display:flex;flex-wrap:wrap;gap:10px}.support-toolbar-actions button{margin:0;white-space:normal}.support-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.support-grid>article{min-width:0}@media(max-width:900px){.support-grid{grid-template-columns:1fr}}

.scope-choices{display:flex;flex-wrap:wrap;gap:12px;padding:0 24px 24px}.scope-choice{min-width:150px;max-width:100%;text-align:left;white-space:normal}.scope-choice small{display:block;margin-top:6px}.kpi-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:0 24px 20px}.kpi-result{padding:18px;border:1px solid var(--line);border-radius:12px}.kpi-result strong{display:block;font-size:26px;margin:10px 0}.kpi-trend{padding:0 24px 24px}.kpi-trend svg{width:100%;height:150px}.kpi-line{fill:none;stroke:var(--navy);stroke-width:3}.kpi-dot{fill:var(--navy)}.kpi-axis{stroke:var(--line);stroke-width:1}.kpi-trend-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.kpi-pending{margin:0;padding:0 24px 24px;color:var(--muted)}.plant-pareto{padding:0 24px 24px}@media(max-width:650px){.kpi-results{grid-template-columns:1fr}}

.kpi-scale{fill:var(--muted);font-size:12px}

.kpi-average{display:block;margin-top:8px}

.quality-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:22px}.quality-grid>article{min-width:0}.quality-grid .form-pair,#quality-action-form .form-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.quality-record{padding:20px 24px;border-top:1px solid var(--line)}.quality-record p{white-space:pre-wrap;overflow-wrap:anywhere}.quality-action-button{margin:4px}.quality-card-note{padding:0 24px 20px}@media(max-width:850px){.quality-grid{grid-template-columns:1fr}}@media(max-width:550px){.quality-grid .form-pair,#quality-action-form .form-pair{grid-template-columns:1fr}}

/* Novares identity: persistent midnight sidebar and optional dark workspace. */
.sidebar{background:#0d1e2f;border-color:#293e53;color:#e7eef7;overflow-y:auto}
.sidebar .customer-brand{margin:0 -18px 18px;width:calc(100% + 36px)}
:root[data-brand="novares"] .sidebar .company-logo{content:url("assets/novares-brand-dark.jpg");width:100%;height:auto;min-height:60px;object-fit:contain}
.sidebar .company-name{color:#f1f5fb;padding:18px}
.sidebar>.overline,[data-brand="novares"] .sidebar>.overline{color:#a8bbd0}
.sidebar nav a{color:#c7d5e5}
.sidebar nav a:hover,[data-brand="novares"] .sidebar nav a:hover{background:#19334b;color:#fff}
.sidebar nav a.active,[data-brand="novares"] .sidebar nav a.active{background:#214e7b;color:#fff;box-shadow:inset 3px 0 0 #73b7ff}
.sidebar-bottom,.sidebar-language,.sidebar-appearance{color:#b7c8db}
.sidebar .credits,.sidebar-language{border-color:#293e53}
.sidebar select{background:#162d43;border-color:#3c526a;color:#eff5fc;color-scheme:dark}
.sidebar .pulsit-credit{background:#fff;border-radius:6px;padding:7px;width:100%;height:auto;max-height:64px}
.sidebar-appearance{padding:8px 10px 0;font-size:11px}
.appearance-control{display:block;margin:0}.appearance-control span{display:block;font-size:11px;font-weight:650;margin-bottom:6px}.appearance-control select{width:100%}
.auth-footer .appearance-control{min-width:100px}
:root[data-theme="dark"],:root[data-brand="novares"][data-theme="dark"]{color-scheme:dark;--bg:#091522;--surface:#132638;--ink:#edf3fb;--muted:#adbdce;--line:#2b4055;--navy:#79baff;--teal:#69cdd7;--brand-dark:#edf3fb;--brand-soft:#173957;--green:#71d9b3;--red:#ffacb5;--amber:#ffd27f}
[data-theme="dark"] input,[data-theme="dark"] select,[data-theme="dark"] textarea{background:#102235;border-color:#395168;color:var(--ink)}
[data-theme="dark"] header,[data-theme="dark"] .card,[data-theme="dark"] .metric,[data-theme="dark"] .auth-card,[data-theme="dark"] .secondary{background:var(--surface)}
[data-theme="dark"] h1,[data-theme="dark"] h2{color:var(--ink)}
[data-theme="dark"] th,[data-theme="dark"] .chip{background:#192f44;color:#b8cadd}
[data-theme="dark"] td,[data-theme="dark"] .quality-record{border-color:var(--line)}
[data-theme="dark"] .notice{background:#16334a;border-color:#35536b;color:#c5dfef}
[data-theme="dark"] .notice.error{background:#40252f;border-color:#79414c;color:#ffbac3}
[data-theme="dark"] .notice.success{background:#153c35;border-color:#347366;color:#a9efd4}
[data-theme="dark"] .primary,[data-brand="novares"][data-theme="dark"] .primary{background:#2467b7;color:#fff}
[data-theme="dark"] .overline,[data-brand="novares"][data-theme="dark"] .overline{color:#8bc1ff}
[data-theme="dark"] .metric:nth-child(2) .metric-value{color:#8bc1ff}
[data-theme="dark"] .metric:nth-child(4) .metric-value{color:#ffd27f}
[data-theme="dark"] .state{background:#193e34;color:#a5edca}
[data-theme="dark"] .state.down{background:#422735;color:#ffb6c0}
[data-theme="dark"] .state.changeover{background:#403625;color:#ffdb92}
[data-theme="dark"] .state.offline{background:#342c49;color:#d5c4ff}
[data-theme="dark"] .state.off{background:#2b3846;color:#c8d5e4}
[data-theme="dark"] .state.break{background:#1d3858;color:#aed2ff}
[data-theme="dark"] .progress,[data-theme="dark"] .loss-track,[data-theme="dark"] .oee-track{background:#2b4055}
[data-theme="dark"] .progress progress::-webkit-progress-bar,[data-theme="dark"] .loss-track::-webkit-progress-bar,[data-theme="dark"] progress.oee-track::-webkit-progress-bar{background:#2b4055}
[data-theme="dark"] .bar-target,[data-theme="dark"] .legend-target::before{background:#8cabc8}
[data-theme="dark"] .auth-card{box-shadow:0 12px 40px #0003}
[data-theme="dark"] .auth-client{background:#fff;border-radius:8px;padding:14px}
[data-theme="dark"] .auth-client .branch-name{color:#526580}
@media(min-width:761px){.sidebar nav{gap:2px}.sidebar nav a,[data-brand="novares"] .sidebar nav a{padding-top:9px;padding-bottom:9px}.sidebar-bottom{padding-top:12px}.sidebar .credits{margin-top:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.sidebar-language label{color:#b7c8db}
.sidebar .customer-brand{height:82px;display:flex;align-items:center;justify-content:center;overflow:hidden}
:root[data-brand="novares"] .sidebar .company-logo{width:320px;max-width:none;flex-shrink:0;min-height:0}
.auth-language{flex-wrap:wrap;gap:16px}
.auth-language .appearance-control{display:block;min-width:112px}
[data-theme="dark"] .auth-client{background:#0d1e2f}
[data-brand="novares"][data-theme="dark"] .auth-client .company-logo{content:url("assets/novares-brand-dark.jpg");width:240px;max-width:70%;height:auto}
[data-theme="dark"] .auth-client .branch-name{color:#d5e3f2}
[data-theme="dark"] .platform-logo{background:#fff;border-radius:6px;padding:6px}
[data-theme="dark"] input:disabled,[data-theme="dark"] select:disabled,[data-theme="dark"] textarea:disabled{background:#203449}
@media(max-width:760px){.sidebar .customer-brand{margin:0;width:100%;height:86px}.sidebar-appearance{padding:8px 0;display:flex;justify-content:flex-end}.sidebar-appearance .appearance-control{min-width:155px}.auth-client{gap:6px}.auth-language .appearance-control{min-width:105px}}
.sidebar .customer-brand{flex-shrink:0}

/* Keep the hourly chart compact when many machines need attention. */
#production .operation-bottom{align-items:start}
#production #attention{max-height:280px;overflow-y:auto;overscroll-behavior:contain}

/* Sign-in has a fixed dark identity, independent of workspace preferences. */
.auth-screen[data-theme="dark"]{background:#091522;color:#edf3fb;color-scheme:dark;--surface:#132638;--ink:#edf3fb;--muted:#adbdce;--line:#2b4055;--navy:#79baff;--red:#ffacb5}

/* Official white-letter PULSIT artwork on dark surfaces. */
.sidebar .pulsit-credit,[data-theme="dark"] .platform-logo{content:url("assets/pulsit-white.png");background:transparent;border-radius:0;padding:0}

/* Align desktop brand with the 78px Wisconsin header. */
@media(min-width:761px){.sidebar{padding-top:0}.sidebar .customer-brand{height:78px;padding:0;flex-shrink:0}}

/* Compact keyboard-accessible theme switch beside Sign out. */
.theme-toggle{display:inline-flex;align-items:center;gap:7px;position:relative;cursor:pointer;font-size:11px;color:var(--muted);white-space:nowrap}
.theme-toggle input{position:absolute;width:1px;height:1px;opacity:0;padding:0;margin:0}
.theme-toggle-track{display:block;width:34px;height:20px;border-radius:20px;background:#899caf;border:1px solid var(--line);position:relative}
.theme-toggle-track::after{content:"";position:absolute;width:14px;height:14px;top:2px;left:2px;border-radius:50%;background:#fff;transition:transform .15s}
.theme-toggle input:checked+.theme-toggle-track{background:#2467b7}
.theme-toggle input:checked+.theme-toggle-track::after{transform:translateX(14px)}
.theme-toggle input:focus-visible+.theme-toggle-track{outline:2px solid #79baff;outline-offset:3px}

#orders>.card,#orders>.quality-grid{margin-top:22px}.order-actions{display:flex;gap:10px;flex-wrap:wrap}.order-actions .secondary,.order-entry .secondary{margin:0}.order-entry{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line)}

#order-summary{grid-template-columns:repeat(3,minmax(0,1fr))}#orders .metric:nth-child(2) .metric-value{color:var(--ink)}@media(max-width:760px){#order-summary{grid-template-columns:1fr}.order-entry{flex-wrap:wrap}}

#orders>.quality-grid{display:block}#order-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px}#order-form label{margin:0}#order-form>.primary{align-self:end;justify-self:start}#order-action-card{margin-top:22px}@media(max-width:760px){#order-form{grid-template-columns:1fr}}

#inventory>.card{margin-top:22px}.inventory-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px}.inventory-form label{margin:0}.inventory-form>div{align-self:end}.inventory-form button{margin-bottom:10px}.quality-record a{color:var(--navy)}#inventory-action-form{max-width:760px}#inventory .metric:nth-child(2) .metric-value{color:var(--amber)}#inventory .metric:nth-child(3) .metric-value{color:var(--green)}@media(max-width:760px){.inventory-form{grid-template-columns:1fr}}
#inventory-list>.quality-record>small,#inventory-audit .quality-record>small{display:block;margin-top:6px;color:var(--muted)}

/* Plant-floor view: readable counts and visible freshness, without color-only status. */
.live-monitor{padding:26px;background:var(--surface);border:1px solid var(--line);border-radius:18px}.monitor-toolbar,.monitor-signal,.monitor-machine-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.monitor-toolbar label{min-width:260px;margin:0}.monitor-toolbar>div{display:flex;gap:10px;flex-wrap:wrap}.monitor-toolbar a{text-decoration:none;display:inline-flex;align-items:center}.monitor-signal{font-size:11px;letter-spacing:.08em;padding:18px 0;border-bottom:1px solid var(--line);color:var(--muted)}.monitor-signal>span:first-child{color:var(--amber)}.monitor-machine-head{padding:28px 0 10px}.monitor-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.monitor-machine-head h2{font-size:clamp(30px,3vw,52px);margin:8px 0}.monitor-product{font-size:18px;color:var(--muted)}.monitor-state{padding:15px 24px;border:1px solid var(--line);border-radius:50px;font-size:20px;font-weight:800;display:flex;align-items:center;gap:12px}.monitor-state span{width:12px;height:12px;background:currentColor;border-radius:50%}.state-timeline .state-running,.state-swatch.state-running{color:var(--green)}.state-timeline .state-down,.state-swatch.state-down{color:var(--red)}.state-changeover,.state-timeline .state-break,.state-swatch.state-break{color:var(--amber)}.monitor-reason{border-left:4px solid var(--amber);padding:12px 16px;background:var(--bg)}.monitor-counts{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:16px;margin:22px 0}.monitor-count{padding:24px;border:1px solid var(--line);border-radius:14px;background:var(--bg)}.monitor-count p{color:var(--muted);margin:0 0 12px}.monitor-count strong{font-size:clamp(38px,4vw,76px);line-height:1;font-variant-numeric:tabular-nums}.monitor-count.good{border-top:4px solid var(--green)}.monitor-count.good strong{color:var(--green)}.monitor-count.rejects{border-top:4px solid var(--red)}.monitor-count.rejects strong{color:var(--red)}.monitor-performance{display:grid;grid-template-columns:1.3fr 2fr 1fr 1fr;align-items:center;gap:26px;padding:22px 0;border-bottom:1px solid var(--line)}.monitor-performance span{display:block;color:var(--muted);font-size:12px}.monitor-performance strong{display:block;font-size:32px;margin-top:8px}.monitor-performance strong small{font-size:16px}.monitor-performance p{font-size:12px;color:var(--muted)}.monitor-performance progress{width:100%;height:14px}.monitor-hourly{padding-top:16px}.monitor-hour-bars{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:18px}.monitor-hour{padding:14px;background:var(--bg);border-radius:10px}.monitor-hour strong,.monitor-hour span,.monitor-hour small{display:block}.monitor-hour strong{font-size:24px}.monitor-hour span{font-size:12px;margin-top:10px}.monitor-hour small{font-size:11px;color:var(--muted);margin-top:6px}.monitor-bar-pair progress{display:block;width:100%;height:8px;margin-top:8px}.monitor-bar-pair progress:last-child{opacity:.45}.monitor-stale{border:2px solid var(--amber)}.monitor-stale #monitor-freshness{color:var(--amber);font-weight:800}.live-monitor:fullscreen{overflow:auto;border-radius:0;padding:32px;background:var(--surface)}@media(max-width:900px){.monitor-counts{grid-template-columns:1fr 1fr}.monitor-performance{grid-template-columns:1fr 1fr}.monitor-toolbar,.monitor-machine-head,.monitor-signal{align-items:flex-start;flex-direction:column}.monitor-toolbar label{min-width:0;width:100%}}

.monitor-brand{display:none}.live-monitor:fullscreen .monitor-brand{display:flex;align-items:center;gap:24px;padding-bottom:24px;border-bottom:1px solid var(--line);margin-bottom:22px;font-weight:800}.monitor-brand .company-logo{width:210px;height:58px;object-fit:contain}.monitor-brand .platform-logo{width:140px;height:54px;object-fit:contain;margin-left:auto}.live-monitor:fullscreen .monitor-count strong{font-size:clamp(60px,7vw,160px)}.live-monitor:fullscreen .monitor-count{padding:32px}.live-monitor:fullscreen .monitor-machine-head h2{font-size:clamp(36px,4vw,72px)}.monitor-hour-bars{grid-template-columns:repeat(auto-fit,minmax(150px,240px))}.monitor-performance progress,.monitor-bar-pair progress{appearance:none;border:0;border-radius:8px;overflow:hidden;background:var(--line)}.monitor-performance progress::-webkit-progress-bar,.monitor-bar-pair progress::-webkit-progress-bar{background:var(--line)}.monitor-performance progress::-webkit-progress-value,.monitor-bar-pair progress::-webkit-progress-value{background:var(--teal)}.monitor-performance progress::-moz-progress-bar,.monitor-bar-pair progress::-moz-progress-bar{background:var(--teal)}
[data-brand="novares"][data-theme="dark"] .monitor-brand .company-logo{content:url("assets/novares-brand-dark.jpg");object-fit:cover}.live-monitor:fullscreen .monitor-brand{padding-bottom:12px;margin-bottom:12px}.live-monitor:fullscreen .monitor-machine-head{padding:16px 0 0}.live-monitor:fullscreen .monitor-kicker{margin:6px 0}.live-monitor:fullscreen .monitor-product{margin:8px 0}.live-monitor:fullscreen .monitor-counts{margin:16px 0}.live-monitor:fullscreen .monitor-count{padding:24px}.live-monitor:fullscreen .monitor-count strong{font-size:clamp(60px,7vw,128px)}
/* Dedicated LED window has no workspace navigation or editing controls. */
.display-window{overflow:auto}.display-window .live-monitor{min-height:100dvh;border-radius:0;padding:clamp(16px,2vw,32px);display:flex;flex-direction:column}.display-window .monitor-brand{display:flex;align-items:center;gap:24px;padding-bottom:12px;border-bottom:1px solid var(--line);font-weight:800}.display-window #monitor-entry{display:none!important}.display-window .monitor-toolbar{position:fixed;z-index:5;top:12px;left:12px;right:12px;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:12px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s}.display-window #display-controls-toggle{position:fixed;z-index:6;right:16px;bottom:16px;opacity:0;transition:opacity .2s}.display-window #display-controls-toggle:focus-visible,.display-window.display-controls-visible #display-controls-toggle{opacity:1}.display-window.display-controls-visible .monitor-toolbar{opacity:1;visibility:visible;pointer-events:auto}.display-window #monitor-content{flex:1;display:flex;flex-direction:column}.display-window .monitor-machine-head{padding:12px 0}.display-window .monitor-kicker,.display-window .monitor-product{margin:8px 0}.display-window .monitor-machine-head h2{font-size:clamp(30px,4vw,68px);margin:4px 0}.display-window .monitor-counts{flex:1;align-content:center;grid-template-columns:repeat(4,minmax(0,1fr));margin:12px 0}.display-window .monitor-count{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:clamp(16px,2vw,28px)}.display-window .monitor-count strong{font-size:clamp(38px,7vw,150px);overflow-wrap:anywhere}.display-window .monitor-performance{padding:14px 0}.display-window .monitor-hourly{padding-top:12px}.display-window .monitor-hour-bars{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}.display-window .monitor-hour{padding:12px}.display-window .monitor-signal{font-size:clamp(10px,1vw,14px);padding:12px 0}.display-window #display-message{padding:24px;border:1px solid var(--amber);color:var(--amber);font-size:24px}
@media(max-aspect-ratio:6/5){.display-window .monitor-counts{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.display-window .monitor-count strong{font-size:clamp(44px,12vw,150px)}.display-window .monitor-performance{grid-template-columns:1fr 1fr 1fr}.display-window .monitor-performance>progress{grid-column:1/-1;grid-row:2}.display-window .monitor-machine-head,.display-window .monitor-signal{flex-direction:row;align-items:center}.display-window .monitor-brand .company-logo{width:160px}.display-window .monitor-brand .platform-logo{width:110px}.display-window .monitor-hour strong{font-size:20px}}
@media(max-height:650px) and (min-aspect-ratio:6/5){.display-window .monitor-brand .company-logo{height:36px}.display-window .monitor-machine-head h2{font-size:30px}.display-window .monitor-count strong{font-size:clamp(34px,6vw,80px)}.display-window .monitor-count p{margin-bottom:6px}.display-window .monitor-performance strong{font-size:24px}.display-window .monitor-signal{padding:6px 0}}
@media(max-aspect-ratio:6/5){.display-window .monitor-brand .company-logo,.display-window .monitor-brand .platform-logo{height:40px}.display-window .monitor-brand{padding-bottom:8px}.display-window .monitor-signal{padding:8px 0;font-size:10px}.display-window .monitor-machine-head h2{font-size:clamp(24px,4vmin,40px)}.display-window .monitor-product{font-size:16px;margin:4px 0}.display-window .monitor-state{font-size:16px;padding:10px 16px}.display-window .monitor-count{padding:16px}.display-window .monitor-count strong{font-size:clamp(40px,9vmin,110px)}.display-window .monitor-count p{margin-bottom:8px}.display-window .monitor-performance{padding:8px 0}.display-window .monitor-performance strong{font-size:26px}.display-window .monitor-hourly h3{font-size:14px;margin:6px 0}.display-window .monitor-hour-bars{display:flex;gap:8px}.display-window .monitor-hour{flex:1;min-width:0;padding:8px}.display-window .monitor-hour small{font-size:9px}.display-window .monitor-hour span{font-size:10px}}

@media(max-height:900px){.display-window .monitor-brand .company-logo,.display-window .monitor-brand .platform-logo{height:40px}.display-window .monitor-brand{padding-bottom:8px}.display-window .monitor-signal{padding:8px 0;font-size:10px}.display-window .monitor-machine-head h2{font-size:clamp(24px,4vmin,40px)}.display-window .monitor-product{font-size:16px;margin:4px 0}.display-window .monitor-state{font-size:16px;padding:10px 16px}.display-window .monitor-count{padding:16px}.display-window .monitor-count strong{font-size:clamp(40px,9vmin,110px)}.display-window .monitor-count p{margin-bottom:8px}.display-window .monitor-performance{padding:8px 0}.display-window .monitor-performance strong{font-size:26px}.display-window .monitor-hourly h3{font-size:14px;margin:6px 0}.display-window .monitor-hour{padding:8px}.display-window .monitor-hour small{font-size:9px}.display-window .monitor-hour span{font-size:10px}}

/* Match the supplied Novares artwork background; blend its photographic edges. */
[data-theme="dark"] .live-monitor{background:#0f1e31}
[data-brand="novares"][data-theme="dark"] .monitor-brand .company-logo{mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent);mask-size:100% 100%;mask-repeat:no-repeat}

/* Compact LED masthead, aligned to the artwork's visible lettering. */
.display-window .live-monitor{padding-top:8px}
.display-window .monitor-brand{min-height:48px;align-items:center;padding-bottom:8px;gap:20px}
.display-window .monitor-brand .company-logo{display:block;object-position:center;transform:translateY(-8px)}
.display-window .monitor-brand .branch-name{display:flex;align-items:center;line-height:1;margin:0}
.display-window .monitor-brand .platform-logo{display:block;object-position:center}

#individual-access{border:1px solid var(--line);border-radius:10px;padding:16px}#individual-access p{font-size:12px;color:var(--muted)}.access-choice{display:flex;justify-content:space-between;gap:16px;padding:8px 0}.access-choice label{display:flex;align-items:center;gap:8px}.access-choice input{width:auto}

#scope-access{border:1px solid var(--line);border-radius:10px;padding:16px;display:grid;gap:14px}#scope-access p{font-size:12px;color:var(--muted);margin:0}

/* Keep access history inside its own scrollable panel. */
#users .capture-grid{align-items:start}
#access-audit{max-height:480px;max-height:min(480px,60vh);overflow-y:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable}
#access-audit:focus-visible{outline:2px solid var(--accent,#69cbd2);outline-offset:-3px}
.access-row{overflow-wrap:anywhere}

/* Match the neighboring account form without letting audit rows size the grid. */
#users .capture-grid{align-items:stretch}
#users .capture-grid>article:last-child{display:flex;flex-direction:column;min-height:0}
#users .capture-grid>article:last-child .section-head{flex:none}
#access-audit{flex:1;min-height:0;max-height:none;contain:size}
@media(max-width:760px){#access-audit{flex:auto;contain:none;max-height:min(480px,60vh)}}

#action-access{border:1px solid var(--line);border-radius:10px;padding:16px}#action-access p{font-size:12px;color:var(--muted)}#action-options{display:grid;gap:12px;max-height:260px;overflow-y:auto}

#operational-attention{margin:24px 0}#operational-items{max-height:420px;overflow-y:auto;overscroll-behavior-y:contain}.operational-item{padding:18px 24px;border-bottom:1px solid var(--line)}.operational-item>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.operational-item p{font-size:13px;margin:10px 0}.operational-item small{display:block;color:var(--muted);line-height:1.5}.operational-item a{display:inline-block;margin-top:10px;font-size:12px}
/* State colors stay identical in light/dark views and include text labels. */
.stop-history-scroll{max-height:560px;overflow:auto;padding:20px 24px;overscroll-behavior:contain}
.state-legend{display:flex;flex-wrap:wrap;gap:12px 20px;margin-bottom:20px;font-size:12px}
.state-legend span{display:flex;align-items:center;gap:7px}
.state-swatch{width:14px;height:14px;border-radius:4px;display:inline-block}
.state-timeline .state-running,.state-swatch.state-running{fill:#20c997;background:#20c997}.state-timeline .state-down,.state-swatch.state-down{fill:#ff526d;background:#ff526d}.state-timeline .state-changeover,.state-swatch.state-changeover{fill:#ffbd35;background:#ffbd35}.state-timeline .state-offline,.state-swatch.state-offline{fill:#b28aff;background:#b28aff}.state-timeline .state-off,.state-swatch.state-off{fill:#55b9ff;background:#55b9ff}.state-timeline .state-break,.state-swatch.state-break{fill:#e58adc;background:#e58adc}.state-timeline .state-unrecorded,.state-swatch.state-unrecorded{fill:#607080}
.stop-machine{padding:18px 0;border-bottom:1px solid var(--border,#607080)}
.stop-machine:first-of-type{padding-top:0}.stop-machine h3{margin:0 0 14px}.stop-machine h3 small{font-weight:400;display:block;margin-top:6px}
.state-timeline{display:block;width:100%;height:28px;border-radius:6px;overflow:hidden}.timeline-clock{display:flex;justify-content:space-between;font-size:11px;margin:7px 0 16px}.stop-machine .table-scroll{overflow:auto}.stop-machine table{min-width:620px}

.monitor-brand .company-name{font-size:clamp(18px,2.1vw,32px);font-weight:800;line-height:1.15;max-width:45%;overflow-wrap:anywhere}.monitor-brand .branch-name{min-width:0;max-width:30%;overflow-wrap:anywhere}
.backup-schedule{padding:20px 24px;border-top:1px solid var(--line)}.backup-schedule form{display:grid;gap:12px;max-width:680px}.backup-schedule form>label:not(.account-active){display:grid;gap:7px}.backup-schedule input[type=number]{max-width:160px}.backup-schedule form p,#backup-schedule-state{font-size:12px;line-height:1.6;color:var(--muted)}#backup-schedule-state.backup-warning{color:var(--red)}.backup-schedule button{justify-self:start}

[data-brand="custom"] .company-logo{content:normal;object-fit:contain;mask-image:none;transform:none} [data-brand="custom"] .customer-brand .company-logo{max-height:64px;width:100%;object-fit:contain} [data-brand="custom"] .auth-client .company-logo{max-height:90px;object-fit:contain} #site-form input[type="file"]{width:100%;font-size:12px}

.list-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 24px;border-top:1px solid var(--line)}.list-pager span{font-size:12px;color:var(--muted);text-align:center}.list-pager button{flex-shrink:0}@media(max-width:550px){.list-pager{padding:12px;gap:8px}.list-pager span{font-size:11px}}

.system-health-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;padding:20px 24px;margin:0}.system-health-grid dt{font-size:12px;color:var(--muted)}.system-health-grid dd{margin:8px 0 0;font-size:24px;font-weight:800}