/* Titles for uploaded files and searching file lists (public/assets/js/file-titles.js). */
.cf-file-titles { margin-top: 8px; display: grid; gap: 6px; }
.cf-file-titles:empty { display: none; }
.cf-file-titles-head { font-size: 12px; font-weight: 600; color: #334155; }
.cf-file-titles-head span { font-weight: 400; color: #64748b; }
.cf-file-title { display: grid; grid-template-columns: minmax(0, 220px) 1fr; gap: 8px; align-items: center; margin: 0; }
.cf-file-title-name { font-size: 12px; color: #475569; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 576px) { .cf-file-title { grid-template-columns: 1fr; gap: 2px; } }
.cf-file-search { position: relative; max-width: 320px; margin: 0 0 8px; }
.cf-file-search i { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); color: #94a3b8; font-size: 12px; pointer-events: none; }
.cf-file-search input { padding-left: 28px; }
.cf-file-search-empty { font-size: 12px; color: #64748b; margin: 4px 0; }
.cf-file-sub { display: block; font-size: 11px; color: #94a3b8; }