/* SD ONE — 22/10/2026, PHASE9 p9-historique : lignes « Historique WAY-Plan » du planning (lecture seule), interrupteur, panneau de détail.
   Fichier NOUVEAU. Charte : bleu nuit #0F2A4A / #081830, bleu #1E5AA8, argent #AFC0D6 / #C4D3E6, blanc. Montserrat (titres, boutons), Manrope (texte). */

/* ---------- lignes historiques : gris bleuté + étiquette « WAY-Plan » ---------- */
.tm tbody tr.lg.wp9h-l td{background-color:#E6ECF4;color:#33475F}
.tm tbody tr.lg.wp9h-l td.c-sel{box-shadow:inset 4px 0 0 #AFC0D6}
.tm tbody tr.lg.wp9h-l:hover td,.tm tbody tr.lg.wp9h-l.wp9h-choisie td{background-color:#DCE4EF}
.tm tbody tr.lg.wp9h-l{cursor:pointer}
.tm tbody tr.lg.wp9h-l:focus-visible{outline:3px solid #1E5AA8;outline-offset:-3px}
.tm tbody tr.lg.wp9h-l .nomcli b,.tm tbody tr.lg.wp9h-l .chf,.tm tbody tr.lg.wp9h-l .c-veh b{color:#33475F}
.tm tbody tr.lg.wp9h-l td,.wp9h-pan,.wp9h-barre{overflow-wrap:break-word;word-break:normal;hyphens:none}
.tm tbody tr.lg.wp9h-l td.c-type.wp9h-type{background:#7488A3!important;color:#fff;font-family:Montserrat,Manrope,system-ui,sans-serif;font-weight:700}
.tm tbody tr.lg.wp9h-l .wp9h-num{font-family:Montserrat,Manrope,system-ui,sans-serif;font-weight:700;color:#33475F;white-space:nowrap}
.tm tbody tr.lg.wp9h-l .wp9h-puce{cursor:default;background:#fff;color:#33475F;border:1px solid #C4D3E6}
.tm tbody tr.lg.wp9h-l.wp9h-ann td{opacity:.78}
.tm tbody tr.lg.wp9h-l .wp9h-pt{display:block;width:8px;height:8px;margin:auto;border-radius:50%;background:#AFC0D6}
.wp9h-eti{display:inline-block;margin:3px 0 0;padding:1px 7px;border:1px solid #AFC0D6;border-radius:999px;background:#fff;color:#1E5AA8;font:600 10px/1.5 Montserrat,Manrope,system-ui,sans-serif;letter-spacing:.02em;white-space:nowrap;vertical-align:middle}
.tm tbody tr.lg.wp9h-l .c-num .wp9h-eti{display:table;margin-top:4px}
.wp9h-eti-m{display:none!important}
.etb.wp9h-etb{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:3px 10px;border-radius:10px;background:#F4F7FB;border:1px solid #C4D3E6;color:#0F2A4A;font:600 12px/1.25 Manrope,system-ui,sans-serif;white-space:normal;max-width:100%;box-shadow:none}
.etb.wp9h-etb b{flex:none;width:8px;height:8px;border-radius:50%;background:#1E5AA8}
.etb.wp9h-etb.wp9h-etb-ann b{background:#AFC0D6}
.vide-liste.wp9h-cache{display:none}

/* ---------- interrupteur « Afficher l'historique WAY-Plan » ---------- */
.wp9h-barre{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:0 0 10px;padding:4px 12px;border-radius:14px;background:rgba(255,255,255,.94);border:1px solid #C4D3E6;color:#0F2A4A;font:500 13px/1.35 Manrope,system-ui,sans-serif;box-sizing:border-box;max-width:100%}
.wp9h-inter{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 6px 0 0;border:0;background:none;color:#0F2A4A;font:600 13px/1.2 Montserrat,Manrope,system-ui,sans-serif;cursor:pointer;text-align:left}
.wp9h-inter:focus-visible{outline:3px solid #1E5AA8;outline-offset:2px;border-radius:10px}
.wp9h-rail{position:relative;flex:none;width:40px;height:24px;border-radius:999px;background:#C4D3E6;transition:background .15s}
.wp9h-rail i{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(8,24,48,.3);transition:transform .15s}
.wp9h-inter.on .wp9h-rail{background:#1E5AA8}
.wp9h-inter.on .wp9h-rail i{transform:translateX(16px)}
.wp9h-info{color:#33475F;font-size:12.5px;min-width:0}
@media (prefers-reduced-motion:reduce){.wp9h-rail,.wp9h-rail i{transition:none}}

/* ---------- panneau de détail (lecture seule, aucun bouton d'action) ---------- */
.wp9h-pan{position:fixed;top:calc(var(--haut,72px) + var(--barre,50px));right:0;bottom:var(--pied,32px);width:min(480px,94vw);z-index:47;background:#fff;color:#0F2A4A;border-left:1px solid #C4D3E6;box-shadow:-18px 0 40px rgba(3,10,22,.35);transform:translateX(105%);visibility:hidden;transition:transform .22s ease,visibility .22s;overflow:auto;overscroll-behavior:contain;font:400 14px/1.45 Manrope,system-ui,sans-serif;box-sizing:border-box}
.wp9h-pan.ouvert{transform:none;visibility:visible}
@media (prefers-reduced-motion:reduce){.wp9h-pan{transition:none}}
.wp9h-pan-tete{position:sticky;top:0;z-index:1;padding:12px 16px 12px;background:linear-gradient(180deg,#0F2A4A,#081830);color:#fff}
.wp9h-pan-t1{display:flex;align-items:center;gap:8px}
.wp9h-pan-tete .wp9h-eti{margin:0}
.wp9h-ls{font:600 11px/1.3 Montserrat,Manrope,system-ui,sans-serif;color:#C4D3E6;letter-spacing:.03em}
.wp9h-x{margin-left:auto;min-width:44px;min-height:44px;border:1px solid rgba(196,211,230,.5);border-radius:12px;background:transparent;color:#fff;font:400 26px/1 Manrope,system-ui,sans-serif;cursor:pointer}
.wp9h-x:hover{background:rgba(255,255,255,.1)}
.wp9h-x:focus-visible{outline:3px solid #C4D3E6;outline-offset:2px}
.wp9h-pan-h{margin:6px 0 2px;font:700 19px/1.25 Montserrat,Manrope,system-ui,sans-serif;color:#fff}
.wp9h-pan-q{margin:0 0 8px;color:#C4D3E6;font-size:13.5px}
.wp9h-pan-st{margin:0}
.wp9h-pan-corps{padding:12px 16px 20px}
.wp9h-tab{width:100%;border-collapse:collapse;margin:0 0 14px;table-layout:fixed}
.wp9h-tab caption{text-align:left;padding:0 0 6px;font:700 12px/1.3 Montserrat,Manrope,system-ui,sans-serif;letter-spacing:.04em;text-transform:uppercase;color:#1E5AA8}
.wp9h-tab th,.wp9h-tab td{padding:7px 8px;border-top:1px solid #E1E8F1;vertical-align:top;text-align:left;overflow-wrap:break-word;word-break:normal}
.wp9h-tab col.wp9h-c1{width:38%}
.wp9h-tab th{color:#4A5E78;font-weight:600;font-size:13px}
.wp9h-tab td{color:#0F2A4A}
.wp9h-pre{white-space:pre-line}
.wp9h-iti{margin:0;padding:0 0 0 18px}
.wp9h-iti li{margin:0 0 6px}
.wp9h-iti b{display:block;font:600 12px/1.3 Montserrat,Manrope,system-ui,sans-serif;color:#4A5E78}
.wp9h-note{margin:0 0 12px;padding:8px 10px;border-radius:10px;background:#F1F5FA;border:1px solid #C4D3E6;color:#0F2A4A;font-size:13px}
.wp9h-pied{margin:4px 0 0;color:#4A5E78;font-size:12.5px}

/* ---------- recherche du haut ---------- */
#v2-suggest .wp9h-sg{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-height:44px;padding:6px 12px;cursor:pointer;overflow-wrap:break-word}
#v2-suggest .wp9h-sg small{margin-left:auto;opacity:.75}
#v2-suggest .wp9h-sg-t{min-height:0;padding:8px 12px 2px;cursor:default;font:700 11px/1.3 Montserrat,Manrope,system-ui,sans-serif;letter-spacing:.04em;text-transform:uppercase;opacity:.8}
#v2-suggest .wp9h-sg .wp9h-eti{margin:0}

/* ---------- téléphone ---------- */
@media (max-width:760px){
  .wp9h-eti-m{display:inline-block!important;margin:0 6px 0 0}
  .wp9h-pan{top:var(--haut,60px);bottom:0;width:100vw;border-left:0}
  .wp9h-barre{padding:2px 10px;border-radius:12px}
  .wp9h-info{flex-basis:100%;padding:0 0 6px}
  .wp9h-tab col.wp9h-c1{width:42%}
  .tm tbody tr.lg.wp9h-l{background:#E6ECF4;box-shadow:inset 5px 0 0 #AFC0D6,0 10px 24px rgba(8,24,48,.2)}
}