/* Stile für das Modul files (nur in dieser Datei ändern) */
.fm{display:flex;height:100%;min-height:0;position:relative}
.fm-tree{width:250px;flex:none;overflow:auto;padding:8px 6px;border-right:1px solid var(--line)}
.fm-ti{display:flex;align-items:center;gap:4px;padding:5px 8px;border-radius:0 16px 16px 0;color:var(--text);text-decoration:none;white-space:nowrap}
.fm-ti:hover{background:#0000000d}.fm-ti.on{background:var(--sel);font-weight:600}
.fm-ti small{margin-left:auto;padding-left:8px;color:var(--muted);font-weight:400}
.fm-tname{overflow:hidden;text-overflow:ellipsis}
.fm-tg{display:inline-block;width:14px;color:var(--muted);cursor:pointer}
.fm-main{flex:1;min-width:0;display:flex;flex-direction:column}
.fm-bar{padding:12px 16px 4px;font-size:16px}
.fm-crumbs a{color:var(--accent);text-decoration:none}.fm-crumbs a:hover{text-decoration:underline}
.fm-tools{display:flex;align-items:center;gap:6px;padding:6px 12px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.fm-tools input{width:260px;max-width:100%;padding:7px 12px;border-radius:20px;background:#eaf1fb;border-color:transparent}
.fm-tools select{font:inherit;border:1px solid var(--line);border-radius:8px;padding:6px 8px;background:#fff}
.fm-body{flex:1;overflow:auto;min-height:0}
.fm-row{display:flex;gap:12px;align-items:center;padding:7px 16px;border-bottom:1px solid #eee;color:inherit;text-decoration:none}
a.fm-row:hover{background:#0000000a}
.fm-head{position:sticky;top:0;background:var(--card);color:var(--muted);font-size:12px;z-index:1}
.fm-n{flex:1;min-width:0;display:flex;align-items:center;gap:10px}
.fm-nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fm-ic{font-size:18px;flex:none}
.fm-m{width:110px;flex:none;color:var(--muted);font-size:12px;white-space:nowrap}
.fm-d{width:110px;flex:none;color:var(--muted);font-size:13px;white-space:nowrap}
.fm-s{width:80px;flex:none;text-align:right;color:var(--muted);font-size:13px;white-space:nowrap}
.fm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;padding:14px}
.fm-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;color:inherit;text-decoration:none;background:#fff}
.fm-card:hover{box-shadow:0 1px 6px #0003}
.fm-thumb{height:120px;display:flex;align-items:center;justify-content:center;background:var(--bg)}
.fm-thumb .fm-ic{font-size:44px}.fm-thumb img{width:100%;height:100%;object-fit:cover}
.fm-cn{display:flex;gap:6px;padding:8px 10px;font-size:13px;min-width:0}
.fm-cn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fm-prev-pane{position:absolute;top:0;right:0;bottom:0;width:min(62%,900px);background:var(--card);border-left:1px solid var(--line);box-shadow:-4px 0 14px #0002;display:flex;flex-direction:column;z-index:3}
.fm-ph{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--line)}
.fm-pn{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fm-meta{padding:6px 14px;font-size:12px}.fm-meta a{color:var(--accent);text-decoration:none}
.fm-pb{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column}
.fm-frame{flex:1;width:100%;border:0;background:#fff}
.fm-img{max-width:100%;max-height:100%;margin:auto;object-fit:contain}
.fm-text{margin:0;padding:12px 16px;white-space:pre-wrap;word-break:break-word;font:12px/1.5 ui-monospace,Menlo,Consolas,monospace}
.fm-trunc{padding:8px 16px}
@media(max-width:800px){.fm-tree{display:none}.fm-prev-pane{width:100%}.fm-m,.fm-d{display:none}}