/* mailcheck: CSV-Prüfung. Baut auf den Tokens aus style.css auf, Klassen mit Präfix ls-. */
.ls{max-width:56rem;display:grid;gap:1.25rem}
.ls[hidden],.ls [hidden]{display:none!important}
.ls-privat{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;border:1px solid color-mix(in srgb,var(--s-frei) 40%,var(--surface));border-left:4px solid var(--s-frei);border-radius:8px;background:color-mix(in srgb,var(--s-frei) 8%,var(--surface))}
.ls-privat-ic{width:1.5rem;height:1.5rem;color:var(--s-frei);margin-top:.1rem}
.ls-privat-text{font-size:1rem}
.ls-privat-text strong{font-weight:650}

.ls-drop{position:relative;display:grid;gap:.4rem;justify-items:center;text-align:center;padding:clamp(1.75rem,5vw,3rem) 1.25rem;border:2px dashed var(--muted);border-radius:12px;background:var(--surface);cursor:pointer}
.ls-drop:hover,.ls-drop.ls-ueber{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,var(--surface))}
.ls-drop:focus-within{outline:3px solid var(--accent);outline-offset:2px}
.ls-drop-titel{font-weight:650;font-size:1.125rem}
.ls-drop-sub{color:var(--muted);font-size:.9375rem;max-width:34rem}
.ls-datei{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}

.ls-fehler{margin:0;padding:.85rem 1rem;border:1px solid color-mix(in srgb,var(--s-wegwerf) 45%,var(--surface));border-left:4px solid var(--s-wegwerf);border-radius:8px;background:color-mix(in srgb,var(--s-wegwerf) 8%,var(--surface));font-size:.9688rem}

.ls-schluessel{border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:.25rem 1rem}
.ls-schluessel summary{cursor:pointer;padding:.7rem 0;font-weight:600;font-size:.9688rem}
.ls-schluessel label{display:block;font-weight:600;font-size:.9375rem;margin:.25rem 0 .4rem}
.ls-schluessel input{width:100%;max-width:26rem;min-height:2.75rem;padding:0 .9rem;font:400 1rem var(--mono);color:var(--ink);background:var(--bg);border:1px solid var(--muted);border-radius:8px}
.ls-klein{font-size:.875rem;color:var(--muted);margin:.6rem 0 .75rem}

.ls-box{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:1.25rem;display:grid;gap:1rem}
@media (min-width:640px){.ls-box{padding:1.5rem}}
.ls-box>*{margin:0}
.ls-dateiinfo{font-weight:650;overflow-wrap:anywhere}
.ls-raster{display:grid;gap:1rem}
@media (min-width:640px){.ls-raster{grid-template-columns:2fr 1fr}}
.ls-gruppe label{display:block;font-weight:600;font-size:.9375rem;margin-bottom:.4rem}
.ls select{width:100%;min-height:2.75rem;padding:0 .75rem;font:400 1rem var(--sans);color:var(--ink);background:var(--bg);border:1px solid var(--muted);border-radius:8px}
.ls-check{display:flex;align-items:center;gap:.6rem;font-size:1rem;cursor:pointer}
.ls-check input{width:1.25rem;height:1.25rem;accent-color:var(--accent)}
.ls-vorschau{margin:0}
.ls-aktionen{display:flex;flex-wrap:wrap;gap:.75rem}
.ls-zweit{appearance:none;border:1px solid var(--muted);background:var(--surface);color:var(--ink);font:600 .9688rem var(--sans);min-height:3.25rem;padding:0 1.25rem;border-radius:8px;cursor:pointer}
.ls-erg-kopf .ls-zweit{min-height:2.5rem;padding:0 1rem;font-size:.9375rem}
.ls-zweit:hover{border-color:var(--accent)}
@media (max-width:440px){.ls-aktionen .knopf,.ls-aktionen .ls-zweit{width:100%}}

.ls-fort-text{font-weight:650;font-variant-numeric:tabular-nums}
.ls-progress{width:100%;height:.75rem;appearance:none;border:0;border-radius:999px;overflow:hidden;background:var(--sunk);accent-color:var(--accent)}
.ls-progress::-webkit-progress-bar{background:var(--sunk);border-radius:999px}
.ls-progress::-webkit-progress-value{background:var(--accent);border-radius:999px}
.ls-progress::-moz-progress-bar{background:var(--accent);border-radius:999px}
.ls-warte{padding:.75rem 1rem;border-left:4px solid var(--s-verdaechtig);background:color-mix(in srgb,var(--s-verdaechtig) 10%,var(--surface));border-radius:6px;font-size:.9688rem}
.ls-fortschritt .ls-zweit{justify-self:start}

.ls-erg-kopf{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}
.ls-zus{font-size:1.125rem;font-weight:600}
.ls-balken{display:flex;gap:2px;height:1rem;border-radius:999px;overflow:hidden;background:var(--sunk)}
.ls-seg{--c:var(--muted);background:var(--c);min-width:4px}
.ls-seg[data-s="wegwerf"]{--c:var(--s-wegwerf)}.ls-seg[data-s="verdaechtig"]{--c:var(--s-verdaechtig)}
.ls-seg[data-s="alias"]{--c:var(--s-alias)}.ls-seg[data-s="frei"]{--c:var(--s-frei)}
.ls-seg[data-s="firma"]{--c:var(--s-firma)}.ls-seg[data-s="ungueltig"]{--c:var(--s-ungueltig)}
.ls-legende{list-style:none;margin:0;padding:0;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr))}
.ls-leg{--c:var(--muted);display:flex;align-items:center;gap:.5rem;padding:.55rem .75rem;border:1px solid var(--line);border-radius:8px;background:var(--bg);font-size:.9688rem}
.ls-leg[data-s="wegwerf"]{--c:var(--s-wegwerf)}.ls-leg[data-s="verdaechtig"]{--c:var(--s-verdaechtig)}
.ls-leg[data-s="alias"]{--c:var(--s-alias)}.ls-leg[data-s="frei"]{--c:var(--s-frei)}
.ls-leg[data-s="firma"]{--c:var(--s-firma)}.ls-leg[data-s="ungueltig"]{--c:var(--s-ungueltig)}
.ls-leg .ic{color:var(--c)}
.ls-leg-name{flex:1}
.ls-leg b{font-variant-numeric:tabular-nums}
.ls-leg-pz{color:var(--muted);font-size:.8125rem;min-width:3ch;text-align:right;font-variant-numeric:tabular-nums}

.ls-downloads h3,.ls-tab h3{margin-bottom:.75rem}
.ls-dl-liste{display:grid;gap:.75rem}
@media (min-width:760px){.ls-dl-liste{grid-template-columns:repeat(3,1fr)}}
.ls-dl{appearance:none;display:grid;gap:.25rem;text-align:left;padding:.9rem 1rem;border:1px solid var(--accent);border-radius:8px;background:color-mix(in srgb,var(--accent) 8%,var(--surface));color:var(--ink);font:inherit;cursor:pointer;align-content:start}
.ls-dl:hover{background:color-mix(in srgb,var(--accent) 16%,var(--surface))}
.ls-dl-titel{font-weight:650;color:var(--accent)}
.ls-dl-sub{font-size:.875rem;color:var(--muted)}

.ls-filter{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}
.ls-chip{appearance:none;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:500 .875rem var(--sans);padding:.45rem .85rem;border-radius:999px;cursor:pointer}
.ls-chip:hover{border-color:var(--accent)}
.ls-chip[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.ls-tabinfo{margin:.25rem 0 .75rem}
.ls-tabelle{margin-bottom:0}
.ls-tabelle table{min-width:42rem}
.ls-cap{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);padding:0}
.ls-tabelle td.ls-adr{font-family:var(--mono);font-size:.875rem;overflow-wrap:anywhere;min-width:12rem}
.ls-tabelle td:first-child{white-space:nowrap}
.ls-tabelle td.ls-grund{color:var(--muted);font-size:.875rem;min-width:14rem}
.ls-leer{padding:1rem;color:var(--muted);margin:0}
@media (max-width:640px){
  .ls-tabelle{border:0}
  .ls-tabelle table{min-width:0}
  .ls-tabelle td.zahl:first-child{text-align:left}
  .ls-tabelle td.ls-adr,.ls-tabelle td.ls-grund{min-width:0}
}