.online-view{width:100%;max-width:none!important;min-height:calc(100vh - 85px);padding:0!important;background:#f6f8f5;color:#1d3028;font-family:Inter,system-ui,-apple-system,sans-serif}.online-shell{max-width:1320px;margin:auto;padding:26px clamp(14px,3vw,36px) 60px}.online-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 30px;border-radius:20px;background:#e6f4e9;box-shadow:0 8px 28px #1b4d2c0d}.online-hero small{font-size:11px;letter-spacing:.16em;font-weight:800;color:#168453}.online-hero h1{font-size:clamp(28px,3vw,40px);line-height:1.1;margin:9px 0;color:#1d3028}.online-hero p{margin:0;color:#547064}.online-hero-mark{display:grid;place-items:center;width:94px;height:94px;border-radius:24px;background:#168453;color:#fff;font-size:30px;font-weight:900;box-shadow:0 12px 20px #16845330}.online-hero-mark span{font-size:9px;letter-spacing:.18em;margin-top:-24px}.online-tabs{display:flex;gap:8px;margin:20px 0;overflow:auto}.online-tabs button,.online-types button{white-space:nowrap;border:1px solid #dfe8df;border-radius:11px;background:#fff;color:#3b594a;padding:10px 15px;font-weight:750}.online-tabs button.active,.online-types button.active{background:#168453;border-color:#168453;color:#fff}.online-panel[hidden],.online-view [hidden]{display:none!important}.online-grid{display:grid;grid-template-columns:minmax(260px,1fr) minmax(350px,1.5fr);gap:16px}.online-card{min-width:0;padding:21px;border:1px solid #dfe8df;border-radius:17px;background:#fff;box-shadow:0 5px 20px #223b2b0a}.online-card h2{margin:0 0 16px;font-size:18px;color:#1d3028}.online-card h2 small{float:right;font-size:12px;color:#658071;font-weight:600}.online-view label{display:grid;gap:6px;font-size:12px;font-weight:750;color:#567063}.online-view input,.online-view select,.online-view textarea,.online-dialog input,.online-dialog textarea{width:100%;box-sizing:border-box;min-height:40px;border:1px solid #d6e4da;border-radius:9px;background:#fbfdfb;color:#1d3028;padding:9px 11px;font:inherit}.online-view button,.online-dialog button{cursor:pointer}.online-fields{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}.online-fields label:last-child{grid-column:1/-1}.online-fields>button,.online-heading button,.online-list-row button,.online-actions button,.online-custom button,.online-dialog footer button{min-height:39px;border:1px solid #b9d9c5;border-radius:9px;background:#e9f7ed;color:#146f45;padding:8px 13px;font-weight:750}.online-hint{color:#6b8374;font-size:13px}.online-types{display:flex;gap:5px;margin-bottom:12px;overflow-x:auto}.online-types button{padding:8px 10px;font-size:12px}.online-results{max-height:220px;overflow-y:auto;margin-top:8px}.online-results>button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:10px 8px;border:0;border-bottom:1px solid #edf3ed;background:#fff;text-align:left;color:#1d3028}.online-results>button:hover{background:#eef8f0}.online-results small{color:#738679;margin-left:6px}.online-custom{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:7px;margin-top:10px}.online-cart{margin-top:16px}.online-line{display:grid;grid-template-columns:minmax(150px,1fr) 80px 95px 90px 34px;gap:8px;align-items:center;padding:10px 0;border-top:1px solid #ebf0eb}.online-line strong,.online-line small{display:block}.online-line small{color:#758779}.online-line label{font-size:10px}.online-line input{min-height:34px;padding:5px}.online-line>b{text-align:right}.online-line>button{border:0;background:transparent;color:#9d4848;font-size:22px}.online-total{display:grid;grid-template-columns:1fr 150px 1fr auto;align-items:end;gap:12px;margin-top:15px;padding-top:15px;border-top:1px solid #dfe8df}.online-total>span{display:grid;gap:8px;font-size:12px;color:#6b8374}.online-total>span b{color:#1d3028;font-size:20px}.online-primary{border:1px solid #168453!important;border-radius:9px;background:#168453!important;color:#fff!important;padding:11px 16px;font-weight:800}.online-primary:disabled{opacity:.55}.online-error{color:#a52929;min-height:18px}.online-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.online-list-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px 2px;border-bottom:1px solid #e7eee7}.online-list-row strong,.online-list-row small{display:block}.online-list-row small{color:#698074;margin-top:4px}.online-list-row>div:last-child{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.online-order-meta{align-items:center}.online-order-meta span{border-radius:99px;background:#e5f4e9;padding:5px 9px;color:#286c48;font-size:11px;font-weight:750}.online-dialog{width:min(650px,calc(100% - 24px));max-height:90vh;overflow:auto;border:1px solid #dfe8df;border-radius:16px;padding:22px;background:#fff;color:#1d3028;box-shadow:0 25px 75px #142c1d44}.online-dialog::backdrop{background:#13231a88}.online-dialog form{display:grid;gap:12px}.online-dialog label{display:grid;gap:5px;color:#4e6959;font-size:12px;font-weight:750}.online-dialog footer{display:flex;justify-content:flex-end;gap:8px;margin-top:15px}.online-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.online-detail-grid>span{display:grid;gap:5px;border-radius:9px;padding:10px;background:#f2f8f2;color:#617669;font-size:11px}.online-detail-grid b{color:#1d3028;font-size:14px}.online-detail-items{margin-top:14px}.online-detail-items p{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #e5eee5;padding:5px 0}.online-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.online-actions button:hover,.online-list-row button:hover{background:#d7efde}.online-view button:focus-visible,.online-dialog button:focus-visible,.online-view input:focus-visible,.online-view select:focus-visible{outline:2px solid #168453;outline-offset:2px}@media(max-width:750px){.online-grid{grid-template-columns:1fr}.online-total{grid-template-columns:1fr 1fr}.online-hero-mark{display:none}.online-custom{grid-template-columns:1fr 1fr}.online-custom input:first-child{grid-column:1/-1}.online-list-row{align-items:flex-start;flex-direction:column}.online-list-row>div:last-child{justify-content:flex-start}}@media(max-width:530px){.online-line{grid-template-columns:1fr 70px 80px 28px}.online-line>b{grid-column:1/-1;text-align:left}.online-detail-grid{grid-template-columns:1fr}.online-total{grid-template-columns:1fr}}
.history-order-row.online-history-row,html[data-theme=light] .history-order-row.online-history-row{background:#f6f8f5;border-left:4px solid #168453;color:#1d3028}.history-order-row.online-history-row:hover,html[data-theme=light] .history-order-row.online-history-row:hover{background:#dff3e7}.history-order-row.online-history-row *,html[data-theme=light] .history-order-row.online-history-row *{color:#1d3028}.online-history-badges,html[data-theme=light] .online-history-badges{display:block;margin-top:4px;color:#168453!important;font-size:11px}.online-history-detail,html[data-theme=light] .online-history-detail{padding:13px 18px;border-bottom:1px solid #b9d9c5;background:#dff3e7;color:#1d3028;line-height:1.65}
.online-order-row{display:grid;grid-template-columns:minmax(170px,1.4fr) minmax(95px,.6fr) minmax(140px,.85fr) minmax(145px,.85fr) 36px;gap:12px;align-items:center;padding:12px 4px;border-bottom:1px solid #e3ece5}.online-order-info{border:0;background:none;color:#1d3028;text-align:left;padding:0;min-width:0}.online-order-info strong,.online-order-info small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.online-order-info small{margin-top:4px;color:#688173}.online-order-total{color:#176e47}.online-status-control{font-size:10px!important;text-transform:uppercase;letter-spacing:.06em}.online-status-control>div{display:flex;align-items:center;gap:5px}.online-status-control svg{flex:none;color:#168453}.online-status-control select{min-height:34px!important;padding:5px 7px!important;font-size:12px!important;font-weight:700}.online-trash{width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:8px;background:#fff0ee;color:#b3443d}.online-trash:hover{background:#f8d8d4}.online-closed{display:flex;align-items:center;gap:5px;color:#ae694e;font-size:12px}.online-detail-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px;padding:14px;border-radius:12px;background:#f2f8f2}.online-date-fields{display:flex;gap:10px;align-items:end;margin:14px 0}.online-date-fields button{min-height:40px;border:0;border-radius:9px;background:#168453;color:white;padding:0 16px}.online-report-period{color:#678274}.online-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0 24px}.online-metric{padding:18px;border-radius:15px;background:#e5f5ea;color:#146f45}.online-metric.profit{background:#e7f0ff;color:#235caa}.online-metric.margin{background:#fff2e0;color:#a06016}.online-metric.orders{background:#f6e9fa;color:#8649a1}.online-metric small,.online-metric b{display:block}.online-metric b{font-size:25px;margin-top:9px}.online-report-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.online-report-card{border:1px solid #e1ebe2;border-radius:13px;padding:14px;min-width:0}.online-report-card h3{margin:0 0 12px}.online-report-table>div{display:grid;grid-template-columns:1.2fr .6fr 1fr 1fr;gap:7px;padding:8px 0;border-bottom:1px solid #edf2ee;font-size:12px}.online-report-head{font-weight:800;color:#5b7765}.online-source-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.online-source-card{border-radius:13px;padding:15px;background:#eaf3ed;border-top:4px solid #168453}.online-source-card h4{margin:0 0 10px}.online-source-card>div{display:flex;justify-content:space-between;gap:8px;padding:5px 0;font-size:12px}.online-source-card b{font-size:14px}.source-instagram{background:linear-gradient(135deg,#ffe9f3,#f0e8ff);border-top-color:#c24198}.source-facebook{background:#e9f1ff;border-top-color:#1877f2}.source-whatsapp{background:#e5f8ec;border-top-color:#25d366}.source-tiktok{background:#263035;border-top-color:#25f4ee;color:#fff}.source-in-store{background:#e6f6eb;border-top-color:#168453}.source-other{background:#eff1ef;border-top-color:#8c9990}@media(max-width:1000px){.online-order-row{grid-template-columns:1.4fr .7fr 1fr 1fr 36px;gap:6px}.online-metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.online-order-row{grid-template-columns:1fr auto;gap:8px}.online-order-info{grid-column:1}.online-order-total{grid-column:2}.online-status-control{grid-row:2}.online-trash{grid-column:2;grid-row:3;justify-self:end}.online-report-grid{grid-template-columns:1fr}.online-source-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:450px){.online-metrics,.online-source-grid,.online-detail-controls{grid-template-columns:1fr}}
.online-save-product{grid-column:1/-1;display:flex!important;align-items:center;gap:6px}.online-save-product input{width:auto!important;min-height:0!important;accent-color:#168453}
.online-source-edit{display:flex;align-items:end;gap:8px;margin:12px 0}.online-source-edit label{flex:1;display:grid;gap:5px;font-size:11px;color:#55715f}.online-source-edit select{min-height:37px;border:1px solid #d6e4da;border-radius:8px;background:#fbfdfb;color:#1d3028;padding:7px}.online-source-edit button{min-height:37px;border:1px solid #b9d9c5;border-radius:8px;background:#e9f7ed;color:#146f45;padding:7px 10px;font-weight:750}
/* Previous Online tab design: add online-tab-previous to the Online nav button to restore it. */
.nav button[data-view=online].online-tab-previous{height:34px;border:1px solid #168453!important;border-radius:6px;background:#123c2b!important;color:#dff3e7!important;padding:0 14px;font-weight:850}.nav button[data-view=online].online-tab-previous:hover{background:#1b5d40!important;box-shadow:0 0 0 2px #16845333}.nav button[data-view=online].online-tab-previous.active{background:#168453!important;border-color:#168453!important;color:#fff!important;box-shadow:0 0 0 2px #16845333}html[data-theme=light] .nav button[data-view=online].online-tab-previous{background:#e8f6ed!important;color:#168453!important}html[data-theme=light] .nav button[data-view=online].online-tab-previous:hover{background:#dff3e7!important;color:#126a42!important}html[data-theme=light] .nav button[data-view=online].online-tab-previous.active{background:#168453!important;color:#fff!important}
.nav button[data-view=online]:not(.online-tab-previous){height:34px;border:1px solid #a7dcc0!important;border-radius:7px;background:#fff!important;color:#087a48!important;padding:0 14px;font-weight:900;letter-spacing:.01em;text-shadow:0 0 10px #21ad7140;box-shadow:0 0 10px #36c48624}.nav button[data-view=online]:not(.online-tab-previous):hover{background:#f4fff9!important;border-color:#67bf92!important;color:#086d40!important;box-shadow:0 0 0 2px #6bd2a344,0 0 13px #37c28446}.nav button[data-view=online]:not(.online-tab-previous).active{background:#fff!important;border-color:#168453!important;color:#056d3e!important;box-shadow:0 0 0 2px #16845350,0 0 15px #32bb7859;text-shadow:0 0 11px #16845366}
.online-results:not([hidden]){border:1px solid #dfe8df;border-radius:10px;background:#fff;box-shadow:0 10px 22px #1d302817}.online-family-tabs{display:flex;gap:5px;overflow-x:auto;padding:8px;border-bottom:1px solid #dfe8df}.online-family-tabs button{white-space:nowrap;border:1px solid #dfe8df;border-radius:7px;background:#f6f8f5;color:#355543;padding:6px 9px;font-size:11px}.online-family-tabs button.active{border-color:#168453;background:#dff3e7;color:#126a42}.online-picker-group h3{margin:10px 8px 4px;color:#567063;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.online-picker-group>button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:9px 8px;border:0;border-bottom:1px solid #edf3ed;background:#fff;color:#1d3028;text-align:left}.online-picker-group>button:hover{background:#eef8f0}.online-picker-group>button small{display:block;color:#738679;font-size:11px}.online-picker-group>button b{white-space:nowrap;font-size:12px}.online-remove{display:grid;place-items:center;width:30px;height:30px;border:1px solid #ecd6d6!important;border-radius:7px;background:#fff5f5!important;color:#a43636!important}.online-remove:hover{background:#ffe9e9!important}.online-dialog-heading{display:flex;align-items:center;justify-content:space-between}.online-dialog-heading h2{margin:0}.online-dialog-heading button{width:30px;height:30px;border:1px solid #dfe8df;border-radius:7px;background:#fff;color:#567063;font-size:12px;font-weight:800}.online-confirm-check{display:flex!important;align-items:center;gap:10px}.online-confirm-check input{width:auto!important;min-height:0!important;accent-color:#168453}.online-total>span b{font-size:17px}.online-total label:has(#onFinal){color:#168453;font-weight:850}.online-total #onFinal{border-color:#91cdae;font-weight:850}
.history-order-row.online-history-row .history-status.paid{background:#166534!important;color:#fff!important;font-size:12px;font-weight:700;padding:6px 12px;border-radius:999px}.history-order-row.online-history-row .history-status.unpaid{background:#991b1b!important;color:#fff!important;font-size:12px;font-weight:700;padding:6px 12px;border-radius:999px}.history-order-row.online-history-row .history-status.closed{background:#52645a!important;color:#fff!important;font-size:12px;font-weight:700;padding:6px 12px;border-radius:999px}.online-driver-due{color:#9a5a23!important;font-weight:750}.online-trash:disabled{opacity:.35;cursor:not-allowed}.online-driver-details{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;padding:10px 12px;border-radius:9px;background:#f2f8f2;color:#355b43;font-size:13px}.online-driver-details button,.online-finance-actions button{border:1px solid #b9d9c5;border-radius:8px;background:#e9f7ed;color:#146f45;padding:7px 11px;font-weight:750}.online-finance-actions{display:flex;gap:8px;margin-top:12px}
.online-new-driver{max-width:460px;margin-top:12px;border:1px solid #dfe8df;border-radius:9px;background:#fbfdfb;padding:9px 12px;color:#355b43}.online-new-driver summary{cursor:pointer;font-size:12px;font-weight:800}.online-new-driver>div{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:11px}
.online-order-filters{display:grid;grid-template-columns:minmax(180px,1fr) 150px 160px auto;gap:8px;align-items:end;margin:7px 0 10px}.online-order-filters label{font-size:11px}.online-order-filters #onClearFilters{min-height:40px;border:1px solid #b9d9c5;border-radius:9px;background:#e9f7ed;color:#146f45;padding:8px 12px;font-weight:750;white-space:nowrap}.online-order-info .online-order-address{white-space:normal;overflow-wrap:anywhere;line-height:1.35}
@media(max-width:760px){.online-order-filters{grid-template-columns:1fr 1fr}.online-order-filters #onOrderSearch{grid-column:1/-1}}
@media(max-width:450px){.online-new-driver>div{grid-template-columns:1fr}.online-order-filters{grid-template-columns:1fr 1fr}.online-order-filters #onClearFilters{grid-column:1/-1}}