/* V4: readable navigation, light operational screens and native dashboard editor. */
html.sgw-stable-light #sgw450TopShell#sgw450TopShell {
  background:#f5faff!important;border-bottom:1px solid #d5e3f2!important;
  box-shadow:0 4px 16px rgba(28,66,107,.10)!important;
}
html.sgw-stable-light #sgw450TopShell#sgw450TopShell .sgw450-navrow {
  background:#f0f6fd!important;border-radius:0 0 8px 8px!important;
}
html.sgw-stable-light #sgw450TopShell#sgw450TopShell .sgw450-utilrow {background:#fbfdff!important;}
html.sgw-stable-light #sgw450TopShell .sgw450-navbutton:not(.active),
html.sgw-stable-light #sgw450TopShell .sgw450-navlink:not(.active) {
  background:transparent!important;color:#233c57!important;-webkit-text-fill-color:currentColor!important;
}
html.sgw-stable-light #sgw450TopShell .sgw450-navbutton:not(.active):hover,
html.sgw-stable-light #sgw450TopShell .sgw450-navlink:not(.active):hover {background:#e1edfb!important;}
html.sgw-stable-light #sgw450TopShell#sgw450TopShell .sgw450-dropdown {
  background:#fff!important;border:1px solid #d4e0ee!important;border-radius:8px!important;
  box-shadow:0 10px 24px rgba(28,66,107,.16)!important;
}
html.sgw-stable-light #sgw450TopShell#sgw450TopShell .sgw450-dropdown a,
html.sgw-stable-light #sgw450TopShell#sgw450TopShell .sgw450-dropdown a span {
  color:#223b55!important;-webkit-text-fill-color:#223b55!important;opacity:1!important;
}
html.sgw-stable-light #sgw450TopShell#sgw450TopShell .sgw450-dropdown a:is(.active,[aria-current="page"]),
html.sgw-stable-light #sgw450TopShell#sgw450TopShell .sgw450-dropdown a:is(.active,[aria-current="page"]) span {
  color:#124f9b!important;-webkit-text-fill-color:#124f9b!important;background:#e8f2ff!important;
  font-weight:700!important;text-shadow:none!important;box-shadow:none!important;
}
html.sgw-stable-light #sgw450TopShell#sgw450TopShell .sgw450-dropdown a:is(.active,[aria-current="page"]) {
  border-left:3px solid #2269c5!important;padding-left:13px!important;
}
html.sgw-stable-light #sgw450TopShell#sgw450TopShell .sgw450-dropdown a:hover {background:#f1f6fc!important;}
html.sgw-stable-light #sgw450TopShell#sgw450TopShell .sgw450-dropdown a:focus-visible {outline:2px solid #2269c5!important;outline-offset:-2px!important;}

/* Traffic containers only: do not recolor chart paths or canvases. */
html.sgw-stable-light body :is(.v87-server,.v87-server-head,.v87-summary,.v87-box,.v87-rank-card,.v87-wrap,.v92-link-panel,.v92-metric,.v92-graph,.v92-modal-box,.v92-item,.v450-graph-config,.v450-graph-main,.v450-storage,.v450-how,.v450-bigstats>div,.v450-rangebar) {
  background:#fff!important;background-image:none!important;color:#22334a!important;
  border-color:#d7e0e9!important;border-radius:8px!important;box-shadow:none!important;
}
html.sgw-stable-light body .v87-server-head,
html.sgw-stable-light body .v87-table th {background:#f0f5fb!important;}
html.sgw-stable-light body :is(.v87-name,.v87-val,.v87-iface,.v87-client,.v92-link-title,.v92-metric-value,.v92-modal-head h3,.v450-bigstats b) {
  color:#22334a!important;-webkit-text-fill-color:currentColor!important;letter-spacing:0!important;
}
html.sgw-stable-light body :is(.v87-lbl,.v87-sub,.v92-link-sub,.v92-metric-label,.v92-item-meta,.v92-legend,.v450-legend) {
  color:#52647a!important;-webkit-text-fill-color:currentColor!important;font-size:12px!important;
}
html.sgw-stable-light body .v87-table th,
html.sgw-stable-light body .v87-table td {color:#22334a!important;-webkit-text-fill-color:currentColor!important;border-color:#e0e7ef!important;font-size:12px!important;}
html.sgw-stable-light body .v87-table td {background:#fff!important;}
html.sgw-stable-light body :is(.v87-table,.v450-graphs-page) .rx {color:#1b5cb4!important;}
html.sgw-stable-light body :is(.v87-table,.v450-graphs-page) .tx {color:#137446!important;}
html.sgw-stable-light body :is(.v92-btn,.v450-rangebar button,.v450-interface-chips button) {
  background:#fff!important;background-image:none!important;color:#1456af!important;-webkit-text-fill-color:currentColor!important;
  border:1px solid #c9d8e9!important;border-radius:6px!important;box-shadow:none!important;font-size:13px!important;
}
html.sgw-stable-light body :is(.v92-btn.primary,.v450-save) {
  background:#e8f5ef!important;background-image:none!important;color:#12613c!important;-webkit-text-fill-color:currentColor!important;
  border:1px solid #aad5bd!important;border-radius:6px!important;box-shadow:none!important;
}
html.sgw-stable-light body .v92-modal {background:rgba(28,48,70,.32)!important;}
html.sgw-stable-light body .v92-item {min-width:0;}
html.sgw-stable-light body .v92-link-title {font-size:18px!important;}
html.sgw-stable-light body .v450-graphs-page.v450-graphs-page .v450-chart-wrap,
html.sgw-stable-light body .v92-canvas-wrap {background:#fff!important;background-image:none!important;border-color:#d7e0e9!important;}
html.sgw-stable-light body .v450-chart-wrap svg text {fill:#52647a!important;}
html.sgw-stable-light body .v450-chart-wrap svg .grid {stroke:#dce5ef!important;}
html.sgw-stable-light body .v87-head h1 {font-size:28px!important;letter-spacing:0!important;}

/* Central do Cliente: buttons stay distinct without dark surfaces. */
html.sgw-stable-light body .v166-page :is(.v166-card,.v166-card-title,.v166-urlbox,.v166-info-item) {
  background:#fff!important;background-image:none!important;color:#22334a!important;border-color:#d7e0e9!important;
  border-radius:8px!important;box-shadow:none!important;
}
html.sgw-stable-light body .v166-page .v166-card-title {border:0!important;border-radius:0!important;padding:0 0 14px!important;}
html.sgw-stable-light body .v166-page :is(h2,h3,label,b,strong,code) {color:#22334a!important;-webkit-text-fill-color:currentColor!important;letter-spacing:0!important;}
html.sgw-stable-light body .v166-page h2 {font-size:20px!important;line-height:1.25!important;}
html.sgw-stable-light body .v166-page .v166-grid-2 {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;}
html.sgw-stable-light body .v166-page .v166-card {padding:20px!important;border:1px solid #d7e0e9!important;margin-bottom:16px!important;}
html.sgw-stable-light body .v166-page .v166-card-title {display:flex!important;align-items:flex-start!important;gap:12px!important;}
html.sgw-stable-light body .v166-page .v166-card-title>span {display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:#e8f2ff!important;color:#124f9b!important;}
html.sgw-stable-light body .v166-page .v166-urlbox {display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important;min-width:0!important;border:0!important;}
html.sgw-stable-light body .v166-page .v166-urlbox>div {display:flex!important;gap:8px!important;align-items:center!important;min-width:0!important;padding:8px!important;border:1px solid #d7e0e9!important;border-radius:6px!important;}
html.sgw-stable-light body .v166-page .v166-actions-row {display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;}
html.sgw-stable-light body .v166-page .v166-form-grid {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;}
html.sgw-stable-light body .v166-page .v166-form-grid .full {grid-column:1/-1!important;}
html.sgw-stable-light body .v166-page .v166-field {display:flex;flex-direction:column;gap:5px;min-width:0;}
html.sgw-stable-light body .v166-page .v166-field :is(input,select,textarea) {width:100%!important;max-width:100%!important;box-sizing:border-box!important;}
html.sgw-stable-light body .v166-page .v166-toggle-line {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #e4ebf3;}
html.sgw-stable-light body .v166-page .v166-toggle-line small {display:block;}
html.sgw-stable-light body .v166-page .v166-urlbox code {flex:1 1 0!important;min-width:0!important;white-space:normal!important;overflow-wrap:anywhere!important;overflow:visible!important;font-size:12px!important;line-height:1.5!important;}
html.sgw-stable-light body .v166-page :is(button,.v166-btn,a.v166-btn) {
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;
  background:#fff!important;background-image:none!important;color:#1456af!important;-webkit-text-fill-color:currentColor!important;
  border:1px solid #c9d8e9!important;border-radius:6px!important;box-shadow:none!important;font-size:13px!important;
  padding:8px 12px!important;min-height:34px!important;max-width:100%!important;white-space:normal!important;
}
html.sgw-stable-light body .v166-page .v166-urlbox button {flex:0 0 auto!important;white-space:nowrap!important;}
html.sgw-stable-light body .v166-page :is(.primary,.v166-btn-primary) {background:#e8f2ff!important;color:#124f9b!important;}
html.sgw-stable-light body .v166-page :is(.danger,.v166-btn-danger) {background:#fff1f3!important;color:#a3213e!important;border-color:#efc5ce!important;}
html.sgw-stable-light body .v166-page .v166-step {background:#e8f2ff!important;color:#124f9b!important;}
html.sgw-stable-light body .v166-page :is(.v166-toggle-line,.v166-form-grid) {min-width:0!important;}

/* Native dashboard grid. The editor's handles are not present on the real dashboard. */
html.sgw-stable-light body #sgw450Dashboard.sgw458-premium-active {display:block!important;width:100%!important;padding:0!important;}
html.sgw-stable-light body #sgw450Dashboard.sgw458-premium-active>.sgw450-banner-host:not(.grid-stack-item),
html.sgw-stable-light body #sgw450Dashboard.sgw458-premium-active> :is(.sgw450-kpis,.sgw450-grid,.sgw450-bottom)[hidden] {display:none!important;}
html.sgw-stable-light body .sgw458-grid {background:transparent!important;min-width:0!important;}
html.sgw-stable-light body .sgw458-grid .grid-stack-item-content {
  background:#fff!important;background-image:none!important;border:1px solid #d7e0e9!important;border-radius:8px!important;
  display:flex!important;flex-direction:column!important;overflow:hidden!important;box-shadow:0 2px 7px rgba(31,65,105,.05)!important;
}
html.sgw-stable-light body .sgw458-grid .sgw458-native {
  position:relative!important;flex:1 1 0!important;width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;max-height:none!important;
  margin:0!important;border:0!important;border-top:3px solid var(--sgw-card-accent,#2563eb)!important;border-radius:0!important;box-shadow:none!important;
  overflow:auto!important;background:#fff!important;color:#22334a!important;
}
html.sgw-stable-light body .sgw458-grid .sgw458-native :is(header b,.sgw450-kpi small) {text-align:var(--sgw-card-align,left)!important;overflow-wrap:anywhere!important;}
html.sgw-stable-light body .sgw458-grid .sgw450-kpi div {width:100%;min-width:0;}
html.sgw-stable-light body .sgw458-grid .sgw450-kpi :is(small,strong,span) {white-space:normal!important;overflow-wrap:anywhere!important;}
html.sgw-stable-light body .sgw458-grid .sgw450-panel header {gap:8px!important;flex-wrap:wrap!important;}
html.sgw-stable-light body .sgw458-grid .sgw450-donutrow {display:flex!important;flex-wrap:wrap!important;gap:10px!important;}
html.sgw-stable-light body .sgw458-grid .sgw450-legend {min-width:0!important;width:100%!important;}
html.sgw-stable-light body .sgw458-grid .sgw450-legend span {flex-wrap:wrap!important;}
html.sgw-stable-light body .sgw458-grid .sgw450-legend b {margin-left:auto!important;}
html.sgw-stable-light body .sgw458-grid .sgw450-actions {grid-template-columns:repeat(auto-fit,minmax(130px,1fr))!important;}
html.sgw-stable-light body .sgw458-grid .sgw450-services {grid-template-columns:repeat(auto-fit,minmax(105px,1fr))!important;}
html.sgw-stable-light body .sgw458-grid .sgw450-service {min-width:0!important;}
html.sgw-stable-light body .sgw458-grid .sgw450-chart {width:100%!important;min-width:0!important;background:#fff!important;background-image:none!important;border-color:#d7e0e9!important;}
html.sgw-stable-light body .sgw458-grid .sgw453-axis-svg text {fill:#52647a!important;}
html.sgw-stable-light body .sgw458-grid .sgw453-axis-svg .grid {stroke:#dce5ef!important;}
html.sgw-stable-light body .v166-page.v166-page.v166-page .v166-card-title.v166-card-title {background:#fff!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0 0 14px!important;}
html.sgw-stable-light body .sgw458-editbar {
  flex:0 0 36px!important;height:36px!important;display:flex!important;align-items:center!important;gap:5px!important;
  padding:3px 6px!important;border-bottom:1px solid #e4ebf3!important;background:#f6f9fd!important;color:#354d69!important;
}
html.sgw-stable-light body .sgw458-editbar b {flex:1!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:11px!important;}
html.sgw-stable-light body .sgw458-grip {width:22px!important;flex:0 0 22px!important;cursor:grab!important;touch-action:none!important;}
html.sgw-stable-light body .sgw458-grid .ui-resizable-se {display:block!important;width:14px!important;height:14px!important;right:7px!important;bottom:7px!important;border-right:2px solid #4878b2!important;border-bottom:2px solid #4878b2!important;background:#f3f8ff!important;z-index:10!important;}
html.sgw-stable-light body .sgw458-editbar button {flex:0 0 24px!important;width:24px!important;height:26px!important;min-height:0!important;padding:3px!important;}

html.sgw-stable-light body .sgw458-editor {max-width:1800px!important;margin:0 auto!important;padding:20px 16px 28px!important;color:#22334a!important;}
html.sgw-stable-light body .sgw458-head {display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;margin:0 0 18px!important;flex-wrap:wrap!important;}
html.sgw-stable-light body .sgw458-head small {font-size:11px!important;color:#566c83!important;letter-spacing:0!important;}
html.sgw-stable-light body .sgw458-head h1 {font-size:28px!important;line-height:1.2!important;font-weight:700!important;color:#22334a!important;margin:5px 0!important;letter-spacing:0!important;}
html.sgw-stable-light body #sgw458State {font-size:13px!important;color:#52647a!important;}
html.sgw-stable-light body #sgw458State.bad {color:#a3213e!important;}
html.sgw-stable-light body .sgw458-head-actions {display:flex!important;flex-wrap:wrap!important;gap:6px!important;align-items:center!important;}
html.sgw-stable-light body .sgw458-editor :is(button,.sgw458-head-actions a) {
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;
  height:36px!important;min-height:36px!important;padding:0 10px!important;background:#fff!important;background-image:none!important;
  border:1px solid #cad8e7!important;border-radius:6px!important;color:#245a99!important;-webkit-text-fill-color:currentColor!important;
  font-size:13px!important;font-weight:600!important;box-shadow:none!important;cursor:pointer!important;text-decoration:none!important;
}
html.sgw-stable-light body .sgw458-editor button:hover:not(:disabled) {background:#edf5ff!important;}
html.sgw-stable-light body .sgw458-editor button:disabled {opacity:.5!important;cursor:default!important;}
html.sgw-stable-light body .sgw458-editor button.primary {background:#1c65c7!important;color:#fff!important;border-color:#1c65c7!important;}
html.sgw-stable-light body .sgw458-editor button.primary:hover:not(:disabled) {background:#1758af!important;}
html.sgw-stable-light body .sgw458-editor :is(button,a):focus-visible {outline:2px solid #2269c5!important;outline-offset:2px!important;}
html.sgw-stable-light body :is(.sgw458-editor,.sgw458-grid) svg.lucide {width:17px!important;height:17px!important;flex:0 0 17px!important;stroke:currentColor!important;}
html.sgw-stable-light body .sgw458-workspace {display:grid!important;grid-template-columns:250px minmax(0,1fr)!important;gap:16px!important;min-height:600px!important;}
html.sgw-stable-light body .sgw458-controls {background:transparent!important;background-image:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;overflow:visible!important;min-width:0!important;}
html.sgw-stable-light body .sgw458-controls h2 {font-size:18px!important;margin:0 0 12px!important;color:#22334a!important;}
html.sgw-stable-light body #sgw458Search {width:100%!important;height:38px!important;margin-bottom:8px!important;}
html.sgw-stable-light body #sgw458Catalog {max-height:720px;overflow:auto;}
html.sgw-stable-light body .sgw458-catalog-row {display:flex;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid #dce5ef;}
html.sgw-stable-light body .sgw458-catalog-row>span {flex:1;min-width:0;}
html.sgw-stable-light body .sgw458-catalog-row b {display:block;font-size:13px;overflow-wrap:anywhere;color:#22334a;}
html.sgw-stable-light body .sgw458-catalog-row small {display:block;font-size:12px;color:#65758a;}
html.sgw-stable-light body .sgw458-catalog-row button {flex:0 0 32px!important;width:32px!important;padding:6px!important;}
html.sgw-stable-light body .sgw458-preview-shell {background:#fff!important;background-image:none!important;border:1px solid #d7e0e9!important;border-radius:8px!important;box-shadow:none!important;overflow:hidden!important;min-width:0!important;}
html.sgw-stable-light body .sgw458-preview-bar {display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px!important;border-bottom:1px solid #e0e7ef!important;background:#fff!important;}
html.sgw-stable-light body .sgw458-preview-bar>b {font-size:14px;color:#22334a;}
html.sgw-stable-light body .sgw458-device {display:flex;gap:4px;}
html.sgw-stable-light body .sgw458-device button {width:32px!important;padding:6px!important;}
html.sgw-stable-light body .sgw458-device button[aria-pressed="true"] {background:#e8f2ff!important;border-color:#6a9bd4!important;}
html.sgw-stable-light body .sgw458-frame-wrap {background:#edf2f8!important;background-image:none!important;padding:10px!important;display:flex!important;justify-content:center!important;align-items:flex-start!important;overflow:auto!important;max-height:780px!important;min-width:0!important;}
html.sgw-stable-light body #sgw458Preview {display:block!important;flex:0 1 auto!important;width:100%;max-width:100%!important;min-width:0!important;height:750px!important;border:1px solid #d7e0e9!important;border-radius:6px!important;background:#f5f7fa!important;}
html.sgw-stable-light body .sgw458-empty {padding:20px;font-size:13px;color:#52647a;}
html.sgw-stable-light body .sgw458-dialog {width:480px!important;max-width:calc(100vw - 28px)!important;max-height:calc(100vh - 28px)!important;overflow:auto!important;padding:20px!important;border:1px solid #d7e0e9!important;border-radius:8px!important;background:#fff!important;color:#22334a!important;box-shadow:0 18px 60px rgba(24,49,80,.2)!important;}
html.sgw-stable-light body .sgw458-dialog::backdrop {background:rgba(28,48,70,.32);}
html.sgw-stable-light body .sgw458-dialog header {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px;}
html.sgw-stable-light body .sgw458-dialog h2 {font-size:20px!important;margin:0!important;color:#22334a!important;}
html.sgw-stable-light body .sgw458-dialog label {display:block;font-size:13px!important;color:#334963!important;margin-bottom:12px;}
html.sgw-stable-light body .sgw458-dialog :is(input:not([type="checkbox"]),select) {width:100%!important;height:38px!important;margin-top:6px!important;box-sizing:border-box!important;}
html.sgw-stable-light body .sgw458-form-grid {display:grid;grid-template-columns:1fr 1fr;gap:0 12px;}
html.sgw-stable-light body .sgw458-dialog .sgw458-check {display:flex;align-items:center;gap:8px;}
html.sgw-stable-light body .sgw458-check input {width:16px!important;height:16px!important;}
html.sgw-stable-light body .sgw458-dialog footer {display:flex;justify-content:flex-end;gap:8px;margin-top:15px;}
html.sgw-stable-light body .sgw458-colors {display:flex;gap:4px;}
html.sgw-stable-light body .sgw458-colors button {background:var(--swatch)!important;flex:0 0 28px!important;width:28px!important;min-height:28px!important;height:28px!important;padding:0!important;border-radius:50%!important;border:2px solid #fff!important;}
html.sgw-stable-light body .sgw458-colors button.selected {outline:2px solid #22334a!important;outline-offset:1px!important;}
html.sgw458-iframe-preview body.sgw453-provider-server {padding:10px!important;margin:0!important;--sgw-ui-head-height:0px!important;}
html.sgw458-iframe-preview #sgw450TopShell,html.sgw458-iframe-preview #sgw450Legacy {display:none!important;}
html.sgw458-iframe-preview main.content {padding:0!important;margin:0!important;max-width:none!important;min-height:0!important;}
@media(max-width:1050px){html.sgw-stable-light body .sgw458-workspace{grid-template-columns:210px minmax(0,1fr)!important;}}
@media(max-width:760px){
 html.sgw-stable-light body .sgw458-editor{padding:14px 8px 22px!important;}
 html.sgw-stable-light body .sgw458-workspace{grid-template-columns:minmax(0,1fr)!important;min-height:0!important;}
 html.sgw-stable-light body #sgw458Catalog{max-height:200px;}
 html.sgw-stable-light body .sgw458-head-actions{width:100%;}
 html.sgw-stable-light body .sgw458-frame-wrap{padding:4px!important;}
 html.sgw-stable-light body .v166-page .v166-grid{grid-template-columns:minmax(0,1fr)!important;}
 html.sgw-stable-light body .v166-page .v166-form-grid{grid-template-columns:minmax(0,1fr)!important;}
}
