/* Qelly V7 identity + quant convergence.
   Production-only presentation: no auth, persistence, provider or execution semantics. */

html[data-product-surface="production"] .q-auth-page{
  min-height:calc(100vh - 94px)!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.55fr)!important;
  gap:10px!important;
  align-items:stretch!important;
  width:min(100%,1440px)!important;
  margin:0 auto!important;
  padding:10px!important;
  background:transparent!important;
}
html[data-product-surface="production"] .q-auth-hero{
  min-height:0!important;
  padding:24px!important;
  border:1px solid var(--q-product-line)!important;
  border-radius:8px!important;
  background:linear-gradient(145deg,#0b080a 0%,#130d11 66%,color-mix(in srgb,#130d11 86%,var(--q-product-accent) 14%) 100%)!important;
  box-shadow:none!important;
}
html[data-product-surface="production"] .q-auth-hero:after{
  inset:auto -10% -48% 44%!important;
  opacity:.45!important;
  box-shadow:0 0 0 34px rgba(255,255,255,.018),0 0 0 76px rgba(255,255,255,.012)!important;
}
html[data-product-surface="production"] .q-auth-hero h1{
  max-width:720px!important;
  margin:8px 0 12px!important;
  font-size:clamp(28px,3.2vw,44px)!important;
  line-height:1.02!important;
  letter-spacing:-.035em!important;
}
html[data-product-surface="production"] .q-auth-hero p{
  max-width:700px!important;
  margin:0!important;
  font-size:12px!important;
  line-height:1.55!important;
  color:#b9adb3!important;
}
html[data-product-surface="production"] .q-auth-proof-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:7px!important;
  margin-top:18px!important;
}
html[data-product-surface="production"] .q-auth-proof-grid article,
html[data-product-surface="production"] .q-auth-steps li{
  padding:10px!important;
  border-radius:6px!important;
  background:rgba(255,255,255,.025)!important;
  backdrop-filter:none!important;
}
html[data-product-surface="production"] .q-auth-proof-grid strong{font-size:10px!important;letter-spacing:.04em;text-transform:uppercase}
html[data-product-surface="production"] .q-auth-proof-grid span{font-size:9px!important;line-height:1.35!important}
html[data-product-surface="production"] .q-auth-steps{gap:6px!important}
html[data-product-surface="production"] .q-auth-steps li{gap:7px!important}
html[data-product-surface="production"] .q-auth-steps b{width:23px!important;height:23px!important;border-radius:5px!important;font-size:9px!important}
html[data-product-surface="production"] .q-auth-steps span{font-size:9px!important}
html[data-product-surface="production"] .q-auth-card,
html[data-product-surface="production"] .q-auth-card--wide{
  width:100%!important;
  max-width:none!important;
  align-self:stretch!important;
  padding:22px!important;
  border:1px solid var(--q-product-line)!important;
  border-radius:8px!important;
  background:var(--q-product-surface)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
html[data-product-surface="production"] .q-auth-card h2{
  margin:5px 0 6px!important;
  font-size:24px!important;
  line-height:1.08!important;
  letter-spacing:-.025em!important;
}
html[data-product-surface="production"] .q-muted-copy{font-size:10px!important;line-height:1.45!important;color:var(--q-product-muted)!important}
html[data-product-surface="production"] .q-auth-form{
  gap:10px!important;
  margin-top:16px!important;
}
html[data-product-surface="production"] .q-auth-form label{
  gap:5px!important;
  font-size:9px!important;
  letter-spacing:.065em!important;
  text-transform:uppercase!important;
}
html[data-product-surface="production"] .q-auth-form input,
html[data-product-surface="production"] .q-auth-form select,
html[data-product-surface="production"] .q-auth-form textarea{
  min-height:40px!important;
  padding:8px 10px!important;
  border-radius:6px!important;
  background:var(--q-product-surface-2)!important;
  font-size:12px!important;
}
html[data-product-surface="production"] .q-auth-form textarea{min-height:82px!important}
html[data-product-surface="production"] .q-auth-form .q-button{min-height:40px!important;border-radius:6px!important;font-size:10px!important}
html[data-product-surface="production"] .q-password-field{position:relative}
html[data-product-surface="production"] .q-password-field input{padding-right:64px!important}
html[data-product-surface="production"] .q-password-toggle{
  position:absolute!important;
  right:6px!important;
  bottom:6px!important;
  min-height:28px!important;
  padding:0 8px!important;
  border:1px solid var(--q-product-line)!important;
  border-radius:5px!important;
  background:var(--q-product-surface)!important;
  font-size:9px!important;
}
html[data-product-surface="production"] .q-auth-footer{
  margin-top:14px!important;
  padding-top:12px!important;
  gap:8px!important;
  font-size:10px!important;
}

/* Signed-in identity keeps the same dense terminal scale. */
html[data-product-surface="production"] .q-v6-account-page{max-width:none!important}
html[data-product-surface="production"] .q-v6-account-page>.q-page-head{margin-bottom:8px!important}
html[data-product-surface="production"] .q-v6-account-hero,
html[data-product-surface="production"] .q-v6-profile-layout,
html[data-product-surface="production"] .q-v6-account-page>.q-two-column{gap:8px!important;margin-bottom:8px!important}
html[data-product-surface="production"] .q-v6-identity-card,
html[data-product-surface="production"] .q-v6-security-card{padding:12px!important;border-radius:7px!important}
html[data-product-surface="production"] .q-v6-avatar{width:42px!important;height:42px!important;border-radius:7px!important;font-size:14px!important}
html[data-product-surface="production"] .q-v6-identity-primary h2{font-size:15px!important}
html[data-product-surface="production"] .q-v6-identity-tags{margin-top:10px!important;gap:5px!important}
html[data-product-surface="production"] .q-v6-profile-form{gap:8px!important}
html[data-product-surface="production"] .q-v6-cloud-toggle,
html[data-product-surface="production"] .q-v6-capability-card{padding:9px!important;border-radius:6px!important}
html[data-product-surface="production"] .q-v6-security-row{padding:8px 0!important;gap:8px!important}
html[data-product-surface="production"] .q-v6-account-actions{margin-top:10px!important;gap:6px!important}

/* Calculators + indicators are workstations, not large marketing-card galleries. */
html[data-product-surface="production"] :where(.q-calculator-center-page,.q-indicator-center-page){
  width:100%!important;
  max-width:none!important;
  padding:8px 10px 56px!important;
}
html[data-product-surface="production"] :where(.q-calculator-featured,.q-calculator-browser){margin-top:12px!important}
html[data-product-surface="production"] .q-calculator-section-head{
  align-items:center!important;
  gap:12px!important;
  margin-bottom:10px!important;
}
html[data-product-surface="production"] .q-calculator-section-head h2{
  margin:2px 0 0!important;
  font-size:20px!important;
  line-height:1.1!important;
  letter-spacing:-.02em!important;
}
html[data-product-surface="production"] .q-calculator-section-head p:not(.q-eyebrow){
  max-width:820px!important;
  margin:5px 0 0!important;
  font-size:10px!important;
  line-height:1.45!important;
}
html[data-product-surface="production"] .q-calculator-browser{
  padding:10px!important;
  border-radius:7px!important;
  box-shadow:none!important;
}
html[data-product-surface="production"] .q-calculator-browser__toolbar{
  grid-template-columns:minmax(0,1fr) minmax(190px,270px)!important;
  gap:7px!important;
  margin-bottom:9px!important;
}
html[data-product-surface="production"] .q-calculator-browser__toolbar label{gap:4px!important;font-size:9px!important;text-transform:uppercase;letter-spacing:.055em}
html[data-product-surface="production"] .q-calculator-browser__toolbar input,
html[data-product-surface="production"] .q-calculator-browser__toolbar select{
  min-height:36px!important;
  padding:6px 9px!important;
  border-radius:6px!important;
  font-size:11px!important;
}
html[data-product-surface="production"] .q-calculator-card-grid,
html[data-product-surface="production"] .q-calculator-card-grid.is-featured{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:7px!important;
}
html[data-product-surface="production"] .q-calculator-card,
html[data-product-surface="production"] .q-calculator-card.is-featured{
  min-height:164px!important;
  padding:12px!important;
  border-radius:7px!important;
  box-shadow:none!important;
  transform:none!important;
}
html[data-product-surface="production"] .q-calculator-card:hover,
html[data-product-surface="production"] .q-calculator-card:focus-visible{transform:none!important;box-shadow:none!important}
html[data-product-surface="production"] .q-calculator-card__meta{font-size:8px!important;letter-spacing:.06em!important}
html[data-product-surface="production"] .q-calculator-card h3{
  margin:16px 0 6px!important;
  font-size:15px!important;
  line-height:1.12!important;
}
html[data-product-surface="production"] .q-calculator-card>p{font-size:9px!important;line-height:1.42!important}
html[data-product-surface="production"] .q-calculator-card__footer{
  margin-top:auto!important;
  padding-top:9px!important;
  gap:7px!important;
  font-size:8px!important;
}
html[data-product-surface="production"] .q-calculator-card__footer strong{font-size:9px!important}
html[data-product-surface="production"] .q-v6-quant-kpis{gap:0!important;margin-bottom:8px!important;border-radius:7px!important}
html[data-product-surface="production"] .q-v6-quant-kpis>div{min-height:56px!important;padding:8px 10px!important}
html[data-product-surface="production"] .q-v6-quant-kpis span,
html[data-product-surface="production"] .q-v6-quant-kpis small{font-size:8px!important}
html[data-product-surface="production"] .q-v6-quant-kpis strong{margin:4px 0 2px!important;font-size:13px!important}
html[data-product-surface="production"] :where(.q-v6-deterministic-banner,.q-v6-indicator-truth){
  min-height:36px!important;
  margin-bottom:8px!important;
  padding:7px 9px!important;
  border-radius:6px!important;
  font-size:9px!important;
}
html[data-product-surface="production"] :where(.q-calculator-detail-page,.q-indicator-detail-page){max-width:none!important;padding-top:8px!important}
html[data-product-surface="production"] :where(.q-structured-calculator,.q-indicator-workbench){gap:8px!important}

@media(max-width:980px){
  html[data-product-surface="production"] .q-auth-page{grid-template-columns:1fr!important}
  html[data-product-surface="production"] .q-auth-hero{min-height:260px!important}
  html[data-product-surface="production"] .q-calculator-card-grid,
  html[data-product-surface="production"] .q-calculator-card-grid.is-featured{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:680px){
  html[data-product-surface="production"] .q-auth-page{padding:7px!important}
  html[data-product-surface="production"] .q-auth-hero{padding:16px!important;min-height:220px!important}
  html[data-product-surface="production"] .q-auth-hero h1{font-size:28px!important}
  html[data-product-surface="production"] .q-auth-proof-grid{grid-template-columns:1fr!important}
  html[data-product-surface="production"] .q-auth-card{padding:16px!important}
  html[data-product-surface="production"] .q-auth-form--grid{grid-template-columns:1fr!important}
  html[data-product-surface="production"] .q-calculator-browser__toolbar,
  html[data-product-surface="production"] .q-calculator-card-grid,
  html[data-product-surface="production"] .q-calculator-card-grid.is-featured{grid-template-columns:1fr!important}
  html[data-product-surface="production"] .q-calculator-card,
  html[data-product-surface="production"] .q-calculator-card.is-featured{min-height:148px!important}
  html[data-product-surface="production"] .q-calculator-section-head{align-items:flex-start!important;flex-direction:column!important}
}
@media(prefers-reduced-motion:reduce){
  html[data-product-surface="production"] :where(.q-auth-page,.q-v6-account-page,.q-calculator-workbench-page,.q-indicator-workbench-page) *{transition:none!important;animation:none!important}
}
