/* V417 - Bang luong: dinh dang tien Viet Nam + UI chuyen nghiep */
.v417-bonus-policy{
  padding:0!important;overflow:hidden;background:var(--card)!important;
  border:1px solid var(--border)!important;border-radius:12px!important;
  align-items:stretch!important;
}
.v417-bonus-main{flex:1;padding:14px 16px;min-width:0}
.v417-bonus-title{display:flex;align-items:center;gap:10px}
.v417-bonus-icon{
  display:flex;align-items:center;justify-content:center;flex:none;width:34px;height:34px;
  border:1px solid var(--border);border-radius:9px;background:var(--muted);
  color:var(--foreground);font-size:15px;font-weight:800;
}
.v417-bonus-title strong{font-size:13.5px!important;line-height:1.3}
.v417-bonus-title span:not(.v417-bonus-icon){margin-top:2px!important;font-size:10.5px!important}
.v417-bonus-steps{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:11px}
.v417-bonus-steps>span{
  display:inline-flex;align-items:center;gap:5px;min-height:28px;padding:0 8px;
  border:1px solid var(--border);border-radius:7px;background:var(--background);
  font-size:10px;color:var(--muted-foreground);
}
.v417-bonus-steps b{
  display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;
  border-radius:50%;background:var(--foreground);color:var(--background);font-size:9px;
}
.v417-bonus-steps i{font-style:normal;font-size:11px;color:var(--muted-foreground)}
.v417-bonus-policy>small{
  display:flex!important;align-items:center;flex:0 0 260px!important;padding:12px 14px;
  border-left:1px solid var(--border);background:var(--muted);
  text-align:left!important;font-size:10px!important;line-height:1.45!important;
}

/* KPI tiền: rõ ràng, đồng nhất dấu chấm phân cách hàng nghìn */
.v413-payroll-kpis strong{
  font-variant-numeric:tabular-nums;letter-spacing:-.15px;overflow:visible!important;text-overflow:clip!important;
}
.v413-payroll-row{
  margin:0;border-top:1px solid var(--border);transition:background .12s ease;
}
.v413-payroll-row:hover{background:var(--muted)}
.v413-payroll-row:first-child{border-top:0}
.v413-employee>b{
  background:var(--muted);border:0!important;font-weight:700!important;color:var(--foreground)!important;
}
.v413-employee strong{font-size:12.5px!important;font-weight:700}
.v413-employee small{margin-top:3px!important;line-height:1.35!important}
.v413-money span{font-size:9.5px!important}
.v413-money strong{
  margin-top:4px!important;font-size:12px!important;font-weight:650;
  font-variant-numeric:tabular-nums;letter-spacing:-.1px;overflow:visible!important;text-overflow:clip!important;
}
.v414-sales-revenue{
  text-align:left!important;padding:8px 10px;border:1px solid var(--border);
  border-radius:8px;background:var(--card);
}
.v414-sales-revenue strong{font-size:12.5px!important}
.v414-sales-revenue small{margin-top:4px!important;line-height:1.35!important}
.v413-money.company strong{font-weight:750!important}
.v413-delete{opacity:.75}
.v413-delete:hover{opacity:1}

/* Form tiền */
.v413-payroll-form input,.v415-policy-panel input{
  font-variant-numeric:tabular-nums;
}
.v414-auto-bonus-field input[readonly]{
  font-size:13px!important;font-weight:750!important;
}

@media(max-width:900px){
 .v417-bonus-policy{flex-direction:column!important}
 .v417-bonus-policy>small{
   flex:auto!important;width:100%;border-left:0;border-top:1px solid var(--border);
 }
}
@media(max-width:640px){
 .v417-bonus-main{padding:12px}
 .v417-bonus-title strong{font-size:14px!important}
 .v417-bonus-title span:not(.v417-bonus-icon){font-size:11px!important}
 .v417-bonus-steps{display:grid;grid-template-columns:1fr;margin-top:10px}
 .v417-bonus-steps i{display:none}
 .v417-bonus-steps>span{min-height:34px}
 .v413-payroll-row{
   padding:12px 0!important;gap:8px!important;background:transparent!important;
 }
 .v413-employee{padding:0 2px 3px}
 .v413-employee strong{font-size:13.5px!important}
 .v413-employee small{font-size:10.5px!important}
 .v413-money{
   padding:9px!important;border:1px solid var(--border);border-radius:9px;background:var(--card);
 }
 .v413-money span{font-size:10px!important}
 .v413-money strong{font-size:12.5px!important}
 .v414-sales-revenue{grid-column:1/-1!important;padding:10px!important}
 .v414-sales-revenue strong{font-size:14px!important}
 .v414-sales-revenue small{font-size:10px!important}
}