/* NIOS SSLC admission form – popup & steps */
.apply-popup--wide { max-width: 520px; }
.nios-fields-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0.75rem 1rem; }
@media (max-width: 480px) { .nios-fields-grid { grid-template-columns: 1fr; } }
.nios-file-upload-group { display: flex; flex-direction: column; gap: 0.35rem; }
.nios-file-label { font-weight: 600; font-size: 0.9rem; color: #333; display: block; }
.nios-file-wrap { border: 1px dashed #5f26b9; border-radius: 8px; padding: 0.6rem; background: #f8f6fc; position: relative; display: block; cursor: pointer; min-height: 44px; }
.nios-file-wrap:hover { background: #efeaf8; }
.nios-file-input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; z-index: 1; }
.nios-file-hint { font-size: 0.85rem; color: #5f26b9; display: block; pointer-events: none; position: relative; z-index: 0; }
.nios-file-name { font-size: 0.8rem; color: #333; display: block; margin-top: 0.25rem; pointer-events: none; position: relative; z-index: 0; font-weight: 500; word-break: break-all; }
.nios-file-name:not(:empty) { color: #0a0; }
.nios-step-tabs { display: flex; align-items: center; justify-content: center; gap: 0; margin: 1rem 0 0.5rem; flex-wrap: wrap; }
.nios-tab { width: 36px; height: 36px; border-radius: 50%; border: 2px solid #ddd; background: #fff; color: #666; font-weight: 600; font-size: 0.9rem; cursor: pointer; padding: 0; transition: all 0.2s; }
.nios-tab:hover { border-color: #5f26b9; color: #5f26b9; }
.nios-tab.active { background: #5f26b9; border-color: #5f26b9; color: #fff; }
.nios-tab-connector { width: 24px; height: 2px; background: #ddd; flex-shrink: 0; transition: background 0.2s; }
.nios-tab-connector.active { background: #5f26b9; }
.nios-tab.active + .nios-tab-connector { background: #5f26b9; }
.nios-step-label { font-size: 0.9rem; color: #666; margin-top: 0.25rem; text-align: center; }
.nios-stage-actions { display: flex; justify-content: space-between; gap: 1rem; margin-top: 1.25rem; }
.apply-btn-prev, .apply-btn-next { padding: 0.5rem 1rem; cursor: pointer; border: 1px solid #5f26b9; background: transparent; color: #5f26b9; border-radius: 6px; }
.apply-btn-next { background: #5f26b9; color: #fff; border-color: #5f26b9; }
/* All form inputs and textareas – black text */
#niosSslcApplyForm .apply-input,
#niosSslcApplyForm input.apply-input,
#niosSslcApplyForm select.apply-input,
#niosSslcApplyForm .apply-group textarea,
#niosSslcApplyForm textarea.apply-input { color: #000; }
/* Dropdowns: white background, black text */
#niosSslcApplyForm select.apply-input,
#niosSslcApplyForm select { background-color: #fff !important; color: #000 !important; }
#niosSslcApplyForm select option { background: #fff; color: #000; }
#niosSslcApplyForm .apply-group textarea,
#niosSslcApplyForm textarea.apply-input { width: 100%; border: 1px solid #ccc; border-radius: 6px; padding: 0.5rem 0.75rem; font-size: 0.9rem; font-family: inherit; min-height: 100px; }
#niosSslcApplyForm .apply-group textarea:focus,
#niosSslcApplyForm textarea.apply-input:focus { border-color: #5f26b9; outline: none; }