/* OrderFlow 5.3 – payments, customer filters, couriers and upload reliability */
:root{--of-surface:#fff;--of-soft:#f7f9fd;--of-line:#e5eaf2}
.content{padding-top:28px}.page-heading{margin-bottom:18px}.page-heading h1{position:relative;z-index:1}
.page-toolbar-clean{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 18px;min-height:44px}.toolbar-actions{display:flex;align-items:center;gap:9px}.inline-form{display:inline-flex;margin:0}.inline-search{position:relative;display:flex;align-items:center;width:min(430px,100%)}.inline-search>span{position:absolute;left:13px;z-index:2;color:#8b97a8;pointer-events:none}.inline-search input{width:100%;padding-left:39px}.warning-text{color:#c67805}.soft-pill{display:inline-flex;align-items:center;min-height:28px;padding:0 9px;border-radius:8px;background:#f2f5fa;color:#526078;font-size:11px;font-weight:700}.header-total{font-size:19px;color:var(--of-green)}.card-header.split{display:flex;align-items:center;justify-content:space-between;gap:15px}.card-header.split p{margin:4px 0 0;color:var(--of-muted);font-size:10px}
/* Payments */
.payment-kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:18px}.mini-stat-card{min-height:98px;background:#fff;border:1px solid var(--of-border);border-radius:14px;padding:17px;display:flex;align-items:center;gap:13px;box-shadow:0 5px 18px rgba(28,48,88,.035)}.mini-stat-card>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--tone) 10%,white);color:var(--tone);flex:0 0 auto}.mini-stat-card small{display:block;color:#8490a3;font-size:10px;font-weight:750;margin-bottom:7px}.mini-stat-card strong{font-size:17px;letter-spacing:-.025em;white-space:nowrap}.mini-stat-card.green{--tone:#12a66a}.mini-stat-card.blue{--tone:var(--of-primary)}.mini-stat-card.purple{--tone:#7657df}.mini-stat-card.amber{--tone:#d78b05}.mini-stat-card.red{--tone:#df5265}.payment-list-card{overflow:hidden}.payment-table-v7 th{padding:13px 15px;font-size:10px;text-transform:uppercase;letter-spacing:.055em;color:#919cae;background:#fbfcfe}.payment-table-v7 td{padding:14px 15px;vertical-align:middle}.payment-table-v7 tbody tr:hover{background:#fbfdff}.payment-table-v7 td:nth-child(1){white-space:nowrap}
/* Customers */
.customer-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.customer-kpi-grid article,.courier-kpi-grid article{background:#fff;border:1px solid var(--of-border);border-radius:13px;padding:15px 17px;box-shadow:0 4px 14px rgba(27,46,83,.03)}.customer-kpi-grid small,.courier-kpi-grid small{display:block;font-size:10px;color:#8792a4;font-weight:700;margin-bottom:7px}.customer-kpi-grid strong,.courier-kpi-grid strong{font-size:18px;letter-spacing:-.025em}.customer-table-v7{min-width:1180px}.customer-table-v7 th{font-size:10px;text-transform:uppercase;letter-spacing:.05em;background:#fbfcfe;color:#929daf;padding:13px 14px}.customer-table-v7 td{padding:14px;vertical-align:middle}.customer-table-v7 tbody tr:hover{background:#fbfdff}
/* Couriers */
.courier-kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,220px));gap:12px;margin-bottom:16px}.courier-list-card{overflow:hidden}.courier-table-v7{min-width:1080px}.courier-table-v7 th{font-size:10px;text-transform:uppercase;letter-spacing:.05em;background:#fbfcfe;color:#929daf;padding:13px 14px}.courier-table-v7 td{padding:14px;vertical-align:middle}.courier-table-v7 tbody tr:hover{background:#fbfdff}.courier-company-cell{display:flex;align-items:center;gap:11px}.courier-company-cell>span:last-child{display:flex;flex-direction:column}.courier-company-cell small,.courier-table-v7 td small{display:block;color:#929caf;font-size:9px;margin-top:4px}.courier-logo{--courier-logo-size:40px;width:var(--courier-logo-size);height:var(--courier-logo-size);border-radius:12px;display:grid;place-items:center;font-size:10px;font-weight:850;letter-spacing:-.02em;color:#fff;background:linear-gradient(145deg,#61718b,#36445c);box-shadow:0 6px 15px rgba(22,36,63,.12);flex:0 0 auto}.courier-logo-tcs{background:linear-gradient(145deg,#e33434,#a60000)}.courier-logo-leopards{background:linear-gradient(145deg,#f2b316,#d27b00)}.courier-logo-mp{background:linear-gradient(145deg,#ec342b,#6f1b59)}.courier-logo-postex{background:linear-gradient(145deg,#6358e9,#3828b6)}.courier-logo-blueex{background:linear-gradient(145deg,#2196f3,#0756b1)}.courier-logo-trax{background:linear-gradient(145deg,#ef503d,#a01d17)}.courier-logo-rider{background:linear-gradient(145deg,#11a76a,#056e46)}.courier-logo-fastex{background:linear-gradient(145deg,#e63434,#1b2a54)}.courier-logo-pakpost{background:linear-gradient(145deg,#168756,#075b38)}.courier-logo-dhl{background:linear-gradient(145deg,#ffdc18,#e7a800);color:#b51020}.courier-logo-fedex{background:linear-gradient(145deg,#5e2a91,#f06b21)}.courier-logo-ups{background:linear-gradient(145deg,#5a3a20,#2d1b0c);color:#f8c84b}.courier-logo-swyft{background:linear-gradient(145deg,#1366d6,#073681)}.courier-table-v7 code{display:block;max-width:420px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:#536079;background:#f5f7fb;border:1px solid #e7ebf2;padding:7px 8px;border-radius:7px}.external-link{display:inline-flex;align-items:center;gap:5px;color:var(--of-primary);font-size:11px;font-weight:700;text-decoration:none}.courier-actions{display:flex;align-items:center;gap:6px}.courier-actions form{margin:0}.icon-action{width:34px;height:34px;border:1px solid var(--of-border);border-radius:9px;background:#fff;color:#627087;display:grid;place-items:center;cursor:pointer;transition:.16s ease}.icon-action:hover{background:#f5f8fc;color:var(--of-primary);transform:translateY(-1px)}.icon-action.warning:hover{background:#fff7e8;color:#bb7600;border-color:#f4d18d}.icon-action.success:hover{background:#edfaf4;color:#078455;border-color:#bce9d3}.icon-action.danger:hover{background:#fff1f3;color:#d73e56;border-color:#ffd0d7}
/* Upload settings */
.website-brand-preview{display:flex;align-items:center;gap:13px;padding:15px;border:1px solid var(--of-border);border-radius:13px;background:#f8faff}.website-preview-logo{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,var(--of-primary),#0a52d2);color:#fff;font-weight:850;overflow:hidden}.website-preview-logo img{width:100%;height:100%;object-fit:cover}.website-brand-preview>div:nth-child(2){display:flex;flex-direction:column}.website-brand-preview>div:nth-child(2) small{color:var(--of-muted);font-size:10px;margin-top:4px}.upload-status{margin-left:auto;padding:7px 10px;border-radius:999px;font-size:10px;font-weight:750}.upload-status.ready{background:#eaf9f2;color:#087e50}.upload-status.error{background:#fff0f2;color:#c53a51}.upload-field small{color:#8a96a8;font-weight:500}.remove-upload{display:flex;align-items:center;gap:7px;font-size:10px;color:#b13a4d;margin-top:4px}.remove-upload input{width:15px;height:15px;min-height:auto}.settings-note code{font-size:10px;background:#fff;border:1px solid #e3e8ef;border-radius:5px;padding:2px 5px}
/* Modal safety: exact viewport centre */
.modal-shell.modal-center{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:20px!important;z-index:2147483000!important}.modal-shell.modal-center[hidden]{display:none!important}.modal-shell .modal-backdrop{position:absolute!important;inset:0!important}.modal-shell .modal-dialog{margin:0!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;max-height:calc(100vh - 40px)!important}.modal-head h3{text-transform:none}.modal-body label{font-size:11px}
@media(max-width:1250px){.payment-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.customer-table-v7,.courier-table-v7,.payment-table-v7{min-width:1050px}}
@media(max-width:900px){.page-toolbar-clean{align-items:stretch;flex-direction:column}.page-toolbar-clean .inline-search{width:100%}.toolbar-actions{justify-content:flex-end;flex-wrap:wrap}.payment-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.courier-kpi-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.payment-kpi-grid,.customer-kpi-grid,.courier-kpi-grid{grid-template-columns:1fr 1fr}.mini-stat-card{min-height:88px;padding:13px}.mini-stat-card strong{font-size:15px}.toolbar-actions{width:100%}.toolbar-actions>.btn,.toolbar-actions>.inline-form{flex:1}.toolbar-actions>.inline-form .btn{width:100%}.website-brand-preview{align-items:flex-start;flex-wrap:wrap}.upload-status{margin-left:0}}
/* Keep all page tools below the title; prevents heading/control overlap on wide screens. */
.page-action-bar,.orders-page-header,.list-page-toolbar{margin:0 0 18px!important}.page-action-bar{justify-content:space-between!important}.list-page-toolbar{min-height:44px}