/* Edit these five palette values to change the HRMS theme. */
:root {
 --palette-1: #f5fcff;
 --palette-2: #dbf3fa;
 --palette-3: #b7e9f6;
 --palette-4: #92dff3;
 --palette-5: #7ad7f0;
 --brand-primary: #167c9b;
 --brand-accent: var(--palette-5);
 --brand-soft: var(--palette-2);
 --brand-background: var(--palette-1);
 --brand-text: #183848;
 --surface-background: #fff;
 --surface-muted: var(--palette-1);
 --surface-border: #c7e5ee;
 --tab-overview: var(--palette-5);
 --tab-maps: var(--palette-4);
 --tab-calendar: var(--palette-3);
 --tab-timeline: var(--palette-2);
 --tab-table: var(--palette-5);
 --tab-dependencies: var(--palette-4);
 --tab-documents: var(--palette-3);
 --tab-update: var(--palette-2);
 --tab-inactive-background: var(--palette-1);
 --tab-inactive-text: #28546a;
 --tab-border: var(--palette-3);
 --tab-active-text: #14394b;
 --chart-one: #0099c7;
 --chart-two: #53b9db;
 --chart-three: #2277a5;
 --chart-four: #7ad7f0;
}
body.hrms-shell,body.erp-public {background:var(--palette-1);color:var(--brand-text)}
.hrms-shell.erp-shell{background:var(--palette-1)}
.hrms-shell .erp-sidebar{background:#e9f8fc;border-right:1px solid var(--surface-border)}
.hrms-shell .erp-sidebar-head{background:var(--palette-2);border-color:var(--surface-border)}
.hrms-shell .erp-topbar,.erp-public .erp-topbar{background:#fff;border-color:var(--surface-border)}
.hrms-shell .erp-content>footer,.erp-public .erp-content>footer{background:var(--palette-2);border-color:var(--surface-border)!important}
.hrms-shell .erp-form-panel,.erp-public .erp-form-panel{background:var(--palette-1);border-color:var(--surface-border);box-shadow:0 8px 20px #1838480f}
.hrms-shell .erp-nav-link,.hrms-shell .erp-nav-group>summary,.hrms-shell .erp-nav-children a{color:var(--brand-text)}
.hrms-shell .erp-nav-initial{color:var(--brand-primary);border-color:var(--palette-3)}
.hrms-shell .erp-nav-link:hover,.hrms-shell .erp-nav-group>summary:hover,.hrms-shell .erp-nav-children a:hover{background:var(--palette-2);color:var(--brand-primary)}
.hrms-shell .eyebrow,.erp-public .eyebrow{color:var(--brand-primary)}
.hrms-shell a:hover,.erp-public a:hover{color:var(--chart-three)}
.hrms-shell .erp-nav-link.active,.hrms-shell .erp-nav-children a.active{background:var(--palette-4);color:#103f54}
.hrms-shell .erp-nav-link:hover{background:var(--palette-2)}
.hrms-shell .erp-topbar{background:#fff;border-bottom:1px solid var(--surface-border)}
.brand-symbol{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--chart-one);color:#fff;font-weight:800}
.brand-word{font-weight:750;color:#1a5268;margin-left:.5rem}
.topbar-label{font-weight:750;color:#1a5268}
.page-heading{margin:1.3rem 0 1.6rem}.page-heading h1{font-size:clamp(1.8rem,3vw,2.6rem);font-weight:760;margin:.2rem 0}.page-heading p{color:#557182;margin:0}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1rem}.metric-card{display:flex;flex-direction:column;padding:1.25rem;border:1px solid var(--surface-border);border-radius:16px;background:#fff;color:var(--brand-text);text-decoration:none;box-shadow:0 8px 24px #1a66700d}.metric-card strong{font-size:2.2rem;color:#167c9b}.metric-card small{color:#607c89}
.home-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.home-grid .app-panel{border-radius:16px;border:1px solid var(--surface-border);background:#fff}.quick-links{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.quick-links a{padding:.8rem;background:var(--palette-1);border-radius:10px;text-decoration:none;color:#176c89;font-weight:650}.chart-row{display:flex;flex-direction:column;gap:.75rem;margin:1.2rem 0}.chart-row span{height:16px;background:var(--bar);border-radius:100px}
.profile-list{display:grid;grid-template-columns:10rem 1fr;gap:.7rem}.profile-list dt{color:#607c89;font-weight:550}.profile-list dd{margin:0;font-weight:650}.status-pill{display:inline-block;background:var(--palette-2);border-radius:100px;padding:.25rem .6rem;color:#176c89;font-size:.8rem;font-weight:700}
.btn-primary,.btn-success{background:#167c9b;border-color:#167c9b}.btn-primary:hover,.btn-success:hover{background:#11627b;border-color:#11627b}
.hr-task-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 0;border-bottom:1px solid var(--surface-border)}
.hr-task-row:last-child{border-bottom:0}
.leave-balance-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1rem}
.leave-balance-grid .app-panel,.leave-balance-grid.compact>div{display:flex;flex-direction:column;border:1px solid var(--surface-border);border-radius:12px;background:#fff}
.leave-balance-grid strong{font-size:1.45rem;color:var(--brand-primary)}
.leave-balance-grid small{color:#607c89}
.leave-balance-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}
.leave-balance-grid.compact>div{padding:.8rem}
.attendance-chart{display:flex;flex-direction:column;gap:.7rem;margin-top:1rem}.attendance-chart-row{display:grid;grid-template-columns:3rem 1fr 2rem;align-items:center;gap:.7rem}.attendance-chart-row>div{height:16px;background:var(--palette-1);border-radius:100px;overflow:hidden}.attendance-chart-row i{display:block;height:100%;background:var(--chart-one);border-radius:100px}.attendance-chart-row strong{text-align:right;font-size:.9rem;color:var(--brand-primary)}
@media(max-width:900px){.leave-balance-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.leave-balance-grid,.leave-balance-grid.compact{grid-template-columns:1fr 1fr}.hr-task-row{align-items:flex-start;flex-direction:column}}
@media(max-width:900px){.metric-grid{grid-template-columns:repeat(2,1fr)}.home-grid{grid-template-columns:1fr}}@media(max-width:560px){.metric-grid{grid-template-columns:1fr 1fr}.metric-card{padding:.8rem}.metric-card strong{font-size:1.7rem}.profile-list{grid-template-columns:1fr}.profile-list dt{margin-top:.4rem}}