fix(bulk-upload): form layout polish and drop zone sizing

- Drop zone box doubled: max-w-xl, larger icon (80px), bigger padding and text
- Title field wrapped in its own card (matches WhoWhenSection/DescriptionSection)
- Removed double-wrapping outer card around WhoWhenSection + DescriptionSection
- Added space-y-4 between form sections for consistent breathing room
- ScopeCard per-file label: text-accent → text-primary for legible contrast in light theme

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

frontend/src/lib/components/document/BulkDocumentEditLayout.svelte

@@ -197,7 +197,7 @@ async function save() {
 		<div class="flex flex-[45] flex-col overflow-hidden">
 			<!-- Scrollable form area — greyed out and non-interactive when no files selected -->
 			<div
-				class="flex-1 overflow-y-auto p-4 transition-opacity"
+				class="flex-1 space-y-4 overflow-y-auto p-4 transition-opacity"
 				class:opacity-60={files.size === 0}
 				class:pointer-events-none={files.size === 0}
 			>
@@ -231,9 +231,9 @@ async function save() {
 					</ScopeCard>
 				{:else}
 					<!-- N=0 (disabled placeholder) or N=1 (active): title + shared form -->
-					<div class="mb-4">
+					<div class="rounded-sm border border-line bg-surface p-6 shadow-sm">
 						<label class="block">
-							<span class="mb-1 block text-xs font-medium tracking-widest text-ink-2 uppercase">
+							<span class="mb-1 block text-xs font-bold tracking-widest text-ink-3 uppercase">
 								{m.form_label_title()} <span class="text-danger">*</span>
 							</span>
 							{#if activeFile}
@@ -242,28 +242,26 @@ async function save() {
 									value={activeFile.title}
 									oninput={(e) =>
 										setTitle(activeId!, (e.currentTarget as HTMLInputElement).value)}
-									class="block w-full rounded-sm border border-line bg-surface p-2 text-sm focus:border-accent focus:outline-none"
+									class="block w-full rounded border border-line p-2 text-sm shadow-sm focus:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring"
 								/>
 							{:else}
 								<input
 									type="text"
 									disabled
 									placeholder="—"
-									class="block w-full rounded-sm border border-line bg-surface p-2 text-sm text-ink-3"
+									class="block w-full rounded border border-line p-2 text-sm text-ink-3 shadow-sm"
 								/>
 							{/if}
 						</label>
 					</div>
 
-					<div class="rounded-sm border border-line bg-surface p-4 shadow-sm">
-						<WhoWhenSection
-							bind:senderId={senderId}
-							bind:selectedReceivers={selectedReceivers}
-							bind:dateIso={dateIso}
-							initialSenderName={initialSenderName}
-						/>
-						<DescriptionSection bind:tags={tags} hideTitle />
-					</div>
+					<WhoWhenSection
+						bind:senderId={senderId}
+						bind:selectedReceivers={selectedReceivers}
+						bind:dateIso={dateIso}
+						initialSenderName={initialSenderName}
+					/>
+					<DescriptionSection bind:tags={tags} hideTitle />
 				{/if}
 			</div>