/* ShopZi Driver Premium UI — visual layer only. No business logic. */
:root{
  --zi-ink:#171717; --zi-muted:#6f7378; --zi-orange:#ff6a00; --zi-cream:#fff3e8;
  --zi-line:#e8e8e8; --zi-shadow:0 8px 18px rgba(17,17,17,.10),0 2px 4px rgba(17,17,17,.08);
  --zi-shadow-press:0 3px 8px rgba(17,17,17,.12); --zi-radius:14px;
}
html{-webkit-text-size-adjust:100%}
body{color:var(--zi-ink);text-rendering:optimizeLegibility}
button,input,select,textarea{font-family:inherit}
/* Touch controls: consistent premium depth, while leaving map/vendor controls alone. */
button:not(.mapboxgl-ctrl button):not([class*="leaflet"]),
.btn,.button,.action-btn,.primary-btn,.secondary-btn,.confirm-btn,.continue-btn,.scan-btn,.save-btn{
  min-height:44px;border-radius:var(--zi-radius);font-weight:800;font-size:max(14px,1em);
  box-shadow:var(--zi-shadow);transition:transform .14s ease,box-shadow .14s ease,filter .14s ease;
}
button:not(.mapboxgl-ctrl button):not([class*="leaflet"]):active,
.btn:active,.button:active,.action-btn:active,.primary-btn:active,.secondary-btn:active,.confirm-btn:active,.continue-btn:active,.scan-btn:active,.save-btn:active{
  transform:translateY(2px);box-shadow:var(--zi-shadow-press);
}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(255,106,0,.28);outline-offset:2px}
/* Destructive/reject actions: larger touch target, premium rather than flat red. */
[class*="reject"],[class*="decline"],[class*="cancel-delivery"],[class*="danger"]{
  min-height:50px!important;padding:12px 18px!important;border-radius:15px!important;font-size:16px!important;font-weight:900!important;
  box-shadow:0 8px 18px rgba(150,25,25,.14),0 2px 4px rgba(17,17,17,.08)!important;
}
/* Profile account pencil: neutral premium icon, not orange. */
.phone-edit-btn{background:var(--zi-cream)!important;border-color:#eadfd4!important;box-shadow:0 4px 10px rgba(17,17,17,.07)!important}
.phone-edit-btn::before{background:var(--zi-ink)!important}
.phone-edit-btn::after{border-left-color:var(--zi-ink)!important}
/* Readability baseline for helper/meta text commonly used throughout Driver. */
small,.small,.muted,.hint,.helper,.caption,.meta,.subtext,.subtitle,.status-text{font-size:16px}
@media(max-width:600px){button,.btn,.button,.action-btn{min-height:46px}}