/* Csókási Agro – Raktár rendszer – belső, letisztult admin/gazda felület */

:root{
  --gold:#a97e1f;
  --gold-dark:#8a6717;
  --soil:#241b13;
  --cream:#faf6ec;
  --cream-dark:#efe6d1;
  --white:#ffffff;
  --border:#e2d8bd;
  --ok:#4b6e3a;
  --warn:#b4591f;
  --danger:#b23b2e;
  --sans:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --serif:'Fraunces', Georgia, serif;
}
*{box-sizing:border-box;}
body{
  margin:0; font-family:var(--sans); background:var(--cream); color:var(--soil);
  line-height:1.5; font-size:15px;
}
a{color:var(--gold-dark);}
h1,h2,h3{font-family:var(--serif); font-weight:600; margin:0 0 .5rem;}
.topbar{
  display:flex; align-items:center; justify-content:space-between;
  background:var(--soil); color:var(--cream); padding:.9rem 1.6rem;
}
.topbar a{color:var(--cream); text-decoration:none;}
.topbar .brand{font-family:var(--serif); font-size:1.15rem; display:flex; align-items:center; gap:.6rem;}
.topbar .brand img{height:28px; width:auto;}
.topbar nav{display:flex; gap:1.3rem; font-size:.9rem; flex-wrap:wrap;}
.topbar nav a.active{color:#e6c766; font-weight:600;}
.topbar .user{font-size:.85rem; opacity:.85; display:flex; align-items:center; gap:1rem;}
.wrap{max-width:1080px; margin:0 auto; padding:2rem 1.6rem 4rem;}
.card{
  background:var(--white); border:1px solid var(--border); border-radius:6px;
  padding:1.4rem 1.6rem; margin-bottom:1.6rem;
}
table{width:100%; border-collapse:collapse; font-size:.92rem;}
th, td{text-align:left; padding:.55rem .6rem; border-bottom:1px solid var(--border);}
th{font-size:.72rem; text-transform:uppercase; letter-spacing:.04em; color:#6b5f47;}
tr:hover td{background:var(--cream-dark);}
.grid-2{display:grid; grid-template-columns:1fr 1fr; gap:1.2rem;}
@media (max-width:700px){ .grid-2{grid-template-columns:1fr;} .topbar{flex-direction:column; align-items:flex-start; gap:.6rem;} }
label{display:block; font-size:.78rem; text-transform:uppercase; letter-spacing:.04em; color:#6b5f47; margin:.7rem 0 .25rem;}
input, select, textarea{
  width:100%; padding:.55rem .6rem; border:1px solid var(--border); border-radius:4px;
  font-family:var(--sans); font-size:.95rem; background:var(--white); color:var(--soil);
}
input:focus, select:focus, textarea:focus{outline:2px solid var(--gold); outline-offset:0;}
.btn{
  display:inline-block; background:var(--gold); color:var(--white); border:0; padding:.6rem 1.2rem;
  border-radius:4px; font-weight:600; font-size:.9rem; cursor:pointer; text-decoration:none; margin-top:1rem;
}
.btn:hover{background:var(--gold-dark);}
.btn.secondary{background:transparent; color:var(--soil); border:1px solid var(--border);}
.btn.danger{background:var(--danger);}
.btn-sm{padding:.3rem .7rem; font-size:.8rem; margin-top:0;}
.pill{display:inline-block; padding:.15rem .55rem; border-radius:99px; font-size:.75rem; font-weight:600;}
.pill.ok{background:#e5efdd; color:var(--ok);}
.pill.warn{background:#fbe8d8; color:var(--warn);}
.flash{padding:.8rem 1rem; border-radius:4px; margin-bottom:1.2rem; font-size:.9rem;}
.flash.success{background:#e5efdd; color:var(--ok); border:1px solid #c7dbb6;}
.flash.error{background:#fbe1dc; color:var(--danger); border:1px solid #f0bcb2;}
.login-wrap{
  min-height:100vh; display:flex; align-items:center; justify-content:center; background:var(--soil);
}
.login-box{background:var(--cream); padding:2.4rem 2.2rem; border-radius:8px; width:100%; max-width:360px;}
.login-box .brand{text-align:center; margin-bottom:1.2rem; font-family:var(--serif); font-size:1.3rem;}
.login-box .brand img{height:44px; margin-bottom:.6rem;}
.muted{color:#8a7c5e; font-size:.85rem;}
.stat-grid{display:grid; grid-template-columns:repeat(auto-fit, minmax(160px,1fr)); gap:1rem;}
.stat{background:var(--cream-dark); border-radius:6px; padding:1rem 1.1rem;}
.stat strong{display:block; font-family:var(--serif); font-size:1.4rem;}
.stat span{font-size:.78rem; color:#6b5f47;}
form.inline{display:inline;}
.actions{display:flex; gap:.5rem;}
.quality-fields{display:grid; grid-template-columns:repeat(auto-fit, minmax(140px,1fr)); gap:0 1rem;}