@layer screens{
/* ═══ Ablage — Vereinsdateien, Gruppen, Ordner und Datei-Unterseiten.
   Intrinsische Darstellung hier; vertikaler Rhythmus ausschließlich in contracts.css. ═══ */
/* ── Ablage (317a–c): Card-Layout, Emoji in der Titelzeile ── */
.ab-body{padding-left:var(--edge);padding-right:var(--edge)}
.ab-screen-stage,.ab-screen-page{min-width:0}
.ab-screen-stage{overflow-x:hidden}
/* Erste Ueberschrift der Ablage: 20 unter dem Titelblock (Beschluss 313).
   Die Merkkasten-Fassung steht seit M0d im globalen Vertrag (profil.css). */

.ab-z:active{background:var(--kachel-fest);box-shadow:none}
.ab-z .who{flex:1;min-width:0}
.ab-z .who .kf{display:flex;align-items:center;gap:var(--sp-3);min-width:0}
.ab-z .who .emo{flex:0 0 auto;font-size:var(--fs-body);line-height:1}
.ab-z .who b{display:block;font-size:var(--fs-row);font-weight:700;overflow-wrap:anywhere}
.ab-z > .t{flex:1;min-width:0;font-size:var(--fs-row);font-weight:700;overflow-wrap:anywhere}
.ab-z .who b.hell{color:var(--hl-text)}
.ab-z .who i{display:block;font-style:normal;font-size:var(--fs-sub);color:var(--sek);
  margin-top:var(--sp-1);overflow-wrap:anywhere}
.ab-z .who i.hell{color:var(--hl-text)}
.ab-z .r{flex:0 0 auto;font-size:var(--fs-sub);color:var(--muted);white-space:nowrap}
.ab-z .mb-chev{width:15px;height:15px;color:var(--muted);flex-shrink:0}
.ab-emo{flex:0 0 auto;font-size:17px;line-height:1}
/* Was wartet: gelb umrandet mit Pille — dieselbe Form wie im Kader. */
.ab-merk{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-4) var(--row-x);border:1px solid var(--paint-ab-merk-border)}
.ab-merk .tx{flex:1;min-width:0}
.ab-merk .tx b{display:block;font-size:var(--fs-row);font-weight:700;color:var(--ink)}
.ab-merk .tx i{display:block;font-style:normal;font-size:var(--fs-sub);color:var(--sek);margin-top:var(--sp-1)}
.ab-merkp{flex:0 0 auto;border:var(--klar-line-width,1px) solid var(--hl);background:none;color:var(--hl-text);
  border-radius:var(--r-chip);padding:var(--sp-2) var(--sp-4);font:800 var(--fs-eb) var(--f);letter-spacing:.4px;cursor:pointer}
/* Speicher als eigener Balken statt in der Unterzeile des Titels. */
.ab-speicher{padding:var(--sp-4) var(--row-x)}
.ab-speicher .k{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-4)}
.ab-speicher .k b{font-size:var(--fs-row);font-weight:700;color:var(--ink)}
.ab-speicher .k i{font-style:normal;font-size:var(--fs-sub);color:var(--sek)}
.ab-balken{display:block;height:6px;border-radius:99px;background:var(--paint-ab-balken-background);
  overflow:hidden}
.ab-balken i{display:block;height:100%;min-width:6px;border-radius:99px;background:var(--hl)}
/* Zeile ohne Ziel: dieselbe Card, nur nicht antippbar. */
.ab-z.still{cursor:default}
.ab-z.hell .who b{color:var(--hl-text)}
/* Dateiwahl beim Hochladen: Card mit Emoji, kein Systemknopf. */

.ab-wahl .tx{flex:1;min-width:0}
.ab-wahl .tx b{display:block;font-size:var(--fs-row);font-weight:700;color:var(--hl-text)}
.ab-wahl .tx i{display:block;font-style:normal;font-size:var(--fs-sub);color:var(--muted);margin-top:var(--sp-1);overflow-wrap:anywhere}
/* Upload-Fortschritt: Progress-Token, kein eigener Zeitvertrag. */
.ab-fort{display:flex;align-items:center;gap:var(--sp-4)}
.ab-fort .bar{flex:1;height:4px;border-radius:99px;background:var(--line);overflow:hidden;display:block}
.ab-fort .bar i{display:block;height:100%;background:var(--hl);transition:width var(--motion-progress) var(--ease-linear)}
.ab-fort span:last-child{flex:0 0 auto;font-size:var(--fs-sub);color:var(--muted)}
}

@layer zustaende{
/* Ablage folgt den Profilgruppen; Dateinamen dürfen vollständig umbrechen. */
body[data-layout="klar"] .ab-modern .ab-menu-row{position:relative;display:flex;align-items:center;width:100%;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--ink);text-decoration:none;text-align:left;font-family:var(--f);cursor:pointer;min-width:0}
body[data-layout="klar"] .ab-modern .ab-menu-row.still{cursor:default}
body[data-layout="klar"] .ab-modern .ab-menu-row .pf-row-tx{display:flex;flex-direction:column;flex:1;min-width:0}
body[data-layout="klar"] .ab-modern .ab-menu-row :is(.pf-row-t,.pf-row-t b,.tx b){font-size:var(--fs-row);font-weight:var(--klar-fw-row);color:var(--ink);line-height:1.45;white-space:normal;overflow-wrap:anywhere}
body[data-layout="klar"] .ab-modern .ab-menu-row .kf{display:flex;align-items:baseline;min-width:0}
body[data-layout="klar"] .ab-modern .ab-menu-row .emo{flex:0 0 var(--fs-row);width:var(--fs-row);font-size:var(--fs-row);text-align:center}
body[data-layout="klar"] .ab-modern .ab-menu-row .pf-row-s{display:block;font-style:normal;font-size:var(--fs-sub);color:var(--muted);line-height:1.5;white-space:normal;overflow-wrap:anywhere}
body[data-layout="klar"] .ab-modern .ab-menu-row>.r{font-size:var(--fs-sub);color:var(--muted);flex-shrink:0}
body[data-layout="klar"] .ab-modern .ab-menu-row .mb-chev{flex-shrink:0;width:15px;height:15px;color:var(--muted)}
body[data-layout="klar"] .ab-modern .ab-menu-row .hk{display:flex;flex-shrink:0;color:var(--hl-text)}
body[data-layout="klar"] .ab-modern .ab-menu-row .hk svg{width:var(--sp-5);height:var(--sp-5)}
body[data-layout="klar"] .ab-modern .ab-value-row{display:flex;justify-content:space-between;align-items:baseline;font-size:var(--fs-sub);line-height:1.5;border-top:var(--klar-line-width) solid var(--klar-line)}
body[data-layout="klar"] .ab-modern .ab-value-row:first-child{border-top:0}
body[data-layout="klar"] .ab-modern .ab-value-row .lab{color:var(--muted);flex:0 0 auto}
body[data-layout="klar"] .ab-modern .ab-value-row .wert{color:var(--ink);min-width:0;text-align:right;overflow-wrap:anywhere}
body[data-layout="klar"] .ab-modern .ab-menu-row+.ab-menu-row::after{content:"";position:absolute;top:0;right:0;height:var(--klar-line-width);background:var(--klar-line);pointer-events:none}
body[data-layout="klar"] .ab-modern .ab-field{border:var(--klar-line-width) solid var(--klar-line);border-radius:var(--r-card);background:transparent;box-shadow:none}
body[data-layout="klar"] .ab-modern .ab-field:focus-within{border-color:var(--hl)}
body[data-layout="klar"] .ab-modern .ab-field input{height:auto;display:block;width:100%;border:0;background:transparent;outline:0;box-shadow:none;font:400 var(--fs-input) var(--f);color:var(--ink)}
body[data-layout="klar"] .ab-modern label.bt-eb2{display:block}
body[data-layout="klar"] .ab-modern .ab-speicher .k{flex-wrap:wrap}
body[data-layout="klar"] .ab-modern :is(.ab-speicher .k b,.ab-merk .tx b){font-weight:var(--klar-fw-row)}
body[data-layout="klar"] .ab-modern .ab-merk .tx{min-width:0;overflow-wrap:anywhere}
body[data-layout="klar"] .ab-modern .ab-merkp{font-weight:var(--klar-fw-label)}
body[data-layout="klar"] .ab-modern .scr-tt{min-width:0}
body[data-layout="klar"] .ab-modern .scr-tt h1{overflow-wrap:anywhere;white-space:normal}
}

@layer zustaende{
body[data-layout="klar"] .ab-modern .bt-suchz{border:var(--klar-line-width) solid var(--klar-line);border-radius:var(--r-card);background:transparent;box-shadow:none}
body[data-layout="klar"] .ab-modern .bt-suchz:focus-within{border-color:var(--hl)}
body[data-layout="klar"] .ab-modern .bt-suchz input{border:0;background:transparent;outline:0;box-shadow:none;min-width:0;font-size:var(--fs-input)}
}