.sf-consent[hidden] { display: none; }
.sf-consent {
  position: fixed;
  right: 20px;
  bottom: 20px;
  left: 20px;
  z-index: 12000;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  max-width: 1100px;
  margin: 0 auto;
  padding: 20px 24px;
  border: 1px solid #d7d9ea;
  border-radius: 16px;
  background: #fcfcff;
  box-shadow: 0 18px 55px rgba(22, 32, 72, .18);
  color: #1c2540;
  font: 400 15px/1.5 Arial, sans-serif;
}
.sf-consent-copy { max-width: 570px; }
.sf-consent-copy strong { font-size: 16px; }
.sf-consent-copy p { margin: 5px 0 0; color: #59647f; }
.sf-consent-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 9px; }
.sf-consent-actions button, .sf-consent-open {
  min-height: 40px;
  padding: 8px 14px;
  border: 1px solid #bfc5dc;
  border-radius: 9px;
  cursor: pointer;
  font: 600 13px Arial, sans-serif;
}
.sf-consent-secondary { background: #fff; color: #303d86; }
.sf-consent-primary { background: #303d86; color: #fff; }
.sf-consent-open {
  position: fixed;
  bottom: 8px;
  left: 8px;
  z-index: 11999;
  min-height: 30px;
  padding: 4px 8px;
  border-color: #d8dcec;
  border-radius: 7px;
  background: #fff;
  color: #354276;
  font-size: 11px;
  opacity: .85;
}
.sf-consent-actions button:focus-visible, .sf-consent-open:focus-visible { outline: 3px solid #8a88cf; outline-offset: 2px; }
@media (max-width: 760px) {
  .sf-consent { display: block; right: 10px; bottom: 10px; left: 10px; padding: 16px; }
  .sf-consent-actions { justify-content: stretch; margin-top: 15px; }
  .sf-consent-actions button { flex: 1 1 130px; }
}