/* Employee and administrator self-service: same illustrated, mobile-first experience */
.employee-home { margin-bottom:18px; }
.employee-home-welcome { padding:20px 20px 18px; border-radius:20px; background:linear-gradient(135deg,#fff 0%,#fff5ec 100%);border:1px solid #f2dbcb;box-shadow:0 8px 22px rgba(32,37,44,.06); }
.employee-home-welcome h2 {margin:0 0 5px;font-size:clamp(21px,5vw,28px);line-height:1.22;color:#20252b}
.employee-home-welcome p {margin:0;color:#626a72;font-size:14px}
.employee-home-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}
.employee-home-tile {display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;min-height:147px;padding:16px;border:1px solid #e6e8ed;background:#fff;border-radius:20px;box-shadow:0 8px 18px rgba(24,31,40,.07);text-align:left;cursor:pointer;color:#222832;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.employee-home-tile:active {transform:scale(.975)}
.employee-home-tile:hover,.employee-home-tile:focus-visible {border-color:#f28b3e;box-shadow:0 12px 26px rgba(244,122,24,.12);outline-offset:3px}
.employee-home-art {display:flex;justify-content:center;align-items:center;width:53px;height:53px;background:#fff0e2;border-radius:16px;font-size:29px;margin-bottom:13px}
.employee-home-tile:nth-child(2) .employee-home-art {background:#eaf4ed}
.employee-home-tile:nth-child(3) .employee-home-art {background:#eef0fc}
.employee-home-tile:nth-child(4) .employee-home-art {background:#edf4fa}
.employee-home-name {font-size:15px;font-weight:800;line-height:1.2}
.employee-home-description {font-size:12px;color:#626a72;margin-top:4px;line-height:1.35}
.employee-home-pay-preview {display:flex;align-items:center;gap:12px;padding:15px 16px;background:#fff;border:1px solid #e9e9e9;border-radius:17px;box-shadow:0 6px 18px rgba(24,31,40,.055)}
.employee-home-pay-preview .employee-home-art {margin:0;width:42px;height:42px;flex-shrink:0;font-size:23px}
.employee-home-pay-preview strong {display:block;font-size:13px;color:#232932}
.employee-home-pay-preview span {display:block;font-size:12px;color:#626a72;margin-top:4px;line-height:1.4}
.employee-home-secondary {border:0;background:none;color:#a94b0b;text-decoration:underline;font-size:13px;font-weight:700;padding:10px 4px;cursor:pointer}
.employee-home .employee-home-tile[disabled] {opacity:.75;cursor:not-allowed}
.employee-home-target {scroll-margin-top:20px}
@media (prefers-reduced-motion:reduce){.employee-home-tile{transition:none}}
@media (max-width:360px){.employee-home-grid{gap:9px}.employee-home-tile{padding:12px;min-height:140px}.employee-home-name{font-size:14px}}