/* MyBusinessTools 0.41 — ajustements de design (chargé en dernier).
   1. Bandeau compact hors de l'accueil, bandeau d'accueil réduit.
   2. « Aide locale » discrète (pastille ronde).
   3. Édition Multiservice : palette élargie du bleu au vert. */
@media screen {
  /* ---------- 1. bandeau ---------- */
  .shell main>.hero{transition:none}
  html .shell:has(nav button.active:not([data-module="home"])) main>.hero{padding:14px 22px!important;min-height:0!important;margin:10px 0 14px!important;border-radius:16px!important}
  html .shell:has(nav button.active:not([data-module="home"])) main>.hero .eyebrow,
  html .shell:has(nav button.active:not([data-module="home"])) main>.hero .daily-motivation,
  html .shell:has(nav button.active:not([data-module="home"])) main>.hero p{display:none!important}
  html .shell:has(nav button.active:not([data-module="home"])) main>.hero h1{font-size:22px!important;margin:0!important;line-height:1.25!important}
  html .shell:has(nav button.active:not([data-module="home"])) main>.hero:before,
  html .shell:has(nav button.active:not([data-module="home"])) main>.hero:after{display:none!important}
  html .shell:has(nav button.active[data-module="home"]) main>.hero{padding-top:22px!important;padding-bottom:20px!important;min-height:0!important}
  html .shell:has(nav button.active[data-module="home"]) main>.hero h1{font-size:clamp(26px,2.6vw,36px)!important;margin:6px 0!important}
  html .shell:has(nav button.active[data-module="home"]) main>.hero p{margin:6px 0 0!important}
  @media (max-width:700px){
    html .shell main>.hero{padding:12px 16px!important;margin:8px 0 12px!important}
    html .shell main>.hero .eyebrow,html .shell main>.hero .daily-motivation,html .shell main>.hero p{display:none!important}
    html .shell main>.hero h1{font-size:20px!important;margin:0!important}
    html .shell main>.hero:before,html .shell main>.hero:after{display:none!important}
  }
  /* ---------- 2. aide locale ---------- */
  .connected-assistant-launcher{width:46px!important;height:46px!important;min-width:0!important;padding:0!important;border-radius:50%!important;font-size:0!important;
    right:18px!important;bottom:18px!important;opacity:.82;box-shadow:0 6px 18px rgba(0,0,0,.18)!important;display:grid!important;place-items:center}
  .connected-assistant-launcher::before{content:"?";font:700 20px/1 Inter,-apple-system,sans-serif}
  .connected-assistant-launcher:hover,.connected-assistant-launcher:focus-visible{opacity:1}
  @media (max-width:700px){.connected-assistant-launcher{bottom:84px!important;right:12px!important;width:40px!important;height:40px!important}}

  /* ---------- 3. Multiservice : bleu → turquoise → vert ---------- */
  html[data-edition="multiservice"]{--mbt-blue:#2563EB;--mbt-cyan:#0EA5C6;--mbt-teal:#14B8A6;--mbt-green:#22A45D;--mbt-ink:#1E3A5F;
    --mbt-grad:linear-gradient(90deg,#2563EB 0%,#0EA5C6 45%,#14B8A6 70%,#22A45D 100%);--mbt-btn:linear-gradient(90deg,#2563EB 0%,#3B82F6 100%);
    --studio-ink:#1E3A5F;--studio-accent:#0E7C86;--studio-border:#CFE3EE}
  html[data-edition="multiservice"][data-activity-theme] body:has(.shell){background:#fff!important}
  html[data-edition="multiservice"][data-activity-theme] .shell aside{background:#fff!important;border-color:#D0E0EF!important}
  html[data-edition="multiservice"][data-activity-theme] .shell aside nav button.active,
  html[data-edition="multiservice"][data-activity-theme] .shell aside nav button.active:hover{background:linear-gradient(90deg,#2563EB 0%,#3B82F6 100%)!important;color:#fff!important;box-shadow:0 6px 16px rgba(37,99,235,.25)!important}
  html[data-edition="multiservice"][data-activity-theme] .shell aside nav button.active svg{color:#fff!important;stroke:#fff!important}
  html[data-edition="multiservice"][data-activity-theme] .shell aside nav button:hover{background:#DCE9FB!important}
  html[data-edition="multiservice"][data-activity-theme] .shell .hero{background:#fff!important;border-color:#CBE3EA!important}
  html[data-edition="multiservice"][data-activity-theme] .shell .hero h1{color:var(--mbt-ink)!important}
  html[data-edition="multiservice"][data-activity-theme] .shell button.primary,
  html[data-edition="multiservice"][data-activity-theme] .shell .primary{background:var(--mbt-btn)!important;color:#fff!important;border:0!important}
  html[data-edition="multiservice"][data-activity-theme] .shell h2,html[data-edition="multiservice"][data-activity-theme] .shell h3{color:var(--mbt-ink)!important}
  html[data-edition="multiservice"][data-activity-theme] .shell a{color:#0E7C86}
  html[data-edition="multiservice"][data-activity-theme] .shell .stat:nth-child(4n+1),html[data-edition="multiservice"][data-activity-theme] .shell .home-panel:nth-child(4n+1){border-top:4px solid var(--mbt-blue)!important}
  html[data-edition="multiservice"][data-activity-theme] .shell .stat:nth-child(4n+2),html[data-edition="multiservice"][data-activity-theme] .shell .home-panel:nth-child(4n+2){border-top:4px solid var(--mbt-cyan)!important}
  html[data-edition="multiservice"][data-activity-theme] .shell .stat:nth-child(4n+3),html[data-edition="multiservice"][data-activity-theme] .shell .home-panel:nth-child(4n+3){border-top:4px solid var(--mbt-teal)!important}
  html[data-edition="multiservice"][data-activity-theme] .shell .stat:nth-child(4n),html[data-edition="multiservice"][data-activity-theme] .shell .home-panel:nth-child(4n){border-top:4px solid var(--mbt-green)!important}
  html[data-edition="multiservice"] .connected-assistant-launcher{background:var(--mbt-btn)!important;color:#fff!important;border:0!important}
  html[data-edition="multiservice"][data-activity-theme] .mobile-dock button.active,html[data-edition="multiservice"][data-activity-theme] .mobile-dock [aria-current="page"]{color:var(--mbt-blue)!important}
  html[data-edition="multiservice"] dialog .primary,html[data-edition="multiservice"] dialog button.primary{background:var(--mbt-btn)!important;color:#fff!important;border:0!important}
  html[data-edition="multiservice"][data-activity-theme] .section-subnav button.active,html[data-edition="multiservice"][data-activity-theme] .section-subnav [aria-current="page"]{background:linear-gradient(90deg,#2563EB,#3B82F6)!important;color:#fff!important}
}

@media screen {
  /* ---------- 4. accueil en tableau de bord (l'essentiel en haut) ---------- */
  html .shell:has(nav button.active[data-module="home"]) #modules{display:flex!important;flex-direction:column}
  html .shell:has(nav button.active[data-module="home"]) #modules>*{order:8}
  /* Beauté */
  html[data-edition="beaute"] #modules>.home-head{order:1!important}
  html[data-edition="beaute"] #modules>.home-stats{order:2!important}
  html[data-edition="beaute"] #modules>.salon-today{order:3!important}
  html[data-edition="beaute"] #modules>.home-actions{order:4!important}
  html[data-edition="beaute"] #modules>.home-grid{order:5!important}
  html[data-edition="beaute"] #modules>.next-actions{order:6!important}
  html[data-edition="beaute"] #modules>.setup-panel{order:20!important}
  /* Multiservice */
  html[data-edition="multiservice"] #modules>.sectionhead{order:1!important}
  html[data-edition="multiservice"] #modules>.artisan-quick{order:2!important}
  html[data-edition="multiservice"] #modules>.artisan-cash{order:3!important}
  html[data-edition="multiservice"] #modules>.artisan-day{order:4!important}
  html[data-edition="multiservice"] #modules>.artisan-overview{order:5!important}
  html[data-edition="multiservice"] #modules>.artisan-priorities{order:6!important}
  html[data-edition="multiservice"] #modules>.artisan-backup{order:7!important}
  html[data-edition="multiservice"] #modules>.setup-panel{order:20!important}
  html[data-edition="multiservice"] #modules>.artisan-cash .home-stats{margin-bottom:10px}

  /* ---------- 5. planning : cartes compactes ---------- */
  .work-visit{padding:8px 10px!important;line-height:1.3!important}
  .work-visit>strong{display:block;font-size:13px!important;margin-bottom:2px}
  .work-visit>p{margin:0!important;font-size:12px!important}
  .work-visit>p:nth-of-type(n+3){display:none!important}
  .work-visit>.tag{display:inline-block;margin:4px 0 2px!important;font-size:10.5px!important;padding:2px 7px!important}
  .work-visit>button{display:inline-block!important;width:auto!important;margin:4px 4px 0 0!important;padding:3px 8px!important;font-size:11px!important;min-height:0!important;line-height:1.4!important}
  .work-visit:hover>p:nth-of-type(n+3),.work-visit:focus-within>p:nth-of-type(n+3){display:block!important}
}

/* ---------- 0.41 finitions : retours, erreurs au champ, total en direct ---------- */
#toast{z-index:2147483000}
#toast.toast-pop{animation:mbt-toast-pop .28s ease-out}
@keyframes mbt-toast-pop{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){#toast.toast-pop{animation:none}}
.field-invalid,input.field-invalid,select.field-invalid,textarea.field-invalid{border-color:#b42318!important;box-shadow:0 0 0 3px #b4231822!important;background-color:#fff8f7!important}
.field-error{color:#b42318!important;font-size:13px!important;font-weight:600;margin:4px 0 10px!important;line-height:1.35;grid-column:1/-1}
.field-error:before{content:"⚠ ";font-weight:700}
.next-appointment .eyebrow{display:block;margin-bottom:4px}
.invoice-editor-dialog .invoice-live-total{position:sticky;bottom:-28px;z-index:5;display:flex;flex-wrap:wrap;align-items:center;gap:6px 22px;margin:16px 0 0;padding:12px 18px;border-radius:14px;box-shadow:0 -8px 22px #0f172a1f;font-weight:400}
.invoice-live-total>span{display:flex;flex-direction:column;line-height:1.2}
.invoice-live-total small{font-size:12px;opacity:.85}
.invoice-live-total strong{font-size:17px}
.invoice-live-total .total-ttc strong{font-size:20px}
.invoice-live-total .total-count{margin-left:auto;font-size:13px;opacity:.8}
.service-margin{font-weight:600;margin:6px 0 4px}
.service-margin.negative{color:#b42318}
.field-hint{font-size:13px;opacity:.85}
@media(max-width:700px){.invoice-editor-dialog .invoice-live-total{bottom:-20px;gap:4px 14px;padding:10px 12px}.invoice-live-total strong{font-size:15px}.invoice-live-total .total-ttc strong{font-size:17px}.invoice-live-total .total-count{display:none}}

@media screen {
  html[data-edition="multiservice"][data-work-trade="technique"]{--trade-accent:#345d94;--trade-deep:#243e65;--trade-soft:#e0ebf9}
  html[data-edition="multiservice"][data-work-trade="exterieur"]{--trade-accent:#276247;--trade-deep:#163e2e;--trade-soft:#dceee2}
  html[data-edition="multiservice"][data-work-trade="jardinier"]{--trade-accent:#276247;--trade-deep:#163e2e;--trade-soft:#dceee2}
  html[data-edition="multiservice"][data-work-trade="mecanicien"]{--trade-accent:#405777;--trade-deep:#25344c;--trade-soft:#dce5ef}
  html[data-edition="multiservice"][data-work-trade="electricien"]{--trade-accent:#5141a0;--trade-deep:#362971;--trade-soft:#e8e2fa}
  html[data-edition="multiservice"][data-work-trade="pisciniste"]{--trade-accent:#08717b;--trade-deep:#104e59;--trade-soft:#d9f0ef}
  html[data-edition="multiservice"][data-work-trade="plombier"]{--trade-accent:#225da1;--trade-deep:#173e72;--trade-soft:#dceafb}
  html[data-edition="multiservice"][data-work-trade="atelier"]{--trade-accent:#9a5870;--trade-deep:#765040;--trade-soft:#f8eaf0}
  html[data-edition="multiservice"][data-work-trade][data-activity-theme]{
    --mbt-ink:var(--trade-deep);
    --mbt-blue:var(--trade-accent);
    --mbt-btn:linear-gradient(100deg,var(--trade-deep),var(--trade-accent));
    --studio-ink:var(--trade-deep);
    --studio-accent:var(--trade-accent);
    --studio-border:var(--trade-soft);
  }
  html[data-edition="multiservice"][data-work-trade][data-activity-theme] body:has(.shell){background:#fff!important}
  html[data-edition="multiservice"][data-work-trade][data-activity-theme] .shell aside,
  html[data-edition="multiservice"][data-work-trade][data-activity-theme] .shell .hero{
    background:#fff!important;
    border-color:var(--trade-soft)!important;
  }
  html[data-edition="multiservice"][data-work-trade][data-activity-theme] .shell aside nav button:hover{background:var(--trade-soft)!important}
  html[data-edition="multiservice"][data-work-trade][data-activity-theme] .shell aside nav button.active,
  html[data-edition="multiservice"][data-work-trade][data-activity-theme] .shell aside nav button.active:hover,
  html[data-edition="multiservice"][data-work-trade][data-activity-theme] .section-subnav [aria-current="page"]{background:var(--mbt-btn)!important}
}

@media screen {
  .client-slots{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(175px,1fr))}
  .client-slots fieldset{display:flex;gap:8px;min-width:0;border:1px solid #d5dce6;border-radius:8px;padding:8px}
  .client-slots label{flex:1;min-width:0;margin:0}
}

@media screen {
  html[data-edition="multiservice"]:is([data-work-trade="atelier"],[data-atelier-pilot].mbt-locked){
    --atelier-paper:#fff;
    --atelier-cream:#faf2ed;
    --atelier-blush:#f8eaf0;
    --atelier-border:#e2c9cf;
    --atelier-accent:#97516b;
    --atelier-ink:#191919;
    --studio-ink:var(--atelier-ink);
    --studio-text:var(--atelier-ink);
    --studio-border:var(--atelier-border);
    --studio-accent:var(--atelier-accent);
    --studio-accent-hover:#774055;
    --mbt-ink:var(--atelier-ink);
    --mbt-cyan:#c69c86;
    --mbt-teal:#d4a2b4;
    --mbt-green:#e6bacb;
    --mbt-grad:linear-gradient(100deg,#d9b69f,#f4dce6);
    --mbt-btn:linear-gradient(100deg,#765040,#97516b);
    color:var(--atelier-ink);
    accent-color:var(--atelier-accent);
  }

  html[data-edition="multiservice"][data-work-trade="atelier"] :where(.shell,.mobile-top,.mobile-dock,.mobile-menu,dialog,#toast,.connected-assistant-launcher)
    :is(h1,h2,h3,h4,p,span,small,summary,strong,label,th,td,legend,dt,dd,li,time,a,input,textarea,select,button){
    color:var(--atelier-ink)!important;
  }
  html[data-edition="multiservice"][data-work-trade="atelier"] :is(.shell,.mobile-dock,.mobile-menu,dialog)
    :is(.primary,button.active,[aria-current="page"]),
  html[data-edition="multiservice"][data-work-trade="atelier"] :is(.shell,.mobile-dock,.mobile-menu,dialog)
    :is(.primary,button.active,[aria-current="page"]) :is(span,strong,small){
    color:#fff!important;
    background:var(--mbt-btn)!important;
  }
  html[data-edition="multiservice"][data-work-trade="atelier"] :is(.shell,.mobile-dock,.mobile-menu,dialog)
    :is(.primary,button.active,[aria-current="page"]) :is(span,strong,small){
    background:transparent!important;
  }
  html[data-edition="multiservice"][data-work-trade="atelier"] :is(.home-stats .stat:nth-child(n),.ops-kpi,.section-subnav,.calendar-views,.work-day,.work-month-day,.month-visit,.setup-list li,.notice,.message-preview,.invoice-line,.invoice-totals,.mobile-dock,.mobile-menu,.client-slots fieldset,#toast){
    background:var(--atelier-cream)!important;
    border-color:var(--atelier-border);
  }
  html[data-edition="multiservice"][data-work-trade="atelier"] :is(.home-stats .stat:nth-child(even),.edition-name,.tag,.mobile-menu-grid button:nth-child(n),.calendar-event,.month-event,.month-today,.outside-month){
    background:var(--atelier-blush)!important;
    border-color:var(--atelier-border);
  }
  html[data-edition="multiservice"][data-work-trade="atelier"] :is(.shell,.mobile-top,dialog)
    :is(.secondary:not(.active):not([aria-current="page"]),input,textarea,select,fieldset){
    background:var(--atelier-paper)!important;
    border-color:var(--atelier-border)!important;
    accent-color:var(--atelier-accent);
  }
  html[data-edition="multiservice"][data-work-trade="atelier"] :is(.shell,dialog) :is(input,textarea)::placeholder{color:#555}
  html[data-edition="multiservice"][data-work-trade="atelier"] :is(.home-panel,.client-card,.work-visit,.worksite-palette label,.daily-table td,.daily-table th,dialog,.work-today){
    border-color:var(--atelier-border);
  }
  html[data-edition="multiservice"][data-work-trade="atelier"] .ops-kpi{border-top-color:#c391a4}
  html[data-edition="multiservice"][data-work-trade="atelier"] .work-today{border-color:var(--atelier-accent)}
  html[data-edition="multiservice"][data-work-trade="atelier"] .hero::after{border-color:#e9ccd780}
  html[data-edition="multiservice"][data-work-trade="atelier"] .shell aside nav button.active{box-shadow:0 6px 16px #7650402e!important}
  html[data-edition="multiservice"][data-work-trade="atelier"] body{color:#191919!important}
  html[data-edition="multiservice"][data-work-trade="atelier"] :focus-visible{outline-color:var(--atelier-accent)!important}
  html[data-edition="multiservice"][data-work-trade="atelier"] progress{accent-color:var(--atelier-accent)}
  html[data-edition="multiservice"][data-work-trade="atelier"] progress::-webkit-progress-value{background:var(--atelier-accent)}
  html[data-edition="multiservice"][data-work-trade="atelier"] progress::-moz-progress-bar{background:var(--atelier-accent)}
  html[data-edition="multiservice"][data-work-trade="atelier"] :is(.logo img,.mark img),
  html[data-edition="multiservice"][data-atelier-pilot] .auth-logo{
    filter:brightness(0) saturate(100%) invert(38%) sepia(19%) saturate(1144%) hue-rotate(291deg)
  }
  html[data-edition="multiservice"][data-atelier-pilot] .auth-screen{color:#191919;background:linear-gradient(135deg,#efdbca,#fae6ef)!important}
  html[data-edition="multiservice"][data-atelier-pilot] .auth-card{
    background:#fff!important;border-color:var(--atelier-border)!important;box-shadow:0 25px 80px #76504026!important;
  }
  html[data-edition="multiservice"][data-atelier-pilot] .auth-card :is(h1,p,small,label,span,summary,input,a){color:#191919!important}
  html[data-edition="multiservice"][data-atelier-pilot] .auth-card input{background:#fff;border-color:#d9b9c6;accent-color:#97516b}
  html[data-edition="multiservice"][data-atelier-pilot] .auth-card :focus-visible{outline-color:#97516b!important}
  html[data-edition="multiservice"][data-atelier-pilot] .auth-card .primary{background:var(--mbt-btn)!important;color:#fff!important}
}