@layer theme,base,components,utilities,shq-rail,shq-panel,shq-tab,shq-select;@layer shq-files{.file-list-row{border-radius:var(--radius-md);gap:12px;margin:0 -8px;padding:10px 8px}.file-list-row:hover{background:var(--surface-1)}.file-list-row[data-selected]{background:var(--accent-subtle)}.file-type-chip{border-radius:var(--radius-sm);letter-spacing:.02em;white-space:nowrap;width:30px;height:30px;color:var(--text-secondary);background:var(--surface-1);flex-shrink:0;justify-content:center;align-items:center;font-size:9px;font-weight:700;display:inline-flex}.file-type-chip--danger,.file-card__preview--danger{background:color-mix(in oklch, var(--danger) 10%, var(--surface-1))}.file-type-chip--success,.file-card__preview--success{background:color-mix(in oklch, var(--success) 12%, var(--surface-1))}.file-type-chip--image,.file-card__preview--image{background:var(--surface-2)}.file-type-chip--neutral,.file-card__preview--neutral{background:var(--surface-1)}.file-list-row__main{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.file-list-row__name,.file-list-row__meta{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.file-list-row__name{color:var(--text-primary);font-size:13px}.file-list-row__meta{color:var(--text-tertiary);font-size:12px}.file-list-row:hover .file-list-row__name{text-underline-offset:2px;text-decoration:underline}.file-linked-record{text-overflow:ellipsis;white-space:nowrap;border-radius:var(--radius-full);background:var(--surface-1);max-width:200px;color:var(--text-secondary);flex-shrink:0;padding:3px 10px;font-size:12px;text-decoration:none;overflow:hidden}a.file-linked-record:hover{background:var(--surface-2);color:var(--text-primary)}.files-group{background:var(--surface-0);border-radius:var(--radius-lg);padding:14px 20px}.files-group+.files-group{margin-top:12px}.files-group__label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:600}.files-group__count{color:var(--text-tertiary);font-variant-numeric:tabular-nums;font-size:12px}.file-card{border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.file-card:hover{border-color:var(--border-strong)}.file-card__button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px;border-radius:inherit}.file-card[data-selected]{border-color:var(--accent);background:var(--accent-subtle)}.file-card__preview{background:var(--surface-1);height:108px;display:block;position:relative}.file-card__image{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.file-card__glyph{color:var(--text-tertiary);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.file-card__ext{border-radius:var(--radius-sm);background:var(--surface-0);color:var(--text-secondary);white-space:nowrap;padding:1px 5px;font-size:9px;font-weight:700;line-height:1.6;position:absolute;bottom:8px;right:8px}.file-card__check{z-index:2;position:absolute;top:8px;left:8px}.file-card__actions{z-index:2;position:absolute;top:4px;right:4px}.file-card__body{text-align:left;flex-direction:column;gap:2px;width:100%;min-width:0;padding:9px 11px 11px;display:flex}.file-card__name,.file-card__meta{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.file-card__name{color:var(--text-primary);font-size:12px;line-height:1.35}.file-card__meta{color:var(--text-tertiary);font-size:11px}.file-card:hover .file-card__name{text-underline-offset:2px;text-decoration:underline}.files-empty{background:var(--surface-0);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);text-align:center;flex-direction:column;align-items:center;gap:8px;margin:16px;padding:44px 24px;display:flex}.files-empty__title{color:var(--text-primary);font-size:14px;font-weight:600}.files-empty__body{max-width:46ch;color:var(--text-tertiary);text-wrap:pretty;font-size:13px;line-height:1.6}.files-no-match{background:var(--surface-0);border-radius:var(--radius-lg);color:var(--text-tertiary);text-align:center;margin:16px;padding:36px 24px;font-size:13px}}