/* Notifleet visual system 2026 — interface enhancements */
:root{--nf-navy:#262f4a;--nf-peach:#f4a48c;--nf-mist:#eef1f6;--nf-gold:#d9ad60}
body{background:linear-gradient(155deg,#edf1f9,#dbe3f1)!important}
.phone{box-shadow:0 28px 85px rgba(25,36,64,.23)!important}
.screen{scroll-behavior:smooth}
.screen>div{isolation:isolate}
.screen button{transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}
.screen button:active{transform:scale(.97)}
.screen button:hover{filter:brightness(1.035)}
.screen [style*="border-radius: 20px"],.screen [style*="border-radius: 22px"],.screen [style*="border-radius: 24px"]{box-shadow:0 7px 24px rgba(29,45,79,.065)}
.nf-hero{position:relative;overflow:hidden;flex-shrink:0;background:linear-gradient(120deg,#263653,#344b72 75%,#4a6286);color:#fff;border-radius:23px;padding:17px 17px 14px;box-shadow:0 12px 28px rgba(29,45,79,.18);font-family:Nunito,sans-serif}
.nf-hero:after{content:"";position:absolute;right:-45px;top:-80px;width:220px;height:220px;border:1px solid #ffffff20;border-radius:50%;box-shadow:0 0 0 25px #ffffff09,0 0 0 55px #ffffff07;pointer-events:none}
.nf-hero-head{display:flex;align-items:center;justify-content:space-between;gap:10px;position:relative;z-index:1}
.nf-hero-kicker{font-size:10px;letter-spacing:1.5px;font-weight:900;color:#f4b49d;text-transform:uppercase}
.nf-hero-title{font-size:19px;font-weight:900;letter-spacing:-.5px;margin-top:3px}
.nf-hero-badge{border-radius:100px;background:#ffffff20;padding:6px 10px;font-size:10px;font-weight:900;white-space:nowrap}
.nf-vehicles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-top:15px;position:relative;z-index:1}
.nf-vehicle{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:#ffffff16;border:1px solid #ffffff22;border-radius:13px;padding:8px 2px 7px;color:#fff}
.nf-vehicle-icon{font-size:25px;line-height:1.15;filter:drop-shadow(0 3px 3px #101b3555)}
.nf-vehicle-label{font-size:9px;font-weight:800;white-space:nowrap}
.nf-hero-foot{margin-top:11px;font-size:10px;color:#dbe5f3;position:relative;z-index:1}
.nf-pro .nf-hero{background:linear-gradient(115deg,#19283e,#263b58 75%,#50472f)}
.nf-pro .nf-hero-kicker{color:#f1ca80}
.nf-pro .nf-hero-badge{background:#d9ad6033;color:#ffe0a0;border:1px solid #d9ad6055}
.nf-dashboard-note{font-size:11px;font-weight:800;color:#68778c;padding:0 3px}
@media(max-width:370px){.nf-vehicle-label{font-size:8px}.nf-vehicles{gap:4px}.nf-hero{padding:14px}}