@charset "UTF-8";

/* Last-mile RoaSell UI standard. This file loads after page CSS on purpose. */
.modal,
.modal.show {
    z-index: 2400 !important;
    pointer-events: auto !important;
}

.modal-backdrop {
    z-index: 2390 !important;
    background: #05070b !important;
    pointer-events: auto !important;
}

.modal-backdrop.show {
    opacity: .38 !important;
}

.modal.show,
.modal.show .modal-dialog,
.modal.show .modal-content {
    pointer-events: auto !important;
}

.modal.show .modal-dialog {
    position: relative !important;
    z-index: 2401 !important;
}

.modal-open .select2-container,
.modal-open .select2-dropdown,
.modal-open .daterangepicker,
.modal-open .flatpickr-calendar {
    z-index: 2420 !important;
}

.swal2-container,
body.swal2-shown > .swal2-container {
    z-index: 100000 !important;
}

.swal2-container .swal2-popup {
    z-index: 100001 !important;
}

.rs-screen .modal-content,
.modal-content {
    color: var(--rs-text) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,0)),
        var(--rs-surface) !important;
    border: 1px solid var(--rs-border) !important;
    border-radius: var(--rs-radius-lg) !important;
    box-shadow: 0 28px 80px rgba(0,0,0,.36) !important;
}

.rs-screen .modal-header,
.rs-screen .modal-footer,
.modal-header,
.modal-footer {
    border-color: var(--rs-border) !important;
}

.rs-screen .btn,
.modal .btn,
.swal2-popup .swal2-styled {
    border-radius: .78rem !important;
    font-weight: 750 !important;
    letter-spacing: 0 !important;
}

.btn-primary,
.btn.btn-primary,
.swal2-confirm {
    color: #fff !important;
    border-color: rgba(27,132,255,.85) !important;
    background: linear-gradient(135deg, #1b84ff, #0ea5e9) !important;
    box-shadow: 0 10px 24px rgba(27,132,255,.25) !important;
}

.btn-success,
.btn.btn-success {
    color: #fff !important;
    border-color: rgba(23,198,83,.76) !important;
    background: linear-gradient(135deg, #17c653, #10b981) !important;
}

.btn-info,
.btn.btn-info,
.btn-light-info,
.btn.btn-light-info {
    color: #082f49 !important;
    border-color: rgba(34,211,238,.68) !important;
    background: linear-gradient(135deg, #67e8f9, #22d3ee) !important;
    box-shadow: 0 10px 22px rgba(34,211,238,.16) !important;
}

.btn-danger,
.btn.btn-danger,
.btn-light-danger,
.btn.btn-light-danger {
    color: #fff !important;
    border-color: rgba(248,40,90,.82) !important;
    background: linear-gradient(135deg, #f8285a, #e11d48) !important;
    box-shadow: 0 10px 22px rgba(248,40,90,.18) !important;
}

.btn-light,
.btn-secondary,
.btn-light-primary,
.btn-active-light-primary,
.btn.btn-light,
.btn.btn-secondary,
.btn.btn-light-primary {
    color: var(--rs-text) !important;
    background: var(--rs-surface-muted) !important;
    border: 1px solid var(--rs-border) !important;
}

.form-select,
.rs-native-select,
.community-category-select,
.rs-screen select.form-select,
.modal select.form-select {
    appearance: none !important;
    -webkit-appearance: none !important;
    color: var(--rs-text) !important;
    min-height: 2.65rem !important;
    padding-right: 2.75rem !important;
    border: 1px solid var(--rs-border) !important;
    border-radius: .82rem !important;
    background-color: var(--rs-surface-raised) !important;
    background-image:
        linear-gradient(45deg, transparent 50%, var(--rs-text-muted) 50%),
        linear-gradient(135deg, var(--rs-text-muted) 50%, transparent 50%) !important;
    background-position:
        calc(100% - 1.1rem) 50%,
        calc(100% - .78rem) 50% !important;
    background-size: .38rem .38rem, .38rem .38rem !important;
    background-repeat: no-repeat !important;
}

.select2-container--bootstrap5 .select2-selection {
    color: var(--rs-text) !important;
    min-height: 2.65rem !important;
    border-color: var(--rs-border) !important;
    border-radius: .82rem !important;
    background: var(--rs-surface-raised) !important;
}

.table,
.dataTable,
.rs-grid-table {
    color: var(--rs-text) !important;
    font-size: .92rem !important;
    border-color: var(--rs-border) !important;
}

.table > :not(caption) > * > *,
.dataTable > :not(caption) > * > *,
.rs-grid-table > :not(caption) > * > * {
    background: transparent !important;
    border-bottom-color: var(--rs-border) !important;
    border-left: 0 !important;
    border-right: 0 !important;
}

.table thead th,
.dataTable thead th,
.rs-grid-table thead th {
    color: var(--rs-text-muted) !important;
    font-size: .76rem !important;
    font-weight: 850 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    background: rgba(27,132,255,.055) !important;
}

.table tbody td,
.dataTable tbody td,
.rs-grid-table tbody td {
    color: var(--rs-text) !important;
    font-weight: 600 !important;
    vertical-align: middle !important;
}

.table tbody tr,
.dataTable tbody tr,
.rs-grid-table tbody tr {
    transition: background-color 140ms var(--rs-ease), box-shadow 140ms var(--rs-ease) !important;
}

.table tbody tr:hover,
.dataTable tbody tr:hover,
.rs-grid-table tbody tr:hover {
    background: rgba(27,132,255,.07) !important;
    box-shadow: inset 3px 0 0 rgba(27,132,255,.72) !important;
}

.rs-report-loading-overlay,
.rs-loading-overlay {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 12rem !important;
    background:
        radial-gradient(circle at 50% 38%, rgba(27,132,255,.15), transparent 18rem),
        rgba(17,18,23,.52) !important;
    backdrop-filter: blur(12px) !important;
    border-radius: var(--rs-radius-lg) !important;
}

.dataTables_processing,
.dt-processing {
    width: auto !important;
    height: auto !important;
    min-width: 11rem !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: .9rem 1.1rem !important;
    overflow: visible !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.025)),
        rgba(20, 23, 31, .9) !important;
    backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(148, 163, 184, .22) !important;
    border-radius: 1rem !important;
    box-shadow: 0 20px 48px rgba(0,0,0,.34) !important;
    color: var(--rs-text) !important;
    line-height: 1.2 !important;
}

.dataTables_processing .fa-spinner,
.dt-processing .fa-spinner,
.dataTables_processing [class*="spinner"],
.dt-processing [class*="spinner"] {
    display: inline-flex !important;
    width: 1.45rem !important;
    height: 1.45rem !important;
    font-size: 1.35rem !important;
    line-height: 1 !important;
    vertical-align: middle !important;
    overflow: visible !important;
}

.rs-report-loading-overlay.is-hidden,
.rs-loading-overlay.is-hidden {
    display: flex !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

.rs-loader-card {
    display: inline-flex !important;
    align-items: center !important;
    gap: 1rem !important;
}

.rs-busy-popup {
    width: auto !important;
    padding: 1rem 1.1rem !important;
    border-radius: 1rem !important;
}

.rs-busy-popup .swal2-html-container {
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
}

body[data-rs-controller="Report"] .rs-report-loading-overlay {
    align-items: flex-start !important;
    padding-top: clamp(1.25rem, 7vh, 4.5rem) !important;
}

body[data-rs-controller="Administration"] #kt_users_table th,
body[data-rs-controller="Administration"] #kt_users_table td {
    border-left: 0 !important;
    border-right: 0 !important;
}

body[data-rs-controller="ApplicationParameter"] .rs-table-actions {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: .45rem;
    min-width: 14rem;
}

body[data-rs-controller="ApplicationParameter"] .rs-table-actions .btn {
    width: auto !important;
    min-height: 2.15rem !important;
    padding: .46rem .72rem !important;
    border-radius: .68rem !important;
    font-size: .8rem !important;
    line-height: 1.1 !important;
}

body[data-rs-controller="ApplicationParameter"] #kt_parameter_groups_table td,
body[data-rs-controller="ApplicationParameter"] #kt_parameters_table td {
    padding-top: .85rem !important;
    padding-bottom: .85rem !important;
}

#rsTooltip {
    position: fixed;
    z-index: 2200;
    display: none;
    max-width: min(320px, calc(100vw - 24px));
    padding: .7rem .82rem;
    border: 1px solid rgba(148, 163, 184, .24);
    border-radius: .75rem;
    color: var(--rs-text);
    background:
        linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.02)),
        rgba(16, 19, 28, .96);
    box-shadow: 0 18px 42px rgba(0,0,0,.34);
    font-size: .78rem;
    font-weight: 650;
    line-height: 1.45;
    pointer-events: none;
}

.column-with-tooltip {
    display: inline-flex;
    align-items: center;
    gap: .38rem;
}

.tooltip-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.05rem;
    height: 1.05rem;
    border-radius: 999px;
    color: #93c5fd;
    background: rgba(27,132,255,.14);
    border: 1px solid rgba(27,132,255,.28);
    font-size: .68rem;
    font-weight: 850;
    cursor: help;
}

body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] .facebook-insights-layout {
    overflow: visible !important;
}

body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] .ai-coach-panel .ai-coach-content,
body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] .ai-coach-panel .ai-coach-body {
    max-height: calc(100dvh - 12rem) !important;
    overflow-y: auto !important;
}

@media (min-width: 992px) {
    body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] #facebookInsightsLayout {
        display: grid !important;
        grid-template-columns: minmax(0, calc(100% - 84px)) 60px !important;
        gap: 24px !important;
        align-items: start !important;
        width: 100% !important;
        max-width: 100% !important;
        padding-right: 0 !important;
        overflow: visible !important;
    }

    body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] #facebookInsightsLayout.ai-coach-open {
        grid-template-columns: minmax(0, calc(100% - 404px)) 380px !important;
    }

    body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] #facebookInsightsApp {
        grid-column: 1 !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow: hidden !important;
    }

    body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] #aiCoachPanel {
        grid-column: 2 !important;
        position: fixed !important;
        top: 5.75rem !important;
        right: 1.35rem !important;
        bottom: 1rem !important;
        left: auto !important;
        display: flex !important;
        flex-direction: row !important;
        flex: none !important;
        width: 60px !important;
        min-width: 60px !important;
        max-width: 60px !important;
        height: calc(100dvh - 6.75rem) !important;
        max-height: calc(100dvh - 6.75rem) !important;
        margin: 0 !important;
        transform: none !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        overflow: hidden !important;
        z-index: 30 !important;
    }

    body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] #facebookInsightsLayout.ai-coach-open #aiCoachPanel,
    body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] #aiCoachPanel:not(.collapsed) {
        width: 380px !important;
        min-width: 380px !important;
        max-width: 380px !important;
    }

    body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] #aiCoachPanel.collapsed {
        width: 60px !important;
        min-width: 60px !important;
        max-width: 60px !important;
    }

    body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] #aiCoachPanel.collapsed .ai-coach-rail {
        display: flex !important;
        width: 60px !important;
        min-width: 60px !important;
    }

    body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] #aiCoachPanel:not(.collapsed) .ai-coach-rail {
        display: none !important;
    }

    body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] #aiCoachPanel .ai-coach-content {
        flex: 1 1 auto !important;
        width: 100% !important;
        max-width: none !important;
        max-height: 100% !important;
        min-height: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        overflow: hidden !important;
        padding: .85rem !important;
    }

    body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] #aiCoachPanel .ai-coach-header {
        flex: 0 0 auto !important;
        padding: 0 0 .65rem !important;
    }

    body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] #aiCoachPanel .ai-coach-tabs {
        flex: 0 0 auto !important;
        margin: .65rem 0 .55rem !important;
    }

    body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] #aiCoachPanel .ai-coach-warning {
        flex: 0 0 auto !important;
        margin-bottom: .65rem !important;
        padding: .45rem .6rem !important;
    }

    body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] #aiCoachPanel .ai-coach-body {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: hidden !important;
        padding: 0 !important;
    }

    body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] #aiCoachPanel .ai-coach-analysis,
    body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] #aiCoachPanel .ai-coach-plan {
        min-height: 0 !important;
        overflow: hidden !important;
    }

    body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] #aiCoachPanel .ai-coach-empty {
        min-height: 0 !important;
        padding: 1rem !important;
        font-size: .74rem !important;
        line-height: 1.35 !important;
    }

    body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] #aiCoachPanel .ai-coach-insights,
    body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] #aiCoachPanel .ai-coach-plan {
        overflow-y: auto !important;
    }

    body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] #aiCoachPanel .ai-coach-footer {
        flex: 0 0 auto !important;
        gap: .55rem !important;
        margin-top: .65rem !important;
        padding: .65rem 0 0 !important;
    }

    body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] #aiCoachPanel .ai-coach-range {
        gap: .35rem !important;
        padding: .35rem !important;
    }

    body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] #aiCoachPanel .ai-coach-pill {
        min-height: 1.9rem !important;
        padding: .35rem .45rem !important;
        font-size: .62rem !important;
    }

    body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] #aiCoachPanel .ai-coach-cta {
        min-height: 2.45rem !important;
        padding: .55rem .7rem !important;
        letter-spacing: .04rem !important;
    }
}

@media (max-width: 991.98px) {
    body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] .ai-coach-panel {
        position: fixed !important;
        top: 5rem !important;
        right: .35rem !important;
        max-height: calc(100dvh - 5.5rem);
        z-index: 1045 !important;
        transform: translateZ(0);
    }

    body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] > #aiCoachPanel.ai-coach-mobile-portal {
        position: fixed !important;
        top: 5rem !important;
        right: .35rem !important;
        bottom: auto !important;
        left: auto !important;
        width: auto !important;
        max-width: calc(100vw - .7rem) !important;
        height: calc(100dvh - 5.5rem) !important;
        max-height: calc(100dvh - 5.5rem) !important;
        margin: 0 !important;
        transform: none !important;
        z-index: 1045 !important;
        will-change: transform;
    }

    body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] > #aiCoachPanel.ai-coach-mobile-portal.collapsed {
        width: 3.75rem !important;
        min-width: 3.75rem !important;
        max-width: 3.75rem !important;
    }

    body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] > #aiCoachPanel.ai-coach-mobile-portal:not(.collapsed) {
        width: min(21rem, calc(100vw - .7rem)) !important;
        min-width: min(21rem, calc(100vw - .7rem)) !important;
        max-width: min(21rem, calc(100vw - .7rem)) !important;
    }

    body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] > #aiCoachPanel.ai-coach-mobile-portal .ai-coach-content {
        width: min(21rem, calc(100vw - 4.2rem)) !important;
        max-width: min(21rem, calc(100vw - 4.2rem)) !important;
        max-height: calc(100dvh - 6rem) !important;
    }
}

.workspace-selection-page,
.setup-page {
    min-height: 100vh;
    color: var(--rs-text);
    background:
        radial-gradient(circle at 14% 12%, rgba(27,132,255,.18), transparent 28rem),
        radial-gradient(circle at 86% 10%, rgba(23,198,83,.11), transparent 24rem),
        var(--rs-bg) !important;
}

.workspace-selection-page .workspace-card,
.workspace-selection-page .workspace-info-box,
.workspace-selection-page .workspace-connection-box,
.workspace-selection-page .workspace-meta-list,
.workspace-selection-page .workspace-meta-item,
.setup-page .card,
.setup-page .platform-card,
.setup-page .meta-box {
    border-color: var(--rs-border) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,0)),
        var(--rs-surface) !important;
    box-shadow: var(--rs-shadow-sm);
}

.workspace-selection-page .workspace-card,
.setup-page .platform-card {
    border-radius: 1rem !important;
}

.workspace-selection-page .workspace-account-card:hover,
.workspace-selection-page .workspace-account-card.is-selected,
.setup-page .platform-action-card:hover,
.setup-page .platform-action-card:focus-visible {
    border-color: rgba(27,132,255,.72) !important;
    box-shadow: 0 18px 34px rgba(0,0,0,.24), 0 0 0 1px rgba(27,132,255,.22) !important;
}

.workspace-selection-page .workspace-input,
.workspace-selection-page .workspace-select,
.setup-page .form-control,
.setup-page .form-select {
    color: var(--rs-text) !important;
    border-color: var(--rs-border) !important;
    background-color: var(--rs-surface-raised) !important;
}

.workspace-selection-page .workspace-edit-modal-content {
    background:
        linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,0)),
        var(--rs-surface) !important;
    border-color: var(--rs-border) !important;
}

.setup-page .card .text-gray-900,
.workspace-selection-page .text-white {
    color: var(--rs-text) !important;
}

.setup-page .text-gray-500,
.setup-page .text-gray-400,
.workspace-selection-page .text-gray-500,
.workspace-selection-page .text-gray-400 {
    color: var(--rs-text-muted) !important;
}

html,
body {
    max-width: 100%;
    overflow-x: hidden;
}

#kt_app_sidebar,
#kt_app_sidebar .app-sidebar-menu,
#kt_app_sidebar .hover-scroll-overlay-y,
#kt_app_sidebar .scroll-y,
#kt_app_sidebar .menu,
#kt_app_sidebar .menu-sub,
#kt_app_sidebar .menu-item,
#kt_app_sidebar .menu-link {
    max-width: 100% !important;
    overflow-x: hidden !important;
}

#kt_app_sidebar .menu-link:hover,
#kt_app_sidebar .menu-link:focus-visible {
    transform: none !important;
}

#kt_app_root,
#kt_app_body,
#kt_app_main,
#kt_app_content,
#kt_app_content_container,
.app-main,
.app-content,
.rs-screen {
    max-width: 100vw;
    min-width: 0;
}

.table-responsive,
.dataTables_wrapper,
.dt-container {
    max-width: 100%;
}

@media (max-width: 991.98px) {
    .app-container,
    .app-container.container-fluid,
    #kt_app_content_container {
        width: 100% !important;
        max-width: 100vw !important;
        padding-left: .75rem !important;
        padding-right: .75rem !important;
        overflow-x: clip;
    }
}

#kt_app_header,
#kt_app_header_wrapper,
#kt_app_header_container,
.app-navbar,
.app-navbar .app-navbar-item,
#kt_header_user_menu_toggle {
    min-width: 0;
    overflow: visible !important;
}

#kt_app_header {
    z-index: 2200 !important;
}

#kt_user_daterangepicker {
    width: 218px !important;
    min-width: 218px !important;
    padding-left: .85rem !important;
    padding-right: .85rem !important;
    font-weight: 750 !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

#daterangepicker-icon {
    min-width: 3rem !important;
    justify-content: center !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.rs-datatable .dataTables_length select,
.rs-datatable .dt-length select,
.dataTables_wrapper .dataTables_length select,
.dt-container .dt-length select,
.dataTables_length select.rs-grid-length,
.dt-length select.rs-grid-length {
    appearance: none !important;
    -webkit-appearance: none !important;
    width: 72px !important;
    min-width: 72px !important;
    min-height: 36px !important;
    padding: .45rem 2.05rem .45rem .85rem !important;
    border-radius: .72rem !important;
    border: 1px solid var(--rs-border) !important;
    color: var(--rs-text) !important;
    background-color: var(--rs-surface-raised) !important;
    background-image:
        linear-gradient(45deg, transparent 50%, var(--rs-text-muted) 50%),
        linear-gradient(135deg, var(--rs-text-muted) 50%, transparent 50%) !important;
    background-position:
        calc(100% - 1.05rem) 50%,
        calc(100% - .78rem) 50% !important;
    background-size: .34rem .34rem, .34rem .34rem !important;
    background-repeat: no-repeat !important;
}

.rs-grid-length-wrap {
    position: relative;
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
}

.rs-grid-length-wrap::after {
    content: "";
    position: absolute;
    right: .95rem;
    top: 50%;
    width: 0;
    height: 0;
    border-left: .28rem solid transparent;
    border-right: .28rem solid transparent;
    border-top: .32rem solid var(--rs-text-muted);
    transform: translateY(-30%);
    pointer-events: none;
    z-index: 2;
}

body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] .facebook-insights-layout .dataTables_wrapper {
    padding-bottom: 1rem !important;
}

body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] .facebook-insights-layout .dataTables_wrapper > .row:last-child,
body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] .facebook-insights-layout .dt-container .dt-layout-row:last-child {
    margin: .85rem 0 0 !important;
    padding: 0 1rem .35rem !important;
}

.facebook-insights-layout .dataTables_wrapper,
.facebook-insights-layout .dt-container {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    padding-bottom: 1rem !important;
}

.facebook-insights-layout .dataTables_scroll,
.facebook-insights-layout .dt-scroll {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.facebook-insights-layout .dataTables_wrapper .row,
.facebook-insights-layout .dt-container .dt-layout-row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.facebook-insights-layout .dataTables_length,
.facebook-insights-layout .dataTables_info,
.facebook-insights-layout .dataTables_paginate,
.facebook-insights-layout .dt-length,
.facebook-insights-layout .dt-info,
.facebook-insights-layout .dt-paging {
    padding-top: .65rem !important;
    padding-bottom: .35rem !important;
}

.facebook-insights-layout .dataTables_paginate,
.facebook-insights-layout .dt-paging {
    padding-right: .25rem !important;
}

.app-navbar .app-navbar-item {
    position: relative;
}

.app-navbar .menu-sub-dropdown {
    max-width: calc(100vw - 1rem) !important;
    position: absolute !important;
    top: calc(100% + .6rem) !important;
    right: 0 !important;
    left: auto !important;
    transform: none !important;
    z-index: 2205 !important;
}

body > .menu-sub-dropdown.w-300px {
    max-width: min(320px, calc(100vw - 1rem)) !important;
    border: 1px solid var(--rs-border) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.015)),
        var(--rs-surface) !important;
    box-shadow: 0 24px 70px rgba(0,0,0,.48) !important;
    z-index: 2300 !important;
}

body > .menu-sub-dropdown.w-300px.show,
body > .menu-sub-dropdown.w-300px[style*="display: block"] {
    position: fixed !important;
    top: 4.35rem !important;
    right: max(1rem, env(safe-area-inset-right)) !important;
    left: auto !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

@media (max-width: 991.98px) {
    .app-navbar {
        gap: .25rem;
        min-width: 0;
    }

    .app-navbar .app-navbar-item {
        margin-left: .25rem !important;
        margin-right: 0 !important;
    }

    .app-navbar .menu-sub-dropdown {
        width: min(320px, calc(100vw - 1rem)) !important;
    }
}

@media (max-width: 575.98px) {
    .app-navbar-credit-pill {
        gap: .35rem !important;
        padding-left: .65rem !important;
        padding-right: .65rem !important;
    }

    .app-navbar-credit-label,
    #kt_header_user_menu_toggle .badge {
        display: none !important;
    }

    .app-navbar .app-navbar-item > .menu-sub-dropdown,
    #kt_header_user_menu_toggle > .menu-sub-dropdown,
    body > .menu-sub-dropdown,
    .menu-sub-dropdown[data-popper-placement] {
        position: fixed !important;
        top: 3rem !important;
        right: .5rem !important;
        left: auto !important;
        width: min(300px, calc(100vw - 1rem)) !important;
        max-width: 300px !important;
        height: auto !important;
        max-height: calc(100svh - 3.5rem) !important;
        overflow-y: auto !important;
        transform: none !important;
        visibility: visible !important;
        opacity: 1 !important;
        z-index: 100000 !important;
    }

    body > .menu-sub-dropdown.w-300px.show,
    body > .menu-sub-dropdown.w-300px[style*="display: block"] {
        top: 2.75rem !important;
        right: .35rem !important;
        width: min(300px, calc(100vw - .7rem)) !important;
        max-width: min(300px, calc(100vw - .7rem)) !important;
        max-height: calc(100svh - 3.25rem) !important;
        overflow-y: auto !important;
        z-index: 100000 !important;
    }
}

@media (min-width: 992px) {
    #kt_app_header.app-header,
    #kt_app_header_container,
    #kt_app_header_wrapper,
    #kt_app_sidebar_logo {
        min-height: 76px !important;
        height: 76px !important;
    }

    #kt_app_sidebar_logo {
        border-bottom: 1px solid var(--rs-border) !important;
    }

    #kt_seperator_menu1 {
        display: none !important;
    }
}

html {
    scrollbar-gutter: stable;
}

body.modal-open {
    padding-right: 0 !important;
    overflow-y: scroll !important;
}

body.modal-open #kt_app_header,
body.modal-open #kt_app_sidebar,
body.modal-open #kt_app_wrapper,
body.modal-open #kt_app_main,
body.modal-open #kt_app_content_container {
    margin-right: 0 !important;
    padding-right: inherit;
}

#kt_app_sidebar {
    overflow: visible !important;
}

#kt_app_sidebar_logo {
    overflow: visible !important;
    min-width: 0 !important;
}

#kt_app_sidebar_logo > a {
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
}

#kt_app_sidebar .app-sidebar-logo-default {
    max-width: 10.5rem !important;
    height: auto !important;
    object-fit: contain !important;
}

#kt_app_sidebar .app-sidebar-logo-minimize {
    width: 1.55rem !important;
    height: 1.55rem !important;
    object-fit: contain !important;
}

#kt_app_sidebar_toggle {
    z-index: 2302 !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

body[data-kt-app-sidebar-minimize="on"]:not([data-kt-app-sidebar-hover="on"]) #kt_app_sidebar_logo {
    padding-left: 0 !important;
    padding-right: 0 !important;
    justify-content: center !important;
}

body[data-kt-app-sidebar-minimize="on"]:not([data-kt-app-sidebar-hover="on"]) #kt_app_sidebar_logo > a {
    width: 100% !important;
    justify-content: center !important;
}

body[data-kt-app-sidebar-minimize="on"]:not([data-kt-app-sidebar-hover="on"]) #kt_app_sidebar .app-sidebar-logo-default {
    display: none !important;
}

body[data-kt-app-sidebar-minimize="on"]:not([data-kt-app-sidebar-hover="on"]) #kt_app_sidebar .app-sidebar-logo-minimize {
    display: inline-block !important;
}

body[data-kt-app-sidebar-minimize="on"][data-kt-app-sidebar-hover="on"] #kt_app_sidebar .app-sidebar-logo-default {
    display: inline-block !important;
}

body[data-kt-app-sidebar-minimize="on"][data-kt-app-sidebar-hover="on"] #kt_app_sidebar .app-sidebar-logo-minimize {
    display: none !important;
}

#kt_app_sidebar .hover-scroll-overlay-y,
#kt_app_sidebar .hover-scroll-y,
#kt_app_sidebar .scroll-y,
#kt_app_sidebar_menu_scroll,
#kt_app_sidebar_menu_wrapper {
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

#kt_app_sidebar .hover-scroll-overlay-y::-webkit-scrollbar,
#kt_app_sidebar .hover-scroll-y::-webkit-scrollbar,
#kt_app_sidebar .scroll-y::-webkit-scrollbar,
#kt_app_sidebar_menu_scroll::-webkit-scrollbar,
#kt_app_sidebar_menu_wrapper::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
}

.rs-grid-card > .card-body.pt-0:has(table),
.rs-grid-card > .card-body[class*="pt-0"]:has(table) {
    padding-top: 1rem !important;
}

.rs-grid-card .rs-grid-shell,
.rs-grid-card .table-responsive,
.rs-grid-card .dataTables_wrapper,
.rs-grid-card .dt-container {
    margin-top: .35rem !important;
}

body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] #facebookInsightsApp #statsGrid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 1.25rem !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] #facebookInsightsApp #statsGrid > [class*="col-"] {
    width: auto !important;
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

@media (max-width: 991.98px) {
    body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] #facebookInsightsApp #statsGrid {
        grid-template-columns: 1fr !important;
        gap: .75rem !important;
    }
}

#kt_app_sidebar_menu_wrapper,
#kt_app_sidebar_menu_scroll,
#kt_app_sidebar_menu {
    overflow-x: clip !important;
}

#kt_app_sidebar .menu-link,
#kt_app_sidebar .menu-item,
#kt_app_sidebar .menu-sub {
    max-width: 100% !important;
}

.app-sidebar-menu,
#kt_app_sidebar_menu_wrapper {
    scrollbar-gutter: stable;
}

#kt_app_sidebar_menu_scroll,
#kt_app_sidebar_menu_wrapper,
#kt_app_sidebar .hover-scroll-overlay-y,
#kt_app_sidebar .hover-scroll-y,
#kt_app_sidebar .scroll-y {
    overflow-x: hidden !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

#kt_app_sidebar_menu_scroll::-webkit-scrollbar,
#kt_app_sidebar_menu_wrapper::-webkit-scrollbar,
#kt_app_sidebar .hover-scroll-overlay-y::-webkit-scrollbar,
#kt_app_sidebar .hover-scroll-y::-webkit-scrollbar,
#kt_app_sidebar .scroll-y::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
}

/* Grid cards need breathing room between the header and the table. */
.rs-grid-card > .card-body.pt-0,
.rs-grid-card > .card-body[class*="pt-0"] {
    padding-top: 1rem !important;
}

/* Bootstrap modals can alter body padding and make feed cards nudge sideways. */
body.modal-open .roasell-community-page,
body.modal-open .community-card,
body.modal-open .community-post-card,
body.modal-open .community-filter-toolbar,
body.modal-open .community-screen,
body.modal-open .community-shell,
body.modal-open .rs-screen,
body.modal-open #kt_app_content_container {
    transform: none !important;
    transition: none !important;
    margin-right: 0 !important;
}

/* Reklam Analiz: reserve a real right lane for Atlas AI and keep the rail fixed. */
@media (min-width: 992px) {
    body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] #facebookInsightsLayout {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        padding-right: 84px !important;
        overflow: visible !important;
        transition: padding-right 220ms var(--rs-ease) !important;
    }

    body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] #facebookInsightsLayout.ai-coach-open {
        padding-right: 404px !important;
    }

    body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] #facebookInsightsApp {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow: hidden !important;
    }

    body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] #aiCoachPanel {
        position: fixed !important;
        top: var(--ai-coach-top, 9.75rem) !important;
        right: 1.35rem !important;
        bottom: 1rem !important;
        left: auto !important;
        display: flex !important;
        flex-direction: row !important;
        width: 60px !important;
        min-width: 60px !important;
        max-width: 60px !important;
        height: var(--ai-coach-height, calc(100dvh - var(--ai-coach-top, 9.75rem) - 1rem)) !important;
        max-height: var(--ai-coach-height, calc(100dvh - var(--ai-coach-top, 9.75rem) - 1rem)) !important;
        min-height: 18rem !important;
        margin: 0 !important;
        transform: none !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        overflow: hidden !important;
        z-index: 1042 !important;
        filter: drop-shadow(0 22px 42px rgba(0, 0, 0, .28));
        transition: width 220ms var(--rs-ease), max-width 220ms var(--rs-ease) !important;
    }

    body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] #aiCoachPanel:not(.collapsed) {
        width: 380px !important;
        min-width: 380px !important;
        max-width: 380px !important;
    }

    body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] #aiCoachPanel.collapsed {
        width: 60px !important;
        min-width: 60px !important;
        max-width: 60px !important;
    }

    body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] #aiCoachPanel.collapsed .ai-coach-rail {
        display: flex !important;
        width: 60px !important;
        min-width: 60px !important;
        height: 100% !important;
        min-height: 0 !important;
    }

    body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] #aiCoachPanel:not(.collapsed) .ai-coach-rail {
        display: none !important;
    }

    body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] #aiCoachPanel .ai-coach-content {
        flex: 1 1 auto !important;
        width: 100% !important;
        max-width: none !important;
        height: 100% !important;
        max-height: 100% !important;
        min-height: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        overflow: hidden !important;
        padding: .72rem !important;
    }

    body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] #aiCoachPanel .ai-coach-header {
        flex: 0 0 auto !important;
        padding: 0 0 .55rem !important;
    }

    body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] #aiCoachPanel .ai-coach-tabs {
        flex: 0 0 auto !important;
        margin: .52rem 0 .45rem !important;
    }

    body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] #aiCoachPanel .ai-coach-warning {
        flex: 0 0 auto !important;
        margin-bottom: .5rem !important;
        padding: .38rem .55rem !important;
    }

    body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] #aiCoachPanel .ai-coach-body {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        overflow: hidden !important;
        padding: 0 !important;
    }

    body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] #aiCoachPanel .ai-coach-analysis,
    body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] #aiCoachPanel .ai-coach-plan {
        min-height: 0 !important;
        overflow: hidden !important;
    }

    body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] #aiCoachPanel .ai-coach-insights,
    body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] #aiCoachPanel .ai-coach-plan {
        overflow-y: auto !important;
    }

    body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] #aiCoachPanel .ai-coach-footer {
        flex: 0 0 auto !important;
        gap: .45rem !important;
        margin-top: .55rem !important;
        padding: .55rem 0 0 !important;
    }

    body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] #aiCoachPanel .ai-coach-range {
        gap: .3rem !important;
        padding: .3rem !important;
    }

    body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] #aiCoachPanel .ai-coach-pill {
        min-height: 1.72rem !important;
        padding: .25rem .4rem !important;
        font-size: .6rem !important;
    }

    body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] #aiCoachPanel .ai-coach-cta {
        min-height: 2.25rem !important;
        padding: .45rem .65rem !important;
        letter-spacing: .03rem !important;
    }
}

/* Sidebar final stabilization: keep Metronic's lock/hover behavior, only fix visuals. */
#kt_app_sidebar {
    --bs-scrollbar-size: 0px !important;
    --bs-scrollbar-overlay-size: 0px !important;
    overflow: visible !important;
    z-index: 2210 !important;
}

#kt_app_sidebar_logo {
    position: relative !important;
    z-index: 2301 !important;
    overflow: visible !important;
}

#kt_app_sidebar_logo > a {
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
    overflow: visible !important;
}

#kt_app_sidebar .app-sidebar-logo-default {
    width: auto !important;
    max-width: 10.5rem !important;
    height: 50px !important;
    object-fit: contain !important;
    opacity: 1 !important;
    visibility: visible !important;
}

#kt_app_sidebar .app-sidebar-logo-minimize {
    width: 1.55rem !important;
    height: 1.55rem !important;
    object-fit: contain !important;
}

#kt_app_sidebar_toggle {
    position: absolute !important;
    top: 50% !important;
    right: -15px !important;
    left: auto !important;
    transform: translateY(-50%) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    overflow: visible !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    z-index: 2220 !important;
}

#kt_app_sidebar_toggle i,
#kt_app_sidebar_toggle .ki-duotone,
#kt_app_sidebar_toggle .ki-outline,
#kt_app_sidebar_toggle svg {
    opacity: 1 !important;
    visibility: visible !important;
    color: #9aa8bd !important;
}

body[data-kt-app-sidebar-minimize="on"] #kt_app_sidebar:not(:hover) #kt_app_sidebar_logo,
body[data-kt-app-sidebar-minimize="on"]:not([data-kt-app-sidebar-hover="on"]) #kt_app_sidebar_logo {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body[data-kt-app-sidebar-minimize="on"] #kt_app_sidebar:not(:hover) #kt_app_sidebar_logo > a,
body[data-kt-app-sidebar-minimize="on"]:not([data-kt-app-sidebar-hover="on"]) #kt_app_sidebar_logo > a {
    justify-content: center !important;
    width: 100% !important;
}

body[data-kt-app-sidebar-minimize="on"] #kt_app_sidebar:hover #kt_app_sidebar_logo,
body[data-kt-app-sidebar-hover="on"] #kt_app_sidebar #kt_app_sidebar_logo {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
    justify-content: space-between !important;
}

body[data-kt-app-sidebar-minimize="on"] #kt_app_sidebar:hover #kt_app_sidebar_logo > a,
body[data-kt-app-sidebar-hover="on"] #kt_app_sidebar #kt_app_sidebar_logo > a {
    justify-content: flex-start !important;
    width: auto !important;
}

body[data-kt-app-sidebar-minimize="on"] #kt_app_sidebar:not(:hover) .app-sidebar-logo-default,
body[data-kt-app-sidebar-minimize="on"]:not([data-kt-app-sidebar-hover="on"]) #kt_app_sidebar .app-sidebar-logo-default {
    display: none !important;
}

body[data-kt-app-sidebar-minimize="on"] #kt_app_sidebar:not(:hover) .app-sidebar-logo-minimize,
body[data-kt-app-sidebar-minimize="on"]:not([data-kt-app-sidebar-hover="on"]) #kt_app_sidebar .app-sidebar-logo-minimize {
    display: inline-block !important;
}

body:not([data-kt-app-sidebar-minimize="on"]) #kt_app_sidebar .app-sidebar-logo-default,
body[data-kt-app-sidebar-minimize="on"] #kt_app_sidebar:hover .app-sidebar-logo-default,
body[data-kt-app-sidebar-hover="on"] #kt_app_sidebar .app-sidebar-logo-default {
    display: inline-block !important;
}

body:not([data-kt-app-sidebar-minimize="on"]) #kt_app_sidebar .app-sidebar-logo-minimize,
body[data-kt-app-sidebar-minimize="on"] #kt_app_sidebar:hover .app-sidebar-logo-minimize,
body[data-kt-app-sidebar-hover="on"] #kt_app_sidebar .app-sidebar-logo-minimize {
    display: none !important;
}

#kt_app_sidebar_menu_scroll,
#kt_app_sidebar_menu_wrapper,
#kt_app_sidebar .app-sidebar-menu,
#kt_app_sidebar .scroll-y,
#kt_app_sidebar .hover-scroll-y,
#kt_app_sidebar .hover-scroll-overlay-y {
    overflow-x: hidden !important;
    scrollbar-width: none !important;
    scrollbar-color: transparent transparent !important;
    scrollbar-gutter: auto !important;
    -ms-overflow-style: none !important;
}

#kt_app_sidebar_menu_scroll:hover,
#kt_app_sidebar_menu_wrapper:hover,
#kt_app_sidebar .app-sidebar-menu:hover,
#kt_app_sidebar .scroll-y:hover,
#kt_app_sidebar .hover-scroll-y:hover,
#kt_app_sidebar .hover-scroll-overlay-y:hover {
    scrollbar-width: none !important;
    scrollbar-color: transparent transparent !important;
    scrollbar-gutter: auto !important;
    -ms-overflow-style: none !important;
}

#kt_app_sidebar *,
#kt_app_sidebar *:hover {
    scrollbar-width: none !important;
    scrollbar-color: transparent transparent !important;
    -ms-overflow-style: none !important;
}

#kt_app_sidebar *::-webkit-scrollbar,
#kt_app_sidebar *:hover::-webkit-scrollbar,
#kt_app_sidebar_menu_scroll::-webkit-scrollbar,
#kt_app_sidebar_menu_scroll:hover::-webkit-scrollbar,
#kt_app_sidebar_menu_wrapper::-webkit-scrollbar,
#kt_app_sidebar_menu_wrapper:hover::-webkit-scrollbar,
#kt_app_sidebar .scroll-y::-webkit-scrollbar,
#kt_app_sidebar .scroll-y:hover::-webkit-scrollbar,
#kt_app_sidebar .hover-scroll-y::-webkit-scrollbar,
#kt_app_sidebar .hover-scroll-y:hover::-webkit-scrollbar,
#kt_app_sidebar .hover-scroll-overlay-y::-webkit-scrollbar,
#kt_app_sidebar .hover-scroll-overlay-y:hover::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
    background: transparent !important;
}

#kt_app_sidebar *::-webkit-scrollbar-thumb,
#kt_app_sidebar *:hover::-webkit-scrollbar-thumb,
#kt_app_sidebar_menu_scroll::-webkit-scrollbar-thumb,
#kt_app_sidebar_menu_scroll:hover::-webkit-scrollbar-thumb {
    background: transparent !important;
    border: 0 !important;
}

body.modal-open #kt_app_sidebar {
    z-index: 2120 !important;
}