/* STI College of Dasmariñas — institution-wide blue/gold theme */
:root{
  --sti-blue:#0057a8;--sti-blue-700:#00458a;--sti-blue-900:#002f65;
  --sti-gold:#fdb515;--sti-gold-700:#e49a00;--sti-ink:#10253f;
  --sti-muted:#64748b;--sti-bg:#f4f8fd;--sti-line:#d8e4f2;--sti-card:#fff;
  --sti-shadow:0 16px 42px rgba(0,62,126,.10);
}
body{background:radial-gradient(circle at 92% 4%,rgba(253,181,21,.13),transparent 27%),linear-gradient(145deg,#f7faff,#eef5fc)!important;color:var(--sti-ink)!important}
.sidebar{background:linear-gradient(180deg,#063f87 0%,#0057a8 53%,#003873 100%)!important;border-right:1px solid rgba(253,181,21,.42)!important;box-shadow:16px 0 40px rgba(0,47,101,.12)}
.sidebar:after{content:"";position:fixed;left:0;bottom:0;width:292px;height:190px;pointer-events:none;background:linear-gradient(155deg,transparent 20%,rgba(253,181,21,.10));clip-path:polygon(0 58%,100% 12%,100% 100%,0 100%)}
.brand{position:relative;z-index:1}.brand-mark.logo-mark,.sti-brand-mark{width:58px!important;height:58px!important;padding:5px!important;border-radius:15px!important;background:#fff!important;box-shadow:0 10px 26px rgba(0,25,60,.22)!important;color:var(--sti-blue)!important;overflow:hidden}
.brand-mark.logo-mark img,.sti-brand-mark img{width:100%!important;height:100%!important;object-fit:contain!important}
.sti-brand-copy{min-width:0}.sti-brand-copy strong{font-size:15px!important;line-height:1.25;color:#fff!important}.sti-brand-copy span{display:block;color:#dbeafe!important;font-size:10px!important;line-height:1.35;margin-top:3px}
.nav-title{color:#b9d7f3!important}.nav a{color:#f4f8ff!important;border-color:transparent!important}.nav a:hover,.nav a.active{background:linear-gradient(90deg,rgba(253,181,21,.27),rgba(255,255,255,.10))!important;border-color:rgba(253,181,21,.56)!important;box-shadow:inset 3px 0 0 var(--sti-gold);color:#fff!important}.nav-group.open>.nav-group-toggle{background:rgba(0,39,83,.22)!important}.nav-index{background:rgba(253,181,21,.18)!important;border-color:rgba(253,181,21,.42)!important;color:#fff6d5!important}
.main{background:transparent!important}.topbar h1,.card h2,.module-head h2{color:#102a49!important}.topbar small,.muted{color:var(--sti-muted)!important}
.card,.stat-card,.userbox,.modal-card,.portal-card{border-color:var(--sti-line)!important;box-shadow:var(--sti-shadow)!important;background:rgba(255,255,255,.98)!important}
.module-head{background:linear-gradient(135deg,#fff 0%,#f6faff 70%,#fff8df 100%)!important;border-left:4px solid var(--sti-blue)!important}.module-head:after{content:"";width:90px;height:100%;position:absolute;right:0;top:0;background:linear-gradient(135deg,transparent,rgba(253,181,21,.14));pointer-events:none}.module-head{position:relative;overflow:hidden}
.btn.primary,button.primary,.pagination a.active{background:linear-gradient(135deg,var(--sti-blue),var(--sti-blue-700))!important;border-color:var(--sti-blue)!important;color:#fff!important;box-shadow:0 7px 18px rgba(0,87,168,.20)}
.btn.primary:hover,button.primary:hover{background:linear-gradient(135deg,#0065c2,#00458a)!important}.btn.ghost{background:#f8fbff!important;border-color:#bdd3ea!important;color:var(--sti-blue-700)!important}.btn:not(.danger):not(.primary){color:#17385d}.badge.good{background:#e5f2ff!important;color:#00549e!important}.badge.warn{background:#fff3cc!important;color:#875c00!important}.badge{background:#edf4fb!important;color:#35516d!important}
input,select,textarea{border-color:#c8d8e8!important;color:#18324f!important;background:#fff!important}input:focus,select:focus,textarea:focus{border-color:var(--sti-blue)!important;box-shadow:0 0 0 4px rgba(0,87,168,.13)!important}
.table-wrap{border-color:#d5e2ef!important}th{background:linear-gradient(180deg,#f5f9fd,#edf4fb)!important;color:#24496d!important}td{border-color:#e8eff6!important}tr:hover td{background:#f8fbff!important}.pagination-wrap,.detail-grid div{background:#f9fbfe!important;border-color:#d8e4f0!important}.page-summary b{color:var(--sti-blue-900)!important}
.auth-page{background:radial-gradient(circle at 10% 10%,rgba(253,181,21,.23),transparent 30%),linear-gradient(135deg,#003f86 0%,#eff6fd 43%,#fff 100%)!important}.login-card{border-color:#c9dcef!important;box-shadow:0 28px 80px rgba(0,54,115,.22)!important}.login-hero{background:linear-gradient(155deg,#00366f,#0057a8 68%,#0066bf)!important}.sti-login-brand .brand-mark{width:82px!important;height:66px!important}.sti-login-brand strong{color:var(--sti-blue-900)!important;font-size:18px!important}.sti-login-brand span{color:#66798d!important}
/* Portal header and pages */
.kld-nextly-header{background:rgba(255,255,255,.94)!important;border:1px solid rgba(179,203,229,.9)!important;box-shadow:0 18px 46px rgba(0,62,126,.12)!important}.kld-nextly-navbar{background:linear-gradient(90deg,rgba(245,250,255,.98),#fff 60%,rgba(255,248,225,.86))!important}.kld-nextly-brand-mark{width:64px!important;height:58px!important;border-radius:14px!important;background:#fff!important;border:1px solid #d6e3f0!important;padding:4px!important}.kld-nextly-brand-mark img{width:100%!important;height:100%!important;object-fit:contain!important}.kld-nextly-brand-copy b{color:var(--sti-blue)!important}.kld-nextly-brand-copy small{color:#173c64!important}.kld-nextly-brand-copy em{color:#6f8093!important}.kld-nextly-nav-link,.kld-nextly-nav-button{color:#153756!important}.kld-nextly-nav-link.active,.kld-nextly-nav-button.active{color:var(--sti-blue)!important;border-color:var(--sti-gold)!important}.kld-nextly-avatar{background:linear-gradient(135deg,var(--sti-blue),#1678cf)!important;color:#fff!important;box-shadow:0 5px 14px rgba(0,87,168,.18)}
.portal-page,.portal-auth-page{background:radial-gradient(circle at 6% 12%,rgba(0,87,168,.09),transparent 32%),radial-gradient(circle at 94% 8%,rgba(253,181,21,.12),transparent 30%),linear-gradient(145deg,#f7fbff,#eef5fc)!important}.portal-hero,.employee-portal-hero,.student-overview-hero{background:linear-gradient(118deg,#003d80 0%,#0057a8 58%,#1876c7 100%)!important;box-shadow:0 18px 44px rgba(0,73,147,.18)!important}.portal-stat,.portal-section,.portal-panel,.employee-dashboard-card,.student-detail-section{border-color:#d4e2f0!important;box-shadow:0 13px 34px rgba(0,64,129,.07)!important}.portal-stat strong,.portal-section h2,.portal-panel h2{color:#123a62!important}.portal-empty{background:#f7faff!important;border-color:#d7e5f2!important}.portal-pill,.kld-pill{background:#edf5fd!important;color:#0a5a9f!important;border-color:#c8dff2!important}
/* Dashboards and cards */
.kld-dash-hero{background:linear-gradient(120deg,#003a79,#0057a8 58%,#1475c9)!important}.kld-eyebrow{color:#ffdf7a!important}.kld-panel,.kld-kpi,.dashboard-hub-card{border-color:#d5e3f1!important;box-shadow:0 15px 38px rgba(0,61,124,.08)!important}.kld-pill{background:#fff3c8!important;color:#725000!important}.kld-rank-fill,.bar-row span{background:linear-gradient(90deg,var(--sti-blue),#1d7bd0)!important}
/* Public HR intake */
.hr-intake-body{background:radial-gradient(circle at 10% 0%,rgba(0,87,168,.10),transparent 28%),radial-gradient(circle at 90% 8%,rgba(253,181,21,.13),transparent 30%),#f5f9fe!important}.hr-intake-card{border-color:#cbddeb!important;box-shadow:0 24px 70px rgba(0,58,118,.13)!important}.hr-intake-header{background:linear-gradient(118deg,#003c7b,#0057a8 64%,#0d70c4)!important;color:#fff!important}.hr-intake-logo{background:#fff!important;border-color:rgba(255,255,255,.75)!important}.hr-intake-logo img{width:100%!important;height:100%!important;object-fit:contain!important}.hr-intake-kicker{color:#ffe08a!important}.intake-section-title,.hr-intake-section-title{background:linear-gradient(90deg,#eef6fd,#fff8df)!important;border-color:#d5e3ef!important;color:#123b64!important}.intake-public-page input:focus,.intake-public-page select:focus,.intake-public-page textarea:focus{border-color:var(--sti-blue)!important;box-shadow:0 0 0 4px rgba(0,87,168,.12)!important}
/* RFID management */
.rfid-page-hero,.rfid-management-hero{background:linear-gradient(120deg,#f7fbff,#fff8df)!important;border-color:#d3e2f1!important}.rfid-status-online{background:#e5f2ff!important;color:#005ca8!important}
/* Branding image sizing in printed IDs/reports */
.id-top .logo-mark,.id-top .brand-mark{background:#fff!important}.id-top .logo-mark img,.id-top .brand-mark img{object-fit:contain!important}
@media(max-width:1100px){.sidebar:after{display:none}.sti-brand-copy span{display:none}.kld-nextly-brand-copy small{max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}
@media(max-width:760px){.brand-mark.logo-mark,.sti-brand-mark{width:52px!important;height:52px!important}.kld-nextly-brand-mark{width:54px!important;height:48px!important}.kld-nextly-brand-copy small{display:none}.kld-nextly-brand-copy em{max-width:165px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}


/* FINAL V5: the header shell itself must be invisible; only the rounded navbar floats. */
body.portal-page.kld-nextly-theme .kld-nextly-header,
body.portal-page.kld-nextly-theme header.kld-nextly-header {
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
body.portal-page.kld-nextly-theme .kld-nextly-header::before,
body.portal-page.kld-nextly-theme .kld-nextly-header::after { display:none !important; content:none !important; }