/* DNAnalyzer Startschirm und Segmentleiste (dna-start.js, SPEC §3.0). Praefixe dna-seg, dna-st, dna-up. */

/* Segmentleiste ueber den fuenf DNA-Schirmen */
.dna-segbar { display:flex; gap:6px; overflow-x:auto; scrollbar-width:none; margin:0 0 12px;
  padding:2px 0 4px; }
.dna-segbar::-webkit-scrollbar { display:none; }
.dna-seg { flex:none; border:1.5px solid var(--line); background:var(--card); color:var(--navy);
  border-radius:999px; padding:7px 13px; font-size:12.5px; font-weight:800; cursor:pointer;
  white-space:nowrap; font-family:inherit; }
.dna-seg[aria-selected="true"] { background:var(--prim); border-color:var(--prim); color:var(--prim-ink); }

/* 1 + 2: Status und Loeschen */
.dna-st-kopf { display:flex; gap:12px; align-items:flex-start; }
.dna-st-kopf .tx { min-width:0; flex:1 1 auto; }
.dna-st-kopf .tx b { display:block; font-size:14px; font-weight:800; color:var(--navy); }
.dna-st-kopf .tx span { display:block; font-size:12px; font-weight:600; color:var(--muted);
  margin-top:3px; overflow-wrap:anywhere; }
.dna-st-keine { margin:0; font-size:13px; color:var(--ink); }
.dna-st-hinweis { margin-top:10px; font-size:12.5px; }
.dna-st-hinweis p { margin:0; padding:9px 12px; border-radius:12px; background:rgba(231,195,74,.16); }
.dna-st .btn { margin-top:12px; }

/* 4 + 5: Neue Datei */
.dna-up { margin-top:12px; }
.dna-up-titel { display:block; color:var(--navy); margin-bottom:6px; }
.dna-up p { font-size:13px; margin:0 0 8px; }
.dna-up-einw { margin-top:10px; }
.dna-up-name { font-size:12px; font-weight:600; margin-top:8px; overflow-wrap:anywhere; }
.dna-up-knoepfe { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.dna-up-knoepfe .btn { flex:1 1 140px; }
.dna-up-knoepfe .btn[disabled] { opacity:.45; cursor:not-allowed; }
.dna-up-fehler { margin-top:10px; }
.dna-up-fehler p { margin:0; }

/* 6 + 7: Bereiche und Rechtliches */
.dna-bereiche .dna-count .dna-chip { min-width:28px; justify-content:center; }
.dna-recht { width:100%; margin-top:14px; }

/* P10: „Neue Datei auswerten“ klappt unter „Deine Datei“ auf (dateiTeil) */
.dna-neu { margin-top:12px; }
.dna-neu > summary { display:flex; align-items:center; gap:12px; list-style:none; cursor:pointer; min-height:44px; }
.dna-neu > summary::-webkit-details-marker { display:none; }
.dna-neu > summary .ic { width:40px; height:40px; border-radius:13px; display:grid; place-items:center; flex:none;
  background:var(--card2); color:var(--navy); }
.dna-neu > summary .ic .hji { width:22px; height:22px; }
.dna-neu > summary b { flex:1; font-size:15px; font-weight:800; color:var(--navy); }
.dna-neu > summary .chev { color:var(--muted-2); font-size:20px; transition:transform .15s ease; }
.dna-neu[open] > summary .chev { transform:rotate(90deg); }
.dna-neu .dna-up { margin-top:10px; box-shadow:none; padding:0; background:none; border:0; }
.dna-neu .dna-up-titel { display:none; }
.dna-st + .dna-cov, .dna-cov + .dna-neu { margin-top:12px; }