/* =========================================================
   APPROVALS & ACCREDITATION PAGE — page-specific only.
   Loaded solely by approvals-accreditation.php via $pageExtraCss.
   ========================================================= */

/* ---- Section scaffolding ---- */
.aa-section{ padding:72px 0; }
.aa-section--tint{ background:var(--cream); }

.aa-kicker{
  display:inline-flex; align-items:center; gap:10px;
  font-size:.76rem; font-weight:700; letter-spacing:.14em;
  text-transform:uppercase; color:var(--green-700); margin-bottom:12px;
}
.aa-kicker::before{ content:''; width:22px; height:2px; background:var(--gold-500); }

.aa-heading{
  font-size:clamp(1.55rem,2.4vw,2.1rem);
  font-weight:800; color:var(--green-900); max-width:720px; margin:0 0 40px;
}

/* ---- Accreditation highlight cards (NAAC, NBA, NIRF) ---- */
.accred-highlight-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
  margin-bottom:0;
}
.accred-hi-card{
  background:#fff; border:1px solid var(--line);
  border-radius:var(--radius-lg); overflow:hidden;
  display:flex; flex-direction:column;
}
.accred-hi-banner{
  background:var(--green-900); color:var(--gold-500);
  font-family:'Poppins',sans-serif; font-weight:800;
  font-size:1.1rem; letter-spacing:.06em;
  padding:14px 22px; text-align:center;
}
.accred-hi-body{
  padding:24px 22px; flex:1; display:flex; flex-direction:column; align-items:center; text-align:center;
}
.accred-hi-logo{
  height:90px; width:auto; object-fit:contain;
  margin-bottom:16px;
}
.accred-hi-body h3{
  font-size:.95rem; font-weight:700; color:var(--green-900);
  margin:0 0 14px; line-height:1.45;
}
.accred-hi-body .highlight-note{
  font-size:.85rem; font-weight:700; color:var(--red-500);
  margin:0 0 16px;
}
.accred-hi-links{
  display:flex; flex-wrap:wrap; gap:10px; justify-content:center;
}
.accred-hi-link{
  display:inline-flex; align-items:center; gap:7px;
  font-size:.8rem; font-weight:700; color:var(--green-700);
  background:var(--green-100); border-radius:999px;
  padding:7px 14px; transition:background .15s;
}
.accred-hi-link:hover{ background:var(--green-700); color:#fff; }
.accred-hi-link svg{ width:14px; height:14px; }

/* ---- NIRF year grid ---- */
.nirf-year-grid{
  display:grid; grid-template-columns:repeat(5,1fr);
  gap:10px; width:100%;
}
.nirf-year-card{
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:6px; padding:12px 8px; border-radius:10px;
  border:1px solid var(--line); background:var(--cream);
  font-size:.76rem; font-weight:700; color:var(--green-800);
  transition:background .15s, color .15s, border-color .15s;
}
.nirf-year-card:hover{ background:var(--green-900); color:var(--gold-500); border-color:var(--green-900); }
.nirf-year-card svg{ width:18px; height:18px; }

@media (max-width:900px){ .accred-highlight-grid{ grid-template-columns:1fr; } }
@media (max-width:560px){ .nirf-year-grid{ grid-template-columns:repeat(3,1fr); } }

/* ---- Approval panels (PCI, MAKAUT, WBSCTE, AICTE) ---- */
.approval-panel{
  background:#fff; border:1px solid var(--line);
  border-radius:var(--radius-lg); overflow:hidden;
  margin-bottom:24px;
}
.approval-panel:last-child{ margin-bottom:0; }
.approval-panel-head{
  display:flex; align-items:center; gap:22px;
  padding:24px 28px; border-bottom:1px solid var(--line);
  background:var(--green-050);
}
.approval-panel-logo{
  height:72px; width:auto; object-fit:contain; flex-shrink:0;
}
.approval-panel-head h2{
  font-size:1.05rem; font-weight:700; color:var(--green-900); margin:0;
  line-height:1.45;
}
.approval-panel-head p{
  margin:6px 0 0; font-size:.87rem; line-height:1.65; color:var(--ink-soft);
}

/* ---- Ledger rows ---- */
.ledger{ display:flex; flex-direction:column; }
.ledger-row{
  display:grid;
  grid-template-columns:48px 1fr auto auto;
  align-items:center; gap:16px;
  padding:14px 28px;
  border-bottom:1px solid var(--line);
  color:var(--ink); transition:background .12s;
  text-decoration:none;
}
.ledger-row:last-child{ border-bottom:none; }
.ledger-row:hover{ background:var(--green-050); }
.ledger-row .num{
  font-family:'Poppins',sans-serif; font-weight:800;
  font-size:.82rem; color:var(--ink-soft);
  background:var(--green-100); border-radius:8px;
  padding:6px 0; text-align:center;
}
.ledger-row .label{
  font-size:.9rem; font-weight:500; color:var(--ink);
  display:flex; align-items:center; gap:10px; flex-wrap:wrap;
}
.ledger-row .years{
  font-family:'Poppins',sans-serif; font-weight:700;
  font-size:.82rem; color:var(--green-700);
  background:var(--green-100); border-radius:6px;
  padding:3px 8px;
}
.ledger-row .filetype{
  font-size:.72rem; font-weight:700;
  color:var(--red-500); background:var(--red-100);
  border-radius:6px; padding:4px 9px;
  letter-spacing:.04em; text-transform:uppercase;
}
.ledger-row .action{
  display:flex; align-items:center; gap:6px;
  font-size:.8rem; font-weight:700; color:var(--green-700);
  white-space:nowrap;
}
.ledger-row .action svg{ width:16px; height:16px; transition:transform .15s; }
.ledger-row:hover .action svg{ transform:translateX(3px); }

@media (max-width:640px){
  .ledger-row{ grid-template-columns:36px 1fr auto; padding:12px 16px; }
  .ledger-row .filetype{ display:none; }
  .approval-panel-head{ flex-direction:column; align-items:flex-start; gap:14px; }
  .approval-panel-logo{ height:52px; }
}