.gjsp-portal{max-width:1040px;margin:0 auto;font-family:system-ui,-apple-system,"Segoe UI","Noto Sans Devanagari","Nirmala UI",Mangal,Arial,sans-serif;color:#1d2330}
.gjsp-login{max-width:380px;margin:24px auto;padding:26px;border:1px solid #d5dce2;border-radius:14px;background:#fff;box-shadow:0 4px 18px rgba(0,0,0,.06)}
.gjsp-login h2{margin:0 0 16px;font-size:22px;color:#2a4f8f;text-align:center}
.gjsp-login label{display:block;font-weight:600;margin:12px 0 0}
.gjsp-login input{display:block;width:100%;box-sizing:border-box;margin-top:6px;padding:11px 12px;border:1px solid #b7c2cc;border-radius:8px;font-size:16px}
.gjsp-login button,.gjsp-actions button,.gjsp-tbl button{background:#527cc1;color:#fff;border:0;border-radius:8px;padding:11px 18px;font-size:15px;cursor:pointer}
.gjsp-login button{width:100%;margin-top:18px}
.gjsp-login button:disabled{opacity:.6}
.gjsp-msg{color:#b32d2e;min-height:1.2em;margin:10px 0 0;font-size:14px;text-align:center}
.gjsp-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}
.gjsp-bar button{background:#fff;color:#b32d2e;border:1px solid #b32d2e;border-radius:8px;padding:7px 14px;cursor:pointer}
.gjsp-tabs{display:flex;gap:8px;margin-bottom:16px}
.gjsp-tabs button{flex:0 0 auto;padding:9px 18px;border:1px solid #b7c2cc;background:#fff;border-radius:8px;cursor:pointer;font-size:15px}
.gjsp-tabs button.on{background:#527cc1;border-color:#527cc1;color:#fff}
.gjsp-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;justify-content:center}
.gjsp-tbl{width:100%;border-collapse:collapse}
.gjsp-tbl th,.gjsp-tbl td{padding:10px;border-bottom:1px solid #e1e6ea;text-align:left}
.gjsp-offscreen{position:absolute;left:-12000px;top:0;width:794px}

/* ID card: fixed 1000x600 canvas, scaled with JS */
.gjsp-card-wrap{width:100%;position:relative;overflow:hidden}
.gjsp-card{position:relative;width:1000px;height:600px;background:#fff;border-radius:38px;overflow:hidden;transform-origin:top left;font-family:Georgia,"Times New Roman",serif;color:#1d2330}
.gjsp-card .gc-s{position:absolute}
.gc-top-g{left:0;top:0;width:620px;height:16px;background:#34a853}
.gc-top-r{left:620px;top:0;width:380px;height:16px;background:#e8281a}
.gc-left-g{left:0;top:0;width:22px;height:330px;background:#34a853}
.gc-left-y{left:0;top:330px;width:22px;height:270px;background:#fbbc05}
.gc-bot-y{left:0;bottom:0;width:640px;height:18px;background:#fbbc05}
.gc-bot-b{left:640px;bottom:0;width:360px;height:18px;background:#527cc1}
.gc-panel{position:absolute;left:22px;top:16px;right:16px;bottom:18px;background:#f4f5f6;border-radius:34px}
.gc-header{position:absolute;left:34px;top:16px;right:46px;height:128px;background:#527cc1}
.gc-logo{position:absolute;left:0;top:0;width:128px;height:128px;background:#fff;display:flex;align-items:center;justify-content:center}
.gc-logo img{max-width:118px;max-height:118px}
.gc-title{position:absolute;left:150px;right:290px;top:0;height:128px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;font-family:"Noto Sans Devanagari","Nirmala UI",Mangal,Arial,sans-serif;font-weight:700;font-size:44px;line-height:1.2;text-align:center}
.gc-logo2{position:absolute;right:140px;top:8px;width:140px;height:112px;display:flex;align-items:center;justify-content:center}
.gc-logo2 img{max-width:140px;max-height:112px}
.gc-qr{position:absolute;right:0;top:0;width:128px;height:128px;background:#fff;padding:5px;box-sizing:border-box}
.gc-qr img{width:100%;height:100%;display:block}
.gc-row{position:absolute;left:62px;width:620px;font-size:30px;line-height:1.15}
.gc-row b{color:#527cc1;display:inline-block;min-width:210px;vertical-align:top;font-weight:700}
.gc-row i{font-style:normal;display:inline-block;max-width:400px;vertical-align:top;font-weight:600}
.gc-r1{top:170px}.gc-r1 i{max-width:380px}
.gc-r2{top:220px}
.gc-r3{top:272px}
.gc-r4{top:392px}
.gc-post{position:absolute;left:62px;top:458px;font-size:44px;font-weight:700;color:#e8281a;font-family:"Noto Sans Devanagari","Nirmala UI",Mangal,Georgia,serif;max-width:400px}
.gc-sign{position:absolute;left:480px;top:420px;width:190px;height:90px}
.gc-sign img{max-width:190px;max-height:90px}
.gc-signlbl{position:absolute;left:470px;top:512px;font-size:26px;font-weight:600}
.gc-photo{position:absolute;left:712px;top:160px;width:250px;height:280px;border:3px solid #d5dce2;background:#e9edf1;box-sizing:border-box}
.gc-photo img{width:100%;height:100%;object-fit:cover;display:block}
.gc-bar{position:absolute;left:712px;top:450px;width:250px;height:100px;background:#fff;display:flex;align-items:center;justify-content:center}
.gc-bar canvas{max-width:236px;max-height:94px}

/* Salary slip */
.gjsp-slip{width:794px;box-sizing:border-box;padding:34px 40px;background:#fff;border:1px solid #cfd6dc;font-family:Arial,"Noto Sans Devanagari",sans-serif;color:#1d2330;font-size:14px}
.gjsp-slip .sl-head{display:flex;align-items:center;gap:16px;border-bottom:2px solid #527cc1;padding-bottom:12px}
.gjsp-slip .sl-head img{width:76px;height:76px;object-fit:contain}
.gjsp-slip .sl-head h3{margin:0;font-size:20px;color:#2a4f8f}
.gjsp-slip .sl-head p{margin:4px 0 0;color:#555}
.gjsp-slip .sl-title{text-align:center;margin:16px 0;letter-spacing:.5px;font-size:16px}
.gjsp-slip table{width:100%;border-collapse:collapse;margin-bottom:14px}
.gjsp-slip td,.gjsp-slip th{border:1px solid #cfd6dc;padding:8px 10px;text-align:left}
.gjsp-slip .sl-info td:nth-child(odd){background:#eef2f7;font-weight:700;width:18%}
.gjsp-slip .sl-pay th{background:#527cc1;color:#fff}
.gjsp-slip .r{text-align:right}
.gjsp-slip .tot td{font-weight:700;background:#eef2f7}
.gjsp-slip .sl-net{border:2px solid #527cc1;border-radius:6px;padding:12px 14px;margin-top:6px}
.gjsp-slip .sl-net span{display:block;font-size:20px;font-weight:700;color:#2a4f8f}
.gjsp-slip .sl-net small{display:block;margin-top:4px;color:#333}
.gjsp-slip .sl-rem{margin:12px 0 0;color:#444}
.gjsp-slip .sl-foot{display:flex;justify-content:space-between;align-items:flex-end;margin-top:34px;color:#666;font-size:12px}
.gjsp-slip .sl-auth{text-align:center}
.gjsp-slip .sl-auth img{display:block;margin:0 auto 4px;max-height:60px}
.gjsp-slip .sl-auth b{color:#1d2330;font-size:13px}
.gc-r1 b,.gc-r4 b{min-width:0;margin-right:14px}