.appointments-ui{--appointments-ink: var(--motif-color-text-primary, CanvasText);--appointments-muted: var(--motif-color-text-secondary, CanvasText);--appointments-accent: var(--motif-button-primary-background, Highlight);--appointments-accent-dark: var(--motif-button-primary-background-hover, Highlight);--appointments-on-accent: var(--motif-button-primary-text, HighlightText);--appointments-surface: var(--motif-color-light-paper, Canvas);--appointments-border: var(--motif-border-default, GrayText);--appointments-soft: color-mix(in oklch, var(--motif-color-accent-secondary, Highlight) 6%, var(--appointments-surface));color:var(--appointments-ink);font-family:var(--motif-plugin-font, system-ui, sans-serif);font-size:var(--motif-plugin-type, 1rem);line-height:var(--motif-line-body, 1.5)}.appointments-ui,.appointments-ui *{box-sizing:border-box;min-width:0}.appointments-ui [hidden]{display:none!important}.appointments-ui :where(input,select,textarea,button){border:1px solid var(--appointments-border);border-radius:var(--motif-field-radius, 0.5rem);font:inherit;min-height:max(2.75rem,var(--layout-control-min-height, 2.75rem));padding:0.7rem 0.9rem}.appointments-ui :where(input,select,textarea){background:var(--motif-field-background, Canvas);color:var(--motif-field-text, CanvasText);width:100%}.appointments-ui :where(input[type=checkbox],input[type=radio]){accent-color:var(--appointments-accent);min-height:1.25rem;width:1.25rem}.appointments-ui :where(button){background:var(--appointments-accent);border-color:var(--appointments-accent);color:var(--appointments-on-accent);cursor:pointer;font-weight:700}.appointments-ui :where(button:hover:not(:disabled)){background:var(--appointments-accent-dark)}.appointments-ui :where(button:disabled,input:disabled,select:disabled){cursor:default}.appointments-ui :where(button,input,select,textarea,summary):focus-visible{outline:3px solid var(--motif-color-focus, Highlight);outline-offset:3px}.appointments-ui .appointments-action--secondary,.appointments-dialog__actions button:first-child{background:var(--appointments-surface);border-color:var(--appointments-border);color:var(--appointments-ink)}.appointments-ui .appointments-action--secondary:hover:not(:disabled),.appointments-dialog__actions button:first-child:hover{background:var(--appointments-soft)}.appointments-ui .appointments-action--danger{background:var(--motif-color-error, Mark);border-color:currentColor;color:var(--motif-color-text-inverse-strong, MarkText)}.appointments-ui :where([role=status])[data-state=error]{border-inline-start:4px solid var(--motif-color-error, Mark);color:var(--appointments-ink)}.appointments-ui[aria-busy=true]{cursor:progress}.appointments-dialog{background:var(--appointments-surface);border:1px solid var(--appointments-border);border-radius:var(--motif-radius-card, 1rem);box-shadow:var(--motif-shadow-card);color:var(--appointments-ink);max-height:85dvh;max-width:min(32rem,calc(100vw - 2rem));overflow:auto;padding:clamp(1rem,4vw,2rem)}.appointments-dialog::backdrop{background:color-mix(in srgb,var(--motif-color-text-primary, CanvasText) 45%,transparent)}.appointments-dialog h2{font-size:var(--motif-type-h3, 1.4rem);margin-top:0}.appointments-dialog__actions{display:flex;flex-wrap:wrap;gap:0.75rem;justify-content:flex-end;margin-top:1.5rem}.appointments-panel{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.5rem 2rem;padding:2rem;border:1px solid var(--motif-border-default, rgba(0, 0, 0, 0.14));border-radius:var(--motif-radius-card, 14px);background:var(--motif-color-surface-card, transparent);color:var(--motif-color-text-primary, inherit);font-family:var(--motif-font-ui, system-ui, sans-serif)}.appointments-panel__content{display:grid;flex:1 1 24rem;gap:0.5rem;min-width:0}.appointments-panel__kicker{margin:0;color:var(--motif-color-accent-primary, inherit);font-size:0.82rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase}.appointments-panel h2{margin:0;color:var(--motif-color-heading, inherit)}.appointments-panel__content>p:last-child{margin:0}.appointments-panel__button{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;min-height:3rem;padding:0.85rem 1.6rem;border-radius:var(--motif-radius-control, 999px);background:var(--motif-control-solid-background, #1f2937);color:var(--motif-control-solid-text, #ffffff);font-weight:700;text-decoration:none;transition:transform 0.2s var(--motif-motion-ease-standard, ease),background 0.2s var(--motif-motion-ease-standard, ease)}.appointments-panel__button:hover{background:var(--motif-control-solid-background-hover, #111827);transform:translateY(-2px)}.appointments-panel__button:focus-visible{outline:2px solid var(--motif-color-focus, #ff8000);outline-offset:3px}@media(max-width:640px){.appointments-panel__button{width:100%}}