/* Portal chrome around the shared dashboard (vendor/style.css supplies the theme, cards, tables and controls). */
.account { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.account label { color: var(--text-muted); font-size: 12px; text-transform: uppercase; letter-spacing: .04em; }
.account .who { color: var(--text-secondary); font-size: 13px; margin-left: 4px; }
.account button[aria-pressed="true"] { border-color: var(--text-primary); font-weight: 600; }
.portal-panel .card { max-width: 680px; margin: 32px auto; }
.portal-panel .card .desc { font-size: 13px; color: var(--text-secondary); line-height: 1.5; }
.portal-panel .actions { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0 8px; align-items: center; }
.portal-panel .hint { color: var(--text-muted); font-size: 12px; margin-top: 8px; }
.portal-panel .hint.bad { color: var(--bad); }
.portal-panel p { margin: 10px 0; }
.portal-panel .code {
  display: inline-block; font: 600 26px/1.2 ui-monospace, Consolas, monospace; letter-spacing: .1em;
  padding: 10px 16px; border: 1px solid var(--border); border-radius: 8px; background: var(--page); user-select: all;
}
#devices-table input[type="text"] { width: 200px; padding: 3px 6px; font-size: 13px; }
#devices-table td.actions-cell { white-space: nowrap; }
#devices-table td.actions-cell button + button { margin-left: 6px; }
#devices-table .muted { color: var(--text-muted); font-size: 12px; }
@media (max-width: 640px) { .account { width: 100%; } }