.tyn{--tyn-ink:var(--ink,#23292D);--tyn-mute:var(--mute,#525C62);--tyn-line:var(--g-D3D8DB,#D3D8DB);--tyn-soft:var(--g-F4F6F7,#F4F6F7);--tyn-hi:var(--hivis,#FF7A1A)}
.tyn .tyn-lead{color:var(--tyn-mute);margin-top:8px;max-width:62ch}
.tyn .tyn-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:18px;margin-top:24px;align-items:start}
.tyn .tyn-panel{background:var(--white,#fff);border-radius:14px;box-shadow:0 0 0 1px var(--tyn-line);padding:24px}
.tyn .tyn-two{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.tyn label.tyn-l,.tyn legend{display:block;font-weight:700;font-size:17px;margin:14px 0 6px;padding:0}
.tyn .tyn-panel > :first-child,.tyn .tyn-panel > :first-child > legend{margin-top:0}
.tyn .tyn-hint{font-size:15px;color:var(--tyn-mute);margin:-2px 0 6px}
.tyn .tyn-money{position:relative}
.tyn .tyn-money span{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-weight:700;pointer-events:none}
.tyn .tyn-field{display:block;width:100%;font:inherit;font-size:17px;min-height:52px;padding:12px 14px;border-radius:10px;border:1.5px solid var(--g-8C969C,#8C969C);background:#fff;color:var(--tyn-ink)}
.tyn .tyn-money .tyn-field{padding-left:32px;font-variant-numeric:tabular-nums}
.tyn select.tyn-field{appearance:auto}
.tyn .tyn-field:disabled{background:var(--tyn-soft);color:var(--tyn-mute);border-style:dashed}
.tyn .tyn-field:focus,.tyn .tyn-field:focus-within,.tyn .tyn-opt input:focus-visible{outline:3px solid var(--tyn-ink);outline-offset:1px}
.tyn .tyn-field[aria-invalid="true"]{border-color:#B3261E}
.tyn fieldset{border:0;margin:14px 0 0;padding:0;min-width:0}
.tyn fieldset > legend{margin-top:0}
.tyn .tyn-panel > fieldset:first-child{margin-top:0}
.tyn .tyn-opts{display:grid;gap:8px}
.tyn .tyn-opts.row{grid-template-columns:repeat(3,minmax(0,1fr))}
.tyn .tyn-opts.row2{grid-template-columns:repeat(2,minmax(0,1fr))}
.tyn .tyn-opt{display:flex;align-items:center;gap:10px;min-height:52px;padding:8px 12px;border-radius:10px;border:1.5px solid var(--g-B4BCC1,#B4BCC1);background:#fff;font-size:16px;font-weight:600;line-height:1.25;cursor:pointer}
.tyn .tyn-opt:has(input:checked){border-color:var(--tyn-ink);box-shadow:inset 0 0 0 1.5px var(--tyn-ink);background:var(--tyn-soft)}
.tyn .tyn-opt input{width:20px;height:20px;accent-color:var(--tyn-ink);margin:0;flex:none}
.tyn .tyn-rec{background:var(--tyn-soft);border-radius:10px;padding:16px 18px;box-shadow:inset 0 0 0 1px var(--g-E3E6E8,#E3E6E8)}
.tyn .tyn-head{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.tyn .tyn-tool{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--tyn-mute)}
.tyn .tyn-tool::before{content:"";width:9px;height:9px;border-radius:2px;background:var(--tyn-hi)}
.tyn .tyn-head b{font-size:19px;line-height:1.3}
.tyn .tyn-chip{display:inline-block;border-radius:999px;font-size:14px;font-weight:700;padding:1px 10px;white-space:nowrap;background:var(--g-DDE2E5,#DDE2E5);color:var(--tyn-ink)}
.tyn .tyn-chip[data-s="paid"]{background:#D6F0E1;color:#155C38}
.tyn .tyn-chip[data-s="due"]{background:#F3E1D2;color:#6A3510}
.tyn .tyn-kv{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 14px;margin:12px 0 0;font-size:16px}
.tyn .tyn-kv dt{color:var(--tyn-mute)}
.tyn .tyn-kv dd{margin:0;overflow-wrap:anywhere}
.tyn .tyn-ex{color:var(--tyn-mute);font-size:14px}
.tyn .tyn-line{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 14px;margin-top:14px;padding:10px 0;border-top:1px solid var(--tyn-line);border-bottom:1px solid var(--tyn-line);font-size:16px}
.tyn .tyn-line b{overflow-wrap:anywhere}
.tyn .tyn-line small{grid-column:1/-1;color:var(--tyn-mute);font-size:15px}
.tyn .tyn-n{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}
.tyn .tyn-sum{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 14px;margin-top:10px;font-size:16px}
.tyn .tyn-sum dt{color:var(--tyn-mute)}
.tyn .tyn-sum dd{margin:0}
.tyn .tyn-sum .tot{font-weight:800;color:var(--tyn-ink);font-size:17px}
.tyn .tyn-pay{margin-top:10px;padding-top:10px;border-top:1px solid var(--tyn-line);font-size:16px;min-height:calc(3.1em * 1.55 + 10px)}
.tyn .tyn-line.r2{min-height:calc(3.1em * 1.55 + 20px)}
.tyn .tyn-note{margin-top:14px;font-size:16px;color:var(--tyn-mute);min-height:calc(3.1em * 1.55)}
.tyn .tyn-rec.off .tyn-dim{opacity:.4}
.tyn .tyn-btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;padding:0 24px;margin-top:16px;border-radius:10px;font-weight:700;font-size:18px;text-decoration:none;background:var(--tyn-hi);color:var(--g-1E2326,#1E2326)}
.tyn .tyn-btn:focus-visible{outline:3px solid var(--tyn-ink);outline-offset:3px}
.tyn .tyn-cap{font-size:15px;color:var(--tyn-mute);margin-top:10px}
.tyn .tyn-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.tyn .tyn-flash{animation:tyn-flash .6s ease-out}
@keyframes tyn-flash{from{background:rgba(255,122,26,.22)}to{background:transparent}}
@media (prefers-reduced-motion:reduce){.tyn .tyn-flash{animation:none}}
@media (max-width:860px){
  .tyn .tyn-grid{grid-template-columns:minmax(0,1fr)}
  .tyn .tyn-panel{padding:18px}
  .tyn .tyn-note{min-height:calc(5.1em * 1.55)}
  .tyn .tyn-pay{min-height:calc(4.1em * 1.55 + 10px)}
  .tyn .tyn-line.r2{min-height:calc(5.1em * 1.55 + 20px)}
}
@media (max-width:440px){
  .tyn .tyn-opts.row{grid-template-columns:minmax(0,1fr)}
  .tyn .tyn-two{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:359px){
  .tyn .tyn-note{min-height:calc(6.1em * 1.55)}
  .tyn .tyn-pay{min-height:calc(5.1em * 1.55 + 10px)}
  .tyn .tyn-line.r2{min-height:calc(6.1em * 1.55 + 20px)}
}

.tyn .tyn-line.r3{margin-top:0;border-top:0}
.tyn .tyn-line[hidden]{display:none}