/* TAN TECH Core forms — uses theme tokens when present, falls back otherwise */
.ttc-wrap{--t-blue:var(--blue,#1463D6);--t-yellow:var(--yellow,#FFC928);--t-yink:var(--yellow-ink,#3A2A00);--t-line:var(--line,#D9E1EE);--t-surface:var(--surface,#fff);--t-surface2:var(--surface-2,#EEF2F9);--t-ink:var(--ink,#0F1B33);--t-ink2:var(--ink-2,#4A5872);--t-green:var(--green,#15A34A);max-width:760px}
.ttc-form{display:grid;gap:14px;background:var(--t-surface);border:1px solid var(--t-line);border-radius:14px;padding:20px;color:var(--t-ink)}
.ttc-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ttc-row>*,.ttc-fld>*{min-width:0}
@media (max-width:560px){.ttc-row{grid-template-columns:1fr}}
.ttc-fld{display:grid;gap:5px;border:0;margin:0;padding:0}
.ttc-fld label,.ttc-fld legend{font-size:13px;font-weight:600;color:var(--t-ink2);padding:0}
.ttc-fld input,.ttc-fld select,.ttc-fld textarea{border:1px solid var(--t-line);background:var(--t-surface);color:var(--t-ink);border-radius:10px;padding:10px 12px;width:100%;max-width:100%;font:inherit}
.ttc-fld input[type=file]{padding:8px}
.ttc-req{color:#D93636}
.ttc-h{margin:6px 0 -4px;font-size:16px}
.ttc-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.ttc-choice{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.ttc-choice label{position:relative;border:2px solid var(--t-line);border-radius:12px;padding:12px 6px;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;text-align:center;color:var(--t-ink)}
.ttc-choice input{position:absolute;opacity:0;pointer-events:none}
.ttc-choice label:has(input:checked),.ttc-choice label.on{border-color:var(--t-blue);background:var(--t-surface2)}
.ttc-choice svg{color:var(--t-blue)}
.ttc-choice small{font-size:12px;color:var(--t-ink2)}
.ttc-total{font-size:16px}
.ttc-fare{font-size:20px;font-variant-numeric:tabular-nums}
.ttc-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--t-yellow);color:var(--t-yink)!important;border:0;border-radius:10px;padding:12px 20px;font-weight:700;font-size:15px;cursor:pointer;text-decoration:none;justify-self:start}
.ttc-btn:hover{filter:brightness(.95)}
.ttc-small{font-size:13px;color:var(--t-ink2);margin:0}
.ttc-alert{border-radius:12px;padding:14px 16px;margin-bottom:14px;line-height:1.6}
.ttc-ok{background:rgba(21,163,74,.12);border:1px solid rgba(21,163,74,.35)}
.ttc-err{background:rgba(217,54,54,.1);border:1px solid rgba(217,54,54,.35)}
.ttc-code{font-variant-numeric:tabular-nums;letter-spacing:.02em}
.ttc-card{background:var(--t-surface);border:1px solid var(--t-line);border-radius:14px;padding:18px;margin-top:16px;display:grid;gap:16px;color:var(--t-ink)}
.ttc-card-h{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:flex-start}
.ttc-pill{display:inline-block;background:var(--t-surface2);color:var(--t-blue);border-radius:99px;padding:2px 12px;font-weight:700;font-size:13px}
.ttc-pill.ttc-red{color:#D93636}
.ttc-steps{list-style:none;margin:0;padding:0 0 4px;display:flex;gap:4px;overflow-x:auto}
.ttc-steps li{flex:1;min-width:84px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;font-size:12.5px;font-weight:600;position:relative;color:var(--t-ink2)}
.ttc-dot{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--t-surface2);border:2px solid var(--t-line);font-variant-numeric:tabular-nums}
.ttc-steps li.done .ttc-dot{background:var(--t-green);border-color:var(--t-green);color:#fff}
.ttc-steps li.now .ttc-dot{background:var(--t-yellow);border-color:var(--t-yellow);color:var(--t-yink)}
.ttc-steps li.now{color:var(--t-ink)}
.ttc-steps li:not(:last-child)::after{content:"";position:absolute;top:18px;left:calc(50% + 22px);right:calc(-50% + 22px);height:2px;background:var(--t-line)}
.ttc-steps li.done:not(:last-child)::after{background:var(--t-green)}
.ttc-dl{display:grid;grid-template-columns:max-content 1fr;gap:6px 16px;margin:0}
.ttc-dl dt{color:var(--t-ink2);font-size:13.5px}
.ttc-dl dd{margin:0;font-weight:600}