.td-documents{font:14px/1.5 system-ui,sans-serif;color:#24354b;background:#fff;padding:16px;min-width:0}.td-documents h3{font-size:18px;margin:0}.td-documents header p{color:#566577;margin:4px 0 16px}.td-documents button,.td-documents a,.td-documents select,.td-documents input{font:inherit}.td-documents button,.td-documents a,.td-drawer>button,.td-preview>button{border:1px solid #ced6df;border-radius:6px;background:#fff;padding:7px 11px;color:#24354b;cursor:pointer;text-decoration:none}.td-documents button:hover,.td-documents a:hover{background:#edf2f7}.td-documents button:disabled{opacity:.5;cursor:default}.td-documents input,.td-documents select{border:1px solid #ced6df;border-radius:6px;padding:7px;background:#fff;color:#24354b}.td-actions,.td-shortcuts{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px}.td-documents nav{margin:12px 0;overflow-wrap:anywhere}.td-documents nav button{border:0;padding:4px}.td-drop{padding:16px;border:1px dashed #9cabbc;border-radius:8px;background:#f7f9fb;overflow-wrap:anywhere}.td-over{background:#e7eef8;border-color:#426b9d}.td-documents table{width:100%;border-collapse:collapse}.td-documents td,.td-documents th{text-align:left;border-bottom:1px solid #e4e9ef;padding:9px 6px;overflow-wrap:anywhere}.td-documents th{font-weight:600;color:#566577;background:#f7f9fb}.td-documents td button{margin:2px}.td-drawer,.td-preview{border:1px solid #ced6df;border-radius:12px;padding:16px;color:#24354b;width:min(1050px,94vw);max-height:92vh;overflow:auto}.td-drawer::backdrop,.td-preview::backdrop{background:#14223866}.td-drawer>button,.td-preview>button{float:right}.td-preview iframe{width:100%;height:72vh;border:0}.td-preview img{max-width:100%;max-height:72vh;object-fit:contain}.td-preview h3{margin:0 100px 16px 0;overflow-wrap:anywhere}@media(max-width:600px){.td-documents{padding:8px}.td-documents td:nth-child(3),.td-documents th:nth-child(3){display:none}.td-actions input{width:100%}.td-documents td button{padding:6px}.td-drawer,.td-preview{padding:8px}}

.td-mobile-date{display:none}@media(max-width:600px){.td-documents td:nth-child(2),.td-documents th:nth-child(2){display:none}.td-mobile-date{display:block;color:#64748b;margin-top:3px}.td-documents td:first-child{width:60%}}

.td-preview-viewer{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:10px;min-height:120px}
.td-preview-viewer>div{text-align:center;min-width:0}
.td-preview-viewer img{display:block;margin:auto;max-width:100%;max-height:72vh}
.td-preview .td-preview-arrow{font-size:32px;line-height:1;min-height:64px;padding:4px;color:#002855;background:#f1f6fc;border:1px solid #ced6df;border-radius:8px;cursor:pointer}
.td-preview .td-preview-arrow:hover:not(:disabled){background:#dbeafe}
.td-preview .td-preview-arrow:disabled{opacity:.3;cursor:default}
.td-preview-count{text-align:center;color:#64748b;font-size:13px;margin-top:8px}
.td-documents tbody tr{cursor:default}.td-documents tbody tr:hover{background:#eef6ff}.td-documents tbody tr:focus{outline:2px solid #1473c9;outline-offset:-2px}.td-folder-row td:first-child button{border:0;background:transparent;padding:3px 5px;font-weight:600;text-align:left}.td-file-row td:first-child{user-select:none}
@media(max-width:600px){.td-preview-viewer{grid-template-columns:34px minmax(0,1fr) 34px;gap:3px}.td-preview .td-preview-arrow{min-height:48px;font-size:26px;padding:2px}}

/* Unterlagen kompakt (16.10.2026, ersetzt die Kompakt-Regeln vom 15./16.10.): Titel + Knöpfe in einer Zeile, Schnellkacheln mit Anzahl,
   Ordnerpfad + «N Einträge» + Ablagehinweis in einer schmalen gestrichelten Zeile, Tabellen-Werkzeugleiste klein, Spaltenfilter erst über «Filter».
   .td-documents ist im Auftrag zugleich der Reiter (display per Inline-Style) – deshalb hier nie display setzen. */
.td-documents{padding:4px 10px 8px}
.td-documents button,.td-documents a,.td-documents select,.td-documents input{padding:3px 8px;font-size:12.5px;line-height:1.4}
.td-top{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;margin:0 0 4px}
.td-top>header{display:flex;align-items:baseline;gap:8px;min-width:0;flex:0 1 auto}
.td-top>header h3{font-size:14px;margin:0;white-space:nowrap}
.td-top>header p{margin:0;font-size:12px;color:#566577;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:34ch;min-width:0}
/* Umbrechen statt nach links überlaufen (flex-end + nowrap schnitt Titel/Suchfeld bei ~800 px links ab). */
.td-top>.td-actions{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin:0;flex:1 1 440px;min-width:0;max-width:100%;justify-content:flex-start}
.td-actions input[type=search]{flex:1 1 200px;min-width:160px;max-width:340px}
.td-actions select,.td-actions button,.td-actions a{flex:0 0 auto;white-space:nowrap}
/* Schnellkacheln: gleich breit, eine Zeile, bei Platzmangel umbrechend */
.td-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:3px;margin:0 0 3px}
.td-tiles[hidden]{display:none}
.td-tile{position:relative;display:flex;align-items:center;gap:3px;min-width:0;height:24px;box-sizing:border-box;padding:0 3px 0 4px;border:1px solid #c7d2fe;border-radius:6px;background:#f8fafc;cursor:pointer;font-size:11px;line-height:1.2;user-select:none}
.td-tile:hover,.td-tile:focus-visible{border-color:#6366f1;background:#eef2ff;outline:none}
.td-tile.td-tile-active{border-color:#4f46e5;background:#e0e7ff;box-shadow:inset 0 -2px #4f46e5}
.td-tile.td-tile-over{border:1px dashed #4f46e5;background:#e0e7ff}
.td-tile-icon{flex:0 0 auto;font-size:12px;line-height:1}
.td-tile-label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;color:#24354b}
.td-tile-count{flex:0 0 auto;min-width:16px;padding:1px 4px;box-sizing:border-box;border-radius:9px;background:#e0e7ff;color:#3730a3;font-size:10.5px;font-weight:700;text-align:center;font-variant-numeric:tabular-nums}
.td-tile-empty{background:#fff;border-color:#e2e8f0}
.td-tile-empty .td-tile-label{color:#64748b;font-weight:500}
.td-tile-empty .td-tile-count{background:#f1f5f9;color:#94a3b8}
.td-tile-missing{opacity:.45;border-style:dashed;background:#fff}
.td-tile-missing .td-tile-count{background:transparent;color:#94a3b8}
/* ⬆ erscheint beim Zeigen/Fokus über der Anzahl (Touch: immer sichtbar) */
.td-documents .td-tile-up{position:absolute;right:3px;top:50%;transform:translateY(-50%);display:none;padding:0 6px;border:1px solid #6366f1;border-radius:9px;background:#fff;color:#4f46e5;font-size:11px;line-height:16px}
.td-tile:hover .td-tile-up,.td-tile:focus-within .td-tile-up{display:block}
.td-documents .td-tile-up:hover{background:#e0e7ff}
@media (hover:none){.td-tile{padding-right:28px}.td-documents .td-tile-up{display:block;border:0;background:transparent}.td-tile-count{margin-right:2px}}
/* Ordnerpfad · Anzahl · Ablagehinweis = Ablagezone */
.td-documents .td-pathline{display:flex;align-items:center;flex-wrap:wrap;gap:2px 10px;margin:0 0 4px;padding:1px 8px;border:1px dashed #c3ccd7;border-radius:6px;background:#fafbfc;font-size:12px;line-height:1.5;min-height:22px;box-sizing:border-box}
.td-documents .td-pathline>nav{margin:0;min-width:0;overflow-wrap:anywhere}
.td-documents .td-pathline>nav button{border:0;padding:0 3px;font-size:12px;background:transparent;color:#1d4f91}
.td-documents .td-pathline>nav button:last-child{font-weight:600;color:#24354b}
.td-status{color:#566577;min-width:0;overflow-wrap:anywhere}
.td-drop-hint{margin-left:auto;color:#94a3b8;font-size:11.5px;white-space:nowrap}
.td-documents .td-pathline.td-over{background:#e7eef8;border-color:#426b9d;border-style:dashed}
.td-pathline.td-over .td-drop-hint{color:#1d4f91;font-weight:600}
/* Tabellen-Werkzeugleiste nur hier kompakt: Zähltext, Knöpfe und «Spalten einfrieren» in einer Zeile */
.td-documents .tt-bar{gap:4px;padding:0 0 3px;font-size:11.5px;line-height:1.4}
.td-documents .tt-bar>.tt-freeze-control{order:1}
.td-documents .tt-bar>.tt-chips,.td-documents .tt-bar>.tt-panel{order:2}
.td-documents .tt-bar button{padding:1px 7px;font-size:11.5px;line-height:1.5;border-radius:5px}
.td-documents .tt-count{flex:0 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:auto}
.td-documents .tt-freeze-control{gap:4px;flex-wrap:nowrap;white-space:nowrap}
.td-documents .tt-freeze-control select{padding:1px 4px;font-size:11.5px;max-width:160px}
.td-documents .tt-panel:not([hidden]){padding:6px;gap:4px}
.td-documents .tt-table>thead>tr>th{padding:4px 14px 4px 6px!important;font-size:12px}
.td-documents .tt-table>tbody>tr>td{padding:3px 6px}
.td-documents .tt-table>tfoot>tr>td{padding:4px 6px;font-size:12px}
.td-documents .tt-sort{padding:0 3px;margin-left:3px;font-size:12px}
/* Spalten-Filterzeile standardmässig aus; «Filter» blendet sie (mit dem Filterfeld der Komponente) ein. Gesetzte Spaltenfilter bleiben sichtbar. */
.td-documents .tt-column-filter{display:none!important}
.td-documents .tt-bar:has(>button[aria-expanded="true"])~.tt-viewport .tt-column-filter,.td-documents .tt-column-filter:not(:placeholder-shown){display:block!important;margin-top:3px;padding:2px 5px!important;font-size:11.5px!important}
@media(max-width:600px){
.td-documents{padding:4px 6px 8px}
.td-top>header p{max-width:60vw}
.td-top>.td-actions{flex-wrap:wrap;justify-content:flex-start;flex-basis:100%}
.td-actions input[type=search]{max-width:none;flex-basis:100%}
.td-tiles{grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}
.td-drop-hint{display:none}
.td-documents .tt-bar{flex-wrap:wrap}
}

/* Neuer Ordner · Auswahl · Verschieben (16.10.2026) */
.td-documents button.td-check[role]{position:relative;display:inline-block;width:16px;height:16px;min-width:16px;padding:0;margin:0 6px 0 0;border:1.5px solid #94a3b8;border-radius:4px;background:#fff;vertical-align:-3px;cursor:pointer}
.td-documents button.td-check[role]:hover{border-color:#1d4f91;background:#eef2ff}
.td-documents button.td-check[aria-checked=true]{background:#1d4f91;border-color:#1d4f91}
.td-documents button.td-check[aria-checked=true]::after{content:'\2713';position:absolute;inset:0;color:#fff;font-size:11px;font-weight:700;line-height:13px;text-align:center}
.td-documents tbody tr.td-selected{background:#e8efff}
.td-documents tbody tr[draggable=true]{cursor:grab}
.td-documents tbody tr.td-dragging{opacity:.45}
.td-documents tbody tr.td-drop-over{background:#e0e7ff;outline:2px dashed #4f46e5;outline-offset:-2px}
.td-documents .td-pathline>nav button.td-crumb-over{background:#e0e7ff;outline:1px dashed #4f46e5;border-radius:4px}
.td-selbar{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin:0 0 4px;padding:2px 8px;border:1px solid #c7d2fe;border-radius:6px;background:#eef2ff;font-size:12px}
.td-selbar[hidden]{display:none}
.td-selbar strong{margin-right:4px;color:#3730a3}
.td-ask{border:1px solid #ced6df;border-radius:12px;padding:16px;width:min(440px,92vw);max-height:86vh;overflow:auto;box-sizing:border-box;font:14px/1.5 system-ui,sans-serif;color:#24354b;background:#fff}
.td-ask::backdrop{background:#14223866}
.td-ask h3{margin:0 0 10px;font-size:15px;overflow-wrap:anywhere}
.td-ask h4{margin:10px 0 3px;font-size:12px;font-weight:600;color:#566577}
.td-ask p{margin:0 0 6px;color:#566577;font-size:12.5px;overflow-wrap:anywhere;max-height:5.5em;overflow:auto}
.td-ask button{border:1px solid #ced6df;border-radius:6px;background:#fff;padding:5px 11px;color:#24354b;cursor:pointer;font:inherit;font-size:13px}
.td-ask button:hover{background:#edf2f7}
.td-ask button.td-primary{background:#1d4f91;border-color:#1d4f91;color:#fff}
.td-ask button.td-primary:hover{background:#163d70}
.td-ask button.td-danger{background:#b42318;border-color:#b42318;color:#fff}
.td-ask button.td-danger:hover{background:#912018}
.td-ask ul.td-ask-names{margin:0 0 8px;padding-left:18px;max-height:30vh;overflow:auto;font-size:13px;overflow-wrap:anywhere}
.td-documents button.td-delete{color:#b42318}
.td-ask input{width:100%;box-sizing:border-box;border:1px solid #ced6df;border-radius:6px;padding:6px 8px;font:inherit;color:#24354b}
.td-ask .td-ask-msg{min-height:1.5em;margin:6px 0 0}
.td-ask-buttons{display:flex;justify-content:flex-end;gap:6px;margin-top:10px}
.td-ask-list{max-height:55vh;overflow:auto}
.td-ask button.td-ask-target{display:block;width:100%;margin:2px 0;padding:5px 9px;text-align:left;overflow-wrap:anywhere}
.td-ask button.td-ask-target:hover{background:#eef2ff;border-color:#6366f1}

/* Symbolansicht wie Explorer (16.10.2026) */
.td-grid{display:grid;gap:10px;padding:8px 2px}
.td-grid-klein{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:4px}
.td-grid-mittel{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.td-grid-gross{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.td-grid-riesig{grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}
.td-card{position:relative;border:1px solid #e4e9ef;border-radius:8px;background:#fff;padding:6px;cursor:pointer;display:flex;flex-direction:column;gap:3px;min-width:0}
.td-card:hover,.td-card:focus-visible{border-color:#426b9d;background:#f5f8fc;outline:none}
.td-card.td-selected{border-color:#16a34a;box-shadow:0 0 0 2px #16a34a inset;background:#f0fdf4}
.td-card.td-drop-over{background:#e7eef8;border-color:#426b9d}
.td-card.td-dragging{opacity:.45}
.td-thumb{position:relative;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border-radius:6px;overflow:hidden;aspect-ratio:4/3}
.td-thumb>span{font-size:40px;line-height:1}
.td-thumb>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.td-grid-gross .td-thumb>span{font-size:64px}
.td-grid-riesig .td-thumb>span{font-size:96px}
.td-grid-klein .td-card{flex-direction:row;align-items:center;padding:4px 6px}
.td-grid-klein .td-thumb{width:34px;height:34px;flex:0 0 34px;aspect-ratio:auto}
.td-grid-klein .td-thumb>span{font-size:20px}
.td-card-folder .td-thumb{background:#fff7e0}
.td-card-name{font-size:12.5px;font-weight:600;color:#24354b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.td-grid-klein .td-card-name{flex:1 1 auto;min-width:0}
.td-card-meta{font-size:11px;color:#64748b}
.td-card .td-check{position:absolute;top:8px;left:8px;z-index:2;opacity:0;transition:opacity .1s}
.td-card:hover .td-check,.td-card.td-selected .td-check,.td-card .td-check:focus-visible{opacity:1}
.td-grid-klein .td-card .td-check{position:static;opacity:1;order:-1}
.td-card-acts{position:absolute;top:8px;right:8px;display:none;gap:3px;z-index:2}
.td-card:hover .td-card-acts{display:flex}
.td-documents .td-card-acts button,.td-documents .td-card-acts a{padding:2px 7px;font-size:13px;background:rgba(255,255,255,.95)}
.td-grid-klein .td-card-acts{top:50%;transform:translateY(-50%)}
@media (hover:none){.td-card .td-check{opacity:1}}
/* Kopf der Unterlagen bleibt beim Scrollen direkt unter dem fixierten Belegkopf stehen */
.td-sticky{position:sticky;top:var(--td-stick-top,0px);z-index:30;background:#fff;padding-top:4px;box-shadow:0 6px 8px -8px rgba(15,23,42,.25)}
/* App-weite Breitenregeln für Eingabefelder nicht auf die Werkzeugleiste anwenden (Suche/Sortierung standen sonst je auf einer ganzen Zeile) */
.td-documents .td-actions input[type=search]{width:auto!important;flex:1 1 200px;min-width:160px;max-width:340px}
.td-documents .td-actions select{width:auto!important;flex:0 0 auto}
@media(max-width:600px){.td-sticky{position:static}.td-documents .td-actions input[type=search]{max-width:none;flex-basis:100%}}

/* Vom Handy (16.10.2026) */
.td-ask.td-handy{max-width:640px;width:min(640px,94vw)}
.td-handy-body{display:flex;gap:18px;align-items:flex-start;flex-wrap:wrap}
.td-handy-qr{width:240px;height:240px;image-rendering:pixelated;border:1px solid #e4e9ef;border-radius:8px;background:#fff}
.td-handy-body>div:last-child{flex:1 1 220px;min-width:0}
.td-handy-body ol{margin:0 0 10px;padding-left:20px;font-size:14px}
.td-handy-zeit{font-size:12px;color:#64748b;margin:8px 0}
.td-handy-liste{list-style:none;padding:0;margin:0;max-height:180px;overflow:auto;font-size:13px;color:#16a34a}
.td-handy-ok{float:right;margin-top:10px}