/*! tailwindcss v4.1.7 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
    'Noto Color Emoji';
    --font-serif: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;
    --font-mono: "Geist Mono", ui-monospace, monospace;
    --color-red-300: oklch(80.8% 0.114 19.571);
    --color-amber-50: oklch(98.7% 0.022 95.277);
    --color-amber-600: oklch(66.6% 0.179 58.318);
    --color-amber-800: oklch(47.3% 0.137 46.201);
    --color-amber-900: oklch(41.4% 0.112 45.904);
    --color-amber-950: oklch(27.9% 0.077 45.635);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-6xl: 72rem;
    --container-7xl: 80rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-black: 900;
    --tracking-tight: -0.025em;
    --tracking-wide: 0.025em;
    --tracking-wider: 0.05em;
    --leading-tight: 1.25;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --ease-in: cubic-bezier(0.4, 0, 1, 1);
    --animate-spin: spin 1s linear infinite;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --font-display: Newsreader, Georgia, serif;
    --font-ui: Geist, ui-sans-serif, system-ui, sans-serif;
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji');
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden='until-found'])) {
    display: none !important;
  }
}
@layer utilities {
  .pointer-events-none {
    pointer-events: none;
  }
  .visible {
    visibility: visible;
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .inset-x-0 {
    inset-inline: calc(var(--spacing) * 0);
  }
  .top-1\/2 {
    top: calc(1/2 * 100%);
  }
  .top-4 {
    top: calc(var(--spacing) * 4);
  }
  .top-full {
    top: 100%;
  }
  .right-0 {
    right: calc(var(--spacing) * 0);
  }
  .right-4 {
    right: calc(var(--spacing) * 4);
  }
  .left-1 {
    left: calc(var(--spacing) * 1);
  }
  .left-7 {
    left: calc(var(--spacing) * 7);
  }
  .z-20 {
    z-index: 20;
  }
  .z-30 {
    z-index: 30;
  }
  .z-50 {
    z-index: 50;
  }
  .order-first {
    order: -9999;
  }
  .container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .mx-auto {
    margin-inline: auto;
  }
  .my-3 {
    margin-block: calc(var(--spacing) * 3);
  }
  .my-4 {
    margin-block: calc(var(--spacing) * 4);
  }
  .my-12 {
    margin-block: calc(var(--spacing) * 12);
  }
  .mt-0\.5 {
    margin-top: calc(var(--spacing) * 0.5);
  }
  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }
  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .ml-1 {
    margin-left: calc(var(--spacing) * 1);
  }
  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }
  .hero-adjustments-horizontal {
    --hero-adjustments-horizontal: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M10.5%206h9.75M10.5%206a1.5%201.5%200%201%201-3%200m3%200a1.5%201.5%200%201%200-3%200M3.75%206H7.5m3%2012h9.75m-9.75%200a1.5%201.5%200%200%201-3%200m3%200a1.5%201.5%200%200%200-3%200m-3.75%200H7.5m9-6h3.75m-3.75%200a1.5%201.5%200%200%201-3%200m3%200a1.5%201.5%200%200%200-3%200m-9.75%200h9.75%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-adjustments-horizontal);
    mask: var(--hero-adjustments-horizontal);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-arrow-down-tray {
    --hero-arrow-down-tray: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M3%2016.5v2.25A2.25%202.25%200%200%200%205.25%2021h13.5A2.25%202.25%200%200%200%2021%2018.75V16.5M16.5%2012%2012%2016.5m0%200L7.5%2012m4.5%204.5V3%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-arrow-down-tray);
    mask: var(--hero-arrow-down-tray);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-arrow-left {
    --hero-arrow-left: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M10.5%2019.5%203%2012m0%200%207.5-7.5M3%2012h18%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-arrow-left);
    mask: var(--hero-arrow-left);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-arrow-path {
    --hero-arrow-path: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M16.023%209.348h4.992v-.001M2.985%2019.644v-4.992m0%200h4.992m-4.993%200%203.181%203.183a8.25%208.25%200%200%200%2013.803-3.7M4.031%209.865a8.25%208.25%200%200%201%2013.803-3.7l3.181%203.182m0-4.991v4.99%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-arrow-path);
    mask: var(--hero-arrow-path);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-arrow-path-rounded-square {
    --hero-arrow-path-rounded-square: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M19.5%2012c0-1.232-.046-2.453-.138-3.662a4.006%204.006%200%200%200-3.7-3.7%2048.678%2048.678%200%200%200-7.324%200%204.006%204.006%200%200%200-3.7%203.7c-.017.22-.032.441-.046.662M19.5%2012l3-3m-3%203-3-3m-12%203c0%201.232.046%202.453.138%203.662a4.006%204.006%200%200%200%203.7%203.7%2048.656%2048.656%200%200%200%207.324%200%204.006%204.006%200%200%200%203.7-3.7c.017-.22.032-.441.046-.662M4.5%2012l3%203m-3-3-3%203%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-arrow-path-rounded-square);
    mask: var(--hero-arrow-path-rounded-square);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-arrow-right {
    --hero-arrow-right: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M13.5%204.5%2021%2012m0%200-7.5%207.5M21%2012H3%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-arrow-right);
    mask: var(--hero-arrow-right);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-arrow-right-start-on-rectangle {
    --hero-arrow-right-start-on-rectangle: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M15.75%209V5.25A2.25%202.25%200%200%200%2013.5%203h-6a2.25%202.25%200%200%200-2.25%202.25v13.5A2.25%202.25%200%200%200%207.5%2021h6a2.25%202.25%200%200%200%202.25-2.25V15m3%200%203-3m0%200-3-3m3%203H9%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-arrow-right-start-on-rectangle);
    mask: var(--hero-arrow-right-start-on-rectangle);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-arrow-top-right-on-square {
    --hero-arrow-top-right-on-square: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M13.5%206H5.25A2.25%202.25%200%200%200%203%208.25v10.5A2.25%202.25%200%200%200%205.25%2021h10.5A2.25%202.25%200%200%200%2018%2018.75V10.5m-10.5%206L21%203m0%200h-5.25M21%203v5.25%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-arrow-top-right-on-square);
    mask: var(--hero-arrow-top-right-on-square);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-arrow-trending-down {
    --hero-arrow-trending-down: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M2.25%206%209%2012.75l4.286-4.286a11.948%2011.948%200%200%201%204.306%206.43l.776%202.898m0%200%203.182-5.511m-3.182%205.51-5.511-3.181%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-arrow-trending-down);
    mask: var(--hero-arrow-trending-down);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-arrow-trending-up {
    --hero-arrow-trending-up: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M2.25%2018%209%2011.25l4.306%204.306a11.95%2011.95%200%200%201%205.814-5.518l2.74-1.22m0%200-5.94-2.281m5.94%202.28-2.28%205.941%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-arrow-trending-up);
    mask: var(--hero-arrow-trending-up);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-arrow-up-on-square {
    --hero-arrow-up-on-square: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M9%208.25H7.5a2.25%202.25%200%200%200-2.25%202.25v9a2.25%202.25%200%200%200%202.25%202.25h9a2.25%202.25%200%200%200%202.25-2.25v-9a2.25%202.25%200%200%200-2.25-2.25H15m0-3-3-3m0%200-3%203m3-3V15%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-arrow-up-on-square);
    mask: var(--hero-arrow-up-on-square);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-arrow-up-right {
    --hero-arrow-up-right: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m4.5%2019.5%2015-15m0%200H8.25m11.25%200v11.25%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-arrow-up-right);
    mask: var(--hero-arrow-up-right);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-arrow-uturn-left {
    --hero-arrow-uturn-left: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M9%2015%203%209m0%200%206-6M3%209h12a6%206%200%200%201%200%2012h-3%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-arrow-uturn-left);
    mask: var(--hero-arrow-uturn-left);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-arrows-right-left {
    --hero-arrows-right-left: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M7.5%2021%203%2016.5m0%200L7.5%2012M3%2016.5h13.5m0-13.5L21%207.5m0%200L16.5%2012M21%207.5H7.5%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-arrows-right-left);
    mask: var(--hero-arrows-right-left);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-bars-3-center-left {
    --hero-bars-3-center-left: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M3.75%206.75h16.5M3.75%2012H12m-8.25%205.25h16.5%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-bars-3-center-left);
    mask: var(--hero-bars-3-center-left);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-bookmark {
    --hero-bookmark: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M17.593%203.322c1.1.128%201.907%201.077%201.907%202.185V21L12%2017.25%204.5%2021V5.507c0-1.108.806-2.057%201.907-2.185a48.507%2048.507%200%200%201%2011.186%200Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-bookmark);
    mask: var(--hero-bookmark);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-bookmark-solid {
    --hero-bookmark-solid: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M6.32%202.577a49.255%2049.255%200%200%201%2011.36%200c1.497.174%202.57%201.46%202.57%202.93V21a.75.75%200%200%201-1.085.67L12%2018.089l-7.165%203.583A.75.75%200%200%201%203.75%2021V5.507c0-1.47%201.073-2.756%202.57-2.93Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-bookmark-solid);
    mask: var(--hero-bookmark-solid);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-building-office-2 {
    --hero-building-office-2: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M2.25%2021h19.5m-18-18v18m10.5-18v18m6-13.5V21M6.75%206.75h.75m-.75%203h.75m-.75%203h.75m3-6h.75m-.75%203h.75m-.75%203h.75M6.75%2021v-3.375c0-.621.504-1.125%201.125-1.125h2.25c.621%200%201.125.504%201.125%201.125V21M3%203h12m-.75%204.5H21m-3.75%203.75h.008v.008h-.008v-.008Zm0%203h.008v.008h-.008v-.008Zm0%203h.008v.008h-.008v-.008Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-building-office-2);
    mask: var(--hero-building-office-2);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-calendar {
    --hero-calendar: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M6.75%203v2.25M17.25%203v2.25M3%2018.75V7.5a2.25%202.25%200%200%201%202.25-2.25h13.5A2.25%202.25%200%200%201%2021%207.5v11.25m-18%200A2.25%202.25%200%200%200%205.25%2021h13.5A2.25%202.25%200%200%200%2021%2018.75m-18%200v-7.5A2.25%202.25%200%200%201%205.25%209h13.5A2.25%202.25%200%200%201%2021%2011.25v7.5%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-calendar);
    mask: var(--hero-calendar);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-chart-pie {
    --hero-chart-pie: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M10.5%206a7.5%207.5%200%201%200%207.5%207.5h-7.5V6Z%22%2F%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M13.5%2010.5H21A7.5%207.5%200%200%200%2013.5%203v7.5Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-chart-pie);
    mask: var(--hero-chart-pie);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-check {
    --hero-check: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m4.5%2012.75%206%206%209-13.5%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-check);
    mask: var(--hero-check);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-check-micro {
    --hero-check-micro: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M12.416%203.376a.75.75%200%200%201%20.208%201.04l-5%207.5a.75.75%200%200%201-1.154.114l-3-3a.75.75%200%200%201%201.06-1.06l2.353%202.353%204.493-6.74a.75.75%200%200%201%201.04-.207Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-check-micro);
    mask: var(--hero-check-micro);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1rem;
    height: 1rem;
  }
  .hero-chevron-down {
    --hero-chevron-down: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m19.5%208.25-7.5%207.5-7.5-7.5%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-chevron-down);
    mask: var(--hero-chevron-down);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-chevron-down-micro {
    --hero-chevron-down-micro: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M4.22%206.22a.75.75%200%200%201%201.06%200L8%208.94l2.72-2.72a.75.75%200%201%201%201.06%201.06l-3.25%203.25a.75.75%200%200%201-1.06%200L4.22%207.28a.75.75%200%200%201%200-1.06Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-chevron-down-micro);
    mask: var(--hero-chevron-down-micro);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1rem;
    height: 1rem;
  }
  .hero-chevron-left {
    --hero-chevron-left: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M15.75%2019.5%208.25%2012l7.5-7.5%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-chevron-left);
    mask: var(--hero-chevron-left);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-chevron-right {
    --hero-chevron-right: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m8.25%204.5%207.5%207.5-7.5%207.5%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-chevron-right);
    mask: var(--hero-chevron-right);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-clock {
    --hero-clock: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M12%206v6h4.5m4.5%200a9%209%200%201%201-18%200%209%209%200%200%201%2018%200Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-clock);
    mask: var(--hero-clock);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-cloud {
    --hero-cloud: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M2.25%2015a4.5%204.5%200%200%200%204.5%204.5H18a3.75%203.75%200%200%200%201.332-7.257%203%203%200%200%200-3.758-3.848%205.25%205.25%200%200%200-10.233%202.33A4.502%204.502%200%200%200%202.25%2015Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-cloud);
    mask: var(--hero-cloud);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-document-text {
    --hero-document-text: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M19.5%2014.25v-2.625a3.375%203.375%200%200%200-3.375-3.375h-1.5A1.125%201.125%200%200%201%2013.5%207.125v-1.5a3.375%203.375%200%200%200-3.375-3.375H8.25m0%2012.75h7.5m-7.5%203H12M10.5%202.25H5.625c-.621%200-1.125.504-1.125%201.125v17.25c0%20.621.504%201.125%201.125%201.125h12.75c.621%200%201.125-.504%201.125-1.125V11.25a9%209%200%200%200-9-9Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-document-text);
    mask: var(--hero-document-text);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-ellipsis-horizontal {
    --hero-ellipsis-horizontal: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M6.75%2012a.75.75%200%201%201-1.5%200%20.75.75%200%200%201%201.5%200ZM12.75%2012a.75.75%200%201%201-1.5%200%20.75.75%200%200%201%201.5%200ZM18.75%2012a.75.75%200%201%201-1.5%200%20.75.75%200%200%201%201.5%200Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-ellipsis-horizontal);
    mask: var(--hero-ellipsis-horizontal);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-ellipsis-horizontal-circle {
    --hero-ellipsis-horizontal-circle: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M8.625%2012a.375.375%200%201%201-.75%200%20.375.375%200%200%201%20.75%200Zm0%200H8.25m4.125%200a.375.375%200%201%201-.75%200%20.375.375%200%200%201%20.75%200Zm0%200H12m4.125%200a.375.375%200%201%201-.75%200%20.375.375%200%200%201%20.75%200Zm0%200h-.375M21%2012a9%209%200%201%201-18%200%209%209%200%200%201%2018%200Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-ellipsis-horizontal-circle);
    mask: var(--hero-ellipsis-horizontal-circle);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-exclamation-circle {
    --hero-exclamation-circle: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M12%209v3.75m9-.75a9%209%200%201%201-18%200%209%209%200%200%201%2018%200Zm-9%203.75h.008v.008H12v-.008Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-exclamation-circle);
    mask: var(--hero-exclamation-circle);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-exclamation-triangle {
    --hero-exclamation-triangle: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M12%209v3.75m-9.303%203.376c-.866%201.5.217%203.374%201.948%203.374h14.71c1.73%200%202.813-1.874%201.948-3.374L13.949%203.378c-.866-1.5-3.032-1.5-3.898%200L2.697%2016.126ZM12%2015.75h.007v.008H12v-.008Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-exclamation-triangle);
    mask: var(--hero-exclamation-triangle);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-funnel {
    --hero-funnel: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M12%203c2.755%200%205.455.232%208.083.678.533.09.917.556.917%201.096v1.044a2.25%202.25%200%200%201-.659%201.591l-5.432%205.432a2.25%202.25%200%200%200-.659%201.591v2.927a2.25%202.25%200%200%201-1.244%202.013L9.75%2021v-6.568a2.25%202.25%200%200%200-.659-1.591L3.659%207.409A2.25%202.25%200%200%201%203%205.818V4.774c0-.54.384-1.006.917-1.096A48.32%2048.32%200%200%201%2012%203Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-funnel);
    mask: var(--hero-funnel);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-inbox {
    --hero-inbox: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M2.25%2013.5h3.86a2.25%202.25%200%200%201%202.012%201.244l.256.512a2.25%202.25%200%200%200%202.013%201.244h3.218a2.25%202.25%200%200%200%202.013-1.244l.256-.512a2.25%202.25%200%200%201%202.013-1.244h3.859m-19.5.338V18a2.25%202.25%200%200%200%202.25%202.25h15A2.25%202.25%200%200%200%2021.75%2018v-4.162c0-.224-.034-.447-.1-.661L19.24%205.338a2.25%202.25%200%200%200-2.15-1.588H6.911a2.25%202.25%200%200%200-2.15%201.588L2.35%2013.177a2.25%202.25%200%200%200-.1.661Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-inbox);
    mask: var(--hero-inbox);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-information-circle {
    --hero-information-circle: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m11.25%2011.25.041-.02a.75.75%200%200%201%201.063.852l-.708%202.836a.75.75%200%200%200%201.063.853l.041-.021M21%2012a9%209%200%201%201-18%200%209%209%200%200%201%2018%200Zm-9-3.75h.008v.008H12V8.25Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-information-circle);
    mask: var(--hero-information-circle);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-list-bullet {
    --hero-list-bullet: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M8.25%206.75h12M8.25%2012h12m-12%205.25h12M3.75%206.75h.007v.008H3.75V6.75Zm.375%200a.375.375%200%201%201-.75%200%20.375.375%200%200%201%20.75%200ZM3.75%2012h.007v.008H3.75V12Zm.375%200a.375.375%200%201%201-.75%200%20.375.375%200%200%201%20.75%200Zm-.375%205.25h.007v.008H3.75v-.008Zm.375%200a.375.375%200%201%201-.75%200%20.375.375%200%200%201%20.75%200Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-list-bullet);
    mask: var(--hero-list-bullet);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-lock-closed {
    --hero-lock-closed: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M16.5%2010.5V6.75a4.5%204.5%200%201%200-9%200v3.75m-.75%2011.25h10.5a2.25%202.25%200%200%200%202.25-2.25v-6.75a2.25%202.25%200%200%200-2.25-2.25H6.75a2.25%202.25%200%200%200-2.25%202.25v6.75a2.25%202.25%200%200%200%202.25%202.25Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-lock-closed);
    mask: var(--hero-lock-closed);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-magnifying-glass {
    --hero-magnifying-glass: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m21%2021-5.197-5.197m0%200A7.5%207.5%200%201%200%205.196%205.196a7.5%207.5%200%200%200%2010.607%2010.607Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-magnifying-glass);
    mask: var(--hero-magnifying-glass);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-minus {
    --hero-minus: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M5%2012h14%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-minus);
    mask: var(--hero-minus);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-newspaper {
    --hero-newspaper: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M12%207.5h1.5m-1.5%203h1.5m-7.5%203h7.5m-7.5%203h7.5m3-9h3.375c.621%200%201.125.504%201.125%201.125V18a2.25%202.25%200%200%201-2.25%202.25M16.5%207.5V18a2.25%202.25%200%200%200%202.25%202.25M16.5%207.5V4.875c0-.621-.504-1.125-1.125-1.125H4.125C3.504%203.75%203%204.254%203%204.875V18a2.25%202.25%200%200%200%202.25%202.25h13.5M6%207.5h3v3H6v-3Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-newspaper);
    mask: var(--hero-newspaper);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-no-symbol {
    --hero-no-symbol: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M18.364%2018.364A9%209%200%200%200%205.636%205.636m12.728%2012.728A9%209%200%200%201%205.636%205.636m12.728%2012.728L5.636%205.636%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-no-symbol);
    mask: var(--hero-no-symbol);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-photo {
    --hero-photo: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m2.25%2015.75%205.159-5.159a2.25%202.25%200%200%201%203.182%200l5.159%205.159m-1.5-1.5%201.409-1.409a2.25%202.25%200%200%201%203.182%200l2.909%202.909m-18%203.75h16.5a1.5%201.5%200%200%200%201.5-1.5V6a1.5%201.5%200%200%200-1.5-1.5H3.75A1.5%201.5%200%200%200%202.25%206v12a1.5%201.5%200%200%200%201.5%201.5Zm10.5-11.25h.008v.008h-.008V8.25Zm.375%200a.375.375%200%201%201-.75%200%20.375.375%200%200%201%20.75%200Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-photo);
    mask: var(--hero-photo);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-play-circle {
    --hero-play-circle: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M21%2012a9%209%200%201%201-18%200%209%209%200%200%201%2018%200Z%22%2F%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M15.91%2011.672a.375.375%200%200%201%200%20.656l-5.603%203.113a.375.375%200%200%201-.557-.328V8.887c0-.286.307-.466.557-.327l5.603%203.112Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-play-circle);
    mask: var(--hero-play-circle);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-plus {
    --hero-plus: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M12%204.5v15m7.5-7.5h-15%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-plus);
    mask: var(--hero-plus);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-power {
    --hero-power: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M5.636%205.636a9%209%200%201%200%2012.728%200M12%203v9%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-power);
    mask: var(--hero-power);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-queue-list {
    --hero-queue-list: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M3.75%2012h16.5m-16.5%203.75h16.5M3.75%2019.5h16.5M5.625%204.5h12.75a1.875%201.875%200%200%201%200%203.75H5.625a1.875%201.875%200%200%201%200-3.75Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-queue-list);
    mask: var(--hero-queue-list);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-radio {
    --hero-radio: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m3.75%207.5%2016.5-4.125M12%206.75c-2.708%200-5.363.224-7.948.655C2.999%207.58%202.25%208.507%202.25%209.574v9.176A2.25%202.25%200%200%200%204.5%2021h15a2.25%202.25%200%200%200%202.25-2.25V9.574c0-1.067-.75-1.994-1.802-2.169A48.329%2048.329%200%200%200%2012%206.75Zm-1.683%206.443-.005.005-.006-.005.006-.005.005.005Zm-.005%202.127-.005-.006.005-.005.005.005-.005.005Zm-2.116-.006-.005.006-.006-.006.005-.005.006.005Zm-.005-2.116-.006-.005.006-.005.005.005-.005.005ZM9.255%2010.5v.008h-.008V10.5h.008Zm3.249%201.88-.007.004-.003-.007.006-.003.004.006Zm-1.38%205.126-.003-.006.006-.004.004.007-.006.003Zm.007-6.501-.003.006-.007-.003.004-.007.006.004Zm1.37%205.129-.007-.004.004-.006.006.003-.004.007Zm.504-1.877h-.008v-.007h.008v.007ZM9.255%2018v.008h-.008V18h.008Zm-3.246-1.87-.007.004L6%2016.127l.006-.003.004.006Zm1.366-5.119-.004-.006.006-.004.004.007-.006.003ZM7.38%2017.5l-.003.006-.007-.003.004-.007.006.004Zm-1.376-5.116L6%2012.38l.003-.007.007.004-.004.007Zm-.5%201.873h-.008v-.007h.008v.007ZM17.25%2012.75a.75.75%200%201%201%200-1.5.75.75%200%200%201%200%201.5Zm0%204.5a.75.75%200%201%201%200-1.5.75.75%200%200%201%200%201.5Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-radio);
    mask: var(--hero-radio);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-sparkles {
    --hero-sparkles: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M9.813%2015.904%209%2018.75l-.813-2.846a4.5%204.5%200%200%200-3.09-3.09L2.25%2012l2.846-.813a4.5%204.5%200%200%200%203.09-3.09L9%205.25l.813%202.846a4.5%204.5%200%200%200%203.09%203.09L15.75%2012l-2.846.813a4.5%204.5%200%200%200-3.09%203.09ZM18.259%208.715%2018%209.75l-.259-1.035a3.375%203.375%200%200%200-2.455-2.456L14.25%206l1.036-.259a3.375%203.375%200%200%200%202.455-2.456L18%202.25l.259%201.035a3.375%203.375%200%200%200%202.456%202.456L21.75%206l-1.035.259a3.375%203.375%200%200%200-2.456%202.456ZM16.894%2020.567%2016.5%2021.75l-.394-1.183a2.25%202.25%200%200%200-1.423-1.423L13.5%2018.75l1.183-.394a2.25%202.25%200%200%200%201.423-1.423l.394-1.183.394%201.183a2.25%202.25%200%200%200%201.423%201.423l1.183.394-1.183.394a2.25%202.25%200%200%200-1.423%201.423Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-sparkles);
    mask: var(--hero-sparkles);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-trash {
    --hero-trash: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m14.74%209-.346%209m-4.788%200L9.26%209m9.968-3.21c.342.052.682.107%201.022.166m-1.022-.165L18.16%2019.673a2.25%202.25%200%200%201-2.244%202.077H8.084a2.25%202.25%200%200%201-2.244-2.077L4.772%205.79m14.456%200a48.108%2048.108%200%200%200-3.478-.397m-12%20.562c.34-.059.68-.114%201.022-.165m0%200a48.11%2048.11%200%200%201%203.478-.397m7.5%200v-.916c0-1.18-.91-2.164-2.09-2.201a51.964%2051.964%200%200%200-3.32%200c-1.18.037-2.09%201.022-2.09%202.201v.916m7.5%200a48.667%2048.667%200%200%200-7.5%200%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-trash);
    mask: var(--hero-trash);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-tv {
    --hero-tv: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M6%2020.25h12m-7.5-3v3m3-3v3m-10.125-3h17.25c.621%200%201.125-.504%201.125-1.125V4.875c0-.621-.504-1.125-1.125-1.125H3.375c-.621%200-1.125.504-1.125%201.125v11.25c0%20.621.504%201.125%201.125%201.125Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-tv);
    mask: var(--hero-tv);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-user {
    --hero-user: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M15.75%206a3.75%203.75%200%201%201-7.5%200%203.75%203.75%200%200%201%207.5%200ZM4.501%2020.118a7.5%207.5%200%200%201%2014.998%200A17.933%2017.933%200%200%201%2012%2021.75c-2.676%200-5.216-.584-7.499-1.632Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-user);
    mask: var(--hero-user);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-user-group {
    --hero-user-group: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M18%2018.72a9.094%209.094%200%200%200%203.741-.479%203%203%200%200%200-4.682-2.72m.94%203.198.001.031c0%20.225-.012.447-.037.666A11.944%2011.944%200%200%201%2012%2021c-2.17%200-4.207-.576-5.963-1.584A6.062%206.062%200%200%201%206%2018.719m12%200a5.971%205.971%200%200%200-.941-3.197m0%200A5.995%205.995%200%200%200%2012%2012.75a5.995%205.995%200%200%200-5.058%202.772m0%200a3%203%200%200%200-4.681%202.72%208.986%208.986%200%200%200%203.74.477m.94-3.197a5.971%205.971%200%200%200-.94%203.197M15%206.75a3%203%200%201%201-6%200%203%203%200%200%201%206%200Zm6%203a2.25%202.25%200%201%201-4.5%200%202.25%202.25%200%200%201%204.5%200Zm-13.5%200a2.25%202.25%200%201%201-4.5%200%202.25%202.25%200%200%201%204.5%200Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-user-group);
    mask: var(--hero-user-group);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-video-camera {
    --hero-video-camera: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m15.75%2010.5%204.72-4.72a.75.75%200%200%201%201.28.53v11.38a.75.75%200%200%201-1.28.53l-4.72-4.72M4.5%2018.75h9a2.25%202.25%200%200%200%202.25-2.25v-9a2.25%202.25%200%200%200-2.25-2.25h-9A2.25%202.25%200%200%200%202.25%207.5v9a2.25%202.25%200%200%200%202.25%202.25Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-video-camera);
    mask: var(--hero-video-camera);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-viewfinder-circle {
    --hero-viewfinder-circle: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M7.5%203.75H6A2.25%202.25%200%200%200%203.75%206v1.5M16.5%203.75H18A2.25%202.25%200%200%201%2020.25%206v1.5m0%209V18A2.25%202.25%200%200%201%2018%2020.25h-1.5m-9%200H6A2.25%202.25%200%200%201%203.75%2018v-1.5M15%2012a3%203%200%201%201-6%200%203%203%200%200%201%206%200Z%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-viewfinder-circle);
    mask: var(--hero-viewfinder-circle);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .hero-x-mark {
    --hero-x-mark: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M6%2018%2018%206M6%206l12%2012%22%2F%3E%3C%2Fsvg%3E');
    -webkit-mask: var(--hero-x-mark);
    mask: var(--hero-x-mark);
    mask-repeat: no-repeat;
    background-color: currentColor;
    vertical-align: middle;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .table {
    display: table;
  }
  .aspect-square {
    aspect-ratio: 1 / 1;
  }
  .size-2 {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }
  .size-3 {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }
  .size-3\.5 {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }
  .size-4 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .size-4\.5 {
    width: calc(var(--spacing) * 4.5);
    height: calc(var(--spacing) * 4.5);
  }
  .size-5 {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }
  .size-6 {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }
  .size-7 {
    width: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 7);
  }
  .size-\[18px\] {
    width: 18px;
    height: 18px;
  }
  .size-\[22px\] {
    width: 22px;
    height: 22px;
  }
  .h-4 {
    height: calc(var(--spacing) * 4);
  }
  .h-5 {
    height: calc(var(--spacing) * 5);
  }
  .h-8 {
    height: calc(var(--spacing) * 8);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-16 {
    height: calc(var(--spacing) * 16);
  }
  .h-64 {
    height: calc(var(--spacing) * 64);
  }
  .h-\[75vh\] {
    height: 75vh;
  }
  .h-full {
    height: 100%;
  }
  .max-h-52 {
    max-height: calc(var(--spacing) * 52);
  }
  .max-h-\[50vh\] {
    max-height: 50vh;
  }
  .min-h-10 {
    min-height: calc(var(--spacing) * 10);
  }
  .min-h-11 {
    min-height: calc(var(--spacing) * 11);
  }
  .min-h-12 {
    min-height: calc(var(--spacing) * 12);
  }
  .min-h-20 {
    min-height: calc(var(--spacing) * 20);
  }
  .min-h-28 {
    min-height: calc(var(--spacing) * 28);
  }
  .min-h-96 {
    min-height: calc(var(--spacing) * 96);
  }
  .min-h-\[calc\(100vh-5rem\)\] {
    min-height: calc(100vh - 5rem);
  }
  .min-h-screen {
    min-height: 100vh;
  }
  .w-1\/4 {
    width: calc(1/4 * 100%);
  }
  .w-2\/3 {
    width: calc(2/3 * 100%);
  }
  .w-2\/5 {
    width: calc(2/5 * 100%);
  }
  .w-3\/5 {
    width: calc(3/5 * 100%);
  }
  .w-4\/5 {
    width: calc(4/5 * 100%);
  }
  .w-14 {
    width: calc(var(--spacing) * 14);
  }
  .w-28 {
    width: calc(var(--spacing) * 28);
  }
  .w-48 {
    width: calc(var(--spacing) * 48);
  }
  .w-56 {
    width: calc(var(--spacing) * 56);
  }
  .w-80 {
    width: calc(var(--spacing) * 80);
  }
  .w-fit {
    width: fit-content;
  }
  .w-full {
    width: 100%;
  }
  .max-w-2xl {
    max-width: var(--container-2xl);
  }
  .max-w-3xl {
    max-width: var(--container-3xl);
  }
  .max-w-4xl {
    max-width: var(--container-4xl);
  }
  .max-w-6xl {
    max-width: var(--container-6xl);
  }
  .max-w-7xl {
    max-width: var(--container-7xl);
  }
  .max-w-52 {
    max-width: calc(var(--spacing) * 52);
  }
  .max-w-56 {
    max-width: calc(var(--spacing) * 56);
  }
  .max-w-72 {
    max-width: calc(var(--spacing) * 72);
  }
  .max-w-\[calc\(100vw-2rem\)\] {
    max-width: calc(100vw - 2rem);
  }
  .max-w-lg {
    max-width: var(--container-lg);
  }
  .max-w-md {
    max-width: var(--container-md);
  }
  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }
  .flex-1 {
    flex: 1;
  }
  .flex-none {
    flex: none;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .flex-grow {
    flex-grow: 1;
  }
  .grow {
    flex-grow: 1;
  }
  .basis-full {
    flex-basis: 100%;
  }
  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-0 {
    --tw-translate-y: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-y-4 {
    --tw-translate-y: calc(var(--spacing) * 4);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .list-decimal {
    list-style-type: decimal;
  }
  .list-none {
    list-style-type: none;
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }
  .space-y-1 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-2 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-3 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-4 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-5 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-6 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-8 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-10 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .divide-y {
    :where(& > :not(:last-child)) {
      --tw-divide-y-reverse: 0;
      border-bottom-style: var(--tw-border-style);
      border-top-style: var(--tw-border-style);
      border-top-width: calc(1px * var(--tw-divide-y-reverse));
      border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    }
  }
  .divide-\[var\(--sentinel-rule\)\] {
    :where(& > :not(:last-child)) {
      border-color: var(--sentinel-rule);
    }
  }
  .self-start {
    align-self: flex-start;
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .\!rounded-full {
    border-radius: calc(infinity * 1px) !important;
  }
  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-xl {
    border-radius: var(--radius-xl);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-y {
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-t-2 {
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
  }
  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }
  .border-l-4 {
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
  }
  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .border-\[var\(--sentinel-accent\)\] {
    border-color: var(--sentinel-accent);
  }
  .border-\[var\(--sentinel-danger\)\] {
    border-color: var(--sentinel-danger);
  }
  .border-\[var\(--sentinel-ink\)\] {
    border-color: var(--sentinel-ink);
  }
  .border-\[var\(--sentinel-ink\)\]\/10 {
    border-color: var(--sentinel-ink);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--sentinel-ink) 10%, transparent);
    }
  }
  .border-\[var\(--sentinel-rule\)\] {
    border-color: var(--sentinel-rule);
  }
  .border-\[var\(--sentinel-rule-strong\)\] {
    border-color: var(--sentinel-rule-strong);
  }
  .border-\[var\(--sentinel-status-negative\)\] {
    border-color: var(--sentinel-status-negative);
  }
  .border-\[var\(--sentinel-status-positive\)\] {
    border-color: var(--sentinel-status-positive);
  }
  .border-amber-600 {
    border-color: var(--color-amber-600);
  }
  .border-current {
    border-color: currentcolor;
  }
  .border-current\/10 {
    border-color: currentcolor;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, currentcolor 10%, transparent);
    }
  }
  .border-red-300 {
    border-color: var(--color-red-300);
  }
  .border-transparent {
    border-color: transparent;
  }
  .bg-\[var\(--sentinel-accent\)\] {
    background-color: var(--sentinel-accent);
  }
  .bg-\[var\(--sentinel-canvas\)\] {
    background-color: var(--sentinel-canvas);
  }
  .bg-\[var\(--sentinel-danger\)\] {
    background-color: var(--sentinel-danger);
  }
  .bg-\[var\(--sentinel-panel\)\] {
    background-color: var(--sentinel-panel);
  }
  .bg-\[var\(--sentinel-panel-muted\)\] {
    background-color: var(--sentinel-panel-muted);
  }
  .bg-\[var\(--sentinel-panel-strong\)\] {
    background-color: var(--sentinel-panel-strong);
  }
  .bg-\[var\(--sentinel-status-failed-surface\)\] {
    background-color: var(--sentinel-status-failed-surface);
  }
  .bg-\[var\(--sentinel-status-negative-surface\)\] {
    background-color: var(--sentinel-status-negative-surface);
  }
  .bg-\[var\(--sentinel-status-neutral-surface\)\] {
    background-color: var(--sentinel-status-neutral-surface);
  }
  .bg-\[var\(--sentinel-status-pending-surface\)\] {
    background-color: var(--sentinel-status-pending-surface);
  }
  .bg-\[var\(--sentinel-status-positive-surface\)\] {
    background-color: var(--sentinel-status-positive-surface);
  }
  .bg-amber-50 {
    background-color: var(--color-amber-50);
  }
  .bg-current {
    background-color: currentcolor;
  }
  .bg-transparent {
    background-color: transparent;
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-5 {
    padding: calc(var(--spacing) * 5);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .p-8 {
    padding: calc(var(--spacing) * 8);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }
  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
  .py-12 {
    padding-block: calc(var(--spacing) * 12);
  }
  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }
  .pt-5 {
    padding-top: calc(var(--spacing) * 5);
  }
  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }
  .pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }
  .pt-16 {
    padding-top: calc(var(--spacing) * 16);
  }
  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }
  .pb-5 {
    padding-bottom: calc(var(--spacing) * 5);
  }
  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }
  .pl-5 {
    padding-left: calc(var(--spacing) * 5);
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .align-middle {
    vertical-align: middle;
  }
  .align-top {
    vertical-align: top;
  }
  .font-mono {
    font-family: var(--font-mono);
  }
  .font-serif {
    font-family: var(--font-serif);
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
  .text-4xl {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .text-\[0\.65rem\] {
    font-size: 0.65rem;
  }
  .text-\[0\.625rem\] {
    font-size: 0.625rem;
  }
  .leading-5 {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }
  .leading-6 {
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
  }
  .leading-7 {
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
  .font-black {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .tracking-\[0\.1em\] {
    --tw-tracking: 0.1em;
    letter-spacing: 0.1em;
  }
  .tracking-\[0\.08em\] {
    --tw-tracking: 0.08em;
    letter-spacing: 0.08em;
  }
  .tracking-\[0\.12em\] {
    --tw-tracking: 0.12em;
    letter-spacing: 0.12em;
  }
  .tracking-\[0\.14em\] {
    --tw-tracking: 0.14em;
    letter-spacing: 0.14em;
  }
  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }
  .tracking-wider {
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
  }
  .\[overflow-wrap\:anywhere\] {
    overflow-wrap: anywhere;
  }
  .break-words {
    overflow-wrap: break-word;
  }
  .break-all {
    word-break: break-all;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }
  .text-\[var\(--sentinel-accent\)\] {
    color: var(--sentinel-accent);
  }
  .text-\[var\(--sentinel-danger\)\] {
    color: var(--sentinel-danger);
  }
  .text-\[var\(--sentinel-ink\)\] {
    color: var(--sentinel-ink);
  }
  .text-\[var\(--sentinel-muted\)\] {
    color: var(--sentinel-muted);
  }
  .text-\[var\(--sentinel-on-accent\)\] {
    color: var(--sentinel-on-accent);
  }
  .text-\[var\(--sentinel-on-danger\)\] {
    color: var(--sentinel-on-danger);
  }
  .text-\[var\(--sentinel-status-failed\)\] {
    color: var(--sentinel-status-failed);
  }
  .text-\[var\(--sentinel-status-negative\)\] {
    color: var(--sentinel-status-negative);
  }
  .text-\[var\(--sentinel-status-neutral\)\] {
    color: var(--sentinel-status-neutral);
  }
  .text-\[var\(--sentinel-status-pending\)\] {
    color: var(--sentinel-status-pending);
  }
  .text-\[var\(--sentinel-status-positive\)\] {
    color: var(--sentinel-status-positive);
  }
  .text-amber-800 {
    color: var(--color-amber-800);
  }
  .text-amber-900 {
    color: var(--color-amber-900);
  }
  .text-amber-950 {
    color: var(--color-amber-950);
  }
  .text-white {
    color: var(--color-white);
  }
  .uppercase {
    text-transform: uppercase;
  }
  .ordinal {
    --tw-ordinal: ordinal;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .underline {
    text-decoration-line: underline;
  }
  .underline-offset-4 {
    text-underline-offset: 4px;
  }
  .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .accent-\[var\(--sentinel-accent\)\] {
    accent-color: var(--sentinel-accent);
  }
  .opacity-0 {
    opacity: 0%;
  }
  .opacity-40 {
    opacity: 40%;
  }
  .opacity-100 {
    opacity: 100%;
  }
  .shadow-\[var\(--sentinel-elevation\)\] {
    --tw-shadow: var(--sentinel-elevation);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .duration-150 {
    --tw-duration: 150ms;
    transition-duration: 150ms;
  }
  .duration-200 {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .ease-in {
    --tw-ease: var(--ease-in);
    transition-timing-function: var(--ease-in);
  }
  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }
  .group-open\:rotate-180 {
    &:is(:where(.group):is([open], :popover-open, :open) *) {
      rotate: 180deg;
    }
  }
  .group-hover\:opacity-70 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        opacity: 70%;
      }
    }
  }
  .placeholder\:text-\[var\(--sentinel-muted\)\] {
    &::placeholder {
      color: var(--sentinel-muted);
    }
  }
  .last\:border-0 {
    &:last-child {
      border-style: var(--tw-border-style);
      border-width: 0px;
    }
  }
  .last\:border-r-0 {
    &:last-child {
      border-right-style: var(--tw-border-style);
      border-right-width: 0px;
    }
  }
  .only\:block {
    &:only-child {
      display: block;
    }
  }
  .hover\:-translate-y-0\.5 {
    &:hover {
      @media (hover: hover) {
        --tw-translate-y: calc(var(--spacing) * -0.5);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .hover\:border-\[var\(--sentinel-accent\)\] {
    &:hover {
      @media (hover: hover) {
        border-color: var(--sentinel-accent);
      }
    }
  }
  .hover\:border-\[var\(--sentinel-ink\)\] {
    &:hover {
      @media (hover: hover) {
        border-color: var(--sentinel-ink);
      }
    }
  }
  .hover\:bg-\[var\(--sentinel-accent\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--sentinel-accent);
      }
    }
  }
  .hover\:bg-\[var\(--sentinel-accent-deep\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--sentinel-accent-deep);
      }
    }
  }
  .hover\:bg-\[var\(--sentinel-panel-muted\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--sentinel-panel-muted);
      }
    }
  }
  .hover\:bg-black\/5 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #000 5%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
        }
      }
    }
  }
  .hover\:text-white {
    &:hover {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
  .hover\:opacity-90 {
    &:hover {
      @media (hover: hover) {
        opacity: 90%;
      }
    }
  }
  .hover\:shadow-\[var\(--sentinel-elevation\)\] {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: var(--sentinel-elevation);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .focus\:border-\[var\(--sentinel-accent\)\] {
    &:focus {
      border-color: var(--sentinel-accent);
    }
  }
  .focus\:border-\[var\(--sentinel-danger\)\] {
    &:focus {
      border-color: var(--sentinel-danger);
    }
  }
  .focus\:ring-0 {
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus\:ring-2 {
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus\:ring-\[var\(--sentinel-accent\)\] {
    &:focus {
      --tw-ring-color: var(--sentinel-accent);
    }
  }
  .focus\:ring-offset-2 {
    &:focus {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
  }
  .focus-visible\:outline-2 {
    &:focus-visible {
      outline-style: var(--tw-outline-style);
      outline-width: 2px;
    }
  }
  .focus-visible\:outline-\[var\(--sentinel-accent\)\] {
    &:focus-visible {
      outline-color: var(--sentinel-accent);
    }
  }
  .focus-visible\:outline-none {
    &:focus-visible {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .disabled\:cursor-not-allowed {
    &:disabled {
      cursor: not-allowed;
    }
  }
  .disabled\:bg-\[var\(--sentinel-panel-muted\)\] {
    &:disabled {
      background-color: var(--sentinel-panel-muted);
    }
  }
  .disabled\:opacity-35 {
    &:disabled {
      opacity: 35%;
    }
  }
  .disabled\:opacity-40 {
    &:disabled {
      opacity: 40%;
    }
  }
  .disabled\:opacity-60 {
    &:disabled {
      opacity: 60%;
    }
  }
  .disabled\:shadow-none {
    &:disabled {
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .motion-safe\:animate-spin {
    @media (prefers-reduced-motion: no-preference) {
      animation: var(--animate-spin);
    }
  }
  .max-xl\:hidden {
    @media (width < 80rem) {
      display: none;
    }
  }
  .max-md\:hidden {
    @media (width < 48rem) {
      display: none;
    }
  }
  .sm\:block {
    @media (width >= 40rem) {
      display: block;
    }
  }
  .sm\:w-48 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 48);
    }
  }
  .sm\:w-80 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 80);
    }
  }
  .sm\:w-96 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 96);
    }
  }
  .sm\:w-auto {
    @media (width >= 40rem) {
      width: auto;
    }
  }
  .sm\:translate-y-0 {
    @media (width >= 40rem) {
      --tw-translate-y: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .sm\:scale-95 {
    @media (width >= 40rem) {
      --tw-scale-x: 95%;
      --tw-scale-y: 95%;
      --tw-scale-z: 95%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .sm\:scale-100 {
    @media (width >= 40rem) {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
  .sm\:grid-cols-3 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .sm\:flex-row {
    @media (width >= 40rem) {
      flex-direction: row;
    }
  }
  .sm\:items-center {
    @media (width >= 40rem) {
      align-items: center;
    }
  }
  .sm\:items-end {
    @media (width >= 40rem) {
      align-items: flex-end;
    }
  }
  .sm\:items-start {
    @media (width >= 40rem) {
      align-items: flex-start;
    }
  }
  .sm\:justify-between {
    @media (width >= 40rem) {
      justify-content: space-between;
    }
  }
  .sm\:gap-5 {
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 5);
    }
  }
  .sm\:gap-6 {
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 6);
    }
  }
  .sm\:p-6 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 6);
    }
  }
  .sm\:p-10 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 10);
    }
  }
  .sm\:px-6 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  .sm\:px-10 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 10);
    }
  }
  .sm\:py-16 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 16);
    }
  }
  .sm\:text-3xl {
    @media (width >= 40rem) {
      font-size: var(--text-3xl);
      line-height: var(--tw-leading, var(--text-3xl--line-height));
    }
  }
  .sm\:text-5xl {
    @media (width >= 40rem) {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
  }
  .md\:hidden {
    @media (width >= 48rem) {
      display: none;
    }
  }
  .md\:grid-cols-2 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-\[8rem_1fr\] {
    @media (width >= 48rem) {
      grid-template-columns: 8rem 1fr;
    }
  }
  .lg\:order-last {
    @media (width >= 64rem) {
      order: 9999;
    }
  }
  .lg\:list-item {
    @media (width >= 64rem) {
      display: list-item;
    }
  }
  .lg\:max-h-\[70vh\] {
    @media (width >= 64rem) {
      max-height: 70vh;
    }
  }
  .lg\:grid-cols-4 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.4fr\)\] {
    @media (width >= 64rem) {
      grid-template-columns: minmax(0,1fr) minmax(0,1.4fr);
    }
  }
  .lg\:overflow-y-auto {
    @media (width >= 64rem) {
      overflow-y: auto;
    }
  }
  .lg\:p-14 {
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 14);
    }
  }
  .lg\:px-8 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 8);
    }
  }
  .lg\:px-10 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 10);
    }
  }
  .xl\:hidden {
    @media (width >= 80rem) {
      display: none;
    }
  }
  .phx-submit-loading\:opacity-75 {
    .phx-submit-loading&, .phx-submit-loading & {
      opacity: 75%;
    }
  }
  .\[\&_summary\]\:min-h-11 {
    & summary {
      min-height: calc(var(--spacing) * 11);
    }
  }
  .\[\&_summary\]\:rounded-lg {
    & summary {
      border-radius: var(--radius-lg);
    }
  }
  .\[\&_summary\]\:py-2 {
    & summary {
      padding-block: calc(var(--spacing) * 2);
    }
  }
  .\[\&_summary_span\]\:font-normal {
    & summary span {
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal);
    }
  }
  .\[\&\:\:-webkit-details-marker\]\:hidden {
    &::-webkit-details-marker {
      display: none;
    }
  }
  .\[\&\>div\]\:mb-0 {
    &>div {
      margin-bottom: calc(var(--spacing) * 0);
    }
  }
}
.flatpickr-calendar {
  background: transparent;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  -webkit-animation: none;
  animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 5px;
  position: absolute;
  width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  background: #fff;
  -webkit-box-shadow: 1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);
  box-shadow: 1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);
}
.flatpickr-calendar.open,.flatpickr-calendar.inline {
  opacity: 1;
  max-height: 640px;
  visibility: visible;
}
.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999;
}
.flatpickr-calendar.animate.open {
  -webkit-animation: fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);
  animation: fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);
}
.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}
.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}
.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  -webkit-box-shadow: -2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;
  box-shadow: -2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;
}
.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}
.flatpickr-calendar.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #e6e6e6;
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}
.flatpickr-calendar:before,.flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  left: 22px;
}
.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after {
  left: auto;
  right: 22px;
}
.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after {
  left: 50%;
  right: 50%;
}
.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px;
}
.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px;
}
.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after {
  bottom: 100%;
}
.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #e6e6e6;
}
.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff;
}
.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after {
  top: 100%;
}
.flatpickr-calendar.arrowBottom:before {
  border-top-color: #e6e6e6;
}
.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff;
}
.flatpickr-calendar:focus {
  outline: 0;
}
.flatpickr-wrapper {
  position: relative;
  display: inline-block;
}
.flatpickr-months {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flatpickr-months .flatpickr-month {
  background: transparent;
  color: rgba(0,0,0,0.9);
  fill: rgba(0,0,0,0.9);
  height: 34px;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  height: 34px;
  padding: 10px;
  z-index: 3;
  color: rgba(0,0,0,0.9);
  fill: rgba(0,0,0,0.9);
}
.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  display: none;
}
.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i {
  position: relative;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
  left: 0;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
  right: 0;
}
.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover {
  color: #959ea9;
}
.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg {
  fill: #f64747;
}
.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg {
  width: 14px;
  height: 14px;
}
.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path {
  -webkit-transition: fill .1s;
  transition: fill .1s;
  fill: inherit;
}
.numInputWrapper {
  position: relative;
  height: auto;
}
.numInputWrapper input,.numInputWrapper span {
  display: inline-block;
}
.numInputWrapper input {
  width: 100%;
}
.numInputWrapper input::-ms-clear {
  display: none;
}
.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(57,57,57,0.15);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.numInputWrapper span:hover {
  background: rgba(0,0,0,0.1);
}
.numInputWrapper span:active {
  background: rgba(0,0,0,0.2);
}
.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
}
.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0;
}
.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(57,57,57,0.6);
  top: 26%;
}
.numInputWrapper span.arrowDown {
  top: 50%;
}
.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(57,57,57,0.6);
  top: 40%;
}
.numInputWrapper span svg {
  width: inherit;
  height: auto;
}
.numInputWrapper span svg path {
  fill: rgba(0,0,0,0.5);
}
.numInputWrapper:hover {
  background: rgba(0,0,0,0.05);
}
.numInputWrapper:hover span {
  opacity: 1;
}
.flatpickr-current-month {
  font-size: 135%;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 7.48px 0 0 0;
  line-height: 1;
  height: 34px;
  display: inline-block;
  text-align: center;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}
.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: .5ch;
  padding: 0;
}
.flatpickr-current-month span.cur-month:hover {
  background: rgba(0,0,0,0.05);
}
.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch\0;
  display: inline-block;
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(0,0,0,0.9);
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(0,0,0,0.9);
}
.flatpickr-current-month input.cur-year {
  background: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  cursor: text;
  padding: 0 0 0 .5ch;
  margin: 0;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: auto;
  border: 0;
  border-radius: 0;
  vertical-align: initial;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}
.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(0,0,0,0.5);
  background: transparent;
  pointer-events: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: menulist;
  background: transparent;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  height: auto;
  line-height: inherit;
  margin: -1px 0 0 0;
  outline: none;
  padding: 0 0 0 .5ch;
  position: relative;
  vertical-align: initial;
  -webkit-box-sizing: border-box;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  width: auto;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active {
  outline: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: rgba(0,0,0,0.05);
}
.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: transparent;
  outline: none;
  padding: 0;
}
.flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 28px;
}
.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: transparent;
  color: rgba(0,0,0,0.54);
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-weight: bolder;
}
.dayContainer,.flatpickr-weeks {
  padding: 1px 0 0 0;
}
.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 307.875px;
}
.flatpickr-days:focus {
  outline: 0;
}
.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  opacity: 1;
}
.dayContainer + .dayContainer {
  -webkit-box-shadow: -1px 0 0 #e6e6e6;
  box-shadow: -1px 0 0 #e6e6e6;
}
.flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #393939;
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  -webkit-flex-basis: 14.2857143%;
  -ms-flex-preferred-size: 14.2857143%;
  flex-basis: 14.2857143%;
  max-width: 39px;
  height: 39px;
  line-height: 39px;
  margin: 0;
  display: inline-block;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}
.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #e6e6e6;
  border-color: #e6e6e6;
}
.flatpickr-day.today {
  border-color: #959ea9;
}
.flatpickr-day.today:hover,.flatpickr-day.today:focus {
  border-color: #959ea9;
  background: #959ea9;
  color: #fff;
}
.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay {
  background: #569ff7;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  border-color: #569ff7;
}
.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px;
}
.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0;
}
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  -webkit-box-shadow: -10px 0 0 #569ff7;
  box-shadow: -10px 0 0 #569ff7;
}
.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px;
}
.flatpickr-day.inRange {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;
  box-shadow: -5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;
}
.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(57,57,57,0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}
.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover {
  cursor: not-allowed;
  color: rgba(57,57,57,0.1);
}
.flatpickr-day.week.selected {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #569ff7,5px 0 0 #569ff7;
  box-shadow: -5px 0 0 #569ff7,5px 0 0 #569ff7;
}
.flatpickr-day.hidden {
  visibility: hidden;
}
.rangeMode .flatpickr-day {
  margin-top: 1px;
}
.flatpickr-weekwrapper {
  float: left;
}
.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  -webkit-box-shadow: 1px 0 0 #e6e6e6;
  box-shadow: 1px 0 0 #e6e6e6;
}
.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px;
}
.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(57,57,57,0.3);
  background: transparent;
  cursor: default;
  border: none;
}
.flatpickr-innerContainer {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}
.flatpickr-time .numInputWrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 40%;
  height: 40px;
  float: left;
}
.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #393939;
}
.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #393939;
}
.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}
.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}
.flatpickr-time input {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  color: #393939;
  font-size: 14px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.flatpickr-time input.flatpickr-hour {
  font-weight: bold;
}
.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second {
  font-weight: 400;
}
.flatpickr-time input:focus {
  outline: 0;
  border: 0;
}
.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm {
  height: inherit;
  float: left;
  line-height: inherit;
  color: #393939;
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}
.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
}
.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus {
  background: #eee;
}
.flatpickr-input[readonly] {
  cursor: pointer;
}
@-webkit-keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0,-20px,0);
    transform: translate3d(0,-20px,0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }
}
@keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0,-20px,0);
    transform: translate3d(0,-20px,0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }
}
@font-face {
  font-family: "Newsreader";
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url("/fonts/newsreader-latin-ext-opsz-normal.woff2") format("woff2-variations");
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: "Newsreader";
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url("/fonts/newsreader-latin-opsz-normal.woff2") format("woff2-variations");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: "Geist";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("/fonts/geist-latin-ext-wght-normal.woff2") format("woff2-variations");
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: "Geist";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("/fonts/geist-latin-wght-normal.woff2") format("woff2-variations");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: "Geist Mono";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("/fonts/geist-mono-latin-ext-wght-normal.woff2") format("woff2-variations");
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: "Geist Mono";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("/fonts/geist-mono-latin-wght-normal.woff2") format("woff2-variations");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@layer components {
  .entity-action, .entity-primary {
    border: 1px solid var(--sentinel-rule-strong);
    border-radius: 0.5rem;
    color: var(--sentinel-ink);
    font-family: var(--font-ui);
    font-size: 0.75rem;
    font-weight: 650;
    letter-spacing: 0.01em;
    text-transform: none;
    transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease;
  }
  .entity-action {
    padding: 0.45rem 0.7rem;
  }
  .entity-primary {
    width: 100%;
    border-color: var(--sentinel-accent);
    background: var(--sentinel-accent);
    color: var(--sentinel-on-accent);
    padding: 0.65rem 1rem;
  }
  .entity-action:hover {
    border-color: var(--sentinel-accent);
    background: var(--sentinel-panel-muted);
  }
  .entity-primary:hover {
    border-color: var(--sentinel-accent-deep);
    background: var(--sentinel-accent-deep);
    color: var(--sentinel-on-accent);
  }
  .sentinel-action-primary, .sentinel-action-secondary, .sentinel-action-danger {
    border: 1px solid var(--sentinel-rule-strong);
    border-radius: 0.5rem;
    color: var(--sentinel-ink);
    cursor: pointer;
    transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease;
  }
  .sentinel-action-primary {
    border-color: var(--sentinel-accent);
    background: var(--sentinel-accent);
    color: var(--sentinel-on-accent);
  }
  .sentinel-action-primary:hover {
    border-color: var(--sentinel-accent-deep);
    background: var(--sentinel-accent-deep);
    color: var(--sentinel-on-accent);
  }
  .sentinel-action-secondary {
    background: var(--sentinel-panel-strong);
  }
  .sentinel-action-secondary:hover {
    border-color: var(--sentinel-accent);
    background: var(--sentinel-panel-muted);
    color: var(--sentinel-ink);
  }
  .sentinel-action-danger {
    border-color: var(--sentinel-danger);
    color: var(--sentinel-danger);
  }
  .sentinel-action-danger:hover {
    border-color: var(--sentinel-danger);
    background: var(--sentinel-danger);
    color: var(--sentinel-on-danger);
  }
  .sentinel-interactive-surface:hover {
    border-color: var(--sentinel-accent-deep);
    background: var(--sentinel-accent-deep);
    color: var(--sentinel-on-accent);
  }
  .sentinel-interactive-surface:hover .sentinel-kicker {
    color: var(--sentinel-on-accent);
  }
}
:root, [data-surface="platform-admin"] {
  color-scheme: dark;
  --sentinel-canvas: #10161f;
  --sentinel-panel: #171b20;
  --sentinel-panel-muted: #1c2127;
  --sentinel-panel-strong: #252a31;
  --sentinel-ink: #f6f7f9;
  --sentinel-muted: #abb3bf;
  --sentinel-muted-2: #7d8898;
  --sentinel-rule: rgb(197 203 211 / 15%);
  --sentinel-rule-strong: rgb(197 203 211 / 28%);
  --sentinel-accent: #4c90f0;
  --sentinel-accent-deep: #8abbff;
  --sentinel-accent-soft: rgb(76 144 240 / 12%);
  --sentinel-brand: #fd4f00;
  --sentinel-brand-deep: #c73b00;
  --sentinel-on-accent: #111418;
  --sentinel-danger: #e76a6e;
  --sentinel-on-danger: #200e0b;
  --sentinel-warning: #ec9a3c;
  --sentinel-highlight: rgb(76 144 240 / 12%);
  --sentinel-focus: #8abbff;
  --sentinel-field-border: #7d8898;
  --sentinel-status-positive: #13c9ba;
  --sentinel-status-positive-surface: rgb(19 201 186 / 11%);
  --sentinel-status-negative: #e76a6e;
  --sentinel-status-negative-surface: rgb(231 106 110 / 12%);
  --sentinel-status-neutral: #abb3bf;
  --sentinel-status-neutral-surface: rgb(197 203 211 / 12%);
  --sentinel-status-mixed: #ec9a3c;
  --sentinel-status-mixed-surface: rgb(236 154 60 / 12%);
  --sentinel-status-pending: #4c90f0;
  --sentinel-status-pending-surface: rgb(76 144 240 / 12%);
  --sentinel-status-failed: #e76a6e;
  --sentinel-status-failed-surface: rgb(231 106 110 / 12%);
  --sentinel-status-ironic: #b48cf2;
  --sentinel-chart-positive: #20cdbd;
  --sentinel-chart-negative: #eb7379;
  --sentinel-chart-neutral: #abb3bf;
  --sentinel-chart-net: #4c90f0;
  --sentinel-chart-grid: rgb(197 203 211 / 15%);
  --sentinel-chart-text: #abb3bf;
  --sentinel-chart-tooltip: #252a31;
  --sentinel-chart-tooltip-rule: rgb(197 203 211 / 28%);
  --sentinel-topbar: #4c90f0;
  --sentinel-topbar-shadow: rgb(0 0 0 / 42%);
  --sentinel-elevation: 0 16px 42px rgb(0 0 0 / 28%);
}
html {
  background: var(--sentinel-canvas);
}
body {
  background: var(--sentinel-canvas);
  color: var(--sentinel-ink);
  font-family: var(--font-ui);
}
::selection {
  background: var(--sentinel-accent);
  color: var(--sentinel-on-accent);
}
:focus-visible {
  outline: 2px solid var(--sentinel-focus);
  outline-offset: 3px;
}
svg text {
  stroke: none;
}
[data-phx-session], [data-phx-teleported-src] {
  display: contents;
}
.sentinel-frame {
  overflow: clip;
  border: 1px solid var(--sentinel-rule);
  border-radius: 0.75rem;
  background: var(--sentinel-panel);
  box-shadow: var(--sentinel-elevation);
}
.sentinel-card {
  border: 1px solid var(--sentinel-rule-strong);
  background: var(--sentinel-panel-muted);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 6%), var(--sentinel-elevation);
}
.sentinel-kicker {
  color: var(--sentinel-accent);
  font-family: var(--font-ui);
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  line-height: 1.5;
  text-transform: uppercase;
}
.sentinel-display {
  font-family: var(--font-display);
  font-weight: 500;
  letter-spacing: -0.02em;
}
.sentinel-muted {
  color: var(--sentinel-muted);
}
.sentinel-nav-link {
  border-bottom: 1px solid transparent;
  color: var(--sentinel-muted);
  font-family: var(--font-ui);
  font-size: 0.8125rem;
  font-weight: 600;
  letter-spacing: 0;
  padding-block: 0.25rem;
  text-transform: none;
  transition: border-color 160ms ease, color 160ms ease;
}
.sentinel-nav-link:hover {
  border-color: var(--sentinel-accent);
  color: var(--sentinel-ink);
}
.sentinel-switch-status {
  opacity: 0;
  transform: translateY(-0.2rem);
  transition: opacity 120ms ease, transform 120ms ease;
  visibility: hidden;
}
.sentinel-switch.phx-click-loading {
  background: var(--sentinel-panel-muted);
  border-color: var(--sentinel-accent);
  cursor: progress;
  opacity: 1;
}
.sentinel-switch.phx-click-loading + .sentinel-switch-status {
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
}
.sentinel-grid {
  border: 0;
}
#site-header, #app-main, #flash-group {
  font-family: var(--font-ui);
}
#site-header {
  border-color: var(--sentinel-rule);
  border-bottom-width: 1px;
  background: var(--sentinel-canvas);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--sentinel-canvas) 92%, transparent);
  }
  backdrop-filter: blur(14px);
}
#site-header .font-serif, #app-main .font-serif, #flash-group .font-serif {
  font-family: var(--font-display);
}
#site-header [class~="border-[var(--sentinel-ink)]"]:not(input, select, textarea), #app-main [class~="border-[var(--sentinel-ink)]"]:not(input, select, textarea), #flash-group [class~="border-[var(--sentinel-ink)]"]:not(input, select, textarea) {
  border-color: var(--sentinel-rule);
}
#app-main button[role="switch"][class~="bg-transparent"] {
  border-color: var(--sentinel-rule-strong);
  background-color: var(--sentinel-panel-strong);
}
#app-main button[role="switch"] > span {
  border-color: var(--sentinel-panel-strong);
  background-color: var(--sentinel-ink);
  box-shadow: 0 1px 3px rgb(4 12 20 / 24%);
}
#site-header [class*="hover:-translate"]:hover, #app-main [class*="hover:-translate"]:hover, #flash-group [class*="hover:-translate"]:hover {
  transform: translateY(-1px);
}
#site-header input, #site-header select, #site-header textarea, #app-main input, #app-main select, #app-main textarea {
  border-color: var(--sentinel-field-border);
  border-radius: 0.5rem;
  box-shadow: none;
}
#site-header input:focus, #site-header select:focus, #site-header textarea:focus, #app-main input:focus, #app-main select:focus, #app-main textarea:focus {
  border-color: var(--sentinel-accent);
}
#app-main [aria-invalid="true"] {
  border-color: var(--sentinel-danger);
}
.flatpickr-calendar {
  border: 1px solid var(--sentinel-rule-strong);
  border-radius: 0.5rem;
  background: var(--sentinel-panel);
  box-shadow: var(--sentinel-elevation);
  color: var(--sentinel-ink);
}
.flatpickr-calendar.arrowTop::before {
  border-bottom-color: var(--sentinel-rule-strong);
}
.flatpickr-calendar.arrowTop::after {
  border-bottom-color: var(--sentinel-panel);
}
.flatpickr-months .flatpickr-month, .flatpickr-current-month .flatpickr-monthDropdown-months, .flatpickr-current-month input.cur-year, .flatpickr-weekday, .flatpickr-day {
  color: var(--sentinel-ink);
}
.flatpickr-weekday, .flatpickr-current-month .flatpickr-monthDropdown-months {
  color: var(--sentinel-muted);
}
.flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover, span.flatpickr-weekday {
  color: var(--sentinel-muted);
}
.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
  fill: var(--sentinel-ink);
}
.flatpickr-months .flatpickr-prev-month:hover, .flatpickr-months .flatpickr-next-month:hover, .flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg {
  color: var(--sentinel-accent);
  fill: var(--sentinel-accent);
}
.flatpickr-day:hover, .flatpickr-day:focus {
  border-color: var(--sentinel-accent);
  background: var(--sentinel-panel-muted);
}
.flatpickr-day.selected, .flatpickr-day.selected:hover, .flatpickr-day.selected:focus {
  border-color: var(--sentinel-accent);
  background: var(--sentinel-accent);
  color: var(--sentinel-on-accent);
}
.flatpickr-day.trend-day-event-positive::after, .flatpickr-day.trend-day-event-negative::after {
  position: absolute;
  bottom: 0.2rem;
  left: 50%;
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 9999px;
  content: "";
  transform: translateX(-50%);
}
.flatpickr-day.trend-day-event-positive::after {
  background: var(--sentinel-chart-positive);
}
.flatpickr-day.trend-day-event-negative::after {
  background: var(--sentinel-chart-negative);
}
.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed {
  color: var(--sentinel-muted);
  opacity: 0.45;
}
[data-surface="platform-admin"] {
  color: var(--sentinel-ink);
}
.customer-shell {
  display: grid;
  min-width: 0;
  min-height: 100dvh;
}
.customer-context {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 18px;
  padding: 9px 24px;
  border-bottom: 1px solid var(--sentinel-rule);
}
.customer-heading {
  min-width: 0;
  flex: 1;
}
.customer-header-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.customer-content {
  min-width: 0;
  padding: 20px 24px;
}
.customer-state-notice {
  padding: 16px 18px;
  border: 1px solid var(--sentinel-warning);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--sentinel-warning) 45%, transparent);
  }
  border-radius: 14px;
  background: var(--sentinel-warning);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--sentinel-warning) 13%, var(--sentinel-canvas));
  }
  font-size: 14px;
  line-height: 1.6;
}
.customer-state-notice p + p {
  margin-top: 4px;
}
.data-state {
  --data-state-tone: var(--sentinel-muted);
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 16px;
  border: 1px solid var(--data-state-tone);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--data-state-tone) 45%, transparent);
  }
  border-radius: 14px;
  background: var(--data-state-tone);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--data-state-tone) 13%, var(--sentinel-canvas));
  }
  font-size: 14px;
  line-height: 1.6;
}
.data-state:is([data-state="partial"], [data-state="stale"]) {
  --data-state-tone: var(--sentinel-warning);
}
.data-state:is([data-state="loading"], [data-state="updating"], [data-state="pending"]) {
  --data-state-tone: var(--sentinel-accent);
}
.data-state:is([data-state="failed"], [data-state="error"]) {
  --data-state-tone: var(--sentinel-danger);
}
.data-state-icon {
  flex: none;
  width: 20px;
  height: 20px;
  margin-top: 2px;
  color: var(--data-state-tone);
}
.data-state > p {
  flex: 1 1 12rem;
  min-width: 0;
}
.data-state:has(> .data-state-action) {
  flex-wrap: wrap;
  align-items: center;
}
.data-state-action {
  margin-left: auto;
}
.data-state:has(details[open]) > .data-state-action {
  flex-basis: 100%;
}
.data-state-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding-inline: 16px;
  border: 1px solid var(--data-state-tone);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--data-state-tone) 45%, transparent);
  }
  border-radius: 12px;
  background: var(--data-state-tone);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--data-state-tone) 20%, transparent);
  }
  color: var(--data-state-tone);
  font-size: 13px;
  font-weight: 650;
  cursor: pointer;
  transition: background .15s;
}
.data-state-button:hover {
  background: var(--data-state-tone);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--data-state-tone) 30%, transparent);
  }
}
.hint {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 10px 14px;
  border: 1px dashed var(--sentinel-accent);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px dashed color-mix(in srgb, var(--sentinel-accent) 60%, transparent);
  }
  border-radius: 14px;
  background: var(--sentinel-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--sentinel-accent) 6%, transparent);
  }
  font-size: 11px;
  line-height: 1.5;
}
.hint-icon {
  flex: none;
  width: 24px;
  height: 24px;
  margin-left: -1px;
  color: var(--sentinel-accent-deep);
}
.hint-label {
  margin-bottom: 2px;
  color: #c9ced6;
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .025em;
  text-transform: uppercase;
}
.customer-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 55vh;
  gap: 20px;
  padding: 48px 24px;
  text-align: center;
}
.customer-empty-state h2 {
  font-size: clamp(24px, 3vw, 32px);
  font-weight: 650;
  letter-spacing: -.025em;
}
.customer-empty-state > p {
  max-width: 540px;
  color: var(--sentinel-muted);
  font-size: 14px;
  line-height: 1.7;
}
.customer-empty-state > .account-primary {
  width: auto;
  min-width: 190px;
}
.customer-state-icon {
  display: grid;
  place-items: center;
  width: 76px;
  height: 76px;
  border: 1px solid var(--sentinel-rule);
  border-radius: 24px;
  background: var(--sentinel-panel);
  color: var(--sentinel-danger);
}
.customer-skeleton {
  border-radius: 8px;
  background: var(--sentinel-panel-strong);
}
.monitor-conflict {
  grid-column: 1 / -1;
}
.monitor-conflict-versions {
  display: grid;
  gap: 18px;
}
.monitor-conflict-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
}
.monitor-conflict-actions > .account-primary {
  width: auto;
}
@media (min-width: 768px) {
  .monitor-conflict-versions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.skip-link {
  position: fixed;
  top: 12px;
  left: 12px;
  z-index: 60;
  padding: 10px 16px;
  border-radius: 10px;
  background: var(--sentinel-accent);
  color: var(--sentinel-on-accent);
  font-weight: 600;
  transform: translateY(-200%);
}
.skip-link:focus {
  transform: none;
}
body:not(:has(#main-content)) .skip-link {
  display: none;
}
#main-content:focus {
  outline: none;
}
.customer-navigation {
  padding: 6px;
}
.customer-brand {
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--sentinel-ink);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .16em;
}
.customer-brand > span {
  width: 14px;
  height: 14px;
  border: 2px solid var(--sentinel-brand);
  border-radius: 50%;
  background: radial-gradient(circle, var(--sentinel-brand) 0 3px, transparent 3.5px);
}
.customer-navigation .customer-brand {
  display: none;
}
.customer-topbar {
  position: sticky;
  top: 0;
  z-index: 30;
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 68px;
  border-bottom: 1px solid var(--sentinel-rule);
  background: var(--sentinel-canvas);
}
.customer-topbar-profile {
  display: none;
  min-width: 0;
  margin-right: auto;
}
.customer-topbar .customer-brand {
  min-width: 0;
  margin-right: auto;
  overflow: hidden;
}
@media (max-width: 479px) {
  .customer-topbar:has(.customer-admin-links) .customer-brand {
    gap: 0;
    font-size: 0;
  }
}
.customer-brand > span {
  flex: none;
}
.customer-eyebrow {
  color: var(--sentinel-accent-deep);
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: .08em;
  text-transform: uppercase;
}
#workspace-profile {
  display: block;
  font-family: var(--font-display);
  font-size: 21px;
  line-height: 1.15;
  font-weight: 500;
  overflow-wrap: anywhere;
}
a#workspace-profile:hover {
  color: var(--sentinel-accent-deep);
}
a#workspace-profile {
  position: relative;
}
a#workspace-profile::after {
  content: "";
  position: absolute;
  inset: -10px 0;
}
.customer-topbar-date {
  display: none;
  color: var(--sentinel-muted);
  font-family: var(--font-mono);
  font-size: 12px;
}
.customer-admin-links {
  display: flex;
  flex: none;
  align-items: center;
  gap: 6px;
}
.customer-admin-links > a, #organization-switcher summary {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 44px;
  padding-inline: 12px;
  border: 1px solid var(--sentinel-rule-strong);
  border-radius: 999px;
  color: var(--sentinel-muted);
  font-family: var(--font-mono);
  font-size: 11px;
  text-transform: uppercase;
  cursor: pointer;
}
.customer-admin-links > a:hover, #organization-switcher summary:hover, #organization-switcher[open] summary {
  border-color: var(--sentinel-accent);
  color: var(--sentinel-ink);
}
#organization-switcher {
  position: relative;
}
#organization-switcher summary {
  list-style: none;
}
#organization-switcher summary::-webkit-details-marker {
  display: none;
}
#organization-switcher summary small {
  max-width: 180px;
  overflow: hidden;
  color: var(--sentinel-ink);
  font-family: var(--font-ui);
  font-size: 12px;
  text-overflow: ellipsis;
  text-transform: none;
  white-space: nowrap;
}
.organization-switcher-panel {
  position: absolute;
  z-index: 40;
  top: calc(100% + 8px);
  right: 0;
  width: 320px;
  padding: 8px;
  border: 1px solid var(--sentinel-rule-strong);
  border-radius: 14px;
  background: var(--sentinel-panel);
  box-shadow: 0 16px 40px #0008;
}
#organization-switcher-search {
  width: 100%;
  min-height: 44px;
  padding: 8px 12px;
  border: 1px solid var(--sentinel-rule-strong);
  border-radius: 10px;
  background: var(--sentinel-canvas);
  color: var(--sentinel-ink);
  font-size: 14px;
}
#organization-switcher-search:focus {
  border-color: var(--sentinel-accent);
  outline: none;
}
#organization-switcher-options {
  max-height: min(360px, 60dvh);
  margin-top: 6px;
  overflow-y: auto;
}
#organization-switcher-options a[aria-current="page"] {
  color: var(--sentinel-accent-deep);
}
.customer-admin-icon {
  display: none;
}
@media (max-width: 1199px) {
  .customer-admin-icon {
    display: block;
  }
  .customer-admin-label {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
  .customer-admin-links > a, #organization-switcher summary {
    justify-content: center;
    width: 44px;
    padding-inline: 0;
  }
}
@media (max-width: 767px) {
  .organization-switcher-panel {
    position: fixed;
    top: 64px;
    right: 16px;
    left: 16px;
    width: auto;
  }
}
.customer-round {
  display: inline-grid;
  place-items: center;
  width: 44px;
  height: 44px;
  flex: none;
  border: 1px solid var(--sentinel-rule-strong);
  border-radius: 50%;
  background: #171c21;
  color: var(--sentinel-ink);
}
.customer-avatar {
  font-size: 0.75rem;
  font-weight: 700;
}
button.customer-avatar {
  cursor: pointer;
  transition: border-color 160ms ease;
}
button.customer-avatar:hover, .customer-avatar:has(+ :popover-open) {
  border-color: var(--sentinel-accent);
}
.customer-avatar:has(+ :popover-open) {
  background: #182435;
}
.customer-profile-menu {
  position: fixed;
  inset: 72px 16px auto auto;
  width: min(380px, calc(100vw - 32px));
  max-height: calc(100dvh - 88px);
  margin: 0;
  padding: 20px 24px 24px;
  border: 1px solid #2f353d;
  border-radius: 20px;
  background: #171c21;
  color: #f2f4f7;
  box-shadow: 0 24px 64px rgba(0, 0, 0, .55);
}
.customer-profile-menu::backdrop {
  background: rgba(0, 0, 0, .25);
}
.customer-menu-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 12px;
}
.customer-menu-header h2 {
  font-family: var(--font-display);
  font-size: 24px;
  font-weight: 500;
}
.customer-menu-close {
  display: grid;
  flex: none;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 1px solid #2f353d;
  border-radius: 50%;
  cursor: pointer;
  transition: border-color .15s;
}
.customer-menu-close:hover {
  border-color: #4b525c;
}
.customer-menu-card {
  margin-top: 14px;
  overflow: hidden;
  border: 1px solid #2f353d;
  border-radius: 18px;
  background: #1e2329;
}
.customer-menu-heading {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
}
.customer-menu-heading .customer-avatar {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  flex: none;
  border-radius: 50%;
  background: #f2f4f7;
  color: #10161f;
  font-size: 14px;
  font-weight: 600;
}
.customer-menu-heading > span:last-child {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 2px;
}
.customer-menu-heading small {
  color: #abb3bf;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.customer-menu-heading strong {
  font-family: var(--font-display);
  font-size: 22px;
  line-height: 1.15;
  font-weight: 500;
  overflow-wrap: anywhere;
}
.customer-menu-row {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr) 18px;
  align-items: center;
  column-gap: 12px;
  min-height: 56px;
  border-bottom: 1px solid #2f353d;
  font-size: 16px;
  font-weight: 500;
}
.customer-menu-row > :first-child {
  color: #abb3bf;
}
.customer-menu-row > :last-child {
  color: #7e8590;
  transition: color .15s, translate .15s;
}
.customer-menu-row:hover > :last-child {
  color: #f2f4f7;
  translate: 2px 0;
}
#profile-menu-switch {
  min-height: 52px;
  padding: 0 16px;
  border-top: 1px solid #2f353d;
  border-bottom: 0;
  font-size: 15px;
}
#profile-menu-entries {
  display: grid;
  margin-top: 14px;
}
.customer-menu-logout {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  height: 52px;
  margin-top: 20px;
  border: 1px solid rgba(232, 112, 120, .45);
  border-radius: 16px;
  color: #ff9b9e;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color .15s;
}
.customer-menu-logout:hover {
  background: rgba(232, 112, 120, .12);
}
@media (min-width: 768px) {
  .customer-profile-menu {
    max-height: none;
    overflow: visible;
  }
  .customer-profile-menu::before {
    content: "";
    position: absolute;
    top: -7px;
    right: 16px;
    width: 12px;
    height: 12px;
    border-top: 1px solid #2f353d;
    border-left: 1px solid #2f353d;
    background: #171c21;
    transform: rotate(45deg);
  }
  #profile-menu-trigger {
    margin-left: -8px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .customer-menu-row > :last-child, .customer-menu-close, .customer-menu-logout {
    transition: none;
  }
}
.target-search {
  width: 100%;
  height: 52px;
  margin-top: 16px;
  padding: 0 16px;
  border: 1px solid #2f353d;
  border-radius: 14px;
  background: #171c21;
  color: #f2f4f7;
  font-size: 16px;
}
.target-search:focus {
  border-color: #4c90f0;
  outline: none;
}
#targets-list .settings-row {
  margin-top: 0;
}
#targets-list-empty:not(:only-child) {
  display: none;
}
.target-no-match {
  display: none;
  padding: 16px 0;
  color: #abb3bf;
  font-size: 14px;
}
#target-index-page:has(#targets-list > div):not(:has(#targets-list > div:not([hidden]))) .target-no-match {
  display: block;
}
#target-create-link {
  margin-top: 24px;
}
#organization-switcher-options a {
  display: flex;
  min-height: 44px;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 8px;
  text-align: left;
  cursor: pointer;
}
#organization-switcher-options a:hover {
  background: var(--sentinel-panel-muted);
}
#organization-switcher-options a[aria-current="page"] {
  color: var(--sentinel-accent-deep);
}
.customer-navigation ul {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(3.5rem, 1fr);
  gap: 4px;
}
.customer-navigation-link {
  display: flex;
  min-height: 48px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 8px 2px;
  border: 1px solid transparent;
  border-radius: 12px;
  color: var(--sentinel-muted);
  font-size: 0.625rem;
  font-weight: 600;
  text-align: center;
  transition: color 160ms ease, background-color 160ms ease, border-color 160ms ease;
}
.customer-navigation-link:hover {
  background: var(--sentinel-panel-muted);
  color: var(--sentinel-ink);
}
.customer-navigation-link[aria-current="page"] {
  border-color: var(--sentinel-accent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--sentinel-accent) 45%, transparent);
  }
  background: var(--sentinel-accent-soft);
  color: var(--sentinel-ink);
}
.customer-navigation-link[aria-current="page"] svg {
  color: var(--sentinel-accent);
}
[data-surface="customer"] :is(.sentinel-button, .sentinel-action-primary, .sentinel-action-secondary, .sentinel-action-danger):not([data-surface="platform-admin"] *) {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 10px;
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: normal;
  text-transform: none;
}
[data-surface="customer"] :is(input:not([type="checkbox"], [type="radio"], [type="hidden"]), select):not([data-surface="platform-admin"] *, .flatpickr-calendar *) {
  min-height: 44px;
}
[data-surface="customer"] .sentinel-card:not([data-surface="platform-admin"] *) {
  border-radius: 16px;
  box-shadow: none;
}
.customer-data-status {
  display: none;
}
.customer-data-dot {
  flex: none;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--sentinel-status-positive);
}
#workspace-shell:not([data-offline]) [data-when="offline"], #workspace-shell[data-offline] [data-when="online"] {
  display: none;
}
#workspace-shell[data-offline] .customer-data-dot {
  background: #8a929e;
}
.customer-navigation-icon {
  width: 20px;
  height: 20px;
}
.customer-mobile-status, .customer-top-status {
  display: none;
  align-items: center;
  gap: 8px;
  color: #abb3bf;
  font-size: 13px;
  white-space: nowrap;
}
.customer-mobile-status > [data-when] {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 1023px) {
  .customer-navigation {
    position: fixed;
    z-index: 30;
    padding: 5px;
    border: 1px solid #2f353d;
    background: #171c21;
    box-shadow: 0 12px 40px rgba(0, 0, 0, .45);
  }
  .customer-navigation ul {
    gap: 4px;
    grid-auto-columns: 1fr;
    overflow-x: auto;
    scrollbar-width: none;
  }
  .customer-navigation-link {
    gap: 5px;
    padding-inline: 0;
    border-radius: 18px;
    font-weight: 500;
    line-height: 1.25;
    white-space: nowrap;
  }
  .customer-navigation-link[aria-current="page"] {
    border-color: #284470;
    background: #192638;
    font-weight: 600;
  }
  .customer-navigation-link[aria-current="page"] svg {
    color: #8abbff;
  }
  .customer-mobile-status {
    display: flex;
  }
  .customer-shell::after {
    content: "";
    position: fixed;
    z-index: 25;
    inset: auto 0 0;
    height: 120px;
    pointer-events: none;
    background: linear-gradient(180deg, transparent 0%, var(--sentinel-canvas) 70%);
  }
}
@media (max-width: 767px) {
  .customer-navigation {
    inset: auto 12px max(12px, env(safe-area-inset-bottom));
    border-radius: 24px;
  }
  .customer-navigation-link {
    min-width: 44px;
    min-height: 52px;
    font-size: 10.5px;
    letter-spacing: -.01em;
  }
  .customer-topbar {
    gap: 8px;
    padding-inline: 16px;
    border-bottom: 0;
  }
  .customer-mobile-status {
    padding: 4px 16px 0;
  }
  .customer-shell {
    padding-bottom: calc(96px + env(safe-area-inset-bottom));
  }
  .customer-context {
    gap: 4px 12px;
    padding: 8px 16px;
  }
  .customer-heading {
    flex-basis: 100%;
  }
  .customer-header-actions {
    max-width: 100%;
  }
  .customer-content {
    padding: 16px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .customer-navigation {
    inset: auto 0 max(24px, env(safe-area-inset-bottom));
    width: min(640px, calc(100vw - 48px));
    height: 76px;
    margin-inline: auto;
    padding: 6px;
    border-radius: 24px;
  }
  .customer-navigation ul {
    height: 100%;
  }
  .customer-navigation-link {
    font-size: 12px;
  }
  .customer-navigation-link .customer-navigation-icon {
    width: 22px;
    height: 22px;
  }
  .customer-topbar {
    min-height: 72px;
    gap: 20px;
    padding-inline: 24px;
  }
  .customer-topbar .customer-brand {
    margin-right: 0;
  }
  .customer-topbar-profile {
    display: block;
    padding-left: 20px;
    border-left: 1px solid #2f353d;
  }
  #workspace-profile {
    font-size: 19px;
  }
  .customer-topbar-date {
    display: block;
  }
  .customer-mobile-status {
    padding: 20px 24px 0;
    line-height: normal;
  }
  #main-content:has(> .customer-mobile-status) > .customer-content {
    padding-top: 16px;
  }
  .customer-content {
    padding: 20px 24px;
  }
  .customer-shell {
    padding-bottom: 140px;
  }
  .customer-shell .customer-content {
    padding-bottom: 0;
  }
  .customer-profile-menu {
    inset: 78px 24px auto auto;
  }
}
@media (min-width: 768px) and (max-width: 860px) {
  .customer-topbar-date {
    display: none;
  }
}
@media (min-width: 1024px) {
  .customer-shell {
    grid-template-columns: 88px minmax(0, 1fr);
  }
  .customer-navigation {
    position: sticky;
    top: 0;
    display: flex;
    flex-direction: column;
    align-self: start;
    height: 100dvh;
    padding: 14px 8px 18px;
    border-right: 1px solid var(--sentinel-rule);
  }
  .customer-navigation .customer-brand {
    display: flex;
    justify-content: center;
    min-height: 44px;
    margin-bottom: 28px;
    font-size: 0;
    letter-spacing: 0;
  }
  .customer-navigation ul {
    display: flex;
    flex-direction: column;
    gap: 6px;
  }
  .customer-navigation-link {
    min-height: 64px;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
    padding: 8px 2px;
    border-radius: 14px;
    color: #abb3bf;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.2;
  }
  .customer-navigation-link:hover {
    background: #171c21;
    color: #f2f4f7;
  }
  .customer-navigation-link[aria-current="page"] {
    border-color: #4c90f0;
    background: #182435;
    color: #f2f4f7;
    font-weight: 600;
  }
  .customer-navigation-link[aria-current="page"] svg {
    color: #8abbff;
  }
  .customer-topbar {
    min-height: 72px;
    gap: 20px;
    padding-inline: 28px;
  }
  .customer-topbar .customer-brand {
    display: none;
  }
  .customer-topbar-profile {
    display: block;
  }
  .customer-top-status {
    display: flex;
    margin-right: auto;
  }
  .customer-topbar-date {
    display: block;
  }
  .customer-content {
    padding: 28px 28px 72px;
  }
  .customer-context {
    padding-inline: 28px;
  }
  .customer-profile-menu {
    inset: 78px 28px auto auto;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .customer-topbar-profile:has(+ .customer-top-status) {
    margin-right: 0;
  }
}
@media (min-width: 1280px) {
  .customer-shell {
    grid-template-columns: 248px minmax(0, 1fr);
  }
  .customer-navigation {
    padding-inline: 14px;
  }
  .customer-navigation .customer-brand {
    justify-content: flex-start;
    padding-inline: 12px;
    font-size: 14px;
    letter-spacing: .16em;
  }
  .customer-navigation-link {
    min-height: 48px;
    flex-direction: row;
    justify-content: flex-start;
    gap: 12px;
    padding: 0 14px;
    font-size: 15px;
    line-height: 1.15;
    text-align: left;
  }
  .customer-data-status {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: auto;
    padding: 16px 8px 0;
    border-top: 1px solid #2f353d;
    color: #abb3bf;
    font-size: 13px;
    line-height: 1.4;
    white-space: nowrap;
  }
  .customer-topbar {
    padding-inline: 40px;
  }
  .customer-topbar-profile {
    margin-right: auto;
  }
  .customer-top-status {
    display: none;
  }
  .customer-context, .customer-content {
    padding-inline: 40px;
  }
  .customer-profile-menu {
    inset: 78px 40px auto auto;
  }
}
.return-bar {
  position: relative;
  display: flex;
  width: fit-content;
  align-items: center;
  gap: 6px;
  height: 32px;
  margin: 16px 16px 0;
  padding: 0 12px;
  border: 1px solid #2c4466;
  border-radius: 16px;
  background: #162232;
  color: #8abbff;
  font-size: 13px;
  transition: border-color .15s;
}
.return-bar::after {
  content: "";
  position: absolute;
  inset: -6px 0;
}
.return-bar:hover {
  border-color: #4b525c;
  filter: brightness(1.08);
}
.return-bar[data-kind="link"] {
  height: 44px;
  padding: 0 6px;
  border: 0;
  background: none;
  font-size: 15px;
  font-weight: 500;
}
.return-bar[data-kind="link"]::after {
  content: none;
}
.return-bar[data-kind="link"]:hover {
  color: #ffffff;
}
.return-bar:focus-visible {
  outline: 2px solid var(--sentinel-accent);
  outline-offset: 3px;
}
@media (min-width: 768px) {
  .return-bar {
    margin: 24px 24px 0;
  }
}
@media (min-width: 1024px) {
  .return-bar {
    margin-inline: 28px;
  }
}
@media (min-width: 1280px) {
  .return-bar {
    margin-inline: 40px;
  }
}
#main-content {
  --shell-top: 68px;
  --sticky-top: var(--shell-top);
}
#main-content:has(.return-row) {
  --sticky-top: calc(var(--shell-top) + 44px);
}
@media (min-width: 768px) {
  #main-content {
    --shell-top: 72px;
  }
}
.return-row {
  position: sticky;
  top: var(--shell-top);
  z-index: 20;
  min-height: 44px;
  background: var(--sentinel-canvas);
}
:is(:is(.evolution-column, .evolution-detail) > .evolution-back, .evolution-day-nav, .reclame-item-nav, .reclame-item > .reclame-back, .briefing-back, .ai-back-link) {
  position: sticky;
  top: var(--sticky-top, 0px);
  z-index: 5;
  align-self: stretch;
  background: var(--sentinel-canvas);
}
.briefing-back {
  display: inline-flex;
  align-items: center;
  justify-self: start;
  align-self: flex-start;
  gap: 4px;
  min-height: 44px;
  padding-inline: 6px;
  color: #f2f4f7;
  font-size: 15px;
  font-weight: 500;
  transition: color .15s;
}
.briefing-back:hover {
  color: #ffffff;
}
.briefing-back:focus-visible {
  outline: 2px solid var(--sentinel-accent);
  outline-offset: 3px;
}
@media (min-width: 768px) {
  #daily-report-back {
    margin-top: 7px;
  }
}
.daily-report-page {
  max-width: 880px;
  margin-inline: auto;
  overflow-wrap: anywhere;
}
.daily-report-page > .hint {
  margin-block: 22px;
}
.daily-report-heading {
  margin-block: 8px 24px;
}
.daily-report-heading h2 {
  font-size: 2rem;
  font-weight: 650;
  margin-top: 8px;
}
.daily-report-body {
  white-space: pre-wrap;
  padding: clamp(20px,3vw,32px);
  border: 1px solid var(--sentinel-rule);
  border-radius: 24px;
  background: var(--sentinel-panel);
  font-size: 1.0625rem;
  line-height: 1.8;
}
.daily-report-status {
  margin-block: 24px 12px;
}
.daily-report-status > div {
  padding-block: 16px;
  border-bottom: 1px solid var(--sentinel-rule);
}
.daily-report-status dt {
  font-weight: 600;
  margin-bottom: 6px;
}
.daily-report-status dd {
  color: var(--sentinel-muted);
  font-size: .875rem;
  line-height: 1.6;
}
.daily-report-page :focus-visible {
  outline: 2px solid var(--sentinel-accent);
  outline-offset: 3px;
}
.daily-report-page.report-columns {
  display: grid;
  max-width: 1112px;
  overflow-wrap: normal;
}
@media (min-width: 1024px) {
  .report-columns {
    grid-template-columns: minmax(0, 720px) 360px;
    column-gap: 32px;
    justify-content: center;
    align-items: start;
  }
  .report-columns > .briefing-back {
    grid-column: 1;
  }
  .report-columns > .report-rail {
    grid-column: 2;
    grid-row: 1 / span 2;
  }
  .report-rail > .notification-heading {
    margin-top: 14px;
  }
}
.report-main {
  display: grid;
  min-width: 0;
}
.report-main > #daily-report-frozen {
  margin-top: 6px;
}
.report-main > #daily-report-frozen > svg {
  flex: none;
  margin-top: 2px;
  color: var(--sentinel-accent-deep);
}
.report-main > #daily-report-frozen strong {
  display: block;
  margin-bottom: 2px;
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 400;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.report-main > .acum-hero, .report-main > audio {
  margin-top: 12px;
}
.report-main .acum-hero .acum-source {
  display: none;
}
.report-main .acum-hero .acum-word {
  margin-top: 10px;
}
.report-main .acum-hero .acum-cells {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  border: 0;
  background: none;
}
.report-main .acum-hero .acum-cells > div {
  padding: 10px;
  border: 1px solid #2f353d;
  border-radius: 12px;
  background: color-mix(in srgb, #10161f 72%, transparent);
}
.report-main .acum-hero .acum-cells dd {
  font-size: 14px;
}
@media (max-width: 559px) {
  .report-main .acum-hero .acum-cells {
    grid-template-columns: minmax(0, 1fr);
  }
}
.report-heading {
  margin-top: 24px;
  font-family: var(--font-display);
  font-size: 22px;
  font-weight: 500;
  letter-spacing: -.01em;
}
.report-stories {
  margin-top: 4px;
}
.report-story {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) 18px;
  column-gap: 12px;
  align-items: start;
  padding: 12px 0;
  border-top: 1px solid var(--sentinel-rule);
  transition: background-color .15s;
}
a.report-story:hover {
  background: var(--sentinel-panel);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--sentinel-panel) 60%, transparent);
  }
}
.report-story-rank {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border: 1px solid var(--sentinel-rule-strong);
  border-radius: 50%;
  color: var(--sentinel-muted);
  font-family: var(--font-mono);
  font-size: 11px;
}
.report-story-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  padding-top: 3px;
  min-width: 0;
}
.report-story-text > strong {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
  overflow-wrap: anywhere;
}
.report-story-meta {
  color: var(--sentinel-muted);
  font-size: 13px;
}
.report-story-chevron {
  align-self: center;
  width: 18px;
  height: 18px;
  color: #7e8590;
}
.report-coverage {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 10px;
}
.report-coverage > p {
  padding: 12px;
  border: 1px solid var(--sentinel-rule);
  border-radius: 12px;
  background: var(--sentinel-panel);
}
.report-coverage strong {
  display: block;
  font-family: var(--font-mono);
  font-size: 20px;
  font-weight: 500;
}
.report-coverage span {
  display: block;
  margin-top: 2px;
  color: var(--sentinel-muted);
  font-size: 12px;
  line-height: 1.3;
}
.report-coverage-note {
  margin-top: 8px;
  color: #8a929e;
  font-size: 13px;
}
.report-rail {
  min-width: 0;
}
.report-delivery {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  column-gap: 12px;
  row-gap: 2px;
  align-items: center;
  min-height: 48px;
  margin-top: 6px;
  padding-block: 10px;
  border-block: 1px solid var(--sentinel-rule);
  font-size: 15px;
}
.report-delivery > svg {
  color: var(--sentinel-muted);
}
.report-delivery > #daily-report-email-status {
  grid-column: 2;
  color: var(--sentinel-muted);
  font-size: 13px;
  line-height: 1.4;
}
.report-delivery[data-state="accepted"] > #daily-report-email-status {
  color: #2fd6c6;
}
.profile-workspace {
  width: 100%;
  max-width: 1060px;
  margin-inline: auto;
  min-width: 0;
}
.profile-back {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  margin-bottom: 12px;
  font-size: .875rem;
  font-weight: 550;
  color: var(--sentinel-accent);
}
.profile-back:hover {
  text-decoration: underline;
}
.profile-section-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  margin-block: 16px;
}
.profile-section-heading h2 {
  font-size: 1.125rem;
  font-weight: 650;
}
.profile-section-heading > span {
  color: var(--sentinel-muted);
  font-size: .875rem;
}
.profile-notice {
  padding: 16px 18px;
  border-radius: 14px;
  background: var(--sentinel-panel-muted);
  border: 1px solid var(--sentinel-rule);
  font-size: .875rem;
  line-height: 1.6;
  overflow-wrap: anywhere;
}
.profile-state {
  display: inline-flex;
  align-items: center;
  padding: 4px 9px;
  border-radius: 99px;
  background: var(--sentinel-accent-soft);
  color: var(--sentinel-accent);
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: normal;
  text-transform: none;
}
.profile-empty {
  padding: 22px;
  border-radius: 16px;
  background: var(--sentinel-panel-muted);
}
.profile-empty h3 {
  font-weight: 600;
}
.profile-empty p {
  color: var(--sentinel-muted);
  font-size: .875rem;
  margin-top: 6px;
  line-height: 1.5;
}
.profile-editor > * + * {
  margin-top: 20px;
}
.profile-editor > .profile-editor-heading {
  margin-top: 0;
}
.customer-shell:has(#monitor-form-page) #workspace-monitor {
  display: none;
}
#monitor-form-page > .profile-editor-heading {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px 12px;
}
#monitor-form-page > .profile-editor-heading .profile-back {
  margin: 0;
  font-size: .8125rem;
}
.profile-editor-heading {
  margin-bottom: 24px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--sentinel-rule);
}
.profile-editor-heading h1 {
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 650;
  letter-spacing: -.025em;
  line-height: 1.25;
  overflow-wrap: anywhere;
}
.profile-panel {
  min-width: 0;
  padding: 22px;
  border: 1px solid var(--sentinel-rule);
  border-radius: 18px;
  background: var(--sentinel-panel);
}
.profile-panel h2, .profile-panel h3 {
  overflow-wrap: anywhere;
}
.profile-editor label > span:first-child {
  text-transform: none;
  letter-spacing: normal;
  font-size: .875rem;
}
.profile-editor textarea {
  min-height: 76px;
}
.profile-editor :is(input, textarea, select) {
  border-color: var(--sentinel-rule);
  border-radius: 10px;
  font-size: .9375rem;
}
.profile-definition-form {
  display: grid;
  gap: 20px;
}
.profile-form-actions {
  position: sticky;
  top: 0;
  z-index: 10;
  padding: 12px 0;
  background: var(--sentinel-canvas);
  border-bottom: 1px solid var(--sentinel-rule);
}
:is(#monitor-revision-history, #monitor-current-summary) {
  scroll-margin-top: 150px;
}
.profile-identity-results {
  display: grid;
  gap: 12px;
}
.profile-identity-choice {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  text-align: left;
  cursor: pointer;
}
.profile-identity-choice:hover {
  border-color: var(--sentinel-accent);
}
.profile-identity-choice strong {
  display: block;
  font-size: 1.125rem;
}
.profile-identity-description {
  display: block;
  margin-top: 8px;
  color: var(--sentinel-muted);
  font-size: .875rem;
  line-height: 1.6;
  overflow-wrap: anywhere;
}
.profile-rule-summary {
  margin-top: 12px;
  font-size: .875rem;
  line-height: 1.6;
  color: var(--sentinel-muted);
}
.profile-rule-group {
  margin-top: 24px;
}
.signals-button.signals-button-danger {
  background: #b42318;
  border-color: #b42318;
  color: #fff;
}
.confirmation-dialog .signals-button-primary {
  background: var(--sentinel-accent);
  border-color: var(--sentinel-accent);
  color: var(--sentinel-on-accent);
}
.confirmation-dialog label > span:first-child {
  text-transform: none;
  letter-spacing: normal;
}
.signals-button:disabled {
  opacity: .5;
  cursor: not-allowed;
}
.profile-workspace :focus-visible {
  outline: 2px solid var(--sentinel-accent);
  outline-offset: 3px;
}
.keyword-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
}
.keyword-panel-head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px 24px;
}
.keyword-panel-head > div {
  flex: 1 1 420px;
  min-width: 0;
}
.keyword-hint {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: .8125rem;
  color: var(--sentinel-muted);
}
.keyword-row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 10px 24px;
  padding-top: 16px;
  border-top: 1px solid var(--sentinel-rule);
}
.keyword-row-label {
  flex: 0 0 210px;
}
.keyword-row-label h3 {
  font-size: .875rem;
  font-weight: 600;
}
.keyword-row-label p {
  margin-top: 4px;
  font-size: .8125rem;
  line-height: 1.45;
  color: var(--sentinel-muted);
}
.keyword-chips {
  flex: 1 1 360px;
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.keyword-chip {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  max-width: 100%;
  min-height: 40px;
  padding: 0 2px 0 14px;
  border: 1px solid rgb(76 144 240 / 45%);
  border-radius: 999px;
  background: var(--sentinel-accent-soft);
  color: #d6e6ff;
  font-size: .875rem;
  font-weight: 500;
  overflow-wrap: anywhere;
  animation: keyword-pop .18s ease-out;
}
.keyword-chip-all {
  border-color: var(--sentinel-rule-strong);
  background: var(--sentinel-panel-strong);
  color: var(--sentinel-ink);
}
.keyword-chip-none {
  border-color: rgb(231 106 110 / 45%);
  background: var(--sentinel-status-negative-surface);
  color: #f8cfd1;
}
.keyword-chip-off {
  border-style: dashed;
  border-color: var(--sentinel-rule-strong);
  background: transparent;
  color: var(--sentinel-muted);
}
.keyword-chip-off s {
  margin-right: 2px;
  text-decoration-thickness: 1px;
}
.keyword-chip-locked {
  gap: 8px;
  padding-right: 14px;
  border-color: transparent;
  background: var(--sentinel-panel-strong);
  color: #c9d0da;
  animation: none;
}
.keyword-chip-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 999px;
  color: inherit;
  cursor: pointer;
  transition: background-color .15s, color .15s;
}
.keyword-chip-button:hover {
  background: rgb(197 203 211 / 16%);
  color: var(--sentinel-ink);
}
.keyword-empty {
  padding-right: 4px;
  font-size: .875rem;
  color: var(--sentinel-muted);
}
.keyword-add {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex: 0 1 230px;
  min-width: 150px;
  min-height: 40px;
  padding: 0 12px;
  border: 1px dashed var(--sentinel-rule-strong);
  border-radius: 999px;
  color: var(--sentinel-muted);
  transition: border-color .15s;
}
.keyword-add:hover, .keyword-add:focus-within {
  border-color: var(--sentinel-accent-deep);
}
.keyword-add > div, .keyword-add label {
  display: contents;
}
.profile-editor .keyword-add-input {
  flex: 1;
  min-width: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--sentinel-ink);
  font: inherit;
  font-size: .875rem;
  outline: none;
}
.keyword-dirty {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 12px;
  margin-left: auto;
  font-size: .875rem;
}
.keyword-dirty a {
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.network-total {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 14px;
  border-radius: 999px;
  background: var(--sentinel-panel-strong);
  font-size: .8125rem;
}
.network-total strong {
  font-weight: 600;
}
.network-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr));
  gap: 16px;
}
.network-card {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--sentinel-rule);
  border-radius: 14px;
  background: var(--sentinel-panel-muted);
  transition: border-color .2s;
}
.network-card:hover {
  border-color: var(--sentinel-rule-strong);
}
.network-card .keyword-chips {
  flex: none;
}
.network-card .keyword-add {
  flex: 1 1 160px;
}
.network-card-head {
  display: flex;
  align-items: center;
  gap: 12px;
}
.network-card-head h3 {
  font-size: 1rem;
  font-weight: 600;
}
.network-card-head p {
  margin-top: 2px;
  font-size: .8125rem;
  color: var(--sentinel-muted);
}
.network-mark {
  display: grid;
  place-items: center;
  flex: none;
  width: 38px;
  height: 38px;
  border-radius: 10px;
  font-size: .9375rem;
  font-weight: 700;
}
.network-mark-facebook {
  background: rgb(76 144 240 / 20%);
  color: var(--sentinel-accent-deep);
}
.network-mark-instagram {
  background: rgb(232 121 176 / 18%);
  color: #f3a9cf;
}
.network-mark-tiktok {
  background: var(--sentinel-status-positive-surface);
  color: #5fe0d4;
}
.network-mark-youtube {
  background: rgb(240 84 84 / 18%);
  color: #f3a1a1;
}
.network-mark-meta_ads {
  background: rgb(240 180 76 / 18%);
  color: #f0c46b;
}
.network-status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  background: var(--sentinel-status-neutral-surface);
  color: #c9d0da;
  font-size: .75rem;
  font-weight: 600;
}
.network-status::before {
  content: "";
  width: 6px;
  height: 6px;
  border: 1.5px solid currentColor;
  border-radius: 999px;
}
.network-status-on {
  background: var(--sentinel-status-positive-surface);
  color: #5fe0d4;
}
.network-status-on::before {
  border-color: var(--sentinel-status-positive);
  background: var(--sentinel-status-positive);
}
.network-off {
  padding: 10px 12px;
  border-radius: 10px;
  background: var(--sentinel-status-mixed-surface);
  color: #f3c48d;
  font-size: .8125rem;
  line-height: 1.45;
}
.network-foot {
  margin-top: auto;
  padding-top: 12px;
  border-top: 1px solid var(--sentinel-rule);
  font-size: .75rem;
  color: var(--sentinel-muted);
}
@keyframes keyword-pop {
  from {
    transform: scale(.92);
    opacity: 0;
  }
  to {
    transform: none;
    opacity: 1;
  }
}
@media (prefers-reduced-motion: reduce) {
  .keyword-chip {
    animation: none;
  }
}
.profile-history {
  display: grid;
  gap: 20px;
}
.profile-revision {
  position: relative;
  padding: 0 0 18px 20px;
  margin-left: 6px;
  border-left: 1px solid var(--sentinel-rule);
  font-size: .875rem;
}
.profile-revision::before {
  content: "";
  position: absolute;
  left: -5px;
  top: 18px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--sentinel-muted);
}
.profile-revision[data-current="true"]::before {
  background: var(--sentinel-accent);
  box-shadow: 0 0 0 3px var(--sentinel-accent-soft);
}
.profile-revision details[open] {
  padding-bottom: 4px;
}
@media (min-width: 1100px) {
  .profile-history {
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
    align-items: start;
  }
}
@media (max-width: 599px) {
  .profile-panel {
    padding: 18px;
    border-radius: 16px;
  }
  .profile-editor-heading {
    margin-bottom: 16px;
    padding-bottom: 12px;
  }
  .profile-form-actions {
    gap: 6px;
    padding-block: 8px;
  }
  .profile-form-actions :is(button, a) {
    padding-inline: 10px;
    font-size: .8125rem;
  }
  .profile-definition-form {
    gap: 16px;
  }
}
.signals-meta {
  font-size: .875rem;
  color: var(--sentinel-muted);
}
.signals-segments {
  display: flex;
  gap: 4px;
  padding: 4px;
  border-radius: 12px;
  background: var(--sentinel-panel-muted);
  margin-bottom: 20px;
}
.signals-segments a {
  flex: 1;
  min-width: 0;
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 9px;
  font-size: .875rem;
  font-weight: 600;
  color: var(--sentinel-muted);
}
.signals-segments a[aria-current="page"] {
  color: var(--sentinel-ink);
  background: var(--sentinel-panel);
  box-shadow: 0 2px 7px #00000010;
}
.signals-note {
  padding: 12px 14px;
  border-radius: 14px;
  background: #d4b26f;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, #d4b26f 24%, var(--sentinel-canvas));
  }
  font-size: .875rem;
  margin-block: 16px;
}
.signals-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  padding: 10px 14px;
  border: 1px solid var(--sentinel-rule);
  border-radius: 12px;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.4;
  background: var(--sentinel-panel);
  transition: background-color 180ms;
}
.signals-button:hover {
  background: var(--sentinel-panel-muted);
}
.signals-button-primary {
  background: #101917;
  border-color: #101917;
  color: #fff;
}
.signals-button-primary:hover {
  background: #234239;
}
.signals-button-danger {
  color: #fff;
  background: #a53c36;
  border-color: #a53c36;
}
.signals-button-danger:hover {
  background: #842e29;
}
.signals-icon-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
  border-radius: 12px;
}
.signals-dialog {
  position: fixed;
  inset: 88px 22px auto auto;
  margin: 0;
  width: min(460px, calc(100vw - 32px));
  max-height: calc(100dvh - 120px);
  overflow-y: auto;
  background: var(--sentinel-panel);
  color: var(--sentinel-ink);
  border: 1px solid var(--sentinel-rule);
  border-radius: 24px;
  padding: 20px;
  box-shadow: 0 18px 70px #0003;
}
.signals-dialog::backdrop {
  background: #07110f66;
}
.filter-sheet-dates .flatpickr-wrapper {
  display: block;
}
.filter-sheet-dates .flatpickr-calendar {
  left: min(0px, 100% - 148px);
}
.filter-sheet-dates > div:last-child .flatpickr-calendar {
  left: auto;
  right: min(0px, 100% - 148px);
}
.signals-story-text {
  font-size: 1rem;
  line-height: 1.8;
}
.signals-story-text > p + p {
  margin-top: 16px;
}
.signals-dialog :focus-visible {
  outline: 2px solid #d4b26f;
  outline-offset: 3px;
}
@media (max-width: 599px) {
  .signals-dialog {
    inset: auto 0 0;
    width: 100%;
    max-height: 88dvh;
    border-radius: 24px 24px 0 0;
    padding-bottom: max(20px, env(safe-area-inset-bottom));
  }
}
.evolution-instrument {
  --sentinel-ink: #f1f6f2;
  --sentinel-muted: #b5c5bd;
  --sentinel-panel: #0c1b17;
  --sentinel-panel-muted: #152821;
  --sentinel-accent: #d9bf7c;
  --sentinel-status-positive: #82d8c8;
  --sentinel-status-negative: #f28b80;
  --sentinel-status-neutral: #d9bf7c;
  --sentinel-status-positive-surface: #163d32;
  --sentinel-status-negative-surface: #4a2726;
  --sentinel-chart-positive: #82d8c8;
  --sentinel-chart-negative: #f28b80;
  --sentinel-chart-neutral: #d9bf7c;
  --sentinel-chart-net: #d9bf7c;
  --sentinel-chart-grid: #26382f;
  --sentinel-chart-text: #b5c5bd;
  --sentinel-chart-tooltip: #152821;
  --sentinel-chart-tooltip-rule: #52665a;
  border: 1px solid #26382f;
  border-radius: 20px;
  background: radial-gradient(ellipse at top right, #30302066, transparent 65%), #0c1b17;
  color: var(--sentinel-ink);
}
.evolution-grid, .evolution-monitor-grid {
  display: grid;
  align-items: start;
  gap: 18px;
}
.evolution-inspector {
  min-width: 0;
  border-top: 1px solid var(--sentinel-rule);
  padding-top: 20px;
}
.evidence-row {
  border-bottom: 1px solid var(--sentinel-rule);
  padding: 14px 0;
}
.evidence-link {
  display: block;
  min-height: 44px;
  cursor: pointer;
  list-style: none;
}
.evidence-link::-webkit-details-marker {
  display: none;
}
.evidence-link:hover .evidence-title {
  color: var(--sentinel-accent);
}
.evidence-title {
  display: block;
  margin: 6px 0 4px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.45;
  overflow-wrap: anywhere;
}
.evidence-origin {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  color: var(--sentinel-muted);
  font-size: 12px;
  line-height: 1.5;
}
.evidence-origin > [role="list"] {
  flex-shrink: 0;
}
.evidence-origin > span[title] {
  color: inherit;
}
.evidence-impact {
  display: inline-flex;
  padding: 4px 8px;
  border-radius: 20px;
  background: var(--sentinel-panel-muted);
  color: var(--sentinel-muted);
  font-size: 12px;
  line-height: 1;
  font-weight: 600;
}
.evidence-impact[data-impact^="-"] {
  background: #f6e8ca;
  color: #684d18;
}
.evidence-impact:is([data-impact="1"], [data-impact="2"]) {
  background: var(--sentinel-accent-soft);
  color: var(--sentinel-accent);
}
.evidence-analysis > summary {
  display: flex;
  align-items: center;
  min-height: 44px;
  color: var(--sentinel-muted);
  font-size: 12px;
  cursor: pointer;
}
.evidence-meta {
  color: var(--sentinel-muted);
  font-size: 12px;
}
.evidence-sources {
  margin-top: 12px;
  padding-left: 16px;
  border-left: 2px solid var(--sentinel-rule);
}
.evidence-sources > li {
  padding: 12px 0;
}
.evolution-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.evolution-toolbar-button {
  display: flex;
  min-height: 44px;
  align-items: center;
  padding: 10px 16px;
  border: 1px solid var(--sentinel-rule);
  border-radius: 12px;
  background: var(--sentinel-panel);
  font-size: 14px;
  font-weight: 600;
}
.evolution-toolbar-button:hover {
  background: var(--sentinel-panel-muted);
}
.evolution-score {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  justify-content: space-between;
  gap: 12px;
}
.evolution-score-value {
  margin: 4px 0;
  font-size: 3rem;
  line-height: 1;
  font-weight: 650;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.04em;
}
.evolution-score [data-state="positive"] {
  color: var(--sentinel-status-positive);
}
.evolution-score [data-state="negative"] {
  color: var(--sentinel-accent);
}
.evolution-score [data-state="unavailable"] {
  color: var(--sentinel-muted);
}
.evolution-score [data-magnitude="slight"] {
  color: var(--sentinel-muted);
}
.evolution-modes {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  padding: 4px;
  border-radius: 12px;
  background: var(--sentinel-panel-muted);
  font-size: 0.875rem;
}
.evolution-modes > button, .evolution-modes :is(summary, a) {
  display: block;
  min-height: 44px;
  padding: 12px 20px;
  border-radius: 9px;
  cursor: pointer;
  list-style: none;
  font-weight: 600;
}
.evolution-modes summary::-webkit-details-marker {
  display: none;
}
.evolution-modes [aria-current="true"] {
  background: var(--sentinel-panel);
  box-shadow: var(--sentinel-elevation);
}
.evolution-modes :is(button, summary, a):hover {
  color: var(--sentinel-accent);
}
.evolution-chooser {
  position: relative;
}
.evolution-choices {
  position: absolute;
  z-index: 20;
  right: 0;
  top: calc(100% + 8px);
  width: min(300px, calc(100vw - 40px));
  max-height: 360px;
  overflow-y: auto;
  padding: 12px;
  border: 1px solid var(--sentinel-rule);
  border-radius: 12px;
  background: var(--sentinel-panel);
  box-shadow: var(--sentinel-elevation);
}
.evolution-choice, .evolution-table-action {
  min-height: 44px;
  padding: 10px 12px;
  border-radius: 8px;
  color: var(--sentinel-accent);
  text-align: left;
}
.evolution-choice {
  display: block;
  width: 100%;
}
.evolution-choice:hover, .evolution-table-action:hover {
  background: var(--sentinel-panel-muted);
}
.evolution-table :is(th, td) {
  padding: 8px 12px;
  border-bottom: 1px solid var(--sentinel-rule);
}
.evolution-table th {
  font-weight: 500;
}
.evolution-table tr[aria-current="true"] {
  background: var(--sentinel-accent-soft);
}
.evolution-status:not(:has(> p)) {
  display: none;
}
.evolution-notice {
  border-left: 3px solid var(--sentinel-accent);
  padding: 12px 16px;
  background: var(--sentinel-panel-muted);
  font-size: 0.875rem;
}
.evolution-score-card {
  padding: 14px 18px 12px;
}
.evolution-score-plot {
  height: 200px;
  margin-top: 10px;
}
.evolution-eyebrow {
  color: var(--sentinel-accent);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.035em;
}
.evolution-radar {
  position: relative;
  min-width: 0;
  overflow: hidden;
  scroll-margin-top: 72px;
  background: radial-gradient(circle at 50% 42%, #55cdbd20, transparent 34%), radial-gradient(circle at 25% 72%, #e27a6d20, transparent 28%), linear-gradient(150deg, #0c1916, #07100e);
}
.evolution-radar [id$="-radar-partial"] {
  inset-inline: 0;
  top: 100%;
  translate: none;
  background: transparent;
  pointer-events: none;
}
#target-trends-day-story-clusters {
  scroll-margin-top: 76px;
}
.evolution-page :is(button, summary, a):focus-visible {
  outline: 2px solid var(--sentinel-accent);
  outline-offset: 3px;
}
#target-trends-page {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 1180px;
  margin-inline: auto;
  padding-bottom: 32px;
}
.evolution-column {
  display: contents;
}
.evolution-header {
  margin: 16px 0 -4px;
}
.evolution-header .evolution-filters-trigger {
  width: 46px;
  min-height: 46px;
  border-radius: 14px;
}
#target-trends-page :is(.acum-eyebrow, .acum-kicker) {
  letter-spacing: .08em;
}
.evolution-title {
  margin-top: 6px;
  font-family: var(--font-display);
  font-size: 32px;
  line-height: 1.1;
  font-weight: 500;
  letter-spacing: -.02em;
  overflow-wrap: anywhere;
}
.evolution-intro {
  margin-top: 6px;
  color: var(--sentinel-muted);
  font-size: 15px;
  line-height: 1.45;
}
#evolution-ranges {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  padding: 4px;
  border: 1px solid #2f353d;
  border-radius: 14px;
  background: #171c21;
}
#evolution-ranges a {
  min-height: 36px;
  border: 1px solid transparent;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 500;
}
#evolution-ranges a[aria-current="page"] {
  border-color: var(--sentinel-accent);
  background: #182435;
  box-shadow: none;
  font-weight: 600;
}
.evolution-main {
  display: grid;
  gap: 16px;
  min-width: 0;
}
.evolution-rail {
  order: 1;
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
  margin-top: 20px;
}
.evolution-rail-title {
  font-family: var(--font-display);
  font-size: 24px;
  line-height: 1.15;
  font-weight: 500;
}
.evolution-rail-intro {
  margin: -6px 0 2px;
  color: var(--sentinel-muted);
  font-size: 15px;
  line-height: 1.45;
}
#target-trends-page .hint, .evolution-period-list .hint, #evolution-filters .hint {
  gap: 10px;
  padding: 12px 14px;
  border-color: #2c4466;
  background: rgb(76 144 240 / 5%);
  color: var(--sentinel-muted);
  font-size: 13px;
  line-height: 1.45;
}
#target-trends-page .hint-icon, .evolution-period-list .hint-icon, #evolution-filters .hint-icon {
  width: 16px;
  height: 16px;
  margin: 2px 0 0;
}
#target-trends-page .hint-label, .evolution-period-list .hint-label, #evolution-filters .hint-label {
  margin: 0;
  color: var(--sentinel-accent-deep);
  font-weight: 400;
  letter-spacing: .08em;
}
#target-trends-page #evolution-hint {
  position: relative;
  padding: 16px 16px 16px 60px;
  border-radius: 20px;
  font-size: 14px;
}
#evolution-hint::before {
  content: "";
  position: absolute;
  top: 16px;
  left: 16px;
  width: 32px;
  height: 32px;
  box-sizing: border-box;
  border: 1px solid #2b4159;
  border-radius: 10px;
  background: #15202a;
}
#evolution-hint .hint-icon {
  position: absolute;
  top: 24px;
  left: 24px;
  margin: 0;
}
.evolution-hint-title {
  margin: 6px 0;
  color: var(--sentinel-ink);
  font-family: var(--font-display);
  font-size: 20px;
  line-height: 1.2;
  font-weight: 500;
}
.evolution-chart-card {
  padding: 16px;
  border: 1px solid var(--sentinel-rule);
  border-radius: 20px;
  background: var(--sentinel-panel);
}
.evolution-chart-head {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 16px;
}
.evolution-chart-title {
  font-size: 15px;
  line-height: 1.3;
  font-weight: 650;
}
.evolution-chart-sub {
  margin-top: 4px;
  color: #8a929e;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.evolution-chart-pick {
  flex: none;
  max-width: 140px;
  padding-left: 12px;
  border-left: 1px solid var(--sentinel-rule);
  color: #d0d6dd;
  font-size: 12px;
  line-height: 1.35;
  text-align: right;
}
.evolution-chart-pick span {
  display: block;
  margin-bottom: 2px;
  color: var(--sentinel-warning);
  font-family: var(--font-mono);
  text-transform: uppercase;
}
.evolution-chart-intro {
  margin-top: 10px;
  color: var(--sentinel-muted);
  font-size: 13px;
  line-height: 1.5;
}
.evolution-chart-day {
  display: grid;
  grid-template-columns: 10px minmax(0, 1fr) 18px;
  align-items: center;
  column-gap: 12px;
  min-height: 56px;
  margin-top: 14px;
  padding: 10px 12px;
  border: 1px solid #2f353d;
  border-radius: 14px;
  background: #1e2329;
  transition: background .15s;
}
.evolution-chart-day:hover {
  background: var(--sentinel-panel-strong);
}
.evolution-chart-day > span:nth-child(2) {
  display: grid;
  gap: 2px;
  min-width: 0;
  line-height: 1.3;
}
.evolution-chart-day > .chevron-right {
  color: #7e8590;
}
#target-trends-page .evolution-chart-day .acum-eyebrow {
  color: var(--sentinel-muted);
  letter-spacing: .06em;
}
.evolution-chart-day-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--sentinel-warning);
}
.evolution-chart-day-phrase {
  font-size: 15px;
  font-weight: 600;
}
.evolution-chart-day-meta {
  color: var(--sentinel-muted);
  font-size: 13px;
}
.evolution-chart-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 196px;
  margin-top: 14px;
  padding: 20px;
  border: 1px dashed #3d444e;
  border-radius: 14px;
  color: var(--sentinel-muted);
  font-size: 13px;
  line-height: 1.45;
  text-align: center;
}
.evolution-chart-empty > span {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: var(--sentinel-panel-muted);
}
.evolution-chart-empty > p:last-child {
  max-width: 250px;
}
.evolution-chart-empty-title {
  color: var(--sentinel-ink);
  font-family: var(--font-display);
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
}
.evolution-change {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) 18px;
  align-items: center;
  column-gap: 12px;
  min-height: 64px;
  margin-top: 12px;
  padding: 12px 14px;
  border: 1px solid rgb(236 154 60 / 40%);
  border-radius: 16px;
  background: #2a2014;
  transition: background .15s;
}
.evolution-change:hover {
  background: var(--sentinel-warning);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--sentinel-warning) 18%, transparent);
  }
}
.evolution-change > span:nth-child(2) {
  display: grid;
  gap: 3px;
  min-width: 0;
  line-height: 1.3;
}
#target-trends-page .evolution-change .acum-eyebrow {
  color: var(--sentinel-warning);
  letter-spacing: .02em;
}
.evolution-change > .chevron-right {
  color: #f3b46d;
}
.evolution-change-icon {
  display: grid;
  place-items: center;
  flex: none;
  width: 36px;
  height: 36px;
  border: 1px solid var(--sentinel-warning);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--sentinel-warning) 45%, transparent);
  }
  border-radius: 10px;
  background: var(--sentinel-warning);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--sentinel-warning) 16%, transparent);
  }
  color: var(--sentinel-warning);
  font-family: var(--font-display);
  font-size: 20px;
  font-weight: 500;
}
.evolution-change-phrase {
  font-size: 15px;
  font-weight: 600;
}
.evolution-mentions {
  display: grid;
  gap: 10px;
}
.evolution-mentions .acum-cta {
  display: flex;
  width: 100%;
  min-height: 52px;
  padding: 0 18px;
  border-radius: 16px;
  font-size: 15px;
  font-weight: 600;
}
.evolution-brief {
  padding: 18px 16px;
  border: 1px solid var(--sentinel-rule);
  border-radius: 20px;
  background: var(--sentinel-panel);
}
.evolution-brief-title {
  margin-top: 6px;
  font-family: var(--font-display);
  font-size: 24px;
  line-height: 1.15;
  font-weight: 500;
  letter-spacing: -.01em;
}
.evolution-brief-text {
  margin-top: 8px;
  color: var(--sentinel-muted);
  font-size: 15px;
  line-height: 1.45;
}
.evolution-brief-list {
  margin-top: 12px;
}
.evolution-brief-list > li {
  --tone: var(--sentinel-status-negative);
  border-top: 1px solid var(--sentinel-rule);
}
.evolution-brief-list > li[data-direction="positive"] {
  --tone: var(--sentinel-status-positive);
}
.evolution-attention-row {
  display: flex;
  gap: 12px;
  padding: 14px 0;
  transition: filter .15s;
}
.evolution-brief-list > li:last-child .evolution-attention-row {
  padding-bottom: 0;
}
.evolution-attention-row > div {
  flex: 1;
  min-width: 0;
}
a.evolution-attention-row:hover {
  filter: brightness(1.08);
}
.evolution-attention-arrow {
  flex: none;
  align-self: center;
  width: 18px;
  height: 18px;
  color: var(--sentinel-muted);
}
.evolution-brief-badge {
  display: grid;
  place-items: center;
  flex: none;
  width: 28px;
  height: 28px;
  border: 1px solid var(--tone);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--tone) 45%, transparent);
  }
  border-radius: 50%;
  background: var(--tone);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--tone) 14%, transparent);
  }
  color: var(--tone);
  font-family: var(--font-mono);
  font-size: 11px;
}
.evolution-attention-title {
  font-size: 15px;
  line-height: 1.35;
  font-weight: 600;
  overflow-wrap: anywhere;
}
.evolution-attention-line {
  display: -webkit-box;
  margin-top: 2px;
  overflow: hidden;
  color: var(--sentinel-muted);
  font-size: 14px;
  line-height: 1.45;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}
.evolution-brief .evolution-retry {
  display: flex;
  justify-content: center;
  gap: 8px;
  width: 100%;
  margin-top: 16px;
  border-radius: 16px;
  font-size: 15px;
  font-weight: 600;
}
.evolution-retry svg {
  stroke-width: 1.8;
}
.evolution-saved {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 52px;
  margin-top: 8px;
  padding: 8px 0 0;
  border-top: 1px solid var(--sentinel-rule);
  text-align: left;
  cursor: pointer;
}
.evolution-saved > span {
  display: grid;
  gap: 2px;
}
.evolution-saved > .hero-chevron-right {
  color: var(--sentinel-muted);
}
.evolution-saved-title {
  font-size: 15px;
  font-weight: 600;
}
.evolution-saved-meta {
  color: var(--sentinel-muted);
  font-size: 13px;
}
#topics-origin-hint {
  margin-top: 14px;
}
#topics-origin-hint > div {
  display: grid;
  gap: 3px;
}
.topics-origin-hint-title {
  color: var(--sentinel-ink);
  font-size: 15px;
  font-weight: 600;
}
#main-content > .customer-content:has(.evolution-period-list):not(:has(.mention-page)) {
  padding-top: 0;
}
#main-content:has(.evolution-period-list) > .return-row > .return-bar {
  margin-left: 28px;
}
@media (min-width: 768px) {
  #main-content:has(.evolution-period-list) > .return-row > .return-bar {
    margin-left: 36px;
  }
}
@media (min-width: 1024px) {
  #main-content:has(.evolution-period-list):not(:has([data-split])) > .return-row > .return-bar {
    margin: 34px 0 0 calc((100% - 760px) / 2 + 12px);
  }
  .topics-page.evolution-period-list {
    display: block;
    max-width: 760px;
  }
}
.evolution-period-list .topics-header {
  padding-top: 4px;
}
.evolution-period-list .topics-title {
  font-size: 32px;
  line-height: 1.08;
}
.evolution-period-list .topics-controls {
  padding-top: 16px;
}
:is(.evolution-period-list, .mention-controls) .filter-sheet-trigger.topics-funnel {
  width: 52px;
  min-height: 52px;
}
.topics-cards.evolution-groups {
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
  margin-top: 14px;
}
.evolution-profile {
  --axis: #77818d;
  --axis-text: #828c98;
  padding: 18px 18px 16px;
  border: 1px solid var(--sentinel-rule);
  border-radius: 20px;
  background: var(--sentinel-panel);
}
:is(.evolution-profile, .axis-radar, .evolution-detail, .evolution-groups, .report-stories) [data-state="affected"] {
  --axis: #eb7379;
  --axis-text: #f17a81;
}
:is(.evolution-profile, .axis-radar, .evolution-detail, .evolution-groups) [data-state="mixed"] {
  --axis: #eda047;
  --axis-text: #f0a54d;
}
:is(.evolution-profile, .axis-radar, .evolution-detail, .evolution-groups, .report-stories) [data-state="strengthened"] {
  --axis: #20cdbd;
  --axis-text: #2fd6c6;
}
:is(.evolution-profile, .axis-radar, .evolution-detail, .evolution-groups) [data-state="insufficient"] {
  --axis: #77818d;
  --axis-text: #828c98;
}
.evolution-profile-head {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--sentinel-rule);
}
.evolution-profile-head .acum-eyebrow {
  color: var(--sentinel-accent-deep);
  letter-spacing: .1em;
}
.evolution-profile-title {
  margin-top: 6px;
  font-family: var(--font-display);
  font-size: 24px;
  line-height: 1.15;
  font-weight: 500;
}
.evolution-profile-total {
  flex: none;
  color: var(--sentinel-muted);
  font-size: 12px;
  text-align: right;
}
.evolution-profile-total strong {
  display: block;
  color: var(--sentinel-ink);
  font-family: var(--font-mono);
  font-size: 26px;
  font-weight: 400;
  line-height: 1.1;
}
.evolution-profile-lead {
  padding: 14px 0;
  border-bottom: 1px solid var(--sentinel-rule);
  color: var(--sentinel-muted);
  font-size: 13px;
  line-height: 1.5;
}
#evolution-profile-headline {
  margin-bottom: 6px;
  color: var(--sentinel-ink);
  font-size: 15px;
  line-height: 1.45;
}
.axis-radar {
  display: block;
  width: 100%;
  max-width: 360px;
  margin: 8px auto 0;
  overflow: visible;
}
.axis-radar-grid {
  fill: none;
  stroke: rgb(197 203 211 / 16%);
  stroke-width: 1;
}
.axis-radar-reference {
  fill: none;
  stroke: rgb(197 203 211 / 45%);
  stroke-width: 1;
  stroke-dasharray: 3 4;
}
.axis-radar-spoke {
  stroke: rgb(197 203 211 / 14%);
  stroke-width: 1;
}
.axis-radar-shape {
  fill: rgb(114 140 170 / 14%);
  stroke: #8fa4bd;
  stroke-width: 1.4;
  stroke-linejoin: round;
}
.axis-radar-segment {
  stroke: var(--axis);
  stroke-width: 1.45;
}
.axis-radar-node {
  fill: var(--axis);
  stroke: var(--sentinel-panel);
  stroke-width: 1.2;
}
.axis-radar text {
  stroke: none;
  font-family: var(--font-ui);
}
.axis-radar-name {
  fill: var(--axis-text);
  font-size: 12px;
  font-weight: 300;
}
:is(#evolution-radar, #ai-profile-radar) .axis-radar-name[data-selected] {
  font-weight: 600;
  text-decoration: underline;
}
.axis-radar .axis-radar-score {
  fill: var(--axis-text);
  font-family: var(--font-mono);
  font-size: 12px;
  font-weight: 400;
}
.axis-radar-node-empty {
  fill: var(--sentinel-panel);
  stroke: #abb3bf;
  stroke-width: 1.44;
  stroke-dasharray: 2.4 2.4;
}
.evolution-profile-legend {
  display: flex;
  justify-content: center;
  gap: 16px;
  margin-top: 10px;
  color: var(--sentinel-muted);
  font-size: 12px;
}
.evolution-profile-legend span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}
.evolution-profile-legend span::before {
  content: "";
  width: 16px;
  border-top: 2px solid var(--axis);
}
.evolution-profile-legend [data-state="reference"]::before {
  border-top: 1px dashed var(--sentinel-muted);
}
.evolution-axis {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 12px;
  min-height: 64px;
  transition: background .15s;
}
.evolution-axis:hover {
  background: var(--sentinel-panel-muted);
}
.evolution-axis-index {
  color: var(--sentinel-muted-2);
  font-family: var(--font-mono);
  font-size: 11px;
}
.evolution-axis-text {
  display: grid;
  gap: 2px;
  min-width: 0;
}
.evolution-axis-name {
  font-size: 15px;
  font-weight: 600;
}
.evolution-axis-state {
  color: #8a929e;
  font-size: 13px;
}
.evolution-axis-state > span {
  color: var(--axis-text);
}
[data-state="insufficient"] .evolution-axis-state > span, #evolution-profile:not([data-axis]) [data-state="insufficient"] .evolution-axis-state {
  color: var(--sentinel-muted);
}
.evolution-axis-value {
  color: var(--axis-text);
  font-family: var(--font-mono);
  font-size: 15px;
  font-weight: 400;
}
.evolution-axis-arrow {
  color: var(--axis-text);
}
#evolution-profile {
  padding: 16px 16px 14px;
}
#evolution-profile .evolution-profile-title {
  font-size: 22px;
}
#evolution-profile:not([data-axis]) .evolution-profile-total {
  color: #8a929e;
  font-size: 11px;
}
#evolution-profile .evolution-profile-total strong {
  margin-bottom: 4px;
  font-size: 24px;
  line-height: 1;
}
#evolution-profile[data-axis] .evolution-profile-total strong {
  font-weight: 500;
}
#evolution-profile:not([data-axis]) .evolution-profile-lead {
  padding-bottom: 0;
  border-bottom: 0;
}
#evolution-radar {
  max-width: 440px;
  margin: 16px auto 0;
}
#evolution-radar .axis-radar-name {
  font-size: 13.2px;
  font-weight: 400;
}
#evolution-radar .axis-radar-score {
  font-size: 14.4px;
}
#evolution-radar .axis-radar-node {
  r: 3px;
  stroke: none;
}
#evolution-radar .axis-radar-shape {
  fill: rgb(76 144 240 / 8%);
  stroke: #8098b3;
  stroke-width: 1.8;
}
#evolution-radar .axis-radar-segment {
  stroke-width: 2.4;
  stroke-linecap: round;
}
#evolution-radar [data-state="insufficient"] .axis-radar-name[data-selected] {
  fill: var(--sentinel-ink);
}
#evolution-radar [data-state="insufficient"] .axis-radar-name:not([data-selected]) {
  fill: #abb3bf;
}
#evolution-radar [data-state="insufficient"] .axis-radar-score {
  fill: #8a929e;
}
#evolution-profile[data-axis] #evolution-radar :is(.axis-radar-node, .axis-radar-node-empty) {
  r: 6px;
}
#evolution-profile[data-axis] #evolution-radar .axis-radar-node {
  stroke: var(--sentinel-panel);
  stroke-width: 2.4;
}
#evolution-profile[data-axis] #evolution-radar {
  margin-top: 4px;
}
#evolution-profile[data-axis] .evolution-profile-legend {
  margin-top: 6px;
}
#evolution-profile .evolution-axes {
  margin-top: 14px;
}
#evolution-profile .evolution-axis {
  grid-template-columns: 28px minmax(0, 1fr) auto 18px;
  align-items: start;
  min-height: 0;
  padding: 12px 0;
  border-top: 1px solid var(--sentinel-rule);
}
#evolution-profile .evolution-axis-index {
  display: flex;
  align-self: stretch;
  align-items: center;
  gap: 9px;
}
#evolution-profile .evolution-axis-index::before {
  content: "";
  align-self: stretch;
  width: 3px;
  border-radius: 2px;
  background: var(--axis);
}
#evolution-profile [data-state="insufficient"] .evolution-axis-index::before {
  background: #5d646e;
}
#evolution-profile:not([data-axis]) :is(.evolution-axis-value, .evolution-axis-arrow) {
  margin-top: 4px;
}
#evolution-profile:not([data-axis]) .evolution-axis-value {
  font-size: 14px;
}
#evolution-profile .evolution-axis-state {
  line-height: 1.4;
}
#evolution-profile .evolution-axis-arrow {
  width: 18px;
  height: 18px;
}
#evolution-profile[data-axis] .evolution-axes {
  margin-inline: -6px;
}
#evolution-profile[data-axis] .evolution-axis {
  grid-template-columns: 28px minmax(0, 1fr) auto 16px;
  align-items: center;
  min-height: 60px;
  padding: 8px 10px;
  border: 1px solid transparent;
  border-bottom-color: var(--sentinel-rule);
}
#evolution-profile[data-axis] .evolution-axis[aria-current="true"] {
  border-color: var(--sentinel-accent);
  border-radius: 12px;
  background: var(--sentinel-accent-soft);
}
#evolution-profile[data-axis] .evolution-axis-name {
  font-weight: 500;
}
#evolution-profile[data-axis] [aria-current="true"] .evolution-axis-name {
  font-weight: 600;
}
#evolution-profile[data-axis] .evolution-axis-value {
  font-weight: 500;
}
#evolution-profile[data-axis] .evolution-axis-arrow {
  width: 16px;
  height: 16px;
}
.evolution-profile-foot {
  padding-top: 14px;
  border-top: 1px solid var(--sentinel-rule);
  color: var(--sentinel-muted);
  font-size: 13px;
  line-height: 1.5;
}
.evolution-profile-foot .acum-eyebrow {
  margin-bottom: 4px;
  color: var(--sentinel-accent-deep);
}
.evolution-detail {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.evolution-back {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-height: 44px;
  margin-top: 6px;
  padding: 0 6px 0 18px;
  color: var(--sentinel-accent-deep);
  font-size: 15px;
  font-weight: 500;
}
.evolution-back:hover {
  text-decoration: underline;
}
.evolution-detail-eyebrow {
  margin-top: 4px;
  color: var(--sentinel-accent-deep);
}
.evolution-detail .evolution-intro {
  margin-top: 8px;
  color: #d0d6dd;
}
.evolution-pill {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 22px;
  padding: 0 9px;
  border: 1px solid var(--axis-text);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--axis-text) 40%, transparent);
  }
  border-radius: 11px;
  background: var(--axis);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--axis) 12%, transparent);
  }
  color: var(--axis-text);
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 400;
  letter-spacing: .02em;
  text-transform: uppercase;
  white-space: nowrap;
}
.evolution-pill[data-state="news"] {
  gap: 6px;
  border-color: rgb(76 144 240 / 35%);
  background: rgb(76 144 240 / 16%);
  color: #8abbff;
}
.evolution-pill[data-state="news"]::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #4c90f0;
  box-shadow: 0 0 6px rgb(76 144 240 / 90%);
}
.evolution-axis-head {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 14px;
}
.evolution-axis-score {
  color: var(--axis-text);
  font-family: var(--font-mono);
  font-size: 36px;
  font-weight: 500;
  line-height: 1;
}
.evolution-axis-head > div {
  display: grid;
  justify-items: start;
  gap: 4px;
  padding-left: 14px;
  border-left: 1px solid #2f353d;
}
.evolution-axis-head p {
  color: var(--sentinel-muted);
  font-size: 13px;
}
.evolution-axis-head[data-state="insufficient"] .evolution-axis-score {
  color: #8a929e;
}
.evolution-axis-head[data-state="insufficient"] .evolution-pill {
  border: 1px dashed #4b525c;
  background: transparent;
  color: var(--sentinel-muted);
}
.evolution-detail .evolution-period-row {
  margin-top: 16px;
}
.filter-sheet-trigger.evolution-period-trigger {
  flex: 1;
  justify-content: flex-start;
  gap: 12px;
  min-height: 52px;
  padding-inline: 14px;
  border-color: #2f353d;
  border-radius: 14px;
  background: #171c21;
  text-align: left;
}
.evolution-period-trigger .hero-calendar {
  width: 18px;
  height: 18px;
  color: var(--sentinel-accent);
}
.filter-sheet-trigger-text {
  display: grid;
  gap: 2px;
  font-size: 15px;
  font-weight: 600;
}
.filter-sheet-trigger-eyebrow {
  color: var(--sentinel-muted);
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 400;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.filter-sheet-trigger-chevron {
  width: 18px;
  height: 18px;
  margin-left: auto;
  color: var(--sentinel-muted);
}
.evolution-detail .evolution-filters-trigger {
  min-height: 52px;
  border-color: #2f353d;
  border-radius: 14px;
  background: #171c21;
}
.filter-sheet-trigger.evolution-filters-trigger {
  padding-inline: 0;
}
.evolution-filters-trigger svg {
  width: 20px;
  height: 20px;
  stroke-width: 1.8;
}
.evolution-section-title {
  margin-top: 6px;
  font-family: var(--font-display);
  font-size: 22px;
  font-weight: 500;
  line-height: 1.15;
  letter-spacing: -.01em;
}
.evolution-axis-evidence {
  order: 2;
  margin-top: 4px;
}
#target-trends-page:has(#evolution-axis-view) .evolution-rail {
  margin-top: 8px;
}
.evolution-axis-counts {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 14px;
}
.evolution-axis-counts p {
  display: grid;
  gap: 4px;
  padding: 14px;
  border: 1px solid var(--axis);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--axis) 40%, transparent);
  }
  border-radius: 14px;
  background: var(--axis);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--axis) 8%, transparent);
  }
  color: var(--axis-text);
  font-size: 14px;
}
.evolution-axis-counts strong {
  margin-top: 4px;
  font-family: var(--font-mono);
  font-size: 28px;
  font-weight: 500;
  line-height: 1;
}
.evolution-axis-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 14px;
  padding: 24px;
  border: 1px dashed #3d444e;
  border-radius: 20px;
  color: var(--sentinel-muted);
  font-size: 15px;
  line-height: 1.45;
  text-align: center;
}
.evolution-axis-empty > span {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #1e2329;
}
.evolution-axis-empty h3 {
  margin: 14px 0 8px;
  color: var(--sentinel-ink);
  font-family: var(--font-display);
  font-size: 22px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -.01em;
}
.evolution-axis-empty .acum-cta {
  flex: none;
  margin-top: 18px;
  padding: 0 22px;
  border-radius: 16px;
  font-size: 15px;
  font-weight: 600;
}
.evolution-groups {
  display: grid;
  gap: 12px;
  margin-top: 14px;
}
.evolution-group {
  overflow: hidden;
  border: 1px solid #2f353d;
  border-radius: 16px;
  background: #171c21;
}
.evolution-group:has(.evolution-pill[data-state="news"]) {
  border-color: #4176c0;
  border-left: 4px solid var(--sentinel-accent);
  background: linear-gradient(100deg, rgb(76 144 240 / 16%) 0%, rgb(76 144 240 / 5%) 32%, transparent 62%), #1c2126;
  box-shadow: -4px 0 16px -6px rgb(76 144 240 / 60%);
}
.evolution-group-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 18px;
  align-items: center;
  column-gap: 10px;
  padding: 16px;
}
.evolution-group:has(.evolution-pill[data-state="news"]) .evolution-group-head {
  padding-left: 13px;
}
a.evolution-group-head:hover .evolution-group-title {
  color: var(--sentinel-accent-deep);
}
.evolution-group-text {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}
.evolution-group-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.evolution-group-title {
  font-family: var(--font-display);
  font-size: 22px;
  font-weight: 500;
  line-height: 1.15;
  letter-spacing: -.01em;
  overflow-wrap: anywhere;
  transition: color .15s;
}
.evolution-group-summary {
  color: var(--sentinel-muted);
  font-size: 14px;
  line-height: 1.45;
}
.evolution-group-meta {
  display: grid;
  gap: 2px;
  color: #8a929e;
  font-size: 13px;
  line-height: 1.4;
}
.evolution-chevron {
  width: 18px;
  height: 18px;
  color: #7e8590;
}
.evolution-row, .evolution-group-more {
  border-top: 1px solid #2f353d;
  transition: background .15s;
}
.evolution-row {
  position: relative;
  display: grid;
  grid-template-columns: 50px minmax(0, 1fr) 18px;
  align-items: center;
  column-gap: 10px;
  padding: 14px 16px;
}
.evolution-row::before {
  content: "";
  position: absolute;
  top: 14px;
  bottom: 14px;
  left: 7px;
  width: 3px;
  border-radius: 2px;
  background: var(--axis);
}
:is(.evolution-row, .evolution-group-more):hover {
  background: var(--sentinel-panel-muted);
}
.evolution-row-time {
  display: grid;
  gap: 2px;
  align-self: start;
  color: #d0d6dd;
  font-family: var(--font-mono);
  font-size: 13px;
}
.evolution-row-time small {
  color: #8a929e;
  font-size: 11px;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.evolution-row-body {
  display: grid;
  gap: 6px;
  min-width: 0;
}
.evolution-row-source {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 8px;
  color: #d0d6dd;
  font-size: 13px;
  font-weight: 600;
}
.evolution-row-name {
  overflow-wrap: anywhere;
}
.evolution-row-dot {
  display: inline-block;
  margin-right: 4px;
  vertical-align: 1px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--sentinel-accent);
  box-shadow: 0 0 6px rgb(76 144 240 / 90%);
}
.evolution-row-title {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.35;
  overflow-wrap: anywhere;
}
.evolution-row:not(:has([data-unread])) .evolution-row-title {
  color: #d0d6dd;
  font-weight: 500;
}
.evolution-group-more {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 48px;
  padding: 0 16px;
  color: #d0d6dd;
  font-size: 14px;
  font-weight: 500;
}
.evolution-change-card {
  display: grid;
  margin-top: 16px;
  padding: 18px;
  border: 1px solid rgb(236 154 60 / 35%);
  border-radius: 20px;
  background: linear-gradient(rgb(236 154 60 / 7%) 0%, transparent 45%), #171c21;
}
.evolution-change-severity {
  display: flex;
  align-items: center;
  gap: 12px;
}
.evolution-change-severity .evolution-change-icon {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background: #2a2014;
  font-size: 24px;
}
.evolution-change-severity > span:last-child {
  display: grid;
  gap: 2px;
}
.evolution-change-severity .acum-eyebrow, .evolution-change-sources .acum-eyebrow {
  color: var(--sentinel-warning);
}
.evolution-change-direction .acum-eyebrow {
  color: #f3b46d;
  font-size: 10px;
}
.evolution-change-severity strong {
  font-size: 17px;
  font-weight: 600;
}
.evolution-change-direction strong {
  font-size: 15px;
  font-weight: 600;
}
.evolution-change-direction {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 14px;
  padding: 10px 12px;
  border-left: 2px solid var(--sentinel-warning);
  border-radius: 0 10px 10px 0;
  background: rgb(236 154 60 / 8%);
}
.evolution-change-direction > .hero-arrow-trending-down, .evolution-change-direction > .hero-arrow-trending-up {
  color: #f3b46d;
}
.evolution-change-direction > span {
  display: grid;
  gap: 2px;
}
#evolution-change-explanation {
  margin-top: 18px;
}
#evolution-change-explanation .evolution-section-title {
  font-size: 24px;
}
.evolution-change-text {
  margin-top: 8px;
  color: #d0d6dd;
  font-size: 15px;
  line-height: 1.5;
}
.evolution-change-sources {
  display: grid;
  gap: 8px;
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid #2f353d;
}
.evolution-change-sources p:last-child {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.evolution-change-sources .evolution-chip {
  display: inline-flex;
  align-items: center;
  height: 36px;
  padding: 0 14px;
  border: 1px solid #2f353d;
  border-radius: 18px;
  background: #1e2329;
  color: #d0d6dd;
  font-size: 13px;
  font-weight: 500;
}
#evolution-change-date {
  color: var(--sentinel-muted);
}
.evolution-change-evidence-head {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
  margin-top: 24px;
}
.evolution-change-note {
  display: flex;
  align-items: start;
  gap: 10px;
  margin-top: 12px;
  padding: 12px 14px;
  border: 1px dashed #2c4466;
  border-radius: 14px;
  background: rgb(76 144 240 / 5%);
  color: var(--sentinel-muted);
  font-size: 13px;
  line-height: 1.45;
}
.evolution-change-note .hero-information-circle {
  flex: none;
  width: 16px;
  height: 16px;
  margin-top: 2px;
  color: var(--sentinel-accent-deep);
}
.evolution-volume-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid #2f353d;
}
.evolution-volume-stats p {
  padding: 0 10px;
  color: var(--sentinel-muted);
  font-size: 12px;
  line-height: 1.3;
}
.evolution-volume-stats p:first-child {
  padding-left: 0;
}
.evolution-volume-stats p + p {
  border-left: 1px solid #2f353d;
}
.evolution-volume-stats strong {
  display: block;
  margin-bottom: 2px;
  color: var(--sentinel-ink);
  font-family: var(--font-mono);
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
}
.evolution-volume-stats strong[data-tone="warning"] {
  color: var(--sentinel-warning);
}
.evolution-volume-figure {
  margin-top: 18px;
}
#evolution-volume-chart {
  display: block;
  width: 100%;
  max-width: 470px;
  height: auto;
  margin-inline: auto;
  font-family: var(--font-mono);
}
#evolution-volume-chart rect {
  fill: #5a616b;
}
#evolution-volume-chart text {
  fill: #8a929e;
  font-size: 11px;
}
#evolution-volume-chart .evolution-volume-axis {
  fill: #7e8590;
  font-size: 10px;
  letter-spacing: .4px;
}
#evolution-volume-chart .evolution-volume-normal + text {
  fill: var(--sentinel-muted);
}
#evolution-volume-chart rect[data-last] {
  fill: var(--sentinel-warning);
}
#evolution-volume-chart text[data-last] {
  fill: #f3b46d;
  font-weight: 500;
}
.evolution-volume-base {
  stroke: #3d444e;
}
.evolution-volume-normal {
  stroke: var(--sentinel-muted);
  stroke-dasharray: 3 4;
}
#evolution-volume-sources {
  padding-top: 0;
  border-top: 0;
}
.acum-cta.evolution-volume-all {
  display: flex;
  flex: none;
  width: 100%;
  margin-top: 16px;
  padding: 0 18px;
  border-radius: 16px;
  font-size: 15px;
  font-weight: 600;
}
@media (min-width: 1024px) {
  #target-trends-page:has(#evolution-change-view, #evolution-day-view, #evolution-volume-view) {
    grid-template-columns: minmax(0, 1fr);
  }
  :is(#evolution-change-view, #evolution-day-view, #evolution-volume-view) {
    width: 100%;
    max-width: 760px;
    margin-inline: auto;
  }
}
.evolution-day-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 6px 4px 0 12px;
}
.evolution-day-nav .evolution-back {
  margin: 0;
  padding-left: 6px;
}
.evolution-column > .evolution-back {
  margin-bottom: -16px;
}
.evolution-day-nav > div {
  display: flex;
}
.evolution-day-step {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 22px;
  color: var(--sentinel-ink);
  transition: background .15s;
}
a.evolution-day-step:hover {
  background: var(--sentinel-panel-muted);
}
.evolution-day-step:disabled {
  opacity: .35;
}
#evolution-day-title:focus {
  outline: none;
}
.evolution-day-status {
  margin-top: 8px;
  color: #d0d6dd;
  font-size: 15px;
  line-height: 1.25;
}
.evolution-day-status [data-weather] {
  color: var(--weather-accent);
  font-weight: 600;
}
.evolution-day-status [data-weather="attention"] {
  color: #f3b46d;
}
.evolution-day-status b {
  color: #8abbff;
  font-weight: 600;
}
#evolution-day-tone-legend {
  line-height: 1.25;
}
.evolution-day-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 16px;
}
.evolution-mention {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 16px 16px 16px 20px;
  border: 1px solid #2f353d;
  border-radius: 16px;
  transition: background .15s, border-color .15s;
}
.evolution-mention:hover {
  background: var(--sentinel-panel-muted);
}
.evolution-mention::before {
  content: "";
  position: absolute;
  top: 16px;
  bottom: 16px;
  left: 8px;
  width: 3px;
  border-radius: 2px;
}
.evolution-mention[data-tone="unfavourable"]::before {
  background: #e87078;
}
.evolution-mention[data-tone="mixed"]::before {
  background: #ec9a3c;
}
.evolution-mention[data-tone="favourable"]::before {
  background: #20ccbc;
}
.evolution-mention[data-unread] {
  padding-left: 17px;
  border-color: #4176c0;
  border-left: 4px solid var(--sentinel-accent);
  background: linear-gradient(100deg, rgb(76 144 240 / 16%) 0%, rgb(76 144 240 / 5%) 32%, transparent 62%), #1c2126;
  box-shadow: -4px 0 16px -6px rgb(76 144 240 / 60%);
}
.evolution-mention[data-unread]::before {
  content: none;
}
.evolution-mention-head {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .02em;
}
.evolution-mention-seen {
  color: #8a929e;
  text-transform: uppercase;
}
.evolution-mention-time {
  margin-left: auto;
  color: #8a929e;
}
.evolution-mention-title {
  font-family: var(--font-display);
  font-size: 22px;
  font-weight: 500;
  line-height: 1.15;
  letter-spacing: -.01em;
  overflow-wrap: anywhere;
}
.evolution-mention:not([data-unread]) .evolution-mention-title {
  color: #d0d6dd;
}
.evolution-mention-meta {
  color: #abb3bf;
  font-size: 13px;
  line-height: 1.25;
}
.evolution-rail-head {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
}
.evolution-chip {
  display: inline-flex;
  flex: none;
  align-items: center;
  height: 32px;
  padding: 0 12px;
  border: 1px solid #3d444e;
  border-radius: 16px;
  background: #1e2329;
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
}
#target-trends-page:has(#evolution-axis-view) .evolution-rail-title {
  font-size: 22px;
  letter-spacing: -.01em;
}
#target-trends-page:has(#evolution-axis-view) .evolution-rail-intro {
  margin-top: -4px;
  font-size: 14px;
}
@media (max-width: 599px) {
  .evolution-axis-counts {
    gap: 8px;
  }
}
.evolution-period-row {
  display: flex;
  gap: 8px;
  margin-top: 14px;
}
.evolution-period-row .evolution-ranges {
  flex: 1;
  min-width: 0;
  margin: 0;
}
.evolution-filters-trigger {
  flex: none;
  width: 52px;
}
.evolution-filter-custom {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr) auto 18px;
  align-items: center;
  column-gap: 10px;
  min-height: 52px;
  margin-top: 4px;
  border-bottom: 1px solid #2f353d;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
}
#evolution-filters .evolution-filter-custom > span:first-child {
  margin-bottom: 0;
  color: #abb3bf;
}
.evolution-filter-custom > .hero-chevron-right {
  width: 18px;
  height: 18px;
  color: #7e8590;
}
.evolution-filter-custom-hint {
  color: #abb3bf;
  font-size: 13px;
  font-weight: 400;
}
#evolution-filter-range-custom:checked + .evolution-filter-custom {
  color: var(--sentinel-accent-deep);
}
#evolution-filter-range-custom:focus-visible + .evolution-filter-custom {
  outline: 2px solid var(--sentinel-focus);
  outline-offset: 2px;
}
.trend-line-plot {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  column-gap: 10px;
  margin-top: 16px;
}
.trend-line-labels {
  display: grid;
  grid-template-rows: 100%;
  color: #7e8590;
  font-family: var(--font-mono);
  font-size: 11px;
}
.trend-line-labels span {
  grid-area: 1 / 1;
  position: relative;
  align-self: start;
  justify-self: end;
  transform: translateY(-50%);
}
.trend-line-frame {
  position: relative;
  height: 200px;
}
.trend-line-svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}
.trend-line-svg * {
  vector-effect: non-scaling-stroke;
}
.trend-line-grid {
  stroke: #262c34;
}
.trend-line-reference {
  stroke: #3d444e;
}
.trend-line-guide {
  stroke: #7e8590;
  stroke-opacity: .45;
}
.trend-line-fill-top {
  stop-color: var(--sentinel-accent);
  stop-opacity: .26;
}
.trend-line-fill-bottom {
  stop-color: var(--sentinel-accent);
  stop-opacity: 0;
}
.trend-line-path {
  fill: none;
  stroke: var(--sentinel-accent);
  stroke-width: 1.6;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.trend-line-tail {
  stroke: var(--sentinel-accent);
  stroke-width: 2;
  stroke-linecap: round;
}
.trend-line-node {
  fill: var(--sentinel-accent-deep);
}
.trend-line-end {
  fill: var(--sentinel-canvas);
  stroke: var(--sentinel-warning);
  stroke-width: 2;
}
.trend-line-selected {
  fill: var(--sentinel-warning);
  stroke: var(--sentinel-canvas);
  stroke-width: 3;
}
.trend-line-control {
  position: absolute;
  top: 0;
  bottom: 0;
  transition: background .15s;
}
.trend-line-control:hover {
  background: var(--sentinel-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--sentinel-accent) 14%, transparent);
  }
}
.trend-line-ticks {
  grid-column: 2;
  display: flex;
  justify-content: space-between;
  gap: 8px;
  margin-top: 8px;
  color: #8a929e;
  font-family: var(--font-mono);
  font-size: 11px;
  white-space: nowrap;
}
.trend-line-ticks [data-selected] {
  color: var(--sentinel-warning);
}
@media (max-width: 599px) {
  .trend-line-frame {
    height: 170px;
  }
  .trend-line-ticks {
    grid-column: 1 / -1;
  }
}
.trend-line-days:not(:focus-within) {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.trend-line-days:focus-within {
  display: grid;
  gap: 2px;
  margin-top: 12px;
  font-size: 13px;
}
.trend-line-days a {
  display: block;
  min-height: 44px;
  padding: 12px 4px;
}
#evolution-weather .evolution-extend {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 52px;
  margin-top: 16px;
  border: 1px solid #2c4466;
  border-radius: 16px;
  background: #162232;
  color: var(--sentinel-accent-deep);
  font-size: 15px;
  font-weight: 600;
  transition: background .15s;
}
#evolution-weather .evolution-extend:hover, .evolution-today:hover {
  background: #1b2a3d;
}
.evolution-today {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  margin-top: 12px;
  padding: 0 14px;
  border: 1px solid #2c4466;
  border-radius: 22px;
  background: #162232;
  color: var(--sentinel-accent-deep);
  font-size: 14px;
  font-weight: 500;
  transition: background .15s;
}
#evolution-weather {
  grid-template-columns: minmax(0, 1fr);
  border-radius: 20px;
}
#evolution-weather[data-weather="insufficient"] {
  border-style: dashed;
  border-color: #3d444e;
}
#evolution-weather .evolution-day-scene {
  padding: 16px 18px 18px;
}
.evolution-day-title {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 14px;
}
.evolution-day-tile {
  display: grid;
  place-items: center;
  flex: none;
  width: 40px;
  height: 40px;
  border: 1px solid var(--sentinel-accent);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--sentinel-accent) 35%, transparent);
  }
  border-radius: 12px;
  background: var(--sentinel-accent-soft);
  color: var(--sentinel-accent-deep);
  font-family: var(--font-display);
  font-size: 24px;
  font-weight: 500;
}
.evolution-day-tile[data-state="attention"] {
  border-color: var(--sentinel-warning);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--sentinel-warning) 35%, transparent);
  }
  background: var(--sentinel-warning);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--sentinel-warning) 14%, transparent);
  }
  color: var(--sentinel-warning);
}
.evolution-day-tile[data-state="variable"] {
  border-color: #3d444e;
  background: var(--sentinel-panel-muted);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--sentinel-panel-muted) 85%, transparent);
  }
  color: #d0d6dd;
}
.evolution-day-word {
  font-family: var(--font-display);
  font-size: 40px;
  line-height: 1;
  font-weight: 500;
  letter-spacing: -.02em;
  overflow-wrap: anywhere;
}
.evolution-day-headline {
  max-width: 310px;
  margin-top: 12px;
  font-family: var(--font-display);
  font-size: 22px;
  line-height: 1.2;
  font-weight: 500;
}
.evolution-day-change {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 14px;
  padding: 10px 12px;
  border-left: 2px solid var(--sentinel-accent);
  border-radius: 0 10px 10px 0;
  background: var(--sentinel-panel-strong);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--sentinel-panel-strong) 70%, transparent);
  }
}
.evolution-day-change:is([data-state="attention"], [data-state="variable"]) {
  border-left-color: var(--sentinel-warning);
  background: var(--sentinel-warning);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--sentinel-warning) 8%, transparent);
  }
}
.evolution-day-change-icon {
  flex: none;
  width: 18px;
  height: 18px;
  color: var(--sentinel-warning);
}
.evolution-day-change-label {
  color: var(--sentinel-muted);
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.evolution-day-change:is([data-state="attention"], [data-state="variable"]) .evolution-day-change-label {
  color: var(--sentinel-warning);
}
.evolution-day-change-phrase {
  margin-top: 2px;
  font-size: 15px;
  font-weight: 600;
}
.evolution-day-body {
  max-width: 320px;
  margin-top: 12px;
  color: #e4e7eb;
  font-size: 14px;
  line-height: 1.45;
}
.evolution-day-foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 6px 12px;
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid var(--sentinel-rule);
  color: var(--sentinel-muted);
  font-size: 12px;
}
.evolution-day-count {
  color: var(--sentinel-ink);
}
.evolution-day-level {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #d0d6dd;
}
.evolution-day-level::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--sentinel-warning);
}
@media (min-width: 1024px) {
  #target-trends-page {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    align-items: start;
    column-gap: 24px;
  }
  .evolution-column {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 0;
  }
  .evolution-rail {
    margin-top: 36px;
  }
  #target-trends-page:has(#evolution-axis-view) .evolution-rail {
    margin-top: 24px;
  }
}
@media (min-width: 1280px) {
  #target-trends-page {
    grid-template-columns: minmax(0, 1fr) 344px;
    column-gap: 32px;
  }
}
@media (min-width: 1440px) {
  #target-trends-page {
    grid-template-columns: minmax(0, 1fr) 360px;
  }
}
@media (max-width: 599px) {
  .customer-content {
    padding: 16px;
  }
  .customer-context {
    padding-inline: 16px;
  }
  .evolution-modes {
    position: relative;
  }
  .evolution-chooser {
    position: static;
  }
  .evolution-choices {
    right: auto;
    left: 0;
  }
}
@media (min-width: 900px) {
  .evolution-grid {
    grid-template-columns: minmax(0, 1fr) 320px;
  }
  .evolution-monitor-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
  .evolution-chart {
    grid-area: 1 / 1;
  }
  .evolution-radar {
    grid-area: 1 / 2;
  }
  .evolution-grid > .evolution-inspector {
    grid-column: 1 / -1;
  }
}
@media (min-width: 1200px) {
  .evolution-grid {
    grid-template-columns: minmax(0, 1fr) 420px;
  }
}
@media (min-width: 1600px) {
  .evolution-grid {
    grid-template-columns: minmax(340px, 1fr) 420px minmax(320px, 0.85fr);
  }
  .evolution-grid > .evolution-inspector {
    grid-area: 1 / 3;
  }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}
.local-tab-rail {
  display: flex;
  gap: 6px;
  margin-bottom: 18px;
  overflow-x: auto;
  scroll-snap-type: x proximity;
  scrollbar-width: none;
}
.local-tab-rail::-webkit-scrollbar {
  display: none;
}
.local-tab-rail a {
  display: inline-flex;
  flex: none;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  padding: 6px 14px;
  border-radius: 10px;
  color: var(--sentinel-muted);
  font-size: 13px;
  scroll-snap-align: start;
}
.local-tab-rail a:hover {
  color: var(--sentinel-ink);
}
.local-tab-rail a[aria-current="page"] {
  background: var(--sentinel-accent-soft);
  color: var(--sentinel-ink);
}
.local-tab-number {
  display: inline-grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border: 1px solid var(--sentinel-rule-strong);
  border-radius: 50%;
  font-family: var(--font-mono);
  font-size: 10px;
}
.local-tab-rail a[aria-current="page"] .local-tab-number {
  border-color: var(--sentinel-accent);
  color: var(--sentinel-accent-deep);
}
.local-tab-rail-numbered {
  gap: 8px;
  justify-content: center;
  margin: 0 0 28px;
}
.local-tab-rail-numbered a {
  gap: 8px;
  padding: 0 18px;
  border: 1px solid #2f353d;
  border-radius: 22px;
  color: #d0d6dd;
  font-size: 14px;
  font-weight: 500;
  transition: background-color .15s, border-color .15s, color .15s;
}
.local-tab-rail-numbered a:hover {
  border-color: #4b525c;
  background: #171c21;
  color: #f2f4f7;
}
.local-tab-rail-numbered a[aria-current="page"] {
  border-color: #4c90f0;
  background: #182435;
  color: #f2f4f7;
  font-weight: 600;
}
.local-tab-rail-numbered .local-tab-number {
  display: inline;
  width: auto;
  height: auto;
  border: 0;
  color: #8a929e;
  font-size: 11px;
}
.local-tab-rail-numbered a[aria-current="page"] .local-tab-number {
  color: #6b717a;
}
.local-tab-rail :focus-visible {
  outline: 3px solid var(--sentinel-focus);
  outline-offset: -3px;
}
@media (max-width: 767px) {
  .local-tab-rail-numbered {
    justify-content: start;
    margin-inline: -2px;
  }
}
@media (max-width: 531px) {
  .local-tab-rail-numbered::after {
    content: "›";
    position: sticky;
    right: 0;
    flex: none;
    display: grid;
    place-items: center end;
    width: 46px;
    padding-right: 12px;
    background: linear-gradient(to right, transparent, var(--sentinel-canvas) 60%);
    color: var(--sentinel-accent);
    pointer-events: none;
  }
}
.acum-page {
  display: grid;
  gap: 22px;
  min-width: 0;
}
.acum-main {
  min-width: 0;
}
[data-weather] {
  --weather-accent: #c6d4d1;
  --weather-word: #d6dbe1;
}
[data-weather="attention"] {
  --weather-accent: #e6c786;
  --weather-word: #f6f7f9;
  --weather-image: url('/images/weather/sky_attention.webp');
  --weather-focus: 32% 50%;
}
[data-weather="clear"] {
  --weather-accent: #85d8c9;
  --weather-word: #dcfffa;
  --weather-image: url('/images/weather/sky_clear.webp');
  --weather-focus: 32% 50%;
}
[data-weather="variable"] {
  --weather-accent: #b9d4eb;
  --weather-word: #fff6e8;
  --weather-image: url('/images/weather/sky_variable.webp');
  --weather-focus: 32% 50%;
}
:is([data-weather="insufficient"], [data-weather="unavailable"]) {
  --weather-image: url('/images/weather/sky_storm.webp');
  --weather-focus: 36% 50%;
}
.acum-weather {
  position: relative;
  min-height: 500px;
  overflow: hidden;
  isolation: isolate;
  border-radius: 26px;
  background: #0b0d10;
  color: #fafaf5;
}
.acum-weather::before {
  content: "";
  position: absolute;
  z-index: -2;
  inset: 0;
  background: linear-gradient(90deg, #0b0d10eb 0%, #0b0d10b8 48%, #0b0d103d 100%), var(--weather-image, linear-gradient(160deg, #1c2127, #0b0d10)) var(--weather-focus, center) / cover no-repeat;
}
.acum-hero {
  display: grid;
  overflow: hidden;
  border: 1px solid var(--sentinel-rule);
  border-radius: 28px;
  background: var(--sentinel-panel);
  color: var(--sentinel-ink);
}
.acum-scene {
  position: relative;
  isolation: isolate;
  min-width: 0;
  padding: 18px;
  background: #0b0d10;
}
.acum-scene::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(90deg, rgb(16 22 31 / .93) 0%, rgb(16 22 31 / .66) 50%, rgb(16 22 31 / .16) 100%), var(--weather-image, linear-gradient(160deg, #1c2127 0%, #0b0d10 70%)) var(--weather-focus, center) / cover no-repeat;
}
@media (min-width: 768px) {
  .acum-scene::before {
    background-image: linear-gradient(90deg, rgb(16 22 31 / .84) 0%, rgb(16 22 31 / .5) 50%, rgb(16 22 31 / .08) 100%), var(--weather-image, linear-gradient(160deg, #1c2127 0%, #0b0d10 70%));
  }
}
.acum-kicker, .acum-source, .acum-eyebrow, .acum-signal-eyebrow {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.acum-kicker {
  color: #c9ced6;
}
.acum-scene-top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.acum-quality {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border: 1px solid var(--sentinel-rule-strong);
  border-radius: 999px;
  background: #0b0d10b8;
  color: var(--sentinel-ink);
  font-size: 11px;
  line-height: 1.3;
}
.acum-quality::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--sentinel-status-positive);
}
.acum-quality[data-complete="false"]::before {
  background: var(--sentinel-warning);
}
.acum-source {
  margin-top: 86px;
  color: var(--sentinel-warning);
}
.acum-word {
  margin-top: 10px;
  color: var(--weather-word);
  font-family: var(--font-display);
  font-size: clamp(42px, 7vw, 86px);
  line-height: 1;
  font-weight: 500;
  letter-spacing: -.025em;
  overflow-wrap: anywhere;
}
.acum-explanation {
  margin-top: 11px;
  max-width: 680px;
  color: #e4e7eb;
  font-size: clamp(15px, 1.5625vw, 20px);
  line-height: 1.5;
  text-wrap: pretty;
}
.acum-cells {
  display: grid;
  margin-top: 24px;
  max-width: 760px;
  border-block: 1px solid var(--sentinel-rule-strong);
  background: #171b20b8;
}
.acum-cells > div {
  padding: 9px 12px;
}
.acum-cells > div + div {
  border-top: 1px solid var(--sentinel-rule);
}
.acum-cells dt {
  font-family: var(--font-mono);
  font-size: 11px;
  line-height: 1.4;
  letter-spacing: 0;
  text-transform: uppercase;
  color: var(--sentinel-muted);
}
.acum-cells dd {
  margin-top: 4px;
  font-size: 14px;
}
.acum-cells .acum-cell-note {
  margin-top: 4px;
  font-size: 11px;
  color: var(--sentinel-muted);
}
:is([data-weather="attention"], [data-weather="variable"]) .acum-change {
  color: var(--sentinel-warning);
}
[data-weather="clear"] .acum-change, .acum-change[data-direction="up"] {
  color: var(--sentinel-status-positive);
}
.acum-change[data-direction="down"] {
  color: var(--sentinel-warning);
}
.acum-cta {
  display: inline-flex;
  flex: 1 1 220px;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 52px;
  padding: 12px 18px;
  border-radius: 12px;
  background: #f6f7f9;
  color: #111418;
  font-size: 12px;
  font-weight: 650;
  transition: background .15s, transform .15s;
}
.acum-cta:hover {
  background: #e3e7ec;
  transform: translateY(-1px);
}
.acum-eyebrow {
  color: var(--sentinel-accent-deep);
}
.acum-strip:hover {
  color: var(--sentinel-ink);
}
.acum-rail {
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-width: 0;
  padding: 20px;
  border-top: 1px solid var(--sentinel-rule);
  background: var(--sentinel-panel-muted);
}
.acum-rail-headline {
  font-family: var(--font-display);
  font-size: clamp(26px, 2.5vw, 36px);
  line-height: 1.1;
  font-weight: 500;
  letter-spacing: -.02em;
  overflow-wrap: anywhere;
}
.acum-rail-body {
  color: var(--sentinel-muted);
  font-size: 13px;
  line-height: 1.6;
}
.acum-rail-rows {
  margin-top: 17px;
}
.acum-rail-rows > * {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 48px;
  border-bottom: 1px solid var(--sentinel-rule);
  color: var(--sentinel-muted);
  font-size: 10px;
}
.acum-rail-rows b {
  color: var(--sentinel-ink);
  font-size: 11px;
  font-weight: 650;
}
.acum-rail-primary, .acum-rail-secondary {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 45px;
  border-radius: 12px;
  font-size: 13px;
  font-weight: 650;
}
.acum-rail-primary {
  border: 1px solid var(--sentinel-accent);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--sentinel-accent) 55%, transparent);
  }
  background: var(--sentinel-accent-soft);
  color: var(--sentinel-accent-deep);
}
.acum-rail-secondary {
  border: 1px solid var(--sentinel-rule-strong);
}
.acum-rail-primary:hover, .acum-rail-secondary:hover {
  background: var(--sentinel-panel-strong);
}
.acum-rail .hint-label {
  font-family: inherit;
  font-size: 10px;
  font-weight: 650;
  letter-spacing: 0;
  text-transform: none;
  color: var(--sentinel-ink);
}
.acum-rail .hint p:not(.hint-label) {
  margin-top: 2px;
  font-size: 10px;
  color: var(--sentinel-muted);
}
.acum-admin-nss {
  margin-top: 16px;
  font-size: 12px;
}
.acum-admin-nss > * + * {
  margin-top: 8px;
}
@media (min-width: 768px) {
  .acum-cells {
    grid-auto-flow: column;
    grid-auto-columns: minmax(min-content, 1fr);
  }
  .acum-cells dt {
    white-space: nowrap;
  }
  .acum-cells > div {
    padding: 12px 16px;
  }
  .acum-cells dd {
    font-size: 16px;
  }
  .acum-cells > div + div {
    border-top: 0;
    border-left: 1px solid var(--sentinel-rule-strong);
  }
  .acum-scene {
    padding: 32px 30px;
  }
  .acum-source {
    margin-top: 68px;
  }
  .acum-rail {
    padding: 30px 24px;
  }
}
@media (min-width: 1200px) {
  .acum-hero {
    grid-template-columns: minmax(0, 1fr) minmax(300px, 34%);
  }
  .acum-scene {
    padding: 40px 44px 44px;
  }
  .acum-rail {
    padding: 38px 28px 40px;
    border-top: 0;
    border-left: 1px solid var(--sentinel-rule);
  }
  .acum-rail-rows {
    margin-top: 23px;
  }
}
.acum-briefing {
  display: grid;
  gap: 32px;
  align-items: start;
  max-width: 1180px;
  margin: 0 auto;
}
.acum-briefing-main {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
:is(.acum-briefing, .report-main) .acum-hero {
  grid-template-columns: minmax(0, 1fr);
  border-radius: 20px;
  border-color: #2f353d;
}
:is(.acum-briefing, .report-main) .acum-scene {
  padding: 18px;
}
:is(.acum-briefing, .report-main) .acum-kicker {
  color: #d6dce3;
  letter-spacing: .08em;
}
:is(.acum-briefing, .report-main) .acum-source {
  margin-top: 14px;
  letter-spacing: .08em;
}
:is(.acum-briefing, .report-main) .acum-word {
  margin-top: 6px;
  font-size: 62px;
  line-height: .95;
}
:is(.acum-briefing, .report-main) .acum-explanation {
  margin-top: 12px;
  max-width: none;
  color: #e3e7ec;
  font-size: 16px;
  line-height: 1.45;
}
:is(.acum-briefing, .report-main) .acum-cells {
  display: block;
  max-width: none;
  margin-top: 16px;
  border: 1px solid #2f353d;
  border-radius: 12px;
  background: color-mix(in srgb, #10161f 72%, transparent);
}
:is(.acum-briefing, .report-main) .acum-cells > div {
  padding: 10px 12px;
  border-left: 0;
}
:is(.acum-briefing, .report-main) .acum-cells > div + div {
  border-top: 1px solid #2f353d;
}
:is(.acum-briefing, .report-main) .acum-cells dt {
  color: #abb3bf;
  font-family: var(--font-ui);
  font-size: 11px;
  text-transform: none;
  white-space: normal;
}
:is(.acum-briefing, .report-main) .acum-cells dd {
  margin-top: 3px;
  font-size: 15px;
  font-weight: 600;
}
:is(.acum-briefing, .report-main) .acum-cells .acum-cell-note {
  margin-top: 2px;
  color: #abb3bf;
  font-size: 12px;
  font-weight: 400;
}
.acum-retry {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  min-height: 52px;
  margin-top: 16px;
  border: 1px solid #4b525c;
  border-radius: 14px;
  background: color-mix(in srgb, #10161f 60%, transparent);
  font-size: 15px;
  font-weight: 600;
  transition: background-color .15s;
}
.acum-retry:hover {
  background: #171c21;
}
.acum-priority-card {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 12px;
  padding: 14px 16px;
  border: 1px solid #2f353d;
  border-radius: 16px;
  background: #171c21;
  transition: border-color .15s;
}
.acum-priority-card:hover {
  border-color: #4b525c;
}
.acum-priority-icon {
  display: grid;
  flex: none;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 18px;
  background: #1e2329;
  color: #abb3bf;
}
.acum-priority-text {
  display: grid;
  flex: 1;
  gap: 2px;
  min-width: 0;
}
.acum-priority-text .acum-eyebrow {
  color: #d0d6dd;
  letter-spacing: .08em;
}
.acum-priority-text strong {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 16px;
  font-weight: 600;
  overflow-wrap: anywhere;
}
.acum-priority-text > span:last-child:not(.acum-eyebrow) {
  color: #abb3bf;
  font-size: 13px;
}
.acum-priority-chevron {
  flex: none;
  width: 20px;
  height: 20px;
  color: #abb3bf;
}
.acum-priority-card[data-tone="negative"] {
  border-color: rgba(232, 112, 120, .45);
  background: #1c1011;
}
.acum-priority-card[data-tone="negative"]:hover {
  border-color: #e87078;
}
.acum-priority-card[data-tone="negative"] .acum-priority-icon {
  background: #2a1a1d;
  color: #e87078;
}
.acum-priority-card[data-tone="negative"] .acum-eyebrow {
  color: #ff9b9e;
}
.acum-priority-card[data-tone="negative"] :is(.acum-priority-text > span:last-child:not(.acum-eyebrow), .acum-priority-chevron) {
  color: #c9b8ba;
}
.acum-briefing .acum-cta {
  display: flex;
  flex: none;
  width: 100%;
  min-height: 52px;
  margin-top: 12px;
  padding: 0 18px;
  border-radius: 16px;
  background: #f2f4f7;
  color: #10161f;
  font-size: 15px;
  font-weight: 600;
}
.acum-other-signals {
  margin-top: 28px;
}
.acum-other-signals .acum-eyebrow {
  color: #8abbff;
  letter-spacing: .08em;
}
.acum-other-signals h3 {
  margin-top: 6px;
  font-family: var(--font-display);
  font-size: 22px;
  font-weight: 500;
  letter-spacing: -.01em;
}
.acum-other-signals-note {
  margin-top: 4px;
  color: #abb3bf;
  font-size: 13px;
}
.acum-signal-cards {
  display: grid;
  gap: 12px;
  margin-top: 12px;
}
.acum-signal-card {
  position: relative;
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  min-width: 0;
  padding: 16px;
  border: 1px solid #2f353d;
  border-radius: 16px;
  background: #171c21;
}
a.acum-signal-card:hover {
  border-color: #4b525c;
}
.acum-signal-card .acum-signal-icon {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border: 1px solid;
  border-radius: 12px;
}
.acum-signal-card.acum-signal-ai .acum-signal-icon {
  border-color: #2b4159;
  background: #15202a;
  color: #8abbff;
}
.acum-signal-card.acum-signal-ads .acum-signal-icon {
  border-color: rgba(232, 112, 120, .45);
  background: #2a1a1d;
  color: #e87078;
}
.acum-signal-card .acum-signal-eyebrow {
  display: grid;
  gap: 2px;
  padding-right: 28px;
  color: #d0d6dd;
  letter-spacing: .08em;
  line-height: 1.3;
}
.acum-signal-card .acum-signal-eyebrow span {
  color: #8a929e;
}
.acum-signal-card .acum-signal-text {
  display: grid;
  grid-column: 1 / -1;
  min-width: 0;
}
.acum-signal-card .acum-signal-text strong {
  font-size: 16px;
  font-weight: 600;
  overflow-wrap: anywhere;
}
.acum-signal-card .acum-signal-line {
  margin-top: 4px;
  color: #d0d6dd;
  font-size: 14px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}
.acum-signal-card .acum-signal-meta {
  margin-top: 8px;
  color: #8a929e;
  font-family: var(--font-ui);
  font-size: 13px;
  letter-spacing: 0;
  line-height: 1.45;
}
.acum-signal-card .acum-signal-arrow {
  position: absolute;
  top: 24px;
  right: 16px;
  width: 20px;
  height: 20px;
  color: #abb3bf;
}
.acum-footer {
  margin-top: 20px;
  padding-top: 14px;
  border-top: 1px solid #2f353d;
  color: #abb3bf;
  font-size: 13px;
  line-height: 1.5;
}
.acum-strip {
  display: flex;
  align-items: center;
  gap: 8px;
}
.acum-strip strong {
  color: #f2f4f7;
  font-weight: 600;
}
.acum-strip-dot {
  flex: none;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--sentinel-status-positive);
}
.acum-footer p {
  padding-left: 18px;
  color: #8a929e;
}
.acum-briefing .acum-rail {
  gap: 0;
  padding: 20px 16px;
  border: 0;
  border-radius: 20px;
  background: #1e2329;
}
.acum-briefing .acum-rail .acum-eyebrow {
  color: #8abbff;
  letter-spacing: .08em;
}
.acum-briefing .acum-rail-headline {
  margin-top: 8px;
  font-size: 32px;
  line-height: 1.08;
}
.acum-briefing .acum-rail-body {
  margin-top: 10px;
  color: #d0d6dd;
  font-size: 15px;
  line-height: 1.45;
}
.acum-briefing .acum-rail-rows {
  margin-top: 16px;
}
.acum-briefing .acum-rail-rows > * {
  border-top: 1px solid #2f353d;
  border-bottom: 0;
  color: #abb3bf;
  font-size: 14px;
}
.acum-briefing .acum-rail-rows span {
  white-space: nowrap;
}
.acum-briefing .acum-rail-rows > :last-child {
  border-bottom: 1px solid #2f353d;
}
.acum-briefing .acum-rail-rows b {
  font-size: 15px;
  font-weight: 600;
  text-align: right;
}
.acum-briefing :is(.acum-rail-primary, .acum-rail-secondary) {
  justify-content: space-between;
  min-height: 52px;
  margin-top: 10px;
  padding: 0 18px;
  border-radius: 16px;
  font-size: 15px;
  font-weight: 600;
}
.acum-briefing .acum-rail-primary {
  margin-top: 16px;
  border-color: #2c4466;
  background: #162232;
  color: #8abbff;
}
.acum-briefing .acum-rail-secondary {
  border-color: #2f353d;
}
.acum-briefing .acum-rail .hint {
  margin-top: 16px;
  padding: 12px 14px;
  border-color: #2c4466;
  border-radius: 14px;
  background: rgba(76, 144, 240, .05);
}
.acum-briefing .acum-rail .hint-label {
  color: #d0d6dd;
  font-size: 13px;
  font-weight: 600;
}
.acum-briefing .acum-rail .hint p:not(.hint-label) {
  color: #abb3bf;
  font-size: 13px;
  line-height: 1.45;
}
.customer-data-dot[data-failed="true"] {
  background: var(--sentinel-warning);
}
.acum-briefing-after {
  min-width: 0;
}
@media (max-width: 1023px) {
  .acum-briefing {
    gap: 0;
  }
  .acum-briefing > .acum-rail {
    margin: 24px -16px 0;
    border-radius: 0 0 20px 20px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .acum-briefing > .acum-rail {
    margin-inline: -24px;
  }
}
@media (min-width: 1024px) {
  .acum-briefing {
    gap: 0 24px;
    grid-template-columns: minmax(0, 1fr) 300px;
  }
  .acum-briefing > .acum-rail {
    grid-row: span 2;
  }
  .acum-briefing-after {
    grid-column: 1;
  }
}
@media (min-width: 1280px) {
  .acum-briefing {
    column-gap: 32px;
    grid-template-columns: minmax(0, 1fr) 344px;
  }
}
@media (min-width: 1440px) {
  .acum-briefing {
    grid-template-columns: minmax(0, 1fr) 360px;
  }
}
@media (max-width: 767px) {
  .acum-word {
    font-size: 67px;
  }
  :is([data-weather="insufficient"], [data-weather="unavailable"]) .acum-word {
    font-size: 43px;
  }
}
#monitor-form-page button:disabled {
  opacity: .55;
  cursor: not-allowed;
}
@media (min-width: 600px) {
  .confirmation-dialog {
    inset: 0;
    margin: auto;
    max-height: calc(100dvh - 32px);
  }
}
.acum-weather-kicker {
  color: var(--weather-accent);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.acum-weather-kicker span {
  letter-spacing: .04em;
  opacity: .8;
}
.acum-weather [data-magnitude="slight"] {
  color: #cbd6d1;
}
.acum-weather-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 26px;
}
.acum-hero-primary, .acum-hero-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  border-radius: 12px;
  padding: 11px 24px;
  font-size: 12px;
  font-weight: 650;
  transition: background .15s, transform .15s;
}
.acum-hero-primary {
  background: #f7f7f2;
  color: #111918;
  min-width: 180px;
}
.acum-hero-secondary {
  background: #ffffff06;
  border: 1px solid #ffffff35;
  color: #fff;
  min-width: 102px;
}
.acum-hero-primary:hover, .acum-hero-secondary:hover {
  transform: translateY(-1px);
}
.acum-hero-primary:hover {
  background: #e7eee9;
}
.acum-hero-secondary:hover {
  background: #ffffff18;
}
.acum-muted {
  font-size: 12px;
  color: var(--sentinel-muted);
  line-height: 1.65;
}
.acum-factors-page {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.acum-factors-eyebrow {
  color: #8abbff;
  letter-spacing: .08em;
}
.acum-factors-title {
  margin-top: 6px;
  font-family: var(--font-display);
  font-size: 32px;
  line-height: 1.08;
  font-weight: 500;
  letter-spacing: -.02em;
  text-wrap: balance;
}
.acum-factors-title:focus {
  outline: none;
}
.acum-factors-lead {
  margin-top: 8px;
  color: #d0d6dd;
  font-size: 15px;
  line-height: 1.45;
}
.acum-factors-bar {
  display: flex;
  gap: 3px;
  height: 4px;
  margin-top: 14px;
}
.acum-factors-bar span {
  background: #e87078;
}
.acum-factors-bar span[data-direction="negative"] + span[data-direction="negative"] {
  opacity: .55;
}
.acum-factors-bar span[data-direction="positive"] {
  background: #20ccbc;
}
.acum-factors-legend {
  display: flex;
  gap: 14px;
  margin-top: 8px;
  color: #abb3bf;
  font-family: var(--font-mono);
  font-size: 11px;
  text-transform: uppercase;
}
.acum-factors-legend b {
  font-weight: 400;
  color: #e87078;
}
.acum-factors-legend b[data-direction="positive"] {
  color: #65e0d3;
}
.acum-lists {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 22px;
}
@media (max-width: 639px) {
  .acum-lists {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.acum-lists-note {
  color: #abb3bf;
}
.acum-lists-note + .acum-contributors {
  margin-top: 12px;
}
.acum-contributors {
  margin-top: 18px;
  border-bottom: 1px solid #2f353d;
}
.acum-contributor {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) 18px;
  align-items: center;
  column-gap: 8px;
  padding: 12px 0;
  border-top: 1px solid #2f353d;
  transition: border-color .15s, filter .15s;
}
.acum-contributor-number {
  display: inline-grid;
  place-items: center;
  align-self: start;
  width: 28px;
  height: 28px;
  border: 1px solid #4b525c;
  border-radius: 14px;
  color: #8a929e;
  font-family: var(--font-mono);
  font-size: 11px;
}
.acum-contributor-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  min-width: 0;
}
.acum-contributor strong {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
  overflow-wrap: anywhere;
}
a.acum-contributor:hover {
  border-top-color: #4b525c;
  filter: brightness(1.08);
}
.acum-contributor-chip {
  display: inline-flex;
  align-items: center;
  height: 22px;
  padding: 0 9px;
  border: 1px solid rgba(32, 204, 188, .4);
  border-radius: 11px;
  background: rgba(32, 204, 188, .12);
  color: #65e0d3;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .02em;
  text-transform: uppercase;
  white-space: nowrap;
}
.acum-contributor[data-direction="negative"] .acum-contributor-chip {
  border-color: rgba(232, 112, 120, .4);
  background: rgba(232, 112, 120, .12);
  color: #ff9b9e;
}
.acum-contributor-line {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #d0d6dd;
  font-size: 14px;
  line-height: 1.4;
}
.acum-contributor-meta {
  color: #8a929e;
  font-size: 12px;
  line-height: 1.4;
}
.acum-contributor-meta + .acum-contributor-meta {
  margin-top: -4px;
}
.acum-contributor-arrow {
  width: 18px;
  height: 18px;
  color: #abb3bf;
}
.acum-factors-page .acum-cta {
  margin-top: 16px;
}
.acum-secondary-action {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 52px;
  margin-top: 10px;
  padding: 0 18px;
  border: 1px solid #2f353d;
  border-radius: 16px;
  font-size: 15px;
  font-weight: 600;
  transition: border-color .15s;
}
.acum-secondary-action:hover {
  border-color: #4b525c;
}
#acum-factors-rail .acum-rail-headline {
  font-size: 28px;
  line-height: 1.1;
}
#acum-factors-rail .hint {
  margin-top: 12px;
}
#acum-factors-rail .hint-label {
  color: #abb3bf;
  font-weight: 400;
}
.acum-admin-disclosure {
  margin-top: 12px;
  border-top: 1px solid var(--sentinel-rule);
  padding-top: 10px;
  font-size: 12px;
}
.acum-admin-disclosure summary {
  min-height: 44px;
  padding-block: 12px;
  cursor: pointer;
  color: var(--sentinel-muted);
}
.acum-coverage-partial {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  margin-bottom: 4px;
  padding: 0 14px;
  border: 1px solid #2f353d;
  border-radius: 12px;
  background: #171c21;
  color: #d0d6dd;
  font-size: 13px;
}
.acum-coverage-partial .size-5 {
  color: #ec9a3c;
}
#acum-coverage-partial-top {
  margin: 0 0 16px;
}
@media (max-width: 1023px) {
  #acum-coverage-partial {
    display: none;
  }
}
@media (min-width: 1024px) {
  #acum-coverage-partial-top {
    display: none;
  }
}
.acum-coverage .hint {
  margin-top: 12px;
}
.acum-coverage .hint-label {
  color: #abb3bf;
  font-family: var(--font-ui);
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.45;
  text-transform: none;
}
.acum-coverage-rail .hint p {
  color: #abb3bf;
  font-size: 13px;
  line-height: 1.45;
}
.acum-coverage-rail .hint-label {
  color: #d0d6dd;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.acum-sources-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin: 22px 0 8px;
}
.acum-sources-head h3 {
  font-family: var(--font-display);
  font-size: 22px;
  font-weight: 500;
  letter-spacing: -.01em;
}
.acum-sources-head span {
  color: #abb3bf;
  font-family: var(--font-mono);
  font-size: 13px;
}
.acum-sources > li {
  --source-tone: #8a929e;
  display: grid;
  grid-template-columns: 8px minmax(0, 1fr) auto;
  align-items: center;
  column-gap: 12px;
  min-height: 60px;
  padding: 10px 0;
  border-top: 1px solid #2f353d;
}
.acum-sources > li[data-tone="fresh"] {
  --source-tone: #20ccbc;
}
.acum-sources > li[data-tone="partial"] {
  --source-tone: #ec9a3c;
}
.acum-source-dot {
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background: var(--source-tone);
}
.acum-source-text {
  display: grid;
  gap: 2px;
  min-width: 0;
}
.acum-source-text strong {
  font-size: 16px;
  font-weight: 600;
}
.acum-source-text small {
  color: #abb3bf;
  font-size: 13px;
  line-height: 1.4;
}
.acum-source-state {
  display: grid;
  justify-items: end;
  gap: 2px;
  color: #d0d6dd;
  font-family: var(--font-mono);
  font-size: 13px;
  text-align: right;
}
.acum-source-word {
  color: #abb3bf;
  font-size: 11px;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.acum-sources > li[data-tone="fresh"] .acum-source-word {
  color: #65e0d3;
}
.acum-sources > li[data-tone="partial"] .acum-source-word {
  color: #f3b46d;
}
.acum-main > .data-state {
  align-items: center;
  margin-bottom: 14px;
  border-color: var(--sentinel-rule-strong);
  background: var(--sentinel-panel);
  color: var(--sentinel-muted);
  font-size: 13px;
  line-height: 1.5;
}
.acum-main > .data-state strong {
  display: block;
  color: var(--sentinel-ink);
  font-size: 14px;
}
#acum-updating .data-state-icon {
  display: none;
}
#acum-updating::before {
  content: "";
  flex: none;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: conic-gradient(from 180deg, var(--sentinel-warning) 0 180deg, transparent 0);
  box-shadow: inset 0 0 0 9px var(--sentinel-panel), 0 0 0 1px var(--sentinel-rule-strong);
}
#acum-updating {
  animation: acum-reveal .2s ease 3s both;
}
@keyframes acum-reveal {
  from {
    max-height: 0;
    margin-bottom: 0;
    padding-block: 0;
    border-width: 0;
    overflow: hidden;
    opacity: 0;
  }
  to {
    max-height: 240px;
    opacity: 1;
  }
}
.topics-page {
  display: grid;
  align-items: start;
  max-width: 1180px;
  margin-inline: auto;
  padding-bottom: 32px;
}
.topics-main {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.topics-aside {
  display: grid;
  gap: 16px;
  align-content: start;
  min-width: 0;
}
.topics-page > .topics-aside {
  margin-top: 16px;
}
@media (min-width: 1024px) {
  .topics-page {
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 24px;
  }
  .topics-page > .topics-aside {
    margin-top: 0;
  }
}
@media (min-width: 1280px) {
  .topics-page {
    grid-template-columns: minmax(0, 1fr) 344px;
    gap: 32px;
  }
}
@media (min-width: 1440px) {
  .topics-page {
    grid-template-columns: minmax(0, 1fr) 360px;
  }
}
.topics-header {
  padding-top: 16px;
}
.topics-header .acum-eyebrow {
  letter-spacing: .08em;
}
.topics-title {
  margin-top: 6px;
  font-family: var(--font-display);
  font-size: 40px;
  line-height: 1;
  font-weight: 500;
  letter-spacing: -.02em;
  overflow-wrap: anywhere;
  text-wrap: balance;
}
.topics-intro {
  margin-top: 8px;
  color: var(--sentinel-muted);
  font-size: 15px;
  line-height: 1.45;
}
.topics-news-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
  color: var(--sentinel-muted);
  font-size: 13px;
}
.topics-news {
  display: inline-flex;
  flex: none;
  align-items: center;
  gap: 6px;
  height: 22px;
  padding-inline: 9px;
  border: 1px solid rgb(76 144 240 / 35%);
  border-radius: 11px;
  background: rgb(76 144 240 / 16%);
  color: var(--sentinel-accent-deep);
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .02em;
  white-space: nowrap;
}
.topics-news::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 3px;
  background: var(--sentinel-accent);
  box-shadow: 0 0 6px rgb(76 144 240 / 90%);
}
.topics-tone-bar {
  display: flex;
  gap: 3px;
  height: 4px;
  margin-top: 14px;
}
.topics-tone-bar [data-tone="unfavourable"] {
  background: #e87078;
}
.topics-tone-bar [data-tone="mixed"] {
  background: #ec9a3c;
}
.topics-tone-bar [data-tone="favourable"] {
  background: #20ccbc;
}
.topics-tone-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 14px;
  margin-top: 8px;
  color: var(--sentinel-muted);
  font-family: var(--font-mono);
  font-size: 11px;
}
.topics-tone-legend b {
  font-weight: 400;
}
.topics-tone-legend [data-tone="unfavourable"] b {
  color: #e87078;
}
.topics-tone-legend [data-tone="mixed"] b {
  color: #ec9a3c;
}
.topics-tone-legend [data-tone="favourable"] b {
  color: #65e0d3;
}
#topics-tone-skeleton .topics-tone-bar {
  display: block;
  margin-top: 18px;
  background: #1e2329;
}
#topics-tone-skeleton .topics-tone-legend > span {
  width: 92px;
  height: 12px;
  border-radius: 8px;
  background: #1e2329;
}
#topics-tone-skeleton .topics-tone-legend > span:nth-child(2) {
  width: 48px;
}
#topics-tone-skeleton .topics-tone-legend > span:nth-child(3) {
  width: 76px;
}
.topics-controls {
  display: flex;
  gap: 8px;
  padding-top: 14px;
}
.topics-periods {
  display: grid;
  flex-grow: 1;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 4px;
  padding: 4px;
  border: 1px solid var(--sentinel-rule);
  border-radius: 14px;
  background: var(--sentinel-panel);
}
.topics-periods a {
  display: grid;
  place-items: center;
  height: 36px;
  border: 1px solid transparent;
  border-radius: 10px;
  color: var(--sentinel-muted);
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
  transition: background-color .15s ease, color .15s ease;
}
.topics-periods a:hover {
  background: var(--sentinel-panel-muted);
  color: var(--sentinel-ink);
}
.topics-periods a[aria-current="page"] {
  border-color: var(--sentinel-accent);
  background: #182435;
  color: var(--sentinel-ink);
  font-weight: 600;
}
.filter-sheet-trigger.topics-funnel {
  position: relative;
  flex: none;
  width: 46px;
  min-height: 46px;
  padding: 0;
  border-color: var(--sentinel-rule);
  border-radius: 14px;
}
.topics-funnel svg {
  width: 20px;
  height: 20px;
  stroke-width: 1.8;
}
.filter-sheet-trigger.topics-funnel:has(.filter-sheet-mark) {
  border-color: #2c4466;
  background: #162232;
  color: var(--sentinel-accent-deep);
}
.topics-funnel .filter-sheet-mark {
  position: absolute;
  top: -6px;
  right: -6px;
  min-width: 18px;
  height: 18px;
  padding-inline: 5px;
  border-radius: 9px;
  background: var(--sentinel-accent-deep);
  color: #10161f;
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 500;
}
.filter-sheet-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  padding-inline: 16px;
  border: 1px solid var(--sentinel-rule-strong);
  border-radius: 12px;
  background: var(--sentinel-panel);
  color: var(--sentinel-ink);
  font-size: 13px;
  font-weight: 650;
  transition: background .15s;
}
.filter-sheet-trigger:hover {
  background: var(--sentinel-panel-strong);
}
.filter-sheet-mark {
  display: inline-grid;
  place-items: center;
  min-width: 20px;
  height: 20px;
  padding-inline: 5px;
  border-radius: 999px;
  background: var(--sentinel-accent);
  color: var(--sentinel-on-accent);
  font-size: 11px;
  font-weight: 700;
}
.topics-chips {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding-top: 10px;
}
.topics-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding: 0 12px 0 14px;
  border: 1px solid var(--sentinel-accent);
  border-radius: 22px;
  background: #182435;
  color: var(--sentinel-ink);
  font-size: 14px;
  font-weight: 500;
  overflow-wrap: anywhere;
  transition: background-color .15s ease;
}
.topics-chip:hover {
  background: #1e2d42;
}
.topics-chip > [class*="hero-"] {
  flex: none;
  color: var(--sentinel-muted);
}
.topics-chip-glyph[data-tone="unfavourable"] {
  color: #e87078;
}
.topics-chip-glyph[data-tone="mixed"] {
  color: #ec9a3c;
}
.topics-chip-glyph[data-tone="favourable"] {
  color: #20ccbc;
}
.topics-filter-note {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-top: 4px;
}
.topics-filter-note p {
  flex-grow: 1;
  color: var(--sentinel-muted);
  font-size: 13px;
  line-height: 1.45;
}
.topics-clear {
  display: inline-flex;
  flex: none;
  align-items: center;
  min-height: 44px;
  padding-inline: 4px;
  color: #d0d6dd;
  font-size: 14px;
  font-weight: 500;
}
.topics-clear:hover {
  color: var(--sentinel-ink);
}
.topics-status > :is(.topics-banner, .signals-note), .topics-held[data-held] {
  margin-top: 12px;
}
.topics-status > :first-child {
  margin-top: 0;
}
.topics-banner, .topics-held[data-held] {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 56px;
  padding: 6px 6px 6px 12px;
  border: 1px solid color-mix(in srgb, #ec9a3c 35%, transparent);
  border-radius: 12px;
  background: #2a2014;
  color: #d0d6dd;
  font-size: 13px;
  line-height: 1.4;
}
.topics-banner > [class*="hero-"], #topics-offline > svg {
  flex: none;
  color: #ec9a3c;
}
#topics-offline strong {
  color: #f2f4f7;
  font-weight: 600;
}
#topics-offline {
  gap: 10px;
  padding: 8px 8px 8px 14px;
}
.topics-banner p, .topics-held p {
  flex-grow: 1;
  min-width: 0;
}
.topics-banner button, .topics-held button {
  flex: none;
  min-height: 44px;
  padding-inline: 12px;
  border: 1px solid rgb(236 154 60 / 40%);
  border-radius: 10px;
  background: rgb(236 154 60 / 12%);
  color: #f3b46d;
  font-size: 14px;
  font-weight: 600;
}
.topics-held[data-held] {
  gap: 10px;
  padding-left: 14px;
  border-color: #2c4466;
  background: #121a26;
}
.topics-held[data-held]::before {
  content: "";
  flex: none;
  width: 8px;
  height: 8px;
  margin: 4px;
  border-radius: 4px;
  background: var(--sentinel-accent);
  box-shadow: 0 0 8px rgb(76 144 240 / 90%);
}
.topics-held strong {
  color: var(--sentinel-accent-deep);
  font-weight: 600;
}
.topics-held button {
  padding-inline: 16px;
  border-color: #2c4466;
  background: #162232;
  color: var(--sentinel-accent-deep);
}
#topic-updates.data-state {
  margin-bottom: 12px;
}
.topic-page > .data-state {
  margin-block: 18px 24px;
}
.topics-cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 340px), 1fr));
  gap: 10px;
  align-content: start;
  margin-top: 12px;
}
#monitor-topics-empty {
  grid-column: 1 / -1;
  margin-top: 4px;
}
.topics-cards .data-state {
  flex-direction: column;
  align-items: center;
  padding: 48px 24px;
  border-color: var(--sentinel-rule);
  background: var(--sentinel-panel);
  text-align: center;
}
.topics-cards .data-state .data-state-icon {
  width: 28px;
  height: 28px;
}
.topics-cards .data-state > p {
  flex: none;
  color: var(--sentinel-muted);
}
.topics-cards .data-state > p strong {
  display: block;
  margin-bottom: 6px;
  color: var(--sentinel-ink);
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -.01em;
  line-height: 1.15;
}
.topics-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 24px;
  border: 1px solid var(--sentinel-rule);
  border-radius: 20px;
  background: var(--sentinel-panel);
  text-align: center;
}
.topics-main > .topics-state {
  margin-top: 16px;
}
.topics-state-icon {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 22px;
  background: #182435;
  color: var(--sentinel-accent-deep);
}
.topics-state h2 {
  margin-top: 14px;
  font-family: var(--font-display);
  font-size: 22px;
  line-height: 1.15;
  font-weight: 500;
  letter-spacing: -.01em;
}
.topics-state p {
  margin-top: 8px;
  color: var(--sentinel-muted);
  font-size: 15px;
  line-height: 1.45;
}
.topics-state p:empty {
  display: none;
}
.topics-state-button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 52px;
  margin-top: 18px;
  padding-inline: 22px;
  border: 1px solid var(--sentinel-ink);
  border-radius: 16px;
  background: var(--sentinel-ink);
  color: var(--sentinel-canvas);
  font-size: 15px;
  font-weight: 600;
  transition: opacity .15s ease;
}
.topics-state-button:hover {
  opacity: .9;
}
.topics-spinner {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-top: 14px;
  color: var(--sentinel-muted);
  font-size: 13px;
}
.topics-spinner::before {
  content: "";
  flex: none;
  width: 14px;
  height: 14px;
  border: 2px solid var(--sentinel-rule-strong);
  border-top-color: var(--sentinel-ink);
  border-radius: 50%;
  animation: topics-spin .9s linear infinite;
}
@keyframes topics-spin {
  to {
    transform: rotate(360deg);
  }
}
.topics-skeleton {
  display: grid;
  grid-template-columns: 92px 104px 1fr;
  align-content: start;
  gap: 10px 8px;
  padding: 16px 16px 16px 20px;
  border: 1px solid var(--sentinel-rule);
  border-radius: 16px;
}
.topics-skeleton > span {
  grid-column: 1 / -1;
  height: 14px;
  border-radius: 8px;
  background: #1e2329;
}
.topics-skeleton > span:nth-child(-n+3) {
  grid-column: auto;
  height: 22px;
  border-radius: 11px;
}
.topics-skeleton > span:nth-child(3) {
  justify-self: end;
  align-self: center;
  width: 36px;
  height: 12px;
  border-radius: 8px;
}
.topics-skeleton > span:nth-child(4) {
  width: 78%;
  height: 22px;
}
.topics-skeleton > span:nth-child(6) {
  width: 85%;
}
.topics-skeleton > span:nth-child(7) {
  width: 55%;
  height: 12px;
}
.topic-card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 16px 16px 16px 20px;
  border: 1px solid var(--sentinel-rule);
  border-radius: 16px;
}
.topic-card:is([data-state="new"], [data-state="updated"]) {
  padding-left: 17px;
  border-color: #4176c0;
  border-left: 4px solid var(--sentinel-accent);
  background: linear-gradient(100deg, rgb(76 144 240 / 16%) 0%, rgb(76 144 240 / 5%) 32%, transparent 62%), #1c2126;
  box-shadow: -4px 0 16px -6px rgb(76 144 240 / 60%);
}
.topic-card:has(.topic-card-link:focus-visible) {
  outline: 2px solid var(--sentinel-focus);
  outline-offset: 3px;
}
.topic-card:hover {
  border-color: var(--sentinel-rule-strong);
}
.topic-card:is([data-state="new"], [data-state="updated"]):hover {
  border-color: var(--sentinel-accent);
}
.topic-card-top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 4px;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .02em;
}
.topic-card-state {
  color: #8a929e;
  text-transform: uppercase;
}
.topic-card:is([data-state="new"], [data-state="updated"]) .topic-card-state {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 22px;
  padding-inline: 9px;
  border: 1px solid rgb(76 144 240 / 35%);
  border-radius: 11px;
  background: rgb(76 144 240 / 16%);
  color: var(--sentinel-accent-deep);
  white-space: nowrap;
}
.topic-card:is([data-state="new"], [data-state="updated"]) .topic-card-state::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 3px;
  background: var(--sentinel-accent);
  box-shadow: 0 0 6px rgb(76 144 240 / 90%);
}
.topic-card-verdict {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 22px;
  padding-inline: 9px;
  border: 1px solid var(--sentinel-rule-strong);
  border-radius: 11px;
  color: var(--sentinel-muted);
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .02em;
  text-transform: uppercase;
  white-space: nowrap;
}
.topic-card-verdict[data-tone="unfavourable"] {
  border-color: rgb(232 112 120 / 40%);
  background: rgb(232 112 120 / 12%);
  color: #ff9b9e;
}
.topic-card-verdict[data-tone="favourable"] {
  border-color: rgb(32 204 188 / 40%);
  background: rgb(32 204 188 / 12%);
  color: #65e0d3;
}
.topic-card-verdict[data-tone="mixed"] {
  border-color: rgb(236 154 60 / 40%);
  background: rgb(236 154 60 / 12%);
  color: #f3b46d;
}
.topic-card-verdict[data-tone="none"] {
  border-style: dashed;
  border-color: #4b525c;
  background: transparent;
}
.topic-card-verdict[data-tone="pending"] {
  border-color: rgb(76 144 240 / 35%);
  background: rgb(76 144 240 / 12%);
  color: var(--sentinel-accent-deep);
}
.topic-card-verdict[data-tone="failed"] {
  border-color: rgb(232 112 120 / 40%);
  color: #ff9b9e;
}
.topic-card-verdict[data-tone="withdrawn"] {
  border-color: #3d444e;
  color: #d0d6dd;
}
.topic-card-time {
  margin-left: auto;
  color: #8a929e;
  letter-spacing: 0;
  text-transform: uppercase;
  white-space: nowrap;
}
.topic-card h3 {
  font-family: var(--font-display);
  font-size: 24px;
  line-height: 1.15;
  font-weight: 500;
  letter-spacing: -.01em;
  overflow-wrap: anywhere;
}
.topic-card[data-state="read"] h3 {
  color: #d0d6dd;
}
.topic-card-link::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
}
.topic-card-link:focus-visible {
  outline: none;
}
.topic-card-summary {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  color: #c0c8ce;
  font-size: 15px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}
.topic-card-meta {
  color: var(--sentinel-muted);
  font-size: 13px;
  overflow-wrap: anywhere;
}
.topic-card[data-general] {
  border-style: dashed;
  border-color: #3d444e;
}
.topic-card[data-general][data-state="updated"] {
  border-color: #4176c0;
  border-left: 4px solid var(--sentinel-accent);
  background: linear-gradient(100deg, rgb(76 144 240 / 10%) 0%, rgb(76 144 240 / 3%) 32%, transparent 62%);
}
.topics-brief {
  padding: 20px;
  border: 1px solid var(--sentinel-rule);
  border-radius: 20px;
  background: var(--sentinel-panel);
}
.topics-brief .acum-eyebrow {
  letter-spacing: .08em;
}
.topics-brief h2 {
  margin-top: 8px;
  font-family: var(--font-display);
  font-size: 24px;
  line-height: 1.15;
  font-weight: 500;
  letter-spacing: -.01em;
}
.topics-brief > p:not(.acum-eyebrow) {
  margin-top: 8px;
  color: var(--sentinel-muted);
  font-size: 14px;
  line-height: 1.45;
}
.topics-brief dl {
  margin-top: 14px;
  border-bottom: 1px solid var(--sentinel-rule);
}
.topics-brief dl > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 44px;
  border-top: 1px solid var(--sentinel-rule);
  font-size: 14px;
}
.topics-brief dt {
  color: var(--sentinel-muted);
}
.topics-brief dd {
  font-weight: 600;
  text-align: right;
  overflow-wrap: anywhere;
}
.topics-brief .topics-num {
  font-family: var(--font-mono);
  font-weight: 500;
}
.topics-howto {
  border-block: 1px solid var(--sentinel-rule);
}
.topics-howto summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 52px;
  color: var(--sentinel-accent-deep);
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  list-style: none;
}
.topics-howto summary::-webkit-details-marker {
  display: none;
}
.topics-howto summary::after {
  content: "+" / "";
  display: grid;
  flex: none;
  place-items: center;
  width: 32px;
  height: 32px;
  border: 1px solid var(--sentinel-rule);
  border-radius: 16px;
  font-size: 18px;
  font-weight: 400;
  transition: background-color .15s ease;
}
.topics-howto summary:hover::after {
  background: var(--sentinel-panel-muted);
}
.topics-howto[open] summary::after {
  content: "−" / "";
}
.topics-howto summary small {
  display: block;
  margin-top: 3px;
  color: var(--sentinel-muted);
  font-size: 12px;
  font-weight: 400;
}
.topics-howto ul {
  display: grid;
  gap: 8px;
  padding: 0 0 14px 18px;
  color: #d0d6dd;
  font-size: 14px;
  line-height: 1.45;
  list-style: disc;
}
.topics-howto p {
  padding-bottom: 18px;
  color: var(--sentinel-muted);
  font-size: 13px;
  line-height: 1.6;
}
@media (max-width: 767px) {
  .topic-card {
    padding: 16px;
  }
  .topic-card:is([data-state="new"], [data-state="updated"]) {
    padding-left: 13px;
  }
}
@media (min-width: 1024px) {
  .topics-split[data-split] {
    display: grid;
    grid-template-columns: 340px minmax(0, 1fr);
    align-items: start;
    max-width: 1240px;
    margin: 0 auto -72px;
  }
  .topics-split[data-split] > :first-child {
    position: sticky;
    top: 72px;
    max-height: calc(100vh - 72px);
    overflow: auto;
    margin: -28px 0 0 -5px;
    padding: 28px 20px 32px 5px;
    border-right: 1px solid var(--sentinel-rule);
    scrollbar-width: thin;
  }
  .topics-split[data-split] > :last-child {
    min-width: 0;
    max-width: 820px;
    padding: 0 0 72px 24px;
  }
  .topics-split[data-split] .topics-page {
    display: block;
    max-width: none;
  }
  .topics-split[data-split] .topics-cards {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (min-width: 1280px) {
  .topics-split[data-split] {
    grid-template-columns: 400px minmax(0, 1fr);
  }
  .topics-split[data-split] > :first-child {
    padding-right: 28px;
  }
  .topics-split[data-split] > :last-child {
    padding-left: 36px;
  }
}
@media (max-width: 1023px) {
  .topics-split[data-split] > :first-child {
    display: none;
  }
}
@media (min-width: 1024px) {
  #main-content:has(.return-row) :is(.topics-split[data-split] > :first-child, .ai-col-main[data-split] > .ai-pane-list, .reclame-page[data-open] .reclame-split > .reclame-list) {
    top: var(--sticky-top);
    max-height: calc(100vh - var(--sticky-top));
  }
  .ai-col-main[data-split] > .ai-pane-list > .ai-back-link {
    top: 0;
  }
  .topics-split[data-split] > .topic-page:first-child > .topic-back-row {
    top: -28px;
    box-shadow: -5px 0 var(--sentinel-canvas), 5px 0 var(--sentinel-canvas);
  }
}
:is(.topic-card, .topic-root, .topic-row, .evolution-group)[data-selected] {
  outline: 2px solid var(--sentinel-accent);
  outline-offset: 3px;
  scroll-margin-bottom: 8px;
}
.topic-page {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding-bottom: 32px;
}
.topic-back-row {
  position: sticky;
  top: var(--sticky-top, 0px);
  z-index: 5;
  display: flex;
  align-items: center;
  min-height: 54px;
  padding: 6px 12px 4px;
  border-bottom: 1px solid var(--sentinel-rule);
  background: var(--sentinel-canvas);
}
.topic-back {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-height: 44px;
  padding-inline: 6px;
  color: #8abbff;
  font-size: 15px;
  font-weight: 500;
  transition: color .15s ease;
}
.topic-back:hover {
  color: #ffffff;
}
.topic-header {
  padding-top: 14px;
}
.topic-header .acum-eyebrow {
  color: #8abbff;
  letter-spacing: .08em;
}
.topic-title {
  margin-top: 6px;
  font-family: var(--font-display);
  font-size: 32px;
  line-height: 1.08;
  font-weight: 500;
  letter-spacing: -.02em;
  overflow-wrap: anywhere;
  text-wrap: balance;
}
.topic-title:focus {
  outline: none;
}
.topic-header .topic-pills {
  margin-top: 12px;
}
.topic-summary {
  margin-top: 10px;
  color: #d0d6dd;
  font-size: 15px;
  line-height: 1.45;
  overflow-wrap: anywhere;
  text-wrap: pretty;
}
.topic-meta {
  margin-top: 10px;
  color: #abb3bf;
  font-size: 13px;
}
.topic-page .topics-num {
  font-family: var(--font-mono);
}
.topic-meta .topics-num:not(:last-child) {
  color: #d0d6dd;
}
.topic-pills {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.topic-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 22px;
  padding-inline: 9px;
  border: 1px solid #3d444e;
  border-radius: 11px;
  color: #d0d6dd;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .02em;
  text-transform: uppercase;
  white-space: nowrap;
}
.topic-pill[data-unread] {
  border-color: rgb(76 144 240 / 35%);
  background: rgb(76 144 240 / 16%);
  color: #8abbff;
}
.topic-pill[data-unread]::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 3px;
  background: var(--sentinel-accent);
  box-shadow: 0 0 6px rgb(76 144 240 / 90%);
}
.topic-meaning {
  margin-top: 14px;
  padding: 14px 16px;
  border: 1px solid var(--sentinel-rule);
  border-radius: 16px;
  background: #171c21;
}
.topic-meaning h2 {
  color: #abb3bf;
  font-weight: 500;
  letter-spacing: .08em;
}
.topic-meaning p {
  margin-top: 6px;
  color: #e3e7ec;
  font-size: 15px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}
.topic-meaning[data-tone="unfavourable"] {
  border-color: rgb(232 112 120 / 45%);
  background: #1c1011;
}
.topic-meaning[data-tone="unfavourable"] h2 {
  color: #ff9b9e;
}
.topic-meaning[data-tone="favourable"] {
  border-color: rgb(32 204 188 / 40%);
  background: #12191b;
}
.topic-meaning[data-tone="favourable"] h2 {
  color: #65e0d3;
}
.topic-meaning[data-tone="mixed"] {
  border-color: #654827;
  background: #1c1918;
}
.topic-meaning[data-tone="mixed"] h2 {
  color: #f3b46d;
}
.topic-section-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-top: 28px;
}
.topic-section-head h2 {
  font-family: var(--font-display);
  font-size: 22px;
  font-weight: 500;
  letter-spacing: -.01em;
}
.topic-section-head span {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #8a929e;
  font-size: 13px;
  white-space: nowrap;
}
.topic-root {
  margin-top: 10px;
  padding: 16px 16px 16px 14px;
  border: 1px solid #2c4466;
  border-left: 3px solid var(--sentinel-accent);
  border-radius: 16px;
  background: #171c21;
}
.topic-root[data-tombstone] {
  border-style: dashed dashed dashed solid;
  border-color: #3d444e #3d444e #3d444e var(--sentinel-accent);
  background: transparent;
}
.topic-root h3 {
  margin-top: 10px;
  font-family: var(--font-display);
  font-size: 20px;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: -.01em;
  overflow-wrap: anywhere;
  text-wrap: balance;
}
.topic-root-line {
  margin-top: 6px;
  color: #d0d6dd;
  font-size: 14px;
  line-height: 1.45;
  overflow-wrap: anywhere;
  text-wrap: pretty;
}
.topic-source-line {
  margin-top: 8px;
  color: #abb3bf;
  font-size: 13px;
  overflow-wrap: anywhere;
}
.topic-source-line strong {
  color: var(--sentinel-ink);
  font-weight: 600;
}
.topic-root-open {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  margin-top: 14px;
  padding-inline: 16px;
  border: 1px solid #2c4466;
  border-radius: 14px;
  background: #162232;
  color: #8abbff;
  font-size: 15px;
  font-weight: 500;
  transition: border-color .15s ease, filter .15s ease;
}
.topic-root-open:hover {
  border-color: #4b525c;
  filter: brightness(1.08);
}
.topic-after {
  display: grid;
  gap: 10px;
  margin-top: 10px;
}
.topic-empty {
  margin-top: 10px;
  color: var(--sentinel-muted);
  font-size: 13px;
}
.topic-after > .topic-empty {
  margin-top: 0;
}
.topic-group {
  padding: 14px 12px 14px 16px;
  border: 1px solid var(--sentinel-rule);
  border-radius: 16px;
}
.topic-group[data-unread] {
  padding-left: 13px;
  border-color: #4176c0;
  border-left: 4px solid var(--sentinel-accent);
  background: linear-gradient(100deg, rgb(76 144 240 / 16%) 0%, rgb(76 144 240 / 5%) 32%, transparent 62%), #1c2126;
  box-shadow: -4px 0 16px -6px rgb(76 144 240 / 60%);
}
.topic-group-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  column-gap: 10px;
}
.topic-group-actions {
  display: flex;
  gap: 10px;
}
@media (max-width: 767px) {
  .topic-group-actions {
    flex-direction: column-reverse;
  }
}
.topic-group-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
}
.topic-group-meta {
  color: #abb3bf;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .08em;
  text-transform: uppercase;
  overflow-wrap: anywhere;
}
.topic-group-unread {
  margin-top: 8px;
}
.topic-group h3 {
  margin-top: 8px;
  font-family: var(--font-display);
  font-size: 20px;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: -.01em;
  overflow-wrap: anywhere;
  text-wrap: balance;
}
.topic-group-summary {
  margin-top: 4px;
  color: #d0d6dd;
  font-size: 14px;
  line-height: 1.45;
  overflow-wrap: anywhere;
  text-wrap: pretty;
}
.topic-group-toggle {
  position: relative;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  color: var(--sentinel-ink);
}
.topic-group-glyph {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border: 1px solid var(--sentinel-rule-strong);
  border-radius: 20px;
  background: #171c21;
  font-size: 20px;
  line-height: 1;
  transition: border-color .15s ease;
}
.topic-group[data-unread] .topic-group-glyph {
  border-color: #4176c0;
}
.topic-group-toggle:hover .topic-group-glyph {
  border-color: var(--sentinel-accent);
}
.topic-group-toggle:focus-visible, .topic-row-link:focus-visible, .topic-back:focus-visible, .topic-root-open:focus-visible {
  outline: 2px solid var(--sentinel-focus);
  outline-offset: 2px;
}
.topic-group-badge {
  position: absolute;
  top: -4px;
  right: -4px;
  display: grid;
  place-items: center;
  min-width: 18px;
  height: 18px;
  padding-inline: 4px;
  border-radius: 9px;
  background: var(--sentinel-accent);
  color: #10161f;
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 500;
}
.topic-group-rows {
  display: grid;
  gap: 8px;
}
.topic-group-order {
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px solid var(--sentinel-rule);
  color: #8a929e;
  font-size: 12px;
}
.topic-row {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 12px 12px 12px 30px;
  border: 1px solid var(--sentinel-rule);
  border-radius: 12px;
  background: rgb(16 22 31 / 40%);
}
.topic-row[data-unread] {
  border-color: #4176c0;
}
.topic-row[data-unread]::before {
  content: "";
  position: absolute;
  top: 16px;
  left: 12px;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background: var(--sentinel-accent);
  box-shadow: 0 0 6px rgb(76 144 240 / 90%);
}
.topic-after > .topic-row {
  padding: 14px 14px 14px 34px;
  border-radius: 16px;
  background: none;
}
.topic-after > .topic-row[data-unread] {
  padding-left: 31px;
  border-left: 4px solid var(--sentinel-accent);
  background: linear-gradient(100deg, rgb(76 144 240 / 16%) 0%, rgb(76 144 240 / 5%) 32%, transparent 62%), #1c2126;
  box-shadow: -4px 0 16px -6px rgb(76 144 240 / 60%);
}
.topic-after > .topic-row[data-unread]::before {
  top: 18px;
  left: 13px;
}
.topic-row-meta {
  color: #abb3bf;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .04em;
  text-transform: uppercase;
  overflow-wrap: anywhere;
}
.topic-row h4 {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.35;
  overflow-wrap: anywhere;
  text-wrap: pretty;
}
.topic-after > .topic-row h4 {
  font-size: 16px;
}
.topic-row-link:hover {
  color: #8abbff;
}
.topic-row-reason {
  color: #abb3bf;
  font-size: 13px;
}
.topic-status {
  margin-top: 28px;
  padding: 16px;
  border-radius: 16px;
  background: #171c21;
}
.topics-brief.topic-status h2 {
  margin-top: 6px;
  font-size: 22px;
}
.topic-status-note {
  margin-top: 10px;
}
.topic-status dl {
  margin-top: 12px;
  border-bottom: 0;
}
.topic-status .topics-num {
  font-weight: 500;
}
.topic-why {
  margin-top: 12px;
}
.topic-why h2 {
  color: #d0d6dd;
  font-size: 14px;
  font-weight: 600;
}
.topic-why p {
  margin-top: 2px;
}
.topic-page > .topics-howto {
  margin-top: 20px;
}
.mention-page {
  container-type: inline-size;
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-width: 920px;
  padding-bottom: 32px;
}
.mention-header {
  padding-block: 2px 4px;
}
.mention-eyebrow {
  color: var(--sentinel-accent-deep);
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.mention-title {
  margin-top: 6px;
  font-family: var(--font-display);
  font-size: 28px;
  line-height: 1.12;
  font-weight: 500;
  letter-spacing: -.015em;
  overflow-wrap: anywhere;
  text-wrap: balance;
}
.mention-title:focus {
  outline: none;
}
.mention-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}
.mention-meta {
  margin-top: 10px;
  color: var(--sentinel-muted);
  font-size: 13px;
  overflow-wrap: anywhere;
}
.mention-meta strong {
  color: var(--sentinel-ink);
  font-weight: 600;
}
.mention-mono {
  font-family: var(--font-mono);
}
.mention-card {
  display: grid;
  gap: 10px;
  min-width: 0;
  padding: 16px;
  border: 1px solid var(--sentinel-rule);
  border-radius: 16px;
  background: var(--sentinel-panel);
}
.mention-card[data-dashed] {
  border: 1px dashed #3d444e;
  background: transparent;
}
.mention-evidence {
  padding-bottom: 4px;
}
.mention-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
:is(.mention-card, .mention-row, .mention-legend) .acum-eyebrow {
  letter-spacing: .08em;
}
.mention-card h2 {
  font-family: var(--font-display);
  font-size: 22px;
  line-height: 1.15;
  font-weight: 500;
  letter-spacing: -.01em;
  overflow-wrap: anywhere;
}
.mention-card > p:not(.acum-eyebrow, .mention-note, .mention-quote, .mention-caption, .mention-card-foot) {
  color: #d0d6dd;
  font-size: 15px;
  line-height: 1.45;
  overflow-wrap: anywhere;
  text-wrap: pretty;
}
.mention-card > p.mention-axes-none {
  color: var(--sentinel-muted);
  font-size: 13px;
}
.mention-caption {
  margin-top: -4px;
  color: #8a929e;
  font-size: 13px;
  line-height: 1.45;
}
.mention-card-foot {
  padding-top: 10px;
  border-top: 1px solid var(--sentinel-rule);
  color: #8a929e;
  font-size: 13px;
}
.mention-quote {
  padding: 2px 0 2px 12px;
  border-left: 2px solid var(--sentinel-accent);
  color: var(--sentinel-muted);
  font-size: 15px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
.mention-quote mark {
  padding: 1px 2px;
  border-radius: 4px;
  background: rgb(242 244 247 / 10%);
  color: var(--sentinel-ink);
  box-shadow: inset 0 -1px 0 rgb(242 244 247 / 35%);
}
.mention-card > p.mention-post {
  color: var(--sentinel-ink);
  font-size: 16px;
  line-height: 1.45;
}
.mention-segment-text {
  color: var(--sentinel-muted);
  font-size: 15px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}
.mention-segments {
  display: grid;
  gap: 12px;
}
.mention-segment-time {
  margin-bottom: 4px;
  color: #8a929e;
  font-family: var(--font-mono);
  font-size: 11px;
}
.mention-author {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}
.mention-author > [aria-hidden] {
  display: grid;
  flex: none;
  place-items: center;
  width: 40px;
  height: 40px;
  border: 1px solid var(--sentinel-rule);
  border-radius: 50%;
  background: var(--sentinel-panel-muted);
  color: #d0d6dd;
  font-size: 13px;
  font-weight: 600;
}
.mention-author > span:last-child {
  display: grid;
  gap: 2px;
  min-width: 0;
}
.mention-author strong {
  font-size: 15px;
  font-weight: 600;
  overflow-wrap: anywhere;
}
.mention-author small {
  color: var(--sentinel-muted);
  font-size: 13px;
}
.mention-metrics {
  display: grid;
  grid-auto-columns: minmax(0, 1fr);
  grid-auto-flow: column;
  margin-top: 4px;
  padding-top: 12px;
  border-top: 1px solid var(--sentinel-rule);
}
.mention-metrics > div {
  padding-inline: 10px;
}
.mention-metrics > div:first-child {
  padding-left: 0;
}
.mention-metrics > div + div {
  border-left: 1px solid var(--sentinel-rule);
}
.mention-metrics dt {
  font-size: 17px;
}
.mention-metrics dd {
  margin-top: 2px;
  color: var(--sentinel-muted);
  font-size: 12px;
}
.mention-more {
  border-top: 1px solid var(--sentinel-rule);
}
.mention-more summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 44px;
  color: var(--sentinel-accent-deep);
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  list-style: none;
}
.mention-more summary::-webkit-details-marker {
  display: none;
}
.mention-more summary > span {
  transition: transform .15s ease;
}
.mention-more[open] summary > span {
  transform: rotate(90deg);
}
.mention-more article, .mention-more ol {
  display: grid;
  gap: 10px;
  padding-bottom: 12px;
  color: var(--sentinel-muted);
  font-size: 14px;
  line-height: 1.6;
}
.mention-verdict {
  --verdict-line: #3d444e;
  --verdict-bar: #8a929e;
  --verdict-wash: transparent;
  padding: 12px 14px 12px 13px;
  border: 1px solid var(--verdict-line);
  border-left: 3px solid var(--verdict-bar);
  border-radius: 12px;
  background: linear-gradient(90deg, var(--verdict-wash), transparent 60%), var(--sentinel-panel);
  @supports (color: color-mix(in lab, red, red)) {
    background: linear-gradient(90deg, color-mix(in srgb, var(--verdict-wash) 10%, transparent), transparent 60%), var(--sentinel-panel);
  }
  color: #d0d6dd;
  font-size: 15px;
  line-height: 1.45;
  overflow-wrap: anywhere;
  text-wrap: pretty;
}
.mention-verdict[data-tone="none"] {
  background: #1e2329;
}
.mention-verdict:is([data-tone="unfavourable"], [data-tone="failed"]) {
  --verdict-line: rgb(232 112 120 / 45%);
  --verdict-bar: #ff9b9e;
  --verdict-wash: #e87078;
}
.mention-verdict[data-tone="favourable"] {
  --verdict-line: rgb(32 204 188 / 45%);
  --verdict-bar: #65e0d3;
  --verdict-wash: #20ccbc;
}
.mention-verdict[data-tone="mixed"] {
  --verdict-line: rgb(236 154 60 / 45%);
  --verdict-bar: #f3b46d;
  --verdict-wash: #ec9a3c;
}
.mention-verdict[data-tone="pending"] {
  --verdict-line: rgb(76 144 240 / 40%);
  --verdict-bar: #8abbff;
  --verdict-wash: #4c90f0;
}
.mention-reason summary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  font-weight: 650;
  cursor: pointer;
  list-style: none;
}
.mention-reason summary::-webkit-details-marker {
  display: none;
}
.mention-reason summary::after {
  content: "+" / "";
  color: var(--sentinel-accent-deep);
  font-weight: 400;
}
.mention-reason[open] summary::after {
  content: "−" / "";
}
.mention-reason p {
  color: var(--sentinel-muted);
  font-size: 13px;
}
.mention-card-head .topic-card-verdict[data-tone="pending"] {
  gap: 6px;
  border-style: dashed;
  border-color: #2c4466;
  background: rgb(76 144 240 / 5%);
}
.mention-spinner {
  flex: none;
  width: 12px;
  height: 12px;
  border: 2px solid #3d444e;
  border-top-color: #8abbff;
  border-radius: 50%;
  animation: mention-spin 1s linear infinite;
}
@keyframes mention-spin {
  to {
    transform: rotate(360deg);
  }
}
.mention-skeleton {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  background: linear-gradient(var(--sentinel-rule), var(--sentinel-rule)) 0 0 / 100% 1px no-repeat, linear-gradient(var(--sentinel-rule), var(--sentinel-rule)) 0 44px / 100% 1px no-repeat;
}
.mention-skeleton span {
  height: 14px;
  margin-block: 15px;
  border-radius: 8px;
  background: #1e2329;
}
.mention-skeleton span:nth-child(1) {
  width: 52%;
}
.mention-skeleton span:nth-child(2) {
  width: 84px;
}
.mention-skeleton span:nth-child(3) {
  width: 34%;
}
.mention-skeleton span:nth-child(4) {
  width: 64px;
}
.mention-tiles {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 4px;
}
.mention-tile, .mention-chip {
  --tile-tone: #b6bfcc;
}
.mention-tile {
  display: grid;
  gap: 6px;
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--tile-tone);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--tile-tone) 45%, transparent);
  }
  border-radius: 12px;
  background: linear-gradient(135deg, var(--tile-tone), transparent 70%), var(--sentinel-panel);
  @supports (color: color-mix(in lab, red, red)) {
    background: linear-gradient(135deg, color-mix(in srgb, var(--tile-tone) 10%, transparent), transparent 70%), var(--sentinel-panel);
  }
}
.mention-tile p {
  color: var(--sentinel-muted);
  font-family: var(--font-mono);
  font-size: 11px;
  line-height: 1.35;
  letter-spacing: .06em;
  text-transform: uppercase;
  overflow-wrap: anywhere;
}
.mention-tile strong {
  display: flex;
  align-items: center;
  gap: 7px;
  color: var(--tile-tone);
  font-size: 15px;
  font-weight: 600;
  overflow-wrap: anywhere;
}
.mention-tile strong::before, .mention-chip::before {
  content: "";
  flex: none;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--tile-tone);
}
:is(.mention-tile, .mention-chip):is([data-tone="positive"], [data-score="1"], [data-tone="1"]) {
  --tile-tone: #56d6a0;
}
:is(.mention-tile, .mention-chip):is([data-score="2"], [data-tone="2"]) {
  --tile-tone: #2ee6aa;
}
:is(.mention-tile, .mention-chip)[data-tone="support"] {
  --tile-tone: #65e0d3;
}
:is(.mention-tile, .mention-chip):is([data-tone="negative"], [data-score="-1"], [data-tone="-1"]) {
  --tile-tone: #ff9b9e;
}
:is(.mention-tile, .mention-chip):is([data-score="-2"], [data-tone="-2"]) {
  --tile-tone: #ff6f76;
}
:is(.mention-tile, .mention-chip)[data-tone="deliberate_attack"] {
  --tile-tone: #ff7b80;
}
:is(.mention-tile, .mention-chip)[data-tone="constructive_criticism"] {
  --tile-tone: #f3b46d;
}
:is(.mention-tile, .mention-chip)[data-tone="mixed"] {
  --tile-tone: #ffc875;
}
:is(.mention-tile, .mention-chip)[data-tone="inform"] {
  --tile-tone: #8abbff;
}
:is(.mention-tile, .mention-chip)[data-tone="ironic"] {
  --tile-tone: #d0a2f2;
}
:is(.mention-tile, .mention-chip)[data-tone="none"] {
  --tile-tone: #8994a3;
  border: 1px dashed #3d444e;
  background: var(--sentinel-panel);
}
:is(.mention-tile[data-tone="none"] strong, .mention-chip[data-tone="none"])::before {
  border: 1px dashed var(--tile-tone);
  background: transparent;
}
.mention-note {
  display: flex;
  gap: 10px;
  padding: 12px 14px;
  border: 1px dashed #2c4466;
  border-radius: 14px;
  background: rgb(76 144 240 / 5%);
  color: var(--sentinel-muted);
  font-size: 13px;
  line-height: 1.45;
}
.mention-note > [class*="hero-"] {
  flex: none;
  margin-top: 1px;
  color: var(--sentinel-accent-deep);
}
.mention-note strong {
  display: block;
  margin-bottom: 2px;
  color: #d0d6dd;
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 400;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.mention-actions {
  display: flex;
  gap: 8px;
}
.mention-source-button {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
  height: 52px;
  padding-inline: 18px;
  border-radius: 16px;
  background: var(--sentinel-ink);
  color: var(--sentinel-canvas);
  font-size: 15px;
  font-weight: 600;
  transition: opacity .15s ease;
}
.mention-source-button:hover {
  opacity: .9;
}
.mention-share {
  position: relative;
  display: grid;
  flex: none;
  place-items: center;
  width: 52px;
  height: 52px;
  border: 1px solid var(--sentinel-rule);
  border-radius: 16px;
  background: var(--sentinel-panel);
  color: var(--sentinel-ink);
  cursor: pointer;
  transition: border-color .15s ease;
}
.mention-share:hover {
  border-color: #4b525c;
}
.mention-share[data-shared]::after {
  content: "Link copiat";
  position: absolute;
  right: 0;
  bottom: calc(100% + 8px);
  padding: 6px 10px;
  border: 1px solid var(--sentinel-rule);
  border-radius: 10px;
  background: var(--sentinel-panel-strong);
  color: var(--sentinel-ink);
  font-size: 12px;
  white-space: nowrap;
}
.mention-row {
  border-block: 1px solid var(--sentinel-rule);
}
:is(.mention-actions, .mention-card) + .mention-row {
  margin-top: 8px;
}
.mention-row + .mention-row {
  margin-top: -12px;
  border-top: 0;
}
.mention-row > :is(summary, button) {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  min-height: 52px;
  padding-block: 10px;
  color: var(--sentinel-ink);
  text-align: left;
  cursor: pointer;
  list-style: none;
}
.mention-row > summary::-webkit-details-marker {
  display: none;
}
.mention-row > :is(summary, button)::after {
  content: "+" / "";
  display: grid;
  flex: none;
  place-items: center;
  width: 32px;
  height: 32px;
  border: 1px solid var(--sentinel-rule);
  border-radius: 16px;
  color: var(--sentinel-accent-deep);
  font-size: 18px;
  transition: background-color .15s ease;
}
.mention-row > :is(summary, button):hover::after {
  background: var(--sentinel-panel-muted);
}
.mention-row[open] > summary::after {
  content: "−" / "";
}
.mention-row-text {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}
.mention-row-text strong {
  font-size: 15px;
  font-weight: 600;
}
.mention-row button strong {
  color: var(--sentinel-accent-deep);
}
.mention-row-text > span:not(.acum-eyebrow) {
  color: var(--sentinel-muted);
  font-size: 13px;
}
.mention-facts > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-block: 8px;
  border-top: 1px solid var(--sentinel-rule);
  font-size: 13px;
}
.mention-row .mention-facts {
  padding-bottom: 6px;
}
.mention-card .mention-facts > div {
  min-height: 44px;
  padding-block: 0;
  font-size: 14px;
}
.mention-facts dt {
  color: var(--sentinel-muted);
}
.mention-facts dd {
  font-weight: 600;
  text-align: right;
  overflow-wrap: anywhere;
}
:is(.mention-source-button, .mention-share, .mention-row > summary, .mention-row > button, .mention-more summary, .mention-legend-head button):focus-visible {
  outline: 2px solid var(--sentinel-focus);
  outline-offset: 3px;
}
.mention-legend {
  width: min(560px, calc(100vw - 32px));
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 20px 24px 24px;
  overflow-y: auto;
  border: 1px solid var(--sentinel-rule);
  border-radius: 24px;
  background: var(--sentinel-panel);
  color: var(--sentinel-ink);
  box-shadow: 0 24px 64px rgb(0 0 0 / 55%);
}
.mention-legend[open] {
  display: grid;
  gap: 18px;
}
.mention-legend::backdrop {
  background: rgb(0 0 0 / 55%);
}
.mention-legend-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 12px;
}
.mention-legend-head + .mention-note {
  margin-top: -10px;
}
.mention-legend-head h2 {
  font-family: var(--font-display);
  font-size: 24px;
  font-weight: 500;
}
.mention-legend-head button {
  display: grid;
  flex: none;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 1px solid var(--sentinel-rule);
  border-radius: 22px;
  cursor: pointer;
  transition: border-color .15s ease;
}
.mention-legend-head button:hover {
  border-color: #4b525c;
}
.mention-legend h3 {
  color: var(--sentinel-muted);
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.mention-legend ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}
.mention-legend section > p:not(.acum-eyebrow) {
  margin-top: 8px;
  color: #8a929e;
  font-size: 13px;
  line-height: 1.45;
}
.mention-chip {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 30px;
  padding-inline: 12px;
  border: 1px solid var(--tile-tone);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--tile-tone) 45%, transparent);
  }
  border-radius: 15px;
  background: var(--tile-tone);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--tile-tone) 14%, transparent);
  }
  color: var(--tile-tone);
  font-size: 13px;
  white-space: nowrap;
}
.mention-chip::before {
  width: 8px;
  height: 8px;
}
.mention-legend-table {
  margin-top: 6px;
}
.mention-legend-table > div {
  display: grid;
  grid-template-columns: 124px minmax(0, 1fr);
  align-items: center;
  column-gap: 12px;
  min-height: 52px;
  padding-block: 8px;
  border-top: 1px solid var(--sentinel-rule);
}
.mention-legend-table dd {
  color: #d0d6dd;
  font-size: 14px;
  line-height: 1.4;
  text-wrap: pretty;
}
.mention-legend-table .topic-card-verdict[data-tone="unread"] {
  gap: 6px;
  border-color: rgb(76 144 240 / 35%);
  background: rgb(76 144 240 / 16%);
  color: #8abbff;
}
.mention-legend-table .topic-card-verdict[data-tone="unread"]::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 3px;
  background: #4c90f0;
  box-shadow: 0 0 6px rgb(76 144 240 / 90%);
}
.mention-legend-false {
  padding: 16px;
  border: 1px solid var(--sentinel-rule);
  border-radius: 16px;
  background: #1e2329;
}
.mention-legend .mention-legend-false h3 {
  margin-top: 6px;
  color: var(--sentinel-ink);
  font-family: var(--font-display);
  font-size: 20px;
  line-height: 1.2;
  letter-spacing: 0;
  text-transform: none;
  text-wrap: balance;
}
.mention-legend .mention-legend-false > p:not(.acum-eyebrow) {
  margin-top: 6px;
  color: #d0d6dd;
  font-size: 14px;
}
@media (prefers-reduced-motion: reduce) {
  .topics-spinner::before, .mention-spinner {
    animation: none;
  }
}
.mention-page[data-variant="evolution"] {
  gap: 16px;
  padding-inline: 16px;
}
.mention-page[data-variant="evolution"] .topic-back-row {
  min-height: 0;
  margin: 0 -16px -16px;
  padding: 6px 12px 0;
  border: 0;
}
.mention-page[data-variant="evolution"] .mention-header {
  padding-block: 4px 0;
}
.mention-page[data-variant="evolution"] .mention-title {
  font-size: 30px;
  line-height: 1.1;
  letter-spacing: -.02em;
}
.mention-page[data-variant="evolution"] .mention-meta {
  margin-top: 8px;
  font-size: 15px;
}
.mention-controls {
  display: flex;
  gap: 8px;
}
.mention-e06 {
  padding: 16px;
  border-color: #2f353d;
  border-radius: 20px;
  background: #171c21;
}
.mention-e06 > h2 {
  margin-top: 6px;
}
.mention-period-chip {
  display: inline-flex;
  align-items: center;
  height: 26px;
  padding-inline: 10px;
  border: 1px solid #2f353d;
  border-radius: 13px;
  color: #d0d6dd;
  font-size: 12px;
  white-space: nowrap;
}
.mention-card > p.mention-axes {
  margin-top: -4px;
}
.mention-axes strong {
  color: var(--sentinel-ink);
  font-weight: 600;
}
.mention-e06 .mention-evidence {
  margin-top: 6px;
  padding: 16px;
  border-color: #2f353d;
  background: #1e2329;
}
.mention-evidence-title {
  margin-top: -4px;
  font-family: var(--font-display);
  font-size: 20px;
  line-height: 1.2;
  font-weight: 500;
}
.mention-pull {
  margin-top: 2px;
  padding: 2px 0 2px 14px;
  border-left: 2px solid var(--sentinel-accent);
  color: var(--sentinel-ink);
  font-family: var(--font-display);
  font-size: 19px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}
.mention-e06 .mention-more {
  margin-top: 4px;
}
.mention-e06 .mention-more summary {
  min-height: 48px;
  color: #8abbff;
  font-size: 15px;
  font-weight: 600;
}
.mention-e06 .mention-more summary > [class*="hero-"] {
  display: none;
}
.mention-e06 .mention-more summary::after {
  content: "+" / "";
  display: grid;
  flex: none;
  place-items: center;
  width: 32px;
  height: 32px;
  border: 1px solid #2f353d;
  border-radius: 16px;
  color: var(--sentinel-ink);
  font-size: 18px;
  font-weight: 400;
}
.mention-e06 .mention-more[open] summary::after {
  content: "−" / "";
}
.mention-e06 .mention-more article {
  gap: 8px;
  padding-bottom: 4px;
  color: #d0d6dd;
  font-size: 14px;
  line-height: 1.5;
}
.mention-box {
  display: grid;
  justify-items: start;
  padding: 14px 16px;
  border: 1px solid #2f353d;
  border-radius: 14px;
  background: #1e2329;
}
.mention-box-label {
  color: var(--sentinel-muted);
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.mention-box strong {
  margin-top: 6px;
  color: var(--sentinel-ink);
  font-size: 17px;
  line-height: 1.3;
  font-weight: 600;
  overflow-wrap: anywhere;
}
.mention-box > p:not(.mention-box-label, .mention-note), .mention-subject > span > span:last-child:not(.mention-box-label) {
  margin-top: 4px;
  color: var(--sentinel-muted);
  font-size: 13px;
  line-height: 1.45;
}
.mention-box > p:has(.topic-card-verdict) {
  margin-top: 8px;
}
.mention-box > .mention-note {
  justify-self: stretch;
  margin-top: 10px;
}
.mention-subject {
  grid-template-columns: minmax(0, 1fr) 18px;
  align-items: center;
  column-gap: 10px;
  transition: border-color .15s ease;
}
.mention-subject:hover {
  border-color: #4b525c;
}
.mention-subject > span {
  display: flex;
  flex-direction: column;
}
.mention-subject > svg {
  color: #6b7380;
}
.mention-e06 > .mention-source-button {
  margin-top: 6px;
}
:is(.topic-card, .topic-group, .topic-row, .topic-title, .topics-title, .mention-title) {
  scroll-margin-top: calc(16px + env(safe-area-inset-top));
}
@media (max-width: 1023px) {
  :is(.topic-group, .topic-row, .topic-title, .mention-title) {
    scroll-margin-top: calc(var(--sticky-top, 0px) + 56px + env(safe-area-inset-top));
  }
}
.filter-sheet {
  margin: 0 0 0 auto;
  width: min(460px, 100vw);
  height: 100dvh;
  max-height: 100dvh;
  padding: 0;
  border: 1px solid var(--sentinel-rule-strong);
  border-right: 0;
  border-radius: 24px 0 0 24px;
  background: var(--sentinel-panel);
  color: var(--sentinel-ink);
  box-shadow: 0 24px 80px #0008;
}
.filter-sheet::backdrop {
  background: #05070acc;
}
.filter-sheet[open] {
  display: flex;
}
.filter-sheet-form {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: 0;
}
.filter-sheet-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 22px 22px 18px;
  border-bottom: 1px solid var(--sentinel-rule);
}
.filter-sheet-header h2 {
  margin-top: 4px;
  font-family: var(--font-display);
  font-size: 26px;
  font-weight: 500;
  letter-spacing: -.01em;
}
.filter-sheet-close {
  display: grid;
  flex: none;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 1px solid var(--sentinel-rule-strong);
  border-radius: 50%;
}
.filter-sheet-body {
  display: grid;
  gap: 22px;
  padding: 22px;
  overflow-y: auto;
}
.filter-sheet-group {
  display: grid;
  gap: 12px;
  min-width: 0;
}
.filter-sheet-body label > span:first-child {
  margin-bottom: 12px;
  font-size: 13px;
  letter-spacing: 0;
  text-transform: none;
}
.filter-sheet-group legend {
  margin-bottom: 12px;
  color: var(--sentinel-muted);
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 400;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.filter-sheet-segments {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 4px;
  padding: 4px;
  border: 1px solid var(--sentinel-rule-strong);
  border-radius: 14px;
  background: var(--sentinel-panel-muted);
}
:is(.filter-sheet-segments, .filter-sheet-chips) input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}
.filter-sheet-segments label {
  display: grid;
  place-items: center;
  min-height: 44px;
  border: 1px solid transparent;
  border-radius: 10px;
  color: var(--sentinel-muted);
  font-size: 15px;
  cursor: pointer;
}
.filter-sheet-segments input:checked + label {
  border-color: var(--sentinel-accent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--sentinel-accent) 45%, transparent);
  }
  background: var(--sentinel-accent-soft);
  color: var(--sentinel-ink);
}
.filter-sheet-dates {
  display: none;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.filter-sheet-periods:has(input[value="custom"]:checked) .filter-sheet-dates {
  display: grid;
}
.filter-sheet-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.filter-sheet-chips label {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding-inline: 14px;
  border: 1px solid var(--sentinel-rule-strong);
  border-radius: 999px;
  color: var(--sentinel-muted);
  font-size: 12px;
  cursor: pointer;
}
.filter-sheet-chips input[value="none"] + label {
  border-style: dashed;
}
.filter-sheet-chips input:checked + label {
  border-color: var(--sentinel-accent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--sentinel-accent) 55%, transparent);
  }
  background: var(--sentinel-accent-soft);
  color: var(--sentinel-accent-deep);
}
.filter-sheet-chips input:checked + label::before {
  content: "✓";
  margin-right: 8px;
}
:is(.filter-sheet-segments, .filter-sheet-chips) input:focus-visible + label {
  outline: 2px solid var(--sentinel-focus);
  outline-offset: 2px;
}
.filter-sheet-footer {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 22px calc(16px + env(safe-area-inset-bottom));
  border-top: 1px solid var(--sentinel-rule);
}
:is(.filter-sheet-reset, .filter-sheet-submit) {
  min-width: 140px;
  min-height: 44px;
  padding-inline: 18px;
  border-radius: 12px;
  font-size: 13px;
  font-weight: 700;
}
.filter-sheet-reset {
  border: 1px solid var(--sentinel-accent);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--sentinel-accent) 45%, transparent);
  }
  background: var(--sentinel-accent-soft);
  color: var(--sentinel-accent-deep);
}
.filter-sheet-submit {
  background: var(--sentinel-ink);
  color: var(--sentinel-canvas);
}
@media (max-width: 1023px) {
  .filter-sheet:not(.inbox-panel) {
    top: auto;
    margin: auto 0 0;
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: calc(100dvh - 24px);
    border-right: 1px solid var(--sentinel-rule-strong);
    border-radius: 24px 24px 0 0;
    border-bottom: 0;
  }
}
.filter-sheet-segments[data-count="2"] {
  grid-template-columns: repeat(2, 1fr);
}
.filter-sheet-segments[data-count="3"] {
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 767px) {
  .filter-sheet {
    margin: auto 0 0;
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: calc(100dvh - 24px);
    border-right: 1px solid var(--sentinel-rule-strong);
    border-radius: 24px 24px 0 0;
    border-bottom: 0;
  }
  .filter-sheet-segments {
    grid-template-columns: 1fr 1fr;
  }
  :is(.filter-sheet-reset, .filter-sheet-submit) {
    flex: 1;
    min-width: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .filter-sheet-trigger {
    transition: none;
  }
}
:is(#monitor-topics-filters, #evolution-filters) {
  border-color: #2f353d;
  background: #171c21;
}
:is(#monitor-topics-filters, #evolution-filters)::backdrop {
  background: rgb(0 0 0 / 55%);
}
@media (min-width: 1024px) {
  :is(#monitor-topics-filters, #evolution-filters) {
    width: min(440px, 100vw);
  }
}
:is(#monitor-topics-filters, #evolution-filters) .filter-sheet-header {
  padding: 32px 24px 0;
  border-bottom: 0;
}
:is(#monitor-topics-filters, #evolution-filters) .filter-sheet-header h2 {
  margin-top: 0;
  font-size: 24px;
  letter-spacing: 0;
}
:is(#monitor-topics-filters, #evolution-filters) .filter-sheet-close {
  border-color: #2f353d;
}
#monitor-topics-filters .filter-sheet-body {
  flex: 1;
  align-content: start;
  gap: 20px;
  padding: 14px 24px 24px;
}
#monitor-topics-filters .filter-sheet-group {
  gap: 8px;
}
#monitor-topics-filters .filter-sheet-group legend {
  margin-bottom: 8px;
  color: #abb3bf;
  line-height: normal;
  letter-spacing: .08em;
}
#monitor-topics-filters .filter-sheet-segments {
  border-color: #2f353d;
  background: #10161f;
}
:is(#monitor-topics-filters, #evolution-filters) .filter-sheet-segments label {
  min-height: 36px;
  color: #abb3bf;
  font-size: 14px;
  font-weight: 500;
}
:is(#monitor-topics-filters, #evolution-filters) .filter-sheet-segments input:checked + label {
  border-color: #4c90f0;
  background: #182435;
  color: #f2f4f7;
  font-weight: 600;
}
.topics-filter-range {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr) auto 18px;
  align-items: center;
  column-gap: 10px;
  min-height: 52px;
  padding: 0 14px;
  border: 1px solid #2f353d;
  border-radius: 14px;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
  transition: border-color .15s ease;
}
.topics-filter-range:hover {
  border-color: #4b525c;
}
.topics-filter-range > .hero-calendar {
  color: #abb3bf;
}
.topics-filter-range > .hero-chevron-right {
  color: #7e8590;
}
.topics-filter-range small {
  color: #8a929e;
  font-size: 13px;
  font-weight: 400;
}
#monitor-topics-period-custom:checked + .topics-filter-range {
  border-color: #4c90f0;
  background: #182435;
}
#monitor-topics-period-custom:focus-visible + .topics-filter-range {
  outline: 2px solid var(--sentinel-focus);
  outline-offset: 2px;
}
#monitor-topics-filters .filter-sheet-dates input:not(.flatpickr-calendar *) {
  height: 52px;
  border-color: #2f353d;
  border-radius: 14px;
  background: #10161f;
}
#monitor-topics-filters .filter-sheet-dates input:not(.flatpickr-calendar *):focus {
  border-color: #4c90f0;
}
.search-box {
  margin-top: 12px;
}
.search-box input {
  width: 100%;
  height: 52px;
  padding: 0 16px 0 42px;
  border: 1px solid #2f353d;
  border-radius: 14px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a929e' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E") no-repeat 14px center / 18px, #10161f;
  color: #f2f4f7;
  font-size: 16px;
  outline: none;
  transition: border-color .15s ease;
}
.search-box input::placeholder {
  color: #8a929e;
}
.search-box input:focus {
  border-color: #4c90f0;
}
.evolution-search-result {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 12px;
  margin-top: 10px;
  padding: 12px 16px;
  border: 1px solid #2f353d;
  border-radius: 14px;
  background: #0c1118;
  color: #d0d6dd;
  font-size: 15px;
  line-height: 1.4;
}
.evolution-search-result strong {
  color: #f2f4f7;
  font-weight: 600;
}
.evolution-search-period {
  color: #8a929e;
}
.evolution-search-result a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #4c90f0;
  font-weight: 600;
  white-space: nowrap;
  transition: color .15s ease;
}
.evolution-search-result a:hover {
  color: #7aaef5;
}
:is(#monitor-topics-filters, #evolution-filters) .filter-sheet-chips label {
  gap: 6px;
  border-color: #2f353d;
  border-radius: 22px;
  color: #d0d6dd;
  font-size: 14px;
  font-weight: 500;
  transition: border-color .15s ease, background-color .15s ease;
}
:is(#monitor-topics-filters, #evolution-filters) .filter-sheet-chips label:hover {
  border-color: #4b525c;
}
#monitor-topics-filters .filter-sheet-chips input[value="none"] + label {
  border-color: #4b525c;
}
:is(#monitor-topics-filters, #evolution-filters) .filter-sheet-chips input:checked + label {
  border-color: #4c90f0;
  background: #182435;
  color: #f2f4f7;
  font-weight: 600;
}
:is(#monitor-topics-filters, #evolution-filters) .filter-sheet-chips input:checked + label::before {
  content: "";
  flex: none;
  width: 14px;
  height: 14px;
  margin-right: 0;
  background: currentColor;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center / 14px no-repeat;
}
#monitor-topics-filters :is(.filter-sheet-chips label, .topics-filter-range) > span:first-child {
  margin-bottom: 0;
  font-size: inherit;
}
#monitor-topics-filters .filter-sheet-footer {
  display: grid;
  grid-template-columns: 120px minmax(0, 1fr);
  gap: 8px;
  padding: 12px 24px calc(34px + env(safe-area-inset-bottom));
  border-top-color: #2f353d;
  box-shadow: 0 -12px 24px rgb(0 0 0 / 45%);
}
:is(#monitor-topics-filters, #evolution-filters) :is(.filter-sheet-reset, .filter-sheet-submit) {
  min-width: 0;
  min-height: 52px;
  border-radius: 16px;
  font-size: 15px;
  font-weight: 600;
}
:is(#monitor-topics-filters, #evolution-filters) .filter-sheet-reset {
  border-color: #2f353d;
  background: transparent;
  color: #f2f4f7;
  transition: border-color .15s ease;
}
:is(#monitor-topics-filters, #evolution-filters) .filter-sheet-reset:hover {
  border-color: #4b525c;
}
#monitor-topics-filters .filter-sheet-submit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-inline: 18px;
  border: 1px solid #f2f4f7;
  background: #f2f4f7;
  color: #10161f;
  text-align: left;
  transition: opacity .15s ease;
}
#monitor-topics-filters .filter-sheet-submit:hover {
  opacity: .9;
}
#monitor-topics-filters .filter-sheet-submit::after {
  content: "";
  flex: none;
  width: 20px;
  height: 20px;
  background: currentColor;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / 20px no-repeat;
}
#evolution-filters .filter-sheet-form {
  overflow-y: auto;
}
#evolution-filters .filter-sheet-header :is(p, h2) {
  line-height: normal;
}
#evolution-filters .filter-sheet-header h2 {
  margin-top: 4px;
}
#evolution-filters .filter-sheet-body {
  flex: none;
  gap: 16px;
  padding: 12px 24px 0;
  overflow: visible;
}
#evolution-filters .filter-sheet-group {
  gap: 0;
}
#evolution-filters .filter-sheet-group legend {
  margin-bottom: 10px;
  color: #abb3bf;
  line-height: normal;
  letter-spacing: .08em;
}
#evolution-filters .filter-sheet-segments {
  border-color: #2f353d;
  background: transparent;
}
#evolution-filters .filter-sheet-dates {
  margin-top: 12px;
}
#evolution-filter-axis {
  position: relative;
}
#evolution-filter-axis .filter-sheet-chips {
  flex-wrap: nowrap;
  margin-right: -24px;
  padding-right: 64px;
  overflow-x: auto;
  scrollbar-width: none;
}
#evolution-filter-axis .filter-sheet-chips label {
  flex: none;
  white-space: nowrap;
}
#evolution-filter-axis::after {
  content: "";
  position: absolute;
  right: -24px;
  bottom: 0;
  width: 64px;
  height: 44px;
  background: linear-gradient(90deg, rgb(23 28 33 / 0%), #171c21 80%);
  pointer-events: none;
}
#evolution-filters .filter-sheet-chips input:checked + label::before {
  width: 16px;
  height: 16px;
  mask-size: 16px;
}
#evolution-filters .filter-sheet-footer {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  gap: 8px;
  padding: 16px 24px calc(24px + env(safe-area-inset-bottom));
  border-top: 0;
}
#evolution-filters .filter-sheet-submit {
  border: 1px solid #f2f4f7;
  background: #f2f4f7;
  color: #10161f;
}
.inbox {
  display: contents;
}
.inbox-bell {
  position: relative;
  cursor: pointer;
  transition: border-color 160ms ease;
}
.inbox-bell:hover, .inbox-bell:focus-visible {
  border-color: var(--sentinel-accent);
}
.inbox-badge {
  position: absolute;
  top: -3px;
  right: -3px;
  display: grid;
  place-items: center;
  min-width: 18px;
  height: 18px;
  padding-inline: 5px;
  border-radius: 999px;
  background: var(--sentinel-warning);
  color: #1c2127;
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
}
.inbox-panel {
  width: min(440px, calc(100vw - 32px));
  border-color: #2f353d;
  border-radius: 20px;
  background: #171c21;
}
.inbox-panel::backdrop {
  background: rgba(0, 0, 0, .25);
}
.inbox-panel .filter-sheet-header {
  padding: 12px 24px 2px;
  border-bottom: 0;
}
.inbox-panel .filter-sheet-close {
  border-color: #2f353d;
}
@media (min-width: 768px) {
  .inbox-panel {
    position: fixed;
    inset: 78px 24px auto auto;
    height: auto;
    max-height: calc(100dvh - 96px);
    margin: 0;
    overflow: visible;
    border-right: 1px solid #2f353d;
    box-shadow: 0 24px 64px rgba(0, 0, 0, .55);
  }
  .inbox-panel::before {
    content: "";
    position: absolute;
    top: -7px;
    right: 72px;
    width: 12px;
    height: 12px;
    border-top: 1px solid #2f353d;
    border-left: 1px solid #2f353d;
    background: #171c21;
    transform: rotate(45deg);
  }
  .inbox-panel .filter-sheet-header {
    padding-top: 32px;
  }
}
@media (min-width: 1024px) {
  .inbox-panel {
    right: 28px;
  }
}
@media (min-width: 1280px) {
  .inbox-panel {
    right: 40px;
  }
}
.inbox-panel .filter-sheet-header h2 {
  font-family: var(--font-display);
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 0;
}
.inbox-panel .filter-sheet-header :is(.inbox-eyebrow, h2) {
  line-height: normal;
}
.inbox-panel-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
}
.inbox-eyebrow {
  color: #8abbff;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.inbox-bar button {
  min-height: 44px;
  color: #8abbff;
  font-size: 14px;
  font-weight: 500;
  text-align: right;
  overflow-wrap: anywhere;
}
.inbox-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 4px 12px;
  padding: 0 24px;
  color: #abb3bf;
  font-size: 14px;
}
.inbox-bar p[data-unread="true"] {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #8abbff;
  font-weight: 600;
}
.inbox-bar p[data-unread="true"]::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 3px;
  background: #4c90f0;
  box-shadow: 0 0 6px rgba(76, 144, 240, .9);
}
.inbox-items {
  padding: 6px 24px 24px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #2f353d transparent;
}
.inbox-panel[open] {
  flex-direction: column;
}
.inbox:has(#inbox-panel[open]) .inbox-bell {
  border-color: #4c90f0;
  background: #182435;
}
@media (max-width: 767px) {
  .inbox-panel {
    position: fixed;
    inset: auto 0 0;
    width: 100%;
    max-width: none;
    max-height: 86dvh;
    margin: 0;
    border-bottom: 0;
    border-radius: 24px 24px 0 0;
  }
  .inbox-panel::before {
    content: "";
    flex: none;
    width: 36px;
    height: 4px;
    margin: 8px auto 0;
    border-radius: 2px;
    background: #3d444e;
  }
}
#inbox-items {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.inbox-item {
  display: flex;
  flex-direction: column;
  gap: 5px;
  width: 100%;
  padding: 12px 0;
  border-top: 1px solid #2f353d;
  text-align: left;
  cursor: pointer;
}
.inbox-item[data-unread="true"] {
  padding: 12px 14px 12px 13px;
  border: 1px solid #4176c0;
  border-left: 4px solid #4c90f0;
  border-radius: 16px;
  background: linear-gradient(100deg, rgba(76, 144, 240, .16) 0%, rgba(76, 144, 240, .05) 32%, transparent 62%), #1c2126;
  transition: border-color .15s;
}
.inbox-item[data-unread="true"]:hover {
  border-color: #4c90f0;
}
.inbox-item-meta {
  color: #8a929e;
  font-family: var(--font-mono);
  font-size: 11px;
  line-height: normal;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.inbox-item[data-unread="true"] .inbox-item-meta {
  color: #8abbff;
}
.inbox-item-title {
  color: #d0d6dd;
  font-size: 15px;
  line-height: 1.3;
  font-weight: 500;
  overflow-wrap: anywhere;
}
.inbox-item[data-unread="true"] .inbox-item-title {
  color: #f2f4f7;
  font-size: 16px;
  font-weight: 600;
}
.inbox-item-detail, .inbox-item-profile {
  color: #abb3bf;
  font-size: 13px;
  line-height: 1.4;
  overflow-wrap: anywhere;
}
.inbox-item-profile {
  font-family: var(--font-mono);
  font-size: 11px;
  text-transform: uppercase;
}
.inbox-item-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 3px;
  color: #7e8590;
  font-size: 12px;
  line-height: normal;
}
.inbox-item[data-unread="true"] .inbox-item-foot {
  color: #8a929e;
}
.inbox-item-action {
  display: flex;
  align-items: center;
  gap: 5px;
  color: #abb3bf;
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
}
.inbox-item[data-unread="true"] .inbox-item-action {
  color: #d0d6dd;
}
.inbox-read-title {
  margin-top: 18px;
  color: #abb3bf;
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 400;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.inbox-read-title + #inbox-read-items {
  margin-top: 6px;
}
#inbox-read-items > li:last-child > .inbox-item {
  border-bottom: 1px solid #2f353d;
}
.inbox-panel :focus-visible {
  outline: 2px solid var(--sentinel-focus);
  outline-offset: 2px;
}
@media (max-width: 767px) {
  .inbox-panel {
    width: 100%;
  }
  .inbox-items {
    padding-bottom: calc(10px + env(safe-area-inset-bottom));
  }
}
@media (prefers-reduced-motion: reduce) {
  .inbox-bell, .inbox-item {
    transition: none;
  }
}
.settings-card {
  margin-top: 16px;
  padding: 4px 16px 16px;
  border: 1px solid #2f353d;
  border-radius: 20px;
  background: #171c21;
}
.settings-card > .acum-eyebrow {
  margin: 12px 0 4px;
  color: #abb3bf;
  letter-spacing: .08em;
}
.settings-facts > div {
  padding: 10px 0;
  border-bottom: 1px solid #2f353d;
}
.settings-facts dt {
  color: #abb3bf;
  font-size: 13px;
}
.settings-facts dd {
  margin-top: 2px;
  font-size: 15px;
  overflow-wrap: anywhere;
}
.settings-open {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 44px;
  margin-top: 14px;
  padding: 0 14px;
  border: 1px solid #2c4466;
  border-radius: 14px;
  background: #162232;
  color: #8abbff;
  font-size: 15px;
  font-weight: 600;
}
.settings-open:hover {
  border-color: #4c90f0;
}
.settings-volume > h2 {
  margin-top: 24px;
  font-family: var(--font-display);
  font-size: 22px;
  font-weight: 500;
  letter-spacing: -.01em;
}
.settings-label {
  display: block;
  margin-top: 12px;
  color: #abb3bf;
  font-size: 13px;
}
.settings-multiplier {
  position: relative;
  margin-top: 6px;
}
.settings-multiplier input {
  width: 100%;
  height: 52px;
  padding: 0 170px 0 16px;
  border: 1px solid #2f353d;
  border-radius: 14px;
  background: #171c21;
  color: #f2f4f7;
  font-family: var(--font-mono);
  font-size: 16px;
}
.settings-multiplier span {
  position: absolute;
  top: 0;
  right: 16px;
  display: flex;
  align-items: center;
  height: 52px;
  color: #8a929e;
  font-size: 13px;
  pointer-events: none;
}
.settings-error {
  margin-top: 6px;
  color: #ff9b9e;
  font-size: 13px;
}
.settings-quick {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-top: 6px;
}
.settings-quick button {
  height: 44px;
  border: 1px solid #2f353d;
  border-radius: 22px;
  color: #d0d6dd;
  font-family: var(--font-mono);
  font-size: 14px;
  transition: border-color .15s;
}
.settings-quick button:hover {
  border-color: #4b525c;
}
.settings-quick button[aria-pressed="true"] {
  border-color: #4c90f0;
  background: #182435;
  color: #f2f4f7;
  font-weight: 500;
}
.settings-volume .hint {
  margin-top: 12px;
}
.settings-volume .hint-label {
  color: #abb3bf;
  font-family: var(--font-ui);
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.45;
  text-transform: none;
}
.settings-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-height: 56px;
  margin-top: 8px;
  padding: 10px 0;
  border-bottom: 1px solid #2f353d;
}
.settings-row > span:first-child {
  display: grid;
  gap: 2px;
}
.settings-row strong {
  font-size: 15px;
  font-weight: 500;
}
.settings-row > span:first-child span {
  color: #abb3bf;
  font-size: 13px;
}
.settings-row-value {
  color: #d0d6dd;
  font-family: var(--font-mono);
  font-size: 15px;
}
.settings-row + .settings-row {
  margin-top: 0;
}
.settings-row > label {
  display: grid;
  flex: 1;
  gap: 2px;
  cursor: pointer;
}
.settings-row > label strong {
  font-size: 15px;
  font-weight: 500;
}
.settings-row > label span {
  color: #abb3bf;
  font-size: 13px;
}
.settings-select {
  appearance: none;
  padding: 0;
  border: 0;
  background: none;
  text-align: right;
  cursor: pointer;
}
.settings-chevron {
  width: 18px;
  height: 18px;
  color: #7e8590;
}
.settings-volume form > .phx-no-feedback, .settings-volume form > div:has(#target-campaign-mode) {
  margin-top: 16px;
}
.settings-save {
  width: 100%;
  height: 52px;
  margin-top: 16px;
  border-radius: 16px;
  background: #f2f4f7;
  color: #10161f;
  font-size: 15px;
  font-weight: 600;
  transition: background .15s;
}
.settings-save:hover {
  background: #e3e7ec;
}
.acum-settings > .profile-notice, .acum-settings > #target-archive {
  margin-top: 16px;
}
.notification-profile {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  align-items: center;
  column-gap: 12px;
  margin-top: 14px;
  padding: 12px 14px;
  border: 1px solid #2f353d;
  border-radius: 16px;
  background: #171c21;
}
.notification-profile > span:first-child {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  background: #f2f4f7;
  color: #10161f;
  font-size: 13px;
  font-weight: 600;
}
.notification-profile > span:last-child {
  display: grid;
  gap: 2px;
  min-width: 0;
}
.notification-profile small {
  color: #abb3bf;
  font-size: 13px;
}
.notification-profile strong {
  font-size: 16px;
  font-weight: 600;
  overflow-wrap: anywhere;
}
.notification-heading {
  margin-top: 22px;
  color: #abb3bf;
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.notification-settings .settings-row {
  gap: 12px;
  margin-top: 0;
}
.notification-row label {
  display: grid;
  flex: 1;
  gap: 2px;
  cursor: pointer;
}
.notification-row label span {
  color: #abb3bf;
  font-size: 13px;
  line-height: 1.4;
}
.notification-switch {
  appearance: none;
  flex: none;
  position: relative;
  width: 51px;
  height: 44px;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
}
.notification-switch::before {
  content: "";
  position: absolute;
  top: 6.5px;
  left: 0;
  width: 51px;
  height: 31px;
  border-radius: 16px;
  background: #2f353d;
  transition: background-color .15s;
}
.notification-switch::after {
  content: "";
  position: absolute;
  top: 8.5px;
  left: 2px;
  width: 27px;
  height: 27px;
  border-radius: 50%;
  background: #8a929e;
  transition: transform .15s, background-color .15s;
}
.notification-switch:checked::before {
  background: #4c90f0;
}
.notification-switch:checked::after {
  background: #f2f4f7;
  transform: translateX(20px);
}
.notification-device {
  margin-top: 8px;
  color: #abb3bf;
  font-size: 13px;
  line-height: 1.4;
}
.notification-quiet summary {
  column-gap: 8px;
  list-style: none;
  cursor: pointer;
}
.notification-quiet summary::-webkit-details-marker {
  display: none;
}
.notification-quiet summary > span:first-child {
  flex: 1;
}
.notification-chevron {
  width: 18px;
  height: 18px;
  color: #7e8590;
  transition: transform .15s;
}
.notification-quiet[open] .notification-chevron {
  transform: rotate(90deg);
}
.notification-quiet-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  padding: 12px 0;
  border-bottom: 1px solid #2f353d;
}
.notification-quiet-fields > p {
  grid-column: 1 / -1;
  color: #abb3bf;
  font-size: 13px;
  line-height: 1.4;
}
:is(.notification-settings > .acum-eyebrow, .notification-profile small, .notification-profile strong, .notification-heading, .notification-row label strong, .notification-quiet summary span) {
  line-height: normal;
}
:is(.notification-switch, .notification-quiet summary) {
  transition: filter .15s, transform .15s, border-color .15s;
}
:is(.notification-switch, .notification-quiet summary):hover {
  filter: brightness(1.08);
}
.notification-quiet summary:hover {
  border-bottom-color: #4b525c;
}
:is(.notification-switch, .notification-quiet summary):active {
  transform: translateY(1px);
}
.notification-settings :focus-visible {
  outline: 2px solid #4c90f0;
  outline-offset: 2px;
}
.account-card {
  display: grid;
  margin-top: 16px;
  border: 1px solid #2f353d;
  border-radius: 20px;
  background: #171c21;
  overflow: hidden;
}
.account-card > p {
  display: grid;
  gap: 2px;
  padding: 14px 16px;
}
.account-card > p > span {
  color: #abb3bf;
  font-size: 13px;
}
.account-card > p > strong {
  font-size: 16px;
  font-weight: 500;
  overflow-wrap: anywhere;
}
.account-card > a {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr) 18px;
  align-items: center;
  column-gap: 12px;
  min-height: 56px;
  padding-inline: 16px;
  border-top: 1px solid #2f353d;
  font-size: 15px;
  font-weight: 500;
  transition: background-color .15s;
}
.account-card > a:hover {
  background: #1d232a;
}
.account-card > a:focus-visible {
  outline: 2px solid #4c90f0;
  outline-offset: -2px;
}
.account-card-chevron {
  width: 18px;
  height: 18px;
  color: #7e8590;
}
.account-overview > .ai-dashed-note {
  margin-top: 10px;
}
.account-overview > .ai-dashed-note > svg {
  flex: none;
  margin-top: 2px;
  color: #8abbff;
}
.account-overview > .notification-heading {
  margin-top: 24px;
}
.account-device {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr) auto;
  align-items: center;
  column-gap: 12px;
  min-height: 60px;
  margin-top: 6px;
  border-block: 1px solid #2f353d;
}
.account-device > span:nth-child(2) {
  display: grid;
  gap: 2px;
}
.account-device strong {
  font-size: 15px;
  font-weight: 500;
}
.account-device > span:nth-child(2) > span {
  color: #abb3bf;
  font-size: 13px;
}
.account-device-live {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
}
.account-device-live::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--sentinel-status-positive);
}
.daily-report-list > .briefing-back {
  padding-left: 18px;
}
.daily-report-list > .briefing-back > [class*="hero-"] {
  width: 20px;
  height: 20px;
}
.daily-report-list > .briefing-back + .acum-eyebrow {
  margin-top: 10px;
}
@media (min-width: 1024px) {
  .daily-report-list > .briefing-back {
    margin-top: 4px;
  }
}
.daily-report-list {
  display: flex;
  flex-direction: column;
  max-width: 760px;
  margin: 0 auto;
}
@media (max-width: 1023px) {
  .daily-report-list {
    max-width: 860px;
  }
}
.daily-report-cards {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 16px;
}
.daily-report-card {
  --report-tone: #8a929e;
  padding: 16px;
  border: 1px solid #2f353d;
  border-radius: 20px;
  background: #171c21;
}
.daily-report-card[data-state="available"] {
  --report-tone: #20ccbc;
}
.daily-report-card[data-state="preparing"] {
  --report-tone: #ec9a3c;
  border-style: dashed;
  border-color: #3d444e;
  background: transparent;
}
.daily-report-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.daily-report-card-top .acum-eyebrow {
  color: #8abbff;
  letter-spacing: .08em;
}
.daily-report-card-word {
  display: flex;
  align-items: center;
  gap: 6px;
  height: 24px;
  padding: 0 10px;
  border: 1px solid #2f353d;
  border-radius: 12px;
  background: #1e2329;
  color: var(--report-tone);
  font-size: 12px;
  white-space: nowrap;
}
.daily-report-card-word::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 3px;
  background: var(--report-tone);
}
.daily-report-card[data-state="available"] .daily-report-card-word {
  color: #65e0d3;
}
.daily-report-card[data-state="preparing"] .daily-report-card-word {
  color: #f3b46d;
}
.daily-report-card-status {
  margin-top: 8px;
  font-family: var(--font-display);
  font-size: 26px;
  line-height: 1.1;
  font-weight: 500;
}
.daily-report-card-base {
  margin-top: 4px;
  color: #d0d6dd;
  font-size: 14px;
}
.daily-report-card-delivery {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 8px;
  color: #abb3bf;
  font-size: 13px;
}
.daily-report-card-delivery .size-4 {
  color: #20ccbc;
}
.daily-report-card-text {
  margin-top: 8px;
  color: #d0d6dd;
  font-size: 15px;
  line-height: 1.45;
}
.daily-report-card-open, .daily-report-card button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 48px;
  margin-top: 14px;
  padding: 0 16px;
  border: 1px solid #2c4466;
  border-radius: 14px;
  background: #162232;
  color: #8abbff;
  font-size: 15px;
  font-weight: 600;
}
.daily-report-card-open:hover {
  border-color: #4c90f0;
}
.daily-report-card button:disabled {
  justify-content: center;
  border-color: #233348;
  background: #1e2731;
  color: #5f7fa8;
  cursor: not-allowed;
}
.daily-report-list > .hint {
  margin-top: 12px;
}
.daily-report-list > .hint .hint-label {
  color: #abb3bf;
  font-family: var(--font-ui);
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.45;
  text-transform: none;
}
@media (prefers-reduced-motion: reduce) {
  #acum-updating {
    animation: none;
  }
}
.acum-passive-status {
  min-height: 20px;
}
.acum-placeholder {
  display: block;
  min-height: 420px;
  padding: 30px;
}
.acum-placeholder .customer-skeleton {
  background: var(--sentinel-panel-strong);
}
.acum-page :is(a, button, summary):focus-visible {
  outline: 3px solid var(--sentinel-accent);
  outline-offset: 4px;
}
.acum-weather a:focus-visible, .acum-scene a:focus-visible {
  outline-color: white;
}
@media (prefers-reduced-motion: reduce) {
  .acum-hero-primary, .acum-hero-secondary, .acum-cta {
    transition: none;
  }
  .acum-hero-primary:hover, .acum-hero-secondary:hover, .acum-cta:hover {
    transform: none;
  }
}
.ai-workspace, .ai-control-shell {
  --ai-surface: var(--sentinel-panel);
  --ai-background: var(--sentinel-panel-muted);
  --ai-ink: var(--sentinel-ink);
  --ai-muted: var(--sentinel-muted);
  --ai-rule: var(--sentinel-rule);
  --ai-teal: var(--sentinel-accent);
  --ai-soft: var(--sentinel-status-positive-surface);
  color: var(--ai-ink);
  display: grid;
  gap: 20px;
  font-size: 14px;
  line-height: 1.6;
}
.ai-workspace {
  --ai-rule: #2f353d;
  gap: 12px;
  grid-template-columns: minmax(0, 1fr);
}
.ai-workspace :is(h1,h2,h3,p) {
  margin: 0;
}
.ai-workspace h1 {
  font-family: var(--font-display);
  font-size: 32px;
  line-height: 1.08;
  letter-spacing: -.02em;
  font-weight: 500;
}
.ai-workspace h2 {
  font-family: var(--font-display);
  font-size: 22px;
  line-height: 1.2;
  letter-spacing: -.01em;
  font-weight: 500;
}
.ai-workspace h3 {
  font-size: 16px;
  line-height: 1.4;
  font-weight: 650;
}
:is(#ai-reading, .ai-evidence-rail, .ai-evidence-quotes > header, #ai-pack-summaries) h2 {
  font-size: 24px;
  line-height: 1.2;
}
.ai-workspace #ai-questions-summary {
  font-size: 26px;
  line-height: 1.12;
}
.ai-workspace #ai-source-checks-title {
  font-size: 32px;
  line-height: 1.08;
  letter-spacing: -.02em;
}
.ai-workspace :is(button,a,summary):focus-visible {
  outline: 2px solid var(--ai-teal);
  outline-offset: 2px;
}
.ai-workspace :is(button,a,summary) {
  -webkit-tap-highlight-color: transparent;
}
.ai-workspace .ai-muted {
  color: var(--ai-muted);
}
.ai-workspace .ai-kicker {
  color: var(--sentinel-accent-deep);
  font-family: var(--font-mono);
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 11px;
  line-height: normal;
  font-weight: 400;
}
.ai-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 6px 16px;
  padding-top: 4px;
}
.ai-pane-list > .ai-head {
  padding-top: 16px;
}
.ai-pane-list > .ai-back-link + .ai-head {
  margin-top: -4px;
  padding-top: 0;
}
.ai-col-main > .return-row + .ai-pane-list > .ai-head {
  padding-top: 4px;
}
.ai-head > .ai-text-link {
  grid-column: 2;
  grid-row: 1 / span 2;
}
.ai-head > :not(.ai-text-link) {
  grid-column: 1;
}
.ai-button {
  min-height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 10px 18px;
  border: 1px solid #2f353d;
  border-radius: 16px;
  font-size: 15px;
  font-weight: 600;
  background: transparent;
  color: var(--ai-ink);
  width: fit-content;
  cursor: pointer;
  text-align: center;
}
.ai-button:hover {
  border-color: var(--ai-teal);
}
.ai-button.ai-primary {
  background: var(--ai-ink);
  color: var(--ai-surface);
  border-color: var(--ai-ink);
}
.ai-text-link {
  color: var(--sentinel-accent-deep);
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  font-weight: 500;
}
.ai-workspace .local-tab-rail {
  margin: 0;
  padding: 4px;
  border: 1px solid var(--ai-rule);
  border-radius: 14px;
}
.ai-workspace .local-tab-rail a {
  justify-content: center;
}
.ai-workspace .local-tab-rail a {
  min-height: 44px;
  border: 1px solid transparent;
  color: #abb3bf;
  font-size: 14px;
  font-weight: 500;
}
.ai-workspace .local-tab-rail a[aria-current="page"] {
  border-color: #4c90f0;
  background: #182435;
  color: var(--ai-ink);
  font-weight: 600;
}
#ai-audit-modes {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px;
  background: var(--ai-surface);
}
#ai-audit-modes a {
  min-height: 40px;
}
#ai-view-navigation {
  order: -10;
  flex-wrap: wrap;
  overflow: visible;
  justify-content: center;
  gap: 8px;
  margin: 0 0 16px;
  padding: 0;
  border: 0;
  border-radius: 0;
}
#ai-view-navigation a {
  flex: none;
  padding: 0 18px;
  border: 1px solid #2f353d;
  border-radius: 22px;
  color: #d0d6dd;
  font-size: 14px;
  font-weight: 500;
  transition: background-color .15s, border-color .15s, color .15s;
}
#ai-view-navigation a:hover {
  border-color: #4b525c;
  background: #171c21;
  color: #f2f4f7;
}
#ai-view-navigation a[aria-current="page"] {
  border-color: #4c90f0;
  background: #182435;
  color: #f2f4f7;
  font-weight: 600;
}
.ai-badge {
  padding: 3px 10px;
  border: 1px solid var(--sentinel-warning);
  border-radius: 999px;
  color: var(--sentinel-warning);
  font-size: 11px;
}
.ai-facts > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 44px;
  padding: 6px 0;
  border-top: 1px solid var(--ai-rule);
  font-size: 14px;
}
.ai-facts dt {
  color: var(--ai-muted);
}
.ai-facts dd {
  text-align: right;
  overflow-wrap: anywhere;
  font-weight: 500;
}
.ai-facts > div:last-child, .ai-evidence-quote:last-child, .ai-answer-evaluation:last-child, .ai-summary-pack:last-of-type, .ai-timeline-rail li:last-child {
  border-bottom: 1px solid var(--ai-rule);
}
.ai-nav-link {
  padding: 12px 15px;
  min-height: 44px;
  color: var(--ai-muted);
  border-bottom: 2px solid transparent;
  font-size: 13px;
}
.ai-nav-link[aria-current] {
  color: var(--ai-teal);
  border-bottom-color: var(--ai-teal);
  font-weight: 700;
}
.ai-card {
  border: 1px solid var(--ai-rule);
  border-radius: 20px;
  background: var(--ai-surface);
  min-width: 0;
}
.ai-pad {
  padding: 18px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.ai-empty {
  min-height: 475px;
  padding: 60px 28px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 18px;
  text-align: center;
  background-image: radial-gradient(ellipse at 50% 25%, var(--ai-soft), transparent 60%);
}
.ai-empty > :is(p,.ai-notice) {
  max-width: 530px;
}
.ai-empty h2 {
  font-size: clamp(23px, 2.5vw, 30px);
}
.ai-state-orb {
  width: 110px;
  height: 110px;
  margin-bottom: 15px;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 25%, #e5eeea, #a6b4ad 60%, #84928b);
}
.ai-empty-hero {
  padding: 18px;
  background: linear-gradient(90deg, rgb(16 22 31 / .92), rgb(16 22 31 / .66) 50%, rgb(16 22 31 / .2)), url('/images/weather/sky_storm.webp') 36% 50% / cover no-repeat;
}
.ai-empty-hero h2 {
  margin-top: 10px;
  font-size: 40px;
  line-height: 1;
  letter-spacing: -.02em;
}
.ai-empty-hero h2 + p {
  margin-top: 10px;
  max-width: 310px;
  color: #e3e7ec;
  font-size: 15px;
  line-height: 1.45;
}
.ai-first-check {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  border: 1px solid #2f353d;
  border-radius: 16px;
  background: #171c21;
}
.ai-first-check > span:first-child {
  flex: none;
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border: 1px solid #2b4159;
  border-radius: 50%;
  background: #15202a;
  color: #8abbff;
}
.ai-first-check > span:last-child {
  display: grid;
  gap: 2px;
}
.ai-first-check strong {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
}
.ai-first-check strong > span {
  font-family: var(--font-mono);
  font-weight: 500;
}
.ai-first-check strong + span {
  color: #abb3bf;
  font-size: 13px;
  line-height: 1.4;
}
.ai-empty-profile {
  width: 100%;
  justify-content: space-between;
}
.ai-provider-state {
  order: -3;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 24px;
  text-align: center;
}
.ai-state-badge {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  margin-bottom: 12px;
  border: 1px solid rgb(236 154 60 / .35);
  border-radius: 50%;
  background: #2a2014;
  color: #ec9a3c;
}
.ai-provider-state h2 {
  margin-top: 6px;
  line-height: 1.15;
}
.ai-provider-state h2 + p {
  margin-top: 8px;
  font-size: 15px;
  line-height: 1.45;
}
.ai-provider-state > .ai-button {
  width: 100%;
  margin-top: 16px;
}
.ai-provider-state > .ai-button + .ai-button {
  margin-top: 8px;
}
.ai-provider-answered {
  order: -2;
  display: flex;
  align-items: center;
  gap: 8px;
  color: #abb3bf;
  font-size: 13px;
  line-height: 1.45;
}
.ai-provider-answered::before {
  content: "";
  flex: none;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background: #20ccbc;
}
.ai-read-error {
  order: -7;
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  column-gap: 10px;
  padding: 12px 14px 2px;
  border: 1px solid #654827;
  border-radius: 14px;
  background: #1c1918;
  color: #f3b46d;
  font-size: 14px;
  line-height: 1.45;
}
.ai-read-error > :first-child {
  margin-top: 1px;
  color: #ec9a3c;
}
.ai-read-error > button {
  grid-column: 2;
  justify-self: start;
  font-weight: 600;
  cursor: pointer;
}
.ai-orb-small {
  width: 62px;
  height: 62px;
}
.ai-notice {
  padding: 14px 18px;
  border-radius: 16px;
  background: var(--ai-soft);
  color: var(--ai-teal);
  font-size: 12px;
}
.ai-notice.ai-warning {
  background: var(--sentinel-warning);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--sentinel-warning) 14%, var(--ai-surface));
  }
  color: var(--sentinel-warning);
}
.ai-hero {
  border-radius: 28px;
  padding: 30px;
  display: grid;
  grid-template-columns: minmax(0, 3fr) minmax(130px, 1fr);
  gap: 30px;
  color: #fffefa;
  background: radial-gradient(ellipse at 100% 0%, #347b6c 0%, transparent 50%), linear-gradient(110deg, #112b28, #204f47);
  box-shadow: 0 18px 35px #112b2812;
}
.ai-hero > div:first-child {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
}
.ai-hero .ai-kicker {
  color: #83dcd0;
}
.ai-hero h2 {
  font-size: clamp(28px, 3.2vw, 40px);
  letter-spacing: -.04em;
}
.ai-hero-summary {
  color: #c5d8d2;
  font-size: 14px;
  line-height: 1.7;
}
.ai-providers {
  order: -6;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(min-content, 1fr);
  gap: 8px;
}
.ai-provider {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  min-width: 0;
  padding: 10px 10px 10px 12px;
  border: 1px solid #2f353d;
  border-radius: 14px;
  background: #171c21;
  transition: border-color .15s, background-color .15s;
}
.ai-provider::before {
  content: "";
  position: absolute;
  left: 0;
  top: 14px;
  bottom: 14px;
  width: 2px;
  border-radius: 1px;
  background: var(--ai-direction);
}
.ai-provider:hover {
  border-color: #4b525c;
}
.ai-provider[aria-current] {
  border-color: #4c90f0;
  background: #182435;
}
.ai-provider-name {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  max-width: 100%;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  white-space: nowrap;
}
.ai-provider-name::before {
  content: "";
  flex: none;
  width: 6px;
  height: 6px;
  margin-top: 5px;
  border-radius: 3px;
  background: #4c90f0;
}
@media (max-width: 639px) {
  .ai-providers {
    grid-auto-flow: row;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .ai-provider:last-child:nth-child(odd) {
    grid-column: 1 / -1;
  }
}
.ai-col-main[data-split] .ai-providers {
  grid-auto-flow: row;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.ai-col-main[data-split] .ai-provider:last-child:nth-child(odd) {
  grid-column: 1 / -1;
}
.ai-provider-score {
  color: var(--ai-score);
  font-family: var(--font-mono);
  font-size: 20px;
  font-weight: 500;
  line-height: normal;
}
.ai-provider[data-direction="none"]::before {
  background: #7e8590;
}
.ai-provider[data-state="unscored"] .ai-provider-score {
  color: #7e8590;
}
.ai-provider small {
  color: #abb3bf;
  font-size: 11px;
  line-height: 1.3;
  text-transform: lowercase;
}
.ai-provider small[data-failure] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #f3b46d;
}
.ai-last-check {
  order: -4;
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 10px 12px;
  border: 1px solid #2f353d;
  border-radius: 12px;
  background: #171c21;
}
.ai-last-check-title {
  color: #abb3bf;
  font-family: var(--font-mono);
  font-size: 11px;
  line-height: normal;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.ai-last-check-row {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 24px;
  color: #d0d6dd;
  font-size: 13px;
}
.ai-last-check-row time {
  margin-left: auto;
  color: #abb3bf;
  font-family: var(--font-mono);
  font-size: 12px;
}
.ai-last-check-chip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  height: 22px;
  padding: 0 8px;
  border: 1px solid #2f353d;
  border-radius: 11px;
  color: #d0d6dd;
  font-size: 12px;
  white-space: nowrap;
}
.ai-last-check-row > :nth-child(2):not(time) {
  margin-left: auto;
}
.ai-last-check-chip::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 3px;
  background: #20ccbc;
}
.ai-last-check-chip:is([data-state="partial"], [data-state="failed"]) {
  border-color: rgba(236, 154, 60, .4);
  background: rgba(236, 154, 60, .12);
  color: #f3b46d;
}
.ai-last-check-chip:is([data-state="partial"], [data-state="failed"])::before {
  background: #ec9a3c;
}
.ai-last-check-chip[data-state="none"] {
  border: 1px dashed #4b525c;
  color: #abb3bf;
}
.ai-last-check-chip[data-state="none"]::before {
  content: none;
}
.ai-last-check .ai-text-link {
  align-self: flex-start;
}
.ai-next-step {
  background: #162232;
  border-color: #2c4466;
  padding: 16px 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  transition: border-color 150ms ease;
}
.ai-next-step:hover {
  border-color: var(--sentinel-accent);
}
.ai-next-step > span {
  display: grid;
  gap: 4px;
}
.ai-next-step > svg {
  flex: none;
  width: 22px;
  height: 22px;
}
.ai-next-step strong {
  font-family: var(--font-display);
  font-size: 22px;
  line-height: 1.15;
  font-weight: 500;
}
.ai-next-step > span > span {
  color: var(--ai-muted);
  font-size: 13px;
  line-height: 1.25;
}
.ai-columns {
  display: grid;
  gap: 32px;
  align-items: start;
  width: 100%;
  max-width: 1180px;
  margin-inline: auto;
}
.ai-columns[data-rail] {
  grid-template-columns: minmax(0, 1fr) 344px;
}
@media (min-width: 1440px) {
  .ai-columns[data-rail] {
    grid-template-columns: minmax(0, 1fr) 360px;
  }
}
.ai-workspace[data-view="summary"] .ai-columns {
  max-width: 760px;
}
.ai-col-main, .ai-col-rail {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
}
.ai-back-link {
  order: -9;
}
.ai-pane-list > .ai-head {
  order: -8;
}
.ai-workspace[data-view="summary"] .ai-pane-list > .ai-head {
  order: -5;
  margin-top: 0;
  padding-top: 4px;
}
.ai-pane-list, .ai-pane-detail {
  display: contents;
}
.ai-workspace[data-view="conversation"] .ai-columns {
  max-width: 1240px;
}
@media (min-width: 1024px) {
  .ai-col-main[data-split] {
    display: grid;
    grid-template-columns: 400px minmax(0, 1fr);
    align-items: start;
    gap: 0;
  }
  .ai-col-main[data-split] > .ai-pane-list {
    position: sticky;
    top: 69px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-height: calc(100vh - 69px);
    overflow: auto;
    margin-top: -28px;
    padding: 28px 28px 32px 0;
    border-right: 1px solid var(--ai-rule);
    scrollbar-width: thin;
    scrollbar-color: #2f353d transparent;
  }
  .ai-col-main[data-split] .ai-questions-chips {
    margin-bottom: 9px;
  }
  .ai-col-main[data-split] > .ai-pane-detail {
    display: block;
    min-width: 0;
    max-width: 820px;
    padding-left: 36px;
  }
  .ai-col-main[data-split] > .return-row {
    margin-bottom: 8px;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .ai-col-main[data-split] {
    grid-template-columns: 340px minmax(0, 1fr);
  }
  .ai-col-main[data-split] > .ai-pane-list {
    padding-right: 20px;
  }
  .ai-col-main[data-split] > .ai-pane-detail {
    padding-left: 24px;
  }
}
@media (max-width: 1023px) {
  .ai-col-main[data-split] > .ai-pane-list {
    display: none;
  }
}
:is(.ai-overview, .ai-overview-main, .ai-overview-aside, .ai-timeline, .ai-timeline-main, .ai-questions, .ai-questions-main, .ai-questions-aside, .ai-profile, .ai-evidence, .ai-evidence-main) {
  display: grid;
  gap: 12px;
  min-width: 0;
}
@media (max-width: 1279px) {
  .ai-columns {
    gap: 24px;
  }
  .ai-columns[data-rail] {
    grid-template-columns: minmax(0, 1fr) 300px;
  }
}
@media (max-width: 1023px) {
  .ai-workspace {
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 1023px) {
  .ai-columns, .ai-col-main, .ai-col-rail, .ai-questions-aside {
    display: contents;
  }
  .ai-col-rail > * {
    order: 1;
  }
  .ai-questions-library {
    order: -2;
  }
  .ai-questions-aside > .ai-dashed-note {
    order: 2;
  }
  #ai-report-input {
    order: 0;
  }
  #ai-report-engines {
    order: 1;
  }
  #ai-report-methodology {
    order: 2;
  }
}
.ai-col-main > .return-row {
  order: -10;
  grid-column: 1 / -1;
  margin: 0 0 -16px;
}
:is(.ai-col-main, .reclame-page) > .return-row > .return-bar {
  margin: 0;
}
.reclame-page > .return-row {
  margin: 0 0 4px;
}
@media (max-width: 1023px) {
  .ai-col-main > .return-row {
    margin-top: 8px;
  }
}
.ai-workspace[data-compact] .ai-columns {
  max-width: 760px;
}
@media (min-width: 640px) {
  .ai-workspace[data-compact] #ai-overview-matters {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 92px;
    align-items: start;
    gap: 12px;
  }
  .ai-workspace[data-compact] #ai-overview-matters > .ai-text-link {
    display: block;
    margin-top: -4px;
    line-height: 1.35;
    text-align: right;
  }
  .ai-workspace[data-compact] #ai-overview-matters > .ai-text-link > svg {
    display: inline;
    vertical-align: -3px;
  }
}
.ai-workspace:is([data-view="overview"], [data-view="comparison"], [data-view="report"]) .ai-columns:not([data-rail]) {
  max-width: 760px;
}
.ai-verdict-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
.ai-verdict-heading > div {
  display: grid;
  gap: 10px;
}
#ai-overview-hero {
  gap: 0;
}
.ai-verdict .ai-verdict-summary {
  margin-top: 12px;
  color: #d0d6dd;
  font-size: 15px;
  line-height: 1.45;
}
.ai-verdict h2 {
  font-size: 32px;
  line-height: 1.08;
  letter-spacing: -.02em;
}
.ai-verdict-score {
  flex: none;
  display: grid;
  justify-items: center;
  column-gap: 6px;
  min-width: 76px;
  padding: 12px 6px;
  border: 1px solid #2f353d;
  border-radius: 14px;
  background: #1e2329;
  text-align: center;
}
.ai-verdict-score strong {
  font-family: var(--font-mono);
  font-size: 30px;
  font-weight: 500;
  line-height: 1.3;
  font-variant-numeric: tabular-nums;
}
.ai-verdict-score span {
  color: var(--ai-muted);
  font-size: 11px;
  line-height: 1.3;
}
.ai-verdict-score strong + span {
  margin-top: 2px;
}
.ai-verdict-facts {
  display: grid;
  grid-template-columns: minmax(0, .8fr) minmax(0, .8fr) minmax(0, 1.4fr);
  margin: 14px 0 0;
  padding-top: 12px;
  border-top: 1px solid var(--ai-rule);
  line-height: normal;
}
.ai-verdict-facts > div {
  padding: 0 10px;
  border-left: 1px solid var(--ai-rule);
  min-width: 0;
}
.ai-verdict-facts > div:first-child {
  padding-left: 0;
  border-left: 0;
}
.ai-verdict-facts dt {
  color: var(--ai-muted);
  font-size: 12px;
}
.ai-verdict-facts dd {
  margin: 2px 0 0;
  font-family: var(--font-mono);
  font-size: 16px;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.ai-workspace [data-direction] {
  --ai-direction: var(--sentinel-status-neutral);
  --ai-score: #8a929e;
  --ai-tint: #abb3bf;
}
.ai-workspace [data-direction="neutral"] {
  --ai-direction: var(--sentinel-warning);
  --ai-score: var(--sentinel-warning);
  --ai-tint: #f3b46d;
}
.ai-workspace [data-direction="negative"] {
  --ai-direction: var(--sentinel-status-negative);
  --ai-score: var(--sentinel-status-negative);
  --ai-tint: #ff9b9e;
}
.ai-workspace [data-direction="positive"] {
  --ai-direction: var(--sentinel-status-positive);
  --ai-score: #65e0d3;
  --ai-tint: #65e0d3;
}
.ai-workspace .ai-overview strong[data-direction], .ai-workspace .ai-priority-axes a > strong {
  color: var(--ai-score);
}
.ai-workspace .ai-priority-axes a > strong {
  font-family: var(--font-mono);
  font-size: 15px;
  font-weight: 400;
  font-variant-numeric: tabular-nums;
}
.ai-axis-card {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-height: 44px;
  padding: 14px;
  border: 1px solid var(--ai-rule);
  border-radius: 16px;
  background: var(--ai-background);
  transition: border-color 150ms ease;
}
.ai-axis-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 16px;
  bottom: 16px;
  width: 2px;
  border-radius: 1px;
  background: var(--ai-direction);
}
.ai-axis-card:hover {
  border-color: var(--ai-direction);
}
.ai-axis-card > span {
  display: grid;
  gap: 6px;
  min-width: 0;
}
.ai-workspace .ai-axis-card .ai-kicker {
  color: var(--ai-tint);
}
.ai-axis-card .ai-axis-name {
  font-family: var(--font-display);
  font-size: 22px;
  line-height: 1.15;
  font-weight: 500;
}
.ai-axis-name {
  font-weight: 650;
  overflow-wrap: anywhere;
}
.ai-axis-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  color: var(--ai-muted);
  font-size: 13px;
}
.ai-axis-chip {
  display: inline-flex;
  align-items: center;
  gap: 1ch;
  height: 22px;
  padding: 0 9px;
  border: 1px solid var(--ai-direction);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--ai-direction) 40%, transparent);
  }
  border-radius: 11px;
  background: var(--ai-direction);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--ai-direction) 12%, transparent);
  }
  color: var(--ai-direction);
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .02em;
  text-transform: uppercase;
}
.ai-axis-chip::before {
  content: "±" / "";
}
.ai-axis-chip[data-direction="negative"]::before {
  content: "↓" / "";
}
.ai-axis-chip[data-direction="positive"]::before {
  content: "↑" / "";
}
.ai-axis-chip[data-direction="none"] {
  border-style: dashed;
}
.ai-workspace .ai-axis-chip[data-direction="negative"] {
  color: #ff9b9e;
}
.ai-workspace .ai-axis-chip[data-direction="positive"] {
  color: #65e0d3;
}
.ai-workspace .ai-axis-chip[data-direction="neutral"] {
  color: #f3b46d;
}
.ai-axis-chip[data-direction="none"]::before {
  content: none;
}
.ai-subcard {
  display: grid;
  gap: 8px;
  padding: 14px;
  border: 1px solid var(--ai-rule);
  border-radius: 16px;
  background: var(--ai-background);
}
:is(#ai-overview-matters, #ai-overview-recommendations).ai-pad {
  gap: 0;
}
:is(#ai-overview-matters, #ai-overview-recommendations) > div > h2 {
  margin-top: 6px;
}
#ai-overview-matters > .ai-axis-card {
  margin-top: 10px;
}
.ai-workspace:not([data-compact]) #ai-overview-matters > .ai-text-link {
  margin: 6px 0 -8px;
}
#ai-overview-recommendations > .ai-muted {
  margin-top: 6px;
  font-size: 13px;
  line-height: 1.45;
}
#ai-overview-recommendations > .ai-text-link {
  margin-top: 2px;
}
#ai-overview-recommendations > .ai-subcard {
  margin-top: 12px;
}
#ai-recommendation > p:not([class]) {
  font-size: 15px;
  line-height: 1.5;
}
#ai-recommendation > .ai-caption {
  margin-top: 2px;
}
.ai-priority-axes {
  display: grid;
  margin: 0;
  padding: 0;
  list-style: none;
  border-bottom: 1px solid var(--ai-rule);
}
.ai-priority-axes li {
  border-top: 1px solid var(--ai-rule);
}
.ai-priority-axes a {
  position: relative;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto 18px;
  align-items: center;
  column-gap: 8px;
  min-height: 44px;
  padding: 12px 0;
}
.ai-priority-axes a::before {
  content: "";
  position: absolute;
  left: -7px;
  top: 12px;
  bottom: 12px;
  width: 2px;
  border-radius: 1px;
  background: var(--ai-direction);
}
.ai-priority-axes a > span:nth-child(2) {
  display: grid;
  gap: 3px;
  line-height: 1.25;
}
.ai-priority-axes .ai-axis-name {
  font-size: 15px;
  font-weight: 600;
}
.ai-priority-axes small {
  color: var(--ai-muted);
  font-size: 13px;
}
.ai-rank {
  display: grid;
  place-items: center;
  align-self: start;
  box-sizing: border-box;
  width: 28px;
  height: 28px;
  border: 1px solid var(--ai-direction);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--ai-direction) 40%, transparent);
  }
  border-radius: 50%;
  background: var(--ai-direction);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--ai-direction) 12%, transparent);
  }
  color: var(--ai-tint);
  font-family: var(--font-mono);
  font-size: 11px;
  font-variant-numeric: tabular-nums;
}
.ai-reading {
  border: 1px dashed #3d444e;
  background: transparent;
}
#ai-reading.ai-pad {
  gap: 0;
}
#ai-reading > :is(h2, p:not([class])) {
  margin-top: 8px;
}
#ai-reading > .ai-facts {
  margin-top: 12px;
}
#ai-reading > .ai-facts > div {
  min-height: 48px;
}
#ai-reading > .ai-button {
  margin-top: 14px;
}
.ai-reading .ai-facts dd {
  font-family: var(--font-mono);
  font-size: 16px;
  font-weight: 400;
  white-space: nowrap;
}
.ai-reading > p:not([class]) {
  color: #d0d6dd;
  font-size: 15px;
  line-height: 1.45;
}
.ai-kicker-icon {
  display: flex;
  align-items: center;
  gap: 8px;
}
.ai-workspace .hint {
  gap: 10px;
  padding: 12px 14px;
  border-color: #2c4466;
  background: rgb(76 144 240 / 5%);
  color: #abb3bf;
  font-size: 13px;
  line-height: 1.45;
}
.ai-workspace .hint-icon {
  width: 16px;
  height: 16px;
  margin: 2px 0 0;
}
.ai-workspace .hint-label {
  margin: 0 0 2px;
  color: var(--sentinel-accent-deep);
  font-weight: 400;
  letter-spacing: .08em;
}
.ai-caption {
  color: #8a929e;
  font-size: 12px;
  line-height: 1.4;
}
.ai-workspace [data-direction="negative"] strong, .ai-workspace strong[data-direction="negative"] {
  color: var(--sentinel-status-negative);
}
.ai-workspace [data-direction="positive"] strong, .ai-workspace strong[data-direction="positive"] {
  color: #65e0d3;
}
.ai-timeline :is(strong, span)[data-direction], .ai-timeline-rail strong[data-direction] {
  color: var(--ai-score);
}
.ai-timeline-selected .ai-muted > span[data-direction] {
  color: var(--ai-tint);
}
.ai-checks-chart {
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr);
  gap: 6px;
  margin: 4px 0 0;
}
.ai-checks-axis {
  display: grid;
  grid-auto-rows: 40px;
  align-items: center;
  padding-top: 10px;
  color: #7e8590;
  font-family: var(--font-mono);
  font-size: 11px;
}
.ai-checks-scroll {
  overflow-x: auto;
  direction: rtl;
}
.ai-checks-plot {
  position: relative;
  display: grid;
  grid-template-columns: repeat(var(--checks), minmax(56px, 1fr));
  min-width: calc(var(--checks) * 56px);
  direction: ltr;
  background: linear-gradient(#2f353d 0 0) 0 30px / 100% 1px no-repeat, repeating-linear-gradient(90deg, #4b525c 0 3px, transparent 3px 6px) 0 70px / 100% 1px no-repeat, linear-gradient(#2f353d 0 0) 0 110px / 100% 1px no-repeat;
}
.ai-checks-band {
  position: absolute;
  inset: 20px 0 auto;
  z-index: 1;
  height: 100px;
  pointer-events: none;
}
.ai-checks-band svg {
  width: 100%;
  height: 100%;
  overflow: visible;
}
.ai-checks-line {
  fill: none;
  stroke: var(--sentinel-accent-deep);
  stroke-width: 2;
}
.ai-checks-dot {
  position: absolute;
  width: 10px;
  height: 10px;
  margin: -5px 0 0 -5px;
  border-radius: 50%;
  background: var(--ai-direction);
}
.ai-checks-dot[data-selected] {
  box-shadow: 0 0 0 1.5px var(--ai-ink);
}
.ai-checks-dot[data-direction="none"] {
  width: 11px;
  height: 11px;
  margin: -5.5px 0 0 -5.5px;
  border: 1px dashed #8a929e;
  background: var(--sentinel-canvas);
}
.ai-checks-column {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 92px;
  padding: 8px 4px;
  border: 1px solid transparent;
  border-radius: 14px;
  font-family: var(--font-mono);
  font-size: 13px;
  line-height: 16px;
  font-variant-numeric: tabular-nums;
  transition: background 150ms ease, border-color 150ms ease;
}
.ai-checks-column > span:last-child {
  color: var(--ai-muted);
  font-family: var(--font-ui);
  font-size: 12px;
  text-align: center;
  white-space: nowrap;
}
.ai-timeline [data-direction="none"], .ai-timeline-rail [data-direction="none"] {
  --ai-score: #7e8590;
}
.ai-checks-column:has(> [data-direction="none"]) > span:last-child {
  color: #7e8590;
}
.ai-checks-column small {
  display: block;
  font-size: 11px;
}
.ai-checks-column:hover {
  background: var(--sentinel-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--sentinel-accent) 6%, transparent);
  }
}
.ai-checks-column[aria-current] {
  border-color: var(--sentinel-accent);
  background: #182435;
}
.ai-checks-column[aria-current] > span:last-child {
  color: var(--ai-ink);
  font-weight: 600;
}
.ai-timeline-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 14px;
  margin: 2px 0 0;
  padding: 0;
  list-style: none;
  color: var(--ai-muted);
  font-size: 12px;
}
.ai-timeline-legend li {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.ai-timeline-legend li::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--ai-direction);
}
.ai-timeline-legend li[data-direction="none"]::before {
  border: 1px dashed #8a929e;
  background: transparent;
}
.ai-timeline-selected {
  display: grid;
  gap: 0;
  padding: 16px 18px 6px;
}
.ai-timeline-selected .ai-muted {
  margin-top: 4px;
  font-size: 13px;
  line-height: 1.4;
}
.ai-timeline-selected-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.ai-timeline-selected-head .ai-check-chip:not([data-partial]) {
  color: #d0d6dd;
}
.ai-check-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 2px 10px;
  border: 1px solid var(--ai-rule);
  border-radius: 999px;
  font-size: 12px;
}
.ai-check-chip::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--sentinel-status-positive);
}
.ai-check-chip[data-partial] {
  border-color: rgba(236, 154, 60, .4);
  background: rgba(236, 154, 60, .12);
  color: #f3b46d;
}
.ai-check-chip[data-partial]::before {
  background: var(--sentinel-warning);
}
.ai-workspace .ai-timeline-selected-score {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px 12px;
  margin-top: 10px;
  line-height: normal;
}
.ai-timeline-selected-score strong {
  font-family: var(--font-mono);
  font-size: 32px;
  font-weight: 500;
  font-variant-numeric: tabular-nums;
}
.ai-timeline-selected-score span {
  font-family: var(--font-display);
  font-size: 22px;
  font-weight: 500;
  letter-spacing: -.01em;
}
.ai-timeline-panel {
  display: grid;
  gap: 6px;
}
.ai-timeline, .ai-evidence-head-split {
  margin-top: 6px;
}
.ai-evidence-head-split h2 {
  margin-top: 6px;
}
.ai-mono {
  color: var(--ai-ink);
  font-family: var(--font-mono);
  font-weight: 400;
}
.ai-timeline-rail a > span > strong {
  font-size: 15px;
  font-weight: 600;
}
.ai-row-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 48px;
  margin-top: 10px;
  border-top: 1px solid var(--ai-rule);
  color: var(--sentinel-accent-deep);
  font-size: 15px;
  font-weight: 600;
}
.ai-timeline-rail {
  display: grid;
  gap: 10px;
  min-width: 0;
}
:is(.ai-timeline-panel, .ai-timeline-rail, .ai-summary-priority) > h2 {
  line-height: normal;
}
@media (max-width: 1023px) {
  .ai-timeline-rail {
    margin-top: 6px;
  }
}
.ai-timeline-rail ol {
  display: grid;
  margin: 0;
  padding: 0;
  list-style: none;
}
.ai-timeline-rail li + li {
  border-top: 1px solid var(--ai-rule);
}
.ai-timeline-rail a {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 10px;
  min-height: 60px;
  padding: 8px 0;
  border: 1px solid transparent;
  border-radius: 12px;
}
.ai-timeline-rail a > span {
  display: grid;
  gap: 3px;
  min-width: 0;
  line-height: 1.25;
}
.ai-timeline-rail small {
  color: var(--ai-muted);
  font-size: 13px;
}
.ai-timeline-rail a:has(> [data-direction="none"]) small {
  color: #8a929e;
}
.ai-timeline-rail a > strong {
  font-family: var(--font-mono);
  font-size: 15px;
  font-weight: 400;
  font-variant-numeric: tabular-nums;
}
.ai-timeline-rail h2 .ai-mono {
  font-size: 19px;
}
.ai-timeline-rail a[aria-current] {
  margin-bottom: 2px;
  padding: 8px 12px;
  border-color: var(--sentinel-accent);
  background: #182435;
}
.ai-questions-search {
  display: grid;
  gap: 6px;
  margin-top: 6px;
}
.ai-questions-search label {
  color: var(--ai-muted);
  font-size: 13px;
  line-height: normal;
}
.ai-questions-search > div {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 52px;
  padding: 0 14px;
  border: 1px solid var(--ai-rule);
  border-radius: 14px;
  background: var(--ai-surface);
  color: #8a929e;
}
.ai-questions-search > div:focus-within {
  border-color: var(--sentinel-accent);
}
.ai-questions-search input {
  flex: 1;
  min-width: 0;
  min-height: 44px;
  border: 0;
  background: transparent;
  color: var(--ai-ink);
  font-size: 16px;
  outline: none;
}
.ai-questions-chips {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  scrollbar-width: none;
}
.ai-questions-chips a {
  display: inline-flex;
  flex: none;
  align-items: center;
  gap: 6px;
  min-height: 44px;
  padding: 0 16px;
  border: 1px solid var(--ai-rule);
  border-radius: 999px;
  color: #d0d6dd;
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
  transition: border-color 150ms ease, background 150ms ease;
}
.ai-questions-chips a span {
  color: var(--ai-muted);
  font-family: var(--font-mono);
  font-size: 13px;
}
.ai-questions-chips a:hover {
  border-color: var(--sentinel-accent);
}
.ai-questions-chips a[aria-current] {
  border-color: var(--sentinel-accent);
  background: var(--sentinel-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--sentinel-accent) 12%, transparent);
  }
  color: var(--ai-ink);
  font-weight: 600;
}
.ai-questions-packs {
  margin-top: -4px;
  padding-right: 56px;
  mask-image: linear-gradient(to left, transparent 11px, #000 56px);
}
.ai-questions-group {
  display: grid;
}
.ai-questions-group > header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 0 8px;
  border-bottom: 1px solid var(--ai-rule);
}
.ai-questions-group > header h2 {
  line-height: 1.15;
}
.ai-questions-group > header p {
  color: var(--ai-muted);
  font-size: 13px;
}
.ai-questions-group-empty {
  display: grid;
  gap: 2px;
  padding: 12px 14px;
  border: 1px dashed #3d444e;
  border-radius: 14px;
}
.ai-questions-group-empty p {
  color: var(--ai-muted);
  font-size: 13px;
}
.ai-questions-group-empty p::first-letter {
  font-family: var(--font-mono);
}
.ai-questions-group-empty h2 {
  color: #d0d6dd;
  font-family: var(--font-ui);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
}
.ai-question {
  border-bottom: 1px solid var(--ai-rule);
}
.ai-question[data-inactive] {
  position: relative;
  padding: 8px 0;
}
.ai-question[data-inactive]::before {
  content: "";
  position: absolute;
  inset: 8px 0;
  border: 1px dashed #3d444e;
  border-radius: 14px;
  pointer-events: none;
}
.ai-question-head > div > p:first-of-type {
  font-size: 15px;
  line-height: 1.4;
}
.ai-question[data-inactive] .ai-question-head > div > p:first-of-type, .ai-question-head .ai-muted {
  color: #8a929e;
}
.ai-question-head .ai-muted {
  font-size: 12px;
}
.ai-question-head {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) 32px;
  align-items: center;
  gap: 8px;
  min-height: 56px;
  padding: 10px 0;
}
.ai-question[data-inactive] .ai-question-head {
  padding: 10px 12px;
}
.ai-question-id {
  align-self: start;
  padding-top: 2px;
  color: var(--sentinel-accent-deep);
  font-family: var(--font-mono);
  font-size: 12px;
}
.ai-question-head > div {
  display: grid;
  gap: 3px;
  min-width: 0;
  overflow-wrap: anywhere;
}
.ai-question[data-inactive] .ai-question-head > div {
  gap: 4px;
}
.ai-question-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  color: var(--ai-muted);
  font-size: 13px;
  line-height: normal;
}
.ai-question-active {
  padding: 0 6px;
  border: 1px solid rgb(32 204 188 / 40%);
  border-radius: 999px;
  background: rgb(32 204 188 / 12%);
  color: #65e0d3;
}
.ai-question-inactive {
  display: inline-flex;
  flex: none;
  align-items: center;
  height: 22px;
  padding: 0 9px;
  border: 1px dashed #4b525c;
  border-radius: 11px;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .02em;
  text-transform: uppercase;
  white-space: nowrap;
}
.ai-question-missing {
  color: #f3b46d;
  font-size: 13px;
  line-height: normal;
}
.ai-question-toggle {
  position: relative;
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border: 1px solid var(--ai-rule);
  border-radius: 50%;
  background: transparent;
  color: var(--sentinel-accent-deep);
  font-family: var(--font-mono);
  font-size: 16px;
  cursor: pointer;
  transition: border-color 150ms ease;
}
.ai-question-toggle::after {
  content: "";
  position: absolute;
  inset: -6px;
}
.ai-question-toggle:hover {
  border-color: var(--sentinel-accent);
}
.ai-question-body {
  display: grid;
  gap: 14px;
  padding: 0 0 14px;
}
.ai-question[data-inactive] .ai-question-body {
  padding: 0 12px 12px;
}
.ai-question-indent {
  padding-left: 56px;
}
.ai-question-indent .ai-muted {
  font-size: 13px;
}
.ai-question-reason {
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: 8px;
  line-height: 1.4;
}
.ai-question-reason > span:last-child {
  min-width: 0;
}
.ai-questions-group > header p :is(strong, span) {
  font-family: var(--font-mono);
  font-weight: 400;
}
.ai-questions-group > header p strong {
  color: var(--ai-ink);
}
#ai-questions-visible {
  color: var(--sentinel-accent-deep);
  font-family: var(--font-mono);
  font-size: 15px;
}
.ai-questions-empty-packs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 6px;
}
.ai-question-body h3 {
  font-size: 13px;
  font-weight: 600;
}
.ai-question-indent > h3 + p {
  margin-top: 2px;
  color: #d0d6dd;
  font-size: 14px;
  line-height: 1.45;
}
.ai-question-card > p {
  color: #d0d6dd;
  font-size: 14px;
  line-height: 1.5;
}
.ai-question-cards {
  display: grid;
  gap: 8px;
  margin-top: 7px;
}
.ai-question-card {
  display: grid;
  gap: 8px;
  padding: 14px;
  border: 1px solid var(--ai-rule);
  border-radius: 14px;
  background: var(--ai-surface);
}
.ai-question-card header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.ai-question-card h4 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 15px;
  font-weight: 650;
}
.ai-question-card h4::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--sentinel-accent);
}
.ai-question-card .ai-check-chip::before {
  content: "✓" / "";
  width: auto;
  height: auto;
  background: none;
}
.ai-question-answer {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}
.ai-question-card footer {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 2px;
  padding-top: 10px;
  border-top: 1px solid var(--ai-rule);
}
.ai-question-card footer span, .ai-question-influenced span {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 0 10px;
  border: 1px solid #3d444e;
  border-radius: 13px;
  color: #d0d6dd;
  font-size: 12px;
  line-height: 1.3;
}
.ai-question-influenced {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  color: var(--ai-muted);
  font-size: 13px;
}
.ai-question-influenced span {
  border-color: #2f3f53;
  color: var(--sentinel-accent-deep);
}
.ai-question-body .ai-text-link {
  gap: 2px;
  margin-top: -10px;
}
.ai-questions-library {
  display: grid;
  gap: 10px;
}
.ai-questions-library > .ai-muted {
  line-height: 1.45;
}
.ai-questions-counts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 4px 0 0;
}
.ai-questions-counts > div {
  display: grid;
  justify-items: center;
  align-content: start;
  gap: 4px;
  padding: 12px;
  border: 1px solid var(--ai-rule);
  border-radius: 14px;
  background: var(--ai-background);
  line-height: normal;
}
.ai-questions-counts dt {
  color: var(--ai-muted);
  font-size: 12px;
  text-align: center;
}
.ai-questions-counts dd {
  margin: 0;
  font-family: var(--font-mono);
  font-size: 26px;
  font-variant-numeric: tabular-nums;
}
.ai-questions-library .ai-button {
  width: 100%;
  justify-content: space-between;
  gap: 0;
  margin-top: 2px;
  padding: 0 18px;
  line-height: 1.2;
}
.ai-questions-aside > .ai-dashed-note {
  margin-top: 6px;
}
.ai-dashed-note {
  display: flex;
  gap: 10px;
  padding: 12px 14px;
  border: 1px dashed #2c4466;
  border-radius: 14px;
  background: rgba(76, 144, 240, .05);
  color: #abb3bf;
  font-size: 13px;
  line-height: 1.45;
}
.ai-dashed-note > svg {
  flex: none;
  width: 16px;
  height: 16px;
  margin-top: 2px;
  color: var(--sentinel-accent-deep);
}
@media (max-width: 480px) {
  .ai-question-head {
    grid-template-columns: 44px minmax(0, 1fr) auto;
  }
  .ai-question-indent {
    padding-left: 0;
  }
  .ai-questions-empty-packs {
    grid-template-columns: minmax(0, 1fr);
  }
}
.ai-back-link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-height: 44px;
  margin-top: 6px;
  padding: 0 6px 0 18px;
  color: var(--sentinel-accent-deep);
  font-size: 15px;
  font-weight: 500;
}
.ai-back-link:hover {
  text-decoration: underline;
}
.ai-profile .evolution-profile {
  min-width: 0;
}
.ai-profile #ai-profile-eyebrow {
  line-height: normal;
  letter-spacing: .08em;
}
.ai-profile .evolution-profile-title {
  margin-top: 6px;
}
.ai-profile .evolution-profile-lead {
  padding: 12px 0 0;
  border-bottom: 0;
}
.ai-profile .ai-profile-headline {
  margin-bottom: 6px;
  color: var(--sentinel-ink);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
}
.ai-profile .ai-axis-meta {
  margin-top: 2px;
}
.ai-profile-rail, .ai-evidence-rail {
  display: grid;
  gap: 0;
}
.ai-profile-rail > :is(h2, .ai-axis-meta) {
  margin-top: 8px;
}
.ai-profile-rail > p:not([class]) {
  margin-top: 10px;
  color: #d0d6dd;
  font-size: 15px;
  line-height: 1.45;
}
.ai-profile-rail > .ai-dashed-note {
  margin-top: 12px;
}
.ai-profile-rail > .ai-button {
  margin-top: 10px;
}
.ai-profile-rail > .ai-primary {
  margin-top: 14px;
}
.ai-profile-rail h2 {
  font-size: 30px;
  line-height: 1.1;
  letter-spacing: -.02em;
}
.ai-profile .evolution-profile-total {
  font-size: 11px;
  line-height: 1.3;
}
.ai-profile .evolution-profile-total strong {
  font-size: 20px;
}
.ai-profile .evolution-axes {
  margin-top: 14px;
  border-top: 0;
}
.ai-profile .evolution-axes li + li {
  border-top: 0;
}
.ai-profile .evolution-axis {
  position: relative;
  grid-template-columns: 30px minmax(0, 1fr) auto 18px;
  gap: 8px;
  margin: 0;
  padding: 10px 0;
  border: 0;
  border-top: 1px solid var(--ai-rule);
  border-radius: 0;
  box-shadow: none;
  line-height: normal;
}
.ai-profile .evolution-axis::before {
  content: "";
  position: absolute;
  left: -7px;
  top: 12px;
  bottom: 12px;
  width: 2px;
  border-radius: 1px;
  background: var(--axis);
}
.ai-profile .evolution-axis[aria-current="true"] {
  margin: 2px -10px;
  padding: 10px;
  border: 1px solid var(--sentinel-accent);
  border-radius: 12px;
  background: #182435;
}
.ai-profile .evolution-axis[aria-current="true"]::before {
  left: 2px;
}
.ai-profile .ai-rank[data-direction="none"] {
  border-color: #2f353d;
  background: #1e2329;
}
:is(.ai-profile, .ai-profile-rail) .ai-axis-chip[data-direction="none"] {
  border-color: #4b525c;
  background: transparent;
}
.ai-profile .evolution-axis-arrow, :is(.ai-axis-card, .ai-priority-axes a, .ai-timeline-rail a, .ai-evidence-quote-link) > .chevron-right {
  flex: none;
  width: 18px;
  height: 18px;
  color: #7e8590;
}
.ai-row-link > .chevron-right {
  flex: none;
  width: 18px;
  height: 18px;
}
#ai-profile-radar {
  max-width: 440px;
}
#ai-profile-radar [data-state="affected"] {
  --axis-text: #ff9b9e;
}
#ai-profile-radar [data-state="mixed"] {
  --axis-text: #f3b46d;
}
#ai-profile-radar [data-state="strengthened"] {
  --axis-text: #65e0d3;
}
#ai-profile-radar [data-state="insufficient"] {
  --axis: #8a929e;
  --axis-text: #abb3bf;
}
#ai-profile-radar .axis-radar-name {
  font-size: 13.2px;
  font-weight: 400;
}
#ai-profile-radar .axis-radar-score {
  fill: var(--axis);
  font-size: 14.4px;
}
#ai-profile-radar .axis-radar-segment {
  stroke-width: 2.4;
  stroke-linecap: round;
}
.ai-profile-legend {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 6px 16px;
  color: #abb3bf;
  font-size: 12px;
}
.ai-profile .ai-profile-legend {
  margin-top: 4px;
}
.ai-profile-legend span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.ai-profile-legend [data-direction]::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background: var(--ai-direction);
}
.ai-profile-legend[data-empty] {
  color: #7e8590;
}
.ai-profile-legend[data-empty] [data-direction]::before {
  background: #6b717a;
}
.ai-profile-legend [data-reference]::before {
  content: "";
  width: 16px;
  border-top: 1px dashed #8a929e;
}
.ai-profile .ai-profile-note {
  margin-top: 14px;
}
.ai-profile-note .ai-kicker {
  display: block;
  margin-bottom: 2px;
}
.ai-axis-chip {
  white-space: nowrap;
}
@media (max-width: 480px) {
  .ai-profile .evolution-axis {
    gap: 6px;
  }
}
@media (max-width: 380px) {
  .ai-axis-chip {
    height: auto;
    min-height: 22px;
    white-space: normal;
  }
}
.ai-profile-rail strong[data-direction], .ai-evidence strong[data-direction], .ai-evidence h2 [data-direction] {
  color: var(--ai-score);
  font-family: var(--font-mono);
}
.ai-profile-rail strong[data-direction], .ai-evidence strong[data-direction] {
  font-size: 13px;
  font-weight: 400;
}
.ai-evidence h2 [data-direction] {
  font-size: 19px;
}
#ai-evidence-summary {
  color: #d0d6dd;
  font-size: 16px;
  line-height: 1.45;
}
.ai-profile-rail .ai-button {
  width: 100%;
}
.ai-profile-unscored {
  padding: 14px 16px;
  border-color: #3d444e;
  border-radius: 16px;
  background: none;
  color: #abb3bf;
}
.ai-profile-unscored strong {
  display: block;
  margin-bottom: 4px;
  color: var(--ai-ink);
  font-size: 15px;
  font-weight: 600;
  line-height: normal;
}
.ai-evidence-head {
  display: grid;
  gap: 12px;
}
.ai-evidence-head-split {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 12px;
}
.ai-evidence-head-split > p {
  flex: none;
  color: var(--ai-muted);
  font-size: 13px;
}
.ai-evidence-axis {
  color: #8a929e;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.ai-evidence-quotes {
  display: grid;
  gap: 0;
}
.ai-evidence-quotes.ai-card .ai-evidence-quote {
  grid-template-columns: minmax(0, 1fr);
  margin-top: 12px;
  padding: 14px;
  border: 1px solid var(--ai-rule);
  border-radius: 16px;
  background: var(--ai-background);
}
.ai-evidence-quotes.ai-card .ai-evidence-quote .ai-text-link {
  margin: -4px 0 -8px;
}
.ai-evidence-quotes > header {
  display: grid;
  gap: 6px;
}
.ai-evidence-quote {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 8px;
  padding: 14px 0 4px;
  border-top: 1px solid var(--ai-rule);
}
.ai-evidence-quote > div {
  display: grid;
  gap: 6px;
  min-width: 0;
  grid-column: -2;
}
.ai-evidence-quote .ai-axis-meta {
  gap: 6px;
}
.ai-evidence-quote .ai-text-link {
  margin-top: -6px;
}
.ai-evidence-quote blockquote {
  margin: 0;
  font-size: 15px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}
.ai-evidence-quote .ai-muted {
  font-size: 13px;
  line-height: 1.3;
}
.ai-evidence-quote > div > p:not([class]) {
  color: #d0d6dd;
  font-size: 14px;
  line-height: 1.4;
}
#ai-sources-earlier {
  margin-top: 2px;
  font-size: 13px;
  line-height: normal;
}
.ai-evidence-quote-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  color: var(--ai-ink);
}
.ai-evidence-quotes.ai-card blockquote {
  font-family: var(--font-display);
  font-size: 20px;
  font-weight: 500;
  line-height: 1.3;
}
.ai-evidence-rail > h2 {
  margin: 6px 0 12px;
}
.ai-answer-evaluation {
  display: grid;
  padding: 12px 0 2px;
  border-top: 1px solid var(--ai-rule);
}
.ai-answer-evaluation h3 {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
}
.ai-answer-evaluation > h3 + p {
  margin-top: 2px;
  color: #8a929e;
  font-size: 13px;
  line-height: 1.3;
}
.ai-answer-evaluation > h3 + p[data-contributes] {
  color: #d0d6dd;
}
.ai-answer-evaluation > .ai-answer-axes {
  margin-top: 8px;
}
.ai-answer-evaluation > .ai-text-link {
  margin-top: 2px;
}
.ai-answer-axes {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.ai-answer-axes span {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 0 10px;
  border: 1px solid #2f3f53;
  border-radius: 13px;
  color: var(--sentinel-accent-deep);
  font-size: 12px;
  line-height: 1.3;
}
.ai-answer-axes span[aria-current] {
  border-color: var(--sentinel-accent);
  background: #182435;
  color: var(--ai-ink);
}
.ai-answer-axes span[data-empty] {
  border-style: dashed;
  border-color: #4b525c;
  color: var(--ai-muted);
}
.ai-summary {
  display: grid;
  gap: 14px;
}
.ai-workspace[data-view="summary"] .ai-providers {
  margin-top: -4px;
}
.ai-summary > .ai-primary + .ai-wide {
  margin-top: -6px;
}
.ai-summary-facts {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, .9fr) minmax(0, 1.3fr);
  margin: 0;
  padding-top: 12px;
  border-top: 1px solid var(--ai-rule);
  line-height: normal;
}
.ai-summary-facts > div {
  padding: 0 10px;
  border-left: 1px solid var(--ai-rule);
}
.ai-summary-facts > div:first-child {
  padding-left: 0;
  border-left: 0;
}
.ai-summary-facts dt {
  color: var(--ai-muted);
  font-size: 12px;
}
.ai-summary-facts dd {
  margin: 3px 0 0;
  color: var(--ai-tint);
  font-size: 13px;
  font-weight: 600;
}
.ai-wide {
  width: 100%;
}
.ai-soft-button {
  border-color: #2c4466;
  background: #162232;
  color: var(--sentinel-accent-deep);
}
.ai-summary-priority {
  display: grid;
  gap: 8px;
  margin-top: 10px;
}
.ai-summary-packs {
  display: grid;
  gap: 0;
}
.ai-summary-packs > h2 {
  margin-top: 6px;
}
.ai-summary-packs > .ai-muted {
  margin: 6px 0 12px;
  font-size: 13px;
  line-height: 1.45;
}
.ai-summary-pack {
  border-top: 1px solid var(--ai-rule);
}
.ai-summary-pack summary strong {
  font-size: 15px;
  font-weight: 600;
}
.ai-summary-pack summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 60px;
  cursor: pointer;
  list-style: none;
}
.ai-summary-pack summary::-webkit-details-marker {
  display: none;
}
.ai-summary-pack summary > span {
  display: grid;
}
.ai-summary-pack summary small {
  color: var(--ai-muted);
  font-size: 13px;
}
.ai-summary-pack summary::after {
  content: "+";
  display: grid;
  place-items: center;
  flex: none;
  width: 32px;
  height: 32px;
  border: 1px solid var(--ai-rule);
  border-radius: 50%;
  color: var(--sentinel-accent-deep);
  font-family: var(--font-mono);
  font-size: 16px;
}
.ai-summary-pack[open] summary::after {
  content: "−";
}
.ai-summary-pack > p {
  color: #d0d6dd;
  font-size: 15px;
  line-height: 1.45;
}
.ai-summary-pack > a {
  margin: 2px 0 6px;
}
.ai-source-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-top: 8px;
}
.ai-source-head h2 {
  line-height: 1.15;
}
#ai-source-meta {
  color: #abb3bf;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
}
.ai-source-list {
  margin: -4px 0 0;
  padding: 0;
  list-style: none;
  border-bottom: 1px solid var(--ai-rule);
}
.ai-source-list a {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto 18px;
  column-gap: 8px;
  align-items: center;
  min-height: 58px;
  padding: 8px 0;
  border-top: 1px solid var(--ai-rule);
}
.ai-source-list a[aria-current] {
  outline: 2px solid #4c90f0;
  outline-offset: 3px;
}
.ai-source-list .ai-rank {
  border: 1px solid #2f353d;
  background: #1e2329;
  color: #abb3bf;
}
.ai-source-list a > span:nth-child(2) {
  display: grid;
  gap: 2px;
  min-width: 0;
  color: #abb3bf;
  font-size: 13px;
  line-height: normal;
}
.ai-source-list strong {
  overflow: hidden;
  color: var(--ai-ink);
  font-size: 16px;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ai-source-list strong::after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-left: 8px;
  border-radius: 3px;
  background: #4c90f0;
  vertical-align: middle;
}
.ai-source-count {
  font-family: var(--font-mono);
  font-size: 15px;
}
.ai-source-count > span {
  color: #7e8590;
}
.ai-source-list a > .chevron-right, .ai-source-more > summary > .chevron-right, .ai-source-check > .chevron-right {
  width: 18px;
  height: 18px;
  color: #7e8590;
}
.ai-source-more {
  margin-top: -12px;
}
.ai-source-more > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 48px;
  color: #8abbff;
  font-size: 14px;
  font-weight: 500;
  list-style: none;
  cursor: pointer;
}
.ai-source-more > summary::-webkit-details-marker {
  display: none;
}
.ai-source-more > summary > .chevron-right {
  color: inherit;
}
.ai-source-more[open] > summary {
  display: none;
}
.ai-source-more .ai-source-list {
  margin: 0;
}
.ai-source-more li:first-child a {
  border-top: 0;
}
.ai-source-detail {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.ai-source-detail > .ai-kicker {
  margin-top: 8px;
}
.ai-source-detail > #ai-source-checks-title {
  margin-top: 6px;
}
#ai-source-summary {
  margin-top: 8px;
  color: #d0d6dd;
  font-size: 15px;
  line-height: 1.45;
}
.ai-source-facts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 14px;
  padding: 14px 16px;
  border: 1px solid #2f353d;
  border-radius: 16px;
  background: #171c21;
}
.ai-source-facts p {
  min-width: 0;
  padding: 0 10px;
  color: #abb3bf;
  font-size: 12px;
  line-height: normal;
}
.ai-source-facts p:first-child {
  padding-left: 0;
}
.ai-source-facts p + p {
  border-left: 1px solid #2f353d;
}
.ai-source-facts strong {
  display: block;
  margin-bottom: 2px;
  color: var(--ai-ink);
  font-family: var(--font-mono);
  font-size: 15px;
  font-weight: 400;
}
.ai-source-facts p:last-child strong {
  font-family: inherit;
  font-weight: 500;
}
.ai-source-detail > h2:not(#ai-source-checks-title) {
  margin-top: 22px;
  line-height: 1.15;
}
.ai-source-detail > h2 + .ai-muted {
  margin-top: 4px;
  font-size: 13px;
  line-height: normal;
}
.ai-source-checks {
  margin-top: 8px;
}
.ai-source-check {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto 18px;
  column-gap: 10px;
  align-items: center;
  min-height: 68px;
  padding: 10px 0;
  border-top: 1px solid var(--ai-rule);
}
.ai-source-check:last-of-type {
  border-bottom: 1px solid var(--ai-rule);
}
.ai-source-check > span {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  min-width: 0;
  color: #abb3bf;
  font-size: 13px;
  line-height: normal;
}
.ai-source-check > span > strong {
  color: var(--ai-ink);
  font-size: 15px;
  font-weight: 600;
}
.ai-source-check .ai-axis-chip {
  margin-top: 2px;
}
.ai-workspace .ai-source-score {
  color: var(--ai-score);
  font-family: var(--font-mono);
  font-size: 17px;
  font-weight: 400;
}
.ai-source-check > .chevron-right {
  color: #8abbff;
}
.ai-source-detail > .ai-button {
  margin-top: 16px;
}
#ai-source-open {
  justify-content: space-between;
  padding: 0 18px;
}
.ai-source-detail > .hint {
  margin-top: 12px;
}
#ai-source-provenance {
  gap: 0;
}
#ai-source-provenance > h2 {
  margin-top: 8px;
  font-size: 26px;
  line-height: 1.1;
}
#ai-source-provenance > .ai-facts {
  margin-top: 12px;
}
#ai-source-provenance > .hint {
  margin-top: 14px;
}
.ai-summary-text {
  font-size: 20px;
  letter-spacing: -.02em;
  line-height: 1.7;
}
.ai-summary .ai-summary-text {
  color: #d0d6dd;
  font-size: 16px;
  line-height: 1.45;
  letter-spacing: 0;
}
.ai-pack {
  padding: 18px;
  border-radius: 18px;
}
.ai-pack summary {
  cursor: pointer;
  min-height: 60px;
}
.ai-pack summary span {
  display: block;
  color: var(--ai-muted);
  margin-top: 8px;
  font-size: 11px;
}
.ai-pack > p {
  border-top: 1px solid var(--ai-rule);
  margin-top: 10px;
  padding-top: 14px;
  font-size: 13px;
}
.ai-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}
.ai-chip {
  display: inline-flex;
  align-items: center;
  padding: 8px 12px;
  min-height: 44px;
  border-radius: 14px;
  background: var(--ai-soft);
  color: var(--ai-teal);
  font-size: 11px;
  font-weight: 650;
  overflow-wrap: anywhere;
}
.ai-conversation {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.ai-conversation > .ai-head {
  padding-top: 8px;
}
.ai-workspace .ai-conversation h1 {
  font-size: 30px;
}
.ai-workspace .ai-conversation-meta {
  margin-top: 8px;
  color: #abb3bf;
  font-size: 13px;
  line-height: 1.45;
}
.ai-conversation-providers {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(5.5rem, 1fr));
  gap: 4px;
  margin-top: 14px;
  padding: 4px;
  border: 1px solid var(--ai-rule);
  border-radius: 14px;
  background: var(--ai-surface);
}
.ai-conversation-providers > * {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0 4px;
  border: 1px solid transparent;
  border-radius: 10px;
  color: #abb3bf;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
}
.ai-conversation-providers a:hover {
  color: var(--ai-ink);
}
.ai-conversation-providers a[aria-current] {
  border-color: #4c90f0;
  background: #182435;
  color: var(--ai-ink);
  font-weight: 600;
}
.ai-conversation-providers [aria-disabled] {
  opacity: .5;
}
.ai-conversation-actions {
  display: flex;
  gap: 8px;
  margin-top: 10px;
}
.ai-workspace .ai-conversation-actions .ai-button {
  flex: 1;
  min-height: 44px;
  padding-inline: 10px;
  border-radius: 14px;
  font-size: 14px;
}
.ai-button > :is([class*="hero-"], svg) {
  flex: none;
}
.ai-message:focus {
  outline: none;
}
.ai-question[data-selected] {
  outline: 2px solid #4c90f0;
  outline-offset: 3px;
}
.ai-workspace .ai-pane-list > .ai-head h2 {
  font-size: 32px;
  line-height: 1.08;
}
.ai-message .ai-text-link {
  gap: 2px;
}
#ai-conversation-copy-status {
  margin-top: 6px;
  font-size: 13px;
}
#ai-conversation-copy-status:empty {
  display: none;
}
.ai-messages {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
}
.ai-message {
  scroll-margin-top: 90px;
}
.ai-message[data-role="question"] {
  padding-top: 16px;
  border-top: 1px solid var(--ai-rule);
}
.ai-message[data-role="question"] ~ .ai-message[data-role="question"] {
  margin-top: 20px;
}
.ai-workspace .ai-message-question {
  margin-top: 6px;
  font-family: var(--font-ui);
  font-size: 16px;
  line-height: 1.4;
  font-weight: 500;
  letter-spacing: 0;
}
.ai-message[data-role="answer"] {
  position: relative;
  margin-top: 10px;
  padding: 16px;
  border: 1px solid var(--ai-rule);
  border-radius: 16px;
  background: var(--ai-surface);
}
.ai-message[data-role="answer"]::before {
  content: "";
  position: absolute;
  left: 0;
  top: 16px;
  bottom: 16px;
  width: 2px;
  border-radius: 1px;
  background: #5a616b;
}
.ai-message[data-role="answer"][data-selected] {
  border-color: #4c90f0;
  background: #182435;
}
.ai-message[data-role="answer"][data-selected]::before {
  background: #4c90f0;
}
.ai-message[data-role="clarification"] {
  margin-top: 12px;
  padding: 14px 16px;
  border: 1px dashed #3d444e;
  border-radius: 16px;
}
.ai-workspace .ai-message:not([data-role="question"]) > .ai-kicker {
  color: #abb3bf;
}
.ai-workspace .ai-message-text {
  margin-top: 10px;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font-size: 15px;
  line-height: 1.5;
}
.ai-workspace .ai-message-prose {
  display: grid;
  gap: 8px;
  white-space: normal;
}
.ai-workspace .ai-message-prose h3 {
  margin-top: 4px;
  font-size: 15px;
  line-height: 1.5;
  font-weight: 600;
}
.ai-message-prose ul {
  display: grid;
  gap: 6px;
  padding-left: 20px;
  list-style: disc;
}
.ai-workspace .ai-message[data-role="clarification"] > .ai-message-text {
  margin-top: 8px;
  color: #d0d6dd;
}
.ai-workspace .ai-message-foot {
  margin-top: 8px;
  color: #8a929e;
  font-size: 12px;
}
.ai-workspace .ai-message[data-role="answer"] > .ai-message-foot {
  margin-top: 4px;
  padding-top: 12px;
  border-top: 1px solid var(--ai-rule);
  font-size: 13px;
}
.ai-workspace .ai-sought {
  display: flex;
  width: fit-content;
  align-items: center;
  height: 22px;
  margin-bottom: 10px;
  padding: 0 8px;
  border: 1px solid #4c90f0;
  border-radius: 11px;
  color: #8abbff;
  font-family: var(--font-mono);
  font-size: 11px;
  text-transform: uppercase;
  white-space: nowrap;
}
.ai-message-contribution {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px dashed #3d444e;
  color: #abb3bf;
  font-size: 13px;
}
.ai-message-contribution > span:first-child {
  margin-right: 2px;
}
.ai-message-contribution .ai-chip {
  min-height: 26px;
  padding: 0 10px;
  border: 1px solid #2f3f53;
  border-radius: 13px;
  background: transparent;
  color: #8abbff;
  font-size: 12px;
  font-weight: 400;
  white-space: nowrap;
}
.ai-message-contribution .ai-chip[data-empty] {
  border-style: dashed;
  border-color: #4b525c;
  color: #abb3bf;
}
.ai-message[data-role="answer"] > .ai-text-link {
  margin-top: 2px;
}
.ai-message[data-role="answer"] > .ai-chips {
  margin-top: 4px;
}
.ai-chip.ai-source-chip {
  gap: 6px;
  padding: 0 12px;
  border: 1px solid var(--ai-rule);
  border-radius: 12px;
  background: transparent;
  color: #8abbff;
  font-size: 13px;
  font-weight: 400;
}
.ai-chip.ai-source-chip:hover, .ai-link-list a:hover {
  border-color: #4b525c;
}
.ai-conversation-sources {
  margin-top: 24px;
}
.ai-workspace .ai-conversation-sources h2 {
  margin: 8px 0 10px;
  font-size: 26px;
}
:is(.ai-report-status, .ai-report-engines, .ai-report-rail, .ai-claim-evidence, .ai-conversation-sources, .ai-comparison-changes).ai-pad {
  padding: 18px;
  gap: 0;
}
.ai-claim-facts.ai-pad {
  padding: 18px;
}
.ai-conversation > .ai-dashed-note {
  margin-top: 12px;
}
.ai-link-list a {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 18px;
  align-items: center;
  column-gap: 8px;
  min-height: 60px;
  padding: 10px 0;
  border-top: 1px solid var(--ai-rule);
  color: var(--ai-ink);
}
.ai-link-list a > span {
  display: grid;
  gap: 2px;
  min-width: 0;
  line-height: 1.3;
}
.ai-link-list strong {
  font-size: 15px;
  font-weight: 600;
  overflow-wrap: anywhere;
}
.ai-link-list small {
  color: #abb3bf;
  font-size: 13px;
  overflow-wrap: anywhere;
}
.ai-link-list a .size-4 {
  color: #7e8590;
}
#ai-conversation-sources > :last-child a {
  border-bottom: 1px solid var(--ai-rule);
}
.ai-workspace .ai-notice-icon {
  display: flex;
  gap: 12px;
  padding: 14px 16px;
  border: 1px solid #654827;
  border-radius: 16px;
  background: #1c1918;
  color: #d0d6dd;
  font-size: 13px;
  line-height: 1.45;
}
.ai-notice-icon > .size-5 {
  flex: none;
  margin-top: 1px;
  color: var(--sentinel-warning);
}
.ai-notice-icon > div {
  display: grid;
  gap: 4px;
}
.ai-notice-icon strong {
  color: #f3b46d;
  font-size: 15px;
  font-weight: 600;
}
#ai-citations-unavailable p:first-child {
  line-height: normal;
}
.ai-notice-icon .ai-text-link {
  gap: 2px;
  font-weight: 600;
}
.ai-workspace .ai-claim-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 4px 0 6px;
}
.ai-claim-chips .ai-axis-chip::before {
  content: none;
}
.ai-workspace .ai-axis-chip[data-tone="dashed"] {
  --ai-direction: #abb3bf;
  border-style: dashed;
  background: transparent;
}
.ai-workspace .ai-axis-chip[data-tone="amber"] {
  --ai-direction: var(--sentinel-warning);
  color: #f3b46d;
  text-transform: none;
}
.ai-claim {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.ai-claim-quote {
  margin: 2px 0 0;
  padding: 4px 0 4px 16px;
  border-left: 2px solid var(--sentinel-status-negative);
  @supports (color: color-mix(in lab, red, red)) {
    border-left: 2px solid color-mix(in srgb, var(--sentinel-status-negative) 45%, transparent);
  }
}
.ai-claim-quote blockquote, .ai-claim-evidence blockquote {
  font-family: var(--font-display);
  font-weight: 500;
  letter-spacing: -.01em;
  line-height: 1.3;
}
.ai-claim-quote blockquote {
  font-size: 22px;
}
.ai-claim-quote figcaption {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-top: 8px;
  color: #abb3bf;
  font-size: 13px;
}
.ai-claim-facts {
  display: grid;
  gap: 14px;
}
.ai-claim-facts > div + div {
  padding-top: 14px;
  border-top: 1px solid var(--ai-rule);
}
.ai-workspace .ai-claim-facts h2 {
  margin-top: 6px;
  font-family: var(--font-ui);
  font-size: 18px;
  line-height: 1.3;
  font-weight: 600;
  letter-spacing: 0;
}
.ai-claim-facts .ai-muted {
  margin-top: 4px;
  font-size: 13px;
  line-height: 1.45;
}
#ai-claim-reason {
  color: #d0d6dd;
  font-size: 15px;
  line-height: 1.45;
}
#ai-claim-reason .ai-mono {
  color: var(--ai-score);
}
.ai-workspace .ai-claim-evidence h2 {
  margin: 6px 0 10px;
  font-size: 24px;
}
.ai-claim-evidence article {
  padding: 14px 0 2px;
  border-top: 1px solid var(--ai-rule);
}
.ai-claim-evidence blockquote {
  margin-top: 8px;
  font-size: 20px;
}
.ai-claim-evidence h3 {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-top: 8px;
  padding-top: 12px;
  border-top: 1px solid var(--ai-rule);
  font-size: 15px;
  font-weight: 600;
}
.ai-claim-evidence h3 span {
  color: #abb3bf;
  font-family: var(--font-mono);
  font-size: 13px;
  font-weight: 400;
}
.ai-claim-evidence .ai-link-list a {
  min-height: 56px;
  padding: 8px 0;
}
.ai-claim-evidence h3 + a {
  border-top: 0;
}
.ai-claim-check {
  padding: 16px;
  border: 1px solid var(--sentinel-warning);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--sentinel-warning) 35%, transparent);
  }
  border-radius: 16px;
  background: #2a2014;
}
.ai-workspace .ai-claim-check h2 {
  font-family: var(--font-ui);
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0;
}
.ai-claim-check ol {
  margin-top: 8px;
  padding-left: 20px;
  list-style: decimal;
  color: #d0d6dd;
  font-size: 15px;
  line-height: 1.45;
}
#ai-claim-note .ai-kicker {
  display: block;
  margin-bottom: 2px;
}
:is(.ai-report-engine, .ai-comparison-axis) summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 52px;
  color: #8abbff;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  list-style: none;
}
:is(.ai-report-engine, .ai-comparison-axis) summary::-webkit-details-marker {
  display: none;
}
:is(.ai-report-engine, .ai-comparison-axis) summary::after {
  content: "+";
  display: grid;
  place-items: center;
  flex: none;
  width: 32px;
  height: 32px;
  border: 1px solid var(--ai-rule);
  border-radius: 50%;
  font-family: var(--font-mono);
  font-size: 16px;
}
:is(.ai-report-engine, .ai-comparison-axis) details[open] summary::after {
  content: "−";
}
.ai-report-status header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.ai-workspace .ai-report-status h2 {
  margin-top: 12px;
  font-size: 30px;
  line-height: 1.08;
}
.ai-report-status > p {
  margin-top: 8px;
  font-size: 14px;
  line-height: 1.45;
}
.ai-report-lines > span {
  display: block;
}
.ai-report-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 16px;
}
.ai-report-actions .ai-button {
  width: 100%;
}
.ai-report-panel {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 24px;
  text-align: center;
}
.ai-report-icon {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #1e2329;
  color: #abb3bf;
}
.ai-report-panel[data-state="failed"] .ai-report-icon {
  border: 1px solid var(--sentinel-status-negative);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--sentinel-status-negative) 45%, transparent);
  }
  background: #2a1a1d;
  color: var(--sentinel-status-negative);
}
.ai-spinner {
  width: 16px;
  height: 16px;
  border: 2px solid var(--ai-rule);
  border-top-color: var(--ai-ink);
  border-radius: 50%;
  animation: ai-spin 1s linear infinite;
}
@keyframes ai-spin {
  to {
    transform: rotate(360deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  .ai-spinner {
    animation: none;
  }
}
.ai-report-panel > .ai-kicker {
  margin-top: 12px;
}
.ai-workspace .ai-report-panel h2 {
  margin-top: 6px;
  font-size: 22px;
  line-height: 1.15;
  letter-spacing: 0;
}
.ai-report-panel > p:not(.ai-kicker) {
  margin-top: 8px;
  color: #abb3bf;
  font-size: 15px;
  line-height: 1.45;
}
.ai-report-panel > p.ai-muted {
  margin-top: 4px;
  color: #8a929e;
  font-size: 13px;
  line-height: normal;
}
.ai-report-latest {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 52px;
  margin-top: 16px;
  padding: 0 18px;
  border-radius: 16px;
  background: var(--ai-ink);
  color: var(--ai-surface);
  font-size: 15px;
  font-weight: 600;
  text-align: left;
}
.ai-report-panel > .ai-text-link {
  margin-top: 4px;
  font-weight: 600;
}
.ai-report-coverage {
  padding: 6px 18px;
}
.ai-report-coverage article {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  column-gap: 12px;
  padding: 12px 0;
}
.ai-report-coverage article + article {
  border-top: 1px solid var(--ai-rule);
}
.ai-report-coverage article > div {
  display: grid;
  gap: 3px;
  color: #d0d6dd;
  font-size: 14px;
  line-height: 1.4;
}
.ai-report-coverage strong {
  font-family: var(--font-mono);
  font-size: 24px;
  font-weight: 400;
}
.ai-report-unknown {
  color: #f3b46d;
  font-size: 13px;
  line-height: normal;
}
.ai-workspace .ai-report-engines h2 {
  margin: 8px 0 14px;
  font-size: 24px;
  line-height: 1.15;
}
.ai-report-engine {
  padding-top: 14px;
  border-top: 1px solid var(--ai-rule);
}
.ai-report-engine + .ai-report-engine {
  margin-top: 4px;
}
.ai-report-engine header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
.ai-report-engine header > div {
  display: grid;
  gap: 3px;
}
.ai-workspace .ai-report-engine h3 {
  font-size: 15px;
  font-weight: 600;
  line-height: normal;
}
.ai-workspace .ai-report-engine header .ai-kicker {
  letter-spacing: .04em;
}
.ai-report-engine header > strong {
  font-family: var(--font-mono);
  font-size: 28px;
  font-weight: 400;
  line-height: 1;
  color: var(--ai-score);
}
.ai-report-engine > .ai-axis-chip {
  margin-top: 10px;
}
.ai-report-engine > p {
  margin-top: 10px;
  color: #d0d6dd;
  font-size: 14px;
  line-height: 1.5;
}
.ai-report-engine details {
  margin-top: 8px;
}
.ai-report-engine details > p {
  padding-bottom: 14px;
  color: #d0d6dd;
  font-size: 14px;
  line-height: 1.5;
}
.ai-workspace .ai-report-rail h2 {
  margin-top: 8px;
  font-size: 24px;
  line-height: 1.15;
}
.ai-report-rail > .ai-muted {
  margin-top: 8px;
  font-size: 14px;
  line-height: 1.45;
}
.ai-workspace .ai-report-library {
  justify-content: space-between;
  width: 100%;
  margin-top: 14px;
}
.ai-report-scale {
  margin-top: 10px;
}
.ai-report-scale > div {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 32px;
  font-size: 14px;
}
.ai-report-scale dt {
  width: 28px;
  color: #8a929e;
  font-family: var(--font-mono);
}
.ai-report-scale dt[data-direction] {
  color: var(--ai-score);
}
.ai-report-scale dd {
  color: #d0d6dd;
  text-transform: lowercase;
}
.ai-report-rail .ai-facts {
  margin-top: 12px;
}
.ai-workspace .ai-comparison h2 {
  font-size: 24px;
  line-height: 1.15;
}
.ai-comparison {
  padding-top: 6px;
}
.ai-comparison > .ai-muted {
  margin-top: 8px;
  font-size: 14px;
  line-height: 1.45;
}
.ai-comparison-baseline {
  position: relative;
  width: calc(100% - 32px);
  margin-top: 14px;
}
.ai-comparison-baseline > div {
  margin: 0;
}
.ai-comparison-baseline label > span {
  position: absolute;
  top: 9px;
  left: 17px;
  margin: 0;
  color: #abb3bf;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0;
  text-transform: none;
  pointer-events: none;
}
#app-main .ai-comparison-baseline select {
  appearance: none;
  min-height: 56px;
  padding: 26px 108px 7px 16px;
  border: 1px solid #2f353d;
  border-radius: 14px;
  background: var(--ai-surface);
  color: var(--ai-ink);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  cursor: pointer;
}
#app-main .ai-comparison-baseline select:focus {
  border-color: #4c90f0;
}
.ai-comparison-change {
  position: absolute;
  top: 50%;
  right: 16px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  translate: 0 -50%;
  color: #d0d6dd;
  font-size: 14px;
  font-weight: 500;
  pointer-events: none;
}
.ai-comparison-change svg {
  width: 18px;
  height: 18px;
}
.ai-comparison-overall {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  column-gap: 10px;
  margin-top: 10px;
  padding: 14px 16px;
  border-radius: 16px;
}
.ai-comparison-overall > .size-5 {
  width: 22px;
  height: 22px;
  color: #7e8590;
}
.ai-comparison-overall > div {
  display: grid;
  justify-items: start;
}
.ai-comparison-overall .ai-axis-chip {
  margin-top: 2px;
}
.ai-comparison-overall > div:last-child {
  justify-items: end;
  text-align: right;
}
.ai-workspace .ai-comparison-overall .ai-kicker {
  color: #abb3bf;
}
.ai-comparison-overall strong {
  margin-top: 4px;
  font-family: var(--font-mono);
  font-size: 22px;
  font-weight: 400;
  line-height: normal;
  color: var(--ai-score, var(--ai-ink));
}
.ai-comparison-overall small {
  color: #abb3bf;
  font-size: 12px;
  line-height: 1.3;
  text-transform: lowercase;
}
.ai-comparison-axes {
  margin-top: 22px;
}
.ai-comparison-axes > header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
.ai-workspace .ai-comparison-axes > header h2 {
  font-size: 22px;
}
.ai-workspace .ai-comparison-axes > header .ai-kicker {
  color: #abb3bf;
}
.ai-comparison-axis {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  column-gap: 10px;
  padding: 12px 0 0 14px;
  border-top: 1px solid var(--ai-rule);
}
.ai-comparison-axis:last-child {
  border-bottom: 1px solid var(--ai-rule);
}
.ai-comparison-axes > header + .ai-comparison-axis {
  margin-top: 8px;
}
.ai-comparison-axis::before {
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  bottom: 12px;
  width: 2px;
  border-radius: 1px;
  background: var(--ai-direction, #7e8590);
}
.ai-comparison-axis[data-direction="none"]::before {
  background: #7e8590;
}
.ai-comparison-axis > div {
  display: grid;
  gap: 4px;
  justify-items: start;
  min-width: 0;
}
.ai-workspace .ai-comparison-axis h3 {
  font-size: 15px;
  font-weight: 600;
  line-height: normal;
}
.ai-comparison-axis .ai-muted {
  font-size: 13px;
  line-height: normal;
}
.ai-comparison-axis > div > .ai-axis-chip {
  margin-top: 2px;
}
.ai-comparison-scores {
  color: #abb3bf;
  font-family: var(--font-mono);
  font-size: 15px;
  line-height: normal;
  white-space: nowrap;
}
.ai-comparison-scores > span {
  color: #5a616b;
  font-size: 11px;
}
.ai-comparison-axis .ai-comparison-scores > strong {
  font-weight: 400;
  color: #8a929e;
}
.ai-comparison-axis[data-change="changed"] .ai-comparison-scores > strong {
  color: var(--ai-score);
}
.ai-comparison-axis details {
  grid-column: 1 / -1;
}
.ai-comparison-axis summary {
  min-height: 44px;
  padding: 4px 0;
  font-size: 14px;
  font-weight: 500;
}
.ai-comparison-axis details > p {
  padding-bottom: 14px;
  color: #d0d6dd;
  font-size: 14px;
  line-height: 1.5;
}
.ai-workspace .ai-axis-chip[data-change="unchanged"] {
  border-style: solid;
}
.ai-workspace .ai-axis-chip[data-change="unchanged"][data-direction="none"] {
  border-color: #3d444e;
  background: color-mix(in srgb, #d0d6dd 7%, transparent);
  color: #d0d6dd;
}
.ai-workspace .ai-axis-chip[data-change="unchanged"]::before {
  content: "=" / "";
}
.ai-workspace .ai-axis-chip[data-change="newly_evaluable"]::before {
  content: "+" / "";
}
.ai-comparison-changes {
  margin-top: 24px;
}
.ai-workspace .ai-comparison-changes h2 {
  margin-top: 8px;
  line-height: 1.12;
}
.ai-comparison-changes article {
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid var(--ai-rule);
}
.ai-comparison-changes article > p {
  color: #d0d6dd;
  font-family: var(--font-mono);
  font-size: 12px;
  line-height: normal;
}
.ai-comparison-changes dl {
  display: grid;
  gap: 12px;
  margin-top: 12px;
}
.ai-comparison-changes dl > div {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  gap: 8px;
  font-size: 14px;
  line-height: 1.45;
}
.ai-comparison-changes dt {
  color: #8a929e;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .08em;
  text-transform: uppercase;
  padding-top: 3px;
}
.ai-comparison-changes dd {
  color: #abb3bf;
  overflow-wrap: anywhere;
}
.ai-comparison-changes dl > div:last-child :is(dt, dd) {
  color: var(--ai-ink);
}
.ai-comparison-changes .ai-text-link {
  margin-top: 6px;
  gap: 2px;
}
.ai-comparison-citations {
  margin-top: 10px;
  padding: 14px 16px;
  border-radius: 16px;
}
.ai-comparison-citations + .ai-comparison-citations {
  margin-top: 8px;
}
.ai-comparison-citations > p:not(.ai-kicker) {
  margin-top: 6px;
  overflow-wrap: anywhere;
  font-size: 15px;
  line-height: normal;
}
#ai-comparison-added .ai-kicker {
  color: #65e0d3;
}
#ai-comparison-removed .ai-kicker {
  color: #ff9b9e;
}
#ai-comparison-removed > p:not(.ai-kicker) {
  color: #abb3bf;
}
@media (max-width: 480px) {
  .ai-verdict-facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 12px;
  }
  .ai-verdict-facts > div:last-child {
    grid-column: 1 / -1;
    padding-left: 0;
    border-left: 0;
  }
}
@media (max-width: 760px) {
  .ai-verdict-heading {
    flex-direction: column;
  }
  .ai-verdict-score {
    grid-auto-flow: column;
    align-items: end;
  }
  .ai-hero {
    grid-template-columns: 1fr;
    padding: 24px;
    gap: 18px;
  }
  .ai-empty {
    padding: 36px 22px;
    min-height: 420px;
  }
}
#app-main:has(#ai-control-page) {
  padding: 0;
}
#app-main:has(#ai-control-page) > .sentinel-grid {
  max-width: none;
  padding: 0;
}
#app-surface:has(#ai-control-page) {
  max-width: none;
  border: 0;
}
#app-surface:has(#ai-control-page) > div:has(#ai-control-page) {
  padding: 0;
}
.ai-control-shell {
  background: var(--ai-background);
  gap: 0;
  display: grid;
  grid-template-columns: 210px minmax(0,1fr);
  min-height: 85vh;
}
.ai-control-content {
  padding: 22px 28px;
  align-content: start;
}
.ai-control-navigation {
  display: grid;
  padding-left: 18px;
}
.ai-control-navigation .ai-nav-link {
  padding: 10px 8px;
}
.ai-control-rail {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 32px 18px;
  border-right: 1px solid var(--sentinel-rule);
}
.ai-control-rail .ai-kicker {
  font-size: 12px;
  color: var(--sentinel-accent);
  letter-spacing: .12em;
  font-weight: 700;
  margin-bottom: 24px;
}
.ai-control-rail > a {
  min-height: 48px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  border-radius: 14px;
  font-size: 13px;
}
.ai-control-rail > a[aria-current] {
  background: var(--sentinel-status-positive-surface);
  color: var(--sentinel-accent);
}
.ai-control-hero {
  grid-template-columns: minmax(0,1fr) 115px;
  align-items: center;
}
.ai-library-readiness {
  padding: 18px 22px;
  grid-template-columns: minmax(0,1fr) 78px;
  gap: 20px;
}
.ai-library-readiness > div:first-child {
  gap: 8px;
}
.ai-library-readiness .ai-hero-summary {
  font-size: 12px;
}
.ai-library-readiness .ai-readiness-orb {
  width: 78px;
  height: 78px;
}
.ai-library-readiness .ai-readiness-orb strong {
  font-size: 23px;
}
.ai-control-hero h2 {
  font-size: clamp(22px,2vw,30px);
}
.ai-readiness-orb {
  border-radius: 50%;
  width: 115px;
  height: 115px;
  background: radial-gradient(circle at 30% 25%, #9cedda, #2c958b);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: white;
}
.ai-readiness-orb strong {
  font-size: 27px;
  letter-spacing: -.05em;
}
.ai-readiness-orb span {
  font-size: 10px;
}
.ai-control-overview {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 18px;
}
.ai-control-pack-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border-bottom: 1px solid var(--ai-rule);
  padding: 14px 0;
  font-size: 12px;
}
.ai-control-pack-row span {
  font-size: 11px;
  color: var(--ai-muted);
}
.ai-control-save-actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 18px;
}
.ai-control-save-actions > span {
  margin-right: auto;
}
.ai-control-content button:disabled {
  opacity: .55;
  cursor: not-allowed;
}
.ai-composer-layout {
  display: grid;
  grid-template-columns: minmax(190px,1fr) minmax(0,2fr) minmax(200px,1fr);
  gap: 14px;
  align-items: start;
}
.ai-composer-layout > .ai-card {
  padding: 18px;
}
.ai-pack-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  border-radius: 15px;
  background: var(--ai-background);
  padding: 4px;
}
.ai-pack-tabs a {
  display: flex;
  min-height: 44px;
  padding: 8px;
  align-items: center;
  border-radius: 12px;
  font-size: 11px;
}
.ai-pack-tabs a[aria-current] {
  background: var(--ai-surface);
  color: var(--ai-teal);
}
.ai-question-list {
  display: flex;
  flex-direction: column;
  max-height: min(60vh,580px);
  overflow-y: auto;
}
.ai-question-list a {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 14px 10px;
  min-height: 68px;
  border-bottom: 1px solid var(--ai-rule);
  border-radius: 12px;
  font-size: 12px;
}
.ai-question-list a[aria-current] {
  background: var(--ai-soft);
}
.ai-question-list small {
  color: var(--ai-muted);
}
.ai-pane-navigation {
  display: none;
}
.ai-context-fields, .ai-context-readiness {
  display: grid;
  align-content: start;
  gap: 12px;
}
.ai-question-fields {
  display: grid;
  gap: 22px;
  min-width: 0;
}
.ai-field-error {
  color: var(--sentinel-status-negative);
  font-size: 12px;
}
.ai-workspace [hidden] {
  display: none !important;
}
.ai-question-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 14px;
}
.ai-question-actions {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}
.ai-question-actions .ai-button {
  padding: 8px 10px;
  font-size: 11px;
  border-radius: 10px;
}
.ai-question-flags {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 16px;
}
.ai-control-content :is(input:not([type="checkbox"]),textarea,select) {
  border-radius: 13px;
  font-family: inherit;
  font-size: 14px;
  background: var(--ai-surface);
}
.ai-control-content input[type="checkbox"] {
  accent-color: var(--ai-teal);
}
.ai-control-content :is(input,textarea,select):focus {
  outline-color: var(--ai-teal);
}
.ai-control-content label {
  font-size: 12px;
}
.ai-saving-notice {
  display: none;
  margin-bottom: 16px;
}
.phx-submit-loading .ai-saving-notice {
  display: block;
}
.ai-conflict-question {
  border-bottom: 1px solid var(--ai-rule);
  padding: 10px 0;
  font-size: 12px;
}
.ai-conflict-question summary {
  min-height: 44px;
  cursor: pointer;
}
.ai-conflict-question summary span {
  display: block;
  color: var(--ai-muted);
  margin: 6px 0;
}
.ai-conflict-question p {
  padding: 8px 0;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.ai-run-stages {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 9px;
}
.ai-run-stages > div {
  border: 1px solid var(--ai-rule);
  border-radius: 17px;
  padding: 15px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  background: var(--ai-surface);
  font-size: 12px;
}
.ai-run-stages span {
  font-size: 11px;
  color: var(--ai-muted);
}
.ai-provider-lane {
  display: grid;
  grid-template-columns: minmax(160px,1fr) minmax(0,3fr) auto;
  gap: 24px;
  align-items: center;
  padding: 22px;
}
.ai-attempt-evidence {
  display: grid;
  gap: 7px;
  font-size: 13px;
}
.ai-attempt-evidence progress {
  width: 100%;
  accent-color: var(--ai-teal);
}
@media (max-width: 1150px) {
  .ai-control-shell {
    grid-template-columns: 155px minmax(0,1fr);
  }
  .ai-control-content {
    padding: 22px;
  }
  .ai-composer-layout {
    grid-template-columns: minmax(175px,1fr) minmax(0,2fr);
  }
  #ai-library-context {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 18px;
  }
  .ai-context-readiness {
    gap: 8px;
  }
  .ai-context-readiness .ai-control-pack-row {
    padding: 7px 0;
    flex-wrap: wrap;
  }
  .ai-control-overview {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 760px) {
  .ai-control-shell {
    grid-template-columns: minmax(0,1fr);
  }
  .ai-control-rail {
    flex-direction: row;
    flex-wrap: wrap;
    padding: 12px;
    border-right: 0;
    border-bottom: 1px solid var(--sentinel-rule);
  }
  .ai-control-rail .ai-kicker {
    width: 100%;
    margin: 0;
  }
  .ai-control-content {
    padding: 16px;
  }
  .ai-composer-layout {
    grid-template-columns: minmax(0,1fr);
  }
  .ai-question-list {
    max-height: none;
  }
  .ai-pane-navigation {
    display: flex;
    justify-content: space-between;
    gap: 14px;
  }
  .ai-composer-layout[data-pane="list"] > :not(#ai-question-library), .ai-composer-layout[data-pane="editor"] > :not(#ai-question-composer), .ai-composer-layout[data-pane="context"] > :not(#ai-library-context) {
    display: none;
  }
  #ai-library-context {
    display: flex;
  }
  .ai-control-navigation {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    width: 100%;
  }
  .ai-provider-lane {
    grid-template-columns: 1fr;
  }
  .ai-run-stages {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .ai-control-hero {
    grid-template-columns: 1fr;
  }
  .ai-readiness-orb {
    width: 95px;
    height: 95px;
  }
}
body:has([data-surface="auth"]) #site-header, body:has([data-surface="customer"]) #site-header {
  display: none;
}
.auth-canvas {
  display: grid;
  place-items: center;
  min-height: 100dvh;
  padding: 40px 24px;
  color: var(--sentinel-ink);
  background: var(--sentinel-canvas);
}
.auth-card {
  width: min(520px,100%);
  padding: 38px;
  border: 1px solid var(--sentinel-rule);
  border-radius: 28px;
  background: var(--sentinel-panel);
  box-shadow: var(--sentinel-elevation);
}
.auth-intro {
  margin-bottom: 28px;
}
.auth-canvas .auth-message h2 {
  font-size: 42px;
  line-height: 1.13;
  font-weight: 650;
  letter-spacing: -.035em;
}
.auth-message {
  display: grid;
  gap: 22px;
}
.auth-message[tabindex="-1"]:focus {
  outline: none;
}
#login-expired .auth-symbol {
  color: var(--sentinel-danger);
}
.auth-message p {
  font-size: 14px;
  line-height: 1.65;
  overflow-wrap: anywhere;
}
.auth-symbol {
  display: inline-grid;
  place-items: center;
  width: 80px;
  height: 80px;
  border: 1px solid var(--sentinel-rule-strong);
  border-radius: 26px;
  color: var(--sentinel-accent);
  background: var(--sentinel-panel);
}
.auth-message .auth-symbol {
  margin-bottom: 12px;
}
body:has(.auth-canvas) #flash-info > div {
  border-radius: 16px;
  border-color: var(--sentinel-rule-strong);
  background: var(--sentinel-panel-strong);
  color: var(--sentinel-ink);
}
.account-page {
  max-width: 1000px;
  min-width: 0;
}
.account-standalone {
  min-height: 100dvh;
  max-width: 1100px;
  margin: auto;
}
[data-account="true"] .customer-context {
  min-height: 94px;
  align-items: center;
}
[data-account="true"] .customer-heading h1 {
  font-size: 26px;
  font-weight: 650;
  letter-spacing: -.03em;
}
[data-account="true"] .customer-heading > p {
  margin-top: 4px;
  color: var(--sentinel-muted);
  font-size: 13px;
}
.account-back {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 44px;
  padding: 9px 14px;
  border: 1px solid var(--sentinel-rule);
  border-radius: 12px;
  background: var(--sentinel-panel);
}
.account-page h2 {
  font-size: 20px;
  font-weight: 650;
  letter-spacing: -.025em;
}
.account-access {
  max-width: 760px;
}
.account-security-hero {
  padding: 24px;
  margin-bottom: 24px;
  border-radius: 24px;
  background: radial-gradient(at top right,#153e34,transparent 70%),#07110f;
  color: #f7f8f5;
}
.account-security-hero .auth-symbol {
  width: 54px;
  height: 54px;
  border-radius: 18px;
  color: #76d5c2;
}
.account-security-hero h2 {
  margin-top: 24px;
  font-size: 26px;
  line-height: 1.2;
}
.account-security-hero p {
  margin-top: 8px;
  font-size: 13px;
  line-height: 1.6;
  color: #b4c1bb;
}
.account-access-form {
  max-width: 760px;
}
.account-methods {
  display: flex;
  gap: 4px;
  padding: 4px;
  border-radius: 12px;
  background: var(--sentinel-panel-muted,#20332d);
  margin-bottom: 22px;
}
.account-methods > * {
  flex: 1;
  min-height: 44px;
  border-radius: 9px;
  padding: 9px 12px;
  color: var(--sentinel-muted);
  text-align: center;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}
.account-methods [aria-pressed="true"], .account-methods [aria-current="page"] {
  color: var(--sentinel-ink);
  background: var(--sentinel-panel);
  box-shadow: 0 2px 6px rgb(0 0 0 / 8%);
}
#account-views {
  width: min(360px,100%);
}
:is(.auth-entry,.auth-message,.account-page) label > span {
  text-transform: none;
  letter-spacing: 0;
  font-size: 13px;
  font-weight: 500;
}
:is(.auth-entry,.auth-message,.account-page) input:not([type="checkbox"],[type="hidden"]) {
  width: 100%;
  min-height: 48px;
  border-radius: 14px;
  border: 1px solid var(--sentinel-rule);
  padding: 12px 14px;
  background: var(--sentinel-panel);
  color: var(--sentinel-ink);
  font-size: 14px;
}
:is(.auth-entry,.auth-message,.account-page) input[readonly] {
  color: var(--sentinel-muted);
}
:is(.auth-entry,.auth-message,.account-page) :is(input,button,a):focus-visible, .account-back:focus-visible {
  outline: 2px solid var(--sentinel-accent);
  outline-offset: 3px;
}
#login-methods {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-bottom: 20px;
  border: 1px solid var(--sentinel-rule);
  border-radius: 14px;
  background: var(--sentinel-panel);
}
#login-methods > * {
  min-height: 40px;
  padding: 0 12px;
  border: 1px solid transparent;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 500;
}
#login-methods [aria-pressed="true"] {
  border-color: var(--sentinel-accent);
  background: #182435;
  box-shadow: none;
  font-weight: 600;
}
.auth-entry label > span {
  margin-bottom: 6px;
  color: var(--sentinel-muted);
  font-weight: 400;
}
.auth-entry input:not([type="checkbox"],[type="hidden"]) {
  min-height: 52px;
  padding: 0 16px;
  font-size: 16px;
}
.auth-entry input:not([type="checkbox"],[type="hidden"]):focus-visible {
  outline: none;
  border-color: var(--sentinel-accent);
}
.auth-entry #user_password {
  padding-right: 56px;
}
.login-password {
  position: relative;
}
.login-password > div {
  margin-bottom: 0;
}
#login-show-password {
  position: absolute;
  right: 4px;
  bottom: 4px;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  color: var(--sentinel-muted);
  cursor: pointer;
}
#login-show-password:hover, #login-show-password[aria-pressed="true"] {
  color: var(--sentinel-ink);
}
#login-forgot {
  display: flex;
  width: fit-content;
  margin: 0 0 8px auto;
  padding: 0 2px;
  color: var(--sentinel-accent-deep);
  font-size: 14px;
  font-weight: 500;
}
.account-primary {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 48px;
  padding: 12px 18px;
  border: 1px solid transparent;
  border-radius: 14px;
  background: var(--sentinel-ink);
  color: var(--sentinel-canvas);
  font-size: 14px;
  font-weight: 650;
  cursor: pointer;
  transition: background .15s;
}
.account-primary:hover {
  filter: brightness(.94);
}
.account-primary:disabled {
  color: var(--sentinel-muted);
  background: var(--sentinel-panel-muted);
  cursor: not-allowed;
}
.account-text-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-height: 44px;
  color: var(--sentinel-accent);
  font-size: 13px;
  font-weight: 550;
  cursor: pointer;
}
.account-text-button:hover {
  text-decoration: underline;
}
.solo-screen {
  gap: 20px;
}
.solo-symbol {
  display: grid;
  place-items: center;
  width: 56px;
  height: 56px;
  border: 1px solid var(--sentinel-rule);
  border-radius: 50%;
  background: var(--sentinel-panel-strong);
  color: var(--sentinel-ink);
}
.solo-kicker {
  color: var(--sentinel-accent-deep);
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.solo-title {
  margin-top: 8px;
  font-family: var(--font-display);
  font-size: 40px;
  line-height: 1.02;
  font-weight: 500;
  letter-spacing: -.02em;
}
.solo-screen .solo-lead {
  margin-top: 12px;
  color: var(--sentinel-ink);
  font-size: 16px;
  line-height: 1.45;
}
.solo-screen .solo-field {
  display: grid;
  gap: 4px;
  padding: 14px 16px;
  border: 1px solid var(--sentinel-rule);
  border-radius: 16px;
  background: var(--sentinel-panel);
}
.solo-field > span {
  color: var(--sentinel-muted);
  font-size: 13px;
  line-height: 1.4;
}
.solo-field > strong {
  font-size: 16px;
  font-weight: 500;
  overflow-wrap: anywhere;
}
.solo-actions {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}
.solo-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: 100%;
  min-height: 52px;
  padding: 0 18px;
  border: 1px solid var(--sentinel-rule);
  border-radius: 16px;
  background: transparent;
  color: var(--sentinel-ink);
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: background .15s, transform .15s;
}
.solo-button:hover {
  background: var(--sentinel-panel);
}
.solo-button[data-primary] {
  justify-content: space-between;
  border-color: var(--sentinel-ink);
  background: var(--sentinel-ink);
  color: var(--sentinel-canvas);
}
.solo-button[data-primary]:hover {
  background: #e3e7ec;
  transform: translateY(-1px);
}
.solo-actions > .account-text-button {
  color: var(--sentinel-accent-deep);
  font-size: 14px;
  font-weight: 500;
}
.auth-entry > .account-text-button {
  margin-top: 8px;
}
.auth-card:has(.solo-screen) {
  width: min(460px, 100%);
  padding: 0;
  border: 0;
  background: none;
  box-shadow: none;
}
.push-permission {
  display: grid;
  gap: 0;
}
.push-permission-preview {
  display: flex;
  gap: 12px;
  padding: 12px 14px;
  border: 1px solid var(--sentinel-rule);
  border-radius: 18px;
  background: var(--sentinel-panel-muted);
  box-shadow: 0 12px 32px rgba(0, 0, 0, .45);
}
.push-permission-preview > span:last-child {
  display: grid;
  gap: 2px;
  flex: 1;
  min-width: 0;
  color: var(--sentinel-muted);
  font-size: 13px;
  line-height: 1.4;
}
.push-permission-preview > span:last-child > span {
  display: flex;
  justify-content: space-between;
}
.push-permission-preview > span:last-child > span > strong {
  color: #e4e7eb;
  font-weight: 600;
  letter-spacing: .08em;
}
.push-permission-preview > span:last-child > span > span {
  font-size: 12px;
}
.push-permission-preview > span:last-child > strong {
  color: var(--sentinel-ink);
  font-size: 15px;
  font-weight: 600;
}
.push-permission-logo {
  display: grid;
  place-items: center;
  flex: none;
  width: 36px;
  height: 36px;
  border: 1px solid var(--sentinel-rule);
  border-radius: 10px;
  background: var(--sentinel-canvas);
}
.push-permission-logo > span {
  display: grid;
  place-items: center;
  width: 14px;
  height: 14px;
  border: 2px solid var(--sentinel-brand);
  border-radius: 50%;
}
.push-permission-logo > span::after {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--sentinel-brand);
}
.push-permission > .push-permission-preview + div {
  padding-top: 28px;
}
.push-permission .solo-title {
  font-size: 36px;
  line-height: 1.04;
}
.push-permission-items {
  margin-top: 20px;
}
.push-permission-items > li {
  display: flex;
  gap: 14px;
  padding: 14px 0;
  border-top: 1px solid var(--sentinel-rule);
}
.push-permission-items > li:last-child {
  border-bottom: 1px solid var(--sentinel-rule);
}
.push-permission-items > li > span:first-child {
  display: grid;
  place-items: center;
  flex: none;
  width: 36px;
  height: 36px;
  border: 1px solid var(--sentinel-rule);
  border-radius: 50%;
  background: var(--sentinel-panel-muted);
  color: #e4e7eb;
}
.push-permission-items > li > span:last-child {
  display: grid;
  gap: 2px;
}
.push-permission-items strong {
  font-size: 16px;
  font-weight: 600;
}
.push-permission-items strong > .font-mono {
  font-weight: 500;
}
.push-permission-items > li > span:last-child > span {
  color: var(--sentinel-muted);
  font-size: 14px;
  line-height: 1.45;
}
.push-permission > .solo-actions {
  margin-top: 24px;
}
.push-permission .ai-dashed-note {
  margin-bottom: 4px;
}
.solo-screen .ai-dashed-note > svg {
  flex: none;
  margin-top: 2px;
  color: var(--sentinel-accent-deep);
}
.account-access > .account-text-button {
  width: 100%;
  margin-top: 12px;
}
.account-helper {
  margin-top: 12px;
  color: var(--sentinel-muted);
  font-size: 13px;
  line-height: 1.6;
}
.account-error {
  margin-block: 12px;
  color: var(--sentinel-danger);
  font-size: 14px;
  line-height: 1.5;
}
.account-notice {
  padding: 16px 18px;
  margin-block: 22px;
  border-radius: 16px;
  color: var(--sentinel-ink);
  background: var(--sentinel-accent-soft);
  font-size: 14px;
  line-height: 1.7;
  overflow-wrap: anywhere;
}
.account-notice h2 {
  margin-bottom: 8px;
}
.account-form {
  margin-top: 24px;
}
.account-fields {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 16px;
}
.account-form > .account-primary {
  margin-top: 24px;
}
.account-form > .account-text-button {
  width: 100%;
  margin-top: 10px;
}
#logout-confirm {
  background: var(--sentinel-danger);
  color: var(--sentinel-on-danger);
  border-color: transparent;
}
@media (min-width: 1200px) {
  .account-access {
    max-width: 1000px;
  }
  .account-access-form {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 24px 16px;
    max-width: none;
    align-items: start;
  }
  .account-access-form > div {
    min-width: 0;
    margin-bottom: 0;
  }
  .account-access-form > .account-primary, .account-access-form > .account-helper {
    grid-column: 1 / -1;
  }
}
@media (min-width: 700px) and (max-width: 1199px) {
  .auth-card {
    width: min(620px,100%);
  }
  .account-fields {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 699px) {
  .auth-canvas {
    padding: 48px 24px;
  }
  .auth-card {
    border: 0;
    padding: 0;
    background: transparent;
    box-shadow: none;
  }
  .auth-canvas .auth-message h2 {
    font-size: 34px;
  }
  .auth-message {
    text-align: center;
  }
  .auth-message .auth-symbol {
    margin-inline: auto;
  }
  .account-page.auth-message {
    text-align: left;
  }
  .auth-canvas .account-page.auth-message {
    text-align: center;
  }
  [data-account="true"] .customer-context {
    display: flex;
    flex-wrap: nowrap;
    min-height: 88px;
    gap: 12px;
    padding: 16px;
  }
  [data-account="true"] .customer-heading h1 {
    font-size: 21px;
  }
  .account-back {
    padding-inline: 10px;
  }
  .account-fields {
    grid-template-columns: 1fr;
    gap: 4px;
  }
  .account-security-hero {
    padding: 20px;
  }
  .account-security-hero h2 {
    font-size: 24px;
  }
  #logout-confirmation {
    inset: auto 0 0;
    width: 100%;
    max-width: none;
    margin: 0;
    border-radius: 26px 26px 0 0;
    padding: 28px 24px;
  }
  #logout-confirmation > div {
    flex-direction: column-reverse;
  }
  #logout-confirmation .signals-button {
    width: 100%;
    min-height: 48px;
  }
}
.reclame-page {
  max-width: 1112px;
  margin-inline: auto;
}
.reclame-page :focus-visible {
  outline: 2px solid var(--sentinel-focus);
  outline-offset: 3px;
}
#ads-navigation {
  justify-content: center;
  gap: 8px;
  margin: 0 0 28px;
}
#ads-navigation a {
  flex: none;
  padding: 0 18px;
  border: 1px solid #2f353d;
  border-radius: 22px;
  color: #d0d6dd;
  font-size: 14px;
  font-weight: 500;
  transition: background-color .15s, border-color .15s, color .15s;
}
#ads-navigation a:hover {
  border-color: #4b525c;
  background: #171c21;
  color: #f2f4f7;
}
#ads-navigation a[aria-current="page"] {
  border-color: #4c90f0;
  background: #182435;
  color: #f2f4f7;
  font-weight: 600;
}
.reclame-split {
  display: grid;
  gap: 32px;
  align-items: start;
  line-height: normal;
}
@media (min-width: 1024px) {
  .reclame-split {
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 24px;
  }
  .reclame-page[data-open] .reclame-split {
    grid-template-columns: 340px minmax(0, 1fr);
    gap: 0;
  }
  .reclame-page[data-open] .reclame-split > .reclame-list {
    position: sticky;
    top: 72px;
    max-height: calc(100vh - 72px);
    overflow: auto;
    padding-right: 20px;
    border-right: 1px solid #2f353d;
    scrollbar-width: thin;
  }
  .reclame-page[data-open] .reclame-split > .reclame-list + .reclame-item {
    padding-left: 24px;
  }
  .reclame-page[data-open] .reclame-split > .reclame-item:only-child {
    grid-column: 1 / -1;
    justify-self: center;
    width: 100%;
    max-width: 720px;
  }
  .reclame-split > .reclame-list:only-child {
    grid-column: 1 / -1;
    justify-self: center;
    width: 100%;
    max-width: 760px;
  }
}
@media (min-width: 1280px) {
  .reclame-split {
    grid-template-columns: minmax(0, 1fr) 344px;
    gap: 32px;
  }
  .reclame-page[data-open] .reclame-split {
    grid-template-columns: 400px minmax(0, 1fr);
  }
  .reclame-page[data-open] .reclame-split > .reclame-list {
    padding-right: 28px;
  }
  .reclame-page[data-open] .reclame-split > .reclame-list + .reclame-item {
    padding-left: 36px;
  }
}
@media (min-width: 1440px) {
  .reclame-split {
    grid-template-columns: minmax(0, 1fr) 360px;
  }
}
@media (max-width: 1023px) {
  .reclame-page[data-open] .reclame-list {
    display: none;
  }
}
.reclame-eyebrow {
  color: #8abbff;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.reclame-muted {
  color: var(--sentinel-muted);
}
.reclame-num {
  font-family: var(--font-mono);
}
.reclame-head {
  padding-top: 16px;
}
.reclame-head-row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
}
.reclame-title {
  margin-top: 6px;
  font-family: var(--font-display);
  font-size: 40px;
  font-weight: 500;
  letter-spacing: -.02em;
  line-height: 1;
}
.reclame-filter-button {
  position: relative;
  width: 46px;
  height: 46px;
  padding: 0;
  border-color: #2c4466;
  border-radius: 14px;
  background: #162232;
  color: #8abbff;
}
.reclame-filter-button:hover {
  border-color: #4b525c;
  background: #162232;
  filter: brightness(1.08);
}
.reclame-filter-button > [class*="hero-"] {
  width: 20px;
  height: 20px;
}
.reclame-filter-button .filter-sheet-mark {
  position: absolute;
  top: -4px;
  right: -4px;
  min-width: 18px;
  height: 18px;
  padding-inline: 5px;
  background: #4c90f0;
  color: #07101b;
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 500;
}
.reclame-list-body {
  display: flex;
  flex-direction: column;
  margin-top: 10px;
}
.reclame-note {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  padding: 12px 14px;
  border: 1px dashed #2c4466;
  border-radius: 14px;
  background: rgba(76, 144, 240, .05);
  color: #abb3bf;
  font-size: 13px;
  line-height: 1.45;
}
.reclame-note > [class*="hero-"] {
  flex: none;
  margin-top: 2px;
  color: #8abbff;
}
.reclame-note-label {
  display: block;
  margin-bottom: 2px;
  color: #8abbff;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.reclame-refresh {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-top: 12px;
  color: #8a929e;
  font-size: 13px;
  line-height: 1.35;
}
.reclame-button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding-inline: 14px;
  border: 1px solid #2f353d;
  border-radius: 14px;
  color: #f2f4f7;
  font-size: 14px;
  font-weight: 600;
}
.reclame-button > [class*="hero-"] {
  width: 18px;
  height: 18px;
}
.reclame-chips {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-top: 10px;
  color: #abb3bf;
  font-size: 14px;
}
.reclame-chip-filter {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding: 0 12px 0 16px;
  border: 1px solid #4c90f0;
  border-radius: 22px;
  background: #182435;
  color: #f2f4f7;
  font-size: 14px;
  font-weight: 600;
}
#ads-chip-count .reclame-num {
  color: #f2f4f7;
}
.reclame-order {
  margin-top: 20px;
}
.reclame-order + .reclame-muted {
  margin-top: 4px;
  font-size: 13px;
  line-height: 1.45;
}
.reclame-cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(340px, 100%), 1fr));
  gap: 10px;
  margin-top: 10px;
}
.reclame-cards:empty {
  display: none;
}
.reclame-card {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
  padding: 14px 16px 14px 17px;
  border: 1px solid #2f353d;
  border-radius: 16px;
  background: #14181d;
}
.reclame-card[data-unread] {
  border-color: #4176c0;
  background: linear-gradient(100deg, rgba(76, 144, 240, .16) 0%, rgba(76, 144, 240, .05) 32%, transparent 62%), #1c2126;
}
.reclame-card[data-open] {
  outline: 2px solid #4c90f0;
  outline-offset: 3px;
}
.reclame-card-top {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 22px;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .02em;
}
.reclame-read {
  color: #8abbff;
}
.reclame-read-new {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 22px;
  padding: 0 9px;
  border: 1px solid rgba(76, 144, 240, .35);
  border-radius: 11px;
  background: rgba(76, 144, 240, .16);
}
.reclame-read-new::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 3px;
  background: #4c90f0;
  box-shadow: 0 0 6px color-mix(in srgb, #4c90f0 90%, transparent);
}
.reclame-card-state {
  margin-left: auto;
  color: #8abbff;
}
.reclame-card-title {
  color: #d0d6dd;
  font-family: var(--font-display);
  font-size: 22px;
  font-weight: 500;
  letter-spacing: -.01em;
  line-height: 1.15;
  overflow-wrap: anywhere;
}
.reclame-card-line {
  color: #abb3bf;
  font-size: 14px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}
.reclame-card[data-unread] .reclame-card-title {
  color: #f2f4f7;
}
.reclame-card[data-unread] .reclame-card-line {
  color: #d0d6dd;
}
.reclame-card-payer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 8px;
  color: #abb3bf;
  font-size: 13px;
  overflow-wrap: anywhere;
}
.reclame-card-payer .reclame-muted {
  color: #7e8590;
}
.reclame-chip {
  display: inline-flex;
  align-items: center;
  height: 22px;
  padding: 0 8px;
  border: 1px solid #2f353d;
  border-radius: 11px;
  background: #1e2329;
  color: #d0d6dd;
  font-size: 12px;
  white-space: nowrap;
}
.reclame-chip[data-partial] {
  border-style: dashed;
  border-color: #4b525c;
  background: transparent;
  color: #abb3bf;
}
.reclame-card-figures {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  padding-top: 10px;
  border-top: 1px solid #2f353d;
}
.reclame-card[data-unread] .reclame-card-figures {
  border-top-color: #2a3a52;
}
.reclame-card-figures p {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.reclame-card-figures strong {
  font-family: var(--font-mono);
  font-size: 15px;
  font-weight: 400;
  overflow-wrap: anywhere;
}
.reclame-card-figures strong[data-missing] {
  color: #abb3bf;
  font-family: inherit;
  font-size: 14px;
  line-height: 20px;
}
.reclame-card-figures span {
  color: #abb3bf;
  font-size: 12px;
}
.reclame-card-open, .reclame-card-watch {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 600;
  transition: border-color .15s, filter .15s;
}
.reclame-card-open {
  margin-top: 4px;
  border: 1px solid #2c4466;
  background: #162232;
  color: #8abbff;
}
.reclame-card-watch {
  width: 100%;
  border: 1px solid #2f353d;
  color: #f2f4f7;
}
.reclame-card-watch:disabled {
  border-color: #282d34;
  color: #5d646e;
}
:is(.reclame-card-open, .reclame-card-watch:not(:disabled), .reclame-button, .reclame-more, .inbox-more:not(:disabled), .reclame-chip-filter):hover {
  border-color: #4b525c;
  filter: brightness(1.08);
}
.reclame-more, .inbox-more {
  width: calc(100% - 32px);
  margin-top: 12px;
  min-height: 52px;
  border: 1px solid #2f353d;
  border-radius: 16px;
  font-size: 15px;
  font-weight: 600;
  transition: border-color .15s, filter .15s;
}
.inbox-more {
  width: 100%;
  margin-top: 16px;
}
.reclame-footnote {
  margin-top: 14px;
  color: #8a929e;
  font-size: 13px;
  line-height: 1.45;
}
.reclame-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 16px;
  padding: 24px;
  border: 1px solid #2f353d;
  border-radius: 20px;
  background: #171c21;
  text-align: center;
}
#ads-empty-filters {
  margin-top: 10px;
}
.reclame-empty h2, .reclame-empty h3 {
  margin-top: 14px;
  font-family: var(--font-display);
  font-size: 22px;
  font-weight: 500;
  line-height: 1.2;
}
.reclame-empty p {
  margin-top: 8px;
  color: #abb3bf;
  font-size: 15px;
  line-height: 1.45;
}
.reclame-empty .reclame-primary {
  margin-top: 18px;
}
.reclame-empty-icon {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 1px solid #4b525c;
  border-radius: 50%;
  background: #1e2b3a;
  color: #8abbff;
}
.reclame-partial {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  margin-top: 8px;
  padding: 0 4px 0 12px;
  border: 1px solid #2f353d;
  border-radius: 12px;
  background: #171c21;
  color: #d0d6dd;
  font-size: 13px;
}
.reclame-partial > [class*="hero-"] {
  flex: none;
  color: #ec9a3c;
}
.reclame-aside-title {
  margin-top: 6px;
  font-family: var(--font-display);
  font-size: 22px;
  font-weight: 500;
  letter-spacing: -.01em;
}
.reclame-panel {
  padding: 18px;
  border: 1px solid #2f353d;
  border-radius: 20px;
  background: #171c21;
}
.reclame-aside .reclame-panel {
  margin-top: 12px;
  padding: 4px 18px 16px;
}
.reclame-ladder li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: baseline;
  gap: 8px 12px;
  padding: 12px 0;
  border-bottom: 1px solid #2f353d;
  font-size: 14px;
}
.reclame-ladder-name {
  font-weight: 600;
  overflow-wrap: anywhere;
}
.reclame-ladder strong {
  color: #d0d6dd;
  font-family: var(--font-mono);
  font-size: 13px;
  font-weight: 400;
}
.reclame-ladder li > .reclame-muted {
  color: #8a929e;
  font-size: 13px;
}
.reclame-ladder-bar {
  grid-column: 1 / -1;
  height: 4px;
  border-radius: 2px;
  background: linear-gradient(to right, #4c90f0 var(--share), #2f353d var(--share));
}
.reclame-panel .reclame-footnote {
  margin-top: 12px;
  font-size: 12px;
  line-height: 1.4;
}
.reclame-item {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.reclame-item-nav {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px 0;
}
.reclame-item > .reclame-back {
  margin-top: 6px;
  padding-left: 18px;
}
.reclame-back {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-height: 44px;
  padding: 0 6px;
  font-size: 15px;
  font-weight: 500;
}
.reclame-watch-icon {
  display: grid;
  flex: none;
  place-items: center;
  width: 44px;
  height: 44px;
  margin-left: auto;
  border-radius: 22px;
  color: #8a929e;
}
.reclame-watch-icon:disabled {
  color: #f2f4f7;
}
.reclame-item-hero {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-top: 8px;
  padding: 20px 16px 16px;
  overflow: hidden;
  border: 1px solid #2f353d;
  border-radius: 22px;
  background: radial-gradient(140% 70% at 85% 105%, color-mix(in srgb, #e66e28 22%, transparent) 0%, color-mix(in srgb, #e66e28 7%, transparent) 45%, transparent 72%), linear-gradient(#1a1f26, #14181d);
}
.reclame-item-hero::before, .reclame-item-hero::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}
.reclame-item-hero::before {
  top: 70px;
  left: -170px;
  width: 640px;
  height: 640px;
  border: 1px solid color-mix(in srgb, #f2f4f7 6%, transparent);
}
.reclame-item-hero::after {
  top: -300px;
  right: -230px;
  width: 560px;
  height: 560px;
  border: 1px solid color-mix(in srgb, #e66e28 12%, transparent);
}
.reclame-item-hero > * {
  position: relative;
  z-index: 1;
}
.reclame-item-hero[data-plain] {
  margin-top: 0;
  padding: 4px 0 0;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: none;
}
.reclame-item-hero[data-plain]::before, .reclame-item-hero[data-plain]::after {
  content: none;
}
.reclame-item-title {
  font-family: var(--font-display);
  font-size: 32px;
  font-weight: 500;
  letter-spacing: -.02em;
  line-height: 1.08;
  overflow-wrap: anywhere;
}
.reclame-item-hero .reclame-item-title {
  margin-top: 6px;
  font-size: 30px;
  line-height: 1.1;
}
.reclame-item-payer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 8px;
  margin-top: 8px;
  color: #d0d6dd;
  font-size: 14px;
}
.reclame-item-payer .reclame-muted {
  color: #8a929e;
}
.reclame-checked {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  color: #abb3bf;
  font-size: 13px;
}
.reclame-checked::before {
  content: "";
  flex: none;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background: #20ccbc;
}
.reclame-captured {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-top: 16px;
  padding: 14px;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, #f2f4f7 10%, transparent);
  border-radius: 16px;
  background: color-mix(in srgb, #10161f 45%, transparent);
}
.reclame-captured::after {
  content: "";
  position: absolute;
  right: -90px;
  bottom: -150px;
  width: 260px;
  height: 260px;
  border: 1px solid color-mix(in srgb, #e66e28 18%, transparent);
  border-radius: 50%;
  background: radial-gradient(closest-side, color-mix(in srgb, #e66e28 10%, transparent), transparent);
  pointer-events: none;
}
.reclame-captured > * {
  position: relative;
  z-index: 1;
}
.reclame-captured > .reclame-eyebrow {
  color: #f3b46d;
}
.reclame-captured-title {
  margin-top: 10px;
  font-family: var(--font-display);
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
  overflow-wrap: anywhere;
}
.reclame-captured > .reclame-muted {
  margin-top: 4px;
  color: #abb3bf;
  font-size: 13px;
}
.reclame-captured-kind {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 12px;
  color: #8a929e;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.reclame-capture {
  margin-top: 20px;
}
.reclame-capture-placeholder {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 96px;
  margin-top: 10px;
  padding: 12px;
  border: 1px dashed #3d444e;
  border-radius: 14px;
  background: #1e2329;
  color: #8a929e;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .08em;
  text-align: center;
  text-transform: uppercase;
}
.reclame-section {
  border-top: 1px solid #2f353d;
}
#ad-message {
  margin-top: 12px;
  border-bottom: 1px solid #2f353d;
}
.reclame-facts + .reclame-section {
  margin-top: 20px;
}
.reclame-item > .reclame-section:last-child {
  border-bottom: 1px solid #2f353d;
}
.reclame-section > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 52px;
  padding-block: 10px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  list-style: none;
}
.reclame-section > summary::-webkit-details-marker {
  display: none;
}
.reclame-section > summary small {
  display: block;
  margin-top: 2px;
  color: #abb3bf;
  font-size: 13px;
  font-weight: 400;
}
.reclame-section > summary::after {
  content: "+";
  display: grid;
  flex: none;
  place-items: center;
  width: 32px;
  height: 32px;
  border: 1px solid #2f353d;
  border-radius: 50%;
  color: #d0d6dd;
  font-size: 18px;
  font-weight: 400;
}
.reclame-section[open] > summary::after {
  content: "−";
}
.reclame-section > :not(summary) {
  margin-bottom: 10px;
  color: #d0d6dd;
  font-size: 14px;
  line-height: 1.45;
}
.reclame-section > :last-child:not(summary) {
  margin-bottom: 14px;
}
.reclame-section .reclame-rows > div {
  padding-block: 8px;
  border-top-color: #262c34;
}
.reclame-section > .reclame-message {
  padding-left: 12px;
  border-left: 2px solid #ec9a3c;
  font-size: 15px;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.reclame-tiles {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 16px;
}
.reclame-tiles > p {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  padding-inline: 10px;
  border-left: 1px solid #2f353d;
}
.reclame-tiles > p:first-child {
  padding-left: 0;
  border-left: 0;
}
.reclame-tiles > p:last-child {
  padding-right: 0;
}
.reclame-tiles strong {
  font-family: var(--font-mono);
  font-size: 17px;
  font-weight: 400;
  overflow-wrap: anywhere;
}
.reclame-tiles strong[data-missing] {
  color: #abb3bf;
  font-family: inherit;
  font-size: 15px;
}
.reclame-tiles span {
  color: #abb3bf;
  font-size: 12px;
  line-height: 1.3;
}
.reclame-primary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 52px;
  padding-inline: 18px;
  border-radius: 16px;
  background: #f2f4f7;
  color: #10161f;
  font-size: 15px;
  font-weight: 600;
}
.reclame-primary-center {
  justify-content: center;
}
.reclame-item > .reclame-primary {
  margin-top: 16px;
}
.reclame-item > .reclame-card-watch {
  width: calc(100% - 32px);
  min-height: 52px;
  margin-top: 10px;
  border-radius: 16px;
  font-size: 15px;
}
.reclame-facts {
  display: flex;
  flex-direction: column;
  margin-top: 28px;
}
.reclame-facts > .reclame-eyebrow {
  color: #ec9a3c;
}
.reclame-facts h3 {
  margin-top: 6px;
}
.reclame-facts h3, .reclame-section-title {
  font-family: var(--font-display);
  font-size: 22px;
  font-weight: 500;
  letter-spacing: -.01em;
}
.reclame-facts > :is(.reclame-note, .reclame-rows) {
  margin-top: 10px;
}
.reclame-rows > div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 0;
  border-top: 1px solid #2f353d;
  font-size: 14px;
}
.reclame-rows dt {
  color: #abb3bf;
}
.reclame-rows dd {
  text-align: right;
  overflow-wrap: anywhere;
}
.reclame-rows dd[data-missing] {
  color: #abb3bf;
}
:is(.reclame-facts, .reclame-panel, .reclame-coverage) .reclame-rows > div:last-child {
  border-bottom: 1px solid #2f353d;
}
.reclame-media {
  display: grid;
  gap: 10px;
}
.reclame-media :is(img, video) {
  width: 100%;
  max-height: 380px;
  border-radius: 12px;
  background: var(--sentinel-panel-muted);
  object-fit: contain;
}
.reclame-transcript {
  color: #c9ced6;
  white-space: pre-wrap;
}
.reclame-item > .reclame-back + .reclame-eyebrow {
  margin-top: 4px;
}
.reclame-item > .reclame-eyebrow + .reclame-item-title {
  margin-top: 6px;
}
.reclame-item > .reclame-item-title + p {
  margin-top: 10px;
  color: #d0d6dd;
  font-size: 15px;
  line-height: 1.45;
}
.reclame-item > .reclame-panel {
  margin-top: 16px;
}
.reclame-source-badge {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 1px solid #2f517f;
  border-radius: 12px;
  background: #1e2b3a;
  color: #8abbff;
  font-size: 16px;
  font-weight: 500;
}
.reclame-panel > .reclame-eyebrow {
  margin-top: 14px;
}
.reclame-panel > .reclame-captured-title {
  margin-top: 8px;
  font-size: 22px;
  line-height: 1.15;
}
.reclame-panel > .reclame-captured-title + .reclame-muted {
  margin-top: 4px;
  font-size: 13px;
}
.reclame-panel .reclame-rows {
  margin-top: 12px;
}
:is(.reclame-panel, .reclame-coverage) .reclame-rows > div {
  padding-block: 11px;
}
.reclame-panel > .reclame-primary {
  margin-top: 16px;
}
.reclame-coverage {
  margin-top: 24px;
}
.reclame-coverage .reclame-rows {
  margin-top: 8px;
}
.reclame-coverage .reclame-note {
  margin-top: 12px;
}
@media (min-width: 1024px) {
  #ads-filters {
    width: min(440px, 100vw);
  }
}
#ads-filters .filter-sheet-header {
  padding: 32px 24px 0;
  border-bottom: 0;
}
#ads-filters .filter-sheet-header h2 {
  font-size: 24px;
  letter-spacing: 0;
}
#ads-filters .filter-sheet-close {
  border-color: #2f353d;
}
#ads-filters .filter-sheet-body {
  gap: 16px;
  padding: 14px 24px 0;
}
#ads-filters :is(legend, .reclame-filter-payer label > span:first-child) {
  margin-bottom: 8px;
  color: #abb3bf;
  font-family: inherit;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
}
#ads-filters .reclame-filter-payer > div {
  margin: 0;
}
#ads-filters .filter-sheet-segments {
  border-color: #2f353d;
  background: #10161f;
}
#ads-filters .filter-sheet-segments label {
  color: #abb3bf;
  font-size: 14px;
  font-weight: 500;
}
#ads-filters .filter-sheet-segments input:checked + label {
  border-color: #4c90f0;
  background: #182435;
  color: #f2f4f7;
  font-weight: 600;
}
@media (min-width: 768px) {
  #ads-filters .filter-sheet-segments label {
    min-height: 36px;
  }
}
#ads-filters .reclame-select {
  width: 100%;
  min-height: 52px;
  padding: 0 12px 0 16px;
  border: 1px solid #2f353d;
  border-radius: 14px;
  background-color: #10161f;
  color: #f2f4f7;
  font-size: 16px;
}
#ads-filters .filter-sheet-footer {
  display: grid;
  grid-template-columns: minmax(max-content, 1fr) minmax(0, 2fr);
  gap: 10px;
  padding: 22px 24px calc(24px + env(safe-area-inset-bottom));
  border-top: 0;
}
#ads-filters :is(.filter-sheet-reset, .filter-sheet-submit) {
  min-width: 0;
  min-height: 52px;
  border-radius: 16px;
  font-size: 15px;
  font-weight: 600;
}
#ads-filters .filter-sheet-reset {
  border-color: #2f353d;
  background: transparent;
  color: #f2f4f7;
}
#ads-filters .filter-sheet-submit {
  background: #f2f4f7;
  color: #10161f;
}
@media (max-width: 599px) {
  .reclame-tiles strong {
    font-size: 15px;
  }
  .reclame-rows > div {
    flex-direction: column;
    gap: 4px;
  }
  .reclame-rows dd {
    text-align: left;
  }
}
.reclame-eyebrow-warm {
  color: #ec9a3c;
}
.reclame-lead {
  margin-top: 8px;
  color: #d0d6dd;
  font-size: 15px;
  line-height: 1.45;
}
.reclame-pill {
  display: inline-flex;
  align-items: center;
  height: 26px;
  padding: 0 10px;
  border: 1px solid #2f353d;
  border-radius: 13px;
  background: #1e2329;
  color: #d0d6dd;
  font-family: var(--font-mono);
  font-size: 12px;
  white-space: nowrap;
}
.reclame-landing {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}
.reclame-banner {
  display: flex;
  gap: 12px;
  padding: 14px 16px;
  border: 1px solid #2f353d;
  border-radius: 16px;
  background: #171c21;
  color: #abb3bf;
  font-size: 13px;
  line-height: 1.45;
}
.reclame-banner-icon {
  display: grid;
  flex: none;
  place-items: center;
  width: 32px;
  height: 32px;
  border: 1px solid color-mix(in srgb, #ec9a3c 35%, transparent);
  border-radius: 16px;
  background: #2a2014;
}
.reclame-banner-icon::after {
  content: "";
  width: 14px;
  height: 14px;
  border: 2px solid #ec9a3c;
  border-radius: 50%;
  background: linear-gradient(90deg, #ec9a3c 50%, transparent 50%);
}
.reclame-banner > div {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.reclame-banner-title {
  color: #f3b46d;
  font-size: 15px;
  font-weight: 600;
}
.reclame-banner-count {
  margin-top: 2px;
  color: #8a929e;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.reclame-hero {
  margin-top: 0;
  padding: 18px;
  border-radius: 20px;
}
.reclame-hero-title {
  margin-top: 10px;
  font-family: var(--font-display);
  font-size: 32px;
  font-weight: 500;
  letter-spacing: -.02em;
  line-height: 1.08;
  overflow-wrap: anywhere;
}
.reclame-hero-lead {
  margin-top: 10px;
  color: #d0d6dd;
  font-size: 15px;
  line-height: 1.45;
}
.reclame-hero-lead + .reclame-hero-lead {
  margin-top: 4px;
}
.reclame-hero-tiles {
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid #2f353d;
}
.reclame-hero-tiles strong {
  font-size: 20px;
}
.reclame-hero-checked {
  margin-top: 14px;
  color: #abb3bf;
  font-size: 13px;
  line-height: 1.45;
}
.reclame-hero-checked .reclame-checked {
  margin-top: 0;
}
.reclame-hero-checked .reclame-muted {
  margin-top: 2px;
  padding-left: 16px;
  color: #8a929e;
}
.reclame-landing > #ads-landing-empty {
  margin-top: 0;
}
.reclame-empty h1 {
  margin-top: 14px;
  font-family: var(--font-display);
  font-size: 22px;
  font-weight: 500;
  line-height: 1.2;
}
.reclame-new {
  margin-top: 6px;
}
.reclame-new-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}
.reclame-new-all {
  display: flex;
  align-items: center;
  min-height: 44px;
  color: #d0d6dd;
  font-size: 14px;
  font-weight: 500;
}
.reclame-new-all:hover {
  color: #fff;
}
.reclame-new .reclame-cards {
  margin-top: 4px;
}
.reclame-scope {
  margin-top: 16px;
}
.reclame-scope-title {
  margin-top: 8px;
  font-family: var(--font-display);
  font-size: 28px;
  font-weight: 500;
  letter-spacing: -.02em;
  line-height: 1.1;
}
.reclame-scope-title + p {
  margin-top: 10px;
  color: #d0d6dd;
  font-size: 15px;
  line-height: 1.45;
}
.reclame-entries {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.reclame-entry {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px;
  border: 1px solid #2f353d;
  border-radius: 16px;
  background: #171c21;
  color: #f2f4f7;
  transition: border-color .15s, filter .15s;
}
.reclame-entry:hover {
  border-color: #4b525c;
  filter: brightness(1.08);
}
.reclame-entry > [class*="hero-arrow"] {
  flex: none;
  margin-left: auto;
  color: #abb3bf;
}
.reclame-entry-icon {
  display: grid;
  flex: none;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 1px solid #4b525c;
  border-radius: 12px;
  background: #1e2b3a;
  color: #8abbff;
}
.reclame-entry-icon[data-tone="general"] {
  border-color: color-mix(in srgb, #ec9a3c 35%, transparent);
  background: #2a2014;
  color: #ec9a3c;
}
.reclame-entry-text {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}
.reclame-entry-text strong {
  font-size: 16px;
  font-weight: 600;
}
.reclame-entry-text > span {
  color: #abb3bf;
  font-size: 13px;
  line-height: 1.4;
}
.reclame-entry-text > .reclame-entry-meta {
  margin-top: 3px;
  color: #8a929e;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.reclame-aside > .reclame-note {
  margin-top: 24px;
}
.reclame-aside > .reclame-note:first-child {
  margin-top: 0;
}
.reclame-partial-link {
  display: flex;
  align-items: center;
  min-height: 44px;
  margin-left: auto;
  padding: 0 10px;
  color: #d0d6dd;
  font-size: 14px;
  font-weight: 500;
}
.reclame-card[data-label] {
  border-left-width: 4px;
}
.reclame-card[data-label="negative"] {
  border-left-color: #e87078;
}
.reclame-card[data-label="positive"] {
  border-left-color: #20ccbc;
}
.reclame-card[data-label="evaluating"] {
  border-left-color: #ec9a3c;
}
.reclame-card[data-label="neutral"] {
  border-left-color: #8a94a3;
}
.reclame-card[data-label="negative"]:not([data-unread]) {
  background: linear-gradient(100deg, color-mix(in srgb, #e87078 9%, transparent) 0%, transparent 42%), #14181d;
}
.reclame-card[data-label="positive"]:not([data-unread]) {
  background: linear-gradient(100deg, color-mix(in srgb, #20ccbc 8%, transparent) 0%, transparent 42%), #12191b;
}
.reclame-label {
  display: inline-flex;
  align-items: center;
  height: 22px;
  padding: 0 9px;
  border: 1px solid;
  border-radius: 11px;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .02em;
  white-space: nowrap;
}
.reclame-label[data-label="negative"] {
  border-color: rgba(232, 112, 120, .4);
  background: rgba(232, 112, 120, .12);
  color: #ff9b9e;
}
.reclame-label[data-label="positive"] {
  border-color: rgba(32, 204, 188, .4);
  background: rgba(32, 204, 188, .12);
  color: #65e0d3;
}
.reclame-label[data-label="evaluating"] {
  border-color: rgba(236, 154, 60, .4);
  background: rgba(236, 154, 60, .12);
  color: #f3b46d;
}
.reclame-label[data-label="neutral"] {
  border-color: rgba(171, 179, 191, .4);
  background: rgba(171, 179, 191, .1);
  color: #c9d0da;
}
.reclame-arrow {
  margin-right: 4px;
}
.reclame-arrow[data-label="negative"] {
  color: #e87078;
}
.reclame-arrow[data-label="positive"] {
  color: #20ccbc;
}
.reclame-tones {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-top: 14px;
}
@media (max-width: 639px) {
  .reclame-tones {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.reclame-tone {
  display: flex;
  flex-wrap: nowrap;
  white-space: nowrap;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 4px 8px;
  border: 1px solid #2f353d;
  border-radius: 22px;
  background: #171c21;
  color: #d0d6dd;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
  transition: border-color .15s, background-color .15s;
}
@media (max-width: 359px) {
  .reclame-tone {
    flex-wrap: wrap;
    white-space: normal;
  }
}
.reclame-tone:hover {
  border-color: #4b525c;
}
.reclame-tone[aria-current] {
  border-color: #4c90f0;
  background: #182435;
  color: #f2f4f7;
  font-weight: 600;
}
.reclame-tone .reclame-num {
  margin-right: 4px;
  color: #f2f4f7;
}
.reclame-tones-note {
  margin-top: 10px;
  font-size: 13px;
  line-height: 1.45;
}
#ads-filter-tone .filter-sheet-segments {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  padding: 0;
  border: 0;
  background: none;
}
#ads-filter-tone .filter-sheet-segments label {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  border-color: #2f353d;
  border-radius: 14px;
  color: #d0d6dd;
}
#ads-filter-tone label > span {
  margin-bottom: 0;
}
.reclame-segment-count {
  margin-left: 4px;
  color: #8a929e;
  font-family: var(--font-mono);
  font-size: 13px;
}
#ads-filters input:checked + label .reclame-segment-count {
  color: #abb3bf;
}
.reclame-tile-alert {
  color: #e87078;
}
.reclame-hero-open {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 52px;
  margin-top: 16px;
  padding: 0 18px;
  border: 1px solid #f2f4f7;
  border-radius: 16px;
  background: #f2f4f7;
  color: #10161f;
  font-size: 15px;
  font-weight: 600;
  transition: filter .15s;
}
.reclame-hero-open:hover {
  filter: brightness(.92);
}
.reclame-scope-rows {
  display: flex;
  flex-direction: column;
  margin-top: 14px;
  border-bottom: 1px solid #2f353d;
}
.reclame-scope-row {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 52px;
  border-top: 1px solid #2f353d;
  color: #f2f4f7;
  font-size: 15px;
}
.reclame-scope-row > span:first-child {
  flex: 1;
  min-width: 0;
}
.reclame-scope-row strong {
  font-family: var(--font-mono);
  font-size: 17px;
  font-weight: 400;
}
.reclame-scope-row > [class*="hero-"] {
  color: #8a929e;
}
.reclame-scope-row:hover > [class*="hero-"] {
  color: #f2f4f7;
}
.reclame-scope-row[data-label="negative"] :is(strong, .reclame-arrow) {
  color: #ff9b9e;
}
.reclame-scope-row[data-label="positive"] :is(strong, .reclame-arrow) {
  color: #65e0d3;
}
.reclame-scope-row[data-label="evaluating"] strong {
  color: #f3b46d;
}
.reclame-scope-row[data-label="neutral"] strong {
  color: #c9d0da;
}
.reclame-evaluation {
  margin-top: 16px;
  padding: 14px;
  border: 1px solid #2f353d;
  border-radius: 16px;
}
.reclame-evaluation[data-label="negative"] {
  border-color: color-mix(in srgb, #e87078 30%, transparent);
  background: color-mix(in srgb, #e87078 7%, transparent);
}
.reclame-evaluation[data-label="positive"] {
  border-color: color-mix(in srgb, #20ccbc 30%, transparent);
  background: color-mix(in srgb, #20ccbc 7%, transparent);
}
.reclame-evaluation[data-label="evaluating"] {
  padding: 16px;
  border-style: dashed;
  border-color: color-mix(in srgb, #ec9a3c 35%, transparent);
  background: color-mix(in srgb, #ec9a3c 5%, transparent);
}
.reclame-evaluation-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.reclame-evaluation .reclame-eyebrow {
  color: #abb3bf;
  letter-spacing: .08em;
}
.reclame-evaluation[data-label="negative"] .reclame-eyebrow {
  color: #ff9b9e;
}
.reclame-evaluation[data-label="positive"] .reclame-eyebrow {
  color: #65e0d3;
}
.reclame-evaluation[data-label="evaluating"] .reclame-eyebrow {
  color: #f3b46d;
}
.reclame-evaluation > .reclame-label {
  margin-top: 10px;
}
.reclame-evaluation > p {
  margin-top: 6px;
  color: #e3e7ec;
  font-size: 15px;
  line-height: 1.45;
}
.reclame-evaluation > p.reclame-muted {
  color: #abb3bf;
  font-size: 13px;
  line-height: 1.4;
}
.reclame-evaluation[data-label="negative"] > p.reclame-muted {
  color: #c9b8ba;
}
.reclame-priority {
  display: inline-flex;
  flex: none;
  align-items: center;
  gap: 6px;
  height: 24px;
  padding: 0 10px;
  border: 1px solid #2f353d;
  border-radius: 12px;
  color: #abb3bf;
  font-size: 12px;
  white-space: nowrap;
}
.reclame-priority[data-priority="yes"] {
  border-color: rgba(236, 154, 60, .4);
  background: rgba(236, 154, 60, .12);
  color: #f3b46d;
}
.reclame-priority[data-priority="yes"]::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 3px;
  background: #ec9a3c;
}
.watch-actions {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 14px;
}
.watch-actions > button {
  width: calc(100% - 32px);
}
.watch-add, .watch-refresh-all, .watch-refresh, .watch-remove-wide {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-height: 52px;
  padding: 0 18px;
  border-radius: 16px;
  font-size: 15px;
  font-weight: 600;
  transition: border-color .15s, filter .15s;
}
.watch-add {
  justify-content: space-between;
  border: 1px solid #2c4466;
  background: #162232;
  color: #8abbff;
}
.watch-refresh-all {
  justify-content: center;
  border: 1px solid #2f353d;
  color: #f2f4f7;
}
.watch-list {
  margin-top: 20px;
}
.watch-list-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.watch-list .reclame-cards {
  margin-top: 10px;
}
.watch-card {
  position: relative;
  gap: 0;
  padding: 14px 16px 0;
  background: #171c21;
  box-shadow: inset 2px 0 0 #7d8898;
}
.watch-card[data-unread] {
  border-color: #2a466e;
  box-shadow: inset 2px 0 0 #4c90f0;
}
.watch-card-head {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.watch-initials {
  display: grid;
  flex: none;
  place-items: center;
  width: 40px;
  height: 40px;
  border: 1px solid #2f517f;
  border-radius: 12px;
  background: #1e2b3a;
  color: #8abbff;
  font-family: var(--font-mono);
  font-size: 13px;
}
.watch-card-who {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  font-size: 13px;
}
.watch-card-who .reclame-num {
  color: #abb3bf;
  font-size: 12px;
}
.watch-card-who > span.reclame-muted:not(.reclame-num) {
  color: #8a929e;
}
.watch-card-name {
  color: #f2f4f7;
  font-size: 16px;
  font-weight: 600;
  overflow-wrap: anywhere;
}
.watch-chevron {
  flex: none;
  margin-top: 18px;
  color: #abb3bf;
}
.watch-card-who .reclame-eyebrow[data-new]::before, .watch-figures strong[data-new]::before, .watch-tiles dd[data-new]::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 6px;
  border-radius: 3px;
  background: #4c90f0;
  box-shadow: 0 0 6px color-mix(in srgb, #4c90f0 90%, transparent);
  vertical-align: middle;
}
.watch-figures {
  display: grid;
  grid-template-columns: 1fr 1fr 1.6fr;
  gap: 8px;
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px solid #2f353d;
}
.watch-card[data-unread] .watch-figures {
  border-top-color: #2a3a52;
}
.watch-figures p {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.watch-figures strong {
  font-family: var(--font-mono);
  font-size: 15px;
  font-weight: 400;
  overflow-wrap: anywhere;
}
.watch-figures strong[data-missing] {
  color: #abb3bf;
  font-family: inherit;
  font-size: 14px;
  line-height: 20px;
}
.watch-figures strong[data-none] {
  color: #8a929e;
  font-family: inherit;
  font-size: 14px;
  line-height: 20px;
}
.watch-figures strong[data-new], .watch-figures strong[data-new] + span {
  color: #8abbff;
}
.watch-figures span {
  color: #abb3bf;
  font-size: 12px;
}
.watch-card-open {
  display: flex;
  align-items: center;
  min-height: 44px;
  margin-top: 4px;
  color: #8abbff;
  font-size: 14px;
  font-weight: 600;
}
.watch-card-open::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 16px;
}
.watch-card-open:focus-visible {
  outline: none;
}
.watch-card:has(.watch-card-open:focus-visible) {
  outline: 2px solid var(--sentinel-focus);
  outline-offset: 3px;
}
.watch-card-foot {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: flex-end;
  border-top: 1px solid #2f353d;
}
.watch-remove {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 36px;
  margin: 4px 0;
  padding: 0 12px;
  border: 1px solid rgba(232, 112, 120, .45);
  border-radius: 12px;
  color: #ff9b9e;
  font-size: 14px;
  font-weight: 500;
}
.watch-remove-wide {
  justify-content: center;
  height: auto;
  margin: 10px 0 0;
  font-size: 15px;
  font-weight: 600;
}
:is(.watch-refresh-all, .watch-refresh, .watch-remove) > [class*="hero-"] {
  width: 18px;
  height: 18px;
}
:is(.watch-add, .watch-refresh-all, .watch-refresh):hover {
  border-color: #4b525c;
  filter: brightness(1.08);
}
.watch-remove:hover {
  border-color: #e87078;
  filter: brightness(1.08);
}
.watch-list > .reclame-footnote {
  margin-top: 12px;
}
.watch-how-title {
  margin-top: 8px;
  font-size: 28px;
  letter-spacing: -.02em;
  line-height: 1.1;
}
.watch-how-lead {
  margin-top: 10px;
  color: #d0d6dd;
  font-size: 15px;
  line-height: 1.45;
}
.watch-how-rows {
  margin-top: 14px;
}
.watch-how-rows > div {
  align-items: center;
  min-height: 48px;
  padding-block: 0;
  font-size: 15px;
}
:is(.watch-how-rows, .watch-context .reclame-rows) > div {
  flex-direction: row;
  justify-content: space-between;
}
:is(.watch-how-rows, .watch-context .reclame-rows) dd {
  text-align: right;
}
.watch-how-rows > div:last-child {
  border-bottom: 1px solid #2f353d;
}
.watch-how-rows dt {
  color: #abb3bf;
}
.watch-how-rows dd {
  font-family: var(--font-mono);
  font-size: 17px;
}
#watchlist-hint {
  margin-top: 20px;
}
.watch-how-rows dd[data-new] {
  color: #8abbff;
}
.watch-hero {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 4px;
  padding-inline: 0;
}
.watch-hero .watch-initials {
  width: 44px;
  height: 44px;
  border-radius: 14px;
  font-size: 14px;
}
.watch-hero p {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.watch-hero .reclame-num {
  color: #d0d6dd;
  font-size: 12px;
}
.watch-page > .reclame-item-title {
  margin-top: 12px;
}
.watch-page > .reclame-panel {
  margin-top: 14px;
  padding: 16px;
  border-radius: 16px;
}
.watch-status-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.watch-status-top .reclame-muted {
  color: #8a929e;
  font-size: 13px;
}
.watch-live {
  display: inline-flex;
  flex: none;
  align-items: center;
  gap: 6px;
  height: 24px;
  white-space: nowrap;
  padding: 0 10px;
  border: 1px solid rgba(32, 204, 188, .4);
  border-radius: 12px;
  background: rgba(32, 204, 188, .12);
  color: #65e0d3;
  font-size: 12px;
}
.watch-live::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 3px;
  background: #20ccbc;
}
.watch-status-note {
  margin-top: 8px;
  color: #abb3bf;
  font-size: 13px;
  line-height: 1.4;
}
.watch-tiles {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 12px;
  border-top: 1px solid #2f353d;
}
.watch-tiles > div {
  min-width: 0;
  padding: 12px 12px 12px 0;
}
.watch-tiles > div:nth-child(even) {
  padding: 12px 0 12px 12px;
  border-left: 1px solid #2f353d;
}
.watch-tiles > div:nth-child(-n + 2) {
  border-bottom: 1px solid #2f353d;
}
.watch-tiles dt {
  color: #abb3bf;
  font-size: 12px;
}
.watch-tiles dd {
  margin-top: 4px;
  font-family: var(--font-mono);
  font-size: 17px;
  overflow-wrap: anywhere;
}
.watch-tiles dd[data-new] {
  color: #8abbff;
}
.watch-tiles dd[data-missing] {
  color: #d0d6dd;
  font-family: inherit;
  font-size: 15px;
}
.watch-tiles .watch-tile-note {
  margin-top: 2px;
  color: #8a929e;
  font-family: inherit;
  font-size: 12px;
  line-height: 1.3;
}
.watch-refresh {
  justify-content: center;
  margin-top: 4px;
  border: 1px solid #2c4466;
  background: #162232;
  color: #8abbff;
}
.watch-page > .reclame-note {
  margin-top: 14px;
}
.watch-ads {
  margin-top: 28px;
}
.watch-ads .reclame-section-title {
  margin-top: 6px;
}
.watch-ads-lead {
  margin-top: 4px;
  font-size: 13px;
  line-height: 1.45;
}
.watch-ads .reclame-cards {
  margin-top: 12px;
}
.watch-context {
  margin-top: 32px;
}
.watch-context .reclame-section-title {
  margin-top: 8px;
  font-size: 24px;
  letter-spacing: -.02em;
  line-height: 1.1;
}
.watch-context > p:not(.reclame-eyebrow) {
  margin-top: 8px;
  color: #abb3bf;
  font-size: 14px;
  line-height: 1.45;
}
#watch-page-options {
  color: #f2f4f7;
}
.watch-context .reclame-rows {
  margin-top: 12px;
}
.watch-context .reclame-rows > div:last-child {
  border-bottom: 1px solid #2f353d;
}
.reclame-dialog {
  width: min(560px, calc(100vw - 32px));
  max-width: 100%;
  max-height: calc(100dvh - 32px);
  margin: auto;
  padding: 20px 24px 24px;
  overflow: auto;
  border: 1px solid #2f353d;
  border-radius: 24px;
  background: #171c21;
  color: #f2f4f7;
  box-shadow: 0 24px 80px #0008;
}
.reclame-dialog::backdrop {
  background: #05070acc;
}
.reclame-dialog-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 12px;
}
.reclame-dialog-head h2 {
  margin-top: 4px;
  font-family: var(--font-display);
  font-size: 24px;
  font-weight: 500;
  overflow-wrap: anywhere;
}
.reclame-dialog-head > h2 {
  margin-top: 0;
}
.reclame-dialog-meta {
  margin-top: 2px;
  color: #abb3bf;
  font-size: 12px;
}
.reclame-dialog .filter-sheet-close {
  border-color: #2f353d;
}
#watchlist-add-form > div {
  margin: 14px 0 0;
}
#watchlist-add-form > div + div {
  margin-top: 16px;
}
#watchlist-add-form label > span:first-child {
  margin-bottom: 6px;
  color: #abb3bf;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
}
.reclame-field {
  width: 100%;
  height: 52px;
  padding: 0 16px;
  border: 1px solid #2f353d;
  border-radius: 14px;
  background: transparent;
  color: #f2f4f7;
  font-size: 16px;
}
.reclame-field::placeholder {
  color: #8a929e;
}
.reclame-field:focus {
  border-color: #4c90f0;
  outline: none;
}
.reclame-field-help {
  margin-top: 6px;
  color: #abb3bf;
  font-size: 13px;
  line-height: 1.4;
}
.reclame-field-error {
  margin-top: 8px;
  color: #ff9b9e;
  font-size: 13px;
  line-height: 1.4;
}
#watchlist-add-form > .reclame-note {
  margin-top: 16px;
}
.reclame-dialog-submit, .reclame-dialog-cancel {
  width: 100%;
  min-height: 52px;
  border-radius: 16px;
  font-size: 15px;
  font-weight: 600;
}
.reclame-dialog-submit {
  margin-top: 20px;
  background: #f2f4f7;
  color: #10161f;
}
.reclame-dialog-cancel {
  margin-top: 10px;
  border: 1px solid #2f353d;
}
.reclame-options {
  margin-top: 14px;
}
.reclame-options :is(a, button) {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 52px;
  border-top: 1px solid #2f353d;
  color: #f2f4f7;
  font-size: 15px;
  text-align: left;
}
.reclame-options :is(a, button) > [class*="hero-"] {
  flex: none;
  color: #d0d6dd;
}
.reclame-options button > [class*="hero-"] {
  width: 18px;
  height: 18px;
  margin-inline: 1px;
}
.reclame-options .reclame-muted {
  margin-left: auto;
  color: #8a929e;
  font-size: 13px;
}
.reclame-options .reclame-options-remove {
  color: #ff9b9e;
  font-weight: 600;
}
.reclame-options .reclame-options-remove > [class*="hero-"] {
  color: inherit;
}
.reclame-confirm {
  margin-top: 4px;
  padding: 16px;
  border: 1px solid rgba(232, 112, 120, .45);
  border-radius: 16px;
  background: #1c1011;
}
.reclame-confirm h3 {
  font-family: var(--font-display);
  font-size: 22px;
  font-weight: 500;
  line-height: 1.15;
}
.reclame-confirm > p {
  margin-top: 8px;
  color: #e3e7ec;
  font-size: 15px;
  line-height: 1.45;
}
.reclame-confirm ul {
  margin-top: 10px;
  padding-left: 18px;
  color: #c9b8ba;
  font-size: 14px;
  line-height: 1.45;
  list-style: disc;
}
.reclame-confirm li + li {
  margin-top: 4px;
}
.reclame-confirm-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 16px;
}
.reclame-confirm-actions button {
  min-height: 52px;
  border: 1px solid #2f353d;
  border-radius: 16px;
  font-size: 15px;
  font-weight: 600;
}
.reclame-confirm-actions .reclame-confirm-remove {
  border-color: color-mix(in srgb, #e87078 55%, transparent);
  background: rgba(232, 112, 120, .16);
  color: #ff9b9e;
}
@media (max-width: 767px) {
  .reclame-dialog {
    width: 100%;
    max-height: calc(100dvh - 24px);
    margin: auto 0 0;
    padding: 8px 16px calc(34px + env(safe-area-inset-bottom));
    border-bottom: 0;
    border-radius: 24px 24px 0 0;
  }
  .reclame-dialog::before {
    content: "";
    display: block;
    width: 36px;
    height: 4px;
    margin: 0 auto;
    border-radius: 2px;
    background: #3d444e;
  }
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-ordinal {
  syntax: "*";
  inherits: false;
}
@property --tw-slashed-zero {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-figure {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-space-y-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
    }
  }
}