:root {
    --mt-bg: #f3f4fb;
    --mt-card-bg: #ffffff;
    --mt-border: #e2e4ef;
    --mt-border-soft: rgba(148,163,184,.35);
    --mt-primary: #6366f1;
    --mt-primary-strong: #4f46e5;
    --mt-danger: #ef4444;
    --mt-text: #0f172a;
    --mt-muted: #6b7280;
    --mt-radius-xl: 22px;
    --mt-radius-lg: 16px;
    --mt-shadow-soft: 0 24px 60px rgba(15,23,42,.08);
}

/* Sayfa arka planı */
.page-inner.no-page-title {
    background: #f1f3f6 ;
    padding: 28px 38px 40px;
    font-family: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    color: var(--mt-text);
}

/* Başlık alanı – breadcrumb + sağ üst buton */
.content-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 18px;
    gap: 12px;
}

.content-header-main {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.breadcrumb-style-1 {
    background: transparent;
    padding: 0;
    margin-bottom: 2px;
    font-size: .78rem;
    color: var(--mt-muted);
}

.breadcrumb-style-1 a {
    color: var(--mt-muted);
}

.page-title {
    font-size: 1.35rem;
    font-weight: 650;
    color: var(--mt-text);
    margin: 0;
}

/* Sağ üst “Müşteri Ekle” butonu (Paket Ekle ile aynı stil) */
.btn-mt-cta {
    border: none;
    border-radius: 999px;
    padding: 9px 22px;
    font-size: .85rem;
    font-weight: 600;
    color: #fff;
    background: linear-gradient(135deg,#6366f1,#8b5cf6);
    box-shadow: 0 18px 40px rgba(129,140,248,.6);
    display: inline-flex;
    align-items: center;
    gap: .45rem;
}
.btn-mt-cta i { font-size: .9rem; }

.btn-mt-cta:hover {
    background: linear-gradient(135deg,#4f46e5,#7c3aed);
    color:#fff;
}

/* Kart */
.card {
    border-radius: 26px;
    border: 1px solid var(--mt-border-soft);
    background: var(--mt-card-bg);
    box-shadow: var(--mt-shadow-soft);
    overflow: hidden;
}

.card-body {
    padding: 18px 22px 20px;
}

/* İç kart (tablo kartı) */
.mt-table-card .card-body {
    padding: 18px 18px 12px;
}

/* Form input-group’lar (modallar) */
.input-group {
    margin-bottom: .45rem !important;
}

.input-group-text{
    width: 190px;
    font-size: .82rem;
    background: #f4f4ff;
    border-color: #e5e7eb;
    font-weight: 500;
    color: var(--mt-muted);
}

.input-group .form-control,
.input-group select.form-control {
    font-size: .84rem;
    border-radius: 0 10px 10px 0;
    border-color: #e5e7eb;
}

/* Modal */
.modal-content {
    border-radius: 22px;
    border: 1px solid var(--mt-border-soft);
    box-shadow: 0 18px 40px rgba(15,23,42,.18);
}

/* DataTables wrapper */
#musteriTablo_wrapper{
    width: 100% !important;
    font-size: .84rem;
}

#musteriTablo_wrapper .dataTables_length,
#musteriTablo_wrapper .dataTables_filter {
    margin-bottom: 10px;
}

#musteriTablo_wrapper .dataTables_filter input {
    border-radius: 999px;
    border: 1px solid var(--mt-border);
    padding: 4px 10px;
    font-size: .8rem;
}

#musteriTablo_wrapper .dataTables_length select {
    border-radius: 999px;
    border: 1px solid var(--mt-border);
    padding: 2px 8px;
    font-size: .78rem;
}

/* Tablo stilini paketler sayfasına benzetelim */
#musteriTablo {
    width: 100% !important;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 13px;
}

#musteriTablo thead th {
    background: #f5f5f8;
    border-bottom: 1px solid #e5e7f0 !important;
    color: var(--mt-text);
    text-transform: none;
    font-size: 1rem;
    padding-top: 10px;
    padding-bottom: 10px;
	font-weight:bold;
}



#musteriTablo tbody tr:hover {
    background:#f1f5ff;
}

#musteriTablo tbody td,
#musteriTablo tbody th {
    border-top: none;
}

/* İşlem buton grubu */
.mt-actions {
    display: inline-flex;
    gap: .35rem;
}

/* Düzenle / Sil butonları – oval, shadow’lu */
.mt-btn {
    border-radius: 999px;
    border: none;
    padding: 4px 14px;
    font-size: .78rem;
    font-weight: 600;
    color:#fff;
    box-shadow: 0 10px 24px rgba(15,23,42,.22);
}

.mt-btn-edit {
    background: linear-gradient(135deg,#6366f1,#7c3aed);
}
.mt-btn-edit:hover {
    background: linear-gradient(135deg,#4f46e5,#6d28d9);
}

.mt-btn-danger {
    background: linear-gradient(135deg,#f97373,#ef4444);
}
.mt-btn-danger:hover {
    background: linear-gradient(135deg,#ef4444,#dc2626);
}

/* Responsive */
@media (max-width: 991.98px) {
    .page-inner.no-page-title {
        padding: 20px 16px 26px;
    }
    .card-body {
        padding: 16px;
    }
}






.badge-status{
        display:inline-block;
        border-radius:999px;
        padding:3px 10px;
        font-size:.75rem;
        font-weight:600;
    }
    .badge-status-aktif{
        background:#dcfce7;
        color:#16a34a;
    }
    .badge-status-passive{
        background:#fee2e2;
        color:#dc2626;
    }













    .table-card { border: none; box-shadow: 0 0 15px rgba(0,0,0,0.05); border-radius: 8px; }
    .tab-content { padding: 20px 0; }

    /* Renklendirmeler */
    .text-success-custom { color: #198754; font-weight: 700; }
    .text-danger-custom { color: #dc3545; font-weight: 700; }

    /* Tablo Başlıkları */
    thead { background-color: #f8f9fa; border-bottom: 2px solid #dee2e6; }

    /* Tab Aktiflik Ayarları */
    .nav-tabs .nav-link { font-weight: 600; color: #6c757d; border-radius: 0; padding: 15px; width: 100% }
    .nav-tabs .nav-link.active { background-color: #fff; border-bottom-color: transparent; border-top: 3px solid; }
    .nav-tabs .nav-link.active#gelir-tab { border-top-color: #198754; color: #198754; width: 100% }
    .nav-tabs .nav-link.active#gider-tab { border-top-color: #dc3545; color: #dc3545; width: 100% }

    /* Modal içi radyo butonu görünümü */
    #islemModal .btn-check {
        opacity: 0;
        position: absolute;
        pointer-events: none;
    }

    #islemModal .btn-group {
        display: flex;
    }

    #islemModal .btn-check:checked + .btn-outline-success {
        background-color: #198754 !important;
        color: white !important;
        border-color: #198754 !important;
    }

    #islemModal .btn-check:checked + .btn-outline-danger {
        background-color: #dc3545 !important;
        color: white !important;
        border-color: #dc3545 !important;
    }

    /* Mobil uyum */
    @media (max-width: 768px) {
        .page-header-actions { flex-direction: column; gap: 10px; align-items: stretch !important; }
        .btn-kasaya-isle { width: 100%; }
    }

    #islemModal .form-label {
        font-weight: 600;
        color: #495057;
        margin-bottom: 5px;
    }

    #islemModal .form-control:focus,
    #islemModal .form-select:focus {
        border-color: #885cfa;
        box-shadow: 0 0 0 0.25rem rgba(102, 16, 242, 0.25);
        outline: 0;
    }

    #islemModal .form-select {
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }
















.filter-card-container {
    background: #ffffff;
    border-radius: 16px;
    border: 1px solid rgba(15, 23, 42, 0.06);
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
    position: relative;
    overflow: hidden;
}

/* Sol kenarda ince renk şeridi */
.filter-card-container::before {
    content: "";
    position: absolute;
    inset: 0 0 0 0;
    border-left: 4px solid #4f46e5;
    pointer-events: none;
}

/* Üstteki yuvarlak ikon */
.filter-icon-circle {
    width: 40px;
    height: 40px;
    border-radius: 999px;
    background: radial-gradient(circle at 30% 30%, #6366f1, #4338ca);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    box-shadow: 0 10px 20px rgba(79, 70, 229, 0.5);
    flex-shrink: 0;
}

/* Yumuşak badge */
.bg-soft-primary {
    background: rgba(79, 70, 229, 0.08) !important;
}

/* Input wrapper – tek bir kontrol gibi dursun */
.filter-input-wrapper {
    position: relative;
    display: flex;
    align-items: center;
}

/* Sol ikon */
.filter-input-icon {
    position: absolute;
    left: 12px;
    z-index: 2;
    color: #64748b;
    font-size: 0.95rem;
}

/* Asıl input */
.filter-input {
    padding-left: 40px;
    height: 48px;
    font-size: 0.95rem;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    background-color: #f8fafc;
    transition: all 0.2s ease;
}

.filter-input:focus {
    background-color: #ffffff;
    border-color: #4f46e5;
    box-shadow: 0 0 0 0.18rem rgba(79, 70, 229, 0.20);
    outline: none;
}

/* Eski date-input-custom yükseklik ayarı ile uyumlu kalsın istersen */
.date-input-custom {
    height: 48px;
}

/* Filtre butonu */
.filter-button-custom {
    border-radius: 999px;
    font-weight: 700;
    letter-spacing: 0.4px;
    background: linear-gradient(135deg, #4f46e5 0%, #6366f1 50%, #0ea5e9 100%);
    border: none;
    box-shadow: 0 12px 30px rgba(79, 70, 229, 0.45);
    transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease;
}

.filter-button-custom:hover {
    transform: translateY(-1px);
    filter: brightness(1.03);
    box-shadow: 0 16px 40px rgba(79, 70, 229, 0.55);
}

.filter-button-custom:active {
    transform: translateY(0);
    box-shadow: 0 10px 24px rgba(79, 70, 229, 0.4);
}

/* Reset link butonu */
.filter-reset-btn {
    font-size: 0.85rem;
    text-decoration: none;
    opacity: 0.8;
}

.filter-reset-btn:hover {
    opacity: 1;
    text-decoration: underline;
}

/* Mobil uyum */
@media (max-width: 767.98px) {
    .filter-card-container {
        border-radius: 12px;
        box-shadow: 0 12px 30px rgba(15, 23, 42, 0.12);
    }

    .filter-card-container::before {
        border-left-width: 3px;
    }

    .filter-button-custom {
        border-radius: 12px;
    }
}









 .input-group-text{
        width: 130px;
    }
    #mesajicerigi{
        height: 407px;
    }
    .dataTables_wrapper .dataTables_filter {
        margin-bottom: 15px;
    }
    #firsatTable thead th {
        font-weight: 600;
        background-color: #f8f9fa;
    }

    /* --- Fırsatlar sayfası özel tasarım --- */
    :root{
        --f-bg-page:#f5f7fb;
        --f-card-bg:#ffffff;
        --f-card-border:#e4e7ee;
        --f-card-radius:18px;
        --f-text-main:#111827;
        --f-text-muted:#6b7280;
        --f-primary:#6366f1;
        --f-primary-soft:#eef2ff;
        --f-success:#16a34a;
        --f-danger:#dc2626;
        --f-badge-bg:#e5f3ff;
        --f-badge-text:#2563eb;
        --f-badge2-bg:#e6fcef;
        --f-badge2-text:#059669;
    }

    .f-card-panel{
        background:var(--f-card-bg);
        border-radius:var(--f-card-radius);
        border:1px solid var(--f-card-border);
        box-shadow:0 18px 35px rgba(15,23,42,.06);
        padding:18px 20px;
        margin-bottom:18px;
    }

    .f-summary-card{
        background:var(--f-card-bg);
        border-radius:var(--f-card-radius);
        border:1px solid var(--f-card-border);
        box-shadow:0 16px 30px rgba(15,23,42,.05);
        padding:16px 18px;
        display:flex;
        flex-direction:column;
        gap:6px;
        height:100%;
    }
    .f-summary-label{
        font-size:.8rem;
        color:var(--f-text-muted);
        text-transform:uppercase;
        letter-spacing:.04em;
    }
    .f-summary-value{
        font-size:1.1rem;
        font-weight:700;
    }
    .f-summary-icon{
        width:32px;
        height:32px;
        border-radius:999px;
        display:flex;
        align-items:center;
        justify-content:center;
        font-size:1.1rem;
    }
    .f-summary-icon.income{ background:#dcfce7; color:var(--f-success);}
    .f-summary-icon.expense{ background:#fee2e2; color:var(--f-danger);}
    .f-summary-icon.balance{ background:#e0ecff; color:var(--f-primary);}

    .f-table-header-row{
        display:flex;
        justify-content:space-between;
        align-items:center;
        margin-bottom:12px;
        border-bottom:1px solid #e5e7eb;
        padding-bottom:8px;
    }
    .f-table-header-row .title{
        font-weight:600;
        font-size:.95rem;
        display:flex;
        align-items:center;
        gap:8px;
    }

    .f-btn-main{
        background:linear-gradient(90deg,#6366f1,#8b5cf6);
        border:none;
        color:#fff;
        padding:9px 20px;
        border-radius:999px;
        font-weight:600;
        font-size:.85rem;
        box-shadow:0 12px 30px rgba(99,102,241,.4);
        display:inline-flex;
        align-items:center;
        gap:6px;
    }
    .f-btn-main:hover{
        opacity:.96;
        color:#fff;
    }

    .f-badge-tag{
        background:var(--f-badge-bg);
        color:var(--f-badge-text);
        border-radius:999px;
        font-size:.75rem;
        padding:3px 9px;
    }
    .f-badge-paket{
        background:var(--f-badge2-bg);
        color:var(--f-badge2-text);
        border-radius:999px;
        font-size:.75rem;
        padding:3px 9px;
    }

    .f-status-badge{
        border-radius:999px;
        padding:3px 10px;
        font-size:.75rem;
        font-weight:500;
    }
    .f-status-aktif{
        background:#e6fcef;
        color:#059669;
    }
    .f-status-pasif{
        background:#fee2e2;
        color:#b91c1c;
    }

    .f-table-action-btn{
        font-size:.75rem;
        border-radius:999px;
        padding:4px 10px;
    }
    .f-table-action-btn.edit{
        background:#dcfce7;
        border-color:#bbf7d0;
        color:#166534;
    }
    .f-table-action-btn.detail{
        background:#eff6ff;
        border-color:#dbeafe;
        color:#1d4ed8;
    }

    @media (max-width:992px){
        .f-btn-main{
            width:100%;
            justify-content:center;
        }
    }




#hizmetKategorisiModal .modal-content,
#exampleModal .modal-content{
    border-radius:18px;
    border:none;
    box-shadow:0 24px 60px rgba(15,23,42,.35);
}

#hizmetKategorisiModal .modal-header,
#exampleModal .modal-header{
    border-bottom:none;
    padding:16px 20px 8px;
}

#hizmetKategorisiModal .modal-title,
#exampleModal .modal-title{
    font-weight:600;
    color:#111827;
}

#hizmetKategorisiModal .close,
#exampleModal .close{
    outline:none;
    opacity:.6;
}
#hizmetKategorisiModal .close:hover,
#exampleModal .close:hover{
    opacity:1;
}

/* Body içinde form alanları */
#hizmetKategorisiModal .modal-body,
#exampleModal .modal-body{
    background:#f9fafb;
    padding:18px 20px 20px;
}

#hizmetKategorisiModal .input-group,
#exampleModal .input-group{
    border-radius:12px;
    overflow:hidden;
    background:#fff;
    border:1px solid #e5e7eb;
}

#hizmetKategorisiModal .input-group-prepend .input-group-text,
#exampleModal .input-group-prepend .input-group-text{
    min-width:140px;
    background:#f3f4f6;
    color:#4b5563;
    font-weight:500;
    border:none;
    border-right:1px solid #e5e7eb;
}

#hizmetKategorisiModal .form-control,
#exampleModal .form-control{
    border:none;
    background:#ffffff;
    box-shadow:none;
    font-size:.9rem;
}

#hizmetKategorisiModal .form-control:focus,
#exampleModal .form-control:focus{
    background:#f9fafb;
}

/* Footer – Butonlar */
#hizmetKategorisiModal .modal-footer,
#exampleModal .modal-footer{
    border-top:none;
    padding:12px 20px 16px;
}

/* Gri Kapat butonu */
#hizmetKategorisiModal .btn-secondary,
#exampleModal .btn-secondary{
    border:none !important;
    border-radius:999px !important;
    padding:6px 18px !important;
    font-weight:600 !important;
    background:#6b7280 !important;
    color:#fff !important;
}
#hizmetKategorisiModal .btn-secondary:hover,
#exampleModal .btn-secondary:hover{
    background:#4b5563;
}

/* Mor gradient Kaydet / Güncelle butonu */
#hizmetKategorisiModal .btn-primary,
#exampleModal .btn-primary{
    border:none !important;
    border-radius:999px !important;
    padding:6px 18px !important;
    font-weight:600 !important;
    background:linear-gradient(90deg,#6366f1,#8b5cf6) !important;
    box-shadow:0 12px 28px rgba(99,102,241,.35) !important;
}
#hizmetKategorisiModal .btn-primary:hover,
#exampleModal .btn-primary:hover{
    opacity:.95 !important;
}




/* === Fırsat Modal Tasarımı (Sipariş ekranındaki gibi) === */
.modal-dialog{
    max-width:1200px;
}

.modal-content{
    border-radius:18px;
    border:none;
    box-shadow:0 24px 60px rgba(15,23,42,.35);
}

.modal-header{
    border-bottom:none;
    padding:16px 20px 8px;
}

.modal-title{
    font-weight:600;
    color:#111827;
}

.close{
    outline:none;
    opacity:.6;
}
.close:hover{
    opacity:1;
}

/* Body içindeki satırlar */
.modal-body{
    background:#f9fafb;
    padding:18px 20px 20px;
}

.input-group{
    border-radius:12px;
    overflow:hidden;
    background:#fff;
    border:1px solid #e5e7eb;
}

.input-group + .input-group{
    margin-top:10px;
}

.input-group-prepend .input-group-text{
    min-width:150px;
    background:#f3f4f6;
    color:#4b5563;
    font-weight:500;
    border:none;
    border-right:1px solid #e5e7eb;
}

.form-control,
 select.form-control{
    border:none;
    background:#ffffff;
    box-shadow:none;
    font-size:.9rem;
	 border: 1px solid #ccc;
}

.form-control::placeholder{
    color:#9ca3af;
}

.form-control:focus,
select.form-control:focus{
    box-shadow:none;
    background:#f9fafb;
}

/* Footer – butonlar */
.modal-footer{
    border-top:none;
    padding:12px 20px 16px;
}

/* Gri Kapat butonu */
.btn-light{
    border:none;
    border-radius:999px;
    padding:6px 18px;
    font-weight:600;
    background:#6b7280;
    color:#fff;
}
.btn-light:hover{
    background:#4b5563;
    color:#fff;
}

/* Mor gradient Kaydet butonu (f-btn-main kullanıyorsan görünümü korur) */
.f-btn-main{
    border:none;
    border-radius:999px;
    padding:6px 22px;
    font-weight:600;
}
	/* Tablo içi Düzenle / Sil butonları (Etiketler sayfası ile aynı) */
.btn-table-edit,
.btn-table-delete{
    border:none;
    border-radius:999px;
    padding:4px 12px;
    font-size:.8rem;
    font-weight:600;
    color:#fff;
    box-shadow:0 6px 16px rgba(15,23,42,.25);
    margin-right:4px;
}
.btn-table-edit{
    background:linear-gradient(90deg,#6366f1,#8b5cf6) !important;
}
.btn-table-delete{
    background:linear-gradient(90deg,#f97373,#ef4444) !important;
}
.btn-table-edit:hover,
.btn-table-delete:hover{
    opacity:.95;
    color:#fff;
}
/* === Fırsat Filtre Paneli === */
.f-filter-panel{
    background:#ffffff;
    border-radius:18px;
    padding:14px 16px;
    box-shadow:0 18px 40px rgba(15,23,42,0.06);
    border:1px solid #e5e7eb;
}

.f-filter-title{
    font-weight:600;
    font-size:.95rem;
    color:#111827;
    margin-bottom:10px;
    display:flex;
    align-items:center;
    gap:6px;
}

.f-filter-title span{
    font-size:1.1rem;
}

.f-filter-row{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

.f-filter-group{
    display:flex;
    flex-direction:column;
    min-width:150px;
    flex:1 1 160px;
}

.f-filter-label{
    font-size:.75rem;
    font-weight:500;
    color:#6b7280;
    margin-bottom:3px;
}

.f-filter-control{
    border-radius:999px;
    border:1px solid #d1d5db;
    padding:6px 10px;
    font-size:.85rem;
    outline:none;
    background:#f9fafb;
}

.f-filter-control:focus{
    background:#ffffff;
    border-color:#6366f1;
    box-shadow:0 0 0 1px rgba(99,102,241,0.15);
}

.f-filter-actions{
    display:flex;
    align-items:center;
    gap:8px;
    margin-left:auto;
    margin-top:4px;
    flex-wrap:wrap;

}

.f-filter-btn{
    border-radius:999px;
    border:none;
    font-size:.8rem;
    font-weight:600;
    padding:6px 16px;
    cursor:pointer;
    display:inline-flex;
    align-items:center;
    gap:4px;
}

.f-filter-btn-apply{
    background:linear-gradient(90deg,#6366f1,#8b5cf6);
    color:#fff;
    box-shadow:0 10px 25px rgba(79,70,229,0.35);
}

.f-filter-btn-apply:hover{
    opacity:.97;
    color:#fff;
}

.f-filter-btn-reset{
    background:#f3f4f6;
    color:#4b5563;
    border:1px solid #e5e7eb;
}

.f-filter-btn-reset:hover{
    background:#e5e7eb;
}
.f-filter-dates{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:6px;
    width:100%;
}

.f-filter-dates .f-filter-control{
    width:100%;
}
.select2-container--default .select2-selection--single{
    height: 33px !important;
    border-radius: 999px !important;
    border:1px solid #d1d5db !important;
    background:#f9fafb !important;
    display:flex !important;
    align-items:center !important;
    padding-left:10px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
    height:38px !important;
    right:10px !important;
}

.select2-selection__placeholder{
    color:#9ca3af !important;
}

.select2-dropdown{
    border-radius:10px !important;
    border:1px solid #d1d5db !important;
}
/* Mobil uyum */
@media(max-width:768px){
    .f-filter-panel{
        padding:12px 12px;
    }
    .f-filter-row{
        flex-direction:column;
    }
    .f-filter-actions{
        margin-left:0;
        justify-content:flex-start;
    }
	.f-filter-group{
		flex:1 1 0;
	}
}









/* İşlemler butonu */
.f-actions-btn {
    background: #f3f4f6;
    border: 1px solid #e5e7eb;
    padding: 6px 14px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    color: #111827;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: 0.2s;
}

.f-actions-btn:hover {
    background: #e2e8f0;
}

/* ▼ ikon */
.f-actions-caret {
    font-size: 12px;
    opacity: 0.7;
}

/* Dropdown menü */
.f-actions-menu {
    border-radius: 10px;
    padding: 6px 0;
    min-width: 160px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.12);
}

.f-actions-menu .dropdown-item {
    font-size: 14px;
    padding: 8px 14px;
    transition: 0.15s;
}

.f-actions-menu .dropdown-item:hover {
    background: #f3f4f6;
    color: #111827;
}






/* Ayarlar butonu */
/* SETTINGS DROPDOWN - MergenTO tarzı */

.ms-settings-dropdown .ms-settings-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 999px;
    background: #f3f4f6;
    color: #4b5563;
    font-size: 16px;
    transition: all 0.18s ease;
}

.ms-settings-dropdown .ms-settings-toggle:hover {
    background: #e5e7eb;
    color: #111827;
}

.ms-settings-dropdown .ms-settings-toggle i {
    line-height: 1;
}

/* Dropdown kutusu */

.ms-settings-menu {
    min-width: 230px;
    padding: 10px 0;
    border-radius: 14px;
    border: 1px solid #e5e7eb;
    background: #ffffff;
    box-shadow: 0 18px 45px rgba(15,23,42,0.12);
    margin-top: 8px;
}

/* Başlık satırı */

.ms-settings-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 16px 12px;
    border-bottom: 1px solid #f3f4f6;
    font-size: 13px;
    font-weight: 600;
    color: #111827;
}

.ms-settings-title {
    letter-spacing: .02em;
}

.ms-settings-chevron {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 999px;
    background: #f3f4ff;
    color: #6366f1;
    font-size: 11px;
}

/* Link listesi */

.ms-settings-list {
    padding: 4px 0;
    max-height: 320px;
    overflow-y: auto;
}

.ms-settings-item {
    display: block;
    padding: 8px 16px;
    font-size: 13px;
    color: #4b5563;
    text-decoration: none;
    transition: all 0.15s ease;
}

.ms-settings-item:hover {
    background: linear-gradient(to right, rgba(99,102,241,0.06), rgba(129,140,248,0.06));
    color: #111827;
}

/* Dar ekranda dropdown hizalaması */
@media (max-width: 767.98px) {
    .ms-settings-menu {
        right: 8px;
        left: auto;
    }
}









/* Küçük mod */
.mt-sidebar.mini {
    width: 80px;
}

/* Üst kullanıcı alanı */
.mt-sidebar-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 14px 12px;
    border-bottom: 1px solid rgba(148, 163, 184, 0.15);
}

.mt-user {
    display: flex;
    align-items: center;
    gap: 10px;
}

.mt-user-avatar {
    width: 36px;
    height: 36px;
    border-radius: 999px;
    overflow: hidden;
    border: 2px solid rgba(129, 140, 248, 0.8);
    flex-shrink: 0;
}
.mt-user-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mt-user-meta {
    display: flex;
    flex-direction: column;
}

.mt-user-name {
    font-size: 13px;
    font-weight: 600;
    color: #a0a6b2;
}
.mt-user-role {
    font-size: 11px;
    color: #9ca3af;
}

/* Toggle butonu */
.mt-sidebar-toggle {
    border: none;
    background: rgba(15, 23, 42, 0.85);
    color: #e5e7eb;
    width: 30px;
    height: 30px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: transform 0.22s ease, background 0.15s ease;
}

.mt-sidebar.mini .mt-sidebar-toggle i {
    transform: rotate(180deg);
}

/* Menü genel */
.mt-menu {
    list-style: none;
    margin: 0;
    padding: 12px 10px 18px;
    font-size: 13px;
}

.mt-menu-title {
    margin: 14px 10px 6px;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: #6b7280;
    font-weight: 600;
}

/* Menü item */
.mt-menu-item > a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 10px;
    border-radius: 999px;
    color: #e5e7eb;
    text-decoration: none;
    position: relative;
    transition: background .16s ease, color .16s ease, transform .08s ease;
}




/* Iconlar */
.mt-menu-icon {
    width: 22px;
    display: inline-flex;
    justify-content: center;
    font-size: 15px;
}

/* Badge */
.mt-menu-badge {
    margin-left: auto;
    padding: 0 7px;
    height: 18px;
    border-radius: 999px;
    background: rgba(251, 191, 36, 0.14);
    color: #facc15;
    font-size: 11px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.mt-badge-soft {
    background: rgba(52, 211, 153, 0.12);
    color: #34d399;
}
.mt-badge-dot {
    width: 8px;
    height: 8px;
    padding: 0;
    border-radius: 999px;
    background: #f97316;
}

/* Sub menu */
.mt-menu-item.has-sub > a {
    padding-right: 30px;
}
.mt-menu-arrow {
    margin-left: auto;
    font-size: 10px;
    opacity: .7;
}

.mt-menu-item .sub-menu {
    list-style: none;
    padding-left: 36px;
    padding-top: 2px;
    padding-bottom: 4px;
    display: none;
}
.mt-menu-item.open .sub-menu {
    display: block;
}
.mt-menu-item .sub-menu li a {
    display: block;
    padding: 5px 0;
    font-size: 12px;
    color: #9ca3af;
    text-decoration: none;
}

.mt-sidebar.mini .mt-user-meta,
.mt-sidebar.mini .mt-menu-text,
.mt-sidebar.mini .mt-menu-badge,
.mt-sidebar.mini .mt-menu-title,
.mt-sidebar.mini .mt-menu-arrow {
    display: none;
}

.mt-sidebar.mini .mt-sidebar-header {
    justify-content: center;
}

.mt-sidebar.mini .mt-menu {
    padding-left: 10px;
    padding-right: 10px;
}

.mt-sidebar.mini .mt-menu-item > a {
    justify-content: center;
    border-radius: 18px;
    padding: 9px 0;
}

.mt-sidebar.mini .mt-menu-icon {
    font-size: 18px;
}




  .donut-wrapper {
      width: 180px;
      height: 180px;
      margin: 0 auto 10px;
  }
  #chartjs1 {
      width: 100% !important;
      height: 100% !important;
  }

.generalMenuFixed{
	position: fixed;
}

@media (max-width: 767.98px) {
    .generalMenuFixed{
	position: relative;
}
}



    .kanban-shell{
        display:flex;
        flex-direction:column;
        gap:14px;
    }

    .kanban-toolbar{
        display:flex;
        flex-wrap:wrap;
        justify-content:space-between;
        align-items:center;
        gap:10px;
        padding:8px 4px 4px;
    }

    .kanban-toolbar-left{
        display:flex;
        align-items:center;
        gap:12px;
        font-size:.79rem;
        color:var(--mt-muted);
    }

    .kanban-legend{
        display:flex;
        gap:10px;
        flex-wrap:wrap;
    }
    .kanban-legend-item{
        display:flex;
        align-items:center;
        gap:5px;
    }
    .kanban-legend-dot{
        width:10px;
        height:10px;
        border-radius:999px;
    }

    .kanban-toolbar-right{
        display:flex;
        gap:8px;
        align-items:center;
    }
    .kanban-toolbar-right .form-control{
        height:32px;
        font-size:.78rem;
        border-radius:999px;
        border-color:var(--mt-border);
    }

    /* Board layout */
    .kanban-container{
        display:grid;
        grid-template-columns:repeat(4,minmax(0,1fr));
        gap:16px;
        padding:4px 0 2px;
        width:100%;
    }
    @media(max-width:1199.98px){
        .kanban-container{grid-template-columns:repeat(2,minmax(0,1fr));}
    }
    @media(max-width:767.98px){
        .kanban-container{grid-template-columns:1fr;}
    }

    .kanban-column{
        background:#f9fafb;
        border-radius:16px;
        padding:10px 9px 9px;
        display:flex;
        flex-direction:column;
        border:1px solid var(--mt-border);
        box-shadow:0 14px 40px rgba(15,23,42,0.05);
    }

    .kanban-column-header{
        display:flex;
        align-items:center;
        justify-content:space-between;
        padding:0 2px 6px;
        margin-bottom:6px;
        border-bottom:1px dashed #e5e7eb;
    }

    .kanban-column-title{
        display:flex;
        align-items:center;
        gap:6px;
        font-size:1rem;
        font-weight:600;
        color:var(--mt-text);
    }

    .kanban-column-colored-dot{
        width:8px;
        height:21px;
        border-radius:999px;
    }
    #todo   .kanban-column-colored-dot{background:linear-gradient(135deg,#facc15,#f97316);}
    #inprogress .kanban-column-colored-dot{background:linear-gradient(135deg,#6366f1,#4f46e5);}
    #review .kanban-column-colored-dot{background:linear-gradient(135deg,#22c55e,#0ea5e9);}
    #done   .kanban-column-colored-dot{background:linear-gradient(135deg,#22c55e,#16a34a);}

    .kanban-column-counter{
        min-width:24px;
        text-align:center;
        border-radius:999px;
        padding:2px 8px;
        font-size:.7rem;
        font-weight:500;
        color:#1f2937;
        background:#e5e7eb;
    }

    .kanban-column-content{
        flex:1;
        min-height:150px;
        padding-top:6px;
        overflow-y:auto;
    }

    /* CARDS */
    .kanban-card{
        background:var(--mt-card-bg);
        margin:7px 0;
        padding:9px 9px 8px;
        border-radius:14px;
        border:1px solid #e5e7eb;
        box-shadow:0 12px 35px rgba(15,23,42,0.07);
        cursor:grab;
        transition:
            transform .14s ease,
            box-shadow .14s ease,
            border-color .14s ease,
            background-color .14s ease;
        font-size:.8rem;
    }
    .kanban-card:hover{
        transform:translateY(-2px);
        border-color:var(--mt-primary);
        box-shadow:0 16px 42px rgba(99,102,241,.28);
        background:#f9fafb;
    }

    .kanban-card-top{
        display:flex;
        gap:8px;
        align-items:flex-start;
    }
    .kanban-avatar{
        width:30px;
        height:30px;
        border-radius:999px;
        flex-shrink:0;
        display:flex;
        align-items:center;
        justify-content:center;
        font-size:.7rem;
        font-weight:600;
        color:#fff;
        background:linear-gradient(135deg,#6366f1,#8b5cf6);
        box-shadow:0 8px 18px rgba(79,70,229,.5);
    }

    .kanban-card-main{
        flex:1;
        min-width:0;
    }
    .kanban-card-title{
        font-size:1rem;
        font-weight:600;
        color:var(--mt-text);
        margin-bottom:2px;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
    }
    .kanban-card-meta{
        font-size:.72rem;
        color:var(--mt-muted);
        display:flex;
        align-items:center;
        gap:4px;
        flex-wrap:wrap;
    }
    .kanban-label{
        padding:1px 7px;
        border-radius:999px;
        font-size:.68rem;
        font-weight:500;
        background:var(--mt-primary-soft);
        color:#4f46e5;
    }
    .kanban-card-footer{
        display:flex;
        justify-content:flex-end;
        margin-top:6px;
    }
    .kanban-card-footer .btn-xs{
        font-size:.65rem;
        padding:2px 8px;
        border-radius:999px;
    }

    .is-moving{opacity:.65;}

    /* Dropzone */
    #myDropzone,
    #myDropzone1{
        border-radius:12px;
        border:1px dashed #cbd5e1;
        background:#f9fafb;
        min-height:140px;
    }
    #myDropzone1{min-height:110px;}
    .dropzone .dz-message{
        font-size:.78rem;
        color:var(--mt-muted);
    }
    .dropzone .dz-preview .dz-image{
        width:110px!important;
        height:110px!important;
        border-radius:10px;
    }

    .img-thumbnail{
        height:70px!important;
        border-radius:10px;
    }

    #yeniNotEkleBtn{
        border-top-left-radius:0;
        border-bottom-left-radius:0;
    }

    #notlarAlani p{
        font-size:1rem;
        font-weight:500;
        color:var(--mt-text);
    }
    #notlarAlani span{
        font-size:1rem;
        color:var(--mt-muted);
    }


.btn-primary{
	background: linear-gradient(90deg,#6366f1,#8b5cf6) !important;
	border: none;
  border-radius: 999px;
  padding: 4px 12px;
  font-size: .9rem;
  font-weight: 600;
  color: #fff;
  box-shadow: 0 6px 16px rgba(15,23,42,.25);
  margin-right: 4px;
}
.btn{
	border: none;
  border-radius: 999px;
  font-size: .9rem;
  font-weight: 600;
  color: #fff;
  margin-right: 4px;
}