/* Fresh frosted-glass palette for the independent HR interface. */
body.lg-app {
  --fresh-mint: #def5ec;
  --fresh-lavender: #eee7fb;
  --fresh-blue: #e0effc;
  --fresh-ink: #293b4a;
  --fresh-muted: #596d7b;
  --fresh-border: rgba(255,255,255,.88);
  --fresh-shadow: inset 0 1px 0 #fff, 0 10px 28px rgba(61,94,119,.07);
  --lg-ink: var(--fresh-ink);
  --lg-muted: var(--fresh-muted);
  --lg-accent: #5b4a99;
  --lg-edge: inset 0 1px 1px #fff, inset 0 -1px 1px #b6ccdd55, 0 5px 14px #3d5e7712;
  background: radial-gradient(ellipse at 4% 8%, #ceefe4 0%, transparent 44%),
    radial-gradient(ellipse at 85% 14%, #e4dcf8 0%, transparent 45%),
    radial-gradient(ellipse at 75% 88%, #cee7fa 0%, transparent 48%), #f4f8f8 !important;
  background-attachment: fixed !important;
}
.lg-app .gd-panel, .lg-app .va-card, .lg-app .form-section,
.lg-app .form-card, .lg-app .filter-section, .lg-app .info-card,
.lg-app .user-card, .lg-app .summary-card, .lg-app .stat-card,
.lg-app .stats-card, .lg-app .profile-section, .lg-app .profile-header-card,
.lg-app .employee-card, .lg-app .upload-section, .lg-app .user-info {
  background: linear-gradient(135deg, #ffffffc9, #ffffff85) !important;
  border: 1px solid var(--fresh-border) !important;
  box-shadow: var(--fresh-shadow) !important;
  -webkit-backdrop-filter: blur(18px) saturate(115%);
  backdrop-filter: blur(18px) saturate(115%);
}
.lg-app .lg-sidebar {
  background: linear-gradient(165deg, #ffffffc7, #eaf7f28f 45%, #eae5f599) !important;
  border: 1px solid var(--fresh-border);
  box-shadow: var(--fresh-shadow);
  -webkit-backdrop-filter: blur(22px); backdrop-filter: blur(22px);
}
.lg-app .lg-topbar, .lg-app .lg-dock {
  background: linear-gradient(120deg, #f4fff6c9, #ffffff9c 45%, #e9edffd1) !important;
  border-color: var(--fresh-border); box-shadow: var(--fresh-shadow);
  -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px);
}
.lg-app .lg-nav-link { color: #4a606e; }
.lg-app .lg-nav-group, .lg-app .lg-top-role { color: var(--fresh-muted); }
.lg-app .lg-nav-link[aria-current=page], .lg-app .lg-dock [aria-current=page] {
  background: linear-gradient(135deg, #ffffffde, #e7e0f4c9) !important;
  color: #57458e; box-shadow: var(--lg-edge);
}
.lg-app .gd-stats .gd-panel:nth-child(1) { background: linear-gradient(135deg, #ffffffcc, #def5ecba) !important; }
.lg-app .gd-stats .gd-panel:nth-child(2) { background: linear-gradient(135deg, #ffffffcc, #eee7fbba) !important; }
.lg-app .gd-stats .gd-panel:nth-child(3) { background: linear-gradient(135deg, #ffffffcc, #e0effcba) !important; }
.lg-app .gd-punch { background: linear-gradient(145deg, #ffffffbd, #eaf9f17a 45%, #e8e6f699) !important; }
.lg-app .gd-scan, .lg-app .menu-icon {
  color: #625198 !important;
  background: linear-gradient(145deg, #ffffffed, #e1f3ed 45%, #e8e0f5) !important;
  border: 1px solid white;
  box-shadow: inset 1px 2px 2px white, inset -2px -2px 4px #b6c5dc55, 0 9px 20px #5265801c !important;
}
.lg-app .gd-primary, .lg-app #va-in, .lg-app #va-out,
.lg-app .btn-primary, .lg-app button[type=submit], .lg-app .save-btn {
  background: linear-gradient(115deg, #d9f2e7ed, #e8e2f8e8 55%, #dbebf9ed) !important;
  color: #35465f !important; border: 1px solid #fff !important;
  box-shadow: inset 0 2px 2px #ffffffd9, inset 0 -2px 2px #acc5d680, 0 6px 16px #536a8b1c !important;
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
}
.lg-app .gd-primary, .lg-app .gd-quick a { transition: box-shadow .18s ease, transform .18s ease; }
.lg-app .gd-primary:hover, .lg-app .gd-quick a:hover { box-shadow: inset 0 1px 1px #fff, 0 9px 22px #52658024; transform: translateY(-1px); }
.lg-app .gd-primary:focus-visible, .lg-app .gd-quick a:focus-visible { outline: 3px solid #6975b2; outline-offset: 3px; }
.lg-app .gd-quick a, .lg-app .menu-item {
  background: linear-gradient(135deg, #ffffffbf, #e8f4f480) !important;
  border: 1px solid var(--fresh-border) !important; box-shadow: var(--fresh-shadow) !important;
  -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
}
.lg-app .gd-quick a:nth-child(2) { background: linear-gradient(135deg, #ffffffcf, #eee7fba3) !important; }
.lg-app .gd-quick a:nth-child(3) { background: linear-gradient(135deg, #ffffffcf, #e0effcb3) !important; }
.lg-app .gd-quick .lg-icon { color: #5a5892; }
.lg-app .gd-review { background: linear-gradient(120deg, #eefaf2ba, #efebf9ba) !important; }
.lg-app .gd-avatar { background: #e8e2f5; color: #584a8e; border: 1px solid #ffffffbf; }
.lg-app .gd-proof span { background: #ece6f6; color: #5e488b; }
.lg-app .gd-proof span:first-child { background: #dff1e9; color: #245e4f; }
.lg-app .gd-greeting p, .lg-app .gd-punch>p, .lg-app .gd-today p,
.lg-app .gd-stats p, .lg-app .gd-stats small, .lg-app .gd-history footer,
.lg-app .gd-history header>span, .lg-app .gd-review p, .lg-app #gd-personal { color: var(--fresh-muted); }
.lg-app input:not([type=hidden]):not([type=checkbox]):not([type=radio]),
.lg-app select, .lg-app textarea { background: #ffffffe0 !important; color: #293b4a !important; border-color: #b8cbd5aa !important; }
.lg-app table { background: #ffffffcf; }
.lg-app th { background: #eef3f8 !important; color: #475d70 !important; }
.lg-app td { color: #293b4a; }
.lg-app .gd-history th { background: #edf2f8b3 !important; }
.lg-app .lg-dialog, .lg-app .notif-modal { background: linear-gradient(140deg,#f4fbf8,#f3f0fa) !important; }
/* Pearlescent highlights on primary controls, without changing their actions. */
.lg-app .gd-primary, .lg-app #va-in, .lg-app #va-out,
.lg-app .btn-primary, .lg-app button[type=submit], .lg-app .save-btn,
.lg-app .lg-icon-button, .lg-app .notification-btn, .lg-app .gd-scan {
  background:
    radial-gradient(ellipse at 8% 95%, #fff0dc9c, transparent 44%),
    radial-gradient(ellipse at 93% 95%, #bde9f7a3, transparent 49%),
    linear-gradient(115deg, #edfaf3e6, #eee8f6d9 53%, #e5f0fce6) !important;
  border: 1px solid #fffffff0 !important;
  color: #39475d !important;
  box-shadow: inset 0 2px 2px #fffffff2, inset 0 -2px 2px #acc5d678,
    0 2px 1px #fff9, 0 7px 16px #5265801f !important;
  -webkit-backdrop-filter: blur(14px) saturate(120%);
  backdrop-filter: blur(14px) saturate(120%);
}
.lg-app .gd-primary, .lg-app #va-in, .lg-app #va-out { font-weight:600; }
.lg-app .gd-quick a, .lg-app .lg-nav-link[aria-current=page],
.lg-app .lg-dock [aria-current=page] {
  border: 1px solid #ffffffeb !important;
  box-shadow: inset 0 1px 2px white, inset 0 -1px 1px #b6cadd55,
    0 5px 12px #52658012 !important;
}
.lg-app .lg-dock [aria-current=page] {
  background: radial-gradient(ellipse at 90% 90%,#fff3df9e,transparent 65%),
    linear-gradient(120deg,#ece5f6e6,#ffffffe0) !important;
}
.lg-app .lg-dock {
  box-shadow: inset 0 2px 2px white, inset 0 -2px 2px #a9c3d775,
    0 8px 20px #52658024 !important;
}
.lg-app button:disabled, .lg-app .btn:disabled {
  opacity:.5; cursor:not-allowed; transform:none !important;
  box-shadow:inset 0 1px 1px #ffffffa6 !important;
}
.lg-app .btn-danger, .lg-app button.btn-danger {
  background:linear-gradient(135deg,#fff5f3,#f8dedf) !important;
  color:#8c343a !important; border-color:#fff !important;
}
.lg-app .btn-success, .lg-app button.btn-success {
  background:linear-gradient(135deg,#f1fff8,#d6eee3) !important;
  color:#235e4c !important;
}
.lg-app .btn-warning, .lg-app button.btn-warning {
  background:linear-gradient(135deg,#fff9ee,#f8ebd2) !important;
  color:#79561f !important;
}
@media(max-width:960px) {
  .lg-app .lg-sidebar { background: linear-gradient(160deg,#f1faf6f5,#f1edf9f5) !important; }
  .lg-app .gd-panel { -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  .lg-app .gd-panel, .lg-app .va-card, .lg-app .form-section, .lg-app .form-card { background: #f9fbfc !important; }
  .lg-app .lg-sidebar, .lg-app .lg-topbar, .lg-app .lg-dock { background: #f0f6f6 !important; }
}
@media(prefers-reduced-motion:reduce) { .lg-app .gd-primary:hover, .lg-app .gd-quick a:hover { transform:none; } }
@media print {
  body.lg-app { background:white !important; }
  .lg-app .gd-panel { background:white !important; box-shadow:none !important; backdrop-filter:none; }
}