/* Tema Triat para o RD Web Client (HTML5) da Microsoft.
   Injetado no index.html do Web Client por server/publish-portal.ps1.
   Usa apenas classes estáveis do Web Client (navbar-*, rdweb-*, action-item__*, ms-*). */

:root { --triat: #0077cc; --triat-strong: #005fa3; }

/* Barra superior */
.webclient nav .navbar-container { background: var(--triat) !important; }
.webclient nav .navbar-icon,
.webclient nav .navbar-icon i,
.webclient nav .navbar-icon .ms-Button-icon,
.webclient nav .navbar-icon .ms-Button-menuIcon { color: #fff !important; }
.webclient nav .navbar-icon:hover { background: rgba(255,255,255,.16) !important; }
.webclient nav .navbar-home-container { display: flex; align-items: center; gap: 10px; }

/* Logo + link para o portal (inserido por triat.js) */
.triat-brand { display: inline-flex; align-items: center; gap: 12px; text-decoration: none; color: #fff; height: 100%; }
.triat-brand img { height: 30px; width: auto; display: block; }
.triat-brand span { font: 500 14px "Segoe UI", system-ui, sans-serif; opacity: .95; white-space: nowrap; }
.triat-brand:hover span { text-decoration: underline; }
@media (max-width: 560px) { .triat-brand span { display: none; } }

/* Tela de login */
.rdweb-credentials-modal .ms-Overlay {
  background: linear-gradient(140deg, #0077cc 0%, #00528f 100%) !important;
}
.rdweb-credentials-modal-container {
  border-radius: 14px !important; overflow: hidden;
  box-shadow: 0 20px 50px rgba(0,0,0,.28) !important;
}
.rdweb-credentials-modal-container .ms-Dialog-lgHeader { border-top: 0 !important; }
.rdweb-credentials-modal-container .ms-Dialog-lgHeader::before {
  content: ""; display: block; height: 64px; background: #0077cc url("logo-triat.png") no-repeat 24px center;
}
.rdweb-credentials-modal-container .ms-Dialog-title { font-size: 20px !important; padding-top: 20px !important; }
.rdweb-credentials-modal-container .triat-hint {
  margin: -4px 0 14px; color: #5b6573; font-size: 13px; line-height: 1.45;
}
/* Botões primários (login e diálogos) */
.ms-Button--primary:not(.is-disabled) {
  background: var(--triat) !important; border-color: var(--triat) !important; border-radius: 8px !important;
}
.ms-Button--primary:not(.is-disabled):hover { background: var(--triat-strong) !important; border-color: var(--triat-strong) !important; }
.ms-Button--primary.is-disabled { border-radius: 8px !important; }
.ms-Link { color: var(--triat-strong) !important; }