.tocc-consent-panel[hidden], .tocc-consent-settings[hidden] { display: none !important; }
.tocc-consent-panel { box-sizing: border-box; position: fixed; z-index: 99999; bottom: 4rem; left: 1rem; width: min(560px, calc(100% - 2rem)); max-height: calc(100dvh - 8rem); overflow-y: auto; padding: 1.25rem; border: 1px solid #829bb1; border-radius: .6rem; background: #fff; color: #182f42; box-shadow: 0 8px 32px #0003; font: 16px/1.5 system-ui, sans-serif; text-align: left; }
.tocc-consent-panel h2 { font: 700 1.25rem/1.3 system-ui, sans-serif; color: #102c45; margin: 0 0 .75rem; }
.tocc-consent-panel p { margin: 0 0 .8rem; }
.tocc-consent-panel .tocc-consent-note { font-size: .875rem; }
.tocc-consent-actions { display: flex; flex-wrap: wrap; gap: .65rem; align-items: center; }
.tocc-consent-panel button, .tocc-consent-settings { appearance: none; font: 600 14px/1.4 system-ui, sans-serif; background: #fff; color: #07589e; border: 2px solid #07589e; border-radius: .3rem; padding: .65rem .9rem; cursor: pointer; text-transform: none; letter-spacing: normal; }
.tocc-consent-panel button:hover, .tocc-consent-settings:hover { background: #eaf4ff; }
.tocc-consent-panel button:focus-visible, .tocc-consent-settings:focus-visible, .tocc-consent-panel a:focus-visible { outline: 3px solid #182f42; outline-offset: 3px; }
.tocc-consent-panel button:disabled { opacity: .6; cursor: wait; }
.tocc-consent-panel a { color: #07589e; text-decoration: underline; font-size: .875rem; }
.tocc-consent-panel [role="status"] { font-size: .875rem; margin: .75rem 0 0; }
.tocc-consent-settings { position: fixed; z-index: 99998; left: 1rem; bottom: 1rem; box-shadow: 0 2px 8px #0002; }
@media (max-width: 480px) { .tocc-consent-panel { padding: 1rem; } .tocc-consent-actions button { flex: 1 1 140px; } }