/* 記帳本樣式:由東京 2026 travel_helper/style.css 抽出 lg-* 規則,變數對應到行程板色票(自動支援深色模式) */
#sec-ledger{--ink-soft:var(--ink-2);--accent:var(--ai);--line:var(--rule);--accent-soft:var(--ai-soft);--coral:var(--stop);
  --coral-soft:var(--stop-bg);--bg:var(--paper);--card:var(--surface);--green:var(--go);--gold:var(--warn);--muted:var(--ink-3);
  --radius:12px;--maxw:760px;--tabh:0px}
.section-head{display:flex;align-items:baseline;justify-content:space-between;
  margin:4px 2px 12px;gap:10px}
.section-head h2{font-size:18px;font-weight:800}
.section-head .muted{font-size:12.5px;color:var(--ink-soft)}
.lg-loading{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--ink-soft);
  font-size:13px;padding:40px 0}
.lg-totals{display:flex;gap:8px;margin-bottom:12px}
.lg-tot{flex:1;background:var(--card);border:1px solid var(--line);border-radius:13px;
  box-shadow:var(--shadow);padding:11px 8px;text-align:center}
.lg-tot span{display:block;font-size:11px;color:var(--ink-soft)}
.lg-tot b{display:block;font-size:17px;font-weight:800;margin-top:2px;font-variant-numeric:tabular-nums}
.lg-tot:first-child b{color:var(--accent)}
.lg-tot:nth-child(2) b{color:var(--coral)}
.lg-auth{display:flex;align-items:center;justify-content:space-between;gap:10px;
  background:var(--card);border:1px solid var(--line);border-radius:13px;padding:10px 13px;
  box-shadow:var(--shadow);margin-bottom:11px}
.lg-who{font-size:13px;font-weight:700}
.lg-who.lg-dim{font-weight:500;color:var(--ink-soft);font-size:12.5px}
.lg-btn{border:none;cursor:pointer;font:inherit;font-weight:700;border-radius:10px;padding:8px 14px;
  font-size:13px}
.lg-btn.google{background:#fff;border:1px solid var(--line);color:#3c4043;display:inline-flex;
  align-items:center;gap:7px}
.lg-btn.google span{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;
  background:conic-gradient(#ea4335 0 25%,#fbbc05 0 50%,#34a853 0 75%,#4285f4 0);color:#fff;
  font-size:11px;font-weight:800}
.lg-btn.ghost{background:var(--bg);color:var(--ink-soft)}
.lg-btn.primary{background:var(--accent);color:#fff;width:100%;padding:12px;font-size:14px;
  box-shadow:0 3px 10px rgba(58,78,168,.25)}
.lg-btn.primary:disabled{opacity:.6}
.lg-form{background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);
  padding:13px;display:flex;flex-direction:column;gap:9px;margin-bottom:13px}
.lg-row2{display:flex;gap:9px}
.lg-in{width:100%;border:1px solid var(--line);border-radius:10px;padding:11px 12px;font:inherit;
  font-size:14px;background:#fff}
.lg-in:focus{outline:2px solid var(--accent);border-color:transparent}
.lg-row2 select.lg-in{flex:0 0 38%}
.lg-amt{flex:1;display:flex;gap:6px}
.lg-amt input{flex:1;min-width:0}
.lg-cur{flex:0 0 auto;display:flex;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.lg-cur button{border:none;background:#fff;cursor:pointer;font:inherit;font-size:13px;font-weight:700;
  color:var(--ink-soft);padding:0 11px}
.lg-cur button.on{background:var(--accent);color:#fff}
.lg-setup{background:var(--coral-soft);color:#c0432b;font-size:12.5px;line-height:1.6;
  padding:11px 13px;border-radius:11px;margin-bottom:11px}
.lg-list{display:flex;flex-direction:column;gap:8px}
.lg-item{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);
  border-radius:12px;box-shadow:var(--shadow);padding:11px 13px}
.lg-it-main{flex:1;min-width:0}
.lg-it-top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.lg-payer{font-size:14px;font-weight:700;display:inline-flex;align-items:center;gap:7px}
.lg-avatar{width:30px;height:30px;border-radius:50%;object-fit:cover;background:#fff;
  box-shadow:0 1px 3px rgba(0,0,0,.2);flex:0 0 auto}
.lg-sum-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;background:#fff;
  box-shadow:0 1px 2px rgba(0,0,0,.18);vertical-align:-6px;margin-right:6px;flex:0 0 auto}
.lg-amount{font-size:15px;font-weight:800;font-variant-numeric:tabular-nums}
.lg-it-sub{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:3px}
.lg-cat{font-size:12px;font-weight:700;color:var(--accent);background:var(--accent-soft);
  padding:1px 8px;border-radius:999px}
.lg-note{font-size:12px;color:var(--ink-soft)}
.lg-when{font-size:11px;color:var(--ink-soft);margin-left:auto}
.lg-del{flex:0 0 auto;border:none;background:var(--bg);color:var(--ink-soft);cursor:pointer;
  width:28px;height:28px;border-radius:8px;font-size:13px}
.lg-del:active{background:var(--coral-soft);color:var(--coral)}
.lg-empty{text-align:center;color:var(--ink-soft);font-size:13px;padding:30px 0}
.lg-foot{font-size:11.5px;color:var(--ink-soft);text-align:center;margin-top:14px;line-height:1.6;
  opacity:.85}
.lg-toast{position:fixed;left:50%;bottom:calc(26px + env(safe-area-inset-bottom));transform:translate(-50%,16px);
  background:var(--green);color:#fff;font-size:14px;font-weight:700;padding:11px 22px;border-radius:999px;
  box-shadow:0 6px 20px rgba(46,158,107,.4);z-index:1000;opacity:0;pointer-events:none;
  transition:opacity .25s ease,transform .25s ease}
.lg-toast.show{opacity:1;transform:translate(-50%,0)}
@media (prefers-reduced-motion:reduce){
  .lg-toast{transition:opacity .25s ease}
}
.lg-row-m{display:flex;gap:9px;align-items:stretch}
.lg-row-m select{flex:1}
.lg-addm{flex:0 0 auto;border:1px dashed var(--accent);background:var(--accent-soft);color:var(--accent);
  font:inherit;font-size:12.5px;font-weight:700;border-radius:10px;padding:0 13px;cursor:pointer;white-space:nowrap}
.lg-sums{display:flex;flex-direction:column;gap:8px;margin-bottom:4px}
.lg-sum{background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);
  padding:11px 13px}
.lg-sum-h{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.lg-sum-n{font-size:14.5px;font-weight:800}
.lg-sum-t{font-size:14px;font-weight:800;color:var(--accent);font-variant-numeric:tabular-nums}
.lg-sum-note{font-size:11.5px;color:var(--muted);margin:0 2px 8px;line-height:1.5}
.lg-sum-split{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.lg-split{font-size:11.5px;font-weight:700;border-radius:999px;padding:2px 9px;font-variant-numeric:tabular-nums}
.lg-split.pub{color:var(--green);background:#e9f6ef}
.lg-split.priv{color:#a05a00;background:#fff1dd}
.lg-sum-m{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.lg-mchip{font-size:11.5px;font-weight:600;background:var(--bg);border:1px solid var(--line);
  border-radius:999px;padding:3px 9px;font-variant-numeric:tabular-nums;display:inline-flex;align-items:center;gap:3px}
.lg-mini-card{height:15px;width:auto;max-width:24px;object-fit:contain;border-radius:2.5px;
  box-shadow:0 0.5px 1.5px rgba(0,0,0,.25);vertical-align:-3px}
.lg-method{font-size:11px;font-weight:700;color:var(--green);background:#e9f6ef;
  padding:1px 7px;border-radius:999px;display:inline-flex;align-items:center;gap:3px}
.lg-row-pf{display:flex;gap:8px;align-items:stretch;flex-wrap:wrap}
.lg-pf{flex:1 1 auto;display:flex;gap:6px;min-width:0}
.lg-pf button{flex:1;border:1px solid var(--line);background:#fff;cursor:pointer;font:inherit;font-size:12.5px;
  font-weight:700;color:var(--ink-soft);border-radius:10px;padding:9px 6px;white-space:nowrap}
.lg-pf button.on{background:var(--accent);color:#fff;border-color:transparent}
.lg-pf button[data-pf="applepay"].on{background:#111}
.lg-transit{flex:0 0 auto;display:flex;align-items:center;gap:6px;border:1px solid var(--line);background:#fff;
  border-radius:10px;padding:9px 11px;font-size:12.5px;font-weight:700;color:var(--ink-soft);cursor:pointer}
.lg-transit.on{background:#fff1dd;color:#a05a00;border-color:#f0c98a}
.lg-transit input{width:16px;height:16px;accent-color:#d68a1e}
.apay-ico{width:.92em;height:.92em;display:inline-block;vertical-align:-0.12em;margin-right:1px}
.suica-ico{width:1.15em;height:1.15em;display:inline-block;vertical-align:-0.28em;margin-right:1px}
.suica-img{height:1.45em;width:auto;border-radius:2.5px;vertical-align:-0.4em;margin-right:2px;
  box-shadow:0 0.5px 1.5px rgba(0,0,0,.25)}
.lg-ptag.tr .suica-img{height:16px;vertical-align:-4px}
.lg-ptag{font-size:10.5px;font-weight:800;color:#111;background:#eceff3;padding:1px 6px;border-radius:999px;display:inline-flex;align-items:center;gap:1px}
.lg-ptag.tr{color:#a05a00;background:#fff1dd}
.lg-pp{display:flex;gap:8px}
.lg-pp button{flex:1;border:1px solid var(--line);background:#fff;cursor:pointer;font:inherit;font-size:13px;
  font-weight:700;color:var(--ink-soft);border-radius:10px;padding:9px}
.lg-pp button.on{background:var(--accent);color:#fff;border-color:transparent}
.lg-pp button[data-p="1"].on{background:#6b5bd0}
.lg-cardsel{margin-bottom:11px}
.lg-checks{margin-top:8px;display:grid;grid-template-columns:1fr 1fr;gap:7px}
.lg-check{display:flex;align-items:center;gap:7px;background:var(--card);border:1px solid var(--line);
  border-radius:10px;padding:9px 11px;font-size:12.5px;font-weight:600;cursor:pointer}
.lg-check input{width:16px;height:16px;accent-color:var(--accent)}
.lg-qs{display:flex;flex-direction:column;gap:8px}
.lg-q{background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:11px 13px}
.lg-q-h{display:flex;justify-content:flex-start;align-items:center;gap:8px;flex-wrap:wrap}
.lg-q-n{font-size:14px;font-weight:800;margin-right:auto}
.lg-q-img{height:30px;width:auto;max-width:48px;object-fit:contain;border-radius:4px;
  box-shadow:0 1px 3px rgba(0,0,0,.22);flex:0 0 auto}
.lg-q-ico{font-size:18px;flex:0 0 auto}
.lg-q-rate{font-size:11px;color:var(--accent);font-weight:700;background:var(--accent-soft);padding:2px 8px;border-radius:999px}
.lg-q-rem{font-size:14px;font-weight:700;margin-top:6px}
.lg-q-rem b{color:var(--green);font-size:16px}
.lg-q-rem.ok{color:var(--green)}
.lg-q-rem.over{color:var(--coral)}
.lg-q-spent{font-size:11.5px;color:var(--ink-soft);margin-top:2px;font-variant-numeric:tabular-nums}
.lg-q-note{font-size:11px;color:var(--ink-soft);margin-top:6px;line-height:1.5;opacity:.9}
.lg-qhint{font-size:11.5px;color:var(--ink-soft);background:var(--accent-soft);border-radius:10px;
  padding:9px 12px;line-height:1.55;margin-bottom:8px}
.lg-q-net{font-size:13px;font-weight:700;margin-top:5px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.lg-q-net b{color:var(--accent);font-size:14.5px}
.lg-tier{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;padding:6px 0;font-size:13px}
.lg-tier.bonus{border-top:1px dashed var(--line)}
.lg-tier-l{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap;flex:1;min-width:0}
.lg-tier-tag{font-size:10px;font-weight:700;color:var(--coral);background:var(--coral-soft);
  padding:1px 7px;border-radius:999px;white-space:nowrap}
.lg-tier-r{font-weight:800;flex:0 0 auto;min-width:70px}
.lg-tier.base .lg-tier-r{color:var(--ink-soft)}
.lg-tier.bonus .lg-tier-r{color:var(--accent)}
.lg-tier-net{font-size:12px;color:var(--ink-soft);font-weight:600}
.lg-tier-net.neg{color:var(--coral);font-weight:700}
.lg-tier-cap{margin-left:auto;font-size:12px;font-weight:600;color:var(--ink-soft);text-align:right}
.lg-tier-cap b{color:var(--green);font-size:14.5px}
.lg-tier-cap.ok{color:var(--green)}
.lg-tier-cap.over{color:var(--coral)}
.lg-q-fee{font-size:10.5px;font-weight:700;color:var(--coral);background:var(--coral-soft);
  padding:1px 7px;border-radius:999px}
.lg-q-assume{font-size:10.5px;font-weight:700;color:var(--gold);background:#f8efd6;padding:1px 7px;border-radius:999px}
.lg-q-enroll{display:inline-block;margin-top:8px;font-size:12px;font-weight:700;color:var(--accent);
  text-decoration:none;background:var(--accent-soft);padding:5px 11px;border-radius:999px}
.lg-q-more{margin-top:8px;border:none;background:none;cursor:pointer;font:inherit;font-size:11.5px;
  font-weight:700;color:var(--accent);padding:2px 0}
.lg-q-ch{font-size:11px;color:var(--ink-soft);line-height:1.6;margin-top:7px;background:var(--bg);
  border-radius:9px;padding:8px 10px}
.lg-q-ch b{color:var(--ink)}
.lg-priv{font-size:11px;font-weight:700;color:#6b5bd0;background:#efecfb;padding:1px 7px;border-radius:999px}
.lg-item.priv{border-style:dashed}
.lg-form.editing{border-color:var(--gold);box-shadow:0 0 0 2px #f6e6c0}
.lg-edit-h{display:flex;align-items:center;justify-content:space-between;font-size:12.5px;
  font-weight:800;color:var(--gold)}
.lg-cancel{border:none;background:var(--bg);color:var(--ink-soft);font:inherit;font-size:12px;
  font-weight:700;border-radius:8px;padding:5px 11px;cursor:pointer}
.lg-acts{flex:0 0 auto;display:flex;gap:5px}
.lg-edit,.lg-del{border:none;background:var(--bg);cursor:pointer;width:30px;height:30px;
  border-radius:8px;font-size:13px}
.lg-edit:active{background:var(--accent-soft)}
.lg-del:active{background:var(--coral-soft)}
.lg-edited{font-size:10.5px;font-weight:700;color:var(--gold);background:#f8efd6;
  padding:1px 7px;border-radius:999px}
.lg-edtoggle{margin-left:auto;font-size:11px;font-weight:700;color:var(--ink-soft);background:#fff;
  border:1px solid var(--line);border-radius:999px;padding:3px 10px;cursor:pointer}
.lg-edtoggle.on{color:var(--gold);background:#f8efd6;border-color:#e6d4a0}
.lg-logwrap{margin-top:16px}
.lg-logtoggle{width:100%;border:1px solid var(--line);background:var(--card);cursor:pointer;
  font:inherit;font-size:13px;font-weight:700;color:var(--ink-soft);border-radius:11px;padding:10px;
  box-shadow:var(--shadow)}
.lg-logs{margin-top:8px;display:flex;flex-direction:column;gap:6px}
.lg-log{display:flex;gap:9px;background:var(--card);border:1px solid var(--line);border-radius:10px;
  padding:9px 12px}
.lg-log-ic{flex:0 0 18px;font-size:13px;text-align:center}
.lg-log-b{flex:1;min-width:0}
.lg-log-t{font-size:11.5px;color:var(--ink-soft)}
.lg-log-d{font-size:12.5px;line-height:1.5;word-break:break-word}
.subhead{font-size:14px;font-weight:800;margin:18px 2px 10px;color:var(--ink);
  display:flex;align-items:center;gap:7px}
.sub-note{font-size:11px;font-weight:500;color:var(--ink-soft)}
.lg-link{border:0;background:none;cursor:pointer;font-size:13px;opacity:.45;padding:4px;align-self:center}
.lg-link:hover{opacity:1}
.lg-hl{outline:3px solid #f5b400;outline-offset:2px;border-radius:10px;transition:outline-color .4s}