/* ============================================================
   DriveR — MARCA «ROTA» (pré-avaliação, 2026-10-20)
   ------------------------------------------------------------
   Carregado SÓ na Zona de Testes (index.php, condição $IS_TEST),
   ao lado do css/marca-destino.css (que tem as regras-base do menu
   «Mais» e das letras Archivo/Plex). Tudo aqui está preso a
   html[data-brand="rota"].

   Símbolo: o «D» é uma linha de carreira com duas paragens e um ponto
   âmbar (o autocarro). Azul-noite #0E1B2C + âmbar #FFB020, Manrope.

   Mudar na Zona de Testes: ?marca=rota | ?marca=destino | ?marca=classica
   Alto contraste: só ganha o símbolo novo; as cores dele não se tocam.
   ============================================================ */

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url('../vendor/fonts/files/manrope-latin-wght-normal.woff2') format('woff2-variations'),
       url('../vendor/fonts/files/manrope-latin-wght-normal.woff2') format('woff2');
}

/* ─── 0. Base: sem a marca Rota nada disto aparece ──────────── */
.marca-r, .marca-r-nome { display: none; }

/* ─── 1. Paleta — CLARO (e o tema «TCB» durante a pré-avaliação) ── */
html[data-brand="rota"][data-theme="light"],
html[data-brand="rota"][data-theme="tcb"] {
  --bg:            #f3f5f8;
  --bg-2:          #e6eaf0;
  --card:          #ffffff;
  --card-2:        #f8fafc;
  --card-bg:       var(--card);
  --surface:       var(--card-2);
  --primary:       #0e1b2c;
  --primary-light: #2a3f5c;
  --primary-faint: #fff6e3;
  --accent:        #9a6200;
  --text:          #0e1b2c;
  --text-2:        #33445a;
  --muted:         #5b6b7f;
  --border:        #dde2e9;
  --separator:     #dde2e9;
  --on-primary:    #ffffff;
  --nav-bg:        #ffffff;
  --nav-text:      #0e1b2c;
  --nav-link-hover: rgba(14,27,44,.06);
  --nav-link-active: #0e1b2c;
  --logo-badge-bg: #f3f5f8;
  --logo-badge-fg: #5b6b7f;
  --logo-badge-border: #dde2e9;
  --clock-bg:      #f3f5f8;
  --clock-border:  #f3f5f8;
  --bnav-bg:       rgba(255,255,255,.98);
  --bnav-text:     #5b6b7f;
  --bnav-active:   #0e1b2c;
  --bnav-border:   #e3e7ed;
  --mais-panel-bg: rgba(255,255,255,.99);
  --mais-link-fg:  #33445a;
  --mais-link-active: #0e1b2c;
  --v2-pill-bg:    #fff6e3;
  --avisos-bg:     #fff6e3;
  --avisos-text:   #4b3a12;
  --avisos-novo:   #0e1b2c;
  --avisos-sep:    #c9a35a;
  --avisos-border: #f3e2bc;
  --avisos-urgent: #b91c1c;
  --r-header-border: #e3e7ed;
  --r-nav-fg:      #4b5a6c;
  --r-nav-active:  #0e1b2c;
  --r-tile:        #f3f5f8;
  --r-clock-fg:    #0e1b2c;
  --r-avatar-bg:   #0e1b2c;
  --r-avatar-fg:   #ffffff;
}

/* ─── 2. Paleta — ESCURO ──────────────────────────────────── */
html[data-brand="rota"][data-theme="dark"] {
  --bg:            #0a1420;
  --bg-2:          #060d16;
  --card:          #12202f;
  --card-2:        #182a3d;
  --card-bg:       var(--card);
  --surface:       var(--card-2);
  --primary:       #9a6200;
  --primary-light: #ffb020;
  --primary-faint: #16243a;   /* 2026-10-22: tom azul-noite (era castanho-oliva #2a2210: o cartão HOJE ficava «esverdeado») */
  --accent:        #ffb020;
  --text:          #f3f5f8;
  --text-2:        #c9d3df;
  --muted:         #8696aa;
  --border:        #1f2e44;
  --separator:     #182a3d;
  --on-primary:    #ffffff;
  --nav-bg:        #0e1b2c;
  --nav-text:      #ffffff;
  --nav-link-hover: rgba(255,255,255,.07);
  --nav-link-active: #ffb020;
  --logo-badge-bg: #17273d;
  --logo-badge-fg: #8696aa;
  --logo-badge-border: #2a3b54;
  --clock-bg:      #17273d;
  --clock-border:  #17273d;
  --bnav-bg:       rgba(14,27,44,.98);
  --bnav-text:     #8696aa;
  --bnav-active:   #ffb020;
  --bnav-border:   #1f2e44;
  --mais-panel-bg: rgba(18,32,47,.99);
  --mais-link-fg:  #c9d3df;
  --mais-link-active: #ffb020;
  --v2-pill-bg:    #2a2210;
  --avisos-bg:     #13233a;
  --avisos-text:   #c9d3df;
  --avisos-novo:   #ffffff;
  --avisos-sep:    #3b5272;
  --avisos-border: #1f2e44;
  --avisos-urgent: #f87171;
  --r-header-border: #1f2e44;
  --r-nav-fg:      #b4c0cf;
  --r-nav-active:  #ffffff;
  --r-tile:        #17273d;
  --r-clock-fg:    #ffffff;
  --r-avatar-bg:   #ffb020;
  --r-avatar-fg:   #0e1b2c;
}

/* ─── 3. Cabeçalho ────────────────────────────────────────── */
html[data-brand="rota"]:not([data-theme="contraste"]) .header {
  background: var(--nav-bg) !important;
  color: var(--nav-text);
  border-bottom: 1px solid var(--r-header-border);
  backdrop-filter: none; -webkit-backdrop-filter: none;
}
html[data-brand="rota"][data-theme="contraste"] .header {
  background: #000000 !important; color: #ffffff;
  border-bottom: 2px solid #ffe600;
  backdrop-filter: none; -webkit-backdrop-filter: none;
}
html[data-brand="rota"] .header-inner { min-height: 64px; padding-top: 0; padding-bottom: 0; align-items: stretch; }
html[data-brand="rota"] .header-inner > * { align-self: center; }

/* Logo: símbolo da linha + «Drive» com o «R» âmbar */
html[data-brand="rota"] .logo img:not(.marca-r-img),
html[data-brand="rota"] .logo-wordmark-v2 { display: none !important; }
html[data-brand="rota"] .marca-r { display: inline-flex; flex-shrink: 0; }
html[data-brand="rota"] .logo .marca-r-img { display: block !important; width: 36px; height: 36px; border-radius: 9px; }
/* 2026-10-22: o símbolo passou a SVG inline no index.php (não depende de icons/marca/*.svg no servidor).
   Reforço: o PNG antigo nunca aparece com a marca Rota. */
html[data-brand="rota"] #logoClick > img:not(.marca-r-img) { display: none !important; }
html[data-brand="rota"] .marca-r-nome {
  display: inline-block;
  font-family: 'Manrope', 'Inter', sans-serif !important;
  font-weight: 800 !important; font-style: normal !important;
  font-size: 1.45rem; line-height: 1; letter-spacing: -.035em;
  color: var(--nav-text) !important; white-space: nowrap;
}
html[data-brand="rota"] .marca-r-nome span { color: #ffb020; }
html[data-brand="rota"][data-theme="light"] .marca-r-nome span,
html[data-brand="rota"][data-theme="tcb"] .marca-r-nome span { color: #c27c00; }
html[data-brand="rota"][data-theme="contraste"] .marca-r-nome { color: #ffffff !important; }
html[data-brand="rota"][data-theme="contraste"] .marca-r-nome span { color: #ffe600; }
html[data-brand="rota"] .logo { gap: .6rem !important; }
html[data-brand="rota"] .logo-badge {
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important; font-size: .62rem !important;
  letter-spacing: .01em !important; text-transform: none !important;
  background: var(--logo-badge-bg) !important; color: var(--logo-badge-fg) !important;
  border: 1px solid var(--logo-badge-border) !important;
  border-radius: 999px !important; padding: .22rem .55rem !important;
}
html[data-brand="rota"][data-theme="contraste"] .logo-badge { background: #000 !important; color: #ffe600 !important; border-color: #ffe600 !important; }

/* Menu do computador: separadores com sublinhado âmbar (a «linha») */
html[data-brand="rota"] #desktopNav {
  flex-wrap: nowrap; gap: .1rem; align-items: stretch; align-self: stretch;
  margin-right: auto; margin-left: 1.5rem;
}
html[data-brand="rota"] #desktopNav > a.nav-link,
html[data-brand="rota"] .nav-mais-btn {
  display: inline-flex; align-items: center; gap: .35rem;
  font-family: 'Inter', sans-serif; font-size: .9rem; font-weight: 500;
  letter-spacing: 0; text-transform: none;
  padding: 0 .85rem; border-radius: 0;
  border-top: 3px solid transparent; border-bottom: 3px solid transparent;
  background: transparent !important; line-height: 1; white-space: nowrap;
}
html[data-brand="rota"] .nav-mais { display: flex; align-items: stretch; position: relative; }
html[data-brand="rota"] .nav-mais-btn { cursor: pointer; border-left: 0; border-right: 0; }
html[data-brand="rota"] .nav-mais-btn svg { width: 14px; height: 14px; transition: transform .15s; }
html[data-brand="rota"] .nav-mais-btn[aria-expanded="true"] svg { transform: rotate(180deg); }
html[data-brand="rota"]:not([data-theme="contraste"]) #desktopNav > a.nav-link,
html[data-brand="rota"]:not([data-theme="contraste"]) .nav-mais-btn { color: var(--r-nav-fg); }
html[data-brand="rota"]:not([data-theme="contraste"]) #desktopNav > a.nav-link:hover,
html[data-brand="rota"]:not([data-theme="contraste"]) .nav-mais-btn:hover { color: var(--r-nav-active); }
html[data-brand="rota"]:not([data-theme="contraste"]) #desktopNav > a.nav-link.active,
html[data-brand="rota"]:not([data-theme="contraste"]) .nav-mais:has(a.active) > .nav-mais-btn {
  color: var(--r-nav-active); font-weight: 650; border-bottom-color: #ffb020;
}
html[data-brand="rota"][data-theme="contraste"] #desktopNav > a.nav-link,
html[data-brand="rota"][data-theme="contraste"] .nav-mais-btn { color: #ffffff; }
html[data-brand="rota"][data-theme="contraste"] #desktopNav > a.nav-link.active,
html[data-brand="rota"][data-theme="contraste"] .nav-mais:has(a.active) > .nav-mais-btn { color: #ffe600; border-bottom-color: #ffe600; }
html[data-brand="rota"] .nav-mais-btn:focus-visible,
html[data-brand="rota"] #desktopNav a.nav-link:focus-visible { outline: 2px solid #ffb020; outline-offset: -4px; }

/* Painel do «Mais» */
html[data-brand="rota"] .nav-mais-painel {
  display: none;
  position: absolute; top: calc(100% + 6px); left: 0; z-index: 300;
  min-width: 230px; padding: .4rem;
  background: var(--card); border: 1px solid var(--border);
  border-radius: 12px; box-shadow: 0 12px 32px rgba(0,0,0,.16);
  flex-direction: column; gap: 2px;
}
html[data-brand="rota"] .nav-mais.aberto .nav-mais-painel { display: flex; }
html[data-brand="rota"] .nav-mais-painel a.nav-link {
  display: flex; align-items: center; position: relative;
  font-family: 'Inter', sans-serif; font-size: .9rem; font-weight: 500;
  text-transform: none; letter-spacing: 0;
  color: var(--text-2) !important; background: transparent !important;
  padding: .7rem .85rem !important; border-radius: 8px;
}
html[data-brand="rota"] .nav-mais-painel a.nav-link:hover { background: var(--card-2) !important; color: var(--text) !important; }
html[data-brand="rota"] .nav-mais-painel a.nav-link.active { color: var(--text) !important; background: var(--primary-faint) !important; font-weight: 650; }
html[data-brand="rota"] .nav-mais-painel a.nav-link.active::before {
  content: ''; position: absolute; left: 0; top: 22%; bottom: 22%; width: 3px; border-radius: 2px; background: #ffb020;
}
html[data-brand="rota"][data-theme="contraste"] .nav-mais-painel { background: #000; border: 2px solid #ffe600; }
html[data-brand="rota"][data-theme="contraste"] .nav-mais-painel a.nav-link { color: #fff !important; }
html[data-brand="rota"][data-theme="contraste"] .nav-mais-painel a.nav-link.active,
html[data-brand="rota"][data-theme="contraste"] .nav-mais-painel a.nav-link:hover { color: #000 !important; background: #ffe600 !important; }

/* Relógio, voltar, sino, avatar */
html[data-brand="rota"]:not([data-theme="contraste"]) .clock {
  font-family: 'Inter', sans-serif; font-weight: 700; font-size: .95rem;
  font-variant-numeric: tabular-nums;
  color: var(--r-clock-fg); background: var(--clock-bg); border: none;
  border-radius: 10px; padding: .4rem .7rem; box-shadow: none;
}
html[data-brand="rota"]:not([data-theme="contraste"]) .header-back {
  background: var(--r-tile); border: 1px solid var(--r-header-border); color: var(--nav-text); box-shadow: none;
}
html[data-brand="rota"]:not([data-theme="contraste"]) .header-back:hover { background: var(--nav-link-hover); color: var(--nav-text) !important; transform: none; }
html[data-brand="rota"] .hdr-bell {
  position: relative; display: inline-flex; align-items: center; justify-content: center;
  width: 40px; height: 40px; border-radius: 10px; text-decoration: none; color: var(--nav-text);
}
html[data-brand="rota"] .hdr-bell:hover { background: var(--nav-link-hover); }
html[data-brand="rota"] .hdr-bell svg { width: 21px; height: 21px; }
html[data-brand="rota"] .hdr-bell-badge {
  position: absolute; top: 3px; right: 2px;
  min-width: 18px; height: 18px; padding: 0 4px; border-radius: 999px;
  font-size: .64rem; font-weight: 800; line-height: 1;
  align-items: center; justify-content: center;
  background: #ffb020; color: #0e1b2c; border: 2px solid var(--nav-bg, #000);
}
html[data-brand="rota"][data-theme="contraste"] .hdr-bell { color: #fff; }
html[data-brand="rota"][data-theme="contraste"] .hdr-bell-badge { background: #ffe600; color: #000; border-color: #000; }
html[data-brand="rota"]:not([data-theme="contraste"]) .user-menu-btn { color: var(--nav-text); }
html[data-brand="rota"]:not([data-theme="contraste"]) .user-menu-btn.user-avatar-v2 {
  border-radius: 50% !important; background: var(--r-avatar-bg); color: var(--r-avatar-fg);
  border: none; box-shadow: none; font-family: 'Manrope', 'Inter', sans-serif; font-weight: 800;
}

/* ─── 4. Faixa de avisos e barra de alerta ────────────────── */
html[data-brand="rota"] #avisos-bar,
html[data-brand="rota"] #alert-bar:not(.feed-tcb) { top: var(--header-h, 64px) !important; }
html[data-brand="rota"]:not([data-theme="contraste"]) #avisos-bar .av-pin {
  background: #ffb020; color: #0e1b2c; border-right: none;
  font-family: 'Inter', sans-serif; letter-spacing: .08em;
  margin: 0 .5rem 0 .75rem; height: auto; padding: .2rem .5rem; border-radius: 6px;
}
html[data-brand="rota"]:not([data-theme="contraste"]) #avisos-bar .av-item { font-weight: 500; }
html[data-brand="rota"]:not([data-theme="contraste"]) #avisos-bar .av-tag { font-weight: 700; }

/* ─── 5. Telemóvel ────────────────────────────────────────── */
@media (max-width: 768px), (orientation: portrait) {
  html[data-brand="rota"] .header-inner { min-height: 56px; padding: 0 .75rem; }
  html[data-brand="rota"] .logo .marca-r-img { width: 30px; height: 30px; border-radius: 8px; }
  html[data-brand="rota"] .marca-r-nome { font-size: 1.25rem; }
  /* 2026-10-24: só o Início mostra "DriveR"; nas outras páginas fica só o símbolo (os botões voltar/coroa/sino não deixam caber o nome inteiro). body.page-home vem do app.js */
  body:not(.page-home) .marca-r-nome { display: none !important; }
  html[data-brand="rota"] .logo-badge { display: none !important; }
  html[data-brand="rota"]:not([data-theme="contraste"]) .clock { font-size: .88rem; padding: .3rem .5rem; }
  html[data-brand="rota"]:not([data-theme="contraste"]) .bottom-nav { border-top: 1px solid var(--bnav-border); }
  html[data-brand="rota"]:not([data-theme="contraste"]) .bn-item { position: relative; }
  html[data-brand="rota"]:not([data-theme="contraste"]) .bn-item.active::before {
    content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%);
    width: 28px; height: 3px; border-radius: 0 0 3px 3px; background: #ffb020;
  }
}
@media (max-width: 380px) {
  html[data-brand="rota"] .marca-r-nome { font-size: 1.1rem; }
}

/* ─── 6. Mosaicos do Menu (Home): todos iguais, só o nome ──── */
html[data-brand="rota"]:not([data-theme="contraste"]) .quick-card {
  background: var(--card) !important;
  border: 1px solid var(--border) !important;
  border-radius: 14px; box-shadow: none;
  transition: border-color .15s, transform .15s, box-shadow .15s;
}
html[data-brand="rota"]:not([data-theme="contraste"]) .quick-card:hover {
  border-color: #ffb020 !important; transform: translateY(-2px); box-shadow: 0 8px 22px rgba(14,27,44,.12);
}
html[data-brand="rota"]:not([data-theme="contraste"]) .quick-card .qc-icon {
  width: 42px; height: 42px; border-radius: 11px;
  background: #0e1b2c !important;
  display: flex; align-items: center; justify-content: center;
}
html[data-brand="rota"][data-theme="dark"] .quick-card .qc-icon { background: #1b3050 !important; }
html[data-brand="rota"]:not([data-theme="contraste"]) .quick-card .qc-icon svg {
  width: 22px; height: 22px; stroke: #ffb020 !important; stroke-width: 2;
}
html[data-brand="rota"]:not([data-theme="contraste"]) .quick-card .qc-icon svg circle[fill="white"] { fill: #ffb020 !important; }
html[data-brand="rota"]:not([data-theme="contraste"]) .quick-card .qc-icon-euro { color: #ffb020 !important; font-size: 1.3rem; font-weight: 800; }
html[data-brand="rota"]:not([data-theme="contraste"]) .quick-card .qc-label {
  font-family: 'Manrope', 'Inter', sans-serif; font-weight: 750; letter-spacing: -.01em;
  color: var(--text) !important;
}
html[data-brand="rota"]:not([data-theme="contraste"]) .quick-card:focus-visible { outline: 2px solid #ffb020; outline-offset: 2px; }
html[data-brand="rota"] .quick-card .qc-desc { display: none !important; }
html[data-brand="rota"] .quick-card { justify-content: center; }

/* Botão «Ligar avisos» (push-convite.js tem o verde escrito à mão) */
html[data-brand="rota"]:not([data-theme="contraste"]) #pc-sim {
  background: var(--primary) !important; color: var(--on-primary, #fff) !important;
}

/* ─── 7. Ecrã de entrada (login) ──────────────────────────── */
html[data-brand="rota"] .login-logo img { display: none !important; }
html[data-brand="rota"] .login-logo::before {
  content: 'DriveR';
  display: block; height: 44px; line-height: 44px; padding-left: 56px;
  background: url('marca/rota-simbolo.svg') left center / 44px 44px no-repeat;
  font-family: 'Manrope', 'Inter', sans-serif; font-weight: 800;
  font-size: 2rem; letter-spacing: -.035em;
  color: var(--text, #0e1b2c);
}

/* ─── 8. (v26.10.21.10) Interior das páginas: verdes de MARCA → Rota ──
   Só os verdes que eram marca TCB. Os verdes de ESTADO (ok, sábado,
   rende, pago, no horário…) ficam como estão. ───────────────────── */
/* Banner «nova versão» */
html[data-brand="rota"] #update-banner { background: #0e1b2c; color: #ffb020; }
html[data-brand="rota"] #update-banner:hover { background: #17273d; }
/* Cartão «Bom dia» no escuro: azul-noite em vez de âmbar */
html[data-brand="rota"][data-theme="dark"] .hero { background: linear-gradient(135deg, #17273d, #2a3f5c); }
/* Botões de marca */
html[data-brand="rota"] .ob-btn { background: var(--primary); color: var(--on-primary, #fff); }
html[data-brand="rota"] .ob-btn:hover { background: var(--primary-light); }
html[data-brand="rota"] .popup-ack-ok { background: var(--primary); color: var(--on-primary, #fff); }
html[data-brand="rota"][data-theme="dark"] .week-nav button { background: #17273d; color: #ffb020; }
/* Interruptor das notificações (settings.js tem o verde escrito à mão) */
html[data-brand="rota"] .ntf-linha input:checked + .ntf-sw { background: var(--primary); }
/* Botão «Ligar» de telefone na Home (home.js, inline) */
html[data-brand="rota"] a[style*="background:#166534"] { background: var(--primary) !important; }
/* Popup informativo (popups.js, inline): filete e título */
html[data-brand="rota"] .popup-ack[style*="#166534"] { border-top-color: var(--primary) !important; }
html[data-brand="rota"] .popup-ack-titulo[style*="#166534"] { color: var(--primary) !important; }
/* Mapas: fundo verde-escuro da página e roda de carregamento (mapa.js / mapa-regional.js, inline) */
html[data-brand="rota"] #page-mapa, html[data-brand="rota"] #page-mapa-regional,
html[data-brand="rota"] [style*="background:#0f1a0f"] { background: var(--bg) !important; }
html[data-brand="rota"] [style*="border-top-color:#4ade80"] { border-color: rgba(255,176,32,.18) !important; border-top-color: #ffb020 !important; }
html[data-brand="rota"] .fchip-todos.active { background: var(--primary) !important; }
html[data-brand="rota"] .locchip:hover { border-color: #ffb020; }
html[data-brand="rota"] [style*="color:#4ade80"] { color: #ffb020 !important; }
/* Chat interno (chat.css: «tema escuro/verde») */
html[data-brand="rota"] {
  --chat-primary: #0e1b2c; --chat-primary-dark: #2a3f5c;
  --chat-bg: rgba(14, 27, 44, 0.97); --chat-muted: #8696aa; --chat-text: #f3f5f8;
}
html[data-brand="rota"][data-theme="light"] { --chat-primary: #0e1b2c; --chat-primary-dark: #2a3f5c; }
html[data-brand="rota"] .tcb-grupo-tag { background: rgba(255,176,32,.18); color: #ffb020; }
html[data-brand="rota"] .tcb-tipo-radio:has(input:checked) { background: rgba(255,176,32,.12); border-color: rgba(255,176,32,.45); color: #ffb020; }
html[data-brand="rota"] .tcb-chip { background: rgba(255,176,32,.12); border-color: rgba(255,176,32,.4); color: #ffb020; }
/* AdmZone (admin.css / admin-app.js) */
/* 2026-10-25: com a Rota, o tema «TCB» usa a paleta CLARA (cabeçalho branco), mas o admin.css
   continua a pintar os botões/relógio do cabeçalho a branco (!important) para o verde antigo
   → ícones brancos sobre branco. Regra de contraste: fundo claro → ícones/texto escuros.
   Especificidade maior que a do admin.css, por isso ganha. Escuro e contraste não mudam. */
html[data-brand="rota"][data-theme="light"] .header-back,
html[data-brand="rota"][data-theme="tcb"] .header-back {
  color: var(--nav-text, #0e1b2c) !important;
  background: var(--r-tile, #f3f5f8) !important;
  border: 1.5px solid var(--r-header-border, #dde2e9) !important;
  box-shadow: none !important;
}
html[data-brand="rota"][data-theme="light"] .header-back:hover,
html[data-brand="rota"][data-theme="tcb"] .header-back:hover {
  color: #ffffff !important;
  background: var(--nav-link-active, #0e1b2c) !important;
  border-color: var(--nav-link-active, #0e1b2c) !important;
}
html[data-brand="rota"][data-theme="light"] .clock,
html[data-brand="rota"][data-theme="tcb"] .clock {
  color: var(--nav-text, #0e1b2c) !important;
  background: var(--clock-bg, #f3f5f8) !important;
  border-color: var(--r-header-border, #dde2e9) !important;
}
/* Chip da versão: o fundo preto a 35% sobre branco dava cinzento com texto branco (~2,4:1) */
html[data-brand="rota"][data-theme="light"] .version-badge,
html[data-brand="rota"][data-theme="tcb"] .version-badge {
  background: var(--logo-badge-bg, #f3f5f8) !important;
  color: var(--logo-badge-fg, #5b6b7f) !important;
  border-color: var(--logo-badge-border, #dde2e9) !important;
}
html[data-brand="rota"] .toast { background: #0e1b2c; color: #ffb020; }
/* Cartão HOJE no escuro: etiqueta «HOJE» em âmbar legível */
html[data-brand="rota"][data-theme="dark"] .th-label { color: #ffb020; }
html[data-brand="rota"] [style*="background:#1f5c2d"] { background: var(--primary, #0e1b2c) !important; }
html[data-brand="rota"] [style*="color:#1f5c2d"] { color: var(--primary, #0e1b2c) !important; }