/* === Folder View === */

/* ==================== 文件夹视图 ==================== */
.folder-view {
  height: 100%;
  overflow-y: auto;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.folder-hero {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.folder-hero-icon {
  width: 96px;
  height: 96px;
  color: var(--neutral-300);
}
.folder-hero-name {
  margin-top: 12px;
  font-size: 20px;
  font-weight: 600;
  color: var(--neutral-700);
}
.folder-items {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  gap: 16px;
  padding: 32px 0 40px;
  width: 100%;
  max-width: 720px;
}
.fitem {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 16px 8px;
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.15s;
  text-align: center;
}
.fitem:hover { background: var(--neutral-100); }
.fitem-icon { width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; }
.fitem-icon svg { width: 32px; height: 32px; }
.fitem-dir .fitem-icon { color: var(--primary-500); }
.fitem-sigil .fitem-icon { color: #d97706; }
.fitem-md .fitem-icon,
.fitem-file .fitem-icon { color: var(--neutral-400); }
.fitem-name {
  font-size: 13px;
  font-weight: 500;
  color: var(--neutral-800);
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-all;
}
.fitem-meta { font-size: 11px; color: var(--neutral-400); }
.folder-empty {
  grid-column: 1 / -1;
  text-align: center;
  padding: 48px 16px;
  color: var(--neutral-400);
  font-size: 14px;
}

[data-theme="dark"] .folder-view { background: #1a1a1a; }
[data-theme="dark"] .folder-hero-icon { color: #525252; }
[data-theme="dark"] .folder-hero-name { color: #d4d4d4; }
[data-theme="dark"] .fitem:hover { background: #2a2a2a; }
[data-theme="dark"] .fitem-name { color: #e5e5e5; }