/* ==========================================================================
   WarroomX · Produktseite (Eigenentwicklung SentralTech)
   Farben aus dem Logo: Ink #12161C · Bone #F2EFE7 · Rust #C25A1E · Slate #5F6B78.
   Nur auf /loesungen/warroomx/ geladen.
   ========================================================================== */

.warroomx-theme {
  --wx-ink: #12161c;
  --wx-ink-2: #1a1f27;
  --wx-ink-3: #0c0f14;
  --wx-bone: #f2efe7;
  --wx-rust: #c25a1e;
  --wx-rust-btn: #ad4f19;
  --wx-rust-hover: #b3521b;
  --wx-rust-ink: #a84a14;
  --wx-rust-soft: #f0a477;
  --wx-rust-light: #e0763a;
  --wx-slate: #5f6b78;
  --wx-mist: #c9ccd1;
  --wx-dim: #9aa5b1;
}

/* Mono-Labels auf hellen Flächen in Rost-Tinte (Kontrast ≥ 5 : 1) */
.warroomx-page .section .system-label,
.warroomx-page .section .system-label--blue { color: var(--wx-rust-ink); }

/* --------------------------------------------------------------------------
   1 · Hero: Ink mit feinem Kreuzraster (das „X“ der Marke)
   -------------------------------------------------------------------------- */
.warroomx-page .inner-hero {
  background:
    radial-gradient(circle at 80% 28%, #c25a1e2e, transparent 34%),
    radial-gradient(circle at 6% 104%, #c25a1e17, transparent 38%),
    linear-gradient(140deg, var(--wx-ink-3) 0%, var(--wx-ink) 55%, #1b2029 100%);
}
.warroomx-page .inner-hero__grid {
  background-image:
    repeating-linear-gradient(45deg, transparent 0 56px, #f2efe70b 57px 58px, transparent 59px 112px),
    repeating-linear-gradient(-45deg, transparent 0 56px, #f2efe70b 57px 58px, transparent 59px 112px);
  -webkit-mask-image: linear-gradient(90deg, transparent 22%, #000 64%);
  mask-image: linear-gradient(90deg, transparent 22%, #000 64%);
}
.warroomx-page .inner-hero__copy h1::after { background: linear-gradient(90deg, var(--wx-rust), #c25a1e00); }
.warroomx-page .inner-hero__copy > p { color: #d9dcdf; }
.warroomx-page .manufacturer-hero__brand { color: var(--wx-rust-soft); }

.warroomx-hero__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 28px; margin-top: 34px; }
.warroomx-page .button--light { background: var(--wx-rust-btn); border-color: var(--wx-rust-btn); color: #fff; }
.warroomx-page .button--light:hover,
.warroomx-page .button--light:focus-visible { background: var(--wx-rust-hover); border-color: var(--wx-rust-hover); color: #fff; }
.warroomx-page .text-link--light { color: var(--wx-bone); }
html.st-hold .warroomx-page .inner-hero__copy > .warroomx-hero__actions { opacity: 0; }
html.st-motion .warroomx-page .inner-hero__copy > .warroomx-hero__actions { animation: st-up .8s var(--st-ease) .8s backwards; }

@media (min-width: 981px) {
  .warroomx-page .inner-hero__copy h1 { font-size: clamp(2.9rem, 4.3vw, 4.4rem); }
}
@media (max-width: 600px) {
  body #main-content.warroomx-page .inner-hero__copy h1 { font-size: min(2.7rem, calc((100vw - 48px) / 7.6)); line-height: 1.04; }
}

/* --------------------------------------------------------------------------
   2 · Live-Übung (Beispielansicht) in den WarroomX-Farben
   -------------------------------------------------------------------------- */
.warroomx-page .warroom-exercise { background: var(--wx-ink); border-color: #f2efe729; box-shadow: 0 30px 70px #0000007a, 0 0 0 1px #00000052; }
.warroomx-page .warroom-exercise::before {
  background-image: linear-gradient(#f2efe706 1px, transparent 1px), linear-gradient(90deg, #f2efe706 1px, transparent 1px);
}
.warroomx-page .warroom-exercise__head { background: var(--wx-ink-3); border-bottom-color: #f2efe71f; }
.warroomx-page .warroom-exercise__head > span { color: var(--wx-rust-soft); }
.warroomx-page .warroom-exercise__head > strong { display: inline-flex; align-items: center; justify-content: center; gap: 8px; color: #e4e1da; }
.warroomx-console__mark { width: 16px; height: 16px; flex: none; box-shadow: 0 0 0 1px #f2efe733; }
/* Schmale Konsole (z. B. Tablet quer, 2-spaltiger Hero): Titelzeile in eigene Reihe statt abschneiden */
.warroomx-page .warroom-exercise { container-type: inline-size; }
@container (max-width: 500px) {
  .warroomx-page .warroom-exercise__head { grid-template-columns: minmax(0, 1fr) auto; }
  .warroomx-page .warroom-exercise__head > strong { grid-area: 2 / 1 / auto / -1; }
}
.warroomx-page .warroom-exercise__head > small { color: var(--wx-dim); }
.warroomx-page :is(.warroom-exercise__head > span i, .warroom-exercise__status span i) { background: var(--wx-rust-light); }
.warroomx-page .warroom-exercise__status { color: var(--wx-dim); }
.warroomx-page .warroom-exercise__status time { color: #e6e3dc; }
.warroomx-page .warroom-role { background: var(--wx-ink-2); border-color: #f2efe71f; }
.warroomx-page .warroom-role--coordination { --role-accent: var(--wx-rust-light); }
.warroomx-page .warroom-role--it { --role-accent: var(--wx-bone); }
.warroomx-page .warroom-role--management { --role-accent: var(--wx-dim); }
.warroomx-page .warroom-role small { color: var(--wx-dim); }
.warroomx-page .warroom-role strong { color: var(--wx-bone); }
.warroomx-page .warroom-exercise__track::before { background: #f2efe733; }
.warroomx-page .warroom-exercise__track > span { background: var(--wx-rust-light); }
.warroomx-page .warroom-exercise__track > i { background: linear-gradient(90deg, transparent, var(--wx-rust-light) 72%, #f5c3a3); }
.warroomx-page .warroom-exercise__timeline li { border-left-color: #e0763a73; }
.warroomx-page .warroom-exercise__timeline time { color: var(--wx-rust-soft); }
.warroomx-page .warroom-exercise__timeline strong { color: var(--wx-bone); }
.warroomx-page .warroom-exercise__timeline li > span { color: var(--wx-dim); }
.warroomx-page .warroom-exercise__legend { background: var(--wx-bone); color: var(--wx-ink); }
.warroomx-page .warroom-exercise__legend li { border-color: #12161c1f; }
.warroomx-page .warroom-exercise__legend span { color: var(--wx-rust-ink); }

/* --------------------------------------------------------------------------
   3 · Leiste 01–04 und Systemsignatur
   -------------------------------------------------------------------------- */
.warroomx-page .brand-rail { background: var(--wx-bone); border-bottom-color: #12161c1a; }
.warroomx-page .brand-rail span { color: var(--wx-ink); border-color: #12161c17; }
.warroomx-page .brand-rail span small { color: var(--wx-rust-ink); }
.warroomx-page .manufacturer-signature__meta {
  background: radial-gradient(circle at 8% 12%, #c25a1e2b, transparent 46%), linear-gradient(145deg, var(--wx-ink-2), var(--wx-ink) 72%);
}

/* --------------------------------------------------------------------------
   4 · Funktionsbereiche
   -------------------------------------------------------------------------- */
.warroomx-modules { background: var(--wx-bone); scroll-margin-top: calc(var(--header-height, 76px) + 16px); }
.warroomx-modules__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); background: #fff; border: 1px solid #12161c1f; }
.warroomx-modules__grid article {
  position: relative; display: grid; align-content: start; min-width: 0;
  padding: clamp(26px, 2.8vw, 40px) clamp(20px, 2.2vw, 30px) clamp(28px, 3vw, 42px);
  border-right: 1px solid #12161c1a; transition: background var(--motion-fast, .18s);
}
.warroomx-modules__grid article:last-child { border-right: 0; }
.warroomx-modules__grid article::before { content: ""; position: absolute; top: -1px; left: -1px; width: 64px; height: 3px; background: var(--wx-rust); }
.warroomx-modules__grid article:hover { background: #fbfaf6; }
.warroomx-modules__grid article > span {
  justify-self: start; display: inline-flex; align-items: center; justify-content: center; min-width: 36px; min-height: 26px; padding: 5px 8px;
  border: 1px solid #c25a1e8c; border-radius: 3px 9px; background: var(--wx-bone); color: var(--wx-rust-ink);
  font-family: var(--font-mono); font-size: .66rem; font-weight: 780; letter-spacing: .06em;
}
.warroomx-modules__grid h3 { margin: 42px 0 12px; color: var(--wx-ink); font-size: clamp(1.3rem, 1.7vw, 1.55rem); font-weight: 650; letter-spacing: -.03em; line-height: 1.15; text-wrap: balance; }
.warroomx-modules__grid p { margin: 0; color: var(--wx-slate); font-size: .98rem; line-height: 1.68; }
@media (min-width: 1101px) { .warroomx-modules__grid h3 { min-height: 2.3em; } }
@media (max-width: 1100px) {
  .warroomx-modules__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .warroomx-modules__grid article:nth-child(2) { border-right: 0; }
  .warroomx-modules__grid article:nth-child(-n + 2) { border-bottom: 1px solid #12161c1a; }
}
@media (max-width: 640px) {
  .warroomx-modules__grid { grid-template-columns: minmax(0, 1fr); }
  .warroomx-modules__grid article { border-right: 0; border-bottom: 1px solid #12161c1a; }
  .warroomx-modules__grid article:last-child { border-bottom: 0; }
  .warroomx-modules__grid h3 { margin-top: 28px; }
}

/* --------------------------------------------------------------------------
   5 · Einordnung & Technologie-Profil
   -------------------------------------------------------------------------- */
.warroomx-advisory { background: #fff; }
.warroomx-page .role-grid .check-list svg { color: var(--wx-rust-ink); stroke: var(--wx-rust-ink); }
.warroomx-page .source-card {
  background: radial-gradient(circle at 92% 6%, #c25a1e30, transparent 40%), var(--wx-ink);
  border-color: var(--wx-ink); border-top-color: var(--wx-rust);
}
.warroomx-page .source-card .system-label { color: var(--wx-rust-soft); }
.warroomx-profile__lockup { display: block; width: min(280px, 100%); height: auto; margin: 26px 0 14px; }
.warroomx-page .source-card .warroomx-profile__claim {
  margin: 0 0 6px; color: var(--wx-rust-soft); font-family: var(--font-mono); font-size: .74rem; letter-spacing: .1em; text-transform: uppercase; line-height: 1.5;
}
.warroomx-page .source-card h3 { margin-top: 18px; }
.warroomx-page .source-card p { color: var(--wx-mist); }
.warroomx-page .source-card .button--dark { background: var(--wx-rust-btn); border-color: var(--wx-rust-btn); color: #fff; }
.warroomx-page .source-card .button--dark:hover,
.warroomx-page .source-card .button--dark:focus-visible { background: var(--wx-rust-hover); border-color: var(--wx-rust-hover); color: #fff; }

/* Gegenstück Stillpoint */
.warroomx-counterpart-section { padding-block: 0 clamp(56px, 7vw, 88px); background: #fff; }
.warroomx-counterpart-section .warroom-counterpart { margin-top: 0; max-width: none; }
.warroomx-counterpart-section .warroom-counterpart strong { display: inline-flex; align-items: center; gap: 10px; }
.warroomx-counterpart-section .stillpoint-glyph { width: 20px; height: 20px; }

/* --------------------------------------------------------------------------
   6 · Abschluss
   -------------------------------------------------------------------------- */
.warroomx-page .next-technologies a:hover strong,
.warroomx-page .next-technologies a:focus-visible strong { color: var(--wx-rust-ink); }
.warroomx-cta { background: radial-gradient(circle at 84% 100%, #c25a1e3d, transparent 42%), var(--wx-ink); }
.warroomx-cta .consultation-cta__signal i { border-color: #f2efe724; }

/* --------------------------------------------------------------------------
   7 · Einblick: Produkt-Tour (Grundgerüst in product-tour.*.css) – WarroomX-Thema
   -------------------------------------------------------------------------- */
.warroomx-theme {
  --pt-light: #f2efe7; --pt-ink: #12161c; --pt-deep: #0c0f14; --pt-bar: #0a0d11; --pt-canvas: #1a1d24;
  --pt-accent: #c25a1e; --pt-accent-strong: #ad4f19; --pt-accent-bright: #e0763a; --pt-accent-soft: #f0a477; --pt-accent-pale: #f5c3a3;
  --pt-mist: #c9ccd1; --pt-dim: #9aa5b1; --pt-slate: #5f6b78; --pt-foot: #8b96a3;
  --pt-pin-bg: #ad4f19; --pt-pin-fg: #fff; --pt-btn-bg: #ad4f19; --pt-btn-fg: #fff; --pt-ratio: 1760 / 1066;
}
.warroomx-tour-section {
  position: relative; color: var(--wx-bone); overflow: hidden; scroll-margin-top: calc(var(--header-height, 76px) + 8px);
  background:
    radial-gradient(circle at 10% 0%, #c25a1e24, transparent 38%),
    radial-gradient(circle at 96% 100%, #c25a1e17, transparent 42%),
    linear-gradient(165deg, var(--wx-ink-3) 0%, var(--wx-ink) 55%, #171c24 100%);
}
.warroomx-tour-section::before {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background-image:
    repeating-linear-gradient(45deg, transparent 0 56px, #f2efe708 57px 58px, transparent 59px 112px),
    repeating-linear-gradient(-45deg, transparent 0 56px, #f2efe708 57px 58px, transparent 59px 112px);
  -webkit-mask-image: linear-gradient(180deg, #000, transparent 70%); mask-image: linear-gradient(180deg, #000, transparent 70%);
}
.warroomx-tour-section > .shell { position: relative; }
.warroomx-page .warroomx-tour-section .system-label { color: var(--wx-rust-soft); }
.warroomx-tour-section .section-heading h2 { color: #fff; }
.warroomx-tour-section .section-heading p { color: var(--wx-mist); }
.warroomx-tour-section .pt-shot__brand .warroomx-glyph { box-shadow: 0 0 0 1px #f2efe733; }