/* JSON Formatter V56 – public visual only; scope strictly to this tool. */

/* Exactly one white input card; generated form wrapper is transparent. */
html.ein-public-v35 body[data-ein-tool="json-formatter"] section.console {
  box-sizing:border-box !important;
  width:100% !important;
  margin:14px 0 16px !important;
  padding:17px 18px 15px !important;
  background:#ffffff !important;
  background-image:none !important;
  border:1px solid #dce5e0 !important;
  border-radius:18px !important;
  box-shadow:none !important;
  overflow:hidden !important;
}
html.ein-public-v35 body[data-ein-tool="json-formatter"] section.console::before,
html.ein-public-v35 body[data-ein-tool="json-formatter"] section.console::after,
html.ein-public-v35 body[data-ein-tool="json-formatter"] section.console #form::before,
html.ein-public-v35 body[data-ein-tool="json-formatter"] section.console #form::after {
  content:none !important;
  display:none !important;
}
html.ein-public-v35 body[data-ein-tool="json-formatter"] section.console #form {
  box-sizing:border-box !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  background-image:none !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
html.ein-public-v35 body[data-ein-tool="json-formatter"] section.console #utilityFields,
html.ein-public-v35 body[data-ein-tool="json-formatter"] section.console .utility-fields,
html.ein-public-v35 body[data-ein-tool="json-formatter"] section.console .utility-field {
  width:100% !important;
  min-width:0 !important;
  background:transparent !important;
  background-image:none !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
html.ein-public-v35 body[data-ein-tool="json-formatter"] .utility-field label {
  margin:0 0 8px !important;
  color:#4f6e5e !important;
  -webkit-text-fill-color:#4f6e5e !important;
  font-family:inherit !important;
  font-size:14px !important;
  font-weight:650 !important;
  letter-spacing:0 !important;
}
html.ein-public-v35 body[data-ein-tool="json-formatter"] #utilityFields textarea {
  box-sizing:border-box !important;
  width:100% !important;
  min-height:140px !important;
  padding:15px 16px !important;
  background:#fff !important;
  background-image:none !important;
  border:1px solid #d4e1d9 !important;
  border-radius:13px !important;
  box-shadow:none !important;
  color:#23382d !important;
  -webkit-text-fill-color:#23382d !important;
  font-family:ui-monospace,SFMono-Regular,Consolas,monospace !important;
  font-size:15px !important;
  line-height:1.6 !important;
  resize:vertical !important;
}
html.ein-public-v35 body[data-ein-tool="json-formatter"] .utility-actions {
  margin-top:13px !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
html.ein-public-v35 body[data-ein-tool="json-formatter"] #run {
  box-sizing:border-box !important;
  min-height:52px !important;
  padding:0 22px !important;
  background:#267248 !important;
  border:1px solid #267248 !important;
  border-radius:13px !important;
  box-shadow:none !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:16px !important;
  font-weight:700 !important;
}
html.ein-public-v35 body[data-ein-tool="json-formatter"] #message {
  display:block !important;
  margin:8px 0 0 !important;
  padding:0 !important;
  min-height:0 !important;
  height:auto !important;
  background:transparent !important;
  background-image:none !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  color:#73897c !important;
  -webkit-text-fill-color:#73897c !important;
  font-size:11px !important;
}

/* Four metrics: eliminate green parent slab without altering data. */
html.ein-public-v35 body[data-ein-tool="json-formatter"] #metrics {
  box-sizing:border-box !important;
  width:100% !important;
  margin:12px 0 16px !important;
  padding:0 !important;
  background:transparent !important;
  background-image:none !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  gap:12px !important;
}
html.ein-public-v35 body[data-ein-tool="json-formatter"] #metrics::before,
html.ein-public-v35 body[data-ein-tool="json-formatter"] #metrics::after {
  content:none !important;
  display:none !important;
}
html.ein-public-v35 body[data-ein-tool="json-formatter"] #metrics > .metric {
  box-sizing:border-box !important;
  min-width:0 !important;
  padding:15px 17px !important;
  background:#fff !important;
  background-image:none !important;
  border:1px solid #dce5e0 !important;
  border-radius:15px !important;
  box-shadow:none !important;
}
html.ein-public-v35 body[data-ein-tool="json-formatter"] #metrics .metric-label,
html.ein-public-v35 body[data-ein-tool="json-formatter"] #metrics .metric-value {
  background:transparent !important;
  background-image:none !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  font-size:15px !important;
  line-height:1.5 !important;
}

/* Generated JSON structure: header and data separate, no pale green outer backplate. */
html.ein-public-v35 body[data-ein-tool="json-formatter"] .ein-sem55[data-unit="58"] {
  box-sizing:border-box !important;
  width:100% !important;
  margin:16px 0 20px !important;
  padding:0 !important;
  background:transparent !important;
  background-image:none !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
  color:#264333 !important;
  font-family:inherit !important;
}
html.ein-public-v35 body[data-ein-tool="json-formatter"] .ein-sem55[data-unit="58"] .ein-sem55-head {
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  margin:0 0 13px !important;
  padding:14px 17px !important;
  background:#f5f9f6 !important;
  background-image:none !important;
  border:1px solid #dce5e0 !important;
  border-radius:15px !important;
  box-shadow:none !important;
  color:#24583e !important;
}
html.ein-public-v35 body[data-ein-tool="json-formatter"] .ein-sem55[data-unit="58"] .ein-sem55-title {
  color:#24583e !important;
  -webkit-text-fill-color:#24583e !important;
  font-family:inherit !important;
  font-size:18px !important;
  font-weight:750 !important;
  letter-spacing:0 !important;
}
html.ein-public-v35 body[data-ein-tool="json-formatter"] .ein-sem55[data-unit="58"] .ein-sem55-state,
html.ein-public-v35 body[data-ein-tool="json-formatter"] .ein-sem55[data-unit="58"] .ein-sem55-k {
  color:#688575 !important;
  -webkit-text-fill-color:#688575 !important;
  font-size:11px !important;
}
html.ein-public-v35 body[data-ein-tool="json-formatter"] .ein-sem55[data-unit="58"] .ein-sem55-body {
  width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  background-image:none !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
html.ein-public-v35 body[data-ein-tool="json-formatter"] .ein-sem55[data-unit="58"] .ein-sem55-json {
  display:grid !important;
  grid-template-columns:minmax(180px,.35fr) minmax(0,1fr) !important;
  gap:14px !important;
  width:100% !important;
  min-width:0 !important;
}
html.ein-public-v35 body[data-ein-tool="json-formatter"] .ein-sem55[data-unit="58"] .ein-sem55-json > div:first-child {
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:12px !important;
  min-width:0 !important;
}
html.ein-public-v35 body[data-ein-tool="json-formatter"] .ein-sem55[data-unit="58"] .ein-sem55-stat,
html.ein-public-v35 body[data-ein-tool="json-formatter"] .ein-sem55[data-unit="58"] .ein-sem55-preview,
html.ein-public-v35 body[data-ein-tool="json-formatter"] .ein-sem55[data-unit="58"] .ein-sem55-idle {
  box-sizing:border-box !important;
  min-width:0 !important;
  padding:16px 18px !important;
  background:#fff !important;
  background-image:none !important;
  border:1px solid #dce5e0 !important;
  border-radius:16px !important;
  box-shadow:none !important;
  color:#345744 !important;
}
html.ein-public-v35 body[data-ein-tool="json-formatter"] .ein-sem55[data-unit="58"] .ein-sem55-stat b {
  display:block !important;
  margin:0 0 5px !important;
  color:#5b7967 !important;
  -webkit-text-fill-color:#5b7967 !important;
  font-size:13px !important;
}
html.ein-public-v35 body[data-ein-tool="json-formatter"] .ein-sem55[data-unit="58"] .ein-sem55-stat strong {
  display:block !important;
  margin-top:3px !important;
  color:#277046 !important;
  -webkit-text-fill-color:#277046 !important;
  font-size:27px !important;
}
html.ein-public-v35 body[data-ein-tool="json-formatter"] .ein-sem55[data-unit="58"] .ein-sem55-preview pre {
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  background-image:none !important;
  border:0 !important;
  box-shadow:none !important;
  color:#254337 !important;
  -webkit-text-fill-color:#254337 !important;
  font-family:ui-monospace,SFMono-Regular,Consolas,monospace !important;
  font-size:15px !important;
  line-height:1.65 !important;
  white-space:pre-wrap !important;
  overflow-wrap:anywhere !important;
}

/* Formatted result: one complete rounded card, readable textarea. */
html.ein-public-v35 body[data-ein-tool="json-formatter"] #panel {
  box-sizing:border-box !important;
  width:100% !important;
  max-width:100% !important;
  margin-top:20px !important;
  padding:0 !important;
  background:#fff !important;
  background-image:none !important;
  border:1px solid #d8e4dc !important;
  border-radius:18px !important;
  box-shadow:none !important;
  overflow:hidden !important;
}
html.ein-public-v35 body[data-ein-tool="json-formatter"] #panel > .panel-head {
  box-sizing:border-box !important;
  width:100% !important;
  margin:0 !important;
  padding:15px 18px !important;
  background:#f4f8f5 !important;
  background-image:none !important;
  border:0 !important;
  border-bottom:1px solid #dce5e0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  color:#24583e !important;
  -webkit-text-fill-color:#24583e !important;
  font-size:18px !important;
  font-weight:750 !important;
  line-height:1.4 !important;
}
html.ein-public-v35 body[data-ein-tool="json-formatter"] #panel .ein-v9-detail-heading,
html.ein-public-v35 body[data-ein-tool="json-formatter"] #panel .panel-head span {
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  color:#24583e !important;
  -webkit-text-fill-color:#24583e !important;
  font-size:18px !important;
  font-weight:750 !important;
}
html.ein-public-v35 body[data-ein-tool="json-formatter"] #panel #content {
  box-sizing:border-box !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  padding:15px !important;
  background:#fff !important;
  border:0 !important;
  box-shadow:none !important;
}
html.ein-public-v35 body[data-ein-tool="json-formatter"] #panel textarea.utility-output {
  box-sizing:border-box !important;
  width:100% !important;
  min-height:220px !important;
  padding:15px 16px !important;
  background:#fbfdfb !important;
  border:1px solid #dce5e0 !important;
  border-radius:13px !important;
  box-shadow:none !important;
  color:#254337 !important;
  -webkit-text-fill-color:#254337 !important;
  font-family:ui-monospace,SFMono-Regular,Consolas,monospace !important;
  font-size:15px !important;
  line-height:1.65 !important;
  resize:vertical !important;
}
/* Local-only processing note: quieter typography, no slab. */
html.ein-public-v35 body[data-ein-tool="json-formatter"] main .note {
  margin:14px 0 0 !important;
  padding:8px 4px !important;
  background:transparent !important;
  background-image:none !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  color:#657f6d !important;
  -webkit-text-fill-color:#657f6d !important;
  font-size:13px !important;
}
@media(max-width:700px){
  html.ein-public-v35 body[data-ein-tool="json-formatter"] .ein-sem55[data-unit="58"] .ein-sem55-json {
    grid-template-columns:minmax(0,1fr) !important;
  }
  html.ein-public-v35 body[data-ein-tool="json-formatter"] .ein-sem55[data-unit="58"] .ein-sem55-json > div:first-child {
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:8px !important;
  }
  html.ein-public-v35 body[data-ein-tool="json-formatter"] .ein-sem55[data-unit="58"] .ein-sem55-stat {
    padding:10px !important;
  }
  html.ein-public-v35 body[data-ein-tool="json-formatter"] .ein-sem55[data-unit="58"] .ein-sem55-stat strong {
    font-size:23px !important;
  }
}
@media(max-width:460px){
  html.ein-public-v35 body[data-ein-tool="json-formatter"] #run {width:100% !important;}
  html.ein-public-v35 body[data-ein-tool="json-formatter"] .ein-sem55[data-unit="58"] .ein-sem55-json > div:first-child {
    grid-template-columns:1fr !important;
  }
}