/* Keep personal-account sections aligned when only some need vertical scrolling. */
html:has(> body.ca-page){scrollbar-gutter:stable}
@supports not (scrollbar-gutter:stable){html:has(> body.ca-page){overflow-y:scroll}}
.ca-page{--ca-ink:#192450;--ca-muted:#637590;--ca-line:#dce3f2;--ca-blue:#315bdf;background:#f6f7fc;color:var(--ca-ink);font-family:system-ui,sans-serif}.ca-page .ca-header{padding:20px max(24px,calc((100vw - 1080px)/2));gap:20px}.ca-main{max-width:1128px;margin:auto;padding:40px 24px 64px}.ca-main h1{font-size:32px;letter-spacing:-.035em;margin:0 0 10px}.ca-main h2{font-size:22px;margin:0 0 8px}.ca-main h3{font-size:18px;margin:0 0 6px}.ca-main p{margin:0 0 16px}.ca-muted{color:var(--ca-muted)}.ca-small{font-size:14px}.ca-greeting{margin-bottom:28px}.ca-tabs,.ca-segment{display:flex;gap:4px;background:#eceffa;border-radius:999px;padding:5px;width:fit-content;max-width:100%;margin-bottom:28px}.ca-tabs button,.ca-segment button{background:transparent;color:var(--ca-muted);border:0;min-height:48px;padding:12px 24px;white-space:nowrap}.ca-tabs [aria-selected=true],.ca-segment [aria-pressed=true]{background:var(--ca-blue);color:white}.ca-surface{background:white;border:1px solid var(--ca-line);border-radius:24px 8px;padding:28px}.ca-section-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px}.ca-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 20px;background:white;border:1px solid var(--ca-line);border-radius:999px;color:var(--ca-ink);font:inherit;font-weight:650;text-decoration:none}.ca-button.primary{background:var(--ca-blue);border-color:var(--ca-blue);color:white}.ca-button.soft{background:#eef1fb;color:var(--ca-blue);border-color:transparent}.ca-button:disabled{opacity:.55;cursor:wait}.ca-list{padding:0;margin:0;list-style:none}.ca-agenda{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:18px;align-items:center;padding:24px 0;border-top:1px solid var(--ca-line)}.ca-agenda:first-child{border-top:0;padding-top:4px}.ca-agenda:last-child{padding-bottom:4px}.ca-avatar{width:48px;height:48px;border-radius:16px;background:#eef1fb;color:var(--ca-blue);display:grid;place-items:center;font-weight:750}.ca-role{display:inline-flex;font-size:13px;color:var(--ca-blue);background:#eff3ff;border-radius:999px;padding:5px 10px;margin:0 0 8px}.ca-agenda p{font-size:14px;color:var(--ca-muted);margin:0}.ca-empty{padding:28px 0;max-width:570px}.ca-empty p{color:var(--ca-muted)}.ca-account-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:24px}.ca-settings label{display:block;margin:20px 0 8px;font-weight:650}.ca-settings input{width:100%;min-height:48px;font:inherit}.ca-settings .ca-consent{display:flex;align-items:flex-start;gap:12px;font-weight:400}.ca-consent input{width:20px;min-height:20px;flex:none;margin-top:3px}.ca-settings .hm-form-actions{margin-top:24px}.ca-avatar-preview{width:72px;height:72px;border-radius:50%;object-fit:cover;margin:16px 0}.ca-preview-name{overflow-wrap:anywhere}.ca-error{color:#a12842;margin-top:16px!important}.ca-auth{max-width:540px;margin:auto}.ca-auth form{margin:20px 0}.ca-auth .ca-button[data-back],.ca-auth .ca-button[data-resend]{margin:8px 8px 0 0}.ca-book-link{margin-top:28px;padding-top:24px;border-top:1px solid var(--ca-line)}.ca-book-link form{display:flex;align-items:end;gap:12px;margin:0}.ca-book-link label{flex:1;margin:0}.ca-book-link input{margin-top:8px}.ca-book-link p{font-size:14px;color:var(--ca-muted)}.ca-appointment{padding:24px 0;border-top:1px solid var(--ca-line);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:20px 24px}.ca-appointment>div{min-width:0}.ca-appointment>.ca-button{align-self:start;justify-self:end;max-width:100%;height:auto}.ca-appointment:first-child{border-top:0}.ca-appointment p{color:var(--ca-muted);margin:0 0 8px;max-width:65ch;overflow-wrap:anywhere}.ca-appointment time{display:block;font-weight:700;margin-bottom:8px}.ca-appointment .ca-role{color:var(--ca-ink);background:#f1f3f9}.ca-more{margin-top:20px}.ca-skeleton{height:100px;border-radius:14px;background:#eef1f7;margin-bottom:12px}.ca-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 32px);background:#192450;color:white;padding:14px 22px;border-radius:16px;z-index:20}.ca-page :focus-visible{outline:3px solid #86a0f1;outline-offset:3px}.ca-page ::selection{background:#dce5ff;color:#192450}.ca-page input::placeholder{color:#637590}.ca-page .hm-icon{width:20px;height:20px;flex:none}@media(max-width:650px){.ca-main{padding:28px 18px 48px}.ca-main h1{font-size:28px}.ca-surface{padding:22px}.ca-tabs{width:100%}.ca-tabs button{flex:1;padding:10px;font-size:14px}.ca-section-head{align-items:start;flex-direction:column;gap:12px}.ca-agenda{grid-template-columns:40px minmax(0,1fr);gap:12px}.ca-agenda .ca-button{grid-column:1/-1;width:100%}.ca-avatar{width:40px;height:40px}.ca-account-layout{grid-template-columns:1fr}.ca-appointment{grid-template-columns:1fr}.ca-appointment .ca-button{justify-self:start}.ca-book-link form{align-items:stretch;flex-direction:column}.ca-book-link button{width:100%}.ca-header .brand{font-size:26px}.ca-header #accountLogout{padding:10px 14px;font-size:13px}.ca-segment{width:100%}.ca-segment button{flex:1;padding:12px}.ca-auth h1{font-size:27px}}
.ca-page .ca-button.primary{width:auto;margin-top:0}.ca-auth .hm-form-actions,.ca-settings .hm-form-actions{margin-top:24px}.ca-auth label{color:var(--ca-ink)}.ca-page .social-button{margin-top:0}.ca-appointment [data-ca-more]{margin-top:20px}

.ca-page .ca-header .brand{font-size:30px}@media(max-width:650px){.ca-page .ca-header .brand{font-size:26px}}

.ca-calendar-note{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--ca-blue)!important}
.ca-appointment-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.ca-button.danger{color:#a12842;border-color:#efc8d0;background:#fff7f8}.ca-button.danger.primary{background:#a12842;color:#fff;border-color:#a12842}.ca-appointment-dialog{width:min(620px,calc(100vw - 32px));max-height:min(88dvh,850px);padding:0;border:1px solid var(--ca-line);border-radius:24px 8px;background:#fff;color:var(--ca-ink);box-shadow:0 24px 80px #17255433}.ca-appointment-dialog::backdrop{background:#17255488;backdrop-filter:blur(3px)}.ca-appointment-dialog>header{display:flex;align-items:start;justify-content:space-between;gap:16px;padding:28px 30px 0}.ca-appointment-dialog h2{font-size:25px;line-height:1.2;margin:0 0 6px;letter-spacing:-.03em}.ca-appointment-dialog header p{color:var(--ca-muted);margin:0}.ca-dialog-close{width:44px;height:44px;flex:none;border:1px solid var(--ca-line);border-radius:50%;background:#fff;color:var(--ca-ink);font:inherit;font-size:24px}.ca-dialog-body{padding:24px 30px;overflow:auto}.ca-appointment-dialog>footer{display:flex;justify-content:space-between;gap:14px;padding:18px 30px 24px;border-top:1px solid var(--ca-line)}.ca-appointment-dialog>footer .primary{min-width:210px}.ca-change-summary{display:grid;gap:7px;padding:18px 20px;border-radius:16px;background:#f0f3fa;margin-bottom:20px}.ca-change-summary span{color:var(--ca-muted)}.ca-change-effects{padding-left:22px;line-height:1.65}.ca-change-date{display:grid;gap:8px;font-weight:650;margin:22px 0}.ca-change-date input{min-height:48px;width:100%;padding:10px 14px;border:1px solid var(--ca-line);border-radius:12px;color:var(--ca-ink);font:inherit}.ca-change-slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;min-height:64px}.ca-change-slots .ca-slot{padding:10px 6px}.ca-slot[aria-pressed=true]{background:var(--ca-blue);border-color:var(--ca-blue);color:white}.ca-slot-skeleton{height:48px;border-radius:12px;background:#edf0f7;animation:ca-pulse 1.2s ease-in-out infinite alternate}.ca-dialog-message{margin:14px 0 0;color:var(--ca-muted)}.ca-dialog-message.is-error{color:#a12842}.ca-appointment-dialog[aria-busy=true] .ca-dialog-body{cursor:progress}@keyframes ca-pulse{to{opacity:.5}}
@media(max-width:650px){.ca-appointment-dialog{width:calc(100vw - 24px);max-height:90dvh;border-radius:20px 8px}.ca-appointment-dialog>header{padding:22px 20px 0}.ca-dialog-body{padding:20px}.ca-appointment-dialog>footer{padding:16px 20px 20px;gap:10px}.ca-appointment-dialog>footer .ca-button{flex:1;min-width:0;padding:12px 14px}.ca-change-slots{grid-template-columns:repeat(3,minmax(0,1fr))}.ca-appointment-actions{flex-direction:column;align-items:stretch}.ca-appointment-actions .ca-button{width:100%}}
.ca-email-preferences{margin-top:24px}.ca-email-preferences .ca-consent{padding:16px 0;margin:0;border-top:1px solid var(--ca-line)}.ca-email-preferences .ca-consent:first-of-type{border-top:0}.ca-email-preferences .ca-consent span{display:grid;gap:4px}.ca-email-preferences .ca-consent small{font-size:14px;color:var(--ca-muted);line-height:1.5}
.ca-page .ca-main.ca-auth{margin:32px auto 0}
@media(max-width:650px){.ca-page .ca-main.ca-auth{margin-top:24px}}
.ca-page .ca-header .brand{color:#101317;--hourmeet-logo-accent:#0758F5}
.ca-email-preferences [data-ca-email-status]{margin:16px 0 0;line-height:1.5}
.ca-settings input[type=file]{display:block;width:100%;min-height:60px;padding:8px;border:1px solid var(--ca-line);border-radius:18px;background:#fff;color:var(--ca-muted);font:500 14px/1.4 system-ui,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.ca-settings input[type=file]::file-selector-button,.ca-settings input[type=file]::-webkit-file-upload-button{min-height:42px;margin-inline-end:12px;padding:10px 18px;border:0;border-radius:999px;background:#eef1fb;color:var(--ca-blue);font:650 14px/1.2 system-ui,sans-serif;cursor:pointer;transition:background-color 160ms ease,transform 160ms ease}.ca-settings input[type=file]:hover::file-selector-button,.ca-settings input[type=file]:hover::-webkit-file-upload-button{background:#e2e9fc}.ca-settings input[type=file]:active::file-selector-button,.ca-settings input[type=file]:active::-webkit-file-upload-button{transform:scale(.98)}.ca-settings input[type=file]:focus-visible{outline:3px solid #86a0f1;outline-offset:3px}

/* Give labels and their controls enough visual separation in personal settings. */
.ca-settings label:not(.ca-consent){display:grid;gap:12px;margin:22px 0 16px}
.ca-session-notice{padding:12px 16px;border:1px solid var(--ca-line);border-radius:14px;background:#f1f4ff;margin:20px 0}.ca-recovery-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
@media(max-width:650px){.ca-recovery-actions{flex-direction:column}.ca-recovery-actions .ca-button{width:100%}}
.ca-connections{margin-top:24px}.ca-connections [data-ca-account-connections]{display:grid;gap:0}.account-connection-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-top:1px solid var(--ca-line)}.account-connection-row:first-child{border-top:0}.account-connection-row p{margin:4px 0 0;color:var(--ca-muted)}.account-connection-email strong{display:block}.account-connection-email p{overflow-wrap:anywhere}.account-connection-row .btn{min-height:44px;padding:10px 18px;border:1px solid var(--ca-line);border-radius:999px;background:#fff;color:var(--ca-ink);font:inherit;font-weight:650;cursor:pointer}.account-connection-row .btn.primary{background:var(--ca-blue);border-color:var(--ca-blue);color:#fff}.account-connection-row .btn:disabled{opacity:.55;cursor:not-allowed}.ca-email-preferences input[type=checkbox]{accent-color:var(--ca-blue);cursor:pointer}.ca-email-preferences input[type=checkbox]:disabled{cursor:wait;opacity:.55}
@media(max-width:650px){.account-connection-row{align-items:stretch;flex-direction:column}.account-connection-row .btn{width:100%}}
.ca-connections{margin-top:24px}.ca-connections [data-ca-account-connections]{display:grid;gap:0}.account-connection-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-top:1px solid var(--ca-line)}.account-connection-row:first-child{border-top:0}.account-connection-row p{margin:4px 0 0;color:var(--ca-muted)}.account-connection-row .btn{min-height:44px;padding:10px 18px;border:1px solid var(--ca-line);border-radius:999px;background:#fff;color:var(--ca-ink);font:inherit;font-weight:650;cursor:pointer}.account-connection-row .btn.primary{background:var(--ca-blue);border-color:var(--ca-blue);color:#fff}.account-connection-row .btn:disabled{opacity:.55;cursor:not-allowed}.ca-email-preferences input[type=checkbox]{accent-color:var(--ca-blue);cursor:pointer}.ca-email-preferences input[type=checkbox]:disabled{cursor:wait;opacity:.55}
@media(max-width:650px){.account-connection-row{align-items:stretch;flex-direction:column}.account-connection-row .btn{width:100%}}

/* Personal appointments: one readable date anchor, grouped details, separate actions. */
.ca-appointment{grid-template-columns:64px minmax(0,1fr) auto;gap:18px 22px;padding:28px 0}
.ca-appointment:first-child{padding-top:4px}.ca-appointment:last-child{padding-bottom:4px}
.ca-appointment-calendar{display:grid;justify-items:center;align-content:center;gap:2px;min-height:76px;padding:8px 6px;background:#eef1fb;border-radius:12px;color:var(--ca-blue)}
.ca-appointment-calendar span{font-size:12px;font-weight:700;line-height:1.5;text-transform:uppercase;letter-spacing:.04em}
.ca-appointment-calendar strong{font-size:28px;font-weight:750;line-height:1.15;font-variant-numeric:tabular-nums;color:var(--ca-ink)}
.ca-appointment-header{display:flex;align-items:start;gap:12px;flex-wrap:wrap}
.ca-appointment-header h3{font-size:20px;line-height:1.3;letter-spacing:-.02em;margin:0;overflow-wrap:anywhere}
.ca-appointment .ca-appointment-status{margin:0;padding:4px 9px;font-size:12px;line-height:1.5;white-space:nowrap;color:#294bb2;background:#edf2ff}
.ca-appointment .ca-appointment-status--requested{color:#7a5917;background:#fff4df}
.ca-appointment .ca-appointment-status--cancelled,.ca-appointment .ca-appointment-status--registered{color:#596982;background:#f0f2f7}
.ca-appointment .ca-appointment-when{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px 12px;margin:10px 0 0;line-height:1.5;font-weight:400}
.ca-appointment-when strong{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ca-ink)}
.ca-appointment-when span{font-size:14px;color:var(--ca-muted)}
.ca-appointment .ca-appointment-professional{margin:10px 0 6px;font-size:15px;line-height:1.5;color:var(--ca-ink)}
.ca-appointment .ca-appointment-meta{display:flex;flex-wrap:wrap;gap:6px 16px;margin:0;font-size:13px;line-height:1.5}
.ca-appointment-meta>span{display:inline-flex;align-items:center;gap:6px;min-width:0;overflow-wrap:anywhere}
.ca-appointment-meta .hm-icon{width:16px;height:16px;flex:none}
.ca-appointment .ca-appointment-actions{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin:0}
.ca-appointment-actions .ca-button{font-size:14px;white-space:nowrap}
.ca-appointment-actions .ca-button.danger{background:transparent;font-size:13px}
.ca-appointment-actions .ca-button.danger:hover{background:#fff3f5}
.ca-appointment-help{grid-column:2/-1;display:flex;align-items:start;gap:10px;padding-top:16px;border-top:1px solid var(--ca-line);color:var(--ca-muted)}
.ca-appointment-help>.hm-icon{width:18px;height:18px;margin-top:2px;flex:none}
.ca-appointment .ca-appointment-help p{margin:0;font-size:13px;line-height:1.65;max-width:75ch}
.ca-appointment .ca-calendar-note{margin:12px 0 0;font-size:13px;line-height:1.5}
.ca-appointment .ca-calendar-conflict{color:#7a5917!important}
@media(max-width:650px){
 .ca-appointment{grid-template-columns:48px minmax(0,1fr);gap:16px 14px;padding:24px 0}
 .ca-appointment-calendar{min-height:64px;border-radius:10px;padding:8px 4px}.ca-appointment-calendar strong{font-size:25px}.ca-appointment-calendar span{font-size:11px}
 .ca-appointment-header{gap:8px}.ca-appointment-header h3{font-size:19px}.ca-appointment .ca-appointment-when{margin-top:8px;gap:2px 8px}.ca-appointment-when span{font-size:13px}
 .ca-appointment .ca-appointment-professional{font-size:14px}.ca-appointment .ca-appointment-meta{font-size:12px;gap:6px}
 .ca-appointment .ca-appointment-actions{grid-column:1/-1;display:flex;flex-direction:row;flex-wrap:wrap}.ca-appointment-actions .ca-button{flex:1 1 160px;width:auto;min-width:0}
 .ca-appointment-help{grid-column:1/-1;padding-top:14px}
}

.ca-appointment-help>div{min-width:0}.ca-contact-links{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:10px}.ca-contact-links a{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:var(--ca-accent,#315bdf);font-weight:650;text-underline-offset:4px}.ca-contact-links svg{width:16px;height:16px;flex:none}

/* The dialog frame owns its scrolling; shared form actions keep the primary wider. */
.ca-appointment-dialog[open]{display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}
.ca-appointment-dialog>.ca-dialog-body{min-height:0;overflow-y:auto;overscroll-behavior:contain}
.ca-appointment-dialog>header,.ca-appointment-dialog>footer{flex:none}
.ca-appointment-dialog>footer.hm-form-actions{width:100%;box-sizing:border-box}
.ca-appointment-dialog>footer.hm-form-actions>[data-form-action="secondary"]{flex:0 1 auto;max-inline-size:35%;min-width:0}
.ca-appointment-dialog>footer.hm-form-actions>[data-form-action="primary"]{flex:1 1 0;max-inline-size:360px;min-width:0}
.ca-dialog-message:empty{display:none}
@media(max-width:650px){.ca-appointment-dialog>footer.hm-form-actions>[data-form-action]{padding:12px 16px;font-size:14px}.ca-appointment-dialog h2{font-size:23px}.ca-appointment-dialog .ca-change-summary{padding:16px}.ca-appointment-dialog>header{padding-bottom:0}.ca-change-effects{margin-block:0 16px}.ca-appointment-dialog .ca-dialog-body>p{line-height:1.55}}

/* Pending cancellations use the same quiet, compact confirmation frame. */
.ca-cancel-dialog{width:min(520px,calc(100vw - 32px));font-size:15px;line-height:1.55}
.ca-cancel-dialog:focus{outline:none}
.ca-cancel-dialog>header{padding:24px 24px 0;border-bottom:0;background:transparent;align-items:flex-start}
.ca-cancel-dialog h2{font-size:24px;line-height:1.25}
.ca-cancel-dialog>header p{font-size:14px;margin:6px 0 0}
.ca-cancel-dialog .ca-dialog-close{display:grid;place-items:center;min-height:44px;padding:0}
.ca-cancel-dialog .ca-dialog-close svg{width:20px;height:20px}
.ca-cancel-dialog>.ca-dialog-body{padding:20px 24px 24px}
.ca-cancel-dialog .ca-change-summary{padding:16px;margin-bottom:16px;gap:4px;border-radius:12px}
.ca-cancel-dialog .ca-cancel-date{color:var(--ca-ink)}
.ca-cancel-dialog .ca-dialog-body>p{margin:0}
.ca-cancel-dialog .ca-dialog-body>.ca-dialog-message:not(:empty){margin-top:16px}
.ca-cancel-dialog>footer.hm-form-actions{padding:18px 24px 22px}
@media(max-width:650px){.ca-cancel-dialog{width:calc(100vw - 24px)}.ca-cancel-dialog>header{padding:22px 20px 0}.ca-cancel-dialog>.ca-dialog-body{padding:18px 20px 22px}.ca-cancel-dialog>footer.hm-form-actions{padding:16px 20px 20px}.ca-cancel-dialog h2{font-size:22px}}