/* Page structure only. Shared inputs, tables and dialogs use the site system. */
.tg-management{display:grid;gap:12px;min-width:0;width:100%;max-width:100%}
.tg-management>*{min-width:0;max-width:100%}
.tg-management :is(h2,h3){margin:0 0 10px;font-size:16px;line-height:1.35;font-weight:600}
.tg-management :is(.wf-card,.km-card,.payroll-panel,.debt-section){border-radius:10px;padding:12px;box-shadow:none}
.tg-management :is(.card,.wf-card,.km-card,.payroll-panel)>:last-child{margin-bottom:0}
.tg-management :is(table td b,table td strong){font-weight:500}
.tg-management :is(.wf-num,.km-money,.kpi-number){font-variant-numeric:tabular-nums;font-weight:500}
.tg-management-toolbar,.tg-management-heading{display:flex;align-items:center;justify-content:space-between;gap:8px 12px;flex-wrap:wrap;min-width:0}
.tg-management-toolbar{padding:10px 12px;background:rgb(var(--surface));border:1px solid rgb(var(--line));border-radius:10px}
.tg-management-heading :is(h1,h2,h3){margin:0}
.tg-management-heading h1{font-size:24px;font-weight:600;line-height:1.25}
.tg-management-filters,.tg-management-actions{display:flex;align-items:end;gap:8px;flex-wrap:wrap;min-width:0;margin:0}
.tg-management-filters{flex:1 1 400px}
.tg-management-filters>label{display:grid;gap:4px;flex:0 1 190px;min-width:0;max-width:260px;margin:0;font-size:12px;font-weight:400;color:rgb(var(--muted))}
.tg-management-filters>label.search-field{flex:1 1 200px;max-width:420px}
.tg-management-filters :is(input,select){max-width:100%;min-width:0;width:100%;box-sizing:border-box}
.tg-management-actions{flex:0 1 auto;align-items:center}
.tg-management-actions :is(a,button){white-space:normal;text-align:center}
.tg-management :is(.wf-kpi,.debt-summary){margin:0;gap:8px}
.tg-management .wf-kpi .wf-card{padding:10px 12px;min-height:0}
.tg-management .wf-kpi .wf-card small{font-size:12px;font-weight:400}
.tg-management .wf-kpi .wf-card b{font-size:22px;font-weight:600}
.tg-management .tg-inline-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;align-items:end}
.tg-management .tg-inline-form>label{display:grid;gap:4px;min-width:0;margin:0;font-size:12px;font-weight:400}
.tg-management .tg-inline-form :is(input,select){width:100%;min-width:0;box-sizing:border-box}
.tg-management .tg-inline-form .wide-field{grid-column:span 2}
.tg-management .admin-destinations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.tg-management .admin-destinations a{min-width:0;border:1px solid rgb(var(--line));border-radius:8px;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;color:inherit;text-decoration:none;font-size:14px;font-weight:400;background:rgb(var(--surface))}
.tg-management .admin-destinations a:hover{background:rgb(var(--surface-2));border-color:rgb(var(--brand) / .45)}
.tg-management .admin-destinations a span:last-child{flex:0 0 auto;color:rgb(var(--muted))}
.tg-management .wf-rate-table{min-width:0;width:100%;table-layout:fixed}
.tg-management .wf-rate-table td{overflow-wrap:normal;word-break:normal}
.tg-management .wf-rate-table th:first-child{width:28%}
.tg-management .wf-rate-table small{display:block;color:rgb(var(--muted));font-size:11px;line-height:1.35;margin-top:3px}
.tg-management .wf-rate-table form{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0}
.tg-management .wf-rate-table form>input[type=number]{flex:1 1 100px;min-width:0;width:100%}
.tg-management .wf-rate-table form>small{flex-basis:100%}
.tg-management .wf-rate-table form>button{width:auto}
.tg-management .wf-rate-table input{max-width:100%;min-width:0;box-sizing:border-box}
.tg-management .payroll-panel{margin-top:0!important}
.tg-management.payroll-page{gap:12px}
.tg-management .payroll-filter{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px;align-items:end;margin:0}
.tg-management .payroll-filter>div{min-width:0}
.tg-management .payroll-filter-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;grid-column:1/-1}
.tg-management .payroll-filter label,.tg-management .payroll-form label{font-size:12px;font-weight:400;margin-bottom:4px}
.tg-management .pay-btn{font-weight:500!important;border-radius:7px!important;padding-inline:12px!important}
.tg-management .pay-tabs{gap:6px;margin-top:10px}
.tg-management .pay-tab{border-radius:6px;padding:6px 10px;font-weight:500;font-size:12px}
.tg-management .employee-list{gap:0;border:1px solid rgb(var(--line));border-radius:8px;overflow:hidden}
.tg-management .employee-row{border:0;border-bottom:1px solid rgb(var(--line));border-radius:0;box-shadow:none;background:rgb(var(--surface))}
.tg-management .employee-row:last-child{border-bottom:0}
.tg-management .employee-row summary{grid-template-columns:30px minmax(140px,1.8fr) repeat(4,minmax(0,1fr)) minmax(90px,.9fr);gap:8px;padding:10px 12px;background:none}
.tg-management .employee-row summary>*{min-width:0}
.tg-management .pay-index{width:auto;height:auto;display:block;background:none;color:rgb(var(--muted));border-radius:0;box-shadow:none;font-size:12px;font-weight:400}
.tg-management .emp-name{font-size:14px;font-weight:500}
.tg-management .emp-phone{font-size:11px;margin-top:2px}
.tg-management .emp-metric strong{font-size:12px;font-weight:500;line-height:1.4}
.tg-management .emp-metric b{font-size:10px;font-weight:400}
.tg-management .status-pill{padding:4px 6px;border-radius:5px;font-size:11px;font-weight:500}
.tg-management .employee-body{padding:12px;background:rgb(var(--surface-2))}
.tg-management :is(.summary-box,.mini-card,.balance-box){border-radius:8px;padding:10px}
.tg-management .summary-grid{gap:8px;margin-bottom:12px}
.tg-management .summary-box strong{font-size:15px;font-weight:600}
.tg-management .summary-box b{font-size:11px;font-weight:400}
.tg-management .history{margin-top:10px;border-radius:8px}
.tg-management .driver-stat{min-height:0;padding:10px;border-radius:8px;background:rgb(var(--surface));color:rgb(var(--fg));border:1px solid rgb(var(--line))}
.tg-management .driver-stat strong{font-size:17px}
.tg-management .driver-period-card{margin:0;border-radius:10px;padding:12px;box-shadow:none;background:rgb(var(--surface-2))}
.tg-management .driver-period-head{gap:10px;margin-bottom:10px}
.tg-management .driver-period-head h2{font-size:17px}
.tg-management .driver-period-current{padding:8px 10px;min-width:0;border-radius:8px}
.tg-management .driver-period-form{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.tg-management .payroll-access-form{grid-template-columns:minmax(0,2fr) repeat(4,minmax(0,1fr))!important;gap:8px!important}
.tg-management .km-filter{grid-template-columns:1.6fr repeat(4,minmax(0,1fr));gap:8px;margin:0}
.tg-management .km-filter>div{min-width:0}
.tg-management .km-filter label{font-weight:400;font-size:12px}
.tg-management .km-grid{gap:8px}
.tg-management .km-stat{padding:10px 12px;border-radius:8px}
.tg-management .km-stat b{font-weight:400;font-size:11px}
.tg-management .km-stat strong{font-size:18px;font-weight:600}
.tg-management :is(.km-btn,.km-pill,.km-chip){font-weight:500;border-radius:7px}
.tg-management .km-table{min-width:0;width:100%;table-layout:fixed}
.tg-management .km-table .km-money{white-space:normal;word-break:normal}
.tg-management .km-people{font-size:11px}
.tg-management .km-create{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.tg-management .microloan-list-card{margin-top:0!important}
.tg-management .microloan-list-card .tg-management-filters{margin-bottom:10px}
.tg-management .microloan-create-card .form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.tg-management .microloan-create-card .form-grid>div{min-width:0}
.tg-management .microloan-file-upload{padding:10px;border-radius:8px;gap:8px}
.tg-management .microloan-file-upload .file-info{min-width:0}
.tg-management .microloan-file-upload .file-btn{height:34px;border-radius:6px;font-weight:500;font-size:12px;padding-inline:12px;box-shadow:none}
.tg-management .kpi-heading{gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:10px}
.tg-management .kpi-heading h2{font-size:16px;margin:0}
.tg-management .kpi-filters{gap:8px;margin:0;align-items:end;flex-wrap:wrap}
.tg-management .kpi-filters label{display:grid;gap:4px;margin:0;min-width:0;font-size:12px;font-weight:400;color:rgb(var(--muted))}
.tg-management .kpi-sales-layout{grid-template-columns:minmax(0,1fr) minmax(190px,240px);gap:12px}
.kpi-sales-table{min-width:0;width:100%}
.kpi-sales-table .tg-sheet-tools{display:flex;justify-content:flex-end;margin-bottom:8px}
.kpi-rate{border-top:1px solid #dce0e5;padding-top:12px;display:grid;gap:5px}
.kpi-rate strong{font-size:14px;letter-spacing:0}
.tg-management .kpi-summary{padding:12px;border-radius:8px}
.tg-management .kpi-summary strong{font-size:22px;font-weight:600}
.tg-management .kpi-template-list{gap:8px;margin-top:10px}
.tg-management .kpi-template{padding:10px;border-radius:8px;gap:8px}
.tg-management .kpi-template b{font-weight:500;font-size:13px}
.tg-management .kpi-template strong{font-weight:500;font-size:13px}
.tg-management .kpi-actions form{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;min-width:0;white-space:normal}
.tg-management .kpi-actions label{display:grid;gap:4px;min-width:0;font-size:12px;font-weight:400}
.tg-management .kpi-actions button{width:100%;max-width:100%;margin:0;white-space:normal}
.tg-management .debt-header{gap:10px}
.tg-management .debt-header h2{font-size:20px;margin:4px 0}
.tg-management .debt-summary>div{padding:10px 12px;border-radius:8px}
.tg-management .debt-summary strong{font-size:20px}
.tg-management .debt-actions-grid{gap:12px}
.tg-management .debt-form{gap:8px}
.tg-management.tg-dashboard .dash-hero{padding:16px 18px;border-radius:12px;margin:0}
.tg-management.tg-dashboard .dash-hero h2{font-size:20px;margin-bottom:4px}
.tg-management.tg-dashboard .dash-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.tg-management.tg-dashboard .kpi{padding:12px;border-radius:8px;gap:8px}
.tg-management.tg-dashboard .kpi b{font-size:24px;font-weight:600}
.tg-management.tg-dashboard .kpi small{font-size:11px;font-weight:400}
.tg-management.tg-dashboard .kpi-ico{display:none}
.tg-management.tg-dashboard :is(.hrx,.dash-cols,.birthday-card,.grid2){margin-top:0!important}
.tg-management.tg-dashboard .hrx-kpis{gap:0;border:1px solid rgb(var(--line));border-radius:8px;overflow:hidden}
.tg-management.tg-dashboard .hrx-kpi{border:0;border-right:1px solid rgb(var(--line));border-bottom:1px solid rgb(var(--line));border-radius:0;padding:10px 12px}
.tg-management.tg-dashboard .hrx-kpi:before{display:none}
.tg-management.tg-dashboard .hrx-kpi b{font-size:21px;font-weight:600}
.tg-management.tg-dashboard .hrx-kpi small{white-space:normal;font-size:11px;line-height:1.3}
.tg-management.tg-dashboard .hrx-mini{border-radius:8px}
.tg-management.tg-dashboard .hrx-mini-head b{font-weight:500}
@media(max-width:1100px){
 .tg-management .admin-destinations{grid-template-columns:repeat(2,minmax(0,1fr))}
 .tg-management .employee-row summary{grid-template-columns:28px minmax(120px,1.8fr) repeat(3,minmax(0,1fr)) minmax(86px,.9fr)}
 .tg-management .employee-row summary .hide-md{display:none}
 .tg-management.tg-dashboard .dash-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .tg-management .km-filter{grid-template-columns:repeat(3,minmax(0,1fr))}
 .tg-management .km-create,.tg-management .tg-inline-form{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
 .tg-management .payroll-filter,.tg-management .payroll-access-form{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .tg-management .employee-row summary{grid-template-columns:28px minmax(0,1fr) auto}
 .tg-management .employee-row summary .emp-metric{display:none}
 .tg-management .kpi-sales-layout{grid-template-columns:minmax(0,1fr)}
 .tg-management .kpi-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px}
 .tg-management .kpi-summary :is(h3,p){margin:0}
 .tg-management .kpi-summary strong{font-size:18px}
 .tg-management .microloan-create-card .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:520px){
 .tg-management-toolbar{padding:10px;align-items:stretch}
 .tg-management-filters,.tg-management-actions{flex-basis:100%}
 .tg-management-filters>label,.tg-management-filters>label.search-field{flex:1 1 145px;max-width:none}
 .tg-management-actions :is(a,button){flex:1 1 auto}
 .tg-management .admin-destinations{grid-template-columns:minmax(0,1fr)}
 .tg-management .payroll-filter,.tg-management .payroll-access-form{grid-template-columns:minmax(0,1fr)!important}
 .tg-management .km-filter,.tg-management .km-create,.tg-management .tg-inline-form,.tg-management .microloan-create-card .form-grid{grid-template-columns:minmax(0,1fr)}
 .tg-management .tg-inline-form .wide-field{grid-column:auto}
 .tg-management .driver-period-form{grid-template-columns:minmax(0,1fr)}
 .tg-management.tg-dashboard .dash-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .tg-management .km-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .tg-management .km-grid>.km-stat:first-child{grid-column:1/-1}
}