/* ── mou.css ── */

body {
    font-family: 'Poppins', sans-serif;
    background: var(--pg);
    margin: 0; padding-top: 0;
    color: var(--t1); font-size: 14px; line-height: 1.6;
}

/* header overrides */
/*.ireda-header { background: var(--white) !important; box-shadow: 0 2px 20px rgba(30,58,138,.08) !important; }
.header-bg-overlay { background: var(--white) !important; backdrop-filter: none !important; opacity: 1 !important; }
.ireda-header:not(.scrolled) .nav-link,
.ireda-header:not(.scrolled) .glass-btn { color: rgba(255,255,255,0.92) !important; text-shadow: 0 1px 4px rgba(0,0,0,0.25); }
.ireda-header:not(.scrolled) .utility-link    { color: rgba(255,255,255,0.75) !important; }
.ireda-header:not(.scrolled) .utility-divider { color: rgba(255,255,255,0.35) !important; }
.ireda-header:not(.scrolled) .col-lg-2 img    { filter: none !important; opacity: 1 !important; }
.ireda-header.scrolled .nav-link,
.ireda-header.scrolled .glass-btn             { color: var(--t2) !important; text-shadow: none !important; }
.ireda-header.scrolled .utility-link          { color: var(--t3) !important; }
.ireda-header.scrolled .col-lg-2 img          { filter: none !important; opacity: .92 !important; }
*/

/* header overrides — subpage: always solid white, always dark text */
.ireda-header { background: var(--white) !important; box-shadow: 0 2px 20px rgba(30,58,138,.08) !important; }
.header-bg-overlay { background: var(--white) !important; backdrop-filter: none !important; opacity: 1 !important; }
.ireda-header .nav-link,
.ireda-header .glass-btn { color: var(--blue) !important; text-shadow: none !important; }
.ireda-header .utility-link,
.ireda-header .utility-lang-btn,
.ireda-header .utility-font-btn { color: var(--t3) !important; }
.ireda-header .utility-divider { color: var(--border) !important; }
.ireda-header .col-lg-2 img { filter: none !important; opacity: 1 !important; }

/* ─────────────────────────────────────────
   MoU CARD
───────────────────────────────────────── */
.mou-card {
    background: var(--white);
    border-radius: var(--r1);
    box-shadow: var(--s2);
    border: 1px solid rgba(37,99,235,.06);
    overflow: hidden;
}

/* card header */
.mou-card-header {
    display: flex; align-items: center;
    gap: .9rem;
    padding: 1.2rem 1.6rem;
    background: var(--G);
}
.mou-header-icon {
    width: 40px; height: 40px;
    border-radius: 10px;
    background: rgba(255,255,255,.18);
    border: 1px solid rgba(255,255,255,.25);
    display: flex; align-items: center; justify-content: center;
    font-size: 1rem; color: var(--white);
    flex-shrink: 0;
}
.mou-header-title {
    font-size: .92rem; font-weight: 800;
    color: var(--white); line-height: 1.2;
}
.mou-header-sub {
    font-size: .72rem; color: rgba(255,255,255,.65);
    font-weight: 400; margin-top: .1rem;
}
.mou-count-pill {
    margin-left: auto;
    background: rgba(255,255,255,.18);
    border: 1px solid rgba(255,255,255,.25);
    color: var(--white);
    border-radius: 20px;
    font-size: .68rem; font-weight: 700;
    padding: .22rem .9rem;
    letter-spacing: .4px;
    white-space: nowrap;
    flex-shrink: 0;
}

/* ─────────────────────────────────────────
   TABLE
───────────────────────────────────────── */
.mou-table-wrap {
    overflow-x: auto;
}
.mou-table {
    width: 100%;
    border-collapse: collapse;
}

/* header row */
.mou-th {
    padding: .75rem 1.4rem;
    font-size: .7rem; font-weight: 700;
    letter-spacing: 1.5px; text-transform: uppercase;
    color: var(--t3);
    background: var(--xpale);
    border-bottom: 2px solid var(--pale);
    text-align: left;
}
.mou-th--sno    { width: 80px; }
.mou-th--action { width: 180px; }

/* rows */
.mou-row {
    border-bottom: 1px solid #f1f5f9;
    transition: background .18s;
}
.mou-row:last-child { border-bottom: none; }
.mou-row:hover { background: var(--xpale); }

/* latest row highlight */
.mou-row--latest { background: #f0f7ff; }
.mou-row--latest:hover { background: #e5f0ff; }

.mou-td {
    padding: .9rem 1.4rem;
    font-size: .88rem;
    color: var(--t2);
    vertical-align: middle;
}
.mou-td--sno {
    font-size: .82rem;
    color: var(--t3);
    font-weight: 500;
}
.mou-td--action { white-space: nowrap; }

/* year text */
.mou-year {
    font-size: .9rem;
    font-weight: 700;
    color: var(--t1);
}

/* year + latest badge wrapper */
.mou-year-wrap {
    display: flex; align-items: center; gap: .6rem;
}
.mou-latest-badge {
    display: inline-block;
    background: var(--G);
    color: var(--white);
    font-size: .6rem; font-weight: 700;
    padding: .15rem .65rem;
    border-radius: 20px;
    letter-spacing: .5px;
    text-transform: uppercase;
    box-shadow: 0 2px 8px rgba(30,58,138,.22);
}

/* download button */
.mou-dl-btn {
    display: inline-flex; align-items: center;
    gap: .4rem;
    background: var(--G); color: var(--white);
    border-radius: 7px;
    padding: .42rem 1rem;
    font-size: .74rem; font-weight: 700;
    text-decoration: none;
    transition: var(--t);
    box-shadow: 0 3px 10px rgba(30,58,138,.18);
}
.mou-dl-btn:hover {
    opacity: .88;
    transform: translateY(-1px);
    color: var(--white);
}
.mou-dl-btn:focus-visible {
    outline: 3px solid var(--mid); outline-offset: 2px;
}
.mou-dl-btn i { font-size: .76rem; }

/* ─────────────────────────────────────────
   RESPONSIVE
───────────────────────────────────────── */
@media (max-width: 576px) {
    .mou-card-header { flex-wrap: wrap; gap: .6rem; }
    .mou-count-pill  { margin-left: 0; }
    .mou-th, .mou-td { padding: .7rem .9rem; }
    .mou-header-sub  { display: none; }
}

@media print {
    .mou-card { box-shadow: none; border: 1px solid #ccc; }
    .mou-dl-btn { background: none; color: var(--blue); box-shadow: none; border: 1px solid var(--blue); }
}