/* ===== Admission pages 1 – 3 (after the admission form) + IT → Admission Dues ===== */
@import url('https://fonts.googleapis.com/css2?family=Noto+Nastaliq+Urdu:wght@400;700&display=swap');

.ur, .ur-in{font-family:'Jameel Noori Nastaleeq','Noto Nastaliq Urdu','Urdu Typesetting','Nafees Nastaleeq',serif;}
.ur-in{font-size:1.05rem; line-height:2;}
textarea.ur-in{line-height:2.1;}

/* ---------- IT → Admission Dues ---------- */
.ad-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(170px,1fr)); gap:10px 14px;}
.ad-total{margin-top:12px; padding:10px 14px; background:#fdebee; border:1px solid #edc6cd; border-radius:10px; font-size:1rem; color:var(--navy-800);}
.ad-also{margin-top:12px; border:1px dashed var(--line); border-radius:10px; padding:8px 12px; background:#fef2f4;}
.ad-also summary{cursor:pointer; font-weight:700; color:var(--navy-800);}
.ad-also-btns{display:flex; flex-wrap:wrap; gap:6px; margin:10px 0 8px;}
.ad-also-list{display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:4px 10px; font-size:.86rem;}
.ad-also-list label{display:flex; gap:6px; align-items:center; cursor:pointer;}
.ad-sum td,.ad-sum th{text-align:center; white-space:nowrap;}
.ad-rights{display:grid; grid-template-columns:minmax(200px,1.3fr) 1fr; gap:6px 12px; align-items:center; font-size:.86rem;}
.ad-rights label{color:var(--muted); font-weight:600;}
@media (max-width:760px){ .ad-rights{grid-template-columns:1fr;} .ad-rights input{margin-bottom:6px;} }

/* toolbar page picker */
.ap-pick{display:inline-flex; flex-wrap:wrap; gap:4px 12px; align-items:center; font-size:.82rem; padding:4px 10px; border:1px solid var(--line); border-radius:8px; background:#fff; color:#441f25;}
.ap-pick label{display:inline-flex; gap:5px; align-items:center; cursor:pointer; white-space:nowrap;}

/* ---------- the A4 pages ---------- */
.ap-page{
  position:relative; overflow:hidden; background:#fff; color:#000; box-sizing:border-box;
  width:196mm; height:281mm; max-width:100%; margin:0 auto 26px; padding:6mm 7mm 10mm;
  border:0.6mm solid #000; box-shadow:0 6px 24px rgba(0,0,0,.25);
  font-family:'Times New Roman', Times, serif; font-size:11pt; page-break-after:always; break-after:page;
}
.ap-page > *{position:relative; z-index:1;}
.ap-page .ap-wm{position:absolute; z-index:0; left:50%; top:55%; width:120mm; transform:translate(-50%,-50%); opacity:.07; pointer-events:none;}
.ap-head{display:flex; align-items:center; gap:4mm; border-bottom:0.5mm solid #000; padding-bottom:2mm;}
.ap-head-t{flex:1; text-align:center;}
.ap-logo{width:22mm; height:22mm; object-fit:contain;}
.ap-h1{font-family:'Arial Black', Arial, sans-serif; font-weight:900; font-size:17pt; letter-spacing:.3pt;}
.ap-h1.big{font-size:21pt;}
.ap-h1 sup{font-size:8pt; margin:0 1mm;}
.ap-h2{font-weight:700; font-size:10.5pt; margin-top:.6mm;}
.ap-h3{font-weight:700; font-size:10pt; margin-top:.6mm;}
.ap-ul{display:inline-block; margin-top:2mm; font-family:Arial, sans-serif; font-weight:900; font-size:15pt; text-decoration:underline; text-underline-offset:1.2mm;}
.ap-ul.sm{font-size:14pt;}
.ap-fill{display:inline-block; border-bottom:0.3mm solid #000; padding:0 2mm; min-height:5mm; font-weight:700; vertical-align:bottom;}
.ap-line{display:flex; justify-content:space-between; gap:6mm; margin:3.2mm 0; font-weight:700; font-size:11.5pt; align-items:flex-end;}
.ap-line > span{display:flex; align-items:flex-end; gap:1.5mm; white-space:nowrap;}
.ap-line .ap-fill{flex:1; min-width:0 !important;}
.ap-line > span[style*="flex:1"]{min-width:0;}
.ap-pno{position:absolute; bottom:4mm; left:0; right:0; text-align:center; font-weight:700; font-size:11pt;}
.ap-en{font-family:Arial, sans-serif; font-size:9.5pt; font-weight:700; unicode-bidi:isolate;}

/* page 1 — Urdu */
.ap-urtitle{text-align:center; font-size:20pt; font-weight:700; margin:0; line-height:1.9;}
.ap-p1-top{display:flex; gap:5mm; align-items:center; margin:3mm 0 4mm;}
.ap-fbox{width:30mm; height:36mm; border:0.4mm solid #000; display:flex; align-items:center; justify-content:center; text-align:center; font-size:10pt; flex:0 0 auto; overflow:hidden;}
.ap-fbox img{width:100%; height:100%; object-fit:cover;}
.ap-urf{flex:1;}
.ap-urrow{display:flex; align-items:flex-end; gap:2mm; font-size:13pt; line-height:2.1; margin:.5mm 0;}
.ap-urlab{font-weight:700; white-space:nowrap;}
.ap-urval{flex:1; border-bottom:0.3mm solid #000; padding:0 2mm; font-weight:700; min-height:9mm; line-height:2.1;}
.ap-urval.ap-short{flex:0 0 38mm;}
.ap-gap{margin-right:4mm;}
.ap-rules{margin:0; padding:0 6mm 0 0; font-size:11.5pt; line-height:1.95; text-align:justify;}
.ap-rules li{margin:0 0 .2mm;}
.ap-rules li::marker{font-size:9pt;}
.ap-bf-banner{margin:2.5mm auto 0; width:max-content; background:#000; color:#fff; font-family:Arial, sans-serif; font-weight:900; font-size:12pt; padding:1.2mm 8mm; -webkit-print-color-adjust:exact; print-color-adjust:exact;}
.ap-bf-box{border:0.4mm solid #000; padding:.5mm 4mm 1.5mm; text-align:center; font-size:11.5pt; line-height:1.95;}
.ap-bf-amt{font-weight:700; font-size:12pt; font-family:Arial, sans-serif; line-height:1.4;}
.ap-signs{display:grid; grid-template-columns:1fr 1fr; gap:5mm 8mm; margin-top:5mm; font-weight:700; font-size:10.5pt;}
.ap-signs > div{display:flex; align-items:flex-end; gap:1.5mm; white-space:nowrap;}
.ap-signs .ap-fill{flex:1;}

/* page 2 — process performa */
.ap-p2-top{display:flex; gap:5mm; align-items:flex-start; margin-top:2mm;}
.ap-p2-f{flex:1; min-width:0;}
.ap-cphoto{width:32mm; height:40mm; border:0.4mm solid #000; display:flex; align-items:center; justify-content:center; text-align:center; font-weight:700; font-size:10pt; flex:0 0 auto; overflow:hidden; margin-top:3mm;}
.ap-cphoto img{width:100%; height:100%; object-fit:cover;}
.ap-cat{width:100%; border-collapse:collapse; margin-top:2mm; font-size:10pt; font-weight:700;}
.ap-cat td{border:0.3mm solid #000; padding:1.4mm 1.5mm; text-align:center; position:relative;}
.ap-page .ap-cat td:first-child{background:#e8e8e8; -webkit-print-color-adjust:exact; print-color-adjust:exact;}
.ap-tick{margin-left:1.5mm; font-size:11pt;}
.ap-rights-h{display:flex; align-items:center; gap:4mm; margin:5mm 0 2mm; font-family:Arial, sans-serif; font-weight:900; font-size:13pt;}
.ap-rights-h span:first-child{flex:1;}
.ap-adm{display:inline-block; min-width:30mm; border:0.4mm solid #000; padding:1mm 3mm; text-align:center; font-size:12pt;}
.ap-page table{border-radius:0 !important; overflow:visible !important; box-shadow:none !important;}
.ap-page .ap-tbl{width:100%; border-collapse:collapse; font-size:10.5pt; border:0.3mm solid #000;}
.ap-page .ap-tbl th,.ap-page .ap-tbl td{border:0.3mm solid #000 !important; padding:1.6mm 2mm; text-align:left; background:#fff; color:#000; border-radius:0 !important;}
.ap-page .ap-tbl tr:nth-child(even) td{background:#fff;}
.ap-page .ap-tbl th{font-family:Arial, sans-serif; font-weight:900; background:#e8e8e8 !important; color:#000 !important; text-transform:none; letter-spacing:0; -webkit-print-color-adjust:exact; print-color-adjust:exact;}
.ap-page .ap-cat td{border:0.3mm solid #000 !important; color:#000; border-radius:0 !important;}
.ap-tbl th.big{font-size:12pt; text-align:center;}
.ap-tbl .c{text-align:center;}
.ap-tbl td.nm{font-weight:700; text-align:center;}
.ap-tbl td.nm.sm{font-size:9pt;}
.ap-page .ap-tbl tr.ap-grp td{font-weight:900; font-family:Arial, sans-serif; background:#f2f2f2; -webkit-print-color-adjust:exact; print-color-adjust:exact;}
.ap-rt td{height:7.6mm;}

/* page 3 — dues performa */
.ap-p3-f{margin-top:2mm;}
.ap-dues{margin-top:4mm;}
.ap-dues td{height:8.4mm; font-size:11pt;}
.ap-dues td small{font-size:8.5pt; color:#333;}
.ap-page .ap-dues tr.ap-tot td{font-size:12pt; background:#f2f2f2; -webkit-print-color-adjust:exact; print-color-adjust:exact;}
.ap-dues tr.ap-pay td{height:10mm; font-size:12pt;}
.ap-agree{margin-top:4mm;}
.ap-agree td{height:10mm; font-size:12pt;}
.ap-warn{margin-top:3mm; padding:2mm 3mm; background:#fff4e0; border:1px solid #e0b04a; border-radius:2mm; font-size:10pt;}
.ap-docs{margin-top:5mm; font-size:13pt; line-height:2.2;}
.ap-docs-h{font-weight:700; font-size:15pt; text-decoration:underline; text-underline-offset:2mm;}

@media print{
  .ap-page{box-shadow:none; margin:0 auto; page:admissionpage; height:281mm;}
  .ap-pick{display:none;}
}
@media (max-width:760px){
  .ap-page{width:100%; height:auto; padding:4mm;}
  .ap-h1{font-size:13pt;} .ap-h1.big{font-size:15pt;}
  .ap-line{flex-wrap:wrap;}
}