/* @dr-logic-ltd/telemetry consent UI. Source and notes: src/ui/consent.css */
.drl-consent,.drl-consent-dialog,.drl-consent-link,.drl-consent-live{--drl-consent-sa-bg: 0 0% 100%;--drl-consent-sa-fg: 216 14% 12%;--drl-consent-sa-muted: 216 7% 33%;--drl-consent-sa-border: 216 12% 84%;--drl-consent-sa-strong: 216 9% 66%;--drl-consent-sa-control: 214 5% 53%;--drl-consent-sa-hover: 216 20% 95%;--drl-consent-sa-accent: 210 100% 40%;--drl-consent-sa-accent-hover: 211 99% 35%;--drl-consent-sa-on-accent: 0 0% 100%;--drl-consent-sa-scrim: 216 20% 6%;--drl-consent-bg: var(--datum-surface-float, hsl(var(--popover, var(--drl-consent-sa-bg))));--drl-consent-fg: var(--datum-ink-1, hsl(var(--popover-foreground, var(--drl-consent-sa-fg))));--drl-consent-muted: var(--datum-ink-2, hsl(var(--muted-foreground, var(--drl-consent-sa-muted))));--drl-consent-border: var(--datum-rule-base, hsl(var(--border, var(--drl-consent-sa-border))));--drl-consent-faint: var(--datum-rule-faint, hsl(var(--border, var(--drl-consent-sa-border))));--drl-consent-strong: var(--datum-rule-strong, hsl(var(--border, var(--drl-consent-sa-strong))));--drl-consent-control: var(--datum-rule-control, hsl(var(--muted-foreground, var(--drl-consent-sa-control))));--drl-consent-hover: var(--datum-surface-hover, hsl(var(--muted, var(--drl-consent-sa-hover))));--drl-consent-accent: var(--datum-accent-solid, var(--drl-consent-site-accent, hsl(var(--drl-consent-sa-accent))));--drl-consent-accent-hover: var(--datum-accent-hover, var(--drl-consent-site-accent-hover, hsl(var(--drl-consent-sa-accent-hover))));--drl-consent-on-accent: var(--datum-ink-on-accent, var(--drl-consent-site-on-accent, hsl(var(--drl-consent-sa-on-accent))));--drl-consent-site-accent: hsl(var(--primary));--drl-consent-site-accent-hover: hsl(var(--primary-hover));--drl-consent-site-on-accent: hsl(var(--primary-foreground));--drl-consent-link-ink: var(--datum-accent-ink, hsl(var(--primary, var(--drl-consent-sa-accent))));--drl-consent-focus: var(--datum-focus-ring, hsl(var(--ring, var(--drl-consent-sa-accent))));--drl-consent-scrim: var(--datum-surface-scrim, hsl(var(--drl-consent-sa-scrim) / .45));--drl-consent-scrollbar: var(--datum-scrollbar-thumb, hsl(var(--drl-consent-sa-fg) / .22));--drl-consent-font: var(--datum-font-ui, var(--typography-font-family-sans, system-ui, -apple-system, "Segoe UI", sans-serif));--drl-consent-font-title: var(--datum-font-display, var(--drl-consent-font));--drl-consent-font-mono: var(--datum-font-mono, var(--typography-font-family-mono, ui-monospace, "SF Mono", Menlo, monospace));--drl-consent-size: var(--datum-font-size-sm, .875rem);--drl-consent-size-sm: var(--datum-font-size-xs, .8125rem);--drl-consent-size-title: var(--datum-font-size-md, .9375rem);--drl-consent-leading: var(--datum-line-height-sm, 1.45);--drl-consent-radius: var(--datum-radius-float, var(--radius-md, .5rem));--drl-consent-radius-control: var(--datum-radius-control, var(--radius-control, .375rem));--drl-consent-radius-sheet: var(--datum-radius-dialog, var(--radius-lg, .75rem));--drl-consent-shadow: var(--datum-shadow-toast, var(--shadow-overlay, 0 0 0 1px hsl(var(--drl-consent-sa-fg) / .08), 0 8px 24px -6px hsl(var(--drl-consent-sa-fg) / .18)));--drl-consent-shadow-sheet: var(--datum-shadow-drawer, var(--shadow-overlay, 0 0 0 1px hsl(var(--drl-consent-sa-fg) / .08), 0 24px 48px -12px hsl(var(--drl-consent-sa-fg) / .28)));--drl-consent-control-h: max(var(--datum-control-h, 2rem), 2rem);--drl-consent-pad: var(--datum-sheet-pad, 1rem);--drl-consent-gap: var(--datum-stack-gap, .75rem);--drl-consent-ease: var(--datum-ease-out, cubic-bezier(.23, 1, .32, 1));--drl-consent-dur: var(--datum-duration-panel, .24s);--drl-consent-dur-hover: var(--datum-duration-hover, .14s);--drl-consent-dur-press: var(--datum-duration-press, .1s);--drl-consent-layer: var(--datum-layer-toast, 70)}:is(.dark,[data-theme=dark]) :is(.drl-consent,.drl-consent-dialog,.drl-consent-link),:is(.drl-consent,.drl-consent-dialog,.drl-consent-link):is(.dark,[data-theme=dark],[data-drl-consent-scheme=dark]){--drl-consent-sa-bg: 216 13% 12%;--drl-consent-sa-fg: 216 17% 92%;--drl-consent-sa-muted: 216 8% 74%;--drl-consent-sa-border: 216 9% 24%;--drl-consent-sa-strong: 216 8% 36%;--drl-consent-sa-control: 216 6% 44%;--drl-consent-sa-hover: 216 12% 17%;--drl-consent-sa-accent: 214 87% 69%;--drl-consent-sa-accent-hover: 214 87% 76%;--drl-consent-sa-on-accent: 216 30% 8%;--drl-consent-sa-scrim: 0 0% 0%;color-scheme:dark}@media(prefers-color-scheme:dark){:root:not([data-theme]):not(.light):not(.dark) :is(.drl-consent,.drl-consent-dialog,.drl-consent-link):not([data-drl-consent-scheme]){--drl-consent-sa-bg: 216 13% 12%;--drl-consent-sa-fg: 216 17% 92%;--drl-consent-sa-muted: 216 8% 74%;--drl-consent-sa-border: 216 9% 24%;--drl-consent-sa-strong: 216 8% 36%;--drl-consent-sa-control: 216 6% 44%;--drl-consent-sa-hover: 216 12% 17%;--drl-consent-sa-accent: 214 87% 69%;--drl-consent-sa-accent-hover: 214 87% 76%;--drl-consent-sa-on-accent: 216 30% 8%;--drl-consent-sa-scrim: 0 0% 0%;color-scheme:dark}}[data-drl-consent-theme=standalone]{--drl-consent-bg: hsl(var(--drl-consent-sa-bg));--drl-consent-fg: hsl(var(--drl-consent-sa-fg));--drl-consent-muted: hsl(var(--drl-consent-sa-muted));--drl-consent-border: hsl(var(--drl-consent-sa-border));--drl-consent-faint: hsl(var(--drl-consent-sa-border));--drl-consent-strong: hsl(var(--drl-consent-sa-strong));--drl-consent-control: hsl(var(--drl-consent-sa-control));--drl-consent-hover: hsl(var(--drl-consent-sa-hover));--drl-consent-accent: hsl(var(--drl-consent-sa-accent));--drl-consent-accent-hover: hsl(var(--drl-consent-sa-accent-hover));--drl-consent-on-accent: hsl(var(--drl-consent-sa-on-accent));--drl-consent-link-ink: hsl(var(--drl-consent-sa-accent));--drl-consent-focus: hsl(var(--drl-consent-sa-accent));--drl-consent-scrim: hsl(var(--drl-consent-sa-scrim) / .45);--drl-consent-font: system-ui, -apple-system, "Segoe UI", sans-serif}.drl-consent,.drl-consent *,.drl-consent-dialog,.drl-consent-dialog *{box-sizing:border-box}.drl-consent,.drl-consent-dialog{font-family:var(--drl-consent-font);font-size:var(--drl-consent-size);line-height:var(--drl-consent-leading);font-weight:400;letter-spacing:normal;text-transform:none;color:var(--drl-consent-fg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.drl-consent__button{appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:var(--drl-consent-control-h);min-width:2rem;margin:0;padding:0 .875rem;border:1px solid var(--drl-consent-strong);border-radius:var(--drl-consent-radius-control);background:transparent;color:var(--drl-consent-fg);font:inherit;font-weight:500;line-height:1.2;white-space:nowrap;text-decoration:none;cursor:pointer;outline:none;transition:background-color var(--drl-consent-dur-hover) var(--drl-consent-ease),border-color var(--drl-consent-dur-hover) var(--drl-consent-ease),transform var(--drl-consent-dur-press) var(--drl-consent-ease)}.drl-consent__button--primary{border-color:transparent;background:var(--drl-consent-accent);color:var(--drl-consent-on-accent)}@media(hover:hover){.drl-consent__button:hover{background:var(--drl-consent-hover)}.drl-consent__button--primary:hover{background:var(--drl-consent-accent-hover)}}.drl-consent__button:active{transform:scale(.97)}.drl-consent__link,.drl-consent-link{appearance:none;display:inline-flex;align-items:center;min-height:var(--drl-consent-control-h);margin:0;padding:0 .25rem;border:0;border-radius:var(--drl-consent-radius-control);background:transparent;color:var(--drl-consent-link-ink);font:inherit;font-weight:500;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em;cursor:pointer;outline:none}.drl-consent-link{min-height:1.5rem;font-size:inherit;font-family:inherit;font-weight:inherit;color:inherit}@media(hover:hover){.drl-consent__link:hover,.drl-consent-link:hover{text-decoration-thickness:2px}}.drl-consent__button:focus-visible,.drl-consent__link:focus-visible,.drl-consent-link:focus-visible,.drl-consent-switch:focus-visible,.drl-consent-dialog__close:focus-visible,.drl-consent-dialog__storage>summary:focus-visible,.drl-consent__text a:focus-visible,.drl-consent-dialog__intro a:focus-visible{outline:2px solid var(--drl-consent-focus);outline-offset:2px}.drl-consent-live{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.drl-consent{position:fixed;inset-block-end:1rem;inset-inline-start:1rem;z-index:var(--drl-consent-layer);display:grid;gap:var(--drl-consent-gap);width:min(26rem,calc(100vw - 2rem));margin:0;padding:var(--drl-consent-pad);border:1px solid var(--drl-consent-border);border-radius:var(--drl-consent-radius);background:var(--drl-consent-bg);box-shadow:var(--drl-consent-shadow);opacity:1;transform:none;transition:opacity var(--drl-consent-dur) var(--drl-consent-ease),transform var(--drl-consent-dur) var(--drl-consent-ease)}@starting-style{.drl-consent{opacity:0;transform:translateY(.5rem)}}.drl-consent__title{margin:0;font-family:var(--drl-consent-font-title);font-size:var(--drl-consent-size-title);font-weight:600;line-height:1.3;letter-spacing:-.005em;color:var(--drl-consent-fg)}.drl-consent__text{margin:.25rem 0 0;color:var(--drl-consent-muted);text-wrap:pretty}.drl-consent__text a,.drl-consent-dialog__intro a{color:var(--drl-consent-link-ink);text-decoration:underline;text-underline-offset:.2em;border-radius:2px}.drl-consent__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.drl-consent__actions .drl-consent__button{flex:1 1 0}.drl-consent__actions .drl-consent__link{flex:0 0 auto;margin-inline-start:auto}@media(max-width:640px){.drl-consent{inset-inline:0;inset-block-end:0;width:auto;border-inline:0;border-block-end:0;border-radius:var(--drl-consent-radius-sheet) var(--drl-consent-radius-sheet) 0 0;padding-block-end:calc(var(--drl-consent-pad) + env(safe-area-inset-bottom,0px))}}.drl-consent-dialog{position:fixed;inset:0 0 0 auto;width:min(28rem,100vw);max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0;border:0;border-inline-start:1px solid var(--drl-consent-border);border-radius:0;background:var(--drl-consent-bg);box-shadow:var(--drl-consent-shadow-sheet);overflow:hidden;opacity:1;transform:none;transition:opacity var(--drl-consent-dur) var(--drl-consent-ease),transform var(--drl-consent-dur) var(--drl-consent-ease)}.drl-consent-dialog[open]{display:flex;flex-direction:column}@starting-style{.drl-consent-dialog[open]{opacity:0;transform:translate(1.5rem)}}.drl-consent-dialog::backdrop{background:var(--drl-consent-scrim);transition:opacity var(--drl-consent-dur) var(--drl-consent-ease)}@starting-style{.drl-consent-dialog[open]::backdrop{opacity:0}}.drl-consent-dialog__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin:0;padding:.75rem var(--drl-consent-pad);border-block-end:1px solid var(--drl-consent-faint)}.drl-consent-dialog__title{margin:0;font-family:var(--drl-consent-font-title);font-size:var(--drl-consent-size-title);font-weight:600;line-height:1.3;color:var(--drl-consent-fg)}.drl-consent-dialog__close{appearance:none;display:inline-flex;align-items:center;justify-content:center;flex:none;width:var(--drl-consent-control-h);height:var(--drl-consent-control-h);margin:0 -.375rem 0 0;padding:0;border:1px solid transparent;border-radius:var(--drl-consent-radius-control);background:transparent;color:var(--drl-consent-muted);cursor:pointer;outline:none;transition:background-color var(--drl-consent-dur-hover) var(--drl-consent-ease)}.drl-consent-dialog__close svg{display:block;width:1rem;height:1rem}@media(hover:hover){.drl-consent-dialog__close:hover{background:var(--drl-consent-hover);color:var(--drl-consent-fg)}}.drl-consent-dialog__body{flex:1 1 auto;margin:0;padding:var(--drl-consent-pad);overflow-y:auto;overscroll-behavior:contain;scrollbar-color:var(--drl-consent-scrollbar) transparent;scrollbar-width:thin}.drl-consent-dialog__intro{margin:0 0 var(--drl-consent-gap);color:var(--drl-consent-muted);text-wrap:pretty}.drl-consent-dialog__list{margin:0;padding:0;list-style:none;border-block-start:1px solid var(--drl-consent-faint)}.drl-consent-row{display:grid;grid-template-columns:1fr auto;align-items:start;gap:.25rem 1rem;margin:0;padding:var(--drl-consent-gap) 0;border-block-end:1px solid var(--drl-consent-faint)}.drl-consent-row__label{display:block;margin:0;font-weight:600;color:var(--drl-consent-fg)}.drl-consent-row__desc,.drl-consent-row__note{grid-column:1;margin:0;color:var(--drl-consent-muted);text-wrap:pretty}.drl-consent-row__note{font-size:var(--drl-consent-size-sm)}.drl-consent-row__control{grid-column:2;grid-row:1 / span 3;display:inline-flex;align-items:center;gap:.5rem;min-height:1.5rem;color:var(--drl-consent-muted);font-size:var(--drl-consent-size-sm)}.drl-consent-switch{appearance:none;position:relative;display:inline-block;flex:none;width:2.25rem;height:1.25rem;margin:0;padding:0;border:1px solid transparent;border-radius:999px;background:var(--drl-consent-control);cursor:pointer;outline:none;transition:background-color var(--drl-consent-dur-hover) var(--drl-consent-ease)}.drl-consent-switch:before{content:"";position:absolute;inset:-.25rem}.drl-consent-switch[aria-checked=true]{background:var(--drl-consent-accent)}.drl-consent-switch__thumb{position:absolute;inset-block-start:1px;inset-inline-start:1px;width:calc(1.25rem - 4px);height:calc(1.25rem - 4px);border-radius:999px;background:var(--drl-consent-bg);transition:transform var(--drl-consent-dur-hover) var(--drl-consent-ease)}.drl-consent-switch[aria-checked=true] .drl-consent-switch__thumb{transform:translate(1rem)}:dir(rtl) .drl-consent-switch[aria-checked=true] .drl-consent-switch__thumb{transform:translate(-1rem)}.drl-consent-switch[aria-disabled=true]{opacity:.45;cursor:not-allowed}.drl-consent-dialog__storage{margin:var(--drl-consent-gap) 0 0}.drl-consent-dialog__storage>summary{display:list-item;width:fit-content;margin:0;padding:.25rem 0;border-radius:2px;color:var(--drl-consent-link-ink);font-weight:500;cursor:pointer;outline:none}.drl-consent-stored{margin:.25rem 0 0;padding:0;list-style:none}.drl-consent-stored__item{display:grid;gap:.125rem;margin:0;padding:.5rem 0;border-block-end:1px solid var(--drl-consent-faint);font-size:var(--drl-consent-size-sm)}.drl-consent-stored__key{font-family:var(--drl-consent-font-mono);font-size:.95em;color:var(--drl-consent-fg);overflow-wrap:anywhere}.drl-consent-stored__meta{color:var(--drl-consent-muted)}.drl-consent-stored__why{margin:0;color:var(--drl-consent-muted);text-wrap:pretty}.drl-consent-dialog__footer{display:flex;justify-content:flex-end;gap:.5rem;margin:0;padding:.75rem var(--drl-consent-pad);border-block-start:1px solid var(--drl-consent-faint)}@media(max-width:640px){.drl-consent-dialog{inset:auto 0 0;width:100vw;height:auto;max-height:85dvh;border-inline-start:0;border-block-start:1px solid var(--drl-consent-border);border-radius:var(--drl-consent-radius-sheet) var(--drl-consent-radius-sheet) 0 0}@starting-style{.drl-consent-dialog[open]{opacity:0;transform:translateY(1.5rem)}}.drl-consent-dialog__footer{padding-block-end:calc(.75rem + env(safe-area-inset-bottom,0px))}.drl-consent-dialog__footer .drl-consent__button{flex:1 1 0}}@media(prefers-reduced-motion:reduce){.drl-consent,.drl-consent-dialog,.drl-consent__button,.drl-consent-switch__thumb{transition-property:opacity,background-color,border-color}.drl-consent__button:active{transform:none}@starting-style{.drl-consent,.drl-consent-dialog[open]{transform:none}}}@media(forced-colors:active){.drl-consent,.drl-consent-dialog{border:1px solid CanvasText}.drl-consent-switch{border-color:ButtonText;background:Canvas}.drl-consent-switch[aria-checked=true]{background:Highlight}.drl-consent-switch__thumb{background:ButtonText}.drl-consent__button:focus-visible,.drl-consent-switch:focus-visible{outline-color:Highlight}}
