.tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:20px;margin:20px 0}.tool-form p{display:flex;flex-direction:column;gap:6px}.tool-form input:not([type=checkbox]),.tool-form select,.tool-form textarea{width:100%;max-width:100%;padding:10px;border:1px solid #c6bbae;border-radius:8px;font:inherit;background:#fff;color:#302b27}.tool-form input[type=checkbox]{margin-right:8px}.tool-form .helptext,.helptext{font-size:14px;color:#5c534b}.tool-links{display:flex;gap:16px;flex-wrap:wrap;margin:16px 0}.payslip-actions{display:flex;gap:8px;flex-wrap:wrap}.page-heading-action{white-space:nowrap;flex:0 0 auto;align-self:flex-start}.embedded-calendar{position:relative;width:100%;aspect-ratio:4/3;max-height:620px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--canvas)}.embedded-calendar iframe{position:absolute;inset:0;width:100%;height:100%;border:0}@media (max-width:600px){.embedded-calendar{aspect-ratio:3/4}}@media print{.embedded-calendar{display:none}}.rate-history{font-size:12px;color:var(--muted);line-height:1.7}.rate-history span{display:block;font-variant-numeric:tabular-nums}.rate-history .rate-future{color:var(--accent-dark);font-weight:600}.payslip-sheet th{font-weight:400;color:var(--muted)}.payslip-sheet td{font-variant-numeric:tabular-nums}.payslip-sheet .payslip-group th{font-weight:700;color:var(--ink);text-transform:uppercase;letter-spacing:.3px;font-size:12px;padding-top:16px}.payslip-sheet .payslip-total th,.payslip-sheet .payslip-total td{font-weight:700;color:var(--ink)}.payslip-sheet .payslip-net th,.payslip-sheet .payslip-net td{font-size:17px;font-weight:700;color:var(--ink);border-top:2px solid var(--accent)}.superseded-row td,.superseded-row td a{color:var(--muted)}.payslip-header{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:flex-start;margin-bottom:18px}.payslip-print{max-width:860px;margin:0 auto}.payslip-masthead{text-align:center;padding-bottom:18px;border-bottom:2px solid var(--accent)}.payslip-logo{display:block;margin:0 auto 12px;width:150px;height:auto}.payslip-shop{margin:0;font-size:11px;letter-spacing:2.4px;text-transform:uppercase;color:var(--muted)}.payslip-title{margin:6px 0 0;font:normal 34px/1.15 Georgia,serif;letter-spacing:-.5px;color:var(--ink)}.payslip-details{display:grid;grid-template-columns:max-content 1fr;gap:9px 24px;margin:22px 0 26px;align-items:baseline}.payslip-details dt{font-size:11px;letter-spacing:1.3px;text-transform:uppercase;color:var(--muted)}.payslip-details dd{margin:0;font-size:15px;font-weight:600;color:var(--ink)}@media (max-width:520px){.payslip-details{grid-template-columns:minmax(0,1fr);gap:2px 0}.payslip-details dd{margin-bottom:10px}}@media print{@page payslip{size:A4 portrait;margin:12mm}.payslip-print{page:payslip;max-width:none}.payslip-logo{width:86px;margin-bottom:6px}.payslip-shop{font-size:9px;letter-spacing:2px}.payslip-title{font-size:22px;margin-top:2px}.payslip-masthead{padding-bottom:10px;break-inside:avoid}.payslip-details{gap:4px 18px;margin:12px 0 14px;break-inside:avoid}.payslip-details dt{font-size:9px;letter-spacing:1px}.payslip-details dd{font-size:12px}.payslip-print .payslip-sheet{break-inside:auto!important;padding:0!important;border:0!important;border-radius:0!important}.payslip-sheet .product-table-wrap{overflow:visible}.payslip-table{font-size:10.5px}.payslip-table th,.payslip-table td{padding:5px 8px}.payslip-table thead th{font-size:9px;padding-top:4px;padding-bottom:6px}.payslip-table td.computation{font-size:9.5px}.payslip-table .payslip-group th{font-size:9px;padding-top:9px}.payslip-sheet .payslip-net th,.payslip-sheet .payslip-net td{font-size:13px}.payslip-table thead{display:table-header-group}.payslip-table tr{break-inside:avoid}.payslip-print .welcome-note{font-size:9px;margin:8px 0 0}}.payslip-meta{display:flex;gap:36px;flex-wrap:wrap;font-size:13px;line-height:1.7}.adjustment-row{border-top:1px solid var(--line);padding-top:8px}.field-grid{display:grid;gap:14px 18px;margin-bottom:18px}.field-grid .form-field{margin:0}.field-grid-1{grid-template-columns:minmax(0,1fr)}.field-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.field-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.field-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.field-grid .has-error input,.field-grid .has-error select{border-color:#94352D}.payslip-table th,.payslip-table td{text-align:left}.payslip-table td.computation{color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.computation span{display:inline-block}.computation .c-hours{width:3.6em;text-align:right}.computation .c-unit{width:1.4em;text-align:left;padding-left:.25em}.computation .c-op{width:1.4em;text-align:center}.computation .c-rate{width:4.6em;text-align:right}.computation .c-percent{width:3.8em;text-align:right}.payslip-table td.computation{text-align:center}.payslip-table thead th{text-align:center}.payslip-table tbody td:nth-child(3),.payslip-table tbody td:nth-child(4){text-align:right;font-variant-numeric:tabular-nums}.payslip-table thead th:nth-child(3),.payslip-table thead th:nth-child(4){font-variant-numeric:tabular-nums}.payslip-table .payslip-group th{text-align:left}.payslip-table th.indented{padding-left:30px;font-weight:400}.payslip-table .payslip-net td:nth-child(4){font-size:17px}@media (max-width:900px){.field-grid-3,.field-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.field-grid-2,.field-grid-3,.field-grid-4{grid-template-columns:minmax(0,1fr)}}.adjustment-list{list-style:none;padding:0;margin:0 0 12px}.adjustment-list li{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);margin-bottom:6px}.adjustment-list li>span{flex:1}.adjustment-list strong{font-variant-numeric:tabular-nums}.adjustment-add{color:#2f6b45}.adjustment-deduct{color:#94352D}.adjustment-entry{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:12px;align-items:end;padding:14px;border:1px dashed var(--line);border-radius:12px}.adjustment-entry .form-field{margin:0}.entry-actions{display:flex;gap:8px}.adjustment-entry #entry-error{grid-column:1/-1;margin:0}.adjustments-enhanced #adjustment-rows{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media (max-width:760px){.adjustment-entry{grid-template-columns:1fr}}@media (max-width:600px){.payslip-meta{gap:16px}}.section-nav{display:flex;flex-wrap:wrap;align-items:stretch;gap:4px;margin:18px 0 26px;padding:5px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.section-nav a{display:inline-flex;align-items:center;padding:9px 15px;border-radius:10px;color:var(--muted);text-decoration:none;font-size:13px;font-weight:600;white-space:nowrap;transition:background .15s ease,color .15s ease}.section-nav a:hover{background:var(--canvas);color:var(--ink)}.section-nav a[aria-current="page"]{background:var(--accent);color:#fff}.section-nav a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.section-nav-divider{width:1px;align-self:stretch;margin:3px 6px;background:var(--line)}@media (max-width:600px){.section-nav{gap:3px;padding:4px;border-radius:12px}.section-nav a{padding:8px 12px;font-size:12px}.section-nav-divider{display:none}}.table-scroll{overflow-x:auto;margin:16px 0}.heatmap{border-collapse:collapse;min-width:960px;width:100%;font-size:12px}.heatmap th,.heatmap td{padding:8px 5px;border:1px solid #fff;text-align:right}.heatmap th:first-child{text-align:left}.heat-0{background:#f6f3ed;color:#302b27}.heat-1{background:#e7ede5;color:#302b27}.heat-2{background:#d6bc9f;color:#302b27}.heat-3{background:#946749;color:white}.heat-4{background:#6f4e37;color:white}.kpi-value{display:block;font-size:28px;font-weight:700;margin:8px 0}.record-list{list-style:none;padding:0}.record-list>li{padding:14px 0;border-bottom:1px solid #e8e0d8}.state-note{padding:8px 12px;background:#e7ede5;border-radius:8px}.errorlist{color:#9f2929}.inline-form{display:inline}.compact-table{border-collapse:collapse;width:100%;min-width:500px}.compact-table th,.compact-table td{padding:10px;border-bottom:1px solid #e8e0d8;text-align:left;vertical-align:top}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media print{.sidebar,.topbar,.site-footer,.skip-link,.mobile-header,.workspace-header,.navigation-links,.tool-form,.tool-links,.section-nav,.no-print,.payslip-actions,header form{display:none!important}body,.app-shell,.main-shell,.app-main,main,.workspace{display:block!important;width:auto!important;margin:0!important;padding:0!important;background:white!important;min-height:0!important;height:auto!important}.panel{box-shadow:none!important;break-inside:avoid}.table-scroll{overflow:visible}.heatmap{min-width:0;font-size:8px}.heatmap th,.heatmap td{padding:3px}.compact-table{min-width:0}.tool-grid{display:block}a{color:#302b27;text-decoration:none}@page{size:A4 landscape;margin:12mm}}

.tool-form fieldset{border:1px solid #c6bbae;border-radius:10px;padding:16px;margin:16px 0;min-width:0}.tool-form legend{padding:0 6px;font-weight:600}.tool-form button{margin:6px 6px 6px 0}.tool-grid>.panel{min-width:0}.record-list>li{overflow-wrap:anywhere}