.bonus-history-row { display:flex; justify-content:space-between; gap:16px; padding:14px 0; border-bottom:1px solid var(--tg-border, #414141); font-size:13px; }
.bonus-history-row > div { min-width:0; overflow-wrap:anywhere; }
.bonus-history-row small, .bonus-customer small { display:block; margin-top:5px; color:var(--tg-soft, #aaa); font-size:12px; }
.bonus-history-row p { margin:6px 0 0; }
.bonus-history-amount { flex-shrink:0; text-align:right; }
.bonus-positive > strong { color:#9be7ad; }
.bonus-notice { display:flex; align-items:center; gap:12px; padding:12px 0; color:#9be7ad; border-bottom:1px solid #38754a; }
.bonus-notice span { flex:1; overflow-wrap:anywhere; }
.bonus-notice button { flex:none; width:44px; height:44px; border:0; background:transparent; color:inherit; font-size:24px; cursor:pointer; }
#bonus-history { border-top:1px solid var(--tg-border); margin-top:18px; padding-top:8px; }
#bonus-history h4 { font-size:16px; }
.bonus-feedback { color:#ffb1be; font-size:13px; }
.bonus-admin-section { padding:20px 0; }
.bonus-admin-section h2 { font-size:18px; margin:0 0 18px; }
.bonus-admin-form { display:flex; flex-wrap:wrap; gap:14px; align-items:end; margin-bottom:20px; }
.bonus-admin-form label { display:grid; gap:8px; flex:1 1 180px; font-size:13px; min-width:0; }
.bonus-admin-form .input-field { width:100%; min-width:0; box-sizing:border-box; }
.bonus-admin-layout { display:grid; grid-template-columns:minmax(0, 1fr) minmax(0, 1.3fr); gap:28px; }
.bonus-customer { display:flex; justify-content:space-between; gap:16px; text-align:left; width:100%; padding:16px 0; border:0; border-bottom:1px solid var(--tg-border, #414141); background:transparent; color:inherit; cursor:pointer; }
.bonus-customer > span { min-width:0; overflow-wrap:anywhere; }
.bonus-customer > strong { flex-shrink:0; color:#9be7ad; }
.bonus-customer:hover, .bonus-customer:focus-visible { background:#ffffff0a; }
#bonus-customer-title { overflow-wrap:anywhere; }
.bonus-admin-form .admin-send-btn { width:auto; min-height:44px; padding:11px 20px; }
@media(max-width:700px) { .bonus-admin-layout { grid-template-columns:minmax(0, 1fr); } .bonus-admin-form .admin-send-btn { width:100%; } }