@layer wertigo.components{.file-list{border:1px solid var(--ds-line);border-radius:var(--ds-radius-lg);background:var(--ds-surface);margin:0;padding:0;list-style:none}.file-row,.file-row__body--link{transition:background-color var(--ds-duration-fast) var(--ds-ease)}.file-row:has(.file-row__select){position:relative}.file-row__select{color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.file-row__select:after{border-radius:inherit;content:"";position:absolute;inset:0}.file-row__select:focus-visible{outline:none}.file-row__select:disabled{cursor:default}.file-row:has(.file-row__select) .file-row__actions{position:relative}.file-row:has(.file-row__select:not(:disabled)):active{background:var(--ds-surface-muted)}.file-row:has(.file-row__select:focus-visible){box-shadow:inset var(--ds-focus-ring)}.file-row--selected{background:var(--ds-surface-soft)}.file-row--selected .file-row__icon{background:var(--ds-brand);color:var(--ds-on-brand)}.file-row__body{border-radius:inherit;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.file-row__body--link{color:inherit;text-decoration:none}.file-row__body--link:hover{background:var(--ds-surface-soft)}.file-row__body--link:focus-visible{box-shadow:inset var(--ds-focus-ring);outline:none}.file-row__chevron{width:22px;height:22px;color:var(--ds-faint);transition:transform var(--ds-duration-fast) var(--ds-ease)}@media (hover:hover){.file-row:has(.file-row__select:not(:disabled)):hover{background:var(--ds-surface-soft)}}.file-row__body--link:hover .file-row__chevron{color:var(--ds-brand);transform:translate(2px)}.file-row:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.file-row:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.file-row+.file-row{border-top:1px solid var(--ds-line)}.file-row__icon{border-radius:var(--ds-radius-md);background:var(--ds-brand-tint);width:40px;height:40px;color:var(--ds-brand-hover);transition:background-color var(--ds-duration-base) var(--ds-ease),color var(--ds-duration-base) var(--ds-ease);place-items:center;display:grid}.file-row__icon svg{width:22px;height:22px}.file-row--success .file-row__icon{background:var(--ds-success-soft);color:var(--ds-success)}.file-row--muted .file-row__icon{background:var(--ds-surface-muted);color:var(--ds-faint)}.file-row--danger .file-row__icon{background:var(--ds-danger-soft);color:var(--ds-danger)}.file-row__copy{gap:3px;min-width:0;display:grid}.file-row__name{color:var(--ds-ink);font-size:var(--ds-text-sm);font-weight:var(--ds-weight-bold);overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;display:-webkit-box;overflow:hidden}.file-row__meta{color:var(--ds-subtle);font-size:var(--ds-text-xs);flex-wrap:wrap;align-items:center;gap:4px 8px;line-height:1.35;display:flex}.file-row__meta-text--danger{color:var(--ds-danger)}.file-row__badge{border-radius:var(--ds-radius-pill);background:var(--ds-success-soft);color:var(--ds-success);font-weight:var(--ds-weight-bold);padding:2px 7px}.file-row__actions{align-items:center;gap:6px;display:flex}@media (max-width:640px){.file-row__body{gap:10px;padding:10px 12px}.file-row__icon{width:36px;height:36px}.file-row__icon svg{width:20px;height:20px}}}