.v108-bonus-card textarea{
  min-height:110px;
  resize:vertical;
  line-height:1.7;
}
.v108-bonus-summary{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin:14px 0;
}
.v108-bonus-summary>div{
  padding:12px;
  background:#f8f3ee;
  border-radius:13px;
}
.v108-bonus-summary span{
  display:block;
  color:#99887e;
  font-size:10px;
  font-weight:700;
}
.v108-bonus-summary b{
  display:block;
  margin-top:4px;
  color:#625249;
  font-size:17px;
  font-weight:900;
  font-variant-numeric:tabular-nums;
}
.v108-bonus-record{
  padding:13px 0;
  border-bottom:1px solid #eee4dc;
}
.v108-bonus-record:last-child{border-bottom:0}
.v108-bonus-record-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
}
.v108-bonus-record-title{
  color:#5d4e45;
  font-size:13px;
  font-weight:800;
}
.v108-bonus-record-meta{
  margin-top:4px;
  color:#9b8b82;
  font-size:10px;
  line-height:1.6;
}
.v108-bonus-record-items{
  margin-top:8px;
  padding:9px 10px;
  background:#faf7f4;
  border-radius:10px;
  color:#74645b;
  font-size:12px;
  line-height:1.65;
  white-space:pre-line;
}
.v108-bonus-record-amount{
  color:#8d735f;
  font-size:14px;
  font-weight:900;
  text-align:right;
  white-space:nowrap;
}
.v108-bonus-record-actions{
  display:flex;
  justify-content:flex-end;
  gap:12px;
  margin-top:8px;
}
.v108-bonus-record-actions button{
  font-size:11px;
  font-weight:800;
}
.v108-bonus-edit{color:#8c735f}
.v108-bonus-delete{color:#ec737b}
.v108-bonus-pending{color:#c0822b}
.v108-bonus-received{color:#2d8a68}
@media(max-width:640px){
  .v108-bonus-summary{grid-template-columns:1fr 1fr}
  .v108-bonus-record-head{gap:8px}
}