/* Brand-new personal Head Office PIN gate. */
:root{--pg-bg:#eef3f9;--pg-surface:#fff;--pg-line:#d7e0ea;--pg-text:#1f2d3d;--pg-muted:#6b778b;--pg-nav:#1d2b43;--pg-accent:#4f6fa8;--pg-accent-dark:#365173;--pg-danger:#b94f55;--pg-success:#2f8a64;--pg-heading:"Plus Jakarta Sans","Inter",system-ui,sans-serif;--pg-body:"Inter",system-ui,sans-serif}
body.principal-pin-required{margin:0!important;min-height:100vh;min-height:100dvh;overflow:hidden!important;background:var(--pg-bg)!important;color:var(--pg-text)!important;font-family:var(--pg-body)!important}
body.principal-pin-required #loginScreen,body.principal-pin-required #appShell{display:none!important;visibility:hidden!important;pointer-events:none!important}
#principalPinGate.principal-pin-gate{position:fixed;inset:0;z-index:2147483647;display:grid;grid-template-rows:58px 1fr 42px;background:linear-gradient(180deg,#f8fafc 0,#eef3f9 100%);color:var(--pg-text);font-family:var(--pg-body)}
#principalPinGate[hidden]{display:none!important}
.pg-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 24px;background:var(--pg-nav);border-bottom:1px solid rgba(255,255,255,.09);color:#fff}.pg-brand{display:flex;align-items:center;gap:10px;min-width:0}.pg-brand-mark{width:32px;height:32px;display:grid;place-items:center;border-radius:7px;border:1px solid rgba(255,255,255,.18);background:#5674a5;color:#fff}.pg-brand-mark svg{width:17px;height:17px}.pg-brand-copy strong{display:block;font:650 13px/1.15 var(--pg-heading)}.pg-brand-copy span{display:block;margin-top:2px;color:#b9c6d7;font:500 9.5px/1.2 var(--pg-body)}.pg-step{padding:4px 7px;border:1px solid rgba(255,255,255,.17);border-radius:4px;background:rgba(255,255,255,.06);font:700 9px/1 var(--pg-body);letter-spacing:.07em;text-transform:uppercase}
.pg-stage{width:min(940px,calc(100% - 36px));margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,390px);gap:38px;align-items:center}.pg-context{min-width:0}.pg-kicker{margin:0 0 8px;color:var(--pg-accent-dark);font:700 9.5px/1.2 var(--pg-body);letter-spacing:.08em;text-transform:uppercase}.pg-context h1{max-width:580px;margin:0;font:700 clamp(30px,4vw,46px)/1.06 var(--pg-heading);letter-spacing:-.03em;color:#1b2a3b}.pg-context>p{max-width:620px;margin:14px 0 0;color:#64748b;font:400 13px/1.6 var(--pg-body)}
.pg-progress{margin-top:24px;border-top:1px solid var(--pg-line);border-bottom:1px solid var(--pg-line)}.pg-progress-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:50px;padding:7px 2px;border-bottom:1px solid #e4eaf1}.pg-progress-row:last-child{border-bottom:0}.pg-progress-mark{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#e8edf4;color:#67768b;font:700 9px/1 var(--pg-body)}.pg-progress-row strong{display:block;font:650 10.5px/1.2 var(--pg-body)}.pg-progress-row small{display:block;margin-top:2px;color:var(--pg-muted);font:400 9.5px/1.25 var(--pg-body)}.pg-progress-state{font:650 9px/1 var(--pg-body);color:#778397}.pg-progress-row.complete .pg-progress-mark{background:#e7f5ee;color:var(--pg-success)}.pg-progress-row.complete .pg-progress-state{color:var(--pg-success)}.pg-progress-row.current .pg-progress-mark{background:var(--pg-accent);color:#fff}.pg-progress-row.current .pg-progress-state{color:var(--pg-accent)}
.pg-card{border:1px solid #d3dce7;border-radius:6px;background:var(--pg-surface);box-shadow:0 14px 32px rgba(31,45,61,.09);overflow:hidden}.pg-card-head{padding:16px 18px 13px;border-bottom:1px solid #e7ecf2}.pg-card-eyebrow{margin:0 0 5px;color:var(--pg-accent);font:700 9px/1.2 var(--pg-body);letter-spacing:.07em;text-transform:uppercase}.pg-card h2{margin:0;font:700 18px/1.25 var(--pg-heading);letter-spacing:-.015em}.pg-card-intro{margin:6px 0 0;color:var(--pg-muted);font:400 10.75px/1.45 var(--pg-body)}.pg-card-body{padding:16px 18px 18px}.pg-identity{display:flex;align-items:center;gap:8px;margin-bottom:13px;padding:8px 9px;border:1px solid #e1e7ee;border-radius:4px;background:#f8fafc}.pg-identity-mark{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#e9eef5;color:#506786;font:700 9px/1 var(--pg-body)}.pg-identity strong{display:block;max-width:265px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:650 10px/1.2 var(--pg-body)}.pg-identity small{display:block;margin-top:1px;color:var(--pg-muted);font:400 9px/1.2 var(--pg-body)}
#principalPinFields{display:grid;gap:10px}.pg-field{display:grid;gap:5px}.pg-field>span{font:650 9.75px/1.2 var(--pg-body);color:#445268}.pg-pin-boxes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.pg-pin-box{width:100%;height:46px;padding:0;border:1px solid #cbd5e1;border-radius:4px;background:#fff;color:#1f2d3d;outline:none;text-align:center;font:700 20px/1 var(--pg-body)}.pg-pin-box:focus{border-color:var(--pg-accent);box-shadow:0 0 0 2px rgba(79,111,168,.12)}.pg-guidance{margin:1px 0 0;padding:8px 9px;border-left:3px solid #9cb0cc;background:#f7f9fc;color:#66758a;font:400 9.25px/1.4 var(--pg-body)}.pg-error{min-height:16px;margin:9px 0 0;color:var(--pg-danger);font:550 9.5px/1.35 var(--pg-body)}.pg-actions{display:grid;gap:7px;margin-top:5px}.pg-button{width:100%;min-height:36px;border:1px solid #cbd5e1;border-radius:4px;background:#fff;color:#35455a;font:650 10.5px/1.2 var(--pg-body);cursor:pointer}.pg-button.primary{border-color:#355f8e;background:#355f8e;color:#fff}.pg-button.primary:hover{background:#2c5078}.pg-button.secondary:hover{background:#f7f9fc}.pg-button:disabled{opacity:.55;cursor:not-allowed}.pg-assurance{display:flex;flex-wrap:wrap;gap:6px 10px;margin-top:12px;padding-top:11px;border-top:1px solid #e7ecf2;color:#7a8798;font:550 8.5px/1.2 var(--pg-body)}
.pg-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 24px;border-top:1px solid #dde5ee;background:#fff;color:#778397;font:500 8.75px/1.2 var(--pg-body)}
@media(max-width:800px){body.principal-pin-required{overflow:auto!important}#principalPinGate.principal-pin-gate{position:relative;min-height:100dvh;overflow:auto}.pg-stage{width:min(100% - 24px,560px);grid-template-columns:1fr;gap:23px;padding:26px 0}.pg-card{width:100%}}
@media(max-width:520px){.pg-topbar,.pg-footer{padding-left:14px;padding-right:14px}.pg-brand-copy span,.pg-step{display:none}.pg-stage{width:calc(100% - 18px)}.pg-context h1{font-size:31px}.pg-progress-state{display:none}.pg-progress-row{grid-template-columns:28px 1fr}.pg-card-head,.pg-card-body{padding-left:15px;padding-right:15px}.pg-footer{justify-content:center}.pg-footer span:last-child{display:none}.pg-pin-boxes{gap:6px}.pg-pin-box{height:43px}}