/* Shared desktop treatment for pages entered from the listener PC workbench. */
@media (min-width: 900px) {
  html, body { background: #f7f3ee; }
  .phone {
    width: min(1180px, calc(100% - 48px));
    max-width: 1180px;
    min-height: calc(100vh - 48px);
    margin: 24px auto;
    padding-bottom: 32px;
    border: 1px solid #eadfce;
    border-radius: 12px;
    box-shadow: 0 8px 28px rgba(66, 46, 25, .08);
    overflow: visible;
  }
  .navbar { height: 62px; padding: 0 22px; border-radius: 12px 12px 0 0; }
  .navbar .title { font-size: 20px; }
  .navbar .back { width: 38px; height: 38px; border-radius: 7px; background: #fff8ec; }
  .tabbar { display: none; }
  .summary, .e-head { margin-left: 24px; margin-right: 24px; border-radius: 10px; }
  .summary-grid { max-width: 680px; }
  .tabs, .appt-tabs { padding-left: 24px; padding-right: 24px; }
  #orderList, .appt-list, .list { padding-left: 24px; padding-right: 24px; }
  .orders, .e-grid, .group, .m-row[style], .create, .intro, .heading { margin-left: 24px; margin-right: 24px; }
  .e-grid { grid-template-columns: repeat(4, 1fr); }
  .appt-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .appt { margin-bottom: 0; }
  .steps, .form-section { padding-left: 24px !important; padding-right: 24px !important; }
}