/* Apporteur Rénov’ Pro — V76. Shared visual system for every entry point. */
:root{--ar-ink:#101817;--ar-navy:#162e26;--ar-accent:#6ce3b5;--ar-accent-hover:#94edca;--ar-accent-text:#186b50;--ar-paper:#f1f5f2;--ar-surface:#fff;--ar-text:#203d31;--ar-muted:#506b5d;--ar-line:#d8e3dc;--ar-focus:#20815e;--ar-shadow:0 10px 32px #10291b0b;--ar-radius:14px}
html{accent-color:var(--ar-accent-text)}
body{font-family:Arial,Helvetica,sans-serif}
button,input,select,textarea{font-family:inherit}
:where(button,a,input,select,textarea,summary):focus-visible{outline:3px solid var(--ar-focus);outline-offset:3px}
::selection{background:#6ce3b5;color:#101817}
body[data-pro-surface="app"]{background-color:var(--ar-paper);color:var(--ar-text)}
body:not(.ar-white-label):not(.ar-login-white-label){--pro-navy:#101817;--pro-navy-2:#1c382c;--pro-gold:#6ce3b5;--pro-gold-dark:#48bc92;--pro-gold-light:#a0edcf;--pro-bg:#f1f5f2;--pro-text:#203d31;--pro-muted:#506b5d;--pro-border:#d8e3dc}
/* Consistent navigation, including the actual commercial sidebar. */
body:not(.ar-white-label):not(.ar-login-white-label) :is(#appDashboard .dash-top,#appDashboard .dash-side,#apporteurDashboard .ar-app-topbar,#apporteurDashboard .ar-app-sidebar,.topbar,.app-shell>.sidebar){background:#101817!important;color:#f4f7f5!important;border-color:#6ce3b52b!important;box-shadow:0 8px 26px #10181713!important}
body:not(.ar-white-label):not(.ar-login-white-label) :is(#appDashboard .dash-nav button,#apporteurDashboard .ar-app-nav button,.sidebar .nav button){border-radius:11px!important;color:#d5e6dc!important;box-shadow:none!important}
body:not(.ar-white-label):not(.ar-login-white-label) :is(#appDashboard .dash-nav button,#apporteurDashboard .ar-app-nav button,.sidebar .nav button):hover:not(.active){background:#6ce3b51c!important;color:#fff!important}
body:not(.ar-white-label):not(.ar-login-white-label) :is(#appDashboard .dash-nav button.active,#apporteurDashboard .ar-app-nav button.active,.sidebar .nav button.active){background:#6ce3b5!important;color:#101817!important;box-shadow:inset 3px 0 0 #b1f4da!important}
body:not(.ar-white-label):not(.ar-login-white-label) :is(.dash-nav-group-title,.ar-app-nav-title,.nav-group,.sidebar-link){color:#a7c7b7!important}
body:not(.ar-white-label):not(.ar-login-white-label) :is(#appDashboard .dash-main,#apporteurDashboard .ar-app-main,.app-shell>.content){background:var(--ar-paper)!important;color:var(--ar-text)!important}
/* Primary actions use the same flat mint; secondary actions use charcoal. */
body:not(.ar-white-label):not(.ar-login-white-label) :is(.primary-btn,.subscription-btn,.signup-button,.btn-gold,.ar-app-primary,#parrainageNav,.ar-pro-main){background:#6ce3b5!important;border-color:#6ce3b5!important;color:#101817!important;box-shadow:none!important;border-radius:11px!important}
body:not(.ar-white-label):not(.ar-login-white-label) :is(.primary-btn,.subscription-btn,.signup-button,.btn-gold,.ar-app-primary,.ar-pro-main):hover:not(:disabled){background:#94edca!important;border-color:#94edca!important}
body:not(.ar-white-label):not(.ar-login-white-label) :is(.btn-blue,.secondary-btn){background:#173c2d!important;border-color:#173c2d!important;color:#fff!important;box-shadow:none!important}
body:not(.ar-white-label):not(.ar-login-white-label) :is(.page-head h1,.dash-head h1,.dash-panel h2,.panel h2,.ar-ap-head h1,.stat-value,.amount){color:#203d31!important}
body:not(.ar-white-label):not(.ar-login-white-label) :is(.stat,.dash-panel,.ar-ap-card,.panel,.bank-card,.geo-map-card,.subscription-card,.team-user-card-v17){border-color:var(--ar-line)!important;box-shadow:var(--ar-shadow)!important}
body:not(.ar-white-label):not(.ar-login-white-label) :is(.stat:before,.subscription-card.featured:before){background:var(--ar-accent)!important}
body:not(.ar-white-label):not(.ar-login-white-label) :is(.subscription-card.featured,.subscription-card.popular){border-color:var(--ar-accent-text)!important}
body[data-pro-surface="app"] :is(input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),select,textarea){border-color:#c4d5ca;border-radius:10px}
body:not(.ar-white-label):not(.ar-login-white-label) :is(input,select,textarea):focus{border-color:#20815e!important}
body[data-pro-surface="app"] :is(th,.table-head,.team-user-dialog-head-v17){border-color:#d8e3dc}
body[data-pro-surface="app"] :is(.muted,.stat-label,.help,.hint){color:#506b5d}
/* Auth, signup and password recovery share the Pro scene. */
body:not(.ar-white-label):not(.ar-login-white-label).pro-login-start{background:#101817 url('../accueil-v74/reseau-pro-poster.jpg') center/cover fixed!important}
body:not(.ar-white-label):not(.ar-login-white-label) #loginModal.ar-pro-auth{background:#101817 url('../accueil-v74/reseau-pro-poster.jpg') center/cover!important}
body:not(.ar-white-label):not(.ar-login-white-label) #loginModal .ar-pro-card{background:rgba(11,29,20,.50)!important;border:1px solid #6ce3b54d!important;box-shadow:0 24px 80px #0005!important}
body:not(.ar-white-label):not(.ar-login-white-label) #loginModal .ar-pro-logo{background:transparent!important;filter:none!important;object-fit:contain}
body:not(.ar-white-label):not(.ar-login-white-label) #loginModal .ar-pro-input{background:#eff8f2e8!important;color:#203d31!important;border:1px solid #adc6b9!important}
body:not(.ar-white-label):not(.ar-login-white-label) #loginModal .ar-pro-input input{background:transparent!important;color:#203d31!important}
body:not(.ar-white-label):not(.ar-login-white-label) #loginModal .ar-pro-input input::placeholder{color:#506b5d!important}
body:not(.ar-white-label):not(.ar-login-white-label) #loginModal :is(.ar-pro-forgot,.ar-v40-login-links a){color:#d6f3e5!important;border-color:#6ce3b570!important}
body:not(.ar-white-label):not(.ar-login-white-label) :is(#signupModal,#forgotModal){background:rgba(9,20,15,.72)}
body:not(.ar-white-label):not(.ar-login-white-label) :is(#signupModal .modal-box,#forgotModal .modal-box){background:#f7faf8;color:#203d31;border:1px solid #bdd8c9}
body:not(.ar-white-label):not(.ar-login-white-label) :is(#signupModal .modal-logo,#forgotModal .modal-logo){color:#203d31}
/* Standalone guides and public secondary pages keep readable pale surfaces. */
body[data-pro-surface="public"] :is(.top,header.top){background:#101817;color:#f4f7f5}
body[data-pro-surface="public"] :is(.btn.gold,.btn.gold:hover){background:#6ce3b5;color:#101817;border-color:#6ce3b5;box-shadow:none}
body[data-pro-surface="public"] :is(.top img.logo,.top .brand img){object-fit:contain;filter:none}
body[data-pro-surface="public"] :is(.light .eyebrow,.light .section-kicker){color:#186b50}
/***** Preview components are HTML, so the old blue/gold is never baked in. *****/
.product-screen .pro-demo{border-radius:0;box-shadow:none;pointer-events:none;min-height:380px}
.product-screen{display:block;text-align:left}
#screen-dialog .pro-demo{min-height:min(660px,75vh);border-radius:9px}
#screen-dialog{width:min(1200px,96vw)}
#screen-dialog .pro-demo button{position:static;inset:auto}
.ar-demo-launch{margin-top:18px;display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:11px;background:#6ce3b5;color:#101817;text-decoration:none;font-weight:700}
@media(max-width:680px){.product-screen .pro-demo{min-height:315px}body[data-pro-surface="app"] :is(.panel,.dash-panel){border-radius:12px}.product-screen .pro-demo-sidebar{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}body[data-pro-surface="app"] button{transition:none!important}}
@media print{body{background:white!important;color:#172b22!important}body[data-pro-surface="app"] :is(.dash-side,.sidebar,.ar-app-sidebar){display:none!important}}
@media(max-width:680px){.product-screen .pro-demo{grid-template-columns:1fr}}

/* V80 — readable primary actions and pale public surfaces; tenant palettes untouched. */
.demo-preview-page a.ar-demo-launch{color:#101817;background:#6ce3b5;min-height:48px;box-sizing:border-box}
.demo-preview-page a.ar-demo-launch:hover{background:#94edca;color:#101817}
body[data-pro-surface="public"] .public-plan.emphasized .eyebrow{color:#a4f0d2}
body[data-pro-surface="public"] .explanation-head :is(.eyebrow,h1 span){color:#186b50;background:none;-webkit-text-fill-color:currentColor}
body[data-pro-surface="public"] .explanation-head .btn.outline{color:#203d31;border-color:#527965;background:transparent}
body[data-pro-surface="public"] #phase-number{color:#186b50}
body[data-pro-surface="public"] :is(.explanation-head .intro,.real-product .caption){color:#4e685a}
body[data-pro-surface="public"] .note{color:#4e685a}
body[data-pro-surface="public"] :is(button,a.btn,input,select,textarea){touch-action:manipulation}
body[data-pro-surface="public"] :is(input,select,textarea){font-size:16px}
@media(max-width:600px){.demo-preview-page .demo-v79-links>a{min-height:44px;display:inline-flex;align-items:center}.demo-preview-page .demo-v79-links>.ar-demo-launch{width:100%;text-align:center}}

body[data-pro-surface="public"] .real-product .caption{color:#b9d4c6}
@media(max-width:420px){body[data-pro-surface="public"] .topin{gap:8px}body[data-pro-surface="public"] .topin .nav{gap:8px;min-width:0}body[data-pro-surface="public"] .topin .nav .btn{padding:10px;font-size:12px}body[data-pro-surface="public"] .topin .brand img{height:48px;max-width:88px;object-fit:contain}}
@media(prefers-reduced-motion:reduce){#signupModal,#signupModal .modal-box,#passwordSetupModal .modal-box{transition:none!important;animation:none!important}}

/* V80 — defaults only: tenant palettes retain their own styles. */
body:not(.ar-white-label):not(.ar-login-white-label) .sidebar .nav button#parrainageNav{color:#101817!important;background:#6ce3b5!important}
body:not(.ar-white-label):not(.ar-login-white-label) #appDashboard #dashboardHome a[href*="conditions-primes.html"]{color:#186b50!important}