@charset "UTF-8";

/* DIGIROTA application shell v2 — shared visual language based on Ad Automation. */
:root,
[data-bs-theme="light"] {
    --rs-bg: #f6f8fc;
    --rs-bg-soft: #eef3f9;
    --rs-surface: #ffffff;
    --rs-surface-raised: #ffffff;
    --rs-surface-muted: #f3f6fa;
    --rs-border: #e4eaf2;
    --rs-border-strong: #d5deea;
    --rs-text: #131722;
    --rs-text-muted: #707b8f;
    --rs-primary: #3f6df6;
    --rs-primary-hover: #345fdf;
    --rs-primary-soft: #edf2ff;
    --rs-cyan: #20b8ff;
    --rs-success: #15966a;
    --rs-warning: #bd7b13;
    --rs-danger: #d94d68;
    --rs-info: #1688c7;
    --rs-radius-sm: .7rem;
    --rs-radius: .95rem;
    --rs-radius-lg: 1.35rem;
    --rs-shadow-sm: 0 6px 22px rgba(15, 23, 42, .055);
    --rs-shadow: 0 20px 56px rgba(15, 23, 42, .1);
    --rs-focus: 0 0 0 .2rem rgba(63, 109, 246, .18);
    --rs-ease: cubic-bezier(.16, 1, .3, 1);
    --rs-sidebar-bg: #ffffff;
    --rs-sidebar-bg-end: #fbfcfe;
    --rs-sidebar-text: #1f2937;
    --rs-sidebar-line: #edf0f4;
    --rs-header-bg: rgba(255, 255, 255, .94);
}

html,
body {
    background: var(--rs-bg);
}

body.app-default {
    background:
        radial-gradient(circle at 36% -20%, rgba(63, 109, 246, .09), transparent 30rem),
        linear-gradient(180deg, #f8faff 0, var(--rs-bg) 22rem);
    color: var(--rs-text);
    font-family: "Inter", "Segoe UI", Arial, sans-serif;
}

#kt_app_main,
#kt_app_content,
.app-main,
.app-content {
    background: transparent;
}

#kt_app_content {
    padding-top: .85rem;
}

#kt_app_content_container {
    padding-bottom: 2rem;
}

/* Header */
#kt_app_header.rs-app-header {
    z-index: 2200;
    border-bottom: 1px solid rgba(213, 222, 234, .78);
    background: var(--rs-header-bg);
    box-shadow: 0 8px 30px rgba(15, 23, 42, .055);
    backdrop-filter: blur(20px) saturate(160%);
}

.rs-app-header__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-width: 0;
}

.rs-app-header__mobile {
    display: flex;
    align-items: center;
    gap: .45rem;
}

.rs-app-header__mobile-logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.35rem;
    height: 2.35rem;
    border: 1px solid var(--rs-border);
    border-radius: .75rem;
    background: var(--rs-surface);
}

.rs-app-header__mobile-logo img {
    width: 1.45rem;
    height: 1.45rem;
    object-fit: contain;
}

.rs-app-header__wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    width: 100%;
    min-width: 0;
}

.rs-page-context {
    min-width: 0;
}

.rs-page-context__section {
    display: block;
    margin-bottom: .18rem;
    color: var(--rs-primary);
    font-size: .67rem;
    font-weight: 800;
    letter-spacing: .11em;
    line-height: 1;
    text-transform: uppercase;
}

.rs-page-context__title-row {
    display: flex;
    align-items: center;
    gap: .65rem;
    min-width: 0;
}

.rs-page-context__title {
    overflow: hidden;
    margin: 0;
    color: var(--rs-text);
    font-size: clamp(1rem, 1.35vw, 1.28rem);
    font-weight: 750;
    letter-spacing: -.025em;
    line-height: 1.15;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rs-page-context__live {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .26rem .48rem;
    border: 1px solid rgba(21, 150, 106, .16);
    border-radius: 999px;
    background: rgba(21, 150, 106, .08);
    color: var(--rs-success);
    font-size: .62rem;
    font-weight: 800;
}

.rs-page-context__live span {
    width: .38rem;
    height: .38rem;
    border-radius: 50%;
    background: currentColor;
    box-shadow: 0 0 0 .2rem rgba(21, 150, 106, .12);
}

.rs-page-context__last-data {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    min-height: 2rem;
    padding: .3rem .62rem .3rem .48rem;
    border: 1px solid rgba(21, 150, 106, .18);
    border-radius: .72rem;
    background: linear-gradient(135deg, rgba(21, 150, 106, .1), rgba(32, 184, 255, .07));
    color: #147b59;
    box-shadow: 0 5px 14px rgba(21, 150, 106, .07);
}

.rs-page-context__last-data > i {
    display: grid;
    width: 1.35rem;
    height: 1.35rem;
    place-items: center;
    border-radius: .45rem;
    background: rgba(255, 255, 255, .72);
}

.rs-page-context__last-data-copy {
    display: flex;
    flex-direction: column;
    line-height: 1.08;
}

.rs-page-context__last-data-copy small {
    color: #6e8d82;
    font-size: .48rem;
    font-weight: 750;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.rs-page-context__last-data-copy strong {
    margin-top: .12rem;
    color: #16684f;
    font-size: .58rem;
    font-weight: 850;
    white-space: nowrap;
}

.rs-page-context__last-data.is-empty {
    border-color: #e1e6ee;
    background: #f5f7fa;
    color: #7d899d;
    box-shadow: none;
}

#kt_app_sidebar .app-sidebar-logo { align-items:center; }

#kt_app_sidebar .rs-sidebar-data-row {
    padding: .38rem .68rem .2rem;
}

#kt_app_sidebar .rs-sidebar-last-data {
    justify-content: flex-start;
    width: 100%;
    min-width: 0;
    min-height: 2rem;
    padding: .28rem .5rem;
    border-radius: .62rem;
    box-shadow: none;
}

#kt_app_sidebar .rs-sidebar-last-data > i {
    flex: 0 0 1.35rem;
}

#kt_app_sidebar .rs-sidebar-last-data .rs-page-context__last-data-copy {
    align-items: center;
    flex-direction: row;
    gap: .42rem;
    min-width: 0;
}

#kt_app_sidebar .rs-sidebar-last-data .rs-page-context__last-data-copy strong {
    margin-top: 0;
    overflow: hidden;
    max-width: 5.6rem;
    text-overflow: ellipsis;
}

#kt_app_sidebar .app-sidebar-footer .rs-sidebar-data-row {
    padding: 0 0 .48rem;
}

#kt_app_sidebar .app-sidebar-footer .rs-sidebar-last-data {
    min-height: auto;
    padding: 0 .15rem;
    border: 0;
    border-radius: 0;
    background: transparent;
}

#kt_app_sidebar .app-sidebar-footer .rs-sidebar-last-data > i {
    width: 1rem;
    height: 1rem;
    flex-basis: 1rem;
    border-radius: 0;
    background: transparent;
    color: #718097;
}

#kt_app_sidebar .app-sidebar-footer .rs-sidebar-last-data .rs-page-context__last-data-copy {
    gap: .35rem;
    line-height: 1.2;
}

#kt_app_sidebar .app-sidebar-footer .rs-sidebar-last-data .rs-page-context__last-data-copy small,
#kt_app_sidebar .app-sidebar-footer .rs-sidebar-last-data .rs-page-context__last-data-copy strong {
    max-width: none;
    margin: 0;
    color: #718097;
    font-family: inherit;
    font-size: .56rem;
    font-style: normal;
    font-weight: 750;
    letter-spacing: 0;
    line-height: 1.2;
    text-transform: none;
}

body[data-kt-app-sidebar-minimize="on"] #kt_app_sidebar .rs-sidebar-data-row {
    display: none;
}

#kt_header_user_menu_toggle > .menu-sub-dropdown.w-300px .rs-user-menu__identity {
    flex: 1 1 auto;
    min-width: 0;
    max-width: calc(100% - 3.2rem);
}

#kt_header_user_menu_toggle > .menu-sub-dropdown.w-300px .rs-user-menu__email {
    display: block;
    overflow: hidden;
    max-width: 100%;
    font-size: .68rem !important;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rs-app-navbar {
    display: flex;
    align-items: center;
    gap: .55rem;
    flex: 0 0 auto;
}

.rs-app-navbar .app-navbar-item {
    margin: 0;
}

#kt_header_user_menu_toggle {
    position: relative;
}

#kt_header_user_menu_toggle > .menu-sub-dropdown {
    position: absolute !important;
    top: calc(100% + .2rem) !important;
    right: 0 !important;
    left: auto !important;
    margin: 0 !important;
}

.rs-header-action,
.rs-credit-balance,
.rs-user-trigger {
    display: inline-flex;
    align-items: center;
    gap: .65rem;
    min-height: 2.8rem;
    padding: .4rem .68rem;
    border: 1px solid var(--rs-border);
    border-radius: .86rem;
    background: var(--rs-surface);
    color: var(--rs-text);
    text-decoration: none;
    box-shadow: 0 2px 8px rgba(15, 23, 42, .025);
    transition: border-color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s var(--rs-ease);
}

.rs-header-action:hover,
.rs-credit-balance:hover,
.rs-user-trigger:hover {
    border-color: rgba(63, 109, 246, .3);
    background: var(--rs-primary-soft);
    color: var(--rs-text);
    box-shadow: 0 8px 20px rgba(63, 109, 246, .09);
    transform: translateY(-1px);
}

.rs-header-action__icon,
.rs-credit-balance__mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: .65rem;
    background: var(--rs-primary-soft);
    color: var(--rs-primary);
}

.rs-header-action__copy,
.rs-credit-balance__copy,
.rs-user-trigger__copy {
    display: flex;
    flex-direction: column;
    min-width: 0;
    line-height: 1.1;
}

.rs-header-action__copy small,
.rs-credit-balance__copy small,
.rs-user-trigger__copy small {
    margin-bottom: .2rem;
    color: var(--rs-text-muted);
    font-size: .63rem;
    font-weight: 650;
}

.rs-header-action__copy strong,
.rs-credit-balance__copy strong,
.rs-user-trigger__copy strong {
    overflow: hidden;
    color: var(--rs-text);
    font-size: .75rem;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rs-credit-balance {
    border-color: rgba(63, 109, 246, .18);
    background: linear-gradient(135deg, #f8faff, #edf3ff);
}

.rs-credit-balance__mark {
    color: #fff;
    background: linear-gradient(135deg, var(--rs-primary), var(--rs-cyan));
    box-shadow: 0 6px 14px rgba(63, 109, 246, .2);
}

.rs-header-icon-button {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.8rem;
    height: 2.8rem;
    padding: 0;
    border: 1px solid var(--rs-border);
    border-radius: .86rem;
    background: var(--rs-surface);
    color: var(--rs-text-muted);
    transition: border-color .18s ease, background .18s ease, color .18s ease;
}

.rs-header-icon-button:hover {
    border-color: rgba(63, 109, 246, .3);
    background: var(--rs-primary-soft);
    color: var(--rs-primary);
}

.rs-notification-button__dot {
    position: absolute;
    top: .54rem;
    right: .54rem;
    width: .44rem;
    height: .44rem;
    border: 2px solid var(--rs-surface);
    border-radius: 50%;
    background: var(--rs-danger);
    box-sizing: content-box;
}

.rs-user-trigger {
    min-width: 9.25rem;
    cursor: pointer;
}

.rs-user-trigger__avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    width: 2rem;
    height: 2rem;
    flex: 0 0 2rem;
    border-radius: .68rem;
    background: linear-gradient(135deg, #dbe7ff, #c8dcff);
    color: #315bd3;
    font-size: .8rem;
    font-weight: 850;
}

.rs-user-trigger__avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.rs-user-trigger__copy {
    flex: 1;
    text-align: left;
}

.rs-user-trigger__chevron {
    color: var(--rs-text-muted);
}

/* Sidebar */
#kt_app_sidebar.app-sidebar {
    background: linear-gradient(180deg, var(--rs-sidebar-bg), var(--rs-sidebar-bg-end));
    border-right: 1px solid var(--rs-sidebar-line);
    box-shadow: 6px 0 24px rgba(15, 23, 42, .035);
}

#kt_app_sidebar .app-sidebar-logo {
    border-bottom: 1px solid var(--rs-sidebar-line);
}

#kt_app_sidebar .rs-sidebar-brand-link {
    display: flex;
    width: 100%;
    min-width: 0;
    align-items: center;
}

#kt_app_sidebar .rs-sidebar-brand-image {
    display: block;
    width: 100%;
    max-width: none;
    height: auto;
    object-fit: contain;
    object-position: left center;
}

#kt_app_sidebar .app-sidebar-logo-minimize {
    display: none;
    width: 2rem;
    height: 2rem;
    object-fit: contain;
}

@media (min-width: 992px) {
    body[data-kt-app-sidebar-minimize="on"]:not([data-kt-app-sidebar-hoverable="true"]) #kt_app_sidebar .app-sidebar-logo-default,
    body[data-kt-app-sidebar-minimize="on"][data-kt-app-sidebar-hoverable="true"] #kt_app_sidebar:not(:hover) .app-sidebar-logo-default {
        display: none !important;
    }

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

    body[data-kt-app-sidebar-minimize="on"]:not([data-kt-app-sidebar-hoverable="true"]) #kt_app_sidebar .rs-sidebar-brand-link,
    body[data-kt-app-sidebar-minimize="on"][data-kt-app-sidebar-hoverable="true"] #kt_app_sidebar:not(:hover) .rs-sidebar-brand-link {
        justify-content: center;
    }

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

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

#kt_app_sidebar .app-sidebar-menu .menu {
    gap: .1rem;
}

#kt_app_sidebar_menu > .menu-item:first-child {
    margin-top: .65rem;
    padding-top: .55rem;
    border-top: 1px solid rgba(207, 216, 231, .72);
}

#kt_app_sidebar_menu > .menu-item:first-child > .menu-link:not(.active):hover {
    border-color: #dce5ff;
    background: linear-gradient(135deg, #edf2ff, #f7f9ff);
}

#kt_app_sidebar .app-sidebar-menu .menu .menu-link {
    min-height: 2.7rem;
    margin: .08rem .68rem;
    padding: .65rem .78rem;
    border: 1px solid transparent;
    border-radius: .78rem;
    color: var(--rs-sidebar-text);
    font-size: .9rem;
    font-weight: 520;
}

#kt_app_sidebar .app-sidebar-menu .menu .menu-link:hover,
#kt_app_sidebar .app-sidebar-menu .menu .menu-link:focus-visible {
    border-color: #e9edf3;
    background: #f6f8fb;
    color: #111827;
}

#kt_app_sidebar .app-sidebar-menu .menu .menu-link.active,
#kt_app_sidebar .app-sidebar-menu .menu .menu-item.here > .menu-link,
#kt_app_sidebar .app-sidebar-menu .menu .menu-item.show > .menu-link {
    border-color: #dce5ff;
    background: linear-gradient(135deg, #f0f4ff, #f6f9ff);
    color: #315bd3;
    box-shadow: inset 3px 0 0 #4f7af3;
}

#kt_app_sidebar .app-sidebar-menu .menu .menu-icon {
    width: 1.8rem;
    min-width: 1.8rem;
    color: currentColor;
}

#kt_app_sidebar .app-sidebar-menu .menu .menu-icon i {
    color: #344054;
    font-size: 1.28rem;
}

#kt_app_sidebar .app-sidebar-menu .menu .menu-link:hover .menu-icon i,
#kt_app_sidebar .app-sidebar-menu .menu .menu-link.active .menu-icon i,
#kt_app_sidebar .app-sidebar-menu .menu .menu-item.here > .menu-link .menu-icon i {
    color: #315bd3;
}

#kt_app_sidebar .app-sidebar-menu .menu-sub .menu-link {
    min-height: 2.3rem;
    padding-top: .45rem;
    padding-bottom: .45rem;
    padding-left: 1.15rem;
    font-size: .76rem;
}

#kt_app_sidebar .app-sidebar-footer .btn {
    border-color: #e4eaf2;
    background: #f7f9fc;
    color: #475467;
    box-shadow: none;
}

.rs-sidebar-insights {
    overflow: hidden;
    padding: .8rem;
    border: 1px solid #dfe5ee;
    border-radius: .95rem;
    background: linear-gradient(145deg, #fff, #f5f8ff);
    box-shadow: 0 8px 22px rgba(23, 32, 51, .06);
}

.rs-sidebar-insights__head,
.rs-sidebar-insights__next {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .45rem;
}

.rs-sidebar-insights__head > span:first-child {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    color: #315bd3;
    font-size: .58rem;
    font-weight: 850;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.rs-sidebar-insights__dots { display: inline-flex; gap: .2rem; }
.rs-sidebar-insights__dots i { width: .28rem; height: .28rem; border-radius: 50%; background: #cfd7e5; }
.rs-sidebar-insights__dots i.is-active { width: .7rem; border-radius: 999px; background: #3f6df6; }
.rs-sidebar-insights__track { position: relative; min-height: 7.4rem; margin-top: .65rem; }
.rs-sidebar-insight { position: absolute; inset: 0; visibility: hidden; opacity: 0; transform: translateX(.55rem); transition: opacity .28s ease, transform .28s ease, visibility .28s; }
.rs-sidebar-insight.is-active { visibility: visible; opacity: 1; transform: translateX(0); }
.rs-sidebar-insight strong { display:block; color:#25324a; font-size:.67rem; line-height:1.35; }
.rs-sidebar-insight p { margin:.4rem 0 .45rem; color:#718097; font-size:.57rem; line-height:1.55; }
.rs-sidebar-insight > span { color:#98a2b3; font-size:.52rem; font-weight:750; text-transform:uppercase; }
.rs-sidebar-insights__next { width:100%; padding:.42rem .55rem; border:0; border-radius:.6rem; background:#edf2ff; color:#315bd3; font-size:.57rem; font-weight:800; }
.rs-sidebar-insights__next:hover { background:#dfe8ff; }
body[data-kt-app-sidebar-minimize="on"] .rs-sidebar-insights { display:none; }

#kt_app_sidebar_toggle {
    border: 1px solid var(--rs-border);
    background: var(--rs-surface);
    color: var(--rs-text-muted);
    box-shadow: 0 7px 20px rgba(15, 23, 42, .15);
}

/* Context toolbar */
.rs-context-toolbar {
    padding: .8rem 0 .25rem;
}

.rs-context-toolbar__surface {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 1rem;
    padding: .48rem;
    border: 1px solid #e3e9f2;
    border-radius: 1.1rem;
    background:
        radial-gradient(circle at 92% 0, rgba(76, 111, 255, .09), transparent 18rem),
        rgba(255, 255, 255, .88);
    box-shadow: 0 .45rem 1.4rem rgba(24, 39, 75, .065);
    backdrop-filter: blur(16px);
}

.rs-context-toolbar__intro {
    display: flex;
    align-items: center;
    gap: .7rem;
    min-width: 11rem;
    padding: .25rem .45rem;
}

.rs-context-toolbar__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    flex: 0 0 2.25rem;
    border-radius: .7rem;
    background: var(--rs-primary-soft);
    color: var(--rs-primary);
}

.rs-context-toolbar__copy,
.rs-sync-button__copy {
    display: flex;
    flex-direction: column;
    line-height: 1.12;
}

.rs-context-toolbar__copy small,
.rs-sync-button__copy small {
    margin-bottom: .2rem;
    color: var(--rs-text-muted);
    font-size: .63rem;
    font-weight: 650;
}

.rs-context-toolbar__copy strong,
.rs-sync-button__copy strong {
    color: var(--rs-text);
    font-size: .73rem;
    font-weight: 800;
}

.rs-context-controls {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .42rem;
    min-width: 0;
    padding: .28rem;
    border: 1px solid #e7ecf4;
    border-radius: 1rem;
    background: rgba(245, 248, 253, .86);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .88);
}

.rs-context-control {
    position: relative;
    display: flex;
    justify-content: center;
    min-height: 3.2rem;
    min-width: 0;
    padding: .32rem .42rem;
    border: 1px solid #e0e6ef;
    border-radius: .88rem;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 .2rem .65rem rgba(29, 43, 68, .045);
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.rs-context-control:hover,
.rs-context-control:focus-within {
    border-color: #cbd7ff;
    box-shadow: 0 .4rem 1rem rgba(61, 93, 190, .09);
    transform: translateY(-1px);
}

.rs-context-control--account {
    width: min(14.25rem, 24vw);
    padding: 0;
}

.rs-context-control--account > .menu-sub-dropdown {
    position: absolute !important;
    top: calc(100% + .18rem) !important;
    right: auto !important;
    left: 0 !important;
    margin: 0 !important;
}

.rs-context-control--date {
    width: 14.8rem;
    min-width: 14.8rem;
    flex: 0 0 14.8rem;
    cursor: pointer;
}

.rs-context-control__label {
    margin: 0 0 .17rem;
    color: #8692a6;
    font-size: .5rem;
    font-weight: 800;
    letter-spacing: .055em;
    line-height: 1;
    text-transform: uppercase;
}

.rs-context-control__button {
    display: flex;
    align-items: center;
    gap: .58rem;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 3.2rem;
    padding: .32rem .42rem;
    border: 0;
    background: transparent;
    color: var(--rs-text);
    text-align: left;
    cursor: pointer;
}

.rs-context-control__glyph,
.rs-context-control__arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--rs-primary);
}

.rs-context-control__glyph,
.rs-date-control__icon {
    width: 2.1rem;
    height: 2.1rem;
    flex: 0 0 2.1rem;
    border: 1px solid #dce5ff;
    border-radius: .68rem;
    background: linear-gradient(145deg, #f5f8ff, #eaf0ff);
    color: #4c6fff;
}

.rs-context-control__copy {
    display: flex;
    overflow: hidden;
    min-width: 0;
    flex: 1;
    flex-direction: column;
}

.rs-context-control__arrow {
    margin-left: auto;
    width: 1.45rem;
    height: 1.45rem;
    flex: 0 0 1.45rem;
    border-radius: .45rem;
    background: #f4f6fa;
    color: #8995a8;
    transition: background-color .18s ease, color .18s ease, transform .18s ease;
}

.rs-context-control__button:hover .rs-context-control__arrow,
.rs-context-control__button[aria-expanded="true"] .rs-context-control__arrow {
    background: #eaf0ff;
    color: #4c6fff;
}

.rs-context-control__button[aria-expanded="true"] .rs-context-control__arrow {
    transform: rotate(180deg);
}

.rs-context-control__value {
    overflow: hidden;
    color: #25324a;
    font-size: .68rem;
    font-weight: 850;
    line-height: 1.22;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rs-date-control {
    display: flex;
    align-items: center;
    gap: .58rem;
    width: 100%;
    height: 100%;
    min-width: 0;
}

.rs-date-control__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    cursor: pointer;
}

.rs-date-control #kt_user_daterangepicker {
    width: 100%;
    min-width: 0;
    min-height: 0;
    height: auto;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: #25324a;
    font-size: .66rem;
    font-weight: 850;
    line-height: 1.22;
    letter-spacing: -.015em;
    white-space: nowrap;
    cursor: pointer;
}

.rs-date-control #daterangepicker-icon {
    min-width: 2.1rem;
}

.rs-date-control__arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.45rem;
    height: 1.45rem;
    flex: 0 0 1.45rem;
    border-radius: .45rem;
    background: #f4f6fa;
    color: #8995a8;
    pointer-events: none;
}

.rs-sync-button {
    position: relative;
    display: inline-flex;
    overflow: hidden;
    align-items: center;
    gap: .6rem;
    min-width: 10.8rem;
    min-height: 3.2rem;
    padding: .42rem .68rem;
    border: 1px solid #5476f4;
    border-radius: .88rem;
    background:
        radial-gradient(circle at 85% 0, rgba(255, 255, 255, .24), transparent 5rem),
        linear-gradient(135deg, #4c6fff, #5a82ff);
    color: #fff;
    box-shadow: 0 .55rem 1.25rem rgba(63, 100, 226, .23), inset 0 1px 0 rgba(255, 255, 255, .2);
    cursor: pointer;
    transition: transform .18s var(--rs-ease), box-shadow .18s ease;
}

.rs-sync-button:hover {
    transform: translateY(-1px);
    box-shadow: 0 12px 26px rgba(63, 109, 246, .26);
}

.rs-sync-button__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.1rem;
    height: 2.1rem;
    flex: 0 0 2.1rem;
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: .68rem;
    background: rgba(255, 255, 255, .14);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16);
}

.rs-sync-button__copy small,
.rs-sync-button__copy strong {
    color: #fff;
    text-align: left;
}

.rs-sync-button__copy small {
    display: inline-flex;
    align-items: center;
    gap: .28rem;
    opacity: .78;
}

.rs-sync-button__copy small::before {
    width: .34rem;
    height: .34rem;
    border-radius: 50%;
    background: #a8f0cf;
    box-shadow: 0 0 0 .18rem rgba(168, 240, 207, .13);
    content: "";
}

.rs-account-menu {
    overflow: hidden;
    width: min(23rem, calc(100vw - 1.25rem));
    padding: 0;
    border: 1px solid #dfe6f1;
    border-radius: 1.15rem;
    background: rgba(255, 255, 255, .98);
    box-shadow: 0 1.2rem 3.4rem rgba(25, 39, 68, .18), 0 .3rem .9rem rgba(25, 39, 68, .07);
    backdrop-filter: blur(18px);
}

.rs-account-menu__head {
    display: flex;
    align-items: center;
    gap: .65rem;
    padding: .85rem .9rem .78rem;
    border-bottom: 1px solid #e8edf5;
    background:
        radial-gradient(circle at 100% 0, rgba(76, 111, 255, .12), transparent 10rem),
        linear-gradient(145deg, #fbfcff, #f5f8ff);
}

.rs-account-menu__head-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.35rem;
    height: 2.35rem;
    flex: 0 0 2.35rem;
    border: 1px solid #d9e3ff;
    border-radius: .75rem;
    background: linear-gradient(145deg, #fff, #eaf0ff);
    color: #4c6fff;
    box-shadow: 0 .35rem .9rem rgba(76, 111, 255, .1);
}

.rs-account-menu__head-copy {
    display: flex;
    min-width: 0;
    flex: 1;
    flex-direction: column;
}

.rs-account-menu__head-copy small {
    margin-bottom: .16rem;
    color: #4c6fff;
    font-size: .48rem;
    font-weight: 850;
    letter-spacing: .075em;
    line-height: 1;
    text-transform: uppercase;
}

.rs-account-menu__head-copy strong {
    color: #25324a;
    font-size: .78rem;
    font-weight: 850;
}

.rs-account-menu__count {
    display: inline-flex;
    align-items: baseline;
    gap: .25rem;
    padding: .38rem .5rem;
    border: 1px solid #dce5ff;
    border-radius: .58rem;
    background: rgba(255, 255, 255, .78);
    color: #66758d;
}

.rs-account-menu__count b {
    color: #3458cc;
    font-size: .63rem;
    font-weight: 900;
}

.rs-account-menu__count small {
    color: #8b97aa;
    font-size: .48rem;
    font-weight: 750;
}

.rs-account-menu__search {
    display: flex;
    align-items: center;
    gap: .5rem;
    min-height: 2.55rem;
    padding: 0 .72rem;
    border: 1px solid #dfe6f0;
    border-radius: .78rem;
    color: #8a97aa;
    background: #f6f8fc;
    transition: border-color .18s ease, background-color .18s ease, box-shadow .18s ease;
}

.rs-account-menu__search:focus-within {
    border-color: #bfcfff !important;
    background: #fff;
    box-shadow: 0 0 0 .2rem rgba(76, 111, 255, .1) !important;
}

.rs-account-menu__search .form-control {
    min-height: 2.3rem;
    padding-left: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    color: #344054;
    font-size: .64rem;
    font-weight: 700;
}

.rs-account-menu__search .form-control::placeholder {
    color: #9aa5b5;
}

.rs-account-menu__list {
    margin-top: .38rem !important;
    padding: .12rem 0 .28rem;
    scrollbar-color: #cbd5e5 transparent;
    scrollbar-width: thin;
}

.rs-account-menu__list::-webkit-scrollbar {
    width: .35rem;
}

.rs-account-menu__list::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: #cbd5e5;
}

.rs-account-menu__item {
    display: flex;
    align-items: center;
    gap: .62rem;
    min-height: 3.1rem;
    margin-bottom: .2rem;
    padding: .48rem .55rem !important;
    border: 1px solid transparent;
    border-radius: .78rem;
    background: transparent;
    color: #344054;
    transition: border-color .16s ease, background-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.rs-account-menu__item:hover {
    border-color: #e1e7f0;
    background: #f7f9fc !important;
    color: #27354c;
    transform: translateX(2px);
}

.rs-account-menu__item.active {
    border-color: #cad7ff;
    background: linear-gradient(135deg, #f4f7ff, #edf2ff) !important;
    color: #315bd3;
    box-shadow: 0 .35rem .8rem rgba(76, 111, 255, .08);
}

.rs-account-menu__avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    flex: 0 0 2rem;
    border: 1px solid #e1e7f0;
    border-radius: .64rem;
    background: linear-gradient(145deg, #f8fafc, #edf1f7);
    color: #758299;
    font-size: .62rem;
    font-weight: 900;
}

.rs-account-menu__item.active .rs-account-menu__avatar {
    border-color: #bfcfff;
    background: linear-gradient(145deg, #6381ff, #4667ed);
    color: #fff;
    box-shadow: 0 .3rem .7rem rgba(76, 111, 255, .2);
}

.rs-account-menu__item-copy {
    display: flex;
    overflow: hidden;
    min-width: 0;
    flex: 1;
    flex-direction: column;
}

.rs-account-menu__item-copy strong {
    overflow: hidden;
    color: #344054;
    font-size: .66rem;
    font-weight: 800;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rs-account-menu__item.active .rs-account-menu__item-copy strong {
    color: #315bd3;
}

.rs-account-menu__item-copy small {
    margin-top: .15rem;
    color: #98a2b3;
    font-size: .49rem;
    font-weight: 650;
}

.rs-account-menu__active {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: .2rem;
    padding: .24rem .4rem;
    border-radius: 999px;
    background: #e6f8f1;
    color: #14966a;
    font-size: .48rem;
    font-weight: 850;
}

.rs-account-menu__item-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    flex: 0 0 1.5rem;
    border-radius: .48rem;
    color: #a0aabc;
    transition: background-color .16s ease, color .16s ease;
}

.rs-account-menu__item:hover .rs-account-menu__item-arrow {
    background: #eaf0ff;
    color: #4c6fff;
}

.rs-account-menu__footer {
    border-top: 1px solid #e6ebf3;
    background: #fbfcfe;
}

.rs-account-menu__manage {
    display: flex;
    align-items: center;
    gap: .62rem;
    width: 100%;
    padding: .5rem .58rem;
    border: 1px solid #dce5ff;
    border-radius: .78rem;
    background: #f4f7ff;
    color: #315bd3;
    transition: border-color .16s ease, background-color .16s ease, box-shadow .16s ease;
}

.rs-account-menu__manage:hover {
    border-color: #bfcfff;
    background: #eaf0ff;
    color: #244fcf;
    box-shadow: 0 .35rem .8rem rgba(76, 111, 255, .1);
}

.rs-account-menu__manage-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    flex: 0 0 2rem;
    border-radius: .62rem;
    background: #fff;
    color: #4c6fff;
    box-shadow: 0 .2rem .55rem rgba(76, 111, 255, .1);
}

.rs-account-menu__manage > span:nth-child(2) {
    display: flex;
    min-width: 0;
    flex: 1;
    flex-direction: column;
}

.rs-account-menu__manage strong {
    font-size: .64rem;
    font-weight: 850;
}

.rs-account-menu__manage small {
    margin-top: .13rem;
    color: #8390a5;
    font-size: .48rem;
    font-weight: 650;
}

.rs-account-loading {
    position: fixed;
    z-index: 100000;
    inset: 0;
    background: rgba(15, 23, 42, .42);
    backdrop-filter: blur(8px);
}

.rs-account-loading__card {
    position: absolute;
    top: 50%;
    left: 50%;
    display: flex;
    align-items: center;
    gap: .9rem;
    min-width: 19rem;
    padding: 1rem 1.15rem;
    border: 1px solid var(--rs-border);
    border-radius: 1rem;
    background: var(--rs-surface);
    box-shadow: var(--rs-shadow);
    transform: translate(-50%, -50%);
}

.rs-account-loading__card > span:last-child {
    display: flex;
    flex-direction: column;
    color: var(--rs-text);
}

.rs-account-loading__card small {
    margin-top: .2rem;
    color: var(--rs-text-muted);
}

/* Shared content language */
.rs-page-hero {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    overflow: hidden;
    margin-bottom: 1rem;
    padding: 1.55rem 1.7rem;
    border: 1px solid var(--rs-border);
    border-radius: var(--rs-radius-lg);
    background:
        radial-gradient(circle at 4% 115%, rgba(63, 109, 246, .09), transparent 32%),
        linear-gradient(135deg, var(--rs-surface), color-mix(in srgb, var(--rs-surface) 90%, var(--rs-primary-soft)));
    box-shadow: var(--rs-shadow-sm);
}

.rs-page-hero::after {
    position: absolute;
    right: -3rem;
    bottom: -4.5rem;
    width: 12rem;
    height: 12rem;
    border: 1.65rem solid rgba(63, 109, 246, .04);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.rs-page-hero > * {
    position: relative;
    z-index: 1;
}

.rs-page-hero__eyebrow {
    display: flex;
    align-items: center;
    gap: .45rem;
    margin-bottom: .38rem;
    color: var(--rs-primary);
    font-size: .66rem;
    font-weight: 850;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.rs-page-hero__eyebrow::before {
    width: .42rem;
    height: .42rem;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--rs-primary), var(--rs-cyan));
    box-shadow: 0 0 0 .28rem rgba(63, 109, 246, .08);
    content: "";
}

.rs-page-hero h2 {
    margin: 0;
    color: var(--rs-text);
    font-size: clamp(1.55rem, 3vw, 2.15rem);
    font-weight: 780;
    letter-spacing: -.045em;
}

.rs-page-hero p {
    max-width: 45rem;
    margin: .45rem 0 0;
    color: var(--rs-text-muted);
    font-size: .86rem;
    line-height: 1.6;
}

.rs-page-hero__meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .5rem;
}

.rs-page-hero__meta span {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .5rem .65rem;
    border: 1px solid var(--rs-border);
    border-radius: .72rem;
    background: var(--rs-surface);
    color: var(--rs-text-muted);
    font-size: .68rem;
    font-weight: 750;
}

.rs-page-hero__meta i {
    color: var(--rs-primary);
}

.rs-table-search {
    display: flex;
    align-items: center;
    gap: .5rem;
    width: min(17rem, 30vw);
    margin-right: .55rem;
    padding: 0 .75rem;
    border: 1px solid var(--rs-border);
    border-radius: .78rem;
    background: var(--rs-surface-muted);
    color: var(--rs-text-muted);
}

.rs-table-search .form-control {
    min-height: 2.55rem;
    padding-left: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.rs-modal-eyebrow {
    display: block;
    margin-bottom: .2rem;
    color: var(--rs-primary);
    font-size: .62rem;
    font-weight: 850;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.rs-user-account-panel .card-body {
    padding-top: 1rem;
}

.card,
.rs-screen > .card,
.rs-grid-card,
.modal-content,
.drawer,
.dropdown-menu,
.menu-sub-dropdown {
    border-color: var(--rs-border);
    border-radius: var(--rs-radius-lg);
    background: var(--rs-surface);
    box-shadow: var(--rs-shadow-sm);
}

.card:hover {
    border-color: var(--rs-border-strong);
    box-shadow: 0 14px 38px rgba(15, 23, 42, .08);
}

.card .card-header,
.rs-screen .card-header {
    min-height: 4.4rem;
    border-bottom: 1px solid var(--rs-border);
    background: transparent;
}

.card .card-title,
.card .card-label,
.modal-title {
    color: var(--rs-text);
    font-weight: 750;
    letter-spacing: -.02em;
}

.btn-primary,
.btn.btn-primary {
    border-color: transparent;
    background: linear-gradient(135deg, var(--rs-primary), #4f83ff);
    box-shadow: 0 8px 20px rgba(63, 109, 246, .2);
}

.btn-light,
.btn-secondary,
.btn-light-primary,
.btn.btn-light,
.btn.btn-secondary,
.btn.btn-light-primary {
    border-color: var(--rs-border);
    background: var(--rs-surface);
    color: var(--rs-text);
    box-shadow: 0 2px 8px rgba(15, 23, 42, .025);
}

.form-control,
.form-select,
.select2-container--bootstrap5 .select2-selection,
.flatpickr-input {
    border-color: var(--rs-border);
    background-color: var(--rs-surface);
    color: var(--rs-text);
    box-shadow: none;
}

.form-control:focus,
.form-select:focus,
.select2-container--bootstrap5.select2-container--focus .select2-selection {
    border-color: rgba(63, 109, 246, .62);
    box-shadow: var(--rs-focus);
}

.table thead th,
.dataTable thead th,
.rs-grid-table thead th {
    border-bottom: 1px solid var(--rs-border);
    background: #f7f9fc;
    color: var(--rs-text-muted);
}

.table tbody tr:hover,
.dataTable tbody tr:hover,
.rs-grid-table tbody tr:hover {
    background: rgba(63, 109, 246, .045);
    box-shadow: inset 3px 0 0 rgba(63, 109, 246, .55);
}

.page-loader {
    background: rgba(246, 248, 252, .9);
    backdrop-filter: blur(14px);
}

/* Minimal pages */
.minimal-layout-brand--account-center {
    position: absolute;
    top: 1.25rem;
    left: max(1.25rem, calc((100vw - 1320px) / 2));
    padding: .65rem .85rem;
    border: 1px solid #e2e8f1;
    border-radius: .9rem;
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 8px 24px rgba(23, 32, 51, .07);
    backdrop-filter: blur(12px);
}

body.minimal-layout-brand-shell--account-center { padding-top: 0; }
body.minimal-layout-brand-shell--account-center > .minimal-layout-brand--account-center { display: none; }

.minimal-layout-brand--account-center .minimal-layout-brand-logo {
    width: 116px;
}

body.app-blank.minimal-layout-brand-shell {
    background:
        radial-gradient(circle at 10% 0, rgba(63, 109, 246, .13), transparent 28rem),
        radial-gradient(circle at 92% 12%, rgba(32, 184, 255, .08), transparent 24rem),
        var(--rs-bg);
}

.minimal-layout-brand {
    border-color: var(--rs-border);
    background: rgba(255, 255, 255, .86);
    box-shadow: var(--rs-shadow-sm);
    backdrop-filter: blur(14px);
}

@media (min-width: 992px) {
    #kt_app_header.rs-app-header,
    #kt_app_header_container,
    #kt_app_header_wrapper,
    #kt_app_sidebar_logo {
        min-height: 4.65rem;
        height: 4.65rem;
    }
}

@media (max-width: 1199.98px) {
    .rs-context-toolbar__intro,
    .rs-navbar-desktop-action {
        display: none;
    }

    .rs-context-toolbar__surface {
        justify-content: flex-end;
    }
}

@media (max-width: 991.98px) {
    #kt_app_header.rs-app-header {
        min-height: 4rem;
        height: 4rem;
    }

    .rs-app-header__container {
        min-height: 4rem;
    }

    .rs-page-context__section,
    .rs-page-context__live,
    .rs-page-context__last-data,
    .rs-credit-balance__copy small,
    .rs-user-trigger__copy,
    .rs-user-trigger__chevron {
        display: none;
    }

    .rs-page-context__title {
        max-width: 30vw;
        font-size: .95rem;
    }

    .rs-user-trigger {
        min-width: 0;
        padding: .38rem;
    }

    .rs-context-toolbar {
        padding-top: .65rem;
    }

    .rs-context-toolbar__surface {
        overflow-x: auto;
        justify-content: flex-start;
        scrollbar-width: none;
    }

    .rs-context-toolbar__surface::-webkit-scrollbar {
        display: none;
    }

    .rs-context-controls {
        flex: 0 0 auto;
    }

    .rs-context-control--account {
        width: 12rem;
    }
}

@media (max-width: 575.98px) {
    .rs-page-context {
        display: none;
    }

    .rs-app-header__wrapper {
        justify-content: flex-end;
    }

    .rs-credit-balance {
        min-width: 0;
        padding: .38rem;
    }

    .rs-credit-balance__copy {
        display: none;
    }

    .rs-context-toolbar__surface {
        margin-left: -.15rem;
        margin-right: -.15rem;
        padding: .5rem;
    }

    .rs-context-control--account {
        width: 10.5rem;
    }

    .rs-context-control--date {
        width: 12.2rem;
    }

    .rs-sync-button {
        min-width: 3.1rem;
        padding: .45rem;
    }

    .rs-sync-button__copy {
        display: none;
    }

    .rs-page-hero {
        align-items: flex-start;
        flex-direction: column;
        padding: 1.25rem;
    }

    .rs-page-hero__meta {
        justify-content: flex-start;
    }

    .rs-user-account-panel .card-header,
    .rs-user-account-panel .card-toolbar {
        align-items: stretch;
        flex-direction: column;
        width: 100%;
    }

    .rs-user-account-panel .card-toolbar {
        gap: .55rem;
        margin-bottom: .85rem;
    }

    .rs-table-search {
        width: 100%;
        margin-right: 0;
    }
}

/* Canonical application normalization. Loaded last on every page. */
:root {
    color-scheme: light;
}

html[data-bs-theme],
html[data-bs-theme-mode] {
    color-scheme: light;
}

body,
button,
input,
select,
textarea,
.app-default {
    font-family: "Inter", "Segoe UI", Arial, sans-serif;
}

h1,
h2,
h3,
.card-title,
.modal-title,
.rs-page-context__title,
.rs-page-hero h2,
.rs-ad-auto .rs-page-title,
.rs-ad-auto .rs-title,
.rs-ad-auto .rs-title-sm {
    font-family: "Inter", "Segoe UI", Arial, sans-serif;
}

body.app-default,
body.app-blank,
.app-page,
.app-wrapper,
.app-main,
.app-content,
.workspace-selection-page,
.setup-page,
.roasell-community-page,
.roasell-community-management-page,
.roasell-account-page,
.ai-creative-page,
.rs-subscription-page,
.system-statistics-page {
    color: var(--rs-text);
    background-color: var(--rs-bg);
}

body.app-default .text-white,
body.app-default .text-gray-900,
body.app-default .text-gray-800,
body.app-default .text-gray-700,
body.app-blank .text-white,
body.app-blank .text-gray-900,
body.app-blank .text-gray-800 {
    color: var(--rs-text);
}

body.app-default .text-gray-600,
body.app-default .text-gray-500,
body.app-default .text-gray-400,
body.app-default .text-muted,
body.app-blank .text-gray-600,
body.app-blank .text-gray-500,
body.app-blank .text-gray-400,
body.app-blank .text-muted {
    color: var(--rs-text-muted);
}

body.app-blank .rs-account-center .workspace-account-card .text-white,
body.app-blank .rs-account-center .workspace-account-card .fw-bold,
body.app-blank .rs-account-center .workspace-account-card .fw-bolder {
    color: var(--rs-text);
}

/* White navigation patterned after the supplied reference. */
#kt_app_sidebar .app-sidebar-logo-default {
    filter: none;
}

#kt_app_sidebar .app-sidebar-menu .menu .menu-item {
    margin: .08rem 0;
}

#kt_app_sidebar .app-sidebar-menu .menu .menu-link {
    min-height: 3rem;
    margin: 0 .55rem;
    padding: .58rem .7rem;
}

#kt_app_sidebar .app-sidebar-menu .menu .menu-title {
    letter-spacing: -.012em;
}

#kt_app_sidebar .app-sidebar-menu .menu .menu-badge .badge {
    display: inline-flex;
    align-items: center;
    min-height: 1.2rem;
    padding: .18rem .48rem !important;
    border: 1px solid #e8ebf5;
    border-radius: 999px;
    background: linear-gradient(135deg, #f7f9ff 0%, #faf8ff 100%);
    color: #8790bd;
    box-shadow: none;
    font-size: .55rem;
    font-weight: 850;
    letter-spacing: .055em;
    line-height: 1;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

#kt_app_sidebar .app-sidebar-menu .menu .menu-link:hover .menu-badge .badge,
#kt_app_sidebar .app-sidebar-menu .menu .menu-link.active .menu-badge .badge {
    border-color: #dfe4f2;
    background: #f5f7fc;
    color: #737ead;
    box-shadow: none;
    transform: none;
}

#kt_app_sidebar .app-sidebar-menu .menu .menu-arrow::after {
    width: .48rem;
    height: .48rem;
    border-right: 1.5px solid #344054;
    border-bottom: 1.5px solid #344054;
    background: transparent;
}

#kt_app_sidebar .app-sidebar-menu .menu-sub {
    margin: .2rem .4rem .45rem 1.3rem;
    padding-left: .25rem;
    border-left: 1px solid #e6eaf0;
}

#kt_app_sidebar .app-sidebar-menu .menu-sub .menu-link {
    min-height: 2.35rem;
    margin-left: .45rem;
    border-radius: .62rem;
    font-size: .8rem;
}

#kt_app_sidebar .app-sidebar-menu .menu-sub .menu-bullet {
    display: none;
}

#kt_app_sidebar .app-sidebar-menu .menu-link.disabled {
    color: #a8b0bf;
    background: transparent;
}

.rs-app-header__mobile-logo,
.rs-header-action,
.rs-credit-balance,
.rs-user-trigger,
.rs-header-icon-button,
.rs-context-toolbar__surface,
.rs-context-control {
    background-color: #fff;
}

.rs-context-toolbar__surface {
    border-radius: 1rem;
    box-shadow: 0 5px 18px rgba(15, 23, 42, .045);
}

/* Core surfaces */
body.app-default .card,
body.app-default .rs-card,
body.app-default .modal-content,
body.app-default .drawer,
body.app-default .dropdown-menu,
body.app-default .menu-sub-dropdown,
body.app-blank .card,
body.app-blank .modal-content {
    border: 1px solid var(--rs-border);
    border-radius: var(--rs-radius-lg);
    background: var(--rs-surface);
    color: var(--rs-text);
    box-shadow: var(--rs-shadow-sm);
}

body.app-default .card::before,
body.app-default .card::after {
    pointer-events: none;
}

body.app-default .card-header,
body.app-default .modal-header,
body.app-default .modal-footer {
    border-color: var(--rs-border);
    background: transparent;
}

body.app-default .card-body,
body.app-default .modal-body {
    color: var(--rs-text);
}

body.app-default .separator,
body.app-blank .separator {
    border-color: var(--rs-border);
}

/* Forms */
body .form-control,
body .form-select,
body .form-check-input,
body .input-group-text,
body .select2-container--bootstrap5 .select2-selection,
body .flatpickr-input,
body .community-category-select,
body .rs-native-select {
    min-height: 2.7rem;
    border: 1px solid var(--rs-border);
    border-radius: .78rem;
    background-color: #fff;
    color: var(--rs-text);
    box-shadow: none;
}

body textarea.form-control {
    min-height: 7rem;
}

body .form-control-solid,
body .form-select-solid,
body .form-control[readonly],
body .form-control:disabled,
body .form-select:disabled {
    background-color: #f7f9fc;
    color: #475467;
}

body .form-control::placeholder,
body .select2-search__field::placeholder {
    color: #98a2b3;
}

body .form-control:focus,
body .form-select:focus,
body .form-check-input:focus,
body .select2-container--bootstrap5.select2-container--focus .select2-selection,
body .flatpickr-input:focus {
    border-color: rgba(63, 109, 246, .58);
    background-color: #fff;
    color: var(--rs-text);
    box-shadow: var(--rs-focus);
}

body .form-label,
body .col-form-label,
body label {
    color: #475467;
    font-weight: 650;
}

body .input-group > :not(:first-child),
body .input-group > :not(:last-child) {
    border-color: var(--rs-border);
}

/* Buttons, badges, tabs */
body .btn {
    min-height: 2.55rem;
    border-radius: .76rem;
    font-weight: 700;
    box-shadow: none;
}

body .btn-primary,
body .btn.btn-primary {
    border-color: transparent;
    background: linear-gradient(135deg, var(--rs-primary), #4f83ff);
    color: #fff;
    box-shadow: 0 8px 20px rgba(63, 109, 246, .18);
}

body .btn-primary:hover,
body .btn.btn-primary:hover {
    background: linear-gradient(135deg, var(--rs-primary-hover), #3972f5);
    color: #fff;
    box-shadow: 0 10px 24px rgba(63, 109, 246, .23);
}

body .btn-light,
body .btn-secondary,
body .btn-light-primary,
body .btn-light-info,
body .btn.bg-body {
    border: 1px solid var(--rs-border);
    background: #fff;
    color: #475467;
}

body .btn-light:hover,
body .btn-secondary:hover,
body .btn-light-primary:hover,
body .btn-light-info:hover {
    border-color: #d8e1ef;
    background: #f6f8fc;
    color: #315bd3;
}

body .btn-success {
    border-color: transparent;
    background: #15966a;
    color: #fff;
}

body .btn-warning,
body .btn-light-warning {
    border-color: #f2d5a8;
    background: #fff7e8;
    color: #9a6410;
}

body .btn-danger,
body .btn-light-danger {
    border-color: #f3c9d1;
    background: #fff0f3;
    color: #c23f5a;
}

body .badge {
    border-radius: .48rem;
    font-weight: 700;
}

body .badge-light-primary,
body .badge-light-info {
    background: #edf2ff;
    color: #315bd3;
}

body .badge-light-success {
    background: #eaf8f1;
    color: #137a58;
}

body .badge-light-warning {
    background: #fff7e8;
    color: #9a6410;
}

body .badge-light-danger {
    background: #fff0f3;
    color: #c23f5a;
}

body .nav-tabs,
body .nav-line-tabs {
    border-color: var(--rs-border);
}

body .nav-link,
body .nav-pills .nav-link {
    color: #667085;
    font-weight: 650;
}

body .nav-link.active,
body .nav-pills .nav-link.active {
    background: #edf2ff;
    color: #315bd3;
}

/* Tables and grids */
body .table-responsive,
body .dataTables_scroll,
body .dt-scroll {
    border: 1px solid var(--rs-border);
    border-radius: 1rem;
    background: #fff;
}

body .table,
body .dataTable,
body .rs-grid-table {
    margin-bottom: 0;
    color: var(--rs-text);
    background: #fff;
}

body .table thead th,
body .dataTable thead th,
body .rs-grid-table thead th {
    padding-top: .9rem;
    padding-bottom: .9rem;
    border-color: var(--rs-border);
    background: #f7f9fc;
    color: #667085;
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .035em;
    text-transform: uppercase;
}

body .table tbody td,
body .dataTable tbody td,
body .rs-grid-table tbody td {
    padding-top: .85rem;
    padding-bottom: .85rem;
    border-color: #edf0f4;
    background: #fff;
    color: #344054;
    vertical-align: middle;
}

body .table-striped > tbody > tr:nth-of-type(odd) > * {
    background: #fbfcfe;
    box-shadow: none;
}

body .table tbody tr:hover td,
body .dataTable tbody tr:hover td,
body .rs-grid-table tbody tr:hover td {
    background: #f7f9ff;
}

body .dataTables_wrapper,
body .dt-container {
    color: #667085;
}

body .pagination .page-link,
body .dataTables_paginate .paginate_button,
body .dt-paging .dt-paging-button {
    border: 1px solid transparent;
    border-radius: .58rem;
    background: #fff;
    color: #667085;
}

body .pagination .active .page-link,
body .dataTables_paginate .paginate_button.current,
body .dt-paging .dt-paging-button.current {
    border-color: #dce5ff;
    background: #edf2ff;
    color: #315bd3;
}

body .dataTables_processing,
body .dt-processing {
    border: 1px solid var(--rs-border);
    border-radius: 1rem;
    background: rgba(255, 255, 255, .92);
    color: var(--rs-text);
    box-shadow: var(--rs-shadow);
    backdrop-filter: blur(10px);
}

/* Date pickers */
body .daterangepicker,
body .flatpickr-calendar,
body .datepicker,
body .tempus-dominus-widget {
    border: 1px solid var(--rs-border);
    border-radius: 1rem;
    background: #fff;
    color: var(--rs-text);
    box-shadow: var(--rs-shadow);
}

body .daterangepicker .calendar-table,
body .daterangepicker td.off,
body .daterangepicker td.off.in-range,
body .daterangepicker td.off.start-date,
body .daterangepicker td.off.end-date {
    border-color: transparent;
    background: #fff;
    color: #98a2b3;
}

body .daterangepicker td.available,
body .daterangepicker th.available,
body .flatpickr-day {
    border-radius: .55rem;
    color: #344054;
}

body .daterangepicker td.in-range,
body .flatpickr-day.inRange {
    background: #edf2ff;
    color: #315bd3;
}

body .daterangepicker td.active,
body .daterangepicker td.active:hover,
body .flatpickr-day.selected,
body .flatpickr-day.startRange,
body .flatpickr-day.endRange {
    border-color: var(--rs-primary);
    background: var(--rs-primary);
    color: #fff;
}

/* DIGIROTA light date-range picker */
body .daterangepicker {
    overflow: hidden;
    margin-top: .55rem;
    padding: 0;
    border-color: #dce4f0;
    border-radius: 1.15rem;
    font-family: inherit;
    box-shadow: 0 24px 64px rgba(23, 32, 51, .16);
}

body .daterangepicker::before {
    border-bottom-color: #dce4f0;
}

body .daterangepicker::after {
    border-bottom-color: #fff;
}

body .daterangepicker .ranges {
    width: 9.75rem;
    margin: 0;
    padding: .65rem .55rem;
    border-right: 1px solid #e5eaf2;
    background: linear-gradient(180deg, #f8faff, #f4f7fb);
}

body .daterangepicker .ranges ul {
    display: grid;
    gap: .12rem;
    width: 100%;
}

body .daterangepicker .ranges li {
    min-height: 2.1rem;
    margin: 0;
    padding: .48rem .62rem;
    border: 1px solid transparent;
    border-radius: .65rem;
    color: #667085;
    font-size: .68rem;
    font-weight: 700;
    line-height: 1.15;
    transition: color .16s ease, background-color .16s ease, border-color .16s ease, transform .16s ease;
}

body .daterangepicker .ranges li:hover {
    border-color: #dce5ff;
    background: #fff;
    color: #315bd3;
    transform: translateX(2px);
}

body .daterangepicker .ranges li.active {
    border-color: #3f6df6;
    background: linear-gradient(135deg, #4b78ff, #3f6df6);
    color: #fff;
    box-shadow: 0 8px 18px rgba(63, 109, 246, .22);
}

body .daterangepicker .drp-calendar {
    max-width: 19rem;
    padding: .68rem .72rem .6rem;
    background: #fff;
}

body .daterangepicker.show-ranges.ltr .drp-calendar.left {
    border-left: 0;
    padding-right: 1rem;
}

body .daterangepicker .drp-calendar.right {
    margin-left: .55rem;
    padding-left: 1rem;
    border-left: 1px solid #eef1f5;
}

body .daterangepicker .calendar-table {
    padding: 0;
    border: 0;
}

body .daterangepicker .calendar-table table {
    border-collapse: separate;
    border-spacing: .08rem .12rem;
}

body .daterangepicker .calendar-table th {
    height: 1.85rem;
    color: #667085;
    font-size: .64rem;
    font-weight: 760;
}

body .daterangepicker .calendar-table th.month {
    color: #263349;
    font-size: .75rem;
    font-weight: 850;
    letter-spacing: -.015em;
    padding-bottom: .18rem;
}

body .daterangepicker .calendar-table th.prev,
body .daterangepicker .calendar-table th.next {
    border-radius: .6rem;
    color: #718097;
    transition: background-color .16s ease, color .16s ease;
}

body .daterangepicker .calendar-table th.prev:hover,
body .daterangepicker .calendar-table th.next:hover {
    background: #edf2ff;
    color: #315bd3;
}

body .daterangepicker .calendar-table th.prev span,
body .daterangepicker .calendar-table th.next span {
    width: .55rem;
    height: .55rem;
    padding: 0;
    border-width: 0 1.5px 1.5px 0;
}

body .daterangepicker .calendar-table td {
    width: 1.9rem;
    min-width: 1.9rem;
    height: 1.9rem;
    padding: 0;
    border: 1px solid transparent;
    border-radius: .58rem;
    font-size: .68rem;
    font-weight: 650;
    line-height: 1;
    transition: background-color .14s ease, border-color .14s ease, color .14s ease, transform .14s ease;
}

body .daterangepicker td.available:hover {
    border-color: #dce5ff;
    background: #f3f6ff;
    color: #315bd3;
    transform: translateY(-1px);
}

body .daterangepicker td.off,
body .daterangepicker td.off.in-range {
    color: #b2bbca;
    opacity: .72;
}

body .daterangepicker td.in-range {
    border-color: #e0e8ff;
    border-radius: .45rem;
    background: #edf2ff;
    color: #315bd3;
}

body .daterangepicker td.active,
body .daterangepicker td.active:hover {
    border-color: #3f6df6;
    border-radius: .62rem;
    background: linear-gradient(135deg, #4b78ff, #3f6df6);
    color: #fff;
    box-shadow: 0 7px 16px rgba(63, 109, 246, .24);
    transform: none;
}

body .daterangepicker .drp-buttons {
    display: flex;
    align-items: center;
    gap: 0;
    clear: both;
    min-height: 3.8rem;
    padding: .68rem 1rem .72rem;
    border-top: 1px solid #e7ebf2;
    background: #fbfcfe;
}

body .daterangepicker .drp-selected {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    height: 2.35rem;
    margin-right: auto;
    padding: 0 .72rem;
    border: 1px solid #e2e8f2;
    border-radius: .58rem;
    background: #fff;
    color: #52627a;
    font-family: inherit;
    font-size: .68rem;
    font-weight: 750;
    line-height: 1;
    white-space: nowrap;
}

body .daterangepicker .drp-buttons .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    height: 2.35rem;
    min-height: 2.35rem;
    margin: 0;
    padding: 0 .82rem;
    border-radius: .68rem;
    font-family: inherit;
    font-size: .68rem;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
}

body .daterangepicker .drp-buttons .cancelBtn {
    margin-left: 1.15rem !important;
    margin-right: .85rem !important;
    border: 1px solid #e0e6ef !important;
    background: #fff !important;
    color: #59677c !important;
}

body .daterangepicker .drp-buttons .applyBtn {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

body .daterangepicker .drp-buttons .cancelBtn:hover {
    border-color: #cad4e2 !important;
    background: #f5f7fa !important;
}

body .daterangepicker .drp-buttons .applyBtn {
    border: 1px solid #3f6df6 !important;
    background: linear-gradient(135deg, #4b78ff, #3f6df6) !important;
    color: #fff !important;
    box-shadow: 0 8px 18px rgba(63, 109, 246, .22);
}

body .daterangepicker .drp-buttons .applyBtn:hover {
    background: linear-gradient(135deg, #416ff0, #345fdf) !important;
}

@media (max-width: 767.98px) {
    body .daterangepicker {
        width: calc(100vw - 1rem);
        max-height: calc(100vh - 1rem);
        overflow-y: auto;
    }

    body .daterangepicker .ranges {
        float: none;
        width: 100%;
        border-right: 0;
        border-bottom: 1px solid #e5eaf2;
    }

    body .daterangepicker .ranges ul {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body .daterangepicker .drp-calendar {
        float: none;
        width: 100%;
        max-width: none;
    }

    body .daterangepicker .drp-calendar.right {
        margin-left: 0;
        padding-left: .72rem;
        border-top: 1px solid #eef1f5;
        border-left: 0;
    }

    body .daterangepicker.show-ranges.ltr .drp-calendar.left {
        padding-right: .72rem;
    }

    body .daterangepicker .drp-buttons {
        flex-wrap: wrap;
    }

    body .daterangepicker .drp-selected {
        width: 100%;
        margin: 0;
        text-align: center;
    }

    body .daterangepicker .drp-buttons .cancelBtn {
        margin-top: .72rem !important;
        margin-left: auto !important;
        margin-right: .85rem !important;
    }

    body .daterangepicker .drp-buttons .applyBtn {
        margin-top: .72rem !important;
    }
}

/* Alerts, dropdowns and modals */
body .alert {
    border: 1px solid var(--rs-border);
    border-radius: .9rem;
    background: #fff;
    color: #475467;
}

body .alert-info,
body .notice.bg-light-info {
    border-color: #cdeaf7;
    background: #effaff;
    color: #176787;
}

body .alert-success,
body .notice.bg-light-success {
    border-color: #cbe9dc;
    background: #effaf5;
    color: #137a58;
}

body .alert-warning,
body .notice.bg-light-warning {
    border-color: #f0d9b7;
    background: #fff9ed;
    color: #8b5b12;
}

body .alert-danger,
body .notice.bg-light-danger {
    border-color: #f2ccd3;
    background: #fff3f5;
    color: #ad3450;
}

body .modal-backdrop {
    background: #344054;
    opacity: .28;
}

body .swal2-popup {
    border: 1px solid var(--rs-border);
    border-radius: 1.2rem;
    background: #fff;
    color: var(--rs-text);
    box-shadow: var(--rs-shadow);
}

/* Charts and metric cards */
body .apexcharts-canvas,
body .apexcharts-svg,
body canvas {
    color: #667085;
}

body .apexcharts-tooltip,
body .apexcharts-xaxistooltip {
    border: 1px solid var(--rs-border);
    border-radius: .7rem;
    background: #fff;
    color: var(--rs-text);
    box-shadow: var(--rs-shadow-sm);
}

body [class*="stat-card"],
body [class*="metric-card"],
body [class*="summary-card"] {
    border-color: var(--rs-border);
    background-color: #fff;
    color: var(--rs-text);
}

/* Page-specific token bridges */
.roasell-account-page {
    --account-surface: #fff;
    --account-surface-soft: #f7f9fc;
    --account-border: #e4eaf2;
    --account-text: #131722;
    --account-muted: #707b8f;
    --account-primary: #3f6df6;
}

.admin-users-page,
#userEditorModal {
    --users-surface: #fff;
    --users-surface-soft: #f7f9fc;
    --users-border: #e4eaf2;
    --users-text: #131722;
    --users-muted: #707b8f;
    --users-primary: #3f6df6;
}

.ai-creative-page {
    --ai-primary: #3f6df6;
    --ai-surface: #fff;
    --ai-surface-soft: #f7f9fc;
    --ai-border: #e4eaf2;
    --ai-text: #344054;
    --ai-text-soft: #707b8f;
    --ai-text-strong: #131722;
    --ai-brand-color: #3f6df6;
}

.roasell-community-page {
    --community-bg: #f6f8fc;
    --community-surface: #fff;
    --community-surface-soft: #f7f9fc;
    --community-border: #e4eaf2;
    --community-text: #131722;
    --community-muted: #707b8f;
    --community-primary: #3f6df6;
    --community-primary-soft: #edf2ff;
    --community-success: #15966a;
    --community-danger: #d94d68;
}

.roasell-account-page .card,
.admin-users-page .card,
.user-management-page .card,
.ai-creative-page .card,
.community-card,
.community-filter-toolbar,
.roasell-community-approval-card,
.ai-module-card,
.system-stat-card,
.subscription-admin-page .card {
    border: 1px solid var(--rs-border);
    background: #fff;
    color: var(--rs-text);
    box-shadow: var(--rs-shadow-sm);
}

.ai-creative-shell,
.ai-product-table-wrap,
.ai-history-table-wrap,
.ai-step-panel,
.ai-preview-panel,
.ai-settings-panel,
.ai-module-card,
.ai-module-card-header,
.system-stat-card {
    border-color: var(--rs-border);
    background: #fff;
    color: var(--rs-text);
}

.ai-history-open-btn,
.ai-step-back-btn,
.ai-manual-toggle-btn,
.ai-education-video-btn {
    border-color: #dce5ff;
    background: #edf2ff;
    color: #315bd3;
}

.ai-search-wrap .form-control {
    border-color: var(--rs-border);
    background: #fff;
    color: var(--rs-text);
}

.roasell-global-announcement-item {
    --announcement-text: #344054;
    --announcement-muted: #707b8f;
    --announcement-surface: #fff;
    background: linear-gradient(135deg, rgba(var(--announcement-accent-rgb), .08), #fff 45%);
    box-shadow: var(--rs-shadow-sm);
}

.rs-report-page {
    --rs-bg: #f6f8fc;
    --rs-panel: #fff;
    --rs-panel-strong: #f7f9fc;
    --rs-border: #e4eaf2;
    --rs-text: #131722;
    --rs-muted: #707b8f;
    background: #f6f8fc;
    color: #131722;
}

.rs-report-page .rs-report-shell,
.rs-report-page [class*="rs-report-card"],
.rs-report-page [class*="rs-kpi"],
.rs-report-page .rs-grid-panel,
.rs-report-page .rs-report-panel {
    border-color: #e4eaf2;
    background: #fff;
    color: #131722;
    box-shadow: var(--rs-shadow-sm);
}

.rs-subscription-page,
.rs-subscription-page::before {
    background: #f6f8fc;
    color: var(--rs-text);
}

.rs-plan-card {
    --plan-border: #e4eaf2;
    --plan-chip-bg: #edf2ff;
    --plan-chip-border: #dce5ff;
    --plan-chip-color: #315bd3;
    --plan-feature-icon: #3f6df6;
    border-color: var(--rs-border);
    background: #fff;
    color: var(--rs-text);
    box-shadow: var(--rs-shadow-sm);
}

.rs-plan-card::before {
    background: linear-gradient(180deg, rgba(63, 109, 246, .045), transparent 35%);
}

.subscription-admin-page .form-control[readonly],
.subscription-admin-page .form-control:disabled,
.subscription-admin-page .form-select:disabled {
    border-color: var(--rs-border);
    background: #f7f9fc;
    color: #667085;
}

/* Atlas AI follows the same light workspace language. */
body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] #aiCoachPanel,
body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] #aiCoachPanel .ai-coach-content,
body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] #aiCoachPanel .ai-coach-rail,
body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] #aiCoachPanel .ai-coach-tabs,
body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] #aiCoachPanel .ai-coach-empty,
body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] #aiCoachPanel .ai-coach-card,
body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] #aiCoachPanel .ai-coach-plan-filter,
body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] #aiCoachPanel .ai-coach-plan-item,
body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] #aiCoachPanel .ai-coach-range,
body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] #aiCoachPanel .ai-coach-filter-input {
    border-color: var(--rs-border);
    background: #fff;
    color: var(--rs-text);
}

body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] #aiCoachPanel {
    box-shadow: -12px 0 34px rgba(15, 23, 42, .08);
}

body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] #aiCoachPanel .ai-coach-header,
body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] #aiCoachPanel .ai-coach-footer,
body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] #aiCoachPanel .ai-coach-plan-section-header {
    border-color: var(--rs-border);
    background: #f8fafc;
    color: var(--rs-text);
}

body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] #aiCoachPanel .text-white,
body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] #aiCoachPanel .ai-coach-card-title,
body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] #aiCoachPanel .ai-coach-card-text,
body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] #aiCoachPanel .ai-coach-plan-item-text,
body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] #aiCoachPanel .ai-coach-plan-item-detail-title {
    color: var(--rs-text);
}

body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] #aiCoachPanel .ai-coach-rail-text,
body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] #aiCoachPanel .ai-coach-card-ad,
body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] #aiCoachPanel .ai-coach-plan-item-meta,
body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] #aiCoachPanel .ai-coach-plan-item-detail-text {
    color: var(--rs-text-muted);
}

body .swal2-popup.ai-coach-swal {
    border-color: var(--rs-border);
    background: #fff;
    color: var(--rs-text);
}

/* Account setup wizard */
.setup-page {
    min-height: calc(100svh - 5rem);
    padding-top: 2rem;
    padding-bottom: 3rem;
    background:
        radial-gradient(circle at 10% 0, rgba(63, 109, 246, .09), transparent 28rem),
        #f6f8fc;
}

.setup-page > .container > .card {
    overflow: visible;
    border: 1px solid var(--rs-border);
    border-radius: 1.5rem;
    background: #fff;
    box-shadow: 0 16px 46px rgba(15, 23, 42, .08);
}

.setup-page__hero {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    overflow: hidden;
    margin-bottom: 1.6rem;
    padding: 1.45rem 1.55rem;
    border: 1px solid var(--rs-border);
    border-radius: 1.15rem;
    background:
        radial-gradient(circle at 5% 120%, rgba(63, 109, 246, .1), transparent 36%),
        linear-gradient(135deg, #fff, #f8faff);
}

.setup-page__hero::after {
    position: absolute;
    right: -3rem;
    bottom: -4rem;
    width: 11rem;
    height: 11rem;
    border: 1.4rem solid rgba(63, 109, 246, .04);
    border-radius: 50%;
    content: "";
}

.setup-page__hero > * {
    position: relative;
    z-index: 1;
}

.setup-page__eyebrow {
    display: flex;
    align-items: center;
    gap: .4rem;
    margin-bottom: .4rem;
    color: var(--rs-primary);
    font-size: .64rem;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.setup-page__eyebrow::before {
    width: .4rem;
    height: .4rem;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--rs-primary), var(--rs-cyan));
    box-shadow: 0 0 0 .25rem rgba(63, 109, 246, .08);
    content: "";
}

.setup-page__hero h1 {
    margin: 0;
    color: var(--rs-text);
    font-family: "Inter", "Segoe UI", Arial, sans-serif;
    font-size: clamp(1.65rem, 3vw, 2.15rem);
    font-weight: 700;
    letter-spacing: -.045em;
}

.setup-page__hero p {
    max-width: 38rem;
    margin: .45rem 0 0;
    color: var(--rs-text-muted);
    font-size: .82rem;
    line-height: 1.55;
}

.setup-page__hero-actions {
    display: flex;
    align-items: center;
    gap: .65rem;
}

.setup-page__progress {
    display: flex;
    flex-direction: column;
    min-width: 5.6rem;
    padding: .55rem .7rem;
    border: 1px solid #dce5ff;
    border-radius: .75rem;
    background: #edf2ff;
}

.setup-page__progress small {
    margin-bottom: .16rem;
    color: #6378a9;
    font-size: .58rem;
    font-weight: 700;
    text-transform: uppercase;
}

.setup-page__progress strong {
    color: #315bd3;
    font-size: .78rem;
}

.setup-page__content {
    min-width: 0;
    padding: .35rem .2rem;
}

.setup-page .stepper-nav {
    position: sticky;
    top: 1.5rem;
    align-self: flex-start;
    gap: .45rem;
    padding: .7rem;
    border: 1px solid var(--rs-border);
    border-radius: 1.1rem;
    background: #f8fafc;
}

.setup-page .stepper-item {
    position: relative;
    padding: .65rem;
    border: 1px solid transparent;
    border-radius: .86rem;
}

.setup-page .stepper-item.current {
    border-color: #dce5ff;
    background: #edf2ff;
}

.setup-page .stepper-item.completed {
    background: #f0faf6;
}

.setup-page .stepper-icon {
    border: 1px solid #dfe5ee;
    background: #fff;
    color: #667085;
}

.setup-page .stepper-item.current .stepper-icon {
    border-color: var(--rs-primary);
    background: var(--rs-primary);
    color: #fff;
    box-shadow: 0 7px 16px rgba(63, 109, 246, .18);
}

.setup-page .stepper-item.completed .stepper-icon {
    border-color: #bce3d3;
    background: #eaf8f1;
    color: #15966a;
}

.setup-page .stepper-title {
    color: var(--rs-text);
    font-size: .86rem;
    font-weight: 750;
}

.setup-page .stepper-desc {
    color: var(--rs-text-muted);
    font-size: .7rem;
    line-height: 1.45;
}

.setup-page .platform-card {
    min-height: 14.5rem;
    border: 1px solid var(--rs-border);
    border-radius: 1.1rem;
    background: #fff;
    color: var(--rs-text);
    box-shadow: 0 5px 18px rgba(15, 23, 42, .045);
}

.setup-page .platform-action-card:hover,
.setup-page .platform-action-card:focus-visible {
    border-color: rgba(63, 109, 246, .45);
    background: #f8faff;
    box-shadow: 0 14px 32px rgba(63, 109, 246, .1);
}

.setup-page .platform-card.disabled {
    border-color: #e7ebf1;
    background: #f8fafc;
    color: #98a2b3;
}

.setup-page .shopify-install-note,
.setup-page .platform-card .text-white {
    color: #667085;
}

.setup-page .meta-box {
    border: 1px solid var(--rs-border);
    border-radius: 1rem;
    background: #f8fafc;
    color: var(--rs-text);
}

.setup-page [data-step-content] > .d-flex:first-child {
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--rs-border);
}

/* Footer */
.rs-app-footer {
    margin-top: 1.5rem;
    border-top: 1px solid var(--rs-border);
    background: rgba(255, 255, 255, .72);
}

.rs-app-footer__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 4.5rem;
    padding-top: .75rem;
    padding-bottom: .75rem;
}

.rs-app-footer__brand {
    display: flex;
    align-items: center;
    gap: .65rem;
}

.rs-app-footer__mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: .65rem;
    background: #edf2ff;
    color: #315bd3;
    font-weight: 850;
}

.rs-app-footer__mark img { display:block;width:22px;height:22px;object-fit:contain; }

/* Menü, logo ve operasyon kartı arasında kalan kullanılabilir yüksekliğe ortalanır. */
#kt_app_sidebar .app-sidebar-menu { display:flex;align-items:center;padding-block:18px; }
#kt_app_sidebar .app-sidebar-menu > div { width:100%; }

.rs-app-footer__brand > span:last-child {
    display: flex;
    flex-direction: column;
}

.rs-app-footer__brand strong {
    color: var(--rs-text);
    font-size: .75rem;
}

.rs-app-footer__brand small {
    margin-top: .1rem;
    color: var(--rs-text-muted);
    font-size: .62rem;
}

.rs-app-footer__links {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.rs-app-footer__links a {
    color: #667085;
    font-size: .7rem;
    font-weight: 650;
    text-decoration: none;
}

.rs-app-footer__links a:hover {
    color: #315bd3;
}

@media (max-width: 991.98px) {
    .setup-page__hero {
        align-items: flex-start;
        flex-direction: column;
    }

    .setup-page__hero-actions {
        width: 100%;
        flex-wrap: wrap;
    }

    .setup-page .stepper-nav {
        position: static;
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        width: 100%;
        overflow-x: auto;
    }

    .setup-page .stepper-wrapper {
        align-items: flex-start;
        flex-direction: column;
        gap: .45rem;
    }
}

@media (max-width: 575.98px) {
    .setup-page {
        padding-top: 1rem;
    }

    .setup-page > .container > .card > .card-body {
        padding: 1.15rem;
    }

    .setup-page .stepper-nav {
        grid-template-columns: repeat(4, 9.5rem);
    }

    .setup-page__hero {
        padding: 1.15rem;
    }

    .setup-page__hero-actions .btn {
        flex: 1 1 auto;
    }

    .rs-app-footer__inner {
        align-items: flex-start;
        flex-direction: column;
    }

    .rs-app-footer__links {
        flex-wrap: wrap;
    }
}

/* Final shell fixes: typography, readable navigation and deterministic layers. */
:root,
[data-bs-theme="light"] {
    --bs-body-font-family: "Inter", "Segoe UI", Arial, sans-serif;
    --bs-font-sans-serif: "Inter", "Segoe UI", Arial, sans-serif;
    --rs-layer-header: 2200;
    --rs-layer-sidebar: 2210;
    --rs-layer-dropdown: 2400;
    --rs-layer-picker: 2450;
    --rs-layer-modal: 2610;
    --rs-layer-loader: 140;
    --rs-font-page-title: 1.35rem;
    --rs-font-section-title: .92rem;
    --rs-font-card-title: .76rem;
    --rs-font-body: .68rem;
    --rs-font-caption: .58rem;
}

.rs-screen .rs-page-title,
.rs-screen h1 { font-size:var(--rs-font-page-title);line-height:1.25; }
.rs-screen .card-title,
.rs-screen .card-label,
.rs-screen h3 { font-size:var(--rs-font-section-title);line-height:1.3; }
.rs-screen .card h4,
.rs-screen .system-stat-label { font-size:var(--rs-font-card-title);line-height:1.35; }
.rs-screen .card p,
.rs-screen .text-muted.fs-7 { font-size:var(--rs-font-body)!important;line-height:1.55; }

.rs-screen:not([data-rs-action="Summary"]) .card,
.rs-screen:not([data-rs-action="Summary"]) .rs-card,
.rs-screen:not([data-rs-action="Summary"]) .system-stat-card {
    border: 1px solid #e2e8f1;
    border-radius: 8px;
    background: #fff;
    color: #172033;
    box-shadow: 0 8px 24px rgba(23, 32, 51, .055);
}

.rs-screen:not([data-rs-action="Summary"]) .card-header {
    border-color: #e2e8f1;
    background: #fff;
}

.rs-screen .card-title,
.rs-screen .card-label,
.rs-screen .card h1,
.rs-screen .card h2,
.rs-screen .card h3,
.rs-screen .card h4,
.rs-screen .card h5 {
    color: #172033;
}

.rs-screen .btn-light,
.rs-screen .btn-light-primary,
.rs-screen .btn-secondary {
    border-color:#d8e1ef;
    background:#fff;
    color:#315bd3;
}

.rs-screen .btn-light:hover,
.rs-screen .btn-light-primary:hover,
.rs-screen .btn-secondary:hover {
    border-color:#bfcfff;
    background:#edf2ff;
    color:#244fbd;
}

html,
body,
button,
input,
select,
textarea,
.btn,
.menu-title,
.dropdown-menu,
.select2-container,
.swal2-container,
.apexcharts-text,
.dataTables_wrapper,
.dt-container {
    font-family: "Inter", "Segoe UI", Arial, sans-serif;
}

/* Feedback dialogs must stay above every portaled Bootstrap modal layer. */
.swal2-container {
    z-index: 30000 !important;
}

#kt_app_header.rs-app-header {
    z-index: var(--rs-layer-header);
}

#kt_app_sidebar.app-sidebar {
    z-index: var(--rs-layer-sidebar);
}

#kt_app_sidebar_toggle {
    z-index: calc(var(--rs-layer-sidebar) + 1);
}

.rs-context-toolbar,
.rs-context-toolbar__surface,
.rs-context-controls,
.rs-context-control {
    overflow: visible;
}

.rs-context-toolbar {
    position: relative;
    z-index: 200;
}

body > .menu-sub-dropdown,
body > .dropdown-menu,
.menu-sub-dropdown.show,
.dropdown-menu.show,
.rs-account-menu,
.rs-dropdown {
    z-index: var(--rs-layer-dropdown) !important;
}

body > .menu-sub-dropdown {
    max-width: calc(100vw - 1rem);
}

body > .menu-sub-dropdown.w-300px,
#kt_header_user_menu_toggle > .menu-sub-dropdown {
    margin-top: .2rem !important;
}

.select2-container--open,
.select2-dropdown,
.daterangepicker,
.flatpickr-calendar,
.datepicker,
.tempus-dominus-widget {
    z-index: var(--rs-layer-picker) !important;
}

body .modal {
    z-index: var(--rs-layer-modal) !important;
}

body .modal-backdrop {
    z-index: calc(var(--rs-layer-modal) - 10) !important;
}

#kt_app_sidebar .app-sidebar-menu .menu .menu-link,
#kt_app_sidebar .app-sidebar-menu .menu .menu-link .menu-title {
    color: #344054 !important;
    font-size: .9rem !important;
    font-weight: 600 !important;
}

#kt_app_sidebar .app-sidebar-menu .menu-sub .menu-link,
#kt_app_sidebar .app-sidebar-menu .menu-sub .menu-link .menu-title {
    color: #64769b !important;
    font-size: .9rem !important;
    font-weight: 600 !important;
}

#kt_app_sidebar .app-sidebar-menu .menu .menu-link:hover,
#kt_app_sidebar .app-sidebar-menu .menu .menu-link:focus-visible,
#kt_app_sidebar .app-sidebar-menu .menu .menu-link:hover .menu-title,
#kt_app_sidebar .app-sidebar-menu .menu .menu-link:focus-visible .menu-title {
    color: #315bd3 !important;
}

#kt_app_sidebar .app-sidebar-menu .menu .menu-link.active,
#kt_app_sidebar .app-sidebar-menu .menu .menu-link.active .menu-title,
#kt_app_sidebar .app-sidebar-menu .menu .menu-item.here > .menu-link,
#kt_app_sidebar .app-sidebar-menu .menu .menu-item.here > .menu-link .menu-title,
#kt_app_sidebar .app-sidebar-menu .menu .menu-item.show > .menu-link,
#kt_app_sidebar .app-sidebar-menu .menu .menu-item.show > .menu-link .menu-title {
    color: #315bd3 !important;
}

#kt_app_sidebar .app-sidebar-menu .menu-sub .menu-link:hover,
#kt_app_sidebar .app-sidebar-menu .menu-sub .menu-link:focus-visible,
#kt_app_sidebar .app-sidebar-menu .menu-sub .menu-link:hover .menu-title,
#kt_app_sidebar .app-sidebar-menu .menu-sub .menu-link:focus-visible .menu-title,
#kt_app_sidebar .app-sidebar-menu .menu-sub .menu-link.active,
#kt_app_sidebar .app-sidebar-menu .menu-sub .menu-link.active .menu-title {
    color: #4769b2 !important;
}

body > .menu-sub-dropdown .menu-link,
body > .menu-sub-dropdown .menu-link span,
#kt_header_user_menu_toggle > .menu-sub-dropdown .menu-link,
#kt_header_user_menu_toggle > .menu-sub-dropdown .menu-link span {
    color: #344054;
}

body > .menu-sub-dropdown .menu-link:hover,
body > .menu-sub-dropdown .menu-link:hover span,
body > .menu-sub-dropdown .menu-link.active,
body > .menu-sub-dropdown .menu-link.active span,
#kt_header_user_menu_toggle > .menu-sub-dropdown .menu-link:hover,
#kt_header_user_menu_toggle > .menu-sub-dropdown .menu-link:hover span {
    color: #315bd3 !important;
}

/* Every module keeps the same sidebar selection language as Mağaza > Siparişler. */
html body.rs-modern-ready #kt_app_sidebar_menu .menu-item.here > .menu-link,
html body.rs-modern-ready #kt_app_sidebar_menu .menu-item.show > .menu-link {
    border-color: #dce5ff !important;
    background: #f3f6ff !important;
    color: #315bd3 !important;
}

html body.rs-modern-ready #kt_app_sidebar_menu .menu-sub .menu-link.active {
    border-color: #dce5ff !important;
    background: #edf2ff !important;
    color: #315bd3 !important;
    box-shadow: inset 3px 0 0 #3f6df6 !important;
}

html body.rs-modern-ready #kt_app_sidebar_menu .menu-sub .menu-link.active .menu-title {
    color: #315bd3 !important;
}

/* Atlas AI uses a light panel, so informational copy must remain dark. */
body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] #aiCoachPanel .text-white,
body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] #aiCoachPanel .ai-coach-rail-text,
body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] #aiCoachPanel .ai-coach-empty,
body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] #aiCoachPanel .ai-coach-warning-title,
body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] #aiCoachPanel .ai-coach-warning-text,
body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] #aiCoachPanel .ai-coach-card-title,
body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] #aiCoachPanel .ai-coach-card-text,
body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] #aiCoachPanel .ai-coach-plan-filter-title,
body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] #aiCoachPanel .ai-coach-plan-item-text,
body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] #aiCoachPanel .ai-coach-plan-item-detail-title {
    color: var(--rs-text) !important;
}

body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] #aiCoachPanel .ai-coach-card-ad,
body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] #aiCoachPanel .ai-coach-plan-empty,
body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] #aiCoachPanel .ai-coach-plan-item-meta,
body[data-rs-controller="Facebook"][data-rs-action="InsightsDashboard"] #aiCoachPanel .ai-coach-plan-item-detail-text {
    color: var(--rs-text-muted) !important;
}

/* Stable async UI: the shell stays painted; only the data surface gets a skeleton. */
.store-order-page > #loadingOverlay { display:none!important; }

#kt_app_content,
#kt_app_content_container {
    position: relative;
}

#kt_app_content_container {
    min-height: clamp(22rem, 62vh, 46rem);
    isolation: isolate;
}

.rs-content-preloader {
    position: fixed;
    z-index: 100000;
    inset: 0;
    display: none;
    place-items: center;
    width: 100vw;
    min-height: 100vh;
    padding: 1.25rem;
    overflow: hidden;
    background: rgba(246, 248, 252, .965);
    backdrop-filter: blur(10px);
}

.rs-content-preloader.is-visible {
    display: grid;
}

body.rs-page-update-pending {
    overflow: hidden !important;
}

.rs-content-preloader__card {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: min(23rem, calc(100vw - 2rem));
    padding: 1.6rem 1.4rem 1.35rem;
    border: 1px solid var(--rs-border);
    border-radius: 1.25rem;
    background: rgba(255, 255, 255, .98);
    color: var(--rs-text);
    box-shadow: 0 24px 70px rgba(15, 23, 42, .16);
    text-align: center;
}

.rs-content-preloader__logo {
    width: 3.4rem;
    height: 3.4rem;
    margin-bottom: .85rem;
    object-fit: contain;
    filter: drop-shadow(0 8px 16px rgba(63, 109, 246, .2));
    animation: rs-content-loader-pulse 1.45s ease-in-out infinite;
}

.rs-content-preloader__title {
    color: var(--rs-text);
    font-size: .92rem;
    font-weight: 800;
}

.rs-content-preloader__subtitle {
    margin-top: .3rem;
    color: var(--rs-text-muted);
    font-size: .72rem;
    line-height: 1.5;
}

.rs-content-preloader__progress {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    margin-top: .85rem;
    padding: .38rem .62rem;
    border: 1px solid #dce5ff;
    border-radius: 999px;
    background: var(--rs-primary-soft);
    color: #4769b2;
    font-size: .65rem;
    font-weight: 700;
}

.rs-content-preloader__progress > span[aria-hidden="true"] {
    width: .42rem;
    height: .42rem;
    border-radius: 50%;
    background: var(--rs-primary);
    box-shadow: 0 0 0 .22rem rgba(63, 109, 246, .12);
    animation: rs-content-loader-dot 1s ease-in-out infinite;
}

.rs-content-preloader__progress [data-integration-status] {
    display: inline;
    width: auto;
    height: auto;
    min-width: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    white-space: nowrap;
    animation: none;
}

/* Data refresh preloader: mirrors the AI Creative generation experience. */
.rs-data-preloader__card {
    width: min(29rem, calc(100vw - 2rem));
    max-width: 29rem;
    padding: 1.35rem;
    align-items: stretch;
    border-color: rgba(213, 222, 236, .92);
    border-radius: 1.35rem;
    box-shadow: 0 24px 70px rgba(28, 43, 72, .14);
}
.rs-data-preloader__card--game {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(17rem, .92fr);
    gap: 1rem;
    width: min(49rem, calc(100vw - 2rem));
    max-width: 49rem;
    max-height: calc(100vh - 2rem);
    overflow: auto;
}
.rs-data-preloader__loading {
    display: flex;
    min-width: 0;
    align-items: stretch;
    flex-direction: column;
    justify-content: center;
}
.rs-data-preloader__minesweeper {
    align-self: center;
    box-shadow: none;
}
.rs-data-preloader__brand {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: .2rem .45rem 0;
    text-align: center;
}
.rs-data-preloader__logo-shell {
    position: relative;
    display: grid;
    width: 4.65rem;
    height: 4.65rem;
    margin: 0 0 .75rem;
    place-items: center;
    box-sizing: border-box;
    border: 1px solid #d8e3fb;
    border-radius: 1.35rem;
    background: #fff;
    box-shadow: 0 10px 24px rgba(49, 91, 190, .13);
}
.rs-data-preloader__logo {
    position: relative;
    z-index: 2;
    width: 2.85rem;
    height: 2.85rem;
    margin: 0;
    filter: none;
    animation: none;
}
.rs-data-preloader__orbit {
    position: absolute;
    inset: -.36rem;
    z-index: 1;
    border: 2px solid transparent;
    border-top-color: #3f6df6;
    border-right-color: #73a1ff;
    border-radius: 1.68rem;
    animation: rs-chart-loader-spin 1s linear infinite;
}
.rs-data-preloader__eyebrow {
    margin: 0 0 .32rem;
    color: #4778f2;
    font-size: .64rem;
    font-weight: 850;
    letter-spacing: .12em;
}
.rs-data-preloader__title { font-size: 1.03rem; font-weight: 850; letter-spacing: -.02em; }
.rs-data-preloader__subtitle { max-width: 23rem; margin: .38rem auto 0; font-weight: 650; line-height: 1.55; }
.rs-data-preloader__status { margin: .75rem auto 0; color: #506078; font-weight: 750; }
.rs-data-preloader__track {
    display: block;
    width: 100%;
    height: .28rem;
    margin: .8rem 0 0;
    overflow: hidden;
    border-radius: 999px;
    background: #edf1f7;
}
.rs-data-preloader__track > span {
    display: block;
    width: 42%;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #75b8ff 0%, #4778f2 52%, #7c9cff 100%);
    animation: rs-data-preloader-track 1.7s ease-in-out infinite;
}
.rs-data-preloader__detail {
    display: grid;
    grid-template-columns: 2.65rem minmax(0, 1fr);
    gap: .85rem;
    width: 100%;
    margin: 1.05rem 0 0;
    padding: .9rem;
    border: 1px solid #dde6f3;
    border-radius: 1rem;
    background: linear-gradient(135deg, #f8faff 0%, #f3f6fc 100%);
    text-align: left;
}
.rs-data-preloader__detail-icon {
    display: grid;
    width: 2.65rem;
    height: 2.65rem;
    place-items: center;
    border: 1px solid #d7e3ff;
    border-radius: .82rem;
    background: #eaf0ff;
    color: #4778f2;
}
.rs-data-preloader__detail > span:last-child { display: grid; min-width: 0; gap: .25rem; }
.rs-data-preloader__detail small { color: #3e6fe9; font-size: .62rem; font-weight: 850; letter-spacing: .08em; }
.rs-data-preloader__detail strong { color: #273348; font-size: .76rem; font-weight: 800; line-height: 1.45; }
.rs-data-preloader__detail em { color: #96a1b3; font-size: .61rem; font-style: normal; font-weight: 650; line-height: 1.4; }
@keyframes rs-data-preloader-orbit { to { transform: rotate(360deg); } }
@keyframes rs-data-preloader-track { 0% { transform: translateX(-115%); } 50% { transform: translateX(85%); } 100% { transform: translateX(245%); } }
@media (max-width: 575.98px) {
    .rs-data-preloader__card { width: calc(100vw - 1.25rem); padding: 1.05rem; border-radius: 1.15rem; }
    .rs-data-preloader__detail { grid-template-columns: 2.35rem minmax(0, 1fr); gap: .7rem; padding: .78rem; }
    .rs-data-preloader__detail-icon { width: 2.35rem; height: 2.35rem; }
}
@media (prefers-reduced-motion: reduce) {
    .rs-data-preloader__orbit,
    .rs-data-preloader__track > span { animation: none; }
}

body .dataTables_wrapper,
body .dt-container,
body .rs-grid-card .card-body {
    position: relative;
}

body .dataTables_wrapper[data-rs-grid-state="pending"],
body .dt-container[data-rs-grid-state="pending"] {
    min-height: 18rem;
}

body .dataTables_wrapper[data-rs-grid-state="pending"] table tbody,
body .dt-container[data-rs-grid-state="pending"] table tbody {
    visibility: hidden;
}

body .dataTables_wrapper[data-rs-grid-state="pending"]::after,
body .dt-container[data-rs-grid-state="pending"]::after {
    position: absolute;
    z-index: 4;
    top: 4.4rem;
    right: .8rem;
    bottom: 3.6rem;
    left: .8rem;
    min-height: 10rem;
    border-radius: .75rem;
    background:
        linear-gradient(90deg, transparent, rgba(255,255,255,.72), transparent) 0 0 / 42% 100% no-repeat,
        repeating-linear-gradient(180deg, #eef2f7 0 12px, transparent 12px 48px),
        linear-gradient(#f8fafc, #f8fafc);
    content: "";
    animation: rs-skeleton-sweep 1.2s ease-in-out infinite;
    pointer-events: none;
}

body .rs-native-processing {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    white-space: nowrap !important;
}

.rs-async-pending [data-rs-skeleton],
.rs-async-pending .rs-summary-card__value > span:first-child,
.rs-async-pending .store-order-summary-card__value {
    min-width: 5.5rem;
    min-height: 1.35rem;
    border-radius: .45rem;
    background: linear-gradient(90deg, #edf1f6 20%, #f8fafc 50%, #edf1f6 80%) 0 0 / 220% 100%;
    color: transparent !important;
    animation: rs-skeleton-shimmer 1.25s ease-in-out infinite;
}

.rs-async-pending [data-rs-chart-state],
.rs-async-pending .rs-summary-card__chart,
.rs-async-pending .apex-spline-card .card-body {
    min-height: 8rem;
    border-radius: .65rem;
    background: linear-gradient(90deg, #f1f4f8 20%, #fbfcfd 50%, #f1f4f8 80%) 0 0 / 220% 100%;
    animation: rs-skeleton-shimmer 1.25s ease-in-out infinite;
}
.rs-async-pending .rs-summary-card__chart > *,
.rs-async-pending .apex-spline-card .card-body > * { visibility:hidden!important; }

.rs-panel-skeleton {
    display: grid;
    gap: .8rem;
    min-height: 20rem;
    padding: 1.25rem;
    border: 1px solid var(--rs-border);
    border-radius: 1rem;
    background: #fff;
}
.rs-panel-skeleton > span {
    display: block;
    min-height: 3rem;
    border-radius: .7rem;
    background: linear-gradient(90deg, #edf1f6 20%, #fafbfd 50%, #edf1f6 80%) 0 0 / 220% 100%;
    animation: rs-skeleton-shimmer 1.25s ease-in-out infinite;
}
[data-rs-loading]:not(.btn) { position:relative;overflow:hidden;min-height:8rem!important;color:transparent!important; }
[data-rs-loading]:not(.btn)::after { position:absolute;inset:.75rem;border-radius:.7rem;background:repeating-linear-gradient(180deg,#edf1f6 0 12px,transparent 12px 42px),linear-gradient(90deg,#f4f6f9 20%,#fbfcfd 50%,#f4f6f9 80%) 0 0/220% 100%;content:"";animation:rs-skeleton-shimmer 1.25s ease-in-out infinite; }
.rs-operation-status { display:grid;gap:.5rem;min-width:min(22rem,80vw);padding:.5rem;text-align:left; }
.rs-operation-status strong { color:var(--rs-text);font-size:.86rem; }
.rs-operation-status > span:not(.rs-operation-status__bar) { color:var(--rs-text-muted);font-size:.7rem; }
.rs-operation-status__bar { overflow:hidden;height:.3rem;border-radius:999px;background:#e7ecf4; }
.rs-operation-status__bar::after { display:block;width:38%;height:100%;border-radius:inherit;background:var(--rs-primary);content:"";animation:rs-operation-progress 1.1s ease-in-out infinite; }
.rs-inline-data-status { display:inline-flex;align-items:center;gap:.5rem;padding:.55rem .7rem;border:1px solid #dce5ff;border-radius:.7rem;background:#f7f9ff;color:#52627a;font-size:.66rem;font-weight:700; }
.rs-inline-data-status > span:first-child { width:.46rem;height:.46rem;border-radius:50%;background:var(--rs-primary);box-shadow:0 0 0 .22rem rgba(63,109,246,.12);animation:rs-content-loader-dot 1s ease-in-out infinite; }

.rs-context-toolbar { z-index: 300; }
.rs-context-control--account > .menu-sub-dropdown,
#kt_header_user_menu_toggle > .menu-sub-dropdown { z-index: 2500 !important; }
.rs-context-control--account > .menu-sub-dropdown { top:calc(100% - 1rem)!important;margin-top:0!important; }
#kt_header_user_menu_toggle > .menu-sub-dropdown { top:calc(100% - 1rem)!important;margin-top:0!important; }
body>.menu-sub-dropdown.w-300px, body>.rs-account-menu { margin-top:-2.25rem!important; }
.rs-account-menu__search:focus-within {
    border-color:#d5deee!important;
    background:#f3f6fb!important;
    box-shadow:inset 0 0 0 1px rgba(76,111,255,.04)!important;
    outline:0!important;
}
.rs-account-menu__search .form-control:focus {
    border-color:transparent!important;
    background:transparent!important;
    box-shadow:none!important;
    outline:0!important;
}
body .daterangepicker,
body .flatpickr-calendar,
body .datepicker { z-index: 2550 !important; }

@keyframes rs-content-loader-pulse {
    0%, 100% { transform: scale(1); opacity: .82; }
    50% { transform: scale(1.08); opacity: 1; }
}

@keyframes rs-content-loader-dot {
    0%, 100% { transform: scale(.8); opacity: .55; }
    50% { transform: scale(1); opacity: 1; }
}

@keyframes rs-skeleton-shimmer {
    from { background-position: 100% 0; }
    to { background-position: -100% 0; }
}

@keyframes rs-skeleton-sweep {
    0%, 100% { background-position: -70% 0, 0 0, 0 0; }
    50% { background-position: 160% 0, 0 0, 0 0; }
}
@keyframes rs-operation-progress { from { transform:translateX(-110%); } to { transform:translateX(290%); } }

@media (prefers-reduced-motion: reduce) {
    .rs-content-preloader__logo,
    .rs-content-preloader__progress > span[aria-hidden="true"],
    .rs-async-pending [data-rs-skeleton],
    .rs-async-pending .rs-summary-card__value > span:first-child,
    .rs-async-pending .store-order-summary-card__value,
    body .dataTables_wrapper[data-rs-grid-state="pending"]::after,
    body .dt-container[data-rs-grid-state="pending"]::after {
        animation: none;
    }
}

/* Module-level light guards loaded last so no legacy dark declaration can leak through. */
body[data-rs-controller="AICreative"] .ai-creative-page {
    --ai-ink: #172033;
    --ai-muted: #748199;
    --ai-muted-2: #52627a;
    --ai-panel: #fff;
    --ai-panel-2: #f7f9fc;
    --ai-panel-3: #edf2ff;
    --ai-stroke: #e2e8f1;
    --ai-stroke-strong: #d5deeb;
    --ai-card-shadow: 0 10px 32px rgba(23, 32, 51, .07);
    --ai-soft-shadow: 0 5px 18px rgba(23, 32, 51, .05);
    color: #344054;
}

body[data-rs-controller="AICreative"] .ai-creative-page > .ai-studio-card,
body[data-rs-controller="AICreative"] .ai-creative-shell,
body[data-rs-controller="AICreative"] .ai-scenario-main-card,
body[data-rs-controller="AICreative"] .ai-scenario-side-card,
body[data-rs-controller="AICreative"] .ai-scenario-side-block,
body[data-rs-controller="AICreative"] .ai-brand-color-panel,
body[data-rs-controller="AICreative"] .ai-language-panel,
body[data-rs-controller="AICreative"] .ai-scenario-option-card,
body[data-rs-controller="AICreative"] .ai-scenario-feature-shell,
body[data-rs-controller="AICreative"] .ai-scenario-count-panel,
body[data-rs-controller="AICreative"] .ai-generation-overlay-content,
body[data-rs-controller="AICreative"] .ai-generation-tip-card {
    border-color: #e2e8f1 !important;
    background: #fff !important;
    color: #344054 !important;
    box-shadow: var(--ai-soft-shadow) !important;
}

/* AI Kreatif ana kabuğu sayfa zemini oluşturmaz; yalnızca içerik kartları yüzey taşır. */
body[data-rs-controller="AICreative"] .ai-creative-shell {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body[data-rs-controller="AICreative"] #aiStep1 .ai-catalog-toolbar {
    padding: 1.35rem;
    border: 1px solid #dfe7f2;
    border-radius: 1.35rem;
    background: linear-gradient(145deg, #ffffff 0%, #fbfcff 100%);
    box-shadow: 0 10px 30px rgba(30, 45, 75, .055);
}

body[data-rs-controller="AICreative"] #aiStep1 .ai-catalog-toolbar__intro {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .9rem;
}

body[data-rs-controller="AICreative"] #aiStep1 .ai-catalog-toolbar__icon {
    display: grid;
    width: 2.8rem;
    height: 2.8rem;
    place-items: center;
    border-radius: .9rem;
    background: #edf2ff;
    color: #3f6df6;
}

body[data-rs-controller="AICreative"] #aiStep1 .ai-catalog-toolbar__eyebrow {
    display: block;
    margin-bottom: .18rem;
    color: #3f6df6;
    font-size: .61rem;
    font-weight: 850;
    letter-spacing: .1em;
    text-transform: uppercase;
}

body[data-rs-controller="AICreative"] #aiStep1 .ai-catalog-toolbar__copy h2 {
    margin: 0;
    color: #172033;
    font-size: 1rem;
    font-weight: 850;
    letter-spacing: -.025em;
}

body[data-rs-controller="AICreative"] #aiStep1 .ai-catalog-toolbar__copy p {
    margin: .25rem 0 0;
    color: #7b879c;
    font-size: .68rem;
    font-weight: 650;
    line-height: 1.5;
}

body[data-rs-controller="AICreative"] #aiStep1 .ai-catalog-toolbar__count {
    display: inline-flex;
    align-items: center;
    min-height: 2rem;
    padding: 0 .72rem;
    border: 1px solid #dce5ff;
    border-radius: 999px;
    background: #f3f6ff;
    color: #315bd3;
    font-size: .63rem;
    font-weight: 850;
    white-space: nowrap;
}

body[data-rs-controller="AICreative"] #aiStep1 .ai-catalog-toolbar .ai-search-wrap {
    width: 100% !important;
    max-width: none !important;
    min-height: 3.45rem !important;
    margin: 1rem 0 0 !important;
    padding: 0 1rem !important;
    border: 1px solid #dfe5ee !important;
    border-radius: 1rem !important;
    background: #f7f9fc !important;
    color: #7e8aa0 !important;
    box-shadow: none !important;
    transition: border-color .16s ease, background-color .16s ease, box-shadow .16s ease;
}

body[data-rs-controller="AICreative"] #aiStep1 .ai-catalog-toolbar .ai-search-wrap:focus-within {
    border-color: #9fb5f5 !important;
    background: #fff !important;
    box-shadow: 0 0 0 .22rem rgba(63, 109, 246, .09) !important;
}

body[data-rs-controller="AICreative"] #aiStep1 .ai-catalog-toolbar .ai-search-wrap input {
    font-size: .72rem !important;
    font-weight: 650 !important;
}

/* Eski derlenmiş görünüm kısa süreliğine açık kalsa da kaldırılan filtre gösterilmez. */
body[data-rs-controller="AICreative"] #aiStep1 [data-ai-product-filter] {
    display: none !important;
}

body[data-rs-controller="AICreative"] #aiStep1 .ai-product-toolbar {
    grid-template-columns: minmax(0, 1fr) !important;
}

@media (max-width: 575.98px) {
    body[data-rs-controller="AICreative"] #aiStep1 .ai-catalog-toolbar {
        padding: 1rem;
    }

    body[data-rs-controller="AICreative"] #aiStep1 .ai-catalog-toolbar__intro {
        grid-template-columns: auto minmax(0, 1fr);
    }

    body[data-rs-controller="AICreative"] #aiStep1 .ai-catalog-toolbar__count {
        grid-column: 1 / -1;
        justify-self: start;
        margin-left: 3.7rem;
    }
}

body[data-rs-controller="AICreative"] .ai-selected-product-info,
body[data-rs-controller="AICreative"] .ai-manual-upload-panel,
body[data-rs-controller="AICreative"] .ai-empty-state {
    border-color: #dce5ff !important;
    background: #f7f9fc !important;
    color: #52627a !important;
}

body[data-rs-controller="AICreative"] .ai-manual-upload-meta,
body[data-rs-controller="AICreative"] .ai-scenario-option-desc,
body[data-rs-controller="AICreative"] .ai-language-help,
body[data-rs-controller="AICreative"] .ai-brand-color-help {
    color: #748199 !important;
}

body[data-rs-controller="Community"] .community-category-select:hover,
body[data-rs-controller="Community"] .community-category-select:focus {
    border-color: #9fb5f5;
    color: #172033;
}

body[data-rs-controller="Community"] .community-category-select option,
body[data-rs-controller="Community"] .community-share-capture,
body[data-rs-controller="Community"] .community-badge-modal .modal-content {
    border-color: #e2e8f1;
    background: #fff;
    color: #172033;
}

/* Store/Order is the canonical grid language across every production table. */
body.rs-modern-ready .rs-screen .dt-container,
body.rs-modern-ready .rs-screen .dataTables_wrapper,
body.rs-modern-ready .rs-screen .rs-grid-card,
body.rs-modern-ready .rs-screen .card:has(table) { overflow:hidden!important;border:1px solid #e2e8f1!important;border-radius:8px!important;background:#fff!important;box-shadow:0 8px 24px rgba(23,32,51,.055)!important; }
body.rs-modern-ready .rs-screen .dt-container table,
body.rs-modern-ready .rs-screen .dataTables_wrapper table,
body.rs-modern-ready .rs-screen table.dataTable,
body.rs-modern-ready .rs-screen table.table { width:100%!important;margin:0!important;border-collapse:separate!important;border-spacing:0!important;color:#42516a!important; }
body.rs-modern-ready .rs-screen table.dataTable thead th,
body.rs-modern-ready .rs-screen table.table thead th { min-height:46px!important;padding:.82rem .75rem!important;border:0!important;border-bottom:1px solid #dfe5ee!important;background:#f6f8fb!important;color:#5f6d84!important;font-size:.62rem!important;font-weight:850!important;letter-spacing:.025em!important;text-transform:none!important;white-space:nowrap!important; }
body.rs-modern-ready .rs-screen table.dataTable tbody td,
body.rs-modern-ready .rs-screen table.table tbody td { min-height:48px!important;padding:.72rem .75rem!important;border:0!important;border-bottom:1px solid #edf0f5!important;background:#fff!important;color:#42516a!important;font-size:.68rem!important;vertical-align:middle!important; }
body.rs-modern-ready .rs-screen table.dataTable tbody tr:nth-child(odd) td,
body.rs-modern-ready .rs-screen table.table tbody tr:nth-child(odd) td { background:#fbfcfe!important; }
body.rs-modern-ready .rs-screen table.dataTable tbody tr:hover td,
body.rs-modern-ready .rs-screen table.table tbody tr:hover td { background:#f4f7ff!important; }
body.rs-modern-ready .rs-screen .dt-container>.row,
body.rs-modern-ready .rs-screen .dataTables_wrapper>.row,
body.rs-modern-ready .rs-screen .dt-layout-row { align-items:center!important;margin:0!important;padding:.62rem .75rem!important;border-top:1px solid #edf0f5!important;background:#fff!important; }
body.rs-modern-ready .rs-screen .dt-search input,
body.rs-modern-ready .rs-screen .dataTables_filter input { min-height:2.55rem!important;padding:.55rem .75rem!important;border:1px solid #dfe5ee!important;border-radius:.78rem!important;background:#f8fafc!important;box-shadow:none!important; }

/* Siparişler: dış bölüm tek grid yüzeyidir; DataTable'ın iç kabukları ikinci kart oluşturmaz. */
body.rs-modern-ready[data-rs-controller="Store"][data-rs-action="Order"] .store-order-grid-card {
    border: 1px solid #e2e8f1 !important;
    border-radius: 1.1rem !important;
    background: #fff !important;
    box-shadow: 0 6px 22px rgba(23,32,51,.05) !important;
}
body.rs-modern-ready[data-rs-controller="Store"][data-rs-action="Order"] .store-order-grid-card .dt-container,
body.rs-modern-ready[data-rs-controller="Store"][data-rs-action="Order"] .store-order-grid-card .dataTables_wrapper,
body.rs-modern-ready[data-rs-controller="Store"][data-rs-action="Order"] .store-order-grid-card .table-responsive,
body.rs-modern-ready[data-rs-controller="Store"][data-rs-action="Order"] .store-order-grid-card .rs-grid-shell,
body.rs-modern-ready[data-rs-controller="Store"][data-rs-action="Order"] .store-order-grid-card .dataTables_scroll,
body.rs-modern-ready[data-rs-controller="Store"][data-rs-action="Order"] .store-order-grid-card .dt-scroll {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
body.rs-modern-ready[data-rs-controller="Store"][data-rs-action="Order"] .store-order-grid-card .table-responsive,
body.rs-modern-ready[data-rs-controller="Store"][data-rs-action="Order"] .store-order-grid-card .rs-grid-shell,
body.rs-modern-ready[data-rs-controller="Store"][data-rs-action="Order"] .store-order-grid-card .dataTables_scroll,
body.rs-modern-ready[data-rs-controller="Store"][data-rs-action="Order"] .store-order-grid-card .dt-scroll {
    overflow-x: auto !important;
    overflow-y: hidden !important;
}
#kt_scrolltop.scrolltop { z-index:2700!important; }

.rs-sidebar-live-card { overflow:hidden;padding:.78rem;border:1px solid #dfe5ee;border-radius:.95rem;background:linear-gradient(145deg,#fff,#f4f7ff);box-shadow:0 8px 22px rgba(23,32,51,.06); }
.rs-sidebar-live-card>.rs-sidebar-live-card__last-data { width:100%;min-height:2rem;margin-top:.62rem;padding:.48rem .55rem;border:1px solid #e2e8f2;border-radius:.66rem;background:rgba(255,255,255,.78);box-shadow:none; }
.rs-sidebar-live-card>.rs-sidebar-live-card__last-data>i { width:1.15rem;height:1.15rem;flex-basis:1.15rem;border-radius:.35rem;background:#eef3ff;color:#5274c8; }
.rs-sidebar-live-card>.rs-sidebar-live-card__last-data .rs-page-context__last-data-copy { flex:1 1 auto;justify-content:space-between;gap:.4rem; }
.rs-sidebar-live-card>.rs-sidebar-live-card__last-data .rs-page-context__last-data-copy small,
.rs-sidebar-live-card>.rs-sidebar-live-card__last-data .rs-page-context__last-data-copy strong { max-width:none;color:#5d6c84;font-family:inherit;font-size:9px!important;font-style:normal;font-weight:750;letter-spacing:0;line-height:1.3;text-transform:none; }
.rs-sidebar-live-card>.rs-sidebar-live-card__last-data .rs-page-context__last-data-copy strong { color:#344054;text-align:right; }
.rs-sidebar-live-card__pulse { display:inline-flex!important;align-items:center;gap:.3rem;color:#168660!important;font-size:9px!important;font-weight:850!important;text-transform:uppercase; }
.rs-sidebar-live-card__pulse::before { width:.38rem;height:.38rem;border-radius:50%;background:#19ad7a;box-shadow:0 0 0 .2rem rgba(25,173,122,.12);content:""; }
.rs-sidebar-live-card__metrics { display:grid;gap:.48rem;margin-top:.7rem; }
.rs-sidebar-live-card__metrics>div { display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.48rem .52rem;border:1px solid #e6ebf3;border-radius:.64rem;background:rgba(255,255,255,.82); }
.rs-sidebar-live-card__metrics span { color:#586880;font-size:10px!important;font-weight:750;line-height:1.35; }
.rs-sidebar-live-card__metrics strong { color:#25324a;font-size:11px!important;font-weight:850;text-align:right; }
.rs-sidebar-live-card__metrics strong.is-autopilot-active { display:inline-flex;align-items:center;gap:.34rem;color:#24976c;font-size:10px!important;white-space:nowrap; }
.rs-sidebar-live-card__metrics strong.is-autopilot-active::before { width:.42rem;height:.42rem;border-radius:50%;background:#2fc98e;box-shadow:0 0 0 .2rem rgba(47,201,142,.12);content:""; }
.rs-sidebar-live-card__range { display:flex;align-items:center;gap:.38rem;margin-top:.55rem;color:#68778e;font-size:9px!important;font-weight:700;line-height:1.4;text-align:left;white-space:nowrap; }
.rs-sidebar-live-card__range::before { flex:0 0 auto;width:.38rem;height:.38rem;border-radius:50%;background:#19ad7a;box-shadow:0 0 0 .2rem rgba(25,173,122,.12);content:"";animation:rs-content-loader-dot 1s ease-in-out infinite; }
.rs-sidebar-live-card.is-unavailable .rs-sidebar-live-card__metrics strong { color:#98a2b3; }
body[data-kt-app-sidebar-minimize="on"]:not([data-kt-app-sidebar-hoverable="true"]) #kt_app_sidebar .rs-sidebar-live-card,
body[data-kt-app-sidebar-minimize="on"][data-kt-app-sidebar-hoverable="true"] #kt_app_sidebar:not(:hover) .rs-sidebar-live-card { display:none; }
body[data-kt-app-sidebar-minimize="on"][data-kt-app-sidebar-hoverable="true"] #kt_app_sidebar:hover .rs-sidebar-live-card { display:block; }

/* Every DataTable footer keeps length, count and pagination on one compact row. */
body.rs-modern-ready .rs-screen .dataTables_wrapper>.row:last-child,
body.rs-modern-ready .rs-screen .dt-container>.row:last-child,
body.rs-modern-ready .rs-screen .dt-layout-row:last-child{
    display:flex!important;align-items:center!important;justify-content:space-between!important;gap:.75rem!important;flex-wrap:nowrap!important;min-height:58px!important;
}
body.rs-modern-ready .rs-screen .dataTables_length,
body.rs-modern-ready .rs-screen .dt-length,
body.rs-modern-ready .rs-screen .dataTables_info,
body.rs-modern-ready .rs-screen .dt-info,
body.rs-modern-ready .rs-screen .dataTables_paginate,
body.rs-modern-ready .rs-screen .dt-paging{width:auto!important;margin:0!important;padding-top:0!important;white-space:nowrap!important;}
body.rs-modern-ready .rs-screen .dataTables_length label,
body.rs-modern-ready .rs-screen .dt-length label{display:inline-flex!important;align-items:center!important;gap:.55rem!important;margin:0!important;white-space:nowrap!important;}
body.rs-modern-ready .rs-screen .dataTables_length select,
body.rs-modern-ready .rs-screen .dt-length select{display:inline-block!important;width:72px!important;min-width:72px!important;margin:0!important;}
body.rs-modern-ready .rs-screen .dataTables_wrapper>.row:last-child>[class*="col-"],
body.rs-modern-ready .rs-screen .dt-container>.row:last-child>[class*="col-"],
body.rs-modern-ready .rs-screen .dt-layout-row:last-child>.dt-layout-cell{display:flex!important;width:auto!important;max-width:none!important;flex:0 0 auto!important;align-items:center!important;gap:1rem!important;white-space:nowrap!important;}
body.rs-modern-ready .rs-screen .dataTables_wrapper>.row:last-child>[class*="col-"]:first-child,
body.rs-modern-ready .rs-screen .dt-container>.row:last-child>[class*="col-"]:first-child,
body.rs-modern-ready .rs-screen .dt-layout-row:last-child>.dt-layout-cell:first-child{flex:1 1 auto!important;}
@media(max-width:767.98px){
    body.rs-modern-ready .rs-screen .dataTables_wrapper>.row:last-child,
    body.rs-modern-ready .rs-screen .dt-container>.row:last-child,
    body.rs-modern-ready .rs-screen .dt-layout-row:last-child{overflow-x:auto!important;justify-content:flex-start!important;}
}

/* Apex charts load inside their own canvas; the page shell always stays usable. */
.rs-chart-loading{position:relative!important;min-height:190px!important;overflow:hidden!important;isolation:isolate!important;}
.rs-chart-loading{position:relative!important;overflow:hidden!important;}
.rs-chart-loader{position:absolute!important;inset:0!important;z-index:8!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:.8rem!important;padding:.65rem!important;background:linear-gradient(135deg,rgba(248,250,253,.97),rgba(240,245,255,.96))!important;color:#25324a!important;}
.rs-chart-loader::before{position:absolute;inset:12px;border:1px solid #e2e8f2;border-radius:14px;content:"";}
.rs-chart-loader__mark{position:relative;display:grid;width:48px;height:48px;flex:0 0 48px;place-items:center;border:1px solid #d8e3fb;border-radius:15px;background:#fff;box-shadow:0 9px 24px rgba(49,91,190,.13);}
.rs-chart-loader__mark img{display:block;width:27px;height:27px;object-fit:contain;}
.rs-chart-loader__mark i{position:absolute;inset:-5px;border:2px solid transparent;border-top-color:#3f6df6;border-right-color:#73a1ff;border-radius:18px;animation:rs-chart-loader-spin 1s linear infinite;}
.rs-chart-loader__copy{position:relative;display:grid;gap:2px;text-align:left;}
.rs-chart-loader__copy strong{color:#315ed7;font-size:.72rem;font-weight:900;letter-spacing:.06em;}
.rs-chart-loader__copy small{color:#7c899e;font-size:.62rem;font-weight:700;}
.rs-chart-load-failed{position:relative!important;}
.rs-chart-load-failed::after{position:absolute;inset:0;display:grid;place-items:center;padding:.65rem;border:1px dashed #efc6ce;border-radius:.7rem;background:#fff8f9;color:#b33c52;content:"Grafik verisi alınamadı";font-size:.62rem;font-weight:750;text-align:center;}
@keyframes rs-chart-loader-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.rs-chart-loader__mark i{animation:none}}

/* Global typography trial: one-step, single-point scale that can be reverted as a block. */
html,
body {
    font-size: 13.5px !important;
}

@media (max-width: 991.98px) {
    html,
    body {
        font-size: 12.5px !important;
    }
}

/* Soft-light sidebar scrollbar */
#kt_app_sidebar_menu_scroll,
#kt_app_sidebar .scroll-y {
    scrollbar-color: #c5d1e2 #f5f7fb;
    scrollbar-width: thin;
}

#kt_app_sidebar_menu_scroll::-webkit-scrollbar,
#kt_app_sidebar .scroll-y::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}

#kt_app_sidebar_menu_scroll::-webkit-scrollbar-track,
#kt_app_sidebar .scroll-y::-webkit-scrollbar-track {
    border-radius: 999px;
    background: #f5f7fb;
}

#kt_app_sidebar_menu_scroll::-webkit-scrollbar-thumb,
#kt_app_sidebar .scroll-y::-webkit-scrollbar-thumb {
    min-height: 42px;
    border: 2px solid #f5f7fb;
    border-radius: 999px;
    background: #c5d1e2;
}

#kt_app_sidebar_menu_scroll::-webkit-scrollbar-thumb:hover,
#kt_app_sidebar .scroll-y::-webkit-scrollbar-thumb:hover {
    background: #aebed4;
}

#kt_app_sidebar_menu_scroll::-webkit-scrollbar-corner,
#kt_app_sidebar .scroll-y::-webkit-scrollbar-corner {
    background: transparent;
}

/* Keep navigation geometry stable while routes and active menu items change. */
html {
    scrollbar-gutter: stable;
}

#kt_app_sidebar_menu_scroll {
    min-width: 0;
    box-sizing: border-box;
    overflow-x: hidden !important;
    overflow-y: scroll !important;
    overscroll-behavior-inline: none;
    scrollbar-color: #c5d1e2 #f5f7fb !important;
    scrollbar-gutter: stable;
}

#kt_app_sidebar_menu_scroll::-webkit-scrollbar-thumb {
    background-color: #c5d1e2 !important;
}

#kt_app_sidebar_menu_scroll::-webkit-scrollbar-track {
    background-color: #f5f7fb !important;
}

#kt_app_sidebar_menu_scroll #kt_app_sidebar_menu,
#kt_app_sidebar_menu_scroll .menu-item,
#kt_app_sidebar_menu_scroll .menu-link {
    min-width: 0;
    box-sizing: border-box;
}

#kt_app_sidebar_menu_scroll #kt_app_sidebar_menu {
    width: 100%;
    overflow-x: clip;
}

#kt_app_sidebar_menu_scroll .menu-link {
    max-width: calc(100% - 1.1rem);
}

@media (min-width: 992px) {
    html {
        overflow-y: scroll;
    }

    html body[data-kt-app-page-loading="on"],
    html body.page-loading {
        overflow-y: scroll !important;
    }
}

/* Header account controls v3 */
.rs-app-navbar {
    gap: .48rem;
}

.rs-monthly-top-rank {
    display: inline-flex;
    align-items: center;
    gap: .58rem;
    min-height: 3rem;
    padding: .38rem .68rem .38rem .42rem;
    border: 1px solid #e7d9ad;
    border-radius: .9rem;
    background:
        radial-gradient(circle at 12% 15%, rgba(255, 255, 255, .92), transparent 34%),
        linear-gradient(135deg, #fffdf6 0%, #fff8df 54%, #f4f7ff 100%);
    color: #273348;
    box-shadow: 0 7px 20px rgba(177, 133, 28, .08);
}

.rs-monthly-top-rank__medal {
    position: relative;
    display: grid;
    width: 2.16rem;
    height: 2.16rem;
    flex: 0 0 2.16rem;
    place-items: center;
    border: 1px solid #eddb9c;
    border-radius: .72rem;
    background: linear-gradient(145deg, #fffdf4, #f8e9ad);
    color: #b58513;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .7);
}

.rs-monthly-top-rank__medal b {
    position: absolute;
    right: -.28rem;
    bottom: -.24rem;
    display: grid;
    min-width: 1.08rem;
    height: 1.08rem;
    padding: 0 .2rem;
    place-items: center;
    border: 2px solid #fff;
    border-radius: 999px;
    background: #4f73e8;
    color: #fff;
    font-size: .48rem;
    font-weight: 850;
    line-height: 1;
}

.rs-monthly-top-rank__copy {
    display: flex;
    min-width: 0;
    flex-direction: column;
    line-height: 1.08;
}

.rs-monthly-top-rank__copy small {
    margin-bottom: .2rem;
    color: #a17615;
    font-size: .54rem;
    font-weight: 850;
    letter-spacing: .075em;
    text-transform: uppercase;
}

.rs-monthly-top-rank__copy strong {
    overflow: hidden;
    max-width: 12rem;
    color: #3a4354;
    font-size: .66rem;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rs-app-navbar .rs-header-action,
.rs-app-navbar .rs-credit-balance,
.rs-app-navbar .rs-header-icon-button,
.rs-app-navbar .rs-user-trigger {
    min-height: 3rem;
    border-color: #dce4f1;
    border-radius: .9rem;
    background: #fff;
    box-shadow: 0 4px 14px rgba(29, 41, 61, .035);
}

.rs-app-navbar .rs-header-action,
.rs-app-navbar .rs-credit-balance,
.rs-app-navbar .rs-user-trigger {
    padding: .42rem .55rem;
}

.rs-app-navbar .rs-header-action:hover,
.rs-app-navbar .rs-credit-balance:hover,
.rs-app-navbar .rs-header-icon-button:hover,
.rs-app-navbar .rs-user-trigger:hover,
#kt_header_user_menu_toggle.show > .rs-user-trigger {
    border-color: #c7d5fb;
    background: #f8faff;
    box-shadow: 0 10px 24px rgba(63, 109, 246, .1);
    transform: translateY(-1px);
}

.rs-header-action--workspace {
    min-width: 10.7rem;
}

.rs-app-navbar .rs-header-action__icon,
.rs-app-navbar .rs-credit-balance__mark {
    width: 2.12rem;
    height: 2.12rem;
    flex: 0 0 2.12rem;
    border: 1px solid #d9e3ff;
    border-radius: .7rem;
    background: #eef3ff;
    color: #5277ed;
}

.rs-app-navbar .rs-header-action__copy small,
.rs-app-navbar .rs-credit-balance__copy small,
.rs-app-navbar .rs-user-trigger__copy small {
    margin-bottom: .18rem;
    color: #8793a7;
    font-size: .56rem;
    font-weight: 750;
    letter-spacing: .015em;
}

.rs-app-navbar .rs-header-action__copy strong,
.rs-app-navbar .rs-credit-balance__copy strong,
.rs-app-navbar .rs-user-trigger__copy strong {
    color: #273348;
    font-size: .68rem;
    font-weight: 850;
}

.rs-header-action__arrow {
    display: grid;
    width: 1.35rem;
    height: 1.35rem;
    margin-left: auto;
    place-items: center;
    border-radius: .42rem;
    color: #9ba7b9;
    transition: color .18s ease, transform .18s ease;
}

.rs-header-action:hover .rs-header-action__arrow {
    color: #5277ed;
    transform: translateX(2px);
}

.rs-app-navbar .rs-credit-balance {
    min-width: 10rem;
    border-color: #d6e1ff;
    background: linear-gradient(135deg, #f8faff 0%, #edf3ff 100%);
}

.rs-app-navbar .rs-credit-balance__mark {
    border-color: #d7e2ff;
    background: #eef3ff;
    color: #5277ed;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .68);
}

.rs-credit-balance__unit {
    align-self: flex-end;
    margin: 0 0 .08rem auto;
    padding: .2rem .34rem;
    border: 1px solid #d5e0ff;
    border-radius: .36rem;
    background: rgba(255, 255, 255, .68);
    color: #7183b7;
    font-size: .46rem;
    font-weight: 850;
    letter-spacing: .055em;
    text-transform: uppercase;
}

.rs-app-navbar .rs-header-icon-button {
    width: 3rem;
    height: 3rem;
    color: #75839a;
}

.rs-app-navbar .rs-user-trigger {
    min-width: 8.8rem;
    gap: .55rem;
}

.rs-app-navbar .rs-user-trigger__avatar {
    position: relative;
    overflow: visible;
    width: 2.12rem;
    height: 2.12rem;
    flex-basis: 2.12rem;
    border: 2px solid #fff;
    border-radius: .7rem;
    box-shadow: 0 0 0 1px #dce4f1;
}

.rs-app-navbar .rs-user-trigger__avatar > img {
    border-radius: calc(.7rem - 2px);
}

.rs-user-trigger__presence {
    position: absolute;
    right: -.18rem;
    bottom: -.16rem;
    width: .48rem;
    height: .48rem;
    border: 2px solid #fff;
    border-radius: 50%;
    background: #31b979;
    box-sizing: content-box;
    z-index: 1;
}

.rs-app-navbar .rs-user-trigger__chevron {
    display: grid;
    width: 1.3rem;
    height: 1.3rem;
    place-items: center;
    border-radius: .4rem;
    color: #94a0b3;
    transition: transform .2s ease, background .2s ease, color .2s ease;
}

#kt_header_user_menu_toggle.show .rs-user-trigger__chevron {
    background: #eaf0ff;
    color: #4c72e8;
    transform: rotate(180deg);
}

#kt_header_user_menu_toggle > .rs-user-menu {
    top: calc(100% + .58rem) !important;
    width: 22rem !important;
    max-width: calc(100vw - 1rem);
    overflow: hidden;
    padding: 0 !important;
    border: 1px solid #dbe3ef !important;
    border-radius: 1.15rem !important;
    background: #fff !important;
    box-shadow: 0 24px 55px rgba(28, 41, 67, .18) !important;
}

.rs-user-menu__header {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .7rem;
    overflow: hidden;
    padding: 1rem;
    border-bottom: 1px solid #dfe6f1;
    background:
        radial-gradient(circle at 92% 10%, rgba(82, 119, 237, .16), transparent 32%),
        linear-gradient(130deg, #fff 0%, #f7f9ff 58%, #eef3ff 100%);
}

.rs-user-menu__header::after {
    position: absolute;
    right: -1.8rem;
    bottom: -3.2rem;
    width: 7rem;
    height: 7rem;
    border: .9rem solid rgba(82, 119, 237, .045);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.rs-user-menu__identity-wrap {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    min-width: 0;
    gap: .75rem;
}

.rs-user-menu__avatar {
    position: relative;
    display: grid;
    overflow: visible;
    width: 3.25rem;
    height: 3.25rem;
    flex: 0 0 3.25rem;
    place-items: center;
    border: 3px solid #fff;
    border-radius: .95rem;
    background: linear-gradient(145deg, #e8efff, #dce7ff);
    color: #4c72e8;
    box-shadow: 0 8px 20px rgba(45, 66, 110, .12), 0 0 0 1px #d9e2f2;
}

.rs-user-menu__avatar img {
    width: 100%;
    height: 100%;
    border-radius: .72rem;
    object-fit: cover;
}

.rs-user-menu__avatar > i {
    position: absolute;
    right: -.22rem;
    bottom: -.2rem;
    width: .55rem;
    height: .55rem;
    border: 2px solid #fff;
    border-radius: 50%;
    background: #31b979;
    box-sizing: content-box;
}

.rs-user-menu__identity {
    display: grid;
    min-width: 0;
    gap: .12rem;
}

.rs-user-menu__identity > span {
    width: max-content;
    padding: .15rem .32rem;
    border-radius: .34rem;
    background: #eaf8f1;
    color: #279568;
    font-size: .48rem;
    font-weight: 850;
    letter-spacing: .055em;
    text-transform: uppercase;
}

.rs-user-menu__identity strong {
    overflow: hidden;
    color: #202c40;
    font-size: .82rem;
    font-weight: 850;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rs-user-menu__identity .rs-user-menu__email {
    display: block;
    overflow: hidden;
    max-width: 12.3rem;
    color: #7c899e;
    font-size: .58rem !important;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rs-user-menu__profile-shortcut {
    position: relative;
    z-index: 1;
    display: grid;
    width: 2rem;
    height: 2rem;
    flex: 0 0 2rem;
    place-items: center;
    border: 1px solid #d7e1f2;
    border-radius: .65rem;
    background: rgba(255, 255, 255, .78);
    color: #7a88a0;
}

.rs-user-menu__profile-shortcut:hover {
    border-color: #c7d5fb;
    background: #fff;
    color: #4c72e8;
}

.rs-user-menu__group {
    display: grid;
    gap: .28rem;
    padding: .8rem;
}

.rs-user-menu__group-title {
    padding: 0 .28rem .22rem;
    color: #98a4b6;
    font-size: .5rem;
    font-weight: 850;
    letter-spacing: .075em;
    text-transform: uppercase;
}

.rs-user-menu__group--session {
    padding-top: .7rem;
    border-top: 1px solid #e4e9f1;
    background: #fafbfe;
}

.rs-user-menu__group form {
    display: block;
    width: 100%;
    margin: 0;
}

.rs-user-menu__link {
    display: grid;
    width: 100%;
    min-height: 3.25rem;
    grid-template-columns: 2.15rem minmax(0, 1fr) 1.3rem;
    align-items: center;
    gap: .66rem;
    padding: .5rem .58rem;
    border: 1px solid transparent;
    border-radius: .78rem;
    background: transparent;
    color: inherit;
    text-align: left;
    text-decoration: none;
    transition: border-color .16s ease, background .16s ease, transform .16s ease;
}

.rs-user-menu__link:hover {
    border-color: #dce5f7;
    background: #f7f9ff;
    color: inherit;
    transform: translateX(2px);
}

.rs-user-menu__link-icon {
    display: grid;
    width: 2.15rem;
    height: 2.15rem;
    place-items: center;
    border-radius: .66rem;
    background: #edf2ff;
    color: #5277ed;
}

.rs-user-menu__link-icon.is-purple { background: #f2efff; color: #8069db; }
.rs-user-menu__link-icon.is-cyan { background: #eaf8fb; color: #3299ad; }
.rs-user-menu__link-icon.is-amber { background: #fff6e8; color: #c98724; }

.rs-user-menu__link-copy {
    display: grid;
    min-width: 0;
    gap: .1rem;
}

.rs-user-menu__link-copy strong {
    color: #344157;
    font-size: .67rem;
    font-weight: 800;
}

.rs-user-menu__link-copy small {
    overflow: hidden;
    color: #8a96a9;
    font-size: .53rem;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rs-user-menu__link-arrow {
    display: grid;
    place-items: center;
    color: #a2adbd;
    transition: color .16s ease, transform .16s ease;
}

.rs-user-menu__link:hover .rs-user-menu__link-arrow {
    color: #5277ed;
    transform: translateX(2px);
}

.rs-user-menu__link--danger {
    cursor: pointer;
}

.rs-user-menu__link--danger .rs-user-menu__link-icon {
    background: #fff0f3;
    color: #df5270;
}

.rs-user-menu__link--danger:hover {
    border-color: #f1ccd5;
    background: #fff7f9;
}

.rs-user-menu__link--danger:hover .rs-user-menu__link-arrow {
    color: #df5270;
}

@media (max-width: 991.98px) {
    .rs-credit-balance__unit {
        display: none;
    }

    .rs-app-navbar .rs-credit-balance {
        min-width: 0;
    }

    .rs-app-navbar .rs-user-trigger {
        min-width: 0;
        padding: .4rem;
    }

    #kt_header_user_menu_toggle > .rs-user-menu {
        top: calc(100% + .42rem) !important;
    }
}

@media (max-width: 575.98px) {
    .rs-app-navbar .rs-navbar-rank-action {
        display: block;
        flex: 0 0 2.7rem;
        max-width: 2.7rem;
    }

    .rs-app-navbar .rs-monthly-top-rank {
        width: 2.7rem;
        min-height: 2.7rem;
        justify-content: center;
        gap: 0;
        padding: .25rem;
        border-radius: .8rem;
    }

    .rs-app-navbar .rs-monthly-top-rank__medal {
        width: 2rem;
        height: 2rem;
        flex-basis: 2rem;
    }

    .rs-app-navbar .rs-monthly-top-rank__copy {
        display: none;
    }

    #kt_header_user_menu_toggle > .rs-user-menu {
        position: fixed !important;
        top: 4.25rem !important;
        right: .5rem !important;
        left: auto !important;
        width: calc(100vw - 1rem) !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .rs-user-menu__link,
    .rs-user-menu__link-arrow,
    .rs-header-action__arrow {
        transition: none;
    }
}

/* Keep the account and profile menus attached to their trigger buttons. */
.rs-context-control--account,
#kt_header_user_menu_toggle {
    position: relative !important;
}

.rs-context-control--account > .rs-account-menu,
.rs-context-control--account > .menu-sub-dropdown {
    position: absolute !important;
    top: calc(100% + 1px) !important;
    right: auto !important;
    bottom: auto !important;
    left: 0 !important;
    margin-top: 0 !important;
    transform: none !important;
}

#kt_header_user_menu_toggle > .rs-user-menu,
#kt_header_user_menu_toggle > .menu-sub-dropdown {
    position: absolute !important;
    top: calc(100% + 1px) !important;
    right: 0 !important;
    bottom: auto !important;
    left: auto !important;
    margin-top: 0 !important;
    transform: none !important;
}

body .daterangepicker.rs-context-daterangepicker {
    margin-top: 0 !important;
}

@media (max-width: 575.98px) {
    #kt_header_user_menu_toggle > .rs-user-menu,
    #kt_header_user_menu_toggle > .menu-sub-dropdown {
        position: fixed !important;
        top: 4.25rem !important;
        right: .5rem !important;
        bottom: auto !important;
        left: auto !important;
        width: calc(100vw - 1rem) !important;
        margin-top: 0 !important;
        transform: none !important;
    }
}
@media (max-width: 767.98px) {
    .rs-data-preloader__card--game {
        grid-template-columns: 1fr;
        width: min(29rem, calc(100vw - 1.25rem));
        padding: 1rem;
    }
    .rs-data-preloader__card--game .rs-data-preloader__detail { display: none; }
    .rs-data-preloader__card--game .rs-data-preloader__logo-shell {
        width: 3.5rem;
        height: 3.5rem;
        margin-bottom: .5rem;
    }
    .rs-data-preloader__card--game .rs-data-preloader__logo { width: 2.1rem; height: 2.1rem; }
    .rs-data-preloader__card--game .rs-data-preloader__subtitle { margin-top: .2rem; }
    .rs-data-preloader__card--game .rs-data-preloader__status { margin-top: .45rem; }
    .rs-data-preloader__card--game .rs-minesweeper { padding: .75rem; }
}