:root {
  --device-gutter: clamp(16px, 3.2vw, 56px);
  --device-reading-width: 82rem;
  --device-touch-target: 44px;
  --device-safe-top: env(safe-area-inset-top, 0px);
  --device-safe-right: env(safe-area-inset-right, 0px);
  --device-safe-bottom: env(safe-area-inset-bottom, 0px);
  --device-safe-left: env(safe-area-inset-left, 0px);
}

html {
  min-width: 320px;
  min-height: 100%;
  overflow-x: hidden;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  min-width: 320px;
  min-height: 100vh;
  min-height: 100dvh;
  overflow-x: clip;
  overflow-wrap: anywhere;
  padding-left: var(--device-safe-left);
  padding-right: var(--device-safe-right);
}

img, svg, video, canvas, iframe {
  max-width: 100%;
}

input, textarea, select, button {
  max-width: 100%;
}

textarea {
  max-width: 100%;
}

button, a, input, select, textarea, summary, [role="button"] {
  touch-action: manipulation;
}

button, a.button, .button, .time-button, .welcome-button, .welcome-template,
.welcome-tab, .time-tab, .time-page, .public-menu-button, .menu-button,
.theme-toggle, .icon-button, .device-mode-button {
  min-height: var(--device-touch-target);
}

input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
select, textarea {
  min-height: var(--device-touch-target);
}

input[type="checkbox"], input[type="radio"] {
  min-width: 20px;
  min-height: 20px;
}

:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
  outline: max(2px, 0.14rem) solid var(--accent, #7894ff);
  outline-offset: max(2px, 0.16rem);
}


.device-skip-link {
  position: fixed;
  z-index: 10050;
  left: max(12px, var(--device-safe-left));
  top: max(12px, var(--device-safe-top));
  transform: translateY(-180%);
  max-width: min(36rem, calc(100vw - 24px));
  padding: 12px 16px;
  border: 1px solid var(--accent, #7894ff);
  border-radius: 8px;
  background: var(--panel, #181a1f);
  color: var(--text, #eeeef1);
  box-shadow: 0 12px 32px #0008;
  font-weight: 700;
  transition: transform .16s ease;
}

.device-skip-link:focus {
  transform: translateY(0);
}


.device-mode-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex: none;
  padding: 9px 12px;
  border: 1px solid var(--line, #2b2e36);
  border-radius: 8px;
  background: var(--panel, #181a1f);
  color: var(--text, #eeeef1);
  font: inherit;
  font-size: 12px;
  font-weight: 650;
  line-height: 1.2;
}

.device-mode-button:hover,
.device-mode-button[aria-pressed="true"] {
  border-color: var(--accent, #7894ff);
  background: var(--soft, #252e4c);
  color: var(--accent, #7894ff);
}


[data-device-scroll] {
  max-width: 100%;
  overscroll-behavior-inline: contain;
  scrollbar-gutter: stable both-edges;
}

[data-device-scroll]:focus-visible {
  outline-offset: -3px;
}

.public-main, .footer-inner, .public-nav-inner, .status-page,
.point-shell, .dash-content {
  min-width: 0;
}

.public-main, .footer-inner, .public-nav-inner {
  padding-left: max(var(--device-gutter), var(--device-safe-left));
  padding-right: max(var(--device-gutter), var(--device-safe-right));
}

.status-page, .point-shell {
  padding-left: max(var(--device-gutter), var(--device-safe-left));
  padding-right: max(var(--device-gutter), var(--device-safe-right));
}

.dash-content {
  padding-left: max(var(--device-gutter), var(--device-safe-left));
  padding-right: max(var(--device-gutter), var(--device-safe-right));
  padding-bottom: max(56px, calc(40px + var(--device-safe-bottom)));
}

.public-nav {
  padding-top: var(--device-safe-top);
}

.sidebar {
  padding-bottom: max(26px, calc(18px + var(--device-safe-bottom)));
}


.hero-copy, .directory-row > div, .module-line, .feature-card, .support-card,
.login-card, .page-title, .activity-row > div, .workspace-intro > div,
.server-card, .settings-card, .info-card, .guide-list, .verification-hero,
.embed-edit-section, [data-embed-section], .time-panel, .time-metric,
.welcome-editor, .welcome-preview-card, .welcome-help, .transcript-card,
.ticket-overview, .ticket-context, .discord-chat {
  min-width: 0;
  overflow-wrap: anywhere;
}

.hero-copy h1, .inner-hero h1, .page-title h1, .login-card h1,
.time-header h1, .time-panel h2, .welcome-dashboard h1,
.transcripts-hero h1, .ticket-overview h1 {
  overflow-wrap: anywhere;
  hyphens: auto;
}

.guild-name, .user-mini b, .breadcrumb b, .context-person b,
.context-person small {
  max-width: 100%;
}


@media (max-width: 600px) {
  .guild-name, .user-mini b, .breadcrumb b, .context-person b,
  .context-person small {
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
  }

  .server-card strong, .directory-row h3, .activity-row b {
    overflow-wrap: anywhere;
  }
}


.welcome-help, .time-table-wrap, .time-heat-wrap,
.embed-editor-preview__codeblock, [data-embed-preview] pre,
.embed-editor-preview pre, .transcript-code, .transcript-detail pre,
.discord-chat pre, .ticket-context pre, .settings-card pre,
.info-card pre, .guide-list pre, .point-shell pre {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
}

.welcome-help, .time-table-wrap {
  scrollbar-color: var(--line, #384154) transparent;
}

.welcome-help table, .time-table,
.transcript-detail table, .ticket-transcript table {
  min-width: max-content;
}

.welcome-help th, .welcome-help td, .time-table th, .time-table td,
.transcript-detail th, .transcript-detail td {
  overflow-wrap: normal;
}

.embed-editor-preview__codeblock, [data-embed-preview] pre,
.embed-editor-preview pre, .transcript-code, .transcript-detail pre,
.discord-chat pre, .ticket-context pre, .settings-card pre,
.info-card pre, .guide-list pre, .point-shell pre {
  white-space: pre;
  padding-bottom: 4px;
}


.embed-editor-intro, .embed-edit-section, [data-embed-section],
.embed-editor-preview, [data-embed-preview], .all-embed-field-row,
.embed-editor-field-row {
  max-width: 100%;
}

.all-embed-field-row, .embed-editor-field-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
  gap: 12px;
  align-items: end;
}

.all-embed-section, .all-embed-content, .all-embed-split,
.all-embed-controls, .all-embed-preview-sticky, .all-embed-preview,
.all-embed-tabs, .all-embed-fields-heading {
  min-width: 0;
  max-width: 100%;
}

.all-embed-tabs {
  flex-wrap: nowrap;
  overflow-x: auto;
  padding-bottom: 3px;
  -webkit-overflow-scrolling: touch;
}

.all-embed-tabs button, .all-embed-content button:not(.button),
.all-embed-import {
  min-height: var(--device-touch-target);
  white-space: normal;
}

.all-embed-controls input, .all-embed-controls textarea,
.all-embed-controls select, .embed-editor-field-row input:not([type="checkbox"]),
.embed-editor-field-row textarea, .all-embed-json {
  min-height: var(--device-touch-target);
  font-size: max(16px, 1em);
}

.all-embed-json {
  max-width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.all-embed-preview-sticky {
  max-height: none;
}

.embed-editor-preview__card {
  max-width: 100%;
  overflow-wrap: anywhere;
}

.embed-editor-preview__image {
  width: 100%;
  height: auto;
}

.embed-editor-preview__fields,
.embed-editor-preview__inline-row {
  min-width: 0;
}


.welcome-dashboard {
  width: min(100%, 1240px);
  margin-inline: auto;
  padding-inline: max(12px, var(--device-safe-left));
}

.welcome-hero, .welcome-editor-header, .welcome-actions,
.welcome-templates, .welcome-tabs {
  min-width: 0;
}

.welcome-tabs {
  scrollbar-width: thin;
  -webkit-overflow-scrolling: touch;
}

.welcome-tab, .welcome-template, .welcome-button {
  min-height: var(--device-touch-target);
  white-space: normal;
}

.welcome-dashboard input, .welcome-dashboard textarea,
.welcome-dashboard select {
  min-height: var(--device-touch-target);
  font-size: max(16px, 1em);
}

.welcome-preview-card, .welcome-discord-preview {
  overflow-wrap: anywhere;
}


.point-shell {
  width: min(100%, 1440px);
  padding-bottom: max(48px, calc(28px + var(--device-safe-bottom)));
}

.point-nav, .point-session, .time-header, .time-panel-heading,
.time-form-footer {
  min-width: 0;
}

.time-dashboard {
  max-width: 100%;
  padding-bottom: max(50px, calc(30px + var(--device-safe-bottom)));
}

.time-subnav, .time-pagination {
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
}

.time-dashboard input, .time-dashboard select,
.time-button, .time-page, .time-tab {
  min-height: var(--device-touch-target);
}

.time-metric strong {
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
  overflow-wrap: anywhere;
}


.login-page {
  min-height: calc(100dvh - 180px);
  padding-top: max(45px, calc(32px + var(--device-safe-top)));
  padding-bottom: max(45px, calc(32px + var(--device-safe-bottom)));
}

.login-card {
  max-width: min(460px, 100%);
}


.transcripts-hero, .transcripts-section, .ticket-detail,
.discord-preview, .discord-chat, .transcript-card {
  max-width: 100%;
  min-width: 0;
}

.discord-preview {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.discord-chat, .transcript-detail, .card-main {
  overflow-wrap: anywhere;
}

@media (max-width: 900px) {
  .sidebar {
    padding-left: max(14px, var(--device-safe-left));
    padding-right: 14px;
  }

  .dash-header {
    padding-left: max(17px, var(--device-safe-left));
    padding-right: max(17px, var(--device-safe-right));
  }
}

@media (max-width: 720px) {
  .public-nav-inner {
    padding-left: max(16px, var(--device-safe-left));
    padding-right: max(16px, var(--device-safe-right));
  }

  .public-nav nav {
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .public-nav nav a {
    display: inline-flex;
    align-items: center;
    min-height: var(--device-touch-target);
    padding: 8px 4px;
  }

  .public-nav nav a.current:after {
    bottom: -3px;
  }

  .footer-inner, .status-page, .point-shell {
    padding-left: max(16px, var(--device-safe-left));
    padding-right: max(16px, var(--device-safe-right));
  }

  .all-embed-field-row, .embed-editor-field-row {
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  .all-embed-field-row > button, .embed-editor-field-row > button {
    width: 100%;
  }

  .welcome-hero, .welcome-editor-header,
  .time-header, .time-form-footer, .point-nav {
    align-items: stretch;
    flex-direction: column;
  }

  .welcome-user, .time-user {
    white-space: normal;
  }

  .welcome-grid, .welcome-fields, .time-form-grid,
  .time-content-grid {
    grid-template-columns: 1fr;
  }

  .welcome-actions > *, .welcome-templates > * {
    flex: 1 1 10rem;
  }

  .point-session {
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .transcripts-hero h1, .ticket-overview h1 {
    font-size: clamp(28px, 9vw, 38px);
  }
}


@media (max-width: 480px) {
  .public-nav .nav-tools .button-small,
  .nav-tools .button-small,
  .nav-tools a[href*="login"], .nav-tools a[href*="auth"],
  .nav-tools a[href*="account"], .nav-tools a[href*="conta"],
  .nav-tools a[href*="logout"], .nav-tools a[href*="sair"],
  .nav-tools a[href*="help"], .nav-tools a[href*="ajuda"],
  .header-actions a[href*="logout"], .header-actions a[href*="sair"],
  .header-actions a[href*="help"], .header-actions a[href*="ajuda"] {
    display: inline-flex !important;
  }

  .nav-tools {
    min-width: 0;
    flex-wrap: wrap;
    justify-content: flex-end;
  }

  .nav-tools .button-small {
    min-height: var(--device-touch-target);
    padding-inline: 10px;
  }

  .header-actions > .icon-button:last-child[href*="logout"],
  .header-actions > .icon-button:last-child[href*="sair"],
  .header-actions > .icon-button:last-child[href*="help"],
  .header-actions > .icon-button:last-child[href*="ajuda"] {
    display: inline-flex;
  }

  .public-nav .brand-word {
    display: none;
  }

  .login-card, .feature-card, .support-card,
  .activity-card, .health-card, .settings-card, .info-card,
  .guide-list, .verification-hero {
    padding: 20px;
  }

  .welcome-dashboard {
    margin-top: 10px;
    padding-inline: 10px;
  }

  .welcome-hero, .welcome-panel, .welcome-editor,
  .welcome-preview-card, .welcome-help {
    padding: 14px;
  }

  .time-metrics {
    grid-template-columns: 1fr;
  }
}


@media (min-width: 1600px) {
  body { font-size: clamp(14px, .72vw, 18px); }
  .public-main, .footer-inner, .public-nav-inner { max-width: min(1660px, 94vw); }
  .dash-content { max-width: min(1680px, 94vw); }
  .status-page { max-width: min(1120px, 88vw); }
  .point-shell { max-width: min(1720px, 94vw); }
  .hero-copy h1 { max-width: 15ch; }
}


html[data-device-mode="tv"] {
  font-size: clamp(17px, 1.05vw, 25px);
  scroll-padding-top: 7rem;
}

html[data-device-mode="tv"] body {
  min-width: 320px;
  font-size: 1rem;
  line-height: 1.7;
  padding: max(2.2vh, var(--device-safe-top)) max(3.2vw, var(--device-safe-right))
    max(2.2vh, var(--device-safe-bottom)) max(3.2vw, var(--device-safe-left));
}

html[data-device-mode="tv"] .public-nav {
  top: 0;
}

html[data-device-mode="tv"] .public-nav-inner,
html[data-device-mode="tv"] .footer-inner,
html[data-device-mode="tv"] .dash-content,
html[data-device-mode="tv"] .status-page,
html[data-device-mode="tv"] .point-shell {
  width: 100%;
  max-width: 104rem;
  margin-inline: auto;
  padding-left: clamp(28px, 3vw, 72px);
  padding-right: clamp(28px, 3vw, 72px);
}

html[data-device-mode="tv"] .sidebar {
  width: clamp(270px, 18vw, 360px);
  font-size: 1rem;
}

html[data-device-mode="tv"] .dash-header {
  min-height: 5.25rem;
  height: auto;
  padding-inline: clamp(28px, 3vw, 72px);
}

html[data-device-mode="tv"] .public-nav,
html[data-device-mode="tv"] .public-nav-inner {
  min-height: 5.5rem;
}

html[data-device-mode="tv"] .public-nav nav,
html[data-device-mode="tv"] .nav-tools,
html[data-device-mode="tv"] .header-actions,
html[data-device-mode="tv"] .hero-actions {
  gap: 14px;
}

html[data-device-mode="tv"] .public-nav nav a,
html[data-device-mode="tv"] .dash-link,
html[data-device-mode="tv"] .time-tab,
html[data-device-mode="tv"] .welcome-tab {
  font-size: 1rem;
}

html[data-device-mode="tv"] .button,
html[data-device-mode="tv"] .button-small,
html[data-device-mode="tv"] .time-button,
html[data-device-mode="tv"] .welcome-button,
html[data-device-mode="tv"] .welcome-template,
html[data-device-mode="tv"] .welcome-tab,
html[data-device-mode="tv"] .time-tab,
html[data-device-mode="tv"] .time-page,
html[data-device-mode="tv"] .device-mode-button,
html[data-device-mode="tv"] .theme-toggle,
html[data-device-mode="tv"] .icon-button,
html[data-device-mode="tv"] .menu-button,
html[data-device-mode="tv"] .public-menu-button {
  min-height: 52px;
  min-width: 52px;
  padding: 12px 18px;
  font-size: 1rem;
}

html[data-device-mode="tv"] input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
html[data-device-mode="tv"] select,
html[data-device-mode="tv"] textarea {
  min-height: 52px;
  padding: 12px 15px;
  font-size: 1rem;
}

html[data-device-mode="tv"] input[type="checkbox"],
html[data-device-mode="tv"] input[type="radio"] {
  min-width: 26px;
  min-height: 26px;
}

html[data-device-mode="tv"] .hero-copy h1,
html[data-device-mode="tv"] .inner-hero h1,
html[data-device-mode="tv"] .page-title h1,
html[data-device-mode="tv"] .time-header h1,
html[data-device-mode="tv"] .welcome-dashboard h1,
html[data-device-mode="tv"] .transcripts-hero h1 {
  font-size: clamp(2.5rem, 3.4vw, 4.8rem);
}

html[data-device-mode="tv"] .hero-lead,
html[data-device-mode="tv"] .inner-hero p,
html[data-device-mode="tv"] .page-title p,
html[data-device-mode="tv"] .time-panel-heading > span,
html[data-device-mode="tv"] .welcome-dashboard,
html[data-device-mode="tv"] .transcript-card {
  font-size: 1rem;
}

html[data-device-mode="tv"] .metrics,
html[data-device-mode="tv"] .time-metrics {
  gap: 18px;
}

html[data-device-mode="tv"] .metrics strong,
html[data-device-mode="tv"] .time-metric strong {
  font-size: clamp(1.6rem, 2vw, 2.4rem);
}

html[data-device-mode="tv"] .time-table,
html[data-device-mode="tv"] .welcome-help table {
  font-size: 1rem;
}

html[data-device-mode="tv"] .time-table th,
html[data-device-mode="tv"] .time-table td,
html[data-device-mode="tv"] .welcome-help th,
html[data-device-mode="tv"] .welcome-help td {
  padding: 14px 16px;
}

html[data-device-mode="tv"] :focus-visible {
  outline: 4px solid #fff;
  outline-offset: 5px;
  box-shadow: 0 0 0 8px var(--accent, #7894ff);
}

html[data-device-mode="tv"] .device-skip-link {
  font-size: 1rem;
}

@media (prefers-reduced-motion: reduce) {
  .device-skip-link { transition: none; }
}


.public-nav-inner,.nav-tools,.header-actions{min-width:0}
.roblox-personal .form-grid>*{min-width:0}
.roblox-personal input,.roblox-personal select{font-size:16px}
.legal-document{max-width:100%;line-height:1.8}
.legal-document a{color:var(--accent,#7894ff);text-decoration:underline}
.creator-top,.creator-tools,.creator-grid{min-width:0;max-width:100%}
.creator-top{flex-wrap:wrap}.creator-tools{flex-wrap:wrap}
.creator-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))!important}
html[data-device-mode="tv"] .public-nav-inner,
html[data-device-mode="tv"] .public-nav nav,
html[data-device-mode="tv"] .nav-tools,
html[data-device-mode="tv"] .header-actions{flex-wrap:wrap}
html[data-device-mode="tv"] .public-main{max-width:100rem;width:100%}
html[data-device-mode="tv"] .public-nav nav a{min-height:52px;padding:8px}
html[data-device-mode="tv"] .sidebar{height:100vh;height:100dvh}
html[data-device-mode="tv"] .time-dashboard{font-size:1rem}
html[data-device-mode="tv"] .time-header p,html[data-device-mode="tv"] .time-metric small,
html[data-device-mode="tv"] .time-table th,html[data-device-mode="tv"] .time-table td,
html[data-device-mode="tv"] .settings-card p,html[data-device-mode="tv"] label,
html[data-device-mode="tv"] .legal-document p{font-size:1rem}
@media(max-width:900px){html[data-device-mode="tv"] .sidebar{width:min(320px,86vw)}
 .public-nav-inner{flex-wrap:wrap}.nav-tools{flex-wrap:wrap}.header-actions{flex-wrap:wrap}
 .dash-header{height:auto;min-height:65px;padding-block:10px}
 .all-embed-preview-sticky{position:static}.all-embed-preview{padding:12px}
}
@media(max-width:600px){.nav-tools{flex:1 1 auto}.header-actions{gap:6px}
 .public-nav .brand{margin-right:0}.time-filters label{max-width:100%;min-width:0}
 .time-filters input,.time-filters select{min-width:0;max-width:100%;font-size:16px}
 .all-embed-fields-heading{flex-wrap:wrap}.all-embed-controls .wide{grid-column:auto}
 .install-page,.creator-main{padding:24px 16px!important;max-width:100%}
 html[data-device-mode="tv"] .public-nav-inner,html[data-device-mode="tv"] .footer-inner,
 html[data-device-mode="tv"] .dash-content,html[data-device-mode="tv"] .point-shell,
 html[data-device-mode="tv"] .status-page{padding-inline:14px}
 html[data-device-mode="tv"] .public-nav nav{display:flex;flex-basis:100%}
 html[data-device-mode="tv"] .time-header h1,html[data-device-mode="tv"] .page-title h1{font-size:1.7rem}
 .device-mode-button{padding-inline:8px;font-size:11px}.nav-tools .button-small{font-size:11px}
}
@media(max-height:550px) and (orientation:landscape){.sidebar{padding-top:12px}
 .dash-header,.public-nav{position:relative}.editorial-hero{padding-block:32px}
 .login-page{padding-block:24px}.all-embed-preview-sticky{position:static}
}
@media(forced-colors:active){:focus-visible{outline:3px solid Highlight!important;box-shadow:none!important}
 .button,.device-mode-button,.time-tab{border:1px solid ButtonText!important}}


*,*::before,*::after{box-sizing:border-box}
.point-shell,.time-dashboard,.creator-main,.install-page{max-width:100%}

/* Cabeçalho público: nunca partir palavras; menu recolhe antes de faltar espaço */
.public-nav nav a,.public-nav .nav-tools>*{white-space:nowrap;flex-shrink:0}
.public-nav nav{flex-shrink:0;flex-wrap:nowrap}.public-nav .nav-tools{flex-wrap:nowrap;flex-shrink:0;margin-left:auto}
@media(max-width:1700px){.public-nav .nav-tools .theme-toggle-label{display:none}.public-nav .nav-tools .theme-toggle{width:40px;min-width:40px;padding:0}}
@media(max-width:1500px){.public-nav-inner{flex-wrap:wrap;row-gap:10px}.public-nav .brand{margin-right:auto}.public-nav .public-menu-button{display:inline-flex;width:42px;height:42px;flex-shrink:0}.public-nav nav{display:none;order:4;width:100%;margin:0;padding:8px;border-radius:18px;background:var(--panel)}.public-nav[data-menu-open="true"] nav{display:flex;flex-direction:column;align-items:stretch}.public-nav nav a{padding:12px 14px;font-size:15px}.public-nav .nav-tools{margin-left:0}}
/* Mobile compacto: menos margens, títulos e cartões mais pequenos */
@media(max-width:720px){body{font-size:14px}.dash-content{padding:16px 12px 40px!important}.dash-header{height:56px!important;padding-inline:12px!important}.page-title{gap:10px!important;margin-bottom:16px!important;padding-bottom:14px!important;border-bottom-width:1px!important}.page-title h1{font-size:26px!important;line-height:1.1!important;margin:4px 0 6px!important;letter-spacing:-.02em!important}.page-title p{font-size:13.5px!important;line-height:1.5!important}.page-title .module-pill{display:none!important}.eyebrow,.card-kicker{font-size:10.5px!important;letter-spacing:.08em!important}.settings-card{padding:16px!important;margin:12px 0!important;border-radius:12px!important}.card-heading{gap:10px!important;margin-bottom:12px!important}.card-heading h2{font-size:18px!important}.card-heading p{font-size:13px!important}.settings-icon{display:none!important}.form-grid{gap:12px!important}.button{min-height:42px;padding:9px 14px;font-size:14px}.public-main{padding-inline:14px!important}h1{word-break:normal;overflow-wrap:anywhere}}
@media(max-width:400px){.dash-content{padding-inline:10px!important}.page-title h1{font-size:23px!important}}
/* Cabeçalho público no telemóvel: barra fixa (marca | tema | menu) e tudo o resto dentro do menu */
@media(max-width:720px){
html:not([data-device-mode="tv"]) .public-nav-inner{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;align-items:center!important;gap:8px!important;min-height:60px!important;padding:8px 14px!important;flex-wrap:nowrap!important}
html:not([data-device-mode="tv"]) .public-nav .brand{grid-column:1;grid-row:1;min-width:0;margin:0!important;display:flex;align-items:center;gap:10px}
html:not([data-device-mode="tv"]) .public-nav .brand-word{display:block!important;font-size:16px!important;white-space:nowrap}
html:not([data-device-mode="tv"]) .public-nav .brand-dim{display:none!important}
html:not([data-device-mode="tv"]) .public-nav .brand-mark{width:36px!important;height:36px!important}
html:not([data-device-mode="tv"]) .public-nav .nav-tools{grid-column:2;grid-row:1;display:flex!important;flex-wrap:nowrap!important;gap:8px!important;margin:0!important;flex:none!important}
html:not([data-device-mode="tv"]) .public-nav .nav-tools>*:not(.theme-toggle){display:none!important}
html:not([data-device-mode="tv"]) .public-nav .nav-tools .theme-toggle{width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;padding:0!important}
html:not([data-device-mode="tv"]) .public-nav .nav-tools .theme-toggle-label{display:none!important}
html:not([data-device-mode="tv"]) .public-nav .public-menu-button{grid-column:3;grid-row:1;display:inline-flex!important;width:42px!important;height:42px!important;min-height:42px!important;padding:0!important;margin:0!important}
html:not([data-device-mode="tv"]) .public-nav nav{grid-column:1/-1;grid-row:2;display:none!important;width:100%!important;margin:4px 0 0!important;padding:6px!important;border:1px solid var(--line)!important;border-radius:14px!important;background:var(--panel)!important;flex-direction:column!important;align-items:stretch!important;gap:2px!important}
html:not([data-device-mode="tv"]) .public-nav[data-menu-open="true"] nav{display:flex!important}
html:not([data-device-mode="tv"]) .public-nav nav a{display:flex!important;align-items:center!important;min-height:46px!important;padding:10px 14px!important;border-radius:10px!important;font-size:15px!important;white-space:nowrap}
html:not([data-device-mode="tv"]) .public-nav[data-menu-open="true"] .nav-tools{grid-column:1/-1;grid-row:3;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;padding:2px 0 6px}
html:not([data-device-mode="tv"]) .public-nav[data-menu-open="true"] .nav-tools>*:not(.theme-toggle):not(.device-mode-button){display:inline-flex!important;justify-content:center!important;width:100%!important;min-height:46px!important;border-radius:12px!important}
html:not([data-device-mode="tv"]) .public-nav[data-menu-open="true"] .nav-tools>.button-small:only-of-type,html:not([data-device-mode="tv"]) .public-nav[data-menu-open="true"] .nav-tools>*:not(.theme-toggle):not(.device-mode-button):last-child:nth-child(2){grid-column:1/-1}
html:not([data-device-mode="tv"]) .public-nav[data-menu-open="true"] .nav-tools>.theme-toggle{display:none!important}
html:not([data-device-mode="tv"]) .public-nav[data-menu-open="true"] .public-menu-button{grid-row:1}
html:not([data-device-mode="tv"]) .public-nav .device-mode-button{display:none!important}
}
/* Cabeçalho do painel no telemóvel: menu | marca | tema | sair */
@media(max-width:720px){
html:not([data-device-mode="tv"]) .dash-header{display:flex!important;align-items:center!important;gap:8px!important;height:60px!important;padding:0 12px!important}
html:not([data-device-mode="tv"]) .dash-header .menu-button{display:inline-grid!important;place-items:center;flex:none;width:40px!important;height:40px!important;min-height:40px!important;padding:0!important;margin:0!important}
html:not([data-device-mode="tv"]) .dash-header .mobile-brand{display:flex!important;align-items:center;gap:9px;min-width:0;flex:1 1 auto;margin:0!important}
html:not([data-device-mode="tv"]) .dash-header .mobile-brand>span:last-child{display:block!important;font-size:15px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html:not([data-device-mode="tv"]) .dash-header .mobile-brand .brand-mark{width:32px!important;height:32px!important;flex:none}
html:not([data-device-mode="tv"]) .dash-header .breadcrumb{display:none!important}
html:not([data-device-mode="tv"]) .dash-header .header-actions{display:flex!important;flex-wrap:nowrap!important;align-items:center;gap:6px!important;margin:0 0 0 auto!important;flex:none}
html:not([data-device-mode="tv"]) .dash-header .header-actions>.live-dot,html:not([data-device-mode="tv"]) .dash-header .header-actions>.device-mode-button,html:not([data-device-mode="tv"]) .dash-header .header-actions>a[aria-label="Centro de ajuda"]{display:none!important}
html:not([data-device-mode="tv"]) .dash-header .header-actions>.theme-toggle,html:not([data-device-mode="tv"]) .dash-header .header-actions>.icon-button{display:inline-grid!important;place-items:center;width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;padding:0!important;margin:0!important}
html:not([data-device-mode="tv"]) .dash-header .theme-toggle-label{display:none!important}
}