/* =============================================================================
   13 — CLIENT · DOCUMENTS  (view-documents.php re-skin)
   -----------------------------------------------------------------------------
   Scoped to .portal-shell. Refines the SHARED components already defined in
   style.css / portal-redesign.css (.panel, .panel-head, .upload, .doc-*,
   .badge, .pay-notice) to match "08 Documents.dc.html" — it does NOT redefine
   them. Real upload flow is click -> #docFile change -> POST /documents ->
   reload with a text notice; the mockup's drag/drop + progress bar + Simulate
   controls are fixtures and are intentionally NOT reproduced.
   ============================================================================= */

/* --- Upload panel ---------------------------------------------------------- */
.portal-shell .doc-upload-body{
	padding:20px 22px;
}

/* Matter select: mockup pairs a 13px/600 label with a wider (max 420px) field. */
.portal-shell .doc-matter-field{
	margin-bottom:18px;
	max-width:420px;
}
.portal-shell .doc-matter-field label{
	display:block;
	margin-bottom:6px;
	font-size:13px;
	font-weight:600;
	color:var(--blue-ink);
}
.portal-shell .doc-upload select{
	width:100%;
	box-sizing:border-box;
	background:#fff;
	border:1px solid var(--hair);
	border-radius:6px;
	padding:11px 12px;
	font-size:14px;
	color:var(--ink);
	transition:border-color .18s,box-shadow .18s;
}
.portal-shell .doc-upload select:focus{
	outline:none;
	border-color:var(--blue);
	box-shadow:0 0 0 3px var(--blue-pale);
}

/* Dropzone: shared .upload is already a dashed picker label; nudge it to the
   mockup's 32px padding / 10px radius and its label + hint type scale. */
.portal-shell .doc-upload .upload{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	padding:32px;
	border-radius:10px;
	border-width:1.5px;
}
.portal-shell .doc-upload .upload b{
	font-size:14px;
	color:var(--ink);
}
.portal-shell .doc-upload .upload span{
	font-size:12.5px;
	color:var(--mid);
	margin-top:4px;
}
.portal-shell .doc-upload .upload:hover b{color:var(--blue)}

/* Real status notice (JS writes .pay-notice show ok|error here, then reloads). */
.portal-shell .doc-upload .pay-notice{
	margin-top:16px;
	margin-bottom:0;
}

/* --- Document group panels ------------------------------------------------- */
/* Mockup group headings sit at 16px (upload panel title stays 17px). */
.portal-shell .doc-group .panel-head h3{
	font-size:16px;
}