/* QUALITE 24 — thème commun « comme une app Apple » (07/10/2026, à la demande d'Omeer : « publie tout avec bon design Apple »).
   Même langage que BALTA (css/v82.css) pour les applis du site : Équipe, Comptabilité, Conseiller, Architecte, et l'espace client.
   Chargé EN DERNIER par chaque appli : il ne remplace que les réglages communs (couleurs, police, rayons, barres), jamais le contenu.
   Échelle Apple : grand titre 34, titres 22 / 20, texte 17, secondaire 15, notes 13 (jamais moins de 12).
   Clair / sombre suivent le réglage de l'iPhone (prefers-color-scheme). Rouge QUALITE 24 #B3121D (#FF5A52 en sombre, comme BALTA). */

/* 1. Couleurs et police (clair) — noms des quatre applis alignés sur ceux de BALTA */
:root{
  --i-bg:#f2f2f7;--i-card:#ffffff;--i-card2:#f7f7fa;--i-fill:rgba(118,118,128,.12);--i-fill2:rgba(118,118,128,.08);
  --i-label:#1c1c1e;--i-label2:#6c6c70;--i-label3:#aeaeb2;--i-sep:rgba(60,60,67,.16);--i-sep-strong:rgba(60,60,67,.29);
  --i-accent:#b3121d;--i-accent-press:#8f0e17;--i-accent-tint:rgba(179,18,29,.09);--i-on-accent:#ffffff;
  --i-green:#1f7a35;--i-green-tint:rgba(52,199,89,.15);--i-orange:#a64500;--i-orange-tint:rgba(255,149,0,.16);
  --i-blue:#0a5fcc;--i-blue-tint:rgba(0,122,255,.11);--i-violet:#6e3bd8;--i-violet-tint:rgba(175,82,222,.12);
  --i-bar:rgba(249,249,251,.82);--i-shadow:0 1px 2px rgba(0,0,0,.04),0 8px 24px rgba(0,0,0,.05);
  --i-font:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Helvetica Neue","Segoe UI",Roboto,Arial,sans-serif;
  /* Équipe + Comptabilité */
  --fond:var(--i-bg);--carte:var(--i-card);--carte-2:var(--i-card2);--trait:var(--i-sep);--texte:var(--i-label);--gris:var(--i-label2);--pale:var(--i-label3);
  --rouge:var(--i-accent);--rouge-texte:var(--i-accent);--rouge-doux:var(--i-accent-tint);
  --bleu:var(--i-blue);--bleu-vif:var(--i-blue);--bleu-doux:var(--i-blue-tint);--vert:var(--i-green);--vert-vif:var(--i-green);--vert-doux:var(--i-green-tint);
  --orange:var(--i-orange);--orange-vif:#ff9500;--orange-doux:var(--i-orange-tint);--violet:var(--i-violet);--violet-doux:var(--i-violet-tint);
  --encre:var(--i-label);--ombre:var(--i-shadow);--r:16px;--r-m:14px;--r-s:10px;--sans:var(--i-font);
  /* Conseiller + Architecte */
  --doux:var(--i-label2);--rouge-pale:var(--i-accent-tint);--vert-pale:var(--i-green-tint);--orange-pale:var(--i-orange-tint);--rayon:16px;
  color-scheme:light;
}
/* 1 bis. Sombre (réglage de l'iPhone) */
@media (prefers-color-scheme:dark){
  :root{
    --i-bg:#000000;--i-card:#1c1c1e;--i-card2:#2c2c2e;--i-fill:rgba(118,118,128,.24);--i-fill2:rgba(118,118,128,.16);
    --i-label:#f5f5f7;--i-label2:#98989f;--i-label3:#636366;--i-sep:rgba(84,84,88,.55);--i-sep-strong:rgba(84,84,88,.75);
    --i-accent:#ff5a52;--i-accent-press:#ff7a73;--i-accent-tint:rgba(255,90,82,.16);--i-on-accent:#000000;
    --i-green:#30d158;--i-green-tint:rgba(48,209,88,.18);--i-orange:#ff9f0a;--i-orange-tint:rgba(255,159,10,.18);
    --i-blue:#409cff;--i-blue-tint:rgba(64,156,255,.18);--i-violet:#bf5af2;--i-violet-tint:rgba(191,90,242,.18);
    --i-bar:rgba(22,22,24,.82);--i-shadow:none;color-scheme:dark;
  }
  /* Logo QUALITE 24 lisible sur fond noir : lettres noires → blanches, le rouge reste rouge. */
  .eq-logo,.cp-logo,.cs-logo,.ar-logo,.cp-haut__logo,.cs-haut__logo,.ar-haut__logo,.eq-haut img{filter:invert(1) hue-rotate(180deg) saturate(1.2)}
}

/* 2. Texte : police du système Apple, tailles de l'iPhone */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;background:var(--i-bg)}
body{font-family:var(--i-font);font-size:17px;line-height:1.35;color:var(--i-label);background:var(--i-bg);-webkit-font-smoothing:antialiased}
body h1{font-family:var(--i-font);font-size:34px;line-height:41px;font-weight:700;letter-spacing:.01em}
body h2{font-family:var(--i-font);font-size:22px;line-height:28px;font-weight:700;letter-spacing:.01em}
body h3{font-family:var(--i-font);font-size:20px;line-height:25px;font-weight:600}

/* 3. Barre du haut : translucide et floutée, comme Réglages ou Mail */
.eq-haut,.cp-haut,.cs-haut,.ar-haut{position:sticky;top:0;z-index:20;background:var(--i-bar)!important;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);
  border-bottom:.5px solid var(--i-sep-strong)!important;box-shadow:none!important;padding-top:max(10px,env(safe-area-inset-top))}
.cp-haut__titre,.cs-haut__titre,.ar-haut__titre{font-size:17px;font-weight:600}

/* 4. Barre d'onglets en bas (Équipe, Comptabilité sur téléphone) : comme l'App Store */
.eq-onglets{background:var(--i-bar)!important;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-top:.5px solid var(--i-sep-strong)!important;box-shadow:none!important}
.eq-onglets button{color:var(--i-label2);font-size:11px;font-weight:600}
.eq-onglets button[aria-current="page"]{color:var(--i-accent)}
.eq-onglets button[aria-current="page"] .eq-onglets__pastille{background:transparent}
.cp-onglets button{color:var(--i-label2)}
.cp-onglets button[aria-current="page"]{color:var(--i-accent);background:var(--i-accent-tint);box-shadow:none}
/* Onglets en pastilles (Conseiller, Architecte) : contrôle segmenté iOS */
.cs-onglets button,.ar-onglets button{border:0!important;background:var(--i-fill)!important;color:var(--i-label)!important;font-size:15px;font-weight:600;min-height:36px;padding:0 14px}
.cs-onglets button[aria-current="true"],.ar-onglets button[aria-current="true"]{background:var(--i-label)!important;color:var(--i-card)!important}

/* 5. Cartes : listes groupées iOS (coins 16, ombre très légère, pas de bordure) */
.eq-tuile,.eq-bloc,.eq-accueil__carte,.cp-carte,.cp-bloc,.cp-accueil__carte,.cs-carte,.cs-accueil__carte,.cs-client,.ar-carte,.ar-accueil__carte,.ar-client,.cp-table-boite{
  background:var(--i-card)!important;border:0!important;border-radius:16px!important;box-shadow:var(--i-shadow)!important}
.cs-client,.ar-client{border-radius:12px!important}

/* 6. Boutons : 50 px de haut, coins 12, texte 17 semi-gras, rouge QUALITE 24 pour l'action principale */
.eq-btn,.cp-btn,.cs-btn,.ar-btn{min-height:50px;border-radius:12px!important;font-family:var(--i-font);font-size:17px;font-weight:600;letter-spacing:-.01em;box-shadow:none!important;
  -webkit-tap-highlight-color:transparent;transition:transform .12s ease,opacity .12s ease}
.eq-btn:active,.cp-btn:active,.cs-btn:active,.ar-btn:active{transform:scale(.98);opacity:.85}
.eq-btn--rouge,.cp-btn--rouge,.cs-btn--rouge,.ar-btn--rouge{background:var(--i-accent)!important;border-color:var(--i-accent)!important;color:var(--i-on-accent)!important}
.eq-btn--encre{background:var(--i-label)!important;color:var(--i-card)!important}
.cp-btn--vert{background:var(--i-green)!important;color:var(--i-on-accent)!important}
.cp-btn--clair,.cs-btn--lien,.ar-btn--lien{color:var(--i-accent)!important}

/* 7. Champs : fond gris doux iOS, coins 10, texte 17 (l'iPhone ne zoome pas) */
.cp-champ,.cs-champ,.cs-zone,.ar-champ,.ar-zone,.cs-lignes input,.cs-lignes select,.ar-lignes input,.ar-lignes select,.eq-coque input,.eq-coque select,.eq-coque textarea,
.fi-form input,.fi-form select,.fi-form textarea,.cs-recherche,.ar-recherche{background:var(--i-fill2)!important;border:0!important;border-radius:10px!important;color:var(--i-label)!important;font-size:17px!important}
.cp-champ:focus,.cs-champ:focus,.cs-zone:focus,.ar-champ:focus,.ar-zone:focus,.eq-coque input:focus,.eq-coque textarea:focus{outline:2px solid var(--i-accent);outline-offset:0}

/* 8. Pastilles, badges, messages : teintes iOS (lisibles en clair comme en sombre) */
.cs-badge,.ar-badge,.ar-phases li{background:var(--i-fill)!important;color:var(--i-label2)}
.cs-badge--rouge,.ar-badge--rouge{background:var(--i-accent-tint)!important;color:var(--i-accent)!important}
.cs-badge--orange,.ar-badge--orange{background:var(--i-orange-tint)!important;color:var(--i-orange)!important}
.cs-badge--vert,.ar-badge--vert{background:var(--i-green-tint)!important;color:var(--i-green)!important}
.ar-phases li.ici{background:var(--i-label)!important;color:var(--i-card)!important}
.cs-pastille,.ar-pastille,.mg-onglet span,.eq-av,.pl-date--auj{background:var(--i-accent)!important;color:var(--i-on-accent)!important}
.cs-limite,.ar-limite,.ar-alerte.attention{background:var(--i-orange-tint)!important;color:var(--i-orange)!important}
.cs-ok,.ar-ok,.cp-ok{background:var(--i-green-tint)!important;color:var(--i-green)!important}
.ar-alerte{background:var(--i-blue-tint)!important;color:var(--i-blue)!important}
.ar-alerte.urgent{background:var(--i-accent-tint)!important;color:var(--i-accent)!important}
.ar-fichier{background:var(--i-fill)!important;color:var(--i-label)!important}
.cp-puce[aria-pressed="true"]{background:var(--i-label)!important;color:var(--i-card)!important;border-color:var(--i-label)!important}
.cp-table tr.cp-ligne-clic:hover{background:var(--i-fill2)!important}
.cs-toast,.ar-toast,.eq-toast{background:var(--i-label)!important;color:var(--i-card)!important;border-radius:14px!important}
.eq-toast--err,.cs-toast.erreur,.ar-toast.erreur{background:var(--i-accent)!important;color:var(--i-on-accent)!important}

/* 11. Mouvements réduits si l'iPhone le demande */
@media (prefers-reduced-motion:reduce){.eq-btn,.cp-btn,.cs-btn,.ar-btn{transition:none}}

/* 12. Mentions de l'assistant de QUALITE 24 (js/mention-assistant.js, 18/10/2026) : petit texte, jamais sous 12 px, sans casser la mise en page */
.q24-ia{display:inline-flex;align-items:center;gap:5px;max-width:100%;margin:2px 0;padding:3px 8px;border-radius:8px;font-size:12px;line-height:1.35;font-weight:600;
  background:var(--i-violet-tint,rgba(175,82,222,.12));color:var(--i-violet,#6e3bd8);overflow-wrap:anywhere;vertical-align:middle}
.q24-ia--attente{background:var(--i-orange-tint,rgba(255,149,0,.16));color:var(--i-orange,#a64500)}
.q24-ia--bloc{display:flex;width:fit-content}
.q24-ia__ico{flex:none}
.q24-esquisse{display:inline-block;max-width:100%;margin:2px 0;padding:3px 8px;border-radius:8px;font-size:12px;line-height:1.35;font-weight:600;letter-spacing:.02em;
  background:var(--i-fill2,rgba(118,118,128,.08));color:var(--i-label2,#6c6c70);overflow-wrap:anywhere}
.q24-esquisse--bloc{display:block;width:fit-content}
/* Emplacement de la maison 3D (js/maison-3d.js) : caché tant que la vue n'est pas montée */
.q24-3d[hidden]{display:none!important}