/* =========================================================
   MMD İNŞAAT CRM - V2 ÖZEL TASARIM DOSYASI
   ========================================================= */

/* --- GENEL AYARLAR --- */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

body {
    font-family: 'Inter', sans-serif;
    background-color: #f3f4f6; /* Çok hafif, göz yormayan gri */
    color: #1f2937;
}

/* Özel Scrollbar (Kaydırma Çubuğu) */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb { background: #c1c1c1; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #a8a8a8; }

/* --- SOL MENÜ (SIDEBAR) EFEKTLERİ --- */
.sidebar {
    background-color: #ffffff;
    z-index: 1000;
}
.sidebar .nav-link {
    transition: all 0.3s ease;
    font-size: 0.95rem;
}
.sidebar .nav-link:hover {
    background-color: #f8fafc;
    color: #0d6efd !important;
    transform: translateX(5px); /* Üzerine gelince hafif sağa kayma efekti */
}

/* --- KARTLAR VE GÖLGELER --- */
.card {
    border-radius: 12px;
    border: none;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.card:hover {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -2px rgba(0, 0, 0, 0.04);
}

/* --- BUTONLAR --- */
.btn {
    border-radius: 8px;
    font-weight: 500;
    transition: all 0.2s ease;
}
.btn:active {
    transform: scale(0.97); /* Tıklanma hissi (Küçülme) */
}

/* --- İLERİSİ İÇİN: DAİRE ŞEMASI (KUTUCUK) TASARIMLARI --- */
.unit-box {
    border-radius: 10px;
    padding: 15px;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s ease;
    border: 2px solid transparent;
    min-height: 110px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.unit-box:hover {
    transform: translateY(-5px);
}
.unit-available { background-color: #ecfdf5; border-color: #10b981; color: #065f46; } /* Yeşil */
.unit-optioned  { background-color: #fffbeb; border-color: #f59e0b; color: #92400e; } /* Turuncu */
.unit-sold      { background-color: #fef2f2; border-color: #ef4444; color: #991b1b; } /* Kırmızı */