/* Credits command page: balance, conversion, and ledger hierarchy. */
.content[data-view="credits"] .page-title{margin-bottom:24px;padding:28px 30px 26px;border:1px solid #4c3c29;border-left:3px solid #d4a839;background:linear-gradient(110deg,#321016e8,#10191de8 58%),url('/assets/realm-command-v1.png') center 48%/cover;box-shadow:0 16px 32px #0007}
.content[data-view="credits"] .page-title .eyebrow{margin-bottom:10px;color:#e6b94d;font-weight:800}
.content[data-view="credits"] .page-title h1{margin-bottom:6px;color:#fff0d0;font-size:34px}
.content[data-view="credits"] .page-title p{margin:0;color:#c3cbd0;max-width:680px}
.content[data-view="credits"] .panel{border-color:#39464c;background:#0a1115;box-shadow:0 18px 38px #0008}
.content[data-view="credits"] .panel-heading{padding:17px 24px;background:linear-gradient(90deg,#17232a,#10171b);border-color:#39464c}
.content[data-view="credits"] .panel-heading h2{color:#f1e2c3;font-size:21px}
.content[data-view="credits"] .panel-heading>span{color:#c39a45}
.content[data-view="credits"] .turn-bank.referral-credit-bank{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) auto;gap:30px;margin:0;padding:28px 30px 30px;border:1px solid #92702d;background:radial-gradient(circle at 8% 55%,#b37c2028,transparent 34%),linear-gradient(110deg,#171b1a,#0c1418 70%);overflow:hidden}
.content[data-view="credits"] .turn-bank.referral-credit-bank:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#e2b83f,#7c1822 72%,transparent)}
.content[data-view="credits"] .turn-bank>div{position:relative;min-width:0;padding-left:18px;border-left:2px solid #c99b39}
.content[data-view="credits"] .turn-bank>div>small{display:block;color:#edbd4c;font-size:10px;letter-spacing:.18em}
.content[data-view="credits"] .turn-bank>div>strong{display:flex;align-items:baseline;gap:12px;margin:10px 0 8px;color:#fff0d1;font:700 clamp(34px,4vw,48px)/1 Georgia,serif;letter-spacing:.01em}
.content[data-view="credits"] .turn-bank>div>strong em{color:#e5b849;font-size:11px;letter-spacing:.14em}
.content[data-view="credits"] .turn-bank p{max-width:530px;margin:0;color:#b5c0c5;line-height:1.6}
.content[data-view="credits"] .turn-bank form{align-self:center;display:grid;grid-template-columns:180px 250px;align-items:end;gap:12px;padding:18px;border:1px solid #34444b;background:#071015b8}
.content[data-view="credits"] .turn-bank form label{color:#e3d3af;font-size:12px;font-weight:800;letter-spacing:.1em}
.content[data-view="credits"] .turn-bank form input{height:50px;margin-top:8px;border-color:#90713a;background:#050b0e;color:#fff2d5;font-size:18px;font-weight:700}
.content[data-view="credits"] .turn-bank form button{width:100%;height:50px;margin:0;background:linear-gradient(180deg,#d7ad45,#a87719);border:1px solid #e6c15d;color:#171108;box-shadow:0 6px 16px #0006;font-weight:900;letter-spacing:.08em;white-space:nowrap}
.content[data-view="credits"] .turn-bank form>button{align-self:end}
.content[data-view="credits"] .turn-bank form button:hover{filter:brightness(1.12);transform:translateY(-1px)}
.content[data-view="credits"] .table-scroll{padding:0 12px 12px;background:#091116}
.content[data-view="credits"] .table-scroll table{border-collapse:separate;border-spacing:0;table-layout:fixed}
.content[data-view="credits"] .table-scroll th{height:50px;padding:0 16px;background:#0e1a20;border-bottom:1px solid #61737b;color:#b8c9d0;font-size:11px;font-weight:800;letter-spacing:.1em;vertical-align:middle}
.content[data-view="credits"] .table-scroll th:first-child{width:155px;text-align:right}
.content[data-view="credits"] .table-scroll th:last-child{width:230px}
.content[data-view="credits"] .table-scroll td{height:66px;padding:12px 16px;border-top:1px solid #31434b;color:#e3eaec;white-space:normal;vertical-align:middle;font-size:15px}
.content[data-view="credits"] .table-scroll td:first-child{color:#71d39a;text-align:right;font:700 16px Arial,sans-serif;white-space:nowrap}
.content[data-view="credits"] .table-scroll tbody tr:nth-child(even){background:#0c171d}
.content[data-view="credits"] .table-scroll tbody tr:hover{background:#18252c}
.content[data-view="credits"] .table-scroll td:last-child{color:#c3d0d5;font:12px Arial,sans-serif;white-space:nowrap}
.content[data-view="credits"] .table-scroll td:nth-child(2){color:#f0dfbe;font-size:15px}
.content[data-view="credits"] .table-scroll td:first-child:before{content:"";display:inline-block;width:6px;height:6px;margin:0 10px 3px 0;border-radius:50%;background:#55c887;box-shadow:0 0 10px #55c88799}
.content[data-view="credits"] .table-scroll tr:has(td:first-child:not(:empty)) td:first-child{ }
@media(max-width:850px){
 .content[data-view="credits"] .turn-bank.referral-credit-bank{grid-template-columns:1fr;gap:22px;padding:23px 20px}
 .content[data-view="credits"] .turn-bank form{grid-template-columns:minmax(120px,180px) minmax(180px,1fr);padding:18px}
}
@media(max-width:600px){
 .content[data-view="credits"] .page-title{padding:22px 19px}
 .content[data-view="credits"] .page-title h1{font-size:28px}
 .content[data-view="credits"] .turn-bank>div>strong{font-size:36px}
 .content[data-view="credits"] .turn-bank form{grid-template-columns:1fr}
 .content[data-view="credits"] .table-scroll{padding:0 7px 7px;overflow:visible}
 .content[data-view="credits"] .table-scroll table{table-layout:auto}
 .content[data-view="credits"] .table-scroll th,.content[data-view="credits"] .table-scroll td{padding:11px 9px}
 .content[data-view="credits"] .table-scroll th:first-child{width:86px}
 .content[data-view="credits"] .table-scroll th:last-child{width:112px}
 .content[data-view="credits"] .table-scroll td{height:58px;font-size:12px}
 .content[data-view="credits"] .table-scroll td:first-child{font-size:13px}
 .content[data-view="credits"] .table-scroll td:nth-child(2){font-size:12px;overflow-wrap:anywhere}
 .content[data-view="credits"] .table-scroll td:last-child{font-size:9px;white-space:normal;line-height:1.3}
 .content[data-view="credits"] .table-scroll td:first-child:before{width:5px;height:5px;margin-right:5px}
}