/* =============================================================================
   Экранная обёртка страниц сертификата в палитре ETC Design System.
   Сам бланк (.certp-*) не трогаем: это печатный документ со своей типографикой.
   ============================================================================= */
@import url("etc-fonts.css");

body.etcert-page {
  background: rgb(246 249 247) !important;
  background-image: none !important;
  color: rgb(16 24 21) !important;
  font-family: "ETC Inter", system-ui, sans-serif !important;
}
body.etcert-page .etcert-brand-name,
body.etcert-page .etcert-title,
body.etcert-page h1 {
  color: rgb(16 24 21) !important;
  font-family: "ETC Onest", "ETC Inter", system-ui, sans-serif !important;
  letter-spacing: -.025em !important;
  text-shadow: none !important;
}
body.etcert-page .etcert-brand-sub,
body.etcert-page .etcert-lead,
body.etcert-page p { color: rgb(70 82 77) !important; }
body.etcert-page .etcert-back { color: rgb(14 122 84) !important; }

body.etcert-page .etcert-card {
  background: #fff !important;
  background-image: none !important;
  border: 1px solid rgb(221 229 225) !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 6px -1px rgb(16 42 32 / .10), 0 2px 4px -2px rgb(16 42 32 / .10) !important;
  color: rgb(16 24 21) !important;
}
body.etcert-page .etcert-card h2 {
  color: rgb(89 105 98) !important;
  font-family: "ETC Mono", ui-monospace, monospace !important;
  letter-spacing: .12em !important;
}
body.etcert-page .etcert-input {
  background: #fff !important;
  border: 1px solid rgb(186 200 193) !important;
  border-radius: 10px !important;
  color: rgb(16 24 21) !important;
  font-family: "ETC Mono", ui-monospace, monospace !important;
}
body.etcert-page .etcert-input:focus {
  border-color: rgb(14 122 84) !important;
  box-shadow: 0 0 0 3px rgb(14 122 84 / .16) !important;
}
body.etcert-page .etcert-btn {
  background: rgb(14 122 84) !important;
  background-image: none !important;
  border: 1px solid rgb(14 122 84) !important;
  border-radius: 10px !important;
  color: #fff !important;
  font-family: "ETC Inter", system-ui, sans-serif !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}
body.etcert-page .etcert-btn:hover { background: rgb(10 104 72) !important; filter: none !important; }
body.etcert-page .etcert-btn-ghost {
  background: #fff !important;
  border: 1px solid rgb(199 212 205) !important;
  color: rgb(47 60 54) !important;
}
body.etcert-page .etcert-btn-ghost:hover { border-color: rgb(14 122 84) !important; color: rgb(14 122 84) !important; }
body.etcert-page .etcert-note,
body.etcert-page .etcert-hint {
  background: rgb(241 245 243) !important;
  border: 1px solid rgb(234 239 236) !important;
  border-radius: 10px !important;
  color: rgb(70 82 77) !important;
}
body.etcert-page .etcert-badge-ok {
  background: rgb(231 246 239) !important;
  border: 1px solid rgb(201 221 211) !important;
  color: rgb(14 122 84) !important;
}
body.etcert-page .etcert-facts,
body.etcert-page .etcert-facts * { color: rgb(47 60 54) !important; }