/* HLS Audition System - front-end styles */
/* Brand colors are set via --hls-brand and --hls-dark CSS custom properties injected by PHP */
:root { --hls-brand: #b88a2e; --hls-dark: #1e1e1e; }

.nde-form-wrap {
	max-width: 1100px;
	margin: 0 auto;
	padding: 24px;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 6px;
	font-family: inherit;
	box-sizing: border-box;
}

.nde-logo-row {
	background: #1e1e1e;
	background: var(--hls-dark, #1e1e1e);
	color: #fff;
	padding: 16px 20px;
	border-radius: 6px 6px 0 0;
	margin-bottom: 20px;
	text-align: center;
}
.nde-logo-row h2 {
	text-align: center;
	margin: 0 0 4px;
	letter-spacing: 1px;
	color: #fff !important;
}
.nde-subtitle {
	text-align: center;
	color: #666;
	margin-top: 0;
}

.nde-notice {
	padding: 12px 16px;
	border-radius: 4px;
	margin-bottom: 18px;
	font-weight: 600;
}
.nde-notice.nde-success { background: #e6f6e9; border: 1px solid #34a853; color: #1e7d32; }
.nde-notice.nde-error { background: #fdecea; border: 1px solid #d93025; color: #b3261e; }

.nde-form-wrap form { display: block; }

.nde-row {
	display: grid;
	gap: 16px;
	margin-bottom: 16px;
}
.nde-row-2 { grid-template-columns: 1fr 1fr; }
.nde-row-3 { grid-template-columns: 1fr 1fr 1fr; }
.nde-row-4 { grid-template-columns: 2fr 1fr 0.6fr 1fr; }

@media (max-width: 700px) {
	.nde-row-2, .nde-row-3, .nde-row-4 { grid-template-columns: 1fr; }
}

.nde-form-wrap label {
	display: flex;
	flex-direction: column;
	font-weight: 600;
	font-size: 13px;
	color: #333;
	gap: 4px;
}
.nde-form-wrap label.nde-full { margin-bottom: 16px; }

.nde-hint { font-weight: 400; color: #888; font-size: 12px; }

.nde-form-wrap input[type="text"],
.nde-form-wrap input[type="email"],
.nde-form-wrap input[type="date"],
.nde-form-wrap input[type="number"],
.nde-form-wrap select,
.nde-form-wrap textarea {
	padding: 8px 10px;
	border: 1px solid #ccc;
	border-radius: 4px;
	font-size: 14px;
	font-weight: 400;
	width: 100%;
	box-sizing: border-box;
}

.nde-btn {
	display: inline-block;
	padding: 10px 22px;
	border-radius: 4px;
	border: none;
	font-weight: 700;
	cursor: pointer;
	font-size: 15px;
}
.nde-btn-primary { background: #b88a2e; background: var(--hls-brand, #b88a2e); color: #fff; border: none; }
.nde-btn-primary:hover { background: #9c7327; background: var(--hls-brand, #9c7327); filter: brightness(0.85); }
.nde-btn-secondary { background: #333; color: #fff; margin-bottom: 16px; }
.nde-btn-secondary:hover { background: #111; }

.nde-category-key {
	list-style: none;
	padding: 0;
	margin: 0 0 20px;
	font-size: 13px;
	color: #444;
}
.nde-category-key li { margin-bottom: 2px; }

.nde-table-scroll { overflow-x: auto; }

.nde-score-table {
	border-collapse: collapse;
	width: 100%;
	font-size: 13px;
}
.nde-score-table th, .nde-score-table td {
	border: 1px solid #ddd;
	padding: 6px 8px;
	text-align: center;
}
.nde-score-table th { background: #f5f0e6; }
.nde-score-table td.nde-num { font-weight: 700; }
.nde-score-table td.nde-sum { font-weight: 700; background: #fafafa; }
.nde-score-table input[type="number"],
.nde-score-table input[type="text"] {
	width: 70px;
	padding: 4px;
	text-align: center;
}
.nde-score-table input[type="text"] { width: 120px; }

.nde-composite-table th, .nde-composite-table td { font-size: 12px; }
.nde-export-form { margin-bottom: 16px; }

.nde-pending-queue {
	background: #faf6ec;
	border: 1px solid #e3d6ad;
	border-radius: 6px;
	padding: 16px;
	margin-bottom: 8px;
}
.nde-pending-queue h3 { margin-top: 0; }
.nde-pending-queue form { margin-bottom: 0; }

/* Check-in queue table */
.nde-queue-table td { vertical-align: middle; }
.nde-checkin-select { min-width: 80px; font-weight: 600; }
.nde-checkin-select option[value="yes"] { color: #1e7d32; }

/* Stage name in composite table */
.nde-stage-name { color: #888; font-size: 12px; }

/* Information Sheet cards */
.nde-info-sheet-card {
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 6px;
	padding: 20px;
	margin-bottom: 28px;
	max-width: 960px;
}
.nde-info-sheet-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 14px;
	padding-bottom: 10px;
	border-bottom: 2px solid #b88a2e;
	border-bottom: 2px solid var(--hls-brand, #b88a2e);
}
.nde-info-sheet-title { font-size: 14px; color: #333; }
.nde-info-sheet-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 13px;
	margin-bottom: 16px;
}
.nde-info-sheet-table th,
.nde-info-sheet-table td {
	border: 1px solid #ddd;
	padding: 6px 10px;
	vertical-align: top;
}
.nde-info-sheet-table th {
	background: #f5f0e6;
	font-weight: 600;
	white-space: nowrap;
	width: 1%;
}

/* File upload section */
.nde-files-section {
	background: #fafafa;
	border: 1px solid #e0e0e0;
	border-radius: 6px;
	padding: 16px;
	margin-top: 8px;
}
.nde-files-group { margin-top: 14px; }
.nde-files-group h4 { margin: 0 0 8px; font-size: 13px; text-transform: uppercase; color: #555; }
.nde-headshots-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}
.nde-headshot-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
	font-size: 11px;
	max-width: 130px;
	text-align: center;
}
.nde-resume-list { list-style: none; padding: 0; margin: 0; }
.nde-resume-list li { padding: 4px 0; font-size: 13px; }
.nde-upload-form { margin-bottom: 8px; }
.nde-btn-link { background: none; border: none; cursor: pointer; padding: 2px 4px; font-size: 12px; }
.nde-btn-delete { color: #d63638; }
.nde-btn-delete:hover { color: #a00; }

@media print {
	.no-print { display: none !important; }
	.nde-info-sheet-card { page-break-after: always; border: none; }
}