/* Seller data is isolated inside the existing authenticated workspace shell. */
.store-shell { max-width: 1280px; margin: 0 auto; padding: 32px 24px 64px; }
.store-shell.dashboard-shell { display: grid; grid-template-columns: 204px minmax(0, 1fr); gap: 28px; align-items: start; }
.store-shell .dashboard-sidebar { position: sticky; top: calc(var(--store-header-height, 80px) + 16px); display: grid; gap: 4px; }
.store-shell .dashboard-sidebar a { display: block; border-radius: 8px; padding: 10px 14px; color: var(--ink); font-weight: 800; text-decoration: none; }
.store-shell .dashboard-sidebar a:hover { background: #e7f1ee; }
.store-shell .dashboard-sidebar a.is-active { background: var(--green); color: #fff; }
.store-shell .dashboard-content { min-width: 0; }
.store-shell h1 { margin: 0 0 10px; font-size: clamp(28px, 3vw, 38px); line-height: 1.2; letter-spacing: -.025em; }
.store-shell h2, .store-dialog h2 { margin: 0; font-size: 19px; line-height: 1.4; }
.store-shell h3 { margin: 0; font-size: 17px; }
.store-page-heading { display: flex; justify-content: space-between; align-items: center; gap: 18px; margin-bottom: 25px; }
.store-intro { max-width: 650px; margin: 0; color: var(--muted); }
.store-eyebrow { margin: 0 0 8px; color: var(--green-dark); text-transform: uppercase; font-size: 11px; font-weight: 850; letter-spacing: .1em; }
.store-page-tabs { display: flex; gap: 26px; border-bottom: 1px solid var(--line); margin-bottom: 26px; }
.store-page-tabs a { padding: 0 0 12px; color: var(--muted); font-weight: 750; text-decoration: none; border-bottom: 3px solid transparent; }
.store-page-tabs a[aria-current="page"] { color: var(--green-dark); border-bottom-color: var(--green-dark); }
.store-panel, .store-provider, .store-connection { border: 1px solid var(--line); background: #fff; border-radius: 12px; padding: 22px; }
.store-section { margin-top: 24px; }
.store-section-heading, .store-card-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 16px; }
.store-section-heading p { margin: 5px 0 0; }
.store-muted { color: var(--muted); font-size: 13px; }
.store-provider-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.store-provider { display: flex; flex-direction: column; gap: 14px; padding: 20px; }
.store-provider .store-button { margin-top: auto; width: 100%; }
.store-provider p { margin: 0; font-size: 13px; color: var(--muted); }
.store-market-mark { display: inline-grid; place-items: center; width: 42px; height: 42px; flex: none; border: 1px solid #dce7e5; border-radius: 11px; background: #f4f8f7; font-size: 22px; font-weight: 850; color: var(--ink); }
.store-market-mark.amazon { background: #fff7e7; color: #9c5b06; border-color: #f2dfb9; }
.store-market-mark.ebay { background: #edf4ff; color: #2250a0; border-color: #d4e2fc; }
.store-market-mark.etsy { background: #fff1e9; color: #b74416; border-color: #f5dbca; }
.store-market-identity { display: flex; align-items: center; gap: 12px; min-width: 0; }
.store-market-identity h3, .store-connection-name { overflow-wrap: anywhere; }
.store-connection-list { display: grid; gap: 14px; }
.store-connection .store-card-heading { align-items: flex-start; }
.store-connection .store-card-heading small { display: block; margin-top: 3px; color: var(--muted); }
.store-connection-meta { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 19px 0; padding-block: 15px; border-block: 1px solid #e9efed; }
.store-connection-meta dt { color: var(--muted); font-size: 12px; margin-bottom: 4px; }
.store-connection-meta dd { margin: 0; font-size: 13px; font-weight: 650; overflow-wrap: anywhere; }
.store-button { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 40px; border: 1px solid transparent; border-radius: 7px; padding: 9px 14px; background: #087d6c; color: #fff; font: inherit; font-size: 13px; font-weight: 750; text-decoration: none; cursor: pointer; }
.store-button:hover { background: #066958; color: #fff; }
.store-button.secondary { border-color: #d5e3df; background: #fff; color: #284b4c; }
.store-button.secondary:hover { background: #f2f8f6; }
.store-button.danger { color: #a42f28; border-color: #eed5d0; background: #fff; }
.store-button:disabled { opacity: .52; cursor: not-allowed; }
.store-shell :is(a, button, input, select):focus-visible, .store-dialog :is(button, input, select):focus-visible { outline: 3px solid #6ebcad; outline-offset: 3px; }
.store-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.store-actions .store-disconnect { margin-inline-start: auto; }
.store-pill, .store-read-badge, .store-count { display: inline-flex; align-items: center; gap: 6px; padding: 4px 9px; border-radius: 6px; background: #f0f5f3; color: #4f6869; font-size: 11px; line-height: 1.5; font-weight: 750; white-space: nowrap; }
.store-pill.connected, .store-pill.completed { background: #e7f6ed; color: #25653f; }
.store-pill.paused, .store-pill.reauthorize, .store-pill.partial { background: #fff3d9; color: #87581a; }
.store-pill.failed, .store-pill.error { background: #fff0ed; color: #a63327; }
.store-pill.running, .store-pill.queued, .store-pill.pending { background: #ecf2fe; color: #315996; }
.store-notice { border: 1px solid #d4e5df; border-radius: 9px; background: #f0f8f4; color: #315650; margin: 0 0 20px; padding: 14px 16px; font-size: 13px; overflow-wrap: anywhere; }
.store-notice p { margin: 5px 0 0; }
.store-notice.error, .store-notice.warning { background: #fff8eb; border-color: #efdfbd; color: #81571e; }
.store-connection .store-notice { margin: 0 0 15px; }
.store-empty { padding: 28px 20px; text-align: center; color: var(--muted); }
.store-empty h2, .store-empty h3 { color: var(--ink); margin: 8px 0; }
.store-empty p { max-width: 500px; margin: 7px auto 16px; }
.store-loading-dot { width: 20px; height: 20px; display: inline-block; border: 2px solid #dae9e4; border-top-color: var(--green-dark); border-radius: 50%; animation: store-spin .85s linear infinite; }
.store-scope-note { display: flex; gap: 12px; align-items: flex-start; margin-top: 24px; font-size: 13px; color: var(--muted); }
.store-scope-note p { margin: 0; }
.store-note-icon { display: grid; place-items: center; width: 20px; height: 20px; flex: none; border: 1px solid #bdceca; border-radius: 50%; font-size: 12px; font-weight: 800; }
.store-job { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px 14px; padding-block: 13px; border-bottom: 1px solid #e9efed; }
.store-job:first-child { padding-top: 0; }.store-job:last-child { padding-bottom: 0; border-bottom: 0; }
.store-job p { margin: 3px 0 0; }.store-job strong { font-size: 13px; overflow-wrap: anywhere; }
.store-filter-panel { display: grid; grid-template-columns: 1fr 1.25fr 1fr 1fr auto; gap: 12px; align-items: end; padding: 18px; }
.store-shell label, .store-dialog label { display: grid; gap: 6px; font-size: 12px; font-weight: 750; }
.store-shell input, .store-shell select, .store-dialog input, .store-dialog select { width: 100%; min-width: 0; min-height: 40px; border: 1px solid #c9d9d4; border-radius: 6px; padding: 8px 10px; background: #fff; color: var(--ink); font: inherit; font-size: 13px; }
.store-shell input[type="date"] { direction: ltr; }
.store-date-note { margin: 10px 0 20px; }
.store-coverage-summary { display: flex; flex-wrap: wrap; gap: 8px 20px; margin-bottom: 18px; font-size: 12px; color: var(--muted); }
.store-currency-block { margin-top: 13px; border: 1px solid var(--line); border-radius: 12px; background: #fff; overflow: hidden; }
.store-currency-heading { padding: 12px 18px; background: #f8fbfa; border-bottom: 1px solid #e7efec; font-size: 12px; font-weight: 800; }
.store-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.store-metric { padding: 17px 18px; min-width: 0; border-inline-end: 1px solid #edf1ef; }
.store-metric:nth-child(3n) { border-inline-end: 0; }.store-metric:nth-child(n+4) { border-top: 1px solid #edf1ef; }
.store-metric span { display: block; color: var(--muted); font-size: 12px; margin-bottom: 6px; }
.store-metric strong { display: block; font-size: clamp(19px, 2vw, 25px); font-weight: 750; line-height: 1.35; overflow-wrap: anywhere; }
.store-inventory-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }.store-inventory-grid .store-metric { padding: 0 12px 0 0; }
.store-kind-filter { min-width: 155px; }
.store-table-wrap { max-width: 100%; overflow-x: auto; }.store-records { width: 100%; border-collapse: collapse; min-width: 650px; text-align: start; font-size: 12px; }
.store-records th { background: #f4f8f6; font-size: 11px; color: #4d6867; white-space: nowrap; }
.store-records :is(th, td) { padding: 12px 10px; text-align: start; border-bottom: 1px solid #e5ece9; vertical-align: top; }
.store-records td:first-child { max-width: 200px; overflow-wrap: anywhere; }.store-records td small { display: block; color: var(--muted); margin-top: 4px; }
.store-records .store-button { padding: 5px 9px; min-height: 32px; font-size: 11px; }.store-amount { white-space: nowrap; font-variant-numeric: tabular-nums; }
.store-pagination { display: flex; align-items: center; justify-content: flex-end; gap: 12px; padding-top: 15px; font-size: 12px; color: var(--muted); }
.store-dialog { width: min(600px, calc(100% - 32px)); max-height: calc(100vh - 48px); overflow-y: auto; border: 1px solid var(--line); border-radius: 14px; padding: 24px; color: var(--ink); background: #fff; }
.store-dialog::backdrop { background: rgba(12, 36, 38, .42); backdrop-filter: blur(2px); }
.store-dialog-heading { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 20px; }
.store-dialog form { display: grid; gap: 18px; }.store-dialog .store-muted { margin: 0; }.store-dialog .store-actions { margin-top: 15px; }
.store-detail-list { display: grid; grid-template-columns: minmax(100px, 1fr) minmax(0, 2fr); margin: 0; }
.store-detail-list dt, .store-detail-list dd { margin: 0; padding: 11px 0; border-bottom: 1px solid #e8eeeb; font-size: 13px; overflow-wrap: anywhere; }
.store-detail-list dt { color: var(--muted); padding-inline-end: 15px; }.store-item-list { padding-inline-start: 20px; }.store-item-list li { margin-bottom: 8px; }
.store-skip-link { position: fixed; top: -100px; inset-inline-start: 16px; background: #fff; padding: 12px; z-index: 30; }.store-skip-link:focus { top: 10px; }
[dir="rtl"] .store-eyebrow { letter-spacing: 0; }[dir="rtl"] .store-shell h1 { letter-spacing: 0; }
@keyframes store-spin { to { transform: rotate(360deg); } }
@media (max-width: 1100px) { .store-filter-panel { grid-template-columns: 1fr 1fr; }.store-filter-panel .store-button { justify-self: start; }.store-provider-grid { gap: 10px; }.store-provider { padding: 16px; }.store-shell.dashboard-shell { grid-template-columns: 180px minmax(0, 1fr); gap: 22px; } }
@media (max-width: 900px) { .store-shell.dashboard-shell { grid-template-columns: minmax(0, 1fr); }.store-shell .dashboard-sidebar { position: static; display: flex; flex-wrap: nowrap; overflow-x: auto; gap: 6px; padding-bottom: 5px; }.store-shell .dashboard-sidebar a { white-space: nowrap; flex: none; }.store-shell { padding-top: 20px; } }
@media (max-width: 600px) { .store-shell { padding: 20px 16px 40px; }.store-page-heading { align-items: flex-start; }.store-page-heading > .store-button { padding: 8px 10px; }.store-provider-grid { grid-template-columns: minmax(0, 1fr); }.store-provider { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 10px 15px; }.store-provider .store-button { width: auto; grid-column: 2; grid-row: 1 / 3; }.store-provider > p { grid-column: 1; }.store-panel, .store-connection { padding: 17px; }.store-section-heading { align-items: flex-start; flex-wrap: wrap; }.store-page-tabs { gap: 18px; font-size: 13px; }.store-connection-meta { grid-template-columns: minmax(0, 1fr); gap: 11px; }.store-connection-meta > div { display: flex; justify-content: space-between; gap: 12px; }.store-connection-meta dd { text-align: end; }.store-actions .store-disconnect { margin-inline-start: 0; }.store-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }.store-metric { padding: 15px; }.store-metric:nth-child(3n) { border-inline-end: 1px solid #edf1ef; }.store-metric:nth-child(2n) { border-inline-end: 0; }.store-metric:nth-child(n+3) { border-top: 1px solid #edf1ef; }.store-inventory-grid { grid-template-columns: minmax(0, 1fr); gap: 14px; }.store-inventory-grid .store-metric { display: flex; align-items: center; justify-content: space-between; border: 0; padding: 0; }.store-inventory-grid .store-metric span { margin: 0; }.store-read-badge { white-space: normal; }.store-dialog { padding: 20px; }.store-filter-panel { gap: 12px; }.store-card-heading > .store-pill { white-space: normal; } }
@media (prefers-reduced-motion: reduce) { .store-loading-dot { animation: none; } }