/* 82-urgent — 21/10/2026 (user) : « une case à cocher ou non pour dire si c'est une
   urgence, juste ça ». La case dans la demande du conducteur, et une pastille rouge
   « Urgent » partout où le responsable voit la demande. */
.dmd-urgent{display:flex;align-items:center;gap:12px;margin:14px 0 4px;padding:12px 14px;border-radius:14px;
  background:var(--s1);box-shadow:inset 0 0 0 1px var(--brd2,var(--brd));cursor:pointer;-webkit-user-select:none;user-select:none}
.dmd-urgent input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.dmd-urgent i{flex:none;width:24px;height:24px;border-radius:7px;box-shadow:inset 0 0 0 2px var(--brd2,#c7c7cc);display:grid;place-items:center;transition:background .15s,box-shadow .15s}
.dmd-urgent.on i{background:#dc2626;box-shadow:none}
.dmd-urgent.on i::after{content:'';width:6px;height:11px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:translateY(-1px) rotate(45deg)}
.dmd-urgent span{display:flex;flex-direction:column;gap:1px;min-width:0}
.dmd-urgent b{font:700 15px 'Outfit',sans-serif;color:var(--tx)}
.dmd-urgent small{font:500 12.5px 'Outfit',sans-serif;color:var(--mu)}
.dmd-urgent.on{box-shadow:inset 0 0 0 1.5px #dc2626;background:color-mix(in srgb,#dc2626 6%,var(--s1))}
.dmd-urgent.on b{color:#dc2626}
.dmd-urgent input:focus-visible + i{outline:2px solid var(--or);outline-offset:2px}
.stk-urgent{display:inline-flex;align-items:center;vertical-align:middle;margin-left:6px;padding:2px 8px;border-radius:99px;
  background:#dc2626;color:#fff !important;font:800 11px/1.3 'Outfit',sans-serif;letter-spacing:.02em;white-space:nowrap}