/* trial.css — 3 日免費試用示範流程（只用 tr- 前綴；modal 沿用 auth.css 嘅 au- 樣式） */
.tr-notice{margin:0 0 26px;background:#fff;border:1px solid #c7cff0;border-left:5px solid var(--hot);border-radius:var(--r);padding:20px 24px;box-shadow:0 6px 18px -12px rgba(37,56,120,.18)}
.tr-notice p{color:var(--ink2);line-height:1.7}
.tr-notice-h{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:6px}
.tr-notice-h b{font-size:1.12rem;font-weight:900}
.tr-notice-s{margin-top:8px;font-size:.86rem;color:var(--muted)!important}
.tr-badge{display:inline-block;padding:2px 10px;border-radius:999px;background:#fff7ed;color:#c2410c;border:1px solid #fed7aa;font-size:.74rem;font-weight:700;white-space:nowrap}
.tr-link{border:0;background:none;padding:0 0 0 8px;font:inherit;font-weight:700;color:var(--hot);cursor:pointer;text-decoration:underline}
.tr-plan-note{margin:-12px 0 12px;font-size:.84rem;font-weight:700;color:#059669}
.tr-sub-link{margin-top:10px;font-size:.86rem;font-weight:700;color:var(--hot)}
html.tr-lock{overflow:hidden}
.tr-dlg{width:min(520px,100%)}
.tr-dlg .tr-badge{margin:-6px 0 12px}
.tr-steps{display:flex;gap:6px;list-style:none;margin:0 0 16px;padding:0;counter-reset:tr}
.tr-steps li{flex:1;counter-increment:tr;text-align:center;font-size:.74rem;font-weight:700;color:var(--muted);border-top:4px solid var(--line);padding-top:6px}
.tr-steps li::before{content:counter(tr) ". "}
.tr-steps li[aria-current="step"],.tr-steps li.done{color:var(--hot);border-color:var(--hot)}
.tr-terms{margin:0;padding:12px 14px;border-radius:14px;background:#f5f6ff;border:1px solid #dfe3fb;font-size:.86rem;line-height:1.65;color:var(--ink2)}
.tr-warn{margin:0;padding:12px 14px;border-radius:14px;background:#fef2f2;border:2px solid #fca5a5;color:#991b1b;font-size:.9rem;font-weight:700;line-height:1.6}
.tr-check{display:flex;gap:10px;align-items:flex-start;font-size:.88rem;line-height:1.55;color:var(--ink2);cursor:pointer}
.tr-check input{margin-top:3px;width:18px;height:18px;flex:none;accent-color:var(--hot)}
.tr-plans{display:grid;gap:10px}
.tr-plan{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:16px;border:2px solid var(--line);cursor:pointer;background:#fff}
.tr-plan:has(input:checked){border-color:var(--hot);background:#f5f6ff}
.tr-plan input{margin-top:4px;width:18px;height:18px;accent-color:var(--hot)}
.tr-plan b{display:block}.tr-plan small{color:var(--muted)}
.tr-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.tr-card-grid .tr-full{grid-column:1/-1}
.au-f input:disabled{color:var(--muted);background:#eef0f5;cursor:not-allowed;letter-spacing:.04em}
.tr-row{display:flex;gap:10px}
.tr-row>*{flex:1}
.tr-dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:8px 14px;font-size:.92rem}
.tr-dl dt{color:var(--muted);font-weight:700}
.tr-dl dd{margin:0;color:var(--ink);font-weight:700}
.tr-status{display:inline-block;padding:3px 12px;border-radius:999px;font-size:.85rem;font-weight:900}
.tr-status.s-trial{background:#ecfdf5;color:#047857}
.tr-status.s-cancelled{background:#f1f5f9;color:#475569}
.tr-status.s-paid{background:#eef2ff;color:#4338ca}
.tr-empty{margin:0;color:var(--muted)}
@media (max-width:640px){
  .tr-notice{padding:16px 16px}
  .tr-card-grid{grid-template-columns:1fr 1fr}
  .tr-steps li{font-size:.68rem}
  .tr-row{flex-direction:column}
}