/* ভর্তি tab — school & college admission (frontend/js/admission-student.js) */
.adm-top { display:flex; gap:.4rem; flex-wrap:wrap; margin-bottom:1rem; padding:.3rem; background:var(--d-bg,#f4f6fa); border-radius:12px; width:fit-content; max-width:100%; }
.adm-seg { border:0; background:transparent; padding:.5rem .95rem; border-radius:9px; font:inherit; font-weight:700; font-size:.88rem; color:var(--d-sub,#5b6b7b); cursor:pointer; }
.adm-seg.on { background:#fff; color:var(--d-teal,#4f46e5); box-shadow:0 1px 5px rgba(16,24,40,.12); }
.adm-pills { display:flex; gap:.35rem; flex-wrap:wrap; }
.adm-pill { border:1px solid var(--d-line,#e5e9f0); background:#fff; color:var(--d-sub,#5b6b7b); border-radius:999px; padding:.38rem .9rem; font:inherit; font-weight:700; font-size:.84rem; cursor:pointer; }
.adm-pill.on { background:var(--d-teal,#4f46e5); border-color:var(--d-teal,#4f46e5); color:#fff; }

.adm-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(270px,1fr)); gap:1rem; }
.adm-card { background:#fff; border:1px solid var(--d-line,#e5e9f0); border-radius:14px; overflow:hidden; display:flex; flex-direction:column; transition:transform .15s, box-shadow .15s; }
.adm-card:hover { transform:translateY(-3px); box-shadow:0 10px 26px rgba(16,24,40,.10); }
.adm-cover { position:relative; display:flex; align-items:center; justify-content:center; aspect-ratio:16/8; background:linear-gradient(135deg,#4f46e5,#3b6fd4) center/cover no-repeat; text-decoration:none; }
.adm-emoji { font-size:2.8rem; filter:drop-shadow(0 3px 6px rgba(0,0,0,.25)); }
.adm-kind { position:absolute; top:.6rem; left:.6rem; background:rgba(15,31,46,.75); color:#fff; font-size:.72rem; font-weight:600; padding:2px 9px; border-radius:999px; }
.adm-body { padding:.85rem .95rem 1rem; display:flex; flex-direction:column; gap:.4rem; flex:1; }
.adm-title { margin:0; font-size:1.02rem; line-height:1.4; color:var(--d-ink,#0f1f2e); }
.adm-meta { font-size:.82rem; color:var(--d-sub,#5b6b7b); line-height:1.5; }
.adm-tags { display:flex; flex-wrap:wrap; gap:.3rem; }
.adm-tags span { background:var(--d-mint,rgba(79,70,229,.08)); color:var(--d-teal,#4f46e5); font-size:.74rem; font-weight:700; padding:2px 9px; border-radius:999px; }
.adm-tags.big { margin:.2rem 0 .8rem; } .adm-tags.big span { font-size:.82rem; padding:3px 12px; }
.adm-deadline { font-size:.8rem; font-weight:600; color:#b45309; }
.adm-deadline.over { color:#b91c1c; }
.adm-foot { display:flex; align-items:center; justify-content:space-between; gap:.5rem; margin-top:auto; padding-top:.6rem; flex-wrap:wrap; }
.adm-foot .btn { padding:.45rem 1rem; font-size:.85rem; }

.adm-mine { display:flex; flex-direction:column; gap:.7rem; }
.adm-row { display:flex; justify-content:space-between; align-items:center; gap:1rem; flex-wrap:wrap; border:1px solid var(--d-line,#e5e9f0); border-radius:12px; padding:.8rem 1rem; background:#fff; }
.adm-row-main { flex:1 1 220px; min-width:0; }
.adm-row-side { display:flex; align-items:center; gap:.6rem; flex-wrap:wrap; }
.adm-row-side .btn { padding:.4rem .9rem; font-size:.84rem; }
.adm-note { margin-top:.3rem; font-size:.85rem; color:var(--d-ink,#0f1f2e); background:var(--d-bg,#f4f6fa); border-radius:8px; padding:.35rem .6rem; }

.adm-back { margin-bottom:.9rem; padding:.45rem 1rem; font-size:.85rem; }
.adm-hero { display:flex; gap:1rem; align-items:center; margin-bottom:.8rem; flex-wrap:wrap; }
.adm-hero-logo { flex:none; width:84px; height:84px; border-radius:16px; background:linear-gradient(135deg,#4f46e5,#3b6fd4) center/cover no-repeat; display:flex; align-items:center; justify-content:center; font-size:2.3rem; border:1px solid var(--d-line,#e5e9f0); }
.adm-h { margin:.3rem 0 .2rem; font-size:1.3rem; color:var(--d-ink,#0f1f2e); }
.adm-facts { list-style:none; padding:0; margin:.2rem 0 0; display:flex; flex-direction:column; gap:.2rem; font-size:.88rem; color:var(--d-sub,#5b6b7b); }
.adm-facts li > span { display:inline; width:auto; }
.adm-about { white-space:pre-wrap; line-height:1.7; color:var(--d-ink,#0f1f2e); background:var(--d-bg,#f4f6fa); border-radius:12px; padding:.8rem 1rem; margin-bottom:1rem; font-size:.92rem; }

.adm-banner { border-radius:12px; padding:.8rem 1rem; margin-bottom:1rem; display:flex; flex-direction:column; gap:.2rem; font-size:.9rem; }
.adm-banner.ok { background:#e8f7ef; border:1px solid #9bd8b6; color:#0b6b3a; }
.adm-banner.warn { background:#fff7e6; border:1px solid #f3d089; color:#8a5a00; }
.adm-banner.bad { background:#fdecec; border:1px solid #f1b0b0; color:#a12626; }

.adm-form { border:1px solid var(--d-line,#e5e9f0); border-radius:14px; padding:1.1rem 1.1rem .6rem; background:#fff; }
.adm-form h4 { margin:0 0 1rem; font-size:1.05rem; color:var(--d-ink,#0f1f2e); }
.adm-field { margin-bottom:1rem; }
.adm-field input:not([type=radio]):not([type=checkbox]):not([type=file]), .adm-field select, .adm-field textarea { margin-bottom:.25rem; }
.adm-label { margin-bottom:6px; color:var(--d-ink,#0f1f2e); font-size:.9rem; }
.adm-req { color:#dc2626; font-weight:800; }
.adm-help { font-size:.78rem; color:var(--d-sub,#5b6b7b); }
.adm-opts { display:flex; flex-wrap:wrap; gap:.5rem; }
.adm-opt { display:inline-flex; align-items:center; gap:.5rem; margin:0; padding:.5rem .85rem; border:1px solid var(--d-line,#e5e9f0); border-radius:10px; cursor:pointer; font-weight:600; font-size:.88rem; color:var(--d-ink,#0f1f2e); background:#fff; }
.adm-opt input { width:18px; height:18px; margin:0; accent-color:var(--d-teal,#4f46e5); flex:none; }
.adm-opt:has(input:checked) { border-color:var(--d-teal,#4f46e5); background:var(--d-mint,rgba(79,70,229,.08)); }
.adm-drop { display:flex; align-items:center; gap:.7rem; margin:0; padding:.9rem 1rem; border:1.5px dashed #b6c2d0; border-radius:12px; cursor:pointer; color:var(--d-ink,#0f1f2e); font-weight:600; font-size:.9rem; background:#fafbfd; }
.adm-drop:hover { border-color:var(--d-teal,#4f46e5); background:var(--d-mint,rgba(79,70,229,.08)); }
.adm-drop-ic { font-size:1.4rem; }
.adm-hidefile { position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; }
.adm-file { display:flex; align-items:center; gap:.8rem; padding:.6rem .8rem; border:1px solid var(--d-line,#e5e9f0); border-radius:12px; background:#fff; flex-wrap:wrap; }
.adm-file.ok { border-color:#9bd8b6; background:#f3fbf7; }
.adm-file-info { flex:1; min-width:0; display:flex; flex-direction:column; word-break:break-all; font-size:.88rem; }
.adm-file .btn { padding:.35rem .8rem; font-size:.8rem; }
.adm-thumb { width:52px; height:52px; border-radius:8px; object-fit:cover; flex:none; }
.adm-doc { font-size:1.8rem; }
.adm-field.uploading { opacity:.55; pointer-events:none; }
.adm-error { background:#fdecec; border:1px solid #f1b0b0; color:#a12626; border-radius:10px; padding:.6rem .9rem; margin-bottom:.9rem; font-weight:600; font-size:.88rem; }
.adm-actions { display:flex; justify-content:flex-end; padding:.4rem 0 1rem; }
.adm-actions .btn { padding:.65rem 1.5rem; }
@media (max-width:560px) {
  .adm-top { width:100%; } .adm-seg { flex:1; padding:.5rem .4rem; font-size:.82rem; }
  .adm-hero-logo { width:64px; height:64px; font-size:1.8rem; }
  .adm-actions .btn { width:100%; }
}

/* ---- formal look: line icons, letterhead, sectioned two-column form ---- */
.adm-ico { width:1.05em; height:1.05em; flex:none; vertical-align:-.15em; }
.adm-seg { display:inline-flex; align-items:center; gap:.45rem; }
.adm-cover-ico { width:3rem; height:3rem; color:rgba(255,255,255,.92); }
.big-ico { width:2.6rem; height:2.6rem; color:var(--d-sub,#5b6b7b); }
.adm-meta { display:flex; flex-direction:column; gap:.2rem; }
.adm-mi { display:flex; align-items:center; gap:.45rem; }
.adm-deadline { display:flex; align-items:center; gap:.4rem; }
.adm-note { display:flex; gap:.5rem; align-items:flex-start; }
.adm-note .adm-ico { margin-top:.2rem; color:var(--d-teal,#4f46e5); }
.adm-hero-logo { color:#fff; } .adm-hero-logo .adm-ico { width:2.4rem; height:2.4rem; }
.adm-facts li { display:flex; align-items:flex-start; gap:.55rem; }
.adm-facts li .adm-ico { margin-top:.2rem; color:var(--d-teal,#4f46e5); }
.adm-banner { flex-direction:row; align-items:flex-start; gap:.7rem; }
.adm-banner > .adm-ico { width:1.4rem; height:1.4rem; margin-top:.1rem; }
.adm-banner > div { display:flex; flex-direction:column; gap:.2rem; }

.adm-form { padding:0; overflow:hidden; box-shadow:0 2px 10px rgba(16,24,40,.05); }
.adm-form-head { display:flex; justify-content:space-between; align-items:flex-end; gap:1rem; flex-wrap:wrap; padding:1.1rem 1.4rem; background:linear-gradient(135deg,#0f3d3a,#4f46e5); color:#fff; }
.adm-form-kicker { display:block; font-size:.78rem; letter-spacing:.04em; opacity:.85; margin-bottom:.15rem; }
.adm-form .adm-form-head h4 { margin:0; color:#fff; font-size:1.2rem; }
.adm-form-note { font-size:.8rem; opacity:.92; text-align:right; }
.adm-form-note .adm-req { color:#fecaca; }
.adm-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem 1.3rem; padding:1.3rem 1.4rem .4rem; counter-reset:admsec; }
.adm-fields .adm-field { margin:0; }
.adm-fields .wide, .adm-fields .adm-section { grid-column:1 / -1; }
.adm-label { display:block; font-weight:600; letter-spacing:.01em; }
.adm-field input:not([type=radio]):not([type=checkbox]):not([type=file]), .adm-field select, .adm-field textarea { width:100%; border:1px solid #cfd8e3; border-radius:8px; background:#fff; transition:border-color .15s, box-shadow .15s; }
.adm-field input:focus, .adm-field select:focus, .adm-field textarea:focus { outline:0; border-color:var(--d-teal,#4f46e5); box-shadow:0 0 0 3px rgba(79,70,229,.15); }
.adm-field input:disabled, .adm-field select:disabled, .adm-field textarea:disabled { background:#f4f6fa; color:#475569; }
.adm-section { display:flex; align-items:center; flex-wrap:wrap; gap:.7rem; margin-top:.6rem; padding-bottom:.45rem; border-bottom:2px solid var(--d-teal,#4f46e5); counter-increment:admsec; }
.adm-section:first-child { margin-top:0; }
.adm-sec-no::before { content:counter(admsec); display:inline-flex; align-items:center; justify-content:center; width:1.6rem; height:1.6rem; border-radius:50%; background:var(--d-teal,#4f46e5); color:#fff; font-size:.8rem; font-weight:700; }
.adm-section h5 { margin:0; font-size:1rem; color:var(--d-ink,#0f1f2e); }
.adm-section p { flex-basis:100%; margin:0; font-size:.8rem; color:var(--d-sub,#5b6b7b); }
.adm-declare { display:flex; align-items:flex-start; gap:.65rem; margin:.6rem 1.4rem 1rem; padding:.8rem 1rem; background:#f8fafc; border:1px solid var(--d-line,#e5e9f0); border-radius:10px; font-size:.86rem; line-height:1.6; font-weight:500; cursor:pointer; }
.adm-declare input { width:18px; height:18px; margin-top:.2rem; flex:none; accent-color:var(--d-teal,#4f46e5); }
.adm-form .adm-error { margin:0 1.4rem .9rem; }
.adm-form .adm-actions { padding:.4rem 1.4rem 1.3rem; }
.adm-doc .adm-ico { width:1.8rem; height:1.8rem; color:var(--d-teal,#4f46e5); }
.adm-drop-ic .adm-ico { width:1.4rem; height:1.4rem; color:var(--d-teal,#4f46e5); }
@media (max-width:640px) {
  .adm-fields { grid-template-columns:1fr; padding:1.1rem 1rem .3rem; }
  .adm-form-head { padding:1rem; } .adm-form-note { text-align:left; }
  .adm-declare { margin:.6rem 1rem 1rem; } .adm-form .adm-error { margin:0 1rem .9rem; } .adm-form .adm-actions { padding:.4rem 1rem 1.2rem; }
}
@media print {
  .adm-back, .adm-actions, .adm-declare, .adm-top { display:none !important; }
  .adm-form { box-shadow:none; border:1px solid #999; } .adm-form-head { background:#fff !important; color:#000; border-bottom:2px solid #000; }
  .adm-form .adm-form-head h4 { color:#000; }
}

/* ---- admission fee: payment prompt after the teacher approves ---- */
.adm-banner.adm-pay { border-width:2px; }
.adm-pay-row { display:flex; align-items:center; justify-content:space-between; gap:.8rem; flex-wrap:wrap; margin-top:.5rem; padding-top:.6rem; border-top:1px dashed currentColor; }
.adm-pay-amt { font-size:1rem; }
.adm-pay-amt b { font-size:1.25rem; margin-left:.3rem; }
.dash-tab.has-due { position:relative; }
.dash-tab.has-due::after { content:''; position:absolute; top:.35rem; right:.35rem; width:.55rem; height:.55rem; border-radius:50%; background:#e5484d; box-shadow:0 0 0 2px rgba(229,72,77,.25); }

.adm-ids { display:flex; gap:.7rem; flex-wrap:wrap; margin:.35rem 0 .1rem; }
.adm-ids span { display:flex; flex-direction:column; font-size:.74rem; background:#fff; border:1px solid #9bd8b6; border-radius:10px; padding:.35rem .8rem; }
.adm-ids b { font-size:1.1rem; letter-spacing:.06em; color:#0b6b3a; }