/* R327 마감 도우미 — 마감일지 화면 맨 위 카드. 엑셀형 표(남색 머리글·촘촘한 격자·합계 줄)는 거래처·원장 표와 같은 모양. */
#closingHelper{border:2px solid #2c5282;background:#f6f9fd}
#closingHelper .ch-badge{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:10px;background:#2c5282;color:#fff;font-size:.72rem;font-weight:700;vertical-align:middle}
#closingHelper .ch-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0}
#closingHelper .ch-hint{color:#44566f;font-size:.82rem}
#closingHelper .ch-sum{margin:8px 0;font-size:.95rem}
#closingHelper .ch-warn{margin:6px 0;padding:6px 10px;border:1px solid #e3c36a;background:#fff8e1;color:#7a4a00;border-radius:4px;font-size:.86rem}
#closingHelper .ch-chips{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 10px}
#closingHelper .ch-chip{padding:4px 10px;border-radius:12px;border:1px solid #c8d3e3;background:#fff;font-size:.84rem}
#closingHelper .ch-chip.bad{background:#fde2e2;border-color:#e8a3a3;color:#7a1f1f}
#closingHelper .ch-chip.warn{background:#fff3d6;border-color:#e3c36a;color:#7a4a00}
#closingHelper .ch-chip.ok{background:#d3ecda;border-color:#9fcba9;color:#14532d}
#closingHelper .ch-chip.dim{background:#eef1f6;color:#44566f}
#closingHelper .ch-wrap{overflow-x:auto;border-top:1px solid #9fb4cf;margin:6px 0}
#closingHelper .ch-sheet{width:100%;border-collapse:collapse;font-size:.88rem}
#closingHelper .ch-sheet thead th{background:#2c5282;color:#fff;border:1px solid #3a557a;padding:5px 8px;font-size:.8rem;white-space:nowrap;position:sticky;top:0}
#closingHelper .ch-sheet tbody td{border:1px solid #d3deec;padding:4px 8px;vertical-align:top;background:#fff}
#closingHelper .ch-sheet tbody tr:nth-child(even) td{background:#f6f9fd}
#closingHelper .ch-sheet td.r{text-align:right;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
#closingHelper .ch-sheet tbody tr.ch-bad td:first-child{border-left:4px solid #d64545}
#closingHelper .ch-sheet tbody tr.ch-warn td:first-child{border-left:4px solid #e0a100}
#closingHelper .ch-sheet tbody tr.ch-ok td:first-child{border-left:4px solid #2e9e57}
#closingHelper .ch-sheet tbody tr.ch-dim td{color:#6b7a90}
#closingHelper .ch-sheet tfoot th{background:#d3ecda;color:#14532d;border:1px solid #9fcba9;padding:4px 8px;font-weight:800;text-align:left}
#closingHelper .ch-sheet small{color:#44566f;font-weight:400}
#closingHelper .ch-office{margin-top:8px}
#closingHelper .ch-office summary{cursor:pointer;font-weight:700;color:#2c5282}
#closingHelper .ch-settings{margin:10px 0;padding:10px;border:1px solid #c8d3e3;border-radius:6px;background:#fff}
#closingHelper .ch-set-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
#closingHelper .ch-set-grid h3{margin:0 0 4px;font-size:1rem}
#closingHelper .ch-add{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;margin-top:8px}
#closingHelper .ch-add label,#closingHelper .ch-set-grid label{display:flex;flex-direction:column;gap:2px;font-size:.84rem}
@media (max-width:640px){#closingHelper .ch-sheet{font-size:.8rem}}

#closingHelper .ch-big{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:8px 0}
#closingHelper .ch-big>div{border:1px solid #c8d3e3;background:#fff;border-radius:6px;padding:8px 12px}
#closingHelper .ch-big span{display:block;color:#44566f;font-size:.78rem}
#closingHelper .ch-big b{font-size:1.25rem;font-variant-numeric:tabular-nums}
#closingHelper .ch-big>div.bad{background:#fde2e2;border-color:#e8a3a3}
#closingHelper .ch-big>div.ok{background:#d3ecda;border-color:#9fcba9}
#closingHelper button.ch-chip{cursor:pointer;font:inherit}
#closingHelper button.ch-chip.on{outline:2px solid #2c5282;font-weight:700}
#closingHelper .ch-bar button{min-height:36px}
.closing-helper-link{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;border:2px solid #2c5282;background:#f6f9fd}
.closing-helper-link small{display:block;color:#44566f}
#closingHelper .ch-files{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin:10px 0}
#closingHelper .ch-files>label{display:flex;flex-direction:column;gap:4px;font-weight:700;font-size:.88rem;flex:1 1 260px}
#closingHelper .ch-files input[type=file]{font-weight:400;padding:6px;border:1px dashed #9fb4cf;border-radius:6px;background:#fff}
/* R336 — 폰: 마감일지 첫 화면에서 안내 글이 길어 실제 입력 단추가 아래로 밀리므로 마감 도우미 안내는 한 줄(제목+단추)로 줄인다 */
@media (max-width:720px){
  .closing-helper-link{flex-wrap:nowrap;padding:8px 10px;gap:8px}
  .closing-helper-link small{display:none}
  .closing-helper-link b{font-size:.88rem}
  .closing-helper-link button{white-space:nowrap;padding:8px 10px;font-size:.84rem}
}