/* Frontend upload form */
.npq-upload-form {
	display: flex;
	flex-direction: column;
	gap: 16px;
	text-align: left;
}

.npq-field {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.npq-field label {
	font-size: 14px;
	color: var(--color-text-muted, #C9C2B4);
}

.npq-field input,
.npq-field select,
.npq-field textarea {
	background: var(--color-bg, #17140F);
	border: 1px solid var(--color-border, #2B271E);
	border-radius: 8px;
	padding: 10px 12px;
	color: var(--color-text, #F4EFE6);
	font-family: inherit;
	font-size: 15px;
}

.npq-hint {
	color: var(--color-text-faint, #6E6858);
	font-size: 12px;
	margin: 0;
}

.npq-notice {
	padding: 14px 18px;
	border-radius: 8px;
	margin-bottom: 20px;
	font-size: 14px;
}

.npq-notice-success {
	background: rgba(74, 222, 128, 0.12);
	color: #4ADE80;
}

.npq-notice-error {
	background: rgba(248, 113, 113, 0.12);
	color: #F87171;
}

/* Admin status badges */
.npq-status {
	display: inline-block;
	padding: 3px 10px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 600;
}

.npq-status-ny        { background: #E0E7FF; color: #3730A3; }
.npq-status-i_ko       { background: #FEF3C7; color: #92400E; }
.npq-status-skrivs_ut  { background: #DBEAFE; color: #1E40AF; }
.npq-status-klar       { background: #D1FAE5; color: #065F46; }
.npq-status-avbruten   { background: #FEE2E2; color: #991B1B; }