.da-consent-panel {
  position: fixed;
  z-index: 2147483000;
  inset: auto 18px 18px auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(255px, 310px);
  align-items: center;
  gap: 14px;
  width: min(760px, calc(100vw - 36px));
  box-sizing: border-box;
  padding: 13px 15px;
  color: #edf4f1;
  background: rgba(13, 17, 22, .9);
  border: 1px solid rgba(138, 255, 208, .34);
  border-radius: 16px;
  box-shadow: 0 16px 54px rgba(0, 0, 0, .46), inset 0 1px rgba(255, 255, 255, .06);
  -webkit-backdrop-filter: saturate(145%) blur(22px);
  backdrop-filter: saturate(145%) blur(22px);
  font-family: inherit;
}

.da-consent-panel[hidden] { display: none; }
.da-consent-copy h2 { margin: 0 0 4px; color: #8affd0; font-size: 12px; letter-spacing: .03em; }
.da-consent-copy p { max-width: 650px; margin: 0; color: #d0d8d5; font-size: 10.5px; line-height: 1.45; }
.da-consent-policy { display: inline-block; margin-top: 5px; color: #8affd0; font-size: 10.5px; text-underline-offset: 3px; }
.da-consent-policy:focus-visible,.da-consent-options input:focus-visible { outline: 2px solid #edf4f1; outline-offset: 3px; }
.da-consent-options { display: grid; gap: 3px; margin: 7px 0 0; padding: 0; border: 0; }
.da-consent-options legend { margin-bottom: 3px; color: #a6b2af; font: 500 9px/1.3 'DM Mono', monospace; letter-spacing: .12em; text-transform: uppercase; }
.da-consent-options label { display: flex; min-height: 26px; align-items: center; gap: 8px; color: #e3e9e6; font-size: 10.5px; line-height: 1.35; cursor: pointer; }
.da-consent-options input { flex: 0 0 24px; width: 24px; height: 24px; margin: 0; accent-color: #8affd0; }
.da-consent-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.da-consent-actions button {
  min-height: 42px;
  padding: 9px 12px;
  border: 1px solid rgba(138, 255, 208, .75);
  border-radius: 9px;
  color: #edf4f1;
  background: transparent;
  font-family: inherit;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.3;
  cursor: pointer;
}
.da-consent-actions button:hover { color: #08100d; background: rgba(138, 255, 208, .78); }
.da-consent-actions [data-choice="all"] { color: #08100d; background: #8affd0; border-color: #8affd0; font-weight: 700; }
.da-consent-actions [data-choice="all"]:hover { background: #b1ffe1; }
.da-consent-actions [data-choice="grant"] { grid-column: 1 / -1; min-height: 38px; color: #d0d8d5; border-color: rgba(190, 225, 216, .34); font-size: 10px; }
.da-consent-actions [data-choice="grant"]:hover { color: #08100d; background: #8affd0; }
.da-consent-actions button:disabled { cursor: not-allowed; opacity: .55; }
.da-consent-actions button:focus-visible,
.da-consent-preferences:focus-visible { outline: 2px solid #edf4f1; outline-offset: 3px; }
.da-consent-preferences { color: inherit; text-decoration: underline; text-decoration-color: rgba(138,255,208,.55); text-underline-offset: 3px; cursor: pointer; }
.da-consent-preferences:hover { color: #8affd0; }

@media (max-width: 760px) {
  .da-consent-panel { inset: auto 12px 12px; grid-template-columns: 1fr; gap: 9px; padding: 12px; width: auto; max-height: min(82vh, 620px); overflow-y: auto; }
  .da-consent-actions { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 380px) {
  .da-consent-panel { inset-inline: 8px; padding: 10px; }
  .da-consent-actions { grid-template-columns: 1fr 1fr; }
  .da-consent-actions button { padding-inline: 8px; font-size: 10px; }
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .da-consent-panel { background: rgba(13, 17, 22, .98); }
}

@media (prefers-reduced-transparency: reduce) {
  .da-consent-panel { background: rgba(13, 17, 22, .98); -webkit-backdrop-filter: none; backdrop-filter: none; }
}