/* Indra Ganesan campus sign-in page (Principal 2026-11-01) - the same file in every institutional ERP.
   The sign-in page's <body> gets class "campus-login"; the element holding the logo + form gets "campus-card"
   (a full-height centring wrapper around it, if any, gets "campus-wrap"); a heading / note shown outside the white card
   gets "campus-title" / "campus-note" so it stays readable on the picture. */
body.campus-login{
  background:linear-gradient(135deg,rgba(30,27,75,.55) 0%,rgba(67,56,202,.42) 45%,rgba(124,58,237,.38) 75%,rgba(14,116,144,.5) 100%),
             url(campus-bg.webp) center top/cover no-repeat fixed !important;
  display:flow-root !important;min-height:100vh;margin:0;box-sizing:border-box;padding:0 16px}
body.campus-login .campus-wrap{display:block !important;min-height:0 !important;padding:0 !important;background:none !important;height:auto !important}
body.campus-login .campus-card{margin:7vh auto 16px !important;position:relative;float:none !important}
body.campus-login .campus-title,body.campus-login .campus-title *{color:#fff !important;text-shadow:0 2px 6px rgba(0,0,0,.7)}
body.campus-login .campus-note,body.campus-login .campus-note a{color:#fff !important;text-shadow:0 1px 3px rgba(0,0,0,.7)}
/* computers: start the card just below the picture's Tamil title (the top ~31% of the picture). The picture covers the
   window from its top edge, so its shown height is max(100vh, 61.4vw): the title ends at max(31vh, 19vw) */
@media (min-width:601px){
  body.campus-login .campus-card{margin-top:calc(max(31vh, 19vw) + 12px) !important}
}
/* short laptop windows: a little smaller so the Sign in button stays on screen */
/* (zoom also shrinks the gap above the card, so the gap is divided by the same factor) */
@media (min-width:601px) and (max-height:800px){
  body.campus-login .campus-card{zoom:.9;margin-top:calc((max(31vh, 19vw) + 12px) / .9) !important}
  body.campus-login .campus-card.campus-tall{zoom:.7;margin-top:calc((max(31vh, 19vw) + 12px) / .7) !important}
}
@media (max-width:600px){
  body.campus-login{background-attachment:scroll !important}
}
/* card header (Principal 2026-11-01): "Indra Ganesan Institutions" in Geometric 231 + the ERP name in Bank Gothic, inside
   the card, nothing else.  Both are licensed Bitstream fonts that cannot be bundled: a PC that has them installed shows
   them; otherwise Futura / Century Gothic (geometric) and the bundled Michroma (OFL, Bank Gothic look-alike) stand in. */
@font-face{font-family:'Michroma';src:url(Michroma-Regular.ttf) format('truetype');font-weight:400;font-style:normal;font-display:swap}
.campus-head{text-align:center;margin:0 0 16px;padding:2px 0 12px;border-bottom:1px solid rgba(15,23,42,.1)}
.campus-head .campus-inst{display:block;font-family:"Geometric 231 BT","Geometr231 BT","Geometric 231","Futura PT","Futura","Century Gothic","Tw Cen MT",sans-serif;
  font-size:21px;font-weight:600;line-height:1.25;color:#1e1b4b;letter-spacing:.01em}
.campus-head .campus-erp{display:block;margin-top:6px;font-family:"BankGothic Md BT","Bank Gothic","BankGothic Lt BT",'Michroma',sans-serif;
  font-size:13px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:#4338ca}
.campus-crest{display:block;height:64px;width:auto;margin:0 auto 8px}