/* LogiMission V3.0.1 — reproduction graphique des maquettes validées.
   Styles uniquement : ne modifie ni la logique tickets, ni les rôles, ni les données. */
:root[data-theme="clair"] { --v3-bg:#f7f3e9;--v3-panel:#fffaf0;--v3-soft:#f5ecde;--v3-text:#352e25;--v3-muted:#7b7264;--v3-border:#dfd5c0;--v3-primary:#32643a;--v3-primaryText:#ffffff;--v3-sidebar:#0e3925;--v3-sidebarEnd:#153b27;--v3-nav:#6c994f;--v3-mast:#123d29;--v3-glow:#9ebf7a55;--v3-accent:#96b86d;--v3-wave:#b5cb87;--v3-contrast:#d7e4b7; }
:root[data-theme="neo"] { --v3-bg:#06132b;--v3-panel:#0d1b3a;--v3-soft:#172852;--v3-text:#f8f9ff;--v3-muted:#c5d4f5;--v3-border:#254ba2;--v3-primary:#166bdf;--v3-primaryText:#ffffff;--v3-sidebar:#061637;--v3-sidebarEnd:#091d46;--v3-nav:#3856ff;--v3-mast:#061329;--v3-glow:#03d0ff7a;--v3-accent:#20cfff;--v3-wave:#9f26f5;--v3-contrast:#d54efd; }
:root[data-theme="foret"] { --v3-bg:#07180f;--v3-panel:#10271c;--v3-soft:#1a3427;--v3-text:#f1f8eb;--v3-muted:#c2dac0;--v3-border:#315945;--v3-primary:#a8d67f;--v3-primaryText:#0c2315;--v3-sidebar:#081a12;--v3-sidebarEnd:#071e16;--v3-nav:#7fb65c;--v3-mast:#082518;--v3-glow:#a2d57b55;--v3-accent:#b3db85;--v3-wave:#315c31;--v3-contrast:#d5e6a0; }
:root[data-theme="noel"] { --v3-bg:#130d18;--v3-panel:#221825;--v3-soft:#30202c;--v3-text:#fff9f3;--v3-muted:#e5cfcc;--v3-border:#6d3646;--v3-primary:#b51f3c;--v3-primaryText:#ffffff;--v3-sidebar:#170e17;--v3-sidebarEnd:#28101c;--v3-nav:#c12640;--v3-mast:#120d1a;--v3-glow:#e15b5b5a;--v3-accent:#ffcf86;--v3-wave:#b53a4e;--v3-contrast:#ffecce; }
:root[data-theme] {color-scheme:dark; font-family:Inter,system-ui,Segoe UI,sans-serif}
:root[data-theme="clair"] {color-scheme:light}
:root[data-theme] body{background:var(--v3-bg);color:var(--v3-text)}
:root[data-theme] .app{grid-template-columns:246px minmax(0,1fr);grid-template-rows:111px minmax(0,1fr);background:var(--v3-bg);}
.v3-masthead{grid-column:1/-1;grid-row:1;min-height:111px;display:flex;align-items:center;position:relative;isolation:isolate;overflow:hidden;background:var(--v3-mast);color:#fff;border-bottom:1px solid var(--v3-accent);box-shadow:0 5px 20px #0003;z-index:2;padding:8px 26px;gap:25px}
.v3-masthead::after{content:"";position:absolute;z-index:-1;pointer-events:none;left:-15%;bottom:-57px;width:130%;height:79px;border-radius:50%;border-top:3px solid var(--v3-contrast);box-shadow:0 -8px 21px var(--v3-glow);transform:rotate(-.5deg)}
.v3-municipality{display:flex;align-items:center;gap:10px;flex:0 0 298px;min-width:0;border-right:1px solid #ffffff73;padding-right:15px;min-height:70px}
.v3-municipality img{width:79px;height:65px;object-fit:contain;flex:none;mix-blend-mode:normal;border-radius:3px}
.v3-municipality strong{display:block;color:#fff;font-size:17px;font-weight:800;line-height:1.1;letter-spacing:-.5px}
.v3-municipality span{display:block;color:#f1f4ff;letter-spacing:3px;font-size:9px;font-weight:780;margin-top:5px}
.v3-mast-brand{position:relative;z-index:2;display:flex;align-items:center;gap:9px;min-width:0;flex:0 0 340px}
.v3-mast-brand img{width:49px;height:49px;filter:drop-shadow(0 3px 7px #0005)}
.v3-mast-brand strong{font-size:30px;line-height:1.1;color:#fff;display:block;font-weight:850;letter-spacing:-1px;white-space:nowrap}
.v3-mast-brand em{font-style:normal;padding:3px 11px;border-radius:25px;background:var(--v3-nav);color:#fff;font-size:17px;vertical-align:middle;letter-spacing:0}
:root[data-theme="foret"] .v3-mast-brand em,:root[data-theme="clair"] .v3-mast-brand em{background:#e8d8ae;color:#17361c}
.v3-mast-brand small{display:block;color:#eff7fb;white-space:nowrap;font-size:8px;letter-spacing:1px;font-weight:700;text-transform:uppercase;margin-top:8px}
.v3-mast-photo{flex:1;align-self:stretch;min-width:120px;background:linear-gradient(90deg,var(--v3-mast) 0%,transparent 24%,transparent 76%,var(--v3-mast) 100%),url('./assets/mairie-facade-originale.jpg') center 53% /cover no-repeat;opacity:.98;mask-image:linear-gradient(90deg,transparent,black 16%,black 84%,transparent)}
.v3-mast-user{display:flex;align-items:center;gap:8px;flex:none;font-size:13px;font-weight:750;white-space:nowrap;color:#fff}
.v3-user-dot{display:grid;place-items:center;border-radius:50%;background:#344778;color:#fff;width:37px;height:37px;font-size:12px}
:root[data-theme="foret"] .v3-user-dot{background:#446c44}:root[data-theme="noel"] .v3-user-dot{background:#794255}
:root[data-theme] .sidebar{grid-column:1;grid-row:2;min-height:calc(100vh - 111px);background:linear-gradient(180deg,var(--v3-sidebar),var(--v3-sidebarEnd));border-right:1px solid var(--v3-border);box-shadow:inset -5px 0 15px #0001;padding:18px 14px}
:root[data-theme] .sidebar .brand{display:none}
:root[data-theme] .main{grid-column:2;grid-row:2;max-width:none;margin:0;padding:25px 26px 55px;min-width:0;position:relative}
:root[data-theme="neo"] .main{background:radial-gradient(ellipse 54% 19% at 85% 0%,#2638ac56,transparent),var(--v3-bg)}
:root[data-theme="noel"] .main{background:radial-gradient(ellipse at 75% 0%,#55243055,transparent 48%),var(--v3-bg)}
:root[data-theme="clair"] .main{background:#f7f3e9}
:root[data-theme="foret"] .main{background:radial-gradient(ellipse at 80% 0%,#25483245,transparent 50%),var(--v3-bg)}
:root[data-theme] .nav-section summary{color:var(--v3-muted);font-size:11px;border-radius:9px;padding:13px 10px}
:root[data-theme] .nav-section .nav-btn{border-radius:10px;font-size:12px;font-weight:650;color:var(--v3-text);min-height:39px;margin:4px 0;transition:transform .14s,background .14s}
:root[data-theme] .nav-section .nav-btn:hover{background:var(--v3-soft);transform:translateX(2px)}
:root[data-theme] .nav-btn.active{background:linear-gradient(105deg,var(--v3-primary),var(--v3-nav));color:var(--v3-primaryText);box-shadow:0 0 0 1px var(--v3-border),0 6px 18px var(--v3-glow)}
:root[data-theme] .sidebar-bottom{font-size:11px;background:var(--v3-soft);color:var(--v3-muted);border-color:var(--v3-border)}
:root[data-theme] .topbar{margin-bottom:20px}
:root[data-theme] .heading{font-size:35px;letter-spacing:-1.35px;font-weight:850}
:root[data-theme] .eyebrow{font-size:10px;color:var(--v3-accent);letter-spacing:2px}
:root[data-theme] .subheading{font-size:14px;color:var(--v3-muted)}
:root[data-theme] .role-pill{background:var(--v3-soft);color:var(--v3-text);border:1px solid var(--v3-border)}
:root[data-theme] .ghost{background:var(--v3-soft);color:var(--v3-text);border-color:var(--v3-border)}
:root[data-theme] .card,:root[data-theme] .ticket,:root[data-theme] .modal,:root[data-theme] .timeline-card{background:var(--v3-panel);color:var(--v3-text);border:1px solid var(--v3-border);border-radius:14px;box-shadow:0 4px 14px #0002}
:root[data-theme="neo"] .card{box-shadow:0 8px 25px #0006,0 0 0 1px #654bff25,inset 0 1px #ffffff12}
:root[data-theme="noel"] .card{box-shadow:0 8px 22px #0005,inset 0 1px #ffffff0e}
:root[data-theme="foret"] .card{box-shadow:0 5px 18px #0005,inset 0 1px #ffffff0a}
:root[data-theme] .card.pad{padding:17px 19px}
:root[data-theme] .card-head{border-bottom:1px solid var(--v3-border);padding-bottom:12px;margin-bottom:12px}
:root[data-theme] .card-title{font-size:16px;color:var(--v3-text);font-weight:800}
:root[data-theme] .soft,:root[data-theme] .hint,:root[data-theme] .metric-label{color:var(--v3-muted)}
:root[data-theme] .btn:not(.danger),:root[data-theme] .table-action{border:1px solid var(--v3-border);border-radius:9px}
:root[data-theme] .btn.secondary,:root[data-theme] .btn.slate{background:var(--v3-soft);color:var(--v3-text);box-shadow:none}
:root[data-theme] .metric{padding:15px;gap:13px;align-items:center;min-height:112px}
:root[data-theme] .metric-icon{border-radius:14px;background:var(--v3-soft);color:var(--v3-accent);font-size:27px;width:50px;height:50px}
:root[data-theme] .metric-value{color:var(--v3-text);font-size:32px;line-height:1.1}
:root[data-theme] .metric-label{font-size:11px;font-weight:680;margin-top:4px}
:root[data-theme] .ticket{grid-template-columns:76px minmax(0,1fr) auto;padding:11px 12px;border-radius:10px;gap:10px}
:root[data-theme] .ticket-name{font-size:13px}
:root[data-theme] .ticket-desc{color:var(--v3-muted)}
:root[data-theme] .ticket-code{font-size:10px;background:var(--v3-soft);color:var(--v3-text);border-radius:8px}
:root[data-theme] .fleet-banner{background:var(--v3-soft);border-color:var(--v3-border);color:var(--v3-text)}
:root[data-theme] .fleet-banner .fleet-entries{color:var(--v3-muted)}
:root[data-theme] .field,:root[data-theme] input:not([type="checkbox"]),:root[data-theme] select,:root[data-theme] textarea{background:var(--v3-soft);color:var(--v3-text);border-color:var(--v3-border)}
:root[data-theme] .notice{background:var(--v3-soft);color:var(--v3-text);border:1px solid var(--v3-border)}
:root[data-theme] .pill:not(.red){background:var(--v3-soft);color:var(--v3-text);border:1px solid var(--v3-border)}
:root[data-theme] .pill.red{background:#ab203c;color:#fff}
/* Layout drawn from the approved mockups: dense top row and two-column operational cards. */
.v3-dashboard{gap:16px}
.v3-board-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.v3-board-metrics .metric:nth-child(1){border-bottom:3px solid #b345de}
.v3-board-metrics .metric:nth-child(2){border-bottom:3px solid #39aefa}
.v3-board-metrics .metric:nth-child(3){border-bottom:3px solid #31c783}
.v3-board-metrics .metric:nth-child(4){border-bottom:3px solid #edaf53}
:root[data-theme="foret"] .v3-board-metrics .metric:nth-child(1){background:#224e30}
:root[data-theme="noel"] .v3-board-metrics .metric:nth-child(1){background:#692033}
:root[data-theme="neo"] .v3-board-metrics .metric:nth-child(1){background:linear-gradient(130deg,#291966,#141d49);box-shadow:0 0 19px #5c21d56b}
:root[data-theme="neo"] .v3-board-metrics .metric:nth-child(2){background:linear-gradient(130deg,#073f89,#112456);box-shadow:0 0 19px #0cd8fb3b}
.v3-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.95fr);grid-template-areas:'day requests' 'quick requests' 'stock vehicles' 'forecast forecast';gap:16px;align-items:stretch}
.v3-day-widget{grid-area:day}
.v3-public-widget{grid-area:requests}
.v3-quick-widget{grid-area:quick}
.v3-vehicle-widget{grid-area:vehicles}
.v3-stock-widget{grid-area:stock}
.v3-forecast-widget{grid-area:forecast}
.v3-public-widget .v3-tabs{display:flex;gap:6px;align-items:center;margin:0 0 15px;overflow-x:auto}
.v3-tabs span{display:block;border:1px solid var(--v3-border);background:var(--v3-soft);padding:9px 13px;border-radius:9px;white-space:nowrap;font-size:11px;font-weight:750;color:var(--v3-muted)}
.v3-tabs span.active{color:var(--v3-primaryText);background:var(--v3-primary);border-color:var(--v3-nav)}
.v3-request-list{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}
.v3-request-item{display:flex;align-items:center;gap:10px;width:100%;border-radius:9px;text-align:left;padding:11px 12px;background:var(--v3-soft);border:1px solid var(--v3-border);color:var(--v3-text);cursor:pointer;min-width:0}
.v3-request-item:hover{border-color:var(--v3-accent)}
.v3-request-symbol{font-size:22px;color:var(--v3-accent)}
.v3-request-name{font-weight:800;font-size:12px;flex:1;min-width:0;overflow-wrap:anywhere}
.v3-request-name small{font-size:10px;display:block;font-weight:500;color:var(--v3-muted);margin-top:4px}
.v3-public-widget .v3-request-item .pill{font-size:9px}
.v3-all-requests{width:100%}
.v3-quick-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:9px}
.v3-quick{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:96px;background:var(--v3-soft);border:1px solid var(--v3-border);color:var(--v3-text);font-size:11px;font-weight:700;text-align:center;border-radius:12px;padding:9px;line-height:1.25}
.v3-quick:hover{border-color:var(--v3-accent);box-shadow:0 0 12px var(--v3-glow)}
.v3-quick b{font-size:30px;font-weight:400;color:var(--v3-accent);line-height:1}
.v3-stock-summary{display:flex;align-items:center;justify-content:space-around;gap:12px;min-height:104px}
.v3-stock-summary>div{flex:1;display:flex;flex-direction:column;gap:5px;text-align:center}
.v3-stock-summary strong{font-size:25px}
.v3-stock-summary span{font-size:11px;color:var(--v3-muted)}
.v3-stock-circle{flex:0 0 100px!important;width:100px;height:100px;border-radius:50%;border:8px solid var(--v3-accent);justify-content:center;background:var(--v3-soft)}
.v3-stock-circle b{font-size:25px}
:root[data-theme="noel"] .v3-masthead::before{content:'❄  ✦  ❄   ✦  ❄';position:absolute;pointer-events:none;color:#fff9;letter-spacing:15px;z-index:0;left:0;top:0;width:100%;white-space:nowrap}
:root[data-theme="noel"] .v3-mast-brand::after{content:'🎅';font-size:22px;position:absolute;left:5px;top:-8px}
:root[data-theme="noel"] .sidebar::after{content:'🎄';font-size:68px;opacity:.65;margin-top:auto;display:block;text-align:center;filter:drop-shadow(0 2px 10px #f7c66c3b)}
:root[data-theme="noel"] .v3-dashboard-grid .card-head:before{content:'❄';color:#e7c5c2;margin-right:-5px}
:root[data-theme="foret"] .sidebar::after{content:'♣';font-size:80px;opacity:.22;margin-top:auto;display:block;text-align:center}
:root[data-theme="neo"] .v3-masthead::after{border-color:#a644f4;box-shadow:0 -9px 26px #38b9fff0}
:root[data-theme="neo"] .card-head{border-bottom-color:#2646a3}
:root[data-theme="clair"] .v3-dashboard-grid .card{background:#fffdf7}
@media(max-width:1200px){.v3-masthead{gap:14px;padding:8px 17px}.v3-municipality{flex-basis:248px}.v3-mast-brand{flex-basis:280px}.v3-mast-brand strong{font-size:25px}.v3-mast-brand small{font-size:7px}.v3-mast-user{font-size:11px}.v3-dashboard-grid{grid-template-columns:1fr 1fr}.v3-quick-buttons{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:960px){.v3-mast-photo{display:none}.v3-masthead{justify-content:space-between}.v3-municipality{flex:0 1 230px}.v3-mast-brand{flex:0 1 auto}.v3-mast-user{display:none}.v3-dashboard-grid{grid-template-areas:'day requests' 'quick requests' 'stock vehicles' 'forecast forecast'}}
@media(max-width:760px){
 :root[data-theme] .app{display:block;min-height:100vh}
 .v3-masthead{min-height:83px;height:83px;padding:10px 12px;gap:10px}
 .v3-municipality{flex:0 0 auto;min-height:40px;max-width:35%;padding-right:9px;gap:5px}
 .v3-municipality img{width:36px;height:43px;object-fit:contain}
 .v3-municipality strong{font-size:9px;line-height:1.15;letter-spacing:0}
 .v3-municipality span{font-size:6px;letter-spacing:1px;margin-top:3px}
 .v3-mast-brand{flex:1;min-width:0;gap:5px}
 .v3-mast-brand img{width:27px;height:27px}
 .v3-mast-brand strong{font-size:17px;letter-spacing:-.4px}
 .v3-mast-brand em{font-size:9px;padding:3px 5px}
 .v3-mast-brand small{display:none}
 .v3-mast-photo,.v3-mast-user{display:none}
 :root[data-theme] .main{padding:18px 13px 112px}
 :root[data-theme] .heading{font-size:28px}
 :root[data-theme] .topbar{align-items:flex-start;flex-wrap:wrap}
 :root[data-theme] .top-actions{gap:6px}
 :root[data-theme] .role-pill{font-size:10px;padding:7px 9px}
 :root[data-theme] .ghost{padding:8px 9px;font-size:11px}
 .v3-board-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 :root[data-theme] .metric{min-height:105px;padding:12px 10px;gap:8px}
 :root[data-theme] .metric-icon{width:38px;height:38px;font-size:21px}
 :root[data-theme] .metric-value{font-size:25px}
 .v3-dashboard-grid{display:flex;flex-direction:column;gap:12px}
 .v3-quick-buttons{grid-template-columns:repeat(3,minmax(0,1fr))}
 .v3-public-widget{order:2}
 .v3-quick-widget{order:3}
 .v3-stock-widget{order:4}
 .v3-vehicle-widget{order:5}
 .v3-forecast-widget{order:6}
 :root[data-theme] .ticket{grid-template-columns:68px minmax(0,1fr);gap:8px}
 :root[data-theme] .ticket-actions{grid-column:1/-1;justify-content:flex-end;flex-wrap:wrap}
 .v3-masthead::after{bottom:-70px}
 :root[data-theme] .mobile-bottom-nav{background:linear-gradient(180deg,var(--v3-mast),var(--v3-sidebar));border-color:var(--v3-border)}
 :root[data-theme] .mobile-bottom-item{background:var(--v3-soft);color:var(--v3-text);border-color:var(--v3-border)}
 :root[data-theme] .mobile-bottom-item.active{background:var(--v3-primary);color:var(--v3-primaryText);border-color:var(--v3-accent)}
 :root[data-theme] .mobile-bottom-nav::after{background:linear-gradient(90deg,transparent,var(--v3-mast))}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* Keep business-critical status colors in every appearance. */
:root[data-theme] .pill.green{background:#185b3e;color:#e1fff0;border-color:#2f8a5c}
:root[data-theme] .pill.amber{background:#654c1b;color:#fff4ce;border-color:#a07c37}
:root[data-theme] .pill.blue{background:#244c89;color:#eef8ff;border-color:#4c83ca}
:root[data-theme] .pill.slate{background:#47515e;color:#f2f4f7;border-color:#5d6978}
:root[data-theme="clair"] .pill.green{background:#d9efdc;color:#1f5935}
:root[data-theme="clair"] .pill.amber{background:#ffedca;color:#7e540f}
:root[data-theme="clair"] .pill.blue{background:#deedff;color:#164c8e}
:root[data-theme="clair"] .pill.slate{background:#e6e7e9;color:#515964}
:root[data-theme] .ticket.v27-ticket-open{border-left:5px solid #3989e5!important}
:root[data-theme] .ticket.v27-ticket-claimed{border-left:5px solid #e99e34!important}
:root[data-theme] .ticket.v27-ticket-done{border-left:5px solid #929ba7!important}
:root[data-theme] .ticket.v27-ticket-cancelled{border-left:5px solid #48ba82!important}
:root[data-theme] .ticket.urgent:not(.v27-ticket-done):not(.v27-ticket-cancelled){background:#59212d;color:#fff4f5;border-left:5px solid #ee415c!important;border-color:#db6578}
:root[data-theme="clair"] .ticket.urgent:not(.v27-ticket-done):not(.v27-ticket-cancelled){background:#ffeaec;color:#66232c}
:root[data-theme] .preview-graph path[fill="#edf4ff"]{fill:var(--v3-soft)}
:root[data-theme] .preview-graph line[stroke="#e6edf7"]{stroke:var(--v3-border)}
:root[data-theme] .preview-graph text{fill:var(--v3-muted)}
:root[data-theme="neo"] .v3-day-widget{border-color:#168ef5;box-shadow:0 0 17px #06bcff2f}
:root[data-theme="neo"] .v3-public-widget{border-color:#8251d9;box-shadow:0 0 20px #b128ff22}
:root[data-theme="neo"] .v3-quick-widget{border-color:#23aae8;box-shadow:0 0 15px #1b9ff12c}
:root[data-theme="neo"] .v3-quick:nth-child(3n+2){background:linear-gradient(140deg,#1d1960,#23295e);border-color:#9053e9}
:root[data-theme="neo"] .v3-tabs span.active{background:linear-gradient(90deg,#0079fb,#7038da);box-shadow:0 0 9px #12b9ff7a}
:root[data-theme="noel"] .v3-quick:first-child{background:#8c213b;color:#fff;border-color:#d46a7a}
:root[data-theme="noel"] .v3-tabs span.active{background:linear-gradient(110deg,#ad233e,#c7494c)}
:root[data-theme="foret"] .v3-quick:first-child{background:#abda83;color:#0b2618}
:root[data-theme="foret"] .v3-quick:first-child b{color:#0b2618}
:root[data-theme="noel"] .v3-masthead{border-bottom:2px solid #c9a77b}
:root[data-theme="foret"] .v3-mast-brand img{filter:hue-rotate(105deg) brightness(.95)}
:root[data-theme="noel"] .v3-mast-brand img{filter:hue-rotate(125deg) saturate(.9)}
.nav-icon svg,.mobile-bottom-icon svg{display:block;max-width:100%}
@media screen and (max-width:760px){.nav-icon svg{width:21px;height:21px}.mobile-bottom-icon svg{width:23px;height:23px;margin:auto}}

/* Decorative motifs taken from the approved user reference images. */
:root[data-theme="noel"] .sidebar{background-image:linear-gradient(180deg,#170e17,#28101c),url('./assets/deco-noel-chalet.png');background-blend-mode:normal;}
:root[data-theme="noel"] .sidebar::after{content:'';display:block;height:110px;min-height:110px;width:100%;margin-top:15px;background:url('./assets/deco-noel-chalet.png') center bottom /contain no-repeat;opacity:.98;font-size:0}
:root[data-theme="foret"] .sidebar::after{content:'';display:block;height:80px;min-height:80px;width:100%;margin-top:15px;background:url('./assets/deco-foret-chene.png') center bottom /contain no-repeat;opacity:.9;font-size:0}
:root[data-theme="noel"] .app:after,:root[data-theme="neo"] .app:after{content:'';display:block;position:fixed;bottom:0;left:0;width:100%;height:35px;pointer-events:none;z-index:8;opacity:.95;background-position:center bottom;background-size:100% 100%;background-repeat:no-repeat}
:root[data-theme="noel"] .app:after{background-image:url('./assets/deco-noel-neige.jpg')}
:root[data-theme="neo"] .app:after{background-image:url('./assets/deco-neo-vague.jpg')}
@media(max-width:760px){:root[data-theme="noel"] .app:after,:root[data-theme="neo"] .app:after{display:none}}
