/*
 * Ekin Enerji unified theme
 * This file is intentionally loaded last. Keep it as the single visual
 * authority over the legacy sidebar, topbar and dashboard theme fragments.
 */

:root {
    --ekin-ink: #101828;
    --ekin-ink-2: #24344d;
    --ekin-muted: #667085;
    --ekin-muted-2: #7a8aa0;
    --ekin-line: #d9e2ec;
    --ekin-line-soft: #e8eef5;
    --ekin-page: #f3f6f9;
    --ekin-panel: #ffffff;
    --ekin-soft: #f7f9fc;
    --ekin-navy: #0b1f3a;
    --ekin-navy-2: #12345d;
    --ekin-navy-3: #1d4774;
    --ekin-navy-soft: #eef3f8;
    --ekin-red: #e5093d;
    --ekin-red-dark: #b70731;
    --ekin-red-soft: #fff3f6;
    --ekin-red-line: #ffd3dd;
    --ekin-green: #147a4b;
    --ekin-green-soft: #eaf7f0;
    --ekin-shadow: 0 18px 44px rgba(16, 24, 40, 0.10);
    --ekin-shadow-soft: 0 10px 28px rgba(16, 24, 40, 0.07);
}

body:has(.wrapper) {
    background: var(--ekin-page) !important;
    color: var(--ekin-ink) !important;
    font-family: "DM Sans", "Plus Jakarta Sans", system-ui, sans-serif !important;
}

.wrapper {
    background: var(--ekin-page) !important;
}

.page-wrapper {
    background:
        linear-gradient(180deg, rgba(255,255,255,0.76) 0%, rgba(255,255,255,0) 260px),
        var(--ekin-page) !important;
    overflow-x: hidden !important;
}

.page-content {
    padding: 1.5rem 1.7rem 2rem !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
}

/* Sidebar */
html body .wrapper .sidebar-wrapper,
html.semi-dark body .wrapper .sidebar-wrapper,
html.dark-theme body .wrapper .sidebar-wrapper {
    background: #ffffff !important;
    background-image: none !important;
    border-right: 1px solid var(--ekin-line) !important;
    box-shadow: 10px 0 30px rgba(16, 24, 40, 0.055) !important;
    color: var(--ekin-ink) !important;
    overflow-x: hidden !important;
    z-index: 10054 !important;
}

html body .wrapper .sidebar-wrapper,
html body .wrapper .sidebar-wrapper[data-simplebar],
html body .wrapper .sidebar-wrapper .simplebar-content-wrapper {
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

html body .wrapper .sidebar-wrapper::-webkit-scrollbar,
html body .wrapper .sidebar-wrapper[data-simplebar]::-webkit-scrollbar,
html body .wrapper .sidebar-wrapper .simplebar-content-wrapper::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
}

html body .wrapper .sidebar-header {
    height: 92px !important;
    padding: 16px 18px !important;
    background: #ffffff !important;
    border-bottom: 1px solid var(--ekin-line-soft) !important;
    color: var(--ekin-ink) !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 2 !important;
    overflow: visible !important;
}

.sidebar-logo-link {
    min-height: 58px !important;
    justify-content: flex-start !important;
    align-items: center !important;
    text-decoration: none !important;
    color: inherit !important;
    min-width: 0 !important;
    padding: 0 !important;
}

.sidebar-wordmark {
    display: inline-flex !important;
    align-items: center !important;
    gap: 11px !important;
    min-width: 0 !important;
    color: var(--ekin-ink) !important;
}

.sidebar-wordmark-icon {
    width: 46px !important;
    height: 46px !important;
    max-width: 46px !important;
    max-height: 46px !important;
    object-fit: contain !important;
    object-position: center !important;
    flex: 0 0 46px !important;
    border-radius: 0 !important;
    background: transparent !important;
    filter: none !important;
    box-shadow: none !important;
}

.sidebar-wordmark-icon--from-logo {
    object-fit: contain !important;
    object-position: center !important;
}

.sidebar-wordmark-text {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: baseline !important;
    gap: 5px !important;
    color: var(--ekin-navy) !important;
    font-size: 0.98rem !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
    text-shadow: none !important;
    text-transform: uppercase !important;
}

.sidebar-logo-fallback,
.sidebar-idp-badge {
    background: var(--ekin-red-soft) !important;
    color: var(--ekin-red-dark) !important;
    border: 1px solid var(--ekin-red-line) !important;
}

html body .wrapper .sidebar-header .toggle-icon {
    width: 34px !important;
    height: 34px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-left: auto !important;
    border-radius: 11px !important;
    background: var(--ekin-soft) !important;
    border: 1px solid var(--ekin-line) !important;
    color: var(--ekin-muted) !important;
    box-shadow: none !important;
}

html body .wrapper .sidebar-search {
    display: block !important;
    padding: 12px 18px !important;
    background: #ffffff !important;
    border-bottom: 1px solid var(--ekin-line-soft) !important;
    min-height: 64px !important;
}

html body .wrapper .sidebar-search::before {
    content: none !important;
    display: none !important;
}

html body .wrapper .sidebar-search .search-box {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    height: 42px !important;
    background: #f7f9fc !important;
    border: 1px solid var(--ekin-line) !important;
    border-radius: 12px !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85) !important;
}

html body .wrapper .sidebar-search .search-icon,
html body .wrapper .sidebar-search .search-clear {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 2 !important;
    margin: 0 !important;
    line-height: 1 !important;
    font-size: 18px !important;
}

html body .wrapper .sidebar-search .search-icon {
    left: 13px !important;
    color: var(--ekin-muted) !important;
}

html body .wrapper .sidebar-search .search-clear {
    right: 12px !important;
    color: var(--ekin-red-dark) !important;
}

html body .wrapper .sidebar-search .form-control,
html body .wrapper .sidebar-search input#menu-search {
    width: 100% !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 38px 0 40px !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 12px !important;
    color: var(--ekin-ink) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    box-shadow: none !important;
    outline: none !important;
}

html body .wrapper .sidebar-search .form-control::placeholder,
html body .wrapper .sidebar-search input#menu-search::placeholder,
html body .wrapper .sidebar-search .form-control::-webkit-input-placeholder,
html body .wrapper .sidebar-search input#menu-search::-webkit-input-placeholder {
    color: var(--ekin-muted) !important;
    opacity: 1 !important;
}

html body .wrapper .sidebar-search .search-box:focus-within {
    background: #ffffff !important;
    border-color: var(--ekin-red) !important;
    box-shadow: 0 0 0 4px rgba(229, 9, 61, 0.12) !important;
}

html body .wrapper .sidebar-wrapper .metismenu,
html body .wrapper .sidebar-wrapper .metismenu ul,
html body .wrapper .sidebar-wrapper .metismenu li,
html body .wrapper .sidebar-wrapper .metismenu .mm-show,
html body .wrapper .sidebar-wrapper .mm-collapse {
    background: transparent !important;
    background-color: transparent !important;
    overflow-x: hidden !important;
    max-width: 100% !important;
}

html body .wrapper .sidebar-wrapper .metismenu {
    padding: 12px 14px 24px !important;
    margin-top: 0 !important;
}

html body .wrapper .sidebar-wrapper .metismenu > li {
    margin: 4px 0 !important;
}

html body .wrapper .sidebar-wrapper .metismenu li a,
html body .wrapper .sidebar-wrapper .metismenu > li > a,
html body .wrapper .sidebar-wrapper .metismenu .menu-accordion-header > a {
    display: flex !important;
    align-items: center !important;
    min-height: 44px !important;
    padding: 8px 12px !important;
    border-radius: 12px !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    color: var(--ekin-ink-2) !important;
    font-family: "DM Sans", system-ui, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    line-height: 1.2 !important;
    text-transform: none !important;
    white-space: normal !important;
    overflow: visible !important;
    word-break: normal !important;
    box-shadow: none !important;
}

html body .wrapper .sidebar-wrapper .metismenu li a .parent-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    flex: 0 0 30px !important;
    margin: 0 10px 0 0 !important;
    border-radius: 9px !important;
    background: var(--ekin-navy-soft) !important;
    color: var(--ekin-navy) !important;
    line-height: 1 !important;
    text-align: center !important;
}

html body .wrapper .sidebar-wrapper .metismenu li a .parent-icon > i,
html body .wrapper .sidebar-wrapper .metismenu li a .parent-icon > .bx {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 1em !important;
    height: 1em !important;
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    font-size: 18px !important;
    line-height: 1 !important;
}

html body .wrapper .sidebar-wrapper .metismenu li a .menu-title {
    display: flex !important;
    align-items: center !important;
    min-height: 30px !important;
    color: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    white-space: normal !important;
    word-break: normal !important;
}

html body .wrapper .sidebar-wrapper .metismenu .menu-label,
html body .wrapper .sidebar-wrapper .metismenu .menu-label ul,
html body .wrapper .sidebar-wrapper .metismenu .menu-label li,
html body .wrapper .sidebar-wrapper .metismenu .menu-label a,
html body .wrapper .sidebar-wrapper .metismenu .menu-label .menu-title {
    text-transform: none !important;
}

html body .wrapper .sidebar-wrapper .metismenu li a:hover,
html body .wrapper .sidebar-wrapper .metismenu li a:focus,
html body .wrapper .sidebar-wrapper .metismenu li.mm-active > a,
html body .wrapper .sidebar-wrapper .metismenu .menu-accordion-header.mm-active > a {
    background: var(--ekin-red-soft) !important;
    border-color: var(--ekin-red-line) !important;
    color: var(--ekin-red-dark) !important;
    text-decoration: none !important;
}

html body .wrapper .sidebar-wrapper .metismenu li a:hover .parent-icon,
html body .wrapper .sidebar-wrapper .metismenu li.mm-active > a .parent-icon,
html body .wrapper .sidebar-wrapper .metismenu .menu-accordion-header.mm-active > a .parent-icon {
    background: var(--ekin-red) !important;
    color: #ffffff !important;
}

html body .wrapper .sidebar-wrapper .metismenu .has-arrow::after {
    top: 50% !important;
    right: 12px !important;
    transform: rotate(-45deg) translateY(-50%) !important;
    transform-origin: center !important;
    border-color: var(--ekin-muted) !important;
}

html body .wrapper .sidebar-wrapper .metismenu ul {
    display: none !important;
    margin: 4px 0 8px 30px !important;
    padding: 4px 0 4px 11px !important;
    border-left: 1px solid var(--ekin-line-soft) !important;
    background: transparent !important;
}

html body .wrapper .sidebar-wrapper .metismenu li.mm-active > ul,
html body .wrapper .sidebar-wrapper .metismenu li.mm-active > .mm-collapse,
html body .wrapper .sidebar-wrapper .metismenu li.mm-active ul.mm-show,
html body .wrapper .sidebar-wrapper .metismenu ul.mm-show {
    display: block !important;
}

html body .wrapper .sidebar-wrapper .metismenu li > ul > li {
    margin: 2px 0 !important;
}

html body .wrapper .sidebar-wrapper .metismenu li > ul > li > a {
    min-height: 34px !important;
    padding: 6px 9px !important;
    border-radius: 10px !important;
    color: #5d6b82 !important;
    font-size: 12.5px !important;
    font-weight: 500 !important;
}

html body .wrapper .sidebar-wrapper .metismenu li > ul > li > a .parent-icon {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    flex-basis: 24px !important;
    margin-right: 8px !important;
    border-radius: 8px !important;
    background: #f3f6fa !important;
    color: var(--ekin-muted-2) !important;
}

html body .wrapper .sidebar-wrapper .metismenu li > ul > li > a .parent-icon > i,
html body .wrapper .sidebar-wrapper .metismenu li > ul > li > a .parent-icon > .bx {
    font-size: 15px !important;
}

html body .wrapper .sidebar-wrapper .metismenu li > ul > li > a:hover,
html body .wrapper .sidebar-wrapper .metismenu li > ul > li.mm-active > a {
    background: #f7f9fc !important;
    border-color: transparent !important;
    color: var(--ekin-red-dark) !important;
}

html body .wrapper .sidebar-wrapper .metismenu li > ul > li > a:hover .parent-icon,
html body .wrapper .sidebar-wrapper .metismenu li > ul > li.mm-active > a .parent-icon {
    background: var(--ekin-red-soft) !important;
    color: var(--ekin-red-dark) !important;
}

/* Collapsed sidebar */
@media screen and (min-width: 1025px) {
    html body .wrapper.toggled:not(.sidebar-hovered) .sidebar-header {
        height: 72px !important;
        padding: 10px 12px !important;
        justify-content: center !important;
    }

    html body .wrapper.toggled:not(.sidebar-hovered) .sidebar-logo-link {
        min-height: 48px !important;
        justify-content: center !important;
    }

    html body .wrapper.toggled:not(.sidebar-hovered) .sidebar-wordmark-text,
    html body .wrapper.toggled:not(.sidebar-hovered) .sidebar-search,
    html body .wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .metismenu .has-arrow::after {
        display: none !important;
    }

    html body .wrapper.toggled:not(.sidebar-hovered) .sidebar-wordmark-icon {
        width: 38px !important;
        height: 38px !important;
        max-width: 38px !important;
        max-height: 38px !important;
        flex-basis: 38px !important;
    }

    html body .wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .metismenu {
        padding: 10px 11px 20px !important;
    }

    html body .wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .metismenu li > a {
        justify-content: center !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    html body .wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .metismenu li > a .menu-title {
        display: none !important;
    }

    html body .wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .metismenu li > a .parent-icon {
        width: 34px !important;
        min-width: 34px !important;
        height: 34px !important;
        flex-basis: 34px !important;
        margin: 0 !important;
    }
}

/* Topbar */
.topbar {
    background: linear-gradient(90deg, var(--ekin-navy) 0%, var(--ekin-navy-2) 100%) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 8px 26px rgba(11, 31, 58, 0.18) !important;
    color: #ffffff !important;
    z-index: 10054 !important;
}

.topbar .navbar,
.topbar .top-menu,
.navbar-controls,
.navbar-control-item,
.navbar-control-item form {
    min-width: 0 !important;
}

.navbar-controls {
    flex-wrap: nowrap !important;
    max-width: min(62vw, 780px) !important;
}

.topbar .navbar-select {
    min-width: 0 !important;
    text-overflow: ellipsis !important;
}

.topbar .navbar .nav-link,
.topbar .user-name,
.topbar .user-info .user-name,
.topbar .user-info p,
.topbar .current-santiye-link,
.topbar .navbar-duyuru-btn,
.topbar .mobile-toggle-menu,
.topbar .mobile-toggle-menu i {
    color: #ffffff !important;
}

.topbar .navbar-select,
.topbar .current-santiye-link,
.topbar .tenant-db-badge,
.topbar .navbar-duyuru-btn,
.topbar .navbar-mobile-tools-btn {
    min-height: 34px !important;
    background: rgba(255, 255, 255, 0.12) !important;
    border: 1px solid rgba(255, 255, 255, 0.24) !important;
    color: #ffffff !important;
    border-radius: 11px !important;
    box-shadow: none !important;
}

.topbar .navbar-select:focus {
    border-color: rgba(255, 255, 255, 0.46) !important;
    box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.12) !important;
}

.topbar .navbar-select option {
    color: var(--ekin-ink) !important;
    background: #ffffff !important;
}

.topbar .user-box {
    border-left-color: rgba(255, 255, 255, 0.18) !important;
}

.topbar .user-img,
.topbar .user-idp-badge {
    border-color: rgba(255, 255, 255, 0.24) !important;
}

/* Content shell */
.page-wrapper .content-page__header,
.page-wrapper .content-toolbar,
.page-wrapper .content-card,
.page-wrapper .card,
.page-wrapper .table-toolbar,
.page-wrapper .content-page > .content-breadcrumb,
.page-wrapper .page-breadcrumb:has(.breadcrumb),
.page-wrapper nav[class*="-breadcrumb"]:has(.breadcrumb) {
    border-radius: 16px !important;
    border: 1px solid var(--ekin-line) !important;
    background: rgba(255, 255, 255, 0.94) !important;
    box-shadow: var(--ekin-shadow-soft) !important;
}

.page-wrapper .content-page__header,
.page-wrapper .content-toolbar {
    padding: 1.1rem 1.2rem !important;
}

.page-wrapper .content-page__header::before,
.page-wrapper .content-page > .content-breadcrumb::before,
.page-wrapper .page-breadcrumb::before,
.page-wrapper nav[class*="-breadcrumb"]:has(.breadcrumb)::before {
    display: none !important;
}

.page-wrapper .content-page__title,
.page-wrapper .content-toolbar__title,
.page-wrapper .card-title,
.page-wrapper h1,
.page-wrapper h2,
.page-wrapper h3,
.page-wrapper h4 {
    color: var(--ekin-ink) !important;
    letter-spacing: 0 !important;
}

.page-wrapper .content-card .card-header,
.page-wrapper .card.content-card .card-header,
.page-wrapper .card .card-header,
.page-wrapper .bayi-info-header,
.page-wrapper .section-header,
.page-wrapper .merkez-page__header {
    background: linear-gradient(180deg, #ffffff 0%, #f7f9fc 100%) !important;
    border-bottom: 1px solid var(--ekin-line) !important;
    color: var(--ekin-ink) !important;
    box-shadow: none !important;
}

.page-wrapper .content-card .card-header *,
.page-wrapper .card .card-header *,
.page-wrapper .bayi-info-header *,
.page-wrapper .section-header *,
.page-wrapper .merkez-page__header * {
    color: var(--ekin-ink) !important;
}

.page-wrapper .breadcrumb-item,
.page-wrapper .content-breadcrumb__current,
.page-wrapper .breadcrumb-item.active {
    color: var(--ekin-muted) !important;
    font-weight: 700 !important;
}

.page-wrapper .breadcrumb-item a,
.page-wrapper .content-breadcrumb a {
    background: #f8fafc !important;
    border: 1px solid var(--ekin-line) !important;
    color: #475467 !important;
    border-radius: 999px !important;
    padding: 0.34rem 0.68rem !important;
}

/* Buttons and semantic colors */
.page-wrapper .btn,
.page-wrapper .content-btn,
.page-wrapper .action-btn,
.page-wrapper .quick-action-btn,
.page-wrapper .btn-empty-action,
.page-wrapper .crud-btn-primary,
.page-wrapper .yetki-btn-primary {
    border-radius: 11px !important;
    font-weight: 800 !important;
    box-shadow: none !important;
}

.page-wrapper .btn-primary,
.page-wrapper .btn-warning,
.page-wrapper .btn-amber,
.page-wrapper .content-btn--primary,
.page-wrapper .quick-primary,
.page-wrapper .btn-empty-action,
.page-wrapper .crud-btn-primary,
.page-wrapper .yetki-btn-primary,
.page-wrapper .ihale-btn-amber,
.page-wrapper .project-calendar-jump,
.page-wrapper .setup-step-btn {
    background: var(--ekin-red) !important;
    border-color: var(--ekin-red) !important;
    color: #ffffff !important;
}

.page-wrapper .btn-primary:hover,
.page-wrapper .btn-warning:hover,
.page-wrapper .btn-amber:hover,
.page-wrapper .content-btn--primary:hover,
.page-wrapper .quick-primary:hover,
.page-wrapper .btn-empty-action:hover,
.page-wrapper .crud-btn-primary:hover,
.page-wrapper .yetki-btn-primary:hover,
.page-wrapper .ihale-btn-amber:hover,
.page-wrapper .project-calendar-jump:hover,
.page-wrapper .setup-step-btn:hover {
    background: var(--ekin-red-dark) !important;
    border-color: var(--ekin-red-dark) !important;
    color: #ffffff !important;
}

.page-wrapper .content-btn--secondary,
.page-wrapper .quick-secondary,
.page-wrapper .btn-light,
.page-wrapper .btn-outline-primary,
.page-wrapper .btn-outline-secondary,
.page-wrapper .btn-outline-warning,
.page-wrapper .btn-amber-alt,
.page-wrapper .action-btn {
    background: #f8fafc !important;
    border: 1px solid var(--ekin-line) !important;
    color: var(--ekin-ink) !important;
}

.page-wrapper .content-btn--secondary:hover,
.page-wrapper .quick-secondary:hover,
.page-wrapper .btn-light:hover,
.page-wrapper .btn-outline-primary:hover,
.page-wrapper .btn-outline-secondary:hover,
.page-wrapper .btn-outline-warning:hover,
.page-wrapper .btn-amber-alt:hover,
.page-wrapper .action-btn:hover {
    background: var(--ekin-navy-soft) !important;
    border-color: #c6d2df !important;
    color: var(--ekin-navy) !important;
}

.page-wrapper .btn-success,
.page-wrapper .btn-outline-success,
.page-wrapper .dt-button.buttons-excel,
.page-wrapper .btn-export {
    background: var(--ekin-green-soft) !important;
    border-color: #bfe7d0 !important;
    color: var(--ekin-green) !important;
}

.page-wrapper .btn-info,
.page-wrapper .btn-outline-info,
.page-wrapper .btn-info-subtle {
    background: var(--ekin-navy-soft) !important;
    border-color: #c6d2df !important;
    color: var(--ekin-navy) !important;
}

.page-wrapper .btn-danger,
.page-wrapper .btn-outline-danger,
.page-wrapper .badge.bg-danger,
.page-wrapper .bg-danger,
.page-wrapper .text-bg-danger {
    background: var(--ekin-red-soft) !important;
    border-color: var(--ekin-red-line) !important;
    color: var(--ekin-red-dark) !important;
}

.page-wrapper .badge.bg-warning,
.page-wrapper .bg-warning,
.page-wrapper .alert-warning,
.page-wrapper .btn-light-warning,
.page-wrapper .text-warning {
    background: var(--ekin-red-soft) !important;
    border-color: var(--ekin-red-line) !important;
    color: var(--ekin-red-dark) !important;
}

.page-wrapper .badge.bg-primary,
.page-wrapper .bg-primary,
.page-wrapper .text-bg-primary,
.page-wrapper .badge.bg-info,
.page-wrapper .bg-info,
.page-wrapper .text-bg-info {
    background: var(--ekin-navy-soft) !important;
    color: var(--ekin-navy) !important;
}

.page-wrapper .badge.bg-success,
.page-wrapper .badge-success,
.page-wrapper .bg-success,
.page-wrapper .text-bg-success {
    background: #e7f7ef !important;
    color: var(--ekin-green) !important;
}

/* Forms and tables */
.page-wrapper .form-control,
.page-wrapper .form-select,
.page-wrapper .form-control-custom,
.page-wrapper .form-select-custom,
.page-wrapper input,
.page-wrapper select,
.page-wrapper textarea {
    border-radius: 11px !important;
    border-color: var(--ekin-line) !important;
    background-color: #ffffff !important;
    color: var(--ekin-ink) !important;
}

.page-wrapper .form-control::placeholder,
.page-wrapper input::placeholder,
.page-wrapper textarea::placeholder {
    color: #98a2b3 !important;
    opacity: 1 !important;
}

.page-wrapper .form-control:focus,
.page-wrapper .form-select:focus,
.page-wrapper .form-control-custom:focus,
.page-wrapper .form-select-custom:focus {
    border-color: var(--ekin-navy-2) !important;
    box-shadow: 0 0 0 4px rgba(18, 52, 93, 0.13) !important;
}

.page-wrapper .tabulator,
.page-wrapper table {
    border-radius: 14px !important;
    border: 1px solid var(--ekin-line) !important;
    overflow: hidden !important;
}

.page-wrapper .tabulator .tabulator-header,
.page-wrapper .table thead,
.page-wrapper table thead,
.page-wrapper .tabulator .tabulator-col,
.page-wrapper .tabulator .tabulator-header .tabulator-col,
.page-wrapper th {
    background: #f3f6fa !important;
    color: #344054 !important;
    border-color: var(--ekin-line) !important;
    font-weight: 800 !important;
}

.page-wrapper .tabulator-row,
.page-wrapper .tabulator .tabulator-row .tabulator-cell,
.page-wrapper td {
    border-color: #e7edf4 !important;
}

.page-wrapper .tabulator-row:hover,
.page-wrapper .tabulator .tabulator-row:hover .tabulator-cell,
.page-wrapper tbody tr:hover {
    background: #f7f9fc !important;
}

.page-wrapper .pagination .page-link,
.page-wrapper .tabulator-page {
    border-radius: 10px !important;
    border-color: var(--ekin-line) !important;
    color: var(--ekin-muted) !important;
}

.page-wrapper .pagination .page-item.active .page-link,
.page-wrapper .tabulator .tabulator-page.active,
.page-wrapper .tabulator-page.active {
    background: var(--ekin-navy) !important;
    border-color: var(--ekin-navy) !important;
    color: #ffffff !important;
}

/* Dashboard */
.dashboard-page {
    background: transparent !important;
    color: var(--ekin-ink) !important;
    padding: 0 0.75rem 2rem !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
}

.dashboard-hero {
    background: linear-gradient(135deg, #0b1f3a 0%, #12345d 62%, #17385f 100%) !important;
    border: 1px solid rgba(255,255,255,0.10) !important;
    border-radius: 14px !important;
    box-shadow: 0 14px 34px rgba(11,31,58,0.16) !important;
    color: #ffffff !important;
    min-height: 76px !important;
    padding: 1.2rem 1.5rem !important;
}

.dashboard-hero::before,
.dashboard-hero::after {
    display: none !important;
}

.dashboard-hero,
.dashboard-hero .hero-title,
.dashboard-hero .hero-greeting,
.dashboard-hero .hero-santiye,
.dashboard-hero .hero-date,
.dashboard-hero .hero-time {
    color: #ffffff !important;
}

.dashboard-hero .hero-subtitle,
.dashboard-hero .hero-context,
.dashboard-hero .hero-datetime {
    color: rgba(255,255,255,0.84) !important;
}

.dashboard-hero .hero-role-badge,
.dashboard-hero .hero-context,
.dashboard-hero .hero-datetime {
    background: rgba(255,255,255,0.12) !important;
    border-color: rgba(255,255,255,0.22) !important;
    color: #ffffff !important;
}

.dashboard-hero .hero-role-badge::before {
    background: #9bc4df !important;
}

.dashboard-section {
    margin-bottom: 1.25rem !important;
}

.section-title {
    color: var(--ekin-ink) !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
}

.section-title i,
.section-title .section-title-icon {
    background: var(--ekin-navy-soft) !important;
    color: var(--ekin-navy) !important;
    border: 1px solid #d6e0ea !important;
    box-shadow: none !important;
}

.activity-widgets {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)) !important;
    gap: 1rem !important;
    align-items: start !important;
    min-width: 0 !important;
    max-width: 100% !important;
}

.dashboard-menus {
    margin-top: 1.15rem !important;
    margin-bottom: 1.15rem !important;
}

.dashboard-menus .menus-bento {
    align-items: stretch !important;
    gap: 1rem !important;
    grid-auto-rows: auto !important;
}

.act-widget,
.stat-card,
.empty-state-card,
.setup-wizard-card,
.info-card,
.project-calendar-card,
.project-calendar-card--compact,
.menu-module,
.mod-widget-card,
.pending-approvals-card {
    background: #ffffff !important;
    border: 1px solid var(--ekin-line) !important;
    border-radius: 16px !important;
    box-shadow: var(--ekin-shadow-soft) !important;
    color: var(--ekin-ink) !important;
}

.act-widget {
    height: auto !important;
    min-height: 0 !important;
    display: block !important;
}

.act-widget__body {
    display: block !important;
    min-height: 0 !important;
}

.act-widget__list,
.act-widget__content {
    flex: none !important;
    min-height: 0 !important;
    max-height: 190px !important;
}

.act-widget::before {
    display: none !important;
    content: none !important;
}

.menu-module::before,
.mod-widget-card::before {
    display: none !important;
    content: none !important;
}

.act-widget::after {
    display: none !important;
    content: none !important;
}

.act-widget--giris,
.act-widget--hareket,
.act-widget--zaman,
.act-widget--veri,
.mod-widget-card[data-widget^="modul_depo"],
.mod-widget-card[data-widget^="modul_satinalma"],
.mod-widget-card[data-widget^="modul_proje"],
.mod-widget-card[data-widget^="modul_muhasebe"],
.mod-widget-card[data-widget^="modul_arac"],
.mod-widget-card[data-widget^="modul_personel"],
.mod-widget-card[data-widget^="modul_isg"] {
    --act-color: var(--ekin-navy) !important;
    --act-rgb: 11, 31, 58 !important;
    --widget-color: var(--ekin-navy) !important;
    --widget-rgb: 11, 31, 58 !important;
}

.act-widget__header,
.info-card-header,
.mod-widget-card__header,
.menu-module__header,
.project-calendar-card__header,
.project-calendar-card--compact .project-calendar-card__header {
    background: linear-gradient(180deg, #ffffff 0%, #f7f9fc 100%) !important;
    border-bottom: 1px solid var(--ekin-line) !important;
    color: var(--ekin-ink) !important;
}

.menu-module {
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
}

.menu-module__header {
    flex: 0 0 auto !important;
    padding: 0.9rem 1.05rem 0.8rem !important;
}

.menu-module__nav {
    flex: 1 1 auto !important;
    display: flex !important;
    padding: 0.75rem 1rem 1rem !important;
}

.dashboard-menus .menu-module__list {
    flex: 1 1 auto !important;
    width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)) !important;
    grid-auto-rows: minmax(44px, 1fr) !important;
    align-content: stretch !important;
    gap: 0.62rem !important;
    margin: 0 !important;
    padding: 0 !important;
}

.act-widget__header *,
.info-card-header *,
.mod-widget-card__header *,
.menu-module__header *,
.project-calendar-card__header *,
.project-calendar-card--compact .project-calendar-card__header * {
    color: var(--ekin-ink) !important;
}

.act-widget__header i,
.menu-module__icon-wrap,
.project-calendar-card__title-icon,
.stat-icon,
.empty-state-card > i {
    background: var(--ekin-navy-soft) !important;
    border: 1px solid #d6e0ea !important;
    color: var(--ekin-navy) !important;
}

.stat-card {
    min-height: 96px !important;
}

.stat-card:hover,
.act-widget:hover,
.menu-module:hover {
    transform: none !important;
    border-color: #cbd7e4 !important;
    box-shadow: 0 16px 34px rgba(16, 24, 40, 0.09) !important;
}

.stat-card.stat-amber .stat-icon,
.stat-card.stat-red .stat-icon {
    background: var(--ekin-red-soft) !important;
    border-color: var(--ekin-red-line) !important;
    color: var(--ekin-red-dark) !important;
}

.stat-label {
    color: var(--ekin-muted) !important;
    font-weight: 700 !important;
}

.stat-value {
    color: var(--ekin-ink) !important;
    font-weight: 900 !important;
}

.quick-actions {
    gap: 0.75rem !important;
}

.quick-action-btn {
    min-height: 46px !important;
    padding: 0.72rem 1.15rem !important;
    text-decoration: none !important;
}

.dashboard-tabs {
    border-bottom-color: var(--ekin-line) !important;
}

.dashboard-tabs .nav-link {
    color: var(--ekin-muted) !important;
    background: transparent !important;
}

.dashboard-tabs .nav-link.active {
    color: var(--ekin-red) !important;
    background: #ffffff !important;
    border-bottom-color: #ffffff !important;
}

.menu-module--depo,
.menu-module--proje,
.menu-module--muhasebe,
.menu-module--arac,
.menu-module--personel,
.menu-module--isg {
    --accent-color: var(--ekin-navy) !important;
    --accent-rgb: 11, 31, 58 !important;
}

.menu-module--depo::before,
.menu-module--proje::before,
.menu-module--muhasebe::before,
.menu-module--arac::before,
.menu-module--personel::before,
.menu-module--isg::before,
.mod-widget-card[data-widget^="modul_depo"]::before,
.mod-widget-card[data-widget^="modul_satinalma"]::before,
.mod-widget-card[data-widget^="modul_proje"]::before,
.mod-widget-card[data-widget^="modul_muhasebe"]::before,
.mod-widget-card[data-widget^="modul_arac"]::before,
.mod-widget-card[data-widget^="modul_personel"]::before,
.mod-widget-card[data-widget^="modul_isg"]::before {
    display: none !important;
    content: none !important;
}

.pending-header,
.pending-approvals-card .pending-header {
    background: var(--ekin-red-soft) !important;
    border-bottom-color: var(--ekin-red-line) !important;
    color: var(--ekin-red-dark) !important;
}

.menu-module__link {
    display: flex !important;
    align-items: center !important;
    min-height: 44px !important;
    height: 100% !important;
    padding: 0.56rem 0.7rem !important;
    background: #f8fafc !important;
    border: 1px solid #dfe7f0 !important;
    border-radius: 10px !important;
    color: #344054 !important;
    box-shadow: none !important;
}

.menu-module__link:hover {
    background: #ffffff !important;
    border-color: var(--ekin-red-line) !important;
    color: var(--ekin-red-dark) !important;
}

.menu-module__link-icon {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    border-radius: 8px !important;
    background: var(--ekin-navy-soft) !important;
    border: 1px solid #d6e0ea !important;
    color: var(--ekin-muted) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.menu-module__link:hover .menu-module__link-icon {
    color: var(--ekin-red-dark) !important;
}

.empty-state-card {
    text-align: center !important;
}

.empty-state-card h2 {
    color: var(--ekin-ink) !important;
}

.empty-state-card p,
.project-calendar-card__desc,
.project-calendar-note {
    color: var(--ekin-muted) !important;
}

.project-calendar-nav,
.project-calendar-chip {
    background: #f8fafc !important;
    border: 1px solid var(--ekin-line) !important;
    color: var(--ekin-ink) !important;
}

.project-calendar-card--compact {
    min-height: 0 !important;
}

.project-calendar-card--compact .project-calendar-card__header {
    padding: 0.72rem 0.82rem !important;
}

.project-calendar-card--compact .project-calendar-card__body {
    padding: 0.52rem 0.58rem 0.58rem !important;
}

.project-calendar-cell {
    box-shadow: none !important;
}

.project-calendar-count,
.project-calendar-more {
    background: var(--ekin-navy-soft) !important;
    border-color: #c6d2df !important;
    color: var(--ekin-navy) !important;
}

.project-calendar-count.is-reminder,
.project-calendar-chip--alert,
.project-calendar-event.event--overdue,
.project-calendar-event.event--today {
    background: var(--ekin-red-soft) !important;
    border-color: var(--ekin-red-line) !important;
    color: var(--ekin-red-dark) !important;
}

.pending-badge {
    background: var(--ekin-red) !important;
    color: #ffffff !important;
}

/* Shared overlays */
.swal2-popup,
.modal-content,
.dropdown-menu {
    border-radius: 16px !important;
    border: 1px solid var(--ekin-line) !important;
    box-shadow: var(--ekin-shadow) !important;
}

@media (max-width: 992px) {
    .page-content {
        padding: 1rem !important;
    }

    .dashboard-page {
        padding: 0 0.25rem 1.5rem !important;
    }
}

/* Dashboard visual pass: remove legacy stretched cards and stray accent rails */
.dashboard-page {
    background: transparent !important;
}

.dashboard-hero {
    overflow: hidden !important;
    transform: none !important;
}

.dashboard-hero:hover {
    transform: none !important;
}

.dashboard-hero .hero-role-badge {
    background: rgba(255, 255, 255, 0.14) !important;
    border: 1px solid rgba(255, 255, 255, 0.22) !important;
    box-shadow: none !important;
    letter-spacing: 0 !important;
}

.dashboard-menus .menus-bento {
    align-items: start !important;
    grid-auto-flow: row dense !important;
    grid-auto-rows: auto !important;
}

.dashboard-menus .menus-bento > * {
    align-self: start !important;
    min-width: 0 !important;
}

.dashboard-menus .menu-module,
.dashboard-menus .project-calendar-card--compact {
    height: auto !important;
    min-height: 0 !important;
}

.dashboard-menus .menu-module,
.dashboard-menus .menu-module:hover,
.dashboard-menus .project-calendar-card--compact,
.dashboard-menus .project-calendar-card--compact:hover {
    transform: none !important;
}

.dashboard-menus .menu-module::before,
.dashboard-menus .menu-module::after,
.dashboard-menus .project-calendar-card--compact::before,
.dashboard-menus .project-calendar-card--compact::after,
.mod-widget-card::before,
.mod-widget-card::after,
.act-widget::before,
.act-widget::after {
    display: none !important;
    content: none !important;
    width: 0 !important;
    height: 0 !important;
    background: transparent !important;
}

.dashboard-menus .menu-module {
    display: block !important;
    overflow: hidden !important;
}

.dashboard-menus--with-calendar .menu-module--proje {
    align-self: stretch !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

.dashboard-menus--with-calendar .menu-module--proje .menu-module__nav {
    flex: 1 1 auto !important;
    display: flex !important;
}

.dashboard-menus--with-calendar .menu-module--proje .menu-module__list {
    flex: 1 1 auto !important;
    grid-auto-rows: minmax(46px, 1fr) !important;
    align-content: stretch !important;
}

.dashboard-menus .menu-module__header,
.project-calendar-card--compact .project-calendar-card__header {
    min-height: 58px !important;
}

.dashboard-menus .menu-module__nav {
    display: block !important;
    padding: 0.75rem 0.9rem 0.95rem !important;
}

.dashboard-menus .menu-module__list {
    display: grid !important;
    width: 100% !important;
    grid-template-columns: repeat(auto-fit, minmax(176px, 1fr)) !important;
    grid-auto-rows: minmax(42px, auto) !important;
    align-content: start !important;
    gap: 0.56rem !important;
}

.dashboard-menus .menu-module__item {
    min-width: 0 !important;
}

.dashboard-menus .menu-module__link {
    min-height: 42px !important;
    height: auto !important;
    align-items: center !important;
    gap: 0.62rem !important;
    padding: 0.52rem 0.68rem !important;
    background: #f8fafc !important;
    border-color: #dfe7f0 !important;
    color: #344054 !important;
    box-shadow: none !important;
}

.dashboard-menus .menu-module__link:hover {
    background: #ffffff !important;
    border-color: #cbd7e4 !important;
    color: var(--ekin-navy) !important;
    box-shadow: 0 8px 20px rgba(16, 24, 40, 0.07) !important;
}

.dashboard-menus .menu-module__link-icon {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    font-size: 0.82rem !important;
    color: var(--ekin-navy) !important;
}

.dashboard-menus .menu-module__link-text {
    color: #344054 !important;
    font-size: 0.82rem !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

.dashboard-menus .menu-module__link:hover .menu-module__link-text {
    color: var(--ekin-navy) !important;
    font-weight: 600 !important;
}

.project-calendar-card--compact .project-calendar-card__summary {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
    gap: 0.4rem !important;
}

.project-calendar-card--compact .project-calendar-note {
    background: #f8fafc !important;
    border-color: #dfe7f0 !important;
    color: #667085 !important;
}

.project-calendar-card--compact .project-calendar-cell {
    background: #ffffff !important;
    border-color: #dfe7f0 !important;
}

.project-calendar-card--compact .project-calendar-cell.is-today {
    border-color: var(--ekin-red) !important;
    box-shadow: inset 0 0 0 1px var(--ekin-red) !important;
}

.page-wrapper .info-alert,
.page-wrapper .setup-step--next {
    background: #f8fafc !important;
    border-color: #dfe7f0 !important;
    color: #475467 !important;
}

.page-wrapper .pending-item-link:hover,
.page-wrapper .pending-footer-btn:hover {
    background: #ffffff !important;
    border-color: var(--ekin-red-line) !important;
    color: var(--ekin-red-dark) !important;
}

.page-wrapper .pending-approvals-card[style*="border-left"] {
    border-left: 1px solid var(--ekin-line) !important;
}

@media (min-width: 1200px) {
    .dashboard-menus .menus-bento {
        grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
    }

    .dashboard-menus--with-calendar .menu-module--proje,
    .dashboard-menus--with-calendar .menus-bento > .project-calendar-card--compact,
    .dashboard-menus--with-calendar .menu-module--depo,
    .dashboard-menus--with-calendar .menu-module--muhasebe,
    .dashboard-menus--without-calendar .menu-module {
        grid-column: span 6 !important;
    }

    .dashboard-menus .menu-module--arac,
    .dashboard-menus .menu-module--personel,
    .dashboard-menus .menu-module--isg {
        grid-column: span 4 !important;
    }

    .dashboard-menus .menu-module--proje .menu-module__list,
    .dashboard-menus .menu-module--depo .menu-module__list,
    .dashboard-menus .menu-module--muhasebe .menu-module__list {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 1199.98px) {
    .dashboard-menus .menus-bento {
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr)) !important;
    }
}

/* Rixzo-style visual direction: dark sidebar, light topbar, compact soft cards */
:root {
    --ekin-ink: #252c3f;
    --ekin-ink-2: #2f3a56;
    --ekin-muted: #7b86a3;
    --ekin-muted-2: #9aa5c0;
    --ekin-line: #e6eaf3;
    --ekin-line-soft: #eef1f7;
    --ekin-page: #f4f6fb;
    --ekin-panel: #ffffff;
    --ekin-soft: #f8f9fe;
    --ekin-navy: #34487e;
    --ekin-navy-2: #40578f;
    --ekin-navy-3: #6578ad;
    --ekin-navy-soft: #edf1fb;
    --ekin-red: #e5093d;
    --ekin-red-dark: #bf0732;
    --ekin-red-soft: #fff0f4;
    --ekin-red-line: #ffd4df;
    --ekin-teal: #2ec4b6;
    --ekin-teal-soft: #e6fbf7;
    --ekin-purple: #7c67f5;
    --ekin-purple-soft: #f0edff;
    --ekin-amber: #ffb345;
    --ekin-amber-soft: #fff4df;
    --ekin-blue: #3287f3;
    --ekin-blue-soft: #eaf3ff;
    --ekin-shadow: 0 16px 34px rgba(51, 65, 107, 0.10);
    --ekin-shadow-soft: 0 10px 24px rgba(51, 65, 107, 0.07);
}

body:has(.wrapper),
.wrapper,
.page-wrapper {
    background: var(--ekin-page) !important;
    color: var(--ekin-ink) !important;
}

.page-wrapper {
    background:
        radial-gradient(circle at 78% 0%, rgba(124, 103, 245, 0.08) 0%, rgba(124, 103, 245, 0) 28%),
        var(--ekin-page) !important;
}

.page-content {
    padding: 1.45rem 1.55rem 2rem !important;
}

/* Dark left navigation */
html body .wrapper .sidebar-wrapper,
html.semi-dark body .wrapper .sidebar-wrapper,
html.dark-theme body .wrapper .sidebar-wrapper {
    background: #394c82 !important;
    background-image: none !important;
    border-right: 0 !important;
    box-shadow: none !important;
    color: rgba(255, 255, 255, 0.82) !important;
}

html body .wrapper .sidebar-header {
    height: 74px !important;
    padding: 14px 18px !important;
    background: #394c82 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10) !important;
    color: #ffffff !important;
}

.sidebar-wordmark {
    color: #ffffff !important;
}

.sidebar-wordmark-icon {
    width: 38px !important;
    height: 38px !important;
    max-width: 38px !important;
    max-height: 38px !important;
    flex-basis: 38px !important;
    filter: drop-shadow(0 6px 14px rgba(0, 0, 0, 0.18)) !important;
}

.sidebar-wordmark-text {
    color: #ffffff !important;
    font-size: 0.95rem !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
}

html body .wrapper .sidebar-header .toggle-icon {
    width: 30px !important;
    height: 30px !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, 0.10) !important;
    border-color: rgba(255, 255, 255, 0.18) !important;
    color: #ffffff !important;
}

html body .wrapper .sidebar-search {
    padding: 12px 18px !important;
    background: #394c82 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10) !important;
}

html body .wrapper .sidebar-search::before {
    content: none !important;
    display: none !important;
}

html body .wrapper .sidebar-search .search-box {
    height: 40px !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.16) !important;
    border-radius: 999px !important;
    box-shadow: none !important;
}

html body .wrapper .sidebar-search .form-control,
html body .wrapper .sidebar-search input#menu-search {
    height: 40px !important;
    min-height: 40px !important;
    color: #ffffff !important;
    font-size: 12.5px !important;
}

html body .wrapper .sidebar-search .form-control::placeholder,
html body .wrapper .sidebar-search input#menu-search::placeholder,
html body .wrapper .sidebar-search .form-control::-webkit-input-placeholder,
html body .wrapper .sidebar-search input#menu-search::-webkit-input-placeholder,
html body .wrapper .sidebar-search .search-icon {
    color: rgba(255, 255, 255, 0.58) !important;
}

html body .wrapper .sidebar-search .search-box:focus-within {
    background: rgba(255, 255, 255, 0.13) !important;
    border-color: rgba(255, 255, 255, 0.35) !important;
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.08) !important;
}

html body .wrapper .sidebar-wrapper .metismenu {
    padding: 12px 12px 26px !important;
}

html body .wrapper .sidebar-wrapper .metismenu li a,
html body .wrapper .sidebar-wrapper .metismenu > li > a,
html body .wrapper .sidebar-wrapper .metismenu .menu-accordion-header > a {
    min-height: 41px !important;
    padding: 7px 12px !important;
    border-radius: 12px !important;
    color: rgba(255, 255, 255, 0.76) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

html body .wrapper .sidebar-wrapper .metismenu li a .parent-icon {
    width: 25px !important;
    height: 25px !important;
    min-width: 25px !important;
    flex-basis: 25px !important;
    margin-right: 10px !important;
    border-radius: 8px !important;
    background: transparent !important;
    color: rgba(255, 255, 255, 0.78) !important;
}

html body .wrapper .sidebar-wrapper .metismenu li a .parent-icon > i,
html body .wrapper .sidebar-wrapper .metismenu li a .parent-icon > .bx {
    font-size: 17px !important;
}

html body .wrapper .sidebar-wrapper .metismenu li a:hover,
html body .wrapper .sidebar-wrapper .metismenu li a:focus,
html body .wrapper .sidebar-wrapper .metismenu li.mm-active > a,
html body .wrapper .sidebar-wrapper .metismenu .menu-accordion-header.mm-active > a {
    background: rgba(255, 255, 255, 0.15) !important;
    border-color: rgba(255, 255, 255, 0.10) !important;
    color: #ffffff !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

html body .wrapper .sidebar-wrapper .metismenu li a:hover .parent-icon,
html body .wrapper .sidebar-wrapper .metismenu li.mm-active > a .parent-icon,
html body .wrapper .sidebar-wrapper .metismenu .menu-accordion-header.mm-active > a .parent-icon {
    background: transparent !important;
    color: #ffffff !important;
}

html body .wrapper .sidebar-wrapper .metismenu .has-arrow::after {
    border-color: rgba(255, 255, 255, 0.58) !important;
}

html body .wrapper .sidebar-wrapper .metismenu ul {
    margin-left: 18px !important;
    padding-left: 10px !important;
    border-left: 1px solid rgba(255, 255, 255, 0.14) !important;
}

html body .wrapper .sidebar-wrapper .metismenu li > ul > li > a {
    min-height: 31px !important;
    color: rgba(255, 255, 255, 0.62) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
}

html body .wrapper .sidebar-wrapper .metismenu li > ul > li > a .parent-icon {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    flex-basis: 20px !important;
    background: transparent !important;
    color: rgba(255, 255, 255, 0.55) !important;
}

html body .wrapper .sidebar-wrapper .metismenu li > ul > li > a:hover,
html body .wrapper .sidebar-wrapper .metismenu li > ul > li.mm-active > a {
    background: rgba(255, 255, 255, 0.09) !important;
    color: #ffffff !important;
}

/* Light topbar */
.topbar {
    background: #ffffff !important;
    border-bottom: 1px solid var(--ekin-line) !important;
    box-shadow: 0 8px 22px rgba(51, 65, 107, 0.045) !important;
    color: var(--ekin-ink) !important;
}

.topbar .navbar .nav-link,
.topbar .user-name,
.topbar .user-info .user-name,
.topbar .user-info p,
.topbar .current-santiye-link,
.topbar .navbar-duyuru-btn,
.topbar .mobile-toggle-menu,
.topbar .mobile-toggle-menu i {
    color: var(--ekin-ink-2) !important;
}

.topbar .navbar-select,
.topbar .current-santiye-link,
.topbar .tenant-db-badge,
.topbar .navbar-duyuru-btn,
.topbar .navbar-mobile-tools-btn {
    min-height: 34px !important;
    background: #f6f7fc !important;
    border: 1px solid var(--ekin-line) !important;
    color: var(--ekin-ink-2) !important;
    border-radius: 9px !important;
}

.topbar .user-box {
    border-left-color: var(--ekin-line) !important;
}

.topbar .user-img,
.topbar .user-idp-badge {
    border-color: var(--ekin-line) !important;
}

/* Cards and surfaces */
.page-wrapper .content-page__header,
.page-wrapper .content-toolbar,
.page-wrapper .content-card,
.page-wrapper .card,
.page-wrapper .table-toolbar,
.page-wrapper .content-page > .content-breadcrumb,
.page-wrapper .page-breadcrumb:has(.breadcrumb),
.page-wrapper nav[class*="-breadcrumb"]:has(.breadcrumb),
.act-widget,
.stat-card,
.empty-state-card,
.setup-wizard-card,
.info-card,
.project-calendar-card,
.project-calendar-card--compact,
.menu-module,
.mod-widget-card,
.pending-approvals-card {
    border-color: var(--ekin-line) !important;
    border-radius: 9px !important;
    background: #ffffff !important;
    box-shadow: 0 10px 24px rgba(51, 65, 107, 0.055) !important;
}

.page-wrapper .content-card .card-header,
.page-wrapper .card.content-card .card-header,
.page-wrapper .card .card-header,
.page-wrapper .bayi-info-header,
.page-wrapper .section-header,
.page-wrapper .merkez-page__header,
.act-widget__header,
.info-card-header,
.mod-widget-card__header,
.menu-module__header,
.project-calendar-card__header,
.project-calendar-card--compact .project-calendar-card__header {
    background: #ffffff !important;
    border-bottom: 1px solid var(--ekin-line) !important;
}

/* Dashboard: flatter welcome, template-style rhythm */
.dashboard-page {
    padding: 0.35rem 0.65rem 2rem !important;
}

.dashboard-hero {
    min-height: 52px !important;
    padding: 0.35rem 0 1rem !important;
    margin-bottom: 0.65rem !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: var(--ekin-ink) !important;
}

.dashboard-hero,
.dashboard-hero .hero-title,
.dashboard-hero .hero-greeting,
.dashboard-hero .hero-santiye,
.dashboard-hero .hero-date,
.dashboard-hero .hero-time {
    color: var(--ekin-ink) !important;
    -webkit-text-fill-color: currentColor !important;
    text-shadow: none !important;
}

.dashboard-hero .hero-title {
    font-size: 1.18rem !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
    color: var(--ekin-ink) !important;
    -webkit-text-fill-color: var(--ekin-ink) !important;
    background: none !important;
    text-shadow: none !important;
}

.dashboard-hero .hero-subtitle,
.dashboard-hero .hero-context,
.dashboard-hero .hero-datetime {
    color: var(--ekin-muted) !important;
}

.dashboard-hero .hero-role-badge,
.dashboard-hero .hero-context,
.dashboard-hero .hero-datetime {
    background: #ffffff !important;
    border: 1px solid var(--ekin-line) !important;
    border-radius: 8px !important;
    color: var(--ekin-ink-2) !important;
    -webkit-text-fill-color: var(--ekin-ink-2) !important;
    box-shadow: none !important;
}

.dashboard-hero .hero-left,
.dashboard-hero .hero-right {
    min-width: 0 !important;
}

.section-title {
    margin-bottom: 0.85rem !important;
    font-size: 1.05rem !important;
    font-weight: 800 !important;
}

.section-title i,
.section-title .section-title-icon,
.act-widget__header i,
.menu-module__icon-wrap,
.project-calendar-card__title-icon,
.stat-icon,
.empty-state-card > i {
    background: var(--ekin-blue-soft) !important;
    border: 1px solid #d9e8ff !important;
    color: var(--ekin-blue) !important;
    border-radius: 8px !important;
}

.act-widget--giris .act-widget__header i,
.menu-module--depo .menu-module__icon-wrap,
.mod-widget-card[data-widget^="modul_depo"] .mod-widget-card__icon {
    background: var(--ekin-teal-soft) !important;
    border-color: #d3f4ee !important;
    color: var(--ekin-teal) !important;
}

.act-widget--hareket .act-widget__header i,
.menu-module--proje .menu-module__icon-wrap,
.mod-widget-card[data-widget^="modul_proje"] .mod-widget-card__icon {
    background: var(--ekin-purple-soft) !important;
    border-color: #ded8ff !important;
    color: var(--ekin-purple) !important;
}

.act-widget--zaman .act-widget__header i,
.menu-module--muhasebe .menu-module__icon-wrap,
.mod-widget-card[data-widget^="modul_muhasebe"] .mod-widget-card__icon {
    background: var(--ekin-teal-soft) !important;
    border-color: #d3f4ee !important;
    color: var(--ekin-teal) !important;
}

.act-widget--veri .act-widget__header i,
.menu-module--arac .menu-module__icon-wrap,
.menu-module--personel .menu-module__icon-wrap,
.menu-module--isg .menu-module__icon-wrap {
    background: var(--ekin-red-soft) !important;
    border-color: var(--ekin-red-line) !important;
    color: var(--ekin-red) !important;
}

.activity-widgets,
.dashboard-menus .menus-bento {
    gap: 1rem !important;
}

.act-widget__header,
.menu-module__header,
.project-calendar-card--compact .project-calendar-card__header {
    padding: 0.9rem 1rem !important;
}

.dashboard-menus .menu-module__nav {
    padding: 0.75rem 1rem 1rem !important;
}

.dashboard-menus .menu-module__link {
    min-height: 44px !important;
    background: #f8f9fe !important;
    border-color: #e8ecf5 !important;
    border-radius: 8px !important;
}

.dashboard-menus .menu-module__link:hover {
    background: #ffffff !important;
    border-color: #d6def0 !important;
    color: var(--ekin-navy) !important;
    box-shadow: 0 8px 18px rgba(51, 65, 107, 0.07) !important;
}

.dashboard-menus .menu-module__link-icon {
    background: #eef2fb !important;
    border-color: #dfe6f4 !important;
    color: var(--ekin-navy) !important;
}

.stat-card.stat-amber .stat-icon {
    background: var(--ekin-amber-soft) !important;
    border-color: #ffe3af !important;
    color: var(--ekin-amber) !important;
}

.stat-card.stat-red .stat-icon,
.pending-header,
.pending-approvals-card .pending-header {
    background: var(--ekin-red-soft) !important;
    border-color: var(--ekin-red-line) !important;
    color: var(--ekin-red) !important;
}

.page-wrapper .btn-primary,
.page-wrapper .btn-warning,
.page-wrapper .btn-amber,
.page-wrapper .content-btn--primary,
.page-wrapper .quick-primary,
.page-wrapper .btn-empty-action,
.page-wrapper .crud-btn-primary,
.page-wrapper .yetki-btn-primary,
.page-wrapper .ihale-btn-amber,
.page-wrapper .project-calendar-jump,
.page-wrapper .setup-step-btn {
    background: var(--ekin-purple) !important;
    border-color: var(--ekin-purple) !important;
    color: #ffffff !important;
}

.page-wrapper .btn-primary:hover,
.page-wrapper .btn-warning:hover,
.page-wrapper .btn-amber:hover,
.page-wrapper .content-btn--primary:hover,
.page-wrapper .quick-primary:hover,
.page-wrapper .btn-empty-action:hover,
.page-wrapper .crud-btn-primary:hover,
.page-wrapper .yetki-btn-primary:hover,
.page-wrapper .ihale-btn-amber:hover,
.page-wrapper .project-calendar-jump:hover,
.page-wrapper .setup-step-btn:hover {
    background: #6650e8 !important;
    border-color: #6650e8 !important;
}

.project-calendar-card--compact .project-calendar-cell.is-today {
    border-color: var(--ekin-purple) !important;
    box-shadow: inset 0 0 0 1px var(--ekin-purple) !important;
}

/* Sidebar toggle: topbar hamburger, aligned like the reference layout */
html body .wrapper .topbar .mobile-toggle-menu {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 40px !important;
    margin: 0 0.85rem 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: transparent !important;
    color: var(--ekin-ink-2) !important;
    box-shadow: none !important;
    cursor: pointer !important;
    line-height: 1 !important;
}

html body .wrapper .topbar .mobile-toggle-menu i,
html body .wrapper .topbar .mobile-toggle-menu .bx {
    font-size: 24px !important;
    line-height: 1 !important;
    margin: 0 !important;
    color: inherit !important;
}

html body .wrapper .topbar .mobile-toggle-menu:hover,
html body .wrapper .topbar .mobile-toggle-menu:focus-visible {
    background: #f6f7fc !important;
    color: var(--ekin-red) !important;
    outline: none !important;
}

@media screen and (max-width: 575.98px) {
    html body .wrapper .topbar .mobile-toggle-menu {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        min-height: 34px !important;
        margin-right: 0.45rem !important;
        border-radius: 8px !important;
    }

    html body .wrapper .topbar .mobile-toggle-menu i,
    html body .wrapper .topbar .mobile-toggle-menu .bx {
        font-size: 21px !important;
    }
}

/* Topbar action symmetry: avatar must behave like the other icon buttons */
html body .wrapper .topbar .user-box {
    height: auto !important;
    min-height: 0 !important;
    margin-left: 0 !important;
    border-left: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
}

@media screen and (max-width: 1279.98px) {
    html body .wrapper .topbar .top-menu {
        margin-right: 0.65rem !important;
    }

    html body .wrapper .topbar .navbar-duyuru-dropdown {
        margin: 0 0.65rem 0 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    html body .wrapper .topbar .navbar-mobile-tools-btn,
    html body .wrapper .topbar .navbar-duyuru-btn,
    html body .wrapper .topbar .user-box > a {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
        max-width: 40px !important;
        padding: 0 !important;
        margin: 0 !important;
        border-radius: 10px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 40px !important;
    }

    html body .wrapper .topbar .user-box .navbar-user-avatar,
    html body .wrapper .topbar .user-box > a > .user-idp-badge {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
        border-radius: 10px !important;
        margin: 0 !important;
    }

    html body .wrapper .topbar .user-box .navbar-user-avatar img {
        width: 30px !important;
        height: 30px !important;
    }
}

@media screen and (max-width: 575.98px) {
    html body .wrapper .topbar .top-menu {
        margin-right: 0.5rem !important;
    }

    html body .wrapper .topbar .navbar-duyuru-dropdown {
        margin-right: 0.5rem !important;
    }

    html body .wrapper .topbar .mobile-toggle-menu,
    html body .wrapper .topbar .navbar-mobile-tools-btn,
    html body .wrapper .topbar .navbar-duyuru-btn,
    html body .wrapper .topbar .user-box > a {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        min-height: 34px !important;
        max-width: 34px !important;
        border-radius: 8px !important;
        flex-basis: 34px !important;
    }

    html body .wrapper .topbar .user-box .navbar-user-avatar,
    html body .wrapper .topbar .user-box > a > .user-idp-badge {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        min-height: 34px !important;
        border-radius: 8px !important;
    }

    html body .wrapper .topbar .user-box .navbar-user-avatar img {
        width: 26px !important;
        height: 26px !important;
    }
}

/* Compact sidebar menu density */
html body .wrapper .sidebar-wrapper .metismenu {
    padding: 8px 10px 18px !important;
}

html body .wrapper .sidebar-wrapper .metismenu > li {
    margin: 1px 0 !important;
}

html body .wrapper .sidebar-wrapper .metismenu li a,
html body .wrapper .sidebar-wrapper .metismenu > li > a,
html body .wrapper .sidebar-wrapper .metismenu .menu-accordion-header > a {
    min-height: 34px !important;
    padding: 5px 10px !important;
    border-radius: 9px !important;
    line-height: 1.15 !important;
}

html body .wrapper .sidebar-wrapper .metismenu li a .parent-icon {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    flex-basis: 22px !important;
    margin-right: 8px !important;
}

html body .wrapper .sidebar-wrapper .metismenu li a .parent-icon > i,
html body .wrapper .sidebar-wrapper .metismenu li a .parent-icon > .bx {
    font-size: 16px !important;
}

html body .wrapper .sidebar-wrapper .metismenu li a .menu-title {
    min-height: 22px !important;
    line-height: 1.15 !important;
}

html body .wrapper .sidebar-wrapper .metismenu ul {
    margin: 2px 0 4px 16px !important;
    padding: 2px 0 2px 8px !important;
}

html body .wrapper .sidebar-wrapper .metismenu li > ul > li {
    margin: 1px 0 !important;
}

html body .wrapper .sidebar-wrapper .metismenu li > ul > li > a {
    min-height: 31px !important;
    padding: 5px 9px !important;
    border-radius: 8px !important;
}

html body .wrapper .sidebar-wrapper .metismenu li > ul > li > a .parent-icon {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    flex-basis: 20px !important;
    margin-right: 7px !important;
}

html body .wrapper .sidebar-wrapper .metismenu li > ul > li > a .parent-icon > i,
html body .wrapper .sidebar-wrapper .metismenu li > ul > li > a .parent-icon > .bx {
    font-size: 14px !important;
}

html body .wrapper .sidebar-wrapper .metismenu li > ul > li > a .menu-title {
    min-height: 20px !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
}

/* Taseron contracts primary action */
html body .page-wrapper .taseron-sozlesme-new-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.35rem !important;
    min-height: 38px !important;
    padding: 0.52rem 0.95rem !important;
    background: var(--ekin-red) !important;
    border: 1px solid var(--ekin-red) !important;
    border-radius: 10px !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    box-shadow: 0 8px 18px rgba(229, 9, 61, 0.16) !important;
}

html body .page-wrapper .taseron-sozlesme-new-btn *,
html body .page-wrapper .card .card-header .taseron-sozlesme-new-btn *,
html body .page-wrapper .taseron-sozlesme-new-btn i,
html body .page-wrapper .taseron-sozlesme-new-btn i::before,
html body .page-wrapper .card .card-header .taseron-sozlesme-new-btn i,
html body .page-wrapper .card .card-header .taseron-sozlesme-new-btn i::before {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

html body .page-wrapper .taseron-sozlesme-new-btn:hover,
html body .page-wrapper .taseron-sozlesme-new-btn:focus {
    background: var(--ekin-red-dark) !important;
    border-color: var(--ekin-red-dark) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: 0 10px 20px rgba(183, 7, 49, 0.2) !important;
}

/* Dashboard activity: keep the four system activity cards in a clean block. */
@media (min-width: 992px) {
    html body .dashboard-page .activity-widgets {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        align-items: stretch !important;
    }

    html body .dashboard-page .act-widget,
    html body .dashboard-page .act-widget__header,
    html body .dashboard-page .act-widget__body,
    html body .dashboard-page .act-widget__tabs,
    html body .dashboard-page .act-widget__content,
    html body .dashboard-page .act-widget__list {
        min-width: 0 !important;
    }

    html body .dashboard-page .act-widget__header span {
        min-width: 0 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    html body .dashboard-page .act-tab {
        min-width: 0 !important;
        padding-inline: 0.22rem !important;
        font-size: 0.64rem !important;
    }
}

@media (min-width: 577px) and (max-width: 991.98px) {
    html body .dashboard-page .activity-widgets {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        align-items: stretch !important;
    }
}

@media (max-width: 576.98px) {
    html body .dashboard-page .activity-widgets {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}