/* Public review demo parity layer. Keeps the read-only demo aligned with the real phone-first Office without changing production Office runtimes. */
#mainContent > .notice.warn{display:none}

.h38-demo-more-dialog{width:min(520px,calc(100vw - 18px));max-height:82dvh;border:0;border-radius:18px;padding:0;color:var(--navy,#0b2438)}
.h38-demo-more-dialog::backdrop{background:rgba(0,0,0,.55)}
.h38-demo-more-shell{padding:16px;display:grid;gap:14px}
.h38-demo-more-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.h38-demo-more-head strong{font-size:1.18rem}.h38-demo-more-head small{display:block;margin-top:3px;color:var(--muted,#607285)}
.h38-demo-more-head button{width:44px;height:44px;min-width:44px;border-radius:11px}
.h38-demo-more-groups{display:grid;gap:14px}.h38-demo-more-group{display:grid;gap:7px}.h38-demo-more-group h3{margin:0;font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted,#607285)}
.h38-demo-more-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.h38-demo-more-grid button{min-height:58px;text-align:left;padding:10px 12px;display:flex;align-items:center;gap:9px}.h38-demo-more-grid .nav-icon{font-size:1.12rem}

@media(max-width:760px){
  /* Match the real Office's customer-first five-slot phone navigation. */
  #mainNav.main-nav{position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:2500!important;width:100%!important;margin:0!important;padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px))!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:4px!important;overflow:visible!important;background:rgba(255,255,255,.98)!important;box-shadow:0 -8px 24px rgba(11,36,56,.12);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
  #mainNav button[data-page]{display:none!important}
  #mainNav button[data-page="today"],#mainNav button[data-page="customers"],#mainNav button[data-page="schedule"],#mainNav button[data-page="messages"],#h38DemoMoreButton{display:flex!important;min-width:0!important;max-width:none!important;width:auto!important;min-height:54px!important;padding:5px 2px!important;border-radius:11px!important;align-items:center!important;justify-content:center!important;gap:2px!important}
  #mainNav button[data-page="today"]{order:1}#mainNav button[data-page="customers"]{order:2}#mainNav button[data-page="schedule"]{order:3}#mainNav button[data-page="messages"]{order:4}#h38DemoMoreButton{order:5}
  #mainNav button span:last-child,#h38DemoMoreButton span:last-child{display:block!important;max-width:none!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important;font-size:.68rem!important;font-weight:850}
  #mainNav button.active{background:#e7f0f6!important;border-color:#cfdee8!important;box-shadow:inset 0 -2px 0 var(--blue)!important}

  /* Mobile records should read as records, not miniature desktop spreadsheets. */
  .demo-table-wrap{overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
  .demo-table{display:block!important;width:100%!important;min-width:0!important;border-collapse:separate!important}
  .demo-table thead{display:none!important}.demo-table tbody{display:grid!important;gap:9px!important}
  .demo-table tbody tr{display:block!important;width:100%!important;padding:5px 11px!important;border:1px solid var(--line)!important;border-radius:13px!important;background:#fff!important;box-shadow:0 4px 14px rgba(25,55,78,.06)!important;overflow:hidden!important}
  .demo-table tbody tr:hover{background:#fff!important}
  .demo-table td{position:static!important;display:grid!important;grid-template-columns:minmax(92px,.36fr) minmax(0,.64fr)!important;gap:10px!important;width:100%!important;padding:8px 0!important;border:0!important;border-bottom:1px solid var(--line)!important;background:transparent!important;box-shadow:none!important;white-space:normal!important;overflow-wrap:anywhere!important}
  .demo-table td:last-child{border-bottom:0!important}.demo-table td::before{content:attr(data-label);font-size:.68rem;line-height:1.25;font-weight:900;letter-spacing:.045em;text-transform:uppercase;color:var(--muted,#607285)}
  .demo-table td[data-label=""]::before{display:none}.demo-table td[data-label=""]{grid-template-columns:1fr!important}

  .demo-banner{font-size:.76rem;line-height:1.3}.demo-banner a{margin-top:6px}
  main{padding-bottom:calc(104px + env(safe-area-inset-bottom,0px))!important}
  .demo-public-footer{padding-bottom:calc(104px + env(safe-area-inset-bottom,0px))!important}
}