/*
 * STI College of Dasmariñas — strict blue/gold final visual layer v3
 * This file is intentionally loaded LAST and uses a new filename to defeat
 * old browser/PWA cache. No green KLD theme color is allowed in the UI.
 */
:root {
  --sti-primary: #0057a8 !important;
  --sti-primary-dark: #07356d !important;
  --sti-primary-deep: #06244a !important;
  --sti-accent: #fdb515 !important;
  --sti-accent-dark: #c98300 !important;
  --sti-page: #f3f7fc !important;
  --sti-panel: #ffffff !important;
  --sti-text: #17324f !important;
  --sti-muted: #5b7088 !important;
  --sti-line: #cbdceb !important;
  --sti-success: #0057a8 !important;
  --sms-green: #0057a8 !important;
  --sms-green-dark: #07356d !important;
  --sms-green-deep: #06244a !important;
  --sms-lime: #fdb515 !important;
  --sms-soft: #f5f9ff !important;
  --sms-line: #cbdceb !important;
  --erp-green: #0057a8 !important;
  --erp-green-dark: #07356d !important;
  --erp-lime: #fdb515 !important;
  --erp-bg: #f3f7fc !important;
  --erp-line: #cbdceb !important;
  --erp-text: #17324f !important;
  --erp-muted: #5b7088 !important;
  --hr-green: #07356d !important;
  --hr-green-2: #0057a8 !important;
  --sec-green: #0057a8 !important;
  --sec-green-dark: #07356d !important;
}

html, body { color-scheme: light !important; }
* { accent-color: #0057a8 !important; }
::selection { color:#06244a !important; background:#ffe69a !important; }

body,
body.portal-page,
body.role-standard,
body.role-presidential,
body.auth-page,
body.portal-auth-page,
body.hr-intake-body,
body.intake-public-page {
  color:#17324f !important;
  background:
    radial-gradient(circle at 94% 3%, rgba(253,181,21,.11), transparent 28%),
    radial-gradient(circle at 3% 8%, rgba(0,87,168,.10), transparent 30%),
    linear-gradient(145deg,#f8fbff 0%,#eef5fc 100%) !important;
}

/* Employee/Student dashboard hero: STI blue + gold only. */
body.portal-page .portal-hero,
body.portal-page .employee-dashboard-hero,
body.portal-page.nextly-portal-theme .employee-dashboard-hero,
body.portal-page .student-dashboard-hero,
body.portal-page.nextly-portal-theme .student-dashboard-hero,
body.portal-page .employee-profile-hero,
body.role-standard .employee-profile-hero,
body.role-presidential .employee-profile-hero,
.kld-dash-hero,
.dashboard-hero,
.security-command-hero,
.validation-command-hero {
  color:#fff !important;
  background:
    radial-gradient(circle at 90% 12%, rgba(253,181,21,.28), transparent 31%),
    linear-gradient(118deg,#06244a 0%,#0057a8 58%,#0b6bc2 100%) !important;
  border-color:rgba(253,181,21,.42) !important;
  box-shadow:0 18px 44px rgba(2,49,101,.22) !important;
}
body.portal-page .employee-dashboard-hero::after,
body.portal-page .student-dashboard-hero::after,
body.portal-page .portal-hero::after,
.employee-profile-hero::after {
  border-color:rgba(253,181,21,.16) !important;
  background:transparent !important;
}
body.portal-page :is(.portal-hero,.employee-dashboard-hero,.student-dashboard-hero,.employee-profile-hero) :is(h1,h2,h3,h4,p,span,strong,b,small,em),
:is(.kld-dash-hero,.dashboard-hero,.security-command-hero,.validation-command-hero) :is(h1,h2,h3,h4,p,span,strong,b,small,em) {
  color:#fff !important;
  text-shadow:none !important;
}
body.portal-page :is(.portal-hero,.employee-dashboard-hero,.student-dashboard-hero) .eyebrow,
.employee-profile-hero-copy > span,
.kld-dash-hero .kld-eyebrow {
  color:#ffe69a !important;
  background:rgba(255,255,255,.10) !important;
  border-color:rgba(253,181,21,.38) !important;
}
body.portal-page .employee-hero-meta > span,
body.portal-page .student-hero-meta > span,
.employee-profile-badges span {
  color:#fff !important;
  background:rgba(6,36,74,.42) !important;
  border-color:rgba(253,181,21,.34) !important;
}
/* Backup hide for the old employment-status chip if an older PHP copy remains. */
body.portal-page .employee-hero-meta > span:last-child.status-good,
body.portal-page .employee-hero-meta > span:last-child.badge,
body.portal-page .employee-hero-meta > span:last-child.good { display:none !important; }
body.portal-page .employee-dashboard-time,
body.portal-page.nextly-portal-theme .employee-dashboard-time {
  color:#fff !important;
  background:rgba(6,36,74,.58) !important;
  border-color:rgba(253,181,21,.32) !important;
}
body.portal-page .employee-dashboard-time small { color:#ffe69a !important; }

/* Navigation and login panels. */
.sidebar {
  background:linear-gradient(180deg,#07356d 0%,#0057a8 58%,#06244a 100%) !important;
  border-right-color:rgba(253,181,21,.48) !important;
}
.sidebar :is(.nav a,.nav-group-toggle):hover,
.sidebar :is(.nav a,.nav-group-toggle).active,
.sidebar .nav-group.open > .nav-group-toggle {
  background:linear-gradient(90deg,rgba(253,181,21,.33),rgba(255,255,255,.08)) !important;
  border-color:rgba(253,181,21,.62) !important;
  box-shadow:inset 4px 0 0 #fdb515 !important;
}
body.portal-page .kld-nextly-navbar {
  background:linear-gradient(108deg,#eef6ff 0%,#fff 58%,#fff8e3 100%) !important;
  border-color:#bdd3e8 !important;
}
body.portal-page .kld-nextly-avatar,
body.portal-page .kld-nextly-profile-avatar {
  color:#fff !important;
  background:linear-gradient(135deg,#0057a8,#07356d) !important;
}
.login-hero,.portal-login-hero,.hr-intake-header,.intake-header {
  color:#fff !important;
  background:radial-gradient(circle at 90% 10%,rgba(253,181,21,.22),transparent 32%),linear-gradient(145deg,#06244a,#0057a8 66%,#0b6bc2) !important;
}

/* All cards and details remain high-contrast white/blue. */
.card,.stat-card,.metric-card,.portal-stat,.portal-card-panel,.portal-panel,.portal-section,
.employee-action-center,.employee-connection-panel,.employee-activity-card,.employee-announcement-card,
.student-action-center,.student-connection-panel,.student-master-profile,.portal-student-detail-group,
.employee-profile-side,.employee-profile-content,.employee-profile-sidebar,.employee-profile-shell,
.hr-intake-card,.intake-card,.modal-card {
  color:#17324f !important;
  background:#fff !important;
  border-color:#cbdceb !important;
  box-shadow:0 14px 36px rgba(4,57,112,.10) !important;
}
:is(.card,.portal-card-panel,.portal-panel,.portal-section,.employee-action-center,.employee-connection-panel,.student-action-center,.student-connection-panel) :is(h1,h2,h3,h4,b,strong,label) {
  color:#102b4c !important;
}
:is(.card,.portal-card-panel,.portal-panel,.portal-section,.employee-action-center,.employee-connection-panel,.student-action-center,.student-connection-panel) :is(p,small,em) {
  color:#5b7088 !important;
}
.portal-stat,.stat-card,.metric-card { background:linear-gradient(180deg,#fff,#f7fbff) !important; }
.portal-stat strong,.stat-card strong,.metric-card strong { color:#07356d !important; }

/* Success/active/live presentation uses STI blue or gold, never green. */
.badge.good,.status-good,.alert.good,.chip.good,.tag.good,.live-badge,.online-badge,
[class~="success"],[class~="active-status"] {
  color:#07356d !important;
  background:#eaf4ff !important;
  border-color:#b8d6ef !important;
}
.badge.warn,.status-warn,.alert.warn,.chip.warn,.tag.warn {
  color:#6f4800 !important;
  background:#fff1bd !important;
  border-color:#ffe08a !important;
}
.badge:not(.bad),.status:not(.bad) { border-color:#cbdceb !important; }

/* Buttons, selected tabs, links and form focus. */
.btn.primary,button.primary,.pagination a.active,.portal-pagination a.active,
.employee-profile-tabs button.active,.employee-profile-tabs button:hover,
.employee-profile-nav a.active,.employee-profile-sidebar a.active,.profile-side-nav a.active,
.employee-profile-tab.active {
  color:#fff !important;
  background:linear-gradient(135deg,#0057a8,#07356d) !important;
  border-color:#0057a8 !important;
}
.btn.ghost,.btn:not(.danger):not(.primary) {
  color:#07356d !important;
  background:#f7fbff !important;
  border-color:#b8d6ef !important;
}
a { color:inherit; }
input,select,textarea {
  color:#17324f !important;
  background:#fff !important;
  border-color:#b8cce0 !important;
}
input:focus,select:focus,textarea:focus {
  border-color:#0057a8 !important;
  box-shadow:0 0 0 4px rgba(0,87,168,.14) !important;
}
input[type="checkbox"],input[type="radio"] { accent-color:#0057a8 !important; }
progress { accent-color:#0057a8 !important; }

/* Tables and detail blocks. */
th,.portal-table th {
  color:#234b73 !important;
  background:linear-gradient(180deg,#f6faff,#eaf3fb) !important;
  border-color:#d8e5f1 !important;
}
td,.portal-table td { color:#273f59 !important; border-color:#e5edf5 !important; }
tr:hover td { background:#f7fbff !important; }
.detail-grid div,.pagination-wrap,.portal-detail-list div,.portal-payment-summary div,
.employee-profile-field input,.employee-profile-field select,.employee-profile-field textarea,
.portal-student-detail-item,.student-profile-summary,.employee-profile-summary-card,.employee-profile-readonly-field {
  color:#17324f !important;
  background:#f9fbfe !important;
  border-color:#d7e4ef !important;
}

/* Request forms and profile sections must not reintroduce legacy green. */
.employee-profile-section-head,.intake-section-title,.hr-intake-section-title,
.request-section-head,.form-section-head {
  color:#07356d !important;
  background:linear-gradient(90deg,#eef6ff,#fff8e3) !important;
  border-color:#cbdceb !important;
}
.employee-profile-section-head > div > span,.employee-profile-count,
.employee-quick-actions > a > span,.student-quick-actions > a > span,
.employee-connection-list .ico,.student-connection-list .ico {
  color:#07356d !important;
  background:#eaf4ff !important;
  border-color:#c9dceb !important;
}
.employee-quick-actions > a,.student-quick-actions > a,
.employee-connection-list > a,.student-connection-list > a,
.employee-activity-item,.employee-announcement-list > a {
  color:#17324f !important;
  background:#fbfdff !important;
  border-color:#d7e4ef !important;
}
.employee-quick-actions > a:hover,.student-quick-actions > a:hover,
.employee-connection-list > a:hover,.student-connection-list > a:hover {
  color:#07356d !important;
  background:#f2f8fe !important;
  border-color:#9fc1df !important;
}

/* Any legacy inline theme helpers still using old semantic classes are neutralized. */
.text-success,.text-green,.green-text { color:#0057a8 !important; }
.bg-success,.bg-green,.green-bg { background:#eaf4ff !important; color:#07356d !important; }
.border-success,.border-green { border-color:#b8d6ef !important; }