/* ---------- File uploads: one look in every portal (3 Nov 2026) ----------
   Lavender box with a dashed border in the institute's colour, ready to click or drag onto.
   To undo: delete this file's line from index.html. */
.dropzone { position: relative; margin-top: 14px; padding: 32px 20px; border: 2px dashed var(--brand-text); background: var(--brand-soft); color: var(--ink); transition: background .15s; }
.dropzone > strong { font-size: 15px; font-weight: 700; overflow-wrap: anywhere; }
.dropzone > .muted { color: var(--slate); font-size: 14px; }
.dropzone > *:not(.file-input) { pointer-events: none; }
.dropzone:hover { background: color-mix(in srgb, var(--brand) 15%, white); border-color: var(--brand-text); }
.dropzone.over { background: color-mix(in srgb, var(--brand) 22%, white); border-style: solid; border-color: var(--brand-text); }
.dropzone.compact { padding: 16px 16px; margin: 0 0 6px; }
.dropzone.compact > .muted { font-size: 13px; }
.st-photo-b { flex: 1 1 300px; min-width: 0; }
.st-photo-b .dropzone { margin: 0; }
.pp-impstart .dropzone { margin-bottom: 0; }