/* Abmeldungen im Kunden-Center: Karten, Kennzahlen und Filter in der Gestaltung der übrigen Bereiche. Werte aus dem Token-Set --cc-*.
   Zustände: Unterlagen fehlen = Bernstein (--cc-warn), versendet = Flieder, erledigt = Grün (--cc-ok). */
body[data-portal="deregistration"] .dereg-history-section .section-heading { display:grid; grid-template-columns:minmax(0,1fr) auto auto; gap:10px 12px; align-items:center; margin-bottom:16px; }
body[data-portal="deregistration"] .dereg-history-section .section-heading > div { grid-column:1; }
body[data-portal="deregistration"] .dereg-history-section .section-heading .button { min-height:40px; }
body[data-portal="deregistration"] .dereg-history-search { display:flex; align-items:center; gap:10px; margin:0 0 12px; color:var(--cc-muted); font-size:var(--cc-fs-sm); }
body[data-portal="deregistration"] .dereg-history-filters { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 18px; }
body[data-portal="deregistration"] .dereg-history-filters button { display:inline-flex; align-items:center; gap:8px; min-height:38px; padding:0 14px; border:1px solid var(--cc-line); border-radius:var(--cc-pill); background:#fff; color:var(--cc-ink); font:600 13px/1.3 var(--cc-sans); cursor:pointer; }
body[data-portal="deregistration"] .dereg-history-filters button b { min-width:20px; height:20px; display:grid; place-items:center; padding:0 6px; border-radius:var(--cc-pill); background:var(--cc-lilac-soft); color:var(--cc-plum-dark); font-size:11px; }
body[data-portal="deregistration"] .dereg-history-filters button.active { background:var(--cc-plum); border-color:var(--cc-plum); color:#fff; }
body[data-portal="deregistration"] .dereg-history-filters button.active b { background:rgba(255,255,255,.22); color:#fff; }
body[data-portal="deregistration"] .dereg-history-group { margin:0 0 22px; }
body[data-portal="deregistration"] .dereg-history-group > header { padding:0 0 10px; border:0; display:flex; align-items:baseline; flex-wrap:wrap; gap:4px 12px; }
body[data-portal="deregistration"] .dereg-history-group > header h3 { margin:0; font:600 15px/1.4 var(--cc-sans); color:var(--cc-ink); }
body[data-portal="deregistration"] .dereg-history-group > header h3 span { margin-left:8px; padding:1px 8px; border-radius:var(--cc-pill); background:var(--cc-lilac-soft); color:var(--cc-plum-dark); font-size:var(--cc-fs-xs); }
body[data-portal="deregistration"] .dereg-history-group > header p { margin:0; flex-basis:100%; color:var(--cc-muted); font-size:var(--cc-fs-sm); }
body[data-portal="deregistration"] .dereg-history-group[data-dereg-group="missing"] > header h3 span { background:var(--cc-warn-soft); color:var(--cc-warn); }
body[data-portal="deregistration"] .dereg-history-group[data-dereg-group="done"] > header h3 span { background:var(--cc-ok-soft); color:var(--cc-ok); }
body[data-portal="deregistration"] .dereg-history-list { display:grid; gap:12px; }
body[data-portal="deregistration"] .dereg-history-group + .dereg-history-group { margin-top:6px; }
body.cc-embedded[data-portal="deregistration"] .dereg-history-card, body[data-portal="deregistration"] .dereg-history-card { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px 16px; align-items:center; margin:0 0 10px; padding:14px 16px; border:1px solid var(--cc-line); border-radius:var(--cc-radius); background:#fff; box-shadow:var(--cc-shadow-soft); }
body[data-portal="deregistration"] .dereg-history-card[data-dereg-history-state="missing"] { border-color:var(--cc-warn-line); background:#fffcf7; }
body[data-portal="deregistration"] .dereg-history-card[data-dereg-history-state="done"] { border-color:var(--cc-ok-line); }
body[data-portal="deregistration"] .dereg-history-card > header { grid-column:1 / -1; display:grid; grid-template-columns:40px minmax(0,1fr) auto; gap:12px; align-items:center; }
body[data-portal="deregistration"] .dereg-history-icon { width:40px; height:40px; display:grid; place-items:center; border-radius:var(--cc-radius-sm); background:var(--cc-lilac-soft); color:var(--cc-plum); }
body[data-portal="deregistration"] .dereg-history-card[data-dereg-history-state="done"] .dereg-history-icon { background:var(--cc-ok-soft); color:var(--cc-ok); }
body[data-portal="deregistration"] .dereg-history-card[data-dereg-history-state="sent"] .dereg-history-icon { background:var(--cc-lilac-soft); color:var(--cc-lilac-dark); }
body[data-portal="deregistration"] .dereg-history-card[data-dereg-history-state="missing"] .dereg-history-icon { background:var(--cc-warn-soft); color:var(--cc-warn); }
body[data-portal="deregistration"] .dereg-history-icon svg { width:18px; height:18px; }
body[data-portal="deregistration"] .dereg-history-card > header small { display:block; color:var(--cc-eyebrow); font:700 11px/1.4 var(--cc-sans); letter-spacing:.12em; text-transform:uppercase; }
body[data-portal="deregistration"] .dereg-history-card > header h3 { margin:2px 0 0; font:600 16px/1.3 var(--cc-sans); color:var(--cc-ink); white-space:normal; overflow-wrap:anywhere; }
body[data-portal="deregistration"] .dereg-history-card .status { white-space:normal; text-align:center; max-width:100%; }
body[data-portal="deregistration"] .dereg-history-card[data-dereg-history-state="captured"] .status, body[data-portal="deregistration"] .dereg-history-card[data-dereg-history-state="reply"] .status { background:var(--cc-lilac-soft); color:var(--cc-plum-dark); }
body[data-portal="deregistration"] .dereg-history-card[data-dereg-history-state="sent"] .status { background:var(--cc-lilac-soft); color:var(--cc-lilac-dark); }
body[data-portal="deregistration"] .dereg-history-card[data-dereg-history-state="missing"] .status { background:var(--cc-warn-soft); color:var(--cc-warn); }
body[data-portal="deregistration"] .dereg-history-card[data-dereg-history-state="done"] .status, body[data-portal="deregistration"] .dereg-history-card .status.success { background:var(--cc-ok-soft); color:var(--cc-ok); }
body[data-portal="deregistration"] .dereg-history-card > .dereg-next-step { margin:0; padding:0 0 0 52px; background:transparent; color:var(--cc-text); font-size:var(--cc-fs-sm); line-height:1.5; }
body[data-portal="deregistration"] .dereg-history-card > .button-row { margin:0; }
body[data-portal="deregistration"] .dereg-history-card > .button-row .button { min-height:38px; padding:6px 14px; border-radius:var(--cc-radius-sm); font-size:13.5px; }
body[data-portal="deregistration"] .dereg-request-details { grid-column:1 / -1; margin:0; padding-left:52px; }
body[data-portal="deregistration"] .dereg-request-details summary { padding:4px 0; color:var(--cc-plum-dark); font-weight:600; font-size:var(--cc-fs-sm); cursor:pointer; }
body[data-portal="deregistration"] .dereg-request-details dl { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:10px 16px; margin:10px 0; padding:12px 14px; border-radius:var(--cc-radius-sm); background:var(--cc-soft); }
body[data-portal="deregistration"] .dereg-request-details dt { font:600 11.5px/1.4 var(--cc-sans); letter-spacing:.05em; text-transform:uppercase; color:var(--cc-muted); }
body[data-portal="deregistration"] .dereg-request-details dd { margin:2px 0 0; font-size:var(--cc-fs-sm); color:var(--cc-ink); }
body[data-portal="deregistration"] .dereg-request-details p { margin:6px 0 0; font-size:var(--cc-fs-sm); color:var(--cc-text); }
body[data-portal="deregistration"] .dereg-overview { margin-bottom:16px; }
body[data-portal="deregistration"] .dereg-overview small { font-size:var(--cc-fs-xs); }
body[data-portal="deregistration"] .dereg-tabs button { font-size:var(--cc-fs-sm); }
body[data-portal="deregistration"] .dereg-category-grid strong { font-size:12.5px; }
body[data-portal="deregistration"] .dereg-category-grid small { font-size:11px; }
@media (max-width:640px) {
  body[data-portal="deregistration"] .dereg-history-section .section-heading { grid-template-columns:1fr; }
  body[data-portal="deregistration"] .dereg-history-card { grid-template-columns:1fr; }
  body[data-portal="deregistration"] .dereg-history-card > .dereg-next-step, body[data-portal="deregistration"] .dereg-request-details { padding-left:0; }
  body[data-portal="deregistration"] .dereg-history-card > header { grid-template-columns:40px minmax(0,1fr); }
  body[data-portal="deregistration"] .dereg-history-card .status { grid-column:2; justify-self:start; }
}