.consent-panel[hidden], .consent-panel [hidden] { display: none; }
.consent-panel { position: fixed; z-index: 1000; right: 20px; bottom: 20px; width: min(560px, calc(100% - 40px)); max-height: calc(100dvh - 40px); overflow-y: auto; padding: 24px; border: 1px solid #64725e; border-radius: 8px; background: #171d25; color: #f1f3ed; box-shadow: 0 8px 40px #0008; }
.consent-panel h2 { margin: 0 0 12px; font-size: 22px; letter-spacing: -.4px; }
.consent-panel p { margin: 10px 0; font-size: 13px; line-height: 1.65; color: #d0d7dc; }
.consent-panel a { color: #c1f18b; text-decoration: underline; text-underline-offset: 3px; }
.consent-panel .consent-status { color: #f1f3ed; font-weight: 600; }
.consent-panel .consent-reload { border-left: 2px solid #c1f18b; padding-left: 12px; }
.consent-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.consent-actions button { flex: 1 1 160px; min-height: 44px; padding: 10px 14px; border: 1px solid #a2acb4; border-radius: 4px; background: #253027; color: #f1f3ed; font: 600 13px var(--body, sans-serif); cursor: pointer; }
.consent-actions button:hover { background: #354535; }
.consent-actions [data-consent="close"] { flex: 1 0 100%; background: transparent; border-color: #52606a; }
.privacy-settings { border: 0; padding: 0; background: transparent; color: inherit; font: inherit; cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }
.consent-actions button:focus-visible, .privacy-settings:focus-visible { outline: 2px solid #c1f18b; outline-offset: 4px; }
@media (max-width: 600px) { .consent-panel { right: 12px; bottom: 12px; width: calc(100% - 24px); max-height: calc(100dvh - 24px); padding: 18px; } }