/* Letzte Cleaning Prüfung: 23.09.2026 */
/* Letztes Cleaning: 27.08.2026 */

body.factory-credit-center-focus .workspace-panel{
width:min(1120px,calc(100vw - 48px));
max-width:none;
max-height:calc(100vh - 48px);
overflow:auto;
background:#0d1017;
border-color:#303646}
body.factory-credit-center-focus .workspace-body{
padding:18px}
.credit-center{
display:grid;
gap:14px;
max-width:1040px;
margin:0 auto;
color:#f7f8fb}
.credit-center-hero{
position:relative;
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:22px;
overflow:hidden;
padding:21px 24px;
border:1px solid #3b2a36;
background:radial-gradient(circle at 82% 20%,rgba(255,48,79,.22),transparent 34%),linear-gradient(135deg,#17121b,#10131b 62%)}
.credit-center-hero:after{
position:absolute;
right:9%;
bottom:-105px;
width:220px;
height:220px;
border:30px solid rgba(255,48,79,.08);
border-radius:50%;
content:""}
.credit-center-hero>div,.credit-center-hero>button{
position:relative;
z-index:1}
.credit-center-hero span,.credit-center-history header span{
color:#ff4965;
font-size:10px;
font-weight:900;
letter-spacing:.16em}
.credit-center-hero h2{
max-width:650px;
margin:5px 0 7px;
font-size:24px;
line-height:1.08}
.credit-center-hero p{
max-width:680px;
margin:0;
color:#aeb6c7;
font-size:11px;
line-height:1.55}
.credit-center-hero button,.credit-center-error button{
display:flex;
align-items:center;
justify-content:center;
gap:8px;
min-width:156px;
padding:10px 14px;
border:0;
background:#ff304f;
color:#fff;
font:inherit;
font-size:12px;
font-weight:850;
cursor:pointer}
.credit-center-balances{
display:grid;
grid-template-columns:1.2fr 1fr 1fr;
border-block:1px solid #2c3240}
.credit-center-balances article{
position:relative;
display:grid;
align-content:center;
min-height:96px;
padding:16px 20px;
border-right:1px solid #2c3240}
.credit-center-balances article:last-child{
border-right:0}
.credit-center-balances article>i{
position:absolute;
top:16px;
right:19px;
color:#ff4965;
font-size:19px}
.credit-center-balances small{
color:#8993a6;
font-size:11px}
.credit-center-balances strong{
margin-top:5px;
font:700 27px/1 'Space Grotesk','DM Sans',sans-serif}
.credit-center-balances span{
margin-top:6px;
color:#a8b0bf;
font-size:10px}
.credit-center-balances .is-total{
background:linear-gradient(125deg,rgba(255,48,79,.13),transparent 68%)}
.credit-center-balances .is-total strong{
color:#ff4965;
font-size:34px}
.credit-center-usage{
display:grid;
gap:6px}
.credit-center-usage>div:first-child{
display:flex;
justify-content:space-between;
color:#aeb6c7;
font-size:11px}
.credit-center-usage b{
color:#fff}
.credit-center-meter{
height:5px;
overflow:hidden;
background:#202532}
.credit-center-meter span{
display:block;
height:100%;
background:linear-gradient(90deg,#ff304f,#ff8b58);
box-shadow:0 0 18px rgba(255,48,79,.5)}
.credit-center-history{
border-top:1px solid #2c3240}
.credit-center-history>header{
display:flex;
align-items:end;
justify-content:space-between;
padding:14px 0 9px}
.credit-center-history h3{
margin:5px 0 0;
font-size:16px}
.credit-center-history header small{
color:#778196;
font-size:10px}
.credit-center-history ol{
margin:0;
padding:0;
border-top:1px solid #272d39;
list-style:none}
.credit-center-entry{
display:grid;
grid-template-columns:32px minmax(0,1fr) auto;
align-items:center;
gap:11px;
min-height:62px;
padding:8px 4px;
border-bottom:1px solid #272d39}
.credit-center-entry-icon{
display:grid;
width:28px;
height:28px;
place-items:center;
background:#191e29;
color:#ff4965;
font-size:14px}
.credit-center-entry strong{
font-size:12px}
.credit-center-entry-main{
display:grid;
gap:4px;
min-width:0}
.credit-center-entry-main>small{
color:#737e91;
font-size:9px}
.credit-center-entry-facts{
display:flex;
align-items:center;
gap:5px;
overflow:hidden}
.credit-center-entry-facts>span{
display:flex;
align-items:center;
gap:4px;
min-width:0;
padding:3px 6px;
border:1px solid #29303d;
background:#121722;
white-space:nowrap}
.credit-center-entry-facts i{
color:#ff5a72;
font-size:11px}
.credit-center-entry-facts small{
color:#6f7b90;
font-size:8px}
.credit-center-entry-facts b{
overflow:hidden;
max-width:150px;
color:#cbd2df;
font-size:9px;
text-overflow:ellipsis}
.credit-center-entry>b{
display:grid;
gap:2px;
justify-items:end;
font-size:14px}
.credit-center-entry>b small{
color:#707b8f;
font-size:8px;
font-weight:600}
.credit-center-entry.is-positive>b{
color:#62e3a2}
.credit-center-entry.is-negative>b{
color:#ff7188}
.credit-center-explainer{
display:flex;
gap:14px;
padding:13px 16px;
border-left:3px solid #377ff5;
background:#121722}
.credit-center-explainer>i{
color:#5e9bff;
font-size:23px}
.credit-center-explainer strong{
font-size:12px}
.credit-center-explainer p{
margin:4px 0 0;
color:#929caf;
font-size:10px;
line-height:1.5}
.credit-center-loading,.credit-center-error,.credit-center-empty{
display:grid;
min-height:280px;
place-items:center;
align-content:center;
gap:10px;
color:#929caf;
text-align:center}
.credit-center-loading i,.credit-center-error>i,.credit-center-empty i{
color:#ff4965;
font-size:30px}
.credit-center-error strong{
color:#fff;
font-size:16px}
.credit-center-error p{
margin:0}
.credit-center-empty{
min-height:150px;
border-top:1px solid #272d39}
@media(max-width:760px){
body.factory-credit-center-focus .workspace-panel{
width:calc(100vw - 20px);
max-height:calc(100vh - 20px)}
body.factory-credit-center-focus .workspace-body{
padding:14px}
.credit-center-hero{
align-items:stretch;
flex-direction:column;
padding:24px}
.credit-center-hero h2{
font-size:25px}
.credit-center-hero button{
width:100%}
.credit-center-balances{
grid-template-columns:1fr}
.credit-center-balances article{
min-height:110px;
border-right:0;
border-bottom:1px solid #2c3240}
.credit-center-entry{
grid-template-columns:34px minmax(0,1fr) auto;
gap:9px}
.credit-center-entry p{
white-space:normal}
.credit-center-entry small{
display:block}
.credit-center-history>header{
align-items:flex-start;
flex-direction:column;
gap:5px}
}