:root {
    --syn-bg: var(--bg_color, #f4f7fb);
    --syn-surface: var(--primary_color, #ffffff);
    --syn-surface-soft: var(--secondary_color, #f8fafc);
    --syn-text: var(--text_color, #172033);
    --syn-muted: color-mix(in srgb, var(--text_color, #172033) 72%, transparent);
    --syn-border: var(--border_color, #e2e8f0);
    --syn-blue: #2563eb;
    --syn-blue-dark: #1d4ed8;
    --syn-navy: #0f172a;
    --syn-green: #16a34a;
    --syn-amber: #d97706;
    --syn-red: #dc2626;
    --syn-radius: 14px;
    --syn-shadow: 0 8px 30px rgba(15, 23, 42, .07);
}

/* Keep the application chrome readable independently of legacy theme variables. */
body.synacs-theme-light {
    --syn-text: #172033;
    --syn-muted: #526079;
}

body.synacs-theme-dark {
    --syn-text: #f1f5f9;
    --syn-muted: #cbd5e1;
}

body.bg_fenix {
    background: var(--syn-bg) !important;
    color: var(--syn-text);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

/* Application header */
.fx_navbar.synacs-topbar {
    height: 68px !important;
    min-height: 68px !important;
    padding: 0 18px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--syn-border) !important;
    background: color-mix(in srgb, var(--syn-surface) 96%, transparent) !important;
    box-shadow: 0 3px 18px rgba(15,23,42,.06) !important;
    backdrop-filter: blur(12px);
    display:flex !important;
    align-items:center !important;
    color:var(--syn-text) !important;
    z-index:50 !important;
}
.synacs-topbar .ui.dropdown > .menu { z-index:60 !important; }
.synacs-topbar .item:before { display: none !important; }
.synacs-topbar > .item, .synacs-topbar > div > .item,
.synacs-topbar a, .synacs-topbar span, .synacs-topbar button {
    color:var(--syn-text) !important;
    opacity:1 !important;
}
.synacs-topbar-spacer { height:68px; }
.synacs-menu-trigger { min-width: 44px !important; justify-content: center !important; border-radius: 10px !important; margin-right: 8px !important; }
.synacs-menu-trigger i { color: var(--syn-text) !important; margin: 0 !important; }
.synacs-brand { display:flex !important; flex:0 0 auto !important; align-items:center !important; gap:10px; padding:8px 12px !important; visibility:visible !important; opacity:1 !important; }
.synacs-brand > a { text-decoration:none !important; }
.synacs-brand img { height: 32px !important; max-width: 110px; object-fit: contain; }
.synacs-brand-copy { display:flex; flex-direction:column; line-height:1.05; }
.synacs-brand-copy strong { display:block !important; font-size:17px; color:var(--syn-text) !important; letter-spacing:-.02em; }
.synacs-brand-copy small { display:block !important; font-size:10px; color:var(--syn-muted) !important; margin-top:4px; }
.synacs-global-search { display:flex !important; flex:1 1 480px !important; max-width:620px; min-width:220px; margin-left:28px !important; }
.synacs-global-search button { width:100%; height:40px; border:1px solid var(--syn-border); background:var(--syn-surface-soft); color:var(--syn-muted); border-radius:10px; display:flex; align-items:center; gap:10px; padding:0 14px; cursor:pointer; text-align:left; }
.synacs-global-search button span { display:inline !important; color:var(--syn-muted) !important; visibility:visible !important; opacity:1 !important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.synacs-global-search button:hover { border-color:var(--syn-blue); background:color-mix(in srgb,var(--syn-blue) 12%,var(--syn-surface)); color:var(--syn-text); }
.synacs-top-action { width:40px; height:40px; padding:0 !important; margin:0 3px !important; border-radius:10px !important; display:grid !important; place-items:center; color:var(--syn-muted) !important; }
.synacs-top-action:hover { background:var(--syn-surface-soft) !important; color:#60a5fa !important; }
.synacs-topbar .synacs-top-action,
.synacs-topbar .synacs-top-action i.robot.icon {
    color:#2563eb !important;
    opacity:1 !important;
    visibility:visible !important;
}
.synacs-topbar .synacs-top-action { background:#eff6ff !important; }
.synacs-topbar .synacs-top-action:hover { background:#dbeafe !important; }
body.synacs-theme-dark .synacs-topbar .synacs-top-action { background:#1e3a5f !important; }
body.synacs-theme-dark .synacs-topbar .synacs-top-action i.robot.icon { color:#60a5fa !important; }
.synacs-topbar > .right.aligned.item { margin-left:auto !important; flex:0 0 auto !important; color:var(--syn-text) !important; }
.synacs-user { display:flex !important; align-items:center !important; padding:7px 10px !important; border-radius:11px; gap:8px; color:var(--syn-text) !important; }
.synacs-user-avatar { width:34px; height:34px; display:grid; place-items:center; border-radius:10px; background:linear-gradient(135deg,var(--syn-blue),#7c3aed); color:#fff; font-weight:800; }
.synacs-user-name { display:inline-block !important; color:var(--syn-text) !important; font-weight:800; visibility:visible !important; opacity:1 !important; text-shadow:none !important; }
body.synacs-theme-light .synacs-topbar .synacs-user-name,
body.synacs-theme-light .synacs-topbar .dropdown.icon { color:#172033 !important; }
body.synacs-theme-dark .synacs-topbar .synacs-user-name,
body.synacs-theme-dark .synacs-topbar .dropdown.icon { color:#f8fafc !important; }
.synacs-logout { color:var(--syn-muted) !important; border-radius:9px; }
.synacs-logout span { display:inline-block !important; visibility:visible !important; opacity:1 !important; font-weight:700; }
body.synacs-theme-light .synacs-topbar .synacs-logout,
body.synacs-theme-light .synacs-topbar .synacs-logout span,
body.synacs-theme-light .synacs-topbar .synacs-logout i { color:#334155 !important; }
body.synacs-theme-dark .synacs-topbar .synacs-logout,
body.synacs-theme-dark .synacs-topbar .synacs-logout span,
body.synacs-theme-dark .synacs-topbar .synacs-logout i { color:#e2e8f0 !important; }
.synacs-logout:hover { color:var(--syn-red) !important; background:#fef2f2 !important; }
body .synacs-topbar .synacs-logout:hover,
body .synacs-topbar .synacs-logout:hover span,
body .synacs-topbar .synacs-logout:hover i { color:var(--syn-red) !important; }

/* Horizontal application navigation */
.synacs-mainnav {
    position:sticky; top:68px; z-index:20; height:48px; padding:0 22px;
    color:#e5edf8; background:linear-gradient(180deg,#162033 0%,#101827 100%);
    border-bottom:3px solid #f97316; box-shadow:0 7px 20px rgba(15,23,42,.16);
}
.synacs-mainnav-inner { height:45px; display:flex; align-items:stretch; gap:2px; max-width:100%; }
.synacs-mainnav a, .synacs-nav-toggle {
    min-height:45px; display:flex; align-items:center; gap:7px; padding:0 14px; border:0;
    border-radius:0; background:transparent; color:#e5edf8 !important;
    font:700 13px/1 Inter,ui-sans-serif,system-ui,sans-serif; white-space:nowrap; cursor:pointer;
}
.synacs-mainnav a:hover, .synacs-nav-toggle:hover,
.synacs-nav-dropdown.open > .synacs-nav-toggle, .synacs-mainnav a.active {
    background:rgba(255,255,255,.09); color:#fff !important;
}
.synacs-mainnav i.icon { margin:0 !important; color:#9fb0c7 !important; }
.synacs-nav-toggle .dropdown.icon { font-size:10px; transition:transform .18s ease; }
.synacs-nav-dropdown.open > .synacs-nav-toggle .dropdown.icon { transform:rotate(180deg); }
.synacs-nav-dropdown { position:relative; }
.synacs-nav-panel {
    display:none; position:absolute; top:calc(100% + 3px); left:0; width:max-content;
    min-width:250px; max-width:380px; max-height:calc(100vh - 145px); overflow:auto;
    padding:8px; border:1px solid #dbe3ee; border-radius:0 0 12px 12px;
    background:#fff; box-shadow:0 18px 45px rgba(15,23,42,.22);
}
.synacs-nav-dropdown.open > .synacs-nav-panel { display:block; }
.synacs-nav-panel > a, .synacs-nav-subgroup > a {
    min-height:40px; padding:10px 12px; border-radius:8px; color:#172033 !important;
    font-weight:650; white-space:normal;
}
.synacs-nav-panel > a:hover, .synacs-nav-subgroup > a:hover { background:#eef4ff; color:#1d4ed8 !important; }
.synacs-nav-panel a i.icon { color:#64748b !important; width:20px; }
.synacs-nav-subgroup { padding:4px 0; border-bottom:1px solid #edf1f6; }
.synacs-nav-subgroup:last-child { border-bottom:0; }
.synacs-nav-subtitle {
    display:flex; align-items:center; gap:8px; padding:8px 12px 5px; color:#64748b;
    font-size:11px; font-weight:850; letter-spacing:.06em; text-transform:uppercase;
}
.synacs-nav-subgroup > a { padding-left:18px; }
.synacs-mainnav-config { margin-left:auto; }
.synacs-dynamic-menu { display:flex; align-items:stretch; min-width:0; flex:1 1 auto; }
.synacs-more-menu { flex:0 0 auto; }
.synacs-more-menu[hidden] { display:none !important; }
.synacs-more-menu .synacs-nav-panel { left:auto; right:0; }
.synacs-more-groups > .ui.accordion.fx-menu { width:100% !important; margin:0 !important; border:0 !important; box-shadow:none !important; }
.synacs-more-groups > .ui.accordion.fx-menu > .title { min-height:40px !important; padding:10px 12px !important; color:#172033 !important; background:transparent !important; }
.synacs-more-groups > .ui.accordion.fx-menu > .content { position:static !important; width:100% !important; padding:4px 0 !important; border:0 !important; box-shadow:none !important; }
body.synacs-theme-dark .synacs-more-groups > .ui.accordion.fx-menu > .title { color:#f1f5f9 !important; }
.synacs-dynamic-menu > .ui.accordion.fx-menu {
    position:relative !important; width:auto !important; min-width:0 !important; margin:0 !important;
    padding:0 !important; border:0 !important; border-radius:0 !important; background:transparent !important;
}
.synacs-dynamic-menu > .ui.accordion.fx-menu > .title {
    min-height:45px !important; display:flex !important; align-items:center !important; gap:6px;
    padding:0 13px !important; border:0 !important; border-radius:0 !important; background:transparent !important;
    color:#e5edf8 !important; font-size:13px !important; font-weight:700 !important; white-space:nowrap;
}
.synacs-dynamic-menu > .ui.accordion.fx-menu > .title .dropdown.icon { order:2; font-size:10px !important; color:#9fb0c7 !important; }
.synacs-dynamic-menu > .ui.accordion.fx-menu > .title:hover,
.synacs-dynamic-menu > .ui.accordion.fx-menu.active > .title { background:rgba(255,255,255,.09) !important; color:#fff !important; }
.synacs-dynamic-menu > .ui.accordion.fx-menu > .content {
    position:absolute !important; top:48px !important; left:0 !important; width:max-content !important;
    min-width:270px !important; max-width:390px !important; max-height:calc(100vh - 145px) !important;
    overflow:auto !important; padding:8px !important; border:1px solid #dbe3ee !important;
    border-radius:0 0 12px 12px !important; background:#fff !important;
    box-shadow:0 18px 45px rgba(15,23,42,.22) !important;
}
.synacs-dynamic-menu > .ui.accordion.fx-menu > .content:not(.active) { display:none !important; }
.synacs-dynamic-menu .content .menu { width:100% !important; border:0 !important; box-shadow:none !important; background:transparent !important; }
.synacs-dynamic-menu .content .item,
.synacs-dynamic-menu .content a.item,
.synacs-dynamic-menu .content .sub_menu > .title {
    min-height:40px !important; margin:1px 0 !important; padding:10px 12px !important;
    border:0 !important; border-radius:8px !important; background:transparent !important;
    color:#172033 !important; font-size:13px !important; font-weight:650 !important; white-space:normal;
}
.synacs-dynamic-menu .content .item:hover,
.synacs-dynamic-menu .content a.item:hover,
.synacs-dynamic-menu .content .sub_menu > .title:hover { background:#eef4ff !important; color:#1d4ed8 !important; }
.synacs-dynamic-menu .content .item i,
.synacs-dynamic-menu .content a.item i,
.synacs-dynamic-menu .content .sub_menu > .title i { color:#64748b !important; }
body.synacs-theme-dark .synacs-dynamic-menu > .ui.accordion.fx-menu > .content { background:#172033 !important; border-color:#334155 !important; }
body.synacs-theme-dark .synacs-dynamic-menu .content .item,
body.synacs-theme-dark .synacs-dynamic-menu .content a.item,
body.synacs-theme-dark .synacs-dynamic-menu .content .sub_menu > .title { color:#f1f5f9 !important; }
body.synacs-theme-dark .synacs-dynamic-menu .content .item:hover,
body.synacs-theme-dark .synacs-dynamic-menu .content a.item:hover,
body.synacs-theme-dark .synacs-dynamic-menu .content .sub_menu > .title:hover { background:#26354b !important; }

/* SGP-like plain menu: names in the bar, clean lists below, no menu cards. */
#synacs_menu_source { display:none !important; }
.synacs-plain-groups { display:flex; align-items:stretch; min-width:0; }
.synacs-plain-group { position:relative; flex:0 0 auto; }
.synacs-plain-toggle {
    height:45px; display:flex; align-items:center; gap:6px; padding:0 11px; border:0;
    border-radius:0; background:transparent; color:#e5edf8; font-size:12px; font-weight:700;
    white-space:nowrap; cursor:pointer;
}
.synacs-plain-toggle:hover, .synacs-plain-group.open > .synacs-plain-toggle {
    background:transparent; color:#f97316;
}
.synacs-plain-toggle .dropdown.icon { margin:0 !important; color:#9fb0c7 !important; font-size:10px; }
.synacs-plain-group.open > .synacs-plain-toggle .dropdown.icon { color:#f97316 !important; transform:rotate(180deg); }
.synacs-plain-panel {
    display:none; position:absolute; top:45px; left:0; width:max-content; min-width:235px;
    max-width:360px; max-height:calc(100vh - 135px); overflow:visible; padding:7px 0;
    border:1px solid #d9e1ec; border-top:2px solid #f97316; border-radius:0 0 8px 8px;
    background:#fff; box-shadow:0 14px 34px rgba(15,23,42,.2);
}
.synacs-plain-group.open > .synacs-plain-panel,
.synacs-plain-group:hover > .synacs-plain-panel { display:block; }
.synacs-plain-panel > a, .synacs-plain-subtoggle, .synacs-plain-subpanel > a {
    width:100%; min-height:36px; display:flex; align-items:center; justify-content:space-between;
    gap:16px; padding:8px 16px; border:0; border-radius:0; background:transparent;
    color:#263247 !important; font-size:13px; font-weight:600; text-align:left; white-space:nowrap;
    cursor:pointer;
}
.synacs-plain-panel > a:hover, .synacs-plain-subtoggle:hover, .synacs-plain-subpanel > a:hover {
    background:#eef4ff; color:#1d4ed8 !important;
}
.synacs-plain-submenu { position:relative; }
.synacs-plain-subtoggle .caret.icon { margin:0 !important; color:#64748b !important; }
.synacs-plain-subpanel {
    display:none; position:absolute; top:-7px; left:100%; width:max-content; min-width:240px;
    max-height:calc(100vh - 135px); overflow:auto; padding:7px 0; border:1px solid #d9e1ec;
    border-top:2px solid #f97316; border-radius:0 8px 8px 8px; background:#fff;
    box-shadow:0 14px 34px rgba(15,23,42,.2);
}
.synacs-plain-submenu:hover > .synacs-plain-subpanel,
.synacs-plain-submenu.open > .synacs-plain-subpanel { display:block; }
body.synacs-theme-dark .synacs-plain-panel,
body.synacs-theme-dark .synacs-plain-subpanel { background:#172033; border-color:#334155; border-top-color:#f97316; }
body.synacs-theme-dark .synacs-plain-panel > a,
body.synacs-theme-dark .synacs-plain-subtoggle,
body.synacs-theme-dark .synacs-plain-subpanel > a { color:#f1f5f9 !important; }
body.synacs-theme-dark .synacs-plain-panel > a:hover,
body.synacs-theme-dark .synacs-plain-subtoggle:hover,
body.synacs-theme-dark .synacs-plain-subpanel > a:hover { background:#26354b; }
body.synacs-theme-dark .synacs-nav-panel { background:#172033; border-color:#334155; }
body.synacs-theme-dark .synacs-nav-panel > a,
body.synacs-theme-dark .synacs-nav-subgroup > a { color:#f1f5f9 !important; }
body.synacs-theme-dark .synacs-nav-panel > a:hover,
body.synacs-theme-dark .synacs-nav-subgroup > a:hover { background:#26354b; }
body.synacs-theme-dark .synacs-nav-subgroup { border-color:#334155; }

/* Main shell */
.synacs-shell { width:100% !important; height:calc(100vh - 116px) !important; margin:0 !important; }
#content_sidebar {
    top:68px !important; bottom:0 !important; width:268px !important; padding:0 !important;
    background:var(--syn-surface) !important; color:var(--syn-text) !important; border:0 !important; border-right:1px solid var(--syn-border) !important;
    box-shadow:none !important; overflow:hidden !important;
}
#content_main { margin-left:0 !important; width:100% !important; padding:22px 24px 40px !important; height:calc(100vh - 116px) !important; overflow:auto !important; }
#content_main.full { margin-left:0 !important; width:100% !important; }
#btn_open_menu_lat { display:none !important; }
#side_menu_scroll { height:calc(100vh - 194px) !important; padding:8px 10px 18px !important; scrollbar-width:thin; }
.synacs-sidebar-head { padding:18px 16px 10px; }
.synacs-sidebar-head strong { display:block; font-size:11px; text-transform:uppercase; letter-spacing:.11em; color:var(--syn-muted); margin-bottom:11px; }
.menu_search { margin:0 !important; border:0 !important; box-shadow:none !important; background:transparent !important; }
.menu_search .input input { height:42px; border:1px solid var(--syn-border) !important; border-radius:10px !important; background:var(--syn-surface-soft) !important; padding-left:38px !important; }
.synacs-sidebar-shortcuts { display:flex; gap:7px; padding:0 16px 12px; }
.synacs-sidebar-shortcuts a { flex:1; height:38px; display:grid !important; place-items:center; border:1px solid var(--syn-border) !important; border-radius:9px !important; background:var(--syn-surface-soft) !important; color:var(--syn-text) !important; box-shadow:none !important; }
.synacs-sidebar-shortcuts a:hover { background:color-mix(in srgb,var(--syn-blue) 12%,var(--syn-surface)) !important; border-color:var(--syn-blue) !important; }
#side_menu_scroll.ui.vertical.menu { border:0 !important; box-shadow:none !important; background:transparent !important; }
#side_menu_scroll .item { min-height:42px; margin:3px 0; padding:11px 12px !important; border-radius:9px !important; color:var(--syn-text) !important; font-weight:600; border:0 !important; }
#side_menu_scroll .item:before { display:none !important; }
#side_menu_scroll .item i.icon { color:#64748b !important; width:24px; }
#side_menu_scroll .item:hover { background:var(--syn-surface-soft) !important; color:var(--syn-text) !important; }
#side_menu_scroll .item.active, #side_menu_scroll .item.selected { background:color-mix(in srgb,var(--syn-blue) 16%,var(--syn-surface)) !important; color:var(--syn-text) !important; box-shadow:inset 3px 0 var(--syn-blue); }
#side_menu_scroll .item.active i, #side_menu_scroll .item.selected i { color:var(--syn-blue) !important; }

/* Content and cards */
#dv_content { min-height:100%; }
#dv_menus { padding:0 !important; }
#dv_menus .z_grupo { text-align:left; border:0; color:var(--syn-muted); font-size:12px; letter-spacing:.08em; text-transform:uppercase; margin:24px 0 12px; }
#dv_menus .z_grupo:before, #dv_menus .z_grupo:after { display:none; }
.ui.segment, .ui.card, .ui.cards > .card, .ui.modal { border:1px solid var(--syn-border) !important; border-radius:var(--syn-radius) !important; box-shadow:var(--syn-shadow) !important; }
.ui.cards > .card:hover { transform:translateY(-2px); box-shadow:0 12px 34px rgba(15,23,42,.1) !important; }
.w-card-menu { width:calc(20% - 14px) !important; min-width:180px; }
.w-card-menu .ui.menu { border:0 !important; box-shadow:none !important; border-radius:var(--syn-radius) !important; }
.w-card-menu .item { min-height:120px !important; flex-direction:column !important; gap:10px; color:var(--syn-text) !important; font-weight:700 !important; }
.w-card-menu .item i { color:#60a5fa !important; background:color-mix(in srgb,var(--syn-blue) 14%,var(--syn-surface)) !important; }
.ui.button { border-radius:9px !important; }
.ui.primary.button, .ui.blue.button { background:var(--syn-blue) !important; }

/* Dashboard navigation and widgets */
.synacs-dashboard-tabs { display:flex !important; justify-content:flex-start !important; gap:5px; width:100% !important; padding:5px !important; margin:0 0 18px !important; position:relative !important; top:auto !important; border:1px solid var(--syn-border); border-radius:12px; background:var(--syn-surface); overflow-x:auto; }
.synacs-dashboard-tabs .ui.buttons { display:flex; gap:4px; }
.synacs-dashboard-tabs .ui.button { border:0 !important; background:transparent !important; box-shadow:none !important; color:var(--syn-muted) !important; padding:10px 15px !important; white-space:nowrap; }
.synacs-dashboard-tabs .ui.button.active, .synacs-dashboard-tabs .ui.button:hover { background:color-mix(in srgb,var(--syn-blue) 16%,var(--syn-surface)) !important; color:var(--syn-text) !important; }
.synacs-dashboard-content { width:100% !important; height:auto !important; margin:0 !important; }
.synacs-page-head { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:0 0 18px; }
.synacs-page-head h1 { margin:0; font-size:25px; letter-spacing:-.03em; color:var(--syn-text); }
.synacs-page-head p { margin:5px 0 0; color:var(--syn-muted); }
.synacs-page-head h1, .synacs-page-head p { visibility:visible !important; opacity:1 !important; }
.synacs-quick-actions { display:flex; gap:8px; flex-wrap:wrap; }
.synacs-quick-actions a { background:var(--syn-surface) !important; color:var(--syn-text) !important; border:1px solid var(--syn-border) !important; }
.synacs-quick-actions a.primary { background:var(--syn-blue) !important; color:#fff !important; border-color:var(--syn-blue) !important; }
.synacs-home-search { width:100% !important; margin:0 0 16px !important; padding:14px !important; display:block !important; }
.synacs-home-search #ftcli { margin:0 !important; width:100%; }
.synacs-home-search .input { width:100%; }
.synacs-home-search input { width:100% !important; height:46px; text-align:left !important; border-radius:10px !important; background:var(--syn-surface-soft) !important; border:1px solid var(--syn-border) !important; }
.ui.statistics { border-radius:var(--syn-radius); background:var(--syn-surface); border:1px solid var(--syn-border); box-shadow:var(--syn-shadow); padding:14px !important; }
.ui.statistics .statistic { min-width:145px; padding:10px !important; }
.ui.statistics .statistic > .label { color:var(--syn-muted) !important; font-size:11px !important; }
.ui.statistics .statistic > .value { color:var(--syn-text) !important; font-size:25px !important; }
.ui.progress .bar { background:var(--syn-blue) !important; }
.footer_os { background:transparent !important; border:0 !important; color:var(--syn-muted) !important; }

/* Network KPIs and shortcuts */
.synacs-kpi-grid {
    display:grid !important;
    grid-template-columns:repeat(7,minmax(0,1fr));
    gap:10px;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
}
.synacs-kpi-grid > .column { width:auto !important; padding:0 !important; margin:0 !important; }
#dash_cloud_counters .ui.grid.synacs-kpi-grid > .column { width:100% !important; max-width:none !important; }
.synacs-kpi-grid .statistic {
    width:100% !important;
    min-width:0 !important;
    min-height:118px;
    margin:0 !important;
    padding:14px 8px !important;
    display:flex !important;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    border:1px solid var(--syn-border);
    border-radius:12px;
    background:var(--syn-surface-soft);
    text-decoration:none !important;
}
.synacs-kpi-grid .statistic:hover { border-color:var(--syn-blue); transform:translateY(-2px); }
.synacs-kpi-grid .statistic > .label {
    min-height:28px;
    display:flex;
    align-items:center;
    justify-content:center;
    line-height:1.2 !important;
    text-align:center;
    white-space:normal !important;
    overflow-wrap:anywhere;
}
.synacs-kpi-grid .statistic > .value { margin:7px 0 3px !important; line-height:1 !important; white-space:nowrap; }
.synacs-kpi-grid .statistic > .value i { font-size:.82em !important; margin-right:5px !important; }
.synacs-kpi-grid .statistic > .meta { color:var(--syn-muted) !important; }

.synacs-utility-grid {
    display:grid !important;
    grid-template-columns:repeat(7,minmax(0,1fr));
    gap:10px;
    padding:12px !important;
    margin:16px 0 !important;
    border:1px solid var(--syn-border) !important;
    border-radius:var(--syn-radius) !important;
    background:var(--syn-surface) !important;
    box-shadow:var(--syn-shadow) !important;
}
.synacs-utility-grid:after { display:none !important; }
.synacs-utility-grid > .item {
    min-width:0 !important;
    min-height:82px !important;
    margin:0 !important;
    padding:11px 7px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    gap:7px;
    border:1px solid var(--syn-border) !important;
    border-radius:11px !important;
    background:var(--syn-surface-soft) !important;
    color:var(--syn-text) !important;
    box-shadow:none !important;
    text-align:center;
}
.synacs-utility-grid > .item:before { display:none !important; }
.synacs-utility-grid > .item:hover { border-color:var(--syn-blue) !important; background:color-mix(in srgb,var(--syn-blue) 12%,var(--syn-surface)) !important; }
.synacs-utility-grid > .item > i.icon {
    width:38px !important;
    height:38px !important;
    margin:0 auto !important;
    display:grid !important;
    place-items:center;
    border-radius:10px;
    background:color-mix(in srgb,var(--syn-blue) 14%,var(--syn-surface));
    color:var(--syn-blue) !important;
    font-size:18px !important;
}

/* TR-069 charts must keep an explicit canvas height on mobile. */
.synacs-tr069-charts {
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
    width:100%;
    margin:16px 0 0 !important;
}
.synacs-tr069-charts:after { display:none !important; }
.synacs-tr069-charts > .synacs-chart-card {
    width:100% !important;
    height:auto !important;
    min-height:330px !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden;
}
.synacs-tr069-panel { min-height:330px; height:100%; padding:22px; display:flex; flex-direction:column; background:var(--syn-surface); color:var(--syn-text); }
.synacs-tr069-panel-header { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:20px; }
.synacs-tr069-panel-header h3 { margin:0; color:var(--syn-text); font-size:19px; }
.synacs-tr069-panel-total { min-width:72px; height:42px; padding:0 12px; display:flex; align-items:center; justify-content:center; gap:7px; border-radius:12px; background:color-mix(in srgb,var(--syn-blue) 9%,var(--syn-surface)); color:var(--syn-blue); }
.synacs-tr069-panel-total i { margin:0 !important; }
.synacs-tr069-panel-total strong { font-size:20px; }
.synacs-tr069-status-rail { height:10px; margin:7px 0 20px; overflow:hidden; border-radius:999px; background:#ef476f; }
.synacs-tr069-status-rail span { display:block; height:100%; border-radius:999px; background:#17b77e; }
.synacs-tr069-status-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.synacs-tr069-status { padding:15px; display:grid; grid-template-columns:40px minmax(0,1fr) auto; align-items:center; gap:10px; border:1px solid var(--syn-border); border-radius:14px; background:color-mix(in srgb,var(--syn-surface) 94%,var(--syn-bg)); color:var(--syn-text); font:inherit; text-align:left; cursor:pointer; transition:transform .18s ease,box-shadow .18s ease; }
.synacs-tr069-status:hover { transform:translateY(-2px); box-shadow:0 8px 20px rgba(15,23,42,.09); }
.synacs-tr069-status .status-icon { width:40px; height:40px; display:grid; place-items:center; border-radius:11px; }
.synacs-tr069-status .status-icon i { margin:0 !important; }
.synacs-tr069-status span:nth-child(2) { min-width:0; display:flex; flex-direction:column; }
.synacs-tr069-status small { color:var(--syn-muted); font-size:10px; }
.synacs-tr069-status strong { color:var(--syn-text); font-size:15px; }
.synacs-tr069-status b { font-size:25px; }
.synacs-tr069-status.online .status-icon { background:rgba(23,183,126,.13); color:#17b77e; }
.synacs-tr069-status.online b { color:#17b77e; }
.synacs-tr069-status.offline .status-icon { background:rgba(239,71,111,.13); color:#ef476f; }
.synacs-tr069-status.offline b { color:#ef476f; }
.synacs-tr069-ranking { display:flex; flex-direction:column; gap:8px; overflow:auto; }
.synacs-tr069-rank-row { padding:9px 10px; display:grid; grid-template-columns:30px minmax(0,1fr) auto 12px; align-items:center; gap:9px; border:1px solid transparent; border-radius:11px; background:transparent; color:var(--syn-text); font:inherit; text-align:left; cursor:pointer; }
.synacs-tr069-rank-row:hover { border-color:var(--syn-border); background:color-mix(in srgb,var(--syn-blue) 5%,var(--syn-surface)); }
.synacs-tr069-rank-position { color:var(--syn-muted); font-size:11px; font-weight:800; }
.synacs-tr069-rank-data { min-width:0; display:flex; flex-direction:column; gap:7px; }
.synacs-tr069-rank-data strong { overflow:hidden; color:var(--syn-text); font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
.synacs-tr069-rank-track { height:5px; overflow:hidden; border-radius:99px; background:var(--syn-border); }
.synacs-tr069-rank-track span { display:block; height:100%; border-radius:99px; background:linear-gradient(90deg,var(--syn-blue),#7656e8); }
.synacs-tr069-rank-value { min-width:32px; color:var(--syn-blue); font-size:16px; font-weight:800; text-align:right; }
.synacs-tr069-rank-row > i { margin:0 !important; color:var(--syn-muted); }
.synacs-home-charts {
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
    width:100%;
    margin:16px 0 !important;
}
.synacs-home-charts:after { display:none !important; }
.synacs-home-charts > .synacs-home-chart-card {
    width:100% !important;
    height:auto !important;
    min-height:330px !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden;
}
.synacs-signal-panel { height:100%; padding:22px; display:flex; flex-direction:column; color:var(--syn-text); background:var(--syn-surface); }
.synacs-signal-header { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; margin-bottom:22px; }
.synacs-signal-eyebrow { display:block; margin-bottom:5px; color:var(--syn-blue); font-size:11px; font-weight:800; letter-spacing:.09em; text-transform:uppercase; }
.synacs-signal-header h3 { margin:0; color:var(--syn-text); font-size:19px; line-height:1.25; }
.synacs-signal-total { min-width:96px; padding:9px 12px; display:flex; flex-direction:column; align-items:flex-end; border-radius:12px; background:color-mix(in srgb,var(--syn-blue) 9%,var(--syn-surface)); }
.synacs-signal-total strong { color:var(--syn-blue); font-size:23px; line-height:1; }
.synacs-signal-total span { margin-top:4px; color:var(--syn-muted); font-size:10px; white-space:nowrap; }
.synacs-signal-rail { height:12px; display:flex; gap:3px; overflow:hidden; border-radius:999px; background:var(--syn-border); }
.synacs-signal-segment { min-width:3px; height:100%; }
.synacs-signal-positive { background:#21ba68 !important; color:#21ba68 !important; }
.synacs-signal-warning { background:#f39c35 !important; color:#f39c35 !important; }
.synacs-signal-negative { background:#e34b52 !important; color:#e34b52 !important; }
.synacs-signal-levels { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; margin-top:17px; }
.synacs-signal-level { min-width:0; padding:11px; display:grid; grid-template-columns:32px minmax(0,1fr) auto; align-items:center; gap:8px; border:1px solid var(--syn-border); border-radius:12px; background:color-mix(in srgb,var(--syn-surface) 94%,var(--syn-bg)); color:var(--syn-text); font:inherit; text-align:left; cursor:pointer; transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease; }
.synacs-signal-level:hover { transform:translateY(-2px); border-color:color-mix(in srgb,currentColor 45%,var(--syn-border)); box-shadow:0 8px 20px rgba(15,23,42,.09); }
.synacs-signal-level-icon { width:32px; height:32px; display:grid; place-items:center; border-radius:9px; background:color-mix(in srgb,currentColor 13%,var(--syn-surface)) !important; }
.synacs-signal-level-icon i { margin:0 !important; color:currentColor !important; }
.synacs-signal-level-copy { min-width:0; display:flex; flex-direction:column; }
.synacs-signal-level-copy strong { color:var(--syn-text); font-size:13px; }
.synacs-signal-level-copy small { color:var(--syn-muted); font-size:10px; white-space:nowrap; }
.synacs-signal-level-value { color:var(--syn-text); font-size:21px; font-weight:800; }
.synacs-signal-arrow { display:none !important; }
.synacs-signal-footer { margin-top:auto; padding-top:15px; color:var(--syn-muted); font-size:11px; }
.synacs-signal-footer i { color:var(--syn-blue); }
.synacs-empty-state { min-height:92px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; color:var(--syn-muted); text-align:center; padding:16px; }
.synacs-empty-state i { margin:0 !important; color:var(--syn-blue) !important; font-size:22px !important; }

/* Modern section titles used by legacy search/list pages. */
body .ui.orange.ribbon.label {
    position:relative !important;
    left:0 !important;
    min-height:auto !important;
    margin:0 !important;
    padding:7px 0 7px 16px !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    color:var(--syn-text) !important;
    font-size:18px !important;
    font-weight:750 !important;
    line-height:1.25 !important;
    letter-spacing:-.015em;
    text-transform:none !important;
}
body .ui.orange.ribbon.label:before {
    position:absolute !important;
    top:4px !important;
    bottom:4px !important;
    left:0 !important;
    width:4px !important;
    height:auto !important;
    border:0 !important;
    border-radius:999px !important;
    background:linear-gradient(180deg,var(--syn-blue),#7656e8) !important;
    box-shadow:none !important;
    content:'' !important;
}
body .ui.orange.ribbon.label:after { display:none !important; }
body .header_busca { padding-top:18px !important; padding-bottom:14px !important; }
body .header_busca > div > .ui.grid { align-items:center !important; }

/* Shared predefined-filter picker */
.synacs-filter-picker {
    width:min(100%,430px) !important;
    min-height:46px;
    padding:0 14px !important;
    display:inline-flex !important;
    align-items:center;
    gap:10px;
    border:1px solid var(--syn-border) !important;
    border-radius:11px !important;
    background:var(--syn-surface) !important;
    color:var(--syn-text) !important;
    box-shadow:none !important;
    text-align:left !important;
}
.synacs-filter-picker:hover, .synacs-filter-picker.active {
    border-color:var(--syn-blue) !important;
    box-shadow:0 0 0 3px color-mix(in srgb,var(--syn-blue) 12%,transparent) !important;
}
.synacs-filter-main-icon {
    width:32px !important;
    height:32px !important;
    margin:0 !important;
    display:grid !important;
    place-items:center;
    border-radius:9px;
    background:color-mix(in srgb,var(--syn-blue) 14%,var(--syn-surface));
    color:var(--syn-blue) !important;
}
.synacs-filter-picker > .text { flex:1; min-width:0; color:var(--syn-text) !important; font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.synacs-filter-chevron { margin:0 !important; color:var(--syn-muted) !important; }
.synacs-filter-menu {
    left:auto !important;
    right:0 !important;
    width:min(430px,90vw) !important;
    min-width:260px !important;
    max-height:360px !important;
    margin-top:8px !important;
    padding:8px !important;
    overflow-y:auto !important;
    border:1px solid var(--syn-border) !important;
    border-radius:12px !important;
    background:var(--syn-surface) !important;
    box-shadow:0 18px 45px rgba(15,23,42,.18) !important;
    z-index:120 !important;
}
.synacs-filter-menu-title { padding:10px 10px 12px !important; display:flex !important; align-items:center; gap:8px; color:var(--syn-muted) !important; font-size:11px !important; letter-spacing:.08em; text-transform:uppercase; }
.synacs-filter-option {
    min-height:48px !important;
    padding:8px 10px !important;
    display:flex !important;
    align-items:center;
    gap:10px;
    border-radius:9px !important;
    color:var(--syn-text) !important;
    white-space:normal !important;
    line-height:1.3 !important;
}
.synacs-filter-option:hover { background:var(--syn-surface-soft) !important; }
.synacs-filter-option.active, .synacs-filter-option.selected { background:color-mix(in srgb,var(--syn-blue) 14%,var(--syn-surface)) !important; color:var(--syn-text) !important; font-weight:700 !important; }
.synacs-filter-option-icon { width:30px; height:30px; flex:0 0 30px; display:grid; place-items:center; border-radius:8px; background:var(--syn-surface-soft); color:var(--syn-blue); }
.synacs-filter-option-icon i, .synacs-filter-check { margin:0 !important; }
.synacs-filter-check { margin-left:auto !important; color:var(--syn-blue) !important; visibility:hidden; }
.synacs-filter-option.active .synacs-filter-check, .synacs-filter-option.selected .synacs-filter-check { visibility:visible; }

/* Simplified-client search, aligned with the SynAcs shell. */
.synacs-client-search { width:100% !important; margin:0 !important; }
.synacs-search-title {
    padding:10px 14px !important;
    border-radius:10px !important;
    background:color-mix(in srgb,var(--syn-blue) 14%,var(--syn-surface)) !important;
    color:var(--syn-text) !important;
    font-size:16px !important;
    font-weight:800 !important;
}
.synacs-search-title:before, .synacs-search-title:after { display:none !important; }
.synacs-search-title i { color:var(--syn-blue) !important; }
.synacs-search-actions { display:flex; justify-content:flex-end; align-items:center; gap:8px; flex-wrap:wrap; }
.synacs-mobile-filter-toggle { display:none !important; background:var(--syn-surface-soft) !important; color:var(--syn-text) !important; border:1px solid var(--syn-border) !important; }

/* Contrast normalization for legacy Fomantic components in both themes. */
#content_main, #content_main h1, #content_main h2, #content_main h3, #content_main h4, #content_main h5,
#content_main .ui.header, #content_main .ui.card, #content_main .ui.segment,
#content_main .ui.menu, #content_main .ui.menu .item, #content_main .ui.form label,
#content_main .ui.table, #content_main .ui.table th, #content_main .ui.table td,
.ui.modal, .ui.modal > .header, .ui.modal > .content {
    color:var(--syn-text) !important;
}
#content_main .ui.card, #content_main .ui.segment, #content_main .ui.menu,
#content_main .ui.table, .ui.modal, .ui.modal > .header, .ui.modal > .content,
.ui.dropdown .menu {
    background:var(--syn-surface) !important;
    border-color:var(--syn-border) !important;
}
#content_main .ui.table thead th, #content_main .ui.table tfoot th,
#content_main .ui.secondary.segment, #content_main .ui.message,
.ui.dropdown .menu > .item {
    background:var(--syn-surface-soft) !important;
    color:var(--syn-text) !important;
    border-color:var(--syn-border) !important;
}
#content_main input:not([type=button]):not([type=submit]), #content_main select, #content_main textarea,
.ui.modal input:not([type=button]):not([type=submit]), .ui.modal select, .ui.modal textarea {
    background:var(--input_color, var(--syn-surface-soft)) !important;
    color:var(--syn-text) !important;
    border-color:var(--syn-border) !important;
}
#content_main input::placeholder, #content_main textarea::placeholder { color:var(--syn-muted) !important; opacity:1; }
#content_main .description, #content_main .meta, #content_main small, #content_main .sub.header,
#content_main .label:not(.ui), #content_main p { color:var(--syn-muted); }
#content_main a:not(.ui.button):not(.item) { color:#3b82f6; }
#content_main .ui.basic.button { background:var(--syn-surface-soft) !important; color:var(--syn-text) !important; box-shadow:0 0 0 1px var(--syn-border) inset !important; }
#content_main .ui.statistic > .label, #content_main .ui.statistics .statistic > .label { color:var(--syn-muted) !important; opacity:1 !important; }
#content_main .ui.statistic > .value, #content_main .ui.statistics .statistic > .value { color:var(--syn-text) !important; }

/* AI is now a top-level utility rather than a legacy floating orange action. */
#syntax-ai-button { width:48px !important; height:48px !important; right:22px !important; bottom:24px !important; background:linear-gradient(135deg,var(--syn-blue),#7c3aed) !important; box-shadow:0 12px 30px rgba(37,99,235,.28) !important; }
#syntax-ai-panel { border-left:1px solid var(--syn-border) !important; }

@media (max-width: 1100px) {
    .synacs-global-search { display:none !important; }
    .w-card-menu { width:calc(33.333% - 14px) !important; }
    .synacs-kpi-grid, .synacs-utility-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@media (max-width: 768px) {
    .fx_navbar.synacs-topbar { height:60px !important; min-height:60px !important; padding:0 8px !important; }
    .synacs-brand-copy, .synacs-user-name, .synacs-logout span { display:none; }
    .synacs-brand { padding:6px !important; }
    #content_sidebar { top:60px !important; width:min(88vw,310px) !important; z-index:30 !important; }
    .synacs-mainnav { position:fixed; top:60px; left:0; right:0; height:auto; max-height:calc(100vh - 60px); padding:0; border-bottom:0; overflow:auto; transform:translateY(-115%); visibility:hidden; transition:transform .2s ease,visibility .2s; }
    .synacs-mainnav.mobile-open { transform:translateY(0); visibility:visible; }
    .synacs-mainnav-inner { height:auto; display:block; padding:8px; }
    .synacs-mainnav a, .synacs-nav-toggle { width:100%; min-height:46px; justify-content:space-between; padding:0 14px; border-radius:8px; }
    .synacs-mainnav a > i:first-child { margin-right:9px !important; }
    .synacs-mainnav a > span { margin-right:auto; }
    .synacs-nav-dropdown { width:100%; }
    .synacs-nav-panel { position:static; width:100%; min-width:0; max-width:none; max-height:none; margin:3px 0 7px; border:0; border-radius:9px; box-shadow:none; background:#202c40; }
    .synacs-nav-panel > a, .synacs-nav-subgroup > a { color:#f1f5f9 !important; }
    .synacs-nav-panel > a:hover, .synacs-nav-subgroup > a:hover { background:#2c3b52; }
    .synacs-nav-subgroup { border-color:#34435a; }
    .synacs-mainnav-config { margin-left:0; }
    .synacs-dynamic-menu { display:block; width:100%; }
    .synacs-more-menu { display:none !important; }
    .synacs-plain-groups { display:block; width:100%; }
    .synacs-plain-group { width:100%; }
    .synacs-plain-toggle { width:100%; min-height:46px; justify-content:space-between; padding:0 14px; border-radius:0; font-size:14px; }
    .synacs-plain-group:hover > .synacs-plain-panel { display:none; }
    .synacs-plain-group.open > .synacs-plain-panel { display:block; }
    .synacs-plain-panel { position:static; width:100%; min-width:0; max-width:none; max-height:none; margin:0; border:0; border-left:2px solid #f97316; border-radius:0; background:#202c40; box-shadow:none; }
    .synacs-plain-panel > a, .synacs-plain-subtoggle, .synacs-plain-subpanel > a { color:#f1f5f9 !important; white-space:normal; }
    .synacs-plain-submenu:hover > .synacs-plain-subpanel { display:none; }
    .synacs-plain-submenu.open > .synacs-plain-subpanel { display:block; }
    .synacs-plain-subpanel { position:static; width:100%; min-width:0; max-width:none; max-height:none; margin:0; padding-left:14px; border:0; border-radius:0; background:#27354b; box-shadow:none; }
    .synacs-dynamic-menu > .ui.accordion.fx-menu { width:100% !important; }
    .synacs-dynamic-menu > .ui.accordion.fx-menu > .title { width:100%; min-height:46px !important; justify-content:space-between; padding:0 14px !important; border-radius:8px !important; }
    .synacs-dynamic-menu > .ui.accordion.fx-menu > .content { position:static !important; width:100% !important; min-width:0 !important; max-width:none !important; max-height:none !important; margin:3px 0 7px !important; border:0 !important; border-radius:9px !important; box-shadow:none !important; background:#202c40 !important; }
    .synacs-dynamic-menu .content .item, .synacs-dynamic-menu .content a.item,
    .synacs-dynamic-menu .content .sub_menu > .title { color:#f1f5f9 !important; }
    #content_main, #content_main.full { margin-left:0 !important; width:100% !important; height:calc(100vh - 60px) !important; padding:14px !important; }
    .synacs-shell { height:calc(100vh - 60px) !important; }
    .synacs-topbar-spacer { height:60px; }
    .w-card-menu { width:calc(50% - 10px) !important; min-width:145px; }
    .synacs-page-head { align-items:flex-start; flex-direction:column; }
    .ui.statistics:not(.synacs-kpi-grid) { overflow-x:auto; flex-wrap:nowrap !important; justify-content:flex-start !important; }
    .synacs-home-search { padding:12px !important; }
    .synacs-home-search > .ui.fluid.container { padding:0 !important; }
    .synacs-kpi-grid, .synacs-utility-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
    .synacs-kpi-grid .statistic { min-height:112px; padding:12px 7px !important; }
    .synacs-kpi-grid .statistic > .label { min-height:31px; font-size:10px !important; }
    .synacs-kpi-grid .statistic > .value { font-size:24px !important; }
    .synacs-utility-grid { padding:10px !important; }
    .synacs-utility-grid > .item { min-height:76px !important; font-size:13px !important; }
    .synacs-page-head { gap:10px; }
    .synacs-quick-actions { width:100%; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
    .synacs-quick-actions .ui.button { margin:0 !important; padding:11px 8px !important; }
    .synacs-tr069-charts { display:grid !important; grid-template-columns:1fr; gap:12px; margin-top:12px !important; }
    .synacs-tr069-charts > .synacs-chart-card {
        display:block !important;
        width:100% !important;
        height:auto !important;
        min-height:0 !important;
        margin:0 !important;
        padding:0 !important;
    }
    .synacs-tr069-panel { min-height:0; padding:17px; }
    .synacs-tr069-status-grid { grid-template-columns:1fr; }
    .synacs-home-charts { display:grid !important; grid-template-columns:1fr; gap:12px; margin:12px 0 !important; }
    .synacs-home-charts > .synacs-home-chart-card {
        display:block !important;
        width:100% !important;
        height:auto !important;
        min-height:0 !important;
        margin:0 !important;
        padding:0 !important;
    }
    .synacs-signal-panel { padding:17px; }
    .synacs-signal-levels { grid-template-columns:1fr; }
    .synacs-signal-level { grid-template-columns:34px minmax(0,1fr) auto 12px; }
    .synacs-signal-arrow { display:block !important; color:var(--syn-muted); }
    .synacs-filter-picker { width:100% !important; }
    body .ui.orange.ribbon.label { padding-left:13px !important; font-size:16px !important; }
    body .header_busca { padding-top:14px !important; padding-bottom:11px !important; }
    .synacs-filter-menu { position:fixed !important; left:5vw !important; right:5vw !important; top:120px !important; width:90vw !important; max-height:60vh !important; }
    #tabela-container { overflow:visible !important; }
    .synacs-client-search { display:block !important; width:100% !important; border:0 !important; background:transparent !important; box-shadow:none !important; }
    .synacs-client-search thead, .synacs-client-search tbody, .synacs-client-search tfoot { display:block !important; width:100% !important; }
    .synacs-client-search .head-line, .synacs-client-search .head-line > td { display:block !important; width:100% !important; }
    .synacs-search-heading { display:grid !important; grid-template-columns:1fr !important; gap:10px; margin:0 !important; }
    .synacs-search-heading > .column { width:100% !important; padding:0 !important; text-align:left !important; }
    .synacs-search-title { width:100%; display:flex !important; align-items:center; gap:7px; }
    .synacs-search-actions { justify-content:flex-start; padding:8px 0; }
    .synacs-mobile-filter-toggle { display:inline-flex !important; align-items:center; }
    .synacs-client-columns { display:none !important; }
    .synacs-client-filter-row { display:none !important; grid-template-columns:1fr; gap:8px; padding:12px; margin:8px 0 14px; border:1px solid var(--syn-border); border-radius:12px; background:var(--syn-surface); box-shadow:var(--syn-shadow); }
    .synacs-client-filter-row.is-open { display:grid !important; }
    .synacs-client-filter-row > th { display:block !important; width:100% !important; padding:0 !important; border:0 !important; }
    .synacs-client-filter-row .ui.input, .synacs-client-filter-row input { width:100% !important; min-height:42px; }
    .synacs-client-search .body-busca > tr { display:grid !important; grid-template-columns:1fr; gap:0; margin:0 0 12px; padding:8px 12px; border:1px solid var(--syn-border); border-radius:12px; background:var(--syn-surface); box-shadow:var(--syn-shadow); }
    .synacs-client-search .body-busca > tr > td { display:grid !important; grid-template-columns:minmax(105px,36%) 1fr; gap:10px; width:100% !important; padding:8px 0 !important; border:0 !important; border-bottom:1px solid var(--syn-border) !important; text-align:left !important; }
    .synacs-client-search .body-busca > tr > td:last-child { border-bottom:0 !important; }
    .synacs-client-search .body-busca > tr > td:before { content:attr(data-label); color:var(--syn-muted); font-size:11px; font-weight:800; text-transform:uppercase; }
    .synacs-client-search tfoot tr, .synacs-client-search tfoot th { display:block !important; width:100% !important; }
}


/* Syntr069 unified ONU and TR-069 search */
.syntr069-equipment-search { position:relative; }
.syntr069-search-box { width:100%; min-width:0; height:40px; box-sizing:border-box; display:flex; align-items:center; gap:10px; padding:0 13px; border:1px solid var(--syn-border,#d7deea); border-radius:10px; background:var(--syn-surface-soft,#f7f9fc); color:var(--syn-muted,#66758d); cursor:text; }
.syntr069-search-box:focus-within { border-color:var(--syn-blue,#2458d3); box-shadow:0 0 0 3px rgba(36,88,211,.12); background:var(--syn-surface,#fff); }
.syntr069-search-box>.icon { flex:0 0 auto; margin:0; }
.syntr069-search-box input { width:100%; min-width:0; height:100%; padding:0; border:0; outline:0; color:var(--syn-text,#17253b); background:transparent; font:inherit; }
.syntr069-search-box input::placeholder { color:var(--syn-muted,#66758d); opacity:1; }
.syntr069-search-results { position:absolute; z-index:1002; top:calc(100% + 7px); left:0; width:min(720px,calc(100vw - 24px)); max-height:min(70vh,620px); overflow:auto; border:1px solid var(--syn-border,#d7deea); border-radius:12px; background:var(--syn-surface,#fff); box-shadow:0 14px 36px rgba(20,35,60,.2); color:var(--syn-text,#17253b); }
.syntr069-search-results[hidden] { display:none; }
.syntr069-search-group-title { padding:10px 14px 6px; color:var(--syn-muted,#66758d); font-size:11px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.syntr069-search-result { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:2px 12px; padding:10px 14px; border-top:1px solid var(--syn-border,#e5eaf1); color:inherit; text-decoration:none; }
.syntr069-search-result:hover,.syntr069-search-result:focus { outline:0; background:rgba(36,88,211,.07); }
.syntr069-search-result-title { overflow:hidden; font-size:13px; font-weight:750; text-overflow:ellipsis; white-space:nowrap; }
.syntr069-search-result-subtitle,.syntr069-search-result-meta { grid-column:1; overflow:hidden; color:var(--syn-muted,#66758d); font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.syntr069-search-result-status { grid-column:2; grid-row:1 / span 3; align-self:center; padding:4px 8px; border-radius:999px; background:#e9edf3; color:#526174; font-size:11px; font-weight:700; white-space:nowrap; }
.syntr069-search-result-status.is-online { background:#dcfce7; color:#166534; }
.syntr069-search-empty { padding:16px; color:var(--syn-muted,#66758d); font-size:13px; }
@media (max-width:720px) { .syntr069-search-results { position:fixed; top:58px; left:12px; width:calc(100vw - 24px); max-height:calc(100vh - 82px); } }