/* v1.35 — Flowlo's calm, personal navigation. */
:root{--flowlo-sidebar-blue:#2478f2;--flowlo-sidebar-blue-strong:#1769dd;--flowlo-sidebar-ink:#102b4a;--flowlo-sidebar-muted:#6f8298;--flowlo-sidebar-line:#dce8f4;--flowlo-sidebar-hover:#f2f7fd;--flowlo-sidebar-selected:#eaf3ff}
.app{grid-template-columns:258px minmax(0,1fr)!important;background:#f4f8fc}.sidebar{position:relative;overflow:visible!important;background:#fff!important;border-right:1px solid var(--flowlo-sidebar-line)!important;padding:18px 12px 12px!important;color:var(--flowlo-sidebar-ink)}.side-head{padding:3px 9px 19px!important}.side-head .brand{display:flex;align-items:center;gap:9px;font-size:27px!important;letter-spacing:-1.6px!important;color:var(--flowlo-sidebar-ink)!important}.brand-mark{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;overflow:hidden;background:var(--flowlo-sidebar-blue)}.brand-mark img{width:100%;height:100%;object-fit:cover}.side-shortcuts{display:grid!important;gap:0!important;min-height:0;overflow-y:auto;padding:0 3px 6px;scrollbar-width:thin;scrollbar-color:#caddec transparent}.sidebar-new{padding:0 0 17px!important}.sidebar-new-trigger{height:45px!important;min-height:45px!important;border-radius:12px!important;background:var(--flowlo-sidebar-blue)!important;box-shadow:0 7px 15px rgba(36,120,242,.18)!important;font-size:17px!important;font-weight:720!important;letter-spacing:-.01em}.sidebar-new-trigger:hover{background:var(--flowlo-sidebar-blue-strong)!important}.sidebar-new-trigger .material-symbols-rounded{font-size:24px!important}.sidebar-new-options{position:absolute;z-index:20;left:12px;right:12px;padding:6px!important;border:1px solid var(--flowlo-sidebar-line);border-radius:12px;background:#fff;box-shadow:0 14px 30px rgba(16,43,74,.12)}.sidebar-new.open .sidebar-new-options{display:grid!important;gap:1px;margin-top:5px!important}.sidebar-new-options button{min-height:34px!important;color:var(--flowlo-sidebar-ink)!important;font-size:13px!important}.sidebar-new-options button:hover{background:var(--flowlo-sidebar-hover)!important;color:var(--flowlo-sidebar-blue)!important}.side-nav{display:grid!important;gap:2px;margin:0!important;padding-bottom:17px;border-bottom:1px solid var(--flowlo-sidebar-line)}.nav-button,.project-list button,.new-project,.side-file{min-height:37px!important;border-radius:9px!important;color:var(--flowlo-sidebar-muted)!important;font-size:14px!important;font-weight:540!important}.nav-button{gap:11px!important;padding:8px 10px!important}.nav-button .material-symbols-rounded{font-size:21px;color:#6282a4}.nav-button:hover,.project-list button:hover,.new-project:hover,.side-file:hover{background:var(--flowlo-sidebar-hover)!important;color:var(--flowlo-sidebar-ink)!important}.nav-button.active,.project-list button.active{background:var(--flowlo-sidebar-selected)!important;color:var(--flowlo-sidebar-blue)!important;font-weight:680!important}.nav-button.active .material-symbols-rounded{color:var(--flowlo-sidebar-blue)}.side-section,.side-projects{display:grid;gap:2px;padding:17px 0 0}.side-section-title,.side-projects-title{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1px 10px 6px;color:#4d637e;font-size:11px;font-weight:790;letter-spacing:.075em;text-align:left}.side-section-title .material-symbols-rounded,.side-projects-title .material-symbols-rounded{font-size:19px;color:#627890;transition:transform .16s ease}.side-section.is-collapsed .side-section-title .material-symbols-rounded,.side-projects.is-collapsed .side-projects-title .material-symbols-rounded{transform:rotate(-90deg)}.side-section.is-collapsed>div,.side-section.is-collapsed>small,.side-projects.is-collapsed>.project-list,.side-projects.is-collapsed>.new-project{display:none}.side-section>small,.sidebar-empty{padding:1px 10px;color:#8495a7;font-size:11px;line-height:1.45}.side-file{gap:9px!important;padding:7px 10px!important;font-size:13px!important}.side-file>.material-symbols-rounded:first-child{font-size:18px!important;color:#5284bf!important}.side-file>.material-symbols-rounded:last-child{font-size:17px!important;color:#eca22a!important}.side-file:hover>.material-symbols-rounded:first-child{color:var(--flowlo-sidebar-blue)!important}.project-list{display:grid!important;gap:2px!important;max-height:none!important;overflow:visible!important;padding:0!important}.project-list button{display:flex;gap:10px!important;padding:8px 10px!important}.project-list .project-dot{width:8px!important;height:8px!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--dot) 12%,transparent)}.new-project{margin:4px 0 0!important;padding:8px 10px!important;color:var(--flowlo-sidebar-blue)!important;font-weight:620!important}.new-project .material-symbols-rounded{font-size:20px}.side-bottom{position:relative;margin-top:auto!important;padding:12px 0 0!important;border-top:1px solid var(--flowlo-sidebar-line)}.profile-row{display:flex!important;align-items:center!important;gap:10px!important;width:100%;min-height:55px!important;margin:0!important;padding:7px 8px!important;border:0!important;border-radius:11px!important;color:var(--flowlo-sidebar-ink)!important}.profile-row:hover{background:var(--flowlo-sidebar-hover)}.profile-row>.material-symbols-rounded{margin-left:auto;color:#6d839a;font-size:20px}.profile-copy{display:grid;gap:1px;min-width:0;text-align:left}.profile-copy strong{font-size:14px;font-weight:700;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-copy small,.profile-popover small{color:var(--flowlo-sidebar-muted);font-size:12px;line-height:1.2}.avatar.avatar-blob{position:relative;display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 auto;width:38px!important;height:38px!important;border-radius:44% 56% 52% 48% / 48% 45% 55% 52%!important;background:#b9ddff!important;overflow:hidden;box-shadow:inset 0 1px 1px rgba(255,255,255,.65)}.avatar-blob:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 28% 18%,rgba(255,255,255,.62),transparent 27%);transform:rotate(-7deg)}.avatar-blob i{position:relative;z-index:1;width:5px;height:11px;border-radius:999px;background:#17324b;transform:rotate(-9deg)}.avatar-blob i+ i{margin-left:8px;transform:rotate(9deg)}.profile-popover{bottom:63px!important;left:0!important;right:0!important;width:auto!important;padding:7px!important;border:1px solid var(--flowlo-sidebar-line)!important;border-radius:14px!important;background:#fff!important;box-shadow:0 18px 40px rgba(16,43,74,.15)!important;z-index:30}.profile-popover-account{display:flex;align-items:center;gap:9px;padding:5px 5px 11px}.profile-popover-account .avatar{width:32px!important;height:32px!important}.profile-popover-account>span:last-child{display:grid;gap:2px;min-width:0}.profile-popover-account b{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-workspaces{display:grid;gap:2px;padding:9px 0;border-top:1px solid var(--flowlo-sidebar-line);border-bottom:1px solid var(--flowlo-sidebar-line)}.profile-workspaces>span{padding:0 7px 3px;color:#8294a6;font-size:10px;font-weight:780;letter-spacing:.08em}.profile-workspaces button,.profile-menu-actions button{display:flex!important;align-items:center;gap:8px!important;width:100%;min-height:33px!important;padding:7px!important;border-radius:8px!important;color:var(--flowlo-sidebar-ink)!important;font-size:12px!important;text-align:left}.profile-workspaces button .material-symbols-rounded,.profile-menu-actions button .material-symbols-rounded{font-size:17px;color:#66829d}.profile-workspaces button.active{background:var(--flowlo-sidebar-selected)!important;color:var(--flowlo-sidebar-blue)!important;font-weight:680!important}.profile-workspaces button.active .material-symbols-rounded{margin-left:auto;color:var(--flowlo-sidebar-blue)}.profile-workspaces button:hover,.profile-menu-actions button:hover{background:var(--flowlo-sidebar-hover)!important}.profile-menu-actions{display:grid;gap:1px;padding-top:7px}.profile-menu-actions button:last-child{color:#ba5555!important}.profile-menu-actions button:last-child .material-symbols-rounded{color:#ba5555}
@media(max-width:800px){.sidebar{width:278px!important}.side-shortcuts{max-height:calc(100dvh - 155px)}.profile-popover{position:fixed!important;left:12px!important;right:auto!important;bottom:70px!important;width:254px!important}}
[data-theme="dark"] .sidebar{background:#14202b!important;border-color:#2b4054!important}[data-theme="dark"] .side-nav,[data-theme="dark"] .side-bottom,[data-theme="dark"] .profile-workspaces{border-color:#2b4054!important}[data-theme="dark"] .side-head .brand,[data-theme="dark"] .profile-row,[data-theme="dark"] .profile-popover,[data-theme="dark"] .profile-popover button{color:#e7f0f8!important}[data-theme="dark"] .profile-popover,[data-theme="dark"] .sidebar-new-options{background:#1a2936!important;border-color:#30475d!important}[data-theme="dark"] .nav-button:hover,[data-theme="dark"] .project-list button:hover,[data-theme="dark"] .new-project:hover,[data-theme="dark"] .side-file:hover,[data-theme="dark"] .profile-row:hover,[data-theme="dark"] .profile-workspaces button:hover,[data-theme="dark"] .profile-menu-actions button:hover{background:#203546!important}

/* Compact correction: keep the familiar density and use the active theme accent everywhere. */
.app{grid-template-columns:232px minmax(0,1fr)!important;background:var(--bg)!important}.sidebar{padding:15px 10px 10px!important}.side-head{padding:2px 8px 16px!important}.side-head .brand{gap:8px;font-size:25px!important}.brand-mark{width:35px;height:35px;border-radius:10px}.side-shortcuts{padding:0 2px 5px}.sidebar-new{padding-bottom:14px!important}.sidebar-new-trigger{height:40px!important;min-height:40px!important;border-radius:10px!important;background:var(--accent)!important;box-shadow:0 6px 13px color-mix(in srgb,var(--accent) 22%,transparent)!important;font-size:15px!important}.sidebar-new-trigger:hover{background:var(--accent)!important;filter:brightness(.94)}.sidebar-new-trigger .material-symbols-rounded{font-size:21px!important}.side-nav{gap:1px;padding-bottom:14px}.nav-button,.project-list button,.new-project,.side-file{min-height:34px!important;border-radius:8px!important;font-size:13px!important}.nav-button{padding:7px 9px!important;gap:9px!important}.nav-button .material-symbols-rounded{font-size:19px}.side-section,.side-projects{padding-top:14px}.side-section-title,.side-projects-title{padding:1px 9px 5px;font-size:10px}.side-file,.project-list button{padding:6px 9px!important}.side-file{font-size:12px!important}.side-file>.material-symbols-rounded:first-child{font-size:17px!important}.new-project{padding:7px 9px!important;font-size:12px!important}.side-bottom{padding-top:10px!important}.profile-row{min-height:50px!important;padding:6px 7px!important}.profile-copy strong{font-size:13px}.profile-copy small,.profile-popover small{font-size:11px}flowlo-avatar{display:inline-grid;place-items:center;flex:0 0 auto;line-height:0}flowlo-avatar svg{display:block}.profile-popover-account flowlo-avatar{width:32px;height:32px}.profile-row flowlo-avatar{width:38px;height:38px}
.avatar.avatar-blob-mount{padding:0!important;background:transparent!important;color:inherit!important;overflow:visible!important}.avatar-blob-mount flowlo-avatar{width:28px;height:28px}

/* Section rhythm and a single, personal footer control. */
.side-section+.side-section,.side-projects{margin-top:14px;padding-top:14px!important;border-top:.5px solid #e8eff6}.avatar-blob-mount flowlo-avatar{width:28px;height:28px}.profile-row{min-height:52px!important}.profile-popover .profile-workspaces{display:grid;gap:3px;padding:7px 0 8px;margin:0 0 6px;border-bottom:1px solid var(--flowlo-sidebar-line)}.profile-workspaces>span{padding:0 7px 3px;color:#8294a6;font-size:10px;font-weight:780;letter-spacing:.08em}.profile-popover #space-picker{display:block!important;margin:0!important;padding:0!important;border:0!important}.profile-popover .space-button{display:flex!important;align-items:center;gap:8px;width:100%;min-height:33px;padding:7px!important;border-radius:8px!important;color:var(--flowlo-sidebar-ink)!important;font-size:12px!important;text-align:left}.profile-popover .space-button:hover{background:var(--flowlo-sidebar-hover)!important}.profile-popover .space-button span:last-child{margin-left:auto}.profile-popover .space-menu{position:static!important;display:grid;margin-top:3px;padding:2px;border:0!important;box-shadow:none!important;border-radius:8px!important;background:transparent!important}.profile-popover .space-menu[hidden]{display:none}.profile-popover .space-menu button{display:flex!important;align-items:center;justify-content:space-between;width:100%;min-height:31px;padding:6px 7px;border-radius:7px;color:var(--flowlo-sidebar-ink);font-size:12px;text-align:left}.profile-popover .space-menu button:hover{background:var(--flowlo-sidebar-hover)}
.nav-button{gap:7px!important}.project-list button{gap:7px!important}.side-file{gap:7px!important}

/* Keep navigation available without letting a long project list push account controls away. */
.sidebar{display:flex!important;flex-direction:column!important;height:100dvh!important;min-height:0!important;overflow:hidden!important}.side-head{flex:0 0 auto}.side-head .brand{cursor:pointer}.sidebar-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 2px 8px 0;margin-right:-3px;scrollbar-width:thin;scrollbar-color:#caddec transparent}.sidebar-scroll::-webkit-scrollbar{width:6px}.sidebar-scroll::-webkit-scrollbar-thumb{background:#caddec;border-radius:999px}.side-bottom{flex:0 0 auto;margin-top:0!important;background:inherit;z-index:2}

/* Absolute footer keeps the personal control visible even when sidebar markup is rerendered. */
.side-bottom{position:absolute!important;left:10px;right:10px;bottom:10px;margin:0!important}.sidebar-scroll{padding-bottom:82px!important}