/* ============================================================
   Güven Yapı — Üretim Takip | Özel Stiller
   Hedef: 10" tablet, yatay kullanım
   ============================================================ */

:root {
    --renk-basla:   #28a745;
    --renk-bitir:   #dc3545;
    --renk-bekle:   #6c757d;
    --buton-yuksek: 80px;
}

/* ---- Genel ---- */
body {
    font-family: 'Segoe UI', system-ui, sans-serif;
    background-color: #f0f2f5;
}

/* ---- Tablet iş kartları (Doğramacı / Camcı ekranı) ---- */
.is-karti {
    border-radius: 16px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .08);
    transition: transform .15s ease;
}

.is-karti:hover {
    transform: translateY(-2px);
}

.is-karti .card-header {
    border-radius: 16px 16px 0 0;
    font-size: 1.1rem;
    font-weight: 600;
}

/* ---- Büyük aksiyon butonları (tablet dostu) ---- */
.btn-basla,
.btn-bitir {
    min-height: var(--buton-yuksek);
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: .5px;
    border-radius: 12px;
}

.btn-basla {
    background-color: var(--renk-basla);
    border-color:     var(--renk-basla);
    color: #fff;
}

.btn-basla:hover {
    background-color: #218838;
    border-color:     #1e7e34;
    color: #fff;
}

.btn-bitir {
    background-color: var(--renk-bitir);
    border-color:     var(--renk-bitir);
    color: #fff;
}

.btn-bitir:hover {
    background-color: #c82333;
    border-color:     #bd2130;
    color: #fff;
}

/* ---- Durum rozetleri ---- */
.badge-durum {
    font-size: .85rem;
    padding: .4em .75em;
    border-radius: 8px;
}

/* ---- Login sayfası ---- */
.login-wrapper {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 60%, #0f3460 100%);
}

.login-card {
    width: 100%;
    max-width: 420px;
    border-radius: 20px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, .4);
}

.login-card .card-header {
    border-radius: 20px 20px 0 0;
    background: linear-gradient(135deg, #343a40, #212529);
}

/* ---- Admin panel tablosu ---- */
.tablo-yonetim th {
    background-color: #343a40;
    color: #fff;
    font-weight: 600;
    white-space: nowrap;
}

.tablo-yonetim tbody tr:hover {
    background-color: #f8f9fa;
}