/* ============================================================
   App CSS — Main / Base
   Light mode only. Custom styles beyond Tailwind.
   Entry file; other app-*.css files are loaded alongside in index.php.
   ============================================================ */

/* Base font */
body { font-family: 'Inter', sans-serif; }
:root {
    --list-row-padding-y: 12px;
    --view-area-bg: #f8fafc;
}

/* Scrollbar styling */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

/* Glass panel */
.glass-panel { background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); }

#sidebar-tree,
#view-area {
    outline: none;
}
#view-area {
    background: var(--view-area-bg);
}
#sidebar-tree.keyboard-region-active,
#view-area.keyboard-region-active {
    box-shadow: inset 0 0 0 2px rgba(59, 130, 246, 0.12);
}