.app-consent-panel {
    position: fixed;
    right: 1rem;
    bottom: 1rem;
    z-index: 2147482000;
    width: min(34rem, calc(100vw - 2rem));
    padding: 1rem;
    border: 1px solid rgba(74, 144, 226, .28);
    border-radius: 1rem;
    background: #fff;
    color: #173353;
    box-shadow: 0 1.25rem 3rem rgba(15, 45, 92, .22);
}

.app-consent-panel[hidden] { display: none !important; }
.app-consent-panel h2 { margin: 0 0 .35rem; font-size: 1.15rem; color: #0f2d5c; }
.app-consent-panel p { margin: 0 0 .8rem; font-size: .9rem; line-height: 1.45; }
.app-consent-options { display: flex; gap: 1rem; flex-wrap: wrap; margin-bottom: .85rem; }
.app-consent-options label { display: inline-flex; gap: .45rem; align-items: center; font-weight: 600; }
.app-consent-actions { display: flex; gap: .55rem; flex-wrap: wrap; }
.app-consent-actions button {
    min-height: 2.5rem;
    padding: .55rem .85rem;
    border: 1px solid #1877c9;
    border-radius: .65rem;
    background: #fff;
    color: #0f5794;
    font-weight: 700;
}
.app-consent-actions button:first-child { background: #0f5794; color: #fff; }
.app-consent-actions button:focus-visible { outline: 3px solid #35c9e8; outline-offset: 2px; }

@media (max-width: 480px) {
    .app-consent-panel { right: .65rem; bottom: .65rem; width: calc(100vw - 1.3rem); }
    .app-consent-actions button { flex: 1 1 100%; }
}