:root{font-family:Arial,sans-serif;color:#102637;background:#f4f8fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:#086d96}button{font:inherit;cursor:pointer;min-height:44px;border:0;border-radius:10px;background:#0d2a3d;color:white;padding:12px 18px;font-weight:600}a:focus-visible,button:focus-visible{outline:3px solid #139dcc;outline-offset:3px}.app-header{display:flex;align-items:center;gap:18px;max-width:1040px;margin:auto;padding:12px 24px;padding-top:max(12px,env(safe-area-inset-top));background:#fff;border-bottom:1px solid #deebf1}.app-header>a:first-child{display:flex;align-items:center;gap:10px;text-decoration:none;color:#0d2a3d;margin-right:auto;font-size:22px;font-weight:800}.app-header img{object-fit:contain}.app-header small{display:block;font-size:12px;font-weight:400;margin-top:4px}.support{font-size:14px;white-space:nowrap}.app-main{max-width:1040px;margin:auto}#client-cabinet{display:block;border:0;width:100%;height:calc(100dvh - 140px);min-height:640px;background:#f4f8fb}.loading-note,.offline-notice{padding:16px 20px;margin:0;line-height:1.5;font-size:14px}.offline-notice{background:#fff0db;color:#74450b}.app-help{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;padding:16px;font-size:14px}.pwa-dialog{max-width:440px;width:calc(100% - 32px);border:1px solid #d5e5ed;border-radius:18px;padding:26px;color:#102637;box-shadow:0 20px 90px #0d2a3d44}.pwa-dialog::backdrop{background:#071c2d88}.pwa-dialog h2{font-size:23px;margin:0 0 12px}.pwa-dialog p,.pwa-dialog li{font-size:16px;line-height:1.65}.pwa-dialog ol{padding-left:22px}.pwa-dialog button{width:100%;margin-top:10px}.pwa-update{position:fixed;bottom:max(20px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);z-index:99;box-shadow:0 8px 35px #0d2a3d44}.install-button{font-size:14px;white-space:nowrap}[hidden]{display:none!important}@media(max-width:600px){.app-header{padding:10px 14px;gap:10px}.app-header .support{display:none}.app-header small{font-size:12px}#client-cabinet{height:calc(100dvh - 128px);min-height:540px}.app-help{font-size:13px;gap:14px}.app-header button{padding:10px 12px}}

/* The current company stays beside the brand on phones and at the right on desktop. */
.app-header{flex-wrap:wrap}
.app-header .company-badge{display:flex;flex:0 1 240px;min-width:0;max-width:240px;flex-direction:column;gap:5px;padding:10px 14px;border:1px solid #cbe6f1;border-radius:10px;background:#f0faff;color:#0c5371;text-align:right}
.app-header .company-badge-label{font-size:10px;letter-spacing:.08em;line-height:1.3;color:#4e788d}
.app-header .company-name{font-size:16px;font-weight:700;line-height:1.3;overflow-wrap:anywhere}
@media(max-width:600px){
 .app-header>a:first-child{flex:1 1 155px;min-width:0;font-size:20px;gap:7px}
 .app-header img{width:40px;height:40px}
 .app-header small{font-size:10px}
 .app-header .company-badge{flex:0 1 44%;max-width:44%;padding:8px 10px}
 .app-header .company-badge-label{font-size:9px;letter-spacing:.03em}
 .app-header .company-name{font-size:14px}
 .app-header .install-button{order:3;margin-left:auto}
}

/* Both ICEMAN contact numbers remain visible and tappable on every screen. */
.header-phones{display:flex;flex-direction:column;gap:0;flex-shrink:0}
.header-phones a{display:flex;align-items:center;min-height:32px;font-size:14px;font-weight:600;line-height:1.4;white-space:nowrap;color:#087fa7;text-decoration:underline;text-underline-offset:3px}
.header-phones a:hover{color:#07506b}
.header-phones a:focus-visible{outline:3px solid #139dcc;outline-offset:3px;border-radius:3px}
@media(max-width:600px){.app-header .header-phones{order:4;flex:1 0 100%;flex-direction:row;flex-wrap:wrap;justify-content:space-between;gap:0 12px;border-top:1px solid #e4edf3;padding-top:4px}.app-header .header-phones a{min-height:44px}}

/* A lighter app header with both existing icy phone links on one row. */
.app-shell .app-header{gap:10px 16px;padding-bottom:8px;border-bottom-color:#e0eaf0}
.app-shell .app-header .company-badge{gap:3px;padding:8px 12px;border-color:#dceaf0;background:#f6fbfd;border-radius:12px}
.app-shell .app-header .company-name{font-weight:600}
.app-shell .app-help{gap:16px;padding:8px 14px;font-size:13px}
.app-shell .app-help a{display:inline-flex;align-items:center;min-height:44px;text-underline-offset:3px}
@media(max-width:760px){
 .app-shell .app-header{padding:8px 12px;gap:6px 10px}
 .app-shell .app-header>a:first-child{font-size:18px;gap:7px}
 .app-shell .app-header .company-badge{padding:6px 9px}
 .app-shell .app-header .header-phones{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));order:4;flex:1 0 100%;gap:8px;align-items:center;padding:0;border:0}
 .app-shell .app-header .header-phones a.phone-link.ice-phone{width:100%;max-width:210px;min-height:44px;justify-self:center}
}