
/* ND152 — Central de Entregas, PWA do entregador e atualização ao vivo */
.delivery-page{display:grid;gap:1rem}
.delivery-hero{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.45rem;border-radius:22px;background:linear-gradient(135deg,#1861f1,#0ac0fe);color:#fff;box-shadow:0 18px 42px rgba(24,97,241,.2)}
.delivery-hero h1{margin:.2rem 0 .45rem;font-size:clamp(1.8rem,4vw,2.7rem)}
.delivery-hero p{margin:0;max-width:760px;color:rgba(255,255,255,.9)}
.delivery-live{display:grid;grid-template-columns:auto auto;align-items:center;gap:.25rem .5rem;padding:.8rem 1rem;border:1px solid rgba(255,255,255,.25);border-radius:16px;background:rgba(255,255,255,.13);white-space:nowrap}
.delivery-live i{width:.65rem;height:.65rem;border-radius:50%;background:#6fffc2;box-shadow:0 0 0 .35rem rgba(111,255,194,.16)}
.delivery-live strong{grid-column:2;font-size:1.15rem}.delivery-live span{font-size:.76rem}
.delivery-tabs{display:flex;gap:.5rem;overflow:auto;padding:.2rem}
.delivery-tabs a{display:inline-flex;align-items:center;gap:.45rem;padding:.72rem .9rem;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);font-weight:800;text-decoration:none;white-space:nowrap}
.delivery-tabs a.active{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 11%,var(--surface));color:var(--primary)}
.delivery-tabs a span{display:inline-grid;place-items:center;min-width:1.4rem;height:1.4rem;border-radius:999px;background:var(--surface-soft);font-size:.72rem}
.delivery-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}
.delivery-metrics article{display:grid;gap:.3rem;padding:1rem;border:1px solid var(--border);border-radius:16px;background:var(--surface)}
.delivery-metrics span,.delivery-metrics small{color:var(--muted)}.delivery-metrics strong{font-size:1.45rem;color:var(--text)}
.delivery-board,.delivery-driver-list,.driver-job-list{display:grid;gap:.9rem}
.delivery-job-card,.delivery-empty,.driver-empty,.driver-job{border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:0 10px 28px rgba(23,43,77,.06)}
.delivery-job-card{padding:1rem}.delivery-job-card>header,.driver-job>header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}
.delivery-job-card header span,.delivery-job-card header small,.delivery-job-grid span,.delivery-job-grid small,.delivery-job-route span{color:var(--muted);font-size:.78rem}
.delivery-job-card h2,.driver-job h2{margin:.18rem 0;font-size:1.15rem}.delivery-job-card header b,.driver-job header b{padding:.4rem .65rem;border-radius:999px;background:color-mix(in srgb,var(--primary) 9%,var(--surface-soft));color:var(--primary);font-size:.75rem}
.delivery-job-route{display:grid;grid-template-columns:1fr auto 1fr;gap:.8rem;align-items:center;margin:.9rem 0;padding:.85rem;border-radius:14px;background:var(--surface-soft)}
.delivery-job-route div{display:grid;gap:.25rem}.delivery-job-route i{font-style:normal;color:var(--primary);font-size:1.3rem}
.delivery-job-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}.delivery-job-grid>div{display:grid;gap:.2rem;padding:.75rem;border:1px solid var(--border);border-radius:12px}
.delivery-job-actions{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.7rem;margin-top:.9rem}.delivery-job-actions form{display:flex;align-items:end;gap:.5rem}.delivery-job-actions label{display:grid;gap:.25rem;min-width:220px}
.delivery-empty,.driver-empty{padding:2rem;text-align:center}.delivery-empty p,.driver-empty p{margin:.35rem 0 0;color:var(--muted)}
.delivery-driver-list>article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.8rem;padding:.85rem;border:1px solid var(--border);border-radius:14px;background:var(--surface-soft)}
.delivery-driver-list>article>div{display:grid;gap:.18rem}.delivery-driver-list span,.delivery-driver-list small{color:var(--muted)}.delivery-driver-list form{display:flex;gap:.4rem}
.delivery-form-card{max-width:1050px}.delivery-guidance{align-self:start}
.driver-pwa-body{min-height:100vh;padding-bottom:5.2rem;background:linear-gradient(180deg,#eef6ff 0,#f8fbff 30%,#f4f7fb 100%);color:#12233d}
.driver-pwa-header{position:sticky;top:0;z-index:30;display:flex;justify-content:space-between;align-items:center;padding:max(.7rem,env(safe-area-inset-top)) 1rem .7rem;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid #dce7f4}
.driver-pwa-brand{display:flex;align-items:center;gap:.65rem;text-decoration:none;color:#12233d}.driver-pwa-brand>span{display:grid;place-items:center;width:2.3rem;height:2.3rem;border-radius:.8rem;background:linear-gradient(135deg,#1861f1,#0ac0fe);color:#fff;font-weight:900}.driver-pwa-brand div{display:grid}.driver-pwa-brand small{color:#64748b}
.driver-pwa-logout{border:1px solid #d7e2ef;border-radius:10px;padding:.55rem .75rem;background:#fff;color:#334155;font-weight:800}
.driver-pwa-toast{margin:.8rem 1rem;padding:.85rem 1rem;border-radius:12px;background:#e7f9f0;color:#146c46;font-weight:750}.driver-pwa-toast.is-error{background:#fff0f0;color:#a32323}
.driver-app{display:grid;gap:1rem;max-width:900px;margin:0 auto;padding:1rem}
.driver-app-hero{display:flex;justify-content:space-between;gap:1rem;padding:1.2rem;border-radius:20px;background:linear-gradient(135deg,#1861f1,#0ac0fe);color:#fff}.driver-app-hero span,.driver-app-hero p{color:rgba(255,255,255,.88)}.driver-app-hero h1{margin:.2rem 0}.driver-app-refresh{display:grid;place-items:center;align-content:center;min-width:92px;border:1px solid rgba(255,255,255,.25);border-radius:16px;background:rgba(255,255,255,.12)}.driver-app-refresh strong{font-size:1.35rem}.driver-app-refresh span{font-size:.7rem}
.driver-app-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.driver-app-summary article{display:grid;gap:.2rem;padding:.85rem;border:1px solid #dce7f4;border-radius:14px;background:#fff}.driver-app-summary span,.driver-app-summary small{color:#64748b;font-size:.78rem}
.driver-job{padding:1rem}.driver-job-customer,.driver-job-address,.driver-job-payment{display:grid;gap:.28rem;margin-top:.75rem;padding:.8rem;border-radius:13px;background:#f5f9fe}.driver-job span,.driver-job small{color:#64748b}.driver-job a{width:max-content}
.driver-job-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:.55rem;margin-top:.8rem}.driver-job-actions form,.driver-job-actions button{width:100%}
.driver-pwa-bottom{position:fixed;left:50%;bottom:max(.7rem,env(safe-area-inset-bottom));z-index:35;display:grid;grid-template-columns:1fr 1fr;width:min(92%,440px);transform:translateX(-50%);padding:.35rem;border:1px solid #dce7f4;border-radius:16px;background:rgba(255,255,255,.95);box-shadow:0 15px 40px rgba(27,55,90,.18);backdrop-filter:blur(16px)}
.driver-pwa-bottom a{display:grid;place-items:center;padding:.7rem;border-radius:12px;color:#64748b;text-decoration:none;font-weight:800}.driver-pwa-bottom a.active{background:#e9f2ff;color:#1861f1}
.delivery-public-shell{position:relative}.commerce-tracking-refresh strong{color:var(--primary)}
@media(max-width:820px){.delivery-hero{align-items:flex-start;flex-direction:column}.delivery-metrics,.delivery-job-grid{grid-template-columns:1fr}.delivery-job-actions{display:grid}.delivery-job-actions form{display:grid}.delivery-job-actions label{min-width:0}.delivery-driver-list>article{grid-template-columns:1fr}.delivery-driver-list form{flex-wrap:wrap}}
@media(max-width:600px){.driver-app-summary{grid-template-columns:1fr 1fr}.driver-app-summary article:first-child{grid-column:1/-1}.driver-app-hero{align-items:flex-start}.delivery-job-route{grid-template-columns:1fr}.delivery-job-route i{transform:rotate(90deg);justify-self:center}}
