/* Payroll owns its layout; shares the credit typography and root colour tokens. */
.attendance-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.attendance-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.attendance-calendar label{min-width:0;font-size:14px}.attendance-calendar select{width:100%;padding:8px 4px!important;font-size:13px!important}.attendance-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:start}.attendance-actions label{max-width:260px}#attendance-error{color:var(--red)}#attendance-result{max-width:850px;margin:28px auto}#payroll-workspace h3{margin-top:28px}#payroll-quick>summary{padding:8px}#attendance-result .result-row{flex-wrap:wrap}#payroll-workspace input:not([type=checkbox]){min-width:0;width:100%}@media(max-width:900px){.attendance-calendar{grid-template-columns:repeat(4,minmax(0,1fr))}.attendance-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.attendance-fields{grid-template-columns:minmax(0,1fr)}.attendance-calendar{grid-template-columns:repeat(2,minmax(0,1fr))}}@media print{.payroll>header,#payroll-quick,#payroll-workspace>h2,#payroll-workspace>p,#payroll-workspace>details,#payroll-workspace>button{display:none!important}#payroll-workspace{border:0;padding:0;margin:0}#attendance-result{margin:0}#attendance-result .result-row{padding:3px 0;font-size:12px}.payroll{padding:0!important}}
*{box-sizing:border-box}body{margin:0;background:var(--bg,var(--bg));color:var(--ink,var(--text));font:16px/1.5 Inter,Arial,sans-serif}.payroll{max-width:1250px;margin:auto;padding:24px 20px 100px}.payroll header,.section-heading{display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap}h1{font-size:clamp(24px,3vw,34px);line-height:1.2;margin:0}h2{font-size:21px;margin:0 0 14px}p{margin:12px 0}.notice,.card{background:var(--panel,var(--surface));border:1px solid var(--hairline,var(--hairline));border-radius:16px;padding:20px;margin:18px 0}.notice{border-left:4px solid var(--brass,#705b26)}.payroll-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.payroll-grid>.card{margin:0}.payroll label{display:flex;flex-direction:column;gap:6px;margin:0 0 14px}.payroll input:not([type=checkbox]),.payroll select,.payroll button{font:inherit;min-height:44px;border:1px solid var(--hairline,var(--hairline));border-radius:8px;padding:9px 12px;max-width:100%;color:inherit;background:var(--surface)}.payroll button{cursor:pointer;background:var(--brass,#705b26);color:var(--bg);font-weight:600}.payroll button:disabled{opacity:.5;cursor:default}.payroll :focus-visible{outline:3px solid var(--azure);outline-offset:2px}.help{font-size:14px;color:var(--muted)}#error{color:var(--red)}.result-row{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--hairline);padding:10px 0}.result-row strong{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.result-row.hero{font-size:21px;color:var(--brass,#705b26)}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:right;white-space:nowrap;border-bottom:1px solid var(--hairline);padding:12px 10px;font-variant-numeric:tabular-nums}th:first-child,td:first-child{text-align:left}tfoot{font-weight:700}summary{cursor:pointer;font-weight:600}a{color:var(--azure-metin,#3E8FE0)}.payroll input:not([type=checkbox]):disabled{background:#eef1f5}.dirty{opacity:.55}@media(max-width:700px){.payroll{padding:16px 12px 100px}.payroll-grid{grid-template-columns:minmax(0,1fr)}.card,.notice{padding:16px}.result-row{font-size:15px}.result-row.hero{font-size:19px}.payroll header{gap:8px}.payroll header label{width:120px}}@media print{form,#language,#download,.notice{display:none}.payroll{padding:0}.payroll-grid{display:block}.table-scroll{overflow:visible}table{font-size:10px}th,td{padding:4px}.card{break-inside:avoid}}
.company-payroll-table input:not([type=checkbox]){width:150px;min-width:120px}.company-payroll-table td:last-child{display:flex;gap:6px}.company-payroll-table td[data-result]{font-variant-numeric:tabular-nums}.company-attendance-editor{width:min(1100px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:0;border:1px solid var(--hairline);border-radius:14px;color:inherit;background:var(--surface)}.company-attendance-editor::backdrop{background:rgba(12,24,40,.6)}.company-attendance-editor>.section-heading{padding:12px 18px;border-bottom:1px solid var(--hairline)}.company-editor-body{overflow:auto;max-height:calc(100dvh - 115px);padding:0 14px}.company-editor-body #payroll-workspace{margin:12px 0}.company-attendance-editor .attendance-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.company-attendance-editor input:not([type=checkbox]),.company-attendance-editor select,.company-attendance-editor button{font:inherit;min-height:44px;border:1px solid var(--hairline);border-radius:8px;padding:9px 12px;max-width:100%}.company-attendance-editor label{display:flex;flex-direction:column;gap:6px}.company-attendance-editor .attendance-calendar label{min-width:0}.company-attendance-editor .attendance-fields label{min-width:0}.company-attendance-editor button{cursor:pointer}.company-attendance-editor .attendance-actions{margin:12px 0}#company-payroll-error{color:var(--red)}@media(max-width:600px){.company-attendance-editor .attendance-fields{grid-template-columns:minmax(0,1fr)}.company-attendance-editor .attendance-calendar{grid-template-columns:repeat(2,minmax(0,1fr))}.company-editor-body{padding:0 8px}}@media print{body:has(#company-attendance-editor[open]) main{display:none!important}.company-attendance-editor[open]{position:static;max-height:none;width:100%;border:0}.company-attendance-editor>.section-heading{display:none}.company-editor-body{max-height:none;overflow:visible;padding:0}#company-payroll-workspace .attendance-actions,#company-payroll-workspace td:last-child,#company-payroll-workspace th:last-child{display:none!important}#company-payroll-workspace{break-inside:auto}#company-payroll-workspace table input:not([type=checkbox]){width:100%;min-width:0;border:0;padding:0;font-size:9px}#company-payroll-workspace table{table-layout:fixed;font-size:9px}#company-payroll-workspace th,#company-payroll-workspace td{white-space:normal;overflow-wrap:anywhere}}
/* Compact company worksheet controls retain readable, explicit labels. */
#company-payroll-workspace .attendance-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0}
#company-payroll-workspace .attendance-actions>*{flex:0 1 auto;min-width:0;font-size:14px}
#company-payroll-workspace .attendance-actions>input:not([type=checkbox]),#company-payroll-workspace .attendance-actions>select{width:190px}
#company-payroll-workspace .attendance-actions>label{max-width:280px;font-size:13px}
#company-payroll-workspace .attendance-actions input[type=file]{width:100%;padding:5px;font-size:13px}
.company-payroll-table th,.company-payroll-table td{padding:7px 6px}
.company-payroll-table input:not([type=checkbox]){width:128px;min-width:100px;min-height:36px;padding:6px 8px;font-size:14px}
.company-payroll-table input[data-field=employee]{width:170px}
.company-payroll-table input[data-field=employeeCode]{width:100px}
.company-payroll-table td:last-child button{min-height:36px;padding:6px 8px;font-size:13px}
@media(max-width:600px){#company-payroll-workspace .attendance-actions>input:not([type=checkbox]),#company-payroll-workspace .attendance-actions>select{flex:1 1 130px;width:130px}#company-payroll-workspace .attendance-actions>label{max-width:100%}}
/* Spreadsheet workspace: borders belong to cells, never to inset form boxes. */
.payroll{max-width:1600px;padding:20px 18px 90px;font-size:14px}
#company-payroll-workspace,#payroll-workspace{border-radius:3px;padding:12px;margin:14px 0;box-shadow:none;min-width:0}
#company-payroll-workspace h2,#payroll-workspace h2{font-size:18px;margin:0 0 6px}
#company-payroll-workspace>p,#payroll-workspace>p{font-size:13px;margin:6px 0;color:var(--muted)}
#company-payroll-workspace .attendance-actions{gap:5px;margin:9px 0;align-items:center}
#company-payroll-workspace .attendance-actions>*,#company-payroll-workspace .attendance-actions input:not([type=checkbox]),#company-payroll-workspace .attendance-actions select,#company-payroll-workspace .attendance-actions button{font-size:12px;min-height:30px;padding:4px 8px;border-radius:3px;margin:0}
#company-payroll-workspace .attendance-actions>input:not([type=checkbox]),#company-payroll-workspace .attendance-actions>select{width:155px}
#company-payroll-workspace .attendance-actions>label{display:flex;flex-direction:row;align-items:center;gap:6px;max-width:none}
#company-payroll-workspace .attendance-actions input[type=file]{width:200px}
.company-payroll-table,.payroll-cell-table{border-collapse:collapse;border:1px solid var(--hairline);font:13px/1.3 Inter,Arial,sans-serif;margin:0}
.company-payroll-table th,.company-payroll-table td,.payroll-cell-table th,.payroll-cell-table td{height:30px;border:1px solid var(--hairline);padding:0 6px;white-space:nowrap}
.company-payroll-table th,.payroll-cell-table th{background:var(--surface-2);color:var(--text);font-weight:600;text-align:left}
.company-payroll-table thead th{position:sticky;top:0;z-index:3}
.company-payroll-table td{background:var(--surface)}
.company-payroll-table tr:nth-child(even) td{background:var(--surface-2)}
.company-payroll-table td:focus-within,.payroll-cell-table td:focus-within{outline:2px solid var(--azure);outline-offset:-2px;background:var(--surface-2)}
.company-payroll-table input:not([type=checkbox]),.payroll-cell-table input:not([type=checkbox]),.payroll-cell-table select,#payroll-workspace .payroll-cell-table input:not([type=checkbox]),.company-attendance-editor .payroll-cell-table input:not([type=checkbox]),.company-attendance-editor .payroll-cell-table select{display:block;border:0!important;border-radius:0!important;box-shadow:none!important;outline-offset:-2px;min-height:28px!important;height:28px;padding:3px 5px!important;background:transparent!important;font:13px/1.3 Inter,Arial,sans-serif!important;color:var(--text);max-width:none;margin:0;width:100%;min-width:0}
.company-payroll-table td:has(input:not([type=checkbox])){padding:0}
.company-payroll-table input:not([type=checkbox]){width:118px;min-width:118px}
.company-payroll-table input[data-field=employee]{width:165px}
.company-payroll-table input[data-field=employeeCode]{width:85px;min-width:85px}
.company-payroll-table th:first-child,.company-payroll-table td:first-child{position:sticky;left:0;min-width:40px;width:40px;z-index:2;background:var(--surface-2);text-align:center}
.company-payroll-table th:nth-child(2),.company-payroll-table td:nth-child(2){position:sticky;left:40px;z-index:2;box-shadow:1px 0 var(--hairline)}
.company-payroll-table thead th:first-child,.company-payroll-table thead th:nth-child(2){z-index:4;background:var(--surface-2)}
.company-payroll-table td:last-child{display:table-cell;white-space:nowrap}
.company-payroll-table td:last-child button{min-height:24px;height:24px;padding:2px 5px;border-radius:2px;font-size:11px;margin:1px 2px}
#company-payroll-workspace .table-scroll{max-height:430px;border-bottom:1px solid var(--hairline)}
.payroll-sheet-nav{display:flex;overflow:auto;gap:0;border-bottom:2px solid var(--brass-dim);background:var(--surface-2);margin:12px 0;position:sticky;top:0;z-index:5}
.payroll-sheet-nav button,.company-attendance-editor .payroll-sheet-nav button{border:0;border-right:1px solid var(--hairline);border-radius:0;background:transparent;color:var(--text);white-space:nowrap;font-size:13px;min-height:34px;padding:6px 12px}
.payroll-sheet-nav button:hover,.payroll-sheet-nav button[aria-current]{background:var(--brass-dim);color:var(--bg)}
#attendance-form{min-width:0}
#attendance-form h3{font-size:14px;margin:16px 0 0;padding:7px 9px;background:var(--surface-2);border:1px solid var(--hairline);color:var(--text)}
#attendance-form>p{font-size:12px;margin:7px 0;color:var(--muted)}
#attendance-form .attendance-fields{display:block;margin:0;scroll-margin-top:45px}
.field-sheet{table-layout:fixed}
.field-sheet th{width:48%;white-space:normal;font-weight:500}
.field-sheet td{padding:0}
.payroll-cell-table td{background:var(--surface)}
.payroll-cell-table input[type=number]{text-align:right}
.attendance-calendar,.company-attendance-editor .attendance-calendar{display:block;overflow:auto;max-width:100%;margin:0;border-bottom:1px solid var(--hairline);scroll-margin-top:45px}
.daily-sheet{width:max-content}
.daily-sheet th,.daily-sheet td{min-width:118px;text-align:center}
.daily-sheet th:first-child,.daily-sheet td:first-child{position:sticky;left:0;z-index:2;min-width:100px;background:var(--surface-2);text-align:left}
.daily-sheet select,.daily-sheet input:not([type=checkbox]){width:130px!important}
.leave-range{display:flex;flex-wrap:wrap;gap:5px;padding:6px;border:1px solid var(--hairline);background:var(--surface-2)}
.leave-range input:not([type=checkbox]),.leave-range select,.leave-range button,.company-attendance-editor .leave-range input:not([type=checkbox]),.company-attendance-editor .leave-range select,.company-attendance-editor .leave-range button{min-height:30px;font-size:12px;border-radius:2px;padding:3px 6px;width:auto!important}
.leave-range span{font-size:12px;align-self:center;color:var(--muted)}
#attendance-form>.payroll-cell-table{table-layout:fixed}
#attendance-form>.payroll-cell-table th:first-child{width:42%;white-space:normal}
#attendance-form>.payroll-cell-table th:nth-child(2){width:20%}
#attendance-form>.payroll-cell-table td{padding:0}
#attendance-result{max-width:none;margin:16px 0}
#attendance-result .result-row{font-size:13px;min-height:30px;padding:5px 8px;border:1px solid var(--hairline);border-top:0;gap:8px}
#attendance-result .result-row:nth-child(even){background:var(--surface-2)}
#attendance-result .result-row.hero{font-size:15px;font-weight:700;background:var(--surface-2)}
.payroll-excluded{border-left:4px solid var(--amber);background:var(--surface-2);padding:10px;font-size:13px}
.payroll-excluded p{margin:3px 0}
.payroll-method-note{font-size:12px;color:var(--muted);margin:5px 0}.payroll-method-note p{margin:6px 0}.payroll-method-note summary{font-weight:500}#attendance-form>[id]{scroll-margin-top:48px}
[data-money="1"]{text-align:right;font-variant-numeric:tabular-nums}
@media(max-width:600px){.company-payroll-table th:nth-child(2),.company-payroll-table td:nth-child(2){position:static;left:auto;box-shadow:none}.company-payroll-table th:first-child,.company-payroll-table td:first-child{min-width:40px;width:40px}#payroll-sheet-help{font-size:11px;margin:6px 0}}
.company-attendance-editor{width:min(1360px,calc(100vw - 20px));border-radius:4px;font:14px/1.4 Inter,Arial,sans-serif}
.company-attendance-editor>.section-heading{display:grid;grid-template-columns:64px minmax(0,1fr) 64px;padding:8px 12px;gap:8px;background:var(--surface-2)}
.company-attendance-editor>.section-heading h2{grid-column:2;min-width:0;font-size:17px;margin:0}
.company-attendance-editor>.section-heading button{grid-column:3;justify-self:end;min-height:30px;padding:3px 10px;border-radius:3px;font-size:13px}
.company-editor-body{padding:0 10px;max-height:calc(100dvh - 84px)}
.company-editor-body #payroll-workspace{border:0;padding:0}
.company-editor-body #payroll-workspace>h2,.company-editor-body #payroll-workspace>p:first-of-type{display:none}
@media(max-width:600px){.payroll{padding:12px 8px 90px}#company-payroll-workspace,#payroll-workspace{padding:8px}.payroll-sheet-nav button{padding:6px 9px}.field-sheet th{width:54%}.payroll-cell-table th,.payroll-cell-table td{font-size:12px}#company-payroll-workspace .attendance-actions>label{width:100%;flex-wrap:wrap}#attendance-form>.payroll-cell-table th:first-child{width:40%}#attendance-form>.payroll-cell-table th:nth-child(2){width:24%}.company-editor-body{padding:0 6px}.leave-range input:not([type=checkbox]){max-width:46%!important}}
@media print{.payroll-sheet-nav,.leave-range{display:none!important}.payroll-excluded{break-inside:avoid}.payroll-cell-table th,.payroll-cell-table td{white-space:normal;overflow-wrap:anywhere}.company-payroll-table th,.company-payroll-table td{position:static!important}}

/* Work first: one compact header, primary company controls, worksheet, then help. */
.payroll h1,.payroll h2,.payroll h3,.company-attendance-editor h2,.company-attendance-editor h3,.payroll th{text-align:center}.payroll header{justify-content:center}.payroll header>div{width:100%;text-align:center}.payroll-support{margin:10px 0;color:var(--muted);font-size:12px}.payroll-support>summary{cursor:pointer;font-weight:600}.payroll-support .attendance-actions{margin:6px 0!important}.payroll button{color:var(--bg)}.payroll-sheet-nav button{color:var(--text)}.payroll-sheet-nav button[aria-current]{color:var(--bg)}
@media(max-width:600px){.payroll{padding:0 8px 80px}.payroll header{padding:8px 0;gap:0}.payroll h1{font-size:18px;line-height:24px;font-weight:600}.payroll header p{display:none}#company-payroll-workspace{padding:0;border:0;margin:0;background:transparent}#company-payroll-workspace>h2{display:none}#company-payroll-workspace>.attendance-actions{margin:0 0 6px;display:flex;flex-wrap:wrap;gap:4px}#company-payroll-workspace>.attendance-actions>*{min-height:30px;padding:3px 5px;font-size:11px}#company-payroll-workspace>.attendance-actions>select{width:110px;flex:1 1 110px}#company-payroll-workspace>.attendance-actions>button{flex:0 0 auto}.payroll-support{margin:6px 0}#company-payroll-error:empty{display:none}}
@media print{body{background:white!important;color:black!important}.payroll-support{display:none}}
@media(max-width:600px){
.company-payroll-table input:not([type=checkbox]),.payroll-cell-table input:not([type=checkbox]),.payroll-cell-table select,#payroll-workspace .payroll-cell-table input:not([type=checkbox]),.company-attendance-editor .payroll-cell-table input:not([type=checkbox]),.company-attendance-editor .payroll-cell-table select{font-size:16px!important;min-height:44px!important;height:44px!important}
.company-attendance-editor .leave-range input:not([type=checkbox]),.company-attendance-editor .leave-range select{font-size:16px!important;min-height:44px!important}
}
@media(max-width:600px){
.payroll button,.company-attendance-editor button,.payroll select,.company-attendance-editor select,#company-payroll-workspace .attendance-actions button,.company-attendance-editor>.section-heading button,.company-attendance-editor .payroll-sheet-nav button,.company-attendance-editor .leave-range button,.company-payroll-table td:last-child button{min-height:44px!important;height:auto;box-sizing:border-box}
}
@media(max-width:600px){.company-payroll-table td:last-child button{margin-block:0}}

/* Header filters are worksheet controls, not primary actions. */
.company-payroll-table th .mmg-grid-filter-toggle,.payroll-cell-table th .mmg-grid-filter-toggle{background:transparent;color:var(--text);border:0;padding:2px;box-shadow:none;min-width:24px;vertical-align:middle}.company-payroll-table tr.mmg-suz[hidden],.payroll-cell-table tr.mmg-suz[hidden]{display:none!important}

.payroll-cell-table thead th,.payroll-cell-table thead th.mmg-sirala{white-space:normal;overflow-wrap:normal;word-break:normal}

/* Child allowance controls stay within the employee worksheet. */
#pay-child-items input[type=checkbox]{width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;margin:0;vertical-align:middle;accent-color:var(--accent,#167363)}
#pay-child-add,#pay-child-items button{font:inherit;line-height:20px;padding:3px 8px;min-height:28px!important;border:1px solid var(--hairline);border-radius:4px;background:var(--surface-2);color:var(--text);cursor:pointer}
#pay-child-add{margin:6px 0}
#pay-child-items{width:100%;table-layout:fixed}
#pay-child-items th{text-align:center}
#pay-child-items td:nth-child(3),#pay-child-items td:last-child{text-align:center}
#pay-child-items th:nth-child(3){width:40px}#pay-child-items th:last-child{width:32px}

@media screen{html body dialog#company-attendance-editor{position:fixed!important;inset:0!important;margin:auto!important;transform:none!important;box-sizing:border-box!important;max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 24px)!important;overflow:auto!important}}