/*
   Syntax UI refresh - bancada.
   Camada visual de frontend: menus, botoes, tabelas, formularios e estados ativos.
*/
:root {
    --syntax-ink: #172033;
    --syntax-ink-2: #24314a;
    --syntax-muted: #667085;
    --syntax-bg: #eef3f9;
    --syntax-surface: #ffffff;
    --syntax-line: #d7e0ea;
    --syntax-line-strong: #bac8d8;
    --syntax-primary: #2757c8;
    --syntax-primary-2: #1f47a8;
    --syntax-primary-soft: #eaf1ff;
    --syntax-primary-softer: #f3f7ff;
    --syntax-accent: #f97316;
    --syntax-accent-2: #ea580c;
    --syntax-green: #16a34a;
    --syntax-red: #dc2626;
    --syntax-shadow-sm: 0 1px 2px rgba(23, 32, 51, .08);
    --syntax-shadow-md: 0 10px 28px rgba(23, 32, 51, .12);
    --syntax-radius: 8px;
}
html,
body.bg_fenix {
    background: var(--syntax-bg) !important;
    color: var(--syntax-ink) !important;
    font-family: Inter, "Segoe UI", Roboto, Arial, sans-serif !important;
    letter-spacing: 0 !important;
}
body.bg_fenix::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: -1;
    background: linear-gradient(135deg, rgba(39, 87, 200, .06) 0%, rgba(8, 145, 178, .04) 42%, rgba(249, 115, 22, .04) 100%);
}
.ui.top.menu,
.ui.inverted.menu,
.fx_navbar {
    min-height: 56px !important;
    background: linear-gradient(90deg, #17306f 0%, #285bd3 58%, #2b66df 100%) !important;
    border: 0 !important;
    box-shadow: 0 8px 24px rgba(23, 48, 111, .22) !important;
}
.ui.top.menu .item,
.ui.top.menu .item > a,
.ui.top.menu .item span,
.ui.top.menu .dropdown.icon,
.ui.top.menu .sidebar.icon,
.ui.top.menu .user.icon,
.ui.inverted.menu .item,
.ui.inverted.menu .item > a,
.fx_navbar .item,
.fx_navbar .item > a,
.fx_navbar span {
    color: #f8fbff !important;
    font-weight: 700 !important;
}
.ui.top.menu .item:hover,
.ui.inverted.menu .item:hover,
.fx_navbar .item:hover {
    background: rgba(255, 255, 255, .12) !important;
    color: #ffffff !important;
}
.ui.top.menu .orange.icon,
.ui.inverted.menu .orange.icon,
.fx_navbar .orange.icon { color: var(--syntax-accent) !important; }
.ui.top.menu img,
.fx_navbar img { max-height: 30px !important; }
.ui.segment,
.ui.segments,
.ui.card,
.ui.cards > .card,
.card,
.fx_card_center,
.card_container,
.container_form,
.fx_container_form {
    background: var(--syntax-surface) !important;
    border: 1px solid var(--syntax-line) !important;
    border-radius: var(--syntax-radius) !important;
    box-shadow: var(--syntax-shadow-sm) !important;
}
.ui.segment:hover,
.ui.card:hover,
.ui.cards > .card:hover { box-shadow: 0 6px 18px rgba(23, 32, 51, .10) !important; }
.ui.header,
.ui.cards > .card > .content > .header,
.ui.card > .content > .header,
h1, h2, h3, h4, h5 { color: var(--syntax-ink) !important; letter-spacing: 0 !important; }
.ui.header .sub.header,
.ui.card .meta,
.ui.cards > .card .meta,
.description,
.content .description,
small { color: var(--syntax-muted) !important; }
.ui.left.sidebar,
.sidebar,
#left_menu,
#sidebar_menu,
#menu_lateral,
.menu_lateral {
    background: #f8fbff !important;
    border-right: 1px solid var(--syntax-line) !important;
    box-shadow: 8px 0 24px rgba(23, 32, 51, .08) !important;
}
.ui.accordion.fx-menu,
.ui.accordion.scrolling.item.menu.fx-menu {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    margin: 6px 8px !important;
}
.ui.accordion.fx-menu > .title,
.ui.accordion.scrolling.item.menu.fx-menu > .title,
.menu_title {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 42px !important;
    padding: 12px 14px !important;
    background: #ffffff !important;
    border: 1px solid var(--syntax-line) !important;
    border-radius: var(--syntax-radius) !important;
    color: var(--syntax-ink-2) !important;
    font-weight: 750 !important;
    box-shadow: var(--syntax-shadow-sm) !important;
}
.ui.accordion.fx-menu > .title:hover,
.ui.accordion.scrolling.item.menu.fx-menu > .title:hover,
.menu_title:hover { border-color: #aac0e8 !important; background: var(--syntax-primary-softer) !important; color: var(--syntax-primary-2) !important; }
.ui.accordion.fx-menu.active > .title,
.ui.accordion.scrolling.item.menu.fx-menu.active > .title {
    background: linear-gradient(90deg, var(--syntax-primary-2), var(--syntax-primary)) !important;
    border-color: var(--syntax-primary) !important;
    color: #ffffff !important;
    box-shadow: 0 8px 18px rgba(39, 87, 200, .26) !important;
}
.ui.accordion.fx-menu.active > .title .icon,
.ui.accordion.fx-menu.active > .title i,
.ui.accordion.scrolling.item.menu.fx-menu.active > .title .icon,
.ui.accordion.scrolling.item.menu.fx-menu.active > .title i { color: #ffffff !important; }
.ui.accordion.fx-menu > .content,
.ui.accordion.scrolling.item.menu.fx-menu > .content {
    margin: 7px 0 10px 0 !important;
    padding: 8px !important;
    background: #ffffff !important;
    border: 1px solid var(--syntax-line) !important;
    border-radius: var(--syntax-radius) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.55) !important;
}
.ui.accordion.fx-menu .content .menu,
.ui.accordion.fx-menu .content .ui.menu,
.sub_menu .content .menu { background: transparent !important; border: 0 !important; box-shadow: none !important; }
.ui.accordion.fx-menu .item,
.ui.accordion.fx-menu a.item,
.ui.accordion.fx-menu .sub_menu > .title,
.ui.vertical.menu .item,
.ui.menu .item.icon,
.sub_menu_item {
    min-height: 38px !important;
    margin: 4px 0 !important;
    padding: 10px 12px !important;
    background: #f9fbfd !important;
    border: 1px solid #dce6f0 !important;
    border-radius: 7px !important;
    color: var(--syntax-ink-2) !important;
    font-weight: 650 !important;
}
.ui.accordion.fx-menu .item i,
.ui.accordion.fx-menu a.item i,
.ui.accordion.fx-menu .sub_menu > .title i,
.sub_menu_item i { color: #49627f !important; opacity: 1 !important; }
.ui.accordion.fx-menu .item:hover,
.ui.accordion.fx-menu a.item:hover,
.ui.accordion.fx-menu .sub_menu > .title:hover,
.ui.vertical.menu .item:hover,
.sub_menu_item:hover { background: var(--syntax-primary-soft) !important; border-color: #a9bee6 !important; color: var(--syntax-primary-2) !important; }
.ui.accordion.fx-menu .item:hover i,
.ui.accordion.fx-menu a.item:hover i,
.ui.accordion.fx-menu .sub_menu > .title:hover i,
.sub_menu_item:hover i { color: var(--syntax-primary) !important; }
.ui.accordion.fx-menu .item.active,
.ui.accordion.fx-menu a.item.active,
.ui.vertical.menu .active.item,
.sub_menu_item.active,
.ui.menu .active.item {
    background: #dbe8ff !important;
    border-color: #8eaee8 !important;
    color: #143b91 !important;
    box-shadow: inset 3px 0 0 var(--syntax-accent) !important;
}
.ui.accordion.fx-menu .item.active i,
.ui.accordion.fx-menu a.item.active i,
.ui.vertical.menu .active.item i,
.sub_menu_item.active i,
.ui.menu .active.item i { color: #143b91 !important; }
.sub_menu_item[style] { margin-left: 12px !important; }
.ui.menu,
.ui.secondary.menu,
.ui.pointing.menu,
.ui.tabular.menu { border-color: var(--syntax-line) !important; box-shadow: none !important; }
.ui.tabular.menu .item,
.ui.secondary.menu .item,
.ui.pointing.menu .item { color: var(--syntax-ink-2) !important; font-weight: 700 !important; border-radius: 7px 7px 0 0 !important; }
.ui.tabular.menu .active.item,
.ui.secondary.menu .active.item,
.ui.pointing.menu .active.item { background: var(--syntax-primary) !important; color: #ffffff !important; border-color: var(--syntax-primary) !important; }
.ui.dropdown .menu,
.ui.search.dropdown .menu,
.ui.selection.dropdown .menu { z-index: 99999 !important; border: 1px solid var(--syntax-line-strong) !important; border-radius: var(--syntax-radius) !important; box-shadow: var(--syntax-shadow-md) !important; }
.ui.dropdown .menu > .item,
.ui.search.dropdown .menu > .item { color: var(--syntax-ink-2) !important; background: #ffffff !important; }
.ui.dropdown .menu > .item:hover,
.ui.search.dropdown .menu > .item:hover { background: var(--syntax-primary-soft) !important; color: var(--syntax-primary-2) !important; }
.ui.button,
button.ui.button,
a.ui.button {
    min-height: 36px !important;
    border-radius: 7px !important;
    font-weight: 750 !important;
    letter-spacing: 0 !important;
    box-shadow: none !important;
    transition: background .15s ease, border-color .15s ease, color .15s ease, transform .15s ease !important;
}
.ui.button:hover,
button.ui.button:hover,
a.ui.button:hover { transform: translateY(-1px); }
.ui.primary.button,
.ui.blue.button,
button.ui.button[type="submit"],
.ui.submit.button,
.ui.buttons .primary.button { background: var(--syntax-primary) !important; color: #ffffff !important; border: 1px solid var(--syntax-primary) !important; }
.ui.primary.button:hover,
.ui.blue.button:hover,
button.ui.button[type="submit"]:hover,
.ui.submit.button:hover { background: var(--syntax-primary-2) !important; border-color: var(--syntax-primary-2) !important; }
.ui.orange.button,
.ui.orange.buttons .button,
.btn-collor,
.btn-collor:hover,
.ui.button.orange { background: var(--syntax-accent) !important; color: #ffffff !important; border: 1px solid var(--syntax-accent) !important; }
.ui.orange.button:hover,
.ui.orange.buttons .button:hover,
.ui.button.orange:hover { background: var(--syntax-accent-2) !important; border-color: var(--syntax-accent-2) !important; }
.ui.green.button,
.ui.positive.button { background: var(--syntax-green) !important; color: #ffffff !important; border: 1px solid var(--syntax-green) !important; }
.ui.red.button,
.ui.negative.button { background: var(--syntax-red) !important; color: #ffffff !important; border: 1px solid var(--syntax-red) !important; }
.ui.grey.button,
.ui.black.button,
.ui.basic.button { background: #eef3f8 !important; color: var(--syntax-ink-2) !important; border: 1px solid var(--syntax-line-strong) !important; }
.ui.input > input,
.ui.form input:not([type]),
.ui.form input[type="text"],
.ui.form input[type="password"],
.ui.form input[type="email"],
.ui.form input[type="number"],
.ui.form input[type="url"],
.ui.form textarea,
.ui.form select,
.ui.selection.dropdown,
input,
select,
textarea { min-height: 38px !important; border: 1px solid #cbd7e4 !important; border-radius: 7px !important; color: var(--syntax-ink) !important; background: #ffffff !important; }
.ui.input > input:focus,
.ui.form input:focus,
.ui.form textarea:focus,
.ui.selection.dropdown:focus,
input:focus,
select:focus,
textarea:focus { border-color: var(--syntax-primary) !important; box-shadow: 0 0 0 3px rgba(39, 87, 200, .14) !important; }
.ui.form label,
label { color: var(--syntax-ink-2) !important; font-weight: 750 !important; }
::placeholder { color: #98a5b5 !important; }
.ui.table,
table { border: 1px solid var(--syntax-line) !important; border-radius: var(--syntax-radius) !important; overflow: visible !important; background: #ffffff !important; box-shadow: var(--syntax-shadow-sm) !important; }
.ui.table thead th,
table thead th,
th { background: #f2f6fb !important; color: #3e5069 !important; border-color: var(--syntax-line) !important; font-size: 12px !important; font-weight: 800 !important; text-transform: uppercase !important; }
.ui.table td,
.ui.table th,
td,
th { border-color: var(--syntax-line) !important; }
.ui.table tbody tr:hover,
table tbody tr:hover { background: #f7fbff !important; }
.ui.label,
.ui.labels .label { border-radius: 999px !important; font-weight: 750 !important; }
.ui.green.label,
.ui.green.labels .label,
.ui.positive.message,
.ok { background: #dcfce7 !important; color: #166534 !important; }
.ui.yellow.label,
.ui.yellow.labels .label,
.ui.warning.message,
.warn { background: #fef3c7 !important; color: #92400e !important; }
.ui.red.label,
.ui.red.labels .label,
.ui.negative.message,
.ui.error.message,
.bad { background: #fee2e2 !important; color: #991b1b !important; }
.ui.statistic > .value,
.ui.statistics .statistic > .value { color: var(--syntax-ink) !important; font-weight: 850 !important; }
.ui.statistic > .label,
.ui.statistics .statistic > .label { color: var(--syntax-muted) !important; font-size: 12px !important; font-weight: 750 !important; }
.ui.modal,
.ui.toast,
.toast-box { border-radius: var(--syntax-radius) !important; box-shadow: var(--syntax-shadow-md) !important; }
.footer_os { background: rgba(255, 255, 255, .94) !important; border-top: 1px solid var(--syntax-line) !important; color: var(--syntax-muted) !important; }
.footer_os p,
.footer_os i { color: var(--syntax-muted) !important; }
a { color: var(--syntax-primary); }
a:hover { color: var(--syntax-primary-2); }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { background: #94a8bf; border-radius: 999px; border: 2px solid #eef3f9; }
::-webkit-scrollbar-track { background: #e6edf5; }
.ui.container,
.container,
.fx_content,
.fx_container,
.segment,
.ui.segment,
.table-responsive,
.dataTables_wrapper { overflow: visible !important; }
.ui.popup,
.ui.dropdown .menu,
.ui.floating.dropdown .menu,
.ui.menu .dropdown.item .menu { z-index: 99999 !important; }
@media only screen and (max-width: 900px) {
    .ui.top.menu,
    .ui.inverted.menu,
    .fx_navbar { min-height: 50px !important; }
    .ui.accordion.fx-menu > .title,
    .ui.accordion.fx-menu .item,
    .ui.accordion.fx-menu a.item,
    .ui.accordion.fx-menu .sub_menu > .title { min-height: 40px !important; padding: 10px 12px !important; }
}


/* Login Syntax: contraste corrigido e botao no padrao da marca. */
body.bg_fenix:not(:has(.fx_navbar)):not(:has(.ui.top.menu)) {
    background: radial-gradient(circle at top left, #0f2d3b 0%, #061319 42%, #07141f 100%) !important;
}
body.bg_fenix:not(:has(.fx_navbar)):not(:has(.ui.top.menu)) h1,
body.bg_fenix:not(:has(.fx_navbar)):not(:has(.ui.top.menu)) h2,
body.bg_fenix:not(:has(.fx_navbar)):not(:has(.ui.top.menu)) h3,
body.bg_fenix:not(:has(.fx_navbar)):not(:has(.ui.top.menu)) h4,
body.bg_fenix:not(:has(.fx_navbar)):not(:has(.ui.top.menu)) .ui.header,
body.bg_fenix:not(:has(.fx_navbar)):not(:has(.ui.top.menu)) .header {
    color: #f6fbff !important;
    opacity: 1 !important;
}
body.bg_fenix:not(:has(.fx_navbar)):not(:has(.ui.top.menu)) p,
body.bg_fenix:not(:has(.fx_navbar)):not(:has(.ui.top.menu)) label,
body.bg_fenix:not(:has(.fx_navbar)):not(:has(.ui.top.menu)) .description,
body.bg_fenix:not(:has(.fx_navbar)):not(:has(.ui.top.menu)) .content,
body.bg_fenix:not(:has(.fx_navbar)):not(:has(.ui.top.menu)) .sub.header {
    color: #c8d7e4 !important;
    opacity: 1 !important;
}
body.bg_fenix:not(:has(.fx_navbar)):not(:has(.ui.top.menu)) .ui.form label,
body.bg_fenix:not(:has(.fx_navbar)):not(:has(.ui.top.menu)) .field label {
    color: #dbeafe !important;
}
body.bg_fenix:not(:has(.fx_navbar)):not(:has(.ui.top.menu)) a {
    color: #63e6d6 !important;
}
body.bg_fenix:not(:has(.fx_navbar)):not(:has(.ui.top.menu)) .ui.button,
body.bg_fenix:not(:has(.fx_navbar)):not(:has(.ui.top.menu)) button,
body.bg_fenix:not(:has(.fx_navbar)):not(:has(.ui.top.menu)) input[type="submit"] {
    background: linear-gradient(90deg, var(--syntax-primary), #2994d1) !important;
    border: 1px solid #4aa3df !important;
    color: #ffffff !important;
    box-shadow: 0 12px 28px rgba(39, 87, 200, .28) !important;
}
body.bg_fenix:not(:has(.fx_navbar)):not(:has(.ui.top.menu)) .ui.button:hover,
body.bg_fenix:not(:has(.fx_navbar)):not(:has(.ui.top.menu)) button:hover,
body.bg_fenix:not(:has(.fx_navbar)):not(:has(.ui.top.menu)) input[type="submit"]:hover {
    background: linear-gradient(90deg, var(--syntax-primary-2), var(--syntax-primary)) !important;
}
body.bg_fenix:not(:has(.fx_navbar)):not(:has(.ui.top.menu)) .ui.input > input,
body.bg_fenix:not(:has(.fx_navbar)):not(:has(.ui.top.menu)) input {
    background: rgba(4, 15, 22, .74) !important;
    color: #eef8ff !important;
    border-color: rgba(117, 183, 219, .42) !important;
}
body.bg_fenix:not(:has(.fx_navbar)):not(:has(.ui.top.menu)) input::placeholder {
    color: #91a8b8 !important;
}

/* Search dropdown inputs overlay the selected label: keep that layer transparent. */
#content_main .ui.search.dropdown > input.search,
.ui.form .ui.search.dropdown > input.search,
.ui.modal .ui.search.dropdown > input.search,
.ui.search.dropdown > input.search {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    min-height: 0 !important;
}