.admin-credit-panel{width:100%;max-width:600px;margin:auto;box-sizing:border-box;color:var(--text,#202630)}
.admin-credit-panel h3{margin:0 0 16px}.admin-credit-panel p{overflow-wrap:anywhere}.admin-credit-customer{background:var(--adm-surface-soft,#f4f7fb);border:1px solid var(--adm-line,#e0e7f2);border-radius:14px;padding:10px 16px;margin-bottom:18px}.admin-credit-customer p{margin:5px 0;display:flex;flex-wrap:wrap;gap:6px}.admin-credit-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:14px}.admin-credit-panel .portal-form label{min-width:0}.admin-credit-panel :is(input:not([type=checkbox]),select,textarea){box-sizing:border-box;min-width:0;width:100%}.admin-credit-hint,.admin-credit-reference{font-size:13px;line-height:1.7;color:var(--adm-muted,#6d7e96);margin:8px 0}.admin-credit-panel [data-credit-use-reference]{margin:0 0 6px}.admin-credit-preview{border:1px solid var(--adm-line,#dce6f2);background:var(--adm-surface-soft,#f4f7fb);padding:14px 16px;border-radius:14px;line-height:1.7;min-height:66px;box-sizing:border-box;display:flex;flex-direction:column;gap:3px;overflow-wrap:anywhere}.admin-credit-preview strong{color:var(--adm-blue,#3f67ce);font-size:24px}.admin-credit-preview small{color:var(--adm-muted,#6d7e96)}.admin-credit-received{display:flex;align-items:flex-start;gap:9px;line-height:1.6}.admin-credit-received input{flex:0 0 auto;margin-top:4px}.admin-credit-actions{display:flex;flex-wrap:wrap;gap:10px}.admin-credit-actions button{flex:1;min-width:100px}.admin-credit-confirm p{white-space:pre-line;line-height:1.8}.admin-credit-panel [hidden]{display:none!important}
html[data-theme=dark] .admin-credit-panel{color:#dce6f4}html[data-theme=dark] .admin-credit-customer,html[data-theme=dark] .admin-credit-preview{background:#1e2c40;border-color:#374a65}html[data-theme=dark] .admin-credit-panel :is(input:not([type=checkbox]),select,textarea){background:#172338;border-color:#374a65;color:#dce6f4}html[data-theme=dark] .admin-credit-hint,html[data-theme=dark] .admin-credit-reference,html[data-theme=dark] .admin-credit-preview small{color:#a9b8ce}html[data-theme=dark] .admin-credit-preview strong{color:#9dbaff}
@media(max-width:420px){.admin-credit-grid{grid-template-columns:minmax(0,1fr);gap:8px}.admin-credit-customer,.admin-credit-preview{padding:11px 12px}.admin-credit-actions{flex-direction:column}.admin-credit-actions button{width:100%}}