/* New V2.1.9 controls only. The EDIT7-CLEAN presentation remains the baseline. */
.hp219-auth-message{margin:8px 0 0;color:#c02c70;font-size:14px;line-height:1.5;font-weight:600}
.hp219-auth-message[hidden]{display:none}
body.hp219-date-open{overflow:hidden}
.hp219-birth-dialog{max-height:calc(100dvh - 36px);overflow-y:auto;overscroll-behavior:contain}
.hp219-birth-dialog h2{font-size:16px;margin:0 0 10px;color:#372631;text-align:center}
.hp219-heading-label{text-align:center;font-size:18px;font-weight:800}
.hp219-birth-dialog .hp219-date-heading{font-size:17px;font-weight:800;padding:5px 2px;color:#372631}
.hp219-date-help{font-size:13px;line-height:1.5;color:#8b7881;margin:12px 0}
.hp219-year-entry label{display:block;font-size:13px;font-weight:700;margin-bottom:6px}
.hp219-year-entry>div{display:flex;gap:8px}
.hp219-year-entry input{min-width:0;width:100%;font:inherit;font-size:16px;padding:10px 12px;border:1px solid #ead6de;border-radius:12px;background:white;color:#241b20}
.hp219-year-entry button{white-space:nowrap;border:0;border-radius:12px;background:#fff0f6;color:#d93380;padding:8px 12px;font-weight:700}
#hp219-year-error{display:block;min-height:1em;font-size:12px;color:#bc2466}
.hp219-year-grid,.hp219-month-grid{display:grid;gap:8px;margin-top:12px}
.hp219-year-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.hp219-month-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.hp219-year-grid button,.hp219-month-grid button{min-height:44px;border:1px solid #efd9e2;background:#fff8fb;color:#42313a;border-radius:12px;font:inherit;font-size:14px;cursor:pointer}
.hp219-year-grid button.active{background:#f44d91;color:white;border-color:#f44d91;font-weight:800}
.hp219-birth-dialog button:disabled{opacity:.35;cursor:default}
.hp219-birth-dialog :is(button,input):focus-visible{outline:2px solid #e84890;outline-offset:2px}
@media(max-width:360px){.hp219-birth-dialog{padding:14px}.hp219-month-grid button{font-size:12px}.hp219-birth-dialog .hp219-date-heading{font-size:15px}}

/* View-mode control: single V2.1.9 owner. */
.hp219-view-switch{margin-top:0;display:flex;justify-content:flex-end;padding:20px 4px 4px;border-top:0}
.hp219-view-toggle{width:48px;height:48px;border:1.5px solid #ed4a8d;border-radius:50%;background:#fff;color:#ed4a8d;display:grid;place-items:center;cursor:pointer}
.hp219-view-toggle svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

html[data-hp-view-mode="desktop"] .hp-mobile-nav{display:none!important}
@media(prefers-reduced-motion:reduce){.hp219-view-toggle{transition:none!important}}