/* LiveOS — Spam-Übersicht (spam26.js, Walat 02.11.2026). Gruppierte iOS-Listen, Systemfarben, Dunkelmodus über stil2-Variablen. */
.ios26 .sp26-seite .scroller{padding-bottom:calc(var(--sa-unten, 0px) + 32px)}
.ios26 .sp26{padding-top:8px}
.ios26 .sp26 .abschnitt-kopf{display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:0 20px 7px;font-size:20px}
.ios26 .sp26 .abschnitt-kopf svg{width:17px;height:17px}
.ios26 .sp26 .sp26-rot{color:var(--rot)}
.ios26 .sp26-grob{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;color:var(--text2);background:var(--fuell);border-radius:6px;padding:1px 6px}

/* Kopfkarte: große Zahl + 30-Tage-Balken */
.ios26 .sp26-held{margin:0 16px 22px;padding:16px 16px 12px;border-radius:22px;background:var(--zelle);
  box-shadow:0 1px 0 rgba(0,0,0,.02),0 6px 22px rgba(0,0,0,.06)}
.ios26 .sp26-held-oben{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.ios26 .sp26-zahl{font-size:48px;line-height:1;font-weight:700;letter-spacing:-1px;font-variant-numeric:tabular-nums}
.ios26 .sp26-zahl-unter{font-size:13px;color:var(--text2);margin-top:6px}
.ios26 .sp26-mini{display:grid;grid-template-columns:auto auto;column-gap:6px;row-gap:2px;align-items:baseline;text-align:right;font-size:13px;color:var(--text2)}
.ios26 .sp26-mini b{font-size:20px;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}
.ios26 .sp26-mini b.sp26-heute{color:var(--orange)}
.ios26 .sp26-mini span{text-align:left}
.ios26 .sp26-balken{display:flex;align-items:flex-end;gap:3px;height:64px;margin-top:16px}
.ios26 .sp26-balken i{flex:1;min-width:0;border-radius:3px 3px 1.5px 1.5px;background:linear-gradient(180deg,var(--orange),#FF6A00)}
.ios26 .sp26-balken i.null{background:var(--fuell)}
.ios26 .sp26-achse{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:var(--text2);margin-top:6px}
.ios26 .sp26-achse span:nth-child(2){color:var(--text);font-weight:600;text-align:center}

/* Zeilen */
.ios26 .sp26 .sp26-zeile{align-items:center;gap:12px;min-height:44px;width:100%;text-align:left;color:var(--text)}
.ios26 .sp26 .sp26-zeile .text{min-width:0;display:flex;flex-direction:column;gap:1px}
.ios26 .sp26 .sp26-zeile .text b{font-weight:600}
.ios26 .sp26 .sp26-zeile .text small{overflow:hidden;text-overflow:ellipsis}
.ios26 .sp26 .sp26-zeile .wert{font-variant-numeric:tabular-nums;color:var(--text2)}
.ios26 .sp26 .sp26-zeile .wert small{font-size:13px}
.ios26 .sp26 .zelle+.zelle::before{left:58px}
.ios26 .sp26-punkt{width:12px;height:12px;flex:0 0 12px;border-radius:50%;margin:0 9px}
.ios26 .sp26-punkt.gross{width:14px;height:14px;flex:0 0 14px;margin:0 8px}
.ios26 .sp26-dom{font-family:ui-monospace,"SF Mono",Menlo,monospace;font-size:14px;overflow-wrap:anywhere}
.ios26 .sp26-stapelbalken{display:flex;height:10px;margin:14px 16px 6px;border-radius:5px;overflow:hidden;gap:2px}
.ios26 .sp26-stapelbalken i{min-width:4px}
.ios26 .sp26-thema .text{flex:1;gap:4px;padding:6px 0}
.ios26 .sp26-thema-kopf{display:flex;justify-content:space-between;gap:8px;font-size:16px}
.ios26 .sp26-thema-kopf b{font-variant-numeric:tabular-nums}
.ios26 .sp26-leiste{display:block;height:6px;border-radius:3px;background:var(--fuell);overflow:hidden}
.ios26 .sp26-leiste i{display:block;height:100%;border-radius:3px}

/* Herkunft als Kapseln */
.ios26 .sp26-chips{display:flex;flex-wrap:wrap;gap:8px;padding:12px;background:var(--zelle);border-radius:12px}
.ios26 .sp26-chip{display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 6px 0 12px;border-radius:16px;background:var(--fuell);font-size:14px;color:var(--text)}
.ios26 .sp26-chip b{font-weight:700}
.ios26 .sp26-chip em{font-style:normal;font-weight:600;font-size:13px;min-width:22px;height:22px;padding:0 6px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;background:var(--zelle);font-variant-numeric:tabular-nums}

/* Alle Spam-Mails (einklappbar, gruppiert nach Absender) */
.ios26 .sp26-klapp{width:100%;text-align:left;color:var(--text);min-height:44px}
.ios26 .sp26-klapp small{font-size:13px;font-weight:400;color:var(--text2);margin-left:auto}
.ios26 .sp26-pfeil{display:inline-flex;color:var(--text3);transition:transform .25s cubic-bezier(.32,.72,0,1)}
.ios26 .sp26-klapp .sp26-pfeil{color:var(--blau)}
.ios26 .sp26-klapp.offen .sp26-pfeil,.ios26 .sp26-abs.offen .sp26-pfeil{transform:rotate(90deg)}
.ios26 .sp26-alle.zu{display:none}
.ios26 .sp26-abs{position:relative}
.ios26 .sp26-abs+.sp26-abs::before{content:"";position:absolute;top:0;right:0;left:58px;border-top:.5px solid var(--trenn);z-index:1}
.ios26 .sp26-av{width:34px;height:34px;flex:0 0 34px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:600}
.ios26 .sp26-abs-name{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ios26 .sp26-anzahl{font-size:15px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text2);background:var(--fuell);border-radius:10px;padding:1px 8px;margin-left:auto}
.ios26 .sp26-abs-mehr{display:none;padding:0 16px 12px 62px}
.ios26 .sp26-abs.offen .sp26-abs-mehr{display:block}
.ios26 .sp26-betreff{padding:7px 0;border-top:.5px solid var(--trenn);font-size:15px}
.ios26 .sp26-betreff span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ios26 .sp26-betreff small{display:block;font-size:12px;color:var(--text2);margin-top:2px}
.ios26 .sp26-fehlalarm{margin-top:8px;min-height:44px;width:100%;border-radius:12px;background:var(--fuell);color:var(--blau);font-size:15px;font-weight:600}
.ios26 .sp26-leer svg{width:56px;height:56px;color:var(--text3);margin-bottom:10px}
.ios26 .sp26 .fussnote{padding:7px 4px 0}
.ios26 .sp26-chip em{background:var(--fuell2);color:var(--text)}
.ios26 .sp26 .sp26-zeile .wert{color:var(--text)}
.ios26 .sp26 .sp26-zeile .wert small{color:var(--text2)}
.ios26 .sp26 .sp26-zeile .text{white-space:normal;flex:1}
.ios26 .sp26 .sp26-zeile .text b{line-height:1.25}
.ios26 .sp26 .sp26-zeile{padding-top:8px;padding-bottom:8px}
.ios26 .sp26 .sp26-abs-kopf .text{white-space:nowrap}
.ios26 .sp26 .sp26-zeile .wert{min-width:24px;text-align:right}