/* Theme CRM Gunter. Cette feuille est chargee sur toutes les pages CRM mais
ces regles ne s'activent que pour les deux hostnames Gunter reconnus par
idmp_brand.js. Les variables SILEX restent donc strictement intactes. */
html.idmp-brand-gunter{
--dk-or:#f3b10d!important;--dk-th:#f3b10d!important;--tdor:#f3b10d!important;
--gg-yellow-rgb:243,177,13;--gg-quote-ink:#080808
}
html.idmp-brand-gunter body,
html.idmp-brand-gunter body.dark,
html.idmp-brand-gunter body.idmp-day{
--dk-or:#f3b10d!important;--dk-th:#f3b10d!important;
--or:#f3b10d!important;--orh:#f3b10d!important;--orl:rgba(243,177,13,.16)!important;
--lueur-a:rgba(243,177,13,.34)!important;--lueur-b:rgba(243,177,13,.13)!important;
--gg-yellow:#f3b10d;--gg-gold:#f3b10d;--gg-ink:#090909;--gg-glow:rgba(243,177,13,.34)
}
/* Les anciennes feuilles SILEX ont plusieurs halos dont le coeur suit une
variable mais dont l'estompe rouge est encore codee en dur. Sur Gunter on
repeint toute la lumiere, y compris cette estompe, afin qu'aucun melange
orange ne survive dans le CRM, le catalogue ou les fiches machine. */
html.idmp-brand-gunter body::before,
html.idmp-brand-gunter body.dkp::before{
background:
radial-gradient(120vh 90vh at 8% -18%,rgba(243,177,13,.24),rgba(243,177,13,0) 62%),
radial-gradient(90vh 70vh at 96% 108%,rgba(243,177,13,.13),rgba(243,177,13,0) 60%)!important
}
html.idmp-brand-gunter .content,
html.idmp-brand-gunter .icf,
html.idmp-brand-gunter .mob-subbody,
html.idmp-brand-gunter .mob-accueil,
html.idmp-brand-gunter .mob-menu-wrap,
html.idmp-brand-gunter.ad-mini-offer-root .offer-shell{
background-color:#000!important;
background-image:radial-gradient(ellipse 44% 46% at 50% 52%,rgba(243,177,13,.34) 0%,rgba(243,177,13,.14) 62%,rgba(0,0,0,0) 100%)!important;
background-repeat:no-repeat!important
}
html.idmp-brand-gunter body.dkp-order #odc{
background:
radial-gradient(120vh 90vh at 8% -18%,rgba(243,177,13,.24),rgba(243,177,13,0) 62%),
radial-gradient(90vh 70vh at 96% 108%,rgba(243,177,13,.13),rgba(243,177,13,0) 60%),
#000!important
}
/* Connexion et reauthentification : ces ecrans precedaient les jetons du CRM
et portaient encore leurs accents rouges en valeurs litterales. */
html.idmp-brand-gunter #idmp .lh em,
html.idmp-brand-gunter #idmp .fgt,
html.idmp-brand-gunter #idmp .cgu-check a,
html.idmp-brand-gunter #idmp .note a,
html.idmp-brand-gunter .pop-ico i{color:#f3b10d!important}
html.idmp-brand-gunter #idmp .fw input:focus{border-color:#f3b10d!important}
html.idmp-brand-gunter #idmp .cgu-check input{accent-color:#f3b10d!important}
html.idmp-brand-gunter #idmp .step-dot.on{background:#f3b10d!important}
html.idmp-brand-gunter #idmp .btn-submit,
html.idmp-brand-gunter .pop-btn{
background:#f3b10d!important;color:#080808!important;
box-shadow:0 0 26px rgba(243,177,13,.28)!important
}
html.idmp-brand-gunter #idmp .btn-submit:hover,
html.idmp-brand-gunter .pop-btn:hover{background:#f3b10d!important;color:#050505!important}
html.idmp-brand-gunter #idmp .btn-submit:disabled{background:#5a5a4d!important;color:#b7b7ae!important;box-shadow:none!important}
html.idmp-brand-gunter .pop-ico{background:rgba(243,177,13,.15)!important}
/* Fiches annonce et configurateur : les composants historiques qui utilisaient
encore une valeur rouge litterale rejoignent eux aussi l'accent Gunter. */
html.idmp-brand-gunter .offer-title b,
html.idmp-brand-gunter .offer-pre li i,
html.idmp-brand-gunter .offer-chip b,
html.idmp-brand-gunter .veh-delai i,
html.idmp-brand-gunter .opts-row i,
html.idmp-brand-gunter .ori-link{color:#f3b10d!important}
html.idmp-brand-gunter .offer-chip,
html.idmp-brand-gunter .veh-iconbtn:hover,
html.idmp-brand-gunter .dvs-seg button.on,
html.idmp-brand-gunter .dvs-promo,
html.idmp-brand-gunter .dvs-promo-g input:focus{border-color:#f3b10d!important}
html.idmp-brand-gunter .offer-config,
html.idmp-brand-gunter .offer-chip.ton,
html.idmp-brand-gunter .offer-pre-cta,
html.idmp-brand-gunter .veh-launch,
html.idmp-brand-gunter .ad-mob-cta button,
html.idmp-brand-gunter .ad-promo-apply,
html.idmp-brand-gunter .dvs-go,
html.idmp-brand-gunter .btn-green{
background:#f3b10d!important;color:#080808!important;
box-shadow:0 0 24px rgba(243,177,13,.25)!important
}
html.idmp-brand-gunter .offer-gallery .gal-nav:hover,
html.idmp-brand-gunter .offer-thumb-nav:hover{background:#f3b10d!important;color:#080808!important}
html.idmp-brand-gunter .offer-gallery .gthumb.on{border-color:#f3b10d!important}
@media (max-width:768px), (orientation:portrait) and (max-width:1024px){
html.idmp-brand-gunter .content,
html.idmp-brand-gunter .icf,
html.idmp-brand-gunter .mob-subbody,
html.idmp-brand-gunter .mob-accueil,
html.idmp-brand-gunter .mob-menu-wrap,
html.idmp-brand-gunter.ad-mini-offer-root .offer-shell{
background-image:radial-gradient(ellipse 46% 34% at 50% 56%,rgba(243,177,13,.34) 0%,rgba(243,177,13,.14) 62%,rgba(0,0,0,0) 100%)!important
}
}
html.idmp-brand-gunter body::selection,
html.idmp-brand-gunter body *::selection{background:rgba(243,177,13,.48)!important;color:#050505!important}
html.idmp-brand-gunter .mob-tab .mnav-pill,
html.idmp-brand-gunter .kbt-b.on .kbt-n{
background:rgba(243,177,13,.13)!important;color:#f3b10d!important;
box-shadow:inset 3px 0 0 #f3b10d,0 0 22px rgba(243,177,13,.15)!important
}
html.idmp-brand-gunter .sb-role i,
html.idmp-brand-gunter .sb-role span,
html.idmp-brand-gunter .ssb-role i,
html.idmp-brand-gunter .ssb-role span{color:#f3b10d!important}
html.idmp-brand-gunter .sb-role,
html.idmp-brand-gunter .idmp-ssb .ssb-role{
background:rgba(243,177,13,.11)!important;border-color:rgba(243,177,13,.38)!important;
box-shadow:0 0 20px rgba(243,177,13,.10)!important
}
html.idmp-brand-gunter .btn-or,
html.idmp-brand-gunter .i-cta--or,
html.idmp-brand-gunter .mob-lancer,
html.idmp-brand-gunter .mob-sheet-apply,
html.idmp-brand-gunter #mob-fbtn,
html.idmp-brand-gunter .fsel-or,
html.idmp-brand-gunter .tbn.on,
html.idmp-brand-gunter .cat-fsheet-apply{
color:#080808!important;background-color:#f3b10d!important;border-color:#f3b10d!important;
box-shadow:0 0 25px rgba(243,177,13,.28)!important;text-shadow:none!important
}
html.idmp-brand-gunter .btn-or:hover,
html.idmp-brand-gunter .i-cta--or:hover,
html.idmp-brand-gunter .mob-lancer:hover,
html.idmp-brand-gunter .mob-sheet-apply:hover,
html.idmp-brand-gunter #mob-fbtn:hover{background:#f3b10d!important;color:#050505!important}
/* Menu SAV de l'administration Gunter. Le panneau vit sur body pour ne pas
etre coupe par le defilement horizontal de la barre d'onglets. */
html.idmp-brand-gunter .gg-admin-sav-trigger{gap:6px}
/* Emplacements stables avant le retour des droits du switch. Un emplacement
vide n'est pas une autorisation : seul le RPC existant peut creer le CTA. */
html.idmp-brand-gunter .gg-admin-switch-slot{display:inline-flex;flex:0 0 70px;width:70px;align-items:center;justify-content:center}
html.idmp-brand-gunter .gg-admin-switch-slot .idmp-brand-switch-top{width:100%!important}
@media(max-width:1100px){
html.idmp-brand-gunter .gg-admin-switch-slot{flex-basis:32px;width:32px}
html.idmp-brand-gunter .gg-admin-switch-slot .idmp-brand-switch-top{padding:0!important}
html.idmp-brand-gunter .gg-admin-switch-slot .idmp-brand-switch-top span{display:none!important}
}
html.idmp-brand-gunter .gg-admin-sav-trigger>i:first-child{font-size:15px;color:#f3b10d}
html.idmp-brand-gunter .gg-admin-sav-chevron{font-size:12px;opacity:.72}
html.idmp-brand-gunter .gg-admin-sav-menu{
position:fixed;z-index:12040;width:284px;padding:7px;
border:1px solid rgba(255,255,255,.15);border-radius:13px;
background:rgba(12,13,15,.96);box-shadow:0 22px 58px rgba(0,0,0,.44);
backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)
}
html.idmp-brand-gunter .gg-admin-sav-menu[hidden]{display:none!important}
html.idmp-brand-gunter .gg-admin-sav-menu button{
width:100%;display:flex;align-items:center;gap:11px;padding:11px 10px;
border:0;border-radius:9px;background:transparent;color:#fff;text-align:left;
font:inherit;cursor:pointer
}
html.idmp-brand-gunter .gg-admin-sav-menu button:hover,
html.idmp-brand-gunter .gg-admin-sav-menu button:focus-visible{
background:rgba(243,177,13,.11);outline:0;box-shadow:none;transform:none
}
html.idmp-brand-gunter .gg-admin-sav-menu button>i{font-size:19px;color:#f3b10d}
html.idmp-brand-gunter .gg-admin-sav-menu button>span{display:flex;min-width:0;flex-direction:column;gap:2px}
html.idmp-brand-gunter .gg-admin-sav-menu b{font-size:12.5px}
html.idmp-brand-gunter .gg-admin-sav-menu small{color:#8f96a2;font-size:10.5px;line-height:1.35}
html.idmp-brand-gunter body.idmp-day .gg-admin-sav-menu{
border-color:rgba(24,34,51,.14);background:rgba(249,250,252,.97);
box-shadow:0 20px 48px rgba(24,34,51,.18)
}
html.idmp-brand-gunter body.idmp-day .gg-admin-sav-menu button{color:#182233}
html.idmp-brand-gunter body.idmp-day .gg-admin-sav-menu small{color:#687282}
/* Ces deux entrees historiques quittent le rail Gunter. La regle est
declarative afin qu'elles ne puissent pas flasher avant la reconciliation
JavaScript. Leur contenu reste accessible depuis le menu SAV du haut. */
html.idmp-brand-gunter #nav-recherches,
html.idmp-brand-gunter #nav-sav{display:none!important}
/* Le configurateur est partage avec SILEX et nait avec son accent rouge.
Les deux petits CTA des godets suivent donc explicitement l'accent Gunter. */
html.idmp-brand-gunter .icg-visuel i,
html.idmp-brand-gunter .icf-god-desc i{color:#f3b10d!important}
html.idmp-brand-gunter .icg-visuel:hover,
html.idmp-brand-gunter .icf-god-desc:hover{border-color:#f3b10d!important;color:#f3b10d!important}
html.idmp-brand-gunter .mob-tab.active svg,
html.idmp-brand-gunter .mob-tab.on svg,
html.idmp-brand-gunter .mob-section-ttl a,
html.idmp-brand-gunter .ccard-lnk{stroke:#f3b10d!important;color:#f3b10d!important}
html.idmp-brand-gunter .sb-top img,
html.idmp-brand-gunter .ssb-top img{filter:drop-shadow(0 0 10px rgba(243,177,13,.34))}
html.idmp-brand-gunter [style*="color:#FF3019" i]{color:#f3b10d!important}
html.idmp-brand-gunter [style*="background:#FF3019" i]{background:#f3b10d!important;color:#080808!important}
html.idmp-brand-gunter [style*="border-color:#FF3019" i]{border-color:#f3b10d!important}
html.idmp-brand-gunter .idmp-gunter-cat-tabs{
display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 1px 7px;
overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch
}
html.idmp-brand-gunter .idmp-gunter-cat-tabs::-webkit-scrollbar{display:none}
html.idmp-brand-gunter .idmp-gunter-cat{
flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 13px;
border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.035);
color:#d8d8dc;font:700 12px/1 'DM Sans',Arial,sans-serif;cursor:pointer;text-decoration:none;
transition:border-color .18s ease,color .18s ease,background .18s ease
}
html.idmp-brand-gunter .idmp-gunter-cat:hover,
html.idmp-brand-gunter .idmp-gunter-cat:focus-visible,
html.idmp-brand-gunter .idmp-gunter-cat.on{
border-color:#f3b10d;color:#f3b10d;background:rgba(243,177,13,.10);
box-shadow:0 0 18px rgba(243,177,13,.34),inset 0 0 12px rgba(243,177,13,.06);outline:0
}
html.idmp-brand-gunter .idmp-gunter-cat i{font-size:16px;color:#f3b10d}
/* Navigation catalogue compacte : les familles ont une vraie sous-vue et le
catalogue courant ne garde qu'un retour explicite. Ces selecteurs battent
la grille historique injectee par le comparateur sans modifier SILEX. */
html.idmp-brand-gunter #mob-sub-stock .cat-tabs.idmp-gunter-cat-return{
display:flex!important;grid-template-columns:none!important;width:100%!important;max-width:none!important;
gap:0!important;padding:2px 0 9px!important;overflow:visible!important
}
html.idmp-brand-gunter .gg-mobile-category-back{
display:inline-flex;align-items:center;gap:9px;min-height:42px;padding:0 4px;border:0;background:transparent;
color:#f3b10d;font:800 12px/1 'DM Sans',Arial,sans-serif;letter-spacing:.02em;cursor:pointer
}
html.idmp-brand-gunter .gg-mobile-category-back i{font-size:20px}
html.idmp-brand-gunter .gg-mobile-category-back:focus-visible{outline:2px solid #f3b10d;outline-offset:5px;border-radius:7px}
html.idmp-brand-gunter #mob-sub-categories .mob-subbody{
padding:calc(var(--mnavh) + 18px) 15px calc(34px + env(safe-area-inset-bottom))
}
html.idmp-brand-gunter .gg-mobile-categories{width:min(100%,760px);margin:0 auto}
html.idmp-brand-gunter .gg-mobile-categories-head{padding:6px 2px 22px}
html.idmp-brand-gunter .gg-mobile-categories-head>span{
display:block;color:#f3b10d;font:900 10px/1 'DM Sans',Arial,sans-serif;letter-spacing:.2em
}
html.idmp-brand-gunter .gg-mobile-categories-head h1{
margin:9px 0 7px;color:#fff;font:900 clamp(26px,7vw,38px)/1.04 'DM Sans',Arial,sans-serif;letter-spacing:-.04em
}
html.idmp-brand-gunter .gg-mobile-categories-head p{
margin:0;color:#9297a2;font:600 13px/1.45 'DM Sans',Arial,sans-serif
}
html.idmp-brand-gunter .gg-mobile-categories-grid{display:grid;grid-template-columns:1fr;gap:10px}
html.idmp-brand-gunter .gg-mobile-category-card{
display:grid;grid-template-columns:48px minmax(0,1fr) 22px;align-items:center;gap:13px;width:100%;min-height:82px;
padding:14px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:linear-gradient(135deg,#111318,#0a0b0d);
color:#fff;text-align:left;cursor:pointer;box-shadow:0 10px 26px rgba(0,0,0,.18)
}
html.idmp-brand-gunter .gg-mobile-category-card>i:first-child{
display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:rgba(243,177,13,.13);color:#f3b10d;font-size:24px
}
html.idmp-brand-gunter .gg-mobile-category-card>i:last-child{color:#f3b10d;font-size:19px}
html.idmp-brand-gunter .gg-mobile-category-card b{display:block;font:850 15px/1.2 'DM Sans',Arial,sans-serif}
html.idmp-brand-gunter .gg-mobile-category-card small{display:block;margin-top:5px;color:#8e939d;font:600 11px/1.35 'DM Sans',Arial,sans-serif}
html.idmp-brand-gunter .gg-mobile-category-card:focus-visible{
border-color:#f3b10d;outline:0;box-shadow:0 0 0 2px rgba(243,177,13,.24),0 12px 30px rgba(0,0,0,.2)
}
html.idmp-brand-gunter :is(#mob-sub-pieces-detachees,#mob-sub-godets-autres) .mob-subbody{padding:12px 15px calc(28px + env(safe-area-inset-bottom))}
html.idmp-brand-gunter :is(#mob-spare-parts-body,#mob-accessories-body) .sp-catalogue-root{width:100%;max-width:none}
@media (min-width:620px) and (max-width:1024px){
html.idmp-brand-gunter .gg-mobile-categories-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
html.idmp-brand-gunter body.idmp-day .gg-mobile-categories-head h1{color:#182233}
html.idmp-brand-gunter body.idmp-day .gg-mobile-categories-head p{color:#657080}
html.idmp-brand-gunter body.idmp-day .gg-mobile-category-card{border-color:#dfe3e9;background:#fff;color:#182233;box-shadow:0 10px 28px rgba(24,34,51,.08)}
html.idmp-brand-gunter body.idmp-day .gg-mobile-category-card small{color:#657080}
/* Le premier acces ordinateur dispose du meme choix de familles, dans une
vraie rubrique du compte plutot que dans une fenetre superposee. */
html.idmp-brand-gunter #sec-categories{height:100%;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:clamp(22px,4vh,46px) clamp(16px,3vw,42px)}
html.idmp-brand-gunter .gg-desktop-categories{width:min(100%,1120px);margin:0 auto}
html.idmp-brand-gunter .gg-desktop-categories .gg-mobile-categories-head{padding-bottom:30px}
html.idmp-brand-gunter .gg-desktop-categories .gg-mobile-categories-head h1{font-size:clamp(28px,3.2vw,44px);line-height:1.12}
html.idmp-brand-gunter .gg-desktop-categories .gg-mobile-categories-head p{font-size:14px;line-height:1.6}
html.idmp-brand-gunter .gg-desktop-categories .gg-mobile-categories-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
html.idmp-brand-gunter .gg-desktop-categories .gg-mobile-category-card{min-height:138px;padding:20px;gap:14px;border-radius:18px}
html.idmp-brand-gunter .gg-desktop-categories .gg-mobile-category-card b{font-size:16px}
html.idmp-brand-gunter .gg-desktop-categories .gg-mobile-category-card small{font-size:12px;line-height:1.5}
@media(max-width:1190px){html.idmp-brand-gunter .gg-desktop-categories .gg-mobile-categories-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Les liens catalogue suivent le rembourrage des autres entrees du rail :
une marge propre a Gunter decentrait leur icone rail replie et les
decalait de 9 px dans le rail fixe des pages legales. Les entrees SILEX
qu'ils remplacent restent masquees par la feuille, et non par un seul
style inline qu'une coque efface en reappliquant les droits. */
html.idmp-brand-gunter :is(aside.sb,.idmp-ssb) :is(#nav-stock,#nav-pickup,#nav-chargeuses,#nav-tondeuse,#nav-godets,#cli-nav-stock,#cli-nav-pickup,#cli-nav-chargeuses,#cli-nav-tondeuse,#cli-nav-godets){display:none!important}
html.idmp-brand-gunter .idmp-gunter-side i{color:#8b909b!important}
html.idmp-brand-gunter .idmp-gunter-side.on{
background:rgba(243,177,13,.14)!important;
color:#f3b10d!important;
box-shadow:inset 3px 0 0 #f3b10d!important
}
html.idmp-brand-gunter .idmp-gunter-side.on i{color:#f3b10d!important}
.idmp-gunter-chooser{position:fixed;inset:0;z-index:100500;display:none;align-items:flex-end;justify-content:center}
.idmp-gunter-chooser.on{display:flex}
.idmp-gunter-chooser-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.idmp-gunter-chooser-panel{position:relative;width:min(620px,100%);max-height:88dvh;overflow:auto;padding:11px 16px calc(22px + env(safe-area-inset-bottom));border:1px solid rgba(243,177,13,.22);border-bottom:0;border-radius:24px 24px 0 0;background:#090909;color:#fff;box-shadow:0 -12px 48px rgba(243,177,13,.18)}
.idmp-gunter-chooser-grab{width:42px;height:4px;border-radius:10px;background:rgba(255,255,255,.28);margin:0 auto 15px}
.idmp-gunter-chooser-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.idmp-gunter-chooser-title{font:800 21px/1.15 'DM Sans',Arial,sans-serif}
.idmp-gunter-chooser-sub{margin-top:5px;color:#a8a8ae;font:500 12px/1.35 'DM Sans',Arial,sans-serif}
.idmp-gunter-chooser-close{width:40px;height:40px;border:1px solid rgba(255,255,255,.15);border-radius:13px;background:transparent;color:#fff;font-size:20px;cursor:pointer}
.idmp-gunter-chooser-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.idmp-gunter-chooser-card{display:flex;align-items:center;gap:12px;min-height:76px;padding:12px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.035);color:#fff;text-align:left;cursor:pointer}
.idmp-gunter-chooser-card:hover,.idmp-gunter-chooser-card:focus-visible{border-color:#f3b10d;box-shadow:0 0 19px rgba(243,177,13,.22);outline:0}
.idmp-gunter-chooser-card>i{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:12px;background:rgba(243,177,13,.12);color:#f3b10d;font-size:22px}
.idmp-gunter-chooser-card b{display:block;font:800 13px/1.2 'DM Sans',Arial,sans-serif}
.idmp-gunter-chooser-card small{display:block;margin-top:4px;color:#a8a8ae;font:500 10.5px/1.25 'DM Sans',Arial,sans-serif}
.idmp-brand-switch-card{border:1px solid rgba(243,177,13,.28)!important;background:linear-gradient(135deg,rgba(243,177,13,.09),rgba(255,255,255,.025))!important}
.idmp-brand-switch-card .idmp-brand-switch-row{display:flex;align-items:center;gap:14px}
.idmp-brand-switch-card .idmp-brand-switch-icon{display:grid;place-items:center;width:45px;height:45px;flex:0 0 45px;border-radius:14px;background:rgba(243,177,13,.13);color:#f3b10d;font-size:23px;box-shadow:0 0 18px rgba(243,177,13,.20)}
.idmp-brand-switch-card .idmp-brand-switch-copy{flex:1;min-width:0}
.idmp-brand-switch-card .idmp-brand-switch-copy b{display:block;color:var(--tx,#fff);font-size:14px}
.idmp-brand-switch-card .idmp-brand-switch-copy span{display:block;margin-top:4px;color:var(--mu,#9898a1);font-size:11.5px;line-height:1.35}
.idmp-brand-switch-card .idmp-brand-switch-btn{min-height:40px;padding:0 15px;border:1px solid #f3b10d;border-radius:12px;background:#f3b10d;color:#080808;font:900 12px/1 'DM Sans',Arial,sans-serif;cursor:pointer;box-shadow:0 0 21px rgba(243,177,13,.28)}
html:not(.idmp-brand-gunter) .idmp-brand-switch-card{border-color:rgba(255,48,25,.28)!important;background:linear-gradient(135deg,rgba(255,48,25,.09),rgba(255,255,255,.025))!important}
html:not(.idmp-brand-gunter) .idmp-brand-switch-card .idmp-brand-switch-icon{background:rgba(255,48,25,.13);color:#ff3019;box-shadow:0 0 18px rgba(255,48,25,.20)}
html:not(.idmp-brand-gunter) .idmp-brand-switch-card .idmp-brand-switch-btn{border-color:#ff3019;background:#ff3019;color:#fff;box-shadow:0 0 21px rgba(255,48,25,.24)}
@media (min-width:769px){.idmp-gunter-chooser{align-items:center}.idmp-gunter-chooser-panel{border-radius:24px;border-bottom:1px solid rgba(243,177,13,.22);padding:18px 20px 22px}}
@media (max-width:430px){.idmp-gunter-chooser-grid{grid-template-columns:1fr}.idmp-brand-switch-card .idmp-brand-switch-row{align-items:flex-start;flex-wrap:wrap}.idmp-brand-switch-card .idmp-brand-switch-btn{width:100%}}
/* Echelle mesuree sur les pixels opaques, avec GT1500C comme reference.
GT3000 reprend la cabine de GT2500 ; GT3500 est agrandie de 30 %.
Les marges PNG ne determinent pas la taille de la machine. */
html.idmp-brand-gunter .ic-card[data-idmp-model] .ic-img{
object-position:center bottom;
transform:scale(var(--gg-catalog-scale,1));
transform-origin:center bottom;
}
html.idmp-brand-gunter .ic-card[data-idmp-model="GG800N"]{--gg-catalog-scale:.959}
html.idmp-brand-gunter .ic-card[data-idmp-model="GT1000"]{--gg-catalog-scale:.954}
html.idmp-brand-gunter .ic-card[data-idmp-model="GG1600"]{--gg-catalog-scale:1.052}
html.idmp-brand-gunter .ic-card[data-idmp-model="GG1700"]{--gg-catalog-scale:.989}
html.idmp-brand-gunter .ic-card[data-idmp-model="GT1700"]{--gg-catalog-scale:.980}
html.idmp-brand-gunter .ic-card[data-idmp-model="GT1700C"]{--gg-catalog-scale:.918}
html.idmp-brand-gunter .ic-card[data-idmp-model="GT2000"]{--gg-catalog-scale:.896}
html.idmp-brand-gunter .ic-card[data-idmp-model="GT2000J"]{--gg-catalog-scale:.890}
html.idmp-brand-gunter .ic-card[data-idmp-model="GT2500"]{--gg-catalog-scale:.950}
html.idmp-brand-gunter .ic-card[data-idmp-model="GT3000"]{--gg-catalog-scale:.99246}
html.idmp-brand-gunter .ic-card[data-idmp-model="GT3500"]{--gg-catalog-scale:1.1011}
/* La silhouette agrandie depasse legerement le cadre photo, sans ajouter
de hauteur a la ligne et sans decaler le bouton de configuration. */
html.idmp-brand-gunter .ic-card.is-mini-pelle[data-idmp-model="GT3500"] .ic-media{overflow:visible!important}
@media(min-width:769px) and (orientation:landscape),(min-width:1025px){
html.idmp-brand-gunter .ic-card.is-mini-pelle[data-idmp-model="GT3500"] .ic-img{position:relative;top:6%}
}
/* ==========================================================================
CONTRASTE CRM GUNTER : JAUNE DE MARQUE ET VERRE TECH
==========================================================================
LE VERRE N'EST PLUS FLOUTE SUR LES PETITS BOUTONS (19 octobre 2026).
backdrop-filter faisait de chaque bouton secondaire, de chaque pagination
et de chaque fleche de galerie un calque composite qui refloutait ce qui
passait dessous a chaque image du defilement : Prospects, Contacts, les
listes de commandes et la galerie de la fiche saccadaient des quelques
dizaines de lignes. Posee sur un fond uni, la regle ne changeait rien au
rendu : le flou d'un fond uni est ce fond. Seules les quatre surfaces
flottantes gardent leur flou (menu SAV admin, fond et panneau du chooser,
en-tete client), ce sont les seules sous lesquelles du contenu defile.
Les ombres ne s'animent plus non plus : une transition de box-shadow
repeint la boite a chaque image, la charte limite l'animation a la couleur
et a la bordure.
Cette derniere couche est volontairement placee en fin de fichier. Les
feuilles historiques et certains modules JS injectent encore des regles
SILEX apres le chargement initial. Les selecteurs restent tous ancres sur
idmp-brand-gunter : aucun rendu SILEX n'est modifie. */
html.idmp-brand-gunter{
--gg-accent:#f3b10d;
--gg-accent-hover:#d99b00;
--gg-accent-ink:#080808;
--gg-day-accent:#f3b10d;
--gg-day-accent-hover:#f3b10d;
--gg-day-surface:#f3f5f7;
--gg-day-soft:rgba(243,177,13,.14);
--gg-day-glass:rgba(255,255,255,.62);
--gg-day-glass-border:rgba(24,34,51,.14);
--gg-day-glass-ink:#263246;
--gg-dark-glass:rgba(255,255,255,.065);
--gg-dark-glass-border:rgba(255,255,255,.15);
--gg-neutral-action-bg:rgba(255,255,255,.045);
--gg-neutral-action-border:rgba(255,255,255,.20);
--gg-neutral-action-ink:#eceef2
}
/* Socle historique des surfaces jaunes. La passe finale reserve l'encre blanche
aux vrais CTA et garde l'encre sombre sur les badges et marqueurs compacts. */
html.idmp-brand-gunter body :is(
#mob-fbtn,#cat-fbtn,
.btn-or,.i-cta--or,.dd-btn-or,.crm-envoi,
.mob-lancer:not(.mob-call),.mob-sheet-apply,.cat-fsheet-apply,.asf-applybtn,
.minv-cta,.qs-btn,.qs-btn-pk,.cta-pk,.sc-cta,.mob-sc-cta,
.ic-foot .i-cta,.ih-cardwrap .i-cta,.idmp-tel-btn,
#idmp .btn-submit,.pop-btn,.offer-config,.offer-pre-cta,.veh-launch,
.ad-mob-cta button,.ad-promo-apply,.dvs-go,.btn-green,
.order-btn,.identity-actions button.primary,.cta-or,.ihs-cta,
.od2-cta.primary,.od2-initial-head .od2-publish,
.icf-nav button.next,.icf-cta,.cfg-payment-primary,.nx-primary,
.itc-send,.itc-primary,.idmp-tour-btn.primary,
.idmp-tour-demo-actions button:first-child,.idmp-tour-demo-pied button.primary,
.aca-segments button.active,.aca-order .aca-stock-title i
){
background:#f3b10d!important;
background-image:none!important;
border-color:#f3b10d!important;
color:#080808!important;
text-shadow:none!important;
box-shadow:0 0 0 1px rgba(255,219,107,.16),0 9px 30px rgba(243,177,13,.22)!important
}
html.idmp-brand-gunter body :is(
#mob-fbtn,#cat-fbtn,
.btn-or,.i-cta--or,.dd-btn-or,.crm-envoi,
.mob-lancer:not(.mob-call),.mob-sheet-apply,.cat-fsheet-apply,.asf-applybtn,
.minv-cta,.qs-btn,.qs-btn-pk,.cta-pk,.sc-cta,.mob-sc-cta,
.ic-foot .i-cta,.ih-cardwrap .i-cta,.idmp-tel-btn,
#idmp .btn-submit,.pop-btn,.offer-config,.offer-pre-cta,.veh-launch,
.ad-mob-cta button,.ad-promo-apply,.dvs-go,.btn-green,
.order-btn,.identity-actions button.primary,.cta-or,.ihs-cta,
.od2-cta.primary,.od2-initial-head .od2-publish,
.icf-nav button.next,.icf-cta,.cfg-payment-primary,.nx-primary,
.itc-send,.itc-primary,.idmp-tour-btn.primary,
.idmp-tour-demo-actions button:first-child,.idmp-tour-demo-pied button.primary,
.aca-segments button.active,.aca-order .aca-stock-title i
) :is(i,span,b,strong,small){color:#080808!important}
html.idmp-brand-gunter body :is(
#mob-fbtn,#cat-fbtn,.btn-or,.i-cta--or,.dd-btn-or,.crm-envoi,
.mob-lancer:not(.mob-call),.mob-sheet-apply,.cat-fsheet-apply,.asf-applybtn,
.minv-cta,.qs-btn,.qs-btn-pk,.cta-pk,.sc-cta,.mob-sc-cta,
.ic-foot .i-cta,.ih-cardwrap .i-cta,.idmp-tel-btn,
#idmp .btn-submit,.pop-btn,.offer-config,.offer-pre-cta,.veh-launch,
.ad-mob-cta button,.ad-promo-apply,.dvs-go,.btn-green,
.order-btn,.identity-actions button.primary,.cta-or,.ihs-cta,
.od2-cta.primary,.od2-initial-head .od2-publish,.icf-nav button.next,
.icf-cta,.cfg-payment-primary,.nx-primary,.itc-send,.itc-primary
) :is(svg,svg *){color:#080808!important;stroke:currentColor!important}
html.idmp-brand-gunter body :is(
#mob-fbtn,#cat-fbtn,.btn-or,.i-cta--or,.dd-btn-or,.crm-envoi,
.mob-lancer:not(.mob-call),.mob-sheet-apply,.cat-fsheet-apply,.asf-applybtn,
.minv-cta,.qs-btn,.qs-btn-pk,.cta-pk,.sc-cta,.mob-sc-cta,
.ic-foot .i-cta,.ih-cardwrap .i-cta,.idmp-tel-btn,
#idmp .btn-submit,.pop-btn,.offer-config,.offer-pre-cta,.veh-launch,
.ad-mob-cta button,.ad-promo-apply,.dvs-go,.btn-green,
.order-btn,.identity-actions button.primary,.cta-or,.ihs-cta,
.od2-cta.primary,.od2-initial-head .od2-publish,.icf-nav button.next,
.icf-cta,.cfg-payment-primary,.nx-primary,.itc-send,.itc-primary,
.idmp-tour-btn.primary,.idmp-tour-demo-actions button:first-child,
.idmp-tour-demo-pied button.primary,.aca-segments button.active
):is(:hover,:focus-visible){
background:#d99b00!important;border-color:#d99b00!important;color:#080808!important;
box-shadow:0 0 0 3px rgba(243,177,13,.20),0 12px 34px rgba(243,177,13,.28)!important
}
html.idmp-brand-gunter body :is(
#mob-fbtn,#cat-fbtn,.btn-or,.i-cta--or,.dd-btn-or,.crm-envoi,
.mob-lancer:not(.mob-call),.mob-sheet-apply,.cat-fsheet-apply,.asf-applybtn,
.minv-cta,.qs-btn,.qs-btn-pk,.cta-pk,.sc-cta,.mob-sc-cta,
.order-btn,.cta-or,.ihs-cta,.od2-cta.primary,.cfg-payment-primary,.nx-primary,
.itc-send,.itc-primary
):disabled{background:#4a4a45!important;border-color:#5d5d57!important;color:#bdbdb6!important;box-shadow:none!important}
/* Les commandes secondaires et destructrices ne sont plus rouges. Elles
deviennent des surfaces de verre neutres ; leur libelle et la confirmation
conservent le sens de l'action sans concurrencer le CTA principal. */
html.idmp-brand-gunter body :is(
#asf-fbtn,
.btn-gh,.tbtn,.back-btn,.aback-row,.i-cta--gh,
.dd-btn:not(.dd-btn-or):not(.dd-btn-bad):not(.dd-btn-perdue),
.od2-cta:not(.primary):not(.danger),
.cfg-payment-actions button:not(.cfg-payment-primary),
.idmp-tour-btn:not(.primary),.idmp-tour-demo-actions button:not(:first-child),
.idmp-tour-demo-pied button:not(.primary),.idmp-tour-demo-actions-suite button,
.dd-back,.od2-back,.odc-back,.modal-close,.ap-sheet-close,.crm-f-crayon,
.veh-iconbtn,.gal-nav,.offer-thumb-nav,.fsel-or,.sf-reset
){
background:rgba(255,255,255,.065)!important;
background-image:none!important;
border-color:rgba(255,255,255,.15)!important;
color:#f5f6f8!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.045)!important
}
html.idmp-brand-gunter body :is(
#asf-fbtn,.btn-gh,.tbtn,.back-btn,.aback-row,.i-cta--gh,
.dd-btn:not(.dd-btn-or):not(.dd-btn-bad):not(.dd-btn-perdue),
.od2-cta:not(.primary):not(.danger),.cfg-payment-actions button:not(.cfg-payment-primary),
.idmp-tour-btn:not(.primary),.idmp-tour-demo-actions button:not(:first-child),
.idmp-tour-demo-pied button:not(.primary),.idmp-tour-demo-actions-suite button,
.dd-back,.od2-back,.odc-back,.modal-close,.ap-sheet-close,.crm-f-crayon,
.veh-iconbtn,.gal-nav,.offer-thumb-nav,.fsel-or,.sf-reset
):is(:hover,:focus-visible){
background:rgba(255,255,255,.11)!important;border-color:rgba(243,177,13,.52)!important;
color:#fff!important;box-shadow:0 0 0 3px rgba(243,177,13,.11)!important
}
html.idmp-brand-gunter body :is(
.dd-btn-bad,.dd-btn-perdue,.od2-cta.danger,.offer-admin-delete,
#btn-mfa-disable,.ap-session-card>button,.cta-bad
){
background:var(--gg-neutral-action-bg)!important;background-image:none!important;
border-color:var(--gg-neutral-action-border)!important;color:var(--gg-neutral-action-ink)!important;
box-shadow:none!important;text-shadow:none!important
}
html.idmp-brand-gunter body :is(
.dd-btn-bad,.dd-btn-perdue,.od2-cta.danger,.offer-admin-delete,
#btn-mfa-disable,.ap-session-card>button,.cta-bad
):hover{background:rgba(255,255,255,.10)!important;border-color:rgba(255,255,255,.34)!important;color:#fff!important}
/* Filtres et etats actifs : contour jaune en sombre, voile jaune avec encre
ambre en clair. Le chevron n'est plus le SVG blanc du theme SILEX. */
html.idmp-brand-gunter body .fsel-or{
background-image:url("data:image/svg+xml;utf8,")!important;
background-repeat:no-repeat!important;background-position:right 12px center!important
}
html.idmp-brand-gunter body :is(
.cat-tab.on,.cat-tab.active,.i-ton-b.on,.ovt.on,.ov-rdv-past.on,
.ov-rdv-filter.on,.rdv-t.on,.rdv-d.on,.ap-lang.on,.crm-tab.on,.kpi-pbtn.on,
.tbn.on,.dd-et.is-ici,.dd-et.is-retour
){
background:rgba(243,177,13,.13)!important;border-color:rgba(243,177,13,.52)!important;
color:#f3b10d!important;box-shadow:inset 0 0 18px rgba(243,177,13,.08)!important
}
/* Retire les voiles rouges codes en dur dans les editeurs et menus CRM. */
html.idmp-brand-gunter body :is(.crm-f-crayon:hover,.crm-assign-mark,.crm-assign-close:hover,.crm-assign-option:hover,.crm-assign-option.on,.crm-rem-src,.crm-rem-txt .mention-chip,.crm-mention-option:hover,.crm-mention-option.on){
background:rgba(243,177,13,.13)!important;color:#f3b10d!important
}
html.idmp-brand-gunter body :is(.crm-f-inp,.crm-mention-drop,.crm-toast-partage){border-color:rgba(243,177,13,.42)!important}
html.idmp-brand-gunter body .crm-assign-editor{border-left-color:rgba(243,177,13,.72)!important}
html.idmp-brand-gunter body .crm-assign-search{border-bottom-color:rgba(243,177,13,.42)!important}
html.idmp-brand-gunter body :is(.crm-f dd .crm-f-sel,.dd-sel.dd-sel){
border-color:rgba(243,177,13,.46)!important;background-color:rgba(243,177,13,.10)!important;
background-image:url("data:image/svg+xml;utf8,")!important;
box-shadow:inset 0 0 18px rgba(243,177,13,.11)!important
}
html.idmp-brand-gunter body :is(.crm-f dd .crm-f-sel,.dd-sel.dd-sel):is(:hover,:focus){
border-color:#f3b10d!important;background-color:rgba(243,177,13,.15)!important;
box-shadow:inset 0 0 22px rgba(243,177,13,.14),0 0 0 3px rgba(243,177,13,.12)!important
}
/* Valeurs litterales historiques dans les attributs style. */
html.idmp-brand-gunter body :is([style*="color:#FF3019" i],[style*="color:#DD2714" i],[style*="color:#D72E19" i],[style*="color:#B82413" i]){color:#f3b10d!important}
html.idmp-brand-gunter body :is([style*="background:#FF3019" i],[style*="background:#DD2714" i],[style*="background:#D72E19" i],[style*="background:#B82413" i]){background:#f3b10d!important;color:#080808!important}
html.idmp-brand-gunter body :is([style*="border-color:#FF3019" i],[style*="border-color:#DD2714" i],[style*="border-color:#D72E19" i],[style*="border-color:#B82413" i]){border-color:#f3b10d!important}
/* --------------------------------------------------------------------------
MODE JOUR : le jaune logo reste celui des CTA ; les petits textes
gardent une encre sombre lisible sur fond clair. Les secondaires utilisent un
verre gris tres clair et non un jaune illisible sur blanc. */
html.idmp-brand-gunter body.idmp-day{
--or:var(--gg-day-accent)!important;--orh:#f3b10d!important;--orl:rgba(243,177,13,.14)!important;
--dk-or:#f3b10d!important;--tdor:#f3b10d!important;
--idmp-subtab-line:#263246!important;
--gg-neutral-action-bg:var(--gg-day-glass);
--gg-neutral-action-border:var(--gg-day-glass-border);
--gg-neutral-action-ink:var(--gg-day-glass-ink);
background-color:var(--gg-day-surface)!important;
background-image:
radial-gradient(circle at 86% 10%,rgba(243,177,13,.095),transparent 32rem),
radial-gradient(circle at 58% 92%,rgba(243,177,13,.045),transparent 42rem)!important
}
html.idmp-brand-gunter body.idmp-day::before,
html.idmp-brand-gunter body.idmp-day.dkp::before{
background:radial-gradient(circle,rgba(243,177,13,.18),transparent 68%)!important
}
html.idmp-brand-gunter body.idmp-day :is(.content,.icf,.mob-subbody,.mob-accueil,.mob-menu-wrap),
html.idmp-brand-gunter body.idmp-day.ad-mini-offer-root .offer-shell{
background-color:var(--gg-day-surface)!important;
background-image:radial-gradient(ellipse 48% 44% at 52% 48%,rgba(243,177,13,.095),rgba(243,245,247,0) 74%)!important;
color:var(--gg-day-glass-ink)!important
}
html.idmp-brand-gunter body.idmp-day.dkp-order #odc{
background:
radial-gradient(120vh 90vh at 8% -18%,rgba(243,177,13,.10),rgba(243,177,13,0) 62%),
radial-gradient(90vh 70vh at 96% 108%,rgba(243,177,13,.055),rgba(243,177,13,0) 60%),
#f3f5f7!important
}
html.idmp-brand-gunter body.idmp-day::selection,
html.idmp-brand-gunter body.idmp-day *::selection{background:rgba(243,177,13,.28)!important;color:#182233!important}
html.idmp-brand-gunter body.idmp-day :is(input,select,textarea):focus,
html.idmp-brand-gunter body.idmp-day :is(.tb-search,.tsrch):focus-within{
border-color:#263246!important;outline-color:rgba(243,177,13,.18)!important;
box-shadow:0 0 0 3px rgba(243,177,13,.17)!important
}
html.idmp-brand-gunter body.idmp-day :is(
.sb-item.active,.sb-a.active,.sb-item.on,.sb-a.on,.sbi.on,
.mob-tab.active::before,.mob-tab.on::before,.mob-tab .mnav-pill,
.crm-mention-option:hover,.crm-mention-option.on,.crm-assign-option:hover,
.crm-rem-src,.idmp-tour-tip,.idmp-tour-demo-rdv-ligne,
.idmp-tour-demo-choix button.on,.idmp-tour-demo-types b.on,
.offer-fiche:hover,.odc-back:hover>i,.od2-modal-x:hover,.rdv-v:hover,
.icg-row.on,.dd-et.is-ici,.dd-et.is-retour
){
background:rgba(243,177,13,.14)!important;color:#263246!important;
border-color:rgba(243,177,13,.36)!important
}
html.idmp-brand-gunter body.idmp-day :is(
.sb-item.active,.sb-a.active,.sb-item.on,.sb-a.on,.sbi.on,
.mob-tab.active,.mob-tab.on,.mob-tab.active i,.mob-tab.on i,
aside.sb .sbi:hover,aside.sb .sbi.on,aside.sb .sbi:hover i,aside.sb .sbi.on i,
.aca-fam:hover,.aca-fam.on,.aca-nav button.active>span,.aca-nav button.active>b,
.aca-notice span,.idmp-tour-kicker,.idmp-tour-demo-tag,.idmp-tour-demo-source,
.idmp-tour-demo-machine,.idmp-tour-demo-rdv-date b,.idmp-tour-demo-modal-entete b,
.od2-tab.on,.crm-f-crayon:hover,.crm-assign-mark,.crm-assign-chevron,
.crm-assign-trigger:hover .crm-assign-current,.crm-assign-option.on,
.crm-rem-src,.crm-rem-txt .mention-chip
){color:#263246!important}
html.idmp-brand-gunter body.idmp-day .aca{--aca-or:#f3b10d!important;--aca-orh:#f3b10d!important}
html.idmp-brand-gunter body.idmp-day :is(.idmp-tour-panel,.idmp-tour-demo-modal){
border-color:rgba(243,177,13,.27)!important;
box-shadow:0 22px 70px rgba(24,34,51,.18),0 0 28px rgba(243,177,13,.10)!important
}
/* Socle des actions en mode jour, complete par la passe CTA blanche finale. */
html.idmp-brand-gunter body.idmp-day :is(
#mob-fbtn,#cat-fbtn,
.btn-or,.i-cta--or,.dd-btn-or,.crm-envoi,
.mob-lancer:not(.mob-call),.mob-sheet-apply,.cat-fsheet-apply,.asf-applybtn,
.minv-cta,.qs-btn,.qs-btn-pk,.cta-pk,.sc-cta,.mob-sc-cta,
.ic-foot .i-cta,.ih-cardwrap .i-cta,.idmp-tel-btn,
#idmp .btn-submit,.pop-btn,.offer-config,.offer-pre-cta,.veh-launch,
.ad-mob-cta button,.ad-promo-apply,.dvs-go,.btn-green,
.order-btn,.identity-actions button.primary,.cta-or,.ihs-cta,
.od2-cta.primary,.od2-initial-head .od2-publish,
.icf-nav button.next,.icf-cta,.cfg-payment-primary,.nx-primary,
.itc-send,.itc-primary,.idmp-tour-btn.primary,
.idmp-tour-demo-actions button:first-child,.idmp-tour-demo-pied button.primary,
.aca-segments button.active,.aca-order .aca-stock-title i
){background:#f3b10d!important;background-image:none!important;border-color:#f3b10d!important;color:#080808!important}
/* Secondaires et actions sensibles en verre clair. */
html.idmp-brand-gunter body.idmp-day :is(
#asf-fbtn,
.btn-gh,.tbtn,.back-btn,.aback-row,.i-cta--gh,
.dd-btn:not(.dd-btn-or),.od2-cta:not(.primary):not(.danger),
.cfg-payment-actions button:not(.cfg-payment-primary),
.idmp-tour-btn:not(.primary),.idmp-tour-demo-actions button:not(:first-child),
.idmp-tour-demo-pied button:not(.primary),.idmp-tour-demo-actions-suite button,
.dd-back,.od2-back,.odc-back,.modal-close,.ap-sheet-close,.crm-f-crayon,
.veh-iconbtn,.gal-nav,.offer-thumb-nav,.fsel-or,.sf-reset,
.offer-admin-delete,#btn-mfa-disable,.ap-session-card>button,.cta-bad
){
background:var(--gg-day-glass)!important;background-image:none!important;
border-color:var(--gg-day-glass-border)!important;color:var(--gg-day-glass-ink)!important;
box-shadow:0 8px 28px rgba(24,34,51,.06),inset 0 1px 0 rgba(255,255,255,.80)!important
}
html.idmp-brand-gunter body.idmp-day :is(
#asf-fbtn,.btn-gh,.tbtn,.back-btn,.aback-row,.i-cta--gh,
.dd-btn:not(.dd-btn-or),.od2-cta:not(.primary):not(.danger),
.cfg-payment-actions button:not(.cfg-payment-primary),
.idmp-tour-btn:not(.primary),.idmp-tour-demo-actions button:not(:first-child),
.idmp-tour-demo-pied button:not(.primary),.idmp-tour-demo-actions-suite button,
.dd-back,.od2-back,.odc-back,.modal-close,.ap-sheet-close,.crm-f-crayon,
.veh-iconbtn,.gal-nav,.offer-thumb-nav,.fsel-or,.sf-reset,
.offer-admin-delete,#btn-mfa-disable,.ap-session-card>button,.cta-bad
):is(:hover,:focus-visible){
background:rgba(255,255,255,.92)!important;border-color:rgba(243,177,13,.40)!important;
color:#182233!important;box-shadow:0 0 0 3px rgba(243,177,13,.13),0 10px 30px rgba(24,34,51,.08)!important
}
html.idmp-brand-gunter body.idmp-day .fsel-or{
background-image:url("data:image/svg+xml;utf8,")!important;
background-repeat:no-repeat!important;background-position:right 12px center!important
}
html.idmp-brand-gunter body.idmp-day :is(
.cat-tab.on,.cat-tab.active,.i-ton-b.on,.ovt.on,.ov-rdv-past.on,
.ov-rdv-filter.on,.rdv-t.on,.rdv-d.on,.ap-lang.on,.crm-tab.on,.kpi-pbtn.on,.tbn.on
){
background:rgba(243,177,13,.14)!important;border-color:rgba(243,177,13,.34)!important;
color:#263246!important;box-shadow:inset 0 0 18px rgba(243,177,13,.08)!important
}
html.idmp-brand-gunter body.idmp-day :is(.crm-f dd .crm-f-sel,.dd-sel.dd-sel){
border-color:rgba(243,177,13,.32)!important;background-color:rgba(255,255,255,.72)!important;
background-image:url("data:image/svg+xml;utf8,")!important;
color:#263246!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.78)!important
}
/* Messagerie : le message emis est un voile jaune lisible, pas un aplat
rouge. Les alertes de validation conservent toutefois leur rouge
semantique afin de ne pas masquer une erreur ou une suppression. */
html.idmp-brand-gunter body.idmp-day .itc-count{background:#f3b10d!important;color:#080808!important}
html.idmp-brand-gunter body.idmp-day .itc-own .itc-bubble{
background:linear-gradient(145deg,rgba(243,177,13,.24),rgba(243,177,13,.12))!important;
color:#182233!important;border-color:rgba(243,177,13,.24)!important
}
html.idmp-brand-gunter body.idmp-day .itc-own :is(.itc-msg-time,.itc-receipt){color:#263246!important}
/* Choix de categorie et bascule de marque en mode jour. */
html.idmp-brand-gunter body.idmp-day .idmp-gunter-chooser-backdrop{background:rgba(24,34,51,.28)!important}
html.idmp-brand-gunter body.idmp-day .idmp-gunter-chooser-panel{
background:rgba(247,249,251,.94)!important;color:#182233!important;
border-color:rgba(243,177,13,.22)!important;box-shadow:0 -18px 54px rgba(24,34,51,.18)!important;
backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)
}
html.idmp-brand-gunter body.idmp-day .idmp-gunter-chooser-card{
background:rgba(255,255,255,.70)!important;color:#182233!important;border-color:rgba(24,34,51,.13)!important
}
html.idmp-brand-gunter body.idmp-day .idmp-gunter-chooser-sub,
html.idmp-brand-gunter body.idmp-day .idmp-gunter-chooser-card small{color:#5b6676!important}
html.idmp-brand-gunter body.idmp-day .idmp-gunter-chooser-close{background:rgba(255,255,255,.70)!important;color:#263246!important;border-color:rgba(24,34,51,.14)!important}
html.idmp-brand-gunter body.idmp-day .idmp-brand-switch-card{
background:linear-gradient(135deg,rgba(243,177,13,.11),rgba(255,255,255,.72))!important;
border-color:rgba(243,177,13,.24)!important
}
/* En mode jour les valeurs rouges litterales deviennent de l'ambre fonce,
tandis qu'un ancien fond rouge conserve le jaune logo et son encre noire. */
html.idmp-brand-gunter body.idmp-day :is([style*="color:#FF3019" i],[style*="color:#DD2714" i],[style*="color:#D72E19" i],[style*="color:#B82413" i]){color:#263246!important}
html.idmp-brand-gunter body.idmp-day :is([style*="background:#FF3019" i],[style*="background:#DD2714" i],[style*="background:#D72E19" i],[style*="background:#B82413" i]){background:#f3b10d!important;color:#080808!important}
/* Derniers CTA historiques : ils n'ont pas de classe btn-or mais reposent
encore sur --or ou sur un style injecte. Ils suivent le meme contrat de
contraste que les autres actions principales. */
html.idmp-brand-gunter body :is(
.dk-cta,.dkp-devis .cta,.dkp-devis .promo-row button,.dkp-pay .cta,
.od-refus-cta,button[style*="background:var(--or)" i],a[style*="background:var(--or)" i]
){
background:#f3b10d!important;background-image:none!important;border-color:#f3b10d!important;
color:#080808!important;text-shadow:none!important;
box-shadow:0 9px 30px rgba(243,177,13,.22)!important
}
html.idmp-brand-gunter body :is(
.dk-cta,.dkp-devis .cta,.dkp-devis .promo-row button,.dkp-pay .cta,
.od-refus-cta,button[style*="background:var(--or)" i],a[style*="background:var(--or)" i]
) :is(i,span,b,strong,svg){color:#080808!important;stroke:currentColor!important}
html.idmp-brand-gunter body :is(
.dk-cta,.dkp-devis .cta,.dkp-devis .promo-row button,.dkp-pay .cta,
.od-refus-cta,button[style*="background:var(--or)" i],a[style*="background:var(--or)" i]
):is(:hover,:focus-visible){background:#d99b00!important;border-color:#d99b00!important;color:#080808!important}
/* Badges jaunes : meme sur une petite surface, jamais de blanc peu lisible. */
html.idmp-brand-gunter body :is(
.sbi-badge,.mob-badge,.fbar-count,.ndot-cnt,.a-bell-badge,#notif-panel-cnt,
[style*="background:var(--or)" i][style*="color:#fff" i]
){background-color:#f3b10d!important;color:#080808!important;text-shadow:none!important}
html.idmp-brand-gunter body :is(
.sbi-badge,.mob-badge,.fbar-count,.ndot-cnt,.a-bell-badge,#notif-panel-cnt
) :is(i,span,b,strong){color:#080808!important}
/* Les sous-onglets avaient leur propre variable rouge locale, qui prenait le
dessus sur celle du body. On la fixe directement sur chaque etat actif. */
html.idmp-brand-gunter.idmp-brand-gunter body :is(
.cat-tab.on,.cat-tab.active,.cat-tab[aria-selected="true"],
.cat-tab.on-mp,.cat-tab.on-pk,.cat-tab.on-chargeuses,.cat-tab.on-tondeuse,
[data-idmp-subtab].on,[data-idmp-subtab].active,[data-idmp-subtab][aria-selected="true"]
){--idmp-subtab-line:#f3b10d!important;color:#f3b10d!important;border-color:rgba(243,177,13,.52)!important}
html.idmp-brand-gunter.idmp-brand-gunter body.idmp-day.idmp-day :is(
.cat-tab.on,.cat-tab.active,.cat-tab[aria-selected="true"],
.cat-tab.on-mp,.cat-tab.on-pk,.cat-tab.on-chargeuses,.cat-tab.on-tondeuse,
[data-idmp-subtab].on,[data-idmp-subtab].active,[data-idmp-subtab][aria-selected="true"]
){--idmp-subtab-line:#263246!important;color:#263246!important;border-color:rgba(243,177,13,.34)!important;background:rgba(243,177,13,.14)!important}
html.idmp-brand-gunter.idmp-brand-gunter body :is(.cat-tab,[data-idmp-subtab])::after{background:var(--idmp-subtab-line)!important}
/* Interrupteurs, points et calendrier utilisaient encore l'aplat rouge du
theme SILEX. Ce sont des marqueurs de selection, pas des erreurs. */
html.idmp-brand-gunter body :is(
.ia-theme-row[aria-pressed="true"] .ia-theme-track,.ih-dot.on,
.ag-day-head.today b,.rdv-d.on
){background:#f3b10d!important;border-color:#f3b10d!important;color:#080808!important;box-shadow:0 0 18px rgba(243,177,13,.20)!important}
/* ==========================================================================
FINITION CRM : LES ACCENTS DECORATIFS RESTANTS
==========================================================================
Le rouge garde une seule fonction : signaler une vraie erreur. Les liens,
onglets, filtres et commandes de navigation suivent maintenant la marque
Gunter, y compris quand leur style est injecte apres cette feuille. */
html.idmp-brand-gunter body :is(
.et-lien>i,.dk-tag.or,.pill.orange,.offer-chip.ton,
.ia-tile>i,.ia-rc i,.ia-hd i.lead,.ia-pen,
.rdvb-ic,.rdvb-note i,.rdvb-l a:hover,
.ite-ic,.ite-k,.it-tab.on,.it-tab.on .n,
.is-link-ic i,.is-link:hover i.go
){color:#f3b10d!important}
html.idmp-brand-gunter body :is(
.dk-tag.or,.pill.orange,.offer-chip.ton,.idmp-tel-o.on,
.ac-lnk.on,.rc-vis-ic,.rdvb-t,.it-tab.on .n,
.is-lang.on,.is-seg button.on,.is-link-ic
){
background:rgba(243,177,13,.12)!important;
border-color:rgba(243,177,13,.42)!important;
color:#f3b10d!important
}
html.idmp-brand-gunter body :is(
.et-lien:hover,.dk-chip:hover,.alt-btn:hover,.odc-chip:hover,
.offer-fiche:hover,.ap-legal:hover,.is-lang:hover,.is-seg button:hover,
.is-link:hover
){
background:rgba(243,177,13,.075)!important;
border-color:rgba(243,177,13,.48)!important;
color:#fff!important
}
html.idmp-brand-gunter body .content .hl{
background:rgba(243,177,13,.09)!important;
border-color:rgba(243,177,13,.42)!important
}
html.idmp-brand-gunter body .content .hl :is(strong,.hl-t){color:#f3b10d!important}
html.idmp-brand-gunter body :is(
#mob-sub-compte .ia-tile,.idmp-theme-button,.rdv-w button,
.il-box button,.il-upload
):focus-visible,
html.idmp-brand-gunter body .il-upload:focus-within{
outline:2px solid #f3b10d!important;
outline-offset:3px!important
}
/* Le bouton de fermeture d'un editeur est neutre : ce n'est pas une erreur. */
html.idmp-brand-gunter body .crm-f-non:hover{
background:rgba(255,255,255,.065)!important;
border-color:rgba(255,255,255,.22)!important;
color:#fff!important
}
/* Navigation laterale : pictogrammes gris au repos, jaune logo au survol et
jaune renforce sur l'entree courante. */
html.idmp-brand-gunter body aside.sb .sbi i,
html.idmp-brand-gunter body .idmp-ssb .sbi i{
color:#8b909b!important
}
html.idmp-brand-gunter body aside.sb .sbi.on,
html.idmp-brand-gunter body .idmp-ssb .sbi.on{
background:rgba(243,177,13,.14)!important;
border-color:rgba(243,177,13,.34)!important;
color:#f3b10d!important;
box-shadow:inset 3px 0 0 #f3b10d!important
}
html.idmp-brand-gunter body aside.sb .sbi.on i,
html.idmp-brand-gunter body .idmp-ssb .sbi.on i{
color:#f3b10d!important
}
html.idmp-brand-gunter body aside.sb .sbi:hover,
html.idmp-brand-gunter body .idmp-ssb .sbi:hover{
background:rgba(243,177,13,.11)!important;
color:#f3b10d!important
}
html.idmp-brand-gunter body aside.sb .sbi:hover i,
html.idmp-brand-gunter body .idmp-ssb .sbi:hover i{
color:#f3b10d!important
}
html.idmp-brand-gunter body aside.sb .sb-user:hover,
html.idmp-brand-gunter body .idmp-ssb .ssb-user:hover{
background:rgba(255,255,255,.065)!important;
color:#d8dbe1!important
}
html.idmp-brand-gunter body aside.sb .sbi:focus-visible,
html.idmp-brand-gunter body .rail-grip:focus-visible{
outline:2px solid #f3b10d!important;
outline-offset:2px!important
}
html.idmp-brand-gunter body aside.sb .sb-user:hover .av,
html.idmp-brand-gunter body .idmp-ssb .ssb-av,
html.idmp-brand-gunter body .ia-ava{
background:#f3b10d!important;
background-image:none!important;
color:#080808!important
}
html.idmp-brand-gunter body .rail-grip:hover{
color:#f3b10d!important;
border-color:rgba(243,177,13,.48)!important
}
html.idmp-brand-gunter body.rail-touch .rail-grip{
background:#f3b10d!important;
border-color:#f3b10d!important;
color:#080808!important
}
/* Les icones des boutons retour avaient une couleur locale independante du
bouton lui-meme. */
html.idmp-brand-gunter body :is(.offer-back,.back-btn,.mob-back-bar,.aback-row,.back,.icf-back):hover>i{
background:#1d2027!important;
border-color:#f3b10d!important;
color:#f3b10d!important
}
/* Jauge de filtre : jaune logo, sans le second arret orange ni ombre rouge. */
html.idmp-brand-gunter body #cat-fsheet .rngf-fill{
background:linear-gradient(180deg,rgba(255,255,255,.40),rgba(255,255,255,0) 62%),
linear-gradient(90deg,#f3b10d,#d99b00)!important;
box-shadow:0 1px 5px rgba(243,177,13,.42)!important
}
/* Administration : les controles compacts deviennent du verre neutre, les
actions principales restent jaune logo avec encre noire. */
html.idmp-brand-gunter body.dkp-admin :is(
#sec-prospects,#sec-contacts,#sec-affaires,#sec-clients,
#sec-configurations,#sec-livraisons,#sec-transporteu,#sec-commandes,#pa-p-equipe
) :is(.btn-or,.btn-or.btnsm){
background:#f3b10d!important;
border-color:#f3b10d!important;
color:#080808!important;
box-shadow:0 0 0 1px rgba(255,219,107,.16),0 6px 20px rgba(243,177,13,.22)!important
}
html.idmp-brand-gunter body.dkp-admin :is(
#sec-prospects,#sec-contacts,#sec-affaires,#sec-clients,
#sec-configurations,#sec-livraisons,#sec-transporteu,#sec-commandes,#pa-p-equipe
) :is(.btn-gh,.btnsm:not(.btn-or),.trsel-b),
html.idmp-brand-gunter body.dkp-admin :is(
#p-bulk-bar,#ct-bulk-bar,#af-bulk-bar,#ptbody,#cttbody
) button{
background:rgba(255,255,255,.065)!important;
border-color:rgba(255,255,255,.16)!important;
color:#f3f5f7!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.045)!important
}
html.idmp-brand-gunter body.dkp-admin :is(
#sec-prospects,#sec-contacts,#sec-affaires,#sec-clients,
#sec-configurations,#sec-livraisons,#sec-transporteu,#sec-commandes,#pa-p-equipe
) .trsel-b:is(.on,.active,[aria-selected="true"]){
background:rgba(243,177,13,.13)!important;
border-color:rgba(243,177,13,.46)!important;
color:#f3b10d!important
}
html.idmp-brand-gunter body.dkp-admin :is(
#p-pagination,#p-pagination-bis,#clients-pagination,#clients-pagination-bis,
#af-pager,#af-pager-bis,#ct-pager,#ct-pager-bis,#team-pagination,#team-pagination-bis
) button{
background:rgba(255,255,255,.065)!important;
border-color:rgba(255,255,255,.16)!important;
color:#eef0f4!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.045)!important
}
html.idmp-brand-gunter body.dkp-admin :is(
#p-pagination,#p-pagination-bis,#clients-pagination,#clients-pagination-bis,
#af-pager,#af-pager-bis,#ct-pager,#ct-pager-bis,#team-pagination,#team-pagination-bis
) button:is(:hover,:focus-visible){
background:rgba(255,255,255,.11)!important;
border-color:rgba(243,177,13,.48)!important;
color:#fff!important;
box-shadow:0 0 0 3px rgba(243,177,13,.11)!important
}
html.idmp-brand-gunter body.dkp-admin :is(
#sec-prospects,#sec-contacts,#sec-affaires,#sec-clients,
#sec-configurations,#sec-livraisons,#sec-transporteu,#sec-commandes,#pa-p-equipe
) .fsel,
html.idmp-brand-gunter body.dkp-admin #pa-p-equipe .team-srch input{
background-color:rgba(255,255,255,.065)!important;
border-color:rgba(255,255,255,.16)!important;
color:#f3f5f7!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.045)!important
}
html.idmp-brand-gunter body.dkp-admin :is(
#sec-prospects,#sec-contacts,#sec-affaires,#sec-clients,
#sec-configurations,#sec-livraisons,#sec-transporteu,#sec-commandes,#pa-p-equipe
) .fsel:is(:hover,:focus),
html.idmp-brand-gunter body.dkp-admin #pa-p-equipe .team-srch input:is(:hover,:focus){
background-color:rgba(243,177,13,.10)!important;
border-color:rgba(243,177,13,.46)!important;
box-shadow:inset 0 0 18px rgba(243,177,13,.09),0 0 0 3px rgba(243,177,13,.10)!important
}
/* Composants injectes tardivement dans Mon compte, Reglages, les onglets et
la barre de rendez-vous. */
html.idmp-brand-gunter body :is(.it-cta,.ite-cta,.idmp-set-hd .is-ic,.is-sw.on){
background:#f3b10d!important;
border-color:#f3b10d!important;
color:#080808!important;
box-shadow:0 8px 24px rgba(243,177,13,.20)!important
}
html.idmp-brand-gunter body :is(.it-cta,.ite-cta,.idmp-set-hd .is-ic,.is-sw.on) :is(i,span,b,strong){color:#080808!important}
html.idmp-brand-gunter body :is(.it-tab.on,.is-lang.on,.is-seg button.on){
background:rgba(243,177,13,.13)!important;
border-color:rgba(243,177,13,.48)!important;
color:#f3b10d!important
}
/* En jour, les petits textes restent lisibles ; les petites commandes
et filtres restent sur un verre blanc lisible. */
html.idmp-brand-gunter body.idmp-day :is(
.et-lien>i,.dk-tag.or,.pill.orange,.offer-chip.ton,
.ia-tile>i,.ia-rc i,.ia-hd i.lead,.ia-pen,
.rdvb-ic,.rdvb-note i,.rdvb-l a:hover,
.ite-ic,.ite-k,.it-tab.on,.it-tab.on .n,
.is-link-ic i,.is-link:hover i.go
){color:#263246!important}
html.idmp-brand-gunter body.idmp-day :is(
.dk-tag.or,.pill.orange,.offer-chip.ton,.idmp-tel-o.on,
.ac-lnk.on,.rc-vis-ic,.rdvb-t,.it-tab.on,.it-tab.on .n,
.is-lang.on,.is-seg button.on,.is-link-ic,
.dk-chip:hover,.alt-btn:hover,.odc-chip:hover,.offer-fiche:hover,.ap-legal:hover,.is-link:hover
){
background:rgba(243,177,13,.14)!important;
border-color:rgba(243,177,13,.32)!important;
color:#263246!important
}
html.idmp-brand-gunter body.idmp-day .content .hl{
background:rgba(255,255,255,.68)!important;
border-color:rgba(243,177,13,.23)!important;
color:#263246!important;
box-shadow:0 8px 28px rgba(24,34,51,.05),inset 0 1px 0 rgba(255,255,255,.80)!important
}
html.idmp-brand-gunter body.idmp-day .content .hl :is(strong,.hl-t){color:#263246!important}
html.idmp-brand-gunter body.idmp-day :is(
#mob-sub-compte .ia-tile,.idmp-theme-button,.rdv-w button,.il-box button,.il-upload
):focus-visible,
html.idmp-brand-gunter body.idmp-day .il-upload:focus-within{
outline-color:#263246!important
}
html.idmp-brand-gunter body.idmp-day aside.sb .sb-user:hover,
html.idmp-brand-gunter body.idmp-day .idmp-ssb .ssb-user:hover{
background:rgba(75,88,106,.09)!important;
border-color:rgba(75,88,106,.24)!important;
color:#344154!important
}
html.idmp-brand-gunter body.idmp-day aside.sb .sbi.on,
html.idmp-brand-gunter body.idmp-day .idmp-ssb .sbi.on{
background:rgba(243,177,13,.16)!important;
border-color:rgba(243,177,13,.28)!important;
color:#263246!important;
box-shadow:inset 3px 0 0 #f3b10d!important
}
html.idmp-brand-gunter body.idmp-day aside.sb .sbi i,
html.idmp-brand-gunter body.idmp-day .idmp-ssb .sbi i{
color:#4b586a!important
}
html.idmp-brand-gunter body.idmp-day aside.sb .sbi.on i,
html.idmp-brand-gunter body.idmp-day .idmp-ssb .sbi.on i{
color:#f3b10d!important
}
html.idmp-brand-gunter body.idmp-day aside.sb .sbi:hover,
html.idmp-brand-gunter body.idmp-day .idmp-ssb .sbi:hover{
background:rgba(243,177,13,.14)!important;
border-color:rgba(243,177,13,.38)!important;
color:#263246!important
}
html.idmp-brand-gunter body.idmp-day aside.sb .sbi:hover i,
html.idmp-brand-gunter body.idmp-day .idmp-ssb .sbi:hover i{
color:#f3b10d!important
}
html.idmp-brand-gunter body.idmp-day.dkp-admin :is(
#sec-prospects,#sec-contacts,#sec-affaires,#sec-clients,
#sec-configurations,#sec-livraisons,#sec-transporteu,#sec-commandes,#pa-p-equipe
) .trsel-b:is(.on,.active,[aria-selected="true"]){
background:rgba(243,177,13,.14)!important;
border-color:rgba(243,177,13,.32)!important;
color:#263246!important
}
html.idmp-brand-gunter body.idmp-day.dkp-admin :is(
#sec-prospects,#sec-contacts,#sec-affaires,#sec-clients,
#sec-configurations,#sec-livraisons,#sec-transporteu,#sec-commandes,#pa-p-equipe
) :is(.btn-gh,.btnsm:not(.btn-or),.trsel-b),
html.idmp-brand-gunter body.idmp-day.dkp-admin :is(
#p-bulk-bar,#ct-bulk-bar,#af-bulk-bar,#ptbody,#cttbody
) button,
html.idmp-brand-gunter body.idmp-day.dkp-admin :is(
#p-pagination,#p-pagination-bis,#clients-pagination,#clients-pagination-bis,
#af-pager,#af-pager-bis,#ct-pager,#ct-pager-bis,#team-pagination,#team-pagination-bis
) button{
background:var(--gg-day-glass)!important;
border-color:var(--gg-day-glass-border)!important;
color:var(--gg-day-glass-ink)!important;
box-shadow:0 8px 28px rgba(24,34,51,.05),inset 0 1px 0 rgba(255,255,255,.80)!important
}
html.idmp-brand-gunter body.idmp-day.dkp-admin :is(
#sec-prospects,#sec-contacts,#sec-affaires,#sec-clients,
#sec-configurations,#sec-livraisons,#sec-transporteu,#sec-commandes,#pa-p-equipe
) .fsel,
html.idmp-brand-gunter body.idmp-day.dkp-admin #pa-p-equipe .team-srch input{
background-color:var(--gg-day-glass)!important;
border-color:var(--gg-day-glass-border)!important;
color:var(--gg-day-glass-ink)!important;
box-shadow:0 8px 28px rgba(24,34,51,.05),inset 0 1px 0 rgba(255,255,255,.80)!important
}
html.idmp-brand-gunter body.idmp-day.dkp-admin :is(
#sec-prospects,#sec-contacts,#sec-affaires,#sec-clients,
#sec-configurations,#sec-livraisons,#sec-transporteu,#sec-commandes,#pa-p-equipe
) .fsel:is(:hover,:focus),
html.idmp-brand-gunter body.idmp-day.dkp-admin #pa-p-equipe .team-srch input:is(:hover,:focus){
background-color:rgba(255,255,255,.90)!important;
border-color:rgba(243,177,13,.34)!important;
box-shadow:0 0 0 3px rgba(243,177,13,.13),0 10px 30px rgba(24,34,51,.07)!important
}
/* Deux composants posent encore la couleur directement sur leurs enfants :
on restaure le contraste du parent apres leur injection. */
html.idmp-brand-gunter body #cat-fsheet .sf-row>.sf-reset :is(span,i){color:#f5f6f8!important}
html.idmp-brand-gunter body.idmp-day #cat-fsheet .sf-row>.sf-reset :is(span,i){color:#263246!important}
html.idmp-brand-gunter body.dkp-espace .ap-seg button.on{
background:rgba(243,177,13,.13)!important;
border-color:rgba(243,177,13,.48)!important;
color:#f3b10d!important
}
html.idmp-brand-gunter body.idmp-day.dkp-espace .ap-seg button.on{
background:rgba(243,177,13,.14)!important;
border-color:rgba(243,177,13,.32)!important;
color:#263246!important
}
/* ==========================================================================
PASSE FINALE CRM GUNTER
==========================================================================
Les modules ci-dessous chargent parfois leur CSS apres la feuille commune.
La classe de marque et les declarations importantes garantissent que cette
palette ne touche jamais le CRM SILEX. */
/* Les modules tardifs recoivent d'abord le jaune de marque. Leur encre CTA est
harmonisee en blanc dans la passe finale, sans toucher aux petits marqueurs. */
html.idmp-brand-gunter body :is(
#eml-go,#eml-copy,#tpl-go,#fx-ok,#pdfv-dl,
.ag-add,.ag-save,.cfg-mail-payer,.cfg-mail-sendbar button,
.cfg-create-actions button,.cfg-promo-durees button,.cfg-fiche-toolbar button,
.cfg-claim,.odc-in button,.cmp-primary,.cmp-side-public-action a,
.tdh-cta,.idmp-legal-hd .il-ic,.ag-title i,.od-chat-n,
.i-ton,.ic-card .i-prix.plein,.rec-state-tab.on .rec-state-count
){
background:#f3b10d!important;
background-image:none!important;
border-color:#f3b10d!important;
color:#080808!important;
text-shadow:none!important;
box-shadow:0 0 0 1px rgba(255,219,107,.16),0 9px 28px rgba(243,177,13,.22)!important
}
html.idmp-brand-gunter body :is(
#eml-go,#eml-copy,#tpl-go,#fx-ok,#pdfv-dl,
.ag-add,.ag-save,.cfg-mail-payer,.cfg-mail-sendbar button,
.cfg-create-actions button,.cfg-promo-durees button,.cfg-fiche-toolbar button,
.cfg-claim,.odc-in button,.cmp-primary,.cmp-side-public-action a,
.tdh-cta,.idmp-legal-hd .il-ic,.ag-title i,.od-chat-n,
.i-ton,.ic-card .i-prix.plein,.rec-state-tab.on .rec-state-count
) :is(i,span,b,strong,small,svg,svg *){
color:#080808!important;
stroke:currentColor!important
}
html.idmp-brand-gunter body :is(
#eml-go,#eml-copy,#tpl-go,#fx-ok,#pdfv-dl,
.ag-add,.ag-save,.cfg-mail-payer,.cfg-mail-sendbar button,
.cfg-create-actions button,.cfg-promo-durees button,.cfg-fiche-toolbar button,
.cfg-claim,.odc-in button,.cmp-primary,.cmp-side-public-action a,.tdh-cta
):is(:hover,:focus-visible),
html.idmp-brand-gunter body .rec-next:hover{
background:#d99b00!important;
background-image:none!important;
border-color:#d99b00!important;
color:#080808!important;
box-shadow:0 0 0 3px rgba(243,177,13,.19),0 12px 32px rgba(243,177,13,.26)!important
}
html.idmp-brand-gunter body .rec-next:hover :is(i,span,b,strong){color:#080808!important}
/* Les suppressions, deconnexions et commandes secondaires restent neutres.
Le rouge est reserve aux messages d'erreur et aux statuts metier. */
html.idmp-brand-gunter body :is(
.ia-del,.sb-logout,.ssb-logout,.ag-delete,.rec-icon.rec-delete,
.itc-secondary.itc-danger,.itc-member-remove,.idmp-theme-button,
.cfg-info-btn,#odc .odc-x,#odc .odc-ic,#odc .odc-wbtn
){
background:var(--gg-neutral-action-bg)!important;
background-image:none!important;
border-color:var(--gg-neutral-action-border)!important;
color:var(--gg-neutral-action-ink)!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.045)!important;
text-shadow:none!important
}
html.idmp-brand-gunter body :is(
.ia-del,.sb-logout,.ssb-logout,.ag-delete,.rec-icon.rec-delete,
.itc-secondary.itc-danger,.itc-member-remove,.idmp-theme-button,
.cfg-info-btn,#odc .odc-x,#odc .odc-ic,#odc .odc-wbtn
):is(:hover,:focus-visible){
background:rgba(255,255,255,.10)!important;
border-color:rgba(243,177,13,.46)!important;
color:#fff!important;
box-shadow:0 0 0 3px rgba(243,177,13,.10)!important
}
html.idmp-brand-gunter body.idmp-day :is(
.ia-del,.sb-logout,.ssb-logout,.ag-delete,.rec-icon.rec-delete,
.itc-secondary.itc-danger,.itc-member-remove,.idmp-theme-button,
.cfg-info-btn,#odc .odc-x,#odc .odc-ic,#odc .odc-wbtn
){
background:var(--gg-day-glass)!important;
border-color:var(--gg-day-glass-border)!important;
color:var(--gg-day-glass-ink)!important;
box-shadow:0 8px 28px rgba(24,34,51,.05),inset 0 1px 0 rgba(255,255,255,.82)!important
}
html.idmp-brand-gunter body.idmp-day :is(
.ia-del,.sb-logout,.ssb-logout,.ag-delete,.rec-icon.rec-delete,
.itc-secondary.itc-danger,.itc-member-remove,.idmp-theme-button,
.cfg-info-btn,#odc .odc-x,#odc .odc-ic,#odc .odc-wbtn
):is(:hover,:focus-visible){
background:rgba(255,255,255,.92)!important;
border-color:rgba(243,177,13,.36)!important;
color:#182233!important;
box-shadow:0 0 0 3px rgba(243,177,13,.13),0 10px 30px rgba(24,34,51,.07)!important
}
/* ===========================================================================
CONTRAT VISUEL DES NAVIGATIONS GUNTER
La geometrie reste celle de SILEX. Les vrais onglets soulignes gardent un
fond transparent et un seul filet actif. Les segments, pastilles, cartes et
choix du configurateur conservent leurs surfaces d'origine. */
html.idmp-brand-gunter.idmp-brand-gunter body :is(
.cat-tab,.ovt,.i-ton-b,.it-tab,.cfg-tab,.crm-tab,.od2-tab,.od-tab,
.odc-legal-tab,.trsel-b,.team-state-tab,.rec-state-tab,.kbt-b,.aca-fam,
.aca-segments button,.cg-cat,.ptab,[data-idmp-subtab]
){--idmp-subtab-line:transparent!important}
html.idmp-brand-gunter.idmp-brand-gunter body :is(
.cat-tab,.ovt,.i-ton-b,.it-tab,.cfg-tab,.crm-tab,.od2-tab,.od-tab,
.odc-legal-tab,.trsel-b,.team-state-tab,.rec-state-tab,.kbt-b,.aca-fam,
.aca-segments button,.cg-cat,.ptab,[data-idmp-subtab]
)::after{
background:transparent!important;
box-shadow:none!important
}
/* Selecteur explicite pour les onglets injectes par les vues finance. Il
evite qu'un WebView ancien conserve la valeur jaune heritee avant que la
classe active ne soit posee. */
html.idmp-brand-gunter.idmp-brand-gunter body [data-idmp-subtab]::after{
background:transparent!important;
box-shadow:none!important
}
html.idmp-brand-gunter.idmp-brand-gunter body :is(
.cat-tab,.ovt,.i-ton-b,.it-tab,.cfg-tab,.crm-tab,.od2-tab,.od-tab,
.odc-legal-tab,.trsel-b,.team-state-tab,.rec-state-tab,.kbt-b,.aca-fam,
.aca-segments button,.cg-cat,.ptab,[data-idmp-subtab]
):is(.on,.active,[aria-selected="true"]){--idmp-subtab-line:#f3b10d!important}
html.idmp-brand-gunter.idmp-brand-gunter body :is(
.cat-tab,.ovt,.i-ton-b,.it-tab,.cfg-tab,.crm-tab,.od2-tab,.od-tab,
.odc-legal-tab,.trsel-b,.team-state-tab,.rec-state-tab,.kbt-b,.aca-fam,
.aca-segments button,.cg-cat,.ptab,[data-idmp-subtab]
):is(.on,.active,[aria-selected="true"])::after,
html.idmp-brand-gunter.idmp-brand-gunter body :is(
.cat-tab.on-mp,.cat-tab.on-pk,.cat-tab.on-chargeuses,.cat-tab.on-tondeuse
)::after{
background:#f3b10d!important;
box-shadow:none!important
}
html.idmp-brand-gunter.idmp-brand-gunter body [data-idmp-subtab].on::after,
html.idmp-brand-gunter.idmp-brand-gunter body [data-idmp-subtab].active::after,
html.idmp-brand-gunter.idmp-brand-gunter body [data-idmp-subtab][aria-selected="true"]::after{
background:#f3b10d!important;
box-shadow:none!important
}
html.idmp-brand-gunter.idmp-brand-gunter body :is(
.ovt.on,.ovt.active,.ovt[aria-selected="true"],
.i-ton-b.on,.i-ton-b.active,.i-ton-b[aria-selected="true"],
.it-tab.on,.it-tab.active,.it-tab[aria-selected="true"],
.cfg-tab.on,.cfg-tab.active,.cfg-tab[aria-selected="true"],
.odc-legal-tab.on,.odc-legal-tab.active,.odc-legal-tab[aria-selected="true"],
.aca-fam.on,.aca-fam.active,.aca-fam[aria-selected="true"],
.rec-state-tab.on,.rec-state-tab.active,.rec-state-tab[aria-selected="true"]
){
background:transparent!important;
border-color:transparent!important;
color:#fff!important;
box-shadow:none!important
}
/* Ces deux familles dessinent leur selection avec une bordure basse et non
un pseudo-element. */
html.idmp-brand-gunter.idmp-brand-gunter body :is(.crm-tab,.od2-tab){
background:transparent!important;
box-shadow:none!important
}
html.idmp-brand-gunter.idmp-brand-gunter body :is(
.crm-tab.on,.crm-tab.active,.crm-tab[aria-selected="true"],
.od2-tab.on,.od2-tab.active,.od2-tab[aria-selected="true"]
){
background:transparent!important;
border-bottom-color:#f3b10d!important;
color:#f3b10d!important;
box-shadow:none!important
}
/* Les familles en carte ou en segment gardent le dessin SILEX. Seule leur
couleur active devient jaune, sans fuite de rouge codee en dur. */
html.idmp-brand-gunter.idmp-brand-gunter body :is(
.cat-tab.on,.cat-tab.active,.cat-tab[aria-selected="true"],
.cat-tab.on-mp,.cat-tab.on-pk,.cat-tab.on-chargeuses,.cat-tab.on-tondeuse
){
background:var(--wh,#000)!important;
border-color:#f3b10d!important;
color:#f3b10d!important;
box-shadow:0 4px 12px rgba(243,177,13,.16)!important
}
html.idmp-brand-gunter.idmp-brand-gunter body .od-tab.active{
background:#f3b10d!important;
color:#080808!important;
box-shadow:0 2px 6px rgba(243,177,13,.28)!important
}
html.idmp-brand-gunter.idmp-brand-gunter body .icf-o.on{
background:rgba(243,177,13,.15)!important;
border-color:#f3b10d!important
}
html.idmp-brand-gunter.idmp-brand-gunter body :is(
.cat-tab,.ovt,.i-ton-b,.it-tab,.cfg-tab,.crm-tab,.od2-tab,.od-tab,
.odc-legal-tab,.trsel-b,.team-state-tab,.rec-state-tab,.kbt-b,.aca-fam,
.aca-segments button,.cg-cat,.ptab,.ap-rail-nav button,.ac-lnk,.icf-o,
[data-idmp-subtab]
):focus-visible{
outline:2px solid #f3b10d!important;
outline-offset:3px!important
}
/* En theme jour, la feuille SILEX transforme deja ces controles en onglets
plans. On remplace seulement son marqueur rouge par le jaune Gunter. */
html.idmp-brand-gunter.idmp-brand-gunter body.idmp-day.idmp-day :is(
.cat-tab,.ovt,.i-ton-b,.it-tab,.cfg-tab,.crm-tab,.od2-tab,.od-tab,
.odc-legal-tab,.trsel-b,.team-state-tab,.rec-state-tab,.kbt-b,.aca-fam,
.aca-segments button,.cg-cat,.ptab,[data-idmp-subtab]
):is(.on,.active,[aria-selected="true"]){
--idmp-subtab-line:#263246!important;
color:#263246!important
}
html.idmp-brand-gunter.idmp-brand-gunter body.idmp-day.idmp-day :is(
.cat-tab.on-mp,.cat-tab.on-pk,.cat-tab.on-chargeuses,.cat-tab.on-tondeuse
){
--idmp-subtab-line:#263246!important;
color:#263246!important
}
/* L'entree courante du rail reste visible au premier coup d'oeil. */
html.idmp-brand-gunter body aside.sb .sbi.on,
html.idmp-brand-gunter body .idmp-ssb .sbi.on,
html.idmp-brand-gunter body .idmp-gunter-side.on{
background:rgba(243,177,13,.14)!important;
border-color:rgba(243,177,13,.34)!important;
color:#f3b10d!important;
box-shadow:inset 3px 0 0 #f3b10d!important
}
html.idmp-brand-gunter body :is(aside.sb,.idmp-ssb) .sbi.on i,
html.idmp-brand-gunter body .idmp-gunter-side.on i{color:#f3b10d!important}
html.idmp-brand-gunter body.idmp-day aside.sb .sbi.on,
html.idmp-brand-gunter body.idmp-day .idmp-ssb .sbi.on,
html.idmp-brand-gunter body.idmp-day .idmp-gunter-side.on{
background:rgba(243,177,13,.16)!important;
border-color:rgba(243,177,13,.28)!important;
color:#263246!important;
box-shadow:inset 3px 0 0 #f3b10d!important
}
html.idmp-brand-gunter body.idmp-day :is(aside.sb,.idmp-ssb) .sbi.on i,
html.idmp-brand-gunter body.idmp-day .idmp-gunter-side.on i{color:#263246!important}
/* Retour identique a SILEX : pas de carre sombre greffe sur la fleche. */
html.idmp-brand-gunter body :is(.offer-back,.back-btn,.mob-back-bar,.aback-row,.back,.icf-back):hover>i{
background:transparent!important;
border-color:transparent!important;
color:#f3b10d!important;
box-shadow:none!important
}
html.idmp-brand-gunter body :is(.offer-back,.back-btn,.mob-back-bar,.aback-row,.back,.icf-back):focus-visible{
outline:2px solid #f3b10d!important;
outline-offset:4px!important
}
/* Remplacement avant affichage des derniers medias de coque partages. */
html.idmp-brand-gunter img[src*="Logo_IDMP_3_atpfxq"]{content:url("/assets/brands/gunter/gunter-mark.png")}
html.idmp-brand-gunter body.app-invite .mob-topnav::before{background-image:url("/assets/brands/gunter/gunter-mark.png")!important}
/* Petits restes du CRM principal et de la navigation administrative. */
html.idmp-brand-gunter body :is(.crm-rem-src,.crm-ev-ico.is-or){
border-color:rgba(243,177,13,.42)!important
}
html.idmp-brand-gunter body .kol.kdrop-over{
background:rgba(243,177,13,.10)!important;
border-color:rgba(243,177,13,.56)!important;
box-shadow:inset 0 0 22px rgba(243,177,13,.08)!important
}
html.idmp-brand-gunter body [data-dksb]::-webkit-scrollbar-thumb{
border:0!important;border-radius:0!important;box-shadow:none!important;
background:radial-gradient(circle at center,
#f3b10d 0 4px,rgba(243,177,13,.30) 4px 5.5px,
rgba(243,177,13,0) 5.5px) center var(--dk-pos,0%) / 100% 22px no-repeat!important
}
/* Meme indicateur sur les autres zones defilantes Gunter. La zone native du
pouce garde sa taille pour rester facile a saisir, mais seul le point jaune
est visible. La regle couvre les axes vertical et horizontal. */
html.idmp-brand-gunter body::-webkit-scrollbar-thumb,
html.idmp-brand-gunter body *::-webkit-scrollbar-thumb{
border:0!important;border-radius:0!important;box-shadow:none!important;
background:radial-gradient(circle at center,
#f3b10d 0 4px,rgba(243,177,13,.30) 4px 5.5px,
rgba(243,177,13,0) 5.5px) center var(--dk-pos,0%) / 100% 22px no-repeat!important
}
html.idmp-brand-gunter body::-webkit-scrollbar-thumb:hover,
html.idmp-brand-gunter body *::-webkit-scrollbar-thumb:hover{
background:radial-gradient(circle at center,
#f3b10d 0 5px,rgba(243,177,13,.36) 5px 6.5px,
rgba(243,177,13,0) 6.5px) center var(--dk-pos,0%) / 100% 22px no-repeat!important
}
html.idmp-brand-gunter body,
html.idmp-brand-gunter body *{
scrollbar-color:#f3b10d transparent
}
html.idmp-brand-gunter body .idmp-theme-card::after{
background:radial-gradient(circle,rgba(243,177,13,.22),rgba(243,177,13,0) 70%)!important
}
html.idmp-brand-gunter body .idmp-theme-card-icon{
background:rgba(243,177,13,.13)!important;
border-color:rgba(243,177,13,.38)!important;
color:#f3b10d!important;
box-shadow:0 0 20px rgba(243,177,13,.13)!important
}
html.idmp-brand-gunter body.idmp-day .idmp-theme-card-icon{color:#263246!important}
/* Academie : sa palette locale court-circuitait les jetons communs. */
html.idmp-brand-gunter body .aca{
--aca-or:#f3b10d!important;
--aca-orh:#d99b00!important
}
html.idmp-brand-gunter body .aca :is(
.aca-notice,.aca-brand-section,.aca-kubota,.aca-quality-hero,
.aca-compare .featured,.aca-order
){
border-color:rgba(243,177,13,.38)!important;
background-image:linear-gradient(145deg,rgba(243,177,13,.11),rgba(255,255,255,.025))!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important
}
html.idmp-brand-gunter body .aca .aca-recommend{
background:linear-gradient(135deg,#f3b10d,#d99b00)!important;
color:#080808!important
}
html.idmp-brand-gunter body .aca .aca-recommend :is(span,strong,p,small){color:#080808!important}
html.idmp-brand-gunter body .aca :is(.aca-control-grid article>span,.aca-notice span){
background:rgba(243,177,13,.11)!important;
border-color:rgba(243,177,13,.40)!important;
color:#f3b10d!important
}
html.idmp-brand-gunter body .aca :is(.aca-notice>i,.aca-order .aca-stock-title i){
background:#f3b10d!important;
color:#080808!important;
box-shadow:0 0 20px rgba(243,177,13,.19)!important
}
html.idmp-brand-gunter body.idmp-day .aca{
--aca-or:#f3b10d!important;
--aca-orh:#f3b10d!important
}
html.idmp-brand-gunter body.idmp-day .aca :is(.aca-control-grid article>span,.aca-notice span){color:#263246!important}
/* Comparateur : variables, halos et CTA suivent la meme palette. */
html.idmp-brand-gunter body.cmp-page{
--or:#f3b10d!important;
--orh:#d99b00!important;
--orl:rgba(243,177,13,.13)!important
}
html.idmp-brand-gunter body.cmp-page::before{
background:radial-gradient(circle at 74% 16%,rgba(243,177,13,.18),transparent 30%),
radial-gradient(circle at 28% 78%,rgba(243,177,13,.08),transparent 31%)!important
}
html.idmp-brand-gunter body :is(.cmp-embed-root,.cmp-modal-overlay){
--radar-a:#f3b10d!important
}
html.idmp-brand-gunter body :is(.cmp-primary,.cmp-side-public-action a):focus-visible{
outline:2px solid #f3b10d!important;
outline-offset:3px!important
}
html.idmp-brand-gunter body.idmp-day.cmp-page{
--or:#263246!important;
--orh:#f3b10d!important;
--orl:rgba(243,177,13,.14)!important
}
html.idmp-brand-gunter body.idmp-day.cmp-page::before{
background:radial-gradient(circle at 74% 16%,rgba(243,177,13,.10),transparent 31%),
radial-gradient(circle at 28% 78%,rgba(243,177,13,.045),transparent 32%)!important
}
html.idmp-brand-gunter body.idmp-day :is(.cmp-embed-root,.cmp-modal-overlay){--radar-a:#f3b10d!important}
/* Agenda : lueur de marque et interactions neutres, sans toucher aux couleurs
de categories choisies par l'utilisateur. */
html.idmp-brand-gunter body .ag-shell::before{
background:radial-gradient(ellipse,rgba(243,177,13,.22),rgba(243,177,13,0) 69%)!important
}
html.idmp-brand-gunter body .ag-toolbar{
background:linear-gradient(110deg,rgba(243,177,13,.08),transparent 48%)!important
}
html.idmp-brand-gunter body .ag-day-col.today{background-color:rgba(243,177,13,.025)!important}
html.idmp-brand-gunter body .ag-dialog-head{
background:linear-gradient(110deg,rgba(243,177,13,.08),transparent 58%)!important
}
html.idmp-brand-gunter body .ag-field :is(input,select,textarea):focus{
border-color:#f3b10d!important;
box-shadow:0 0 0 3px rgba(243,177,13,.12)!important
}
html.idmp-brand-gunter body .ag-result:hover{background:rgba(243,177,13,.08)!important}
html.idmp-brand-gunter body .ag-source-picked{
background:rgba(243,177,13,.07)!important;
border-color:rgba(243,177,13,.35)!important
}
/* Visite guidee : cadres, progres et fausses donnees de demonstration. */
html.idmp-brand-gunter body .idmp-tour-focus{
border-color:#f3b10d!important;
box-shadow:0 0 0 9999px rgba(0,0,0,.62),0 0 28px rgba(243,177,13,.42)!important
}
html.idmp-brand-gunter body .idmp-tour-focus::after{border-color:rgba(243,177,13,.28)!important}
html.idmp-brand-gunter body :is(.idmp-tour-panel,.idmp-tour-demo-modal){
border-color:rgba(243,177,13,.48)!important;
box-shadow:0 25px 90px rgba(0,0,0,.78),0 0 38px rgba(243,177,13,.15)!important
}
html.idmp-brand-gunter body :is(
.idmp-tour-kicker,.idmp-tour-tip i,.idmp-tour-demo-tag,
.idmp-tour-demo-source,.idmp-tour-demo-machine,.idmp-tour-demo-rdv>i,
.idmp-tour-demo-rdv-date b,.idmp-tour-demo-rdv-ic,
.idmp-tour-demo-modal-entete b,.idmp-tour-demo-actions-suite i,
.idmp-tour-demo-apercu h4 i
){color:#f3b10d!important}
html.idmp-brand-gunter body .idmp-tour-progress span{background:#f3b10d!important;color:#080808!important}
html.idmp-brand-gunter body :is(
.idmp-tour-tip,.idmp-tour-demo-tag,.idmp-tour-demo-source,
.idmp-tour-demo-machine,.idmp-tour-demo-rdv,.idmp-tour-demo-rdv-ligne,
.idmp-tour-demo-rdv-ic,.idmp-tour-demo-modal-entete b,
.idmp-tour-demo-choix button.on,.idmp-tour-demo-types b.on
){
background-color:rgba(243,177,13,.11)!important;
border-color:rgba(243,177,13,.42)!important
}
html.idmp-brand-gunter body .idmp-tour-demo-rdv{
background-image:linear-gradient(145deg,rgba(41,34,12,.98),rgba(10,10,12,.98))!important;
box-shadow:0 0 23px rgba(243,177,13,.15)!important
}
/* Chat equipe : le module injecte une palette rouge complete dans le DOM. */
html.idmp-brand-gunter body #itc-root #itc-launcher{
width:32px;height:32px;border-radius:9px;padding:0;
background:#080808!important;
border-color:#f3b10d!important;
color:#f3b10d!important;
box-shadow:none!important
}
html.idmp-brand-gunter body #itc-root #itc-launcher:hover{
background:#211b0b!important;transform:none;box-shadow:none!important
}
html.idmp-brand-gunter body #itc-root #itc-launcher i{font-size:19px;color:inherit!important}
html.idmp-brand-gunter body #itc-root #itc-launcher::before{content:"";position:absolute;inset:-6px}
html.idmp-brand-gunter body>#itc-root{left:98px;bottom:20px}
html.idmp-brand-gunter body>#itc-root #itc-panel{bottom:48px}
html.idmp-brand-gunter body.idmp-day #itc-root #itc-launcher{
background:#fffdf6!important;border-color:#a87800!important;color:#795600!important
}
html.idmp-brand-gunter body.idmp-day #itc-root #itc-launcher:hover{background:#fff2c5!important}
html.idmp-brand-gunter body #itc-root #itc-unread-senders{
position:absolute;left:0;bottom:46px;display:flex;flex-direction:column;gap:12px
}
html.idmp-brand-gunter body #itc-root #itc-unread-senders[hidden],
html.idmp-brand-gunter body #itc-root[data-chat-open] #itc-unread-senders,
html.idmp-brand-gunter body.gam-on #itc-root #itc-unread-senders{display:none!important}
html.idmp-brand-gunter body #itc-root .itc-unread-sender{
position:relative;width:32px;height:32px;padding:0;border:1px solid #f3b10d;
border-radius:50%;background:#151515;color:#f3b10d;cursor:pointer;font:600 11px/1 'DM Sans',sans-serif
}
html.idmp-brand-gunter body #itc-root .itc-unread-sender::before{content:"";position:absolute;inset:-6px}
html.idmp-brand-gunter body #itc-root .itc-unread-sender:focus-visible{outline:2px solid #f3b10d;outline-offset:3px}
html.idmp-brand-gunter body #itc-root .itc-unread-avatar{
width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:50%
}
html.idmp-brand-gunter body #itc-root .itc-unread-avatar img{width:100%;height:100%;object-fit:cover;display:block}
html.idmp-brand-gunter body #itc-root .itc-unread-count,
html.idmp-brand-gunter body #itc-root #itc-badge{
position:absolute;top:-6px;right:-7px;min-width:18px;height:18px;padding:0 3px;
display:flex;align-items:center;justify-content:center;border:2px solid #080808;
border-radius:12px;background:#d91638!important;color:#fff!important;font:bold 9px/1 'DM Sans',sans-serif
}
html.idmp-brand-gunter body.idmp-day #itc-root .itc-unread-sender{background:#fffdf6;border-color:#a87800;color:#795600}
html.idmp-brand-gunter body.idmp-day #itc-root .itc-unread-count,
html.idmp-brand-gunter body.idmp-day #itc-root #itc-badge{border-color:#f3f5f7!important}
html.idmp-brand-gunter body #itc-root #itc-badge[hidden],
html.idmp-brand-gunter body #itc-root #itc-badge:empty{display:none!important}
html.idmp-brand-gunter body.shl-on #btn-notif #notif-badge{
position:absolute;top:-5px;right:-5px;min-width:16px;height:16px;padding:0 3px;
align-items:center;justify-content:center;border-radius:9px;border:1px solid var(--wh,#111215);
background:#f3b10d;color:#080808;font:700 9px/1 'DM Sans',sans-serif;pointer-events:none
}
@media(prefers-reduced-motion:reduce){
html.idmp-brand-gunter body #itc-root,html.idmp-brand-gunter body #itc-root #itc-launcher{transition:none}
}
html.idmp-brand-gunter body #itc-root #itc-panel{
border-color:rgba(243,177,13,.25)!important;
box-shadow:0 28px 80px rgba(0,0,0,.66),0 0 36px rgba(243,177,13,.10)!important
}
html.idmp-brand-gunter body #itc-root .itc-body{
scrollbar-color:rgba(243,177,13,.38) transparent!important;
background:radial-gradient(circle at 100% 0,rgba(243,177,13,.07),transparent 34%),#0c0c0e!important
}
html.idmp-brand-gunter body #itc-root .itc-body::-webkit-scrollbar-thumb,
html.idmp-brand-gunter body.idmp-day .odc-msgs::-webkit-scrollbar-thumb{
border:0!important;border-radius:0!important;box-shadow:none!important;
background:radial-gradient(circle at center,
#f3b10d 0 4px,rgba(243,177,13,.30) 4px 5.5px,
rgba(243,177,13,0) 5.5px) center var(--dk-pos,0%) / 100% 22px no-repeat!important
}
html.idmp-brand-gunter body #itc-root :is(
#itc-launcher,.itc-icon-btn,.itc-back,.itc-primary,.itc-person,
.itc-thread,.itc-menu-btn
):focus-visible{
outline:2px solid #f3b10d!important;
outline-offset:2px!important
}
html.idmp-brand-gunter body #itc-root :is(input,textarea,select):focus{
border-color:#f3b10d!important;
box-shadow:0 0 0 3px rgba(243,177,13,.12)!important
}
html.idmp-brand-gunter body #itc-root :is(
.itc-logo,.itc-avatar-group,.itc-choice-ic,.itc-history-icon,
.itc-group-photo-preview,.itc-group-role-badge
){
background:rgba(243,177,13,.12)!important;
border-color:rgba(243,177,13,.28)!important;
color:#f3b10d!important
}
html.idmp-brand-gunter body #itc-root :is(
.itc-file-stage i,.itc-empty i,.itc-msg-author,.itc-menu-btn i,
.itc-member-role-label i,.itc-pinned i,.itc-pinned-label,
.itc-compose-context-label
){color:#f3b10d!important}
html.idmp-brand-gunter body #itc-root :is(.itc-choice-btn:hover,.itc-mute-btn:hover,.itc-secondary:hover){
border-color:rgba(243,177,13,.52)!important
}
html.idmp-brand-gunter body #itc-root .itc-check input{accent-color:#f3b10d!important}
html.idmp-brand-gunter body #itc-root .itc-own .itc-bubble{
background:#f3b10d!important;
background-image:linear-gradient(145deg,#f6be2b,#d99b00)!important;
border-color:#f3b10d!important;
color:#080808!important
}
html.idmp-brand-gunter body #itc-root .itc-own :is(.itc-msg-time,.itc-receipt){color:rgba(8,8,8,.70)!important}
html.idmp-brand-gunter body #itc-root .itc-compose-context{
border-left-color:#f3b10d!important
}
html.idmp-brand-gunter body #itc-root .itc-pinned{
background:rgba(243,177,13,.08)!important;
border-color:rgba(243,177,13,.28)!important
}
html.idmp-brand-gunter body #itc-root .itc-msg.is-target .itc-bubble{
box-shadow:0 0 0 2px #f3b10d,0 0 24px rgba(243,177,13,.24)!important
}
html.idmp-brand-gunter body.idmp-day #itc-root .itc-body{
background:radial-gradient(circle at 100% 0,rgba(243,177,13,.07),transparent 34%),#f7f9fb!important
}
html.idmp-brand-gunter body.idmp-day #itc-root :is(
.itc-logo,.itc-avatar-group,.itc-choice-ic,.itc-history-icon,
.itc-group-photo-preview,.itc-group-role-badge
){color:#263246!important}
html.idmp-brand-gunter body.idmp-day #itc-root :is(
.itc-file-stage i,.itc-empty i,.itc-msg-author,.itc-menu-btn i,
.itc-member-role-label i,.itc-pinned i,.itc-pinned-label,
.itc-compose-context-label
){color:#263246!important}
/* Editeur de configuration, rendez-vous et recrutement. */
html.idmp-brand-gunter body :is(.ce-hd i,.rdv-res){color:#f3b10d!important}
html.idmp-brand-gunter body .ce-hd i{
background:rgba(243,177,13,.12)!important;
border-color:rgba(243,177,13,.34)!important
}
html.idmp-brand-gunter body :is(.ce-f input,.ce-f select,.rdv-hi):focus{
border-color:#f3b10d!important;
box-shadow:0 0 0 3px rgba(243,177,13,.12)!important
}
html.idmp-brand-gunter body :is(.ce-slot:hover,.rdv-d:hover,.rec-choice:hover,.rec-row-open:hover td){
background:rgba(243,177,13,.08)!important;
border-color:rgba(243,177,13,.38)!important
}
html.idmp-brand-gunter body .rec-state-tab.on::after{
background:#f3b10d!important;
box-shadow:0 0 12px rgba(243,177,13,.42)!important
}
html.idmp-brand-gunter body.idmp-day :is(.ce-hd i,.rdv-res){color:#263246!important}
/* Derniers modules de l'accueil et du catalogue, eux aussi injectes apres la
feuille de marque. */
html.idmp-brand-gunter body :is(
.ih-tel,.apop-go,.page>.carte .bouton:not(.gh),.card .acts .btn:not(.gh)
){
background:#f3b10d!important;
background-image:none!important;
border-color:#f3b10d!important;
color:#080808!important;
text-shadow:none!important;
box-shadow:0 9px 28px rgba(243,177,13,.24)!important
}
html.idmp-brand-gunter body :is(
.ih-tel,.apop-go,.page>.carte .bouton:not(.gh),.card .acts .btn:not(.gh)
) :is(i,span,b,strong,svg,svg *){color:#080808!important;stroke:currentColor!important}
html.idmp-brand-gunter body :is(
.ih-tel,.apop-go,.page>.carte .bouton:not(.gh),.card .acts .btn:not(.gh)
):is(:hover,:focus-visible){
background:#d99b00!important;
border-color:#d99b00!important;
color:#080808!important
}
html.idmp-brand-gunter body .ih-home{--k:#f3b10d!important}
html.idmp-brand-gunter body :is(.ih-pop-hd i.lead,.iv-t .b,.ic-t b){color:#f3b10d!important}
html.idmp-brand-gunter body .ihs-say::before{
background:radial-gradient(circle,rgba(243,177,13,.22),rgba(243,177,13,0) 66%)!important
}
html.idmp-brand-gunter body.idmp-day .ih-home .ihs-say::before{
background:radial-gradient(ellipse closest-side,rgba(243,177,13,.10),rgba(243,177,13,0) 100%)!important
}
html.idmp-brand-gunter body .iv-media{border-color:#f3b10d!important}
/* Hero tondeuse et popup application. */
html.idmp-brand-gunter body .tdh{--tdor:#f3b10d!important}
html.idmp-brand-gunter body .tdh :is(.tdh-h1 b,.tdh-arg i,.tdh-spec-c){color:#f3b10d!important}
html.idmp-brand-gunter body .tdh .tdh-badge{
background:rgba(243,177,13,.12)!important;
border-color:rgba(243,177,13,.42)!important;
color:#f3b10d!important
}
html.idmp-brand-gunter body.idmp-day .tdh{--tdor:#f3b10d!important}
html.idmp-brand-gunter body.idmp-day .tdh :is(.tdh-h1 b,.tdh-arg i,.tdh-spec-c,.tdh-badge){color:#263246!important}
html.idmp-brand-gunter body .apop-bx{
background-color:#000!important;
background-image:radial-gradient(ellipse 78% 52% at 50% 0%,rgba(243,177,13,.21),rgba(243,177,13,.08) 55%,rgba(0,0,0,0) 100%),
radial-gradient(ellipse 60% 44% at 100% 100%,rgba(243,177,13,.09),rgba(0,0,0,0) 100%)!important;
border-color:rgba(243,177,13,.30)!important
}
/* Les badges de prix pleins gardent l'encre noire. Le prix de carte sans
fond conserve son traitement typographique d'origine. */
html.idmp-brand-gunter body .i-prix{color:#080808!important}
html.idmp-brand-gunter body .ic-card .i-prix:not(.plein){
background:transparent!important;
color:#fff!important;
box-shadow:none!important
}
html.idmp-brand-gunter body.idmp-day .ic-card .i-prix:not(.plein){color:#182233!important}
/* Paiement staff : la page possede sa propre variable rouge et ses propres
composants, independants du shell CRM. */
html.idmp-brand-gunter{--rouge:#f3b10d!important}
html.idmp-brand-gunter body .page>.carte :is(.marque,.pastille,.montant small){color:#f3b10d!important}
html.idmp-brand-gunter body .page>.carte .marque::before{border-color:#f3b10d!important}
html.idmp-brand-gunter body .page>.carte :is(.pastille,.montant,.bank-box){
background:rgba(243,177,13,.075)!important;
border-color:rgba(243,177,13,.40)!important
}
html.idmp-brand-gunter body .page>.carte .numero{
background:rgba(243,177,13,.14)!important;
color:#f3b10d!important
}
html.idmp-brand-gunter body.idmp-day .page>.carte :is(.marque,.pastille,.montant small,.numero){color:#263246!important}
/* Page d'erreur : le code est decoratif, le premier bouton est le CTA. */
html.idmp-brand-gunter body>.card .code{
background:linear-gradient(180deg,#fff 24%,#f3b10d 100%)!important;
-webkit-background-clip:text!important;
background-clip:text!important
}
html.idmp-brand-gunter body>.card .code i{
-webkit-text-fill-color:#f3b10d!important;
color:#f3b10d!important
}
html.idmp-brand-gunter body>.card :is(.timer span,.links a:hover){color:#f3b10d!important}
html.idmp-brand-gunter body.idmp-day>.card .code{
background:linear-gradient(180deg,#182233 24%,#263246 100%)!important;
-webkit-background-clip:text!important;
background-clip:text!important
}
html.idmp-brand-gunter body.idmp-day>.card .code i{
-webkit-text-fill-color:#263246!important;
color:#263246!important
}
html.idmp-brand-gunter body.idmp-day>.card :is(.timer span,.links a:hover){color:#263246!important}
/* Coque pleine largeur de la configuration staff. */
html.idmp-brand-gunter body.dkp-config.dkp-crm .shl-content{
background-color:#000!important;
background-image:radial-gradient(ellipse 44% 46% at 50% 52%,rgba(243,177,13,.17) 0%,rgba(243,177,13,.09) 62%,rgba(0,0,0,0) 100%)!important
}
html.idmp-brand-gunter body.idmp-day.dkp-config.dkp-crm .shl-content{
background-color:#f3f5f7!important;
background-image:radial-gradient(ellipse 44% 46% at 50% 52%,rgba(243,177,13,.10) 0%,rgba(243,177,13,.045) 62%,rgba(243,245,247,0) 100%)!important
}
/* Resultat de rendez-vous et nuancier de l'editeur. */
html.idmp-brand-gunter body .rdv-res{
background:rgba(243,177,13,.09)!important;
border-color:rgba(243,177,13,.30)!important
}
html.idmp-brand-gunter body .ce-sw-dot.noir{
box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 0 0 1.5px rgba(243,177,13,.58),0 0 9px 2px rgba(243,177,13,.48)!important
}
/* Les pseudo-elements du comparateur ne peuvent pas vivre dans :is(). */
html.idmp-brand-gunter body .cmp-category::before,
html.idmp-brand-gunter body .cmp-radar-panel::before{
background:rgba(243,177,13,.10)!important
}
/* Configurateur : accents de titre et controles secondaires. Le bouton de
prefixe telephonique est un selecteur compact, pas un CTA principal. */
html.idmp-brand-gunter body :is(.icf-t b,.icf-lbc){color:#f3b10d!important}
html.idmp-brand-gunter body :is(
.icf-recap,.icf-nav button:not(.next),.icf-aide,.icf-desc,.icf-back-s,
.idmp-tel-btn
){
background:var(--gg-dark-glass)!important;
background-image:none!important;
border-color:var(--gg-dark-glass-border)!important;
color:#f3f5f7!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.045)!important
}
html.idmp-brand-gunter body :is(
.icf-nav button:not(.next),.icf-aide,.icf-desc,.icf-back-s,.idmp-tel-btn
):is(:hover,:focus-visible){
background:rgba(255,255,255,.11)!important;
border-color:rgba(243,177,13,.48)!important;
color:#fff!important;
box-shadow:0 0 0 3px rgba(243,177,13,.10)!important
}
html.idmp-brand-gunter body.idmp-day :is(.icf-t b,.icf-lbc){color:#263246!important}
html.idmp-brand-gunter body.idmp-day :is(
.icf-recap,.icf-nav button:not(.next),.icf-aide,.icf-desc,.icf-back-s,
.idmp-tel-btn
){
background:var(--gg-day-glass)!important;
border-color:var(--gg-day-glass-border)!important;
color:var(--gg-day-glass-ink)!important;
box-shadow:0 8px 28px rgba(24,34,51,.05),inset 0 1px 0 rgba(255,255,255,.82)!important
}
html.idmp-brand-gunter body.idmp-day :is(
.icf-nav button:not(.next),.icf-aide,.icf-desc,.icf-back-s,.idmp-tel-btn
):is(:hover,:focus-visible){
background:rgba(255,255,255,.92)!important;
border-color:rgba(243,177,13,.36)!important;
color:#182233!important;
box-shadow:0 0 0 3px rgba(243,177,13,.13),0 10px 30px rgba(24,34,51,.07)!important
}
html.idmp-brand-gunter body :is(.icf-lbc:not(.on),.icf-sup){color:#f3b10d!important}
html.idmp-brand-gunter body .icf-lbc:not(.on){
background:rgba(243,177,13,.10)!important;
border-color:rgba(243,177,13,.48)!important
}
html.idmp-brand-gunter body :is(.icf-desc i){color:#f3b10d!important}
html.idmp-brand-gunter body .icf-o .sw[data-k="noir"]{
box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 0 0 2px rgba(243,177,13,.60),0 0 17px 4px rgba(243,177,13,.48)!important
}
html.idmp-brand-gunter body .icf-o.on .sw[data-k="noir"]{
box-shadow:inset 0 0 0 1px rgba(255,255,255,.20),0 0 0 2px rgba(243,177,13,.86),0 0 22px 6px rgba(243,177,13,.62)!important
}
html.idmp-brand-gunter body.idmp-day :is(.icf-lbc:not(.on),.icf-sup,.icf-desc i){color:#263246!important}
/* CTA jaunes valides par la marque : texte et pictogrammes fonces. Les
badges, compteurs, filtres et marqueurs jaunes conservent leur encre sombre. */
html.idmp-brand-gunter body :is(
.idmp-brand-switch-card .idmp-brand-switch-btn,
.btn-or,.i-cta--or,.dd-btn-or,.crm-envoi,
.mob-lancer:not(.mob-call),.mob-sheet-apply,.cat-fsheet-apply,.asf-applybtn,
.minv-cta,.qs-btn,.qs-btn-pk,.cta-pk,.sc-cta,.mob-sc-cta,
.ic-foot .i-cta,.ih-cardwrap .i-cta,
#idmp .btn-submit,.pop-btn,.offer-config,.offer-pre-cta,.veh-launch,
.ad-mob-cta button,.ad-promo-apply,.dvs-go,.btn-green,
.order-btn,.identity-actions button.primary,.cta-or,.ihs-cta,
.od2-cta.primary,.od2-initial-head .od2-publish,
.icf-nav button.next,.icf-cta,.cfg-payment-primary,.nx-primary,
.itc-send,.itc-primary,.idmp-tour-btn.primary,
.idmp-tour-demo-actions button:first-child,.idmp-tour-demo-pied button.primary,
.dk-cta,.dkp-devis .cta,.dkp-devis .promo-row button,.dkp-pay .cta,
.od-refus-cta,button[style*="background:var(--or)" i],a[style*="background:var(--or)" i],
#eml-go,#eml-copy,#tpl-go,#fx-ok,#pdfv-dl,
.ag-add,.ag-save,.cfg-mail-payer,.cfg-mail-sendbar button,
.cfg-create-actions button,.cfg-promo-durees button,.cfg-fiche-toolbar button,
.cfg-claim,.odc-in button,.cmp-primary,.cmp-side-public-action a,.tdh-cta,
.it-cta,.ite-cta,
.ih-tel,.apop-go,.page>.carte .bouton:not(.gh),.card .acts .btn:not(.gh),
.rec-next:hover
){color:#080808!important;-webkit-text-fill-color:#080808!important}
html.idmp-brand-gunter body :is(
.idmp-brand-switch-card .idmp-brand-switch-btn,
.btn-or,.i-cta--or,.dd-btn-or,.crm-envoi,
.mob-lancer:not(.mob-call),.mob-sheet-apply,.cat-fsheet-apply,.asf-applybtn,
.minv-cta,.qs-btn,.qs-btn-pk,.cta-pk,.sc-cta,.mob-sc-cta,
.ic-foot .i-cta,.ih-cardwrap .i-cta,
#idmp .btn-submit,.pop-btn,.offer-config,.offer-pre-cta,.veh-launch,
.ad-mob-cta button,.ad-promo-apply,.dvs-go,.btn-green,
.order-btn,.identity-actions button.primary,.cta-or,.ihs-cta,
.od2-cta.primary,.od2-initial-head .od2-publish,
.icf-nav button.next,.icf-cta,.cfg-payment-primary,.nx-primary,
.itc-send,.itc-primary,.idmp-tour-btn.primary,
.idmp-tour-demo-actions button:first-child,.idmp-tour-demo-pied button.primary,
.dk-cta,.dkp-devis .cta,.dkp-devis .promo-row button,.dkp-pay .cta,
.od-refus-cta,button[style*="background:var(--or)" i],a[style*="background:var(--or)" i],
#eml-go,#eml-copy,#tpl-go,#fx-ok,#pdfv-dl,
.ag-add,.ag-save,.cfg-mail-payer,.cfg-mail-sendbar button,
.cfg-create-actions button,.cfg-promo-durees button,.cfg-fiche-toolbar button,
.cfg-claim,.odc-in button,.cmp-primary,.cmp-side-public-action a,.tdh-cta,
.it-cta,.ite-cta,
.ih-tel,.apop-go,.page>.carte .bouton:not(.gh),.card .acts .btn:not(.gh),
.rec-next:hover
) :is(i,span,b,strong,small,svg,svg *){color:#080808!important;-webkit-text-fill-color:#080808!important;stroke:currentColor!important}
/* ==========================================================================
AUDIT FINAL : ETATS HISTORIQUES NON SEMANTIQUES
==========================================================================
Ces composants sont selectionnes ou decoratifs. Le rouge reste disponible
pour les erreurs de validation et les suppressions, jamais pour un chargement,
un focus, un role, un filtre ou une navigation. */
html.idmp-brand-gunter body :is(input[type="checkbox"],input[type="radio"]){accent-color:#f3b10d!important}
html.idmp-brand-gunter body.dark input[type="checkbox"]:checked,
html.idmp-brand-gunter body input[type="checkbox"]:checked{
background:#f3b10d!important;
border-color:#f3b10d!important
}
html.idmp-brand-gunter body :is(input[type="checkbox"],input[type="radio"]):focus-visible{
outline:2px solid rgba(243,177,13,.62)!important;
outline-offset:2px!important
}
html.idmp-brand-gunter body :is(
[style*="background:#FFF0EB" i][style*="color:#FF3019" i],
.pill[data-management-role],.ap-role-pill,.ap-ranking-state.is-on
){
background:rgba(243,177,13,.13)!important;
border-color:rgba(243,177,13,.38)!important;
color:#f3b10d!important
}
html.idmp-brand-gunter body :is(#p-bulk-bar,#ct-bulk-bar,#af-bulk-bar,.cfg-total,.dcc-note){
background:rgba(243,177,13,.08)!important;
border-color:rgba(243,177,13,.30)!important;
box-shadow:none!important
}
html.idmp-brand-gunter body :is(
.team-page-title-icon,.ap-rail-mark,.ap-card-icon,.ap-ranking-choice
){
background:rgba(243,177,13,.10)!important;
border-color:rgba(243,177,13,.34)!important;
color:#f3b10d!important
}
html.idmp-brand-gunter body .ap-account-rail::after{background:rgba(243,177,13,.06)!important}
html.idmp-brand-gunter body .ap-rail-nav button.on{
background:rgba(243,177,13,.12)!important;
color:#f3b10d!important
}
html.idmp-brand-gunter body .ap-avatar{
background:#f3b10d!important;
color:#080808!important;
box-shadow:0 0 0 4px rgba(243,177,13,.13)!important
}
html.idmp-brand-gunter body :is(.ap-field input.ap-editing,.ap-field select.ap-editing){
background:rgba(243,177,13,.055)!important;
border-color:rgba(243,177,13,.60)!important;
box-shadow:0 0 0 3px rgba(243,177,13,.10)!important
}
html.idmp-brand-gunter body :is(.acc-bell:hover,.qs-pblock){
border-color:rgba(243,177,13,.36)!important;
box-shadow:0 4px 16px rgba(243,177,13,.10)!important
}
html.idmp-brand-gunter body .qs-desk{
background:linear-gradient(118deg,rgba(243,177,13,.15),rgba(255,255,255,.045) 45%,rgba(243,177,13,.08))!important;
box-shadow:0 3px 18px rgba(243,177,13,.11),inset 0 1px 0 rgba(255,255,255,.08)!important
}
html.idmp-brand-gunter body :is(.rngf-fill,.msl-fill,.qs-fill){
background:linear-gradient(90deg,#f3b10d,#d99b00)!important;
box-shadow:0 1px 5px rgba(243,177,13,.42)!important
}
html.idmp-brand-gunter body :is(.fsel,.fq,.qs-pin):focus{
border-color:#f3b10d!important;
box-shadow:0 0 0 3px rgba(243,177,13,.16)!important
}
html.idmp-brand-gunter body .qs-count{
color:#f3b10d!important;
text-shadow:0 1px 2px rgba(243,177,13,.35),0 0 10px rgba(243,177,13,.20)!important
}
html.idmp-brand-gunter body .pending-card{
background:radial-gradient(circle at 50% 28%,rgba(243,177,13,.12),transparent 44%),linear-gradient(145deg,#101217,#07080a)!important
}
html.idmp-brand-gunter body .search-logo::before,
html.idmp-brand-gunter body .search-logo::after{border-color:rgba(243,177,13,.54)!important}
html.idmp-brand-gunter body .search-logo img{filter:drop-shadow(0 0 18px rgba(243,177,13,.30))!important}
html.idmp-brand-gunter body .pending-badge{
background:rgba(243,177,13,.10)!important;
border-color:rgba(243,177,13,.48)!important;
color:#f3b10d!important
}
@media (min-width:769px) and (max-width:1366px) and (min-height:560px) and (orientation:landscape){
html.idmp-brand-gunter body.app-invite .mob-topnav::before{
background-image:url('/assets/brands/gunter/gunter-mark.png')!important
}
}
html.idmp-brand-gunter body.idmp-day :is(
[style*="background:#FFF0EB" i][style*="color:#FF3019" i],
.pill[data-management-role],.ap-role-pill,.ap-ranking-state.is-on,
.team-page-title-icon,.ap-rail-mark,.ap-card-icon,.ap-ranking-choice,
#p-bulk-bar,#ct-bulk-bar,#af-bulk-bar,.cfg-total,.dcc-note,.qs-pblock
){
background:rgba(255,255,255,.76)!important;
border-color:rgba(243,177,13,.25)!important;
color:#263246!important;
box-shadow:0 8px 26px rgba(24,34,51,.055),inset 0 1px 0 rgba(255,255,255,.82)!important
}
html.idmp-brand-gunter body.idmp-day .qs-desk{
background:linear-gradient(118deg,rgba(243,177,13,.11),rgba(255,255,255,.84) 44%,rgba(243,177,13,.07))!important;
box-shadow:0 8px 28px rgba(24,34,51,.06),inset 0 1px 0 rgba(255,255,255,.88)!important
}
/* Les CTA de consultation du catalogue restent secondaires en mode sombre.
Leur fond transparent laisse respirer la carte ; le jaune n'apparait qu'au
survol ou au clavier. Le mode jour conserve son CTA jaune lisible. */
html.idmp-brand-gunter body:not(.idmp-day) #stock-grid .ic-foot .i-cta,
html.idmp-brand-gunter body:not(.idmp-day) .offer-fiche{
background:transparent!important;
background-color:transparent!important;
background-image:none!important;
border:1px solid rgba(255,255,255,.24)!important;
color:#fff!important;
box-shadow:none!important;
text-shadow:none!important
}
html.idmp-brand-gunter body:not(.idmp-day) #stock-grid .ic-foot .i-cta:hover,
html.idmp-brand-gunter body:not(.idmp-day) #stock-grid .ic-foot .i-cta:focus-visible,
html.idmp-brand-gunter body:not(.idmp-day) .offer-fiche:hover,
html.idmp-brand-gunter body:not(.idmp-day) .offer-fiche:focus-visible{
background:rgba(243,177,13,.08)!important;
border-color:rgba(243,177,13,.68)!important;
color:#fff!important;
box-shadow:0 0 0 3px rgba(243,177,13,.10)!important
}
/* Les deux modules ci-dessous sont declares tard dans cette feuille. */
html.idmp-brand-gunter.idmp-brand-gunter body .rec-state-tab.on::after{
background:#f3b10d!important;
box-shadow:none!important
}
html.idmp-brand-gunter.idmp-brand-gunter body .ap-rail-nav button.on{
background:rgba(243,177,13,.12)!important;
color:#f3b10d!important;
box-shadow:inset 3px 0 0 #f3b10d!important
}
html.idmp-brand-gunter.idmp-brand-gunter body.idmp-day .ap-rail-nav button.on{
background:rgba(243,177,13,.16)!important;
color:#263246!important
}
/* ==========================================================================
TABLEAU DE BORD CLIENT : BARRE HORIZONTALE GUNTER
========================================================================== */
html.idmp-brand-gunter body :is(
.gg-alert-removed,#nav-recherche,#cli-nav-recherche,
#mob-menu-main [onclick*="recherche"],
.ih-menu [onclick*="recherche"],
.ih-dash [onclick*="recherche"]
){display:none!important}
html.idmp-brand-gunter body .gg-client-header{display:none}
/* Le header client reprend ces actions sur Gunter. Les masquer des la
premiere peinture evite leur bref doublon avant le montage JavaScript. */
html.idmp-brand-gunter body.dkp-espace:not(.guest):not(.app-invite) aside.sb :is(#nav-comparateur,#nav-commandes,#nav-configurations,#nav-sav,#nav-compte,#nav-legal,#nav-logout,.idmp-client-account-group),
html.idmp-brand-gunter body.dkp-ad.ad-client-shell #sidebar-client :is(#cli-nav-comparateur,#cli-nav-commandes,#cli-nav-configurations,#cli-nav-sav,#cli-nav-compte,#cli-nav-legal,#cli-nav-logout,.idmp-client-account-group){display:none!important}
@media (min-width:1025px), (min-width:769px) and (orientation:landscape) and (min-height:560px){
/* Comme dans la coque admin, la barre doit partir exactement du bord du
rail. idmp_black.css ajoute une respiration a .main pour les clients :
elle reste sur .content, mais ne doit pas raccourcir le filet du header. */
html.idmp-brand-gunter body.idmp-client.dkp-espace:not(.guest):not(.app-invite) .main{
padding-left:0!important;
padding-right:0!important
}
html.idmp-brand-gunter body.idmp-client.dkp-ad.ad-client-shell .main{
padding-left:0!important;
padding-right:0!important
}
html.idmp-brand-gunter body.idmp-client.dkp-espace:not(.guest):not(.app-invite) .gg-client-header,
html.idmp-brand-gunter body.idmp-client.dkp-ad.ad-client-shell:not(.is-staff) .gg-client-header{
position:relative;
z-index:45;
flex:0 0 68px;
min-height:68px;
display:flex;
align-items:center;
gap:clamp(14px,1.7vw,30px);
padding:0 clamp(18px,2.2vw,40px);
border-bottom:1px solid var(--hair,rgba(255,255,255,.10));
background:rgba(7,8,10,.94);
box-shadow:0 8px 28px rgba(0,0,0,.16);
backdrop-filter:blur(16px) saturate(125%);
-webkit-backdrop-filter:blur(16px) saturate(125%)
}
html.idmp-brand-gunter body.idmp-client.dkp-ad.ad-client-shell:is(.ad-mini-offer,.ad-veh-offer) #sidebar-client{
display:flex!important
}
html.idmp-brand-gunter body.idmp-client.dkp-ad.ad-client-shell:is(.ad-mini-offer,.ad-veh-offer) .content{
overflow-y:auto!important
}
html.idmp-brand-gunter body.idmp-client:not(.guest):not(.app-invite) #sec-accueil > .sec-hd{
display:none!important
}
html.idmp-brand-gunter body .gg-client-hello{
flex:1 1 auto;
min-width:110px;
overflow:hidden
}
html.idmp-brand-gunter body .gg-client-hello span{
display:block;
overflow:hidden;
color:#9ca2ad;
font-size:clamp(12px,1.15vw,17px);
font-weight:800;
line-height:1.2;
letter-spacing:.19em;
text-transform:uppercase;
text-overflow:ellipsis;
white-space:nowrap
}
html.idmp-brand-gunter body .gg-client-actions{
flex:0 1 auto;
min-width:0;
display:flex;
align-items:center;
justify-content:flex-end;
gap:7px
}
html.idmp-brand-gunter body :is(.gg-client-cta,.gg-client-icon,.gg-client-account){
min-height:40px;
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
border:1px solid rgba(243,177,13,.22);
border-radius:12px;
background:rgba(243,177,13,.055);
color:#e7e9ee;
font-family:'DM Sans',system-ui,sans-serif;
font-size:12.5px;
font-weight:750;
line-height:1;
text-decoration:none;
white-space:nowrap;
cursor:pointer;
touch-action:manipulation;
-webkit-tap-highlight-color:rgba(243,177,13,.12);
transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .12s ease
}
html.idmp-brand-gunter body .gg-client-cta{padding:0 clamp(10px,1vw,15px)}
html.idmp-brand-gunter body .gg-client-cta > i:first-child{font-size:17px;color:#f3b10d}
html.idmp-brand-gunter body :is(.gg-client-cta,.gg-client-icon,.gg-client-account):is(:hover,:focus-visible),
html.idmp-brand-gunter body :is(.gg-client-cta,.gg-client-account).on{
border-color:rgba(243,177,13,.68);
background:rgba(243,177,13,.12);
color:#fff;
box-shadow:0 0 0 3px rgba(243,177,13,.09),0 8px 24px rgba(0,0,0,.22)
}
html.idmp-brand-gunter body :is(.gg-client-cta,.gg-client-icon,.gg-client-account):focus-visible{
outline:2px solid #f3b10d;
outline-offset:3px
}
html.idmp-brand-gunter body :is(.gg-client-cta,.gg-client-icon,.gg-client-account):active{transform:translateY(1px)}
html.idmp-brand-gunter body .gg-client-cta.on,
html.idmp-brand-gunter body .gg-client-service-trigger.on{
color:#111!important;
border-color:#f3b10d!important;
background:#f3b10d!important;
box-shadow:0 7px 24px rgba(243,177,13,.20)!important
}
html.idmp-brand-gunter body .gg-client-cta.on i,
html.idmp-brand-gunter body .gg-client-service-trigger.on i{color:#111!important}
html.idmp-brand-gunter body .gg-client-service{position:relative}
html.idmp-brand-gunter body .gg-client-service-trigger{height:40px}
html.idmp-brand-gunter body .gg-client-service-chevron{
margin-left:1px;
font-size:14px;
color:#8f96a3;
transition:transform .16s ease
}
html.idmp-brand-gunter body .gg-client-service-trigger[aria-expanded="true"] .gg-client-service-chevron{transform:rotate(180deg)}
html.idmp-brand-gunter body .gg-client-service-menu{
position:absolute;
top:calc(100% + 10px);
right:0;
width:min(330px,calc(100vw - 32px));
padding:8px;
border:1px solid rgba(243,177,13,.30);
border-radius:15px;
background:#111318;
box-shadow:0 20px 56px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.05)
}
html.idmp-brand-gunter body .gg-client-service-menu[hidden]{display:none!important}
html.idmp-brand-gunter body .gg-client-service-menu :is(a,button){
width:100%;
min-height:58px;
display:flex;
align-items:center;
gap:12px;
padding:10px 11px;
border:1px solid transparent;
border-radius:11px;
background:transparent;
color:#eef0f4;
font-family:'DM Sans',system-ui,sans-serif;
text-align:left;
text-decoration:none;
cursor:pointer
}
html.idmp-brand-gunter body .gg-client-service-menu :is(a,button) > i{
flex:0 0 34px;
width:34px;
height:34px;
display:flex;
align-items:center;
justify-content:center;
border-radius:9px;
background:rgba(243,177,13,.12);
color:#f3b10d;
font-size:18px
}
html.idmp-brand-gunter body .gg-client-service-menu :is(a,button) > span{flex:1;min-width:0;display:grid;gap:4px}
html.idmp-brand-gunter body .gg-client-service-menu :is(a,button) b{font-size:13px;line-height:1.2}
html.idmp-brand-gunter body .gg-client-service-menu :is(a,button) small{color:#8f96a3;font-size:11.5px;line-height:1.25}
html.idmp-brand-gunter body .gg-client-service-menu a:is(:hover,:focus-visible){
border-color:rgba(243,177,13,.34);
background:rgba(243,177,13,.08);
outline:0
}
html.idmp-brand-gunter body .gg-client-service-menu a:focus-visible{
box-shadow:0 0 0 2px #111318,0 0 0 4px #f3b10d
}
html.idmp-brand-gunter body .gg-client-service-menu button[disabled]{opacity:.55;cursor:not-allowed}
html.idmp-brand-gunter body .gg-client-service-menu button em{
padding:4px 7px;
border:1px solid rgba(243,177,13,.24);
border-radius:999px;
color:#f3b10d;
font-size:9px;
font-style:normal;
font-weight:800;
letter-spacing:.08em;
text-transform:uppercase
}
html.idmp-brand-gunter body .gg-client-icon{
position:relative;
flex:0 0 40px;
width:40px;
padding:0;
border-color:rgba(255,255,255,.14);
background:transparent
}
html.idmp-brand-gunter body .gg-client-icon i{font-size:20px}
html.idmp-brand-gunter body .gg-client-account{
flex:0 0 auto;
padding:0 13px 0 10px;
border-color:rgba(255,255,255,.16);
background:rgba(255,255,255,.045)
}
html.idmp-brand-gunter body .gg-client-account i{font-size:21px;color:#f3b10d}
html.idmp-brand-gunter body .gg-client-icon .ndot{top:7px;right:7px;border-color:#08090b;background:#f3b10d}
}
@media (min-width:769px) and (max-width:999px) and (orientation:landscape) and (min-height:560px){
html.idmp-brand-gunter body.dkp-ad.ad-client-shell .gg-client-header{
gap:5px!important;
padding-left:10px!important;
padding-right:10px!important;
overflow-x:auto;
scrollbar-width:none
}
html.idmp-brand-gunter body.dkp-ad.ad-client-shell .gg-client-header::-webkit-scrollbar{display:none}
html.idmp-brand-gunter body.dkp-ad.ad-client-shell .gg-client-hello{display:none}
html.idmp-brand-gunter body.dkp-ad.ad-client-shell .gg-client-actions{width:100%;gap:4px}
html.idmp-brand-gunter body.dkp-ad.ad-client-shell .gg-client-cta{padding:0 8px;font-size:10.5px}
html.idmp-brand-gunter body.dkp-ad.ad-client-shell .gg-client-cta > i:first-child{font-size:15px}
html.idmp-brand-gunter body.dkp-ad.ad-client-shell .gg-client-account{padding:0 9px;font-size:10.5px}
}
@media (min-width:1000px) and (max-width:1190px) and (min-height:620px){
html.idmp-brand-gunter body .gg-client-header{gap:10px!important;padding-left:16px!important;padding-right:16px!important}
html.idmp-brand-gunter body .gg-client-actions{gap:5px}
html.idmp-brand-gunter body .gg-client-cta{padding-left:9px;padding-right:9px;font-size:11px}
html.idmp-brand-gunter body .gg-client-hello span{font-size:11px;letter-spacing:.14em}
html.idmp-brand-gunter body .gg-client-account{padding-right:10px;font-size:11px}
}
html.idmp-brand-gunter body.idmp-day .gg-client-header{
border-bottom-color:var(--hair,rgba(24,34,51,.10))!important;
background:rgba(247,248,250,.94)!important;
box-shadow:0 8px 28px rgba(24,34,51,.07)!important
}
html.idmp-brand-gunter body.idmp-day .gg-client-hello span{color:#6b7280}
html.idmp-brand-gunter body.idmp-day :is(.gg-client-cta,.gg-client-icon,.gg-client-account){
border-color:rgba(243,177,13,.19);
background:rgba(243,177,13,.06);
color:#283243
}
html.idmp-brand-gunter body.idmp-day .gg-client-service-menu{
border-color:rgba(243,177,13,.22);
background:#fff;
box-shadow:0 20px 48px rgba(24,34,51,.15),inset 0 1px 0 rgba(255,255,255,.9)
}
html.idmp-brand-gunter body.idmp-day .gg-client-service-menu :is(a,button){color:#182233}
html.idmp-brand-gunter body.idmp-day .gg-client-service-menu a:focus-visible{
box-shadow:0 0 0 2px #fff,0 0 0 4px #9a6c00
}
@media (prefers-reduced-motion:reduce){
html.idmp-brand-gunter body :is(.gg-client-cta,.gg-client-icon,.gg-client-account,.gg-client-service-chevron){transition:none!important}
}
/* ==========================================================================
GARDE-FEU FINAL : MODULES INJECTES APRES LES FEUILLES DU CRM
==========================================================================
L'accueil et la coque commande ajoutent encore leur CSS depuis JavaScript
apres le chargement de cette feuille. Les valeurs SILEX litterales de ces
deux modules passaient donc devant les variables de marque. Cette couche
ne touche pas les erreurs de formulaire ni les actions destructrices. */
html.idmp-brand-gunter body :is(
.ih-kick,.ih-panel-hd i,.ih-q i,.ih-tile i,.ih-link>i,
.ih-pop-hd i.lead,.ih-faq-q i,.ih-faq-a a,.ih-panel-hd a:hover,
.mob-bell:active
){color:#f3b10d!important}
html.idmp-brand-gunter body :is(.ih-dot.on,.ih-pm-b.on,.ih-kpi::after){background:#f3b10d!important}
html.idmp-brand-gunter body .ihs-say::before{
background:radial-gradient(circle,rgba(243,177,13,.22),rgba(243,177,13,0) 66%)!important
}
html.idmp-brand-gunter body :is(.ih-q:hover,.ih-faq-q:hover,.ih-panel-hd a:hover){border-color:#f3b10d!important}
html.idmp-brand-gunter body.idmp-day :is(
.ih-kick,.ih-panel-hd i,.ih-q i,.ih-tile i,.ih-link>i,
.ih-pop-hd i.lead,.ih-faq-q i,.ih-faq-a a,.ih-panel-hd a:hover
){color:#263246!important}
/* L'attribution du technicien est une attente informative Gunter, jamais une
alerte rouge. Le halo, l'icone et la pastille partagent le meme jaune. */
html.idmp-brand-gunter body .odc-wlogo::before,
html.idmp-brand-gunter body .odc-wlogo::after{border-color:rgba(243,177,13,.52)!important}
html.idmp-brand-gunter body .odc-wlogo img{filter:drop-shadow(0 0 18px rgba(243,177,13,.34))!important}
html.idmp-brand-gunter body .odc-hg{background:#f3b10d!important;color:#080808!important}
html.idmp-brand-gunter body .odc-wbadge{
border-color:rgba(243,177,13,.58)!important;
background:rgba(243,177,13,.11)!important;
color:#f3b10d!important
}
html.idmp-brand-gunter body :is(.odc-sp.hi i,.odc-pill.o,#odc .cfg-tag.t-acc){
border-color:rgba(243,177,13,.48)!important;
background:rgba(243,177,13,.12)!important;
color:#f3b10d!important
}
html.idmp-brand-gunter body.idmp-day .odc-wbadge,
html.idmp-brand-gunter body.idmp-day :is(.odc-sp.hi i,.odc-pill.o,#odc .cfg-tag.t-acc){color:#263246!important}
/* Le retour reste un lien nu. La regle generique button:hover ajoutait une
ombre rectangulaire autour de toute sa zone cliquable. */
html.idmp-brand-gunter body .odc-back,
html.idmp-brand-gunter body .odc-back:hover,
html.idmp-brand-gunter body .odc-back:focus-visible,
html.idmp-brand-gunter body .odc-back:active{
background:transparent!important;border:0!important;border-radius:0!important;
box-shadow:none!important;filter:none!important
}
html.idmp-brand-gunter body .odc-back>i,
html.idmp-brand-gunter body .odc-back:hover>i,
html.idmp-brand-gunter body .odc-back:focus-visible>i{
background:transparent!important;border:0!important;border-radius:0!important;
box-shadow:none!important
}
html.idmp-brand-gunter body .odc-back:hover{color:#f3b10d!important}
/* CTA catalogue GUNTER : meme promesse et meme traitement pour le client,
le visiteur et le staff. Cette regle reste en dernier afin que les anciens
styles de consultation transparents ne puissent plus reprendre la main. */
html.idmp-brand-gunter.idmp-brand-gunter body #stock-grid .ic-foot .i-cta,
html.idmp-brand-gunter.idmp-brand-gunter body #mob-stock-grid .ic-foot .i-cta,
html.idmp-brand-gunter.idmp-brand-gunter body .ih-cardwrap .ic-foot .i-cta{
background:#f3b10d!important;
background-color:#f3b10d!important;
background-image:none!important;
border:1px solid #f3b10d!important;
color:#080808!important;
text-shadow:none!important;
box-shadow:0 9px 30px rgba(243,177,13,.22)!important
}
html.idmp-brand-gunter.idmp-brand-gunter body #stock-grid .ic-foot .i-cta:hover,
html.idmp-brand-gunter.idmp-brand-gunter body #stock-grid .ic-foot .i-cta:focus-visible,
html.idmp-brand-gunter.idmp-brand-gunter body #mob-stock-grid .ic-foot .i-cta:hover,
html.idmp-brand-gunter.idmp-brand-gunter body #mob-stock-grid .ic-foot .i-cta:focus-visible,
html.idmp-brand-gunter.idmp-brand-gunter body .ih-cardwrap .ic-foot .i-cta:hover,
html.idmp-brand-gunter.idmp-brand-gunter body .ih-cardwrap .ic-foot .i-cta:focus-visible{
background:#d99b00!important;
background-color:#d99b00!important;
border-color:#d99b00!important;
color:#080808!important;
box-shadow:0 0 0 3px rgba(243,177,13,.20),0 12px 34px rgba(243,177,13,.28)!important
}
/* Les CTA de configuration gardent une encre noire dans les deux themes,
dans les catalogues client/staff et sur les fiches machine. */
html.idmp-brand-gunter.idmp-brand-gunter body:not(.idmp-day) #stock-grid .ic-foot .i-cta,
html.idmp-brand-gunter.idmp-brand-gunter body:not(.idmp-day) #mob-stock-grid .ic-foot .i-cta,
html.idmp-brand-gunter.idmp-brand-gunter body:not(.idmp-day) .ih-cardwrap .ic-foot .i-cta,
html.idmp-brand-gunter body.dkp-ad:not(.idmp-day) :is(
.offer-config,.offer-pre-cta,.veh-launch,.ad-mob-cta button,.btn-green,.icf-cta
){color:#080808!important}
html.idmp-brand-gunter.idmp-brand-gunter body:not(.idmp-day) #stock-grid .ic-foot .i-cta :is(i,span,b,strong,small,svg,svg *),
html.idmp-brand-gunter.idmp-brand-gunter body:not(.idmp-day) #mob-stock-grid .ic-foot .i-cta :is(i,span,b,strong,small,svg,svg *),
html.idmp-brand-gunter.idmp-brand-gunter body:not(.idmp-day) .ih-cardwrap .ic-foot .i-cta :is(i,span,b,strong,small,svg,svg *),
html.idmp-brand-gunter body.dkp-ad:not(.idmp-day) :is(
.offer-config,.offer-pre-cta,.veh-launch,.ad-mob-cta button,.btn-green,.icf-cta
) :is(i,span,b,strong,small,svg,svg *){color:#080808!important;stroke:currentColor!important}
html.idmp-brand-gunter.idmp-brand-gunter body.idmp-day #stock-grid .ic-foot .i-cta,
html.idmp-brand-gunter.idmp-brand-gunter body.idmp-day #mob-stock-grid .ic-foot .i-cta,
html.idmp-brand-gunter.idmp-brand-gunter body.idmp-day .ih-cardwrap .ic-foot .i-cta,
html.idmp-brand-gunter body.idmp-day.dkp-ad :is(
.offer-config,.offer-pre-cta,.veh-launch,.ad-mob-cta button,.btn-green,.icf-cta
){color:#080808!important}
html.idmp-brand-gunter.idmp-brand-gunter body.idmp-day #stock-grid .ic-foot .i-cta :is(i,span,b,strong,small,svg,svg *),
html.idmp-brand-gunter.idmp-brand-gunter body.idmp-day #mob-stock-grid .ic-foot .i-cta :is(i,span,b,strong,small,svg,svg *),
html.idmp-brand-gunter.idmp-brand-gunter body.idmp-day .ih-cardwrap .ic-foot .i-cta :is(i,span,b,strong,small,svg,svg *),
html.idmp-brand-gunter body.idmp-day.dkp-ad :is(
.offer-config,.offer-pre-cta,.veh-launch,.ad-mob-cta button,.btn-green,.icf-cta
) :is(i,span,b,strong,small,svg,svg *){color:#080808!important;stroke:currentColor!important}
/* La couche jour/nuit peut arriver apres cette feuille. Les deux IDs dans
:is donnent aussi aux cartes d'accueil la priorite sur ses CTA generiques. */
html.idmp-brand-gunter body :is(
#stock-grid#stock-grid .ic-foot .i-cta,
#mob-stock-grid#mob-stock-grid .ic-foot .i-cta,
.ih-cardwrap .ic-foot .i-cta
){--gg-quote-ink:#080808;color:#080808!important;-webkit-text-fill-color:#080808!important}
html.idmp-brand-gunter body :is(
#stock-grid#stock-grid .ic-foot .i-cta,
#mob-stock-grid#mob-stock-grid .ic-foot .i-cta,
.ih-cardwrap .ic-foot .i-cta
) :is(i,span,b,strong,small,svg,svg *){
color:#080808!important;-webkit-text-fill-color:#080808!important;stroke:currentColor!important;
}
/* Petits indicateurs du compte : jaune clair en mode jour, chiffres noirs. */
/* Les cellules d'actions ne sont pas des textes a tronquer. */
html.idmp-brand-gunter body #cttbody td:last-child{width:60px;padding:8px;text-overflow:clip;white-space:normal}
html.idmp-brand-gunter body #sec-contacts .tbl th:last-child{width:60px!important}
@media(min-width:1000px) and (min-height:620px){
/* Meme largeur avant/apres le marquage du scroll et avant/apres les cartes. */
html.idmp-brand-gunter body:is(.dkp-admin,.dkp-espace) .content{scrollbar-gutter:stable;scrollbar-width:auto;scrollbar-color:auto!important}
html.idmp-brand-gunter body:is(.dkp-admin,.dkp-espace) .content::-webkit-scrollbar{width:16px;height:16px}
html.idmp-brand-gunter body aside.sb .sb-nav{scrollbar-width:none!important;overflow-x:hidden}
html.idmp-brand-gunter body aside.sb .sb-nav::-webkit-scrollbar{width:0!important;height:0!important}
html.idmp-brand-gunter body #sec-prospects .tbl{min-width:0;overflow-x:hidden!important}
html.idmp-brand-gunter body #sec-prospects .tbl table{width:100%!important;min-width:0!important;table-layout:fixed}
html.idmp-brand-gunter body #sec-prospects .tbl th{width:auto!important}
html.idmp-brand-gunter body #sec-prospects .tbl th:first-child{width:32px!important}
html.idmp-brand-gunter body #sec-prospects .tbl th:last-child{width:240px!important}
html.idmp-brand-gunter body #ptbody td:last-child{text-overflow:clip}
html.idmp-brand-gunter[data-dksb],html.idmp-brand-gunter body [data-dksb]{scrollbar-width:auto;scrollbar-color:auto!important}
html.idmp-brand-gunter[data-dksb]::-webkit-scrollbar,
html.idmp-brand-gunter body [data-dksb]::-webkit-scrollbar{width:16px;height:16px}
html.idmp-brand-gunter[data-dksb],html.idmp-brand-gunter body{--gg-scroll-limit:rgba(255,255,255,.72);--gg-scroll-line:rgba(255,255,255,.30)}
html.idmp-brand-gunter.idmp-day[data-dksb],html.idmp-brand-gunter body.idmp-day{--gg-scroll-limit:rgba(24,34,51,.55);--gg-scroll-line:rgba(24,34,51,.24)}
html.idmp-brand-gunter[data-dksb]::-webkit-scrollbar-track:vertical,
html.idmp-brand-gunter body [data-dksb]::-webkit-scrollbar-track:vertical{
background:radial-gradient(circle at center,var(--gg-scroll-limit) 0 2.5px,transparent 2.5px) center top 6px / 100% 10px no-repeat,
radial-gradient(circle at center,var(--gg-scroll-limit) 0 2.5px,transparent 2.5px) center bottom 6px / 100% 10px no-repeat,
linear-gradient(var(--gg-scroll-line),var(--gg-scroll-line)) center / 3px calc(100% - 22px) no-repeat!important;
border:0!important;border-radius:0!important
}
html.idmp-brand-gunter[data-dksb]::-webkit-scrollbar-thumb:vertical,
html.idmp-brand-gunter body [data-dksb]::-webkit-scrollbar-thumb:vertical{
border:0!important;border-radius:0!important;min-height:26px;
background:radial-gradient(circle at center,#f3b10d 0 5.5px,rgba(243,177,13,.30) 5.5px 8px,transparent 8px) center var(--dk-pos,0%) / 100% 22px no-repeat!important
}
html.idmp-brand-gunter body [data-dksb]::-webkit-scrollbar-thumb:horizontal{
background-position:var(--dk-posx,0%) center!important;background-size:22px 100%!important
}
}
html.idmp-brand-gunter body.idmp-day :is(#mob-profile-progress-fill,#profile-progress-fill){
background:#ffe08a!important;background-image:none!important;
}
html.idmp-brand-gunter body.idmp-day :is(.sbi-badge,.mob-badge,.ih-tile .bdg,.fbar-count,.ndot-cnt,.a-bell-badge,#notif-panel-cnt){
background:#ffe08a!important;background-image:none!important;
color:#080808!important;-webkit-text-fill-color:#080808!important;box-shadow:none!important;
}
/* L'accueil reserve de l'air autour de la G70X sur tous les ecrans. */
html.idmp-brand-gunter body .ih-home .ihs[data-dest="pelles-sur-roue"] .ihs-vis img{
max-width:82%!important;max-height:88%!important;transform:none!important;
}
/* ==========================================================================
FLUIDITE CRM GUNTER (19 octobre 2026)
========================================================================== */
/* Les cartes du catalogue ne font plus respirer leur ombre au survol : la
surcharge de idmp_motion.css (translate + box-shadow) est ramenee a la
seule translation. Meme barriere de pointeur que la feuille de mouvement,
SILEX garde sa regle. */
@media(hover:hover) and (pointer:fine){
html.idmp-brand-gunter.idmp-motion :where(.ic-card){transition:translate var(--motion-fast) var(--motion-ease)}
}
/* Depuis la vitrine, la fiche n'a aucun pre-rendu : le voile de chargement
reste jusqu'a la premiere reponse puis fondait en 550 ms. Sur Gunter, il
s'efface en 200 ms (idmp_ad_detail.html retire le display en 220 ms). */
html.idmp-brand-gunter #load-screen{transition-duration:.2s}
/* Le panier SAV reste une entree du menu client, y compris sur les annonces. */
html.idmp-brand-gunter #gsc-header-cart[hidden]{display:none!important}
html.idmp-brand-gunter #gsc-header-cart em{display:inline-grid;place-items:center;min-width:21px;height:21px;padding:0 5px;margin-left:5px;border-radius:999px;background:rgba(243,177,13,.15);color:var(--or,#f3b10d);font-size:10px;font-style:normal}
/* Accents jour : symboles jaunes, texte courant en encre sombre. */
html.idmp-brand-gunter body.idmp-day{
--gg-day-accent:#f3b10d;--gg-day-accent-hover:#f3b10d;
--or:#f3b10d!important;--orh:#f3b10d!important;--dk-or:#f3b10d!important;--tdor:#f3b10d!important
}
html.idmp-brand-gunter body.idmp-day :is(
.ite-ic,.ite-k,.ih-kick,.gg-preview-brand,.sp-eyebrow,.sp-card-category,
.et-lien>i,.ia-tile>i,.ia-rc i,.ia-hd i.lead,.ia-pen,
.rdvb-ic,.rdvb-note i,.is-link-ic i,.is-link:hover i.go,
.idmp-theme-card-icon,.odc-sp.hi i,.ce-hd i,.tdh-arg i,
.mob-tab.on i,.mob-tab.active i,.idmp-gunter-side.on i,
aside.sb .sbi.on i,.idmp-ssb .sbi.on i,
.sp-filter-rule i,.sp-category-list button.is-active i
){color:#f3b10d!important;-webkit-text-fill-color:#f3b10d!important}
/* Les vrais sous-onglets ont un fond plan, meme dans le navigateur jour. */
html.idmp-brand-gunter.idmp-brand-gunter body.idmp-day.idmp-day :is(
.cat-tab,.ovt,.i-ton-b,.it-tab,.cfg-tab,.crm-tab,.od2-tab,.od-tab,
.odc-legal-tab,.trsel-b,.team-state-tab,.rec-state-tab,.kbt-b,.aca-fam,
.aca-segments button,.cg-cat,.ptab,[data-idmp-subtab]
){background:transparent!important;background-image:none!important;box-shadow:none!important;--idmp-subtab-line:transparent!important}
html.idmp-brand-gunter.idmp-brand-gunter body.idmp-day.idmp-day :is(
.cat-tab,.ovt,.i-ton-b,.it-tab,.cfg-tab,.crm-tab,.od2-tab,.od-tab,
.odc-legal-tab,.trsel-b,.team-state-tab,.rec-state-tab,.kbt-b,.aca-fam,
.aca-segments button,.cg-cat,.ptab,[data-idmp-subtab]
):is(.on,.active,[aria-selected="true"]){
color:#263246!important;border-color:transparent!important;--idmp-subtab-line:#f3b10d!important
}
html.idmp-brand-gunter.idmp-brand-gunter body.idmp-day.idmp-day :is(
.cat-tab.on-mp,.cat-tab.on-pk,.cat-tab.on-chargeuses,.cat-tab.on-tondeuse
){background:transparent!important;background-image:none!important;box-shadow:none!important;--idmp-subtab-line:#f3b10d!important;color:#263246!important}
html.idmp-brand-gunter.idmp-brand-gunter body.idmp-day.idmp-day :is(.crm-tab,.od2-tab):is(.on,.active,[aria-selected="true"]){border-bottom-color:#f3b10d!important}
html.idmp-brand-gunter.idmp-brand-gunter body.idmp-day.idmp-day :is(.it-tab,.cat-tab,[data-idmp-subtab]) :is(.n,.cnt){background:transparent!important;color:#263246!important;box-shadow:none!important}
html.idmp-brand-gunter.idmp-brand-gunter body.idmp-day.idmp-day :is(
.cat-tab,.ovt,.i-ton-b,.it-tab,.cfg-tab,.odc-legal-tab,.rec-state-tab,[data-idmp-subtab]
):is(.on,.active,[aria-selected="true"])::after{background:#f3b10d!important;box-shadow:none!important}
/* Choix de categories sans defilement : client et admin partagent les photos. */
html.idmp-brand-gunter #mob-sub-categories .mob-subbody{display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:calc(var(--mnavh) + 12px) 15px calc(14px + env(safe-area-inset-bottom))}
@media(max-height:600px){html.idmp-brand-gunter #mob-sub-categories .mob-subbody{padding-top:calc(var(--mnavh) + 8px);padding-bottom:10px}}
/* Shared Gunter catalogue entry: authentic JPEG gallery photos for every
machine family, with the same composition in client and staff shells. */
html.idmp-brand-gunter .gg-mobile-categories:not(.gg-desktop-categories){display:flex;flex-direction:column;height:var(--gg-category-available,calc(100dvh - 140px));min-height:0;overflow:hidden}
html.idmp-brand-gunter .gg-mobile-categories:not(.gg-desktop-categories) .gg-mobile-categories-head{flex:none;padding:4px 2px 16px}
html.idmp-brand-gunter .gg-mobile-categories:not(.gg-desktop-categories) .gg-mobile-categories-head h1{font-size:clamp(23px,5.7vw,32px)}
html.idmp-brand-gunter .gg-mobile-categories:not(.gg-desktop-categories) .gg-mobile-categories-head p{font-size:11px;line-height:1.4}
html.idmp-brand-gunter .gg-mobile-categories:not(.gg-desktop-categories) .gg-mobile-categories-grid{flex:1;min-height:0;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:10px}
html.idmp-brand-gunter .gg-mobile-category-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;min-width:0;min-height:0;overflow:hidden;padding:14px;border:1px solid rgba(255,255,255,.14);border-radius:17px;background:#12151a;box-shadow:none;isolation:isolate}
html.idmp-brand-gunter .gg-mobile-category-card:after{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.03) 15%,rgba(0,0,0,.24) 44%,rgba(0,0,0,.88) 100%)}
html.idmp-brand-gunter .gg-mobile-category-card .gg-category-gallery-photo{position:absolute;z-index:0;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:none!important;transform:none!important;opacity:1!important}
html.idmp-brand-gunter .gg-mobile-category-card[data-gunter-category="mini-pelles"] .gg-category-gallery-photo{object-position:65% 48%}
html.idmp-brand-gunter .gg-mobile-category-card[data-gunter-category="nacelles"] .gg-category-gallery-photo{object-position:42% 48%}
html.idmp-brand-gunter .gg-mobile-category-card .gg-category-copy{position:relative;z-index:2;display:block;min-width:0;padding-right:18px}
html.idmp-brand-gunter .gg-mobile-category-card b{display:block;color:#fff!important;-webkit-text-fill-color:#fff;font-size:clamp(12px,2vw,16px);line-height:1.15;letter-spacing:-.02em;text-shadow:0 2px 12px rgba(0,0,0,.4);overflow-wrap:break-word}
html.idmp-brand-gunter .gg-mobile-category-card small{color:#dce0e5!important;-webkit-text-fill-color:#dce0e5}
html.idmp-brand-gunter .gg-mobile-category-card>i:last-child{position:absolute;z-index:2;right:12px;bottom:14px;font-size:16px;color:#f3b10d}
html.idmp-brand-gunter .gg-mobile-categories:not(.gg-desktop-categories) .gg-mobile-category-card small{display:none}
html.idmp-brand-gunter body.idmp-day .gg-mobile-category-card{background:#12151a;color:#fff;border-color:rgba(24,34,51,.12);box-shadow:0 8px 20px rgba(24,34,51,.07)}
html.idmp-brand-gunter .gg-desktop-categories .gg-mobile-category-card{height:195px;min-height:0;padding:20px;gap:0}
html.idmp-brand-gunter .gg-desktop-categories .gg-mobile-category-card b{font-size:18px}
html.idmp-brand-gunter .gg-desktop-categories .gg-mobile-category-card small{font-size:11px}
html.idmp-brand-gunter .gg-desktop-categories .gg-mobile-category-card>i:last-child{right:18px;bottom:20px}
html.idmp-brand-gunter #sec-stock .adm-ih-cardwrap{min-width:0;margin:0;padding:0;border:0;background:transparent;box-shadow:none}
html.idmp-brand-gunter #sec-stock>.sec-hd{background:transparent;border:0;box-shadow:none}
@media(max-height:600px){html.idmp-brand-gunter .gg-mobile-categories:not(.gg-desktop-categories) .gg-mobile-categories-head{padding-bottom:9px}html.idmp-brand-gunter .gg-mobile-categories:not(.gg-desktop-categories) .gg-mobile-categories-head>span{font-size:8px}html.idmp-brand-gunter .gg-mobile-categories:not(.gg-desktop-categories) .gg-mobile-categories-head h1{font-size:21px;margin:6px 0 0}html.idmp-brand-gunter .gg-mobile-categories:not(.gg-desktop-categories) .gg-mobile-categories-head p{display:none}html.idmp-brand-gunter .gg-mobile-categories:not(.gg-desktop-categories) .gg-mobile-categories-grid{gap:7px}html.idmp-brand-gunter .gg-mobile-categories:not(.gg-desktop-categories) .gg-mobile-category-card{padding:8px 10px;border-radius:12px}html.idmp-brand-gunter .gg-mobile-categories:not(.gg-desktop-categories) .gg-mobile-category-card b{font-size:12px}html.idmp-brand-gunter .gg-mobile-categories:not(.gg-desktop-categories) .gg-mobile-category-card>i:last-child{right:8px;bottom:9px;font-size:13px}}
html.idmp-brand-gunter .gg-admin-sav-menu .gg-admin-sav-cart-count{display:grid;place-items:center;flex:none;min-width:24px;height:24px;padding:0 6px;border-radius:50%;background:rgba(243,177,13,.14);color:#f3b10d;font-size:11px}
html.idmp-brand-gunter .gg-admin-sav-menu [data-gsc-staff-nav][hidden]{display:none!important}
/* Informational theme toasts must not cover the bottom navigation actions. */
html.idmp-brand-gunter #_globaltoast{pointer-events:none!important}
@media (max-width:768px), (orientation:portrait) and (max-width:1024px), (max-width:1366px) and (orientation:landscape) and (pointer:coarse){
html.idmp-brand-gunter body.gcm-on:not(.gcm-keyboard) #_globaltoast{bottom:calc(var(--gcm-measured-space,var(--gcm-space,82px)) + 12px)!important}
html.idmp-brand-gunter body.gam-on:not(.gam-chat-conversation):not(.gam-keyboard-open) #_globaltoast{bottom:calc(var(--gam-nav-height,78px) + 12px)!important}
}