/* A compact, non-blocking choice; both outcomes remain easy to use. */
.mdm-privacy, .mdm-privacy-manage { font: 14px/1.5 system-ui, sans-serif; color: var(--mdm-privacy-text, #183d36); box-sizing: border-box; }
.mdm-privacy { position: fixed; z-index: 99998; left: 24px; bottom: 24px; width: min(420px, calc(100vw - 48px)); padding: 22px; background: var(--mdm-privacy-background, #fdfffd); border: 1px solid var(--mdm-privacy-border, #d5e2dc); border-radius: 18px; box-shadow: 0 8px 30px #163c3420; }
.mdm-privacy[hidden], .mdm-privacy-manage[hidden], .mdm-privacy-details[hidden] { display: none !important; }
.mdm-privacy p { margin: 0 0 12px; }
.mdm-privacy .mdm-privacy-title { font-size: 16px; font-weight: 600; margin-bottom: 6px; }
.mdm-privacy .mdm-privacy-copy { color: var(--mdm-privacy-muted, #415c54); }
.mdm-privacy-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.mdm-privacy button, .mdm-privacy-manage { min-height: 42px; padding: 9px 15px; border: 1px solid var(--mdm-privacy-button-border, #315e50); border-radius: 9px; font: inherit; font-weight: 500; cursor: pointer; line-height: 1.3; }
.mdm-privacy .mdm-privacy-accept { background: var(--mdm-privacy-primary, #244d40); color: var(--mdm-privacy-primary-text, #fff); flex: 1; }
.mdm-privacy .mdm-privacy-reject { background: var(--mdm-privacy-button-background, #fff); color: var(--mdm-privacy-primary, #244d40); flex: 1; }
.mdm-privacy .mdm-privacy-preferences { background: transparent; color: var(--mdm-privacy-primary, #244d40); border-color: transparent; padding-inline: 5px; text-decoration: underline; text-underline-offset: 3px; }
.mdm-privacy .mdm-privacy-accept:hover, .mdm-privacy .mdm-privacy-accept:focus { background: var(--mdm-privacy-primary-hover, #1c3f34); color: var(--mdm-privacy-primary-hover-text, #fff); }
.mdm-privacy .mdm-privacy-reject:hover, .mdm-privacy .mdm-privacy-reject:focus, .mdm-privacy .mdm-privacy-save:hover, .mdm-privacy .mdm-privacy-save:focus { background: var(--mdm-privacy-button-hover, #edf4ef); color: var(--mdm-privacy-primary, #244d40); }
.mdm-privacy .mdm-privacy-preferences:hover, .mdm-privacy .mdm-privacy-preferences:focus { background: transparent; color: var(--mdm-privacy-primary, #244d40); }
.mdm-privacy-manage:hover, .mdm-privacy-manage:focus { background: var(--mdm-privacy-button-hover, #edf4ef); color: var(--mdm-privacy-primary, #244d40); }
.mdm-privacy-details { margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--mdm-privacy-border, #d5e2dc); max-height: 40vh; overflow: auto; }
.mdm-privacy-details p { font-size: 12px; color: var(--mdm-privacy-muted, #415c54); }
.mdm-privacy-details label { display: flex; gap: 10px; align-items: center; margin-bottom: 12px; cursor: pointer; }
.mdm-privacy-details input { width: 18px; height: 18px; accent-color: var(--mdm-privacy-primary, #244d40); margin: 0; }
.mdm-privacy .mdm-privacy-save { background: var(--mdm-privacy-button-background, #fff); color: var(--mdm-privacy-primary, #244d40); width: 100%; }
.mdm-privacy-manage { position: fixed; z-index: 99997; left: 16px; bottom: 16px; background: var(--mdm-privacy-background, #fdfffd); border-color: var(--mdm-privacy-border, #d5e2dc); font-size: 12px; min-height: 36px; box-shadow: 0 2px 10px #163c3410; }
.mdm-privacy button:focus-visible, .mdm-privacy input:focus-visible, .mdm-privacy-manage:focus-visible { outline: 3px solid var(--mdm-privacy-focus, #478770); outline-offset: 3px; }
/* Standalone internal-only installations retain their existing controls. */
.mdm-internal-consent { margin: 16px; padding: 16px; border: 1px solid var(--mdm-privacy-border, #d5e2dc); border-radius: 12px; background: var(--mdm-privacy-button-background, #fff); color: var(--mdm-privacy-text, #183d36); font: 14px/1.5 system-ui, sans-serif; }
.mdm-internal-consent p { margin: 0 0 12px; }
.mdm-internal-consent button { margin: 4px 8px 4px 0; padding: 8px 14px; border: 1px solid var(--mdm-privacy-button-border, #315e50); border-radius: 8px; background: var(--mdm-privacy-button-background, #fff); color: var(--mdm-privacy-text, #183d36); cursor: pointer; font: inherit; }
@media (max-width: 600px) { .mdm-privacy { left: 12px; bottom: 12px; width: calc(100vw - 24px); padding: 18px; border-radius: 14px; } }
/* The preference entry stays in normal document flow, below the site. */
.mdm-privacy-footer { clear: both; width: 100%; text-align: center; padding: 10px 16px; box-sizing: border-box; }
button.mdm-privacy-manage.mdm-privacy-footer-link { position: static; width: auto; min-height: 32px; margin: 0; padding: 6px 10px; border: 0; border-radius: 4px; background: transparent; color: var(--mdm-privacy-muted, #415c54); font: 12px/1.4 system-ui, sans-serif; font-weight: 400; text-transform: none; letter-spacing: normal; text-decoration: underline; text-underline-offset: 3px; box-shadow: none; cursor: pointer; }
button.mdm-privacy-manage.mdm-privacy-footer-link:hover { background: transparent; color: var(--mdm-privacy-primary, #244d40); }
button.mdm-privacy-manage.mdm-privacy-footer-link:focus-visible { outline: 3px solid var(--mdm-privacy-focus, #478770); outline-offset: 3px; }
.mdm-privacy { max-height: calc(100vh - 48px); max-height: calc(100dvh - 48px); overflow-y: auto; }
.mdm-privacy-details label { align-items: flex-start; }
.mdm-privacy-details input[type="checkbox"] { flex: 0 0 18px; min-width: 18px; padding: 0; box-sizing: border-box; margin-top: 2px; }
.mdm-privacy-details label span { min-width: 0; }
@media (max-width: 600px) { .mdm-privacy { max-height: calc(100vh - 24px); max-height: calc(100dvh - 24px); } }