/* --- GENEL ARAYÜZ (Ekranda Görünen) --- */
body { font-family: 'Arial', sans-serif; background: #e0e0e0; margin: 0; padding: 20px; }
.login-body { display: flex; justify-content: center; align-items: center; height: 100vh; }
.login-box { background: white; padding: 40px; border-radius: 8px; box-shadow: 0 4px 10px rgba(0,0,0,0.1); text-align: center; }
.login-box input { padding: 10px; width: 100%; margin-bottom: 15px; box-sizing: border-box; }
.login-box button { padding: 10px; width: 100%; background: #e60000; color: white; border: none; cursor: pointer; }

.kontrol-paneli { background: white; padding: 20px; border-radius: 8px; margin-bottom: 20px; max-width: 600px; }
.form-group { margin-bottom: 15px; }
.form-group select, .form-group input { padding: 8px; width: 100%; box-sizing: border-box; margin-top: 5px; }
button { padding: 10px 15px; border: none; border-radius: 4px; cursor: pointer; font-weight: bold; }
.btn-primary { background: #007bff; color: white; }
.btn-danger { background: #dc3545; color: white; }
.btn-success { background: #28a745; color: white; float: right; }

/* --- A4 SAYFA VE IZGARA (GRID) --- */
.a4-sayfa {
    background: white;
    width: 210mm;
    height: 297mm;
    padding: 10mm; 
    box-sizing: border-box;
    margin: 0 auto 20px auto;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    display: grid;
    grid-template-columns: repeat(2, 85mm); /* 2 Sütun Yan Yana */
    grid-auto-rows: 40mm;
    gap: 5mm 10mm; /* Etiketler arası boşluklar */
    justify-content: center;
    page-break-after: always;
}

/* --- ETİKET ŞABLONU (image_b5cc1b.png Birebir Tasarım) --- */
.etiket {
    width: 85mm;
    height: 40mm;
    border: 1px dashed #999;
    background: #fff;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
}
/* Sol Kırmızı Bar */
.left-bar { position: absolute; left: 0; top: 0; width: 35px; height: 100%; background: #e60000; color: white; display: flex; align-items: center; justify-content: center;}
.left-bar span { transform: rotate(-90deg); white-space: nowrap; font-weight: bold; font-size: 14px; letter-spacing: 1px;}
/* İndirim Oranı Köşesi */
.discount-badge { position: absolute; right: 0; top: 0; background: #e60000; color: white; font-weight: bold; padding: 5px 10px; border-bottom-left-radius: 20px;}
/* Orta ve Üst Metinler */
.brand { position: absolute; left: 45px; top: 5px; font-weight: bold; font-size: 14px;}
.product-name { position: absolute; left: 45px; top: 22px; font-size: 10px; max-width: 150px; line-height: 1.1;}
.unit { position: absolute; left: 45px; top: 45px; font-size: 10px;}
/* Fiyat Alanı */
.old-price { position: absolute; left: 45px; top: 65px; font-weight: bold; font-size: 20px; text-decoration: line-through; }
.new-price-box { position: absolute; right: 0; bottom: 20px; background: #e60000; color: white; padding: 8px 10px 8px 30px; font-weight: bold; font-size: 24px; clip-path: polygon(15% 0, 100% 0%, 100% 100%, 0% 100%);}
/* Alt Bilgiler */
.footer-info { position: absolute; bottom: 3px; left: 45px; right: 5px; font-size: 8px; display: flex; justify-content: space-between; align-items: flex-end;}
.footer-info .origin { font-weight: bold; border: 1px solid #000; padding: 2px;}

/* --- YAZDIRMA CSS'i --- */
@media print {
    body { background: white; padding: 0; }
    .no-print { display: none; }
    .a4-sayfa { box-shadow: none; margin: 0; width: 100%; height: 100%; page-break-after: always;}
    @page { size: A4; margin: 0; }
}