/* PWA-D03 native driver visual system */
.pwad-screen{--d-ink:#172b3a;--d-muted:#72818d;--d-blue:#1457a6;--d-blue2:#0d3f7c;--d-green:#0b8a74;--d-line:#e1e8ed;--d-bg:#f4f7f9;position:relative;background:var(--d-bg)!important;color:var(--d-ink);overflow:hidden}
.pwad-screen .app-scroll{background:var(--d-bg)!important;padding:0 14px calc(96px + env(safe-area-inset-bottom))!important;scrollbar-width:none}
.pwad-screen .app-scroll::-webkit-scrollbar{display:none}
.pwad-screen :is(button,a,input,select,textarea){-webkit-tap-highlight-color:transparent}
.pwad-screen svg{fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}
.pwad-screen .app-header{position:sticky!important;top:0;z-index:70;min-height:58px;display:grid!important;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:8px;margin:0 -14px 12px!important;padding:7px 12px!important;background:rgba(255,255,255,.94)!important;border:0!important;border-bottom:1px solid rgba(212,223,229,.86)!important;box-shadow:none!important;backdrop-filter:blur(14px)}
.pwad-screen .app-back{width:40px;height:40px;display:grid!important;place-items:center;border-radius:50%!important;background:#eef3f6!important;color:#28475a!important;font-size:0!important;text-decoration:none!important;border:0!important}
.pwad-screen .app-back:before{content:"";width:20px;height:20px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M19 12H5m6-6-6 6 6 6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M19 12H5m6-6-6 6 6 6'/%3E%3C/svg%3E") center/contain no-repeat}
.pwad-screen .app-brand{min-width:0;display:flex!important;align-items:center;gap:8px!important;color:#19384b!important;font-size:12px!important;font-weight:850!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pwad-screen .app-brand-mark{width:32px;height:32px;display:grid!important;place-items:center;border-radius:11px;background:#eaf2ff;color:var(--d-blue);font-size:0!important;flex:none}
.pwad-screen .app-brand-mark:before{content:"";width:18px;height:18px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='M5 16h10.5l2.5-4h2a1 1 0 0 1 1 1v3h-2M7 19a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm10 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4ZM8 16V9h4.5l3 7M8 11H5.5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='M5 16h10.5l2.5-4h2a1 1 0 0 1 1 1v3h-2M7 19a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm10 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4ZM8 16V9h4.5l3 7M8 11H5.5'/%3E%3C/svg%3E") center/contain no-repeat}
.pwad-screen .app-brand small{display:block!important;color:#80909a!important;font-size:8px!important;font-weight:900!important;letter-spacing:.09em!important}
.pwad-screen .role-logout{min-height:38px!important;padding:0 11px!important;border:0!important;border-radius:12px!important;background:#eef3f6!important;color:#345266!important;font-size:9px!important;font-weight:900!important}

/* Bottom navigation */
.pwad-screen :is(.dh-nav,.de-nav,.dn-nav,.dr-nav,.pwad-nav){position:fixed!important;z-index:100;left:50%!important;bottom:0!important;transform:translateX(-50%)!important;width:min(100%,560px)!important;height:auto!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;padding:7px 8px calc(7px + env(safe-area-inset-bottom))!important;background:rgba(255,255,255,.97)!important;border:0!important;border-top:1px solid #dfe7eb!important;box-shadow:0 -8px 28px rgba(24,49,65,.08)!important;backdrop-filter:blur(16px);box-sizing:border-box!important}
.pwad-screen :is(.dh-nav,.de-nav,.dn-nav,.dr-nav,.pwad-nav) a{min-width:0;min-height:52px;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-align:center;text-decoration:none;color:#7d8b95!important;font-size:9px!important;font-weight:800!important;line-height:1!important;border-radius:14px}
.pwad-screen :is(.dh-nav,.de-nav,.dn-nav,.dr-nav,.pwad-nav) a span{width:30px;height:30px;display:grid!important;place-items:center;border-radius:11px;background:transparent;font-size:0!important;color:currentColor}
.pwad-screen :is(.dh-nav,.de-nav,.dn-nav,.dr-nav,.pwad-nav) a span:before{content:"";width:19px;height:19px;background:currentColor;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-position:center;mask-repeat:no-repeat;mask-size:contain}
.pwad-screen :is(.dh-nav,.de-nav,.dn-nav,.dr-nav,.pwad-nav) a:nth-child(1) span:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3.5 10.5 12 3.8l8.5 6.7v9a1 1 0 0 1-1 1h-5v-6h-5v6h-5a1 1 0 0 1-1-1z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3.5 10.5 12 3.8l8.5 6.7v9a1 1 0 0 1-1 1h-5v-6h-5v6h-5a1 1 0 0 1-1-1z'/%3E%3C/svg%3E")}
.pwad-screen :is(.dh-nav,.de-nav,.dn-nav,.dr-nav,.pwad-nav) a:nth-child(2) span:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 6a4 4 0 1 1 0 8 4 4 0 0 1 0-8Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 6a4 4 0 1 1 0 8 4 4 0 0 1 0-8Z'/%3E%3C/svg%3E")}
.pwad-screen :is(.dh-nav,.de-nav,.dn-nav,.dr-nav,.pwad-nav) a:nth-child(3) span:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2.8A6.2 6.2 0 0 0 5.8 9v3.2c0 1.9-.8 3-2.1 4.3-.5.5-.1 1.4.6 1.4h15.4c.7 0 1.1-.9.6-1.4-1.3-1.3-2.1-2.4-2.1-4.3V9A6.2 6.2 0 0 0 12 2.8Zm-2 17.1h4a2.2 2.2 0 0 1-4 0Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2.8A6.2 6.2 0 0 0 5.8 9v3.2c0 1.9-.8 3-2.1 4.3-.5.5-.1 1.4.6 1.4h15.4c.7 0 1.1-.9.6-1.4-1.3-1.3-2.1-2.4-2.1-4.3V9A6.2 6.2 0 0 0 12 2.8Zm-2 17.1h4a2.2 2.2 0 0 1-4 0Z'/%3E%3C/svg%3E")}
.pwad-screen :is(.dh-nav,.de-nav,.dn-nav,.dr-nav,.pwad-nav) a:nth-child(4) span:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle fill='black' cx='12' cy='8' r='4'/%3E%3Cpath fill='black' d='M4.8 20c.8-4 3.2-6 7.2-6s6.4 2 7.2 6Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle fill='black' cx='12' cy='8' r='4'/%3E%3Cpath fill='black' d='M4.8 20c.8-4 3.2-6 7.2-6s6.4 2 7.2 6Z'/%3E%3C/svg%3E")}
.pwad-screen :is(.dh-nav,.de-nav,.dn-nav,.dr-nav,.pwad-nav) a.on{color:var(--d-blue)!important;font-weight:900!important}
.pwad-screen :is(.dh-nav,.de-nav,.dn-nav,.dr-nav,.pwad-nav) a.on span{background:#e7f0ff!important;color:#1457a6!important}

/* Driver home */
.pwad-screen .dh{gap:12px!important;padding-top:0!important}
.pwad-screen .dh-hero{margin:0 -14px 2px!important;padding:18px 18px 22px!important;border-radius:0 0 28px 28px!important;background:linear-gradient(145deg,#0b315f,#155cab 68%,#1976c8)!important;color:#fff!important;box-shadow:0 14px 30px rgba(21,87,166,.18)!important;gap:14px!important}
.pwad-screen .dh-top{align-items:center!important}.pwad-screen .dh-top small{font-size:8px!important;font-weight:900!important;letter-spacing:.13em!important;opacity:.76}
.pwad-screen .dh-top h1{margin:4px 0 0!important;font-size:23px!important;line-height:1.1!important;letter-spacing:-.025em!important}
.pwad-screen .driver-hero-icon{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.16);flex:none}
.pwad-screen .driver-hero-icon svg{width:27px;height:27px}
.pwad-screen .dh-status{padding:10px 11px;border-radius:15px;background:rgba(255,255,255,.1);align-items:center!important}.pwad-screen .dh-status strong{font-size:12px}.pwad-screen .dh-status small{font-size:9px;opacity:.78}
.pwad-screen .dh-pill{background:rgba(255,255,255,.14)!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)!important;padding:6px 8px!important;font-size:8px!important}
.pwad-screen .dh-wallets{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
.pwad-screen .dh-wallet{min-width:0;padding:11px!important;border-radius:16px!important;background:rgba(255,255,255,.105)!important;border:1px solid rgba(255,255,255,.16)!important}
.pwad-screen .dh-wallet small{font-size:8px!important;line-height:1.35!important}.pwad-screen .dh-wallet strong{display:block;margin:3px 0;font-size:16px!important;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pwad-screen .dh-warn{margin:0!important;padding:12px 13px!important;border:1px solid #f2dfb2!important;border-radius:16px!important;background:#fff8e8!important;color:#76581c!important;font-size:10px!important;box-shadow:none!important}
.pwad-screen .dh-warn.dh-ok{background:#eaf8f4!important;border-color:#cee9e1!important;color:#1b675b!important}
.pwad-screen .dh-card{padding:14px!important;border:1px solid var(--d-line)!important;border-radius:20px!important;box-shadow:0 6px 18px rgba(20,48,66,.045)!important}
.pwad-screen .dh-card h2{font-size:16px!important;letter-spacing:-.015em}.pwad-screen .dh-card>p{font-size:10px!important;color:#6f7f8b!important;line-height:1.55!important}
.pwad-screen .dh-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
.pwad-screen .dh-link{min-height:94px!important;padding:12px!important;border:1px solid var(--d-line)!important;border-radius:18px!important;background:#fff!important;color:var(--d-ink)!important;box-shadow:0 5px 15px rgba(20,48,66,.035)!important;font-size:11px!important;display:grid!important;grid-template-columns:38px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:9px!important;align-items:center!important}
.pwad-screen .dh-link-icon{grid-row:1/3;width:38px;height:38px;border-radius:13px;background:#e9f2ff;color:#1457a6;display:grid;place-items:center}.pwad-screen .dh-link-icon svg{width:20px;height:20px}
.pwad-screen .dh-link>strong{font-size:11px;line-height:1.25}.pwad-screen .dh-link small{font-size:8px!important;line-height:1.35!important;color:#7d8c96!important;font-weight:600!important}
.pwad-screen .dh-card .dh-link{min-height:42px!important;grid-template-columns:1fr!important;display:inline-flex!important;padding:0 12px!important;background:#eaf2ff!important;color:#1457a6!important;box-shadow:none!important}
.pwad-screen .driver-section-title{display:flex;justify-content:space-between;align-items:center;gap:10px}.pwad-screen .driver-section-title h2{margin:0;font-size:16px}.pwad-screen .driver-section-title a{font-size:9px;font-weight:900;color:#1457a6;text-decoration:none}
.pwad-screen .driver-empty{padding:14px;border:1px dashed #cad7de;border-radius:17px;background:#fbfcfc;color:#73838d;font-size:10px;line-height:1.55;text-align:center}
.pwad-screen .driver-history-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 0;border-top:1px solid #edf1f3}.pwad-screen .driver-history-row:first-of-type{border-top:0}.pwad-screen .driver-history-row strong{font-size:10px}.pwad-screen .driver-history-row small{font-size:8px;color:#7c8b95}

/* Generic driver screen/cards */
.pwad-screen :is(.role-workspace,.de,.dn,.dr,.cs,.cd){color:var(--d-ink)}
.pwad-screen .role-workspace{padding:4px 0 0!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.pwad-screen .role-workspace>.eyebrow{display:block;margin:4px 2px 4px;color:#1457a6!important;font-size:8px!important;font-weight:950!important;letter-spacing:.12em!important}
.pwad-screen .role-workspace>h1{margin:0 2px 5px!important;font-size:24px!important;line-height:1.08!important;letter-spacing:-.025em!important}
.pwad-screen .role-workspace>p{margin:0 2px 12px!important;color:#71818c!important;font-size:10px!important;line-height:1.55!important}
.pwad-screen :is(.role-approval-card,.role-product-card,.role-upload-card,.role-section,.de-card,.dn-card,.dr-card,.cs-card,.cd-card){border:1px solid var(--d-line)!important;border-radius:20px!important;background:#fff!important;box-shadow:0 5px 16px rgba(20,48,66,.04)!important}
.pwad-screen :is(.role-approval-card,.role-product-card,.role-upload-card){padding:13px!important;margin:0 0 9px!important}
.pwad-screen .role-section{padding:13px!important;margin:10px 0!important}
.pwad-screen .role-section-heading{margin:0 0 10px!important}.pwad-screen .role-section-heading h2{font-size:15px!important;margin:0!important}
.pwad-screen :is(.role-approval-card,.role-product-card,.role-upload-card) strong{font-size:11px!important;line-height:1.35!important}.pwad-screen :is(.role-approval-card,.role-product-card,.role-upload-card) p{font-size:9px!important;line-height:1.5!important;color:#71818c!important}
.pwad-screen .registry-badge{font-size:8px!important;padding:5px 7px!important;border-radius:999px!important;background:#edf3f7!important;color:#5f7481!important}.pwad-screen .registry-badge.active{background:#e7f7f2!important;color:#0b806d!important}
.pwad-screen :is(.settings-success,.settings-error){border-radius:15px!important;padding:10px 12px!important;font-size:9px!important;line-height:1.5!important}
.pwad-screen .ojol-modal-trigger{min-height:44px!important;border-radius:14px!important;font-size:9px!important;font-weight:900!important}
.pwad-screen .ojol-modal-trigger:not(.is-secondary){background:linear-gradient(145deg,#1768bd,#104c91)!important;color:#fff!important;border:0!important}
.pwad-screen .ojol-modal-trigger.is-secondary{background:#eef3f6!important;color:#2f536a!important;border:1px solid #dde6ea!important}
.pwad-screen .driver-status-card{background:linear-gradient(145deg,#0f417e,#1764b4)!important;color:#fff!important;border:0!important}.pwad-screen .driver-status-card strong,.pwad-screen .driver-status-card p,.pwad-screen .driver-status-card small{color:#fff!important}.pwad-screen .driver-status-card p,.pwad-screen .driver-status-card small{opacity:.78}
.pwad-screen .driver-status-card .ojol-modal-trigger.is-secondary{background:rgba(255,255,255,.14)!important;color:#fff!important;border-color:rgba(255,255,255,.18)!important}
.pwad-screen .driver-pin-card{padding:12px!important;border-radius:16px!important;border:1px solid #dce8e5!important;background:#f5faf9!important;color:#254e4a!important;gap:8px!important}.pwad-screen .driver-pin-card p,.pwad-screen .driver-pin-card small{font-size:9px!important;line-height:1.5!important}
.pwad-screen .role-product-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important}.pwad-screen .role-product-actions form,.pwad-screen .role-product-actions .ojol-modal-trigger{width:100%!important}
.pwad-screen details{border-radius:16px!important}.pwad-screen summary{font-size:10px!important;font-weight:850!important}
.pwad-screen label{font-size:9px!important;font-weight:800!important;color:#526a78!important;line-height:1.45!important}
.pwad-screen :is(input[type=text],input[type=number],input[type=file],select,textarea){width:100%;box-sizing:border-box;border:1px solid #d7e1e6!important;border-radius:13px!important;background:#fbfcfd!important;color:#1b3646!important;font-size:11px!important;min-height:44px;padding:9px 10px!important;box-shadow:none!important}
.pwad-screen textarea{min-height:92px!important;resize:vertical}
.pwad-screen input[type=checkbox]{width:18px!important;height:18px!important;min-height:18px!important;min-width:18px!important;padding:0!important;accent-color:#1457a6}

/* Operations */
.pwad-screen .driver-ops-screen .role-approval-card:first-of-type{margin-top:12px!important}
.pwad-screen .driver-ops-screen [data-gps-status]{display:block;padding:9px 10px;border-radius:12px;background:rgba(255,255,255,.12);font-size:9px!important}
.pwad-screen .driver-ops-screen .role-product-card{padding:13px!important}.pwad-screen .driver-ops-screen .role-product-heading strong{font-size:12px!important}.pwad-screen .driver-ops-screen .role-product-card>p{margin:7px 0!important}
.pwad-screen .driver-proof-form{gap:8px!important}.pwad-screen .driver-proof-badges span{font-size:8px!important}

/* Earnings */
.pwad-screen .de{gap:10px!important;padding-top:0!important}.pwad-screen .de-hero{margin:0!important;padding:16px!important;border-radius:22px!important;background:linear-gradient(145deg,#0e3d76,#1768bd)!important;box-shadow:0 10px 24px rgba(20,87,166,.15)!important}.pwad-screen .de-hero>small{font-size:8px!important;font-weight:900!important;letter-spacing:.1em}.pwad-screen .de-balance{font-size:28px!important;letter-spacing:-.04em!important}.pwad-screen .de-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.pwad-screen .de-grid>div{padding:10px;border-radius:13px;background:rgba(255,255,255,.1)}.pwad-screen .de-grid small{font-size:8px}.pwad-screen .de-grid strong{display:block;margin-top:2px;font-size:10px}.pwad-screen .de-note{border:1px solid #f1dfb2!important;border-radius:16px!important;background:#fff8e8!important;color:#71541b!important;font-size:9px!important;line-height:1.5!important}.pwad-screen .de-card{padding:14px!important}.pwad-screen .de-card h2{font-size:15px!important}.pwad-screen .de-row{padding:10px 0!important;border-color:#edf1f3!important}.pwad-screen .de-row strong{font-size:10px!important}.pwad-screen .de-row small{font-size:8px!important}

/* Notifications */
.pwad-screen .dn{gap:10px!important}.pwad-screen .dn-card{padding:14px!important}.pwad-screen .dn-card h1{font-size:22px!important}.pwad-screen .dn-card h2{font-size:15px!important}.pwad-screen .dn-card>p{font-size:9px!important;line-height:1.55!important;color:#71818c!important}.pwad-screen .dn-pill{padding:5px 7px!important;font-size:8px!important;background:#eaf2ff!important;color:#1457a6!important}.pwad-screen .dn-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important}.pwad-screen .dn-actions button{min-height:43px!important;border-radius:13px!important;font-size:9px!important;background:#1457a6!important}.pwad-screen .dn-actions button.secondary{background:#eef3f6!important;color:#35566b!important;border-color:#dde6ea!important}.pwad-screen .dn-list{gap:8px!important}.pwad-screen .dn-item{padding:12px!important;border-color:#e2e9ed!important;border-radius:16px!important;color:#1b3849!important;background:#fbfcfd!important}.pwad-screen .dn-item h3{font-size:11px!important;margin:6px 0 4px!important}.pwad-screen .dn-item p{font-size:9px!important}.pwad-screen .dn-item small{font-size:8px!important}

/* Reviews */
.pwad-screen .dr{gap:10px!important}.pwad-screen .dr-card{padding:14px!important}.pwad-screen .dr-card h1{font-size:22px!important}.pwad-screen .dr-card>p{font-size:9px!important;line-height:1.55!important;color:#71818c!important}.pwad-screen .dr-review{padding:12px 0!important;border-color:#edf1f3!important}.pwad-screen .dr-review>strong{font-size:11px!important}.pwad-screen .dr-review>p{font-size:9px!important;line-height:1.55!important}.pwad-screen .dr-stars{font-size:11px!important}.pwad-screen .dr-pill{font-size:8px!important}.pwad-screen .dr-form textarea{border-radius:13px!important}.pwad-screen .dr-form button{min-height:43px!important;border-radius:13px!important;background:#1457a6!important;font-size:9px!important}

/* Support */
.pwad-screen :is(.cs,.cd){gap:10px!important}.pwad-screen :is(.cs-card,.cd-card){padding:14px!important}.pwad-screen :is(.cs-card,.cd-card) h1{font-size:21px!important;line-height:1.15!important}.pwad-screen :is(.cs-card,.cd-card) h2{font-size:15px!important}.pwad-screen :is(.cs-card,.cd-card)>p{font-size:9px!important;line-height:1.55!important;color:#71818c!important}.pwad-screen .cs-form{gap:8px!important}.pwad-screen .cs-form button,.pwad-screen .cd-form button{min-height:44px!important;border-radius:13px!important;background:#1457a6!important;font-size:9px!important}.pwad-screen .cs-ticket{padding:11px!important;border-color:#e2e9ed!important;border-radius:16px!important;background:#fbfcfd!important;color:#1c3b4d!important}.pwad-screen .cs-ticket small{font-size:8px!important}.pwad-screen .cs-ticket strong{font-size:10px!important}.pwad-screen .cd-msg{max-width:86%!important;padding:10px 11px!important;border-radius:16px!important;background:#edf2f6!important;font-size:9px!important}.pwad-screen .cd-msg.user{background:#e5effc!important}.pwad-screen .cd-msg small{font-size:7px!important}

/* Account / verification */
.pwad-screen .driver-account-screen .role-photo-list{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}.pwad-screen .driver-account-screen .role-upload-card{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:6px 10px!important;align-items:center!important}.pwad-screen .driver-account-screen .role-upload-card>.ojol-modal-trigger{grid-column:1/-1!important;width:100%!important}.pwad-screen .driver-account-screen .role-section{padding:13px!important}.pwad-screen .driver-account-screen .role-approval-card{padding:13px!important}

/* Driver deposit */
.pwad-screen .driver-deposit-screen.role-workspace{padding-top:2px!important}.pwad-screen .driver-deposit-screen .driver-balance{padding:16px!important;border-radius:22px!important;background:linear-gradient(145deg,#0f417e,#1768b5)!important;color:#fff!important;box-shadow:0 10px 24px rgba(20,87,166,.15)!important}.pwad-screen .driver-deposit-screen .driver-balance small{font-size:8px!important;letter-spacing:.1em!important;font-weight:900!important}.pwad-screen .driver-deposit-screen .driver-balance h2{margin:5px 0!important;font-size:28px!important}.pwad-screen .driver-deposit-screen .driver-balance p{margin:0!important;color:rgba(255,255,255,.75)!important;font-size:9px!important}.pwad-screen .driver-deposit-screen .deposit-card{padding:14px!important;border-radius:20px!important;border-color:var(--d-line)!important;box-shadow:0 5px 16px rgba(20,48,66,.04)!important}.pwad-screen .driver-deposit-screen .deposit-card h2{font-size:15px!important}.pwad-screen .driver-deposit-screen .deposit-card p{font-size:9px!important;line-height:1.55!important}.pwad-screen .driver-deposit-screen .deposit-preset{min-height:54px!important;border-radius:14px!important}.pwad-screen .driver-deposit-screen .deposit-preset b{font-size:10px!important}.pwad-screen .driver-deposit-screen .deposit-preset small{font-size:7px!important}

@media(max-width:360px){
 .pwad-screen .app-scroll{padding-left:12px!important;padding-right:12px!important}
 .pwad-screen .app-header{margin-left:-12px!important;margin-right:-12px!important}
 .pwad-screen .dh-hero{margin-left:-12px!important;margin-right:-12px!important}
 .pwad-screen .dh-wallet strong{font-size:14px!important}
 .pwad-screen .dh-link{grid-template-columns:34px minmax(0,1fr)!important;padding:10px!important}
 .pwad-screen .dh-link-icon{width:34px;height:34px;border-radius:12px}
}

/* role-workspace driver nav lives after </main> */
.pwad-driver-body .pwad-nav{position:fixed!important;z-index:100;left:50%!important;bottom:0!important;transform:translateX(-50%)!important;width:min(100%,560px)!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;padding:7px 8px calc(7px + env(safe-area-inset-bottom))!important;background:rgba(255,255,255,.97)!important;border:0!important;border-top:1px solid #dfe7eb!important;box-shadow:0 -8px 28px rgba(24,49,65,.08)!important;backdrop-filter:blur(16px);box-sizing:border-box!important}
.pwad-driver-body .pwad-nav a{min-height:52px;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;color:#7d8b95!important;font-size:9px!important;font-weight:800!important;line-height:1!important;border-radius:14px}
.pwad-driver-body .pwad-nav a span{width:30px;height:30px;display:grid!important;place-items:center;border-radius:11px;background:transparent;font-size:0!important;color:currentColor}
.pwad-driver-body .pwad-nav a span:before{content:"";width:19px;height:19px;background:currentColor;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-position:center;mask-repeat:no-repeat;mask-size:contain}
.pwad-driver-body .pwad-nav a:nth-child(1) span:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3.5 10.5 12 3.8l8.5 6.7v9a1 1 0 0 1-1 1h-5v-6h-5v6h-5a1 1 0 0 1-1-1z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3.5 10.5 12 3.8l8.5 6.7v9a1 1 0 0 1-1 1h-5v-6h-5v6h-5a1 1 0 0 1-1-1z'/%3E%3C/svg%3E")}
.pwad-driver-body .pwad-nav a:nth-child(2) span:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 6a4 4 0 1 1 0 8 4 4 0 0 1 0-8Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 6a4 4 0 1 1 0 8 4 4 0 0 1 0-8Z'/%3E%3C/svg%3E")}
.pwad-driver-body .pwad-nav a:nth-child(3) span:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2.8A6.2 6.2 0 0 0 5.8 9v3.2c0 1.9-.8 3-2.1 4.3-.5.5-.1 1.4.6 1.4h15.4c.7 0 1.1-.9.6-1.4-1.3-1.3-2.1-2.4-2.1-4.3V9A6.2 6.2 0 0 0 12 2.8Zm-2 17.1h4a2.2 2.2 0 0 1-4 0Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2.8A6.2 6.2 0 0 0 5.8 9v3.2c0 1.9-.8 3-2.1 4.3-.5.5-.1 1.4.6 1.4h15.4c.7 0 1.1-.9.6-1.4-1.3-1.3-2.1-2.4-2.1-4.3V9A6.2 6.2 0 0 0 12 2.8Zm-2 17.1h4a2.2 2.2 0 0 1-4 0Z'/%3E%3C/svg%3E")}
.pwad-driver-body .pwad-nav a:nth-child(4) span:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle fill='black' cx='12' cy='8' r='4'/%3E%3Cpath fill='black' d='M4.8 20c.8-4 3.2-6 7.2-6s6.4 2 7.2 6Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle fill='black' cx='12' cy='8' r='4'/%3E%3Cpath fill='black' d='M4.8 20c.8-4 3.2-6 7.2-6s6.4 2 7.2 6Z'/%3E%3C/svg%3E")}
.pwad-driver-body .pwad-nav a.on{color:#1457a6!important;font-weight:900!important}.pwad-driver-body .pwad-nav a.on span{background:#e7f0ff!important;color:#1457a6!important}

/* Driver auth + portal */
.pwad-screen.driver-auth-screen .app-scroll{padding-bottom:24px!important}
.pwad-screen .role-auth-panel{margin:8px 0 0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.pwad-screen .role-auth-panel>.eyebrow{margin:8px 2px 5px!important;color:#1457a6!important;font-size:8px!important;font-weight:950!important;letter-spacing:.12em!important}
.pwad-screen .role-auth-panel>h1{margin:0 2px 7px!important;font-size:26px!important;line-height:1.08!important;letter-spacing:-.03em!important;color:#172f40!important}
.pwad-screen .role-auth-panel>p{margin:0 2px 14px!important;font-size:10px!important;line-height:1.55!important;color:#74838e!important}
.pwad-screen .role-auth-form{display:grid!important;gap:8px!important;padding:15px!important;border:1px solid #e0e8ec!important;border-radius:22px!important;background:#fff!important;box-shadow:0 7px 20px rgba(20,48,66,.045)!important}
.pwad-screen .role-auth-form label{font-size:9px!important;font-weight:850!important;color:#526b79!important}
.pwad-screen .role-auth-form input{min-height:50px!important;border:1px solid #d8e2e7!important;border-radius:14px!important;background:#fbfcfd!important;padding:0 12px!important;font-size:12px!important}
.pwad-screen .role-auth-form button,.pwad-screen .otp-resend-button{min-height:48px!important;border:0!important;border-radius:14px!important;background:linear-gradient(145deg,#1768bd,#104c91)!important;color:#fff!important;font-size:10px!important;font-weight:900!important}
.pwad-screen .role-auth-note{margin-top:10px!important;padding:11px 12px!important;border:1px solid #dfe8ec!important;border-radius:15px!important;background:#f7fafb!important;color:#72828c!important;font-size:9px!important;line-height:1.55!important}
.pwad-screen .otp-panel .role-auth-form{padding:14px!important}
.pwad-screen .otp-six{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:6px!important}
.pwad-screen .otp-six .otp-digit{width:100%!important;min-width:0!important;height:50px!important;min-height:50px!important;padding:0!important;text-align:center!important;border-radius:13px!important;font-size:20px!important;font-weight:850!important}
.pwad-screen .otp-status,.pwad-screen .otp-resend-text{font-size:9px!important;color:#73838d!important;line-height:1.5!important}
.pwad-screen .otp-resend-form{display:grid!important;gap:7px!important;margin-top:9px!important;padding:12px!important;border:1px solid #e1e8ec!important;border-radius:17px!important;background:#fff!important}
.pwad-screen .otp-resend-button{background:#eef3f6!important;color:#2f536a!important;border:1px solid #dde6ea!important}
.driver-portal-screen .app-greeting{padding:10px 2px 4px!important}.driver-portal-screen .app-greeting small{font-size:8px!important;color:#1457a6!important;font-weight:950!important;letter-spacing:.12em!important}.driver-portal-screen .app-greeting h1{margin:4px 0!important;font-size:25px!important;line-height:1.08!important;letter-spacing:-.03em!important}.driver-portal-screen .app-greeting p{font-size:10px!important;color:#75858f!important}
.driver-portal-screen .driver-balance{margin-top:8px!important;padding:17px!important;border:0!important;border-radius:24px!important;background:linear-gradient(145deg,#0c376c,#1765b7)!important;color:#fff!important;box-shadow:0 12px 28px rgba(20,87,166,.18)!important}
.driver-portal-screen .driver-balance small{font-size:8px!important;font-weight:900!important;letter-spacing:.12em!important;opacity:.78}.driver-portal-screen .driver-balance h2{margin:6px 0!important;font-size:22px!important;line-height:1.15!important}.driver-portal-screen .driver-balance p{font-size:9px!important;line-height:1.55!important;color:rgba(255,255,255,.78)!important}.driver-portal-screen .status-pill{display:inline-flex!important;padding:6px 9px!important;border-radius:999px!important;background:rgba(255,255,255,.14)!important;color:#fff!important;font-size:8px!important;font-weight:900!important;border:1px solid rgba(255,255,255,.16)!important}
.driver-portal-screen .customer-signup-actions{display:grid!important;margin-top:11px!important}.driver-portal-screen .customer-signup-actions a{min-height:46px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:14px!important;background:#fff!important;color:#1457a6!important;text-decoration:none!important;font-size:10px!important;font-weight:900!important}
.driver-portal-screen .app-section{margin-top:12px!important;padding:14px!important;border:1px solid #e1e8ec!important;border-radius:20px!important;background:#fff!important;box-shadow:0 5px 16px rgba(20,48,66,.04)!important}.driver-portal-screen .app-section-head{margin-bottom:9px!important}.driver-portal-screen .app-section-head h2{font-size:15px!important}.driver-portal-screen .app-section-head span{font-size:8px!important;color:#7d8c96!important}
.driver-portal-screen .role-list{display:grid!important;gap:8px!important}.driver-portal-screen .role-list>div{display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;gap:10px!important;align-items:center!important;padding:10px!important;border:1px solid #e4eaee!important;border-radius:15px!important;background:#fbfcfd!important;font-size:9px!important;color:#526b78!important}.driver-portal-screen .driver-role-icon{width:38px;height:38px;border-radius:13px;background:#e8f2ff;color:#1457a6;display:grid;place-items:center}.driver-portal-screen .driver-role-icon svg{width:20px;height:20px}
.driver-portal-screen .preview-note{margin:12px 0!important;padding:10px 12px!important;border-radius:14px!important;background:#eef3f6!important;color:#70818b!important;font-size:8px!important;border:0!important}
.driver-portal-screen .bottom-nav{position:fixed!important;z-index:100;left:50%!important;bottom:0!important;transform:translateX(-50%)!important;width:min(100%,560px)!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;padding:7px 8px calc(7px + env(safe-area-inset-bottom))!important;background:rgba(255,255,255,.97)!important;border-top:1px solid #dfe7eb!important;box-shadow:0 -8px 28px rgba(24,49,65,.08)!important}.driver-portal-screen .bottom-nav>span{min-height:52px;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#7d8b95!important;font-size:0!important}.driver-portal-screen .bottom-nav>span:before{content:"";width:20px;height:20px;background:currentColor;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-position:center;mask-repeat:no-repeat;mask-size:contain}.driver-portal-screen .bottom-nav>span small{font-size:9px!important;font-weight:800!important}.driver-portal-screen .bottom-nav>span:nth-child(1):before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3.5 10.5 12 3.8l8.5 6.7v9a1 1 0 0 1-1 1h-5v-6h-5v6h-5a1 1 0 0 1-1-1z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3.5 10.5 12 3.8l8.5 6.7v9a1 1 0 0 1-1 1h-5v-6h-5v6h-5a1 1 0 0 1-1-1z'/%3E%3C/svg%3E")}.driver-portal-screen .bottom-nav>span:nth-child(2):before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect fill='black' x='5' y='4' width='14' height='16' rx='2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect fill='black' x='5' y='4' width='14' height='16' rx='2'/%3E%3C/svg%3E")}.driver-portal-screen .bottom-nav>span:nth-child(3):before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2.8A6.2 6.2 0 0 0 5.8 9v3.2c0 1.9-.8 3-2.1 4.3-.5.5-.1 1.4.6 1.4h15.4c.7 0 1.1-.9.6-1.4-1.3-1.3-2.1-2.4-2.1-4.3V9A6.2 6.2 0 0 0 12 2.8Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2.8A6.2 6.2 0 0 0 5.8 9v3.2c0 1.9-.8 3-2.1 4.3-.5.5-.1 1.4.6 1.4h15.4c.7 0 1.1-.9.6-1.4-1.3-1.3-2.1-2.4-2.1-4.3V9A6.2 6.2 0 0 0 12 2.8Z'/%3E%3C/svg%3E")}.driver-portal-screen .bottom-nav>span:nth-child(4):before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle fill='black' cx='12' cy='8' r='4'/%3E%3Cpath fill='black' d='M4.8 20c.8-4 3.2-6 7.2-6s6.4 2 7.2 6Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle fill='black' cx='12' cy='8' r='4'/%3E%3Cpath fill='black' d='M4.8 20c.8-4 3.2-6 7.2-6s6.4 2 7.2 6Z'/%3E%3C/svg%3E")}.driver-portal-screen .bottom-nav .nav-on{color:#1457a6!important}

.driver-portal-screen .app-header .avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:#eaf2ff;color:#1457a6;font-size:9px;font-weight:950;border:0}
.driver-portal-screen .app-scroll{padding-bottom:94px!important}

/* PWA-D04 owner polish: native header, compact screens, sheets */
.driver-home-sticky{position:fixed;z-index:95;left:50%;top:0;width:min(100%,560px);min-height:64px;box-sizing:border-box;display:grid;grid-template-columns:42px minmax(0,1fr) 40px;align-items:center;gap:9px;padding:8px 14px;background:rgba(255,255,255,.97);border-bottom:1px solid #e1e8ec;box-shadow:0 8px 22px rgba(17,45,63,.07);backdrop-filter:blur(16px);transform:translate(-50%,-110%);opacity:0;pointer-events:none;transition:.18s ease}
.driver-home-sticky.is-visible{transform:translate(-50%,0);opacity:1;pointer-events:auto}
.driver-home-sticky .mark{width:40px;height:40px;border-radius:14px;background:#e8f2ff;color:#1457a6;display:grid;place-items:center}.driver-home-sticky .mark svg{width:22px;height:22px}
.driver-home-sticky strong{display:block;font-size:13px;color:#193849}.driver-home-sticky small{display:block;font-size:8px;color:#7d8c96;font-weight:900;letter-spacing:.09em}
.driver-home-sticky .avatar{width:38px;height:38px;border-radius:50%;background:#e8f5f2;color:#087466;display:grid;place-items:center;font-size:13px;font-weight:950}
.pwad-screen .de,.pwad-screen .dn,.pwad-screen .dr,.pwad-screen .cs,.pwad-screen .cd{align-content:start!important;min-height:0!important;padding-top:0!important;margin-top:0!important}
.pwad-screen .de>:first-child,.pwad-screen .dn>:first-child,.pwad-screen .dr>:first-child,.pwad-screen .cs>:first-child,.pwad-screen .cd>:first-child{margin-top:0!important}
.pwad-screen .app-header{position:sticky!important;top:0!important;background:#fff!important}

/* operation cockpit */
.driver-ops-screen>.eyebrow,.driver-ops-screen>h1,.driver-ops-screen>p{display:none!important}
.driver-cockpit{display:grid;gap:10px;margin:2px 0 12px}
.driver-cockpit-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-radius:22px;background:linear-gradient(145deg,#0f417e,#1768bd);color:#fff;box-shadow:0 10px 24px rgba(20,87,166,.14)}
.driver-cockpit-top h1{margin:0;font-size:19px;line-height:1.1}.driver-cockpit-top p{margin:4px 0 0;font-size:9px;line-height:1.45;color:rgba(255,255,255,.78)}
.driver-live-dot{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.18)}.driver-live-dot:before{content:"";width:12px;height:12px;border-radius:50%;background:#9aa9b4}.driver-live-dot.is-online:before{background:#43e5b5;box-shadow:0 0 0 7px rgba(67,229,181,.13)}
.driver-control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.driver-control-card{padding:12px;border:1px solid #dfe7ec;border-radius:18px;background:#fff;box-shadow:0 5px 16px rgba(20,48,66,.04)}
.driver-control-card strong{display:block;font-size:11px}.driver-control-card small{display:block;margin-top:3px;font-size:8px;line-height:1.4;color:#778892}
.driver-switch-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.driver-switch{position:relative;flex:0 0 42px;width:42px;height:24px;border-radius:999px;background:#ccd7dc;border:0;padding:0}.driver-switch:after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(21,44,57,.2);transition:.16s}.driver-switch.is-on{background:#0b8a74}.driver-switch.is-on:after{transform:translateX(18px)}
.driver-gps-strip{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:9px;align-items:center;padding:10px 11px;border-radius:16px;background:#eef4f8;color:#335469}.driver-gps-strip .icon{width:34px;height:34px;border-radius:11px;background:#fff;color:#1457a6;display:grid;place-items:center}.driver-gps-strip svg{width:18px;height:18px}.driver-gps-strip strong{display:block;font-size:9px}.driver-gps-strip small{display:block;font-size:8px;color:#7d8b94}.driver-gps-strip button{min-height:36px!important;padding:0 10px!important}
.driver-eligibility-note{padding:10px 11px;border-radius:15px;background:#fff8e8;border:1px solid #f0dfb6;color:#76591f;font-size:9px;line-height:1.5}
.driver-ops-screen>.driver-status-card{display:none!important}
.driver-ops-screen .role-section{margin:9px 0!important}.driver-ops-screen .role-section-heading{display:flex!important;align-items:center;justify-content:space-between;gap:8px}.driver-ops-screen .role-section-heading h2{font-size:16px!important}.driver-ops-screen .role-section-heading a{min-height:36px!important;padding:0 10px!important;border-radius:11px!important;background:#eef3f6!important;color:#35566b!important;text-decoration:none!important;font-size:8px!important;font-weight:900!important}
.driver-ops-screen .role-product-card{border-radius:18px!important}.driver-ops-screen .role-product-heading{display:flex!important;align-items:center;justify-content:space-between;gap:8px}.driver-ops-screen .role-product-card>p{font-size:9px!important;line-height:1.55!important}
.driver-ops-screen .role-section>p{padding:13px;border:1px dashed #cad7de;border-radius:15px;background:#fbfcfd;color:#73838d;font-size:9px!important;text-align:center}

/* reusable driver sheets */
.driver-sheet-open{overflow:hidden!important}.driver-sheet-overlay[hidden]{display:none!important}.driver-sheet-overlay{position:fixed;inset:0;z-index:240;display:flex;align-items:flex-end;justify-content:center}.driver-sheet-backdrop{position:absolute;inset:0;background:rgba(7,27,38,.52);backdrop-filter:blur(2px)}
.driver-sheet{position:relative;width:min(100%,560px);max-height:min(82vh,720px);overflow:auto;background:#fff;border-radius:26px 26px 0 0;padding:10px 16px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -18px 42px rgba(10,34,47,.24)}
.driver-sheet-grab{width:44px;height:5px;border-radius:999px;background:#d5dde0;margin:0 auto 11px}.driver-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.driver-sheet-head h2{margin:0;font-size:18px}.driver-sheet-close{width:38px;height:38px;border:0;border-radius:50%;background:#eef3f5;color:#516873;font-size:22px}
.driver-sheet-options{display:grid;gap:8px}.driver-sheet-option{width:100%;min-height:58px;border:1px solid #e0e7ea;border-radius:16px;background:#fff;padding:10px 12px;display:grid;grid-template-columns:minmax(0,1fr) 22px;gap:10px;align-items:center;text-align:left;color:#183b4a}.driver-sheet-option strong{display:block;font-size:11px}.driver-sheet-option small{display:block;margin-top:2px;font-size:8px;color:#7d8d96}.driver-sheet-option .check{color:#0b8a74;font-weight:900;opacity:0}.driver-sheet-option.is-selected{border-color:#0b8a74;background:#f1faf7}.driver-sheet-option.is-selected .check{opacity:1}
.driver-picker{width:100%;min-height:50px;border:1px solid #d9e3e7;border-radius:14px;background:#fbfcfd;padding:8px 11px;display:grid;grid-template-columns:minmax(0,1fr) 18px;gap:8px;align-items:center;text-align:left}.driver-picker strong{font-size:10px;color:#1a3a49}.driver-picker small{display:block;font-size:8px;color:#81909a}.driver-picker .chev{font-size:18px;color:#91a0a7}
.driver-sheet-form{display:grid;gap:10px}.driver-sheet-form label{display:grid;gap:5px;font-size:9px;font-weight:850;color:#566e7a}.driver-sheet-form input,.driver-sheet-form textarea{min-height:48px;border:1px solid #d8e2e7;border-radius:14px;background:#fbfcfd;padding:0 12px;font-size:11px}.driver-sheet-form textarea{padding:10px 12px;min-height:90px}
.driver-sheet-form .locked-owner{padding:11px 12px;border-radius:14px;background:#edf5f3;color:#245f57;font-size:9px}.driver-sheet-form .locked-owner strong{display:block;font-size:11px}

/* deposit driver parity with customer */
.driver-deposit-screen .deposit-method-switch{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;margin:11px 0!important}.driver-deposit-screen .deposit-method-choice{min-height:86px!important;border-radius:17px!important;padding:10px!important}.driver-deposit-screen .deposit-method-panel[hidden]{display:none!important}.driver-deposit-screen .deposit-method-panel{margin-top:0!important}.driver-deposit-screen .deposit-method-panel .deposit-card{margin-top:0!important}
.driver-deposit-screen .deposit-bank-picker{display:grid!important}.driver-deposit-screen select[name=bank_id]{display:none!important}
.driver-deposit-screen .deposit-overlay{z-index:250!important}

/* earnings modern */
.driver-earnings-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:2px 2px 10px}.driver-earnings-head h1{margin:0;font-size:22px;letter-spacing:-.025em}.driver-earnings-head p{margin:4px 0 0;font-size:9px;color:#758691}
.driver-withdraw-btn{min-height:42px;border:0;border-radius:13px;background:#e9f2ff;color:#1457a6;padding:0 12px;font-size:9px;font-weight:900}
.pwad-screen .de-hero{margin-top:0!important}.pwad-screen .de-note{margin:0!important}.pwad-screen .de-card{min-height:0!important}.pwad-screen .de-card .ch-empty{padding:14px;border:1px dashed #ced9df;border-radius:14px;color:#7b8992;font-size:9px;text-align:center}.pwad-screen .de-row{align-items:center!important}.pwad-screen .de-row>div:first-child{min-width:0}.pwad-screen .de-row strong{font-size:11px!important}.pwad-screen .de-row small{font-size:8px!important}

/* notifications/reviews/account/support */
.pwad-screen .dn-card:first-of-type,.pwad-screen .dr-card:first-of-type{margin-top:0!important}.pwad-screen .dn-card{min-height:0!important}.pwad-screen .dn-card h2,.pwad-screen .dn-card h1{margin-bottom:6px!important}.pwad-screen .dn-actions{margin-top:10px!important}.pwad-screen .dn-item{display:grid!important;gap:4px!important}.pwad-screen .dn-list>.driver-empty{margin:0!important}
.pwad-screen .dr-card{min-height:0!important}.pwad-screen .dr-card:first-of-type{background:linear-gradient(145deg,#0f417e,#1768bd)!important;color:#fff!important;border:0!important}.pwad-screen .dr-card:first-of-type p{color:rgba(255,255,255,.78)!important}.pwad-screen .dr-stars{letter-spacing:.06em}
.driver-account-screen>.eyebrow{margin-top:2px!important}.driver-account-screen>h1{font-size:22px!important}.driver-account-screen .role-upload-card{min-height:0!important}.driver-account-screen .role-section{margin-bottom:9px!important}
.pwad-screen .cs-card{min-height:0!important}.pwad-screen .cs-card:first-of-type{background:linear-gradient(145deg,#0f417e,#1768bd)!important;color:#fff!important;border:0!important}.pwad-screen .cs-card:first-of-type p{color:rgba(255,255,255,.78)!important}.pwad-screen .cs-form select{display:none!important}.pwad-screen .cs-form .driver-picker{display:grid!important}.pwad-screen .cs-list{margin-top:4px!important}
@media(max-width:360px){.driver-control-grid{grid-template-columns:1fr}.driver-cockpit-top{padding:12px}.driver-home-sticky{padding-left:12px;padding-right:12px}.driver-deposit-screen .deposit-method-choice{min-height:80px!important}}

/* PWA-D04 account/deposit finishing */
.pwad-screen .driver-account-screen .role-photo-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;margin:10px 0}
.pwad-screen .driver-account-screen .role-upload-card{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:7px!important;min-height:118px!important;padding:12px!important}
.pwad-screen .driver-account-screen .role-upload-card>strong{font-size:11px!important}.pwad-screen .driver-account-screen .role-upload-card>.registry-badge{width:max-content!important}
.pwad-screen .driver-account-screen .role-upload-card>.ojol-modal-trigger{margin-top:auto!important}
.pwad-screen .driver-account-screen .driver-status-card{padding:14px!important;border-radius:20px!important}
.pwad-screen .driver-account-screen>p{font-size:9px!important;line-height:1.5!important;margin-bottom:10px!important}
.driver-deposit-screen .cj-native-btn{min-height:44px;border:0;border-radius:13px;background:#1765b5;color:#fff;font-size:9px;font-weight:900;padding:0 12px}
.driver-deposit-screen .cj-native-btn.secondary{background:#eef3f6;color:#34566b;border:1px solid #dde6ea}
.driver-deposit-screen .cj-notice{padding:10px 11px;border-radius:14px;background:#f3f8fa;color:#526d7b;font-size:9px;line-height:1.5;border:1px solid #e0e9ed}
.driver-deposit-screen .deposit-method-choice{display:grid!important;grid-template-columns:40px minmax(0,1fr)!important;gap:8px!important;align-items:center!important}
.driver-deposit-screen .deposit-method-choice .icon{width:40px!important;height:40px!important;border-radius:13px!important}
.driver-deposit-screen .deposit-method-choice strong{font-size:10px!important}.driver-deposit-screen .deposit-method-choice small{font-size:8px!important}
.driver-deposit-screen .deposit-card>h2{font-size:15px!important;margin:0 0 8px!important}.driver-deposit-screen .deposit-card>p{font-size:9px!important;line-height:1.55!important;margin:0 0 10px!important}
.driver-deposit-screen .deposit-form{display:grid!important;gap:9px!important}.driver-deposit-screen .deposit-form label{font-size:9px!important}.driver-deposit-screen .deposit-form input{min-height:46px!important}
.driver-deposit-screen .deposit-overlay .deposit-sheet{font-size:10px}.driver-deposit-screen .deposit-sheet h2{font-size:17px!important}
@media(max-width:360px){.pwad-screen .driver-account-screen .role-photo-list{grid-template-columns:1fr!important}.pwad-screen .driver-account-screen .role-upload-card{min-height:0!important}}

/* PWA-D04 home balance */
.pwad-screen .dh-grid .dh-link:last-child{grid-column:1/-1;min-height:74px!important}

/* PWA-D05 handset owner visual correction */
.pwad-screen .driver-cockpit-top,
.pwad-screen .driver-cockpit-top *{color:#fff!important}
.pwad-screen .driver-cockpit-top h1{font-size:20px!important;font-weight:900!important;letter-spacing:-.025em!important}
.pwad-screen .driver-cockpit-top p{color:rgba(255,255,255,.82)!important}
.pwad-screen .driver-live-dot{color:#fff!important}

/* Deposit hero must align with the content cards, never inherit legacy side margins */
.pwad-screen .driver-deposit-screen .driver-balance{
  width:100%!important;max-width:none!important;box-sizing:border-box!important;
  margin:0 0 12px!important;padding:18px!important;border:0!important;
  border-radius:24px!important;background:linear-gradient(145deg,#0c3b78,#1769bd)!important;
  color:#fff!important;box-shadow:0 12px 28px rgba(20,87,166,.16)!important
}
.pwad-screen .driver-deposit-screen .driver-balance *{color:#fff!important}
.pwad-screen .driver-deposit-screen .driver-balance small{color:#bfe1ff!important;opacity:1!important}
.pwad-screen .driver-deposit-screen .driver-balance h2{font-size:31px!important;line-height:1!important;letter-spacing:-.045em!important}
.pwad-screen .driver-deposit-screen .driver-balance p{color:rgba(255,255,255,.8)!important;line-height:1.55!important}
.pwad-screen .driver-deposit-screen .deposit-method-switch{margin:0 0 12px!important}
.pwad-screen .driver-deposit-screen .deposit-method-choice{
  border:1px solid #dce6eb!important;background:#fff!important;color:#193b4c!important;
  box-shadow:0 6px 18px rgba(20,48,66,.045)!important;cursor:pointer!important
}
.pwad-screen .driver-deposit-screen .deposit-method-choice.is-active{
  border-color:#15927b!important;background:#f2fbf8!important;
  box-shadow:0 0 0 1px #15927b inset,0 7px 18px rgba(8,116,102,.075)!important
}
.pwad-screen .driver-deposit-screen .deposit-method-choice strong{color:#17394b!important}
.pwad-screen .driver-deposit-screen .deposit-method-choice small{color:#7a8b96!important}

/* Earnings rebuilt as a native wallet summary */
.pwad-screen .de{gap:12px!important}
.pwad-screen .driver-earnings-head{margin:0 2px 2px!important;align-items:center!important}
.pwad-screen .driver-earnings-head h1{font-size:24px!important;font-weight:900!important;color:#17384b!important}
.pwad-screen .driver-earnings-head p{font-size:9px!important;line-height:1.45!important;color:#73848f!important}
.pwad-screen .driver-withdraw-btn{
  min-height:44px!important;border:0!important;border-radius:15px!important;
  padding:0 14px!important;background:#e8f2ff!important;color:#1457a6!important;
  font-size:9px!important;font-weight:900!important;box-shadow:none!important;cursor:pointer!important
}
.pwad-screen .de-hero{
  width:100%!important;box-sizing:border-box!important;margin:0!important;padding:18px!important;
  border-radius:24px!important;background:linear-gradient(145deg,#0c3a75,#1768bc)!important;
  color:#fff!important;box-shadow:0 12px 28px rgba(20,87,166,.16)!important
}
.pwad-screen .de-hero *{color:#fff!important}
.pwad-screen .de-hero>small{color:#bfe1ff!important;opacity:1!important}
.pwad-screen .de-balance{margin:4px 0 13px!important;font-size:32px!important;line-height:1!important;font-weight:900!important}
.pwad-screen .de-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
.pwad-screen .de-grid>div{
  min-width:0!important;padding:11px 12px!important;border-radius:15px!important;
  background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.08)!important
}
.pwad-screen .de-grid small{color:rgba(255,255,255,.72)!important;font-size:8px!important}
.pwad-screen .de-grid strong{margin-top:3px!important;font-size:12px!important;font-weight:900!important}
.pwad-screen .de-note{
  display:block!important;width:100%!important;box-sizing:border-box!important;
  margin:0!important;padding:12px 13px!important;border-radius:16px!important;
  border:1px solid #f0dfb7!important;background:#fff9eb!important;color:#735719!important;
  font-size:9px!important;line-height:1.55!important
}
.pwad-screen .de-note strong{display:block!important;margin-bottom:2px!important;color:#6b4f14!important;font-size:10px!important}
.pwad-screen .de-card{border-radius:21px!important;padding:15px!important}
.pwad-screen .de-card h2{font-size:16px!important;font-weight:900!important;color:#17384b!important}
.pwad-screen .de-card .ch-empty{min-height:52px!important;display:grid!important;place-items:center!important;background:#fbfcfd!important}

/* Notification native actions */
.pwad-screen .dn-card{border-radius:21px!important;padding:15px!important}
.pwad-screen .dn-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
.pwad-screen .dn-actions button{
  width:100%!important;min-height:46px!important;border:0!important;border-radius:14px!important;
  padding:0 13px!important;background:linear-gradient(145deg,#1768bd,#10509a)!important;
  color:#fff!important;font:900 9px/1.1 inherit!important;box-shadow:none!important;cursor:pointer!important
}
.pwad-screen .dn-actions button:only-child{grid-column:1/-1!important}
.pwad-screen .dn-actions button.secondary{background:#eef3f6!important;color:#35576b!important;border:1px solid #dde7eb!important}
.pwad-screen .dn-card>small{font-size:8px!important;line-height:1.5!important;color:#80909a!important}

/* Reviews hero/card hierarchy */
.pwad-screen .dr-card{border-radius:21px!important;padding:15px!important}
.pwad-screen .dr-card:first-of-type,
.pwad-screen .dr-card:first-of-type *{color:#fff!important}
.pwad-screen .dr-card:first-of-type p{color:rgba(255,255,255,.82)!important}
.pwad-screen .dr-card:first-of-type small{color:#fff!important}
.pwad-screen .dr-card:not(:first-of-type) .driver-section-title small{color:#7d8b95!important}

/* Support: no web-looking blue select buttons or tiny submit */
.pwad-screen .cs-card{border-radius:21px!important;padding:15px!important}
.pwad-screen .cs-form{display:grid!important;gap:10px!important}
.pwad-screen .cs-form label{display:grid!important;gap:6px!important;margin:0!important;color:#496273!important;font-size:9px!important}
.pwad-screen .cs-form .driver-picker{
  width:100%!important;min-height:54px!important;border:1px solid #d8e3e8!important;border-radius:15px!important;
  padding:8px 12px!important;background:#f9fbfc!important;color:#193b4d!important;
  box-shadow:none!important;text-align:left!important;cursor:pointer!important
}
.pwad-screen .cs-form .driver-picker strong{font-size:11px!important;color:#19394b!important}
.pwad-screen .cs-form .driver-picker small{font-size:8px!important;color:#7b8c96!important}
.pwad-screen .cs-form .driver-picker .chev{color:#8ba0ac!important;font-size:20px!important}
.pwad-screen .cs-form input,
.pwad-screen .cs-form textarea{
  border:1px solid #d8e3e8!important;border-radius:15px!important;background:#fbfcfd!important;
  color:#17394a!important;font:500 11px/1.45 inherit!important;box-shadow:none!important
}
.pwad-screen .cs-form input{min-height:50px!important}
.pwad-screen .cs-form textarea{min-height:112px!important;padding:12px!important}
.pwad-screen .cs-form>button[type=submit]{
  width:100%!important;min-height:48px!important;border:0!important;border-radius:15px!important;
  margin:2px 0 0!important;padding:0 14px!important;background:linear-gradient(145deg,#1768bd,#104d93)!important;
  color:#fff!important;font:900 10px/1 inherit!important;box-shadow:none!important;cursor:pointer!important
}

/* Generic Driver app action language */
.pwad-screen :is(.ojol-modal-trigger,.driver-withdraw-btn,.cs-form>button[type=submit],.dn-actions button,.dr-form button,.driver-sheet-form>button){
  -webkit-appearance:none!important;appearance:none!important
}
.pwad-screen :is(.ojol-modal-trigger,.driver-withdraw-btn,.cs-form>button[type=submit],.dn-actions button,.dr-form button,.driver-sheet-form>button):active{
  transform:scale(.985)!important
}
.pwad-screen :is(.role-product-actions button,.role-upload-card>.ojol-modal-trigger,.driver-sheet-form>button){
  border-radius:14px!important;box-shadow:none!important
}
.pwad-screen .role-product-actions button{min-height:44px!important}
.pwad-screen .driver-sheet-form>button{
  width:100%!important;min-height:48px!important;border:0!important;
  background:linear-gradient(145deg,#1768bd,#104d93)!important;color:#fff!important;font-weight:900!important
}
.pwad-screen button:disabled{opacity:.48!important;cursor:not-allowed!important}

/* Tighten cards at real handset widths without collapsing visual hierarchy */
@media(max-width:390px){
 .pwad-screen .de-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .pwad-screen .driver-earnings-head h1{font-size:22px!important}
 .pwad-screen .driver-deposit-screen .driver-balance,.pwad-screen .de-hero{padding:16px!important}
}

/* PWA-D05 earnings flow-gap correction */
.pwad-screen .app-scroll.de{display:grid!important;grid-template-columns:minmax(0,1fr)!important;row-gap:12px!important;align-content:start!important}

/* PWA-D05 remove remaining browser-default form buttons in Driver surfaces */
.pwad-screen .driver-editor-grid button[type=submit],
.pwad-driver-body .driver-editor-grid button[type=submit],
.pwad-screen .cd-form button[type=submit],
.pwad-screen .dr-form button[type=submit]{
  -webkit-appearance:none!important;appearance:none!important;
  width:100%!important;min-height:46px!important;border:0!important;border-radius:14px!important;
  padding:0 14px!important;background:linear-gradient(145deg,#1768bd,#104d93)!important;
  color:#fff!important;font:900 9px/1 inherit!important;box-shadow:none!important;cursor:pointer!important
}
.pwad-screen .driver-editor-grid>div:last-child{width:100%!important}
.pwad-screen .driver-editor-grid>div:last-child button{width:100%!important}
.pwad-screen .deposit-history-action{border-radius:13px!important;min-height:42px!important;font-weight:900!important}
.pwad-screen .deposit-sheet-head>button,
.pwad-screen [data-close-overlay]{
  -webkit-appearance:none!important;appearance:none!important
}

/* PWA-D06 explicit vertical rhythm for Driver secondary cards */
.pwad-screen .app-scroll.dn,
.pwad-screen .app-scroll.dr,
.pwad-screen .app-scroll.cs{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  align-content:start!important;
  row-gap:12px!important;
}
.pwad-screen .app-scroll.dn>.dn-card,
.pwad-screen .app-scroll.dr>.dr-card,
.pwad-screen .app-scroll.cs>.cs-card{
  margin:0!important;
}

/* PWA-D07 support form containment */
.pwad-screen .app-scroll.cs{row-gap:16px!important}
.pwad-screen .cs-card{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  box-sizing:border-box!important
}
.pwad-screen .cs-card:nth-of-type(2){
  display:block!important;
  padding-bottom:16px!important
}
.pwad-screen .cs-card:nth-of-type(2) .cs-form{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-auto-rows:auto!important;
  gap:10px!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
  box-sizing:border-box!important
}
.pwad-screen .cs-card:nth-of-type(2) .cs-form label,
.pwad-screen .cs-card:nth-of-type(2) .cs-form input,
.pwad-screen .cs-card:nth-of-type(2) .cs-form textarea,
.pwad-screen .cs-card:nth-of-type(2) .cs-form button{
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important
}
.pwad-screen .cs-card:nth-of-type(2) .cs-form textarea{
  height:112px!important;
  min-height:112px!important;
  max-height:112px!important;
  resize:none!important;
  overflow:auto!important
}
.pwad-screen .cs-card:nth-of-type(2) .cs-form>button[type=submit]{
  position:static!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin-top:2px!important
}

/* PWA-D09 fulfillment cockpit */
.pwad-screen .driver-order-flow{margin:11px 0 12px;padding:12px;border:1px solid #dfe8ec;border-radius:17px;background:#f8fafb}
.pwad-screen .driver-order-flow-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:11px}
.pwad-screen .driver-order-flow-head strong{font-size:10px;color:#17394a}.pwad-screen .driver-order-flow-head small{max-width:65%;font-size:8px;line-height:1.45;text-align:right;color:#748691}
.pwad-screen .driver-order-flow-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
.pwad-screen .driver-order-flow-step{position:relative;display:grid;justify-items:center;gap:5px;text-align:center;color:#91a0a8}
.pwad-screen .driver-order-flow-step:not(:last-child):after{content:"";position:absolute;left:62%;right:-38%;top:11px;height:2px;background:#dbe4e8}
.pwad-screen .driver-order-flow-step span{position:relative;z-index:1;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#e8eef1;color:#80909a;font-size:8px;font-weight:950}
.pwad-screen .driver-order-flow-step small{font-size:7px;line-height:1.25;font-weight:800;color:currentColor}
.pwad-screen .driver-order-flow-step.is-current{color:#1457a6}.pwad-screen .driver-order-flow-step.is-current span{background:#e4efff;color:#1457a6;box-shadow:0 0 0 4px #f0f6ff}
.pwad-screen .driver-order-flow-step.is-done{color:#0b8370}.pwad-screen .driver-order-flow-step.is-done span{background:#dff5ef;color:#0b8370}.pwad-screen .driver-order-flow-step.is-done:not(:last-child):after{background:#8fd5c7}
.pwad-screen .driver-ops-screen .role-product-card>.ojol-modal-trigger,
.pwad-screen .driver-ops-screen .role-product-card>form>.ojol-modal-trigger{width:100%!important;min-height:46px!important}
.pwad-screen .driver-ops-screen .driver-pin-card{border-radius:17px!important;padding:13px!important;gap:9px!important;background:#f5faf9!important;border-color:#d9e9e5!important}
.pwad-screen .driver-ops-screen .driver-pin-card>strong{font-size:11px!important}.pwad-screen .driver-ops-screen .driver-pin-card p{margin:0!important;font-size:9px!important;line-height:1.55!important}
.pwad-screen .driver-ops-screen .driver-pin-card a{color:#1457a6!important;font-size:9px!important;font-weight:850!important;text-decoration:none!important}
.pwad-screen .driver-ops-screen details.driver-pin-card summary{cursor:pointer;color:#8d4b20!important;font-size:9px!important}
@media(max-width:360px){.pwad-screen .driver-order-flow{padding:10px}.pwad-screen .driver-order-flow-head{display:block}.pwad-screen .driver-order-flow-head small{display:block;max-width:none;text-align:left;margin-top:3px}}
