/* Qelly modern interaction polish.
 * Loaded last so the current production shell receives one coherent curve,
 * hover and motion language without changing data or route behavior. */
:root{
  --q-modern-radius-xs:10px;
  --q-modern-radius-sm:14px;
  --q-modern-radius-md:18px;
  --q-modern-radius-lg:24px;
  --q-modern-radius-xl:32px;
  --q-modern-ease:cubic-bezier(.22,1,.36,1);
  --q-modern-fast:180ms;
  --q-modern-standard:320ms;
  --q-modern-shadow:0 18px 48px color-mix(in srgb,#000 22%,transparent);
  --q-modern-shadow-hover:0 24px 64px color-mix(in srgb,#000 31%,transparent),0 0 0 1px color-mix(in srgb,var(--q-accent) 26%,transparent);
}

html[data-production-system="v8"]{
  scroll-behavior:smooth!important;
  scrollbar-color:color-mix(in srgb,var(--q-accent) 50%,var(--q-border)) transparent;
  scrollbar-width:thin;
}
/* Preserve the keyboard shortcut without letting it cover the brand on load. */
html[data-production-system="v8"] .skip-link{
  position:fixed!important;
  inset:10px auto auto 10px!important;
  z-index:10000!important;
  transform:translateY(calc(-100% - 20px))!important;
  opacity:0!important;
  pointer-events:none!important;
  border-radius:999px!important;
  transition:transform var(--q-modern-fast) var(--q-modern-ease),opacity var(--q-modern-fast) ease!important;
}
html[data-production-system="v8"] .skip-link:focus,
html[data-production-system="v8"] .skip-link:focus-visible{
  transform:translateY(0)!important;
  opacity:1!important;
  pointer-events:auto!important;
}
html[data-production-system="v8"] *{scroll-margin-top:88px}
html[data-production-system="v8"] ::selection{background:color-mix(in srgb,var(--q-accent) 48%,transparent);color:var(--q-text)}
html[data-production-system="v8"] ::-webkit-scrollbar{width:10px;height:10px}
html[data-production-system="v8"] ::-webkit-scrollbar-track{background:transparent}
html[data-production-system="v8"] ::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:999px;background:color-mix(in srgb,var(--q-accent) 52%,var(--q-border));background-clip:padding-box}
html[data-production-system="v8"] ::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--q-accent) 72%,var(--q-border));background-clip:padding-box}

html[data-production-system="v8"] body #app header.q-product-header{
  border-radius:0 0 var(--q-modern-radius-lg) var(--q-modern-radius-lg)!important;
  border-bottom-color:color-mix(in srgb,var(--q-border) 72%,var(--q-accent))!important;
  background:color-mix(in srgb,var(--q-chrome) 88%,transparent)!important;
  box-shadow:0 14px 40px color-mix(in srgb,#000 26%,transparent)!important;
  backdrop-filter:blur(22px) saturate(1.18)!important;
}
html[data-production-system="v8"] .q-product-brand__mark{border-radius:13px!important;transition:transform var(--q-modern-standard) var(--q-modern-ease),box-shadow var(--q-modern-standard) var(--q-modern-ease)!important}
html[data-production-system="v8"] .q-product-brand:hover .q-product-brand__mark{transform:rotate(-5deg) scale(1.06);box-shadow:0 10px 28px color-mix(in srgb,var(--q-accent) 35%,transparent)!important}
html[data-production-system="v8"] .q-product-nav{padding:4px!important;border-radius:999px!important;background:color-mix(in srgb,var(--q-surfacealt) 52%,transparent)!important}
html[data-production-system="v8"] .q-product-nav a{border-radius:999px!important;transition:color var(--q-modern-fast) ease,background var(--q-modern-fast) ease,transform var(--q-modern-fast) var(--q-modern-ease),box-shadow var(--q-modern-fast) ease!important}
html[data-production-system="v8"] .q-product-nav a:hover{transform:translateY(-1px);box-shadow:0 7px 20px color-mix(in srgb,#000 16%,transparent)}
html[data-production-system="v8"] .q-product-nav a[aria-current="page"],
html[data-production-system="v8"] .q-product-nav a[aria-current="true"]{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--q-accent) 48%,var(--q-border)),0 8px 22px color-mix(in srgb,#000 18%,transparent)!important}
html[data-production-system="v8"] .q-product-search{
  min-height:48px!important;
  padding:2px!important;
  gap:4px!important;
  overflow:visible!important;
  border:1px solid color-mix(in srgb,var(--q-border) 78%,var(--q-accent))!important;
  border-radius:999px!important;
  background:color-mix(in srgb,var(--q-surfacealt) 72%,transparent)!important;
  box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 7%,transparent)!important;
}
html[data-production-system="v8"] .q-product-search input{
  min-height:42px!important;
  border:0!important;
  border-radius:999px!important;
  background:transparent!important;
  box-shadow:none!important;
}
html[data-production-system="v8"] .q-product-search button{min-height:42px!important;margin:0!important}

html[data-production-system="v8"] :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select,textarea){
  border-radius:var(--q-modern-radius-sm)!important;
  transition:border-color var(--q-modern-fast) ease,box-shadow var(--q-modern-fast) ease,background var(--q-modern-fast) ease!important;
}
html[data-production-system="v8"] :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select,textarea):hover{border-color:color-mix(in srgb,var(--q-accent) 46%,var(--q-border))!important}
html[data-production-system="v8"] :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select,textarea):focus{border-color:var(--q-accent)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--q-accent) 18%,transparent)!important;outline:0!important}

html[data-production-system="v8"] :where(button:not(.q-product-brand__mark):not(.q-ai-launcher),a.q-button,[role="button"],[role="tab"]){
  --q-hover-lift:0px;
  --q-press-scale:1;
  min-height:44px;
  border-radius:999px!important;
  position:relative;
  overflow:hidden;
  transform:translate3d(var(--magnet-x,0px),calc(var(--magnet-y,0px) - var(--q-hover-lift)),0) scale(var(--q-press-scale))!important;
  transition:transform var(--q-modern-fast) var(--q-modern-ease),box-shadow var(--q-modern-fast) ease,border-color var(--q-modern-fast) ease,background var(--q-modern-fast) ease,color var(--q-modern-fast) ease!important;
}
html[data-production-system="v8"] body #app .q-product-header .q-product-search button,
html[data-production-system="v8"] body #app #main .q-page-actions .q-button{border-radius:999px!important}
html[data-production-system="v8"] :where(button:not(:disabled):not(.q-ai-launcher),a.q-button,[role="button"],[role="tab"]):hover{
  --q-hover-lift:2px;
  box-shadow:0 12px 28px color-mix(in srgb,#000 24%,transparent),0 0 0 1px color-mix(in srgb,var(--q-accent) 22%,transparent)!important;
}
html[data-production-system="v8"] :where(button:not(:disabled):not(.q-ai-launcher),a.q-button,[role="button"],[role="tab"]):active{--q-hover-lift:0px;--q-press-scale:.975;transition-duration:80ms!important}
html[data-production-system="v8"] :where(.q-button--primary,.q-product-search button,[aria-selected="true"]){background-image:linear-gradient(135deg,color-mix(in srgb,var(--q-accent) 88%,#fff),var(--q-accent-strong,var(--q-accent)))!important}

html[data-production-system="v8"] #main :where(
  .q-panel,.q-auth-card,.q-auth-hero,.q-access-gate,.q-it-hero,.q-it-guide,.q-it-panel,
  .q-it-provider,.q-it-news-grid article,.q-category-card,.q-venue-card,.q-dex-card,
  .q-provider-card,.q-research-card,.q-notification-card,.q-article-shell,.q-asset-hero,
  .q-persona-card,.q-market-pulse-card,.q-feature-card,.q-calculator-card,.q-saved-card
){
  border-radius:var(--q-modern-radius-lg)!important;
  transition:transform var(--q-modern-standard) var(--q-modern-ease),box-shadow var(--q-modern-standard) var(--q-modern-ease),border-color var(--q-modern-standard) ease,background var(--q-modern-standard) ease!important;
}
html[data-production-system="v8"] #main :where(
  .q-panel,.q-it-provider,.q-it-news-grid article,.q-category-card,.q-venue-card,.q-dex-card,
  .q-provider-card,.q-research-card,.q-notification-card,.q-persona-card,.q-market-pulse-card,
  .q-feature-card,.q-calculator-card,.q-saved-card
):not(.q-motion-item):hover{
  transform:translateY(-3px);
  border-color:color-mix(in srgb,var(--q-accent) 38%,var(--q-border))!important;
  box-shadow:var(--q-modern-shadow-hover)!important;
}
html[data-production-system="v8"] #main :where(.q-panel,.q-it-guide,.q-it-panel,.q-auth-card,.q-access-gate){box-shadow:var(--q-modern-shadow)!important}
html[data-production-system="v8"] #main .q-it-hero{border-radius:var(--q-modern-radius-xl)!important;box-shadow:0 34px 90px color-mix(in srgb,#000 38%,transparent),inset 0 1px 0 rgba(255,255,255,.08)!important}
html[data-production-system="v8"] #main .q-it-tabs{border-radius:999px!important;padding:6px!important;box-shadow:0 14px 36px color-mix(in srgb,#000 24%,transparent)!important}
html[data-production-system="v8"] #main .q-it-provider__mark{border-radius:15px!important;transition:transform var(--q-modern-standard) var(--q-modern-ease),box-shadow var(--q-modern-standard) ease!important}
html[data-production-system="v8"] #main .q-it-provider:hover .q-it-provider__mark{transform:rotate(-4deg) scale(1.08);box-shadow:0 12px 28px color-mix(in srgb,var(--provider-accent,var(--q-accent)) 30%,transparent)}
html[data-production-system="v8"] #main .q-it-external{border-radius:999px!important;transition:transform var(--q-modern-fast) var(--q-modern-ease),box-shadow var(--q-modern-fast) ease,border-color var(--q-modern-fast) ease,background var(--q-modern-fast) ease!important}
html[data-production-system="v8"] #main .q-it-external:hover{transform:translateX(4px);box-shadow:0 10px 26px color-mix(in srgb,#000 22%,transparent)}

html[data-production-system="v8"] .q-feature-navigation{border-radius:0 var(--q-modern-radius-lg) var(--q-modern-radius-lg) 0!important;box-shadow:24px 0 70px color-mix(in srgb,#000 34%,transparent)!important}
html[data-production-system="v8"] .q-feature-navigation>header{border-radius:0 var(--q-modern-radius-lg) 0 0!important}
html[data-production-system="v8"] .q-feature-navigation__search input{border-radius:999px!important}
html[data-production-system="v8"] .q-feature-navigation__universe,
html[data-production-system="v8"] .q-feature-navigation__group a{border-radius:var(--q-modern-radius-sm)!important;transition:transform var(--q-modern-fast) var(--q-modern-ease),background var(--q-modern-fast) ease,border-color var(--q-modern-fast) ease,box-shadow var(--q-modern-fast) ease!important}
html[data-production-system="v8"] .q-feature-navigation__universe:hover,
html[data-production-system="v8"] .q-feature-navigation__group a:hover{transform:translateX(4px);box-shadow:0 10px 24px color-mix(in srgb,#000 20%,transparent)}

/* Designer pass: normalize every surviving legacy route family. */
html[data-production-system="v8"] body #app #main{
  --q-modern-hairline:color-mix(in srgb,var(--q-border) 76%,var(--q-accent));
  --q-modern-glass:color-mix(in srgb,var(--q-surface) 91%,transparent);
  --q-modern-soft:color-mix(in srgb,var(--q-surfacealt) 74%,transparent);
}
html[data-production-system="v8"] body #app #main>.q-page,
html[data-production-system="v8"] body #app #main>.q-verify-page{
  gap:clamp(14px,1.8vw,24px)!important;
}
html[data-production-system="v8"] body #app #main :where(h1,h2,h3){text-wrap:balance}
html[data-production-system="v8"] body #app #main :where(p,li,dd){text-wrap:pretty}

html[data-production-system="v8"] body #app #main :where(
  .q-panel,.q-mn-card,.q-mn-panel,.q-v7-chart-panel,.q-v7-reference-panel,
  .q-v7-provider-card,.q-mi-kpi,.q-mi-regime,.q-kpi,.q-metric-card,
  .q-auth-card,.q-auth-hero,.q-access-gate,.q-it-hero,.q-it-guide,.q-it-panel,
  .q-it-provider,.q-category-card,.q-venue-card,.q-dex-card,.q-provider-card,
  .q-research-card,.q-notification-card,.q-article-shell,.q-asset-hero,
  .q-persona-card,.q-market-pulse-card,.q-feature-card,.q-calculator-card,
  .q-saved-card,.q-chart-shell,.q-chart-stage,.q-empty-state,.q-truth-callout,
  .q-result-priority,.q-indicator-mini-chart,.q-verify-hero,.q-v53-verify-workbench,
  [class$="-card"],[class*="-card "],[class$="-panel"],[class*="-panel "],
  [class$="-hero"],[class*="-hero "],[class$="-kpi"],[class*="-kpi "]
){
  border-radius:var(--q-modern-radius-lg)!important;
  border-color:var(--q-modern-hairline)!important;
  box-shadow:0 14px 42px color-mix(in srgb,#000 17%,transparent),inset 0 1px 0 color-mix(in srgb,#fff 5%,transparent)!important;
  transition:transform var(--q-modern-standard) var(--q-modern-ease),box-shadow var(--q-modern-standard) var(--q-modern-ease),border-color var(--q-modern-fast) ease,background-color var(--q-modern-fast) ease!important;
}
html[data-production-system="v8"] body #app #main :where(.q-it-hero,.q-verify-hero,.q-auth-hero,.q-asset-hero,.q-home-hero){
  border-radius:var(--q-modern-radius-xl)!important;
}
html[data-production-system="v8"] body #app #main :where(.q-home-section,.q-about-section,.q-product-directory){
  border-radius:var(--q-modern-radius-xl)!important;
}

html[data-production-system="v8"] body #app #main :where(
  .q-mn-status,.q-mn-live-row,.q-mn-source,.q-mn-guide,.q-mn-link,
  .q-provider-stat,.q-capability,.q-choice-row,.q-record-row,.q-decision,
  .q-runtime-result>div,.q-calculator-list-item,.q-calculator-card__meta,
  .q-calculator-card__footer,.q-result-card,.q-mi-mobile-row,.q-mi-pill,
  .q-v6-portfolio-row,.q-v6-portfolio-analytic,.q-verify-page article,
  .q-about-page article,.q-it-community-grid>form,.q-it-community-grid>aside,
  .q-it-note,.q-it-evidence-grid article,.q-json-evidence
){
  border-radius:var(--q-modern-radius-md)!important;
  transition:transform var(--q-modern-fast) var(--q-modern-ease),box-shadow var(--q-modern-fast) ease,border-color var(--q-modern-fast) ease,background-color var(--q-modern-fast) ease!important;
}

html[data-production-system="v8"] body #app #main :where(
  .q-panel-head,.q-mn-panel-head,.q-chart-header,.q-card-header,.q-section-header
){
  padding-block:clamp(14px,1.6vw,20px)!important;
  border-bottom-color:color-mix(in srgb,var(--q-border) 74%,transparent)!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--q-surfacealt) 54%,transparent),transparent)!important;
}
html[data-production-system="v8"] body #app #main :where(
  .q-chart-toolbar,.q-mn-chart-controls,.q-filter-bar,.q-toolbar,.q-page-actions,
  .q-calculator-actions,.q-result-actions,.q-actions,.q-grid-footer
){
  gap:8px!important;
  border-radius:var(--q-modern-radius-md)!important;
  background:var(--q-modern-soft)!important;
  backdrop-filter:blur(16px) saturate(1.12);
}
html[data-production-system="v8"] body #app #main :where(
  .q-chart-toolbar button,.q-mn-chart-controls button,.q-row-actions button,
  .q-mi-chart-controls button,.q-filter-bar button,.q-toolbar button
){border-radius:999px!important;min-height:38px!important;padding-inline:13px!important}

html[data-production-system="v8"] body #app #main :where(
  .q-grid-scroll,.q-table-wrap,.q-mn-table-wrap,.q-chart-table,.q-audit-table,
  .q-mi-table-wrap,[class$="-table-wrap"],[class*="-table-wrap "]
){
  border:1px solid var(--q-modern-hairline)!important;
  border-radius:var(--q-modern-radius-md)!important;
  overflow:auto!important;
  overscroll-behavior:contain;
  background:var(--q-modern-glass)!important;
  box-shadow:0 12px 34px color-mix(in srgb,#000 14%,transparent)!important;
}
html[data-production-system="v8"] body #app #main :where(table){border-collapse:separate!important;border-spacing:0!important}
html[data-production-system="v8"] body #app #main :where(th){
  background:color-mix(in srgb,var(--q-surfacealt) 92%,transparent)!important;
  backdrop-filter:blur(18px) saturate(1.08);
}
html[data-production-system="v8"] body #app #main :where(td,th){transition:background-color var(--q-modern-fast) ease,color var(--q-modern-fast) ease!important}
html[data-production-system="v8"] body #app #main :where(tbody tr:hover td){background:color-mix(in srgb,var(--q-accent) 8%,var(--q-surface))!important}

html[data-production-system="v8"] body #app #main :where(
  .q-status,.q-badge,.q-chip,.q-tag,.q-capability,.q-mi-pill,
  [class$="-badge"],[class*="-badge "],[class$="-chip"],[class*="-chip "]
){
  border-radius:999px!important;
  min-height:26px;
  display:inline-flex;
  align-items:center;
  padding-inline:9px;
  backdrop-filter:blur(12px);
}
html[data-production-system="v8"] body #app #main :where(details){
  border-radius:var(--q-modern-radius-md)!important;
  overflow:hidden;
  transition:border-color var(--q-modern-fast) ease,box-shadow var(--q-modern-fast) ease!important;
}
html[data-production-system="v8"] body #app #main :where(details[open]){border-color:color-mix(in srgb,var(--q-accent) 38%,var(--q-border))!important;box-shadow:0 14px 38px color-mix(in srgb,#000 16%,transparent)!important}
html[data-production-system="v8"] body #app #main :where(summary){cursor:pointer;border-radius:var(--q-modern-radius-sm)!important}
html[data-production-system="v8"] body #app #main :where(pre,.q-json-evidence){border-radius:var(--q-modern-radius-md)!important;scrollbar-gutter:stable}
html[data-production-system="v8"] body #app #main :where(.q-empty-state){
  border-style:solid!important;
  background:radial-gradient(circle at 50% 8%,color-mix(in srgb,var(--q-accent) 13%,transparent),transparent 44%),var(--q-modern-glass)!important;
}
html[data-production-system="v8"] body #app #main :where(.q-empty-state span,.q-access-gate__icon){filter:drop-shadow(0 12px 24px color-mix(in srgb,var(--q-accent) 25%,transparent))}

html[data-production-system="v8"] body #app #main :where(.q-mn-status-grid,.q-kpi-grid,.q-metric-grid,.q-provider-grid,.q-contract-grid,.q-saved-grid){gap:clamp(10px,1.4vw,18px)!important}
html[data-production-system="v8"] body #app #main :where(.q-mn-status,.q-mi-kpi,.q-kpi,.q-metric-card){
  position:relative;
  overflow:hidden;
  background:linear-gradient(145deg,color-mix(in srgb,var(--q-accent) 5%,var(--q-surface)),var(--q-surfacealt))!important;
}
html[data-production-system="v8"] body #app #main :where(.q-mn-status,.q-mi-kpi,.q-kpi,.q-metric-card)::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:2px;
  background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--q-accent) 72%,#fff),transparent);
  opacity:.55;
  pointer-events:none;
}

/* Market-terminal inner surfaces used a compact utility geometry that did not
   inherit from the card selector. Keep boundary data and display attribution
   visually distinct, but no longer visually dated. */
html[data-production-system="v8"] body #app :where(
  .q-v7-boundary-ribbon,.q-v7-chart-stage,.q-v6-market-tradingview,
  .qelly-tradingview-fallback,.q-v6-market-boundary
){
  border-radius:var(--q-modern-radius-lg)!important;
  overflow:hidden;
}
html[data-production-system="v8"] body #app :where(.q-setting,.q-query-boundary){
  border-radius:var(--q-modern-radius-md)!important;
  transition:transform var(--q-modern-fast) var(--q-modern-ease),border-color var(--q-modern-fast) ease,box-shadow var(--q-modern-fast) ease!important;
}
html[data-production-system="v8"] body #app :where(.q-v7-evidence-strip,.q-chart-attribution){
  border-radius:var(--q-modern-radius-sm)!important;
  background:color-mix(in srgb,var(--q-surfacealt) 86%,transparent)!important;
}
html[data-production-system="v8"] body #app .q-product-account{
  border-radius:999px!important;
  transition:transform var(--q-modern-fast) var(--q-modern-ease),box-shadow var(--q-modern-fast) ease,background-color var(--q-modern-fast) ease!important;
}
@media(hover:hover) and (pointer:fine){
  html[data-production-system="v8"] body #app :where(.q-setting,.q-query-boundary):hover{
    transform:translateY(-2px)!important;
    border-color:color-mix(in srgb,var(--q-accent) 40%,var(--q-border))!important;
    box-shadow:0 14px 32px color-mix(in srgb,#000 18%,transparent)!important;
  }
}

html[data-production-system="v8"].q-is-scrolled body #app header.q-product-header{
  background:color-mix(in srgb,var(--q-chrome) 94%,transparent)!important;
  box-shadow:0 18px 52px color-mix(in srgb,#000 34%,transparent)!important;
  border-bottom-color:color-mix(in srgb,var(--q-accent) 34%,var(--q-border))!important;
}
html[data-production-system="v8"][data-motion="full"] body .q-cursor-aura{
  display:block!important;
  background:radial-gradient(260px circle at var(--aura-x,50%) var(--aura-y,50%),color-mix(in srgb,var(--q-accent) 8%,transparent),transparent 72%)!important;
  mix-blend-mode:screen;
}
html[data-production-system="v8"] :where(.q-product-nav,.q-context-shelf,.q-it-tabs,.q-chart-toolbar){scroll-behavior:smooth;scroll-snap-type:x proximity}
html[data-production-system="v8"] :where(.q-product-nav,.q-context-shelf,.q-it-tabs,.q-chart-toolbar)>*{scroll-snap-align:start}

@media(hover:hover) and (pointer:fine){
  html[data-production-system="v8"] body #app #main :where(
    .q-mn-card,.q-mn-panel,.q-v7-provider-card,.q-mi-kpi,.q-kpi,.q-metric-card,
    .q-provider-card,.q-research-card,.q-notification-card,.q-category-card,
    .q-venue-card,.q-dex-card,.q-feature-card,.q-calculator-card,.q-saved-card,
    .q-about-page article,.q-verify-page article
  ):hover{
    transform:translateY(-4px)!important;
    border-color:color-mix(in srgb,var(--q-accent) 43%,var(--q-border))!important;
    box-shadow:0 24px 66px color-mix(in srgb,#000 27%,transparent),0 0 0 1px color-mix(in srgb,var(--q-accent) 17%,transparent)!important;
  }
  html[data-production-system="v8"] body #app #main :where(.q-mn-live-row,.q-mn-source,.q-mn-guide,.q-choice-row,.q-record-row):hover{
    transform:translateX(3px)!important;
    border-color:color-mix(in srgb,var(--q-accent) 38%,var(--q-border))!important;
    box-shadow:0 10px 28px color-mix(in srgb,#000 18%,transparent)!important;
  }
}

html[data-production-system="v8"][data-motion="full"] #main>.q-page{animation:q-modern-route-enter 560ms var(--q-modern-ease) both}
@keyframes q-modern-route-enter{from{opacity:0;transform:translate3d(0,16px,0) scale(.994);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}

html[data-production-system="v8"] body>.q-scroll-progress{
  display:block!important;
  width:100%!important;
  height:3px!important;
  min-height:3px!important;
  background:linear-gradient(90deg,color-mix(in srgb,var(--q-accent) 55%,#fff),var(--q-accent),#e792b1)!important;
  box-shadow:0 0 18px color-mix(in srgb,var(--q-accent) 62%,transparent)!important;
}

/* The secure workspace shell is injected directly under body, outside #app.
   It needs the same soft geometry as the route content rather than retaining
   the prior small-corner utility bar. */
html[data-production-system="v8"][data-v53-lock-shell="true"] body>.q-v53-lock-command{
  border-radius:var(--q-modern-radius-lg)!important;
  border-color:color-mix(in srgb,var(--q-accent) 27%,var(--q-border))!important;
  background:color-mix(in srgb,var(--q-chrome) 86%,transparent)!important;
  box-shadow:0 12px 34px color-mix(in srgb,#000 24%,transparent)!important;
  transition:transform var(--q-modern-fast) var(--q-modern-ease),border-color var(--q-modern-fast) ease,box-shadow var(--q-modern-fast) ease!important;
}
html[data-production-system="v8"][data-v53-lock-shell="true"] body>.q-v53-lock-command kbd{
  border-radius:10px!important;
  min-height:24px!important;
  line-height:22px!important;
  background:color-mix(in srgb,var(--q-accent) 12%,var(--q-surfacealt))!important;
}
html[data-production-system="v8"][data-v53-lock-shell="true"] body>.q-v53-lock-contextbar{
  border-radius:var(--q-modern-radius-md)!important;
  border-color:color-mix(in srgb,var(--q-accent) 23%,var(--q-border))!important;
  background:linear-gradient(100deg,color-mix(in srgb,var(--q-accent) 9%,var(--q-surface)),var(--q-modern-glass))!important;
  box-shadow:0 10px 28px color-mix(in srgb,#000 18%,transparent)!important;
}
html[data-production-system="v8"][data-v53-lock-shell="true"] body>.q-v53-lock-shell-rail .q-v53-lock-shell-nav a{
  border-radius:var(--q-modern-radius-sm)!important;
  transition:transform var(--q-modern-fast) var(--q-modern-ease),background-color var(--q-modern-fast) ease,border-color var(--q-modern-fast) ease,box-shadow var(--q-modern-fast) ease!important;
}
html[data-production-system="v8"][data-v53-lock-shell="true"] body>.q-v53-lock-shell-rail .q-v53-lock-shell-brand span:first-child{
  box-shadow:0 0 22px color-mix(in srgb,var(--q-accent) 38%,transparent)!important;
}

/* Modular designer layer: a restrained color field creates depth without
   obscuring evidence-heavy screens. Route modules retain their actual data
   content while receiving a common visual rhythm. */
html[data-production-system="v8"] body{
  background:
    radial-gradient(900px 520px at -6% -12%,color-mix(in srgb,var(--q-accent) 15%,transparent),transparent 68%),
    radial-gradient(780px 470px at 106% 8%,color-mix(in srgb,#7f9cff 11%,transparent),transparent 68%),
    var(--q-canvas)!important;
}
html[data-production-system="v8"] body #app #main>.q-page{
  position:relative;
  isolation:isolate;
}
html[data-production-system="v8"] body #app #main>.q-page::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0 0 auto;
  height:min(340px,34vh);
  pointer-events:none;
  opacity:.78;
  background:linear-gradient(128deg,color-mix(in srgb,var(--q-accent) 11%,transparent),transparent 56%);
  mask-image:linear-gradient(#000,transparent);
}
html[data-production-system="v8"] body #app #main :where(.q-page-head,.q-it-hero,.q-auth-hero,.q-verify-hero,.q-asset-hero){
  position:relative;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--q-accent) 20%,var(--q-border))!important;
  border-radius:var(--q-modern-radius-xl)!important;
  padding:clamp(22px,3vw,38px)!important;
  background:
    radial-gradient(circle at 93% 8%,color-mix(in srgb,var(--q-accent) 22%,transparent),transparent 38%),
    linear-gradient(135deg,color-mix(in srgb,var(--q-surface) 91%,transparent),color-mix(in srgb,var(--q-surfacealt) 86%,transparent))!important;
  box-shadow:0 26px 70px color-mix(in srgb,#000 21%,transparent),inset 0 1px 0 color-mix(in srgb,#fff 13%,transparent)!important;
}
html[data-production-system="v8"] body #app #main :where(.q-page-head,.q-it-hero,.q-auth-hero,.q-verify-hero,.q-asset-hero)::after{
  content:"";
  position:absolute;
  width:180px;
  height:180px;
  right:-68px;
  bottom:-88px;
  border:1px solid color-mix(in srgb,var(--q-accent) 35%,transparent);
  border-radius:50%;
  box-shadow:0 0 0 32px color-mix(in srgb,var(--q-accent) 5%,transparent),0 0 0 64px color-mix(in srgb,var(--q-accent) 3%,transparent);
  pointer-events:none;
}
html[data-production-system="v8"] body #app #main :where(.q-panel,.q-v7-chart-panel,.q-v7-reference-panel,.q-mn-panel,.q-it-panel,.q-auth-card,.q-access-gate){
  background:
    linear-gradient(150deg,color-mix(in srgb,var(--q-surface) 94%,transparent),color-mix(in srgb,var(--q-surfacealt) 88%,transparent))!important;
  box-shadow:0 18px 50px color-mix(in srgb,#000 19%,transparent),inset 0 1px 0 color-mix(in srgb,#fff 9%,transparent)!important;
}
html[data-production-system="v8"] body #app #main :where(.q-panel-head,.q-chart-attribution,.q-v7-evidence-strip){
  background:linear-gradient(90deg,color-mix(in srgb,var(--q-accent) 7%,var(--q-surfacealt)),transparent)!important;
}
html[data-production-system="v8"] body #app #main :where(.q-v7-rate-grid,.q-provider-grid,.q-contract-grid,.q-metric-grid,.q-kpi-grid,.q-mn-status-grid){
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));
  gap:clamp(10px,1.25vw,18px)!important;
}
html[data-production-system="v8"] body #app #main :where(.q-v7-rate-grid>*,.q-provider-grid>*,.q-contract-grid>*,.q-metric-grid>*,.q-kpi-grid>*,.q-mn-status-grid>*){
  min-width:0;
  border-radius:var(--q-modern-radius-md)!important;
}
html[data-production-system="v8"] body #app #main :where(.q-v7-boundary-ribbon,.q-v6-market-boundary,.q-result-priority,.q-truth-callout){
  border-color:color-mix(in srgb,var(--q-accent) 27%,var(--q-border))!important;
  background:linear-gradient(105deg,color-mix(in srgb,var(--q-accent) 10%,var(--q-surface)),color-mix(in srgb,var(--q-surfacealt) 90%,transparent))!important;
  box-shadow:inset 3px 0 0 color-mix(in srgb,var(--q-accent) 68%,transparent),0 10px 30px color-mix(in srgb,#000 14%,transparent)!important;
}
html[data-production-system="v8"] body #app #main :where(.q-button--primary,.q-button-primary,[data-variant="primary"]){
  background:linear-gradient(135deg,color-mix(in srgb,var(--q-accent) 86%,#fff),var(--q-accent))!important;
  box-shadow:0 12px 26px color-mix(in srgb,var(--q-accent) 28%,transparent)!important;
}
@media(hover:hover) and (pointer:fine){
  html[data-production-system="v8"] body #app #main :where(.q-page-head,.q-it-hero,.q-auth-hero,.q-verify-hero,.q-asset-hero):hover{
    border-color:color-mix(in srgb,var(--q-accent) 38%,var(--q-border))!important;
    box-shadow:0 30px 76px color-mix(in srgb,#000 25%,transparent),inset 0 1px 0 color-mix(in srgb,#fff 16%,transparent)!important;
  }
  html[data-production-system="v8"][data-v53-lock-shell="true"] body>.q-v53-lock-command:hover{
    transform:translateY(-2px)!important;
    border-color:color-mix(in srgb,var(--q-accent) 54%,var(--q-border))!important;
    box-shadow:0 18px 44px color-mix(in srgb,#000 28%,transparent)!important;
  }
  html[data-production-system="v8"][data-v53-lock-shell="true"] body>.q-v53-lock-shell-rail .q-v53-lock-shell-nav a:hover{
    transform:translateX(3px)!important;
    border-color:color-mix(in srgb,var(--q-accent) 48%,var(--q-border))!important;
    background:color-mix(in srgb,var(--q-accent) 10%,var(--q-surfacealt))!important;
  }
}

@media(max-width:768px){
  html[data-production-system="v8"] body #app #main :where(.q-page-head,.q-it-hero,.q-auth-hero,.q-verify-hero,.q-asset-hero){border-radius:var(--q-modern-radius-lg)!important;padding:22px!important}
  html[data-production-system="v8"] body #app header.q-product-header{border-radius:0 0 var(--q-modern-radius-md) var(--q-modern-radius-md)!important}
  html[data-production-system="v8"] #main .q-it-tabs{border-radius:var(--q-modern-radius-md)!important}
  html[data-production-system="v8"] #main :where(.q-panel,.q-it-hero,.q-it-guide,.q-it-panel,.q-auth-card,.q-access-gate){border-radius:var(--q-modern-radius-md)!important}
}

@media(prefers-reduced-motion:reduce){
  html[data-production-system="v8"]{scroll-behavior:auto!important}
  html[data-production-system="v8"] #main>.q-page{animation:none!important}
  html[data-production-system="v8"] :where(button,a,input,select,textarea,.q-panel,.q-feature-navigation__group a,.q-it-external){transition:none!important;transform:none!important}
  html[data-production-system="v8"] body>.q-scroll-progress{display:none!important}
}
@media(forced-colors:active){
  html[data-production-system="v8"] :where(button,a.q-button,[role="button"],[role="tab"],input,select,textarea){box-shadow:none!important}
  html[data-production-system="v8"] body>.q-scroll-progress{background:Highlight!important;box-shadow:none!important}
}