/* Shared light surfaces and stable navigation for the existing SGW markup. */
html.sgw-stable-light {
  color-scheme: light !important;
  --sgw-ui-bg: #f5f7fa;
  --sgw-ui-surface: #fff;
  --sgw-ui-soft: #eef3f8;
  --sgw-ui-text: #22334a;
  --sgw-ui-muted: #596c81;
  --sgw-ui-border: #d7e0e9;
  --sgw-ui-primary: #1768d5;
  --sgw-ui-head-height: 112px;
  --v450-bg: var(--sgw-ui-bg);
  --v450-bg2: var(--sgw-ui-soft);
  --v450-card: var(--sgw-ui-surface);
  --v450-card2: var(--sgw-ui-soft);
  --v450-line: var(--sgw-ui-border);
  --v450-text: var(--sgw-ui-text);
  --v450-muted: var(--sgw-ui-muted);
  --v459-bg: var(--sgw-ui-bg);
  --v459-panel: var(--sgw-ui-surface);
  --v459-panel2: var(--sgw-ui-soft);
  --v459-line: var(--sgw-ui-border);
  --v459-text: var(--sgw-ui-text);
  --v459-muted: var(--sgw-ui-muted);
}
html.sgw-stable-light body {
  background: var(--sgw-ui-bg) !important;
  color: var(--sgw-ui-text);
  opacity: 1 !important;
  visibility: visible !important;
}
html.sgw-stable-light body.sgw453-provider-server {
  --v450-head-h: var(--sgw-ui-head-height) !important;
  padding-top: var(--sgw-ui-head-height) !important;
  padding-left: 0 !important;
}
html.sgw-stable-light body.sgw453-provider-server .content-area {
  margin-left: 0 !important;
  min-width: 0;
}
html.sgw-stable-light body .app-shell,
html.sgw-stable-light body .content-area,
html.sgw-stable-light body main.container {
  background: var(--sgw-ui-bg) !important;
  color: var(--sgw-ui-text) !important;
}
html.sgw-stable-light body main :where(h1,h2,h3,h4,label) {
  color: var(--sgw-ui-text) !important;
}
html.sgw-stable-light body main :where(.card,.panel,.box,.table-card,.modal-box,.modal-card,.modal-content,.client-drawer,.server-card,.stat,.sgw450-panel,.sgw450-kpi,.sgw450-service,.sgw450-action,.sgw450-banner-host) {
  background: var(--sgw-ui-surface) !important;
  background-image: none !important;
  border-color: var(--sgw-ui-border) !important;
  color: var(--sgw-ui-text) !important;
  box-shadow: none !important;
}
html.sgw-stable-light body main :where(table,thead th,tbody td) {
  background: var(--sgw-ui-surface) !important;
  color: var(--sgw-ui-text) !important;
  border-color: var(--sgw-ui-border) !important;
}
html.sgw-stable-light body main thead th {
  background: var(--sgw-ui-soft) !important;
}
html.sgw-stable-light body main tbody tr:hover td {
  background: #f0f6ff !important;
}
html.sgw-stable-light body main .kpi-row {
  background: transparent !important;
  background-image: none !important;
}
html.sgw-stable-light body main .kpi :where(small,strong) {
  color: var(--sgw-ui-text) !important;
  -webkit-text-fill-color: currentColor !important;
}
html.sgw-stable-light body :where(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea) {
  background-color: var(--sgw-ui-surface) !important;
  color: var(--sgw-ui-text) !important;
  border-color: var(--sgw-ui-border) !important;
}
html.sgw-stable-light body :where(input[type=checkbox],input[type=radio]) {
  width: auto;
  accent-color: var(--sgw-ui-primary);
}
html.sgw-stable-light body :where(input,textarea)::placeholder {
  color: var(--sgw-ui-muted) !important;
  opacity: 1 !important;
}
html.sgw-stable-light body :where(.dropdown-menu,.options-dropdown,.nav-submenu,.flag-dropdown,.sgw-opcoes-clientes-dropdown) {
  background: var(--sgw-ui-surface) !important;
  color: var(--sgw-ui-text) !important;
  border-color: var(--sgw-ui-border) !important;
  max-width: calc(100vw - 16px);
}
html.sgw-stable-light body :where(.dropdown-menu,.options-dropdown,.nav-submenu,.flag-dropdown) :where(a,button) {
  color: var(--sgw-ui-text) !important;
  -webkit-text-fill-color: currentColor !important;
  white-space: normal;
  overflow-wrap: anywhere;
}
html.sgw-stable-light body :where(.modal-backdrop) { z-index: 1400 !important; }
html.sgw-stable-light body :where(.modal-overlay,.modal,.sgw159-profile-overlay) { z-index: 1500 !important; }
/* Some legacy scripts move dialogs out of main and directly under body. */
html.sgw-stable-light body :is(.modal-overlay,.modal,.sgw159-profile-overlay) :is(.modal-box,.modal-content,.modal-card,.client-drawer,.modal-head,.form-block,.form-tabs,.profile-card,.sgw159-card,.sgw159-table-wrap,.sticky-actions,.modal-footer) {
  background: var(--sgw-ui-surface) !important;
  background-image: none !important;
  color: var(--sgw-ui-text) !important;
  -webkit-text-fill-color: currentColor !important;
  border-color: var(--sgw-ui-border) !important;
}
html.sgw-stable-light body :is(.modal-overlay,.modal,.sgw159-profile-overlay) :is(h1,h2,h3,h4,label,legend,.modal-close,.close-x,.form-tabs span,.form-tabs button) {
  color: var(--sgw-ui-text) !important;
  -webkit-text-fill-color: currentColor !important;
}
html.sgw-stable-light body :is(.modal-overlay,.modal,.sgw159-profile-overlay) :is(table,thead th,tbody td) {
  background: var(--sgw-ui-surface) !important;
  color: var(--sgw-ui-text) !important;
  -webkit-text-fill-color: currentColor !important;
  border-color: var(--sgw-ui-border) !important;
}
html.sgw-stable-light body :where(.sgw450-kpi strong,.sgw450-panel header b,.sgw450-donut strong,.sgw450-legend b,.sgw450-service b) {
  color: var(--sgw-ui-text) !important;
}
html.sgw-stable-light body :where(.sgw450-kpi small,.sgw450-panel header small,.sgw450-donut small,.sgw450-legend span,.sgw450-alert small,.sgw450-alert time) {
  color: var(--sgw-ui-muted) !important;
}
html.sgw-stable-light body .sgw450-donut::after {
  background: var(--sgw-ui-surface) !important;
  box-shadow: none !important;
}
html.sgw-stable-light body .sgw450-chart :where(.ylabel,.xlabel) { fill: var(--sgw-ui-muted) !important; }
html.sgw-stable-light body .sgw450-chart .grid { stroke: var(--sgw-ui-border) !important; }
/* Existing releases duplicate this ID in selectors; retain their specificity here. */
html.sgw-stable-light #sgw450TopShell#sgw450TopShell {
  position: fixed !important;
  inset: 0 0 auto !important;
  width: 100% !important;
  max-width: 100% !important;
  height: var(--sgw-ui-head-height) !important;
  min-height: var(--sgw-ui-head-height) !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--sgw-ui-border) !important;
  border-radius: 0 !important;
  background: var(--sgw-ui-surface) !important;
  background-image: none !important;
  color: var(--sgw-ui-text) !important;
  box-shadow: 0 2px 6px #22334a0d !important;
  backdrop-filter: none !important;
  transform: none !important;
  overflow: visible !important;
  z-index: 1000 !important;
}
html.sgw-stable-light #sgw450TopShell#sgw450TopShell .sgw450-navrow {
  display: grid !important;
  grid-template-columns: 170px minmax(0,1fr) !important;
  align-items: center !important;
  height: 58px !important;
  min-height: 58px !important;
  gap: 10px !important;
  padding: 0 12px !important;
  border-bottom: 1px solid var(--sgw-ui-border) !important;
  background: var(--sgw-ui-surface) !important;
  border-top: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html.sgw-stable-light #sgw450TopShell#sgw450TopShell .sgw450-brand {
  display: flex !important;
  gap: 8px !important;
  height: 42px !important;
  min-width: 0 !important;
  color: var(--sgw-ui-text) !important;
  text-decoration: none !important;
}
html.sgw-stable-light #sgw450TopShell#sgw450TopShell .sgw450-logo {
  flex: 0 0 38px !important;
  width: 38px !important;
  height: 38px !important;
  border-radius: 6px !important;
  border: 0 !important;
  background: var(--sgw-ui-primary) !important;
  box-shadow: none !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-size: 12px !important;
  font-style: normal !important;
}
html.sgw-stable-light #sgw450TopShell#sgw450TopShell .sgw450-brand-copy {
  display: block !important;
  min-width: 0 !important;
}
html.sgw-stable-light #sgw450TopShell#sgw450TopShell .sgw450-brand-copy b {
  color: var(--sgw-ui-text) !important;
  -webkit-text-fill-color: currentColor !important;
  font-size: 12px !important;
  white-space: normal !important;
}
html.sgw-stable-light #sgw450TopShell#sgw450TopShell .sgw450-brand-copy small {
  color: var(--sgw-ui-muted) !important;
  -webkit-text-fill-color: currentColor !important;
  font-size: 11px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
html.sgw-stable-light #sgw450TopShell#sgw450TopShell .sgw450-nav {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  height: 58px !important;
  min-width: 0 !important;
  width: 100% !important;
  gap: 5px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: thin !important;
  scrollbar-color: #c7d4e2 transparent;
}
html.sgw-stable-light #sgw450TopShell#sgw450TopShell .sgw450-navitem {
  position: relative !important;
  flex: 0 0 auto !important;
  height: 58px !important;
  min-width: max-content !important;
  background: transparent !important;
  border: 0 !important;
}
html.sgw-stable-light #sgw450TopShell#sgw450TopShell :where(.sgw450-navlink,.sgw450-navbutton) {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 10px !important;
  gap: 6px !important;
  border: 1px solid transparent !important;
  border-radius: 6px !important;
  background: transparent !important;
  color: var(--sgw-ui-text) !important;
  -webkit-text-fill-color: currentColor !important;
  font: 600 13px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  box-shadow: none !important;
  transform: none !important;
}
html.sgw-stable-light #sgw450TopShell#sgw450TopShell :where(.sgw450-navlink,.sgw450-navbutton):is(:hover,:focus-visible) {
  background: #edf4ff !important;
  color: #1456af !important;
}
html.sgw-stable-light #sgw450TopShell#sgw450TopShell :where(.sgw450-navlink,.sgw450-navbutton).active {
  background: var(--sgw-ui-primary) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
html.sgw-stable-light #sgw450TopShell#sgw450TopShell .sgw453-navlabel {
  display: inline !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: max-content !important;
  max-width: none !important;
  overflow: visible !important;
  text-overflow: clip !important;
  font: inherit !important;
  letter-spacing: 0 !important;
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}
html.sgw-stable-light #sgw450TopShell#sgw450TopShell :where(.sgw450-navlink,.sgw450-navbutton)::before,
html.sgw-stable-light #sgw450TopShell#sgw450TopShell :where(.sgw450-navlink,.sgw450-navbutton)::after {
  content: none !important;
  display: none !important;
}
html.sgw-stable-light #sgw450TopShell#sgw450TopShell .sgw450-navicon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 22px !important;
  width: 22px !important;
  height: 24px !important;
  font: 18px/1 "Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif !important;
  -webkit-text-fill-color: initial !important;
  filter: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}
html.sgw-stable-light #sgw450TopShell#sgw450TopShell .sgw450-caret {
  display: inline !important;
  width: 8px;
  font-size: 10px !important;
  color: inherit !important;
}
html.sgw-stable-light #sgw450TopShell#sgw450TopShell .sgw450-dropdown {
  position: fixed !important;
  display: none !important;
  min-width: 0 !important;
  max-width: calc(100vw - 16px) !important;
  padding: 6px !important;
  border: 1px solid var(--sgw-ui-border) !important;
  border-radius: 8px !important;
  background: var(--sgw-ui-surface) !important;
  color: var(--sgw-ui-text) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
  box-shadow: 0 8px 24px #22334a21 !important;
  transform: none !important;
  z-index: 1100 !important;
}
html.sgw-stable-light #sgw450TopShell#sgw450TopShell .sgw450-navitem.open > .sgw450-dropdown { display: block !important; }
html.sgw-stable-light #sgw450TopShell#sgw450TopShell .sgw450-dropdown a {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  min-height: 38px !important;
  padding: 8px 10px !important;
  gap: 10px !important;
  border-radius: 4px !important;
  background: transparent !important;
  color: var(--sgw-ui-text) !important;
  -webkit-text-fill-color: currentColor !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  letter-spacing: 0 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}
html.sgw-stable-light #sgw450TopShell#sgw450TopShell .sgw450-dropdown a:is(:hover,:focus-visible,.active) { background: #edf4ff !important; }
html.sgw-stable-light #sgw450TopShell#sgw450TopShell .sgw450-dropdown .group { color: var(--sgw-ui-muted) !important; font-size: 11px !important; letter-spacing: 0 !important; }
html.sgw-stable-light #sgw450TopShell#sgw450TopShell .sgw450-utilrow {
  display: grid !important;
  grid-template-columns: minmax(180px,1fr) auto 180px 40px minmax(120px,200px) !important;
  align-items: center !important;
  gap: 10px !important;
  height: 54px !important;
  min-height: 54px !important;
  padding: 6px 12px !important;
  background: var(--sgw-ui-surface) !important;
}
html.sgw-stable-light #sgw450TopShell#sgw450TopShell :where(.sgw450-search,.sgw450-status,.sgw450-clock,.sgw450-bell,.sgw450-user) {
  height: 38px !important;
  min-height: 38px !important;
  border: 1px solid var(--sgw-ui-border) !important;
  border-radius: 6px !important;
  background: #f8fafc !important;
  color: var(--sgw-ui-text) !important;
  -webkit-text-fill-color: currentColor !important;
  box-shadow: none !important;
  min-width: 0 !important;
}
html.sgw-stable-light #sgw450TopShell#sgw450TopShell .sgw450-search input {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  color: var(--sgw-ui-text) !important;
  -webkit-text-fill-color: currentColor !important;
  background: transparent !important;
  font-size: 13px !important;
  border: 0 !important;
  box-shadow: none !important;
}
html.sgw-stable-light #sgw450TopShell#sgw450TopShell :where(.sgw450-clock strong,.sgw450-user b) { color: var(--sgw-ui-text) !important; font-size: 12px !important; }
html.sgw-stable-light #sgw450TopShell#sgw450TopShell :where(.sgw450-clock small,.sgw450-user small) { color: var(--sgw-ui-muted) !important; font-size: 11px !important; }
html.sgw-stable-light #sgw450TopShell#sgw450TopShell .sgw450-status { font-size: 11px !important; }
html.sgw-stable-light #sgw450TopShell#sgw450TopShell .sgw450-status b { color: #147845 !important; }
html.sgw-stable-light #sgw450TopShell#sgw450TopShell .sgw450-search kbd { display: none !important; }
html.sgw-stable-light #sgw450TopShell#sgw450TopShell .sgw450-user > i { background: #e7f0fc !important; color: #1456af !important; }
html.sgw-stable-light #sgw450TopShell#sgw450TopShell :where(a,button,input):focus-visible { outline: 2px solid var(--sgw-ui-primary) !important; outline-offset: 2px !important; }
@media (max-width: 1000px) {
  html.sgw-stable-light #sgw450TopShell#sgw450TopShell .sgw450-utilrow { grid-template-columns: minmax(180px,1fr) 40px minmax(100px,170px) !important; }
  html.sgw-stable-light #sgw450TopShell#sgw450TopShell :where(.sgw450-status,.sgw450-clock) { display: none !important; }
}
@media (max-width: 640px) {
  html.sgw-stable-light { --sgw-ui-head-height: 104px; }
  html.sgw-stable-light #sgw450TopShell#sgw450TopShell .sgw450-navrow { grid-template-columns: 38px minmax(0,1fr) !important; height: 54px !important; min-height: 54px !important; gap: 8px !important; padding: 0 8px !important; }
  html.sgw-stable-light #sgw450TopShell#sgw450TopShell :where(.sgw450-nav,.sgw450-navitem) { height: 54px !important; }
  html.sgw-stable-light #sgw450TopShell#sgw450TopShell .sgw450-brand-copy { display: none !important; }
  html.sgw-stable-light #sgw450TopShell#sgw450TopShell .sgw450-utilrow { grid-template-columns: minmax(0,1fr) 38px !important; height: 50px !important; min-height: 50px !important; padding: 6px 8px !important; gap: 8px !important; }
  html.sgw-stable-light #sgw450TopShell#sgw450TopShell :where(.sgw450-user,.sgw450-status,.sgw450-clock) { display: none !important; }
}
@media (prefers-reduced-motion: reduce) {
  html.sgw-stable-light #sgw450TopShell#sgw450TopShell * { animation: none !important; transition: none !important; }
}
/* Keep client actions and original pagination in normal flow. */
html.sgw-stable-light body.sgw-clientes-premium main .action-toolbar,
html.sgw-stable-light body.sgw-clientes-premium main .action-toolbar .options-menu {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px !important;
  height: auto !important;
  min-height: 36px !important;
  max-height: none !important;
}
html.sgw-stable-light body.sgw-clientes-premium main .action-toolbar .options-menu {
  flex: 0 1 auto !important;
  min-width: 0 !important;
}
html.sgw-stable-light body.sgw-clientes-premium main .action-toolbar .btn {
  width: auto !important;
  min-height: 32px !important;
  margin: 0 !important;
  font-size: 12px !important;
  white-space: nowrap !important;
}
html.sgw-stable-light body.sgw-clientes-premium main .clientes-toolbar {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  height: auto !important;
  min-height: 36px !important;
  max-height: none !important;
}
html.sgw-stable-light body.sgw-clientes-premium main .clientes-toolbar input[name=q] {
  flex: 1 1 180px !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 34px !important;
  margin: 0 !important;
}
html.sgw-stable-light body.sgw-clientes-premium main .clientes-toolbar .filter-btn {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 34px !important;
  width: auto !important;
  margin: 0 !important;
}
html.sgw-stable-light body.sgw-clientes-premium main .action-toolbar :is(#sgw626r8SelectAll,#sgw626r8ClearAll) {
  flex: 0 0 auto !important;
  width: auto !important;
  margin: 0 !important;
  font-size: 12px !important;
}
html.sgw-stable-light body.sgw-clientes-premium main .sgw217-pagination,
html.sgw-stable-light body.sgw-clientes-premium main .sgw563-pagination-top {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px !important;
  height: auto !important;
  min-height: 40px !important;
  max-height: none !important;
  padding: 8px 10px !important;
  overflow: visible !important;
  background: var(--sgw-ui-surface) !important;
  color: var(--sgw-ui-text) !important;
  border-color: var(--sgw-ui-border) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
}
html.sgw-stable-light body.sgw-clientes-premium main :where(.sgw217-range,.sgw217-perpage,.sgw563-pagination-label),
html.sgw-stable-light body.sgw-clientes-premium main :where(.sgw217-range,.sgw217-perpage,.sgw563-pagination-label) * {
  color: var(--sgw-ui-text) !important;
  -webkit-text-fill-color: currentColor !important;
  font-size: 12px !important;
}
html.sgw-stable-light body.sgw-clientes-premium main .sgw217-pagination :where(.sgw217-range,.sgw217-perpage,.sgw217-nav,.sgw562-page-numbers) {
  display: flex !important;
  position: static !important;
  flex: 0 1 auto !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  transform: none !important;
  color: var(--sgw-ui-text) !important;
  font-size: 12px !important;
}
html.sgw-stable-light body.sgw-clientes-premium main :where(.sgw217-pagination,.sgw563-pagination-top) :where(.sgw217-pagebtn,.sgw217-current) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 28px !important;
  height: 28px !important;
  min-height: 28px !important;
  max-height: none !important;
  padding: 0 6px !important;
  font-size: 12px !important;
  line-height: 1 !important;
}
@media (max-width: 780px) {
  html.sgw-stable-light body.sgw-clientes-premium main #sgw570ClientesWrap#sgw570ClientesWrap {
    overflow-x: auto !important;
    overflow-y: auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: 70vh !important;
    border-radius: 6px !important;
    box-shadow: none !important;
  }
  html.sgw-stable-light body.sgw-clientes-premium main #sgw567ClientesTable#sgw567ClientesTable {
    min-width: 800px !important;
    width: 100% !important;
    table-layout: auto !important;
  }
  html.sgw-stable-light body.sgw-clientes-premium main #sgw567ClientesTable#sgw567ClientesTable :where(th,td) {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    white-space: nowrap !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    padding: 8px !important;
    letter-spacing: 0 !important;
  }
}