/* Styles for partials/contact-driver.blade.php. These used to live in tracking.css, which only
   layout-based pages load — the homepage active-order card is rendered by a standalone document
   and got the markup with none of the styling. Kept self-contained (no inherited .btn sizing, and
   colour variables carry literal fallbacks) so the partial looks the same wherever it is included.
   Loaded from layouts/app.blade.php and, because it is standalone, from home.blade.php. */
.tracking-driver { display:flex; flex-direction:column; align-items:flex-start; gap:7px; }
.contact-driver { display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:14px 18px; border:0; border-radius:12px; background:var(--purple,#5b2cff); color:#fff; font:inherit; font-size:16px; font-weight:700; line-height:1.2; cursor:pointer; transition:background .2s,color .2s; }
.contact-driver:hover { background:#4820db; color:#fff; }
.contact-driver:active { transform:translateY(1px); }
.contact-driver:focus-visible { outline:2px solid var(--lime,#d7f35f); outline-offset:2px; }
.contact-driver-icon { width:19px; height:19px; flex:none; fill:currentColor; }
.contact-driver-note { color:var(--success,#16834a); font-size:12px; font-weight:800; line-height:1.45; text-align:center; }
.contact-driver-note:empty { display:none; }