/* Shared V7 chrome extracted from the approved Home reference.
   Loaded only by routes explicitly migrated to the V7 shell. */
.v7-page{--v7-iridescent-rim:var(--button-glow-rim);--action-radius:.65rem;--action-height:36px;--action-font:.78rem;--action-danger:#d94d5c}
.v7-page .skip-link{max-width:calc(100vw - 1.5rem);overflow-wrap:anywhere}
/* Shared action/field family; navigation, Theme Rail and the Pond keep their own composition. */
body.v7-page :is(.btn,.vox-compact-button,.vox-tool-action,.combiner-small-button,.combiner-tool-action,.chi-events-button){min-height:var(--action-height);border-radius:var(--action-radius);font-size:var(--action-font);line-height:1.35;font-weight:600}
body.v7-page.project-v7 :is(.vox-icon-button,.combiner-icon-button,.vox-tools-trigger,.combiner-tools-trigger){min-width:var(--action-height);min-height:var(--action-height);border-radius:var(--action-radius);font-size:var(--action-font)}
body.v7-page.project-v7 :is(.vox-tool-action,.combiner-tool-action){display:inline-flex;align-items:center;justify-content:center;gap:.35rem;width:auto;height:auto;padding:.4rem .65rem}
body.v7-page.project-v7 :is(.vox-tool-action,.combiner-tool-action)>span:last-child{position:static;width:auto;height:auto;clip-path:none;white-space:normal;overflow:visible}
body.v7-page :is(.btn.primary,.vox-compact-button.is-primary,.vox-tool-action.is-primary,.combiner-icon-button.is-primary,.combiner-small-button.is-primary,.combiner-tool-action.is-primary){background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
body.v7-page :is(.btn,.vox-compact-button,.vox-tool-action,.combiner-small-button,.combiner-tool-action):not(:disabled):hover{background:var(--hover-bg);color:var(--text-main);border-color:var(--accent)}
body.v7-page :is(.btn.primary,.vox-compact-button.is-primary,.vox-tool-action.is-primary,.combiner-small-button.is-primary,.combiner-tool-action.is-primary):not(:disabled):hover{background:var(--accent-alt);color:var(--on-accent)}
body.v7-page :is(.is-danger,.combiner-remove){color:var(--text-main);border-color:color-mix(in srgb,var(--action-danger) 75%,var(--border-subtle));background:transparent}
body.v7-page :is(.btn,.vox-icon-button,.vox-compact-button,.vox-tool-action,.combiner-icon-button,.combiner-small-button,.combiner-tool-action,.chi-events-button):disabled{background:var(--disabled-bg,var(--surface));color:var(--disabled-text,var(--text-muted));border-color:var(--disabled-border,var(--border-subtle));box-shadow:none;cursor:not-allowed}
body.v7-page.project-v7 :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),select,textarea){min-height:var(--action-height);padding:.5rem .65rem;border-radius:.5rem;background:var(--field-bg);color:var(--text-main);border-color:var(--field-border);font-size:.875rem}
body.v7-page.project-v7 :is(.vox-help,.vox-key-help,.vox-review-empty,.combiner-help,.combiner-wall-note,.combiner-empty,.chi-events-helper-text,.vox-module-hint,.vox-ready,.combiner-autosave-status,.combiner-selection-status){font-size:.75rem;line-height:1.5}
body.v7-page.project-v7 :is(.vox-row-info strong,.combiner-queue-info strong){font-size:.8rem;line-height:1.35}
body.v7-page.project-v7 :is(.vox-row-info>span,.combiner-queue-info>span,.vox-range-heading,.vox-range-values,.vox-range-status){font-size:.75rem;line-height:1.4}
body.v7-page.project-v7 :is(.vox-eyebrow,.combiner-eyebrow){font-size:.7rem;letter-spacing:.06em}
body.v7-page.project-v7 .vox-row-info .vox-review-state{position:static;width:auto;height:auto;clip-path:none;white-space:normal;font-size:.7rem}
body.v7-page.project-v7 :is(.vox-field,.combiner-inspector-grid label,.combiner-export-grid label,.combiner-duration-controls label){font-size:.78rem;line-height:1.4}
body.v7-page.project-v7 :is(.vox-media-row,.combiner-media-row){background:var(--bg-alt)}
body.v7-page.project-v7 :is(.vox-review-section,.combiner-queue-group){padding:.4rem 0;border:0;background:none}
body.v7-page.project-v7 :is(.vox-review-section>summary,.combiner-queue-group>summary){min-height:var(--action-height);font-size:.75rem;letter-spacing:.03em}
body.v7-page.project-v7 .app-labeled-button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;width:auto;height:auto;padding:.4rem .65rem;white-space:normal}
body.v7-page.project-v7 .app-labeled-button>.app-button-label{display:inline;width:auto;height:auto;line-height:1.35;font-size:var(--action-font)}
body.v7-page.project-v7 .app-labeled-button::after{content:none}
body.v7-page.project-studio .combiner-brand__mark{color:var(--on-accent)}
body.v7-page.project-v7 :is(.vox-toolbar-group,.combiner-view-controls){position:relative;flex-wrap:wrap;overflow:visible}
.app-view-menu{position:static}
.app-view-menu>summary{display:inline-flex;align-items:center;gap:.4rem;min-height:var(--action-height);padding:.4rem .65rem;border:1px solid var(--border-subtle);border-radius:var(--action-radius);color:var(--text-main);font-size:var(--action-font);cursor:pointer;list-style:none}
.app-view-menu>summary::-webkit-details-marker{display:none}
.app-view-menu>summary::after{content:'⌄'}
.app-view-menu[open]>summary{background:var(--selected-bg);color:var(--selected-text);border-color:var(--accent)}
.app-view-menu-panel{position:absolute;z-index:60;right:0;top:calc(100% + .4rem);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;width:min(100%,20rem);padding:.65rem;border:1px solid var(--border-subtle);border-radius:.8rem;background:var(--surface);box-shadow:var(--shadow-soft)}
.app-view-menu-panel button{width:100%;min-width:0}
@media(pointer:coarse){
 body.v7-page{--action-height:44px;--action-font:.8125rem}
 body.v7-page.project-v7 :is(.vox-icon-button,.combiner-icon-button,.vox-tools-trigger,.combiner-tools-trigger,.combiner-advanced>summary){min-width:44px;min-height:44px;height:auto}
 body.v7-page.project-v7 :is(.vox-media-row,.combiner-media-row){grid-template-columns:44px minmax(0,1fr)44px}
 body.v7-page.project-v7 :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),select,textarea){min-height:44px;font-size:1rem}
 body.v7-page :is(.vox-module>summary,.vox-inline-module>summary,.combiner-module>summary,.combiner-panel>summary,.chi-events-filter-details>summary){min-height:44px}
}
@media(max-width:600px){body.v7-page :is(.nav-toggle,.main-nav .nav-link,.v7-popup-link){font-size:.75rem}}

.v7-page .site-header{position:relative;top:auto;background:var(--bg);box-shadow:none;border-bottom:1px solid color-mix(in srgb,var(--border-subtle) 30%,transparent);backdrop-filter:none;z-index:40}
.v7-page .logo-mark-circle{background:none;border:1px solid var(--border-subtle);box-shadow:none;color:var(--text-main);width:34px;height:34px}
.v7-page .logo-name{font-size:1rem}
.v7-page .logo-tagline{font-size:.58rem;letter-spacing:.13em}
.v7-page .main-nav{gap:.2rem}
.v7-page .nav-link{display:inline-flex;align-items:center;gap:5px;border-radius:99px;border:1px solid transparent;background:none;box-shadow:none;font-size:.68rem;color:var(--text-muted);padding:3px 7px 3px 3px;min-height:32px;transition:color .2s,background .2s,border-color .2s}
.v7-page .nav-link.active{background:color-mix(in srgb,var(--surface) 60%,transparent);color:var(--text-main);border-color:color-mix(in srgb,var(--border-subtle) 55%,transparent);box-shadow:none}
.v7-page .nav-link:is(:hover,:focus-visible){background:var(--surface);border-color:var(--border-subtle);color:var(--text-main);transform:none}
.v7-page .nav-orbit{position:relative;isolation:isolate;display:grid;place-items:center;width:21px;height:21px;flex-shrink:0;border-radius:50%;background:var(--bg);border:1px solid color-mix(in srgb,var(--border-subtle) 35%,transparent)}
.v7-page .nav-orbit svg{width:11px;height:11px;position:relative;z-index:2}
.v7-page .nav-orbit::before,.v7-page .nav-orbit::after{content:"";position:absolute;inset:-2px;border-radius:50%;background:var(--v7-iridescent-rim);opacity:0;transition:opacity .25s;pointer-events:none;animation:v7-ring-turn 3.2s linear infinite;animation-play-state:paused}
.v7-page .nav-orbit::before{padding:1.5px;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude}
.v7-page .nav-orbit::after{filter:blur(5px);z-index:-1;inset:-3px}
.v7-page .nav-link:is(:hover,:focus-visible) .nav-orbit::before{opacity:1;animation-play-state:running}
.v7-page .nav-link:is(:hover,:focus-visible) .nav-orbit::after{opacity:.5;animation-play-state:running}
.v7-page #theme-toggle{transition:none}
.v7-page #theme-toggle:is(:hover,:focus-visible){filter:none}
.v7-page :focus-visible{outline-color:var(--focus-ring)}
.v7-page .v7-glow-button{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:40px;padding:.48rem .9rem .48rem 2.65rem;border:1px solid color-mix(in srgb,var(--accent) 72%,var(--border-subtle));border-radius:99px;background:var(--selected-bg);color:var(--selected-text);font-size:.74rem;font-weight:650;line-height:1.2;letter-spacing:.015em;text-decoration:none;cursor:pointer;overflow:hidden;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 8%,transparent);transition:background .2s,border-color .2s,color .2s,box-shadow .2s}
.v7-page .v7-glow-button::before{content:"";position:absolute;top:50%;left:.42rem;width:1.65rem;height:1.65rem;border:1.5px solid transparent;border-radius:50%;background:radial-gradient(circle,var(--text-main) 0 1.5px,transparent 2px),linear-gradient(var(--bg),var(--bg)) padding-box,var(--v7-iridescent-rim) border-box;opacity:0;filter:var(--button-glow-orbit-shadow);transform:translateY(-50%);animation:button-glow-orbit-turn 3.2s linear infinite;animation-play-state:paused;transition:opacity .2s;pointer-events:none}
.v7-page .v7-glow-button>span[aria-hidden]{position:absolute;z-index:1;left:1.245rem;top:50%;display:grid;place-items:center;margin:0;transform:translate(-50%,-50%);pointer-events:none}
.v7-page .v7-glow-button:is(:hover,:focus-visible)::before{opacity:1;animation-play-state:running}
.v7-page .v7-glow-button:is(:hover,:focus,:focus-visible),.v7-page .v7-popup[open]>.v7-popup-trigger{border-color:var(--accent)}
.v7-page .v7-popup{position:relative}
.v7-page .v7-popup>summary{list-style:none}
.v7-page .v7-popup>summary::-webkit-details-marker{display:none}
.v7-page .v7-popup-trigger span{transition:transform .2s}
.v7-page .v7-popup[open]>.v7-popup-trigger span{transform:translate(-50%,-50%) rotate(180deg)}
.v7-page .v7-popup-panel{position:absolute;top:calc(100% + .55rem);right:0;z-index:45;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:min(17rem,calc(100vw - 2rem));padding:8px;border:1px solid color-mix(in srgb,var(--border-subtle) 62%,transparent);border-radius:14px;background:color-mix(in srgb,var(--surface) 96%,var(--bg));box-shadow:0 12px 32px color-mix(in srgb,var(--shadow-color,#182a38) 18%,transparent)}
.v7-page .v7-popup-link{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;min-height:38px;padding:.45rem .65rem .45rem 2.3rem;border:1px solid color-mix(in srgb,var(--border-subtle) 58%,transparent);border-radius:99px;background:color-mix(in srgb,var(--bg) 74%,var(--surface));color:var(--text-main);font-size:.7rem;font-weight:600;line-height:1.2;text-align:center;text-decoration:none;transition:background .2s,border-color .2s,color .2s,box-shadow .2s}
.v7-page .v7-popup-link::before{content:"";position:absolute;top:50%;left:.42rem;width:1.4rem;height:1.4rem;border:1.5px solid transparent;border-radius:50%;background:radial-gradient(circle,var(--text-main) 0 1.5px,transparent 2px),linear-gradient(var(--bg),var(--bg)) padding-box,var(--v7-iridescent-rim) border-box;opacity:0;filter:var(--button-glow-orbit-shadow);transform:translateY(-50%);animation:button-glow-orbit-turn 3.2s linear infinite;animation-play-state:paused;transition:opacity .2s;pointer-events:none}
.v7-page .v7-popup-link:is(:hover,:focus-visible)::before{opacity:1;animation-play-state:running}
.v7-page .v7-popup-link:is(:hover,:focus-visible){background:var(--hover-bg);border-color:var(--accent);color:var(--text-main)}
@media(hover:hover) and (pointer:fine){
  .v7-page .v7-popup-link::after{content:attr(data-hint);position:absolute;right:0;top:calc(100% + .45rem);z-index:3;width:max-content;max-width:14rem;padding:.42rem .58rem;border:1px solid color-mix(in srgb,var(--border-subtle) 65%,transparent);border-radius:8px;background:var(--surface);color:var(--text-main);box-shadow:var(--shadow-soft);font-size:.64rem;font-weight:500;line-height:1.35;text-align:left;opacity:0;transform:translateY(-3px);transition:opacity .15s,transform .15s;pointer-events:none}
  .v7-page .v7-popup-link:is(:hover,:focus-visible)::after{opacity:1;transform:none}
}
@keyframes v7-ring-turn{to{transform:rotate(360deg)}}
@media(max-width:1199px){
  /* Let enlarged text reflow instead of shrinking the brand or overflowing left. */
  .v7-page .nav-container{flex-wrap:wrap}
  .v7-page .nav-right{flex:0 1 auto;flex-wrap:wrap;max-width:100%}
  .v7-page .site-nav-disclosure{position:static}
  .v7-page .nav-toggle{position:relative;isolation:isolate;min-height:34px;gap:.38rem;padding:3px 8px;border:1px solid color-mix(in srgb,var(--border-subtle) 58%,transparent);border-radius:99px;background:color-mix(in srgb,var(--surface) 68%,var(--bg));color:var(--text-main);box-shadow:none;font-size:.66rem;font-weight:600;letter-spacing:.025em;transition:color .2s,background .2s,border-color .2s,box-shadow .2s}
  .v7-page .nav-toggle{overflow:hidden}
  .v7-page .nav-toggle::before{content:"";position:absolute;top:50%;right:4px;width:24px;height:24px;border:1.5px solid transparent;border-radius:50%;background:radial-gradient(circle,var(--text-main) 0 1.5px,transparent 2px),linear-gradient(var(--bg),var(--bg)) padding-box,var(--v7-iridescent-rim) border-box;opacity:0;filter:var(--button-glow-orbit-shadow);transform:translateY(-50%);animation:button-glow-orbit-turn 3.2s linear infinite;animation-play-state:paused;transition:opacity .2s;pointer-events:none}
  .v7-page .nav-toggle:is(:hover,:focus-visible)::before{opacity:1;animation-play-state:running}
  .v7-page .site-nav-disclosure[open]>.nav-toggle{background:var(--selected-bg);border-color:var(--accent);color:var(--selected-text)}
  .v7-page .nav-toggle__icon,.v7-page .nav-toggle__icon::before,.v7-page .nav-toggle__icon::after{width:.85rem;height:1px}
  .v7-page .nav-toggle__icon::before{transform:translateY(-4px)}
  .v7-page .nav-toggle__icon::after{transform:translateY(4px)}
  .v7-page .site-nav-disclosure[open] .nav-toggle__icon::before{transform:rotate(45deg)}
  .v7-page .site-nav-disclosure[open] .nav-toggle__icon::after{transform:rotate(-45deg)}
  .v7-page .main-nav{right:1rem;max-width:calc(100% - 2rem);width:min(14rem,calc(100vw - 2rem));display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,6rem),1fr));gap:6px;padding:8px;border-color:color-mix(in srgb,var(--border-subtle) 58%,transparent);border-radius:14px;background:color-mix(in srgb,var(--surface) 94%,var(--bg));box-shadow:0 12px 32px color-mix(in srgb,var(--shadow-color, #182a38) 18%,transparent);backdrop-filter:blur(12px)}
  .v7-page .main-nav .nav-link{position:relative;isolation:isolate;width:100%;min-height:38px;padding:5px 7px 5px 5px;background:color-mix(in srgb,var(--bg) 76%,var(--surface));border-color:color-mix(in srgb,var(--border-subtle) 52%,transparent);border-radius:99px;overflow:hidden}
  .v7-page .main-nav .nav-link:is(:hover,:focus,:focus-visible){background:var(--hover-bg);border-color:var(--accent)}
  .v7-page .main-nav .nav-link.active{background:var(--selected-bg);border-color:color-mix(in srgb,var(--accent) 70%,var(--border-subtle));color:var(--selected-text)}
}
@media(pointer:coarse){.v7-page .main-nav .nav-link,.v7-page .nav-toggle,.v7-page .v7-glow-button,.v7-page .v7-popup-link{min-height:44px}}
@media(prefers-reduced-motion:reduce){.v7-page .nav-orbit::before,.v7-page .nav-orbit::after,.v7-page .v7-glow-button::before,.v7-page .v7-popup-link::before,.v7-page .nav-toggle::before{animation:none!important}.v7-page .v7-popup-trigger span{transition:none}.v7-page .v7-popup-link::after{transition:none}}

/* V7 whole-control glow: icons remain content, not buttons inside buttons. */
.v7-page .nav-orbit{background:transparent;border:0}
.v7-page .nav-orbit::before,.v7-page .nav-orbit::after{content:none}
.v7-page .nav-link{position:relative;isolation:isolate;overflow:visible}
.v7-page .nav-link::before,.v7-page .v7-glow-button::before,.v7-page .v7-popup-link::before,.v7-page .nav-toggle::before{content:"";position:absolute;inset:-1px;width:auto;height:auto;padding:2px;border:0;border-radius:inherit;background:var(--v7-iridescent-rim);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0;filter:var(--button-glow-orbit-shadow);transform:none;animation:none;transition:opacity .2s;pointer-events:none}
.v7-page .nav-link:is(:hover,:focus-visible)::before,.v7-page .v7-glow-button:is(:hover,:focus-visible)::before,.v7-page .v7-popup-link:is(:hover,:focus-visible)::before,.v7-page .nav-toggle:is(:hover,:focus-visible)::before{opacity:1}
.v7-page .nav-link:is(:hover,:focus-visible),.v7-page .v7-glow-button:is(:hover,:focus-visible),.v7-page .v7-popup-link:is(:hover,:focus-visible),.v7-page .nav-toggle:is(:hover,:focus-visible){box-shadow:var(--button-glow-shadow)}
.v7-page .v7-glow-button{padding:.48rem .9rem;overflow:visible}
.v7-page .v7-popup-link{padding:.45rem .65rem;overflow:visible}
.v7-page .nav-toggle{overflow:visible}
.v7-page .v7-glow-button>span[aria-hidden]{position:static;display:inline-grid;place-items:center;margin:0;transform:none;pointer-events:none}
.v7-page .v7-popup[open]>.v7-popup-trigger span{transform:rotate(180deg)}
