/* ===== 지갑 · 서버 경제(출석 일급·구매) · 예전 급여 명세서 ===== */
.toast{white-space:pre-line;text-align:center}   /* "일급 +150" / "주간 보너스 +300" 두 줄 알림 */
/* 잠긴 유료 아이템 구매 줄 (자리 꾸미기·캐릭터 꾸미기) */
.econ-buy{margin:8px 0 0;padding:8px 10px;border:1px dashed var(--line);border-radius:12px;display:flex;flex-direction:column;gap:6px;font-size:12.5px;color:var(--ink)}
.econ-bal{font-weight:600}
.econ-row{display:flex;align-items:center;justify-content:space-between;gap:8px}
.econ-row span{min-width:0}
.econ-btn{flex:none;border:1px solid var(--line);background:var(--memo);color:var(--ink);border-radius:999px;padding:4px 12px;font-size:12px}
.econ-btn:not(:disabled){background:var(--ink);color:var(--paper);border-color:var(--ink)}
.econ-btn:disabled{opacity:.6;cursor:default}
/* 캐릭터 꾸미기: 아직 보유하지 않은 옷·악세사리 (미리보기는 됨) */
.ch-item.ch-lock{position:relative}
.ch-item.ch-lock img{opacity:.7}
.ch-price{position:absolute;right:2px;bottom:2px;font-size:9.5px;line-height:1;padding:2px 3px;border-radius:5px;background:color-mix(in srgb,var(--paper) 85%,transparent);color:var(--ink)}
.wallet{padding:2px 6px 0;font-size:12px;color:var(--board-ink)}
.wallet .bal{font-family:"Jua",sans-serif;font-size:24px;color:var(--postit)}
.wallet .row3{display:flex;justify-content:space-between;gap:6px;margin:3px 0;color:var(--board-muted)}
.wallet .row3 b{color:var(--board-ink);font-weight:500}
.wallet .pot{margin-top:6px;border-top:1px solid var(--board-2);padding-top:6px}
.wallet .potbar{height:6px;border-radius:999px;background:var(--board-2);overflow:hidden;margin-top:3px}
.wallet .potbar i{display:block;height:100%;background:var(--postit)}
.walletbtns{display:flex;gap:4px;padding:6px 4px 0}
.walletbtns button{flex:1;background:var(--board-2);border:1px solid transparent;border-radius:10px;padding:6px 2px;font-size:12px;color:var(--board-ink)}
.walletbtns button.hot{border-color:var(--postit);color:var(--postit)}
.slip{background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:16px;width:min(420px,100%);max-height:100%;overflow-y:auto;font-variant-numeric:tabular-nums}
.slip h2{font-family:"Jua",sans-serif;font-weight:400;font-size:24px;margin:0 0 2px;text-align:center}
.slip .who{text-align:center;font-size:12px;color:var(--muted);margin-bottom:12px}
.slip table{width:100%;border-collapse:collapse;font-size:13px}
.slip td{padding:6px 4px;border-bottom:1px dashed var(--line)}
.slip td.n{text-align:right}
.slip tr.total td{border-top:2px solid var(--ink);border-bottom:0;font-family:"Jua",sans-serif;font-size:18px;padding-top:8px}
.slip .minus{color:var(--red)}
.slip .note{font-size:12px;color:var(--muted);margin-top:10px;line-height:1.5}
.vac-row{display:flex;align-items:center;gap:6px;font-size:13px;padding:6px 2px;border-bottom:1px dashed var(--line)}
.vac-row .g{flex:1;min-width:0}
.vac-row .st{font-size:11.5px;border:1px solid currentColor;border-radius:4px;padding:1px 6px}
.st-pending{color:var(--ochre)} .st-ok{color:var(--green)} .st-no{color:var(--red)}
.vac-row button{border:1px solid var(--line);background:var(--memo);border-radius:6px;font-size:12px;padding:3px 8px;color:var(--ink)}
.vac-form{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:10px 0}
.vac-form input,.vac-form select{background:var(--memo);border:1px solid var(--line);border-radius:8px;padding:7px 9px;color:var(--ink)}
.vac-form .full{grid-column:1 / -1}