/* Mobile surface only. index.html applies the same media condition as compactPwa.
   Desktop presentation remains in pwa.css. Shared state and actions stay in app.mjs. */
.main-frame-stage { inset:0; width:100%; height:100%; aspect-ratio:auto; transform:none; }
.main-frame-image { object-fit:fill; }
.paper-ui-shell { inset:max(8px,env(safe-area-inset-top)) 8px max(8px,env(safe-area-inset-bottom)); width:auto; height:auto; padding-bottom:64px; filter:none; }
.paper-ui-shell::before { display:none; }
.frame-header { grid-template-columns:minmax(0,1fr) 44px; grid-template-rows:auto auto; gap:6px 10px; padding:8px 16px; }
.frame-brand-block { display:flex; gap:10px; align-items:center; }
.frame-brand { width:112px; flex:0 0 112px; }
.frame-epis-link { position:static; display:inline-flex; align-items:center; min-height:44px; font-size:17px; }
.frame-tools { grid-column:2; grid-row:1; }
.frame-tools[open] { grid-column:1/-1; grid-row:3; }
.frame-tools[open] > summary { right:16px; top:8px; }
.frame-utilities { display:grid; grid-template-columns:1fr 1fr; gap:0 8px; padding:0 0 6px; }
.frame-utilities button { text-align:left; justify-content:start; }
.frame-search { grid-column:1/-1; grid-row:2; min-height:44px; }
.frame-search kbd { display:none; }
.frame-search[hidden],html[data-mobile-detail="true"] .frame-search { display:none !important; }
.frame-page-nav { position:absolute !important; inset:auto 12px 0 !important; min-height:64px !important; padding:6px 0 !important; background:transparent !important; border-top:1px solid var(--line-soft) !important; z-index:90; }
.frame-page-nav button { min-height:48px; font-size:15px; }
html[data-surface="pwa"] #main { padding:0 16px 8px; }
.paper-workspace { display:flex !important; flex-direction:column; gap:0 !important; }
.workspace-sidebar { flex:none; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0 4px; padding:0; border:0; border-bottom:1px solid var(--line-soft); }
.workspace-sidebar > .workspace-kicker,.workspace-nav-glyph { display:none; }
.workspace-nav-item { display:flex; align-items:center; justify-content:center; width:auto; min-height:44px; gap:5px; padding:4px 0; font-size:14px; }
.workspace-all-link { grid-column:1; margin:0; min-height:44px; text-align:left; }
.workspace-filter-tools { grid-column:3; margin:0; justify-self:end; }
.workspace-filter-tools > summary { display:flex; align-items:center; min-height:44px; padding:4px; font-size:14px; }
.workspace-filter-body { left:auto; right:0; max-width:calc(100vw - 56px); max-height:45dvh; }
.workspace-filter-chip { min-height:44px; font-size:14px; }
.workspace-list-pane { flex:1 1 0; padding:0; }
.workspace-list-heading { min-height:36px; align-items:center; }
.workspace-columns { display:none; }
.workspace-list-row { grid-template-columns:minmax(0,1fr) 62px; gap:8px; min-height:64px; padding:10px; }
.workspace-type-cell { display:none; }
.workspace-title-cell strong { font:500 16px/1.35 "Segoe UI",sans-serif; }
.workspace-title-cell small,.workspace-row-version { font-size:11px; }
.workspace-inspector { flex:1 1 0; min-height:0; grid-template-rows:auto minmax(0,1fr) auto; padding:0; }
.workspace-inspector > .workspace-kicker,.workspace-inspector > .workspace-inspector-title,.workspace-inspector > .workspace-muted { display:none; }
.workspace-detail-back { display:block; justify-self:start; min-height:44px; padding:6px 0; border:0; background:transparent; color:var(--copper); font-size:14px; }
.workspace-detail-sheet { margin:6px 2px 12px; grid-template-columns:18px minmax(0,1fr); }
.workspace-detail-content { margin:12px 2px 12px 0; padding:8px 12px; }
.workspace-detail-content h3 { font-size:26px; }
.workspace-detail-description { font-size:14px; line-height:1.5; }
.workspace-field-row { grid-template-columns:18px minmax(0,1fr); padding:9px 0; }
.workspace-field-label { font-size:14px; }
.workspace-field-type { grid-column:2; font-size:12px; }
.workspace-inspector-actions { grid-template-columns:minmax(0,1fr) auto 44px; gap:6px; }
.workspace-primary { grid-column:auto; min-height:48px; padding:8px 12px; }
.workspace-primary::after { display:none; }
.workspace-secondary,.workspace-more > summary { min-height:48px; }
.workspace-more-menu { bottom:56px; }
.workspace-snackbar { bottom:66px; }
@media (max-width:359px) {
  .frame-brand { flex-basis:100px; }
  .frame-brand-block { gap:6px; }
  .frame-epis-link { font-size:15px; }
  .workspace-primary,.workspace-secondary { font-size:13px; padding-inline:7px; }
}
@media (orientation:landscape) and (max-height:500px) {
  .frame-header { grid-template-columns:220px minmax(0,1fr) 44px; grid-template-rows:auto; }
  .frame-search { grid-column:2; grid-row:1; }
  .frame-tools { grid-column:3; }
  .frame-tools[open] { grid-row:2; }
  .frame-utilities { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .workspace-sidebar { grid-template-columns:repeat(3,minmax(0,1fr)) auto auto; }
  .workspace-all-link { grid-column:4; padding-inline:8px; }
  .workspace-filter-tools { grid-column:5; }
  .workspace-list-row { min-height:54px; }
}