.seller-console { padding: var(--space-32) 0 var(--space-20); }
.seller-console-shell { width: min(72rem, calc(100% - var(--space-12))); margin: 0 auto; }
.seller-console-heading { max-width: none; }
.seller-console-heading-bar { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); }
.seller-console-heading-copy { max-width: 44rem; }
.seller-console-heading h1 { margin: var(--space-2) 0 var(--space-3); font-family: var(--font-display); font-size: clamp(2.2rem, 4.5vw, 3.4rem); font-weight: 300; letter-spacing: -.035em; line-height: 1.05; }
.seller-console-heading-copy > p:last-child { color: var(--text-secondary); }
.seller-payout-launcher { width: auto; min-height: 44px; flex: 0 0 auto; }
.seller-panel { overflow: hidden; border: 1px solid var(--border-quiet); border-radius: var(--radius-shell); background: var(--surface); }
.seller-panel-heading { display: flex; align-items: baseline; justify-content: space-between; gap: var(--space-3); border-bottom: 1px solid var(--border-quiet); padding: var(--space-4) var(--space-5); }
.seller-panel-heading h2 { font-family: var(--font-display); font-size: 1.25rem; font-weight: 500; }
.seller-panel-heading span { color: var(--text-muted); font-family: var(--font-mono); font-size: var(--type-mono-sm); }
.seller-weekly-limits-panel { margin-top: var(--space-8); }
.seller-weekly-limits-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(16rem, 100%), 1fr)); gap: var(--space-3); padding: var(--space-4); }
.seller-weekly-limit-card { min-width: 0; display: grid; gap: var(--space-2); border-radius: var(--radius-control); background: var(--surface-soft); padding: var(--space-5); }
.seller-weekly-limit-card p, .seller-weekly-limit-card span { color: var(--text-secondary); font-size: var(--type-body-sm); }
.seller-weekly-limit-card strong { color: var(--accent-deep); font-family: var(--font-mono); font-size: var(--type-h3); font-weight: 500; font-variant-numeric: tabular-nums; line-height: 1.1; overflow-wrap: anywhere; }
.seller-weekly-limit-context { color: var(--text-muted) !important; font-family: var(--font-mono); font-size: var(--type-mono-sm) !important; }
.seller-weekly-limit-skeleton { width: 70%; height: 1.8rem; display: block; border-radius: var(--radius-control); background: linear-gradient(90deg, var(--surface-soft), var(--border), var(--surface-soft)); background-size: 200% 100%; animation: skeleton-sweep 1.8s var(--ease-standard) infinite; }
.seller-weekly-limits-panel[data-state="unavailable"] .seller-weekly-limit-card strong { color: var(--status-error); font-size: var(--type-body); }
.seller-chart-panel { margin: var(--space-8) 0 var(--space-4); }
.seller-chart-wrap { min-height: 15rem; padding: var(--space-5) var(--space-5) var(--space-3); }
.seller-chart-wrap svg { display: block; width: 100%; height: auto; }
.seller-chart-area { fill: var(--accent-glass); } .seller-chart-line { fill: none; stroke: var(--accent-bright); stroke-width: 2; } .seller-chart-dot { fill: var(--accent-bright); } .seller-chart-grid { stroke: var(--border-quiet); stroke-width: 1; } .seller-chart-label { fill: var(--text-muted); font-family: var(--font-mono); font-size: 10px; }
.seller-performance-list { list-style: none; }
.seller-performance-row { border-top: 1px solid var(--border-quiet); padding: var(--space-3) var(--space-5); } .seller-performance-list > li:first-child .seller-performance-row { border-top: 0; }
.seller-performance-top { display: flex; align-items: baseline; justify-content: space-between; gap: var(--space-3); }
.seller-session-label { overflow: hidden; font-size: var(--type-body-sm); font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.seller-amount { flex: 0 0 auto; color: var(--accent-bright); font-family: var(--font-mono); font-size: var(--type-body-sm); white-space: nowrap; }
.seller-status-pill { display: inline-block; flex: 0 0 auto; border: 1px solid var(--border); border-radius: var(--radius-pill); background: var(--surface-soft); color: var(--text-secondary); padding: .1rem var(--space-2); font-family: var(--font-mono); font-size: var(--type-mono-sm); white-space: nowrap; }
.seller-status-pill[data-stage="sold"] { border-color: rgba(224,180,92,.4); color: #e0b45c; } .seller-status-pill[data-stage="cleared"], .seller-status-pill[data-stage="paid"] { border-color: var(--accent-ring); color: var(--accent-bright); }
.seller-performance-bar { height: .4rem; margin-top: var(--space-2); overflow: hidden; border-radius: var(--radius-pill); background: var(--surface-soft); } .seller-performance-bar i { display: block; height: 100%; border-radius: inherit; background: var(--accent); }
.seller-pricing-facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-2) var(--space-4); margin-top: var(--space-3); border-radius: var(--radius-control); background: var(--surface-soft); padding: var(--space-3); color: var(--text-secondary); font-family: var(--font-mono); font-size: var(--type-mono-sm); }
.seller-pricing-facts span { min-width: 0; overflow-wrap: anywhere; }
.seller-pricing-model, .seller-pricing-earned { color: var(--text-primary); font-weight: 600; }
.seller-pricing-earned { color: var(--accent-bright); }
.seller-performance-meta { margin-top: var(--space-1); color: var(--text-muted); font-family: var(--font-mono); font-size: var(--type-mono-sm); }
.seller-console-state { min-height: 10rem; display: grid; place-items: center; padding: var(--space-6); color: var(--text-secondary); text-align: center; } .seller-console-state[data-state="error"] { color: var(--status-error); } .seller-console-skeleton { width: 100%; height: 9rem; border-radius: var(--radius-control); background: linear-gradient(90deg, var(--surface-soft), var(--border), var(--surface-soft)); background-size: 200% 100%; animation: skeleton-sweep 1.8s var(--ease-standard) infinite; }
.is-payout-open { overflow: hidden; }
.seller-payout-dialog h2 { margin-top: var(--space-2); font-family: var(--font-display); font-size: var(--type-h2); font-weight: 300; letter-spacing: -.035em; line-height: 1.02; }
.seller-payout-dialog-intro { margin-top: var(--space-4); color: var(--text-secondary); line-height: 1.65; }
.seller-payout-balance { display: flex; align-items: baseline; justify-content: space-between; gap: var(--space-4); margin-top: var(--space-6); border: 1px solid var(--border-quiet); border-radius: var(--radius-control); background: var(--surface-soft); padding: var(--space-4); color: var(--text-secondary); }
.seller-payout-balance span { font-size: var(--type-body-sm); }
.seller-payout-balance strong { color: var(--text-primary); font-family: var(--font-mono); font-size: var(--type-body-sm); font-weight: 500; white-space: nowrap; }
.seller-payout { display: grid; gap: var(--space-3); margin-top: var(--space-5); }
.seller-payout[hidden] { display: none; }
.seller-payout-status { margin: 0; max-width: 46rem; color: var(--text-primary); font-size: 1rem; line-height: 1.55; }
.seller-payout-detail { margin: 0; color: var(--text-secondary); }
.seller-payout-actions { display: flex; flex-wrap: wrap; gap: var(--space-3); align-items: center; }
.seller-payout button { min-height: 44px; }
.seller-payout > button { justify-self: start; }
.is-console-view .skip-link { display: none; }
.is-console-view [data-landing-view], .is-console-view .marketplace-footer { display: none; }
@media (max-width: 640px) { .seller-console { padding-top: var(--space-24); } .seller-console-shell { width: min(100% - var(--space-8), 72rem); } .seller-console-heading h1 { font-size: 2.25rem; } .seller-weekly-limits-panel .seller-panel-heading { align-items: flex-start; flex-direction: column; gap: var(--space-1); } .seller-weekly-limits-panel .seller-panel-heading span { white-space: nowrap; } .seller-pricing-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); } .seller-payout-dialog h2 { font-size: var(--type-h3); line-height: 1.08; } .seller-payout-balance { align-items: flex-start; flex-direction: column; gap: var(--space-2); } }