/* Mitarbeiterverwaltung — Mein Konto + Auswahlfeld (Editorial-Stil des Themes) */

/* ── Mein Konto: Karten-Raster ── */
.rompe-ma-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem;margin:2rem 0 3rem}
.rompe-ma-card{border:1px solid var(--border);background:#fff;padding:1.5rem 1.6rem;display:flex;flex-direction:column;gap:1rem}
.rompe-ma-card__head{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}
.rompe-ma-card__head h3{font-size:1.1rem;margin:0}
.rompe-ma-card__dept{font-family:var(--font-h);font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-light);white-space:nowrap}
.rompe-ma-card__empty{font-size:.88rem;color:var(--text-light);line-height:1.55;margin:0}
.rompe-ma-card__empty a{color:var(--primary);border-bottom:1px solid var(--primary)}
.rompe-ma-leer{color:var(--text-light);margin:1.5rem 0 2.5rem;max-width:60ch}

/* Gespeicherte Größen je Artikel */
.rompe-ma-sizes{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.65rem}
.rompe-ma-sizes li{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem .8rem;background:var(--bg-grey);border-left:2px solid var(--primary)}
.rompe-ma-sizes__artikel{display:flex;flex-direction:column;gap:.15rem;min-width:0}
.rompe-ma-sizes__artikel strong{font-size:.88rem;color:var(--primary);line-height:1.35}
.rompe-ma-sizes__artikel span{font-size:.8rem;color:var(--text-light);font-variant-numeric:tabular-nums}
.rompe-ma-sizes__actions{display:flex;align-items:center;gap:.4rem;white-space:nowrap}
.rompe-ma-size-remove{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:0;background:transparent;color:var(--text-light);font-size:1.15rem;line-height:1;cursor:pointer}
.rompe-ma-size-remove:hover,.rompe-ma-size-remove:focus-visible{color:#a33}

/* Toolbar (Suche + Anlegen-Sprungmarke) */
.rompe-ma-toolbar{display:flex;align-items:center;gap:1rem;margin:1.5rem 0 .5rem;flex-wrap:wrap}
.rompe-ma-suche{flex:1;min-width:220px;max-width:420px}
.rompe-ma-suche input{width:100%;padding:.75rem .95rem;border:1px solid var(--border);background:#fff;font-family:var(--font-b);font-size:.95rem;color:var(--text);border-radius:0}
.rompe-ma-suche input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(0,0,0,.06)}
.rompe-ma-form__datenschutz{margin-top:1rem;font-size:.78rem;color:var(--text-light);line-height:1.55}
.rompe-ma-form__datenschutz a{color:var(--primary);border-bottom:1px solid var(--primary)}

/* Formulare */
.rompe-ma-form label{display:block;font-family:var(--font-h);font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--primary);margin-bottom:.35rem}
.rompe-ma-form input[type=text]{width:100%;padding:.75rem .9rem;border:1px solid var(--border);background:#fff;font-family:var(--font-b);font-size:.95rem;color:var(--text);border-radius:0}
.rompe-ma-form input[type=text]:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(0,0,0,.06)}
.rompe-ma-form--add{border:1px solid var(--border);background:#fff;padding:1.75rem 1.6rem;max-width:640px}
.rompe-ma-form--add h3{margin:0 0 1.1rem}
.rompe-ma-form__grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.25rem}
.rompe-ma-form__actions{margin-top:.85rem}
.rompe-ma-inline-form{display:inline}
.rompe-ma-edit summary{cursor:pointer;font-family:var(--font-h);font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-light)}
.rompe-ma-edit[open] summary{margin-bottom:.9rem;color:var(--primary)}
.rompe-ma-edit form.rompe-ma-form p{margin:0 0 .8rem}
.rompe-link-button--muted{color:var(--text-light)}
.rompe-link-button--danger{color:#a33}

/* ── Produktseite: Auswahl im Team-Feld ── */
.rompe-team-field select[data-rompe-ma-select]{width:100%;padding:.8rem 2.2rem .8rem .95rem;border:1px solid var(--border);background:#fff;font-family:var(--font-b);font-size:.95rem;color:var(--text);border-radius:0;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' stroke='%230D0D0F' stroke-width='1.5' fill='none' stroke-linecap='round'/></svg>");background-repeat:no-repeat;background-position:right .8rem center;margin-top:.35rem}
.rompe-team-field select[data-rompe-ma-select]:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(0,0,0,.06)}
.rompe-team-field input[data-rompe-ma-name]{margin-top:.6rem}
.rompe-team-field [data-rompe-ma-hint]:not([hidden]){background:var(--bg-grey);border-left:2px solid var(--primary);padding:.55rem .75rem;color:var(--text);font-size:.82rem}

@media(max-width:640px){
  .rompe-ma-form__grid{grid-template-columns:1fr}
  .rompe-ma-sizes li{flex-direction:column;align-items:flex-start}
}