/* Shared stylesheet is also linked within the isolated consent shadow tree. */
:host { all: initial; position: fixed; inset: 0; z-index: 2147483646; pointer-events: none; color: #17242f; font: 16px/1.5 system-ui, -apple-system, "Segoe UI", sans-serif; direction: ltr; color-scheme: light; }
:host *, :host *::before, :host *::after { box-sizing: border-box; }
:host .ra-wrap { position: absolute; inset: 0; pointer-events: none; }
:host .ra-panel { position: absolute; left: 16px; bottom: 76px; width: min(640px, calc(100% - 32px)); max-height: calc(100dvh - 100px); overflow: auto; padding: 24px; background: #fff; border: 2px solid #4e616b; border-radius: 12px; box-shadow: 0 8px 36px rgb(0 0 0 / 20%); pointer-events: auto; }
:host [hidden] { display: none !important; }
:host h2 { margin: 0 0 12px; font-size: 21px; line-height: 1.3; font-weight: 700; }
:host p { margin: 0 0 16px; overflow-wrap: anywhere; }
:host .ra-actions { display: grid; grid-template-columns: 1fr 1fr; align-items: stretch; gap: 12px; margin: 0 0 16px; }
:host button { appearance: none; margin: 0; min-height: 48px; padding: 11px 16px; border: 2px solid #253e49; border-radius: 7px; background: #edf3f4; color: #17242f; font: inherit; line-height: 1.4; font-weight: 650; cursor: pointer; white-space: normal; overflow-wrap: anywhere; }
:host button:hover { background: #dbe8eb; }
:host button:focus-visible, :host a:focus-visible, :host .ra-panel:focus-visible { outline: 3px solid #a53a00; outline-offset: 4px; }
:host a { color: #174e6a; text-decoration: underline; text-underline-offset: 3px; }
:host a:hover { color: #11384c; }
:host .ra-settings { position: absolute; bottom: max(12px, env(safe-area-inset-bottom)); left: 16px; max-width: calc(100% - 32px); min-height: 44px; font-size: 14px; padding: 9px 14px; background: #fff; pointer-events: auto; box-shadow: 0 2px 9px rgb(0 0 0 / 12%); }
:host .ra-status { font-size: 14px; margin: 12px 0 0; }
:host .ra-status:empty { display: none; }
@media (max-width: 480px) { :host .ra-panel { padding: 18px; left: 12px; width: calc(100% - 24px); bottom: 76px; } :host .ra-actions { gap: 8px; } :host button { padding: 10px 8px; } :host .ra-settings { left: 12px; max-width: calc(100% - 24px); } }
@media (prefers-reduced-motion: reduce) { :host *, :host *::before, :host *::after { scroll-behavior: auto; } }