:root { --blue:#1976f9; --ink:#152032; --muted:#687891; --line:#dce4ee; --surface:#fff; --bg:#f2f6fb; --orange:#ff5b37; }
.reference-order-detail { max-width:1320px; padding:20px 34px 55px; }.order-detail-actions { display:flex; justify-content:space-between; margin-bottom:16px; }.order-detail-actions button { padding:8px 17px; border:1px solid #dae2eb; border-radius:18px; color:#29384d; background:#fff; box-shadow:0 3px 8px rgba(30,45,70,.07); cursor:pointer; }.order-detail-actions .print-order-detail { border-color:#1374f8; color:#fff; background:#1374f8; }.detail-order-banner { display:flex; align-items:center; justify-content:space-between; min-height:84px; padding:17px 24px; border-left:4px solid #3282ff; border-radius:12px; background:#fff; box-shadow:0 2px 7px rgba(30,45,70,.07); }.detail-order-banner small { color:#53657c; font-size:9px; font-weight:900; }.detail-order-banner h2 { margin:6px 0 0; font-size:21px; }.detail-order-banner > div:last-child { text-align:right; }.detail-order-banner > div:last-child strong { display:block; margin-top:4px; font-size:11px; line-height:1.35; }.detail-payment-badge { display:inline-block; vertical-align:middle; margin-left:7px; padding:5px 10px; border-radius:13px; color:#fff; background:#e83a4f; font-size:8px; font-style:normal; text-transform:uppercase; }.detail-payment-badge.partial { background:#e4a11b; }.detail-payment-badge.paid { background:#168b62; }.reference-order-grid { display:grid; grid-template-columns:minmax(0,2.05fr) minmax(260px,1fr); gap:14px; margin-top:15px; align-items:start; }.reference-customer-card,.reference-payment-card,.reference-items-card,.reference-timeline-card { padding:18px; border:1px solid #e1e8f0; border-radius:12px; background:#fff; box-shadow:0 2px 7px rgba(30,45,70,.06); }.reference-customer-card header { display:flex; align-items:center; justify-content:space-between; margin-bottom:14px; }.reference-customer-card h3,.reference-payment-card h3,.reference-items-card h3,.reference-timeline-card h3 { margin:0 0 14px; color:#176fee; font-size:12px; }.reference-customer-card header h3 { margin:0; }.reference-customer-card header button { padding:8px 13px; border:0; border-radius:17px; color:#fff; background:#178b58; font-size:10px; font-weight:800; cursor:pointer; }.reference-customer-card label { display:block; margin-top:10px; color:#6f7d90; font-size:9px; }.reference-customer-card input,.reference-customer-card select,.reference-customer-card textarea { display:block; width:100%; margin-top:5px; padding:8px 9px; border:1px solid #d7dfe8; border-radius:4px; color:#27364b; background:#fbfcfe; font:11px Inter,Segoe UI,Arial,sans-serif; }.reference-customer-card textarea { min-height:48px; resize:vertical; }.reference-two-fields { display:grid; grid-template-columns:1fr 1fr; gap:11px; }.destination-city { grid-template-columns:.62fr 1.38fr; }.reference-payment-card { grid-column:2; grid-row:1; }.reference-payment-card h3 { color:#29384c; }.reference-payment-card p { display:flex; justify-content:space-between; margin:0; padding:7px 0; color:#637286; font-size:10px; }.reference-payment-card .payment-total { margin:7px 0; padding:13px 0; border-top:1px solid #dce3ea; border-bottom:1px solid #dce3ea; color:#243449; font-size:14px; font-weight:900; }.reference-payment-card .payment-total strong { color:#168b62; font-size:17px; }.reference-items-card { grid-column:1; }.reference-items-card h3 small { float:right; color:#8390a1; font-size:9px; }.reference-detail-item { display:grid; grid-template-columns:50px 1fr 110px; gap:12px; align-items:center; padding:11px 0; border-top:1px solid #e9edf2; }.reference-detail-item > img,.reference-detail-item > span { width:48px; height:48px; display:grid; place-items:center; object-fit:cover; border-radius:7px; background:#eef3f8; }.reference-detail-item div strong,.reference-detail-item div small,.reference-detail-item div em,.reference-detail-item div b,.reference-detail-item > p strong,.reference-detail-item > p small { display:block; }.reference-detail-item div strong { font-size:11px; }.reference-detail-item div small { margin-top:3px; color:#76869a; font-size:9px; }.reference-detail-item div em { width:max-content; margin-top:5px; padding:3px 6px; border:1px solid #dce3ea; border-radius:4px; color:#57687e; font-size:7px; font-style:normal; }.reference-detail-item div b { margin-top:5px; color:#16855d; font-size:8px; }.reference-detail-item > p { margin:0; text-align:right; }.reference-detail-item > p strong { color:#1473f7; font-size:12px; }.reference-detail-item > p small { margin-top:5px; color:#8290a1; font-size:9px; }.reference-timeline-card { grid-column:1; }.reference-timeline { display:grid; grid-template-columns:repeat(4,1fr); gap:0; }.reference-timeline span { position:relative; padding:19px 8px 0 0; border-top:2px solid #dfe5ec; }.reference-timeline i { position:absolute; top:-6px; left:0; width:10px; height:10px; border:2px solid #c7d1de; border-radius:50%; background:#fff; }.reference-timeline span.done { border-color:#1976f9; }.reference-timeline span.done i { border-color:#1976f9; background:#1976f9; }.reference-timeline b,.reference-timeline small { display:block; }.reference-timeline b { font-size:9px; }.reference-timeline small { margin-top:4px; color:#8794a5; font-size:7px; line-height:1.4; }
.detail-sales-attribution { display:flex; gap:7px; margin:8px 0 0; }.detail-sales-attribution span { padding:4px 7px; border-radius:5px; color:#66768b; background:#f1f5fa; font-size:8px; }.detail-sales-attribution span:first-child { color:#15755a; background:#e8f7f1; }
.reference-timeline.audit { grid-template-columns:1fr; padding-left:5px; }.reference-timeline.audit span { min-height:45px; padding:0 0 15px 20px; border-top:0; border-left:2px solid #dfe5ec; }.reference-timeline.audit span:last-child { padding-bottom:0; border-left-color:transparent; }.reference-timeline.audit i { top:0; left:-6px; }.reference-timeline.audit span.done { border-left-color:#1976f9; }.reference-timeline.audit span:last-child.done { border-left-color:transparent; }.reference-timeline.audit b { color:#2d3d52; font-size:9px; }.reference-timeline.audit small { font-size:8px; }.reference-customer-code { display:flex; align-items:center; justify-content:space-between; margin:-3px 0 11px; padding:8px 10px; border:1px solid #cfe0f8; border-radius:7px; color:#176bd9; background:#eef5ff; }.reference-customer-code span { font-size:8px; font-weight:900; letter-spacing:.5px; }.reference-customer-code strong { font-size:11px; letter-spacing:.4px; }
@media print { .sidebar,.order-detail-actions,.reference-customer-card header button { display:none!important; }.reference-order-detail { margin:0!important; max-width:none; padding:0; }.reference-order-grid { grid-template-columns:2fr 1fr; }.reference-customer-card input,.reference-customer-card select,.reference-customer-card textarea { border-color:#ccd4de!important; background:#fff!important; }.reference-customer-card,.reference-payment-card,.reference-items-card,.reference-timeline-card,.detail-order-banner { break-inside:avoid; box-shadow:none!important; } }
.order-detail-link,.customer-detail-link { padding:0; border:0; background:transparent; cursor:pointer; font:inherit; font-weight:900; text-align:left; }.order-detail-link { color:#0874f8; font-size:10px; }.customer-detail-link { color:#000; font:700 12px/1.25 Arial,Helvetica,sans-serif; }.order-detail-link:hover,.customer-detail-link:hover { text-decoration:underline; text-underline-offset:3px; }
.order-detail-page { min-height:100vh; padding:28px 32px 55px; }.order-detail-top { display:flex; align-items:center; gap:20px; margin-bottom:20px; }.order-detail-top > button { padding:9px 12px; border:1px solid #d7e0ea; border-radius:7px; color:#506178; background:#fff; cursor:pointer; }.order-detail-top > div { flex:1; display:flex; align-items:center; justify-content:space-between; }.order-detail-top h2 { margin:0; font-size:24px; }.order-detail-top span { color:#7d8b9d; font-size:10px; }.order-detail-badges { display:flex!important; flex:0 0 auto!important; justify-content:flex-end!important; gap:7px; }.order-detail-badges span,.order-detail-badges b,.order-detail-badges em { padding:6px 9px; border-radius:13px; font-size:9px; font-style:normal; }.order-detail-badges span { color:#fff; background:var(--detail-platform); }.order-detail-badges b { color:#a86400; background:#fff2d3; }.order-detail-badges em { color:#b82f40; background:#ffecef; }.order-detail-info-grid { display:grid; grid-template-columns:1.25fr 1fr 1fr; gap:14px; }.order-detail-info-grid article { min-height:155px; padding:17px; border:1px solid #e0e7ef; border-radius:12px; background:#fff; }.order-detail-info-grid h3,.order-detail-products > h3 { margin:0 0 13px; color:#687b93; font-size:10px; letter-spacing:.7px; text-transform:uppercase; }.order-detail-info-grid article > strong,.order-detail-info-grid article > a,.order-detail-info-grid article > small { display:block; }.order-detail-info-grid article > strong { font-size:14px; }.order-detail-info-grid article > a { margin-top:5px; color:#1873ed; font-size:11px; text-decoration:none; }.order-detail-info-grid article > small { margin-top:7px; color:#65758a; }.order-detail-info-grid address,.order-detail-info-grid p { margin-top:13px; color:#65758a; font-size:11px; font-style:normal; line-height:1.55; }.order-detail-info-grid dl { margin:0; }.order-detail-info-grid dl div { display:flex; justify-content:space-between; padding:6px 0; border-bottom:1px solid #edf1f5; }.order-detail-info-grid dt { color:#7b899b; font-size:10px; }.order-detail-info-grid dd { margin:0; color:#26374d; font-size:10px; font-weight:800; }.order-detail-products { margin-top:15px; padding:17px; border:1px solid #e0e7ef; border-radius:12px; background:#fff; }.order-detail-item { display:grid; grid-template-columns:52px 1fr 100px 70px 110px; gap:13px; align-items:center; padding:10px 0; border-top:1px solid #e5ebf1; }.order-detail-item img,.order-detail-item > span { width:50px; height:50px; display:grid; place-items:center; object-fit:cover; border-radius:7px; background:#eef3f8; }.order-detail-item div strong,.order-detail-item div small,.order-detail-item p span,.order-detail-item p b { display:block; }.order-detail-item div small { margin-top:4px; color:#8290a1; font-size:9px; }.order-detail-item p { margin:0; }.order-detail-item p span { color:#8492a3; font-size:8px; }.order-detail-item p b { margin-top:4px; color:#2a3a4f; font-size:11px; }.order-detail-financial { width:330px; margin:15px 0 0 auto; padding:13px 16px; border:1px solid #dfe7ef; border-radius:11px; background:#fff; }.order-detail-financial p { display:flex; justify-content:space-between; margin:0; padding:7px 0; color:#6d7b8e; }.order-detail-financial p:last-child { margin-top:5px; padding-top:12px; border-top:1px solid #d9e1ea; color:#15243a; font-weight:900; }.order-detail-financial strong { color:#1670ed; font-size:17px; }
.platform-sales-panel { grid-column:1/-1; }.platform-sales-totals { display:flex; gap:24px; }.platform-sales-totals span,.platform-sales-totals b { display:block; }.platform-sales-totals span { color:#8491a2; font-size:9px; }.platform-sales-totals b { margin-top:3px; color:#17283f; font-size:15px; }.platform-sales-totals span:last-child b { color:#16856a; }.platform-sales-list { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }.platform-sales-item { padding:13px; border:1px solid #e0e7ef; border-radius:10px; background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--platform-sales-color) 5%,white)); }.platform-sales-heading { display:grid; grid-template-columns:36px 1fr; align-items:center; gap:9px; }.platform-sales-heading > span { width:36px; height:36px; display:grid; place-items:center; overflow:hidden; border-radius:9px; color:#fff; background:var(--platform-sales-color); font-weight:900; }.platform-sales-heading img { width:100%; height:100%; object-fit:contain; }.platform-sales-heading strong,.platform-sales-heading small { display:block; }.platform-sales-heading strong { color:#24354b; font-size:12px; }.platform-sales-heading small { margin-top:3px; color:#8290a1; font-size:9px; }.platform-sales-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-top:13px; }.platform-sales-metrics p { margin:0; padding:7px; border-radius:7px; background:#ffffffaa; }.platform-sales-metrics span,.platform-sales-metrics b { display:block; }.platform-sales-metrics span { color:#8794a5; font-size:8px; }.platform-sales-metrics b { margin-top:3px; color:#2d3d52; font-size:10px; white-space:nowrap; }.platform-sales-metrics .platform-profit-value { color:#16856a; }.platform-sales-track { height:7px; margin-top:12px; overflow:hidden; border-radius:8px; background:#e6ebf1; }.platform-sales-track i { display:block; height:100%; min-width:2px; border-radius:8px; background:var(--platform-sales-color); }
.daily-needed-panel { grid-column:1/-1; }.daily-needed-summary { display:flex; gap:10px; }.daily-needed-summary span { min-width:100px; padding:8px 12px; border-radius:9px; color:#7a889b; background:#f4f7fb; font-size:8px; text-transform:uppercase; }.daily-needed-summary b { display:block; margin-top:3px; color:#17283f; font-size:16px; }.daily-needed-head,.daily-needed-item { display:grid; grid-template-columns:minmax(300px,1.7fr) minmax(170px,1fr) 100px 130px; gap:14px; align-items:center; }.daily-needed-head { padding:8px 12px; border-radius:7px; color:#7a899d; background:#f7f9fc; font-size:8px; font-weight:900; }.daily-needed-list { max-height:390px; overflow:auto; }.daily-needed-item { min-height:66px; padding:8px 12px; border-bottom:1px solid #e9edf3; }.daily-needed-product { display:flex; align-items:center; gap:10px; min-width:0; }.daily-needed-product img,.daily-needed-product > i { flex:0 0 42px; width:42px; height:42px; display:grid; place-items:center; border-radius:8px; object-fit:cover; color:#6f8096; background:#edf2f7; font-style:normal; }.daily-needed-product strong { overflow:hidden; color:#26374d; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }.daily-needed-rank { width:19px; color:#8c9aad; font-size:9px; font-weight:900; text-align:center; }.daily-needed-item > div:nth-child(2) b,.daily-needed-item > div:nth-child(2) small { display:block; }.daily-needed-item > div:nth-child(2) b { color:#46566b; font-size:10px; }.daily-needed-item > div:nth-child(2) small,.daily-needed-item > span { margin-top:3px; color:#8491a2; font-size:9px; }.daily-needed-quantity { width:max-content; min-width:72px; padding:7px 10px; border-radius:16px; color:#fff; background:#1976f9; text-align:center; font-size:11px; }.daily-needed-empty { padding:36px; color:#8794a5; text-align:center; font-size:11px; }
.monthly-products-panel { grid-column:1/-1; }.monthly-product-controls { display:flex; padding:3px; border-radius:9px; background:#f1f4f8; }.monthly-product-controls button { padding:7px 11px; border:0; border-radius:7px; color:#748296; background:transparent; font-size:9px; font-weight:800; cursor:pointer; }.monthly-product-controls button.active { color:#fff; background:#17283f; box-shadow:0 3px 9px #17283f22; }.monthly-product-totals { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-bottom:14px; }.monthly-product-totals span { padding:10px 12px; border:1px solid #e2e8f0; border-radius:9px; color:#8491a2; background:#fafbfd; font-size:8px; text-transform:uppercase; }.monthly-product-totals b { display:block; margin-top:4px; color:#1d2e44; font-size:14px; }.monthly-product-totals span:last-child b { color:#16856a; }.monthly-product-head,.monthly-product-item { display:grid; grid-template-columns:minmax(340px,1.8fr) 75px 75px 125px 115px 80px; gap:12px; align-items:center; }.monthly-product-head { padding:8px 11px; border-radius:7px; color:#7d8a9c; background:#f6f8fb; font-size:8px; font-weight:900; }.monthly-product-list { max-height:440px; overflow:auto; }.monthly-product-item { min-height:67px; padding:8px 11px; border-bottom:1px solid #e8edf3; color:#405168; font-size:10px; }.monthly-product-name { display:flex; align-items:center; gap:10px; min-width:0; }.monthly-product-name img,.monthly-product-name > i { flex:0 0 43px; width:43px; height:43px; display:grid; place-items:center; border-radius:8px; object-fit:cover; color:#75859a; background:#edf2f7; font-style:normal; }.monthly-product-name section { min-width:0; }.monthly-product-name strong,.monthly-product-name small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.monthly-product-name strong { color:#24354b; font-size:11px; }.monthly-product-name small { margin-top:4px; color:#8491a2; font-size:8px; }.monthly-product-rank { width:24px; height:24px; display:grid; place-items:center; border-radius:50%; color:#52637a; background:#edf2f7; font-size:9px; }.monthly-product-item > strong { color:#1e3047; }.monthly-product-item .monthly-product-profit,.monthly-product-percent { color:#16856a; }
.monthly-product-toolbar { display:flex; align-items:end; gap:8px; flex-wrap:wrap; justify-content:flex-end; }.monthly-product-toolbar > label { color:#77869a; font-size:8px; font-weight:800; text-transform:uppercase; }.monthly-product-toolbar input { display:block; margin-top:4px; padding:7px 8px; border:1px solid #d9e1ea; border-radius:7px; color:#33445a; background:#fff; font-size:9px; }.monthly-product-toolbar > .all-month { padding:8px 11px; border:1px solid #d9e1ea; border-radius:7px; color:#68788d; background:#fff; font-size:9px; font-weight:800; cursor:pointer; }.monthly-product-toolbar > .all-month.active { border-color:#1976f9; color:#fff; background:#1976f9; }
.product-period-controls { display:flex; align-items:stretch; gap:6px; }.product-period-controls > button,.only-day-control { padding:7px 10px; border:1px solid #d9e1ea; border-radius:7px; color:#65768b; background:#fff; font-size:9px; font-weight:800; cursor:pointer; }.product-period-controls > button.active { border-color:#1976f9; color:#fff; background:#1976f9; }.only-day-control { display:flex; align-items:center; gap:7px; padding:3px 4px 3px 9px; }.only-day-control.active { border-color:#1976f9; color:#146adb; background:#edf5ff; }.only-day-control input { width:112px; margin:0; padding:5px 6px; }.monthly-product-toolbar > label.only-day-control { color:#65768b; font-size:9px; text-transform:none; }
.monthly-products-dropdown { width:100%; display:grid; grid-template-columns:1fr auto 18px; align-items:center; gap:12px; padding:11px 14px; border:1px solid #dce4ed; border-radius:9px; color:#26384f; background:#f8fafc; text-align:left; cursor:pointer; }.monthly-products-dropdown span { font-size:10px; font-weight:900; }.monthly-products-dropdown b { color:#748398; font-size:9px; }.monthly-products-dropdown i { color:#1976f9; font-size:15px; font-style:normal; transition:transform .2s; }.monthly-products-dropdown[aria-expanded="true"] { border-color:#b9d5fb; border-radius:9px 9px 0 0; background:#f1f7ff; }.monthly-products-dropdown[aria-expanded="true"] i { transform:rotate(180deg); }.monthly-products-dropdown-content { border:1px solid #dce4ed; border-top:0; border-radius:0 0 9px 9px; }.monthly-products-dropdown-content[hidden] { display:none; }.monthly-products-dropdown-content .monthly-product-head { border-radius:0; }
.compact-dropdown-panel { min-height:0; align-self:start; }.compact-panel-heading { display:flex; align-items:center; justify-content:space-between; gap:15px; }.compact-panel-heading h3 { margin:0 0 4px; font-size:16px; }.compact-panel-heading p { margin:0; color:#8290a2; font-size:12px; }.low-stock-heading-actions { display:flex; align-items:center; gap:9px; }.low-stock-alert-summary { display:flex; align-items:center; gap:5px; min-height:31px; padding:0 9px; border:1px solid #ffd5da; border-radius:8px; color:#d83e4c; background:#fff1f3; }.low-stock-alert-summary i { width:17px; height:17px; display:grid; place-items:center; border-radius:50%; color:#fff; background:#e54b59; font-size:10px; font-style:normal; font-weight:900; }.low-stock-alert-summary b { font-size:13px; }.low-stock-alert-summary small { color:#a65a62; font-size:9px; font-weight:800; }.compact-panel-toggle { display:flex; align-items:center; gap:8px; padding:8px 11px; border:1px solid #dce4ed; border-radius:8px; color:#66778c; background:#f8fafc; font-size:9px; font-weight:800; cursor:pointer; }.compact-panel-toggle i { color:#1976f9; font-size:14px; font-style:normal; transition:transform .2s; }.compact-panel-toggle[aria-expanded="true"] { border-color:#bdd7fb; color:#126ce2; background:#f1f7ff; }.compact-panel-toggle[aria-expanded="true"] i { transform:rotate(180deg); }.compact-panel-content { margin-top:15px; padding-top:6px; border-top:1px solid #e7ecf2; }.compact-panel-content[hidden] { display:none; }.compact-panel-link { display:block; margin-top:8px; color:#176fee; font-size:10px; font-weight:800; text-align:right; text-decoration:none; }
.dashboard-grid > .milestone-panel { grid-column:1; grid-row:1; order:-1; align-self:start; }.dashboard-grid > .platform-sales-panel { grid-column:2; grid-row:1; order:-1; align-self:start; }.milestone-panel .panel-title { flex-direction:column; gap:12px; }.milestone-panel .milestone-controls { width:100%; display:flex; flex-wrap:wrap; gap:5px; }.milestone-panel .milestone-summary { display:grid; grid-template-columns:1fr 1fr; gap:14px; }.milestone-panel .team-progress { grid-column:1/-1; width:100%; min-width:0; margin:0; }.milestone-panel .member-grid { grid-template-columns:1fr; gap:0; }.milestone-panel .member { padding:11px 0; border-right:0; border-bottom:1px solid #e6edf4; }.platform-sales-panel .panel-title { margin-bottom:11px; }.platform-sales-panel .platform-sales-totals { justify-content:space-between; margin-bottom:12px; padding:10px 11px; border-radius:9px; background:#f7f9fc; }.platform-sales-panel .platform-sales-list { grid-template-columns:1fr; max-height:520px; overflow:auto; padding:10px; }.platform-sales-dropdown { width:100%; display:flex; align-items:center; justify-content:space-between; padding:10px 12px; border:1px solid #dbe4ee; border-radius:8px; color:#2a3b52; background:#f8fafc; font-size:10px; font-weight:900; cursor:pointer; }.platform-sales-dropdown i { color:#1976f9; font-size:15px; font-style:normal; transition:transform .2s; }.platform-sales-dropdown[aria-expanded="true"] { border-color:#bcd7fb; border-radius:8px 8px 0 0; color:#146bdb; background:#f1f7ff; }.platform-sales-dropdown[aria-expanded="true"] i { transform:rotate(180deg); }.platform-sales-dropdown-content { border:1px solid #dbe4ee; border-top:0; border-radius:0 0 8px 8px; }.platform-sales-dropdown-content[hidden] { display:none; }
.dashboard-grid > .attendance-panel { grid-column:2; grid-row:2; align-self:start; }
.platform-report-view { padding:7px 14px; border:0; border-radius:7px; color:#fff; background:#1976f9; font-size:10px; font-weight:900; cursor:pointer; }.platform-sales-dialog { width:min(720px,calc(100vw - 40px)); max-height:82vh; overflow:auto; }.platform-sales-dialog h2 { margin:4px 0 18px; color:#17283f; }.platform-sales-dialog .platform-sales-list { grid-template-columns:1fr; max-height:none; overflow:visible; padding:0; }.platform-sales-dialog .platform-sales-item { padding:15px; }
.dashboard-grid > .milestone-panel .milestone-summary { grid-template-columns:1fr; gap:12px; }.dashboard-grid > .milestone-panel .team-progress { grid-column:1; }.dashboard-grid > .milestone-panel .member-grid { display:flex; flex-direction:column; }.dashboard-grid > .milestone-panel .member { width:100%; }
.dashboard-grid > .milestone-panel { grid-column:1/-1; grid-row:1; }.dashboard-grid > .platform-sales-panel { grid-column:1/-1; grid-row:2; }.dashboard-grid > .attendance-panel { grid-column:2; grid-row:auto; }.dashboard-grid > .milestone-panel .member { display:grid; grid-template-columns:40px minmax(0,1fr) 55px; align-items:start; }.dashboard-grid > .milestone-panel .member-info { min-width:0; }
.milestone-panel .member-grid[hidden] { display:none; }.milestone-panel.is-collapsed { padding-top:16px; padding-bottom:16px; }.milestone-panel.is-collapsed .panel-title { flex-direction:row; align-items:center; margin-bottom:10px; }.milestone-panel.is-collapsed .milestone-controls { width:auto; }.milestone-panel.is-collapsed .milestone-summary { grid-template-columns:1fr 1fr 1.4fr; align-items:center; margin-bottom:0; padding:10px 13px; }.milestone-panel.is-collapsed .team-progress { grid-column:auto; }.milestone-report-toggle { margin-left:auto; padding:7px 11px; border:1px solid #bfd7f8; border-radius:7px; color:#126ce2; background:#f1f7ff; font-size:9px; font-weight:900; cursor:pointer; }.milestone-report-toggle[aria-expanded="true"] { border-color:#1976f9; color:#fff; background:#1976f9; }
.payment-method-manager { display:grid; gap:9px; margin-bottom:12px; }.payment-method-setting { display:grid; grid-template-columns:34px minmax(180px,1fr) auto 30px; gap:10px; align-items:end; padding:10px; border:1px solid #dfe6ee; border-radius:9px; background:#fafbfd; }.payment-method-setting > span { width:34px; height:34px; display:grid; place-items:center; border-radius:8px; color:#1976f9; background:#eaf3ff; }.payment-method-setting label { margin:0; }.payment-method-setting label > input[type=text],.payment-method-setting .payment-method-name { margin-top:5px; }.payment-method-enabled { display:flex!important; align-items:center; gap:6px; padding-bottom:9px; color:#506177!important; font-size:10px!important; font-weight:800; }.payment-method-enabled input { width:auto!important; margin:0!important; accent-color:#1976f9; }.payment-method-remove { align-self:center; border:0; color:#df394c; background:transparent; font-size:20px; cursor:pointer; }
.payment-method-setting { grid-template-columns:34px minmax(180px,1fr) 78px auto 30px; }.payment-method-setting > span { color:var(--payment-setting-color); background:color-mix(in srgb,var(--payment-setting-color) 12%,white); }.payment-method-color input { width:100%!important; height:36px; margin-top:5px!important; padding:3px!important; cursor:pointer; }.payment-method-options input:checked + span { border-color:var(--payment-method-color); color:#fff; background:var(--payment-method-color); box-shadow:0 0 0 2px color-mix(in srgb,var(--payment-method-color) 20%,transparent); }
.payment-method-setting { grid-template-columns:42px minmax(170px,1fr) minmax(130px,.8fr) 72px auto 30px; }.payment-method-logo-preview { width:42px!important; height:42px!important; overflow:hidden; }.payment-method-logo-preview img { width:100%; height:100%; object-fit:contain; background:#fff; }.payment-method-logo-input-label input { max-width:170px; margin-top:5px!important; padding:6px!important; font-size:8px; }.payment-method-options span { display:flex; align-items:center; justify-content:center; gap:7px; }.payment-method-options span img { width:25px; height:25px; border-radius:5px; object-fit:contain; background:#fff; }.payment-method-options span b { font-size:11px; }
.orders-batch-bar .bulk-action-button { color:#1c3049; background:#fff; }.bulk-action-dialog { width:min(430px,calc(100vw - 36px)); }.bulk-action-dialog h2 { margin:5px 0; color:#17263b; }.bulk-action-count { margin:5px 0 18px; color:#718096; font-size:11px; }.bulk-action-dialog label { display:block; color:#5e6d80; font-size:10px; font-weight:800; }.bulk-action-dialog select { width:100%; margin-top:7px; padding:11px; border:1px solid #d8e1eb; border-radius:8px; color:#26384e; background:#fff; }.bulk-action-dialog form > button { width:100%; margin-top:15px; padding:11px; border:0; border-radius:8px; color:#fff; background:#1976f9; font-weight:900; cursor:pointer; }.bulk-action-dialog form > .make-bulk-excel { width:auto; margin-top:8px; padding:7px 10px; border:1px solid #9ed7ba; color:#087552; background:#edf9f4; font-size:9px; }
.account-page { min-height:100vh; min-width:900px; padding:28px 32px; background:#f4f7fb; }.account-page-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:20px; }.account-page-header h2 { margin:0 0 5px; font-size:24px; }.account-page-header > div > span { color:#7a8798; font-size:11px; }.account-table { overflow:hidden; border:1px solid #dfe6ef; border-radius:12px; background:#fff; box-shadow:0 3px 12px #1e324d0a; }.account-table-head,.account-row { display:grid; grid-template-columns:1.35fr 1.4fr 1.3fr .8fr 80px; gap:16px; align-items:center; }.account-table-head { min-height:46px; padding:0 16px; color:#6f8096; background:#f5f8fc; font-size:8px; font-weight:900; }.account-row { min-height:72px; padding:10px 16px; border-top:1px solid #e2e8f0; }.account-row:hover { background:#fbfdff; }.account-staff { display:flex; align-items:center; gap:11px; }.account-staff > span { width:38px; height:38px; display:grid; place-items:center; border-radius:8px; color:#fff; background:#1475fa; font-size:12px; font-weight:900; }.account-staff strong,.account-staff small,.account-role b,.account-role small,.account-target strong,.account-target small { display:block; }.account-staff strong { color:#1d2d42; font-size:11px; }.account-staff small,.account-role small,.account-target small { margin-top:3px; color:#7e8b9c; font-size:8px; }.account-role b { width:max-content; padding:4px 7px; border-radius:5px; color:#1767d3; background:#eaf2ff; font-size:8px; }.account-target strong { color:#17263a; font-size:11px; }.account-status { display:inline-block; min-width:58px; padding:4px 9px; border-radius:13px; font-size:8px; font-style:normal; font-weight:900; text-align:center; }.account-status.active { color:#14745b; background:#d9f0e7; }.account-status.inactive { color:#c33746; background:#fbdde1; }.account-actions { display:flex; justify-content:flex-end; gap:6px; }.account-actions button { width:29px; height:29px; border:1px solid #dce4ed; border-radius:5px; color:#1976f9; background:#fff; cursor:pointer; }.account-actions .remove { color:#e13c50; }.account-empty { padding:50px; color:#7f8c9d; text-align:center; }.account-dialog { width:min(760px,calc(100vw - 38px)); }.account-dialog h2 { margin:0 0 22px; color:#17263a; }.account-form-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }.account-form-grid.three { grid-template-columns:1fr 1fr 1fr; margin-top:14px; }.account-dialog label,.account-market-access legend { color:#527097; font-size:9px; font-weight:900; }.account-dialog input,.account-dialog select { width:100%; margin-top:6px; padding:10px; border:1px solid #d7e0ea; border-radius:7px; color:#27384e; background:#fff; }.account-market-access { margin:16px 0; padding:12px; border:1px solid #dce4ed; border-radius:8px; }.account-market-access legend { padding:0 5px; }.account-market-access > div { display:flex; gap:18px; }.account-market-access label { display:flex; align-items:center; gap:6px; color:#34465d; }.account-market-access input { width:auto; margin:0; accent-color:#1976f9; }.account-dialog footer { display:flex; justify-content:flex-end; gap:9px; margin-top:20px; }.account-dialog footer button { min-width:110px; padding:10px 16px; border:0; border-radius:19px; color:#2c3a4c; background:#f4f6f9; cursor:pointer; }.account-dialog footer button[type=submit] { color:#fff; background:#1976f9; font-weight:900; }
.account-platform-access > div { display:flex; flex-wrap:wrap; gap:9px; }.account-platform-access label { padding:7px 10px; border:1px solid #dce4ed; border-radius:8px; background:#fafbfd; }.account-platform-access label:has(input:checked) { border-color:var(--account-platform-color); color:var(--account-platform-color); background:color-mix(in srgb,var(--account-platform-color) 8%,white); }.account-platform-access label span { display:flex; align-items:center; gap:6px; }.account-platform-access label img { width:22px; height:22px; border-radius:5px; object-fit:contain; }
.account-row.is-current-account { background:#f1f7ff; box-shadow:inset 3px 0 #1976f9; }.account-actions .use-account { color:#16845f; }.account-actions button:disabled { opacity:.35; cursor:not-allowed; }
.account-table-head,.account-row { grid-template-columns:1.25fr 1.4fr 1.2fr .75fr 150px; }.account-actions .use-account { width:auto; min-width:58px; padding:0 9px; border-color:#b9e2d2; background:#effaf6; font-size:9px; font-weight:900; }.account-row.is-current-account .use-account { color:#fff; border-color:#16845f; background:#16845f; }
.account-use-toast { background:#16845f; }
.account-system-access legend small { margin-left:6px; color:#8a97a8; font-weight:500; }.account-system-access > div { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }.account-system-access label { padding:8px 9px; border:1px solid #dce4ed; border-radius:7px; background:#fafbfd; }.account-system-access label:has(input:checked) { border-color:#87b7fa; color:#146bdc; background:#edf5ff; }.account-system-access label span { line-height:1.25; }
.account-access-denied { max-width:560px; margin:70px auto; padding:48px; border:1px solid #dfe6ef; border-radius:16px; background:#fff; box-shadow:0 10px 30px #14233a12; text-align:center; }.account-access-denied > span { width:58px; height:58px; display:grid; place-items:center; margin:0 auto 14px; border-radius:50%; color:#d53b4d; background:#ffedf0; font-size:26px; }.account-access-denied h2 { margin:0 0 8px; }.account-access-denied p { color:#738196; }.account-access-denied button { margin-top:10px; padding:9px 16px; border:0; border-radius:8px; color:#fff; background:#1976f9; cursor:pointer; }.account-hide-profit .lead-financial > small,.account-hide-profit .lead-financial > b,.account-hide-profit .lead-financial > em,.account-hide-profit #monthlyOverallProfit,.account-hide-profit #monthlyLeadProfit,.account-hide-profit #monthlyConfirmedProfit,.account-hide-profit #monthlyProfitMargin,.account-hide-profit #platformProfitGrandTotal,.account-hide-profit .platform-profit-value,.account-hide-profit #monthlyProductsProfit,.account-hide-profit .monthly-product-profit,.account-hide-profit .monthly-product-percent,.account-hide-profit .reference-detail-item div b,.account-hide-profit .reference-payment-card p:last-child { display:none!important; }
.account-limited-dashboard .stat-grid,.account-limited-dashboard .dashboard-grid > :not(.milestone-panel),.account-limited-dashboard .dashboard-header .header-actions { display:none!important; }.account-limited-dashboard .dashboard-grid { display:block; }.account-limited-dashboard .milestone-panel { width:100%; }.account-limited-dashboard .milestone-panel .member-grid[hidden] { display:flex; }.account-limited-dashboard .milestone-report-toggle { display:none; }.account-limited-dashboard .dashboard-header span { font-size:0; }.account-limited-dashboard .dashboard-header span::after { content:'Your personal sales milestone and performance.'; font-size:13px; }
.account-hide-profit .member-metrics .profit { display:none!important; }
.account-access-denied > div { display:flex; justify-content:center; gap:9px; }.account-access-denied .return-owner { background:#17283f; }
.platform-sales-metrics.expanded { grid-template-columns:repeat(4,1fr); gap:6px; }.platform-sales-metrics.expanded p { padding:6px; }.platform-sales-metrics.expanded span { font-size:7px; }.platform-sales-metrics.expanded b { overflow:hidden; font-size:9px; text-overflow:ellipsis; }
.four-summary-metrics { grid-template-columns:repeat(4,1fr); }.four-summary-metrics > div { padding:0 15px; }.leads-icon { color:#d48600; background:#fff3d9; }.four-summary-metrics h3 { font-size:20px; }.four-summary-metrics small { line-height:1.35; }
.monthly-two-trackers { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:17px; }.monthly-tracker { overflow:hidden; border:1px solid #e1e8f0; border-radius:11px; background:#fafcff; }.monthly-tracker.pending { border-left:4px solid #e3a01a; }.monthly-tracker.confirmed { border-left:4px solid #1976f9; }.monthly-tracker header { display:flex; align-items:center; gap:10px; padding:12px 14px; border-bottom:1px solid #e4eaf1; }.monthly-tracker header div { flex:1; }.monthly-tracker header strong,.monthly-tracker header small { display:block; }.monthly-tracker header strong { color:#26384f; font-size:12px; }.monthly-tracker header small { margin-top:3px; color:#8391a3; font-size:9px; }.monthly-tracker header > b { padding:5px 8px; border-radius:12px; color:#8c620a; background:#fff2d5; font-size:9px; }.monthly-tracker.confirmed header > b { color:#1766d0; background:#e8f2ff; }.monthly-tracker > div { display:grid; grid-template-columns:1fr 1fr; }.monthly-tracker p { margin:0; padding:13px 15px; border-right:1px solid #e4eaf1; }.monthly-tracker p:last-child { border:0; }.monthly-tracker p span,.monthly-tracker p strong,.monthly-tracker p small { display:block; }.monthly-tracker p span { color:#7e8da1; font-size:9px; }.monthly-tracker p strong { margin-top:5px; color:#24364d; font-size:17px; }.monthly-tracker p:last-child strong { color:#16856a; }.monthly-tracker p small { margin-top:3px; color:#16856a; font-size:8px; }
.monthly-combined-totals { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:16px; }.monthly-combined-totals > div { position:relative; overflow:hidden; padding:14px 17px; border-radius:10px; color:#fff; background:linear-gradient(135deg,#15223a,#294267); }.monthly-combined-totals > div:last-child { background:linear-gradient(135deg,#116c58,#179376); }.monthly-combined-totals span,.monthly-combined-totals strong,.monthly-combined-totals small { display:block; }.monthly-combined-totals span { color:#b9c9df; font-size:8px; font-weight:900; letter-spacing:.8px; }.monthly-combined-totals strong { margin-top:5px; font-size:22px; }.monthly-combined-totals small { margin-top:3px; color:#aebdd1; font-size:8px; }.monthly-combined-totals > div:last-child span,.monthly-combined-totals > div:last-child small { color:#bce4da; }
.submitted-platform-logo { flex:0 0 38px; width:38px; height:38px; display:grid; place-items:center; overflow:hidden; border-radius:9px; color:var(--submitted-platform-ink,#fff); background:var(--submitted-platform-color,#697386); font-size:14px; font-weight:900; }.submitted-platform-logo img { width:100%; height:100%; object-fit:contain; }.submitted-platform-logo.has-image { background:transparent; }
.submitted-popup-totals { width:260px; margin:15px 0 0 auto; padding:11px 13px; border:1px solid #dfe7ef; border-radius:9px; background:#f8fafc; }.submitted-popup-totals p { display:flex; align-items:center; justify-content:space-between; margin:0; padding:6px 0; color:#69788b; font-size:11px; }.submitted-popup-totals p:last-child { margin-top:4px; padding-top:10px; border-top:1px solid #ced8e4; color:#16243a; font-weight:900; }.submitted-popup-totals strong { color:#1670ed; font-size:15px; }
.system-order-defaults { display:grid; grid-template-columns:1fr 1fr; gap:12px; }.system-order-defaults label { margin:0!important; }
.submitted-popup-bottom { display:grid; grid-template-columns:1fr 260px; gap:14px; align-items:stretch; margin-top:15px; }.submitted-popup-bottom .submitted-popup-totals { width:auto; margin:0; }.submitted-popup-customer { padding:12px 14px; border:1px solid #dfe7ef; border-radius:9px; background:#f8fafc; }.submitted-popup-customer > span,.submitted-popup-customer > strong,.submitted-popup-customer > a,.submitted-popup-customer > small { display:block; }.submitted-popup-customer > span { margin-bottom:7px; color:#7d8ca0; font-size:8px; font-weight:900; letter-spacing:.7px; }.submitted-popup-customer > strong { color:#1f3048; font-size:12px; }.submitted-popup-customer > a { margin-top:4px; color:#1773ee; font-size:10px; text-decoration:none; }.submitted-popup-customer > small { margin-top:5px; color:#617086; font-size:9px; }.submitted-popup-customer address { margin-top:8px; color:#657489; font-size:9px; font-style:normal; line-height:1.45; }
.order-destination-bar button[data-order-platform-filter] { border-color:var(--filter-platform-color,#1976f9); color:var(--filter-platform-color,#1976f9); background:color-mix(in srgb,var(--filter-platform-color,#1976f9) 9%,white); font-weight:800; }.order-destination-bar button[data-order-platform-filter].active { border-color:var(--filter-platform-color,#1976f9)!important; color:var(--filter-platform-ink,#fff)!important; background:var(--filter-platform-color,#1976f9)!important; box-shadow:0 4px 10px color-mix(in srgb,var(--filter-platform-color,#1976f9) 25%,transparent); }
.lead-summary-cards { display:grid; grid-template-columns:repeat(5,1fr); gap:10px; margin:-7px 0 16px; }.lead-summary-card { min-width:0; display:flex; align-items:center; gap:11px; padding:13px 14px; border:1px solid #dfe7f0; border-radius:10px; background:#fff; box-shadow:0 3px 9px rgba(35,55,83,.04); }.lead-summary-card > span { flex:0 0 34px; width:34px; height:34px; display:grid; place-items:center; border-radius:9px; font-size:16px; font-weight:900; }.lead-summary-card div { min-width:0; }.lead-summary-card small,.lead-summary-card strong { display:block; }.lead-summary-card small { color:#8090a4; font-size:8px; font-weight:900; letter-spacing:.5px; }.lead-summary-card strong { margin-top:5px; overflow:hidden; color:#26384f; font-size:14px; text-overflow:ellipsis; white-space:nowrap; }.lead-summary-card.sales > span { color:#176ff0; background:#e8f2ff; }.lead-summary-card.profit > span { color:#16856a; background:#e3f8f0; }.lead-summary-card.customers > span { color:#8758d4; background:#f1e9ff; }.lead-summary-card.orders > span { color:#d48600; background:#fff3d9; }.lead-summary-card.products > span { color:#d94454; background:#ffecee; }
* { box-sizing:border-box; } body { margin:0; font-family:Inter,Segoe UI,Arial,sans-serif; color:var(--ink); background:var(--bg); font-size:14px; }
.sidebar { position:fixed; inset:0 auto 0 0; width:292px; background:#121b2c; color:#b8c4d5; padding:34px 16px; overflow:auto; }
.brand-mark { margin:auto; width:92px; height:92px; display:grid; place-items:center; border:3px solid #27436d; border-radius:50%; color:#fff; background:radial-gradient(circle,#263c60,#05080d); font-size:41px; font-weight:800; font-family:Georgia,serif; box-shadow:inset 0 0 0 5px #0b101b; } h1 { text-align:center; color:#fff; margin:16px 0 27px; font-size:21px; }
.profile { display:flex; align-items:center; gap:13px; padding:17px; background:#1b2639; border-radius:17px; color:white; } .avatar { width:40px; height:40px; display:grid; place-items:center; border-radius:10px; background:#3b82f6; font-weight:800; font-size:18px; } .profile small { display:block; margin-top:5px; color:#8cb2dc; font-size:11px; }
nav { margin-top:43px; } nav p { font-size:11px; letter-spacing:1px; color:#51637d; font-weight:800; margin:32px 17px 14px; } nav a { display:flex; gap:15px; align-items:center; padding:17px; color:#b7c5d7; text-decoration:none; font-size:16px; border-radius:11px; margin:4px 0; } nav a span { width:19px; text-align:center; color:#b4c2d3; } nav a.active { background:linear-gradient(100deg,#2777f2,#4288f6); color:#fff; box-shadow:0 6px 20px #1564d04a; } nav a.active span { color:#fff; }
.nav-group { margin:4px 0; }.nav-group summary { list-style:none; cursor:pointer; display:flex; align-items:center; gap:15px; padding:17px; color:#b7c5d7; font-size:16px; border-radius:11px; }.nav-group summary::-webkit-details-marker { display:none; }.nav-group summary span { width:19px; text-align:center; }.nav-group summary b { margin-left:auto; font-size:15px; transition:.15s; }.nav-group[open] summary b { transform:rotate(180deg); }.nav-group .sub-nav { margin:1px 0 1px 32px; padding:11px 13px; font-size:13px; color:#a6b5c9; }.nav-group .sub-nav.active { background:#1d3c69; color:#fff; box-shadow:none; }
main { margin-left:292px; min-width:880px; } .topbar { background:#fff; padding:0 23px 10px; box-shadow:0 1px 5px #09142613; }.tabs { height:61px; display:flex; gap:2px; border-bottom:1px solid var(--line); }.tab { border:0; background:none; padding:0 20px; color:#6a7a91; font-size:14px; font-weight:700; cursor:pointer; border-bottom:3px solid transparent; }.tab.active { color:var(--blue); border-bottom-color:var(--blue); background:#f4f8ff; }.tab b { font-size:12px; margin-left:4px; color:inherit; opacity:.8; }
.filters { padding-top:10px; display:flex; align-items:center; gap:18px; color:#5f6775; }.filters button { margin-right:7px; }.pill { border:1px solid #8b98a8; color:#6c7787; background:white; padding:7px 20px; border-radius:20px; cursor:pointer; }.pill.active { background:var(--blue); border-color:var(--blue); color:#fff; }
.toolbar { height:78px; padding:17px 34px; display:flex; align-items:center; gap:18px; background:#f8fbff; }.select-all input, .row-select { appearance:none; width:16px; height:16px; border:1px solid #d4dce5; border-radius:4px; background:#fff; cursor:pointer; vertical-align:middle; }.select-all input:checked, .row-select:checked { background:var(--blue); border-color:var(--blue); box-shadow:inset 0 0 0 3px #fff; }.search { width:394px; height:44px; display:flex; align-items:center; gap:12px; padding:0 15px; border:1px solid #dce5f0; border-radius:12px; background:#f7faff; color:#81a2cc; font-size:26px; }.search input { border:0; outline:0; background:transparent; width:100%; font-size:15px; color:#31425b; }.refresh { margin-left:auto; background:#fff; border:1px solid #d3dce7; padding:8px 13px; border-radius:4px; font-size:15px; cursor:pointer; }
.table-wrap { margin:23px; border:1px solid #dfe7f0; border-radius:20px; overflow:hidden; background:#fff; } table { border-collapse:collapse; width:100%; } th { height:53px; text-align:left; font-size:12px; color:#537095; } th:first-child, td:first-child { padding-left:27px; width:57px; } td { border-top:1px solid var(--line); padding:12px 10px; vertical-align:middle; } tbody tr:hover { background:#f8fbff; }.order-id { color:#0570ff; font-weight:800; font-size:17px; }.dest { display:inline-grid; place-items:center; margin-left:12px; width:40px; height:39px; border-radius:9px; color:white; background:var(--orange); font-size:11px; font-weight:800; }.customer { min-width:430px; }.customer strong { display:block; font-size:14px; color:#111b2b; margin-bottom:5px; }.contact, .address, .note { display:block; max-width:600px; color:#5c687a; font-size:12px; line-height:18px; }.contact { color:#428468; }.note { text-decoration:underline; }.view { border:1px solid #dce4ed; background:#fbfcfe; border-radius:28px; width:78px; height:48px; cursor:pointer; color:#0e1728; }.view span { color:#1876fa; font-size:15px; display:block; }.amount { white-space:nowrap; }.total { font-size:16px; }.payment { margin-top:7px; display:flex; }.payment button { background:#fff; border:1px solid #96a3b5; padding:2px 8px; font-size:11px; color:#617188; cursor:pointer; }.payment button:first-child { border-radius:4px 0 0 4px; }.payment button:last-child { border-radius:0 4px 4px 0; }.payment .active { background:#e5364d; border-color:#e5364d; color:#fff; font-weight:700; }.badge { display:inline-block; min-width:78px; text-align:center; border:1px solid #ffe0a0; background:#fffae8; color:#aa5a02; padding:5px 9px; border-radius:6px; font-size:12px; font-weight:700; }.badge.processing { border-color:#c6dcff; background:#edf5ff; color:#1664d2; }.badge.shipped { border-color:#b9e8dd; background:#ecfcf7; color:#147b62; }.badge.received { border-color:#cbeacc; background:#effbef; color:#35813c; }.badge.canceled { border-color:#ffbec4; background:#ffeaeb; color:#bf2737; }.process { background:#096cf5; color:#fff; border:0; padding:9px 16px; min-width:97px; border-radius:5px; font-size:15px; cursor:pointer; }.process:disabled { background:#d8e1ed; color:#7b899b; }.delete { margin-left:13px; border:0; background:none; color:#f23a4e; font-size:20px; cursor:pointer; }.empty { padding:60px; color:#6e7c91; text-align:center; }.bulk-bar { position:fixed; bottom:17px; left:calc(50% - 84px); transform:translateX(-50%); background:#142137; color:#fff; padding:13px 17px; border-radius:30px; display:flex; align-items:center; gap:16px; box-shadow:0 9px 25px #111b2d45; }.bulk-bar i { height:26px; width:1px; background:#8996a8; }.bulk-bar button { border:0; border-radius:25px; padding:10px 20px; color:white; font-size:15px; font-weight:700; cursor:pointer; }.print { background:#1376f9; }.cancel { background:#ee3549; } dialog { border:0; border-radius:18px; padding:28px; min-width:390px; box-shadow:0 20px 60px #10182855; } dialog::backdrop { background:#15203388; }.close { float:right; border:0; background:none; font-size:27px; cursor:pointer; } .detail-grid { display:grid; grid-template-columns:1fr 1fr; gap:15px; margin-top:20px; }.detail-grid p { margin:0; color:#6c7a8d; }.detail-grid strong { display:block; color:#132037; margin-top:3px; }
@media(max-width:1100px) { .customer { min-width:290px; }.tabs .tab { padding:0 11px; } }
.dashboard { padding:32px 34px 45px; min-width:900px; }.dashboard-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:29px; }.eyebrow { color:#7190b7; letter-spacing:1px; font-weight:800; font-size:11px; margin:0 0 6px; }.dashboard-header h2 { margin:0 0 8px; font-size:25px; }.dashboard-header span { color:#728198; }.header-actions { display:flex; gap:12px; }.date-button, .primary { border-radius:7px; padding:11px 15px; font-weight:700; cursor:pointer; font-size:14px; }.date-button { border:1px solid #d8e1ec; background:#fff; color:#5f7087; }.primary { color:#fff; border:0; background:#1976f9; box-shadow:0 5px 15px #1b70e436; }.stat-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-bottom:20px; }.home-stat-grid { grid-template-columns:repeat(2,1fr); }.stat-card { background:#fff; border:1px solid #e0e8f1; border-radius:15px; padding:20px; min-height:151px; position:relative; overflow:hidden; }.stat-card:after { content:""; position:absolute; width:95px; height:95px; right:-42px; top:-43px; border-radius:50%; opacity:.5; }.stat-card.blue:after { background:#d4e7ff; }.stat-card.amber:after { background:#fff0cc; }.stat-card.green:after { background:#ccefe5; }.stat-card.red:after { background:#ffe1e5; }.stat-card.purple:after { background:#ebddff; }.stat-card.teal:after { background:#d8f4f2; }.stat-icon { width:37px; height:37px; display:grid; place-items:center; border-radius:9px; font-size:19px; margin-bottom:17px; }.blue .stat-icon { color:#1374f7; background:#e8f2ff; }.amber .stat-icon { color:#dd8a00; background:#fff4d9; }.green .stat-icon { color:#17856b; background:#e3f8f0; }.red .stat-icon { color:#e13e4e; background:#ffedf0; }.purple .stat-icon { color:#7c56c8; background:#f1eaff; }.teal .stat-icon { color:#148878; background:#e2f8f5; }.stat-card p { margin:0; color:#718198; font-weight:600; }.stat-card h3 { font-size:27px; margin:5px 0; }.stat-card span { color:#2c9b71; font-weight:700; font-size:12px; }.stat-card span i { color:#8491a2; font-style:normal; font-weight:500; }.amber span { color:#d89112; }.red span { color:#e24753; }.purple span { color:#7c56c8; }.teal span { color:#168879; }.dashboard-grid { display:grid; grid-template-columns:1.55fr 1fr; gap:20px; }.panel { border:1px solid #e0e8f1; border-radius:15px; background:#fff; padding:20px; }.panel-title { display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:16px; }.panel-title h3 { margin:0 0 4px; font-size:16px; }.panel-title p { margin:0; font-size:12px; color:#8290a2; }.panel-title a { font-size:13px; color:#166fee; text-decoration:none; font-weight:700; }.mini-table { width:100%; }.mini-table th { font-size:10px; height:28px; }.mini-table td { padding:11px 0; font-size:12px; }.mini-table td:first-child { padding-left:0; width:auto; color:#0873ff; }.mini-table strong, .mini-table small { display:block; }.mini-table small { color:#8491a2; font-size:11px; margin-top:3px; }.mini-action { background:#eef6ff; border:0; color:#096ff1; font-weight:700; padding:7px 9px; border-radius:5px; cursor:pointer; }.more { border:0; background:transparent; color:#728198; font-weight:800; }.activity { display:flex; align-items:center; gap:10px; padding:9px 0; }.activity-icon { width:31px; height:31px; display:grid; place-items:center; border-radius:50%; font-weight:800; }.receive { color:#16816a; background:#e2f8f1; }.dispatch { color:#1c70e5; background:#e5f0ff; }.adjust { color:#be7a00; background:#fff3da; }.activity p { flex:1; margin:0; }.activity strong, .activity small { display:block; }.activity strong { font-size:12px; }.activity small { font-size:11px; color:#8390a0; margin-top:3px; }.activity time { color:#94a0af; font-size:10px; }.stock-panel, .revenue-panel { min-height:220px; }.stock-item { display:flex; align-items:center; gap:10px; padding:8px 0; }.product-dot { height:35px; width:35px; border-radius:9px; }.pink { background:#ffd7de; }.purple { background:#e4d6ff; }.orange { background:#ffe1c6; }.stock-item p { margin:0; flex:1; }.stock-item strong, .stock-item small { display:block; }.stock-item strong { font-size:12px; }.stock-item small { color:#8491a2; font-size:10px; margin-top:3px; }.stock-number { font-size:12px; border-radius:6px; padding:5px 7px; }.danger { color:#c83240; background:#ffe9eb; }.warning { color:#b87600; background:#fff4dc; }.revenue-panel h2 { font-size:27px; margin:16px 0 5px; }.positive { color:#1e9a6d; font-size:12px; font-weight:700; margin:0; }.positive span { color:#8593a4; font-weight:500; }.chart { height:70px; margin-top:19px; display:flex; align-items:end; gap:11px; border-bottom:1px solid #e3eaf2; }.chart i { flex:1; background:linear-gradient(#73adff,#1e76f7); border-radius:4px 4px 0 0; }.chart-days { display:flex; justify-content:space-between; color:#93a0af; font-size:10px; margin-top:7px; }
.summary-card { grid-column:1 / -1; min-height:auto; padding:18px 22px; }.summary-card:after { display:none; }.summary-heading { display:flex; justify-content:space-between; align-items:start; }.summary-heading p { color:#547093; font-weight:800; font-size:11px; letter-spacing:.8px; }.summary-heading small { color:#8997a9; font-size:11px; }.summary-heading > span { color:#178a6e; background:#eaf9f4; border-radius:15px; padding:5px 9px; font-size:10px; }.summary-metrics { display:grid; grid-template-columns:repeat(3,1fr); margin-top:17px; }.summary-metrics > div { display:grid; grid-template-columns:42px 1fr; column-gap:10px; border-right:1px solid #e6edf4; padding:0 22px; }.summary-metrics > div:first-child { padding-left:0; }.summary-metrics > div:last-child { border:0; }.summary-icon { grid-row:span 3; width:37px; height:37px; display:grid; place-items:center; border-radius:9px; font-size:18px; }.orders-icon { color:#176ff3; background:#e7f1ff; }.sales-icon { color:#d78a05; background:#fff3da; }.profit-icon { color:#14846b; background:#e3f8f0; }.summary-metrics p { font-size:12px; }.summary-metrics h3 { font-size:23px; margin:3px 0; }.summary-metrics small { color:#8795a7; font-size:10px; }
.milestone-panel { grid-column:1 / -1; }.month-tag { color:#527199; background:#f1f6fe; padding:6px 9px; border-radius:5px; font-size:10px; font-weight:800; letter-spacing:.5px; }.milestone-summary { display:flex; align-items:center; gap:40px; padding:12px 15px; margin-bottom:18px; border-radius:10px; background:#f7faff; }.milestone-summary span, .milestone-summary strong { display:block; }.milestone-summary span { color:#7a899d; font-size:11px; margin-bottom:4px; }.milestone-summary strong { font-size:17px; }.team-progress { margin-left:auto; min-width:190px; }.team-progress b { float:right; color:#1976f9; font-size:12px; margin-top:1px; }.team-progress div, .member-bar { height:7px; overflow:hidden; background:#dfe9f5; border-radius:8px; }.team-progress div { margin-right:34px; }.team-progress i, .member-bar i { display:block; height:100%; border-radius:8px; background:linear-gradient(90deg,#1675f8,#66a4ff); }.member-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }.member { display:flex; align-items:flex-start; gap:10px; border-right:1px solid #e6edf4; padding-right:14px; }.member:last-child { border:0; }.member-avatar { flex:0 0 34px; width:34px; height:34px; display:grid; place-items:center; border-radius:10px; color:#fff; font-weight:800; }.blue-avatar { background:#3884f7; }.purple-avatar { background:#9072e8; }.orange-avatar { background:#f09144; }.member-info { flex:1; }.member-info strong, .member-info small { display:block; }.member-info strong { font-size:12px; }.member-info small { color:#8794a5; font-size:10px; margin-top:2px; }.member-info small b { color:#304057; }.member-bar { margin-top:9px; }.percent { font-size:12px; }.percent.good { color:#16866a; }.percent.watch { color:#ca8400; }
.milestone-controls { display:flex; align-items:center; gap:6px; }.scope { cursor:pointer; border:1px solid #dce6f1; color:#63758d; background:#fff; padding:6px 9px; border-radius:5px; font-size:11px; font-weight:700; }.scope.active { color:#fff; border-color:#1976f9; background:#1976f9; }
.member-metrics { display:grid; grid-template-columns:repeat(2,1fr); gap:7px 12px; margin-top:10px; }.member-metrics p { margin:0; }.member-metrics span, .member-metrics b { display:block; }.member-metrics span { color:#8794a5; font-size:9px; }.member-metrics b { color:#314157; font-size:10px; margin-top:2px; }.member-metrics b.profit { color:#17866a; }
.attendance-panel { min-height:220px; }.attendance-summary { display:flex; align-items:baseline; gap:7px; padding:9px 11px; background:#f5f9ff; border-radius:8px; margin-bottom:9px; }.attendance-summary b { color:#1976f9; font-size:17px; }.attendance-summary span { color:#74849a; font-size:11px; }.attendance-summary em { color:#8796aa; font-size:9px; font-style:normal; margin-left:auto; }.attendance-row { display:flex; align-items:center; gap:8px; padding:7px 0; }.attendance-row .member-avatar { width:27px; height:27px; flex-basis:27px; border-radius:8px; font-size:11px; }.attendance-row p { margin:0; flex:1; }.attendance-row strong, .attendance-row small { display:block; }.attendance-row strong { font-size:11px; }.attendance-row small { color:#8895a6; font-size:9px; margin-top:2px; }.attendance-row > b { color:#b66f00; background:#fff2d9; padding:4px 6px; border-radius:5px; font-size:9px; }.attendance-row > b.present { color:#167e65; background:#e5f8f1; }.attendance-row.absent { opacity:.65; }.gray-avatar { background:#aab4c2; }
.customer-page { padding:32px 34px; min-width:900px; }.customer-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:24px; }.customer-header h2 { margin:0 0 7px; font-size:25px; }.customer-header span { color:#75849a; }.customer-tools { display:flex; align-items:center; justify-content:space-between; margin-bottom:18px; }.customer-search { width:330px; display:flex; align-items:center; gap:8px; color:#7c9ec5; background:#f0f5fb; border-radius:19px; padding:8px 13px; font-size:19px; }.customer-search input { border:0; outline:0; background:none; color:#435168; font-size:13px; width:100%; }.customer-tools > span { color:#8391a3; font-size:12px; }.customer-table-wrap { background:#fff; border:1px solid #e0e8f1; border-radius:15px; overflow:hidden; }.customer-table { width:100%; border-collapse:collapse; }.customer-table th { text-align:left; height:43px; color:#496887; font-size:11px; padding:0 21px; }.customer-table td { padding:11px 21px; border-top:1px solid #e1e8ef; font-size:13px; }.customer-table td strong,.customer-table td small { display:block; }.customer-table td strong { color:#1b2a3d; }.customer-table td small { color:#8493a7; font-size:11px; margin-top:5px; }.customer-table td p { max-width:340px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#708197; font-size:11px; margin:6px 0 0; }.city { display:inline-block; padding:3px 7px; background:#f5f7fa; border:1px solid #e1e7ee; border-radius:5px; font-size:10px; color:#2f4057; font-weight:700; }.whatsapp { color:#18bf63; border:0; background:none; font-weight:700; cursor:pointer; font-size:13px; }.new-order { border:0; background:#148b53; color:#fff; padding:8px 13px; border-radius:18px; font-size:12px; font-weight:700; cursor:pointer; }.icon-action { margin-left:9px; border:0; border-radius:7px; width:30px; height:30px; cursor:pointer; background:#f7f9fc; }.edit { color:#1875ff; }.remove { color:#f34a57; }.dialog-copy { color:#6c7b8d; line-height:1.8; margin:22px 0; }
.customer-form { margin-top:22px; }.customer-form label { display:block; margin:15px 0; color:#3e4855; font-size:12px; font-weight:800; }.customer-form input,.customer-form select,.customer-form textarea { display:block; width:100%; margin-top:8px; padding:10px 12px; color:#364257; font:16px Inter,Segoe UI,Arial,sans-serif; border:1px solid #dbe3ec; border-radius:6px; outline-color:#2879f7; background:#fff; }.customer-form textarea { min-height:66px; resize:vertical; }.form-actions { display:flex; justify-content:flex-end; gap:10px; margin-top:27px; }.form-actions button { padding:10px 14px; border-radius:6px; font-size:14px; }.form-cancel { border:0; background:#f7f8fa; color:#354155; cursor:pointer; }
.customer-form .same-number-option { display:flex; align-items:center; gap:8px; width:max-content; margin:-7px 0 15px; color:#52647a; cursor:pointer; font-weight:700; }.customer-form .same-number-option input { width:16px; height:16px; margin:0; padding:0; accent-color:#1677ff; cursor:pointer; }.customer-form input[readonly] { background:#f4f7fb; color:#63738a; }
.product-summary { display:grid; grid-template-columns:repeat(4,1fr); background:#fff; border:1px solid #e0e8f1; border-radius:13px; margin-bottom:18px; }.product-summary div { padding:16px 20px; border-right:1px solid #e5ebf2; }.product-summary div:last-child { border:0; }.product-summary span,.product-summary strong { display:block; }.product-summary span { color:#7c8b9e; font-size:11px; }.product-summary strong { color:#24364c; font-size:20px; margin-top:5px; }.red-text { color:#e24050!important; }.stock-qty { color:#177c63; background:#e9f9f3; border-radius:6px; padding:5px 8px; font-weight:700; font-size:11px; }.stock-qty.low { color:#c93645; background:#ffe9eb; }.profit-text { color:#15856a; }
.product-sort { margin-right:12px; padding:10px 33px 10px 12px; color:#52647c; background:#fff; border:1px solid #dce5ee; border-radius:7px; font-weight:600; }
.product-list-tools { justify-content:flex-start; gap:10px; }.product-list-tools .customer-search { flex:1; min-width:260px; }.product-list-filter { display:flex; align-items:center; gap:7px; padding:5px 7px 5px 11px; border:1px solid #dce5ee; border-radius:9px; color:#718198; background:#fff; font-size:10px; font-weight:800; text-transform:uppercase; }.product-list-filter select,.product-list-filter input { min-width:145px; padding:7px 25px 7px 8px; border:0; outline:0; color:#35475e; background:#fff; font-size:12px; font-weight:700; text-transform:none; }.searchable-category-filter input { width:155px; box-sizing:border-box; }.product-list-tools > span { margin-left:auto; white-space:nowrap; }
.edit-product-page { background:#f5f7fa; }.edit-topbar { height:54px; display:flex; align-items:center; justify-content:space-between; padding:0 8px; background:#fff; border-bottom:1px solid #e5ebf1; }.edit-topbar h2 { font-size:18px; margin:0; }.edit-topbar small { color:#7f8ca0; font-size:11px; }.top-cancel { display:inline-block; color:#2c3c51; text-decoration:none; padding:9px 13px; margin-right:5px; border:1px solid #dce4ec; border-radius:6px; }.edit-product-layout { display:grid; grid-template-columns:2fr .97fr; gap:20px; padding:22px 5px; }.edit-product-main { display:flex; flex-direction:column; gap:17px; }.edit-product-side { display:flex; flex-direction:column; gap:17px; }.product-card { padding:22px 21px; border-radius:13px; background:#fff; box-shadow:0 2px 9px #2537510e; }.product-card h4 { margin:0 0 16px; color:#526782; font-size:10px; letter-spacing:.7px; }.product-card label { display:block; color:#455267; font-size:12px; font-weight:700; }.product-card label input,.product-card label select { display:block; width:100%; margin-top:7px; height:42px; padding:0 11px; background:#fff; border:1px solid #dce5ee; border-radius:7px; color:#344258; font-size:15px; }.two-fields,.three-fields { display:grid; gap:15px; }.two-fields { grid-template-columns:1fr 1fr; }.three-fields { grid-template-columns:repeat(3,1fr); }.price-focus { color:#1874f8!important; }.price-focus input { border-color:#1874f8!important; }.calculation-row { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin-top:14px; }.calculation-row span { display:grid; place-items:center; min-height:38px; color:#758399; background:#f6f8fa; border:1px solid #e5eaf0; border-radius:7px; font-size:10px; }.calculation-row b { color:#283a52; display:block; margin-top:2px; }.card-heading { display:flex; justify-content:space-between; align-items:start; }.add-row { margin-top:-8px; border:0; border-radius:16px; padding:8px 12px; background:#202733; color:#fff; font-weight:700; cursor:pointer; }.variant-table { width:100%; border-collapse:collapse; margin:0 -21px -22px; width:calc(100% + 42px); }.variant-table th { padding:10px 6px; text-align:center; background:#f5f7f9; font-size:10px; }.variant-table td { padding:6px 4px; text-align:center; }.variant-table input { width:100%; min-width:50px; border:1px solid #dce5ee; padding:9px 6px; border-radius:7px; text-align:center; color:#435268; }.variant-table .trash { color:#f04d59; }.subsection-title { margin-top:28px!important; }.toggle-line { display:flex!important; align-items:center; gap:8px; margin-top:20px; }.toggle-line input { width:25px!important; height:14px!important; margin:0!important; }.media-preview { height:258px; margin-bottom:12px; background:#fff; border:1px solid #e0e7ee; border-radius:11px; display:flex; align-items:center; justify-content:center; gap:15px; }.perfume-box { display:grid; place-items:center; width:94px; height:155px; color:#d8bc6f; font-weight:800; text-align:center; background:linear-gradient(135deg,#714a28,#24180e); }.perfume-bottle { display:grid; place-items:end center; padding-bottom:15px; width:70px; height:105px; border-radius:5px 5px 15px 15px; color:#e9c46f; font-size:10px; background:linear-gradient(135deg,#855029,#2f190d); }.media-button { width:100%; padding:10px; background:#f0f6ff; border:0; border-radius:7px; color:#1976f9; font-weight:700; }
.edit-product-page .two-fields { grid-template-columns:1fr; }.edit-product-page .two-fields > label:nth-child(2), .edit-product-page .three-fields > label:nth-child(2) { display:none; }.edit-product-side > .product-card:first-child { display:none; }.edit-product-page .variant-table th:nth-child(5), .edit-product-page .variant-table td:nth-child(5), .edit-product-page .variant-table th:nth-child(6), .edit-product-page .variant-table td:nth-child(6), .edit-product-page .variant-table th:nth-child(7), .edit-product-page .variant-table td:nth-child(7), .edit-product-page .variant-table th:nth-child(8), .edit-product-page .variant-table td:nth-child(8) { display:none; }
.edit-product-page .variant-table th:nth-child(4) { font-size:0; }.edit-product-page .variant-table th:nth-child(4)::after { content:'QUANTITY'; font-size:10px; }
.profit-fields { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; }.profit-fields label:last-child { color:#16866a; }.profit-fields label:last-child input { color:#16866a; background:#eefaf5; border-color:#bce8d9; font-weight:800; }
.profit-fields.four { grid-template-columns:repeat(4,1fr); }.profit-fields.four label:nth-child(3), .profit-fields.four label:nth-child(4) { color:#16866a; }.profit-fields.four label:nth-child(3) input, .profit-fields.four label:nth-child(4) input { color:#16866a; background:#eefaf5; border-color:#bce8d9; font-weight:800; }
.supplemental-product-fields { display:grid; grid-template-columns:1fr 1fr; gap:15px; margin-top:16px; padding-top:16px; border-top:1px solid #e6ebf1; }
.supplemental-product-fields label { color:#704c09; }
.supplemental-product-fields input { border-color:#ead7aa!important; background:#fffaf0!important; }
.currency-amount-control { display:grid; grid-template-columns:minmax(155px,.75fr) minmax(140px,1fr); gap:8px; margin-top:7px; }
.currency-amount-control select,.currency-amount-control input { width:100%!important; margin-top:0!important; }
.currency-amount-control select { height:42px; padding:0 9px; border:1px solid #ead7aa!important; border-radius:7px; color:#5d430f; background:#fffaf0!important; font-weight:800; }
.ds-cost-conversion { display:block; margin-top:6px; color:#8a6b2f; font-size:9px; font-weight:700; }
.grams-cost { display:block; margin-top:6px; color:#8a6b2f; font-size:9px; font-weight:700; }
.product-form-single { max-width:980px; margin:22px auto; display:flex; flex-direction:column; gap:17px; }.product-media-wide .media-preview { height:210px; }.product-media-wide .media-button { max-width:260px; }
.product-form-single .variant-table th:nth-child(5), .product-form-single .variant-table td:nth-child(5) { display:table-cell; }
.upload-area { height:225px; border:2px dashed #bfd0e4; border-radius:10px; display:grid!important; place-items:center; cursor:pointer; color:#5e7694!important; background:#f9fbfe; }.upload-area span { display:flex; flex-direction:column; align-items:center; gap:7px; font-size:28px; }.upload-area b { font-size:14px; }.upload-area small { color:#91a1b3; font-size:11px; font-weight:500; }.upload-area img { max-height:215px; max-width:100%; object-fit:contain; }.row-note { color:#8494a9; font-size:11px; }
.stock-summary div { position:relative; }
.stock-summary small { display:block; margin-top:5px; color:#8a97a8; font-size:11px; }
.orange-text { color:#e88b24 !important; }.green-text { color:#1d9b63 !important; }
.stock-tools { gap:12px; }.stock-tools .customer-search { flex:1; }.stock-tools .product-sort { margin:0; }
.stock-status { display:inline-flex; align-items:center; padding:6px 10px; border-radius:20px; font-size:11px; font-weight:800; }
.stock-status.healthy { color:#168056; background:#e7f7ef; }.stock-status.low { color:#b56b11; background:#fff2dc; }.stock-status.out { color:#c33b46; background:#fde9eb; }.stock-status.backorder { color:#fff; background:#c33b46; }
.adjust-row,.secondary { border:1px solid #d8e1ec; background:#fff; color:#50627a; padding:8px 12px; border-radius:9px; cursor:pointer; font-weight:700; }
.stock-history { margin-top:22px; padding:22px; background:#fff; border:1px solid #e0e7ef; border-radius:16px; }
.stock-history-head { display:flex; justify-content:space-between; align-items:center; margin-bottom:12px; }.stock-history-head h3 { margin:3px 0 0; }

.payment-method-label { display:block; margin-top:5px; color:#53657b; font-size:8px; font-weight:800; white-space:nowrap; }.payment-record-dialog { width:min(440px,calc(100vw - 32px)); }.payment-record-dialog h2 { margin:5px 0 18px; color:#17243a; }.payment-method-options { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }.payment-method-options input { position:absolute; opacity:0; pointer-events:none; }.payment-method-options span { min-height:48px; display:grid; place-items:center; padding:7px; border:1px solid #d8e1ec; border-radius:9px; color:#45556b; background:#f8fafc; font-size:11px; font-weight:800; text-align:center; cursor:pointer; }.payment-method-options input:checked + span { border-color:#1976f9; color:#0b64d8; background:#eaf3ff; box-shadow:0 0 0 2px #1976f922; }.payment-field { display:block; margin-top:14px; color:#5d6c80; font-size:10px; font-weight:800; }.payment-field small { font-weight:500; }.payment-field input { width:100%; margin-top:6px; padding:10px 11px; border:1px solid #d8e1ec; border-radius:7px; outline:0; color:#17243a; background:#fff; }.payment-field input:focus { border-color:#1976f9; box-shadow:0 0 0 3px #1976f918; }.payment-dialog-total { display:flex; justify-content:space-between; margin-top:16px; padding:13px 0; border-top:1px solid #e1e7ef; color:#64748b; }.payment-dialog-total strong { color:#17243a; }.save-payment-record { width:100%; padding:11px; border:0; border-radius:8px; color:#fff; background:#168b62; font-weight:900; cursor:pointer; }
.order-payment-logo { width:14px; height:14px; display:flex; align-items:center; justify-content:center; overflow:hidden; margin:4px 0 0; border:1px solid color-mix(in srgb,var(--payment-logo-color) 28%,#dce4ee); border-radius:4px; color:#fff; background:var(--payment-logo-color); font-size:7px; font-weight:900; box-shadow:0 1px 2px #17283f12; }.order-payment-logo img { width:100%; height:100%; object-fit:contain; background:#fff; }.order-payment-logo.cod { color:#52647b; background:#f1f4f8; }.order-payment-logo svg { width:10px; height:10px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.payment-receipt-field input[type=file] { padding:7px; background:#f8fafc; }.payment-receipt-preview { display:flex; align-items:center; gap:10px; margin-top:10px; padding:8px; border:1px solid #dce4ed; border-radius:9px; background:#f8fafc; }.payment-receipt-preview[hidden] { display:none; }.payment-receipt-preview img { width:68px; height:68px; border-radius:7px; object-fit:cover; background:#e9eef5; }.payment-receipt-preview button { border:0; color:#d9364b; background:transparent; font-size:10px; font-weight:800; cursor:pointer; }.payment-receipt-link { display:inline-flex; align-items:center; gap:6px; margin-top:6px; padding:6px 9px; border:1px solid #d7e2ef; border-radius:7px; color:#126ce2; background:#f4f8ff; font-size:9px; font-weight:800; text-decoration:none; }
.submitted-customer button[data-order-note] { display:none; }
.movement-item { display:grid; grid-template-columns:40px 1fr auto 150px; gap:12px; align-items:center; padding:13px 4px; border-top:1px solid #edf1f5; }
.movement-item small { display:block; margin-top:3px; color:#8a97a8; }.movement-item time { color:#8a97a8; font-size:12px; text-align:right; }
.movement-icon { display:grid; place-items:center; width:34px; height:34px; border-radius:10px; font-weight:900; }.movement-icon.in { color:#168056; background:#e7f7ef; }.movement-icon.out { color:#c33b46; background:#fde9eb; }
.stock-dialog { width:min(520px,90vw); border:0; border-radius:18px; padding:28px; box-shadow:0 24px 70px #1d2d4438; }.stock-dialog::backdrop { background:#19263a75; }
.stock-dialog h3 { margin:5px 0 20px; font-size:23px; }.stock-dialog label { display:block; margin:14px 0; color:#526076; font-size:12px; font-weight:700; }
.stock-dialog input,.stock-dialog select { display:block; width:100%; box-sizing:border-box; margin-top:7px; padding:12px; border:1px solid #d7e0eb; border-radius:9px; background:#fff; }.stock-dialog .two-fields { display:grid; grid-template-columns:1fr 1fr; gap:12px; }.full-button { width:100%; margin-top:8px; }
.order-dialog { width:min(1040px,95vw); max-height:88vh; overflow:hidden; padding:20px; }
.order-builder h2 { margin:3px 0 15px; }.order-customer { display:flex; justify-content:space-between; padding:12px 15px; border-radius:10px; background:#f4f8fc; color:#31435a; }.order-customer span { color:#78879a; font-size:12px; }
.order-product-search { display:flex; align-items:center; gap:8px; margin:15px 0; padding:9px 13px; border:1px solid #dfe7ef; border-radius:9px; color:#7396bd; }.order-product-search input { flex:1; border:0; outline:0; font-size:13px; }
.order-product-list { max-height:440px; overflow:auto; border:1px solid #e0e7ef; border-radius:12px; }.order-product-row { display:grid; grid-template-columns:28px 45px minmax(220px,1fr) 72px 115px; gap:10px; align-items:center; min-width:650px; padding:13px 15px; border-top:1px solid #e8edf3; }.order-product-row:first-child { border-top:0; }.order-product-row:hover { background:#f8fbff; }
.order-product-image { width:42px; height:42px; display:grid; place-items:center; overflow:hidden; border-radius:8px; color:#7890ac; background:#edf3f8; }.order-product-image img { width:100%; height:100%; object-fit:cover; }.order-product-info strong,.order-product-info small { display:block; }.order-product-info small { margin:4px 0 7px; color:#8090a4; font-size:11px; }.order-variant { max-width:260px; padding:5px 7px; border:1px solid #dbe3ec; border-radius:6px; color:#526176; background:#fff; font-size:11px; }.no-variants { color:#8a98a8; font-size:11px; }
.order-check input { width:17px; height:17px; accent-color:#168b55; }.order-price,.order-qty { color:#8996a7; font-size:9px; font-weight:800; }.order-price input,.order-qty input { margin-top:4px; padding:7px; border:1px solid #d8e1eb; border-radius:7px; }.order-price input { width:105px; color:#20354d; font-weight:800; }.order-price input:focus { outline:2px solid #bcd8ff; border-color:#2879f7; }.order-qty input { width:58px; }.order-builder { padding-bottom:74px; }.order-selection-footer { position:absolute; z-index:8; right:18px; bottom:16px; display:flex; align-items:center; justify-content:flex-end; gap:24px; min-width:420px; margin:0; padding:11px 13px; border:1px solid #cfe0f7; border-radius:12px; background:#fff; box-shadow:0 12px 32px #17283f35; animation:orderContinuePop .18s ease-out; }.order-selection-footer[hidden] { display:none!important; }.order-selection-footer div span,.order-selection-footer div strong { display:block; }.order-selection-footer div span { color:#8997a8; font-size:10px; }.order-selection-footer div strong { margin-top:3px; color:#27384e; }.order-selection-footer button:disabled { opacity:.45; cursor:not-allowed; }@keyframes orderContinuePop{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}@media(max-width:620px){.order-selection-footer{left:12px;right:12px;bottom:12px;min-width:0;gap:12px}.order-selection-footer .primary{margin-left:auto}}
.order-check input { width:17px; height:17px; accent-color:#168b55; }.order-price,.order-qty { color:#8996a7; font-size:9px; font-weight:800; }.order-price input,.order-qty input { margin-top:4px; padding:7px; border:1px solid #d8e1eb; border-radius:7px; }.order-price input { width:105px; color:#20354d; font-weight:800; }.order-price input:focus { outline:2px solid #bcd8ff; border-color:#2879f7; }.order-qty input { width:58px; }.order-builder { padding-bottom:0; }.order-selection-workspace{display:grid;grid-template-columns:1fr;gap:10px;align-items:start}.order-catalog-pane{min-width:0}.order-product-search-status{margin:6px 2px 9px;color:#8290a2;font-size:8px}.order-catalog-pane .order-product-row{grid-template-columns:22px 34px minmax(130px,1fr) 58px 88px;gap:6px;min-width:505px;padding:7px 8px}.order-catalog-pane .order-product-image{width:32px;height:32px}.order-catalog-pane .order-product-info strong{font-size:10px}.order-catalog-pane .order-product-info small{margin:2px 0 3px;font-size:7px}.order-catalog-pane .order-variant{max-width:165px;padding:3px 5px;font-size:7px}.order-catalog-pane .order-price,.order-catalog-pane .order-qty{font-size:7px}.order-catalog-pane .order-price input{width:80px;padding:5px}.order-catalog-pane .order-qty input{width:48px;padding:5px}.order-catalog-pane .order-product-list{max-height:230px}.order-catalog-pane .order-product-list[hidden]{display:none!important}.order-preinvoice{position:static;overflow:hidden;min-height:190px;border:1px solid #dce5ef;border-radius:12px;background:#f8fafc;transition:.18s}.order-preinvoice.has-selection{border-color:#abcdf8;background:#fff;box-shadow:0 8px 24px #176fee16}.order-preinvoice>header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #e2e8f0;background:#fff}.order-preinvoice>header small,.order-preinvoice>header strong{display:block}.order-preinvoice>header small{color:#1976f9;font-size:7px;font-weight:900;letter-spacing:.08em}.order-preinvoice>header strong{margin-top:3px;color:#24364d;font-size:12px}.order-preinvoice>header>span{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;color:#1976f9;background:#eaf3ff}.order-preinvoice-customer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;border-bottom:1px solid #e6ebf1}.order-preinvoice-customer b{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.order-preinvoice-customer small{color:#8290a2;font-size:7px}.order-preinvoice-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px;max-height:210px;overflow:auto;padding:5px 11px}.order-preinvoice-list>p{grid-column:1/-1;padding:25px 10px;color:#8996a7;font-size:9px;line-height:1.5;text-align:center}.order-preinvoice-list article{padding:7px 0;border-bottom:1px solid #e7ecf2}.order-preinvoice-list article>div{display:flex;align-items:center;gap:7px}.order-preinvoice-list img,.order-preinvoice-list i{width:30px;height:30px;flex:0 0 auto;display:grid;place-items:center;border-radius:6px;object-fit:cover;color:#728298;background:#edf2f7;font-style:normal}.order-preinvoice-list p{min-width:0;margin:0;flex:1}.order-preinvoice-list strong,.order-preinvoice-list small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-preinvoice-list strong{color:#26384d;font-size:9px}.order-preinvoice-list small{margin-top:2px;color:#8491a2;font-size:7px}.order-preinvoice-list article>span,.order-preinvoice-list article>b{display:block;margin:4px 0 0 37px;font-size:8px}.order-preinvoice-list article>span{color:#7b899b}.order-preinvoice-list article>b{color:#16856a}.order-preinvoice .order-selection-footer{position:static;display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:12px;min-width:0;margin:6px 10px 10px;padding:9px 10px;border:1px solid #cfe0f7;border-radius:10px;background:#fff;box-shadow:0 8px 20px #17283f18;animation:orderContinuePop .18s ease-out}.order-preinvoice .order-selection-footer button{grid-column:auto;width:auto;min-width:130px;padding:9px 14px}.order-selection-footer[hidden]{display:none!important}.order-selection-footer div span,.order-selection-footer div strong{display:block}.order-selection-footer div span{color:#8997a8;font-size:8px}.order-selection-footer div strong{margin-top:3px;color:#27384e;font-size:11px}.order-selection-footer button:disabled{opacity:.45;cursor:not-allowed}@keyframes orderContinuePop{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}@media(max-width:700px){.order-dialog{overflow:auto}.order-preinvoice-list{grid-template-columns:1fr}.order-preinvoice .order-selection-footer{grid-template-columns:1fr 1fr}.order-preinvoice .order-selection-footer button{grid-column:1/-1;width:100%}}
.lead-new { text-decoration:none; }.lead-summary { margin-top:2px; }.lead-products { display:flex; flex-wrap:wrap; gap:5px; max-width:330px; }.lead-products span { padding:4px 7px; border-radius:6px; color:#45617f; background:#eef4fa; font-size:10px; }.lead-status { padding:7px 9px; border:1px solid #d9e2ec; border-radius:7px; color:#42546b; background:#fff; font-weight:700; }
.live-leads { padding-top:22px; }.lead-pages { display:flex; gap:8px; padding:8px; margin-bottom:14px; border:1px solid #dce4ed; border-radius:9px; background:#fff; }.lead-pages button { flex:1; padding:10px; border:0; border-radius:6px; color:#5e6c7e; background:#fff; font-weight:800; cursor:pointer; }.lead-pages button.active { color:#fff; background:#1876f2; }.lead-pages.compact { padding:0; margin:0; border:0; }.lead-pages.compact button { flex:initial; min-width:76px; border:1px solid #dce4ed; }
.lead-filters { display:grid; grid-template-columns:1.7fr 1fr 1fr 1.15fr 1.25fr; gap:10px; margin-bottom:16px; padding:15px; border:1px solid #dce4ed; border-radius:9px; background:#fff; }.lead-filters label { color:#526176; font-size:10px; font-weight:800; }.lead-filters input,.lead-filters select { width:100%; margin-top:6px; padding:9px; border:1px solid #d8e1eb; border-radius:5px; color:#445267; background:#fff; }
.live-lead-table { overflow:hidden; border:1px solid #dce4ed; border-radius:9px; background:#fff; }.live-lead-head,.live-lead-row { display:grid; grid-template-columns:22px 58px 1.15fr 4.8fr 90px 74px; gap:9px; align-items:start; }.live-lead-head { padding:14px 9px; color:#42536a; background:#f8fafc; font-size:9px; font-weight:900; }.live-lead-row { padding:14px 9px; border-top:1px solid #dfe6ee; font-size:12px; }.live-lead-row strong,.live-lead-row small,.live-lead-row span { display:block; }.lead-select-cell input { width:15px; height:15px; }.lead-id-cell strong { font-size:13px; }.lead-id-cell small { margin-top:6px; color:#79889a; font-size:8px; }.lead-customer-cell strong { margin-bottom:6px; }.lead-customer-cell span { color:#1a9e6d; }.lead-customer-cell small { margin-top:5px; color:#78879a; }.quick-sku { display:flex; align-items:center; gap:7px; margin-bottom:7px; padding:6px 8px; border:1px solid #d8e1eb; border-radius:5px; color:#1876f2; }.quick-sku input { width:100%; border:0; outline:0; color:#57677b; font-size:11px; }
.lead-customer-cell .lead-whatsapp-number { display:block; width:max-content; max-width:100%; color:#128c7e; font-size:10px; font-weight:800; line-height:1.35; text-decoration:none; }
.lead-customer-cell .lead-whatsapp-number:hover { color:#075e54; text-decoration:underline; }
.lead-customer-cell .lead-calling-number { display:block; margin-top:3px; color:#43546a; font-size:9px; font-weight:700; line-height:1.35; }
.lead-customer-name-line { display:flex; flex-direction:column; align-items:flex-start; gap:3px; margin-bottom:6px; }.lead-customer-name-line strong { margin-bottom:0; color:#111; }.lead-customer-username { display:inline-block; padding:2px 5px; border-radius:9px; color:#5d6878; background:#eef1f5; font-size:8px; font-style:normal; font-weight:800; text-decoration:none; cursor:pointer; }.lead-customer-username:hover { color:#fff; background:#111; text-decoration:none; }

.live-order-item { display:grid; grid-template-columns:42px 1fr 78px 78px 24px 78px 27px; gap:7px; align-items:center; margin-bottom:6px; padding:7px; border:1px solid #dbe4ee; border-radius:6px; background:#fbfcfe; }.lead-product-photo { width:40px; height:40px; display:grid; place-items:center; overflow:hidden; border:1px solid #dfe6ee; border-radius:5px; color:#7b8da2; background:#eef3f8; }.lead-product-photo img { width:100%; height:100%; object-fit:cover; }.lead-product-copy { min-width:0; }.lead-product-copy strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.live-order-item small { color:#76869a; font-size:8px; margin-top:2px; }.live-order-item .added-by { color:#7a8797; margin-top:4px; }.live-order-item label { width:100%; align-self:end; color:#69798d; font-size:8px; }.live-order-item input,.live-order-item .item-qty-field input { width:100%; height:27px; box-sizing:border-box; padding:4px 6px; border:1px solid #d5dfea; border-radius:4px; color:#0c6eef; background:#f3f6f9; font-size:9px; font-weight:800; }.live-order-item.editing input { border-color:#2678ed; background:#fff; box-shadow:0 0 0 2px #2678ed18; }.item-edit-toggle { align-self:end; width:24px; height:27px; padding:0; border:1px solid #cad7e5; border-radius:5px; color:#2675d7; background:#fff; cursor:pointer; font-size:12px; }.item-profit { width:100%; min-height:38px; display:flex; flex-direction:column; align-items:flex-end; justify-content:flex-end; text-align:right; }.item-profit span { display:inline-block!important; padding:2px 5px; border-radius:10px; color:#19815f; background:#dff3eb; font-size:8px; font-weight:900; }.item-profit strong { margin-top:4px; color:#168056; font-size:9px; }.item-remove-action { align-self:center; width:27px; height:27px; padding:0; border:1px solid #f0c5ca; border-radius:7px; color:#dc4654; background:#fff5f6; font-size:12px; line-height:1; cursor:pointer; }.item-remove-action:hover { color:#fff; background:#dc4654; }.lead-note { width:100%; min-height:68px; padding:8px; border:1px solid #d8e1eb; border-radius:7px; resize:vertical; }.lead-financial > span,.lead-financial small { color:#78879a; font-size:9px; }.lead-financial strong { margin:4px 0 12px; color:#0b6ff0; font-size:15px; }.lead-financial b { display:block; margin-top:4px; color:#168056; font-size:13px; }.lead-actions { display:flex; flex-direction:column; gap:5px; }.lead-actions button { padding:7px 4px; border-radius:5px; cursor:pointer; font-size:10px; }.invoice-action { border:0; color:#fff; background:#202a35; }.add-note-action,.lead-edit-info { border:1px solid #b8c4d1; color:#607086; background:#fff; }.edit-lead-action { border:0; color:#fff; background:#15915a; font-weight:800; }.cancel-lead-action { border:0; color:#e54855; background:#fff; }.lead-list-footer { display:flex; justify-content:space-between; align-items:center; margin-top:14px; color:#718096; font-size:12px; }
.lead-pagination { display:flex; gap:8px; }.lead-pagination button { padding:8px 14px; border:1px solid #d6e0ea; border-radius:6px; color:#506176; background:#fff; font-weight:700; cursor:pointer; }.lead-pagination button:disabled { opacity:.45; cursor:not-allowed; }
.lead-note-row { width:88%; display:grid; grid-template-columns:42px 1fr; gap:7px; align-items:center; margin:4px auto 0; }.lead-note-row[hidden] { display:none; }.lead-note-row > span { color:#607086; font-size:9px; font-weight:800; text-align:center; }.lead-note-row .lead-note { min-height:34px; height:34px; padding:8px 10px; resize:vertical; font-size:10px; }
.product-title-line { display:flex; align-items:center; gap:6px; min-width:0; margin-bottom:4px; }.product-title-line strong { flex:1; }.item-type-number { flex:none; display:inline-block!important; max-width:72px; overflow:hidden; text-overflow:ellipsis; padding:2px 5px; border:1px solid #cbd8e7; border-radius:4px; color:#41607f; background:#edf3f9; font-size:7px; font-weight:900; }.item-variant { display:flex; align-items:center; gap:4px; margin-bottom:3px; }.item-variant span { display:inline-block!important; padding:2px 5px; border-radius:4px; color:#55677d; background:#f0f3f7; font-size:7px; font-weight:800; }.lead-product-copy { align-self:start; padding-top:1px; }
.lead-financial .profit-percent-label { margin-top:11px; }.total-profit-percent { display:inline-block; margin-top:4px; padding:3px 7px; border-radius:12px; color:#168056; background:#dff3eb; font-size:11px; font-style:normal; font-weight:900; }
.platform-tag { display:inline-block; margin-left:5px; padding:3px 7px; border:1px solid #cfe0f2; border-radius:5px; color:#24649f; background:#edf6ff; font-size:10px; font-weight:800; }
.platform-step > p { color:#75849a; }.platform-options { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin:22px 0; }.platform-options label { cursor:pointer; }.platform-options input { position:absolute; opacity:0; }.platform-options span { display:block; padding:15px 10px; border:1px solid #d8e2ec; border-radius:9px; color:#526279; background:#fff; text-align:center; font-weight:800; }.platform-options input:checked + span { border-color:#1876f2; color:#1267d5; background:#eaf3ff; box-shadow:0 0 0 2px #1876f226; }.platform-order-summary { display:flex; justify-content:space-between; padding:13px; border-radius:9px; background:#f3f7fb; color:#526279; }.platform-step-actions { display:flex; justify-content:flex-end; gap:10px; margin-top:18px; }.platform-step-actions button { padding:10px 14px; border-radius:7px; cursor:pointer; }
.order-platform { display:inline-block; margin-top:7px; padding:3px 7px; border-radius:10px; color:#24649f; background:#e8f3ff; font-size:9px; font-style:normal; font-weight:900; }
.lead-bulk-bar { position:fixed; z-index:20; left:calc(50% + 146px); bottom:20px; transform:translateX(-50%); display:flex; align-items:center; gap:10px; padding:10px 13px; border-radius:28px; color:#fff; background:#17243a; box-shadow:0 12px 30px #111b2d50; }.lead-bulk-bar[hidden] { display:none; }.lead-bulk-bar strong { margin:0 8px; font-size:12px; }.lead-bulk-bar button { padding:9px 14px; border:0; border-radius:20px; color:#fff; background:#1677f2; font-weight:800; cursor:pointer; }.lead-bulk-bar button:disabled { opacity:.4; cursor:not-allowed; }.lead-bulk-bar .danger { background:#e43f51; }.cancelled-order { opacity:.58; background:#fff7f8; }.cancelled-badge { display:inline-block!important; margin-top:5px; padding:2px 5px; border-radius:5px; color:#c33444; background:#ffe6e9; font-size:8px; font-weight:900; }
.merge-customer-step > p { color:#77869a; line-height:1.5; }.merge-customer-options { display:flex; flex-direction:column; gap:9px; max-height:360px; overflow:auto; margin:18px 0; }.merge-customer-options label { cursor:pointer; }.merge-customer-options input { position:absolute; opacity:0; }.merge-customer-options label > span { display:grid; grid-template-columns:1fr auto; gap:4px 14px; padding:12px 14px; border:1px solid #d9e2ec; border-radius:9px; color:#506177; background:#fff; }.merge-customer-options strong { color:#24354b; }.merge-customer-options small { grid-column:1; }.merge-customer-options em { grid-column:2; grid-row:1 / 3; align-self:center; color:#2875d4; font-size:10px; font-style:normal; font-weight:800; }.merge-customer-options input:checked + span { border-color:#1976ee; background:#edf5ff; box-shadow:0 0 0 2px #1976ee22; }
.item-edit-popup > small { display:block; margin:-12px 0 18px; color:#78879a; }.item-edit-popup form { display:grid; grid-template-columns:1.5fr 1fr; gap:12px; }.item-edit-popup form > label { color:#56657a; font-size:11px; font-weight:800; }.item-edit-popup input { display:block; width:100%; margin-top:7px; padding:11px; border:1px solid #d7e0ea; border-radius:7px; color:#1f3550; font-size:15px; font-weight:800; }.popup-item-total { grid-column:1 / -1; display:flex; justify-content:space-between; align-items:center; margin-top:5px; padding:14px; border-radius:9px; color:#627187; background:#f1f6fb; }.popup-item-total strong { color:#0870ef; font-size:18px; }.item-edit-popup form > button { grid-column:1 / -1; width:100%; margin-top:4px; }
.popup-total-input { grid-column:1 / -1; }.popup-unit-formula { grid-column:1 / -1; display:grid; grid-template-columns:1fr auto; gap:3px 12px; align-items:center; padding:13px 14px; border-radius:9px; color:#627187; background:#f1f6fb; }.popup-unit-formula strong { color:#0870ef; font-size:18px; }.popup-unit-formula small { grid-column:1 / -1; color:#8794a5; font-size:9px; }
.product-title-line { display:block; margin-bottom:4px; }.product-title-line strong,.lead-product-copy strong { overflow:visible; text-overflow:clip; white-space:nowrap; line-height:1.2; font-size:9px; letter-spacing:-.15px; }.lead-product-photo { position:relative; overflow:visible; }.lead-product-photo img { overflow:hidden; border-radius:5px; }.photo-type-number { position:absolute; left:-2px; bottom:-7px; z-index:2; max-width:58px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:1px 4px; border:1px solid #cbd8e7; border-radius:4px; color:#41607f; background:#edf3f9; font-size:6px; font-weight:900; }
.system-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-bottom:18px; }.system-stats div { padding:16px 18px; border:1px solid #dde5ee; border-radius:11px; background:#fff; }.system-stats span,.system-stats strong { display:block; }.system-stats span { color:#7b899b; font-size:10px; }.system-stats strong { margin-top:5px; color:#24374e; font-size:22px; }.system-layout { display:grid; grid-template-columns:1fr 1fr; gap:16px; }.system-card { padding:21px; border:1px solid #dde5ee; border-radius:13px; background:#fff; }.system-card-head { display:flex; gap:12px; align-items:flex-start; margin-bottom:19px; }.system-card-head > span { display:grid; place-items:center; width:32px; height:32px; border-radius:8px; color:#1671e8; background:#e9f3ff; font-size:10px; font-weight:900; }.system-card h3 { margin:0; color:#26384e; }.system-card p { margin:4px 0 0; color:#8090a3; font-size:11px; }.system-card > label:not(.setting-switch) { display:block; margin-top:14px; color:#536278; font-size:10px; font-weight:800; }.system-card input:not([type="checkbox"]),.system-card select { display:block; width:100%; margin-top:7px; padding:11px; border:1px solid #d8e1eb; border-radius:7px; color:#33475f; background:#fff; }.system-card .two-fields { display:grid; grid-template-columns:1fr 1fr; gap:12px; }.system-card .two-fields label { color:#536278; font-size:10px; font-weight:800; }.setting-help { margin:7px 0 17px!important; }.setting-switch { display:flex; align-items:center; gap:11px; margin-top:16px; cursor:pointer; }.setting-switch > input { position:absolute; opacity:0; }.setting-switch > span { position:relative; flex:none; width:38px; height:21px; border-radius:20px; background:#c8d2de; transition:.2s; }.setting-switch > span:after { content:""; position:absolute; top:3px; left:3px; width:15px; height:15px; border-radius:50%; background:#fff; transition:.2s; }.setting-switch > input:checked + span { background:#1876ee; }.setting-switch > input:checked + span:after { left:20px; }.setting-switch strong,.setting-switch small { display:block; }.setting-switch strong { color:#40536a; font-size:11px; }.setting-switch small { margin-top:3px; color:#8492a3; font-size:9px; }.system-about dl { margin:0 0 20px; }.system-about dl div { display:flex; justify-content:space-between; padding:10px 0; border-bottom:1px solid #e8edf3; }.system-about dt { color:#7c8a9b; font-size:11px; }.system-about dd { margin:0; color:#405169; font-size:11px; font-weight:800; }.system-online { color:#168b5b!important; }.settings-toast { position:fixed; right:24px; bottom:24px; padding:13px 17px; border-radius:9px; color:#fff; background:#168b5b; box-shadow:0 10px 28px #183b2d40; font-size:12px; font-weight:800; }
.invoice-page { margin:0; min-height:100vh; background:#edf2f8; color:#101c32; font-family:Arial,sans-serif; }
.invoice-workspace { width:min(860px,calc(100% - 32px)); margin:0 auto; padding:32px 0 56px; }
.invoice-toolbar { display:grid; grid-template-columns:1fr 1fr 1fr; gap:12px; width:min(760px,100%); margin:0 auto 18px; }
.invoice-toolbar button { min-height:46px; padding:10px 16px; border:1px solid #cdd6e1; border-radius:9px; color:#101a2d; background:#fff; font-size:12px; font-weight:900; cursor:pointer; }
.invoice-toolbar .download-invoice { border-color:#2865ea; color:#fff; background:#2865ea; }
.invoice-toolbar button:disabled { opacity:.55; cursor:not-allowed; }
.invoice-paper { box-sizing:border-box; width:640px; min-height:710px; margin:auto; padding:42px 42px 50px; background:#fff; box-shadow:0 14px 28px rgba(33,51,78,.12); }
.invoice-heading { display:flex; align-items:center; justify-content:space-between; }
.invoice-logo { width:72px; height:72px; display:flex; flex-direction:column; align-items:center; justify-content:center; color:#e52638; background:#050505; letter-spacing:.5px; }
.invoice-logo strong { font-family:Georgia,serif; font-size:15px; }.invoice-logo small { margin-top:2px; color:#fff; font-size:6px; letter-spacing:1px; }
.invoice-number { display:flex; flex-direction:column; align-items:flex-end; }.invoice-number strong { color:#050505; font-size:24px; }.invoice-customer-code { margin-top:3px; padding:3px 7px; border-radius:999px; color:#343434; background:#fff; font-size:8px; font-style:normal; font-weight:900; letter-spacing:.55px; }.invoice-number span { margin-top:3px; color:#738097; font-size:12px; font-weight:800; }
.invoice-heavy-rule { height:4px; margin:24px 0; background:#111; }
.invoice-items-table { width:100%; border-collapse:collapse; table-layout:fixed; color:#101a2d; font-size:12px; }
.invoice-items-table th,.invoice-items-table td { border:1.5px solid #111; padding:10px; text-align:center; }
.invoice-items-table th { height:42px; background:#f7f9fc; font-size:10px; }.invoice-items-table th:first-child,.invoice-items-table td:first-child { width:64%; text-align:left; }
.invoice-product { display:flex; align-items:center; gap:11px; min-width:0; }.invoice-product img,.invoice-image-placeholder { width:48px; height:48px; flex:0 0 48px; object-fit:cover; border:1px solid #d9e0e8; }.invoice-image-placeholder { display:grid; place-items:center; color:#8794a6; background:#f1f4f7; }
.invoice-product div { min-width:0; }.invoice-product strong { display:block; color:#12213a; font-size:11px; line-height:1.25; }.invoice-product small { display:block; margin-top:3px; color:#75849a; font-size:9px; line-height:1.25; }
.invoice-piece-count { display:block; margin-top:9px; color:#111; font-size:11px; }
.invoice-bottom { display:grid; grid-template-columns:1.2fr .8fr; gap:46px; margin-top:19px; }.invoice-customer p { margin:0 0 10px; color:#7a879b; font-size:9px; font-weight:900; }.invoice-customer h2 { margin:0 0 6px; color:#0d172a; font-size:16px; }.invoice-customer a { display:block; margin-bottom:8px; color:#2368ef; font-size:12px; font-weight:900; text-decoration:none; }.invoice-customer > strong { display:block; margin-bottom:23px; color:#526176; font-size:12px; }.invoice-customer address { color:#526176; font-size:12px; font-style:normal; line-height:1.55; white-space:pre-line; }.invoice-note { margin-top:15px; padding:9px 10px; border-left:3px solid #2865ea; background:#f4f7fc; font-size:10px; }.invoice-note b,.invoice-note span { display:block; }.invoice-note span { margin-top:3px; color:#536176; line-height:1.4; }
.invoice-totals > div,.invoice-totals label { display:flex; align-items:center; justify-content:space-between; min-height:30px; color:#303b4d; font-size:13px; }.invoice-totals input { width:72px; padding:4px 6px; border:1px solid #cbd5e1; border-radius:4px; color:#19263a; background:#fff; text-align:right; font:inherit; }.invoice-grand-total { align-items:flex-start!important; margin-top:4px; padding-top:10px; border-top:1.5px solid #111; color:#050505!important; font-size:19px!important; font-weight:900; }.invoice-grand-total strong { text-align:right; }.invoice-grand-total small { display:block; font-size:16px; }.invoice-loading,.invoice-not-found { padding:120px 20px; text-align:center; }
@media(max-width:700px){.invoice-workspace{width:100%;padding-top:16px}.invoice-toolbar{width:calc(100% - 24px);grid-template-columns:1fr 1fr}.invoice-toolbar button:first-child{grid-column:1/-1}.invoice-paper{width:100%;min-height:0;padding:26px 18px;box-shadow:none}.invoice-bottom{gap:20px}.invoice-items-table th:first-child,.invoice-items-table td:first-child{width:55%}}
@media print { body.invoice-page { background:#fff; }.invoice-workspace { width:auto; padding:0; }.invoice-toolbar { display:none!important; }.invoice-paper { width:100%; min-height:0; padding:20px; box-shadow:none; }.invoice-totals input { border:0; padding:0; } }

/* Colorful modern invoice theme */
.invoice-page { background:radial-gradient(circle at 15% 12%,#dce9ff 0,transparent 30%),radial-gradient(circle at 88% 88%,#e9ddff 0,transparent 32%),#f1f5fb; }
.invoice-toolbar button { border-color:#dbe3f0; box-shadow:0 6px 16px rgba(42,62,101,.08); transition:transform .16s ease,box-shadow .16s ease; }
.invoice-toolbar button:hover { transform:translateY(-2px); box-shadow:0 9px 22px rgba(42,62,101,.13); }
.invoice-toolbar .download-invoice { border:0; background:linear-gradient(135deg,#176cf2,#7259e8); }
.colorful-invoice { position:relative; overflow:hidden; border-radius:18px; border:1px solid rgba(205,219,240,.85); box-shadow:0 24px 60px rgba(37,58,99,.16); }
.colorful-invoice::before { content:""; position:absolute; inset:0 0 auto; height:9px; background:linear-gradient(90deg,#1674f5 0 38%,#7457e7 38% 70%,#20b8a6 70%); }
.colorful-invoice::after { content:""; position:absolute; width:180px; height:180px; right:-95px; top:-95px; border-radius:50%; background:linear-gradient(135deg,rgba(34,116,245,.12),rgba(116,87,231,.08)); pointer-events:none; }
.invoice-brand-wrap { display:flex; align-items:center; gap:14px; }
.colorful-invoice .invoice-logo { border-radius:14px; box-shadow:0 8px 18px rgba(25,40,70,.18); transform:rotate(-2deg); }
.invoice-brand-copy { display:flex; flex-direction:column; }.invoice-brand-copy span { color:#176cf2; font-size:13px; font-weight:900; letter-spacing:1.6px; }.invoice-brand-copy small { margin-top:5px; color:#8793a7; font-size:9px; }
.colorful-invoice .invoice-number { position:relative; z-index:1; padding:10px 13px; border-radius:12px; background:linear-gradient(135deg,#edf5ff,#f4efff); }.colorful-invoice .invoice-number > small { color:#7358e7; font-size:7px; font-weight:900; letter-spacing:1.2px; }.colorful-invoice .invoice-number strong { color:#15264a; }.colorful-invoice .invoice-number span { color:#60728f; }
.colorful-invoice .invoice-heavy-rule { height:2px; border-radius:4px; background:linear-gradient(90deg,#1674f5,#7457e7,#20b8a6); }
.colorful-invoice .invoice-items-table { border-collapse:separate; border-spacing:0; border:1px solid #dae4f2; border-radius:12px; overflow:hidden; }
.colorful-invoice .invoice-items-table th,.colorful-invoice .invoice-items-table td { border:0; border-right:1px solid #e0e7f1; border-bottom:1px solid #e4eaf3; }.colorful-invoice .invoice-items-table th:last-child,.colorful-invoice .invoice-items-table td:last-child { border-right:0; }.colorful-invoice .invoice-items-table tbody tr:last-child td { border-bottom:0; }
.colorful-invoice .invoice-items-table th { color:#fff; background:linear-gradient(135deg,#1d6fe7,#6159df); letter-spacing:.5px; }
.colorful-invoice .invoice-items-table tbody tr:nth-child(even) { background:#f8faff; }.colorful-invoice .invoice-product img,.colorful-invoice .invoice-image-placeholder { border-radius:9px; border-color:#d9e5f4; }
.colorful-invoice .invoice-piece-count { width:max-content; padding:5px 10px; border-radius:20px; color:#146a60; background:#dff7f2; }
.colorful-invoice .invoice-customer { padding:18px; border:1px solid #dfe7f3; border-radius:14px; background:linear-gradient(145deg,#f8fbff,#f8f6ff); }.colorful-invoice .invoice-customer p { color:#6557d8; letter-spacing:1px; }.colorful-invoice .invoice-customer h2 { color:#152a52; }.colorful-invoice .invoice-customer a { color:#1674f5; }.colorful-invoice .invoice-customer > strong { margin-bottom:16px; }
.colorful-invoice .invoice-totals { align-self:start; padding:16px; border-radius:14px; background:#f7f9fd; }.colorful-invoice .invoice-totals input { border-color:#bcd2f2; background:#fff; }.colorful-invoice .invoice-grand-total { margin:9px -16px -16px; padding:14px 16px 16px; border:0; border-radius:0 0 14px 14px; color:#fff!important; background:linear-gradient(135deg,#176cf2,#7259e8); }.colorful-invoice .invoice-grand-total small { color:#cfe0ff; }
@media print { .invoice-page { background:#fff!important; }.colorful-invoice { border:0; border-radius:0; }.invoice-toolbar button:hover { transform:none; } }

/* Black luxury invoice palette */
.invoice-page { background:radial-gradient(circle at 15% 10%,#34363c 0,transparent 31%),radial-gradient(circle at 90% 88%,#26272c 0,transparent 32%),#17181c; }
.invoice-toolbar button { border-color:#3a3b41; color:#f5f5f5; background:#24252a; box-shadow:0 8px 22px rgba(0,0,0,.22); }
.invoice-toolbar button:hover { box-shadow:0 11px 26px rgba(0,0,0,.32); }
.invoice-toolbar .download-invoice { color:#111; background:linear-gradient(135deg,#e5c26e,#f4df9a); }
.colorful-invoice { border-color:#383a40; box-shadow:0 28px 70px rgba(0,0,0,.42); }
.colorful-invoice::before { background:linear-gradient(90deg,#080808 0 67%,#d7b45c 67% 84%,#2d2e32 84%); }
.colorful-invoice::after { background:linear-gradient(135deg,rgba(20,20,20,.09),rgba(213,180,92,.09)); }
.invoice-brand-copy span { color:#171717; }.invoice-brand-copy small { color:#858585; }
.colorful-invoice .invoice-number { background:linear-gradient(135deg,#f3f3f3,#e7e7e7); }
.colorful-invoice .invoice-number > small { color:#8c6a1c; }.colorful-invoice .invoice-number strong { color:#090909; }.colorful-invoice .invoice-number span { color:#6e6e6e; }
.colorful-invoice .invoice-heavy-rule { background:linear-gradient(90deg,#0a0a0a 0 78%,#d7b45c 78%); }
.colorful-invoice .invoice-items-table { border-color:#d8d8d8; }.colorful-invoice .invoice-items-table th,.colorful-invoice .invoice-items-table td { border-color:#dedede; }
.colorful-invoice .invoice-items-table th { color:#f8f8f8; background:linear-gradient(135deg,#0b0b0c,#292a2e); }
.colorful-invoice .invoice-items-table tbody tr:nth-child(even) { background:#f5f5f5; }
.colorful-invoice .invoice-piece-count { color:#4c3a10; background:#f4e8c8; }
.colorful-invoice .invoice-customer { border-color:#dedede; background:linear-gradient(145deg,#fafafa,#f1f1f1); }.colorful-invoice .invoice-customer p { color:#8a681a; }.colorful-invoice .invoice-customer h2 { color:#111; }.colorful-invoice .invoice-customer a { color:#343434; text-decoration:underline; text-decoration-color:#d7b45c; text-underline-offset:3px; }
.colorful-invoice .invoice-totals { background:#f0f0f0; }.colorful-invoice .invoice-totals input { border-color:#bdbdbd; }.colorful-invoice .invoice-grand-total { color:#fff!important; background:linear-gradient(135deg,#080809,#2b2c30); box-shadow:inset 4px 0 #d7b45c; }.colorful-invoice .invoice-grand-total small { color:#e6ca83; }
@media print { .invoice-page { background:#fff!important; } }

/* Compact customer information block */
.colorful-invoice .invoice-bottom { grid-template-columns:1fr .9fr; gap:28px; }
.colorful-invoice .invoice-customer { padding:12px 14px; border-radius:11px; }
.colorful-invoice .invoice-customer p { margin-bottom:7px; font-size:7px; }
.colorful-invoice .invoice-customer h2 { margin-bottom:4px; font-size:13px; }
.colorful-invoice .invoice-customer a { margin-bottom:5px; font-size:10px; }
.colorful-invoice .invoice-customer > strong { margin-bottom:10px; font-size:10px; }
.colorful-invoice .invoice-customer address { font-size:10px; line-height:1.4; }
.colorful-invoice .invoice-note { margin-top:10px; padding:7px 8px; font-size:9px; }
.colorful-invoice .invoice-note-wide { margin:9px 0 0; padding:9px 12px; border-left-color:#d7b45c; border-radius:0 8px 8px 0; background:#f4f1e9; }
.colorful-invoice .invoice-note-wide b { color:#6f5315; font-size:8px; letter-spacing:.6px; text-transform:uppercase; }
.colorful-invoice .invoice-note-wide span { color:#333; font-size:10px; }

.platform-setting-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:9px; margin-top:12px; }.platform-setting-grid label { display:flex!important; flex-direction:row!important; align-items:center; gap:8px; margin:0!important; padding:10px 12px; border:1px solid #dce5f0; border-radius:8px; color:#34445b!important; background:#f8fafc; font-size:12px!important; font-weight:800; cursor:pointer; }.platform-setting-grid input { width:16px!important; height:16px!important; margin:0; accent-color:#1672ee; }
.conversion-list { display:grid; gap:8px; }.conversion-list label { display:flex!important; flex-direction:row!important; align-items:center; justify-content:space-between; gap:15px; margin:0!important; padding:9px 11px; border:1px solid #e0e7f0; border-radius:8px; background:#fafbfd; }.conversion-list label span { display:flex; flex-direction:column; }.conversion-list b { color:#27374c; font-size:11px; }.conversion-list small { margin-top:2px; color:#8995a5; font-size:9px; }.conversion-list input { width:115px!important; }
.system-currency-card { grid-column:1/-1; }.currency-manager { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }.currency-setting-row { position:relative; display:grid; grid-template-columns:105px minmax(140px,1fr) 125px; gap:9px; align-items:end; padding:12px 31px 12px 12px; border:1px solid #dce4ee; border-left:4px solid #7656bd; border-radius:10px; background:#fafbfd; }.currency-setting-row label { margin:0!important; color:#536278; font-size:9px; font-weight:800; }.currency-setting-row input { height:34px!important; padding:6px 8px!important; }.currency-code-input { text-transform:uppercase; font-weight:900; letter-spacing:1px; }.currency-remove { position:absolute; top:4px; right:6px; border:0; color:#df394c; background:transparent; font-size:18px; cursor:pointer; }.add-currency-setting { margin-top:11px; }
.access-setting-list { display:grid; gap:3px; }.access-setting-list .setting-switch { margin:0!important; padding:7px 0; }.system-card #resetSystemSettings { margin-top:11px; }
.system-dropshipping-card { position:relative; overflow:hidden; }.system-dropshipping-card:after { content:"DS"; position:absolute; right:-12px; bottom:-28px; color:#7c3aed0d; font-size:100px; font-weight:950; }.dropshipping-formula-preview { position:relative; z-index:1; display:grid; gap:4px; margin-top:16px; padding:13px 15px; border:1px solid #ddd1ff; border-radius:9px; background:linear-gradient(135deg,#faf7ff,#f2f8ff); }.dropshipping-formula-preview span { color:#7656bd; font-size:9px; font-weight:900; text-transform:uppercase; letter-spacing:.5px; }.dropshipping-formula-preview strong { color:#344258; font-size:11px; }.dropshipping-formula-preview small { color:#8491a2; font-size:9px; }
.system-product-organization-card { grid-column:1/-1; }.product-organization-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }.product-organization-grid > section { padding:14px; border:1px solid #dfe6ef; border-radius:10px; background:#fafbfd; }.product-organization-grid h4 { margin:0 0 11px; color:#34465d; font-size:11px; }.product-source-default { display:block; margin-bottom:11px; color:#536278; font-size:9px; font-weight:800; }.product-source-manager,.product-category-manager { display:grid; gap:7px; }.product-organization-row { display:grid; grid-template-columns:1fr 28px; gap:7px; align-items:center; }.product-organization-row input { height:34px!important; margin:0!important; padding:6px 9px!important; }.product-organization-row button { width:28px; height:28px; border:0; border-radius:7px; color:#d83c4f; background:#fff0f2; cursor:pointer; font-size:16px; }.product-organization-grid .secondary { margin-top:10px; }

.system-platform-card { grid-column:1/-1; }.platform-manager { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:13px; }.platform-setting-row { position:relative; display:grid; grid-template-columns:46px 1fr auto; gap:10px; align-items:center; padding:12px; border:1px solid #dce4ee; border-left:4px solid var(--platform-color); border-radius:10px; background:#f9fbfd; }.platform-logo-preview { width:44px; height:44px; display:grid; place-items:center; overflow:hidden; border-radius:10px; color:#fff; background:var(--platform-color); font-size:17px; font-weight:900; }.platform-logo-preview img { width:100%; height:100%; object-fit:cover; background:#fff; }.platform-edit-fields { min-width:0; }.platform-edit-fields > label { margin:0!important; }.platform-edit-fields > div { display:grid; grid-template-columns:80px 1fr; gap:7px; margin-top:7px; }.platform-edit-fields input { height:31px!important; padding:5px 7px!important; }.platform-edit-fields input[type="color"] { width:100%!important; padding:2px!important; cursor:pointer; }.platform-edit-fields input[type="file"] { width:100%!important; color:#6f7d90; font-size:8px; }.platform-enabled { display:flex!important; flex-direction:row!important; align-items:center; gap:5px; margin:0!important; color:#526178!important; font-size:9px!important; }.platform-enabled input { width:15px!important; height:15px!important; margin:0; accent-color:var(--platform-color); }.platform-remove { position:absolute; top:3px; right:4px; border:0; color:#9a6470; background:transparent; cursor:pointer; font-size:16px; }.add-platform-setting { margin-top:11px; }
.system-country-card { grid-column:1/-1; }.country-default-setting { max-width:330px; }.country-manager { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:14px 0 12px; }.country-setting-row { position:relative; display:grid; grid-template-columns:minmax(150px,1fr) minmax(170px,.8fr) auto; gap:10px; align-items:end; padding:12px 30px 12px 12px; border:1px solid #dce4ee; border-left:4px solid #1b73e8; border-radius:10px; background:#f9fbfd; }.country-setting-row label { margin:0!important; color:#536278; font-size:9px; font-weight:800; }.country-setting-row input:not([type="checkbox"]) { height:34px!important; padding:6px 8px!important; }.country-enabled { display:flex!important; align-items:center; gap:6px; padding-bottom:9px; white-space:nowrap; }.country-enabled input { width:15px!important; height:15px!important; margin:0!important; accent-color:#1976f9; }.country-remove { position:absolute; top:4px; right:6px; border:0; color:#df394c; background:transparent; font-size:18px; cursor:pointer; }
.platform-options label { border-color:color-mix(in srgb,var(--choice-color) 32%,#dbe4ee)!important; }.platform-options label:has(input:checked) { border-color:var(--choice-color)!important; box-shadow:0 0 0 2px color-mix(in srgb,var(--choice-color) 18%,transparent); }.platform-options label:has(input:checked) span { color:var(--choice-color); }
.order-platform { border:0!important; color:var(--platform-ink,#fff)!important; background:var(--platform-tag,#2675e8)!important; box-shadow:0 3px 8px color-mix(in srgb,var(--platform-tag,#2675e8) 24%,transparent); }
.colorful-invoice .invoice-logo { outline:2px solid color-mix(in srgb,var(--invoice-platform-color) 65%,#d7b45c); outline-offset:2px; }.colorful-invoice .invoice-logo img { width:100%; height:100%; object-fit:cover; border-radius:14px; }.colorful-invoice::before { background:linear-gradient(90deg,#080808 0 67%,var(--invoice-platform-color,#d7b45c) 67% 84%,#2d2e32 84%); }.colorful-invoice .invoice-heavy-rule { background:linear-gradient(90deg,#0a0a0a 0 78%,var(--invoice-platform-color,#d7b45c) 78%); }.colorful-invoice .invoice-grand-total { box-shadow:inset 4px 0 var(--invoice-platform-color,#d7b45c); }
@media(max-width:900px){.platform-manager,.country-manager,.currency-manager,.product-organization-grid{grid-template-columns:1fr}.system-platform-card,.system-country-card,.system-currency-card,.system-product-organization-card{grid-column:auto}.platform-setting-row{grid-template-columns:42px 1fr}.platform-enabled{grid-column:2}}

.invoice-stage { display:grid; grid-template-columns:640px 108px; align-items:start; justify-content:center; gap:16px; }.invoice-stage .invoice-paper { margin:0; }.invoice-currency-panel { position:sticky; top:18px; padding:13px 10px; border:1px solid #3b3d43; border-radius:12px; color:#fff; background:#24252a; box-shadow:0 10px 25px rgba(0,0,0,.25); }.invoice-currency-panel > span { display:block; margin-bottom:9px; color:#e5c26e; font-size:9px; font-weight:900; letter-spacing:.8px; text-align:center; text-transform:uppercase; }.invoice-currency-panel > small { display:block; margin-top:9px; color:#93959c; font-size:7px; line-height:1.35; text-align:center; }.invoice-currency-switch { display:flex; flex-direction:column; gap:5px; }.invoice-currency-switch button { width:100%; height:29px; padding:4px 6px; border:1px solid #44464d; border-radius:6px; color:#c7c8cc; background:#303137; font-size:9px; font-weight:900; cursor:pointer; }.invoice-currency-switch button:hover { border-color:#8b8d93; color:#fff; }.invoice-currency-switch button.active { border-color:#e5c26e; color:#111; background:#e5c26e; box-shadow:none; }
@media(max-width:820px){.invoice-stage{display:flex;flex-direction:column-reverse}.invoice-stage .invoice-paper{width:100%}.invoice-currency-panel{position:static;align-self:center;width:min(520px,calc(100% - 24px));box-sizing:border-box}.invoice-currency-switch{flex-direction:row}.invoice-currency-switch button{flex:1}}
@media print { .invoice-currency-panel { display:none!important; }.invoice-stage { display:block; }.invoice-stage .invoice-paper { width:100%; } }
@page { size:A4 portrait; margin:0; }
@media print { html,body.invoice-page { width:210mm!important; min-height:297mm!important; margin:0!important; padding:0!important; background:#fff!important; -webkit-print-color-adjust:exact!important; print-color-adjust:exact!important; }.invoice-workspace,.invoice-stage { width:210mm!important; margin:0!important; padding:0!important; }.invoice-toolbar,.invoice-currency-panel { display:none!important; }.invoice-paper { width:210mm!important; min-height:297mm!important; margin:0!important; padding:12mm!important; border:0!important; border-radius:0!important; box-shadow:none!important; box-sizing:border-box!important; }.invoice-paper * { -webkit-print-color-adjust:exact!important; print-color-adjust:exact!important; } }
.invoice-logo-fallback { color:#fff; font-size:25px; font-weight:900; }.colorful-invoice .invoice-brand-copy span { max-width:260px; color:#111; font-size:17px; line-height:1.2; letter-spacing:.4px; overflow-wrap:anywhere; }
.colorful-invoice .invoice-logo { background:var(--invoice-platform-color,#d62976); }.colorful-invoice .invoice-logo img { box-sizing:border-box; padding:4px; object-fit:contain; background:transparent; }
.colorful-invoice .invoice-logo.has-uploaded-logo { width:92px; background:transparent; outline:0; border-radius:0; box-shadow:none; transform:none; }.colorful-invoice .invoice-logo.has-uploaded-logo img { width:100%; height:100%; padding:0; border-radius:0; object-fit:contain; background:transparent; }
.live-lead-row { background:var(--platform-row-tint,#fff); box-shadow:inset 5px 0 var(--platform-row-color,#dfe6ee); transition:background .2s ease; }.live-lead-row:hover { background:color-mix(in srgb,var(--platform-row-color,#2675e8) 15%,white); }
.orders-table td { vertical-align:middle; }.orders-table td small { display:block; margin-top:4px; color:#8490a0; font-size:10px; }.orders-platform { display:inline-block; padding:4px 8px; border-radius:12px; color:#fff; background:var(--order-platform,#697386); font-size:9px; font-weight:900; }.view-submitted-order { white-space:nowrap; }

.orders-management-page { padding-bottom:75px; min-width:1080px; background:#f2f6fb; }.order-status-tabs { height:58px; display:flex; align-items:end; gap:24px; padding:0 20px; border-bottom:1px solid #dce4ee; background:#fff; }.order-status-tabs button { height:58px; padding:0 13px; border:0; border-bottom:3px solid transparent; color:#64758d; background:transparent; font-size:12px; font-weight:800; cursor:pointer; }.order-status-tabs button.active { color:#1976f9; border-bottom-color:#1976f9; background:#f6f9ff; }.order-status-tabs small { font-size:9px; opacity:.65; }.order-destination-bar { min-height:47px; display:flex; align-items:center; gap:14px; padding:7px 20px; border-bottom:1px solid #dce4ee; background:#fff; color:#606b79; font-size:11px; }.order-destination-bar > div { display:flex; gap:8px; }.order-destination-bar button { min-width:46px; padding:6px 15px; border:1px solid #98a5b5; border-radius:17px; color:#69788b; background:#fff; cursor:pointer; }.order-destination-bar button.active { border-color:#1976f9; color:#fff; background:#1976f9; }.order-search-bar { display:flex; align-items:center; gap:14px; padding:16px 22px; background:#f8fbff; }.order-search-bar > label input,.submitted-order-row > label input { width:15px; height:15px; accent-color:#1976f9; }.order-search-box { width:315px; display:flex; align-items:center; gap:9px; padding:8px 12px; border:1px solid #dbe4ef; border-radius:10px; color:#82a1c6; background:#f5f8fc; }.order-search-box input { width:100%; border:0; outline:0; color:#405069; background:transparent; }.order-search-bar > button { margin-left:auto; padding:8px 12px; border:1px solid #d7dfe9; border-radius:5px; color:#2c3a4e; background:#fff; cursor:pointer; }.submitted-orders-wrap { margin:20px; overflow:hidden; border:1px solid #dfe7f0; border-radius:15px; background:#fff; }.submitted-orders-head,.submitted-order-row { display:grid; grid-template-columns:28px 78px minmax(360px,1fr) 70px 90px 165px 90px 115px; gap:10px; align-items:center; }.submitted-orders-head { min-height:48px; padding:0 14px; color:#526f92; background:#f7f9fc; font-size:9px; font-weight:900; }.submitted-order-row { min-height:91px; padding:10px 14px; border-top:1px solid #e0e6ed; }.submitted-order-row:hover { background:#fbfdff; }.submitted-order-row.is-canceled { opacity:.6; background:#fff7f8; }.submitted-order-id strong { color:#0874f8; font-size:13px; }.submitted-customer { min-width:0; }.submitted-customer-main { display:flex; align-items:center; gap:9px; }.submitted-destination { flex:0 0 36px; height:36px; display:grid; place-items:center; border-radius:8px; color:#fff; background:#ff5538; font-size:9px; font-weight:900; }.submitted-customer-main > div { min-width:0; }.submitted-customer strong,.submitted-customer small { display:block; }.submitted-customer strong { color:#19263a; font-size:11px; }.submitted-customer small { max-width:520px; margin-top:3px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#68778a; font-size:8px; }.submitted-customer button { margin-top:3px; padding:0; border:0; color:#69788b; background:none; font-size:8px; cursor:pointer; }.submitted-customer > em { display:inline-block; margin:6px 0 0 45px; padding:3px 7px; border-radius:10px; color:var(--order-platform-ink,#fff); background:var(--order-platform,#697386); font-size:8px; font-style:normal; font-weight:900; }.submitted-items button { width:60px; height:44px; border:1px solid #dce4ed; border-radius:23px; color:#1976f9; background:#fbfcfe; cursor:pointer; }.submitted-items span { display:block; margin-top:2px; color:#28364a; font-size:8px; }.submitted-subtotal { color:#68778a; font-size:10px; white-space:nowrap; }.submitted-total > strong { display:block; font-size:13px; white-space:nowrap; }.payment-selector { display:flex; margin-top:6px; }.payment-selector button { padding:2px 6px; border:1px solid #9da9b8; border-right:0; color:#738095; background:#fff; font-size:7px; cursor:pointer; }.payment-selector button:first-child { border-radius:4px 0 0 4px; }.payment-selector button:last-child { border-right:1px solid #9da9b8; border-radius:0 4px 4px 0; }.payment-selector button.active.unpaid { border-color:#e63c50; color:#fff; background:#e63c50; }.payment-selector button.active.partial { border-color:#e6a21b; color:#fff; background:#e6a21b; }.payment-selector button.active.paid { border-color:#168b62; color:#fff; background:#168b62; }.order-status-badge { display:inline-block; min-width:64px; padding:5px 7px; border:1px solid #ffe2a7; border-radius:6px; color:#ae6300; background:#fff9e9; text-align:center; font-size:9px; font-weight:800; }.order-status-badge.processing { border-color:#c7dcff; color:#1767d5; background:#edf5ff; }.order-status-badge.shipped { border-color:#b8e5da; color:#137960; background:#ebfaf6; }.order-status-badge.received { border-color:#c8e8c9; color:#367f3d; background:#eef9ef; }.order-status-badge.canceled { border-color:#f7c2c8; color:#bb3342; background:#fff0f2; }.submitted-actions { display:flex; align-items:center; gap:8px; }.process-order { min-width:77px; padding:9px 10px; border:0; border-radius:5px; color:#fff; background:#096cf5; cursor:pointer; }.cancel-submitted-order { border:0; color:#f04354; background:transparent; font-size:17px; cursor:pointer; }.cancel-submitted-order:disabled { opacity:.35; cursor:not-allowed; }.orders-batch-bar { position:fixed; z-index:20; left:calc(50% + 146px); bottom:18px; transform:translateX(-50%); display:flex; align-items:center; gap:7px; padding:7px 10px; border:1px solid #2d3d55; border-radius:22px; color:#fff; background:#17243a; box-shadow:0 8px 20px #10182840; }.orders-batch-bar[hidden] { display:none; }.orders-batch-bar strong { padding:0 4px; font-size:9px; white-space:nowrap; }.orders-batch-bar i { width:1px; height:20px; margin:0 2px; background:#55667d; }.orders-batch-bar button { min-height:28px; padding:6px 10px; border:1px solid transparent; border-radius:15px; color:#fff; background:#1976f9; font-size:9px; line-height:1; cursor:pointer; font-weight:850; white-space:nowrap; }.orders-batch-bar .bulk-action-button { border-color:#bfe4d4; color:#126949; background:#eaf8f2; }.orders-batch-bar #batchPrintOrders { border-color:#bed8fa; color:#175fae; background:#eaf3ff; }.orders-batch-bar .make-bulk-excel { border-color:#ead3a4; color:#865b18; background:#fff3d9; box-shadow:inset 0 0 0 1px #fff8ea; }.orders-batch-bar .danger { border-color:#f0b7bf; color:#a62d3d; background:#ffe8eb; }.submitted-order-popup { min-width:520px; }.submitted-order-popup h2 { margin:3px 0 16px; }.submitted-popup-items { display:grid; gap:8px; }.submitted-popup-items > div { display:grid; grid-template-columns:46px 1fr auto; gap:10px; align-items:center; padding:8px; border:1px solid #e0e7ef; border-radius:8px; }.submitted-popup-items img,.submitted-popup-items > div > span { width:44px; height:44px; display:grid; place-items:center; object-fit:cover; border-radius:6px; background:#eef3f8; }.submitted-popup-items section strong,.submitted-popup-items section small { display:block; }.submitted-popup-items section small { margin-top:3px; color:#8390a1; }.submitted-popup-items b { font-size:11px; }.submitted-popup-actions { margin-top:16px; text-align:right; }.submitted-popup-actions button { padding:9px 13px; border:0; border-radius:6px; color:#fff; background:#1976f9; cursor:pointer; }
.submitted-order-id small { display:block; max-width:78px; margin-top:4px; overflow:hidden; text-overflow:ellipsis; color:#8090a4; font-size:6.5px; line-height:1.25; white-space:nowrap; }.submitted-order-id .order-sales-owner { color:#168065; font-weight:800; }.submitted-by-summary { margin:-9px 0 14px; padding:7px 9px; border-radius:7px; color:#6e7d90; background:#f4f7fb; font-size:9px; }.submitted-popup-items section em { display:block; width:max-content; margin-top:4px; padding:3px 6px; border-radius:8px; color:#147258; background:#e9f8f2; font-size:7px; font-style:normal; font-weight:800; }
.submitted-order-id .order-list-customer-code { margin-top:7px; color:#8794a6; font-size:6px; font-weight:900; letter-spacing:.04em; text-transform:uppercase; }.submitted-order-id > b { display:block; max-width:78px; margin-top:2px; overflow:hidden; color:#293a50; font-size:8px; line-height:1.2; text-overflow:ellipsis; white-space:nowrap; }
.submitted-order-row .submitted-customer .customer-detail-link { margin-top:0; color:#000; font:700 12px/1.25 Arial,Helvetica,sans-serif; }
.mobile-preview-link{margin-left:auto;padding:8px 12px;border:1px solid #cfd9e6;border-radius:6px;color:#334155;background:#fff;font-size:9px;font-weight:800;text-decoration:none}.order-search-bar .mobile-preview-link+button{margin-left:0}
.mobile-menu-button,.mobile-menu-overlay{display:none}
@media(max-width:760px){
  body{overflow-x:hidden;background:#f2f6fb}
  .mobile-menu-button{position:fixed;top:8px;left:10px;z-index:1302;width:40px;height:40px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;border:1px solid #d7e0eb;border-radius:10px;background:#fff;box-shadow:0 4px 14px #15233b24;cursor:pointer}
  .mobile-menu-button span{display:block;width:19px;height:2px;border-radius:5px;background:#17243a;transition:transform .2s ease,opacity .2s ease}
  .mobile-menu-open .mobile-menu-button span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .mobile-menu-open .mobile-menu-button span:nth-child(2){opacity:0}
  .mobile-menu-open .mobile-menu-button span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .mobile-menu-overlay{position:fixed;inset:0;z-index:1299;display:block;visibility:hidden;background:#11182780;opacity:0;pointer-events:none;transition:opacity .2s ease,visibility 0s linear .2s}
  .mobile-menu-overlay[hidden]{display:none!important}
  .mobile-menu-open .mobile-menu-overlay{visibility:visible;opacity:1;pointer-events:auto;transition-delay:0s}
  button,a,input,select,textarea,summary{touch-action:manipulation}
  .sidebar{position:fixed;inset:0 auto 0 0;z-index:1301;width:242px;height:100vh;display:block;padding:18px 14px;overflow-x:hidden;overflow-y:auto;box-shadow:12px 0 30px #0c172a2b;transform:translateX(-105%);transition:transform .24s ease}
  .mobile-menu-open .sidebar{transform:translateX(0)}
  .sidebar .brand-mark{width:42px;height:42px;margin:0 0 8px 48px;font-size:16px}
  .sidebar h1{display:block!important;margin-left:48px;font-size:15px}
  .sidebar .profile{display:flex!important;margin-top:14px}
  .sidebar nav>p{display:block!important}
  .sidebar nav{display:block;margin-top:14px;padding:0;overflow:visible}
  .sidebar nav>a,.sidebar nav>details{display:block!important;margin:0}
  .sidebar nav a,.sidebar nav summary{display:flex!important;align-items:center;justify-content:flex-start;flex-direction:row;gap:12px;min-height:42px;margin:2px 0;padding:10px 12px;border-radius:8px;font-size:12px;line-height:1.2;text-align:left;white-space:normal}
  .sidebar nav a span,.sidebar nav summary span{font-size:16px}
  .sidebar nav summary b{display:block;margin-left:auto}
  .sidebar nav .sub-nav{min-height:36px;padding:8px 12px 8px 40px;font-size:10px}
  main,.orders-management-page{width:100%;min-width:0;margin-left:0;padding-bottom:92px}
  .order-status-tabs{height:56px;align-items:stretch;gap:2px;padding:0 8px 0 58px;overflow-x:auto}
  .order-status-tabs button{height:49px;flex:0 0 auto;padding:0 10px;font-size:9px}
  .order-destination-bar{align-items:flex-start;flex-direction:column;gap:7px;padding:10px 12px}
  .order-destination-bar>div{width:100%;padding-bottom:2px;overflow-x:auto}
  .order-destination-bar button{min-width:max-content;padding:6px 11px;font-size:8px}
  .order-search-bar{display:grid;grid-template-columns:24px 1fr auto;gap:7px;padding:10px 12px}
  .mobile-preview-link{display:none}
  .order-search-box{width:100%;min-width:0;padding:8px 9px}
  .order-search-bar>button{margin:0;padding:8px 9px;font-size:8px}
  .submitted-orders-wrap{margin:10px;overflow:visible;border:0;border-radius:0;background:transparent}
  .submitted-orders-head{display:none}
  .submitted-order-row{grid-template-columns:28px 58px 44px minmax(0,1fr)!important;grid-template-areas:"check id id status" "customer customer customer customer" "items items payment total" "actions actions actions actions";gap:10px 8px;min-height:0;margin-bottom:10px;padding:12px;border:1px solid #dfe7f0;border-radius:12px;background:#fff;box-shadow:0 3px 10px #17243a0b}
  .submitted-order-row>label{grid-area:check;align-self:start;padding-top:2px}
  .submitted-order-id{grid-area:id;min-width:0}
  .submitted-order-id .order-detail-link{font-size:10px}
  .submitted-order-id .order-list-customer-code{margin-top:4px}
  .submitted-customer{grid-area:customer;padding:10px 0;border-top:1px solid #edf1f5;border-bottom:1px solid #edf1f5}
  .submitted-customer-main{align-items:flex-start}
  .submitted-platform-logo{flex:0 0 auto}
  .submitted-customer small{max-width:none;overflow:visible;font-size:8px;line-height:1.35;text-overflow:clip;white-space:normal}
  .submitted-items{grid-area:items;align-self:center}
  .submitted-items button{width:64px;height:39px}
  .submitted-payment-logo-slot{grid-area:payment;align-self:center;justify-self:center}
  .submitted-total{grid-area:total;align-self:center;justify-self:end;text-align:right}
  .submitted-total>strong{font-size:12px}
  .payment-selector{justify-content:flex-end;margin-top:5px}
  .submitted-status{grid-area:status;align-self:start;justify-self:end}
  .order-status-badge{min-width:0;padding:5px 8px;font-size:8px}
  .submitted-actions{grid-area:actions;justify-content:flex-end;padding-top:2px}
  .process-order{min-width:82px;padding:8px 10px}
  .orders-batch-bar{right:10px;bottom:10px;left:10px;justify-content:center;gap:5px;padding:6px 7px;transform:none}
  .orders-batch-bar strong{font-size:8px}.orders-batch-bar i{height:18px}.orders-batch-bar button{min-height:26px;padding:6px 8px;font-size:8px}
  .customer-page{box-sizing:border-box;width:100%;min-width:0;padding:62px 12px 24px}
  .customer-header{align-items:flex-start;gap:12px;margin-bottom:16px}
  .customer-header h2{font-size:20px}
  .customer-header>div{min-width:0}
  .customer-header>div>span{display:block;font-size:10px;line-height:1.4}
  .customer-header>.primary{flex:0 0 auto;min-height:42px;padding:9px 11px;font-size:10px}
  .customer-tools{gap:10px;margin-bottom:12px}
  .customer-search{width:100%;min-width:0}
  .customer-tools>span{flex:0 0 auto;font-size:9px}
  .customer-table-wrap{width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y}
  .customer-table{min-width:790px}
  dialog[open]{position:fixed;box-sizing:border-box;inset:max(10px,env(safe-area-inset-top)) 10px auto;width:calc(100vw - 20px);min-width:0;max-width:calc(100vw - 20px);max-height:calc(100vh - 20px);max-height:calc(100dvh - 20px - env(safe-area-inset-top));margin:0 auto;padding:18px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
  dialog>.close{position:sticky;z-index:3;top:0;float:right;width:36px;height:36px;border-radius:50%;background:#eef2f7;line-height:1}
  #customerDialog:not(.order-dialog) .customer-form{margin-top:12px}
  #customerDialog:not(.order-dialog) .customer-form label{margin:11px 0}
  #customerDialog:not(.order-dialog) .form-actions{position:sticky;z-index:2;bottom:-18px;margin:18px -18px -18px;padding:12px 18px calc(12px + env(safe-area-inset-bottom));border-top:1px solid #e3e9f0;background:#fff}
  #customerDialog:not(.order-dialog) .form-actions button{min-height:44px;flex:1}
  .submitted-order-popup{min-width:0}.submitted-popup-items>div{grid-template-columns:42px 1fr}.submitted-popup-items>div>b{grid-column:2;text-align:right}
  .dashboard{box-sizing:border-box;width:100%!important;min-width:0!important;padding:62px 12px 28px!important;overflow-x:hidden}
  .customer-table-wrap{max-width:calc(100vw - 24px);overscroll-behavior-x:auto;touch-action:auto}
}

.customer-order-loading{min-height:240px;display:grid;place-items:center;align-content:center;gap:10px;padding:24px;text-align:center}.customer-order-loading>span{width:34px;height:34px;border:3px solid #dce8f7;border-top-color:#1976f9;border-radius:50%;animation:customer-order-spin .7s linear infinite}.customer-order-loading strong{color:#1e2f45;font-size:15px}.customer-order-loading small{max-width:300px;color:#78879a;line-height:1.45}.customer-order-loading.error strong{color:#bc3044}.customer-order-loading.error .primary{margin-top:6px}@keyframes customer-order-spin{to{transform:rotate(360deg)}}

/* Ready-to-ship routing is chosen only after an order is fully packed. */
.packing-list-head,.packing-row{grid-template-columns:28px minmax(200px,1.05fr) minmax(170px,.9fr) 65px 165px 110px 175px}
.packing-items{min-height:42px;flex-wrap:wrap;align-content:center}.packing-items>span{margin-top:2px;margin-bottom:2px}.packing-items p{display:none}
.packing-delivery-choice.pending{color:#64748b;background:#f1f5f9}
.packing-delivery-dialog{width:min(540px,92vw);padding:25px;border:0;border-radius:16px;box-shadow:0 22px 65px #17243a55}.packing-delivery-dialog::backdrop{background:#17243a99}.packing-delivery-dialog .close{position:absolute;top:14px;right:14px;width:30px;height:30px;border:0;border-radius:50%;color:#56677c;background:#edf1f6;cursor:pointer}.packing-delivery-dialog h2{margin:4px 0 5px}.packing-delivery-customer{margin:0 0 17px;color:#708097;font-size:10px}.packing-delivery-dialog form{display:grid;gap:15px}.packing-delivery-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.packing-delivery-options>label{position:relative;cursor:pointer}.packing-delivery-options input{position:absolute;opacity:0}.packing-delivery-options span{min-height:74px;display:grid;align-content:center;gap:6px;padding:13px;border:1px solid #d9e1eb;border-radius:11px;color:#334155;background:#fff}.packing-delivery-options b{font-size:11px}.packing-delivery-options small{color:#718096;font-size:8px;line-height:1.4}.packing-delivery-options input:checked+span{border-color:#1976f9;background:#eef6ff;box-shadow:0 0 0 3px #1976f91c}.packing-delivery-dialog section{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:13px;border-radius:11px;background:#f5f1ff}.packing-delivery-dialog section[hidden]{display:none}.packing-delivery-dialog section label{display:grid;gap:6px;color:#625a76;font-size:9px;font-weight:900}.packing-delivery-dialog select,.packing-delivery-dialog input{width:100%;padding:10px;border:1px solid #d7ddea;border-radius:8px;color:#26364d;background:#fff;outline:0}.packing-delivery-dialog form>button{padding:11px;border:0;border-radius:9px;color:#fff;background:#1976f9;font-weight:900;cursor:pointer}
@media(max-width:1050px){.packing-row{grid-template-columns:28px 1fr}.packing-delivery-choice{grid-column:2}.packing-stage-info{grid-column:2}}
@media(max-width:600px){.packing-delivery-options,.packing-delivery-dialog section{grid-template-columns:1fr}}

/* Delivery and rider operations */
.delivery-page{min-width:980px;padding:30px 32px 70px;background:#f3f6fa}.delivery-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.delivery-header h2{margin:2px 0 6px;font-size:25px}.delivery-header>div>span{color:#748398;font-size:11px}.delivery-header>button{padding:9px 13px;border:1px solid #d4dde8;border-radius:7px;color:#34445a;background:#fff;cursor:pointer}.delivery-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.delivery-summary article{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid #e0e7ef;border-radius:12px;background:#fff}.delivery-summary article>span{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;color:#176fee;background:#e8f2ff;font-size:16px;font-weight:900}.delivery-summary article:nth-child(2)>span{color:#087552;background:#dff7ed}.delivery-summary article:nth-child(3)>span{color:#be2e42;background:#ffe7eb}.delivery-summary small,.delivery-summary strong{display:block}.delivery-summary small{color:#7a899c;font-size:8px;font-weight:900;letter-spacing:.06em}.delivery-summary strong{margin-top:3px;color:#17243a;font-size:22px}.delivery-tools{display:flex;align-items:center;gap:9px;margin-bottom:14px;padding:12px;border:1px solid #e0e7ef;border-radius:11px;background:#fff}.delivery-search{width:330px;display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid #d9e2ed;border-radius:8px;color:#7592b5;background:#f7f9fc}.delivery-search input{width:100%;border:0;outline:0;background:transparent}.delivery-tools select{padding:8px 10px;border:1px solid #d9e2ed;border-radius:8px;color:#53647a;background:#fff}.delivery-route-button{margin-left:auto;padding:9px 13px;border:0;border-radius:8px;color:#fff;background:#176fee;font-size:10px;font-weight:900;cursor:pointer}.delivery-route-button:disabled{color:#8491a2;background:#dce3ec;cursor:not-allowed}.delivery-list-panel{overflow:hidden;border:1px solid #dfe7f0;border-radius:13px;background:#fff}.delivery-list-head,.delivery-row{display:grid;grid-template-columns:28px 48px 90px minmax(320px,1fr) 145px 145px 105px;gap:10px;align-items:center}.delivery-list-head{min-height:47px;padding:0 14px;color:#58708f;background:#f7f9fc;font-size:8px;font-weight:900}.delivery-row{min-height:96px;padding:11px 14px;border-top:1px solid #e2e8ef}.delivery-row:hover{background:#fbfdff}.delivery-row input{width:15px;height:15px;accent-color:#176fee}.delivery-stop{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;color:#176fee;background:#eaf3ff;font-size:12px}.delivery-order a,.delivery-order small{display:block}.delivery-order a{color:#0874f8;font-size:12px;font-weight:900;text-decoration:none}.delivery-order small{margin-top:4px;color:#7d8a9d;font-size:7px}.delivery-customer strong,.delivery-customer small{display:block}.delivery-customer strong{color:#101827;font:700 12px/1.3 Arial,sans-serif}.delivery-customer small{margin-top:2px;color:#188361;font-size:8px}.delivery-customer p{max-width:520px;margin:5px 0 0;overflow:hidden;color:#66778d;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.delivery-rider-select,.delivery-status-select{width:100%;padding:8px;border:1px solid #d7e0ea;border-radius:7px;color:#45566d;background:#fff;font-size:9px}.delivery-status-select.pending{border-color:#a9c9f5;color:#1768cc;background:#edf5ff}.delivery-status-select.delivered{border-color:#9cd7bf;color:#087552;background:#edf9f4}.delivery-status-select.failed{border-color:#efb5bd;color:#b82e40;background:#fff1f3}.delivery-map-link{display:block;padding:8px;border:1px solid #176fee;border-radius:7px;color:#176fee;background:#f3f8ff;text-align:center;font-size:8px;font-weight:900;text-decoration:none}.delivery-map-link.disabled{border-color:#dbe2eb;color:#9ba6b5;background:#f4f6f8;pointer-events:none}.delivery-empty{padding:55px;color:#7a889b;text-align:center}.sidebar nav a[href="delivery.html"] span{color:#7357db}.sidebar nav a[href="delivery.html"].active{color:#5f42c8;background:#f0ebff}
@media(max-width:760px){.delivery-page{margin-left:0}.delivery-summary{grid-template-columns:repeat(2,1fr)}}

/* Own Rider and Courier Partner fulfillment flows */
.order-delivery-method{display:flex;align-items:center;gap:6px;width:max-content;margin:6px 0 0 45px;padding:3px 6px;border-radius:6px;background:#eef6ff}.order-delivery-method>span{color:#63758d;font-size:6px;font-weight:900;letter-spacing:.06em}.order-delivery-method select{padding:2px 18px 2px 5px;border:0;border-radius:4px;color:#145fab;background:#fff;font-size:7px;font-weight:900}.order-delivery-method.courier-partner{background:#f3edff}.order-delivery-method.courier-partner select{color:#6d28d9}.order-delivery-method small{color:#7357a2;font-size:6px}
.packing-toolbar>select{padding:7px 10px;border:1px solid #dce3ec;border-radius:8px;color:#56677d;background:#fff;font-size:9px;font-weight:800}.packing-list-head,.packing-row{grid-template-columns:28px minmax(200px,1.05fr) minmax(245px,1.35fr) 65px 155px 110px 175px}.packing-delivery-choice{display:grid;gap:4px;padding:7px;border-radius:8px}.packing-delivery-choice b{font-size:8px}.packing-delivery-choice small{color:#718096;font-size:7px;line-height:1.25}.packing-delivery-choice.own-rider{color:#1768cc;background:#eaf3ff}.packing-delivery-choice.courier-partner{color:#6d28d9;background:#f3edff}.packing-delivery-choice select,.packing-delivery-choice input{width:100%;padding:5px 6px;border:1px solid #d8dfea;border-radius:5px;color:#46566d;background:#fff;font-size:7px;outline:0}
.courier-partner-manager{display:grid;gap:10px;margin:12px 0}.courier-partner-setting{display:grid;grid-template-columns:52px minmax(180px,1fr) 120px 85px 85px 34px;gap:10px;align-items:end;padding:12px;border:1px solid #e0e6ef;border-radius:10px;background:#fafcff}.courier-partner-logo-preview{width:44px;height:44px;display:grid;place-items:center;overflow:hidden;border-radius:10px;color:#fff;background:var(--courier-partner-color);font-size:18px}.courier-partner-logo-preview img{width:100%;height:100%;object-fit:contain;background:#fff}.courier-partner-setting label{display:grid;gap:5px;color:#637287;font-size:8px;font-weight:900}.courier-partner-setting input[type="text"],.courier-partner-setting input:not([type]){padding:8px;border:1px solid #d8e0ea;border-radius:7px}.courier-partner-logo-input-label input{max-width:110px;font-size:7px}.courier-partner-color input{width:100%;height:32px;padding:2px;border:1px solid #d8e0ea;border-radius:6px}.courier-partner-enabled{display:flex!important;align-items:center;gap:5px;padding-bottom:8px}.courier-partner-remove{width:31px;height:31px;border:1px solid #f0c7cd;border-radius:7px;color:#d33a4d;background:#fff;cursor:pointer}
@media(max-width:1050px){.packing-delivery-choice{grid-column:2}.courier-partner-setting{grid-template-columns:52px 1fr 100px 80px}.courier-partner-enabled,.courier-partner-remove{grid-column:auto}}

.submitted-order-row.is-canceled { opacity:1; background:#fff; }
.submitted-order-row.is-canceled:hover { background:#fbfdff; }

/* Compact square Sales Milestone card */
.dashboard-grid > .milestone-panel.is-collapsed { grid-column:1; grid-row:1; width:250px; min-height:0; aspect-ratio:1; justify-self:start; align-self:start; overflow:hidden; padding:16px; }
.dashboard-grid > .platform-sales-panel { grid-column:2; grid-row:1; }
.dashboard-grid.milestone-expanded > .milestone-panel { grid-column:1/-1; grid-row:1; width:auto; min-height:0; aspect-ratio:auto; justify-self:stretch; overflow:visible; }
.dashboard-grid.milestone-expanded > .platform-sales-panel { grid-column:1/-1; grid-row:2; }
.milestone-panel.is-collapsed .panel-title { flex-direction:column; align-items:stretch; gap:8px; margin-bottom:8px; }
.milestone-panel.is-collapsed .panel-title h3 { font-size:15px; }
.milestone-panel.is-collapsed #milestoneSubtitle { overflow:hidden; font-size:9px; line-height:1.35; text-overflow:ellipsis; white-space:nowrap; }
.milestone-panel.is-collapsed .milestone-controls { width:100%; display:grid; grid-template-columns:1fr 1fr; gap:5px; }
.milestone-panel.is-collapsed .scope { padding:5px 6px; font-size:9px; }
.milestone-panel.is-collapsed .month-tag { display:none; }
.milestone-panel.is-collapsed .milestone-summary { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:0; padding:9px; }
.milestone-panel.is-collapsed .milestone-summary span { margin-bottom:2px; font-size:8px; }
.milestone-panel.is-collapsed .milestone-summary strong { overflow:hidden; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.milestone-panel.is-collapsed .team-progress { grid-column:1/-1; width:100%; margin:0; }
.milestone-panel.is-collapsed .team-progress div { margin-right:32px; }
.milestone-panel.is-collapsed .milestone-report-toggle { grid-column:1/-1; width:100%; margin:0; padding:6px 8px; }
.account-limited-dashboard .dashboard-grid > .milestone-panel.is-collapsed { width:250px; }

/* Product photo beside the product name */
.product-table td:first-child { min-width:270px; }
.product-list-cell { display:flex; align-items:center; gap:12px; min-width:0; }
.product-list-photo { flex:0 0 52px; width:52px; height:52px; display:grid; place-items:center; overflow:hidden; border:1px solid #dce4ed; border-radius:10px; color:#7890aa; background:#eef3f8; }
.product-list-photo img { width:100%; height:100%; object-fit:cover; }
.product-list-photo span { font-size:20px; }
.product-list-copy { min-width:0; }
.product-list-copy strong,.product-list-copy small { display:block; }
.product-list-copy strong { color:#22344b; white-space:nowrap; }
.product-list-copy small { margin-top:4px; }
.product-classification-fields { display:grid; grid-template-columns:1fr 1fr; gap:15px; margin-top:14px; }.product-source-field { max-width:none; margin:0; }.product-source-field small,.product-category-field > small { display:block; margin-top:6px; color:#8491a2; font-size:9px; font-weight:600; }.product-category-field { display:grid; grid-template-columns:minmax(0,1fr) auto; column-gap:7px; align-items:end; }.product-category-field label { min-width:0; }.product-category-field > button { height:42px; padding:0 12px; border:1px solid #cfe0f8; border-radius:7px; color:#176bd9; background:#eef5ff; font-size:9px; font-weight:900; cursor:pointer; }.product-category-field > small { grid-column:1/-1; }.product-source-badge { display:inline-flex!important; width:max-content; align-items:center; padding:3px 7px; border-radius:10px; font-size:8px!important; font-weight:900; }.product-source-badge.local { color:#176b52; background:#e7f7f1; }.product-source-badge.dropshipping { color:#7047b9; background:#f0eaff; }.product-category-label { display:inline-flex!important; width:max-content; align-items:center; padding:2px 7px; border:1px solid #dce4ee; border-radius:9px; color:#607087!important; background:#f7f9fc; font-size:8px!important; font-weight:800; }
.product-category-dialog { width:min(420px,calc(100% - 32px)); padding:0; border:0; border-radius:15px; color:#283a50; background:#fff; box-shadow:0 24px 70px #17283f40; }.product-category-dialog::backdrop { background:#17283f80; backdrop-filter:blur(2px); }.product-category-dialog > section { padding:21px; }.product-category-dialog header { display:flex; align-items:flex-start; justify-content:space-between; margin-bottom:20px; }.product-category-dialog header small { color:#6f91ba; font-size:9px; font-weight:900; letter-spacing:.8px; }.product-category-dialog h3 { margin:4px 0 0; font-size:19px; }.category-dialog-close { width:30px; height:30px; border:0; border-radius:8px; color:#718198; background:#f1f4f8; font-size:20px; cursor:pointer; }.product-category-dialog label { display:block; color:#46566b; font-size:11px; font-weight:800; }.product-category-dialog input { display:block; width:100%; box-sizing:border-box; margin-top:7px; padding:11px 12px; border:1px solid #d8e2ed; border-radius:8px; outline-color:#1976f9; color:#2f4056; font-size:14px; }.category-dialog-error { margin:7px 0 0; color:#d13b49; font-size:10px; }.product-category-dialog footer { display:flex; justify-content:flex-end; gap:9px; margin-top:22px; }.product-category-dialog footer button { padding:10px 14px; border-radius:8px; font-weight:800; cursor:pointer; }.category-dialog-cancel { border:0; color:#596a80; background:#f1f4f8; }.category-dialog-save { border:0; color:#fff; background:#1976f9; }

/* Featured products in the customer order picker */
.order-product-feature-tabs { display:flex; align-items:center; gap:6px; margin:10px 0; }
.order-product-feature-tabs button { padding:7px 11px; border:1px solid #dce4ed; border-radius:7px; color:#64758a; background:#fff; font-size:9px; font-weight:900; cursor:pointer; }
.order-product-feature-tabs button.active { border-color:#1976f9; color:#fff; background:#1976f9; }
.order-product-feature-tabs span { margin-left:auto; color:#7f8da0; font-size:9px; }
.order-product-sales { margin:3px 0 7px!important; color:#1976f9!important; font-size:8px!important; font-weight:800; }
.order-product-sales.new { color:#97a3b2!important; }
.order-product-row[hidden] { display:none!important; }
.customer-code { display:inline-flex!important; align-items:center; justify-content:center; min-width:82px; padding:6px 9px; border:1px solid #cfe0f8; border-radius:7px; color:#176bd9!important; background:#eef5ff; font-size:10px!important; font-weight:900; letter-spacing:.35px; white-space:nowrap; }
.sales-customer-code { display:inline-flex; width:max-content; align-items:center; margin-top:4px; padding:3px 7px; border:1px solid #cfe0f8; border-radius:6px; color:#176bd9; background:#eef5ff; font-size:8px; font-weight:900; letter-spacing:.35px; white-space:nowrap; }
.customer-country { display:inline-block!important; margin:0 0 0 6px!important; color:#51647b!important; font-size:9px!important; font-weight:800; }
.customer-table td:nth-child(4) { white-space:nowrap; }
/* Automatic product cost from DS Cost conversion plus weight at AED 39/kg */
.auto-cost-note { display:block; margin-top:6px; color:#758399; font-size:8px; font-weight:700; line-height:1.35; }
#costInput.automatic-cost { color:#0c7257; background:#eefaf5; border-color:#9edbc7; font-weight:900; cursor:not-allowed; }
/* Payment approval workflow */
.payment-approval-notice { display:grid; gap:3px; margin-top:14px; padding:11px 12px; border:1px solid #f1ce7a; border-radius:8px; color:#76520c; background:#fff8df; font-size:10px; line-height:1.45; }
.payment-approval-notice[hidden] { display:none; }
.payment-approval-notice strong { color:#9a6500; font-size:11px; }
.payment-selector button.active.for-confirmation { border-color:#d59415; color:#6c4904; background:#fff1c7; font-weight:900; }
.submitted-actions { flex-wrap:wrap; gap:6px; }
.process-order:disabled { color:#76520c; background:#fff0bd; cursor:not-allowed; }
.confirm-payment { padding:7px 8px; border:0; border-radius:5px; color:#fff; background:#168b62; font-size:8px; font-weight:900; cursor:pointer; }
.payment-waiting { display:block; color:#a06700; font-size:8px; font-weight:900; }
.detail-payment-badge.for-confirmation { background:#d59415; }
.payment-receipt-button { width:100%; display:grid; grid-template-columns:27px 1fr; align-items:center; gap:6px; padding:4px 6px; border:1px solid #d9bf77; border-radius:6px; color:#76520c; background:#fff9e7; font-size:8px; font-weight:900; text-align:left; cursor:pointer; }
.payment-receipt-button img { width:27px; height:27px; border-radius:4px; object-fit:cover; background:#fff; }
.payment-receipt-missing { color:#bd3546; font-size:8px; font-weight:900; }
.payment-approval-actions .process-order { width:100%; font-size:8px; }
.payment-approval-receipt-dialog { width:min(520px,calc(100vw - 32px)); max-height:90vh; overflow:auto; }
.payment-approval-receipt-dialog h2 { margin:5px 0 15px; color:#17243a; }
.approval-receipt-image { display:grid; place-items:center; min-height:280px; padding:10px; overflow:hidden; border:1px solid #dce4ed; border-radius:10px; background:#eef2f6; }
.approval-receipt-image img { display:block; max-width:100%; max-height:55vh; object-fit:contain; border-radius:6px; box-shadow:0 7px 20px #17243a22; }
.approval-receipt-details { margin-top:13px; padding:9px 12px; border:1px solid #e2e7ed; border-radius:9px; background:#fafbfd; }
.approval-receipt-details p { display:flex; justify-content:space-between; gap:18px; margin:0; padding:6px 0; color:#6a788b; font-size:10px; }
.approval-receipt-details strong { color:#24354b; text-align:right; }
.approval-receipt-waiting { padding:10px 12px; border:1px solid #f0d58f; border-radius:8px; color:#805c0c; background:#fff8e2; font-size:10px; line-height:1.45; }
.approval-receipt-waiting[hidden],.confirm-receipt-payment[hidden] { display:none; }
.confirm-receipt-payment { width:100%; margin-top:13px; padding:11px; border:0; border-radius:8px; color:#fff; background:#168b62; font-weight:900; cursor:pointer; }

/* Compact MOP logo between Items and Total Amount on the orders list. */
.submitted-orders-head,.submitted-order-row { grid-template-columns:28px 78px minmax(360px,1fr) 70px 38px 165px 90px 115px; }
.submitted-payment-logo-slot { width:38px; display:grid; place-items:center; }
.submitted-payment-logo-slot .order-payment-logo { width:38px; height:38px; margin:0; border-radius:9px; font-size:14px; }
.submitted-payment-logo-slot .order-payment-logo svg { width:24px; height:24px; }

/* Order-detail payment editing and next-step action controls. */
.detail-payment-actions { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:14px; padding-top:13px; border-top:1px solid #e0e6ed; }
.detail-payment-actions button { min-height:36px; padding:8px 10px; border:1px solid #cfd9e6; border-radius:7px; color:#38506d; background:#fff; font-size:9px; font-weight:900; cursor:pointer; }
.detail-payment-actions button.primary { border-color:#1976f9; color:#fff; background:#1976f9; }
.detail-payment-actions button.wide { grid-column:1/-1; color:#1767d5; background:#f2f7ff; border-color:#c9dcf8; }
.detail-payment-actions button:disabled,.reference-customer-card header button:disabled { opacity:.45; color:#7a8798; background:#f1f3f6; border-color:#dce2e9; cursor:not-allowed; }
.detail-order-locked-note { grid-column:1/-1; padding:8px 9px; border-radius:6px; color:#76520c; background:#fff8df; font-size:8px; line-height:1.4; text-align:center; }
#orderCustomerForm :disabled { color:#7d8999; background:#f3f5f8; cursor:not-allowed; }
.detail-payment-editor .payment-field select { width:100%; margin-top:6px; padding:10px 11px; border:1px solid #d8e1ec; border-radius:7px; outline:0; color:#17243a; background:#fff; }
.detail-payment-editor .payment-field select:focus { border-color:#1976f9; box-shadow:0 0 0 3px #1976f918; }
.detail-payment-editor :disabled { opacity:.55; cursor:not-allowed; }
.detail-action-entry-dialog .payment-field select,.detail-action-entry-dialog .payment-field textarea { width:100%; margin-top:6px; padding:10px 11px; border:1px solid #d8e1ec; border-radius:7px; outline:0; color:#17243a; background:#fff; font:11px Inter,Segoe UI,Arial,sans-serif; }
.detail-action-entry-dialog .payment-field textarea { min-height:105px; resize:vertical; }
.detail-action-entry-dialog .payment-field select:focus,.detail-action-entry-dialog .payment-field textarea:focus { border-color:#1976f9; box-shadow:0 0 0 3px #1976f918; }
.detail-action-entry-dialog .save-payment-record { margin-top:15px; }
@media print { .detail-payment-actions { display:none!important; } }

/* Editable confirmed-order items. */
.edit-order-detail-item { display:block; min-width:58px; margin:8px 0 0 auto; padding:6px 9px; border:1px solid #c9dcf8; border-radius:6px; color:#1767d5; background:#f2f7ff; font-size:8px; font-weight:900; cursor:pointer; }
.edit-order-detail-item:disabled { opacity:.45; color:#7a8798; background:#f1f3f6; border-color:#dce2e9; cursor:not-allowed; }
.detail-item-edit-fields { display:grid; grid-template-columns:.65fr 1fr; gap:10px; }
.detail-item-editor-dialog .payment-field input[readonly] { color:#78879a; background:#f4f6f9; }
.detail-item-editor-note { margin:12px 0; padding:9px 10px; border-radius:7px; color:#5f7085; background:#f3f7fc; font-size:9px; line-height:1.45; }
@media print { .edit-order-detail-item { display:none!important; } }

/* Per-item cancel and replacement actions. */
.order-detail-item-actions { display:flex; justify-content:flex-end; gap:5px; margin-top:8px; }
.order-detail-item-actions button { min-width:52px; padding:6px 7px; border:1px solid; border-radius:6px; background:#fff; font-size:8px; font-weight:900; cursor:pointer; }
.order-detail-item-actions .cancel-detail-order-item { color:#c53548; border-color:#f1bdc5; background:#fff5f6; }
.order-detail-item-actions .replace-detail-order-item { color:#1767d5; border-color:#c9dcf8; background:#f2f7ff; }
.order-detail-item-actions button:disabled { opacity:.45; color:#7a8798; background:#f1f3f6; border-color:#dce2e9; cursor:not-allowed; }
.detail-replacement-preview { display:grid; gap:4px; margin:14px 0; padding:12px; border:1px solid #dce5f0; border-radius:8px; background:#f5f8fc; }
.detail-replacement-preview span { color:#738297; font-size:8px; font-weight:900; text-transform:uppercase; }
.detail-replacement-preview strong { color:#1767d5; font-size:15px; }
.detail-replacement-preview small { color:#6c7b90; font-size:9px; line-height:1.4; }
@media print { .order-detail-item-actions { display:none!important; } }

/* Order-items header controls. */
.reference-items-card > h3 { display:flex; align-items:center; gap:8px; }
.reference-items-card > h3 > small { float:none; margin-left:auto; white-space:nowrap; }
.detail-items-header-actions { display:flex; align-items:center; gap:6px; }
.detail-items-header-actions button,.detail-items-header-actions a { display:inline-flex; align-items:center; justify-content:center; min-height:25px; padding:5px 8px; border:1px solid #c9dcf8; border-radius:6px; color:#1767d5; background:#f2f7ff; font-size:8px; font-weight:900; text-decoration:none; cursor:pointer; white-space:nowrap; }
.detail-items-header-actions a { border-color:#d5dde7; color:#4d5e74; background:#fff; }
.detail-items-header-actions button:disabled { opacity:.45; color:#7a8798; background:#f1f3f6; border-color:#dce2e9; cursor:not-allowed; }
@media print { .detail-items-header-actions { display:none!important; } }

/* Dashboard totals received per mode of payment. */
.home-stat-grid > .payment-mode-panel { grid-column:1/-1; }
.payment-mode-summary { min-width:155px; padding:9px 12px; border-radius:9px; background:#edf8f4; text-align:right; }
.payment-mode-summary span,.payment-mode-summary b { display:block; }
.payment-mode-summary span { color:#638176; font-size:8px; font-weight:900; text-transform:uppercase; }
.payment-mode-summary b { margin-top:3px; color:#16856a; font-size:15px; }
.payment-mode-header-totals { display:flex; align-items:stretch; gap:8px; }
.payment-mode-summary small { display:block; margin-top:3px; color:#718197; font-size:7px; font-weight:700; white-space:nowrap; }
.payment-mode-summary.delivery-charge-summary { min-width:215px; background:#fff7e5; }
.payment-mode-summary.delivery-charge-summary span { color:#9b6b0a; }
.payment-mode-summary.delivery-charge-summary b { color:#cf8300; }
.payment-mode-list { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:10px; }
.payment-mode-item { display:grid; grid-template-columns:42px minmax(0,1fr) auto; grid-template-rows:auto auto; align-items:center; gap:2px 10px; padding:12px; border:1px solid color-mix(in srgb,var(--payment-mode-color) 22%,#e0e7ef); border-radius:10px; background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--payment-mode-color) 5%,white)); box-shadow:inset 3px 0 var(--payment-mode-color); }
.payment-mode-logo { grid-row:1/3; width:42px; height:42px; display:grid; place-items:center; overflow:hidden; border-radius:9px; color:#fff; background:var(--payment-mode-color); font-size:15px; font-weight:900; }
.payment-mode-logo img { width:100%; height:100%; object-fit:contain; background:#fff; }
.payment-mode-item div { min-width:0; }
.payment-mode-item div strong,.payment-mode-item div small { display:block; }
.payment-mode-item div strong { overflow:hidden; color:#26374d; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.payment-mode-item div small { margin-top:4px; color:#8290a1; font-size:8px; }
.payment-mode-item > b { color:#17283f; font-size:13px; white-space:nowrap; }
.payment-mode-item > i { grid-column:3; width:max-content; justify-self:end; padding:3px 6px; border-radius:9px; color:var(--payment-mode-color); background:color-mix(in srgb,var(--payment-mode-color) 10%,white); font-size:8px; font-style:normal; font-weight:900; }

/* Final order receipt capture. */
.receive-order-dialog { width:min(460px,calc(100vw - 32px)); padding:25px; border:0; border-radius:16px; color:#17283f; box-shadow:0 24px 70px rgba(16,33,56,.3); }
.receive-order-dialog::backdrop { background:rgba(16,29,49,.55); backdrop-filter:blur(2px); }
.receive-order-dialog h2 { margin:0 0 4px; font-size:22px; }
.receive-order-customer { margin:0 0 20px; color:#718197; font-size:12px; font-weight:700; }
.receive-order-dialog form { display:grid; gap:13px; }
.receive-order-dialog form > label { display:grid; gap:6px; color:#586a80; font-size:11px; font-weight:800; }
.receive-order-dialog form > label small { color:#91a0b1; font-size:9px; font-weight:600; }
.receive-money-input { display:flex; align-items:center; height:45px; overflow:hidden; border:1px solid #d8e2ed; border-radius:9px; background:#fff; }
.receive-money-input:focus-within { border-color:#1976f9; box-shadow:0 0 0 3px rgba(25,118,249,.11); }
.receive-money-input span { align-self:stretch; display:grid; place-items:center; min-width:54px; color:#176fe9; background:#edf5ff; font-size:11px; font-weight:900; }
.receive-money-input input { flex:1; min-width:0; height:100%; padding:0 12px; border:0; outline:0; color:#17283f; font-size:16px; font-weight:800; }
.receive-money-input.locked { border-color:#dfe6ee; background:#f4f7fa; }
.receive-money-input.locked span { color:#65778d; background:#e9eef4; }
.receive-money-input input[readonly] { color:#65778d; background:#f4f7fa; cursor:not-allowed; }
.receive-order-breakdown { padding:10px 13px; border-radius:10px; background:#f5f8fc; }
.receive-order-breakdown p { display:flex; align-items:center; justify-content:space-between; margin:5px 0; color:#738297; font-size:11px; }
.receive-order-breakdown strong { color:#263950; }
.receive-order-breakdown .delivery-profit-line strong,.received-order-summary .delivery-profit-line b { color:#16835f; }
.save-received-order { min-height:44px; border:0; border-radius:9px; color:#fff; background:#168c66; box-shadow:0 7px 18px rgba(22,140,102,.2); font-weight:900; cursor:pointer; }
.received-order-summary { margin-top:14px; padding:12px; border:1px solid #ccebdd; border-radius:10px; background:#f2fbf7; }
.received-order-summary h4 { margin:0 0 8px; color:#16815f; font-size:11px; text-transform:uppercase; }
.received-order-summary p { margin:6px 0; }
.received-order-summary > small { display:block; margin-top:9px; color:#718b81; font-size:8px; line-height:1.45; }
.request-received-order { min-width:82px; padding:7px 14px; border:1px solid #7b61d1; border-radius:999px; color:#6747c5; background:#f3efff; font-size:9px; font-weight:900; cursor:pointer; }
.request-received-order.pending { border-color:#d69319; color:#a76c00; background:#fff6df; }
.received-request-dialog { width:min(470px,calc(100vw - 32px)); padding:25px; border:0; border-radius:16px; color:#17283f; box-shadow:0 24px 70px rgba(16,33,56,.3); }
.received-request-dialog::backdrop { background:rgba(16,29,49,.55); backdrop-filter:blur(2px); }
.received-request-dialog h2 { margin:0 0 4px; font-size:22px; }
.received-request-dialog form { display:grid; gap:13px; }
.received-request-dialog form[hidden] { display:none; }
.received-request-dialog form label { display:grid; gap:6px; color:#586a80; font-size:11px; font-weight:800; }
.received-request-dialog select,.received-request-dialog textarea { width:100%; padding:11px 12px; border:1px solid #d8e2ed; border-radius:9px; color:#17283f; background:#fff; font:inherit; outline:0; resize:vertical; }
.received-request-dialog select:focus,.received-request-dialog textarea:focus { border-color:#7b61d1; box-shadow:0 0 0 3px rgba(123,97,209,.11); }
.received-request-history { max-height:190px; margin:0 0 15px; padding:11px; overflow:auto; border-radius:10px; background:#f6f4fc; }
.received-request-history > strong { display:block; margin-bottom:8px; color:#6c54b7; font-size:9px; text-transform:uppercase; }
.received-request-history article { position:relative; margin-top:7px; padding:9px; border:1px solid #e1dbf3; border-radius:8px; background:#fff; }
.received-request-history article b { font-size:10px; }
.received-request-history article > span { float:right; padding:3px 6px; border-radius:8px; color:#a76c00; background:#fff1cf; font-size:7px; font-weight:900; text-transform:uppercase; }
.received-request-history article p { margin:7px 0; color:#41536a; font-size:10px; line-height:1.4; }
.received-request-history article small { color:#8a98a9; font-size:8px; }
.received-request-history article em,.reference-request-card article em { display:block; margin:7px 0; color:#6548bd; font-size:9px; font-style:normal; font-weight:900; }
.received-request-proof-preview { display:flex; align-items:center; gap:10px; padding:9px; border:1px solid #ddd6f0; border-radius:9px; background:#faf9fe; }
.received-request-proof-preview[hidden] { display:none; }
.received-request-proof-preview img { width:68px; height:68px; border-radius:7px; object-fit:cover; }
.received-request-proof-preview button { border:0; color:#c33c4d; background:transparent; font-size:9px; font-weight:800; cursor:pointer; }
.received-request-proof-link { display:flex; align-items:center; gap:7px; width:max-content; margin:7px 0; color:#5e46ad; font-size:9px; font-weight:900; text-decoration:none; }
.received-request-proof-link img { width:44px; height:44px; border:1px solid #ded8ef; border-radius:6px; object-fit:cover; }
.received-request-approval-actions { display:flex; gap:6px; margin:8px 0; }
.received-request-approval-actions button { padding:6px 9px; border:0; border-radius:7px; color:#fff; background:#16845f; font-size:8px; font-weight:900; cursor:pointer; }
.received-request-approval-actions button.reject { background:#d84151; }
.received-request-history article > span.confirmed,.reference-request-card article header span.confirmed { color:#14745b; background:#dff3eb; }
.received-request-history article > span.rejected,.reference-request-card article header span.rejected { color:#bd3444; background:#fde2e6; }
.received-request-history article > span.action-required,.reference-request-card article header span.action-required { color:#a76900; background:#fff0c8; }
.received-request-history article > span.completed,.reference-request-card article header span.completed { color:#14745b; background:#dff3eb; }
.add-another-received-request { display:block; margin:13px auto 0; padding:8px 15px; border:1px solid #7b61d1; border-radius:999px; color:#6747c5; background:#f4f0ff; font-size:9px; font-weight:900; cursor:pointer; }
.add-another-received-request[hidden] { display:none; }
.received-request-completed-action { margin:9px 0; padding:10px; border:1px solid #cce9dc; border-radius:8px; background:#f1faf6; }
.received-request-completed-action > strong,.received-request-completed-action > b { display:block; color:#16785b; font-size:10px; }
.received-request-completed-action > b { margin-top:3px; font-size:12px; }
.received-request-completed-action > p { margin:6px 0!important; }
.received-request-completed-action > small { display:block; color:#718b81!important; font-size:8px!important; }
.reference-request-card { grid-column:1; padding:18px; border:1px solid #e2dcf2; border-radius:13px; background:#fff; box-shadow:0 4px 13px rgba(34,47,67,.05); }
.reference-request-card > h3 { margin:0 0 12px; color:#6548bd; font-size:12px; }
.reference-request-card > h3 small { margin-left:5px; padding:3px 6px; border-radius:8px; color:#6548bd; background:#f0ebff; }
.reference-request-card article { margin-top:8px; padding:11px; border:1px solid #e8e3f5; border-radius:9px; background:#faf9fe; }
.reference-request-card article header { display:flex; align-items:center; justify-content:space-between; }
.reference-request-card article header strong { font-size:11px; }
.reference-request-card article header span { padding:3px 7px; border-radius:8px; color:#9c6800; background:#fff0c9; font-size:7px; font-weight:900; text-transform:uppercase; }
.reference-request-card article p { margin:7px 0; color:#47596f; font-size:10px; line-height:1.45; }
.reference-request-card article > small { color:#8a98a9; font-size:8px; }
.order-status-tabs button[data-order-status="Request"] { width:auto; min-width:105px; flex:0 0 auto; padding:8px 16px; border-radius:999px; }
.order-status-tabs button.request-tab-alert { position:relative; z-index:2; color:#fff!important; background:#df3447!important; box-shadow:0 0 0 0 rgba(223,52,71,.42); animation:requestTabPulse 1.35s ease-in-out infinite; }
.order-status-tabs button.request-tab-alert b { display:inline-grid; place-items:center; min-width:18px; height:18px; margin-left:4px; padding:0 5px; border-radius:10px; color:#d92f43; background:#fff; font-size:8px; }
.order-status-tabs button.request-tab-alert small { color:#ffe8eb!important; }
.request-approval-toast { position:fixed; z-index:60; top:18px; right:22px; display:flex; align-items:center; gap:10px; min-width:270px; padding:12px 15px; border:1px solid #ff8794; border-radius:12px; color:#fff; background:linear-gradient(135deg,#e13a4d,#bd2437); box-shadow:0 12px 30px rgba(190,36,55,.3); text-align:left; cursor:pointer; animation:requestToastPulse 1.55s ease-in-out infinite; }
.request-approval-toast[hidden] { display:none; }
.request-approval-toast > span { flex:0 0 31px; width:31px; height:31px; display:grid; place-items:center; border-radius:50%; color:#d72e42; background:#fff; font-size:17px; font-weight:950; }
.request-approval-toast strong,.request-approval-toast small { display:block; }
.request-approval-toast strong { font-size:11px; }
.request-approval-toast small { margin-top:3px; color:#ffe3e7; font-size:8px; }
@keyframes requestTabPulse { 0%,100% { transform:scale(1); box-shadow:0 0 0 0 rgba(223,52,71,.34); } 50% { transform:scale(1.035); box-shadow:0 0 0 6px rgba(223,52,71,0); } }
@keyframes requestToastPulse { 0%,100% { transform:scale(1); } 50% { transform:scale(1.035); } }
.reference-payment-card .payment-refund { color:#c92f45; font-weight:800; }.reference-payment-card .payment-refund b { color:#c92f45; }.reference-payment-card .payment-total.net-sales { margin-top:0; border-top:0; }.reference-payment-card .payment-total.net-sales strong { color:#176fee; }
.order-credit-applied { display:block; margin-top:3px; color:#7c3aed; font-size:8px; font-weight:800; }.order-credit-row,.reference-payment-card .payment-credit { color:#7c3aed!important; font-weight:800; }.reference-payment-card .payment-total.amount-due { margin-top:0; border-top:0; }.reference-payment-card .payment-total.amount-due strong { color:#7c3aed; }.invoice-credit-applied { color:#7c3aed!important; font-weight:800; }
.packing-page { max-width:1500px; padding:28px 34px 60px; }.packing-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:18px; }.packing-header p { margin:0 0 4px; color:#1976f9; font-size:10px; font-weight:900; letter-spacing:.12em; }.packing-header h2 { margin:0; font-size:25px; }.packing-header span { display:block; margin-top:4px; color:#77869a; font-size:11px; }.packing-header button { padding:9px 15px; border:1px solid #dbe3ec; border-radius:8px; background:#fff; color:#314158; cursor:pointer; }.packing-summary { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-bottom:16px; }.packing-summary article { display:flex; align-items:center; gap:12px; padding:16px; border:1px solid #e1e7ef; border-radius:12px; background:#fff; box-shadow:0 3px 10px #17243a0a; }.packing-summary article > span { width:36px; height:36px; display:grid; place-items:center; border-radius:10px; color:#176fee; background:#eaf3ff; font-size:17px; }.packing-summary small,.packing-summary strong { display:block; }.packing-summary small { color:#7b899c; font-size:8px; font-weight:900; }.packing-summary strong { margin-top:3px; font-size:20px; }.packing-workspace { overflow:hidden; border:1px solid #dfe6ef; border-radius:13px; background:#fff; }.packing-toolbar { display:flex; justify-content:space-between; gap:16px; padding:14px 16px; border-bottom:1px solid #e5eaf0; }.packing-toolbar > div { display:flex; gap:6px; }.packing-toolbar button { padding:7px 12px; border:1px solid #dce3ec; border-radius:18px; color:#5f6f84; background:#fff; font-size:9px; font-weight:800; cursor:pointer; }.packing-toolbar button.active { border-color:#1976f9; color:#fff; background:#1976f9; }.packing-toolbar label { min-width:280px; padding:7px 10px; border:1px solid #dce3ec; border-radius:8px; color:#718095; }.packing-toolbar input { width:calc(100% - 25px); border:0; outline:0; font:10px Inter,Segoe UI,Arial,sans-serif; }.packing-list-head,.packing-row { display:grid; grid-template-columns:minmax(230px,1.15fr) minmax(300px,1.7fr) 80px 120px 190px; gap:13px; align-items:center; }.packing-list-head { padding:11px 18px; color:#77869a; background:#f7f9fc; font-size:8px; font-weight:900; }.packing-row { min-height:98px; padding:13px 18px; border-top:1px solid #edf0f4; }.packing-order-customer { display:flex; align-items:center; gap:10px; min-width:0; }.packing-platform { width:36px; height:36px; flex:0 0 auto; display:grid; place-items:center; overflow:hidden; border-radius:9px; color:#fff; background:var(--packing-platform); font-size:13px; font-weight:900; }.packing-platform img { width:100%; height:100%; object-fit:cover; }.packing-order-customer a,.packing-order-customer strong,.packing-order-customer small { display:block; }.packing-order-customer a { color:#1976f9; font-size:10px; font-weight:900; text-decoration:none; }.packing-order-customer strong { overflow:hidden; margin-top:3px; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }.packing-order-customer small { margin-top:3px; color:#8390a1; font-size:8px; }.packing-items { position:relative; display:flex; align-items:center; min-width:0; }.packing-items > span { position:relative; width:39px; height:39px; display:grid; place-items:center; overflow:visible; margin-right:5px; border:1px solid #dce4ed; border-radius:7px; color:#74849a; background:#f1f4f8; }.packing-items img { width:100%; height:100%; object-fit:cover; border-radius:6px; }.packing-items b { position:absolute; right:-4px; bottom:-4px; min-width:15px; height:15px; display:grid; place-items:center; border:2px solid #fff; border-radius:8px; color:#fff; background:#26364c; font-size:7px; }.packing-items em { color:#6e7e93; font-size:9px; font-style:normal; font-weight:800; }.packing-items p { overflow:hidden; margin:0 0 0 8px; color:#65758a; font-size:8px; text-overflow:ellipsis; white-space:nowrap; }.packing-piece-count { font-size:11px; }.packing-stage { width:max-content; padding:6px 10px; border-radius:13px; color:#7a5b00; background:#fff3c7; font-size:8px; font-weight:900; }.packing-stage.packing { color:#0e65cc; background:#e5f1ff; }.packing-stage.packed { color:#08744f; background:#ddf6ec; }.packing-row-actions { display:flex; align-items:center; justify-content:flex-end; gap:7px; }.packing-row-actions a,.packing-row-actions button { padding:7px 9px; border:1px solid #d8e1ec; border-radius:7px; color:#52647c; background:#fff; font-size:8px; font-weight:800; text-decoration:none; cursor:pointer; }.packing-row-actions button { border-color:#1976f9; color:#fff; background:#1976f9; }.packing-row-actions button:disabled { border-color:#d4dce6; color:#8895a7; background:#eef1f5; cursor:not-allowed; }.packing-empty { padding:50px; color:#8190a4; text-align:center; font-size:11px; }@media(max-width:1050px){.packing-summary{grid-template-columns:repeat(2,1fr)}.packing-list-head{display:none}.packing-row{grid-template-columns:1fr 1fr;gap:12px}.packing-row-actions{justify-content:flex-start}}@media(max-width:700px){.packing-page{padding:20px 16px 50px}.packing-summary{grid-template-columns:1fr 1fr}.packing-toolbar{align-items:stretch;flex-direction:column}.packing-toolbar>div{flex-wrap:wrap}.packing-toolbar label{min-width:0}.packing-row{grid-template-columns:1fr}.packing-items p{display:none}}
.packing-list-head,.packing-row { grid-template-columns:28px minmax(230px,1.15fr) minmax(300px,1.7fr) 80px 120px 190px; }.packing-list-head label,.packing-check { display:grid; place-items:center; }.packing-list-head input,.packing-check input { width:14px; height:14px; accent-color:#1976f9; cursor:pointer; }.packing-row { transition:.16s ease; }.packing-row.is-selected { background:#f2f7ff; box-shadow:inset 3px 0 #1976f9; }.packing-bulk-bar { position:fixed; z-index:20; right:34px; bottom:22px; display:flex; align-items:center; gap:10px; padding:10px 12px 10px 16px; border-radius:24px; color:#fff; background:#202c3d; box-shadow:0 10px 30px #17243a45; }.packing-bulk-bar[hidden] { display:none; }.packing-bulk-bar i { width:1px; height:24px; background:#ffffff2b; }.packing-bulk-bar strong { min-width:74px; font-size:9px; }.packing-bulk-bar button { padding:8px 13px; border:0; border-radius:17px; color:#fff; background:#1976f9; font-size:9px; font-weight:800; cursor:pointer; }.packing-bulk-bar button:last-child { color:#cbd5e1; background:#334155; }.packing-bulk-dialog { width:min(440px,92vw); }.packing-bulk-dialog form { display:grid; gap:15px; }.packing-bulk-dialog label { display:grid; gap:7px; color:#637287; font-size:10px; font-weight:800; }.packing-bulk-dialog select { padding:10px; border:1px solid #d6dfea; border-radius:8px; }.packing-bulk-dialog form>button { padding:10px; border:0; border-radius:8px; color:#fff; background:#1976f9; font-weight:800; cursor:pointer; }@media(max-width:1050px){.packing-row{grid-template-columns:28px 1fr}.packing-order-customer,.packing-items,.packing-piece-count,.packing-stage,.packing-row-actions{grid-column:2}}@media(max-width:700px){.packing-page{padding-bottom:80px}.packing-bulk-bar{right:12px;bottom:12px;left:12px;justify-content:center}}
.packing-stage-info { display:grid; justify-items:start; gap:5px; }.packing-stage-info small { color:#718198; font-size:7px; line-height:1.25; }.packing-stage-info small b { color:#24364d; }.detail-packing-summary { display:grid; grid-template-columns:1fr auto; gap:4px 10px; margin-top:12px; padding:12px; border:1px solid #cfe2fb; border-radius:9px; background:#f3f8ff; }.detail-packing-summary span { color:#60728a; font-size:7px; font-weight:900; letter-spacing:.08em; }.detail-packing-summary strong { grid-row:1 / span 2; grid-column:2; align-self:center; color:#176fee; font-size:11px; }.detail-packing-summary small { color:#7b899a; font-size:7px; }@media(max-width:1050px){.packing-stage-info{grid-column:2}}
.packing-pieces-summary div{min-width:0}.packing-pieces-summary button{display:block;margin-top:5px;padding:3px 9px;border:1px solid #168653;border-radius:5px;color:#fff;background:#168653;font-size:8px;font-weight:900;cursor:pointer}.packing-pieces-summary button:hover{background:#107344}
.packing-summary{grid-template-columns:repeat(5,1fr)}.packing-excel-summary{padding:0!important}.packing-excel-summary>button{width:100%;height:100%;display:flex;align-items:center;gap:12px;padding:16px;border:0;border-radius:12px;color:inherit;background:#fff;text-align:left;cursor:pointer}.packing-excel-summary>button>span{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;color:#fff;background:#168653;font-size:10px;font-weight:900}.packing-excel-summary small,.packing-excel-summary strong{display:block}.packing-excel-summary small{color:#7b899c;font-size:8px;font-weight:900}.packing-excel-summary strong{margin-top:3px;color:#168653;font-size:20px}.packing-excel-summary>button:hover{background:#f0fbf6}@media(max-width:1150px){.packing-summary{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.packing-summary{grid-template-columns:repeat(2,1fr)}}
.packing-summary{grid-template-columns:repeat(6,1fr)}.packing-scan-summary{padding:0!important}.packing-scan-summary>button{width:100%;height:100%;display:flex;align-items:center;gap:12px;padding:16px;border:0;border-radius:12px;color:inherit;background:#fff;text-align:left;cursor:pointer}.packing-scan-summary>button>span{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;color:#fff;background:#6d28d9;font-size:15px;font-weight:900}.packing-scan-summary small,.packing-scan-summary strong{display:block}.packing-scan-summary small{color:#7b899c;font-size:8px;font-weight:900}.packing-scan-summary strong{margin-top:3px;color:#6d28d9;font-size:20px}.packing-scan-summary>button:hover{background:#f7f3ff}.packing-scanner-dialog{width:min(470px,92vw);padding:24px;border:0;border-radius:14px;box-shadow:0 20px 60px #16223555}.packing-scanner-dialog::backdrop{background:#16223599}.packing-scanner-dialog .close{position:absolute;top:14px;right:14px;width:30px;height:30px;border:0;border-radius:50%;background:#eef2f7;cursor:pointer}.packing-scanner-dialog h2{margin:3px 0 7px}.packing-scanner-help{margin:0 0 14px;color:#718095;font-size:10px}.packing-scanner-view{position:relative;overflow:hidden;aspect-ratio:4/3;border-radius:12px;background:#111827}.packing-scanner-view video{width:100%;height:100%;object-fit:cover}.packing-scanner-view>span{position:absolute;inset:20%;border:2px solid #8b5cf6;border-radius:12px;box-shadow:0 0 0 999px #0f172a66}.packing-scanner-status{min-height:16px;margin:10px 0;color:#67778c;font-size:9px;text-align:center}.packing-scanner-status.success{color:#08744f;font-weight:900}.packing-scanner-status.error{color:#cc2f45;font-weight:800}.packing-restart-scanner{width:100%;padding:9px;border:1px solid #6d28d9;border-radius:8px;color:#6d28d9;background:#fff;font-size:9px;font-weight:900;cursor:pointer}.packing-scanner-dialog form{display:flex;gap:8px;margin-top:13px;padding-top:13px;border-top:1px solid #e5eaf0}.packing-scanner-dialog form label{flex:1;color:#66768b;font-size:8px;font-weight:800}.packing-scanner-dialog form input{width:100%;margin-top:5px;padding:9px;border:1px solid #d7dfE9;border-radius:7px;outline:0}.packing-scanner-dialog form>button{align-self:flex-end;padding:10px 12px;border:0;border-radius:7px;color:#fff;background:#6d28d9;font-size:9px;font-weight:900;cursor:pointer}@media(max-width:1200px){.packing-summary{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.packing-summary{grid-template-columns:repeat(2,1fr)}.packing-scanner-dialog form{flex-direction:column}.packing-scanner-dialog form>button{width:100%}}
.packing-summary{grid-template-columns:repeat(5,1fr)}.packing-qr-panel{display:flex;align-items:center;gap:14px;margin:0 0 16px;padding:15px 17px;border:1px solid #ddd5f7;border-radius:13px;background:linear-gradient(100deg,#f5f1ff 0%,#fff 65%);box-shadow:0 4px 14px #4c1d950d}.packing-qr-icon{width:48px;height:48px;flex:0 0 auto;display:grid;place-items:center;border-radius:12px;color:#fff;background:#6d28d9;font-size:21px}.packing-qr-copy{min-width:230px;flex:1}.packing-qr-copy small,.packing-qr-copy strong{display:block}.packing-qr-copy small{color:#7c3aed;font-size:8px;font-weight:900;letter-spacing:.08em}.packing-qr-copy strong{margin-top:3px;color:#2e2340;font-size:14px}.packing-qr-copy p{margin:3px 0 0;color:#78869a;font-size:9px}.packing-qr-panel form{display:flex;overflow:hidden;border:1px solid #d9dfea;border-radius:8px;background:#fff}.packing-qr-panel form input{width:150px;padding:9px 10px;border:0;outline:0;font-size:9px}.packing-qr-panel form button,.packing-open-scanner{padding:10px 13px;border:0;color:#fff;background:#334155;font-size:9px;font-weight:900;cursor:pointer}.packing-open-scanner{border-radius:8px;background:#6d28d9}@media(max-width:1050px){.packing-summary{grid-template-columns:repeat(3,1fr)}.packing-qr-panel{align-items:stretch;flex-wrap:wrap}.packing-qr-copy{min-width:calc(100% - 70px)}.packing-qr-panel form{flex:1}.packing-qr-panel form input{width:auto;min-width:0;flex:1}}@media(max-width:700px){.packing-summary{grid-template-columns:repeat(2,1fr)}.packing-qr-panel form,.packing-open-scanner{width:100%}.packing-qr-copy{min-width:calc(100% - 65px)}}
.packing-qr-panel form{min-width:230px}.packing-quick-scan-status{min-width:105px;padding:7px 10px;border-radius:14px;color:#5b6472;background:#eef1f5;font-size:8px;font-style:normal;font-weight:900;text-align:center}.packing-quick-scan-status.success{color:#08744f;background:#ddf6ec}.packing-quick-scan-status.error{color:#b42338;background:#ffe7eb}@media(max-width:700px){.packing-quick-scan-status{width:100%}}
.submitted-orders-head,.submitted-order-row{grid-template-columns:28px 78px minmax(340px,1fr) 70px 90px 165px 90px 155px}.print-submitted-order{padding:7px 8px;border:1px solid #cfd9e6;border-radius:5px;color:#334155;background:#fff;font-size:8px;font-weight:900;cursor:pointer}.print-submitted-order:hover{border-color:#1976f9;color:#1976f9;background:#f3f8ff}.batch-print-page{margin:0;color:#17243a;background:#e9eef5;font-family:Inter,Segoe UI,Arial,sans-serif}.batch-print-toolbar{position:sticky;z-index:5;top:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;padding:13px 24px;border-bottom:1px solid #d8e0ea;background:#fff;box-shadow:0 3px 12px #17243a12}.batch-print-toolbar>button{width:max-content;padding:9px 14px;border:1px solid #d4dde8;border-radius:8px;color:#334155;background:#fff;font-weight:800;cursor:pointer}.batch-print-toolbar>div{text-align:center}.batch-print-toolbar small,.batch-print-toolbar strong{display:block}.batch-print-toolbar small{color:#7a889b;font-size:8px;letter-spacing:.1em}.batch-print-toolbar strong{margin-top:3px;font-size:12px}.batch-print-toolbar .batch-print-now{justify-self:end;border-color:#111827;color:#fff;background:#111827}.batch-print-stage{display:grid;gap:24px;padding:28px}.batch-invoice-sheet{box-sizing:border-box;width:760px;min-height:1010px;margin:auto;padding:46px 48px;color:#17243a;background:#fff;box-shadow:0 12px 35px #17243a22}.batch-invoice-heading{display:flex;align-items:center;justify-content:space-between}.batch-invoice-brand{display:flex;align-items:center;gap:12px}.batch-invoice-brand>img,.batch-invoice-brand>span{width:58px;height:58px;display:grid;place-items:center;object-fit:contain;border-radius:8px;color:#fff;background:var(--batch-brand);font-size:22px;font-weight:900}.batch-invoice-brand>strong{font-size:17px}.batch-invoice-number{text-align:right}.batch-invoice-number small,.batch-invoice-number strong,.batch-invoice-number em,.batch-invoice-number span{display:block}.batch-invoice-number small{color:#758398;font-size:8px;font-weight:900}.batch-invoice-number>strong{margin-top:3px;font-size:22px}.batch-invoice-number em{margin-top:3px;color:var(--batch-brand);font-size:8px;font-style:normal;font-weight:900}.batch-invoice-number span{margin-top:4px;color:#78869a;font-size:9px}.batch-invoice-rule{height:4px;margin:20px 0;background:#111827;box-shadow:160px 0 0 var(--batch-brand)}.batch-invoice-items{width:100%;border-collapse:collapse;font-size:9px}.batch-invoice-items th{padding:10px;border:1px solid #cfd6df;background:#f4f6f9;text-align:left}.batch-invoice-items th:not(:first-child),.batch-invoice-items td:not(:first-child){text-align:center}.batch-invoice-items td{padding:10px;border-bottom:1px solid #e1e6ed}.batch-invoice-product{display:flex;align-items:center;gap:10px}.batch-invoice-product>img,.batch-invoice-product>span{width:44px;height:44px;display:grid;place-items:center;object-fit:cover;border-radius:5px;background:#eef2f6}.batch-invoice-product strong,.batch-invoice-product small{display:block}.batch-invoice-product small{margin-top:4px;color:#78869a;font-size:7px}.batch-piece-count{display:block;margin-top:9px;font-size:9px}.batch-order-note{display:flex;gap:12px;margin-top:12px;padding:9px 11px;border-left:3px solid var(--batch-brand);background:#f7f8fb;font-size:8px}.batch-order-note span{color:#5f6f83}.batch-invoice-bottom{display:grid;grid-template-columns:1.25fr 1fr;gap:34px;margin-top:24px}.batch-customer-info small{color:#738298;font-size:8px;font-weight:900}.batch-customer-info h2{margin:7px 0 3px;font-size:15px}.batch-customer-info a,.batch-customer-info strong{display:block;margin-top:4px;font-size:9px}.batch-customer-info a{color:#176fee}.batch-customer-info address{margin-top:10px;color:#5c6c80;font-size:9px;font-style:normal;line-height:1.5}.batch-invoice-totals>div{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #e1e6ed;font-size:10px}.batch-invoice-totals .batch-credit{color:#7c3aed}.batch-invoice-totals .batch-grand-total{align-items:center;margin-top:5px;padding:12px 0;border-top:3px solid #111827;border-bottom:0;font-weight:900}.batch-grand-total span{font-size:11px}.batch-grand-total strong{font-size:15px}.batch-print-empty{width:min(520px,90vw);margin:60px auto;padding:35px;border-radius:14px;background:#fff;text-align:center}.batch-print-empty p{color:#718095}@media print{@page{size:A4;margin:10mm}.batch-print-page{background:#fff}.batch-print-toolbar{display:none!important}.batch-print-stage{display:block;padding:0}.batch-invoice-sheet{width:100%;min-height:0;margin:0;padding:8mm;box-shadow:none;break-after:page;page-break-after:always}.batch-invoice-sheet:last-child{break-after:auto;page-break-after:auto}.batch-print-empty{display:none}}
.batch-print-ready{position:fixed;z-index:30;inset:0;display:grid;place-items:center;padding:20px;background:#142033a8}.batch-print-ready[hidden]{display:none}.batch-print-ready>section{width:min(430px,90vw);padding:30px;border-radius:16px;background:#fff;box-shadow:0 25px 70px #0f172a66;text-align:center}.batch-print-ready>section>span{width:54px;height:54px;display:grid;place-items:center;margin:0 auto 12px;border-radius:14px;color:#fff;background:#111827;font-size:22px}.batch-print-ready small{color:#1976f9;font-size:8px;font-weight:900;letter-spacing:.1em}.batch-print-ready h2{margin:6px 0 8px}.batch-print-ready p{margin:0 0 20px;color:#718095;font-size:10px}.batch-print-ready button{width:100%;padding:11px;border:0;border-radius:8px;color:#fff;background:#111827;font-weight:900;cursor:pointer}.batch-print-ready .review-batch-print{margin-top:8px;color:#516177;background:#eef2f6}@media print{.batch-print-ready{display:none!important}}

/* Mobile Orders keeps the complete wide table and allows left/right swiping. */
@media(max-width:760px){
  html,body{max-width:100%;overflow-x:hidden}
  body{min-width:0}
  body.orders-mobile-wide{overflow-x:auto}
  .orders-management-page{width:1080px;min-width:1080px;margin-left:0;padding-bottom:92px}
  .order-status-tabs{height:58px;align-items:end;gap:24px;padding:0 20px 0 58px;overflow:visible}
  .order-status-tabs button{height:58px;padding:0 13px;font-size:12px}
  .order-destination-bar{align-items:center;flex-direction:row;gap:14px;padding:7px 20px}
  .order-destination-bar>div{width:auto;padding:0;overflow:visible}
  .order-destination-bar button{padding:6px 15px;font-size:inherit}
  .order-search-bar{display:flex;grid-template-columns:none;gap:14px;padding:16px 22px}
  .order-search-box{width:315px;padding:8px 12px}
  .order-search-bar>button{margin-left:auto;padding:8px 12px;font-size:inherit}
  .submitted-orders-wrap{margin:20px;overflow:hidden;border:1px solid #dfe7f0;border-radius:15px;background:#fff}
  .submitted-orders-head{display:grid}
  .submitted-orders-head,.submitted-order-row{grid-template-columns:28px 78px minmax(340px,1fr) 70px 38px 165px 90px 115px!important;grid-template-areas:none;gap:10px}
  .submitted-order-row{min-height:91px;margin:0;padding:10px 14px;border:0;border-top:1px solid #e0e6ed;border-radius:0;box-shadow:none}
  .submitted-order-row>*{grid-area:auto!important;align-self:center;justify-self:stretch}
  .submitted-order-row>label{padding-top:0}
  .submitted-order-id .order-detail-link{font-size:13px}
  .submitted-customer{padding:0;border:0}
  .submitted-customer-main{align-items:center}
  .submitted-customer small{max-width:520px;overflow:hidden;font-size:8px;line-height:normal;text-overflow:ellipsis;white-space:nowrap}
  .submitted-items button{width:60px;height:44px}
  .submitted-payment-logo-slot{justify-self:center}
  .submitted-total{text-align:left}
  .submitted-total>strong{font-size:13px}
  .payment-selector{justify-content:flex-start;margin-top:6px}
  .submitted-status{justify-self:stretch}
  .order-status-badge{min-width:64px;padding:5px 7px;font-size:9px}
  .submitted-actions{justify-content:flex-start;padding-top:0}
  .process-order{min-width:77px;padding:9px 10px}
}

/* Native finger swiping for the wide Orders mobile view, without a visible scrollbar. */
@media(max-width:760px){
  body.orders-mobile-wide{
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-x:contain;
    scrollbar-width:none;
    touch-action:pan-x pan-y;
  }
  body.orders-mobile-wide::-webkit-scrollbar{width:0;height:0;display:none}
  .orders-management-page{touch-action:pan-x pan-y}
}

/* Keep each packing order on one horizontal layer. */
.packing-workspace{overflow-x:auto}
.packing-list-head,.packing-row{grid-template-columns:28px minmax(210px,1.15fr) minmax(165px,.8fr) 62px 165px minmax(285px,1fr);min-width:1080px}
.packing-status-action{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0;white-space:nowrap}
.packing-status-action .packing-stage-info{display:flex;align-items:center;gap:7px;min-width:0}
.packing-status-action .packing-stage-info small{white-space:nowrap}
.packing-status-action .packing-row-actions{flex:0 0 auto;justify-content:flex-end}
.packing-items{flex-wrap:nowrap;overflow:hidden}
@media(max-width:1050px){.packing-list-head{display:grid}.packing-list-head,.packing-row{grid-template-columns:28px minmax(210px,1.15fr) minmax(165px,.8fr) 62px 165px minmax(285px,1fr);min-width:1080px}.packing-order-customer,.packing-items,.packing-piece-count,.packing-delivery-choice,.packing-stage-info,.packing-row-actions,.packing-status-action{grid-column:auto}.packing-status-action .packing-row-actions{justify-content:flex-end}}
.packing-order-customer .packing-packed-by-order{width:max-content;margin:2px 0 0;padding:2px 5px;border-radius:5px;color:#3e6f61;background:#e9f7f1;font-size:6px;font-weight:700}.packing-order-customer .packing-packed-by-order b{color:#176e53}

/* Delivery method stays inside the Ready-to-Ship dialog, not in the packing table. */
.packing-row>.packing-delivery-choice{display:none!important}
.packing-list-head,.packing-row{grid-template-columns:28px minmax(235px,1.2fr) minmax(180px,.85fr) 70px minmax(300px,1fr);min-width:900px}
@media(max-width:1050px){.packing-list-head,.packing-row{grid-template-columns:28px minmax(235px,1.2fr) minmax(180px,.85fr) 70px minmax(300px,1fr);min-width:900px}}

/* Align the Packing Status / Action content directly under its header. */
.packing-list-head>span:last-child{display:flex;align-items:center;justify-content:flex-start}
.packing-status-action{justify-content:flex-start}
.packing-status-action .packing-row-actions{justify-content:flex-start}
.packing-status-action .packing-stage,.packing-status-action .packing-row-actions a,.packing-status-action .packing-row-actions button{box-sizing:border-box;height:30px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}

/* Dispatching queue */
.dispatch-page{min-width:980px;padding:30px 34px 70px;background:#f3f6fa}.dispatch-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.dispatch-header p{margin:0 0 4px;color:#f17a16;font-size:9px;font-weight:900;letter-spacing:.1em}.dispatch-header h2{margin:0;font-size:25px}.dispatch-header span{display:block;margin-top:5px;color:#748398;font-size:10px}.dispatch-header button{padding:9px 14px;border:1px solid #d7e0ea;border-radius:8px;color:#405169;background:#fff;cursor:pointer}.dispatch-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.dispatch-summary article{display:flex;align-items:center;gap:11px;padding:15px;border:1px solid #e0e7ef;border-radius:12px;background:#fff}.dispatch-summary article>span{width:37px;height:37px;display:grid;place-items:center;border-radius:10px;color:#d86100;background:#fff0df;font-size:15px}.dispatch-summary small,.dispatch-summary strong{display:block}.dispatch-summary small{color:#7c899b;font-size:8px;font-weight:900}.dispatch-summary strong{margin-top:3px;font-size:20px}.dispatch-panel{overflow-x:auto;border:1px solid #dfe7f0;border-radius:13px;background:#fff}.dispatch-toolbar{display:flex;gap:9px;padding:13px 15px;border-bottom:1px solid #e5eaf0}.dispatch-toolbar label{width:330px;padding:8px 10px;border:1px solid #d9e2ed;border-radius:8px;color:#718095;background:#f8fafc}.dispatch-toolbar input{width:calc(100% - 24px);border:0;outline:0;background:transparent}.dispatch-toolbar select{padding:8px 10px;border:1px solid #d9e2ed;border-radius:8px;color:#53647a;background:#fff}.dispatch-list-head,.dispatch-row{display:grid;grid-template-columns:minmax(245px,1.2fr) minmax(160px,.8fr) 180px 105px 105px 120px;gap:12px;align-items:center;min-width:1040px}.dispatch-list-head{padding:11px 16px;color:#76869a;background:#f7f9fc;font-size:8px;font-weight:900}.dispatch-row{min-height:92px;padding:12px 16px;border-top:1px solid #e6ebf1}.dispatch-order{display:flex;align-items:center;gap:9px;min-width:0}.dispatch-order>span{width:35px;height:35px;flex:0 0 auto;display:grid;place-items:center;overflow:hidden;border-radius:9px;color:#fff;background:var(--dispatch-platform);font-size:13px;font-weight:900}.dispatch-order>span img{width:100%;height:100%;object-fit:cover}.dispatch-order a,.dispatch-order strong,.dispatch-order small{display:block}.dispatch-order a{color:#1976f9;font-size:10px;font-weight:900;text-decoration:none}.dispatch-order strong{margin-top:2px;overflow:hidden;color:#17243a;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.dispatch-order small{margin-top:3px;color:#8491a2;font-size:7px}.dispatch-items{display:flex;align-items:center;gap:5px}.dispatch-items>span{position:relative;width:36px;height:36px;display:grid;place-items:center;border:1px solid #dce4ed;border-radius:7px;color:#77869a;background:#f1f4f8}.dispatch-items img{width:100%;height:100%;object-fit:cover;border-radius:6px}.dispatch-items span b{position:absolute;right:-3px;bottom:-3px;min-width:14px;height:14px;display:grid;place-items:center;border:2px solid #fff;border-radius:8px;color:#fff;background:#25364d;font-size:6px}.dispatch-items>strong{margin-left:4px;color:#4d6077;font-size:9px}.dispatch-method{display:grid;gap:3px;padding:8px;border-radius:8px}.dispatch-method b{font-size:9px}.dispatch-method small,.dispatch-method em{color:#748398;font-size:7px;font-style:normal}.dispatch-method.own-rider{color:#1768cc;background:#eaf3ff}.dispatch-method.courier-partner{color:#6d28d9;background:#f3edff}.dispatch-packed b,.dispatch-packed small{display:block}.dispatch-packed b{color:#14805d;font-size:9px}.dispatch-packed small{margin-top:3px;color:#748398;font-size:7px}.dispatch-state{width:max-content;padding:6px 10px;border-radius:13px;font-size:8px;font-weight:900}.dispatch-state.ready{color:#9a6200;background:#fff2cd}.dispatch-state.dispatched{color:#1768cc;background:#e7f1ff}.dispatch-state.delivered{color:#087552;background:#ddf6ec}.dispatch-action{padding:8px 10px;border-radius:7px;color:#fff;background:#f17a16;text-align:center;font-size:8px;font-weight:900;text-decoration:none}.dispatch-empty{padding:50px;color:#7b899c;text-align:center}.sidebar nav a[href="dispatching.html"] span{color:#e86e0d}.sidebar nav a[href="dispatching.html"].active{color:#c85800;background:#fff0df}@media(max-width:760px){.dispatch-page{margin-left:0}.dispatch-summary{grid-template-columns:repeat(2,1fr)}}
.dispatch-scan-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px;padding:15px 17px;border:1px solid #f0d7bd;border-radius:13px;background:linear-gradient(100deg,#fff7ed,#fff);box-shadow:0 4px 14px #9a4c000c}.dispatch-scan-panel>div:first-child{display:flex;align-items:center;gap:12px}.dispatch-scan-panel>div:first-child>span{width:46px;height:46px;display:grid;place-items:center;border-radius:11px;color:#fff;background:#f17a16;font-size:20px}.dispatch-scan-panel p{margin:0}.dispatch-scan-panel p small,.dispatch-scan-panel p strong,.dispatch-scan-panel p em{display:block}.dispatch-scan-panel p small{color:#d86100;font-size:7px;font-weight:900;letter-spacing:.08em}.dispatch-scan-panel p strong{margin-top:2px;color:#35281e;font-size:13px}.dispatch-scan-panel p em{margin-top:3px;color:#7b899a;font-size:8px;font-style:normal}.dispatch-scan-buttons{display:flex;gap:9px}.dispatch-scan-buttons button{min-width:150px;display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid #d7e0ea;border-radius:9px;color:#26364d;background:#fff;text-align:left;font-size:9px;font-weight:900;cursor:pointer}.dispatch-scan-buttons button:first-child{border-color:#d8caf5;color:#6d28d9;background:#f7f3ff}.dispatch-scan-buttons button:last-child{border-color:#c7dcf7;color:#1768cc;background:#f1f7ff}.dispatch-scan-buttons button>b{font-size:16px}.dispatch-scan-buttons button small{display:block;margin-bottom:2px;color:#7c899b;font-size:6px;letter-spacing:.07em}.dispatch-scan-dialog{width:min(470px,92vw);padding:25px;border:0;border-radius:15px;box-shadow:0 22px 65px #17243a55}.dispatch-scan-dialog::backdrop{background:#17243a99}.dispatch-scan-dialog .close{position:absolute;top:14px;right:14px;width:30px;height:30px;border:0;border-radius:50%;color:#56677c;background:#edf1f6;cursor:pointer}.dispatch-scan-dialog h2{margin:4px 0 6px}.dispatch-scan-dialog>p:not(.eyebrow){margin:0 0 16px;color:#718095;font-size:9px}.dispatch-scan-dialog form{display:flex;align-items:end;gap:8px}.dispatch-scan-dialog form label{flex:1;display:grid;gap:6px;color:#56677c;font-size:8px;font-weight:900}.dispatch-scan-dialog form input{width:100%;padding:10px;border:1px solid #d6dfea;border-radius:8px;outline:0}.dispatch-scan-dialog form button{padding:11px 13px;border:0;border-radius:8px;color:#fff;background:#f17a16;font-size:9px;font-weight:900;cursor:pointer}.dispatch-scan-status{margin-top:13px;padding:9px;border-radius:8px;color:#66768b;background:#f2f5f8;font-size:8px;text-align:center}.dispatch-scan-status.success{color:#087552;background:#ddf6ec;font-weight:900}.dispatch-scan-status.error{color:#b42338;background:#ffe7eb;font-weight:900}@media(max-width:900px){.dispatch-scan-panel{align-items:stretch;flex-direction:column}.dispatch-scan-buttons button{flex:1}.dispatch-scan-dialog form{align-items:stretch;flex-direction:column}.dispatch-scan-dialog form button{width:100%}}
.delivery-claim-panel{display:flex;align-items:center;gap:13px;margin:0 0 16px;padding:15px 17px;border:1px solid #cbdff8;border-radius:13px;background:linear-gradient(100deg,#eff6ff,#fff);box-shadow:0 4px 14px #176fee0b}.delivery-claim-panel>span{width:46px;height:46px;flex:0 0 auto;display:grid;place-items:center;border-radius:11px;color:#fff;background:#176fee;font-size:20px}.delivery-claim-panel>div{min-width:240px;flex:1}.delivery-claim-panel small,.delivery-claim-panel strong{display:block}.delivery-claim-panel small{color:#176fee;font-size:7px;font-weight:900;letter-spacing:.08em}.delivery-claim-panel strong{margin-top:2px;color:#1e2d43;font-size:13px}.delivery-claim-panel p{margin:3px 0 0;color:#748398;font-size:8px}.delivery-claim-panel form{display:flex;align-items:end;gap:8px}.delivery-claim-panel form label{color:#56677c;font-size:7px;font-weight:900}.delivery-claim-panel form input{display:block;width:190px;margin-top:5px;padding:9px 10px;border:1px solid #d3deeb;border-radius:8px;outline:0}.delivery-claim-panel form button{padding:10px 13px;border:0;border-radius:8px;color:#fff;background:#176fee;font-size:8px;font-weight:900;cursor:pointer}.delivery-claim-panel>em{min-width:105px;padding:8px 10px;border-radius:14px;color:#5b6472;background:#eef1f5;font-size:7px;font-style:normal;font-weight:900;text-align:center}.delivery-claim-panel>em.success{color:#087552;background:#ddf6ec}.delivery-claim-panel>em.error{color:#b42338;background:#ffe7eb}.delivery-rider-select:disabled,.delivery-status-select:disabled{cursor:not-allowed;opacity:.65}@media(max-width:1000px){.delivery-claim-panel{align-items:stretch;flex-wrap:wrap}.delivery-claim-panel>div{min-width:calc(100% - 65px)}.delivery-claim-panel form{flex:1}.delivery-claim-panel form label{flex:1}.delivery-claim-panel form input{width:100%}}
.delivery-summary{grid-template-columns:repeat(5,1fr)}.delivery-money-summary>span{color:#7c3aed!important;background:#f1ebff!important}.delivery-money-summary.remit>span{color:#bd6b00!important;background:#fff1d7!important}.delivery-money-summary strong{font-size:14px!important;white-space:nowrap}.delivery-list-head,.delivery-row{grid-template-columns:28px 42px 82px minmax(280px,1fr) 125px 135px 135px 100px;min-width:1130px}.delivery-financials{display:grid;gap:2px;padding:7px;border-radius:8px;background:#f7f9fc}.delivery-financials small{color:#7b899b;font-size:6px;font-weight:900}.delivery-financials strong{color:#17243a;font-size:10px}.delivery-financials b{margin-top:3px;color:#bd6b00;font-size:7px}.delivery-financials b.remitted{color:#087552}.delivery-financials em{margin-top:3px;color:#8b97a7;font-size:6px;font-style:normal}@media(max-width:1150px){.delivery-summary{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.delivery-summary{grid-template-columns:repeat(2,1fr)}}

/* Compact home dashboard with View pop-up reports */
body .dashboard{padding:18px 20px 28px}.dashboard .dashboard-header{margin-bottom:14px}.dashboard .dashboard-header h2{margin-bottom:4px;font-size:22px}.dashboard .stat-grid{gap:10px;margin-bottom:10px}.dashboard .stat-card{min-height:0;padding:14px;border-radius:12px}.dashboard .summary-card{padding:14px 16px}.dashboard .monthly-combined-totals{gap:8px;margin-top:10px}.dashboard .monthly-combined-totals>div{padding:10px 13px}.dashboard .monthly-combined-totals strong{font-size:18px}.dashboard .monthly-two-trackers{gap:8px;margin-top:10px}.dashboard .monthly-tracker header{padding:8px 10px}.dashboard .monthly-tracker p{padding:9px 10px}.dashboard .monthly-tracker p strong{font-size:14px}.dashboard .panel{padding:14px;border-radius:12px}.dashboard .panel-title{margin-bottom:9px}.dashboard .dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.dashboard .dashboard-grid>.panel{grid-column:auto!important;grid-row:auto!important;width:auto!important;min-height:0!important;aspect-ratio:auto!important;align-self:stretch!important;justify-self:stretch!important;overflow:visible!important;order:initial!important}.dashboard .milestone-panel .panel-title{gap:7px}.dashboard .milestone-panel .milestone-controls{display:grid;grid-template-columns:1fr 1fr;gap:5px}.dashboard .milestone-panel .month-tag{display:none}.dashboard .milestone-panel .milestone-summary{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0;padding:8px}.dashboard .milestone-panel .team-progress{grid-column:1/-1;width:100%;margin:0}.dashboard .milestone-panel .milestone-summary span{font-size:8px}.dashboard .milestone-panel .milestone-summary strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.dashboard .platform-sales-totals{gap:6px;margin:0!important}.dashboard .daily-needed-summary{align-items:center;gap:6px}.dashboard .daily-needed-summary span{min-width:0;padding:7px 8px}.dashboard .monthly-product-totals{grid-template-columns:1fr 1fr;gap:6px;margin:8px 0}.dashboard .monthly-product-totals span{padding:7px 8px}.dashboard .monthly-product-totals b{font-size:12px}.dashboard .monthly-products-dropdown{margin:0;padding:8px 10px}.dashboard .compact-panel-heading{gap:8px}.dashboard .compact-panel-heading h3{font-size:14px}.dashboard .compact-panel-heading p{font-size:9px}.dashboard .low-stock-heading-actions{gap:5px}.dashboard .low-stock-alert-summary{min-height:28px;padding:0 7px}.dashboard .revenue-panel h2{margin:9px 0 4px;font-size:21px}.dashboard .chart{height:38px;margin-top:10px}.dashboard .attendance-summary{margin:0}.dashboard-view-button{flex:0 0 auto;padding:7px 11px!important;border:1px solid #c8daf2!important;border-radius:7px!important;color:#176fdc!important;background:#f2f7ff!important;font-size:9px!important;font-weight:900!important;line-height:1!important;cursor:pointer}.dashboard-view-button i{display:none}.dashboard-view-button[aria-expanded=true]{color:#fff!important;background:#176fdc!important}.dashboard-view-dialog{width:min(760px,92vw);max-height:86vh;padding:0;border:0;border-radius:15px;color:#17243a;background:#fff;box-shadow:0 24px 70px #15223a55}.dashboard-view-dialog::backdrop{background:#17243a99}.dashboard-view-dialog>header{position:sticky;z-index:2;top:0;display:flex;align-items:center;justify-content:space-between;padding:17px 20px;border-bottom:1px solid #e3e9f0;background:#fff}.dashboard-view-dialog>header p{margin:0;color:#1976f9;font-size:8px;font-weight:900;letter-spacing:.1em}.dashboard-view-dialog>header h2{margin:4px 0 0;font-size:18px}.dashboard-view-dialog>header span{display:block;margin-top:3px;color:#7b899b;font-size:9px}.dashboard-view-dialog>header button{width:31px;height:31px;border:0;border-radius:50%;color:#526278;background:#edf2f7;font-size:18px;cursor:pointer}.dashboard-view-dialog-body{max-height:calc(86vh - 76px);overflow:auto;padding:16px 20px 20px}.dashboard-view-dialog .compact-panel-content,.dashboard-view-dialog .monthly-products-dropdown-content{margin:0;padding:0;border:0}.dashboard-view-dialog .monthly-product-toolbar{display:flex;margin-bottom:12px}.dashboard-view-dialog .monthly-product-head,.dashboard-view-dialog .monthly-product-item{min-width:760px}.dashboard-view-dialog .daily-needed-head,.dashboard-view-dialog .daily-needed-item{min-width:720px}.dashboard-view-dialog .member-grid{display:grid;grid-template-columns:1fr;gap:0}.dashboard-view-dialog .member{padding:11px 0;border-right:0;border-bottom:1px solid #e5ebf2}.dashboard-view-dialog .attendance-row{display:flex}.wide-dashboard-dialog{width:min(980px,94vw)}@media(max-width:1150px){.dashboard .dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.dashboard .dashboard-grid{grid-template-columns:1fr}.dashboard .monthly-two-trackers{grid-template-columns:1fr}.dashboard-view-dialog-body{overflow:auto}}

/* Keep dashboard panels focused on titles, totals, and actions. */
.dashboard .dashboard-grid > .panel:not(.revenue-panel) .panel-title > div > p,
.dashboard .compact-panel-heading > div > p,
.dashboard-view-dialog > header span {
  display:none;
}

/* Smaller search-only sales order and vertical pre-invoice */
.order-dialog{width:min(780px,94vw);max-height:86vh;padding:16px}.order-builder h2{margin:2px 0 8px;font-size:19px}.order-customer{padding:8px 10px}.order-customer span{font-size:9px}.order-product-search{margin:8px 0 3px;padding:7px 10px}.order-product-search input{font-size:11px}.order-product-search-status{margin:3px 2px 6px}.order-selection-workspace{gap:6px}.order-catalog-pane .order-product-list{max-height:185px}.order-preinvoice{min-height:0}.order-preinvoice>header{padding:8px 10px}.order-preinvoice-customer{padding:6px 10px}.order-preinvoice-list{display:grid;grid-template-columns:1fr;gap:0;max-height:190px;padding:3px 10px}.order-preinvoice-list>p{padding:14px 8px}.order-preinvoice-list article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:6px 0}.order-preinvoice-list article>span,.order-preinvoice-list article>b{margin:0;font-size:8px;white-space:nowrap}.order-preinvoice .order-selection-footer{margin:4px 8px 8px;padding:7px 9px}.order-preinvoice .order-selection-footer button{padding:8px 12px}
.dispatch-method.unassigned{color:#65758a;background:#f1f4f8}.dispatch-action.waiting{color:#718095;background:#e9edf2;cursor:default}.dispatch-scan-dialog form>section{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:3px;padding:10px;border-radius:9px;background:#f5f1ff}.dispatch-scan-dialog form>section[hidden]{display:none}.dispatch-scan-dialog form>section label{display:grid;gap:5px;color:#645b77;font-size:7px;font-weight:900}.dispatch-scan-dialog form select{width:100%;padding:9px;border:1px solid #d5dbea;border-radius:7px;background:#fff}.dispatch-scan-dialog form>section input{width:100%}@media(max-width:600px){.dispatch-scan-dialog form>section{grid-template-columns:1fr}}

/* Current-admin daily sales milestone shared by Sales Leads and Customer Directory */
.admin-sales-milestone{display:grid;grid-template-columns:42px minmax(150px,1fr) minmax(125px,.72fr) minmax(135px,.78fr) minmax(230px,1.35fr);align-items:center;gap:14px;margin:-8px 0 16px;padding:12px 15px;border:1px solid #d7e5f7;border-radius:12px;background:linear-gradient(105deg,#edf5ff 0,#fff 56%);box-shadow:0 3px 10px #193b6b0b}.admin-sales-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;color:#fff;background:linear-gradient(145deg,#176fee,#4b96ff);font-size:16px;font-weight:900}.admin-sales-identity,.admin-sales-value{min-width:0}.admin-sales-identity small,.admin-sales-identity strong,.admin-sales-identity span,.admin-sales-value small,.admin-sales-value strong,.admin-sales-progress small{display:block}.admin-sales-identity small,.admin-sales-value small{color:#6d8099;font-size:8px;font-weight:900;letter-spacing:.06em}.admin-sales-identity strong{margin-top:3px;overflow:hidden;color:#1d2d43;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.admin-sales-identity span{margin-top:2px;color:#8190a3;font-size:8px}.admin-sales-value{padding-left:14px;border-left:1px solid #e0e8f2}.admin-sales-value strong{margin-top:5px;color:#1d2d43;font-size:14px;white-space:nowrap}.admin-sales-value:nth-of-type(3) strong{color:#176fee}.admin-sales-progress header{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#60738c;font-size:8px}.admin-sales-progress header b{color:#176fee;font-size:10px}.admin-sales-progress>div{height:6px;margin-top:6px;overflow:hidden;border-radius:10px;background:#dfe8f3}.admin-sales-progress i{display:block;width:0;height:100%;border-radius:10px;background:linear-gradient(90deg,#1675f8,#66a4ff);transition:width .3s ease}.admin-sales-progress>small{margin-top:5px;color:#7d8c9f;font-size:8px}@media(max-width:1050px){.admin-sales-milestone{grid-template-columns:42px 1fr 1fr 1fr}.admin-sales-progress{grid-column:2/-1}}@media(max-width:720px){.admin-sales-milestone{grid-template-columns:42px 1fr}.admin-sales-value,.admin-sales-progress{grid-column:1/-1}.admin-sales-value{padding:8px 0 0;border-top:1px solid #e0e8f2;border-left:0}}

/* Customer codes stay pending until contact and address details are complete */
.customer-code.pending,.sales-customer-code.pending{display:inline-flex;align-items:center;width:max-content;padding:4px 7px;border-radius:10px;color:#a56500;background:#fff2d9;font-size:8px;font-weight:800;white-space:nowrap}.reference-customer-code.pending{border-color:#f1d79f;color:#9c6300;background:#fff8e8}.invoice-customer-code{white-space:nowrap}

/* Always-visible duplicate contact warning in the Sales Customer Directory */
.customer-duplicate-alert{display:flex;align-items:center;gap:11px;margin:-5px 0 13px;padding:10px 13px;border:1px solid #f2ca82;border-radius:10px;color:#805000;background:#fff8e8}.customer-duplicate-alert[hidden]{display:none}.customer-duplicate-alert>span{width:28px;height:28px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;color:#fff;background:#e59a18;font-weight:900}.customer-duplicate-alert strong,.customer-duplicate-alert small{display:block}.customer-duplicate-alert strong{font-size:11px}.customer-duplicate-alert small{margin-top:2px;color:#9a6a19;font-size:9px}.customer-table tr.has-duplicate-details td{background:#fffaf0}.customer-table tr.has-duplicate-details td:first-child{box-shadow:inset 3px 0 #e59a18}.customer-duplicate-badge{display:block;width:max-content;max-width:300px;margin-top:6px;padding:4px 7px;border-radius:9px;color:#a46000;background:#ffedc7;font-size:8px;font-style:normal;font-weight:800;line-height:1.35}

/* Customer duplicate review and merge */
.customer-merge-decision-dialog{width:min(620px,calc(100vw - 28px));max-height:calc(100vh - 28px);padding:26px;border:0;border-radius:18px;color:#182437;background:#fff;box-shadow:0 25px 75px #10223b4d;overflow:auto}.customer-merge-decision-dialog::backdrop{background:#0c172a99;backdrop-filter:blur(2px)}.customer-merge-decision-dialog h2{margin:4px 0 16px;font-size:23px}.customer-merge-existing-record{padding:14px 16px;border:1px solid #efc66f;border-left:4px solid #e69613;border-radius:11px;background:#fff9eb}.customer-merge-existing-record>small,.customer-merge-existing-record>strong,.customer-merge-existing-record>p,.customer-merge-existing-record>span{display:block}.customer-merge-existing-record>small{color:#956218;font-size:11px;font-weight:800}.customer-merge-existing-record>strong{margin-top:6px;font-size:16px}.customer-merge-existing-record>strong em{margin-left:6px;padding:4px 7px;border-radius:9px;color:#126b50;background:#dff6ed;font-size:10px;font-style:normal}.customer-merge-existing-record>p{margin:7px 0 5px;color:#3d4b5e;font-size:12px;line-height:1.5}.customer-merge-existing-record>span{color:#75849a;font-size:10px}.customer-merge-decision-dialog fieldset{margin:16px 0 0;padding:12px;border:1px solid #dce5ee;border-radius:11px}.customer-merge-decision-dialog legend{padding:0 7px;color:#2c3c52;font-size:12px;font-weight:900}.customer-merge-choice{display:flex;align-items:flex-start;gap:9px;margin:8px 0;padding:10px;border:1px solid #e3e9f0;border-radius:9px;cursor:pointer}.customer-merge-choice:has(input:checked){border-color:#2680f7;background:#f1f7ff}.customer-merge-choice input{width:16px;height:16px;margin:2px 0 0;accent-color:#1677ff}.customer-merge-choice span,.customer-merge-choice b,.customer-merge-choice small{display:block}.customer-merge-choice span{min-width:0}.customer-merge-choice b{font-size:12px}.customer-merge-choice small{margin-top:3px;color:#6f7f92;font-size:10px;line-height:1.45}.customer-merge-choice:has(input:disabled){opacity:.55;cursor:not-allowed}.customer-merge-final-name{display:block;margin-top:10px;color:#52647a;font-size:10px;font-weight:800}.customer-merge-final-name input{display:block;width:100%;margin-top:6px;padding:10px 11px;border:1px solid #d6e0ea;border-radius:7px;color:#1d2b3d;font:600 14px Arial,sans-serif}.customer-merge-help{margin:13px 2px 0;color:#7d8998;font-size:10px}.customer-merge-decision-dialog .form-actions{margin-top:17px}

/* Automatic next-purchase credit */
.automatic-next-credit{display:block;margin-top:3px!important;color:#18825f!important;font-size:7px!important;font-weight:800}.lead-automatic-credit{display:block;margin:-8px 0 10px;padding:5px 7px;border-radius:7px;color:#147957;background:#e9f8f2;font-size:8px;font-style:normal;font-weight:800;line-height:1.35}
.order-search-bar>.courier-voucher-button{margin-left:0;border-color:#c4d8f5;color:#1267d8;background:#edf5ff;font-weight:800}.order-search-bar>#refreshOrders{margin-left:0}
.courier-voucher-dialog{width:min(1120px,calc(100vw - 34px));max-height:88vh;padding:25px;border:0;border-radius:16px;color:#26364a;background:#fff;box-shadow:0 24px 70px #15233a55}.courier-voucher-dialog::backdrop{background:#10182888}.courier-voucher-dialog h2{margin:4px 0 7px;font-size:22px}.courier-voucher-intro{max-width:850px;margin:0 0 17px;color:#65748a;font-size:11px;line-height:1.55}.courier-document-files{display:grid;grid-template-columns:1fr 1fr;gap:10px}.courier-voucher-file{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 15px;border:1px dashed #9db9dc;border-radius:10px;color:#264567;background:#f7fbff;font-size:11px;font-weight:800}.courier-voucher-file.optional{border-color:#b7d9c9;background:#f6fcf9}.courier-voucher-file span,.courier-voucher-file span strong,.courier-voucher-file span small{display:block}.courier-voucher-file span small{margin-top:3px;color:#718095;font-size:8px;font-weight:600}.courier-voucher-file input{max-width:250px;font-size:9px}.courier-voucher-reading{display:flex;align-items:center;gap:10px;margin-top:13px;padding:11px 13px;border-radius:8px;color:#1768d2;background:#edf5ff;font-size:10px}.courier-voucher-reading span{width:16px;height:16px;border:2px solid #a9c9f5;border-top-color:#1768d2;border-radius:50%;animation:courierVoucherSpin .75s linear infinite}@keyframes courierVoucherSpin{to{transform:rotate(360deg)}}.courier-invoice-status,.courier-voucher-message{margin-top:10px;padding:10px 13px;border:1px solid #e1e8f0;border-radius:8px;color:#65748a;background:#f8fafc;font-size:9px;line-height:1.45}.courier-invoice-status.success,.courier-voucher-message.success{border-color:#b8e4cf;color:#14744e;background:#effaf5}.courier-invoice-status.error,.courier-voucher-message.error{border-color:#f4bdc4;color:#b22b3c;background:#fff2f4}.courier-voucher-review{margin-top:14px}.courier-voucher-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.courier-voucher-summary p{margin:0;padding:11px 13px;border:1px solid #dfe7f0;border-radius:9px;background:#fbfdff}.courier-voucher-summary span,.courier-voucher-summary strong{display:block}.courier-voucher-summary span{color:#758499;font-size:8px;font-weight:800;text-transform:uppercase}.courier-voucher-summary strong{margin-top:5px;color:#24354b;font-size:13px}.courier-cost-tool{display:flex;align-items:end;justify-content:flex-end;gap:9px;margin:13px 0}.courier-cost-tool label{width:300px;color:#5e6e83;font-size:9px;font-weight:800}.courier-cost-tool .receive-money-input{margin-top:5px}.courier-cost-tool button{height:35px;padding:0 15px;border:0;border-radius:6px;color:#fff;background:#176fe8;font-size:10px;font-weight:800;cursor:pointer}.courier-voucher-table-wrap{max-height:340px;overflow:auto;border:1px solid #dce4ed;border-radius:10px}.courier-voucher-table{width:100%;border-collapse:collapse;font-size:9px}.courier-voucher-table th{position:sticky;z-index:1;top:0;padding:9px 8px;color:#526a88;background:#f1f5fa;text-align:left;white-space:nowrap}.courier-voucher-table td{padding:8px;border-top:1px solid #e4e9ef;vertical-align:middle}.courier-voucher-table tr.unavailable{color:#8190a4;background:#fafbfc}.courier-voucher-table tr.amount-mismatch{color:#9b5b00;background:#fffaf0}.courier-voucher-table input[type=checkbox]{width:14px;height:14px;accent-color:#168b62}.courier-voucher-table input[type=number]{width:92px;padding:7px;border:1px solid #cfd9e5;border-radius:5px;font:10px Inter,Segoe UI,Arial,sans-serif}.courier-invoice-auto{display:block;margin-top:3px;color:#158158;font-size:7px;font-weight:800;line-height:1.25}.courier-match-state{display:inline-block;padding:4px 7px;border-radius:12px;color:#167452;background:#e8f7ef;font-size:8px;font-weight:900;white-space:nowrap}.courier-match-state.warning{color:#9a5c00;background:#fff2d7}.courier-match-state.blocked{color:#a83948;background:#ffedf0}.courier-voucher-order strong,.courier-voucher-order small{display:block}.courier-voucher-order strong{color:#146bdc;font-size:10px}.courier-voucher-order small{margin-top:2px;color:#7a889b;font-size:8px}.courier-voucher-note{margin:10px 0;color:#738196;font-size:9px}.confirm-courier-voucher{width:100%;padding:11px;border:0;border-radius:8px;color:#fff;background:#168b62;font-weight:900;cursor:pointer}.confirm-courier-voucher:disabled{color:#8996a6;background:#dce3eb;cursor:not-allowed}
.courier-test-tool{display:flex;align-items:center;gap:8px;margin:10px 0;padding:9px 11px;border:1px solid #f0d69c;border-radius:8px;background:#fffaf0}.courier-test-tool>span{min-width:0;margin-right:auto}.courier-test-tool strong,.courier-test-tool small{display:block}.courier-test-tool strong{color:#9b6200;font-size:9px;text-transform:uppercase}.courier-test-tool small{margin-top:2px;color:#76684f;font-size:8px;line-height:1.35}.courier-test-tool button{padding:8px 11px;border:0;border-radius:6px;color:#fff;background:#d58a00;font-size:9px;font-weight:900;white-space:nowrap;cursor:pointer}.courier-test-tool button.remove{background:#cf4454}.courier-test-tool button[hidden],.courier-voucher-reading[hidden]{display:none!important}
@media(max-width:760px){.courier-voucher-dialog{width:calc(100vw - 20px);padding:17px}.courier-document-files{grid-template-columns:1fr}.courier-voucher-file{align-items:flex-start;flex-direction:column}.courier-voucher-summary{grid-template-columns:1fr 1fr}.courier-test-tool{align-items:stretch;flex-direction:column}.courier-cost-tool{align-items:stretch;flex-direction:column}.courier-cost-tool label{width:100%}.courier-voucher-table-wrap{max-height:310px}.order-search-bar>.courier-voucher-button{grid-column:2/4;margin:0;font-size:8px}.order-search-bar>#refreshOrders{margin:0}}
.courier-voucher-detail{margin-top:12px;padding:11px;border:1px solid #cfe0f6;border-radius:8px;background:#f3f8ff}.courier-voucher-detail h4{margin:0 0 6px;color:#176bd9;font-size:10px}.courier-voucher-detail h4.courier-invoice-heading{margin-top:10px;padding-top:9px;border-top:1px solid #cfe0f6;color:#14805a}.courier-voucher-detail p{padding:4px 0}.courier-voucher-detail a{display:block;margin-top:7px;padding:7px;border-radius:5px;color:#fff;background:#176bd9;text-align:center;font-size:9px;font-weight:800;text-decoration:none}.courier-voucher-detail a.courier-invoice-link{background:#168b62}.courier-voucher-detail small{display:block;margin-top:6px;color:#7a8798;font-size:8px;line-height:1.4}
.order-search-bar>.courier-records-button{margin-left:0;border-color:#c7dfd5;color:#147b58;background:#effaf5;font-weight:800}.courier-records-dialog{width:min(1160px,calc(100vw - 34px));max-height:88vh;padding:25px;border:0;border-radius:16px;color:#26364a;background:#f7f9fc;box-shadow:0 24px 70px #15233a55}.courier-records-dialog::backdrop{background:#10182888}.courier-records-dialog h2{margin:4px 0 6px;font-size:22px}.courier-records-intro{margin:0 0 14px;color:#6b7a8f;font-size:10px}.courier-records-toolbar{display:flex;gap:8px;margin-bottom:10px}.courier-records-search{display:flex;flex:1;align-items:center;gap:8px;padding:8px 11px;border:1px solid #d8e1ec;border-radius:8px;color:#7391b4;background:#fff}.courier-records-search input{width:100%;border:0;outline:0;color:#2c3b50;background:transparent;font-size:10px}.courier-records-toolbar button{padding:8px 12px;border:0;border-radius:7px;color:#fff;background:#176fe8;font-size:9px;font-weight:900;cursor:pointer}.courier-records-toolbar button:last-child{background:#168b62}.courier-records-toolbar button:disabled{background:#bdc7d3;cursor:not-allowed}.courier-records-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:12px}.courier-records-summary p{margin:0;padding:11px 13px;border:1px solid #dce5ef;border-radius:9px;background:#fff}.courier-records-summary span,.courier-records-summary strong{display:block}.courier-records-summary span{color:#7a899c;font-size:8px;font-weight:900;text-transform:uppercase}.courier-records-summary strong{margin-top:4px;color:#23364e;font-size:14px}.courier-records-empty{padding:30px;border:1px dashed #cdd7e3;border-radius:10px;color:#718096;background:#fff;text-align:center;font-size:11px}.courier-records-empty[hidden]{display:none!important}.courier-records-list{display:grid;gap:11px}.courier-record-card{overflow:hidden;border:1px solid #dce5ef;border-radius:11px;background:#fff}.courier-record-card>header{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid #e4eaf1}.courier-record-card>header div{min-width:0;margin-right:auto}.courier-record-card>header span,.courier-record-card>header strong,.courier-record-card>header small{display:block}.courier-record-card>header span{color:#6d819a;font-size:7px;font-weight:900}.courier-record-card>header strong{margin-top:2px;color:#176bd9;font-size:13px}.courier-record-card>header small{margin-top:3px;color:#7e8b9b;font-size:8px}.courier-record-card>header em{padding:5px 8px;border-radius:12px;color:#14744e;background:#e8f7ef;font-size:8px;font-style:normal;font-weight:900}.courier-record-meta{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #e6ebf2}.courier-record-meta p{margin:0;padding:9px 13px;border-right:1px solid #e6ebf2}.courier-record-meta p:last-child{border-right:0}.courier-record-meta span,.courier-record-meta b{display:block}.courier-record-meta span{color:#7c8a9c;font-size:7px;font-weight:800;text-transform:uppercase}.courier-record-meta b{margin-top:3px;font-size:10px}.courier-record-documents{display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px;padding:11px 13px}.courier-record-documents>div{padding:9px;border:1px solid #e1e8f0;border-radius:7px;background:#f9fbfd}.courier-record-documents span,.courier-record-documents strong,.courier-record-documents small{display:block}.courier-record-documents span{color:#7a889a;font-size:7px;font-weight:900;text-transform:uppercase}.courier-record-documents strong{margin-top:3px;overflow:hidden;color:#304157;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.courier-record-documents small{margin-top:4px;color:#8591a1;font-size:7px}.courier-record-documents a{display:inline-block;margin-top:6px;padding:5px 8px;border-radius:5px;color:#fff;background:#176fe8;font-size:8px;font-weight:900;text-decoration:none}.courier-record-card details{border-top:1px solid #e6ebf2}.courier-record-card summary{padding:10px 14px;color:#176bd9;font-size:9px;font-weight:900;cursor:pointer}.courier-record-table-wrap{max-height:260px;overflow:auto;border-top:1px solid #e6ebf2}.courier-record-table-wrap table{width:100%;border-collapse:collapse;font-size:8px}.courier-record-table-wrap th{position:sticky;top:0;padding:8px;color:#5d718a;background:#eef3f8;text-align:left;white-space:nowrap}.courier-record-table-wrap td{padding:8px;border-top:1px solid #e7ebf0;vertical-align:top}.courier-record-table-wrap td a{color:#176bd9;font-weight:900;text-decoration:none}.courier-record-table-wrap td small{display:block;margin-top:2px;color:#7f8b9b;font-size:7px}@media(max-width:760px){.order-search-bar>.courier-records-button{grid-column:2/4}.courier-records-dialog{width:calc(100vw - 20px);padding:16px}.courier-records-toolbar{flex-wrap:wrap}.courier-records-search{flex-basis:100%}.courier-records-summary{grid-template-columns:1fr 1fr}.courier-record-documents{grid-template-columns:1fr}.courier-record-meta{grid-template-columns:1fr 1fr}.courier-record-meta p:nth-child(2){border-right:0}.courier-record-meta p:nth-child(-n+2){border-bottom:1px solid #e6ebf2}}

/* Compact order controls */
.orders-management-page .order-destination-bar{min-height:38px;gap:9px;padding:5px 20px;font-size:9px}
.orders-management-page .order-destination-bar>div{gap:5px}
.orders-management-page .order-destination-bar button[data-order-platform-filter]{min-width:36px;padding:4px 10px;border-radius:13px;font-size:8px;line-height:1.2}
.order-search-bar>.compact-order-tool{width:30px;min-width:30px;height:30px;margin-left:0;padding:0;border-radius:7px;display:inline-grid;place-items:center;font-size:14px;line-height:1}
.order-search-bar>.compact-order-tool span{display:block;transform:translateY(-.5px)}
@media(max-width:760px){.orders-management-page .order-destination-bar{min-height:35px;gap:6px;padding:6px 12px}.orders-management-page .order-destination-bar button[data-order-platform-filter]{padding:4px 8px;font-size:8px}.order-search-bar>.compact-order-tool{width:28px;min-width:28px;height:28px;justify-self:end;padding:0;font-size:13px}}

/* Bulk airway bill tracking */
.order-search-bar>.courier-awb-button{margin-left:0;border-color:#ead39c;color:#9a6500;background:#fff9eb;font-weight:900}
.courier-awb-dialog{width:min(980px,calc(100vw - 34px));max-height:88vh;padding:25px;border:0;border-radius:16px;color:#26364a;background:#fff;box-shadow:0 24px 70px #15233a55}
.courier-awb-dialog::backdrop{background:#10182888}
.courier-awb-dialog h2{margin:4px 0 7px;font-size:22px}
.courier-awb-file{margin-top:13px}
.courier-awb-table-wrap{max-height:390px;margin-top:12px}
.order-list-tracking{display:block;width:max-content;max-width:78px;margin-top:5px;overflow:hidden;color:#936300!important;font-size:7px!important;font-weight:900;text-overflow:ellipsis;white-space:nowrap}
.courier-tracking-detail{margin-top:12px;padding:11px;border:1px solid #ead59f;border-radius:8px;background:#fff9ec}
.courier-tracking-detail h4{margin:0 0 6px;color:#956400;font-size:10px}
.courier-tracking-detail p{padding:4px 0}
.courier-tracking-detail small{display:block;margin-top:6px;color:#80735d;font-size:8px;line-height:1.4}
@media(max-width:760px){.courier-awb-dialog{width:calc(100vw - 20px);padding:17px}.courier-awb-file{align-items:flex-start;flex-direction:column}.courier-awb-table-wrap{max-height:330px}}

/* AWB tracking on printable invoices */
.invoice-tracking-number{margin-top:4px;color:#8a5c00;font-size:8px;font-style:normal;font-weight:900;letter-spacing:.45px}
.batch-invoice-number .batch-invoice-tracking{display:block;margin-top:3px;color:#8a5c00;font-size:8px;letter-spacing:.35px}
.courier-awb-table-wrap tbody tr{cursor:pointer}.courier-awb-table-wrap tbody tr.unavailable{cursor:not-allowed}

/* Compact action and code columns in the Sales Customer Directory. */
.sales-customer-directory-page .customer-table th:nth-child(4),
.sales-customer-directory-page .customer-table td:nth-child(4){width:185px;padding-right:15px;padding-left:15px;white-space:nowrap}
.sales-customer-directory-page .customer-table th:nth-child(5),
.sales-customer-directory-page .customer-table td:nth-child(5){width:120px;padding-right:17px;padding-left:14px;white-space:nowrap}
.sales-customer-directory-page .new-order{padding:8px 12px;font-size:11px}
.sales-customer-directory-page .icon-action{width:29px;height:29px;margin-left:7px}
.sales-customer-directory-page .customer-code{min-width:76px;padding:5px 8px;font-size:9.5px!important}

/* Final mobile layout guardrails: dashboard, products, sales leads, and settings. */
@media(max-width:760px){
html,body{width:100%;max-width:100%}
body:not(.orders-mobile-wide){overflow-x:hidden}
body:not(.orders-mobile-wide) main{width:100%;max-width:100vw;min-width:0}

/* Dashboard */
.dashboard-page .dashboard{padding:64px 12px 28px!important;overflow-x:hidden}
.dashboard-page .dashboard-header{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;min-height:48px;margin-bottom:12px;padding-left:76px}
.dashboard-page .dashboard-header>div,.dashboard-page .header-actions{width:100%;min-width:0}
.dashboard-page .date-button{width:100%;text-align:center}
.dashboard-page .stat-grid,.dashboard-page .home-stat-grid,.dashboard-page .dashboard-grid{grid-template-columns:minmax(0,1fr)!important}
.dashboard-page .stat-card,.dashboard-page .panel{min-width:0}
.dashboard-page .summary-card{grid-column:1!important;padding:14px!important}
.dashboard-page .summary-heading{gap:8px}
.dashboard-page .summary-heading>div{min-width:0}
.dashboard-page .summary-heading>span{flex:0 0 auto;white-space:nowrap}
.dashboard-page .monthly-combined-totals{grid-template-columns:1fr 1fr}
.dashboard-page .monthly-combined-totals>div{min-width:0;padding:11px!important}
.dashboard-page .monthly-combined-totals strong{overflow-wrap:anywhere;font-size:17px!important}
.dashboard-page .monthly-two-trackers{grid-template-columns:minmax(0,1fr)!important}
.dashboard-page .monthly-tracker header,.dashboard-page .monthly-tracker header div{min-width:0}
.dashboard-page .monthly-tracker header>b{flex:0 0 auto}
.dashboard-page .payment-mode-panel .panel-title{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.dashboard-page .payment-mode-header-totals{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}
.dashboard-page .payment-mode-summary,.dashboard-page .payment-mode-summary.delivery-charge-summary{min-width:0;padding:10px;text-align:left}
.dashboard-page .payment-mode-summary small{white-space:normal;line-height:1.35}
.dashboard-page .panel-title{gap:10px;flex-wrap:wrap}
.dashboard-page .panel-title>div{min-width:0}
.dashboard-page .daily-needed-summary{display:grid;grid-template-columns:1fr 1fr;width:100%}
.dashboard-page .daily-needed-summary span{min-width:0}
.dashboard-page .monthly-product-toolbar,.dashboard-page .product-period-controls{width:100%;justify-content:flex-start}
.dashboard-page .product-period-controls{flex-wrap:wrap}
.dashboard-page .only-day-control{width:100%;justify-content:space-between}
.dashboard-page .only-day-control input{width:auto;min-width:0}

/* Products */
.products-page .customer-page{overflow-x:hidden}
.products-page .customer-header{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:10px}
.products-page .customer-header>div{grid-column:1/-1;min-height:48px;padding-left:76px}
.products-page .customer-header .product-sort{width:100%;min-width:0;margin:0;padding:10px 30px 10px 11px}
.products-page .customer-header #addProduct{width:100%;min-width:0}
.products-page .product-summary{grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden}
.products-page .product-summary div{min-width:0;padding:13px 14px;border-bottom:1px solid #e5ebf2}
.products-page .product-summary div:nth-child(2){border-right:0}
.products-page .product-summary div:nth-last-child(-n+2){border-bottom:0}
.products-page .product-summary strong{overflow-wrap:anywhere;font-size:18px}
.products-page .product-list-tools{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:8px}
.products-page .product-list-tools .customer-search{grid-column:1/-1;width:100%;min-width:0}
.products-page .product-list-filter{min-width:0}
.products-page .product-list-filter select,.products-page .product-list-filter input,.products-page .searchable-category-filter input{width:100%;min-width:0}
.products-page .product-list-tools>span{grid-column:1/-1;margin:0;text-align:right}
.products-page .customer-table-wrap{width:100%;max-width:calc(100vw - 24px);overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y}
.products-page .product-table{min-width:790px}

/* Sales leads */
.leads-page .live-leads{overflow-x:hidden}
.leads-page .customer-header{min-height:48px;padding-left:76px}
.leads-page .admin-sales-milestone{grid-template-columns:42px minmax(0,1fr);gap:10px}
.leads-page .lead-summary-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}
.leads-page .lead-summary-card{min-width:0;gap:8px;padding:11px}
.leads-page .lead-summary-card>span{width:30px;height:30px;flex-basis:30px}
.leads-page .lead-summary-card small{font-size:7px;white-space:normal}
.leads-page .lead-summary-card strong{font-size:12px}
.leads-page .lead-summary-card:last-child:nth-child(odd){grid-column:1/-1}
.leads-page .lead-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px}
.leads-page .lead-filters label:first-child{grid-column:1/-1}
.leads-page .lead-filters input,.leads-page .lead-filters select{min-width:0}
.leads-page .live-lead-table{width:100%;max-width:calc(100vw - 24px);overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y}
.leads-page .live-lead-head,.leads-page .live-lead-row{min-width:980px}
.leads-page .lead-list-footer{gap:10px;flex-wrap:wrap}

/* System management */
.settings-page .system-page{overflow-x:hidden}
.settings-page .customer-header{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;min-height:48px;padding-left:76px}
.settings-page .customer-header .primary{width:100%}
.settings-page .system-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.settings-page .system-stats div{min-width:0;padding:13px}
.settings-page .system-layout{grid-template-columns:minmax(0,1fr);gap:12px}
.settings-page .system-card{min-width:0;padding:16px}
.settings-page .system-card-head>div{min-width:0}
.settings-page .system-card .two-fields,.settings-page .system-order-defaults{grid-template-columns:minmax(0,1fr)}
.settings-page .platform-manager,.settings-page .country-manager,.settings-page .currency-manager,.settings-page .product-organization-grid{grid-template-columns:minmax(0,1fr)}
.settings-page .platform-setting-row{grid-template-columns:42px minmax(0,1fr);padding-right:34px}
.settings-page .platform-edit-fields>div{grid-template-columns:minmax(0,1fr)}
.settings-page .platform-enabled{grid-column:2}
.settings-page .country-setting-row,.settings-page .currency-setting-row{grid-template-columns:minmax(0,1fr);padding-right:34px}
.settings-page .country-enabled{padding-bottom:0}
.settings-page .payment-method-setting{position:relative;grid-template-columns:42px minmax(0,1fr);align-items:start;padding-right:36px}
.settings-page .payment-method-setting>label{grid-column:1/-1}
.settings-page .payment-method-setting>label:nth-of-type(1){grid-column:2}
.settings-page .payment-method-enabled{grid-column:1/-1;padding-bottom:0}
.settings-page .payment-method-remove{position:absolute;top:8px;right:8px}
.settings-page .payment-method-logo-input-label input{max-width:100%}
.settings-page .courier-partner-setting{grid-template-columns:minmax(0,1fr)}
.settings-page .courier-partner-logo-input-label input{max-width:100%}
.settings-page .courier-partner-enabled,.settings-page .courier-partner-remove{grid-column:1}
}

@media(max-width:430px){
.dashboard-page .monthly-combined-totals,.dashboard-page .payment-mode-header-totals{grid-template-columns:minmax(0,1fr)}
.leads-page .lead-filters{grid-template-columns:minmax(0,1fr)}
.leads-page .lead-filters label:first-child{grid-column:1}
}

/* Compact personal sales total for Customer Directory and Sales Leads. */
.admin-sales-milestone.admin-sales-milestone-compact{
  min-height:54px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin:-8px 0 16px;
  padding:12px 16px;
  border:1px solid #d7e5f7;
  border-radius:12px;
  background:linear-gradient(105deg,#edf5ff 0,#fff 65%);
  box-shadow:0 3px 10px #193b6b0b;
}
.admin-sales-milestone-compact .admin-sales-compact-label{
  color:#526b8b;
  font-size:10px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.admin-sales-milestone-compact .admin-sales-compact-amount{
  color:#176fee;
  font-size:18px;
  font-weight:900;
  white-space:nowrap;
}
@media(max-width:760px){
  .admin-sales-milestone.admin-sales-milestone-compact{
    min-height:50px;
    display:flex;
    grid-template-columns:none;
    gap:12px;
    padding:11px 13px;
  }
  .admin-sales-milestone-compact .admin-sales-compact-amount{font-size:16px}
}