.customer-credits-panel{grid-column:1/-1;display:grid;gap:14px;padding:18px;border:1px solid #dce7f1;border-radius:22px;background:#f7f9fb;box-shadow:0 10px 30px rgba(22,48,76,.08);overflow:hidden}.customer-credits-panel[hidden]{display:none!important}.customer-credits-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.customer-credits-eyebrow{display:block;margin-bottom:4px;color:#61758b;font-size:11px;font-weight:850}.customer-credits-head h3{margin:0;color:#102f50;font-size:22px}.customer-credits-head p{margin:4px 0 0;color:#65798e;font-size:12px}.customer-credits-status{flex:0 0 auto;padding:7px 10px;border:1px solid #a8dfc0;border-radius:10px;background:#eaf8f0;color:#087443;font-size:11px;font-weight:900}.customer-credits-status.stale{border-color:#f0d493;background:#fff7df;color:#865b00}
.customer-credits-hero{position:relative;display:grid;gap:5px;padding:20px;border-radius:18px;background:linear-gradient(125deg,#0b7eaf,#10a88a);color:#fff;box-shadow:0 12px 24px rgba(9,124,150,.18)}.customer-credits-hero:after{content:"";position:absolute;inset:12px 14px auto auto;width:62px;height:4px;border-radius:4px;background:rgba(255,255,255,.38)}.customer-credits-hero small{font-size:12px;font-weight:850}.customer-credits-hero strong{font-size:36px;line-height:1.08;font-variant-numeric:tabular-nums}.customer-credits-hero span{font-size:11px;color:#e7fbff}
.customer-credits-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.customer-credits-kpis article{min-width:0;padding:11px 12px;border:1px solid #e1e8ef;border-radius:14px;background:#fff}.customer-credits-kpis small,.customer-credits-kpis b{display:block}.customer-credits-kpis small{color:#75869a;font-size:10px}.customer-credits-kpis b{margin-top:4px;color:#163b5c;font-size:16px;overflow-wrap:anywhere}
.customer-credits-referral{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;border:1px solid #d7e8ef;border-radius:15px;background:#edf8fb}.customer-credits-referral small,.customer-credits-referral b{display:block}.customer-credits-referral small{color:#718297;font-size:10px}.customer-credits-referral code{direction:ltr;unicode-bidi:isolate;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#164566}.customer-credits-referral button{min-height:40px;border:0;border-radius:10px;background:#087fa6;color:#fff;padding:0 13px;font-weight:900;cursor:pointer}
.customer-credits-actions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.customer-credits-actions button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:48px;padding:8px;border:1px solid #d5e0e9;border-radius:13px;background:#fff;color:#1d4668;font:inherit;cursor:pointer}.customer-credits-actions button span{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;background:#e9f6fa;color:#087fa6;font-size:17px;font-weight:900}.customer-credits-actions button b{font-size:11px;line-height:1.25}.customer-credits-actions button[aria-pressed=true]{border-color:#11a58c;background:#ecfaf6;color:#08735f;box-shadow:0 0 0 2px rgba(17,165,140,.12)}
.customer-credit-action-sheet{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px;border:1px solid #b9d9e2;border-radius:16px;background:#fff;box-shadow:0 12px 26px rgba(18,61,81,.1)}.customer-credit-action-sheet-head{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between}.customer-credit-action-sheet-head small,.customer-credit-action-sheet-head b{display:block}.customer-credit-action-sheet-head small{color:#718297;font-size:10px}.customer-credit-action-sheet-head b{margin-top:2px;color:#123d5e;font-size:17px}.customer-credit-action-sheet-head button{border:0;background:transparent;color:#5d7185;font-size:22px;cursor:pointer}.customer-credit-action-sheet>label:not(.customer-credit-confirm){display:grid;gap:6px;color:#244b6a;font-size:11px;font-weight:850}.customer-credit-action-sheet input,.customer-credit-action-sheet textarea{width:100%;box-sizing:border-box;border:1px solid #cbd9e3;border-radius:11px;background:#fbfdff;padding:10px 11px;color:#173958;font:inherit;resize:vertical}.customer-credit-confirm{grid-column:1/-1;display:flex;align-items:flex-start;gap:8px;padding:10px;border-radius:11px;background:#f3f7fa;color:#526980;font-size:11px;line-height:1.45}.customer-credit-confirm input{width:18px;height:18px;flex:0 0 18px;margin:0}.customer-credit-action-result{grid-column:1/-1;min-height:18px;color:#a32b35;font-size:11px;font-weight:850}.customer-credit-action-result.success{color:#087443}.customer-credit-action-buttons{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px}.customer-credit-action-buttons button{min-height:42px;border:1px solid #cfdae4;border-radius:10px;background:#fff;color:#315570;padding:0 15px;font-weight:900;cursor:pointer}.customer-credit-action-buttons button[type=submit]{border-color:#0a92a6;background:#0a92a6;color:#fff}.customer-credit-action-buttons button:disabled{opacity:.55;cursor:wait}
.customer-credits-history-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding-top:2px}.customer-credits-history-head b,.customer-credits-history-head small{display:block}.customer-credits-history-head b{color:#173958}.customer-credits-history-head small{margin-top:3px;color:#718297;font-size:10px}.customer-credits-filters{display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin;padding:2px}.customer-credits-filters button{flex:0 0 auto;min-height:34px;border:1px solid #d3dee8;border-radius:9px;background:#fff;color:#3e5e79;padding:0 10px;font-weight:850;cursor:pointer}.customer-credits-filters button.active{border-color:#0b86a6;background:#0b86a6;color:#fff}.customer-credits-timeline{display:grid;gap:8px}.customer-credit-event{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:12px;border:1px solid #e0e7ed;border-radius:14px;background:#fff}.customer-credit-event b{color:#163b5c}.customer-credit-event small,.customer-credit-event span{display:block;margin-top:3px;color:#708195;font-size:10px;line-height:1.45}.customer-credit-event>strong{text-align:left;color:#0a785e;font-variant-numeric:tabular-nums}.customer-credit-event>strong small{white-space:nowrap}.customer-credits-empty{padding:14px;border:1px dashed #ccd7e1;border-radius:13px;background:#fff;color:#65788b;text-align:center}
.customer-portal-credits{margin-top:16px;padding:16px;border:1px solid #dce8f3;border-radius:18px;background:#f8fcff}.customer-portal-credits h2{margin:0}.customer-portal-credit-note{margin:11px 0;padding:10px;border-radius:11px;background:#fff7dd;color:#715400;font-size:12px}.customer-portal-credit-link{display:inline-flex;margin-top:10px;padding:9px 12px;border-radius:10px;background:#0b7b67;color:#fff;text-decoration:none;font-weight:900}.customer-portal-credit-history{display:grid;gap:7px;margin-top:12px}.customer-portal-credit-history article{display:flex;justify-content:space-between;gap:10px;padding:10px;border:1px solid #e3e9ef;border-radius:11px;background:#fff}.customer-portal-credit-history small{display:block;color:#728195}
@media(max-width:760px){.customer-credits-panel{padding:14px;border-radius:18px}.customer-credits-head{display:grid}.customer-credits-status{justify-self:start}.customer-credits-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-credits-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-credits-actions button:last-child{grid-column:1/-1}.customer-credit-action-sheet{grid-template-columns:1fr}.customer-credit-action-sheet>*{grid-column:1!important}.customer-credits-referral{grid-template-columns:1fr auto}.customer-credits-referral code{grid-column:1/-1;grid-row:2}.customer-credits-history-head{display:grid}.customer-credits-filters{width:100%}.customer-credit-event{grid-template-columns:1fr}.customer-credit-event>strong{text-align:right}.customer-credit-event>strong small{white-space:normal}}