.sales-notice{padding:12px 14px;margin:0 0 12px;border:1px solid #dbeafe;border-radius:10px;background:#eff6ff;color:#334155;font-size:14px;line-height:1.7}
.sales-filters{display:flex;align-items:end;gap:10px;flex-wrap:wrap;padding:14px;margin-bottom:14px}
.sales-filters label,.sales-store-form label{display:flex;flex-direction:column;gap:5px;font-size:13px;color:#475569}
.sales-filters input,.sales-filters select,.sales-store-form input{height:38px;min-width:110px;border:1px solid #dbe4f0;border-radius:8px;padding:7px 10px;background:white;color:#172c4c;font:inherit}
.sales-filters .sales-search{flex:1;min-width:160px}.sales-search input{width:100%}
.sales-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}
.sales-metrics article{padding:18px;display:flex;flex-direction:column;gap:10px}.sales-metrics span{font-size:14px;color:#475569}
.sales-metrics strong{font-size:28px;color:#123154;font-variant-numeric:tabular-nums}.sales-metrics article:first-child strong{color:#2563eb}
.sales-metrics small{font-size:12px;color:#64748b;font-weight:400}
.sales-table-card{overflow:hidden}.sales-table{width:100%;min-width:1180px;table-layout:auto}.sales-table th,.sales-table td{padding:12px 10px;font-size:14px}.sales-table tbody tr.is-mapped>td,.sales-table tbody tr.is-mapped:hover>td{background:#d1f0dc!important}.sales-table tbody tr:not(.is-mapped)>td,.sales-table tbody tr:not(.is-mapped):hover>td{background:#fff!important}.sales-filters [data-sales-action="yesterday"]{height:38px;align-self:flex-end;border-color:#93c5fd;color:#1d4ed8}.sales-product-search{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.sales-product-search input{width:min(360px,52vw);height:38px;border:1px solid #cbd5e1;border-radius:8px;padding:7px 11px;background:#fff;color:#172c4c;font:inherit}
.sales-group-card{margin-bottom:14px;overflow:hidden;border-color:#bfdbfe}.sales-group-card .card-header{background:linear-gradient(90deg,#eff6ff,#fff)}
.sales-group-table{width:100%;min-width:960px}.sales-group-table th,.sales-group-table td{padding:12px 10px;font-size:14px;vertical-align:middle}.sales-group-table tbody tr:hover{background:#f8fbff}
.sales-group-sources{display:flex;flex-wrap:wrap;gap:6px;max-width:360px}.sales-group-sources>span{display:grid;gap:2px;padding:5px 8px;border:1px solid #dbeafe;border-radius:8px;background:#eff6ff}.sales-group-sources b{font-size:12px;color:#1e3a5f}.sales-group-sources small{margin:0;font-size:10px;color:#64748b}
.sales-table small,.sales-store-list small{display:block;margin-top:5px;font-size:12px;line-height:1.5;color:#64748b}.sales-table tfoot{background:#eff6ff;font-weight:700}
.sales-product{display:flex;gap:10px;align-items:center}.sales-product img,.sales-no-image{width:48px;height:60px;object-fit:contain;flex-shrink:0;border-radius:6px;background:#f8fafc}
.sales-no-image{display:grid;place-items:center;font-size:12px;color:#94a3b8}.sales-product small{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sales-skc{max-width:200px;overflow-wrap:anywhere}.sales-qty{font-weight:700;color:#2563eb;font-variant-numeric:tabular-nums}
.sales-sizes{display:flex;flex-wrap:wrap;gap:5px;min-width:130px}.sales-sizes span{display:grid;grid-template-columns:auto auto;gap:5px;align-items:center;padding:4px 7px;border:1px solid #cbd5e1;border-radius:7px;background:#f8fafc}.sales-sizes b{font-size:13px;color:#172c4c}.sales-sizes em{font-size:13px;color:#334155;font-style:normal;font-weight:650}
.sales-table-footer{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:12px 14px;font-size:13px;color:#64748b}.sales-table-footer button+button{margin-left:8px}
.sales-details{margin-top:14px;padding:14px}.sales-details summary{cursor:pointer;font-size:14px;color:#334155;font-weight:600}
.sales-daily-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:10px;margin-top:14px;max-height:350px;overflow:auto}.sales-daily-list>div{display:flex;flex-direction:column;gap:6px;border:1px solid #e2e8f0;padding:10px;border-radius:8px}.sales-daily-list small{color:#64748b}
.sales-settings{font-size:14px}.sales-store-form{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:16px 0}.sales-store-list{display:flex;flex-direction:column;gap:12px}.sales-store-list article{display:flex;gap:16px;justify-content:space-between;align-items:center;padding:14px}.sales-store-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
#salesTokenResult{margin-top:16px}#salesTokenValue{display:block;width:100%;padding:10px;margin:10px 0;border:1px solid #cbd5e1;border-radius:6px;font:14px monospace}.sales-preview{padding:14px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin-top:14px;overflow-wrap:anywhere}.sales-help{font-size:15px;line-height:1.8}.sales-help li{margin:8px 0}
.sales-pairing-code{margin:0 0 16px;padding:14px;border:1px solid #bfdbfe;border-radius:10px;background:#eff6ff}.sales-pairing-code span,.sales-pairing-code small{display:block;color:#475569}.sales-pairing-code b{display:block;margin:6px 0;color:#1d4ed8;font:700 30px/1.2 ui-monospace,monospace;letter-spacing:5px}.sales-sync-state{font-weight:700}.sales-sync-state.is-success{color:#15803d}.sales-sync-state.is-error,.sales-sync-error{color:#b91c1c!important}.sales-sync-state.is-connected{color:#1d4ed8}
.sales-mapping-rule{display:grid;gap:6px;margin-top:14px;padding:12px;border:1px solid #bfdbfe;border-radius:9px;background:#eff6ff;color:#334155}.sales-mapping-rule b{color:#1d4ed8}.sales-mapping-rule span{font-size:13px;line-height:1.55}
@media(max-width:900px){.sales-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.sales-store-list article{align-items:start;flex-direction:column}.sales-filters label{flex:1}.sales-store-actions{justify-content:flex-start}.sales-product-search{width:100%;justify-content:flex-start}.sales-product-search input{width:min(100%,420px)}}
@media(max-width:540px){.sales-table-footer{align-items:start;flex-direction:column}.sales-metrics strong{font-size:24px}.sales-metrics article{padding:12px}}
.sales-sync-overview{padding:18px 20px}.sales-sync-overview-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px}.sales-sync-overview-head h3{margin:0 0 4px}.sales-sync-overview-head p{margin:0;color:var(--muted);font-size:13px}.sales-sync-overview-head>strong{white-space:nowrap;color:#166534;font-size:24px}.sales-sync-overview-head>strong small{font-size:12px;color:var(--muted)}.sales-sync-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.sales-sync-columns>div{min-width:0;padding:12px;border:1px solid var(--line);border-radius:12px;background:#f8fafc}.sales-sync-columns h4{display:flex;align-items:center;gap:7px;margin:0 0 9px;font-size:13px}.sales-sync-columns h4 i{width:9px;height:9px;border-radius:50%}.sales-sync-columns h4 i.is-synced{background:#22c55e}.sales-sync-columns h4 i.is-pending{background:#f59e0b}.sales-sync-store-list{display:flex;flex-wrap:wrap;gap:8px}.sales-sync-store{display:flex;flex-direction:column;gap:3px;min-width:176px;border:1px solid;border-radius:9px;padding:8px 10px;appearance:none;font:inherit;text-align:left;cursor:pointer;transition:box-shadow .16s ease,transform .16s ease,filter .16s ease}.sales-sync-store:hover{filter:saturate(1.08);transform:translateY(-1px);box-shadow:0 4px 10px rgba(15,23,42,.1)}.sales-sync-store:focus-visible{outline:3px solid rgba(37,99,235,.4);outline-offset:2px}.sales-sync-store.is-selected{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.22)}.sales-sync-store b{font-size:13px}.sales-sync-store small{font-size:11px}.sales-sync-yesterday{align-self:flex-start;margin:2px 0;padding:2px 7px;border-radius:999px;background:rgba(255,255,255,.72);font-size:11px;font-style:normal;font-weight:650}.sales-sync-yesterday strong{font-size:14px}.sales-sync-yesterday.is-missing{color:#64748b;background:#f1f5f9}.sales-sync-store.is-synced{background:#ecfdf5;border-color:#86efac;color:#166534}.sales-sync-store.is-pending{background:#fff7ed;border-color:#fdba74;color:#9a3412}.sales-sync-store.is-synced.is-selected,.sales-sync-store.is-pending.is-selected{border-color:#2563eb}.sales-sync-empty{font-size:12px;color:#64748b;padding:6px 0}.sales-sync-empty.is-good{color:#166534}@media(max-width:900px){.sales-sync-columns{grid-template-columns:1fr}.sales-sync-overview-head{align-items:center}.sales-sync-overview-head p{display:none}}