/* Owner console: mobile first, on the shared tokens (packages/ui). */
.console { padding-block: var(--space-4) var(--space-12); max-width: 720px; }
.bar { display: flex; align-items: center; gap: var(--space-3); padding-block: var(--space-2) var(--space-4); border-bottom: 1px solid var(--color-line); margin-bottom: var(--space-4); }
.bar h1 { flex: 1; font-size: var(--size-lg); margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.back { font-size: var(--size-2xl); line-height: 1; text-decoration: none; color: var(--color-ink); padding-inline: var(--space-2); }
.linkish { background: none; border: 0; color: var(--color-slate); font: inherit; text-decoration: underline; cursor: pointer; padding: var(--space-2); }
.tiles { display: grid; gap: var(--space-3); grid-template-columns: 1fr; }
@media (min-width: 560px) { .tiles { grid-template-columns: 1fr 1fr; } }
.tile { display: flex; flex-direction: column; gap: var(--space-1); padding: var(--space-6); border: 1px solid var(--color-line); border-radius: var(--radius-md); background: var(--color-white); color: var(--color-ink); text-decoration: none; min-height: 96px; }
.tile strong { font-family: var(--font-heading); font-size: var(--size-lg); color: var(--accent); }
.tile span { color: var(--color-slate); }
.rows { list-style: none; margin: 0 0 var(--space-6); padding: 0; border: 1px solid var(--color-line); border-radius: var(--radius-md); background: var(--color-white); }
.rows li + li { border-top: 1px solid var(--color-line); }
.rows a { display: flex; align-items: center; gap: var(--space-2); padding: var(--space-4); color: var(--color-ink); text-decoration: none; min-height: 48px; }
.rows .note { padding: var(--space-4); }
.grow { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.count { color: var(--color-slate); min-width: 2ch; text-align: right; }
.chip { font-size: var(--size-xs); padding: 2px var(--space-2); border-radius: var(--radius-pill); background: var(--color-sand); color: var(--color-ink); white-space: nowrap; }
.chip--new { background: var(--accent); color: var(--color-white); }
.chip--warn { background: var(--color-warning); color: var(--color-white); }
.chip--accepted { background: var(--color-success); color: var(--color-white); }
.chip--declined, .chip--archived { color: var(--color-slate); }
.small { font-size: var(--size-xs); color: var(--color-slate); }
.note { color: var(--color-slate); }
.warn { background: #FBEFD9; color: var(--color-warning); border-radius: var(--radius-sm); padding: var(--space-3); }
.fields { display: grid; grid-template-columns: 1fr; gap: var(--space-1); margin: var(--space-4) 0; }
.fields dt { font-size: var(--size-xs); color: var(--color-slate); margin-top: var(--space-3); }
.fields dd { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; }
@media (min-width: 560px) { .fields { grid-template-columns: 12rem 1fr; } .fields dt { margin-top: 0; } }
.manage { display: grid; gap: var(--space-3); padding: var(--space-4); border: 1px solid var(--color-line); border-radius: var(--radius-md); background: var(--color-white); margin-block: var(--space-6); }
.manage label { display: grid; gap: var(--space-1); }
.manage textarea, .manage select, .filter select { font: inherit; padding: var(--space-2); border: 1px solid var(--color-line); border-radius: var(--radius-sm); width: 100%; }
.filter { display: flex; align-items: center; gap: var(--space-2); margin-bottom: var(--space-3); }
.filter select { width: auto; flex: 1; }
.actions { display: flex; align-items: center; gap: var(--space-3); }
.btn--danger { background: var(--color-danger); border-color: var(--color-danger); }
.signin { text-align: center; padding-block: var(--space-16); display: grid; gap: var(--space-4); justify-items: center; }
.chip--danger { background: var(--color-danger); color: var(--color-white); }
.switch { display: grid; gap: var(--space-3); margin-bottom: var(--space-3); }
.switch-text { margin: 0; font-weight: 600; }
.switch .btn { justify-self: start; }