.account-travel-panel{margin:20px 0 8px;padding:18px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--cream) 60%,var(--paper));color:var(--ink);font-family:'DM Sans',sans-serif;overflow-wrap:anywhere}
.account-travel-status{position:relative;padding-left:18px}
.account-travel-status::before{content:'';position:absolute;left:0;top:6px;width:7px;height:7px;border:2px solid var(--muted);border-radius:50%}
.account-travel-status-title{display:block;font-size:13px;line-height:1.5;font-weight:700}
.account-travel-panel p{margin:6px 0 0;font-size:12px;line-height:1.65;color:var(--muted)}
.account-travel-recovery{margin-top:12px;border-top:1px solid var(--line)}
.account-travel-recovery-summary{min-height:44px;padding:12px 0 8px;font-size:12px;font-weight:600;line-height:1.7;cursor:pointer;color:var(--ink)}
.account-travel-panel .account-travel-recovery-note{margin-top:10px}
.account-travel-consent{display:flex;align-items:flex-start;gap:10px;min-height:44px;padding:14px 0;font-size:12px;line-height:1.6;cursor:pointer}
.account-travel-consent-input{flex:0 0 20px;width:20px;height:20px;margin:1px 0 0;accent-color:var(--navy)}
.account-travel-panel .account-travel-recover-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;max-width:100%;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);font:600 12px/1.5 'DM Sans',sans-serif;text-align:center;white-space:normal;cursor:pointer}
.account-travel-panel .account-travel-recover-button:hover:not(:disabled){background:color-mix(in srgb,var(--navy) 8%,var(--paper));border-color:var(--navy)}
.account-travel-panel .account-travel-recover-button:disabled{opacity:.55;cursor:not-allowed}
.account-travel-panel :is(summary,input,button):focus-visible{outline:3px solid var(--navy);outline-offset:3px}
.account-travel-panel .account-travel-recovery-message:not(:empty){margin-top:12px;color:var(--ink)}
.account-travel-recovery-message:empty{display:none}
:root[data-theme=dark] .account-travel-panel :is(summary,input,button):focus-visible{outline-color:var(--night-link)}
:root[data-theme=dark] .account-travel-consent-input{accent-color:var(--night-link)}
@media(max-width:520px){.account-travel-panel{padding:16px;margin-top:16px}.account-travel-panel .account-travel-recover-button{width:100%}}