/* Saatgut-Inventar – schlank & mobil */
.si-shell{max-width:980px;margin:0 auto}
.si-toolbar{padding:14px}
.si-toolbar-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.si-actions{display:flex;gap:8px;flex-wrap:wrap}
.si-filters{margin-top:10px;display:grid;grid-template-columns:1fr 180px;gap:8px}
@media (max-width:700px){.si-filters{grid-template-columns:1fr}}
.si-list{margin-top:12px;display:grid;gap:10px}
.si-item{padding:12px;border-radius:16px;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.08)}
.si-item-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.si-item-title{font-weight:950}
.si-item-sub{margin-top:2px}
.si-kv{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.si-pill{font-size:12px;padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10)}
.si-danger{background:rgba(255,90,90,.10);border-color:rgba(255,90,90,.25)}
.si-warn{background:rgba(255,180,90,.10);border-color:rgba(255,180,90,.25)}
.si-item-actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.si-dialog{min-width:min(560px,92vw)}
.si-grid{margin-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.si-span2{grid-column:1 / -1}
@media (max-width:520px){.si-grid{grid-template-columns:1fr}}
.si-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}
.toast{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);padding:10px 12px;border-radius:12px;background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px);z-index:50}
.print-only{display:none}

/* Dialog – Dark/Glass (besser lesbar) */
#si-dialog{
  background:linear-gradient(180deg,rgba(18,18,18,.96),rgba(10,10,10,.94));
  color:#fff;
  border:1px solid rgba(255,255,255,.14);
  border-radius:18px;
  box-shadow:0 30px 90px rgba(0,0,0,.65);
  width:min(92vw,560px);
  padding:0;
}
#si-dialog::backdrop{
  background:rgba(0,0,0,.65);
  backdrop-filter:blur(5px);
}
/* die Form im Dialog soll wie eine Karte wirken */
#si-dialog .si-dialog{padding:16px;min-width:auto}
@media print{
  .no-print{display:none !important}
  body{background:#fff !important;color:#000 !important}
  .page{max-width:100%}
  .si-item{background:#fff !important;border:1px solid #ccc !important}
  .si-pill{background:#f3f3f3 !important;border:1px solid #ddd !important}
  .print-only{display:block !important}
}