.brand-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.nav-toggle,.nav-close{display:none}.topbar-actions{display:flex;align-items:center;gap:.5rem;flex:none}@media(max-width:48rem){.nav-toggle,.nav-close{display:inline-flex}.sidebar.sidebar-open{display:flex;position:fixed;inset:0 auto 0 0;width:min(85vw,18rem);z-index:40;overflow-y:auto;box-shadow:10px 0 30px #00000040}.nav-backdrop{position:fixed;inset:0;z-index:39;background:#00000059}.topbar{gap:.5rem;padding:.6rem .75rem}.main{padding:1rem}.user-menu-name{display:none}}.bell,.bell-button{position:relative}.bell-count{position:absolute;top:-.2rem;right:-.25rem;min-width:1.1rem;height:1.1rem;padding:0 .25rem;border-radius:999px;background:var(--accent);color:var(--accent-fg);font-size:.7rem;font-weight:600;line-height:1.1rem;text-align:center;box-sizing:border-box}.bell-popover{position:absolute;right:0;top:calc(100% + .35rem);width:min(22rem,calc(100vw - 1.5rem));display:flex;flex-direction:column;gap:.4rem;padding:.6rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);box-shadow:0 10px 30px #0003;z-index:30}.bell-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.bell-list,.notification-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.bell-list{max-height:22rem;overflow-y:auto}.bell-all{align-self:flex-start}.notification{display:flex;align-items:flex-start;gap:.6rem;width:100%;padding:.5rem;border:0;border-radius:var(--radius);background:transparent;color:var(--fg);font:inherit;text-align:left;cursor:pointer}.notification:hover{background:var(--accent-soft)}.notification-unread .notification-text{font-weight:600}.notification-main{display:flex;flex-direction:column;flex:1;min-width:0;overflow-wrap:anywhere}.unread-dot{flex:none;width:.55rem;height:.55rem;margin-top:.4rem;border-radius:999px;background:var(--accent)}.notification-row{display:flex;align-items:center;gap:.25rem;border-top:1px solid var(--border)}.notification-row:first-child{border-top:0}.page-header,.browser-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem}.view-controls{display:flex;align-items:center;gap:.4rem;margin-left:auto}.segmented{display:inline-flex;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.segmented .icon-button{border-radius:0}.segmented .icon-button[aria-pressed=true]{background:var(--accent-soft);color:var(--fg)}.sort-select select{padding:.3rem .5rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--fg);font:inherit;font-size:.85rem}img.thumb{object-fit:cover;border-radius:.2rem;background:var(--bg)}.file-col-name .thumb.list-icon{width:1.75rem;height:1.75rem}.file-marks{display:inline-flex;align-items:center;gap:.3rem;min-width:0;overflow:hidden}.badge-icon{width:.8rem;height:.8rem;flex:none}.badge-scan,.badge-danger{display:inline-flex;align-items:center;gap:.25rem}.node-mark{display:inline-flex;align-items:center;gap:.15rem;color:var(--fg-muted);font-size:.75rem}.node-mark-favorite{color:#b7791f}.node-mark-favorite svg,.favorite-on svg{fill:currentColor}.favorite-on{color:#b7791f}.tag-gray{--tag: #6b7280}.tag-red{--tag: #dc2626}.tag-orange{--tag: #ea580c}.tag-yellow{--tag: #ca8a04}.tag-green{--tag: #16a34a}.tag-blue{--tag: #2563eb}.tag-purple{--tag: #9333ea}.tag-pink{--tag: #db2777}.tag-chips{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.25rem;list-style:none;margin:0;padding:0;min-width:0}.tag-chip{display:inline-flex;align-items:center;gap:.25rem;max-width:10rem;padding:.02rem .45rem;border:1px solid color-mix(in srgb,var(--tag, #6b7280) 45%,transparent);border-radius:999px;background:color-mix(in srgb,var(--tag, #6b7280) 12%,transparent);color:var(--fg);font-size:.72rem;line-height:1.4}.tag-dot,.tag-swatch{flex:none;width:.5rem;height:.5rem;border-radius:999px;background:var(--tag, #6b7280)}.tag-swatch{width:1rem;height:1rem;align-self:center}.tag-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-link{display:inline-flex;align-items:center;gap:.25rem;min-width:0;text-decoration:none}.tag-link:hover .tag-name{text-decoration:underline}.tag-remove{display:inline-flex;padding:0;border:0;background:none;color:var(--fg-muted);cursor:pointer}.tag-remove svg{width:.75rem;height:.75rem}.tag-more{color:var(--fg-muted);font-size:.72rem}.tag-toggle{padding:.1rem;border:2px solid transparent;border-radius:999px;background:none;cursor:pointer}.tag-toggle-on{border-color:var(--focus)}.tag-create select{padding:.25rem .45rem;border:1px solid var(--border);border-radius:calc(var(--radius) * .6);background:var(--bg);color:var(--fg);font:inherit}.file-grid-tiles .file-list-inner>.tile-row{position:absolute;top:0;left:0;right:0;transform:translateY(var(--row-y, 0))}.tile-row{display:grid;grid-template-columns:repeat(var(--tile-cols, 4),minmax(0,1fr));gap:12px;padding:6px 12px;box-sizing:border-box}.tile{position:relative;display:flex;flex-direction:column;gap:.25rem;height:200px;padding:.5rem;box-sizing:border-box;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);-webkit-user-select:none;user-select:none;overflow:hidden}.tile:hover{background:var(--accent-soft)}.tile-selected{background:var(--accent-soft);border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.tile-focus{outline:2px solid var(--focus);outline-offset:-2px}.file-grid:not(:focus) .tile-focus{outline-color:transparent}.tile-drop{outline:2px dashed var(--accent);outline-offset:-2px}.tile-preview{display:grid;place-items:center;flex:1;min-height:0;border-radius:calc(var(--radius) * .6);background:var(--bg);overflow:hidden}.tile-thumb{width:100%;height:100%;object-fit:cover}.tile-icon{width:3rem;height:3rem;color:var(--fg-muted)}.tile-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem}.tile-meta{display:flex;align-items:center;gap:.3rem;min-width:0;overflow:hidden;white-space:nowrap}.tile-more{position:absolute;top:.35rem;right:.35rem;background:var(--bg-elevated)}.details-panel .tabs{flex-wrap:wrap}.activity-list,.comment-list,.comment-replies{list-style:none;margin:0;padding:0}.activity-row{display:flex;align-items:flex-start;gap:.5rem;padding:.5rem 0;border-top:1px solid var(--border)}.activity-row:first-child{border-top:0}.activity-text{overflow-wrap:anywhere}.comment{display:flex;flex-direction:column;gap:.2rem;padding:.5rem 0;border-top:1px solid var(--border)}.comment-list>.comment:first-child{border-top:0}.comment-replies{margin-left:1rem;padding-left:.75rem;border-left:2px solid var(--border)}.comment-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem}.comment-author{font-weight:600}.comment-body{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.mention{padding:0 .15rem;border-radius:.2rem;background:var(--accent-soft);font-weight:600}.comment-actions{display:flex;flex-wrap:wrap;gap:.6rem}.comment-actions .link-button{display:inline-flex;align-items:center;gap:.2rem}.comment-composer{display:flex;flex-direction:column;gap:.35rem}.comment-composer textarea{width:100%;box-sizing:border-box;padding:.5rem .65rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--fg);font:inherit;resize:vertical}.comment-composer textarea[aria-invalid=true]{border-color:var(--danger)}.node-row{flex-wrap:wrap}.node-row-title{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.35rem;overflow-wrap:anywhere}.node-row-actions{flex:none}.search-form{padding:1rem}.search-form-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.5rem}.search-form-q{flex:1;min-width:12rem}.search-filters{display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:.75rem}.search-tags{margin:.75rem 0;padding:0;border:0}.search-tags legend{margin-bottom:.35rem;font-size:.9rem}.saved-searches{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;margin:0;padding:0}.saved-search{display:inline-flex;align-items:center;gap:.1rem;padding-left:.6rem;border:1px solid var(--border);border-radius:999px;background:var(--bg-elevated)}.saved-search .link-button{display:inline-flex;align-items:center;gap:.25rem}.quicklook-pdf{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%}.quicklook-page{background:#fff;box-shadow:0 2px 10px #00000026}.quicklook-pages{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem}@media(prefers-reduced-motion:reduce){.bell-popover,.sidebar.sidebar-open{transition:none}}.browser-header>nav{flex:1 1 auto;min-width:0}
