/* Schlank & mobil */
.mod-shell{max-width:980px;margin:0 auto;padding:14px}
.mod-top{display:flex;gap:10px;flex-wrap:wrap;align-items:end}
.mod-top .spacer{flex:1}
.mod-top .input{min-width:160px}
.mod-list{display:grid;gap:12px;margin-top:12px}
.item-card{padding:14px}
.item-head{display:flex;gap:10px;align-items:center}
.item-head .title{font-weight:800}
.item-head .meta{margin-left:auto;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.small{font-size:12px}
.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}
.muted{opacity:.75}
.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:720px){.row{grid-template-columns:1fr}}

/* Dialog – Dark/Glass (module scoped) */
dialog {
  background: linear-gradient(180deg, rgba(18,18,18,0.96), rgba(10,10,10,0.94));
  color: #fff;
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 18px;
  box-shadow: 0 30px 90px rgba(0,0,0,0.65);
  width: min(92vw, 520px);
  padding: 18px;
}
dialog::backdrop {
  background: rgba(0,0,0,0.65);
  backdrop-filter: blur(5px);
}
dialog input, dialog textarea, dialog select {
  background: rgba(255,255,255,0.09);
  color: #fff;
  border: 1px solid rgba(255,255,255,0.18);
  border-radius: 12px;
  padding: 10px 12px;
}
dialog input::placeholder, dialog textarea::placeholder { color: rgba(255,255,255,0.55); }
dialog textarea { min-height: 88px; }
dialog .dlg-actions { display:flex; gap:10px; justify-content:flex-end; margin-top:12px; flex-wrap:wrap; }

/* slight icon tone */