/* TrailLab · v371 · asistente de activación Pro/Billing */
#view-pro .pro-status{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin:0 0 16px;padding:16px 18px;border:1px solid var(--tl-border,var(--line));border-radius:18px;background:var(--tl-panel,var(--surface))}
#view-pro .pro-status-copy{display:grid;gap:4px}
#view-pro .pro-status-copy strong{font-size:var(--tl-type-card-title, 16px);color:var(--ink)}
#view-pro .pro-status-copy span{font-size:var(--tl-type-meta, 13px);line-height:1.45;color:var(--muted)}
#view-pro .pro-status-badge{flex:none;padding:6px 10px;border-radius:999px;font-size:var(--tl-type-kicker, 12px);font-weight:900;letter-spacing:.04em;text-transform:uppercase;background:rgba(166,232,44,.14);color:var(--tl-accent,#a6e82c);border:1px solid rgba(166,232,44,.32)}
#view-pro .pro-status[data-tone="beta"] .pro-status-badge{background:rgba(231,177,92,.14);color:var(--tl-gold,#e7b15c);border-color:rgba(231,177,92,.35)}
#view-pro .pro-guide{margin:0 0 18px;padding:18px;border:1px solid var(--tl-border,var(--line));border-radius:20px;background:var(--tl-panel,var(--surface))}
#view-pro .pro-guide-head{margin-bottom:14px}
#view-pro .pro-guide-head small{font-size:var(--tl-type-kicker, 12px);font-weight:900;letter-spacing:.12em;color:var(--tl-accent,#a6e82c)}
#view-pro .pro-guide-head h3{margin:4px 0 4px;font-size:var(--tl-type-card-title, 16px);color:var(--ink)}
#view-pro .pro-guide-head p{margin:0;color:var(--muted);font-size:var(--tl-type-meta, 13px);line-height:1.45}
#view-pro .pro-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
#view-pro .pro-step{min-width:0;padding:13px;border-radius:15px;background:var(--surface2);border:1px solid var(--line)}
#view-pro .pro-step-top{display:flex;align-items:center;gap:7px;margin-bottom:7px}
#view-pro .pro-step-dot{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font-size:var(--tl-type-kicker, 12px);font-weight:900;background:rgba(255,255,255,.08);color:var(--muted)}
#view-pro .pro-step[data-state="ok"] .pro-step-dot{background:rgba(166,232,44,.18);color:var(--tl-accent,#a6e82c)}
#view-pro .pro-step[data-state="error"] .pro-step-dot{background:rgba(255,100,100,.16);color:#ff8989}
#view-pro .pro-step strong{font-size:var(--tl-type-meta, 13px);color:var(--ink)}
#view-pro .pro-step p{margin:0;font-size:var(--tl-type-kicker, 12px);line-height:1.42;color:var(--muted)}
#view-pro .pp-cta[disabled]{cursor:not-allowed;filter:saturate(.35);opacity:.7}
#view-pro .pp-real{display:block;min-height:1.3em;margin-top:7px;font-size:var(--tl-type-kicker, 12px);color:var(--muted)}
#view-pro .pro313-plans button>small{white-space:normal;overflow-wrap:anywhere;line-height:1.35}
#view-pro .pro313-plans button.best{padding-top:50px}
#view-pro .pro-actions{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 18px}
#view-pro .pro-actions button,#view-pro .pro-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 14px;border-radius:12px;border:1px solid var(--line);background:var(--surface2);color:var(--ink);font:inherit;font-size:var(--tl-type-meta, 13px);font-weight:800;text-decoration:none;cursor:pointer}
#view-pro .pro-actions button:disabled{opacity:.5;cursor:not-allowed}
#view-pro .pro-check{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 18px}
#view-pro .pro-check article{padding:15px 16px;border-radius:16px;border:1px solid var(--line);background:var(--surface2)}
#view-pro .pro-check h4{margin:0 0 6px;color:var(--ink);font-size:var(--tl-type-body, 15px)}
#view-pro .pro-check p{margin:0;color:var(--muted);font-size:var(--tl-type-meta, 13px);line-height:1.5}
@media(max-width:760px){#view-pro .pro-steps{grid-template-columns:1fr 1fr}}
@media(max-width:600px){#view-pro .pro-status{align-items:stretch;flex-direction:column}#view-pro .pro-status-badge{align-self:flex-start}#view-pro .pro-steps,#view-pro .pro-check{grid-template-columns:1fr}#view-pro .pro-guide{padding:15px}#view-pro .pro-actions{display:grid}#view-pro .pro-actions button,#view-pro .pro-actions a{width:100%}}