/* therapyCRM File Manager — Filesystem UI */

/* Layout */
.fm-layout { display: grid; grid-template-columns: 260px 1fr; gap: 16px; min-height: 60vh; }
.fm-sidebar { background:#fff; border:1px solid #e5e7eb; border-radius:12px; padding:12px; }
.fm-content { background:#fff; border:1px solid #e5e7eb; border-radius:12px; padding:12px; }

/* Sidebar */
.fm-sidehead { font-weight:600; margin-bottom:.5rem; color:#31789c; }
.fm-cats { list-style:none; padding:0; margin:0; }
.fm-cats li a { display:block; padding:8px 10px; border-radius:8px; color:#334155; text-decoration:none; }
.fm-cats li a:hover { background:#eef6fb; }
.fm-cats li a.active { background:#e8f4f8; color:#0f172a; box-shadow: inset 0 0 0 1px #d7ecf4; }

.fm-tree { list-style:none; padding-left:0; margin: 6px 0 0 0; }
.fm-tree li a { display:flex; align-items:center; gap:.5rem; padding:6px 8px; border-radius:8px; color:#334155; text-decoration:none; }
.fm-tree li a:hover { background:#f5f9fb; }
.fm-tree .muted { color:#94a3b8; font-size:.9rem; }

/* Content */
.fm-topbar { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; }
.fm-actions { display:flex; gap:8px; }
.fm-breadcrumb { display:flex; flex-wrap:wrap; gap:.35rem; align-items:center; font-size:.9rem; color:#64748b; }
.fm-breadcrumb a { text-decoration:none; }
.fm-breadcrumb .crumb-sep { opacity:.6; }

/* Drop zone */
.fm-drop { border: 2px dashed #cfe7f1; background:#f9fcfe; border-radius: 12px; padding: 24px; text-align:center; transition: background .2s, border-color .2s; }
.fm-drop.dragover { background:#eef6fb; border-color:#31789c; }
.fm-drop .hint { color:#64748b; font-size:.9rem; }

/* Table (filesystem-like list) */
.fm-table { width:100%; border-collapse: collapse; }
.fm-table thead th { font-size:.85rem; text-transform:uppercase; letter-spacing:.02em; color:#64748b; border-bottom:1px solid #e5e7eb; padding:8px; }
.fm-table tbody td { padding:10px 8px; border-bottom:1px solid #f1f5f9; vertical-align: middle; }
.fm-name { display:flex; align-items:center; gap:.5rem; }
.fm-name .icon { width:26px; height:26px; border-radius:6px; display:flex; align-items:center; justify-content:center; background:#e8f4f8; color:#31789c; font-size:16px; }
.fm-muted { color:#64748b; font-size:.9rem; }

/* Utilities */
.fm-badge { display:inline-flex; align-items:center; gap:.25rem; border:1px solid #e5e7eb; padding:.15rem .4rem; border-radius:999px; font-size:.75rem; color:#334155; background:#f8fafc; }