/* IGM Helferposten Frontend Styles */
.igmj{
  --c-white:#FFFFFF;
  --c-primary:#4797DF;
  --c-primary-600:#293994;
  --c-accent:#D70924;
  --c-bg:#E4F5FF;
  --c-card:#FFFFFF;
  --c-border:#E4F5FF;
  --c-text:#293994;
  --c-muted:#999999;

  --radius:12px;
  --shadow:0 1px 2px rgba(16,24,40,.06),0 1px 3px rgba(16,24,40,.1)
}

/* Seitenhintergrund Liste + Detail */
body.igmj-list-page,
body.igmj-detail-page{ background:#FFFFFF !important; }

/* Alerts */
.igmj-alert{border-radius:8px;padding:.75rem}
.igmj-alert--error{ background:rgba(215,9,36,.08);border:1px solid rgba(215,9,36,.35);color:var(--c-accent) }
.igmj-alert--success{ background:rgba(71,151,223,.10);border:1px solid rgba(41,57,148,.35);color:var(--c-primary-600) }

/* Empfänger-Vorschau im Testmodus */
.igmj-mail-preview{
  margin:.75rem 0 0;
  padding:.6rem .75rem;
  background:#f9fbff;
  border:1px dashed #cfe6ff;
  border-radius:6px;
}
.igmj-mail-preview ul{margin:.35rem 0 0 .95rem}
.igmj-mail-preview li{margin:.1rem 0}

/* Header + Toggle */
.igmj-header{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin:.25rem 0 .5rem}
.igmj-title{margin:0;font-size:2rem;line-height:1.2;color:var(--c-text)}
.igmj-view{display:flex;gap:.5rem}
.igmj-view__link.is-active{border-color:var(--c-primary);color:var(--c-primary-600);background:#f6fbff}

/* Filterbar */
.igmj-filter{display:grid;grid-template-columns:1fr 220px auto;gap:.75rem;margin:1rem 0}
.igmj-input-group,.igmj-select-group{position:relative}
.igmj-input-group input,.igmj-select-group select{
  width:100%;padding:.625rem .75rem .625rem 2.25rem;border:1px solid var(--c-border);
  border-radius:8px;background:var(--c-white);color:var(--c-text)
}
.igmj-input-group input::placeholder{color:#9bb9de}
.igmj-input-group input:focus,.igmj-select-group select:focus{outline:2px solid rgba(71,151,223,.25);border-color:var(--c-primary)}
.igmj-input-icon{position:absolute;left:.65rem;top:50%;transform:translateY(-50%);opacity:.6;color:var(--c-primary-600)}

/* Liste/Blöcke */
.igmj-job-list{
  list-style:none;margin:0;padding:0;display:grid;gap:1rem;
  grid-template-columns:1fr; /* Linear (einspaltig) */
}
.igmj-job-list.is-grid{
  grid-template-columns:repeat(auto-fill, minmax(300px, 1fr)); /* Kacheln */
}
.igmj-card{
  background:var(--c-card);border:1px solid var(--c-border);border-radius:var(--radius);
  padding:1rem;box-shadow:var(--shadow)
}

/* Kopf/Badges */
.igmj-job__head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}
.igmj-job__title-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem}
.igmj-job__title{font-size:1.125rem;margin:0;color:var(--c-primary-600)}
.igmj-badge{color:var(--c-primary-600);font-size:.9rem;background:var(--c-bg);border:1px solid var(--c-primary);border-radius:999px;padding:.15rem .5rem}
.igmj-badge--muted{color:var(--c-muted);border-color:#d6e9fe}

/* Auszug */
.igmj-job__excerpt{color:#123;margin:.5rem 0 1rem}
.igmj-job-list.is-grid .igmj-job__excerpt{
  display:-webkit-box;-webkit-line-clamp:10;-webkit-box-orient:vertical;overflow:hidden;
}

/* Aktionen */
.igmj-job__actions{display:flex;gap:.5rem;flex-wrap:wrap}

/* Buttons */
.igmj-btn{--bg:#dfefff;--fg:var(--c-text);display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border-radius:8px;border:1px solid transparent;padding:.55rem .9rem;font-weight:600;line-height:1;text-decoration:none;cursor:pointer;transition:.15s background-color,.15s border-color,.15s color}
.igmj-btn--primary{--bg:var(--c-primary);--fg:#fff;background:var(--bg);color:var(--fg);border-color:var(--c-primary)}
.igmj-btn--primary:hover{background:var(--c-primary-600);border-color:var(--c-primary-600)}
.igmj-btn--ghost{background:var(--c-white);color:var(--c-primary-600);border-color:#cfe6ff}
.igmj-btn--ghost:hover{border-color:var(--c-primary);background:#f6fbff}

/* Formular/Detail */
.igmj-form{display:block}
.igmj-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
.igmj-field--full{grid-column:1/-1}
.igmj-label{display:block;margin-bottom:.25rem;font-weight:600;color:var(--c-text)}
.igmj-input,.igmj-textarea{width:100%;border:1px solid var(--c-border);border-radius:8px;padding:.6rem .7rem;background:var(--c-white);color:var(--c-text)}
.igmj-input:focus,.igmj-textarea:focus{outline:2px solid rgba(71,151,223,.25);border-color:var(--c-primary)}
.igmj-consent{margin:.5rem 0 1rem}
.igmj-checkbox{display:flex;align-items:flex-start;gap:.5rem;color:#123}

/* Detailseite */
.igmj-detail__head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.5rem}
.igmj-detail__title{font-size:1.75rem;line-height:1.2;margin:.25rem 0;color:var(--c-primary-600)}
.igmj-detail__meta{display:flex;gap:.5rem;flex-wrap:wrap}
.igmj-detail__body{color:#123;margin:.75rem 0 1.25rem}

/* Responsive */
@media (max-width: 720px){
  .igmj-filter{grid-template-columns:1fr;gap:.5rem}
  .igmj-grid{grid-template-columns:1fr}
  .igmj-job__head{align-items:flex-start;flex-direction:column}
  .igmj-detail__head{flex-direction:column;gap:.25rem}
}