.aftercare-view-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:20px;margin:0 0 28px}.aftercare-view-controls select{display:block;width:100%;min-height:48px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);font:inherit;margin-top:8px}.aftercare-view-controls label{font-size:14px;font-weight:600}
.aftercare-appointment{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--surface)}.aftercare-appointment-header{padding:24px 28px;background:color-mix(in srgb,var(--accent) 6%,var(--surface));border-bottom:1px solid var(--line)}.aftercare-appointment-header .eyebrow{font-size:10px;margin:0 0 10px}.aftercare-appointment-header h3{font-size:26px;line-height:1.2;margin:0}.aftercare-appointment-header .meta{margin:10px 0 0;font-size:13px;line-height:1.5}
#care-content{padding:28px;max-width:900px;margin:0 auto}#care-content .aftercare-instructions-intro{margin-bottom:24px}#care-content .aftercare-instructions-intro h3{margin:0 0 8px;font-size:23px}#care-content .aftercare-instructions-intro p{font-size:15px;color:var(--muted)}#care-content ol.care-list{display:block;list-style:none;counter-reset:aftercare;margin:0;padding:0}#care-content ol.care-list>li{display:grid;grid-template-columns:32px minmax(0,1fr);column-gap:14px;padding:20px 0;border-top:1px solid var(--line);counter-increment:aftercare}#care-content ol.care-list>li:before{content:counter(aftercare,decimal-leading-zero);grid-column:1;grid-row:1 / 3;font-size:12px;font-weight:650;color:var(--accent);padding-top:4px}#care-content li h4{grid-column:2;font-size:16px;line-height:1.4;margin:0 0 6px;font-weight:650}#care-content li p{grid-column:2;font-size:14px;line-height:1.6;margin:0;color:var(--muted)}
#care-content .aftercare-contact{padding:22px 24px;margin-top:24px;border-left:3px solid var(--accent);border-radius:0 12px 12px 0;background:color-mix(in srgb,var(--accent) 7%,var(--surface))}.aftercare-contact h4{font-size:16px;line-height:1.4;margin:0 0 8px}.aftercare-contact p{font-size:14px;line-height:1.6;margin:0}.aftercare-disclaimer{font-size:12px;line-height:1.6;margin:20px 0 0;color:var(--muted)}
.aftercare-demo-tools{margin-top:32px;padding-top:28px;border-top:1px solid var(--line)}.aftercare-demo-tools>.eyebrow{font-size:10px;margin-bottom:14px}.aftercare-demo-tools>.care-group{margin:0 0 14px;padding:0 20px}.aftercare-demo-tools>.care-group>p,.aftercare-demo-tools form{padding-bottom:20px}.aftercare-demo-tools .aftercare-view-controls{margin:20px 0}.aftercare-editor p{margin-block:16px}.aftercare-editor .button{margin:0 8px 10px 0}#assignment-status{min-height:24px;margin-top:12px}#beauty-aftercare{scroll-margin-top:100px}
.demo-industry-switch{display:flex;justify-content:center;gap:10px;padding:12px}.demo-industry-switch a{display:inline-flex;align-items:center;min-height:44px;padding:8px 22px;border:1px solid var(--line);border-radius:99px;text-decoration:none}.demo-industry-switch a[aria-current=page]{background:var(--accent);color:var(--on-accent)}
@media(max-width:720px){.aftercare-view-controls{gap:16px;margin-bottom:24px}.aftercare-appointment-header{padding:22px 20px}.aftercare-appointment-header h3{font-size:24px}#care-content{padding:24px 20px}#care-content ol.care-list>li{grid-template-columns:24px minmax(0,1fr);column-gap:10px;padding:19px 0}#care-content .aftercare-contact{padding:20px 18px;margin-top:20px}.aftercare-demo-tools{margin-top:28px;padding-top:24px}.aftercare-demo-tools>.care-group{padding:0 16px}.aftercare-demo-tools summary{font-size:13px}}