.file-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);cursor:pointer;transition:background var(--transition-fast);position:relative;min-height:44px}.file-item:hover{background:var(--bg-hover)}.file-item.active{background:var(--bg-active);border-left:3px solid var(--brand-blue);padding-left:calc(var(--space-lg) - 3px)}.file-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);background:rgba(21,101,192,.1);color:var(--brand-blue-light);flex-shrink:0}.file-icon svg{width:16px;height:16px}.file-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.file-name{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-meta{font-size:var(--font-size-xs);color:var(--text-muted);display:flex;align-items:center;gap:var(--space-sm)}.file-date{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-actions{display:none;align-items:center;gap:2px;flex-shrink:0}.file-item:hover .file-actions{display:flex}.file-item:hover .file-meta{display:none}.file-badge{display:inline-flex;align-items:center;gap:3px;padding:1px 6px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.file-badge.shared{background:var(--color-info-bg);color:var(--color-info)}.filelist-sort{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-lg);border-bottom:1px solid var(--border-secondary);font-size:var(--font-size-xs);color:var(--text-muted)}.filelist-sort select{background:0 0;border:none;color:var(--text-secondary);font-size:var(--font-size-xs);padding:2px 4px;cursor:pointer}.file-separator{height:1px;background:var(--border-secondary);margin:var(--space-xs) var(--space-lg)}