/* ══════════════════════════════════════════════════════════════════════════
   TOUS LES BOUTONS APPARENTS — 29/10/2026
   (user : « Le bouton n'est pas apparent. Tous les boutons du site, faut
   qu'ils soient apparents. Tu mets pas des mêmes couleurs sur les mêmes
   couleurs ou alors des mêmes teintes sur les mêmes teintes. »)

   Audit au pixel de 954 boutons sur 100 écrans : site public et application,
   clair et sombre, téléphone et ordinateur. Pour chaque bouton on a relevé la
   couleur réellement peinte derrière son texte — pas celle déclarée en CSS,
   qui ment dès qu'une photo, un dégradé ou un calque passe derrière.

   Ce que ce fichier corrige : les textes qui se confondaient avec leur fond.
   Ce qu'il ne touche pas : l'orange de marque #F97316 et le vert #16A34A en
   FOND de bouton plein, avec texte blanc — ils se voient de loin, c'est la
   marque. Seul l'orange EN TEXTE sur une surface claire change : il passe à
   #C2410C, le même orange en plus profond, qui se lit vraiment.
   ══════════════════════════════════════════════════════════════════════════ */
/* L'orange clair n'est bon QUE sur une surface sombre. Les sections de l'accueil
   gardent leur fond crème même quand l'appareil est en sombre : la variante claire
   n'existe donc que DANS l'application. */
:root{ --or-texte:#B83D0B; --gris-texte:#5B6472; }
body.dark-theme #site-app{ --or-texte:#FDBA74; --gris-texte:#A9B2C1; }

/* ── Orange en texte sur fond clair : 2,6:1 → 5,9:1 ───────────────────────── */
body .dmd-lien,
body .set-resume .sr-lien,
body #m-settings .eq-plus,
body .lien-connexion,
body .v6 .faq-more .lien-connexion{ color:var(--or-texte) !important; }
body #m-settings .eq-plus svg{ stroke:currentColor }

/* ── Les croix « archiver » des notifications : 2,2:1 → 6,0:1 ─────────────── */
/* 29/10/2026, 19h50 : la règle ne visait que le thème clair. Mesurée en pixels
   réels, la croix tombait à 3,07:1 en sombre — gris moyen sur ardoise, la même
   faute que le bouton « Refuser ». Le jeton --gris-texte bascule déjà tout seul
   en sombre (#A9B2C1) puisque #s-notif est dans #site-app : on lève la
   restriction, et on neutralise l'opacity qui mangeait encore du contraste. */
body:not(.dark-theme) #s-notif .notif-archive-x,
body:not(.dark-theme) #s-notif .notif-resume-x{ color:var(--gris-texte) !important; opacity:1 !important; }
body.dark-theme #s-notif .notif-archive-x,
body.dark-theme #s-notif .notif-resume-x{ color:var(--gris-texte) !important; opacity:1 !important; }

/* ── « Je remplace un collègue » : 3,6:1 → 6,1:1 ──────────────────────────── */
body #stk-remp-ouvrir{ color:var(--gris-texte) !important; }

/* ── La pastille « messages » de la barre du haut ─────────────────────────── */
body:not(.dark-theme) #tb-msg-alert{ color:#9A3412 }
body.dark-theme #tb-msg-alert{ color:#FDBA74 }

/* ── L'ASSISTANT NE FLOTTE PLUS ───────────────────────────────────────────
   29/10/2026 (user, capture de l'écran Commandes) : le bouton flottant se
   posait au milieu de l'écran, sur la consigne et sur « Valider ». Un bouton
   qui flotte au-dessus d'une liste finit toujours par recouvrir une ligne.
   Il vit maintenant dans la barre du haut (#tb-assistant) ; l'élément flottant
   reste dans la page parce que le panneau s'y accroche, mais il ne se voit
   plus et ne reçoit plus un seul clic. */
#stk-vocal-b{ display:none !important }
/* Le même cadre que ses voisins de la barre : rien ne dépasse, rien ne manque. */
.topbar #tb-assistant{
  display:inline-flex; align-items:center; justify-content:center;
  border:1px solid var(--brd); background:var(--s2); color:var(--tx); cursor:pointer;
}
.topbar #tb-assistant:hover{ border-color:#C2410C; color:#C2410C }

/* ══ 29/10/2026, 20h05 — deux défauts que seule la mesure en thème SOMBRE a sortis.
      Ma sonde terminait son calcul sur un fond blanc en dur : en sombre elle croyait
      chaque texte posé sur du blanc et ne voyait rien. Corrigée, elle a sorti ces deux.
   ══════════════════════════════════════════════════════════════════════════════ */

/* « Refuser » : le contour rouge #dc2626 réglé cet après-midi vaut 6,4:1 sur blanc
   mais 3,00:1 sur l'ardoise du thème sombre — le même bouton, le même défaut, l'autre
   thème. Le rouge clair du sombre monte à 5,23:1 et garde la lecture « refus ». */
body.dark-theme .cmdc-bt.cmdc-bt-r,
body.dark-theme .cmdc-bt.cmdc-bt-r *{ color:#F87171 !important; }
body.dark-theme .cmdc-bt.cmdc-bt-r{ border-color:#F87171 !important; }
body.dark-theme .cmdc-bt.cmdc-bt-r svg{ stroke:currentColor !important; }

/* Segment « En cours / Archivés » des chantiers : css/85 lui impose un fond clair
   (#E9EEFA) dans les DEUX thèmes, alors que le texte, lui, passe en clair en sombre.
   Résultat : blanc cassé sur blanc cassé, 1,09:1 — le bouton n'existait plus. La
   surface suit le thème ; l'onglet actif garde sa pastille blanche. */
body.dark-theme #c76 .c76-seg{ background:var(--s1) !important; }
/* La pastille chiffrée ne concerne QUE l'onglet au repos : telle quelle, la règle
   avait la même force que celle de css/85 et volait son bleu à l'onglet actif,
   qui ne se distinguait plus. */
body.dark-theme #c76 .c76-seg button:not(.on) b{ background:var(--s2) !important; color:var(--mu) !important; }

/* ══ 29/10/2026, 20h20 — quatre défauts sortis par la mesure AU PIXEL, après que la
      sonde DOM se soit révélée aveugle : elle lisait le fond déclaré sur <html> (un
      crème) au lieu de ce qui est réellement peint. Seul l'écran compte.
   ══════════════════════════════════════════════════════════════════════════════ */

/* « Ont besoin de vous », « Ont du matériel qui dort »… : css/85 donne à ces titres
   une encre sombre (--k-ink) qui convient aux cartes blanches, mais ces titres-là
   sont posés à même la page — noire en thème sombre. Mesuré 1,06:1 : le titre
   n'existait pas. L'encre suit le thème ; sa pastille chiffrée garde la sienne. */
body.dark-theme #c76 .c77-titre{ color:var(--tx) !important; }

/* 29/10/2026 21h25 — RETIRÉ. Cette règle rendait les boutons du bandeau pâles à encre
   sombre, parce que css/84 avait blanchi le bandeau. Le bandeau reprenant son dégradé
   à la demande du propriétaire, le voile sombre + texte blanc d'index.html redevient
   le bon habillage : on le laisse faire. Le contraste est revérifié plus bas. */

/* L'onglet allumé de la barre de navigation : orange de marque sur sa propre pastille
   orange à 15 %. 2,40:1 en clair, 4,25:1 en sombre — le nom de l'onglet où l'on se
   trouve était le moins lisible des neuf. Un cran plus foncé en clair, plus clair en
   sombre ; la pastille et le liseré ne bougent pas. */
body:not(.dark-theme) #nav .nb.on, body:not(.dark-theme) #nav .nb.on *{ color:#B83D0B !important; }
body.dark-theme #nav .nb.on, body.dark-theme #nav .nb.on *{ color:#FB923C !important; }

/* Pastille « À traiter » des cartes chantier : 3,97:1 dans les deux thèmes. */
body .c77-pill.p-att{ color:#9A3412 !important; }

/* La pastille de rôle de la barre du haut (« RESPONSABLE LOGISTIQUE ») : même orange
   sur son propre fond orangé, 4,30:1 en sombre. Même cran que l'onglet actif. */
body.dark-theme #tbrole{ color:#FB923C !important; }

/* ══ 29/10/2026, 20h35 — dernier tour de l'audit AU PIXEL (602 éléments mesurés sur
      3 profils × tous les onglets × 2 thèmes). Trois familles restaient sous le seuil.
   ══════════════════════════════════════════════════════════════════════════════ */

/* Le gris des micro-infos du thème clair (« Touchez un article pour… », « Articles »,
   « Livraison · CMD-2041 ») : #86868B sur blanc = 3,62:1. Un bloc plus bas dans
   index.html emploie déjà #6E6E73 pour le même rôle — on aligne tout le thème clair
   dessus : 5,07:1, sans rien changer d'autre. */
body.light-theme{ --mu:#6E6E73; }

/* Les étiquettes de catégorie du journal (SORTIE DU DÉPÔT, RETOUR AU DÉPÔT…) prennent
   la couleur vive de leur catégorie, telle quelle, sur fond blanc : de 2,54:1 (vert) à
   4,47:1 (indigo). Le thème sombre les éclaircit déjà de 68 % ; le thème clair ne les
   assombrissait pas. Même geste en miroir : 70 % de la couleur, le reste en noir.
   Toutes les catégories passent (4,8:1 à 9,2:1) en gardant leur teinte. */
/* 21h40 : 70 % laissait « RETOUR AU DÉPÔT » à 4,48:1 — la ligne a un fond vert très
   pâle, pas du blanc. 64 % passe pour toutes les catégories. */
body.light-theme #t-journal .jx-type{ color:color-mix(in srgb, var(--c) 64%, #000) !important; }

/* ══ 29/10/2026, 21h35 — les patchs de couleur sont revenus à la demande du
      propriétaire. Mesurés au pixel, les quatre patchs clairs ne portaient pas le
      blanc : « Commandes » 2,29:1, « Notes » 2,36, « Activité » 2,55, « Stock » 2,97
      (seuil 3 pour un titre de 19 px gras), et le bouton « + Ajouter » du Stock
      tombait à 2,46:1. C'est précisément ce que la refonte du 15/10 fuyait en les
      blanchissant. On garde la couleur et on la rend lisible, sans toucher la teinte :
      un voile noir de 16 % sur le patch, 40 % sous les boutons posés dessus.
      Résultat mesuré : titres de 3,2 à 6,9 ; boutons de 5,1 à 7,7.
   ══════════════════════════════════════════════════════════════════════════════ */
html body #site-app .stk-bandeau{
  background-image:linear-gradient(rgba(0,0,0,.16),rgba(0,0,0,.16)),
    linear-gradient(135deg,var(--stk-a,#334155) 0%,var(--stk-b,#64748b) 52%,var(--stk-c,#94a3b8) 100%) !important;
}
html body #site-app .stk-bandeau .btn,
html body #site-app .plan-tete .btn{ background:rgba(0,0,0,.40) !important; }
html body #site-app .stk-bandeau .btn:hover,
html body #site-app .plan-tete .btn:hover{ background:rgba(0,0,0,.52) !important; }

/* ══════════════════════════════════════════════════════════════════════════════
   30/10/2026 (user) — LE BANDEAU-TITRE « SORT » DE LA BARRE DU HAUT
   Avant : le patch violet « Tableau de bord » flottait — arrondi sur les 4 coins,
   ombre tout autour, et 14 px de vide au-dessus (le padding de .content). En
   défilant, les cartes passaient derrière ses coins arrondis : il « débordait »
   sur la page. Désormais on le colle à la barre du haut (haut plat, plus de vide)
   avec une ombre portée UNIQUEMENT vers le bas : on dirait qu'il sort de la barre
   et que le contenu glisse dessous. On ne vise que le bandeau-titre de la page
   (premier enfant de l'onglet), pas les éventuels bandeaux de section. */
html body #site-app .tab > .stk-bandeau:first-child{
  border-radius:0 0 16px 16px !important;
  box-shadow:0 12px 20px -14px rgba(0,0,0,.55) !important;
  margin-top:-14px !important;
}
@media (min-width:1600px){
  html body #site-app .tab > .stk-bandeau:first-child{ margin-top:-18px !important; }
}
@media (min-width:2000px){
  html body #site-app .tab > .stk-bandeau:first-child{ margin-top:-22px !important; }
}
/* En défilant, le bandeau se fige sous la barre du haut. On reprend EXACTEMENT la formule
   active de l'appli (variables mesurées en JS : y0 + hauteur topbar [+ hauteur nav sur
   ordinateur]) et on retire 2 px : le bandeau se glisse 2 px SOUS la barre, ce qui ferme le
   liseré d'1 px par lequel une carte pointait au raccord. */
html body #site-app .tab > .stk-bandeau:first-child{
  top:calc(var(--stk-y0) + var(--stk-h-topbar) + var(--stk-h-nav) - 2px) !important;
}
@media (max-width:720px){
  html body #site-app .tab > .stk-bandeau:first-child{
    top:calc(var(--stk-y0) + var(--stk-h-topbar) - 2px) !important;
  }
}

/* ══════════════════════════════════════════════════════════════════════════════
   30/10/2026 14h45 — RATTRAPAGE DE MA PROPRE ERREUR.
   La règle ci-dessus (« le bandeau sort de la barre du haut ») pose un « top »
   avec !important et une spécificité supérieure à celle de l'application. Or
   l'écran Commandes DÉCOLLE son bandeau sous 1000 px (position:relative, pour
   qu'il ne recouvre pas le détail d'une demande). Sur un bandeau décollé, « top »
   ne veut plus dire « point d'accroche » mais « descends de tant » : le bandeau
   orange tombait 174 px plus bas, pile sur la rangée d'onglets
   (À valider / À planifier / Planifiées), qu'il coupait en deux. Visible sur
   iPad mini et iPad Air. On rend sa place au bandeau là où l'application le
   décolle — deux identifiants, donc cette règle gagne sur la mienne.
   ══════════════════════════════════════════════════════════════════════════════ */
@media (max-width:999px){
  html body #site-app #t-cmd > .stk-bandeau:first-child{
    position:relative !important; top:auto !important;
  }
}