.appointment-manage-page .narrow{max-width:980px}
.appointment-manage-summary{margin-top:24px;padding:28px}
.appointment-manage-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:22px}
.appointment-manage-head h3{margin:.25rem 0 0}
.appointment-manage-status{display:inline-flex;align-items:center;border-radius:999px;padding:7px 12px;font-size:.84rem;font-weight:700;background:#eef2f5;color:#243649;white-space:nowrap}
.appointment-manage-status.status-confirmed{background:#eaf6ee;color:#22623c}
.appointment-manage-status.status-pending{background:#fff4da;color:#7a5710}
.appointment-manage-status.status-cancelled,.appointment-manage-status.status-rejected{background:#f8e8e8;color:#8b2f2f}
.appointment-manage-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0}
.appointment-manage-details>div{padding:16px;border:1px solid rgba(11,32,56,.10);border-radius:8px;background:#fff}
.appointment-manage-details dt{font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:#6d7884;margin-bottom:6px}
.appointment-manage-details dd{margin:0;font-weight:650;color:#172a3d;line-height:1.45}
.appointment-manage-details dd small{display:block;margin-top:4px;font-size:.78rem;font-weight:500;color:#77828e}
.appointment-manage-actions{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0 8px}
.appointment-cancel-button{background:#fff!important;color:#a22929!important;border:1px solid #d9a7a7!important}
.appointment-cancel-button:hover{background:#fff5f5!important}
#appointment-reschedule-panel{margin-top:28px;border-top:1px solid rgba(11,32,56,.12);padding-top:10px}
#appointment-reschedule-panel .section{padding-top:24px}
#appointment-reschedule-panel .container{padding-left:0;padding-right:0}
.appointment-change-confirm{margin-top:20px}
.appointment-change-success{margin-top:18px}
@media(max-width:760px){.appointment-manage-head{display:block}.appointment-manage-status{margin-top:12px}.appointment-manage-details{grid-template-columns:1fr}.appointment-manage-actions{display:grid}.appointment-manage-actions .button{width:100%}}