.compensation-dialog{--comp-ink:#1d1d1f;--comp-muted:#6e6e73;width:min(640px,calc(100vw - 32px));max-width:640px!important;color:var(--comp-ink)}
.compensation-dialog .modal-body{padding:24px!important}.compensation-dialog .modal-foot{padding:16px 24px!important}.compensation-dialog .btn{min-height:42px;border-radius:11px}.compensation-dialog .btn-primary{background:#0071e3;color:#fff}.compensation-recipient{display:flex;align-items:center;gap:12px;padding-bottom:22px;border-bottom:1px solid #e8e8ed}.compensation-avatar{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#f0f5fb;color:#27639b;font-size:20px;font-weight:600}.compensation-recipient>div{display:grid;gap:2px;min-width:0;flex:1}.compensation-recipient small{font-size:11px;color:var(--comp-muted)}.compensation-recipient strong{font-size:17px;overflow-wrap:anywhere}.compensation-recipient div>span{font-size:12px;color:var(--comp-muted)}.compensation-source{display:inline-flex;white-space:nowrap;align-items:center;background:#eef5ff;color:#2464a3;border-radius:6px;padding:4px 7px;font-size:11px;font-weight:500}
.compensation-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px 18px;padding:24px 0}.compensation-field{display:flex;flex-direction:column;gap:8px;min-width:0}.compensation-field[hidden]{display:none!important}.compensation-wide{grid-column:1/-1}.compensation-field>span{font-size:13px;font-weight:600;display:flex;justify-content:space-between;gap:8px}.compensation-field i{font-size:11px;font-style:normal;font-weight:400;color:var(--comp-muted)}.compensation-field small{font-size:11px;line-height:1.6;color:var(--comp-muted)}.compensation-field .input,.compensation-field .select{width:100%;max-width:100%;box-sizing:border-box;min-height:44px;border:1px solid #d2d2d7;border-radius:10px;padding:10px 12px;font-size:14px;background:#fff;color:#1d1d1f;box-shadow:none}.compensation-field :is(input,select,textarea):focus{outline:3px solid rgba(0,113,227,.16);border-color:#0071e3}.compensation-field textarea{resize:vertical;min-height:86px!important}.compensation-note-hint{display:flex;justify-content:space-between;gap:12px}.compensation-note-hint>span:last-child{white-space:nowrap}.compensation-money{position:relative}.compensation-money>span{position:absolute;left:13px;top:13px;color:#6e6e73}.compensation-money input{padding-left:31px!important;font-variant-numeric:tabular-nums}.compensation-preview{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;background:#f5f5f7;border:1px solid #eaeaf0;border-radius:14px;color:#3b4554}.compensation-preview>div{display:grid;gap:7px;min-width:0}.compensation-preview small{font-size:11px;color:#6e6e73}.compensation-preview strong{font-size:17px;line-height:1.4;overflow-wrap:anywhere}.compensation-preview div>span{font-size:12px;color:#6e6e73}.compensation-feedback{margin:13px 0 0;font-size:12px;line-height:1.6;color:#6e6e73}.compensation-coupon-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:5px 0;font-size:11px;color:#6e6e73}.compensation-coupon-note{margin-top:7px;font-size:12px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;color:#505058}.customer-coupon-v126 .compensation-coupon-meta,.customer-coupon-v126 .compensation-coupon-note{max-width:100%}.customer-coupon-v126 .customer-coupon-side-v126.is-cash b{font-size:20px;line-height:1.3;overflow-wrap:anywhere}.customer-profile-actions-v126{flex-wrap:wrap}.compensation-use-note{margin:12px 0;padding:12px 14px;border-radius:10px;background:#f5f5f7;font-size:13px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.compensation-use-note b{display:block;margin-bottom:3px}
@media(max-width:560px){.compensation-dialog{width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px)!important;border-radius:18px!important}.compensation-dialog .modal-body{padding:18px!important}.compensation-dialog .modal-foot{padding:12px 18px!important}.compensation-fields{grid-template-columns:1fr;gap:18px;padding:20px 0}.compensation-field :is(input,select,textarea){font-size:16px}.compensation-dialog .modal-foot .btn{min-height:46px}.compensation-preview{padding:15px}.customer-profile-actions-v126 [data-v126-action="new-compensation"]{min-height:40px}}
@media(prefers-reduced-motion:reduce){.compensation-dialog *{transition:none!important;animation:none!important}}
.modal.compensation-dialog .compensation-field textarea.input{min-height:96px!important;height:auto!important;line-height:1.6!important}
