/* HotelTV Cloud — complementos ao estilo do backoffice (app.css). */
.tabs { display: flex; gap: 2px; flex-wrap: wrap; border-bottom: 1px solid var(--line); margin: -6px 0 18px; }
.tabs a { padding: 9px 14px; color: var(--ink-2); font-weight: 600; font-size: 14px; border-bottom: 2px solid transparent; margin-bottom: -1px; }
.tabs a:hover { color: var(--ink); text-decoration: none; }
.tabs a.active { color: var(--ink); border-bottom-color: var(--accent); }
.page-head h1 .dot { vertical-align: middle; margin-right: 4px; }
.token-card { border-color: var(--accent); background: var(--accent-soft); }
.token-card code.token { font-size: 14px; background: #fff; padding: 4px 8px; border-radius: 6px; user-select: all; word-break: break-all; }
code.copy { user-select: all; }
.danger-zone { margin-top: 24px; }
.card.danger-zone h2 { color: var(--err); }
.logout-under { margin-top: 14px; text-align: center; }
.tr-list h3 { margin: 10px 0 0; color: var(--ink-2); font-size: 13px; text-transform: uppercase; letter-spacing: .05em; }
.btn.ghost.danger { color: var(--err); }