:root {
  --continuo-paper:#f7f3ea;
  --continuo-surface:#fffdf8;
  --continuo-surface-soft:#f1ede4;
  --continuo-card:rgba(255,253,248,.82);
  --continuo-card-hover:#fffaf2;
  --continuo-card-active:#fff8e8;
  --continuo-ink:#111827;
  --continuo-muted:#667085;
  --continuo-line:rgba(17,24,39,.13);
  --continuo-blue:#1756d7;
  --continuo-blue-deep:#102d72;
  --continuo-blue-rgb:23,86,215;
  --continuo-green:#159a55;
  --continuo-gold:#a86b1f;
  --continuo-gold-rgb:168,107,31;
  --continuo-red:#b42318;
  --continuo-red-rgb:180,35,24;
  --continuo-shadow:0 18px 48px rgba(28,37,55,.08),inset 0 1px 0 rgba(255,255,255,.92);
}

/* Overview distinguishes an in-flight request from a confirmed empty result.
   These loaders are visual only and never cover or block the surrounding UI. */
@keyframes continuo-overview-loading-shimmer {
  0% { background-position:200% 0; }
  100% { background-position:-200% 0; }
}
@keyframes continuo-overview-loading-spin {
  to { transform:rotate(360deg); }
}
.showcase-page .overview-loading-feed,
.showcase-page .overview-loading-trail {
  position:relative;
  width:100%;
  min-width:0;
  pointer-events:none;
}
.showcase-page .overview-loading-feed {
  align-self:start;
  display:grid;
  gap:8px;
  padding:7px 2px 4px;
}
.showcase-page .overview-loading-feed>span,
.showcase-page .overview-loading-action i,
.showcase-page .overview-loading-action b,
.showcase-page .overview-loading-action small,
.showcase-page .overview-loading-trail-card>i,
.showcase-page .overview-loading-trail-card>b,
.showcase-page .overview-loading-trail-card>small {
  display:block;
  border-radius:999px;
  background:linear-gradient(90deg,#e8e2d7 24%,#fffdf8 48%,#e8e2d7 72%);
  background-size:240% 100%;
  animation:continuo-overview-loading-shimmer 1.35s ease-in-out infinite;
}
.showcase-page .overview-loading-feed>span { height:8px; }
.showcase-page .overview-loading-feed>span:nth-child(1) { width:86%; }
.showcase-page .overview-loading-feed>span:nth-child(2) { width:68%;animation-delay:-.22s; }
.showcase-page .overview-loading-feed>span:nth-child(3) { width:78%;animation-delay:-.44s; }
.showcase-page .overview-loading-feed>small,
.showcase-page .overview-loading-trail>em,
.showcase-page .overview-trail-actions-loading>em {
  color:var(--continuo-muted);
  font-size:9px;
  font-style:normal;
  letter-spacing:.01em;
}
.showcase-page .overview-loading-copy {
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:var(--continuo-muted);
}
.showcase-page .overview-loading-copy::before {
  content:"";
  width:9px;
  height:9px;
  flex:none;
  border:1.5px solid rgba(var(--continuo-blue-rgb),.18);
  border-top-color:var(--continuo-blue);
  border-radius:50%;
  animation:continuo-overview-loading-spin .8s linear infinite;
}
.showcase-page .overview-trail-actions-loading {
  position:relative;
  min-width:0;
  display:grid;
  grid-column:1/-1;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  pointer-events:none;
}
.showcase-page .overview-trail-actions-loading[hidden] { display:none!important; }
.showcase-page .overview-trail-actions-loading>em {
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip-path:inset(50%);
  white-space:nowrap;
}
.showcase-page .overview-loading-action {
  height:44px;
  min-width:0;
  display:grid;
  grid-template-columns:26px minmax(0,1fr);
  align-items:center;
  gap:7px;
  border:1px solid var(--continuo-line);
  border-radius:12px;
  padding:5px 8px;
  background:#fffaf2;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}
.showcase-page .overview-loading-action[hidden] { display:none!important; }
.showcase-page .overview-loading-action[data-overview-action-loading="recommendation"] { grid-column:1; }
.showcase-page .overview-loading-action[data-overview-action-loading="relationship"] { grid-column:2; }
.showcase-page .overview-loading-action>i {
  width:26px;
  height:26px;
  border-radius:9px;
}
.showcase-page .overview-loading-action>span { min-width:0;display:grid;gap:5px; }
.showcase-page .overview-loading-action b { width:48%;height:7px; }
.showcase-page .overview-loading-action small { width:82%;height:6px;animation-delay:-.25s; }
.showcase-page .overview-loading-trail {
  height:150px;
  display:flex;
  align-items:flex-end;
  gap:12px;
  padding:3px 2px;
}
.showcase-page .overview-loading-trail>em {
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip-path:inset(50%);
  white-space:nowrap;
}
.showcase-page .overview-loading-trail-card {
  width:128px;
  height:142px;
  flex:0 0 128px;
  display:grid;
  grid-template-rows:96px 8px 7px;
  gap:7px;
  border:1px solid var(--continuo-line);
  border-radius:14px;
  padding:7px;
  background:rgba(255,253,248,.72);
}
.showcase-page .overview-loading-trail-card>i { border-radius:9px; }
.showcase-page .overview-loading-trail-card>b { width:34%; }
.showcase-page .overview-loading-trail-card>small { width:76%;animation-delay:-.3s; }
body.showcase-page[data-overview-loading="true"] :is(
  #videoStage,#liveNowPane,.capture-history-pane,.knowledge-trail
) { cursor:progress; }

@media (prefers-reduced-motion:reduce) {
  .showcase-page .overview-loading-feed>span,
  .showcase-page .overview-loading-action i,
  .showcase-page .overview-loading-action b,
  .showcase-page .overview-loading-action small,
  .showcase-page .overview-loading-trail-card>i,
  .showcase-page .overview-loading-trail-card>b,
  .showcase-page .overview-loading-trail-card>small,
  .showcase-page .overview-loading-copy::before {
    animation:none!important;
  }
}

/* Visit Trail uses explicit action labels for opening content. Directional
   route lines remain visually separate and never reuse these pill controls. */
.showcase-page .trail-open-cue {
  min-width:max-content;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:3px!important;
  border:1px solid rgba(var(--continuo-blue-rgb),.14);
  border-radius:999px;
  padding:3px 6px;
  color:var(--continuo-blue-deep)!important;
  background:rgba(var(--continuo-blue-rgb),.055);
  font:750 9px/1 var(--font)!important;
  font-style:normal;
  letter-spacing:0!important;
  white-space:nowrap;
  text-shadow:none!important;
}
.showcase-page .trail-open-cue svg {
  width:11px;
  height:11px;
  overflow:visible;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  transition:transform .16s ease;
}
.showcase-page :is(
  #recommendationShelfButton,#posterRelationshipToggle
):hover .trail-open-cue {
  border-color:rgba(var(--continuo-blue-rgb),.25);
  background:rgba(var(--continuo-blue-rgb),.09);
}
.showcase-page :is(
  #recommendationShelfButton,#posterRelationshipToggle
):hover .trail-open-cue svg { transform:translateX(1.5px); }
.showcase-page .trail-panel-button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  white-space:nowrap;
}
.showcase-page .trail-panel-icon,
.showcase-page .trail-external-icon {
  width:13px;
  height:13px;
  flex:none;
  overflow:visible;
  fill:none;
  stroke:currentColor;
  stroke-width:1.45;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.showcase-page .trail-external-link {
  display:inline-flex;
  align-items:center;
  gap:5px;
}

/* Continuo uses warm paper for structural surfaces across every web workspace.
   Blue is reserved for controls, status and selection. */
body.auth-page,
body.overview-page,
body.faces-page,
body.pulse-page,
body.research-profile-page,
body.editor-page {
  color:var(--continuo-ink);
  background:
    radial-gradient(circle at 52% -18%,#fff 0,transparent 42rem),
    linear-gradient(135deg,transparent 0 76%,rgba(var(--continuo-blue-rgb),.025) 76% 82%,transparent 82%),
    var(--continuo-paper)!important;
}

body.auth-page {
  --bg:var(--continuo-paper);
  --bg-mid:#f1ede4;
  --panel:var(--continuo-surface);
  --panel-deep:#f1ede4;
  --surface:rgba(255,253,248,.94);
  --surface-2:#f7f3ea;
  --surface-deep:#eee8dc;
  --input:rgba(255,255,255,.58);
  --input-focus:#fffdf8;
  --well:rgba(239,234,224,.72);
  --text:var(--continuo-ink);
  --text-bright:var(--continuo-ink);
  --hi:var(--continuo-ink);
  --muted:var(--continuo-muted);
  --faint:#8a8f99;
  --line:var(--continuo-line);
  --line-strong:rgba(var(--continuo-blue-rgb),.34);
  --accent:var(--continuo-blue);
  --accent-rgb:var(--continuo-blue-rgb);
  --accent-2:var(--continuo-blue-deep);
  --accent-2-rgb:16,45,114;
  --grid-line:rgba(17,24,39,.045);
  --h1-mid:#203c7b;
  --h1-end:var(--continuo-blue);
  --shadow:0 30px 90px rgba(54,48,38,.14);
  color-scheme:light;
}
.auth-page .ambient { opacity:.06; }
.auth-page .auth-shell,
.auth-page .welcome-panel,
.auth-page .auth-panel,
.auth-page .signal-card,
.auth-page .page-notice,
.auth-page .input-shell input,
.auth-page .language-menu,
.auth-page .admin-entry {
  border-color:var(--continuo-line)!important;
  background:var(--continuo-card)!important;
}

body.overview-page {
  --bg:var(--continuo-paper);
  --panel:var(--continuo-surface);
  --panel-2:#f1ede4;
  --surface:var(--continuo-surface);
  --surface-2:#f1ede4;
  --card:var(--continuo-card);
  --card-2:rgba(239,234,224,.72);
  --topbar:rgba(255,253,248,.94);
  --button:rgba(255,253,248,.72);
  --menu:var(--continuo-surface);
  --option:rgba(239,234,224,.58);
  --input:#fffdf8;
  --panel-card:var(--continuo-surface);
  --text:var(--continuo-ink);
  --text-soft:#4f5968;
  --text-bright:var(--continuo-ink);
  --hi:var(--continuo-ink);
  --muted:var(--continuo-muted);
  --faint:#8a8f99;
  --line:var(--continuo-line);
  --line-strong:rgba(var(--continuo-blue-rgb),.34);
  --accent:var(--continuo-blue);
  --accent-rgb:var(--continuo-blue-rgb);
  --accent-2:var(--continuo-blue-deep);
  --accent-2-rgb:16,45,114;
  color-scheme:light;
}
.overview-page :is(
  .overview-topbar,.overview-tile,.account-panel,.account-option,
  .overview-spatial-sidebar,.overview-spatial-status,.overview-session-select,
  .overview-console-button,.overview-console-panel,.mini-preference,.mini-asr,
  .mini-visual,.mini-map,.mini-history,.mini-recommendations,.fleet-card,
  .trail-map-panel,.trail-roster-panel,.report-panel,.report-history,
  .account-management-shell,.account-summary-card,.account-roster-row,
  .account-detail,.account-info-card,.journey-review-grid,.journey-review-queue,
  .journey-review-detail,.journey-review-meta-item,.journey-review-previews,
  .journey-review-editor,.journey-review-decision,.journey-review-history,
  .admin-login-card,.confirm-card
) {
  border-color:var(--continuo-line)!important;
  background-color:var(--continuo-card)!important;
  background-image:none!important;
  box-shadow:var(--continuo-shadow);
}
.overview-page :is(.account-summary-card,.account-roster-row,.journey-review-row):is(:hover,.is-active,.is-selected) {
  background:var(--continuo-card-hover)!important;
}
.overview-page .journey-review-frame-wrap { background:var(--continuo-surface-soft)!important; }

/* Account management uses neutral paper surfaces; blue remains an action and
   selection accent instead of tinting the entire workspace. */
.overview-page :is(
  .account-management-head,.account-workspace,.account-roster,.account-detail,
  .account-search-box input,.account-sort-control,.account-sort-options,
  .account-detail-empty>span,.account-detail-live,.account-primary-actions button,
  .account-info-section,.account-info-card,.account-profile-section,
  .account-profile-fields input,.account-viewer-note
) {
  border-color:var(--continuo-line)!important;
  background:var(--continuo-surface)!important;
  background-image:none!important;
}
.overview-page .account-management-head,
.overview-page .account-workspace {
  box-shadow:var(--continuo-shadow)!important;
}
.overview-page .account-roster {
  background:var(--continuo-surface-soft)!important;
}
.overview-page .account-detail {
  background:#fbf8f1!important;
}
.overview-page .account-summary-card {
  background:var(--continuo-surface)!important;
}
.overview-page .account-summary-card:is(:hover,.is-active),
.overview-page .account-roster-row:is(:hover,.is-selected),
.overview-page .account-filters button:is(:hover,.is-active),
.overview-page .account-sort-options button:is(:hover,:focus-visible,.is-selected) {
  background:var(--continuo-card-active)!important;
  background-image:none!important;
}
.overview-page .account-roster-row,
.overview-page .account-info-card,
.overview-page .account-profile-fields input,
.overview-page .account-primary-actions button:not(.is-primary) {
  background:#fffdf8!important;
}
.overview-page .account-info-grid {
  background:var(--continuo-line)!important;
}
.overview-page :is(.account-sort-icon,.account-sort-option-icon,.account-action-icon,.account-viewer-note i) {
  background:var(--continuo-surface-soft)!important;
}
.overview-page .account-avatar,
.overview-page .account-detail-avatar {
  background:var(--continuo-surface-soft)!important;
  background-image:none!important;
}
.overview-page .account-profile-head,
.overview-page .account-info-section>header,
.overview-page .account-detail-hero {
  border-color:var(--continuo-line)!important;
}
.overview-page .account-primary-actions button.is-primary,
.overview-page .account-profile-footer>button {
  background:var(--continuo-blue)!important;
  background-image:none!important;
}

body.faces-page { color-scheme:light; }
.faces-page :is(.header,.status-card,.panel,.people-toolbar,.person,.privacy-note,.result,.face-photo,.modal-card,.input) {
  border-color:var(--continuo-line)!important;
  background:var(--continuo-card)!important;
  box-shadow:var(--continuo-shadow);
}
.faces-page .modal { background:rgba(69,63,52,.2)!important; }

body.pulse-page {
  --bg:var(--continuo-paper);
  --bg-deep:#eee8dc;
  --panel:var(--continuo-card);
  --panel-solid:var(--continuo-surface);
  --line:var(--continuo-line);
  --line-strong:rgba(var(--continuo-blue-rgb),.34);
  --text:var(--continuo-ink);
  --title-hi:var(--continuo-ink);
  --muted:var(--continuo-muted);
  --faint:#8a8f99;
  --accent:var(--continuo-blue);
  --accent-2:var(--continuo-blue-deep);
  color-scheme:light;
}
.pulse-page .pulse-ambient { opacity:.32; }
.pulse-page :is(.pulse-meta span,.pulse-kpis span,.pulse-map-panel,.pulse-card,.pulse-depth,.pulse-depth-tiles span,.pulse-poster-list li,.pulse-map-note,.pulse-tour-controls button,.pulse-visitor-chip) {
  border-color:var(--continuo-line);
  background:var(--continuo-card);
  box-shadow:var(--continuo-shadow);
}

body.research-profile-page {
  --page:var(--continuo-paper);
  --surface:var(--continuo-surface);
  --surface-soft:var(--continuo-surface-soft);
  --ink:var(--continuo-ink);
  --ink-soft:#4f5968;
  --muted:var(--continuo-muted);
  --faint:#8a8f99;
  --line:var(--continuo-line);
  --line-strong:rgba(var(--continuo-blue-rgb),.3);
  --blue:var(--continuo-blue);
  --blue-soft:rgba(var(--continuo-blue-rgb),.075);
  color-scheme:light;
}
.research-profile-page :is(.profile-topbar,.profile-hero,.profile-card,.timeline-stage>article,.profile-fact,.profile-highlight-list p,.profile-collaborator,.profile-editor>header,.profile-editor input,.profile-editor textarea,.profile-progress) {
  border-color:var(--continuo-line)!important;
  background:var(--continuo-card)!important;
  box-shadow:var(--continuo-shadow);
}

body.editor-page {
  --bg:var(--continuo-paper);
  --panel:var(--continuo-surface);
  --panel-2:var(--continuo-surface-soft);
  --line:var(--continuo-line);
  --line-strong:rgba(var(--continuo-blue-rgb),.34);
  --text:var(--continuo-ink);
  --muted:var(--continuo-muted);
  --accent:var(--continuo-blue);
  --topbar:rgba(255,253,248,.94);
  --button:rgba(239,234,224,.68);
  color-scheme:light;
}
.editor-page :is(.editor-topbar,.editor-actions,.editor-workspace,.editor-sidebar,.editor-sidebar>header,.editor-map-toolbar,.editor-inspector) {
  border-color:var(--continuo-line)!important;
  background:var(--continuo-card)!important;
}
.editor-page .editor-map-panel { background:var(--continuo-surface-soft); }
.editor-page .editor-map-viewport {
  background-color:#eee9df;
  background-image:
    linear-gradient(rgba(17,24,39,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(17,24,39,.035) 1px,transparent 1px);
}

/* Embedded research and history workspaces inside Live View. */
.showcase-page :is(
  .research-profile-panel,.research-profile-editor,.research-profile-stage,
  .research-profile-card,.research-profile-topic,.research-profile-collaborator,
  .spatial-profile,.navigation-stage,.navigation-status,.recommendation-shelf,
  .history-movement-icon,.visit-summary-hero,.visit-summary-process,
  .visit-summary-details
) {
  border-color:var(--continuo-line)!important;
  background-color:var(--continuo-card)!important;
  background-image:none!important;
}

html,
body.fog-blue-page.showcase-page,
.showcase-root {
  background:var(--continuo-paper)!important;
}

body.fog-blue-page.showcase-page {
  color:var(--continuo-ink);
  background:
    linear-gradient(135deg,transparent 0 72%,rgba(var(--continuo-blue-rgb),.035) 72% 78%,transparent 78%),
    radial-gradient(circle at 53% -20%,#fff 0,transparent 42rem),
    var(--continuo-paper)!important;
}

/* Remap the legacy showcase tokens before individual components resolve them.
   This keeps old layout layers useful without letting their cool-blue material
   system leak back into the current warm paper theme. */
.showcase-page {
  --sp-canvas:var(--continuo-paper);
  --sp-canvas-light:#fffdf8;
  --sp-surface:rgba(255,253,248,.84);
  --sp-surface-solid:#fffdf8;
  --sp-elevated:rgba(255,253,248,.94);
  --sp-muted:#eee8dc;
  --sp-border:var(--continuo-line);
  --sp-border-strong:rgba(var(--continuo-blue-rgb),.34);
  --sp-ink:var(--continuo-ink);
  --sp-ink-soft:#4f5968;
  --sp-faint:#8a8f99;
  --sp-blue:var(--continuo-blue);
  --sp-blue-rgb:var(--continuo-blue-rgb);
  --sp-green:var(--continuo-green);
  --fog-canvas:var(--continuo-paper);
  --fog-canvas-deep:#eee8dc;
  --fog-surface:rgba(255,253,248,.82);
  --fog-surface-strong:rgba(255,253,248,.96);
  --fog-surface-muted:rgba(239,234,224,.76);
  --fog-ink:var(--continuo-ink);
  --fog-ink-soft:#4f5968;
  --fog-muted:var(--continuo-muted);
  --fog-faint:#8a8f99;
  --fog-line:var(--continuo-line);
  --fog-line-strong:rgba(var(--continuo-blue-rgb),.34);
  --fog-blue:var(--continuo-blue);
  --fog-blue-rgb:var(--continuo-blue-rgb);
  --fog-green:var(--continuo-green);
  --accent:var(--continuo-blue);
  --accent-rgb:var(--continuo-blue-rgb);
  --accent-2:var(--continuo-blue-deep);
  --accent-2-rgb:16,45,114;
  --green:var(--continuo-green);
}

.showcase-page .spatial-sidebar {
  border-color:rgba(17,24,39,.1);
  background:
    linear-gradient(154deg,rgba(255,253,248,.98),rgba(239,235,226,.96)),
    var(--continuo-paper);
  box-shadow:var(--continuo-shadow);
}

.showcase-page .spatial-sidebar::after {
  position:absolute;
  z-index:0;
  right:18px;
  bottom:126px;
  left:18px;
  height:132px;
  display:block;
  background:url("/static/brands/action-intelligence-vertical.svg?v=20260831-en-v1") center/110px auto no-repeat;
  content:"";
  opacity:.13;
  filter:saturate(.76) drop-shadow(0 8px 12px rgba(16,45,114,.14));
  pointer-events:none;
  animation:continuo-sidebar-logo-float 5.6s ease-in-out infinite;
  will-change:transform,filter;
}

@keyframes continuo-sidebar-logo-float {
  0%,100% { transform:translate3d(0,3px,0);filter:saturate(.74) drop-shadow(0 7px 10px rgba(16,45,114,.12)); }
  50% { transform:translate3d(0,-6px,0);filter:saturate(.86) drop-shadow(0 14px 18px rgba(16,45,114,.2)); }
}

.showcase-page .spatial-sidebar>*:not(.spatial-sidebar-toggle) { position:relative;z-index:1; }
.showcase-page .spatial-sidebar-toggle {
  position:absolute;
  z-index:5;
  border-color:var(--continuo-line);
  color:var(--continuo-blue-deep);
  background:var(--continuo-surface);
}
.showcase-page .spatial-brand strong { color:var(--continuo-blue-deep);font-weight:790;letter-spacing:-.055em; }
.showcase-page .spatial-brand span { overflow:visible;color:#626775;font-size:9px;font-weight:700;line-height:1.35;letter-spacing:.055em;text-transform:uppercase;white-space:nowrap; }
.showcase-page .spatial-primary-nav button { color:#283a63; }
.showcase-page .spatial-primary-nav button.is-active {
  color:var(--continuo-blue);
  background:rgba(var(--continuo-blue-rgb),.075);
  box-shadow:inset 0 0 0 1px rgba(var(--continuo-blue-rgb),.12);
}
.showcase-page .spatial-sidebar-foot {
  margin-top:auto!important;
  border-top-color:var(--continuo-line);
  background:linear-gradient(180deg,rgba(247,243,234,.82),rgba(255,253,248,.98));
  box-shadow:0 -12px 28px rgba(54,48,38,.045);
}
.showcase-page .spatial-utility-row button {
  border-color:var(--continuo-line);
  color:#4f5968;
  background:var(--continuo-surface);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}
.showcase-page .spatial-utility-row button:hover,
.showcase-page .spatial-utility-row button[aria-expanded="true"] {
  border-color:rgba(var(--continuo-blue-rgb),.24);
  color:var(--continuo-blue);
  background:#fff;
}
.showcase-page .spatial-profile {
  border-color:var(--continuo-line);
  background:linear-gradient(145deg,#fffdf8,#f4efe5);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 5px 14px rgba(17,24,39,.035);
}
.showcase-page .spatial-profile:hover,
.showcase-page .spatial-profile[aria-expanded="true"] {
  border-color:rgba(var(--continuo-blue-rgb),.24);
  background:#fff;
}
.showcase-page .spatial-avatar,
.showcase-page .account-panel-avatar {
  background:linear-gradient(145deg,var(--continuo-blue),var(--continuo-blue-deep));
  box-shadow:0 5px 14px rgba(var(--continuo-blue-rgb),.18);
}
.showcase-page .spatial-profile small { color:var(--continuo-muted); }
.showcase-page .spatial-profile small i { background:var(--continuo-gold); }
.showcase-page .spatial-profile small i.is-live {
  background:var(--continuo-green);
  box-shadow:0 0 0 3px rgba(21,154,85,.1);
}
.showcase-page .spatial-profile-chevron { color:var(--continuo-blue-deep); }

/* Keep every navigation destination visible on ordinary laptop displays. */
@media (min-width:1101px) {
  .showcase-page .spatial-brand {
    min-height:76px;
    grid-template-columns:minmax(0,1fr) 40px;
    grid-template-rows:30px auto;
    row-gap:5px;
    padding:12px 14px 10px;
  }
  .showcase-page .spatial-primary-nav {
    gap:2px;
    padding:3px 8px;
  }
  .showcase-page .spatial-primary-nav button {
    min-height:44px;
    gap:11px;
    padding:5px 13px;
  }
  .showcase-page .spatial-primary-nav svg { width:24px;height:24px; }
  .showcase-page .spatial-nav-divider { margin:5px 17px 7px; }
  .showcase-page .spatial-more {
    flex:0 0 auto;
    gap:0;
    padding:0 10px;
    overflow:visible;
  }
  .showcase-page .spatial-more h2 { margin:0 0 3px 5px; }
  .showcase-page .spatial-more button { height:32px; }
  .showcase-page .spatial-sidebar-toggle { top:12px; }
  .showcase-page .spatial-utility-row { gap:6px;margin-bottom:8px; }
  .showcase-page .spatial-utility-row button { height:34px;border-radius:10px; }
  .showcase-page .spatial-profile { min-height:60px;border-radius:14px;padding:9px; }
}

@media (min-width:1101px) and (max-height:720px) {
  .showcase-page .spatial-sidebar::after {
    bottom:116px;
    height:88px;
    background-size:84px auto;
    opacity:.08;
    animation:none;
    will-change:auto;
  }
}

@media (prefers-reduced-motion:reduce) {
  .showcase-page .spatial-sidebar::after {
    animation:none;
    transform:none;
    will-change:auto;
  }
}

.continuo-company-endorsement {
  display:grid;
  place-items:center;
  gap:4px;
  color:var(--continuo-muted);
}
.continuo-company-endorsement small {
  font-size:7px;
  font-weight:750;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.continuo-company-endorsement img { display:block;width:92px;height:auto; }
.showcase-page.sidebar-collapsed .spatial-sidebar::after { opacity:0; }
.continuo-company-account {
  display:none;
  grid-template-columns:auto 74px;
  justify-content:center;
  gap:12px;
  border-top:1px solid var(--continuo-line);
  border-bottom:1px solid var(--continuo-line);
  padding:10px 0;
}
.continuo-company-account img { width:74px; }

.showcase-page .topbar,
.showcase-page .paper-context,
.showcase-page .intelligence-core,
.showcase-page .navigation-core,
.showcase-page .evidence-dock,
.showcase-page .knowledge-trail {
  border-color:var(--continuo-line)!important;
  background:rgba(255,253,248,.94)!important;
  box-shadow:var(--continuo-shadow)!important;
}

.showcase-page .continuo-companion-status {
  min-width:0;
  display:flex;
  align-items:center;
  gap:7px;
  color:var(--continuo-muted);
  font-style:normal;
}
.showcase-page .continuo-companion-status>i {
  width:6px;
  height:6px;
  flex:none;
  border-radius:50%;
  background:var(--continuo-blue);
  box-shadow:0 0 0 4px rgba(var(--continuo-blue-rgb),.09);
}
.showcase-page .continuo-companion-status>b {
  min-width:0;
  overflow:hidden;
  color:inherit;
  font-size:16px;
  font-weight:680;
  line-height:1.45;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.showcase-page .continuo-companion-banner {
  position:fixed;
  z-index:120;
  inset:0 0 auto;
  height:48px;
  justify-content:center;
  border-bottom:1px solid rgba(var(--continuo-blue-rgb),.18);
  padding:0 24px;
  color:var(--continuo-ink);
  background:rgba(255,253,248,.97);
  box-shadow:0 7px 24px rgba(68,61,48,.08);
  backdrop-filter:blur(18px) saturate(118%);
}
.showcase-page .continuo-companion-banner>i {
  width:8px;
  height:8px;
  box-shadow:0 0 0 5px rgba(var(--continuo-blue-rgb),.09);
}

@media (min-width:1101px) {
  body.showcase-page { padding-top:56px; }
  .showcase-page .spatial-sidebar { top:56px!important; }
  html[data-panel] body.showcase-page.spatial-ui .showcase-shell,
  html[data-panel="auto"] body.showcase-page.spatial-ui .showcase-shell {
    height:calc(100dvh - 64px)!important;
  }
}

@media (max-width:1100px) {
  body.showcase-page { padding-top:48px; }
  .showcase-page .topbar { top:48px!important; }
  .showcase-page .connection-banner { top:116px!important; }
}

/* Keep secondary workspaces on the same warm exhibition-wall material as the
   sidebar. Cobalt remains an accent instead of becoming a page background. */
.showcase-page .operator-panel,
.showcase-page .detail-panel,
.showcase-page .itinerary-panel,
.showcase-page .preference-dialog,
.showcase-page .recommendation-dialog,
.showcase-page .face-manager-panel {
  --surface:#fffdf8;
  --surface-2:#f7f3ea;
  --surface-deep:#eee8dc;
  --well:rgba(239,234,224,.76);
  --grad-a:#fffdf8;
  --grad-b:#f1ece2;
  --text-bright:#111827;
  --text:#263142;
  --muted:#667085;
  --faint:#8a8f99;
  color:var(--continuo-ink)!important;
  border-color:rgba(17,24,39,.11)!important;
  background:linear-gradient(145deg,rgba(255,253,248,.99),rgba(241,236,226,.98))!important;
  box-shadow:0 30px 90px rgba(54,48,38,.16),inset 0 1px 0 rgba(255,255,255,.9)!important;
}
.showcase-page .detail-header,
.showcase-page .preference-head,
.showcase-page .recommendation-head,
.showcase-page .face-manager-head {
  border-color:var(--continuo-line)!important;
  background:rgba(255,253,248,.94)!important;
}
.showcase-page .detail-tabs,
.showcase-page .session-manager-toolbar,
.showcase-page .itinerary-toolbar {
  border-color:var(--continuo-line)!important;
  background:rgba(239,234,224,.82)!important;
}
.showcase-page .detail-content { color:#4f5968!important;background:rgba(247,243,234,.54); }
.showcase-page .detail-overlay,
.showcase-page .preference-overlay,
.showcase-page .recommendation-overlay,
.showcase-page .face-manager-overlay { background:rgba(69,63,52,.2); }
body.spatial-ui[data-spatial-workspace="poster"] #detailOverlay .detail-panel,
body.spatial-ui[data-spatial-workspace="plan"] #itineraryOverlay .itinerary-panel {
  background:linear-gradient(145deg,#fffdf8,#f1ece2)!important;
}
body.spatial-ui[data-spatial-workspace="evidence"] .evidence-dock {
  background:linear-gradient(145deg,#fffdf8,#f1ece2)!important;
}

.showcase-page .resource-card,
.showcase-page .deep-section,
.showcase-page .machine-live-card,
.showcase-page .state-machine-section,
.showcase-page .transcript-line,
.showcase-page .evidence-card,
.showcase-page .metadata-item,
.showcase-page .qr-card,
.showcase-page .compare-option,
.showcase-page .favorite-row,
.showcase-page .session-row,
.showcase-page .inventory-card,
.showcase-page .itinerary-item,
.showcase-page .recommendation-item,
.showcase-page .account-identity-card,
.showcase-page .account-status-list {
  border-color:var(--continuo-line)!important;
  background:rgba(255,253,248,.72)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.86)!important;
}
.showcase-page .resource-metric,
.showcase-page .trace-chip,
.showcase-page .machine-legend span,
.showcase-page .itinerary-item-meta span,
.showcase-page .machine-node,
.showcase-page .trace-json,
.showcase-page .machine-edge span {
  border-color:var(--continuo-line)!important;
  background:rgba(239,234,224,.72)!important;
}
.showcase-page .compare-wrap,
.showcase-page .compare-table th { background:#eee8dc!important; }
.showcase-page .itinerary-overview {
  background:radial-gradient(circle at 82% 35%,rgba(var(--continuo-blue-rgb),.08),transparent 32%),linear-gradient(125deg,#fffdf8,#f1ece2 68%)!important;
}
.showcase-page .itinerary-route-preview {
  background:linear-gradient(105deg,rgba(var(--continuo-blue-rgb),.055),#fffdf8 62%,#f1ece2)!important;
}

/* Theme completion for legacy inner modules. Neutral containers stay warm;
   blue, green, gold and red are reserved for interaction or real semantics. */
.showcase-page :is(
  .context-status,.summary-points,.keyword-chips button,
  .metadata-grid,.analysis-flow,.preference-test-profiles button,
  .preference-note textarea,.session-search input,
  .face-gesture-sequence b,.face-manager-summary,
  .face-manager-summary>span,.face-manager-empty,
  .spatial-analysis-keywords>span
) {
  border-color:var(--continuo-line)!important;
  color:var(--continuo-ink)!important;
  background:var(--continuo-card)!important;
  background-image:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.86)!important;
}
.showcase-page :is(
  .detail-panel input,.detail-panel textarea,
  .preference-dialog input,.preference-dialog textarea,
  .face-manager-panel input
) {
  border-color:var(--continuo-line)!important;
  color:var(--continuo-ink)!important;
  background:#fffdf8!important;
}
.showcase-page :is(
  #evidenceToggleButton,#openPosterMapButton,
  .context-detail-button,.workspace-action,
  .recommendation-head button,.face-manager-summary button,
  .session-row-actions button,.itinerary-route-preview button
) {
  border-color:var(--continuo-line)!important;
  color:var(--continuo-blue-deep)!important;
  background:var(--continuo-surface)!important;
  background-image:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.88)!important;
}
.showcase-page :is(
  #evidenceToggleButton,#openPosterMapButton,
  .context-detail-button,.workspace-action,
  .recommendation-head button,.face-manager-summary button,
  .session-row-actions button,.itinerary-route-preview button
):hover {
  border-color:rgba(var(--continuo-blue-rgb),.3)!important;
  color:var(--continuo-blue)!important;
  background:#fff!important;
}
.showcase-page .recommendation-shelf {
  border-color:rgba(var(--continuo-gold-rgb),.2)!important;
  background:linear-gradient(105deg,rgba(var(--continuo-gold-rgb),.065),#fffdf8 72%)!important;
}
.showcase-page .recommendation-shelf-copy small,
.showcase-page .recommendation-item>span,
.showcase-page .recommendation-foot strong {
  border-color:rgba(var(--continuo-gold-rgb),.22)!important;
  color:var(--continuo-gold)!important;
  background:rgba(var(--continuo-gold-rgb),.065)!important;
}
.showcase-page .recommendation-item b { color:var(--continuo-ink)!important; }
.showcase-page .preference-interview-guide li>b,
.showcase-page .preference-test-profiles header strong { color:var(--continuo-blue-deep)!important; }
.showcase-page .poster-map-legend { color:var(--continuo-muted)!important; }
.showcase-page .poster-map-legend i.visited { background:#7fa6de!important; }
.showcase-page .poster-map-legend i.current { background:var(--continuo-blue)!important; }
.showcase-page .poster-map-legend i.recommended { background:var(--continuo-gold)!important; }
.showcase-page .poster-map-legend i.unseen { background:#c9c3b7!important; }
.showcase-page .high-five-status {
  border-color:rgba(21,154,85,.22)!important;
  color:#126b3e!important;
  background:rgba(21,154,85,.065)!important;
}
.showcase-page .inventory-danger-zone {
  border-color:rgba(var(--continuo-red-rgb),.18)!important;
  background:rgba(var(--continuo-red-rgb),.045)!important;
}
.showcase-page .topic-node circle { fill:#fffdf8!important;stroke:var(--continuo-blue)!important; }
.showcase-page .topic-node text { fill:var(--continuo-ink)!important; }
.showcase-page .qr-card img,
.showcase-page .qr-placeholder,
.showcase-page .evidence-card img { background:#eee8dc!important; }
.showcase-page .toast {
  border-color:var(--continuo-line)!important;
  color:var(--continuo-ink)!important;
  background:rgba(255,253,248,.97)!important;
  box-shadow:var(--continuo-shadow)!important;
}
.showcase-page .toast.is-error {
  border-color:rgba(var(--continuo-red-rgb),.24)!important;
  color:var(--continuo-red)!important;
  background:#fff7f5!important;
}

/* The full visit review is a major workspace, so its shell and reading cards
   follow the same paper hierarchy while retaining semantic section accents. */
.showcase-page .visit-summary-overlay { background:rgba(69,63,52,.24)!important; }
.showcase-page .visit-summary-page {
  border-color:var(--continuo-line)!important;
  background:var(--continuo-paper)!important;
  box-shadow:0 30px 90px rgba(54,48,38,.17)!important;
}
.showcase-page .visit-summary-header {
  border-color:var(--continuo-line)!important;
  background:rgba(255,253,248,.97)!important;
}
.showcase-page .visit-summary-header h2 { color:var(--continuo-ink)!important; }
.showcase-page .visit-summary-header p,
.showcase-page .visit-summary-overview small { color:var(--continuo-muted)!important; }
.showcase-page .visit-summary-header-actions>a,
.showcase-page .visit-summary-header-actions>button {
  border-color:var(--continuo-line)!important;
  color:var(--continuo-blue-deep)!important;
  background:var(--continuo-surface)!important;
}
.showcase-page .visit-summary-overview,
.showcase-page .visit-summary-process article,
.showcase-page .visit-summary-evidence-grid details {
  border-color:var(--continuo-line)!important;
  background:var(--continuo-card)!important;
}
.showcase-page .visit-summary-overview { border-left-color:var(--continuo-blue)!important; }
.showcase-page .visit-summary-process article:first-child { border-left-color:var(--continuo-blue)!important; }
.showcase-page .visit-summary-process article:last-child { border-left-color:var(--continuo-green)!important; }
.showcase-page .visit-summary-cards article[data-kind="relation"] { border-top-color:var(--continuo-green)!important; }
.showcase-page .visit-summary-cards article[data-kind="insight"] { border-top-color:var(--continuo-blue)!important; }
.showcase-page .visit-summary-cards article[data-kind="question"],
.showcase-page .visit-summary-cards article[data-kind="recommendation"] { border-top-color:var(--continuo-gold)!important; }
.showcase-page .visit-summary-overview p,
.showcase-page .visit-summary-process p,
.showcase-page .visit-summary-cards p,
.showcase-page .visit-summary-cards li,
.showcase-page .visit-summary-poster-card section p,
.showcase-page .visit-summary-poster-card section ul,
.showcase-page .visit-summary-evidence-grid article p { color:#465160!important; }

/* Each recommendation pick needs its own readable sheet, independent of the
   recommendation group tint behind it. */
.showcase-page .itinerary-recommendation-group,
.showcase-page .itinerary-workshop-recommendations>header {
  border-color:var(--continuo-line)!important;
  background:rgba(239,234,224,.72)!important;
}
.showcase-page .itinerary-recommendation-card,
.showcase-page .itinerary-workshop-card {
  border-color:rgba(17,24,39,.14)!important;
  background:#fffefa!important;
  box-shadow:0 12px 30px rgba(54,48,38,.1),inset 0 1px 0 #fff!important;
}
.showcase-page .itinerary-recommendation-card:hover,
.showcase-page .itinerary-workshop-card:hover {
  border-color:rgba(var(--continuo-blue-rgb),.3)!important;
  background:#fff!important;
  box-shadow:0 16px 34px rgba(54,48,38,.14),inset 0 1px 0 #fff!important;
}
.showcase-page .itinerary-recommendation-card-head,
.showcase-page .itinerary-workshop-card-head,
.showcase-page .itinerary-recommendation-reason,
.showcase-page .itinerary-workshop-reason {
  border-color:var(--continuo-line)!important;
  background:var(--continuo-surface-soft)!important;
}
.showcase-page .itinerary-recommendation-card h4,
.showcase-page .itinerary-recommendation-reason p,
.showcase-page .itinerary-recommendation-reason li span,
.showcase-page .itinerary-workshop-card h3,
.showcase-page .itinerary-workshop-reason p {
  color:var(--continuo-ink)!important;
}
.overview-page .mini-recommendations article {
  border:1px solid var(--continuo-line);
  border-left:3px solid var(--continuo-blue);
  border-radius:9px;
  background:#fffefa!important;
}

.showcase-page .co-brand .brand-logo-shell { display:none; }
.showcase-page .brand-copy strong,
.showcase-page .poster-heading h1,
.showcase-page .intelligence-head strong,
.showcase-page .knowledge-head strong,
.showcase-page .evidence-head strong { color:var(--continuo-ink)!important; }
.showcase-page .brand-copy strong { color:var(--continuo-blue-deep)!important;font-size:20px;font-weight:800;letter-spacing:-.045em; }
.showcase-page .brand-copy small { color:var(--continuo-muted)!important;font-size:8px;letter-spacing:.09em;text-transform:uppercase; }

.continuo-clock,
.continuo-battery {
  height:28px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  border:1px solid var(--continuo-line);
  border-radius:999px;
  padding:0 9px;
  color:#384152;
  background:rgba(255,255,255,.54);
  font-size:10px;
  font-weight:720;
  white-space:nowrap;
}
.continuo-clock>i { width:8px;height:8px;border:1px solid currentColor;border-radius:50%; }
.continuo-battery>i { position:relative;width:15px;height:8px;border:1px solid currentColor;border-radius:2px; }
.continuo-battery>i::after { position:absolute;right:-3px;top:2px;width:2px;height:4px;border-radius:0 1px 1px 0;background:currentColor;content:""; }
.continuo-battery>i>u { position:absolute;inset:2px;width:65%;background:var(--continuo-blue);text-decoration:none; }
.continuo-battery.is-low { color:#b42318;border-color:rgba(180,35,24,.28); }
.continuo-battery.is-low>i>u { background:#b42318; }

.showcase-page .intelligence-head { min-height:34px; }
.showcase-page .intelligence-head>strong { font-size:18px!important;letter-spacing:-.025em!important; }
.continuo-live-updates {
  display:inline-flex;
  align-items:center;
  gap:5px;
  margin-left:auto;
  color:var(--continuo-blue);
  font-size:8px;
  font-weight:780;
  letter-spacing:.07em;
}
.continuo-live-updates>i { width:6px;height:6px;border-radius:50%;background:var(--continuo-blue);box-shadow:0 0 0 4px rgba(var(--continuo-blue-rgb),.08); }
.showcase-page #summaryPulse { margin-left:2px!important; }
.showcase-page .mobile-profile-button { display:none; }

.continuo-personal {
  display:grid;
  gap:9px;
  border-top:1px solid var(--continuo-line);
  padding-top:10px;
}
.continuo-personal>header { display:flex;align-items:baseline;gap:9px; }
.continuo-personal>header>span { color:var(--continuo-blue);font-size:9px;font-weight:800; }
.continuo-personal h2 { margin:0;color:var(--continuo-ink);font-size:15px;line-height:1.2;letter-spacing:-.02em; }
.continuo-relation-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px; }
.continuo-relation-grid article {
  min-width:0;
  display:grid;
  grid-template-columns:28px minmax(0,1fr);
  align-items:center;
  gap:8px;
  border:1px solid var(--continuo-line);
  border-radius:12px;
  padding:9px;
  background:rgba(255,255,255,.56);
}
.continuo-relation-grid article>i { width:28px;height:28px;display:grid;place-items:center;border-radius:9px;color:var(--continuo-blue);background:rgba(var(--continuo-blue-rgb),.09);font-style:normal;font-weight:800; }
.continuo-relation-grid article>span { min-width:0;display:grid;gap:3px; }
.continuo-relation-grid strong { color:var(--continuo-ink);font-size:10px;line-height:1.25; }
.continuo-relation-grid small { overflow:hidden;color:var(--continuo-muted);font-size:8px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap; }

.continuo-followups { display:grid;grid-template-columns:1fr 1fr;gap:8px; }
.continuo-followups>button {
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:9px;
  border:1px solid var(--continuo-line);
  border-radius:12px;
  padding:9px 11px;
  color:var(--continuo-ink);
  background:rgba(255,255,255,.58);
  text-align:left;
  cursor:pointer;
}
.continuo-followups>button:hover:not(:disabled) { border-color:rgba(var(--continuo-blue-rgb),.35);background:#fff; }
.continuo-followups>button:disabled { cursor:default;opacity:.58; }
.continuo-followups>button>span { min-width:0;display:grid;grid-template-columns:auto 1fr;gap:2px 7px; }
.continuo-followups small { grid-row:1/3;color:var(--continuo-blue);font-size:8px;font-weight:800; }
.continuo-followups strong { overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap; }
.continuo-followups em { overflow:hidden;color:var(--continuo-muted);font-size:8px;font-style:normal;text-overflow:ellipsis;white-space:nowrap; }
.continuo-followups>button>b { color:var(--continuo-blue);font-size:17px; }

.showcase-page .spatial-analysis-notebook>div {
  border-color:var(--continuo-line)!important;
}
.showcase-page .spatial-analysis-notebook span { color:var(--continuo-blue-deep)!important; }
.showcase-page .spatial-analysis-notebook p { color:#495260!important; }
.showcase-page .navigation-stage { border-color:var(--continuo-line);background:var(--continuo-surface-soft); }
.showcase-page .recommendation-shelf button { border-color:var(--continuo-line);background:#fffaf2; }

/* Complete the theme handoff for inner cards. The legacy spatial and fog-blue
   layers still own component geometry, while Continuo owns their surfaces. */
.showcase-page .evidence-streams .visual-caption-rail,
.showcase-page .evidence-streams .asr-summary-card,
.showcase-page .live-now-pane,
.showcase-page .asr-timeline-copy,
.showcase-page .history-card,
.showcase-page .history-empty,
.showcase-page .history-select,
.showcase-page .visit-detail-stats>span,
.showcase-page .visit-detail-tags span,
.showcase-page .visit-summary-cards article,
.showcase-page .visit-summary-poster-card,
.showcase-page .visit-summary-evidence-grid>article {
  border-color:var(--continuo-line)!important;
  color:var(--continuo-ink)!important;
  background:var(--continuo-card)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.88)!important;
}
.showcase-page .visual-caption-rail[data-kind] {
  border-color:var(--continuo-line)!important;
  background:var(--continuo-card)!important;
  box-shadow:inset 2px 0 0 rgba(var(--continuo-blue-rgb),.38),inset 0 1px 0 rgba(255,255,255,.88)!important;
}
.showcase-page .asr-history-column-head {
  border-color:var(--continuo-line)!important;
  background:rgba(241,237,228,.78)!important;
}
.showcase-page .asr-timeline-item:hover .asr-timeline-copy,
.showcase-page .asr-timeline-item:focus-visible .asr-timeline-copy,
.showcase-page .history-item:hover .history-select {
  border-color:rgba(var(--continuo-blue-rgb),.3)!important;
  background:var(--continuo-card-hover)!important;
}
.showcase-page .history-item.active .history-select,
.showcase-page .history-card.is-active,
.showcase-page .history-card.current,
.showcase-page .transcript-line.is-timeline-focus {
  border-color:rgba(var(--continuo-blue-rgb),.58)!important;
  background:var(--continuo-card-active)!important;
  box-shadow:0 0 0 3px rgba(var(--continuo-blue-rgb),.07)!important;
}
.showcase-page .history-poster-preview {
  border-color:var(--continuo-line)!important;
  color:var(--continuo-blue-deep)!important;
  background:linear-gradient(145deg,#eee8dc,#faf7ef)!important;
}
.showcase-page .history-card-copy>strong,
.showcase-page .visit-detail-card h3,
.showcase-page .visit-summary-poster-card>header h2 {
  color:var(--continuo-ink)!important;
}
.showcase-page .history-expand-button,
.showcase-page .visit-detail-card>header button {
  border-color:var(--continuo-line)!important;
  color:var(--continuo-blue-deep)!important;
  background:rgba(255,253,248,.8)!important;
}
.showcase-page .visit-detail-note {
  border-left-color:rgba(var(--continuo-blue-rgb),.55)!important;
  background:rgba(241,237,228,.72)!important;
}

/* Visit Trail is part of the same warm paper system as the main workspace.
   Use cobalt for state and wayfinding, not as a competing panel surface. */
body.spatial-ui[data-spatial-workspace="trace"] .knowledge-trail {
  background:
    radial-gradient(circle at 94% 0,rgba(var(--continuo-blue-rgb),.055),transparent 34%),
    rgba(255,253,248,.96)!important;
}
body.spatial-ui[data-spatial-workspace="trace"] .visit-trail-timeline {
  border-color:var(--continuo-line)!important;
}
body.spatial-ui[data-spatial-workspace="trace"] .knowledge-history-head {
  border-color:transparent!important;
}
body.spatial-ui[data-spatial-workspace="trace"] .history-route-mark {
  border-color:rgba(var(--continuo-blue-rgb),.18)!important;
  background:rgba(var(--continuo-blue-rgb),.07)!important;
  box-shadow:none!important;
}
body.spatial-ui[data-spatial-workspace="trace"] .history-route-mark svg { stroke:var(--continuo-blue)!important; }
body.spatial-ui[data-spatial-workspace="trace"] .history-route-mark svg circle { fill:var(--continuo-surface)!important; }
body.spatial-ui[data-spatial-workspace="trace"] .knowledge-history-title b { color:var(--continuo-ink)!important; }
body.spatial-ui[data-spatial-workspace="trace"] .knowledge-history-title small { color:var(--continuo-muted)!important; }
body.spatial-ui[data-spatial-workspace="trace"] #historyCount {
  border-color:var(--continuo-line)!important;
  color:var(--continuo-blue-deep)!important;
  background:var(--continuo-surface-soft)!important;
  box-shadow:none!important;
}
body.spatial-ui[data-spatial-workspace="trace"] .poster-history {
  scrollbar-color:rgba(var(--continuo-blue-rgb),.24) transparent!important;
}
body.spatial-ui[data-spatial-workspace="trace"] .poster-history::-webkit-scrollbar-thumb {
  background:rgba(var(--continuo-blue-rgb),.24)!important;
}
body.spatial-ui[data-spatial-workspace="trace"] .history-visit-time { color:var(--continuo-ink)!important; }
body.spatial-ui[data-spatial-workspace="trace"] .history-visit-time small { color:var(--continuo-muted)!important; }
body.spatial-ui[data-spatial-workspace="trace"] .history-visit-time b { color:var(--continuo-ink)!important; }
body.spatial-ui[data-spatial-workspace="trace"] .history-visit-time i { color:var(--continuo-blue)!important; }
body.spatial-ui[data-spatial-workspace="trace"] .history-select {
  border-color:var(--continuo-line)!important;
  background:rgba(255,253,248,.68)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.88),0 6px 18px rgba(54,48,38,.045)!important;
}
body.spatial-ui[data-spatial-workspace="trace"] .history-item:hover .history-select {
  border-color:rgba(var(--continuo-blue-rgb),.28)!important;
  background:#fffdf8!important;
}
body.spatial-ui[data-spatial-workspace="trace"] .history-item.active .history-select {
  border-color:rgba(var(--continuo-blue-rgb),.66)!important;
  background:linear-gradient(145deg,#fffdf8,rgba(var(--continuo-blue-rgb),.055))!important;
  box-shadow:0 0 0 3px rgba(var(--continuo-blue-rgb),.075),0 8px 22px rgba(37,47,68,.07)!important;
}
body.spatial-ui[data-spatial-workspace="trace"] .history-poster-preview {
  border-color:var(--continuo-line)!important;
  color:var(--continuo-blue-deep)!important;
  background:linear-gradient(145deg,#f1ede4,#fffdf8)!important;
}
body.spatial-ui[data-spatial-workspace="trace"] .history-poster-preview em { background:rgba(17,24,39,.76)!important; }
body.spatial-ui[data-spatial-workspace="trace"] .history-item.active .history-poster-preview em { background:var(--continuo-blue)!important; }
body.spatial-ui[data-spatial-workspace="trace"] .history-card-copy>strong { color:var(--continuo-blue-deep)!important; }
body.spatial-ui[data-spatial-workspace="trace"] .history-card-copy>small,
body.spatial-ui[data-spatial-workspace="trace"] .history-card-copy>span,
body.spatial-ui[data-spatial-workspace="trace"] .history-movement { color:var(--continuo-muted)!important; }
body.spatial-ui[data-spatial-workspace="trace"] .history-movement-line {
  background:linear-gradient(90deg,rgba(var(--continuo-blue-rgb),.12),rgba(var(--continuo-blue-rgb),.5),rgba(var(--continuo-blue-rgb),.12))!important;
}
body.spatial-ui[data-spatial-workspace="trace"] .history-movement-line:after {
  border-color:rgba(var(--continuo-blue-rgb),.58)!important;
  border-left:0!important;
  border-bottom:0!important;
}
body.spatial-ui[data-spatial-workspace="trace"] .history-movement-line i {
  background:var(--continuo-blue)!important;
  box-shadow:0 0 0 4px rgba(var(--continuo-blue-rgb),.07)!important;
}
body.spatial-ui[data-spatial-workspace="trace"] .history-movement-icon {
  border-color:rgba(var(--continuo-blue-rgb),.19)!important;
  background:var(--continuo-surface)!important;
}
body.spatial-ui[data-spatial-workspace="trace"] .history-movement-icon svg { stroke:var(--continuo-blue-deep)!important; }
body.spatial-ui[data-spatial-workspace="trace"] .history-movement.is-rest {
  border-color:var(--continuo-line)!important;
  background:rgba(241,237,228,.72)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.88),0 6px 18px rgba(54,48,38,.04)!important;
}
body.spatial-ui[data-spatial-workspace="trace"] .history-movement.is-rest .history-movement-icon {
  background:#fffdf8!important;
  box-shadow:none!important;
}
body.spatial-ui[data-spatial-workspace="trace"] .history-movement.is-rest small { color:var(--continuo-blue-deep)!important; }
body.spatial-ui[data-spatial-workspace="trace"] .history-movement.is-rest b { color:var(--continuo-muted)!important; }
body.spatial-ui[data-spatial-workspace="trace"] .visit-trail-detail-shell {
  border-color:var(--continuo-line)!important;
  background:linear-gradient(150deg,rgba(255,253,248,.98),rgba(241,237,228,.9))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 12px 34px rgba(54,48,38,.055)!important;
}
body.spatial-ui[data-spatial-workspace="trace"] .visit-detail-card>header { border-color:var(--continuo-line)!important; }
body.spatial-ui[data-spatial-workspace="trace"] .visit-detail-heading>span,
body.spatial-ui[data-spatial-workspace="trace"] .visit-detail-eyebrow { color:var(--continuo-blue)!important; }
body.spatial-ui[data-spatial-workspace="trace"] .visit-detail-heading>small,
body.spatial-ui[data-spatial-workspace="trace"] .visit-detail-authors { color:var(--continuo-muted)!important; }
body.spatial-ui[data-spatial-workspace="trace"] .visit-detail-card>header button {
  border-color:rgba(var(--continuo-blue-rgb),.22)!important;
  color:var(--continuo-blue-deep)!important;
  background:rgba(var(--continuo-blue-rgb),.055)!important;
}
body.spatial-ui[data-spatial-workspace="trace"] .visit-detail-card>header button:hover {
  border-color:rgba(var(--continuo-blue-rgb),.42)!important;
  background:#fffdf8!important;
}
body.spatial-ui[data-spatial-workspace="trace"] .visit-detail-poster-media {
  border-color:var(--continuo-line)!important;
  color:var(--continuo-blue-deep)!important;
  background:linear-gradient(145deg,#eee8dc,#fffdf8)!important;
  box-shadow:0 10px 28px rgba(54,48,38,.07)!important;
}
body.spatial-ui[data-spatial-workspace="trace"] .visit-detail-poster-media img { background:#fffdf8!important; }
body.spatial-ui[data-spatial-workspace="trace"] .visit-detail-poster-media figcaption {
  border-color:var(--continuo-line)!important;
  color:var(--continuo-blue-deep)!important;
  background:rgba(255,253,248,.92)!important;
}
body.spatial-ui[data-spatial-workspace="trace"] .visit-detail-poster-media figcaption small { color:var(--continuo-muted)!important; }
body.spatial-ui[data-spatial-workspace="trace"] .visit-detail-card h3 { color:var(--continuo-ink)!important; }
body.spatial-ui[data-spatial-workspace="trace"] .visit-detail-tags span {
  border-color:var(--continuo-line)!important;
  color:var(--continuo-blue-deep)!important;
  background:var(--continuo-surface-soft)!important;
}
body.spatial-ui[data-spatial-workspace="trace"] .visit-detail-stats>span {
  border-color:var(--continuo-line)!important;
  background:rgba(255,253,248,.86)!important;
}
body.spatial-ui[data-spatial-workspace="trace"] .visit-detail-stats small { color:var(--continuo-muted)!important; }
body.spatial-ui[data-spatial-workspace="trace"] .visit-detail-stats b { color:var(--continuo-ink)!important; }
body.spatial-ui[data-spatial-workspace="trace"] .visit-detail-note {
  border-color:var(--continuo-line)!important;
  border-left-color:var(--continuo-blue)!important;
  background:rgba(255,253,248,.78)!important;
}
body.spatial-ui[data-spatial-workspace="trace"] .visit-detail-note>span { color:var(--continuo-blue-deep)!important; }
body.spatial-ui[data-spatial-workspace="trace"] .visit-detail-note>p { color:#465160!important; }
body.spatial-ui[data-spatial-workspace="trace"] .visit-trail-detail-empty { color:var(--continuo-muted)!important; }

.continuo-detail-personal {
  display:grid;
  gap:14px;
  border:1px solid var(--continuo-line);
  border-radius:17px;
  padding:18px;
  background:
    linear-gradient(136deg,transparent 0 89%,rgba(var(--continuo-blue-rgb),.1) 89%),
    rgba(255,253,248,.82);
}
.continuo-detail-personal>header { display:flex;align-items:flex-start;gap:12px; }
.continuo-detail-personal>header>span { color:var(--continuo-blue);font-size:10px;font-weight:800; }
.continuo-detail-personal h3 { margin:0;color:var(--continuo-ink);font-size:20px;letter-spacing:-.025em; }
.continuo-detail-personal p { margin:4px 0 0;color:var(--continuo-muted);font-size:11px; }
.continuo-detail-personal>div { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px; }
.continuo-detail-personal article { min-width:0;display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:center;border:1px solid var(--continuo-line);border-radius:13px;padding:11px;background:rgba(255,255,255,.62); }
.continuo-detail-personal article>i { width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:var(--continuo-blue);background:rgba(var(--continuo-blue-rgb),.09);font-style:normal;font-weight:800; }
.continuo-detail-personal article>span { min-width:0;display:grid;gap:4px; }
.continuo-detail-personal article strong { color:var(--continuo-ink);font-size:11px; }
.continuo-detail-personal article small { overflow:hidden;color:var(--continuo-muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap; }
.continuo-detail-personal>footer { display:grid;grid-template-columns:1fr 1fr;gap:10px; }
.continuo-detail-personal>footer>button { min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;border:1px solid var(--continuo-line);border-radius:13px;padding:11px;color:var(--continuo-ink);background:#fff;text-align:left;cursor:pointer; }
.continuo-detail-personal>footer>button:hover:not(:disabled) { border-color:rgba(var(--continuo-blue-rgb),.4); }
.continuo-detail-personal>footer>button:disabled { opacity:.55;cursor:default; }
.continuo-detail-personal>footer small { color:var(--continuo-blue);font-size:9px;font-weight:800; }
.continuo-detail-personal>footer span { min-width:0;display:grid;gap:3px; }
.continuo-detail-personal>footer strong,.continuo-detail-personal>footer em { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.continuo-detail-personal>footer strong { font-size:11px; }
.continuo-detail-personal>footer em { color:var(--continuo-muted);font-size:9px;font-style:normal; }
.continuo-detail-personal>footer b { color:var(--continuo-blue);font-size:18px; }

@media (min-width:1101px) {
  .showcase-page .continuo-clock,
  .showcase-page .continuo-battery { display:none; }
  .showcase-page .intelligence-core { overflow:auto; }
}

@media (max-width:1100px) {
  .showcase-page .topbar { border-radius:0!important;background:rgba(255,253,248,.97)!important; }
  .showcase-page .system-title { display:none!important; }
  .showcase-page .intelligence-core { gap:11px;overflow:visible!important; }
  .showcase-page .spatial-analysis-notebook { display:grid!important;grid-template-rows:repeat(3,auto)!important; }
  .showcase-page .spatial-analysis-notebook>div { grid-template-columns:84px minmax(0,1fr)!important;padding:8px 2px!important; }
  .showcase-page .spatial-analysis-notebook p { display:-webkit-box!important;overflow:hidden!important;white-space:normal!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important; }
  .continuo-company-account { display:grid; }
}

@media (max-width:720px) {
  .showcase-page .top-actions { gap:5px; }
  .showcase-page .continuo-clock,
  .showcase-page .continuo-battery { height:24px;padding:0 7px;font-size:9px; }
  .showcase-page .continuo-clock>i { display:none; }
  .showcase-page .top-actions .top-utility-button,
  .showcase-page .top-actions .operator-link:not(.operator-menu-button),
  .showcase-page .top-actions .icon-button { display:none!important; }
  .continuo-relation-grid { grid-template-columns:1fr; }
  .continuo-relation-grid article { grid-template-columns:30px minmax(0,1fr); }
  .continuo-relation-grid strong { font-size:11px; }
  .continuo-relation-grid small { font-size:9px; }
  .continuo-followups { grid-template-columns:1fr; }
  .continuo-followups strong { font-size:11px; }
  .continuo-followups em { font-size:9px; }
  html[data-embed="android"] .showcase-page .topbar {
    display:flex!important;
  }
  html[data-embed="android"] .showcase-page .connection-banner { top:100px!important; }
  html[data-embed="android"] body.showcase-page .showcase-shell,
  html[data-embed="android"][data-panel="auto"] body.showcase-page .showcase-shell,
  html[data-embed="android"][data-panel="auto"] body.showcase-page[data-scene] .showcase-shell {
    grid-template-rows:auto auto!important;
  }
}

/* The native Android shell already owns product identity, time, battery and
   global navigation. Keep the embedded bar focused on the three web tasks,
   use a neutral reading palette, and never reserve empty grid rows after ASR. */
@media (max-width:720px) {
  html[data-embed="android"] body.showcase-page {
    --continuo-blue:#252525;
    --continuo-blue-deep:#171717;
    --continuo-blue-rgb:37,37,37;
    --fog-blue:#252525;
    --fog-blue-rgb:37,37,37;
    --fog-blue-soft:#ebe7df;
    --fog-line:rgba(37,37,37,.16);
    --fog-line-strong:rgba(37,37,37,.34);
    --sp-blue:#252525;
    --sp-blue-rgb:37,37,37;
    --sp-signal:#4f4f4f;
    --sp-soft-blue:#aaa49a;
    --sp-border:rgba(37,37,37,.16);
    --sp-border-strong:rgba(37,37,37,.32);
    --accent:#252525;
    --accent-rgb:37,37,37;
    --accent-2:#625c52;
    --accent-2-rgb:98,92,82;
    --line-strong:rgba(37,37,37,.32);
    --title-mid:#4a4742;
  }
  html[data-embed="android"] .showcase-page .topbar {
    position:sticky;
    top:48px;
    z-index:30;
    height:46px;
    min-height:46px;
    padding:0 8px;
    border-bottom:1px solid var(--continuo-line)!important;
    background:rgba(255,253,248,.98)!important;
    box-shadow:none!important;
  }
  html[data-embed="android"] .showcase-page .top-actions {
    width:100%;
    min-width:0;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1.18fr) minmax(68px,.72fr);
    gap:6px;
  }
  html[data-embed="android"] .showcase-page #myPosterButton,
  html[data-embed="android"] .showcase-page #itineraryButton,
  html[data-embed="android"] .showcase-page #mobileProfileButton {
    width:100%;
    min-width:0;
    height:30px;
    display:flex!important;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    border-color:var(--continuo-line)!important;
    color:var(--continuo-ink)!important;
    background:rgba(255,253,248,.84)!important;
    box-shadow:none!important;
    white-space:nowrap;
  }
  html[data-embed="android"] .showcase-page #operatorButton {
    display:none!important;
  }
  html[data-embed="android"] .showcase-page .continuo-clock,
  html[data-embed="android"] .showcase-page .continuo-battery {
    display:none!important;
  }
  html[data-embed="android"] body.showcase-page .showcase-shell,
  html[data-embed="android"][data-panel="auto"] body.showcase-page .showcase-shell,
  html[data-embed="android"][data-panel="auto"] body.showcase-page[data-scene] .showcase-shell {
    min-height:0!important;
    grid-template-rows:auto auto!important;
  }
  html[data-embed="android"] body.showcase-page .evidence-dock,
  html[data-embed="android"] body.showcase-page .realtime-analysis-pane,
  html[data-embed="android"] body.showcase-page .evidence-streams,
  html[data-embed="android"] body.showcase-page .asr-summary-card,
  html[data-embed="android"] body.showcase-page .asr-summary-card .evidence-feed-list {
    height:auto!important;
    min-height:0!important;
    align-content:start!important;
  }
  html[data-embed="android"] body.showcase-page .evidence-streams:before,
  html[data-embed="android"] body.showcase-page .visual-caption-source,
  html[data-embed="android"] body.showcase-page .asr-summary-source,
  html[data-embed="android"] body.showcase-page .evidence-feed-item>p b,
  html[data-embed="android"] body.showcase-page .knowledge-history-title b,
  html[data-embed="android"] body.showcase-page .history-card-copy>strong,
  html[data-embed="android"] body.showcase-page .history-visit-time i,
  html[data-embed="android"] body.showcase-page #historyCount,
  html[data-embed="android"] body.showcase-page .mobile-live-view-toggle {
    color:var(--continuo-ink)!important;
  }
  html[data-embed="android"] body.showcase-page .visual-caption-source i,
  html[data-embed="android"] body.showcase-page .asr-summary-source i {
    background:var(--continuo-ink)!important;
    box-shadow:none!important;
  }
  html[data-embed="android"] body.showcase-page .evidence-feed-item {
    border-color:var(--continuo-line)!important;
  }
}

/* Overview composition: Live View keeps the full left column. Its video frame
   matches the upper-right Capture History card, with the two live subtitle
   rows immediately below. Visit Trail keeps the lower-right card. */
.showcase-page .overview-live-panel {
  min-width:0;
  min-height:0;
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  gap:8px;
}
.showcase-page .overview-live-panel>.evidence-head,
.showcase-page .overview-live-panel>.video-stage {
  grid-area:auto;
  align-self:stretch!important;
  justify-self:stretch!important;
}
.showcase-page .overview-live-panel>.live-now-pane {
  grid-area:auto!important;
  min-width:0;
  display:grid;
  grid-template-rows:repeat(2,minmax(52px,auto));
  overflow:hidden;
  border:1px solid var(--continuo-line);
  border-radius:14px;
  background:var(--continuo-card);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.88);
}
.showcase-page .overview-live-panel .live-now-row {
  min-width:0;
  display:grid;
  grid-template-columns:138px minmax(0,1fr);
  align-items:start;
  gap:14px;
  padding:9px 14px;
}
.showcase-page .overview-live-panel .live-now-row+.live-now-row { border-top:1px solid var(--continuo-line); }
.showcase-page .overview-live-panel .live-now-row>span {
  min-width:0;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  color:var(--continuo-blue-deep);
}
.showcase-page .overview-live-panel .live-now-row>span>i {
  width:7px;
  height:7px;
  flex:none;
  border-radius:50%;
  background:var(--continuo-blue);
  box-shadow:0 0 0 4px rgba(var(--continuo-blue-rgb),.08);
}
.showcase-page .overview-live-panel .live-now-asr>span>i { background:#159a68;box-shadow:0 0 0 4px rgba(21,154,104,.09); }
.showcase-page .overview-live-panel .live-now-row b { font-size:11px;font-weight:750; }
.showcase-page .overview-live-panel .live-now-row em {
  max-width:100%;
  overflow:visible;
  color:var(--continuo-muted);
  font-size:9px;
  font-style:normal;
  overflow-wrap:anywhere;
  text-overflow:clip;
  white-space:normal;
}
.showcase-page .overview-live-panel .live-now-row p {
  min-width:0;
  margin:0;
  overflow:visible;
  color:#303a49;
  font-size:14px;
  font-weight:570;
  line-height:1.4;
  overflow-wrap:anywhere;
  text-overflow:clip;
  white-space:normal;
}

@media (min-width:1101px) {
  body.showcase-page[data-spatial-workspace="field"] .showcase-shell {
    --overview-history-height:calc(100dvh - 64px - clamp(280px,30dvh,300px) - 10px);
    grid-template-columns:minmax(0,45fr) minmax(0,55fr)!important;
    grid-template-rows:minmax(0,1fr) clamp(280px,30dvh,300px)!important;
    grid-template-areas:"overview-live overview-history" "overview-live overview-trail"!important;
  }
  html[data-panel] body.showcase-page[data-spatial-workspace="field"] .showcase-shell>.evidence-dock,
  html[data-panel] body.showcase-page[data-spatial-workspace="field"] .showcase-shell>.evidence-dock>.evidence-layout {
    display:contents!important;
  }
  body.showcase-page[data-spatial-workspace="field"] .overview-live-panel {
    grid-area:overview-live!important;
    grid-template-rows:auto var(--overview-history-height) minmax(0,1fr);
    overflow:hidden;
    border:1px solid var(--continuo-line);
    border-radius:var(--sp-radius-lg);
    padding:12px;
    background:rgba(255,253,248,.94);
    box-shadow:var(--continuo-shadow);
  }
  body.showcase-page[data-spatial-workspace="field"] .overview-live-panel>.video-stage {
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    align-self:stretch!important;
    aspect-ratio:auto!important;
  }
  body.showcase-page[data-spatial-workspace="field"] .overview-live-panel>.video-stage>img,
  body.showcase-page[data-spatial-workspace="field"] .overview-live-panel>.video-stage>video {
    object-fit:cover!important;
  }
  body.showcase-page[data-spatial-workspace="field"] .capture-history-pane {
    grid-area:overview-history!important;
    min-width:0;
    min-height:0;
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr);
    gap:8px;
    overflow:hidden;
    border:1px solid var(--continuo-line);
    border-radius:var(--sp-radius-lg);
    padding:12px;
    background:rgba(255,253,248,.94);
    box-shadow:var(--continuo-shadow);
  }
  body.showcase-page[data-spatial-workspace="field"] .capture-history-pane>.realtime-analysis-head { display:flex!important; }
  body.showcase-page[data-spatial-workspace="field"] .capture-history-pane>.evidence-streams {
    min-width:0;
    min-height:0;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:minmax(0,1fr)!important;
    gap:9px!important;
  }
  body.showcase-page[data-spatial-workspace="field"] .capture-history-pane>.evidence-streams>.visual-caption-rail,
  body.showcase-page[data-spatial-workspace="field"] .capture-history-pane>.evidence-streams>.asr-summary-card {
    height:100%!important;
    min-height:0!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:auto minmax(0,1fr)!important;
    align-items:stretch!important;
    align-self:stretch!important;
  }
  body.showcase-page[data-spatial-workspace="field"] .capture-history-pane .evidence-feed-list {
    height:100%!important;
    min-height:0!important;
    grid-auto-rows:max-content;
    align-content:start!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
  }
  body.showcase-page[data-spatial-workspace="field"] .capture-history-pane .evidence-feed-item {
    height:auto;
    align-items:start!important;
    padding:5px 0!important;
  }
  html[data-panel] body.showcase-page[data-spatial-workspace="field"] .showcase-shell>.navigation-core {
    grid-area:overview-trail!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:minmax(0,1fr)!important;
    gap:0!important;
    overflow:hidden!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  body.showcase-page[data-spatial-workspace="field"] .navigation-core>.spatial-map-pane { display:none!important; }
  body.showcase-page[data-spatial-workspace="field"] .navigation-core>.knowledge-trail {
    width:100%!important;
    height:100%!important;
    min-height:0;
  }
  body.showcase-page[data-spatial-workspace="field"] .visit-trail-timeline {
    width:100%;
    min-height:0;
    display:flex;
    flex:1 1 auto;
    flex-direction:column;
    overflow:hidden;
  }
  body.showcase-page[data-spatial-workspace="field"] .visit-trail-timeline>.spatial-map-actions {
    margin-bottom:10px!important;
  }
  body.showcase-page[data-spatial-workspace="field"] .spatial-map-actions .poster-relationship-nav-notice {
    border:1px solid var(--continuo-line)!important;
    border-radius:12px!important;
    color:var(--continuo-ink)!important;
    background:linear-gradient(105deg,rgba(var(--continuo-gold-rgb),.035),#fffdf8 72%)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important;
    backdrop-filter:none!important;
  }
  body.showcase-page[data-spatial-workspace="field"] .spatial-map-actions .poster-relationship-nav-notice>button {
    grid-template-columns:26px minmax(0,1fr) auto;
    padding:4px 7px;
    color:var(--continuo-ink)!important;
  }
  body.showcase-page[data-spatial-workspace="field"] .spatial-map-actions .poster-relationship-nav-notice>button>i {
    width:26px;
    height:26px;
    border-color:rgba(var(--continuo-blue-rgb),.22)!important;
    border-radius:9px;
    color:var(--continuo-blue-deep)!important;
    background:rgba(var(--continuo-blue-rgb),.07)!important;
  }
  body.showcase-page[data-spatial-workspace="field"] .spatial-map-actions .poster-relationship-nav-notice b,
  body.showcase-page[data-spatial-workspace="field"] .spatial-map-actions .poster-relationship-nav-notice .poster-relationship-author {
    color:var(--continuo-blue-deep)!important;
    text-shadow:none!important;
  }
  body.showcase-page[data-spatial-workspace="field"] .spatial-map-actions .poster-relationship-nav-notice strong {
    color:var(--continuo-ink)!important;
  }
  body.showcase-page[data-spatial-workspace="field"] .visit-trail-timeline>.poster-history {
    width:100%;
    height:100%!important;
    min-height:0;
    flex:1 1 auto;
    align-items:flex-end!important;
  }
  body.showcase-page[data-spatial-workspace="field"] .poster-history>.history-item {
    height:auto;
    align-self:flex-end;
  }
  body.showcase-page[data-spatial-workspace="field"] .poster-history .history-select {
    height:auto!important;
    min-height:132px;
    grid-template-rows:auto auto!important;
  }
  body.showcase-page[data-spatial-workspace="field"] .poster-history .history-poster-preview {
    width:100%;
    height:auto!important;
    max-height:none!important;
    aspect-ratio:4 / 3;
  }
  body.showcase-page[data-spatial-workspace="field"] .poster-history .history-poster-preview img {
    object-fit:contain!important;
  }
  body.showcase-page[data-spatial-workspace="field"] .poster-history>.history-movement {
    height:132px!important;
    align-self:flex-end;
  }
  body.showcase-page[data-spatial-workspace="field"] #sensorTelemetry { display:none!important; }

  body.showcase-page[data-spatial-workspace="evidence"] .showcase-shell {
    grid-template-columns:minmax(0,1.32fr) minmax(340px,.68fr)!important;
    grid-template-rows:minmax(0,1fr)!important;
    grid-template-areas:"focused-live focused-history"!important;
  }
  html[data-panel] body.showcase-page[data-spatial-workspace="evidence"] .showcase-shell>.evidence-dock,
  html[data-panel] body.showcase-page[data-spatial-workspace="evidence"] .showcase-shell>.evidence-dock>.evidence-layout {
    display:contents!important;
  }
  body.showcase-page[data-spatial-workspace="evidence"] .overview-live-panel {
    grid-area:focused-live!important;
    overflow:hidden;
    border:1px solid var(--continuo-line);
    border-radius:var(--sp-radius-lg);
    padding:14px;
    background:rgba(255,253,248,.94);
    box-shadow:var(--continuo-shadow);
  }
  body.showcase-page[data-spatial-workspace="evidence"] .capture-history-pane {
    grid-area:focused-history!important;
    min-width:0;
    min-height:0;
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr);
    gap:8px;
    overflow:hidden;
    border:1px solid var(--continuo-line);
    border-radius:var(--sp-radius-lg);
    padding:14px;
    background:rgba(255,253,248,.94);
    box-shadow:var(--continuo-shadow);
  }
  body.showcase-page[data-spatial-workspace="evidence"] .capture-history-pane>.realtime-analysis-head { display:flex!important; }
  body.showcase-page[data-spatial-workspace="evidence"] .capture-history-pane>.evidence-streams {
    min-width:0;
    min-height:0;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
  }
  body.showcase-page[data-spatial-workspace="evidence"] .capture-history-pane>.evidence-streams>.visual-caption-rail,
  body.showcase-page[data-spatial-workspace="evidence"] .capture-history-pane>.evidence-streams>.asr-summary-card {
    height:100%!important;
    min-height:0!important;
    grid-template-rows:auto minmax(0,1fr)!important;
    align-self:stretch!important;
  }
  body.showcase-page[data-spatial-workspace="evidence"] .capture-history-pane .evidence-feed-list {
    height:100%!important;
    min-height:0!important;
    display:grid!important;
    grid-auto-rows:max-content;
    align-content:start!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
  }
  body.showcase-page[data-spatial-workspace="evidence"] .overview-live-panel>.video-stage {
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:auto!important;
  }
  body.showcase-page.spatial-ui[data-spatial-workspace="evidence"] .overview-live-panel .live-now-row {
    align-items:start;
  }
  body.showcase-page.spatial-ui[data-spatial-workspace="evidence"] .overview-live-panel .live-now-row>span {
    flex-wrap:wrap;
  }
  body.showcase-page.spatial-ui[data-spatial-workspace="evidence"] .overview-live-panel .live-now-row em,
  body.showcase-page.spatial-ui[data-spatial-workspace="evidence"] .overview-live-panel .live-now-row p {
    overflow:visible;
    overflow-wrap:anywhere;
    text-overflow:clip;
    white-space:normal;
  }
  body.showcase-page:not([data-spatial-workspace="field"]):not([data-spatial-workspace="evidence"]) .capture-history-pane { display:none!important; }
}

@media (max-width:1100px) {
  .showcase-page .evidence-dock { grid-template-rows:auto auto!important; }
  .showcase-page .evidence-layout {
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    gap:10px!important;
  }
  .showcase-page .overview-live-panel { grid-template-rows:auto minmax(220px,48dvh) auto; }
  .showcase-page .overview-live-panel>.video-stage {
    width:100%!important;
    height:100%!important;
    min-height:220px;
    max-height:none!important;
    aspect-ratio:auto!important;
  }
  .showcase-page .capture-history-pane {
    grid-area:auto!important;
    width:100%;
    min-height:236px;
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr);
    gap:8px;
    border:1px solid var(--continuo-line);
    border-radius:var(--sp-radius-lg);
    padding:10px;
    background:rgba(255,253,248,.94);
    box-shadow:var(--continuo-shadow);
  }
  .showcase-page .capture-history-pane>.realtime-analysis-head { display:flex!important; }
}

@media (max-width:720px) {
  .showcase-page .connection-banner { top:112px!important; }
  html[data-embed="android"] .showcase-page .connection-banner { top:100px!important; }
  .showcase-page .overview-live-panel { grid-template-rows:auto auto auto; }
  .showcase-page .overview-live-panel .live-now-row { grid-template-columns:112px minmax(0,1fr);gap:8px;padding:9px 10px; }
  .showcase-page .overview-live-panel .live-now-row p { font-size:12px; }
}