/* Shared business theme. Business rules remain in the PHP services. */
.business-theme .enterprise-selected { background: #edf5ff; }
.business-theme .enterprise-table td:first-child { min-width: 12rem; max-width: 24rem; overflow-wrap: anywhere; }
.business-theme .enterprise-table td:nth-child(2) { max-width: 18rem; overflow-wrap: anywhere; }
.business-theme #enterprise-shops { scroll-margin-top: 1.5rem; }
.business-theme #enterprise-shops .panel-toolbar h2 { overflow-wrap: anywhere; }
.business-theme input[readonly] { background: #f4f6f9; color: #43546a; cursor: default; }
.business-theme {
    --blue: #1677ff;
    --blue-dark: #0958d9;
    --ink: #192b42;
    --muted: #758398;
    --line: #e8edf3;
    --bg: #f0f3f7;
    --green: #16845e;
    --radius: 9px;
    --sidebar: 216px;
    --pending-text: #6c7a8c;
    --pending-bg: #fff;
    --pending-soft: #fff;
    --pending-border: #dce3ec;
    --pending-accent: #8b99aa;
    background: var(--bg);
}
.business-theme .sidebar { padding: 0 12px; background: var(--sidebar-bg, #071d32); border-right: 0; color: #d6e2f0; }
.business-theme .brand { height: 84px; padding: 0 12px; color: #fff; font-size: 24px; }
.business-theme .brand small { color: #91a5bb; font-size: 10px; letter-spacing: 1px; }
.business-theme .brand-mark { height: 37px; width: 37px; border-radius: 9px; box-shadow: 0 4px 15px #1677ff30; }
.business-theme .workspace { margin: 4px 4px 28px; padding: 12px 10px; background: #102a43; border-color: #233c55; }
.business-theme .workspace-symbol { color: #8cbeff; background: #193b5e; border: 0; width: 30px; height: 32px; flex-shrink: 0; }
.business-theme .workspace strong { color: #e5edf7; font-size: 12px; max-width: 121px; }
.business-theme .workspace span:not(.workspace-symbol) { color: #91a6bc; font-size: 10px; }
.business-theme .nav-label { color: #7c93ac; font-size: 11px; letter-spacing: 1px; padding-left: 14px; margin-bottom: 10px; }
.business-theme .nav-group { margin-top: 30px; }
.business-theme .nav-item { color: #b7c7da; height: 45px; font-size: 14px; gap: 12px; border-radius: 6px; margin: 5px 0; padding: 0 14px; }
.business-theme .nav-item svg { width: 18px; height: 18px; }
.business-theme .nav-item:hover { color: #fff; background: #14314f; }
.business-theme .nav-item.active { color: #fff; background: var(--blue); box-shadow: 0 4px 12px #00102124; font-weight: 600; }
.business-theme .nav-item.active::after { display: none; }
.business-theme .nav-dot { width: 9px; height: 9px; border: 0; background: #2fd06f; }
.business-theme .nav-item.active .nav-dot { display: block; }
.business-theme .sidebar-bottom { border-top: 1px solid #20364c; margin-left: 9px; margin-right: 9px; padding: 21px 4px 25px; color: #9cafc4; }
.business-theme .sidebar-bottom small { color: #718aa5; }
.business-theme .status-dot { background: #3ac5a2; box-shadow: 0 0 0 3px #3ac5a219; }
.business-theme .topbar { height: 64px; padding: 0 28px; box-shadow: 0 1px 3px #10243c06; }
.business-theme .breadcrumb { font-size: 13px; gap: 14px; }
.business-theme .breadcrumb strong { color: #24364d; }
.business-theme .avatar { background: var(--blue); color: white; }
.business-theme .user-chip { font-size: 13px; }
.business-theme .user-chip .muted { font-size: 11px; }
.business-theme .main { padding: 26px 28px 0; }
.business-theme .page-heading { margin-bottom: 22px; }
.business-theme h1 { font-size: 26px; font-weight: 650; margin-bottom: 7px; }
.business-theme .page-heading p { color: #6d7e94; font-size: 13px; }
.business-theme .btn { font-size: 13px; min-height: 37px; padding: 8px 15px; border-radius: 6px; color: #394c65; border-color: #d9e1eb; font-weight: 500; }
.business-theme .btn.primary { color: #fff; border-color: var(--blue); box-shadow: 0 2px 5px #1677ff16; }
.business-theme .btn.primary:hover { border-color: var(--blue-dark); }
.business-theme .btn.small { min-height: 31px; font-size: 12px; padding: 5px 11px; }
.business-theme .text-btn { font-size: 13px; }
.business-theme .text-btn:hover { color: var(--blue-dark); }
.business-theme .panel { box-shadow: 0 2px 6px #18345205; border-color: #e7ecf2; margin-bottom: 20px; }
.business-theme .stats { gap: 16px; margin-bottom: 22px; }
.business-theme .stats.three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.business-theme .stat { background: #fff; border-color: #e7ecf2; padding: 17px 20px 14px; box-shadow: 0 2px 6px #18345205; }
.business-theme .stat-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; color: #6b7c92; font-size: 13px; min-height: 32px; }
.business-theme .stat-icon { display: inline-flex; align-items: center; justify-content: center; width: 33px; height: 33px; border-radius: 8px; color: var(--tone, var(--blue)); background: var(--tone-bg, #edf5ff); flex-shrink: 0; }
.business-theme .stat-icon svg { width: 18px; height: 18px; }
.business-theme .stat strong { color: var(--ink); font-weight: 600; font-size: 30px; letter-spacing: -.65px; line-height: 1.4; margin-top: 5px; }
.business-theme .stat strong.money { font-size: 25px; }
.business-theme .stat strong small { color: #8a98aa; font-size: 12px; }
.business-theme .stat strong.money small { font-size: 15px; }
.business-theme .stat em { border-top: 1px solid #edf0f5; padding-top: 10px; margin-top: 12px; color: #8290a2; font-size: 11px; white-space: normal; line-height: 1.7; }
.business-theme .tone-blue { --tone: #1677ff; --tone-bg: #eaf3ff; }
.business-theme .tone-cyan { --tone: #1199b5; --tone-bg: #e7f7fb; }
.business-theme .tone-green { --tone: #159268; --tone-bg: #eaf8f0; }
.business-theme .tone-amber { --tone: #d08b13; --tone-bg: #fff6e4; }
.business-theme .tone-pending { --tone: var(--pending-accent); --tone-bg: var(--pending-bg); }
.business-theme .tone-pending .stat-icon { border: 1px solid var(--pending-border); }
.business-theme .tone-purple { --tone: #8054d6; --tone-bg: #f2edfd; }
.business-theme .tone-red { --tone: #d34c55; --tone-bg: #fff0f1; }
.business-theme .filters { padding: 20px 22px; gap: 16px; }
.business-theme .filters label, .business-theme .filters label span { font-size: 12px; color: #52647c; }
.business-theme input:not([type=checkbox]):not([type=file]), .business-theme select, .business-theme textarea { color: #2c405b; border-color: #d9e1ec; font-size: 13px; border-radius: 6px; }
.business-theme input::placeholder, .business-theme textarea::placeholder { color: #99a5b5; }
.business-theme .filters .filter-actions { gap: 16px; }
.business-theme .panel-toolbar { padding: 18px 22px; }
.business-theme .panel-toolbar h2 { font-size: 15px; }
.business-theme .panel-toolbar > div > .muted { font-size: 12px; }
.business-theme th { color: #485b73; background: #f8fafc; font-size: 12px; font-weight: 600; padding: 13px 18px; }
.business-theme td { font-size: 13px; color: #485c75; padding: 16px 18px; border-bottom-color: #edf1f5; }
.business-theme tbody tr:hover:not(.detail-row) { background: #f7faff; }
.business-theme .money-cell { font-size: 14px; color: #344a67; }
.business-theme .order-table { min-width: 1580px; table-layout: fixed; }
.order-col-product { width: 300px; }
.order-col-number { width: 185px; }
.order-col-platform { width: 90px; }
.order-col-shop { width: 165px; }
.order-col-quantity { width: 65px; }
.order-col-principal { width: 95px; }
.order-col-commission { width: 85px; }
.order-col-total { width: 100px; }
.order-col-status { width: 92px; }
.order-col-time { width: 166px; }
.order-col-action { width: 70px; }
.business-theme .order-table .product-cell { min-width: 0; }
.business-theme .order-table .product-copy { min-width: 0; }
.business-theme .order-table .product-copy strong { max-width: 100%; min-width: 0; }
.business-theme .order-table .product-copy .subline { max-width: 100%; }
.business-theme .order-number-cell, .business-theme .order-shop-cell { white-space: normal; overflow-wrap: anywhere; }
.business-theme .order-time-cell { font-family: "Cascadia Code", Consolas, monospace; font-size: 12px; font-variant-numeric: tabular-nums; white-space: nowrap; color: #50647e; }
.order-table-wrap:focus-visible { outline: 3px solid #a7c3ff; outline-offset: -3px; }
.business-theme .order-table td { padding: 17px 12px; }
.business-theme .order-table td:first-child, .business-theme .order-table th:first-child { padding-left: 22px; }
.business-theme .order-table td:last-child, .business-theme .order-table th:last-child { padding-right: 22px; }
.business-theme .product-copy strong { color: #283e5a; font-size: 13px; max-width: 235px; }
.business-theme .product-copy .subline { font-size: 11px; color: #7e8da0; }
.business-theme .product-copy .micro { font-size: 11px; color: #8494a8; }
.business-theme .order-number { font-size: 12px; color: #314d72; }
.business-theme .missing-thumb { color: var(--pending-text); background: var(--pending-soft); border-color: var(--pending-border); }
.business-theme .missing-thumb svg { color: var(--pending-accent); }
.business-theme .missing-thumb small { font-size: 9px; }
.business-theme .badge { padding: 3px 8px; font-size: 11px; border: 1px solid transparent; }
.business-theme .badge.success { color: #16845e; background: #effaf3; border-color: #ceeeda; }
.business-theme .badge.warning { color: #c85808; background: #fff1e6; border-color: #ffc99f; }
.business-theme .badge.pending-image { color: var(--pending-text); background: var(--pending-bg); border-color: var(--pending-border); }
.business-theme .badge.danger { color: #c44550; background: #fff1f2; border-color: #f7d3d7; }
.business-theme .badge.neutral { color: #667a93; background: #f1f5fa; border-color: #e3eaf3; }
.business-theme .platform-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 50px;
    vertical-align: middle;
    font-size: 11px;
    line-height: 18px;
    font-weight: 600;
    padding: 3px 6px;
    border-radius: 5px;
    color: #5c708a;
    background: #f2f5f9;
    border-color: #e0e7f0;
    white-space: nowrap;
}
.business-theme .platform-taobao { color: #e64b00; background: #fff0e7; border-color: #ffd0b5; padding-left: 8px; padding-right: 8px; }
.business-theme .platform-tmall { color: #a60b32; background: #f9dce5; border-color: #e9a6ba; }
.business-theme .platform-douyin { color: #fff; background: #20212a; border-color: #363741; }
.business-theme .platform-jd { color: #bf251b; background: #fff4ec; border-color: #f0b8a0; }
.business-theme .platform-pinduoduo { color: #fff; background: #e02e24; border-color: #e02e24; }
.business-theme .negative { color: #cf4854 !important; }
.business-theme .detail-grid h3 { font-size: 13px; }
.business-theme .detail-grid dl { font-size: 12px; line-height: 1.8; }
.business-theme .pagination { padding: 18px 22px; font-size: 12px; color: var(--muted); flex-wrap: wrap; gap: 14px 24px; }
.pagination-summary { white-space: nowrap; }
.business-theme .pagination > .pagination-controls { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 12px 22px; margin-left: auto; }
.page-links { display: flex; align-items: center; gap: 6px; }
.page-link { display: inline-flex; align-items: center; justify-content: center; min-width: 34px; height: 34px; padding: 0 8px; border: 1px solid #d7e1ee; border-radius: 5px; background: #fff; color: #405775; font-size: 13px; font-variant-numeric: tabular-nums; white-space: nowrap; transition: background .16s, border-color .16s, color .16s; }
a.page-link:hover { color: var(--blue); border-color: #a6c7f1; background: #edf5ff; }
a.page-link:active { background: #dcecff; }
.page-link.is-current { background: var(--blue); border-color: var(--blue); color: #fff; font-weight: 600; }
.page-link.is-disabled { color: #96a3b4; border-color: #e8edf3; background: #fafbfd; }
.page-direction { padding: 0 11px; }
.page-ellipsis { padding: 0 2px; color: var(--muted); }
.page-position { display: none; font-variant-numeric: tabular-nums; color: var(--ink); }
.page-jump, .page-jump label { display: flex; align-items: center; gap: 8px; margin: 0; }
.page-jump label { color: var(--muted); font-size: 12px; font-weight: 400; white-space: nowrap; }
.business-theme .pagination .page-jump input[type=number] { width: 68px; min-height: 34px; height: 34px; padding: 5px 8px; margin: 0; text-align: center; font-size: 13px; font-variant-numeric: tabular-nums; }
.business-theme .page-jump .btn { min-height: 34px; padding: 5px 12px; color: var(--blue); border-color: #bfd4ed; }
.business-theme .page-jump .btn:hover { background: #edf5ff; border-color: var(--blue); }
@media (max-width: 760px) {
    .business-theme .pagination > .pagination-controls { width: 100%; margin-left: 0; justify-content: space-between; gap: 14px; }
    .page-links { width: 100%; justify-content: space-between; }
    .page-index, .page-ellipsis { display: none; }
    .page-position { display: inline; }
    .page-link { min-height: 40px; }
    .page-jump { width: 100%; justify-content: flex-end; }
    .business-theme .pagination .page-jump input[type=number], .business-theme .page-jump .btn { min-height: 40px; }
}
.business-theme .page-footer { color: #95a3b5; padding: 2px 0 24px; }
.business-theme .guide-item strong { color: #425b7c; font-size: 13px; }
.business-theme .guide-item p, .business-theme .hint { color: #788ba5; font-size: 12px; }
.business-theme .notice { font-size: 13px; }
.business-theme .padded h2 { color: #2b425f; }

/* Merchant homepage: account totals and the records behind them. */
.store-identity { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 24px; }
.store-name { display: flex; align-items: center; gap: 16px; min-width: 0; }
.store-avatar { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 54px; height: 54px; color: #1677ff; background: #edf5ff; border: 1px solid #dceaff; border-radius: 12px; }
.store-avatar svg { width: 27px; height: 27px; }
.store-name h2 { font-size: 19px; color: #243b58; margin: 0 0 8px; overflow-wrap: anywhere; }
.store-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; color: #8190a3; font-size: 12px; }
.store-links { display: flex; align-items: center; flex-shrink: 0; }
.store-links a { display: flex; flex-direction: column; gap: 5px; padding: 0 26px; border-left: 1px solid var(--line); }
.store-links strong { font-size: 23px; color: #304964; font-weight: 600; }
.store-links span { display: flex; align-items: center; gap: 8px; color: #7d8da3; font-size: 12px; }
.store-links svg { width: 13px; height: 13px; }
.store-links a:hover strong, .store-links a:hover span { color: var(--blue); }
.store-overview-grid { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(320px, 1fr); gap: 20px; margin-bottom: 20px; }
.store-overview-grid .panel { min-width: 0; margin-bottom: 0; }
.store-recharges .panel-toolbar, .store-spending .panel-toolbar, .store-tasks .panel-toolbar { gap: 12px; }
.store-overview-grid .text-btn, .store-tasks .text-btn { flex-shrink: 0; font-size: 12px; }
.store-empty { padding: 36px 24px; text-align: center; color: #8696aa; }
.store-empty > span { display: inline-flex; align-items: center; justify-content: center; width: 46px; height: 46px; background: #f4f7fb; border-radius: 12px; color: #96a9c1; }
.store-empty svg { width: 23px; height: 23px; }
.store-empty h3 { margin: 12px 0 6px; color: #526780; font-size: 14px; font-weight: 500; }
.store-empty p { margin: 0; font-size: 12px; line-height: 1.8; }
.store-spending-body { padding: 20px 22px; }
.store-amounts { display: grid; grid-template-columns: 1fr auto; gap: 15px 16px; margin: 0; font-size: 13px; align-items: center; }
.store-amounts dt { display: flex; align-items: center; gap: 9px; color: #6c7e94; }
.store-amounts dd { margin: 0; text-align: right; color: #324b69; font-variant-numeric: tabular-nums; font-weight: 500; }
.store-amounts i { display: inline-block; width: 7px; height: 7px; border-radius: 50%; }
.principal-dot { background: #d5a347; }
.commission-dot { background: #9274d5; }
.store-amounts .store-amount-total { border-top: 1px solid var(--line); padding-top: 15px; color: #263c58; font-weight: 600; }
.store-rule { margin-top: 20px; padding: 12px 14px; background: #f7f9fc; border-radius: 6px; color: #6d819b; font-size: 12px; }
.store-rule strong { float: right; color: #466181; font-weight: 500; }
.store-rule p { clear: both; margin: 5px 0 0; color: #8997aa; font-size: 11px; }
.store-recharge-table { min-width: 760px; }

.source-record { scroll-margin-top: 20px; }
.business-theme tbody tr.source-record:target { background: #edf5ff; }
.business-theme .source-record:target td:first-child { box-shadow: inset 3px 0 var(--blue); }

/* Product list keeps images compact and status/actions visible. */
.product-list-panel .list-heading { display: flex; align-items: center; justify-content: space-between; padding: 0 22px; gap: 20px; border-bottom: 1px solid var(--line); }
.list-tabs { display: flex; align-items: stretch; gap: 30px; }
.list-tab { display: flex; align-items: center; gap: 8px; padding: 18px 0 16px; font-size: 13px; color: #5e718a; border-bottom: 2px solid transparent; }
.list-tab.active { color: var(--blue); border-bottom-color: var(--blue); font-weight: 600; }
.list-tab > span { padding: 1px 7px; font-size: 11px; font-variant-numeric: tabular-nums; line-height: 1.7; border-radius: 4px; background: #f0f3f8; color: #71849f; }
.list-tab.active > span { background: #eaf3ff; color: var(--blue); }
.list-tab > .pending-count, .list-tab.active > .pending-count { color: var(--pending-text); background: var(--pending-bg); box-shadow: inset 0 0 0 1px var(--pending-border); }
.list-tab.pending-tab.active { color: var(--pending-text); border-bottom-color: var(--pending-accent); }
.list-caption { font-size: 12px; color: #8997aa; }
.catalog-table { table-layout: fixed; min-width: 840px; }
.catalog-table th:first-child { width: 38%; }
.catalog-table th:nth-child(2) { width: 21%; }
.catalog-table th:nth-child(3) { width: 12%; }
.catalog-table th:nth-child(4) { width: 12%; }
.catalog-table th:last-child { width: 17%; }
.business-theme .catalog-table td, .business-theme .catalog-table th { padding-left: 14px; padding-right: 14px; }
.business-theme .catalog-table td:first-child, .business-theme .catalog-table th:first-child { padding-left: 22px; }
.business-theme .catalog-table td:last-child, .business-theme .catalog-table th:last-child { padding-right: 22px; }
.catalog-table th { border-top: 0; }
.catalog-product { display: flex; align-items: center; gap: 14px; min-width: 0; }
.catalog-thumb { display: block; width: 60px; height: 60px; flex-shrink: 0; object-fit: contain; border: 1px solid #e6ecf3; border-radius: 7px; background: white; }
.catalog-missing { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; color: var(--pending-text); background: var(--pending-soft); border-color: var(--pending-border); }
.catalog-missing svg { width: 21px; height: 21px; stroke-width: 1.5; color: var(--pending-accent); }
.catalog-missing span { font-size: 9px; }
.catalog-copy { min-width: 0; }
.catalog-copy > strong { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; white-space: normal; color: #273e5a; font-weight: 500; font-size: 13px; line-height: 1.65; }
.catalog-code { display: block; font-size: 11px; color: #8796a9; margin-top: 6px; white-space: normal; overflow-wrap: anywhere; }
.catalog-code .mono { font-size: 11px; color: #70849e; margin-left: 4px; }
.catalog-shop { display: block; white-space: normal; overflow-wrap: anywhere; font-size: 12px; color: #5a6f88; }
.catalog-actions { display: flex; gap: 15px; flex-wrap: nowrap; white-space: nowrap; align-items: center; }
.business-theme .catalog-actions .text-btn { font-size: 12px; padding: 3px 0; }
.image-dialog-product { display: flex; flex-direction: column; gap: 6px; }
.image-dialog-product > strong { font-size: 14px; color: #324a67; line-height: 1.7; }
.image-dialog-product > span { font-size: 12px; color: #8492a5; }
.image-dialog-preview { height: 175px; display: flex; flex-direction: column; gap: 12px; align-items: center; justify-content: center; background: #f8fafc; border: 1px dashed #d9e3f0; border-radius: 8px; margin: 22px 0 16px; color: #9aacbf; font-size: 12px; }
.image-dialog-preview > svg { width: 38px; height: 38px; }
.image-dialog-preview > img { width: 100%; height: 100%; object-fit: contain; padding: 12px; }
.business-theme .image-picker { min-height: 42px; margin-bottom: 10px; font-size: 13px; color: var(--blue); }
.image-picker:focus-within { outline: 3px solid #a7c3ff; outline-offset: 2px; }
.image-picker span { max-width: 100%; }
.image-dialog-help { font-size: 12px; color: #8392a6; line-height: 1.8; margin-bottom: 0; }

@media (max-width: 1350px) {
    .business-theme { --sidebar: 204px; }
    .business-theme .main { padding: 24px 24px 0; }
    .business-theme .topbar { padding: 0 24px; }
    .business-theme .stats { gap: 12px; }
    .business-theme .stat { padding: 16px 16px 13px; }
    .business-theme .stat strong.money { font-size: 22px; }
    .business-theme .stat-top { font-size: 12px; }
    .business-theme .stat-icon { width: 29px; height: 29px; }
    .business-theme .stat em { font-size: 10px; }
}
@media (max-width: 1100px) {
    .catalog-actions { flex-direction: column; align-items: flex-start; gap: 3px; }
    .business-theme .store-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .store-overview-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 800px) {
    .store-identity { align-items: flex-start; flex-direction: column; padding: 20px; gap: 20px; }
    .store-links { width: 100%; border-top: 1px solid var(--line); padding-top: 16px; }
    .store-links a { width: 50%; padding: 0 16px; }
    .store-links a:first-child { border-left: 0; padding-left: 0; }
    .business-theme .store-stats strong.money { font-size: 21px; }
    .store-name h2 { font-size: 17px; }
    .business-theme { --sidebar: 0px; }
    .business-theme .main { padding: 20px 16px 0; }
    .business-theme .topbar { height: 60px; padding: 0 16px; }
    .business-theme .sidebar { width: 216px; }
    .business-theme .stats { gap: 10px; }
    .business-theme .stats.three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .business-theme .product-stats .stat { padding: 12px; }
    .business-theme .product-stats .stat-top { align-items: flex-start; gap: 5px; }
    .business-theme .product-stats .stat-icon { width: 23px; height: 23px; border-radius: 6px; }
    .business-theme .product-stats .stat-icon svg { width: 14px; height: 14px; }
    .business-theme .stat strong { font-size: 26px; }
    .business-theme .filters { padding: 16px; gap: 12px; }
    .business-theme .filters .filter-actions { justify-content: flex-end; }
    .product-list-panel .list-heading { padding: 0 16px; gap: 12px; }
    .list-tabs { gap: 20px; }
    .list-caption { display: none; }
    .business-theme .pagination { padding: 15px; gap: 10px; }
}
@media print {
    .business-theme { --sidebar: 0px; }
    .business-theme .main { padding: 0; }
    .business-theme .stat, .business-theme .panel { box-shadow: none; }
    .product-filter, .catalog-actions { display: none; }
}
/* Export progress stays next to the action, including save-dialog fallback. */
.order-export-status{margin:-8px 0 20px;padding:12px 16px;background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--muted);font-size:12px;line-height:1.7;overflow-wrap:anywhere}
.order-export-status a{margin-left:8px}
[data-order-export][aria-disabled="true"]{opacity:.65;cursor:progress}

/* Workflow refinement: shared rhythm, visible scope, and actionable feedback. */
.business-theme {
    --blue: #0967d9;
    --blue-dark: #0754b4;
    --muted: #62738a;
    --line: #e3e9f0;
    font-family: "Segoe UI", "Microsoft YaHei", system-ui, sans-serif;
}
[hidden] { display: none !important; }
.business-theme .main, .business-theme .shell { min-width: 0; }
.business-theme h1 { letter-spacing: -.5px; line-height: 1.35; }
.business-theme .page-heading p { color: var(--muted); font-size: 14px; line-height: 1.7; }
.business-theme .page-heading, .business-theme .heading-actions { gap: 16px; }
.business-theme .page-heading > div:first-child { min-width: 0; }
.business-theme .page-heading p { overflow-wrap: anywhere; }
.business-theme .panel, .business-theme .stat { box-shadow: none; border-color: var(--line); }
.business-theme .btn { min-height: 40px; font-size: 14px; font-weight: 500; padding: 9px 16px; line-height: 20px; }
.business-theme .btn.small { min-height: 34px; font-size: 13px; padding: 6px 12px; }
.business-theme .btn:hover { transform: none; }
.business-theme .btn.primary { background: var(--blue); border-color: var(--blue); box-shadow: none; }
.business-theme .btn.primary:hover { background: var(--blue-dark); border-color: var(--blue-dark); }
.business-theme .btn:disabled { opacity: .6; cursor: not-allowed; }
.business-theme .text-btn { line-height: 1.5; padding-top: 5px; padding-bottom: 5px; }
.business-theme :is(a, button, input, select, textarea, summary):focus-visible {
    outline: 3px solid #8cbbf4; outline-offset: 3px;
}
.business-theme :is(input, select, textarea)[aria-invalid=true] { border-color: #bb3442; }
.business-theme input:not([type=checkbox]):not([type=file]), .business-theme select, .business-theme textarea {
    font-size: 14px; min-height: 42px; color: #233b57;
}
.business-theme input::placeholder, .business-theme textarea::placeholder { color: #738197; opacity: 1; }
.business-theme label, .business-theme .filters label, .business-theme .filters label span { font-size: 13px; color: #42566f; }
.business-theme .muted, .business-theme .hint, .business-theme .micro, .business-theme .subline,
.business-theme .panel-note, .business-theme .pagination, .business-theme .page-footer { color: var(--muted); }
.business-theme .stat-top, .business-theme .stat > span { color: #52667e; }
.business-theme .stat em { font-size: 12px; color: var(--muted); }
.business-theme .stat strong small { color: var(--muted); font-size: 13px; }
.business-theme .panel-toolbar > div > .muted { font-size: 13px; }
.business-theme th { font-size: 13px; color: #40546d; }
.business-theme td { font-size: 14px; color: #354c66; }
.business-theme .money-cell, .business-theme .stat strong { font-variant-numeric: tabular-nums; }
.business-theme .money-cell { white-space: nowrap; }
.business-theme .badge { font-size: 12px; line-height: 18px; }
.business-theme .badge.success { color: #176d4f; background: #eff9f3; border-color: #cce8d8; }
.business-theme .badge.warning { color: #91450c; background: #fff6e9; border-color: #f2d8b3; }
.business-theme .badge.danger { color: #b43240; background: #fff2f3; border-color: #efcbd0; }
.business-theme .badge.neutral { color: #526780; }
.business-theme .platform-taobao { color: #bd4500; }
.business-theme .negative { color: #b43240 !important; }
.business-theme .product-copy .subline, .business-theme .product-copy .micro,
.business-theme .catalog-code, .business-theme .catalog-code .mono { color: var(--muted); font-size: 12px; }
.business-theme .product-copy strong, .business-theme .catalog-copy > strong { font-size: 14px; }
.business-theme .store-meta, .business-theme .store-links span, .business-theme .store-rule p { color: var(--muted); }

/* Linked records and search conditions share one highlighted strip below the form. */
.filter-heading { padding: 20px 22px 0; display: flex; justify-content: space-between; gap: 12px; align-items: center; }
.filter-heading h2 { font-size: 15px; margin: 0; }
.filter-heading > span { font-size: 12px; color: var(--muted); }
.business-theme .order-filters { padding-top: 16px; padding-bottom: 18px; border-bottom: 0; gap: 14px; }
.business-theme .order-filters .search-field { flex: 2 1 270px; }
.business-theme .order-filters label { flex: 1 1 140px; min-width: 0; }
.business-theme .order-filters .filter-actions { gap: 14px; }
.business-theme .order-filters input[type=date] { font-size: 13px; min-width: 0; }
.filter-summary { padding: 14px 22px; background: #f9fbfd; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); display: flex; align-items: center; flex-wrap: wrap; gap: 10px; font-size: 13px; color: var(--muted); }
.filter-summary.has-filters { background: #eaf3ff; border-color: #bfd8f7; color: #21538e; }
.filter-summary-label { font-weight: 600; flex-shrink: 0; }
.filter-chip { display: inline-flex; align-items: center; gap: 10px; padding: 6px 12px; min-height: 34px; border: 1px solid var(--blue); border-radius: 5px; background: var(--blue); color: #fff; max-width: 100%; overflow-wrap: anywhere; line-height: 1.5; }
a.filter-chip:hover { border-color: var(--blue-dark); background: var(--blue-dark); color: #fff; }
.filter-chip > span:first-child { min-width: 0; }
.filter-chip-remove { font-size: 18px; line-height: 1; flex-shrink: 0; }
.filter-summary-all { margin-left: auto; padding: 6px 0; color: #175aa8; text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; }
.filter-summary-all:hover { color: #0b4385; }
.business-theme .order-table { min-width: 1600px; }
.order-col-product { width: 298px; }
.order-col-number { width: 220px; }
.order-col-shop { width: 155px; }
.order-col-principal, .order-col-total { width: 110px; }
.order-col-commission { width: 96px; }
.order-col-time { width: 116px; }
.order-col-action { width: 76px; }
.business-theme .order-table th { padding: 13px 12px; }
.business-theme .order-table td { padding-top: 15px; padding-bottom: 15px; }
.order-table-wrap { max-height: none; overscroll-behavior: auto; scrollbar-color: #b4c1d2 #f4f7fb; scrollbar-width: auto; }
.order-table thead th { position: sticky; top: 0; z-index: 1; box-shadow: 0 1px var(--line); }
.business-theme .order-number { display: block; color: #263f5f; font-size: 13px; letter-spacing: -.25px; white-space: normal; overflow-wrap: anywhere; }
.business-theme .order-time-cell { font-family: inherit; font-size: 13px; font-variant-numeric: tabular-nums; color: #354c66; }
.business-theme .order-time-cell .subline { font-size: 13px; letter-spacing: .2px; margin-top: 4px; }
.business-theme .order-shop-cell { font-size: 13px; line-height: 1.7; }
.business-theme .detail-grid dl { font-size: 13px; }
.business-theme .source-record:target td:first-child { box-shadow: none; }

/* Five actual stages, shared by the upload and review pages. */
.import-steps { list-style: none; margin: 0 0 24px; padding: 18px 22px; display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap: 16px; background: white; border: 1px solid var(--line); border-radius: var(--radius); }
.import-steps li { display: flex; gap: 10px; align-items: center; color: #67788e; min-width: 0; }
.step-number { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; flex-shrink: 0; border: 1px solid #c6d1df; border-radius: 50%; background: white; color: #5e728c; font-size: 13px; }
.import-steps strong { display: block; font-size: 14px; font-weight: 500; color: #526780; }
.import-steps small { display: block; font-size: 12px; margin-top: 4px; line-height: 1.5; }
.import-steps .current strong { color: #0754b4; font-weight: 650; }
.import-steps .current .step-number { color: white; background: var(--blue); border-color: var(--blue); }
.import-steps .done .step-number { color: #176d4f; background: #eff9f3; border-color: #b9deca; }
.business-theme .import-grid { grid-template-columns: minmax(0,1fr) 330px; align-items: start; gap: 22px; }
.business-theme .import-form-panel { padding: 26px 28px; min-width: 0; }
.import-section { border: 0; padding: 0; margin: 0 0 26px; min-width: 0; }
.import-section + .import-section { padding-top: 24px; border-top: 1px solid var(--line); }
.import-section legend { display: contents; font-size: 16px; font-weight: 600; color: #263f5f; }
.import-section > label { margin: 14px 0 0; }
.import-section .form-grid { margin-top: 16px; gap: 18px; }
.import-section .form-grid label { margin: 0; }
.field-help { color: var(--muted); font-size: 13px; line-height: 1.8; margin: 8px 0 0; }
.required { color: #b43240; }
.amount-input { margin-top: 8px; display: flex; align-items: center; gap: 10px; border: 1px solid #d9e1ec; border-radius: 6px; background: white; padding: 0 13px; width: 320px; max-width: 100%; }
.amount-input:focus-within { outline: 3px solid #8cbbf4; outline-offset: 2px; }
.amount-input > span { flex-shrink: 0; color: #536b86; font-weight: 400; }
.business-theme .amount-input input { margin: 0; padding: 10px 0; border: 0; background: transparent; box-shadow: none; outline: 0; width: 100%; min-width: 0; font-size: 18px; font-variant-numeric: tabular-nums; }
.amount-input:has([aria-invalid=true]) { border-color: #bb3442; }
.field-error { display: block; margin-top: 7px; font-size: 13px; line-height: 1.65; color: #b43240; }
.form-error-summary { scroll-margin-top: 24px; }
.business-theme .upload-zone { margin: 16px 0 0; min-height: 188px; background: #fafcff; border-color: #b9cce5; border-radius: 7px; gap: 7px; padding: 20px; text-align: center; cursor: pointer; }
.business-theme .upload-zone:focus-within { outline: 3px solid #8cbbf4; outline-offset: 2px; }
.business-theme .upload-zone strong { font-size: 14px; font-weight: 500; color: #314e72; overflow-wrap: anywhere; max-width: 100%; }
.business-theme .upload-zone .upload-icon { width: 30px; height: 30px; margin-bottom: 0; }
.business-theme .upload-zone .upload-icon svg { width: 24px; height: 24px; }
.business-theme .upload-zone > span:not(.upload-icon) { font-size: 12px; color: var(--muted); }
.business-theme .upload-zone .upload-file-control { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 10px; max-width: 100%; margin: 7px 0; font-size: 13px; color: #4d6581; }
.upload-file-button { flex-shrink: 0; padding: 8px 12px; border: 1px solid #c7d6ea; border-radius: 5px; background: white; color: var(--blue); }
.upload-file-name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.business-theme .upload-file-control input { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
.upload-file-control:hover .upload-file-button { background: #f2f6fd; border-color: #a9bfdc; }
.upload-file-control:focus-within .upload-file-button { outline: 2px solid var(--blue); outline-offset: 2px; }
.form-bottom { display: flex; align-items: center; justify-content: space-between; gap: 16px; border-top: 1px solid var(--line); padding-top: 22px; }
.check-reassurance { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: #176d4f; }
.check-reassurance svg { width: 16px; height: 16px; }
.import-aside { min-width: 0; }
.business-theme .import-aside .import-guide { display: block; }
.import-selection h2, .import-guide h2 { font-size: 16px; margin: 0; }
.import-selection dl { margin: 22px 0; display: grid; grid-template-columns: 74px minmax(0,1fr); gap: 15px 12px; font-size: 13px; line-height: 1.7; }
.import-selection dt { color: var(--muted); }
.import-selection dd { margin: 0; color: #2f4867; overflow-wrap: anywhere; }
.import-selection .selection-fee { font-weight: 650; font-variant-numeric: tabular-nums; }
.selection-formula { padding: 13px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); font-size: 12px; color: #365477; line-height: 1.8; }
.import-guide-list { padding-left: 18px; margin: 15px 0; color: #526780; font-size: 13px; line-height: 1.9; }
.import-guide-list li + li { margin-top: 8px; }
.header-reference { padding-top: 13px; border-top: 1px solid var(--line); font-size: 13px; color: var(--muted); line-height: 1.8; }
.header-reference summary { color: var(--blue); cursor: pointer; padding: 4px 0; }
.header-reference p { margin: 10px 0 0; }
.import-issues { scroll-margin-top: 24px; }
.business-theme .issue-description { white-space: normal; min-width: 340px; max-width: 780px; line-height: 1.75; }
.business-theme .preview-grid { grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 22px; align-items: start; }
.fee-list { font-variant-numeric: tabular-nums; }
.business-theme .fee-list dt, .business-theme .fee-list dd { font-size: 14px; }
.business-theme .fee-list .fee-total { font-size: 19px; color: #16395f; }
.business-theme .fee-list .projected-balance { font-weight: 650; }
.confirm-facts { display: grid; grid-template-columns: 80px minmax(0,1fr); gap: 14px; margin: 20px 0 24px; font-size: 14px; }
.confirm-facts dt { color: var(--muted); }
.confirm-facts dd { margin: 0; overflow-wrap: anywhere; }
.duplicate-approval { padding: 16px; border: 1px solid #ecd5b6; background: #fffaf2; border-radius: 6px; margin-bottom: 18px; }
.duplicate-approval label { margin: 0 0 12px; }
.duplicate-approval label:last-child { margin-bottom: 0; }
.retry-import { display: block; text-align: center; margin-top: 12px; }
.image-reassurance { border-top: 1px solid var(--line); padding-top: 16px; margin-top: 20px; }

/* Account balance is the primary number; every secondary total links to its records. */
.store-account { display: grid; grid-template-columns: minmax(240px, .95fr) minmax(0, 2.4fr); overflow: hidden; }
.store-balance { padding: 26px 28px; background: #f4f8ff; border-right: 1px solid #dce7f7; }
.store-balance > span { font-size: 14px; color: #46658b; }
.account-balance { display: block; font-size: clamp(24px, 2.3vw, 42px); font-weight: 650; letter-spacing: -1px; font-variant-numeric: tabular-nums; color: #133f75; margin: 10px 0; line-height: 1.2; white-space: nowrap; }
.account-balance small { font-size: .58em; font-weight: 500; margin-right: 6px; }
.store-metrics { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); align-items: stretch; }
.account-metric { display: flex; flex-direction: column; justify-content: center; padding: 26px 24px; min-width: 0; border-right: 1px solid var(--line); color: #344f70; }
.account-metric:last-child { border-right: 0; }
.account-metric:hover { background: #fafcff; }
.account-metric > span { font-size: 14px; display: flex; justify-content: space-between; align-items: center; color: #526b88; gap: 8px; }
.account-metric svg { width: 15px; height: 15px; color: #738bad; flex-shrink: 0; }
.account-metric strong { display: block; font-size: 26px; font-weight: 600; font-variant-numeric: tabular-nums; letter-spacing: -.6px; line-height: 1.4; margin: 14px 0 12px; color: #203b5a; overflow-wrap: anywhere; }
.account-metric strong small { font-size: 14px; font-weight: 400; letter-spacing: 0; margin-right: 4px; color: #62738a; }
.account-metric > .metric-help { display: block; font-size: 12px; line-height: 1.8; color: var(--muted); }
.store-overview-grid { align-items: start; }
.business-theme .store-rule p, .business-theme .store-empty p { font-size: 12px; }

/* Shared success, failure, confirmation and focus states. */
.business-theme .notice { font-size: 14px; line-height: 1.8; overflow-wrap: anywhere; }
.notice > strong, .dismissible-notice strong { display: block; font-weight: 600; margin-bottom: 3px; }
.business-theme .notice.success { color: #176345; background: #f0f9f4; border-color: #cee7d8; }
.business-theme .notice.error { color: #a82e3b; background: #fff4f5; border-color: #edc9ce; }
.business-theme .notice.warning { color: #815015; background: #fff9ee; border-color: #ecdbb9; }
.business-theme .notice.info { color: #285a94; background: #f1f7ff; border-color: #d0e0f4; }
.notice-link { display: inline-block; margin-left: 12px; text-decoration: underline; text-underline-offset: 3px; color: inherit; }
.dismissible-notice { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; }
.dismissible-notice .icon-btn { color: inherit; flex-shrink: 0; }
.business-theme dialog { border-radius: 10px; padding: 26px; max-width: 540px; box-shadow: 0 20px 64px #13284133; }
.business-theme dialog::backdrop { background: #14243980; backdrop-filter: none; }
.business-theme .dialog-heading h2 { font-size: 20px; }
.business-theme .dialog-heading .icon-btn { width: 34px; height: 34px; font-size: 23px; }
.confirmation-message { font-size: 15px; line-height: 1.9; color: #354f6f; margin: 0; overflow-wrap: anywhere; }
.confirmation-reason { display: block; margin-top: 20px; }
.confirmation-reason textarea { display: block; width: 100%; margin-top: 8px; }
.action-feedback { position: fixed; bottom: 28px; left: calc(50% + var(--sidebar) / 2); transform: translateX(-50%); max-width: calc(100vw - 40px); padding: 12px 18px; background: #1e3856; color: white; border-radius: 7px; font-size: 14px; line-height: 1.6; box-shadow: 0 4px 20px #13284124; z-index: 120; }
.menu-backdrop { display: none; }
.business-theme.login-body { background: #f0f3f7; }
.business-theme .login-form-wrap input { min-height: 46px; }
.business-theme .login-form-wrap .btn { min-height: 46px; }

@media (max-width: 1380px) {
    .account-metric { padding: 24px 18px; }
    .account-metric strong { font-size: 23px; }
    .business-theme .import-grid { grid-template-columns: minmax(0,1fr) 300px; gap: 18px; }
}
@media (max-width: 1100px) {
    .business-theme .import-grid, .business-theme .preview-grid { grid-template-columns: minmax(0,1fr); }
    .import-aside { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
    .store-account { grid-template-columns: minmax(0,1fr); }
    .store-balance { border-right: 0; border-bottom: 1px solid #dce7f7; }
    .account-metric { padding: 22px; }
    .import-steps { gap: 12px; padding: 16px; }
    .import-steps li { gap: 8px; }
    .import-steps small { display: none; }
}
@media (max-width: 760px) {
    .business-theme .page-heading { align-items: flex-start; }
    .business-theme h1 { font-size: 24px; }
    .business-theme .main { padding: 20px 16px 0; }
    .business-theme .topbar { padding: 0 12px; gap: 8px; }
    .business-theme .breadcrumb { gap: 8px; min-width: 0; }
    .business-theme .breadcrumb > span { display: none; }
    .business-theme .breadcrumb strong { font-size: 13px; }
    .business-theme .user-chip { gap: 6px; font-size: 12px; }
    .business-theme .user-chip .muted { display: none; }
    .business-theme .top-actions { gap: 12px; }
    .business-theme.menu-open .sidebar { box-shadow: none; z-index: 101; }
    .menu-backdrop { display: block; position: fixed; inset: 0; width: 100%; height: 100%; border: 0; background: #10233d80; z-index: 100; }
    .business-theme .mobile-menu { min-width: 40px; min-height: 40px; }
    .business-theme .stats.three { grid-template-columns: minmax(0,1fr); }
    .business-theme .stats.three .stat { padding: 16px 18px; }
    .business-theme .stats.four .stat { padding: 14px; }
    .business-theme .stat strong.money { font-size: 21px; }
    .business-theme .stat strong { font-size: 26px; }
    .business-theme .stat em { font-size: 11px; line-height: 1.6; }
    .filter-heading { padding: 18px 16px 0; flex-wrap: wrap; gap: 6px; }
    .business-theme .order-filters { padding: 16px; }
    .business-theme .order-filters .search-field { flex-basis: 100%; }
    .business-theme .order-filters label { flex: 1 1 130px; }
    .filter-summary { padding: 12px 16px; }
    .business-theme .panel-toolbar { padding: 16px; flex-wrap: wrap; gap: 12px; }
    .business-theme .total-inline { font-size: 13px; }
    .import-steps { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px 12px; padding: 16px; }
    .import-steps strong { font-size: 12px; }
    .step-number { width: 24px; height: 24px; font-size: 12px; }
    .business-theme .import-form-panel { padding: 22px 18px; }
    .import-section .form-grid { grid-template-columns: minmax(0,1fr); gap: 16px; }
    .import-aside { grid-template-columns: minmax(0,1fr); gap: 0; }
    .form-bottom { flex-direction: column; align-items: stretch; gap: 14px; }
    .form-bottom .check-reassurance { justify-content: center; }
    .business-theme .upload-zone { padding: 18px 12px; }
    .business-theme .padded { padding: 22px 18px; }
    .confirm-facts { grid-template-columns: 72px minmax(0,1fr); gap: 12px; }
    .business-theme .fee-list .fee-total { font-size: 16px; }
    .notice-link { display: block; margin-left: 0; }
    .store-balance { padding: 24px; }
    .account-balance { font-size: 40px; }
    .store-metrics { grid-template-columns: minmax(0,1fr); }
    .account-metric { padding: 20px 24px; border-right: 0; border-bottom: 1px solid var(--line); }
    .account-metric:last-child { border-bottom: 0; }
    .account-metric strong { font-size: 26px; margin: 8px 0 4px; }
    .business-theme .btn.small, .business-theme .text-btn { min-height: 36px; }
    .business-theme dialog { padding: 22px; }
    .dialog-actions { flex-wrap: wrap; }
    .action-feedback { bottom: 18px; left: 50%; width: max-content; }
}
@media (prefers-reduced-motion: reduce) {
    .business-theme *, .business-theme *::before, .business-theme *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

/* Keep data rows within the first screen when an order scope is present. */
.business-theme .order-stats .stat { padding: 12px 18px; }
.business-theme .order-stats .stat-top { min-height: 25px; }
.business-theme .order-stats .stat-icon { width: 26px; height: 26px; border-radius: 6px; }
.business-theme .order-stats .stat-icon svg { width: 15px; height: 15px; }
.business-theme .order-stats .stat strong { font-size: 27px; margin-top: 4px; }
.business-theme .order-stats .stat strong.money { font-size: 24px; }
.business-theme .order-stats .stat em { border-top: 0; padding-top: 0; margin-top: 5px; }
@media (max-width: 760px) {
    .business-theme .order-stats .stat { padding: 12px; }
    .business-theme .order-stats .stat strong.money { font-size: 20px; }
}

@media (max-width: 760px) {
    .import-issues .table-wrap { overflow: visible; }
    .import-issues table, .import-issues tbody { display: block; min-width: 0; }
    .import-issues thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
    .import-issues tr { display: grid; grid-template-columns: 76px minmax(0,1fr); padding: 12px 16px; border-bottom: 1px solid var(--line); }
    .business-theme .import-issues td { padding: 4px 0; border: 0; font-size: 13px; }
    .business-theme .import-issues .issue-description { grid-column: 1 / -1; min-width: 0; max-width: none; padding-top: 10px; }
    .business-theme .import-issues .panel-note { padding: 14px 16px; }
}
/* Recharge evidence shares the existing forms, tables and account permissions. */
.recharge-layout { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: 24px; align-items: start; }
.recharge-layout .panel { margin-bottom: 0; min-width: 0; }
.recharge-layout h2 { font-size: 17px; margin: 0 0 20px; }
.recharge-layout label { font-size: 14px; margin-bottom: 18px; }
.recharge-layout .muted, .receipt-status { font-size: 13px; color: #52657c; line-height: 1.7; }
.recharge-section-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.recharge-section-heading h2 { margin-bottom: 0; }
.recharge-fields > .muted { margin: 12px 0 22px; }
.recharge-field-pair { display: grid; grid-template-columns: 1fr 1.6fr; gap: 16px; }
.recharge-field-pair > label { min-width: 0; }
.recharge-layout input[type=datetime-local] { min-width: 0; max-width: 100%; }
.business-theme .recharge-layout input::placeholder, .business-theme .recharge-layout textarea::placeholder { color: var(--muted); opacity: 1; }
.required-note, .optional-note { color: #52657c; font-size: 12px; font-weight: 400; }
.receipt-upload { border-top: 1px solid #e4eaf1; padding-top: 20px; }
.receipt-upload > label { margin-bottom: 6px; }
.receipt-upload input { padding: 8px; background: #f8fafc; }
.receipt-upload input::file-selector-button { border: 1px solid #cbd5e1; border-radius: 5px; padding: 8px 12px; margin-right: 12px; background: #fff; color: #25456b; cursor: pointer; }
.receipt-placeholder { min-height: 290px; padding: 28px; display: flex; flex-direction: column; gap: 12px; align-items: center; justify-content: center; text-align: center; background: #f5f7fa; border: 1px dashed #cbd5e1; border-radius: 8px; color: #52657c; font-size: 13px; }
.receipt-placeholder svg { width: 30px; height: 30px; }
.pending-receipts { display: grid; gap: 24px; }
.pending-receipt { min-width: 0; border-top: 1px solid #e4eaf1; padding-top: 16px; }
.pending-receipt-preview, .receipt-card > a { display: flex; position: relative; align-items: center; justify-content: center; background: #eef2f6; border-radius: 6px; overflow: hidden; cursor: zoom-in; }
.pending-receipt-preview img { width: 100%; height: 330px; object-fit: contain; padding: 10px; }
.pending-receipt-preview > span, .receipt-card > a > span { position: absolute; bottom: 12px; right: 12px; padding: 6px 10px; background: #fff; border: 1px solid #cbd5e1; border-radius: 5px; font-size: 12px; color: #25456b; }
.pending-receipt-heading { display: flex; align-items: start; justify-content: space-between; gap: 12px; margin-top: 12px; }
.pending-receipt-heading strong { overflow-wrap: anywhere; min-width: 0; font-size: 13px; }
.pending-receipt-heading button { flex-shrink: 0; }
.receipt-recognition-actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: start; }
.receipt-recognition-actions details { width: 100%; }
.receipt-recognition-actions summary { cursor: pointer; color: #275db3; font-size: 13px; padding: 6px 0; }
.receipt-recognition-actions pre { max-height: 220px; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; font: inherit; font-size: 12px; line-height: 1.8; padding: 12px; background: #f5f7fa; }
.business-theme .recharge-confirm { display: flex; align-items: flex-start; gap: 10px; padding: 18px 0; margin: 8px 0 0; border-top: 1px solid #e4eaf1; line-height: 1.7; font-weight: 400; }
.business-theme .recharge-confirm input { width: 18px; height: 18px; margin: 3px 0 0; flex: 0 0 18px; accent-color: #2563eb; }
.recharge-submit { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.recharge-detail-amount { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; padding-bottom: 22px; border-bottom: 1px solid #e4eaf1; }
.recharge-detail-amount > strong { font-size: 28px; font-variant-numeric: tabular-nums; }
.recharge-facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; margin: 24px 0 0; }
.recharge-facts dt { font-size: 12px; color: #52657c; margin-bottom: 8px; }
.recharge-facts dd { margin: 0; font-size: 14px; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.recharge-fact-wide { grid-column: span 2; }
.receipt-gallery { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; padding: 0 24px 24px; }
.receipt-card { margin: 0; min-width: 0; }
.receipt-card img { height: 330px; width: 100%; object-fit: contain; padding: 10px; }
.receipt-card figcaption { display: flex; justify-content: space-between; gap: 12px; font-size: 13px; padding-top: 12px; }
.receipt-card figcaption strong { min-width: 0; overflow-wrap: anywhere; font-weight: 500; }
.receipt-card figcaption > a { flex-shrink: 0; }
.receipt-lightbox.viewer-backdrop { background: rgba(15, 22, 32, .97); color: #f1f5f9; }
.receipt-lightbox .viewer-canvas { overscroll-behavior: contain; }
.receipt-lightbox .viewer-canvas > img { cursor: grab; }
.receipt-lightbox .viewer-canvas > img:active { cursor: grabbing; }
.receipt-lightbox .viewer-toolbar { bottom: 20px; }
.receipt-lightbox .viewer-toolbar > ul { margin: 0; padding: 6px; overflow: visible; }
.receipt-lightbox .viewer-toolbar > ul > li { width: 44px; height: 44px; border-radius: 8px; background: #303c4c; }
.receipt-lightbox .viewer-toolbar > ul > li + li { margin-left: 8px; }
.receipt-lightbox .viewer-toolbar > ul > li::before { margin: 12px; }
.receipt-lightbox .viewer-toolbar > ul > li:hover,
.receipt-lightbox .viewer-button:hover,
.receipt-lightbox .viewer-navigation > div:hover,
.receipt-lightbox-download:hover { background-color: #46566b; }
.receipt-lightbox [role="button"]:focus-visible,
.receipt-lightbox a:focus-visible,
.receipt-lightbox button:focus-visible { outline: 2px solid #a9ceff; outline-offset: 3px; box-shadow: none; }
.receipt-lightbox .viewer-title { bottom: 88px; max-width: calc(100% - 48px); min-height: 20px; padding: 4px 12px; border-radius: 6px; background: #202b3a; line-height: 20px; font-size: 13px; opacity: 1; color: #dbe4ee; }
.receipt-lightbox .viewer-button { width: 44px; height: 44px; top: 16px; right: 20px; border-radius: 8px; background: #303c4c; }
.receipt-lightbox .viewer-button::before { top: 12px; right: 12px; }
.receipt-lightbox .viewer-navigation > div { width: 44px; height: 44px; border-radius: 8px; background-color: #303c4c; }
.receipt-lightbox .viewer-navigation > div::before { margin: 12px; }
.receipt-lightbox .viewer-tooltip { height: auto; min-width: 64px; padding: 8px 12px; border-radius: 6px; background: #303c4c; font-size: 14px; }
.receipt-lightbox.viewer-transition { transition: opacity .16s ease-out; }
.receipt-lightbox-info { position: absolute; top: 16px; left: 24px; min-height: 44px; display: flex; align-items: center; gap: 16px; padding: 0 12px; border-radius: 6px; background: #202b3a; font-size: 13px; color: #dbe4ee; pointer-events: none; }
.receipt-lightbox-info output { min-width: 42px; font-variant-numeric: tabular-nums; color: #fff; }
.receipt-lightbox-touch-help { display: none; }
.receipt-lightbox-download { position: absolute; top: 16px; right: 76px; min-height: 44px; display: inline-flex; align-items: center; gap: 8px; padding: 0 14px; border-radius: 8px; background: #303c4c; color: #fff !important; font-size: 13px; }
.receipt-lightbox-download svg { width: 18px; height: 18px; }
.receipt-lightbox-error { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: min(360px, calc(100% - 48px)); text-align: center; padding: 24px; background: #202b3a; border-radius: 10px; }
.receipt-lightbox-error strong { color: #fff; font-size: 16px; }
.receipt-lightbox-error p { color: #dbe4ee; font-size: 13px; }
.receipt-lightbox-error > div { display: flex; justify-content: center; gap: 12px; }
.receipt-lightbox-error button, .receipt-lightbox-error a { min-height: 44px; padding: 10px 14px; border: 1px solid #7f94b0; border-radius: 6px; color: #fff; background: transparent; font: inherit; font-size: 13px; cursor: pointer; }
@media(max-width: 1150px) {
  .recharge-layout { grid-template-columns: 1fr; }
  .recharge-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .receipt-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media(max-width: 600px) {
  .recharge-field-pair { grid-template-columns: 1fr; gap: 0; }
  .recharge-facts { grid-template-columns: 1fr; gap: 20px; }
  .recharge-fact-wide { grid-column: auto; }
  .receipt-gallery { grid-template-columns: 1fr; padding: 0 16px 20px; }
  .recharge-submit .btn { width: 100%; }
  .receipt-lightbox-info { left: 12px; top: 8px; gap: 8px; padding: 0 8px; font-size: 12px; }
  .receipt-lightbox-desktop-help { display: none; }
  .receipt-lightbox-touch-help { display: inline; }
  .receipt-lightbox-download { top: 8px; right: 64px; padding: 0 10px; }
  .receipt-lightbox-download svg { display: none; }
  .receipt-lightbox .viewer-button { top: 8px; right: 12px; }
  .receipt-lightbox .viewer-toolbar { bottom: max(8px, env(safe-area-inset-bottom)); }
  .receipt-lightbox .viewer-toolbar > ul > li + li { margin-left: 4px; }
  .receipt-lightbox .viewer-title { bottom: calc(76px + env(safe-area-inset-bottom)); max-width: calc(100% - 24px); font-size: 12px; }
}
@media(prefers-reduced-motion: reduce) {
  .receipt-lightbox .viewer-transition, .receipt-lightbox.viewer-transition { transition: none; }
}

/* Configurable branding and administrator system settings. */
.business-theme .brand { min-width: 0; flex-shrink: 0; }
.brand-copy { display: block; min-width: 0; }
.brand-name, .brand-copy > small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.business-theme .brand-mark { flex-shrink: 0; }
.business-theme .brand-mark.custom-brand-mark { background: transparent; box-shadow: none; }
.brand-mark img, .settings-logo-sample img { display: block; width: 100%; height: 100%; object-fit: contain; }
.business-theme .sidebar .workspace, .business-theme .sidebar-bottom { flex-shrink: 0; }
.business-theme .sidebar nav { flex: 1; min-height: 0; overflow-y: auto; overscroll-behavior: contain; }
.business-theme .nav-item > span:not(.nav-dot) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
.business-theme .nav-item svg, .business-theme .nav-dot { flex-shrink: 0; }
.business-theme .login-brand { min-width: 0; gap: 12px; max-width: 100%; }
.business-theme .login-brand .brand-copy { flex: 1; }
.business-theme .login-brand .brand-copy small { margin-left: 0; letter-spacing: 0; margin-top: 4px; }
/* Built-in mark sits directly on the sidebar colour; uploaded logos keep their own lockup. */
.business-theme .brand { gap: 11px; }
.business-theme .brand-mark { width: 40px; height: 40px; border-radius: 10px; box-shadow: none; }
.business-theme .brand-name { font-size: 20px; font-weight: 650; letter-spacing: .6px; color: #fff; line-height: 1.2; }
.business-theme .brand-copy small { font-size: 10px; letter-spacing: .3px; }
.business-theme .login-brand .brand-mark { width: 44px; height: 44px; }
.business-theme .login-brand .brand-name { font-size: 27px; letter-spacing: 1.2px; }
.settings-preview-brand strong { font-size: 17px; letter-spacing: .4px; }
.business-theme .brand.brand-lockup,
.business-theme .login-brand.brand-lockup,
.settings-preview-brand.brand-lockup {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 5px;
}
.brand-lockup .brand-copy { flex: none; width: 100%; }
.business-theme .brand.brand-lockup small { font-size: 10px; line-height: 14px; letter-spacing: .4px; }
.business-theme .login-brand.brand-lockup { width: 246px; gap: 10px; }
.business-theme .login-brand.brand-lockup .brand-mark { margin: 0; }
.business-theme .login-brand.brand-lockup .brand-copy { flex: none; }
.business-theme .login-brand.brand-lockup small { margin: 0; font-size: 11px; }
.settings-preview-brand.brand-lockup { gap: 8px; }
.settings-preview-brand.brand-lockup .brand-mark { max-width: 180px; }
.business-theme .page-footer > span:first-child { min-width: 0; overflow-wrap: anywhere; }
.system-settings-form { min-width: 0; }
.settings-tabs { display: flex; gap: 24px; border-bottom: 1px solid #d7e1ec; margin-bottom: 24px; }
.settings-tabs [role="tab"] { min-height: 46px; padding: 8px 3px 12px; color: #52647c; background: transparent; border: 0; border-bottom: 2px solid transparent; font-weight: 500; white-space: nowrap; }
.settings-tabs [role="tab"]:hover { color: var(--blue); }
.settings-tabs [role="tab"][aria-selected="true"] { color: var(--blue); border-bottom-color: var(--blue); }
.settings-layout { display: grid; grid-template-columns: minmax(0, 1fr) 260px; align-items: start; gap: 24px; }
.settings-editor { min-width: 0; }
.settings-brands { padding: 0 24px; }
.settings-brand-section { padding: 24px 0; }
.settings-brand-section + .settings-brand-section { border-top: 1px solid var(--line); }
.settings-section-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 20px; }
.settings-section-heading h2 { margin-bottom: 5px; }
.settings-section-heading p { color: #52647c; margin: 0; font-size: 13px; line-height: 1.7; max-width: 56ch; }
.settings-section-heading:has(+ [hidden]) { margin-bottom: 0; }
.settings-brand-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.settings-brand-fields label, .settings-logo-controls label { font-size: 13px; color: #334e6b; }
.settings-brand-fields input { margin-top: 8px; }
.settings-logo-row { display: flex; align-items: flex-start; gap: 18px; margin-top: 16px; }
.settings-logo-sample { display: flex; align-items: center; justify-content: center; width: 76px; height: 76px; padding: 8px; border: 1px solid #d7e1ee; border-radius: 8px; background: var(--sample-bg, #f5f8fc); color: #2769bb; flex-shrink: 0; }
.settings-logo-sample > svg { width: 32px; height: 32px; }
.settings-logo-controls { flex: 1; min-width: 0; }
.settings-logo-controls input[type="file"] { display: block; max-width: 100%; width: 100%; margin-top: 8px; height: auto; padding: 6px; font-size: 12px; background: #fff; }
.settings-logo-controls input::file-selector-button { padding: 7px 12px; color: #235c9a; background: #f4f8fd; border: 1px solid #c6d6e9; border-radius: 4px; margin-right: 10px; cursor: pointer; }
.settings-logo-controls .field-help { color: #52647c; font-size: 12px; margin: 8px 0; }
.settings-check, .settings-toggle, .settings-menu-visible { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; cursor: pointer; }
.settings-toggle { padding: 8px 0; flex-shrink: 0; white-space: nowrap; }
.system-settings-form input[type="checkbox"] { accent-color: var(--blue); width: 17px; height: 17px; flex-shrink: 0; margin: 0; }
.settings-field-error { display: block; font-size: 12px; color: #b02235; line-height: 1.7; margin-top: 6px; }
.system-settings-form [aria-invalid="true"] { border-color: #ba3547; }
.settings-form-error { margin-bottom: 20px; }
.settings-preview { position: sticky; top: 24px; min-width: 0; }
.settings-preview-heading { display: flex; gap: 12px; align-items: center; justify-content: space-between; margin-bottom: 12px; }
.settings-preview-heading label { color: #334e6b; font-weight: 600; font-size: 13px; margin: 0; white-space: nowrap; }
.settings-preview-heading select { width: 132px; min-width: 0; height: 38px; font-size: 13px; padding: 6px 10px; }
.settings-preview-sidebar { background: #071d32; color: #d6e2f0; border-radius: 8px; padding: 22px 14px 16px; }
.settings-preview-brand { display: flex; align-items: center; gap: 12px; padding: 0 6px 8px; }
.settings-preview-brand strong { display: block; color: #fff; font-size: 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.settings-preview-brand small { color: #b4c3d3; font-size: 11px; margin-top: 4px; }
.settings-preview-group { font-size: 12px; color: #9bb0c6; margin: 22px 10px 9px; }
.settings-preview-item { display: flex; align-items: center; gap: 12px; min-height: 43px; padding: 8px 10px; font-size: 13px; color: #c7d6e6; }
.settings-preview-item svg { width: 18px; height: 18px; flex-shrink: 0; }
.settings-preview-item span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.settings-preview-help { color: #52647c; font-size: 12px; line-height: 1.7; margin: 12px 0 0; }
.settings-menu-panel .panel-toolbar { padding: 22px; }
.settings-menu-panel > .settings-field-error { margin: 10px 22px; }
.settings-menu-group { padding: 18px 22px 0; }
.settings-menu-group h3 { margin: 0; color: #334e6b; font-size: 13px; }
.settings-menu-group p { margin: 6px 0 0; font-size: 12px; color: #52647c; }
.settings-menu-list { list-style: none; margin: 0; padding: 0 22px; }
.settings-menu-row { display: grid; grid-template-columns: minmax(140px, 1.3fr) minmax(120px, 1fr) 60px 132px; gap: 16px; align-items: start; padding: 20px 0; border-bottom: 1px solid var(--line); }
.settings-menu-list .settings-menu-row:last-child { border-bottom: 0; }
.settings-menu-row label { min-width: 0; color: #334e6b; font-size: 12px; margin: 0; }
.settings-menu-row input:not([type="checkbox"]), .settings-menu-row select { margin-top: 7px; height: 40px; font-size: 13px; }
.settings-menu-name small { display: block; color: #52647c; margin-top: 6px; font-size: 11px; }
.settings-icon-control { display: flex; align-items: center; gap: 8px; }
.settings-icon-control > span { color: #526f8e; padding-top: 7px; }
.settings-icon-control > select { min-width: 0; flex: 1; }
.settings-menu-visible { min-height: 44px; margin-top: 22px !important; }
.settings-menu-order { display: grid; grid-template-columns: 38px 1fr; gap: 6px; }
.settings-menu-order input { padding: 8px 2px; text-align: center; appearance: textfield; -moz-appearance: textfield; }
.settings-menu-order input::-webkit-inner-spin-button { display: none; }
.settings-menu-order > .settings-field-error { grid-column: 1 / -1; }
.settings-order-actions { display: flex; gap: 2px; margin-top: 23px; }
.settings-order-actions .btn { width: 44px; min-height: 44px; padding: 8px; }
.settings-order-actions .btn:disabled { cursor: default; opacity: .38; }
.settings-menu-panel .panel-note { color: #52647c; font-size: 12px; margin: 0; }
.settings-save-bar { position: sticky; bottom: 0; z-index: 12; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 16px 20px; margin: 20px 0 8px; border: 1px solid #d7e1ec; border-radius: 8px 8px 0 0; background: #fff; }
.settings-save-bar > span { color: #52647c; font-size: 13px; }
.settings-save-bar > div { display: flex; gap: 10px; flex-shrink: 0; }
.settings-save-bar .btn { min-height: 44px; }
@media (max-width: 1200px) {
  .settings-layout { grid-template-columns: minmax(0, 1fr) 230px; gap: 18px; }
  .settings-menu-row { grid-template-columns: minmax(130px, 1fr) minmax(115px, 1fr); }
  .settings-menu-visible { margin-top: 0 !important; }
  .settings-menu-order { grid-template-columns: 50px 1fr; }
  .settings-order-actions { justify-content: flex-end; }
}
@media (max-width: 900px) {
  .settings-layout { grid-template-columns: minmax(0, 1fr); }
  .settings-preview { position: static; max-width: 360px; width: 100%; }
  .settings-brand-fields { grid-template-columns: minmax(0, 1fr); gap: 12px; }
}
@media (max-width: 520px) {
  .settings-tabs { gap: 16px; }
  .settings-tabs [role="tab"] { font-size: 13px; }
  .settings-brands { padding: 0 16px; }
  .settings-section-heading { flex-wrap: wrap; gap: 8px; }
  .settings-logo-row { gap: 12px; }
  .settings-logo-sample { width: 56px; height: 56px; }
  .settings-menu-list { padding: 0 16px; }
  .settings-menu-panel .panel-toolbar, .settings-menu-group { padding-left: 16px; padding-right: 16px; }
  .settings-menu-row { gap: 12px; }
  .settings-menu-name { grid-column: 1 / -1; }
  .settings-menu-visible { margin-top: 22px !important; justify-content: flex-end; }
  .settings-menu-order { grid-column: 1 / -1; grid-template-columns: 50px 1fr; }
  .settings-save-bar { flex-wrap: wrap; gap: 10px; padding: 12px 14px; }
  .settings-save-bar > div { width: 100%; }
  .settings-save-bar .btn { flex: 1; }
}

/* Batch withdrawal, manual adjustment and their ledger notes. */
.business-theme .btn.danger { color: #b43240; border-color: #efcbd0; background: #fff6f6; }
.business-theme .btn.danger:hover { color: #97202c; border-color: #e3a9b0; background: #fff0f1; }
.business-theme .btn.danger:disabled { color: #b43240; opacity: .5; }

/* Import review: one horizontal panel for amounts, entry facts and the current action. */
.import-review { padding: 24px 26px; }
.review-grid { display: grid; grid-template-columns: minmax(0, 38%) minmax(0, 1fr); column-gap: 0; position: relative; }
.review-grid::before { display: none; }
.review-col { min-width: 0; position: relative; padding-right: 56px; }
.review-col + .review-col { border-left: 1px solid #e7ecf2; padding-left: 56px; padding-right: 0; }
.review-block + .review-block { margin-top: 22px; padding-top: 20px; border-top: 1px solid #edf0f5; }
.review-block h2 { margin: 0 0 14px; font-size: 16px; }
.review-block .confirm-facts { margin: 0; }
.review-action .btn { min-width: 220px; }
.review-action .retry-import { display: inline-block; margin-top: 12px; }
.review-side h3 { margin: 0 0 8px; font-size: 14px; color: #b43240; }
.review-side p { margin: 0 0 10px; color: #6d7e94; font-size: 13px; line-height: 1.8; }
.review-side textarea { min-height: 54px; }
.review-side .review-reverse-form { display: flex; gap: 12px; align-items: stretch; }
.review-side .review-reverse-form textarea { flex: 1 1 auto; margin: 0; }
.review-side .review-reverse-form .btn { margin-top: 0; align-self: flex-end; flex: 0 0 auto; }
.review-side-note h3, .review-side-record h3 { color: #24364d; }
.review-side-record .reversal-reason { white-space: pre-wrap; line-height: 1.8; }
@media (max-width: 1200px) {
  .review-grid { grid-template-columns: minmax(0, 1fr); row-gap: 22px; }
  .review-grid::before { display: none; }
  .review-col + .review-col { border-top: 1px solid #edf0f5; padding-top: 22px; }
}
.ledger-net-note { color: #6d7e94; font-size: 12px; margin: -8px 0 16px; }
.ledger-net-note strong { color: #24364d; font-variant-numeric: tabular-nums; }
.refund-dot { background: #4a9c7d; }
.strike { text-decoration: line-through; text-decoration-color: #b8c3d1; }
.business-theme .badge + .badge { margin-left: 6px; }
.business-theme td .badge.danger + .subline { margin-top: 4px; }

/* Enterprise overview: balance block without helper copy, plus four whole-area shortcuts. */
.account-metric strong { margin: 14px 0 2px; }
.store-quick { display: grid; grid-template-columns: minmax(128px, .42fr) minmax(0, .86fr) minmax(0, .86fr) minmax(0, .86fr); margin-bottom: 20px; background: #fff; border: 1px solid #e7ecf2; border-radius: 9px; box-shadow: 0 2px 6px #18345205; overflow: hidden; }
.quick-label { display: flex; align-items: center; padding: 16px 20px; border-right: 1px solid var(--line); font-size: 13px; font-weight: 600; color: #6b7d94; letter-spacing: .2px; white-space: nowrap; }
.quick-tile { display: flex; align-items: center; gap: 12px; min-width: 0; padding: 16px 20px; border-right: 1px solid var(--line); color: #344f70; }
.quick-tile:last-child { border-right: 0; }
.quick-tile:hover { background: #f7faff; color: #1f4f8f; }
.quick-tile:focus-visible { outline: 3px solid #a7c3ff; outline-offset: -3px; }
.quick-icon { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 9px; background: #edf4ff; color: #1a6de3; flex-shrink: 0; }
.quick-icon svg { width: 19px; height: 19px; }
.quick-copy { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1; }
.quick-copy strong { font-size: 14px; font-weight: 600; color: #203b5a; }
.quick-copy small { font-size: 12px; line-height: 1.6; color: #7c8ca0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.quick-tile > svg { width: 16px; height: 16px; color: #9aadc5; flex-shrink: 0; }
.quick-tile:hover > svg { color: #3b6db3; }


/* Shared sidebar colour from system settings; hover and inner cards derive from it. */
.business-theme .nav-item:hover { background: #14314f; background: color-mix(in srgb, var(--sidebar-bg, #071d32) 82%, #ffffff 18%); }
.business-theme .sidebar .workspace { background: #102a43; background: color-mix(in srgb, var(--sidebar-bg, #071d32) 88%, #ffffff 12%); }
.business-theme .sidebar-bottom { border-top-color: #20364c; border-top-color: color-mix(in srgb, var(--sidebar-bg, #071d32) 76%, #ffffff 24%); }

/* Sidebar colour field in system settings. */
.settings-sidebar-panel { margin-top: 20px; padding: 0 24px 24px; }
.settings-sidebar-row { display: flex; align-items: center; gap: 30px; flex-wrap: wrap; }
.settings-color-field { display: flex; align-items: center; gap: 12px; font-size: 13px; color: #52647c; }
.settings-color-field input[type=color] { width: 46px; height: 36px; padding: 2px; border: 1px solid #d9e1ec; border-radius: 6px; background: #fff; cursor: pointer; }
.settings-swatches { display: flex; gap: 10px; }
.settings-swatch { width: 32px; height: 32px; padding: 0; border-radius: 8px; border: 2px solid #fff; box-shadow: 0 0 0 1px #d7e0ec; background: var(--swatch); cursor: pointer; }
.settings-swatch:hover { box-shadow: 0 0 0 1px #b6c6db; }
.settings-swatch.is-active { box-shadow: 0 0 0 2px #0866f6; }
.settings-sidebar-panel .settings-field-error { display: block; margin-top: 12px; }
/* Full-width original logo in the brand row. */
.business-theme .brand.brand-lockup { height: auto; margin: 0; padding: 10px 14px; gap: 0; align-items: stretch; }
.brand-lockup .brand-mark.brand-logo,
.settings-preview-brand .brand-mark.brand-logo { width: 100%; height: auto; border-radius: 0; background: transparent; box-shadow: none; }
.brand-lockup .brand-mark.brand-logo img { width: 100%; height: auto; object-fit: contain; display: block; }
.business-theme .login-brand.brand-lockup { width: 100%; max-width: 280px; margin: 0; padding: 0; gap: 0; }
/* Login page redesign: deep brand panel on the left, quiet card on the right. */
.business-theme.login-body { background: #f5f7fb; }
.business-theme .login-shell { min-height: 100vh; display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(440px, .88fr); background: #f5f7fb; }
.business-theme .login-story {
  position: relative; overflow: hidden; padding: 42px 56px 34px; color: #fff; display: flex; flex-direction: column;
  background:
    radial-gradient(900px 620px at 12% 18%, #1d4f9c 0%, transparent 62%),
    radial-gradient(760px 520px at 102% 104%, #0d2c55 0%, transparent 58%),
    linear-gradient(158deg, #0a1c33 0%, #102f57 54%, #0a1c33 100%);
}
.business-theme .login-story::before {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background-image: linear-gradient(#ffffff0a 1px, transparent 1px), linear-gradient(90deg, #ffffff0a 1px, transparent 1px);
  background-size: 46px 46px;
  -webkit-mask-image: radial-gradient(circle at 28% 26%, #000 0%, transparent 76%);
  mask-image: radial-gradient(circle at 28% 26%, #000 0%, transparent 76%);
}
.business-theme .login-story-top { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.business-theme .login-story .login-brand { display: block; width: 196px; max-width: 52%; flex: none; }
.business-theme .login-story .login-brand img { display: block; width: 100%; height: auto; border-radius: 10px; box-shadow: 0 14px 34px #0004; }
.business-theme .story-badge { flex: none; font-size: 12px; letter-spacing: .4px; color: #d3e2fb; padding: 6px 12px; border-radius: 999px; border: 1px solid #ffffff2e; background: #ffffff10; }
.business-theme .story-copy { position: relative; z-index: 1; margin: auto 0; padding: 42px 0 34px; max-width: 540px; }
.business-theme .story-copy h1 { margin: 0 0 18px; font-size: 40px; line-height: 1.34; letter-spacing: .6px; font-weight: 650; color: #fff; }
.business-theme .story-copy > p { margin: 0 0 32px; max-width: 460px; color: #b7c9e4; font-size: 15px; line-height: 1.95; }
.business-theme .story-points { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; max-width: 470px; }
.business-theme .story-points li { display: flex; align-items: flex-start; gap: 14px; padding: 14px 16px; border-radius: 12px; border: 1px solid #ffffff1c; background: #ffffff0c; }
.business-theme .point-icon { flex: 0 0 auto; width: 36px; height: 36px; border-radius: 9px; background: #ffffff18; color: #dbe8ff; display: flex; align-items: center; justify-content: center; }
.business-theme .point-icon svg { width: 18px; height: 18px; }
.business-theme .story-points strong { display: block; font-size: 14px; font-weight: 600; color: #f2f7ff; margin-bottom: 3px; }
.business-theme .story-points small { display: block; font-size: 12px; line-height: 1.6; color: #a8bcd8; }
.business-theme .story-foot { position: relative; z-index: 1; display: flex; align-items: center; gap: 9px; font-size: 12px; color: #93aac9; }
.business-theme .story-foot .dot { width: 6px; height: 6px; border-radius: 50%; background: #34d399; box-shadow: 0 0 0 4px #34d39926; }
.business-theme .login-form-area { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 48px 40px; background: #f5f7fb; }
.business-theme .login-card { width: 100%; max-width: 400px; padding: 36px 36px 28px; border-radius: 18px; border: 1px solid #e4ebf4; background: #fff; box-shadow: 0 24px 60px #16345c14; }
.business-theme .login-eyebrow { display: inline-block; margin-bottom: 16px; padding: 5px 11px; border-radius: 999px; background: #edf4ff; color: #4d6b96; font-size: 12px; letter-spacing: .3px; }
.business-theme .login-card h2 { margin: 0 0 8px; font-size: 26px; letter-spacing: .4px; color: #16233a; font-weight: 650; }
.business-theme .login-card .login-sub { margin: 0 0 24px; font-size: 13px; color: #7d8ca3; }
.business-theme .login-card .notice { margin: 0 0 16px; }
.business-theme .login-form { display: grid; gap: 16px; }
.business-theme .login-field { display: block; margin: 0; font-size: 12px; font-weight: 500; color: #5a6c86; }
.business-theme .login-field input:not([type=checkbox]) { display: block; width: 100%; height: 46px; margin-top: 8px; padding: 0 14px; border-radius: 10px; border: 1px solid #dbe4ef; background: #fbfdff; color: #16233a; font-size: 14px; }
.business-theme .login-field input:not([type=checkbox]):focus { outline: none; border-color: #2f6be3; background: #fff; box-shadow: 0 0 0 4px #2f6be31a; }
.business-theme .login-field input::placeholder { color: #a7b3c5; }
.business-theme .password-field { position: relative; }
.business-theme .password-field input:not([type=checkbox]) { padding-right: 64px; }
.business-theme .password-field button { position: absolute; right: 8px; top: 50%; transform: translateY(calc(-50% + 4px)); height: 30px; padding: 0 10px; border: 0; border-radius: 7px; background: transparent; color: #5b7ba8; font-size: 12px; cursor: pointer; }
.business-theme .password-field button:hover { background: #eef4ff; color: #2f6be3; }
.business-theme .login-submit { display: flex; align-items: center; justify-content: space-between; width: 100%; height: 48px; margin-top: 6px; padding: 0 18px; border-radius: 10px; font-size: 14px; }
.business-theme .login-submit span { font-size: 18px; }
.business-theme .login-help { margin-top: 22px; padding-top: 18px; border-top: 1px solid #edf1f7; }
.business-theme .login-help strong { display: block; font-size: 12px; font-weight: 600; color: #5a6c86; }
.business-theme .login-help p { margin: 6px 0 0; font-size: 11px; line-height: 1.9; color: #95a3b7; }
.business-theme .login-footnote { margin: 22px 0 0; font-size: 11px; letter-spacing: .5px; color: #a4b0c1; }
@media (max-width: 1024px) {
  .business-theme .login-shell { grid-template-columns: minmax(0, 1fr); }
  .business-theme .login-story { padding: 28px 28px 24px; }
  .business-theme .story-copy { padding: 28px 0 22px; }
  .business-theme .story-copy h1 { font-size: 30px; }
  .business-theme .story-points { max-width: none; }
  .business-theme .login-form-area { padding: 30px 20px 48px; }
}
@media (max-width: 620px) {
  .business-theme .story-copy h1 { font-size: 25px; }
  .business-theme .login-card { padding: 28px 22px 22px; }
}
/* Receipt lightbox close control and product link fields. */
.receipt-lightbox-close{position:fixed;top:18px;right:20px;width:44px;height:44px;border:0;border-radius:50%;background:#303c4c;color:#fff;font-size:24px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2147483000;box-shadow:0 6px 18px #0006}
.receipt-lightbox-close:hover{background:#46566b}
.image-link-field{display:block;margin-top:12px;font-size:12px;color:#5a6c86}
.image-link-field input{display:block;width:100%;height:42px;margin-top:6px;padding:0 12px;border:1px solid #dbe4ef;border-radius:8px;font-size:13px;background:#fbfdff}
.image-link-field input:focus{outline:none;border-color:#2f6be3;box-shadow:0 0 0 3px #2f6be31a;background:#fff}
.link-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.link-mode{display:inline-flex;overflow:hidden;border:1px solid #dbe4ef;border-radius:6px;background:#f5f8fc}
.link-mode button{border:0;background:none;padding:4px 12px;font-size:11px;line-height:1.6;color:#7b8ea6;transition:background .16s,color .16s}
.link-mode button+button{border-left:1px solid #e3eaf4}
.link-mode button[aria-pressed="true"]{background:#fff;color:#1677ff;font-weight:600;box-shadow:0 1px 2px #10243c12}
.link-mode button:disabled{color:#c4cedb;cursor:not-allowed}
.link-mode button:not(:disabled):hover{color:#1677ff}
.link-box,.link-input{display:block;width:100%;margin-top:7px;border:1px solid #e3eaf4;border-radius:8px;color:#33475f;background:#f4f7fb;font-size:12px;line-height:1.5}
.link-box{padding:11px 12px;word-break:break-all}
.link-box:hover{border-color:#c6dbf7;color:#1677ff}
.link-input{height:39px;padding:0 12px;font-size:13px;background:#fff}
.link-input:focus{outline:none;border-color:#2f6be3;box-shadow:0 0 0 3px #2f6be31a}
.link-hint{margin:7px 0 0;font-size:11px;color:#93a1b3;line-height:1.6}
.order-product-link{color:#2f6be3;font-weight:500}
/* Recharge edit form and ledger row actions. */
.ledger-row-actions{white-space:nowrap;text-align:left}
.ledger-row-actions form{display:inline;margin:0 0 0 10px}
.ledger-row-actions .text-btn{padding:0;background:none;border:0;cursor:pointer;font-size:12px;color:#2f6be3}
.ledger-row-actions .danger{color:#d14343}
.recharge-edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px}
.recharge-edit-grid label{display:block;font-size:12px;color:#5a6c86}
.recharge-edit-grid input,.recharge-edit-grid select,.recharge-edit-grid textarea{display:block;width:100%;margin-top:6px;height:42px;padding:0 12px;border:1px solid #dbe4ef;border-radius:8px;font-size:14px;background:#fbfdff;color:#16233a}
.recharge-edit-grid textarea{height:auto;padding:10px 12px;line-height:1.7}
.recharge-edit-grid input:focus,.recharge-edit-grid select:focus,.recharge-edit-grid textarea:focus{outline:none;border-color:#2f6be3;box-shadow:0 0 0 3px #2f6be31a;background:#fff}
.recharge-edit-wide{grid-column:1/-1}
.recharge-edit-receipts{margin-top:18px;font-size:12px;color:#5a6c86}
.recharge-edit-receipts div{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.recharge-edit-receipts img{width:64px;height:64px;object-fit:cover;border-radius:6px;border:1px solid #e4ebf4}
/* Inline recharge row actions keep the enterprise table compact. */
.ew-row-actions{display:inline-flex;align-items:center;gap:10px;margin-left:12px;vertical-align:middle}
.ew-row-actions form{display:inline;margin:0}
.ew-row-actions .text-btn{padding:0;background:none;border:0;font-size:12px;color:#2f6be3;cursor:pointer;line-height:1.4}
.ew-row-actions .text-btn:hover{text-decoration:underline}
.ew-row-actions .text-btn.danger{color:#d14343}
/* Five-column recharge table with balanced widths. */
.ew-recharges-table{width:100%;table-layout:fixed}
.ew-recharges-table th,.ew-recharges-table td{padding-left:14px;padding-right:14px}
.ew-recharges-table .ew-row-actions{white-space:nowrap;display:table-cell;margin-left:0}
.ew-recharges-table .ew-row-actions .text-btn{margin-left:14px}
.ew-recharges-table .ew-row-actions .text-btn:first-child{margin-left:0}
.ew-recharges-table .ew-memo{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* Balanced ledger columns so the amount and balance sit closer to the detail column. */
.ledger-table{width:100%;table-layout:fixed}
.ledger-table th,.ledger-table td{padding-left:14px;padding-right:14px}
.ledger-table td{overflow-wrap:anywhere;white-space:normal}
.ledger-table td.micro,.ledger-table td:first-child,.ledger-table .money-cell,.ledger-table .ledger-row-actions{white-space:nowrap}
/* Nudge the detail column right by 10px. */
.ledger-admin th:nth-child(6),.ledger-admin td:nth-child(6){padding-left:59px}
.ledger-merchant th:nth-child(6),.ledger-merchant td:nth-child(6){padding-left:94px}
/* Keep the overview tiles clickable above any decorative layer. */
.account-metric,.quick-tile{cursor:pointer;position:relative;z-index:1}
/* Four-column finance stats, including the enterprise balance for merchants. */
.business-theme .stats.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.business-theme .stats.four .stat strong.money{font-size:24px;white-space:nowrap}
/* Keep the merchant amount column away from the card edge. */
.ledger-merchant th:last-child,.ledger-merchant td:last-child{padding-right:48px}
.ledger-merchant th:last-child{padding-right:96px}
/* Nudge the merchant type column right by 20px. */
.ledger-merchant th:nth-child(5),.ledger-merchant td:nth-child(5){padding-left:34px}
/* Merchant product page keeps a single summary card. */
.business-theme .stats.one{grid-template-columns:repeat(3,minmax(0,1fr))}
/* Background import checks share the existing desktop import workspace. */
.import-job-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:22px}
.import-job-panel{padding:26px 28px;min-width:0}
.import-job-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}
.import-job-heading h2{margin:12px 0 0;font-size:18px;line-height:1.5;font-weight:600;overflow-wrap:anywhere}
.import-job-heading .text-btn{margin-top:2px;white-space:nowrap;cursor:pointer}
.import-job-heading .text-btn:disabled{opacity:.65;cursor:wait}
.import-job-stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;margin:30px 0 22px;padding:0;gap:16px}
.import-job-stages li{display:flex;align-items:center;gap:9px;color:#8b9bb0;font-size:13px;position:relative}
.import-job-stages li:not(:last-child)::after{content:"";height:1px;flex:1;background:#e1e8f1;margin-left:5px}
.import-job-stages li>span{width:26px;height:26px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid #dce4ee;border-radius:50%;font-size:12px;background:#fff}
.import-job-stages strong{font-size:13px;font-weight:500;white-space:nowrap}
.import-job-stages .done{color:#26745a}.import-job-stages .done>span{color:#26745a;background:#eff9f3;border-color:#cce5d8}
.import-job-stages .current{color:var(--blue)}.import-job-stages .current>span{background:var(--blue);border-color:var(--blue);color:#fff}
.import-job-stages .failed{color:#b43240}.import-job-stages .failed>span{color:#b43240;border-color:#efc9ce;background:#fff4f5}
.import-job-message{font-size:14px;line-height:1.8;color:#526780;margin:0 0 24px;min-height:26px}
.import-job-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 26px;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:20px;font-variant-numeric:tabular-nums}
.import-job-metrics>div+div{border-left:1px solid var(--line);padding-left:24px}
.import-job-metrics dt{font-size:13px;color:var(--muted);margin-bottom:14px}
.import-job-metrics dd{margin:0;display:flex;align-items:baseline;gap:8px;min-height:36px;color:#183653;line-height:1.3}
.import-job-metrics strong{font-size:30px;font-weight:650}.import-job-metrics dd>span{font-size:12px;color:var(--muted)}
.import-job-metrics .import-job-elapsed{font-size:20px;font-weight:600;align-items:center;white-space:normal}
.import-job-error,.import-job-connection{margin:0 0 20px;white-space:pre-wrap;overflow-wrap:anywhere}
.import-job-connection a{margin-left:12px;white-space:nowrap}
.import-job-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.import-job-actions form{margin:0}.import-job-actions>.muted{flex-basis:100%;font-size:12px;line-height:1.7;margin-top:2px}
.import-job-details .check-reassurance{font-size:13px;margin-bottom:0}

/* Dedicated flow tables: one business time per page. */
.flow-table{width:100%}
.flow-table td{white-space:normal}
.flow-table .money-cell,.flow-table .micro,.flow-table .mono{white-space:nowrap}

/* Task progress ring on the task detail page. */
.progress-block{display:flex;align-items:center;gap:34px}
.ring{position:relative;width:152px;height:152px;flex-shrink:0}
.ring svg{width:152px;height:152px;transform:rotate(-90deg)}
.ring circle{fill:none;stroke-width:11;stroke-linecap:round}
.ring .track{stroke:#eef2f8}
.ring .value{stroke:#1677ff}
.ring-label{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}
.ring-label strong{font-size:27px;font-weight:650;color:#192b42;font-variant-numeric:tabular-nums;line-height:1.2}
.ring-label span{font-size:11px;color:#8492a5}
.progress-rows{flex:1;min-width:0;display:flex;flex-direction:column;gap:13px}
.progress-rows>div{display:flex;align-items:baseline;gap:10px;font-size:13px;border-bottom:1px solid #f2f5f9;padding-bottom:10px}
.progress-rows>div:last-child{border-bottom:0;padding-bottom:0}
.progress-rows span{width:76px;flex-shrink:0;color:#758398}
.progress-rows strong{font-size:17px;color:#24364d;font-variant-numeric:tabular-nums}
.progress-rows em{margin-left:auto;font-style:normal;font-size:11px;color:#93a1b3;font-variant-numeric:tabular-nums}
.progress-formula{margin:2px 25px 24px;font-size:11px;color:#93a1b3;line-height:1.9}
/* Recharge table: keep amount and channel columns apart. */
.flow-recharges{table-layout:fixed}
.flow-recharges th:nth-child(5),.flow-recharges td:nth-child(5){padding-left:58px}
.flow-recharges th:nth-child(4),.flow-recharges td:nth-child(4){text-align:left;padding-left:26px;padding-right:18px}
/* Review page: one centred column instead of a split layout. */
.import-review{max-width:780px;margin:0 auto}
.review-single{max-width:720px;margin:0 auto}
.review-single>.review-block+.review-block{margin-top:18px}
.review-single>.review-action{margin-top:24px}
.review-note{font-size:12px;color:#8492a5;margin:16px 0 0;line-height:1.8}
.review-submit{width:100%;justify-content:center;min-height:46px;font-size:14px;margin-top:12px}
.review-discard{margin-top:10px}
/* Import page: check result and confirm live on the same screen. */
.import-live{margin-bottom:18px;overflow:visible}
.live-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:4px}
.live-head h2{font-size:16px;margin:0}
.live-meta{font-size:12px;color:#8492a5;margin:8px 0 0;line-height:1.7}
.live-bar{height:6px;background:#eef2f8;border-radius:3px;overflow:hidden;margin:16px 0 10px;max-width:560px}
.live-bar>span{display:block;height:100%;background:#1677ff;border-radius:3px;transition:width .4s}
.live-sum{display:block;max-width:560px;margin:14px 0 0}
.live-sum>div{display:flex;justify-content:space-between;gap:24px;padding:7px 0;font-size:13px;color:#3d5169}
.live-sum>div>span{color:#758398}
.live-sum>.total{border-top:1px solid #eef2f8;margin-top:4px;padding-top:12px;font-size:15px;font-weight:650;color:#192b42}
.live-sum .negative{color:#c35051}
.live-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:16px}
.live-actions form{margin:0}
.live-errors{margin:10px 0 0;padding-left:18px;font-size:12px;color:#c35051;line-height:1.9}
.import-new{display:block}
.import-new>summary{cursor:pointer;font-size:13px;color:#1677ff;margin:2px 0 14px;list-style:none}
.import-new>summary::-webkit-details-marker{display:none}
.import-new>summary::before{content:"\25B8  "}
.import-new[open]>summary::before{content:"\25BE  "}
.counter-edit{margin-top:8px}
.counter-edit>summary{cursor:pointer;font-size:12px;color:#8a6417;font-weight:600;list-style:none}
.counter-edit>summary::-webkit-details-marker{display:none}
.counter-edit form{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin-top:10px}
.counter-edit label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:#7d6733;flex:0 0 auto}
.live-actions .counter-edit input{width:110px;padding:7px 10px;border:1px solid #dfe5ee;border-radius:6px;font-size:13px;background:#fff;box-sizing:border-box}
.live-time{margin-left:auto}
.count-grid{display:block;max-width:560px;margin:14px 0 0}
.count-grid>div{display:flex;justify-content:space-between;gap:24px;padding:7px 0;font-size:13px;color:#3d5169}
.count-grid dt{color:#758398;margin:0}
.count-grid dd{margin:0;font-weight:600;color:#192b42}
.count-grid dd.over{color:#c35051}
.count-ask{font-size:13px;color:#8a6417;margin:12px 0 0}
.counter-edit>summary.btn{display:inline-flex;list-style:none;cursor:pointer}
.counter-edit>summary.btn::-webkit-details-marker{display:none}
.counter-edit[open]>summary.btn{margin-bottom:4px}
.live-actions .counter-edit{position:relative;margin:0;display:flex;align-items:center}
.live-actions .counter-edit>form{position:absolute;top:calc(100% + 8px);left:0;z-index:6;background:#fff;border:1px solid #e3eaf4;border-radius:9px;padding:14px 16px;box-shadow:0 12px 30px #10243c24;display:flex;flex-direction:row;gap:12px;align-items:flex-end;flex-wrap:nowrap;width:max-content;min-width:0}
.pending-strip{display:flex;gap:12px;align-items:center;flex-wrap:wrap;background:#f7f9fc;border:1px solid #e3eaf4;border-radius:9px;padding:10px 14px;margin-top:16px}
.pending-title{font-size:12px;color:#7b8ea6}
.pending-item{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#33475f;text-decoration:none}
.pending-item:hover .mono{color:#1677ff}
.pending-count{color:#8492a5}/* Semi-style date picker (flatpickr) */
.semi-cal{padding:8px 10px 0;background:#fff;border:1px solid #e6e9ef;border-radius:8px;box-shadow:0 6px 20px rgba(28,31,35,.12);font-family:inherit}
.semi-cal.arrowTop:before,.semi-cal.arrowTop:after{display:none}
.semi-cal:not(.multiMonth){width:288px}
.semi-cal .flatpickr-months{padding:6px 0 2px;position:relative}
.semi-cal .flatpickr-current-month{padding:0;height:auto;width:100%;left:0;display:flex;justify-content:center;align-items:center}
.semi-cal .flatpickr-current-month .cur-month,.semi-cal .flatpickr-current-month .numInputWrapper{display:none}
.semi-cal .flatpickr-prev-month,.semi-cal .flatpickr-next-month{display:none}
.semi-cal .flatpickr-weekdays{height:28px}
.semi-cal span.flatpickr-weekday{font-size:12px;font-weight:400;color:#8a919f}
.semi-cal:not(.multiMonth) .flatpickr-days{width:268px}
.semi-cal:not(.multiMonth) .dayContainer{width:268px;min-width:268px;max-width:268px;justify-content:flex-start}
.semi-cal .flatpickr-day{flex:0 0 14.2857%;max-width:none;height:34px;line-height:34px;margin:0;border:0;border-radius:0;background:transparent;font-size:13px;color:#1c1f23}
.semi-cal .flatpickr-day:hover,.semi-cal .flatpickr-day:focus{background:#f2f5fa;color:#1c1f23}
.semi-cal .flatpickr-day.today{color:#0064fa;font-weight:600;box-shadow:inset 0 0 0 3.5px #fff,inset 0 0 0 4.5px #0064fa;border-radius:8px}
.semi-cal .flatpickr-day.selected,.semi-cal .flatpickr-day.startRange,.semi-cal .flatpickr-day.endRange{background:#0064fa;color:#fff;font-weight:600;border-radius:8px;box-shadow:inset 0 0 0 3px #fff}
.semi-cal .flatpickr-day.inRange{background:#e8f0ff;color:#1c1f23;box-shadow:none}
.semi-cal .flatpickr-day.prevMonthDay{visibility:hidden;pointer-events:none}
.semi-cal .flatpickr-day.nextMonthDay{display:none}
.semi-cal .flatpickr-time{height:38px;line-height:38px;border-top:1px solid #f0f2f5;margin:6px -10px 0}
.semi-cal .flatpickr-time input{font-size:13px;color:#1c1f23}
.semi-cal .ym-nav{display:flex;align-items:center;justify-content:center;gap:8px;padding:2px 6px 8px}
.semi-cal .ym-trigger{flex:1;text-align:center;font:inherit;font-size:14.5px;font-weight:600;color:#1c1f23;background:transparent;border:0;border-radius:6px;padding:5px 8px;cursor:pointer;white-space:nowrap}
.semi-cal .ym-trigger:hover{background:#f2f5fa;color:#0064fa}
.semi-cal .ym-arrow{width:28px;height:28px;padding:0;border:0;background:transparent;border-radius:5px;cursor:pointer;color:#8a94a3;font-size:18px;line-height:1;display:inline-flex;align-items:center;justify-content:center}
.semi-cal .ym-arrow:hover{background:#f2f5fa;color:#0064fa}
.semi-cal .ym-panel{position:absolute;left:0;right:0;top:0;bottom:0;background:#fff;border-radius:8px;display:flex;flex-direction:column;z-index:5}
.semi-cal .ym-panel[hidden]{display:none}
.semi-cal .ym-panel-head{padding:6px 8px 10px;border-bottom:1px solid #f2f4f7}
.semi-cal .ym-back{font:inherit;font-size:12.5px;font-weight:600;color:#0064fa;background:transparent;border:0;border-radius:5px;padding:5px 8px;cursor:pointer}
.semi-cal .ym-back:hover{background:#eef4ff}
.semi-cal .ym-cols{display:grid;grid-template-columns:1fr 1fr;flex:1;min-height:0;overflow:hidden}
.semi-cal .ym-col{overflow-y:auto;padding:4px 0;scrollbar-width:thin;scrollbar-color:#dfe3e9 transparent}
.semi-cal .ym-col::-webkit-scrollbar{width:4px}
.semi-cal .ym-col::-webkit-scrollbar-thumb{background:#dfe3e9;border-radius:2px}
.semi-cal .ym-col::-webkit-scrollbar-track{background:transparent}
.semi-cal .ym-col + .ym-col{border-left:1px solid #f2f4f7}
.semi-cal .ym-item{display:block;width:100%;text-align:center;font:inherit;font-size:13px;color:#1c1f23;background:transparent;border:0;padding:8px 0;cursor:pointer}
.semi-cal .ym-item:hover{background:#f7f9fc}
.semi-cal .ym-item.on{background:#e8f0ff;color:#0064fa;font-weight:600}
.semi-cal .semi-footer{display:flex;align-items:center;justify-content:space-between;margin:8px -10px 0;padding:8px 12px;border-top:1px solid #f0f2f5}
.semi-cal .semi-footer button{font:inherit;font-size:12px;cursor:pointer;border:0;background:transparent;color:#4d5866;padding:4px 8px;border-radius:4px}
.semi-cal .semi-footer button:hover{background:#f2f5fa}
.semi-cal .semi-footer button.primary{color:#0064fa;font-weight:600}
.semi-cal .semi-footer button.primary:hover{background:#e8f0ff}
.flatpickr-input[readonly]{background:#fff}
/* Export manager */
.export-filter{display:flex;gap:8px;align-items:center}
.export-filter select{height:36px;padding:0 30px 0 10px;border:1px solid #dfe5ee;border-radius:7px;background:#fff;font:inherit;font-size:13px;color:#33475f}
.export-table .export-name{font-weight:600;color:#1c2a3d}
.export-progress{display:inline-block;width:56px;height:5px;margin-left:8px;background:#eef2f8;border-radius:3px;overflow:hidden;vertical-align:middle}
.export-progress>i{display:block;height:100%;background:#1677ff;border-radius:3px;transition:width .4s}
@keyframes exportPulse{0%{opacity:.45}50%{opacity:1}100%{opacity:.45}}
.export-hint{margin:14px 0 0;font-size:12px;color:#8492a5}
.export-table td{vertical-align:middle}
/* 导出下载：橙色强调 */
.btn.export-download{background:#fff7e6;border-color:#ffd591;color:#d46b08}
.btn.export-download:hover{background:#ffeed0;border-color:#ffc069;color:#ad4e00}
.btn.export-download svg{color:#fa8c16}
.business-theme .detail-grid .detail-note{grid-column:1/-1;margin:6px 0 0;color:#8a95a6;line-height:1.7}
.catalog-actions form.inline-action{display:inline-flex;margin:0}
.catalog-actions .text-btn.danger{color:#c35051}
.edit-product-image{display:flex;align-items:flex-end;gap:14px;margin:4px 0 6px}
.edit-product-image img,.edit-product-image .catalog-thumb{width:64px;height:64px;border-radius:8px;object-fit:cover;flex:none}
.edit-product-image-copy{display:flex;flex-direction:row;align-items:flex-end;gap:10px;min-width:0}
.edit-product-image .field-hint{margin:0}
.edit-product-image .file-button{flex:none;width:auto;min-width:104px;padding:8px 16px}
.edit-product-image .field-hint{display:inline;font-size:11.5px;color:#8492a5;line-height:1.2;white-space:nowrap;padding-bottom:9px}
.export-pct{font-size:11px;color:#8492a5;margin-left:6px}
.inline-export{display:inline-flex;margin:0}
.export-progress-cell{white-space:nowrap}
.export-bar{display:inline-block;width:120px;height:6px;background:#eef2f8;border-radius:3px;overflow:hidden;vertical-align:middle}
.export-bar>i{display:block;height:100%;background:#1677ff;border-radius:3px;transition:width .4s}
.export-bar>i.ready{background:#16845e}
.export-bar>i.failed{background:#c35051}
.export-pct{display:inline-block;min-width:34px;margin-left:8px;font-size:11.5px;color:#8492a5}
.export-table{table-layout:fixed;width:100%}
.export-table .export-name{display:block;word-break:break-all;line-height:1.4}
.export-table th,.export-table td{padding:14px 10px}
.export-bar{width:90px}
.export-pct{min-width:30px;margin-left:6px}
.export-table th.right,.export-table td.right{text-align:left}

.batch-scope{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.batch-picker{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.batch-progress{display:flex;align-items:center;gap:10px;margin:6px 0 10px}
.batch-bar{flex:1;height:6px;border-radius:3px;background:#eef2f8;overflow:hidden}
.batch-bar>i{display:block;height:100%;background:#1677ff;border-radius:3px;transition:width .3s}
.batch-percent{font-size:12px;color:#8492a5;min-width:38px;text-align:right}
.batch-summary{margin:0 0 8px;font-size:12.5px;color:#3f5570}
.batch-results{margin:0;padding:0;list-style:none;max-height:220px;overflow:auto;border:1px solid #e8eef6;border-radius:10px}
.batch-results li{display:flex;justify-content:space-between;gap:12px;padding:7px 12px;font-size:12px;border-top:1px solid #f0f4f9}
.batch-results li:first-child{border-top:0}
.batch-result-file{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:55%}
.batch-result-note{color:#8492a5;text-align:right}
.batch-result.is-ok .batch-result-note{color:#16845e}
.batch-result.is-unmatched .batch-result-note{color:#b26a00}
.batch-result.is-invalid .batch-result-note{color:#b43240}

.batch-picker .file-button{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border:1px solid #c7d6ea;border-radius:8px;background:#fff;color:#245fe5;font-size:13px;cursor:pointer;white-space:nowrap}
.batch-picker .file-button:hover{background:#f2f6fd;border-color:#a9bfdc}
.batch-picker .file-button:focus-within{outline:2px solid #2f6be3;outline-offset:2px}
.batch-picker .file-button input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}

.btn.batch-upload{background:#16845e;border-color:#16845e;color:#fff;margin-left:6px}
.btn.batch-upload:hover{background:#126b4c;border-color:#126b4c;color:#fff}
.list-heading .batch-upload{margin-right:auto}

.business-theme .detail-privacy{margin:0 0 12px;padding:9px 0;border-radius:6px;background:#f6f9fd;color:#7b8ea6;font-size:11.5px;line-height:1.7;text-indent:0}

.business-theme .fee-list{margin-top:0}

dialog.receipt-fallback{max-width:96vw;max-height:94vh;padding:0;border:0;border-radius:12px;background:#101a26;overflow:auto}
dialog.receipt-fallback::backdrop{background:rgba(15,22,32,.96)}
dialog.receipt-fallback img{display:block;max-width:92vw;max-height:88vh;margin:0 auto}
.receipt-fallback-close{position:fixed;top:18px;right:20px;width:44px;height:44px;border:0;border-radius:50%;background:#303c4c;color:#fff;font-size:24px;line-height:1;cursor:pointer;z-index:10}
.receipt-fallback-close:hover{background:#46566b}

/* Device authorization */
.auto-authorize-card{max-width:680px;margin:54px auto;padding:34px 38px}
.auto-authorize-mark{width:42px;height:42px;border-radius:11px;background:#245fe5;color:#fff;display:flex;align-items:center;justify-content:center;font-size:21px;font-weight:700;margin-bottom:20px}
.auto-authorize-device{display:flex;align-items:center;gap:12px;background:#f7f9fc;border:1px solid #e4ebf4;border-radius:10px;padding:14px 15px;margin-top:22px}
.auto-authorize-device-icon{width:38px;height:38px;border-radius:9px;background:#eaf2ff;color:#245fe5;display:flex;align-items:center;justify-content:center;font-size:17px}
.auto-authorize-device strong{display:block;color:#294562;font-size:13px}.auto-authorize-device small{display:block;color:#95a4b6;font-size:10px;margin-top:2px}
.auto-authorize-device .badge{margin-left:auto}
.auto-authorize-scopes{display:grid;gap:8px;margin-top:18px;color:#506986;font-size:12px}
.auto-authorize-scopes span{display:inline-flex;width:17px;height:17px;align-items:center;justify-content:center;border-radius:50%;background:#eefaf5;color:#16836b;margin-right:7px;font-size:10px}
.auto-authorize-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}

/* Product image auto-fill */
.business-theme .list-heading .batch-upload{margin-right:0}
.business-theme .list-heading .auto-fill{margin-right:auto}
.btn.auto-fill{background:#245fe5;border-color:#245fe5;color:#fff;margin-left:6px}
.btn.auto-fill:hover{background:#194bbd;border-color:#194bbd;color:#fff}
.btn.auto-fill:disabled{background:#8aa7e8;border-color:#8aa7e8;color:#fff}

.business-theme dialog.auto-image-dialog{
  max-width:780px;width:min(780px,calc(100vw - 40px));max-height:calc(100vh - 40px);
  padding:0;border:1px solid #dfe7f2;border-radius:16px;overflow:hidden;
  box-shadow:0 26px 80px #13284126;
}
.auto-dialog-form{display:flex;flex-direction:column;max-height:calc(100vh - 40px);margin:0}
.auto-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:25px 28px 17px;background:#fff}
.auto-dialog-head h2{font-size:22px;line-height:1.25;letter-spacing:-.4px;margin:0 0 6px;color:#17243c}
.auto-dialog-head p{margin:0;color:#71839a;font-size:12.5px;line-height:1.6}
.auto-dialog-head .icon-btn{margin:-3px -8px 0 0;flex-shrink:0}
.auto-dialog-body{overflow-y:auto;padding:0 28px 18px}
.auto-overview{display:grid;grid-template-columns:172px 1fr;gap:22px;align-items:center;padding:18px 20px;border-radius:12px;background:#f4f8ff}
.auto-overview-total{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px;color:#60738b;font-size:12px}
.auto-overview-total strong{font-size:32px;line-height:1;color:#172b4d;font-weight:650;letter-spacing:-1px;font-variant-numeric:tabular-nums}
.auto-overview-total small{color:#8b9ab0;font-size:12px}
.auto-platforms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 18px}
.auto-platform{display:flex;align-items:baseline;gap:7px;min-width:0;color:#536986;font-size:12px}
.auto-platform b{font-weight:600;color:#263f60}
.auto-platform em{font-style:normal;color:#617891;font-variant-numeric:tabular-nums;font-weight:600}
.auto-platform small{color:#9aa8ba;font-size:10px;margin-left:2px}
.auto-platform.is-supported b,.auto-platform.is-supported em{color:#245fe5}
.auto-config{margin-top:18px}
.auto-config-grid{display:grid;grid-template-columns:1.15fr 1.15fr .7fr;gap:14px;align-items:start}
.auto-config-grid label{margin:0;font-size:12px;font-weight:500;color:#5c6b81}
.auto-config-grid select,.auto-config-grid input{margin-top:7px}
.auto-config-grid input[type=number]{font-variant-numeric:tabular-nums}
.auto-limit-field small{display:block;margin-top:5px;color:#9aa8ba;font-size:10px;font-weight:400;line-height:1.4}
.auto-limit-note{margin:10px 0 0;color:#8c9aac;font-size:11px;line-height:1.6}
.auto-agent-row{display:flex;align-items:center;gap:9px;margin:18px 0 13px;min-height:24px}
.auto-live-dot{width:7px;height:7px;border-radius:50%;background:#9aa8ba;flex-shrink:0}
.auto-live-dot.is-online{background:#16845e;box-shadow:0 0 0 4px #16845e14}
.auto-live-dot.is-offline{background:#c08a2c;box-shadow:0 0 0 4px #c08a2c14}
.auto-agent-status{font-size:12px;line-height:1.5;color:#657993;min-width:0}
.auto-agent-status.is-online{color:#16734f}
.auto-agent-status.is-offline{color:#8d6118}
.auto-setup{padding:16px 18px;border-radius:12px;background:#f7f9fc;border:0}
.auto-setup-copy strong{display:block;font-size:13px;font-weight:600;color:#2a4263;margin-bottom:4px}
.auto-setup-copy p{margin:0;color:#71839a;font-size:12px;line-height:1.65}
.auto-setup-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:13px}
.auto-setup-actions .btn{text-decoration:none}
.auto-pairing{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px;padding-top:14px;border-top:1px solid #e4ebf4;font-size:12px;color:#71839a}
.auto-pairing strong{padding:7px 12px;border-radius:7px;background:#fff;color:#1b3b67;font-size:19px;letter-spacing:2px;font-variant-numeric:tabular-nums;box-shadow:0 1px 2px #1025470a}
.auto-pairing small{color:#93a0b1}
.auto-progress{padding:16px 18px;border-radius:12px;background:#f7f9fc}
.auto-progress-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px;color:#536986;font-size:12px}
.auto-progress-head strong{font-size:22px;line-height:1;color:#245fe5;font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:-.4px}
.auto-scope{margin:0 0 10px;color:#617891;font-size:11.5px;line-height:1.5}
.auto-progress-track{height:7px;border-radius:5px;background:#e5ebf5;overflow:hidden}
.auto-progress-track>i{display:block;height:100%;width:0;border-radius:5px;background:#245fe5;transition:width .32s ease}
.auto-progress-summary{margin:10px 0 0;color:#61748c;font-size:12px;line-height:1.6}
.auto-login{margin:12px 0 0;padding:10px 12px;border-radius:8px;background:#fff8e8;color:#8a611b;font-size:12px;line-height:1.6}
.auto-login.is-ok{background:#effaf5;color:#16734f}
.auto-failures{margin:12px 0 0;padding:0;list-style:none;max-height:150px;overflow:auto;border-radius:8px;background:#fff}
.auto-failures li{display:flex;justify-content:space-between;gap:12px;padding:8px 11px;font-size:11.5px;border-top:1px solid #edf1f6}
.auto-failures li:first-child{border-top:0}
.auto-failures .batch-result-file{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:56%;color:#425b79}
.auto-failures .batch-result-note{color:#b05b5c;text-align:right}
.auto-dialog-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 28px 20px;border-top:1px solid #edf1f6;background:#fff}
.auto-dialog-actions-right{display:flex;align-items:center;gap:9px;margin-left:auto}
.auto-dialog-actions .auto-quiet{color:#71839a;border-color:transparent;background:transparent;padding-left:0}
.auto-dialog-actions .auto-quiet:hover{background:#f4f7fb;border-color:#e1e8f2}
.auto-dialog-actions .btn:disabled{cursor:not-allowed;opacity:.55}
.btn.auto-fill[data-auto-busy="active"]{box-shadow:0 0 0 3px #245fe51a}
.auto-error{margin:14px 0 0}
@media (max-width:720px){
  .business-theme dialog.auto-image-dialog{width:calc(100vw - 20px);max-height:calc(100vh - 20px)}
  .auto-dialog-head{padding:20px 18px 14px}
  .auto-dialog-body{padding:0 18px 14px}
  .auto-overview{grid-template-columns:1fr;gap:12px;padding:15px}
  .auto-platforms{grid-template-columns:1fr 1fr}
  .auto-config-grid{grid-template-columns:1fr 1fr}
  .auto-limit-field{grid-column:span 2}
  .auto-dialog-actions{padding:14px 18px 17px;flex-wrap:wrap}
  .auto-dialog-actions-right{flex-wrap:wrap;justify-content:flex-end}
}

/* Image auto-fill V2 */
.business-theme dialog.auto-v2-dialog{max-width:1060px;width:min(1060px,calc(100vw - 40px))}
.auto-v2-body{padding-top:2px}
.auto-v2-agentbar{display:flex;align-items:center;gap:10px;background:#f4f8ff;border:1px solid #dfeafb;border-radius:10px;padding:11px 14px;margin-bottom:16px}
.auto-v2-agentcopy{min-width:0;margin-right:2px}
.auto-v2-agentcopy strong{display:block;color:#294463;font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:230px}
.auto-v2-agentcopy small{display:block;color:#8b9bad;font-size:10px;margin-top:1px}
.auto-v2-agentbar .badge{flex:0 0 auto}
.auto-v2-divider{width:1px;height:24px;background:#dbe7f6;margin:0 3px}
.auto-v2-account-label{display:flex;align-items:center;gap:7px;margin:0;color:#6b7f97;font-size:11px;white-space:nowrap}
.auto-v2-account-label select{height:32px;min-width:150px;margin:0;padding:0 9px;font-size:12px}
.auto-v2-agentbar .text-btn{margin-left:auto;white-space:nowrap;font-size:11px}
.auto-v2-section{padding:0 1px}
.auto-v2-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 8px}
.auto-v2-section-head h3{margin:0;color:#60738a;font-size:11px;font-weight:600;letter-spacing:.3px}
.auto-v2-section-head span{color:#9aa8ba;font-size:10px}
.auto-v2-grid{display:grid;gap:13px}
.auto-v2-grid-3{grid-template-columns:1.1fr 1.1fr .9fr}
.auto-v2-grid-4{grid-template-columns:.7fr 1.1fr 1.1fr .9fr}
.auto-v2-grid label,.auto-v2-field label{display:block;color:#60738a;font-size:11px;font-weight:500;margin:0 0 6px}
.auto-v2-grid select,.auto-v2-grid input,.auto-v2-field select,.auto-v2-field input{height:38px;margin:0;font-size:12px}
.auto-v2-grid small,.auto-v2-field small{display:block;margin-top:5px;color:#9aa8ba;font-size:10px;font-weight:400}
.auto-v2-rhythm{background:#f8fafc;border:1px solid #e8eef6;border-radius:11px;padding:14px 15px;margin-top:16px}
.auto-v2-rhythm .auto-v2-section-head{margin-bottom:9px}
.auto-v2-inline{display:flex;align-items:center;gap:5px;color:#8a9bad;font-size:11px;white-space:nowrap}
.auto-v2-inline input{width:48px;min-width:0;padding:0 6px;text-align:center;height:32px}
.auto-v2-inline select{height:32px;width:62px;padding:0 6px}
.auto-v2-inline span{flex:0 0 auto}
.auto-v2-field > label input[type=checkbox]{height:auto;width:auto;margin:0 4px 0 0;vertical-align:-2px}
.auto-v2-estimate{display:flex;align-items:center;gap:12px;background:#f5f9ff;border:1px solid #dce9fb;border-radius:10px;padding:11px 14px;margin-top:14px;color:#6e8299}
.auto-v2-estimate-label{display:flex;align-items:center;gap:8px;font-size:11px;white-space:nowrap}
.auto-v2-clock{width:26px;height:26px;border-radius:7px;background:#e4efff;color:#245fe5;display:flex;align-items:center;justify-content:center;font-size:14px}
.auto-v2-estimate strong{font-size:16px;color:#1f3a5c;letter-spacing:-.2px;white-space:nowrap}
.auto-v2-estimate > span:last-child{margin-left:auto;color:#8b9bad;font-size:10px;text-align:right}
.auto-v2-setup{margin-top:14px}
.auto-v2-risk-link{margin-left:4px;font-size:10px}
.auto-v2-risk-link a{color:#8b9bad;text-decoration:underline;text-underline-offset:2px}
.auto-v2-dialog .auto-dialog-body{max-height:calc(100vh - 190px)}
.auto-v2-dialog .auto-progress{margin-top:16px}
.auto-v2-dialog .auto-progress-head{margin-top:0}
.auto-v2-dialog .auto-error{margin-bottom:0}

.auto-risk-page{max-width:760px;margin:42px auto;padding:32px 38px}
.auto-risk-page h1{font-size:24px;margin:0 0 16px;color:#17243c}
.auto-risk-text{color:#506986;font-size:13px;line-height:1.9}
.auto-risk-text br{display:block;content:"";margin-top:9px}

/* Local Taobao account manager */
.account-manager-heading{align-items:flex-end}
.account-add-form{margin:0}
.account-manager-notice{max-width:900px;margin:0 0 16px}
.account-agent-panel{display:flex;align-items:center;gap:12px;padding:15px 20px;margin-bottom:16px}
.account-agent-copy{display:flex;align-items:center;gap:10px;min-width:0}
.account-agent-copy strong{display:block;color:#294562;font-size:13px;font-weight:600}
.account-agent-copy small{display:block;color:#8b9bad;font-size:10px;margin-top:2px}
.account-status-dot{width:8px;height:8px;border-radius:50%;background:#b9c4d0;box-shadow:0 0 0 4px #b9c4d00f;flex:0 0 auto}
.account-status-dot.is-online{background:#18a276;box-shadow:0 0 0 4px #18a27614}
.account-agent-link{margin-left:auto;font-size:11px}
.account-table-panel{overflow:hidden}
.account-table-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #edf1f6}
.account-table-head strong{display:block;color:#294562;font-size:13px}
.account-table-head span{display:block;color:#8b9bad;font-size:10px;margin-top:2px}
.account-table-count{color:#9aa8ba!important;font-size:11px!important;margin:0!important}
.account-table td{padding-top:15px;padding-bottom:15px}
.account-name-cell{display:flex;align-items:center;gap:10px}
.account-avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#eaf2ff;color:#245fe5;font-size:13px;font-weight:600}
.account-name-cell strong{display:block;color:#2d4767;font-size:12px}
.account-name-cell .mono{display:block;color:#9aa8ba;font-size:10px;margin-top:2px}
.account-muted{color:#9aa8ba;font-size:11px}
.account-health-error{display:block;color:#b1781a;font-size:10px;margin-top:3px;max-width:190px;line-height:1.4}
.account-actions{display:flex;gap:10px;align-items:center;white-space:nowrap}
.account-actions form{display:inline;margin:0}
.account-actions .text-btn{padding:0;font-size:11px}
.account-empty{padding:56px 24px;text-align:center}
.account-empty strong{display:block;color:#3d5774;font-size:15px}
.account-empty p{color:#8b9bad;font-size:12px;margin:7px 0 16px}
.account-manager-note{display:flex;align-items:center;gap:7px;color:#96a3b2;font-size:10px;margin-top:13px;padding-left:2px}
.account-manager-note span{display:inline-flex;width:15px;height:15px;border-radius:50%;align-items:center;justify-content:center;background:#eaf0f7;color:#8294a8;font-size:9px}