/* DateRoue — le sélecteur de date unique de la gestion (js/components/date-roue.js, 16/10/2026).
   Style de la Caisse gardé partout : bouton « 📅 date ⌄ » en filet, fenêtre à molettes jour / mois / année. */
.dr-cache{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;border:0!important;pointer-events:none!important;overflow:hidden!important}
.dr-bouton{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:7px 12px 7px 11px;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);font-family:inherit;font-size:13.5px;font-weight:600;line-height:1.2;cursor:pointer;white-space:nowrap;max-width:100%;transition:border-color .15s ease,background-color .15s ease;-webkit-tap-highlight-color:transparent}
.dr-bouton:hover:not(:disabled){border-color:var(--text-muted);background:var(--bg-tertiary)}
.dr-bouton:focus-visible{outline:2px solid var(--text-primary);outline-offset:2px}
.dr-bouton:disabled{opacity:.55;cursor:default}
.dr-bouton iconify-icon{font-size:17px;color:var(--text-secondary);flex-shrink:0}
.dr-bouton .dr-chevron{font-size:13px}
.dr-bouton.dr-vide .dr-texte{color:var(--text-muted);font-weight:500}
.dr-bouton .dr-texte{overflow:hidden;text-overflow:ellipsis}
.dr-overlay{position:fixed;inset:0;background:rgba(17,24,39,.4);z-index:1200;display:flex;align-items:center;justify-content:center;padding:16px}
.dr-pop{background:var(--bg-secondary);border-radius:24px;box-shadow:0 30px 80px rgba(17,24,39,.3);padding:20px;width:min(94vw,420px)}
.dr-head{font-size:15px;font-weight:800;color:var(--text-primary);text-align:center;margin-bottom:14px}
.dr-wheels{display:flex;gap:10px}
.dr-col{position:relative;height:200px;flex:1;overflow:hidden;border-radius:14px;background:var(--bg-tertiary)}
.dr-col.dr-day{flex:0 0 66px}.dr-col.dr-year{flex:0 0 92px}
.dr-band{position:absolute;left:6px;right:6px;top:80px;height:40px;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-secondary);pointer-events:none;z-index:0}
.dr-scroll{position:relative;z-index:1;height:100%;overflow-y:auto;scroll-snap-type:y mandatory;padding:80px 0;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}
.dr-scroll::-webkit-scrollbar{display:none}
.dr-item{height:40px;display:flex;align-items:center;justify-content:center;scroll-snap-align:center;font-size:16px;font-weight:600;color:var(--text-muted);cursor:pointer;transition:color .15s;white-space:nowrap}
.dr-item.sel{color:var(--text-primary);font-weight:800}
.dr-fade-t,.dr-fade-b{position:absolute;left:0;right:0;height:78px;pointer-events:none;z-index:2}
.dr-fade-t{top:0;background:linear-gradient(to bottom,var(--bg-tertiary),transparent)}
.dr-fade-b{bottom:0;background:linear-gradient(to top,var(--bg-tertiary),transparent)}
.dr-actions{display:flex;gap:8px;margin-top:16px}
.dr-btn{flex:1;height:44px;border-radius:14px;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;border:none;transition:.15s}
.dr-ghost{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color)}
.dr-today{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}
.dr-ok{background:var(--text-primary);color:var(--bg-secondary)}
@media(max-width:480px){.dr-pop{padding:16px}.dr-col.dr-day{flex:0 0 58px}.dr-col.dr-year{flex:0 0 80px}}