/* Notes-specific overrides */ /* Notes-specific overrides */ .app-container { /* Minimal overrides if necessary */ } /* Mode Sidebar */ .app-sidebar { background: #003366; color: white; padding: 1rem 0; display: flex; flex-direction: column; } .sidebar-item { padding: 1rem 1.5rem; cursor: pointer; display: flex; align-items: center; gap: 12px; color: rgba(255, 255, 255, 0.7); transition: 0.2s; } .sidebar-item:hover, .sidebar-item.active { color: white; background: rgba(255, 255, 255, 0.1); } .sidebar-item.active { border-left: 4px solid #00a8e8; } /* List Sidebar */ /* .notes-list styles are now mostly handled by .app-sidebar with inline overrides */ .list-header { padding: 1rem; border-bottom: 1px solid var(--toolkit-border); display: flex; justify-content: space-between; align-items: center; } .note-item { padding: 1rem; border-bottom: 1px solid var(--toolkit-border); cursor: pointer; transition: 0.2s; } .note-item:hover { background: white; } .note-item.active { background: white; border-left: 3px solid var(--toolkit-primary); } .note-title { font-weight: 600; margin-bottom: 0.25rem; color: var(--toolkit-dark); } .note-preview { font-size: 0.85rem; color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* Editor overrides */ .app-content { display: flex; flex-direction: column; background: white; } .editor-toolbar { padding: 0.75rem 1.5rem; border-bottom: 1px solid var(--toolkit-border); display: flex; gap: 1rem; align-items: center; } .editor-content { flex: 1; padding: 2rem; outline: none; overflow-y: auto; line-height: 1.6; font-size: 1.1rem; } .editor-title { font-size: 2rem; font-weight: bold; border: none; outline: none; width: 100%; margin-bottom: 1rem; color: var(--toolkit-primary); } textarea { width: 100%; height: 100%; border: none; outline: none; resize: none; font-size: 1.1rem; line-height: 1.6; }