/* SD ONE · lot 116 (25/10/2026, Hassan) : boutons des lignes de courses, partout pareil. Bleu nuit / bleu / argent, jamais de doré.
   Fichier NOUVEAU, chargé en dernier. */
:root { --sd116-nuit: #0F2A4A; --sd116-bleu: #1E5AA8; --sd116-argent: #C9D1DC; --sd116-argent-f: #9AA6B6; --sd116-gris: #F3F5F8; }

/* 1) menu ⋯ : petit bouton visible (bordure argent, fond blanc, coins arrondis), le même que celui du planning (lot 98).
      Le planning (.pl-plan) garde exactement les règles du lot 98 ; ici : la page dossier et toutes les autres lignes. */
html body #v2-contenu table.tm tbody tr.lg > td.c-plus > button.plus {
  position: relative; display: flex !important; align-items: center; justify-content: center; box-sizing: border-box;
  width: 28px !important; min-width: 28px !important; height: 18px !important; min-height: 0 !important; margin: 0 auto !important; padding: 0 !important;
  border: 1px solid var(--sd116-argent) !important; border-radius: 9px !important; background: #fff !important; color: var(--sd116-bleu) !important;
  font-size: 14px !important; line-height: 1 !important; letter-spacing: 0; cursor: pointer; box-shadow: none;
}
/* page dossier (ordinateur) : la colonne fait 34 px, on lui laisse 28 px utiles pour le même bouton que le planning */
@media (min-width: 761px) {
  html body #v2-contenu .pl-corps.dfin:not(.pl-plan) table.tm tbody tr.lg > td.c-plus { padding-left: 3px !important; padding-right: 3px !important; }
}
html body #v2-contenu table.tm tbody tr.lg > td.c-plus > button.plus:hover,
html body #v2-contenu table.tm tbody tr.lg > td.c-plus > button.plus:focus-visible { box-shadow: 0 0 0 3px rgba(30, 90, 168, .25) !important; outline: none; }
/* listes (À traiter, Facturables…) : le même petit bouton */
html body #v2-contenu table.tl td.act > button.menu-l {
  position: relative; display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box;
  width: 28px !important; min-width: 28px !important; height: 18px !important; min-height: 0 !important; padding: 0 !important;
  border: 1px solid var(--sd116-argent) !important; border-radius: 9px !important; background: #fff !important; color: var(--sd116-bleu) !important;
  font-size: 14px !important; line-height: 1 !important; cursor: pointer; vertical-align: middle;
}
html body #v2-contenu table.tl.sd98-l td.act > button.menu-l { display: flex !important; margin: 4px auto !important; }
html body #v2-contenu table.tl td.act > button.menu-l:hover,
html body #v2-contenu table.tl td.act > button.menu-l:focus-visible { box-shadow: 0 0 0 3px rgba(30, 90, 168, .25) !important; outline: none; }
/* téléphone : le bouton reste petit, la zone à toucher fait 44 x 44 */
@media (max-width: 760px) {
  html body #v2-contenu table.tm tbody tr.lg > td.c-plus > button.plus { margin: 13px auto !important; }
  html body #v2-contenu table.tm tbody tr.lg > td.c-plus > button.plus::after,
  html body #v2-contenu table.tl td.act > button.menu-l::after { content: ""; position: absolute; left: -10px; right: -10px; top: -14px; bottom: -14px; }
  html body #v2-contenu table.tl td.act > button.menu-l { margin: 13px 8px !important; }
  html body #v2-contenu table.tl.sd98-l td.act > button.menu-l { margin: 13px auto !important; }
}

/* 2) épingle barrée : localisation indisponible (même forme que l'épingle des lots 45 / 89, en argent) */
html body button.sd116-ep {
  display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; box-sizing: border-box;
  width: 28px; height: 28px; padding: 0; margin: 0; border-radius: 50%;
  border: 1px solid var(--sd116-argent); background: var(--sd116-gris); color: var(--sd116-argent-f);
  cursor: not-allowed; box-shadow: none; transform: none; animation: none; -webkit-tap-highlight-color: transparent;
}
html body button.sd116-ep svg { display: block; pointer-events: none; }
html body button.sd116-ep svg .sd116-fond { stroke: var(--sd116-gris); }
html body button.sd116-ep:hover, html body button.sd116-ep:focus { outline: none; box-shadow: none; transform: none; }
/* planning : dans la colonne des actions, au-dessus du ⋯, comme l'épingle du lot 89 */
html body #v2-contenu .pl-corps.pl-plan table.tm tbody tr.lg > td.c-plus > button.sd116-ep { display: flex; margin: 0 auto 4px; }
/* autres tableaux : colonne Chauffeur, à la place de l'épingle du lot 45 (lot 67 : même endroit sur ordinateur) */
html body td.c-chf > button.sd116-ep { margin-left: 6px; }
@media (min-width: 900px) {
  html body #v2-contenu tr.lg td.c-chf > button.sd116-ep { position: absolute; left: 14px; bottom: 4px; margin: 0; }
  html body #v2-contenu tr.lg td.c-chf > button.sd116-ep.sd116-apres { left: 48px; }
}
@media (max-width: 760px) {
  html body button.sd116-ep { width: 44px; height: 44px; }
  html body #v2-contenu .pl-corps.pl-plan table.tm tbody tr.lg > td.c-plus > button.sd116-ep { margin: 0; }
}

/* info-bulle « Localisation indisponible » */
.sd116-bulle {
  position: fixed; z-index: 2147483000; left: 0; top: 0; max-width: 240px; padding: 6px 10px; border-radius: 8px;
  background: var(--sd116-nuit); color: #fff; font: 700 12px/1.3 Manrope, system-ui, sans-serif; white-space: nowrap;
  box-shadow: 0 4px 14px rgba(15, 42, 74, .28); pointer-events: none;
}
.sd116-bulle[hidden] { display: none !important; }