.payroll-basis{max-width:var(--ui-page-max);margin:auto}.payroll-basis h1{font-size:var(--ui-text-title);letter-spacing:var(--ui-tracking-title);font-weight:var(--ui-weight-title);line-height:1.2}.payroll-basis p,.payroll-basis-dialog p{color:var(--ui-text-secondary);line-height:1.6}.basis-filters{gap:var(--ui-toolbar-gap) 12px;flex-wrap:wrap;align-items:flex-end;margin:0 0 16px;display:flex}.basis-filters label{flex:1;gap:8px;min-width:220px;display:grid}.basis-filters input,.basis-filters select,.basis-action textarea{border:1px solid var(--ui-border-strong);border-radius:var(--ui-radius-md);font:inherit;background:var(--ui-surface);box-sizing:border-box;max-width:100%;min-height:var(--ui-control-h-lg);padding:12px;font-size:16px}.basis-list{border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);overflow:hidden}.basis-list:empty{display:none}.basis-row{text-align:left;border:0;border-bottom:1px solid var(--ui-border);background:var(--ui-surface);width:100%;font:inherit;cursor:pointer;justify-content:space-between;align-items:center;gap:24px;padding:22px;display:flex}.basis-row:last-child{border:0}.basis-row:hover{background:var(--ui-surface-subtle)}.basis-row span{overflow-wrap:anywhere;min-width:0}.basis-row small,.basis-components small,.basis-components span{color:var(--ui-muted);margin-top:6px;display:block}.basis-pages{flex-wrap:wrap;align-items:center;gap:12px;margin:20px 0;display:flex}.basis-pages>span{margin-right:auto}.basis-note{background:var(--ui-surface-sunken);border-radius:var(--ui-radius-lg);padding:15px 18px}.payroll-basis-dialog{width:min(860px,100vw - 24px)!important}.basis-totals{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0;display:grid}.basis-totals>div{background:var(--ui-surface-subtle);border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);padding:16px}.basis-totals span,.basis-totals strong{overflow-wrap:anywhere;display:block}.basis-totals span{font-size:var(--ui-text-md);color:var(--ui-text-secondary)}.basis-totals strong{font-size:var(--ui-text-2xl);margin-top:8px}.basis-links{flex-wrap:wrap;gap:10px;margin:20px 0;display:flex}.basis-components article{border-top:1px solid var(--ui-border);justify-content:space-between;gap:24px;padding:18px 0;display:flex}.basis-components article>div{overflow-wrap:anywhere;min-width:0}.basis-components article>div:last-child{flex-shrink:0}.basis-action{border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);margin:24px 0;padding:20px}.basis-action label{gap:8px;margin-bottom:16px;display:grid}.basis-action textarea{width:100%;min-height:90px}.basis-action .basis-consent{align-items:flex-start;gap:10px;line-height:1.5;display:flex!important}.basis-consent input{flex:0 0 18px;height:18px;margin:2px 0;width:18px!important}.basis-history{border-top:1px solid var(--ui-border);gap:8px;padding:18px 0;display:grid}.basis-history p{margin:0}.basis-history button{justify-self:start}.basis-issues{color:var(--ui-warning);line-height:1.7}@media (width<=600px){.basis-row{flex-wrap:wrap;gap:12px;padding:16px}.basis-row>span:first-child{width:100%}.basis-totals{grid-template-columns:1fr}.basis-components article{display:block}.basis-components article>div:last-child{margin-top:12px}.basis-links .button{white-space:normal;text-align:left}.basis-action{padding:16px}}.payroll-basis-dialog>.dialog-scroll-content{overflow-wrap:anywhere;padding:24px}.payroll-basis-dialog>.dialog-heading{padding:20px 24px}.payroll-basis-dialog>.dialog-heading h2{font-size:var(--ui-text-xl);font-weight:600}@media (width<=600px){.payroll-basis-dialog>.dialog-scroll-content{padding:18px 16px}.payroll-basis-dialog>.dialog-heading{padding:16px}.payroll-basis-dialog>.dialog-heading h2{font-size:var(--ui-text-xl);font-weight:600}.payroll-basis-dialog .basis-links .button{box-sizing:border-box;width:100%}}.payroll-basis-dialog .basis-consent input[type=checkbox]{box-sizing:border-box;min-width:18px;min-height:18px;accent-color:var(--ui-ink);outline-offset:3px;border:0;padding:0}