/* Gestrust Admin - Custom Brand Colors */
/* Primary: #FF5E14 | Hover: #E55412 | Light: #FFF0E8 */

/* ============================================
   Navbar
   ============================================ */
.main-header.navbar {
    background-color: #1a1a2e !important;
    border-color: #E55412 !important;
    height: 60px;
}

.main-header.navbar .nav-link,
.main-header.navbar .navbar-brand {
    color: #fff !important;
}

.main-header.navbar .nav-link:hover {
    color: #FFF0E8 !important;
}

/* ============================================
   LOGO
   ============================================ */

#jazzy-logo { background-color: #fff; text-align: center; }
.sidebar-collapse #jazzy-logo { padding: 0.5rem; }
.sidebar-collapse .brand-image-expanded { display: none !important; }
.sidebar-collapse .brand-image-collapsed { display: inline-block !important; }
body:not(.sidebar-collapse) .brand-image-expanded { display: inline-block; }
body:not(.sidebar-collapse) .brand-image-collapsed { display: none; }
#jazzy-navbar .nav-link { display: flex; align-items: center; height: 100%; }

#jazzy-logo {
    height: 60px !important;
}

#jazzy-logo>img {
    height: 120%;
    object-fit: contain;
    
}

/* ============================================
   Sidebar
   ============================================ */
.main-sidebar {
    background-color: #1a1a2e !important;
}

.nav-sidebar > .nav-item > .nav-link.active,
.nav-sidebar > .nav-item > .nav-link.active:hover {
    background-color: #FF5E14 !important;
    color: #fff !important;
}

.nav-sidebar .nav-link:hover {
    background-color: rgba(255, 94, 20, 0.15) !important;
    color: #FF5E14 !important;
}

.nav-sidebar .nav-treeview > .nav-item > .nav-link.active,
.nav-sidebar .nav-treeview > .nav-item > .nav-link.active:hover {
    background-color: rgba(255, 94, 20, 0.2) !important;
    color: #FF5E14 !important;
}

/* ============================================
   Buttons
   ============================================ */
.btn-primary,
.btn-primary.disabled,
.btn-primary:disabled {
    background-color: #FF5E14 !important;
    border-color: #FF5E14 !important;
    color: #fff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
    background-color: #E55412 !important;
    border-color: #CC4A0F !important;
}

.btn-outline-primary {
    color: #FF5E14 !important;
    border-color: #FF5E14 !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:active {
    background-color: #FF5E14 !important;
    color: #fff !important;
}

/* ============================================
   Links
   ============================================ */
a {
    color: #FF5E14;
}

a:hover {
    color: #E55412;
}

.main-sidebar a {
    color: #c2c7d0;
}

/* ============================================
   Badges & Accents
   ============================================ */
.badge-primary,
.bg-primary {
    background-color: #FF5E14 !important;
}

.text-primary {
    color: #FF5E14 !important;
}

.border-primary {
    border-color: #FF5E14 !important;
}

/* ============================================
   Breadcrumb and Tabs
   ============================================ */
.breadcrumb-item.active {
    color: #FF5E14;
}
.nav-link.active {
    color: #FF5E14 !important;
}

/* ============================================
   Forms & Inputs
   ============================================ */
.form-control:focus {
    border-color: #FF5E14 !important;
    box-shadow: 0 0 0 0.2rem rgba(255, 94, 20, 0.25) !important;
}

.custom-control-input:checked ~ .custom-control-label::before {
    background-color: #FF5E14 !important;
    border-color: #FF5E14 !important;
}

/* ============================================
   Pagination
   ============================================ */
.page-item.active .page-link {
    background-color: #FF5E14 !important;
    border-color: #FF5E14 !important;
}

.page-link {
    color: #FF5E14;
}

.page-link:hover {
    color: #E55412;
}

/* ============================================
   Progress bars
   ============================================ */
.progress-bar {
    background-color: #FF5E14 !important;
}

/* ============================================
   Cards & Widgets
   ============================================ */
.card-primary:not(.card-outline) > .card-header {
    background-color: #FF5E14 !important;
    border-color: #FF5E14 !important;
}

.card-primary.card-outline {
    border-top-color: #FF5E14 !important;
}

/* ============================================
   Tables
   ============================================ */
.table thead th {
    border-bottom-color: #FF5E14;
}

/* ============================================
   Login page
   ============================================ */
.jazzmin-login-page .btn-primary {
    background-color: #FF5E14 !important;
    border-color: #FF5E14 !important;
}

.jazzmin-login-page .btn-primary:hover {
    background-color: #E55412 !important;
    border-color: #CC4A0F !important;
}

/* ============================================
   Budget - Simulation tab
   ============================================ */
/* Remove card border so the table border is the only visible frame */
[id="simulação-de-quotas-tab"] .card {
    border: 0;
    box-shadow: none;
}

/* ============================================
   Selection & Misc
   ============================================ */
::selection {
    background-color: rgba(255, 94, 20, 0.3);
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: #FF5E14 !important;
}

/* ============================================
   Actions sidebar — narrow icon strip
   ============================================ */
.change-form #content-main > form > .row {
    flex-wrap: nowrap;
}

.change-form #content-main > form > .row > .col-12.col-lg-3 {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
    padding-left: 0;
    padding-right: 0;
}

.change-form #content-main > form > .row > .col-12.col-lg-9 {
    flex: 1 1 0%;
    width: 0;
    max-width: none;
}

#jazzy-actions {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    align-items: center;
}

#jazzy-actions > div {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    align-items: center;
}

#jazzy-actions .form-group {
    margin: 0;
}

#jazzy-actions .object-tools {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    align-items: center;
    margin: 0;
    padding: 0;
}

/* ============================================
   Action Icon Buttons (submit line & object tools)
   ============================================ */
.btn-action-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    padding: 0;
    line-height: 1;
    border-radius: 0.375rem;
}

.btn-action-icon svg {
    flex-shrink: 0;
}

