/* 経理ページ「記帳」タブ（public/kicho.js）固有 */
#paneKicho [hidden]{display:none !important}

.kc-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.kc-g{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-s);padding:13px 16px}
.kc-g.out{background:#FAFBF8}
.kc-g h3{font-size:13.5px;color:var(--green-d);margin-bottom:6px}
.kc-g ul,.kc-g ol{margin:0;padding-left:18px;font-size:12.5px;line-height:1.75;color:var(--ink-2)}
.kc-g li{margin-bottom:3px}
@media(max-width:900px){.kc-guide{grid-template-columns:1fr}}

.kc-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);
  padding:18px 20px;display:flex;flex-direction:column;gap:12px}
.kc-step{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:4px}
.kc-step h2{font-size:15.5px;color:var(--green-d)}
.kc-no{width:24px;height:24px;border-radius:99px;background:var(--green);color:#fff;display:grid;place-items:center;
  font-family:var(--font-en);font-weight:700;font-size:12.5px;flex:none}
.kc-sub{font-size:12px;color:var(--muted)}

/* 種類・支払元の選択（大きめの押しボタン） */
.kc-types{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.kc-payers{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.kc-type,.kc-chip{font-family:var(--font-body);text-align:left;cursor:pointer;background:var(--surface);color:var(--ink);
  border:1.5px solid var(--line);border-radius:12px;padding:11px 14px;display:flex;flex-direction:column;gap:2px;transition:.15s}
.kc-type b,.kc-chip b{font-family:var(--font-head);font-size:14.5px;line-height:1.4}
.kc-chip b{font-size:13.5px}
.kc-type span,.kc-chip span{font-size:11.5px;color:var(--muted)}
.kc-type:hover:not(:disabled),.kc-chip:hover:not(:disabled){border-color:var(--green)}
.kc-type.on,.kc-chip.on{border-color:var(--green);background:var(--green-tint);box-shadow:inset 0 0 0 1px var(--green)}
.kc-type.on b,.kc-chip.on b{color:var(--green-d)}
.kc-type:disabled,.kc-chip:disabled{cursor:not-allowed;opacity:.55}
.kc-hint{font-size:12.5px;color:var(--ink-2);margin:0;line-height:1.7}
.kc-billnote{background:var(--green-tint);border:1px solid var(--line);border-radius:12px;padding:10px 13px}

/* ファイル */
.kc-drop{border:2px dashed #C9D3C6;border-radius:14px;background:#FAFBF8;padding:18px;text-align:center;cursor:pointer;transition:.15s}
.kc-drop.drag{border-color:var(--green);background:var(--green-tint)}
.kc-drop.off{cursor:not-allowed;opacity:.6}
.kc-drop p{margin:8px 0 0;font-size:12px;color:var(--muted)}
.kc-drop-btns{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.kc-queue{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px}
.kc-thumb{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff;display:flex;flex-direction:column}
.kc-thumb.ng{border-color:#E7CFCC}
.kc-thumb.ok{border-color:#CFE0CC}
.kc-thumb img,.kc-pdf{width:100%;height:110px;object-fit:cover;display:block;background:#F1F3EE}
.kc-pdf{display:grid;place-items:center;font-family:var(--font-en);font-weight:700;font-size:20px;color:var(--danger);letter-spacing:.06em}
.kc-cap{display:flex;align-items:center;gap:4px;padding:5px 7px;font-size:11px;color:var(--ink-2)}
.kc-cap span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kc-cap button{background:none;border:0;color:var(--faint);cursor:pointer;font-size:15px;line-height:1;padding:2px 4px}
.kc-cap button:hover{color:var(--danger)}
.kc-st{display:block;font-size:11px;font-weight:700;padding:0 7px 6px;line-height:1.45}
.kc-st.send{color:var(--gold-d)}
.kc-st.ok{color:var(--green)}
.kc-st.ng{color:var(--danger);font-weight:500}
.kc-st .spin{width:10px;height:10px;border-width:2px;margin-right:5px;vertical-align:-1px}

.kc-memo{display:flex;flex-direction:column;gap:5px;font-size:12.5px;color:var(--ink-2);font-weight:500;max-width:520px}
.kc-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.kc-count{font-size:12px;color:var(--muted)}
.kc-prog{display:flex;flex-direction:column;gap:6px}
.kc-bar{height:8px;border-radius:99px;background:var(--line-2);overflow:hidden}
.kc-bar i{display:block;height:100%;width:0;background:var(--green);border-radius:99px;transition:width .3s}
.kc-prog span{font-size:12px;color:var(--ink-2)}

/* 一覧 */
.kc-listhead{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.kc-listhead h2{font-size:15.5px;color:var(--green-d)}
.kc-listhead .sp{flex:1}
.kc-listhead #kcReview{display:inline-flex;gap:6px;flex-wrap:wrap}

@media(max-width:640px){
  .kc-card{padding:15px 14px}
  .kc-types{grid-template-columns:1fr}
  .kc-payers{grid-template-columns:repeat(2,minmax(0,1fr))}
}