.mobile-bottom{display:none}.mobile-shell{max-width:780px;margin:0 auto}.mobile-shell h1{font-size:26px;margin:8px 0 18px}.mobile-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px}
.mobile-card{display:flex;flex-direction:column;gap:8px;background:white;border:1px solid #dce4eb;border-radius:14px;padding:16px;margin:10px 0;color:#19364b;min-width:0;overflow-wrap:anywhere;text-decoration:none}
.mobile-card p{margin:4px 0}.mobile-card small,.mobile-card span{color:#5b6d7c}.mobile-card h2{font-size:20px}
.mobile-card form{display:grid;gap:10px;margin-top:14px}.mobile-card label{display:grid;gap:6px}.mobile-card input,.mobile-card select,.mobile-card textarea{width:100%;max-width:100%;min-height:42px;box-sizing:border-box}
.mobile-card input[type=checkbox]{width:auto;min-height:20px}.mobile-search{display:flex;gap:8px}.mobile-search input{min-width:0;flex:1}.mobile-chips{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.mobile-chips a,.mobile-pager a{padding:10px;border:1px solid #cedbe4;border-radius:10px}.mobile-chips a[aria-current]{background:#163e59;color:white}.mobile-pager{display:flex;justify-content:space-between;gap:12px;margin:20px 0}
body[data-layout=compact] .navigation-v2{display:none}body[data-layout=compact]{padding-bottom:80px}
body[data-layout=compact] .mobile-bottom{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:900;justify-content:space-around;gap:2px;background:#fff;border-top:1px solid #d3dfe8;padding:9px 3px max(10px,env(safe-area-inset-bottom))}
.mobile-bottom a{flex:1;text-align:center;color:#24495f;text-decoration:none;padding:5px 2px;min-height:38px;font-size:11px;font-weight:600;line-height:1.3;max-width:120px;overflow-wrap:anywhere}.mobile-bottom a[aria-current]{color:#076596;background:#edf7fb;border-radius:10px}
@media(max-width:700px){.mobile-shell{padding:0 2px}.mobile-card{padding:14px}.mobile-shell h1{font-size:24px}.mobile-card form button{min-height:44px}body[data-layout=compact] .page{padding:14px 10px}body[data-layout=compact] .topbar{padding-left:8px;padding-right:8px}}

@media(max-width:700px){.devices-table thead{display:none}.devices-table,.devices-table tbody,.devices-table tr,.devices-table td{display:block;width:100%;min-width:0;box-sizing:border-box}.devices-table tr{border:1px solid #d9e3eb;border-radius:12px;margin:12px 0;padding:10px}.devices-table td{border:0;white-space:normal;overflow-wrap:anywhere;padding:7px}.devices-table td:before{content:attr(data-label);display:block;font-size:12px;color:#5b6d7c;margin-bottom:5px}.devices-table input{max-width:100%;box-sizing:border-box}}
.mobile-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 8px}.mobile-section-head h2{margin:0;font-size:18px}.mobile-section-head>a,.mobile-section-head>span{font-size:13px}.mobile-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.mobile-quick-grid>a{display:flex;flex-direction:column;gap:8px;min-height:76px;padding:12px;border:1px solid #d4e2e8;border-radius:14px;background:#fff;color:#173c52;text-decoration:none}.mobile-quick-grid>a>span{display:grid;place-items:center;width:26px;height:26px;border-radius:9px;background:#e9f6ef;color:#1f7250;font-weight:800}.mobile-quick-grid strong{font-size:13px;overflow-wrap:anywhere}.mobile-area-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.mobile-area-grid a{padding:11px 8px;border-radius:12px;background:#edf5f8;color:#173c52;text-align:center;text-decoration:none;font-weight:700;font-size:13px}.mobile-installer-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mobile-inline-actions{display:flex;gap:12px;flex-wrap:wrap}.mobile-secondary{min-height:48px;margin-top:16px}.mobile-choice-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mobile-choice-list label{display:flex;grid-template-columns:none;align-items:center;gap:8px;padding:9px;border:1px solid #dbe5ea;border-radius:10px}.mobile-choice-list input{width:auto;min-height:18px}.mobile-action-settings{max-width:none}.mobile-action-settings form,details.mobile-card form{display:grid;gap:12px}
@media(max-width:700px){.mobile-quick-grid,.mobile-area-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-installer-columns,.mobile-choice-list{grid-template-columns:1fr}.mobile-section-head{align-items:flex-start}}