/* =========================================================
   Lucee 6 cfdump restyle — in-browser (light mode only)
   ========================================================= */

.-lucee-dump {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif !important;
  color: #0f172a !important;
}

.-lucee-dump > table {
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border: 1px solid #e5e7eb !important;
  background: #ffffff !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  margin: 10px 0 !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  width: 100% !important;
  max-width: 960px !important;
}

/* ---- Scope header (any luceeH level with colspan) ---- */
.-lucee-dump td[class*="luceeH"][colspan] {
  background: #334155 !important;
  color: #f8fafc !important;
  font-weight: 500 !important;
  padding: 10px 14px !important;
  border: none !important;
  text-align: left !important;
  cursor: default !important;
}
.-lucee-dump td[class*="luceeH"][colspan] span {
  font-weight: 500 !important;
  color: #f8fafc !important;
  font-size: 14px !important;
}

/* ---- Key cell (any luceeH level without colspan) ---- */
.-lucee-dump td[class*="luceeH"]:not([colspan]) {
  background: #f8fafc !important;
  color: #475569 !important;
  font-weight: 500 !important;
  padding: 8px 12px !important;
  border: none !important;
  border-top: 1px solid #e5e7eb !important;
  border-right: 1px solid #e5e7eb !important;
  vertical-align: top !important;
  width: 1% !important;
  white-space: nowrap !important;
  text-align: left !important;
}

/* ---- Data cell (any luceeN level) ---- */
.-lucee-dump td[class*="luceeN"] {
  background: #ffffff !important;
  color: #0f172a !important;
  padding: 6px 12px !important;
  border: none !important;
  border-top: 1px solid #e5e7eb !important;
  vertical-align: top !important;
  text-align: left !important;
}

/* ---- Nested tables: invisible containers ---- */
.-lucee-dump td[class*="luceeN"] > table {
  border: none !important;
  border-collapse: collapse !important;
  background: transparent !important;
  width: 100% !important;
  margin: 0 !important;
}
.-lucee-dump td[class*="luceeN"] > table td {
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  vertical-align: top !important;
}

/* ---- Type pill: luceeH cell in a terminal row ---- */
.-lucee-dump tr:not(:has(> td[class*="luceeN"] > table)) > td[class*="luceeH"]:not([colspan]) {
  background: linear-gradient(to bottom, #e0e7ff 0, #e0e7ff 22px, transparent 22px) !important;
  color: #4338ca !important;
  font-family: -apple-system, system-ui, sans-serif !important;
  font-size: 9.5px !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  padding: 2px 7px !important;
  border: none !important;
  border-radius: 10px !important;
  width: 1% !important;
  white-space: nowrap !important;
  vertical-align: top !important;
  line-height: 1.7 !important;
}

/* ---- Terminal value cell (next to a pill) ---- */
.-lucee-dump tr:not(:has(> td[class*="luceeN"] > table)) > td[class*="luceeN"] {
  background: transparent !important;
  color: #0f172a !important;
  padding: 0 0 0 14px !important;
  border: none !important;
  font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace !important;
  font-size: 12.5px !important;
  word-break: break-word !important;
  white-space: pre-wrap !important;
  vertical-align: top !important;
  line-height: 1.5 !important;
  tab-size: 2 !important;
  -moz-tab-size: 2 !important;
}

/* ---- Neutralize Lucee's default bold spans ---- */
.-lucee-dump td span { font-weight: inherit !important; }