/* Use the available screen area without turning the application list into tall tiles. */
body::before{background-size:min(760px,70vw) auto;background-position:right -100px bottom -100px;opacity:.025}
.system-selector{width:min(100%,1580px);max-width:none;margin:20px auto 40px;padding:0 clamp(16px,2.5vw,36px)}
.system-selector-head{align-items:center;margin-bottom:16px}
.system-selector-head h2{font-size:clamp(27px,2.4vw,36px);margin:3px 0 5px}
.system-selector-head p{margin:0 0 10px;max-width:75ch;line-height:1.4}
.system-selector-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.system-choice{min-height:156px;padding:15px 16px;box-shadow:0 2px 10px #102f4010}
.system-choice h3{font-size:17px;line-height:1.22;margin:0 0 6px}
.system-choice p{font-size:13px;line-height:1.38;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.system-choice .service-state{display:none}
.system-choice button{margin:0;min-height:38px;padding:8px 11px}
.customer-context{font-size:12px;white-space:nowrap}
#app{grid-template-columns:238px minmax(0,1fr)!important;width:100%;max-width:none!important;margin:0!important}
#app>.main-menu{min-width:0}
#content{width:100%;max-width:none;padding:clamp(18px,2vw,34px)}
#content>section,#content>.home-section{max-width:none}
#content .backbone-grid,#content .admin-grid,#content .applications-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
#content .service-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}
#content .delivery-head{grid-template-columns:minmax(250px,1fr) minmax(450px,1.45fr)}
#content .outlook-shell{max-width:none;width:100%}
#content table{width:100%}
.estate-tabs{display:flex;gap:7px;overflow-x:auto;margin:0 0 18px;padding:0 0 9px;border-bottom:1px solid var(--line)}
.estate-tabs button{flex:none;margin:0;background:#e5eef2;color:#173d51;font-weight:700}
.estate-tabs button.active{background:#0b2239;color:#fff}
#content .estate-tabs button{color:#173d51!important}
#content .estate-tabs button.active{color:#fff!important}
.estate-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}
.estate-metrics>div{display:grid;gap:2px;background:#fff;border:1px solid #cadce4;border-radius:9px;padding:13px 16px}
.estate-metrics strong{font-size:25px;color:#0b2239}.estate-metrics span{font-size:12px;color:#587080}
.estate-filter{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin:17px 0}
.estate-filter label{flex:1 1 220px;max-width:450px;margin:0}.estate-filter input,.estate-filter select{margin-top:5px}
.estate-filter>span{padding:10px 0;color:#456477;font-size:13px}
.vm-table-wrap{overflow:auto;border:1px solid #cbdde5;border-radius:10px}
.vm-table{border:0!important}.vm-table th{background:#e9f2f6}.vm-table td{padding:12px 10px}
.vm-table td strong,.vm-table td small{display:block}.vm-table td small{color:#607b89;margin-top:3px}
.estate-device-list{display:grid;gap:7px}
.estate-device-row{display:grid;grid-template-columns:minmax(210px,2fr) minmax(120px,1fr) minmax(110px,1fr) 100px auto;gap:12px;align-items:center;padding:11px 13px;background:#fff;border:1px solid #cbdde5;border-radius:8px}
.estate-device-row strong,.estate-device-row small{display:block}.estate-device-row small{color:#607b89;font-size:11px;overflow-wrap:anywhere;margin-top:3px}
.estate-device-row span{overflow-wrap:anywhere;font-size:13px}.estate-device-row button{margin:0}
#content .estate-device-row button,#content .estate-pagination button{background:#0b2239;color:#fff!important}
.estate-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin:16px 0}
#localAiMobileToggle{display:none!important}
@media(max-width:1100px){#content .delivery-head{grid-template-columns:1fr}.estate-device-row{grid-template-columns:minmax(180px,2fr) minmax(100px,1fr) minmax(100px,1fr) auto}.estate-device-row>span:nth-of-type(3){display:none}}
@media(max-width:720px){
 #app{display:block}
 body:has(#app:not(.hide))>header .estate-connection-logo{display:none}
 body>header #localAiToggle{display:none!important}
 #app:not(.hide) #localAiMobileToggle{display:block!important}
 body>header .luna-silhouette{display:none}
 body>header .estate-connection-logo{width:100px!important;max-width:100px}
 body>header .identity-control{max-width:180px;min-width:0}
 body>header .identity-button{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}
 #content{padding:16px 14px 30px}
 #content .backbone-grid,#content .admin-grid,#content .applications-grid,#content .service-grid{grid-template-columns:1fr}
 .estate-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
 .estate-device-row{grid-template-columns:1fr auto;gap:5px 9px}
 .estate-device-row>span{grid-column:1}
 .estate-device-row>button{grid-column:2;grid-row:1/4}
 .estate-device-row>span:nth-of-type(3){display:block}
 .vm-table-wrap{overflow:visible}
 .vm-table,.vm-table tbody,.vm-table tr{display:block;width:100%}
 .vm-table thead{display:none}
 .vm-table tr{padding:11px 13px;border-bottom:1px solid #cbdde5}
 .vm-table td{display:flex;justify-content:space-between;gap:12px;min-width:0!important;padding:3px 0;border:0!important;text-align:right}
 .vm-table td::before{content:attr(data-label);font-weight:700;color:#587080;text-align:left}
 .vm-table td:first-child{display:block;text-align:left;margin-bottom:6px}
 .vm-table td:first-child::before{display:none}
 .system-selector{margin:0 auto;padding:14px 14px 28px}
 .system-selector-head{align-items:start;gap:9px;margin-bottom:12px}
 .system-selector-head h2{font-size:28px}
 .system-selector-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .system-choice{min-height:116px;padding:11px;justify-content:space-between}
 .system-choice h3{font-size:15px;overflow-wrap:anywhere}
 .system-choice p{display:none}
 .system-choice button{width:100%;font-size:12px;line-height:1.2;min-height:40px}
 .customer-context{white-space:normal}
}
@media(max-width:360px){.system-selector-grid{grid-template-columns:1fr}.system-choice{min-height:0}.system-choice p{display:block}}