/* NOTIFLEET — STUDIO EDITION 2026 | mise en forme responsive non destructive */
:root{--nf-ink:#1c2944;--nf-deep:#17243b;--nf-blue:#262f4a;--nf-salmon:#f4a48c;--nf-paper:#f2f5fa;--nf-line:#dde5f0;--nf-shadow:0 12px 32px rgba(29,48,77,.09);font-family:Nunito,system-ui,sans-serif;color-scheme:light}
html,body{margin:0;background:radial-gradient(ellipse at 18% 8%,#f9e9e4 0%,transparent 33%),linear-gradient(135deg,#edf1f7,#dfe6f1)!important;font-family:Nunito,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
body.nf-pro{--nf-salmon:#dbb77b;--nf-paper:#f3f3f7;--nf-line:#e2e5ed}
.phone{box-shadow:0 34px 100px rgba(17,28,54,.22),0 3px 18px rgba(17,28,54,.07)!important;border:1px solid rgba(255,255,255,.75)!important;background:var(--nf-paper)!important}
.screen{background:radial-gradient(circle at 92% 4%,rgba(244,164,140,.10),transparent 42%),linear-gradient(180deg,#f7f9fc 0%,var(--nf-paper) 58%,#eef2f9 100%)!important;scroll-behavior:smooth;overscroll-behavior:contain;scrollbar-width:none}
.screen::-webkit-scrollbar{display:none}
.navbar{background:rgba(255,255,255,.95)!important;border:1px solid rgba(223,230,240,.8)!important;border-radius:24px!important;box-shadow:0 12px 30px rgba(23,36,59,.13)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.fab{background:linear-gradient(145deg,var(--nf-blue),#43587d)!important;border:2px solid rgba(255,255,255,.8)!important;box-shadow:0 10px 22px rgba(28,44,74,.3)!important}
button,[role=button],a{transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;-webkit-tap-highlight-color:transparent}
button:not(:disabled):active,[role=button]:active{transform:scale(.98)}
button:focus-visible,[role=button]:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--nf-salmon)!important;outline-offset:2px}
button:disabled{opacity:.58}
input,select,textarea{font-family:Nunito,system-ui,sans-serif!important;border-radius:14px!important;accent-color:var(--nf-blue);max-width:100%;box-sizing:border-box}
input:focus,textarea:focus,select:focus{box-shadow:0 0 0 3px rgba(244,164,140,.16)}
/* Relief des modules, sans modifier leurs tailles ou handlers React */
.screen [style*="border-radius: 28px"],.screen [style*="border-radius: 24px"],.screen [style*="border-radius: 22px"],.screen [style*="border-radius: 20px"],.screen [style*="borderRadius: 28px"],.screen [style*="borderRadius: 24px"]{box-shadow:0 8px 24px rgba(28,43,73,.07)}
.screen [style*="background: rgb(255, 255, 255)"],.screen [style*="background: #ffffff"],.screen [style*="background: white"]{border-color:rgba(218,225,236,.8)}
.screen svg{shape-rendering:geometricPrecision}
.screen img{object-position:center}
.screen img[src*="wikipedia"],.screen img[src*="wikimedia"]{object-fit:contain!important}
/* Bandeau d'accueil et galerie de catégories, volontairement non cliquable : la navigation de l'application est conservée */
.nf-studio-hero{box-sizing:border-box;width:calc(100% - 32px);margin:16px auto 22px;padding:20px 18px 18px;position:relative;isolation:isolate;overflow:hidden;border-radius:26px;background:linear-gradient(129deg,#192741 2%,#304669 65%,#456081 100%);color:#fff;box-shadow:0 16px 30px rgba(29,45,76,.19);font-family:Nunito,system-ui,sans-serif}
.nf-studio-hero:before{content:"";position:absolute;right:-54px;top:-96px;width:270px;height:270px;border:1px solid rgba(255,255,255,.11);border-radius:50%;box-shadow:0 0 0 40px rgba(255,255,255,.035),0 0 0 82px rgba(255,255,255,.02);z-index:-1}
.nf-hero-eyebrow{font-weight:900;letter-spacing:.15em;text-transform:uppercase;color:var(--nf-salmon);font-size:10px;margin-bottom:8px}
.nf-hero-title{font-size:clamp(22px,4vw,30px);line-height:1.13;letter-spacing:-.035em;font-weight:900;margin:0 0 7px;color:#fff}
.nf-hero-sub{font-size:12px;line-height:1.5;opacity:.82;margin:0 0 17px;max-width:480px}
.nf-vehicle-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.nf-vehicle-tile{background:rgba(255,255,255,.94);border-radius:15px;padding:5px 5px 8px;min-width:0;text-align:center;color:#2a3951;box-shadow:0 5px 14px rgba(0,0,0,.13)}
.nf-vehicle-tile img{display:block;aspect-ratio:4/3;width:100%;object-fit:cover;border-radius:11px;margin-bottom:6px}
.nf-vehicle-tile span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px;font-weight:900}
.nf-hero-caption{font-size:10px;opacity:.7;margin-top:12px;letter-spacing:.015em}
.nf-pro .nf-studio-hero{background:linear-gradient(130deg,#141f35,#263953 64%,#3f5369)}
.nf-pro .nf-vehicle-tile{background:#fffdf8}
/* Regroupement complémentaire de catégories, uniquement sur l'écran de sélection de type */
.nf-category-mini{width:39px;height:36px;object-fit:cover;border-radius:9px;flex:0 0 39px;box-shadow:0 2px 6px rgba(38,47,74,.1)}
.nf-category-decorated{display:flex!important;align-items:center;gap:8px}
@media(max-width:520px){.nf-studio-hero{width:calc(100% - 24px);margin:12px auto 18px;padding:19px 14px 15px;border-radius:23px}.nf-vehicle-strip{display:flex;overflow:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:9px;padding-bottom:3px}.nf-vehicle-strip::-webkit-scrollbar{display:none}.nf-vehicle-tile{min-width:105px;flex:0 0 105px;scroll-snap-align:start}.nf-hero-title{font-size:24px}.phone{box-shadow:none!important;border:0!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}

/* 2026-11-01: home banner inserted inside existing garage layout */
.screen .nf-studio-hero{width:100%;margin:0;max-width:100%;}
.screen .nf-vehicle-tile img{object-fit:contain!important;background:transparent;}