/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@font-face {
  font-family: Poppins;
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("../fonts/poppins-latin-200-normal.woff2") format("woff2");
  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: Poppins;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/poppins-latin-400-normal.woff2") format("woff2");
  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: Poppins;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/poppins-latin-500-normal.woff2") format("woff2");
  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: Poppins;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/poppins-latin-600-normal.woff2") format("woff2");
  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: Poppins;
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../fonts/poppins-latin-900-normal.woff2") format("woff2");
  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: Poppins;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/poppins-latin-700-normal.woff2") format("woff2");
  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: Poppins;
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("../fonts/poppins-latin-ext-200-normal.woff2") format("woff2");
  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: Poppins;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/poppins-latin-ext-400-normal.woff2") format("woff2");
  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: Poppins;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/poppins-latin-ext-500-normal.woff2") format("woff2");
  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: Poppins;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/poppins-latin-ext-600-normal.woff2") format("woff2");
  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;
}
:root, :host {
  --spacing: .25rem;
  --font-sans: Poppins, ui-sans-serif, system-ui, sans-serif;
  --color-white: #ffffff;
  --color-aido-accent: #0e0e12;
  --color-aido-accent-strong: #2c2c34;
  --color-aido-accent-soft: #eeede9;
  --color-aido-accent-tint: #f6f5f2;
  --color-aido-accent-line: #d4d1ca;
  --color-aido-hover: #f2ecf8;
  --color-aido-hover-strong: #e6daf2;
  --color-aido-hover-line: #b896d9;
  --color-aido-hover-ink: #6c3e99;
  --color-aido-cyan: #009fdc;
  --color-aido-yellow: #ffcc31;
  --color-aido-magenta: #ed3c89;
  --color-aido-violet: #6c3e99;
  --color-aido-violet-bg: #f2ecf8;
  --color-aido-brand-violet: #6c3e99;
  --color-aido-on-brand: #0e0e12;
  --color-aido-on-accent: #ffffff;
  --color-aido-selected: #6c3e99;
  --color-aido-on-selected: #ffffff;
  --color-aido-focus: #ed3c89;
  --color-aido-ink: #0e0e12;
  --color-aido-text: #3b3b42;
  --color-aido-muted: #5e5f66;
  --color-aido-faint: #a3a4ac;
  --color-aido-canvas: #f4f3f0;
  --color-aido-surface: #ffffff;
  --color-aido-surface-2: #faf9f7;
  --color-aido-border: #e8e6e1;
  --color-aido-border-strong: #dcd9d2;
  --color-aido-divider: #f0eeea;
  --color-aido-night: #1b1b21;
  --color-aido-deep: #0e0e12;
  --color-aido-success: #167447;
  --color-aido-success-bg: #e8f6ee;
  --color-aido-success-line: #cfe7d8;
  --color-aido-success-solid: #16a34a;
  --color-aido-warning: #87561a;
  --color-aido-warning-bg: #fff5e3;
  --color-aido-warning-line: #f0dcb0;
  --color-aido-warning-solid: #d97706;
  --color-aido-danger: #a12b3a;
  --color-aido-danger-bg: #ffedee;
  --color-aido-danger-line: #f1cbd0;
  --color-aido-danger-solid: #a32642;
  --color-aido-neutral-bg: #f0efec;
  --color-aido-fill-good: #15803d;
  --color-aido-fill-bad: #d92d45;
  --color-aido-neutral-solid: #5e5f66;
  --radius-aido-control: 10px;
  --radius-aido-badge: 10px;
  --radius-aido-block: 12px;
  --radius-aido-card: 16px;
  --radius-aido-dialog: 18px;
  --radius-aido-pill: 999px;
  --shadow-aido-pop: 0 9px 32px rgb(14 14 18 / .18);
  --shadow-aido-dialog: 0 26px 75px rgb(14 14 18 / .32);
  --shadow-aido-drawer: 20px 0 45px rgb(14 14 18 / .18);
}
.collapse {
  visibility: collapse;
}
.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;
}
.fixed {
  position: fixed;
}
.block {
  display: block;
}
.contents {
  display: contents;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
.table {
  display: table;
}
.h-2 {
  height: calc(var(--spacing) * 2);
}
.h-3 {
  height: calc(var(--spacing) * 3);
}
.min-w-0 {
  min-width: calc(var(--spacing) * 0);
}
.flex-1 {
  flex: 1;
}
.grow {
  flex-grow: 1;
}
.transform {
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
}
.resize {
  resize: both;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.gap-5 {
  gap: calc(var(--spacing) * 5);
}
.text-right {
  text-align: right;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.text-aido-danger {
  color: var(--color-aido-danger);
}
.text-aido-muted {
  color: var(--color-aido-muted);
}
.text-aido-success {
  color: var(--color-aido-success);
}
.text-aido-violet {
  color: var(--color-aido-violet);
}
.text-aido-warning {
  color: var(--color-aido-warning);
}
.outline {
  outline-style: var(--tw-outline-style);
  outline-width: 1px;
}
.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,);
}
.max-\[1279px\]\:hidden {
  @media (width < 1279px) {
    display: none;
  }
}
.max-\[760px\]\:hidden {
  @media (width < 760px) {
    display: none;
  }
}
.max-\[600px\]\:hidden {
  @media (width < 600px) {
    display: none;
  }
}
.min-\[961px\]\:max-\[1199px\]\:hidden {
  @media (width >= 961px) {
    @media (width < 1199px) {
      display: none;
    }
  }
}
@layer base {
  *, *::before, *::after {
    box-sizing: border-box;
  }
  :root {
    --aido-gap: 18px;
    --aido-gap-sm: 10px;
    --aido-gap-field: 16px;
    --aido-kpi-gap: 14px;
    --aido-card-pad: 24px;
    --aido-control: 44px;
    --aido-control-compact: 38px;
    --aido-header-h: 80px;
    --aido-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%230e0e12' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
    --aido-motion-fast: .12s;
    --aido-motion: .18s;
    --aido-motion-slow: .36s;
    --aido-ease: cubic-bezier(.16,1,.3,1);
    --aido-rise: 14px;
    --aido-stagger: 38ms;
  }
  @media (max-width:600px) {
    :root {
      --aido-card-pad: 16px;
      --aido-gap: 14px;
      --aido-header-h: 68px;
    }
  }
  :root[data-theme="dark"] .aido-body {
    color-scheme: dark;
    --aido-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23f4f3f0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
    --color-aido-accent: #f4f3f0;
    --color-aido-accent-strong: #ffffff;
    --color-aido-accent-soft: #2a2a31;
    --color-aido-accent-tint: #212127;
    --color-aido-accent-line: #3d3d46;
    --color-aido-on-accent: #0e0e12;
    --color-aido-hover: #2b2337;
    --color-aido-hover-strong: #382c48;
    --color-aido-hover-line: #6b5490;
    --color-aido-hover-ink: #c3a3e8;
    --color-aido-violet: #c3a3e8;
    --color-aido-violet-bg: #2b2337;
    --color-aido-ink: #f4f3f0;
    --color-aido-text: #d9d8d3;
    --color-aido-muted: #a8a9b0;
    --color-aido-faint: #787981;
    --color-aido-canvas: #111115;
    --color-aido-surface: #1a1a20;
    --color-aido-surface-2: #1f1f26;
    --color-aido-border: #2d2d35;
    --color-aido-border-strong: #3b3b44;
    --color-aido-divider: #25252c;
    --color-aido-night: #2e2e36;
    --color-aido-deep: #0a0a0d;
    --color-aido-neutral-bg: #26262d;
    --color-aido-success: #7ad7a1;
    --color-aido-success-bg: #132a1e;
    --color-aido-success-line: #22482f;
    --color-aido-success-solid: #22c55e;
    --color-aido-warning: #f3c875;
    --color-aido-warning-bg: #2f2513;
    --color-aido-warning-line: #4d3c1b;
    --color-aido-warning-solid: #f59e0b;
    --color-aido-danger: #ff98a4;
    --color-aido-danger-bg: #341b20;
    --color-aido-danger-line: #572b33;
    --color-aido-danger-solid: #e5484d;
    --shadow-aido-pop: 0 9px 32px rgb(0 0 0 / .5);
    --shadow-aido-dialog: 0 26px 75px rgb(0 0 0 / .6);
    --shadow-aido-drawer: 20px 0 45px rgb(0 0 0 / .5);
  }
  @media (prefers-reduced-motion:reduce) {
    :root {
      --aido-rise: 0px;
      --aido-motion-slow: .22s;
      --aido-stagger: 20ms;
    }
  }
  html {
    font-family: var(--font-sans);
    color: var(--color-aido-ink);
  }
  body {
    margin: 0;
  }
  button,input,select,textarea {
    font: inherit;
  }
  a {
    text-decoration: none;
  }
  small {
    font-size: 13px;
  }
  strong,b {
    font-weight: 500;
  }
  :where(h1,h2,h3,h4,h5,h6) {
    font-weight: 600;
    line-height: 1.2;
  }
  button {
    cursor: pointer;
  }
  :focus-visible {
    outline: 3px solid var(--color-aido-focus);
    outline-offset: 3px;
  }
  [hidden] {
    display: none !important;
  }
}
@layer components {
  .aido-body {
    min-height: 100vh;
    background: var(--color-aido-canvas);
    color: var(--color-aido-ink);
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .aido-skip {
    position: absolute;
    top: -100px;
    left: 16px;
    z-index: 100;
    background: var(--color-aido-surface);
    padding: 12px 16px;
    border-radius: var(--radius-aido-control);
  }
  .aido-skip:focus {
    top: 8px;
  }
  .aido-shell {
    display: grid;
    grid-template-columns: 242px minmax(0,1fr);
    min-height: 100vh;
  }
  .aido-stage {
    min-width: 0;
  }
  .aido-header {
    position: sticky;
    top: 0;
    z-index: 30;
    min-height: var(--aido-header-h);
    background: var(--color-aido-surface);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
    border-bottom: 1px solid var(--color-aido-border);
    padding: 14px 36px;
  }
  .aido-header-start {
    display: flex;
    align-items: center;
    gap: 22px;
    min-width: 0;
  }
  .aido-header-heading {
    min-width: 0;
  }
  .aido-header-title {
    font-size: 22px;
    font-weight: 600;
    line-height: 1.15;
    margin: 3px 0 0;
    text-wrap: balance;
  }
  .aido-world-clock {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    padding-left: 22px;
    border-left: 1px solid var(--color-aido-border);
    color: var(--color-aido-muted);
    font-size: 13px;
    line-height: 1.2;
    white-space: nowrap;
  }
  .aido-world-clock>[data-aido-glyph] {
    color: var(--color-aido-violet);
  }
  .aido-world-clock>[data-aido-glyph] .aido-svg-icon {
    width: 18px;
    height: 18px;
  }
  .aido-world-clock-zone {
    display: inline-flex;
    align-items: baseline;
    gap: 6px;
  }
  .aido-world-clock time {
    color: var(--color-aido-ink);
    font-weight: 500;
    font-variant-numeric: tabular-nums;
  }
  .aido-header-actions {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
  }
  .aido-header-divider {
    width: 1px;
    height: 28px;
    background: var(--color-aido-border);
    margin: 0 6px;
  }
  .aido-language-switch {
    position: relative;
    display: inline-flex;
    align-items: center;
    color: var(--color-aido-accent);
    --aido-select-width: auto;
    --aido-select-min: 134px;
    --aido-select-start: 38px;
  }
  .aido-language-switch>[data-aido-glyph] {
    position: absolute;
    left: 12px;
    z-index: 1;
    pointer-events: none;
  }
  .aido-language-switch>[data-aido-glyph] .aido-svg-icon {
    width: 18px;
    height: 18px;
  }
  .aido-main {
    padding: 28px 36px 60px;
    max-width: 1720px;
    margin: 0 auto;
    min-width: 0;
  }
  .aido-header .aido-mobile-nav {
    display: none;
  }
  @media (max-width:960px) {
    .aido-shell {
      grid-template-columns: 1fr;
    }
    .aido-header .aido-mobile-nav {
      display: inline-flex;
    }
    .aido-header {
      padding: 12px 20px;
      gap: 16px;
    }
    .aido-header-start {
      gap: 14px;
    }
    .aido-main {
      padding: 25px 20px 50px;
    }
  }
  @media (max-width:600px) {
    .aido-header {
      padding: 10px 16px;
      gap: 10px;
    }
    .aido-header-start {
      gap: 10px;
    }
    .aido-main {
      padding: 20px 14px 40px;
    }
    .aido-header-title {
      font-size: 17px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    }
    .aido-header-actions {
      gap: 6px;
    }
    .aido-language-switch {
      --aido-select-min: 0;
      --aido-select-gap: 4px;
      --aido-select-end: 8px;
      --aido-select-label: none;
    }
  }
  .aido-sidebar {
    display: flex;
    flex-direction: column;
    background: var(--color-aido-surface);
    border-right: 1px solid var(--color-aido-border);
    min-width: 0;
    position: sticky;
    top: 0;
    max-height: 100vh;
  }
  .aido-brand {
    position: relative;
    display: flex;
    align-items: center;
    padding: 28px 24px 29px;
  }
  .aido-lockup {
    --aido-lockup-s: 44px;
    display: inline-flex;
    align-items: center;
    gap: calc(var(--aido-lockup-s) * .26);
    min-width: 0;
    color: var(--color-aido-ink);
  }
  .aido-lockup-mark {
    display: block;
    flex: none;
    width: var(--aido-lockup-s);
    height: var(--aido-lockup-s);
    object-fit: contain;
    margin: calc(var(--aido-ink-t,0) * var(--aido-lockup-s) * -1) calc(var(--aido-ink-r,0) * var(--aido-lockup-s) * -1) calc(var(--aido-ink-b,0) * var(--aido-lockup-s) * -1) calc(var(--aido-ink-l,0) * var(--aido-lockup-s) * -1);
  }
  .aido-lockup-symbol {
    display: grid;
    place-items: center;
    flex: none;
    width: var(--aido-lockup-s);
    height: var(--aido-lockup-s);
    border-radius: var(--radius-aido-block);
    background: var(--color-aido-accent);
    color: var(--color-aido-on-accent);
    font-weight: 600;
    font-size: calc(var(--aido-lockup-s) * .5);
  }
  .aido-lockup-name {
    position: relative;
    top: .5px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-width: 0;
    line-height: 1;
  }
  .aido-lockup-name>strong {
    display: block;
    font-size: calc(var(--aido-lockup-s) * .56);
    font-weight: 700;
    line-height: 1;
    margin: -.175em 0 -.153em;
    overflow-wrap: anywhere;
  }
  .aido-lockup-name>span {
    display: block;
    font-size: max(13px,calc(var(--aido-lockup-s) * .3472));
    font-weight: 500;
    line-height: 1;
    color: var(--color-aido-violet);
    margin: calc(var(--aido-lockup-s) * .0784 - .182em) 0 -.153em;
  }
  .aido-brand::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    background: linear-gradient(90deg,var(--color-aido-cyan) 0 25%,var(--color-aido-yellow) 25% 50%,var(--color-aido-magenta) 50% 75%,var(--color-aido-violet) 75%);
  }
  .aido-workspace-label {
    padding: 24px 14px 8px;
    font-size: 13px;
    line-height: 1.2;
    color: var(--color-aido-muted);
    font-weight: 500;
  }
  .aido-nav {
    display: grid;
    gap: 4px;
    align-content: start;
    padding: 0 12px 18px;
    overflow-y: auto;
    min-height: 0;
    --aido-fade-top: 0px;
    --aido-fade-bottom: 0px;
    mask-image: linear-gradient(to bottom,transparent 0,#000 var(--aido-fade-top),#000 calc(100% - var(--aido-fade-bottom)),transparent 100%);
  }
  .aido-nav[data-more-top] {
    --aido-fade-top: 28px;
  }
  .aido-nav[data-more-bottom] {
    --aido-fade-bottom: 44px;
  }
  .aido-nav-item {
    position: relative;
    border: 0;
    width: 100%;
    background: transparent;
    min-height: var(--aido-control);
    border-radius: var(--radius-aido-control);
    padding: 10px 14px;
    display: flex;
    align-items: center;
    text-align: left;
    gap: 14px;
    font-weight: 400;
    color: var(--color-aido-text);
    transition: background-color var(--aido-motion),color var(--aido-motion),transform var(--aido-motion-fast) var(--aido-ease);
  }
  .aido-nav-item:hover {
    background: var(--color-aido-hover);
    color: var(--color-aido-ink);
  }
  .aido-nav-item.is-active {
    background: var(--color-aido-selected);
    color: var(--color-aido-on-selected);
    font-weight: 500;
  }
  .aido-nav-item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    bottom: 10px;
    width: 3px;
    border-radius: 0 3px 3px 0;
    background: var(--color-aido-yellow);
    transform: scaleY(0);
    transition: transform var(--aido-motion-slow) var(--aido-ease);
  }
  .aido-nav-item.is-active::before {
    transform: scaleY(1);
  }
  .aido-nav-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 24px;
    width: 24px;
    min-width: 24px;
    height: 24px;
  }
  .aido-nav-icon .aido-svg-icon {
    width: 22px;
    height: 22px;
  }
  .aido-sidebar-foot {
    margin-top: auto;
    border-top: 1px solid var(--color-aido-divider);
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 12px 13px;
    min-width: 0;
    flex-shrink: 0;
  }
  .aido-user-card {
    display: flex;
    flex: 1;
    gap: 10px;
    align-items: center;
    min-width: 0;
    padding: 6px;
    border: 1px solid transparent;
    border-radius: var(--radius-aido-control);
    background: transparent;
    color: inherit;
    text-align: left;
    cursor: pointer;
    transition: background-color var(--aido-motion),border-color var(--aido-motion);
  }
  .aido-user-card:hover,.aido-user-card.is-active {
    background: var(--color-aido-hover);
    border-color: var(--color-aido-hover-line);
  }
  .aido-user-card:focus-visible {
    outline: 2px solid var(--color-aido-accent);
    outline-offset: 2px;
  }
  .aido-avatar {
    display: grid;
    place-items: center;
    min-width: 34px;
    height: 34px;
    border-radius: var(--radius-aido-control);
    background: var(--color-aido-yellow);
    color: var(--color-aido-on-brand);
    font-weight: 500;
  }
  .aido-user-name {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
  }
  .aido-user-role {
    display: block;
    color: var(--color-aido-muted);
    font-size: 13px;
  }
  .aido-header-avatar {
    min-width: 44px;
    height: 44px;
    border: 0;
    cursor: pointer;
  }
  .aido-header-avatar:focus-visible {
    outline: 2px solid var(--color-aido-accent);
    outline-offset: 2px;
  }
  @media (max-width:960px) {
    .aido-sidebar {
      position: fixed;
      inset: 0 auto var(--aido-dock,0px) 0;
      width: min(84vw,280px);
      z-index: 40;
      box-shadow: var(--shadow-aido-drawer);
      transform: translateX(-110%);
      transition: transform calc(var(--aido-motion) + .05s);
    }
    .aido-sidebar.is-open {
      transform: translateX(0);
    }
    .aido-scrim {
      position: fixed;
      inset: 0 0 var(--aido-dock,0px) 0;
      z-index: 39;
      background: rgb(14 14 18 / 0);
      transition: background-color calc(var(--aido-motion) + .05s);
    }
    .aido-scrim.is-on {
      background: rgb(14 14 18 / .32);
    }
  }
  @media (min-width:961px) {
    .aido-scrim {
      display: none;
    }
  }
  .aido-svg-icon {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    display: block;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
  }
  .aido-wp-mark {
    width: 22px;
    height: 22px;
    display: block;
    fill: currentColor;
  }
  .aido-page-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px 24px;
    margin-bottom: 24px;
  }
  .aido-page-heading>:first-child {
    flex: 1 1 320px;
    min-width: 0;
    max-width: 820px;
  }
  .aido-eyebrow,.aido-kicker {
    margin: 0;
    color: var(--color-aido-violet);
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.2;
  }
  .aido-page-title {
    font-size: 26px;
    margin: 6px 0;
    font-weight: 600;
    line-height: 1.15;
    overflow-wrap: anywhere;
  }
  .aido-page-description {
    color: var(--color-aido-muted);
    margin: 6px 0 0;
    font-size: 13px;
    line-height: 1.45;
  }
  .aido-disclosure {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: var(--aido-control);
    color: var(--color-aido-accent);
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    list-style: none;
    border-radius: var(--radius-aido-control);
  }
  .aido-disclosure::-webkit-details-marker {
    display: none;
  }
  .aido-disclosure::before {
    content: "";
    flex: none;
    width: 18px;
    height: 18px;
    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='m9 6 6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;
    transition: transform var(--aido-motion) var(--aido-ease);
  }
  details[open]>.aido-disclosure::before {
    transform: rotate(90deg);
  }
  @media (max-width:600px) {
    .aido-page-title {
      font-size: 22px;
    }
  }
  .aido-kpi-zone {
    container-type: inline-size;
    margin-bottom: var(--aido-gap);
  }
  .aido-kpi-grid {
    display: grid;
    grid-template-columns: repeat(12,minmax(0,1fr));
    gap: var(--aido-kpi-gap);
  }
  .aido-kpi-grid > * {
    grid-column: span 12;
    min-width: 0;
  }
  @container (max-width:639px) {
    .aido-kpi-grid:not([data-count="1"]) > * {
      grid-column: span 6;
    }
    .aido-kpi-grid[data-count="3"]>:nth-child(3),.aido-kpi-grid[data-count="5"]>:nth-child(5),.aido-kpi-grid[data-count="7"]>:nth-child(7),.aido-kpi-grid[data-count="9"]>:nth-child(9),.aido-kpi-grid[data-count="11"]>:nth-child(11) {
      grid-column: span 12;
    }
  }
  @container (min-width:640px) {
    .aido-kpi-grid[data-count="2"]>* {
      grid-column: span 6;
    }
    .aido-kpi-grid:is([data-count="3"],[data-count="6"],[data-count="9"])>* {
      grid-column: span 4;
    }
    .aido-kpi-grid:is([data-count="4"],[data-count="8"],[data-count="12"])>* {
      grid-column: span 3;
    }
    .aido-kpi-grid[data-count="5"]>* {
      grid-column: span 4;
    }
    .aido-kpi-grid[data-count="5"]>*:nth-child(n+4) {
      grid-column: span 6;
    }
    .aido-kpi-grid:is([data-count="7"],[data-count="10"])>* {
      grid-column: span 3;
    }
    .aido-kpi-grid:is([data-count="7"],[data-count="10"])>*:nth-child(n+5) {
      grid-column: span 4;
    }
    .aido-kpi-grid[data-count="11"]>* {
      grid-column: span 3;
    }
    .aido-kpi-grid[data-count="11"]>*:nth-child(n+9) {
      grid-column: span 4;
    }
  }
  .aido-kpi,.aido-card {
    background: var(--color-aido-surface);
    border: 1px solid var(--color-aido-border);
    border-radius: var(--radius-aido-card);
  }
  .aido-kpi {
    min-height: 139px;
    padding: var(--aido-card-pad);
    display: flex;
    flex-direction: column;
    container-type: inline-size;
    transition: border-color var(--aido-motion),transform var(--aido-motion) var(--aido-ease);
  }
  .aido-kpi-label {
    font-size: 13px;
    color: var(--color-aido-muted);
    font-weight: 500;
  }
  .aido-kpi-value {
    font-size: clamp(20px,16cqi,31px);
    color: var(--color-aido-ink);
    line-height: 1.4;
    font-weight: 600;
    margin-top: 6px;
    font-variant-numeric: tabular-nums;
  }
  .aido-kpi-foot {
    color: var(--color-aido-muted);
    font-size: 13px;
    margin-top: auto;
  }
  .aido-kpi-link {
    text-align: left;
    font: inherit;
    color: inherit;
    cursor: pointer;
    width: 100%;
  }
  .aido-kpi-link:focus-visible {
    border-color: var(--aido-kpi-accent,var(--color-aido-cyan));
  }
  @media (hover:hover) {
    .aido-kpi:hover {
      border-color: var(--aido-kpi-accent,var(--color-aido-cyan));
    }
  }
  @media (prefers-reduced-motion:no-preference) and (hover:hover) {
    .aido-kpi-link:hover {
      transform: translateY(-3px);
    }
  }
  @media (max-width:600px) {
    .aido-kpi {
      min-height: 120px;
    }
  }
  .aido-card {
    padding: var(--aido-card-pad);
  }
  .aido-card>*+* {
    margin-top: var(--aido-gap-sm);
  }
  :not(.aido-exec-content-grid,.aido-exec-server-grid,.aido-portal-grid,.aido-account-grid)>.aido-card+:is(.aido-card,.aido-section-gap) {
    margin-top: var(--aido-gap);
  }
  .aido-card-heading,.aido-exec-section-title {
    display: flex;
    gap: 18px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
  }
  .aido-section-title {
    font-size: 17px;
    font-weight: 600;
    margin: 0;
  }
  .aido-subsection {
    margin-top: 28px;
  }
  .aido-section-gap {
    margin-bottom: var(--aido-gap);
  }
  .aido-muted-block {
    display: block;
    font-size: 13px;
    color: var(--color-aido-muted);
    white-space: pre-wrap;
    line-height: 1.45;
    margin-top: 4px;
    max-width: 400px;
  }
  .aido-flow {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 6px;
  }
  .aido-flow>[data-aido-glyph] {
    display: inline-grid;
    color: var(--color-aido-muted);
  }
  .aido-flow>[data-aido-glyph] .aido-svg-icon {
    width: 14px;
    height: 14px;
  }
  .aido-path-sep {
    display: inline-grid;
    vertical-align: -2px;
    margin: 0 2px;
    color: var(--color-aido-muted);
  }
  .aido-path-sep .aido-svg-icon {
    width: 14px;
    height: 14px;
  }
  .aido-money-fx {
    white-space: nowrap;
  }
  .aido-money-fx .aido-muted-block {
    white-space: pre;
  }
  .aido-status-note {
    display: block;
    color: var(--color-aido-muted);
    font-size: 13px;
    margin: 10px 0;
  }
  [data-panel]>:is(.aido-card,.aido-kpi-zone,.aido-exec-content-grid,.aido-exec-server-grid,.aido-portal-grid,.aido-account-grid,.aido-toolbar,.aido-exec-source)+:is(.aido-card,.aido-kpi-zone,.aido-exec-content-grid,.aido-exec-server-grid,.aido-portal-grid,.aido-account-grid,.aido-toolbar) {
    margin-top: var(--aido-gap);
  }
  :is(.aido-section-title,.aido-page-description,.aido-card-heading):not(.aido-form-grid>*)+:is(.aido-table-scroll,.aido-entity-list,.aido-detail-list,.aido-form-grid,form,.aido-segments,.aido-action-group,.aido-board,.aido-calendar-month,.aido-calendar-week,.aido-field,.aido-check) {
    margin-top: var(--aido-gap-field);
  }
  :is(.aido-entity-list,.aido-table-scroll,.aido-detail-list)+:is(.aido-button,.aido-action-group,form,.aido-form-grid,.aido-section-title,.aido-notice),summary+:is(.aido-form-grid,.aido-detail-list,.aido-entity-list),.aido-workbench-tabs~div:is(:not([class]),[class="aido-tab-panel"],.aido-ops-panel) {
    margin-top: var(--aido-gap);
  }
  .aido-button,.aido-icon-button {
    border: 1px solid transparent;
    border-radius: var(--radius-aido-control);
    min-height: var(--aido-icon-size,var(--aido-control));
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-weight: 400;
    white-space: nowrap;
    text-decoration: none;
    transition: background-color var(--aido-motion-fast),border-color var(--aido-motion-fast),color var(--aido-motion-fast),transform var(--aido-motion-fast) var(--aido-ease);
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
  }
  .aido-button {
    gap: 7px;
    font-size: 13px;
    line-height: 1.3;
    padding: 0 16px;
  }
  @media (prefers-reduced-motion:no-preference) {
    :is(.aido-button,.aido-icon-button,.aido-segment,.aido-nav-item):active:not(:disabled) {
      transform: scale(.97);
    }
  }
  .aido-button:disabled,.aido-icon-button:disabled,.aido-button[aria-disabled="true"] {
    cursor: not-allowed;
    opacity: .5;
  }
  .aido-button[aria-busy="true"] {
    cursor: progress;
    opacity: .7;
  }
  .aido-button-primary {
    background: var(--color-aido-accent);
    color: var(--color-aido-on-accent);
  }
  .aido-button-primary:hover {
    background: var(--color-aido-accent-strong);
  }
  .aido-button-subtle {
    background: var(--color-aido-surface);
    border-color: var(--color-aido-border-strong);
    color: var(--color-aido-text);
  }
  .aido-button-subtle:hover {
    background: var(--color-aido-hover);
  }
  .aido-file-button {
    font-weight: 400;
  }
  .aido-icon-button {
    min-width: var(--aido-icon-size,var(--aido-control));
    background: var(--color-aido-surface);
    color: var(--color-aido-text);
    border-color: var(--color-aido-border-strong);
    font-size: 19px;
  }
  .aido-icon-button:hover:not(:disabled) {
    background: var(--color-aido-hover);
    color: var(--color-aido-hover-ink);
    border-color: var(--color-aido-hover-line);
  }
  .aido-icon-button .aido-svg-icon {
    width: var(--aido-icon-glyph,20px);
    height: var(--aido-icon-glyph,20px);
  }
  .aido-icon-button.aido-row-action {
    --aido-icon-size: var(--aido-control-compact);
    --aido-icon-glyph: 18px;
    flex: none;
  }
  .aido-row-action:focus-visible {
    outline: 2px solid var(--color-aido-accent);
    outline-offset: 2px;
  }
  .aido-row-action[aria-busy="true"] {
    cursor: progress;
    opacity: .7;
  }
  @media (prefers-reduced-motion:no-preference) {
    .aido-row-action[aria-busy="true"] .aido-svg-icon {
      animation: aido-spin 1s linear infinite;
    }
  }
  @keyframes aido-spin {
    to {
      transform: rotate(360deg);
    }
  }
  @keyframes aido-fade-in {
    from {
      opacity: 0;
    }
  }
  @keyframes aido-fade-out {
    to {
      opacity: 0;
    }
  }
  @keyframes aido-rise-in {
    from {
      opacity: 0;
      transform: translateY(var(--aido-rise));
    }
  }
  @keyframes aido-pop-in {
    from {
      opacity: 0;
      transform: translateY(calc(var(--aido-rise) * -.4 * var(--aido-pop-dir,1))) scale(.96);
    }
  }
  @keyframes aido-slide-in {
    from {
      opacity: 0;
      transform: translateX(calc(var(--aido-rise) * 2));
    }
  }
  @keyframes aido-slide-out {
    to {
      opacity: 0;
      transform: translateX(calc(var(--aido-rise) * 2));
    }
  }
  @keyframes aido-reveal-x {
    from {
      clip-path: inset(0 100% 0 0);
    }
    to {
      clip-path: inset(0 0 0 0);
    }
  }
  @keyframes aido-grow-up {
    from {
      transform: scaleY(0);
    }
  }
  @keyframes aido-ring-in {
    from {
      opacity: 0;
      transform: rotate(-90deg) scale(.9);
    }
  }
  @keyframes aido-shimmer {
    to {
      background-position: -200% 0;
    }
  }
  [data-panel]:not([hidden]),.aido-tab-panel:not([hidden]) {
    animation: aido-rise-in var(--aido-motion-slow) var(--aido-ease);
  }
  .aido-enter {
    animation: aido-rise-in .42s var(--aido-ease) both;
    animation-delay: calc(var(--aido-i,0) * var(--aido-stagger));
  }
  [data-aido-draw="wait"] :is(.aido-chart-plot,.aido-chart-column-bar,.aido-chart-donut),svg[data-aido-draw="wait"] {
    opacity: 0;
  }
  [data-aido-draw="go"] .aido-chart-plot,svg[data-aido-draw="go"] {
    animation: aido-reveal-x .9s var(--aido-ease) both;
  }
  [data-aido-draw="go"] .aido-chart-column-bar {
    transform-origin: 50% 100%;
    animation: aido-grow-up .6s var(--aido-ease) both;
    animation-delay: calc(var(--aido-i,0) * 30ms);
  }
  [data-aido-draw="go"] .aido-chart-donut {
    animation: aido-ring-in .7s var(--aido-ease) both;
  }
  @media (prefers-reduced-motion:reduce) {
    [data-aido-draw="go"] :is(.aido-chart-plot,.aido-chart-column-bar,.aido-chart-donut),svg[data-aido-draw="go"] {
      animation: aido-fade-in var(--aido-motion-slow) ease-out both;
    }
  }
  .aido-table-link {
    border: 0;
    background: none;
    padding: 0;
    font: inherit;
    font-weight: 500;
    color: var(--color-aido-accent);
    text-align: left;
    cursor: pointer;
    text-decoration: none;
  }
  .aido-table-link:hover,.aido-document-link:hover {
    color: var(--color-aido-hover-ink);
  }
  .aido-table-link:focus-visible {
    outline: 2px solid var(--color-aido-accent);
    outline-offset: 2px;
    border-radius: 4px;
  }
  .aido-tooltip {
    position: fixed;
    inset: auto;
    margin: 0;
    border: 0;
    overflow: visible;
    z-index: 1000;
    max-width: 260px;
    padding: 6px 10px;
    border-radius: var(--radius-aido-control);
    background: var(--color-aido-night);
    color: var(--color-white);
    font-size: 13px;
    line-height: 1.3;
    pointer-events: none;
    animation: aido-fade-in var(--aido-motion-fast) ease-out;
  }
  .aido-action-group {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--aido-gap-sm);
    min-width: 0;
  }
  .aido-action-group-end {
    justify-content: flex-end;
  }
  td.aido-actions {
    vertical-align: middle;
    width: 1%;
    white-space: nowrap;
  }
  td.aido-actions .aido-action-group {
    justify-content: flex-end;
    flex-wrap: nowrap;
  }
  @media (min-width:601px) {
    td.aido-actions .aido-action-group:has(>:nth-child(4)) {
      display: grid;
      grid-template-columns: repeat(3,auto);
      justify-content: end;
    }
  }
  .aido-dialog-footer,.aido-workbench-footer,.aido-form-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: var(--aido-gap-sm);
    border-top: 1px solid var(--color-aido-border);
    margin-top: 24px;
    padding-top: 20px;
  }
  @media (max-width:740px) {
    .aido-action-group-end {
      justify-content: flex-start;
    }
    .aido-dialog-footer,.aido-workbench-footer,.aido-form-actions {
      justify-content: stretch;
    }
    :is(.aido-dialog-footer,.aido-workbench-footer,.aido-form-actions) .aido-button {
      flex: 1;
    }
  }
  .aido-input {
    appearance: auto;
    border: 1px solid var(--color-aido-border-strong);
    border-radius: var(--radius-aido-control);
    min-height: var(--aido-control);
    background: var(--color-aido-surface);
    padding: 10px 12px;
    width: 100%;
    color: var(--color-aido-ink);
    max-width: 100%;
    transition: border-color var(--aido-motion),box-shadow var(--aido-motion),background-color var(--aido-motion);
  }
  .aido-input::placeholder {
    color: var(--color-aido-faint);
  }
  .aido-input:hover:not(:disabled,:focus) {
    border-color: var(--color-aido-hover-line);
  }
  .aido-input:focus {
    border-color: var(--color-aido-accent);
    outline: 1px solid var(--color-aido-accent);
    outline-offset: -2px;
  }
  .aido-file-control {
    position: relative;
    display: block;
  }
  .aido-file-native {
    position: absolute;
    inset: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
  }
  .aido-file-value {
    display: flex;
    align-items: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .aido-file-value.is-empty {
    color: var(--color-aido-muted);
  }
  .aido-file-control:hover>.aido-file-value {
    border-color: var(--color-aido-hover-line);
  }
  .aido-file-control:focus-within>.aido-file-value {
    border-color: var(--color-aido-accent);
    outline: 1px solid var(--color-aido-accent);
    outline-offset: -2px;
  }
  .aido-file-control:has(>.aido-file-native:user-invalid)>.aido-file-value {
    border-color: var(--color-aido-danger-solid);
  }
  select.aido-input {
    appearance: none;
    padding-right: 48px;
    background-color: var(--color-aido-surface);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: right 14px center;
    background-image: var(--aido-select-arrow);
  }
  select.aido-input::-ms-expand {
    display: none;
  }
  .aido-textarea {
    min-height: 100px;
    resize: vertical;
  }
  .aido-copy-row {
    display: flex;
    gap: var(--aido-gap-sm);
    align-items: stretch;
  }
  .aido-copy-row .aido-input {
    font-size: 13px;
  }
  .aido-select-native {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
  }
  .aido-select-trigger {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--aido-select-gap,10px);
    width: var(--aido-select-width,100%);
    min-width: var(--aido-select-min,0);
    max-width: 100%;
    min-height: var(--aido-control);
    padding: 0 var(--aido-select-end,12px) 0 var(--aido-select-start,14px);
    border: 1px solid var(--color-aido-border-strong);
    border-radius: var(--radius-aido-control);
    background: var(--color-aido-surface);
    color: var(--color-aido-ink);
    font: inherit;
    font-size: 13px;
    line-height: 1.2;
    text-align: left;
    cursor: pointer;
    transition: border-color var(--aido-motion),background-color var(--aido-motion),box-shadow var(--aido-motion);
    -webkit-tap-highlight-color: transparent;
  }
  .aido-select-trigger:hover:not(:disabled) {
    border-color: var(--color-aido-focus);
    background: var(--color-aido-hover);
  }
  .aido-select-trigger:focus-visible {
    border-color: var(--color-aido-accent);
    outline: 1px solid var(--color-aido-accent);
    outline-offset: -2px;
  }
  .aido-select-trigger.is-open {
    border-color: var(--color-aido-accent);
    outline: 1px solid var(--color-aido-accent);
    outline-offset: -2px;
    background: var(--color-aido-surface);
  }
  .aido-select-trigger.is-invalid {
    border-color: var(--color-aido-danger-solid);
  }
  .aido-select-trigger:disabled {
    cursor: not-allowed;
    opacity: .55;
    background: var(--color-aido-surface-2);
  }
  .aido-select-value {
    display: var(--aido-select-label,block);
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .aido-select-value.is-placeholder {
    color: var(--color-aido-muted);
  }
  .aido-select-chevron {
    flex: none;
    color: var(--color-aido-accent);
    transition: transform var(--aido-motion) var(--aido-ease);
  }
  .aido-select-chevron .aido-svg-icon {
    width: 18px;
    height: 18px;
  }
  .aido-select-trigger.is-open .aido-select-chevron {
    transform: rotate(180deg);
  }
  .aido-select-list {
    position: fixed;
    inset: auto;
    margin: 0;
    color: inherit;
    z-index: 1100;
    box-sizing: border-box;
    padding: 5px;
    background: var(--color-aido-surface);
    border: 1px solid var(--color-aido-border-strong);
    border-radius: 14px;
    box-shadow: var(--shadow-aido-pop);
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: var(--color-aido-faint) var(--color-aido-divider);
    transform-origin: top center;
    animation: aido-pop-in var(--aido-motion) var(--aido-ease);
  }
  .aido-select-list.opens-up {
    transform-origin: bottom center;
    --aido-pop-dir: -1;
  }
  .aido-select-list.is-closing {
    animation: aido-fade-out var(--aido-motion-fast) ease-in forwards;
  }
  .aido-select-option {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 40px;
    padding: 9px 11px;
    border-radius: 9px;
    color: var(--color-aido-text);
    font-size: 13px;
    line-height: 1.25;
    cursor: pointer;
    transition: background-color var(--aido-motion-fast),color var(--aido-motion-fast);
  }
  .aido-select-option+.aido-select-option {
    margin-top: 1px;
  }
  .aido-select-option>span:first-child {
    min-width: 0;
    overflow-wrap: anywhere;
  }
  .aido-select-option>[data-aido-glyph] {
    flex: none;
    opacity: 0;
  }
  .aido-select-option>[data-aido-glyph] .aido-svg-icon {
    width: 17px;
    height: 17px;
  }
  .aido-select-option.is-active {
    background: var(--color-aido-accent-soft);
    color: var(--color-aido-accent);
  }
  .aido-select-option[aria-selected="true"] {
    background: var(--color-aido-accent);
    color: var(--color-aido-on-accent);
  }
  .aido-select-option[aria-selected="true"].is-active {
    background: var(--color-aido-accent-strong);
  }
  .aido-select-option[aria-selected="true"]>[data-aido-glyph] {
    opacity: 1;
  }
  .aido-suggest-list {
    max-height: min(320px,46vh);
  }
  .aido-suggest-list .aido-select-option {
    flex-wrap: wrap;
    row-gap: 2px;
  }
  .aido-suggest-aside {
    flex: 0 1 auto;
    margin-left: auto;
    min-width: 0;
    color: var(--color-aido-muted);
    text-align: right;
  }
  .aido-select-option.is-active .aido-suggest-aside,.aido-select-option[aria-selected="true"] .aido-suggest-aside {
    color: inherit;
  }
  .aido-views-menu {
    position: fixed;
    inset: auto;
    margin: 0;
    z-index: 1100;
    box-sizing: border-box;
    padding: 12px;
    color: inherit;
    background: var(--color-aido-surface);
    border: 1px solid var(--color-aido-border-strong);
    border-radius: 14px;
    box-shadow: var(--shadow-aido-pop);
    animation: aido-pop-in var(--aido-motion) var(--aido-ease);
  }
  .aido-views-menu:popover-open {
    display: grid;
    gap: 8px;
  }
  .aido-action-group>.is-overflow {
    display: none;
  }
  .aido-workbench-heading .aido-action-group>.aido-button-primary {
    order: -1;
  }
  .aido-workbench-heading .aido-action-group>.aido-more-trigger {
    order: 1;
  }
  @media (max-width:600px) {
    .aido-workbench-heading>.aido-action-group {
      display: grid;
      grid-template-columns: repeat(2,minmax(0,1fr));
      width: 100%;
    }
    .aido-workbench-heading>.aido-action-group>.aido-button {
      justify-content: center;
      min-width: 0;
    }
    .aido-workbench-heading>.aido-action-group>.is-wide {
      grid-column: 1/-1;
    }
    .aido-workbench-tabs>button:nth-last-child(1 of :not([hidden])):nth-child(odd of :not([hidden])) {
      grid-column: 1/-1;
    }
  }
  .aido-views-list.aido-more-list {
    max-height: min(70vh,520px);
  }
  .aido-views-head {
    margin: 0;
    color: var(--color-aido-muted);
    font-size: 13px;
  }
  .aido-views-list {
    display: grid;
    gap: 2px;
    max-height: 240px;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow-y: auto;
    overscroll-behavior: contain;
  }
  .aido-views-list li {
    display: flex;
    align-items: center;
    gap: 4px;
  }
  .aido-views-item {
    display: flex;
    flex: 1;
    align-items: center;
    gap: 8px;
    min-width: 0;
    min-height: 40px;
    padding: 8px 10px;
    border: 0;
    border-radius: 9px;
    background: none;
    color: var(--color-aido-text);
    font-size: 13px;
    text-align: left;
    cursor: pointer;
    transition: background-color var(--aido-motion-fast),color var(--aido-motion-fast);
  }
  .aido-views-item:hover,.aido-views-item:focus-visible {
    background: var(--color-aido-hover);
    color: var(--color-aido-hover-ink);
    outline: 0;
  }
  .aido-views-item>span:last-child {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .aido-views-save {
    display: flex;
    gap: 8px;
  }
  .aido-views-save .aido-input {
    flex: 1;
    min-width: 0;
  }
  .aido-views-label {
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .aido-replies-list {
    max-height: min(52vh,560px);
    overflow-y: auto;
    overscroll-behavior: contain;
  }
  .aido-select-option[aria-disabled="true"] {
    opacity: .45;
    cursor: not-allowed;
  }
  .aido-select-group {
    padding: 10px 11px 5px;
    color: var(--color-aido-muted);
    font-size: 13px;
    font-weight: 500;
  }
  @media (pointer:coarse) {
    .aido-select-option {
      min-height: 44px;
    }
  }
  .aido-date-pop {
    position: fixed;
    inset: auto;
    margin: 0;
    box-sizing: border-box;
    padding: 14px;
    color: var(--color-aido-text);
    background: var(--color-aido-surface);
    border: 1px solid var(--color-aido-border-strong);
    border-radius: 16px;
    box-shadow: var(--shadow-aido-pop);
    overflow-y: auto;
    overscroll-behavior: contain;
    transform-origin: top left;
    animation: aido-pop-in var(--aido-motion) var(--aido-ease);
  }
  .aido-date-pop.opens-up {
    transform-origin: bottom left;
    --aido-pop-dir: -1;
  }
  .aido-date-body {
    display: grid;
    gap: 18px;
  }
  .aido-date-pop.has-time .aido-date-body {
    grid-template-columns: minmax(0,1fr) 220px;
  }
  .aido-date-pop.has-time .aido-date-calendar {
    padding-right: 18px;
    border-right: 1px solid var(--color-aido-divider);
  }
  .aido-date-head {
    display: grid;
    grid-template-columns: 40px 1fr 40px;
    align-items: center;
    gap: 6px;
    margin-bottom: 8px;
  }
  .aido-date-pickers {
    display: flex;
    justify-content: center;
    gap: 6px;
    min-width: 0;
  }
  .aido-date-pickers button,.aido-date-title {
    min-height: 36px;
    padding: 0 10px;
    border: 1px solid var(--color-aido-border);
    border-radius: 10px;
    background: var(--color-aido-surface);
    color: var(--color-aido-ink);
    font: inherit;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: border-color var(--aido-motion-fast),color var(--aido-motion-fast),background-color var(--aido-motion-fast);
  }
  .aido-date-title {
    justify-self: center;
    display: flex;
    align-items: center;
  }
  strong.aido-date-title {
    border-color: transparent;
    cursor: default;
  }
  .aido-date-pickers button:hover,button.aido-date-title:hover {
    border-color: var(--color-aido-hover-ink);
    color: var(--color-aido-hover-ink);
    background: var(--color-aido-hover);
  }
  .aido-date-week,.aido-date-grid {
    display: grid;
    grid-template-columns: repeat(7,minmax(0,1fr));
    gap: 3px;
  }
  .aido-date-week span {
    padding: 4px 0;
    text-align: center;
    color: var(--color-aido-muted);
    font-size: 13px;
  }
  .aido-date-grid button,.aido-date-choices button,.aido-date-hours button,.aido-date-minutes button {
    min-height: 36px;
    border: 1px solid transparent;
    border-radius: 9px;
    background: transparent;
    color: var(--color-aido-text);
    font: inherit;
    font-size: 13px;
    cursor: pointer;
    transition: background-color var(--aido-motion-fast),color var(--aido-motion-fast),border-color var(--aido-motion-fast);
  }
  .aido-date-choices button,.aido-date-hours button,.aido-date-minutes button {
    border-color: var(--color-aido-border);
    background: var(--color-aido-surface-2);
  }
  .aido-date-grid button:hover:not(:disabled),.aido-date-choices button:hover,.aido-date-hours button:hover,.aido-date-minutes button:hover {
    background: var(--color-aido-hover-strong);
    color: var(--color-aido-hover-ink);
    border-color: var(--color-aido-focus);
  }
  .aido-date-grid button.is-muted {
    color: var(--color-aido-muted);
    opacity: .55;
  }
  .aido-date-grid button.is-today {
    border-color: var(--color-aido-focus);
  }
  .aido-date-grid button.is-in-range {
    background: var(--color-aido-hover-strong);
    color: var(--color-aido-hover-ink);
  }
  .aido-date-grid button[aria-pressed="true"],.aido-date-choices button.is-selected,.aido-date-hours button.is-selected,.aido-date-minutes button.is-selected {
    background: var(--color-aido-accent);
    border-color: var(--color-aido-accent);
    color: var(--color-aido-on-accent);
  }
  .aido-date-grid button:disabled {
    opacity: .35;
    cursor: not-allowed;
  }
  .aido-date-pop button:focus-visible {
    outline: 2px solid var(--color-aido-accent);
    outline-offset: 1px;
  }
  .aido-date-choices {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 7px;
  }
  .aido-date-label {
    margin: 0 0 6px;
    color: var(--color-aido-muted);
    font-size: 13px;
  }
  .aido-date-label+*+.aido-date-label {
    margin-top: 12px;
  }
  .aido-date-hours,.aido-date-minutes {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 5px;
  }
  .aido-date-foot {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--color-aido-divider);
  }
  @media (max-width:600px) {
    .aido-date-pop.has-time .aido-date-body {
      grid-template-columns: 1fr;
    }
    .aido-date-pop.has-time .aido-date-calendar {
      padding: 0 0 14px;
      border-right: 0;
      border-bottom: 1px solid var(--color-aido-divider);
    }
    .aido-date-hours {
      grid-template-columns: repeat(6,minmax(0,1fr));
    }
  }
  @media (pointer:coarse) {
    .aido-date-grid button,.aido-date-choices button,.aido-date-hours button,.aido-date-minutes button {
      min-height: 44px;
    }
  }
  .aido-form {
    display: grid;
    gap: var(--aido-gap-field);
    min-width: 0;
  }
  .aido-form-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(min(100%,max(240px,calc((100% - var(--aido-gap-field)) / 2))),1fr));
    gap: var(--aido-gap-field);
  }
  .aido-field-hint {
    align-self: center;
    margin: 0;
  }
  .aido-field {
    display: grid;
    gap: 7px;
    font-size: 13px;
    font-weight: 500;
    color: var(--color-aido-text);
    min-width: 0;
  }
  .aido-field-full {
    grid-column: 1/-1;
  }
  .aido-arca-lookup:not([hidden]) {
    display: grid;
    gap: var(--aido-gap-sm);
  }
  .aido-arca-action {
    align-self: center;
  }
  .aido-control {
    position: relative;
    display: block;
    min-width: 0;
  }
  .aido-control.has-icon>.aido-input {
    padding-left: 42px;
  }
  .aido-field-icon {
    position: absolute;
    left: 15px;
    top: calc(var(--aido-control) / 2);
    transform: translateY(-50%);
    display: flex;
    color: var(--color-aido-muted);
    pointer-events: none;
    transition: color var(--aido-motion);
  }
  .aido-control:has(>textarea)>.aido-field-icon {
    top: 24px;
  }
  .aido-control:focus-within>.aido-field-icon,.aido-select-trigger:is(:focus-visible,.is-open)>.aido-select-icon {
    color: var(--color-aido-accent);
  }
  :is(.aido-field-icon,.aido-select-icon) .aido-svg-icon {
    width: 18px;
    height: 18px;
  }
  .aido-select-icon {
    flex: none;
    display: flex;
    color: var(--color-aido-muted);
    transition: color var(--aido-motion);
  }
  .aido-select-caption {
    flex: none;
    color: var(--color-aido-muted);
  }
  .aido-field.is-inline>.aido-field-label {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
  .aido-field.is-float>.aido-control {
    --aido-control: 52px;
    min-width: calc(var(--aido-caption-ch,0) * 7.2px + 64px);
  }
  .aido-field.is-float>.aido-control>.aido-field-label {
    position: absolute;
    z-index: 1;
    left: 15px;
    right: 15px;
    top: calc(var(--aido-control) / 2);
    transform: translateY(-50%);
    overflow: hidden;
    font-weight: 400;
    line-height: 1.1;
    color: var(--color-aido-muted);
    white-space: nowrap;
    text-overflow: ellipsis;
    pointer-events: none;
    transition: top var(--aido-motion) var(--aido-ease),transform var(--aido-motion) var(--aido-ease),color var(--aido-motion);
  }
  .aido-field.is-float>.aido-control:is(:focus-within,:has(>.aido-select-trigger),.has-value,:has(>.aido-input:autofill))>.aido-field-label {
    top: 9px;
    transform: none;
    font-weight: 500;
    color: var(--color-aido-text);
  }
  .aido-field.is-float>.aido-control:has(>textarea.aido-input.aido-textarea)>.aido-field-label {
    top: 1px;
    left: 1px;
    right: 16px;
    padding: 14px 14px 6px;
    transform: none;
    background: var(--color-aido-surface);
    border-radius: var(--radius-aido-control) 0 0 0;
  }
  .aido-field.is-float>.aido-control.has-icon:has(>textarea.aido-input.aido-textarea)>.aido-field-label {
    padding-left: 41px;
  }
  .aido-field.is-float>.aido-control:has(>textarea.aido-input)>.aido-field-icon {
    top: 22px;
    z-index: 2;
  }
  .aido-field.is-float>.aido-control:focus-within>.aido-field-label {
    color: var(--color-aido-accent);
  }
  .aido-field.is-float>.aido-control:has(>:disabled,>[readonly])>.aido-field-label {
    opacity: .65;
  }
  .aido-field.is-float>.aido-control:has(>.aido-input:user-invalid,>.is-invalid)>.aido-field-label {
    color: var(--color-aido-danger);
  }
  .aido-field.is-float .aido-input {
    padding: 24px 14px 8px;
    line-height: 1.2;
  }
  .aido-field.is-float .aido-control.has-icon>.aido-input {
    padding-left: 42px;
  }
  .aido-field.is-float>.aido-control:is(.has-icon,:has(.aido-select-icon))>.aido-field-label {
    left: 43px;
  }
  .aido-field.is-float textarea.aido-input {
    padding-top: 36px;
  }
  .aido-field.is-float>.aido-control:not(.has-value) .aido-input:not(:focus)::placeholder {
    color: transparent;
  }
  .aido-field.is-float .aido-select-value {
    padding-top: 17px;
  }
  .aido-field.is-float>.aido-control.is-long {
    --aido-control: 74px;
  }
  .aido-field.is-float>.aido-control.is-long>.aido-field-label {
    white-space: normal;
    line-height: 1.15;
  }
  .aido-field.is-float>.aido-control.is-long>.aido-input {
    padding-top: 42px;
  }
  .aido-field.is-float>.aido-control.is-long>textarea.aido-input {
    padding-top: 54px;
  }
  .aido-field.is-float>.aido-control.is-long .aido-select-value {
    padding-top: 34px;
  }
  .aido-input:user-invalid {
    border-color: var(--color-aido-danger-solid);
  }
  @media (prefers-reduced-motion:reduce) {
    .aido-field.is-float>.aido-control>.aido-field-label {
      transition: color var(--aido-motion);
    }
  }
  .aido-check {
    display: flex;
    gap: 10px;
    align-items: center;
    min-height: var(--aido-control);
    color: var(--color-aido-ink);
    font-size: 13px;
  }
  .aido-check input,.aido-pb-pick input,.aido-shell input[type=checkbox] {
    width: 18px;
    height: 18px;
    accent-color: var(--color-aido-accent);
    flex-shrink: 0;
  }
  .aido-fieldset {
    border: 0;
    padding: 0;
    margin-inline: 0;
    min-width: 0;
  }
  .aido-fieldset legend {
    padding: 0;
    margin-bottom: var(--aido-gap-sm);
    font-size: 13px;
    font-weight: 500;
    color: var(--color-aido-text);
  }
  .aido-fieldset>.aido-check+.aido-check {
    margin-top: var(--aido-gap-sm);
  }
  .aido-check-group {
    display: flex;
    flex-wrap: wrap;
    gap: var(--aido-gap-sm) 20px;
  }
  .aido-form-error {
    margin: 14px 0 0;
    color: var(--color-aido-danger);
    font-size: 13px;
  }
  .aido-toolbar {
    display: flex;
    flex-wrap: wrap;
    gap: var(--aido-gap-sm);
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 18px;
  }
  .aido-search {
    flex: 1 1 240px;
    max-width: 390px;
    margin-right: auto;
  }
  .aido-ops-state-filter {
    min-width: 150px;
  }
  @media (max-width:600px) {
    .aido-search {
      max-width: none;
      margin-right: 0;
    }
    .aido-ops-state-filter {
      width: 100%;
    }
  }
  .aido-segments,.aido-demo-probe-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--aido-gap-sm);
  }
  .aido-segment {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font: inherit;
    font-size: 13px;
    border: 1px solid var(--color-aido-border-strong);
    background: var(--color-aido-surface);
    color: var(--color-aido-muted);
    padding: 10px 14px;
    min-height: var(--aido-control);
    border-radius: var(--radius-aido-control);
  }
  .aido-segment .aido-svg-icon {
    flex: none;
    width: 16px;
    height: 16px;
  }
  .aido-segment.is-active,.aido-exec-toolbar [data-exec-customize][aria-pressed="true"] {
    color: var(--color-aido-on-accent);
    background: var(--color-aido-accent);
    border-color: var(--color-aido-accent);
  }
  .aido-segment:not(.is-active):hover {
    border-color: var(--color-aido-hover-ink);
    color: var(--color-aido-hover-ink);
  }
  .aido-table-scroll {
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }
  .aido-table {
    border-collapse: collapse;
    width: 100%;
    min-width: 620px;
    text-align: left;
    font-size: 13px;
  }
  .aido-table :where(th,td) {
    padding: 16px 14px;
    border-bottom: 1px solid var(--color-aido-divider);
    vertical-align: middle;
  }
  .aido-table :where(td:first-child) {
    min-width: 200px;
  }
  .aido-table :is(th,td).is-compact {
    width: 1%;
    min-width: 0;
    white-space: nowrap;
  }
  .aido-table th {
    color: var(--color-aido-muted);
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 500;
    background: var(--color-aido-surface-2);
  }
  .aido-table td {
    color: var(--color-aido-text);
    transition: background-color var(--aido-motion-fast);
  }
  .aido-table tr:hover td {
    background: var(--color-aido-surface-2);
  }
  .aido-keep {
    white-space: nowrap;
  }
  .aido-wrap-any {
    overflow-wrap: anywhere;
  }
  @media (max-width:600px) {
    .aido-table {
      min-width: 0;
    }
    .aido-table thead {
      position: absolute;
      width: 1px;
      height: 1px;
      overflow: hidden;
      clip-path: inset(50%);
      white-space: nowrap;
    }
    .aido-table :where(tbody tr) {
      display: block;
      padding: 10px 0;
      border-bottom: 1px solid var(--color-aido-divider);
    }
    .aido-table :where(tbody td) {
      display: block;
      min-width: 0;
      padding: 6px 2px;
      border-bottom: 0;
    }
    .aido-table :where(td[data-label]) {
      position: relative;
      padding-left: calc(38% + 12px);
    }
    .aido-table td[data-label]::before {
      content: attr(data-label);
      position: absolute;
      left: 2px;
      top: 6px;
      width: 38%;
      color: var(--color-aido-muted);
      font-size: 13px;
    }
    .aido-table td.aido-actions {
      width: auto;
      padding-top: 10px;
    }
    .aido-table td.aido-actions .aido-action-group {
      justify-content: flex-start;
      flex-wrap: wrap;
    }
    .aido-table .aido-badge,.aido-table .aido-keep {
      white-space: normal;
    }
  }
  .aido-pagination {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding-top: 20px;
    color: var(--color-aido-muted);
    font-size: 13px;
  }
  .aido-empty {
    text-align: center;
    color: var(--color-aido-muted);
    padding: 44px 24px;
  }
  .aido-empty-state {
    display: grid;
    justify-items: center;
    gap: 12px;
  }
  .aido-empty-state>[data-aido-glyph] {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    border-radius: 14px;
    background: var(--color-aido-brand-violet);
    color: var(--color-white);
  }
  .aido-empty-state>[data-aido-glyph] .aido-svg-icon {
    width: 22px;
    height: 22px;
  }
  .aido-empty-state p {
    margin: 0;
    max-width: 440px;
    font-size: 13px;
    line-height: 1.45;
  }
  .aido-skeleton {
    display: grid;
    gap: 10px;
    width: min(100%,560px);
  }
  .aido-skeleton>span {
    display: block;
    height: 12px;
    border-radius: 6px;
    background: linear-gradient(90deg,var(--color-aido-surface-2) 25%,var(--color-aido-accent-soft) 50%,var(--color-aido-surface-2) 75%) 0 0/200% 100%;
    animation: aido-shimmer 1.4s linear infinite;
  }
  .aido-skeleton>span:nth-child(2) {
    width: 82%;
  }
  .aido-skeleton>span:nth-child(3) {
    width: 64%;
  }
  @media (prefers-reduced-motion:reduce) {
    .aido-skeleton>span {
      animation-duration: 3s;
    }
  }
  @media (max-width:700px) {
    .aido-empty {
      padding: 32px 14px;
    }
  }
  .aido-badge {
    display: inline-flex;
    align-items: center;
    flex: none;
    white-space: nowrap;
    border-radius: var(--radius-aido-badge);
    padding: 4px 10px;
    line-height: 1.3;
    background: var(--color-aido-brand-violet);
    color: var(--color-white);
    font-size: 13px;
    font-weight: 400;
  }
  .aido-badge:is(:where(.aido-mailbox-item.is-active,.aido-support-message.is-own) *) {
    outline: 1px solid var(--color-aido-on-selected);
    outline-offset: -1px;
  }
  .aido-badge.is-stacked {
    flex-direction: column;
    align-items: flex-start;
    gap: 1px;
  }
  .aido-badge.is-stacked>span:last-child::first-letter {
    text-transform: uppercase;
  }
  .aido-badge-good {
    background: var(--color-aido-fill-good);
    color: var(--color-white);
  }
  .aido-badge-warn {
    background: var(--color-aido-yellow);
    color: var(--color-aido-on-brand);
  }
  .aido-badge-bad {
    background: var(--color-aido-fill-bad);
    color: var(--color-white);
  }
  .aido-badge-neutral {
    background: var(--color-aido-neutral-solid);
    color: var(--color-white);
  }
  .aido-badge-row {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
  }
  .aido-notice {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--aido-gap-sm);
    margin-bottom: 18px;
    padding: 14px 16px;
    border-radius: var(--radius-aido-block);
    background: var(--color-aido-violet-bg);
    color: var(--color-aido-ink);
    font-size: 14px;
  }
  .aido-notice p {
    margin: 0;
    flex: 1 1 280px;
  }
  .aido-toast {
    position: fixed;
    inset: auto 20px calc(20px + var(--aido-dock,0px)) auto;
    margin: 0;
    border: 0;
    overflow: visible;
    z-index: 50;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    max-width: min(420px,calc(100vw - 32px));
    padding: 14px 12px 14px 16px;
    background: var(--color-aido-night);
    color: var(--color-white);
    border-radius: var(--radius-aido-block);
    box-shadow: var(--shadow-aido-pop);
    font-size: 13px;
    line-height: 1.45;
    animation: aido-slide-in var(--aido-motion-slow) var(--aido-ease);
    --aido-toast-accent: var(--color-aido-success-solid);
  }
  .aido-toast[data-tone="error"] {
    --aido-toast-accent: var(--color-aido-danger-solid);
  }
  .aido-toast[data-tone="warning"] {
    --aido-toast-accent: var(--color-aido-warning);
  }
  .aido-toast.is-closing {
    animation: aido-slide-out var(--aido-motion) ease-in forwards;
  }
  .aido-toast>[data-aido-glyph] {
    flex: none;
    display: grid;
    place-items: center;
    width: 24px;
    height: 24px;
    border-radius: 8px;
    background: var(--aido-toast-accent);
  }
  .aido-toast>[data-aido-glyph] .aido-svg-icon {
    width: 16px;
    height: 16px;
  }
  .aido-toast-text {
    flex: 1;
    min-width: 0;
    padding-top: 2px;
    overflow-wrap: anywhere;
  }
  .aido-toast-close {
    flex: none;
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    margin: -4px 0;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: inherit;
    opacity: .7;
    transition: opacity var(--aido-motion-fast),background-color var(--aido-motion-fast);
  }
  .aido-toast-close:hover {
    opacity: 1;
    background: rgb(255 255 255 / .12);
  }
  .aido-toast-close .aido-svg-icon {
    width: 16px;
    height: 16px;
  }
  @media (max-width:600px) {
    .aido-toast {
      left: 16px;
      right: 16px;
      bottom: calc(16px + var(--aido-dock,0px));
      max-width: none;
    }
  }
  .aido-workbench-caution {
    padding: 15px 18px;
    margin-top: 17px;
    margin-bottom: 17px;
    background: var(--color-aido-warning-bg);
    border: 1px solid var(--color-aido-warning-line);
    color: var(--color-aido-warning);
    border-radius: var(--radius-aido-control);
    font-size: 13px;
    line-height: 1.45;
  }
  .aido-dialog {
    border: 1px solid var(--color-aido-border-strong);
    border-radius: var(--radius-aido-dialog);
    padding: 0;
    background: var(--color-aido-surface);
    color: var(--color-aido-ink);
    width: min(96vw,550px);
    max-height: 88vh;
    overflow-y: auto;
    box-shadow: var(--shadow-aido-dialog);
    opacity: 0;
    transform: translateY(var(--aido-rise)) scale(.98);
    transition: opacity var(--aido-motion) ease-in,transform var(--aido-motion) ease-in,overlay var(--aido-motion) allow-discrete,display var(--aido-motion) allow-discrete;
  }
  .aido-dialog[open] {
    opacity: 1;
    transform: none;
    transition-duration: var(--aido-motion-slow);
    transition-timing-function: var(--aido-ease);
  }
  @starting-style {
    .aido-dialog[open] {
      opacity: 0;
      transform: translateY(var(--aido-rise)) scale(.96);
    }
  }
  .aido-dialog-wide {
    width: min(96vw,760px);
  }
  .aido-dialog::backdrop {
    background: rgb(14 14 18 / 0);
    backdrop-filter: blur(0);
    transition: background-color var(--aido-motion) ease-in,backdrop-filter var(--aido-motion) ease-in,overlay var(--aido-motion) allow-discrete,display var(--aido-motion) allow-discrete;
  }
  .aido-dialog[open]::backdrop {
    background: rgb(14 14 18 / .42);
    backdrop-filter: blur(3px);
    transition-duration: var(--aido-motion-slow);
  }
  @starting-style {
    .aido-dialog[open]::backdrop {
      background: rgb(14 14 18 / 0);
    }
  }
  .aido-dialog-form {
    padding: 26px;
  }
  .aido-search-trigger {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: var(--aido-control);
    min-width: 220px;
    padding: 0 8px 0 14px;
    border: 1px solid var(--color-aido-border-strong);
    border-radius: var(--radius-aido-control);
    background: var(--color-aido-surface-2);
    color: var(--color-aido-muted);
    font-size: 13px;
    transition: border-color var(--aido-motion),color var(--aido-motion);
  }
  .aido-search-trigger:hover {
    border-color: var(--color-aido-hover-line);
    color: var(--color-aido-ink);
  }
  .aido-search-trigger .aido-svg-icon {
    width: 18px;
    height: 18px;
  }
  .aido-search-trigger-text {
    flex: 1;
    text-align: left;
  }
  .aido-kbd {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
    min-width: 28px;
    height: 24px;
    padding: 0 6px;
    border: 1px solid var(--color-aido-border);
    border-radius: 6px;
    background: var(--color-aido-surface);
    color: var(--color-aido-muted);
    font: 500 13px/1 var(--font-sans);
    white-space: nowrap;
  }
  .aido-kbd .aido-svg-icon {
    width: 14px;
    height: 14px;
  }
  .aido-shortcut-list {
    display: grid;
    gap: 10px;
    margin: 16px 0;
  }
  .aido-shortcut-list>div {
    display: grid;
    grid-template-columns: minmax(120px,auto) 1fr;
    align-items: center;
    gap: 16px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--color-aido-divider);
  }
  .aido-shortcut-list>div:last-child {
    padding-bottom: 0;
    border-bottom: 0;
  }
  .aido-shortcut-list dt {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
  }
  .aido-shortcut-list dd {
    margin: 0;
    font-size: 14px;
    color: var(--color-aido-text);
  }
  @media (max-width:1679px) {
    .aido-search-trigger {
      min-width: 0;
    }
    .aido-search-trigger-text {
      display: none;
    }
  }
  @media (max-width:760px) {
    .aido-search-trigger {
      width: var(--aido-control);
      padding: 0;
      justify-content: center;
      background: var(--color-aido-surface);
    }
    .aido-search-trigger .aido-kbd {
      display: none;
    }
  }
  .aido-search-dialog {
    width: min(96vw,640px);
    margin-top: min(12vh,110px);
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0,1fr);
    grid-template-rows: auto auto minmax(0,1fr) auto;
  }
  .aido-search-dialog:not([open]) {
    display: none;
  }
  .aido-search-box {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 18px;
    border-bottom: 1px solid var(--color-aido-border);
  }
  .aido-search-box>[data-aido-glyph] .aido-svg-icon {
    width: 22px;
    height: 22px;
    color: var(--color-aido-muted);
  }
  .aido-search-input {
    flex: 1;
    min-width: 0;
    border: 0;
    outline: 0;
    background: none;
    color: var(--color-aido-ink);
    font-size: 16px;
  }
  .aido-search-input::-webkit-search-cancel-button {
    display: none;
  }
  .aido-search-status {
    margin: 0;
    padding: 14px 18px;
    color: var(--color-aido-muted);
    font-size: 13px;
  }
  .aido-search-status:empty {
    display: none;
  }
  .aido-search-results {
    overflow-y: auto;
    max-height: min(56vh,480px);
    padding: 0 10px 12px;
  }
  .aido-search-group {
    display: grid;
    gap: 2px;
    padding-top: 10px;
  }
  .aido-search-group-title {
    margin: 0;
    padding: 0 10px 6px;
    color: var(--color-aido-muted);
    font-size: 13px;
    font-weight: 500;
  }
  .aido-search-option {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    min-height: 52px;
    padding: 8px 10px;
    border: 0;
    border-radius: var(--radius-aido-control);
    background: none;
    color: var(--color-aido-ink);
    text-align: left;
    transition: background var(--aido-motion-fast);
  }
  .aido-search-option[aria-selected="true"] {
    background: var(--color-aido-accent-soft);
  }
  .aido-search-option-icon,.aido-item-icon {
    display: grid;
    place-items: center;
    flex: none;
    width: 34px;
    height: 34px;
    border-radius: var(--radius-aido-control);
    background: var(--color-aido-neutral-bg);
    color: var(--color-aido-text);
  }
  .aido-search-option-icon .aido-svg-icon,.aido-item-icon .aido-svg-icon {
    width: 18px;
    height: 18px;
  }
  .aido-item-name {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
  }
  .aido-search-option[aria-selected="true"] .aido-search-option-icon {
    background: var(--color-aido-yellow);
    color: var(--color-aido-on-brand);
  }
  .aido-search-option-text {
    display: grid;
    gap: 4px;
    flex: 1;
    min-width: 0;
  }
  .aido-search-option-text strong {
    font-weight: 500;
    line-height: 1.2;
  }
  .aido-search-option-text small {
    color: var(--color-aido-muted);
    line-height: 1.2;
  }
  .aido-search-foot {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    padding: 12px 18px;
    border-top: 1px solid var(--color-aido-border);
    background: var(--color-aido-surface-2);
    color: var(--color-aido-muted);
    font-size: 13px;
  }
  .aido-search-foot>span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
  }
  @media (max-width:600px) {
    .aido-search-dialog {
      margin-top: 12px;
      max-height: calc(100dvh - 24px);
    }
    .aido-search-foot {
      display: none;
    }
  }
  .aido-bottom-bar {
    display: none;
  }
  @media (max-width:760px) {
    .aido-bottom-bar:not([hidden]) {
      position: fixed;
      inset: auto 0 0 0;
      z-index: 45;
      display: grid;
      grid-auto-flow: column;
      grid-auto-columns: auto;
      justify-content: space-between;
      gap: var(--aido-gap-sm);
      padding: 6px 12px calc(6px + env(safe-area-inset-bottom));
      background: var(--color-aido-surface);
      border-top: 1px solid var(--color-aido-border);
    }
    body.has-bottom-bar {
      --aido-dock: calc(70px + env(safe-area-inset-bottom));
    }
    body.has-bottom-bar .aido-main {
      padding-bottom: calc(32px + var(--aido-dock));
    }
    body.has-bottom-bar .aido-header .aido-mobile-nav {
      display: none;
    }
  }
  .aido-bottom-item {
    position: relative;
    display: grid;
    justify-items: center;
    align-content: center;
    gap: 4px;
    min-height: 56px;
    min-width: 52px;
    padding: 4px 6px;
    border: 0;
    border-radius: var(--radius-aido-control);
    background: none;
    color: var(--color-aido-muted);
    font-size: 13px;
    line-height: 1.1;
    text-align: center;
    transition: color var(--aido-motion),background var(--aido-motion);
  }
  .aido-bottom-item>span:last-child {
    max-width: 100%;
    overflow-wrap: break-word;
  }
  .aido-bottom-item .aido-svg-icon {
    width: 22px;
    height: 22px;
  }
  .aido-bottom-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 24px;
    height: 3px;
    border-radius: 0 0 3px 3px;
    background: var(--color-aido-yellow);
    transform: translateX(-50%) scaleX(0);
    transition: transform var(--aido-motion-slow) var(--aido-ease);
  }
  .aido-bottom-item.is-active {
    color: var(--color-aido-ink);
  }
  .aido-bottom-item.is-active::before {
    transform: translateX(-50%) scaleX(1);
  }
  @media (max-width:479px) {
    .aido-bottom-item:not(.is-active)>span:last-child {
      display: none;
    }
  }
  .aido-dialog-form>*+* {
    margin-top: var(--aido-gap-sm);
  }
  .aido-dialog-form>*+.aido-section-title {
    margin-top: calc(var(--aido-gap) * 2);
  }
  .aido-dialog-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 22px;
    gap: 10px;
  }
  .aido-proposal-design-form {
    max-height: 75vh;
    overflow: auto;
    overscroll-behavior: contain;
  }
  @media (max-width:600px) {
    .aido-dialog-form {
      padding: 18px;
    }
  }
  .aido-tabbar {
    position: relative;
    display: flex;
    gap: 10px;
    margin: 24px 0 16px;
    border-bottom: 1px solid var(--color-aido-border);
    overflow-x: auto;
  }
  :is(.aido-tabbar,.aido-workbench-tabs).has-indicator::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: calc(var(--aido-ind-w,0) * 1px);
    height: 3px;
    background: var(--color-aido-accent);
    border-radius: 3px 3px 0 0;
    transform: translateX(var(--aido-ind-x,0));
    pointer-events: none;
  }
  :is(.aido-tabbar,.aido-workbench-tabs).is-sliding::after {
    transition: transform var(--aido-motion-slow) var(--aido-ease),width var(--aido-motion-slow) var(--aido-ease);
  }
  .aido-tabbar.has-indicator>.aido-tab.is-active {
    border-bottom-color: transparent;
  }
  .aido-tab {
    border: 0;
    border-bottom: 3px solid transparent;
    padding: 12px 14px;
    min-height: var(--aido-control);
    background: transparent;
    font-size: 13px;
    font-weight: 400;
    white-space: nowrap;
    color: var(--color-aido-muted);
    transition: color var(--aido-motion),border-color var(--aido-motion);
  }
  .aido-tab:hover {
    color: var(--color-aido-hover-ink);
  }
  .aido-tab.is-active {
    border-bottom-color: var(--color-aido-accent);
    color: var(--color-aido-accent);
  }
  .aido-detail-list {
    display: grid;
    grid-template-columns: minmax(110px,max-content) minmax(0,1fr);
    gap: 10px 18px;
    margin: 0;
    font-size: 13px;
  }
  .aido-detail-list dt {
    color: var(--color-aido-muted);
    font-weight: 500;
  }
  .aido-detail-list dd {
    margin: 0;
    color: var(--color-aido-ink);
    overflow-wrap: anywhere;
  }
  .aido-entity-list {
    display: grid;
    gap: 10px;
    min-width: 0;
  }
  .aido-entity-list>* {
    min-width: 0;
  }
  .aido-entity-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    padding: 16px 18px;
    border: 1px solid var(--color-aido-border);
    border-radius: var(--radius-aido-control);
    background: var(--color-aido-surface-2);
    min-width: 0;
  }
  .aido-entity-row>div:first-child {
    flex: 1;
    min-width: 170px;
  }
  .aido-entity-row strong {
    display: block;
    font-weight: 500;
    font-size: 14px;
  }
  .aido-entity-row .aido-page-description {
    overflow-wrap: anywhere;
    margin-top: 5px;
  }
  .aido-entity-row.is-unread {
    border-color: var(--color-aido-accent-line);
    background: var(--color-aido-accent-tint);
  }
  .aido-lifecycle {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-top: 16px;
    padding: 14px 16px;
    border: 1px solid var(--color-aido-border);
    border-radius: var(--radius-aido-control);
    background: var(--color-aido-surface-2);
  }
  .aido-lifecycle-note {
    flex: 1 1 260px;
    margin: 0;
    font-size: 13px;
    color: var(--color-aido-text);
  }
  .aido-company-picker {
    max-width: 420px;
  }
  @media (max-width:600px) {
    .aido-detail-list {
      grid-template-columns: minmax(0,1fr);
    }
    .aido-detail-list dd {
      margin-bottom: 6px;
    }
  }
  .aido-progress-group {
    margin-top: 24px;
  }
  .aido-progress-head {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 9px;
    font-size: 13px;
  }
  .aido-progress-track {
    height: 9px;
    background: var(--color-aido-divider);
    border-radius: var(--radius-aido-pill);
    overflow: hidden;
  }
  .aido-progress-track span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: var(--color-aido-accent);
  }
  .aido-progress-inline {
    display: flex;
    align-items: center;
    gap: var(--aido-gap-sm);
    min-width: 140px;
    font-variant-numeric: tabular-nums;
  }
  .aido-progress-inline .aido-progress-track {
    flex: 1 1 90px;
  }
}
@layer components {
  .aido-ops-panel {
    min-width: 0;
  }
  .aido-workbench {
    min-width: 0;
    width: 100%;
  }
  .aido-workbench-toolbar {
    display: flex;
    align-items: center;
    gap: var(--aido-gap-sm);
    flex-wrap: wrap;
    margin-bottom: 20px;
  }
  .aido-workbench-path {
    font-size: 13px;
    color: var(--color-aido-muted);
    overflow-wrap: anywhere;
  }
  .aido-workbench-heading {
    align-items: center;
    gap: 18px;
  }
  .aido-workbench-tabs {
    position: relative;
    display: flex;
    align-items: stretch;
    gap: 5px;
    margin: 22px 0 0;
    overflow-x: auto;
    border-bottom: 1px solid var(--color-aido-border);
    scrollbar-width: thin;
    max-width: 100%;
  }
  .aido-workbench-tabs button {
    font: 500 13px/1.35 var(--font-sans);
    color: var(--color-aido-muted);
    min-height: 48px;
    white-space: nowrap;
    padding: 12px 18px;
    border: 0;
    border-bottom: 3px solid transparent;
    background: transparent;
    cursor: pointer;
  }
  .aido-workbench-tabs button.is-active {
    color: var(--color-aido-accent);
    border-color: var(--color-aido-accent);
    font-weight: 500;
  }
  @media (min-width:601px) {
    .aido-workbench-tabs.has-indicator>button.is-active {
      border-color: transparent;
    }
  }
  .aido-workbench-tabs button:focus-visible {
    outline: 2px solid var(--color-aido-accent);
    outline-offset: -3px;
    border-radius: 8px;
  }
  .aido-workbench-card {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    min-height: 360px;
    max-width: 100%;
  }
  .aido-workbench-card .aido-section-title {
    margin-bottom: 6px;
  }
  .aido-story {
    display: grid;
    gap: 8px;
    list-style: none;
    padding: 0;
    margin: 16px 0 0;
  }
  .aido-story-month {
    padding: 12px 0 4px;
    color: var(--color-aido-muted);
    font-size: 13px;
    font-weight: 500;
  }
  .aido-story-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    border-radius: var(--radius-aido-control);
    background: var(--color-aido-surface-2);
    border: 1px solid var(--color-aido-border);
    color: var(--color-aido-text);
    font-size: 13px;
    min-width: 0;
  }
  .aido-story-icon {
    flex: none;
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border-radius: var(--radius-aido-control);
    background: var(--color-aido-violet);
    color: var(--color-white);
  }
  .aido-story-icon:is([data-kind="invoices"],[data-kind="receipts"]) {
    background: var(--color-aido-success-solid);
  }
  .aido-story-icon[data-kind="support"] {
    background: var(--color-aido-cyan);
  }
  .aido-story-body {
    display: grid;
    gap: 4px;
    flex: 1;
    min-width: 0;
    overflow-wrap: anywhere;
  }
  .aido-story-meta {
    color: var(--color-aido-muted);
  }
  .aido-story-amount {
    font-weight: 500;
    color: var(--color-aido-ink);
  }
  .aido-duplicates {
    display: grid;
    gap: var(--aido-gap);
    max-height: 60vh;
    overflow-y: auto;
  }
  .aido-duplicates-group {
    display: grid;
    gap: var(--aido-gap-sm);
    padding: 14px;
    border: 1px solid var(--color-aido-border);
    border-radius: var(--radius-aido-block);
  }
  .aido-duplicates-head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--aido-gap-sm);
  }
  .aido-duplicates-reasons {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
  }
  .aido-pin-mark {
    display: inline-flex;
    vertical-align: -3px;
    margin-inline-end: 6px;
    color: var(--color-aido-violet);
  }
  .aido-pin-mark .aido-svg-icon {
    width: 16px;
    height: 16px;
  }
  tr.is-pinned [data-pin-toggle] {
    color: var(--color-aido-violet);
    border-color: var(--color-aido-violet);
  }
  .aido-workbench-history,.aido-workbench-relations,.aido-calendar-legend {
    display: grid;
    gap: 8px;
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .aido-workbench-history li,.aido-workbench-relations li {
    padding: 12px 16px;
    border-radius: var(--radius-aido-control);
    background: var(--color-aido-surface-2);
    border: 1px solid var(--color-aido-border);
    color: var(--color-aido-text);
    overflow-wrap: anywhere;
    font-size: 13px;
  }
  @media (max-width:740px) {
    .aido-workbench-heading {
      align-items: flex-start;
    }
    .aido-workbench-toolbar {
      align-items: flex-start;
    }
    .aido-workbench-tabs button {
      padding-inline: 12px;
    }
    .aido-workbench-card {
      padding: 20px;
    }
  }
  @media (max-width:600px) {
    .aido-workbench-tabs {
      display: grid;
      grid-template-columns: repeat(2,minmax(0,1fr));
      overflow: visible;
      gap: 0;
    }
    .aido-workbench-tabs.has-indicator::after {
      display: none;
    }
    .aido-workbench-tabs button {
      white-space: normal;
      min-width: 0;
      text-align: center;
    }
  }
  .aido-mailbox {
    --aido-mailbox-head: 68px;
    --aido-mailbox-pad: 16px;
    display: grid;
    grid-template-columns: minmax(240px,280px) minmax(0,1fr);
    gap: var(--aido-gap);
  }
  .aido-mailbox>* {
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--color-aido-border);
    border-radius: var(--radius-aido-card);
    background: var(--color-aido-surface);
  }
  .aido-mailbox-folders {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: var(--aido-mailbox-pad);
    overflow-y: auto;
    overscroll-behavior: contain;
  }
  .aido-mailbox-compose {
    flex: none;
    justify-content: center;
    width: 100%;
    min-height: 48px;
  }
  .aido-mailbox-folder-list,.aido-mailbox-channels {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  .aido-mailbox-channels {
    padding: 8px;
    border-radius: var(--radius-aido-block);
    background: var(--color-aido-surface-2);
  }
  .aido-mailbox-group-title {
    margin: 0 0 4px;
    padding: 0 10px;
    color: var(--color-aido-muted);
    font-size: 13px;
    line-height: 1.2;
  }
  .aido-mailbox-folder {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    min-height: 44px;
    padding: 8px 10px;
    border: 1px solid transparent;
    border-radius: var(--radius-aido-control);
    background: transparent;
    color: var(--color-aido-text);
    font: inherit;
    font-size: 14px;
    text-align: left;
    cursor: pointer;
    transition: background-color var(--aido-motion-fast),border-color var(--aido-motion-fast);
  }
  .aido-mailbox-folder .aido-svg-icon {
    flex: none;
    width: 20px;
    height: 20px;
    color: var(--color-aido-muted);
  }
  .aido-mailbox-folder-label {
    flex: 1;
    min-width: 0;
    line-height: 1.2;
    overflow-wrap: anywhere;
  }
  .aido-mailbox-folder:hover {
    background: var(--color-aido-hover);
  }
  .aido-mailbox-folder.is-active {
    background: var(--color-aido-selected);
    color: var(--color-aido-on-selected);
    font-weight: 500;
  }
  .aido-mailbox-folder.is-active .aido-svg-icon {
    color: inherit;
  }
  .aido-mailbox-folder.is-active .aido-mailbox-count {
    background: var(--color-aido-on-selected);
    color: var(--color-aido-selected);
  }
  .aido-mailbox-folder:focus-visible {
    outline: 2px solid var(--color-aido-accent);
    outline-offset: -2px;
  }
  .aido-mailbox-dot {
    flex: none;
    align-self: center;
    width: 12px;
    height: 12px;
    border: 2px solid var(--color-aido-muted);
    border-radius: 50%;
  }
  .aido-mailbox-folder>.aido-mailbox-dot {
    margin-inline: 4px;
  }
  .aido-mailbox-dot[data-priority="high"] {
    border-color: var(--color-aido-danger-solid);
    background: var(--color-aido-danger-solid);
  }
  .aido-mailbox-dot[data-priority="medium"] {
    border-color: var(--color-aido-warning-solid);
    background: var(--color-aido-warning-solid);
  }
  .aido-mailbox-dot[data-priority="low"] {
    border-color: var(--color-aido-success-solid);
    background: var(--color-aido-success-solid);
  }
  :is(.aido-mailbox-folder.is-active,.aido-mailbox-item.is-active) .aido-mailbox-dot {
    outline: 2px solid var(--color-aido-on-selected);
    outline-offset: 1px;
  }
  .aido-mailbox-folder.is-active .aido-mailbox-dot:not([data-priority]) {
    border-color: var(--color-aido-on-selected);
  }
  .aido-mailbox-count {
    min-width: 28px;
    padding: 2px 7px;
    border-radius: var(--radius-aido-badge);
    background: var(--color-aido-neutral-bg);
    color: var(--color-aido-ink);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.3;
    text-align: center;
    font-variant-numeric: tabular-nums;
  }
  .aido-mailbox-main {
    display: flex;
    flex-direction: column;
    min-height: 460px;
    scroll-margin-top: calc(var(--aido-header-h) + 12px);
  }
  .aido-mailbox-list,.aido-mailbox-reader {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
    min-height: 0;
  }
  :is(.aido-mailbox-list,.aido-mailbox-reader)[hidden] {
    display: none;
  }
  .aido-mailbox-pane-head {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: var(--aido-mailbox-head);
    margin: 0;
    padding: 10px var(--aido-mailbox-pad);
    border-bottom: 1px solid var(--color-aido-divider);
  }
  .aido-mailbox-pane-title,.aido-mailbox-reader-title {
    flex: 1;
    min-width: 0;
    margin: 0;
    overflow: hidden;
    color: var(--color-aido-ink);
    font-size: 17px;
    font-weight: 600;
    line-height: 1.2;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .aido-mailbox-list>.aido-mailbox-pane-head>.aido-mailbox-pane-title {
    flex: 1 0 auto;
    min-width: max-content;
  }
  .aido-mailbox-pane-head>.aido-search {
    flex: 0 1 340px;
    min-width: 160px;
    max-width: none;
    margin: 0;
  }
  .aido-mailbox-items {
    flex: 1;
    min-height: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow-y: auto;
    overscroll-behavior: contain;
  }
  .aido-mailbox-items>li+li {
    border-top: 1px solid var(--color-aido-divider);
  }
  .aido-mailbox-item {
    display: grid;
    grid-template-columns: 44px minmax(120px,210px) minmax(0,1fr) auto;
    grid-template-areas: "avatar who copy time";
    align-items: center;
    gap: 6px 16px;
    width: 100%;
    padding: 14px var(--aido-mailbox-pad);
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: background-color var(--aido-motion-fast);
  }
  .aido-mailbox-item:hover {
    background: var(--color-aido-hover);
  }
  .aido-mailbox-item.is-active {
    background: var(--color-aido-selected);
    color: var(--color-aido-on-selected);
  }
  .aido-mailbox-item.is-active :is(.aido-mailbox-who,.aido-mailbox-subject strong,time,.aido-mailbox-channel,.aido-mailbox-follow,.aido-mailbox-excerpt,.aido-mailbox-meta) {
    color: inherit;
  }
  .aido-mailbox-item.is-active .aido-mailbox-avatar {
    background: var(--color-aido-on-selected);
    color: var(--color-aido-selected);
  }
  .aido-mailbox-item:focus-visible {
    outline: 2px solid var(--color-aido-accent);
    outline-offset: -2px;
  }
  .aido-mailbox-avatar {
    grid-area: avatar;
    display: grid;
    place-items: center;
    flex: none;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--color-aido-brand-violet);
    color: var(--color-white);
    font-size: 13px;
    font-weight: 500;
    outline: 1px solid var(--color-aido-border);
    outline-offset: 3px;
  }
  .aido-mailbox-item.is-closed .aido-mailbox-avatar {
    background: var(--color-aido-neutral-solid);
  }
  .aido-mailbox-who {
    grid-area: who;
    min-width: 0;
    overflow: hidden;
    color: var(--color-aido-text);
    font-size: 14px;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .aido-mailbox-who.is-unlinked {
    color: var(--color-aido-muted);
  }
  .aido-mailbox-copy {
    grid-area: copy;
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
  }
  .aido-mailbox-subject {
    display: flex;
    align-items: baseline;
    gap: 10px;
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
  }
  .aido-mailbox-subject strong {
    flex: 0 1 auto;
    max-width: 100%;
    overflow: hidden;
    color: var(--color-aido-ink);
    font-weight: 500;
    text-overflow: ellipsis;
  }
  .aido-mailbox-excerpt {
    flex: 1 1 0;
    min-width: 60px;
    overflow: hidden;
    color: var(--color-aido-muted);
    font-size: 13px;
    text-overflow: ellipsis;
  }
  .aido-mailbox-tags {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 12px;
  }
  .aido-mailbox-channel,.aido-mailbox-follow,.aido-mailbox-meta {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: var(--color-aido-muted);
    font-size: 13px;
  }
  .aido-mailbox-channel .aido-svg-icon,.aido-mailbox-follow .aido-svg-icon {
    width: 15px;
    height: 15px;
  }
  .aido-mailbox-item>time {
    grid-area: time;
    color: var(--color-aido-ink);
    font-size: 13px;
    white-space: nowrap;
  }
  .aido-mailbox-list-foot {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--aido-gap-sm);
    padding: 10px var(--aido-mailbox-pad);
    border-top: 1px solid var(--color-aido-divider);
  }
  .aido-mailbox-thread {
    display: grid;
    grid-template-columns: minmax(0,1fr);
    grid-template-rows: auto auto minmax(0,1fr) auto;
    flex: 1;
    min-height: 0;
    animation: aido-rise-in var(--aido-motion-slow) var(--aido-ease) both;
  }
  .aido-mailbox-reader-head {
    grid-area: 1/1/2/-1;
  }
  .aido-mailbox-back {
    flex: none;
  }
  .aido-mailbox-from {
    grid-area: 2/1/3/-1;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px var(--aido-mailbox-pad);
    border-bottom: 1px solid var(--color-aido-divider);
  }
  .aido-mailbox-from-copy {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
    min-width: 0;
  }
  .aido-mailbox-from-name,.aido-mailbox-from-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 10px;
    margin: 0;
  }
  .aido-mailbox-from-name strong {
    color: var(--color-aido-ink);
    font-weight: 500;
  }
  #aido-thread-state {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 6px;
  }
  .aido-mailbox-from-meta {
    color: var(--color-aido-muted);
    font-size: 13px;
  }
  .aido-mailbox-from-meta>:empty {
    display: none;
  }
  .aido-mailbox-from-date {
    flex: none;
    color: var(--color-aido-muted);
    font-size: 13px;
  }
  .aido-mailbox-messages {
    grid-area: 3/1/4/2;
    min-height: 72px;
  }
  .aido-mailbox-reader .aido-mailbox-messages {
    align-content: start;
    max-height: none;
    padding: var(--aido-mailbox-pad);
  }
  .aido-mailbox-composer {
    grid-area: 4/1/5/2;
    isolation: isolate;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: var(--aido-mailbox-pad);
    border-top: 1px solid var(--color-aido-divider);
  }
  .aido-mailbox-composer .aido-textarea {
    min-height: 64px;
    max-height: 220px;
  }
  .aido-toolbar.aido-mailbox-composer-foot {
    align-items: center;
    margin: 0;
  }
  .aido-mailbox-composer-foot>.aido-action-group {
    margin-left: auto;
  }
  .aido-mailbox-details {
    grid-area: 3/1/5/2;
    display: none;
    flex-direction: column;
    gap: var(--aido-gap);
    justify-self: end;
    width: min(340px,100%);
    min-height: 0;
    padding: var(--aido-mailbox-pad);
    border-left: 1px solid var(--color-aido-divider);
    background: var(--color-aido-surface);
    overflow-y: auto;
    overscroll-behavior: contain;
    z-index: 1;
  }
  .aido-mailbox-thread.is-details-open>.aido-mailbox-details {
    display: flex;
  }
  .aido-mailbox-details .aido-check-group {
    max-height: 240px;
    overflow-y: auto;
    overscroll-behavior: contain;
  }
  .aido-file-button:has(input:focus-visible) {
    outline: 2px solid var(--color-aido-accent);
    outline-offset: 2px;
  }
  @media (min-width:1024px) {
    .aido-main:has(>[data-panel="communications"]:not([hidden])) {
      padding-bottom: 24px;
    }
    [data-panel="communications"]:not([hidden]) {
      display: flex;
      flex-direction: column;
      height: calc(100dvh - var(--aido-header-live,var(--aido-header-h)) - 52px);
      min-height: 560px;
    }
    [data-panel="communications"]>.aido-page-heading {
      flex: none;
      margin-bottom: 16px;
    }
    .aido-mailbox {
      flex: 1;
      grid-template-rows: minmax(0,1fr);
      min-height: 0;
    }
    .aido-mailbox>* {
      min-height: 0;
    }
  }
  @media (min-width:1680px) {
    .aido-mailbox-thread {
      grid-template-columns: minmax(0,1fr) 300px;
    }
    .aido-mailbox-details,.aido-mailbox-thread.is-details-open>.aido-mailbox-details {
      grid-area: 3/2/5/3;
      display: flex;
      justify-self: stretch;
      width: auto;
    }
    .aido-mailbox-details-toggle {
      display: none;
    }
  }
  @media (max-width:1279px) {
    .aido-mailbox-item {
      grid-template-columns: 44px minmax(0,1fr) auto;
      grid-template-areas: "avatar who time" "avatar copy copy";
      align-items: start;
    }
    .aido-mailbox-avatar {
      align-self: center;
    }
    .aido-mailbox-who {
      color: var(--color-aido-ink);
      font-weight: 500;
    }
  }
  @media (max-width:1023px) {
    .aido-mailbox {
      grid-template-columns: minmax(0,1fr);
    }
    .aido-mailbox-folders {
      gap: 12px;
      overflow: hidden;
    }
    .aido-mailbox-folder-list,.aido-mailbox-channels {
      flex-direction: row;
      gap: 6px;
      overflow-x: auto;
      overscroll-behavior-x: contain;
    }
    .aido-mailbox-channels {
      align-items: center;
      padding: 0;
      background: none;
    }
    .aido-mailbox-group-title {
      flex: none;
      margin: 0;
      padding: 0 4px;
    }
    .aido-mailbox-folder {
      flex: none;
      width: auto;
    }
    .aido-mailbox-folder-label {
      white-space: nowrap;
    }
    .aido-mailbox.is-reading>.aido-mailbox-folders {
      display: none;
    }
    .aido-mailbox-items {
      flex: none;
    }
    .aido-mailbox-reader .aido-mailbox-messages {
      max-height: min(60vh,560px);
    }
    .aido-mailbox-details {
      justify-self: stretch;
      width: auto;
      border-left: 0;
    }
  }
  @media (max-width:600px) {
    .aido-mailbox-list>.aido-mailbox-pane-head {
      flex-wrap: wrap;
    }
    .aido-mailbox-list>.aido-mailbox-pane-head>.aido-mailbox-pane-title {
      flex-basis: 100%;
    }
    .aido-mailbox-pane-head>.aido-search {
      flex: 1 1 0;
      min-width: 0;
    }
    .aido-mailbox-from {
      flex-wrap: wrap;
    }
    .aido-mailbox-from-date {
      flex-basis: 100%;
      padding-left: 58px;
    }
  }
  .aido-support-thread {
    display: grid;
    grid-template-columns: minmax(0,1fr);
    gap: 12px;
    max-height: 360px;
    overflow: auto;
    overscroll-behavior: contain;
    padding: 8px 2px;
  }
  .aido-assist-thread {
    max-height: min(48vh,480px);
    grid-template-columns: minmax(0,1fr);
  }
  .aido-assist-thread .aido-button,.aido-help-box .aido-button {
    white-space: normal;
    justify-content: flex-start;
    text-align: start;
    padding-block: 8px;
    max-width: 100%;
  }
  .aido-support-message {
    justify-self: start;
    max-width: min(85%,720px);
    border: 1px solid var(--color-aido-border);
    border-radius: var(--radius-aido-block) var(--radius-aido-block) var(--radius-aido-block) 4px;
    background: var(--color-aido-surface-2);
    padding: 12px 14px;
  }
  .aido-support-message strong {
    font-size: 13px;
    margin-right: 10px;
  }
  .aido-support-message small {
    font-size: 13px;
    color: var(--color-aido-muted);
  }
  .aido-support-message p {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    margin: 7px 0 0;
    line-height: 1.45;
  }
  .aido-support-message.is-own {
    justify-self: end;
    border-color: var(--color-aido-selected);
    border-radius: var(--radius-aido-block) var(--radius-aido-block) 4px var(--radius-aido-block);
    background: var(--color-aido-selected);
    color: var(--color-aido-on-selected);
  }
  .aido-support-message.is-own :is(small,a,.aido-muted-block) {
    color: inherit;
  }
  .aido-support-message.is-internal {
    justify-self: stretch;
    max-width: none;
    border-style: dashed;
    border-color: var(--color-aido-warning-line);
    border-radius: var(--radius-aido-block);
    background: var(--color-aido-warning-bg);
    color: var(--color-aido-ink);
  }
  .aido-attachments {
    display: grid;
    gap: 6px;
    margin: 10px 0 0;
    padding: 0;
    list-style: none;
  }
  .aido-attachments li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    font-size: 13px;
  }
  .aido-desk-thread {
    max-height: 520px;
  }
  .aido-desk-inline {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin-top: 6px;
  }
  .aido-desk-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 16px;
  }
  .aido-desk-day-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 16px;
    margin-top: 6px;
  }
  .aido-note-box {
    border: 1px solid var(--color-aido-border);
    border-radius: var(--radius-aido-block);
    padding: 12px 14px;
    margin-top: 14px;
    background: var(--color-aido-surface-2);
  }
  .aido-note-box > * + * {
    margin-top: 8px;
  }
  .aido-note-head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
  }
  .aido-kb-body {
    display: grid;
    gap: 12px;
    max-height: 60vh;
    overflow: auto;
    overscroll-behavior: contain;
    font-size: 15px;
    line-height: 1.45;
  }
  .aido-kb-body p {
    margin: 0;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
  }
  .aido-executive {
    display: grid;
    gap: 28px;
    min-width: 0;
  }
  .aido-exec-heading {
    margin-bottom: 0;
  }
  .aido-exec-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    --aido-select-width: auto;
    --aido-select-min: 104px;
  }
  .aido-exec-customize {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin-top: var(--aido-gap);
    padding: 12px 14px 12px 18px;
    border: 1px dashed var(--color-aido-accent-line);
    border-radius: var(--radius-aido-control);
    background: var(--color-aido-accent-soft);
    color: var(--color-aido-accent);
  }
  .aido-exec-customize>p {
    flex: 1 1 240px;
    margin: 0;
    font-size: 14px;
    line-height: 1.4;
    color: var(--color-aido-text);
  }
  .aido-exec-remove {
    display: none;
  }
  .is-customizing [data-exec-widget] {
    position: relative;
    outline: 2px dashed var(--color-aido-accent-line);
    outline-offset: 4px;
  }
  .is-customizing .aido-exec-remove {
    display: inline-flex;
    position: absolute;
    top: -14px;
    right: -14px;
    z-index: 6;
    background: var(--color-aido-surface);
  }
  .is-customizing .aido-exec-remove:hover:not(:disabled) {
    background: var(--color-aido-danger-bg);
    color: var(--color-aido-danger);
    border-color: currentColor;
  }
  .aido-exec-source,.aido-exec-meta,.aido-exec-footnote,.aido-exec-empty {
    font-size: 13px;
    color: var(--color-aido-muted);
    margin: 0;
    line-height: 1.45;
  }
  .aido-exec-source {
    background: var(--color-aido-accent-soft);
    border: 1px solid var(--color-aido-accent-line);
    border-radius: var(--radius-aido-control);
    padding: 12px 16px;
  }
  .aido-exec-source.is-warn {
    background: var(--color-aido-warning-bg);
    border-color: var(--color-aido-warning-line);
    color: var(--color-aido-warning);
  }
  .aido-participants {
    display: grid;
    gap: 10px;
  }
  .aido-participant {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
  }
  .aido-participant .aido-muted-block {
    flex-basis: 100%;
  }
  .aido-exec-kpi {
    min-height: 158px;
    position: relative;
  }
  .aido-exec-kpi .aido-kpi-label {
    padding-inline-end: 48px;
    min-height: 38px;
  }
  .aido-exec-kpi-icon {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 38px;
    height: 38px;
    color: var(--color-white);
    display: grid;
    place-items: center;
    background: var(--aido-kpi-accent,var(--color-aido-cyan));
    border-radius: var(--radius-aido-control);
  }
  .aido-kpi-grid>:nth-child(4n+2) {
    --aido-kpi-accent: var(--color-aido-yellow);
  }
  .aido-kpi-grid>:nth-child(4n+3) {
    --aido-kpi-accent: var(--color-aido-magenta);
  }
  .aido-kpi-grid>:nth-child(4n+4) {
    --aido-kpi-accent: var(--color-aido-brand-violet);
  }
  .aido-kpi-grid>:nth-child(4n+2) .aido-exec-kpi-icon {
    color: var(--color-aido-on-brand);
  }
  .aido-exec-kpi-icon svg {
    width: 20px;
    height: 20px;
  }
  .aido-exec-kpi[data-tone="success"] {
    --aido-kpi-accent: var(--color-aido-success-solid);
  }
  .aido-exec-kpi[data-tone="warning"] {
    --aido-kpi-accent: var(--color-aido-yellow);
  }
  .aido-exec-kpi[data-tone="danger"] {
    --aido-kpi-accent: var(--color-aido-danger-solid);
  }
  .aido-exec-kpi:is([data-tone="success"],[data-tone="danger"]) .aido-exec-kpi-icon {
    color: var(--color-white);
  }
  .aido-exec-kpi[data-tone="warning"] .aido-exec-kpi-icon {
    color: var(--color-aido-on-brand);
  }
  .aido-exec-section {
    display: grid;
    gap: var(--aido-gap);
    margin-top: 16px;
    min-width: 0;
  }
  .aido-exec-section-title .aido-kicker {
    margin-bottom: 7px;
  }
  .aido-exec-section-title .aido-page-description {
    margin-top: 6px;
  }
  .aido-exec-server-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: var(--aido-gap);
  }
  .aido-exec-server-card {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
    padding: 22px;
  }
  .aido-exec-server-head {
    display: flex;
    gap: 12px;
    align-items: center;
    font-size: 13px;
    color: var(--color-aido-muted);
    font-weight: 500;
  }
  .aido-exec-server-head [data-aido-glyph] {
    width: 34px;
    height: 34px;
    border-radius: var(--radius-aido-control);
    display: grid;
    place-items: center;
    color: var(--color-aido-accent);
    background: var(--color-aido-accent-soft);
  }
  .aido-exec-server-head svg {
    width: 20px;
    height: 20px;
  }
  .aido-exec-server-value {
    display: flex;
    align-items: baseline;
    gap: 7px;
    line-height: 1.25;
  }
  .aido-exec-server-value strong {
    font-size: 30px;
    font-variant-numeric: tabular-nums;
  }
  .aido-exec-server-value span {
    font-size: 13px;
    color: var(--color-aido-muted);
  }
  .aido-exec-spark {
    width: 100%;
    height: auto;
    aspect-ratio: 560/150;
    display: block;
    overflow: visible;
  }
  .aido-exec-server-note {
    margin: auto 0 0;
    font-size: 13px;
    color: var(--color-aido-muted);
  }
  .aido-exec-content-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: var(--aido-gap);
    align-items: stretch;
  }
  .aido-exec-work-card {
    min-width: 0;
    min-height: 270px;
    display: grid;
    align-content: start;
    gap: 24px;
  }
  .aido-exec-wide {
    grid-column: 1/-1;
    min-height: 0;
  }
  .aido-exec-signals {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(min(100%,280px),1fr));
    gap: 10px;
  }
  .aido-exec-signal {
    display: grid;
    grid-template-columns: auto minmax(0,1fr) 18px;
    align-items: center;
    gap: 14px;
    min-height: 64px;
    padding: 12px 14px;
    border: 1px solid var(--color-aido-border);
    border-radius: var(--radius-aido-control);
    background: var(--color-aido-surface);
    color: var(--color-aido-text);
    text-align: left;
    cursor: pointer;
    --aido-signal-bg: var(--color-aido-yellow);
    --aido-signal-ink: var(--color-aido-on-brand);
    transition: border-color var(--aido-motion) var(--aido-ease),background var(--aido-motion) var(--aido-ease);
  }
  .aido-exec-signal[data-tone="danger"] {
    --aido-signal-bg: var(--color-aido-fill-bad);
    --aido-signal-ink: var(--color-white);
  }
  .aido-exec-signal:hover {
    border-color: var(--color-aido-hover-line);
    background: var(--color-aido-hover);
  }
  .aido-exec-signal:focus-visible {
    outline: 2px solid var(--color-aido-accent);
    outline-offset: 2px;
  }
  .aido-exec-signal-count {
    display: grid;
    place-items: center;
    min-width: 40px;
    height: 40px;
    padding: 0 8px;
    border-radius: var(--radius-aido-control);
    background: var(--aido-signal-bg);
    color: var(--aido-signal-ink);
    font-size: 16px;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
  }
  .aido-exec-signal-copy {
    display: grid;
    gap: 3px;
    min-width: 0;
    font-size: 13px;
    line-height: 1.3;
  }
  .aido-exec-signal-copy small {
    font-size: 13px;
    color: var(--color-aido-muted);
  }
  .aido-exec-signal>[data-aido-glyph] {
    color: var(--color-aido-muted);
  }
  .aido-exec-body {
    display: grid;
    gap: 18px;
    min-width: 0;
  }
  .aido-exec-work-card>.aido-exec-section-title {
    flex-wrap: nowrap;
    align-items: flex-start;
  }
  .aido-exec-aside {
    flex: none;
  }
  .aido-exec-group {
    display: grid;
    gap: 6px;
    margin-top: 36px;
    padding-top: 24px;
    border-top: 1px solid var(--color-aido-border);
    scroll-margin-top: calc(var(--aido-header-h) + 72px);
  }
  .aido-exec-index {
    position: sticky;
    top: var(--aido-header-h);
    z-index: 20;
    display: flex;
    gap: var(--aido-gap-sm);
    margin: -14px 0 -20px;
    padding: 10px 0;
    background: var(--color-aido-canvas);
    overflow-x: auto;
    scrollbar-width: none;
  }
  .aido-exec-index-item {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    flex: none;
    min-height: var(--aido-control);
    padding: 0 16px 0 8px;
    border: 1px solid var(--color-aido-border);
    border-radius: var(--radius-aido-control);
    background: var(--color-aido-surface);
    color: var(--color-aido-muted);
    font-size: 13px;
    transition: border-color var(--aido-motion),color var(--aido-motion);
  }
  .aido-exec-index-item:hover {
    border-color: var(--color-aido-hover-line);
    color: var(--color-aido-ink);
  }
  .aido-exec-index-item.is-active {
    border-color: var(--color-aido-accent);
    color: var(--color-aido-ink);
  }
  .aido-exec-index-number {
    display: grid;
    place-items: center;
    min-width: 30px;
    height: 26px;
    padding: 0 6px;
    border-radius: var(--radius-aido-badge);
    background: var(--color-aido-neutral-bg);
    color: var(--color-aido-muted);
    font-size: 13px;
    font-weight: 500;
    font-variant-numeric: tabular-nums;
    transition: background var(--aido-motion),color var(--aido-motion);
  }
  .aido-exec-index-item.is-active .aido-exec-index-number {
    background: var(--color-aido-yellow);
    color: var(--color-aido-on-brand);
  }
  .aido-exec-group .aido-section-title {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 19px;
  }
  .aido-exec-group-number {
    display: grid;
    place-items: center;
    min-width: 34px;
    height: 28px;
    padding: 0 8px;
    border-radius: var(--radius-aido-badge);
    background: var(--color-aido-yellow);
    color: var(--color-aido-on-brand);
    font-size: 13px;
    font-weight: 500;
    font-variant-numeric: tabular-nums;
  }
  .aido-exec-stats {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(88px,1fr));
    gap: 10px;
  }
  .aido-exec-stat {
    display: grid;
    gap: 6px;
    align-content: start;
    padding: 14px;
    border: 1px solid var(--color-aido-border);
    border-radius: var(--radius-aido-control);
    background: var(--color-aido-surface-2);
    --aido-stat-ink: var(--color-aido-ink);
  }
  .aido-exec-stat[data-tone="danger"] {
    --aido-stat-ink: var(--color-aido-danger);
  }
  .aido-exec-stat[data-tone="warning"] {
    --aido-stat-ink: var(--color-aido-warning);
  }
  .aido-exec-stat strong {
    font-size: 22px;
    font-weight: 600;
    line-height: 1.1;
    color: var(--aido-stat-ink);
    font-variant-numeric: tabular-nums;
    overflow-wrap: anywhere;
  }
  .aido-exec-stat span {
    font-size: 13px;
    line-height: 1.3;
    color: var(--color-aido-muted);
  }
  .aido-exec-multiples {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(min(100%,360px),1fr));
    gap: var(--aido-gap);
  }
  .aido-exec-multiple {
    display: grid;
    gap: 12px;
    min-width: 0;
    padding: 18px;
    border: 1px solid var(--color-aido-border);
    border-radius: var(--radius-aido-block);
  }
  .aido-exec-multiple-head {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 12px;
    flex-wrap: wrap;
  }
  .aido-exec-multiple-head strong {
    font-size: 15px;
    font-weight: 600;
    color: var(--color-aido-ink);
  }
  .aido-exec-multiple-head span {
    font-size: 13px;
    color: var(--color-aido-muted);
    font-variant-numeric: tabular-nums;
  }
  .aido-exec-meters {
    display: grid;
    gap: 14px;
  }
  .aido-exec-table td,.aido-exec-table th[scope="row"] {
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
  }
  .aido-exec-bars {
    display: grid;
    gap: 17px;
  }
  .aido-exec-bar-head {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    font-size: 13px;
    margin-bottom: 7px;
    color: var(--color-aido-text);
  }
  .aido-exec-bar-head strong {
    color: var(--color-aido-ink);
    font-size: 13px;
  }
  .aido-exec-focus {
    display: grid;
    gap: 2px;
  }
  .aido-exec-focus-item {
    padding: 13px 0;
    border-bottom: 1px solid var(--color-aido-border);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 12px 16px;
  }
  .aido-exec-focus-copy {
    display: grid;
    gap: 4px;
    min-width: 0;
    flex: 1 1 200px;
  }
  .aido-exec-focus-copy strong {
    font-size: 13px;
    overflow-wrap: anywhere;
    font-weight: 500;
  }
  .aido-exec-focus-label {
    font-size: 13px;
    color: var(--color-aido-violet);
  }
  .aido-exec-due {
    font-size: 13px;
    color: var(--color-aido-muted);
    white-space: nowrap;
  }
  .aido-exec-project {
    inline-size: 100%;
    margin: 0;
    padding-inline: 10px;
    font: inherit;
    color: inherit;
    text-align: start;
    background: none;
    border-width: 0 0 1px;
    border-style: solid;
    border-color: var(--color-aido-border);
    border-radius: var(--radius-aido-control);
    cursor: pointer;
    transition: background-color var(--aido-motion-fast) ease;
  }
  .aido-exec-project:hover {
    background: var(--color-aido-hover);
  }
  .aido-exec-focus-copy>.aido-progress-inline {
    inline-size: min(100%,280px);
  }
  .aido-exec-overdue {
    color: var(--color-aido-danger);
  }
  .aido-chart {
    margin: 0;
    display: grid;
    gap: 10px;
    min-width: 0;
  }
  :is(.aido-chart-line,.aido-chart-area,.aido-chart-dot,.aido-chart-mark,.aido-chart-donut-part,.aido-chart-column-bar,.aido-chart-legend>span,.aido-chart-key>li) {
    --aido-chart-color: var(--color-aido-violet);
  }
  :is(.aido-chart-line,.aido-chart-area,.aido-chart-dot,.aido-chart-mark,.aido-chart-donut-part,.aido-chart-column-bar,.aido-chart-legend>span,.aido-chart-key>li)[data-tone="deep"] {
    --aido-chart-color: var(--color-aido-cyan);
  }
  :is(.aido-chart-line,.aido-chart-area,.aido-chart-dot,.aido-chart-mark,.aido-chart-donut-part,.aido-chart-column-bar,.aido-chart-legend>span,.aido-chart-key>li)[data-tone="success"] {
    --aido-chart-color: var(--color-aido-success-solid);
  }
  :is(.aido-chart-line,.aido-chart-area,.aido-chart-dot,.aido-chart-mark,.aido-chart-donut-part,.aido-chart-column-bar,.aido-chart-legend>span,.aido-chart-key>li)[data-tone="warning"] {
    --aido-chart-color: var(--color-aido-warning-solid);
  }
  :is(.aido-chart-line,.aido-chart-area,.aido-chart-dot,.aido-chart-mark,.aido-chart-donut-part,.aido-chart-column-bar,.aido-chart-legend>span,.aido-chart-key>li)[data-tone="danger"] {
    --aido-chart-color: var(--color-aido-danger-solid);
  }
  :is(.aido-chart-line,.aido-chart-area,.aido-chart-dot,.aido-chart-mark,.aido-chart-donut-part,.aido-chart-column-bar,.aido-chart-legend>span,.aido-chart-key>li)[data-tone="neutral"] {
    --aido-chart-color: var(--color-aido-faint);
  }
  .aido-chart-frame {
    position: relative;
    padding-left: var(--aido-chart-gutter,64px);
  }
  .aido-chart-plot {
    display: block;
    width: 100%;
    height: 180px;
    overflow: visible;
  }
  .aido-chart-grid {
    stroke: var(--color-aido-divider);
    stroke-width: 1;
    vector-effect: non-scaling-stroke;
  }
  .aido-chart-line {
    fill: none;
    stroke: var(--aido-chart-color);
    stroke-width: 2.5;
    stroke-linecap: round;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke;
  }
  .aido-chart-line[data-tone="deep"] {
    stroke-dasharray: 7 5;
  }
  .aido-chart-area {
    fill: var(--aido-chart-color);
    opacity: .12;
  }
  .aido-chart-dot {
    fill: var(--aido-chart-color);
  }
  .aido-chart-hit {
    fill: transparent;
    cursor: crosshair;
  }
  .aido-chart-guide {
    stroke: var(--color-aido-accent-line);
    stroke-width: 1;
    stroke-dasharray: 4 4;
    vector-effect: non-scaling-stroke;
  }
  .aido-chart-mark {
    stroke: var(--aido-chart-color);
    stroke-width: 10;
    stroke-linecap: round;
    vector-effect: non-scaling-stroke;
  }
  .aido-chart-point>:is(.aido-chart-guide,.aido-chart-mark) {
    pointer-events: none;
    transition: opacity var(--aido-motion) var(--aido-ease);
  }
  .aido-chart-point:not(:hover)>:is(.aido-chart-guide,.aido-chart-mark) {
    opacity: 0;
  }
  .aido-chart-y {
    position: absolute;
    inset: 0 auto 0 0;
    width: calc(var(--aido-chart-gutter,64px) - 10px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    padding: 2px 0;
  }
  .aido-chart-y span,.aido-chart-x span {
    font-size: 13px;
    line-height: 1.2;
    color: var(--color-aido-muted);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
  }
  .aido-chart-x {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    padding-left: var(--aido-chart-gutter,64px);
  }
  .aido-chart-legend {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 18px;
  }
  .aido-chart-legend span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    line-height: 1.2;
    color: var(--color-aido-text);
  }
  .aido-chart-legend span::before,.aido-chart-key li::before {
    content: "";
    flex: none;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--aido-chart-color);
  }
  .aido-chart-ring {
    grid-template-columns: minmax(120px,160px) minmax(0,1fr);
    align-items: center;
    gap: 22px;
  }
  .aido-chart-ring-plot {
    position: relative;
  }
  .aido-chart-donut {
    display: block;
    width: 100%;
    aspect-ratio: 1;
  }
  .aido-chart-donut-track {
    fill: none;
    stroke: var(--color-aido-divider);
    stroke-width: 5;
  }
  .aido-chart-donut-part {
    fill: none;
    stroke: var(--aido-chart-color);
    stroke-width: 5;
    transition: stroke-width var(--aido-motion) var(--aido-ease);
  }
  .aido-chart-donut-part:hover {
    stroke-width: 6.5;
  }
  .aido-chart-ring-center {
    position: absolute;
    inset: 0;
    display: grid;
    place-content: center;
    text-align: center;
    gap: 4px;
    pointer-events: none;
  }
  .aido-chart-ring-center strong {
    font-size: 24px;
    font-weight: 600;
    line-height: 1;
    color: var(--color-aido-ink);
    font-variant-numeric: tabular-nums;
  }
  .aido-chart-ring-center span {
    font-size: 13px;
    line-height: 1.2;
    color: var(--color-aido-muted);
  }
  .aido-chart-key {
    display: grid;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .aido-chart-key li {
    display: grid;
    grid-template-columns: 10px minmax(0,1fr) auto;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    line-height: 1.2;
    color: var(--color-aido-text);
  }
  .aido-chart-key strong {
    font-weight: 500;
    color: var(--color-aido-ink);
    font-variant-numeric: tabular-nums;
  }
  .aido-chart-columns {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(0,1fr);
    gap: 8px;
    align-items: end;
    min-height: 200px;
  }
  .aido-chart-column {
    display: grid;
    grid-template-rows: auto 150px auto;
    gap: 6px;
    justify-items: center;
    min-width: 0;
  }
  .aido-chart-column>strong {
    font-size: 13px;
    line-height: 1.2;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    font-weight: 500;
    color: var(--color-aido-ink);
  }
  .aido-chart-column>span {
    font-size: 13px;
    line-height: 1.2;
    font-variant-numeric: tabular-nums;
    max-width: 100%;
    text-align: center;
    color: var(--color-aido-muted);
  }
  .aido-chart-column-track {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    background: var(--color-aido-surface-2);
  }
  .aido-chart-column-bar {
    display: block;
    width: 100%;
    max-width: 44px;
    border-radius: 8px 8px 4px 4px;
    background: var(--aido-chart-color);
    transition: block-size var(--aido-motion-slow) var(--aido-ease),opacity var(--aido-motion) var(--aido-ease);
  }
  .aido-chart-column-bar:hover {
    opacity: .82;
  }
  .aido-chart-heat {
    display: grid;
    gap: 6px;
    min-width: 560px;
  }
  .aido-chart-heat-row {
    display: grid;
    grid-template-columns: 150px repeat(var(--aido-heat-cols),minmax(0,1fr));
    gap: 6px;
    align-items: center;
  }
  .aido-chart-heat-row>[role="columnheader"] {
    display: grid;
    gap: 2px;
    text-align: center;
    font-size: 13px;
    line-height: 1.2;
    color: var(--color-aido-muted);
    padding: 4px 0;
    border-radius: 8px;
  }
  .aido-chart-heat-row>[role="columnheader"] strong {
    font-weight: 500;
    color: var(--color-aido-text);
    text-transform: capitalize;
  }
  .aido-chart-heat-row>[role="columnheader"] small {
    font-size: 13px;
  }
  .aido-chart-heat-row>[role="columnheader"].is-current {
    background: var(--color-aido-accent-soft);
    color: var(--color-aido-accent);
  }
  .aido-chart-heat-row>[role="rowheader"] {
    font-size: 13px;
    line-height: 1.2;
    color: var(--color-aido-text);
  }
  .aido-chart-heat-cell {
    display: grid;
    place-items: center;
    min-height: 40px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 500;
    font-variant-numeric: tabular-nums;
    color: var(--color-aido-ink);
    background: #0e0e12;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab,var(--color-aido-accent) calc(var(--aido-heat) * 70%),var(--color-aido-surface-2));
    }
  }
  .aido-chart-heat-cell.is-hot {
    color: var(--color-white);
  }
  @media (max-width:600px) {
    .aido-chart-ring {
      grid-template-columns: minmax(0,1fr);
    }
    .aido-chart-ring-plot {
      max-width: 180px;
      justify-self: center;
      width: 100%;
    }
    .aido-chart-columns {
      gap: 4px;
    }
  }
  @media (max-width:900px) {
    .aido-exec-content-grid {
      grid-template-columns: minmax(0,1fr);
    }
  }
  @media (max-width:610px) {
    .aido-exec-server-grid {
      grid-template-columns: minmax(0,1fr);
    }
    .aido-exec-kpi {
      min-height: 138px;
    }
  }
  .aido-ledger-disclaimer {
    margin-bottom: 21px;
  }
  .aido-invoice-editor {
    min-width: 0;
  }
  .aido-invoice-editor-head {
    margin-top: 23px;
  }
  .aido-invoice-layout {
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(250px,330px);
    gap: var(--aido-gap);
    align-items: start;
  }
  .aido-invoice-main {
    min-width: 0;
    display: grid;
    gap: var(--aido-gap);
  }
  .aido-invoice-section {
    display: grid;
    gap: 22px;
    padding: 26px;
  }
  .aido-invoice-section-header {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    border-bottom: 1px solid var(--color-aido-border);
    padding-bottom: 18px;
  }
  .aido-invoice-section-icon {
    flex: 0 0 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    background: var(--color-aido-accent-soft);
    color: var(--color-aido-accent);
    border-radius: var(--radius-aido-control);
  }
  .aido-invoice-section-header .aido-page-description {
    margin-top: 6px;
  }
  .aido-invoice-aside {
    min-width: 0;
    position: sticky;
    top: 20px;
  }
  .aido-invoice-totals {
    display: grid;
    gap: 14px;
    padding: 26px;
  }
  .aido-invoice-total-line {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    color: var(--color-aido-muted);
    align-items: center;
    font-size: 13px;
  }
  .aido-invoice-total-line strong {
    font-weight: 600;
    color: var(--color-aido-ink);
    font-variant-numeric: tabular-nums;
  }
  .aido-invoice-grand {
    border-top: 1px solid var(--color-aido-border);
    padding-top: 18px;
    margin-top: 4px;
    color: var(--color-aido-ink);
    font-weight: 600;
  }
  .aido-invoice-grand strong {
    font-size: 25px;
    font-weight: 600;
    color: var(--color-aido-accent);
  }
  .aido-fin-doc-totals {
    display: grid;
    gap: 12px;
    width: min(100%,380px);
    margin: 22px 0 0 auto;
  }
  .aido-invoice-save {
    width: 100%;
    min-width: 0;
    white-space: normal;
    text-align: center;
  }
  .aido-invoice-items {
    display: grid;
    gap: 14px;
  }
  .aido-invoice-item {
    border: 1px solid var(--color-aido-border);
    border-radius: var(--radius-aido-block);
    padding: 19px;
    background: var(--color-aido-surface-2);
    display: grid;
    gap: 16px;
    min-width: 0;
  }
  .aido-invoice-item-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    flex-wrap: wrap;
  }
  .aido-invoice-item-title strong {
    font-size: 15px;
    font-weight: 500;
  }
  .aido-invoice-item-fields {
    gap: 13px;
  }
  .aido-invoice-item-amount {
    padding-top: 12px;
    border-top: 1px solid var(--color-aido-border);
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    align-items: center;
    color: var(--color-aido-muted);
    font-size: 13px;
  }
  .aido-invoice-item-amount strong {
    color: var(--color-aido-accent);
    font-weight: 600;
    font-variant-numeric: tabular-nums;
  }
  .aido-invoice-fiscal-lock {
    border: 1px solid var(--color-aido-warning-line);
    background: var(--color-aido-warning-bg);
    border-radius: var(--radius-aido-block);
    display: flex;
    gap: 15px;
    padding: 17px;
    color: var(--color-aido-warning);
  }
  .aido-invoice-fiscal-lock [data-aido-glyph] {
    flex: 0 0 24px;
  }
  .aido-invoice-fiscal-lock strong {
    font-weight: 500;
    font-size: 14px;
  }
  .aido-invoice-fiscal-lock p {
    margin: 6px 0 0;
    line-height: 1.45;
    font-size: 13px;
  }
  @media (max-width:1050px) {
    .aido-invoice-layout {
      grid-template-columns: minmax(0,1fr);
    }
    .aido-invoice-aside {
      position: static;
    }
  }
  @media (max-width:600px) {
    .aido-invoice-section,.aido-invoice-totals {
      padding: 17px;
    }
    .aido-invoice-item {
      padding: 13px;
    }
    .aido-invoice-grand strong {
      font-size: 22px;
    }
  }
  .aido-board {
    position: relative;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(220px,1fr);
    gap: 14px;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    padding-bottom: 8px;
    min-width: 0;
  }
  .aido-board-column {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 0;
    background: var(--color-aido-surface-2);
    border: 1px solid var(--color-aido-border);
    border-radius: var(--radius-aido-block);
    padding: 14px;
  }
  .aido-board-column.is-drop {
    border-color: var(--color-aido-accent);
    background: var(--color-aido-accent-soft);
  }
  .aido-board-head {
    display: grid;
    gap: 6px;
    border-bottom: 1px solid var(--color-aido-border);
    padding-bottom: 10px;
  }
  .aido-board-head strong {
    font-size: 14px;
    font-weight: 500;
    display: flex;
    justify-content: space-between;
    gap: 8px;
    align-items: center;
  }
  .aido-board-head>span {
    color: var(--color-aido-muted);
    font-size: 13px;
    font-variant-numeric: tabular-nums;
  }
  .aido-board-list {
    display: grid;
    gap: 10px;
    align-content: start;
    min-height: 60px;
  }
  .aido-board-card {
    display: grid;
    gap: 8px;
    background: var(--color-aido-surface);
    border: 1px solid var(--color-aido-border);
    border-radius: var(--radius-aido-block);
    padding: 13px;
    min-width: 0;
  }
  .aido-board-card[draggable="true"] {
    cursor: grab;
  }
  .aido-board-card strong {
    font-size: 14px;
    font-weight: 500;
    overflow-wrap: anywhere;
  }
  .aido-board-card p {
    margin: 0;
    color: var(--color-aido-muted);
    font-size: 13px;
    overflow-wrap: anywhere;
  }
  .aido-board-card footer {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
  }
  .aido-board-amount {
    font-weight: 600;
    color: var(--color-aido-ink);
    font-size: 13px;
    font-variant-numeric: tabular-nums;
  }
  @media (max-width:600px) {
    .aido-board {
      grid-auto-columns: minmax(240px,86vw);
    }
  }
  .aido-calendar {
    --aido-cal-gutter: 68px;
    --aido-cal-ease: cubic-bezier(.16,1,.3,1);
  }
  .aido-calendar-bar {
    display: flex;
    flex-wrap: wrap;
    gap: var(--aido-gap-sm);
    align-items: center;
    justify-content: space-between;
  }
  .aido-calendar-title {
    font-size: 17px;
    font-weight: 600;
    line-height: 1.2;
    margin: 0 6px;
  }
  .aido-calendar-layout {
    display: grid;
    grid-template-columns: minmax(0,1fr);
    gap: var(--aido-gap);
    align-items: start;
    min-width: 0;
  }
  .aido-calendar-stage {
    min-width: 0;
    transition: opacity var(--aido-motion) var(--aido-cal-ease);
  }
  .aido-calendar-stage[aria-busy="true"] {
    opacity: .6;
  }
  .aido-calendar-aside {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(240px,1fr));
    gap: 14px;
    align-content: start;
    min-width: 0;
  }
  .aido-calendar-panel {
    display: grid;
    gap: 14px;
    align-content: start;
    border: 1px solid var(--color-aido-border);
    border-radius: var(--radius-aido-block);
    padding: 18px;
    background: var(--color-aido-surface);
    min-width: 0;
  }
  .aido-calendar-panel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-width: 0;
  }
  .aido-calendar-panel-title {
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.2;
    color: var(--color-aido-ink);
  }
  .aido-calendar-reset {
    min-height: var(--aido-control-compact);
    padding: 0 12px;
  }
  @media (min-width:1280px) {
    .aido-calendar-layout {
      grid-template-columns: minmax(0,1fr) clamp(300px,24vw,380px);
    }
    .aido-calendar-aside {
      grid-template-columns: minmax(0,1fr);
    }
  }
  @media (prefers-reduced-motion:no-preference) {
    .aido-calendar-stage>* {
      animation: aido-calendar-enter .2s var(--aido-cal-ease);
    }
  }
  @keyframes aido-calendar-enter {
    from {
      opacity: 0;
      transform: translateY(6px);
    }
  }
  :is(.aido-calendar-chip,.aido-calendar-block,.aido-calendar-filter,.aido-calendar-legend li,.aido-calendar-next) {
    --aido-cal-accent: var(--color-aido-violet);
    --aido-cal-fill: var(--color-aido-violet-bg);
    --aido-cal-ink: var(--color-aido-ink);
  }
  :is(.aido-calendar-chip,.aido-calendar-block,.aido-calendar-filter,.aido-calendar-legend li,.aido-calendar-next)[data-tone="done"] {
    --aido-cal-accent: var(--color-aido-success-solid);
    --aido-cal-fill: var(--color-aido-success-bg);
    --aido-cal-ink: var(--color-aido-success);
  }
  :is(.aido-calendar-chip,.aido-calendar-block,.aido-calendar-filter,.aido-calendar-legend li,.aido-calendar-next)[data-tone="no_show"] {
    --aido-cal-accent: var(--color-aido-warning-solid);
    --aido-cal-fill: var(--color-aido-warning-bg);
    --aido-cal-ink: var(--color-aido-warning);
  }
  :is(.aido-calendar-chip,.aido-calendar-block,.aido-calendar-filter,.aido-calendar-legend li,.aido-calendar-next)[data-tone="overdue"] {
    --aido-cal-accent: var(--color-aido-danger-solid);
    --aido-cal-fill: var(--color-aido-danger-bg);
    --aido-cal-ink: var(--color-aido-danger);
  }
  :is(.aido-calendar-chip,.aido-calendar-block,.aido-calendar-filter,.aido-calendar-legend li,.aido-calendar-next)[data-tone="restricted"] {
    --aido-cal-accent: var(--color-aido-faint);
    --aido-cal-fill: var(--color-aido-neutral-bg);
    --aido-cal-ink: var(--color-aido-muted);
  }
  .aido-calendar-chip {
    display: flex;
    align-items: center;
    gap: 5px;
    width: 100%;
    min-height: 28px;
    border: 0;
    border-left: 3px solid var(--aido-cal-accent);
    background: var(--aido-cal-fill);
    color: var(--aido-cal-ink);
    border-radius: 8px;
    padding: 3px 7px;
    font-size: 13px;
    line-height: 1.2;
    text-align: left;
    overflow: hidden;
    min-width: 0;
    transition: transform var(--aido-motion) var(--aido-cal-ease);
  }
  .aido-calendar-chip:hover {
    transform: translateY(-1px);
  }
  .aido-calendar-chip .aido-svg-icon {
    flex: none;
    width: 15px;
    height: 15px;
  }
  .aido-calendar-chip-time {
    flex: none;
    font-variant-numeric: tabular-nums;
    opacity: .8;
  }
  .aido-calendar-chip-title {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .aido-calendar-more {
    justify-self: start;
    border: 0;
    background: none;
    color: var(--color-aido-accent);
    font-size: 13px;
    font-weight: 500;
    line-height: 1.2;
    text-align: left;
    padding: 4px 2px;
    border-radius: 6px;
  }
  .aido-calendar-more:hover {
    background: var(--color-aido-hover-strong);
  }
  .aido-calendar-month {
    display: grid;
    grid-template-columns: repeat(7,minmax(0,1fr));
    border: 1px solid var(--color-aido-border);
    border-radius: var(--radius-aido-block);
    overflow: hidden;
  }
  .aido-calendar-weekday {
    background: var(--color-aido-surface-2);
    color: var(--color-aido-muted);
    font-size: 13px;
    line-height: 1.2;
    padding: 10px 4px;
    text-align: center;
    border-bottom: 1px solid var(--color-aido-border);
    text-transform: capitalize;
  }
  .aido-calendar-day {
    min-height: 122px;
    border-right: 1px solid var(--color-aido-divider);
    border-bottom: 1px solid var(--color-aido-divider);
    padding: 6px;
    display: grid;
    align-content: start;
    gap: 4px;
    min-width: 0;
    background: var(--color-aido-surface);
    transition: background var(--aido-motion) var(--aido-cal-ease);
  }
  .aido-calendar-day:nth-child(7n) {
    border-right: 0;
  }
  .aido-calendar-day.is-offday {
    background: var(--color-aido-surface-2);
  }
  .aido-calendar-day.is-outside .aido-calendar-date {
    color: var(--color-aido-faint);
  }
  .aido-calendar-day:hover {
    background: var(--color-aido-hover);
  }
  .aido-calendar-day-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 4px;
  }
  .aido-calendar-date {
    display: grid;
    place-items: center;
    min-width: 30px;
    height: 30px;
    border: 0;
    background: none;
    border-radius: var(--radius-aido-control);
    font-size: 13px;
    font-weight: 500;
    color: var(--color-aido-ink);
  }
  .aido-calendar-date:hover {
    background: var(--color-aido-hover-strong);
    color: var(--color-aido-hover-ink);
  }
  .aido-calendar-day.is-today .aido-calendar-date {
    background: var(--color-aido-accent);
    color: var(--color-aido-on-accent);
  }
  .aido-calendar-count {
    display: none;
    place-items: center;
    min-width: 26px;
    height: 24px;
    padding: 0 6px;
    border: 0;
    border-radius: var(--radius-aido-badge);
    background: var(--color-aido-accent-soft);
    color: var(--color-aido-accent);
    font-size: 13px;
    font-weight: 500;
  }
  .aido-calendar-week {
    --aido-cal-cols: var(--aido-cal-days);
    border: 1px solid var(--color-aido-border);
    border-radius: var(--radius-aido-block);
    overflow: hidden;
    background: var(--color-aido-surface);
    min-width: 0;
  }
  .aido-calendar-week-head {
    display: grid;
    grid-template-columns: var(--aido-cal-gutter) repeat(var(--aido-cal-days),minmax(0,1fr));
    border-bottom: 1px solid var(--color-aido-border);
    background: var(--color-aido-surface-2);
  }
  .aido-calendar-allday,.aido-calendar-grid {
    display: grid;
    grid-template-columns: var(--aido-cal-gutter) repeat(var(--aido-cal-cols),minmax(0,1fr));
  }
  .aido-calendar-allday {
    border-bottom: 1px solid var(--color-aido-border);
  }
  .aido-calendar-zone {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px 4px;
    color: var(--color-aido-muted);
    font-size: 13px;
    line-height: 1.2;
    text-align: center;
  }
  .aido-calendar-dayhead {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 2px 6px;
    min-height: 58px;
    min-width: 0;
    padding: 6px 4px;
    border: 0;
    border-left: 1px solid var(--color-aido-divider);
    background: none;
    color: var(--color-aido-text);
    font-size: 13px;
    line-height: 1.2;
    transition: background var(--aido-motion) var(--aido-cal-ease);
  }
  .aido-calendar-dayhead:hover {
    background: var(--color-aido-hover);
  }
  .aido-calendar-dayhead.is-selected {
    background: var(--color-aido-accent-soft);
  }
  .aido-calendar-dayhead-name {
    color: var(--color-aido-muted);
    text-transform: capitalize;
  }
  .aido-calendar-dayhead-number {
    display: grid;
    place-items: center;
    min-width: 34px;
    height: 34px;
    border-radius: var(--radius-aido-control);
    font-size: 17px;
    font-weight: 500;
    color: var(--color-aido-ink);
  }
  .aido-calendar-dayhead.is-today .aido-calendar-dayhead-number {
    background: var(--color-aido-accent);
    color: var(--color-aido-on-accent);
  }
  .aido-calendar-dayhead-count {
    padding: 1px 7px;
    border-radius: var(--radius-aido-badge);
    background: var(--color-aido-surface);
    border: 1px solid var(--color-aido-accent-line);
    color: var(--color-aido-accent);
    font-size: 13px;
    font-variant-numeric: tabular-nums;
  }
  .aido-calendar-week[data-view="day"] .aido-calendar-dayhead {
    justify-content: flex-start;
    padding-inline: 16px;
    cursor: default;
  }
  .aido-calendar-allday-cell {
    display: grid;
    gap: 4px;
    align-content: start;
    min-height: 40px;
    min-width: 0;
    padding: 5px;
    border-left: 1px solid var(--color-aido-divider);
  }
  .aido-calendar-week.is-writable .aido-calendar-allday-cell {
    cursor: copy;
  }
  .aido-calendar-scroll {
    max-height: min(68vh,720px);
    min-height: 360px;
    overflow: auto;
    overscroll-behavior: contain;
    scroll-behavior: auto;
    outline: 0;
  }
  .aido-calendar-grid {
    position: relative;
    height: calc(var(--aido-cal-hour) * var(--aido-cal-hours,24));
  }
  .aido-calendar-week[data-view="day"] .aido-calendar-grid {
    min-width: calc(var(--aido-cal-gutter) + var(--aido-cal-widest) * 128px);
  }
  .aido-calendar-gutter {
    position: sticky;
    left: 0;
    z-index: 5;
    background: var(--color-aido-surface);
    border-right: 1px solid var(--color-aido-border);
  }
  .aido-calendar-hour {
    position: absolute;
    top: var(--aido-cal-top);
    left: 0;
    right: 6px;
    transform: translateY(-50%);
    color: var(--color-aido-muted);
    font-size: 13px;
    line-height: 1.2;
    text-align: right;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
  }
  .aido-calendar-hour.is-first {
    transform: translateY(2px);
  }
  .aido-calendar-col {
    position: relative;
    display: grid;
    grid-auto-rows: calc(var(--aido-cal-hour) / 2);
    min-width: 0;
    border-left: 1px solid var(--color-aido-divider);
  }
  .aido-calendar-col.is-today {
    background: var(--color-aido-accent-tint);
  }
  .aido-calendar-slot {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0 6px;
    border: 0;
    border-top: 1px dashed var(--color-aido-divider);
    background: transparent;
    color: var(--color-aido-accent);
    font-size: 13px;
    line-height: 1.2;
    text-align: left;
    transition: background var(--aido-motion) var(--aido-cal-ease);
  }
  .aido-calendar-slot.is-hour {
    border-top-style: solid;
    border-top-color: var(--color-aido-border);
  }
  .aido-calendar-slot.is-off {
    background: var(--color-aido-surface-2);
  }
  .aido-calendar-slot:disabled {
    cursor: default;
  }
  .aido-calendar-week.is-writable .aido-calendar-slot:hover {
    background: var(--color-aido-hover-strong);
  }
  .aido-calendar-week.is-writable .aido-calendar-slot:is(:hover,:focus-visible)::after {
    content: "+ " attr(data-time);
    position: absolute;
    inset: 0 6px;
    display: flex;
    align-items: center;
    font-weight: 500;
  }
  .aido-calendar-slot:focus-visible {
    outline: 2px solid var(--color-aido-accent);
    outline-offset: -2px;
    background: var(--color-aido-accent-soft);
  }
  .aido-calendar-block {
    position: absolute;
    z-index: 2;
    top: var(--aido-cal-top);
    height: calc(var(--aido-cal-height) - 2px);
    left: calc(var(--aido-cal-lane) * (100% - 6px) / var(--aido-cal-lanes) + 3px);
    width: calc((100% - 6px) / var(--aido-cal-lanes) - 2px);
    display: flex;
    flex-direction: column;
    gap: 2px;
    align-items: stretch;
    min-width: 0;
    padding: 4px 7px;
    border: 1px solid var(--color-aido-surface);
    border-left: 3px solid var(--aido-cal-accent);
    border-radius: 8px;
    background: var(--aido-cal-fill);
    color: var(--aido-cal-ink);
    font-size: 13px;
    line-height: 1.25;
    text-align: left;
    overflow: hidden;
    transition: transform var(--aido-motion) var(--aido-cal-ease);
  }
  .aido-calendar-block:is(:hover,:focus-visible) {
    z-index: 4;
    transform: translateY(-1px);
  }
  .aido-calendar-block-time {
    display: flex;
    align-items: center;
    gap: 4px;
    min-width: 0;
    font-variant-numeric: tabular-nums;
    opacity: .85;
    white-space: nowrap;
  }
  .aido-calendar-block-time .aido-svg-icon {
    flex: none;
    width: 15px;
    height: 15px;
  }
  .aido-calendar-block-title {
    font-weight: 500;
    overflow: hidden;
    overflow-wrap: anywhere;
  }
  .aido-calendar-block-meta {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    opacity: .8;
  }
  .aido-calendar-block.is-outside {
    border-style: dashed;
    border-left-style: solid;
  }
  .aido-calendar-block.is-compact {
    flex-direction: row;
    align-items: center;
    gap: 6px;
    padding-block: 2px;
  }
  .aido-calendar-block.is-compact .aido-calendar-block-title {
    flex: 1;
    min-width: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .aido-calendar-block:is(.is-compact,.is-short) .aido-calendar-block-meta {
    display: none;
  }
  .aido-calendar-block.is-short .aido-calendar-block-title {
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .aido-calendar-block.is-narrow .aido-calendar-block-time time,.aido-calendar-block.is-narrow .aido-calendar-block-meta {
    display: none;
  }
  .aido-calendar-block.is-narrow {
    padding-inline: 5px;
  }
  .aido-calendar-overflow {
    align-items: center;
    justify-content: center;
    border-left-color: var(--color-aido-accent);
    background: var(--color-aido-surface);
    color: var(--color-aido-accent);
    font-weight: 500;
    border: 1px dashed var(--color-aido-accent-line);
  }
  .aido-calendar-now {
    position: absolute;
    z-index: 3;
    left: 0;
    right: 0;
    top: var(--aido-cal-top);
    height: 2px;
    background: var(--color-aido-magenta);
    pointer-events: none;
  }
  .aido-calendar-now::before {
    content: "";
    position: absolute;
    left: -5px;
    top: -4px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--color-aido-magenta);
  }
  .aido-calendar-mini {
    display: grid;
    grid-template-columns: repeat(7,minmax(0,1fr));
    gap: 4px;
  }
  .aido-calendar-mini-weekday {
    text-align: center;
    color: var(--color-aido-muted);
    font-size: 13px;
    line-height: 1.2;
    padding: 4px 0;
    text-transform: capitalize;
  }
  .aido-calendar-mini-day {
    position: relative;
    display: grid;
    place-items: center;
    height: 30px;
    border: 0;
    border-radius: var(--radius-aido-control);
    background: none;
    color: var(--color-aido-text);
    font-size: 13px;
    line-height: 1;
    font-variant-numeric: tabular-nums;
    transition: background var(--aido-motion) var(--aido-cal-ease);
  }
  .aido-calendar-mini-day:hover {
    background: var(--color-aido-hover-strong);
  }
  .aido-calendar-mini-day.is-outside {
    color: var(--color-aido-faint);
  }
  .aido-calendar-mini-day.is-range {
    background: var(--color-aido-accent-tint);
  }
  .aido-calendar-mini-day.is-today {
    outline: 1px solid var(--color-aido-accent);
    outline-offset: -1px;
    color: var(--color-aido-accent);
  }
  .aido-calendar-mini-day.is-selected {
    background: var(--color-aido-accent);
    color: var(--color-aido-on-accent);
  }
  .aido-calendar-mini-day.has-events::after {
    content: "";
    position: absolute;
    bottom: 3px;
    left: 50%;
    width: 4px;
    height: 4px;
    margin-left: -2px;
    border-radius: 50%;
    background: var(--color-aido-accent);
  }
  .aido-calendar-mini-day.is-selected.has-events::after {
    background: var(--color-aido-on-accent);
  }
  .aido-calendar-filters {
    display: grid;
    gap: 16px;
  }
  .aido-calendar-filter-group {
    display: grid;
    gap: 4px;
  }
  .aido-calendar-filter-heading {
    margin: 0;
    color: var(--color-aido-muted);
    font-size: 13px;
    line-height: 1.2;
  }
  .aido-calendar-filter {
    display: grid;
    grid-template-columns: 36px minmax(0,1fr) 20px;
    align-items: center;
    gap: 12px;
    width: 100%;
    min-height: 52px;
    padding: 8px 10px;
    border: 1px solid transparent;
    border-radius: var(--radius-aido-control);
    background: none;
    color: var(--color-aido-text);
    text-align: left;
    transition: background var(--aido-motion) var(--aido-cal-ease),opacity var(--aido-motion) var(--aido-cal-ease);
  }
  .aido-calendar-filter:hover {
    background: var(--color-aido-hover);
    border-color: var(--color-aido-border);
  }
  .aido-calendar-filter>.aido-svg-icon:first-child,.aido-calendar-filter>.aido-calendar-dot {
    justify-self: center;
  }
  .aido-calendar-filter>.aido-svg-icon:first-child {
    width: 36px;
    height: 36px;
    padding: 8px;
    border-radius: var(--radius-aido-control);
    background: var(--aido-cal-fill);
    color: var(--aido-cal-accent);
  }
  .aido-calendar-filter>.aido-svg-icon:last-child {
    width: 18px;
    height: 18px;
    color: var(--color-aido-accent);
  }
  .aido-calendar-filter[aria-pressed="false"] {
    opacity: .5;
  }
  .aido-calendar-filter[aria-pressed="false"]>.aido-svg-icon:last-child {
    visibility: hidden;
  }
  .aido-calendar-filter-text {
    display: grid;
    gap: 3px;
    min-width: 0;
  }
  .aido-calendar-filter-text strong {
    font-weight: 500;
    font-size: 14px;
    line-height: 1.2;
  }
  .aido-calendar-filter-text small {
    color: var(--color-aido-muted);
    line-height: 1.2;
  }
  .aido-calendar-dot,.aido-calendar-legend li::before {
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: var(--aido-cal-accent);
    box-shadow: 0 0 0 3px var(--aido-cal-fill);
  }
  .aido-calendar-legend li {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    line-height: 1.2;
    color: var(--color-aido-text);
  }
  .aido-calendar-legend li::before {
    content: "";
    flex: none;
  }
  .aido-calendar-next {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    margin-bottom: 12px;
  }
  .aido-calendar-next-icon {
    display: grid;
    place-items: center;
    flex: none;
    width: 38px;
    height: 38px;
    border-radius: var(--radius-aido-control);
    background: var(--aido-cal-fill);
    color: var(--aido-cal-accent);
  }
  .aido-calendar-next-icon .aido-svg-icon {
    width: 20px;
    height: 20px;
  }
  .aido-calendar-next-text {
    display: grid;
    gap: 3px;
    min-width: 0;
    font-size: 13px;
    line-height: 1.35;
    color: var(--color-aido-muted);
  }
  .aido-calendar-next-text strong {
    color: var(--color-aido-ink);
    font-weight: 500;
    overflow-wrap: anywhere;
  }
  @media (max-width:767px) {
    .aido-calendar {
      --aido-cal-gutter: 52px;
    }
    .aido-calendar-views {
      width: 100%;
    }
    .aido-calendar-views .aido-segment {
      flex: 1;
    }
    .aido-calendar-nav {
      width: 100%;
    }
    .aido-calendar-title {
      flex: 1 1 100%;
      order: -1;
      margin: 0;
    }
    .aido-calendar-week[data-view="week"] {
      --aido-cal-cols: 1;
    }
    .aido-calendar-week[data-view="week"] :is(.aido-calendar-col,.aido-calendar-allday-cell):not(.is-selected) {
      display: none;
    }
    .aido-calendar-week[data-view="week"] .aido-calendar-dayhead {
      flex-direction: column;
      gap: 2px;
      padding: 6px 0;
    }
    .aido-calendar-week[data-view="week"] .aido-calendar-dayhead-number {
      min-width: 30px;
      height: 30px;
      font-size: 15px;
    }
    .aido-calendar-week[data-view="week"] .aido-calendar-dayhead-count {
      display: none;
    }
    .aido-calendar-scroll {
      max-height: 62vh;
    }
  }
  @media (max-width:600px) {
    .aido-calendar-day {
      min-height: 68px;
      padding: 4px 2px;
    }
    .aido-calendar-day-head {
      flex-direction: column;
    }
    .aido-calendar-month :is(.aido-calendar-chip,.aido-calendar-more) {
      display: none;
    }
    .aido-calendar-count {
      display: grid;
    }
    .aido-calendar-weekday {
      padding: 8px 2px;
    }
  }
  .aido-contract-body {
    font: 400 14px/1.7 var(--font-sans);
    min-height: 340px;
  }
  .aido-doc-toolbar {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
    margin-top: 14px;
    padding: 6px;
    border: 1px solid var(--color-aido-border);
    border-radius: var(--radius-aido-control);
    background: var(--color-aido-surface-2);
  }
  .aido-contract-text {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    font-size: 14px;
    line-height: 1.45;
    max-height: 62vh;
    overflow: auto;
    overscroll-behavior: contain;
    border: 1px solid var(--color-aido-border);
    border-radius: var(--radius-aido-block);
    padding: 20px;
    background: var(--color-aido-surface-2);
    margin-top: 12px;
  }
  .aido-hash {
    font: inherit;
    font-size: 13px;
    font-variant-numeric: tabular-nums;
    color: var(--color-aido-text);
    overflow-wrap: anywhere;
  }
  .aido-history-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(min(100%,320px),1fr));
    gap: var(--aido-gap);
    align-items: start;
  }
  .aido-history-block {
    display: grid;
    gap: 4px;
    min-width: 0;
  }
  .aido-history-block>.aido-empty {
    margin-top: 10px;
  }
  .aido-evidence-list {
    display: grid;
    gap: 10px;
    margin: 14px 0 0;
    padding-left: 22px;
    font-size: 13px;
  }
  .aido-evidence-list li {
    display: grid;
    gap: 3px;
    padding: 10px 12px;
    border: 1px solid var(--color-aido-border);
    border-radius: var(--radius-aido-control);
    background: var(--color-aido-surface);
    overflow-wrap: anywhere;
  }
  .aido-evidence-list strong {
    font-weight: 500;
    font-size: 13px;
  }
  .aido-signal-list {
    display: grid;
    gap: 8px;
    margin: 14px 0 0;
    padding: 0;
    list-style: none;
    font-size: 14px;
  }
  .aido-signal-list li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    overflow-wrap: anywhere;
  }
  .aido-signer-rows {
    display: grid;
    gap: 12px;
    margin: 12px 0;
  }
  .aido-signer-row {
    grid-template-columns: repeat(3,minmax(0,1fr)) auto;
    align-items: end;
    border: 1px solid var(--color-aido-border);
    border-radius: var(--radius-aido-block);
    padding: 12px;
  }
  .aido-clause-list {
    display: grid;
    gap: 12px;
    margin: 12px 0;
  }
  .aido-clause {
    display: grid;
    gap: 12px;
    border: 1px solid var(--color-aido-border);
    border-radius: var(--radius-aido-block);
    padding: 14px;
    background: var(--color-aido-surface);
  }
  .aido-clause-head {
    display: flex;
    gap: 12px;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    font-size: 14px;
  }
  .aido-agreement-text {
    max-height: min(50vh,520px);
    overflow: auto;
    padding: 16px;
    border: 1px solid var(--color-aido-border);
    border-radius: var(--radius-aido-block);
    background: var(--color-aido-surface);
    overflow-wrap: anywhere;
    font-size: 14px;
    line-height: 1.45;
    overscroll-behavior: contain;
  }
  .aido-agreement-line {
    margin: 0 0 4px;
  }
  .aido-agreement-heading {
    display: block;
    margin: 12px 0 4px;
  }
  .aido-agreement-hash {
    overflow-wrap: anywhere;
    word-break: break-all;
  }
  @media (max-width:900px) {
    .aido-signer-row {
      grid-template-columns: minmax(0,1fr);
    }
  }
  .aido-doc-card {
    display: flex;
    flex-direction: column;
    gap: 8px;
    border: 1px solid var(--color-aido-border);
    padding: 20px;
    border-radius: var(--radius-aido-block);
    min-width: 0;
  }
  .aido-doc-card strong {
    font-size: 13px;
  }
  .aido-doc-card small {
    color: var(--color-aido-muted);
    font-size: 13px;
  }
  .aido-doc-glyph {
    display: grid;
    place-items: center;
    background: var(--color-aido-brand-violet);
    color: var(--color-white);
    width: 48px;
    height: 48px;
    border-radius: var(--radius-aido-control);
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 6px;
  }
  .aido-doc-grid {
    display: grid;
    gap: 24px;
    margin-top: 16px;
  }
  .aido-doc-folder {
    display: grid;
    gap: 12px;
    min-width: 0;
  }
  .aido-doc-folder-head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 0;
    font-size: 15px;
  }
  .aido-doc-folder-head small {
    font-weight: 400;
    color: var(--color-aido-muted);
  }
  .aido-doc-cards {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(min(100%,210px),1fr));
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  button.aido-doc-card {
    width: 100%;
    height: 100%;
    padding: 12px;
    background: var(--color-aido-surface);
    color: var(--color-aido-text);
    text-align: left;
    cursor: pointer;
    transition: border-color var(--aido-motion-fast),transform var(--aido-motion-fast);
  }
  button.aido-doc-card:hover {
    border-color: var(--color-aido-hover-line);
    transform: translateY(-2px);
  }
  button.aido-doc-card:focus-visible {
    outline: 2px solid var(--color-aido-accent);
    outline-offset: 2px;
  }
  .aido-doc-thumb {
    display: grid;
    place-items: center;
    aspect-ratio: 4/3;
    overflow: hidden;
    border-radius: var(--radius-aido-control);
    background: var(--color-aido-surface-2);
    color: var(--color-aido-hover-ink);
  }
  .aido-doc-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .aido-doc-thumb .aido-svg-icon {
    width: 42px;
    height: 42px;
  }
  .aido-doc-card-copy {
    display: grid;
    gap: 2px;
    min-width: 0;
  }
  .aido-doc-card-copy strong {
    overflow-wrap: anywhere;
  }
  .aido-doc-card-foot {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    margin-top: auto;
    color: var(--color-aido-muted);
    font-size: 13px;
  }
  .aido-gantt {
    display: grid;
    gap: 12px;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    padding-bottom: 4px;
  }
  .aido-gantt-head,.aido-gantt-row {
    display: grid;
    grid-template-columns: minmax(150px,220px) minmax(520px,1fr);
    align-items: center;
    gap: 16px;
  }
  .aido-gantt-head>.aido-gantt-label {
    color: var(--color-aido-muted);
    font-size: 13px;
  }
  .aido-gantt-rows {
    display: grid;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .aido-gantt-row {
    padding: 10px 0;
    border-top: 1px solid var(--color-aido-divider);
  }
  .aido-gantt-label {
    display: grid;
    gap: 4px;
    min-width: 0;
  }
  .aido-gantt-label strong {
    font-size: 14px;
    overflow-wrap: anywhere;
  }
  .aido-gantt-label .aido-badge-row {
    align-items: center;
  }
  .aido-gantt-label small {
    color: var(--color-aido-muted);
  }
  .aido-gantt-scale {
    position: relative;
    height: 24px;
  }
  .aido-gantt-month {
    position: absolute;
    top: 0;
    padding-left: 6px;
    border-left: 1px solid var(--color-aido-border-strong);
    color: var(--color-aido-muted);
    font-size: 13px;
    line-height: 24px;
    white-space: nowrap;
  }
  .aido-gantt-track {
    position: relative;
    height: 38px;
    border-radius: 10px;
    background: var(--color-aido-surface-2);
  }
  :is(.aido-gantt-bar,.aido-gantt-milestone,.aido-gantt-swatch) {
    --aido-g-fill: var(--color-aido-brand-violet);
    --aido-g-on: var(--color-white);
  }
  :is(.aido-gantt-bar,.aido-gantt-milestone,.aido-gantt-swatch):is([data-tone="pending"],[data-tone="skipped"]) {
    --aido-g-fill: var(--color-aido-neutral-solid);
  }
  :is(.aido-gantt-bar,.aido-gantt-milestone,.aido-gantt-swatch)[data-tone="review"] {
    --aido-g-fill: var(--color-aido-warning-solid);
    --aido-g-on: #0e0e12;
  }
  :is(.aido-gantt-bar,.aido-gantt-milestone,.aido-gantt-swatch)[data-tone="done"] {
    --aido-g-fill: var(--color-aido-success-solid);
    --aido-g-on: #0e0e12;
  }
  :is(.aido-gantt-bar,.aido-gantt-milestone,.aido-gantt-swatch)[data-tone="late"] {
    --aido-g-fill: var(--color-aido-danger-solid);
  }
  :root[data-theme="dark"] :is(.aido-gantt-bar,.aido-gantt-milestone,.aido-gantt-swatch)[data-tone="late"] {
    --aido-g-on: #0e0e12;
  }
  .aido-gantt-bar {
    position: absolute;
    top: 7px;
    bottom: 7px;
    display: flex;
    align-items: center;
    min-width: 8px;
    overflow: hidden;
    border-radius: 8px;
    background: var(--aido-g-fill);
    color: var(--aido-g-on);
    animation: aido-gantt-grow var(--aido-motion-slow) var(--aido-ease) both;
    transform-origin: left center;
  }
  .aido-gantt-bar-text {
    padding: 0 8px;
    font-size: 13px;
    line-height: 1;
    white-space: nowrap;
  }
  .aido-gantt-milestone {
    position: absolute;
    top: 50%;
    z-index: 1;
    width: 14px;
    height: 14px;
    border: 2px solid var(--color-aido-surface);
    border-radius: 3px;
    background: var(--aido-g-fill,var(--color-aido-brand-violet));
    transform: translate(-50%,-50%) rotate(45deg);
  }
  .aido-gantt-today {
    position: absolute;
    top: -4px;
    bottom: -4px;
    z-index: 2;
    width: 2px;
    background: var(--color-aido-magenta);
    transform: translateX(-1px);
    pointer-events: none;
  }
  .aido-gantt-nodate {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    padding: 0 12px;
    color: var(--color-aido-muted);
    font-size: 13px;
  }
  .aido-gantt-legend {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 18px;
    margin: 4px 0 0;
    padding: 0;
    list-style: none;
    color: var(--color-aido-text);
    font-size: 13px;
  }
  .aido-gantt-legend li {
    display: inline-flex;
    align-items: center;
    gap: 8px;
  }
  .aido-gantt-swatch {
    width: 16px;
    height: 12px;
    border-radius: 4px;
    background: var(--aido-g-fill);
  }
  .aido-gantt-legend .is-legend {
    position: relative;
    top: auto;
  }
  .aido-gantt-legend .aido-gantt-milestone.is-legend {
    width: 12px;
    height: 12px;
    transform: rotate(45deg);
  }
  .aido-gantt-legend .aido-gantt-today.is-legend {
    height: 16px;
    transform: none;
  }
  @keyframes aido-gantt-grow {
    from {
      transform: scaleX(0);
      opacity: 0;
    }
    to {
      transform: scaleX(1);
      opacity: 1;
    }
  }
  @media (max-width:600px) {
    .aido-gantt-head,.aido-gantt-row {
      grid-template-columns: 120px minmax(480px,1fr);
      gap: 10px;
    }
  }
  .aido-site-status {
    display: grid;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .aido-site-status-item {
    display: grid;
    gap: 4px;
    padding: 12px 14px;
    border: 1px solid var(--color-aido-border);
    border-radius: var(--radius-aido-block);
    background: var(--color-aido-surface);
  }
  .aido-site-status-item .aido-page-description {
    margin: 0;
  }
  .aido-site-status-head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
  }
  .aido-site-status-url {
    overflow-wrap: anywhere;
  }
  .aido-document-link {
    display: inline-flex;
    align-items: center;
    color: var(--color-aido-accent);
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    margin-top: auto;
    min-height: var(--aido-control);
  }
  .aido-docviewer {
    width: min(96vw,980px);
  }
  .aido-docviewer-delivery {
    max-width: 320px;
    margin-bottom: 4px;
  }
  .aido-docviewer-version {
    max-width: 280px;
    margin: 0 0 12px;
  }
  .aido-docviewer-stage {
    display: grid;
    gap: 16px;
    max-height: min(66vh,900px);
    overflow: auto;
    padding: 16px;
    border: 1px solid var(--color-aido-border);
    border-radius: var(--radius-aido-card);
    background: var(--color-aido-neutral-bg);
    overscroll-behavior: contain;
  }
  .aido-docviewer-page {
    margin: 0;
    padding: 8px;
    background: var(--color-aido-surface);
    border: 1px solid var(--color-aido-border);
    border-radius: var(--radius-aido-control);
  }
  .aido-docviewer-page img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 6px;
    user-select: none;
    -webkit-user-drag: none;
  }
  .aido-docviewer-page figcaption {
    padding: 8px 4px 0;
    color: var(--color-aido-muted);
    font-size: 13px;
  }
  .aido-docviewer-empty {
    margin: 0;
    padding: 40px 20px;
    text-align: center;
    color: var(--color-aido-muted);
  }
  @media print {
    .aido-docviewer-stage {
      display: none;
    }
  }
  .aido-bell {
    position: relative;
    overflow: visible;
  }
  .aido-bell-count {
    position: absolute;
    top: -6px;
    right: -6px;
    min-width: 22px;
    height: 22px;
    padding: 0 6px;
    border-radius: var(--radius-aido-badge);
    background: var(--color-aido-danger-solid);
    color: var(--color-white);
    font-size: 13px;
    font-weight: 500;
    line-height: 22px;
    text-align: center;
  }
  .aido-qr {
    display: flex;
    justify-content: center;
    padding: 14px;
    border: 1px solid var(--color-aido-border);
    border-radius: var(--radius-aido-block);
    background: var(--color-aido-surface);
  }
  .aido-qr img {
    width: 200px;
    height: 200px;
    max-width: 100%;
  }
  .aido-codes {
    margin: 0;
    padding: 14px;
    border: 1px solid var(--color-aido-border);
    border-radius: var(--radius-aido-block);
    background: var(--color-aido-surface-2);
    font: 600 15px/1.9 var(--font-sans);
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    user-select: all;
  }
  .aido-mail-frame {
    display: block;
    width: 100%;
    height: min(62vh,640px);
    border: 1px solid var(--color-aido-border);
    border-radius: var(--radius-aido-block);
    background: var(--color-aido-surface);
  }
  .aido-brand-logo {
    display: block;
    max-width: 180px;
    max-height: 64px;
    object-fit: contain;
    margin-bottom: 8px;
  }
  .aido-portal-home {
    display: grid;
    gap: var(--aido-gap);
    min-width: 0;
  }
  .aido-portal-home>.aido-kpi-zone {
    margin-bottom: 0;
  }
  .aido-portal-shortcuts {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    min-width: 0;
  }
  @media (max-width:600px) {
    .aido-portal-shortcuts {
      display: grid;
      grid-template-columns: repeat(2,minmax(0,1fr));
    }
    .aido-portal-shortcuts .aido-button {
      justify-content: flex-start;
      min-width: 0;
      white-space: normal;
      text-align: left;
    }
  }
  .aido-portal-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(min(100%,340px),1fr));
    grid-auto-flow: row dense;
    gap: var(--aido-gap);
    align-items: stretch;
  }
  .aido-portal-widget {
    padding: 22px;
    min-width: 0;
  }
  .aido-report {
    display: grid;
    gap: var(--aido-gap);
    min-width: 0;
  }
  .aido-report-head .aido-page-title {
    margin: 0;
  }
  .aido-report-subtitle {
    margin: 18px 0 0;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
  }
  .aido-report-section .aido-kpi-zone {
    margin: 6px 0 14px;
  }
  @media print {
    body:has([data-panel="portal-report"]:not([hidden])) :is(.aido-sidebar,.aido-header,.aido-bottom-bar,.aido-report-controls,.aido-toast) {
      display: none;
    }
    body:has([data-panel="portal-report"]:not([hidden])) .aido-main {
      padding: 0;
    }
    .aido-report-section {
      break-inside: avoid;
    }
  }
  .aido-portal-widget:is([data-widget="actions"],[data-widget="creating"],[data-widget="services"],[data-widget="activity"],[data-widget="help"]) {
    grid-column: 1/-1;
  }
  .aido-portal-widget>.aido-exec-section-title+* {
    margin-top: 16px;
  }
  .aido-portal-grid>.aido-portal-attention {
    grid-column: 1/-1;
  }
  .aido-portal-widget:is([data-widget="services"],[data-widget="activity"]) :is(.aido-entity-list,.aido-workbench-history) {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(min(100%,300px),1fr));
    gap: 10px;
  }
  .aido-portal-attention {
    display: grid;
    gap: var(--aido-gap-sm);
  }
  .aido-portal-clear {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px;
    border: 1px solid var(--color-aido-border);
    border-radius: var(--radius-aido-control);
  }
  .aido-portal-clear-icon {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border-radius: var(--radius-aido-control);
    background: var(--color-aido-fill-good);
    color: var(--color-white);
    flex-shrink: 0;
  }
  .aido-portal-clear>span:last-child {
    display: grid;
    gap: 3px;
    font-size: 13px;
  }
  .aido-portal-clear small {
    font-size: 13px;
    color: var(--color-aido-muted);
  }
  .aido-account-hero {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 18px;
  }
  .aido-account-hero-copy {
    flex: 1 1 260px;
    min-width: 0;
  }
  .aido-account-hero-copy .aido-page-description {
    margin-top: 4px;
  }
  .aido-account-avatar {
    width: 56px;
    min-width: 56px;
    height: 56px;
    font-size: 22px;
  }
  .aido-account-avatar .aido-svg-icon {
    width: 26px;
    height: 26px;
  }
  .aido-account-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: var(--aido-gap);
    align-items: stretch;
  }
  .aido-account-form {
    display: flex;
    flex-direction: column;
    min-width: 0;
  }
  .aido-account-form>.aido-form-grid {
    flex: 1 0 auto;
    align-content: start;
  }
  .aido-account-form .aido-status-note {
    margin-top: var(--aido-gap-sm);
  }
  .aido-account-relations {
    display: grid;
    gap: var(--aido-gap);
  }
  @media (max-width:900px) {
    .aido-account-grid {
      grid-template-columns: minmax(0,1fr);
    }
  }
  .aido-embed-body {
    background: transparent;
    min-height: 0;
  }
  .aido-embed {
    padding: 4px;
    max-width: 1200px;
    margin: 0 auto;
  }
  .aido-embed-signin {
    max-width: 480px;
    margin: 16px auto;
    display: grid;
    gap: 12px;
    text-align: center;
    justify-items: center;
  }
  .aido-proposal-preview-summary {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
  }
  .aido-pb-picker {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(210px,1fr));
    gap: 10px;
    margin: 10px 0 4px;
  }
  .aido-pb-pick {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 56px;
    padding: 8px 12px;
    border: 1px solid var(--color-aido-border);
    border-radius: var(--radius-aido-control);
    background: var(--color-aido-surface);
    cursor: pointer;
    font-size: 13px;
    min-width: 0;
  }
  .aido-pb-pick:hover {
    border-color: var(--color-aido-hover-ink);
  }
  .aido-pb-pick:has(input:checked) {
    border-color: var(--color-aido-accent);
    background: var(--color-aido-accent-soft);
  }
  .aido-pb-pick:has(input:focus-visible) {
    outline: 2px solid var(--color-aido-accent);
    outline-offset: 2px;
  }
  .aido-pb-pick.is-archived {
    opacity: .75;
  }
  .aido-pb-pick-text {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
    overflow-wrap: anywhere;
  }
  .aido-pb-pick-icon {
    display: inline-flex;
    color: var(--color-aido-accent);
  }
  .aido-pb-order {
    margin-left: auto;
    min-width: 22px;
    height: 22px;
    border-radius: var(--radius-aido-badge);
    background: var(--color-aido-accent);
    color: var(--color-aido-on-accent);
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    line-height: 22px;
  }
  .aido-pb-order:empty {
    display: none;
  }
  .aido-pb-thumb {
    width: 56px;
    height: 44px;
    object-fit: contain;
    flex-shrink: 0;
    border: 1px solid var(--color-aido-border);
    border-radius: 8px;
    background: var(--color-aido-surface);
  }
  .aido-pb-thumb-external {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--color-aido-muted);
  }
  .aido-pb-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 12px;
  }
  .aido-pb-row {
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    gap: 12px;
    align-items: start;
    padding: 14px;
    border: 1px solid var(--color-aido-border);
    border-radius: var(--radius-aido-block);
    background: var(--color-aido-surface-2);
  }
  .aido-pb-row-tools {
    display: flex;
    gap: 6px;
  }
  .aido-pb-images {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 8px 0;
  }
  .aido-pb-image {
    display: grid;
    grid-template-columns: auto minmax(0,1fr) auto auto auto;
    gap: 8px;
    align-items: center;
  }
  .aido-pb-icons {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(52px,1fr));
    gap: 8px;
  }
  .aido-pb-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 6px;
    border: 1px solid var(--color-aido-border);
    border-radius: var(--radius-aido-control);
    cursor: pointer;
    font-size: 13px;
    background: var(--color-aido-surface);
    color: var(--color-aido-ink);
  }
  .aido-pb-icon:hover {
    border-color: var(--color-aido-hover-ink);
  }
  .aido-pb-icon:has(input:checked) {
    border-color: var(--color-aido-accent);
    background: var(--color-aido-accent-soft);
    color: var(--color-aido-accent);
  }
  .aido-pb-icon:has(input:focus-visible) {
    outline: 2px solid var(--color-aido-accent);
    outline-offset: 2px;
  }
  .aido-pb-icon-view {
    display: inline-flex;
    align-items: center;
    gap: 8px;
  }
  .aido-pb-total {
    margin-top: 14px;
    font-weight: 600;
    font-size: 15px;
  }
  .aido-pb-lock {
    border-color: var(--color-aido-warning-line);
    background: var(--color-aido-warning-bg);
  }
  .aido-pb-upload {
    position: relative;
    cursor: pointer;
  }
  .aido-pb-upload:has(input:focus-visible) {
    outline: 2px solid var(--color-aido-accent);
    outline-offset: 2px;
  }
  @media (max-width:600px) {
    .aido-pb-row {
      grid-template-columns: minmax(0,1fr);
    }
    .aido-pb-image {
      grid-template-columns: auto minmax(0,1fr);
    }
    .aido-pb-picker {
      grid-template-columns: minmax(0,1fr);
    }
  }
  .aido-demo-stamp {
    display: inline-flex;
    align-items: center;
    border: 1px dashed var(--color-aido-accent-line);
    background: var(--color-aido-accent-soft);
    color: var(--color-aido-accent-strong);
    border-radius: var(--radius-aido-control);
    padding: var(--aido-stamp-pad,8px 14px);
    font-size: 13px;
    font-weight: 500;
    white-space: nowrap;
  }
  .aido-demo-header-label {
    --aido-stamp-pad: 6px 10px;
  }
  .aido-lab-alert {
    background: var(--color-aido-warning-bg);
    border: 1px solid var(--color-aido-warning-line);
    border-radius: var(--radius-aido-block);
    padding: 18px 20px;
    margin-bottom: 20px;
    line-height: 1.45;
  }
  .aido-lab-alert strong {
    color: var(--color-aido-warning);
    font-size: 13px;
  }
  .aido-lab-alert p {
    color: var(--color-aido-warning);
    font-size: 13px;
    margin: 4px 0 0;
  }
  .aido-lab-controls {
    display: grid;
    grid-template-columns: minmax(0,1fr) auto minmax(0,1fr) auto;
    align-items: end;
    gap: var(--aido-gap-sm);
    margin-top: 18px;
  }
  .aido-lab-subheading {
    margin: 22px 0 16px;
  }
  .aido-lab-subheading .aido-field {
    min-width: 138px;
  }
  .aido-lab-2cols {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: var(--aido-gap);
    margin: 24px 0;
    align-items: stretch;
  }
  .aido-lab-chips,.aido-lab-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 18px 0;
  }
  .aido-lab-fields {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 14px;
  }
  .aido-lab-fields .aido-check {
    grid-column: 1/-1;
  }
  .aido-lab-divider {
    height: 1px;
    background: var(--color-aido-border);
    margin: 30px 0 20px;
  }
  .aido-lab-doc-grid {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: var(--aido-gap);
    margin-top: 18px;
  }
  .aido-demo-timeline {
    margin: 20px 0 0;
    padding: 0 0 0 22px;
    display: grid;
    gap: 16px;
    font-size: 13px;
  }
  .aido-demo-timeline li::marker {
    color: var(--color-aido-accent);
  }
  .aido-demo-timeline small {
    display: block;
    color: var(--color-aido-muted);
    margin-top: 3px;
  }
  .aido-demo-coverage {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(min(100%,190px),1fr));
    gap: var(--aido-gap);
    margin-top: 18px;
  }
  .aido-demo-coverage-item {
    appearance: none;
    min-width: 0;
    min-height: 78px;
    border: 1px solid var(--color-aido-border);
    background: var(--color-aido-surface);
    border-radius: var(--radius-aido-control);
    padding: 14px;
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 7px;
    color: var(--color-aido-ink);
  }
  .aido-demo-coverage-item:hover {
    border-color: var(--color-aido-hover-ink);
    background: var(--color-aido-hover);
  }
  .aido-demo-coverage-item:disabled {
    cursor: default;
    opacity: .7;
  }
  .aido-demo-coverage-item.is-complete {
    border-color: var(--color-aido-success-line);
    background: var(--color-aido-success-bg);
  }
  .aido-demo-coverage-name {
    font-size: 13px;
    font-weight: 500;
    overflow-wrap: anywhere;
  }
  .aido-demo-coverage-info {
    font-size: 13px;
    color: var(--color-aido-muted);
  }
  .aido-demo-route-indicator {
    display: block;
    margin-top: 7px;
    font-size: 13px;
    color: var(--color-aido-muted);
    overflow-wrap: anywhere;
  }
  .aido-demo-route-indicator.is-ok {
    color: var(--color-aido-success);
  }
  .aido-demo-route-indicator.is-error {
    color: var(--color-aido-danger);
  }
  @media (max-width:1200px) {
    .aido-lab-doc-grid {
      grid-template-columns: repeat(2,minmax(0,1fr));
    }
    .aido-lab-controls {
      grid-template-columns: minmax(0,1fr) auto;
    }
  }
  @media (max-width:800px) {
    .aido-lab-2cols {
      grid-template-columns: minmax(0,1fr);
    }
  }
  @media (max-width:580px) {
    .aido-lab-doc-grid,.aido-lab-fields,.aido-lab-controls {
      grid-template-columns: minmax(0,1fr);
    }
    .aido-lab-subheading {
      align-items: stretch;
    }
  }
}
@layer components {
  .aido-offer {
    min-height: 100vh;
    background: var(--color-aido-surface-2);
    color: var(--color-aido-ink);
    font: 400 15px/1.7 var(--font-sans);
    margin: 0;
  }
  .aido-offer *, .aido-offer *::before,.aido-offer *::after {
    box-sizing: border-box;
  }
  .aido-offer-wrap {
    max-width: 1380px;
    padding: 24px 28px 50px;
    margin: auto;
  }
  .aido-offer-skip {
    position: absolute;
    top: -100px;
    left: 15px;
    background: var(--color-aido-surface);
    padding: 10px;
    z-index: 12;
  }
  .aido-offer-skip:focus {
    top: 10px;
  }
  .aido-offer-hero {
    background: var(--color-aido-deep);
    color: var(--color-white);
    border-radius: var(--radius-aido-card);
    display: grid;
    grid-template-columns: minmax(0,1fr);
    overflow: hidden;
  }
  .aido-offer-hero-copy {
    padding: clamp(28px,5vw,70px);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    min-width: 0;
  }
  .aido-offer-hero h1 {
    font-size: clamp(34px,4.6vw,66px);
    letter-spacing: -.055em;
    line-height: 1.08;
    margin: 0 0 22px;
    overflow-wrap: anywhere;
  }
  .aido-offer-brand {
    font-size: 14px;
    letter-spacing: .12em;
    font-weight: 700;
    color: var(--color-white);
    margin: 0 0 56px;
  }
  .aido-offer-brand span {
    color: var(--color-aido-accent-line);
    font-weight: 400;
  }
  .aido-offer-logo {
    display: block;
    width: 44px;
    height: 44px;
    margin: 0 0 16px;
    padding: 5px;
    object-fit: contain;
    background: var(--color-white);
    border-radius: var(--radius-aido-block);
  }
  .aido-offer-overline,.aido-offer-eyebrow {
    font-size: 13px;
    letter-spacing: .16em;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 10px;
  }
  .aido-offer-overline {
    color: var(--color-aido-accent-line);
  }
  .aido-offer-eyebrow {
    color: var(--color-aido-violet);
  }
  .aido-offer-eyebrow span {
    font-size: 13px;
    color: var(--color-aido-violet);
  }
  .aido-offer-intro {
    font-size: 16px;
    max-width: 540px;
    color: var(--color-aido-accent-soft);
    margin: 0 0 22px;
    white-space: pre-line;
  }
  .aido-offer .aido-offer-cta {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    background: var(--color-aido-surface);
    color: var(--color-aido-deep);
    text-decoration: none;
    font-weight: 700;
    border-radius: var(--radius-aido-control);
    padding: 13px 20px;
    min-height: 48px;
    border: 0;
    cursor: pointer;
    font-size: inherit;
  }
  .aido-offer .aido-offer-cta:hover {
    background: var(--color-aido-accent-soft);
  }
  .aido-offer .aido-offer-cta[disabled] {
    opacity: .55;
    cursor: not-allowed;
  }
  .aido-offer-sheet .aido-offer-cta {
    background: var(--color-aido-accent);
    color: var(--color-aido-on-accent);
  }
  .aido-offer-sheet .aido-offer-cta:hover {
    background: var(--color-aido-accent-strong);
  }
  .aido-offer-sheet {
    background: var(--color-aido-surface);
    border: 1px solid var(--color-aido-border);
    border-radius: var(--radius-aido-card);
    padding: clamp(24px,5vw,66px);
    margin-top: 20px;
  }
  .aido-offer-sheet h2 {
    font-size: clamp(26px,3vw,42px);
    letter-spacing: -.04em;
    line-height: 1.2;
    margin: 0 0 18px;
  }
  .aido-offer-sheet a {
    color: var(--color-aido-violet);
    font-weight: 500;
    text-decoration: none;
  }
  .aido-offer-sheet :is(ol,ul) {
    padding-left: 1.4em;
    margin: 0 0 16px;
    display: grid;
    gap: 8px;
  }
  .aido-offer-sheet ol {
    list-style: decimal;
  }
  .aido-offer-sheet ul {
    list-style: disc;
  }
  .aido-offer-muted {
    color: var(--color-aido-muted);
    font-size: 13px;
  }
  .aido-offer-notice {
    background: var(--color-aido-accent-soft);
    color: var(--color-aido-accent-strong);
    padding: 15px 18px;
    border-radius: var(--radius-aido-control);
    margin: 16px 0;
  }
  .aido-offer-notice.aido-offer-error {
    background: var(--color-aido-danger-bg);
    color: var(--color-aido-danger);
  }
  .aido-offer-form {
    max-width: 640px;
  }
  .aido-offer-form label {
    display: block;
    margin: 17px 0;
  }
  .aido-offer-form :is(input:is([type=text],[type=password]),textarea) {
    display: block;
    width: 100%;
    border: 1px solid var(--color-aido-accent-line);
    border-radius: var(--radius-aido-control);
    padding: 12px;
    min-height: 48px;
    font: inherit;
    margin-top: 8px;
  }
  .aido-offer-form textarea {
    min-height: 110px;
  }
  .aido-offer-form .aido-offer-consent {
    display: flex;
    align-items: flex-start;
    gap: 10px;
  }
  .aido-offer-consent input {
    height: 20px;
    width: 20px;
    flex-shrink: 0;
    accent-color: var(--color-aido-accent);
    margin-top: 4px;
  }
  .aido-offer-actions {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin: 20px 0;
  }
  .aido-offer-actions button {
    font: 600 14px var(--font-sans);
    min-height: 48px;
    border: 1px solid var(--color-aido-accent);
    background: var(--color-aido-accent);
    color: var(--color-aido-on-accent);
    border-radius: var(--radius-aido-control);
    padding: 13px 20px;
  }
  .aido-offer-actions button:hover {
    background: var(--color-aido-accent-strong);
  }
  .aido-offer-actions button.aido-offer-alt {
    background: var(--color-aido-surface);
    color: var(--color-aido-accent-strong);
  }
  .aido-offer-actions button.aido-offer-alt:hover {
    background: var(--color-aido-accent-tint);
  }
  .aido-offer-legal {
    font-size: 13px;
    color: var(--color-aido-muted);
    margin-top: 25px;
  }
  .aido-offer-footer {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    padding: 28px;
    color: var(--color-aido-muted);
    font-size: 13px;
  }
  .aido-offer :is(a,button,input,summary,textarea):focus-visible {
    outline: 3px solid var(--color-aido-focus);
    outline-offset: 3px;
  }
  .aido-sign-head {
    background: var(--color-aido-deep);
    color: var(--color-white);
    border-radius: var(--radius-aido-card);
    padding: clamp(24px,5vw,56px);
  }
  .aido-sign-head .aido-offer-brand {
    margin-bottom: 28px;
  }
  .aido-sign-head h1 {
    font-size: clamp(28px,3.6vw,48px);
    letter-spacing: -.04em;
    line-height: 1.12;
    margin: 0 0 12px;
    overflow-wrap: anywhere;
  }
  .aido-sign-head .aido-offer-muted {
    color: var(--color-aido-accent-line);
  }
  .aido-document-paper {
    display: block;
    max-width: 860px;
    margin: 16px auto 0;
    padding: clamp(20px,4.5vw,56px);
    border: 1px solid var(--color-aido-border);
    border-radius: var(--radius-aido-block);
    background: var(--color-aido-surface);
    color: var(--color-aido-ink);
    font: 400 14px/1.7 var(--font-sans);
    overflow-wrap: anywhere;
  }
  .aido-document-paper:focus-visible {
    outline: 3px solid var(--color-aido-focus);
    outline-offset: 3px;
  }
  .aido-document-paper[contenteditable] {
    min-height: 420px;
    cursor: text;
  }
  .aido-document-paper .aido-contract-brand {
    display: flex;
    justify-content: center;
    margin: 0 0 28px;
  }
  .aido-document-paper .aido-contract-logo {
    width: auto;
    height: 120px;
    max-width: 100%;
    object-fit: contain;
  }
  @media (max-width:600px) {
    .aido-document-paper .aido-contract-logo {
      height: 88px;
    }
  }
  .aido-document-paper h1 {
    margin: 0 0 14px;
    font-size: clamp(22px,2.6vw,30px);
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -.02em;
    text-align: center;
  }
  .aido-document-paper h2 {
    margin: 30px 0 10px;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.35;
    letter-spacing: 0;
  }
  .aido-document-paper :is(h3,h4) {
    margin: 22px 0 8px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
  }
  .aido-document-paper p {
    margin: 0 0 12px;
    text-align: justify;
    hyphens: auto;
  }
  .aido-document-paper p.contract-place-date {
    margin-bottom: 22px;
    text-align: center;
    color: var(--color-aido-text);
  }
  .aido-document-paper :is(ul,ol) {
    margin: 0 0 14px;
    padding-left: 24px;
  }
  .aido-document-paper ul {
    list-style: disc;
  }
  .aido-document-paper ol {
    list-style: decimal;
  }
  .aido-document-paper li {
    margin: 0 0 6px;
  }
  .aido-document-paper table {
    width: 100%;
    margin: 8px 0 18px;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 14px;
  }
  .aido-document-paper :is(th,td) {
    padding: 9px 12px;
    border: 1px solid var(--color-aido-border);
    text-align: left;
    vertical-align: top;
  }
  .aido-document-paper th {
    background: var(--color-aido-surface-2);
    font-weight: 600;
  }
  .aido-document-paper table.contract-signatures :is(th,td) {
    border-width: 0;
    background: transparent;
    text-align: center;
  }
  .aido-document-paper table.contract-signatures td {
    padding-top: 72px;
    background: linear-gradient(var(--color-aido-border-strong),var(--color-aido-border-strong)) center 60px/80% 1px no-repeat;
  }
  .aido-document-paper table.contract-signatures {
    border-collapse: separate;
    border-spacing: 24px 0;
  }
  .aido-document-paper hr {
    margin: 22px 0;
    border: 0;
    border-top: 1px solid var(--color-aido-border);
  }
  .aido-document-paper a {
    color: var(--color-aido-violet);
    font-weight: 500;
    text-decoration: none;
  }
  .aido-document-paper img {
    max-width: 100%;
    height: auto;
  }
  @media (max-width:600px) {
    .aido-document-paper {
      margin-top: 12px;
      padding: 20px 16px;
    }
    .aido-document-paper p {
      text-align: left;
    }
    .aido-document-paper :is(th,td) {
      padding: 8px;
    }
    .aido-document-paper table.contract-signatures {
      border-spacing: 10px 0;
    }
  }
  .aido-sign-hash {
    font-size: 13px;
    color: var(--color-aido-muted);
    overflow-wrap: anywhere;
  }
  .aido-sign-hash code {
    font: inherit;
    font-variant-numeric: tabular-nums;
  }
  .aido-party-section {
    margin-top: 32px;
  }
  .aido-party-section h2 {
    font-size: clamp(20px,2.2vw,26px);
    margin: 0 0 8px;
  }
  .aido-party-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 16px;
    margin-top: 16px;
  }
  .aido-party-card {
    border: 1px solid var(--color-aido-border);
    border-radius: var(--radius-aido-block);
    background: var(--color-aido-surface);
    padding: 16px 18px;
    font-size: 14px;
    line-height: 1.55;
    overflow-wrap: anywhere;
  }
  .aido-party-card header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
  }
  .aido-party-card p {
    margin: 0 0 4px;
  }
  .aido-party-card .aido-offer-muted,.aido-party-card small {
    font-size: 13px;
    color: var(--color-aido-muted);
  }
  .aido-party-signer+.aido-party-signer {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid var(--color-aido-border);
  }
  .aido-letterhead-sample {
    margin: 16px 0;
    padding: 24px 20px;
    box-shadow: none;
  }
  .aido-sign-box {
    border: 1px solid var(--color-aido-accent-line);
    border-radius: var(--radius-aido-block);
    background: var(--color-aido-accent-tint);
    padding: 16px 18px;
  }
  .aido-sign-box .aido-section-title {
    display: flex;
    align-items: center;
    gap: 8px;
  }
  @media (max-width:640px) {
    .aido-party-grid {
      grid-template-columns: minmax(0,1fr);
    }
  }
  .aido-sign-step {
    margin-top: 40px;
    padding-top: 28px;
    border-top: 1px solid var(--color-aido-border);
  }
  .aido-sign-step h2 {
    font-size: clamp(22px,2.4vw,30px);
  }
  .aido-sign-reject {
    margin-top: 36px;
    border: 1px solid var(--color-aido-danger-line);
    border-radius: var(--radius-aido-block);
    padding: 12px 20px;
  }
  .aido-sign-reject summary {
    cursor: pointer;
    font-weight: 600;
    min-height: 44px;
    display: flex;
    align-items: center;
  }
  .aido-sign-done {
    background: var(--color-aido-success-bg);
    color: var(--color-aido-success);
    padding: 15px 18px;
    border-radius: var(--radius-aido-control);
  }
  @media (max-width:850px) {
    .aido-offer-hero-copy {
      padding: 32px;
    }
    .aido-offer-brand {
      margin-bottom: 30px;
    }
  }
  @media (max-width:540px) {
    .aido-offer-wrap {
      padding: 12px;
    }
    .aido-offer-hero-copy {
      padding: 25px;
      text-align: center;
      align-items: center;
    }
    .aido-offer-hero h1 {
      font-size: 36px;
    }
    .aido-offer-sheet {
      padding: 25px;
    }
    .aido-offer-footer {
      flex-direction: column;
    }
  }
  @media print {
    .aido-offer {
      background: var(--color-aido-surface);
    }
    .aido-offer-wrap {
      max-width: none;
      padding: 0;
    }
    .aido-offer-hero,.aido-offer-sheet {
      border-radius: 0;
      box-shadow: none;
    }
    .aido-offer .aido-offer-cta,.aido-offer-actions,.aido-offer-form {
      display: none;
    }
  }
}
@layer components {
  .aido-login {
    margin: 0;
    min-height: 100vh;
    background: var(--color-aido-canvas);
    color: var(--color-aido-ink);
    font: 400 14px/1.5 var(--font-sans);
    display: grid;
    grid-template-columns: minmax(240px,.72fr) minmax(320px,560px);
    grid-template-rows: 1fr auto;
    column-gap: 80px;
    align-items: center;
    width: min(1080px,calc(100% - 32px));
    margin-inline: auto;
    padding: 44px 0 24px;
  }
  .aido-login .screen-reader-text {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
  .aido-login-brand {
    grid-column: 1;
    display: flex;
    align-items: center;
  }
  .aido-lockup-login {
    --aido-lockup-s: 72px;
  }
  .aido-login #login {
    grid-column: 2;
    width: 100%;
    background: var(--color-aido-surface);
    border: 1px solid var(--color-aido-border);
    border-top: 5px solid var(--color-aido-brand-violet);
    border-radius: var(--radius-aido-card);
    padding: 40px;
  }
  .aido-login .wp-login-logo {
    display: none;
  }
  .aido-login-title {
    margin: 0 0 16px;
    font-size: 30px;
    font-weight: 600;
    line-height: 1;
  }
  .aido-login #login>p:not([id]),.aido-login .description {
    color: var(--color-aido-muted);
    font-size: 13px;
    margin: 0 0 14px;
  }
  .aido-login .notice {
    margin: 0 0 16px;
    padding: 12px 14px;
    border-radius: var(--radius-aido-control);
    font-size: 13px;
    border: 1px solid var(--color-aido-border);
    background: var(--color-aido-surface-2);
  }
  .aido-login .notice p {
    margin: 0;
  }
  .aido-login .notice-error {
    border-color: var(--color-aido-danger-line);
    background: var(--color-aido-danger-bg);
    color: var(--color-aido-danger);
  }
  .aido-login :is(.notice-info,.notice-success,.message) {
    border-color: var(--color-aido-success-line);
    background: var(--color-aido-success-bg);
    color: var(--color-aido-success);
  }
  .aido-login form {
    display: grid;
    gap: 14px;
    margin: 0;
  }
  .aido-login form p {
    margin: 0;
  }
  .aido-login form label {
    display: block;
    margin: 0 0 6px;
    font-size: 13px;
    color: var(--color-aido-text);
  }
  .aido-login .input {
    display: block;
    width: 100%;
    min-height: 52px;
    padding: 24px 14px 8px 42px;
    font: inherit;
    line-height: 1.2;
    color: var(--color-aido-ink);
    background: var(--color-aido-surface);
    border: 1px solid var(--color-aido-border-strong);
    border-radius: var(--radius-aido-control);
    outline: 0;
  }
  .aido-login .input:focus {
    border: 2px solid var(--color-aido-ink);
    padding: 23px 13px 7px 41px;
  }
  .aido-login .input::placeholder {
    color: transparent;
  }
  .aido-login :is(form>p,.user-pass-wrap,.user-pass1-wrap):has(.input) {
    position: relative;
    --aido-login-icon: 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' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 7a4 4 0 1 0 8 0a4 4 0 0 0 -8 0'/%3E%3Cpath d='M6 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2'/%3E%3C/svg%3E");
  }
  .aido-login :is(.user-pass-wrap,.user-pass1-wrap,.user-pass2-wrap):has(.input) {
    --aido-login-icon: 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' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 13a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v6a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-6'/%3E%3Cpath d='M11 16a1 1 0 1 0 2 0a1 1 0 0 0 -2 0'/%3E%3Cpath d='M8 11v-4a4 4 0 1 1 8 0v4'/%3E%3C/svg%3E");
  }
  .aido-login form>p:has(>#aido-2fa-code) {
    --aido-login-icon: 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' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11.46 20.846a12 12 0 0 1 -7.96 -14.846a12 12 0 0 0 8.5 -3a12 12 0 0 0 8.5 3a12 12 0 0 1 -.09 7.06'/%3E%3Cpath d='M15 19l2 2l4 -4'/%3E%3C/svg%3E");
  }
  .aido-login :is(form>p,.user-pass-wrap,.user-pass1-wrap):has(.input)::before {
    content: "";
    position: absolute;
    z-index: 1;
    left: 15px;
    top: 26px;
    width: 18px;
    height: 18px;
    transform: translateY(-50%);
    background: var(--color-aido-muted);
    mask: var(--aido-login-icon) center/contain no-repeat;
    pointer-events: none;
    transition: background-color var(--aido-motion);
  }
  .aido-login :is(form>p,.user-pass-wrap,.user-pass1-wrap):has(.input:focus)::before {
    background: var(--color-aido-accent);
  }
  .aido-login :is(form>p,.user-pass-wrap)>label:has(+:is(.input,.wp-pwd)),.aido-login .user-pass1-wrap>p>label {
    position: absolute;
    z-index: 1;
    left: 43px;
    right: 15px;
    top: 26px;
    transform: translateY(-50%);
    margin: 0;
    overflow: hidden;
    line-height: 1.1;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: var(--color-aido-muted);
    pointer-events: none;
    transition: top var(--aido-motion) var(--aido-ease),transform var(--aido-motion) var(--aido-ease),color var(--aido-motion);
  }
  .aido-login :is(form>p,.user-pass-wrap):has(.input:is(:focus,:not(:placeholder-shown),:autofill))>label,.aido-login .user-pass1-wrap:has(.input:is(:focus,:not(:placeholder-shown),:autofill))>p>label {
    top: 8px;
    transform: none;
    font-weight: 500;
    color: var(--color-aido-text);
  }
  .aido-login :is(form>p,.user-pass-wrap):has(.input:focus)>label,.aido-login .user-pass1-wrap:has(.input:focus)>p>label {
    color: var(--color-aido-accent);
  }
  .aido-login :is(.user-pass-wrap>label,.user-pass1-wrap>p>label) {
    right: 52px;
  }
  .aido-login #aido-2fa-code {
    text-align: center;
    font-size: 22px;
    font-weight: 600;
    line-height: 1;
  }
  .aido-login .wp-pwd {
    position: relative;
  }
  .aido-login .wp-tooltip {
    display: none;
  }
  .aido-login .wp-pwd .password-input {
    padding-right: 52px;
  }
  .aido-login .wp-hide-pw {
    position: absolute;
    right: 6px;
    top: 6px;
    width: 40px;
    height: 40px;
    padding: 0;
    border: 0;
    border-radius: var(--radius-aido-control);
    background: transparent;
    color: var(--color-aido-muted);
    cursor: pointer;
  }
  .aido-login .wp-hide-pw:hover {
    background: var(--color-aido-hover);
    color: var(--color-aido-hover-ink);
  }
  .aido-login .wp-hide-pw .dashicons {
    display: block;
    width: 20px;
    height: 20px;
    margin: auto;
    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' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 12a2 2 0 1 0 4 0a2 2 0 0 0 -4 0'/%3E%3Cpath d='M21 12c-2.4 4 -5.4 6 -9 6c-3.6 0 -6.6 -2 -9 -6c2.4 -4 5.4 -6 9 -6c3.6 0 6.6 2 9 6'/%3E%3C/svg%3E") center/contain no-repeat;
  }
  .aido-login .wp-hide-pw .dashicons-hidden {
    mask-image: 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' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.585 10.587a2 2 0 0 0 2.829 2.828'/%3E%3Cpath d='M16.681 16.673a8.717 8.717 0 0 1 -4.681 1.327c-3.6 0 -6.6 -2 -9 -6c1.272 -2.12 2.712 -3.678 4.32 -4.674m2.86 -1.146a9.055 9.055 0 0 1 1.82 -.18c3.6 0 6.6 2 9 6c-.666 1.11 -1.379 2.067 -2.138 2.87'/%3E%3Cpath d='M3 3l18 18'/%3E%3C/svg%3E");
  }
  .aido-login .caps-warning {
    display: none;
    margin-top: 8px;
    padding: 8px 12px;
    border: 1px solid var(--color-aido-warning-line);
    border-radius: var(--radius-aido-control);
    background: var(--color-aido-warning-bg);
    color: var(--color-aido-ink);
    font-size: 13px;
  }
  .aido-login .caps-icon svg {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 6px;
  }
  .aido-login .forgetmenot {
    display: flex;
    align-items: center;
    gap: 9px;
  }
  .aido-login .forgetmenot label {
    margin: 0;
    color: var(--color-aido-muted);
  }
  .aido-login input[type=checkbox] {
    width: 18px;
    height: 18px;
    margin: 0;
    accent-color: var(--color-aido-accent);
  }
  .aido-login :is(.button-primary,#wp-submit) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 50px;
    padding: 12px 18px;
    border: 1px solid var(--color-aido-accent);
    border-radius: var(--radius-aido-control);
    background: var(--color-aido-accent);
    color: var(--color-aido-on-accent);
    font: 600 14px/1 var(--font-sans);
    text-decoration: none;
    cursor: pointer;
    transition: background-color var(--aido-motion) var(--aido-ease);
  }
  .aido-login :is(.button-primary,#wp-submit):hover {
    background: var(--color-aido-accent-strong);
  }
  .aido-login .button:not(.button-primary,.wp-hide-pw) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 10px 16px;
    border: 1px solid var(--color-aido-border-strong);
    border-radius: var(--radius-aido-control);
    background: var(--color-aido-surface);
    color: var(--color-aido-ink);
    font: 500 14px/1 var(--font-sans);
    text-decoration: none;
    cursor: pointer;
  }
  .aido-login .button:not(.button-primary,.wp-hide-pw):hover {
    border-color: var(--color-aido-hover-line);
    background: var(--color-aido-hover);
  }
  .aido-login-passkey {
    order: 1;
    display: grid;
    gap: 12px;
  }
  .aido-login-or {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 13px;
    color: var(--color-aido-muted);
  }
  .aido-login-or::before,.aido-login-or::after {
    content: "";
    flex: 1;
    border-top: 1px solid var(--color-aido-border);
  }
  .aido-login .aido-login-passkey-btn {
    width: 100%;
    min-height: 50px;
    gap: 10px;
  }
  .aido-login-passkey-btn {
    --aido-login-icon: 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' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16.555 3.843l3.602 3.602a2.877 2.877 0 0 1 0 4.069l-2.643 2.643a2.877 2.877 0 0 1 -4.069 0l-.301 -.301l-6.558 6.558a2 2 0 0 1 -1.239 .578l-.175 .008h-1.172a1 1 0 0 1 -.993 -.883l-.007 -.117v-1.172a2 2 0 0 1 .467 -1.284l.119 -.13l.414 -.414h2v-2h2v-2l2.144 -2.144l-.301 -.301a2.877 2.877 0 0 1 0 -4.069l2.643 -2.643a2.877 2.877 0 0 1 4.069 0'/%3E%3Cpath d='M15 9h.01'/%3E%3C/svg%3E");
  }
  .aido-login-passkey-btn::before {
    content: "";
    flex: none;
    width: 18px;
    height: 18px;
    background: currentColor;
    mask: var(--aido-login-icon) center/contain no-repeat;
  }
  .aido-login-phone {
    order: 1;
    display: grid;
    gap: 12px;
    margin-top: 12px;
  }
  .aido-login-phone .aido-login-passkey-btn {
    --aido-login-icon: 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' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 5a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v14a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2v-14z'/%3E%3Cpath d='M11 4h2'/%3E%3Cpath d='M12 17v.01'/%3E%3C/svg%3E");
  }
  .aido-login-phone :is(.aido-login-phone-qr .description,.aido-login-passkey-msg) {
    text-align: center;
  }
  .aido-login :is(.aido-login-passkey-msg,.aido-login-phone-qr .description) {
    margin: 0;
  }
  .aido-login .aido-login-passkey-msg:empty {
    display: none;
  }
  .aido-login .button-link {
    border: 0;
    background: none;
    padding: 0;
    color: var(--color-aido-violet);
    font: 500 13px var(--font-sans);
    cursor: pointer;
  }
  .aido-login :is(#nav,#backtoblog,.privacy-policy-page-link) {
    margin: 16px 0 0;
    text-align: center;
    font-size: 13px;
    color: var(--color-aido-muted);
  }
  .aido-login #backtoblog {
    margin-top: 8px;
  }
  .aido-login #login a:not(.button) {
    color: var(--color-aido-violet);
    font-weight: 500;
    text-decoration: none;
  }
  .aido-login #login a:not(.button):hover {
    color: var(--color-aido-ink);
  }
  .aido-login :is(a,button,input[type=checkbox],input[type=submit]):focus-visible {
    outline: 3px solid var(--color-aido-focus);
    outline-offset: 3px;
  }
  .aido-login #pass-strength-result {
    margin-top: 8px;
    padding: 8px 12px;
    border-radius: var(--radius-aido-control);
    font-size: 13px;
    background: var(--color-aido-surface-2);
  }
  .aido-login :is(.pw-weak,.indicator-hint) {
    font-size: 13px;
    color: var(--color-aido-muted);
  }
  .aido-login-qr {
    display: flex;
    justify-content: center;
    margin: 4px 0 12px;
  }
  .aido-login-codes {
    margin: 0 0 14px;
    padding: 12px;
    border-radius: var(--radius-aido-control);
    background: var(--color-aido-violet-bg);
    font-size: 14px;
    line-height: 1.7;
  }
  .aido-login code {
    font-size: 13px;
  }
  .aido-login-alt {
    text-align: center;
  }
  .aido-login-footer {
    grid-column: 1 / -1;
    display: flex;
    justify-content: center;
    gap: 12px;
    padding-top: 28px;
    font-size: 13px;
    color: var(--color-aido-muted);
  }
  @media (max-width:860px) {
    .aido-login {
      grid-template-columns: minmax(0,1fr);
      grid-template-rows: auto auto 1fr auto;
      row-gap: 24px;
      align-items: start;
      padding-top: 32px;
    }
    .aido-login-brand,.aido-login #login {
      grid-column: 1;
    }
    .aido-login-brand {
      justify-content: center;
    }
    .aido-lockup-login {
      --aido-lockup-s: 58px;
    }
    .aido-login #login {
      max-width: 560px;
      margin-inline: auto;
      padding: 28px 22px;
    }
    .aido-login-title {
      font-size: 26px;
    }
  }
}
@layer components {
  body.aido-proposal-public {
    --ap-ink: #0e0e12;
    --ap-paper: #fff;
    --ap-paper-2: #f4f3f0;
    --ap-soft: #5e5f66;
    --ap-cyan: #009fdc;
    --ap-yellow: #ffcc31;
    --ap-magenta: #ed3c89;
    --ap-purple: #6c3e99;
    --ap-purple-deep: #55307a;
    --ap-green: #1d7f46;
    --ap-red: #a3162b;
    --ap-red-bg: #fde7ea;
    --ap-line: rgba(14,14,18,.12);
    --ap-radius: 28px;
    --ap-ease: cubic-bezier(.22,1,.36,1);
    --ap-gutter: max(24px,calc((100vw - 1240px)/2));
    --ap-shell: min(1240px,calc(100% - 48px));
    margin: 0;
    background: var(--ap-paper);
    color: var(--ap-ink);
    font: 400 17px/1.6 Poppins,Arial,Helvetica,sans-serif;
    -webkit-font-smoothing: antialiased;
  }
  html:has(body.aido-proposal-public) {
    scroll-padding-top: 88px;
  }
  @media (prefers-reduced-motion:no-preference) {
    html:has(body.aido-proposal-public) {
      scroll-behavior: smooth;
    }
  }
  body.aido-proposal-public ::selection {
    background: var(--ap-yellow);
    color: var(--ap-ink);
  }
  body.aido-proposal-public :focus-visible {
    outline: 3px solid var(--ap-focus,var(--ap-magenta));
    outline-offset: 3px;
  }
  :where(body.aido-proposal-public) :where(h1,h2,h3,h4,p,ul,ol,figure) {
    margin: 0;
  }
  :where(body.aido-proposal-public) :where(h1,h2) {
    font-weight: 600;
    letter-spacing: -.045em;
    line-height: .95;
    text-wrap-style: balance;
  }
  .aido-proposal-icon {
    display: block;
    flex: none;
    width: 1em;
    height: 1em;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    pointer-events: none;
  }
  .aido-proposal-skip {
    position: absolute;
    left: 12px;
    top: -80px;
    z-index: 100;
    padding: 10px 16px;
    border-radius: 999px;
    background: var(--ap-ink);
    color: #fff;
    font-size: 14px;
  }
  .aido-proposal-skip:focus {
    top: 10px;
  }
  .aido-proposal-shell {
    width: var(--ap-shell);
    margin: 0 auto;
  }
  .aido-proposal-eyebrow,.aido-proposal-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--ap-kicker,var(--ap-purple));
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
  }
  :is(.aido-proposal-eyebrow,.aido-proposal-kicker):not(:has(svg))::before {
    content: "";
    flex: none;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--ap-dot,var(--ap-magenta));
  }
  .aido-proposal-kicker .aido-proposal-icon {
    width: 16px;
    height: 16px;
  }
  .aido-dot {
    color: var(--ap-purple);
  }
  .aido-proposal-light {
    font-weight: 200;
    color: var(--ap-light,var(--ap-purple));
  }
  .aido-proposal-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 54px;
    padding: 0 28px;
    border: 0;
    border-radius: 999px;
    background: var(--ap-ink);
    color: #fff;
    font: 500 16px/1.15 Poppins,Arial,Helvetica,sans-serif;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transition: transform .35s var(--ap-ease),background-color .35s var(--ap-ease);
  }
  .aido-proposal-cta:hover {
    transform: translateY(-2px);
    background: var(--ap-purple);
  }
  .aido-proposal-cta:active {
    transform: translateY(1px) scale(.98);
  }
  .aido-proposal-cta.is-light {
    background: #fff;
    color: var(--ap-ink);
  }
  .aido-proposal-cta.is-light:hover {
    background: var(--ap-yellow);
  }
  .aido-proposal-cta-dot {
    flex: none;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--ap-yellow);
    transition: transform .5s cubic-bezier(.34,1.4,.64,1);
  }
  .aido-proposal-cta.is-light .aido-proposal-cta-dot {
    background: var(--ap-magenta);
  }
  .aido-proposal-cta:hover .aido-proposal-cta-dot {
    transform: scale(1.45);
  }
  .aido-proposal-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px 16px;
  }
  .aido-proposal-countdown {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 42px;
    padding: var(--ap-cd-pad,8px 16px 8px 13px);
    border: 1px solid var(--ap-cd-line,var(--ap-line));
    border-radius: 999px;
    background: var(--ap-cd-bg,#fff);
    color: var(--ap-cd-ink,var(--ap-ink));
    font-size: 14px;
    font-weight: 500;
    line-height: 1.25;
    font-variant-numeric: tabular-nums;
  }
  .aido-proposal-countdown .aido-proposal-icon {
    width: 18px;
    height: 18px;
    color: var(--ap-cd-icon,var(--ap-purple));
  }
  .aido-proposal-countdown.is-urgent {
    padding: 8px 16px 8px 13px;
    border-color: #f3b4be;
    background: var(--ap-red-bg);
    color: var(--ap-red);
    font-weight: 600;
  }
  .aido-proposal-countdown.is-urgent .aido-proposal-icon {
    color: var(--ap-red);
  }
  .aido-proposal-countdown.is-over {
    background: var(--ap-paper-2);
    color: var(--ap-soft);
  }
  .aido-proposal-topbar {
    position: sticky;
    top: 0;
    z-index: 50;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    min-height: 72px;
    padding: 10px clamp(16px,4vw,64px);
    border-bottom: 1px solid var(--ap-line);
    background: rgba(255,255,255,.92);
    backdrop-filter: blur(14px);
  }
  .aido-proposal-brand {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--ap-ink);
    text-decoration: none;
  }
  .aido-proposal-logo {
    width: 42px;
    height: 42px;
    object-fit: contain;
  }
  .aido-proposal-brand span {
    display: flex;
    flex-direction: column;
    line-height: 1;
  }
  .aido-proposal-brand b {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -.045em;
  }
  .aido-proposal-brand small {
    margin-top: 4px;
    color: var(--ap-purple);
    font-size: 13px;
    font-weight: 500;
  }
  .aido-proposal-topbar nav {
    display: flex;
    align-items: center;
    gap: 4px;
  }
  .aido-proposal-topbar nav a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 40px;
    padding: 0 14px;
    border-radius: 999px;
    color: var(--ap-soft);
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: background-color .25s var(--ap-ease),color .25s var(--ap-ease);
  }
  .aido-proposal-topbar nav a:hover {
    background: rgba(14,14,18,.06);
    color: var(--ap-ink);
  }
  .aido-proposal-topbar nav a.is-active {
    background: rgba(108,62,153,.1);
    color: var(--ap-purple);
  }
  .aido-proposal-topbar nav a.is-primary {
    margin-left: 6px;
    background: var(--ap-ink);
    color: #fff;
  }
  .aido-proposal-topbar nav a.is-primary:hover {
    background: var(--ap-purple);
  }
  .aido-proposal-preview-banner {
    padding: 10px 20px;
    border-bottom: 1px solid #ead68f;
    background: #fff3ce;
    color: #5f4a0c;
    font-size: 13px;
    text-align: center;
  }
  .aido-proposal-hero {
    position: relative;
    overflow: hidden;
    background: var(--ap-paper);
  }
  .aido-proposal-hero .aido-proposal-shell {
    width: calc(100% - var(--ap-gutter));
    max-width: none;
    margin: 0 0 0 var(--ap-gutter);
  }
  .aido-proposal-hero-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0,540px) minmax(0,1fr);
    align-items: center;
    gap: clamp(32px,4vw,64px);
    min-height: min(calc(100svh - 72px),880px);
    padding: clamp(32px,4vw,56px) 0;
  }
  .aido-proposal-hero-copy {
    position: relative;
    z-index: 3;
    min-width: 0;
  }
  .aido-proposal-hero .aido-proposal-eyebrow {
    margin-bottom: 26px;
    padding: 8px 15px 8px 12px;
    border-radius: 999px;
    background: var(--ap-paper-2);
    color: var(--ap-ink);
  }
  .aido-proposal-client-name {
    max-width: 100%;
    font-size: clamp(52px,6.4vw,96px);
    line-height: .92;
    letter-spacing: -.05em;
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
  }
  .aido-proposal-client-name.is-short {
    font-size: clamp(64px,6.6vw,96px);
  }
  .aido-proposal-client-name.is-medium {
    font-size: clamp(56px,5.6vw,88px);
  }
  .aido-proposal-client-name.is-long {
    font-size: clamp(48px,4.6vw,74px);
  }
  .aido-proposal-client-name.is-xlong {
    font-size: clamp(42px,3.8vw,62px);
    line-height: .96;
  }
  .aido-proposal-client-tail {
    position: relative;
    display: inline-block;
    padding-right: .2em;
    white-space: nowrap;
  }
  .aido-proposal-client-dot {
    position: absolute;
    right: .01em;
    bottom: .08em;
    display: block;
    width: .15em;
    height: .15em;
    border-radius: 50%;
    background: var(--ap-magenta);
  }
  .aido-proposal-hero-categories {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 26px;
  }
  .aido-proposal-hero-categories>span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 38px;
    padding: 0 15px 0 12px;
    border: 1px solid var(--ap-line);
    border-radius: 999px;
    font-size: 14px;
    line-height: 1.2;
  }
  .aido-proposal-hero-categories b {
    font-weight: 500;
  }
  .aido-proposal-category-icon {
    width: 18px;
    height: 18px;
    color: var(--ap-purple);
  }
  .aido-proposal-hero-intro {
    max-width: 32em;
    margin-top: 22px;
    color: var(--ap-soft);
    font-size: clamp(18px,1.35vw,21px);
    line-height: 1.5;
  }
  .aido-proposal-hero-actions {
    margin-top: 34px;
  }
  .aido-proposal-open {
    display: contents;
  }
  .aido-proposal-hero-media {
    position: relative;
    z-index: 1;
    min-width: 0;
    margin: 0 0 0 clamp(-360px,-22vw,-160px);
    pointer-events: none;
  }
  .aido-proposal-hero-media img {
    display: block;
    width: 100%;
    height: auto;
    max-height: min(calc(100svh - 96px),880px);
    object-fit: contain;
    object-position: right center;
  }
  .aido-proposal-hero-geometry {
    position: absolute;
    top: 50%;
    right: clamp(24px,6vw,120px);
    width: min(36vw,480px);
    aspect-ratio: 1;
    transform: translateY(-50%);
  }
  :is(.aido-proposal-hero-geometry,.aido-proposal-final-pattern:not(.is-custom)) {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }
  :is(.aido-proposal-hero-geometry,.aido-proposal-final-pattern:not(.is-custom)) i {
    display: block;
    aspect-ratio: 1;
  }
  :is(.aido-proposal-hero-geometry,.aido-proposal-final-pattern:not(.is-custom)) i:nth-child(1) {
    border-radius: 100% 0 0 0;
    background: var(--ap-cyan);
  }
  :is(.aido-proposal-hero-geometry,.aido-proposal-final-pattern:not(.is-custom)) i:nth-child(2) {
    border-radius: 0 100% 0 0;
    background: var(--ap-yellow);
  }
  :is(.aido-proposal-hero-geometry,.aido-proposal-final-pattern:not(.is-custom)) i:nth-child(3) {
    border-radius: 0 0 0 100%;
    background: var(--ap-magenta);
  }
  :is(.aido-proposal-hero-geometry,.aido-proposal-final-pattern:not(.is-custom)) i:nth-child(4) {
    border-radius: 0 0 100% 0;
    background: var(--ap-purple);
  }
  .aido-proposal-ribbon {
    overflow: hidden;
    padding: 18px 0;
    background: var(--ap-ink);
    color: #fff;
  }
  .aido-proposal-ribbon-track {
    display: flex;
    gap: 28px;
    width: max-content;
    font-size: clamp(18px,1.6vw,26px);
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -.03em;
    white-space: nowrap;
  }
  .aido-proposal-ribbon-track span {
    display: inline-flex;
    align-items: center;
    gap: 28px;
  }
  .aido-proposal-ribbon-track span::after {
    content: "";
    width: .42em;
    height: .42em;
    border-radius: 50%;
    background: var(--ap-yellow);
  }
  .aido-proposal-ribbon-track .is-light {
    font-weight: 200;
    color: #d4d2dc;
  }
  .aido-proposal-chapter {
    padding: clamp(56px,7vw,104px) 0;
    background: var(--ap-paper);
  }
  .aido-proposal-chapter.is-soft {
    background: var(--ap-paper-2);
  }
  .aido-proposal-chapter.is-yellow {
    --ap-kicker: var(--ap-ink);
    background: var(--ap-yellow);
  }
  .aido-proposal-section-heading {
    max-width: 900px;
    margin-bottom: clamp(36px,4.5vw,60px);
  }
  .aido-proposal-section-heading h2 {
    margin-top: 16px;
    font-size: clamp(40px,5.4vw,76px);
  }
  .aido-proposal-section-heading p {
    max-width: 640px;
    margin-top: 20px;
    color: var(--ap-muted,var(--ap-soft));
    font-size: 18px;
    line-height: 1.55;
  }
  .aido-proposal-notice {
    margin: 28px 0;
    padding: 16px 20px;
    border-radius: 16px;
    background: rgba(108,62,153,.1);
    color: var(--ap-purple-deep);
    font-size: 15px;
    font-weight: 500;
  }
  .aido-proposal-notice.is-error {
    background: var(--ap-red-bg);
    color: var(--ap-red);
  }
  .aido-proposal-gate-grid {
    display: grid;
    grid-template-columns: minmax(0,1.25fr) minmax(0,1fr);
    align-items: center;
    gap: clamp(32px,6vw,96px);
  }
  .aido-proposal-gate h2 {
    margin-top: 16px;
    font-size: clamp(44px,6vw,88px);
  }
  .aido-proposal-gate p {
    max-width: 34em;
    margin-top: 22px;
    color: #3a3216;
    font-size: 18px;
    line-height: 1.55;
  }
  .aido-proposal-gate .aido-proposal-actions {
    margin-top: 34px;
  }
  .aido-proposal-gate-list {
    display: grid;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .aido-proposal-gate-list li {
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 64px;
    padding: 0 22px;
    border-radius: 20px;
    background: #fff;
    font-size: 17px;
    font-weight: 500;
    box-shadow: 0 12px 30px -24px rgba(14,14,18,.5);
  }
  .aido-proposal-gate-list .aido-proposal-icon {
    width: 22px;
    height: 22px;
    color: var(--ap-purple);
  }
  .aido-proposal-ideas,.aido-proposal-solution {
    display: grid;
    gap: 16px;
  }
  .aido-proposal-idea,.aido-proposal-scope,.aido-proposal-included {
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(0,3.2fr);
    align-items: start;
    gap: 24px clamp(24px,4vw,64px);
    padding: clamp(26px,3vw,44px);
    border-radius: var(--ap-radius);
  }
  .aido-proposal-included>header {
    display: flex;
    align-items: center;
    gap: 16px;
  }
  .aido-proposal-included>header .aido-proposal-number {
    margin: 0;
  }
  .aido-proposal-idea {
    --ap-idea-text: var(--ap-ink);
    --ap-idea-label: var(--ap-purple);
    --ap-idea-badge: var(--ap-yellow);
    --ap-idea-glyph: var(--ap-ink);
    background: #fff;
    color: var(--ap-idea-text);
  }
  .aido-proposal-idea-body,.aido-proposal-scope-body {
    max-width: 52em;
  }
  .aido-proposal-more>summary {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    margin-top: 10px;
    color: var(--ap-idea-label,var(--ap-purple));
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    list-style: none;
  }
  .aido-proposal-more>summary::-webkit-details-marker {
    display: none;
  }
  .aido-proposal-more>summary .aido-proposal-icon {
    width: 18px;
    height: 18px;
    transition: transform .35s var(--ap-ease);
  }
  .aido-proposal-more[open]>summary .aido-proposal-icon {
    transform: rotate(180deg);
  }
  .aido-proposal-more>summary .is-open,.aido-proposal-more[open]>summary .is-closed {
    display: none;
  }
  .aido-proposal-more[open]>summary .is-open {
    display: inline;
  }
  .aido-proposal-more>p {
    margin-top: 14px;
  }
  .aido-proposal-idea.is-approach {
    --ap-focus: var(--ap-yellow);
    --ap-idea-text: #f1f0f4;
    --ap-idea-label: var(--ap-yellow);
    --ap-idea-badge: var(--ap-magenta);
    --ap-idea-glyph: #fff;
    background: var(--ap-ink);
  }
  .aido-proposal-idea-icon {
    width: 48px;
    height: 48px;
    margin-bottom: 22px;
    padding: 12px;
    border-radius: 50%;
    background: var(--ap-idea-badge);
    color: var(--ap-idea-glyph);
  }
  .aido-proposal-idea h3 {
    color: var(--ap-idea-label);
    font-size: clamp(26px,2.4vw,34px);
    font-weight: 600;
    letter-spacing: -.04em;
    line-height: 1;
  }
  .aido-proposal-idea p {
    font-size: clamp(18px,1.35vw,21px);
    line-height: 1.5;
  }
  .aido-proposal-idea p+p {
    margin-top: 14px;
  }
  .aido-proposal-number {
    display: inline-grid;
    place-items: center;
    width: 40px;
    height: 40px;
    margin-bottom: 20px;
    border-radius: 50%;
    background: var(--ap-paper-2);
    color: var(--ap-ink);
    font-size: 14px;
    font-weight: 600;
  }
  .aido-proposal-solution h3 {
    font-size: clamp(26px,2.4vw,34px);
    font-weight: 600;
    letter-spacing: -.04em;
    line-height: 1;
  }
  .aido-proposal-scope {
    background: var(--ap-paper-2);
  }
  .aido-proposal-scope .aido-proposal-number {
    background: #fff;
  }
  .aido-proposal-scope-body p {
    color: var(--ap-soft);
    font-size: 19px;
    line-height: 1.55;
  }
  .aido-proposal-scope-body p+p {
    margin-top: 14px;
  }
  .aido-proposal-services {
    grid-column: 2;
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(220px,1fr));
    gap: 12px;
  }
  .aido-proposal-service {
    padding: 22px 24px;
    border-radius: 20px;
    background: #fff;
  }
  .aido-proposal-service h4 {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3;
  }
  .aido-proposal-service p {
    margin-top: 6px;
    color: var(--ap-soft);
    font-size: 16px;
    line-height: 1.6;
  }
  .aido-proposal-included {
    --ap-focus: var(--ap-yellow);
    grid-template-columns: minmax(0,1fr);
    background: var(--ap-ink);
    color: #fff;
  }
  .aido-proposal-included .aido-proposal-number {
    background: var(--ap-yellow);
  }
  .aido-proposal-included ul {
    columns: 3 280px;
    column-gap: clamp(24px,3vw,48px);
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .aido-proposal-included li {
    display: grid;
    grid-template-columns: 28px minmax(0,1fr);
    align-items: start;
    gap: 12px;
    margin-bottom: 14px;
    break-inside: avoid;
    color: #f1f0f4;
    font-size: 17px;
    line-height: 1.5;
    overflow-wrap: anywhere;
  }
  .aido-proposal-check {
    width: 28px;
    height: 28px;
    padding: 6px;
    border-radius: 50%;
    background: var(--ap-yellow);
    color: var(--ap-ink);
    stroke-width: 3;
  }
  .aido-proposal-proof-band {
    --ap-kicker: var(--ap-yellow);
    --ap-dot: var(--ap-yellow);
    --ap-light: var(--ap-yellow);
    --ap-muted: #c9c7d1;
    --ap-focus: var(--ap-yellow);
    padding: clamp(72px,9vw,120px) 0;
    background: var(--ap-ink);
    color: #fff;
  }
  .aido-logo-slider {
    display: grid;
    grid-template-columns: 44px minmax(0,1fr) 44px;
    align-items: center;
    gap: 14px;
  }
  .aido-logo-track {
    --per-view: 5;
    display: flex;
    gap: 16px;
    padding: 6px 0;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }
  .aido-logo-track::-webkit-scrollbar {
    display: none;
  }
  .aido-logo-item {
    position: relative;
    display: flex;
    flex: 0 0 calc((100% - (var(--per-view) - 1)*16px)/var(--per-view));
    align-items: center;
    justify-content: center;
    min-width: 0;
    aspect-ratio: 1/1;
    padding: 18px;
    overflow: hidden;
    scroll-snap-align: start;
    border-radius: 22px;
    background: #fff;
  }
  .aido-logo-item img {
    display: block;
    width: 86%;
    height: 86%;
    max-width: none;
    object-fit: contain;
    transition: transform .3s var(--ap-ease);
  }
  .aido-logo-name {
    position: absolute;
    right: 12px;
    bottom: 12px;
    left: 12px;
    z-index: 2;
    display: block;
    padding: 8px 10px;
    overflow: hidden;
    border-radius: 999px;
    background: var(--ap-ink);
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.25;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    opacity: 0;
    transform: translateY(6px);
    pointer-events: none;
    transition: opacity .2s ease,transform .2s ease;
  }
  .aido-logo-item:is(:hover,:focus-visible) .aido-logo-name {
    opacity: 1;
    transform: none;
  }
  .aido-logo-item:is(:hover,:focus-visible) img {
    transform: scale(.92);
  }
  .aido-slider-arrow {
    display: none;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid rgba(255,255,255,.3);
    border-radius: 50%;
    background: transparent;
    color: #fff;
    cursor: pointer;
  }
  html.aido-proposal-js .aido-slider-arrow {
    display: flex;
  }
  .aido-slider-arrow .aido-proposal-icon {
    width: 18px;
    height: 18px;
  }
  .aido-slider-arrow:hover {
    background: rgba(255,255,255,.1);
  }
  .aido-slider-arrow:disabled {
    opacity: .34;
    cursor: default;
  }
  .aido-work-grid {
    display: grid;
    grid-template-columns: repeat(12,minmax(0,1fr));
    gap: 24px;
  }
  .aido-work-grid>.aido-proposal-work-card {
    grid-column: span 7;
  }
  .aido-work-grid:not(.is-odd)>:is(:nth-child(4n+2),:nth-child(4n+3)),.aido-work-grid.is-odd>:is(:nth-child(4n+3),:nth-child(4n+4)) {
    grid-column: span 5;
  }
  .aido-proposal-work-card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
    border-radius: var(--ap-radius);
    background: #fff;
    box-shadow: 0 20px 44px -34px rgba(14,14,18,.45);
  }
  .aido-work-grid.is-odd>.aido-proposal-work-card:first-child {
    display: grid;
    grid-column: 1/-1;
    grid-template-columns: minmax(0,1.45fr) minmax(0,1fr);
  }
  .aido-work-media {
    position: relative;
    aspect-ratio: 16/10;
    overflow: hidden;
    background: var(--ap-paper-2);
  }
  .aido-work-grid:not(.is-odd)>:is(:nth-child(4n+2),:nth-child(4n+3)) .aido-work-media,.aido-work-grid.is-odd>:is(:nth-child(4n+3),:nth-child(4n+4)) .aido-work-media {
    aspect-ratio: 8/7;
  }
  .aido-work-carousel {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  .aido-work-carousel-track {
    display: flex;
    width: 100%;
    height: 100%;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    touch-action: pan-y;
  }
  html.aido-proposal-js .aido-work-carousel-track {
    overflow: visible;
    will-change: transform;
    transition: transform .45s var(--ap-ease);
  }
  .aido-work-slide {
    display: block;
    flex: 0 0 100%;
    width: 100%;
    min-width: 100%;
    height: 100%;
    overflow: hidden;
    scroll-snap-align: start;
  }
  .aido-work-media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .aido-work-carousel-arrow {
    position: absolute;
    top: 50%;
    z-index: 4;
    display: none;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    margin-top: -21px;
    border: 0;
    border-radius: 50%;
    background: rgba(255,255,255,.94);
    color: var(--ap-ink);
    cursor: pointer;
  }
  html.aido-proposal-js .aido-work-carousel-arrow {
    display: flex;
  }
  .aido-work-carousel-arrow .aido-proposal-icon {
    width: 18px;
    height: 18px;
  }
  .aido-work-carousel-arrow.is-prev {
    left: 14px;
  }
  .aido-work-carousel-arrow.is-next {
    right: 14px;
  }
  .aido-work-carousel-arrow:hover {
    background: var(--ap-yellow);
  }
  .aido-work-carousel-arrow:disabled {
    opacity: .34;
    cursor: default;
    pointer-events: none;
  }
  .aido-work-carousel-count {
    position: absolute;
    right: 14px;
    bottom: 14px;
    z-index: 4;
    display: none;
    padding: 6px 11px;
    border-radius: 999px;
    background: rgba(14,14,18,.8);
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
  }
  html.aido-proposal-js .aido-work-carousel-count {
    display: block;
  }
  .aido-work-carousel-count b {
    font-weight: 600;
  }
  .aido-work-empty {
    display: grid;
    place-items: center;
    height: 100%;
    color: #c8c6cf;
    font-size: 34px;
    font-weight: 600;
  }
  .aido-work-copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    padding: 26px 28px 30px;
  }
  .aido-work-category {
    align-self: flex-start;
    padding: 5px 12px;
    border-radius: 10px;
    background: rgba(108,62,153,.1);
    color: var(--ap-purple);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.3;
  }
  .aido-work-copy h3 {
    margin: 14px 0 8px;
    font-size: clamp(22px,2vw,30px);
    font-weight: 600;
    letter-spacing: -.04em;
    line-height: 1.05;
  }
  .aido-work-copy p {
    color: var(--ap-soft);
    font-size: 16px;
    line-height: 1.6;
  }
  .aido-work-destination {
    display: inline-flex;
    align-self: flex-start;
    align-items: center;
    gap: 8px;
    max-width: 100%;
    min-height: 42px;
    margin-top: 18px;
    padding: 0 16px;
    border: 1px solid var(--ap-line);
    border-radius: 999px;
    color: var(--ap-ink);
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    overflow-wrap: anywhere;
  }
  .aido-work-destination:hover {
    border-color: var(--ap-ink);
  }
  .aido-work-destination .aido-proposal-icon {
    width: 15px;
    height: 15px;
  }
  .aido-proposal-why-grid {
    display: grid;
    gap: clamp(20px,3vw,40px);
  }
  .aido-proposal-why-grid.is-paired {
    grid-template-columns: minmax(0,5fr) minmax(0,7fr);
    align-items: stretch;
  }
  .aido-proposal-reasons {
    display: grid;
    align-content: start;
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .aido-proposal-reasons li {
    display: grid;
    grid-template-columns: 40px minmax(0,1fr);
    align-items: center;
    gap: 18px;
    padding: 20px 24px;
    border-radius: 20px;
    background: var(--ap-paper-2);
  }
  .aido-proposal-reasons .aido-proposal-number {
    margin: 0;
    background: var(--ap-yellow);
  }
  .aido-proposal-reasons p {
    font-size: clamp(17px,1.3vw,20px);
    font-weight: 500;
    line-height: 1.4;
  }
  .aido-proposal-testimonial {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 28px;
    margin: 0;
    padding: clamp(28px,3.6vw,52px);
    border-radius: var(--ap-radius);
    background: var(--ap-ink);
    color: #fff;
  }
  .aido-proposal-quote-icon {
    width: 48px;
    height: 48px;
    padding: 11px;
    border-radius: 50%;
    background: var(--ap-magenta);
    color: #fff;
  }
  .aido-proposal-testimonial blockquote {
    margin: 0;
    font-size: clamp(21px,1.9vw,28px);
    font-weight: 200;
    line-height: 1.35;
  }
  .aido-proposal-testimonial blockquote p+p {
    margin-top: 14px;
  }
  .aido-proposal-testimonial figcaption {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--ap-yellow);
    font-size: 15px;
    font-weight: 600;
  }
  .aido-proposal-testimonial figcaption::before {
    content: "";
    flex: none;
    width: 24px;
    height: 2px;
    background: currentColor;
  }
  .aido-proposal-investment {
    --ap-kicker: var(--ap-yellow);
    --ap-dot: var(--ap-yellow);
    --ap-focus: var(--ap-yellow);
    padding: clamp(80px,10vw,136px) 0;
    background: var(--ap-purple);
    color: #fff;
  }
  .aido-proposal-investment-grid {
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    align-items: end;
    gap: 28px 56px;
  }
  .aido-proposal-investment-value {
    min-width: 0;
  }
  .aido-proposal-investment h2 {
    display: block;
    width: 100%;
    max-width: 100%;
    margin-top: 18px;
    font-size: clamp(52px,7.4vw,96px);
    line-height: .9;
    letter-spacing: -.05em;
    white-space: nowrap;
  }
  .aido-proposal-investment-sub {
    margin-top: 20px;
    font-size: clamp(17px,1.4vw,21px);
    font-weight: 500;
  }
  .aido-proposal-validity {
    margin-top: 10px;
    color: #e6dcf0;
    font-size: 14px;
  }
  .aido-proposal-investment-action {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
  }
  .aido-proposal-investment.has-options .aido-proposal-investment-grid {
    align-items: end;
  }
  .aido-proposal-investment .aido-proposal-options-title {
    font-size: clamp(40px,5.4vw,76px);
    line-height: 1;
    letter-spacing: -.04em;
    white-space: normal;
  }
  .aido-proposal-investment.has-options {
    --ap-light: var(--ap-yellow);
  }
  .aido-proposal-options {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    align-items: stretch;
    gap: 20px;
    margin-top: clamp(56px,6vw,88px);
  }
  .aido-proposal-options.is-2 {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .aido-proposal-options.is-4 {
    grid-template-columns: repeat(2,minmax(0,1fr));
    row-gap: 40px;
  }
  @media (min-width:1320px) {
    .aido-proposal-options.is-4 {
      grid-template-columns: repeat(4,minmax(0,1fr));
    }
  }
  .aido-proposal-option {
    --ap-op-muted: var(--ap-soft);
    --ap-op-line: var(--ap-line);
    --ap-focus: var(--ap-magenta);
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: clamp(28px,2.8vw,40px);
    border-radius: var(--ap-radius);
    background: #fff;
    color: var(--ap-ink);
    transition: transform .45s var(--ap-ease);
  }
  .aido-proposal-option.is-recommended {
    --ap-op-muted: #c9c7d1;
    --ap-op-line: rgba(255,255,255,.16);
    --ap-focus: var(--ap-yellow);
    background: var(--ap-ink);
    color: #fff;
    transform: translateY(-18px);
  }
  .aido-proposal-option-badge {
    position: absolute;
    top: -16px;
    left: clamp(28px,2.8vw,40px);
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 12px;
    border-radius: 10px;
    background: var(--ap-yellow);
    color: var(--ap-ink);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
  }
  .aido-proposal-option-badge .aido-proposal-icon {
    width: 15px;
    height: 15px;
  }
  .aido-proposal-option h3 {
    font-size: clamp(21px,1.7vw,25px);
    font-weight: 600;
    line-height: 1.15;
    overflow-wrap: anywhere;
  }
  .aido-proposal-option-price {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 6px 10px;
    margin-top: 18px;
  }
  .aido-proposal-option-price small {
    color: var(--ap-op-muted);
    font-size: 15px;
    font-weight: 500;
  }
  .aido-proposal-option-price b {
    font-size: clamp(32px,3vw,46px);
    font-weight: 600;
    line-height: 1;
    letter-spacing: -.04em;
    white-space: nowrap;
  }
  .aido-proposal-option.is-recommended .aido-proposal-option-price b {
    color: var(--ap-yellow);
  }
  .aido-proposal-option-copy {
    margin-top: 14px;
    color: var(--ap-op-muted);
    font-size: 16px;
    line-height: 1.55;
  }
  .aido-proposal-option ul {
    display: grid;
    gap: 12px;
    margin: 22px 0 0;
    padding: 22px 0 0;
    border-top: 1px solid var(--ap-op-line);
    list-style: none;
  }
  .aido-proposal-option li {
    display: grid;
    grid-template-columns: 26px minmax(0,1fr);
    align-items: start;
    gap: 12px;
    font-size: 16px;
    line-height: 1.45;
    overflow-wrap: anywhere;
  }
  .aido-proposal-option .aido-proposal-check {
    width: 26px;
    height: 26px;
  }
  .aido-proposal-option:not(.is-recommended) .aido-proposal-check {
    background: rgba(108,62,153,.12);
    color: var(--ap-purple);
  }
  .aido-proposal-option li.is-off {
    color: var(--ap-op-muted);
  }
  .aido-proposal-option li.is-off .aido-proposal-check {
    background: transparent;
    color: var(--ap-op-muted);
  }
  .aido-proposal-sr {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
  .aido-proposal-option>.aido-proposal-cta {
    width: 100%;
    margin-top: auto;
    padding-inline: 16px;
    white-space: nowrap;
  }
  .aido-proposal-option>:nth-last-child(2) {
    margin-bottom: 30px;
  }
  .aido-proposal-cta.is-yellow {
    background: var(--ap-yellow);
    color: var(--ap-ink);
  }
  .aido-proposal-cta.is-yellow:hover {
    background: #fff;
  }
  .aido-proposal-cta.is-yellow .aido-proposal-cta-dot {
    background: var(--ap-ink);
  }
  .aido-proposal-cta.is-outline {
    background: transparent;
    color: var(--ap-ink);
    outline: 1.5px solid var(--ap-ink);
    outline-offset: -1.5px;
  }
  .aido-proposal-cta.is-outline:hover {
    background: var(--ap-ink);
    color: #fff;
  }
  .aido-proposal-cta.is-outline .aido-proposal-cta-dot {
    background: var(--ap-magenta);
  }
  .aido-proposal-choice {
    display: grid;
    gap: 10px;
    margin: 0 0 22px;
    padding: 0;
    border: 0;
  }
  .aido-proposal-choice legend {
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 600;
  }
  .aido-proposal-choice label {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 56px;
    padding: 12px 16px;
    border: 1px solid var(--ap-line);
    border-radius: 16px;
    cursor: pointer;
    transition: border-color .25s var(--ap-ease),background-color .25s var(--ap-ease);
  }
  .aido-proposal-choice label:has(input:checked) {
    border-color: var(--ap-purple);
    background: rgba(108,62,153,.06);
  }
  .aido-proposal-choice input {
    flex: none;
    width: 20px;
    height: 20px;
    accent-color: var(--ap-purple);
  }
  .aido-proposal-choice span {
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 4px 12px;
    min-width: 0;
  }
  .aido-proposal-choice b {
    font-size: 16px;
    font-weight: 600;
  }
  .aido-proposal-choice small {
    color: var(--ap-soft);
    font-size: 15px;
    white-space: nowrap;
  }
  .aido-proposal-terms {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 16px;
    width: 100%;
    margin-top: clamp(40px,5vw,64px);
  }
  .aido-proposal-term {
    --ap-term-muted: #ddd2ea;
    --ap-term-line: rgba(255,255,255,.16);
    --ap-term-accent: var(--ap-yellow);
    min-width: 0;
    padding: clamp(24px,2.8vw,38px);
    border-radius: var(--ap-radius);
    background: var(--ap-purple-deep);
  }
  .aido-proposal-term.is-full {
    grid-column: 1/-1;
  }
  .aido-proposal-term:is(.is-timeline,.is-payment) {
    align-self: stretch;
  }
  .aido-proposal-term.is-items {
    --ap-term-muted: var(--ap-soft);
    --ap-term-line: var(--ap-line);
    --ap-term-accent: var(--ap-purple);
    --ap-focus: var(--ap-magenta);
    background: #fff;
    color: var(--ap-ink);
  }
  .aido-proposal-term.is-notes {
    background: transparent;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.28);
  }
  .aido-proposal-term-icon {
    width: 24px;
    height: 24px;
    margin-bottom: 14px;
    color: var(--ap-term-accent);
  }
  .aido-proposal-term h3 {
    margin-bottom: 8px;
    font-size: 21px;
    font-weight: 600;
    line-height: 1.2;
  }
  .aido-proposal-term p {
    max-width: 60em;
    color: var(--ap-term-muted);
    font-size: 16px;
    line-height: 1.6;
  }
  .aido-proposal-term ul {
    display: grid;
    margin: 14px 0 0;
    padding: 0;
    list-style: none;
  }
  .aido-proposal-term ul li {
    display: flex;
    align-items: baseline;
    gap: 16px;
    padding: 16px 0;
    border-top: 1px solid var(--ap-term-line);
  }
  .aido-proposal-line {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    overflow-wrap: anywhere;
  }
  .aido-proposal-line strong {
    font-size: 17px;
    font-weight: 600;
    line-height: 1.35;
  }
  .aido-proposal-line span {
    color: var(--ap-term-muted);
    font-size: 14px;
    line-height: 1.5;
  }
  .aido-proposal-line-amount {
    font-size: 17px;
    font-weight: 600;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
  }
  .aido-proposal-share {
    min-width: 3em;
    color: var(--ap-term-accent);
    font-size: 22px;
    font-weight: 600;
    line-height: 1;
  }
  .aido-proposal-steps {
    display: grid;
    margin: 18px 0 0;
    padding: 0;
    list-style: none;
  }
  .aido-proposal-steps li {
    position: relative;
    display: grid;
    justify-items: start;
    gap: 6px;
    padding: 0 0 24px 32px;
  }
  .aido-proposal-steps li:last-child {
    padding-bottom: 0;
  }
  .aido-proposal-steps li::before {
    content: "";
    position: absolute;
    top: 6px;
    left: 0;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: var(--ap-term-accent);
  }
  .aido-proposal-steps li:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 24px;
    bottom: 4px;
    left: 5.5px;
    width: 2px;
    background: var(--ap-term-line);
  }
  .aido-proposal-steps strong {
    font-size: 17px;
    font-weight: 600;
    line-height: 1.35;
  }
  .aido-proposal-step-time {
    padding: 3px 10px;
    border-radius: 10px;
    background: rgba(255,255,255,.14);
    font-size: 13px;
    font-weight: 500;
  }
  .aido-proposal-step-note {
    color: var(--ap-term-muted);
    font-size: 15px;
    line-height: 1.5;
  }
  .aido-proposal-final-cta {
    padding: clamp(88px,11vw,160px) 0;
    background: var(--ap-paper);
  }
  .aido-proposal-final-grid {
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(0,600px);
    align-items: center;
    gap: clamp(32px,4vw,56px);
  }
  .aido-proposal-final-copy {
    min-width: 0;
  }
  .aido-proposal-final-copy h2 {
    margin-top: 16px;
    font-size: clamp(44px,5vw,76px);
    letter-spacing: -.055em;
    overflow-wrap: break-word;
    hyphens: none;
  }
  .aido-proposal-final-copy p {
    max-width: 32em;
    margin-top: 24px;
    color: var(--ap-soft);
    font-size: clamp(18px,1.5vw,22px);
    line-height: 1.5;
  }
  .aido-proposal-final-copy .aido-proposal-actions {
    margin-top: 36px;
  }
  .aido-proposal-final-pattern {
    justify-self: end;
    width: 100%;
    aspect-ratio: 1;
  }
  .aido-proposal-final-pattern.is-custom {
    aspect-ratio: auto;
  }
  .aido-proposal-final-pattern.is-custom img {
    display: block;
    width: 100%;
    height: auto;
    max-height: min(calc(100svh - 120px),760px);
    object-fit: contain;
    object-position: right center;
  }
  .aido-proposal-decision-section {
    padding: clamp(72px,8vw,112px) 0;
    background: var(--ap-paper-2);
  }
  .aido-proposal-decision-card {
    display: grid;
    grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr);
    gap: clamp(28px,5vw,72px);
    padding: clamp(28px,4.4vw,60px);
    border-radius: var(--ap-radius);
    background: #fff;
    box-shadow: 0 30px 60px -44px rgba(14,14,18,.45);
  }
  .aido-proposal-decision-card:not(:has(form)) {
    grid-template-columns: minmax(0,1fr);
  }
  .aido-proposal-decision-head {
    min-width: 0;
  }
  .aido-proposal-decision-head h2 {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 14px;
    font-size: clamp(40px,5vw,64px);
  }
  .aido-proposal-status-dot {
    flex: none;
    width: .32em;
    height: .32em;
    border-radius: 50%;
    background: var(--ap-purple);
  }
  .aido-proposal-status-dot.is-live {
    background: var(--ap-green);
  }
  .aido-proposal-status-dot.is-closed {
    background: var(--ap-red);
  }
  .aido-proposal-decision-head :where(p) {
    max-width: 34em;
    margin-top: 16px;
    color: var(--ap-soft);
    font-size: 17px;
  }
  .aido-proposal-decision-amount {
    color: var(--ap-ink);
    font-size: clamp(28px,2.8vw,38px);
    font-weight: 600;
    letter-spacing: -.04em;
    line-height: 1;
  }
  .aido-proposal-decision-head>.aido-proposal-countdown {
    margin-top: 20px;
  }
  .aido-proposal-decision-form {
    display: grid;
    align-content: start;
    gap: 18px;
    min-width: 0;
  }
  .aido-proposal-decision-form label:not(.aido-proposal-consent) {
    display: flex;
    flex-direction: column;
    gap: 8px;
    color: var(--ap-ink);
    font-size: 14px;
    font-weight: 500;
  }
  .aido-proposal-decision-form input[type=text] {
    width: 100%;
    min-height: 56px;
    padding: 0 18px;
    border: 1.5px solid rgba(14,14,18,.18);
    border-radius: 16px;
    background: #fff;
    color: var(--ap-ink);
    font: 400 17px/1.3 Poppins,Arial,Helvetica,sans-serif;
  }
  .aido-proposal-decision-form input[type=text]:hover {
    border-color: rgba(14,14,18,.4);
  }
  .aido-proposal-otp {
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    align-items: end;
    gap: 8px 12px;
  }
  .aido-proposal-otp .is-code {
    min-height: 56px;
    padding: 0 22px;
    border: 1.5px solid var(--ap-purple);
    border-radius: 999px;
    background: transparent;
    color: var(--ap-purple);
    font: 500 15px/1.2 Poppins,Arial,Helvetica,sans-serif;
    cursor: pointer;
    transition: background-color .25s ease,color .25s ease;
  }
  .aido-proposal-otp .is-code:hover {
    background: var(--ap-purple);
    color: #fff;
  }
  .aido-proposal-otp small {
    grid-column: 1/-1;
    color: var(--ap-soft);
    font-size: 13px;
    line-height: 1.5;
  }
  @media (max-width:560px) {
    .aido-proposal-otp {
      grid-template-columns: minmax(0,1fr);
    }
  }
  .aido-proposal-consent {
    display: grid;
    grid-template-columns: auto minmax(0,1fr);
    align-items: start;
    gap: 12px;
    color: var(--ap-soft);
    font-size: 14px;
    line-height: 1.5;
    cursor: pointer;
  }
  .aido-proposal-consent input {
    width: 20px;
    height: 20px;
    margin: 1px 0 0;
    accent-color: var(--ap-purple);
  }
  .aido-proposal-decision-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
  }
  .aido-proposal-decision-actions .is-accept {
    flex: 1 1 240px;
  }
  .aido-proposal-decision-actions .is-reject {
    min-height: 54px;
    padding: 0 22px;
    border: 1.5px solid rgba(14,14,18,.16);
    border-radius: 999px;
    background: transparent;
    color: var(--ap-soft);
    font: 500 15px/1.2 Poppins,Arial,Helvetica,sans-serif;
    cursor: pointer;
    transition: border-color .25s ease,color .25s ease;
  }
  .aido-proposal-decision-actions .is-reject:hover {
    border-color: var(--ap-red);
    color: var(--ap-red);
  }
  :is(.aido-proposal-decision-form,.aido-proposal-decision-card)>small {
    display: block;
    color: var(--ap-soft);
    font-size: 13px;
    line-height: 1.5;
  }
  .aido-proposal-foot {
    padding: 28px 0;
    border-top: 1px solid var(--ap-line);
    color: var(--ap-soft);
    font-size: 13px;
  }
  .aido-proposal-dock {
    --ap-focus: var(--ap-yellow);
    --ap-cd-bg: transparent;
    --ap-cd-line: transparent;
    --ap-cd-ink: #fff;
    --ap-cd-icon: var(--ap-yellow);
    --ap-cd-pad: 0;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 60;
    display: none;
    padding: 12px clamp(12px,3vw,24px) calc(12px + env(safe-area-inset-bottom,0px));
    pointer-events: none;
  }
  html.aido-proposal-js .aido-proposal-dock {
    display: block;
    visibility: hidden;
    transform: translateY(120%);
    transition: transform .5s var(--ap-ease),visibility 0s linear .5s;
  }
  html.aido-proposal-js .aido-proposal-dock.is-shown {
    visibility: visible;
    transform: none;
    transition: transform .5s var(--ap-ease),visibility 0s;
  }
  .aido-proposal-dock-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px 20px;
    width: min(980px,100%);
    margin: 0 auto;
    padding: 10px 10px 10px 24px;
    border-radius: 999px;
    background: var(--ap-ink);
    color: #fff;
    box-shadow: 0 24px 48px -20px rgba(14,14,18,.6);
    pointer-events: auto;
  }
  .aido-proposal-dock-info {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 16px;
    min-width: 0;
  }
  .aido-proposal-dock-info b {
    font-size: 21px;
    font-weight: 600;
    white-space: nowrap;
  }
  @media (prefers-reduced-motion:no-preference) {
    .aido-proposal-hero-copy {
      animation: ap-rise .9s var(--ap-ease) both;
    }
    .aido-proposal-hero-media {
      animation: ap-reveal 1.2s var(--ap-ease) .1s both;
    }
    .aido-proposal-ribbon-track {
      animation: ap-slide 60s linear infinite;
    }
    .aido-proposal-countdown.is-urgent .aido-proposal-icon {
      animation: ap-pulse 1.6s ease-in-out infinite;
    }
  }
  @keyframes ap-rise {
    from {
      transform: translateY(26px);
    }
  }
  @keyframes ap-reveal {
    from {
      clip-path: inset(0 0 0 35%);
    }
  }
  @keyframes ap-slide {
    to {
      transform: translateX(-50%);
    }
  }
  @keyframes ap-pulse {
    50% {
      transform: scale(1.18);
    }
  }
  @media (max-width:1200px) {
    .aido-logo-track {
      --per-view: 4;
    }
  }
  @media (max-width:1100px) {
    .aido-proposal-hero-grid {
      grid-template-columns: minmax(0,440px) minmax(0,1fr);
    }
    .aido-proposal-topbar nav a {
      padding: 0 11px;
    }
  }
  @media (max-width:920px) {
    .aido-proposal-services {
      grid-column: auto;
    }
    .aido-proposal-idea>header,.aido-proposal-scope>header {
      display: flex;
      align-items: center;
      gap: 14px;
    }
    .aido-proposal-idea>header .aido-proposal-idea-icon,.aido-proposal-scope>header .aido-proposal-number {
      margin: 0;
    }
    .aido-proposal-shell {
      width: min(100% - 40px,1240px);
    }
    .aido-proposal-hero .aido-proposal-shell {
      width: min(100% - 40px,1240px);
      margin: 0 auto;
    }
    .aido-proposal-topbar nav a:not(.is-primary,.is-home) {
      display: none;
    }
    .aido-proposal-hero-grid {
      grid-template-columns: minmax(0,1fr);
      gap: 0;
      min-height: 0;
      padding: 36px 0 40px;
    }
    .aido-proposal-hero-copy {
      display: contents;
    }
    .aido-proposal-hero .aido-proposal-eyebrow {
      justify-self: start;
    }
    .aido-proposal-hero-media {
      order: 5;
      margin: 32px 0 0;
    }
    .aido-proposal-hero-actions {
      order: 6;
      margin-top: 28px;
    }
    .aido-proposal-hero-geometry {
      top: 24px;
      right: -60px;
      width: 220px;
      opacity: .3;
      transform: none;
    }
    .aido-proposal-idea,.aido-proposal-scope,.aido-proposal-included,.aido-proposal-gate-grid,.aido-proposal-why-grid.is-paired,.aido-proposal-final-grid,.aido-proposal-decision-card,.aido-proposal-investment-grid {
      grid-template-columns: minmax(0,1fr);
    }
    .aido-proposal-final-pattern {
      justify-self: start;
      max-width: 450px;
    }
    .aido-logo-track {
      --per-view: 3;
    }
  }
  @media (max-width:860px) {
    .aido-work-grid {
      grid-template-columns: minmax(0,1fr);
    }
    .aido-work-grid>.aido-proposal-work-card,.aido-work-grid:not(.is-odd)>:is(:nth-child(4n+2),:nth-child(4n+3)),.aido-work-grid.is-odd>:is(:nth-child(4n+3),:nth-child(4n+4)) {
      grid-column: auto;
    }
    .aido-work-grid.is-odd>.aido-proposal-work-card:first-child {
      display: flex;
      grid-column: auto;
    }
    .aido-work-grid .aido-work-media,.aido-work-grid:not(.is-odd)>:is(:nth-child(4n+2),:nth-child(4n+3)) .aido-work-media,.aido-work-grid.is-odd>:is(:nth-child(4n+3),:nth-child(4n+4)) .aido-work-media {
      aspect-ratio: 4/3;
    }
  }
  @media (max-width:700px) {
    .aido-proposal-topbar {
      min-height: 62px;
      padding: 8px 20px;
    }
    .aido-proposal-brand b {
      font-size: 21px;
    }
    .aido-proposal-topbar nav a {
      min-height: 38px;
      padding: 0 12px;
    }
    .aido-proposal-preview-banner {
      padding-inline: 20px;
    }
    .aido-proposal-client-name {
      font-size: clamp(46px,14vw,72px);
    }
    .aido-proposal-chapter {
      padding: 64px 0;
    }
    .aido-proposal-terms,.aido-proposal-options,.aido-proposal-options.is-2,.aido-proposal-options.is-4 {
      grid-template-columns: minmax(0,1fr);
    }
    .aido-proposal-options {
      gap: 32px;
    }
    .aido-proposal-option.is-recommended {
      transform: none;
    }
    .aido-proposal-term ul li {
      flex-wrap: wrap;
      gap: 4px 14px;
    }
    .aido-logo-track {
      --per-view: 2;
    }
    .aido-logo-slider {
      grid-template-columns: 36px minmax(0,1fr) 36px;
      gap: 8px;
    }
    .aido-slider-arrow {
      width: 36px;
      height: 36px;
    }
    .aido-proposal-final-cta {
      padding: 72px 0;
    }
    .aido-proposal-actions .aido-proposal-cta {
      flex: 1 1 100%;
    }
    .aido-proposal-dock-inner {
      flex-direction: column;
      align-items: stretch;
      padding: 12px;
      border-radius: 24px;
    }
    .aido-proposal-dock-info {
      justify-content: space-between;
      gap: 6px 12px;
      padding: 2px 4px 0;
    }
    .aido-proposal-dock .aido-proposal-cta {
      min-height: 48px;
    }
    .aido-proposal-dock-info b {
      font-size: 17px;
    }
  }
  @media (max-width:480px) {
    .aido-logo-track {
      --per-view: 1;
    }
  }
  @media (min-width:1201px) {
    .aido-logo-track {
      --per-view: 5;
    }
  }
  @media print {
    .aido-proposal-topbar,.aido-proposal-decision-form,.aido-proposal-preview-banner,.aido-proposal-dock,.aido-proposal-ribbon,.aido-slider-arrow,.aido-work-carousel-arrow {
      display: none;
    }
    .aido-proposal-investment,.aido-proposal-proof-band {
      break-inside: avoid;
    }
  }
}
.aido-sketch {
  display: grid;
  gap: var(--aido-gap-sm);
  margin-top: var(--aido-gap-sm);
}
.aido-sketch-canvas {
  display: block;
  width: 100%;
  height: auto;
  max-height: 60vh;
  object-fit: contain;
  border: 1px solid var(--color-aido-border);
  border-radius: 12px;
  background: #fff;
  cursor: crosshair;
}
.aido-brief-list {
  display: grid;
  gap: 4px;
  margin: 6px 0 0;
  padding: 0;
  list-style: none;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@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;
}
@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-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --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;
    }
  }
}