/* css/bewerbung.css – Oberfläche der Bewerbungsvorbereitung (Bewerbungen, Layout & Stile, Kündigung). Eigene Klassen mit Präfix bw. Die Papier-Dokumente stehen in bewerbung-docs.css. */
.bwDataTabs{display:flex;flex-wrap:wrap;gap:var(--s2);max-width:100%;margin:var(--s4) 0;padding:2px 0}
.bwDataTabs .chip{flex:none;white-space:nowrap}
.bwDataTabs .chip[aria-selected="true"]{background:var(--ink);border-color:var(--ink);color:var(--surface)}
.bwTopTabs{margin-bottom:var(--s4)}

/* Zweispalter mit Vorschau */
.bwSplit{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s4);align-items:start}
.bwSplit>*{min-width:0}
@media (min-width:1024px){.bwSplit{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}.bwSticky{position:sticky;top:var(--s4)}}
.bw-warn{margin-top:var(--s3)}

/* Hinweise */
.bwNote,.bw-warn.note{display:flex;gap:var(--s3);align-items:flex-start;padding:var(--s3) var(--s4);border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--border);color:var(--ink-2);font-size:var(--fs-sm)}
.bwNote p,.bw-warn.note p{margin:0}
.bwNote .lc,.bw-warn.note .lc{flex:none;margin-top:1px}
.bwNoteWarn,.bw-warn.note--warning{background:var(--warning-tint);border-color:var(--warning);color:var(--ink)}
.bwNoteWarn .lc,.bw-warn.note--warning .lc{color:var(--warning)}

/* Bewerbungsliste */
.bwFilter{overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap;max-width:100%}
.bwFilter .chip{flex:none}
.bwDl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--s1) var(--s4);margin:0 0 var(--s3);font-size:var(--fs-sm)}
.bwDl dt{color:var(--ink-3)}
.bwDl dd{margin:0;min-width:0;overflow-wrap:anywhere}
.bwHist{list-style:none;margin:0 0 var(--s3);padding:0;font-size:var(--fs-sm);color:var(--ink-2)}
.bwHist li{display:flex;gap:var(--s3);padding:2px 0}
.bwHist time{font-variant-numeric:tabular-nums;color:var(--ink-3);min-width:76px}
.bwSub,.bwCatLbl{font-size:var(--fs-xs);color:var(--ink-3);font-weight:600;margin:var(--s3) 0 var(--s2)}
.bwDocs{display:flex;flex-direction:column;gap:2px}
.bwCheck{display:flex;gap:var(--s2);align-items:flex-start;padding:var(--s1) 0;font-size:var(--fs-sm);cursor:pointer}
.bwCheck input{margin-top:3px;accent-color:var(--primary)}
.bwSwitch{display:flex;gap:var(--s3);align-items:flex-start;padding:var(--s2) 0;font-size:var(--fs-sm)}
.bwSwitch .switch{margin-top:1px}

/* Ergebnis des Datumsrechners */
.bwResult{border:1px solid var(--border);border-radius:var(--r-md);padding:var(--s3) var(--s4);background:var(--surface-2)}
.bwResult dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--s1) var(--s4);margin:0}
.bwResult dt{color:var(--ink-3);font-size:var(--fs-sm);padding-top:3px}
.bwResult dd{margin:0}
.bwResult .big{font-size:var(--fs-lg);font-weight:600;font-variant-numeric:tabular-nums}
.bwEmptyIn{text-align:center;padding:var(--s4);color:var(--ink-2)}
.bwEmptyIn .lc{color:var(--ink-3)}
.bwDlg{max-width:520px}
.bwDlgBody .field{margin-bottom:var(--s3)}

/* Layout & Stile */
.bwTpls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3)}
.bwTpl{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);padding:var(--s3);cursor:pointer;text-align:left;color:var(--ink)}
.bwTpl[aria-pressed="true"]{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-tint)}
.bwTpl b{display:block;font-size:var(--fs-sm)}
.bwTpl span{font-size:var(--fs-xs);color:var(--ink-3)}
/* Miniaturen eines Briefkopfs: bewusst weiße Mini-Seite (Papier), Farben Datenfarbe */
/* design-audit:ignore-start */
.bwThumb{height:64px;border-radius:4px;background:#fff;border:1px solid #e3e3e3;margin-bottom:var(--s2);position:relative;overflow:hidden;--thumb-tint:color-mix(in srgb,var(--thumb-acc) 14%,#fff)}
.bwThumb i{position:absolute;display:block;background:#d6dcdc;border-radius:1px}
.bwThumb-linie i:nth-child(1){left:10%;top:14%;width:34%;height:9%}
.bwThumb-linie i:nth-child(2){left:10%;top:34%;width:80%;height:2%;background:var(--thumb-acc)}
.bwThumb-linie i:nth-child(3){left:10%;top:52%;width:80%;height:4%}
.bwThumb-linie i:nth-child(4){left:10%;top:63%;width:80%;height:4%}
.bwThumb-linie i:nth-child(5){left:10%;top:74%;width:62%;height:4%}
.bwThumb-band i:nth-child(1){left:0;top:0;width:100%;height:32%;background:var(--thumb-tint)}
.bwThumb-band i:nth-child(2){left:10%;top:12%;width:34%;height:9%}
.bwThumb-band i:nth-child(3){left:10%;top:52%;width:80%;height:4%}
.bwThumb-band i:nth-child(4){left:10%;top:63%;width:80%;height:4%}
.bwThumb-band i:nth-child(5){left:10%;top:74%;width:62%;height:4%}
.bwThumb-leiste i:nth-child(1){left:0;top:0;width:9%;height:100%;background:var(--thumb-tint)}
.bwThumb-leiste i:nth-child(2){left:9%;top:0;width:2%;height:100%;background:var(--thumb-acc)}
.bwThumb-leiste i:nth-child(3){left:18%;top:14%;width:34%;height:9%}
.bwThumb-leiste i:nth-child(4){left:18%;top:52%;width:72%;height:4%}
.bwThumb-leiste i:nth-child(5){left:18%;top:68%;width:56%;height:4%}
.bwThumb-raster i:nth-child(1){left:10%;top:12%;width:44%;height:11%}
.bwThumb-raster i:nth-child(2){left:10%;top:34%;width:80%;height:1%;background:#9aa0a5}
.bwThumb-raster i:nth-child(3){left:10%;top:46%;width:18%;height:4%;background:var(--thumb-acc)}
.bwThumb-raster i:nth-child(4){left:34%;top:46%;width:56%;height:4%}
.bwThumb-raster i:nth-child(5){left:34%;top:57%;width:56%;height:4%}
.bwSw{display:inline-flex;align-items:center;gap:var(--s2)}
.bwSw::before{content:"";width:14px;height:14px;border-radius:50%;background:var(--c)}
.bwCs{width:16px;height:16px;border-radius:4px;border:1px solid var(--border);flex:none;background:var(--c)}
/* design-audit:ignore-end */
.bwStyleChip{gap:var(--s2)}
.bwStTag{font-size:var(--fs-xs);font-weight:600;color:var(--ink-3);margin-left:var(--s1)}
.bwStyleChip[aria-pressed="true"] .bwStTag{color:inherit;opacity:.8}
.bwColorChip{position:relative;gap:var(--s2)}
.bwColorChip input{width:18px;height:18px;padding:0;border:0;background:none;cursor:pointer}
.bwContrast{display:flex;align-items:center;gap:var(--s2);margin-top:var(--s2);font-size:var(--fs-sm);color:var(--ink-2);flex-wrap:wrap}
.bwContrast.bad{color:var(--danger)}
.bwOrdList{border:1px solid var(--border);border-radius:var(--r-md)}
.bwOrd{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);padding:2px var(--s1) 2px var(--s3)}
.bwOrd+.bwOrd{border-top:1px solid var(--border)}
.bwIcoBtn{min-height:34px;width:34px;padding:0;justify-content:center}
.bwIcoBtn:disabled{opacity:.4;cursor:default}
.bwPhotoBox{display:flex;gap:var(--s4);align-items:flex-start;flex-wrap:wrap;margin-top:var(--s3)}
.bwPhotoPrev{width:84px;height:108px;border-radius:var(--r-sm);overflow:hidden;background:var(--surface-3);flex:none;border:1px solid var(--border)}
.bwPhotoPrev.round{width:96px;height:96px;border-radius:50%}
.bwPhotoPrev img,.bwPhotoPrev svg{width:100%;height:100%;object-fit:cover;object-position:50% var(--py,35%);transform:scale(var(--pz,1));display:block}
.bwPhotoCtl{flex:1 1 200px;min-width:0}
.bwRange{display:flex;flex-direction:column;gap:var(--s1);font-size:var(--fs-sm);color:var(--ink-2);flex:1 1 180px;min-width:0}
.bwRange input{width:100%;accent-color:var(--primary)}
.bwFileBtn{cursor:pointer}
.bwPick{border:1px solid var(--border);border-radius:var(--r-md);padding:var(--s2) var(--s3);margin-bottom:var(--s2)}
.bwPick summary{cursor:pointer;font-size:var(--fs-sm);font-weight:500;color:var(--ink)}
.bw-mappe{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s2)}
@media (max-width:639px){.bwTpls{grid-template-columns:minmax(0,1fr)}.bw-mappe{grid-template-columns:minmax(0,1fr)}}
.bwPhotoCtl>.bwRange{flex:none}