/* Kundenablage im Kundenprofil (02.11.2026): Finder-like grid, quiet chrome, Mac folder icons */
.customer-docs { margin:6px 0 28px; }
.ka-title { position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0); }
.ka-path .ka-crumb[aria-current="page"]:only-child { font-size:16px;padding-left:0; }
.kundenablage { --ka-folder-front:#5aa9fa;--ka-folder-front-dark:#3a8ff0;--ka-folder-back:#2c7ae0;--ka-folder-paper:#ffffff;--ka-page:#ffffff;--ka-page-line:#c9ced6;--ka-select:rgba(47,127,230,.12);--ka-select-line:rgba(47,127,230,.45); }
[data-theme="dark"] .kundenablage,.dark .kundenablage,body.dark-mode .kundenablage { --ka-folder-front:#4c9cf6;--ka-folder-front-dark:#2f80e8;--ka-folder-back:#2466c4;--ka-folder-paper:#e9edf3;--ka-page:#e9ecf1;--ka-page-line:#9aa3b1;--ka-select:rgba(80,150,255,.18);--ka-select-line:rgba(110,170,255,.55); }
.ka-bar { display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:0 0 12px;border-bottom:1px solid var(--border); }
.ka-path { display:flex;align-items:center;flex-wrap:wrap;gap:2px;min-width:0;font-size:13px; }
.ka-crumb { border:0;background:none;color:var(--muted);font:inherit;padding:4px 6px;border-radius:4px;cursor:pointer;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.ka-crumb:hover { color:var(--text);background:var(--bg); }
.ka-crumb[aria-current="page"] { color:var(--text);font-weight:500; }
.ka-crumb.is-target { background:var(--ka-select);box-shadow:inset 0 0 0 1px var(--ka-select-line);color:var(--text); }
.ka-sep { color:var(--muted);opacity:.6; }
.ka-actions { display:flex;flex-wrap:wrap;gap:6px; }
.ka-grid { display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:6px 8px;padding:16px 2px 8px;min-height:150px;border-radius:var(--radius);outline:none; }
.ka-grid.is-drop { background:var(--ka-select);box-shadow:inset 0 0 0 1px var(--ka-select-line); }
.ka-tile { display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px 8px;border:0;border-radius:8px;background:none;color:var(--text);font:inherit;cursor:default;min-width:0;text-align:center;user-select:none;-webkit-user-select:none; }
.ka-tile:hover { background:var(--bg); }
.ka-tile:focus-visible { outline:2px solid var(--ka-select-line);outline-offset:1px; }
.ka-tile.is-selected { background:var(--ka-select); }
.ka-tile.is-selected .ka-name { background:#2f7fe6;color:#fff; }
.ka-tile.is-target { background:var(--ka-select);box-shadow:inset 0 0 0 1px var(--ka-select-line); }
.ka-tile.is-dragging { opacity:.45; }
.ka-icon { width:72px;height:58px;flex:none;filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.14)); }
.ka-doc { width:48px;height:58px; }
.ka-folder-back { fill:var(--ka-folder-back); }
.ka-folder-paper { fill:var(--ka-folder-paper); }
.ka-front-top { stop-color:var(--ka-folder-front); }
.ka-front-bottom { stop-color:var(--ka-folder-front-dark); }
.ka-folder-shine { stroke:rgba(255,255,255,.45);stroke-width:1;fill:none; }
.ka-doc-page { fill:var(--ka-page);stroke:var(--ka-page-line);stroke-width:1.2; }
.ka-doc-fold { fill:none;stroke:var(--ka-page-line);stroke-width:1.2; }
.ka-doc-ext { font:600 9.5px/1 system-ui,-apple-system,sans-serif;letter-spacing:.3px;fill:#6b7280; }
.ka-ext-pdf { fill:#d14a3b; }
.ka-name { font-size:12.5px;line-height:1.3;padding:1px 5px;border-radius:4px;max-width:100%;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere; }
.ka-tile small { font-size:11px;color:var(--muted);line-height:1.3;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.ka-empty { grid-column:1/-1;align-self:center;text-align:center;color:var(--muted);font-size:13px;margin:24px 0; }
.ka-status { min-height:18px;font-size:12px;color:var(--muted);margin:4px 0 0; }
.ka-status.is-error { color:var(--danger,#c0392b); }
.ka-undo { border:0;background:none;padding:0;margin-left:6px;color:var(--primary);font:inherit;cursor:pointer; }
.ka-menu { position:fixed;z-index:10050;min-width:180px;padding:5px;border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:0 10px 30px rgba(0,0,0,.18); }
.ka-menu button { display:block;width:100%;text-align:left;border:0;background:none;color:var(--text);font:inherit;font-size:13px;padding:7px 10px;border-radius:5px;cursor:pointer; }
.ka-menu button:hover,.ka-menu button:focus-visible { background:#2f7fe6;color:#fff;outline:none; }
.ka-menu .is-danger { color:var(--danger,#c0392b); }
.ka-menu p { margin:4px 10px 6px;font-size:11px;color:var(--muted); }
dialog.ka-dialog { position:fixed;inset:0;margin:auto;height:fit-content;width:min(520px,calc(100vw - 24px)); }
.ka-dialog header [data-close] { border:0;background:none;padding:4px 8px;font-size:20px;line-height:1;color:var(--muted);cursor:pointer; }
.ka-footer { display:flex;justify-content:flex-end;gap:8px;margin-top:18px; }
.ka-error { color:var(--danger,#c0392b);font-size:12px;margin:8px 0 0; }
.ka-error:empty { display:none; }
.ka-mails { max-height:45dvh;overflow:auto;border:1px solid var(--border);border-radius:var(--radius);margin:12px 0; }
.ka-dialog label.ka-mail { flex-direction:row;align-items:flex-start;gap:10px;margin:0;padding:10px 12px;border-bottom:1px solid var(--border);cursor:pointer; }
.ka-dialog label.ka-mail:last-child { border-bottom:0; }
.ka-dialog label.ka-mail input { width:auto;margin-top:3px; }
.ka-mail span { display:flex;flex-direction:column;gap:2px;min-width:0; }
.ka-mail strong { font-weight:500;overflow-wrap:anywhere; }
.ka-mail small { color:var(--muted);font-size:12px;overflow-wrap:anywhere; }
.ka-mails > p { padding:10px 12px;margin:0; }
@media (max-width:600px){ .ka-grid { grid-template-columns:repeat(auto-fill,minmax(96px,1fr)); } .ka-actions { width:100%; } }

/* Zurück-Knopf vor dem Ordnerpfad (02.11.2026): eine Ebene hoch, auch Ziel für Drag & Drop wie die Pfad-Knöpfe */
.ka-nav { display:flex;align-items:center;gap:10px;min-width:0; }
.ka-back { display:inline-flex;align-items:center;gap:6px;flex:none;height:30px;padding:0 10px 0 8px;border:1px solid var(--border);border-radius:var(--radius);background:transparent;color:var(--text);font:inherit;font-size:13px;cursor:pointer; }
.ka-back:hover { background:var(--bg); }
.ka-back:focus-visible { outline:2px solid var(--primary);outline-offset:2px; }
.ka-back.is-target { background:var(--ka-select);box-shadow:inset 0 0 0 1px var(--ka-select-line); }
html.liquid .ka-back { border-color:var(--lq-kante,var(--border)); }
html.liquid .ka-back:hover { background:var(--lq-hover,var(--bg)); }