.customer-credit { padding: 20px; color: #203741; }
.credit-summary { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; padding: 16px 0; border-bottom: 1px solid #d8e3e7; }
.credit-summary > span { color: #176348; font-weight: 600; }
.credit-summary > strong { color: #176348; font-size: 28px; }
.credit-summary .btn { margin-left: auto; }
.credit-tabs { display: flex; gap: 4px; margin: 20px 0; border-bottom: 1px solid #d8e3e7; flex-wrap: wrap; }
.credit-tabs button { min-height: 44px; padding: 10px 14px; border: 0; border-bottom: 3px solid transparent; background: transparent; color: #526a75; font: inherit; cursor: pointer; }
.credit-tabs button[aria-selected="true"] { border-color: #16815f; color: #146b4d; background: #edf8f2; }
.credit-tabs button:focus-visible { outline: 2px solid #2565a8; outline-offset: 2px; }
.customer-credit form .credit-confirm { display: flex !important; flex-direction: row !important; align-items: center; gap: 10px; }
.customer-credit form .credit-confirm input { width: 18px !important; height: 18px !important; min-height: 18px !important; max-width: 18px !important; flex: 0 0 18px; }
.credit-table-wrap { overflow: auto; }
.credit-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.credit-table th { text-align: left; color: #526a75; background: #f3f7fa; }
.credit-table td,.credit-table th { padding: 12px 8px; border-bottom: 1px solid #d8e3e7; vertical-align: top; }
.credit-table small { display: block; color: #647780; margin-top: 4px; max-width: 480px; overflow-wrap: anywhere; }
.credit-amount { white-space: nowrap; font-weight: 700; color: #295aa6; }
.credit-positive { color: #176348; }
#creditStatus { color: #a13b25; overflow-wrap: anywhere; }
@media (max-width: 600px) { .customer-credit { padding: 12px; } .credit-summary .btn { margin-left: 0; } .credit-tabs button { flex: 1 1 150px; } .credit-table { min-width: 620px; } }