.appointments{max-width:820px;margin:16px auto}.appointments h2,.appointments h3,.appointments h4{overflow-wrap:anywhere}.appointments [role=status],.appointments p{overflow-wrap:anywhere}.appointment-card{border:1px solid var(--line);border-radius:14px;padding:20px;margin:20px 0}.appointment-card h3{margin-top:0}.appointment-card strong{display:block}.appointment-proposal{padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft);margin-block:16px}.appointment-proposal h4{margin-top:0}.appointment-actions,.appointment-invites{display:flex;gap:8px;flex-wrap:wrap}.appointment-invites{margin-top:20px}.appointment-invites h3{flex-basis:100%;margin-bottom:4px}.appointment-new{margin:20px 0;padding:16px;border:1px solid var(--line);border-radius:12px}.appointment-new summary{min-height:44px;cursor:pointer;font-weight:650}.appointments button,.appointment-invites button{min-height:44px;white-space:normal;max-width:100%}.appointments label{display:block;margin:16px 0 8px}.appointments input,.appointments select{min-width:0;max-width:100%;width:100%}.appointment-move{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}.appointment-move [data-close]{margin-top:8px}.appointments [data-form-error]{color:var(--ink)}.appointments [data-appointment-status]>button{display:block;margin-top:12px}
@media(max-width:420px){.appointments{padding:14px}.appointment-card{padding:10px}.appointment-proposal{padding:10px}.appointments input,.appointments select{font-size:16px;padding:8px}}