.hp-dialog{--hp-ink:var(--ink,#123148);--hp-muted:#49616b;--hp-primary:#087f86;--hp-line:#c8dcda;width:calc(100% - 24px);max-width:580px;max-height:calc(var(--cuida-viewport-height,100dvh) - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));margin:auto;padding:0;border:1px solid var(--hp-line);border-radius:22px;background:#fff;color:var(--hp-ink);box-shadow:0 18px 60px #12314833;overflow:auto;font:1rem/1.5 system-ui,sans-serif;box-sizing:border-box}
.hp-dialog::backdrop{background:#15394688}.hp-dialog *{box-sizing:border-box}.hp-dialog button,.hp-dialog select,.hp-dialog textarea{font:inherit}.hp-dialog button{cursor:pointer;min-height:46px;border-radius:12px;padding:10px 14px;border:1px solid var(--hp-line);font-weight:650;transition:background-color .15s,color .15s}.hp-dialog button:focus-visible,.hp-dialog select:focus-visible,.hp-dialog textarea:focus-visible{outline:3px solid #176aab;outline-offset:3px}.hp-dialog button:disabled{opacity:.6;cursor:default}.hp-dialog button:active:not(:disabled){filter:brightness(.95)}
.hp-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:20px 20px 8px}.hp-header>div{min-width:0}.hp-header h2{font-size:1.45rem;line-height:1.2;letter-spacing:-.4px;margin:4px 0 0;text-wrap:balance;overflow-wrap:anywhere}.hp-eyebrow{font-size:.875rem;line-height:1.4;margin:0;color:var(--hp-muted);overflow-wrap:anywhere}.hp-dialog .hp-close{background:#f1f7f4;color:var(--hp-ink);flex-shrink:0;font-size:.875rem;padding:8px 11px}.hp-body{padding:8px 20px 20px}.hp-status:empty,.hp-warning:empty{display:none}.hp-status{margin:6px 20px;font-size:.9rem;color:var(--hp-primary)}.hp-warning{background:#fff4d9;border:1px solid #d9bb75;border-radius:12px;margin:8px 20px;padding:12px;display:flex;flex-wrap:wrap;gap:8px}.hp-warning p{flex-basis:100%;margin:0 0 4px}.hp-intro{font-weight:700;font-size:1.15rem;margin:4px 0 8px;overflow-wrap:anywhere}.hp-caption{color:var(--hp-muted);font-size:.875rem;line-height:1.55;margin:6px 0 12px}.hp-progress{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0;margin:12px 0 18px}.hp-progress li{font-size:.75rem;border-top:3px solid var(--hp-line);padding-top:7px;color:var(--hp-muted)}.hp-progress .hp-current{border-color:var(--hp-primary);color:#065f66;font-weight:750}.hp-step-title{font-size:1.15rem;line-height:1.3;margin:4px 0 6px}.hp-fields{border:0;margin:0;padding:0;min-width:0}.hp-question{margin:18px 0 24px}.hp-label{display:block;font-size:1rem;font-weight:700;line-height:1.4}.hp-text-label{display:block;font-size:.875rem;margin:12px 0 6px;color:var(--hp-muted)}.hp-dialog select,.hp-dialog textarea{width:100%;min-width:0;max-width:100%;min-height:48px;border:1px solid #809c9f;border-radius:10px;background:#fff;color:var(--hp-ink);padding:11px 12px;font-size:1rem}.hp-dialog select{white-space:normal}.hp-dialog textarea{resize:vertical;line-height:1.5}.hp-dialog textarea::placeholder{color:#536b76}.hp-actions{display:flex;gap:10px;flex-wrap:wrap}.hp-actions>button{flex:1 1 120px}.hp-dialog .hp-primary{background:var(--hp-primary);border-color:var(--hp-primary);color:#fff}.hp-dialog .hp-secondary{background:#f1f7f4;color:var(--hp-ink)}.hp-dialog .hp-save-later{flex-basis:100%;background:#fff;color:#06676e;border-color:#80afae}.hp-error{color:#9a3125;font-size:.9rem;line-height:1.5;margin:8px 0 14px}.hp-error:empty{display:none}.hp-privacy{font-size:.8125rem;color:var(--hp-muted);line-height:1.6;margin:20px 0 12px;overflow-wrap:anywhere}.hp-dismiss{width:100%}.hp-summary{margin:16px 0}.hp-summary>div{padding:14px 0;border-top:1px solid var(--hp-line)}.hp-summary dt{font-size:.9rem;font-weight:700}.hp-summary dd{margin:6px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.hp-body>.hp-primary,.hp-body>.hp-secondary{margin:8px 8px 0 0}.hp-dialog [hidden]{display:none!important}
@media(max-width:360px){.hp-header{padding:16px 14px 8px}.hp-body{padding:8px 14px 16px}.hp-header h2{font-size:1.25rem}.hp-header{gap:8px}.hp-progress{gap:6px}.hp-progress li{font-size:.73rem}.hp-status,.hp-warning{margin-left:14px;margin-right:14px}}
@media(prefers-reduced-motion:reduce){.hp-dialog button{transition:none}}
html[data-cuida-keyboard] .hp-dialog{top:calc(var(--cuida-viewport-top,0px) + env(safe-area-inset-top) + 12px);bottom:auto;margin-top:0;margin-bottom:0}