.appointment-alert.success{background:#edf9f2;border:1px solid #a9dec0;color:#176a3e}
.appointment-success-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.appointment-link.secondary{background:#eef3f6;color:#365064}
.appointment-manage-shell{max-width:760px}
.appointment-manage-card{padding:32px}
.appointment-manage-title{display:flex;align-items:center;justify-content:space-between;gap:20px}
.appointment-manage-title h1{margin:4px 0;color:var(--navy)}
.appointment-manage-summary{max-width:none;margin:22px 0}
.appointment-manage-form{border-top:1px solid var(--line);padding-top:22px}
.appointment-manage-form>.appointment-date-field{display:block;font-weight:700;margin:18px 0}
.appointment-manage-form>.appointment-date-field input{display:block;width:100%;max-width:280px;margin-top:7px;padding:10px 12px;border:1px solid #cbd8e2;border-radius:9px;font:inherit}
.appointment-manage-form .appointment-time-field{margin:18px 0}
.appointment-manage-form .appointment-time-label{display:block;font-weight:700;margin-bottom:8px}
.appointment-manage-form .appointment-link{display:inline-block}
.appointment-slot-status.is-success{color:#167744}
.appointment-cancel-zone{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:28px;padding:18px;border:1px solid #efc4c4;background:#fff7f7;border-radius:12px}
.appointment-cancel-zone p{margin:4px 0 0;color:#805151;font-size:13px}
.appointment-cancel-zone button{border:0;border-radius:9px;background:#bd3535;color:#fff;font-weight:800;padding:10px 18px;white-space:nowrap;cursor:pointer}
.appointment-manage-locked{margin-top:22px;padding:18px;border-radius:10px;background:#f1f4f6;color:#5a6873}
.appointment-manage-locked p{margin:4px 0 0}
.appointment-manage-footer{text-align:center;margin-top:24px}
.appointment-manage-footer a{color:#3578a8}
@media(max-width:700px){.appointment-manage-card{padding:22px 18px}.appointment-manage-title,.appointment-cancel-zone{align-items:stretch;flex-direction:column}.appointment-cancel-zone button{width:100%}.appointment-success-actions{display:grid}.appointment-success-actions .appointment-link{text-align:center}}