.sika-compact-checker {
  --sika-navy: #0f1c3a;
  --sika-gold: #c3a044;
  --sika-gold-dark: #aa8530;
  --sika-border: #e0e4e9;
  --sika-muted: #68717c;
  width: 100%;
  max-width: 760px;
  margin: 0;
  padding: 12px 0 20px;
  color: var(--sika-navy);
}
.sika-compact-checker, .sika-compact-checker * { box-sizing: border-box; }
.sika-compact-checker__intro { margin-bottom: 18px; }
.sika-compact-checker__heading {
  margin: 0 0 7px !important;
  color: var(--sika-navy) !important;
  font-family: "Playfair Display", Georgia, serif !important;
  font-size: 30px !important;
  font-weight: 700 !important;
  line-height: 1.18 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
.sika-compact-checker__text {
  margin: 0 !important;
  color: var(--sika-muted) !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
}
.sika-compact-checker form.sika-compact-checker__form {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  gap: 14px !important;
  column-gap: 14px !important;
  row-gap: 14px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
.sika-compact-checker .sika-compact-checker__input {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  height: 50px !important;
  min-height: 50px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  border: 1px solid var(--sika-border) !important;
  border-radius: 7px !important;
  background: #fff !important;
  color: var(--sika-navy) !important;
  box-shadow: none !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 15px !important;
  line-height: 50px !important;
  outline: none !important;
}
.sika-compact-checker .sika-compact-checker__input::placeholder { color: #9299a3; opacity: 1; }
.sika-compact-checker .sika-compact-checker__input:focus {
  border-color: var(--sika-gold) !important;
  box-shadow: 0 0 0 3px rgba(195,160,68,.14) !important;
}
.sika-compact-checker .sika-compact-checker__button {
  flex: 0 0 180px !important;
  width: 180px !important;
  height: 50px !important;
  min-height: 50px !important;
  margin: 0 !important;
  padding: 0 20px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  border-radius: 7px !important;
  background: var(--sika-gold) !important;
  color: #fff !important;
  box-shadow: none !important;
  cursor: pointer !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-transform: none !important;
}
.sika-compact-checker .sika-compact-checker__button:hover,
.sika-compact-checker .sika-compact-checker__button:focus { background: var(--sika-gold-dark) !important; color: #fff !important; }
.sika-compact-checker__button:disabled { cursor: wait !important; opacity: .82; }
.sika-compact-checker__spinner { display:none; width:15px; height:15px; margin-left:8px; border:2px solid rgba(255,255,255,.45); border-top-color:#fff; border-radius:50%; animation:sika-compact-spin .7s linear infinite; }
.sika-compact-checker__button.is-loading .sika-compact-checker__spinner { display:inline-block; }
.sika-compact-checker__result { margin-top: 18px; }
.sika-compact-message { padding:12px 14px; border:1px solid #eadfbf; border-radius:7px; background:#fffaf0; color:var(--sika-navy); font-family:Arial,Helvetica,sans-serif; font-size:14px; font-weight:600; line-height:1.45; }
.sika-compact-message--error { border-color:#efc9c5; background:#fff4f3; color:#9e2e27; }
.sika-compact-result-card { overflow:hidden; padding:24px; border:1px solid #e7e1d5; border-radius:12px; background:#fff; box-shadow:0 10px 28px rgba(15,28,58,.07); animation:sika-compact-reveal .3s ease both; }
.sika-compact-result-card--status-only { display:flex; flex-direction:column; align-items:center; padding:28px 24px 22px; text-align:center; }
.sika-compact-result-card__eyebrow { margin:0 0 13px; color:var(--sika-muted); font-family:Arial,Helvetica,sans-serif; font-size:11px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.sika-compact-result-card__message { max-width:480px; margin:15px 0 13px; color:var(--sika-navy); font-family:Arial,Helvetica,sans-serif; font-size:16px; font-weight:600; line-height:1.5; }
.sika-compact-result-card__serial { padding:8px 12px; border:1px solid #dfc785; border-radius:999px; background:#fffaf0; color:var(--sika-navy); font-family:Arial,Helvetica,sans-serif; font-size:13px; white-space:nowrap; }
.sika-compact-status { display:inline-flex; gap:7px; align-items:center; padding:7px 11px; border-radius:999px; font-family:Arial,Helvetica,sans-serif; font-size:12px; font-weight:800; letter-spacing:.02em; }
.sika-compact-status--large { padding:9px 15px; font-size:13px; letter-spacing:.04em; }
.sika-compact-status::before { display:grid; width:17px; height:17px; place-items:center; border-radius:50%; color:#fff; font-size:11px; line-height:1; }
.sika-compact-status--compliant { background:#e0f3e5; color:#176536; }
.sika-compact-status--compliant::before { content:"✓"; background:#248444; }
.sika-compact-status--non-compliant { background:#fde7e4; color:#a42d25; }
.sika-compact-status--non-compliant::before { content:"!"; background:#c43c33; }
.sika-compact-result-card__footer { width:100%; margin-top:20px; padding-top:15px; border-top:1px solid #eee7da; color:#777f89; font-family:Arial,Helvetica,sans-serif; font-size:11px; line-height:1.5; }
@keyframes sika-compact-spin { to { transform:rotate(360deg); } }
@keyframes sika-compact-reveal { from { opacity:0; transform:translateY(5px); } to { opacity:1; transform:translateY(0); } }
@media (max-width: 640px) {
  .sika-compact-checker { max-width:100%; padding:8px 0 16px; }
  .sika-compact-checker__heading { font-size:26px !important; }
  .sika-compact-checker form.sika-compact-checker__form { flex-direction:column !important; gap:10px !important; }
  .sika-compact-checker .sika-compact-checker__button { flex:0 0 50px !important; width:100% !important; }
  .sika-compact-result-card--status-only { padding:23px 18px 19px; }
  .sika-compact-result-card__message { font-size:15px; }
}