/*
====================================================================
TT-OS DARK INTELLIGENCE PAGE STYLE v001
Applies only to selected TT-OS intelligence pages.
Purpose: make dashboard / card-heavy pages visually consistent with Observatory.
====================================================================
*/

:root {
  --di-bg-deep:#171B14;
  --di-bg-green:#2e5a44;
  --di-surface:#234533;
  --di-surface-2:#2f6048;
  --di-accent:#a3e635;
  --di-gold:#C9A35C;
  --di-text:#ffffff;
  --di-muted:rgba(255,255,255,0.82);
  --di-soft:rgba(255,255,255,0.68);
  --di-line:rgba(255,255,255,0.14);
}

html:has(body.ttos-dark-intelligence-page),
body.ttos-dark-intelligence-page {
  background: linear-gradient(180deg,var(--di-bg-deep) 0%,var(--di-bg-green) 100%) !important;
  color: var(--di-text) !important;
}

body.ttos-dark-intelligence-page {
  margin: 0;
  min-height: 100vh;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.7;
  overflow-x: hidden;
}

/* Whole-page coverage: main, wrappers, lower content and footer */
body.ttos-dark-intelligence-page main,
body.ttos-dark-intelligence-page .container,
body.ttos-dark-intelligence-page .page-shell,
body.ttos-dark-intelligence-page .main-content,
body.ttos-dark-intelligence-page .content,
body.ttos-dark-intelligence-page .site-content,
body.ttos-dark-intelligence-page footer {
  background: transparent !important;
  color: var(--di-text) !important;
}

/* Neutralise old cream or white panels across the selected page */
body.ttos-dark-intelligence-page .bg-cream,
body.ttos-dark-intelligence-page .cream,
body.ttos-dark-intelligence-page .bg-white,
body.ttos-dark-intelligence-page .white,
body.ttos-dark-intelligence-page [style*="#F4EAD5"],
body.ttos-dark-intelligence-page [style*="#f4ead5"],
body.ttos-dark-intelligence-page [style*="#FCFCFA"],
body.ttos-dark-intelligence-page [style*="#fcfcfa"],
body.ttos-dark-intelligence-page [style*="#fbfaf7"],
body.ttos-dark-intelligence-page [style*="background:#fff"],
body.ttos-dark-intelligence-page [style*="background: #fff"],
body.ttos-dark-intelligence-page [style*="background-color:#fff"],
body.ttos-dark-intelligence-page [style*="background-color: #fff"] {
  background: var(--di-surface) !important;
  background-color: var(--di-surface) !important;
  color: var(--di-text) !important;
}

/* Text */
body.ttos-dark-intelligence-page h1,
body.ttos-dark-intelligence-page h2,
body.ttos-dark-intelligence-page h3,
body.ttos-dark-intelligence-page h4,
body.ttos-dark-intelligence-page h5,
body.ttos-dark-intelligence-page h6 {
  color: var(--di-text) !important;
}

body.ttos-dark-intelligence-page p,
body.ttos-dark-intelligence-page li,
body.ttos-dark-intelligence-page td,
body.ttos-dark-intelligence-page th,
body.ttos-dark-intelligence-page small,
body.ttos-dark-intelligence-page span {
  color: var(--di-muted) !important;
}

body.ttos-dark-intelligence-page h1 {
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(3.1rem,7vw,6.8rem);
  line-height: .94;
  letter-spacing: -.05em;
}

body.ttos-dark-intelligence-page h2 {
  font-family: Georgia, "Times New Roman", serif;
  border-bottom: 1px solid var(--di-line) !important;
  padding-bottom: .65rem;
  margin-top: 4rem;
}

body.ttos-dark-intelligence-page h3 {
  color: var(--di-accent) !important;
  font-family: Consolas, "SFMono-Regular", monospace;
  text-transform: uppercase;
  letter-spacing: .07em;
  font-size: .84rem;
}

body.ttos-dark-intelligence-page a {
  color: var(--di-accent) !important;
  font-weight: 700;
}

/* Cards and boxes */
body.ttos-dark-intelligence-page .card,
body.ttos-dark-intelligence-page .ttos-card,
body.ttos-dark-intelligence-page article,
body.ttos-dark-intelligence-page .feature-card,
body.ttos-dark-intelligence-page .anchor-card,
body.ttos-dark-intelligence-page .project-card,
body.ttos-dark-intelligence-page .telemetry-card,
body.ttos-dark-intelligence-page .agent-box,
body.ttos-dark-intelligence-page .method-box,
body.ttos-dark-intelligence-page .protocol-box {
  background: var(--di-surface) !important;
  color: var(--di-text) !important;
  border: 1px solid var(--di-line) !important;
  border-radius: 18px !important;
  box-shadow: none !important;
}

body.ttos-dark-intelligence-page .card,
body.ttos-dark-intelligence-page .ttos-card,
body.ttos-dark-intelligence-page article,
body.ttos-dark-intelligence-page .feature-card,
body.ttos-dark-intelligence-page .anchor-card,
body.ttos-dark-intelligence-page .project-card {
  padding: 1.35rem !important;
}

body.ttos-dark-intelligence-page .card.feature,
body.ttos-dark-intelligence-page .feature-card,
body.ttos-dark-intelligence-page .telemetry-card,
body.ttos-dark-intelligence-page .agent-box {
  border-top: 3px solid var(--di-accent) !important;
}

/* Boundary / notices: lower boundary must also match */
body.ttos-dark-intelligence-page .notice,
body.ttos-dark-intelligence-page .boundary-box,
body.ttos-dark-intelligence-page .evidence-box,
body.ttos-dark-intelligence-page .callout {
  background: rgba(0,0,0,.18) !important;
  color: var(--di-muted) !important;
  border: 1px solid var(--di-line) !important;
  border-left: 4px solid var(--di-accent) !important;
  border-radius: 14px !important;
  padding: 1.35rem !important;
}

/* Tables */
body.ttos-dark-intelligence-page table {
  background: var(--di-surface) !important;
  color: var(--di-text) !important;
  border: 1px solid var(--di-line) !important;
  border-collapse: collapse;
}

body.ttos-dark-intelligence-page th,
body.ttos-dark-intelligence-page td {
  border-bottom: 1px solid var(--di-line) !important;
  padding: .9rem !important;
}

body.ttos-dark-intelligence-page th {
  color: var(--di-accent) !important;
}

/* Flow/code blocks */
body.ttos-dark-intelligence-page pre,
body.ttos-dark-intelligence-page code,
body.ttos-dark-intelligence-page .flow {
  background: rgba(0,0,0,.20) !important;
  color: var(--di-text) !important;
  border: 1px solid var(--di-line) !important;
  border-radius: 16px !important;
}

/* Navigation and footer */
body.ttos-dark-intelligence-page nav,
body.ttos-dark-intelligence-page .site-header,
body.ttos-dark-intelligence-page .top-nav,
body.ttos-dark-intelligence-page .site-nav {
  background: rgba(23,27,20,0.72) !important;
  border-color: var(--di-line) !important;
}

body.ttos-dark-intelligence-page footer {
  margin-top: 5rem;
  padding-top: 2.5rem;
  padding-bottom: 3rem;
  border-top: 1px solid var(--di-line) !important;
}

/* Responsive behaviour */
body.ttos-dark-intelligence-page .grid,
body.ttos-dark-intelligence-page .telemetry-grid,
body.ttos-dark-intelligence-page .agent-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(min(260px,100%),1fr));
  gap: 1.15rem;
}

@media (max-width: 900px) {
  body.ttos-dark-intelligence-page main,
  body.ttos-dark-intelligence-page .container,
  body.ttos-dark-intelligence-page .page-shell,
  body.ttos-dark-intelligence-page .main-content {
    width: min(100% - 28px, 1120px);
    padding-top: 2.75rem !important;
    padding-bottom: 3.5rem !important;
  }
}

@media (max-width: 560px) {
  body.ttos-dark-intelligence-page main,
  body.ttos-dark-intelligence-page .container,
  body.ttos-dark-intelligence-page .page-shell,
  body.ttos-dark-intelligence-page .main-content {
    width: min(100% - 22px, 1120px);
  }

  body.ttos-dark-intelligence-page h1 {
    font-size: clamp(2.5rem, 13vw, 3.6rem);
  }

  body.ttos-dark-intelligence-page .card,
  body.ttos-dark-intelligence-page .ttos-card,
  body.ttos-dark-intelligence-page article,
  body.ttos-dark-intelligence-page .notice,
  body.ttos-dark-intelligence-page .boundary-box {
    padding: 1.05rem !important;
  }
}