:root {
  --cbs-prod-mobile-sticky-top: calc(env(safe-area-inset-top, 0px) + 8px);
  --cbs-prod-mobile-panel-gap: 12px;
}

.phase13-mobile-hint {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:8px 12px;
  margin:8px 0 12px;
  border-radius:12px;
  background:rgba(37,99,235,.08);
  border:1px solid rgba(37,99,235,.14);
  color:#1e3a8a;
  font-size:.74rem;
  line-height:1.35;
  flex-wrap:wrap;
}
.phase13-mobile-hint span:first-child { font-weight:900; }
body.dark .phase13-mobile-hint {
  background:rgba(96,165,250,.10);
  border-color:rgba(96,165,250,.2);
  color:#bfdbfe;
}

body[data-ui-tier="phone"] #stripboard-app[data-phase13-mobile="true"] .stripboard-toolbar,
body[data-ui-tier="phone"] #callsheet-app[data-phase13-mobile="true"] .cs-action-bar,
body[data-ui-tier="phone"] #schedule-app[data-phase13-mobile="true"] #schedule-config-bar,
body[data-ui-tier="phone"] #locations-app[data-phase13-mobile="true"] .card > div:nth-of-type(2) {
  position:sticky;
  top:var(--cbs-prod-mobile-sticky-top);
  z-index:var(--cbs-z-sticky);
  backdrop-filter: blur(12px);
}

body[data-ui-tier="phone"] #stripboard-app[data-phase13-mode="stacked"] .stripboard-scroll {
  display:block;
  overflow-x:hidden;
  padding:12px 0 calc(var(--cbs-scroll-clearance) + 20px);
}
body[data-ui-tier="phone"] #stripboard-app[data-phase13-mode="stacked"] .strip-column {
  width:100%;
  min-width:0;
  margin:0 0 18px;
  padding:44px 12px 14px;
  scroll-margin-top:90px;
}
body[data-ui-tier="phone"] #stripboard-app[data-phase13-mode="stacked"] .stripboard-toolbar {
  margin:0 calc(var(--cbs-page-gutter) * -1) 0;
  padding:10px var(--cbs-page-gutter);
  border-radius:0;
  box-shadow:0 8px 20px rgba(15,23,42,.08);
}
body[data-ui-tier="phone"] #stripboard-app[data-phase13-mode="stacked"] .strip-header {
  width:min(74%, 260px);
}
body[data-ui-tier="phone"] #stripboard-app[data-phase13-mode="stacked"] .strip {
  min-height:var(--cbs-tap-target);
}
body[data-ui-tier="tablet"] #stripboard-app[data-phase13-mobile="true"] .stripboard-scroll {
  gap:14px;
  padding-bottom:calc(var(--cbs-scroll-clearance) + 18px);
}
body[data-ui-tier="tablet"] #stripboard-app[data-phase13-mobile="true"] .strip-column {
  min-width:min(360px, calc(50vw - 32px));
}

body[data-ui-tier="phone"] #schedule-app[data-phase13-mode="agenda"] .card > div:first-child {
  display:flex;
  flex-direction:column;
  align-items:stretch !important;
  gap:10px;
}
body[data-ui-tier="phone"] #schedule-app[data-phase13-mode="agenda"] .card > div:first-child > div:last-child {
  display:grid !important;
  grid-template-columns:1fr 1fr;
  gap:8px;
  width:100%;
}
body[data-ui-tier="phone"] #schedule-app[data-phase13-mode="agenda"] .card > div:first-child > div:last-child .btn:last-child {
  grid-column:1 / -1;
}
body[data-ui-tier="phone"] #schedule-app[data-phase13-mode="agenda"] #schedule-config-bar {
  grid-template-columns:1fr;
  gap:8px;
  margin:0 calc(var(--cbs-page-gutter) * -1) 14px;
  padding:12px var(--cbs-page-gutter);
  border-radius:0;
  box-shadow:0 8px 18px rgba(15,23,42,.06);
}
body[data-ui-tier="phone"] #schedule-app[data-phase13-mode="agenda"] .sched-summary-bar {
  flex-wrap:nowrap;
  overflow-x:auto;
  scrollbar-width:none;
  padding-bottom:2px;
}
body[data-ui-tier="phone"] #schedule-app[data-phase13-mode="agenda"] .sched-summary-bar::-webkit-scrollbar { display:none; }
body[data-ui-tier="phone"] #schedule-app[data-phase13-mode="agenda"] .sched-day-card {
  border-radius:16px;
  padding:14px;
  margin-bottom:14px;
  box-shadow:0 6px 16px rgba(15,23,42,.06);
}
body[data-ui-tier="phone"] #schedule-app[data-phase13-mode="agenda"] .sched-day-header-top {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:8px;
}
body[data-ui-tier="phone"] #schedule-app[data-phase13-mode="agenda"] .sched-day-date-badge {
  align-self:flex-start;
}
body[data-ui-tier="tablet"] #schedule-app[data-phase13-mobile="true"] #schedule-config-bar {
  grid-template-columns:1fr 1fr;
}
body[data-ui-tier="tablet"] #schedule-app[data-phase13-mobile="true"] .sched-config-field:last-child {
  grid-column:1 / -1;
}

body[data-ui-tier="phone"] #callsheet-app[data-phase13-mode="stacked"] .card > div:first-child {
  display:flex;
  flex-direction:column;
  align-items:stretch !important;
  gap:10px;
}
body[data-ui-tier="phone"] #callsheet-app[data-phase13-mode="stacked"] .cs-action-bar {
  display:grid !important;
  grid-template-columns:1fr 1fr;
  gap:8px;
  width:100%;
  margin:0 calc(var(--cbs-page-gutter) * -1);
  padding:10px var(--cbs-page-gutter);
  background:rgba(255,255,255,.9);
  border-top:1px solid rgba(148,163,184,.16);
  border-bottom:1px solid rgba(148,163,184,.18);
}
body.dark[data-ui-tier="phone"] #callsheet-app[data-phase13-mode="stacked"] .cs-action-bar {
  background:rgba(17,24,39,.88);
}
body[data-ui-tier="phone"] #callsheet-app[data-phase13-mode="stacked"] .cs-action-bar select {
  grid-column:1 / -1;
  width:100%;
}
body[data-ui-tier="phone"] #callsheet-app[data-phase13-mode="stacked"] .cs-action-bar > * {
  width:100%;
}
body[data-ui-tier="phone"] #callsheet-app[data-phase13-mode="stacked"] #callsheet-sheet {
  padding:12px;
  margin-top:12px;
  overflow:hidden;
}
body[data-ui-tier="phone"] #callsheet-app[data-phase13-mode="stacked"] #callsheet-sheet .grid-3,
body[data-ui-tier="phone"] #callsheet-app[data-phase13-mode="stacked"] #callsheet-sheet .grid-2 {
  grid-template-columns:1fr !important;
}
body[data-ui-tier="phone"] #callsheet-app[data-phase13-mode="stacked"] #callsheet-sheet table {
  min-width:640px;
}
body[data-ui-tier="tablet"] #callsheet-app[data-phase13-mobile="true"] .cs-action-bar {
  display:flex;
  flex-wrap:wrap;
}

body[data-ui-tier="phone"] #locations-app[data-phase13-mode="cards"] .card > div:first-child,
body[data-ui-tier="phone"] #locations-app[data-phase13-mode="cards"] .card > div:nth-of-type(2) {
  display:flex;
  flex-direction:column;
  align-items:stretch !important;
  gap:8px;
}
body[data-ui-tier="phone"] #locations-app[data-phase13-mode="cards"] .card > div:nth-of-type(2) {
  margin:0 calc(var(--cbs-page-gutter) * -1) 14px;
  padding:10px var(--cbs-page-gutter);
  border-top:1px solid rgba(148,163,184,.16);
  border-bottom:1px solid rgba(148,163,184,.18);
  background:rgba(255,255,255,.9);
}
body.dark[data-ui-tier="phone"] #locations-app[data-phase13-mode="cards"] .card > div:nth-of-type(2) {
  background:rgba(17,24,39,.88);
}
body[data-ui-tier="phone"] #locations-app[data-phase13-mode="cards"] #locations-body {
  display:flex;
  flex-direction:column;
  gap:14px;
}
body[data-ui-tier="phone"] #locations-app[data-phase13-mode="cards"] .loc-card {
  padding:14px;
  margin-bottom:0;
  border-radius:16px;
  box-shadow:0 6px 16px rgba(15,23,42,.06);
}
body[data-ui-tier="phone"] #locations-app[data-phase13-mode="cards"] .loc-grid-2 {
  grid-template-columns:1fr;
}
body[data-ui-tier="phone"] #locations-app[data-phase13-mode="cards"] .loc-photo-wrap {
  width:100%;
}
body[data-ui-tier="tablet"] #locations-app[data-phase13-mobile="true"] #locations-body {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
body[data-ui-tier="tablet"] #locations-app[data-phase13-mobile="true"] .loc-card {
  margin-bottom:0;
}

body[data-ui-tier="phone"] #schedule-app[data-phase13-mobile="true"],
body[data-ui-tier="phone"] #callsheet-app[data-phase13-mobile="true"],
body[data-ui-tier="phone"] #locations-app[data-phase13-mobile="true"] {
  scroll-padding-top:86px;
}