.compensation-controls{display:block!important;min-width:0;padding:15px;margin:16px 0;border:1px solid #495c7e;border-radius:12px;background:#1b1d23}
.compensation-controls h4{margin:0 0 7px;font-size:14px}
.compensation-controls p,.compensation-history p{font-size:12px;line-height:1.7;overflow-wrap:anywhere}
.compensation-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:12px}
.compensation-controls label,.compensation-history label{display:grid;gap:6px;min-width:0;font-size:12px}
.compensation-controls input:not([type=checkbox]),.compensation-history input{box-sizing:border-box;width:100%;min-width:0;margin:0;font-size:12px}
.compensation-controls button,.compensation-history button{width:auto;min-height:40px;font-size:12px}
.compensation-controls [hidden]{display:none!important}
.compensation-controls .compensation-check{display:flex;align-items:flex-start;gap:8px;margin-top:13px;line-height:1.7}
.compensation-controls .compensation-check input[type=checkbox]{flex:0 0 18px;width:18px;min-width:18px;max-width:18px;height:18px;min-height:18px;max-height:18px;margin:2px 0 0;padding:0;accent-color:#a28fff}
.compensation-pending{padding:12px;margin-top:14px;border:1px solid #987346;border-radius:9px;background:#3f301c55}
.compensation-pending>div{display:flex;flex-wrap:wrap;gap:8px}
#compensation-status{margin:12px 0 0;color:#d6caff}
#compensation-status:empty{display:none}
.compensation-history{min-width:0;padding:15px;margin-top:16px;border:1px solid #414555;border-radius:12px;background:#1a1b21}
.compensation-history>summary{cursor:pointer;font-size:14px;font-weight:700;line-height:1.7}
.compensation-history-tools{display:flex;align-items:flex-end;gap:10px;margin:15px 0}.compensation-history-tools>label{flex:1}
.compensation-history-item{min-width:0;border-top:1px solid #ffffff19;padding:12px 0}.compensation-history-item>summary{font-size:13px;line-height:1.7;overflow-wrap:anywhere;cursor:pointer}
.compensation-history-item>div{padding:7px 0}.compensation-history-item p{margin:7px 0}.compensation-history-item label{margin:12px 0 8px}.compensation-history-label{color:#c9b9fd}.compensation-message{white-space:pre-wrap;color:#b4c3db}
@media(max-width:600px){.compensation-fields{grid-template-columns:minmax(0,1fr)}.compensation-history-tools{align-items:stretch;flex-direction:column}.compensation-controls,.compensation-history{padding:12px}.compensation-controls button,.compensation-history button{min-height:42px}.compensation-pending>div>button{flex:1;min-width:110px}}
