.demo-strip{background:#9d1f2a;color:#fff;text-align:center;font-weight:900;letter-spacing:.02em;padding:8px 14px;font-size:13px}.app-header{min-height:74px;background:#080d12;border-bottom:1px solid #26313c;display:flex;align-items:center;gap:28px;padding:0 28px;position:sticky;top:0;z-index:20}.app-brand{font-size:21px;font-weight:900;white-space:nowrap}.app-nav{display:flex;gap:6px;flex:1;justify-content:center}.app-nav-link{padding:11px 12px;border-radius:10px;color:#8fc2f5;font-weight:700}.app-nav-link:hover,.app-nav-link.active{background:#1b2835;color:#fff}.driver-mini{font-size:13px;color:#c0cad5;display:flex;align-items:center;gap:8px;white-space:nowrap}.status-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#31d17a}.app-shell{max-width:1180px;margin:0 auto;padding:28px 20px 56px}.eyebrow{font-size:12px;letter-spacing:.14em;font-weight:900;color:#ffd84d}.home-head,.page-title,.detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:22px}.home-head h1,.page-title h1{margin:.25rem 0 .2rem;font-size:clamp(34px,5vw,56px)}.availability{border:1px solid #285c43;background:#10271d;color:#a7edc5;padding:9px 12px;border-radius:999px;font-weight:800;display:flex;gap:7px;align-items:center}.home-stack{display:grid;gap:14px;margin-top:24px}.action-card{display:grid;grid-template-columns:56px 1fr auto;gap:18px;align-items:center}.action-icon{width:46px;height:46px;border-radius:14px;background:#263545;display:grid;place-items:center;font-size:20px;font-weight:900}.action-icon.green{background:#164d34;color:#91efb8}.action-icon.gold{background:#5a4510;color:#ffe48a}.action-copy h2{margin:.15rem 0;font-size:24px}.action-copy p{margin:.2rem 0;color:#aeb9c6}.btn.primary{background:#30d17a;color:#07140c}.btn.ghost{background:#22303d;color:#fff}.compact-action{margin-top:2px}.home-secondary{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.quick-card{display:grid;grid-template-columns:auto 1fr;column-gap:18px;align-items:end}.quick-label{grid-column:1/-1;color:#cbd4dd}.quick-card strong{font-size:30px}.quick-card small{color:#9eabb8}.quick-card a{grid-column:1/-1;margin-top:10px;font-weight:700}.recent-block{margin-top:28px}.recent-block h2{font-size:20px}.activity-list{padding:0}.activity-row{display:flex;justify-content:space-between;gap:20px;padding:14px 18px;border-bottom:1px solid #27313d}.activity-row:last-child{border-bottom:0}.activity-row small{color:#82909e}.list-stack{display:grid;gap:12px;margin-top:20px}.list-card{display:grid;grid-template-columns:minmax(260px,1.3fr) minmax(380px,1fr) auto;gap:20px;align-items:center}.list-card h2,.list-card h3{margin:.2rem 0}.list-card p{margin:.2rem 0;color:#aeb9c6}.order-id{font-size:12px;font-weight:900;letter-spacing:.08em;color:#ffd84d}.list-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.list-meta span{display:block}.list-meta small{display:block;color:#8e9aa7;font-size:12px}.list-meta strong{font-size:15px}.form-card{max-width:860px;margin-top:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.delivery-options{border:0;padding:0;margin:12px 0 20px}.delivery-options legend{font-weight:900;margin-bottom:10px}.delivery-option{display:flex;gap:12px;padding:14px;border:1px solid #2c3744;border-radius:12px;margin:9px 0;background:#0c1219;cursor:pointer}.delivery-option input{margin-top:4px}.delivery-option span,.delivery-option small{display:block}.delivery-option small{color:#9da9b5;margin-top:3px}.form-actions{display:flex;justify-content:flex-end;gap:10px}.delivery-list{display:grid;gap:12px;margin-top:18px;padding-bottom:98px}.available-card{display:grid;grid-template-columns:24px minmax(260px,1fr) auto;gap:16px;align-items:center;cursor:pointer;transition:border .15s,transform .15s}.available-card:hover{border-color:#507091;transform:translateY(-1px)}.available-card>input{width:18px;height:18px}.available-main h2{margin:0 0 4px}.available-main p{margin:0;color:#aeb9c6}.pay-stack{display:flex;gap:20px;text-align:right}.pay-stack span{min-width:82px}.pay-stack small,.pay-stack strong{display:block}.pay-stack small{font-size:11px;color:#8795a3}.pay-stack strong{font-size:18px}.pay-stack .total-pay strong{color:#80e9ae}.accept-bar{position:sticky;bottom:14px;z-index:15;background:#0e1720;border:1px solid #334456;border-radius:16px;box-shadow:0 12px 32px #0008;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:14px 16px}.accept-bar div{display:grid}.accept-bar span{font-size:13px;color:#9eabb8}.accept-bar button:disabled{opacity:.45;cursor:not-allowed}.delivery-section{margin-top:26px}.delivery-section h2{display:flex;align-items:center;gap:8px;font-size:19px}.delivery-section h2 span{font-size:12px;background:#27313d;padding:3px 8px;border-radius:999px}.section-empty{color:#768391;padding:8px 0}.delivery-row{grid-template-columns:minmax(320px,1fr) 180px auto}.delivery-money small,.delivery-money strong{display:block}.delivery-money small{color:#8d99a6}.delivery-money strong{font-size:20px}.detail-head{align-items:center;margin-bottom:14px}.back-link{font-weight:800}.status-badge{background:#1d2b38;border:1px solid #35485a;padding:7px 10px;border-radius:999px;font-weight:800}.delivery-detail{padding:24px}.detail-title h1{margin:.2rem 0}.detail-title p{color:#aeb9c6}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.detail-grid div{background:#0c131b;border:1px solid #283441;border-radius:12px;padding:13px}.detail-grid small,.detail-grid strong{display:block}.detail-grid small{color:#8f9ba8;margin-bottom:4px}.next-action{margin-top:14px;display:flex;justify-content:space-between;gap:24px;align-items:center;border-color:#3c5872}.next-action h2{margin:.2rem 0}.next-action p{color:#aeb9c6;margin:.2rem 0}.complete-panel{width:100%;display:grid;grid-template-columns:1fr minmax(320px,430px);gap:28px;align-items:start}.complete-form{display:grid;gap:12px}.proof-check{display:flex;gap:8px;align-items:center;color:#c0cad4}.demo-pin{color:#ffd84d;font-weight:900}.earnings-summary{display:grid;grid-template-columns:1fr 2fr;gap:14px;margin:20px 0}.earn-main{display:grid}.earn-main span,.earn-main small{color:#9da9b5}.earn-main strong{font-size:42px}.earn-split{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.earn-split div{padding:10px 14px;border-left:1px solid #2b3744}.earn-split div:first-child{border-left:0}.earn-split small,.earn-split strong{display:block}.earn-split small{color:#8d99a6}.earn-split strong{font-size:24px;margin-top:4px}.ledger-card h2{margin-top:0}.payout-note{margin-top:12px;color:#8f9ba8;font-size:13px}.app-footer{border-top:1px solid #26313d;margin-top:40px;padding-top:18px;display:flex;justify-content:space-between;color:#73808d;font-size:12px}.app-footer div{display:flex;gap:12px}.app-footer form{margin:0}.footer-link{background:none;color:#748da5;padding:0;font-size:12px}.login-shell{min-height:calc(100vh - 36px);display:grid;place-items:center;padding:20px}.login-card{width:min(520px,100%);padding:34px}.login-brand{font-weight:900;letter-spacing:.08em}.login-card h1{margin:.4rem 0}.full{width:100%}.empty-state{text-align:center;padding:30px}.flash{margin-bottom:18px}
@media(max-width:980px){.app-header{position:static;flex-wrap:wrap;padding:14px 18px}.app-nav{order:3;width:100%;justify-content:flex-start;overflow:auto}.driver-mini{margin-left:auto}.list-card{grid-template-columns:1fr}.list-meta{grid-template-columns:repeat(3,1fr)}.available-card{grid-template-columns:24px 1fr}.pay-stack{grid-column:2;justify-content:flex-start;text-align:left}.detail-grid{grid-template-columns:1fr 1fr}.earnings-summary{grid-template-columns:1fr}.complete-panel{grid-template-columns:1fr}}
@media(max-width:680px){.app-shell{padding:20px 14px 48px}.home-head,.page-title{flex-direction:column}.action-card{grid-template-columns:44px 1fr}.action-card>.btn{grid-column:1/-1;width:100%;text-align:center}.home-secondary{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.list-meta{grid-template-columns:1fr}.available-card{grid-template-columns:24px 1fr}.pay-stack{display:grid;grid-template-columns:repeat(3,1fr);width:100%}.accept-bar{bottom:8px}.delivery-row{grid-template-columns:1fr}.detail-grid,.customer-meta{grid-template-columns:1fr}.next-action{align-items:stretch;flex-direction:column}.next-action .btn{width:100%}.earn-split{grid-template-columns:1fr}.earn-split div{border-left:0;border-top:1px solid #2b3744}.earn-split div:first-child{border-top:0}.app-footer{flex-direction:column;gap:10px}.app-nav-link{font-size:13px;white-space:nowrap}}

/* Driver-only home: operational hierarchy, not tutorial tiles */
.driver-home-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:20px}
.driver-home-head h1{margin:.2rem 0 .15rem;font-size:clamp(36px,5vw,52px)}
.next-up{padding:24px;margin-bottom:30px;border-color:#36506a}
.next-up-top{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}
.next-up-top h2{font-size:30px;margin:.25rem 0 0}
.next-up-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}
.next-up-grid>div{background:#0c131b;border:1px solid #283441;border-radius:12px;padding:13px}
.next-up-grid small,.next-up-grid strong{display:block}.next-up-grid small{color:#8f9ba8;margin-bottom:4px}
.next-up-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;color:#aeb9c6}
.home-section{margin-top:28px}
.section-heading{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:10px}
.section-heading h2{margin:0;font-size:22px}.section-heading p{margin:.2rem 0 0}.section-heading>a{font-weight:800;white-space:nowrap}
.home-delivery-list{padding:0;overflow:hidden}
.home-delivery-row{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:15px 18px;border-bottom:1px solid #26313d;color:#f6f7fa}
.home-delivery-row:last-child{border-bottom:0}.home-delivery-row:hover{background:#17222e}
.home-delivery-row strong,.home-delivery-row small{display:block}.home-delivery-row small{color:#99a6b3;margin-top:3px}
.home-pay{text-align:right;min-width:110px}.home-pay strong{font-size:20px;color:#8cebb4}.home-pay small{color:#9ba7b3}
.today-row{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:0;overflow:hidden}
.today-row>div{padding:16px 18px;border-right:1px solid #26313d}.today-row>div:last-child{border-right:0}
.today-row small,.today-row strong{display:block}.today-row small{color:#8f9ba8}.today-row strong{font-size:25px;margin-top:4px}
@media(max-width:760px){.driver-home-head,.next-up-bottom,.section-heading{align-items:stretch;flex-direction:column}.next-up-grid{grid-template-columns:1fr}.today-row{grid-template-columns:1fr 1fr}.today-row>div:nth-child(2){border-right:0}.today-row>div{border-bottom:1px solid #26313d}.today-row>div:nth-last-child(-n+2){border-bottom:0}.home-delivery-row{align-items:flex-start}.home-pay{min-width:86px}}

/* Separate customer-demo bridge: not part of driver workflow */
.footer-left{display:flex;flex-direction:column;gap:7px}
.customer-demo-link{color:#8fc5ff;text-decoration:none;font-size:.92rem;font-weight:700}
.customer-demo-link:hover{text-decoration:underline}
@media(max-width:760px){.app-footer{align-items:flex-start;gap:16px}.customer-demo-link{max-width:310px}}

/* LVGB Demo entry — umbrella messaging for customer, referrer and delivery participation */
.demo-entry-shell{align-items:start;padding-top:34px;padding-bottom:44px}
.demo-entry{width:min(980px,100%);padding:34px}
.demo-entry .login-brand{font-size:14px;color:#ffd84d;letter-spacing:.13em}
.demo-entry>h1{margin:.45rem 0 .65rem;font-size:clamp(30px,4.5vw,48px);line-height:1.08;max-width:850px}
.demo-entry-lead{font-size:18px;line-height:1.55;color:#dce4eb;margin:0 0 22px;max-width:870px}
.demo-role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}
.demo-role{background:#0c131b;border:1px solid #2b3947;border-radius:14px;padding:18px}
.demo-role-label{font-size:12px;font-weight:900;letter-spacing:.11em;color:#ffd84d;margin-bottom:8px}
.demo-role p{margin:0;color:#d7e0e8;line-height:1.5}
.demo-combine{background:#101d28;border:1px solid #31475b;border-radius:14px;padding:18px;margin-top:14px}
.demo-combine>strong{display:block;font-size:19px;margin-bottom:7px}
.demo-combine p{margin:0;color:#b7c3ce;line-height:1.55}
.demo-entry-actions{display:flex;gap:10px;margin:18px 0 6px}
.demo-signin-block{margin-top:24px;padding-top:22px;border-top:1px solid #2a3642;max-width:620px}
.demo-signin-block h2{margin:0 0 4px;font-size:24px}
.demo-contact{margin:22px 0 0;color:#aeb9c6;font-size:14px}
.demo-contact a{color:#8fc5ff;font-weight:800;text-decoration:none}
.demo-contact a:hover{text-decoration:underline}
@media(max-width:760px){.demo-entry{padding:24px 18px}.demo-role-grid{grid-template-columns:1fr}.demo-entry-actions{flex-direction:column}.demo-entry-actions .btn{width:100%;text-align:center}}

/* Consolidated participation + referral attribution update */
.demo-about{margin:18px 0 4px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.035);overflow:hidden}
.demo-about summary{cursor:pointer;font-weight:800;padding:14px 16px}
.demo-about>div{padding:0 16px 14px;color:#cbd2dc;line-height:1.55}
.demo-about p{margin:8px 0}
.referral-tools{margin:0 0 22px}
.referral-path-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.referral-path{display:grid;grid-template-columns:38px 1fr;gap:12px;padding:16px;border:1px solid rgba(255,255,255,.10);border-radius:14px;background:rgba(255,255,255,.025)}
.path-number{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#0aa86e;color:#fff;font-weight:900}
.referral-path h3{margin:0 0 6px}.referral-path p{margin:0 0 12px;color:#b9c2cf;line-height:1.45}.referral-path label{display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:#98a4b4;margin:0 0 6px;font-weight:800}
.copy-row{display:flex;gap:8px;margin-bottom:10px}.copy-row input{min-width:0;flex:1;background:#0b111b;border:1px solid rgba(255,255,255,.14);color:#eef2f7;border-radius:9px;padding:10px 12px}.copy-row .btn{white-space:nowrap}
.id-display{font-size:1.12rem;font-weight:900;letter-spacing:.04em;background:#0b111b;border:1px solid rgba(255,255,255,.14);border-radius:9px;padding:11px 12px;margin-bottom:10px}
.referral-pay-note{margin-top:14px;padding:12px 14px;border-radius:10px;background:rgba(10,168,110,.10);border:1px solid rgba(10,168,110,.25);color:#dcefe7}
@media(max-width:760px){.referral-path-grid{grid-template-columns:1fr}.copy-row{flex-direction:column}.copy-row .btn{width:100%}}


/* Earnings: one complete record per order + transparent detail breakdown */
.ledger-heading{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:10px}.ledger-heading h2{margin:0}.ledger-heading p{margin:4px 0 0}.ledger-table-wrap{overflow-x:auto}.earnings-table{min-width:980px}.earnings-table th,.earnings-table td{white-space:nowrap}.earnings-table td:nth-child(2){white-space:normal;min-width:140px}.detail-link{font-weight:900;color:#8fc5ff;white-space:nowrap}.detail-link:hover{text-decoration:underline}.earning-detail-card{margin-top:16px;padding:22px}.earning-detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.earning-detail-head h2{font-size:30px;margin:4px 0}.earning-detail-head p{margin:0}.detail-close{font-weight:900;color:#8fc5ff}.earning-detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.earning-detail-grid>div{background:#0c131b;border:1px solid #283441;border-radius:12px;padding:13px}.earning-detail-grid small,.earning-detail-grid strong{display:block}.earning-detail-grid small{color:#8f9ba8;margin-bottom:4px}.earning-breakdown{border:1px solid #2b3744;border-radius:14px;overflow:hidden}.earning-line,.earning-formula{display:flex;justify-content:space-between;gap:24px;padding:13px 16px;border-bottom:1px solid #26313d}.earning-line:last-child{border-bottom:0}.earning-line span,.earning-formula span{color:#9eaab6}.earning-formula{background:#101d28}.earning-formula strong{color:#ffd84d}.earning-total{background:#10271d}.earning-total span,.earning-total strong{font-size:18px;color:#a7edc5}.earning-line strong,.earning-formula strong{text-align:right}@media(max-width:760px){.earning-detail-head{flex-direction:column}.earning-detail-grid{grid-template-columns:1fr 1fr}.earning-line,.earning-formula{flex-direction:column;gap:4px}.earning-line strong,.earning-formula strong{text-align:left}}@media(max-width:520px){.earning-detail-grid{grid-template-columns:1fr}}

/* Earnings grouped by order: one expandable record per order. */
.order-earnings-list{display:grid;gap:12px;margin-top:14px}.order-earning-card{border:1px solid #2d3946;border-radius:14px;background:#0d141c;overflow:hidden}.order-earning-summary{list-style:none;display:grid;grid-template-columns:auto minmax(220px,1fr) 170px 130px;gap:16px;align-items:center;padding:16px 18px;cursor:pointer}.order-earning-summary::-webkit-details-marker{display:none}.order-earning-summary:hover{background:#111c26}.order-expand-icon{width:28px;height:28px;border-radius:999px;border:1px solid #425467;display:grid;place-items:center;font-weight:900;color:#8fc5ff;transition:transform .15s}.order-earning-card[open] .order-expand-icon{transform:rotate(45deg)}.order-summary-main,.order-summary-total,.order-summary-status{display:grid;gap:3px}.order-summary-main strong{font-size:17px;color:#fff}.order-summary-main small,.order-summary-total small,.order-summary-status small{color:#8f9ba8}.order-summary-total strong{font-size:20px;color:#a7edc5}.order-summary-status strong{font-size:14px}.order-earning-body{border-top:1px solid #2a3541;padding:18px}.earning-detail-grid.compact{margin:0 0 18px}.compensation-heading h3{margin:0 0 3px;font-size:18px}.compensation-heading p{margin:0 0 10px;color:#8f9ba8}.compensation-lines{border:1px solid #2b3744;border-radius:12px;overflow:hidden}.compensation-line{display:flex;justify-content:space-between;gap:20px;padding:13px 15px;border-bottom:1px solid #26313d}.compensation-line>div{display:grid;gap:3px}.compensation-line small{color:#8f9ba8}.compensation-amount{text-align:right}.compensation-amount strong{font-size:17px}.compensation-formula{display:flex;justify-content:space-between;gap:20px;padding:11px 15px;background:#101d28;border-bottom:1px solid #26313d}.compensation-formula span{color:#9eaab6}.compensation-formula strong{color:#ffd84d;text-align:right}.order-comp-total{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:12px;padding:14px 15px;border:1px solid #285c43;border-radius:12px;background:#10271d;color:#a7edc5}.order-comp-total span,.order-comp-total strong{font-size:18px}.order-comp-total strong{font-size:22px}@media(max-width:760px){.order-earning-summary{grid-template-columns:auto 1fr}.order-summary-total,.order-summary-status{grid-column:2}.compensation-line,.compensation-formula,.order-comp-total{flex-direction:column;gap:5px}.compensation-amount,.compensation-formula strong{text-align:left}}@media(max-width:520px){.order-earning-summary{padding:14px}.order-earning-body{padding:14px}}