.welcome-view,.fleet-view{min-height:100dvh;background:radial-gradient(ellipse at 85% 30%,#0a554f33,transparent 52%),#081525;color:#e7f0ff}
.portal-header{min-height:105px;padding:22px clamp(22px,6vw,100px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #22384c;gap:20px}
.portal-wordmark{display:flex;gap:14px;align-items:center;text-decoration:none;color:#f2f7ff;flex-shrink:0}.portal-wordmark img{width:60px;height:60px;object-fit:contain}.portal-wordmark>span{font:800 28px/1.15 Manrope,Arial,sans-serif;letter-spacing:.5px}.portal-wordmark b{color:#61a7ff}.portal-wordmark small{display:block;font:500 9px/1.8 'DM Sans',Arial,sans-serif;letter-spacing:2px;color:#a6bfd6;margin-top:4px}.portal-tag,.portal-kicker{font-size:11px;letter-spacing:2px;color:#72cbb7;font-weight:600}.portal-tag{border:1px solid #315346;border-radius:30px;padding:10px 15px;background:#16392d40}
.welcome-layout{max-width:1500px;margin:auto;padding:clamp(50px,8vw,110px) clamp(22px,6vw,100px);display:grid;grid-template-columns:1.4fr 1fr;gap:clamp(35px,6vw,100px);align-items:center}.welcome-copy h1{font:800 clamp(42px,5.5vw,76px)/1.12 Manrope,Arial,sans-serif;letter-spacing:-2.5px;color:#f3f7ff;margin:24px 0}.welcome-copy>p{font-size:17px;color:#9bb2cb;line-height:1.85;max-width:570px}.welcome-features{display:grid;gap:20px;margin:38px 0 45px}.welcome-features>div{display:grid;grid-template-columns:32px 1fr;gap:5px 14px;align-items:center}.welcome-features span{grid-row:span 2;color:#56c8a7;font-size:11px;border-left:2px solid #3b9f88;padding:7px}.welcome-features strong{font-size:14px;font-weight:600}.welcome-features p{grid-column:2;font-size:12px;color:#809bb5;margin:0;line-height:1.7}.welcome-signature{font-size:11px;font-weight:700;letter-spacing:1.5px;color:#a9c3d8}.welcome-signature>span{display:block;font-size:9px;color:#668aa4;margin-top:7px;letter-spacing:1.7px}.welcome-access{padding:38px;border:1px solid #2a455b;border-radius:20px;background:linear-gradient(145deg,#132b40,#0d1e32);box-shadow:0 25px 70px #0003}.welcome-access h2{font-size:30px;margin:20px 0 12px;letter-spacing:-.8px}.welcome-access>p{font-size:14px;line-height:1.8;color:#9cb4cb}.welcome-access .primary{width:100%;display:flex;justify-content:space-between;align-items:center;padding:16px 18px;font-size:15px;margin-top:30px}.welcome-access .portal-help{font-size:12px;border-top:1px solid #294157;padding-top:23px;margin-top:28px}.welcome-access [role=status]{margin-top:20px;color:#f0c18a;font-size:13px;line-height:1.7}
.fleet-main{max-width:1440px;margin:auto;padding:48px clamp(22px,6vw,100px)}.fleet-account{display:flex;align-items:center;gap:18px}.fleet-account>span{color:#97afc7;font-size:12px;overflow-wrap:anywhere}.fleet-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.fleet-heading h1{font-size:clamp(27px,3.3vw,40px);letter-spacing:-1.3px;margin:15px 0 12px;color:#f0f6ff}.fleet-heading p{font-size:14px;line-height:1.7;color:#95aec6}.fleet-summary{color:#9ab4ca;font-size:13px;margin:24px 0}.machine-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:22px}.machine-card{padding:26px;border-radius:16px;background:linear-gradient(145deg,#142c40,#0e2035);border:1px solid #2a425b;min-width:0;display:flex;flex-direction:column;gap:18px}.machine-card-header{display:flex;justify-content:space-between;gap:15px;align-items:center}.machine-glyph{display:grid;place-items:center;width:44px;height:44px;border:1px solid #2d665c;background:#163d3540;border-radius:12px;font-size:23px;color:#68d4b3}.machine-card h2{font-size:21px;line-height:1.4;margin:0;letter-spacing:-.5px;overflow-wrap:anywhere}.machine-location{font-size:13px;color:#a8bfd3;margin:7px 0 0;line-height:1.7;overflow-wrap:anywhere}.machine-ref{font-size:10px;color:#6e91ac;letter-spacing:.5px;overflow-wrap:anywhere}.machine-freshness{font-size:12px;color:#8da9c1;line-height:1.7;margin:0}.machine-card .primary{margin-top:auto;display:flex;justify-content:space-between;text-decoration:none;gap:18px}.machine-card:hover{border-color:#477960}.fleet-empty{padding:35px;border:1px dashed #355269;border-radius:16px;color:#acc0d3;line-height:1.8}.fleet-empty h2{font-size:20px;color:#e6f2ff}.fleet-empty p{font-size:14px}.fleet-note{font-size:12px;color:#7191ad;line-height:1.8;margin:30px 0}.all-machines{display:block;width:100%;text-align:left;color:#89cfb8;border:1px solid #2a4f4a;background:#10382d30;border-radius:8px;padding:12px 15px;font-size:12px;margin-top:22px}.all-machines:hover{background:#174d3c70}.machine-switch{font-size:10px;letter-spacing:.3px;color:#8ca8c2;margin-left:auto;min-width:0;max-width:48%;display:grid;gap:6px}.machine-switch select{margin:0!important;width:100%;max-width:100%!important;min-width:0;white-space:nowrap;text-overflow:ellipsis;padding:11px 30px 11px 12px!important}.machine-line .machine-meta{max-width:180px}.machine-meta strong{overflow-wrap:anywhere;font-size:11px}#sidebarMachine{overflow-wrap:anywhere}#dashboardView .machine-line h2{max-width:270px}#dashboardView .crumb strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:230px}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid #79d9bc;outline-offset:4px}
@media(max-width:1000px){.welcome-layout{gap:35px;grid-template-columns:1.2fr 1fr}.welcome-access{padding:28px}.welcome-copy>p{font-size:15px}.all-machines{font-size:0;padding:10px;text-align:center}.all-machines:before{content:'←';font-size:22px}.machine-switch{max-width:52%}}
@media(max-width:760px){.welcome-layout{grid-template-columns:1fr;padding-top:40px}.welcome-copy h1{font-size:48px}.welcome-features{grid-template-columns:repeat(3,1fr);gap:18px;margin:30px 0}.welcome-features>div{display:block}.welcome-features span{display:block;margin-bottom:12px}.welcome-features strong{font-size:12px}.welcome-features p{font-size:11px;margin-top:8px}.welcome-signature{display:none}.welcome-access{max-width:none}.portal-header{min-height:90px}.portal-wordmark img{width:48px;height:48px}.portal-wordmark>span{font-size:24px}.portal-tag{display:none}.fleet-heading{align-items:flex-start}.fleet-heading .outline{flex-shrink:0}.fleet-account{gap:8px;flex-direction:column;align-items:flex-end}.fleet-account>span{font-size:10px;max-width:150px}.fleet-account .outline{font-size:11px;padding:8px}.fleet-main{padding-top:30px}.fleet-heading h1{font-size:29px}.machine-cards{grid-template-columns:1fr}.machine-card{padding:23px}.machine-switch{width:100%;max-width:100%;margin:8px 0 0}.machine-line{flex-wrap:wrap!important}#dashboardView .machine-line h2{max-width:none}.machine-switch select{font-size:12px!important}.all-machines{font-size:12px;width:auto;margin:0 0 0 auto;padding:8px}.all-machines:before{display:none}}
@media(max-width:580px){.portal-header{padding:18px}.portal-wordmark img{width:42px;height:42px}.portal-wordmark>span{font-size:21px}.portal-wordmark small{font-size:7px;letter-spacing:1.5px}.welcome-layout{padding:33px 22px}.welcome-copy h1{font-size:42px;letter-spacing:-1.8px}.welcome-copy>p{font-size:14px}.welcome-features{gap:12px}.welcome-access{padding:27px 24px}.fleet-heading{flex-wrap:wrap}.fleet-heading h1{font-size:27px}.fleet-main{padding:30px 20px}.all-machines{max-width:110px;font-size:11px}.machine-card .pill{font-size:11px}.machine-card .primary{font-size:14px}}