/* SCC Verifier - Frontend styles (v1.4) */
.sccv-wrap { padding: 8px 0; }
.sccv-label {
  display: block;
  font-weight: 800;
  font-size: 32px;
  letter-spacing: .5px;
  color: #ffffff;
  margin-bottom: 16px;
}
.sccv-form {
  display: flex;
  gap: 24px;
  align-items: center;
  flex-wrap: wrap;
}
.sccv-input {
  flex: 1 1 640px;
  min-width: 300px;
  padding: 20px 28px;
  border-radius: 999px;
  border: none;
  outline: none;
  font-size: 20px;
  background: #fff;
  box-shadow: inset 0 1px 2px rgba(0,0,0,.18);
}
.sccv-input::placeholder { color: #95a3b5; opacity: 1; }
.sccv-input:focus { box-shadow: 0 0 0 3px rgba(59,130,246,.25), inset 0 1px 2px rgba(0,0,0,.18); }
.sccv-button {
  padding: 16px 36px;
  border-radius: 50px;
  border: none;
  cursor: pointer;
  font-size: 20px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  background: linear-gradient(85deg, #3CB6E9 3.3%, #82D2F4 93.94%);
  color: #ffffff;
  transition: transform .05s ease-in-out, box-shadow .15s ease;
  box-shadow: 0 6px 20px rgba(0,0,0,.18);
}
.sccv-icon-circle {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  border-radius:999px;
  background: rgba(255,255,255,.95);
  color: #2f71c6;
}
.sccv-button:hover { transform: translateY(-1px); box-shadow: 0 10px 26px rgba(0,0,0,.25); }
.sccv-button:active { transform: translateY(0); }
.sccv-button:disabled { opacity: .6; cursor: not-allowed; }
.sccv-result {
  margin-top: 18px;
  background: #ffffff;
  border-radius: 14px;
  padding: 16px 18px;
  color: #1b1b1b;
  display:none;
}
.sccv-result.show { display:block; }
.sccv-result .sccv-row { margin: 6px 0; }
.sccv-status { display:inline-block; padding:4px 10px; border-radius:20px; font-weight:700; }
.sccv-status.valid { background:#e4f7e9; color:#1e7a34; }
.sccv-status.revoked { background:#ffe9e9; color:#9d1b1b; }
.sccv-status.expired { background:#fff4d9; color:#8a5a00; }


/* SCC Verifier - Frontend styles (v1.5 stronger specificity) */
.sccv-wrap .sccv-form .sccv-button,
.sccv-wrap .sccv-form button#sccv-submit.sccv-button {
  padding: 16px 36px;
  border-radius: 50px !important;
  border: none !important;
  outline: none !important;
  background: linear-gradient(85deg, #3CB6E9 3.3%, #82D2F4 93.94%) !important;
  color: #ffffff !important;
  box-shadow: 0 6px 20px rgba(0,0,0,.18) !important;
}
.sccv-wrap .sccv-form .sccv-button * { color: #2f71c6; }
.sccv-wrap .sccv-form .sccv-button .sccv-icon-circle {
  background: rgba(255,255,255,.95) !important;
  color: #2f71c6 !important;
}
.sccv-wrap .sccv-form .sccv-button:hover { box-shadow: 0 10px 26px rgba(0,0,0,.25) !important; transform: translateY(-1px); }
.sccv-wrap .sccv-form .sccv-button:active { transform: translateY(0); }
.sccv-wrap .sccv-form .sccv-button:focus { outline: none !important; }
.sccv-wrap .sccv-form .sccv-button,
.sccv-wrap .sccv-form .sccv-button span,
.sccv-wrap .sccv-form .sccv-button svg { border: none !important; }

/* Ensure text color inside button stays white (overrides aggressive theme rules) */
.sccv-wrap .sccv-form .sccv-button { color: #ffffff !important; }
.sccv-wrap .sccv-form .sccv-button .sccv-label-text { color: #ffffff !important; }

/* Remove potential theme border via box-shadow */
.sccv-wrap .sccv-form .sccv-button { box-shadow: 0 6px 20px rgba(0,0,0,.18) !important; }



/* SCC Verifier v1.6 tweak: input radius 20px */
.sccv-input {
  border-radius: 20px !important;
}