/* 심타워 · 사업 장부 › 은행·카드 파일 형식 진단 (finance.js). 새 규칙은 .fin 접두어로만 쓴다.
   색은 tower.css 의 토큰(그래파이트/밝게)을 그대로 따른다 · 글자 12px 이상 · 대비 AA */
.fin{display:flex;flex-direction:column;gap:10px;min-width:0;padding-top:14px;border-top:1px solid var(--line)}
.fin-title{margin:0;font-size:14px;font-weight:700;line-height:1.4;color:var(--text)}
.fin-note{margin:0;font-size:13px;line-height:1.6;color:var(--text-2)}
.fin-drop{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;min-width:0;padding:12px;border:1px dashed var(--line-strong);border-radius:2px;background:var(--surface-2)}
.fin-drop.over{border-style:solid;border-color:var(--sel)}
.fin-drop .btn{min-height:40px}
.fin-drop-hint{flex:1 1 180px;min-width:0;font-size:13px;line-height:1.5;color:var(--text-2)}
.fin-status{margin:0;font-size:13px;line-height:1.6;color:var(--text)}
.fin-status:empty{display:none}
.fin-status.err{color:var(--loss)}
.fin-guide{margin:0;padding:8px 10px;border-left:3px solid var(--star);background:var(--surface-2);font-size:13px;line-height:1.6;color:var(--text)}
.fin-result{margin:0;display:flex;flex-direction:column;min-width:0;border:1px solid var(--line)}
.fin-row{display:grid;grid-template-columns:120px minmax(0,1fr);gap:4px 12px;padding:8px 10px;border-top:1px solid var(--line)}
.fin-row:first-child{border-top:0}
.fin-row dt{font-size:13px;line-height:1.5;color:var(--text-2)}
.fin-row dd{margin:0;min-width:0;font-size:13px;line-height:1.5;color:var(--text);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.fin-cells{display:flex;flex-wrap:wrap;gap:4px;margin:0;padding:0;list-style:none}
.fin-cells li{padding:1px 6px;border:1px solid var(--line-strong);border-radius:2px;font-size:12px;line-height:1.5;color:var(--text);background:var(--surface)}
.fin-cells li.gen{color:var(--text-2);background:var(--surface-2)}
.fin-actions{display:flex;flex-wrap:wrap;gap:8px}
.fin-actions .btn{min-height:40px}
.fin-copybox{display:block;width:100%;min-height:150px;font-size:13px;line-height:1.5;resize:vertical}
@media(max-width:470px){
  .fin-row{grid-template-columns:minmax(0,1fr);gap:2px}
  .fin-drop{padding:10px}
}
