/* ONVAO — adaptation visuelle progressive d'après MAQUETTE FINAL.
   Cette couche ne change ni les données ni les fonctions métier. */
body.clair{
  --appfond:#F5F8F7;--acier:#FFFFFF;--acier-2:#FFFFFF;--acier-3:#F7FAF9;
  --trait:#DDE8E4;--craie:#10221D;--gris:#5E716A;--faible:#87958F;
  --acc:#079A6B;--acc-clair:#067A57;--sur-acc:#FFFFFF;--acc-voile:#E7F6F0;
  --or:#079A6B;--or-clair:#16AE7D;--or-voile:#E7F6F0;
  --signal:#079A6B;--vert:#079A6B;--r:14px;
  --ombre:0 1px 2px rgba(16,34,29,.03),0 15px 38px -28px rgba(16,34,29,.28);
}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
.phone{background:var(--appfond)}
.bar{background:#fff;border-color:var(--trait)}
.marque,.marque-g{letter-spacing:.24em!important}.marque em,.marque-g em{color:var(--acc)!important}
.bascule,.cloche,.retour{color:var(--gris)}
.onglets{background:#fff;border-color:var(--trait)}
.onglets button[aria-selected="true"]{color:var(--acc-clair);background:var(--acc-voile)}
.eyebrow{color:var(--acc);font-weight:800}.titre{font-weight:760;letter-spacing:-.035em}.titre em{color:var(--acc)}
.sec,.carte,.fiche,.ligne,.qrcarte,.compte-carte,.pro-hero,.app-install{border-color:var(--trait);box-shadow:var(--ombre)}
.sec{background:#fff;border-radius:15px}.carte,.fiche,.ligne{background:#fff}
.btn{background:var(--acc);border-color:var(--acc);color:#fff;border-radius:10px;box-shadow:none}.btn.urgence{background:linear-gradient(135deg,#079A6B,#10AC79);border-color:#079A6B;color:white}.btn.creux{background:#fff;color:var(--craie);border-color:var(--trait)}
.champ,.msgbox{background:#fff;border-color:#D9E5E0}.champ:focus,.msgbox:focus{border-color:var(--acc);box-shadow:0 0 0 3px #079a6b1c}
.misty-guide-bouton{background:#102A22;color:#fff;border-color:#102A22;box-shadow:0 10px 30px #102a2230}.misty-guide-bouton span{color:#55D3A5}.misty-guide-panneau{border-color:#CFE2DB;box-shadow:0 24px 70px #102a2230}.onvao-entry{background:#079A6B!important;border-color:#079A6B!important;color:#fff!important;box-shadow:0 10px 28px #079a6b35!important}

/* Connexion / création : écran clair de la maquette. */
.acces{background:radial-gradient(circle at 16% 10%,#dff4eb 0,transparent 28%),radial-gradient(circle at 86% 88%,#d7eee5 0,transparent 30%),linear-gradient(135deg,#f8fbfa,#eef6f3)!important;padding:28px 18px}
.acces:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 0 43%,#ffffff9c 43% 58%,transparent 58%);opacity:.65}
.acces-boite{position:relative;max-width:430px;padding:34px 34px 28px;border:1px solid #dce8e3;border-radius:18px;background:#fff;box-shadow:0 25px 80px #14382c1a}
.acces .marque-g{font-size:28px;color:#10221d}.acces .sous{text-transform:none;letter-spacing:.06em;color:#7c8e87;margin-top:4px}.acces h2{font-size:27px;letter-spacing:-.04em;margin-top:25px}.acces p{line-height:1.65}.acces .champ{min-height:49px;border-radius:10px}.champ-secret-bouton{color:var(--acc-clair)}.acces .btn{min-height:49px}.btn-google{background:#fff!important;color:#24332e!important;border:1px solid #dce7e3!important}.acces .basculer{color:var(--acc-clair);font-weight:650}.acces-decouvrir a{color:#62766e!important}.acces-separateur{color:#8b9a94}

/* Bureau : navigation claire, espace de travail ample, action devis dominante. */
@media(min-width:800px){
  body.ui-pc .bar{height:70px;min-height:70px;padding:0 30px 0 27px;border-bottom:1px solid var(--trait);box-shadow:0 1px 0 #fff}
  body.ui-pc .marque{font-size:18px;color:#10221D}
  body.ui-pc .onglets{top:70px;width:225px;padding:23px 15px;border-right:1px solid var(--trait);box-shadow:none}
  body.ui-pc .onglets::before{content:"VOTRE ENTREPRISE";color:#8A9A94;padding:0 14px 14px;font-size:9px;letter-spacing:.16em}
  body.ui-pc .onglets button{font-size:13px;padding:11px 14px;border-radius:8px;color:#5D7069}
  body.ui-pc .onglets button[aria-selected="true"]{color:#067A57;background:#E7F6F0;box-shadow:inset 3px 0 0 #079A6B}
  body.ui-pc .ecran{margin-left:225px;padding:0 46px 65px}
  body.ui-pc #eListe,body.ui-pc #eClients,body.ui-pc #eProduits,body.ui-pc #eSociete,body.ui-pc #eAgenda{padding-left:54px;padding-right:54px}
  body.ui-pc .ecran>*{max-width:1120px}
  body.ui-pc .eyebrow{margin-top:36px;color:#778A83;font-size:10px}
  body.ui-pc .titre{font-size:40px;line-height:1.08;margin-bottom:18px}
  body.ui-pc .actions-accueil{grid-template-columns:minmax(310px,1.5fr) minmax(220px,1fr) minmax(190px,.75fr);gap:14px;margin-bottom:19px}
  body.ui-pc .actions-accueil .btn{min-height:105px;border-radius:14px;align-items:flex-start;justify-content:center;text-align:left;padding:19px 22px;font-size:17px}
  body.ui-pc .actions-accueil #nouveau{min-height:105px;box-shadow:0 13px 31px #079a6b24}
  body.ui-pc .actions-accueil #nouveau .ic{font-size:24px;margin-bottom:4px}
  body.ui-pc .actions-accueil .btn small{display:block;font-size:11px;margin-top:6px;opacity:.8;color:inherit}
  body.ui-pc .actions-accueil #devisComplet{color:#53665f}
  body.ui-pc .sec{padding:21px 23px;border-radius:15px}
  body.ui-pc .tdb{gap:12px}
  body.ui-pc .tdb>*,body.ui-pc .tdb-s{border-radius:12px;background:#fff;border-color:var(--trait)}
  body.ui-pc .recherche-devis{margin-top:19px}
  body.ui-pc .recherche-devis .champ{min-height:48px;border-radius:12px}
  body.ui-pc .carte,body.ui-pc .fiche{border-radius:12px}
  body.ui-pc .onvao-entry{left:22px!important;bottom:22px!important;width:181px!important;border-radius:10px!important}
}

/* Mobile : l’action principale et les cinq étapes restent immédiatement visibles. */
@media(max-width:799px){
  body{background:#fff}.phone{border:0!important;border-radius:0!important}
  .bar{padding-top:max(13px,env(safe-area-inset-top));min-height:58px}
  .ecran{padding-left:15px;padding-right:15px}
  .titre{font-size:31px;margin-bottom:14px}
  .actions-accueil{gap:9px}.actions-accueil #nouveau{min-height:82px;border-radius:13px;box-shadow:0 11px 26px #079a6b25}.actions-accueil #nouveau .ic{font-size:23px}.actions-accueil #nouveau span:last-child{text-align:left}.actions-accueil #depannage{min-height:63px}
  .onglets{box-shadow:0 -8px 28px #102a220a}.onglets button{font-size:10px}.onglets button:nth-child(3){position:relative;color:#067A57}
  .sec{border-radius:14px;padding:15px}.misty-guide-bouton{bottom:76px;right:12px}.misty-guide-panneau{left:10px;right:10px;bottom:126px;width:auto;max-height:70dvh}
  .devis-etapes{position:sticky;top:0;z-index:8;background:color-mix(in srgb,var(--appfond) 94%,transparent);backdrop-filter:blur(10px);padding-top:8px}
}

/* Misty Operations adopte la même identité sans changer son fonctionnement. */
.os-app{--os-bg:#F5F8F7!important;--os-panel:#fff!important;--os-text:#10221D!important;--os-muted:#62746D!important;--os-line:#DDE8E4!important;--os-brand:#079A6B!important;--os-tint:#E7F6F0!important;--os-nav:#10231E!important;--os-green:#079A6B!important;--os-gold:#55D3A5!important}
.os-nav .active{background:#087A58!important;box-shadow:inset 3px 0 #55D3A5!important}.os-nav button:hover,.os-nav a:hover{background:#18372E!important}.os-topbar .os-search{background:#F6F9F8!important;border-color:#E0E9E5!important}.os-button.primary{background:#079A6B!important;border-color:#079A6B!important}.os-misty-hero{background:linear-gradient(115deg,#10231E,#163D31)!important}.os-misty-orb{background:radial-gradient(circle at 30% 22%,#d8ffef,#55d3a5 32%,#079a6b 67%,#064b38)!important}.os-misty-hero .os-button{background:#E7F6F0!important;color:#075D44!important}.os-kpi,.os-card{border-color:#DDE8E4!important}.os-bar i{background:#079A6B!important}.os-tabs .active{background:#E7F6F0!important;color:#067A57!important;border-color:#BFE4D6!important}.os-app :focus-visible{outline-color:#55D3A5!important}

/* Le Studio de devis garde ses outils et rejoint le système vert. */
body.onvao-studio-open{--ods-gold:#079A6B;--ods-red:#079A6B;--ods-black:#10231E;--ods-line:#DDE8E4;--ods-bg:#F5F8F7;--ods-card:#fff;--ods-text:#10221D;--ods-muted:#62746D}
.ods-tab.on{background:#10231E!important;border-color:#10231E!important}.ods-slot.on{border-color:#079A6B!important}.ods-btn.gold,.ods-btn.misty{background:#079A6B!important;border-color:#079A6B!important;color:#fff!important}.ods-right{background:#10231E!important;border-color:#10231E!important}.ods-compose{background:#10231E!important}.ods-compose textarea{background:#18372E!important}.ods-msg.user{background:#079A6B!important}.ods-orb{background:radial-gradient(circle at 35% 30%,#d8ffef,#55d3a5 36%,#079a6b 39%,#10231e 74%)!important;border-color:#55D3A5!important}

/* Abonnement : deux choix lisibles, sans troisième colonne écrasée. */
.abonnement-calque{background:rgba(16,34,29,.78)!important;backdrop-filter:blur(7px)}
.abonnement-calque .abonnement-boite{width:min(720px,calc(100% - 28px));max-width:720px!important;padding:30px!important;border:1px solid #d9e6e1!important;border-radius:20px!important;background:#fff!important;box-shadow:0 28px 90px #081b1545!important}
.abonnement-boite h2{font-size:30px;line-height:1.1;letter-spacing:-.045em;margin:7px 0 6px;color:#10221d}
.abonnement-boite .abo-sous{font-size:14px;color:#61736c;margin-bottom:16px}
.abonnement-boite .abo-essai{padding:13px 15px;border:1px solid #cfe5dc;border-radius:12px;background:#f0faf6;color:#31463e;line-height:1.55;text-align:left;margin-bottom:16px}
.abonnement-boite .abo-forfaits{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.abonnement-boite .abo-forfaits>.note{grid-column:1/-1;margin:0;padding:12px 14px;border-radius:11px;background:#f6f9f8;text-align:left}
.abonnement-boite .abo-carte{padding:18px;border-color:#d7e4df;border-radius:15px;background:#fff;box-shadow:0 10px 28px #102a220d}
.abonnement-boite .abo-nom{color:#50635c}.abonnement-boite .abo-prix{color:#07845e;font-size:36px}.abonnement-boite .abo-promesse{color:#10221d}.abonnement-boite .abo-points{color:#5e716a}
.abonnement-boite .abo-detail{margin:15px 0 4px}.abonnement-boite .abo-actions .btn{margin-top:10px}
@media(max-width:620px){.abonnement-calque{align-items:flex-start!important;padding:12px 0}.abonnement-calque .abonnement-boite{padding:22px 16px!important}.abonnement-boite .abo-forfaits{grid-template-columns:1fr}.abonnement-boite h2{font-size:26px}}

/* Première ouverture : les informations légales de l'entreprise restent
   courtes, lisibles et impossibles à confondre avec un écran d'abonnement. */
.bienvenue-calque{z-index:10020;align-items:flex-start!important;overflow:auto;padding:28px 0!important}
.bienvenue-calque .bienvenue-boite{width:min(590px,calc(100% - 28px));max-width:590px!important;text-align:left;padding:28px 30px!important}
.bienvenue-boite .marque-g{text-align:center;font-size:18px}.bienvenue-boite h2{text-align:center}.bienvenue-boite .abo-sous{text-align:center;max-width:500px;margin:0 auto 18px}
.bienvenue-boite .champ-legende{display:block;margin:12px 0 6px;color:#42564f;font-size:12px;font-weight:750}
.bienvenue-boite .champ{width:100%;min-height:47px}.bienvenue-boite .duo{grid-template-columns:1fr auto;align-items:stretch}.bienvenue-boite .duo .btn{min-width:94px}
.bienvenue-boite .note{margin:6px 0 2px;color:#71827c;font-size:11.5px}.consentement-compte{margin:15px 0 13px;padding:12px;border:1px solid #d8e6e1;border-radius:11px;background:#f7faf9;align-items:flex-start}
.consentement-compte input{margin-top:3px}.consentement-compte a{color:#067a57;text-decoration:underline}.consentement-compte small{display:block;margin-top:4px;color:#71827c;line-height:1.4}
@media(max-width:620px){.bienvenue-calque{padding:10px 0!important}.bienvenue-calque .bienvenue-boite{padding:22px 17px!important}.bienvenue-boite .duo{grid-template-columns:1fr}.bienvenue-boite .duo .btn{width:100%}}

@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}