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

/* 1. RENK VE KONTRAST */
body {
    font-family: 'Inter', sans-serif;
    background-color: #F3F4F6; /* Çok açık gri/mavi */
    color: #111827; /* Kontrastı yüksek koyu gri/siyah */
    
    /* 3. ARKA PLAN DESENİ (Çok Silik) */
    background-image: radial-gradient(#94a3b8 1px, transparent 1px);
    background-size: 32px 32px; /* Daha geniş aralıklı */
    background-position: 0 0;
}

/* Arka plan deseni body'de olduğu için opacity'i body'e veremeyiz, 
   o yüzden background-image'in rengini çok açık yaptık (#94a3b8 ve opacity ayarı yerine direkt renk) 
   Alternatif: Bir pseudo-element ile opacity verilebilir ama yukarıdaki renk seçimi ile 
   zaten silik bir görünüm elde edilir. Daha da silikleştirelim:
*/
body {
    background-image: radial-gradient(#cbd5e1 1.5px, transparent 1.5px); /* #cbd5e1 = Slate-300 */
}

/* 2. KART TASARIMI */
.card {
    background-color: #FFFFFF !important;
    border-radius: 12px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    border: 1px solid rgba(229, 231, 235, 0.5); /* Çok hafif sınır */
    position: relative;
    z-index: 1;
}

/* İçerik alanlarının arka planının desenin üzerine binmesini engellemek için */
main, section {
    position: relative;
    z-index: 1;
}

/* 4. UI DÜZELTMELERİ - Özel Ayarlar Butonu */
.btn-settings {
    color: #2563EB; /* Blue-600 */
    background-color: #EFF6FF; /* Blue-50 */
    border: 1px solid #BFDBFE; /* Blue-200 */
    font-weight: 500;
}
.btn-settings:hover {
    background-color: #DBEAFE; /* Blue-100 */
}

/* Dükkan Durumu Metni */
.shop-status-text {
    font-weight: 700; /* Bold */
    letter-spacing: 0.025em;
}

/* Input ve Select alanları için daha net sınırlar */
input, select, textarea {
    border-color: #E5E7EB; /* Gray-200 */
    background-color: #F9FAFB; /* Gray-50 */
    color: #111827;
}
input:focus, select:focus, textarea:focus {
    background-color: #FFFFFF;
    border-color: #2563EB;
    ring: 2px solid #BFDBFE; /* Blue-200 */
}