:root{--ink:#17231f;--muted:#718079;--line:#e3e8e4;--bg:#f4f6f3;--green:#0e8b5b;--dark:#102922;--lime:#b8ee78}*{box-sizing:border-box}html{min-height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);font-size:14px}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}.loading-screen{min-height:100vh;display:grid;place-content:center;text-align:center;background:#102922;color:#a8bdb5}.loading-logo{display:flex;justify-content:center;align-items:center;gap:12px;color:white;font-size:25px;font-weight:750}.loading-logo>span,.brandmark{width:29px;height:29px;display:flex;align-items:flex-end;gap:3px;transform:skew(-9deg)}.loading-logo i,.brandmark i{display:block;width:7px;border-radius:2px;background:#92dc78}.loading-logo i:nth-child(1),.brandmark i:nth-child(1){height:13px}.loading-logo i:nth-child(2),.brandmark i:nth-child(2){height:21px}.loading-logo i:nth-child(3),.brandmark i:nth-child(3){height:29px;background:#c4f48a}.loading-screen p{font-size:12px}.fatal{min-height:100vh;display:grid;place-content:center;text-align:center;padding:20px}.fatal .brand{justify-content:center}.fatal h1{margin:24px 0 5px}.fatal p{color:var(--muted)}.fatal button{margin:auto;border:0;background:var(--green);color:#fff;padding:10px 18px;border-radius:8px}.shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:#112a23;color:#d8e3df;padding:28px 18px 20px;z-index:20;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 26px;color:white;font-weight:750;font-size:21px}.brand.dark{padding:0}.org{border:1px solid #315047;border-radius:10px;padding:10px;display:flex;gap:10px;align-items:center;margin-bottom:24px;background:#17372f}.org>span,.profile>span{width:34px;height:34px;border-radius:8px;background:#d7f6b7;color:#21402f;display:grid;place-items:center;font-weight:700}.org div,.profile div{display:flex;flex-direction:column;min-width:0;flex:1}.org b,.profile b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.org small,.profile small{font-size:10px;color:#8eaaa1;text-transform:capitalize}.sidebar nav{display:flex;flex-direction:column;gap:3px}.sidebar nav button,.sideFoot>button{border:0;background:transparent;color:#9fb5ad;text-align:left;padding:10px 12px;border-radius:8px;font-weight:500;display:flex;gap:13px;align-items:center}.sidebar nav button span{width:19px;text-align:center;font-size:17px}.sidebar nav button.active{background:#235044;color:white}.sidebar nav button i{font-style:normal;margin-left:auto;background:#d9ffab;color:#17352b;border-radius:10px;padding:1px 7px;font-size:10px}.sideFoot{margin-top:auto}.sideFoot>button{padding:10px;width:100%;border-bottom:1px solid #28453d;border-radius:0;margin-bottom:12px}.profile{display:flex;gap:10px;align-items:center;padding:7px}.profile>button{border:0;color:#78978c;background:transparent}.profile>span{border-radius:50%;background:#eef7e7}.shell main{margin-left:238px;min-height:100vh}.shell header{height:68px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 32px;position:sticky;top:0;z-index:10}.search{display:flex;align-items:center;gap:10px;width:min(540px,60vw);color:#85928d}.search input{border:0;outline:0;flex:1;padding:10px;background:transparent}.search kbd{font-size:10px;border:1px solid #dde3df;padding:3px 7px;border-radius:5px;background:#f7f8f7}.bell{margin-left:auto;border:0;background:transparent;font-size:20px;position:relative}.bell i{position:absolute;width:6px;height:6px;background:#e35b65;border-radius:50%;right:2px;top:1px}.hamb{display:none;border:0;background:none;font-size:20px}.shade{display:none}.content{padding:34px 38px 60px;max-width:1500px;margin:auto}.pagehead{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px;gap:20px}.eyebrow,.authCopy>small,.authForm form>small,.modalHead small{display:block;font-size:10px;letter-spacing:1.8px;font-weight:750;color:#87948f;margin-bottom:8px}.pagehead h1{margin:0;font-size:30px;letter-spacing:-1px}.pagehead p{margin:6px 0 0;color:var(--muted)}.primary{border:0;background:#108b5c;color:white;border-radius:8px;padding:11px 18px;font-weight:650;box-shadow:0 2px 7px #0e8b5b30}.primary:hover{background:#08764c}.headActions{display:flex;gap:8px}.headActions>button:not(.primary){border:1px solid var(--line);background:white;border-radius:8px;padding:10px 15px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.metric,.card{background:white;border:1px solid var(--line);border-radius:12px}.metric{padding:19px 20px}.metric>div{display:flex;align-items:center;gap:8px;color:#697870}.dotring{width:21px;height:21px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center}.dotring i{width:7px;height:7px;border-radius:50%}.metric strong{display:block;font-size:30px;margin-top:15px;letter-spacing:-1px}.metric p{font-size:11px;color:#849089;margin:2px 0 0}.dashgrid{display:grid;grid-template-columns:2.2fr 1fr;gap:16px;margin-bottom:16px}.card{padding:22px}.cardhead{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.cardhead h3,.focus h3{margin:0;font-size:15px}.cardhead p{font-size:11px;color:#89958f;margin:4px 0}.cardhead button,.focus button{border:0;background:none;color:#16855c;font-size:12px;font-weight:650}.bar{display:flex;height:10px;gap:3px;border-radius:10px;overflow:hidden;margin-bottom:20px}.legend{display:grid;grid-template-columns:1fr 1fr;gap:8px 25px}.legend button{border:0;background:none;display:grid;grid-template-columns:10px 1fr auto;gap:8px;text-align:left;padding:4px 0;font-size:12px}.legend i{width:8px;height:8px;border-radius:50%;margin-top:4px}.focus{background:#16372e;color:white;position:relative;overflow:hidden}.focus:after{content:"";position:absolute;width:150px;height:150px;border:35px solid #295248;border-radius:50%;right:-80px;bottom:-90px}.focus small{color:#9bb8ae;letter-spacing:1.5px;font-size:9px}.focus strong{font-size:38px;display:block;margin:18px 0 1px;color:#d9ffab}.focus p{color:#9bb8ae;font-size:12px;line-height:1.5;max-width:220px}.focus button{color:#d9ffab;padding:14px 0;position:relative;z-index:1}.updates button{display:flex;width:100%;align-items:center;gap:12px;border:0;border-top:1px solid #eef1ef;background:transparent;padding:13px 2px;text-align:left}.updates button:first-child{border-top:0}.avatar{width:34px;height:34px;flex:0 0 34px;border-radius:50%;background:#e8f0eb;color:#476058;display:grid;place-items:center;font-size:10px;font-weight:700}.updates div{flex:1}.updates p,.audit p{margin:0;font-size:12px}.updates small,.audit small{display:block;color:#89948f;margin-top:3px;font-size:11px}.statusDot{width:8px;height:8px;border-radius:50%;display:inline-block}.toolbar{background:white;border:1px solid var(--line);border-radius:11px 11px 0 0;padding:12px;display:flex;gap:10px;align-items:center}.miniSearch{border:1px solid var(--line);border-radius:7px;padding:8px 11px;flex:1;max-width:350px}.miniSearch input{border:0;outline:0;width:88%;margin-left:7px}.toolbar select,.form select{border:1px solid var(--line);background:white;border-radius:7px;padding:8px}.toolbar>button{border:0;background:#e8f1eb;color:#147950;border-radius:7px;padding:8px 13px;font-weight:650}.toolbar>span{margin-left:auto;color:#89948f;font-size:11px}.assetTable{background:white;border:1px solid var(--line);border-top:0;border-radius:0 0 11px 11px;overflow:hidden}.tr{display:grid;grid-template-columns:1.5fr 1.3fr .8fr .7fr 20px;gap:15px;align-items:center;width:100%;border:0;border-top:1px solid #edf0ee;padding:14px 18px;background:white;text-align:left}.tr:not(.th):hover{background:#f8faf8}.tr.th{background:#fafbfa;font-size:10px;color:#7e8b85;text-transform:uppercase;letter-spacing:.5px}.tr>span{min-width:0}.tr b{display:block;font-size:12px}.tr small{display:block;color:#87938d;font-size:10px;margin-top:3px}.assetName{display:flex;align-items:center;gap:11px}.assetName>i,.assetName>img{width:38px;height:38px;border-radius:8px;background:#eef3ef;display:grid;place-items:center;font-style:normal;font-weight:700;object-fit:cover}.pill{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:15px;font-style:normal;font-size:10px;font-weight:650;white-space:nowrap}.pill i{width:6px;height:6px;border-radius:50%}.locationGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.location{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.buildingIcon{width:42px;height:42px;border-radius:10px;background:#e8f4ec;color:#0e8b5b;display:grid;place-items:center;font-size:20px}.location h3{margin:0}.location p{font-size:11px;color:#85918b;margin:3px 0}.location>strong{font-size:25px;text-align:right}.location>strong small{display:block;font-size:9px;font-weight:400;color:#85918b}.areaList{grid-column:1/-1;border-top:1px solid var(--line);padding-top:12px;display:flex;flex-direction:column;gap:8px}.areaList span{display:flex;justify-content:space-between;gap:12px}.areaList b{font-size:11px}.areaList small{font-size:10px;color:#85918b;text-align:right}.location .subtle{grid-column:1/-1;border:0;background:#eff4f1;color:#167b54;border-radius:7px;padding:8px;font-size:11px}.audit{padding:4px 22px}.audit>div,.userlist>div,.stateList>button{display:flex;align-items:center;gap:12px;padding:15px 2px;border:0;border-top:1px solid var(--line);background:transparent;width:100%;text-align:left}.audit>div:first-child,.userlist>div:first-child,.stateList>button:first-of-type{border-top:0}.audit>div>div,.userlist>div>div{flex:1}.audit em,.userlist em{font-size:9px;text-transform:uppercase;letter-spacing:.6px;background:#edf3ef;border-radius:10px;padding:4px 8px;font-style:normal}.twocol{display:grid;grid-template-columns:1.5fr 1fr;gap:16px}.userlist,.stateList{padding:4px 20px}.userlist small{display:block;color:#849089;font-size:11px;margin-top:2px}.settingsGrid{display:grid;grid-template-columns:.8fr 1.2fr;gap:16px;align-items:start}.stateList .cardhead{padding-top:18px}.stateList>button i{width:10px;height:10px;border-radius:50%}.stateList>button b{flex:1}.stateList>button small{color:#849089}.stateList>button span{color:#85918b}.form{display:flex;flex-direction:column;gap:14px}.form h3{margin:0 0 4px}.form label{font-size:11px;font-weight:650;display:flex;flex-direction:column;gap:6px}.form label small{color:#829089;font-weight:400}.form input,.form textarea,.form select{width:100%;border:1px solid #dce3de;border-radius:7px;padding:10px;outline:0;background:white}.form textarea{resize:vertical;min-height:88px}.form input:focus,.form textarea:focus,.form select:focus{border-color:#0e8b5b;box-shadow:0 0 0 3px #0e8b5b16}.formrow{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modalWrap{position:fixed;z-index:50;inset:0;background:#0f201bc9;display:grid;place-items:center;padding:20px}.modal{width:min(500px,100%);max-height:90vh;overflow:auto;background:#f9faf9;border-radius:14px;padding:24px;box-shadow:0 20px 70px #0005}.modalHead{display:flex;justify-content:space-between;margin-bottom:20px}.modalHead h2{margin:0;font-size:22px}.modalHead button{border:0;background:#e9eeeb;width:30px;height:30px;border-radius:50%;font-size:19px}.assetBrief{display:flex;align-items:center;gap:10px;background:#eef3f0;border-radius:8px;padding:12px;margin-bottom:18px}.assetBrief div{display:flex;flex-direction:column}.assetBrief small{color:#728079}.uploadLink{border:0;background:none;color:#0e8b5b;font-weight:650;width:100%;padding:13px}.drop{border:1px dashed #aebdb5;background:white;border-radius:10px;padding:23px;text-align:center;display:flex;flex-direction:column;gap:5px}.drop small{color:#839089}.drop input{margin-top:10px}.empty{padding:35px;text-align:center;color:#87938d}.toast{position:fixed;right:24px;bottom:24px;z-index:80;background:#17352d;color:white;border:1px solid #315249;padding:13px 18px;border-radius:9px;box-shadow:0 8px 30px #0003}.toast.bad{background:#812d38;border-color:#ad4a58}.auth{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr;background:white}.authPanel{background:#112c24;color:white;padding:42px 7vw;display:flex;flex-direction:column;position:relative;overflow:hidden}.authPanel:after{content:"";position:absolute;width:430px;height:430px;border:80px solid #1b4136;border-radius:50%;bottom:-260px;right:-180px}.authCopy{margin:auto 0;position:relative;z-index:1}.authCopy>small{color:#a9c3b9}.authCopy h1{font-size:clamp(36px,4vw,60px);line-height:1.08;letter-spacing:-2.5px;margin:18px 0}.authCopy h1 em{font-style:normal;color:#bdf285}.authCopy p{color:#a8bdb5;font-size:16px;max-width:470px;line-height:1.65}.proof{display:flex;gap:22px;margin-top:36px;color:#c5d5d0;font-size:11px}.authPanel footer{font-size:9px;letter-spacing:1.5px;color:#688a7f;z-index:1}.authForm{display:grid;place-items:center;padding:30px}.authForm form{width:min(390px,100%)}.authForm h2{font-size:30px;margin:8px 0;letter-spacing:-1px}.authForm p{color:#77847e;line-height:1.5;margin-bottom:26px}.authForm label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:650;margin:13px 0}.authForm input{padding:12px;border:1px solid #d8e0db;border-radius:7px;outline:none}.authForm input:focus{border-color:var(--green);box-shadow:0 0 0 3px #0e8b5b16}.authForm .primary{width:100%;margin-top:10px;padding:13px}.authHint{font-size:10px;color:#8a9690;text-align:center;border-top:1px solid var(--line);margin-top:14px;padding-top:14px}.mobileBrand{display:none}
@media(max-width:1100px){.locationGrid{grid-template-columns:1fr 1fr}.metrics{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.auth{grid-template-columns:1fr}.authPanel{display:none}.authForm{min-height:100vh}.mobileBrand{display:flex;align-items:center;gap:10px;font-size:22px;color:#17352d;margin-bottom:45px}.dashgrid{grid-template-columns:1fr}.focus{min-height:210px}}
@media(max-width:720px){.sidebar{transform:translateX(-105%);transition:.2s}.sidebar.open{transform:none}.sidebar.open+.shade{display:block;position:fixed;inset:0;background:#0008;border:0;z-index:15}.shell main{margin-left:0}.shell header{padding:0 16px}.hamb{display:block;margin-right:10px}.search{width:100%}.search kbd{display:none}.content{padding:24px 16px 50px}.pagehead{align-items:flex-start;flex-direction:column}.pagehead .primary{white-space:nowrap}.metrics{grid-template-columns:1fr 1fr;gap:9px}.metric{padding:15px}.metric strong{font-size:25px}.tr{grid-template-columns:1.4fr .8fr 20px}.tr>span:nth-child(2),.tr>span:nth-child(4){display:none}.locationGrid,.twocol,.settingsGrid{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}.toolbar>span{display:none}.miniSearch{max-width:none}.legend{grid-template-columns:1fr}.proof{flex-direction:column;gap:8px}.authForm{padding:25px}.authForm h2{font-size:27px}.formrow{grid-template-columns:1fr}.headActions{width:100%}.headActions button{flex:1}.toast{left:16px;right:16px;bottom:16px;text-align:center}}
.settingsGrid.single{grid-template-columns:minmax(280px,520px)}.settingsStack{display:flex;flex-direction:column;gap:16px}.formCopy{margin:-4px 0 2px;color:var(--muted);font-size:11px}.deleteLink{border:0;border-top:1px solid var(--line);background:none;color:#b13c4b;font-weight:650;width:100%;padding:13px}.detailLoading,.detailEmpty{padding:22px 0;text-align:center;color:var(--muted);font-size:11px}.detailSection{border-top:1px solid var(--line);margin-top:16px;padding-top:17px}.sectionHead{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.sectionHead h3{margin:0;font-size:13px}.sectionHead span{font-size:9px;text-transform:uppercase;letter-spacing:.7px;color:var(--muted)}.photoGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.photoTile{position:relative;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:white}.photoTile img{display:block;width:100%;height:105px;object-fit:cover}.photoTile>div{padding:8px 9px;min-width:0}.photoTile b,.photoTile small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.photoTile b{font-size:10px}.photoTile small{font-size:9px;color:var(--muted);margin-top:3px}.photoTile>button{position:absolute;right:6px;top:6px;border:0;width:25px;height:25px;border-radius:50%;background:#17231fd9;color:white}.itemTimeline{display:flex;flex-direction:column}.itemTimeline>div{display:flex;gap:10px;padding:10px 0;border-top:1px solid #edf0ee}.itemTimeline>div:first-child{border-top:0}.itemTimeline i{width:8px;height:8px;border-radius:50%;margin-top:4px;flex:0 0 8px}.itemTimeline p{margin:0;font-size:11px;line-height:1.4}.itemTimeline small{display:block;color:var(--muted);font-size:9px;margin-top:4px}.loadMore{display:block;width:100%;border:0;border-top:1px solid var(--line);background:transparent;color:var(--green);padding:14px;font-weight:650}.userlist .inactive{opacity:.55}.manageUser{border:1px solid var(--line);background:white;color:var(--green);border-radius:7px;padding:6px 9px;font-size:10px}.you{color:var(--muted);font-size:10px}.modal{width:min(620px,100%)}
@media(max-width:520px){.photoGrid{grid-template-columns:1fr}.audit em{display:none}.userlist>div{align-items:flex-start;flex-wrap:wrap}.manageUser{margin-left:46px}}
/* Platform administrator */
.platformSidebar{background:linear-gradient(180deg,#102922 0%,#0b211b 100%)}
.platformSidebar .brand{position:relative}
.platformSidebar .brand>em{font-size:7px;font-style:normal;letter-spacing:1.3px;color:#b8ee78;border:1px solid #416054;border-radius:8px;padding:3px 5px;margin-left:auto}
.platformOrg{background:#1a3b32;border-color:#3b5b50}
.platformHeader,.requiredHeader{display:flex;align-items:center;gap:9px;color:#596961;font-size:12px;font-weight:650}
.platformHeader .statusDot{background:#23b77a;box-shadow:0 0 0 4px #23b77a1e}
.platformContent{max-width:1500px}
.platformGrid{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:16px}
.platformCallout{background:linear-gradient(145deg,#16372e,#102922);color:white;position:relative;overflow:hidden}
.platformCallout:after{content:"";position:absolute;width:170px;height:170px;border:38px solid #285047;border-radius:50%;right:-95px;bottom:-100px}
.platformCallout>small{font-size:9px;letter-spacing:1.5px;color:#b8d0c7}
.platformCallout h3{font-size:20px;line-height:1.25;max-width:300px;margin:18px 0 9px;position:relative;z-index:1}
.platformCallout p{font-size:12px;line-height:1.6;color:#aac0b8;max-width:340px;position:relative;z-index:1}
.platformCallout .inverse{background:#c8f893;color:#183a30;box-shadow:none;margin-top:10px;position:relative;z-index:1}
.siteCompact{display:flex;flex-direction:column}
.siteCompactRow{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid var(--line)}
.siteCompactRow:first-child{border-top:0}
.siteCompactRow>span,.siteIdentity>i{width:38px;height:38px;flex:0 0 38px;border-radius:9px;background:#e5f2e8;color:#176e4d;display:grid;place-items:center;font-style:normal;font-size:10px;font-weight:750}
.siteCompactRow>div{flex:1;min-width:0}
.siteCompactRow b,.siteCompactRow small{display:block}
.siteCompactRow b{font-size:12px}
.siteCompactRow small{font-size:10px;color:var(--muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.siteCompactRow em{font-style:normal;font-size:10px;background:#eff4f1;border-radius:12px;padding:5px 8px;color:#597068;white-space:nowrap}
.siteToolbar{display:flex;align-items:center;gap:14px;margin-bottom:12px}
.siteToolbar .miniSearch{display:flex;align-items:center;background:white;max-width:480px}
.siteToolbar .miniSearch input{flex:1;width:auto;min-width:0}
.siteToolbar .miniSearch button{border:0;background:#e8f1eb;color:#147950;border-radius:6px;padding:6px 11px;font-size:11px;font-weight:650}
.siteToolbar>span{margin-left:auto;color:var(--muted);font-size:11px}
.siteTable{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.siteRow{display:grid;grid-template-columns:1.2fr 1.25fr .85fr .75fr auto;gap:18px;align-items:center;padding:16px 19px;border-top:1px solid #edf0ee}
.siteRow:first-child{border-top:0}
.siteRow>span{min-width:0}
.siteRow b,.siteRow small{display:block}
.siteRow b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.siteRow small{font-size:10px;color:var(--muted);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.siteHead{background:#fafbfa;color:#7e8b85;text-transform:uppercase;letter-spacing:.5px;font-size:9px;padding-top:12px;padding-bottom:12px}
.siteIdentity{display:flex;align-items:center;gap:11px}
.siteIdentity>span{min-width:0}
.siteUsage b{color:#176f4d}
.siteStatus em,.siteCompactRow em.active,.siteCompactRow em.suspended{display:inline-flex;width:max-content;border-radius:12px;padding:5px 8px;font-style:normal;font-size:9px;font-weight:750;text-transform:uppercase;letter-spacing:.45px}
.siteStatus em.active,.siteCompactRow em.active{background:#e6f5eb;color:#14744e}
.siteStatus em.suspended,.siteCompactRow em.suspended{background:#fff0dc;color:#9a6013}
.siteStatus small{max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.siteActions{display:flex;align-items:center;gap:6px;justify-content:flex-end}
.siteActions button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:7px 9px;font-size:10px;font-weight:650;white-space:nowrap}
.siteActions button:hover{border-color:#9bb7aa;color:var(--green)}
.siteActions button.danger{color:#b13c4b;border-color:#edcbd0;background:#fffafb}
.siteSuspended{background:#fffdf9}
.formIntro{display:flex;align-items:center;gap:12px;padding:13px;background:#eaf3ed;border-radius:9px;margin-bottom:2px}
.formIntro>span{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;background:white;color:var(--green);font-size:18px}
.formIntro>div{display:flex;flex-direction:column;gap:3px}
.formIntro b{font-size:12px}
.formIntro small{font-size:10px;color:var(--muted);line-height:1.4}
.formDivider{height:16px;border-bottom:1px solid var(--line);margin:1px 0 10px;text-align:left}
.formDivider span{position:relative;top:9px;background:#f9faf9;padding-right:9px;font-size:9px;letter-spacing:.8px;color:var(--muted);text-transform:uppercase;font-weight:700}
.siteFormNote{background:#f0f3f1;border-radius:7px;padding:10px 12px!important;margin:0!important;line-height:1.5}
.requiredHeader{color:#8b5c14}
.requiredNotice{display:flex;align-items:flex-start;gap:11px;background:#fff7e8;border:1px solid #f0d7a8;border-radius:9px;padding:12px}
.requiredNotice>span{width:26px;height:26px;flex:0 0 26px;border-radius:50%;background:#ed9b33;color:white;display:grid;place-items:center;font-weight:800}
.requiredNotice>div{display:flex;flex-direction:column;gap:3px}
.requiredNotice b{font-size:12px}
.requiredNotice small{font-size:10px;color:#806b49;line-height:1.4}
.passwordRequired{border-color:#ecd3a5;box-shadow:0 8px 30px #b8802020}
.requiredSettings{margin-top:8px}
@media(max-width:1100px){.platformGrid{grid-template-columns:1fr}.platformCallout{min-height:230px}.siteRow{grid-template-columns:1fr 1.2fr .75fr auto}.siteRow>span:nth-child(3),.siteHead>span:nth-child(3){display:none}}
@media(max-width:720px){.platformMetrics{grid-template-columns:1fr 1fr}.siteToolbar .miniSearch{max-width:none;width:100%}.siteToolbar>span{display:none}.siteTable{background:transparent;border:0;overflow:visible}.siteHead{display:none}.siteRow{grid-template-columns:1fr;background:white;border:1px solid var(--line);border-radius:11px;margin-bottom:10px;padding:15px;gap:12px}.siteRow>span:nth-child(3){display:none}.siteRow>span:nth-child(2),.siteRow>span:nth-child(4),.siteRow>span:nth-child(5){border-top:1px solid #edf0ee;padding-top:11px}.siteActions{justify-content:flex-start}.platformCallout h3{font-size:18px}}
@media(max-width:520px){.platformMetrics{grid-template-columns:1fr}.siteRow{grid-template-columns:1fr}.siteRow>span:nth-child(2){grid-column:auto}.siteCompactRow em{display:none}.platformSidebar .brand>em{display:none}}
.locationSummary{display:flex;align-items:center;justify-content:flex-end;gap:9px}
.locationSummary strong{font-size:25px;text-align:right}
.locationSummary strong small{display:block;font-size:9px;font-weight:400;color:#85918b}
.areaGroup{border:1px solid #e8ece9;border-radius:8px;background:#fafbfa;padding:9px 10px}
.areaTitle,.roomList>div{display:flex;align-items:center;justify-content:space-between;gap:10px}
.areaTitle b{font-size:11px}
.roomList{border-top:1px solid #e8ece9;margin-top:7px;padding-top:4px;display:flex;flex-direction:column}
.roomList>div{padding:6px 0;border-top:1px solid #edf0ee}
.roomList>div:first-child{border-top:0}
.roomList>div>span{display:flex;flex-direction:column;align-items:flex-start;gap:1px;font-size:10px}
.roomList small{font-size:9px;color:#87938d}
.dangerMini{width:24px;height:24px;flex:0 0 24px;border:1px solid #edcbd0;border-radius:6px;background:#fffafb;color:#b13c4b;display:grid;place-items:center;padding:0}
.dangerMini:hover{background:#fdecef}
.warningPanel{display:flex;align-items:flex-start;gap:11px;background:#fff7e8;border:1px solid #f0d7a8;border-radius:9px;padding:13px}
.warningPanel.critical{background:#fff0f1;border-color:#edc4ca}
.warningPanel>span{width:27px;height:27px;flex:0 0 27px;border-radius:50%;background:#ed9b33;color:white;display:grid;place-items:center;font-weight:800}
.warningPanel.critical>span{background:#c64252}
.warningPanel>div{display:flex;flex-direction:column;gap:4px}
.warningPanel b{font-size:12px}
.warningPanel small{font-size:10px;line-height:1.5;color:#7e6c4d}
.warningPanel.critical small{color:#86535a}
.dangerButton{border:0;background:#bd394a;color:#fff;border-radius:8px;padding:11px 18px;font-weight:700}
.dangerButton:hover{background:#a92d3d}
.dangerForm label strong{display:inline;color:#9f2e3d}
.supportMetrics{grid-template-columns:repeat(3,1fr)}
.supportList{padding:4px 20px}
.supportList>.cardhead{padding-top:18px;margin-bottom:5px}
.supportRow{display:grid;grid-template-columns:40px minmax(0,1fr) auto 12px;gap:12px;align-items:center;width:100%;border:0;border-top:1px solid var(--line);background:white;text-align:left;padding:15px 2px}
.supportRow:hover{background:#fafcfa}
.supportRow:first-of-type{border-top:0}
.supportAvatar{width:38px;height:38px;border-radius:9px;background:#e5f2e8;color:#176e4d;display:grid;place-items:center;font-size:10px;font-weight:750}
.supportCopy{min-width:0}
.supportCopy b,.supportCopy small{display:block}
.supportCopy b{font-size:12px}
.supportCopy small{font-size:10px;color:var(--muted);margin-top:3px;text-transform:capitalize}
.supportCopy p{margin:6px 0 0;color:#53635c;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.supportMeta{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.supportMeta small{font-size:9px;color:var(--muted)}
.supportBadge{display:inline-flex;width:max-content;border-radius:12px;padding:5px 8px;font-style:normal;font-size:9px;font-weight:750;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap}
.supportBadge.open{background:#ffe6e9;color:#b42338;border:1px solid #ffd0d6}
.supportBadge.in_progress{background:#fff1dc;color:#a35d00;border:1px solid #ffe1b5}
.supportBadge.resolved{background:#e3f7ea;color:#127646;border:1px solid #c8edd6}
.dashboardSupport{margin:14px 0}.dashboardSupportStats{display:flex;gap:8px;margin:-6px 0 12px}.dashboardSupportStats>span{display:flex;align-items:baseline;gap:5px;border-radius:7px;background:#f1f4f2;padding:7px 10px}.dashboardSupportStats b{font-size:15px}.dashboardSupportStats small{font-size:9px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.dashboardSupportRows{display:flex;flex-direction:column}.dashboardSupportRows>button{display:grid;grid-template-columns:minmax(0,1fr) auto 12px;align-items:center;gap:12px;width:100%;border:0;border-top:1px solid var(--line);background:#fff;padding:11px 2px;text-align:left}.dashboardSupportRows>button:hover{background:#fafcfa}.dashboardSupportRows b,.dashboardSupportRows small{display:block}.dashboardSupportRows b{font-size:11px}.dashboardSupportRows small{font-size:9px;color:var(--muted);margin-top:3px;text-transform:capitalize}.dashboardSupportRows>button>i{font-style:normal;color:var(--muted)}.dashboardSupportEmpty{display:flex;gap:9px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}.dashboardSupportEmpty>span{width:25px;height:25px;display:grid;place-items:center;flex:0 0 25px;border-radius:50%;background:#e3f5e9;color:#118158;font-weight:800}.dashboardSupportEmpty p{margin:0;color:var(--muted);font-size:10px}
.platformSupportHub{margin:18px 0;padding:0;overflow:hidden}.platformSupportHeading{display:flex;align-items:center;gap:13px;padding:18px 22px}.platformSupportIcon{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:11px;background:#dff8e9;color:#138451;font-size:18px;font-weight:850}.platformSupportHeading>div{min-width:0;flex:1}.platformSupportHeading small{display:block;color:#168b58;font-size:9px;font-weight:800;letter-spacing:1px}.platformSupportHeading h3{margin:3px 0 2px;font-size:16px;letter-spacing:-.3px}.platformSupportHeading p{margin:0;color:var(--muted);font-size:10px}.platformSupportHeading>button{margin-left:auto;border:1px solid #bfe5cc;border-radius:8px;background:#fff;color:#168b58;padding:9px 11px;font-weight:800;font-size:10px;white-space:nowrap}.platformSupportHeading>button:hover{background:#effaf2}.platformSupportHeading>button i{font-style:normal;margin-left:5px}.platformSupportCounters{display:flex;gap:7px;padding:0 22px 17px}.platformSupportCounters>span{display:flex;align-items:baseline;gap:6px;border:1px solid var(--line);border-radius:8px;background:#fafcfb;padding:7px 10px}.platformSupportCounters b{font-size:15px}.platformSupportCounters small{font-size:9px;color:var(--muted);font-weight:750;text-transform:uppercase;letter-spacing:.5px}.platformSupportQueue{border-top:1px solid var(--line);padding:0 22px}.platformSupportQueue>button{display:grid;grid-template-columns:minmax(0,1fr) auto 12px;align-items:center;gap:12px;width:100%;padding:12px 0;border:0;border-top:1px solid var(--line);background:#fff;text-align:left}.platformSupportQueue>button:first-child{border-top:0}.platformSupportQueue>button:hover{background:#fafcfa}.platformSupportQueue b,.platformSupportQueue small{display:block}.platformSupportQueue b{font-size:11px}.platformSupportQueue small{margin-top:3px;font-size:9px;color:var(--muted)}.platformSupportQueue>button>i{font-style:normal;color:var(--muted)}.platformSupportHub.clear .platformSupportHeading{padding-bottom:12px}.platformSupportHub.clear .platformSupportCounters{padding-bottom:18px}
.ticketContext,.supportIntro{display:flex;align-items:center;gap:11px;background:#eaf3ed;border-radius:9px;padding:13px;margin-bottom:14px}
.ticketContext>span,.supportIntro>span{width:38px;height:38px;flex:0 0 38px;border-radius:9px;background:white;color:var(--green);display:grid;place-items:center;font-size:14px;font-weight:750}
.ticketContext>div,.supportIntro>div{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.ticketContext b,.supportIntro b{font-size:12px}
.ticketContext small,.supportIntro small{font-size:10px;color:var(--muted);line-height:1.4}
.ticketMessage{border:1px solid var(--line);background:white;border-radius:9px;padding:14px;margin-bottom:16px}
.ticketMessage>small{font-size:9px;letter-spacing:1px;color:var(--muted);font-weight:750}
.ticketMessage p{white-space:pre-wrap;font-size:12px;line-height:1.6;margin:10px 0;color:#3f5048}
.ticketMessage time{font-size:9px;color:var(--muted)}
.customerTickets{border-top:1px solid var(--line);margin-top:20px;padding-top:18px}
.customerTicket{display:grid;grid-template-columns:1fr auto;gap:8px 12px;border:1px solid var(--line);background:white;border-radius:9px;padding:11px;margin-top:8px}
.customerTicket b,.customerTicket small{display:block}
.customerTicket b{font-size:11px}.customerTicket small{font-size:9px;color:var(--muted);margin-top:3px;text-transform:capitalize}
.customerTicket p{grid-column:1/-1;background:#edf5ef;border-radius:7px;padding:9px;margin:2px 0 0;font-size:10px;line-height:1.5;white-space:pre-wrap}
.customerTicket p strong{display:block;color:#176f4d;font-size:9px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px}
.customerTicket{display:block;padding:14px}
.customerTicketHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.supportConversation{display:flex;flex-direction:column;gap:6px;margin:14px 0}
.supportMessage{width:min(88%,430px);border-radius:9px;border:1px solid var(--line);background:#f5f7f6;overflow:hidden}
.supportMessage.platform{align-self:flex-start;background:#e9f7ee;border-color:#c5ead2}
.supportMessage.customer{align-self:flex-end;background:#f5f7f6}
.supportMessage summary{display:grid;grid-template-columns:minmax(0,1fr) 14px;gap:2px 8px;align-items:center;list-style:none;padding:8px 10px;cursor:pointer}.supportMessage summary::-webkit-details-marker{display:none}
.supportMessageTop{display:flex;align-items:baseline;justify-content:space-between;gap:10px;min-width:0}.supportMessage b{font-size:10px;color:#18362a}.supportMessage time{font-size:9px;color:var(--muted);white-space:nowrap}.supportMessagePreview{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.35;color:#63736c}.supportMessage summary>i{grid-column:2;grid-row:1/3;justify-self:end;font-style:normal;color:var(--muted);font-size:13px;transition:transform .16s ease}.supportMessage[open] summary{border-bottom:1px solid rgba(24,54,42,.12)}.supportMessage[open] summary>i{transform:rotate(180deg)}
.supportMessage p,.customerTicket .supportMessage p{display:block;background:transparent;border-radius:0;padding:9px 10px;margin:0;white-space:pre-wrap;font-size:11px;line-height:1.55;color:#34473e}
.supportReplyForm{border-top:1px solid var(--line);padding-top:13px;margin-top:12px}
.supportReplyForm textarea{min-height:78px}
.customerTicket{display:grid;grid-template-columns:minmax(0,1fr) auto 12px;align-items:center;gap:10px;width:100%;border:1px solid var(--line);background:#fff;border-radius:9px;padding:11px 12px;margin-top:8px;text-align:left}.customerTicket:hover{background:#fafcfa;border-color:#cfdad3}.customerTicketCopy{display:block;min-width:0}.customerTicketCopy b,.customerTicketCopy small,.customerTicketCopy>span{display:block}.customerTicketCopy b{font-size:11px}.customerTicketCopy small{font-size:9px;color:var(--muted);margin-top:3px;text-transform:capitalize}.customerTicketCopy>span{margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#5e6e67;font-size:10px}.customerTicketMeta{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.customerTicketMeta small{font-size:8px;color:var(--muted);white-space:nowrap}.customerTicket>i{font-style:normal;color:var(--muted)}.customerTicketContext{margin-bottom:12px}
@media(max-width:520px){.supportMessage{width:96%;max-width:none}.customerTicketHead{align-items:center}}
@media(max-width:620px){.platformSupportHeading{align-items:flex-start;padding:16px}.platformSupportHeading>button{padding:8px}.platformSupportHeading>button i{display:none}.platformSupportCounters{padding:0 16px 16px}.platformSupportQueue{padding:0 16px}.platformSupportHeading p{line-height:1.45}}
@media(max-width:720px){.supportMetrics{grid-template-columns:1fr 1fr}.supportRow{grid-template-columns:38px minmax(0,1fr) auto}.supportRow>i{display:none}.supportCopy p{display:none}}
@media(max-width:520px){.supportMetrics{grid-template-columns:1fr}.supportMeta small{display:none}.supportBadge{font-size:8px;padding:4px 6px}}
/* Customer-controlled portal branding */
.customerSidebar{background:var(--customer-sidebar);color:var(--customer-text)}
.customerSidebar .brand{color:var(--customer-text)}
.customerSidebar .brandmark i{background:var(--customer-accent)}
.customerSidebar .brandmark i:nth-child(3){background:var(--customer-accent)}
.customerOrg{background:transparent;background:color-mix(in srgb,var(--customer-sidebar),var(--customer-text) 8%);border-color:currentColor;border-color:color-mix(in srgb,var(--customer-sidebar),var(--customer-text) 25%);color:var(--customer-text)}
.customerOrg>img{width:34px;height:34px;flex:0 0 34px;border-radius:8px;background:#fff;object-fit:contain;padding:4px}
.customerOrg>span{background:var(--customer-accent);color:var(--customer-accent-text)}
.customerOrg small,.customerSidebar .profile small{color:var(--customer-text);opacity:.68}
.brandControl{width:100%;display:flex;align-items:center;gap:9px;margin:-14px 0 16px;padding:8px 11px;border:1px solid currentColor;border-color:color-mix(in srgb,var(--customer-sidebar),var(--customer-text) 23%);border-radius:8px;background:transparent;color:var(--customer-text);font-size:10px;font-weight:650;text-align:left}
.brandControl:hover{background:color-mix(in srgb,var(--customer-sidebar),var(--customer-text) 9%)}
.brandControl span{color:var(--customer-accent);font-size:13px}
.customerSidebar nav button,.customerSidebar .sideFoot>button{color:var(--customer-text);opacity:.72}
.customerSidebar nav button:hover{background:color-mix(in srgb,var(--customer-sidebar),var(--customer-text) 8%);opacity:1}
.customerSidebar nav button.active{background:var(--customer-nav);color:var(--customer-nav-text);opacity:1}
.customerSidebar nav button i{background:var(--customer-nav);color:var(--customer-nav-text)}
.customerSidebar nav button.active i{background:var(--customer-nav-text);color:var(--customer-nav)}
.customerSidebar .sideFoot>button{border-color:color-mix(in srgb,var(--customer-sidebar),var(--customer-text) 22%)}
.customerSidebar .sideFoot>button.active{background:var(--customer-nav);color:var(--customer-nav-text);opacity:1;border-radius:8px;border-bottom-color:transparent}
.customerSidebar .profile{color:var(--customer-text)}
.customerSidebar .profile>span{background:var(--customer-accent);color:var(--customer-accent-text)}
.customerSidebar .profile>button{color:var(--customer-text);opacity:.65}
.customerMoreMenu{margin-top:3px;border-top:1px solid color-mix(in srgb,var(--customer-sidebar),var(--customer-text) 16%);padding-top:5px}.customerMoreMenu summary{display:flex;align-items:center;gap:13px;padding:10px 12px;border-radius:8px;cursor:pointer;color:var(--customer-text);font-weight:500;opacity:.72;list-style:none}.customerMoreMenu summary::-webkit-details-marker{display:none}.customerMoreMenu summary:hover{background:color-mix(in srgb,var(--customer-sidebar),var(--customer-text) 8%);opacity:1}.customerMoreMenu summary>span{width:19px;text-align:center;font-size:15px}.customerMoreMenu summary>i{margin-left:auto;font-style:normal;font-size:12px;transition:transform .16s ease}.customerMoreMenu[open] summary>i{transform:rotate(180deg)}.customerMoreItems{display:flex;flex-direction:column;gap:3px;padding:3px 0 1px}.customerMoreItems button{padding-left:24px!important;font-size:12px}.customerMoreItems button span{font-size:14px!important}
.brandingPreview{display:flex;flex-direction:column;gap:4px;border-radius:11px;padding:15px;background:var(--preview-sidebar);color:var(--preview-text);margin-bottom:16px}
.brandingPreviewMark{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-size:12px}
.brandingPreviewMark>img,.brandingPreviewMark>span{width:35px;height:35px;border-radius:8px;background:#fff;object-fit:contain;padding:4px;display:grid;place-items:center;color:#17231f;font-size:10px;font-weight:750}
.brandingPreview i{display:block;border-radius:7px;padding:8px 10px;font-size:10px;font-style:normal;opacity:.72}
.brandingPreview i.active{background:var(--preview-nav,var(--preview-accent));color:var(--preview-nav-text,var(--preview-accent-text));opacity:1;font-weight:700}
.brandingForms{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.brandingForms>.form{border:1px solid var(--line);background:#fff;border-radius:10px;padding:15px;align-content:start}
.brandingForms h3{font-size:13px}
.brandDrop{padding:15px}
.brandDrop input{padding:7px;font-size:10px}
.brandColorForm input[type=color]{height:43px;padding:4px;cursor:pointer}
.brandLogoForm .deleteLink{margin:0;padding-top:2px}
@media(max-width:620px){.brandingForms{grid-template-columns:1fr}.brandingPreview{padding:12px}}

/* StatusHQ 2.4 brand theme */
:root{--green:#168a44;--dark:#050505;--lime:#22c55e;--brand-green:#22c55e}
.loading-screen{background:#050505;color:#22c55e}
.loading-logo img{display:block;width:190px;height:auto}
.brand{min-height:48px;padding:9px 10px;margin-bottom:18px;background:#050505;border:1px solid #1d1d1d;border-radius:10px;color:#22c55e}
.brand.dark{padding:9px 10px;margin-bottom:0}
.brandLogo{display:block;width:145px;max-width:100%;height:auto;object-fit:contain}
.fatal .brand{width:max-content;margin:0 auto}
.fatal .brandLogo{width:175px}
.authPanel .brand{min-height:0;padding:0;background:transparent;border:0;border-radius:0}
.authPanel .brandLogo{width:350px}
.fatal button,.primary,.toolbar>button{background:#050505;color:#22c55e;box-shadow:0 2px 7px #22c55e26}
.fatal button:hover,.primary:hover,.toolbar>button:hover{background:#161616;color:#2ee66e}
.sidebar{background:#050505;color:#22c55e}
.focus{background:#050505;color:#22c55e}
.focus:after{border-color:#181818}
.focus small,.focus p{color:#83dca4}
.focus strong,.focus button{color:#22c55e}
.toast{background:#050505;color:#22c55e;border-color:#2d2d2d}
.authPanel{background:#050505;color:#22c55e}
.authPanel:after{border-color:#181818}
.authCopy>small,.authCopy h1 em{color:#22c55e}
.authCopy p,.proof{color:#a7ddb9}
.authPanel footer{color:#5ea575}
.companyRegistration{display:block;margin-top:9px;padding:0 8px;color:#6f8279!important;font-size:7px!important;font-weight:650;letter-spacing:.7px;text-align:center;text-transform:uppercase}
.mobileBrand{width:100%;max-width:354px;padding:10px 12px;background:#050505;border:0;border-radius:10px}
.mobileBrand .brandLogo{width:330px;max-width:100%}
.platformSidebar{background:#050505}
.platformSidebar .brandLogo{width:116px}
.platformSidebar .brand>em{color:#22c55e;border-color:#2d6e45}
.platformOrg{background:#101010;border-color:#2b2b2b;color:#22c55e}
.platformOrg>span,.platformSidebar .profile>span{background:#22c55e;color:#050505}
.platformOrg small,.platformSidebar .profile small{color:#8bd8a7}
.platformSidebar nav button,.platformSidebar .sideFoot>button{color:#22c55e}
.platformSidebar nav button:hover{background:#151515;color:#2ee66e}
.platformSidebar nav button.active{background:#22c55e;color:#050505}
.platformSidebar nav button i{background:#22c55e;color:#050505}
.platformSidebar nav button.active i{background:#050505;color:#22c55e}
.platformSidebar .sideFoot>button{border-color:#292929}
.platformSidebar .profile{color:#22c55e}
.platformSidebar .profile>button{color:#22c55e}
.platformCallout{background:#050505;color:#22c55e}
.platformCallout:after{border-color:#181818}
.platformCallout>small,.platformCallout p{color:#8bd8a7}
.platformCallout .inverse{background:#050505;color:#22c55e;border:1px solid #22c55e}
.customerSidebar .brand{background:#050505;color:#22c55e}
.customerSidebar .brandLogo{width:145px}
@media(max-width:900px){.mobileBrand{display:flex}.mobileBrand .brandLogo{width:330px;max-width:100%}}

/* StatusHQ 2.5 notification groups */
.notificationGroups,.notificationHistory{padding:20px}
.alertSetupSteps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.alertSetupSteps>div{display:grid;grid-template-columns:32px 1fr;column-gap:10px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px}.alertSetupSteps span{grid-row:1/3;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#e7f7ed;color:#08764c;font-weight:800}.alertSetupSteps b{font-size:12px}.alertSetupSteps small{color:var(--muted);font-size:10px;margin-top:3px}.emailAlertGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.alertStateList{padding:4px 20px}.alertRuleStatus{font-style:normal;font-size:9px;font-weight:750;border-radius:12px;padding:5px 8px;white-space:nowrap}.alertRuleStatus.on{background:#e3f6e9;color:#08764c}.alertRuleStatus.off{background:#eef1ef;color:#7b8782}
.notificationGroups .cardhead,.notificationHistory .cardhead{margin-bottom:14px}
.notificationGroupList{display:flex;flex-direction:column}
.notificationGroupRow{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:11px;align-items:center;width:100%;padding:12px 2px;border:0;border-top:1px solid var(--line);background:transparent;text-align:left}
.notificationGroupRow:first-child{border-top:0}
.notificationGroupRow:hover{background:#f8faf8}
.notificationGroupRow>span:nth-child(2){min-width:0}
.notificationGroupRow b,.notificationGroupRow small{display:block}
.notificationGroupRow b{font-size:12px}
.notificationGroupRow small{margin-top:3px;color:var(--muted);font-size:10px}
.notificationGroupRow>i{color:var(--muted);font-style:normal}
.notificationIcon{width:36px;height:36px;border-radius:9px;background:#050505;color:#22c55e;display:grid;place-items:center;font-size:15px}
.mailStatus{display:flex;gap:10px;align-items:flex-start;border-radius:9px;padding:11px 12px;margin-bottom:10px;background:#e9f7ee;color:#176d42}
.mailStatus.warning{background:#fff6e7;color:#8b5c14}
.mailStatus>span{width:22px;height:22px;flex:0 0 22px;border-radius:50%;display:grid;place-items:center;background:#fff;font-weight:800}
.mailStatus>div{min-width:0}
.mailStatus b,.mailStatus small{display:block}
.mailStatus b{font-size:11px}.mailStatus small{font-size:9px;line-height:1.5;margin-top:2px;overflow-wrap:anywhere}
.choiceField{border:1px solid var(--line);border-radius:10px;padding:12px;margin:2px 0}
.choiceField legend{padding:0 6px;font-size:11px;font-weight:750}
.choiceField>p{margin:0 0 10px;color:var(--muted);font-size:10px;line-height:1.5}
.choiceList{display:flex;flex-direction:column;max-height:260px;overflow:auto}
.form .choiceRow{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;align-items:center;padding:9px 4px;margin:0;border-top:1px solid #edf0ee;cursor:pointer}
.form .choiceRow:first-child{border-top:0}
.form .choiceRow.inactive{opacity:.58}
.form .choiceRow input{width:16px;height:16px;margin:0;padding:0;accent-color:#050505;box-shadow:none}
.choiceRow span,.choiceRow b,.choiceRow small{display:block;min-width:0}
.choiceRow b{font-size:11px}.choiceRow small{margin-top:2px;color:var(--muted);font-size:9px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.notificationDelivery{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:10px;align-items:start;padding:11px 2px;border-top:1px solid var(--line)}
.notificationDelivery:nth-child(2){border-top:0}
.notificationDelivery>div{min-width:0}
.notificationDelivery b,.notificationDelivery small,.notificationDelivery em{display:block}
.notificationDelivery b{font-size:11px}.notificationDelivery small{margin-top:3px;color:var(--muted);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notificationDelivery em{margin-top:4px;color:#a33a48;font-size:9px;font-style:normal}
.notificationDelivery>i{color:var(--muted);font-size:9px;font-style:normal;text-transform:capitalize}
.deliveryStatus{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#eef2ef;color:#718079;font-weight:800}
.deliveryStatus.sent{background:#e3f5e9;color:#118158}.deliveryStatus.failed{background:#fde9eb;color:#c43e4e}.deliveryStatus.sending,.deliveryStatus.pending{background:#fff0dc;color:#996015}
@media(max-width:720px){.alertSetupSteps,.emailAlertGrid{grid-template-columns:1fr}.alertSetupSteps{gap:8px}}@media(max-width:620px){.notificationGroups,.notificationHistory{padding:16px}.mailStatus small{font-size:8px}.choiceList{max-height:220px}}

/* StatusHQ 3.8 public website controls */
.platformSettingsWide{grid-template-columns:minmax(320px,680px)}
.publicControls{gap:16px}
.publicControlHead{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:3px}
.publicControlHead>div{min-width:0}.publicControlHead small{display:block;color:var(--green);font-size:9px;font-weight:800;letter-spacing:1.3px;margin-bottom:7px}.publicControlHead h3{font-size:18px}.publicControlHead p{margin:6px 0 0;color:var(--muted);font-size:11px;line-height:1.55;max-width:450px}
.publicModeBadge{flex:0 0 auto;border-radius:999px;padding:7px 10px;background:#e9f7ee;color:#147447;font-size:9px;font-weight:800;white-space:nowrap}.publicModeBadge.coming_soon{background:#fff4dc;color:#8e5a0a}.publicModeBadge.maintenance{background:#fdebec;color:#a33343}
.form .publicToggle{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:16px;align-items:center;border:1px solid var(--line);border-radius:11px;padding:14px 15px;cursor:pointer;background:#fafcfb}.publicToggle>input{position:absolute;opacity:0;pointer-events:none}.publicToggle span,.publicToggle b,.publicToggle small{display:block}.publicToggle b{font-size:12px}.publicToggle small{margin-top:4px;line-height:1.45}.publicToggle>i{width:42px;height:24px;border-radius:999px;background:#cbd4cf;position:relative;transition:.18s}.publicToggle>i:after{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;border-radius:50%;background:white;box-shadow:0 1px 4px #0003;transition:.18s}.publicToggle>input:checked~i{background:#050505}.publicToggle>input:checked~i:after{transform:translateX(18px);background:#22c55e}.publicToggle:focus-within{border-color:#0e8b5b;box-shadow:0 0 0 3px #0e8b5b16}
.publicModeChoices{border:1px solid var(--line);border-radius:11px;padding:6px 14px 4px;margin:0}.publicModeChoices legend{padding:0 7px;font-size:10px;font-weight:800;color:#53615a}.form .publicModeChoice{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;align-items:flex-start;padding:11px 1px;border-top:1px solid #edf0ee;cursor:pointer}.form .publicModeChoice:first-of-type{border-top:0}.publicModeChoice input{width:16px;height:16px;margin:1px 0 0;padding:0;accent-color:#050505;box-shadow:none}.publicModeChoice span,.publicModeChoice b,.publicModeChoice small{display:block}.publicModeChoice b{font-size:11px}.publicModeChoice small{font-size:9px;margin-top:3px;line-height:1.45}
@media(max-width:620px){.publicControlHead{flex-direction:column}.publicModeBadge{align-self:flex-start}.platformSettingsWide{grid-template-columns:1fr}}

/* StatusHQ 3.8.2 separated Platform Control settings */
.platformSidebar .navSectionLabel{display:block;margin:17px 12px 6px;color:#66806f;font-size:8px;font-weight:800;letter-spacing:1.5px}
.portalHealthGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:16px}.portalHealthCard{display:flex;align-items:flex-start;gap:12px;min-width:0;padding:17px 18px;background:white;border:1px solid var(--line);border-radius:12px}.portalHealthIcon{width:32px;height:32px;flex:0 0 32px;border-radius:9px;display:grid;place-items:center;font-size:13px;font-weight:850}.portalHealthIcon.good{background:#e5f7eb;color:#138152}.portalHealthIcon.warning{background:#fff0da;color:#9c6010}.portalHealthCard>div{min-width:0}.portalHealthCard small,.portalHealthCard b,.portalHealthCard p{display:block}.portalHealthCard small{margin-bottom:5px;color:#88958f;font-size:8px;font-weight:800;letter-spacing:1px}.portalHealthCard b{font-size:12px}.portalHealthCard p{margin:4px 0 0;color:var(--muted);font-size:9px;line-height:1.5;overflow-wrap:anywhere}
.backupStatusPanel{margin-bottom:16px}.backupStatusPanel>.cardhead>small{color:var(--muted);font-size:9px}.backupStatusGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.backupStatusCard{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:start;gap:12px;padding:16px;border:1px solid var(--line);border-radius:11px;background:#fbfcfb}.backupStatusIcon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;font-weight:900;background:#e5f7eb;color:#138152}.backupStatusCard.warning .backupStatusIcon{background:#fff0da;color:#9c6010}.backupStatusCard.danger .backupStatusIcon{background:#fdebed;color:#ac3545}.backupStatusCard>div{min-width:0}.backupStatusCard small{display:block;color:#849189;font-size:8px;font-weight:850;letter-spacing:1px}.backupStatusCard h3{margin:4px 0 3px;font-size:14px}.backupStatusCard p{margin:0;color:var(--muted);font-size:10px}.backupStatusCard b{display:block;margin-top:9px;font-size:10px}.backupStatusCard em{display:block;margin-top:7px;color:#a33343;font-size:9px;font-style:normal;overflow-wrap:anywhere}
.portalSettingsGrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}.portalLiveBadge{border-radius:999px;padding:5px 9px;background:#e5f7eb;color:#138152;font-size:8px;font-weight:850;letter-spacing:.8px}.portalAccessCard>label{display:block;color:#65736c;font-size:10px;font-weight:750}.portalAddress{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:7px;padding:11px 12px;border:1px solid var(--line);border-radius:8px;background:#f8faf8}.portalAddress code{min-width:0;overflow:hidden;text-overflow:ellipsis;color:#25332d;font-size:11px}.portalAddress a{flex:0 0 auto;color:var(--green);font-size:10px;font-weight:750;text-decoration:none}.portalAccessStats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:15px}.portalAccessStats span{padding:12px;background:#f5f7f5;border-radius:8px}.portalAccessStats b,.portalAccessStats small{display:block}.portalAccessStats b{font-size:18px}.portalAccessStats small{margin-top:3px;color:var(--muted);font-size:8px;line-height:1.35}.portalPolicyNote{margin:14px 0 0;color:var(--muted);font-size:10px;line-height:1.55}
.portalControlLinks{padding-top:20px}.portalControlLinks .cardhead{margin-bottom:8px}.portalControlLinks>button{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:11px;align-items:center;width:100%;padding:12px 2px;border:0;border-top:1px solid #edf0ee;background:transparent;text-align:left}.portalControlLinks>button:hover{background:#f8faf8}.portalControlLinks>button>span{width:32px;height:32px;border-radius:8px;background:#050505;color:#22c55e;display:grid;place-items:center;font-weight:800}.portalControlLinks>button>div{min-width:0}.portalControlLinks b,.portalControlLinks small{display:block}.portalControlLinks b{font-size:11px}.portalControlLinks small{margin-top:3px;color:var(--muted);font-size:9px}.portalControlLinks>button>i{color:var(--muted);font-style:normal}
@media(max-width:980px){.portalHealthGrid{grid-template-columns:1fr}.portalSettingsGrid,.backupStatusGrid{grid-template-columns:1fr}}
@media(max-width:620px){.portalAccessStats{grid-template-columns:1fr}.portalAddress{align-items:flex-start;flex-direction:column}.platformSidebar .navSectionLabel{margin-top:12px}}
.backupStatusActions{display:grid;justify-items:end;gap:8px}.backupStatusActions :is(button,.backupStatusAction){border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--text);font:inherit;font-size:9px;font-weight:800;padding:7px 9px;cursor:pointer;line-height:1.2}.backupStatusActions .backupStatusAction{text-decoration:none;white-space:nowrap}.backupStatusActions :is(button,.backupStatusAction):hover{border-color:#22c55e;color:#16804f}.backupStatusActions button:disabled{opacity:.55;cursor:wait}

/* StatusHQ 2.6 two-factor authentication */
.authBack{width:100%;margin-top:8px;border:0;background:transparent;color:#57665f;font-size:11px;padding:8px}
.authBack:hover{color:#111}
.authHint a{color:#147447;font-weight:700;text-underline-offset:2px}
.twoFactorCodeInput{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;font-size:19px!important;font-weight:750!important;letter-spacing:4px;text-align:center;text-transform:uppercase}
.requiredHeader{display:flex;align-items:center;gap:9px;color:#176f46;font-size:11px;font-weight:750;letter-spacing:.25px}
.requiredHeader span{width:28px;height:28px;border-radius:8px;background:#e4f5e9;display:grid;place-items:center;font-size:15px}
.twoFactorCard{padding:20px;display:flex;flex-direction:column;gap:16px}
.twoFactorRequiredCard{border-color:#b8dfc5;box-shadow:0 10px 28px #146e4520}
.twoFactorTitle{display:flex;align-items:flex-start;gap:12px}
.twoFactorTitle>span{width:38px;height:38px;flex:0 0 38px;border-radius:10px;background:#050505;color:#22c55e;display:grid;place-items:center;font-size:17px;font-weight:800}
.twoFactorTitle>span.protected{background:#e2f4e8;color:#11754a}
.twoFactorTitle>div{min-width:0}
.twoFactorTitle h3{font-size:14px;margin:1px 0 4px}
.twoFactorTitle p{font-size:10px;line-height:1.55;color:var(--muted);margin:0}
.securityFacts{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.securityFacts span{border:1px solid #e2e9e4;border-radius:8px;background:#f8faf8;color:#3a5648;padding:9px;font-size:9px;line-height:1.4}
.twoFactorMeta{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:9px;overflow:hidden}
.twoFactorMeta>span{padding:11px 12px;display:flex;flex-direction:column;gap:4px}
.twoFactorMeta>span+span{border-left:1px solid var(--line)}
.twoFactorMeta small{color:var(--muted);font-size:8px;letter-spacing:.65px}
.twoFactorMeta b{font-size:12px}
.twoFactorActions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.twoFactorActions button{border:1px solid #ced8d1;border-radius:7px;background:white;padding:8px 10px;font-size:10px;font-weight:700}
.twoFactorActions button.replaceAuthenticator{background:#050505;border-color:#050505;color:#22c55e}
.twoFactorActions button.danger{color:#ae3444;border-color:#edc8ce}
.twoFactorActions small{margin-left:auto;color:#176f46;background:#e4f5e9;border-radius:20px;padding:6px 9px;font-size:9px;font-weight:700}
.twoFactorPolicy{gap:15px}
.policyToggle{display:grid!important;grid-template-columns:20px 1fr;gap:10px;align-items:flex-start;border:1px solid #dbe5de;border-radius:9px;background:#f8faf8;padding:12px!important;cursor:pointer}
.policyToggle input{width:18px!important;height:18px!important;margin:1px 0 0!important;padding:0!important;box-shadow:none!important;accent-color:#050505}
.policyToggle span,.policyToggle b,.policyToggle small{display:block}
.policyToggle b{font-size:11px}.policyToggle small{font-size:9px;line-height:1.5;color:var(--muted);margin-top:3px;font-weight:400}
.twoFactorSetup{display:flex;flex-direction:column;gap:13px}
.replacementSafeNotice{display:flex;align-items:flex-start;gap:10px;border:1px solid #c7e6d1;border-radius:9px;background:#edf8f1;padding:11px}.replacementSafeNotice>span{width:27px;height:27px;flex:0 0 27px;border-radius:50%;background:#168456;color:#fff;display:grid;place-items:center;font-weight:800}.replacementSafeNotice b,.replacementSafeNotice small{display:block}.replacementSafeNotice b{font-size:11px}.replacementSafeNotice small{color:#52705e;font-size:9px;line-height:1.45;margin-top:3px}.securityRecoveryLink{display:block;text-align:center;color:#176f46;font-size:10px;font-weight:750;text-decoration:none}.securityRecoveryNote{display:block;text-align:center;color:var(--muted);font-size:9px;line-height:1.5}
.twoFactorStep{display:flex;align-items:center;gap:10px}
.twoFactorStep>span{width:26px;height:26px;flex:0 0 26px;border-radius:50%;background:#050505;color:#22c55e;display:grid;place-items:center;font-weight:800;font-size:10px}
.twoFactorStep b,.twoFactorStep small{display:block}.twoFactorStep b{font-size:12px}.twoFactorStep small{font-size:9px;color:var(--muted);margin-top:2px;line-height:1.45}
.twoFactorQr{width:220px;min-height:220px;margin:0 auto;border:1px solid #dce4df;border-radius:12px;background:#fff;padding:10px;display:grid;place-items:center;text-align:center}
.twoFactorQr svg{display:block;width:100%;height:auto}
.twoFactorQr>span{font-size:11px;font-weight:700}.twoFactorQr>small{font-size:9px;color:var(--muted)}
.manualSetup{border:1px solid var(--line);border-radius:9px;background:#fafbfa;padding:10px 12px}
.manualSetup summary{cursor:pointer;font-size:10px;font-weight:700}
.manualSetup code{display:block;margin-top:10px;padding:9px;background:#fff;border:1px solid var(--line);border-radius:7px;font-size:11px;letter-spacing:1.3px;overflow-wrap:anywhere;user-select:all}
.manualSetup small{display:block;color:var(--muted);font-size:8px;margin-top:6px}
.twoFactorConfirm{border-top:1px solid var(--line);padding-top:13px}
.recoveryIntro,.siteSecurityIntro{display:flex;align-items:flex-start;gap:11px;border-radius:9px;padding:12px;background:#fff5e7;border:1px solid #efd5a6;margin-bottom:13px}
.recoveryIntro>span,.siteSecurityIntro>span{width:28px;height:28px;flex:0 0 28px;border-radius:50%;background:#ed9b33;color:white;display:grid;place-items:center;font-weight:800}
.recoveryIntro b,.recoveryIntro small,.siteSecurityIntro b,.siteSecurityIntro small{display:block}.recoveryIntro b,.siteSecurityIntro b{font-size:11px}.recoveryIntro small,.siteSecurityIntro small{font-size:9px;line-height:1.5;color:#79684d;margin-top:3px}
.recoveryCodes{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.recoveryCodes code{border:1px solid #dce4df;border-radius:7px;background:#f8faf8;padding:9px;text-align:center;font-size:11px;font-weight:700;letter-spacing:.6px;user-select:all}
.recoveryActions{display:flex;gap:8px;margin-top:15px}
.recoveryActions button:not(.primary){border:1px solid #d5ddd8;border-radius:8px;background:#fff;padding:10px 13px;font-weight:700;font-size:10px}
.siteSecurityIntro{background:#eaf6ee;border-color:#cce5d4}.siteSecurityIntro>span{background:#050505;color:#22c55e}.siteSecurityIntro small{color:#52705e}
.siteSecurityList{display:flex;flex-direction:column}
.siteSecurityList>div{display:grid;grid-template-columns:36px minmax(0,1fr) auto auto;gap:10px;align-items:center;border-top:1px solid var(--line);padding:11px 1px}
.siteSecurityList>div:first-child{border-top:0}
.siteSecurityList b,.siteSecurityList small{display:block}.siteSecurityList b{font-size:11px}.siteSecurityList small{font-size:9px;color:var(--muted);margin-top:2px}
.siteSecurityList em,.userSecuritySummary>span,.twoFactorUserStatus{width:max-content;border-radius:20px;padding:5px 8px;font-size:8px;font-style:normal;font-weight:750}
.siteSecurityList em.enabled,.userSecuritySummary>span.enabled,.twoFactorUserStatus.enabled{background:#e3f5e9;color:#11764b}
.siteSecurityList em.required,.userSecuritySummary>span.required,.twoFactorUserStatus.required{background:#fff0dc;color:#956014}
.userSecuritySummary>span.optional,.twoFactorUserStatus.optional{background:#edf1ee;color:#65736c}
.siteSecurityList button,.userSecuritySummary button{border:1px solid #d5ddd8;border-radius:7px;background:#fff;padding:7px 9px;font-size:9px;font-weight:700}
.userSecuritySummary{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding:0 0 13px;margin-bottom:13px}
.twoFactorUserStatus{display:block!important;margin-top:5px}
.userlist>div>div{min-width:0}
@media(max-width:720px){.securityFacts{grid-template-columns:1fr}.siteSecurityList>div{grid-template-columns:36px minmax(0,1fr) auto}.siteSecurityList>div>button{grid-column:2/-1;width:max-content}.twoFactorQr{width:190px;min-height:190px}}
@media(max-width:460px){.recoveryCodes{grid-template-columns:1fr}.recoveryActions{flex-direction:column}.recoveryActions button{width:100%}.twoFactorMeta{grid-template-columns:1fr}.twoFactorMeta>span+span{border-left:0;border-top:1px solid var(--line)}}

/* StatusHQ 2.7 platform-wide user directory */
.userDirectoryToolbar{display:flex;align-items:center;gap:9px;margin-bottom:12px;padding:11px 12px;background:#fff;border:1px solid var(--line);border-radius:11px}
.userDirectoryToolbar .miniSearch{display:flex;align-items:center;max-width:none;min-width:220px}
.userDirectoryToolbar .miniSearch input{width:auto;min-width:0;flex:1}
.userDirectoryToolbar select{border:1px solid var(--line);border-radius:7px;background:#fff;padding:8px 10px;font-size:10px}
.userDirectoryToolbar>button{border:0;border-radius:7px;background:#050505;color:#22c55e;padding:9px 13px;font-size:10px;font-weight:700}
.userDirectoryToolbar>span{margin-left:auto;color:var(--muted);font-size:10px;white-space:nowrap}
.platformUserTable{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.platformUserRow{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) minmax(90px,.7fr) minmax(120px,.85fr) minmax(100px,.85fr) 150px;gap:15px;align-items:center;padding:15px 18px;border-top:1px solid #edf0ee}
.platformUserRow:first-child{border-top:0}
.platformUserRow.restricted{background:#fffdf9}
.platformUserRow>span{min-width:0}
.platformUserRow b,.platformUserRow small{display:block;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.platformUserRow b{font-size:11px}.platformUserRow small{margin-top:4px;color:var(--muted);font-size:9px}
.platformUserHead{background:#fafbfa;color:#7e8b85;text-transform:uppercase;letter-spacing:.5px;font-size:9px;padding-top:12px;padding-bottom:12px}
.platformUserIdentity{display:flex;align-items:center;gap:10px}
.platformUserIdentity>i{width:36px;height:36px;flex:0 0 36px;border-radius:9px;background:#e7f3eb;color:#166f48;display:grid;place-items:center;font-size:10px;font-style:normal;font-weight:800}
.platformUserIdentity>span{min-width:0}
.roleBadge,.directoryBadge{display:inline-flex;width:max-content;max-width:100%;border-radius:20px;padding:5px 8px;font-size:8px;font-style:normal;font-weight:750;text-transform:capitalize;white-space:nowrap}
.roleBadge{background:#edf1ee;color:#5f7068}.roleBadge.admin{background:#e9edff;color:#4d5bc0}.roleBadge.owner{background:#050505;color:#22c55e}.roleBadge.manager{background:#e8f3f8;color:#326a84}
.directoryBadge.enabled,.directoryBadge.active{background:#e3f5e9;color:#11764b}.directoryBadge.required,.directoryBadge.suspended{background:#fff0dc;color:#956014}.directoryBadge.optional,.directoryBadge.inactive{background:#edf1ee;color:#65736c}
.platformUserAction{display:flex;justify-content:flex-end;gap:6px}
.platformUserAction button{border:1px solid #d5ddd8;border-radius:7px;background:#fff;padding:7px 9px;font-size:9px;font-weight:700;white-space:nowrap}
.platformUserAction button:hover{border-color:#92ad9e;color:#176f46}
.platformUserAction button.resetTwoFactor{border-color:#050505;background:#050505;color:#22c55e}
@media(max-width:1100px){.platformUserRow{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(85px,.7fr) minmax(105px,.8fr) 150px}.platformUserRow>span:nth-child(5),.platformUserHead>span:nth-child(5){display:none}}
@media(max-width:760px){.platformUserMetrics{grid-template-columns:1fr 1fr}.userDirectoryToolbar{flex-wrap:wrap}.userDirectoryToolbar .miniSearch{width:100%}.userDirectoryToolbar select{flex:1}.platformUserTable{background:transparent;border:0;overflow:visible}.platformUserHead{display:none}.platformUserRow{grid-template-columns:1fr;background:#fff;border:1px solid var(--line);border-radius:11px;margin-bottom:10px;padding:14px;gap:10px}.platformUserRow>span:nth-child(5){display:block}.platformUserRow>span:not(:first-child){border-top:1px solid #edf0ee;padding-top:9px}.platformUserRow>span:nth-child(2)::before,.platformUserRow>span:nth-child(3)::before,.platformUserRow>span:nth-child(4)::before,.platformUserRow>span:nth-child(5)::before{display:block;margin-bottom:5px;color:#89948f;font-size:8px;letter-spacing:.55px;font-weight:750;text-transform:uppercase}.platformUserRow>span:nth-child(2)::before{content:"Customer site"}.platformUserRow>span:nth-child(3)::before{content:"Access"}.platformUserRow>span:nth-child(4)::before{content:"Security"}.platformUserRow>span:nth-child(5)::before{content:"Account"}.platformUserAction{justify-content:flex-start}.platformUserAction:empty{display:none}}
@media(max-width:520px){.platformUserMetrics{grid-template-columns:1fr}.userDirectoryToolbar select{width:100%;flex:none}.userDirectoryToolbar>span{width:100%;margin-left:0}}

/* StatusHQ 2.8 platform user management */
.directoryMailWarning{display:flex;align-items:flex-start;gap:10px;margin:-3px 0 12px;padding:11px 13px;border:1px solid #efd5a6;border-radius:9px;background:#fff5e7;color:#76541f}
.directoryMailWarning>span{width:24px;height:24px;flex:0 0 24px;border-radius:50%;background:#ed9b33;color:#fff;display:grid;place-items:center;font-weight:800}
.directoryMailWarning b,.directoryMailWarning small{display:block}.directoryMailWarning b{font-size:10px}.directoryMailWarning small{margin-top:3px;font-size:9px;line-height:1.45;color:#806b49}
.platformUserManageHead{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.platformUserDetails{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:13px 0}
.platformUserDetails>span{min-width:0;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fff}
.platformUserDetails small,.platformUserDetails b{display:block;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.platformUserDetails small{font-size:8px;color:var(--muted);letter-spacing:.55px}.platformUserDetails b{font-size:10px;margin-top:4px}
.platformUserManageActions{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}
.platformUserManageActions>button{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;border:0;border-top:1px solid var(--line);background:#fff;padding:12px;text-align:left}
.platformUserManageActions>button:first-child{border-top:0}.platformUserManageActions>button:hover{background:#f8faf8}.platformUserManageActions>button:disabled{cursor:not-allowed;opacity:.5;background:#f5f6f5}
.platformUserManageActions>button>span{width:32px;height:32px;border-radius:8px;background:#e7f3eb;color:#176f46;display:grid;place-items:center;font-size:14px;font-weight:800}
.platformUserManageActions>button.danger>span{background:#fdebed;color:#b03646}
.platformUserManageActions b,.platformUserManageActions small{display:block}.platformUserManageActions b{font-size:11px}.platformUserManageActions small{margin-top:3px;color:var(--muted);font-size:9px;line-height:1.4}.platformUserManageActions i{color:var(--muted);font-style:normal}
.mailResetIntro{background:#eef5ff}
.platformUserCreateForm .formIntro{margin-bottom:1px}
@media(max-width:520px){.platformUserDetails{grid-template-columns:1fr}.platformUserManageHead{align-items:flex-start}.platformUserManageHead>.roleBadge{flex:0 0 auto}}

/* StatusHQ 3.6 private quote management, email delivery and per-quote customer branding */
.quoteHeadActions{display:flex;gap:8px;align-items:center}.quoteHeadActions>button:not(.primary){border:1px solid var(--line);background:#fff;border-radius:8px;padding:10px 14px;font-weight:700;color:#38483f}
.quoteMetrics{grid-template-columns:repeat(5,minmax(0,1fr))}.quoteMetrics .metric strong{font-size:25px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.quoteToolbar{display:flex;justify-content:space-between;align-items:center;padding:11px 15px;border:1px solid var(--line);border-bottom:0;border-radius:11px 11px 0 0;background:#fff}.quoteToolbar span{font-size:10px;font-weight:750}.quoteToolbar small{font-size:9px;color:var(--muted)}
.quoteTable{border:1px solid var(--line);border-radius:0 0 11px 11px;background:#fff;overflow:hidden}.quoteRow{display:grid;grid-template-columns:1.05fr 1.25fr .85fr .7fr .65fr auto;gap:14px;align-items:center;padding:14px 16px;border-top:1px solid #edf0ee}.quoteRow:first-child{border-top:0}.quoteRow>span{min-width:0}.quoteRow b,.quoteRow small{display:block;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quoteRow b{font-size:11px}.quoteRow small{margin-top:3px;color:var(--muted);font-size:9px}.quoteRow:not(.quoteHead):hover{background:#f8faf8}.quoteHead{padding-top:11px;padding-bottom:11px;background:#fafbfa;color:#7e8b85;text-transform:uppercase;letter-spacing:.5px;font-size:9px}
.quoteIdentity{display:flex;align-items:center;gap:10px}.quoteIdentity>i{width:36px;height:36px;flex:0 0 36px;border-radius:9px;background:#050505;color:#22c55e;display:grid;place-items:center;font-size:15px;font-style:normal;font-weight:800}.quoteIdentity>span{min-width:0}
.quoteStatus{display:inline-flex;width:max-content;border-radius:20px;padding:5px 8px;font-size:8px;font-style:normal;font-weight:750;text-transform:capitalize}.quoteStatus.draft{background:#e9edff;color:#4d5bc0}.quoteStatus.sent{background:#fff0dc;color:#956014}.quoteStatus.accepted{background:#e3f5e9;color:#11764b}.quoteStatus.declined,.quoteStatus.void{background:#fde9eb;color:#a53645}.quoteStatus.expired{background:#edf1ee;color:#65736c}
.quoteActions{display:flex;gap:6px;justify-content:flex-end}.quoteActions a,.quoteActions button{border:1px solid #d5ddd8;border-radius:7px;background:#fff;color:#26342e;padding:7px 9px;font-size:9px;font-weight:700;text-decoration:none}.quoteActions a:hover,.quoteActions button:hover{border-color:#8eaa99;color:#126f45}
.modal:has(.quoteCreateForm){width:min(920px,100%)}.quotePrivate{margin-bottom:2px}.quoteItemsHead{display:flex;align-items:flex-end;justify-content:space-between;gap:15px}.quoteItemsHead>div b,.quoteItemsHead>div small{display:block}.quoteItemsHead>div b{font-size:12px}.quoteItemsHead>div small{margin-top:3px;color:var(--muted);font-size:9px}.quoteItemsHead>label{width:140px;flex:0 0 140px}
.quoteLines{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}.quoteLine{display:grid;grid-template-columns:22px minmax(0,1fr) 105px 135px;gap:8px;align-items:end;padding:9px 10px;border-top:1px solid #edf0ee}.quoteLine:first-child{border-top:0}.quoteLine>span{width:21px;height:21px;border-radius:50%;background:#edf3ef;color:#52645a;display:grid;place-items:center;font-size:8px;font-weight:800;margin-bottom:9px}.quoteLine label{font-size:9px}.quoteLine input{padding:8px}
.quoteLiveTotal{display:flex;justify-content:flex-end;gap:7px}.quoteLiveTotal>span{min-width:120px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:9px 11px}.quoteLiveTotal small,.quoteLiveTotal b,.quoteLiveTotal strong{display:block}.quoteLiveTotal small{font-size:8px;color:var(--muted);letter-spacing:.45px;text-transform:uppercase}.quoteLiveTotal b,.quoteLiveTotal strong{margin-top:4px;font-size:13px}.quoteLiveTotal>span:last-child{background:#050505;color:#22c55e;border-color:#050505}.quoteLiveTotal>span:last-child small{color:#87d9a4}.quoteLiveTotal strong{font-size:16px}
.quoteManageTop{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding-bottom:15px;border-bottom:1px solid var(--line)}.quoteManageTop h3{margin:9px 0 3px;font-size:16px}.quoteManageTop p{margin:0;color:var(--muted);font-size:10px}.quoteManageTop>strong{font-size:22px;text-align:right;white-space:nowrap}.quoteManageTop>strong small{display:block;color:var(--muted);font-size:8px;font-weight:500;margin-top:3px}.quoteManageFacts{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:7px;margin:13px 0}.quoteManageFacts span{border:1px solid var(--line);border-radius:8px;background:#fff;padding:9px}.quoteManageFacts small,.quoteManageFacts b{display:block}.quoteManageFacts small{font-size:7px;color:var(--muted);letter-spacing:.6px}.quoteManageFacts b{font-size:9px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.quoteManageItems{border:1px solid var(--line);border-radius:9px;background:#fff;overflow:hidden}.quoteManageItems>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;border-top:1px solid #edf0ee}.quoteManageItems>div:first-child{border-top:0}.quoteManageItems b,.quoteManageItems small{display:block}.quoteManageItems b{font-size:10px}.quoteManageItems small{margin-top:3px;color:var(--muted);font-size:8px}.quoteManageItems strong{font-size:11px;white-space:nowrap}.quotePdfActions{display:flex;gap:8px;margin:13px 0 8px}.quotePdfActions a{flex:1;border:1px solid #d5ddd8;border-radius:8px;background:#fff;color:#26342e;text-align:center;text-decoration:none;padding:10px;font-size:10px;font-weight:750}.quotePdfActions a.primary{border:0;background:#050505;color:#22c55e}.quoteManageActions{display:flex;gap:8px;margin-bottom:13px}.quoteManageActions button{flex:1;border:1px solid #d5ddd8;border-radius:8px;background:#fff;color:#34463d;padding:9px;font-size:9px;font-weight:750}.quoteManageActions button.send{border-color:#050505;background:#050505;color:#22c55e}.quoteManageActions button.danger{border-color:#ecc8ce;color:#a53645;background:#fff7f8}.quoteStatusForm{border-top:1px solid var(--line);padding-top:13px}.quotePoField[hidden]{display:none}.quotePoField{border-left:3px solid #22c55e;padding-left:10px}.quoteText{border-top:1px solid var(--line);margin-top:13px;padding-top:12px}.quoteText small{display:block;color:var(--muted);font-size:8px;letter-spacing:.7px;font-weight:750}.quoteText p{margin:5px 0 0;color:#4c5b54;font-size:10px;line-height:1.55;white-space:pre-wrap}
.quoteBrandingSummary{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;margin-top:11px;border:1px solid var(--line);border-radius:9px;background:#f8faf8;padding:10px}.quoteBrandingSummary>span{width:36px;height:36px;border-radius:8px;background:#050505;color:#22c55e;display:grid;place-items:center;font-size:9px;font-weight:850}.quoteBrandingSummary small,.quoteBrandingSummary b,.quoteBrandingSummary em{display:block}.quoteBrandingSummary small{color:#75837d;font-size:7px;letter-spacing:.7px;font-weight:800}.quoteBrandingSummary b{font-size:10px;margin-top:2px}.quoteBrandingSummary em{font-style:normal;color:var(--muted);font-size:8px;margin-top:2px}.quoteBrandingSummary button{border:1px solid #d5ddd8;border-radius:7px;background:#fff;padding:7px 11px;font-size:9px;font-weight:750}.quoteBrandingAlternatives{display:grid;grid-template-columns:1fr 1fr;gap:9px;border-top:1px solid var(--line);padding-top:14px}.quoteBrandingAlternatives button{display:grid;grid-template-columns:34px 1fr;gap:9px;align-items:center;text-align:left;border:1px solid var(--line);border-radius:9px;background:#fff;padding:10px}.quoteBrandingAlternatives button.active{border-color:#22c55e;box-shadow:0 0 0 2px #22c55e1c}.quoteBrandingAlternatives button>span{width:32px;height:32px;border-radius:8px;background:#eef2ef;display:grid;place-items:center;font-size:9px;font-weight:850}.quoteBrandingAlternatives b,.quoteBrandingAlternatives small{display:block}.quoteBrandingAlternatives b{font-size:10px}.quoteBrandingAlternatives small{color:var(--muted);font-size:8px;line-height:1.4;margin-top:3px}
.quoteSender{border:1px solid #bee0c9;border-radius:8px;background:#eff9f2;padding:10px 12px}.quoteSender small,.quoteSender b{display:block}.quoteSender small{color:#16804f;font-size:8px;letter-spacing:.7px;font-weight:800}.quoteSender b{margin-top:4px;font-size:10px}.quoteAttachment{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:9px;background:#fafcfa;padding:10px}.quoteAttachment>span{width:36px;height:36px;border-radius:7px;background:#fdebed;color:#ae3546;display:grid;place-items:center;font-size:8px;font-weight:850}.quoteAttachment b,.quoteAttachment small{display:block}.quoteAttachment b{font-size:10px}.quoteAttachment small{margin-top:3px;color:var(--muted);font-size:8px}.quoteAttachment strong{font-size:11px}.quoteSendForm>button:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:1100px){.quoteMetrics{grid-template-columns:repeat(3,1fr)}.quoteRow{grid-template-columns:1.1fr 1.15fr .75fr .65fr auto}.quoteRow>span:nth-child(3),.quoteHead>span:nth-child(3){display:none}}
@media(max-width:760px){.quoteHeadActions{width:100%}.quoteHeadActions button{flex:1}.quoteMetrics{grid-template-columns:1fr 1fr}.quoteToolbar small{display:none}.quoteTable{background:transparent;border:0;overflow:visible}.quoteHead{display:none}.quoteRow{grid-template-columns:1fr;background:#fff;border:1px solid var(--line);border-radius:11px;margin-bottom:9px;padding:14px;gap:10px}.quoteRow>span:nth-child(3){display:block}.quoteRow>span:not(:first-child){border-top:1px solid #edf0ee;padding-top:8px}.quoteActions{justify-content:flex-start}.quoteLine{grid-template-columns:22px minmax(0,1fr) 90px}.quoteLine label:last-child{grid-column:2/-1}.quoteLine>span{grid-row:1/3}.quoteLiveTotal{display:grid;grid-template-columns:1fr 1fr}.quoteLiveTotal>span:last-child{grid-column:1/-1}.quoteManageTop{flex-direction:column}.quoteManageTop>strong{text-align:left}.quoteManageFacts{grid-template-columns:1fr}}
@media(max-width:520px){.quoteMetrics{grid-template-columns:1fr}.quoteItemsHead{align-items:stretch;flex-direction:column}.quoteItemsHead>label{width:100%;flex:auto}.quoteLine{grid-template-columns:20px 1fr 78px;padding:8px 7px}.quotePdfActions,.quoteManageActions{flex-direction:column}.quoteToolbar{border-radius:10px}.quoteTable{margin-top:8px}.quoteBrandingAlternatives{grid-template-columns:1fr}.quoteBrandingSummary{grid-template-columns:38px minmax(0,1fr)}.quoteBrandingSummary button{grid-column:1/-1}}

/* StatusHQ 2.9 customer experience */
.authRecovery{display:flex;justify-content:flex-end;margin:-7px 0 2px}.authRecovery a{color:#178251;font-size:10px;font-weight:750;text-decoration:none}.authRecovery a:hover{text-decoration:underline}
.headLink{align-self:center;border:1px solid #d5ddd8;border-radius:8px;background:#fff;color:#26372f;padding:9px 13px;font-size:10px;font-weight:750;text-decoration:none}.headLink:hover{border-color:#8daf9b}
.sideFoot>.sideFootLink{width:100%;display:flex;align-items:center;gap:13px;border:0;border-bottom:1px solid #28453d;border-radius:0;margin-bottom:12px;padding:10px 12px;color:#9fb5ad;font-weight:500;text-decoration:none}.platformSidebar .sideFoot>.sideFootLink{color:#22c55e;border-color:#292929}.platformSidebar .sideFoot>.sideFootLink:hover{background:#151515;color:#2ee66e}
.onboardingCard{margin-bottom:16px;padding:0;overflow:hidden;border-color:#b9dac6}.onboardingTop{display:flex;justify-content:space-between;gap:16px;padding:17px 18px 13px;background:linear-gradient(135deg,#eef8f1,#fff)}.onboardingTop small{color:#168450;font-size:8px;font-weight:850;letter-spacing:.9px}.onboardingTop h3{margin:5px 0 4px;font-size:16px}.onboardingTop p{margin:0;color:var(--muted);font-size:10px}.onboardingTop>button{align-self:flex-start;border:0;background:transparent;color:#7c8c84;font-size:18px}.onboardingProgress{display:flex;align-items:center;gap:12px;padding:0 18px 13px}.onboardingProgress>span{height:6px;flex:1;border-radius:8px;background:#e0e8e3;overflow:hidden}.onboardingProgress>span i{display:block;height:100%;border-radius:inherit;background:#22c55e}.onboardingProgress>b{font-size:9px;color:#627269;white-space:nowrap}.onboardingSteps{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line)}.onboardingSteps button{display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px;align-items:center;border:0;border-left:1px solid var(--line);background:#fff;padding:11px;text-align:left}.onboardingSteps button:first-child{border-left:0}.onboardingSteps button:hover{background:#f7faf8}.onboardingSteps button>span{grid-row:1/3;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#050505;color:#22c55e;font-size:10px;font-weight:800}.onboardingSteps button.done>span{background:#dcf3e5;color:#167147}.onboardingSteps b{font-size:9px;line-height:1.25}.onboardingSteps i{font-size:8px;color:#178251;font-style:normal}.onboardingSteps button.done i{color:#7c8b84}
.toolbar>span a{color:#16784b;font-weight:750;text-decoration:none}.headActions a,.headActions button{white-space:nowrap}
.criticalityBadge{margin-left:auto;border-radius:20px;padding:5px 8px;font-size:8px;font-style:normal;font-weight:800;text-transform:capitalize}.criticalityBadge.normal{background:#edf1ee;color:#65736c}.criticalityBadge.important{background:#fff0dc;color:#956014}.criticalityBadge.critical{background:#fdebed;color:#ad3344}
.assetFacts{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:12px 0}.assetFacts span{min-width:0;border:1px solid var(--line);border-radius:8px;padding:9px;background:#f9fbfa}.assetFacts small,.assetFacts b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.assetFacts small{color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.5px}.assetFacts b{margin-top:4px;font-size:10px;text-transform:none}.assetDescription{margin:0 0 12px;padding:10px;border-left:3px solid #22c55e;background:#f4f8f5;color:#4d5d55;font-size:10px;line-height:1.55}.assetQuickActions,.assetUploadActions{display:flex;gap:8px;margin:0 0 12px}.assetQuickActions button,.assetUploadActions button{flex:1;border:1px solid #d5ddd8;border-radius:8px;background:#fff;padding:9px 11px;color:#34463d;font-size:9px;font-weight:750}.assetUploadActions{margin:10px 0}.assetUploadActions .uploadLink{margin:0}.assetDetailsForm .formDivider{margin-top:4px}
.documentList{display:flex;flex-direction:column;gap:7px}.documentList>div{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:9px;align-items:center;padding:8px;border:1px solid var(--line);border-radius:8px;background:#fff}.documentList>div>span{height:32px;border-radius:6px;background:#fdebed;color:#b33749;display:grid;place-items:center;font-size:8px;font-weight:850}.documentList a{display:block;color:#24362d;font-size:10px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.documentList small{display:block;margin-top:3px;color:var(--muted);font-size:8px}.documentList button{border:0;background:transparent;color:#ad3344;font-size:16px}
.templateDownload{display:block;border:1px solid #b9dac6;border-radius:8px;background:#eff8f2;color:#16784b;padding:10px 12px;text-align:center;font-size:10px;font-weight:800;text-decoration:none}.importForm .formIntro{margin-bottom:0}
.inviteForm button:disabled{opacity:.45;cursor:not-allowed}.mailInlineWarning{border:1px solid #efd5a6;border-radius:7px;background:#fff5e7;color:#76541f;padding:9px;font-size:9px;line-height:1.45}
.customFieldRows{display:flex;flex-direction:column}.customFieldRows>button{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;border:0;border-top:1px solid var(--line);background:#fff;padding:10px 13px;text-align:left}.customFieldRows>button:first-child{border-top:0}.customFieldRows>button:hover{background:#f8faf8}.customFieldRows>button>span{width:30px;height:30px;border-radius:7px;background:#edf3ef;color:#176f46;display:grid;place-items:center;font-size:9px;font-weight:850}.customFieldRows b,.customFieldRows small{display:block}.customFieldRows b{font-size:10px}.customFieldRows small{margin-top:3px;color:var(--muted);font-size:8px}.customFieldRows i{color:var(--muted);font-style:normal}
.dataExports{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.dataExports small{width:100%;color:var(--muted);font-size:8px;letter-spacing:.6px}.dataExports a{border:1px solid var(--line);border-radius:6px;padding:6px 8px;color:#176f46;font-size:8px;font-weight:750;text-decoration:none}.setupRestore{width:100%;margin-top:8px}.userSecuritySummary>div{display:flex;gap:6px}.userSecuritySummary>div button{border:1px solid #d5ddd8;border-radius:7px;background:#fff;padding:7px 9px;font-size:9px;font-weight:700}
@media(max-width:900px){.onboardingSteps{grid-template-columns:1fr 1fr}.onboardingSteps button{border-top:1px solid var(--line)}.assetFacts{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.onboardingSteps{grid-template-columns:1fr}.onboardingSteps button{border-left:0}.onboardingTop{padding:15px}.onboardingProgress{padding-left:15px;padding-right:15px}.assetFacts{grid-template-columns:1fr}.assetQuickActions,.assetUploadActions{flex-direction:column}.criticalityBadge{margin-left:0}.userSecuritySummary{align-items:flex-start;flex-direction:column}.userSecuritySummary>div{width:100%;flex-wrap:wrap}}

/* StatusHQ 3.0 core platform */
.buttonLike{display:inline-flex;align-items:center;justify-content:center;border:1px solid #d5ddd8;border-radius:8px;background:#fff;color:#34463d;padding:9px 12px;font-size:9px;font-weight:750;text-decoration:none}
.metrics{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.dashboardSplit{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:14px;margin:14px 0}.buildingStatusRows>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr) auto;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}.buildingStatusRows>div:first-child{border-top:0}.buildingStatusRows b{font-size:10px}.buildingStatusRows span{color:var(--muted);font-size:9px}.buildingStatusRows em{font-size:13px;font-style:normal;font-weight:850}.problemRows{display:flex;flex-direction:column}.problemRows button{display:grid;grid-template-columns:9px minmax(0,1fr) auto;gap:10px;align-items:center;border:0;border-top:1px solid var(--line);background:#fff;padding:10px 0;text-align:left}.problemRows button:first-child{border-top:0}.problemRows button>i{width:8px;height:8px;border-radius:50%}.problemRows b,.problemRows small{display:block}.problemRows b{font-size:10px}.problemRows small{margin-top:3px;color:var(--muted);font-size:8px}.problemRows em{font-style:normal;color:var(--muted)}
.notificationCentre{padding:0;overflow:hidden}.notificationCentre>button{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;align-items:start;width:100%;border:0;border-top:1px solid var(--line);background:#fff;padding:15px;text-align:left}.notificationCentre>button:first-child{border-top:0}.notificationCentre>button.unread{background:#f0faf3}.notificationCentre>button>i{width:24px;height:24px;border-radius:50%;background:#dff4e6;color:#147747;display:grid;place-items:center;font-style:normal;font-weight:900}.notificationCentre b,.notificationCentre small,.notificationCentre time{display:block}.notificationCentre b{font-size:11px}.notificationCentre small{margin-top:4px;color:#526159;font-size:9px;line-height:1.45}.notificationCentre time{margin-top:5px;color:var(--muted);font-size:8px}.notificationCentre em{font-style:normal;color:var(--muted)}
.reportGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.reportCard{display:grid;grid-template-columns:42px minmax(0,1fr);gap:13px}.reportCard>span{width:40px;height:40px;border-radius:10px;background:#e8f6ed;color:#16804f;display:grid;place-items:center;font-size:18px}.reportCard h3{margin:0;font-size:13px}.reportCard p{margin:5px 0 12px;color:var(--muted);font-size:9px;line-height:1.45}.reportCard div div{display:flex;gap:8px}.reportCard a{border:1px solid #cfd9d3;border-radius:7px;color:#176f46;padding:7px 9px;font-size:8px;font-weight:800;text-decoration:none}
.savedViews{display:flex;align-items:center;gap:5px;margin:-4px 0 12px;overflow-x:auto}.savedViews>small{margin-right:4px;color:var(--muted);font-size:8px;letter-spacing:.6px}.savedViews button{border:1px solid var(--line);background:#fff;border-radius:20px;padding:6px 9px;font-size:8px;font-weight:700}.savedViews .savedViewDelete{margin-left:-10px;border-color:transparent;background:transparent;color:#a14b58;font-size:13px}.archiveToggle{display:flex!important;align-items:center!important;flex-direction:row!important;gap:5px!important;color:var(--muted)!important;font-size:9px!important}.archiveToggle input{width:auto!important}.assetTable .tr.archived,.location.archived,.areaGroup.archived,.roomList>div.archived{opacity:.58}.areaTitle>span,.roomList>div>span:last-child{display:flex;gap:3px}
.roleGuide{display:grid;grid-template-columns:auto 1fr;gap:7px 15px;margin-bottom:14px}.roleGuide b{font-size:9px;text-transform:uppercase;color:#176f46}.roleGuide span{font-size:9px;color:var(--muted)}.sessionCard>div:not(.cardhead){display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:9px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}.sessionCard>div>span{width:28px;height:28px;border-radius:7px;background:#eef4f0;display:grid;place-items:center}.sessionCard p{margin:0}.sessionCard b,.sessionCard small{display:block}.sessionCard b{font-size:9px}.sessionCard small{margin-top:3px;color:var(--muted);font-size:8px}.sessionCard em{font-size:8px;font-style:normal;color:#178251}.sessionCard button{border:1px solid var(--line);border-radius:7px;background:#fff;padding:6px 8px;font-size:8px;font-weight:750}.itemTimeline em{display:block;margin-top:4px;color:#805a20;font-size:8px;font-style:normal}.choiceField.compact .choiceList{max-height:140px}.updateComposer input[type=file]{padding:7px;font-size:8px}.assetQuickActions .buttonLike{flex:1}
.importMapping{border:1px solid var(--line);border-radius:9px;background:#fafcfa;padding:12px}.importMapping h3{margin:0 0 4px}.importMapping>p{margin:0 0 10px;color:var(--muted);font-size:9px}.mappingRows{display:flex;max-height:300px;overflow:auto;flex-direction:column;gap:6px}.mappingRows label{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:8px;align-items:center}.mappingRows label>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.mappingRows select{padding:7px;font-size:9px}.historyButton{width:100%;margin-top:10px}.entityAudit{margin:0;padding:0}.platformUserRow .roleBadge.operative{background:#edf5f0;color:#397059}.platformUserRow .roleBadge.viewer{background:#f1f1f5;color:#61617a}
.trendCard{margin:14px 0}.trendBars{display:flex;align-items:end;gap:4px;height:150px;padding-top:8px;overflow-x:auto}.trendBars>span{display:flex;flex:1;min-width:16px;height:100%;flex-direction:column;align-items:center;justify-content:end;gap:5px}.trendBars>span>i{position:relative;width:100%;max-width:18px;min-height:5px;border-radius:4px 4px 0 0;background:#bce7cb;overflow:hidden}.trendBars>span>i b{position:absolute;left:0;right:0;bottom:0;background:#e34b5f}.trendBars small{font-size:7px;color:var(--muted);writing-mode:vertical-rl}
@media(max-width:900px){.dashboardSplit,.reportGrid{grid-template-columns:1fr}.buildingStatusRows>div{grid-template-columns:1fr auto}.buildingStatusRows span{grid-column:1/-1;grid-row:2}.headActions{flex-wrap:wrap}}
@media(max-width:620px){.toolbar{flex-wrap:wrap}.toolbar .miniSearch{width:100%;max-width:none}.toolbar select{flex:1}.reportGrid{gap:10px}.mappingRows label{grid-template-columns:1fr}.dashboardSplit{gap:10px}.buttonLike{min-height:38px}.pagehead .headActions{width:100%}.pagehead .headActions>*{flex:1}.sessionCard>div:not(.cardhead){grid-template-columns:28px minmax(0,1fr)}.sessionCard>div:not(.cardhead)>button,.sessionCard>div:not(.cardhead)>em{grid-column:2}.roleGuide{grid-template-columns:1fr}}
/* StatusHQ 3.1 branded report centre */
.reportBrandHero{display:grid;grid-template-columns:minmax(260px,.9fr) 1.1fr;align-items:center;gap:28px;background:#080b0a;color:#fff;border-radius:16px;padding:24px 28px;margin-bottom:18px;position:relative;overflow:hidden;box-shadow:0 10px 30px #07110d18}.reportBrandHero:after{content:"";position:absolute;width:210px;height:210px;border:46px solid color-mix(in srgb,var(--report-brand,#22c55e) 20%,transparent);border-radius:50%;right:-105px;bottom:-145px}.reportBrandHero>div{position:relative;z-index:1}.reportBrandHero>div:last-child{border-left:1px solid #ffffff1c;padding-left:28px}.reportBrandHero>div:last-child>b{font-size:17px}.reportBrandHero p{color:#aeb9b5;line-height:1.55;margin:6px 0 0;font-size:12px;max-width:580px}.reportBrandLockup{display:flex;align-items:center;gap:10px;min-width:0}.reportBrandLockup>b{font-size:20px;letter-spacing:-.5px}.reportBrandLockup>em{color:#6f7c77;font-style:normal;font-size:20px;margin:0 3px}.reportStatusMark{width:27px;height:29px;display:flex;align-items:flex-end;gap:3px;transform:skew(-8deg)}.reportStatusMark i{display:block;width:7px;border-radius:2px}.reportStatusMark i:nth-child(1){height:13px;background:#ef4444}.reportStatusMark i:nth-child(2){height:21px;background:#3b82f6}.reportStatusMark i:nth-child(3){height:29px;background:#22c55e}.reportCustomerBrand{display:flex;align-items:center;gap:9px;min-width:0}.reportCustomerBrand img{width:72px;height:38px;object-fit:contain;background:#fff;border-radius:7px;padding:5px}.reportCustomerBrand>i{width:35px;height:35px;border-radius:8px;display:grid;place-items:center;background:var(--report-brand,#22c55e);color:var(--report-brand-text,#fff);font-style:normal;font-size:11px;font-weight:800}.reportCustomerBrand strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.reportGridV31{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.reportGridV31 .reportCard{display:flex;flex-direction:column;gap:0;padding:0;overflow:hidden;border-top:4px solid var(--report-tone);box-shadow:0 6px 20px #13251d0a}.reportTone-green{--report-tone:#22a06b;--report-soft:#eaf8f0}.reportTone-blue{--report-tone:#3b82f6;--report-soft:#eef5ff}.reportTone-violet{--report-tone:#8b5cf6;--report-soft:#f4f0ff}.reportTone-red{--report-tone:#e25462;--report-soft:#fff0f2}.reportTone-amber{--report-tone:#e7a32e;--report-soft:#fff7e8}.reportCardTop{display:flex;align-items:center;justify-content:space-between;padding:20px 22px 0}.reportCardTop>em{font-style:normal;font-size:8px;font-weight:800;letter-spacing:1.2px;color:var(--report-tone);background:var(--report-soft);padding:5px 8px;border-radius:20px}.reportIcon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:var(--report-soft);color:var(--report-tone);font-size:20px;font-weight:800}.reportGridV31 .reportCard>div:last-child{padding:14px 22px 22px}.reportGridV31 .reportCard h3{margin:0;font-size:16px}.reportGridV31 .reportCard p{color:#75827d;font-size:11px;line-height:1.55;margin:6px 0 13px}.reportGridV31 .reportCard ul{display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:0 0 20px;list-style:none}.reportGridV31 .reportCard li{font-size:9px;color:#50605a;background:#f5f7f6;border:1px solid #e7ece9;padding:5px 8px;border-radius:20px}.reportGridV31 .reportCard li:before{content:"✓";color:var(--report-tone);font-weight:800;margin-right:5px}.reportActions{display:flex;align-items:center;gap:7px}.reportActions a{display:inline-flex;align-items:center;justify-content:center;border:1px solid #dfe6e2;border-radius:7px;padding:8px 11px;color:#52615b;text-decoration:none;font-size:10px;font-weight:700}.reportActions a:hover{border-color:var(--report-tone);color:var(--report-tone)}.reportActions .reportDownload{background:var(--report-tone);border-color:var(--report-tone);color:#fff}.reportActions .reportDownload:hover{color:#fff;filter:brightness(.92)}.reportActions .reportPreview{background:var(--report-soft);border-color:transparent;color:var(--report-tone)}
.customReport{margin:0 0 16px;padding:0;overflow:hidden;border-top:4px solid var(--green);box-shadow:0 8px 24px #13251d0d}.customReportIntro{display:flex;align-items:flex-start;gap:14px;padding:22px 24px 18px;border-bottom:1px solid var(--line)}.customReportIntro .reportIcon{flex:none;background:#e9f8ee;color:#158654}.customReportIntro small{display:block;margin:1px 0 6px;color:var(--green);font-size:9px;letter-spacing:1.4px;font-weight:800}.customReportIntro h3{margin:0;font-size:17px}.customReportIntro p{margin:6px 0 0;max-width:760px;color:var(--muted);font-size:11px;line-height:1.55}.customReport form{padding:18px 24px 20px}.customReportFields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.customReportFields label{display:grid;align-content:start;align-self:start;gap:6px;min-width:0;color:var(--ink);font-size:10px;font-weight:800}.customReportFields label:first-child{grid-column:span 3}.customReportFields label:nth-child(5){grid-column:span 2}.customReportFields input,.customReportFields select{width:100%;box-sizing:border-box}.customReportFields select[multiple]{min-height:104px;padding:7px}.customReportFields option{padding:4px 6px}.customReportFields small{color:var(--muted);font-size:9px;font-weight:500;line-height:1.35}.customReportFooter{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.customReportFooter p{margin:0;color:var(--muted);font-size:10px;line-height:1.5;max-width:570px}.customReportFooter p b{color:var(--ink)}.reportActions button{appearance:none;display:inline-flex;align-items:center;justify-content:center;border:1px solid #dfe6e2;border-radius:7px;padding:8px 11px;background:var(--card);color:var(--ink);font:inherit;font-size:10px;font-weight:800;cursor:pointer}.reportActions button:hover{border-color:var(--green);color:var(--green)}.reportActions .reportPreview{background:#eaf8f0;border-color:transparent;color:#177a4d}.reportActions .reportDownload{background:var(--green);border-color:var(--green);color:#fff}.reportActions .reportDownload:hover{color:#fff;filter:brightness(.92)}
@media(max-width:850px){.reportBrandHero{grid-template-columns:1fr;gap:18px}.reportBrandHero>div:last-child{border-left:0;border-top:1px solid #ffffff1c;padding:18px 0 0}.reportGridV31{grid-template-columns:1fr}}
@media(max-width:680px){.customReportFields{grid-template-columns:1fr 1fr}.customReportFields label:first-child,.customReportFields label:nth-child(n+4){grid-column:span 2}.customReportFooter{align-items:flex-start;flex-direction:column}.customReportActions{width:100%}}
@media(max-width:520px){.reportBrandHero{padding:20px}.reportCustomerBrand strong{display:none}.reportGridV31 .reportCard>div:last-child,.reportCardTop{padding-left:18px;padding-right:18px}.reportActions{flex-wrap:wrap}.reportActions a,.reportActions button{flex:1}.reportActions .reportDownload{flex-basis:48%}.customReportIntro,.customReport form{padding-left:18px;padding-right:18px}.customReportFields{grid-template-columns:1fr}.customReportFields label:first-child,.customReportFields label:nth-child(n+4){grid-column:auto}.customReportActions button{min-height:40px}}
/* StatusHQ secure customer support access */
.siteActions{flex-wrap:wrap!important}
.siteActions .supportAccess{background:#050505;color:#22c55e;border-color:#050505}
.siteActions .supportAccess:hover{background:#151515;color:#43df7e;border-color:#151515}
.supportAccessIntro>span{background:#050505;color:#22c55e;font-size:9px;letter-spacing:.2px}
.supportAccessFacts{display:grid;gap:7px;border:1px solid #dce7e0;border-radius:9px;background:#f5faf7;padding:12px;color:#39604c;font-size:9px;font-weight:700}
.supportModeBanner{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:12px;align-items:center;margin-bottom:18px;border:1px solid #22c55e;border-radius:12px;background:#050505;color:#fff;padding:12px 14px;box-shadow:0 8px 24px #07110d20}
.supportModeBanner>span{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;background:#22c55e;color:#050505;font-size:9px;font-weight:900;letter-spacing:.3px}
.supportModeBanner b,.supportModeBanner small{display:block}
.supportModeBanner b{font-size:11px}.supportModeBanner small{margin-top:4px;color:#b8c7bf;font-size:9px;line-height:1.4}
.supportModeBanner button{border:1px solid #22c55e;border-radius:8px;background:#22c55e;color:#050505;padding:9px 12px;font-size:9px;font-weight:850;white-space:nowrap}
.customerSidebar .sideFoot .supportReturn{color:var(--customer-accent);font-weight:800}
@media(max-width:720px){.supportModeBanner{grid-template-columns:36px minmax(0,1fr)}.supportModeBanner>button{grid-column:1/-1;width:100%}}
.entitlementUsage{margin:0 0 14px}.entitlementBars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.entitlementBars>div,.entitlementCurrent>div{border:1px solid var(--line);border-radius:10px;background:#fbfcfb;padding:12px}.entitlementBars span,.entitlementCurrent span{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:9px;color:var(--muted);margin-bottom:8px}.entitlementBars span b,.entitlementCurrent b{color:var(--ink);font-size:10px}.entitlementTrack{height:7px;border-radius:99px;background:#e8edea;overflow:hidden}.entitlementTrack i{display:block;height:100%;min-width:2px;border-radius:inherit;background:var(--accent)}.entitlementUsage.warning{border-color:#ed9b33;background:#fffaf2}.entitlementUsage.warning .entitlementTrack i{background:#ed9b33}.entitlementCurrent{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:10px 0 16px}.siteActions{flex-wrap:wrap!important}@media(max-width:700px){.entitlementBars,.entitlementCurrent{grid-template-columns:1fr}}
.invoiceToolbar{margin-top:22px}.invoiceIdentity>i{font-size:7px!important;letter-spacing:.3px;background:#050505!important;color:#22c55e!important}.quoteStatus.overdue{background:#fdebed;color:#aa3042}.quoteStatus.paid{background:#dcf3e5;color:#167147}.quoteStatus.void{background:#ecefed;color:#68746e}.generateInvoice,.invoiceCreatedLink{width:100%;margin:12px 0;border-radius:9px;padding:11px 13px;font-size:10px;font-weight:800}.invoiceCreatedLink{border:1px solid #b8ddc6;background:#edf8f1;color:#167147;text-align:left}
.platformMetrics{grid-template-columns:repeat(6,minmax(0,1fr))}.billingBadge{display:inline-flex!important;width:max-content;margin-top:6px!important;padding:3px 7px;border-radius:10px;font-size:8px!important;font-style:normal;font-weight:750;text-transform:uppercase;letter-spacing:.45px;line-height:1.25}.billingBadge.paid{background:#e9eeeb;color:#33433d}.billingBadge.trial{background:#e9edff;color:#4d5fd0}.billingBadge.expired{background:#fff0dc;color:#9a6013}.siteActions .markPaid{background:#050505;color:#22c55e;border-color:#050505}.siteActions .markPaid:hover{background:#151515;color:#43df7e;border-color:#151515}.billingActivationIntro>span{background:#050505;color:#22c55e}.siteActions{flex-wrap:wrap}@media(max-width:1300px){.platformMetrics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1101px) and (max-width:1300px){.siteRow{grid-template-columns:1.1fr 1.1fr .7fr .7fr minmax(318px,auto);gap:12px}}@media(min-width:721px) and (max-width:1100px){.siteRow{grid-template-columns:minmax(120px,1fr) minmax(140px,1.2fr) .75fr minmax(300px,auto);gap:10px}}@media(min-width:721px){.siteActions{flex-wrap:nowrap}}@media(max-width:720px){.platformMetrics{grid-template-columns:1fr 1fr}.siteActions{max-width:none}}@media(max-width:520px){.platformMetrics{grid-template-columns:1fr}}

/* StatusHQ 4.31 public waiting-list inbox */
.waitlistMetrics{grid-template-columns:repeat(4,minmax(0,1fr))}
.waitlistList{padding:0;overflow:hidden}.waitlistList>.cardhead{padding:17px 18px}
.waitlistRow{display:grid;grid-template-columns:42px minmax(145px,.8fr) minmax(190px,1fr) auto 12px;gap:13px;align-items:center;width:100%;border:0;border-top:1px solid var(--line);background:#fff;padding:15px 18px;text-align:left}.waitlistRow:hover{background:#fafcfa}.waitlistRow.unread{background:#f1faf4;box-shadow:inset 3px 0 #22c55e}.waitlistRow>i{color:#8a9790;font-style:normal;font-size:17px}.waitlistAvatar,.waitlistLeadTop>span{width:40px;height:40px;border-radius:10px;background:#e5f5eb;color:#147548;display:grid;place-items:center;font-size:11px;font-weight:850}.waitlistPerson,.waitlistCompany,.waitlistMeta{min-width:0}.waitlistPerson b,.waitlistPerson small,.waitlistCompany b,.waitlistCompany small,.waitlistMeta small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.waitlistPerson b,.waitlistCompany b{font-size:11px}.waitlistPerson small,.waitlistCompany small,.waitlistMeta small{margin-top:4px;color:var(--muted);font-size:9px}.waitlistMeta{text-align:right}
.waitlistBadge{display:inline-flex;border-radius:20px;padding:5px 8px;font-size:8px;font-style:normal;font-weight:800;text-transform:uppercase;letter-spacing:.35px;white-space:nowrap}.waitlistBadge.new{background:#fdebed;color:#ad3344}.waitlistBadge.contacted{background:#e8f3fc;color:#176b9e}.waitlistBadge.qualified{background:#fff0dc;color:#956014}.waitlistBadge.converted{background:#e3f5e9;color:#11764b}.waitlistBadge.not_now{background:#ecefed;color:#65736c}
.waitlistLeadTop{display:flex;align-items:center;gap:11px;border:1px solid #d9e7dd;border-radius:10px;background:#f3f9f5;padding:13px;margin-bottom:13px}.waitlistLeadTop>div{display:flex;min-width:0;flex:1;flex-direction:column;gap:3px}.waitlistLeadTop b{font-size:12px}.waitlistLeadTop a{width:max-content;max-width:100%;overflow:hidden;text-overflow:ellipsis;color:#147548;font-size:10px;font-weight:700;text-decoration:none}.waitlistLeadTop small{color:var(--muted);font-size:9px}.waitlistLeadFacts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:12px}.waitlistLeadFacts>span{min-width:0;border:1px solid var(--line);border-radius:8px;background:#fafbfa;padding:9px}.waitlistLeadFacts small,.waitlistLeadFacts b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.waitlistLeadFacts small{color:var(--muted);font-size:7px;letter-spacing:.6px}.waitlistLeadFacts b{margin-top:4px;font-size:9px}.waitlistMessage{border-left:3px solid #22c55e;background:#f5f9f6;padding:11px 12px;margin-bottom:14px}.waitlistMessage small{color:#168052;font-size:8px;font-weight:800;letter-spacing:.6px}.waitlistMessage p{margin:7px 0 0;color:#3d4e45;font-size:10px;line-height:1.6;white-space:pre-wrap}.waitlistLeadActions{display:flex;gap:8px}.waitlistLeadActions>*{flex:1}.waitlistLeadActions .buttonLike{background:#fff;color:#176f46}
@media(max-width:900px){.waitlistRow{grid-template-columns:40px minmax(140px,1fr) minmax(170px,1fr) auto}.waitlistRow>i{display:none}}
@media(max-width:720px){.waitlistMetrics{grid-template-columns:1fr 1fr}.waitlistList{background:transparent;border:0;overflow:visible}.waitlistList>.cardhead{padding:0 0 12px}.waitlistRow{grid-template-columns:40px minmax(0,1fr) auto;border:1px solid var(--line);border-radius:10px;margin-bottom:9px;padding:13px}.waitlistCompany{grid-column:2/-1;border-top:1px solid #e7ece9;padding-top:8px}.waitlistMeta{grid-column:3;grid-row:1;text-align:right}.waitlistMeta small{display:none}.waitlistLeadActions{flex-direction:column}}
@media(max-width:520px){.waitlistMetrics{grid-template-columns:1fr}.waitlistLeadTop{align-items:flex-start;flex-wrap:wrap}.waitlistLeadTop>.waitlistBadge{margin-left:51px}.waitlistLeadFacts{grid-template-columns:1fr}}

/* v4.41.9: Stop iPhone Safari from inflating the portal sign-in view. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
@media(max-width:900px){html,body,#app{width:100%;min-width:0;overflow-x:hidden}.auth{display:block;width:100%;min-width:0;overflow-x:hidden}.authForm{display:block;width:100%;min-width:0;min-height:100svh;padding:36px 24px 48px}.authForm form{width:100%;max-width:420px;min-width:0;margin:0 auto}.mobileBrand{margin-bottom:32px}.mobileBrand .brandLogo{width:min(250px,72vw);height:auto}.authForm input{font-size:16px}}

/* StatusHQ 4.35.2 asset register column containment */
/* Keep long state labels inside their own column so they never cover the update time. */
.assetTable .tr{grid-template-columns:minmax(0,1.5fr) minmax(0,1.3fr) minmax(148px,.8fr) minmax(58px,.42fr) 16px;gap:12px}
.assetTable .assetName>span{min-width:0}
.assetTable .tr>span:nth-child(3){display:flex;align-items:center;min-width:0}
.assetTable .tr>span:nth-child(4){white-space:nowrap}
.assetTable .pill{max-width:100%}
@media(max-width:1150px) and (min-width:721px){.assetTable .tr{grid-template-columns:minmax(0,1.35fr) minmax(0,1.05fr) 148px 58px 16px;gap:10px;padding-left:16px;padding-right:16px}}

/* StatusHQ 4.32 private UptimeRobot monitoring */
.uptimeConnectionSummary{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:11px;align-items:center;padding:13px 15px;margin-bottom:16px;border:1px solid var(--line);border-radius:11px;background:#fafcfb}.uptimeConnectionSummary>span{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;font-size:14px;font-weight:850;background:#edf1ef;color:#5e6b65}.uptimeConnectionSummary.good{border-color:#c5e7d1;background:#f2faf5}.uptimeConnectionSummary.good>span{background:#dff4e6;color:#16744c}.uptimeConnectionSummary.warning{border-color:#f0d8aa;background:#fffaf2}.uptimeConnectionSummary.warning>span{background:#fff0d4;color:#925b10}.uptimeConnectionSummary.danger{border-color:#efc7cc;background:#fff7f7}.uptimeConnectionSummary.danger>span{background:#fde8eb;color:#a63142}.uptimeConnectionSummary b,.uptimeConnectionSummary small{display:block}.uptimeConnectionSummary b{font-size:11px}.uptimeConnectionSummary small{margin-top:3px;color:var(--muted);font-size:9px;line-height:1.4}.uptimeConnectionSummary em{font-size:8px;font-style:normal;color:var(--muted);text-align:right;max-width:210px}.uptimeLayout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.85fr);gap:16px;align-items:start}.uptimeData{min-width:0}.uptimeMetrics{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}.uptimeSetup{padding:19px}.uptimeConnectionBadge{flex:0 0 auto;border-radius:999px;padding:7px 9px;background:#edf0ee;color:#526059;font-size:8px;font-weight:850;letter-spacing:.4px;white-space:nowrap}.uptimeConnectionBadge.good{background:#e4f6e9;color:#147448}.uptimeConnectionBadge.warning{background:#fff0d8;color:#956012}.uptimeConnectionBadge.danger{background:#fdebed;color:#a33143}.uptimeRemove{display:grid!important;grid-template-columns:16px minmax(0,1fr);align-items:start;gap:9px;border:1px solid #f0d7db;border-radius:9px;padding:11px 12px;background:#fff8f8;cursor:pointer}.uptimeRemove input{width:15px!important;height:15px;margin:1px 0 0;padding:0!important;accent-color:#a63243;box-shadow:none!important}.uptimeRemove span,.uptimeRemove b,.uptimeRemove small{display:block}.uptimeRemove b{font-size:10px;color:#8d2939}.uptimeRemove small{margin-top:3px;font-size:9px;line-height:1.4}.uptimeEmpty{text-align:center;padding:50px 24px}.uptimeEmpty>span{width:42px;height:42px;margin:0 auto 13px;border-radius:12px;background:#eef3f0;color:#577167;display:grid;place-items:center;font-size:20px;font-weight:800}.uptimeEmpty h3{margin:0;font-size:15px}.uptimeEmpty p{max-width:360px;margin:8px auto 16px;color:var(--muted);font-size:10px;line-height:1.55}.uptimeMonitorPanel{padding-bottom:4px}.uptimeMonitorTable{margin:0 -20px}.uptimeMonitorRow{display:grid;grid-template-columns:minmax(180px,1.5fr) minmax(135px,1.1fr) repeat(3,minmax(74px,.6fr)) minmax(92px,.7fr);gap:13px;align-items:center;padding:12px 20px;border-top:1px solid var(--line)}.uptimeMonitorHead{padding-top:9px;padding-bottom:9px;background:#f8faf8;color:#819087;font-size:8px;font-weight:800;letter-spacing:.7px;text-transform:uppercase}.uptimeMonitorName{display:flex;align-items:center;gap:10px;min-width:0}.uptimeMonitorName>span{min-width:0}.uptimeMonitorName b,.uptimeMonitorName small,.uptimeMonitorRow>span>b,.uptimeMonitorRow>span>small{display:block}.uptimeMonitorName b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.uptimeMonitorName small,.uptimeMonitorRow>span>small{margin-top:3px;color:var(--muted);font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.uptimeState{width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:#98a39e}.uptimeState.up{background:#20a165;box-shadow:0 0 0 4px #20a16517}.uptimeState.down,.uptimeState.seems_down{background:#d84a58;box-shadow:0 0 0 4px #d84a5816}.uptimeState.paused{background:#e19a31}.uptimeMonitorRow>span>b{font-size:11px}.uptimeStatus{display:inline-flex;width:max-content;border-radius:999px;padding:5px 7px;background:#eef1ef;color:#5a6860;font-size:8px;font-style:normal;font-weight:800;letter-spacing:.35px;text-transform:uppercase}.uptimeStatus.up{background:#e4f6e9;color:#147448}.uptimeStatus.down,.uptimeStatus.seems_down{background:#fde9eb;color:#a43243}.uptimeStatus.paused{background:#fff0da;color:#956012}.uptimeEvents{margin-top:16px;padding-bottom:4px}.uptimeEvent{display:flex;gap:10px;padding:11px 0;border-top:1px solid var(--line)}.uptimeEvent i{width:8px;height:8px;flex:0 0 8px;border-radius:50%;margin-top:4px;background:#8b9891}.uptimeEvent i.down{background:#d74b59}.uptimeEvent i.up{background:#20a165}.uptimeEvent b,.uptimeEvent small{display:block}.uptimeEvent b{font-size:10px}.uptimeEvent small{margin-top:4px;color:var(--muted);font-size:8px}
@media(max-width:1250px){.uptimeMonitorRow{grid-template-columns:minmax(160px,1.5fr) minmax(115px,1fr) repeat(3,minmax(64px,.55fr)) minmax(78px,.65fr);gap:9px;padding-left:16px;padding-right:16px}.uptimeMonitorTable{margin-left:-16px;margin-right:-16px}}
@media(max-width:1050px){.uptimeLayout{grid-template-columns:1fr}.uptimeMonitorRow{grid-template-columns:minmax(180px,1.5fr) minmax(140px,1.1fr) repeat(3,minmax(78px,.6fr)) minmax(92px,.7fr)}}
@media(max-width:760px){.uptimeConnectionSummary{grid-template-columns:34px minmax(0,1fr)}.uptimeConnectionSummary em{grid-column:2;text-align:left}.uptimeMetrics{grid-template-columns:1fr 1fr}.uptimeMonitorTable{margin:0}.uptimeMonitorHead{display:none}.uptimeMonitorRow{grid-template-columns:minmax(0,1fr) minmax(105px,.7fr);gap:9px;padding:13px 0}.uptimeMonitorRow>span:nth-child(3),.uptimeMonitorRow>span:nth-child(4),.uptimeMonitorRow>span:nth-child(5),.uptimeMonitorRow>span:nth-child(6){border-top:1px solid #edf0ee;padding-top:8px}.uptimeMonitorRow>span:nth-child(3)::before,.uptimeMonitorRow>span:nth-child(4)::before,.uptimeMonitorRow>span:nth-child(5)::before,.uptimeMonitorRow>span:nth-child(6)::before{display:block;margin-bottom:3px;color:#89968f;font-size:7px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.uptimeMonitorRow>span:nth-child(3)::before{content:"24h uptime"}.uptimeMonitorRow>span:nth-child(4)::before{content:"7d uptime"}.uptimeMonitorRow>span:nth-child(5)::before{content:"30d uptime"}.uptimeMonitorRow>span:nth-child(6)::before{content:"Response"}.uptimeMonitorRow>span:nth-child(3),.uptimeMonitorRow>span:nth-child(4),.uptimeMonitorRow>span:nth-child(5),.uptimeMonitorRow>span:nth-child(6){grid-column:auto}.uptimeMonitorRow>span:nth-child(5){grid-column:1}.uptimeMonitorPanel,.uptimeEvents{padding-left:16px;padding-right:16px}.uptimeMonitorPanel .cardhead{padding-top:2px}}
@media(max-width:420px){.uptimeMetrics{grid-template-columns:1fr}.uptimeMonitorRow{grid-template-columns:1fr}.uptimeMonitorRow>span:nth-child(5){grid-column:auto}.uptimeMonitorRow>span:nth-child(3),.uptimeMonitorRow>span:nth-child(4),.uptimeMonitorRow>span:nth-child(5),.uptimeMonitorRow>span:nth-child(6){grid-column:auto}.uptimeConnectionSummary{padding:12px}}
.billingSummary{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.billingSummary>span,.billingPlanOption small{font-size:10px;font-weight:800;letter-spacing:.09em;color:#687482}.billingSummary strong{font-size:22px;text-transform:capitalize}.billingSummary small{color:#687482}.billingSummary button{margin-left:auto}.billingPlans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}.billingPlan{padding:0;overflow:hidden;display:flex;flex-direction:column}.billingPlanIntro{padding:24px 28px 20px;background:linear-gradient(135deg,#fbfcfb,#f3f7f4);border-bottom:1px solid var(--line)}.billingPlanIntro h3{margin:0;font-size:19px}.billingPlanIntro p{margin:9px 0 0;color:#687482;font-size:12px;line-height:1.55}.billingPlanOptions{display:grid;grid-template-columns:1fr 1fr;padding:16px;gap:12px;flex:1}.billingPlanOption{display:flex;min-height:128px;flex-direction:column;align-items:flex-start;border:1px solid var(--line);border-radius:9px;padding:15px;background:#fff}.billingPlanOption strong{display:block;margin-top:7px;font-size:19px;letter-spacing:-.4px}.billingPlanOption button{width:100%;margin-top:auto;padding:9px 8px;font-size:11px}.billingUnavailable{max-width:680px}.billingFinePrint{font-size:12px;color:#687482;margin-top:16px}@media(max-width:1060px){.billingPlans{grid-template-columns:1fr 1fr}}@media(max-width:700px){.billingPlans{grid-template-columns:1fr}.billingSummary button{margin-left:0;width:100%}}@media(max-width:420px){.billingPlanOptions{grid-template-columns:1fr}.billingPlanOption{min-height:112px}}

/* v4.41.11: Use readable asset cards and a proper filter grid on narrow screens. */
@media(max-width:720px){
  #asset-filter{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:center}
  #asset-filter .miniSearch{grid-column:1/-1;width:100%;min-width:0;max-width:none}
  #asset-filter .miniSearch input{width:calc(100% - 28px);min-width:0}
  #asset-filter select{width:100%;min-width:0}
  #asset-filter .archiveToggle{grid-column:1/-1;min-height:24px;padding:2px 1px}
  #asset-filter>button{min-height:44px}
  .assetTable{border:0;background:transparent;overflow:visible}
  .assetTable .tr.th{display:none}
  .assetTable .tr:not(.th){display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 12px;margin:0 0 10px;padding:14px;border:1px solid var(--line);border-radius:11px;background:#fff}
  .assetTable .tr:not(.th)>span:nth-child(1){grid-column:1;grid-row:1;min-width:0}
  .assetTable .tr:not(.th)>span:nth-child(2){display:block;grid-column:1/-1;grid-row:2;border-top:1px solid #edf0ee;padding-top:9px}
  .assetTable .tr:not(.th)>span:nth-child(3){display:flex;grid-column:2;grid-row:1;align-self:center;justify-self:end;min-width:0}
  .assetTable .tr:not(.th)>span:nth-child(4),.assetTable .tr:not(.th)>span:nth-child(5){display:none}
  .assetTable .assetName{min-width:0;align-items:flex-start}
  .assetTable .assetName>span{min-width:0;padding-top:1px}
  .assetTable .assetName b{font-size:13px;line-height:1.25;overflow-wrap:anywhere}
  .assetTable .assetName small{line-height:1.4;overflow-wrap:anywhere}
  .assetTable .tr:not(.th)>span:nth-child(2) b,.assetTable .tr:not(.th)>span:nth-child(2) small{font-size:10px;line-height:1.35}
  .assetTable .pill{font-size:9px;padding:5px 8px}
}

/* v4.41.12: Keep mobile navigation available while the page scrolls. */
@media(max-width:720px){
  .shell header{position:-webkit-sticky;position:sticky;top:0;z-index:10;box-shadow:0 1px 0 var(--line)}
  .sidebar{position:fixed;inset:0 auto auto 0;height:100dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
}

/* v4.41.13: Fixed rather than sticky, for reliable mobile Safari navigation. */
@media(max-width:720px){
  .shell main{padding-top:68px}
  .shell header{position:fixed;inset:0 0 auto 0;height:68px;z-index:10;transform:translateZ(0)}
}

/* v4.41.14: Customer navigation order and support item. */
.customerSidebar .sideFoot>.customerSupportNavItem{display:flex;align-items:center;gap:13px;width:100%;margin:0 0 8px;padding:10px 12px;border:0;border-radius:8px;background:transparent;color:var(--customer-text);font-weight:500;opacity:.72}
.customerSidebar .sideFoot>.customerSupportNavItem>span{width:19px;text-align:center;font-size:17px}
.customerSidebar .sideFoot>.customerSupportNavItem:hover{background:color-mix(in srgb,var(--customer-sidebar),var(--customer-text) 8%);opacity:1}
.customerSidebar .sideFoot>.customerSupportNavItem.active{border:0;background:var(--customer-nav);color:var(--customer-nav-text);opacity:1}

/* v4.41.15: Building boards replace the long locations hierarchy list. */
.locationGrid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.locationGrid.singleBuilding{grid-template-columns:1fr}
.locationBoard{padding:0;overflow:hidden}
.locationBoardTop{display:grid;grid-template-columns:48px minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:20px 22px;border-bottom:1px solid var(--line)}
.locationBoardIcon{width:46px;height:46px;border-radius:11px;background:#e7f5eb;color:#158152;display:grid;place-items:center;font-size:20px;font-weight:800}
.locationBoardTitle{min-width:0}.locationBoardTitle small,.locationAreaHead small{display:block;color:#819087;font-size:8px;font-weight:800;letter-spacing:.8px}.locationBoardTitle h3{margin:4px 0 2px;font-size:17px;letter-spacing:-.3px}.locationBoardTitle p{margin:0;color:var(--muted);font-size:10px;line-height:1.4}
.locationBoardStats{display:flex;align-items:center;gap:13px;padding:0 14px;border-left:1px solid var(--line)}
.locationBoardStats>span{min-width:43px;text-align:center}.locationBoardStats b,.locationBoardStats small{display:block}.locationBoardStats b{font-size:19px;letter-spacing:-.5px}.locationBoardStats small{margin-top:2px;color:var(--muted);font-size:8px;font-weight:750;text-transform:uppercase;letter-spacing:.45px}
.locationBoardActions{display:flex;gap:5px;align-items:center;justify-content:flex-end}.locationBoardActions:empty,.locationRoomActions:empty{display:none}
.locationAreaGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;padding:18px 22px}
.locationAreaCard{min-width:0;border:1px solid var(--line);border-radius:10px;background:#fbfcfb;overflow:hidden}.locationAreaCard.archived,.locationBoard.archived,.locationRoomRow.archived{opacity:.58}
.locationAreaHead{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;padding:13px 14px;border-bottom:1px solid var(--line);background:#fff}.locationAreaHead>div:first-child{min-width:0}.locationAreaHead h4{margin:4px 0 3px;font-size:12px}.locationAreaHead p{margin:0;color:var(--muted);font-size:9px;line-height:1.4}
.locationRoomList{display:flex;flex-direction:column;padding:0 14px}.locationRoomRow{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid #e9eeeb}.locationRoomRow:first-child{border-top:0}.locationRoomRow>span:first-child{min-width:0}.locationRoomRow b,.locationRoomRow small{display:block}.locationRoomRow b{font-size:10px;line-height:1.3}.locationRoomRow small{margin-top:3px;color:var(--muted);font-size:8px}.locationRoomActions{display:flex;gap:4px;flex:0 0 auto}.locationRoomEmpty{padding:15px 0;color:var(--muted);font-size:9px;line-height:1.45}
.locationAreaEmpty{display:flex;align-items:center;gap:10px;border:1px dashed #cbd8d0;border-radius:10px;padding:18px;background:#fbfcfb}.locationAreaEmpty>span{width:34px;height:34px;flex:0 0 34px;border-radius:9px;background:#eef4f0;color:#587067;display:grid;place-items:center;font-size:16px}.locationAreaEmpty b,.locationAreaEmpty small{display:block}.locationAreaEmpty b{font-size:11px}.locationAreaEmpty small{margin-top:3px;color:var(--muted);font-size:9px;line-height:1.4}
.locationAddArea{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;border:0;border-top:1px solid var(--line);background:#f4faf6;color:#167a4e;padding:12px;font-size:10px;font-weight:800}.locationAddArea:hover{background:#e9f7ee}.locationAddArea span{font-size:15px;line-height:1}
@media(max-width:1050px){.locationGrid{grid-template-columns:1fr}.locationBoardTop{grid-template-columns:46px minmax(0,1fr) auto}.locationBoardStats{grid-column:2;padding-left:0;border-left:0;justify-content:flex-start}.locationBoardActions{grid-column:3;grid-row:1/3;align-self:center}}
@media(max-width:620px){.locationBoardTop{grid-template-columns:40px minmax(0,1fr) auto;gap:10px;padding:16px}.locationBoardIcon{width:40px;height:40px;font-size:17px}.locationBoardTitle h3{font-size:15px}.locationBoardTitle p{font-size:9px}.locationBoardStats{grid-column:1/-1;grid-row:2;gap:8px;padding:10px 0 0;border-top:1px solid var(--line)}.locationBoardStats>span{flex:1;min-width:0;text-align:left}.locationBoardStats b{font-size:16px}.locationAreaGrid{grid-template-columns:1fr;padding:14px 16px}.locationAreaHead{padding:12px}.locationRoomList{padding:0 12px}.locationAddArea{padding:12px}.locationGrid.singleBuilding{grid-template-columns:1fr}}

/* v4.41.16: A clear archive-box icon for location archive actions. */
.dangerMini.archiveEntity{font-size:0;position:relative}
.dangerMini.archiveEntity .archiveIcon{position:relative;display:block;width:12px;height:9px;border:1.5px solid currentColor;border-radius:2px;margin-top:3px}
.dangerMini.archiveEntity .archiveIcon:before{content:"";position:absolute;left:-2px;top:-5px;width:14px;height:4px;border:1.5px solid currentColor;border-bottom:0;border-radius:2px 2px 0 0}
.dangerMini.archiveEntity .archiveIcon:after{content:"";position:absolute;left:3px;top:2px;width:4px;height:1.5px;border-radius:4px;background:currentColor}

/* v4.41.18: Cleaner platform directory snapshot cards. */
.platformUserMetrics{gap:14px;margin-bottom:18px}
.platformUserMetrics .metric{min-height:142px;padding:20px 22px;background:linear-gradient(135deg,#ffffff 0%,#f7fbf8 100%);border-color:#dce7e0;box-shadow:0 8px 20px rgba(29,52,40,.045)}
.platformUserMetrics .metric>div{gap:9px}.platformUserMetrics .metric strong{margin-top:16px;font-size:34px;letter-spacing:-1.3px;line-height:1}.platformUserMetrics .metric p{max-width:175px;margin-top:8px;line-height:1.35}
.platformUserMetrics .metric:nth-child(1) .dotring i{background:#1c2730!important}.platformUserMetrics .metric:nth-child(2) .dotring i{background:#22c55e!important}.platformUserMetrics .metric:nth-child(3) .dotring i{background:#5b70e8!important}.platformUserMetrics .metric:nth-child(4) .dotring i{background:#119e68!important}
@media(max-width:760px){.platformUserMetrics .metric{min-height:0;padding:17px}.platformUserMetrics .metric strong{font-size:29px;margin-top:13px}}

/* StatusHQ v4.50: personal Light, Dark and System appearance. */
.appearanceCard{gap:16px}.appearanceHead{display:flex;gap:12px;align-items:flex-start}.appearanceHead>span{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:10px;background:#e8f5ec;color:#168a44;font-size:18px}.appearanceHead h3{margin:0}.appearanceHead p{margin:4px 0 0;color:var(--muted);font-size:10px;line-height:1.45}.appearanceModes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;border:0}.appearanceModes legend{padding:0 0 3px;font-size:10px;font-weight:800;color:var(--muted);letter-spacing:.45px;text-transform:uppercase}.appearanceMode{position:relative;display:block!important;min-width:0;border:1px solid var(--line);border-radius:10px;padding:0!important;background:#fbfcfb;cursor:pointer;transition:border-color .16s,background .16s,box-shadow .16s}.appearanceMode input{position:absolute!important;opacity:0;pointer-events:none}.appearanceMode>span{display:flex;min-height:105px;flex-direction:column;gap:4px;padding:13px}.appearanceMode i{display:grid;place-items:center;width:27px;height:27px;margin-bottom:3px;border-radius:8px;background:#eef3f0;color:#486258;font-style:normal;font-size:14px}.appearanceMode b{font-size:11px}.appearanceMode small{font-size:8px!important;line-height:1.35}.appearanceMode:hover{border-color:#9fcbb0}.appearanceMode.selected{border-color:#22c55e;background:#edf9f1;box-shadow:0 0 0 2px #22c55e1c}.appearanceMode.selected i{background:#22c55e;color:#062317}.appearanceCard>.primary{align-self:flex-start}
@media(max-width:520px){.appearanceModes{grid-template-columns:1fr}.appearanceMode>span{display:grid;min-height:0;grid-template-columns:28px minmax(0,1fr);column-gap:10px;align-items:center}.appearanceMode i{grid-row:1/3;margin:0}.appearanceMode b,.appearanceMode small{grid-column:2}.appearanceCard>.primary{width:100%}}

html[data-theme="dark"]{--ink:#ecf4ef;--muted:#a6b5ad;--line:#2d3b34;--bg:#101713;--green:#36d477;--dark:#050505;--lime:#b8ee78;color-scheme:dark}
html[data-theme="dark"] body,html[data-theme="dark"] .content{background:#101713}
html[data-theme="dark"] .shell header,html[data-theme="dark"] .metric,html[data-theme="dark"] .card:not(.focus):not(.platformCallout),html[data-theme="dark"] .toolbar,html[data-theme="dark"] .assetTable,html[data-theme="dark"] .siteTable,html[data-theme="dark"] .auth,html[data-theme="dark"] .authForm,html[data-theme="dark"] .modal{background:#16211c;border-color:var(--line);color:var(--ink)}
html[data-theme="dark"] .tr,html[data-theme="dark"] .waitlistRow,html[data-theme="dark"] .siteRow,html[data-theme="dark"] .locationArea,html[data-theme="dark"] .areaGroup,html[data-theme="dark"] .locationAreaEmpty,html[data-theme="dark"] .appearanceMode,html[data-theme="dark"] .billingPlanOption,html[data-theme="dark"] .entitlementBars>div,html[data-theme="dark"] .entitlementCurrent>div{background:#16211c;border-color:var(--line);color:var(--ink)}
html[data-theme="dark"] .tr.th,html[data-theme="dark"] .siteHead,html[data-theme="dark"] .uptimeMonitorHead,html[data-theme="dark"] .billingPlanIntro,html[data-theme="dark"] .locationAreaHead{background:#1b2821;border-color:var(--line);color:#aebcb5}
html[data-theme="dark"] .tr:not(.th):hover,html[data-theme="dark"] .waitlistRow:hover,html[data-theme="dark"] .savedViews button:hover{background:#203026}
html[data-theme="dark"] .headActions>button:not(.primary),html[data-theme="dark"] .siteActions button:not(.supportAccess):not(.markPaid),html[data-theme="dark"] .form input,html[data-theme="dark"] .form textarea,html[data-theme="dark"] .form select,html[data-theme="dark"] .toolbar select,html[data-theme="dark"] .miniSearch,html[data-theme="dark"] .savedViews button,html[data-theme="dark"] .search kbd,html[data-theme="dark"] .authForm input,html[data-theme="dark"] .drop{background:#101713;border-color:var(--line);color:var(--ink)}
html[data-theme="dark"] .authPanel{background:#07110d}html[data-theme="dark"] .authForm p,html[data-theme="dark"] .pagehead p,html[data-theme="dark"] .cardhead p,html[data-theme="dark"] .metric p,html[data-theme="dark"] .tr small,html[data-theme="dark"] .siteRow small,html[data-theme="dark"] .locationRoomRow small,html[data-theme="dark"] .appearanceHead p{color:var(--muted)}
html[data-theme="dark"] .assetName>i,html[data-theme="dark"] .avatar,html[data-theme="dark"] .buildingIcon,html[data-theme="dark"] .locationBoardIcon,html[data-theme="dark"] .appearanceHead>span,html[data-theme="dark"] .appearanceMode i,html[data-theme="dark"] .assetBrief,html[data-theme="dark"] .formIntro,html[data-theme="dark"] .uptimeConnectionSummary,html[data-theme="dark"] .waitlistLeadTop{background:#213129;color:#b8ee78}
html[data-theme="dark"] .formIntro>span,html[data-theme="dark"] .appearanceMode.selected i{background:#22c55e;color:#07150e}html[data-theme="dark"] .appearanceMode.selected{background:#162f21;border-color:#22c55e;box-shadow:0 0 0 2px #22c55e30}
html[data-theme="dark"] .notificationCentre button,html[data-theme="dark"] .updates button,html[data-theme="dark"] .audit>div,html[data-theme="dark"] .userlist>div,html[data-theme="dark"] .stateList>button,html[data-theme="dark"] .locationRoomRow{border-color:var(--line)}
html[data-theme="dark"] .focus,html[data-theme="dark"] .platformCallout,html[data-theme="dark"] .supportModeBanner{border-color:#355545}html[data-theme="dark"] .platformUserMetrics .metric{background:linear-gradient(135deg,#1b2922,#142019);border-color:var(--line)}
html[data-theme="dark"] .modalHead button{background:#27362e;color:var(--ink)}html[data-theme="dark"] .empty{color:var(--muted)}html[data-theme="dark"] .toast{background:#1c3127;border-color:#3d5c4b}

/* v4.50.1: keep pale controls readable when the portal uses dark appearance. */
html[data-theme="dark"] .platformSupportHeading>button,html[data-theme="dark"] .platformSupportCounters>span,html[data-theme="dark"] .headLink,html[data-theme="dark"] .platformUserAction button:not(.resetTwoFactor),html[data-theme="dark"] .quoteHeadActions>button:not(.primary),html[data-theme="dark"] .quoteActions a,html[data-theme="dark"] .quoteActions button,html[data-theme="dark"] .quotePdfActions a,html[data-theme="dark"] .quoteManageActions button:not(.danger),html[data-theme="dark"] .quoteBrandingSummary button,html[data-theme="dark"] .recoveryActions button:not(.primary),html[data-theme="dark"] .siteSecurityList button,html[data-theme="dark"] .userSecuritySummary button,html[data-theme="dark"] .sessionCard button,html[data-theme="dark"] .assetQuickActions button,html[data-theme="dark"] .assetUploadActions button,html[data-theme="dark"] .buttonLike:not(.primary),html[data-theme="dark"] .toolbar>button{background:#f6faf7;color:#1c382a;border-color:#d7e3dc}
html[data-theme="dark"] .platformSupportCounters b{color:#183429}
html[data-theme="dark"] .platformSupportCounters small{color:#587064}

/* v4.50.2: white legacy panels retain a deliberately dark foreground in dark mode. */
html[data-theme="dark"] .supportRow,html[data-theme="dark"] .dashboardSupportRows>button,html[data-theme="dark"] .platformSupportQueue>button,html[data-theme="dark"] .customerTicket,html[data-theme="dark"] .ticketMessage,html[data-theme="dark"] .supportMessage.customer,html[data-theme="dark"] .form .publicToggle,html[data-theme="dark"] .platformUserTable,html[data-theme="dark"] .platformUserRow,html[data-theme="dark"] .platformUserDetails>span,html[data-theme="dark"] .platformUserManageActions,html[data-theme="dark"] .platformUserManageActions>button,html[data-theme="dark"] .quoteToolbar,html[data-theme="dark"] .quoteTable,html[data-theme="dark"] .quoteRow,html[data-theme="dark"] .quoteLiveTotal>span:not(:last-child),html[data-theme="dark"] .quoteManageFacts span,html[data-theme="dark"] .quoteManageItems,html[data-theme="dark"] .quoteBrandingSummary,html[data-theme="dark"] .quoteBrandingAlternatives button,html[data-theme="dark"] .documentList>div,html[data-theme="dark"] .customFieldRows>button,html[data-theme="dark"] .onboardingSteps button,html[data-theme="dark"] .problemRows button,html[data-theme="dark"] .notificationCentre>button,html[data-theme="dark"] .savedViews button,html[data-theme="dark"] .waitlistRow,html[data-theme="dark"] .waitlistLeadFacts>span{--ink:#1c382a;--muted:#5a7064;--green:#0b7043;color:var(--ink)}
html[data-theme="dark"] .uptimeRemove{--muted:#81515a;background:#fff7f8;color:#772c3a}

/* v4.50.3: Portal health cards and pale device icons remain legible in dark mode. */
html[data-theme="dark"] .portalHealthCard,html[data-theme="dark"] .backupStatusCard,html[data-theme="dark"] .portalAddress,html[data-theme="dark"] .portalAccessStats span{--ink:#1c382a;--muted:#5a7064;--green:#0b7043;color:var(--ink)}
html[data-theme="dark"] .backupStatusCard .backupStatusAction{color:#0b7043}
html[data-theme="dark"] .sessionCard>div>span{color:#244b39}

/* v4.50: give Platform Control account settings a balanced desktop workspace. */
.platformAccountLayout{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(420px,1.1fr);gap:16px;align-items:start;max-width:1240px}.platformAccountLayout>.settingsStack{min-width:0}
@media(max-width:920px){.platformAccountLayout{grid-template-columns:1fr}}
/* v4.60: keep the customer dashboard balanced in dark appearance. */
html[data-theme="dark"] .problemRows button{--ink:#ecf4ef;--muted:#a6b5ad;--green:#36d477;background:#1b2821;color:var(--ink)}html[data-theme="dark"] .problemRows button:hover{background:#223229}html[data-theme="dark"] .problemRows button b{color:var(--ink)}html[data-theme="dark"] .problemRows button small,html[data-theme="dark"] .problemRows button em{color:var(--muted)}

/* v4.60: customer workspace controls use a true dark surface, not white legacy panels. */
html[data-theme="dark"] .headActions>button:not(.primary),html[data-theme="dark"] .headLink,html[data-theme="dark"] .buttonLike:not(.primary),html[data-theme="dark"] .toolbar>button,html[data-theme="dark"] .manageUser,html[data-theme="dark"] .sessionCard button,html[data-theme="dark"] .userSecuritySummary button,html[data-theme="dark"] .assetQuickActions button,html[data-theme="dark"] .assetUploadActions button{background:#1b2821;color:#ecf4ef;border-color:#3a4b42}
html[data-theme="dark"] .headActions>button:not(.primary):hover,html[data-theme="dark"] .headLink:hover,html[data-theme="dark"] .buttonLike:not(.primary):hover,html[data-theme="dark"] .toolbar>button:hover,html[data-theme="dark"] .manageUser:hover,html[data-theme="dark"] .sessionCard button:hover,html[data-theme="dark"] .userSecuritySummary button:hover{background:#223229;border-color:#4c6659;color:#b8ee78}
html[data-theme="dark"] .locationAreaCard,html[data-theme="dark"] .locationAreaEmpty,html[data-theme="dark"] .locationRoomRow,html[data-theme="dark"] .locationAddArea{background:#16211c;border-color:var(--line);color:#ecf4ef}
html[data-theme="dark"] .locationAreaHead{background:#1b2821;color:#ecf4ef}html[data-theme="dark"] .locationAddArea:hover{background:#223229;color:#b8ee78}html[data-theme="dark"] .locationAreaEmpty>span{background:#213129;color:#b8ee78}
html[data-theme="dark"] .dangerMini{background:#321d22;border-color:#76404a;color:#ffb5be}html[data-theme="dark"] .dangerMini:hover{background:#43262d}
html[data-theme="dark"] .alertSetupSteps>div{background:#1b2821;border-color:var(--line);color:#ecf4ef}html[data-theme="dark"] .alertSetupSteps span{background:#213f2e;color:#b8ee78}html[data-theme="dark"] .alertSetupSteps small{color:var(--muted)}
html[data-theme="dark"] .alertRuleStatus.on,html[data-theme="dark"] .twoFactorUserStatus.enabled,html[data-theme="dark"] .siteSecurityList em.enabled,html[data-theme="dark"] .userSecuritySummary>span.enabled{background:#193c2a;color:#80edaf}
html[data-theme="dark"] .alertRuleStatus.off,html[data-theme="dark"] .twoFactorUserStatus.optional,html[data-theme="dark"] .userSecuritySummary>span.optional{background:#29362f;color:#c7d5cf}
html[data-theme="dark"] .twoFactorUserStatus.required,html[data-theme="dark"] .siteSecurityList em.required,html[data-theme="dark"] .userSecuritySummary>span.required{background:#40351f;color:#ffdc91}
html[data-theme="dark"] .userlist em{background:#213129;color:#b8ee78}html[data-theme="dark"] .notificationGroupRow,html[data-theme="dark"] .notificationDelivery,html[data-theme="dark"] .notificationHistory>div{background:#16211c;color:#ecf4ef;border-color:var(--line)}
html[data-theme="dark"] .content button:not(.primary):not(.danger):not(.dangerButton):not(.dangerMini):not(.reportDownload){background:#1b2821!important;color:#ecf4ef!important;border-color:#3a4b42!important}
html[data-theme="dark"] .content button:not(.primary):not(.danger):not(.dangerButton):not(.dangerMini):not(.reportDownload):hover{background:#223229!important;border-color:#4c6659!important;color:#b8ee78!important}
html[data-theme="dark"] .supportRow,html[data-theme="dark"] .dashboardSupportRows>button,html[data-theme="dark"] .customerTicket,html[data-theme="dark"] .ticketMessage,html[data-theme="dark"] .supportMessage.customer,html[data-theme="dark"] .notificationCentre>button,html[data-theme="dark"] .savedViews button,html[data-theme="dark"] .documentList>div,html[data-theme="dark"] .photoTile,html[data-theme="dark"] .drop{background:#16211c;color:#ecf4ef;border-color:var(--line)}
html[data-theme="dark"] .reportGridV31 .reportCard li,html[data-theme="dark"] .customReport .reportPreview,html[data-theme="dark"] .reportActions a:not(.reportDownload){background:#1b2821;border-color:#3a4b42;color:#b8ee78}
/* v4.60: activity action labels are status tags, not pale buttons. */
html[data-theme="dark"] .audit em{background:#1b2821;color:#c7d5cf;border:1px solid #3a4b42}
.appearancePolicyOptions{border:0;padding:0;margin:0;display:grid;gap:9px}.appearancePolicyOptions legend{font-size:10px;letter-spacing:.8px;text-transform:uppercase;color:var(--muted);font-weight:750;margin-bottom:8px}.appearancePolicyOptions label{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:10px;padding:11px;border:1px solid var(--line);border-radius:8px;font-weight:400!important}.appearancePolicyOptions label.selected{border-color:var(--green);box-shadow:0 0 0 2px color-mix(in srgb,var(--green) 15%,transparent)}.appearancePolicyOptions input{width:auto!important;margin:2px 0 0;accent-color:var(--green)}.appearancePolicyOptions span{display:flex;flex-direction:column;gap:3px}.appearancePolicyOptions small{color:var(--muted);font-weight:400}.appearanceLocked{padding:20px}.appearanceLocked .appearanceHead{margin:0}

/* v4.60.6: keep sign-in stable and make Platform Control summaries useful on phones. */
@media(max-width:900px){
  .auth,.authForm{min-height:100svh}
  .authForm{padding:calc(28px + env(safe-area-inset-top)) 24px calc(40px + env(safe-area-inset-bottom))}
  .authForm form{scroll-margin-top:calc(20px + env(safe-area-inset-top))}
}
@media(max-width:520px){
  .platformMetrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .platformMetrics .metric{min-height:0;padding:15px 14px}
  .platformMetrics .metric>div{gap:7px}
  .platformMetrics .metric strong{margin-top:11px;font-size:27px;letter-spacing:-1px}
  .platformMetrics .metric p{margin-top:6px;font-size:10px;line-height:1.3}
}

/* v4.61: retain every day in the dashboard trend, including quiet days. */
.trendBars{gap:3px;padding-bottom:24px}.trendBars>span{position:relative;min-width:16px;gap:4px}.trendBars>span>i{max-width:20px}.trendBars>span.idle>i{min-height:2px!important;background:#e6efe9}.trendBars small{min-height:18px;writing-mode:horizontal-tb;white-space:nowrap;font-size:8px;transform:rotate(-38deg);transform-origin:top center}
html[data-theme="dark"] .trendBars>span>i{background:#32654a}html[data-theme="dark"] .trendBars>span.idle>i{background:#2b3b32}html[data-theme="dark"] .trendBars>span>i b{background:#ef6073}