/* Territory Field flagship product treatment.
   Keeps the Raysor shell but shifts the product into a focused, field-ready,
   local-first material language distinct from TerritoryHub administration. */

body.territory-field-product {
  --tf-mint: #8ff1d5;
  --tf-mint-strong: #43d7b2;
  --tf-ice: #dffdf5;
  --tf-cyan: #74dff0;
  --tf-navy: #07151a;
  --tf-panel: rgba(7, 25, 30, .72);
  --tf-panel-strong: rgba(8, 31, 37, .9);
  --tf-line: rgba(164, 244, 224, .18);
  --tf-line-strong: rgba(175, 250, 231, .38);
  --tf-radius-xl: 30px;
  --tf-radius-lg: 22px;
}

body.territory-field-product .v1-product-hero {
  position: relative;
  isolation: isolate;
  overflow: clip;
}

body.territory-field-product .v1-product-hero::before {
  content: "";
  position: absolute;
  inset: 1.5rem 0 auto;
  height: min(68vh, 44rem);
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(circle at 75% 22%, rgba(68, 215, 178, .16), transparent 31%),
    radial-gradient(circle at 19% 8%, rgba(116, 223, 240, .08), transparent 26%);
  filter: saturate(1.08);
}

body.territory-field-product .v1-product-hero-grid {
  align-items: center;
  gap: clamp(30px, 5vw, 72px);
}

body.territory-field-product .v1-product-identity {
  gap: 12px;
  margin-bottom: 18px;
}

body.territory-field-product .v1-product-glyph {
  border: 1px solid var(--tf-line-strong);
  color: var(--tf-ice);
  background:
    radial-gradient(circle at 28% 10%, rgba(255,255,255,.24), transparent 40%),
    linear-gradient(145deg, rgba(74, 218, 184, .28), rgba(8, 42, 48, .82));
  box-shadow:
    inset 0 1px rgba(255,255,255,.2),
    0 16px 38px rgba(0,0,0,.26),
    0 0 34px rgba(67, 215, 178, .14);
}

body.territory-field-product .tf-product-promise {
  max-width: 19ch;
  margin: .18em 0 .52em;
  color: var(--tf-ice);
  font-size: clamp(1.28rem, 2.4vw, 2rem);
  font-weight: 730;
  letter-spacing: -.035em;
  line-height: 1.06;
  text-wrap: balance;
}

body.territory-field-product .v1-product-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}

body.territory-field-product .v1-product-meta > span {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 13px;
  border: 1px solid var(--tf-line);
  border-radius: 14px;
  background: rgba(8, 34, 40, .62);
  box-shadow: inset 0 1px rgba(255,255,255,.075);
  -webkit-backdrop-filter: blur(16px) saturate(145%);
  backdrop-filter: blur(16px) saturate(145%);
}

body.territory-field-product .v1-product-hero .actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 26px;
}

body.territory-field-product .v1-product-hero .button,
body.territory-field-product .v1-download-actions .button,
body.territory-field-product .v1-cta .button {
  min-height: 52px;
  transform: translateZ(0);
  transition: transform 180ms cubic-bezier(.2,.86,.22,1), box-shadow 180ms ease, border-color 180ms ease;
}

body.territory-field-product .v1-product-hero .button:active,
body.territory-field-product .v1-download-actions .button:active,
body.territory-field-product .v1-cta .button:active {
  transform: translateY(1px) scale(.985);
}

body.territory-field-product .v1-interface-preview,
body.territory-field-product .v1-card,
body.territory-field-product .v1-feature-band,
body.territory-field-product .v1-spec-card,
body.territory-field-product .v1-roadmap-item,
body.territory-field-product .v1-download-panel,
body.territory-field-product .v1-cta {
  border-color: var(--tf-line);
  background:
    radial-gradient(circle at 74% 0%, rgba(80, 225, 190, .1), transparent 36%),
    linear-gradient(145deg, rgba(255,255,255,.052), transparent 31%),
    var(--tf-panel);
  box-shadow:
    inset 0 1px rgba(255,255,255,.1),
    inset 0 -1px rgba(255,255,255,.025),
    0 24px 68px rgba(0,0,0,.27);
  -webkit-backdrop-filter: blur(25px) saturate(148%);
  backdrop-filter: blur(25px) saturate(148%);
}

body.territory-field-product .v1-interface-preview,
body.territory-field-product .v1-feature-band {
  border-radius: var(--tf-radius-xl);
}

body.territory-field-product .tf-field-preview {
  transform: translateZ(0);
  transition: transform 340ms cubic-bezier(.2,.86,.22,1), border-color 220ms ease, box-shadow 320ms ease;
}

body.territory-field-product .tf-field-preview:hover,
body.territory-field-product .tf-field-preview:focus-within {
  transform: translateY(-4px);
  border-color: var(--tf-line-strong);
  box-shadow:
    inset 0 1px rgba(255,255,255,.15),
    0 30px 80px rgba(0,0,0,.32),
    0 0 40px rgba(67, 215, 178, .09);
}

body.territory-field-product .tf-field-preview:active {
  transform: translateY(-1px) scale(.995);
}

body.territory-field-product .tf-assignment-kicker {
  width: fit-content;
  margin-bottom: 10px;
  padding: 6px 9px;
  border: 1px solid rgba(135, 240, 213, .24);
  border-radius: 999px;
  color: var(--tf-mint);
  background: rgba(20, 92, 79, .2);
  font-size: .69rem;
  font-weight: 800;
  letter-spacing: .12em;
}

body.territory-field-product .tf-progress-strip {
  display: grid;
  grid-template-columns: 1.6fr 1fr .72fr;
  gap: 6px;
  margin-top: 12px;
}

body.territory-field-product .tf-progress-strip span {
  height: 5px;
  border-radius: 999px;
  background: rgba(127, 232, 205, .18);
  box-shadow: inset 0 1px rgba(255,255,255,.08);
}

body.territory-field-product .tf-progress-strip span:first-child {
  background: linear-gradient(90deg, rgba(67,215,178,.82), rgba(116,223,240,.72));
  box-shadow: 0 0 16px rgba(67,215,178,.16);
}

body.territory-field-product .tf-workflow-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr));
  gap: clamp(12px, 1.7vw, 18px);
}

body.territory-field-product .v1-card {
  position: relative;
  overflow: clip;
  min-height: 220px;
  border-radius: var(--tf-radius-lg);
  transition: transform 300ms cubic-bezier(.2,.86,.22,1), border-color 220ms ease, background 240ms ease;
}

body.territory-field-product .v1-card::after {
  content: "";
  position: absolute;
  inset: auto 18px 16px 18px;
  height: 1px;
  background: linear-gradient(90deg, rgba(67,215,178,.48), transparent);
  opacity: .5;
}

body.territory-field-product .v1-card:hover,
body.territory-field-product .v1-card:focus-within {
  transform: translateY(-3px);
  border-color: var(--tf-line-strong);
  background:
    radial-gradient(circle at 75% 0%, rgba(80, 225, 190, .14), transparent 38%),
    linear-gradient(145deg, rgba(255,255,255,.065), transparent 33%),
    var(--tf-panel-strong);
}

body.territory-field-product .v1-card:active {
  transform: translateY(-1px) scale(.995);
}

body.territory-field-product .v1-card-number {
  color: var(--tf-mint);
}

body.territory-field-product .tf-assignment-band {
  container-type: inline-size;
  container-name: tf-assignment-band;
  overflow: clip;
}

body.territory-field-product .v1-feature-list li::marker {
  color: var(--tf-mint-strong);
}

body.territory-field-product .v1-spec-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr));
  gap: clamp(12px, 1.6vw, 18px);
}

body.territory-field-product .v1-spec-card,
body.territory-field-product .v1-roadmap-item,
body.territory-field-product .v1-download-panel,
body.territory-field-product .v1-cta {
  border-radius: var(--tf-radius-lg);
}

body.territory-field-product .v1-spec-card {
  min-height: 140px;
  padding: clamp(20px, 2vw, 28px);
}

body.territory-field-product .v1-spec-card dt {
  color: #9ccbc0;
  letter-spacing: .075em;
  text-transform: uppercase;
}

body.territory-field-product .v1-spec-card dd {
  color: #f5fffc;
  font-weight: 720;
}

body.territory-field-product .v1-roadmap-item,
body.territory-field-product .v1-download-panel,
body.territory-field-product .v1-cta {
  transition: transform 300ms cubic-bezier(.2,.86,.22,1), border-color 220ms ease, background 240ms ease;
}

body.territory-field-product .v1-roadmap-item:hover,
body.territory-field-product .v1-roadmap-item:focus-within,
body.territory-field-product .v1-download-panel:hover,
body.territory-field-product .v1-download-panel:focus-within,
body.territory-field-product .v1-cta:hover,
body.territory-field-product .v1-cta:focus-within {
  transform: translateY(-3px);
  border-color: var(--tf-line-strong);
  background:
    radial-gradient(circle at 76% 0%, rgba(80, 225, 190, .14), transparent 38%),
    linear-gradient(145deg, rgba(255,255,255,.068), transparent 32%),
    var(--tf-panel-strong);
}

body.territory-field-product .v1-roadmap-item:active,
body.territory-field-product .v1-download-panel:active,
body.territory-field-product .v1-cta:active {
  transform: translateY(-1px) scale(.995);
}

body.territory-field-product .v1-download-actions .button {
  min-width: 150px;
}

@container tf-assignment-band (max-width: 48rem) {
  body.territory-field-product .tf-assignment-band {
    grid-template-columns: minmax(0, 1fr);
  }

  body.territory-field-product .tf-assignment-band .v1-interface-preview {
    width: 100%;
  }
}

@media (max-width: 46rem) {
  body.territory-field-product .v1-product-meta > span,
  body.territory-field-product .v1-product-hero .button,
  body.territory-field-product .v1-download-actions .button,
  body.territory-field-product .v1-cta .button {
    width: 100%;
  }

  body.territory-field-product .v1-product-hero .actions,
  body.territory-field-product .v1-download-actions,
  body.territory-field-product .v1-cta .actions {
    width: 100%;
  }

  body.territory-field-product .v1-card {
    min-height: auto;
  }
}

@media (max-width: 23.75rem) {
  body.territory-field-product .v1-product-meta > span {
    align-items: flex-start;
    flex-direction: column;
  }

  body.territory-field-product .tf-progress-strip {
    grid-template-columns: 1fr;
  }
}

@media (hover: none), (pointer: coarse) {
  body.territory-field-product .v1-product-hero .button,
  body.territory-field-product .v1-download-actions .button,
  body.territory-field-product .v1-cta .button {
    min-height: 56px;
  }

  body.territory-field-product .tf-field-preview:hover,
  body.territory-field-product .v1-card:hover,
  body.territory-field-product .v1-roadmap-item:hover,
  body.territory-field-product .v1-download-panel:hover,
  body.territory-field-product .v1-cta:hover {
    transform: none;
  }
}

@media (prefers-reduced-transparency: reduce) {
  body.territory-field-product .v1-product-meta > span,
  body.territory-field-product .v1-interface-preview,
  body.territory-field-product .v1-card,
  body.territory-field-product .v1-feature-band,
  body.territory-field-product .v1-spec-card,
  body.territory-field-product .v1-roadmap-item,
  body.territory-field-product .v1-download-panel,
  body.territory-field-product .v1-cta {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background: #0a2025;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.territory-field-product .v1-product-hero .button,
  body.territory-field-product .v1-download-actions .button,
  body.territory-field-product .v1-cta .button,
  body.territory-field-product .tf-field-preview,
  body.territory-field-product .v1-card,
  body.territory-field-product .v1-roadmap-item,
  body.territory-field-product .v1-download-panel,
  body.territory-field-product .v1-cta {
    transform: none !important;
    transition: none !important;
  }
}

@media (forced-colors: active) {
  body.territory-field-product .v1-product-meta > span,
  body.territory-field-product .v1-interface-preview,
  body.territory-field-product .v1-card,
  body.territory-field-product .v1-feature-band,
  body.territory-field-product .v1-spec-card,
  body.territory-field-product .v1-roadmap-item,
  body.territory-field-product .v1-download-panel,
  body.territory-field-product .v1-cta,
  body.territory-field-product .tf-assignment-kicker {
    border: 1px solid CanvasText;
    background: Canvas;
    color: CanvasText;
    box-shadow: none;
  }

  body.territory-field-product .v1-product-hero .button:focus-visible,
  body.territory-field-product .v1-download-actions .button:focus-visible,
  body.territory-field-product .v1-cta .button:focus-visible {
    outline: 3px solid Highlight;
    outline-offset: 3px;
  }
}