/* =====================================================================
   BAGDAD DÖNER — Inventar / Lagerverwaltung
   Glassmorphism · Dark theme · Search · +/- Stock · Modals
   ===================================================================== */

/* ---- Main ---- */
.inv-main{
  max-width:1200px;margin:0 auto;padding:1.5rem 2rem 3rem;
}

/* ---- Summary Row ---- */
.inv-summary{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;
  margin-bottom:1.5rem;
}
.inv-summary .stat{
  background:rgba(15,23,42,.75);backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.08);border-radius:14px;
  padding:1rem 1.2rem;text-align:center;
}
.inv-summary .stat-label{
  font-family:var(--grotesk);font-size:.6rem;letter-spacing:.12em;
  text-transform:uppercase;color:var(--muted);margin-bottom:.3rem;display:block;
}
.inv-summary .stat-val{
  font-family:var(--grotesk);font-weight:700;font-size:1.4rem;color:var(--bone);display:block;
}
.inv-summary .stat-val.warn{color:var(--red)}
.inv-summary .stat-val.ok{color:var(--green)}

/* ---- Toolbar ---- */
.inv-toolbar{
  display:flex;align-items:center;flex-wrap:wrap;gap:1rem;
  margin-bottom:1.5rem;
}
.inv-search{
  display:flex;align-items:center;gap:.5rem;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);
  border-radius:10px;padding:.5rem .8rem;flex:1;min-width:200px;
}
.inv-search svg{color:var(--muted);flex-shrink:0}
.inv-search input{
  flex:1;background:transparent;border:none;outline:none;
  font-family:var(--sans);font-size:.85rem;color:var(--bone);
}
.inv-search input::placeholder{color:rgba(255,255,255,.25)}
.inv-search input:focus{outline:none}

.inv-filter{display:flex;gap:.4rem;flex-wrap:wrap}
.inv-filter button{
  padding:.35rem .7rem;border:1px solid rgba(255,255,255,.1);
  border-radius:20px;background:transparent;
  font-family:var(--grotesk);font-size:.66rem;font-weight:600;
  letter-spacing:.04em;color:var(--muted);cursor:pointer;transition:.15s var(--ease);
}
.inv-filter button.active{
  background:var(--accent);color:var(--ink);border-color:var(--accent);
}
.inv-filter button:hover:not(.active){border-color:var(--accent);color:var(--bone)}

/* ---- Grid ---- */
.inv-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1rem;
  margin-bottom:2rem;
}
.inv-card{
  background:rgba(15,23,42,.75);backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.08);border-radius:14px;
  padding:1.2rem;display:flex;flex-direction:column;gap:.4rem;
  position:relative;transition:.25s var(--ease);
}
.inv-card:hover{border-color:rgba(212,168,67,.35);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.3)}
.inv-card-cat{
  font-family:var(--grotesk);font-size:.58rem;letter-spacing:.1em;
  text-transform:uppercase;color:var(--muted);
}
.inv-card-name{font-family:var(--grotesk);font-weight:700;font-size:.95rem;color:var(--bone)}
.inv-stock-row{display:flex;align-items:baseline;gap:.3rem;margin-top:.3rem}
.inv-stock-val{font-family:var(--serif);font-size:2rem;font-weight:700;line-height:1}
.inv-card.low .inv-stock-val{color:var(--red)}
.inv-card.ok .inv-stock-val{color:var(--green)}
.inv-stock-unit{font-size:.72rem;color:var(--muted)}
.inv-card-warn{font-size:.68rem;color:var(--red);font-weight:600;margin-top:.15rem}
.inv-card-portion{font-size:.62rem;color:var(--muted)}

/* ---- +/- Buttons ---- */
.inv-card-controls{
  display:flex;align-items:center;gap:0;margin-top:.5rem;
  border:1px solid rgba(255,255,255,.1);border-radius:10px;overflow:hidden;
}
.inv-card-controls button{
  width:36px;height:32px;border:none;background:rgba(255,255,255,.04);
  color:var(--bone);font-size:1rem;font-weight:600;cursor:pointer;
  transition:.15s;display:grid;place-items:center;
}
.inv-card-controls button:hover{background:rgba(255,255,255,.1)}
.inv-card-controls button:active{transform:scale(.9)}
.inv-card-controls .stock-display{
  flex:1;text-align:center;font-family:var(--grotesk);font-size:.78rem;
  font-weight:600;color:var(--bone);border-left:1px solid rgba(255,255,255,.08);
  border-right:1px solid rgba(255,255,255,.08);padding:.3rem 0;
}
.inv-card-controls .stock-display.low{color:var(--red)}

/* ---- Card Actions ---- */
.inv-card-actions{display:flex;gap:.4rem;margin-top:auto;padding-top:.5rem}
.inv-card-actions button{
  flex:1;padding:.4rem;border:1px solid rgba(255,255,255,.08);border-radius:8px;
  background:transparent;font-family:var(--grotesk);font-size:.66rem;font-weight:600;
  cursor:pointer;transition:.15s;color:var(--muted);
}
.inv-card-actions .btn-edit{color:var(--accent);border-color:rgba(212,168,67,.25)}
.inv-card-actions .btn-edit:hover{background:rgba(212,168,67,.1);border-color:var(--accent)}
.inv-card-actions .btn-del{color:var(--red);border-color:rgba(239,68,68,.2)}
.inv-card-actions .btn-del:hover{background:rgba(239,68,68,.1);border-color:var(--red)}

/* ---- Low Stock Warning Grid ---- */
.inv-low-grid{
  margin-top:1rem;
  background:rgba(239,68,68,.06);border:1px solid rgba(239,68,68,.15);
  border-radius:14px;padding:1.2rem;
}
.inv-low-grid h3{font-family:var(--serif);font-size:1.1rem;margin-bottom:.8rem;color:var(--red)}
.inv-low-item{
  display:flex;justify-content:space-between;align-items:center;
  padding:.55rem .6rem;border-bottom:1px solid rgba(255,255,255,.05);
  font-size:.85rem;color:var(--bone);
}
.inv-low-item:last-child{border-bottom:none}
.inv-low-item .low-label{color:var(--muted);font-size:.78rem}
.inv-low-item .low-stock{color:var(--red);font-weight:600;font-size:.82rem}
.inv-empty{text-align:center;padding:2rem;color:var(--muted);font-style:italic}

/* ---- Header buttons ---- */
.inv-add-btn{
  padding:.5rem 1rem;border:none;border-radius:10px;
  background:var(--accent);color:var(--ink);
  font-family:var(--grotesk);font-size:.72rem;font-weight:700;
  letter-spacing:.06em;text-transform:uppercase;cursor:pointer;
  transition:.2s var(--ease);
}
.inv-add-btn:hover{background:var(--accent-2);transform:scale(1.02)}
.site-logout{
  padding:.45rem 1rem;border:1px solid rgba(255,255,255,.12);border-radius:100px;
  background:transparent;color:var(--muted);font-family:var(--grotesk);
  font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;
  transition:.25s var(--ease);
}
.site-logout:hover{background:rgba(255,255,255,.06);color:var(--bone)}

/* ---- Modal ---- */
.inv-modal{
  display:none;position:fixed;inset:0;z-index:100;
  background:rgba(0,0,0,.5);backdrop-filter:blur(4px);
  place-items:center;padding:1rem;
}
.inv-modal.on{display:grid}
.inv-modal-card{
  border-radius:16px;padding:2rem;width:100%;max-width:440px;
  box-shadow:0 24px 80px rgba(0,0,0,.5);
}
.inv-modal-card h3{font-family:var(--serif);font-size:1.3rem;margin-bottom:1.2rem;color:var(--accent)}
.inv-modal-card label{display:block;margin-bottom:.9rem}
.inv-modal-card label span{
  display:block;font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;
  color:var(--muted);margin-bottom:.25rem;
}
.inv-modal-card input,.inv-modal-card select{
  width:100%;padding:.55rem .7rem;border:1px solid rgba(255,255,255,.1);
  border-radius:10px;font-family:var(--sans);font-size:.85rem;
  background:rgba(255,255,255,.05);color:var(--bone);
  transition:.2s var(--ease);
}
.inv-modal-card input:focus,.inv-modal-card select:focus{
  border-color:var(--accent);outline:none;
}
.inv-modal-card input::placeholder{color:rgba(255,255,255,.2)}
.inv-modal-row{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.inv-modal-actions{display:flex;gap:.8rem;margin-top:1.2rem}
.inv-modal-actions button{
  flex:1;padding:.6rem;border:none;border-radius:10px;
  font-family:var(--grotesk);font-size:.78rem;font-weight:700;
  letter-spacing:.06em;text-transform:uppercase;cursor:pointer;
  transition:.2s var(--ease);
}
.btn-save{background:var(--accent);color:var(--ink)}
.btn-save:hover{background:var(--accent-2)}
.btn-cancel{background:rgba(255,255,255,.08);color:var(--bone)}
.btn-cancel:hover{background:rgba(255,255,255,.12)}

/* ---- Waste Log Section ---- */
.waste-section{
  margin-top:2rem;
  background:rgba(15,23,42,.75);backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.08);border-radius:14px;
  overflow:hidden;
}
.waste-header{
  padding:1rem 1.2rem;cursor:pointer;
  font-family:var(--serif);font-size:1.1rem;font-weight:600;
  color:var(--bone);list-style:none;display:flex;align-items:center;gap:.5rem;
  user-select:none;
}
.waste-header::-webkit-details-marker{display:none}
.waste-header::before{content:"▶";font-size:.7rem;color:var(--muted);transition:transform .2s var(--ease)}
.waste-section[open] .waste-header::before{transform:rotate(90deg)}
.waste-header:hover{background:rgba(255,255,255,.03)}
.waste-count{font-family:var(--grotesk);font-size:.72rem;color:var(--muted);font-weight:400}
.waste-toolbar{padding:0 1.2rem 1rem}
.waste-add-btn{
  padding:.45rem 1rem;border:none;border-radius:8px;
  background:var(--accent);color:var(--ink);
  font-family:var(--grotesk);font-size:.7rem;font-weight:700;
  letter-spacing:.05em;text-transform:uppercase;cursor:pointer;
  transition:.2s var(--ease);
}
.waste-add-btn:hover{background:var(--accent-2)}
.waste-list{padding:0 1.2rem 1.2rem;display:flex;flex-direction:column;gap:.5rem}
.waste-entry{
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);
  border-radius:10px;padding:.7rem .9rem;
  display:flex;flex-direction:column;gap:.25rem;
}
.waste-entry-head{display:flex;justify-content:space-between;align-items:center}
.waste-entry-name{font-family:var(--grotesk);font-weight:600;font-size:.85rem;color:var(--bone)}
.waste-entry-qty{font-family:var(--grotesk);font-weight:700;font-size:.85rem;color:var(--red)}
.waste-entry-meta{display:flex;justify-content:space-between;align-items:center;gap:.5rem}
.waste-entry-ts{font-size:.62rem;color:var(--muted)}
.waste-entry-reason{font-size:.68rem;color:var(--muted);font-style:italic;max-width:60%;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ---- Responsive ---- */
@media(max-width:640px){
  .inv-main{padding:1rem}
  .inv-grid{grid-template-columns:1fr}
  .inv-toolbar{flex-direction:column}
  .inv-summary{grid-template-columns:repeat(3,1fr)}
  .inv-modal-row{grid-template-columns:1fr}
}

/* ---- Responsive Mobile ---- */
@media(max-width:767px){
  .fin-header, .inv-header, .schicht-header{padding:.35rem .7rem}
  .fin-header .brand-b, .inv-header .brand-b, .schicht-header .brand-b{font-size:.82rem}
  .fin-nav, .inv-nav, .schicht-nav{display:none}
  .fin-main, .inv-main, .schicht-main{padding:.6rem}
  table{font-size:.72rem}
  th,td{padding:.35rem .4rem}
  .table-wrap{margin:.3rem 0;border-radius:8px}
  .table-wrap table{min-width:480px}
  .fin-stats{flex-direction:column;gap:.4rem}
  .stat-card{padding:.6rem}
  .btn{min-height:48px;font-size:.72rem;padding:.5rem 1rem}
  input,select{min-height:48px;font-size:.82rem}
  .inv-quick-btn{min-height:48px;min-width:48px;font-size:1rem}
}