.pod-fu-form {
	max-width: 640px;
	margin: 1.5em auto;
	font-size: 16px;
}
.pod-fu-title { margin: 0 0 .25em; }
.pod-fu-intro { margin: 0 0 1em; opacity: .8; }

.pod-fu-fields { margin-bottom: 1em; }
.pod-fu-field { margin: 0 0 .85em; }
.pod-fu-field label {
	display: block;
	font-weight: 600;
	margin-bottom: .25em;
}
.pod-fu-field input,
.pod-fu-field textarea {
	width: 100%;
	padding: .6em .7em;
	border: 1px solid #c8ccd2;
	border-radius: 6px;
	box-sizing: border-box;
	font: inherit;
}
.pod-fu-field input:focus,
.pod-fu-field textarea:focus {
	outline: none;
	border-color: #2271b1;
	box-shadow: 0 0 0 2px rgba(34,113,177,.25);
}
.pod-fu-req { color: #d63638; }

/* honeypot — visually removed, still in the DOM for bots */
.pod-fu-hp {
	position: absolute !important;
	left: -9999px !important;
	height: 0;
	overflow: hidden;
}

.pod-fu-drop {
	border: 2px dashed #b4b9c0;
	border-radius: 10px;
	padding: 2em 1em;
	text-align: center;
	cursor: pointer;
	transition: border-color .15s, background .15s;
	background: #fafbfc;
}
.pod-fu-drop:hover,
.pod-fu-drop:focus { border-color: #2271b1; }
.pod-fu-drop.pod-fu-dragover {
	border-color: #2271b1;
	background: #eef5fb;
}
.pod-fu-drop-text strong { display: block; font-size: 1.05em; }
.pod-fu-drop-text span { display: block; opacity: .7; font-size: .9em; margin-top: .25em; }

.pod-fu-list {
	list-style: none;
	margin: 1em 0 0;
	padding: 0;
}
.pod-fu-item {
	display: grid;
	grid-template-columns: 1fr auto auto auto;
	align-items: center;
	gap: .6em;
	padding: .55em .7em;
	border: 1px solid #e3e6ea;
	border-radius: 6px;
	margin-bottom: .5em;
	background: #fff;
}
.pod-fu-fname { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pod-fu-fsize { font-size: .85em; opacity: .65; white-space: nowrap; }
.pod-fu-progress {
	width: 90px;
	height: 6px;
	background: #e3e6ea;
	border-radius: 3px;
	overflow: hidden;
}
.pod-fu-bar {
	display: block;
	height: 100%;
	width: 0;
	background: #2271b1;
	transition: width .2s ease;
}
.pod-fu-item.pod-fu-done .pod-fu-bar { background: #46b450; }
.pod-fu-item.pod-fu-failed .pod-fu-bar { background: #d63638; width: 100% !important; }
.pod-fu-remove {
	border: none;
	background: none;
	font-size: 1.3em;
	line-height: 1;
	cursor: pointer;
	color: #888;
	padding: 0 .2em;
}
.pod-fu-remove:hover { color: #d63638; }

.pod-fu-submit {
	margin-top: 1em;
	padding: .7em 1.6em;
	font: inherit;
	font-weight: 600;
	color: #fff;
	background: #2271b1;
	border: none;
	border-radius: 6px;
	cursor: pointer;
}
.pod-fu-submit:hover:not(:disabled) { background: #185a8c; }
.pod-fu-submit:disabled { opacity: .5; cursor: not-allowed; }

.pod-fu-result { margin-top: 1em; font-weight: 600; }
.pod-fu-result.pod-fu-error { color: #d63638; }
.pod-fu-result.pod-fu-success { color: #1a7f37; }

.pod-fu-form.pod-fu-complete .pod-fu-drop,
.pod-fu-form.pod-fu-complete .pod-fu-submit { display: none; }