.product-page { min-width: 0; }
.product-heading { margin-bottom: 24px; }
.product-heading > div:first-child { min-width: 0; }
.product-heading .product-toolbar { align-self: flex-end; }
.product-toolbar { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.product-select { width: auto; min-width: 128px; height: 36px; padding: 6px 32px 6px 12px; border: 1px solid #3c3d42; border-radius: 12px; color: var(--console-foreground); background: #1e1f23; font: inherit; font-size: 14px; }
.product-user-filters { margin: -8px 16px 24px; }
.product-user-filters input { width: 288px; max-width: 100%; height: 36px; min-height: 36px; padding: 6px 12px; border: 1px solid #3c3d42; border-radius: 12px; color: var(--console-foreground); background: #1e1f23; font-size: 14px; }
.product-user-filters select { width: 160px; }
/* Keep the console-wide form reset from expanding toolbar controls into full rows. */
.console-workspace .product-toolbar.product-user-filters input { width: 288px; max-width: 100%; flex: 0 1 288px; }
.console-workspace .product-toolbar.product-user-filters select { width: 160px; max-width: 100%; flex: 0 1 160px; }
.product-empty { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 232px; padding: 48px 24px; border: 1px dashed var(--console-border); border-radius: 16px; text-align: center; }
.product-empty-icon { display: grid; place-items: center; width: 40px; height: 40px; margin-bottom: 12px; border-radius: 50%; background: #28292d; color: var(--console-muted); }
.product-empty-icon svg { width: 20px; height: 20px; }
.product-empty h2 { margin: 0; color: var(--console-foreground); font-size: 14px; font-weight: 500; line-height: 20px; letter-spacing: normal; }
.product-empty p { max-width: 400px; margin: 4px 0 0; color: var(--console-muted); font-size: 14px; line-height: 20px; }
.product-empty .console-button { margin-top: 16px; }
.product-caption { margin: 24px 16px; color: var(--console-muted); font-size: 14px; line-height: 20px; }
.product-caption strong { color: var(--console-foreground); font-weight: 500; }
.product-caption a { color: var(--console-foreground); }
.product-section-label { margin: 0 0 12px !important; color: var(--console-muted); font-size: 14px !important; line-height: 20px; font-weight: 500 !important; letter-spacing: normal !important; }
.product-card-options { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; margin-bottom: 24px; }
.product-card-options .console-card { display: flex; flex-direction: column; min-width: 0; padding: 16px; }
.product-card-options h3 { display: flex; align-items: center; gap: 8px; margin: 0 0 6px !important; font-size: 14px !important; line-height: 20px !important; font-weight: 500 !important; }
.product-card-options h3 svg { width: 16px; height: 16px; color: var(--console-muted); }
.product-card-options p { margin: 0 0 28px; color: var(--console-muted); font-size: 14px; line-height: 20px; }
.product-card-option-footer { display: flex; flex-direction: column; gap: 8px; margin-top: auto; }
.product-card-option-footer small { color: var(--console-muted); font-size: 12px; line-height: 16px; }
.product-card-option-footer .console-button { width: 100%; }
.product-balance-grid { display: grid; grid-template-columns: minmax(0,1fr) 342px; gap: 48px; margin: 0 16px 20px; }
.product-balance-main { padding-top: 8px; }
.product-overline { margin: 0 0 4px; color: var(--console-muted); font-size: 12px; line-height: 16px; }
.product-balance-row { display: flex; justify-content: space-between; align-items: center; gap: 24px; flex-wrap: wrap; }
.product-balance-value { font-size: 60px; font-weight: 500; line-height: 1.1; letter-spacing: -.04em; }
#sandbox-deposit-fields { display: flex; align-items: center; gap: 8px; }
#sandbox-deposit-amount { width: 96px; min-height: 36px; height: 36px; padding: 6px 12px; border: 1px solid #3c3d42; border-radius: 12px; background: #1e1f23; color: var(--console-foreground); font-size: 14px; }
.product-balance-details { padding: 16px; }
.product-balance-details h2,.product-activity-panel > h2 { margin: 0; font-size: 16px; font-weight: 500; line-height: 24px; letter-spacing: normal; }
.product-balance-details p,.product-activity-panel > p { margin: 4px 0 16px; color: var(--console-muted); font-size: 12px; line-height: 18px; }
.product-balance-details dl { display: grid; grid-template-columns: 1fr auto; gap: 8px 12px; margin: 0; font-size: 14px; }
.product-balance-details dt { color: var(--console-muted); }.product-balance-details dd { margin: 0; }
.product-activity-panel { margin-top: 22px !important; padding: 16px; }
.product-activity-panel .product-empty { min-height: 214px; }
.product-earnings-page { max-width: 1026px; margin: 0 auto; }
.product-earnings-summary { padding: 16px; }
.product-earnings-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.product-earnings-top .console-button { min-height: 24px; padding: 2px 8px; font-size: 12px; }
.product-earnings-value { display: block; color: #68d2a4; font-size: 36px; font-weight: 500; line-height: 40px; letter-spacing: -.03em; }
.product-earnings-components { display: grid; grid-template-columns: repeat(3,1fr); margin: 16px 0; padding: 16px 0; border-top: 1px solid #35363a; border-bottom: 1px solid #35363a; }
.product-earnings-components dt { color: var(--console-muted); font-size: 12px; line-height: 16px; }.product-earnings-components dd { margin: 0; font-family: var(--font-mono); font-size: 14px; }
.product-reward-share { display: flex; align-items: center; gap: 16px; margin: 0 0 16px; }.product-reward-share p { margin: 0; color: var(--console-muted); }
.product-text-button { display: inline-flex; align-items: center; gap: 6px; padding: 0; border: 0; color: var(--console-foreground); background: transparent; font-size: 12px; cursor: pointer; }
.product-earnings-footer { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px 20px; color: var(--console-muted); font-size: 12px; line-height: 16px; }.product-earnings-footer a { text-decoration: underline; text-underline-offset: 2px; }
.product-tabs { display: inline-flex; gap: 2px; margin: 0 16px 24px; padding: 3px; border-radius: 16px; background: #28292d; }
.product-tabs button { min-height: 24px; padding: 2px 8px; border: 0; border-radius: 12px; color: var(--console-muted); background: transparent; font-size: 12px; cursor: pointer; }.product-tabs button.active { color: var(--console-foreground); background: #414247; }
.product-log-filter { margin: 0 16px 16px; }.product-log-filter p { margin: 0; color: var(--console-muted); font-size: 12px; }
.product-status { margin: 12px 0 0; }.product-recovery { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-top: 8px; font-family: var(--app-font-native-sans); font-size: 12px; }
.product-dialog { max-width: 450px; padding: 16px; border-radius: 20px; }.product-dialog .console-dialog-header { margin-bottom: 4px; }.product-dialog > p { margin: 0 0 12px; font-size: 14px; line-height: 20px; }
.product-dialog label { display: block; margin: 12px 0 4px; font-size: 12px; font-weight: 500; line-height: 16px; }.product-dialog select { width: 100%; height: 36px; padding: 6px 12px; border: 1px solid #48494e; border-radius: 12px; background: #28292d; color: var(--console-foreground); font-size: 14px; }
.product-money-field { position: relative; }.product-money-field > span { position: absolute; top: 11px; left: 12px; color: var(--console-muted); font-size: 24px; line-height: 24px; }.product-money-field input { width: 100%; min-height: 48px; padding: 8px 12px 8px 32px; border: 1px solid #62636a; border-radius: 16px; background: #28292d; color: var(--console-foreground); font-size: 24px; line-height: 30px; }
.product-field-help { margin: 4px 0 12px; color: var(--console-muted); font-size: 12px; line-height: 16px; }.product-dialog-actions { display: flex; justify-content: flex-end; gap: 8px; flex-wrap: wrap; margin-top: 16px; }
.product-code-dialog { max-width: 780px; }.product-code-dialog pre { max-height: 320px; margin: 16px 0; padding: 16px; overflow: auto; border: 1px solid var(--console-border); border-radius: 12px; background: var(--console-background); color: var(--console-foreground); font-family: var(--app-font-native-mono); font-size: 12px; line-height: 20px; white-space: pre-wrap; overflow-wrap: anywhere; }
.product-table-wrap { max-width: 100%; overflow: auto; border: 1px solid var(--console-border); border-radius: 12px; }.product-table { width: 100%; min-width: 680px; border-collapse: collapse; font-size: 13px; line-height: 20px; }.product-table :is(th,td) { padding: 12px 16px; border-bottom: 1px solid var(--console-border); text-align: left; white-space: nowrap; }.product-table th { color: var(--console-muted); font-size: 12px; font-weight: 500; }.product-table tbody tr:last-child td { border-bottom: 0; }.product-table .console-button { min-height: 28px; padding: 3px 8px; font-size: 12px; }.product-table .product-row-actions { display: flex; gap: 8px; }.product-table small { display: block; color: var(--console-muted); font-size: 11px; }.product-pill { display: inline-flex; padding: 2px 8px; border-radius: 999px; color: #9bdcbc; background: #244233; font-size: 11px; }.product-pill.closed { color: #a9aab0; background: #323338; }
.product-visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }
.console-workspace :is(#product-user-search,#sandbox-deposit-amount,#sandbox-issue-amount,#sandbox-simulate-amount) { font-family: var(--app-font-native-mono); font-synthesis-weight: none; }
@media (max-width: 1100px) { .product-balance-grid { grid-template-columns: 1fr 300px; gap: 24px; }.product-balance-row { gap: 16px; } }
@media (max-width: 760px) { .product-heading { display: block; }.product-heading .product-toolbar { margin-top: 16px; }.product-card-options { grid-template-columns: 1fr; }.product-balance-grid { grid-template-columns: 1fr; gap: 24px; margin: 0 16px 20px; }.product-balance-value { font-size: 52px; }.product-earnings-components { grid-template-columns: 1fr; gap: 12px; }.product-earnings-footer { display: block; }.product-earnings-footer > span { display: block; margin-top: 8px; }.product-reward-share { align-items: flex-start; }.product-earnings-page { margin: 0; }.product-user-filters { max-width: 310px; }.product-user-filters input { width: 288px; }.product-activity-panel { padding: 16px; }.product-empty { padding: 48px 20px; }.product-select { max-width: 100%; } }
@media (prefers-reduced-motion: reduce) { .product-page * { scroll-behavior: auto; } }

/* Vault uses the same card/table rhythm and inherited Adobe typography as the console. */
.vault-feedback:empty{display:none}.vault-feedback{margin:18px 0}.vault-dialog{width:min(480px,calc(100vw - 32px))}.vault-dialog p{line-height:1.5;color:var(--console-muted,#6b7280)}.vault-preview{border:1px solid var(--console-border,#e5e7eb);border-radius:12px;padding:22px;margin:20px 0;background:var(--console-surface,#fff)}.vault-preview strong{font-size:20px;display:block;margin:20px 0 4px}.vault-preview .vault-mode{font-size:12px;letter-spacing:.04em}.vault-summary{display:grid;grid-template-columns:1fr auto;gap:14px;margin:24px 0}.vault-summary dd{margin:0;text-align:right;font-weight:600}.vault-summary dt{color:var(--console-muted,#6b7280)}.vault-field{display:grid;gap:8px;margin:20px 0}.vault-field input{width:100%;padding:11px 12px;border:1px solid var(--console-border,#ddd);border-radius:8px;font:inherit;background:var(--console-surface,#fff);color:inherit}.vault-table-wrap{overflow-x:auto}.vault-table{width:100%;border-collapse:collapse;font-size:14px}.vault-table th,.vault-table td{padding:16px 18px;border-bottom:1px solid var(--console-border,#e5e7eb);text-align:left}.vault-table th{font-size:12px;font-weight:500;color:var(--console-muted,#6b7280)}.vault-table small{display:block;margin-top:4px;color:var(--console-muted,#6b7280);font-size:12px}.vault-state{display:inline-block;border-radius:6px;padding:4px 8px;font-size:12px;background:var(--console-hover,#f4f4f5)}.vault-state[data-state=completed]{color:#137443;background:#eaf7ee}.vault-state[data-state=pending],.vault-state[data-state=approved]{color:#8f6210;background:#fdf5e6}.vault-state[data-state=failed],.vault-state[data-state=rejected]{color:#a4403c;background:#fbefee}.vault-action-cell{white-space:nowrap}.vault-action-cell button+button{margin-left:8px}.vault-pagination{justify-content:flex-end;margin-top:18px}@media(max-width:650px){.vault-table th,.vault-table td{padding:12px 10px}.vault-table .vault-date{display:none}.vault-dialog .product-dialog-actions{flex-wrap:wrap}.vault-table{font-size:13px}.vault-summary{font-size:14px}}

.vault-field textarea{width:100%;padding:11px 12px;border:1px solid var(--console-border,#ddd);border-radius:8px;background:var(--console-surface,#fff);color:inherit;font:12px/1.5 var(--app-font-native-mono,monospace);resize:vertical;overflow-wrap:anywhere}.vault-fingerprint{overflow-wrap:anywhere;border:1px solid var(--console-border,#ddd);border-radius:8px;padding:12px;font:13px/1.6 var(--app-font-native-mono,monospace)}
/* Recovery secrets stay readable without a web-font dependency. */
#vault-recovery-output,#vault-recovery-confirm,#vault-recovery-code{font-family:var(--app-font-native-mono);font-size:12px}

.vault-device-toolbar,.vault-device-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.vault-device-toolbar{font-size:12px;color:var(--console-muted,#6b7280);margin:20px 0 12px}.vault-device-list{list-style:none;padding:0;margin:0;display:grid;gap:12px}.vault-device-list li{min-width:0;border:1px solid var(--console-border,#e5e7eb);border-radius:10px;padding:16px}.vault-device-heading{margin-bottom:12px;font-size:14px}.vault-device-list .vault-fingerprint{padding:0;border:0;font-size:12px}.vault-device-list .vault-device-dates{font-size:12px;margin:10px 0}.vault-device-list small{display:block;font-size:12px;color:var(--console-muted,#6b7280);margin-top:8px}.vault-state[data-state=revoked]{color:var(--console-muted,#6b7280)}

.analytics-chart{min-height:230px;display:flex;align-items:center}.analytics-chart svg{width:100%;height:auto;min-height:200px;overflow:visible}.analytics-chart text{fill:var(--console-muted);font:12px var(--font-sans)}.analytics-grid{stroke:var(--console-border);stroke-dasharray:3 4}.analytics-line{fill:none;stroke:#58b997;stroke-width:2.5;vector-effect:non-scaling-stroke}.analytics-area{fill:#58b997;opacity:.10}.analytics-chart [data-day]:focus{outline:2px solid #58b997;outline-offset:2px}.analytics-pagination{justify-content:flex-end;margin:18px 0;font-size:12px}.analytics-sort{padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer}.analytics-sort{display:inline-flex;align-items:center;gap:4px}.analytics-id{display:flex;gap:8px;align-items:center}.analytics-id code{font-size:11px}.analytics-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:20px;margin:28px 0}.analytics-detail-card{padding:20px;min-width:0}.analytics-detail-card h2{font-size:16px;margin:0 0 12px}.analytics-detail-card p{font-size:13px;color:var(--console-muted);line-height:1.6}.analytics-detail-card aside h2{margin-top:24px}.analytics-user-id{display:block;overflow-wrap:anywhere;font-size:12px}.analytics-card{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--console-border);margin-bottom:20px;font-size:13px}.analytics-card small{width:100%;color:var(--console-muted)}#analytics-user-detail h1{margin:20px 0 8px}#analytics-user-detail .product-table{min-width:500px}@media(max-width:800px){.analytics-detail-grid{grid-template-columns:1fr}.analytics-pagination{justify-content:flex-start}.analytics-chart{min-height:180px}.analytics-chart svg{min-height:150px}}
.customer-links-dialog{max-width:620px}.customer-link-row{display:grid;gap:8px;padding:18px 0;border-bottom:1px solid var(--console-border);overflow-wrap:anywhere}.customer-link-row .vault-state{justify-self:start}.customer-link-row button{justify-self:start}.customer-link-value{width:100%;padding:12px;background:var(--console-background);color:var(--console-foreground);border:1px solid var(--console-border);border-radius:10px;font:12px/1.5 var(--app-font-native-mono)}#customer-created{display:grid;gap:12px;overflow-wrap:anywhere}#customer-created[hidden]{display:none}.product-user-filters{flex-wrap:wrap}

#customer-mcp-dialog{width:min(680px,calc(100vw - 32px));max-height:calc(100svh - 32px);overflow:auto}#customer-mcp-code{padding:16px;background:var(--console-background);color:var(--console-foreground);border:1px solid var(--console-border);border-radius:8px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.7;max-height:260px;overflow:auto}#customer-mcp-form{display:grid;gap:10px;margin-bottom:20px}#customer-mcp-created{margin:16px 0}#customer-mcp-created input{margin-bottom:10px}#customer-mcp-dialog hr{border:0;border-top:1px solid var(--console-border,#e4e4e7);margin:24px 0}
.merchant-vault-card{padding:24px;margin-bottom:20px;max-width:680px}.merchant-vault-card .vault-field{display:block;margin:18px 0}.merchant-vault-card input,.merchant-vault-card select{width:100%;box-sizing:border-box}.merchant-vault-card input{font-family:var(--app-font-native-mono)}.merchant-vault-card .product-heading{align-items:center;gap:16px;flex-wrap:wrap}.merchant-vault-card .product-toolbar{flex-wrap:wrap}
