/* Owner console — the account plate widened into a ledger desk. Same mineral
   ground and emerald signal; values in mono, gold only for the money figure. */

.owner-page { display: flex; flex-direction: column; gap: var(--space-5); margin-inline: auto; max-width: 64rem; min-height: 100dvh; padding: var(--space-6) var(--space-4) max(var(--space-8), env(safe-area-inset-bottom)); }
.owner-head { align-items: center; display: flex; gap: var(--space-3); justify-content: space-between; }
.owner-head .account-brand { color: inherit; text-decoration: none; }

.owner-stats { display: grid; gap: var(--space-2); grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr)); margin: 0; }
.owner-stats > div { background: var(--surface-glass-strong); border: 1px solid var(--border-soft); border-radius: var(--radius-lg); padding: var(--space-3) var(--space-4); }
.owner-stats dt { color: var(--limestone-300); font-size: var(--text-xs); }
.owner-stats dd { font-family: var(--font-mono); font-size: 1.35rem; font-weight: 700; margin: var(--space-1) 0 0; }
#statRevenue { color: var(--gold-400); text-align: end; }

.owner-panel { background: var(--surface-glass-strong); border: 1px solid var(--border-mid); border-radius: var(--radius-xl); padding: var(--space-5); }
.owner-panel h2 { font-size: var(--text-sm); font-weight: 700; margin: 0; }
.owner-panel-head { align-items: center; display: flex; flex-wrap: wrap; gap: var(--space-3); justify-content: space-between; }
.owner-filter { background: var(--mineral-950); border: 1px solid var(--border-mid); border-radius: var(--radius-sm); color: inherit; flex: 1 1 14rem; max-inline-size: 20rem; min-block-size: var(--touch-target); padding-inline: var(--space-3); }

.owner-rows, .owner-log { display: flex; flex-direction: column; gap: var(--space-2); list-style: none; margin: var(--space-4) 0 0; padding: 0; }
.owner-row { align-items: center; background: var(--mineral-1000); border: 1px solid var(--border-soft); border-radius: var(--radius-lg); display: flex; flex-wrap: wrap; gap: var(--space-3); justify-content: space-between; padding: var(--space-3) var(--space-4); }
.owner-identity { display: flex; flex-direction: column; gap: var(--space-1); min-inline-size: 0; }
.owner-name { font-weight: 700; overflow-wrap: anywhere; }
.owner-meta { color: var(--limestone-300); font-family: var(--font-mono); font-size: var(--text-xs); }
.owner-identity .device-badge, .owner-badge-muted { align-self: flex-start; margin: 0; }
.owner-badge-muted { border: 1px solid var(--border-soft); border-radius: var(--radius-sm); color: var(--limestone-300); font-size: var(--text-xs); padding: 0.15rem 0.5rem; }

.owner-actions { align-items: center; display: flex; flex-wrap: wrap; gap: var(--space-2); }
.owner-select { background: var(--mineral-950); border: 1px solid var(--border-mid); border-radius: var(--radius-sm); color: inherit; min-block-size: var(--touch-target); padding-inline: var(--space-2); }

.owner-log-item { border-block-end: 1px solid var(--border-soft); display: flex; flex-wrap: wrap; gap: var(--space-2); justify-content: space-between; padding-block: var(--space-2); font-size: var(--text-sm); }
.owner-log-item time { color: var(--limestone-300); font-family: var(--font-mono); font-size: var(--text-xs); }
.owner-log-empty { color: var(--limestone-300); font-size: var(--text-sm); }

@media (max-width: 40rem) {
  .owner-actions { inline-size: 100%; }
  .owner-actions .button, .owner-select { flex: 1 1 auto; }
}