/* =====================================================================
   RADR — Modern UI katmanı
   Metronic v8 + DevExtreme 21.2 + Bootstrap 5 üzerine ince bir "modern"
   tema uygular. Hiçbir işlevi bozmadan görsel dili günceller.
   Yüklenme sırası: en sonda (style.bundle.css ve site.css'ten sonra).
   ===================================================================== */

:root {
    --radr-primary: #5b7cfa;
    --radr-primary-600: #4a68e8;
    --radr-primary-700: #3b55cf;
    --radr-violet: #7b5bf2;
    --radr-accent: #ffb020;
    --radr-accent-600: #f59e0b;
    --radr-teal: #14b8a6;
    --radr-blue: #3d8bfd;
    --radr-pink: #f43f7f;
    --radr-red: #ef4444;
    --radr-green: #22c55e;

    --radr-ink: #0f172a;
    --radr-ink-2: #1e293b;
    --radr-muted: #64748b;
    --radr-muted-2: #94a3b8;

    --radr-surface: #ffffff;
    --radr-surface-2: #f6f8fc;
    --radr-surface-3: #eef2fb;
    --radr-border: rgba(15, 23, 42, .08);
    --radr-border-strong: rgba(15, 23, 42, .14);

    --radr-radius-sm: 10px;
    --radr-radius: 16px;
    --radr-radius-lg: 22px;

    --radr-shadow-xs: 0 1px 2px rgba(15, 23, 42, .06);
    --radr-shadow-sm: 0 4px 14px rgba(15, 23, 42, .06);
    --radr-shadow-md: 0 12px 30px -12px rgba(15, 23, 42, .22);
    --radr-shadow-lg: 0 24px 60px -20px rgba(37, 48, 97, .35);
    --radr-ring: 0 0 0 4px rgba(91, 124, 250, .18);

    --radr-grad-primary: linear-gradient(135deg, #6a8bff 0%, #5b7cfa 45%, #6f5bf2 100%);
    --radr-grad-accent: linear-gradient(135deg, #ffc75a 0%, #ffb020 55%, #f59e0b 100%);
    --radr-grad-teal: linear-gradient(135deg, #34d3c2 0%, #14b8a6 60%, #0d9488 100%);
    --radr-grad-ink: linear-gradient(135deg, #1f2a44 0%, #16203a 100%);

    --radr-font: "Inter", "Segoe UI", system-ui, -apple-system, Arial, sans-serif;
}

/* ---------------------------------------------------------------------
   0. Genel
   --------------------------------------------------------------------- */
body,
.app-default {
    font-family: var(--radr-font) !important;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

.app-content {
    background:
        radial-gradient(1200px 500px at 100% -10%, rgba(91, 124, 250, .07), transparent 60%),
        radial-gradient(900px 500px at -10% 0%, rgba(255, 176, 32, .07), transparent 55%),
        var(--radr-surface-2);
}

/* İnce, modern kaydırma çubuğu */
* {
    scrollbar-width: thin;
    scrollbar-color: rgba(100, 116, 139, .45) transparent;
}

*::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

*::-webkit-scrollbar-thumb {
    background: rgba(100, 116, 139, .35);
    border-radius: 999px;
    border: 2px solid transparent;
    background-clip: content-box;
}

    *::-webkit-scrollbar-thumb:hover {
        background: rgba(71, 85, 105, .55);
        background-clip: content-box;
    }

/* ---------------------------------------------------------------------
   1. Kartlar
   --------------------------------------------------------------------- */
.card {
    border-radius: var(--radr-radius) !important;
    border: 1px solid var(--radr-border) !important;
    box-shadow: var(--radr-shadow-sm) !important;
    background: var(--radr-surface);
    transition: box-shadow .25s ease, transform .25s ease, border-color .25s ease;
}

    .card:hover {
        box-shadow: var(--radr-shadow-md) !important;
        border-color: var(--radr-border-strong) !important;
    }

.card > .card-header {
    border-bottom: 1px solid var(--radr-border) !important;
    background: transparent !important;
    border-radius: var(--radr-radius) var(--radr-radius) 0 0 !important;
}

.card-header-stretch {
    align-items: center;
}

.card-title {
    color: var(--radr-ink) !important;
    font-weight: 700 !important;
    letter-spacing: -.01em;
}

.card .card-title i,
.card-title i[class*="ki-"],
.card-title i[class*="fa-"] {
    font-size: 1.15rem;
}

.card-body {
    color: var(--radr-ink-2);
}

.card-footer {
    background: transparent;
    border-top: 1px solid var(--radr-border);
}

/* ---------------------------------------------------------------------
   2. Dashboard özet kartları (.dashboardItem)
   --------------------------------------------------------------------- */
.dashboardItem,
.dashboardItemAlt {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: var(--radr-radius-lg) !important;
    min-height: 210px !important;
    box-shadow: var(--radr-shadow-lg) !important;
    background-image: var(--radr-grad-primary) !important;
    transition: transform .28s cubic-bezier(.2, .7, .3, 1), box-shadow .28s ease;
}

.dashboardItemAlt {
    background-image: var(--radr-grad-accent) !important;
}

    .dashboardItem::before,
    .dashboardItemAlt::before {
        content: "";
        position: absolute;
        inset: 0;
        background:
            radial-gradient(420px 220px at 110% -20%, rgba(255, 255, 255, .35), transparent 60%),
            radial-gradient(320px 200px at -20% 120%, rgba(255, 255, 255, .18), transparent 60%);
        pointer-events: none;
    }

    .dashboardItem::after,
    .dashboardItemAlt::after {
        content: "";
        position: absolute;
        right: -40px;
        bottom: -60px;
        width: 190px;
        height: 190px;
        border-radius: 50%;
        background: rgba(255, 255, 255, .10);
        box-shadow: -26px -18px 0 -6px rgba(255, 255, 255, .07);
        pointer-events: none;
    }

    .dashboardItem:hover,
    .dashboardItemAlt:hover {
        transform: translateY(-4px);
    }

    /* Metronic renklerini geçersiz kıl */
    .dashboardItem,
    .dashboardItem * {
        color: #ffffff !important;
    }

    .dashboardItemAlt,
    .dashboardItemAlt * {
        color: #5a3d00 !important;
    }

    .dashboardItem .text-muted,
    .dashboardItemAlt .text-muted {
        opacity: .82 !important;
    }

    .dashboardItem .fs-2hx,
    .dashboardItemAlt .fs-2hx {
        font-weight: 800 !important;
        letter-spacing: -.02em;
        text-shadow: 0 6px 18px rgba(15, 23, 42, .18);
    }

.dashboardItem .liveOn,
.dashboardItemAlt .liveOn {
    background-color: #38f07a !important;
    box-shadow: 0 0 0 4px rgba(56, 240, 122, .25);
}

/* ---------------------------------------------------------------------
   3. Butonlar / form öğeleri
   --------------------------------------------------------------------- */
.btn {
    border-radius: var(--radr-radius-sm) !important;
    font-weight: 600 !important;
    letter-spacing: .01em;
    transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease, color .18s ease;
}

.btn-primary {
    background-image: var(--radr-grad-primary) !important;
    border: 0 !important;
    color: #fff !important;
    box-shadow: 0 8px 20px -10px rgba(91, 124, 250, .9);
}

    .btn-primary:hover,
    .btn-primary:focus {
        box-shadow: 0 12px 26px -10px rgba(91, 124, 250, 1) !important;
        filter: brightness(1.03);
    }

.btn-success {
    background-image: var(--radr-grad-teal) !important;
    border: 0 !important;
    color: #fff !important;
    box-shadow: 0 8px 20px -10px rgba(20, 184, 166, .9);
}

.btn-warning {
    background-image: var(--radr-grad-accent) !important;
    border: 0 !important;
    color: #4a3300 !important;
}

.btn-light-primary {
    background: rgba(91, 124, 250, .12) !important;
    color: var(--radr-primary-700) !important;
    border: 0 !important;
}

.btn-light-danger {
    background: rgba(239, 68, 68, .12) !important;
    color: #b91c1c !important;
    border: 0 !important;
}

.btn:active {
    transform: translateY(1px) scale(.99);
}

.form-control,
.form-select {
    border-radius: var(--radr-radius-sm) !important;
    border: 1px solid var(--radr-border-strong) !important;
    background-color: var(--radr-surface);
    color: var(--radr-ink);
    transition: border-color .18s ease, box-shadow .18s ease;
}

    .form-control:focus,
    .form-select:focus {
        border-color: var(--radr-primary) !important;
        box-shadow: var(--radr-ring) !important;
    }

/* ---------------------------------------------------------------------
   4. DevExtreme DataGrid
   --------------------------------------------------------------------- */
.dx-datagrid {
    margin-top: 16px !important;
    border-radius: var(--radr-radius) !important;
    border: 1px solid var(--radr-border) !important;
    overflow: hidden;
    font-family: var(--radr-font) !important;
    box-shadow: var(--radr-shadow-xs);
}

    .dx-datagrid .dx-datagrid-headers {
        background: var(--radr-surface-3) !important;
        color: var(--radr-ink) !important;
    }

    .dx-datagrid .dx-header-row > td {
        font-weight: 700 !important;
        color: var(--radr-ink) !important;
        border-bottom: 1px solid var(--radr-border-strong) !important;
        font-size: .8rem;
        letter-spacing: .02em;
        text-transform: none;
    }

    .dx-datagrid .dx-datagrid-rowsview .dx-row > td {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        border-bottom: 1px solid rgba(15, 23, 42, .05) !important;
        font-size: .84rem;
    }

    .dx-datagrid .dx-datagrid-rowsview .dx-data-row:nth-child(even) > td {
        background: rgba(246, 248, 252, .55);
    }

    .dx-datagrid .dx-datagrid-rowsview .dx-data-row:hover > td,
    .dx-datagrid .dx-datagrid-rowsview .dx-row-focused > td {
        background: rgba(91, 124, 250, .08) !important;
    }

    .dx-datagrid .dx-datagrid-rowsview .dx-selection > td,
    .dx-datagrid .dx-datagrid-rowsview .dx-selection:hover > td {
        background: rgba(91, 124, 250, .14) !important;
        color: var(--radr-ink) !important;
    }

    .dx-datagrid .dx-datagrid-pager {
        border-top: 1px solid var(--radr-border) !important;
        background: var(--radr-surface-2);
    }

    .dx-datagrid .dx-datagrid-group-panel {
        background: var(--radr-surface-2) !important;
        border-bottom: 1px solid var(--radr-border) !important;
    }

    .dx-datagrid .dx-datagrid-search-panel,
    .dx-datagrid .dx-datagrid-filter-row .dx-editor-cell .dx-texteditor {
        border-radius: var(--radr-radius-sm) !important;
    }

    .dx-datagrid .dx-toolbar {
        padding: 8px;
    }

    /* Grup satırları */
    .dx-datagrid .dx-group-row > td {
        background: rgba(91, 124, 250, .06) !important;
        font-weight: 600;
    }

    /* Başlıkta sıralama okları */
    .dx-datagrid .dx-column-indicators .dx-sort {
        color: var(--radr-primary) !important;
    }

/* TreeList */
.dx-treelist {
    border-radius: var(--radr-radius) !important;
    border: 1px solid var(--radr-border) !important;
    overflow: hidden;
    font-family: var(--radr-font) !important;
}

    .dx-treelist .dx-treelist-headers {
        background: var(--radr-surface-3) !important;
    }

/* DevExtreme düğmeler */
.dx-button {
    border-radius: var(--radr-radius-sm) !important;
    font-weight: 600 !important;
    font-family: var(--radr-font) !important;
    transition: box-shadow .18s ease, filter .18s ease;
}

    .dx-button.dx-button-default,
    .dx-button.dx-button-mode-contained.dx-button-default {
        background-image: var(--radr-grad-primary) !important;
        color: #fff !important;
        border: 0 !important;
        box-shadow: 0 8px 18px -10px rgba(91, 124, 250, .9);
    }

    .dx-button:hover {
        filter: brightness(1.04);
    }

/* Text editor / input */
.dx-texteditor {
    border-radius: var(--radr-radius-sm) !important;
    font-family: var(--radr-font) !important;
}

    .dx-texteditor.dx-editor-outlined {
        border-color: var(--radr-border-strong) !important;
    }

    .dx-texteditor.dx-state-focused {
        border-color: var(--radr-primary) !important;
        box-shadow: var(--radr-ring) !important;
    }

/* Tabs (dx-tabs + bootstrap nav-tabs) */
.dx-tab {
    border-radius: var(--radr-radius-sm) var(--radr-radius-sm) 0 0 !important;
    font-weight: 600;
}

    .dx-tab.dx-tab-selected {
        color: var(--radr-primary-700) !important;
    }

.nav-line-tabs .nav-link {
    font-weight: 600;
    color: var(--radr-muted);
    border-radius: var(--radr-radius-sm) var(--radr-radius-sm) 0 0;
    transition: color .18s ease, background-color .18s ease;
}

    .nav-line-tabs .nav-link.active {
        color: var(--radr-primary-700) !important;
    }

    .nav-line-tabs .nav-link:hover {
        background: rgba(91, 124, 250, .06);
    }

/* ---------------------------------------------------------------------
   5. Grafikler (DevExtreme dxChart / Chart.js / ısı haritası)
   --------------------------------------------------------------------- */
.dx-chart {
    font-family: var(--radr-font) !important;
}

    .dx-chart .dxc-title text {
        font-weight: 700 !important;
        fill: var(--radr-ink) !important;
    }

    .dx-chart .dxc-legend text {
        fill: var(--radr-ink-2) !important;
        font-weight: 600 !important;
    }

    .dx-chart .dxc-grid line,
    .dx-chart .dxc-gridV line {
        stroke: rgba(15, 23, 42, .06) !important;
    }

    .dx-chart .dxc-axis text {
        fill: var(--radr-muted) !important;
    }

    /* Grafiklerin üzerine gelince hafif yükselme */
    .chart-container,
    #heatmapContainer {
        border-radius: var(--radr-radius-sm);
    }

/* Isı haritası hücreleri */
.hm-cell {
    border-radius: 6px !important;
    transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
    cursor: pointer;
}

    .hm-cell:hover {
        transform: scale(1.12);
        box-shadow: 0 4px 12px rgba(15, 23, 42, .25);
        z-index: 2;
        position: relative;
    }

/* Top-list bar grafiği */
.bar-track {
    background: rgba(15, 23, 42, .06) !important;
    height: 14px !important;
    border-radius: 999px !important;
}

.bar-fill {
    border-radius: 999px !important;
    box-shadow: 0 2px 8px -3px rgba(15, 23, 42, .35);
}

.bar-row {
    padding: 3px 0;
    border-radius: 8px;
    transition: background-color .15s ease;
}

    .bar-row:hover {
        background: rgba(91, 124, 250, .06);
    }

.bar-title {
    color: var(--radr-ink);
    font-weight: 700;
}

/* ---------------------------------------------------------------------
   6. SweetAlert2 — modern
   --------------------------------------------------------------------- */
.swal2-popup.radr-swal,
.swal2-popup {
    border-radius: var(--radr-radius-lg) !important;
    padding: 1.6rem 1.4rem !important;
    font-family: var(--radr-font) !important;
    box-shadow: var(--radr-shadow-lg) !important;
    border: 1px solid var(--radr-border);
}

.swal2-title {
    font-weight: 800 !important;
    color: var(--radr-ink) !important;
    letter-spacing: -.01em;
    font-size: 1.35rem !important;
}

.swal2-html-container {
    color: var(--radr-muted) !important;
    font-size: .95rem !important;
}

.swal2-icon {
    margin-top: .2rem !important;
    border-width: 2px !important;
}

.swal2-actions {
    gap: 10px;
    margin-top: 1.4rem !important;
}

    .swal2-actions .swal2-confirm,
    .swal2-actions .swal2-cancel,
    .swal2-actions .swal2-deny {
        border-radius: var(--radr-radius-sm) !important;
        font-weight: 700 !important;
        padding: .65rem 1.4rem !important;
        box-shadow: none !important;
        transition: transform .16s ease, box-shadow .16s ease, filter .16s ease;
    }

    .swal2-actions .swal2-confirm {
        background-image: var(--radr-grad-primary) !important;
        box-shadow: 0 10px 22px -12px rgba(91, 124, 250, .95) !important;
    }

    .swal2-actions .swal2-cancel {
        background: #eef2fb !important;
        color: var(--radr-ink-2) !important;
    }

    .swal2-actions .swal2-deny {
        background: #fee2e2 !important;
        color: #b91c1c !important;
    }

    .swal2-actions button:hover {
        transform: translateY(-1px);
        filter: brightness(1.03);
    }

/* Toast (Swal toast) */
.swal2-toast {
    border-radius: 14px !important;
    box-shadow: var(--radr-shadow-md) !important;
    padding: .7rem .9rem !important;
}

    .swal2-toast .swal2-title {
        font-size: .9rem !important;
        font-weight: 600 !important;
    }

.swal2-timer-progress-bar {
    background: var(--radr-primary) !important;
}

.swal2-input,
.swal2-textarea,
.swal2-select {
    border-radius: var(--radr-radius-sm) !important;
    border: 1px solid var(--radr-border-strong) !important;
    box-shadow: none !important;
}

    .swal2-input:focus,
    .swal2-textarea:focus {
        border-color: var(--radr-primary) !important;
        box-shadow: var(--radr-ring) !important;
    }

/* ---------------------------------------------------------------------
   7. Toastr — modern
   --------------------------------------------------------------------- */
#toast-container > div {
    border-radius: 14px !important;
    box-shadow: var(--radr-shadow-md) !important;
    opacity: .98 !important;
    padding: 16px 18px 16px 54px !important;
    font-family: var(--radr-font) !important;
    background-position: 16px center !important;
    background-size: 20px !important;
    border: 1px solid var(--radr-border);
}

    #toast-container > div:hover {
        box-shadow: var(--radr-shadow-lg) !important;
        opacity: 1 !important;
    }

#toast-container > .toast-success {
    background-image: linear-gradient(135deg, #22c55e, #16a34a) !important;
}

#toast-container > .toast-info {
    background-image: var(--radr-grad-primary) !important;
}

#toast-container > .toast-warning {
    background-image: var(--radr-grad-accent) !important;
}

#toast-container > .toast-error {
    background-image: linear-gradient(135deg, #f87171, #dc2626) !important;
}

.toast-message {
    font-weight: 600;
    letter-spacing: .01em;
}

/* ---------------------------------------------------------------------
   8. Header aksiyon kümesi (bildirim + profil avatar)
   --------------------------------------------------------------------- */
.radr-actions-cluster {
    display: flex;
    align-items: center;
    gap: .6rem;
}

/* Her menü kendi kapsayıcısında: Metronic data-kt-menu-attach="parent"
   doğru öğeye bağlansın diye tetikleyici + dropdown sarmalanır */
.radr-nav-item {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.radr-actions-divider {
    width: 1px;
    height: 26px;
    border-radius: 2px;
    background: var(--radr-border-strong);
}

/* --- Bildirim zili / tema düğmesi ile aynı dil --- */
.radr-icon-btn {
    position: relative;
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    border: 1px solid var(--radr-border) !important;
    background: var(--radr-surface-2) !important;
    color: var(--radr-ink-2) !important;
    box-shadow: var(--radr-shadow-xs);
    cursor: pointer;
    transition: background-color .18s ease, color .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}

    .radr-icon-btn:hover,
    .radr-icon-btn.show {
        background: rgba(91, 124, 250, .12) !important;
        border-color: rgba(91, 124, 250, .35) !important;
        color: var(--radr-primary-700) !important;
        transform: translateY(-1px);
        box-shadow: var(--radr-shadow-sm);
    }

    .radr-icon-btn:active {
        transform: translateY(0) scale(.96);
    }

    .radr-icon-btn i {
        line-height: 1;
    }

.radr-notif-badge {
    position: absolute;
    top: -5px;
    right: -5px;
    min-width: 19px;
    height: 19px;
    padding: 0 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: linear-gradient(135deg, #f87171, #dc2626);
    color: #fff;
    font-size: .62rem;
    font-weight: 700;
    line-height: 1;
    box-shadow: 0 2px 8px rgba(220, 38, 38, .45);
    border: 2px solid var(--radr-surface);
}

/* Eski nokta göstergesi artık rozet ile çakışmasın */
.radr-has-unread::after {
    display: none !important;
}

/* ---------------------------------------------------------------------
   8b. Bildirim menüsü
   --------------------------------------------------------------------- */
.radr-notif-menu {
    width: 380px !important;
    max-width: calc(100vw - 32px);
    padding: 0 !important;
    border-radius: 18px !important;
    border: 1px solid var(--radr-border) !important;
    box-shadow: var(--radr-shadow-lg) !important;
    overflow: hidden;
    background: var(--radr-surface) !important;
}

.radr-notif-head {
    position: relative;
    padding: 16px 18px 0;
    background: linear-gradient(135deg, rgba(91, 124, 250, .12), rgba(123, 91, 242, .12));
    border-bottom: 1px solid var(--radr-border);
}

.radr-notif-head-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding-bottom: 12px;
}

.radr-notif-heading {
    display: flex;
    align-items: center;
    gap: .7rem;
    min-width: 0;
}

.radr-notif-heading-icon {
    width: 38px;
    height: 38px;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: var(--radr-grad-primary);
    color: #fff;
    font-size: 1rem;
    box-shadow: 0 6px 16px -6px rgba(91, 124, 250, .7);
}

.radr-notif-heading-title {
    font-weight: 800;
    font-size: .95rem;
    color: var(--radr-ink);
    line-height: 1.15;
}

.radr-notif-heading-sub {
    font-size: .72rem;
    font-weight: 600;
    color: var(--radr-muted);
}

.radr-notif-summary {
    flex-shrink: 0;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: .7rem;
    font-weight: 700;
    color: var(--radr-primary-700);
    background: rgba(91, 124, 250, .14);
}

    .radr-notif-summary:empty {
        display: none;
    }

.radr-notif-head-row {
    padding-bottom: 16px;
}

.radr-notif-item {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    padding: 11px 12px;
    border-radius: 13px;
    border: 1px solid transparent;
    transition: background-color .15s ease, border-color .15s ease;
    position: relative;
}

    .radr-notif-item:hover {
        background: rgba(91, 124, 250, .07);
        border-color: rgba(91, 124, 250, .14);
    }

    .radr-notif-item + .radr-notif-item {
        margin-top: 3px;
    }

.radr-notif-icon {
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .95rem;
    font-weight: 700;
    color: #fff;
}

.radr-notif-icon.is-info {
    background-image: var(--radr-grad-primary);
}

.radr-notif-icon.is-success {
    background-image: linear-gradient(135deg, #22c55e, #16a34a);
}

.radr-notif-icon.is-error {
    background-image: linear-gradient(135deg, #f87171, #dc2626);
}

.radr-notif-icon.is-warning {
    background-image: var(--radr-grad-accent);
    color: #4a3300;
}

.radr-notif-body {
    min-width: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.radr-notif-title {
    font-weight: 800;
    color: var(--radr-ink);
    font-size: .76rem;
    letter-spacing: .01em;
}

.radr-notif-text {
    color: var(--radr-muted);
    font-size: .82rem;
    line-height: 1.35;
    word-break: break-word;
}

.radr-notif-time {
    color: var(--radr-muted-2);
    font-size: .7rem;
    font-weight: 600;
    white-space: nowrap;
}

.radr-notif-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .5rem;
    padding: 2.2rem 1rem;
}

.radr-notif-empty-icon {
    width: 50px;
    height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    font-size: 1.3rem;
    color: var(--radr-muted-2);
    background: var(--radr-surface-3);
}

.radr-notif-empty-text {
    font-size: .82rem;
    font-weight: 600;
    color: var(--radr-muted);
}

.radr-notif-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    padding: 12px 16px;
    border-top: 1px solid var(--radr-border);
    background: var(--radr-surface-2);
}

/* ---------------------------------------------------------------------
   8c. Kullanıcı (avatar) çipi ve menüsü
   --------------------------------------------------------------------- */
.radr-user-chip {
    display: inline-flex;
    align-items: center;
    gap: .6rem;
    padding: 4px 10px 4px 4px;
    border-radius: 999px;
    border: 1px solid var(--radr-border);
    background: var(--radr-surface-2);
    box-shadow: var(--radr-shadow-xs);
    cursor: pointer;
    transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

    .radr-user-chip:hover,
    .radr-user-chip.show {
        background: var(--radr-surface);
        border-color: var(--radr-border-strong);
        transform: translateY(-1px);
        box-shadow: var(--radr-shadow-sm);
    }

.radr-user-avatar {
    position: relative;
    width: 32px;
    height: 32px;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    overflow: visible;
    background: var(--radr-grad-primary);
}

    .radr-user-avatar img {
        width: 32px;
        height: 32px;
        border-radius: 50%;
        object-fit: cover;
        display: block;
        border: 2px solid var(--radr-surface);
    }

    .radr-user-avatar .radr-user-avatar-fallback {
        width: 32px;
        height: 32px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: .74rem;
        font-weight: 800;
        color: #fff;
        letter-spacing: .02em;
        border: 2px solid var(--radr-surface);
    }

.radr-user-status {
    position: absolute;
    right: -1px;
    bottom: -1px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--radr-green);
    border: 2px solid var(--radr-surface-2);
    box-shadow: 0 0 0 1px rgba(34, 197, 94, .35);
}

    .radr-user-chip:hover .radr-user-status {
        border-color: var(--radr-surface);
    }

.radr-user-meta {
    flex-direction: column;
    line-height: 1.1;
    max-width: 150px;
    min-width: 0;
}

.radr-user-name {
    font-size: .82rem;
    font-weight: 800;
    color: var(--radr-ink);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.radr-user-role {
    font-size: .68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--radr-muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.radr-user-caret {
    font-size: .8rem;
    color: var(--radr-muted);
    transition: transform .2s ease;
}

.radr-user-chip.show .radr-user-caret {
    transform: rotate(180deg);
}

/* --- Profil açılır menüsü --- */
.radr-user-menu {
    width: 288px !important;
    padding: 0 !important;
    border-radius: 18px !important;
    border: 1px solid var(--radr-border) !important;
    box-shadow: var(--radr-shadow-lg) !important;
    overflow: hidden;
    background: var(--radr-surface) !important;
}

.radr-user-menu-head {
    display: flex;
    align-items: center;
    gap: .85rem;
    padding: 18px;
    background: linear-gradient(135deg, rgba(91, 124, 250, .14), rgba(123, 91, 242, .14));
    border-bottom: 1px solid var(--radr-border);
}

.radr-user-menu-avatar {
    flex-shrink: 0;
    width: 52px;
    height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    overflow: hidden;
    background: var(--radr-grad-primary);
    box-shadow: 0 8px 20px -8px rgba(91, 124, 250, .75);
}

    .radr-user-menu-avatar img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .radr-user-menu-avatar .radr-user-avatar-fallback {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.05rem;
        font-weight: 800;
        color: #fff;
    }

.radr-user-menu-info {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.radr-user-menu-name {
    font-size: .95rem;
    font-weight: 800;
    color: var(--radr-ink);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.radr-user-menu-mail {
    font-size: .74rem;
    font-weight: 600;
    color: var(--radr-muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.radr-user-menu-role {
    align-self: flex-start;
    margin-top: 4px;
    padding: 2px 9px;
    border-radius: 999px;
    font-size: .64rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--radr-primary-700);
    background: rgba(91, 124, 250, .14);
}

.radr-user-menu-body {
    padding: 8px;
}

.radr-menu-link {
    display: flex;
    align-items: center;
    gap: .8rem;
    width: 100%;
    padding: 10px 12px;
    border: 0;
    border-radius: 12px;
    background: transparent;
    text-align: left;
    text-decoration: none !important;
    color: var(--radr-ink-2);
    transition: background-color .15s ease, color .15s ease;
}

    .radr-menu-link > i {
        flex-shrink: 0;
        width: 36px;
        height: 36px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 11px;
        font-size: 1.05rem;
        color: var(--radr-primary-700);
        background: rgba(91, 124, 250, .12);
        transition: background-color .15s ease, color .15s ease;
    }

    .radr-menu-link:hover {
        background: rgba(91, 124, 250, .08);
        color: var(--radr-primary-700);
    }

        .radr-menu-link:hover > i {
            background: var(--radr-grad-primary);
            color: #fff;
        }

.radr-menu-link-text {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.radr-menu-link-title {
    font-size: .85rem;
    font-weight: 700;
    line-height: 1.2;
}

.radr-menu-link-sub {
    font-size: .72rem;
    font-weight: 600;
    color: var(--radr-muted);
}

.radr-menu-link.is-danger > i {
    color: #dc2626;
    background: rgba(239, 68, 68, .12);
}

.radr-menu-link.is-danger:hover {
    background: rgba(239, 68, 68, .08);
    color: #dc2626;
}

    .radr-menu-link.is-danger:hover > i {
        background: linear-gradient(135deg, #f87171, #dc2626);
        color: #fff;
    }

@media (max-width: 575px) {
    .radr-notif-menu {
        width: calc(100vw - 24px) !important;
    }

    .radr-user-chip {
        padding: 4px;
    }
}

/* ---------------------------------------------------------------------
   9. Header / Sidebar / Toolbar
   --------------------------------------------------------------------- */
.app-header {
    background: rgba(255, 255, 255, .82) !important;
    background-color: rgba(255, 255, 255, .82) !important;
    backdrop-filter: saturate(180%) blur(14px);
    -webkit-backdrop-filter: saturate(180%) blur(14px);
    border-bottom: 1px solid var(--radr-border) !important;
    box-shadow: var(--radr-shadow-xs);
}

/* --- Tema (açık/koyu) geçiş düğmesi --- */
.radr-theme-toggle {
    position: relative;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 12px !important;
    border: 1px solid var(--radr-border) !important;
    background: var(--radr-surface-2) !important;
    color: var(--radr-ink-2) !important;
    box-shadow: var(--radr-shadow-xs);
    overflow: hidden;
    transition: background-color .18s ease, color .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}

    .radr-theme-toggle:hover {
        background: rgba(91, 124, 250, .12) !important;
        border-color: rgba(91, 124, 250, .35) !important;
        color: var(--radr-primary-700) !important;
        transform: translateY(-1px);
        box-shadow: var(--radr-shadow-sm);
    }

    .radr-theme-toggle:active {
        transform: translateY(0) scale(.96);
    }

    .radr-theme-toggle i {
        position: absolute;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 1.25rem !important;
        line-height: 1;
        transition: opacity .22s ease, transform .35s cubic-bezier(.2, .7, .3, 1);
    }

    /* Açık mod: güneş görünür, ay gizli */
    .radr-theme-toggle .theme-light-show {
        opacity: 1;
        transform: rotate(0deg) scale(1);
    }

    .radr-theme-toggle .theme-dark-show {
        opacity: 0;
        transform: rotate(-90deg) scale(.55);
    }

    [data-bs-theme="dark"] .radr-theme-toggle .theme-light-show {
        opacity: 0;
        transform: rotate(90deg) scale(.55);
    }

    [data-bs-theme="dark"] .radr-theme-toggle .theme-dark-show {
        opacity: 1;
        transform: rotate(0deg) scale(1);
    }

    /* Metronic'in display:none kuralını geçersiz kıl (yumuşak geçiş için) */
    [data-bs-theme="light"] .radr-theme-toggle .theme-dark-show,
    [data-bs-theme="dark"] .radr-theme-toggle .theme-light-show {
        display: inline-flex !important;
    }

.app-toolbar {
    background: transparent !important;
}

.page-heading {
    color: var(--radr-ink) !important;
    font-weight: 800 !important;
    letter-spacing: -.02em;
}

.breadcrumb .breadcrumb-item a {
    color: var(--radr-muted) !important;
}

    .breadcrumb .breadcrumb-item a:hover {
        color: var(--radr-primary) !important;
    }

.app-sidebar {
    border-top-right-radius: var(--radr-radius) !important;
    border-bottom-right-radius: var(--radr-radius) !important;
    border-right: 1px solid var(--radr-border);
}

    .app-sidebar .menu-link {
        border-radius: 12px !important;
        transition: background-color .16s ease, color .16s ease, transform .16s ease;
    }

        .app-sidebar .menu-link:hover {
            transform: translateX(2px);
        }

        .app-sidebar .menu-link.active {
            background: rgba(91, 124, 250, .14) !important;
            box-shadow: inset 3px 0 0 var(--radr-primary);
        }

#searchInput.search-input {
    border-radius: 12px !important;
}

/* Profil / bilgi satırları (MyProfile vb.) */
.radr-info-row {
    display: flex;
    align-items: center;
    gap: .9rem;
    padding: .8rem .9rem;
    border-radius: 12px;
    transition: background-color .15s ease;
}

    .radr-info-row:hover {
        background: rgba(91, 124, 250, .06);
    }

    .radr-info-row + .radr-info-row {
        margin-top: 2px;
    }

.radr-info-icon {
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.05rem;
    color: rgb(var(--ic, 91, 124, 250));
    background: rgba(var(--ic, 91, 124, 250), .14);
}

.radr-info-label {
    display: block;
    font-size: .72rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--radr-muted);
}

.radr-info-value {
    display: block;
    font-size: .95rem;
    font-weight: 700;
    color: var(--radr-ink);
    word-break: break-word;
}

.radr-theme-row {
    display: flex;
    align-items: center;
    gap: .9rem;
    padding: .8rem .9rem;
    border-radius: 12px;
    background: var(--radr-surface-2);
    border: 1px solid var(--radr-border);
}

    [data-bs-theme="dark"] .radr-theme-row {
        background: var(--radr-surface-3);
    }

/* ---------------------------------------------------------------------
   10. Ufak yardımcılar
   --------------------------------------------------------------------- */
.radr-glass {
    background: rgba(255, 255, 255, .72);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border: 1px solid var(--radr-border);
    border-radius: var(--radr-radius-lg);
}

.radr-chip-soft {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 12px;
    border-radius: 999px;
    font-size: .78rem;
    font-weight: 700;
    background: rgba(91, 124, 250, .12);
    color: var(--radr-primary-700);
}

.badge {
    border-radius: 999px !important;
    font-weight: 700 !important;
}

.pagination .page-link {
    border-radius: 10px !important;
    margin: 0 2px;
    border: 1px solid var(--radr-border);
    color: var(--radr-ink-2);
}

.pagination .page-item.active .page-link {
    background-image: var(--radr-grad-primary);
    border: 0;
    color: #fff;
}

.loading-overlay {
    border-radius: var(--radr-radius);
    backdrop-filter: blur(2px);
}

.spinner-border.text-primary {
    color: var(--radr-primary) !important;
}

/* ---------------------------------------------------------------------
   11. Koyu mod rötuşları
   --------------------------------------------------------------------- */
[data-bs-theme="dark"] {
    --radr-surface: #131a2b;
    --radr-surface-2: #0f1524;
    --radr-surface-3: #1a2236;
    --radr-ink: #e8edf7;
    --radr-ink-2: #c7d0e0;
    --radr-muted: #93a0b8;
    --radr-border: rgba(255, 255, 255, .08);
    --radr-border-strong: rgba(255, 255, 255, .16);
}

    [data-bs-theme="dark"] .app-content {
        background:
            radial-gradient(1200px 500px at 100% -10%, rgba(91, 124, 250, .12), transparent 60%),
            radial-gradient(900px 500px at -10% 0%, rgba(255, 176, 32, .08), transparent 55%),
            var(--radr-surface-2);
    }

    [data-bs-theme="dark"] .app-header {
        background: rgba(19, 26, 43, .82) !important;
        background-color: rgba(19, 26, 43, .82) !important;
    }

    [data-bs-theme="dark"] .dx-datagrid .dx-datagrid-rowsview .dx-data-row:nth-child(even) > td {
        background: rgba(255, 255, 255, .02);
    }

@keyframes radr-float-in {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-in {
    animation: radr-float-in .4s ease both;
}

/* ---------------------------------------------------------------------
   12. Menü ikonları (Bootstrap Icons, renkli yumuşak kutular)
   --------------------------------------------------------------------- */
.radr-mi-blue { --mi: 91, 124, 250; }
.radr-mi-violet { --mi: 123, 91, 242; }
.radr-mi-teal { --mi: 20, 184, 166; }
.radr-mi-sky { --mi: 14, 165, 233; }
.radr-mi-pink { --mi: 244, 63, 127; }
.radr-mi-orange { --mi: 249, 115, 22; }
.radr-mi-green { --mi: 34, 197, 94; }
.radr-mi-amber { --mi: 245, 158, 11; }
.radr-mi-slate { --mi: 148, 163, 184; }
.radr-mi-indigo { --mi: 99, 102, 241; }

.app-sidebar .menu-link .menu-icon.radr-mi {
    width: 32px !important;
    height: 32px;
    flex-shrink: 0;
    margin-right: .7rem !important;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(var(--mi), .16);
    box-shadow: inset 0 0 0 1px rgba(var(--mi), .22);
    transition: background .18s ease, box-shadow .18s ease, transform .18s ease;
}

    .app-sidebar .menu-link .menu-icon.radr-mi i {
        font-size: 1.02rem !important;
        line-height: 1;
        color: rgb(var(--mi)) !important;
        transition: color .18s ease;
    }

.app-sidebar .menu-link:hover .menu-icon.radr-mi {
    background: rgba(var(--mi), .26);
    transform: scale(1.05);
}

.app-sidebar .menu-link.active .menu-icon.radr-mi,
.app-sidebar .menu-item.here > .menu-link .menu-icon.radr-mi,
.app-sidebar .menu-item.show > .menu-link .menu-icon.radr-mi {
    background: linear-gradient(135deg, rgba(var(--mi), 1), rgba(var(--mi), .78));
    box-shadow: 0 6px 16px -6px rgba(var(--mi), .9);
}

    .app-sidebar .menu-link.active .menu-icon.radr-mi i,
    .app-sidebar .menu-item.here > .menu-link .menu-icon.radr-mi i,
    .app-sidebar .menu-item.show > .menu-link .menu-icon.radr-mi i {
        color: #fff !important;
    }

.app-sidebar .menu-sub .menu-link {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
}

.app-sidebar .menu-link .menu-icon.radr-sub-icon {
    width: 22px !important;
    margin-right: .55rem !important;
    display: inline-flex;
    justify-content: center;
}

    .app-sidebar .menu-link .menu-icon.radr-sub-icon i {
        font-size: .95rem !important;
        color: #9fb0d0 !important;
        opacity: .9;
        transition: opacity .16s ease, color .16s ease;
    }

.app-sidebar .menu-link:hover .menu-icon.radr-sub-icon i {
    opacity: 1;
    color: #dbe3f5 !important;
}

.app-sidebar .menu-link.active .menu-icon.radr-sub-icon i {
    opacity: 1;
    color: #8aa2ff !important;
}

/* ---------------------------------------------------------------------
   13. Sayfa bileşenleri (hero, istatistik, özellik, boş durum)
   --------------------------------------------------------------------- */
.radr-hero {
    position: relative;
    overflow: hidden;
    border-radius: var(--radr-radius-lg);
    color: #fff;
    background: var(--radr-grad-primary);
    box-shadow: var(--radr-shadow-lg);
}

    .radr-hero::before {
        content: "";
        position: absolute;
        inset: 0;
        background:
            radial-gradient(520px 260px at 105% -30%, rgba(255, 255, 255, .28), transparent 60%),
            radial-gradient(420px 240px at -10% 130%, rgba(255, 176, 32, .35), transparent 60%);
        pointer-events: none;
    }

    .radr-hero::after {
        content: "";
        position: absolute;
        inset: 0;
        background-image:
            linear-gradient(rgba(255, 255, 255, .06) 1px, transparent 1px),
            linear-gradient(90deg, rgba(255, 255, 255, .06) 1px, transparent 1px);
        background-size: 34px 34px;
        mask-image: linear-gradient(90deg, transparent, #000 60%);
        -webkit-mask-image: linear-gradient(90deg, transparent, #000 60%);
        pointer-events: none;
    }

.radr-hero-about {
    background: linear-gradient(135deg, #1f2a5c 0%, #3b4fd1 48%, #6f5bf2 100%);
}

.radr-hero-body {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1.5rem;
    padding: 2rem 2.2rem;
}

.radr-hero-icon,
.radr-hero-logo {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    background: rgba(255, 255, 255, .16);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .28);
    backdrop-filter: blur(6px);
}

.radr-hero-icon {
    width: 64px;
    height: 64px;
    font-size: 1.9rem;
}

.radr-hero-logo {
    width: 104px;
    height: 104px;
    padding: 14px;
}

    .radr-hero-logo img {
        max-width: 100%;
        max-height: 100%;
    }

.radr-hero-eyebrow {
    display: inline-block;
    margin-bottom: .4rem;
    padding: 4px 12px;
    border-radius: 999px;
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    background: rgba(255, 255, 255, .16);
}

.radr-hero-title {
    color: #fff !important;
    font-size: 1.65rem;
    font-weight: 800;
    letter-spacing: -.02em;
    margin-bottom: .35rem;
}

.radr-hero-text {
    color: rgba(255, 255, 255, .82);
    font-size: 1rem;
    max-width: 760px;
}

.radr-hero-btn {
    border-radius: 12px !important;
    font-weight: 700 !important;
    background: rgba(255, 255, 255, .95) !important;
    color: var(--radr-primary-700) !important;
    border: 0 !important;
}

.radr-hero-meta {
    display: flex;
    gap: .75rem;
}

    .radr-hero-meta > div {
        min-width: 120px;
        padding: .75rem 1rem;
        border-radius: 14px;
        background: rgba(255, 255, 255, .12);
        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .2);
    }

    .radr-hero-meta span {
        display: block;
        font-size: .72rem;
        text-transform: uppercase;
        letter-spacing: .06em;
        color: rgba(255, 255, 255, .72);
    }

    .radr-hero-meta strong {
        font-size: 1.05rem;
        color: #fff;
    }

.radr-stat {
    display: flex;
    align-items: center;
    gap: 1rem;
    height: 100%;
    padding: 1.25rem 1.4rem;
    border-radius: var(--radr-radius);
    background: var(--radr-surface);
    border: 1px solid var(--radr-border);
    box-shadow: var(--radr-shadow-sm);
}

.radr-stat-icon,
.radr-section-icon,
.radr-empty-icon {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    color: rgb(var(--ic));
    background: rgba(var(--ic), .14);
}

.radr-stat-icon {
    width: 48px;
    height: 48px;
    font-size: 1.35rem;
}

.radr-section-icon {
    width: 44px;
    height: 44px;
    font-size: 1.2rem;
}

.radr-empty-icon {
    width: 56px;
    height: 56px;
    font-size: 1.6rem;
    border-radius: 16px;
}

.radr-stat-icon i,
.radr-section-icon i,
.radr-empty-icon i,
.radr-hero-icon i {
    color: inherit !important;
    font-size: inherit !important;
    line-height: 1;
}

.radr-hero-btn i,
.radr-cta-card .btn i,
.radr-empty .btn i {
    color: inherit !important;
}

.is-blue { --ic: 91, 124, 250; }
.is-violet { --ic: 123, 91, 242; }
.is-teal { --ic: 20, 184, 166; }
.is-amber { --ic: 245, 158, 11; }
.is-red { --ic: 239, 68, 68; }
.is-pink { --ic: 244, 63, 127; }
.is-sky { --ic: 14, 165, 233; }

.radr-stat-label {
    font-size: .78rem;
    font-weight: 600;
    color: var(--radr-muted);
    text-transform: uppercase;
    letter-spacing: .04em;
}

.radr-stat-value {
    font-size: 1.35rem;
    font-weight: 800;
    color: var(--radr-ink);
    letter-spacing: -.01em;
    min-height: 1.9rem;
}

.radr-status {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 1rem;
}

    .radr-status::before {
        content: "";
        width: 9px;
        height: 9px;
        border-radius: 50%;
        background: currentColor;
        box-shadow: 0 0 0 4px color-mix(in srgb, currentColor 20%, transparent);
    }

    .radr-status.is-ok { color: var(--radr-teal); }
    .radr-status.is-warn { color: var(--radr-accent-600); }
    .radr-status.is-error { color: var(--radr-red); }

.radr-skeleton {
    display: inline-block;
    width: 90px;
    height: 1.1rem;
    border-radius: 6px;
    background: linear-gradient(90deg, var(--radr-surface-3) 25%, var(--radr-border-strong) 50%, var(--radr-surface-3) 75%);
    background-size: 200% 100%;
    animation: radr-shimmer 1.2s linear infinite;
}

@keyframes radr-shimmer {
    to { background-position: -200% 0; }
}

.radr-spin {
    display: inline-block;
    animation: radr-rotate .8s linear infinite;
}

@keyframes radr-rotate {
    to { transform: rotate(360deg); }
}

.radr-empty {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1.25rem;
}

    .radr-empty > div:not(.radr-empty-icon) {
        flex: 1 1 320px;
        min-width: 0;
    }

    .radr-empty h4 {
        color: var(--radr-ink);
        font-weight: 700;
    }

    .radr-empty code,
    .radr-empty .radr-mono {
        font-size: .8rem;
        color: var(--radr-ink-2);
        background: var(--radr-surface-3);
        border-radius: 6px;
        padding: 2px 6px;
    }

    .radr-empty .radr-mono {
        display: inline-block;
        font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    }

.radr-version-pill {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 999px;
    font-weight: 700;
    font-size: .8rem;
    color: var(--radr-primary-700);
    background: rgba(91, 124, 250, .12);
}

.radr-feature {
    display: flex;
    gap: 1rem;
    height: 100%;
    padding: 1.2rem;
    border-radius: var(--radr-radius);
    border: 1px solid var(--radr-border);
    background: var(--radr-surface-2);
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

    .radr-feature:hover {
        transform: translateY(-2px);
        box-shadow: var(--radr-shadow-md);
        border-color: var(--radr-border-strong);
    }

    .radr-feature h5 {
        margin-bottom: .3rem;
        font-weight: 700;
        color: var(--radr-ink);
    }

    .radr-feature p {
        margin: 0;
        font-size: .9rem;
        color: var(--radr-muted);
    }

.radr-cta-card {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1.25rem;
    padding: 1.6rem 1.8rem;
    border-radius: var(--radr-radius-lg);
    border: 1px dashed rgba(91, 124, 250, .45);
    background:
        radial-gradient(400px 160px at 100% 0, rgba(91, 124, 250, .10), transparent 70%),
        var(--radr-surface);
}

    .radr-cta-card h4 {
        font-weight: 800;
        color: var(--radr-ink);
    }

    .radr-cta-card p {
        color: var(--radr-muted);
    }

/* ---------------------------------------------------------------------
   13b. Destek / Ticket sayfası
   --------------------------------------------------------------------- */
.radr-hero-tickets {
    background: linear-gradient(135deg, #12203f 0%, #2b46c9 55%, #6f5bf2 100%);
}

.radr-hero-updates {
    background: linear-gradient(135deg, #0d2a3a 0%, #0f6f8f 55%, #14b8a6 100%);
}

.radr-chip {
    display: inline-flex;
    align-items: center;
    padding: 4px 11px;
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 700;
    color: var(--radr-primary-700);
    background: rgba(91, 124, 250, .12);
}

.radr-field-label {
    display: block;
    margin-bottom: .45rem;
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .01em;
    color: var(--radr-ink-2);
}

.radr-field {
    position: relative;
    display: flex;
    align-items: center;
}

    .radr-field.is-invalid .radr-field-input {
        border-color: var(--radr-red) !important;
        box-shadow: 0 0 0 4px rgba(239, 68, 68, .12) !important;
    }

    .radr-field.is-invalid .radr-field-icon {
        color: var(--radr-red);
    }

.radr-field-icon {
    position: absolute;
    left: 14px;
    font-size: 1rem;
    color: var(--radr-muted-2);
    pointer-events: none;
    transition: color .15s ease;
}

    .radr-field-icon.is-top {
        top: 15px;
    }

.radr-field-input {
    width: 100%;
    padding-left: 42px !important;
    min-height: 46px;
    border-radius: 13px !important;
    background: var(--radr-surface-2) !important;
}

    .radr-field-input:focus {
        background: var(--radr-surface) !important;
    }

    .radr-field-input:focus ~ .radr-field-icon,
    .radr-field:focus-within .radr-field-icon {
        color: var(--radr-primary);
    }

textarea.radr-field-input {
    padding-top: 13px !important;
    padding-bottom: 13px !important;
    resize: vertical;
}

.radr-field-error {
    min-height: 1rem;
    margin-top: 4px;
    font-size: .74rem;
    font-weight: 600;
    color: var(--radr-red);
}

.radr-counter {
    font-size: .72rem;
    font-weight: 600;
    color: var(--radr-muted-2);
}

.radr-contact-list {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.radr-contact-item {
    display: flex;
    align-items: center;
    gap: .9rem;
    padding: .7rem .8rem;
    border-radius: 14px;
    border: 1px solid transparent;
    text-decoration: none !important;
    transition: background-color .15s ease, border-color .15s ease, transform .15s ease;
}

    .radr-contact-item:hover {
        background: var(--radr-surface-2);
        border-color: var(--radr-border);
        transform: translateX(2px);
    }

.radr-contact-text {
    display: flex;
    flex-direction: column;
    min-width: 0;
    flex: 1;
}

.radr-contact-title {
    font-size: .86rem;
    font-weight: 700;
    color: var(--radr-ink);
}

.radr-contact-sub {
    font-size: .76rem;
    font-weight: 600;
    color: var(--radr-muted);
    word-break: break-word;
}

.radr-contact-arrow {
    color: var(--radr-muted-2);
    transition: color .15s ease, transform .15s ease;
}

.radr-contact-item:hover .radr-contact-arrow {
    color: var(--radr-primary);
    transform: translate(2px, -2px);
}

.radr-tip-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: .55rem;
}

    .radr-tip-list li {
        position: relative;
        padding-left: 1.6rem;
        font-size: .88rem;
        color: var(--radr-muted);
    }

        .radr-tip-list li::before {
            content: "";
            position: absolute;
            left: 0;
            top: .42rem;
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: var(--radr-grad-primary);
            box-shadow: 0 0 0 3px rgba(91, 124, 250, .16);
        }

.radr-tip-note {
    margin-top: 1.1rem;
    padding: .75rem .9rem;
    border-radius: 12px;
    font-size: .8rem;
    color: var(--radr-muted);
    background: var(--radr-surface-2);
    border: 1px dashed var(--radr-border-strong);
}

@media (max-width: 767px) {
    .radr-hero-body {
        padding: 1.5rem;
    }

    .radr-hero-title {
        font-size: 1.3rem;
    }

    .radr-hero-meta {
        width: 100%;
    }
}

/* ---------------------------------------------------------------------
   14. Koyu mod — kapsamlı düzeltmeler
   --------------------------------------------------------------------- */
[data-bs-theme="dark"] {
    --radr-shadow-sm: 0 4px 14px rgba(0, 0, 0, .28);
    --radr-shadow-md: 0 14px 34px -12px rgba(0, 0, 0, .55);
    --radr-shadow-lg: 0 24px 60px -20px rgba(0, 0, 0, .65);
    --radr-primary-700: #8aa2ff;
    --bs-body-bg: #0f1524;
    --bs-app-bg-color: #0f1524;
    --bs-card-bg: #131a2b;
}

    [data-bs-theme="dark"] body,
    [data-bs-theme="dark"] .app-default,
    [data-bs-theme="dark"] .app-wrapper {
        background-color: #0f1524 !important;
    }

    [data-bs-theme="dark"] .card {
        background: var(--radr-surface) !important;
    }

    [data-bs-theme="dark"] .app-sidebar {
        background: #0b1120 !important;
        border-right-color: rgba(255, 255, 255, .06);
    }

    [data-bs-theme="dark"] .app-sidebar-logo {
        border-bottom-color: rgba(255, 255, 255, .06) !important;
    }

    [data-bs-theme="dark"] .app-footer {
        background: transparent !important;
    }

    [data-bs-theme="dark"] .radr-glass {
        background: rgba(19, 26, 43, .72);
    }

    [data-bs-theme="dark"] .bg-light,
    [data-bs-theme="dark"] .bg-white {
        background-color: var(--radr-surface-3) !important;
    }

    [data-bs-theme="dark"] .text-dark,
    [data-bs-theme="dark"] .text-gray-900,
    [data-bs-theme="dark"] .text-gray-800 {
        color: var(--radr-ink) !important;
    }

    [data-bs-theme="dark"] .text-muted,
    [data-bs-theme="dark"] .text-gray-500,
    [data-bs-theme="dark"] .text-gray-600 {
        color: var(--radr-muted) !important;
    }

    [data-bs-theme="dark"] .text-gray-700 {
        color: var(--radr-ink-2) !important;
    }

    [data-bs-theme="dark"] .form-control,
    [data-bs-theme="dark"] .form-select {
        background-color: var(--radr-surface-3);
        color: var(--radr-ink);
    }

        [data-bs-theme="dark"] .form-control::placeholder {
            color: var(--radr-muted);
        }

    [data-bs-theme="dark"] .btn-light {
        background-color: var(--radr-surface-3) !important;
        color: var(--radr-ink) !important;
        border-color: var(--radr-border) !important;
    }

    [data-bs-theme="dark"] .radr-hero-btn {
        background: rgba(255, 255, 255, .95) !important;
        color: #3b55cf !important;
    }

    [data-bs-theme="dark"] .radr-version-pill {
        background: rgba(138, 162, 255, .14);
    }

    /* Grafikler */
    [data-bs-theme="dark"] .dx-chart .dxc-grid line,
    [data-bs-theme="dark"] .dx-chart .dxc-gridV line {
        stroke: rgba(255, 255, 255, .07) !important;
    }

    [data-bs-theme="dark"] .bar-track {
        background: rgba(255, 255, 255, .07) !important;
    }

    /* DevExtreme (dx.dark.css üzerine RADR lacivert yüzeyleri) */
    [data-bs-theme="dark"] .dx-datagrid,
    [data-bs-theme="dark"] .dx-treelist,
    [data-bs-theme="dark"] .dx-pivotgrid,
    [data-bs-theme="dark"] .dx-datagrid .dx-datagrid-rowsview,
    [data-bs-theme="dark"] .dx-treelist .dx-treelist-rowsview,
    [data-bs-theme="dark"] .dx-datagrid .dx-datagrid-rowsview .dx-row > td,
    [data-bs-theme="dark"] .dx-treelist .dx-treelist-rowsview .dx-row > td {
        background-color: var(--radr-surface) !important;
        color: var(--radr-ink-2) !important;
    }

    [data-bs-theme="dark"] .dx-datagrid .dx-datagrid-headers,
    [data-bs-theme="dark"] .dx-datagrid .dx-header-row > td,
    [data-bs-theme="dark"] .dx-treelist .dx-treelist-headers,
    [data-bs-theme="dark"] .dx-treelist .dx-header-row > td,
    [data-bs-theme="dark"] .dx-datagrid .dx-datagrid-filter-row,
    [data-bs-theme="dark"] .dx-datagrid .dx-datagrid-filter-row > td {
        background-color: var(--radr-surface-3) !important;
        color: var(--radr-ink) !important;
    }

    [data-bs-theme="dark"] .dx-datagrid .dx-datagrid-rowsview .dx-row > td,
    [data-bs-theme="dark"] .dx-treelist .dx-treelist-rowsview .dx-row > td,
    [data-bs-theme="dark"] .dx-datagrid .dx-header-row > td {
        border-color: rgba(255, 255, 255, .06) !important;
    }

    [data-bs-theme="dark"] .dx-datagrid .dx-datagrid-rowsview .dx-data-row:nth-child(even) > td {
        background-color: rgba(255, 255, 255, .025) !important;
    }

    [data-bs-theme="dark"] .dx-datagrid .dx-datagrid-rowsview .dx-data-row:hover > td,
    [data-bs-theme="dark"] .dx-datagrid .dx-datagrid-rowsview .dx-row-focused > td,
    [data-bs-theme="dark"] .dx-treelist .dx-treelist-rowsview .dx-data-row:hover > td {
        background-color: rgba(91, 124, 250, .14) !important;
    }

    [data-bs-theme="dark"] .dx-datagrid .dx-datagrid-rowsview .dx-selection > td {
        background-color: rgba(91, 124, 250, .22) !important;
        color: var(--radr-ink) !important;
    }

    [data-bs-theme="dark"] .dx-datagrid .dx-group-row > td {
        background-color: rgba(91, 124, 250, .10) !important;
        color: var(--radr-ink) !important;
    }

    [data-bs-theme="dark"] .dx-datagrid .dx-datagrid-pager,
    [data-bs-theme="dark"] .dx-datagrid .dx-datagrid-group-panel,
    [data-bs-theme="dark"] .dx-datagrid .dx-datagrid-header-panel,
    [data-bs-theme="dark"] .dx-datagrid .dx-toolbar,
    [data-bs-theme="dark"] .dx-datagrid-total-footer,
    [data-bs-theme="dark"] .dx-datagrid .dx-footer-row > td {
        background-color: var(--radr-surface-2) !important;
        color: var(--radr-ink-2) !important;
    }

    [data-bs-theme="dark"] .dx-pager .dx-page,
    [data-bs-theme="dark"] .dx-pager .dx-page-size,
    [data-bs-theme="dark"] .dx-pager .dx-info {
        color: var(--radr-muted) !important;
    }

    [data-bs-theme="dark"] .dx-pager .dx-selection {
        background-color: var(--radr-primary) !important;
        color: #fff !important;
    }

    [data-bs-theme="dark"] .dx-texteditor.dx-editor-outlined,
    [data-bs-theme="dark"] .dx-texteditor.dx-editor-filled,
    [data-bs-theme="dark"] .dx-texteditor.dx-editor-underlined {
        background-color: var(--radr-surface-3) !important;
        border-color: var(--radr-border-strong) !important;
    }

    [data-bs-theme="dark"] .dx-texteditor-input,
    [data-bs-theme="dark"] .dx-placeholder::before {
        color: var(--radr-ink) !important;
    }

    [data-bs-theme="dark"] .dx-placeholder::before {
        color: var(--radr-muted) !important;
    }

    [data-bs-theme="dark"] .dx-button-mode-contained.dx-button-normal,
    [data-bs-theme="dark"] .dx-button-mode-outlined.dx-button-normal {
        background-color: var(--radr-surface-3) !important;
        border-color: var(--radr-border-strong) !important;
        color: var(--radr-ink) !important;
    }

        [data-bs-theme="dark"] .dx-button-mode-contained.dx-button-normal .dx-icon {
            color: var(--radr-ink) !important;
        }

    [data-bs-theme="dark"] .dx-overlay-content,
    [data-bs-theme="dark"] .dx-popup-normal,
    [data-bs-theme="dark"] .dx-dropdowneditor-overlay .dx-overlay-content,
    [data-bs-theme="dark"] .dx-popover-wrapper .dx-popup-content,
    [data-bs-theme="dark"] .dx-context-menu .dx-submenu {
        background-color: var(--radr-surface) !important;
        color: var(--radr-ink-2) !important;
        border-color: var(--radr-border-strong) !important;
        border-radius: var(--radr-radius-sm) !important;
    }

    [data-bs-theme="dark"] .dx-popup-title {
        background-color: var(--radr-surface-3) !important;
        color: var(--radr-ink) !important;
        border-bottom-color: var(--radr-border) !important;
    }

    [data-bs-theme="dark"] .dx-list-item,
    [data-bs-theme="dark"] .dx-list-item-content {
        color: var(--radr-ink-2) !important;
        border-color: var(--radr-border) !important;
    }

    [data-bs-theme="dark"] .dx-list-item.dx-state-hover,
    [data-bs-theme="dark"] .dx-list-item.dx-state-focused {
        background-color: rgba(91, 124, 250, .14) !important;
    }

    [data-bs-theme="dark"] .dx-list-item.dx-list-item-selected {
        background-color: rgba(91, 124, 250, .24) !important;
        color: var(--radr-ink) !important;
    }

    [data-bs-theme="dark"] .dx-checkbox-icon {
        background-color: var(--radr-surface-3) !important;
        border-color: var(--radr-border-strong) !important;
    }

    [data-bs-theme="dark"] .dx-checkbox-checked .dx-checkbox-icon {
        background-color: var(--radr-primary) !important;
        border-color: var(--radr-primary) !important;
        color: #fff !important;
    }

    [data-bs-theme="dark"] .dx-calendar,
    [data-bs-theme="dark"] .dx-calendar-navigator .dx-button {
        background-color: var(--radr-surface) !important;
        color: var(--radr-ink-2) !important;
    }

    [data-bs-theme="dark"] .dx-calendar-cell.dx-calendar-selected-date span {
        background-color: var(--radr-primary) !important;
        color: #fff !important;
    }

    [data-bs-theme="dark"] .dx-tabs,
    [data-bs-theme="dark"] .dx-tab {
        background-color: var(--radr-surface-2) !important;
        color: var(--radr-muted) !important;
    }

    [data-bs-theme="dark"] .dx-tab.dx-tab-selected {
        background-color: var(--radr-surface) !important;
        color: #8aa2ff !important;
    }

    [data-bs-theme="dark"] .dx-loadpanel-content {
        background-color: var(--radr-surface-3) !important;
        color: var(--radr-ink) !important;
        border-radius: var(--radr-radius-sm) !important;
    }

    [data-bs-theme="dark"] .dx-tooltip-wrapper .dx-overlay-content {
        background-color: #1a2236 !important;
        color: var(--radr-ink) !important;
    }

    /* SweetAlert2 */
    [data-bs-theme="dark"] .swal2-popup {
        background: var(--radr-surface) !important;
        color: var(--radr-ink-2) !important;
    }

    [data-bs-theme="dark"] .swal2-actions .swal2-cancel {
        background: var(--radr-surface-3) !important;
        color: var(--radr-ink) !important;
    }

    [data-bs-theme="dark"] .swal2-actions .swal2-deny {
        background: rgba(239, 68, 68, .16) !important;
        color: #fca5a5 !important;
    }

    [data-bs-theme="dark"] .swal2-icon.swal2-success [class^="swal2-success-circular-line"],
    [data-bs-theme="dark"] .swal2-icon.swal2-success .swal2-success-fix {
        background-color: var(--radr-surface) !important;
    }

    [data-bs-theme="dark"] .swal2-input,
    [data-bs-theme="dark"] .swal2-textarea,
    [data-bs-theme="dark"] .swal2-select {
        background: var(--radr-surface-3) !important;
        color: var(--radr-ink) !important;
        border-color: var(--radr-border-strong) !important;
    }

    /* Select2 */
    [data-bs-theme="dark"] .select2-container--default .select2-selection--single,
    [data-bs-theme="dark"] .select2-container--default .select2-selection--multiple,
    [data-bs-theme="dark"] .select2-dropdown {
        background-color: var(--radr-surface-3) !important;
        border-color: var(--radr-border-strong) !important;
        color: var(--radr-ink) !important;
    }

    [data-bs-theme="dark"] .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: var(--radr-ink) !important;
    }

    [data-bs-theme="dark"] .select2-container--default .select2-results__option--highlighted[aria-selected],
    [data-bs-theme="dark"] .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
        background-color: var(--radr-primary) !important;
        color: #fff !important;
    }

    [data-bs-theme="dark"] .select2-container--default .select2-search--dropdown .select2-search__field {
        background-color: var(--radr-surface) !important;
        color: var(--radr-ink) !important;
        border-color: var(--radr-border-strong) !important;
    }

    [data-bs-theme="dark"] .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: rgba(91, 124, 250, .18) !important;
        border-color: transparent !important;
        color: var(--radr-ink) !important;
    }

    /* Bootstrap tablo, modal, dropdown */
    [data-bs-theme="dark"] .table {
        --bs-table-color: var(--radr-ink-2);
        --bs-table-striped-bg: rgba(255, 255, 255, .025);
        --bs-table-hover-bg: rgba(91, 124, 250, .10);
        border-color: var(--radr-border);
    }

    [data-bs-theme="dark"] .modal-content,
    [data-bs-theme="dark"] .dropdown-menu,
    [data-bs-theme="dark"] .menu-sub-dropdown {
        background-color: var(--radr-surface) !important;
        border: 1px solid var(--radr-border) !important;
        color: var(--radr-ink-2);
    }

    [data-bs-theme="dark"] .modal-header,
    [data-bs-theme="dark"] .modal-footer {
        border-color: var(--radr-border) !important;
    }

    /* Sayfalarda satır içi yazılmış açık renkler */
    [data-bs-theme="dark"] .enterprise-card {
        background-color: var(--radr-surface) !important;
        box-shadow: var(--radr-shadow-sm) !important;
        border: 1px solid var(--radr-border) !important;
    }

    [data-bs-theme="dark"] [style*="background: #F9FAFB"],
    [data-bs-theme="dark"] [style*="background:#F9FAFB"] {
        background: var(--radr-surface-2) !important;
        border-color: var(--radr-border) !important;
    }

    [data-bs-theme="dark"] [style*="background-color: #F3F4F6"],
    [data-bs-theme="dark"] [style*="background-color: #f3f3f3"],
    [data-bs-theme="dark"] .bar2-stack {
        background: rgba(255, 255, 255, .07) !important;
    }

    [data-bs-theme="dark"] [style*="color: #333"] {
        color: var(--radr-ink) !important;
    }

    [data-bs-theme="dark"] .status-badge-absent {
        background: rgba(239, 68, 68, .16) !important;
        color: #fca5a5 !important;
    }

    [data-bs-theme="dark"] .status-badge-report {
        background: rgba(245, 158, 11, .16) !important;
        color: #fcd34d !important;
    }

    /* Bildirim / toastr */
    [data-bs-theme="dark"] .radr-notif-item:hover {
        background: rgba(255, 255, 255, .04);
    }

    /* Header aksiyon kümesi */
    [data-bs-theme="dark"] .radr-icon-btn,
    [data-bs-theme="dark"] .radr-user-chip {
        background: rgba(255, 255, 255, .04) !important;
        border-color: rgba(255, 255, 255, .08) !important;
        color: var(--radr-ink-2) !important;
    }

        [data-bs-theme="dark"] .radr-icon-btn:hover,
        [data-bs-theme="dark"] .radr-icon-btn.show,
        [data-bs-theme="dark"] .radr-user-chip:hover,
        [data-bs-theme="dark"] .radr-user-chip.show {
            background: rgba(91, 124, 250, .18) !important;
            border-color: rgba(91, 124, 250, .4) !important;
            color: var(--radr-primary-700) !important;
        }

    [data-bs-theme="dark"] .radr-notif-badge {
        border-color: #0f1524;
    }

    [data-bs-theme="dark"] .radr-notif-head,
    [data-bs-theme="dark"] .radr-user-menu-head,
    [data-bs-theme="dark"] .radr-notif-footer {
        background: rgba(255, 255, 255, .03) !important;
    }

    [data-bs-theme="dark"] .radr-user-status {
        border-color: #131a2b;
    }

    [data-bs-theme="dark"] .radr-menu-link:hover {
        background: rgba(91, 124, 250, .14);
    }

    [data-bs-theme="dark"] .radr-menu-link.is-danger > i {
        color: #fca5a5;
        background: rgba(239, 68, 68, .18);
    }

    [data-bs-theme="dark"] .radr-notif-empty-icon {
        background: rgba(255, 255, 255, .05);
    }

    [data-bs-theme="dark"] #loading {
        background: rgba(15, 21, 36, .7) !important;
    }