/* Screen-only visual layer. Layout breakpoints and print styles stay in their own files. */
@media screen{
 :root{--ui-ink:#243746;--ui-muted:#617382;--ui-line:#d2d8dd;--ui-surface:#fff;--ui-canvas:#fff;--ui-blue:#0878b4;--ui-blue-soft:#eaf4fa;--ui-radius:2px}
 body{color:var(--ui-ink);background:var(--ui-canvas);-webkit-font-smoothing:antialiased}
 #app>main,.content{background:var(--ui-canvas)}
 #app>main>header{border-bottom:1px solid var(--ui-line);box-shadow:none;background:#fff}
 #app>main>header strong{font-size:14px;font-weight:600;color:var(--ui-ink)}
 #app>main>header small{color:var(--ui-muted);font-size:11px}
 .content{padding:16px 20px;line-height:1.45}
 .heading{align-items:flex-start;border-bottom:1px solid #d7dde2;padding-bottom:12px;margin-bottom:14px;gap:12px}
 h1{font-size:22px;font-weight:600;line-height:1.3;letter-spacing:0;margin:4px 0 8px;color:var(--ui-ink)}
 h2{font-size:14px;font-weight:600;color:var(--ui-ink)}
 .eyebrow{font-size:10px;font-weight:600;letter-spacing:1px;color:var(--ui-muted)}
 .muted,.mini{color:var(--ui-muted);line-height:1.6}
 .heading .muted{font-size:13px;max-width:850px}
 .panel,.card{border:1px solid var(--ui-line);border-radius:var(--ui-radius);box-shadow:none;background:var(--ui-surface)}
 .panel{margin-bottom:14px}
 .panel-title{padding:10px 12px;background:#f4f6f7;border-bottom:1px solid var(--ui-line);border-radius:var(--ui-radius) var(--ui-radius) 0 0;gap:12px}
 .panel-title h2{margin:0;line-height:1.4}
 .panel-body{padding:12px}
 .empty{padding:26px 16px;color:#758796;font-size:13px;line-height:1.6}
 .cards{gap:0;margin:12px 0}
 .card{padding:12px 15px;border-top:1px solid var(--ui-line)}
 .card .number{font-size:24px;font-weight:600;letter-spacing:0;margin:7px 0 3px;color:var(--ui-ink)}
 .card .tag{color:var(--ui-muted);font-size:12px}
 button{font-size:13px;line-height:1.35;font-weight:500;border:1px solid #cbd7e0;border-radius:2px;min-height:32px;padding:6px 10px;color:#334f62;background:#fff;box-shadow:none;transition:background-color .12s,border-color .12s}
 button:hover:not(:disabled){background:#f0f5f8;border-color:#9fb7c7}
 button.primary{background:var(--ui-blue);border-color:var(--ui-blue);color:#fff;font-weight:600}
 button.primary:hover:not(:disabled){background:#066394;border-color:#066394}
 button:disabled{opacity:.55;cursor:not-allowed}
 button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #57a6d4;outline-offset:3px}
 .linkbutton{background:none;border:0;box-shadow:none;color:#096c9f;text-decoration:none}
 .linkbutton:hover{text-decoration:underline}
 .toolbar{gap:6px;margin:10px 0 12px;padding:7px;background:#f6f8f9;border:1px solid #dce1e5;align-items:center}.panel-title .toolbar{padding:0;border:0;margin:0;background:none}
 .toolbar>button[aria-pressed=true],[data-card-tab][aria-selected=true]{background:var(--ui-blue-soft);color:#075e8b;border-color:#9fc7df;border-bottom:1px solid #9fc7df;font-weight:600}
 input,select,textarea{border:1px solid #c8d4de;border-radius:2px;background:#fff;color:var(--ui-ink);line-height:1.4}
 input:focus,select:focus,textarea:focus{outline:2px solid #64afd8;outline-offset:1px;border-color:#3f92c2}
 input:disabled,select:disabled,textarea:disabled{background:#f0f3f5;color:#526574;opacity:1}
 label{line-height:1.5}
 .formgrid{gap:12px}
 .responsive-table th{background:#f5f8fa;color:#526a7b;font-size:12px;font-weight:600;border:1px solid var(--ui-line);text-transform:none;letter-spacing:0;line-height:1.5}
 .responsive-table td{font-size:13px;line-height:1.55;border:1px solid #e5ebf0;vertical-align:top}
 .responsive-table td:not(.negative):not(.positive){color:var(--ui-ink)}
 .responsive-table th,.responsive-table td{padding:7px 10px}
 .responsive-table tbody tr:nth-child(even){background:#fbfcfd}
 .responsive-table tbody tr:hover{background:#f2f8fc}
 .responsive-table td button{min-height:30px}
 .badge{border-radius:4px;font-size:11px;font-weight:600;padding:4px 8px;line-height:1.4}
 .notice{border-radius:2px;font-size:12px;line-height:1.6;padding:10px 12px;border-color:#ecd9aa;background:#fffaf0;color:#77551a}
 details.panel>summary{padding:10px 12px;font-size:13px;font-weight:600;line-height:1.5;color:#344f62;background:#fff;border-radius:var(--ui-radius);cursor:pointer}
 details.panel[open]>summary{border-bottom:1px solid var(--ui-line);border-radius:var(--ui-radius) var(--ui-radius) 0 0}
 details.panel>summary:hover{background:#f8fafc}
 #main-navigation{background:#fff;border-right:1px solid var(--ui-line)}
 #main-navigation .brand{border-bottom:1px solid var(--ui-line)}
 #main-navigation .nav-group{border-bottom:1px solid #e7edf2}
 #main-navigation .nav-group>summary{background:#fff;color:#526b7d;font-size:12px;font-weight:600;text-decoration:none;padding-top:13px;padding-bottom:13px}
 #main-navigation .nav-group>summary:hover{background:#f5f8fa;color:#075e8b}
 #main-navigation nav button{background:#fff;border:0;border-left:3px solid transparent;border-radius:0;color:#405b6d;font-size:12px;font-weight:500;min-height:36px;text-align:left;line-height:1.45}
 #main-navigation nav button:hover{background:#f4f8fb}
 #main-navigation nav button.active{background:var(--ui-blue-soft);border-left-color:var(--ui-blue);color:#076b9f;font-weight:650}
 #main-navigation nav button span{color:#5a9585}
 #main-navigation footer{color:#6f8190;font-size:10px;line-height:1.7}
 .role-switch select{border-radius:5px;font-size:12px;min-height:34px;background:#eaf4fa;color:#075e8b;border:1px solid #bdd7e7;font-weight:600}
 .avatar{border-radius:7px;background:#edf4f8}
 dialog:not(.file-preview){border:1px solid #d7e1e8;border-radius:3px;box-shadow:0 12px 45px #142d4625}
 dialog:not(.file-preview)>.panel-title{background:#fff;padding:16px 18px}
 dialog:not(.file-preview)>.panel-title h2{font-size:16px}
 dialog:not(.file-preview) .actions{border-top:1px solid var(--ui-line);gap:10px}
 dialog::backdrop{background:#19314970}
 .chat-message{border-radius:7px;background:#f8fafb;border-color:var(--ui-line)}
 .chat-message.own{background:#eef6fb}
 .work-steps>li{background:#fafbfc;border-color:var(--ui-line);border-radius:2px}
 .workbook thead th{background:#f3f7fa;color:#4c6476;font-weight:600;border-color:var(--ui-line)}
 .workbook td,.workbook th{border-color:#dce4ea}
 .workbook .weekend{background:#f4eee3}.workbook .workbook-total{background:#edf5f2}
 @media(max-width:1100px){.content{padding:18px}h1{font-size:22px}#main-navigation nav button{min-height:44px}#main-navigation .nav-group>summary{min-height:44px}}
 @media(max-width:600px){.content{padding:14px 12px}h1{font-size:21px;letter-spacing:0}.heading{margin-bottom:18px;gap:12px}.panel{margin-bottom:14px}.panel-title,.panel-body{padding:13px}.cards{gap:10px}.card{padding:13px}.card .number{font-size:26px}.toolbar{gap:8px}button,.responsive-table td button{min-height:44px}input,select,textarea{font-size:16px}.responsive-table td{padding:10px 12px}.role-switch select{min-height:44px}details.panel>summary{padding:13px}dialog:not(.file-preview)>.panel-title{padding:13px}.notice{padding:12px;font-size:12px}}
 @media(prefers-reduced-motion:reduce){button{transition:none}}
}
@media screen{
 .login{min-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;padding:40px 20px;background:#f1f5f7}
 .login>.login-form{width:100%;min-height:0;padding:0;display:flex;justify-content:center;align-items:center}
 .login .login-form form{display:grid;gap:18px;width:100%;max-width:430px;padding:34px;background:#fff;border:1px solid #dce5eb;border-radius:12px;box-shadow:0 12px 40px #2943580a}
 .login .login-brand{margin:0 0 4px;padding:0;text-align:center}
 .login .login-brand .brand-mark{display:block;width:160px;max-width:100%;margin:0 auto}
 .login .login-brand small{font-size:9px;letter-spacing:1.5px;margin-top:7px}
 .login .eyebrow{text-align:center;margin:0;font-size:10px;letter-spacing:1px}
 .login .login-form h1{text-align:center;margin:0;font-size:25px;line-height:1.3}
 .login .login-form .muted{text-align:center;margin:-8px 0 4px;font-size:13px;line-height:1.6}
 .login .login-form label{display:grid;gap:7px;font-size:13px;font-weight:600}
 .login .login-form input{min-height:46px;font-size:16px;width:100%;padding:11px 12px}
 .login .login-form button.primary{min-height:46px;width:100%;font-size:14px;padding:12px}
 .login .login-form form>.mini{text-align:center;font-size:11px;line-height:1.7;color:#64798a}
 .login .login-form .error{margin:0;font-size:13px;line-height:1.5}
 .login .login-form .error:empty{display:none}
 .login-mfa{border-top:1px solid #e5ebef;padding-top:4px}
 .login-mfa>summary{padding:10px 0;min-height:40px;font-size:12px;font-weight:500;color:#486579;cursor:pointer}
 .login-mfa .mini{font-size:12px;margin:0 0 12px}
 @media(max-width:480px){.login{padding:20px 12px;align-items:start}.login .login-form form{padding:26px 20px;gap:17px}.login .login-brand .brand-mark{width:145px}.login .login-form h1{font-size:23px}.login .login-form{min-height:calc(100dvh - 40px)}}
 @media(max-height:620px){.login{align-items:start;padding-top:16px;padding-bottom:16px}.login .login-form{min-height:0}}
}
@media screen{
 .register-table{min-width:0;max-width:100%}.register-table .tablewrap{max-width:100%;overflow-x:auto}
 .register-table .badge,.keep-date{white-space:nowrap;word-break:normal;overflow-wrap:normal}
 .register-table button{word-break:normal;overflow-wrap:normal}
 @media(min-width:761px){
  .register-table .responsive-table{table-layout:auto;width:100%}
  .register-table .responsive-table .cell-value{word-break:normal;overflow-wrap:normal;white-space:normal}
  .salary-terms-table .responsive-table{min-width:1050px}.salary-history-table .responsive-table{min-width:1100px}
  .salary-terms-table th:first-child,.salary-terms-table td:first-child{min-width:160px}
  .salary-terms-table td:nth-child(2),.salary-history-table td:first-child{min-width:120px}
  .salary-terms-table td:nth-child(3),.salary-terms-table td:nth-child(4),.salary-terms-table td:nth-child(5),.salary-history-table td:nth-child(2),.salary-history-table td:nth-child(3),.salary-history-table td:nth-child(4){white-space:nowrap;min-width:110px}
  .salary-terms-table td:nth-child(6){min-width:250px}.salary-terms-table td:nth-child(7){min-width:135px}
  .salary-history-table td:nth-child(5){min-width:230px}.salary-history-table td:nth-child(6){min-width:170px}.salary-history-table td:nth-child(7){min-width:180px}
  .validity-register-table .responsive-table{min-width:1300px}
  .validity-register-table td:nth-child(1){min-width:155px}.validity-register-table td:nth-child(2){min-width:290px}
  .validity-register-table td:nth-child(3){min-width:210px;max-width:300px}.validity-register-table td:nth-child(3) .cell-value{overflow-wrap:anywhere}
  .validity-register-table td:nth-child(4),.validity-register-table td:nth-child(5){min-width:112px;white-space:nowrap}
  .validity-register-table td:nth-child(6){min-width:100px}.validity-register-table td:nth-child(7){min-width:120px}.validity-register-table td:nth-child(8){min-width:115px}.validity-register-table td:nth-child(9){min-width:140px}
  .validity-register-table td:nth-child(4) .cell-value,.validity-register-table td:nth-child(5) .cell-value,.validity-register-table td:nth-child(6) .cell-value{white-space:nowrap}
 }
 @media(max-width:760px){.register-table .responsive-table{min-width:0!important}.register-table .keep-date{white-space:nowrap}.register-table .badge{display:inline-block}.register-table .cell-value{word-break:normal;overflow-wrap:break-word}}
}
@media screen{.register-table .responsive-table td .badge{white-space:nowrap;word-break:normal;overflow-wrap:normal}}
@media screen{
 .declaration-help-group{display:inline-flex;align-items:center;gap:6px;margin-left:9px;vertical-align:middle;flex-wrap:wrap}
 button.declaration-help{display:inline-grid;place-items:center;min-width:28px;min-height:28px;padding:3px 7px;border:1px solid #b7d2e2;border-radius:14px;background:#f0f7fc;color:#086b9c;font-size:12px;font-weight:650;line-height:1.3;white-space:nowrap}
 button.declaration-help:hover{background:#e0f0fa;border-color:#7eafcc}
 .declaration-help-copy p{line-height:1.7}.declaration-help-copy a{display:inline-block;padding:10px 0}
 @media(max-width:760px){button.declaration-help{min-width:44px;min-height:44px;border-radius:22px}.declaration-help-group{gap:6px;margin-left:6px}}
}
@media screen{
 dialog.employee-center-dialog{width:min(1120px,96vw);max-width:96vw}
 .employee-center{min-width:0;max-width:100%}
 .employee-center-tabs{display:flex;gap:0;overflow-x:auto;max-width:100%;border-bottom:1px solid #d5dfda;margin:14px 0 18px;scrollbar-width:thin}
 .employee-center-tabs button{flex:0 0 auto;border:0;border-bottom:3px solid transparent;border-radius:0;background:none;white-space:nowrap;padding:12px 14px;min-height:44px;color:#536f60}
 .employee-center-tabs button[aria-selected="true"]{border-bottom-color:#07846a;color:#086c56;background:#eff7f3;font-weight:650}
 .employee-center-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:12px 0 18px}
 .employee-center-facts>div{min-width:0;border:1px solid #e1e7e3;padding:12px;border-radius:3px;background:#fafcfb}
 .employee-center-facts small{display:block;font-size:11px;color:#698072;margin-bottom:6px}
 .employee-center-facts strong{display:block;font-size:13px;font-weight:600;overflow-wrap:anywhere}
 .employee-center h3{font-size:15px;margin:18px 0 12px}
 .employee-center-steps{list-style:none;margin:12px 0;padding:0;display:grid;gap:8px}
 .employee-center-steps li{display:grid;grid-template-columns:115px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;border:1px solid #dfe7e2;border-radius:3px;background:#fff}
 .employee-center-steps li>span{font-size:11px;color:#5a7262}.employee-center-steps strong{font-size:13px}.employee-center-steps small{display:block;color:#657c6d;font-size:12px;line-height:1.5;margin-top:4px}
 .employee-center-return{margin-bottom:16px;min-height:40px;color:#086c56;max-width:100%;white-space:normal}
 .employee-center-modes{margin-top:4px;font-size:12px}
 .employee-center .tablewrap{max-width:100%;overflow-x:auto}
 @media(max-width:760px){dialog.employee-center-dialog{width:98vw;max-width:98vw}.employee-center-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.employee-center-facts>div{padding:10px}.employee-center-steps li{grid-template-columns:minmax(0,1fr) auto;padding:10px;gap:8px}.employee-center-steps li>span{grid-column:1/-1}.employee-center-tabs button{padding:10px 12px;font-size:12px}.employee-center-return{min-height:44px}}
}
@media screen{.employee-center-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}.employee-center-picker button{text-align:left;white-space:normal;min-height:44px}@media(max-width:600px){.employee-center-picker{grid-template-columns:minmax(0,1fr)}}}

.sidefoot [data-action="layout-switch"]{display:block;width:100%;margin:0 0 12px;white-space:normal;min-height:40px}

.e100-balance{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;padding:10px 12px;margin-bottom:14px;border:1px solid #dce5e1;background:#f4faf7;overflow-wrap:anywhere}.e100-balance small{color:#52665c}

.e100-cards-register{margin-bottom:14px;min-width:0}.e100-cards-register>summary{padding:12px;cursor:pointer;font-weight:600}.e100-cards-register .mini{padding:10px}
/* Shared, compact message tools; no extra mobile header buttons. */
.notification-controls{display:flex;align-items:end;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:16px}.notification-controls .toolbar{margin:0}.notification-controls>label{min-width:0;width:min(320px,100%)}.notification-controls input{width:100%;max-width:100%}.notification-message{padding:16px;border-bottom:1px solid #dce4e0;overflow-wrap:anywhere}.notification-message p{white-space:pre-wrap}.nav-notification-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;padding:2px 6px;margin-left:auto;background:#dcefe7;color:#08674e;border-radius:10px;font-size:11px;font-weight:700;line-height:1.5}
@media(max-width:760px){.notification-controls{align-items:stretch}.notification-controls>label{width:100%}.notification-controls .toolbar{display:flex;flex-wrap:wrap;width:100%}.notification-controls .toolbar button{flex:1 1 auto;min-height:44px}.notification-message{padding:12px}}

/* Compact certificate register: reserve space for actions instead of stretching rows. */
@media screen{
 .validity-actions{display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-width:0}
 .validity-register-table .validity-actions button{margin:0;white-space:nowrap;word-break:normal;overflow-wrap:normal}
 .validity-more{flex-basis:100%;margin:0}
 .validity-more>summary{cursor:pointer;color:#17624f;padding:7px 0;font-size:13px;min-height:32px}
 .validity-more>div{display:flex;flex-wrap:wrap;gap:6px;padding:4px 0}
 @media(min-width:761px){
  .validity-register-table .responsive-table{min-width:1160px;table-layout:auto}
  .validity-register-table td:nth-child(1){min-width:140px}
  .validity-register-table td:nth-child(2){min-width:240px;max-width:340px}
  .validity-register-table td:nth-child(3){min-width:180px;max-width:250px}
  .validity-register-table td:nth-child(4),.validity-register-table td:nth-child(5){min-width:100px}
  .validity-register-table td:nth-child(6){min-width:75px}
  .validity-register-table td:nth-child(7){min-width:90px}
  .validity-register-table td:nth-child(8){min-width:90px}
  .validity-register-table th:last-child,.validity-register-table td:last-child{position:sticky;right:0;min-width:190px;width:190px;background:#fff;box-shadow:-2px 0 0 #dfe6eb;z-index:1}
  .validity-register-table th:last-child{background:#f4f7f9;z-index:2}
  .validity-register-table td:last-child .cell-value{display:block;min-width:166px}
 }
 @media(max-width:760px){.validity-actions{width:100%}.validity-more>summary{min-height:44px;padding:12px 0}}
}

/* Employment declarations: separate submission history from row actions. */
@media screen{
 .employment-submission{display:grid;gap:3px;line-height:1.45;overflow-wrap:anywhere}
 .employment-submission small{color:#627481}
 .employment-actions{display:grid;justify-items:start;gap:4px}
 .employment-register-table .employment-actions button{white-space:nowrap;margin:0;overflow-wrap:normal;word-break:normal}
 .employment-actions summary{cursor:pointer;padding:7px 0;color:#17624f;min-height:32px}
 .employment-actions details>div{display:grid;justify-items:start;gap:6px;padding:4px 0}
 @media(min-width:761px){
 .employment-register-table .responsive-table{min-width:1170px;table-layout:auto;width:100%}
 .employment-register-table th,.employment-register-table td{vertical-align:top}
 .employment-register-table th:first-child,.employment-register-table td:first-child{min-width:95px;white-space:nowrap}
 .employment-register-table th:nth-child(2),.employment-register-table td:nth-child(2){min-width:170px}
 .employment-register-table td:nth-child(3),.employment-register-table td:nth-child(4){min-width:115px;white-space:nowrap}
 .employment-register-table th:nth-child(3),.employment-register-table th:nth-child(4){min-width:115px}
 .employment-register-table td:nth-child(5){min-width:150px}
 .employment-register-table td:nth-child(6){min-width:185px;max-width:250px}
 .employment-register-table td:last-child{min-width:210px;width:210px}
 .employment-register-table .erp-sort-header{word-break:normal;overflow-wrap:normal}
 }
 @media(max-width:760px){.employment-actions summary{min-height:44px;padding:12px 0}.employment-submission{max-width:100%}}
}

@media screen and (min-width:761px){.employment-register-table th:last-child,.employment-register-table td:last-child{position:sticky;right:0;background:#fff;box-shadow:-2px 0 0 #dfe6eb;z-index:1}.employment-register-table th:last-child{background:#f4f7f9;z-index:2}}

/* Declaration workbench follows preparation, reporting and submission history. */
.declaration-tabs{display:flex;flex-wrap:wrap;gap:4px;border-bottom:1px solid #cad8d1;margin:0 0 12px;padding:0 0 6px}
.declaration-tabs button{margin:0;min-height:44px;border-radius:3px;padding:10px 16px;background:#fff;color:#334e45;border:1px solid #d5e1dc}
.declaration-tabs button[aria-pressed="true"]{background:#e4f3ed;border-color:#087d65;color:#075c49;box-shadow:inset 0 -3px #087d65;font-weight:650}
.declaration-workspace .declaration-filters{align-items:center;gap:12px;margin-bottom:14px}
.declaration-delivery-note{padding:9px 12px;margin:0 0 16px;border-left:3px solid #8ca99b;background:#f3f7f5;font-size:13px;line-height:1.5;color:#425f52}
.declaration-stage{margin:20px 0 14px}.declaration-stage h2{font-size:17px;margin:0 0 6px}.declaration-stage p{margin:0}
.declaration-workspace .panel-body>.panel{margin:14px 0 0}.declaration-workspace>.panel>.panel-body>button{margin:6px 0 12px}
.declaration-workspace>details.panel:last-child{margin-top:20px}
@media(max-width:760px){.declaration-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.declaration-tabs button{white-space:normal;text-align:left;padding:10px;font-size:13px}.declaration-workspace .declaration-filters .mini{flex-basis:100%}.declaration-stage h2{font-size:16px}.declaration-workspace .panel-body{padding:10px}}

.declaration-workspace .declaration-tabs{flex-direction:row;width:100%;padding:0 0 6px}.declaration-workspace .declaration-tabs button{width:auto;flex:0 1 auto}.declaration-workspace .panel-body>.mini:first-child{margin-top:0}@media(max-width:760px){.declaration-workspace .declaration-tabs button{width:100%}}

/* Monthly payroll follows the same order as the accounting workflow. */
.payroll-workspace .payroll-stage-links{display:flex;flex-direction:row;flex-wrap:wrap;width:100%;gap:6px;padding:0;margin:0 0 14px}
.payroll-stage-links a{padding:10px 14px;border:1px solid #d4e0da;background:#fff;border-radius:3px;color:#17624f;min-height:44px;text-decoration:none;line-height:1.5}
.payroll-stage-links a:hover,.payroll-stage-links a:focus-visible{background:#e5f2ec;border-color:#087d65}
.payroll-workspace>section{scroll-margin-top:90px}.payroll-instructions ol{padding-left:24px;margin:0}.payroll-instructions li{padding:8px 0;border-bottom:1px solid #e3e9e5}.payroll-instructions h3{font-size:15px;margin:0 0 6px}.payroll-instructions li p{margin:6px 0;line-height:1.6}
.payroll-row-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:start}.payroll-register-table .payroll-row-actions button{margin:0;white-space:nowrap}.payroll-row-actions details{flex-basis:100%}.payroll-row-actions summary,.payroll-check-details>summary{cursor:pointer;padding:9px 0;color:#17624f}.payroll-row-actions details>div{display:flex;flex-wrap:wrap;gap:6px;padding:4px 0}
.payroll-check-details{margin:0 14px 14px}.payroll-workspace .panel-body>.panel{margin:12px 0}.payroll-workspace .panel-body>.mini:first-child{margin-top:0}
@media(min-width:761px){.payroll-register-table .responsive-table{min-width:1060px;table-layout:auto}.payroll-register-table td:first-child{min-width:170px}.payroll-register-table td:nth-child(2){white-space:nowrap;min-width:90px}.payroll-register-table td:nth-child(3),.payroll-register-table td:nth-child(4){white-space:nowrap;min-width:105px}.payroll-register-table td:nth-child(5){min-width:115px;white-space:nowrap}.payroll-register-table td:nth-child(6){min-width:170px;max-width:240px}.payroll-register-table td:last-child,.payroll-register-table th:last-child{position:sticky;right:0;min-width:210px;width:210px;background:#fff;box-shadow:-2px 0 0 #dfe6eb;z-index:1}.payroll-register-table th:last-child{background:#f4f7f9;z-index:2}}
@media(max-width:760px){.payroll-workspace .payroll-stage-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.payroll-stage-links a{padding:10px;font-size:13px}.payroll-row-actions summary,.payroll-check-details>summary{min-height:44px;padding:12px 0}.payroll-workspace>section{scroll-margin-top:70px}.payroll-instructions ol{padding-left:18px}}

.month-closing-wizard{border-left:3px solid #087d65!important}.month-closing-wizard>.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.month-closing-wizard h2{font-size:18px;margin:12px 0}.month-closing-wizard p{line-height:1.6}.month-wizard-progress{font-size:13px;color:#17624f;font-weight:650}.month-wizard-ok{padding:10px;background:#e8f4ec;color:#236442}.month-wizard-controls{display:flex;justify-content:space-between;gap:8px;padding-top:10px}.month-closing-wizard li{margin:5px 0;overflow-wrap:anywhere}@media(max-width:760px){.month-closing-wizard>.panel-title{align-items:start}.month-closing-wizard h2{font-size:16px}.month-closing-wizard button{min-height:44px;white-space:normal}.month-closing-wizard .toolbar{padding:6px;gap:6px}}