.atlas-panel {
    display: block;
    width: 100%;
    margin: 0 0 1rem 0;
    padding: 0 !important;
    border: 1px solid #dbe1ea;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1), 0 8px 16px rgba(0, 0, 0, .1);
    background-color: #fff;
    overflow: hidden;
    box-sizing: border-box;
}

.atlas-panel-header {
    display: block;
    width: 100%;
    margin: 0 !important;
    padding: 12px 16px;
    border: 0;
    border-bottom: 1px solid #dbe1ea;
    box-sizing: border-box;
}

.atlas-panel-header--primary {
    background: linear-gradient(90deg, #1f3b73 0%, #2f5aa8 100%);
}

.atlas-panel-header-title {
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
}

.atlas-panel-body {
    margin: 0;
    /*padding: 12px 16px;*/
}



.dx-icon-custom-save-icon {
    background-image: url("/assets/media/atlas/btnadddoc.png") !important;
    background-size: cover !important;
}

.dx-icon-custom-new-icon {
    background-image: url("/assets/media/atlas/btnadd.png") !important;
    background-size: cover !important;
}

.dx-icon-custom-delete-icon {
    background-image: url("/assets/media/atlas/btndel.png") !important;
    background-size: cover !important;
}

.dx-icon-custom-refresh-icon {
    background-image: url("/assets/media/atlas/btnref.png") !important;
    background-size: cover !important;
}

.disabled-region {
    pointer-events: none; /* Tıklanabilirliği tamamen kaldırır */   
    opacity: 0.8; /* Görsel olarak grileştirme */
    /*background-color: var(--bs-gray-200);*/
}
    /* === ATLAS Disabled Region: Form Elements Become Labels === */
    .disabled-region input,
    .disabled-region select,
    .disabled-region textarea,
    .disabled-region .form-control,
    .disabled-region .form-select {
        border: none !important;
        background: transparent !important;
        box-shadow: none !important;
        color: #000 !important; /* Normal label rengi */
        padding-left: 0 !important;
        pointer-events: none !important;
        cursor: default !important;
    }

        /* Remove background on readonly or disabled */
        .disabled-region input:disabled,
        .disabled-region select:disabled,
        .disabled-region textarea:disabled {
            background: transparent !important;
        }

    /* Select2 → also look like plain text */
    .disabled-region .select2-container--bootstrap5 .select2-selection {
        border: none !important;
        background: transparent !important;
        box-shadow: none !important;
        padding-left: 0 !important;
        cursor: default !important;
        pointer-events: none !important;
    }

    /* Select2 text */
    .disabled-region .select2-selection__rendered {
        color: #000 !important;
        padding-left: 0 !important;
    }
    .disabled-region .select2-container--bootstrap5 .select2-selection__clear {
        display: none !important;
    }


    /* Checkbox görünür, tik görünür, ama tıklanamaz */
    .disabled-region .form-check-input {
        pointer-events: none !important;
        opacity: 1 !important; /* Görünür kalsın */
        background-color: #e9ecef !important; /* Disabled görünümü */
        border-color: #bfbfbf !important;
    }
        /* Varsayılan tik ikonunu kaldır */
        .disabled-region .form-check-input:checked {
            background-image: none !important;
            background-color: #b8b8b8 !important;
        }
            .disabled-region .form-check-input:checked::before {
                background-image: none !important;
            }

            .disabled-region .form-check-input:checked::after {
                background-image: none !important;
            }

        .disabled-region  .form-check-input:checked {
            background-image: none !important;
        }
            /* Metronic / Bootstrap5 pseudo tik ikonunu da kaldır */
            .disabled-region .form-check-input:checked::before {
                background-image: none !important;
                content: "" !important;
            }

            /* Senin özel tik ikonunu ekle */
            .disabled-region .form-check-input:checked[type=checkbox] {
                /* background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 11' width='13' height='11' fill='none'%3e%3cpath d='M11.0426 1.02893C11.3258 0.695792 11.8254 0.655283 12.1585 0.938451C12.4917 1.22162 12.5322 1.72124 12.249 2.05437L5.51985 9.97104C5.23224 10.3094 4.72261 10.3451 4.3907 10.05L0.828197 6.88335C0.50141 6.59288 0.471975 6.09249 0.762452 5.7657C1.05293 5.43891 1.55332 5.40948 1.88011 5.69995L4.83765 8.32889L11.0426 1.02893Z' fill='%23ffffff'/%3e%3c/svg%3e") !important;*/
                background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='white' d='M6.173 12.414 2.343 8.586 3.757 7.172 6.17 9.586 12.243 3.514 13.657 4.928z'/%3e%3c/svg%3e") !important;
            }
            }

    /* DevExpress elements */
    .disabled-region .dx-texteditor,
    .disabled-region .dx-texteditor-input {
        border: none !important;
        background: transparent !important;
        box-shadow: none !important;
        pointer-events: none !important;
    }

/* Yalnızca metin seçimini engellemek isterseniz */
    .disabled-region * {
        user-select: none; /* Metin seçimini engeller */
    }

.enabled-region {
    pointer-events: auto; /* Tıklanabilirliği tamamen kaldırır */
}



/*.even-row {
    background-color: #f5f5f5;*/ /* Açık gri */
    /*border-bottom: 1px solid #ddd !important;
    display: flex;
    align-items: stretch;*/ /* tüm hücreler aynı yüksekliğe gelir */
/*}

.odd-row {
    background-color: #ffffff;*/ /* Beyaz */
    /*border-bottom: 1px solid #ddd !important;
    display: flex;
    align-items: stretch;*/ /* tüm hücreler aynı yüksekliğe gelir */
/*}
    .odd-row > [class*="col-"] { 
        align-items: center;
    } 
    .even-row > [class*="col-"] { 
        align-items: center;
    }*/


/* FORM için özel odd/even renkleri */
.row.fv-row.form-odd {
    background-color: #ffffff !important;
    border-bottom: 1px solid #ddd !important;
}

.row.fv-row.form-even {
    background-color: #f5f5f5 !important;
    border-bottom: 1px solid #ddd !important;
}

 

 input.form-control,
 select.form-select,
 textarea.form-control,
.form-check-input,
.form-check-label,
.select2-container .select2-selection--single,
.select2-container .select2-selection__rendered {
    font-size: 0.875rem !important;  /* Bootstrap fs-8 karşılığı */
 }
.select2-container .select2-selection--multiple .select2-selection__choice {
    font-size: 0.875rem !important;
}
.select2-container .select2-selection--multiple .select2-search__field {
    font-size: 0.875rem !important;
}
.select2-results__option {
    font-size: 0.875rem !important;
}
/* Multiple seçili item (tag) fontu */
.select2-container .select2-selection--multiple .select2-selection__choice,
.select2-container .select2-selection--multiple .select2-selection__choice span {
    font-size: 0.875rem !important; /* fs-8 */
}
.select2-container .select2-selection--multiple .select2-selection__choice__remove {
    font-size: 0.875rem !important;
}
label,
.form-check-label {
    font-size: 0.875rem !important; /* fs-8 */
}
/*

.select2-container .select2-dropdown {
    border: 1px solid #4a90e2 !important;  
}

.select2-container .select2-dropdown {
    background-color: #1e1e1e !important;
}

.select2-results__option--highlighted {
    background-color: #3a6ff5 !important;
    color: white !important;
}

.select2-results__option[aria-selected="true"] {
    background-color: #2c3e50 !important;
    color: #fff !important;
}*/
.select2-container--bootstrap5 .select2-dropdown {
    border: 1px solid #007bff !important;
    border-radius: 8px !important;
    box-shadow: 0 6px 18px rgba(0,0,0,0.15) !important;
    background-color: #fff !important;
}
/*.select2-container--bootstrap5 .select2-results__options {
    border-top: 1px solid #007bff !important;
}*/
.select2-container--bootstrap5 .select2-results__option--highlighted {
    background-color: #f0f8ff !important;
    color: #000 !important;
}


/* Sağ üst köşe konumlandırma */
#kt_modal_customer_note .modal-dialog-slideout {
    position: fixed;
    top: 20px;
    right: 20px;
    margin: 0;
    width: 420px;
    max-width: 90vw;
    animation: slideInRight 0.3s ease-out;
}

/* Animasyon */
@keyframes slideInRight {
    from {
        transform: translateX(100%);
        opacity: 0;
    }

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

/* Modal açılırken backdrop olmasın */
#kt_modal_customer_note.modal {
    background: rgba(0, 0, 0, 0.1);
}

/* Modal içeriği yükseklik sınırı */
#kt_modal_customer_note .modal-body {
    max-height: 60vh;
    overflow-y: auto;
}

/* Mobil responsive */
@media (max-width: 576px) {
    #kt_modal_customer_note .modal-dialog-slideout {
        top: 10px;
        right: 10px;
        left: 10px;
        width: auto;
    }
}

.tab-count-badge {
    position: absolute;
    top: -5px;
    right: -5px;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    font-size: 10px;
    font-weight: 700;
    line-height: 18px;
    text-align: center;
    background-color: #777 !important;
    color: #fff !important;
    border-radius: 50%;
    box-shadow: 0 0 5px rgba(241, 65, 108, 0.5);
}

    /* Count 0 ise gizle */
    .tab-count-badge:empty,
    .tab-count-badge[data-count="0"] {
        display: none;
    }

/* Animasyon efekti */
.tab-count-badge {
    animation: pulse-badge 2s infinite;
}

@keyframes pulse-badge {
    0% {
        box-shadow: 0 0 0 0 rgba(241, 65, 108, 0.7);
    }

    70% {
        box-shadow: 0 0 0 6px rgba(241, 65, 108, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(241, 65, 108, 0);
    }
}

/*#loadingIndicator {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 15px;
    height: 15px;
    text-align: center;
    z-index: 1000;
}

    #loadingIndicator img {
        width: 20%;
        height: 20%;
    }

 
#loadingIndicator {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100vw !important;
    height: 100vh !important;
    background: rgba(0,0,0,0.45);
    backdrop-filter: blur(2px);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999999999 !important;  
}


body.loading {
    overflow: hidden;  
    pointer-events: none;  
}

    body.loading #loadingIndicator {
        pointer-events: auto;  
    }
*/

#miniLoader {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgba(0,0,0,0.85);
    color: white;
    padding: 10px 16px;
    border-radius: 8px;
    font-size: 13px;
    display: none;
    z-index: 999999;
}

.mini-loader-content {
    display: flex;
    align-items: center;
    gap: 8px;
}

.spinner {
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255,255,255,0.3);
    border-top: 2px solid white;
    border-radius: 50%;
    animation: spin 0.6s linear infinite;
}

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

body.loading {
    pointer-events: none;
}

    body.loading #miniLoader {
        pointer-events: auto;
    }
 

/* Tüm row'larda yüksekliği eşitle */
.row.equal-height {
    display: flex;
    align-items: stretch; /* her iç kolonun yüksekliğini eşitler */
}

    .row.equal-height > [class*="col-"] {
        display: flex;
        align-items: center; /* içindeki kontrol (input/select/checkbox) dikey ortalanır */
    }



#atlas-ui-lock {
    position: fixed;
    inset: 0;
    z-index: 999999;
    background: rgba(0,0,0,0.35);
    display: flex;
    align-items: center;
    justify-content: center;
}

.atlas-lock-content {
    background: #1e1e2d;
    color: #fff;
    padding: 14px 22px;
    border-radius: 8px;
    font-size: 13px;
    display: flex;
    align-items: center;
}

 

.dx-widget, .dx-widget *, .dx-widget :after, .dx-widget :before, .dx-widget:after, .dx-widget:before {
    font-size: 12px !important;
}
.dx-header-row > td[role="columnheader"] > div.dx-datagrid-text-content {
    font-size: 12px;
    font-weight: bold;
    color: #1c94c4;
}
.dx-header-row > td[role="columnheader"] {
    background-color: #eee;
}


 

.text-center .dx-datagrid-text-content {
    justify-content: center;
}

.text-middle .dx-datagrid-text-content {
    align-items: center;
}

.dx-compact-grid .dx-datagrid-rowsview .dx-row {
    height: 10px;
}

    .dx-compact-grid .dx-datagrid-rowsview .dx-row > td {
        padding: 2px 6px !important;
        line-height: 15px !important; 
    }


.fv-plugins-message-container.invalid-feedback {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.table-scroll-wrapper {
    max-height: 600px;   /* istediğin yükseklik */
    overflow-y: auto;
}


.customer-group {
    border: 1px solid transparent;
    cursor: pointer;
}

    .customer-group.active {
        border: 2px solid #000000; /* istediğin renk */
    }

.atlas-top-scrollbar {
    width: 100%;
    background: transparent;
}

    .atlas-top-scrollbar::-webkit-scrollbar {
        height: 10px;
    }


.user-link:hover {
    cursor: pointer;
    text-decoration: underline;
}

/* ── Variables ─────────────────────────────────────── */
.perm-root {
    --perm-accent: #3b82f6;
    --perm-accent-light: #eff6ff;
    --perm-accent-dark: #1d4ed8;
    --perm-surface: #ffffff;
    --perm-bg: #f8fafc;
    --perm-border: #e2e8f0;
    --perm-text: #1e293b;
    --perm-muted: #64748b;
    --perm-success: #10b981;
    --perm-danger: #ef4444;
    --perm-radius: 12px;
    --perm-shadow: 0 1px 3px rgba(0,0,0,.06), 0 4px 16px rgba(0,0,0,.04);
    font-family: 'Segoe UI', system-ui, sans-serif;
    color: var(--perm-text);
}

/* ── Layout ────────────────────────────────────────── */
.perm-layout {
    display: flex;
    gap: 24px;
    align-items: flex-start;
}

/* ── Sidebar ───────────────────────────────────────── */
.perm-sidebar {
    width: 280px;
    flex-shrink: 0;
    background: var(--perm-surface);
    border: 1px solid var(--perm-border);
    border-radius: var(--perm-radius);
    box-shadow: var(--perm-shadow);
    overflow: hidden;
}

.perm-sidebar-header {
    padding: 16px 20px;
    border-bottom: 1px solid var(--perm-border);
    background: var(--perm-bg);
}

    .perm-sidebar-header h6 {
        margin: 0 0 12px;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: .08em;
        text-transform: uppercase;
        color: var(--perm-muted);
    }

.perm-search {
    position: relative;
}

    .perm-search input {
        width: 100%;
        padding: 8px 12px 8px 36px;
        border: 1px solid var(--perm-border);
        border-radius: 8px;
        font-size: 13px;
        background: var(--perm-surface);
        color: var(--perm-text);
        outline: none;
        transition: border-color .15s, box-shadow .15s;
        box-sizing: border-box;
    }

        .perm-search input:focus {
            border-color: var(--perm-accent);
            box-shadow: 0 0 0 3px rgba(59,130,246,.12);
        }

.perm-search-icon {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--perm-muted);
    font-size: 14px;
    pointer-events: none;
}

.perm-user-list {
    max-height: 580px;
    overflow-y: auto;
    padding: 8px 0;
}

    .perm-user-list::-webkit-scrollbar {
        width: 4px;
    }

    .perm-user-list::-webkit-scrollbar-track {
        background: transparent;
    }

    .perm-user-list::-webkit-scrollbar-thumb {
        background: var(--perm-border);
        border-radius: 4px;
    }

/* Main Table link */
.perm-main-link {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 20px;
    cursor: pointer;
    text-decoration: none;
    color: var(--perm-accent);
    font-size: 13px;
    font-weight: 600;
    border-bottom: 1px solid var(--perm-border);
    transition: background .12s;
    margin-bottom: 4px;
}

    .perm-main-link:hover {
        background: var(--perm-accent-light);
    }

/* User row */
.perm-user-row {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 20px;
    cursor: pointer;
    transition: background .12s;
    border-radius: 0;
}

    .perm-user-row:hover {
        background: var(--perm-bg);
    }

    .perm-user-row.active {
        background: var(--perm-accent-light);
    }

.perm-avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
    border: 2px solid var(--perm-border);
}

.perm-avatar-fallback {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--perm-accent), var(--perm-accent-dark));
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.perm-user-name {
    font-size: 13px;
    font-weight: 500;
    color: var(--perm-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── Main Content ──────────────────────────────────── */
.perm-content {
    flex: 1;
    min-width: 0;
}

/* ── General Screen ────────────────────────────────── */
.perm-general-screen {
}

.perm-dept-card {
    background: var(--perm-surface);
    border: 1px solid var(--perm-border);
    border-radius: var(--perm-radius);
    box-shadow: var(--perm-shadow);
    margin-bottom: 20px;
    overflow: hidden;
}

.perm-dept-header {
    padding: 14px 20px;
    background: linear-gradient(135deg, #1e293b 0%, #334155 100%);
    display: flex;
    align-items: center;
    gap: 10px;
}

    .perm-dept-header h3 {
        margin: 0;
        font-size: 13px;
        font-weight: 700;
        letter-spacing: .06em;
        text-transform: uppercase;
        color: #fff;
    }

.perm-dept-badge {
    background: rgba(255,255,255,.15);
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 20px;
    margin-left: auto;
}

.perm-dept-table {
    width: 100%;
    border-collapse: collapse;
}

    .perm-dept-table thead tr {
        background: var(--perm-bg);
        border-bottom: 1px solid var(--perm-border);
    }

    .perm-dept-table thead th {
        padding: 10px 16px;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: .06em;
        text-transform: uppercase;
        color: var(--perm-muted);
        text-align: left;
    }

    .perm-dept-table tbody tr {
        border-bottom: 1px solid var(--perm-border);
        transition: background .1s;
    }

        .perm-dept-table tbody tr:last-child {
            border-bottom: none;
        }

        .perm-dept-table tbody tr:hover {
            background: var(--perm-bg);
        }

    .perm-dept-table tbody td {
        padding: 11px 16px;
        font-size: 13px;
        color: var(--perm-text);
    }

.perm-badge-num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    padding: 3px 8px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 700;
}

.perm-badge-total {
    background: #eff6ff;
    color: #2563eb;
}

.perm-badge-used {
    background: #fef3c7;
    color: #b45309;
}

.perm-badge-left {
    background: #f0fdf4;
    color: #16a34a;
}

    .perm-badge-left.low {
        background: #fef2f2;
        color: #dc2626;
    }

/* ── User Detail Screen ────────────────────────────── */
/* .perm-user-screen {
                                            display: none;
                                        } */

.perm-detail-header {
    background: var(--perm-surface);
    border: 1px solid var(--perm-border);
    border-radius: var(--perm-radius);
    box-shadow: var(--perm-shadow);
    padding: 20px 24px;
    margin-bottom: 20px;
}

    .perm-detail-header h5 {
        margin: 0 0 16px;
        font-size: 13px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: .06em;
        color: var(--perm-muted);
    }

.perm-stats-row {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

.perm-stat-box {
    flex: 1;
    min-width: 140px;
    background: var(--perm-bg);
    border: 1px solid var(--perm-border);
    border-radius: 10px;
    padding: 14px 18px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.perm-stat-label {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--perm-muted);
}

.perm-stat-value {
    font-size: 22px;
    font-weight: 800;
    color: var(--perm-text);
    line-height: 1;
}

    .perm-stat-value.blue {
        color: var(--perm-accent);
    }

    .perm-stat-value.amber {
        color: #d97706;
    }

    .perm-stat-value.green {
        color: var(--perm-success);
    }

/* ── Permission List Table ─────────────────────────── */
.perm-list-card {
    background: var(--perm-surface);
    border: 1px solid var(--perm-border);
    border-radius: var(--perm-radius);
    box-shadow: var(--perm-shadow);
    overflow: hidden;
}

.perm-list-card-header {
    padding: 14px 20px;
    border-bottom: 1px solid var(--perm-border);
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--perm-bg);
}

    .perm-list-card-header h6 {
        margin: 0;
        font-size: 13px;
        font-weight: 700;
        color: var(--perm-text);
    }

.perm-btn-print-all {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    background: var(--perm-surface);
    border: 1px solid var(--perm-border);
    border-radius: 7px;
    font-size: 12px;
    font-weight: 600;
    color: var(--perm-text);
    cursor: pointer;
    text-decoration: none;
    transition: background .12s, border-color .12s;
}

    .perm-btn-print-all:hover {
        background: var(--perm-bg);
        border-color: var(--perm-accent);
        color: var(--perm-accent);
    }

.perm-table-wrap {
    overflow-x: auto;
    max-height: 520px;
    overflow-y: auto;
}

    .perm-table-wrap::-webkit-scrollbar {
        width: 4px;
        height: 4px;
    }

    .perm-table-wrap::-webkit-scrollbar-thumb {
        background: var(--perm-border);
        border-radius: 4px;
    }

.perm-list-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 780px;
}

    .perm-list-table thead tr {
        background: var(--perm-bg);
        border-bottom: 2px solid var(--perm-border);
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .perm-list-table thead th {
        padding: 10px 14px;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: .06em;
        text-transform: uppercase;
        color: var(--perm-muted);
        white-space: nowrap;
        text-align: left;
    }

        .perm-list-table thead th.center {
            text-align: center;
        }

    .perm-list-table tbody tr {
        border-bottom: 1px solid var(--perm-border);
        transition: background .1s;
    }

        .perm-list-table tbody tr:last-child {
            border-bottom: none;
        }

        .perm-list-table tbody tr:hover {
            background: var(--perm-bg);
        }

    .perm-list-table tbody td {
        padding: 11px 14px;
        font-size: 13px;
        color: var(--perm-text);
        vertical-align: middle;
    }

        .perm-list-table tbody td.center {
            text-align: center;
        }

.perm-type-pill {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 700;
    background: var(--perm-accent-light);
    color: var(--perm-accent);
    white-space: nowrap;
}

.perm-btn-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 7px;
    border: 1px solid var(--perm-border);
    background: var(--perm-surface);
    cursor: pointer;
    text-decoration: none;
    font-size: 14px;
    transition: background .12s, border-color .12s;
}

    .perm-btn-icon:hover {
        background: var(--perm-bg);
        border-color: var(--perm-accent);
    }

.perm-file-input {
    font-size: 12px;
    color: var(--perm-accent);
    cursor: pointer;
}

    .perm-file-input::file-selector-button {
        padding: 4px 10px;
        border: 1px solid var(--perm-border);
        border-radius: 6px;
        background: var(--perm-bg);
        font-size: 11px;
        font-weight: 600;
        color: var(--perm-muted);
        cursor: pointer;
        transition: background .12s;
    }

        .perm-file-input::file-selector-button:hover {
            background: var(--perm-border);
        }

.perm-file-link {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 3px 0;
}

    .perm-file-link a[name="showPermissionFile"] {
        font-size: 12px;
        color: var(--perm-accent);
        text-decoration: none;
        flex: 1;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        .perm-file-link a[name="showPermissionFile"]:hover {
            text-decoration: underline;
        }

.perm-btn-del {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 5px;
    background: #fef2f2;
    color: var(--perm-danger);
    border: none;
    cursor: pointer;
    font-size: 12px;
    flex-shrink: 0;
    text-decoration: none;
    transition: background .12s;
}

    .perm-btn-del:hover {
        background: #fee2e2;
    }

/* hidden rows */
tr[style*="display: none"], tr[style*="display:none"] {
    display: none !important;
}


.pentry-root {
    --pe-accent: #3b82f6;
    --pe-accent-light: #eff6ff;
    --pe-accent-dark: #1d4ed8;
    --pe-surface: #ffffff;
    --pe-bg: #f8fafc;
    --pe-border: #e2e8f0;
    --pe-text: #1e293b;
    --pe-muted: #64748b;
    --pe-success: #10b981;
    --pe-danger: #ef4444;
    --pe-radius: 12px;
    --pe-shadow: 0 1px 3px rgba(0,0,0,.06), 0 4px 16px rgba(0,0,0,.04);
    font-family: 'Segoe UI', system-ui, sans-serif;
    color: var(--pe-text);
}

.pentry-card {
    background: var(--pe-surface);
    border: 1px solid var(--pe-border);
    border-radius: var(--pe-radius);
    box-shadow: var(--pe-shadow);
    overflow: hidden;
    margin: 0 auto;
}

.pentry-card-header {
    padding: 14px 28px;
    border-bottom: 1px solid var(--pe-border);
    background: var(--pe-bg);
}

    .pentry-card-header h5 {
        margin: 0;
        font-size: 15px;
        font-weight: 700;
        color: var(--pe-text);
        display: flex;
        align-items: center;
        gap: 8px;
    }

.pentry-body {
    padding: 16px 28px; /* 28px → 16px */
    display: flex;
    flex-direction: column;
    gap: 14px;
}

/* Field group */
.pentry-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.pentry-label {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--pe-muted);
}

    .pentry-label span.req {
        color: var(--pe-danger);
        margin-left: 2px;
    }

/* Inputs */
.pentry-input,
.pentry-select,
.pentry-textarea {
    width: 100%;
    padding: 10px 14px;
    border: 1px solid var(--pe-border);
    border-radius: 8px;
    font-size: 13px;
    color: var(--pe-text);
    background: var(--pe-surface);
    outline: none;
    transition: border-color .15s, box-shadow .15s;
    box-sizing: border-box;
    font-family: inherit;
}

    .pentry-input:focus,
    .pentry-select:focus,
    .pentry-textarea:focus {
        border-color: var(--pe-accent);
        box-shadow: 0 0 0 3px rgba(59,130,246,.12);
    }

    .pentry-input[readonly] {
        background: var(--pe-bg);
        cursor: pointer;
    }

        .pentry-input[readonly]:hover {
            border-color: var(--pe-accent);
        }

    .pentry-input.date-error {
        border-color: var(--pe-danger);
        box-shadow: 0 0 0 3px rgba(239,68,68,.1);
    }

.pentry-textarea {
    resize: vertical;
    min-height: 90px;
}

/* Date + hour row */
.pentry-date-row {
    display: flex;
    gap: 10px;
    align-items: stretch;
}

    .pentry-date-row .pentry-input {
        flex: 1;
    }

    .pentry-date-row .pentry-select {
        width: 130px;
        flex-shrink: 0;
    }

/* Date error message */
.pentry-date-error-msg {
    font-size: 12px;
    color: var(--pe-danger);
    font-weight: 500;
    display: none;
    margin-top: 2px;
}

    .pentry-date-error-msg.show {
        display: block;
    }

/* Date block: label + row */
.pentry-date-block {
    background: var(--pe-bg);
    border: 1px solid var(--pe-border);
    border-radius: 10px;
    padding: 10px 14px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    position: relative;
}

.pentry-date-block-label {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .07em;
    color: var(--pe-muted);
    display: flex;
    align-items: center;
    gap: 6px;
}

    .pentry-date-block-label .dot {
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: var(--pe-accent);
        display: inline-block;
    }

/* Divider between date blocks */
.pentry-date-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--pe-muted);
    font-size: 14px;
    margin: 0;
}

/* Section separator */
.pentry-section-label {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--pe-muted);
    padding-bottom: 6px;
    border-bottom: 1px solid var(--pe-border);
    margin-bottom: 2px;
}

/* Footer */
.pentry-footer {
    padding: 12px 28px;
    border-top: 1px solid var(--pe-border);
    background: var(--pe-bg);
    display: flex;
    justify-content: flex-end;
}

.pentry-btn-submit {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 11px 28px;
    background: var(--pe-accent);
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: background .15s, transform .1s;
    font-family: inherit;
}

    .pentry-btn-submit:hover {
        background: var(--pe-accent-dark);
        transform: translateY(-1px);
    }

    .pentry-btn-submit:active {
        transform: translateY(0);
    }

/* Hidden sections */
[name="otherPermissionDiv"],
[name="administrativePermissionDiv"] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

[name="administrativePermissionDiv"] {
    display: none !important;
}

    [name="administrativePermissionDiv"].show {
        display: flex !important;
    }

[name="otherPermissionDiv"].hide {
    display: none !important;
}

/* Admin: 3 col row */
.pentry-admin-row {
    display: flex;
    gap: 10px;
}

    .pentry-admin-row .pentry-input {
        flex: 2;
    }

    .pentry-admin-row .pentry-select {
        flex: 1;
    }

/*
.grid-container {
    width: 100%;
    min-height: 200px;
} */

/*
.dx-datagrid-rowsview .dx-row > td {
    padding-top: 2px;
    padding-bottom: 2px;
}

.dx-datagrid-rowsview .dx-row .btn.btn-sm.btn-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

*/
/*.dx-datagrid-rowsview .dx-row {
    height: 55px !important;*/ /* istediğin sabit yükseklik */
    /*max-height: 55px !important;
}

.dx-datagrid-rowsview .dx-data-row td {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.dx-data-row img {
    height: 20px !important;
    width: 20px !important;
}

.dx-data-row span img {
    height: 20px !important;
    width: 20px !important;
}

.dx-data-row a.btn {
    padding: 0 !important;
    height: 24px !important;
}*/




/*.tableHeader2 {
    background-color: turquoise;
    color: turquoise;
}*/
 

.atlas-swal-popup {
    border: 5px solid #7a7a7a; /* etrafına çizgi */
    border-radius: 14px; /* köşeleri yumuşatır */
    box-shadow: 0 0 20px rgba(13, 110, 253, 0.25);
    padding: 2rem 1.5rem;
}

.atlas-swal-title {
    font-size: 22px;
    font-weight: 600;
    color: #1f2937;
}

.atlas-swal-text {
    font-size: 15px;
    color: #4b5563;
    line-height: 1.6;
}

.atlas-swal-confirm {
    background-color: #0d6efd;
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 10px 28px;
    font-size: 14px;
    font-weight: 500;
}

.atlas-action-menu {
    border: 1px solid #3d96ff;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}




.atlas-form-row {
    align-items: flex-start !important;
}

.atlas-label-col {
    min-height: 43px; /* input/select yüksekliği */
    display: flex;
    align-items: center;
}

    .atlas-label-col label {
        margin-bottom: 0 !important;
    }

.atlas-input-col .fv-plugins-message-container {
    margin-top: 4px;
}






.atlas-login-card {
    width: min(100%, 420px);
    margin-left: auto;
    margin-right: auto;
    background-color: #f7f9fc;
}

.atlas-login-body {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    padding: 22px 18px 0px 18px;
    background-color: #f7f9fc;
}

    .atlas-login-body .form {
        width: 100% !important;
    }

.atlas-login-lang {
    max-width: 350px;
    margin: 18px auto 0 auto;
    justify-content: center !important;
}

 

.atlas-login-footer {
    width: 100%;
    /*max-width: 420px;*/
    margin: 18px auto 0 auto;
    padding: 0px 16px 0px 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    background-color: #f7f9fc;
    height:45px;
}

    .atlas-login-footer a {
        color: #5e6278;
        text-decoration: none;
    }

        .atlas-login-footer a:hover {
            color: #009ef7;
            text-decoration: underline;
        }

.atlas-login-footer-separator {
    color: #b5b5c3;
}

@media (max-width: 576px) {
    .atlas-login-card {
        width: calc(100% - 16px);
    }

    .atlas-login-body {
        padding: 18px 14px;
    }

    .atlas-login-footer {
        max-width: calc(100% - 16px);
        padding: 10px 12px 14px 12px;
        font-size: 11px;
        flex-wrap: wrap;
    }
}
@media (max-width: 576px) {
    .atlas-login-card {
        width: calc(100% - 16px);
    }

    .atlas-login-body {
        padding: 18px 14px;
    }
}











.atlas-input {
    height: 38px;
    border: 1px solid #E6EAF2;
    border-radius: 8px;
    background-color: #F7F9FC;
    color: #202632;
    font-size: 13px;
    font-weight: 500;
    padding: 8px 12px;
    transition: all 0.2s ease-in-out;
}

    .atlas-input::placeholder {
        color: #9AA3B2;
        font-weight: 400;
    }

    .atlas-input:focus {
        background-color: #FFFFFF;
        border-color: #274B8E;
        box-shadow: 0 0 0 0.18rem rgba(39, 75, 142, 0.16);
        color: #202632;
        outline: none;
    }

    .atlas-input:hover {
        border-color: #5689D6;
    }

    .atlas-input:disabled,
    .atlas-input[readonly] {
        background-color: #E6EAF2;
        color: #5B6472;
        cursor: not-allowed;
        opacity: 1;
    }

    /* FormValidation / Bootstrap invalid durum */
    .atlas-input.is-invalid,
    .was-validated .atlas-input:invalid {
        border-color: #E45757;
        background-color: #FFF7F7;
    }

        .atlas-input.is-invalid:focus,
        .was-validated .atlas-input:invalid:focus {
            border-color: #E45757;
            box-shadow: 0 0 0 0.18rem rgba(228, 87, 87, 0.16);
        }

    /* Başarılı durum */
    .atlas-input.is-valid,
    .was-validated .atlas-input:valid {
        border-color: #2EC4B6;
    }


.input-plain {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    padding-left: 0;
    cursor: pointer;
    color:red;
}

.disabled-region .view-new-container-section,
.disabled-region .view-new-container-section * {
    pointer-events: auto !important;
}

    .disabled-region .view-new-container-section input,
    .disabled-region .view-new-container-section select,
    .disabled-region .view-new-container-section textarea,
    .disabled-region .view-new-container-section .form-control,
    .disabled-region .view-new-container-section .form-select {
        border: var(--bs-border-width) solid var(--bs-border-color) !important;
        background: var(--bs-body-bg) !important;
        box-shadow: none !important;
        color: inherit !important;
        padding-left: 0.75rem !important;
        cursor: auto !important;
    }

    .disabled-region .view-new-container-section .select2-container--bootstrap5 .select2-selection {
        border: var(--bs-border-width) solid var(--bs-border-color) !important;
        background: var(--bs-body-bg) !important;
        box-shadow: none !important;
        cursor: pointer !important;
        pointer-events: auto !important;
    }

    .disabled-region .view-new-container-section .btn,
    .disabled-region .view-new-container-section a {
        pointer-events: auto !important;
    }

.atlas-modal-close {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.18);
    color: #ffffff;
    transition: all 0.2s ease;
}

    .atlas-modal-close i {
        color: #ffffff;
    }

    .atlas-modal-close:hover {
        background-color: rgba(255, 255, 255, 0.32);
        transform: rotate(90deg);
    }

        .atlas-modal-close:hover i {
            color: #ffffff;
        }




#kt_CustomerCard_AccountingBalances {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

    #kt_CustomerCard_AccountingBalances .payment-grid {
        width: 100%;
        max-width: 100%;
    }

    #kt_CustomerCard_AccountingBalances .row {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

.payment-grid-header {
    background-color: #1f2937;
    font-weight: 600;
    color: #fff
}

.payment-grid-row {
    border-bottom: 1px solid #e9ecef;
}

.payment-cell {
    min-width: 0;
    padding: 7px 8px;
    font-size: 10px;
    border-right: 1px solid #e9ecef;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#invoiceCurrencyModal + .select2-container {
    width: 220px !important;
}

.currency-select-wrapper {
    width: 220px;
}

    .currency-select-wrapper .select2-container {
        width: 100% !important;
    }


/** 16/08/2026 Cüneyit Baş Talep formunun excel ekranda gösterilmesi için kullandı**/

.excel-preview-overlay {
    position: fixed;
    inset: 0;
    z-index: 888888;
    background: rgba(0, 0, 0, 0.55);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px;
}

.excel-preview-window {
    width: 900px;
    max-width: 95vw;
    height: 92vh;
    background: #fff;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.30);
}

.excel-preview-header {
    height: 55px;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #ddd;
    flex-shrink: 0;
}

.excel-preview-title {
    font-size: 16px;
    font-weight: 600;
}

.excel-preview-close {
    border: 0;
    background: transparent;
    font-size: 22px;
    cursor: pointer;
}

.excel-preview-body {
    flex: 1;
    overflow: auto;
    padding: 30px;
    background: #e9ecef;
}

.excel-sheet {
    width: fit-content;
    margin: auto;
    background: white;
    padding: 30px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
}

.excel-preview-table {
    border-collapse: collapse;
    table-layout: fixed;
    background: white;
}

    .excel-preview-table td {
        box-sizing: border-box;
    }


.excel-drop-zone {
    border: 2px dashed #cbd5e1;
    border-radius: 10px;
    padding: 35px;
    text-align: center;
    cursor: pointer;
    transition: all .2s ease;
    background-color: #fafafa;
}

    .excel-drop-zone:hover {
        border-color: #009ef7;
        background-color: #f5faff;
    }

    .excel-drop-zone.drag-over {
        border-color: #009ef7;
        background-color: #eef8ff;
        transform: scale(1.01);
    }


.excel-preview-wrapper {
    width: 100%;
    overflow-x: auto;
    overflow-y: visible;
    padding: 10px 0;
}

.excel-preview-table {
    border-collapse: collapse;
    table-layout: fixed;
    margin: 0;
    background: #ffffff;
}

    .excel-preview-table td {
        padding: 4px 7px;
        box-sizing: border-box;
        overflow: hidden;
    }

.carrier-response-card {
    overflow: hidden;
}

    .carrier-response-card .excel-preview-wrapper {
        margin: 0;
    }

    .carrier-response-card .excel-preview-file-title:empty {
        display: none;
    }

#carrierResponseExcelList .excel-sheet {
    overflow-x: auto;
}

.swal2-invoice-list-popup td,
.swal2-invoice-list-popup th {
    padding: 12px 16px;
    text-align: left;
    vertical-align: middle;
}

.swal2-invoice-list-popup .invoice-link {
    font-weight: 600;
}


.expense-source-legend {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 8px;
    padding: 10px 4px 6px;
}

.expense-source-row {
    border-left: 4px solid transparent;
    border-radius: 4px;
}

    .expense-source-row.expense-source-offer {
        /*background-color: #f7f7f8;*/
        border-left-color: #d7d9dd;
    }

    .expense-source-row.expense-source-added-later {
        /*background-color: #f6faf7;*/
        border-left-color: #d5e7da;
    }

    .expense-source-row.expense-cancelled {
        background-color: #ffcccc;
        border-left-color: #dc3545;
    }

.expense-source-badge {
    display: inline-flex;
    justify-content: center;
    margin-top: 4px;
    font-size: .65rem;
    white-space: normal;
    line-height: 1.1;
}

.expense-source-badge-offer {
    color: #69717a;
    background-color: #eceef0;
}

.expense-source-badge-added-later {
    color: #5f7665;
    background-color: #eaf3ec;
}

:is(:is(#expenseTypeOrderPage, #containerTypeOrderPage), #containerTypeOrderPage) .expense-order-card {
    overflow: hidden;
}

:is(:is(#expenseTypeOrderPage, #containerTypeOrderPage), #containerTypeOrderPage) .expense-order-info {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 18px;
    margin-bottom: 24px;
    border: 1px dashed #d8e3f0;
    border-radius: 10px;
    background-color: #f5f9ff;
}

:is(#expenseTypeOrderPage, #containerTypeOrderPage) .expense-order-info-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    border-radius: 10px;
    background-color: #e8f1ff;
    color: #3e97ff;
}

:is(#expenseTypeOrderPage, #containerTypeOrderPage) .expense-order-info-title {
    margin-bottom: 3px;
    color: #181c32;
    font-size: 14px;
    font-weight: 600;
}

:is(#expenseTypeOrderPage, #containerTypeOrderPage) .expense-order-info-text {
    margin: 0;
    color: #7e8299;
    font-size: 13px;
}

:is(#expenseTypeOrderPage, #containerTypeOrderPage) .expense-order-table {
    margin-bottom: 0;
}

    :is(#expenseTypeOrderPage, #containerTypeOrderPage) .expense-order-table thead th {
        padding-top: 14px;
        padding-bottom: 14px;
        border-bottom: 1px solid #e4e6ef;
        background-color: #f9fafb;
        color: #7e8299;
        font-size: 12px;
        font-weight: 600;
        text-transform: uppercase;
        white-space: nowrap;
    }

    :is(#expenseTypeOrderPage, #containerTypeOrderPage) .expense-order-table tbody td {
        padding-top: 13px;
        padding-bottom: 13px;
        vertical-align: middle;
    }

    :is(#expenseTypeOrderPage, #containerTypeOrderPage) .expense-order-table tbody tr {
        background-color: #ffffff;
        transition: background-color 150ms ease, box-shadow 150ms ease;
    }

        :is(#expenseTypeOrderPage, #containerTypeOrderPage) .expense-order-table tbody tr:hover {
            background-color: #fafbfc;
        }

:is(#expenseTypeOrderPage, #containerTypeOrderPage) .drag-handle {
    width: 55px;
    color: #a1a5b7;
    text-align: center;
    cursor: grab;
    user-select: none;
}

    :is(#expenseTypeOrderPage, #containerTypeOrderPage) .drag-handle:active {
        cursor: grabbing;
    }

:is(#expenseTypeOrderPage, #containerTypeOrderPage) .drag-handle-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: 1px solid #e4e6ef;
    border-radius: 8px;
    background-color: #f9fafb;
    color: #a1a5b7;
    pointer-events: none;
}

:is(#expenseTypeOrderPage, #containerTypeOrderPage) .order-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    height: 32px;
    padding: 0 10px;
    border-radius: 8px;
    background-color: #eef6ff;
    color: #3e97ff;
    font-size: 13px;
    font-weight: 700;
}

:is(#expenseTypeOrderPage, #containerTypeOrderPage) .expense-code {
    display: inline-flex;
    padding: 5px 9px;
    border-radius: 6px;
    background-color: #f1f3f7;
    color: #5e6278;
    font-size: 12px;
    font-weight: 600;
}

:is(#expenseTypeOrderPage, #containerTypeOrderPage) .expense-name {
    color: #181c32;
    font-size: 14px;
    font-weight: 600;
}

:is(#expenseTypeOrderPage, #containerTypeOrderPage) .save-status {
    display: none;
    align-items: center;
    gap: 7px;
    color: #f1a317;
    font-size: 13px;
    font-weight: 600;
}

    :is(#expenseTypeOrderPage, #containerTypeOrderPage) .save-status.is-visible {
        display: inline-flex;
    }

:is(#expenseTypeOrderPage, #containerTypeOrderPage) .save-status-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #f1a317;
}

:is(#expenseTypeOrderPage, #containerTypeOrderPage) .expense-sort-ghost {
    opacity: .4;
    background-color: #eef6ff !important;
}

:is(#expenseTypeOrderPage, #containerTypeOrderPage) .expense-sort-chosen {
    background-color: #f5f9ff !important;
    box-shadow: 0 5px 18px rgba(0, 0, 0, .08);
}

    :is(#expenseTypeOrderPage, #containerTypeOrderPage) .expense-sort-chosen td {
        border-color: transparent;
    }

:is(#expenseTypeOrderPage, #containerTypeOrderPage) .expense-empty-state {
    padding: 50px 20px;
    text-align: center;
}

:is(#expenseTypeOrderPage, #containerTypeOrderPage) .expense-empty-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    margin-bottom: 14px;
    border-radius: 12px;
    background-color: #f1f3f7;
    color: #a1a5b7;
}

@media (max-width: 768px) {
    :is(#expenseTypeOrderPage, #containerTypeOrderPage) .expense-order-toolbar {
        align-items: flex-start !important;
        flex-direction: column;
        gap: 14px;
    }

    :is(#expenseTypeOrderPage, #containerTypeOrderPage) .expense-order-toolbar-actions {
        justify-content: space-between;
        width: 100%;
    }

    :is(#expenseTypeOrderPage, #containerTypeOrderPage) .expense-order-info {
        align-items: flex-start;
    }
}


#emailDesignEditorPage .email-design-layout {
    min-height: 680px;
}

#emailDesignEditorPage .email-design-sidebar {
    max-height: 680px;
    overflow-y: auto;
}

#emailDesignEditorPage .email-design-item {
    display: block;
    width: 100%;
    padding: 11px 13px;
    border: 0;
    border-bottom: 1px solid #eff2f5;
    background: transparent;
    color: #5e6278;
    text-align: left;
    font-size: 12px;
    font-weight: 600;
    transition: 150ms ease;
}

    #emailDesignEditorPage .email-design-item:hover {
        background: #f5f8fa;
        color: #3e97ff;
    }

    #emailDesignEditorPage .email-design-item.active {
        background: #eef6ff;
        color: #3e97ff;
    }

#emailDesignEditorPage #emailDesignHtml {
    min-height: 570px;
    resize: vertical;
    font-family: Consolas, Monaco, monospace;
    font-size: 12px;
    line-height: 1.6;
    tab-size: 4;
    white-space: pre;
}

#emailDesignEditorPage #emailDesignPreview {
    width: 100%;
    min-height: 570px;
    border: 1px solid #e4e6ef;
    border-radius: 8px;
    background: #fff;
}

#emailDesignEditorPage .email-token-badge {
    display: inline-flex;
    margin: 3px;
    padding: 6px 9px;
    border-radius: 6px;
    background: #eef6ff;
    color: #3e97ff;
    font-family: Consolas, monospace;
    font-size: 11px;
    font-weight: 700;
}

#emailDesignEditorPage .token-protection-warning {
    display: none;
    padding: 10px 12px;
    margin-bottom: 12px;
    border: 1px solid #f5c2c7;
    border-radius: 8px;
    background: #fff5f5;
    color: #b42318;
    font-size: 13px;
}

    #emailDesignEditorPage .token-protection-warning.show {
        display: block;
    }


/* Şartlar CKEditor */

#termsEditorPage .ck-editor {
    width: 100%;
}

#termsEditorPage .ck-editor__editable {
    min-height: 420px;
    max-height: 620px;
    overflow-y: auto;
}

#termsEditorPage .ck-content {
    font-size: 14px;
    line-height: 1.7;
}

    #termsEditorPage .ck-content ul,
    #termsEditorPage .ck-content ol {
        padding-left: 25px;
    }

#termsEditorPage .ck.ck-toolbar {
    border-color: #e4e6ef;
    border-radius: 8px 8px 0 0;
}

#termsEditorPage .ck.ck-editor__main > .ck-editor__editable {
    border-color: #e4e6ef;
    border-radius: 0 0 8px 8px;
}


/* Mail görsel CKEditor */

#emailDesignEditorPage .ck-editor {
    width: 100%;
}

#emailDesignEditorPage .ck-editor__editable {
    min-height: 570px;
    max-height: 720px;
    overflow-y: auto;
}

#emailDesignEditorPage .ck-content {
    font-size: 14px;
    line-height: 1.6;
}

#emailDesignEditorPage .ck.ck-toolbar {
    border-color: #e4e6ef;
    border-radius: 8px 8px 0 0;
}

#emailDesignEditorPage .ck.ck-editor__main > .ck-editor__editable {
    border-color: #e4e6ef;
    border-radius: 0 0 8px 8px;
}

#emailDesignEditorPage
#emailDesignVisualTab.disabled {
    color: #a1a5b7;
    cursor: not-allowed;
    pointer-events: none;
}


:root {
    --dashboard-bg: #f5f7fb;
    --dashboard-surface: #ffffff;
    --dashboard-border: #e4e9f2;
    --dashboard-primary: #3157d5;
    --dashboard-primary-soft: #eef3ff;
    --dashboard-text: #172033;
    --dashboard-muted: #7d899e;
    --dashboard-danger: #e5484d;
    --dashboard-warning: #f59e0b;
    --dashboard-success: #16a36a;
    --dashboard-purple: #7c3aed;
    --dashboard-radius: 14px;
    --dashboard-shadow: 0 5px 18px rgba(30, 41, 59, .055);
}

#kt_app_content_container.dashboard-shell {
    width: 100%;
    max-width: none !important;
    padding: 20px 26px 36px;
    background: var(--dashboard-bg);
}

.dashboard-topbar {
    min-height: 88px;
    padding: 18px 22px;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    border: 1px solid var(--dashboard-border);
    border-radius: var(--dashboard-radius);
    background: var(--dashboard-surface);
    box-shadow: var(--dashboard-shadow);
}

.dashboard-welcome-area {
    min-width: 0;
    flex: 1 1 auto;
}

.dashboard-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 10px;
}

.dashboard-action {
    min-height: 38px;
    padding: 0 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 1px solid #dfe6f3;
    border-radius: 9px;
    color: #274070;
    background: #f7f9fd;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

    .dashboard-action.dashboard-action-primary {
        color: #fff;
        border-color: var(--dashboard-primary);
        background: var(--dashboard-primary);
    }

    .dashboard-action:disabled {
        cursor: default;
        opacity: 1;
    }

.dashboard-action-icon {
    font-size: 16px;
    line-height: 1;
}

.dashboard-summary-grid {
    margin-bottom: 16px;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
}

.dashboard-summary-card {
    min-width: 0;
    min-height: 102px;
    padding: 16px;
    display: flex;
    align-items: center;
    gap: 14px;
    border: 1px solid var(--dashboard-border);
    border-radius: var(--dashboard-radius);
    background: var(--dashboard-surface);
    box-shadow: var(--dashboard-shadow);
    transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}

    .dashboard-summary-card:hover {
        transform: translateY(-2px);
        border-color: #cad5ea;
        box-shadow: 0 10px 24px rgba(30, 41, 59, .09);
    }

.dashboard-summary-icon {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--summary-color);
    background: var(--summary-soft);
}

    .dashboard-summary-icon svg {
        width: 22px;
        height: 22px;
        stroke: currentColor;
    }

.dashboard-summary-content {
    min-width: 0;
}

.dashboard-summary-label {
    min-height: 32px;
    margin-bottom: 3px;
    display: flex;
    align-items: flex-end;
    color: #42506a;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.25;
}

.dashboard-summary-value {
    color: var(--summary-color);
    font-size: 24px;
    font-weight: 800;
    line-height: 1;
}

.dashboard-summary-card.is-warning {
    --summary-color: #d97706;
    --summary-soft: #fff4df;
}

.dashboard-summary-card.is-primary {
    --summary-color: #2f5bd3;
    --summary-soft: #edf3ff;
}

.dashboard-summary-card.is-purple {
    --summary-color: #7c3aed;
    --summary-soft: #f4edff;
}

.dashboard-summary-card.is-success {
    --summary-color: #14875a;
    --summary-soft: #eaf9f2;
}

.dashboard-summary-card.is-danger {
    --summary-color: #dc3545;
    --summary-soft: #fff0f1;
}

.dashboard-operation-grid {
    margin-bottom: 22px;
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(330px, 1fr);
    gap: 12px;
}

.dashboard-operation-card,
.dashboard-widget-card {
    overflow: hidden;
    border: 1px solid var(--dashboard-border) !important;
    border-radius: var(--dashboard-radius) !important;
    background: var(--dashboard-surface);
    box-shadow: var(--dashboard-shadow);
}

.dashboard-operation-card {
    min-height: 310px;
}

.dashboard-card-header {
    min-height: 52px;
    padding: 0 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    border-bottom: 1px solid #edf0f5;
    background: #fff;
}

.dashboard-card-title-wrap {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 9px;
}

.dashboard-card-title-icon {
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    color: var(--dashboard-primary);
    background: var(--dashboard-primary-soft);
}

.dashboard-card-title {
    margin: 0;
    color: var(--dashboard-text);
    font-size: 14px;
    font-weight: 800;
}

.dashboard-card-link {
    padding: 0;
    border: 0;
    color: var(--dashboard-primary);
    background: transparent;
    font-size: 11px;
    font-weight: 700;
}

    .dashboard-card-link:disabled {
        cursor: default;
        opacity: .65;
    }

.dashboard-table-wrap {
    overflow-x: auto;
}

.dashboard-table {
    width: 100%;
    margin: 0;
    border-collapse: collapse;
    font-size: 11.5px;
}

    .dashboard-table th {
        padding: 10px 12px;
        color: #64718a;
        background: #f7f9fc;
        font-size: 10.5px;
        font-weight: 800;
        text-align: left;
        white-space: nowrap;
    }

    .dashboard-table td {
        padding: 11px 12px;
        color: #33405a;
        border-bottom: 1px solid #eef1f5;
        vertical-align: middle;
    }

    .dashboard-table tbody tr:last-child td {
        border-bottom: 0;
    }

.dashboard-empty-state {
    min-height: 220px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: var(--dashboard-muted);
}

.dashboard-empty-state-icon {
    width: 44px;
    height: 44px;
    margin-bottom: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--dashboard-primary);
    background: var(--dashboard-primary-soft);
    font-size: 19px;
    font-weight: 800;
}

.dashboard-empty-state strong {
    margin-bottom: 4px;
    color: #46536a;
    font-size: 12px;
}

.dashboard-empty-state span {
    max-width: 320px;
    font-size: 11px;
    line-height: 1.5;
}

.dashboard-widget-section-header {
    margin: 0 0 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.dashboard-widget-section-title {
    margin: 0;
    color: var(--dashboard-text);
    font-size: 16px;
    font-weight: 800;
}

.dashboard-widget-section-description {
    margin: 3px 0 0;
    color: var(--dashboard-muted);
    font-size: 11px;
}

.dashboard-widget-card {
    min-height: 220px;
    transition: border-color .2s ease, box-shadow .2s ease;
}

    .dashboard-widget-card:hover {
        border-color: #cbd6ea !important;
        box-shadow: 0 10px 26px rgba(30, 41, 59, .085);
    }

#sortable-widgets .widget-item {
    margin-bottom: 12px;
}

#sortable-widgets .card-header {
    min-height: 54px !important;
    margin: 0 !important;
    padding: 13px 15px !important;
    cursor: move;
    border-bottom: 1px solid #eef1f6;
    background: #fff;
}

#sortable-widgets .card-title {
    min-width: 0;
}

#sortable-widgets .card-label {
    display: block;
    overflow: hidden;
    color: var(--dashboard-text) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[name="deleteWidgetFromUser"] {
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    margin-left: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 8px;
    background: #fff1f2;
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s ease, visibility .2s ease, background .2s ease;
}

    .dashboard-widget-card:hover [name="deleteWidgetFromUser"],
    [name="deleteWidgetFromUser"]:focus {
        opacity: 1;
        visibility: visible;
    }

    [name="deleteWidgetFromUser"]:hover {
        background: #ffe4e6;
    }

    [name="deleteWidgetFromUser"] img {
        width: 10px !important;
        height: 10px !important;
        opacity: .75;
    }

.sortable-ghost {
    opacity: .45;
    border: 2px dashed var(--dashboard-primary);
    border-radius: var(--dashboard-radius);
}

.sortable-drag {
    cursor: grabbing !important;
}

.dashboard-empty {
    padding: 50px 20px;
    text-align: center;
    color: var(--dashboard-muted);
    border: 2px dashed var(--dashboard-border);
    border-radius: var(--dashboard-radius);
    background: #fff;
}

@media (max-width: 1199.98px) {
    .dashboard-summary-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .dashboard-operation-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 991.98px) {
    #kt_app_content_container.dashboard-shell {
        padding: 16px;
    }

    .dashboard-topbar {
        align-items: flex-start;
        flex-direction: column;
    }

    .dashboard-actions {
        width: 100%;
        justify-content: flex-start;
    }
}

@media (max-width: 767.98px) {
    .dashboard-summary-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575.98px) {
    .dashboard-summary-grid {
        grid-template-columns: 1fr;
    }

    .dashboard-actions {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .dashboard-action {
        width: 100%;
    }
}

.dashboard-booking-number {
    color: var(--dashboard-primary);
    font-weight: 800;
}

.dashboard-status-badge {
    padding: 5px 8px;
    display: inline-flex;
    align-items: center;
    border-radius: 7px;
    font-size: 10px;
    font-weight: 800;
    line-height: 1.2;
    white-space: nowrap;
}

    .dashboard-status-badge.is-danger {
        color: #c9343b;
        background: #fff0f1;
    }

    .dashboard-status-badge.is-warning {
        color: #b66700;
        background: #fff4df;
    }

    .dashboard-status-badge.is-primary {
        color: #2855c7;
        background: #edf3ff;
    }

    .dashboard-status-badge.is-neutral {
        color: #64718a;
        background: #f1f4f8;
    }

.dashboard-approval-list {
    padding: 4px 16px;
}

.dashboard-approval-item {
    min-height: 57px;
    display: grid;
    grid-template-columns: 46px 10px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    border-bottom: 1px solid #eef1f5;
}

    .dashboard-approval-item:last-child {
        border-bottom: 0;
    }

.dashboard-approval-time {
    color: #34425d;
    font-size: 11px;
    font-weight: 800;
}

.dashboard-approval-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--dashboard-warning);
    box-shadow: 0 0 0 4px #fff4df;
}

.dashboard-approval-content {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

    .dashboard-approval-content strong {
        overflow: hidden;
        color: var(--dashboard-primary);
        font-size: 11px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .dashboard-approval-content span {
        overflow: hidden;
        color: var(--dashboard-muted);
        font-size: 10px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

@media (max-width: 575.98px) {
    .dashboard-approval-item {
        grid-template-columns: 40px 8px minmax(0, 1fr);
    }

        .dashboard-approval-item .dashboard-status-badge {
            display: none;
        }
}

.dashboard-card-count {
    min-width: 22px;
    height: 22px;
    padding: 0 7px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    color: var(--dashboard-primary);
    background: var(--dashboard-primary-soft);
    font-size: 10px;
    font-weight: 800;
}

.dashboard-list-footer {
    min-height: 34px;
    padding: 8px 14px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    color: var(--dashboard-muted);
    border-top: 1px solid #eef1f5;
    background: #fafbfd;
    font-size: 10px;
}

.dashboard-modal-table-wrap {
    max-height: 65vh;
    overflow: auto;
}

.dashboard-modal-sticky-header {
    position: sticky;
    top: 0;
    z-index: 2;
}

.dashboard-modal-table-wrap table {
    min-width: 900px;
}

.dashboard-modal-table-wrap th {
    white-space: nowrap;
}

.dashboard-modal-table-wrap td {
    vertical-align: middle;
}