/* Shared admin theme. Keep operational/status colors distinct from the brand. */
@font-face {
    font-family: Lato;
    src: url('../fonts/Lato-Regular.ttf') format('truetype');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: Lato;
    src: url('../fonts/Lato-Bold.ttf') format('truetype');
    font-weight: 600 900;
    font-display: swap;
}

body.sage-theme {
    --theme-deafult: #39745b;
    --theme-secondary: #6d8578;
    --bs-primary: #39745b;
    --bs-primary-rgb: 57, 116, 91;
    --bs-link-color: #39745b;
    --bs-link-hover-color: #285640;
    --sage-canvas: #f4f5f3;
    --sage-sidebar: #eef1eb;
    --sage-active: #dce5d8;
    --sage-border: #e7ebe6;
    --sage-ink: #29342f;
    --sage-muted: #758079;
    background: var(--sage-canvas);
    color: var(--sage-ink);
    font-family: Lato, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
    font-size: 14px;
    letter-spacing: 0;
}

.sage-theme h1, .sage-theme h2, .sage-theme h3,
.sage-theme h4, .sage-theme h5, .sage-theme h6 {
    color: var(--sage-ink);
    letter-spacing: -.025em;
}

.sage-theme .text-muted, .sage-theme .f-light { color: var(--sage-muted) !important; }
.sage-theme .font-roboto { font-family: inherit; }
.sage-theme a { color: var(--theme-deafult); }
.sage-theme a:focus-visible, .sage-theme button:focus-visible {
    outline: 2px solid var(--theme-deafult);
    outline-offset: 3px;
}

.sage-theme .page-wrapper .page-body-wrapper,
.sage-theme .page-wrapper .page-body-wrapper .page-body { background: var(--sage-canvas); }

.sage-theme .page-wrapper .page-header {
    background: #fff;
    box-shadow: none;
    border-bottom: 1px solid var(--sage-border);
}

.sage-theme .page-wrapper .page-header .header-wrapper {
    min-height: 68px;
    padding: 12px 28px;
}

.sage-theme .workspace-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--sage-ink);
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
}

.sage-theme .workspace-link svg { width: 17px; height: 17px; color: var(--theme-deafult); }
.sage-theme .workspace-label { color: var(--sage-muted); font-weight: 400; margin-left: 8px; }
.sage-theme .page-wrapper .page-header .header-wrapper .nav-menus { gap: 8px; }
.sage-theme .page-wrapper .page-header .profile-media > img { width: 34px; height: 34px; border-radius: 50%; object-fit: cover; }
.sage-theme .page-wrapper .page-header .profile-media .media-body span { font-size: 13px; font-weight: 700; letter-spacing: 0; }
.sage-theme .page-wrapper .page-header .profile-media .media-body p { color: var(--sage-muted); font-size: 11px; letter-spacing: 0; }

.sage-theme #pageWrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper {
    background: var(--sage-sidebar);
    border-right: 1px solid var(--sage-border);
    box-shadow: none;
}

.sage-theme #pageWrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper,
.sage-theme #pageWrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-icon-wrapper {
    height: 68px;
    padding: 16px 20px !important;
    background: var(--sage-sidebar);
    box-shadow: none;
    border-bottom: 1px solid var(--sage-border);
}

.sage-theme .metodegif-brand {
    display: inline-flex;
    align-items: center;
    color: #233e34;
    font-family: Manrope, Lato, sans-serif;
    font-size: 22px;
    font-weight: 650;
    letter-spacing: -1.1px;
    line-height: 1;
    white-space: nowrap;
}

.sage-theme .metodegif-brand:hover { color: #233e34; }
.sage-theme .metodegif-name > span { font-weight: 800; }
.sage-theme .metodegif-mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    margin-right: 10px;
    padding-right: 5px;
    border: 1.5px solid #285344;
    border-radius: 50%;
    color: #285344;
    font-family: Georgia, serif;
    font-size: 23px;
    font-style: italic;
    letter-spacing: -5px;
    transform: rotate(-12deg);
}

.sage-theme .metodegif-mark > span { font-size: 20px; }
.sage-theme #pageWrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper .metodegif-brand { height: 34px; }
.sage-theme #pageWrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon .logo-icon-wrapper { display: grid; place-items: center; }
.sage-theme #pageWrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper.close_icon:hover .logo-icon-wrapper { display: none; }
.sage-theme #pageWrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-icon-wrapper .metodegif-mark { margin-right: 0; }
.sage-theme .metodegif-brand-header { font-size: 19px; }
.sage-theme .metodegif-brand-header .metodegif-mark { width: 28px; height: 28px; margin-right: 8px; font-size: 19px; }
.sage-theme .metodegif-brand-header .metodegif-mark > span { font-size: 17px; }
.sage-theme .metodegif-brand-login { margin-bottom: 28px; }
.sage-theme .metodegif-brand-login .metodegif-mark { width: 54px; height: 54px; margin-right: 14px; font-size: 35px; }
.sage-theme .metodegif-brand-login .metodegif-mark > span { font-size: 30px; }
.sage-theme .metodegif-brand-login { font-size: 31px; }
.sage-theme .sidebar-wrapper .toggle-sidebar svg { width: 18px; height: 18px; color: var(--sage-muted); stroke: currentColor; }
.sage-theme .sidebar-wrapper .sidebar-main .sidebar-links { margin-top: 14px !important; }
.sage-theme .sidebar-wrapper .sidebar-list { padding: 0 12px; margin-bottom: 3px; }

/* The template uses deeply nested selectors and important active colors. */
.sage-theme #pageWrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-link {
    padding: 11px 12px;
    margin-bottom: 0;
    border-radius: 7px;
    color: #637169;
    background: transparent;
    transition: background-color .15s, color .15s;
}

.sage-theme #pageWrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
    color: inherit;
    font-size: 13px;
    letter-spacing: 0;
    text-transform: none;
}

.sage-theme #pageWrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-link.active,
.sage-theme #pageWrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-link:hover {
    color: #325c46 !important;
    background: var(--sage-active) !important;
}

.sage-theme #pageWrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link.active {
    background: var(--sage-active) !important;
}

.sage-theme #pageWrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-link::after {
    display: none;
}

.sage-theme #pageWrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a svg {
    width: 17px;
    height: 17px;
    stroke: currentColor;
    stroke-width: 1.6;
}

.sage-theme #pageWrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-submenu li a {
    color: #68766c;
    font-size: 12px;
    letter-spacing: 0;
    padding-top: 8px;
    padding-bottom: 8px;
}

.sage-theme #pageWrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-submenu li a.active,
.sage-theme #pageWrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .sidebar-submenu li a:hover {
    color: var(--theme-deafult);
    font-weight: 700;
    letter-spacing: 0;
}

.sage-theme #pageWrapper.compact-wrapper .page-body-wrapper .according-menu { right: 16px; }
.sage-theme #pageWrapper.compact-wrapper .page-body-wrapper .according-menu i { color: #809084; }
.sage-theme .sidebar-list i.fa-thumb-tack { color: var(--theme-deafult) !important; }

.sage-theme .page-wrapper .page-body-wrapper .page-title { padding: 26px 27px 20px; }
.sage-theme .page-wrapper .page-body-wrapper .page-title h3 { font-size: 23px; font-weight: 700; }
.sage-theme .page-wrapper .page-body-wrapper .page-title .breadcrumb { font-size: 12px; color: var(--sage-muted); }
.sage-theme .dashboard-subtitle { margin: 7px 0 0; color: var(--sage-muted); font-size: 13px; }

.sage-theme .card {
    border: 1px solid var(--sage-border);
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 2px 7px rgb(37 57 44 / 2%);
    margin-bottom: 20px;
}

.sage-theme .card .card-header, .sage-theme .card .card-footer {
    background: transparent;
    border-color: var(--sage-border);
    padding: 20px 24px;
}

.sage-theme .card .card-body { padding: 24px; }
.sage-theme .card .card-header h5, .sage-theme .card h5 { font-size: 16px; }
.sage-theme .dashboard-stat .card-body { position: relative; padding-right: 76px; }
.sage-theme .dashboard-stat h5 { font-size: 13px; color: var(--sage-muted); font-weight: 400 !important; letter-spacing: 0; }
.sage-theme .dashboard-stat p { font-size: 12px; color: var(--sage-muted); margin-bottom: 14px; }
.sage-theme .dashboard-stat .stat-value { font-size: 28px; margin-bottom: 0; overflow-wrap: anywhere; }
.sage-theme .stat-icon { position: absolute; top: 24px; right: 22px; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 10px; color: #39745b; background: #e6f3e9; }
.sage-theme .stat-icon svg { width: 22px; height: 22px; stroke-width: 1.6; }
.sage-theme .chart-period { display: inline-flex; align-items: center; gap: 7px; padding: 6px 10px; border: 1px solid var(--sage-border); border-radius: 6px; color: var(--sage-muted); font-size: 12px; }
.sage-theme .chart-period svg { width: 14px; height: 14px; }

.sage-theme .btn {
    border-radius: 6px;
    padding: 9px 16px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0;
    box-shadow: none;
    transition: background-color .15s, border-color .15s;
}

.sage-theme .btn-sm { padding: 6px 10px; font-size: 12px; }
.sage-theme .btn-lg { padding: 12px 22px; font-size: 15px; }
.sage-theme .btn-primary { color: #fff; background: var(--theme-deafult) !important; border-color: var(--theme-deafult) !important; }
.sage-theme .btn-primary:hover, .sage-theme .btn-primary:active { background: #2c5e47 !important; border-color: #2c5e47 !important; }
.sage-theme .btn-primary.disabled, .sage-theme .btn-primary:disabled { background: var(--theme-deafult) !important; border-color: var(--theme-deafult) !important; opacity: .65; }
.sage-theme .btn-outline-primary { color: var(--theme-deafult) !important; border-color: #c5d5c9 !important; }
.sage-theme .btn-outline-primary:hover, .sage-theme .btn-outline-primary.active { background: var(--theme-deafult) !important; border-color: var(--theme-deafult) !important; color: #fff !important; }
.sage-theme .btn-light, .sage-theme .btn-outline-secondary { color: #5b6860 !important; border-color: #dfe5df !important; background: #fff !important; }
.sage-theme .btn-light:hover, .sage-theme .btn-outline-secondary:hover { background: #eef2ed !important; }
.sage-theme .btn svg { width: 16px; height: 16px; stroke-width: 1.7; vertical-align: middle; }

.sage-theme .form-control, .sage-theme .form-select,
.sage-theme .select2-container--default .select2-selection--single,
.sage-theme .select2-container--default .select2-selection--multiple {
    border: 1px solid #dfe5df;
    border-radius: 6px;
    color: var(--sage-ink);
    background-color: #fff;
    font-size: 13px;
    min-height: 38px;
}

.sage-theme .form-control:focus, .sage-theme .form-select:focus,
.sage-theme .select2-container--focus .select2-selection {
    border-color: #87aa95 !important;
    box-shadow: 0 0 0 3px rgb(57 116 91 / 10%);
}

.sage-theme .form-control::placeholder { color: #929b95; }
.sage-theme .form-control:disabled, .sage-theme .form-select:disabled { background: #f0f2ef; color: var(--sage-muted); }
.sage-theme .form-control.is-invalid, .sage-theme .form-select.is-invalid { border-color: var(--bs-danger, #dc3545); }
.sage-theme .form-control.is-valid, .sage-theme .form-select.is-valid { border-color: var(--bs-success, #198754); }
.sage-theme .form-label, .sage-theme label { font-size: 13px; }
.sage-theme .input-group-text { background: #f6f8f5; border-color: #dfe5df; color: var(--sage-muted); }
.sage-theme .form-check-input:checked { background-color: var(--theme-deafult); border-color: var(--theme-deafult); }
.sage-theme .select2-dropdown { border-color: #dfe5df; border-radius: 6px; }
.sage-theme .select2-container--default .select2-results__option--highlighted[aria-selected] { background: var(--theme-deafult); }

.sage-theme .table { --bs-table-striped-bg: #fafbf9; --bs-table-hover-bg: #f1f6f0; color: var(--sage-ink); font-size: 13px; border-color: var(--sage-border); }
.sage-theme .table > thead > tr > th { background: #f7f8f6; color: #778079; font-weight: 700; font-size: 12px; border-bottom: 1px solid var(--sage-border); padding: 13px 14px; vertical-align: middle; }
.sage-theme .table > tbody > tr > td { padding: 12px 14px; border-color: #edf0eb; vertical-align: middle; }
.sage-theme table.dataTable { border-collapse: collapse !important; border-bottom-color: var(--sage-border) !important; }
.sage-theme .dataTables_wrapper .dataTables_filter input,
.sage-theme .dataTables_wrapper .dataTables_length select { border: 1px solid #dfe5df; border-radius: 6px; background: #f9faf8; padding: 7px 10px; color: var(--sage-ink); font-size: 12px; }
.sage-theme .dataTables_wrapper .dataTables_info { color: var(--sage-muted); font-size: 12px; }
.sage-theme .dataTables_wrapper .dataTables_paginate .paginate_button,
.sage-theme .page-link { border: 1px solid var(--sage-border) !important; border-radius: 5px; color: #69776d !important; background: #fff; font-size: 12px; box-shadow: none; }
.sage-theme .dataTables_wrapper .dataTables_paginate .paginate_button.current,
.sage-theme .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.sage-theme .dataTables_wrapper .dataTables_paginate .paginate_button:not(.disabled):hover,
.sage-theme .page-item.active .page-link { background: var(--theme-deafult) !important; border-color: var(--theme-deafult) !important; color: #fff !important; }

.sage-theme .badge { padding: 5px 9px; border-radius: 30px; font-size: 11px; font-weight: 700; letter-spacing: 0; }
.sage-theme .badge.bg-success, .sage-theme .badge-success, .sage-theme .badge-light-success { background: #e2f4e9 !important; color: #28774d !important; }
.sage-theme .badge.bg-warning, .sage-theme .badge-warning, .sage-theme .badge-light-warning { background: #fff0d8 !important; color: #9c631c !important; }
.sage-theme .badge.bg-danger, .sage-theme .badge-danger, .sage-theme .badge-light-danger { background: #fce7e8 !important; color: #b74750 !important; }
.sage-theme .badge.bg-primary, .sage-theme .badge-primary, .sage-theme .badge-light-primary { background: #e6eee5 !important; color: #39745b !important; }
.sage-theme .badge.bg-info, .sage-theme .badge-info, .sage-theme .badge-light-info { background: #e8f1f9 !important; color: #3c7196 !important; }

.sage-theme .nav-tabs { border-color: var(--sage-border); gap: 6px; }
.sage-theme .nav-tabs .nav-link { color: var(--sage-muted); border: 0; border-bottom: 2px solid transparent; padding: 12px 16px; font-size: 13px; }
.sage-theme .nav-tabs .nav-link.active { color: var(--theme-deafult); border-bottom-color: var(--theme-deafult); background: transparent; font-weight: 700; }
.sage-theme .nav-pills .nav-link.active { background: var(--theme-deafult); color: #fff; }
.sage-theme .modal-content, .sage-theme .offcanvas { border: 1px solid var(--sage-border); box-shadow: 0 12px 48px rgb(35 49 39 / 12%); }
.sage-theme .modal-content { border-radius: 12px; }
.sage-theme .modal-header, .sage-theme .modal-footer { border-color: var(--sage-border); padding: 18px 24px; }
.sage-theme .modal-body { padding: 24px; }
.sage-theme .dropdown-menu, .sage-theme .onhover-show-div { border: 1px solid var(--sage-border); border-radius: 9px; box-shadow: 0 8px 28px rgb(35 49 39 / 8%); }
.sage-theme .dropdown-item.active, .sage-theme .dropdown-item:active { background: var(--theme-deafult); color: #fff; }
.sage-theme .alert { border-radius: 9px; }
.sage-theme .page-circle.selected, .sage-theme .page-line { border-color: var(--theme-deafult); }
.sage-theme .page-circle.selected { color: var(--theme-deafult); }
.sage-theme .tap-top { background: var(--theme-deafult); border-radius: 8px; box-shadow: 0 3px 12px rgb(57 116 91 / 15%); }
.sage-theme .page-wrapper .footer { background: transparent; border-top: 1px solid var(--sage-border); box-shadow: none; padding: 18px 20px; }
.sage-theme .footer p { font-size: 11px; color: var(--sage-muted); letter-spacing: 0; }

/* Keep the template's 90px collapsed sidebar and mobile slide-out behavior. */
@media screen and (min-width: 992px) {
    .sage-theme #pageWrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper:not(.close_icon) { width: 232px; }
    .sage-theme #pageWrapper.compact-wrapper .page-header:not(.close_icon) { margin-left: 232px; width: calc(100% - 232px); }
    .sage-theme #pageWrapper.compact-wrapper .page-body-wrapper .page-body { margin-top: 68px; }
    .sage-theme #pageWrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper:not(.close_icon) ~ .page-body,
    .sage-theme #pageWrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper:not(.close_icon) ~ .footer { margin-left: 232px; }
}

@media screen and (max-width: 991px) {
    .sage-theme .page-wrapper .page-header .header-wrapper { min-height: 60px; padding: 10px 16px; }
    .sage-theme .page-wrapper .page-header .header-wrapper .left-header { display: none; }
    .sage-theme .page-wrapper .page-body-wrapper .page-title { padding: 20px 27px 16px; }
    .sage-theme .page-wrapper .page-body-wrapper .page-title h3 { font-size: 21px; }
}

@media screen and (max-width: 575px) {
    .sage-theme .card .card-body, .sage-theme .card .card-header, .sage-theme .card .card-footer { padding: 18px; }
    .sage-theme .dashboard-stat .card-body { padding-right: 76px; }
    .sage-theme .page-wrapper .page-body-wrapper .page-title .row > .col-6 { width: 100%; }
    .sage-theme .page-wrapper .page-body-wrapper .page-title .breadcrumb { justify-content: flex-start; margin-top: 10px; }
    .sage-theme .table > tbody > tr > td, .sage-theme .table > thead > tr > th { padding: 10px; }
}

@media (prefers-reduced-motion: reduce) {
    .sage-theme .btn, .sage-theme .sidebar-wrapper, .sage-theme .sidebar-link { transition: none !important; }
}