:root{
  --ink:#1f2937; --slate:#6b7280; --line:#d8dee8; --navy:#33415a;
  --bar:#e7eef8; --sum:#eef3fb;
}

/* ============ 御支払通知書シート（base44互換・ゴシック） ============ */
.pn-sheet{
  background:#fff;
  width:820px;max-width:100%;
  margin:0 auto;
  padding:44px 50px 56px;
  color:var(--ink);
  font-family:"Hiragino Kaku Gothic ProN","Yu Gothic","Meiryo",system-ui,sans-serif;
  font-size:13px;
  box-sizing:border-box;
}

/* ヘッダー：左=支払先名 / 右=発行日・ロゴ・会社情報・社印 */
.pn-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}
.pn-head-left{padding-top:6px}
.pn-payee{font-size:21px;font-weight:700;white-space:nowrap}
.pn-payee .pn-hon{font-size:15px;font-weight:700;margin-left:6px}
.pn-head-right{display:flex;flex-direction:column;align-items:flex-end;text-align:right;line-height:1.7}
.pn-issue{font-size:13px;margin-bottom:10px}
.pn-logo img{height:46px;width:auto;object-fit:contain;display:block}
.pn-logo-cap{font-size:11px;color:#374151;margin-top:2px}
.pn-corp{font-size:12px;color:#374151;margin-top:10px;line-height:1.65}
.pn-corp .pn-cname{font-weight:700;color:var(--ink)}
.pn-stamp{width:84px;height:84px;object-fit:contain;margin-top:8px}

/* タイトル */
.pn-title{text-align:center;border-bottom:2px solid var(--navy);padding-bottom:6px;margin:14px 0 18px}
.pn-title h1{font-size:26px;font-weight:700;letter-spacing:.5em;margin:0;padding-left:.5em}

.pn-lead{font-size:13.5px;margin:0 0 16px}

/* お振込金額バー */
.pn-paybar{display:flex;justify-content:space-between;align-items:center;
  background:var(--bar);border:1px solid #cdd9ea;border-radius:3px;
  padding:13px 20px;margin-bottom:18px}
.pn-paybar .m{font-size:16px;font-weight:700}
.pn-paybar .amt{font-size:23px;font-weight:800;letter-spacing:.02em}

/* 明細＋集計テーブル */
.pn-table{width:100%;border-collapse:collapse;font-size:13px}
.pn-table th{background:var(--navy);color:#fff;font-weight:600;padding:8px 10px;
  text-align:center;border:1px solid var(--navy)}
.pn-table td{padding:8px 10px;border:1px solid #c9d2df;height:30px}
.pn-table td.no{text-align:center;width:46px;color:#374151}
.pn-table td.qty{text-align:center;width:54px}
.pn-table td.unit{text-align:right;width:96px}
.pn-table td.amt{text-align:right;width:120px}
.pn-table .pn-blank td{color:transparent}

/* 集計行（テーブル内） */
.pn-table tr.sum td{background:var(--sum)}
.pn-table td.sum-label{text-align:right;font-weight:600}
.pn-table td.sum-val{text-align:right;font-weight:600}
.pn-table tr.taxnote td{background:#fdfbfa}
.pn-table tr.taxnote td.sum-label{text-align:right;color:#6b7280;font-size:11.5px;font-weight:400}
.pn-table tr.total td{font-size:15px;font-weight:800}
.pn-table tr.total td.sum-val{color:var(--ink)}

.pn-note{font-size:12.5px;color:#475569;white-space:pre-wrap;margin:16px 0 0}

@media (max-width:680px){
  .pn-sheet{padding:24px 18px}
  .pn-title h1{font-size:21px;letter-spacing:.3em}
  .pn-payee{font-size:18px;white-space:normal}
}

/* ============ 印刷 ============ */
@media print{
  body{background:#fff!important}
  .no-print{display:none!important}
  #root,.layout,.main,.page{all:unset!important;display:block!important}
  .pn-sheet{box-shadow:none;border:none;width:100%;max-width:none;margin:0;padding:18px}
}