/* Zentra patient appointments, responsive at 320px+. */
.appt-reminder-bar{display:flex;gap:12px;align-items:center;justify-content:space-between;background:#eef3e7;border:1px solid #d2dcc7;border-radius:14px;padding:12px 16px;margin:12px 0 16px}
.appt-reminder-bar span{display:block;font-size:12px;color:#526348;margin-top:3px}.appt-reminder-bar button{flex-shrink:0}
.appt-card{display:flex;gap:22px;align-items:flex-start}.appt-date{background:#eef3e7;border-radius:12px;padding:14px;min-width:122px;color:#405923;flex-shrink:0}.appt-date strong,.appt-date span{display:block}.appt-date span{font-size:18px;margin-top:6px;font-weight:700}.appt-content{flex:1;min-width:0}.appt-content h2{font-size:20px;margin:7px 0}.appt-content p{margin:8px 0}.appt-content .actions{margin:12px 0 0}.appt-time-big{font-size:24px;font-weight:750;line-height:1.35;margin:16px 0;overflow-wrap:anywhere}
.appt-check{display:flex;gap:10px;padding:15px 0;border-bottom:1px solid #e3e7df;align-items:flex-start}.appt-check:last-child{border-bottom:0}.appt-check>div{flex:1;min-width:0}.appt-check strong,.appt-check span.small{display:block}.appt-check span.small{margin-top:4px;color:#617158}.appt-check p{margin:5px 0 0}.appt-check>button{flex-shrink:0;padding:8px 12px}.appt-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;margin-top:6px}.appt-dot.ok{background:#58772a}.appt-dot.neutral{background:#8c9385}.appt-dot.pending{background:#bb8a26}.appt-keyvalues p{overflow-wrap:anywhere}.appt-form-section{border:1px solid #dce2d5;padding:12px;border-radius:12px;margin:12px 0}.appt-form-section summary{font-weight:700;margin-bottom:10px;cursor:pointer}.appt-history{border-bottom:1px solid #dde4d8;padding:12px 0}.appt-list .panel{margin-top:12px}
@media(max-width:540px){.appt-card{gap:12px;flex-direction:column}.appt-date{display:flex;align-items:center;gap:14px;width:100%;padding:10px 14px}.appt-date span{margin:0;font-size:17px}.appt-time-big{font-size:22px}.appt-reminder-bar{padding:12px;gap:8px}.appt-reminder-bar b{font-size:14px}.appt-reminder-bar button{font-size:13px;padding:9px 11px}.appt-check{gap:8px}.appt-check>button{font-size:12px;padding:8px}.appt-check strong{font-size:14px}.appt-keyvalues .actions{flex-wrap:wrap}}