/* Phone-only visual alignment, grounded in the Oct 28 iPhone walkthrough.
   Reuse real actions, metrics and official icon assets; desktop stays unchanged. */
@media screen and (max-width:720px){
 .mobile-home-reference{--mobile-home-teal:#19b9c8;--mobile-home-ink:#30353b}
 .mobile-home-reference .mobile-home-header{padding:8px 12px 6px;min-height:56px}
 .mobile-home-reference .mobile-home-header button{color:#2aa6bd}
 .mobile-home-reference .mobile-clinic-name strong{color:#222;font-weight:600}
 .mobile-home-reference .mobile-home-section{padding:12px 16px 16px}
 .mobile-home-reference .mobile-home-section-head{min-height:36px;margin:0 0 6px}
 .mobile-home-reference .mobile-home-section-head h2{font-size:16px;font-weight:500;color:#30353b}
 .mobile-home-reference .mobile-feature-icon{width:44px;height:44px;border-radius:9px}
 .mobile-home-reference .mobile-feature-icon>.feature-symbol{width:30px;height:30px}
 .mobile-home-reference .mobile-feature-icon.tile-teal{background:#17bbc7}
 .mobile-home-reference .mobile-feature-icon.tile-yellow{background:#ffca35}
 .mobile-home-reference .mobile-feature-icon.tile-blue{background:#2cafe5}
 .mobile-home-reference .mobile-feature-label{font-size:12px;color:#555;line-height:1.5}
 .mobile-home-reference .mobile-home-grid{row-gap:10px}
 .mobile-home-reference .mobile-home-notice{display:flex;margin:0 12px 4px;min-height:25px;padding:0 9px;background:#ebfbfc;border-radius:0;font-size:11px}
 .mobile-home-reference .mobile-home-notice button{color:#55636a;min-height:30px;font-size:11px}
 .mobile-home-reference #mobile-home-stats{padding:10px 16px 12px;border-top:7px solid #f6f6f6;border-bottom:1px solid #eee}
 .mobile-home-reference .mobile-home-stat-grid{gap:0 1px}
 .mobile-home-reference .mobile-home-stat-grid>button{background:#fafafa;min-height:78px;padding:10px 1px 8px;gap:12px;border:0}
 .mobile-home-reference .mobile-home-stat-grid>button:nth-child(-n+4){border-bottom:8px solid #fff}
 .mobile-home-reference .mobile-home-stat-grid>button strong{font-size:20px;font-weight:400;line-height:1.3;color:#222}
 .mobile-home-reference .mobile-home-stat-grid>button strong.mobile-money-value{font-size:17px}
 .mobile-home-reference .mobile-home-stat-grid>button span{font-size:11px;color:#60656b}
 .mobile-home-reference .mobile-home-stat-note{margin-top:6px;font-size:10px}
 .mobile-home-reference .more-features{border-top:0;padding-top:15px}
 .mobile-home-reference .more-features .mobile-home-grid{row-gap:12px}
 .mobile-home-reference details.mobile-home-reception{border:0;border-top:1px solid #eee;border-radius:0;margin-top:0}
 .shell .mobile-bottom .feature-symbol{width:25px;height:25px}
 .mobile-me-dialog .mobile-me-profile{background:#f5fcfd}
 .mobile-me-dialog .mobile-me-menu>button,.mobile-me-dialog .mobile-me-extra>summary{min-height:52px;font-size:15px}
 .mobile-me-dialog .mobile-me-avatar{background:#dcf8fa}
 .mobile-home-reference .mobile-home-section-head #mobile-home-all{font-size:12px;color:#259eaf}
}
@media screen and (max-width:720px){
 .mobile-schedule-reference .schedule-event>strong{font-size:14px!important;line-height:18px!important;font-weight:500}
 .mobile-schedule-reference .schedule-event>strong small{font-size:10px!important;line-height:15px;font-weight:400}
 .mobile-schedule-reference .schedule-event .event-purpose{font-size:11px!important;line-height:15px!important;color:#858b90}
 .mobile-schedule-reference .schedule-event .event-time,.mobile-schedule-reference .schedule-event .event-doctor{display:none!important}
 .workflow-next.workflow-next-compact{display:block;margin:0 0 8px;padding:0 12px;border:0;border-bottom:1px solid #eef1f2;border-radius:0;background:#f7fbfc;box-shadow:none}
 .workflow-next-compact>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:0;list-style:none;font-size:12px;cursor:pointer}
 .workflow-next-compact>summary::-webkit-details-marker{display:none}
 .workflow-next-compact>summary strong{font-size:12px;font-weight:500;color:#5b858d}
 .workflow-next-compact>summary span{font-size:11px;color:#8ea6ac}
 .workflow-next-compact>.subtle{font-size:11px;padding:0 0 6px}
 .workflow-next-compact>.actions{padding:0 0 10px;gap:6px}
 .workflow-next-compact>.actions button{font-size:12px;min-height:40px;padding:6px 10px}
}