/* COMANDO FÚRIA — camada visual única. Não altera ações ou regras de negócio. */
:root {
  --ux-bg: #f4f5f3;
  --ux-surface: #ffffff;
  --ux-soft: #edf2f5;
  --ux-text: #172b3d;
  --ux-muted: #536779;
  --ux-line: #d4dee5;
  --ux-accent: #a45f0c;
  --ux-focus: #176caa;
  --ux-radius: 20px;
  --ux-shadow: 0 6px 24px #172b3d08;
  --ux-nav-height: 80px;
}
html[data-theme="dark"] {
  color-scheme: dark;
  --ux-bg: #0d1720;
  --ux-surface: #172530;
  --ux-soft: #203440;
  --ux-text: #f1f5f8;
  --ux-muted: #b6c8d5;
  --ux-line: #3c5363;
  --ux-accent: #f5c272;
  --ux-focus: #8cceff;
  --ux-shadow: none;
}
html { scroll-padding-top: 104px; scrollbar-gutter: stable; }
body { background: var(--ux-bg); color: var(--ux-text); line-height: 1.55; }
button, a, input, select, textarea { -webkit-tap-highlight-color: transparent; }
button, a { touch-action: manipulation; }
button { line-height: 1.4; }
button:disabled { cursor: not-allowed; }
:where(button, a, input, select, textarea, summary, [tabindex]):focus-visible {
  outline: 3px solid var(--ux-focus) !important;
  outline-offset: 3px;
}
input, textarea, select { scroll-margin-block: 120px; }
.ux-skip-link { position: fixed; left: 16px; top: -120px; z-index: 2000; padding: 12px 20px; border-radius: 12px; background: var(--ux-surface); color: var(--ux-text); font-weight: 700; }
.ux-skip-link:focus { top: 12px; }
.workspace { max-width: 1440px; padding: 28px clamp(18px, 3vw, 40px) 56px; }
.workspace, .workspace *, .modal *, .auth-panel * { min-width: 0; }
.workspace h2 { font-size: clamp(22px, 2.1vw, 30px); line-height: 1.2; letter-spacing: -.035em; }
.workspace h3 { font-size: clamp(17px, 1.5vw, 21px); line-height: 1.35; letter-spacing: -.02em; }
.workspace p, .workspace .helper, .modal p { font-size: 14px; line-height: 1.65; }
.workspace small, .modal small { font-size: 12px; line-height: 1.5; }
.workspace .kicker, .modal .kicker { font-size: 11px; line-height: 1.5; letter-spacing: .12em; }
.section-head { margin: 32px 0 16px; align-items: center; flex-wrap: wrap; }
.section-head:first-child { margin-top: 0; }
.section-head h2 { margin-top: 5px; }
.card, .row, .document-row, .operator-card, .rank-row, .program-card,
.record-card-v37, .metric-card, .modern-table, .operations-editor-v39,
.operations-search-v39, .fa-icon-library-v41 {
  border-color: var(--ux-line); background: var(--ux-surface); color: var(--ux-text); box-shadow: var(--ux-shadow);
}
.card { padding: clamp(18px, 2vw, 28px); border-radius: var(--ux-radius); }
.list, .record-stack-v37, .program-cards, .knowledge-list { gap: 14px; }
.grid, .grid.two, .admin-split, .dashboard-columns, .profile-grid, .heal-shell { gap: 20px; }
.btn { min-height: 48px; padding: 12px 18px; border-radius: 14px; font-size: 14px; line-height: 1.4; text-decoration: none; }
.icon-btn, .modal-x, .side-user button { min-width: 44px; min-height: 44px; flex-shrink: 0; }
.icon-btn { width: 44px; height: 44px; border-color: var(--ux-line); }
.actions, .record-actions-v37, .document-actions { gap: 10px; }
.status-pill, .chip { font-size: 11px; line-height: 1.4; padding: 7px 11px; }
.status-pill.warning { color: #785006; }
.status-pill.success { color: #17633f; }
.status-pill.danger { color: #a42342; }
.empty { padding: 32px 20px; background: var(--ux-surface); color: var(--ux-muted); border-color: var(--ux-line); font-size: 14px; line-height: 1.7; }
.card p, .row small, .helper, .record-content-v37 p, .record-content-v37 small { color: var(--ux-muted); }
.auth-panel { width: 100%; max-width: none; padding: clamp(28px, 5vw, 72px); }
.auth-panel > div:not(.mobile-logo), .auth-panel > .auth-theme-switch { width: min(100%, 480px); }
.auth-panel > div:not(.mobile-logo) { justify-self: center; }
.auth-panel .auth-theme-switch { justify-self: center; width: max-content; justify-content: flex-start; margin-bottom: 28px; }
.auth-panel h2 { font-size: clamp(28px, 3.4vw, 42px); line-height: 1.15; }
.auth-panel label, .modal label, .field { font-size: 13px; line-height: 1.5; gap: 8px; }
.auth-panel form, .modal form, .form-grid { gap: 20px; }
.form-grid { display: grid; }
.auth input:not([type="checkbox"]), .field input:not([type="checkbox"]),
.field select, .field textarea, .modal input:not([type="checkbox"]):not([type="range"]),
.modal select, .modal textarea {
  min-height: 50px; padding: 13px 15px; border-radius: 12px; font-size: 16px;
}
textarea { resize: vertical; }
input[type="checkbox"] { accent-color: var(--blue); }
.check { gap: 10px; line-height: 1.5; }
.auth-links { margin: 16px 0 24px; gap: 8px; flex-wrap: wrap; }
.auth-links button, .back, .text-link { min-height: 44px; font-size: 13px; }
.visitor-btn { min-height: 80px; gap: 14px; margin-top: 12px; text-decoration: none; }
.visitor-btn small { font-size: 12px; }
.ux-about-link { display: flex; justify-content: space-between; align-items: center; gap: 14px; margin-top: 20px; padding: 18px 0 0; border-top: 1px solid var(--ux-line); color: var(--ux-text); text-decoration: none; font-size: 14px; }
.ux-about-link span { display: block; font-size: 12px; color: var(--ux-muted); }
.password-input > [data-password-toggle] { width: 44px; height: 44px; right: 4px; }
.top { min-height: 80px; padding-inline: clamp(18px, 3vw, 40px); }
.top-actions > button { min-height: 44px; min-width: 44px; }
.side nav button { min-height: 46px; font-size: 13px; }
.side nav button.active { box-shadow: inset 3px 0 var(--gold); }
.side-user small { font-size: 11px; }
.admin-tabs { position: static; flex-wrap: wrap; justify-content: flex-start; overflow: visible; margin: 0 0 24px; padding: 12px; gap: 8px; border: 1px solid var(--ux-line); border-radius: 18px; background: var(--ux-surface); box-shadow: none; }
.admin-tabs button { min-height: 44px; padding: 10px 14px; font-size: 12px; border-radius: 12px; }
.manager-hero-v37 { padding: 24px; gap: 20px; margin-bottom: 24px; border-radius: 20px; }
.manager-hero-v37 h2 { margin: 5px 0 10px; }
.manager-hero-v37 p { margin: 0; max-width: 65ch; }
.admin-toolbar, .visitor-tools, .filter-bar, .qr-history-filters-v25 { flex-wrap: wrap; gap: 12px; }
.search-box { flex: 1 1 240px; min-width: min(240px, 100%); max-width: 100%; }
.search-box input { font-size: 16px; min-height: 48px; }
.filter-bar select, .visitor-tools select, .visitor-tools > input { font-size: 15px; }
.filter-chips { gap: 8px; padding-block: 4px; scrollbar-width: thin; }
.filter-chips button, .segmented button, .shop-tabs button { min-height: 44px; font-size: 12px; }
.segmented { max-width: 100%; flex-wrap: wrap; border-radius: 16px; }
.table-wrap, .modern-table { max-width: 100%; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: thin; }
.table th, .table td, .modern-table .table th, .modern-table .table td { padding: 15px 16px; font-size: 13px; line-height: 1.5; }
.table th { font-size: 12px; font-weight: 700; }
.modern-table td small { font-size: 11px; }
.table tbody tr:last-child td { border-bottom: 0; }
.metric-card { min-height: 124px; padding: 22px; align-items: flex-start; }
.metric-card > span { flex-shrink: 0; }
.metric-card strong { font-size: 30px; line-height: 1.4; font-variant-numeric: tabular-nums; }
.metric-card small, .metric-card p { font-size: 12px; }
.record-card-v37 { padding: 20px; gap: 16px; }
.record-content-v37 h3 { margin: 5px 0 7px; overflow-wrap: anywhere; }
.record-content-v37 p { max-width: 75ch; }
.record-content-v37 small { font-size: 12px; }
.operator-main small, .operator-points small, .program-card small { font-size: 12px; }
.skill-mini span { height: 24px; }
.skill-mini small { padding: 4px 6px; font-size: 10px; }
.badge-v22.locked { opacity: 1; }
.badge-v22.locked > b { color: var(--ux-muted); }
.badge-v22.locked img { opacity: .6; }
.fa-icon-option-v41 { min-height: 80px; }
.fa-icon-option-v41 b { font-size: 11px; }
.fa-icon-grid-v41 { scrollbar-width: thin; }
.profile-grid .identity { flex-wrap: wrap; }
.profile-preview-hero-v22 h2 { overflow-wrap: anywhere; }
.post-head { padding: 20px 22px; }
.post-copy { padding: 0 22px 20px; font-size: 15px; line-height: 1.65; overflow-wrap: anywhere; }
.post-actions { padding: 10px 14px; gap: 8px; }
.post-actions button { min-height: 44px; min-width: 44px; }
.post-media img, .post-media video { object-fit: contain; background: var(--ux-soft); }
.story-strip { gap: 16px; padding: 6px 2px 16px; }
.story-strip button b { font-size: 11px; }
.composer-actions { flex-wrap: wrap; gap: 10px; }
.document-row h3 { font-size: 18px; }
.document-row p { font-size: 13px; }
.program-card { gap: 16px; padding: 18px; }
.program-card.past { opacity: 1; }
.calendar-grid > button, .calendar-grid > span { min-width: 0; }
.calendar-grid > button { min-height: 52px; font-size: 14px; }
.month.paid, .shop-card.requested, .shop-card.unavailable { opacity: 1; filter: none; }
.month.paid .status-pill, .shop-card.requested .status-pill { font-weight: 800; }
.modal { padding: 24px; overscroll-behavior: contain; }
.modal-card { max-height: calc(100dvh - 48px); padding: 32px; scrollbar-width: thin; }
.modal-card h2 { padding-right: 48px; line-height: 1.3; font-size: clamp(22px, 2vw, 28px); }
.modal-x { z-index: 5; right: 14px; top: 14px; }
.editor-actions-v37, .badge-editor-actions-v41, .crud-form-actions-v24 { gap: 12px; padding-top: 24px; margin-top: 10px; border-top: 1px solid var(--ux-line); }
.toast { max-width: min(430px, calc(100vw - 32px)); padding: 16px 20px; font-size: 14px; line-height: 1.5; }
.toast.show { border: 1px solid #45657c; background: #203e50; color: #fff; }
.toast.error.show { border-color: #d58399; background: #8f2945; color: #fff; }
.ux-leads-link { display: inline-flex; align-items: center; gap: 10px; margin: 0 0 20px; }
/* Temas: superfícies secundárias e textos, sem filtros de opacidade no conteúdo. */
html[data-theme="dark"] :is(.engagement-grid > div, .visitor-row, .notice-item,
.response-list > div, .report-accordion details, .qr-result, .protocol, .podium,
.month, .shop-card, .operations-search-v39, .admin-tabs, .table, .table tbody tr,
.record-card-v37, .metric-card, .row, .profile-preview-section-v22,
.fa-icon-library-v41, .badge-library-summary-v41 > span) {
  background: var(--ux-surface) !important; color: var(--ux-text) !important; border-color: var(--ux-line) !important;
}
html[data-theme="dark"] :is(.table td, .modern-table .table td) { background: var(--ux-surface) !important; color: var(--ux-text) !important; }
html[data-theme="dark"] :is(.table th, .modern-table .table th) { background: var(--ux-soft) !important; color: var(--ux-muted) !important; }
html[data-theme="dark"] :is(.card p, .row small, .record-content-v37 p, .record-content-v37 small, .metric-card small, .metric-card p, .helper, .visitor-row small, .document-row p, .response-list small, .notice-item p, .notice-item small) { color: var(--ux-muted) !important; }
html[data-theme="dark"] :is(.status-pill, .chip, .engagement-grid, .qr-history-filters-v25, .bulk-points-confirm-v40, .qr-identity-v25) { background: var(--ux-soft) !important; color: #c1e0f6 !important; }
html[data-theme="dark"] .status-pill.warning { background: #49381e !important; color: #ffda92 !important; }
html[data-theme="dark"] .status-pill.success { background: #1c3f34 !important; color: #9ee1ba !important; }
html[data-theme="dark"] .status-pill.danger { background: #4b2836 !important; color: #ffb6cb !important; }
html[data-theme="dark"] .status-pill.info { background: #203e50 !important; color: #b2ddfb !important; }
html[data-theme="dark"] .record-actions-v37 .danger-icon-v24 { color: #ffb0c4 !important; border-color: #895067 !important; background: #382530 !important; }
html[data-theme="dark"] .badge-v22.locked { opacity: 1 !important; }
html[data-theme="dark"] .badge-v22.locked > b { color: var(--ux-muted) !important; }
html[data-theme="dark"] .auth-panel { background: var(--ux-bg); }
body.ux-modal-open { overflow: hidden; }
.calendar-layout { gap: 24px; }
.calendar-v19 button > span { min-height: 0; background: transparent; }
.calendar-v19 button.past, html[data-theme="dark"] .calendar-v19 button.past { color: var(--ux-muted); }
.calendar-legend { flex-wrap: wrap; gap: 14px; font-size: 12px; }
.calendar-card .section-head .actions { flex-wrap: nowrap; }
.quiz-card.closed { opacity: 1; filter: none; }
.quiz-card.open, .urgent-pulse { animation: none; }
.quiz-card.closed p { color: var(--ux-muted); }
html[data-theme="dark"] input::placeholder, html[data-theme="dark"] textarea::placeholder { color: #aabfce; opacity: 1; }
/* Tablet e celular: mesmos destinos e mesmas ações do portal. */
@media (max-width: 1100px) {
  .metrics-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .admin-split, .dashboard-columns, .groups-layout, .visitor-layout { grid-template-columns: minmax(0, 1fr); }
  .record-card-v37 { grid-template-columns: auto minmax(0, 1fr) auto; }
  .record-actions-v37 { grid-column: 2 / -1; justify-content: flex-start; flex-wrap: wrap; }
}
@media (max-width: 820px) {
  html { scroll-padding-top: 88px; scrollbar-gutter: auto; }
  body { overscroll-behavior-y: none; }
  .app { padding-left: 0 !important; }
  .workspace { padding: 20px 16px calc(var(--ux-nav-height) + env(safe-area-inset-bottom) + 28px); }
  .top { min-height: 72px; padding: 12px 16px; padding-top: max(12px, env(safe-area-inset-top)); gap: 10px; }
  .top h1 { font-size: 21px; line-height: 1.25; }
  .top .kicker { font-size: 10px; }
  .top-actions { gap: 7px; }
  .top-actions > button { display: none; }
  .top-actions > .theme-switch, .top-actions > .top-profile { display: flex !important; }
  .top-actions .theme-switch span { display: none; }
  #mobileMenu { display: none !important; }
  #mobileNav.mobile-nav { display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)); align-items: center; height: calc(var(--ux-nav-height) + env(safe-area-inset-bottom)); padding: 8px max(6px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(6px, env(safe-area-inset-left)); border-radius: 22px 22px 0 0; background: var(--ux-surface) !important; border-color: var(--ux-line); box-shadow: 0 -4px 24px #0d172010; }
  #mobileNav.mobile-nav > button { display: flex; flex-direction: column; justify-content: center; gap: 6px; min-height: 56px; padding: 4px 2px; color: var(--ux-muted); border-radius: 12px; }
  #mobileNav.mobile-nav > button span { font-size: 10px !important; font-weight: 700; line-height: 1.25 !important; }
  #mobileNav.mobile-nav > button i { font-size: 20px; }
  #mobileNav.mobile-nav > button.active:not([data-mobile-qr]) { background: var(--ux-soft); color: var(--ux-text); }
  #mobileNav.mobile-nav > button[data-mobile-qr] { justify-self: center; top: -10px; width: 64px; height: 64px; min-height: 64px; border: 5px solid var(--ux-surface); background: #eab460; color: #152534; box-shadow: 0 4px 16px #0d172026; }
  #mobileNav.mobile-nav > button[data-mobile-qr] span { font-size: 8px !important; }
  .mobile-more-modal-v25 { align-items: end; padding: 0; }
  .mobile-more-sheet-v25 { width: 100%; max-height: 88dvh; overflow-y: auto; padding: 16px 20px calc(24px + env(safe-area-inset-bottom)); border-radius: 26px 26px 0 0; background: var(--ux-surface); color: var(--ux-text); }
  .mobile-more-grid-v25 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .mobile-more-grid-v25 button { min-height: 72px; font-size: 13px; }
  .admin-tabs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); position: static !important; margin: 0 0 24px !important; padding: 10px !important; gap: 8px; }
  .admin-tabs button { white-space: normal; min-height: 48px; font-size: 12px; padding: 10px 8px; }
  .admin-tabs button.active { box-shadow: inset 0 -3px var(--gold); }
  .card, .manager-hero-v37 { border-radius: 18px; }
  .manager-hero-v37, .knowledge-head, .admin-toolbar { flex-direction: column; align-items: stretch; }
  .manager-hero-v37 > .btn { width: 100%; }
  .hero, .operator-summary, .profile-grid, .heal-shell, .gc-board, .leader-grid, .feed-layout, .calendar-layout { grid-template-columns: minmax(0, 1fr); }
  .hero, .operator-hero { padding: 24px 20px; }
  .hero h2, .operator-hero h2 { font-size: 28px; }
  .hero-actions { flex-wrap: wrap; }
  .hero-actions .btn { flex: 1 1 140px; }
  .search-box { width: 100%; flex: 1 1 100%; }
  .table { min-width: 560px; }
  .record-card-v37 { grid-template-columns: 48px minmax(0, 1fr); padding: 18px; gap: 14px; }
  .record-symbol-v37 { width: 48px; height: 48px; }
  .record-stats-v37 { grid-column: 2; justify-content: flex-start; flex-wrap: wrap; }
  .record-actions-v37 { grid-column: 1 / -1; border-top: 1px solid var(--ux-line); padding-top: 14px; display: flex; }
  .record-actions-v37 .btn { flex: 1; }
  .document-row { grid-template-columns: 44px minmax(0, 1fr); gap: 12px; padding: 18px; }
  .document-actions { grid-column: 1 / -1; justify-content: flex-end; }
  .operator-card { grid-template-columns: auto minmax(0, 1fr); gap: 12px; }
  .operator-card .actions { grid-column: 1 / -1; justify-content: flex-end; }
  .operator-points { text-align: left; }
  .operator-main > div { flex-wrap: wrap; gap: 6px; }
  .program-card { grid-template-columns: auto minmax(0, 1fr); }
  .program-card > .actions { grid-column: 1 / -1; }
  .program-card > .status-pill { grid-column: 2; }
  .program-card .btn { white-space: normal; }
  .qr-mini { gap: 14px; }
  .modal { padding: 10px; }
  .modal-card, .editor-modal-v37 .modal-card { width: 100%; max-height: calc(100dvh - 20px); padding: 24px 18px; border-radius: 22px; }
  .modal form, .modal .form-grid, .operator-edit-modal .form-grid { grid-template-columns: minmax(0, 1fr); }
  .modal .wide { grid-column: 1 / -1; }
  .badge-editor-layout-v40 { grid-template-columns: minmax(0, 1fr); }
  .badge-editor-side-v41 { position: static; }
  .badge-editor-preview-v40 { min-height: 150px; padding: 18px; }
  .badge-editor-preview-v40 img { width: 90px; height: 90px; }
  .editor-actions-v37, .badge-editor-actions-v41 { display: flex; flex-wrap: wrap; }
  .editor-actions-v37 .btn, .badge-editor-actions-v41 .btn { flex: 1 1 140px; }
  .toast { top: auto; bottom: calc(var(--ux-nav-height) + env(safe-area-inset-bottom) + 12px); left: 16px; right: 16px; max-width: none; transform: translateY(12px); }
  .toast.show { transform: none; }
  .auth-panel { min-height: 100dvh; align-content: center; padding: 24px max(20px, env(safe-area-inset-left)) max(28px, env(safe-area-inset-bottom)); }
  .auth-panel .auth-theme-switch { justify-self: start; margin-bottom: 24px; }
  .auth-panel .mobile-logo { margin: 0 0 22px; }
  .auth-panel .mobile-logo img { width: 48px; height: 48px; }
  .auth-panel .form-grid { grid-template-columns: minmax(0, 1fr); }
  .profile-photo { flex-shrink: 0; }
}
@media (max-width: 480px) {
  .workspace { padding-inline: 14px; }
  .metrics-grid, .metrics-grid.small { grid-template-columns: minmax(0, 1fr); }
  .metric-card { min-height: 100px; }
  .approval-alert { grid-template-columns: 44px minmax(0, 1fr); padding: 18px; }
  .approval-alert > .btn { grid-column: 1 / -1; }
  .approval-alert .alert-icon { width: 44px; height: 44px; }
  .grid, .grid.two, .doc-grid { grid-template-columns: minmax(0, 1fr); }
  .balance { gap: 10px; }
  .balance div { padding: 14px; }
  .balance small { font-size: 11px; }
  .balance strong { font-size: 28px; }
  .calendar-grid { gap: 4px; }
  .calendar-grid > button { min-height: 44px; padding: 4px 0; border-radius: 10px; }
  .calendar-v19 button > span { font-size: 14px !important; }
  .product-editor-grid-v37 { grid-template-columns: minmax(0, 1fr); }
  .product-editor-image-v37 { min-height: 160px; max-height: 240px; }
  .post-head { padding: 18px; }
  .post-copy { padding: 0 18px 18px; }
  .visitor-tools > *, .filter-bar > select { width: 100%; }
  .badge-grid, .equipment-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .badge-v22 > b { font-size: 13px; }
  .badge-v22 > small { font-size: 11px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* Login separado por tipo de acesso — v67 */
.auth-access-tabs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px; margin: 24px 0; padding: 4px; border-radius: 16px; background: #f1e5d3; }
.auth-access-tabs button { min-height: 58px; padding: 10px 12px; border: 1px solid transparent; border-radius: 13px; background: transparent; color: var(--ux-muted, #707b86); font-size: 14px; font-weight: 800; line-height: 1.25; }
.auth-access-tabs button[aria-selected="true"] { border-color: #c9954f; background: var(--navy, #172231); color: #fff; box-shadow: 0 8px 20px #17223124; }
.auth-access-tabs button:focus-visible { outline: 3px solid var(--gold, #dda75f); outline-offset: 2px; }
.auth-access-panel[hidden] { display: none !important; }
.auth-access-intro { margin: -2px 0 16px !important; color: var(--ux-muted, #707b86); font-size: 13px; }
.auth-temporary-actions { display: grid; gap: 12px; }
.auth-temporary-actions .visitor-btn { margin: 0; min-height: 88px; transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease; }
.auth-temporary-actions .visitor-btn:hover { border-color: var(--gold, #dda75f); transform: translateY(-1px); box-shadow: 0 10px 24px #17223114; }
.auth-temporary-actions .visitor-btn > span { min-width: 0; flex: 1; }
.auth-temporary-actions .visitor-btn > i:last-child { margin-left: auto; color: var(--blue, #315f85); font-size: 13px; }
html[data-theme="dark"] .auth-access-tabs { background: #243441; }
html[data-theme="dark"] .auth-access-tabs button[aria-selected="true"] { background: var(--gold, #dda75f); color: #172231; }
@media (max-width: 480px) {
  .auth-access-tabs { margin-block: 20px; }
  .auth-access-tabs button { min-height: 54px; padding-inline: 8px; font-size: 13px; }
  .auth-temporary-actions .visitor-btn { min-height: 82px; }
}