/* Twenty Twenty-Five inspired stylesheet for ErfenisVerdeler */
:root{
  --ev-border: #e6e6e6;
  --ev-bg: #ffffff;
  --ev-muted: #6b6b6b;
  --ev-radius: 8px;
  --ev-gap: 1rem;
  --ev-accent: #1a73e8;
  --ev-font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.ev-inventory { margin: calc(var(--ev-gap) * 1) 0; }
.ev-item { border:1px solid var(--ev-border); padding:16px; border-radius:var(--ev-radius); margin-bottom:12px; background:var(--ev-bg); display:flex; gap:12px; align-items:flex-start; }
.ev-thumb img { max-width:200px; border-radius:6px; display:block; }
.ev-item-content { flex:1; }
.ev-title { font-family: var(--ev-font); font-weight:700; font-size:1.0625rem; margin:0 0 6px 0; color: #111827; }
.ev-terms { font-size:0.9rem; color:var(--ev-accent); margin-bottom:8px; }
.ev-desc { color:#111827; margin-bottom:8px; }
.ev-meta { color:var(--ev-muted); font-size:0.875rem; margin-top:6px; }

.ev-distribution .ev-dist-card { border:1px solid var(--ev-border); padding:12px; border-radius:var(--ev-radius); width:260px; background:#fbfbfb; box-shadow:none; }
.ev-total { font-weight:600; margin-top:8px; color:#111827; }

#ev-pref-list.ev-sortable { list-style:none; padding:0; margin:0; display:block; }
.ev-pref-item { background:#fff; border:1px solid var(--ev-border); padding:10px; margin-bottom:8px; display:flex; align-items:center; gap:12px; border-radius:6px; cursor:grab; }
.ev-pref-item img { width:60px; height:60px; object-fit:cover; border-radius:6px; }
.ev-pref-title { font-weight:600; flex:1; display:flex; justify-content:space-between; align-items:center; font-family:var(--ev-font); }
.ev-pref-value { color:var(--ev-muted); font-weight:500; margin-left:12px; }
.ev-term-label { font-size:0.85rem; color:var(--ev-accent); margin-left:8px; font-weight:600; }
.ev-term-inline { color:var(--ev-accent); font-size:0.85rem; margin-left:6px; }

.ev-placeholder { height:64px; background:#f7f7f7; border:1px dashed var(--ev-border); margin-bottom:8px; border-radius:6px; }

/* Layout sizing */
.ev-inventory, .ev-distribution, #ev-pref-app { max-width:1000px; margin-left:auto; margin-right:auto; padding:12px; }