/* palummu file library widget — complements app.css */
.files-widget{width:100%}
.files-widget .memberrow strong{font-weight:600;word-break:break-word}
#files-upload-form{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--line)}
#files-list .btn{flex-shrink:0}

/* Uploader identity + timestamp in file lists (rows rendered by fileResults). */
#file-results .file-uploader,.part-documents .file-uploader{color:var(--muted);font-weight:400;font-size:.78rem}
#file-results .file-uploaded-at,.part-documents .file-uploaded-at{color:var(--muted);font-size:.78rem;white-space:nowrap}

/* File group folders (Department / Activity / Activity type / For Production).
   Styled generically so the grouping label text can change without breaking the look. */
.filegrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;margin:14px 0}
.filegrid .folder{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer;font:inherit;color:var(--ink);text-align:left}
.filegrid .folder:hover{border-color:var(--accent)}
.filegrid .folder.active{border-color:var(--accent);box-shadow:var(--shadow)}
.filegrid .folder svg{flex-shrink:0}
.filegrid .folder strong{display:block;font-size:.92rem;font-weight:600}
.filegrid .folder small{display:block;color:var(--muted);font-size:.78rem}

/* Part-document upload form: the file picker is the primary action. */
.part-upload input[type="file"]{display:block;width:100%;padding:12px;border:1px dashed var(--line);border-radius:10px;background:#fff;cursor:pointer;font:inherit}
.part-upload input[type="file"]:hover{border-color:var(--accent)}

/* Mobile: hide drag/drop zones (phones don't drag-drop); put "Choose file"
   first and make it prominent. */
@media (max-width:640px){
 #drop-zone,.dropzone,[data-dropzone]{display:none!important}
 #upload-form{display:flex;flex-direction:column}
 #upload-form label:has(input[type="file"]){order:-1}
 #upload-form input[type="file"],.part-upload input[type="file"]{padding:14px;font-size:1rem;border-style:solid;border-width:2px}
 .part-upload{display:flex;flex-direction:column}
 .part-upload label:has(input[type="file"]){order:-1}
 .filegrid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}
 #file-results .datatable{font-size:.85rem}
}