/* board.css -- Excalidraw container, board list */

/* ── Board (Excalidraw) ── */
#board-container { width: 100%; height: 100vh; overflow: hidden; background: #121212; position: relative; }
#board-floating-actions { position: absolute; bottom: 0.75rem; right: 4rem; z-index: 80; display: flex; gap: 0.375rem; }
#board-ctx-menu { position: fixed; z-index: 100; display: none; background: var(--bg-elevated); border: 1px solid var(--border); border-radius: var(--r); box-shadow: var(--shadow-md); width: fit-content; padding: 0.375rem 0; }
.board-chevron.expanded { transform: rotate(90deg); }
.board-sub-item { padding: 0.375rem 0.5rem; border-radius: var(--rm, 0.2rem); cursor: pointer; color: var(--text-muted); font-size: 0.875rem; background: transparent; border: none; text-align: left; width: 100%; transition: background 0.15s, color 0.15s; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.board-sub-item:hover { background: var(--bg-surface); color: var(--text-primary); }
aside:has(.nav-item[data-view="board"].active) .board-sub-item.active { background: var(--bg-elevated); color: #fff; font-weight: 500; }
.board-sub-item.dragging { opacity: 0.4; }

/* ── Scroll wrapper -- caps height so Resources/Newsletter/Profile stay visible ── */
#board-list-scroll { max-height: calc(100vh - 22rem); overflow-y: auto; overflow-x: hidden; margin-right: -0.75rem; scrollbar-gutter: stable; }

/* ── Folders ── */
.board-folder { display: flex; flex-direction: column; }
.board-folder-header { display: flex; align-items: center; gap: 0.2rem; padding: 0.375rem 0.25rem; cursor: pointer; border-radius: var(--rm, 0.2rem); user-select: none; color: var(--text-secondary); font-size: 0.875rem; }
.board-folder-header:hover { background: var(--bg-surface); color: var(--text-primary); }
.board-folder-chevron { display: inline-flex; align-items: center; transition: transform 0.15s; flex-shrink: 0; color: var(--text-faint); }
.board-folder-chevron.expanded { transform: rotate(90deg); }
.board-folder-children { display: flex; flex-direction: column; gap: 0.125rem; padding-left: 0.5rem; margin-left: 0.5rem; border-left: 1px solid var(--border); min-height: 1.5rem; }
.board-folder-children.collapsed { display: none; }
.board-folder-name { flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* ── Inline rename input (folder + board) ── */
.board-inline-rename { flex: 1; background: var(--bg-base); border: 1px solid var(--green); color: var(--text-primary); font-size: 0.875rem; padding: 0.2rem 0.4rem; border-radius: var(--rm, 0.2rem); outline: none; font-family: inherit; width: 100%; box-sizing: border-box; }

/* ── Board list empty state ── */
.board-empty-state { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.5rem; padding: 1.25rem 0.75rem; text-align: center; }
.board-empty-title { font-size: 0.8125rem; font-weight: 600; color: var(--text-primary); }
.board-empty-sub { font-size: 0.75rem; color: var(--text-faint); line-height: 1.4; }
.board-empty-btn { margin-top: 0.25rem; display: inline-flex; align-items: center; gap: 0.375rem; font-size: 0.75rem; }