/* Finance list, amounts and fixed action slots. */
#content .finance-ready-list { display:block; overflow:auto; margin-top:12px; }
#content .finance-ready-list table { width:100%; min-width:820px; table-layout:auto; }
#content .finance-ready-list :is(th,td) { text-align:left; padding:12px 14px; vertical-align:middle; font-size:12px; white-space:normal; }
#content .finance-ready-list th { font-size:10px; letter-spacing:.06em; }
#content .finance-ready-list td small { display:block; margin-top:4px; color:#7b7569; }
#content .finance-ready-list input[type=checkbox] { width:18px; height:18px; min-height:18px; accent-color:#a8781c; }
#content .finance-ready-list button { white-space:nowrap; padding:9px 12px; font-size:11px; }
#content .finance-ready-list .finance-money { text-align:right; font-variant-numeric:tabular-nums; white-space:nowrap; }
#content .finance-register.v09-invoice-register .v09-actions { display:grid!important; grid-template-columns:repeat(3,32px); grid-auto-rows:32px; align-content:center; gap:5px; min-height:69px; width:106px!important; max-width:106px; margin:auto; }
#content .finance-register.v09-invoice-register .v09-actions :is(button,.finance-return-invoice) { width:32px!important; min-width:32px!important; max-width:32px!important; height:32px!important; min-height:32px!important; padding:0!important; margin:0!important; display:inline-flex!important; align-items:center; justify-content:center; font-size:18px!important; }
/* Override legacy four-column placements so no implicit fourth column clips actions. */
#content .finance-register.v09-invoice-register .v09-actions [data-view-invoice] { grid-area:1 / 1; }
#content .finance-register.v09-invoice-register .v09-actions :is([data-edit-purchase],[data-edit-sales-invoice]) { grid-area:1 / 2; }
#content .finance-register.v09-invoice-register .v09-actions [data-pay-invoice] { grid-area:1 / 3; }
#content .finance-register.v09-invoice-register .v09-actions [data-delete-invoice] { grid-area:2 / 3; }
#content .finance-register.v09-invoice-register .v09-actions .finance-return-invoice { grid-area:2 / 1; }
#content .finance-register table :is(th,td):last-child { width:144px!important; min-width:144px; padding-inline:8px!important; }
#content .finance-register table :is(th,td):nth-last-child(2) { width:150px; }
.finance-payment-balance { display:block; font-size:10px; color:#766946; line-height:1.5; margin-top:6px; }

/* Public job details and same-size success card: brand uses existing whitespace. */
#jobDetailsDialog .job-details-body { padding:26px 30px; }
#jobDetailsDialog dl { grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
#jobDetailsDialog dl > div { border:1px solid #e8e1d5; background:#f8f5ed; padding:14px; }
#jobDetailsDialog .job-description { font-size:15px; line-height:1.8; text-transform:none; }
#jobDetailsDialog .job-details-body section+section { border-top:1px solid #e8e1d5; margin-top:22px; padding-top:4px; }
#jobDetailsDialog :is(.close-dialog,[data-close-job]):not(footer button),#applicationForm >header .close-dialog { width:42px; height:42px; min-height:42px; padding:0; flex:0 0 42px; display:grid; place-items:center; line-height:1; }
#applicationForm .success-panel { position:relative; padding:80px 35px; }
#applicationForm .success-brand { position:absolute; top:16px; left:0; right:0; display:flex; justify-content:center; align-items:center; gap:10px; height:46px; }
#applicationForm .success-brand img { width:44px; height:44px; object-fit:contain; }
#applicationForm .success-brand span { font-size:10px; letter-spacing:.12em; text-transform:uppercase; color:#8b681d; }

/* Home-loan controls stay in their original step. */
.loan-aligned-form [hidden] { display:none!important; }
.loan-aligned-form .loan-identifier-note { font-size:11px; line-height:1.5; color:#8a651b; }
.loan-aligned-form .loan-commission-layout { grid-column:1/-1; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.loan-aligned-form .loan-commission-layout label { min-width:0; margin:0; width:auto!important; grid-column:auto!important; }
.loan-aligned-form .loan-commission-layout label input:not([type=checkbox]) { width:100%; min-width:0; box-sizing:border-box; }
.loan-aligned-form .loan-tax-pair { display:grid; grid-template-columns:minmax(120px,.85fr) minmax(100px,1fr); align-items:end; gap:12px; }
.loan-aligned-form .loan-tax-pair label:first-child { display:flex!important; flex-direction:row!important; align-items:center; gap:9px; min-height:44px!important; padding:0!important; border:0!important; background:none!important; }
.loan-aligned-form .loan-tax-pair input[type=checkbox] { width:18px!important; height:18px!important; min-height:18px!important; margin:0; flex:0 0 18px; }

/* Incentive Register only: shared label margins must not offset action controls. */
#content .incentive-register-v1812 { grid-template-columns:minmax(0,1fr); }
#content .incentive-register-v1812 > * { min-width:0; }
#content .incentive-register-v1812 > .section-title { display:grid; grid-template-columns:minmax(240px,1fr) 128px max-content max-content; gap:16px; align-items:end; padding:20px 24px; }
#content .incentive-register-v1812 > .section-title >div { align-self:center; min-width:0; }
#content .incentive-register-v1812 > .section-title h3 { margin:0 0 6px; }
#content .incentive-register-v1812 > .section-title p { margin:0; line-height:1.5; }
#content .incentive-register-v1812 :is(.section-title,.incentive-filter-bar,.incentive-settings) >label { margin:0; min-width:0; }
#content .incentive-register-v1812 :is(.section-title,.incentive-filter-bar,.incentive-settings) :is(input:not([type=checkbox]),select) { width:100%; min-width:0; height:44px; box-sizing:border-box; }
#content .incentive-register-v1812 :is(.section-title,.incentive-settings) >button { height:44px; min-height:44px; margin:0; align-self:end; white-space:nowrap; }
#content .incentive-register-v1812 .incentive-filter-bar { display:grid; grid-template-columns:minmax(0,520px) minmax(0,240px); gap:12px; }
#content .incentive-register-v1812 .incentive-filter-bar label { display:grid; gap:6px; font-size:12px; }
#content .incentive-register-v1812 .incentive-filter-bar :is(input,select) { border:1px solid #e4dac8; padding:8px 12px; border-radius:10px; }
#content .incentive-register-v1812 .incentive-settings { display:grid; grid-template-columns:minmax(220px,380px) max-content minmax(200px,240px) max-content; align-items:end; gap:12px 16px; padding:16px 20px; background:#fbf8f0; border:1px solid #e6dcc7; border-radius:16px; }
#content .incentive-register-v1812 .incentive-settings label { display:flex; flex-direction:column; gap:7px; font-size:12px; }
#content .incentive-register-v1812 .incentive-settings .incentive-toggle { flex-direction:row; align-items:center; min-height:44px; gap:8px; }
#content .incentive-register-v1812 .incentive-settings input[type=checkbox] { width:18px; height:18px; min-height:18px; margin:0; flex:0 0 18px; accent-color:#ab7c1b; }
#content .incentive-register-v1812 .incentive-settings p { grid-column:1/-1; margin:0; color:#766e5e; font-size:12px; line-height:1.5; }
#content .incentive-register-v1812 .incentive-settings [role=alert] { color:#9b3a28; }
#content .incentive-register-v1812 .incentive-settings [role=alert]:empty { display:none; }
.incentive-month-section { margin-top:28px; }
.incentive-month-section h3 { margin-bottom:6px; }
.incentive-month-section >p { color:#7c7468; font-size:12px; }
.incentive-months { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); grid-auto-rows:1fr; gap:10px; margin:16px 0; }
.incentive-months button { min-width:0; min-height:84px; text-align:left; padding:12px; border:1px solid #e6decd; border-radius:12px; background:#fcfaf4; color:#332e25; cursor:pointer; }
.incentive-months button :is(span,b,small) { display:block; line-height:1.5; }
.incentive-months button span { font-size:11px; color:#80745e; }
.incentive-months button b { font-size:14px; margin-top:4px; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.incentive-months button small { min-height:15px; font-size:10px; }
.incentive-months button:is(.selected,:hover) { background:#f4ecd8; border-color:#bc954b; }
.incentive-totals { display:flex; gap:24px; flex-wrap:wrap; padding:14px 0; font-size:13px; }
.incentive-register-v1812 .table { overflow:auto; }
.incentive-register-v1812 table { width:100%; min-width:720px; }
.incentive-register-v1812 td { font-size:12px; }
.incentive-register-v1812 td small { display:block; max-width:350px; color:#847a6a; margin-top:5px; }
.incentive-row-actions { display:flex; gap:7px; }
.incentive-row-actions button { width:34px; height:34px; padding:0; }
.incentive-employee-name { display:flex; align-items:center; justify-content:space-between; gap:10px; min-width:155px; }
.incentive-employee-name button,.incentive-row-actions button { display:inline-flex; align-items:center; justify-content:center; background:#fff; color:#48635c; border:1px solid #e2e6e2; border-radius:10px; width:34px; height:34px; padding:0; flex-shrink:0; cursor:pointer; }
.incentive-employee-name button:hover,.incentive-row-actions button:hover { background:#f2f6f3; border-color:#b9cbc2; }
.incentive-employee-name button:focus-visible,.incentive-row-actions button:focus-visible { outline:2px solid #ac8e4d; outline-offset:2px; }
#content .incentive-employee-table { min-width:1080px; }
#content .incentive-employee-table .incentive-money { text-align:right; white-space:nowrap; font-variant-numeric:tabular-nums; }
.incentive-detail-dialog .table { overflow:auto; }
.incentive-detail-dialog table { min-width:800px; width:100%; }
.incentive-detail-dialog table td { padding:12px; font-size:12px; }
.incentive-detail-dialog table small { display:block; max-width:350px; margin-top:6px; }
.incentive-entry-dialog { width:min(540px,calc(100vw - 24px)); max-height:calc(100dvh - 24px); border:1px solid #e5dbc6; padding:24px; border-radius:20px; background:#fcfaf4; overflow:auto; }
.incentive-entry-dialog header,.incentive-entry-dialog footer { display:flex; justify-content:space-between; align-items:center; gap:12px; }
.incentive-entry-dialog form { display:grid; gap:16px; }
.incentive-entry-dialog label { display:grid; gap:6px; font-size:12px; }
.incentive-entry-dialog :is(input,select,textarea) { min-height:44px; padding:10px 12px; border:1px solid #d9cfbb; border-radius:10px; }
.incentive-entry-dialog form p { font-size:12px; margin:0; }
.incentive-entry-dialog [role=alert] { color:#9b3a28; }
.incentive-entry-dialog.incentive-detail-dialog { width:min(1040px,calc(100vw - 32px)); box-sizing:border-box; }
@media(max-width:1100px) {
  #content .incentive-register-v1812 > .section-title { grid-template-columns:minmax(128px,1fr) max-content max-content; }
  #content .incentive-register-v1812 > .section-title >div { grid-column:1/-1; }
  #content .incentive-register-v1812 .incentive-settings { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
  #content .incentive-register-v1812 .incentive-settings .incentive-toggle { grid-column:2; }
}
@media(max-width:800px) {
  #content .incentive-register-v1812 .incentive-months { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:600px) {
  #content .incentive-register-v1812 > .section-title { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:18px; }
  #content .incentive-register-v1812 > .section-title >label { grid-column:1/-1; }
  #content .incentive-register-v1812 > .section-title >button { width:100%; padding-inline:8px; font-size:11px; }
  #content .incentive-register-v1812 :is(.incentive-filter-bar,.incentive-settings) { grid-template-columns:minmax(0,1fr); }
  #content .incentive-register-v1812 .incentive-settings { padding:16px; }
  #content .incentive-register-v1812 .incentive-settings >button { width:100%; }
  #content .incentive-register-v1812 .incentive-settings .incentive-toggle { flex-wrap:wrap; }
  #content .incentive-register-v1812 .incentive-settings .incentive-toggle { grid-column:auto; }
  #content .incentive-register-v1812 .incentive-months { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #content .incentive-register-v1812 .incentive-totals { gap:10px 18px; }
  #content .incentive-register-v1812 :is(.section-title,.incentive-filter-bar,.incentive-settings) :is(input:not([type=checkbox]),select) { font-size:16px; }
}
@media(max-width:650px) {
  #jobDetailsDialog dl { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #jobDetailsDialog .job-details-body { padding:18px; }
  #jobDetailsDialog >footer { flex-wrap:wrap; }
  #jobDetailsDialog >footer button { flex:1 1 auto; }
  .loan-aligned-form .loan-commission-layout { grid-template-columns:minmax(0,1fr); gap:16px; }
  .incentive-settings input:not([type=checkbox]),.incentive-entry-dialog :is(input,select,textarea) { font-size:16px; }
}
@media(prefers-reduced-motion:reduce) { body button { transition:none!important; transform:none!important; } }