.rewards-admin { width:min(900px,calc(100vw - 32px)); max-height:calc(100dvh - 48px); overflow:auto; padding:24px; }
.rewards-dialog { width:min(640px,calc(100vw - 32px)); max-height:calc(100dvh - 48px); overflow:auto; }
.rewards-admin [hidden],.rewards-dialog [hidden] { display:none!important; }
.reward-tabs { display:flex; gap:4px; border-bottom:1px solid #dce5ef; margin:16px 0; padding:0 0 8px; }
.reward-tabs button { border:0; background:transparent; color:#748195; padding:10px 14px; font-size:13px; }
.reward-tabs button.active { color:#2868a5; background:#eaf2fa; }
.rewards-admin h3 { font-size:16px; margin:24px 0 12px; }.rewards-admin h3 span { color:#778495; font-size:12px; font-weight:400; }
.reward-enable,.reward-enabled { display:flex!important; align-items:center; gap:8px; }.reward-enable input,.reward-enabled input,.reward-person input { width:18px!important; height:18px; margin:0; accent-color:#2868a5; }
.reward-people { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0 18px; }
.reward-person { display:flex!important; gap:10px; align-items:center; padding:10px 0; border-bottom:1px solid #e5ebf1; margin:0!important; }
.reward-person small { display:block; color:#778495; font-size:11px; margin-top:4px; }.reward-person span { overflow-wrap:anywhere; }
.reward-admin-note { font-size:12px; line-height:1.7; color:#778495; }.reward-admin-error { color:#ab413b; font-size:13px; }.reward-admin-error:empty,[data-rewards-status]:empty { display:none; }
[data-rewards-status] { color:#31754c; font-size:12px; }
.reward-catalog-form { display:grid; grid-template-columns:minmax(0,2fr) minmax(100px,1fr) auto auto; gap:12px; align-items:end; margin-bottom:18px; }.reward-catalog-form label { margin:0; }
.reward-catalog-form button[type=reset] { grid-column:4; }
.reward-phrase-form { display:flex; gap:12px; align-items:end; flex-wrap:wrap; margin-bottom:18px; }.reward-phrase-form label:first-of-type { flex:1; min-width:180px; margin:0; }
.reward-catalog-row { display:flex; justify-content:space-between; gap:12px; align-items:center; border-bottom:1px solid #e2e9f0; padding:14px 0; }.reward-catalog-row>div:first-child { flex:1; min-width:0; }.reward-catalog-row>div:last-child { display:flex; gap:4px; flex:none; }.reward-catalog-row p { margin:6px 0; overflow-wrap:anywhere; }.reward-catalog-row small { display:block; color:#778495; font-size:11px; margin-top:4px; }
.reward-phrases-list { max-height:380px; overflow:auto; padding-right:8px; }
.reward-history-filter { display:flex; gap:10px; align-items:end; flex-wrap:wrap; margin:16px 0; }.reward-history-filter label { flex:1; min-width:130px; margin:0; }.reward-history-filter input,.reward-history-filter select { min-width:0; width:100%; }
.reward-award-row { display:flex; justify-content:space-between; gap:16px; align-items:center; border-bottom:1px solid #e2e9f0; padding:18px 0; }.reward-award-row strong { display:block; margin:7px 0; font-size:14px; }.reward-award-row small,.reward-award-row span { font-size:12px; color:#778495; }.reward-award-actions { display:flex; gap:6px; flex:none; }
.reward-history-tools,.reward-payout-link { display:flex; gap:10px; margin-bottom:16px; }.reward-payout-link svg { width:16px; height:16px; }.reward-payout-link button { display:flex; gap:8px; align-items:center; }
@media(max-width:600px) { .rewards-admin { padding:16px; max-height:calc(100dvh - 32px); }.reward-tabs button { padding:10px; font-size:12px; }.reward-people { grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 12px; }.reward-catalog-form { grid-template-columns:minmax(0,1fr) minmax(100px,1fr); }.reward-catalog-form button[type=reset] { grid-column:auto; }.reward-phrase-form { gap:8px; }.reward-award-row { align-items:flex-start; flex-direction:column; }.reward-award-actions { align-self:flex-end; }.reward-history-filter { gap:8px; }.reward-history-filter label { min-width:110px; }.reward-history-row { flex-direction:column; }.reward-history-row button { align-self:flex-end; } }
