/* The HTML shell uses the same local Roboto font and colors as the Flutter app. */
@font-face{font-family:PriorAppsWeb;src:url("assets/assets/fonts/Roboto-Regular.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:PriorAppsWeb;src:url("assets/assets/fonts/Roboto-Bold.ttf") format("truetype");font-style:normal;font-weight:700;font-display:swap}
:root{--pa-app-primary:#49bff8;--pa-app-background:#121d22;--pa-app-border:#37464f;--pa-app-button-text:#152228;--pa-app-radius:12px}
.pa-consent{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));width:calc(100% - 32px);max-width:400px;z-index:2147483647;color:#e7edf1;font:16px/1.5 PriorAppsWeb,Roboto,system-ui,sans-serif;color-scheme:dark}
.pa-consent__panel{box-sizing:border-box;max-height:85vh;max-height:85dvh;overflow:auto;overscroll-behavior:contain;background:var(--pa-app-background);border:2px solid var(--pa-app-border);border-radius:var(--pa-app-radius);padding:20px;box-shadow:0 12px 36px #0006}
.pa-consent__title{font-size:18px;font-weight:700;line-height:1.3;margin:0 0 10px}
.pa-consent__explanation{color:#b3c0c8;margin:0 0 14px}
.pa-consent__choice{display:flex;gap:12px;align-items:center;min-height:44px;margin:4px 0;cursor:pointer}
.pa-consent__checkbox{appearance:none;box-sizing:border-box;position:relative;width:44px;height:26px;flex:none;margin:0;border:2px solid var(--pa-app-border);border-radius:20px;background:#d6d6d6;cursor:pointer}
.pa-consent__checkbox::before{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--pa-app-primary);transition:transform .15s}
.pa-consent__checkbox:checked{background:color-mix(in srgb,var(--pa-app-primary) 50%,var(--pa-app-background));border-color:var(--pa-app-primary)}
.pa-consent__checkbox:checked::before{transform:translateX(18px)}
.pa-consent__actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0 10px}
/* Match ElevatedButtonWidget: uppercase label, 12px radius and solid lower edge. */
.pa-consent__button{font:inherit;font-size:15px;font-weight:700;line-height:1.3;text-transform:uppercase;padding:12px 10px;min-height:48px;border:0;border-radius:var(--pa-app-radius);background:var(--pa-app-primary);color:var(--pa-app-button-text);box-shadow:0 3.5px 0 color-mix(in srgb,var(--pa-app-primary) 70%,#000);cursor:pointer;transition:background-color .15s}
.pa-consent__button:hover{background:color-mix(in srgb,var(--pa-app-primary) 90%,#fff)}
.pa-consent__button:active{transform:translateY(2px);box-shadow:none}
.pa-consent__button--secondary{border:2px solid var(--pa-app-border);background:var(--pa-app-background);color:#e7edf1;box-shadow:0 2px 0 var(--pa-app-border)}
.pa-consent__button--secondary:hover{background:var(--pa-app-border)}
.pa-consent__button--save{grid-column:1/-1}
/* In settings, keep the selected choice as the single prominent action. */
.pa-consent__actions:has(.pa-consent__button--save){grid-template-columns:1fr 1fr;gap:4px 10px}
.pa-consent__actions:has(.pa-consent__button--save) .pa-consent__button:not(.pa-consent__button--save){min-height:44px;padding:8px 4px;background:transparent;color:#b3c0c8;box-shadow:none;font-size:14px;font-weight:400;text-transform:none;text-decoration:underline;text-underline-offset:3px}
.pa-consent__actions:has(.pa-consent__button--save) .pa-consent__button:not(.pa-consent__button--save):hover{color:var(--pa-app-primary)}
.pa-consent__links{display:flex;flex-wrap:wrap;gap:4px 16px;align-items:center;font-size:12px}
.pa-consent__link{display:inline-flex;align-items:center;min-height:32px;font:inherit;color:var(--pa-app-primary);text-decoration:underline;text-underline-offset:3px;background:none;border:0;padding:4px 0;cursor:pointer}
.pa-consent__button:focus-visible,.pa-consent__link:focus-visible,.pa-consent__checkbox:focus-visible{outline:2px solid var(--pa-app-primary);outline-offset:3px}
@media(max-width:359px){.pa-consent__actions{grid-template-columns:1fr}.pa-consent__panel{padding:16px}}
@media(max-width:767px){.pa-consent__button{min-height:44px}}
@media(prefers-reduced-motion:reduce){.pa-consent__button,.pa-consent__checkbox::before{transition:none}}