/* ============================================================
   ATLAS TECHNICIEN · Disponibilité Temps Réel
   Réutilise atlas-admin.css · scopé dp-*
   ============================================================ */

/* pastille barre supérieure (toujours visible) */
.dp-pill{display:inline-flex;align-items:center;gap:9px;padding:7px 9px 7px 14px;border-radius:50px;border:1px solid var(--line2);
  background:var(--glass);transition:.25s var(--ease);white-space:nowrap;margin-right:4px}
.dp-pill:hover{transform:translateY(-1px);border-color:var(--line2)}
.dp-pill .dp-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 4px rgba(255,255,255,.04)}
.dp-pill .dp-pill-t{font-size:.82rem;font-weight:700;color:var(--txt)}
.dp-pill .dp-sw{position:relative;width:38px;height:22px;border-radius:50px;background:rgba(255,255,255,.12);border:1px solid var(--line2);transition:.25s var(--ease);flex-shrink:0}
.dp-pill .dp-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:.25s var(--ease)}
.dp-pill.on .dp-dot{background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.18),0 0 10px #22c55e}
.dp-pill.on .dp-sw{background:linear-gradient(120deg,#22c55e,#16a34a);border-color:transparent}
.dp-pill.on .dp-knob{transform:translateX(16px)}
.dp-pill.off .dp-dot{background:#f87171;box-shadow:0 0 0 4px rgba(248,113,113,.18),0 0 10px #f87171}
.dp-pill.busy .dp-dot{background:#f59e0b;box-shadow:0 0 0 4px rgba(245,158,11,.18),0 0 10px #f59e0b}
@media(max-width:720px){.dp-pill .dp-pill-t{display:none}}
body.theme-light .dp-pill{background:#fff}

/* nav item */
.nav-item .dp-live{margin-left:auto;width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55e;animation:dpPulse 2s ease-in-out infinite}
@keyframes dpPulse{0%,100%{opacity:1}50%{opacity:.4}}

/* ===== vue Disponibilité ===== */
.dp-view{display:none}
.dp-view.show{display:block;animation:fade .4s var(--ease)}

/* hero switch */
.dp-hero{position:relative;overflow:hidden;border-radius:var(--r-lg,24px);padding:28px;margin-bottom:20px;border:1px solid var(--line2);transition:.4s var(--ease)}
.dp-hero.on{background:linear-gradient(135deg,rgba(34,197,94,.22),rgba(10,20,52,.5) 60%,rgba(34,197,94,.08))}
.dp-hero.off{background:linear-gradient(135deg,rgba(248,113,113,.22),rgba(10,20,52,.5) 60%,rgba(248,113,113,.08))}
.dp-hero-row{display:flex;align-items:center;gap:20px;flex-wrap:wrap;position:relative;z-index:1}
.dp-hero-ic{width:66px;height:66px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:2rem;flex-shrink:0;transition:.4s}
.dp-hero.on .dp-hero-ic{background:linear-gradient(160deg,#22c55e,#16a34a);box-shadow:0 16px 34px -10px rgba(34,197,94,.8)}
.dp-hero.off .dp-hero-ic{background:linear-gradient(160deg,#f87171,#dc2626);box-shadow:0 16px 34px -10px rgba(248,113,113,.8)}
.dp-hero-b{flex:1;min-width:200px}
.dp-hero-b h2{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:1.5rem;color:#fff;letter-spacing:-.5px}
.dp-hero-b p{color:var(--mid);font-size:.9rem;margin-top:4px}
.dp-hero-b .dp-until{display:inline-flex;align-items:center;gap:7px;margin-top:10px;font-size:.8rem;font-weight:700;color:var(--gold);background:rgba(245,158,11,.14);border:1px solid rgba(245,158,11,.3);padding:5px 12px;border-radius:50px}
/* gros switch */
.dp-big{position:relative;width:128px;height:60px;border-radius:50px;cursor:pointer;flex-shrink:0;border:1px solid var(--line2);background:rgba(8,16,40,.5);transition:.3s var(--ease)}
.dp-big .dp-big-k{position:absolute;top:5px;left:5px;width:48px;height:48px;border-radius:50%;background:#fff;transition:.32s var(--ease);box-shadow:0 6px 16px rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;font-size:1.3rem}
.dp-hero.on .dp-big{background:linear-gradient(120deg,#22c55e,#16a34a);border-color:transparent}
.dp-hero.on .dp-big .dp-big-k{transform:translateX(68px)}
.dp-hero.off .dp-big .dp-big-k{transform:translateX(0)}
body.theme-light .dp-hero-b h2{color:#0d1f5c}

/* reasons + durée */
.dp-block{margin-bottom:18px}
.dp-reasons{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.dp-reason{display:flex;align-items:center;gap:9px;padding:12px 13px;border-radius:13px;border:1px solid var(--line2);background:var(--glass);cursor:pointer;transition:.18s;font-size:.84rem;font-weight:600;color:var(--mid)}
.dp-reason:hover{color:#fff;border-color:rgba(96,165,250,.4)}
.dp-reason .dp-r-e{font-size:1.2rem}
.dp-reason.on{color:#fff;border-color:transparent;box-shadow:0 0 0 2px var(--red);background:rgba(248,113,113,.1)}
.dp-dur{display:flex;flex-wrap:wrap;gap:9px}
.dp-dur-opt{padding:9px 15px;border-radius:50px;font-size:.82rem;font-weight:600;color:var(--mid);background:var(--glass);border:1px solid var(--line2);cursor:pointer;transition:.18s}
.dp-dur-opt:hover{color:#fff;border-color:rgba(96,165,250,.4)}
.dp-dur-opt.on{color:#fff;background:rgba(37,99,235,.2);border-color:var(--blue-l)}
.dp-dur-in{display:flex;gap:10px;flex-wrap:wrap;margin-top:11px}
.dp-dur-in input{padding:10px 13px;border-radius:11px;background:rgba(8,16,40,.6);border:1px solid var(--line2);color:var(--txt);font-size:.86rem}

/* rappel quotidien */
.dp-reminder{display:flex;align-items:center;gap:15px;flex-wrap:wrap;padding:17px 19px;border-radius:16px;background:linear-gradient(125deg,rgba(37,99,235,.14),rgba(168,130,255,.08));border:1px solid var(--line2);margin-bottom:20px}
.dp-reminder .dp-rem-ic{width:46px;height:46px;border-radius:13px;background:rgba(37,99,235,.2);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.3rem}
.dp-reminder .dp-rem-b{flex:1;min-width:200px}
.dp-reminder .dp-rem-b h4{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:1rem;color:#fff}
.dp-reminder .dp-rem-b p{font-size:.84rem;color:var(--mid);margin-top:2px}
.dp-reminder .dp-rem-acts{display:flex;gap:9px;flex-wrap:wrap}
.dp-rb{display:inline-flex;align-items:center;gap:7px;padding:10px 16px;border-radius:50px;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:.82rem;transition:transform .2s;white-space:nowrap}
.dp-rb.yes{background:linear-gradient(160deg,#22c55e,#16a34a);color:#fff}
.dp-rb.no{background:var(--glass);border:1px solid var(--line2);color:var(--mid)}
.dp-rb:hover{transform:translateY(-2px)}
body.theme-light .dp-reminder .dp-rem-b h4{color:#0d1f5c}

/* reliability score */
.dp-rel{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.dp-rel-ring{--p:95;width:128px;height:128px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;
  background:conic-gradient(var(--green) calc(var(--p)*1%),rgba(255,255,255,.08) 0);position:relative}
.dp-rel-ring::after{content:'';position:absolute;inset:10px;border-radius:50%;background:var(--panel,#0c1736)}
.dp-rel-ring .dp-rel-n{position:relative;z-index:1;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:1.8rem;color:#fff}
body.theme-light .dp-rel-ring::after{background:#fff}
body.theme-light .dp-rel-ring .dp-rel-n{color:#0d1f5c}
.dp-rel-b{flex:1;min-width:220px}
.dp-rel-b .dp-rel-tag{display:inline-flex;align-items:center;gap:7px;font-size:.8rem;font-weight:700;color:var(--gold);background:linear-gradient(120deg,rgba(245,158,11,.2),rgba(251,191,36,.08));border:1px solid rgba(245,158,11,.4);padding:6px 13px;border-radius:50px;margin-bottom:10px}
.dp-crit{display:flex;flex-direction:column;gap:9px}
.dp-crit-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.84rem}
.dp-crit-row .dpc-l{color:var(--mid)}
.dp-crit-row .dpc-bar{flex:1;max-width:160px}

/* taux ring mini */
.dp-rates{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}
.dp-rate{text-align:center;padding:18px;border-radius:16px;border:1px solid var(--line2);background:var(--glass)}
.dp-rate .dp-rate-v{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:1.9rem;color:#4ade80}
.dp-rate .dp-rate-l{font-size:.78rem;color:var(--mid);margin-top:4px}
.dp-rate .bar{margin-top:11px}
body.theme-light .dp-rate{background:#fff}