/* GENEL */
*{
transition:0.2s;
box-sizing:border-box;
}
body{
background:#f3f4f6;
color:#111827;
font-family:Arial, sans-serif;
margin:0;
padding:0;
}

/* KART */
.kart{
background:#ffffff;
border-radius:12px;
padding:15px;
margin-bottom:10px;
box-shadow:0 2px 6px rgba(0,0,0,0.05);
}

/* INPUT */
input,
textarea{
background:#ffffff;
color:#111827;
border:1px solid #ddd;
padding:10px;
border-radius:8px;
width:100%;
}

/* BUTTON */
button{
display:inline-flex;
align-items:center;
justify-content:center;
gap:6px;
background:#2563eb;
color:#fff;
border:none;
padding:10px 14px;
border-radius:8px;
cursor:pointer;
}

/* NAVBAR */
.bottom-nav{
background:#ffffff;
border-top:1px solid #e5e7eb;
}

/* ===================== */
/* SİPARİŞ KUTUSU */
/* ===================== */

.kutu{
display:flex;
align-items:center;
justify-content:space-between;
background:#ffffff;
padding:10px;
border-radius:10px;
margin-bottom:8px;
}

/* ===================== */
/* ÜNLEM YANINDAKİ DURUM YAZISI */
/* ===================== */

.durum{
color:#000;
font-weight:600;
}

/* ===================== */
/* CHECKBOX ALANI */
/* ===================== */

.status{
display:flex;
align-items:center;
gap:8px;
margin-top:6px;
}

.status input[type="checkbox"]{
width:16px;
height:16px;
cursor:pointer;
}

/* NORMAL MODDA YAZI SİYAH */
.status label{
color:#000;
font-size:14px;
}

/* ===================== */
/* BADGE */
/* ===================== */

.badge{
padding:4px 8px;
border-radius:6px;
font-size:12px;
font-weight:600;
}

.badge.hazirlaniyor{
background:#fbbf24;
color:#000;
}

.badge.teslim{
background:#22c55e;
color:#fff;
}

/* ===================== */
/* TALEPLER SAYFASI */
/* ===================== */

.talepler .kart p,
.talepler .kart span,
.talepler .kart div{
color:#ffffff;
}

/* ===================== */
/* KABUL / REDDET */
/* ===================== */

.kabul{
background:#22c55e;
color:#fff;
}

.reddet{
background:#ef4444;
color:#fff;
}

.kabul,
.reddet{
padding:8px 12px;
border:none;
border-radius:8px;
font-weight:600;
cursor:pointer;
}

/* ===================== */
/* DARK MODE */
/* ===================== */

body.dark{
background:#0f172a;
color:#e5e7eb;
}

body.dark .kart{
background:#1e293b;
color:#e5e7eb;
}

body.dark .kutu{
background:#1e293b;
border:1px solid #334155;
}

body.dark input,
body.dark textarea{
background:#1e293b;
color:#f1f5f9;
border:1px solid #334155;
}

body.dark .bottom-nav{
background:#020617;
border-top:1px solid #1e293b;
}

/* ünlem yanındaki yazı dark modda beyaz */
body.dark .durum{
color:#000;

}

/* checkbox yazıları dark modda beyaz */
body.dark .status label{
color:#ffffff;
}

/* talepler yazıları */
body.dark .talepler .kart p,
body.dark .talepler .kart span{
color:#ffffff;
}

/* checkbox rengi */
body.dark input[type="checkbox"]{
accent-color:#3b82f6;
}
/* STOK SAYFASI KARTLARI */

.card{
background:#ffffff;
border-radius:12px;
padding:15px;
margin-bottom:10px;
box-shadow:0 2px 6px rgba(0,0,0,0.05);
}

/* STOK DARK MODE */

body.dark .card{
background:#1e293b;
color:#e5e7eb;
}

/* STOK EKLE ALANI */

.add-box{
background:#ffffff;
border-radius:12px;
padding:12px;
margin-bottom:10px;
}

body.dark .add-box{
background:#1e293b;
border:1px solid #334155;
}

/* STOK MİKTAR */

.miktar{
font-weight:700;
color:#2563eb;
}

body.dark .miktar{
color:#60a5fa;
}