.beta-plan-badge{display:inline-flex;align-items:center;width:max-content;margin:0 0 8px;padding:5px 9px;border-radius:999px;background:color-mix(in srgb,var(--brand) 12%,var(--surface));color:var(--brand);font-size:.72rem;font-weight:700}
.welcome-trial-card{margin:14px 0;padding:12px 13px;border-radius:12px;background:color-mix(in srgb,var(--brand) 9%,var(--surface));border:1px solid color-mix(in srgb,var(--brand) 18%,var(--line))}
.welcome-trial-card strong{display:block;margin-bottom:3px;font-size:.95rem}.welcome-trial-card p{margin:0;color:var(--muted);font-size:.8rem;line-height:1.45}
.welcome-setup-grid{display:grid;gap:16px;margin-top:16px}.welcome-setup-grid label{display:grid;gap:6px;font-weight:650}.welcome-setup-grid input,.welcome-setup-grid select{width:100%}
.welcome-reference-help{display:grid;gap:4px;margin:2px 0 -4px}.welcome-reference-help strong{font-size:.9rem}.welcome-reference-help p{margin:0;color:var(--muted);font-size:.76rem;line-height:1.45}.welcome-reference-select-only{margin-top:-2px}
.welcome-reference-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.welcome-reference-option{display:flex!important;flex-direction:row!important;align-items:center;justify-content:center;gap:6px;padding:10px 8px;border:1px solid var(--line);border-radius:10px;background:var(--bg);font-weight:600!important;text-align:center;min-width:0}.welcome-reference-option input{width:auto!important;margin:0;accent-color:var(--brand);flex:0 0 auto}.welcome-reference-option span{line-height:1.2;font-size:.78rem;min-width:0}
.welcome-profile-field{display:grid;gap:6px}.welcome-profile-title{display:block;font-size:.9rem;font-weight:700}.welcome-profile-help{display:block;color:var(--muted);font-size:.76rem;font-weight:500;line-height:1.45}.welcome-profile-input-label{display:block!important;font-weight:400!important}.welcome-profile-examples{display:block;margin-top:2px;color:var(--muted);font-size:.72rem;font-weight:500;line-height:1.4}
.profile-name-title label{font-weight:700!important}#profileNameField>.profile-name-help{display:block;margin:0 0 2px;color:var(--muted);font-size:.76rem;line-height:1.45}
.welcome-tide-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.welcome-tide-grid .field-wrapper{display:grid;gap:8px}.welcome-tide-grid .field-wrapper label{font-size:.82rem}.welcome-tide-grid input{width:100%}.welcome-tide-label{display:flex!important;align-items:center;gap:6px}.welcome-tide-label .info-button{flex:0 0 auto}
.welcome-field-help{margin:6px 0 2px;color:var(--muted);font-size:.72rem;line-height:1.45}.welcome-setup-error{margin:8px 0 0;color:var(--bad);font-size:.78rem;font-weight:650}.welcome-actions .primary{width:100%}
.welcome-accept{margin:28px auto 0!important;max-width:94%;align-items:center!important;text-align:center;gap:10px!important}.welcome-accept input{width:32px!important;height:32px!important;margin:0 auto!important;flex:0 0 auto}
.post-install-card{margin:18px 0 4px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--muted);text-align:center}.post-install-card strong{display:block;color:var(--text);font-size:.92rem}.post-install-card p{margin:7px 0 0;font-size:.78rem;line-height:1.45}.post-install-card .secondary{width:100%;margin-top:12px}.post-install-card .welcome-install-help{margin-top:10px;padding:10px;border-radius:9px;background:var(--bg)}
.now-section-icon{width:34px!important;height:34px!important;font-size:1.45rem!important}.tide-event b{font-size:1.05rem!important;line-height:1.1;font-weight:700}.now-cold-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:58px;height:58px;border-radius:16px;background:color-mix(in srgb,var(--surface) 70%,transparent);font-size:2rem}
@media(max-width:380px){.welcome-tide-grid{grid-template-columns:1fr}.beta-plan-badge{font-size:.68rem}.welcome-reference-options{gap:6px}.welcome-reference-option{padding:9px 5px}.welcome-reference-option span{font-size:.72rem}}

.app-header-actions{display:flex;flex:0 0 auto;flex-direction:column;align-items:center;justify-content:center;gap:1px}
.app-header-actions .icon-button{line-height:1}
.app-header .beta-plan-badge{margin:0;padding:3px 7px;max-width:none;border:1px solid rgba(121,196,220,.24);background:rgba(12,23,29,.28);color:#b8e1ee;font-size:.62rem;line-height:1.2;white-space:nowrap}
.active-profile{margin:8px 0 12px;padding:0;background:transparent}
.active-profile .profile-guidance{margin:0;padding:12px 13px;border:1px solid color-mix(in srgb,var(--brand) 13%,var(--line));background:color-mix(in srgb,var(--brand) 10%,var(--surface))}
@media(max-width:380px){.app-header .beta-plan-badge{padding:3px 6px;font-size:.58rem}}

/* Encabezado móvil compacto: dos líneas alineadas y área segura conservada. */
.app-header{padding:calc(8px + env(safe-area-inset-top)) 22px 8px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:minmax(44px,auto) auto;column-gap:12px;row-gap:0;align-items:center}
.app-header-copy,.app-header-actions{display:contents}
.app-header h1{grid-column:1;grid-row:1;align-self:center}
.app-header .header-reference{grid-column:1;grid-row:2;align-self:center}
.app-header-actions .icon-button{grid-column:2;grid-row:1;justify-self:end;align-self:center;padding:6px;line-height:1}
.helm-icon{display:block;width:32px;height:32px}
.app-header .beta-plan-badge{grid-column:2;grid-row:2;justify-self:end;align-self:center}
.app-header .header-reference{transform:translateY(-11px);margin-bottom:0}
.app-header .beta-plan-badge{transform:translateY(-2px);margin-bottom:0}
.app-header+main{padding-top:8px}
.active-profile{margin-top:0}


.welcome-auth{margin-top:14px;padding:14px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(255,255,255,.04)}
.welcome-auth p{margin:6px 0 10px}
.welcome-auth label{display:grid;gap:6px;margin-bottom:10px}
.welcome-auth input{width:100%}
.welcome-auth-status{min-height:1.2em;font-size:.9rem}
.welcome-auth-status[data-error="true"]{font-weight:600}