/* Employee payroll surfaces: shared records, readable cards and paper previews. */
.portal-finance-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:24px 0 28px}
.portal-finance-heading h1{font:clamp(36px,5vw,58px)/1.1 Georgia,serif;margin:10px 0 12px;color:#0b2f34}
.portal-finance-heading p{color:#64706e}.portal-finance-link{color:#155653;font-weight:650;text-decoration:none;white-space:nowrap}
.portal-finance-link:hover{text-decoration:underline}.portal-finance-note{padding:18px 22px;border-left:3px solid #c6a65f;background:#f6f1e6;color:#615641;font-size:14px;line-height:1.6;margin-bottom:26px}
.portal-payslip-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:24px}
.portal-pay-period,.portal-loan-card,.portal-finance-empty{background:#fffefa;border:1px solid #deded4;border-radius:10px;padding:28px;box-shadow:0 8px 28px #0c303408;margin-bottom:24px}
.portal-pay-period h2,.portal-loan-card h2{font:28px/1.2 Georgia,serif;color:#0b2f34;margin:16px 0 10px}
.portal-finance-badge{display:inline-block;padding:7px 10px;border-radius:4px;background:#f4eddd;color:#725b24;font-size:10px;letter-spacing:.6px;font-weight:700}
.portal-pay-period>p{color:#697470;font-size:13px}.portal-pay-period dl{margin:24px 0}.portal-pay-period dl>div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #e5e7df}
.portal-pay-period dd,.portal-loan-totals dd{margin:0;font-variant-numeric:tabular-nums;font-weight:700}.portal-pay-period .portal-net-total{font-size:22px;border:0;padding-top:20px;color:#0b4a49}
.portal-finance-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 20px;background:#0c4144;border:1px solid #0c4144;border-radius:5px;color:white;text-decoration:none;font-family:inherit;font-size:14px;font-weight:600;line-height:1.4;cursor:pointer}
.portal-finance-button:hover{background:#15575a}.portal-finance-button:focus-visible,.portal-finance-link:focus-visible{outline:3px solid #c3a25c;outline-offset:4px}
.portal-loan-card header{display:flex;justify-content:space-between;align-items:center;gap:20px}.portal-loan-card h2{margin-top:6px}.portal-loan-availment{color:#5e6966;font-size:14px;line-height:1.7}
.portal-loan-totals{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:22px 0;margin:22px 0;border-top:1px solid #e0e4da;border-bottom:1px solid #e0e4da}.portal-loan-totals dt{font-size:12px;color:#64716c;margin-bottom:9px}.portal-loan-totals dd{font-size:22px;color:#124344}
.portal-loan-card h3{font-size:16px}.portal-finance-table-scroll{overflow:auto}.portal-finance-table{width:100%;border-collapse:collapse;font-size:14px}.portal-finance-table th{text-align:left;background:#eff2ed;color:#52605a;font-size:11px;text-transform:uppercase;letter-spacing:.6px}.portal-finance-table td,.portal-finance-table th{padding:14px 12px;border-bottom:1px solid #e4e6de}.portal-finance-table td{vertical-align:top}.portal-finance-table td small{display:block;color:#7a837c;font-size:10px;margin-top:6px}.portal-finance-table a{color:#155653}.portal-amount{white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:650}
@media(max-width:1100px){.portal-desktop-nav{gap:12px}.portal-header{padding-left:20px;padding-right:20px}}
@media(max-width:800px){.portal-finance-heading{align-items:flex-start;flex-direction:column}.portal-loan-totals{grid-template-columns:repeat(2,1fr)}.portal-loan-card,.portal-pay-period{padding:20px}.portal-loan-card header{align-items:flex-start;flex-direction:column}.portal-mobile-nav{grid-template-columns:repeat(6,minmax(0,1fr))}.portal-mobile-nav>a{font-size:9px}.portal-finance-table{min-width:570px}}
@media print{.portal-header,.portal-mobile-nav,.portal-skip-link,.no-print{display:none!important}.personnel-portal-body{background:#fff!important;padding:0!important}.portal-main{max-width:none!important;margin:0!important;padding:0!important}.portal-payslip-preview{max-width:none!important}}

.portal-face-entry{display:flex;align-items:center;justify-content:space-between;background:#0c4144;color:white;text-decoration:none;padding:16px 20px;border-radius:6px;font-weight:650;margin:20px 0 8px}.portal-face-entry:hover{background:#15575a}.portal-face-entry-note{color:#70776e;font-size:12px;margin-bottom:22px}
.portal-face-login{width:min(100% - 32px,620px);margin:32px auto;padding:30px;background:#fffefa;border:1px solid #e1dfd3;border-radius:12px;box-shadow:0 16px 50px #12333712;text-align:center}
.portal-face-login header img{height:auto;margin:0 auto}.portal-face-login h1{font:36px/1.15 Georgia,serif;color:#0b2f34;margin:12px 0}.portal-face-login header>p:last-child{color:#66736d;line-height:1.6;font-size:14px}
.portal-face-camera{position:relative;background:#102d30;border-radius:12px;overflow:hidden;aspect-ratio:16/9;margin:20px 0}.portal-face-camera video{display:block;width:100%;height:100%;object-fit:contain;transform:scaleX(-1)}.portal-face-guide{position:absolute;inset:12% 26%;border:2px solid #e5d09b99;border-radius:48%;pointer-events:none}.portal-face-camera>span{position:absolute;bottom:12px;left:12px;background:#082a2dd9;color:white;padding:6px 10px;border-radius:4px;font-size:12px}
.portal-face-guidance{min-height:86px}.portal-face-guidance strong{display:block;font-size:25px;color:#124345}.portal-face-guidance p{font-size:14px;line-height:1.5;color:#65736e;margin:8px 0}.portal-face-guidance>span{font-size:12px;color:#947237}.portal-face-actions{display:flex;justify-content:center;gap:12px;margin:15px 0}.portal-face-cancel{border:1px solid #cbd3ca;background:transparent;color:#234c49;border-radius:5px;padding:10px 20px;cursor:pointer}.portal-face-footnote{font-size:12px;line-height:1.6;color:#778178;margin:18px 0}.portal-face-login [hidden]{display:none!important}.portal-face-login button:disabled{opacity:.6;cursor:wait}
@media(max-width:600px){.portal-face-login{padding:20px;margin:16px auto}.portal-face-login h1{font-size:30px}}

.portal-face-voice-controls{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px}.portal-face-voice-controls button,.portal-face-voice-controls select{min-height:40px;border:1px solid #cbd3ca;background:#f5f7ef;color:#163f3d;border-radius:5px;padding:8px 12px;font:600 13px inherit;cursor:pointer}.portal-face-voice-controls label{font-size:12px;color:#50665d}.portal-face-audio-help{font-size:13px;color:#536c61}.portal-face-guidance p{font-size:18px;color:#344e46}