/* /admin/admin-area.css */

/* Layout-Kleinkram */
.row-actions { display:flex; gap:8px; align-items:center; }
.news-actions { display:flex; gap:8px; margin-top:8px; }
.news-item h3 { margin-bottom:4px; }

/* Nur Feinschliff fürs Formular im Modal */
.news-form { padding: var(--spacing-lg); }
.icon-close { line-height:1; padding:6px 10px; }

/* Felder */
.field-group { display:flex; flex-direction:column; gap:6px; margin:10px 0; }

/* KEINE dialog::backdrop / dialog-Positionierung hier!
   Das kommt zentral aus /static/components/modal.css */


   .check-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 8px;
}
.check-grid label {
  display:flex; gap:8px; align-items:center;
}

/* Chips-Multiselect (wie in Aufträge) */
.ms{position:relative;}
.ms-control{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-height:44px;
  background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);
  padding:8px 10px;cursor:text;box-shadow:0 1px 0 rgba(0,0,0,.02);}
.ms-control:focus-within{outline:3px solid var(--color-primary-100,#93c5fd);outline-offset:1px;border-color:var(--color-primary);}
.ms-input{flex:1 1 140px;min-width:120px;border:0;outline:0;font:inherit;padding:6px 4px;background:transparent;}
.caret{border:0;background:transparent;cursor:pointer;padding:6px;margin-left:auto;color:#475569;}
.ms-list{position:absolute;z-index:100;top:100%;left:0;right:0;margin-top:6px;background:var(--color-surface);
  border:1px solid var(--color-border);border-radius:12px;box-shadow:var(--shadow-md);max-height:260px;overflow:auto;display:none;}
.ms.open .ms-list{display:block;}
.item{display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;}
.item[aria-selected="true"]{background:#f1f5f9;}
.item.active{outline:2px solid var(--color-primary-100,#93c5fd);outline-offset:-2px;}
.empty{padding:12px;color:var(--color-text-muted,#6b7280);font-size:14px;}
.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:999px;background:#eef2ff;border:1px solid #c7d2fe;font-size:13px;line-height:1;}
.chip button{border:0;background:transparent;cursor:pointer;padding:0;line-height:1;font-size:16px;color:#64748b;}
.chip button:hover{color:#ef4444;}