:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#23334b;background:#f4f6fa;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:3px}button{cursor:pointer;border:1px solid #dbe2ec;background:white;border-radius:8px;padding:10px 15px;color:#243b5c;font-weight:600}button:hover{background:#edf3fc}button.primary{background:#2164e8;color:white;border-color:#2164e8}button:disabled{opacity:.55;cursor:wait}a{color:#2164e8}aside{position:fixed;inset:0 auto 0 0;width:245px;background:#101f3c;color:#aebbd1;padding:28px 18px;display:flex;flex-direction:column;z-index:20}.brand{font-size:30px;font-weight:850;color:white;letter-spacing:-1px}.brand span{color:#63a5ff}.brand small{display:block;font-size:11px;letter-spacing:1.8px;color:#91a5c9;margin-top:7px;font-weight:500}.nav-label{font-size:10px;letter-spacing:1.5px;margin:27px 12px 10px;color:#748bab}nav{overflow:auto}nav button{display:flex;align-items:center;gap:12px;border:0;width:100%;background:none;color:#aebbd1;text-align:left;font-size:13px;padding:11px 13px;margin:3px 0;font-weight:500}nav button.active{background:#253e68;color:white;border-left:3px solid #63a5ff}nav button:hover{background:#1b3156;color:white}.sidefoot{margin-top:auto;font-size:11px;padding:20px 12px 0;line-height:1.8;color:#8194b6}main{margin-left:245px}header{height:80px;padding:0 35px;border-bottom:1px solid #e3e8f0;background:white;display:flex;align-items:center;justify-content:space-between;gap:15px}header small{color:#8390a3}header strong{display:block;font-size:15px}.avatar{display:inline-grid;place-items:center;background:#e9f0ff;color:#2563eb;border-radius:50%;width:36px;height:36px;font-weight:700}.profile{display:flex;gap:10px;align-items:center}.profile button{padding:7px}.content{padding:30px 35px;max-width:1600px;margin:auto}.eyebrow{color:#72849c;font-size:11px;text-transform:uppercase;letter-spacing:1.3px}h1{font-size:28px;letter-spacing:-.7px;margin:7px 0}h2{font-size:16px;margin:0}p{line-height:1.6}.muted{color:#7e8ba0}.heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:24px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin:22px 0}.card,.panel{background:white;border:1px solid #e0e6ef;border-radius:12px}.card{padding:21px}.card small{color:#79869a}.number{font-size:31px;font-weight:700;letter-spacing:-1px;margin:13px 0 9px}.card .tag{font-size:11px;color:#568263}.panel{margin-bottom:20px;overflow:hidden}.panel-title{padding:20px 22px;border-bottom:1px solid #edf0f5;display:flex;justify-content:space-between;align-items:center}.panel-body{padding:22px}.grid{display:grid;grid-template-columns:1.6fr 1fr;gap:20px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{background:#f8fafd;color:#7b899c;text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.4px}td,th{padding:15px 20px;border-bottom:1px solid #edf0f5}td{font-size:13px}tr:last-child td{border-bottom:0}.badge{display:inline-block;border-radius:5px;padding:5px 8px;font-size:11px;font-weight:600;background:#eef2f8;color:#6d7a90}.badge.pending,.badge.returned{background:#fff4dc;color:#a47514}.badge.approved,.badge.ack{background:#e5f5eb;color:#2d8453}.badge.rejected{background:#fde9e9;color:#bb4545}.notice{padding:13px 17px;border:1px solid #f0dfad;background:#fffaf0;color:#8c6c25;border-radius:8px;font-size:12px;line-height:1.6;margin-bottom:20px}.item{padding:15px 0;border-bottom:1px solid #eef1f6}.item:last-child{border:0}.item strong{display:block;margin-bottom:5px}.item small{color:#8390a3}.empty{padding:30px;color:#8b97a9;text-align:center}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}input,select,textarea{border:1px solid #d9e1ec;border-radius:7px;padding:10px 12px;background:white;min-width:0;color:#23334b}textarea{min-height:80px;resize:vertical}label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:600}label.check{flex-direction:row;align-items:center;font-weight:400}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.full{grid-column:1/-1}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.error{color:#bc3547;font-size:13px;min-height:18px}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-art{background:#101f3c;color:white;padding:12vh 10%;display:flex;flex-direction:column;justify-content:center}.login-art h1{font-size:46px;max-width:450px;margin:55px 0 20px}.login-art p{color:#a3b4d0;max-width:390px}.login-form{display:flex;justify-content:center;align-items:center;padding:35px}.login-form form{width:380px;display:grid;gap:18px}.login-form h1{font-size:26px}.login-form .primary{padding:13px}.mini{font-size:11px;color:#8b97a9;line-height:1.7}dialog{border:1px solid #dce4ef;border-radius:14px;padding:0;width:min(650px,94vw);max-height:90vh;box-shadow:0 24px 80px #10213c44}dialog::backdrop{background:#10213c66}dialog .panel-body{max-height:75vh;overflow:auto}#toast{position:fixed;bottom:22px;right:22px;background:#183a29;color:white;border-radius:8px;padding:14px 22px;display:none;z-index:100}.mobile{display:none}.calendar{display:grid;grid-template-columns:repeat(7,minmax(100px,1fr));gap:1px;background:#e3e9f2}.day{background:white;min-height:105px;padding:10px}.day.emptyday{background:#f7f9fc}.day strong{font-size:12px}.shift{font-size:11px;background:#eaf0ff;color:#3561a2;padding:5px;margin-top:6px;border-radius:4px;cursor:pointer}.split{display:flex;justify-content:space-between;align-items:center;gap:10px}.linkbutton{border:0;background:transparent;color:#2164e8;padding:5px}.wrap{white-space:normal;max-width:340px}.weekhead{background:#f3f6fa;padding:10px;font-size:11px;text-align:center}.pill{border:1px solid #dae2ee;border-radius:15px;padding:5px 10px;font-size:11px;margin-right:5px}.statline{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #edf0f5}@media(max-width:1100px){.cards{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.content{padding:25px}.login-art{padding:50px}.calendar{min-width:750px}}@media(max-width:760px){aside{transform:translateX(-100%)}aside.open{transform:none}main{margin-left:0}header{padding:15px;height:auto;min-height:70px}.mobile{display:block}.content{padding:20px 14px}.heading{align-items:flex-start}h1{font-size:23px}.cards{gap:10px}.card{padding:15px}.number{font-size:25px}.profile small{display:none}.formgrid{grid-template-columns:1fr}.login{grid-template-columns:1fr}.login-art{display:none}.login-form{min-height:100vh}.panel-title{padding:16px}.panel-body{padding:16px}td,th{padding:12px}.heading .primary{font-size:12px;padding:10px}.full{grid-column:auto}}
@media print{aside,header,.toolbar,.actions,button,.notice{display:none!important}main{margin:0}.content{padding:0}body{background:white;font-size:10px}.tablewrap{overflow:visible}table{white-space:normal}td,th{padding:7px}.panel{break-inside:avoid;border:0}body:has(dialog[open]) #app{display:none}dialog[open]{position:static;display:block;width:100%;max-height:none;box-shadow:none;border:0}dialog .panel-body{max-height:none;overflow:visible}dialog::backdrop{display:none}}
.document-body{padding:25px;background:#e8edf3}.document-tools{max-width:800px;margin:0 auto 20px;font-size:12px;color:#66758a}.paper{width:min(210mm,100%);min-height:297mm;margin:auto;padding:25mm 22mm;background:white;box-shadow:0 4px 22px #20305015;color:#111;font-family:"Times New Roman",serif;font-size:12pt;line-height:1.6}.paper h1,.paper h2{text-align:center;font-family:inherit}.paper h1{font-size:16pt;margin-top:35px}.paper h2{font-size:12pt}.document-person{text-align:center;margin-bottom:35px}.document-meta{text-align:center;margin:15px 0 30px}.document-text{text-align:justify;text-indent:1.5em}.document-submission{margin-top:45px}.document-decision{margin-top:35px;border-top:1px solid #ddd;padding-top:20px}@media print{.document-body{padding:0;background:white}.document-tools{display:none}.paper{width:auto;min-height:0;padding:0;box-shadow:none}.paper h1,.paper h2{display:block}.document-decision{break-inside:avoid}@page{size:A4;margin:20mm}}
.request-preview{border-top:1px solid #dce4ef;padding-top:20px;margin-top:6px}.request-preview h3{margin:0;font-size:14px}.request-paper{border:1px solid #dce4ef;border-radius:6px;background:#fff;padding:28px;color:#182334;font-family:Georgia,"Times New Roman",serif;font-size:14px;line-height:1.7}.preview-person{text-align:center;margin-bottom:24px}.request-paper h3,.request-paper h4{text-align:center}.request-paper h3{margin:25px 0 5px;font-size:17px}.request-paper h4{margin:0;font-size:13px}.preview-text{white-space:pre-wrap;overflow-wrap:anywhere}.preview-signature{margin-top:30px}[hidden]{display:none!important}@media(max-width:600px){.request-paper{padding:18px}.request-preview .split{align-items:flex-start;gap:10px}}
.document-viewer{width:min(1000px,96vw)}.request-document-frame{display:block;width:100%;height:60vh;border:1px solid #dce4ef;border-radius:6px;background:white}

.brand{font-size:22px;letter-spacing:-.5px}
.absence-block{font-size:11px;padding:6px;margin-top:6px;background:#e8f6ed;border-left:3px solid #379768;color:#256b46;border-radius:4px}
.negative-balance{color:#bd283c;font-weight:750}.negative-notice{background:#fff1f3;border-color:#edbac3;color:#a32237}
.guide-dialog{width:min(740px,95vw)}.guide-progress{display:block;width:100%;height:7px;margin:18px 0 28px;accent-color:#2164e8}.guide-content .guide-title{font-size:25px;line-height:1.3;margin-bottom:16px}.guide-content p{font-size:15px;line-height:1.8}.guide-points{padding-left:21px;line-height:1.8}.guide-points li{padding:5px 0}.guide-actions{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #e3e9f2;padding-top:20px;margin-top:20px}.guide-actions>div{display:flex;gap:9px}.guide-content .guide-example{color:#24579b;background:#eef5ff;border-color:#cbdcf6}@media(max-width:600px){.guide-content .guide-title{font-size:21px}.guide-actions{flex-wrap:wrap}.guide-actions button{min-height:44px}}
#training-banner{position:fixed;top:0;left:0;right:0;background:#114a85;color:#fff;padding:7px 15px;font-size:11px;font-weight:700;text-align:center;z-index:2147483600;pointer-events:none}#training-coach{position:fixed;inset:auto 18px 18px auto;margin:0;width:min(390px,calc(100vw - 24px));max-height:72vh;overflow:auto;padding:20px;border:1px solid #b8cbe8;border-radius:13px;background:white;color:#23334b;box-shadow:0 14px 60px #10213c55;z-index:2147483647;font:14px/1.6 "Segoe UI",sans-serif}#training-coach h2{font-size:18px;margin:12px 0}#training-coach p{margin:10px 0}#training-coach .guide-progress{margin:12px 0;height:5px}#training-coach .guide-actions{padding-top:12px;margin-top:8px}#training-coach .toolbar{margin:12px 0 0}#training-coach button{font-size:12px;padding:9px 12px}#training-coach.training-top{top:44px;bottom:auto}#training-hint{font-size:12px;color:#2463b7}.training-jump-label{font-size:11px}#training-jump{width:100%;padding:6px;font-size:12px}#training-spotlight{position:fixed;inset:auto;margin:0;padding:0;border:3px solid #3487ff;border-radius:7px;background:transparent;box-shadow:0 0 0 4px #3487ff33;pointer-events:none;z-index:2147483646}#training-coach::backdrop,#training-spotlight::backdrop{background:transparent;pointer-events:none}@media(max-width:650px){#training-coach{right:8px;bottom:8px;max-height:44vh;padding:14px}#training-coach h2{font-size:16px}#training-coach.training-top{top:35px;bottom:auto}#training-coach p{font-size:12px}}@media print{#training-coach,#training-spotlight,#training-banner{display:none!important}}
/* Touch layouts: retain every action from the desktop portal. */
html{scroll-padding-top:24px}main,.content,.grid>*,.cards>*,.profile,.heading>*,.panel-body,.formgrid>*{min-width:0}.content,dialog{overflow-wrap:anywhere}input,select,textarea{max-width:100%}input[type=file]{width:100%}.tablewrap{max-width:100%;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.nav-shade{display:none}.nav-close{display:none}.tablewrap:focus-visible{outline:3px solid #2164e8;outline-offset:-3px}
@media(pointer:coarse){button,.linkbutton,nav button{min-height:44px}input,select{min-height:44px}input[type=checkbox]{min-height:22px;min-width:22px}label.check{min-height:44px}select[multiple]{min-height:140px}}
@media(max-width:1100px){aside{transform:translateX(-100%);width:min(310px,88vw);height:100dvh;transition:transform .18s ease}aside.open{transform:none}aside:not(.open){visibility:hidden}aside.open~.nav-shade{display:block;position:fixed;inset:0;background:#10213c80;z-index:19;border:0;border-radius:0;width:100%;height:100%}.nav-close{display:block;position:absolute;right:12px;top:12px;padding:8px;color:white;background:#253e68;border:0}.brand{padding-right:24px}main{margin-left:0}.mobile{display:block;flex-shrink:0}header{padding:12px 20px;height:auto;min-height:72px}header>div:not(.profile){flex:1}.profile>div{max-width:190px}.panel-title{gap:12px;flex-wrap:wrap}.panel-title h2{flex:1}.actions,.split,.guide-actions>div{flex-wrap:wrap}.toolbar>input,.toolbar>select{flex:1;min-width:140px}.calendar{min-width:750px}dialog{max-height:calc(100dvh - 24px)}dialog .panel-body{max-height:calc(100dvh - 110px);overscroll-behavior:contain}body:has(dialog[open]){overflow:hidden}}
@media(max-width:600px){:root{font-size:14px}header{display:grid;grid-template-columns:44px minmax(0,1fr);gap:8px;padding:10px 14px}header .profile{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;border-top:1px solid #edf0f5;padding-top:8px}.profile>div{flex:1;max-width:none}.profile strong{font-size:13px}.profile button{min-height:44px;padding:9px 12px}.profile .avatar{width:30px;height:30px}.profile small{display:none}header>div>small{font-size:10px}.heading{flex-wrap:wrap;gap:12px}.heading>div{width:100%}.heading>button{flex:1;min-height:44px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.number{font-size:25px}.card{padding:13px}.card .tag{line-height:1.5}.formgrid{grid-template-columns:minmax(0,1fr)}input,select,textarea{font-size:16px;width:100%;min-height:44px}input[type=checkbox],input[type=radio]{width:auto;min-height:22px;min-width:22px}textarea{min-height:112px}.check{line-height:1.6}.check input{flex-shrink:0}.toolbar{gap:8px}.toolbar>button{flex:1}.toolbar>input,.toolbar>select{min-width:0;flex-basis:100%}.actions{position:sticky;bottom:-16px;margin:16px -16px -16px;padding:12px 16px;background:white;border-top:1px solid #e3e8f0;z-index:2}.actions button{flex:1;min-height:44px}dialog{width:calc(100vw - 16px);max-width:none;max-height:calc(100dvh - 16px);border-radius:12px}dialog .panel-body{max-height:calc(100dvh - 100px);padding:16px}dialog .panel-title{padding:12px 16px}dialog .panel-title button{min-width:44px;min-height:44px}.login-form{padding:24px 16px;min-height:100dvh}.login-form form{width:100%;max-width:420px}.request-paper{padding:16px;font-size:14px}.paper{padding:22px 18px;min-height:0;font-size:11pt}.document-body{padding:12px}.document-tools{line-height:1.7}.request-document-frame{height:65dvh}.statline{gap:12px}.wrap{max-width:none}#toast{left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));padding:12px 16px}.guide-actions>div{width:100%}.guide-actions button{flex:1}.guide-content .guide-title{font-size:21px}
/* Horizontal data stays in its own labelled scroll area. */
.tablewrap{border-bottom:2px solid #e3e9f2}td,th{padding:12px}td button{min-height:44px;white-space:normal}.calendar .shift,.calendar .absence-block{overflow-wrap:anywhere}.calendar .shift[data-action]{min-height:44px}
#training-coach{right:8px;left:8px;width:auto;max-height:45dvh;padding:12px;bottom:max(8px,env(safe-area-inset-bottom))}#training-coach.training-top{top:35px;bottom:auto}#training-coach .toolbar{margin-top:8px}#training-coach .toolbar button{flex:1}#training-coach .guide-actions{position:static;margin:8px 0 0;padding:8px 0 0}#training-coach .guide-actions>div{width:auto}#training-coach button{min-height:44px}#training-coach p{font-size:13px}#training-jump{font-size:16px;min-height:44px}
}
@media(prefers-reduced-motion:reduce){aside{transition:none}}
@media print{.nav-shade,.nav-close{display:none!important}}
/* Stacked records keep long request names and actions readable on phones. */
@media screen and (max-width:600px){
.tablewrap:has(>.responsive-table){overflow:visible;border-bottom:0}
.responsive-table{display:block;white-space:normal;width:100%}
.responsive-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.responsive-table tbody{display:block}
.responsive-table tr{display:block;padding:12px 16px;border-bottom:1px solid #dfe6f0}
.responsive-table tr:last-child{border-bottom:0}
.responsive-table td{display:grid;grid-template-columns:minmax(85px,30%) minmax(0,1fr);gap:12px;align-items:start;width:100%;padding:8px 0;border:0;white-space:normal;overflow-wrap:break-word;font-size:14px;line-height:1.6}
.responsive-table td::before{content:attr(data-label);font-size:11px;font-weight:600;color:#7b899c;text-transform:uppercase;letter-spacing:.3px;padding-top:3px}
.responsive-table td>*{min-width:0;max-width:100%}
.responsive-table td button,.responsive-table td a{width:auto;justify-self:start;white-space:normal;word-break:normal;overflow-wrap:normal;min-height:44px;padding:10px 12px}
.responsive-table td .badge{justify-self:start;align-self:start;white-space:normal}
.responsive-table td .wrap{max-width:none}
.responsive-table td small{grid-column:2}
}

.receipt-image{display:block;width:100%;height:auto;max-height:65dvh;object-fit:contain}.cell-value{min-width:0}
.workbook-scroll{overflow:auto;max-height:66vh;overscroll-behavior:contain;border-top:1px solid #e0e7f0}.workbook{border-collapse:separate;border-spacing:0;width:max-content;min-width:100%;font-variant-numeric:tabular-nums}.workbook th,.workbook td{border-right:1px solid #e4eaf2;border-bottom:1px solid #e4eaf2;text-align:center;padding:0;min-width:49px}.workbook thead th{position:sticky;top:0;z-index:2;background:#f0f5fc;padding:12px 5px;color:#415673;font-size:12px;text-transform:none;letter-spacing:0}.workbook th:first-child{position:sticky;left:0;min-width:190px;max-width:240px;text-align:left;padding:12px 15px;background:#fff;z-index:1;white-space:normal;font-size:13px}.workbook thead th:first-child{z-index:3;background:#f0f5fc}.workbook small{display:block;line-height:1.5;font-weight:400;font-size:10px;color:#71829b}.workbook td button{border:0;border-radius:0;background:transparent;width:100%;min-height:54px;padding:7px 4px;color:#263e5c;font-size:12px;box-shadow:none}.workbook td button:hover,.workbook td button:focus-visible{background:#dceaff;outline:2px solid #4489ef;outline-offset:-2px}.workbook .weekend{background:#f4f6f9}.workbook .has-absence{background:#eaf5ee}.workbook .has-absence small{color:#287344;font-weight:650}.workbook .has-draft{box-shadow:inset 0 -3px #e6af38}.workbook .has-manual button{color:#8b4a08;font-weight:650}.workbook .workbook-total{background:#edf3fd;font-weight:700;padding:10px;min-width:68px}.workbook-dot{display:block;color:#966a12;font-size:10px}.workbook-legend{padding:14px 18px 0;display:flex;flex-wrap:wrap;gap:8px 18px;font-size:11px;color:#526782}.workbook-note{font-size:12px;line-height:1.65;color:#74839a;padding:0 18px 12px}.workbook-filter{padding:10px 18px;background:#f3f7fd;font-size:13px}.workbook-details{margin:20px 0}.workbook-details>summary{cursor:pointer;padding:15px 18px;min-height:44px;border:1px solid #dfe6f0;background:#fff;border-radius:8px;font-weight:600;color:#364f72}.workbook-section .panel-title{gap:16px;flex-wrap:wrap}.workbook-section .toolbar{margin:0;gap:8px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:600px){.workbook th:first-child{min-width:135px;max-width:135px;padding:9px;font-size:12px}.workbook th,.workbook td{min-width:47px}.workbook-section .panel-title{padding:15px}.workbook-section .toolbar{width:100%}.workbook-section .toolbar button{flex:1;min-height:44px}.workbook-scroll{max-height:60dvh}.workbook-legend{font-size:10px}}
@media print{body.workbook-print .content>:not(.workbook-section){display:none!important}body.workbook-print aside,body.workbook-print header,body.workbook-print .workbook-section .toolbar,body.workbook-print .workbook-filter{display:none!important}body.workbook-print main{margin:0!important}body.workbook-print .content{padding:0!important}body.workbook-print .workbook-scroll{overflow:visible;max-height:none}body.workbook-print .workbook{width:100%;font-size:7pt}body.workbook-print .workbook th,body.workbook-print .workbook td{min-width:0;max-width:none;padding:2px;font-size:7pt}body.workbook-print .workbook th:first-child{min-width:80px;padding:4px;position:static}body.workbook-print .workbook td button{min-height:20px;padding:0;font-size:7pt}body.workbook-print .workbook thead th{position:static}body.workbook-print .workbook tbody tr{break-inside:avoid}body.workbook-print .workbook thead{display:table-header-group}body.workbook-print .workbook-legend,body.workbook-print .workbook-note{font-size:7pt}}
.nav-group{margin-top:8px}.nav-group>summary{list-style:none;cursor:pointer;padding:13px 10px;min-height:44px;color:#aebbd1;font-size:11px;letter-spacing:.8px;text-transform:uppercase;font-weight:650;border-radius:7px;display:flex;justify-content:space-between;align-items:center;gap:10px}.nav-group>summary::-webkit-details-marker{display:none}.nav-group>summary::after{content:'›';font-size:19px;line-height:1;transition:transform .15s}.nav-group[open]>summary::after{transform:rotate(90deg)}.nav-group>summary:hover,.nav-group>summary:focus-visible{background:#253e68;color:white}.nav-group>div{padding-bottom:5px}nav{flex:1;min-height:0;margin-top:18px}.sidefoot{flex-shrink:0}details.request-version{margin:12px 0}#payroll-print{margin-top:15px}
.salary-breakdown{width:100%;table-layout:fixed;border-collapse:collapse;white-space:normal;border:1px solid #dfe6f0;margin:20px 0;color:#23334b}.salary-breakdown th{width:72%;text-transform:none;letter-spacing:0;font-size:14px;font-weight:400;line-height:1.55;background:white;text-align:left;overflow-wrap:break-word}.salary-breakdown td{width:28%;text-align:right;font-size:14px;white-space:nowrap;font-variant-numeric:tabular-nums}.salary-breakdown th,.salary-breakdown td{padding:13px 16px;border-bottom:1px solid #e6ebf2}.salary-breakdown .salary-gross th,.salary-breakdown .salary-gross td{background:#f4f7fc;font-weight:650}.salary-breakdown .salary-net th,.salary-breakdown .salary-net td{background:#edf7f0;font-weight:750;color:#206342}.salary-breakdown .salary-section th{background:#f4f7fc;font-weight:650;padding-top:18px}.salary-breakdown .salary-total th,.salary-breakdown .salary-total td{font-weight:750;border-top:2px solid #cbd6e6;background:#f4f7fc}@media(max-width:600px){.salary-breakdown th{width:66%;font-size:12px}.salary-breakdown td{width:34%;font-size:13px}.salary-breakdown th,.salary-breakdown td{padding:12px 8px}}@media print{.salary-breakdown th,.salary-breakdown td{font-size:11pt;padding:10px;border-color:#ccc}.salary-breakdown{break-inside:avoid}}

@media print{@page workbookSheet{size:A4 landscape;margin:10mm}body.workbook-print .workbook-section{page:workbookSheet;break-inside:auto}body.workbook-print .workbook td button{display:block!important}body.workbook-print .workbook thead{break-after:avoid}}