/* Source: /assets/css/auth-privacy-fonts.css */
/* Local fonts for standalone auth + privacy surfaces. */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/fonts/inter/inter-latin-400-normal.woff2') format('woff2');
}

@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/fonts/inter/inter-latin-400-italic.woff2') format('woff2');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/assets/fonts/inter/inter-latin-500-normal.woff2') format('woff2');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/assets/fonts/inter/inter-latin-600-normal.woff2') format('woff2');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/assets/fonts/inter/inter-latin-700-normal.woff2') format('woff2');
}

@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('/assets/fonts/lora/lora-latin-normal.woff2') format('woff2');
}

@font-face {
  font-family: 'Lora';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/fonts/lora/lora-latin-italic.woff2') format('woff2');
}


/* Source: /assets/css/bb-mobile-nav.css */
/* SkrivSikkert Unified Mobile Navigation V2 -- calm redesign #2615 */

:root {
  --mn-bar-height: calc(60px + env(safe-area-inset-bottom, 0px));
}

#bb-mobile-nav,
.mn-fab-group,
.mn-more-backdrop,
.mn-more-sheet {
  display: none;
}

/* MORTENS KALD 12/7: nav-chrome er retningsfast - foelger ALDRIG html-dir (jf. #bb-sidebar). */
#bb-mobile-nav,
.mn-fab-group,
.mn-more-backdrop,
.mn-more-sheet {
  direction: ltr;
}

@media (max-width: 767px) {
  #bb-mobile-nav {
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: var(--mn-bar-height);
    padding: 4px 4px env(safe-area-inset-bottom, 0px);
    background: var(--white, #FFFEFB);
    border-top: 1px solid var(--divider, #E4DCD4);
    box-shadow: 0 -4px 20px rgba(92, 77, 67, 0.06);
    z-index: 9000;
    align-items: stretch;
    overflow: hidden;
    -webkit-tap-highlight-color: transparent;
  }

  #bb-mobile-nav .mn-tab {
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-width: 0;
    min-height: 48px;
    padding: 6px 2px 4px;
    overflow: hidden;
    border: none;
    border-radius: 14px;
    background: transparent;
    color: #7F7468;
    font-family: var(--font-family);
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-medium);
    line-height: 12px;
    letter-spacing: 0.01em;
    text-decoration: none;
    position: relative;
    transition: color 0.15s ease, background 0.15s ease;
    -webkit-tap-highlight-color: transparent;
    outline: none;
  }

  #bb-mobile-nav button.mn-tab {
    appearance: none;
  }

  #bb-mobile-nav .mn-tab-label {
    color: #9A8E82;
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-medium);
    line-height: 12px;
    letter-spacing: 0.01em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
  }

  #bb-mobile-nav .mn-tab.is-active {
    color: #4A7A68;
  }

  #bb-mobile-nav .mn-tab.is-active .mn-tab-label {
    color: #4A7A68;
    font-weight: var(--font-weight-semibold);
  }

  #bb-mobile-nav .mn-tab.is-active .mn-tab-icon {
    color: #4A7A68;
  }

  #bb-mobile-nav .mn-tab-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: 28px;
  }

  #bb-mobile-nav .mn-tab-icon svg {
    width: 22px;
    height: 22px;
    flex-shrink: 0;
  }

  #bb-mobile-nav .mn-icon-f {
    display: none;
  }

  #bb-mobile-nav .mn-icon-o {
    display: block;
  }

  #bb-mobile-nav .mn-tab.is-active .mn-icon-f {
    display: block;
  }

  #bb-mobile-nav .mn-tab.is-active .mn-icon-o {
    display: none;
  }

  #bb-mobile-nav .mn-tab:focus-visible {
    outline: 2px solid #6E8A7E;
    outline-offset: -2px;
  }

  #bb-mobile-nav .mn-tab:active {
    background: rgba(92, 77, 67, 0.05);
  }

  #bb-mobile-nav .mn-badge {
    position: absolute;
    top: 2px;
    right: calc(50% - 20px);
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 9px;
    background: var(--rose-dark, #9B6050);
    color: var(--white, #FFFEFB);
    font-family: var(--font-family);
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-bold);
    line-height: 18px;
    text-align: center;
    pointer-events: none;
  }

  /* #2956: Email and Opgaver show the same calm green presence dot as the desktop
     sidebar (no number, no red, no animation). */
  #bb-mobile-nav .mn-badge[data-mn-badge="email"] {
    top: 6px;
    right: calc(50% - 17px);
    min-width: 0;
    width: 10px;
    height: 10px;
    padding: 0;
    border-radius: 50%;
    background: #5f8d70;
    border: 2px solid var(--white, #FFFEFB);
    box-shadow: 0 1px 1.5px rgba(58, 47, 38, 0.22);
    box-sizing: border-box;
    pointer-events: none;
    font-size: 0;
    line-height: 0;
    color: transparent;
  }

  #bb-mobile-nav .mn-badge[data-mn-badge="opgaver"] {
    top: 6px;
    right: calc(50% - 17px);
    min-width: 0;
    width: 10px;
    height: 10px;
    padding: 0;
    border-radius: 50%;
    background: #5f8d70;
    border: 2px solid var(--white, #FFFEFB);
    box-shadow: 0 1px 1.5px rgba(58, 47, 38, 0.22);
    box-sizing: border-box;
    pointer-events: none;
    font-size: 0;
    line-height: 0;
    color: transparent;
  }

  #bb-mobile-nav .mn-badge[hidden] {
    display: none;
  }

  .mn-fab-group {
    display: flex;
    align-items: center;
    gap: 12px;
    position: fixed;
    bottom: calc(72px + env(safe-area-inset-bottom, 0px));
    inset-inline-end: 16px;
    z-index: 9050;
    transition: transform 0.2s ease, opacity 0.2s ease;
  }

  .mn-fab-group.is-hidden {
    transform: translateY(calc(100% + 24px));
    opacity: 0;
    pointer-events: none;
  }

  body.has-mn-more-open .mn-fab-group {
    transform: translateY(calc(100% + 24px));
    opacity: 0;
    pointer-events: none;
  }

  .mn-fab {
    display: flex;
    align-items: center;
    gap: 6px;
    /* Kompakt FAB (Morten 9/7: 52px-pillen aad for meget mobilskaerm;
       label samtidig 'Skriv ny' -> 'Skriv' i bb-mobile-nav.php + katalogerne). */
    height: 44px;
    padding: 0 14px;
    border: none;
    border-radius: 22px;
    font-family: var(--font-family);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-semibold);
    color: var(--white, #FFFEFB);
    cursor: pointer;
    white-space: nowrap;
    -webkit-tap-highlight-color: transparent;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
  }

  .mn-fab:active {
    transform: scale(0.95);
  }

  .mn-fab:focus-visible {
    outline: none;
  }

  .mn-fab svg {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
  }

  .mn-fab-mini {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: none;
    border-radius: 22px;
    background: var(--white, #FFFEFB);
    color: var(--warm-text, #5C4D43);
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(92, 77, 67, 0.12), 0 8px 24px rgba(92, 77, 67, 0.06);
    -webkit-tap-highlight-color: transparent;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
  }

  .mn-fab-mini:active {
    transform: scale(0.92);
  }

  .mn-fab-mini:focus-visible {
    outline: none;
  }

  [data-mn-accent="rose"] .mn-fab {
    background: var(--rose-dark, #9B6050);
    box-shadow: 0 4px 12px rgba(155, 96, 80, 0.35), 0 8px 24px rgba(155, 96, 80, 0.15);
  }

  [data-mn-accent="sage"] .mn-fab {
    background: var(--sage-dark, #4A7A68);
    box-shadow: 0 4px 12px rgba(74, 122, 104, 0.35), 0 8px 24px rgba(74, 122, 104, 0.15);
  }

  [data-mn-accent="slate"] .mn-fab {
    background: var(--slate-dark, #4E5370);
    box-shadow: 0 4px 12px rgba(78, 83, 112, 0.35), 0 8px 24px rgba(78, 83, 112, 0.15);
  }

  .mn-more-backdrop {
    display: block;
    position: fixed;
    inset: 0;
    background: rgba(32, 27, 24, 0.18);
    z-index: 9001;
  }

  .mn-more-backdrop[hidden],
  .mn-more-sheet[hidden] {
    display: none;
  }

  .mn-more-sheet {
    display: flex;
    flex-direction: column;
    position: fixed;
    left: 8px;
    right: 8px;
    bottom: calc(var(--mn-bar-height) + 8px);
    padding: 0;
    max-height: min(76vh, 560px);
    overflow: hidden;
    overscroll-behavior: contain;
    border: 1px solid var(--divider, #E4DCD4);
    border-radius: 18px;
    background: var(--white, #FFFEFB);
    box-shadow: 0 8px 32px rgba(92, 77, 67, 0.16);
    z-index: 9002;
  }

  .mn-more-handle {
    width: 34px;
    height: 4px;
    margin: 0 auto 12px;
    border-radius: 999px;
    background: #E4DCD4;
  }

  .mn-more-header {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) 44px;
    align-items: center;
    min-height: 44px;
    padding: 4px 4px 0;
    flex-shrink: 0;
  }

  .mn-more-title {
    font-family: var(--font-family);
    font-size: 15px;
    font-weight: 600;
    line-height: 22px;
    text-align: center;
    color: inherit;
    margin: 0;
  }

  [data-mn-view="main"] ~ .mn-more-header .mn-more-title,
  .mn-more-body[data-mn-view="main"] ~ .mn-more-header .mn-more-title {
    /* Title is sr-only in main view */
  }

  .mn-more-back,
  .mn-more-close {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: var(--warm-text, #5C4D43);
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
  }

  .mn-more-back[hidden] {
    visibility: hidden;
  }

  .mn-more-close svg,
  .mn-more-back svg {
    width: 20px;
    height: 20px;
  }

  .mn-more-back:focus-visible,
  .mn-more-close:focus-visible {
    outline: none;
    background: rgba(92, 77, 67, 0.06);
    text-decoration: underline;
  }

  .mn-more-body {
    display: flex;
    flex-direction: column;
    padding: 0 12px 12px;
    gap: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    min-height: 0;
  }

  .mn-more-body[hidden] {
    display: none;
  }

  .mn-more-sep {
    height: 1px;
    margin: 6px 0;
    background: var(--divider, #E4DCD4);
  }

  .mn-more-lang {
    display: grid;
    grid-template-columns: 1fr;
    gap: 4px;
    padding: 4px 12px 12px;
    overflow-y: auto;
    overscroll-behavior: contain;
    min-height: 0;
  }

  .mn-more-lang[hidden] {
    display: none;
  }

  .mn-more-lang .mn-lang-option {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 48px;
    padding: 10px 12px;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: var(--warm-text, #5C4D43);
    font-family: var(--font-family);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.4;
    text-align: start;
    width: 100%;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
  }

  .mn-more-lang .mn-lang-option img {
    width: 21px;
    height: 15px;
    flex-shrink: 0;
    object-fit: cover;
    border-radius: 2px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06);
  }

  .mn-more-lang .mn-lang-option[aria-checked="true"],
  .mn-more-lang .mn-lang-option[aria-selected="true"] {
    background: rgba(228, 237, 230, 0.6);
    color: #4A7A68;
    font-weight: 600;
  }

  .mn-more-lang .mn-lang-option:focus-visible {
    outline: none;
    background: rgba(92, 77, 67, 0.06);
    text-decoration: underline;
    text-underline-offset: 3px;
  }

  .mn-theme-switch {
    position: relative;
    margin-left: auto;
    width: 36px;
    height: 22px;
    border-radius: 14px;
    background: #767c73;
    flex-shrink: 0;
  }

  .mn-theme-switch::after {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    left: 2px;
    top: 2px;
    border-radius: 50%;
    background: #fffdf9;
    transition: left 0.15s ease;
  }

  [data-theme="dark"] .mn-theme-switch::after {
    left: 16px;
  }

  .mn-lang-arrow {
    width: 7px;
    height: 7px;
    margin-left: auto;
    border-top: 1.5px solid currentColor;
    border-right: 1.5px solid currentColor;
    transform: rotate(45deg);
    opacity: 0.6;
    flex-shrink: 0;
  }

  .mn-more-link {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 44px;
    padding: 12px 12px;
    border-radius: 12px;
    background: transparent;
    color: #5C4D43;
    font-family: var(--font-family);
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-semibold);
    line-height: 1.4;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    outline: none;
    transition: background 0.15s ease, color 0.15s ease;
  }

  .mn-more-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    background: transparent;
    color: #7F7468;
    flex-shrink: 0;
  }

  .mn-more-icon svg {
    width: 22px;
    height: 22px;
  }

  .mn-more-link > span:not(.mn-more-icon) {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .mn-more-link.is-active {
    background: transparent;
    color: #4A7A68;
  }

  .mn-more-link.is-active .mn-more-icon {
    color: #4A7A68;
  }

  .mn-more-link:hover,
  .mn-more-link:active {
    background: rgba(92, 77, 67, 0.06);
  }

  .mn-more-logout {
    order: 99;
    margin-top: 14px;
    padding: 14px 12px;
    border-top: 1px solid #E4DCD4;
    border-radius: 0 0 12px 12px;
    color: #5C4D43;
  }

  .mn-more-logout .mn-more-icon {
    color: #7F7468;
    background: transparent;
  }

  .mn-more-logout:hover,
  .mn-more-logout:active {
    background: rgba(166, 89, 75, 0.06);
    color: #A6594B;
  }

  .mn-more-logout:hover .mn-more-icon,
  .mn-more-logout:active .mn-more-icon {
    color: #A6594B;
  }

  .mn-more-link:focus-visible {
    outline: 2px solid #6E8A7E;
    outline-offset: -2px;
  }

  body.has-mn-bar .main,
  body.has-mn-bar .main-content {
    padding-bottom: calc(var(--mn-bar-height) + 16px);
    scroll-padding-bottom: calc(var(--mn-bar-height) + 16px);
  }

  [data-theme="dark"] #bb-mobile-nav {
    background: rgba(32, 27, 24, 0.97);
    border-top-color: rgba(232, 224, 216, 0.06);
    box-shadow: 0 -4px 20px rgba(18, 16, 14, 0.4);
  }

  [data-theme="dark"] #bb-mobile-nav .mn-tab {
    color: rgba(232, 221, 212, 0.5);
  }

  [data-theme="dark"] #bb-mobile-nav .mn-tab-label {
    color: rgba(232, 221, 212, 0.5);
  }

  [data-theme="dark"] #bb-mobile-nav .mn-tab.is-active,
  [data-theme="dark"] #bb-mobile-nav .mn-tab.is-active .mn-tab-label,
  [data-theme="dark"] #bb-mobile-nav .mn-tab.is-active .mn-tab-icon {
    color: #8FBFAD;
  }

  [data-theme="dark"] #bb-mobile-nav .mn-tab:active {
    background: rgba(232, 221, 212, 0.06);
  }

  [data-theme="dark"] #bb-mobile-nav .mn-tab:focus-visible {
    outline-color: #8FBFAD;
  }

  [data-theme="dark"] #bb-mobile-nav .mn-badge {
    background: var(--rose-dark, #9B6050);
    color: #FFFEFB;
  }

  /* #2956: keep the Email presence dot calm green in dark mode and match the dark
     nav bar surface for the separator ring. */
  [data-theme="dark"] #bb-mobile-nav .mn-badge[data-mn-badge="email"] {
    background: #5f8d70;
    border-color: rgba(32, 27, 24, 0.97);
  }

  [data-theme="dark"] #bb-mobile-nav .mn-badge[data-mn-badge="opgaver"] {
    background: #5f8d70;
    border-color: rgba(32, 27, 24, 0.97);
  }

  [data-theme="dark"] .mn-fab-mini {
    background: rgba(42, 38, 34, 0.95);
    color: #E8DDD4;
    box-shadow: 0 2px 8px rgba(18, 16, 14, 0.3), 0 8px 24px rgba(18, 16, 14, 0.2);
  }

  [data-theme="dark"] .mn-more-backdrop {
    background: rgba(18, 16, 14, 0.46);
  }

  [data-theme="dark"] .mn-more-sheet {
    border-color: rgba(232, 224, 216, 0.08);
    background: #201B18;
    box-shadow: 0 8px 32px rgba(18, 16, 14, 0.48);
  }

  [data-theme="dark"] .mn-more-handle {
    background: rgba(232, 221, 212, 0.18);
  }

  [data-theme="dark"] .mn-more-header {
    color: #E8DDD4;
  }

  [data-theme="dark"] .mn-more-back,
  [data-theme="dark"] .mn-more-close {
    color: #E8DDD4;
  }

  [data-theme="dark"] .mn-more-back:focus-visible,
  [data-theme="dark"] .mn-more-close:focus-visible {
    background: rgba(232, 221, 212, 0.06);
  }

  [data-theme="dark"] .mn-more-sep {
    background: rgba(232, 224, 216, 0.08);
  }

  [data-theme="dark"] .mn-more-lang .mn-lang-option {
    color: #E8DDD4;
  }

  [data-theme="dark"] .mn-more-lang .mn-lang-option:focus-visible {
    background: rgba(232, 221, 212, 0.06);
  }

  [data-theme="dark"] .mn-more-lang .mn-lang-option[aria-checked="true"],
  [data-theme="dark"] .mn-more-lang .mn-lang-option[aria-selected="true"] {
    background: rgba(143, 191, 173, 0.15);
    color: #8FBFAD;
  }

  [data-theme="dark"] .mn-theme-switch {
    background: #8FBFAD;
  }

  [data-theme="dark"] .mn-more-link {
    color: #E8DDD4;
  }

  [data-theme="dark"] .mn-more-icon {
    color: rgba(232, 221, 212, 0.6);
  }

  [data-theme="dark"] .mn-more-link.is-active {
    background: transparent;
    color: #8FBFAD;
  }

  [data-theme="dark"] .mn-more-link.is-active .mn-more-icon {
    color: #8FBFAD;
  }

  [data-theme="dark"] .mn-more-link:hover,
  [data-theme="dark"] .mn-more-link:active {
    background: rgba(232, 221, 212, 0.06);
  }

  [data-theme="dark"] .mn-more-logout {
    color: #E8DDD4;
    border-top-color: rgba(232, 224, 216, 0.08);
  }

  [data-theme="dark"] .mn-more-logout .mn-more-icon {
    color: rgba(232, 221, 212, 0.6);
  }

  [data-theme="dark"] .mn-more-logout:hover,
  [data-theme="dark"] .mn-more-logout:active {
    background: rgba(212, 168, 154, 0.1);
    color: #F1C6B9;
  }

  [data-theme="dark"] .mn-more-logout:hover .mn-more-icon,
  [data-theme="dark"] .mn-more-logout:active .mn-more-icon {
    color: #F1C6B9;
  }

  [data-theme="dark"] .mn-more-link:focus-visible {
    outline-color: #8FBFAD;
  }

  @media (orientation: landscape) and (max-height: 500px) {
    :root {
      --mn-bar-height: calc(44px + env(safe-area-inset-bottom, 0px));
    }

    #bb-mobile-nav {
      height: var(--mn-bar-height);
      padding: 2px 4px env(safe-area-inset-bottom, 0px);
    }

    #bb-mobile-nav .mn-tab {
      flex-direction: row;
      gap: 6px;
      padding: 4px 8px;
    }

    #bb-mobile-nav .mn-tab-label {
      font-size: var(--font-size-xs);
    }

    #bb-mobile-nav .mn-tab-icon {
      height: 24px;
    }

    #bb-mobile-nav .mn-tab-icon svg {
      width: 20px;
      height: 20px;
    }

    .mn-fab-group {
      bottom: calc(52px + env(safe-area-inset-bottom, 0px));
    }

    .mn-fab {
      height: 44px;
      padding: 0 16px;
      font-size: var(--font-size-sm);
    }

    /* BDA exception: landscape is temporary and aria-label preserves action text. */
    .mn-fab-label {
      display: none;
    }

    .mn-fab-mini {
      width: 44px;
      height: 44px;
    }

    .mn-more-sheet {
      left: 8px;
      right: 8px;
      bottom: calc(var(--mn-bar-height) + 6px);
      padding: 6px;
      border-radius: 16px;
    }

    .mn-more-handle {
      display: none;
    }

    .mn-more-link {
      min-height: 44px;
      padding: 6px;
      gap: 6px;
      font-size: var(--font-size-xs);
    }

    .mn-more-logout {
      grid-column: 1 / -1;
    }

    .mn-more-icon {
      width: 24px;
      height: 24px;
    }

    .mn-more-icon svg {
      width: 19px;
      height: 19px;
    }

    body.has-mn-bar .main,
    body.has-mn-bar .main-content {
      padding-bottom: calc(var(--mn-bar-height) + 12px);
      scroll-padding-bottom: calc(var(--mn-bar-height) + 12px);
    }
  }

  @media (prefers-reduced-motion: reduce) {
    #bb-mobile-nav .mn-tab,
    .mn-fab,
    .mn-fab-mini,
    .mn-fab-group,
    .mn-more-link,
    .mn-more-sheet,
    .mn-more-backdrop,
    .mn-theme-switch::after {
      transition: none !important;
    }
  }
}

@media (min-width: 768px) {
  #bb-mobile-nav,
  .mn-fab-group,
  .mn-more-backdrop,
  .mn-more-sheet {
    display: none !important;
  }
}

button.mn-more-link {
  width: 100%;
  border: none;
  background: none;
  color: inherit;
  cursor: pointer;
  text-align: start;
  -webkit-appearance: none;
}

button.mn-more-link.mn-more-logout {
  border-top: 1px solid #E4DCD4;
}

[data-theme="dark"] button.mn-more-link.mn-more-logout {
  border-top-color: rgba(232, 224, 216, 0.08);
}

@media print {
  #bb-mobile-nav,
  .mn-fab-group,
  .mn-more-backdrop,
  .mn-more-sheet {
    display: none !important;
  }
}

/* #6370 final calm menu, shared with the desktop popup. */
@media(max-width:767px) {
 #bb-mobile-nav,#bb-mobile-more-sheet {direction:ltr}
 #bb-mobile-more-sheet {
  font-family:'BB Sidebar Inter',Inter,system-ui,sans-serif !important;
  font-size:15px; font-weight:400; line-height:22px;
  background:#fffefb !important;color:#3a2f26 !important;border:1px solid #e4dcd4 !important;
  max-height:calc(100dvh - var(--mn-bar-height) - 24px);
  box-shadow:0 12px 32px rgba(58,47,38,.12) !important;
 }
 #bb-mobile-more-sheet .mn-more-header {padding:4px 12px 0;grid-template-columns:44px minmax(0,1fr) 44px;gap:0}
 #bb-mobile-more-sheet .mn-more-settings {grid-column:1/3;grid-row:1;min-width:0}
 #bb-mobile-more-sheet .mn-more-close {grid-column:3;grid-row:1}
 #bb-mobile-more-sheet .mn-more-back {grid-column:1;grid-row:1}
 #bb-mobile-more-sheet .mn-more-title {grid-column:2;grid-row:1;font:500 15px/22px 'BB Sidebar Inter',Inter,system-ui,sans-serif;color:inherit}
 #bb-mobile-more-sheet[data-view="main"] .mn-more-back,
 #bb-mobile-more-sheet[data-view="main"] .mn-more-title {display:none}
 #bb-mobile-more-sheet[data-view="lang"] .mn-more-settings {display:none}
 #bb-mobile-more-sheet .mn-more-body,#bb-mobile-more-sheet .mn-more-lang {padding:0 12px 8px;min-height:0;overflow-y:auto;flex:1 1 auto}
 #bb-mobile-more-sheet .mn-more-lang {padding-top:4px}
 #bb-mobile-more-sheet .mn-more-link {
  font:400 15px/22px 'BB Sidebar Inter',Inter,system-ui,sans-serif !important;
  min-height:48px;padding:12px 10px;gap:12px;box-sizing:border-box;
  color:inherit !important;background:transparent;border:0;margin:0;border-radius:10px;flex-shrink:0;text-align:left;
 }
 #bb-mobile-more-sheet .mn-more-link span {font-weight:400 !important}
 #bb-mobile-more-sheet .mn-more-icon {width:16px;height:16px;flex:0 0 16px;color:#857769 !important}
 #bb-mobile-more-sheet .mn-more-icon svg {width:16px;height:16px;stroke-width:1.6}
 #bb-mobile-more-sheet .mn-more-sep {height:0;min-height:0;border:0;border-top:1px solid #e4dcd4;margin:8px 10px;flex-shrink:0}
 #bb-mobile-more-sheet .mn-more-logout {border-top:0;padding-top:12px}
 #bb-mobile-more-sheet .mn-theme-switch {width:34px;height:20px;flex:0 0 34px;margin-left:auto;background:#dcd8d2 !important;border:0;box-shadow:none}
 #bb-mobile-more-sheet .mn-theme-switch::after {width:16px;height:16px;top:2px;left:2px;transform:none !important;background:#fff}
 #bb-mobile-more-sheet [aria-checked="true"] .mn-theme-switch {background:#5f7f70 !important}
 #bb-mobile-more-sheet [aria-checked="true"] .mn-theme-switch::after {transform:translateX(14px) !important}
 #bb-mobile-more-sheet .mn-more-link:hover,#bb-mobile-more-sheet .mn-more-link:focus-visible {background:#eef3ef !important}
 #bb-mobile-more-sheet .mn-more-back:focus-visible,#bb-mobile-more-sheet .mn-more-close:focus-visible {background:#e3ede7 !important;outline:none !important}
 #bb-mobile-more-sheet .mn-lang-option {font:400 15px/22px 'BB Sidebar Inter',Inter,system-ui,sans-serif;min-height:48px;flex-shrink:0}
 #bb-mobile-more-sheet .mn-lang-option[aria-selected="true"] {background:#e5eee9;color:#376a59;font-weight:500}
 #bb-mobile-more-sheet .mn-lang-option[aria-selected="true"]::after {content:'✓';margin-left:auto;color:#376a59}
 #bb-mobile-more-sheet .mn-lang-option[lang="ar"] span {unicode-bidi:isolate;direction:rtl}
 html[data-theme="dark"] #bb-mobile-more-sheet {background:#34312c !important;color:#eee9df !important;border-color:#655e54 !important;box-shadow:0 12px 32px rgba(0,0,0,.25) !important}
 html[data-theme="dark"] #bb-mobile-more-sheet .mn-more-header {border:0}
 html[data-theme="dark"] #bb-mobile-more-sheet .mn-more-icon {color:#bfb2a4 !important}
 html[data-theme="dark"] #bb-mobile-more-sheet .mn-more-sep {border-color:#655e54}
 html[data-theme="dark"] #bb-mobile-more-sheet .mn-more-link:hover,html[data-theme="dark"] #bb-mobile-more-sheet .mn-more-link:focus-visible {background:#45413a !important}
 html[data-theme="dark"] #bb-mobile-more-sheet .mn-lang-option {color:#eee9df}
 html[data-theme="dark"] #bb-mobile-more-sheet .mn-lang-option[aria-selected="true"] {background:#3f5749;color:#e0efe5}
 html[data-theme="dark"] #bb-mobile-more-sheet .mn-lang-option[aria-selected="true"]::after {color:#e0efe5}
 html[data-theme="dark"] #bb-mobile-more-sheet .mn-more-back:focus-visible,html[data-theme="dark"] #bb-mobile-more-sheet .mn-more-close:focus-visible {background:#45413a !important}
}


/* Source: /skrivsikkert-shared.css */
/* ═══════════════════════════════════════════════════════════════════ */
/* SkrivSikkert — Blød Bølge Design System                           */
/* Delt CSS for alle sider. Importér denne fil, opfind ikke egne.    */
/* Reference: skrivsikkert-design-system.md                          */
/* Sidst opdateret: 2026-05-04                                       */
/* ═══════════════════════════════════════════════════════════════════ */

/* ── Reset ── */
/*
 * BEVIDST GLOBAL RESET - skrivsikkert-shared.css er base for alle sider.
 * Denne reset erstatter en dedikeret reset.css.
 * button outline:none kompenseres af :focus-visible regler i sidebar og shell.
 * Dokumenteret 2026-05-03 i ISSUES.md.
 */
*, *::before, *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

button {
  border: none;
  outline: none;
  background: none;
  font-family: inherit;
  cursor: pointer;
  color: inherit;
}

/* ── Tokens ── */
:root {
  /* Baggrunde */
  --cream: #FAF7F3;
  --white: #FFFEFB;
  --sidebar-bg: #FCF9F6;
  --sidebar-border: #E8E0D8;
  --pill-bg: #F0EAE4;
  --divider: #E4DCD4;

  /* Tekst */
  --warm-text: #5C4D43;
  --warm-text-light: #8A7E72;
  --muted: #B8A898;
  --muted-light: #C8BEB2;
  --icon-active: #4A4044;
  --icon-inactive: #B8ACA0;

  /* Rose (handling/opgaver) */
  --rose: #D4A89A;
  --rose-dark: #9B6050;
  --rose-light: #F4E8E2;
  --rose-bg: #FBF3F0;

  /* Sage (kommunikation/email) */
  --sage: #A8C5B8;
  --sage-dark: #4A7A68;
  --sage-text: #3D6B57;
  --sage-light: #E0EDE6;
  --sage-bg: #F2F8F5;

  /* Slate (tid/kalender) */
  --slate: #A8B0C4;
  --slate-dark: #4E5370;
  --slate-light: #E0E4EE;
  --slate-bg: #F2F4F8;

  /* Kort-baggrunde */
  --card-todo-bg: #FDF7F3;
  --card-email-bg: #F5FAF7;
  --card-calendar-bg: #F5F7FC;

  /* Andet */
  --avatar-dark: #3A2E42;
  --online-green: #6BCB8A;
  --star-gold: #D4A060;

  /* Typography */
  --font-heading: 'Inter', system-ui, sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --text-h1: 32px;
  --text-h2: 22px;
  --text-h3: 18px;
  --text-body: 14px;
  --text-small: 13px;
  --text-label: 13px;
  --weight-heading: 600;
  --weight-body: 400;
  --weight-label: 500;
  --lh-h1: 1.3;
  --lh-h2: 1.35;
  --lh-h3: 1.4;
  --lh-body: 1.5;
  --lh-small: 1.45;
  --lh-label: 1.4;
  --lh-heading: var(--lh-h1);
  --letter-spacing-heading: -0.02em;
  --letter-spacing-body: 0;
  --ls-heading: var(--letter-spacing-heading);
  --font-title: var(--font-heading);

  /* Shadows */
  --shadow-card: 0 1px 3px rgba(92, 77, 67, 0.04), 0 4px 16px rgba(92, 77, 67, 0.06);
  --shadow-card-hover: 0 2px 4px rgba(92, 77, 67, 0.06), 0 8px 24px rgba(92, 77, 67, 0.1);
  --shadow-button-hover: 0 4px 14px rgba(155, 96, 80, 0.18);
  --shadow-btn-hover: var(--shadow-button-hover);
  --shadow-focus: 0 0 0 3px rgba(212, 168, 154, 0.16);
  --shadow-ai: 0 2px 8px rgba(212, 168, 154, 0.35);
  --shadow-ai-hover: 0 4px 16px rgba(212, 168, 154, 0.45);
  --shadow-nav: 0 2px 8px rgba(92, 77, 67, 0.07);
  --shadow-input: 0 1px 3px rgba(92, 77, 67, 0.04);
  --shadow-input-focus: 0 0 0 2px rgba(212, 168, 154, 0.4), 0 2px 12px rgba(92, 77, 67, 0.08);
  --shadow-send-hover: 0 4px 16px rgba(212, 168, 154, 0.35);
  --shadow-quick-hover: 0 2px 8px rgba(0, 0, 0, 0.06);

  /* Radius */
  --radius-card: 18px;
  --radius-button: 12px;
  --radius-btn: var(--radius-button);
  --radius-input: 12px;
  --radius-modal: 20px;
  --radius-pill: 999px;
  --radius-checkbox: 4px;

  /* Motion */
  --transition-fast: 0.15s ease;
  --transition-base: 0.2s ease;
  --transition-slow: 0.3s ease;
  --hover-scale: scale(1.02);

  /* Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;
  --button-height: 44px;
  --button-padding: 10px 20px;
  --btn-height: var(--button-height);
  --btn-padding: var(--button-padding);
  --input-height: 44px;
  --card-padding: 24px;
  --card-padding-mobile: 16px;

  /* Z-index */
  --z-base: 1;
  --z-sidebar: 100;
  --z-tooltip: 110;
  --z-dropdown: 200;
  --z-overlay: 1000;
  --z-modal: 1001;
  --z-toast: 2000;
  --z-skip-link: 9000;
  --z-skip: var(--z-skip-link);
}

/* Dark-mode token overrides */
[data-theme="dark"] {
  /* Backgrounds */
  --cream: #1c1b18;
  --white: #232220;
  --sidebar-bg: #1a1918;
  --sidebar-border: rgba(232, 221, 212, 0.08);
  --pill-bg: rgba(255, 255, 255, 0.06);
  --divider: rgba(232, 221, 212, 0.08);

  /* Text */
  --warm-text: #E8DDD4;
  --warm-text-light: #B8ACA3;
  --muted: #8A7E72;
  --muted-light: #6B5E52;
  --icon-active: #D8CFC5;
  --icon-inactive: #6B5E52;

  /* Rose */
  --rose: #D4A89A;
  --rose-dark: #E8B8A8;
  --rose-light: rgba(212, 168, 154, 0.15);
  --rose-bg: rgba(212, 168, 154, 0.08);

  /* Sage */
  --sage: #A8C5B8;
  --sage-dark: #7CB8A4;
  --sage-text: #A8C5B8;
  --sage-light: rgba(168, 197, 184, 0.15);
  --sage-bg: rgba(168, 197, 184, 0.08);

  /* Slate */
  --slate: #A8B0C4;
  --slate-dark: #8E96B0;
  --slate-light: rgba(168, 176, 196, 0.15);
  --slate-bg: rgba(168, 176, 196, 0.08);

  /* Cards */
  --card-todo-bg: rgba(212, 168, 154, 0.06);
  --card-email-bg: rgba(168, 197, 184, 0.06);
  --card-calendar-bg: rgba(168, 176, 196, 0.06);

  /* Other */
  --avatar-dark: #E8DDD4;
  --online-green: #6BCB8A;
  --star-gold: #D4A060;

  /* Shadows */
  --shadow-card: 0 1px 3px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.18);
  --shadow-card-hover: 0 2px 4px rgba(0, 0, 0, 0.16), 0 8px 24px rgba(0, 0, 0, 0.24);
  --shadow-button-hover: 0 4px 14px rgba(0, 0, 0, 0.3);
  --shadow-btn-hover: var(--shadow-button-hover);
  --shadow-focus: 0 0 0 3px rgba(212, 168, 154, 0.2);
  --shadow-ai: 0 2px 8px rgba(0, 0, 0, 0.4);
  --shadow-ai-hover: 0 4px 16px rgba(0, 0, 0, 0.5);
  --shadow-nav: 0 2px 8px rgba(0, 0, 0, 0.2);
  --shadow-input: 0 1px 3px rgba(0, 0, 0, 0.15);
  --shadow-input-focus: 0 0 0 2px rgba(212, 168, 154, 0.3), 0 2px 12px rgba(0, 0, 0, 0.2);
  --shadow-send-hover: 0 4px 16px rgba(212, 168, 154, 0.25);
  --shadow-quick-hover: 0 2px 8px rgba(0, 0, 0, 0.2);
}

/* Focus utility — standard warm-rose ring for all interactive elements */
.focus-ring:focus-visible {
  outline: none;
}

/* Base reduced-motion: kill all animations/transitions for users who prefer it */

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto !important;
  }

  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    animation-delay: 0s !important;
    transition-duration: 0.01ms !important;
    transition-delay: 0s !important;
  }
}

/* ── Base ── */
html, body {
  height: 100%;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  background: var(--cream);
  color: var(--warm-text);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ── Layout ── */
.app {
  /* Single source of truth for the uniform content gutter (writing-tool pages). */
  --bb-content-gutter: 32px;
  /* Rail->content gutter shared by every robot that sits next to the 104px nav
     rail (skrivebord, oversaettelse, /kalender/, /email/). 22px is the canon
     the robots' own frames already use — see .text-area-container in
     skrivebord v2.css and .ugeplan-main. */
  --bb-rail-gutter: 22px;
  display: flex;
  height: 100vh;
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(ellipse at 74% 18%, rgba(212, 168, 154, 0.055) 0%, transparent 48%),
    radial-gradient(ellipse at 22% 86%, rgba(168, 197, 184, 0.045) 0%, transparent 48%),
    linear-gradient(180deg, #FAF7F3 0%, var(--pill-bg, #F0EAE4) 100%);
}

/* ── Content gutter (writing-tool pages). Oversaettelse overrides its
   minified-bundle padding here; the right side keeps the translator's own 32px
   frame. LEFT is the rail->content gutter and follows the canon every sibling
   robot already runs past the 104px rail: 22px (skrivebord .text-area-container,
   /kalender/ .ugeplan-main, /email/ list card). It used to be
   gutter-24px = 8px, which started this robot's content 14px left of all the
   others — the rail->content gap read visibly tighter here than anywhere else. ── */
.bb-oversaettelse .split-translator {
  padding-left: var(--bb-rail-gutter, 22px) !important;
  padding-right: var(--bb-content-gutter) !important;
}

.app::before {
  content: none;
  background-image: none;
  display: none;
}

/* Desktop sidebar: assets/css/bb-sidebar.css, loaded once by bb-left-sidebar.php. */
/* MORTENS KALD 12/7: bb-navigatoren bliver i VENSTRE hjoerne paa alle sprog - kun
   robotfladen spejles. dir=rtl paa html vender flex-hovedaksen, saa row-reverse
   laegger boernene fra venstre igen: rail fysisk venstre, main spejlet ved siden af. */
[dir="rtl"] .app, [dir="rtl"] .app-layout { flex-direction: row-reverse; }

@media (max-width: 640px) {
  .main,
  .main-content {
    padding-bottom: calc(72px + env(safe-area-inset-bottom, 0px));
  }
}

@media (orientation: landscape) and (max-height: 500px) and (max-width: 640px) {
  .main,
  .main-content {
    padding-bottom: calc(60px + env(safe-area-inset-bottom, 0px));
  }
}
.bb-profile-dropdown.s-dropdown {
  direction: ltr; /* retningsfast som railen den hoerer til */
  position: fixed;
  inset-inline-start: 112px;
  bottom: 24px;
  width: min(248px, calc(100vw - 92px));
  max-height: min(78vh, 620px);
  overflow-y: auto;
  z-index: 10610;
  padding: 8px;
  border: 1px solid transparent;
  border-radius: 18px;
  background:
    radial-gradient(130% 26% at 50% 0%, rgba(255,255,255,0.6), rgba(255,255,255,0) 60%) padding-box,
    linear-gradient(180deg, rgba(255,255,255,0.74) 0%, rgba(252,248,244,0.62) 100%) padding-box,
    linear-gradient(158deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.30) 40%, rgba(150,178,168,0.16) 82%, rgba(255,255,255,0.45) 100%) border-box;
  backdrop-filter: blur(26px) saturate(1.8);
  -webkit-backdrop-filter: blur(26px) saturate(1.8);
  box-shadow:
    0 30px 70px rgba(60,50,42,0.18),
    0 8px 22px rgba(60,50,42,0.09),
    inset 0 1px 1px rgba(255,255,255,0.92),
    inset 0 0 0 1px rgba(255,255,255,0.30);
  opacity: 0;
  transform: translateY(8px) scale(0.97);
  transform-origin: left bottom;
  /* RTL: origin-hjoernet flipper - transform-origin har ingen logisk form (override nedenfor). */
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), transform 0.26s cubic-bezier(0.34, 1.12, 0.66, 1);
  pointer-events: none;
  scrollbar-width: thin;
  scrollbar-color: rgba(168, 152, 136, 0.25) transparent;
}

.bb-profile-dropdown.s-dropdown.open {
  opacity: 1;
  transform: translateY(0) scale(1);
  pointer-events: auto;
}

.bb-profile-dropdown.s-dropdown::-webkit-scrollbar {
  width: 5px;
}

.bb-profile-dropdown.s-dropdown::-webkit-scrollbar-track {
  background: transparent;
}

.bb-profile-dropdown.s-dropdown::-webkit-scrollbar-thumb {
  background: rgba(168, 152, 136, 0.25);
  border-radius: 3px;
}

.bb-profile-dropdown.s-dropdown::-webkit-scrollbar-thumb:hover {
  background: rgba(168, 152, 136, 0.4);
}

.chat-sidebar.collapsed .bb-profile-dropdown.s-dropdown {
  left: calc(3.05rem + 4px);
  bottom: 8px;
}

.bb-profile-dropdown .s-dropdown-identity {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 9px 11px 11px;
}

.bb-profile-dropdown .s-dropdown-email {
  flex: 1;
  min-width: 0;
  color: #3A2F26;
  font-family: var(--font-body);
  font-size: 12.5px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.35;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bb-profile-dropdown .s-dropdown-plan {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  width: fit-content;
  padding: 4px 8px;
  border: 1px solid rgba(138, 126, 114, 0.22);
  border-radius: 999px;
  background: rgba(250, 247, 240, 0.78);
  font-family: var(--font-body);
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  color: #8A7E72;
  letter-spacing: 0;
  text-decoration: none;
  cursor: pointer;
  transition: border-color 0.15s, background 0.15s, color 0.15s;
}

.bb-profile-dropdown .s-dropdown-plan[data-plan="free"]:hover,
.bb-profile-dropdown .s-dropdown-plan[data-plan="free"]:focus-visible {
  border-color: rgba(212, 168, 154, 0.4);
  background: rgba(212, 168, 154, 0.12);
  color: #9B6050;
  outline: none;
}

.bb-profile-dropdown .s-dropdown-plan[data-plan="pro"] {
  border-color: rgba(110, 138, 126, 0.30);
  background: rgba(110, 138, 126, 0.15);
  color: #4A7A68;
}

.bb-profile-dropdown .s-dropdown-plan[data-plan="pro"]:hover,
.bb-profile-dropdown .s-dropdown-plan[data-plan="pro"]:focus-visible {
  border-color: rgba(74, 122, 104, 0.45);
  background: rgba(226, 241, 233, 0.95);
  outline: none;
}

/* Language-row chevron — signals the picker opens (glass redesign) */
.bb-profile-dropdown .s-chevron {
  margin-left: auto;
  width: 15px;
  height: 15px;
  color: #9A8E82;
  transition: transform 0.2s ease;
}
#langSelectorItem[aria-expanded="true"] .s-chevron {
  transform: rotate(180deg);
}

/* Dark-mode row toggle switch (glass redesign — matches the approved mockup) */
.bb-profile-dropdown .switch {
  margin-left: auto;
  width: 34px;
  height: 20px;
  flex: none;
  border-radius: 999px;
  background: rgba(58, 47, 38, 0.16);
  position: relative;
  transition: background 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.bb-profile-dropdown .switch::after {
  content: '';
  position: absolute;
  top: 2px;
  inset-inline-start: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.22);
  transition: transform 0.22s cubic-bezier(0.34, 1.12, 0.66, 1);
}
[data-theme="dark"] .bb-profile-dropdown .switch { background: #6E8A7E; box-shadow: none; }
[data-theme="dark"] .bb-profile-dropdown .switch::after { transform: translateX(14px); }

/* Extension promo card */
.bb-profile-dropdown .sk-ext-promo {
  margin: 8px 12px 10px;
  padding: 14px;
  border-radius: 14px;
  background: #FBF8F2;
  border: 1px solid rgba(58, 47, 38, 0.08);
}

.bb-profile-dropdown .sk-ext-promo-header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}

.bb-profile-dropdown .sk-ext-promo-header > .calm-chrome-icon {
  width: 32px;
  height: 32px;
  flex: none;
}

.bb-profile-dropdown .sk-ext-promo-cta > .calm-chrome-icon {
  width: 16px;
  height: 16px;
  flex: none;
}

.bb-profile-dropdown .sk-ext-promo-landmark {
  flex: 1;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  color: #9A8E82;
}

.bb-profile-dropdown .sk-ext-promo-dismiss {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #9A8E82;
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
  transition: background 0.12s, color 0.12s;
}

.bb-profile-dropdown .sk-ext-promo-dismiss:hover {
  background: rgba(58, 47, 38, 0.06);
  color: #3A2F26;
}

.bb-profile-dropdown .sk-ext-promo-dismiss:focus-visible {
  outline: 2px solid #6E8A7E;
  outline-offset: 2px;
}

.bb-profile-dropdown .sk-ext-promo-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 8px;
  padding: 10px 14px;
  border: 1px solid rgba(58, 47, 38, 0.14);
  border-radius: 10px;
  background: #FFFEFB;
  color: #3A2F26;
  font-size: 13.5px;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.14s, border-color 0.14s, transform 0.14s;
}

.bb-profile-dropdown .sk-ext-promo-cta:hover {
  background: #FFFFFF;
  border-color: rgba(58, 47, 38, 0.22);
  transform: translateY(-1px);
}

.bb-profile-dropdown .sk-ext-promo-cta:focus-visible {
  outline: 2px solid #6E8A7E;
  outline-offset: 2px;
}

.bb-profile-dropdown .s-dropdown-item {
  width: 100%;
  min-height: 0;
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 9px 11px;
  border: 0;
  border-radius: 11px;
  background: transparent;
  color: #5C4D43;
  font-family: var(--font-family);
  /* Account-menu items keep the app's dyslexia-first token baseline (15px/400).
     Do NOT hard-code px here for a mockup pixel-match (#4017 regressed this to
     13.5px/500 -> below baseline; guarded by the font-compliance contract). */
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-normal);
  line-height: 1.35;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.12s ease, transform 0.12s ease, color 0.12s ease;
}

.bb-profile-dropdown .s-dropdown-item:hover,
.bb-profile-dropdown .s-dropdown-item:focus-visible {
  background: rgba(110, 138, 126, 0.10);
  color: #3A2F26;
}

.bb-profile-dropdown .s-dropdown-item:focus-visible {
  outline: none;
}

.bb-profile-dropdown .s-dropdown-item:active {
  transform: scale(0.98);
  transition-duration: 0.05s;
}

.bb-profile-dropdown .s-dropdown-item svg {
  width: 17px;
  height: 17px;
  color: #9A8E82;
  flex-shrink: 0;
  transition: color 0.12s ease;
}

.bb-profile-dropdown .s-dropdown-item:hover svg {
  color: #4A7A68;
}

.bb-profile-dropdown .s-dropdown-logout {
  color: #5C4D43;
}

.bb-profile-dropdown .s-dropdown-logout svg {
  color: #9A8E82;
}

.bb-profile-dropdown .s-dropdown-logout:hover,
.bb-profile-dropdown .s-dropdown-logout:focus-visible {
  background: rgba(166, 89, 75, 0.10);
  color: #A6594B;
}

.bb-profile-dropdown .s-dropdown-logout:hover svg {
  color: #A6594B;
}

.bb-profile-dropdown .s-dropdown-sep {
  height: 1px;
  margin: 6px 8px;
  background: linear-gradient(90deg, transparent, rgba(58, 47, 38, 0.08) 18%, rgba(58, 47, 38, 0.08) 82%, transparent);
}

.bb-profile-dropdown .s-lang-list {
  display: none;
  margin: 2px 0 6px 0;
  padding: 4px;
  border-radius: 10px;
  background: rgba(244, 232, 226, 0.5);
  border: 1px solid rgba(228, 220, 212, 0.3);
}

.bb-profile-dropdown .s-lang-list.open {
  display: grid;
  gap: 2px;
}

.bb-profile-dropdown .s-lang-option {
  min-height: 34px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 12px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #5C4D43;
  font-family: var(--font-family);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-normal);
  text-align: left;
  cursor: pointer;
  transition: background 0.12s ease;
}

.bb-profile-dropdown .s-lang-option:hover,
.bb-profile-dropdown .s-lang-option:focus-visible {
  background: rgba(255, 254, 251, 0.8);
}

.bb-profile-dropdown .s-lang-option:focus-visible {
  outline: none;
}

.bb-profile-dropdown .s-lang-option[aria-checked="true"],
.bb-profile-dropdown .s-lang-option.active {
  font-weight: 600;
  color: #4A7A68;
  background: rgba(255, 254, 251, 0.6);
}

.bb-profile-dropdown .s-lang-option[aria-checked="true"]::after {
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-left: auto;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%234A7A68' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* Sidebar language picker: fixed flyout so profile menu geometry stays identical on all BB pages. */
.bb-lang-flyout.s-lang-list {
  position: fixed;
  display: none;
  /* Fallback only — lang-selector.js writes the real width inline (positionFlyout). */
  width: 156px;
  max-width: calc(100vw - 24px);
  margin: 0;
  padding: 5px;
  border: 1px solid transparent;
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.74) 0%, rgba(252,248,244,0.62) 100%) padding-box,
    linear-gradient(158deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.30) 40%, rgba(150,178,168,0.16) 82%, rgba(255,255,255,0.45) 100%) border-box;
  box-shadow: 0 26px 60px rgba(60,50,42,0.18), 0 8px 22px rgba(60,50,42,0.09), inset 0 1px 1px rgba(255,255,255,0.92);
  backdrop-filter: blur(26px) saturate(1.8);
  -webkit-backdrop-filter: blur(26px) saturate(1.8);
  z-index: 10611;
}

.bb-lang-flyout.s-lang-list.open {
  display: grid;
  gap: 2px;
}

.bb-lang-flyout.s-lang-list .s-lang-option {
  min-height: 31px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  border-radius: 9px;
  font-size: 13px;
  line-height: 1.3;
}

.bb-lang-flyout.s-lang-list .s-lang-option:hover,
.bb-lang-flyout.s-lang-list .s-lang-option:focus-visible {
  background: rgba(92, 77, 67, 0.06);
}

.bb-lang-flyout.s-lang-list .s-lang-option[aria-checked="true"],
.bb-lang-flyout.s-lang-list .s-lang-option.active {
  font-weight: 600;
  color: #4A7A68;
  background: rgba(255, 254, 251, 0.6);
}

.bb-lang-flyout.s-lang-list .s-lang-option[aria-checked="true"]::after {
  content: '';
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-left: auto;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%234A7A68' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* Language picker created by assets/js/lang-selector.js.
   Keep it with the shared sidebar styles so bb-left-sidebar pages don't render raw menu text. */
.chat-lang-picker {
  position: fixed;
  min-width: 180px;
  padding: 6px;
  border: 1px solid rgba(228, 220, 212, 0.6);
  border-radius: 14px;
  background: rgba(255, 254, 251, 0.94);
  backdrop-filter: blur(20px) saturate(1.4);
  -webkit-backdrop-filter: blur(20px) saturate(1.4);
  box-shadow: 0 4px 12px rgba(92, 77, 67, 0.06), 0 18px 42px rgba(92, 77, 67, 0.12);
  opacity: 0;
  transform: translateY(6px) scale(0.97);
  transition: opacity 120ms ease-out, transform 120ms ease-out;
  pointer-events: none;
  display: none;
  z-index: 10502;
}

.chat-lang-picker.open {
  display: block;
  opacity: 1;
  transform: translateY(0) scale(1);
  pointer-events: auto;
}

.chat-lang-picker-title {
  padding: 6px 12px 4px;
  color: #8A7E72;
  font-family: 'Inter', sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.chat-lang-list {
  display: grid;
  gap: 2px;
}

.chat-lang-option {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 9px 12px;
  border: 0;
  border-radius: 9px;
  background: transparent;
  color: #5C4D43;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  text-align: left;
  cursor: pointer;
}

.chat-lang-option:hover,
.chat-lang-option:focus-visible {
  background: rgba(244, 232, 226, 0.7);
  outline: none;
}

.chat-lang-option.active {
  font-weight: 600;
}

.chat-lang-option .toggle-check {
  width: 16px;
  height: 16px;
  margin-left: auto;
  color: #9B6050;
  opacity: 0;
  transition: opacity 120ms ease-out;
}

.chat-lang-option.active .toggle-check {
  opacity: 1;
}

[data-theme="dark"] .bb-profile-dropdown.s-dropdown {
  border-color: transparent;
  background:
    linear-gradient(180deg, rgba(44,40,35,0.80) 0%, rgba(34,30,26,0.70) 100%) padding-box,
    linear-gradient(158deg, rgba(255,255,255,0.20) 0%, rgba(255,255,255,0.05) 40%, rgba(150,178,168,0.12) 82%, rgba(255,255,255,0.10) 100%) border-box;
  backdrop-filter: blur(26px) saturate(1.8);
  -webkit-backdrop-filter: blur(26px) saturate(1.8);
  box-shadow:
    0 30px 70px rgba(0,0,0,0.5),
    0 8px 22px rgba(0,0,0,0.3),
    inset 0 1px 1px rgba(255,255,255,0.12);
}

[data-theme="dark"] .bb-profile-dropdown .s-dropdown-email {
  color: #B3AEA5;
}

[data-theme="dark"] .bb-profile-dropdown .s-dropdown-plan {
  border-color: rgba(168, 158, 146, 0.24) !important;
  background: rgba(255, 255, 255, 0.05) !important;
  color: #A89E92 !important;
}

[data-theme="dark"] .bb-profile-dropdown .s-dropdown-plan[data-plan="pro"] {
  border-color: rgba(124, 184, 164, 0.32) !important;
  background: rgba(124, 184, 164, 0.12) !important;
  color: #7CB8A4 !important;
}

[data-theme="dark"] .bb-profile-dropdown .s-dropdown-plan[data-plan="free"]:hover,
[data-theme="dark"] .bb-profile-dropdown .s-dropdown-plan[data-plan="free"]:focus-visible {
  border-color: rgba(212, 168, 154, 0.35) !important;
  background: rgba(212, 168, 154, 0.10) !important;
  color: #C4917E !important;
}

[data-theme="dark"] .bb-profile-dropdown .s-dropdown-plan[data-plan="pro"]:hover,
[data-theme="dark"] .bb-profile-dropdown .s-dropdown-plan[data-plan="pro"]:focus-visible {
  border-color: rgba(124, 184, 164, 0.48) !important;
  background: rgba(124, 184, 164, 0.18) !important;
  outline: none !important;
}

[data-theme="dark"] .bb-profile-dropdown .s-dropdown-item,
[data-theme="dark"] .bb-profile-dropdown .s-lang-option {
  color: rgba(255, 255, 255, 0.85);
}

[data-theme="dark"] .bb-profile-dropdown .s-dropdown-item svg {
  color: rgba(255, 255, 255, 0.45);
}

[data-theme="dark"] .bb-profile-dropdown .s-dropdown-item:hover,
[data-theme="dark"] .bb-profile-dropdown .s-dropdown-item:focus-visible,
[data-theme="dark"] .bb-profile-dropdown .s-lang-option:hover,
[data-theme="dark"] .bb-profile-dropdown .s-lang-option:focus-visible {
  background: rgba(120, 150, 138, 0.18);
}

[data-theme="dark"] .bb-profile-dropdown .s-dropdown-item:hover svg {
  color: rgba(255, 255, 255, 0.7);
}

[data-theme="dark"] .bb-profile-dropdown .s-dropdown-sep {
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.08), transparent);
}

[data-theme="dark"] .bb-profile-dropdown .s-lang-list {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.06);
}

[data-theme="dark"] .bb-lang-flyout.s-lang-list {
  background: rgba(42, 38, 34, 0.96);
  color: #E8DDD4;
  border-color: rgba(200, 190, 178, 0.15);
  box-shadow: 0 8px 24px rgba(23, 21, 18, 0.34);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

[data-theme="dark"] .bb-profile-dropdown .s-lang-option[aria-checked="true"],
[data-theme="dark"] .bb-profile-dropdown .s-lang-option.active {
  color: #A6CBBB;
}

[data-theme="dark"] .bb-lang-flyout.s-lang-list .s-lang-option {
  color: #E8DDD4;
}

[data-theme="dark"] .bb-lang-flyout.s-lang-list .s-lang-option:hover,
[data-theme="dark"] .bb-lang-flyout.s-lang-list .s-lang-option:focus-visible {
  background: rgba(212, 168, 154, 0.10);
}

[data-theme="dark"] .bb-lang-flyout.s-lang-list .s-lang-option[aria-checked="true"],
[data-theme="dark"] .bb-lang-flyout.s-lang-list .s-lang-option.active {
  color: #A6CBBB;
  background: rgba(120, 150, 138, 0.16);
}

[data-theme="dark"] .bb-lang-flyout.s-lang-list .s-lang-option[aria-checked="true"]::after,
[data-theme="dark"] .bb-profile-dropdown .s-lang-option[aria-checked="true"]::after {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23A6CBBB' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
}

[data-theme="dark"] .bb-profile-dropdown .sk-ext-promo {
  background: #3A2F26;
  border-color: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .bb-profile-dropdown .sk-ext-promo-landmark {
  color: #B8AC9F;
}

[data-theme="dark"] .bb-profile-dropdown .sk-ext-promo-dismiss {
  color: #B8AC9F;
}

[data-theme="dark"] .bb-profile-dropdown .sk-ext-promo-dismiss:hover {
  background: rgba(255, 255, 255, 0.08);
  color: #FFFEFB;
}

[data-theme="dark"] .bb-profile-dropdown .sk-ext-promo-cta {
  background: #4A3F36;
  color: #FFFEFB;
  border-color: rgba(255, 255, 255, 0.12);
}

[data-theme="dark"] .bb-profile-dropdown .sk-ext-promo-cta:hover {
  background: #554940;
  border-color: rgba(255, 255, 255, 0.18);
}

[data-theme="dark"] .bb-profile-dropdown .s-dropdown-logout {
  color: rgba(255, 255, 255, 0.85);
}

[data-theme="dark"] .bb-profile-dropdown .s-dropdown-logout svg {
  color: rgba(255, 255, 255, 0.45);
}

[data-theme="dark"] .bb-profile-dropdown .s-dropdown-logout:hover {
  background: rgba(166, 89, 75, 0.18);
}

[data-theme="dark"] .bb-profile-dropdown {
  scrollbar-color: rgba(168, 152, 136, 0.35) transparent;
}

@media (prefers-reduced-motion: reduce) {
  .bb-profile-dropdown.s-dropdown {
    transition: none;
  }

  .bb-profile-dropdown .s-dropdown-item:hover,
  .bb-profile-dropdown .s-dropdown-item:active {
    transform: none;
  }

  .bb-profile-dropdown .sk-ext-promo-cta {
    transition: none;
  }

  .bb-profile-dropdown .sk-ext-promo-cta:hover {
    transform: none;
  }
}

[data-theme="dark"] .chat-lang-picker {
  border-color: rgba(232, 230, 225, 0.12);
  background: #1f1e1b;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.42);
}

[data-theme="dark"] .chat-lang-picker-title {
  color: var(--text-muted, #b8b2a8);
}

[data-theme="dark"] .chat-lang-option {
  color: var(--text-primary, #f4f1eb);
}

[data-theme="dark"] .chat-lang-option:hover,
[data-theme="dark"] .chat-lang-option:focus-visible {
  background: rgba(232, 230, 225, 0.08);
}

[data-theme="dark"] .chat-lang-option .toggle-check {
  color: var(--text-primary, #f4f1eb);
}

/* ── Main area ── */
.main {
  flex: 1;
  height: 100vh;
  overflow-y: auto;
  overflow-x: hidden;
  background: transparent;
  position: relative;
  z-index: 1;
}

/* Dekorative buer — øverste højre */
.main::before {
  content: '';
  position: absolute;
  top: -120px;
  right: -80px;
  width: 500px;
  height: 500px;
  border-radius: 50%;
  border: 1px solid rgba(212, 168, 154, 0.16);
  pointer-events: none;
}

.main::after {
  content: '';
  position: absolute;
  top: -160px;
  right: -120px;
  width: 580px;
  height: 580px;
  border-radius: 50%;
  border: 1px solid rgba(212, 168, 154, 0.10);
  pointer-events: none;
}

.decorative-arcs {
  display: none !important;
  position: absolute;
  top: -200px;
  right: -160px;
  width: 660px;
  height: 660px;
  border-radius: 50%;
  border: 1px solid rgba(212, 168, 154, 0.12);
  pointer-events: none;
  opacity: 0.6;
}

.decorative-arcs-2 {
  display: none !important;
  position: absolute;
  top: -80px;
  right: -40px;
  width: 420px;
  height: 420px;
  border-radius: 50%;
  border: 1px solid rgba(212, 168, 154, 0.26);
  pointer-events: none;
  opacity: 0.5;
}

.decorative-arcs-bl {
  position: absolute;
  bottom: -190px;
  left: 38px;
  width: 520px;
  height: 520px;
  border-radius: 50%;
  border: 1px solid rgba(168, 197, 184, 0.09);
  pointer-events: none;
  opacity: 0.45;
}

.bottom-wave {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 24px;
  pointer-events: none;
  z-index: 2;
}

.bottom-wave svg {
  width: 100%;
  height: 100%;
}

/* ── Content container ── */
.content {
  position: relative;
  z-index: 1;
  max-width: 1100px;
  margin: 0 auto;
  padding: 24px 40px 100px;
}

/* ── Greeting ── */
.greeting {
  text-align: center;
  margin-bottom: 32px;
}

.greeting h1 {
  font-family: Inter, system-ui, sans-serif;
  font-weight: 400;
  font-size: 22px;
  color: var(--warm-text);
  margin-bottom: 10px;
}

.greeting p {
  font-family: var(--font-body);
  font-size: 15px;
  color: var(--muted);
  line-height: 1.6;
}

/* ── Input area ── */
.input-wrapper {
  position: relative;
  margin: 0 auto 24px;
  max-width: 720px;
}

.input-glow {
  position: absolute;
  inset: -12px;
  border-radius: 34px;
  background: radial-gradient(ellipse at center, rgba(212, 168, 154, 0.15) 0%, transparent 70%);
  pointer-events: none;
}

.input-card {
  position: relative;
  background: var(--white);
  border-radius: var(--radius-card);
  padding: 24px 28px;
  box-shadow: var(--shadow-input);
  transition: box-shadow 0.2s ease;
}

.input-card:focus-within {
  box-shadow: none;
}

.input-field {
  width: 100%;
  border: none;
  outline: none;
  font-family: var(--font-body);
  font-size: 17px;
  color: var(--warm-text);
  background: transparent;
  margin-bottom: 12px;
}

.input-field::placeholder {
  color: var(--muted);
  opacity: 1;
  font-family: var(--font-body);
}

.input-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.input-hint {
  font-size: 12px;
  color: var(--warm-text-light);
  line-height: 1.5;
  letter-spacing: 0.01em;
}

.input-send {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--rose);
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.input-send:hover {
  transform: scale(1.08);
  box-shadow: var(--shadow-send-hover);
}

.input-send:focus-visible {
  outline: none;
}

.input-send svg {
  width: 18px;
  height: 18px;
  color: var(--white);
  margin-left: 2px;
}

/* ── Quick actions ── */
.quick-actions {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-bottom: 36px;
  flex-wrap: wrap;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}

.quick-action {
  padding: 8px 18px;
  border-radius: var(--radius-pill);
  font-size: 13px;
  color: #6A5C52;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s ease;
  background: transparent;
  font-family: 'Inter', sans-serif;
}

.quick-action:hover {
  transform: translateY(-1px);
  box-shadow: var(--shadow-quick-hover);
}

.quick-action--rose { background: var(--rose-bg); border-color: #E8D4CE; }
.quick-action--sage { background: var(--sage-bg); border-color: #C8DDD2; }
.quick-action--slate { background: var(--slate-bg); border-color: #CCD2DC; }

/* ── Section divider ── */
.section-divider {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 28px;
  padding: 0 20px;
}

.section-divider::before,
.section-divider::after {
  content: '';
  flex: 1;
  height: 1px;
  background: var(--divider);
}

.section-divider span {
  font-family: var(--font-body);
  font-size: 12px;
  color: var(--warm-text-light);
  white-space: nowrap;
}

/* ── Cards grid ── */
.cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

@media (max-width: 1100px) {
  .cards { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 640px) {
  .cards { grid-template-columns: 1fr; gap: 16px; }
}

/* ── Card ── */
.card {
  border-radius: var(--radius-card);
  padding: 26px;
  position: relative;
  border: 1px solid transparent;
  box-shadow: var(--shadow-card);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.card:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-card-hover);
}

@media (prefers-reduced-motion: reduce) {
  .card:hover,
  .quick-action:hover,
  .input-send:hover {
    transform: none;
  }
}

.card--todo { background: var(--card-todo-bg); border-color: var(--rose-light); }
.card--email { background: var(--card-email-bg); border-color: var(--sage-light); }
.card--calendar { background: var(--card-calendar-bg); border-color: var(--slate-light); }

.card-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}

.card-dot {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  flex-shrink: 0;
}

.card-dot--rose { background: var(--rose); }
.card-dot--sage { background: var(--sage); }
.card-dot--slate { background: var(--slate); }

.card-title {
  font-family: Inter, system-ui, sans-serif;
  font-weight: 500;
  font-size: 20px;
  color: var(--warm-text);
  flex: 1;
}

.card-count {
  font-size: 12px;
  color: var(--warm-text-light);
}

.card-divider {
  height: 1px;
  margin: 14px 0;
}

.card--todo .card-divider { background: var(--rose-light); }
.card--email .card-divider { background: var(--sage-light); }
.card--calendar .card-divider { background: var(--slate-light); }

/* ── Card items ── */
.card-items {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.card-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-size: 14px;
  color: var(--warm-text);
  line-height: 1.5;
}

.card-item-checkbox {
  width: 16px;
  height: 16px;
  min-width: 16px;
  border-radius: var(--radius-checkbox);
  border: 1.5px solid var(--rose);
  margin-top: 1px;
  cursor: pointer;
  transition: background 0.15s ease;
}

.card-item-checkbox:hover {
  background: var(--rose-light);
}

.card-item-checkbox:focus-visible {
  outline: none;
}

.card-item-dot {
  width: 10px;
  height: 10px;
  min-width: 10px;
  border-radius: 50%;
  margin-top: 4px;
}

.card-item-dot--sage { background: var(--sage); }
.card-item-dot--slate { background: var(--slate); }

/* ── Sofia insight ── */
.sofia-insight {
  margin-top: 18px;
  padding: 8px 14px;
  border-radius: var(--radius-pill);
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-body);
  font-size: 12px;
  color: var(--warm-text-light);
}

.card--todo .sofia-insight { background: var(--rose-light); }
.card--email .sofia-insight { background: var(--sage-light); }
.card--calendar .sofia-insight { background: var(--slate-light); }

.sofia-badge {
  width: 16px;
  height: 16px;
  min-width: 16px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Inter, system-ui, sans-serif;
  font-weight: 600;
  font-size: 11px;
  color: white;
  font-style: normal;
}

.sofia-badge::before { content: "S"; }
.sofia-insight-text { min-width: 0; overflow-wrap: anywhere; }

.sofia-badge--rose { background: var(--rose); }
.sofia-badge--sage { background: var(--sage); }
.sofia-badge--slate { background: var(--slate); }


/* Source: /my-prompts/assets/native/document-shell.css */
:root{--ss-nav-active:#dbe5d3;--ss-on-nav-active:#34513c;--ss-nav-active-shadow:inset 0 0 0 1px #cfdcc5}
html[data-theme=dark]{--ss-nav-active:#344d40;--ss-on-nav-active:var(--ss-muted);--ss-nav-active-shadow:none}
:root{--ss-frame-shadow:0 8px 16px #00000014,0 4px 4px #0000000f,0 0 2px #0000001a;--ss-frame-mobile-shadow:0 8px 16px #00000014,0 4px 4px #0000000f}
:root{--ss-shell:#edf1e9;--ss-canvas:#faf7f3;--ss-surface:#fffefb;--ss-surface-alt:#e9efe3;--ss-raised:#fffefb;--ss-text:#26241f;--ss-muted:#62564a;--ss-subtle:#686b61;--ss-border:#d5ddd0;--ss-control-border:#718272;--ss-accent:#3b614c;--ss-action:#506957;--ss-action-hover:#3b5546;--ss-on-action:#ffffff;--ss-selected:#e5eee9;--ss-on-selected:#376a59;--ss-hover:#e1e8dc;--ss-focus:#225a78;--ss-overlay:rgba(20,25,22,.35);--ss-shadow:0 12px 32px rgba(30,43,33,.16);--ss-selected-strong:#5f7263;--ss-on-selected-strong:#ffffff;}
html[data-theme=dark]{--ss-shell:#171c19;--ss-canvas:#1d231f;--ss-surface:#252d28;--ss-surface-alt:#26332b;--ss-raised:#2d3730;--ss-text:#f0f3ed;--ss-muted:#bdc8bd;--ss-subtle:#a6b3a7;--ss-border:#46564a;--ss-control-border:#81978a;--ss-accent:#abd3b7;--ss-action:#506957;--ss-action-hover:#3b5546;--ss-on-action:#ffffff;--ss-selected:#344d40;--ss-on-selected:#dbf0e0;--ss-hover:#354238;--ss-focus:#9bd5ef;--ss-overlay:rgba(0,0,0,.58);--ss-shadow:0 12px 32px rgba(0,0,0,.34);--ss-selected-strong:#5f7263;--ss-on-selected-strong:#ffffff;}
:root{--ss-scroll-thumb:rgba(23,43,77,.16);--ss-scroll-thumb-hover:rgba(23,43,77,.28)}
html[data-theme=dark]{--ss-scroll-thumb:#81978a;--ss-scroll-thumb-hover:#a6b3a7}
body#prompts-app#prompts-app[data-writing-design="app"] .ss-chat-nav-group{margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
body#prompts-app#prompts-app[data-writing-design="app"] .ss-chat-nav-summary{display:flex!important;align-items:center;gap:12px;min-height:44px!important;padding:10px 12px!important;margin:0!important;list-style:none;cursor:pointer;border:0;border-radius:10px;background:transparent;color:var(--ss-muted)!important;font:500 14px/1.45 Inter,Arial,sans-serif!important}
body#prompts-app#prompts-app[data-writing-design="app"] .ss-chat-nav-summary::-webkit-details-marker{display:none}
body#prompts-app#prompts-app[data-writing-design="app"] .ss-chat-nav-summary::after{display:none!important}
body#prompts-app#prompts-app[data-writing-design="app"] .ss-chat-nav-chevron{width:12px!important;height:12px!important;margin-inline-start:auto;fill:none;stroke:currentColor;stroke-width:1.6;flex:none}
body#prompts-app#prompts-app[data-writing-design="app"] .ss-chat-nav-group[open]>.ss-chat-nav-summary{color:var(--ss-accent)!important}
body#prompts-app#prompts-app[data-writing-design="app"] .ss-chat-nav-group[open]>.ss-chat-nav-summary .ss-chat-nav-chevron{transform:rotate(180deg)}
body#prompts-app#prompts-app[data-writing-design="app"] .ss-chat-nav-links{padding:4px 0 8px}
body#prompts-app#prompts-app[data-writing-design="app"] .ss-chat-nav-link{display:flex;align-items:center;gap:10px;min-height:44px;box-sizing:border-box;padding:10px 12px!important;margin:0!important;border:0!important;border-radius:8px;background:transparent;color:var(--ss-text)!important;text-decoration:none!important;font:500 14px/20px Inter,Arial,sans-serif!important}
body#prompts-app#prompts-app[data-writing-design="app"] .ss-chat-nav-link+.ss-chat-nav-link{margin-top:2px!important}
body#prompts-app#prompts-app[data-writing-design="app"] .ss-chat-nav-link .ss-nav-icon{width:18px!important;height:18px!important;flex:0 0 18px;color:var(--ss-muted);stroke-width:1.8}
body#prompts-app#prompts-app[data-writing-design="app"] :is(.ss-chat-nav-summary,.ss-chat-nav-link):hover{background:var(--ss-hover)!important;color:var(--ss-text)!important}
/* Same row treatment as the live header dropdown, including inherited settings rows. */
body#prompts-app#prompts-app[data-writing-design="app"] :is(#settingsDropdown .s-dropdown-item,#bb-mobile-more-sheet .mns-row){border-radius:8px!important;padding:10px 12px!important;gap:10px!important;font:500 14px/20px Inter,Arial,sans-serif!important}
body#prompts-app#prompts-app[data-writing-design="app"] :is(#settingsDropdown .s-dropdown-item,#bb-mobile-more-sheet .mns-row):hover{background:var(--ss-hover)!important;color:var(--ss-text)!important;box-shadow:none!important}
body#prompts-app#prompts-app[data-writing-design="app"] :is(#settingsDropdown .s-dropdown-item,#bb-mobile-more-sheet .mns-row)>svg:not(.ss-chat-nav-chevron){width:18px!important;height:18px!important;color:var(--ss-muted)!important;flex:0 0 18px}
/* Keep the existing text and accessible names; replace only their visual presentation. */
body#prompts-app#prompts-app[data-writing-design="app"]{--ss-chat-language-flag:url('/assets/img/flags/da.svg')}
html[lang^="en"] body#prompts-app#prompts-app[data-writing-design="app"]{--ss-chat-language-flag:url('/assets/img/flags/en-US.svg')}
html[lang^="de"] body#prompts-app#prompts-app[data-writing-design="app"]{--ss-chat-language-flag:url('/assets/img/flags/de.svg')}
html[lang^="fr"] body#prompts-app#prompts-app[data-writing-design="app"]{--ss-chat-language-flag:url('/assets/img/flags/fr.svg')}
html[lang^="es"] body#prompts-app#prompts-app[data-writing-design="app"]{--ss-chat-language-flag:url('/assets/img/flags/es.svg')}
html[lang^="sv"] body#prompts-app#prompts-app[data-writing-design="app"]{--ss-chat-language-flag:url('/assets/img/flags/sv.svg')}
html[lang^="uk"] body#prompts-app#prompts-app[data-writing-design="app"]{--ss-chat-language-flag:url('/assets/img/flags/uk.svg')}
html[lang^="ar"] body#prompts-app#prompts-app[data-writing-design="app"]{--ss-chat-language-flag:url('/assets/img/flags/ar.svg')}
body#prompts-app#prompts-app[data-writing-design="app"] :is(#langSelectorLabel,[data-pubnav-lang-open] [data-lang-selector-label]){display:flex!important;align-items:center;gap:8px;font-size:0!important;line-height:0!important;flex:0 0 auto!important;margin-inline-start:auto!important;background:none!important;border:0!important}
body#prompts-app#prompts-app[data-writing-design="app"] :is(#langSelectorLabel,[data-pubnav-lang-open] [data-lang-selector-label])::before{content:"";display:block;width:21px;height:15px;border-radius:2px;background:var(--ss-chat-language-flag) center/cover no-repeat}
body#prompts-app#prompts-app[data-writing-design="app"] [data-pubnav-lang-open] [data-lang-selector-title]{display:inline!important}
body#prompts-app#prompts-app[data-writing-design="app"] [data-pubnav-lang-open] .mns-meta{margin-inline-start:0!important}
body#prompts-app#prompts-app[data-writing-design="app"] :is(#langSelectorList .s-lang-option,.pubnav-lang-opt){min-height:44px!important;padding:10px 12px!important;gap:10px!important;border-radius:8px!important;font:500 14px/20px Inter,Arial,sans-serif!important;color:var(--ss-text)!important}
body#prompts-app#prompts-app[data-writing-design="app"] :is(#langSelectorList .s-lang-option,.pubnav-lang-opt):hover{background:var(--ss-hover)!important;color:var(--ss-text)!important}
body#prompts-app#prompts-app[data-writing-design="app"] :is(#langSelectorList .s-lang-option,.pubnav-lang-opt)[aria-selected=true]{background:var(--ss-selected)!important;color:var(--ss-on-selected)!important}
body#prompts-app#prompts-app[data-writing-design="app"] .ss-chat-nav-link[aria-current=page]{background:var(--ss-selected)!important;color:var(--ss-on-selected)!important}
body#prompts-app#prompts-app[data-writing-design="app"] :is(.ss-chat-nav-summary,.ss-chat-nav-link):focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--ss-accent)!important}
@media(min-width:768px){
 body#prompts-app#prompts-app[data-writing-design="app"] .sidebar-home-logo{left:16px!important;top:16px!important;width:56px!important;height:56px!important}
 body#prompts-app#prompts-app[data-writing-design="app"] .sidebar-home-logo .ss-robot-logo{width:56px!important;height:43.08px!important;display:block;flex:none;max-width:none;max-height:none}
 body#prompts-app#prompts-app[data-writing-design="app"] #bb-sidebar.sidebar{position:fixed!important;inset:76px auto 0 0!important;width:88px!important;min-width:88px!important;height:auto!important;padding:9px 10px 19px!important;box-sizing:border-box;justify-content:flex-start!important;align-items:center!important;background:transparent!important;--bb-dock-text:var(--ss-muted);--bb-dock-line:var(--ss-border);--bb-dock-sage:var(--ss-on-nav-active);--bb-dock-well:var(--ss-nav-active);--bb-dock-hover:var(--ss-hover)}
 body#prompts-app#prompts-app[data-writing-design="app"] #bb-sidebar .ss-robot-home-divider{display:block!important;flex:none;width:25px;height:1px;margin:13px 21.5px!important;background:var(--ss-border)}
 body#prompts-app#prompts-app[data-writing-design="app"] #bb-sidebar :is(.sidebar-ai,.sidebar-icon,.sidebar-avatar){width:68px!important;height:72px!important;min-height:72px!important;margin:0!important;color:var(--ss-muted)!important}
 body#prompts-app#prompts-app[data-writing-design="app"] #bb-sidebar .sidebar-nav{width:68px!important;margin:0!important;gap:0}
 body#prompts-app#prompts-app[data-writing-design="app"] #bb-sidebar .sidebar-ai::after{height:32px!important;top:10px!important;left:12px!important;border-radius:11px!important;background:var(--ss-nav-active)!important;box-shadow:var(--ss-nav-active-shadow)!important}
 body#prompts-app#prompts-app[data-writing-design="app"] #bb-sidebar .sidebar-ai-mark{top:15.5px!important;left:23.5px!important;width:21px!important;height:21px!important;color:var(--ss-on-nav-active)!important}
 body#prompts-app#prompts-app[data-writing-design="app"] #bb-sidebar :is(.sidebar-icon,.sidebar-avatar)>svg{width:21px!important;height:21px!important;left:23.5px!important;top:15px!important;stroke-width:1.65}
 body#prompts-app#prompts-app[data-writing-design="app"] #bb-sidebar .bb-sidebar-tooltip-target{inset:0!important}
 body#prompts-app#prompts-app[data-writing-design="app"] #bb-sidebar .bb-sidebar-tooltip-target::after{font:500 12px/1.2 Inter,Arial,sans-serif!important;inset:48.8px auto auto 0!important;width:68px!important;color:inherit!important}
 body#prompts-app#prompts-app[data-writing-design="app"] #bb-sidebar .sidebar-ai{color:var(--ss-on-nav-active)!important}
 body#prompts-app#prompts-app[data-writing-design="app"] #bb-sidebar .sidebar-ai .bb-sidebar-tooltip-target::after{font-weight:500!important;color:var(--ss-on-nav-active)!important}
 body#prompts-app#prompts-app[data-writing-design="app"] #bb-sidebar .sidebar-nav a:last-child{margin-top:26px!important}
 body#prompts-app#prompts-app[data-writing-design="app"] #bb-sidebar .sidebar-nav a:last-child::before{content:""!important;display:block!important;position:absolute;top:-13px;left:21.5px;width:25px;height:1px;background:var(--ss-border)}
 body#prompts-app#prompts-app[data-writing-design="app"] #bb-sidebar .sidebar-avatar{height:61px!important;min-height:61px!important}
 body#prompts-app#prompts-app[data-writing-design="app"] #bb-sidebar .sidebar-avatar>svg{top:9px!important}
 body#prompts-app#prompts-app[data-writing-design="app"] #bb-sidebar .sidebar-avatar .bb-sidebar-tooltip-target::after{top:37px!important}
 body#prompts-app#prompts-app[data-writing-design="app"] #bb-sidebar .sidebar-spacer{height:0!important;width:0!important;margin:0!important;flex:1!important}
 body#prompts-app#prompts-app[data-writing-design="app"] #bb-sidebar .sidebar-avatar::before{background:transparent!important}
 /* Match the live landing rail: a 12px rounded row, never the legacy gray icon circle. */
 body#prompts-app#prompts-app[data-writing-design="app"] #bb-sidebar :is(.sidebar-ai,.sidebar-icon,.sidebar-avatar){border-radius:12px!important;background:transparent!important}
 body#prompts-app#prompts-app[data-writing-design="app"] #bb-sidebar :is(.sidebar-ai,.sidebar-icon):hover{background:var(--ss-hover)!important;color:var(--ss-on-nav-active)!important}
 body#prompts-app#prompts-app[data-writing-design="app"] #bb-sidebar .sidebar-icon::after{background:transparent!important;box-shadow:none!important}
 body#prompts-app#prompts-app[data-writing-design="app"] #bb-sidebar .sidebar-ai[aria-current=page]:hover{background:transparent!important}
 body#prompts-app#prompts-app[data-writing-design="app"] #bb-sidebar :is(.sidebar-icon,.sidebar-avatar)>svg{color:var(--ss-muted)!important}
 body#prompts-app#prompts-app[data-writing-design="app"] #bb-sidebar .sidebar-avatar:is(:hover,[aria-expanded=true]){background:#dfe8d8!important}
 html[data-theme=dark] body#prompts-app#prompts-app[data-writing-design="app"] #bb-sidebar .sidebar-avatar:is(:hover,[aria-expanded=true]){background:var(--ss-hover)!important}
 body#prompts-app#prompts-app[data-writing-design="app"] #settingsDropdown{top:auto!important;bottom:19px!important;max-height:calc(100dvh - 35px);overflow-y:auto}
}
@media(max-width:767px){

 body#prompts-app#prompts-app[data-writing-design="app"] #bb-mobile-nav{background:#fffefb!important;border-color:#e4dcd4!important}
 body#prompts-app#prompts-app[data-writing-design="app"] #bb-mobile-more-sheet{background:var(--ss-surface)!important;color:var(--ss-text)!important;border-color:var(--ss-border)!important;font:400 15px/22px 'BB Sidebar Inter',Inter,system-ui,-apple-system,'Segoe UI',sans-serif!important}
 body#prompts-app#prompts-app[data-writing-design="app"] #bb-mobile-more-sheet :is(.mns-row,.ss-chat-nav-summary,.pubnav-lang-opt){color:var(--mns-ink)!important;font:400 15px/22px 'BB Sidebar Inter',Inter,system-ui,sans-serif!important;padding:12px 10px!important;gap:12px!important;border-radius:10px!important;min-height:48px!important}
 body#prompts-app#prompts-app[data-writing-design="app"] #bb-mobile-more-sheet .mns-row>svg:not(.ss-chat-nav-chevron){width:16px!important;height:16px!important;flex-basis:16px!important;color:var(--mns-soft)!important}
 body#prompts-app#prompts-app[data-writing-design="app"] #bb-mobile-more-sheet :is(.mns-row,.ss-chat-nav-summary):hover{background:var(--mns-card)!important;color:var(--mns-ink)!important}
 body#prompts-app#prompts-app[data-writing-design="app"] #bb-mobile-more-sheet .pubnav-lang-opt[aria-selected=true]{background:var(--mns-accent-bg)!important;color:var(--mns-accent)!important}
 body#prompts-app#prompts-app[data-writing-design="app"] .pubnav-body{padding-right:8px!important;scrollbar-width:thin;scrollbar-color:var(--ss-scroll-thumb) transparent}
 html[data-theme=dark] body#prompts-app#prompts-app[data-writing-design="app"] #bb-mobile-more-sheet{--mns-bg:var(--ss-raised);--mns-ink:var(--ss-text);--mns-soft:var(--ss-muted);--mns-line:var(--ss-border);--mns-card:var(--ss-hover);--mns-accent:var(--ss-on-selected);--mns-accent-bg:var(--ss-selected);--mns-btn:var(--ss-action);box-shadow:var(--ss-shadow)!important}
 html[data-theme=dark] body#prompts-app#prompts-app[data-writing-design="app"] #bb-mobile-nav{background:var(--ss-shell)!important;border-color:var(--ss-border)!important}
 html[data-theme=dark] body#prompts-app#prompts-app[data-writing-design="app"] #bb-mobile-nav :is(.mn-tab,.mn-tab-label){color:var(--ss-muted)!important}
 html[data-theme=dark] body#prompts-app#prompts-app[data-writing-design="app"] #bb-mobile-nav .is-active :is(.mn-tab-label,.mn-tab-icon){color:var(--ss-accent)!important}
 html[data-theme=dark] body#prompts-app#prompts-app[data-writing-design="app"] .mn-more-backdrop{background:var(--ss-overlay)}
 html[data-theme=dark] body#prompts-app#prompts-app[data-writing-design="app"] #bb-mobile-more-sheet .mns-knob{background:var(--ss-on-action)!important}
 html[data-theme=dark] body#prompts-app#prompts-app[data-writing-design="app"] #bb-mobile-more-sheet .mns-switch{border:1px solid var(--ss-control-border)}
}

/* Writing shell only. Native editor, correction graphics, folders and handlers remain owners. */
html:has(body#prompts-app#prompts-app[data-writing-design]),body#prompts-app#prompts-app[data-writing-design],body#prompts-app#prompts-app[data-writing-design] .app.grammar-page.bb-skrivebord{background:var(--ss-shell)!important;color:var(--ss-text)!important}
body#prompts-app#prompts-app[data-writing-design]{--skv2-cream:var(--ss-canvas);--skv2-lavender:var(--ss-shell);--skv2-warm-text:var(--ss-text);--skv2-warm-light:var(--ss-muted);--skv2-divider:var(--ss-border);--skv2-card-shadow:var(--ss-frame-shadow);--skv2-card-shadow-soft:var(--ss-shadow);--text-primary:var(--ss-text);--text-secondary:var(--ss-muted);--border-color:var(--ss-border);--pill-bg:var(--ss-surface-alt)}
body#prompts-app#prompts-app[data-writing-design] .app.grammar-page.bb-skrivebord{height:100dvh!important;min-height:0!important;padding:16px 20px 16px 88px!important;box-sizing:border-box}
body#prompts-app#prompts-app[data-writing-design] #main-content{margin:0!important;padding:0!important;width:100%!important;height:100%!important;max-height:100%!important;min-height:0!important;min-width:0;background:transparent!important}
body#prompts-app#prompts-app[data-writing-design] :is(#main-content,.app)::before,body#prompts-app#prompts-app[data-writing-design] :is(#main-content,.app)::after{display:none!important}
body#prompts-app#prompts-app[data-writing-design] .bb-skrivebord :is(.robot-container,#grammar-bot-container,.new-korrektur,.ss-app-content){height:100%!important;min-height:0!important;max-height:100%!important}
body#prompts-app#prompts-app[data-writing-design] .bb-skrivebord .text-area-container{padding:0!important;gap:16px!important;height:100%!important;min-height:0!important;max-height:100%!important}
/* Only layout wrappers release the frame shadows; each panel still clips its contents. */
body#prompts-app#prompts-app[data-writing-design] :is(#main-content,.robot-container,#grammar-bot-container,.new-korrektur,.ss-app-content,.text-area-container){overflow:visible!important}
/* Keep the already-clipped legacy live announcement accessible; the native Ord control stays visible. */
body#prompts-app#prompts-app[data-writing-design] #grammar-bot-container>.sk-public-word-badge{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
body#prompts-app#prompts-app[data-writing-design] .bb-skrivebord :is(.inner-textarea-bottom,.sidebar-wrapper){background:var(--ss-canvas)!important;border:1px solid var(--ss-border)!important;border-radius:19px!important;box-shadow:var(--ss-frame-shadow)!important}
body#prompts-app#prompts-app[data-writing-design] .bb-skrivebord :is(.inner-textarea-bottom,.sidebar-wrapper)::before,body#prompts-app#prompts-app[data-writing-design] .bb-skrivebord :is(.inner-textarea-bottom,.sidebar-wrapper)::after{display:none!important}
body#prompts-app#prompts-app[data-writing-design] .bb-skrivebord :is(.ql-editor,.ai-card-messages){color:var(--ss-text)!important}
body#prompts-app#prompts-app[data-writing-design] .ai-msg--user{background:var(--ss-selected)!important;color:var(--ss-on-selected)!important;border-color:var(--ss-border)!important}
body#prompts-app#prompts-app[data-writing-design] .ai-msg--assistant{color:var(--ss-text)!important}
body#prompts-app#prompts-app[data-writing-design] .ai-msg-actions button:not(:disabled){color:var(--ss-muted)!important;opacity:1}
body#prompts-app#prompts-app[data-writing-design] .calm-corr-card{background:var(--ss-surface)!important;border-color:var(--ss-border)!important}
body#prompts-app#prompts-app[data-writing-design] .calm-corr-card--active{background:var(--ss-selected)!important}
/* Card hover is deliberately lighter than menu hover; retain the original light treatment. */

body#prompts-app#prompts-app[data-writing-design] .calm-corr-card:not(.calm-corr-card--active):is(:hover,:focus-within){background:#faf9f3!important}

html[data-theme=dark] body#prompts-app#prompts-app[data-writing-design] .calm-corr-card:not(.calm-corr-card--active):is(:hover,:focus-within){background:color-mix(in srgb,var(--ss-surface) 90%,#7fbaa8 10%)!important}
body#prompts-app#prompts-app[data-writing-design] .calm-corr-card-skip{background:transparent!important;color:var(--ss-muted)!important}
body#prompts-app#prompts-app[data-writing-design] .bb-skrivebord :is(.main-textarea-section,#inputText,.ql-editor,.correction-sidebar){background:var(--ss-canvas)!important}
body#prompts-app#prompts-app[data-writing-design] .bb-skrivebord :is(.skv2-top-controls button,.counter-nav-div,.skv2-action-controls){color:var(--ss-muted)!important;border-color:var(--ss-border)!important;background:var(--ss-surface)!important}
body#prompts-app#prompts-app[data-writing-design] .bb-skrivebord :is(.skv2-top-controls button,.format-toolbar button,.skv2-action-controls button):not(:disabled):hover{background:var(--ss-hover)!important}
body#prompts-app#prompts-app[data-writing-design]:not(.corrections-review-mode) #sidebar-dropdown-items{background:var(--ss-surface-alt)!important;border-color:var(--ss-border)!important}
body#prompts-app#prompts-app[data-writing-design] #sidebar-dropdown-items [role=tab]{color:var(--ss-muted)!important}
body#prompts-app#prompts-app[data-writing-design] #sidebar-dropdown-items [aria-selected=true]{background:var(--ss-surface)!important;color:var(--ss-accent)!important}
body#prompts-app#prompts-app[data-writing-design] .bb-skrivebord .top-controls.skv2-top-controls{background:var(--ss-canvas)!important;border-color:var(--ss-border)!important}
body#prompts-app#prompts-app[data-writing-design] .bb-skrivebord .top-controls.skv2-top-controls{border-radius:0!important}
body#prompts-app#prompts-app[data-writing-design] .bb-skrivebord :is(.skv2-action-controls,.skv2-action-controls .ctl-group){background:transparent!important}
/* Reuse the landing page's flat outlined control; the button owns its full hit area. */
body#prompts-app#prompts-app[data-writing-design] .bb-skrivebord .skv2-action-controls .ctl-group{padding:0!important;border:0!important}
body#prompts-app#prompts-app[data-writing-design] .bb-skrivebord .skv2-action-controls .ctl-group>button{flex:0 0 42px!important;width:42px!important;height:36px!important;border:1px solid var(--ss-border)!important;border-radius:10px!important}
body#prompts-app#prompts-app[data-writing-design] .bb-skrivebord .skv2-action-controls button{background:var(--ss-surface)!important;box-shadow:none!important}
body#prompts-app#prompts-app[data-writing-design] .bb-skrivebord .skv2-action-controls button:not(:disabled):hover{background:var(--ss-hover)!important}
body#prompts-app#prompts-app[data-writing-design] :is(#settingsDropdown,.s-lang-list,#ed-voice-popover,#calm-heading-popover,#downloadDropdown,#sk-prediction-settings,#sk-word-statistics){background:var(--ss-surface)!important;color:var(--ss-text)!important;border-color:var(--ss-border)!important;box-shadow:var(--ss-shadow)!important}
body#prompts-app#prompts-app[data-writing-design] :is(#settingsDropdown,.s-lang-list){border-radius:16px!important;font:14px/1.45 Inter,Arial,sans-serif}
body#prompts-app#prompts-app[data-writing-design] :is(#ed-voice-popover,#sk-prediction-settings){--reader-bg:var(--ss-surface);--reader-ink:var(--ss-text);--reader-muted:var(--ss-muted);--reader-line:var(--ss-border);--reader-hover:var(--ss-hover);--reader-selected:var(--ss-selected)}
body#prompts-app#prompts-app[data-writing-design] :is(.ai-card-input-wrap,.skv2-action-controls,.skv2-action-controls .ctl-group,.sk-edit-toolbar){background:var(--ss-surface)!important;border-color:var(--ss-border)!important;color:var(--ss-muted)!important}
body#prompts-app#prompts-app[data-writing-design] .bb-skrivebord .sidebar-wrapper{overflow:hidden!important}
body#prompts-app#prompts-app[data-writing-design] #sk-doc-browser{background:var(--ss-canvas)!important;color:var(--ss-text)!important;border:1px solid var(--ss-border);border-radius:19px;box-shadow:var(--ss-frame-shadow);height:100%;box-sizing:border-box;overflow:auto}
body#prompts-app#prompts-app[data-writing-design] #wm-form{--rf-bg:var(--ss-canvas);--rf-card:var(--ss-surface);--rf-ink:var(--ss-text);--rf-muted:var(--ss-muted);--rf-line:var(--ss-border);--rf-soft:var(--ss-hover);--rf-selected:var(--ss-selected);--rf-selected-ink:var(--ss-on-selected)}
body#prompts-app#prompts-app[data-writing-design] .ss-ghost-preview{--ss-ghost-bg:var(--ss-canvas);--ss-ghost-ink:var(--ss-text);--ss-ghost-muted:var(--ss-muted);--ss-ghost-bar-bg:var(--ss-surface);--ss-ghost-bar-border:var(--ss-border);--ss-ghost-accent:var(--ss-action);--ss-ghost-accent-ink:var(--ss-on-action)}
body#prompts-app#prompts-app[data-writing-design] #bb-sidebar .sidebar-ai:not([aria-current=page]){color:var(--ss-muted)!important}
body#prompts-app#prompts-app[data-writing-design] #bb-sidebar .sidebar-ai:not([aria-current=page])::after{background:transparent!important;box-shadow:none!important}
body#prompts-app#prompts-app[data-writing-design] #bb-sidebar .sidebar-ai:not([aria-current=page]) .sidebar-ai-mark{color:var(--ss-muted)!important}
body#prompts-app#prompts-app[data-writing-design] #bb-sidebar .sidebar-ai:not([aria-current=page]) .bb-sidebar-tooltip-target::after{color:var(--ss-muted)!important}
body#prompts-app#prompts-app[data-writing-design] #bb-sidebar .sidebar-icon[aria-current=page]{color:var(--ss-on-nav-active)!important}
body#prompts-app#prompts-app[data-writing-design] #bb-sidebar .sidebar-icon[aria-current=page]::after{display:block!important;content:"";position:absolute;inset:10px 12px auto!important;width:44px!important;height:32px!important;border-radius:11px!important;background:var(--ss-nav-active)!important;box-shadow:var(--ss-nav-active-shadow)!important}
body#prompts-app#prompts-app[data-writing-design] #bb-sidebar .sidebar-icon[aria-current=page]>svg{color:var(--ss-on-nav-active)!important;z-index:1}
body#prompts-app#prompts-app[data-writing-design] :is(.ql-editor,.ai-card-messages){scrollbar-width:thin;scrollbar-color:rgba(92,77,67,.18) transparent}
html[data-theme=dark] body#prompts-app#prompts-app[data-writing-design] :is(.ql-editor,.ai-card-messages){scrollbar-color:rgba(232,224,216,.22) transparent}
@media(min-width:768px){
 body#prompts-app#prompts-app[data-writing-design] #bb-sidebar{flex:none!important;overflow-y:auto!important;scrollbar-width:none}
 body#prompts-app#prompts-app[data-writing-design] #settingsDropdown{left:100px!important}
}
@media(max-width:767px){
 body#prompts-app#prompts-app[data-writing-design] .app.grammar-page.bb-skrivebord{padding:10px 10px calc(64px + env(safe-area-inset-bottom))!important}
 body#prompts-app#prompts-app[data-writing-design].skrivebord-editing .app.grammar-page.bb-skrivebord{padding-top:calc(10px + env(safe-area-inset-top))!important;padding-bottom:calc(82px + env(safe-area-inset-bottom))!important}
 body#prompts-app#prompts-app[data-writing-design] .sidebar-home-logo{display:none!important}
 body#prompts-app#prompts-app[data-writing-design] .bb-skrivebord .inner-textarea-bottom{border-radius:17px!important;box-shadow:var(--ss-frame-mobile-shadow)!important}
 body#prompts-app#prompts-app[data-writing-design] #sk-edit-toolbar{inset-inline:10px!important;width:auto!important;bottom:calc(8px + env(safe-area-inset-bottom))!important;border:1px solid var(--ss-border)!important;border-radius:14px!important}
 body#prompts-app#prompts-app[data-writing-design] .bb-skrivebord .text-area-container{gap:0!important}
}
@media(forced-colors:active){body#prompts-app#prompts-app[data-writing-design] :is(.ql-editor,.ai-card-messages){scrollbar-color:auto}}

/* Native menu internals share the shell palette; category/highlight graphics stay native. */
body#prompts-app#prompts-app[data-writing-design] #ed-voice-popover{--reader-paper:var(--ss-surface);--reader-ink:var(--ss-text);--reader-line:var(--ss-border);--reader-soft:var(--ss-selected);--reader-accent:var(--ss-accent)}
body#prompts-app#prompts-app[data-writing-design] #ed-voice-popover :is(.ss-reader-voice-row:hover,summary:hover){background:var(--ss-hover)!important}
body#prompts-app#prompts-app[data-writing-design] #ed-voice-popover .ss-reader-voice-row.active{background:var(--ss-selected)!important}
body#prompts-app#prompts-app[data-writing-design] #ed-voice-popover .ss-reader-voice-row.active .ss-reader-voice{color:var(--ss-on-selected)!important}
body#prompts-app#prompts-app[data-writing-design] #ed-voice-popover .ss-reader-modes{background:var(--ss-surface-alt)!important;border-color:var(--ss-border)!important}
body#prompts-app#prompts-app[data-writing-design] #ed-voice-popover .ss-reader-mode-choice span{color:var(--ss-muted)!important}
body#prompts-app#prompts-app[data-writing-design] #ed-voice-popover .ss-reader-mode-choice input:checked+span{background:var(--ss-surface)!important;color:var(--ss-accent)!important}
body#prompts-app#prompts-app[data-writing-design] #ed-voice-popover .ss-reader-preview{background:var(--ss-selected)!important;border-color:var(--ss-control-border)!important;color:var(--ss-on-selected)!important}
body#prompts-app#prompts-app[data-writing-design] #ed-voice-popover .ss-reader-preview:is(:hover,.playing){background:var(--ss-action)!important;color:var(--ss-on-action)!important}
body#prompts-app#prompts-app[data-writing-design] #ed-voice-popover :is(.ss-reader-speed-heading output,.ss-reader-speed-ends){color:var(--ss-muted)!important}
body#prompts-app#prompts-app[data-writing-design] #ss-reader-speed{--speed-accent:var(--ss-accent);--speed-track:var(--ss-border);--speed-thumb:var(--ss-surface)}
body#prompts-app#prompts-app[data-writing-design] :is(#sk-prediction-settings,.sk-word-suggestions){--sk-card:var(--ss-surface);--sk-line:var(--ss-border);--sk-ink:var(--ss-text);--sk-ink-2:var(--ss-muted);--sk-inset:var(--ss-hover);--sk-sage-soft:var(--ss-selected);--sk-sage-wash:var(--ss-hover);--sk-sage-ink:var(--ss-accent);--sk-shadow-pop:var(--ss-shadow)}
body#prompts-app#prompts-app[data-writing-design] #sk-prediction-language option::checkmark{display:none!important}
body#prompts-app#prompts-app[data-writing-design] #sk-prediction-language-tooltip{background:var(--ss-surface)!important;color:var(--ss-muted)!important;border-color:var(--ss-border)!important;box-shadow:var(--ss-shadow)!important}
body#prompts-app#prompts-app[data-writing-design] :is(#calm-heading-popover .calm-popover-btn,#downloadDropdown .ed-overflow-item){color:var(--ss-muted)!important}
body#prompts-app#prompts-app[data-writing-design] :is(#calm-heading-popover .calm-popover-btn,#downloadDropdown .ed-overflow-item):is(:hover,:focus-visible){background:var(--ss-hover)!important;color:var(--ss-text)!important}
body#prompts-app#prompts-app[data-writing-design] #calm-heading-popover .calm-popover-btn[aria-pressed=true]{background:var(--ss-selected)!important;color:var(--ss-on-selected)!important;border-color:var(--ss-border)!important}
body#prompts-app#prompts-app[data-writing-design] #calm-heading-popover .calm-popover-btn:focus-visible{box-shadow:inset 0 0 0 2px var(--ss-focus)!important}
body#prompts-app#prompts-app[data-writing-design] #downloadDropdown .ed-overflow-item{min-height:44px!important}
body#prompts-app#prompts-app[data-writing-design] #sk-word-statistics .sk-stat-option{min-height:44px;padding:8px;border-radius:8px;box-sizing:border-box}
body#prompts-app#prompts-app[data-writing-design] #sk-word-statistics .sk-stat-option:is(:hover,:focus-visible){background:var(--ss-hover)!important;color:var(--ss-text)!important}
body#prompts-app#prompts-app[data-writing-design] .correction-popup{background:var(--ss-surface)!important;color:var(--ss-text)!important;border-color:var(--ss-border)!important;box-shadow:var(--ss-shadow)!important}
body#prompts-app#prompts-app[data-writing-design] .correction-popup :is(.correction-popup-explanation,.correction-popup-explain-text,.correction-popup-tts-btn){color:var(--ss-muted)!important}
body#prompts-app#prompts-app[data-writing-design] .correction-popup-footer{background:var(--ss-canvas)!important;border-color:var(--ss-border)!important}
body#prompts-app#prompts-app[data-writing-design] .correction-popup :is(.correction-popup-btn--reject,.sk-protect-word){background:transparent!important;color:var(--ss-muted)!important}
body#prompts-app#prompts-app[data-writing-design] .correction-popup :is(.correction-popup-btn--reject,.sk-protect-word,.correction-popup-tts-btn):hover{background:var(--ss-hover)!important;color:var(--ss-text)!important}
body#prompts-app#prompts-app[data-writing-design] :is(#corr-accept,.calm-corr-card-accept){background:var(--ss-selected)!important;color:var(--ss-on-selected)!important;border-color:var(--ss-border)!important}
body#prompts-app#prompts-app[data-writing-design] :is(#corr-accept,.calm-corr-card-accept,.calm-corr-card-skip,.calm-corr-card-tts,#calm-undo):not(:disabled):is(:hover,:focus-visible){background:var(--ss-hover)!important;color:var(--ss-text)!important;border-color:var(--ss-border)!important;box-shadow:none!important}
body#prompts-app#prompts-app[data-writing-design] #ss-public-login-gate{--ss-login-gate-surface:var(--ss-surface);--ss-login-gate-text:var(--ss-text);--ss-login-gate-muted:var(--ss-muted);--ss-login-gate-icon-bg:var(--ss-selected);--ss-login-gate-icon:var(--ss-accent);--ss-login-gate-border:var(--ss-border);--ss-login-gate-focus:var(--ss-focus);--ss-login-gate-green:var(--ss-action)}
body#prompts-app#prompts-app[data-writing-design] #sk-image-crop button{min-height:44px}
body#prompts-app#prompts-app[data-writing-design] #sk-image-crop .sk-crop-btn--ghost{background:var(--ss-surface)!important;color:var(--ss-muted)!important;border:1px solid var(--ss-border)!important}
body#prompts-app#prompts-app[data-writing-design] #sk-image-crop .sk-crop-btn--ghost:is(:hover,:focus-visible){background:var(--ss-hover)!important;color:var(--ss-text)!important}
body#prompts-app#prompts-app[data-writing-design] #sk-image-crop .sk-crop-btn--primary{background:var(--ss-action)!important;color:var(--ss-on-action)!important}
body#prompts-app#prompts-app[data-writing-design] #sk-image-crop .sk-crop-btn--primary:is(:hover,:active){background:var(--ss-action-hover)!important}
body#prompts-app#prompts-app[data-writing-design] #sk-image-crop button:focus-visible{outline:2px solid var(--ss-focus)!important;outline-offset:2px!important}
body#prompts-app#prompts-app[data-writing-design] #editor-more-menu{background:var(--ss-surface)!important;border-color:var(--ss-border)!important;color:var(--ss-text)!important;box-shadow:var(--ss-shadow)!important}
body#prompts-app#prompts-app[data-writing-design] #editor-more-menu .ed-overflow-item{min-height:44px!important;color:var(--ss-muted)!important}
body#prompts-app#prompts-app[data-writing-design] #editor-more-menu .ed-overflow-item:is(:hover,:focus-visible){background:var(--ss-hover)!important;color:var(--ss-text)!important}
/* The native draft form owns this view; editor overlays must not intercept its fields. */
body#prompts-app#prompts-app[data-writing-design].wm-form-open :is(#ed-word-count,#sk-word-statistics,#sk-edit-toolbar){display:none!important}
@media(max-width:767px){
 body#prompts-app#prompts-app[data-writing-design].wm-form-open #wm-form{inset:10px 10px calc(10px + env(safe-area-inset-bottom))!important;width:auto!important;height:auto!important;max-height:none!important;border:1px solid var(--ss-border)!important;border-radius:17px!important;overflow:auto!important}
 body#prompts-app#prompts-app[data-writing-design].wm-form-open #wm-submit{position:sticky!important;inset:auto!important;bottom:0!important;width:100%!important;margin-top:16px;flex-shrink:0}
 body#prompts-app#prompts-app[data-writing-design] #wm-form :is(.wm-tone-current,.wm-tone-desc,.wm-tone-track){display:block!important}
 body#prompts-app#prompts-app[data-writing-design] #wm-form .wm-tone-endpoints{display:flex!important}
}

/* Interactive-state palette. Native category marks, folder artwork and recording states remain owners. */
body#prompts-app#prompts-app[data-writing-design],body#prompts-app#prompts-app[data-writing-design] .bb-skrivebord{
 --sk-review-paper:var(--ss-surface);--sk-review-inset:var(--ss-hover);--sk-review-line:var(--ss-border);--sk-review-ink:var(--ss-text);--sk-review-muted:var(--ss-muted);
 --color-text-primary:var(--ss-text);--color-text-secondary:var(--ss-muted);--color-card:var(--ss-surface);--color-bg:var(--ss-canvas);
}
body#prompts-app#prompts-app[data-writing-design] .bb-skrivebord :is(.skrivebord-v2,.counter-nav-div,.format-toolbar,.skv2-top-controls,#ai-panel,#sidebar-dropdown-items){
 --sk-card:var(--ss-surface);--sk-sage-ink:var(--ss-accent);--sk-sage-tint:var(--ss-selected);
 --sk-inset:var(--ss-hover);--sk-pill-on:var(--ss-hover);--sk-tab-hover:var(--ss-hover);
 --sk-ink:var(--ss-text);--sk-ink-2:var(--ss-muted);--sk-ink-3:var(--ss-subtle);--sk-line:var(--ss-border);
 --ed-hover:var(--ss-hover);--ed-ink:var(--ss-muted);--ed-line:var(--ss-border);
}
body#prompts-app#prompts-app[data-writing-design] :is(
 .control-btn,.format-btn,.ed-voice-chevron,.ed-overflow-toggle,.ed-clear-toolbar-btn,
 .wm-nudge-action,.wm-pill,.wm-pill-overflow-option,.wm-lang-compact-btn,.wm-lang-compact-option,.wm-lang-more-toggle,
 .wm-collapse-btn,.wm-kladde-btn--secondary,.wm-kladde-refine-btn,
 .ai-new-chat-btn,.ai-editor-action-btn,.ai-undo-btn,.ai-cancel-btn,.calm-ai-cancel-btn,.ai-error-retry,
 .ai-followup-chip,.example-chip,.create-instruction-btn,.instruction-send,.instruction-delete,
 .sidebar-tpl-delete,.sk-doc-sel-btn,.sk-doc-ctx-item,.sk-doc-preview-close,.sk-doc-preview-cancel,.sk-doc-preview-chat,
 .sk-doc-tag-editor-close,.sk-doc-tag-option,.sk-doc-qs-item,.scratch-restore-undo,
 .sk-word-exceptions,.hte-btn,.mobile-format-btn,#biq-run,#ed-word-count,
 .chat-prompt-item-edit,.chat-prompt-item-delete,.chat-prompt-header-action
 ):not(:disabled):is(:hover,:focus-visible){
 background:var(--ss-hover)!important;color:var(--ss-text)!important;border-color:var(--ss-border)!important;
 box-shadow:none!important;
}
body#prompts-app#prompts-app[data-writing-design] :is(.instruction-send,.instruction-delete,.sidebar-tpl-delete):is(:hover,:focus-visible) svg{color:inherit!important}
body#prompts-app#prompts-app[data-writing-design] #sidebar-dropdown-items [role=tab]:not([aria-selected=true]):hover{background:var(--ss-hover)!important;color:var(--ss-text)!important;outline:none!important}
body#prompts-app#prompts-app[data-writing-design] #sidebar-dropdown-items [role=tab] svg{color:inherit!important}
body#prompts-app#prompts-app[data-writing-design] :is(.wm-lang-compact-option.selected,.dk-hamdan-option-button.selected){background:var(--ss-selected)!important;color:var(--ss-on-selected)!important;border-color:var(--ss-border)!important}
body#prompts-app#prompts-app[data-writing-design] .dk-hamdan-option-button:not(.selected):is(:hover,:focus-visible){background:var(--ss-hover)!important;color:var(--ss-text)!important;border-color:var(--ss-border)!important}
body#prompts-app#prompts-app[data-writing-design] :is(.wm-lang-compact-menu,.wm-pill-overflow-menu){background:var(--ss-surface)!important;color:var(--ss-text)!important;border-color:var(--ss-border)!important;box-shadow:var(--ss-shadow)!important}
body#prompts-app#prompts-app[data-writing-design] :is(.wm-lang-compact-btn,.wm-lang-compact-option,.wm-lang-more-toggle){color:var(--ss-muted)!important}
body#prompts-app#prompts-app[data-writing-design] :is(.wm-lang-compact-option.selected,.wm-lang-compact-option.selected:hover){color:var(--ss-on-selected)!important}
body#prompts-app#prompts-app[data-writing-design] .wm-lang-compact-option.selected::after{display:none!important}
body#prompts-app#prompts-app[data-writing-design] :is(#biq-run,#ed-word-count,.chat-prompt-create){background:var(--ss-surface)!important;color:var(--ss-muted)!important;border-color:var(--ss-border)!important}
body#prompts-app#prompts-app[data-writing-design] :is(#biq-run,#ed-word-count,.chat-prompt-create,.chat-prompt-add):not(:disabled):is(:hover,:focus-visible){background:var(--ss-hover)!important;color:var(--ss-text)!important;border-color:var(--ss-border)!important;box-shadow:none!important}
body#prompts-app#prompts-app[data-writing-design] :is(.chat-prompt-chip,.wm-nudge-action){color:var(--ss-muted)!important;border-color:var(--ss-border)!important}
body#prompts-app#prompts-app[data-writing-design] .biq-card{background:var(--ss-surface)!important;color:var(--ss-text)!important;border-color:var(--ss-border)!important}
body#prompts-app#prompts-app[data-writing-design] .biq-card:is(.biq-card--active,.biq-card--applied){background:var(--ss-selected)!important;color:var(--ss-on-selected)!important}
/* Native improved-text cards signal hover with their border, without a filled overlay. */

body#prompts-app#prompts-app[data-writing-design] .biq-card:is(:hover,:focus-visible){border-color:var(--ss-control-border)!important}
body#prompts-app#prompts-app[data-writing-design] .ss-comparison button:not(.ss-comparison-apply):not(:disabled):is(:hover,:focus-visible){background:var(--ss-hover)!important;color:var(--ss-text)!important;border-color:var(--ss-border)!important}
body#prompts-app#prompts-app[data-writing-design] :is(.ai-card-mic,.chat-mic-btn,.wm-mic-btn.ss-mic,#micButton1):not(:disabled):not(.active):not(.recording):not([aria-checked=true]):is(:hover,:focus-visible){background:var(--ss-hover)!important;color:var(--ss-text)!important;border-color:var(--ss-border)!important}
body#prompts-app#prompts-app[data-writing-design] :is(.ai-msg-actions button,.message-actions .action-icon,.message-actions .action-btn):not(:disabled):is(:hover,:focus-visible){background:var(--ss-hover)!important;color:var(--ss-text)!important;border-color:var(--ss-border)!important}
body#prompts-app#prompts-app[data-writing-design] :is(#wm-submit,#sk-mobile-empty-check,.ai-card-send,.sk-tb-primary,.calm-footer-accept-all,.ss-comparison-apply):not(:disabled){background:var(--ss-action)!important;color:var(--ss-on-action)!important;border-color:var(--ss-action)!important;box-shadow:none!important}
body#prompts-app#prompts-app[data-writing-design] :is(#wm-submit,#sk-mobile-empty-check,.ai-card-send,.sk-tb-primary,.calm-footer-accept-all,.ss-comparison-apply):not(:disabled):is(:hover,:active){background:var(--ss-action-hover)!important;border-color:var(--ss-action-hover)!important;}
/* Native toolbar motion deliberately retained for the app. */
body#prompts-app#prompts-app[data-writing-design] .counter-nav-div{}
body#prompts-app#prompts-app[data-writing-design] .counter-nav-div:hover{border-color:var(--ss-border)!important;box-shadow:0 5px 16px rgba(68,60,53,.07)!important}
body#prompts-app#prompts-app[data-writing-design] :is(.control-btn,.format-btn,.ed-overflow-toggle,.ed-clear-toolbar-btn):disabled:hover{background:transparent!important;box-shadow:none!important;}
/* Focus remains visible and distinct from hover; do not paint a red focus ring from old shell rules. */
body#prompts-app#prompts-app[data-writing-design] :is(.sidebar-home-logo,#bb-sidebar a,#user-avatar,.control-btn,.format-btn,.ed-overflow-toggle,.ed-voice-chevron,.ed-clear-toolbar-btn,.wm-nudge-action,.wm-lang-compact-btn,.wm-lang-compact-option,.wm-collapse-btn,.ai-new-chat-btn,.ai-editor-action-btn,.ai-cancel-btn,.calm-ai-cancel-btn,.sk-word-exceptions,.sk-doc-sel-btn,.sk-doc-ctx-item,#sidebar-dropdown-items [role=tab],#wm-submit,.sk-tb-btn):focus-visible{outline:2px solid var(--ss-focus)!important;outline-offset:2px!important}


/* Native read-while-writing disclosure must inherit the shared theme, including its nested options. */
body#prompts-app#prompts-app[data-writing-design] #sk-read-writing{background:var(--ss-surface)!important;color:var(--ss-text)!important;border-color:var(--ss-border)!important}
body#prompts-app#prompts-app[data-writing-design] #sk-read-writing .sk-read-writing-options{border-color:var(--ss-border)!important}
body#prompts-app#prompts-app[data-writing-design] #sk-read-writing :is(summary,label){color:var(--ss-text)!important}
body#prompts-app#prompts-app[data-writing-design] #sk-read-writing :is(summary:hover,summary:focus-visible,label:hover,label:focus-within){background:var(--ss-hover)!important;box-shadow:none!important}
body#prompts-app#prompts-app[data-writing-design] #sk-read-writing input{accent-color:var(--ss-action)}
body#prompts-app#prompts-app[data-writing-design] #sk-read-writing summary:focus-visible{outline:2px solid var(--ss-focus)!important;outline-offset:-2px!important}


/* Prompt titles stay readable in a narrow sidebar without growing into tall cards.
   Clamp only the visible label: native names, folder graphics and actions remain intact. */
body#prompts-app#prompts-app[data-writing-design] #sk-prompt-panel :is(.sk-prompt-use>span,.calm-home-label-text,.calm-standalone .chat-prompt-suggestion-btn>span){display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;max-height:2.9em;overflow:hidden!important;text-overflow:ellipsis;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important;line-height:1.45!important;min-width:0}
body#prompts-app#prompts-app[data-writing-design] #sk-prompt-panel .sk-prompt-row{align-items:center}

/* A prompt is one card: its child actions must not paint a second hover tile. */
body#prompts-app#prompts-app[data-writing-design] #sk-prompt-panel .sk-prompt-row:has(button:is(:hover,:focus-visible)){background:#faf9f3!important}
html[data-theme=dark] body#prompts-app#prompts-app[data-writing-design] #sk-prompt-panel .sk-prompt-row:has(button:is(:hover,:focus-visible)){background:color-mix(in srgb,var(--ss-surface) 90%,#7fbaa8 10%)!important}
body#prompts-app#prompts-app[data-writing-design] #sk-prompt-panel .sk-prompt-row>button{background:transparent!important;box-shadow:none!important}
body#prompts-app#prompts-app[data-writing-design] #sk-prompt-panel :is(.sk-prompt-row,.calm-home-folder)>button:focus-visible{outline:2px solid var(--ss-focus)!important;outline-offset:-3px}
/* Keep the draft close glyph centered with a stable touch target at phone widths. */
body#prompts-app#prompts-app[data-writing-design] #wm-collapse{flex:0 0 44px!important;width:44px!important;height:44px!important;min-width:44px!important;padding:0!important;align-items:center!important;justify-content:center!important;line-height:1!important}
/* Correction actions wrap as whole controls, never through their short labels. */
body#prompts-app#prompts-app[data-writing-design] .calm-corr-card-actions{flex-wrap:wrap}
body#prompts-app#prompts-app[data-writing-design] .calm-corr-card-actions>button{flex:1 0 auto!important;white-space:nowrap!important}

/* Correction actions stay distinct on selected cards and in the native popup. */
body#prompts-app#prompts-app[data-writing-design] :is(#corr-accept,.calm-corr-card-accept){background:var(--ss-action)!important;color:var(--ss-on-action)!important;border:1px solid var(--ss-action)!important;box-shadow:none!important}
body#prompts-app#prompts-app[data-writing-design] :is(#corr-accept,.calm-corr-card-accept):not(:disabled):is(:hover,:active,:focus-visible){background:var(--ss-action-hover)!important;border-color:var(--ss-action-hover)!important;color:var(--ss-on-action)!important}
body#prompts-app#prompts-app[data-writing-design] :is(#corr-reject,.calm-corr-card-skip){background:var(--ss-surface)!important;color:var(--ss-text)!important;border:1px solid var(--ss-control-border)!important;box-shadow:none!important}
body#prompts-app#prompts-app[data-writing-design] :is(#corr-reject,.calm-corr-card-skip):not(:disabled):is(:hover,:active,:focus-visible){background:var(--ss-hover)!important;color:var(--ss-text)!important;border-color:var(--ss-control-border)!important}
body#prompts-app#prompts-app[data-writing-design] :is(#corr-accept,#corr-reject,.calm-corr-card-accept,.calm-corr-card-skip):focus-visible{outline:2px solid var(--ss-focus)!important;outline-offset:2px!important}

/* Match the native highlight disclosure and separate its voice choices. */
body#prompts-app#prompts-app[data-writing-design] #ed-voice-popover .sk-reading-voices{margin-inline:0}
body#prompts-app#prompts-app[data-writing-design] #ed-voice-popover .sk-reading-voices>summary{padding:0 10px;border-radius:10px}
body#prompts-app#prompts-app[data-writing-design] #ed-voice-popover .sk-reading-voices>.ss-reader-voices{margin:6px 0 0}

/* Bedre ideas are a working step: retain native actions, show its existing Back header. */
body#prompts-app#prompts-app[data-writing-design] #bedre-card:has(.biq-list) #sk-combined-tone{display:none!important}
@media(min-width:768px){
body#prompts-app#prompts-app[data-writing-design]:has(#option-bedre[aria-selected="true"]):has(#bedre-card .biq-list) :is(.sidebar-dropdown-items-container,#sidebar-dropdown-items){display:none!important}
body#prompts-app#prompts-app[data-writing-design] #bedre-panel:has(.biq-list){padding:0!important}
body#prompts-app#prompts-app[data-writing-design] #bedre-card:has(.biq-list)>.ai-card-header{display:flex!important;align-items:center!important;justify-content:flex-start!important;height:auto!important;min-height:44px!important;padding:0!important;overflow:visible!important;background:var(--ss-canvas)!important;border:0!important;border-bottom:1px solid var(--ss-border)!important;flex-shrink:0}
body#prompts-app#prompts-app[data-writing-design] #bedre-card:has(.biq-list) #bedre-new-chat{opacity:1!important;pointer-events:auto!important}
body#prompts-app#prompts-app[data-writing-design] #bedre-card:has(.biq-list)>.ai-card-messages{padding:20px 24px 16px!important;justify-content:flex-start!important}
body#prompts-app#prompts-app[data-writing-design] #bedre-card:has(.biq-list)>.ai-card-input-row{padding:12px 24px 16px!important}
}

/* Prompt list and progress share symmetric insets; reserve a scrollbar only on overflow. */
body#prompts-app#prompts-app[data-writing-design] #sk-prompt-panel #sk-prompt-messages{padding-inline-end:0!important;scrollbar-gutter:auto}

/* Disabled header controls keep their surface without a hover highlight. */
body#prompts-app#prompts-app[data-writing-design] .skv2-action-controls button:disabled:hover{background:var(--ss-surface)!important}

/* Shared UI typeface; preserve document font choices and native type scale. */
body#prompts-app#prompts-app[data-writing-design] :is(.sk-prediction-settings,.sk-word-suggestions,.sk-prediction-off-notice,.sk-prediction-settings select,.sk-prediction-vocabulary input[type=text],.sk-prediction-settings kbd,.sk-doc-browser-title,.ai-editor-actions-proposal,.ss-reader-tooltip,.ss-mic-status,.ai-msg--assistant .markdown-body){font-family:Inter,Arial,sans-serif!important}
body#prompts-app#prompts-app[data-writing-design] .sk-prediction-settings select::picker(select){font-family:Inter,Arial,sans-serif!important}
/* Peer creation actions have equal emphasis; prompt content keeps its stronger text role. */
body#prompts-app#prompts-app[data-writing-design] #sk-prompt-panel :is(.chat-prompt-create,.chat-prompt-add){font-weight:500!important}

/* Document-browser text uses the same primary, secondary and active roles. */
body#prompts-app#prompts-app[data-writing-design] :is(.sk-doc-browser-title,.sk-doc-search,.sk-doc-card-title,.sk-doc-rename-input){color:var(--ss-text)!important}
body#prompts-app#prompts-app[data-writing-design] :is(.sk-doc-group-header,.sk-doc-card-summary,.sk-doc-card-meta,.sk-doc-gdocs-btn,.sk-doc-filter-pill){color:var(--ss-muted)!important}
body#prompts-app#prompts-app[data-writing-design] .sk-doc-search::placeholder{color:var(--ss-muted)!important}
body#prompts-app#prompts-app[data-writing-design] :is(.sk-doc-filter-pill--active,.sk-doc-filter-pill:hover,.sk-doc-gdocs-btn:hover){color:var(--ss-accent)!important}

/* Notes form: quiet dictation at rest; native STT still owns its state and actions. */
body#prompts-app#prompts-app[data-writing-design] #wm-form .wm-mic-btn.ss-mic{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;right:12px!important;bottom:12px!important;top:auto!important;}
body#prompts-app#prompts-app[data-writing-design] #wm-form .wm-mic-btn.ss-mic:not([aria-pressed=true]):not([data-listening=true]):not([data-mic-state]):not(.ss-mic--connecting):not(.ss-mic--listening):not(.ss-mic--recording):not(.ss-mic--error){background:transparent!important;color:var(--ss-muted)!important;border-color:transparent!important;box-shadow:none!important}
body#prompts-app#prompts-app[data-writing-design] #wm-form .wm-mic-btn.ss-mic:not([aria-pressed=true]):not([data-listening=true]):not([data-mic-state]):not(.ss-mic--connecting):not(.ss-mic--listening):not(.ss-mic--recording):not(.ss-mic--error):hover{background:var(--ss-hover)!important;color:var(--ss-text)!important}
body#prompts-app#prompts-app[data-writing-design] #wm-form .wm-mic-btn.ss-mic:is([data-listening=true],.ss-mic--listening,.ss-mic--recording){background:var(--ss-selected)!important;color:var(--ss-on-selected)!important;border-color:var(--ss-control-border)!important}
body#prompts-app#prompts-app[data-writing-design] #wm-form .wm-mic-btn.ss-mic svg{width:18px!important;height:18px!important;stroke:currentColor!important}
body#prompts-app#prompts-app[data-writing-design] #wm-form .wm-textarea-wrap{border-color:var(--ss-control-border)!important}
body#prompts-app#prompts-app[data-writing-design] #wm-form .wm-textarea-wrap:focus-within{border-color:var(--ss-focus)!important}
body#prompts-app#prompts-app[data-writing-design] #wm-form :is(button,summary,.wm-tone-track):focus-visible{outline:2px solid var(--ss-focus)!important;outline-offset:2px!important;text-decoration:none!important}
body#prompts-app#prompts-app[data-writing-design] #wm-form #wm-submit:disabled:not(.loading){background:transparent!important;border:1px solid var(--ss-border)!important;color:var(--ss-subtle)!important;box-shadow:none!important;opacity:1!important}
body#prompts-app#prompts-app[data-writing-design] #wm-form :is(.ref-more-menu,.wm-tone-card){box-shadow:var(--ss-shadow)!important;border-color:var(--ss-border)!important}
/* Auto margins center only when the complete form fits; overflow stays reachable. */
@media(min-width:768px){body#prompts-app#prompts-app[data-writing-design] #wm-form .wm-form-inner{margin-block:auto!important;padding-block:32px!important}}

@media(max-width:767px){
 body#prompts-app#prompts-app[data-writing-design] #wm-form #wm-cat-grid{position:relative!important}
 body#prompts-app#prompts-app[data-writing-design] #wm-form .ref-more{position:static!important}
 body#prompts-app#prompts-app[data-writing-design] #wm-form .ref-more-menu{left:auto!important;right:0!important;top:calc(100% + 8px)!important;min-width:min(220px,100%)!important;max-width:100%!important}
}

@media(max-width:767px){
 body#prompts-app#prompts-app[data-writing-design] #wm-form .ref-settings{position:relative!important}
 body#prompts-app#prompts-app[data-writing-design] #wm-form .ref-tone{position:static!important}
 body#prompts-app#prompts-app[data-writing-design] #wm-form .wm-tone-card{width:min(270px,100%)!important;max-width:100%!important;right:0!important;bottom:calc(100% + 8px)!important;top:auto!important}
}

/* A solid resting tint avoids exposing the white base when the native gradient drops on hover. */
body#prompts-app#prompts-app[data-writing-design] .sk-draft-start{background:var(--ss-selected)!important;}

/* Keep the native draft loader visible while the request owns the disabled button. */
body#prompts-app#prompts-app[data-writing-design] #wm-form #wm-submit.loading{background:var(--ss-action)!important;border:1px solid var(--ss-action)!important;color:var(--ss-on-action)!important;opacity:1!important;cursor:progress!important}
body#prompts-app#prompts-app[data-writing-design] #wm-form #wm-submit.loading .wm-btn-text{display:block!important;color:inherit!important}
body#prompts-app#prompts-app[data-writing-design] #wm-form #wm-submit.loading .wm-submit-icon{display:none!important}
body#prompts-app#prompts-app[data-writing-design] #wm-form #wm-submit.loading .wm-btn-loader{display:inline-block!important;flex-shrink:0;order:-1;border-color:rgba(255,255,255,.3)!important;border-top-color:var(--ss-on-action)!important}

/* Mobile library uses the editor frame gutters; keep content inside the rounded card. */
@media(max-width:767px){
 body#prompts-app#prompts-app[data-writing-design] #sk-doc-browser{width:100%!important;padding:24px 16px!important;overflow-y:auto!important;overflow-x:hidden!important}
 body#prompts-app#prompts-app[data-writing-design] .sk-doc-browser-actions{flex-wrap:wrap!important}
 body#prompts-app#prompts-app[data-writing-design] .sk-doc-search-wrap{flex:1 0 100%!important}
 body#prompts-app#prompts-app[data-writing-design] #sk-doc-gdocs-btn{margin-inline-start:auto!important}
}

html[data-theme=dark] body#prompts-app#prompts-app[data-writing-design] .counter-nav-div:hover{box-shadow:0 1px 2px rgba(20,18,15,.18),0 8px 20px rgba(20,18,15,.14),inset 0 1px 0 hsla(30,26%,88%,.025)!important}

/* Notes settings reuse padded shared controls and existing language flags. */
body#prompts-app#prompts-app[data-writing-design] #wm-form #wm-lang-compact-btn{height:44px!important;min-height:44px!important;padding:10px 12px!important;border-radius:10px!important;box-sizing:border-box!important}
body#prompts-app#prompts-app[data-writing-design] #wm-form .wm-lang-field>label{line-height:20px!important;margin-bottom:4px!important}
body#prompts-app#prompts-app[data-writing-design] #wm-form .ref-tone>summary{position:relative!important;display:inline-flex!important;align-items:center!important;gap:10px!important;height:44px!important;min-height:44px!important;margin-top:24px!important;padding:10px 12px!important;box-sizing:border-box!important;border-radius:10px!important;line-height:24px!important}
body#prompts-app#prompts-app[data-writing-design] #wm-form .ref-tone>summary .ref-setting-label{position:absolute!important;left:0;top:-24px;line-height:20px!important;white-space:nowrap}
body#prompts-app#prompts-app[data-writing-design] #wm-form .ref-tone>summary>.wm-disclosure-chevron{flex-shrink:0}
body#prompts-app#prompts-app[data-writing-design] #wm-form :is(#wm-lang-compact-btn,.ref-tone>summary):is(:hover,:focus-visible){background:var(--ss-hover)!important;color:var(--ss-text)!important}
body#prompts-app#prompts-app[data-writing-design] #wm-form .ref-tone>summary:focus-visible{outline:2px solid var(--ss-focus)!important;outline-offset:2px!important}
body#prompts-app#prompts-app[data-writing-design] #wm-form :is(#wm-lang-compact-btn[aria-expanded=true],.ref-tone[open]>summary){background:var(--ss-selected)!important;color:var(--ss-on-selected)!important}
body#prompts-app#prompts-app[data-writing-design] #wm-form .wm-lang-compact-menu{min-width:190px!important;padding:6px!important;bottom:calc(100% + 8px)!important}
body#prompts-app#prompts-app[data-writing-design] #wm-form .wm-lang-compact-option{display:flex!important;align-items:center!important;justify-content:flex-start!important;text-align:start!important;gap:10px!important;min-height:44px!important;padding:10px 12px!important;border-radius:8px!important;font:500 14px/20px Inter,Arial,sans-serif!important;box-sizing:border-box!important;color:var(--ss-text)!important}
body#prompts-app#prompts-app[data-writing-design] #wm-form .wm-lang-compact-option.selected{color:var(--ss-on-selected)!important}
body#prompts-app#prompts-app[data-writing-design] #wm-form #wm-lang-compact-btn .wm-lang-globe{display:none!important}
body#prompts-app#prompts-app[data-writing-design] #wm-form :is(#wm-lang-compact-btn,.wm-lang-compact-option)::before{content:"";display:block!important;position:static!important;flex:0 0 21px!important;width:21px!important;height:15px!important;border-radius:2px;background:var(--wm-language-flag) center/cover no-repeat}
body#prompts-app#prompts-app[data-writing-design] #wm-lang-compact-menu [data-lang="da"],body#prompts-app#prompts-app[data-writing-design] #wm-form:has(#wm-lang-compact-menu [data-lang="da"][aria-selected=true]) #wm-lang-compact-btn{--wm-language-flag:url("/assets/img/flags/da.svg")}
body#prompts-app#prompts-app[data-writing-design] #wm-lang-compact-menu [data-lang="en"],body#prompts-app#prompts-app[data-writing-design] #wm-form:has(#wm-lang-compact-menu [data-lang="en"][aria-selected=true]) #wm-lang-compact-btn{--wm-language-flag:url("/assets/img/flags/en-US.svg")}
body#prompts-app#prompts-app[data-writing-design] #wm-lang-compact-menu [data-lang="de"],body#prompts-app#prompts-app[data-writing-design] #wm-form:has(#wm-lang-compact-menu [data-lang="de"][aria-selected=true]) #wm-lang-compact-btn{--wm-language-flag:url("/assets/img/flags/de.svg")}
body#prompts-app#prompts-app[data-writing-design] #wm-lang-compact-menu [data-lang="fr"],body#prompts-app#prompts-app[data-writing-design] #wm-form:has(#wm-lang-compact-menu [data-lang="fr"][aria-selected=true]) #wm-lang-compact-btn{--wm-language-flag:url("/assets/img/flags/fr.svg")}
body#prompts-app#prompts-app[data-writing-design] #wm-lang-compact-menu [data-lang="es"],body#prompts-app#prompts-app[data-writing-design] #wm-form:has(#wm-lang-compact-menu [data-lang="es"][aria-selected=true]) #wm-lang-compact-btn{--wm-language-flag:url("/assets/img/flags/es.svg")}
body#prompts-app#prompts-app[data-writing-design] #wm-lang-compact-menu [data-lang="no"],body#prompts-app#prompts-app[data-writing-design] #wm-form:has(#wm-lang-compact-menu [data-lang="no"][aria-selected=true]) #wm-lang-compact-btn{--wm-language-flag:url("/assets/img/flags/no.svg")}
body#prompts-app#prompts-app[data-writing-design] #wm-lang-compact-menu [data-lang="sv"],body#prompts-app#prompts-app[data-writing-design] #wm-form:has(#wm-lang-compact-menu [data-lang="sv"][aria-selected=true]) #wm-lang-compact-btn{--wm-language-flag:url("/assets/img/flags/sv.svg")}
body#prompts-app#prompts-app[data-writing-design] #wm-lang-compact-menu [data-lang="fi"],body#prompts-app#prompts-app[data-writing-design] #wm-form:has(#wm-lang-compact-menu [data-lang="fi"][aria-selected=true]) #wm-lang-compact-btn{--wm-language-flag:url("/assets/img/flags/fi.svg")}
body#prompts-app#prompts-app[data-writing-design] #wm-lang-compact-menu [data-lang="pl"],body#prompts-app#prompts-app[data-writing-design] #wm-form:has(#wm-lang-compact-menu [data-lang="pl"][aria-selected=true]) #wm-lang-compact-btn{--wm-language-flag:url("/assets/img/flags/pl.svg")}
body#prompts-app#prompts-app[data-writing-design] #wm-lang-compact-menu [data-lang="it"],body#prompts-app#prompts-app[data-writing-design] #wm-form:has(#wm-lang-compact-menu [data-lang="it"][aria-selected=true]) #wm-lang-compact-btn{--wm-language-flag:url("/assets/img/flags/it.svg")}
body#prompts-app#prompts-app[data-writing-design] #wm-lang-compact-menu [data-lang="pt"],body#prompts-app#prompts-app[data-writing-design] #wm-form:has(#wm-lang-compact-menu [data-lang="pt"][aria-selected=true]) #wm-lang-compact-btn{--wm-language-flag:url("/assets/img/flags/pt.svg")}
body#prompts-app#prompts-app[data-writing-design] #wm-lang-compact-menu [data-lang="nl"],body#prompts-app#prompts-app[data-writing-design] #wm-form:has(#wm-lang-compact-menu [data-lang="nl"][aria-selected=true]) #wm-lang-compact-btn{--wm-language-flag:url("/assets/img/flags/nl.svg")}
body#prompts-app#prompts-app[data-writing-design] #wm-lang-compact-menu [data-lang="tr"],body#prompts-app#prompts-app[data-writing-design] #wm-form:has(#wm-lang-compact-menu [data-lang="tr"][aria-selected=true]) #wm-lang-compact-btn{--wm-language-flag:url("/assets/img/flags/tr.svg")}
body#prompts-app#prompts-app[data-writing-design] #wm-lang-compact-menu [data-lang="ru"],body#prompts-app#prompts-app[data-writing-design] #wm-form:has(#wm-lang-compact-menu [data-lang="ru"][aria-selected=true]) #wm-lang-compact-btn{--wm-language-flag:url("/assets/img/flags/ru.svg")}
body#prompts-app#prompts-app[data-writing-design] #wm-lang-compact-menu [data-lang="ar"],body#prompts-app#prompts-app[data-writing-design] #wm-form:has(#wm-lang-compact-menu [data-lang="ar"][aria-selected=true]) #wm-lang-compact-btn{--wm-language-flag:url("/assets/img/flags/ar.svg")}
body#prompts-app#prompts-app[data-writing-design] #wm-lang-compact-menu [data-lang="ja"],body#prompts-app#prompts-app[data-writing-design] #wm-form:has(#wm-lang-compact-menu [data-lang="ja"][aria-selected=true]) #wm-lang-compact-btn{--wm-language-flag:url("/assets/img/flags/ja.svg")}
body#prompts-app#prompts-app[data-writing-design] #wm-lang-compact-menu [data-lang="ko"],body#prompts-app#prompts-app[data-writing-design] #wm-form:has(#wm-lang-compact-menu [data-lang="ko"][aria-selected=true]) #wm-lang-compact-btn{--wm-language-flag:url("/assets/img/flags/ko.svg")}

body#prompts-app#prompts-app[data-writing-design] #wm-form #wm-tone-summary{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Toolbar optical parity with Translation; native hit areas and flow stay intact. */
body#prompts-app#prompts-app #sk-writing-reader-trigger :is(.ed-current-voice,.sk-reading-auto){font:600 14px/20px Inter,system-ui,sans-serif!important;}
body#prompts-app#prompts-app #sk-writing-reader-trigger .sk-reading-current{height:20px;align-items:center}
body#prompts-app#prompts-app #ed-clear-btn>.calm-trash-icon{width:18px!important;height:18px!important;display:block}
body#prompts-app#prompts-app #readBtn>svg{width:20px!important;height:20px!important;display:block}

/* App-specific extensions: account menu and native prompt creation surfaces. */
/* Reserve the native tablet header layout before its settings button hydrates. */
@media(min-width:768px) and (max-width:1000px) and (pointer:fine){
 body#prompts-app#prompts-app[data-writing-design] .bb-skrivebord .top-controls{position:relative;flex-wrap:wrap!important;height:auto!important;min-height:112px!important;gap:8px!important}
 body#prompts-app#prompts-app[data-writing-design] .bb-skrivebord .top-controls :is(.ed-title-wrap,.skv2-title-block){flex:1 1 100%!important;max-width:calc(100% - 138px)!important;min-width:0!important}
 body#prompts-app#prompts-app[data-writing-design] .bb-skrivebord .top-controls .left-controls{flex:1 1 100%!important}
}
@media(min-width:768px){
 body#prompts-app#prompts-app[data-writing-design] #bb-sidebar.sidebar{top:16px!important}
 body#prompts-app#prompts-app[data-writing-design] #settingsDropdown{left:88px!important;bottom:19px!important;width:280px!important}
}
body#prompts-app#prompts-app :is(#writing-only-calm-prompt-modal,.writing-only-new-category,.writing-only-list-mode){
 background:var(--ss-surface)!important;color:var(--ss-text)!important;border-color:var(--ss-border)!important;
}
body#prompts-app#prompts-app #writing-only-calm-prompt-modal{
 --color-card:var(--ss-surface);--color-bg:var(--ss-canvas);
 --color-text-primary:var(--ss-text);--color-text-secondary:var(--ss-muted);
}
body#prompts-app#prompts-app #writing-only-calm-prompt-modal::backdrop{background:var(--ss-overlay)}
body#prompts-app#prompts-app :is(#cpf-title,#cpf-text){color:var(--ss-text)!important}
body#prompts-app#prompts-app :is(.cpf-title-wrap,.cpf-text-wrap){border-color:var(--ss-border)!important}
body#prompts-app#prompts-app #settingsDropdown :is(.s-dropdown-name,.s-dropdown-email){color:var(--ss-text)}
body#prompts-app#prompts-app[data-writing-design] #langSelectorLabel{font:500 14px/20px Inter,Arial,sans-serif!important;margin-inline-start:0!important;flex:1!important}
body#prompts-app#prompts-app[data-writing-design] #langSelectorLabel::before{display:none!important}
body#prompts-app#prompts-app[data-writing-design] #writing-only-calm-prompt-modal :is(.chat-prompt-panel-inner,.chat-prompt-panel-header,.chat-prompt-form,.cvm-dock,.cvm-head,.cvm-body,.cvm-foot){
 background:var(--ss-surface)!important;color:var(--ss-text)!important;border-color:var(--ss-border)!important;
}
body#prompts-app#prompts-app[data-writing-design] #writing-only-calm-prompt-modal :is(.chat-prompt-form-label,.chat-prompt-panel-title,.cvm-title){color:var(--ss-text)!important}
body#prompts-app#prompts-app[data-writing-design] #writing-only-calm-prompt-modal :is(.chat-prompt-form-input,.cvm-composer,.calm-list-search){
 background:var(--ss-canvas)!important;color:var(--ss-text)!important;border-color:var(--ss-control-border)!important;
}
body#prompts-app#prompts-app[data-writing-design] #writing-only-calm-prompt-modal .cvm-type-field{background:transparent!important;color:var(--ss-text)!important}
body#prompts-app#prompts-app[data-writing-design] #writing-only-calm-prompt-modal :is(input,textarea)::placeholder{color:var(--ss-subtle)!important;opacity:1}
body#prompts-app#prompts-app[data-writing-design] #writing-only-calm-prompt-modal :is(.chat-prompt-form-save,.cvm-type-send):not(:disabled){background:var(--ss-action)!important;color:var(--ss-on-action)!important;border-color:var(--ss-action)!important}
body#prompts-app#prompts-app[data-writing-design] #writing-only-calm-prompt-modal :is(.chat-prompt-form-save,.cvm-type-send):not(:disabled):hover{background:var(--ss-action-hover)!important}
body#prompts-app#prompts-app[data-writing-design] #writing-only-calm-prompt-modal :is(.chat-prompt-form-cancel,.chat-prompt-panel-close,.cvm-close){color:var(--ss-muted)!important;border-color:var(--ss-border)!important}
body#prompts-app#prompts-app[data-writing-design] #writing-only-calm-prompt-modal :is(.chat-prompt-form-cancel,.chat-prompt-panel-close,.cvm-close):hover{background:var(--ss-hover)!important;color:var(--ss-text)!important}
body#prompts-app#prompts-app[data-writing-design] #writing-only-calm-prompt-modal button:focus-visible{outline:2px solid var(--ss-focus)!important;outline-offset:2px}
body#prompts-app#prompts-app[data-writing-design] #writing-only-calm-prompt-modal :is(input,textarea,.cvm-composer){outline:none!important;box-shadow:none!important}
body#prompts-app#prompts-app[data-writing-design] #sk-prompt-panel .sk-prompt-row{background:var(--ss-surface)!important;border-color:var(--ss-border)!important}
body#prompts-app#prompts-app[data-writing-design] .calm-actions-menu{--calm-menu-bg:var(--ss-surface);--calm-menu-line:var(--ss-border);--calm-menu-ink:var(--ss-text);background:var(--ss-surface)!important;color:var(--ss-text)!important}
body#prompts-app#prompts-app[data-writing-design] :is(.sk-doc-card,.sk-doc-search,.sk-doc-gdocs-btn,.sk-doc-filter-pill,.sk-doc-selection-bar,.calm-prompt-confirm,.chat-prompt-move-modal){
 background:var(--ss-surface)!important;color:var(--ss-text)!important;border-color:var(--ss-border)!important;
}
body#prompts-app#prompts-app[data-writing-design] :is(.sk-doc-card-title,.sk-doc-browser-title,.sk-doc-search){color:var(--ss-text)!important}
body#prompts-app#prompts-app[data-writing-design] :is(.sk-doc-card-summary,.sk-doc-card-meta,.sk-doc-empty-text,.sk-doc-empty-hint){color:var(--ss-muted)!important}
body#prompts-app#prompts-app[data-writing-design] .sk-doc-new-btn{background:var(--ss-action)!important;color:var(--ss-on-action)!important}
body#prompts-app#prompts-app[data-writing-design] .sk-doc-filter-pill--active{background:var(--ss-selected)!important;color:var(--ss-on-selected)!important}
body#prompts-app#prompts-app[data-writing-design] :is(.sk-doc-card,.sk-doc-filter-pill,.sk-doc-gdocs-btn):hover{background:var(--ss-hover)!important}

/* Same composer divider and spacing in welcome and conversation states. */
@media(min-width:768px){
 body#prompts-app#prompts-app[data-writing-design] .ai-card-input-row:has(>.ai-card-input-wrap):not(:has(>.calm-review-footer-host)){padding:18px 0 24px!important;border-top:1px solid var(--ss-border)!important}
 body#prompts-app#prompts-app[data-writing-design] :is(#ai-panel,#tone-panel,#bedre-panel):has(.ai-new-chat-btn.visible) .ai-card-input-row:has(>.ai-card-input-wrap):not(:has(>.calm-review-footer-host)){margin-inline:24px!important;width:calc(100% - 48px)!important}
}

/* The native Menu moves outside #bb-mobile-nav while editing on phones. */
@media(max-width:767px){
 #sk-edit-toolbar .ss-editor-menu-toggle .mn-tab-icon{display:flex;align-items:center;justify-content:center}
 #sk-edit-toolbar .ss-editor-menu-toggle .mn-icon-f{display:none}
}


/* Source: /my-prompts/assets/native/components.css */
/* Source: assets/css/auth-privacy-fonts.css */

/* Source: assets/css/variables.css */

/* Source: skrivsikkert-shared.css */

/* Source: assets/css/bb-mobile-nav.css */

/* Source: chat/css/dist/chat.bundle.min.css */
.chat-prompt-area{align-items:center;display:flex;flex-direction:column;max-width:768px;position:relative;width:100%}
.chat-prompt-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding-top:0;width:100%}
.chat-prompt-chips.is-hidden{display:none}
.chat-prompt-chip{align-items:center;background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-primary);cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);gap:6px;height:32px;line-height:19.6px;padding:0 10px;transition:background .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;white-space:nowrap}
.chat-prompt-chip:hover{background:var(--color-hover-strong);border-color:var(--color-hover-strong);color:var(--color-text-primary)}
.chat-prompt-chip:active{transform:scale(.97)}
.chat-prompt-chip svg{color:var(--color-text-muted);flex-shrink:0;height:20px;margin-inline-start:-2px;width:20px}
.chat-prompt-chip:hover svg{color:var(--color-text-primary)}
.chat-prompt-add{border-style:dashed;color:var(--color-text-muted);gap:4px}
.chat-prompt-add:hover{border-style:solid;color:var(--color-text-primary)}
.chat-prompt-add svg{height:18px;width:18px}
.chat-prompt-panel{animation:promptPanelIn .18s cubic-bezier(.4,0,.2,1) both;left:14px;position:absolute;right:14px;top:16px;z-index:10}
.chat-prompt-panel.is-closing{animation:promptPanelOut .12s cubic-bezier(.4,0,.2,1) both}
.chat-prompt-panel-inner{background:var(--color-card);border:1px solid var(--color-border);border-radius:16px;box-shadow:0 0 0 1px rgba(0,0,0,.04),0 2px 4px rgba(0,0,0,.04),0 8px 24px rgba(0,0,0,.08),0 24px 48px rgba(0,0,0,.06);cursor:default;margin-bottom:20px;overflow:hidden;padding:8px}
.chat-prompt-panel-header{align-items:center;cursor:pointer;display:flex;gap:8px;min-height:32px;padding:0 4px}
.chat-prompt-panel-header svg{color:var(--color-text-muted);flex-shrink:0;height:16px;width:16px}
.chat-prompt-panel-title{border-radius:4px;color:var(--color-text-primary);cursor:pointer;flex:1;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:-2px -4px;min-width:0;overflow:hidden;padding:2px 4px;text-overflow:ellipsis;transition:background .1s;white-space:nowrap}
.chat-prompt-panel-inner.calm-prompt-form-mode .chat-prompt-panel-header,.chat-prompt-panel-inner.calm-prompt-form-mode .chat-prompt-panel-title:not(.is-editing),.chat-prompt-panel-inner.calm-prompt-new-category .chat-prompt-panel-header,.chat-prompt-panel-inner.calm-prompt-new-category .chat-prompt-panel-title:not(.is-editing){cursor:default}
.chat-prompt-panel-title[role=button]:hover{background:var(--color-hover)}
.chat-prompt-panel-title[role=button]:focus-visible{background:var(--color-hover)}
.chat-prompt-panel-title.is-editing{background:var(--color-hover);cursor:text;outline:2px solid rgba(92,77,67,.4);outline-offset:0;overflow:visible;white-space:pre-wrap}
.chat-prompt-header-action{align-items:center;background:transparent;border:none;border-radius:6px;color:var(--color-text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:background .1s,color .1s;width:28px}
.chat-prompt-header-action:hover{background:var(--color-error-light);color:var(--color-danger)}
.chat-prompt-header-action svg{height:16px;width:16px}
.chat-prompt-panel-close{align-items:center;background:transparent;border:none;border-radius:6px;color:var(--color-text-primary);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;margin-inline-start:auto;transition:background .1s;width:32px}
.chat-prompt-panel-close:hover{background:var(--color-hover)}
.chat-prompt-panel-close svg{color:inherit;height:16px;width:16px}
.chat-prompt-list{list-style:none;margin:0;padding:0}
.chat-prompt-item{align-items:center;border-bottom:1px solid var(--color-border);border-radius:8px;display:flex;position:relative;transition:background .1s,border-color .1s}
.chat-prompt-item:last-child{border-bottom:1px solid transparent}
.chat-prompt-item:hover{background:var(--color-hover);border-color:transparent}
.chat-prompt-item:has(+.chat-prompt-item:hover){border-color:transparent}
.chat-prompt-suggestion-btn{align-items:center;background:transparent;border:none;border-radius:8px;color:var(--color-text-primary);cursor:pointer;display:flex;flex:1;font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);height:40px;justify-content:space-between;line-height:20px;min-width:0;padding:10px 8px;text-align:start}
.chat-prompt-suggestion-btn span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat-prompt-arrow{color:var(--color-text-secondary);flex-shrink:0;height:16px;margin-inline-start:8px;opacity:0;transition:opacity .1s;width:16px}
.chat-prompt-suggestion-btn:hover .chat-prompt-arrow{opacity:1}
.chat-prompt-item:hover .chat-prompt-arrow{opacity:0}
.chat-prompt-item-actions{display:flex;flex-shrink:0;gap:2px;margin-inline-end:4px;opacity:0;transition:opacity .1s}
.chat-prompt-item:hover .chat-prompt-item-actions{opacity:1}
.chat-prompt-item-delete,.chat-prompt-item-edit{align-items:center;background:transparent;border:none;border-radius:6px;color:var(--color-text-secondary);cursor:pointer;display:flex;height:28px;justify-content:center;transition:background .1s,color .1s;width:28px}
.chat-prompt-item-edit:hover{background:var(--color-hover);color:var(--color-text-primary)}
.chat-prompt-item-delete:hover{background:var(--color-error-light);color:var(--color-danger)}
.chat-prompt-item-delete svg,.chat-prompt-item-edit svg{height:16px;width:16px}
.chat-prompt-delete-confirm{color:var(--color-text-secondary);flex:1;font-size:var(--font-size-sm)}
.chat-prompt-delete-no,.chat-prompt-delete-yes{border:none;border-radius:6px;cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-sm);padding:4px 12px;transition:background .1s}
.chat-prompt-delete-no{background:transparent;color:var(--color-text-secondary)}
.chat-prompt-delete-no:hover{background:var(--color-hover)}
.chat-prompt-delete-yes{background:var(--color-danger);color:#fff}
.chat-prompt-delete-yes:hover{background:var(--color-danger-hover)}
.chat-prompt-add-row{border-top:1px solid var(--color-border);margin-top:2px;padding:6px 4px 2px}
.chat-prompt-add-prompt-btn{align-items:center;background:transparent;border:none;border-radius:8px;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);gap:6px;padding:6px 10px;transition:background .1s,color .1s}
.chat-prompt-add-prompt-btn:hover{background:var(--color-hover);color:var(--color-text-primary)}
.chat-prompt-add-prompt-btn svg{flex-shrink:0;height:18px;width:18px}
.chat-prompt-icon-picker{display:flex;flex-wrap:wrap;gap:4px;padding:4px 0 8px}
.chat-prompt-icon-btn{align-items:center;background:transparent;border:1px solid transparent;border-radius:8px;color:var(--color-text-muted);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .15s ease-out;width:36px}
.chat-prompt-icon-btn:hover{background:var(--color-hover);color:var(--color-text-primary)}
@media (hover:hover){.chat-prompt-icon-btn:hover{transform:scale(1.05)}}
.chat-prompt-icon-btn.is-selected{background:rgba(92,77,67,.08);border-color:rgba(92,77,67,.3);color:var(--color-text-primary)}
.chat-prompt-icon-btn svg{height:20px;width:20px}
.chat-prompt-form{border-top:1px solid var(--color-border);margin-top:4px;padding:8px 4px 4px}
.chat-prompt-panel-header+.chat-prompt-form{border-top:0}
.chat-prompt-form-label{color:var(--color-text-muted);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:4px;margin-top:8px;padding-inline-start:2px}
.chat-prompt-form-label:first-child{margin-top:0}
.chat-prompt-form-input{background:transparent;border:1px solid var(--color-border);border-radius:12px;box-sizing:border-box;color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:1.4;outline:none;padding:10px 12px;transition:border-color .15s ease-out,box-shadow .15s ease-out;width:100%}
.chat-prompt-form-input:focus{border-color:rgba(92,77,67,.4);box-shadow:none;outline:none}
.chat-prompt-form-input::placeholder{color:var(--color-text-muted)}
.chat-prompt-form-textarea{min-height:72px;resize:none}
.chat-prompt-form-actions{display:flex;gap:8px;justify-content:flex-end;padding-top:8px}
.chat-prompt-form-cancel,.chat-prompt-form-save{border:none;border-radius:8px;cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);padding:6px 16px;transition:all .15s ease-out}
.chat-prompt-form-cancel{background:transparent;color:var(--color-text-secondary)}
.chat-prompt-form-cancel:hover{background:rgba(0,0,0,.04);color:var(--color-text-primary)}
.chat-prompt-form-save{background:var(--color-text-primary);color:var(--color-text-inverted)}
.chat-prompt-form-save:hover{background:#333}
.chat-prompt-form-save:active{transform:scale(.97)}
.chat-prompt-empty{padding:20px 8px 12px;text-align:center}
.chat-prompt-empty p{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:1.5;margin:0}
.chat-prompt-empty p:first-child{color:var(--color-text-primary);font-weight:var(--font-weight-normal)}
[data-theme=dark] .chat-prompt-chip{background:var(--color-hover)}
[data-theme=dark] .chat-prompt-chip:hover{background:var(--color-hover-strong)}
[data-theme=dark] .chat-prompt-panel-inner{box-shadow:0 0 0 1px rgba(0,0,0,.3),0 2px 4px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.3),0 24px 48px rgba(0,0,0,.3)!important}
[data-theme=dark] .chat-prompt-header-action:hover{background:var(--color-error-light)}
[data-theme=dark] .chat-prompt-item:hover{border-color:transparent}
[data-theme=dark] .chat-prompt-item:has(+.chat-prompt-item:hover){border-color:transparent}
[data-theme=dark] .chat-prompt-item-delete:hover{background:var(--color-error-light)}
[data-theme=dark] .chat-prompt-form-input{background:var(--color-hover)!important}
[data-theme=dark] .chat-prompt-form-input:focus{border-color:rgba(210,168,154,.4)!important;box-shadow:none!important}
[data-theme=dark] .chat-prompt-icon-btn.is-selected{background:hsla(0,0%,100%,.08)!important;border-color:hsla(0,0%,100%,.2)!important}
[data-theme=dark] .chat-prompt-form-cancel:hover{background:hsla(0,0%,100%,.06)!important}
[data-theme=dark] .chat-prompt-form-save{background:var(--rose-dark,#e8b8a8)!important;color:#1c1b18!important}
[data-theme=dark] .chat-prompt-form-save:hover{background:var(--rose,#d4a89a)!important}
.chat-prompt-color-picker{display:flex;flex-wrap:wrap;gap:6px;padding:4px 0 8px}
.chat-prompt-color-btn{align-items:center;background:transparent;border:2px solid transparent;border-radius:50%;cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;position:relative;transition:all .15s ease-out;width:28px}
.chat-prompt-color-btn:hover{border-color:var(--color-border)}
@media (hover:hover){.chat-prompt-color-btn:hover{transform:scale(1.12)}}
.chat-prompt-color-btn.is-selected{border-color:var(--color-text-primary)}
.chat-prompt-color-btn.is-selected:after{background:#fff;content:"";height:10px;left:50%;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E") center/contain no-repeat;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:10px;z-index:1}
.chat-prompt-color-dot{border-radius:50%;display:block;height:18px;width:18px}
.chat-prompt-color-none{background:transparent;border:2px dashed var(--color-border);height:14px;width:14px}
.chat-prompt-chip[data-color=gray]{background:rgba(154,142,130,.14);border-color:rgba(154,142,130,.25)}
.chat-prompt-chip[data-color=gray]:hover{background:rgba(154,142,130,.22)}
.chat-prompt-chip[data-color=gray] svg{color:#9a8e82}
.chat-prompt-chip[data-color=red]{background:rgba(166,89,75,.14);border-color:rgba(166,89,75,.25)}
.chat-prompt-chip[data-color=red]:hover{background:rgba(166,89,75,.22)}
.chat-prompt-chip[data-color=red] svg{color:#a6594b}
.chat-prompt-chip[data-color=orange]{background:rgba(201,124,79,.14);border-color:rgba(201,124,79,.25)}
.chat-prompt-chip[data-color=orange]:hover{background:rgba(201,124,79,.22)}
.chat-prompt-chip[data-color=orange] svg{color:#c97c4f}
.chat-prompt-chip[data-color=yellow]{background:rgba(184,146,74,.14);border-color:rgba(184,146,74,.25)}
.chat-prompt-chip[data-color=yellow]:hover{background:rgba(184,146,74,.22)}
.chat-prompt-chip[data-color=yellow] svg{color:#b8924a}
.chat-prompt-chip[data-color=green]{background:rgba(110,138,126,.14);border-color:rgba(110,138,126,.25)}
.chat-prompt-chip[data-color=green]:hover{background:rgba(110,138,126,.22)}
.chat-prompt-chip[data-color=green] svg{color:#6e8a7e}
.chat-prompt-chip[data-color=blue]{background:rgba(92,122,138,.14);border-color:rgba(92,122,138,.25)}
.chat-prompt-chip[data-color=blue]:hover{background:rgba(92,122,138,.22)}
.chat-prompt-chip[data-color=blue] svg{color:#5c7a8a}
.chat-prompt-chip[data-color=purple]{background:rgba(138,110,138,.14);border-color:rgba(138,110,138,.25)}
.chat-prompt-chip[data-color=purple]:hover{background:rgba(138,110,138,.22)}
.chat-prompt-chip[data-color=purple] svg{color:#8a6e8a}
.chat-prompt-chip[data-color=pink]{background:rgba(176,122,138,.14);border-color:rgba(176,122,138,.25)}
.chat-prompt-chip[data-color=pink]:hover{background:rgba(176,122,138,.22)}
.chat-prompt-chip[data-color=pink] svg{color:#b07a8a}
.chat-prompt-chip[data-color=sage]{background:rgba(74,122,104,.14);border-color:rgba(74,122,104,.25)}
.chat-prompt-chip[data-color=sage]:hover{background:rgba(74,122,104,.22)}
.chat-prompt-chip[data-color=sage] svg{color:#4a7a68}
.chat-prompt-chip[data-color=moss]{background:rgba(143,165,147,.14);border-color:rgba(143,165,147,.25)}
.chat-prompt-chip[data-color=moss]:hover{background:rgba(143,165,147,.22)}
.chat-prompt-chip[data-color=moss] svg{color:#8fa593}
.chat-prompt-chip[data-color=clay]{background:rgba(140,90,71,.14);border-color:rgba(140,90,71,.25)}
.chat-prompt-chip[data-color=clay]:hover{background:rgba(140,90,71,.22)}
.chat-prompt-chip[data-color=clay] svg{color:#8c5a47}
.chat-prompt-chip[data-color=sand]{background:rgba(201,182,138,.14);border-color:rgba(201,182,138,.25)}
.chat-prompt-chip[data-color=sand]:hover{background:rgba(201,182,138,.22)}
.chat-prompt-chip[data-color=sand] svg{color:#c9b68a}
.chat-prompt-chip[data-color=anchor]{background:rgba(58,47,38,.14);border-color:rgba(58,47,38,.25)}
.chat-prompt-chip[data-color=anchor]:hover{background:rgba(58,47,38,.22)}
.chat-prompt-chip[data-color=anchor] svg{color:#3a2f26}
.chat-prompt-chip[data-color=plum]{background:rgba(110,74,92,.14);border-color:rgba(110,74,92,.25)}
.chat-prompt-chip[data-color=plum]:hover{background:rgba(110,74,92,.22)}
.chat-prompt-chip[data-color=plum] svg{color:#6e4a5c}
[data-theme=dark] .chat-prompt-color-btn:hover{border-color:hsla(0,0%,100%,.2)}
[data-theme=dark] .chat-prompt-color-btn.is-selected{border-color:hsla(0,0%,100%,.7)}
[data-theme=dark] .chat-prompt-color-none{border-color:hsla(0,0%,100%,.25)}
[data-theme=dark] .chat-prompt-chip[data-color=gray]{background:rgba(154,142,130,.12);border-color:rgba(154,142,130,.25)}
[data-theme=dark] .chat-prompt-chip[data-color=gray]:hover{background:rgba(154,142,130,.2)}
[data-theme=dark] .chat-prompt-chip[data-color=gray] svg{color:#b8ada3}
[data-theme=dark] .chat-prompt-chip[data-color=red]{background:rgba(166,89,75,.12);border-color:rgba(166,89,75,.25)}
[data-theme=dark] .chat-prompt-chip[data-color=red]:hover{background:rgba(166,89,75,.2)}
[data-theme=dark] .chat-prompt-chip[data-color=red] svg{color:#c87a6e}
[data-theme=dark] .chat-prompt-chip[data-color=orange]{background:rgba(201,124,79,.12);border-color:rgba(201,124,79,.25)}
[data-theme=dark] .chat-prompt-chip[data-color=orange]:hover{background:rgba(201,124,79,.2)}
[data-theme=dark] .chat-prompt-chip[data-color=orange] svg{color:#d9996e}
[data-theme=dark] .chat-prompt-chip[data-color=yellow]{background:rgba(184,146,74,.12);border-color:rgba(184,146,74,.25)}
[data-theme=dark] .chat-prompt-chip[data-color=yellow]:hover{background:rgba(184,146,74,.2)}
[data-theme=dark] .chat-prompt-chip[data-color=yellow] svg{color:#d0aa6a}
[data-theme=dark] .chat-prompt-chip[data-color=green]{background:rgba(110,138,126,.12);border-color:rgba(110,138,126,.25)}
[data-theme=dark] .chat-prompt-chip[data-color=green]:hover{background:rgba(110,138,126,.2)}
[data-theme=dark] .chat-prompt-chip[data-color=green] svg{color:#8aafa1}
[data-theme=dark] .chat-prompt-chip[data-color=blue]{background:rgba(92,122,138,.12);border-color:rgba(92,122,138,.25)}
[data-theme=dark] .chat-prompt-chip[data-color=blue]:hover{background:rgba(92,122,138,.2)}
[data-theme=dark] .chat-prompt-chip[data-color=blue] svg{color:#7e9cac}
[data-theme=dark] .chat-prompt-chip[data-color=purple]{background:rgba(138,110,138,.12);border-color:rgba(138,110,138,.25)}
[data-theme=dark] .chat-prompt-chip[data-color=purple]:hover{background:rgba(138,110,138,.2)}
[data-theme=dark] .chat-prompt-chip[data-color=purple] svg{color:#a88fa8}
[data-theme=dark] .chat-prompt-chip[data-color=pink]{background:rgba(176,122,138,.12);border-color:rgba(176,122,138,.25)}
[data-theme=dark] .chat-prompt-chip[data-color=pink]:hover{background:rgba(176,122,138,.2)}
[data-theme=dark] .chat-prompt-chip[data-color=pink] svg{color:#c89aac}
[data-theme=dark] .chat-prompt-chip[data-color=sage]{background:rgba(74,122,104,.12);border-color:rgba(74,122,104,.25)}
[data-theme=dark] .chat-prompt-chip[data-color=sage]:hover{background:rgba(74,122,104,.2)}
[data-theme=dark] .chat-prompt-chip[data-color=sage] svg{color:#6e9c88}
[data-theme=dark] .chat-prompt-chip[data-color=moss]{background:rgba(143,165,147,.12);border-color:rgba(143,165,147,.25)}
[data-theme=dark] .chat-prompt-chip[data-color=moss]:hover{background:rgba(143,165,147,.2)}
[data-theme=dark] .chat-prompt-chip[data-color=moss] svg{color:#a8bea8}
[data-theme=dark] .chat-prompt-chip[data-color=clay]{background:rgba(140,90,71,.12);border-color:rgba(140,90,71,.25)}
[data-theme=dark] .chat-prompt-chip[data-color=clay]:hover{background:rgba(140,90,71,.2)}
[data-theme=dark] .chat-prompt-chip[data-color=clay] svg{color:#a87a66}
[data-theme=dark] .chat-prompt-chip[data-color=sand]{background:rgba(201,182,138,.12);border-color:rgba(201,182,138,.25)}
[data-theme=dark] .chat-prompt-chip[data-color=sand]:hover{background:rgba(201,182,138,.2)}
[data-theme=dark] .chat-prompt-chip[data-color=sand] svg{color:#d9ceaa}
[data-theme=dark] .chat-prompt-chip[data-color=anchor]{background:rgba(58,47,38,.2);border-color:rgba(58,47,38,.35)}
[data-theme=dark] .chat-prompt-chip[data-color=anchor]:hover{background:rgba(58,47,38,.28)}
[data-theme=dark] .chat-prompt-chip[data-color=anchor] svg{color:#7a6e62}
[data-theme=dark] .chat-prompt-chip[data-color=plum]{background:rgba(110,74,92,.12);border-color:rgba(110,74,92,.25)}
[data-theme=dark] .chat-prompt-chip[data-color=plum]:hover{background:rgba(110,74,92,.2)}
[data-theme=dark] .chat-prompt-chip[data-color=plum] svg{color:#906a7e}
[data-theme=dark] .chat-prompt-panel-title[role=button]:hover{background:hsla(0,0%,100%,.08)}
[data-theme=dark] .chat-prompt-panel-title.is-editing{background:hsla(0,0%,100%,.06);outline-color:rgba(210,168,154,.4)}
.chat-prompt-panel-inner[data-color=gray]{background:rgba(154,142,130,.08);border-color:rgba(154,142,130,.3)}
.chat-prompt-panel-inner[data-color=red]{background:rgba(166,89,75,.08);border-color:rgba(166,89,75,.3)}
.chat-prompt-panel-inner[data-color=orange]{background:rgba(201,124,79,.08);border-color:rgba(201,124,79,.3)}
.chat-prompt-panel-inner[data-color=yellow]{background:rgba(184,146,74,.08);border-color:rgba(184,146,74,.3)}
.chat-prompt-panel-inner[data-color=green]{background:rgba(110,138,126,.08);border-color:rgba(110,138,126,.3)}
.chat-prompt-panel-inner[data-color=blue]{background:rgba(92,122,138,.08);border-color:rgba(92,122,138,.3)}
.chat-prompt-panel-inner[data-color=purple]{background:rgba(138,110,138,.08);border-color:rgba(138,110,138,.3)}
.chat-prompt-panel-inner[data-color=pink]{background:rgba(176,122,138,.08);border-color:rgba(176,122,138,.3)}
.chat-prompt-panel-inner[data-color=sage]{background:rgba(74,122,104,.08);border-color:rgba(74,122,104,.3)}
.chat-prompt-panel-inner[data-color=moss]{background:rgba(143,165,147,.08);border-color:rgba(143,165,147,.3)}
.chat-prompt-panel-inner[data-color=clay]{background:rgba(140,90,71,.08);border-color:rgba(140,90,71,.3)}
.chat-prompt-panel-inner[data-color=sand]{background:rgba(201,182,138,.08);border-color:rgba(201,182,138,.3)}
.chat-prompt-panel-inner[data-color=anchor]{background:rgba(58,47,38,.08);border-color:rgba(58,47,38,.3)}
.chat-prompt-panel-inner[data-color=plum]{background:rgba(110,74,92,.08);border-color:rgba(110,74,92,.3)}
[data-theme=dark] .chat-prompt-panel-inner[data-color=gray]{background:rgba(154,142,130,.12);border-color:rgba(154,142,130,.3)}
[data-theme=dark] .chat-prompt-panel-inner[data-color=red]{background:rgba(166,89,75,.12);border-color:rgba(166,89,75,.3)}
[data-theme=dark] .chat-prompt-panel-inner[data-color=orange]{background:rgba(201,124,79,.12);border-color:rgba(201,124,79,.3)}
[data-theme=dark] .chat-prompt-panel-inner[data-color=yellow]{background:rgba(184,146,74,.12);border-color:rgba(184,146,74,.3)}
[data-theme=dark] .chat-prompt-panel-inner[data-color=green]{background:rgba(110,138,126,.12);border-color:rgba(110,138,126,.3)}
[data-theme=dark] .chat-prompt-panel-inner[data-color=blue]{background:rgba(92,122,138,.12);border-color:rgba(92,122,138,.3)}
[data-theme=dark] .chat-prompt-panel-inner[data-color=purple]{background:rgba(138,110,138,.12);border-color:rgba(138,110,138,.3)}
[data-theme=dark] .chat-prompt-panel-inner[data-color=pink]{background:rgba(176,122,138,.12);border-color:rgba(176,122,138,.3)}
[data-theme=dark] .chat-prompt-panel-inner[data-color=sage]{background:rgba(74,122,104,.12);border-color:rgba(74,122,104,.3)}
[data-theme=dark] .chat-prompt-panel-inner[data-color=moss]{background:rgba(143,165,147,.12);border-color:rgba(143,165,147,.3)}
[data-theme=dark] .chat-prompt-panel-inner[data-color=clay]{background:rgba(140,90,71,.12);border-color:rgba(140,90,71,.3)}
[data-theme=dark] .chat-prompt-panel-inner[data-color=sand]{background:rgba(201,182,138,.12);border-color:rgba(201,182,138,.3)}
[data-theme=dark] .chat-prompt-panel-inner[data-color=anchor]{background:rgba(58,47,38,.12);border-color:rgba(58,47,38,.3)}
[data-theme=dark] .chat-prompt-panel-inner[data-color=plum]{background:rgba(110,74,92,.12);border-color:rgba(110,74,92,.3)}
@media (max-width:767px){.chat-prompt-chips{gap:6px;padding-top:12px}
.chat-prompt-chip{font-size:var(--font-size-sm);gap:4px;height:28px;padding:0 8px}
.chat-prompt-chip svg{height:16px;width:16px}
.chat-prompt-panel{background:transparent!important;border-radius:var(--radius-card,18px);bottom:var(--mn-bar-height,60px)!important;box-shadow:none!important;height:auto!important;left:12px!important;position:fixed!important;right:12px!important;top:auto!important;transform:none!important;width:auto!important;z-index:9990!important}
.chat-prompt-panel:before{background:rgba(0,0,0,.25);content:"";inset:0;position:fixed;z-index:-1}
.chat-prompt-panel-inner{border-radius:var(--radius-card,18px);max-height:min(55dvh,400px);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:12px 14px calc(12px + env(safe-area-inset-bottom, 0px));touch-action:pan-y}
.chat-prompt-suggestion-btn{font-size:var(--font-size-sm);height:36px;padding:8px 6px}
.chat-prompt-item{min-height:36px;padding:6px 4px}
.chat-prompt-panel-header{min-height:28px;padding:0 2px 4px}
.chat-prompt-item-actions{opacity:1}
.chat-prompt-item-actions button{height:32px;width:32px}
.chat-prompt-arrow{display:none}
.chat-prompt-form-input{font-size:16px}}
.chat-prompt-suggested{--gold:245,166,35}
.chat-prompt-suggested svg,.chat-prompt-suggested:hover svg{color:#b8924a}
.chat-prompt-chip.chat-prompt-suggested.is-new{background:rgba(var(--gold),.07);border-color:rgba(var(--gold),.38);overflow:hidden;position:relative}
.chat-prompt-chip.chat-prompt-suggested.is-new:after{animation:chipShimmer 4s ease-in-out infinite;background:linear-gradient(105deg,transparent,hsla(0,0%,100%,.85),transparent);bottom:0;content:"";left:-60%;pointer-events:none;position:absolute;top:0;width:40%}
@media (prefers-reduced-motion:reduce){.chat-prompt-chip.chat-prompt-suggested.is-new:after{animation:none;display:none}}
.chat-suggestion-panel .chat-prompt-panel-header{cursor:default}
.chat-suggestion-panel .chat-prompt-panel-header>svg{color:#b8924a}
[data-theme=dark] .chat-prompt-chip.chat-prompt-suggested.is-new{background:rgba(var(--gold),.12);border-color:rgba(var(--gold),.45)}
[data-theme=dark] .chat-prompt-chip.chat-prompt-suggested.is-new:after{background:linear-gradient(105deg,transparent,rgba(255,244,220,.28),transparent)}
/* Source: embeds/embed.css */

/* Source: assets/css/stt-tts-ui.css */

/* Source: assets/css/stt-ghost.css */

/* Source: assets/css/blod-bolge-shell.css */

/* Source: chat/css/chat-ny-blod-bolge.css */
.chat-ny-prompt-area,
  .chat-prompt-area{
    position: relative;
    z-index: 10;
    max-width: 960px !important;
    margin: 0 auto 36px;
  }
.quick-actions,
  .chat-prompt-chips{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 14px;
    max-width: 960px !important;
    margin-inline-start: auto;
    margin-inline-end: auto;
  }
.quick-actions:empty,
  .chat-prompt-chips:empty{
    display: none;
  }
.chat-ny-prompt-area .quick-action,
  .chat-ny-prompt-area .chat-prompt-chip,
  body:not(.chat-ny-in-conversation) .quick-action,
  body:not(.chat-ny-in-conversation) .chat-prompt-chip{
    min-height: 44px;
    padding: 11px 20px;
    border-radius: 20px;
    border: 1px solid rgba(228, 220, 212, 0.7) !important;
    background: rgba(255, 254, 251, 0.85) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    color: var(--warm-text);
    cursor: pointer;
    font-family: var(--font-family);
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-medium);
    line-height: 1.4;
    box-shadow:
      0 1px 4px rgba(92, 77, 67, 0.05),
      inset 0 1px 0 rgba(255, 255, 255, 0.5);
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, background 0.2s ease;
  }
.quick-action:hover,
  .chat-prompt-chip:hover{
    transform: translateY(-2px);
    box-shadow: 0 4px 14px rgba(92, 77, 67, 0.08);
    border-color: rgba(110, 138, 126, 0.45);
    background: rgba(255, 254, 251, 0.95);
  }
.chat-prompt-chip svg{
    width: 18px;
    height: 18px;
  }
.chat-prompt-chip{
    background: rgba(255, 254, 251, 0.86) !important;
    border: 1px solid rgba(228, 220, 212, 0.72) !important;
    color: var(--warm-text) !important;
  }
.quick-action--rose,
  .chat-ny-prompt-area .quick-action--rose,
  body:not(.chat-ny-in-conversation) .quick-action--rose,
  .chat-prompt-chip[data-color="red"],
  .chat-prompt-chip[data-color="orange"],
  .chat-prompt-chip[data-color="pink"],
  .chat-ny-prompt-area .chat-prompt-chip[data-color="red"],
  .chat-ny-prompt-area .chat-prompt-chip[data-color="orange"],
  .chat-ny-prompt-area .chat-prompt-chip[data-color="pink"],
  body:not(.chat-ny-in-conversation) .chat-prompt-chip[data-color="red"],
  body:not(.chat-ny-in-conversation) .chat-prompt-chip[data-color="orange"],
  body:not(.chat-ny-in-conversation) .chat-prompt-chip[data-color="pink"]{
    background: rgba(251, 230, 224, 0.65) !important;
    border-color: rgba(212, 168, 154, 0.35) !important;
  }
.quick-action--sage,
  .chat-ny-prompt-area .quick-action--sage,
  body:not(.chat-ny-in-conversation) .quick-action--sage,
  .chat-prompt-chip[data-color="green"],
  .chat-prompt-chip[data-color="yellow"],
  .chat-ny-prompt-area .chat-prompt-chip[data-color="green"],
  .chat-ny-prompt-area .chat-prompt-chip[data-color="yellow"],
  body:not(.chat-ny-in-conversation) .chat-prompt-chip[data-color="green"],
  body:not(.chat-ny-in-conversation) .chat-prompt-chip[data-color="yellow"]{
    background: rgba(230, 245, 238, 0.55) !important;
    border-color: rgba(160, 200, 180, 0.35) !important;
  }
.quick-action--slate,
  .chat-ny-prompt-area .quick-action--slate,
  body:not(.chat-ny-in-conversation) .quick-action--slate,
  .chat-prompt-chip[data-color="gray"],
  .chat-prompt-chip[data-color="blue"],
  .chat-prompt-chip[data-color="purple"],
  .chat-ny-prompt-area .chat-prompt-chip[data-color="gray"],
  .chat-ny-prompt-area .chat-prompt-chip[data-color="blue"],
  .chat-ny-prompt-area .chat-prompt-chip[data-color="purple"],
  body:not(.chat-ny-in-conversation) .chat-prompt-chip[data-color="gray"],
  body:not(.chat-ny-in-conversation) .chat-prompt-chip[data-color="blue"],
  body:not(.chat-ny-in-conversation) .chat-prompt-chip[data-color="purple"]{
    background: rgba(224, 232, 248, 0.50) !important;
    border-color: rgba(168, 176, 196, 0.35) !important;
  }
.chat-prompt-chip:hover{
    background: rgba(255, 254, 251, 0.95) !important;
    border-color: rgba(110, 138, 126, 0.45) !important;
  }
.chat-prompt-chip[data-color="red"]:hover,
  .chat-prompt-chip[data-color="orange"]:hover,
  .chat-prompt-chip[data-color="pink"]:hover{
    background: rgba(251, 230, 224, 0.95) !important;
    border-color: rgba(212, 168, 154, 0.5) !important;
  }
.chat-prompt-chip[data-color="green"]:hover,
  .chat-prompt-chip[data-color="yellow"]:hover{
    background: rgba(230, 245, 238, 0.95) !important;
    border-color: rgba(160, 200, 180, 0.5) !important;
  }
.chat-prompt-chip[data-color="gray"]:hover,
  .chat-prompt-chip[data-color="blue"]:hover,
  .chat-prompt-chip[data-color="purple"]:hover{
    background: rgba(234, 238, 248, 0.95) !important;
    border-color: rgba(168, 176, 196, 0.5) !important;
  }
.chat-prompt-chip.chat-prompt-add,
  body:not(.chat-ny-in-conversation) .chat-prompt-chip.chat-prompt-add{
    background: transparent !important;
    border: 1.5px dashed rgba(110, 138, 126, 0.45) !important;
    color: #587164 !important;
    font-weight: var(--font-weight-semibold) !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
.chat-prompt-chip.chat-prompt-add svg{
    color: currentColor !important;
    opacity: 0.9;
  }
.chat-prompt-chip.chat-prompt-add:hover,
  body:not(.chat-ny-in-conversation) .chat-prompt-chip.chat-prompt-add:hover{
    background: rgba(110, 138, 126, 0.08) !important;
    border-color: rgba(110, 138, 126, 0.7) !important;
    color: #4A7A68 !important;
  }
.chat-prompt-panel{
    position: absolute;
    top: calc(100% + 12px);
    left: 20px;
    right: 20px;
    width: auto;
    transform: none;
    z-index: 100 !important;
    pointer-events: auto;
  }
@media (max-width: 768px){.chat-prompt-panel{
      position: fixed !important;
      top: auto !important;
      bottom: var(--mn-bar-height, 60px) !important;
      left: 0 !important;
      right: 0 !important;
      width: auto !important;
      height: auto !important;
      z-index: 9990 !important;
      background: transparent !important;
      box-shadow: none !important;
      transform: none !important;
      border-radius: 0 !important;
      pointer-events: auto;
    }
.chat-prompt-panel::before{
      display: none !important;
    }
.chat-prompt-panel-inner,
    .chat-prompt-panel-inner[data-color]{
      background: var(--color-card, #fff) !important;
      border-radius: 18px !important;
      max-height: min(60dvh, 440px);
      overflow-x: hidden;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch;
      overscroll-behavior: contain;
      margin: 0 12px 8px !important;
      padding: 14px 16px calc(16px + env(safe-area-inset-bottom, 0px));
      box-shadow: 0 2px 20px rgba(92, 77, 67, 0.14), 0 0 0 1px rgba(228, 220, 212, 0.4) !important;
    }}
.chat-prompt-panel-inner,
  .chat-prompt-panel-inner[data-color]{
    background: rgba(255, 254, 251, 1) !important;
    border: 1px solid rgba(228, 220, 212, 0.6);
    border-radius: var(--radius-card, 18px);
    box-shadow:
      0 24px 70px rgba(92, 77, 67, 0.12),
      0 4px 14px rgba(92, 77, 67, 0.06),
      inset 0 1px 0 rgba(255, 255, 255, 0.6);
    padding: 16px;
    overflow: visible;
    margin-bottom: 20px;
    backdrop-filter: blur(20px) saturate(1.6);
    -webkit-backdrop-filter: blur(20px) saturate(1.6);
  }
.chat-prompt-panel-header{
    min-height: 42px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(228, 220, 212, 0.5);
  }
.chat-prompt-icon-picker{
    display: grid;
    grid-template-columns: repeat(6, 38px);
    gap: 8px;
    align-items: center;
    margin-top: 10px;
  }
.chat-prompt-icon-btn,
  .chat-prompt-color-btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
  }
.chat-prompt-icon-btn{
    width: 38px;
    height: 38px;
    border-radius: 12px;
    border: 1px solid rgba(92, 77, 67, 0.1);
    background: rgba(255, 254, 251, 0.86);
  }
.chat-prompt-icon-btn.is-selected{
    background: var(--rose-bg);
    border-color: rgba(212, 168, 154, 0.55);
    box-shadow: 0 0 0 3px rgba(212, 168, 154, 0.16);
  }
.chat-prompt-color-picker{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    margin-top: 10px;
  }
.chat-prompt-color-btn{
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: 2px solid rgba(255, 254, 251, 0.95);
    box-shadow: 0 0 0 1px rgba(92, 77, 67, 0.12);
  }
.chat-prompt-color-btn.is-selected{
    box-shadow: 0 0 0 3px rgba(212, 168, 154, 0.28);
  }
.chat-prompt-form{
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid rgba(228, 220, 212, 0.4);
  }
.chat-prompt-panel-header + .chat-prompt-form{
    border-top: 0 !important;
  }
.chat-prompt-form-input,
  .chat-prompt-form textarea{
    width: 100%;
    border: 1px solid rgba(228, 220, 212, 0.6);
    border-radius: 12px;
    background: rgba(255, 254, 251, 0.96);
    color: var(--warm-text);
    padding: 11px 12px;
  }
.chat-prompt-form-actions{
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding-top: 14px;
  }
.quick-action:active,
  .chat-prompt-chip:active{
    transform: scale(0.97) !important;
    box-shadow: 0 1px 3px rgba(92, 77, 67, 0.06);
    transition-duration: 0.08s;
  }
body:not(.chat-ny-in-conversation) .quick-action:focus-visible,
  body:not(.chat-ny-in-conversation) .chat-prompt-chip:focus-visible{
    outline: 2px solid #4A7A68 !important;
    outline-offset: 2px !important;
  }
[data-theme="dark"] body:not(.chat-ny-in-conversation) .quick-action:focus-visible,
  [data-theme="dark"] body:not(.chat-ny-in-conversation) .chat-prompt-chip:focus-visible{
    outline-color: #7CB8A4 !important;
  }
.chat-prompt-panel-title{
    font-family: var(--font-family);
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-medium);
    color: var(--warm-text);
  }
.chat-prompt-panel-header svg{
    color: var(--warm-text-light);
  }
.chat-prompt-header-action{
    border-radius: 10px;
    transition: all 0.15s ease;
  }
.chat-prompt-header-action:hover{
    background: rgba(212, 168, 154, 0.12);
    color: var(--warm-text);
  }
.chat-prompt-cat-delete:hover{
    background: rgba(184, 84, 80, 0.08);
    color: color-mix(in srgb, var(--rose-dark, #9B6050) 82%, var(--color-error, #ff3e1d) 18%);
  }
.chat-prompt-panel-close{
    border-radius: 10px;
    width: 34px;
    height: 34px;
  }
.chat-prompt-panel-close:hover{
    background: rgba(212, 168, 154, 0.10);
    color: var(--warm-text);
  }
.chat-prompt-panel{
    animation: promptPanelIn 0.2s ease both;
  }
.chat-prompt-panel-inner[data-color="red"],
  .chat-prompt-panel-inner[data-color="orange"],
  .chat-prompt-panel-inner[data-color="pink"]{
    background: rgba(251, 243, 240, 1) !important;
    border-color: rgba(232, 212, 206, 0.6);
  }
.chat-prompt-panel-inner[data-color="green"],
  .chat-prompt-panel-inner[data-color="yellow"]{
    background: rgba(242, 248, 245, 1) !important;
    border-color: rgba(200, 221, 210, 0.6);
  }
.chat-prompt-panel-inner[data-color="gray"],
  .chat-prompt-panel-inner[data-color="blue"],
  .chat-prompt-panel-inner[data-color="purple"]{
    background: rgba(248, 244, 240, 1) !important;
    border-color: rgba(228, 220, 212, 0.6);
  }
.chat-prompt-item{
    border-bottom: 1px solid rgba(228, 220, 212, 0.35);
    border-radius: 10px;
    transition: all 0.15s ease;
  }
.chat-prompt-item:last-child{
    border-bottom-color: transparent;
  }
.chat-prompt-item:hover{
    background: rgba(212, 168, 154, 0.06);
    border-color: transparent;
  }
.chat-prompt-suggestion-btn{
    font-family: var(--font-family);
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-normal);
    color: var(--warm-text);
    height: 42px;
    padding: 11px 10px;
    border-radius: 10px;
  }
.chat-prompt-arrow{
    color: var(--warm-text-light);
  }
.chat-prompt-item-edit,
  .chat-prompt-item-delete{
    border-radius: 8px;
    transition: all 0.15s ease;
  }
.chat-prompt-item-edit:hover{
    background: rgba(212, 168, 154, 0.10);
    color: var(--warm-text);
  }
.chat-prompt-item-delete:hover{
    background: rgba(184, 84, 80, 0.08);
    color: color-mix(in srgb, var(--rose-dark, #9B6050) 82%, var(--color-error, #ff3e1d) 18%);
  }
.chat-prompt-delete-confirm{
    color: var(--warm-text-light);
    font-family: var(--font-family);
  }
.chat-prompt-delete-no{
    border-radius: 10px;
    color: var(--warm-text-light);
  }
.chat-prompt-delete-no:hover{
    background: rgba(212, 168, 154, 0.10);
    color: var(--warm-text);
  }
.chat-prompt-delete-yes{
    border-radius: 10px;
    background: color-mix(in srgb, var(--rose-dark, #9B6050) 82%, var(--color-error, #ff3e1d) 18%);
  }
.chat-prompt-delete-yes:hover{
    background: color-mix(in srgb, var(--rose-dark, #9B6050) 88%, var(--color-error, #ff3e1d) 12%);
  }
.chat-prompt-add-row{
    border-top: 1px solid rgba(228, 220, 212, 0.4);
    padding: 10px 6px 4px;
    margin-top: 4px;
  }
.chat-prompt-add-prompt-btn{
    font-family: var(--font-family);
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-normal);
    color: var(--warm-text-light);
    border-radius: 10px;
    padding: 8px 12px;
  }
.chat-prompt-add-prompt-btn:hover{
    background: rgba(212, 168, 154, 0.08);
    color: var(--warm-text);
  }
.chat-prompt-add-prompt-btn svg{
    color: var(--rose);
  }
.chat-prompt-empty{
    padding: 24px 12px 16px;
  }
.chat-prompt-empty p:first-child{
    font-family: var(--font-family);
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-medium);
    color: var(--warm-text);
  }
.chat-prompt-empty p{
    font-family: var(--font-family);
    color: var(--warm-text-light);
    font-size: var(--font-size-base);
    line-height: 1.4;
  }
.chat-prompt-form-label{
    font-family: var(--font-family);
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-medium);
    color: var(--warm-text);
    letter-spacing: 0;
    margin-bottom: 6px;
    margin-top: 12px;
  }
.chat-prompt-icon-picker{
    display: grid;
    grid-template-columns: repeat(6, 38px);
    gap: 8px;
    padding: 6px 0 12px;
  }
.chat-prompt-icon-btn{
    width: 38px;
    height: 38px;
    border-radius: 12px;
    border: 1px solid rgba(228, 220, 212, 0.5);
    background: rgba(255, 254, 251, 0.7);
    color: var(--warm-text-light);
    transition: all 0.15s ease;
  }
.chat-prompt-icon-btn:hover{
    background: rgba(255, 254, 251, 0.95);
    border-color: rgba(212, 168, 154, 0.4);
    color: var(--warm-text);
    transform: scale(1.02);
    box-shadow: 0 2px 8px rgba(92, 77, 67, 0.06);
  }
.chat-prompt-icon-btn.is-selected{
    background: var(--rose-bg);
    border-color: rgba(212, 168, 154, 0.55);
    box-shadow: 0 0 0 3px rgba(212, 168, 154, 0.16);
    color: var(--warm-text);
  }
.chat-prompt-color-picker{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 6px 0 12px;
  }
.chat-prompt-color-btn{
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 2px solid rgba(255, 254, 251, 0.95);
    box-shadow: 0 0 0 1px rgba(92, 77, 67, 0.10);
    transition: all 0.15s ease;
  }
.chat-prompt-color-btn:hover{
    transform: scale(1.12);
    box-shadow: 0 0 0 1px rgba(92, 77, 67, 0.15);
  }
.chat-prompt-color-btn.is-selected{
    box-shadow:
      0 0 0 2px rgba(255, 254, 251, 0.95),
      0 0 0 4px rgba(212, 168, 154, 0.5);
    transform: scale(1.08);
  }
.chat-prompt-color-none{
    border: 2px dashed rgba(184, 168, 152, 0.3);
  }
.chat-prompt-form-input,
  .chat-prompt-form textarea{
    width: 100%;
    border: 1px solid rgba(228, 220, 212, 0.6);
    border-radius: 14px;
    background: rgba(255, 254, 251, 0.7);
    backdrop-filter: blur(8px);
    color: var(--warm-text);
    font-family: var(--font-family);
    font-size: var(--font-size-base);
    padding: 12px 14px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
  }
.chat-prompt-form-input:focus-visible,
  .chat-prompt-form textarea:focus-visible{
    box-shadow: none;
    outline: none;
    background: rgba(255, 254, 251, 0.95);
  }
.chat-prompt-form-input::placeholder,
  .chat-prompt-form textarea::placeholder{
    font-family: var(--font-family);
    color: var(--muted);
  }
.chat-prompt-form-actions{
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding-top: 16px;
  }
.chat-prompt-form-cancel,
  .chat-prompt-form-save{
    font-family: var(--font-family);
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-medium);
    border-radius: 12px;
    padding: 8px 20px;
    transition: all 0.2s ease;
  }
.chat-prompt-form-cancel{
    background: transparent;
    color: var(--warm-text-light);
    border: 1px solid rgba(228, 220, 212, 0.6);
  }
.chat-prompt-form-cancel:hover{
    background: rgba(255, 254, 251, 0.9);
    border-color: rgba(212, 168, 154, 0.4);
    color: var(--warm-text);
  }
.chat-prompt-form-save{
    background: var(--rose-dark, #9B6050) !important;
    color: var(--white, #FFFEFB) !important;
    border: none;
    box-shadow: 0 4px 12px rgba(155, 96, 80, 0.3);
    filter: none !important;
  }
.chat-prompt-form-save:hover{
    transform: scale(1.02);
    box-shadow: 0 6px 18px rgba(155, 96, 80, 0.4);
    background: var(--rose-dark, #9B6050) !important;
    filter: none !important;
  }
[data-theme="dark"] .chat-prompt-form-save{
    background: var(--rose-dark, #E8B8A8) !important;
    color: #1c1b18 !important;
  }
[data-theme="dark"] .chat-prompt-form-save:hover{
    background: var(--rose, #D4A89A) !important;
  }
.chat-prompt-form-save:active{
    transform: scale(0.97);
    box-shadow: 0 2px 6px rgba(155, 96, 80, 0.25);
  }
.chat-prompt-build-btn{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-family: var(--font-family);
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-medium);
    color: var(--white, #FFFEFB);
    background: var(--rose-dark, #9B6050);
    border: none;
    border-radius: 12px;
    padding: 8px 16px;
    cursor: pointer;
    min-height: 44px;
    transition: background 0.2s ease, transform 0.15s ease;
  }
.chat-prompt-build-btn svg{
    width: 18px;
    height: 18px;
    fill: currentColor;
  }
.chat-prompt-build-btn:hover{
    background: var(--rose, #D4A89A);
    transform: scale(1.02);
  }
.chat-prompt-build-btn:focus-visible{
    outline: 2px solid var(--rose-dark, #9B6050);
    outline-offset: 2px;
  }
[data-theme="dark"] .chat-prompt-build-btn{
    background: var(--rose-dark, #E8B8A8);
    color: #1c1b18;
  }
[data-theme="dark"] .chat-prompt-build-btn:hover{
    background: var(--rose, #D4A89A);
  }
.chat-prompt-manual-btn{
    font-size: var(--font-size-sm) !important;
    color: var(--warm-text-light) !important;
    background: transparent !important;
    border: 1px solid rgba(228, 220, 212, 0.5) !important;
    min-height: 44px;
  }
.chat-prompt-manual-btn:hover{
    background: rgba(255, 254, 251, 0.8) !important;
    border-color: rgba(212, 168, 154, 0.4) !important;
  }
[data-theme="dark"] .chat-prompt-manual-btn{
    color: var(--warm-text-light, #a09890) !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
  }
[data-theme="dark"] .chat-prompt-manual-btn:hover{
    background: rgba(255, 255, 255, 0.06) !important;
  }
.chat-prompt-add-row{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 12px 18px 16px;
    align-items: center;
  }
.chat-prompt-builder{
    padding: 4px 18px 16px;
  }
.chat-prompt-builder-progress{
    display: flex;
    gap: 6px;
    margin-bottom: 14px;
  }
.chat-prompt-builder-dot{
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(58, 47, 38, 0.12);
    transition: background 0.2s ease;
  }
.chat-prompt-builder-dot.is-done{
    background: var(--sage, #4A7A68);
  }
.chat-prompt-builder-dot.is-current{
    background: var(--rose-dark, #9B6050);
    box-shadow: 0 0 0 3px rgba(155, 96, 80, 0.2);
  }
[data-theme="dark"] .chat-prompt-builder-dot{
    background: rgba(255, 255, 255, 0.15);
  }
[data-theme="dark"] .chat-prompt-builder-dot.is-done{
    background: var(--sage, #8FA593);
  }
[data-theme="dark"] .chat-prompt-builder-dot.is-current{
    background: var(--rose-dark, #E8B8A8);
    box-shadow: 0 0 0 3px rgba(232, 184, 168, 0.25);
  }
.chat-prompt-builder-question{
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-medium);
    color: var(--warm-text);
    margin: 0 0 12px;
    line-height: 1.4;
  }
.chat-prompt-builder-chips{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }
.chat-prompt-builder-chip{
    display: inline-flex;
    align-items: center;
    font-family: var(--font-family);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
    color: var(--warm-text);
    background: rgba(255, 254, 251, 0.7);
    border: 1px solid rgba(228, 220, 212, 0.6);
    border-radius: 10px;
    padding: 8px 14px;
    cursor: pointer;
    min-height: 44px;
    transition: all 0.15s ease;
  }
.chat-prompt-builder-chip:hover{
    background: rgba(255, 254, 251, 0.95);
    border-color: rgba(212, 168, 154, 0.5);
    transform: translateY(-1px);
  }
.chat-prompt-builder-chip:focus-visible{
    outline: 2px solid var(--rose-dark, #9B6050);
    outline-offset: 2px;
  }
.chat-prompt-builder-chip.is-selected{
    background: var(--rose-dark, #9B6050);
    color: var(--white, #FFFEFB);
    border-color: var(--rose-dark, #9B6050);
  }
[data-theme="dark"] .chat-prompt-builder-chip{
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.12);
    color: var(--warm-text, #E8DDD4);
  }
[data-theme="dark"] .chat-prompt-builder-chip:hover{
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.2);
  }
[data-theme="dark"] .chat-prompt-builder-chip.is-selected{
    background: var(--rose-dark, #E8B8A8);
    color: #1c1b18;
    border-color: var(--rose-dark, #E8B8A8);
  }
.chat-prompt-builder-other-input,
  .chat-prompt-builder-textarea{
    display: block;
    width: 100%;
    margin-top: 10px;
    font-family: var(--font-family);
    font-size: var(--font-size-sm);
    color: var(--warm-text);
    background: rgba(255, 254, 251, 0.8);
    border: 1px solid rgba(228, 220, 212, 0.6);
    border-radius: 10px;
    padding: 10px 14px;
    box-sizing: border-box;
    resize: vertical;
    transition: border-color 0.2s ease;
  }
.chat-prompt-builder-other-row{
    display: flex;
    align-items: stretch;
    gap: 8px;
    margin-top: 10px;
  }
.chat-prompt-builder-other-row .chat-prompt-builder-other-input{
    margin-top: 0;
    min-width: 0;
    flex: 1 1 auto;
  }
.chat-prompt-builder-other-input.is-invalid{
    border-color: color-mix(in srgb, var(--rose-dark, #9B6050) 72%, var(--color-error, #ff3e1d) 28%);
    box-shadow: 0 0 0 3px rgba(155, 96, 80, 0.14);
  }
.chat-prompt-builder-other-input:focus,
  .chat-prompt-builder-textarea:focus{
    outline: none;
    border-color: var(--rose-dark, #9B6050);
    box-shadow: 0 0 0 3px rgba(155, 96, 80, 0.12);
  }
[data-theme="dark"] .chat-prompt-builder-other-input,
  [data-theme="dark"] .chat-prompt-builder-textarea{
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.12);
    color: var(--warm-text, #E8DDD4);
  }
[data-theme="dark"] .chat-prompt-builder-other-input:focus,
  [data-theme="dark"] .chat-prompt-builder-textarea:focus{
    border-color: var(--rose-dark, #E8B8A8);
    box-shadow: 0 0 0 3px rgba(232, 184, 168, 0.15);
  }
.chat-prompt-builder-nav{
    display: flex;
    gap: 10px;
    margin-top: 14px;
  }
.chat-prompt-builder-back{
    font-family: var(--font-family);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
    color: var(--warm-text-light);
    background: transparent;
    border: 1px solid rgba(228, 220, 212, 0.5);
    border-radius: 10px;
    padding: 6px 14px;
    cursor: pointer;
    min-height: 36px;
    transition: all 0.15s ease;
  }
.chat-prompt-builder-back:hover{
    background: rgba(255, 254, 251, 0.8);
    border-color: rgba(212, 168, 154, 0.4);
  }
.chat-prompt-builder-back:focus-visible{
    outline: 2px solid var(--rose-dark, #9B6050);
    outline-offset: 2px;
  }
[data-theme="dark"] .chat-prompt-builder-back{
    color: var(--warm-text-light, #a09890);
    border-color: rgba(255, 255, 255, 0.12);
  }
[data-theme="dark"] .chat-prompt-builder-back:hover{
    background: rgba(255, 255, 255, 0.06);
  }
.chat-prompt-builder-next{
    font-family: var(--font-family);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
    color: var(--white, #FFFEFB);
    background: var(--rose-dark, #9B6050);
    border: none;
    border-radius: 10px;
    padding: 6px 16px;
    cursor: pointer;
    min-height: 36px;
    margin-inline-start: auto;
    transition: background 0.2s ease;
  }
.chat-prompt-builder-other-next{
    flex: 0 0 auto;
    min-height: 44px;
    white-space: nowrap;
  }
.chat-prompt-builder-status{
    min-height: 20px;
    margin: 10px 0 0;
    font-family: var(--font-family);
    font-size: var(--font-size-sm);
    color: var(--warm-text-light);
  }
.chat-prompt-builder-save[disabled],
  .chat-prompt-builder-next[disabled]{
    cursor: not-allowed;
    opacity: 0.72;
    transform: none;
  }
.chat-prompt-builder-next:hover{
    background: var(--rose, #D4A89A);
  }
.chat-prompt-builder-next:focus-visible{
    outline: 2px solid var(--rose-dark, #9B6050);
    outline-offset: 2px;
  }
[data-theme="dark"] .chat-prompt-builder-next{
    background: var(--rose-dark, #E8B8A8);
    color: #1c1b18;
  }
[data-theme="dark"] .chat-prompt-builder-status{
    color: var(--warm-text-light, #a09890);
  }
.chat-prompt-builder-preview{
    padding: 4px 18px 16px;
  }
.chat-prompt-builder-preview-cat{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-semibold);
    color: var(--warm-text);
    background: rgba(255, 254, 251, 0.6);
    border: 1px solid rgba(228, 220, 212, 0.4);
    border-radius: 8px;
    padding: 4px 10px;
    margin-bottom: 12px;
  }
.chat-prompt-builder-preview-cat svg{
    width: 14px;
    height: 14px;
    fill: currentColor;
  }
[data-theme="dark"] .chat-prompt-builder-preview-cat{
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.1);
  }
.chat-prompt-builder-preview-actions{
    flex-wrap: wrap;
  }
.chat-prompt-builder-adjust{
    font-family: var(--font-family);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
    color: var(--warm-text-light);
    background: transparent;
    border: 1px solid rgba(228, 220, 212, 0.5);
    border-radius: 12px;
    padding: 8px 16px;
    cursor: pointer;
    min-height: 44px;
    transition: all 0.15s ease;
  }
.chat-prompt-builder-adjust:hover{
    background: rgba(255, 254, 251, 0.8);
    border-color: rgba(212, 168, 154, 0.4);
  }
.chat-prompt-builder-adjust:focus-visible{
    outline: 2px solid var(--rose-dark, #9B6050);
    outline-offset: 2px;
  }
[data-theme="dark"] .chat-prompt-builder-adjust{
    color: var(--warm-text-light, #a09890);
    border-color: rgba(255, 255, 255, 0.12);
  }
[data-theme="dark"] .chat-prompt-builder-adjust:hover{
    background: rgba(255, 255, 255, 0.06);
  }
.chat-prompt-builder-save-current{
    font-family: var(--font-family);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
    color: var(--warm-text-light);
    background: rgba(58, 47, 38, 0.06);
    border: 1px solid rgba(228, 220, 212, 0.5);
    border-radius: 12px;
    padding: 8px 16px;
    cursor: pointer;
    min-height: 44px;
    transition: all 0.15s ease;
  }
.chat-prompt-builder-save-current:hover{
    background: rgba(58, 47, 38, 0.12);
    border-color: rgba(212, 168, 154, 0.4);
  }
.chat-prompt-builder-save-current:focus-visible{
    outline: 2px solid var(--rose-dark, #9B6050);
    outline-offset: 2px;
  }
[data-theme="dark"] .chat-prompt-builder-save-current{
    color: var(--warm-text-light, #a09890);
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.12);
  }
[data-theme="dark"] .chat-prompt-builder-save-current:hover{
    background: rgba(255, 255, 255, 0.12);
  }
.chat-prompt-top-actions{
    padding: 8px 0 4px;
  }
@media (prefers-reduced-motion: reduce){.chat-prompt-builder-chip,
    .chat-prompt-build-btn,
    .chat-prompt-builder-dot{
      transition: none;
    }}
@media (max-width: 767px){.chat-prompt-panel-inner,
    .chat-prompt-panel-inner[data-color]{
      padding: 12px 14px;
    }
.chat-prompt-icon-picker{
      grid-template-columns: repeat(4, 38px);
      gap: 10px;
      justify-content: center;
    }
.chat-prompt-form-input,
    .chat-prompt-form textarea{
      font-size: var(--font-size-base);
      padding: 12px 14px;
      border-radius: 12px;
    }
.chat-prompt-form-save,
    .chat-prompt-form-cancel{
      padding: 10px 22px;
      font-size: var(--font-size-base);
    }
.chat-prompt-builder{
      padding: 4px 14px 14px;
    }
.chat-prompt-builder-chips{
      gap: 6px;
    }
.chat-prompt-builder-chip{
      font-size: var(--font-size-sm);
      padding: 8px 12px;
      min-height: 44px;
    }
.chat-prompt-builder-other-row{
      flex-direction: column;
    }
.chat-prompt-builder-other-next{
      width: 100%;
      justify-content: center;
    }
.chat-prompt-builder-preview{
      padding: 4px 14px 14px;
    }
.chat-prompt-add-row{
      padding: 10px 14px 14px;
    }
.chat-prompt-build-btn{
      flex: 1 1 auto;
      justify-content: center;
    }
.chat-prompt-manual-btn{
      flex: 0 1 auto;
    }}
@media (max-width: 767px){body.chat-ny-in-conversation .chat-prompt-panel{
      bottom: calc(12px + env(safe-area-inset-bottom, 0px)) !important;
    }}
.chat-ny-prompt-area,
  .chat-prompt-area{
    max-width: 960px !important;
    margin-bottom: 42px;
  }
.quick-actions,
  .chat-prompt-chips{
    max-width: 960px !important;
    gap: 14px !important;
  }
.chat-ny-prompt-area .quick-action,
  .chat-ny-prompt-area .chat-prompt-chip{
    min-height: 48px;
    padding: 12px 24px !important;
    border-radius: 24px;
    font-size: var(--font-size-base);
    box-shadow:
      0 2px 5px rgba(92, 77, 67, 0.05),
      0 8px 24px rgba(92, 77, 67, 0.04);
  }
@media (max-width: 767px){.chat-ny-prompt-area,
    .chat-prompt-area,
    .quick-actions,
    .chat-prompt-chips{
      max-width: 100% !important;
    }
.chat-ny-prompt-area .quick-action,
    .chat-ny-prompt-area .chat-prompt-chip,
    body:not(.chat-ny-in-conversation) .quick-action,
    body:not(.chat-ny-in-conversation) .chat-prompt-chip{
      min-height: 44px;
      padding: 10px 18px !important;
      gap: 10px;
      font-size: var(--font-size-base);
      line-height: 1.4;
    }}
@media (max-width: 767px){.voice-overlay-close,
    .voice-type-toggle,
    .voice-stop-btn,
    .chat-prompt-panel-close,
    .chat-prompt-item-edit,
    .chat-prompt-item-delete,
    .chat-prompt-icon-btn,
    .chat-prompt-color-btn{
      width: 48px !important;
      height: 48px !important;
      min-height: 48px !important;
      min-width: 48px !important;
    }}
.chat-ny-prompt-area,
  .chat-prompt-area{
    margin-bottom: 34px;
  }
.quick-action,
  .chat-prompt-chip{
    min-height: 42px;
    padding: 10px 22px;
    font-size: var(--font-size-base);
  }
body:not(.chat-ny-in-conversation) .chat-ny-prompt-area,
  body:not(.chat-ny-in-conversation) .chat-prompt-area{
    max-width: 960px;
    margin: 0 auto 40px;
  }
body:not(.chat-ny-in-conversation) .quick-actions,
  body:not(.chat-ny-in-conversation) .chat-prompt-chips{
    max-width: 960px !important;
    gap: 14px !important;
  }
body:not(.chat-ny-in-conversation) .quick-action,
  body:not(.chat-ny-in-conversation) .chat-prompt-chip{
    min-height: 44px;
    padding: 10px 22px;
    border-radius: 22px;
    font-size: var(--font-size-base);
  }
body:not(.chat-ny-in-conversation) .quick-action:active,
  body:not(.chat-ny-in-conversation) .chat-prompt-chip:active{
    transform: scale(0.97) !important;
  }
@media (prefers-reduced-motion: reduce){body:not(.chat-ny-in-conversation) .input-card *,
    body:not(.chat-ny-in-conversation) .quick-action,
    body:not(.chat-ny-in-conversation) .chat-prompt-chip{
      animation: none !important;
      transition: none !important;
      scroll-behavior: auto !important;
    }}
body:not(.chat-ny-in-conversation) .quick-action,
  body:not(.chat-ny-in-conversation) .chat-prompt-chip{
    box-shadow:
      0 1px 4px rgba(92, 77, 67, 0.05),
      inset 0 1px 0 rgba(255, 255, 255, 0.5) !important;
  }
body:not(.chat-ny-in-conversation) .quick-action:hover,
  body:not(.chat-ny-in-conversation) .chat-prompt-chip:hover{
    box-shadow:
      0 4px 14px rgba(92, 77, 67, 0.08),
      inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
  }
body:not(.chat-ny-in-conversation) .chat-prompt-chip.chat-prompt-add:hover{
    background: rgba(110, 138, 126, 0.08) !important;
    border-color: rgba(110, 138, 126, 0.7) !important;
    color: #4A7A68 !important;
    box-shadow:
      0 4px 14px rgba(92, 77, 67, 0.08),
      inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
  }
body:not(.chat-ny-in-conversation) .chat-prompt-panel .chat-prompt-list .chat-prompt-item:hover,
  body:not(.chat-ny-in-conversation) .chat-prompt-panel .chat-prompt-list .chat-prompt-item:focus-within,
  body:not(.chat-ny-in-conversation) .chat-prompt-item:hover{
    background: rgba(212, 168, 154, 0.06) !important;
    border-color: transparent !important;
  }
body:not(.chat-ny-in-conversation) .chat-prompt-form .chat-prompt-form-input,
  body:not(.chat-ny-in-conversation) .chat-prompt-form textarea{
    border: 1px solid rgba(228, 220, 212, 0.6) !important;
    border-radius: 14px !important;
    background: rgba(255, 254, 251, 0.7) !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    color: var(--warm-text) !important;
    font-family: var(--font-family) !important;
    font-size: var(--font-size-base) !important;
    padding: 12px 14px !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
  }
body:not(.chat-ny-in-conversation) .chat-prompt-panel .chat-prompt-form .chat-prompt-form-input:focus-visible,
  body:not(.chat-ny-in-conversation) .chat-prompt-panel .chat-prompt-form textarea:focus-visible,
  body:not(.chat-ny-in-conversation) .chat-prompt-form .chat-prompt-form-input:focus-visible,
  body:not(.chat-ny-in-conversation) .chat-prompt-form textarea:focus-visible{
    border-color: rgba(212, 168, 154, 0.5) !important;
    box-shadow: none !important;
    outline: none !important;
    outline-offset: 2px !important;
    background: rgba(255, 254, 251, 0.9) !important;
  }
@media (max-width: 767px){body:not(.chat-ny-in-conversation) .chat-prompt-form .chat-prompt-form-input,
    body:not(.chat-ny-in-conversation) .chat-prompt-form textarea{
      font-size: var(--font-size-base) !important;
      padding: 12px 14px !important;
      border-radius: 12px !important;
    }}
[data-theme="dark"] .input-card,
  [data-theme="dark"] body:not(.chat-ny-in-conversation) .input-card,
  [data-theme="dark"] .card,
  [data-theme="dark"] .chat-input-box,
  [data-theme="dark"] body.chat-ny-in-conversation .chat-input-box,
  [data-theme="dark"] .chat-prompt-panel-inner,
  [data-theme="dark"] .chat-prompt-form-input,
  [data-theme="dark"] .chat-prompt-form textarea,
  [data-theme="dark"] .chat-plus-menu,
  [data-theme="dark"] .chat-doc-picker,
  [data-theme="dark"] .quick-action,
  [data-theme="dark"] .chat-prompt-chip{
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
[data-theme="dark"] .greeting h1,
  [data-theme="dark"] .card-title,
  [data-theme="dark"] .chat-prompt-panel-title{
    color: #E8DDD4 !important;
  }
[data-theme="dark"] .greeting p,
  [data-theme="dark"] .card-item-text,
  [data-theme="dark"] .card-item-meta,
  [data-theme="dark"] .card-empty,
  [data-theme="dark"] .chat-message-time,
  [data-theme="dark"] .chat-prompt-empty p{
    color: var(--color-text-secondary, #B8AFA6) !important;
  }
[data-theme="dark"] .card,
  [data-theme="dark"] .chat-message.received .chat-bubble,
  [data-theme="dark"] .chat-message.sent .chat-bubble,
  [data-theme="dark"] .chat-bubble-file-chip,
  [data-theme="dark"] .chat-code-block,
  [data-theme="dark"] .chat-prompt-item{
    background: rgb(42, 38, 34) !important;
    border-color: rgba(232, 224, 216, 0.08) !important;
    color: #E8DDD4 !important;
  }
[data-theme="dark"] .chat-ny-prompt-area .quick-action,
  [data-theme="dark"] .chat-ny-prompt-area .chat-prompt-chip,
  [data-theme="dark"] body:not(.chat-ny-in-conversation) .quick-action,
  [data-theme="dark"] body:not(.chat-ny-in-conversation) .chat-prompt-chip,
  [data-theme="dark"] .chat-prompt-chip,
  [data-theme="dark"] .quick-action{
    background: rgba(42, 38, 34, 0.85) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border-color: rgba(232, 224, 216, 0.12) !important;
    color: #E8DDD4 !important;
    box-shadow:
      0 1px 4px rgba(20, 18, 15, 0.30),
      inset 0 1px 0 rgba(232, 224, 216, 0.07) !important;
  }
[data-theme="dark"] .quick-action--rose,
  [data-theme="dark"] .chat-ny-prompt-area .quick-action--rose,
  [data-theme="dark"] body:not(.chat-ny-in-conversation) .quick-action--rose,
  [data-theme="dark"] .chat-prompt-chip[data-color="red"],
  [data-theme="dark"] .chat-prompt-chip[data-color="orange"],
  [data-theme="dark"] .chat-prompt-chip[data-color="pink"],
  [data-theme="dark"] .chat-ny-prompt-area .chat-prompt-chip[data-color="red"],
  [data-theme="dark"] .chat-ny-prompt-area .chat-prompt-chip[data-color="orange"],
  [data-theme="dark"] .chat-ny-prompt-area .chat-prompt-chip[data-color="pink"],
  [data-theme="dark"] body:not(.chat-ny-in-conversation) .chat-prompt-chip[data-color="red"],
  [data-theme="dark"] body:not(.chat-ny-in-conversation) .chat-prompt-chip[data-color="orange"],
  [data-theme="dark"] body:not(.chat-ny-in-conversation) .chat-prompt-chip[data-color="pink"]{
    background: rgba(212, 168, 154, 0.16) !important;
    border-color: rgba(212, 168, 154, 0.19) !important;
  }
[data-theme="dark"] .quick-action--sage,
  [data-theme="dark"] .chat-ny-prompt-area .quick-action--sage,
  [data-theme="dark"] body:not(.chat-ny-in-conversation) .quick-action--sage,
  [data-theme="dark"] .chat-prompt-chip[data-color="green"],
  [data-theme="dark"] .chat-prompt-chip[data-color="yellow"],
  [data-theme="dark"] .chat-ny-prompt-area .chat-prompt-chip[data-color="green"],
  [data-theme="dark"] .chat-ny-prompt-area .chat-prompt-chip[data-color="yellow"],
  [data-theme="dark"] body:not(.chat-ny-in-conversation) .chat-prompt-chip[data-color="green"],
  [data-theme="dark"] body:not(.chat-ny-in-conversation) .chat-prompt-chip[data-color="yellow"]{
    background: rgba(160, 200, 170, 0.14) !important;
    border-color: rgba(160, 200, 170, 0.16) !important;
  }
[data-theme="dark"] .quick-action--slate,
  [data-theme="dark"] .chat-ny-prompt-area .quick-action--slate,
  [data-theme="dark"] body:not(.chat-ny-in-conversation) .quick-action--slate,
  [data-theme="dark"] .chat-prompt-chip[data-color="gray"],
  [data-theme="dark"] .chat-prompt-chip[data-color="blue"],
  [data-theme="dark"] .chat-prompt-chip[data-color="purple"],
  [data-theme="dark"] .chat-ny-prompt-area .chat-prompt-chip[data-color="gray"],
  [data-theme="dark"] .chat-ny-prompt-area .chat-prompt-chip[data-color="blue"],
  [data-theme="dark"] .chat-ny-prompt-area .chat-prompt-chip[data-color="purple"],
  [data-theme="dark"] body:not(.chat-ny-in-conversation) .chat-prompt-chip[data-color="gray"],
  [data-theme="dark"] body:not(.chat-ny-in-conversation) .chat-prompt-chip[data-color="blue"],
  [data-theme="dark"] body:not(.chat-ny-in-conversation) .chat-prompt-chip[data-color="purple"]{
    background: rgba(168, 176, 196, 0.14) !important;
    border-color: rgba(168, 176, 196, 0.16) !important;
  }
[data-theme="dark"] .chat-prompt-panel-inner,
  [data-theme="dark"] .chat-prompt-panel-inner[data-color],
  [data-theme="dark"] .chat-prompt-panel-inner[data-color="red"],
  [data-theme="dark"] .chat-prompt-panel-inner[data-color="orange"],
  [data-theme="dark"] .chat-prompt-panel-inner[data-color="pink"],
  [data-theme="dark"] .chat-prompt-panel-inner[data-color="green"],
  [data-theme="dark"] .chat-prompt-panel-inner[data-color="yellow"],
  [data-theme="dark"] .chat-prompt-panel-inner[data-color="gray"],
  [data-theme="dark"] .chat-prompt-panel-inner[data-color="blue"],
  [data-theme="dark"] .chat-prompt-panel-inner[data-color="purple"]{
    background: rgba(42, 38, 34, 1) !important;
    border: 1px solid rgba(232, 224, 216, 0.10) !important;
    color: #E8DDD4 !important;
    position: relative;
    isolation: isolate;
    box-shadow:
      0 24px 70px rgba(20, 18, 15, 0.45),
      0 4px 14px rgba(20, 18, 15, 0.3),
      inset 0 1px 0 rgba(232, 224, 216, 0.06) !important;
  }
[data-theme="dark"] .chat-prompt-panel-inner::before{
    content: '';
    position: absolute;
    inset: 0;
    z-index: 0;
    border-radius: inherit;
    background: rgb(42, 38, 34);
    pointer-events: none;
  }
[data-theme="dark"] .chat-prompt-panel-inner > *{
    position: relative;
    z-index: 1;
  }
[data-theme="dark"] .chat-input-box,
  [data-theme="dark"] .chat-input-box--welcome,
  [data-theme="dark"] body.chat-ny-in-conversation .chat-input-box,
  [data-theme="dark"] .chat-prompt-form-input,
  [data-theme="dark"] .chat-prompt-form textarea,
  [data-theme="dark"] body:not(.chat-ny-in-conversation) .chat-prompt-form .chat-prompt-form-input,
  [data-theme="dark"] body:not(.chat-ny-in-conversation) .chat-prompt-form textarea{
    background: rgba(42, 38, 34, 0.60) !important;
    border-color: rgba(232, 224, 216, 0.10) !important;
    color: #E8DDD4 !important;
  }
[data-theme="dark"] .chat-input-field,
  [data-theme="dark"] .chat-input-field::placeholder,
  [data-theme="dark"] .chat-prompt-form-input::placeholder,
  [data-theme="dark"] .chat-prompt-form textarea::placeholder{
    color: #E8DDD4 !important;
  }
[data-theme="dark"] .chat-input-field::placeholder,
  [data-theme="dark"] .chat-prompt-form-input::placeholder,
  [data-theme="dark"] .chat-prompt-form textarea::placeholder{
    opacity: 0.62;
  }
[data-theme="dark"] .chat-prompt-panel-inner .chat-prompt-form-input,
  [data-theme="dark"] .chat-prompt-panel-inner .chat-prompt-form textarea{
    background: rgba(52, 47, 42, 0.90) !important;
    border-color: rgba(232, 224, 216, 0.12) !important;
  }
[data-theme="dark"] body:not(.chat-ny-in-conversation) .chat-prompt-panel .chat-prompt-panel-inner .chat-prompt-form .chat-prompt-form-input,
  [data-theme="dark"] body:not(.chat-ny-in-conversation) .chat-prompt-panel .chat-prompt-panel-inner .chat-prompt-form textarea{
    background: rgba(52, 47, 42, 0.90) !important;
    border-color: rgba(232, 224, 216, 0.12) !important;
  }
[data-theme="dark"] body:not(.chat-ny-in-conversation) .chat-prompt-panel .chat-prompt-panel-inner .chat-prompt-form .chat-prompt-form-input:focus-visible,
  [data-theme="dark"] body:not(.chat-ny-in-conversation) .chat-prompt-panel .chat-prompt-panel-inner .chat-prompt-form textarea:focus-visible{
    background: rgba(52, 47, 42, 0.90) !important;
    border-color: rgba(212, 168, 154, 0.30) !important;
    box-shadow: none !important;
    outline: none !important;
  }
[data-theme="dark"] .chat-prompt-icon-btn{
    background: rgba(52, 47, 42, 0.80) !important;
    border-color: rgba(232, 224, 216, 0.10) !important;
    color: #E8DDD4 !important;
  }
[data-theme="dark"] .chat-prompt-icon-btn.is-selected{
    background: rgba(212, 168, 154, 0.18) !important;
    border-color: rgba(212, 168, 154, 0.30) !important;
    box-shadow: 0 0 0 3px rgba(212, 168, 154, 0.10) !important;
  }
[data-theme="dark"] .chat-prompt-color-btn{
    border-color: rgba(42, 38, 34, 0.80) !important;
    box-shadow: 0 0 0 1px rgba(232, 224, 216, 0.15) !important;
  }
[data-theme="dark"] .chat-prompt-color-btn.is-selected{
    box-shadow: 0 0 0 3px rgba(212, 168, 154, 0.22) !important;
  }
[data-theme="dark"] .chat-prompt-panel-header svg{
    color: rgba(232, 224, 216, 0.60) !important;
  }
[data-theme="dark"] .chat-prompt-panel-close{
    color: rgba(232, 224, 216, 0.50) !important;
  }
[data-theme="dark"] .chat-prompt-panel-header{
    border-bottom-color: rgba(232, 224, 216, 0.08) !important;
  }
[data-theme="dark"] .chat-prompt-form{
    border-top-color: rgba(232, 224, 216, 0.08) !important;
  }
[data-theme="dark"] .chat-input-action:hover,
  [data-theme="dark"] .chat-upload-btn:hover,
  [data-theme="dark"] .chat-plus-btn:hover,
  [data-theme="dark"] .chat-back-btn:hover,
  [data-theme="dark"] .chat-prompt-chip:hover,
  [data-theme="dark"] .chat-prompt-header-action:hover,
  [data-theme="dark"] .chat-prompt-panel-close:hover,
  [data-theme="dark"] .chat-prompt-item:hover,
  [data-theme="dark"] .chat-prompt-item:focus-within,
  [data-theme="dark"] .chat-prompt-icon-btn:hover,
  [data-theme="dark"] .chat-prompt-color-btn:hover,
  [data-theme="dark"] .chat-prompt-form-cancel:hover{
    background: rgba(168, 197, 184, 0.10) !important;
  }
[data-theme="dark"] .chat-prompt-header-action.chat-prompt-cat-delete:hover,
  [data-theme="dark"] .chat-prompt-cat-delete:hover{
    background: rgba(220, 38, 38, 0.12) !important;
    color: var(--color-error, #f87171) !important;
  }
[data-theme="dark"] .chat-prompt-chip[data-color="red"]:hover,
  [data-theme="dark"] .chat-prompt-chip[data-color="orange"]:hover,
  [data-theme="dark"] .chat-prompt-chip[data-color="pink"]:hover{
    background: rgba(212, 168, 154, 0.18) !important;
    border-color: rgba(212, 168, 154, 0.22) !important;
  }
[data-theme="dark"] .chat-prompt-chip[data-color="green"]:hover,
  [data-theme="dark"] .chat-prompt-chip[data-color="yellow"]:hover{
    background: rgba(160, 200, 170, 0.15) !important;
    border-color: rgba(160, 200, 170, 0.18) !important;
  }
[data-theme="dark"] .chat-prompt-chip[data-color="gray"]:hover,
  [data-theme="dark"] .chat-prompt-chip[data-color="blue"]:hover,
  [data-theme="dark"] .chat-prompt-chip[data-color="purple"]:hover{
    background: rgba(168, 176, 196, 0.15) !important;
    border-color: rgba(168, 176, 196, 0.18) !important;
  }
@media (max-width: 767px){.chat-prompt-chip,
    .chat-prompt-suggestion-btn{
      min-height: 44px !important;
      padding: 12px 16px !important;
      font-size: var(--font-size-base) !important;
    }
.chat-prompt-panel .chat-prompt-item{
      min-height: 44px !important;
      padding: 12px 14px !important;
    }}
@media (max-width: 380px){.chat-prompt-chip{
      min-height: 44px !important;
      padding: 10px 12px !important;
      font-size: var(--font-size-base) !important;
    }}
body:not(.chat-ny-in-conversation) .chat-prompt-chip{
    border-radius: 20px !important;
  }
body:has(#chat-app) :is(
  .card-title,
  .chat-prompt-panel-title,
  .confirm-title,
  #onb-backdrop .onb-screen h2
){
  font-size: var(--font-size-2xl) !important;
  font-weight: var(--font-weight-semibold) !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
}
body:has(#chat-app) .chat-prompt-chip{
  font-size: var(--font-size-base) !important;
  font-weight: var(--font-weight-medium) !important;
  letter-spacing: 0 !important;
}
.chat-prompt-area .chat-prompt-chips.quick-actions{
  margin-bottom: 0;
}
@media (hover: hover) and (pointer: fine){.chat-prompt-area .chat-prompt-chips.quick-actions .chat-prompt-chip:not(.chat-prompt-add){
    position: relative;
    cursor: grab;
    
    padding-inline-start: 30px !important;
    padding-inline-end: 24px !important;
  }
.chat-prompt-area .chat-prompt-chips.quick-actions .chat-prompt-chip:not(.chat-prompt-add):active{
    cursor: grabbing;
  }
.chat-prompt-area .chat-prompt-chips.quick-actions .chat-prompt-chip:not(.chat-prompt-add)::before{
    content: "";
    position: absolute;
    inset-inline-start: 12px;
    top: 50%;
    width: 6px;
    height: 13px;
    transform: translateY(-50%);
    opacity: 0;
    transition: opacity 0.15s ease;
    background-image: radial-gradient(currentColor 40%, transparent 45%);
    background-size: 3px 4px;
    background-position: center;
    background-repeat: round;
    color: var(--warm-text, #5c4d43);
    pointer-events: none;
  }
.chat-prompt-area .chat-prompt-chips.quick-actions .chat-prompt-chip:not(.chat-prompt-add):hover::before,
  .chat-prompt-area .chat-prompt-chips.quick-actions .chat-prompt-chip:not(.chat-prompt-add):focus-visible::before{
    opacity: 0.4;
  }
.chat-prompt-area .chat-prompt-chips.quick-actions .chat-prompt-chip:not(.chat-prompt-add):hover,
  .chat-prompt-area .chat-prompt-chips.quick-actions .chat-prompt-chip:not(.chat-prompt-add):focus-visible{
    transform: translateY(-1px);
    box-shadow: 0 4px 14px rgba(92, 77, 67, 0.08);
  }
.chat-prompt-area .chat-prompt-chips.quick-actions .chat-prompt-chip:not(.chat-prompt-add).dragging{
    opacity: 0.5;
    transform: translateY(-1px) scale(0.97);
    box-shadow: 0 8px 22px rgba(92, 77, 67, 0.16);
    cursor: grabbing;
  }
.chat-prompt-area .chat-prompt-chips.quick-actions .chat-prompt-chip:not(.chat-prompt-add).chip-drop-before::after,
  .chat-prompt-area .chat-prompt-chips.quick-actions .chat-prompt-chip:not(.chat-prompt-add).chip-drop-after::after{
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 70%;
    border-radius: 3px;
    background: var(--chat-ny-accent, #d4a89a);
    opacity: 0.9;
    pointer-events: none;
  }
.chat-prompt-area .chat-prompt-chips.quick-actions .chat-prompt-chip:not(.chat-prompt-add).chip-drop-before::after{
    inset-inline-start: -8.5px;
  }
.chat-prompt-area .chat-prompt-chips.quick-actions .chat-prompt-chip:not(.chat-prompt-add).chip-drop-after::after{
    inset-inline-end: -8.5px;
  }}
@media (prefers-reduced-motion: reduce){.chat-prompt-area .chat-prompt-chips.quick-actions .chat-prompt-chip:not(.chat-prompt-add),
  .chat-prompt-area .chat-prompt-chips.quick-actions .chat-prompt-chip:not(.chat-prompt-add)::before{
    transition: none !important;
  }
.chat-prompt-area .chat-prompt-chips.quick-actions .chat-prompt-chip:not(.chat-prompt-add):hover,
  .chat-prompt-area .chat-prompt-chips.quick-actions .chat-prompt-chip:not(.chat-prompt-add):focus-visible{
    transform: none;
  }
.chat-prompt-area .chat-prompt-chips.quick-actions .chat-prompt-chip:not(.chat-prompt-add).dragging{
    transform: scale(0.97);
  }}
@media (min-width: 769px){.chat-prompt-panel.chat-prompt-panel--with-ai-dock:has(> [data-calm-ai-dock].cvm-is-open){
    display: grid !important;
    grid-template-columns: minmax(0, 640px) minmax(300px, 360px);
    grid-template-areas: "prompt dock";
    column-gap: 16px;
    align-items: start;
    justify-content: center;
  }
.chat-prompt-panel--with-ai-dock:has(> [data-calm-ai-dock].cvm-is-open) > .chat-prompt-panel-inner{
    grid-area: prompt;
    min-width: 0;
  }
.chat-prompt-panel--with-ai-dock:has(> [data-calm-ai-dock].cvm-is-open) > [data-calm-ai-dock]{
    grid-area: dock;
    align-self: start;
    margin: 0;
    min-width: 0;
  }
.chat-prompt-panel--with-ai-dock:has(> [data-calm-ai-dock].cvm-is-open) .cvm-dock--inline{
    max-height: var(--cvm-master-h, 440px);
  }
.chat-prompt-panel--with-ai-dock:has(> [data-calm-ai-dock].cvm-is-open) .cvm-dock--inline .cvm-body{
    flex: 0 1 auto;
  }
.chat-prompt-panel--with-ai-dock:has(> [data-calm-ai-dock]:not(.cvm-is-open)) > [data-calm-ai-dock]{
    display: flex;
    justify-content: center;
    margin-top: 8px;
  }}
@media (max-width: 768px){.chat-prompt-panel.chat-prompt-panel--with-ai-dock{
    max-height: calc(100dvh - var(--mn-bar-height, 60px) - 10px);
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
  }
.chat-prompt-panel--with-ai-dock .calm-prompt-form-mode [data-calm-ai-dock]{
    margin: 0 !important;
  }
.chat-prompt-panel.chat-prompt-panel--with-ai-dock .cvm-dock--inline{
    position: static !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    max-width: none !important;
    max-height: min(42dvh, 320px);
  }
body:not(.chat-ny-in-conversation):has(.cvm-dock--inline:not([hidden])) .chat-prompt-panel{
    bottom: env(safe-area-inset-bottom, 0px) !important;
  }
body:not(.chat-ny-in-conversation):has(.cvm-dock--inline:not([hidden])) .chat-prompt-panel.chat-prompt-panel--with-ai-dock{
    max-height: calc(100dvh - env(safe-area-inset-bottom, 0px) - 10px);
  }}
@media (max-width: 640px){.chat-prompt-panel--with-ai-dock .calm-prompt-form-mode .chat-prompt-form > [data-calm-ai-dock]{
    margin: 20px 0 0 !important;
    padding: 16px 0 0 !important;
    border-top: 1px solid rgb(236, 231, 223) !important;
    background: transparent !important;
  }
[data-theme="dark"] .chat-prompt-panel--with-ai-dock .calm-prompt-form-mode .chat-prompt-form > [data-calm-ai-dock]{
    border-top-color: rgba(255, 255, 255, 0.08) !important;
  }
.chat-prompt-panel--with-ai-dock .calm-prompt-form-mode .cvm-dock--inline{
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
    max-height: none !important;
    animation: none !important;
  }
.chat-prompt-panel--with-ai-dock .calm-prompt-form-mode .cvm-dock--inline .cvm-body{
    flex: 0 0 auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow-y: visible !important;
  }
.chat-prompt-panel--with-ai-dock .calm-prompt-form-mode .cvm-close{
    display: none !important;
  }
.chat-prompt-panel--with-ai-dock .calm-prompt-form-mode .cvm-composer{
    gap: 6px !important;
    border-color: #DAD2C6 !important;
    background: #FFFEFB !important;
  }
.chat-prompt-panel--with-ai-dock .calm-prompt-form-mode .cvm-composer .cvm-type-field{
    border: none !important;
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    padding: 3px 2px !important;
    font-size: var(--font-size-sm) !important;
  }
.chat-prompt-panel--with-ai-dock .calm-prompt-form-mode .cvm-composer .cvm-type-field:focus,
  .chat-prompt-panel--with-ai-dock .calm-prompt-form-mode .cvm-composer .cvm-type-field:focus-visible{
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
  }
.chat-prompt-panel--with-ai-dock .calm-prompt-form-mode .cvm-composer:focus-within{
    border-color: #6E8A7E !important;
    box-shadow: 0 0 0 3px rgba(110, 138, 126, 0.12) !important;
  }
.chat-prompt-panel--with-ai-dock .calm-prompt-form-mode .cvm-composer .cvm-mic{
    position: relative !important;
    width: 36px !important;
    height: 36px !important;
    flex: 0 0 36px !important;
    background: rgba(110, 138, 126, 0.12) !important;
  }
.chat-prompt-panel--with-ai-dock .calm-prompt-form-mode .cvm-type-send{
    width: 36px !important;
    height: 36px !important;
    flex: 0 0 36px !important;
  }
.chat-prompt-panel--with-ai-dock .calm-prompt-form-mode .cvm-type-send:disabled{
    background: rgba(110, 138, 126, 0.35) !important;
  }
.chat-prompt-panel--with-ai-dock .calm-prompt-form-mode .cvm-type-send:not(:disabled){
    background: rgb(110, 138, 126) !important;
  }
[data-theme="dark"] .chat-prompt-panel--with-ai-dock .calm-prompt-form-mode .cvm-dock--inline{
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
  }
[data-theme="dark"] .chat-prompt-panel--with-ai-dock .calm-prompt-form-mode .cvm-composer{
    border-color: rgba(232, 224, 216, 0.16) !important;
    background: rgba(255, 255, 255, 0.04) !important;
  }
[data-theme="dark"] .chat-prompt-panel--with-ai-dock .calm-prompt-form-mode .cvm-composer:focus-within{
    border-color: rgba(110, 138, 126, 0.50) !important;
    box-shadow: 0 0 0 3px rgba(110, 138, 126, 0.12) !important;
  }}
@media (prefers-reduced-motion: reduce){.chat-prompt-chip.chat-prompt-add{
    transition: none !important;
  }}
.chat-prompt-chip.chat-prompt-add:focus-visible{
  outline: 2px solid #5C4D43 !important;
  outline-offset: 2px !important;
}
.chat-prompt-chip.chat-prompt-add:active{
  transform: scale(0.97);
}
#chat-main .chat-prompt-chip.chat-prompt-add,
body:has(#chat-app) .chat-prompt-chip.chat-prompt-add{
  font-weight: var(--font-weight-semibold) !important;
}
[data-theme="dark"] .chat-prompt-chip.chat-prompt-add,
[data-theme="dark"] body:not(.chat-ny-in-conversation) .chat-prompt-chip.chat-prompt-add{
  background: transparent !important;
  border: 1.5px dashed rgba(138, 170, 156, 0.5) !important;
  color: #8FB3A4 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
[data-theme="dark"] .chat-prompt-chip.chat-prompt-add svg{
  color: currentColor !important;
  opacity: 0.9;
}
[data-theme="dark"] .chat-prompt-chip.chat-prompt-add:hover,
[data-theme="dark"] body:not(.chat-ny-in-conversation) .chat-prompt-chip.chat-prompt-add:hover{
  background: rgba(138, 170, 156, 0.14) !important;
  border-color: rgba(138, 170, 156, 0.8) !important;
  color: #AED0C1 !important;
}
[data-theme="dark"] .chat-prompt-chip.chat-prompt-add:focus-visible{
  outline-color: #7CB8A4 !important;
}
/* Source: robots/skrivebord/css/word-timing.css */

/* Source: robots/skrivebord/css/dictionary.css */

/* Source: assets/css/shared/reader-menu.css */

/* Source: chat/css/chat-reader.css */

/* Source: chat/css/chat-auto-read.css */

/* Source: chat/css/dist/chat-reading-language.css */

/* Source: chat/css/chat-reader-selection.css */

/* Source: chat/css/chat-pdf-reader.css */

/* Source: chat/css/calm/calm-prompt-shell.css */
.calm-prompt-new-category,
.calm-prompt-list-mode{
  background: #FFFEFB !important;
  border: 1px solid rgba(58, 47, 38, 0.06) !important;
  border-radius: 14px !important;
  box-shadow:
    0 0 0 1px rgba(58, 47, 38, 0.04),
    0 1px 2px rgba(58, 47, 38, 0.04),
    0 12px 32px -8px rgba(58, 47, 38, 0.12) !important;
  padding: 4px !important;
  overflow: hidden !important;
}
[data-theme="dark"] .calm-prompt-new-category,
[data-theme="dark"] .calm-prompt-list-mode{
  background: var(--color-card, #1c1b18) !important;
  border-color: rgba(255, 255, 255, 0.10) !important;
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.20),
    0 1px 2px rgba(0, 0, 0, 0.15),
    0 12px 32px -8px rgba(0, 0, 0, 0.30) !important;
}
.calm-prompt-list-mode[data-color]{
  background: #FFFEFB !important;
  border-color: rgba(58, 47, 38, 0.06) !important;
  --calm-cat-color: currentColor;
}
[data-theme="dark"] .calm-prompt-list-mode[data-color]{
  background: var(--color-card, #1c1b18) !important;
  border-color: rgba(255, 255, 255, 0.10) !important;
}
.calm-prompt-list-mode[data-color="gray"]{ --calm-cat-color: #9A8E82; }
.calm-prompt-list-mode[data-color="red"]{ --calm-cat-color: #A6594B; }
.calm-prompt-list-mode[data-color="orange"]{ --calm-cat-color: #C97C4F; }
.calm-prompt-list-mode[data-color="yellow"]{ --calm-cat-color: #B8924A; }
.calm-prompt-list-mode[data-color="green"]{ --calm-cat-color: #6E8A7E; }
.calm-prompt-list-mode[data-color="blue"]{ --calm-cat-color: #5C7A8A; }
.calm-prompt-list-mode[data-color="purple"]{ --calm-cat-color: #8A6E8A; }
.calm-prompt-list-mode[data-color="pink"]{ --calm-cat-color: #B07A8A; }
.calm-prompt-list-mode[data-color="sage"]{ --calm-cat-color: #4A7A68; }
.calm-prompt-list-mode[data-color="moss"]{ --calm-cat-color: #8FA593; }
.calm-prompt-list-mode[data-color="clay"]{ --calm-cat-color: #8C5A47; }
.calm-prompt-list-mode[data-color="sand"]{ --calm-cat-color: #C9B68A; }
.calm-prompt-list-mode[data-color="anchor"]{ --calm-cat-color: #3A2F26; }
.calm-prompt-list-mode[data-color="plum"]{ --calm-cat-color: #6E4A5C; }
.calm-prompt-list-mode{
  max-width: 640px !important;
  width: 100% !important;
  margin-inline-start: auto !important;
  margin-inline-end: auto !important;
}
.calm-prompt-list-mode .chat-prompt-list{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  align-items: stretch;
  list-style: none;
  margin: 0;
  padding: 14px 18px;
}
@media (max-width: 600px){.calm-prompt-list-mode .chat-prompt-list{
    grid-template-columns: 1fr;
  }}
.calm-prompt-list-mode .chat-prompt-item{
  margin: 0;
  display: flex;
  min-width: 0;
  height: 48px;
  background: #FFFEFB;
  border: 1px solid rgba(58, 47, 38, 0.10);
  border-radius: 14px;
  
  padding: 0 !important;
  position: relative;
  transition: border-color 0.15s ease, background 0.15s ease;
}
.calm-prompt-list-mode .chat-prompt-item:hover{
  background: #FBFAF7;
  border-color: rgba(58, 47, 38, 0.10);
}
body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-list-mode .chat-prompt-list .chat-prompt-item:hover,
body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-list-mode .chat-prompt-list .chat-prompt-item:focus-within,
body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-list-mode .chat-prompt-item:hover,
body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-list-mode .chat-prompt-item:focus-within{
  background: #FBFAF7;
  border-color: rgba(58, 47, 38, 0.10) !important;
}
.calm-prompt-list-mode .chat-prompt-item:last-child{
  margin-bottom: 0;
}
[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-item{
  background: rgba(255, 255, 255, 0.03) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}
[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-item:hover,
[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-item:focus-within{
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
}
[data-theme="dark"] body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-list-mode .chat-prompt-list .chat-prompt-item:hover,
[data-theme="dark"] body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-list-mode .chat-prompt-list .chat-prompt-item:focus-within,
[data-theme="dark"] body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-list-mode .chat-prompt-item:hover,
[data-theme="dark"] body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-list-mode .chat-prompt-item:focus-within{
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
}
.calm-prompt-list-mode .chat-prompt-suggestion-btn{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  
  padding: 11px 12px !important;
  color: #3A2F26;
  font-weight: 500;
  background: transparent;
  border: none;
}
.calm-prompt-list-mode .chat-prompt-suggestion-btn::before{
  content: "";
  flex: 0 0 auto;
  width: 26px;
  height: 26px;
  border-radius: 8px;
  background: rgba(110, 138, 126, 0.12)
    url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="%236E8A7E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 3v4a1 1 0 0 0 1 1h4"/><path d="M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2z"/><path d="M9 13h6M9 17h4"/></svg>') center/15px no-repeat;
}
.calm-prompt-list-mode .chat-prompt-suggestion-btn > span{
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.calm-prompt-list-mode .chat-prompt-suggestion-btn:hover{
  background: transparent;
  color: #3A2F26;
}
[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-suggestion-btn{
  color: rgba(255, 254, 251, 0.92) !important;
}
[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-suggestion-btn:hover{
  color: rgba(255, 254, 251, 0.92) !important;
}
.calm-prompt-list-mode .chat-prompt-suggestion-btn:focus-visible{
  outline: 2px solid #6E8A7E !important;
  outline-offset: -2px !important;
  border-radius: 8px !important;
}
.calm-prompt-list-mode .chat-prompt-arrow{
  flex: 0 0 auto;
  opacity: 0.45;
  color: #9A8E82 !important;
  transition: none !important;
}
.calm-prompt-list-mode .chat-prompt-item:hover .chat-prompt-arrow{
  opacity: 0.45;
  color: #9A8E82 !important;
  transform: none !important;
}
[dir="rtl"] .chat-prompt-arrow,
[dir="rtl"] .calm-prompt-list-mode .chat-prompt-item:hover .chat-prompt-arrow{
  transform: scaleX(-1) !important;
}
[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-arrow{
  color: rgba(255, 254, 251, 0.35) !important;
}
[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-item:hover .chat-prompt-arrow{
  color: rgba(255, 254, 251, 0.35) !important;
}
.calm-prompt-list-mode .chat-prompt-item > .chat-prompt-item-actions{
  position: absolute !important;
  inset-inline-end: 38px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  opacity: 0 !important;
  transition: opacity 0.15s ease !important;
  display: flex !important;
  gap: 2px !important;
}
.calm-prompt-list-mode .chat-prompt-item:hover > .chat-prompt-item-actions,
.calm-prompt-list-mode .chat-prompt-item:focus-within > .chat-prompt-item-actions{
  opacity: 1 !important;
}
.calm-prompt-list-mode .chat-prompt-item-edit,
.calm-prompt-list-mode .chat-prompt-item-delete{
  color: #9A8E82 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 8px !important;
  transition: background 0.15s ease, color 0.15s ease !important;
}
.calm-prompt-list-mode .chat-prompt-item-edit:hover{
  background: rgba(58, 47, 38, 0.06) !important;
  color: #5C4D43 !important;
}
.calm-prompt-list-mode .chat-prompt-item-delete:hover{
  background: rgba(166, 89, 75, 0.08) !important;
  color: #A6594B !important;
}
[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-item-edit,
[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-item-delete{
  color: rgba(255, 254, 251, 0.40) !important;
}
[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-item-edit:hover{
  background: rgba(255, 255, 255, 0.08) !important;
  color: rgba(255, 254, 251, 0.85) !important;
}
[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-item-delete:hover{
  background: rgba(166, 89, 75, 0.16) !important;
  color: #E07B6B !important;
}
.calm-prompt-list-mode .chat-prompt-item[data-confirm-active]{
  align-items: center !important;
  padding: 0 12px !important;
  gap: 8px !important;
}
.calm-prompt-list-mode .chat-prompt-item[data-confirm-active] > .chat-prompt-delete-confirm{
  flex: 1 1 auto;
  min-width: 0;
  font-size: 13px;
  font-weight: 500;
  color: #5C4D43;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.calm-prompt-list-mode .chat-prompt-item[data-confirm-active] > .chat-prompt-item-actions{
  position: static !important;
  transform: none !important;
  opacity: 1 !important;
  flex: 0 0 auto;
}
[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-item[data-confirm-active] > .chat-prompt-delete-confirm{
  color: rgba(255, 254, 251, 0.70);
}
.calm-prompt-list-mode .chat-prompt-item-edit:focus-visible,
.calm-prompt-list-mode .chat-prompt-item-delete:focus-visible{
  outline: 2px solid #6E8A7E !important;
  outline-offset: -2px !important;
}
@media (hover: hover){.calm-prompt-list-mode .chat-prompt-item > .chat-prompt-item-actions:has(.chat-prompt-item-edit){
    z-index: 2 !important;
    background: rgb(255, 254, 251) !important;
    border-radius: 8px !important;
    padding-inline-start: 6px !important;
    box-shadow: -8px 0 8px rgb(255, 254, 251) !important;
  }
[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-item > .chat-prompt-item-actions:has(.chat-prompt-item-edit){
    background: var(--color-card, #1c1b18) !important;
    box-shadow: -8px 0 8px var(--color-card, #1c1b18) !important;
  }
[dir="rtl"] .calm-prompt-list-mode .chat-prompt-item > .chat-prompt-item-actions:has(.chat-prompt-item-edit){
    box-shadow: 8px 0 8px rgb(255, 254, 251) !important;
  }
[dir="rtl"][data-theme="dark"] .calm-prompt-list-mode .chat-prompt-item > .chat-prompt-item-actions:has(.chat-prompt-item-edit){
    box-shadow: 8px 0 8px var(--color-card, #1c1b18) !important;
  }
.calm-prompt-list-mode .chat-prompt-item:hover .chat-prompt-suggestion-btn > span,
  .calm-prompt-list-mode .chat-prompt-item:focus-within .chat-prompt-suggestion-btn > span{
    padding-inline-end: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }}
.calm-prompt-list-mode .chat-prompt-empty{
  padding: 0 !important;
  margin: 0 !important;
}
.calm-prompt-list-mode .chat-prompt-empty p{
  display: none !important;
}
@media (hover: none){.calm-prompt-list-mode .chat-prompt-suggestion-btn{
    flex: 1 1 auto;
    min-width: 0;
    width: auto;
  }
.calm-prompt-list-mode .chat-prompt-item > .chat-prompt-item-actions{
    flex: 0 0 auto;
    opacity: 1 !important;
    position: static !important;
    transform: none !important;
  }
.calm-prompt-list-mode .chat-prompt-arrow{
    display: none !important;
  }}
.calm-prompt-list-mode .chat-prompt-item:active{
  background: rgba(228, 220, 212, 0.35) !important;
}
.calm-prompt-list-mode .chat-prompt-item:focus-visible{
  outline: 2px solid #6E8A7E !important;
  outline-offset: -2px !important;
  border-radius: 10px !important;
}
[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-item:active{
  background: rgba(255, 255, 255, 0.10) !important;
}
@media (prefers-reduced-motion: reduce){.calm-prompt-list-mode .chat-prompt-list .chat-prompt-item,
  .calm-prompt-list-mode .chat-prompt-item,
  .calm-prompt-list-mode .chat-prompt-arrow,
  .calm-prompt-list-mode .chat-prompt-item > .chat-prompt-item-actions,
  .calm-prompt-list-mode .chat-prompt-item-edit,
  .calm-prompt-list-mode .chat-prompt-item-delete,
  .calm-prompt-list-mode .chat-prompt-add-prompt-btn{
    transition: none !important;
  }
.calm-prompt-list-mode .chat-prompt-item > .chat-prompt-item-actions{
    transform: translateY(-50%) !important;
  }}
@media (max-width: 767px) and (min-width: 641px){.chat-prompt-panel:has(.calm-prompt-list-mode){
    bottom: calc(var(--mn-bar-height, 60px) + 8px) !important;
  }
.calm-prompt-list-mode{
    max-width: none !important;
    width: auto !important;
    max-height: calc(100dvh - var(--mn-bar-height, 60px) - 40px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px)) !important;
  }}
@media (max-width: 640px){.chat-prompt-panel:has(.calm-prompt-list-mode){
    position: fixed !important;
    inset: 0 !important;
    bottom: 0 !important;
    z-index: 9999 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    pointer-events: auto !important;
  }
.calm-prompt-list-mode{
    max-width: none !important;
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    box-sizing: border-box !important;
    border-radius: 0 !important;
    border: none !important;
    box-shadow: none !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    padding: 0 !important;
    padding-top: env(safe-area-inset-top, 0px) !important;
  }
.chat-prompt-panel-inner.calm-prompt-list-mode{
    margin: 0 !important;
  }
.calm-prompt-list-mode .chat-prompt-list{
    flex: 1 1 auto !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    padding: 14px 16px !important;
    align-content: start !important;
  }
.calm-prompt-list-mode .chat-prompt-empty{
    flex: 1 1 auto !important;
  }
.calm-prompt-list-mode .chat-prompt-arrow{
    display: none !important;
  }
.chat-prompt-panel:has(.calm-prompt-new-category){
    position: fixed !important;
    inset: 0 !important;
    bottom: 0 !important;
    z-index: 9999 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    pointer-events: auto !important;
  }
.calm-prompt-new-category{
    max-width: none !important;
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    box-sizing: border-box !important;
    border-radius: 0 !important;
    border: none !important;
    box-shadow: none !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    padding: 0 !important;
    padding-top: env(safe-area-inset-top, 0px) !important;
  }
.chat-prompt-panel-inner.calm-prompt-new-category{
    margin: 0 !important;
  }}
/* Source: chat/css/calm/calm-prompt-header.css */
.calm-prompt-new-category .chat-prompt-panel-header{
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 18px 18px 16px !important;
  border-bottom: 1px solid rgba(58, 47, 38, 0.06) !important;
}
.calm-prompt-list-mode .chat-prompt-panel-header{
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 18px 18px 14px !important;
  border-bottom: 1px solid rgba(58, 47, 38, 0.07) !important;
}
[data-theme="dark"] .calm-prompt-new-category .chat-prompt-panel-header,
[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-panel-header{
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}
.calm-prompt-new-category .chat-prompt-panel-header > svg:first-child{
  width: 36px !important;
  height: 36px !important;
  min-width: 36px;
  padding: 8px !important;
  border-radius: 12px !important;
  background: rgba(110, 138, 126, 0.10) !important;
  color: #4A7A68 !important;
  box-sizing: border-box;
  flex-shrink: 0;
}
.calm-prompt-list-mode .chat-prompt-panel-header > svg:first-child{
  width: 36px !important;
  height: 36px !important;
  min-width: 36px;
  padding: 8px !important;
  border-radius: 12px !important;
  background: rgba(110, 138, 126, 0.12) !important;
  color: #6E8A7E !important;
  box-sizing: border-box;
  flex-shrink: 0;
}
[data-theme="dark"] .calm-prompt-new-category .chat-prompt-panel-header > svg:first-child,
[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-panel-header > svg:first-child{
  background: rgba(110, 138, 126, 0.16) !important;
  color: #8AAFA1 !important;
}
.calm-prompt-new-category .calm-prompt-anchor,
.calm-prompt-list-mode .calm-prompt-anchor{
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
  min-width: 0;
}
.calm-prompt-new-category .chat-prompt-panel-title,
.calm-prompt-list-mode .chat-prompt-panel-title{
  font-size: 1.3125rem !important;
  font-weight: 650 !important;
  color: #3A2F26 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.01em;
}
[data-theme="dark"] .calm-prompt-new-category .chat-prompt-panel-title,
[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-panel-title{
  color: rgba(255, 254, 251, 0.92) !important;
}
.calm-prompt-list-mode .calm-prompt-subtitle[data-i18n="calm.listSubtitle"]{
  display: none !important;
}
.calm-prompt-list-mode .chat-prompt-panel-header > svg[role="button"]{
  cursor: pointer;
  transition: background 0.15s ease;
}
.calm-prompt-list-mode .chat-prompt-panel-header > svg[role="button"]:hover{
  background: rgba(110, 138, 126, 0.2) !important;
}
.calm-prompt-list-mode .chat-prompt-panel-header > svg[role="button"]:focus-visible{
  outline: none;
  box-shadow: 0 0 0 3px rgba(110, 138, 126, 0.25);
}
[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-panel-header > svg[role="button"]:hover{
  background: rgba(110, 138, 126, 0.28) !important;
}
[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-panel-header > svg[role="button"]:focus-visible{
  box-shadow: 0 0 0 3px rgba(138, 175, 161, 0.30);
}
.calm-prompt-new-category .calm-prompt-subtitle{
  font-size: 0.8125rem;
  color: #9A8E82;
  line-height: 1.4;
  font-weight: 400;
}
[data-theme="dark"] .calm-prompt-new-category .calm-prompt-subtitle{
  color: rgba(255, 254, 251, 0.45);
}
.calm-prompt-new-category .chat-prompt-panel-close,
.calm-prompt-list-mode .chat-prompt-panel-close{
  width: 32px !important;
  height: 32px !important;
  min-width: 32px;
  border-radius: 10px !important;
  background: transparent !important;
  border: none !important;
  color: #9A8E82 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0;
  transition: background 0.15s ease, color 0.15s ease !important;
}
.calm-prompt-new-category .chat-prompt-panel-close:hover,
.calm-prompt-list-mode .chat-prompt-panel-close:hover{
  background: rgba(110, 138, 126, 0.10) !important;
  color: #5C4D43 !important;
}
.calm-prompt-new-category .chat-prompt-panel-close:focus-visible,
.calm-prompt-list-mode .chat-prompt-panel-close:focus-visible{
  outline: 2px solid #6E8A7E !important;
  outline-offset: -2px !important;
}
[data-theme="dark"] .calm-prompt-new-category .chat-prompt-panel-close,
[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-panel-close{
  color: rgba(255, 254, 251, 0.45) !important;
}
[data-theme="dark"] .calm-prompt-new-category .chat-prompt-panel-close:hover,
[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-panel-close:hover{
  background: rgba(255, 255, 255, 0.06) !important;
  color: rgba(255, 254, 251, 0.75) !important;
}
.calm-prompt-list-mode .chat-prompt-header-action{
  width: 32px !important;
  height: 32px !important;
  min-width: 32px;
  border-radius: 10px !important;
  background: transparent !important;
  border: none !important;
  color: #9A8E82 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0;
  opacity: 0 !important;
  transition: opacity 0.15s ease, background 0.15s ease, color 0.15s ease !important;
  pointer-events: none;
}
.calm-prompt-list-mode .chat-prompt-panel-header:hover .chat-prompt-header-action,
.calm-prompt-list-mode .chat-prompt-panel-header:focus-within .chat-prompt-header-action{
  opacity: 1 !important;
  pointer-events: auto;
}
.calm-prompt-list-mode .chat-prompt-header-action:hover{
  background: rgba(166, 89, 75, 0.08) !important;
  color: #A6594B !important;
}
.calm-prompt-list-mode .chat-prompt-header-action:focus-visible{
  outline: 2px solid #6E8A7E !important;
  outline-offset: -2px !important;
  opacity: 1 !important;
  pointer-events: auto;
}
[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-header-action{
  color: rgba(255, 254, 251, 0.45) !important;
}
[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-header-action:hover{
  background: rgba(166, 89, 75, 0.12) !important;
  color: #E07B6B !important;
}
.calm-prompt-list-mode .chat-prompt-panel-close:active,
.calm-prompt-new-category .chat-prompt-panel-close:active{
  background: rgba(110, 138, 126, 0.16) !important;
}
.calm-prompt-list-mode .chat-prompt-header-action:active{
  background: rgba(166, 89, 75, 0.12) !important;
}
@media (max-width: 767px){.calm-prompt-new-category .chat-prompt-panel-header,
  .calm-prompt-list-mode .chat-prompt-panel-header{
    gap: 10px !important;
    padding: 12px 12px 10px !important;
  }
.calm-prompt-new-category .chat-prompt-panel-title,
  .calm-prompt-list-mode .chat-prompt-panel-title{
    font-size: 1.125rem !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
.calm-prompt-new-category .chat-prompt-panel-close,
  .calm-prompt-list-mode .chat-prompt-panel-close{
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
  }
.calm-prompt-list-mode .chat-prompt-header-action{
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
  }}
@media (max-width: 640px){.calm-prompt-new-category .chat-prompt-panel-close{
    display: none !important;
  }
.calm-prompt-new-category .chat-prompt-panel-header{
    flex: 0 0 auto !important;
    gap: 12px !important;
    padding: 16px 18px !important;
  }
.calm-prompt-new-category .chat-prompt-panel-header > svg:first-child{
    flex: 0 0 auto;
  }}
@media (max-width: 640px){.calm-prompt-list-mode .chat-prompt-panel-close{
    display: none !important;
  }
.calm-prompt-list-mode .chat-prompt-panel-header{
    flex: 0 0 auto !important;
    gap: 12px !important;
    padding: 22px 20px 12px !important;
    border-bottom: 1px solid rgba(58, 47, 38, 0.07) !important;
  }}
@media (prefers-reduced-motion: reduce){.calm-prompt-new-category .chat-prompt-panel-close,
  .calm-prompt-list-mode .chat-prompt-panel-close,
  .calm-prompt-list-mode .chat-prompt-header-action{
    transition: none !important;
  }}
.chat-prompt-panel-inner.calm-prompt-form-mode{
  max-width: 640px !important;
  width: 100% !important;
  margin-inline-start: auto !important;
  margin-inline-end: auto !important;
  background: #FFFEFB !important;
  border: 1px solid rgba(58, 47, 38, 0.06) !important;
  border-radius: 14px !important;
  box-shadow:
    0 0 0 1px rgba(58, 47, 38, 0.04),
    0 1px 2px rgba(58, 47, 38, 0.04),
    0 12px 32px -8px rgba(58, 47, 38, 0.12) !important;
  padding: 4px !important;
  overflow: hidden !important;
}
[data-theme="dark"] .chat-prompt-panel-inner.calm-prompt-form-mode{
  background: var(--color-card, #1c1b18) !important;
  border-color: rgba(255, 255, 255, 0.10) !important;
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.20),
    0 1px 2px rgba(0, 0, 0, 0.15),
    0 12px 32px -8px rgba(0, 0, 0, 0.30) !important;
}
.calm-prompt-form-mode .chat-prompt-panel-header{
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 18px 18px 14px !important;
  border-bottom: 1px solid rgba(58, 47, 38, 0.07) !important;
}
[data-theme="dark"] .calm-prompt-form-mode .chat-prompt-panel-header{
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}
.calm-prompt-form-mode .chat-prompt-panel-header > svg:first-child,
.calm-prompt-form-mode[data-color] .chat-prompt-panel-header > svg:first-child{
  width: 36px !important;
  height: 36px !important;
  min-width: 36px;
  padding: 8px !important;
  border-radius: 12px !important;
  background: rgba(110, 138, 126, 0.12) !important;
  color: #4A7A68 !important;
  box-sizing: border-box;
  flex-shrink: 0;
}
[data-theme="dark"] .calm-prompt-form-mode .chat-prompt-panel-header > svg:first-child{
  background: rgba(110, 138, 126, 0.16) !important;
  color: #8AAFA1 !important;
}
.calm-prompt-form-mode .chat-prompt-panel-title{
  font-size: 1.3125rem !important;
  font-weight: 650 !important;
  color: #3A2F26 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.01em;
  flex: 1;
  min-width: 0;
}
[data-theme="dark"] .calm-prompt-form-mode .chat-prompt-panel-title{
  color: rgba(255, 254, 251, 0.92) !important;
}
.calm-prompt-form-mode .chat-prompt-panel-close{
  width: 32px !important;
  height: 32px !important;
  min-width: 32px;
  border-radius: 10px !important;
  background: transparent !important;
  border: none !important;
  color: #9A8E82 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0;
  transition: background 0.15s ease, color 0.15s ease !important;
}
.calm-prompt-form-mode .chat-prompt-panel-close:hover{
  background: rgba(110, 138, 126, 0.10) !important;
  color: #5C4D43 !important;
}
.calm-prompt-form-mode .chat-prompt-panel-close:focus-visible{
  outline: 2px solid #6E8A7E !important;
  outline-offset: -2px !important;
}
[data-theme="dark"] .calm-prompt-form-mode .chat-prompt-panel-close{
  color: rgba(255, 254, 251, 0.45) !important;
}
[data-theme="dark"] .calm-prompt-form-mode .chat-prompt-panel-close:hover{
  background: rgba(255, 255, 255, 0.06) !important;
  color: rgba(255, 254, 251, 0.75) !important;
}
.calm-prompt-form-mode .chat-prompt-panel-close:active{
  background: rgba(110, 138, 126, 0.16) !important;
}
@media (max-width: 767px){.chat-prompt-panel:has(.calm-prompt-form-mode){
    bottom: calc(var(--mn-bar-height, 60px) + 8px) !important;
  }
.chat-prompt-panel-inner.calm-prompt-form-mode{
    max-width: none !important;
    width: auto !important;
    max-height: calc(100dvh - var(--mn-bar-height, 60px) - 40px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    padding-bottom: calc(4px + env(safe-area-inset-bottom, 0px)) !important;
  }
.calm-prompt-form-mode .chat-prompt-panel-header{
    gap: 10px !important;
    padding: 12px 12px 10px !important;
  }
.calm-prompt-form-mode .chat-prompt-panel-title{
    font-size: 1.125rem !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
.calm-prompt-form-mode .chat-prompt-panel-close{
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
  }}
@media (max-width: 640px){.chat-prompt-panel.chat-prompt-panel--with-ai-dock:has(.calm-prompt-form-mode){
    position: fixed !important;
    inset: 0 !important;
    z-index: 9990 !important;
    max-height: none !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    pointer-events: auto !important;
  }
.chat-prompt-panel--with-ai-dock .calm-prompt-form-mode{
    max-width: none !important;
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    box-sizing: border-box !important;
    border-radius: 0 !important;
    border: none !important;
    box-shadow: none !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    padding: 0 !important;
    padding-top: env(safe-area-inset-top, 0px) !important;
    margin: 0 !important;
  }
.chat-prompt-panel--with-ai-dock .calm-prompt-form-mode .chat-prompt-panel-header{
    flex: 0 0 auto !important;
    gap: 12px !important;
    padding: 12px 12px 10px !important;
    border-bottom: 1px solid rgba(58, 47, 38, 0.07) !important;
  }
.chat-prompt-panel--with-ai-dock .calm-prompt-form-mode .chat-prompt-panel-close{
    display: none !important;
  }}
@media (prefers-reduced-motion: reduce){.calm-prompt-form-mode .chat-prompt-panel-close{
    transition: none !important;
  }}
.chat-prompt-panel-inner.calm-prompt-top-actions-mode{
  max-width: 640px !important;
  width: 100% !important;
  margin-inline-start: auto !important;
  margin-inline-end: auto !important;
  background: #FFFEFB !important;
  border: 1px solid rgba(58, 47, 38, 0.06) !important;
  border-radius: 14px !important;
  box-shadow:
    0 0 0 1px rgba(58, 47, 38, 0.04),
    0 1px 2px rgba(58, 47, 38, 0.04),
    0 12px 32px -8px rgba(58, 47, 38, 0.12) !important;
  padding: 4px !important;
  overflow: hidden !important;
}
[data-theme="dark"] .chat-prompt-panel-inner.calm-prompt-top-actions-mode{
  background: var(--color-card, #1c1b18) !important;
  border-color: rgba(255, 255, 255, 0.10) !important;
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.20),
    0 1px 2px rgba(0, 0, 0, 0.15),
    0 12px 32px -8px rgba(0, 0, 0, 0.30) !important;
}
.calm-prompt-top-actions-mode .chat-prompt-panel-header{
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 18px 18px 14px !important;
  border-bottom: none !important;
}
.calm-prompt-top-actions-mode .chat-prompt-panel-header > svg:first-child{
  width: 36px !important;
  height: 36px !important;
  min-width: 36px;
  padding: 8px !important;
  border-radius: 12px !important;
  background: rgba(110, 138, 126, 0.12) !important;
  color: #4A7A68 !important;
  box-sizing: border-box;
  flex-shrink: 0;
}
[data-theme="dark"] .calm-prompt-top-actions-mode .chat-prompt-panel-header > svg:first-child{
  background: rgba(110, 138, 126, 0.16) !important;
  color: #8AAFA1 !important;
}
body:has(#chat-app) .chat-prompt-panel-inner.calm-prompt-top-actions-mode #calm-top-actions-title{
  font-size: 1rem !important;
  font-weight: 600 !important;
  color: #3A2F26 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.01em !important;
}
[data-theme="dark"] body:has(#chat-app) .chat-prompt-panel-inner.calm-prompt-top-actions-mode #calm-top-actions-title{
  color: rgba(255, 254, 251, 0.92) !important;
}
.calm-prompt-top-actions-mode .chat-prompt-panel-title{
  flex: 1 !important;
  min-width: 0 !important;
  color: #3A2F26 !important;
}
[data-theme="dark"] .calm-prompt-top-actions-mode .chat-prompt-panel-title{
  color: rgba(255, 254, 251, 0.92) !important;
}
.calm-prompt-top-actions-mode .chat-prompt-panel-close{
  width: 32px !important;
  height: 32px !important;
  min-width: 32px;
  border-radius: 10px !important;
  background: transparent !important;
  border: none !important;
  color: #9A8E82 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0;
  transition: background 0.15s ease, color 0.15s ease !important;
}
.calm-prompt-top-actions-mode .chat-prompt-panel-close:hover{
  background: rgba(110, 138, 126, 0.10) !important;
  color: #5C4D43 !important;
}
.calm-prompt-top-actions-mode .chat-prompt-panel-close:focus-visible{
  outline: 2px solid #6E8A7E !important;
  outline-offset: -2px !important;
}
[data-theme="dark"] .calm-prompt-top-actions-mode .chat-prompt-panel-close{
  color: rgba(255, 254, 251, 0.45) !important;
}
[data-theme="dark"] .calm-prompt-top-actions-mode .chat-prompt-panel-close:hover{
  background: rgba(255, 255, 255, 0.06) !important;
  color: rgba(255, 254, 251, 0.75) !important;
}
.calm-prompt-top-actions-mode .chat-prompt-panel-close:active{
  background: rgba(110, 138, 126, 0.16) !important;
}
@media (max-width: 767px){.chat-prompt-panel:has(.calm-prompt-top-actions-mode){
    bottom: calc(var(--mn-bar-height, 60px) + 8px) !important;
  }
.chat-prompt-panel-inner.calm-prompt-top-actions-mode{
    max-width: none !important;
    width: auto !important;
    overflow-x: hidden !important;
    padding-bottom: calc(4px + env(safe-area-inset-bottom, 0px)) !important;
  }
.calm-prompt-top-actions-mode .chat-prompt-panel-header{
    gap: 10px !important;
    padding: 12px 12px 10px !important;
  }
.calm-prompt-top-actions-mode .chat-prompt-panel-close{
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
  }}
@media (prefers-reduced-motion: reduce){.calm-prompt-top-actions-mode .chat-prompt-panel-close{
    transition: none !important;
  }}
/* Source: chat/css/calm/calm-prompt-body.css */
.calm-prompt-new-category{
  max-width: 640px !important;
  width: 100% !important;
  margin-inline-start: auto !important;
  margin-inline-end: auto !important;
}
.calm-prompt-new-category .chat-prompt-form{
  padding: 12px 16px 4px !important;
  border-top: none !important;
}
.calm-prompt-new-category .chat-prompt-form-label{
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.10em !important;
  text-transform: uppercase !important;
  color: #9A8E82 !important;
  margin-block: 0 10px!important; margin-inline: 2px 0!important;
}
.calm-prompt-new-category .chat-prompt-form-label:not(:first-child){
  margin-top: 20px !important;
}
[data-theme="dark"] .calm-prompt-new-category .chat-prompt-form-label{
  color: rgba(255, 254, 251, 0.45) !important;
}
.calm-prompt-new-category .chat-prompt-icon-picker{
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  gap: 10px !important;
  padding: 2px 0 12px !important;
  width: 100% !important;
}
.calm-prompt-new-category .chat-prompt-icon-btn{
  width: 100% !important;
  max-width: 38px !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  justify-self: center !important;
  border-radius: 12px !important;
  border: 1px solid rgba(58, 47, 38, 0.10) !important;
  background: #FBF8F2 !important;
  color: #6E8A7E !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  padding: 0 !important;
  box-shadow: none !important;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease !important;
}
.calm-prompt-new-category .chat-prompt-icon-btn:hover{
  background: rgba(110, 138, 126, 0.10) !important;
  border-color: rgba(110, 138, 126, 0.35) !important;
  color: #6E8A7E !important;
  transform: translateY(-1px) !important;
  box-shadow: none !important;
}
.calm-prompt-new-category .chat-prompt-icon-btn:focus-visible{
  outline: 2px solid #6E8A7E !important;
  outline-offset: 2px !important;
}
.calm-prompt-new-category .chat-prompt-icon-btn.is-selected,
.chat-prompt-panel .calm-prompt-new-category .chat-prompt-icon-btn.is-selected{
  background: #6E8A7E !important;
  border-color: #6E8A7E !important;
  color: #FFFEFB !important;
  box-shadow: 0 1px 2px rgba(58, 47, 38, 0.10) !important;
  transform: none !important;
}
[data-theme="dark"] .calm-prompt-new-category .chat-prompt-icon-btn{
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: rgba(255, 254, 251, 0.55) !important;
}
[data-theme="dark"] .calm-prompt-new-category .chat-prompt-icon-btn:hover{
  background: rgba(110, 138, 126, 0.16) !important;
  border-color: rgba(110, 138, 126, 0.35) !important;
  color: rgba(255, 254, 251, 0.85) !important;
}
[data-theme="dark"] .calm-prompt-new-category .chat-prompt-icon-btn.is-selected,
[data-theme="dark"] .chat-prompt-panel .calm-prompt-new-category .chat-prompt-icon-btn.is-selected{
  background: #6E8A7E !important;
  border-color: #6E8A7E !important;
  color: #FFFEFB !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.30) !important;
}
.calm-prompt-new-category .chat-prompt-icon-more{
  color: #6E8A7E !important;
  border-style: dashed !important;
}
.calm-prompt-new-category .chat-prompt-icon-more.is-selected{
  border-style: solid !important;
}
[data-theme="dark"] .calm-prompt-new-category .chat-prompt-icon-more{
  color: #8AAFA1 !important;
}
.calm-prompt-new-category .chat-prompt-color-picker{
  display: grid !important;
  grid-template-columns: repeat(16, minmax(0, 1fr)) !important;
  gap: 10px !important;
  padding: 2px 0 12px !important;
  width: 100% !important;
}
.calm-prompt-new-category .chat-prompt-color-btn{
  width: 100% !important;
  max-width: 26px !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  justify-self: center !important;
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
  border-radius: 50% !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  padding: 0 !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease !important;
}
.calm-prompt-new-category .chat-prompt-color-btn:hover{
  transform: translateY(-1px) !important;
}
.calm-prompt-new-category .chat-prompt-color-btn:focus-visible,
.chat-prompt-panel .calm-prompt-new-category .chat-prompt-color-btn:focus-visible,
.calm-prompt-new-category .chat-prompt-color-btn.is-selected,
.chat-prompt-panel .calm-prompt-new-category .chat-prompt-color-btn.is-selected{
  outline: none !important;
  box-shadow: 0 0 0 2px #FFFEFB, 0 0 0 4px #6E8A7E !important;
}
[data-theme="dark"] .calm-prompt-new-category .chat-prompt-color-btn:focus-visible,
[data-theme="dark"] .chat-prompt-panel .calm-prompt-new-category .chat-prompt-color-btn:focus-visible,
[data-theme="dark"] .calm-prompt-new-category .chat-prompt-color-btn.is-selected,
[data-theme="dark"] .chat-prompt-panel .calm-prompt-new-category .chat-prompt-color-btn.is-selected{
  box-shadow: 0 0 0 2px #1E1D1A, 0 0 0 4px #6E8A7E !important;
}
.calm-prompt-new-category .chat-prompt-color-dot{
  width: 100% !important;
  height: 100% !important;
  border-radius: 50% !important;
  display: block !important;
  border: 1px solid rgba(58, 47, 38, 0.10) !important;
  box-sizing: border-box !important;
}
[data-theme="dark"] .calm-prompt-new-category .chat-prompt-color-dot{
  border-color: rgba(255, 255, 255, 0.12) !important;
}
.calm-prompt-new-category .chat-prompt-color-none{
  border: 2px dashed #9A8E82 !important;
  background: transparent !important;
  width: 100% !important;
  height: 100% !important;
}
[data-theme="dark"] .calm-prompt-new-category .chat-prompt-color-none{
  border-color: rgba(255, 254, 251, 0.25) !important;
}
.calm-prompt-new-category .chat-prompt-color-custom{
  position: relative !important;
}
.calm-prompt-new-category .chat-prompt-color-custom-dot{
  background: conic-gradient(from 0deg, #A6594B, #C97C4F, #B8924A, #6E8A7E, #5C7A8A, #8A6E8A, #B07A8A, #A6594B) !important;
  width: 100% !important;
  height: 100% !important;
}
.calm-prompt-new-category .chat-prompt-color-custom[data-calm-custom-color] .chat-prompt-color-custom-dot{
  background: var(--calm-custom-color) !important;
}
.calm-prompt-new-category .chat-prompt-color-native-input{
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  opacity: 0 !important;
  cursor: pointer !important;
  border: none !important;
  padding: 0 !important;
}
.calm-prompt-new-category .chat-prompt-color-btn.is-selected::after{
  display: none !important;
}
.calm-icon-overflow-popover{
  position: fixed;
  z-index: 100000;
  box-sizing: border-box;
  width: max-content;
  max-width: calc(100vw - 16px);
  background: #FFFEFB;
  border: 1px solid rgba(228, 220, 212, 0.60);
  border-radius: 14px;
  box-shadow: 0 8px 24px rgba(92, 77, 67, 0.12), 0 2px 8px rgba(92, 77, 67, 0.06);
  padding: 12px;
  animation: calm-popover-in 0.15s ease;
}
.calm-icon-overflow-grid{
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}
.calm-icon-overflow-popover .chat-prompt-icon-btn{
  width: 42px;
  height: 42px;
  border-radius: 12px;
  border: 1px solid rgba(58, 47, 38, 0.10);
  background: #FBF8F2;
  color: #6E8A7E;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 6px;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, transform 0.15s ease;
}
.calm-icon-overflow-popover .chat-prompt-icon-btn:hover{
  background: rgba(110, 138, 126, 0.10);
  border-color: rgba(110, 138, 126, 0.35);
  color: #6E8A7E;
  transform: translateY(-1px);
}
.calm-icon-overflow-popover .chat-prompt-icon-btn.is-selected{
  background: #6E8A7E;
  border-color: #6E8A7E;
  color: #FFFEFB;
  box-shadow: 0 1px 2px rgba(58, 47, 38, 0.10);
  transform: none;
}
.calm-icon-overflow-popover .chat-prompt-icon-btn:focus-visible{
  outline: 2px solid #6E8A7E;
  outline-offset: 2px;
}
[data-theme="dark"] .calm-icon-overflow-popover{
  background: #1E1D1A;
  border-color: rgba(255, 255, 255, 0.08);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3), 0 2px 8px rgba(0, 0, 0, 0.15);
}
[data-theme="dark"] .calm-icon-overflow-popover .chat-prompt-icon-btn{
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.08);
  color: rgba(255, 254, 251, 0.55);
}
[data-theme="dark"] .calm-icon-overflow-popover .chat-prompt-icon-btn:hover{
  background: rgba(110, 138, 126, 0.16);
  border-color: rgba(110, 138, 126, 0.35);
  color: rgba(255, 254, 251, 0.85);
}
[data-theme="dark"] .calm-icon-overflow-popover .chat-prompt-icon-btn.is-selected{
  background: #6E8A7E;
  border-color: #6E8A7E;
  color: #FFFEFB;
}
.calm-prompt-new-category .chat-prompt-form-input{
  border-radius: 14px !important;
  background: #FBF8F2 !important;
  border: 1px solid rgba(228, 220, 212, 0.60) !important;
  padding: 12px 14px !important;
  color: #3A2F26 !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease !important;
}
body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-new-category .chat-prompt-form .chat-prompt-form-input{
  background: #FBF8F2 !important;
  border-color: rgba(228, 220, 212, 0.60) !important;
  color: #3A2F26 !important;
}
.calm-prompt-new-category .chat-prompt-form-input:focus,
.calm-prompt-new-category .chat-prompt-form-input:focus-visible,
.chat-prompt-panel .calm-prompt-new-category .chat-prompt-form-input:focus,
.chat-prompt-panel .calm-prompt-new-category .chat-prompt-form-input:focus-visible{
  background: #FFFEFB !important;
  border-color: #6E8A7E !important;
  box-shadow: none !important;
  outline: none !important;
}
body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-new-category .chat-prompt-form .chat-prompt-form-input:focus,
body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-new-category .chat-prompt-form .chat-prompt-form-input:focus-visible{
  background: #FFFEFB !important;
  border-color: #6E8A7E !important;
  box-shadow: none !important;
  outline: none !important;
}
#cpf-title.ss-agent-edited,
#cpf-text.ss-agent-edited{
  box-shadow: 0 0 0 2px rgba(110, 138, 126, 0.62), 0 0 0 5px rgba(110, 138, 126, 0.12) !important;
}
#cpf-title.ss-agent-edited.ss-agent-edited--out,
#cpf-text.ss-agent-edited.ss-agent-edited--out{
  box-shadow: 0 0 0 2px rgba(110, 138, 126, 0), 0 0 0 5px rgba(110, 138, 126, 0) !important;
}
[data-theme="dark"] #cpf-title.ss-agent-edited,
[data-theme="dark"] #cpf-text.ss-agent-edited{
  box-shadow: 0 0 0 2px rgba(166, 203, 187, 0.65), 0 0 0 5px rgba(166, 203, 187, 0.14) !important;
}
[data-theme="dark"] #cpf-title.ss-agent-edited.ss-agent-edited--out,
[data-theme="dark"] #cpf-text.ss-agent-edited.ss-agent-edited--out{
  box-shadow: 0 0 0 2px rgba(166, 203, 187, 0), 0 0 0 5px rgba(166, 203, 187, 0) !important;
}
.calm-prompt-new-category .chat-prompt-form-input::placeholder{
  color: #9A8E82 !important;
}
[data-theme="dark"] .calm-prompt-new-category .chat-prompt-form-input{
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: rgba(255, 254, 251, 0.92) !important;
}
[data-theme="dark"] .calm-prompt-new-category .chat-prompt-form-input:focus,
[data-theme="dark"] .calm-prompt-new-category .chat-prompt-form-input:focus-visible,
[data-theme="dark"] .chat-prompt-panel .calm-prompt-new-category .chat-prompt-form-input:focus,
[data-theme="dark"] .chat-prompt-panel .calm-prompt-new-category .chat-prompt-form-input:focus-visible{
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(110, 138, 126, 0.50) !important;
  box-shadow: none !important;
}
[data-theme="dark"] body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-new-category .chat-prompt-form .chat-prompt-form-input:focus,
[data-theme="dark"] body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-new-category .chat-prompt-form .chat-prompt-form-input:focus-visible{
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(110, 138, 126, 0.50) !important;
  box-shadow: none !important;
}
[data-theme="dark"] .calm-prompt-new-category .chat-prompt-form-input,
[data-theme="dark"] .chat-prompt-panel .calm-prompt-new-category .chat-prompt-form-input,
[data-theme="dark"] .chat-prompt-panel-inner.calm-prompt-new-category .chat-prompt-form-input{
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: rgba(255, 254, 251, 0.92) !important;
}
[data-theme="dark"] body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-new-category .chat-prompt-form .chat-prompt-form-input{
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: rgba(255, 254, 251, 0.92) !important;
}
[data-theme="dark"] .calm-prompt-new-category .chat-prompt-form-input::placeholder{
  color: rgba(255, 254, 251, 0.35) !important;
}
@media (prefers-reduced-motion: reduce){.calm-prompt-new-category .chat-prompt-icon-btn,
  .calm-prompt-new-category .chat-prompt-color-btn,
  .calm-prompt-new-category .chat-prompt-color-dot,
  .calm-prompt-new-category .chat-prompt-form-input{
    transition: none !important;
  }
.calm-prompt-new-category .chat-prompt-icon-btn:hover,
  .calm-prompt-new-category .chat-prompt-color-btn:hover{
    transform: none !important;
  }
.calm-icon-overflow-popover{
    animation: none !important;
  }
.calm-icon-overflow-popover .chat-prompt-icon-btn{
    transition: none !important;
  }
.calm-icon-overflow-popover .chat-prompt-icon-btn:hover{
    transform: none !important;
  }}
@media (max-width: 720px){.calm-prompt-new-category .chat-prompt-icon-picker{
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }
.calm-prompt-new-category .chat-prompt-color-picker{
    grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
  }
.chat-prompt-panel .calm-prompt-new-category .chat-prompt-icon-btn,
  .chat-prompt-panel .calm-prompt-new-category .chat-prompt-color-btn{
    width: 100% !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
  }}
@media (max-width: 767px) and (min-width: 641px){.chat-prompt-panel:has(.calm-prompt-new-category){
    bottom: calc(var(--mn-bar-height, 60px) + 8px) !important;
  }
.calm-prompt-new-category{
    max-width: none !important;
    width: auto !important;
    margin-inline-start: 12px !important;
    margin-inline-end: 12px !important;
    max-height: calc(100dvh - var(--mn-bar-height, 60px) - 40px) !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    padding: 14px 16px calc(16px + env(safe-area-inset-bottom, 0px)) !important;
  }}
@media (max-width: 640px){.calm-prompt-new-category .chat-prompt-form{
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    display: flex !important;
    flex-direction: column !important;
    padding: 12px 18px 0 !important;
  }}
.calm-prompt-form-mode .chat-prompt-form{
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  padding: 10px 18px 0 !important;
  margin-top: 8px !important;
  border-top: none !important;
}
.calm-prompt-form-mode .chat-prompt-form-label{
  font-size: 0.90625rem !important; 
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: #5C4D43 !important;
  margin-top: 0 !important;
  margin-bottom: 6px !important;
  padding-inline-start: 2px !important;
  display: block !important;
}
.calm-prompt-form-mode .chat-prompt-form-label:first-child{
  margin-top: 0 !important;
}
[data-theme="dark"] .calm-prompt-form-mode .chat-prompt-form-label{
  color: rgba(255, 254, 251, 0.78) !important;
}
.calm-prompt-form-mode .chat-prompt-form-label + .calm-field-wrap{
  margin-top: -15px !important;
}
.calm-prompt-form-mode .calm-field-wrap + .chat-prompt-form-label{
  margin-top: 6px !important;
}
.calm-prompt-form-mode .calm-field-wrap{
  position: relative !important;
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
}
.calm-prompt-form-mode .chat-prompt-form-input,
.chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form-input,
body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form .chat-prompt-form-input{
  width: 100% !important;
  border-radius: 12px !important;
  background: #FFFEFB !important;
  border: 1px solid rgba(58, 47, 38, 0.12) !important;
  
  padding-block: 12px!important; padding-inline: 14px 46px!important;
  font-size: 0.90625rem !important; 
  color: #3A2F26 !important;
  transition: border-color 0.15s ease !important;
}
.calm-prompt-form-mode .calm-field-wrap--textarea .chat-prompt-form-textarea,
.chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form-textarea{
  min-height: 132px !important;
  max-height: min(42vh, 360px) !important;
  overflow-y: auto !important;
  resize: vertical !important;
  padding-inline-end: 46px !important;
  scrollbar-width: thin;
  scrollbar-color: rgba(110, 138, 126, 0.32) transparent;
  scrollbar-gutter: stable;
}
.calm-prompt-form-mode .chat-prompt-form-textarea::-webkit-scrollbar{
  width: 6px;
}
.calm-prompt-form-mode .chat-prompt-form-textarea::-webkit-scrollbar-track{
  background: transparent;
}
.calm-prompt-form-mode .chat-prompt-form-textarea::-webkit-scrollbar-thumb{
  background: rgba(110, 138, 126, 0.30);
  border-radius: 999px;
}
.calm-prompt-form-mode .chat-prompt-form-textarea::-webkit-scrollbar-thumb:hover{
  background: rgba(110, 138, 126, 0.42);
}
.calm-prompt-form-mode .chat-prompt-form-input:hover,
.chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form-input:hover,
body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form .chat-prompt-form-input:hover{
  border-color: rgba(58, 47, 38, 0.20) !important;
}
.calm-prompt-form-mode .chat-prompt-form-input:focus,
.calm-prompt-form-mode .chat-prompt-form-input:focus-visible,
.chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form-input:focus,
.chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form-input:focus-visible,
body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form .chat-prompt-form-input:focus,
body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form .chat-prompt-form-input:focus-visible{
  background: #FFFEFB !important;
  border-color: rgba(58, 47, 38, 0.32) !important;
  box-shadow: none !important;
  outline: none !important;
}
.calm-prompt-form-mode .chat-prompt-form-input::placeholder{
  color: #9A8E82 !important;
}
[data-theme="dark"] .calm-prompt-form-mode .chat-prompt-form-input,
[data-theme="dark"] .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form-input,
[data-theme="dark"] body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form .chat-prompt-form-input{
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: rgba(255, 254, 251, 0.92) !important;
}
[data-theme="dark"] .calm-prompt-form-mode .chat-prompt-form-input:focus,
[data-theme="dark"] .calm-prompt-form-mode .chat-prompt-form-input:focus-visible,
[data-theme="dark"] .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form-input:focus,
[data-theme="dark"] .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form-input:focus-visible{
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(255, 254, 251, 0.32) !important;
  box-shadow: none !important;
  outline: none !important;
}
[data-theme="dark"] .calm-prompt-form-mode .chat-prompt-form-input::placeholder{
  color: rgba(255, 254, 251, 0.35) !important;
}
.calm-prompt-form-mode .calm-field-wrap.calm-field-wrap--textarea .cvm-mic{
  inset-inline-end: 20px !important;
}
.calm-prompt-form-mode .calm-field-wrap .cvm-mic{
  position: absolute !important;
  top: 7px !important;
  inset-inline-end: 8px !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: none !important;
  border-radius: 9px !important;
  background: rgba(110, 138, 126, 0.12) !important;
  color: #4A7A68 !important;
  cursor: pointer !important;
  transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease !important;
}
.calm-prompt-form-mode .calm-field-wrap .cvm-mic svg{
  width: 16px !important;
  height: 16px !important;
}
.calm-prompt-form-mode .calm-field-wrap .cvm-mic:hover{
  background: rgba(110, 138, 126, 0.20) !important;
  color: #4A7A68 !important;
}
.calm-prompt-form-mode .calm-field-wrap .cvm-mic:focus-visible{
  outline: 2px solid #6E8A7E !important;
  outline-offset: 2px !important;
}
.calm-prompt-form-mode .calm-field-wrap .cvm-mic.ss-mic--connecting{
  background: rgba(110, 138, 126, 0.18) !important;
  color: #5F7A6F !important;
}
.calm-prompt-form-mode .calm-field-wrap .cvm-mic.ss-mic--listening{
  background: rgba(110, 138, 126, 0.12) !important;
  color: #4A6B5C !important;
  box-shadow: inset 0 0 0 1.5px rgba(110, 138, 126, 0.45) !important;
  animation: cvmMicPulse 2s ease-in-out infinite !important;
}
.calm-prompt-form-mode .calm-field-wrap .cvm-mic.ss-mic--error{
  background: rgba(194, 96, 63, 0.12) !important;
  color: #C2603F !important;
}
.calm-prompt-form-mode .calm-field-wrap--no-stt .chat-prompt-form-input,
.chat-prompt-panel .calm-prompt-form-mode .calm-field-wrap--no-stt .chat-prompt-form-input,
body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form .calm-field-wrap--no-stt .chat-prompt-form-input{
  padding-inline: 14px !important;
}
[data-theme="dark"] .calm-prompt-form-mode .calm-field-wrap .cvm-mic{
  background: rgba(110, 138, 126, 0.20) !important;
  color: #8AAFA1 !important;
}
[data-theme="dark"] .calm-prompt-form-mode .calm-field-wrap .cvm-mic:hover{
  background: rgba(110, 138, 126, 0.30) !important;
  color: #A9C6BA !important;
}
[data-theme="dark"] .calm-prompt-form-mode .calm-field-wrap .cvm-mic.ss-mic--connecting{
  background: rgba(125, 156, 142, 0.22) !important;
  color: #B7CDC1 !important;
}
[data-theme="dark"] .calm-prompt-form-mode .calm-field-wrap .cvm-mic.ss-mic--listening{
  background: rgba(125, 156, 142, 0.14) !important;
  color: #B7CDC1 !important;
  box-shadow: inset 0 0 0 1.5px rgba(183, 205, 193, 0.40) !important;
}
[data-theme="dark"] .calm-prompt-form-mode .calm-field-wrap .cvm-mic.ss-mic--error{
  background: rgba(225, 161, 132, 0.14) !important;
  color: #E1A184 !important;
}
@media (prefers-reduced-motion: reduce){.calm-prompt-form-mode .chat-prompt-form-input,
  .calm-prompt-form-mode .calm-field-wrap .cvm-mic{
    transition: none !important;
  }
.calm-prompt-form-mode .calm-field-wrap .cvm-mic.ss-mic--listening{
    animation: none !important;
  }}
@media (max-width: 767px){.calm-prompt-form-mode .chat-prompt-form{
    padding: 10px 14px 0 !important;
  }
.calm-prompt-form-mode .calm-field-wrap .cvm-mic{
    width: 36px !important;
    height: 36px !important;
    min-width: 36px;
  }
body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form .chat-prompt-form-input{
    padding-inline-end: 50px !important;
  }
body .chat-prompt-panel .chat-prompt-panel-inner .chat-prompt-form .chat-prompt-form-input.chat-prompt-form-input,
  body .chat-prompt-panel .chat-prompt-panel-inner .chat-prompt-form textarea{
    font-size: 16px !important;
  }}
@media (max-width: 640px){.chat-prompt-panel--with-ai-dock .calm-prompt-form-mode .chat-prompt-form{
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    margin-top: 0 !important;
    padding: 10px 14px 14px !important;
  }
.chat-prompt-panel--with-ai-dock .calm-prompt-form-mode .calm-field-wrap--textarea .cvm-mic{
    inset-inline-end: 8px !important;
  }}
html[dir="ltr"] .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form .calm-field-wrap:not(.calm-field-wrap--no-stt) > #cpf-title.chat-prompt-form-input[dir="auto"],
html[dir="ltr"] .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form .calm-field-wrap:not(.calm-field-wrap--no-stt) > #cpf-text.chat-prompt-form-input[dir="auto"]{
  padding: 12px 46px 12px 14px !important;
}
html[dir="rtl"] .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form .calm-field-wrap:not(.calm-field-wrap--no-stt) > #cpf-title.chat-prompt-form-input[dir="auto"],
html[dir="rtl"] .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form .calm-field-wrap:not(.calm-field-wrap--no-stt) > #cpf-text.chat-prompt-form-input[dir="auto"]{
  padding: 12px 14px 12px 46px !important;
}
html .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form .calm-field-wrap--no-stt > #cpf-title.chat-prompt-form-input[dir="auto"],
html .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form .calm-field-wrap--no-stt > #cpf-text.chat-prompt-form-input[dir="auto"]{
  padding: 12px 14px !important;
}
@media (max-width: 767px){html[dir="ltr"] .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form .calm-field-wrap:not(.calm-field-wrap--no-stt) > #cpf-title.chat-prompt-form-input[dir="auto"],
  html[dir="ltr"] .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form .calm-field-wrap:not(.calm-field-wrap--no-stt) > #cpf-text.chat-prompt-form-input[dir="auto"]{
    padding: 12px 50px 12px 14px !important;
  }
html[dir="rtl"] .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form .calm-field-wrap:not(.calm-field-wrap--no-stt) > #cpf-title.chat-prompt-form-input[dir="auto"],
  html[dir="rtl"] .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form .calm-field-wrap:not(.calm-field-wrap--no-stt) > #cpf-text.chat-prompt-form-input[dir="auto"]{
    padding: 12px 14px 12px 50px !important;
  }
html .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form .calm-field-wrap--no-stt > #cpf-title.chat-prompt-form-input[dir="auto"],
  html .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form .calm-field-wrap--no-stt > #cpf-text.chat-prompt-form-input[dir="auto"]{
    padding: 12px 14px !important;
  }}
/* Source: chat/css/calm/calm-prompt-footer.css */
.calm-prompt-new-category .chat-prompt-form-actions{
  border-top: 1px solid rgba(228, 220, 212, 0.55) !important;
  margin-top: 16px !important;
  padding-top: 14px !important;
  padding-bottom: 4px !important;
  gap: 10px !important;
}
[data-theme="dark"] .calm-prompt-new-category .chat-prompt-form-actions{
  border-top-color: rgba(255, 255, 255, 0.08) !important;
}
.calm-prompt-new-category .chat-prompt-form-cancel,
.calm-prompt-new-category .chat-prompt-form-save{
  height: 44px !important;
  border-radius: 14px !important;
  padding: 0 22px !important;
  font-size: var(--font-size-base) !important;
  font-weight: var(--font-weight-medium, 500) !important;
  font-family: var(--font-family) !important;
  transition: all 0.15s ease !important;
}
.calm-prompt-new-category .chat-prompt-form-cancel{
  background: transparent !important;
  color: #5C4D43 !important;
  border: 1px solid rgba(228, 220, 212, 0.55) !important;
}
.calm-prompt-new-category .chat-prompt-form-cancel:hover{
  background: rgba(92, 77, 67, 0.04) !important;
  border-color: rgba(228, 220, 212, 0.70) !important;
  color: #3A2F26 !important;
}
[data-theme="dark"] .calm-prompt-new-category .chat-prompt-form-cancel,
[data-theme="dark"] .chat-prompt-panel .calm-prompt-new-category .chat-prompt-form-cancel{
  color: rgba(255, 254, 251, 0.60) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}
[data-theme="dark"] .calm-prompt-new-category .chat-prompt-form-cancel:hover,
[data-theme="dark"] .chat-prompt-panel .calm-prompt-new-category .chat-prompt-form-cancel:hover{
  background: rgba(255, 255, 255, 0.04) !important;
  color: rgba(255, 254, 251, 0.80) !important;
}
.calm-prompt-new-category .chat-prompt-form-save,
.chat-prompt-panel .calm-prompt-new-category .chat-prompt-form-save{
  background: #6E8A7E !important;
  color: #FFFEFB !important;
  border: none !important;
  box-shadow: 0 4px 12px rgba(110, 138, 126, 0.25) !important;
  filter: none !important;
}
body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-new-category .chat-prompt-form .chat-prompt-form-save{
  background: #6E8A7E !important;
  color: #FFFEFB !important;
  border: none !important;
  box-shadow: 0 4px 12px rgba(110, 138, 126, 0.25) !important;
  filter: none !important;
}
.calm-prompt-new-category .chat-prompt-form-save:hover,
.chat-prompt-panel .calm-prompt-new-category .chat-prompt-form-save:hover{
  background: #4A7A68 !important;
  box-shadow: 0 6px 18px rgba(74, 122, 104, 0.35) !important;
  transform: scale(1.02) !important;
  filter: none !important;
}
body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-new-category .chat-prompt-form .chat-prompt-form-save:hover{
  background: #4A7A68 !important;
  box-shadow: 0 6px 18px rgba(74, 122, 104, 0.35) !important;
  filter: none !important;
}
.calm-prompt-new-category .chat-prompt-form-save:active,
.chat-prompt-panel .calm-prompt-new-category .chat-prompt-form-save:active{
  transform: scale(0.97) !important;
  box-shadow: 0 2px 6px rgba(110, 138, 126, 0.20) !important;
}
[data-theme="dark"] .calm-prompt-new-category .chat-prompt-form-save,
[data-theme="dark"] .chat-prompt-panel .calm-prompt-new-category .chat-prompt-form-save{
  background: #6E8A7E !important;
  color: #FFFEFB !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.30) !important;
}
[data-theme="dark"] body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-new-category .chat-prompt-form .chat-prompt-form-save{
  background: #6E8A7E !important;
  color: #FFFEFB !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.30) !important;
}
[data-theme="dark"] .calm-prompt-new-category .chat-prompt-form-save:hover,
[data-theme="dark"] .chat-prompt-panel .calm-prompt-new-category .chat-prompt-form-save:hover{
  background: #8AAFA1 !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.40) !important;
}
[data-theme="dark"] body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-new-category .chat-prompt-form .chat-prompt-form-save:hover{
  background: #8AAFA1 !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.40) !important;
}
@media (prefers-reduced-motion: reduce){.calm-prompt-new-category .chat-prompt-form-cancel,
  .calm-prompt-new-category .chat-prompt-form-save{
    transition: none !important;
  }
.calm-prompt-new-category .chat-prompt-form-save:hover{
    transform: none !important;
  }
.calm-prompt-new-category .chat-prompt-form-save:active{
    transform: none !important;
  }}
.calm-prompt-form-mode .chat-prompt-form-actions{
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  border-top: 1px solid rgba(58, 47, 38, 0.08) !important;
  margin-top: 4px !important;
  padding: 16px 18px 18px !important;
  gap: 10px !important;
}
.calm-prompt-form-mode .chat-prompt-form-cancel,
.calm-prompt-form-mode .chat-prompt-form-save{
  height: 46px !important;
  border-radius: 12px !important;
  padding: 0 22px !important;
  font-size: var(--font-size-base) !important;
  font-weight: 600 !important;
  font-family: var(--font-family) !important;
  transition: background 0.15s ease, transform 0.12s ease, box-shadow 0.15s ease, border-color 0.15s ease, color 0.15s ease !important;
}
.calm-prompt-form-mode .chat-prompt-form-save{
  min-width: 100px !important;
  transition: background 0.15s ease, transform 0.12s ease, box-shadow 0.15s ease !important;
}
.calm-prompt-form-mode .chat-prompt-form-cancel{
  background: transparent !important;
  color: #5C4D43 !important;
  border: 1px solid rgba(228, 220, 212, 0.55) !important;
  box-shadow: none !important;
}
.calm-prompt-form-mode .chat-prompt-form-actions > button:first-child{
  height: 46px !important;
  border-radius: 12px !important;
  font-weight: 600 !important;
}
.calm-prompt-form-mode .chat-prompt-form-cancel:hover{
  background: rgba(247, 242, 233, 0.80) !important;
  border-color: rgba(58, 47, 38, 0.18) !important;
  color: #3A2F26 !important;
}
.calm-prompt-form-mode .chat-prompt-form-cancel:focus-visible,
.calm-prompt-form-mode .chat-prompt-form-actions > button:first-child:focus-visible{
  outline: 2px solid #5C4D43 !important;
  outline-offset: 2px !important;
}
[data-theme="dark"] .calm-prompt-form-mode .chat-prompt-form-cancel,
[data-theme="dark"] .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form-cancel{
  color: rgba(255, 254, 251, 0.60) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}
[data-theme="dark"] .calm-prompt-form-mode .chat-prompt-form-cancel:hover,
[data-theme="dark"] .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form-cancel:hover{
  background: rgba(255, 255, 255, 0.04) !important;
  color: rgba(255, 254, 251, 0.80) !important;
}
.calm-prompt-form-mode .chat-prompt-form-save,
.chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form-save,
body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form .chat-prompt-form-save{
  background: #6E8A7E !important;
  color: #FFFEFB !important;
  border: none !important;
  box-shadow: 0 1px 2px rgba(58, 47, 38, 0.06) !important;
  filter: none !important;
}
.calm-prompt-form-mode .chat-prompt-form-save:hover,
.chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form-save:hover,
body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form .chat-prompt-form-save:hover{
  background: #5F7A6F !important;
  box-shadow: 0 2px 8px rgba(110, 138, 126, 0.20) !important;
  transform: none !important;
  filter: none !important;
}
.calm-prompt-form-mode .chat-prompt-form-save:active,
.chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form-save:active,
.calm-prompt-form-mode .chat-prompt-form-actions > button:first-child:active{
  transform: scale(0.985) !important;
  box-shadow: 0 1px 2px rgba(58, 47, 38, 0.06) !important;
}
.calm-prompt-form-mode .chat-prompt-form-save:focus-visible{
  outline: 2px solid #5C4D43 !important;
  outline-offset: 2px !important;
}
.calm-prompt-form-mode .chat-prompt-form-save:disabled,
.chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form-save:disabled,
body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form .chat-prompt-form-save:disabled{
  background: rgba(110, 138, 126, 0.45) !important;
  color: rgba(255, 254, 251, 0.85) !important;
  box-shadow: none !important;
  transform: none !important;
  cursor: default !important;
}
.calm-prompt-form-mode .chat-prompt-form-save:disabled:hover{
  background: rgba(110, 138, 126, 0.45) !important;
  box-shadow: none !important;
  transform: none !important;
}
[data-theme="dark"] .calm-prompt-form-mode .chat-prompt-form-save,
[data-theme="dark"] .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form-save,
[data-theme="dark"] body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form .chat-prompt-form-save{
  background: #6E8A7E !important;
  color: #FFFEFB !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.20) !important;
}
[data-theme="dark"] .calm-prompt-form-mode .chat-prompt-form-save:hover,
[data-theme="dark"] .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form-save:hover{
  background: #5F7A6F !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28) !important;
}
[data-theme="dark"] .calm-prompt-form-mode .chat-prompt-form-save:disabled{
  background: rgba(110, 138, 126, 0.30) !important;
  color: rgba(255, 254, 251, 0.55) !important;
}
@media (max-width: 640px){.chat-prompt-panel--with-ai-dock .calm-prompt-form-mode > .chat-prompt-form-actions{
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    border-top: 1px solid rgba(58, 47, 38, 0.08) !important;
    padding: 14px 16px calc(14px + env(safe-area-inset-bottom, 0px)) !important;
    margin-top: 0 !important;
    background: #FFFEFB !important;
  }
[data-theme="dark"] .chat-prompt-panel--with-ai-dock .calm-prompt-form-mode > .chat-prompt-form-actions{
    background: var(--color-card, #1c1b18) !important;
    border-top-color: rgba(255, 255, 255, 0.08) !important;
  }
.chat-prompt-panel--with-ai-dock .calm-prompt-form-mode > .chat-prompt-form-actions .chat-prompt-form-cancel,
  .chat-prompt-panel--with-ai-dock .calm-prompt-form-mode > .chat-prompt-form-actions .chat-prompt-form-save{
    flex: 1 1 0 !important;
    min-width: 0 !important;
    min-height: 48px !important;
    height: 48px !important;
    border-radius: 12px !important;
  }}
@media (prefers-reduced-motion: reduce){.calm-prompt-form-mode .chat-prompt-form-cancel,
  .calm-prompt-form-mode .chat-prompt-form-save,
  .calm-prompt-form-mode .chat-prompt-form-actions button{
    transition: none !important;
  }
.calm-prompt-form-mode .chat-prompt-form-save:hover,
  .calm-prompt-form-mode .chat-prompt-form-save:active{
    transform: none !important;
  }}
.calm-prompt-list-mode .chat-prompt-add-row{
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 16px 18px 18px;
  margin-top: 0;
  border-top: 1px solid rgba(58, 47, 38, 0.07);
}
[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-add-row{
  border-top-color: rgba(255, 255, 255, 0.08) !important;
}
.calm-prompt-list-mode .chat-prompt-build-btn,
.chat-prompt-panel .calm-prompt-list-mode .chat-prompt-build-btn{
  flex: 1 1 0;
  min-width: 0;
  width: auto;
  height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 12px;
  
  background: #6E8A7E !important;
  color: #FFFEFB !important;
  border: 1px solid #6E8A7E !important;
  padding: 0 14px;
  box-shadow: 0 4px 12px rgba(110, 138, 126, 0.22) !important;
  font-weight: 600;
  transition: background 0.15s ease, border-color 0.15s ease, transform 0.12s ease, box-shadow 0.15s ease;
}
.calm-prompt-list-mode .chat-prompt-build-btn svg,
.calm-prompt-list-mode .chat-prompt-build-btn svg path{
  color: currentColor !important;
  fill: currentColor !important;
}
.calm-prompt-list-mode .chat-prompt-build-btn:hover,
.chat-prompt-panel .calm-prompt-list-mode .chat-prompt-build-btn:hover{
  background: #5F7A6F !important;
  border-color: #5F7A6F !important;
}
.calm-prompt-list-mode .chat-prompt-build-btn:focus-visible{
  outline: 2px solid #5C4D43 !important;
  outline-offset: 2px !important;
}
.calm-prompt-list-mode .chat-prompt-build-btn:active{
  transform: scale(0.985);
}
[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-build-btn,
[data-theme="dark"] .chat-prompt-panel .calm-prompt-list-mode .chat-prompt-build-btn{
  background: #6E8A7E !important;
  color: #FFFEFB !important;
  border-color: #6E8A7E !important;
  box-shadow: 0 4px 12px rgba(110, 138, 126, 0.22) !important;
}
[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-build-btn:hover,
[data-theme="dark"] .chat-prompt-panel .calm-prompt-list-mode .chat-prompt-build-btn:hover{
  background: #5F7A6F !important;
  color: #FFFEFB !important;
  border-color: #5F7A6F !important;
  box-shadow: 0 4px 12px rgba(110, 138, 126, 0.22) !important;
}
.calm-prompt-list-mode .chat-prompt-add-prompt-btn{
  flex: 1 1 0;
  min-width: 0;
  width: auto;
  height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  
  border: 1px solid rgba(58, 47, 38, 0.14) !important;
  border-radius: 12px;
  padding: 0 14px;
  background: transparent !important;
  color: #5C4D43 !important;
  box-shadow: none !important;
  font-weight: 600;
  transition: background 0.15s ease, border-color 0.15s ease, transform 0.12s ease;
}
.calm-prompt-list-mode .chat-prompt-add-prompt-btn svg,
.calm-prompt-list-mode .chat-prompt-add-prompt-btn svg path{
  color: #9A8E82 !important;
  fill: #9A8E82 !important;
}
.calm-prompt-list-mode .chat-prompt-add-prompt-btn:hover{
  background: #F7F2E9 !important;
  border-color: rgba(58, 47, 38, 0.22) !important;
  color: #5C4D43 !important;
}
.calm-prompt-list-mode .chat-prompt-add-prompt-btn:focus-visible{
  outline: 2px solid #5C4D43 !important;
  outline-offset: 2px !important;
}
.calm-prompt-list-mode .chat-prompt-add-prompt-btn:active{
  transform: scale(0.985);
}
[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-add-prompt-btn{
  border-color: rgba(255, 255, 255, 0.10) !important;
  color: rgba(255, 254, 251, 0.65) !important;
}
[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-add-prompt-btn:hover{
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
  color: rgba(255, 254, 251, 0.85) !important;
}
@media (prefers-reduced-motion: reduce){.calm-prompt-list-mode .chat-prompt-add-row button,
  .calm-prompt-list-mode .chat-prompt-build-btn,
  .calm-prompt-list-mode .chat-prompt-add-prompt-btn{
    transition: none !important;
  }
.calm-prompt-list-mode .chat-prompt-build-btn:hover,
  .calm-prompt-list-mode .chat-prompt-build-btn:active,
  .calm-prompt-list-mode .chat-prompt-add-prompt-btn:hover,
  .calm-prompt-list-mode .chat-prompt-add-prompt-btn:active{
    transform: none !important;
  }}
.calm-prompt-list-mode .chat-prompt-listmode-back{
  display: none;
}
@media (max-width: 640px){.calm-prompt-list-mode .chat-prompt-add-row{
    flex: 0 0 auto !important;
    position: sticky !important;
    bottom: 0 !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 14px 16px calc(14px + env(safe-area-inset-bottom, 0px)) !important;
    margin-top: 0 !important;
    border-top: 1px solid rgba(58, 47, 38, 0.08) !important;
    background: #FFFEFB !important;
  }
[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-add-row{
    background: var(--color-card, #1c1b18) !important;
    border-top-color: rgba(255, 255, 255, 0.08) !important;
  }
.calm-prompt-list-mode .chat-prompt-listmode-back{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 1 1 0 !important;
    min-width: 0 !important;
    height: 46px !important;
    border: 1px solid rgba(58, 47, 38, 0.14) !important;
    border-radius: 12px !important;
    padding: 0 14px !important;
    background: transparent !important;
    color: #5C4D43 !important;
    font-weight: 600 !important;
    font-size: var(--font-size-base, 0.9375rem) !important;
    font-family: var(--font-family) !important;
    box-shadow: none !important;
    transition: background 0.15s ease, border-color 0.15s ease !important;
  }
.calm-prompt-list-mode .chat-prompt-listmode-back:hover{
    background: #F7F2E9 !important;
    border-color: rgba(58, 47, 38, 0.22) !important;
    color: #3A2F26 !important;
  }
.calm-prompt-list-mode .chat-prompt-listmode-back:focus-visible{
    outline: 2px solid #6E8A7E !important;
    outline-offset: 2px !important;
  }
.calm-prompt-list-mode .chat-prompt-listmode-back:active{
    background: rgba(228, 220, 212, 0.35) !important;
  }
[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-listmode-back{
    border-color: rgba(255, 255, 255, 0.10) !important;
    color: rgba(255, 254, 251, 0.65) !important;
  }
[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-listmode-back:hover{
    background: rgba(255, 255, 255, 0.04) !important;
    border-color: rgba(255, 255, 255, 0.16) !important;
    color: rgba(255, 254, 251, 0.85) !important;
  }
.calm-prompt-list-mode .chat-prompt-add-prompt-btn{
    flex: 1 1 0 !important;
    min-width: 0 !important;
    height: 46px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    border-radius: 12px !important;
    background: #6E8A7E !important;
    color: #FFFEFB !important;
    border: 1px solid #6E8A7E !important;
    padding: 0 14px !important;
    box-shadow: 0 4px 12px rgba(110, 138, 126, 0.22) !important;
    font-weight: 600 !important;
    font-size: var(--font-size-base, 0.9375rem) !important;
    font-family: var(--font-family) !important;
    transition: background 0.15s ease, border-color 0.15s ease, transform 0.12s ease, box-shadow 0.15s ease !important;
  }
.calm-prompt-list-mode .chat-prompt-add-prompt-btn svg,
  .calm-prompt-list-mode .chat-prompt-add-prompt-btn svg path{
    color: #FFFEFB !important;
    fill: #FFFEFB !important;
  }
.calm-prompt-list-mode .chat-prompt-add-prompt-btn:hover{
    background: #5F7A6F !important;
    border-color: #5F7A6F !important;
    color: #FFFEFB !important;
  }
.calm-prompt-list-mode .chat-prompt-add-prompt-btn:focus-visible{
    outline: 2px solid #5C4D43 !important;
    outline-offset: 2px !important;
  }
.calm-prompt-list-mode .chat-prompt-add-prompt-btn:active{
    transform: scale(0.985) !important;
  }
[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-add-prompt-btn{
    background: #6E8A7E !important;
    color: #FFFEFB !important;
    border-color: #6E8A7E !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.30) !important;
  }
[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-add-prompt-btn svg,
  [data-theme="dark"] .calm-prompt-list-mode .chat-prompt-add-prompt-btn svg path{
    color: #FFFEFB !important;
    fill: #FFFEFB !important;
  }
[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-add-prompt-btn:hover{
    background: #5F7A6F !important;
    border-color: #5F7A6F !important;
    color: #FFFEFB !important;
  }}
@media (max-width: 640px) and (prefers-reduced-motion: reduce){.calm-prompt-list-mode .chat-prompt-listmode-back,
  .calm-prompt-list-mode .chat-prompt-add-prompt-btn{
    transition: none !important;
  }
.calm-prompt-list-mode .chat-prompt-add-prompt-btn:active{
    transform: none !important;
  }}
.calm-prompt-top-actions-mode .chat-prompt-top-actions{
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 14px 18px !important;
  margin-top: 0 !important;
  border-top: none !important;
}
.calm-prompt-top-actions-mode .chat-prompt-build-btn,
.chat-prompt-panel .calm-prompt-top-actions-mode .chat-prompt-build-btn{
  flex: 1 1 auto !important;
  justify-content: center !important;
  min-height: 44px !important;
  border-radius: 12px !important;
  background: #6E8A7E !important;
  color: #FFFEFB !important;
  border: none !important;
  box-shadow: 0 4px 12px rgba(110, 138, 126, 0.22) !important;
  font-weight: var(--font-weight-medium, 500) !important;
  transition: background 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease !important;
}
.calm-prompt-top-actions-mode .chat-prompt-build-btn svg,
.calm-prompt-top-actions-mode .chat-prompt-build-btn svg path{
  color: currentColor !important;
  fill: currentColor !important;
}
.calm-prompt-top-actions-mode .chat-prompt-build-btn:hover,
.chat-prompt-panel .calm-prompt-top-actions-mode .chat-prompt-build-btn:hover{
  background: #4A7A68 !important;
  box-shadow: 0 6px 18px rgba(74, 122, 104, 0.30) !important;
  transform: translateY(-1px) !important;
}
.calm-prompt-top-actions-mode .chat-prompt-build-btn:focus-visible{
  outline: 2px solid #4A7A68 !important;
  outline-offset: 2px !important;
}
.calm-prompt-top-actions-mode .chat-prompt-build-btn:active{
  transform: translateY(0) scale(0.99) !important;
  box-shadow: 0 2px 6px rgba(110, 138, 126, 0.20) !important;
}
[data-theme="dark"] .calm-prompt-top-actions-mode .chat-prompt-build-btn,
[data-theme="dark"] .chat-prompt-panel .calm-prompt-top-actions-mode .chat-prompt-build-btn{
  background: #6E8A7E !important;
  color: #FFFEFB !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.30) !important;
}
[data-theme="dark"] .calm-prompt-top-actions-mode .chat-prompt-build-btn:hover,
[data-theme="dark"] .chat-prompt-panel .calm-prompt-top-actions-mode .chat-prompt-build-btn:hover{
  background: #8AAFA1 !important;
  color: #1c1b18 !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.40) !important;
}
.calm-prompt-top-actions-mode .chat-prompt-add-prompt-btn,
.chat-prompt-panel .calm-prompt-top-actions-mode .chat-prompt-add-prompt-btn{
  flex: 0 0 auto !important;
  min-height: 44px !important;
  border: 1px solid rgba(58, 47, 38, 0.12) !important;
  border-radius: 12px !important;
  padding: 8px 14px !important;
  color: #5C4D43 !important;
  background: transparent !important;
  font-weight: 500 !important;
  font-size: 0.875rem !important;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease !important;
}
.calm-prompt-top-actions-mode .chat-prompt-add-prompt-btn svg,
.calm-prompt-top-actions-mode .chat-prompt-add-prompt-btn svg path{
  color: currentColor !important;
  fill: currentColor !important;
}
.calm-prompt-top-actions-mode .chat-prompt-add-prompt-btn:hover,
.chat-prompt-panel .calm-prompt-top-actions-mode .chat-prompt-add-prompt-btn:hover{
  background: rgba(58, 47, 38, 0.04) !important;
  border-color: rgba(58, 47, 38, 0.18) !important;
  color: #3A2F26 !important;
}
.calm-prompt-top-actions-mode .chat-prompt-add-prompt-btn:focus-visible{
  outline: 2px solid #6E8A7E !important;
  outline-offset: -2px !important;
}
[data-theme="dark"] .calm-prompt-top-actions-mode .chat-prompt-add-prompt-btn,
[data-theme="dark"] .chat-prompt-panel .calm-prompt-top-actions-mode .chat-prompt-add-prompt-btn{
  border-color: rgba(255, 255, 255, 0.10) !important;
  color: rgba(255, 254, 251, 0.65) !important;
}
[data-theme="dark"] .calm-prompt-top-actions-mode .chat-prompt-add-prompt-btn:hover,
[data-theme="dark"] .chat-prompt-panel .calm-prompt-top-actions-mode .chat-prompt-add-prompt-btn:hover{
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
  color: rgba(255, 254, 251, 0.85) !important;
}
@media (prefers-reduced-motion: reduce){.calm-prompt-top-actions-mode .chat-prompt-build-btn,
  .calm-prompt-top-actions-mode .chat-prompt-add-prompt-btn{
    transition: none !important;
  }
.calm-prompt-top-actions-mode .chat-prompt-build-btn:hover,
  .calm-prompt-top-actions-mode .chat-prompt-build-btn:active{
    transform: none !important;
  }}
@media (max-width: 640px){.calm-prompt-new-category .chat-prompt-form-actions{
    position: sticky !important;
    bottom: 0 !important;
    z-index: 2 !important;
    
    margin: auto 0 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
    background: var(--color-card, rgb(255, 254, 251)) !important;
    border-top: 1px solid rgba(228, 220, 212, 0.55) !important;
    padding: 14px 18px calc(14px + env(safe-area-inset-bottom, 0px)) !important;
    gap: 10px !important;
  }
[data-theme="dark"] .calm-prompt-new-category .chat-prompt-form-actions{
    background: var(--color-card, rgb(42, 38, 34)) !important;
    border-top-color: rgba(255, 255, 255, 0.08) !important;
  }}
@media (max-width: 767px){.calm-prompt-top-actions-mode .chat-prompt-top-actions{
    gap: 8px !important;
    padding: 12px 12px calc(12px + env(safe-area-inset-bottom, 0px)) !important;
  }
.calm-prompt-top-actions-mode .chat-prompt-build-btn,
  .chat-prompt-panel .calm-prompt-top-actions-mode .chat-prompt-build-btn,
  .calm-prompt-top-actions-mode .chat-prompt-add-prompt-btn{
    flex: 1 1 100% !important;
  }}
/* Source: chat/css/calm/calm-prompt-move.css */
.calm-actions{ --calm-menu-hover: #f3efe9; --calm-menu-line: #e8ddd4; --calm-menu-ink: #3a2f26; display: inline-flex; flex: none; }
.calm-actions-trigger{ display: inline-flex !important; align-items: center; justify-content: center; gap: 6px; width: 36px; height: 36px; padding: 6px !important; border: 0 !important; border-radius: 8px !important; background: transparent !important; color: inherit !important; cursor: pointer; }
.calm-actions-trigger:is(:hover,:focus-visible){ background: var(--calm-menu-hover) !important; }
.calm-actions:not(.calm-folder-settings) > .calm-actions-trigger:is(:hover,:focus-visible){ background: radial-gradient(circle at center,var(--calm-menu-hover) 15px,transparent 16px) !important; }
.calm-actions-menu{ position: fixed; z-index: 12000; inset: auto; margin: 0; padding: 6px; width: 200px; max-width: calc(100vw - 16px); max-height: calc(100dvh - 16px); box-sizing: border-box; border: 1px solid var(--calm-menu-line); border-radius: 12px; background: #fffefb; color: var(--calm-menu-ink); box-shadow: 0 6px 24px #3a2f2620; overflow: auto; }
.calm-actions-menu:not([hidden]){ display: flex; flex-direction: column; gap: 2px; }
.calm-actions-menu button{ display: flex !important; align-items: center; gap: 10px; text-align: start !important; justify-content: flex-start !important; width: 100% !important; min-height: 44px; height: auto !important; padding: 10px 12px !important; border: 0 !important; border-radius: 7px !important; font: inherit; font-size: 14px; background: transparent !important; color: var(--calm-menu-ink) !important; box-shadow: none !important; cursor: pointer; }
.calm-actions-menu button:is(:hover,:focus-visible){ background: var(--calm-menu-hover) !important; }
.calm-actions-menu button:disabled{ opacity: .45; cursor: default; }
.calm-actions-menu svg{ flex: none; width: 18px; height: 18px; }
#calm-prompt-modal .calm-folder-settings .calm-actions-trigger{ width: auto; font-size: 13px; border: 1px solid var(--calm-menu-line) !important; padding: 6px 10px !important; }
#calm-prompt-modal .calm-folder-list .chat-prompt-panel-header{ gap: 10px !important; flex-wrap: wrap; }
#calm-prompt-modal .calm-folder-list .chat-prompt-panel-title{ flex: 1; min-width: 0; white-space: normal; overflow-wrap: anywhere; }
#calm-prompt-modal .calm-folder-list .chat-prompt-list{ display: flex !important; flex-direction: column !important; gap: 0 !important; padding: 8px 20px !important; margin: 0 !important; max-height: calc(100dvh - 232px) !important; }
dialog#calm-prompt-modal.calm-prompt-modal:has(.calm-folder-list){ max-height: calc(100dvh - 24px); }
#calm-prompt-modal .chat-prompt-panel-inner:has(#cpf-cat-name):not(.calm-folder-create) > .chat-prompt-panel-header{ background: #faf8f5 !important; }
#calm-prompt-modal .calm-folder-list .chat-prompt-item{ display: flex !important; align-items: center; gap: 8px; height: auto !important; min-height: 59px !important; box-sizing: border-box; padding: 7px 0 !important; border: 0 !important; border-bottom: 1px solid #ece7df !important; background: transparent !important; border-radius: 0 !important; }
#calm-prompt-modal .calm-folder-list .chat-prompt-item[hidden]{ display: none !important; }
#calm-prompt-modal .calm-folder-list .chat-prompt-suggestion-btn::before{ display: none !important; }
#calm-prompt-modal .calm-folder-list .chat-prompt-suggestion-btn > .calm-prompt-row-icon{ display: inline-flex !important; align-items: center; justify-content: center; flex: 0 0 28px !important; width: 28px !important; min-width: 28px !important; max-width: 28px !important; height: 28px; margin: 0 !important; padding: 0 !important; border-radius: 7px; background: #e8eeea; color: #4a7a68; }
#calm-prompt-modal .calm-folder-list .calm-prompt-row-icon svg{ display: block !important; width: 18px !important; height: 18px !important; }
#calm-prompt-modal .calm-folder-list .chat-prompt-suggestion-btn > span:last-child{ margin: 0 !important; padding-inline-end: 0 !important; }
#calm-prompt-modal .calm-folder-list .chat-prompt-suggestion-btn{ display: flex; align-items: center; justify-content: flex-start; gap: 10px; min-width: 0; width: auto !important; flex: 1; min-height: 44px; border: 0 !important; background: transparent !important; padding: 10px 8px !important; border-radius: 8px !important; }
#calm-prompt-modal .calm-folder-list .chat-prompt-suggestion-btn span{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#calm-prompt-modal .calm-folder-list .chat-prompt-suggestion-btn:is(:hover,:focus-visible){ background: #f3efe9 !important; }
#calm-prompt-modal .calm-folder-list .chat-prompt-add-row{ padding: 16px 24px !important; margin: 0 !important; }
#calm-prompt-modal .calm-folder-list .chat-prompt-new-prompt-btn{ width: 100%; min-height: 44px; border: 1px solid #e8ddd4 !important; background: transparent !important; color: inherit !important; }
#calm-prompt-modal .calm-list-search{ flex: none; margin: 16px 24px 4px; width: calc(100% - 48px); box-sizing: border-box; min-height: 44px; border: 1px solid #e8ddd4; border-radius: 12px; padding: 10px 14px; font: inherit; font-size: 14px; color: inherit; background: transparent; }
#calm-prompt-modal .calm-list-search:focus-visible{ outline: none; border-color: #4a7a68; }
dialog#calm-prompt-modal:has(#cpf-cat-name){ width: min(520px,calc(100% - 32px)); }
#calm-prompt-modal:has(#cpf-cat-name) .calm-prompt-subtitle{ display: none !important; }
#calm-prompt-modal:has(#cpf-cat-name) .chat-prompt-form-label{ text-transform: none !important; font-size: 14px !important; font-weight: 600 !important; letter-spacing: normal !important; }
#calm-prompt-modal .calm-search-empty{ margin: 16px 24px; color: inherit; }
#calm-prompt-modal [hidden], .calm-actions-menu[hidden]{ display: none !important; }
#calm-prompt-modal .calm-category-appearance{ margin-top: 12px; }
#calm-prompt-modal .calm-category-appearance > summary{ cursor: pointer; min-height: 36px; padding: 6px 0; font-size: 14px; }
#calm-prompt-modal .calm-category-appearance > .chat-prompt-form-label{ display: block; margin: 18px 0 10px !important; }
#calm-prompt-modal .calm-category-appearance .chat-prompt-icon-picker{ grid-template-columns: repeat(6,minmax(0,1fr)) !important; gap: 10px !important; }
#calm-prompt-modal .calm-category-appearance .chat-prompt-icon-btn{ height: 40px !important; max-width: none !important; aspect-ratio: auto !important; }
#calm-prompt-modal .calm-category-appearance .chat-prompt-color-picker{ display: flex !important; justify-content: space-between !important; gap: 12px !important; flex-wrap: wrap; }
.chat-prompt-area .calm-standalone{ display: inline-flex; align-items: center; padding: 4px 8px 4px 12px !important; gap: 2px; max-width: 100%; }
.chat-prompt-area .calm-standalone .chat-prompt-suggestion-btn{ display: inline-flex; align-items: center; gap: 8px; min-width: 0; border: 0; padding: 0 4px; background: transparent; color: inherit; font: inherit; cursor: pointer; }
.chat-prompt-area .calm-standalone .chat-prompt-suggestion-btn span{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.chat-prompt-area .chat-prompt-create{ background: #fffefb; }
dialog.calm-prompt-confirm{ inset: 0; margin: auto !important; width: min(400px,calc(100vw - 32px)); box-sizing: border-box; padding: 28px; border: 0; border-radius: 16px; background: #fffefb; color: #3a2f26; box-shadow: 0 16px 56px #3a2f2630; }
.calm-prompt-confirm::backdrop{ background: #302a2455; }
.calm-prompt-confirm h2{ margin: 0 0 12px; font-size: 21px; }
.calm-prompt-confirm p{ margin: 0 0 24px; }
.calm-form-error{ color: #a03728; font-size: 13px; }
[data-theme="dark"] .calm-actions{ --calm-menu-hover: #39362f; --calm-menu-line: #575047; --calm-menu-ink: #f0e8df; }
[data-theme="dark"] .calm-actions-menu, [data-theme="dark"] .calm-prompt-confirm{ background: #2c2925 !important; color: #f0e8df !important; }
[data-theme="dark"] #calm-prompt-modal .calm-folder-list .chat-prompt-suggestion-btn:is(:hover,:focus-visible){ background: #39362f !important; }
[data-theme="dark"] #calm-prompt-modal .calm-folder-list .chat-prompt-item{ border-bottom-color: #474139 !important; }
[data-theme="dark"] #calm-prompt-modal .chat-prompt-panel-inner:has(#cpf-cat-name):not(.calm-folder-create) > .chat-prompt-panel-header{ background: #302d28 !important; }
[data-theme="dark"] #calm-prompt-modal .calm-folder-list .calm-prompt-row-icon{ background: #34473e; color: #bad3c6; }
[data-theme="dark"] .calm-form-error{ color: #f0b3a7; }
@media(max-width:640px){.calm-actions-trigger{ min-width: 44px; height: 44px; }
#calm-prompt-modal .calm-folder-list .chat-prompt-list{ padding-inline: 12px !important; }
#calm-prompt-modal .calm-folder-settings{ order: 3; margin-inline-start: auto; }
#calm-prompt-modal .calm-folder-list .chat-prompt-panel-close{ margin-inline-start: auto; }}
@media(max-width:480px){#calm-prompt-modal .calm-folder-list .chat-prompt-panel-header{ flex-wrap: nowrap; }
#calm-prompt-modal .calm-folder-list .chat-prompt-panel-title{ flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#calm-prompt-modal .calm-folder-settings{ order: 1; margin-inline-start: 0; }
#calm-prompt-modal .calm-folder-settings .calm-actions-trigger{ width: 44px; padding: 10px !important; }
#calm-prompt-modal .calm-folder-settings .calm-actions-trigger > :is(span,svg:last-child){ display: none; }
#calm-prompt-modal .calm-folder-list .chat-prompt-panel-close{ order: 2; flex: none; margin-inline-start: 0; }}
dialog#calm-prompt-modal.calm-prompt-modal{
  margin: auto !important;
  inset: 0;
  padding: 0;
  border: 0;
  border-radius: 16px;
  width: min(640px, calc(100% - 32px));
  max-width: none;
  max-height: calc(100dvh - 32px);
  background: #FFFEFB;
  color: #3A2F26;
  box-shadow: 0 16px 56px rgba(58,47,38,.12);
  overflow: visible;
}
@media (max-width: 767px){dialog#calm-prompt-modal.calm-prompt-modal{
    top: var(--ss-vv-offset, 0px);
    bottom: var(--ss-vv-bottom, 0px);
    max-height: calc(var(--ss-vv-height, 100dvh) - 32px);
  }}
dialog#calm-prompt-modal.calm-prompt-modal::backdrop{
  background: rgba(251,249,246,.88);
  backdrop-filter: blur(2px);
}
html body dialog#calm-prompt-modal.calm-prompt-modal > .chat-prompt-panel{
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  height: auto !important;
  max-height: inherit !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  animation: none !important;
  overflow: visible !important;
}
html body dialog#calm-prompt-modal.calm-prompt-modal .chat-prompt-panel > .chat-prompt-panel-inner{
  display: flex !important;
  flex-direction: column;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  max-height: inherit !important;
  min-height: 0;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 16px !important;
  box-shadow: none !important;
  background: #FFFEFB !important;
  box-sizing: border-box;
  overflow: hidden !important;
}
html body dialog#calm-prompt-modal.calm-prompt-modal .chat-prompt-panel-inner > .chat-prompt-form,
html body dialog#calm-prompt-modal.calm-prompt-modal .chat-prompt-panel-inner > .chat-prompt-list{
  flex: 1 1 auto !important;
  min-height: 0;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain;
}
html body dialog#calm-prompt-modal.calm-prompt-modal .chat-prompt-panel-inner > .chat-prompt-panel-header,
html body dialog#calm-prompt-modal.calm-prompt-modal .chat-prompt-panel-inner > .chat-prompt-form-actions,
html body dialog#calm-prompt-modal.calm-prompt-modal .chat-prompt-panel-inner > .chat-prompt-add-row{
  flex: none !important;
}
html body dialog#calm-prompt-modal.calm-prompt-modal .chat-prompt-panel-inner .chat-prompt-panel-close{
  display: flex !important;
}
html body dialog#calm-prompt-modal.calm-prompt-modal .chat-prompt-form-textarea{
  max-height: min(32dvh, 280px) !important;
  overflow-y: auto !important;
}
dialog#calm-prompt-modal.calm-prompt-modal .chat-prompt-form-actions{
  padding: 14px 20px !important;
  margin-top: 0 !important;
  border-top: 1px solid rgba(58,47,38,.08);
}
dialog#calm-prompt-modal.calm-prompt-modal .calm-icon-overflow-popover,
dialog#calm-prompt-modal.calm-prompt-modal .calm-cat-icon-popover{
  max-width: calc(100vw - 16px);
  max-height: calc(100dvh - 32px);
  overflow-y: auto;
}
[data-theme="dark"] dialog#calm-prompt-modal.calm-prompt-modal,
[data-theme="dark"] body dialog#calm-prompt-modal.calm-prompt-modal .chat-prompt-panel > .chat-prompt-panel-inner{
  background: #2c2925 !important;
  color: #f0e8df;
}
[data-theme="dark"] dialog#calm-prompt-modal.calm-prompt-modal::backdrop{
  background: rgba(31,29,26,.88);
}
@media (min-width: 769px){dialog#calm-prompt-modal.calm-prompt-modal:has(> .chat-prompt-panel > [data-calm-ai-dock].cvm-is-open){
    width: min(1040px, calc(100% - 32px));
  }
html body dialog#calm-prompt-modal.calm-prompt-modal .cvm-dock--inline{
    max-height: calc(100dvh - 32px) !important;
  }}
@media (max-width: 640px){dialog#calm-prompt-modal.calm-prompt-modal{ width: calc(100% - 16px); max-height: calc(var(--ss-vv-height, 100dvh) - 16px); }}
#calm-prompt-modal .calm-prompt-form-mode > .chat-prompt-panel-header{
  border-bottom: 0 !important;
}
#calm-prompt-modal .calm-prompt-form-mode > .chat-prompt-form-actions{
  border-top: 0 !important;
}
#calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-dock--inline{
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin-top: 0 !important;
}
#calm-prompt-modal .calm-prompt-form-mode .calm-field-wrap > .cvm-mic{
  top: 8px !important;
  inset-inline-end: 12px !important;
}
#calm-prompt-modal .calm-prompt-form-mode .calm-field-wrap:not(.calm-field-wrap--no-stt) > :is(#cpf-title, #cpf-text){
  padding: 12px 56px 12px 14px !important;
}
html[dir="rtl"] #calm-prompt-modal .calm-prompt-form-mode .calm-field-wrap:not(.calm-field-wrap--no-stt) > :is(#cpf-title, #cpf-text){
  padding: 12px 14px 12px 56px !important;
}
@media (min-width: 769px){#calm-prompt-modal > .chat-prompt-panel:has(.calm-prompt-form-mode){
    column-gap: 0;
  }
#calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-head{
    padding: 22px 22px 14px;
  }
#calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-body{
    padding-inline: 22px;
  }
#calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-foot{
    padding: 14px 22px 22px;
  }}
@media (max-width: 768px){#calm-prompt-modal .calm-prompt-form-mode .calm-field-wrap > .cvm-mic{
    width: 44px !important;
    height: 44px !important;
    min-width: 44px;
  }
#calm-prompt-modal .calm-prompt-form-mode .calm-field-wrap:not(.calm-field-wrap--no-stt) > :is(#cpf-title, #cpf-text){
    padding: 12px 64px 12px 14px !important;
    min-height: 60px;
  }
html[dir="rtl"] #calm-prompt-modal .calm-prompt-form-mode .calm-field-wrap:not(.calm-field-wrap--no-stt) > :is(#cpf-title, #cpf-text){
    padding: 12px 14px 12px 64px !important;
  }}
@media (max-width: 768px){#calm-prompt-modal .calm-prompt-form-mode .chat-prompt-form > [data-calm-ai-dock]{
    margin: 20px 0 0 !important;
    border-top: 0 !important;
    padding-top: 0 !important;
  }
#calm-prompt-modal .calm-prompt-form-mode .cvm-dock--inline{
    padding: 0 !important;
    max-height: none !important;
  }
#calm-prompt-modal .calm-prompt-form-mode .cvm-dock--inline .cvm-body{
    flex: 0 0 auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow-y: visible !important;
  }
#calm-prompt-modal .calm-prompt-form-mode .cvm-close{
    display: none !important;
  }
#calm-prompt-modal .calm-prompt-form-mode .cvm-composer .cvm-mic{
    position: static !important;
    width: 36px !important;
    height: 36px !important;
    flex: 0 0 36px !important;
  }
#calm-prompt-modal:has(.calm-prompt-form-mode) :is(.cvm-head, .cvm-body, .cvm-foot){
    padding-inline: 0;
  }}
dialog.chat-prompt-move-dialog{
  border: none;
  border-radius: 14px;
  background: var(--card-bg, #FFFEFB);
  box-shadow: 0 8px 32px rgba(0,0,0,0.12);
  padding: 0;
  max-width: 380px;
  width: calc(100% - 32px);
  margin: auto;
  max-height: calc(100dvh - 32px);
  overflow-y: auto;
}
dialog.chat-prompt-move-dialog::backdrop{
  background: rgba(0,0,0,0.3);
}
.chat-prompt-move-inner{
  display: flex;
  flex-direction: column;
}
.chat-prompt-move-dialog .chat-prompt-panel-header{
  display: flex;
  align-items: center;
  padding: 16px 20px 0;
  gap: 8px;
}
.chat-prompt-move-dialog .chat-prompt-panel-title{
  flex: 1;
  font-weight: 600;
  font-size: 16px;
  color: var(--text-primary, #1a1a1a);
}
.chat-prompt-move-close{
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
  color: var(--text-secondary, #888);
  border-radius: 6px;
  display: flex;
  align-items: center;
  margin-inline-start: auto;
}
.chat-prompt-move-close:hover{
  background: rgba(0,0,0,0.06);
}
.chat-prompt-move-body{
  padding: 16px 20px 8px;
}
.chat-prompt-move-name{
  font-weight: 600;
  font-size: 15px;
  margin: 0 0 16px;
  color: var(--text-primary, #1a1a1a);
  word-break: break-word;
}
.chat-prompt-move-label{
  display: block;
  font-size: 13px;
  font-weight: 500;
  color: var(--text-secondary, #555);
  margin-bottom: 6px;
}
.chat-prompt-move-picker{
  display: flex;
  flex-direction: column;
  gap: 2px;
  max-height: 200px;
  overflow-y: auto;
  border: 1.5px solid var(--border-light, #e0ddd8);
  border-radius: 10px;
  padding: 4px;
}
.chat-prompt-move-option{
  display: block;
  width: 100%;
  padding: 8px 12px;
  border: none;
  border-radius: 8px;
  background: transparent;
  text-align: start;
  cursor: pointer;
  font-size: 14px;
  font-family: inherit;
  color: var(--text-primary, #1a1a1a);
  transition: background-color 0.15s ease;
}
.chat-prompt-move-option:hover:not(:disabled){
  background: rgba(74, 122, 104, 0.08);
}
.chat-prompt-move-option[aria-selected="true"]{
  background: rgba(74, 122, 104, 0.12);
  font-weight: 500;
}
.chat-prompt-move-option:disabled{
  opacity: 0.5;
  cursor: not-allowed;
}
.chat-prompt-move-error{
  color: #c0392b;
  font-size: 13px;
  min-height: 20px;
  margin-top: 8px;
}
.chat-prompt-move-footer{
  padding: 12px 20px 16px;
  display: flex;
  justify-content: flex-end;
}
dialog.chat-prompt-move-dialog .chat-prompt-move-done-btn{
  background: #4A7A68 !important;
  color: #fff !important;
  border: none;
  border-radius: 10px;
  padding: 10px 28px;
  font-size: 14px;
  font-weight: 600;
  font-family: inherit;
  cursor: pointer;
  transition: background 0.15s, opacity 0.15s;
}
dialog.chat-prompt-move-dialog .chat-prompt-move-done-btn:hover{
  background: #3d6656 !important;
}
.chat-prompt-move-done-btn:disabled{
  opacity: 0.6;
  cursor: not-allowed;
}
.chat-prompt-item-move{
  background: none;
  border: none;
  padding: 4px;
  cursor: pointer;
  color: var(--text-secondary, #888);
  border-radius: 6px;
  display: flex;
  align-items: center;
  transition: color 0.15s, background 0.15s;
}
.chat-prompt-item-move:hover{
  color: var(--sage, #4A7A68);
  background: rgba(74, 122, 104, 0.08);
}
[data-theme="dark"] dialog.chat-prompt-move-dialog{
  background: var(--bg-dark-card, #1e1e1e);
}
[data-theme="dark"] .chat-prompt-move-dialog .chat-prompt-panel-title{
  color: var(--text-dark-primary, #e8e8e8);
}
[data-theme="dark"] .chat-prompt-move-picker{
  border-color: var(--border-dark, #444);
}
[data-theme="dark"] .chat-prompt-move-option{
  color: var(--text-dark-primary, #e8e8e8);
}
[data-theme="dark"] .chat-prompt-move-option:hover:not(:disabled){
  background: rgba(90, 154, 126, 0.15);
}
[data-theme="dark"] .chat-prompt-move-option[aria-selected="true"]{
  background: rgba(90, 154, 126, 0.2);
}
[data-theme="dark"] .chat-prompt-move-name{
  color: var(--text-dark-primary, #e8e8e8);
}
[data-theme="dark"] .chat-prompt-move-label{
  color: var(--text-dark-secondary, #aaa);
}
[data-theme="dark"] dialog.chat-prompt-move-dialog .chat-prompt-move-done-btn{
  background: #7cb8a4 !important;
  color: #1e2924 !important;
}
[data-theme="dark"] dialog.chat-prompt-move-dialog .chat-prompt-move-done-btn:hover{
  background: #9ac9b8 !important;
}
[data-theme="dark"] dialog.chat-prompt-move-dialog .chat-prompt-move-error{
  color: #f0b3a7 !important;
}
@media (max-width: 640px){dialog.chat-prompt-move-dialog{
    width: calc(100% - 24px);
  }
.chat-prompt-item-move{
    min-width: 44px;
    min-height: 44px;
    justify-content: center;
  }
.chat-prompt-move-option{
    padding: 12px;
    font-size: 16px;
  }
.chat-prompt-move-done-btn{
    padding: 12px 28px;
    width: 100%;
  }}
html body #calm-prompt-modal .chat-prompt-panel-inner:is(.calm-folder-list,.calm-prompt-new-category){ padding: 0 !important; }
html body #calm-prompt-modal .calm-folder-list .chat-prompt-item:not([hidden]):not(:has(~ .chat-prompt-item:not([hidden]))){ border-bottom: 0 !important; }
html body #calm-prompt-modal{ --prompt-hover-ink: #3d725f; }
html[data-theme="dark"] body #calm-prompt-modal{ --prompt-hover-ink: #b1d3c2; }
html body #calm-prompt-modal .calm-folder-list :is(.chat-prompt-suggestion-btn,.chat-prompt-panel-title[role="button"]):is(:hover,:focus-visible),
html body #calm-prompt-modal :is(.calm-actions-trigger,.chat-prompt-panel-close):is(:hover,:focus-visible),
html body #chat-main .chat-prompt-area .calm-actions-trigger:is(:hover,:focus-visible){
  background: transparent !important; box-shadow: none !important; color: var(--prompt-hover-ink,#3d725f) !important;
}
html body #calm-prompt-modal .calm-folder-list .chat-prompt-suggestion-btn:is(:hover,:focus-visible) .calm-prompt-row-icon{ color: var(--prompt-hover-ink) !important; }
html body #calm-prompt-modal :is(.chat-prompt-suggestion-btn,.chat-prompt-panel-title[role="button"]):focus-visible{ outline: none !important; text-decoration: underline; text-underline-offset: 3px; }
html body #chat-main .chat-prompt-area :is(.chat-prompt-chip[data-cat-id],.calm-standalone):is(:hover,:focus-within){ transform: none !important; box-shadow: none !important; color: #3d725f !important; }
html body #chat-main .chat-prompt-area :is(.chat-prompt-chip[data-cat-id],.calm-standalone):is(:hover,:focus-within) svg{ color: #3d725f !important; }
html[data-theme="dark"] body #chat-main .chat-prompt-area :is(.chat-prompt-chip[data-cat-id],.calm-standalone):is(:hover,:focus-within),
html[data-theme="dark"] body #chat-main .chat-prompt-area :is(.chat-prompt-chip[data-cat-id],.calm-standalone):is(:hover,:focus-within) svg,
html[data-theme="dark"] body #chat-main .chat-prompt-area .calm-actions-trigger:is(:hover,:focus-visible){ color: #b1d3c2 !important; }
#calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-close{ display: none !important; }
#calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-suggestion{ background: transparent !important; box-shadow: none !important; border-color: rgba(110,138,126,.18) !important; padding: 10px 12px; }
#calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-label{ text-transform: none; letter-spacing: normal; font-size: 14px; }
#calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-confirm{ justify-content: flex-end; }
#calm-prompt-modal:has(.calm-prompt-form-mode) :is(.cvm-yes,.cvm-no){ flex: 0 0 auto; min-width: 64px; min-height: 44px; border-radius: 10px; }
#calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-suggestion:has(.cvm-result){ border-color: transparent !important; padding-block: 6px; }
#calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-suggestion:has(.cvm-result) .cvm-new{ margin-bottom: 6px; }
@media(min-width:769px){html body #calm-prompt-modal > .chat-prompt-panel:has(.calm-prompt-form-mode){ align-items: stretch !important; }
html body #calm-prompt-modal .calm-prompt-form-mode{ position: static !important; align-self: stretch; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
html body #calm-prompt-modal .calm-prompt-form-mode::before{ display: none !important; }
html body #calm-prompt-modal .calm-prompt-form-mode > .chat-prompt-panel-header{ position: static !important; }
html body #calm-prompt-modal .calm-prompt-form-mode .chat-prompt-panel-close{ position: absolute !important; top: 16px; inset-inline-end: 18px; z-index: 5; }
#calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-head{ padding-inline-end: 64px; }
html body #calm-prompt-modal .calm-prompt-form-mode .chat-prompt-form{ flex: 1 1 auto !important; }
html body #calm-prompt-modal .calm-prompt-form-mode .calm-field-wrap--textarea{ display: flex !important; flex: 1 1 auto; min-height: 132px; }
html body #calm-prompt-modal .calm-prompt-form-mode #cpf-text{ flex: 1; height: 100% !important; min-height: 132px !important; max-height: none !important; resize: none !important; }}
html body #chat-main .chat-prompt-area :is(.calm-standalone,.calm-home-folder){
  position: relative; display: inline-flex; align-items: center; gap: 0;
  padding: 0 !important; min-width: 0; max-width: 100%; box-sizing: border-box;
}
html body #chat-main .chat-prompt-area :is(.calm-standalone,.calm-home-folder) > .chat-prompt-suggestion-btn{
  display: inline-flex; align-items: center; gap: 8px; flex: 1 1 auto;
  min-width: 0; min-height: 42px; padding: 0 18px !important;
  border: 0 !important; background: transparent !important; color: inherit !important;
  font: inherit; text-align: start; cursor: grab;
}
html body #chat-main .chat-prompt-area :is(.calm-standalone,.calm-home-folder).dragging > .chat-prompt-suggestion-btn{ cursor: grabbing !important; }
html body #chat-main .chat-prompt-area :is(.calm-standalone,.calm-home-folder) .calm-home-label{ position: relative; display: block; flex: 1 1 auto; min-width: 0; }
html body #chat-main .chat-prompt-area :is(.calm-standalone,.calm-home-folder) .calm-home-label-sizer{ display: block; visibility: hidden; white-space: nowrap; }
html body #chat-main .chat-prompt-area :is(.calm-standalone,.calm-home-folder) .calm-home-label-text{ position: absolute; inset: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html body #chat-main .chat-prompt-area .calm-standalone > .calm-actions,
html body #chat-main .chat-prompt-area .calm-home-folder > .calm-home-settings{
  position: absolute; inset-inline-end: 0; top: 0; display: inline-flex; align-items: center;
  width: 44px; min-width: 44px; height: 44px;
  opacity: 0; pointer-events: none; transition: opacity 120ms ease;
}
html body #chat-main .chat-prompt-area :is(.calm-standalone,.calm-home-folder) .calm-home-settings{
  display: inline-flex !important; align-items: center; justify-content: center;
  width: 44px; min-width: 44px; height: 44px; padding: 0 !important; border: 0 !important;
  background: transparent !important; box-shadow: none !important; color: inherit !important;
  cursor: pointer;
}
html body #chat-main .chat-prompt-area .calm-standalone > .calm-actions{ overflow: visible; }
html body #chat-main .chat-prompt-area :is(.calm-standalone,.calm-home-folder) .calm-home-settings svg{ width: 16px; height: 16px; min-width: 16px; }
html body #chat-main .chat-prompt-area :is(.calm-standalone,.calm-home-folder):is(:hover,:focus-within,:has(.calm-home-settings[aria-expanded="true"])) .calm-home-label-text{ inset-inline-end: 26px; }
html body #chat-main .chat-prompt-area .calm-standalone:is(:hover,:focus-within,:has(.calm-home-settings[aria-expanded="true"])) > .calm-actions,
html body #chat-main .chat-prompt-area .calm-home-folder:is(:hover,:focus-within) > .calm-home-settings,
html body #chat-main .chat-prompt-area .calm-home-folder > .calm-home-settings[aria-expanded="true"]{ opacity: 1; pointer-events: auto; }
@media (hover: none), (pointer: coarse){html body #chat-main .chat-prompt-area :is(.calm-standalone,.calm-home-folder) > .chat-prompt-suggestion-btn{ padding-inline: 18px 44px !important; }
html body #chat-main .chat-prompt-area :is(.calm-standalone,.calm-home-folder) .calm-home-label-text{ inset-inline-end: 0 !important; }
html body #chat-main .chat-prompt-area .calm-standalone > .calm-actions,
  html body #chat-main .chat-prompt-area .calm-home-folder > .calm-home-settings{ opacity: 1; pointer-events: auto; }}
@media (prefers-reduced-motion: reduce){html body #chat-main .chat-prompt-area .calm-standalone > .calm-actions,
  html body #chat-main .chat-prompt-area .calm-home-folder > .calm-home-settings{ transition: none; }}
@media (max-width: 768px){html body #chat-main #chat-empty-voksen.content:has(.calm-standalone),
html body #chat-main .chat-prompt-area:has(.calm-standalone),
html body #chat-main .chat-prompt-chips:has(.calm-standalone){ min-width: 0 !important; max-width: 100% !important; box-sizing: border-box; }}
html body #chat-main .chat-prompt-area .calm-standalone{ min-width: 0; box-sizing: border-box; }
html body #chat-main .chat-prompt-area .calm-standalone .chat-prompt-suggestion-btn{ flex: 1 1 auto; min-width: 0; }
html body #chat-main .chat-prompt-area .calm-standalone .chat-prompt-suggestion-btn span{ min-width: 0; }
#calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-suggestion.cvm-suggestion--builder{
  border: 1px solid #e2e8e1 !important; border-radius: 14px;
  padding: 12px 15px 14px !important; margin-bottom: 12px;
  background: var(--bg-card, #fffffd) !important;
}
#calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-suggestion.cvm-suggestion--builder .cvm-suggestion-head{ gap: 8px; margin-bottom: 3px; }
#calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-suggestion.cvm-suggestion--builder .cvm-label{ font-size: 13px; font-weight: 600; }
#calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-suggestion.cvm-suggestion--builder .cvm-new{ font-size: 14px; line-height: 1.6; overflow-wrap: anywhere; }
#calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-suggestion.cvm-suggestion--builder .cvm-listen{
  width: 40px; height: 40px; border: 0 !important; background: transparent !important;
  box-shadow: none !important; border-radius: 10px;
}
#calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-suggestion.cvm-suggestion--builder .cvm-listen:is(:hover,.tts-playing,.tts-paused,.active,.loading){ background: rgba(110,138,126,.12) !important; }
#calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-suggestion.cvm-suggestion--builder .cvm-confirm{ justify-content: flex-start; align-items: center; flex-wrap: wrap; gap: 8px; margin-top: 7px; }
#calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-suggestion.cvm-suggestion--builder .cvm-yes{ padding: 10px 18px; font-size: 14px; min-height: 44px; }
#calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-suggestion.cvm-suggestion--builder .cvm-no{ background: transparent !important; border-color: transparent !important; box-shadow: none !important; padding: 10px 12px; font-size: 13px; }
#calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-suggestion.cvm-suggestion--builder .cvm-no:hover{ background: rgba(110,138,126,.08) !important; }
#calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-suggestion.cvm-suggestion--builder[data-cvm-resolved]{ padding-block: 10px 8px !important; border-color: #e2e8e1 !important; }
#calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-suggestion.cvm-suggestion--builder[data-cvm-resolved] .cvm-new{ font-size: 13px; opacity: .8; }
#calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-suggestion.cvm-suggestion--builder[data-cvm-resolved] .cvm-confirm{ justify-content: space-between; min-height: 44px; }
#calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-suggestion.cvm-suggestion--builder .cvm-result{ margin: 0; font-size: 13px; }
#calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-suggestion.cvm-suggestion--builder .cvm-undo{ font: inherit; font-size: 13px; color: var(--accent, #4a7a68); background: transparent; border: 0; min-height: 44px; padding: 5px; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
#calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-suggestion.cvm-suggestion--builder button:disabled{ opacity: .5; cursor: default; }
body.dark #calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-suggestion.cvm-suggestion--builder,
[data-theme="dark"] #calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-suggestion.cvm-suggestion--builder{ background: transparent !important; border-color: rgba(160,190,175,.25) !important; }
html body #chat-main .chat-prompt-area .chat-prompt-chip[data-color][style*="--prompt-tint"]{
  background: var(--prompt-tint) !important; border-color: var(--prompt-border) !important;
}
html body #calm-prompt-modal .calm-folder-list .chat-prompt-item[data-color][style*="--prompt-tint"]{
  background: var(--prompt-tint) !important; border-radius: 10px;
}
html body #chat-main .chat-prompt-area .calm-standalone[data-color][style*="--prompt-tint"] > .chat-prompt-suggestion-btn,
html body #calm-prompt-modal .calm-folder-list .chat-prompt-item[data-color][style*="--prompt-tint"] > .chat-prompt-suggestion-btn{
  background: transparent !important;
}
html[data-theme="dark"] body #chat-main .chat-prompt-area .chat-prompt-chip[data-color][style*="--prompt-tint"],
html body.dark #chat-main .chat-prompt-area .chat-prompt-chip[data-color][style*="--prompt-tint"]{
  background: var(--prompt-dark-tint) !important; border-color: var(--prompt-dark-border) !important;
}
html[data-theme="dark"] body #calm-prompt-modal .calm-folder-list .chat-prompt-item[data-color][style*="--prompt-tint"],
html body.dark #calm-prompt-modal .calm-folder-list .chat-prompt-item[data-color][style*="--prompt-tint"]{
  background: var(--prompt-dark-tint) !important;
}
html body #chat-main .chat-prompt-area :is(.calm-home-folder,.chat-prompt-add){
  position: relative;
  border-radius: 5px 13px 13px 13px !important;
  margin-block-start: 0;
  overflow: visible;
}
html body #chat-main .chat-prompt-area :is(.calm-home-folder,.chat-prompt-add)::before{
  content: "";
  position: absolute;
  inset-inline-start: -1px;
  top: auto;
  bottom: calc(100% + 1px);
  transform: none;
  opacity: 1;
  width: 30px;
  height: 5px;
  border: 1px solid;
  border-style: inherit;
  border-color: inherit;
  border-bottom: 0;
  border-radius: 5px 5px 0 0;
  background: inherit;
  pointer-events: none;
}
html body #chat-main .chat-prompt-area .calm-folder-open::after{
  content: "";
  flex: 0 0 5px;
  width: 5px;
  height: 5px;
  border-block-start: 1.5px solid currentColor;
  border-inline-end: 1.5px solid currentColor;
  transform: rotate(45deg);
  opacity: .65;
  margin-inline-start: 3px;
  pointer-events: none;
}
html[dir="rtl"] body #chat-main .chat-prompt-area .calm-folder-open::after{ transform: rotate(-45deg); }
dialog#calm-prompt-modal.calm-prompt-modal:has(:is(.calm-folder-list,.calm-folder-create)){
  --folder-edge: #dfe2d8;
  --folder-tab: #f0f0e8;
  --folder-front: #fffefb;
  max-height: calc(var(--ss-vv-height, 100dvh) - 96px);
  background: transparent !important;
  
  outline: 0 !important;
  border-radius: 0 16px 16px 16px;
}
html body dialog#calm-prompt-modal.calm-prompt-modal > .chat-prompt-panel:has(> :is(.calm-folder-list,.calm-folder-create)){
  border-radius: 0 16px 16px 16px !important;
  box-shadow: 0 0 0 1px var(--folder-outline, var(--folder-edge)) !important;
}
html body dialog#calm-prompt-modal.calm-prompt-modal .chat-prompt-panel > :is(.calm-folder-list,.calm-folder-create){
  border-radius: 0 16px 16px 16px !important;
}
#calm-prompt-modal .calm-folder-tab{
  position: absolute;
  inset-inline-start: -1px;
  top: auto;
  bottom: calc(100% - 1px);
  transform: none;
  opacity: 1;
  height: 31px;
  min-width: 136px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 0 23px 0 19px;
  border: 1px solid var(--prompt-border, var(--folder-edge));
  border-bottom: 0;
  border-radius: 11px 18px 0 0;
  background: var(--folder-tab);
  background: color-mix(in srgb, var(--prompt-tint, var(--folder-tab)) 48%, var(--folder-tab));
  color: inherit;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  pointer-events: none;
}
#calm-prompt-modal .calm-folder-tab svg{ width: 15px; height: 15px; flex: none; }
html body #calm-prompt-modal :is(.calm-folder-list,.calm-folder-create) > .chat-prompt-list{
  background: var(--folder-front) !important;
  border-radius: 13px 13px 0 0 !important;
  border-top: 0 !important;
  box-shadow: none;
  margin-block-start: 0 !important;
}
html[data-theme="dark"] dialog#calm-prompt-modal:has(:is(.calm-folder-list,.calm-folder-create)),
html body.dark dialog#calm-prompt-modal:has(:is(.calm-folder-list,.calm-folder-create)){
  --folder-edge: #474139;
  --folder-tab: #302d28;
  --folder-front: #2c2925;
}
html[data-theme="dark"] #calm-prompt-modal .calm-folder-tab,
html body.dark #calm-prompt-modal .calm-folder-tab{
  border-color: var(--prompt-dark-border, var(--folder-edge));
  background: color-mix(in srgb, var(--prompt-dark-tint, var(--folder-tab)) 48%, var(--folder-tab));
}
html[dir="rtl"] body #chat-main .chat-prompt-area :is(.calm-home-folder,.chat-prompt-add){ border-radius: 13px 5px 13px 13px !important; }
html[dir="rtl"] #calm-prompt-modal .calm-folder-tab{ border-radius: 18px 11px 0 0; }
html body #calm-prompt-modal .calm-folder-tab{
  min-width: 92px;
  height: 20px;
  padding: 0;
  border-radius: 9px 14px 0 0;
  border-color: var(--folder-outline, var(--folder-edge)) !important;
  z-index: 1;
}
#calm-prompt-modal .chat-prompt-panel:has(> :is(.calm-folder-list,.calm-folder-create)){
  --folder-wash: var(--prompt-tint, transparent);
  --folder-outline: var(--prompt-border, var(--folder-edge));
}
html body dialog#calm-prompt-modal.calm-prompt-modal .chat-prompt-panel > .chat-prompt-panel-inner:is(.calm-folder-list,.calm-folder-create),
html body #calm-prompt-modal .calm-folder-tab{
  background: linear-gradient(var(--folder-wash), var(--folder-wash)), var(--folder-front) !important;
}
html body #calm-prompt-modal :is(.calm-folder-list,.calm-folder-create) > .chat-prompt-panel-header{
  background: transparent !important;
  border-bottom: 0 !important;
  padding-inline: 24px !important;
  padding-block: 18px !important;
}
html body #calm-prompt-modal :is(.calm-folder-list,.calm-folder-create) > .chat-prompt-panel-header > svg{
  background: rgb(255 255 255 / .48) !important;
  color: inherit !important;
}
html body #calm-prompt-modal :is(.calm-folder-list,.calm-folder-create) > .chat-prompt-add-row,
html body #calm-prompt-modal :is(.calm-folder-list,.calm-folder-create) > .calm-search-empty{
  background: var(--folder-front) !important;
  border-top: 0 !important;
}
html[data-theme="dark"] #calm-prompt-modal .chat-prompt-panel:has(> :is(.calm-folder-list,.calm-folder-create)),
html body.dark #calm-prompt-modal .chat-prompt-panel:has(> :is(.calm-folder-list,.calm-folder-create)){
  --folder-wash: var(--prompt-dark-tint, transparent);
  --folder-outline: var(--prompt-dark-border, var(--folder-edge));
}
html[data-theme="dark"] body #calm-prompt-modal :is(.calm-folder-list,.calm-folder-create) > .chat-prompt-panel-header > svg,
html body.dark #calm-prompt-modal :is(.calm-folder-list,.calm-folder-create) > .chat-prompt-panel-header > svg{
  background: rgb(255 255 255 / .06) !important;
}
@media (max-width: 520px){html body #calm-prompt-modal :is(.calm-folder-list,.calm-folder-create) > .chat-prompt-panel-header{ padding-inline: 16px !important; }}
html body #calm-prompt-modal .chat-prompt-panel-inner:is(.calm-folder-list,.calm-folder-create)::before{ display: none !important; }
html body #calm-prompt-modal .calm-folder-create > .chat-prompt-form{
  background: var(--folder-front) !important;
  border-radius: 13px 13px 0 0;
  border-top: 0 !important;
}
html body #calm-prompt-modal .calm-folder-create .chat-prompt-form-actions{ border-top: 0 !important; }
html body #chat-main .chat-prompt-area .calm-home-folder::before{
  transform-origin: bottom left;
  transition: transform 160ms ease-out;
}
html body #chat-main .chat-prompt-area .calm-home-folder.chip-drop-inside{
  outline: 2px solid var(--prompt-hover-ink, #3d725f) !important;
  outline-offset: 2px;
}
html body #chat-main .chat-prompt-area .calm-home-folder.chip-drop-inside::before{
  transform: scaleY(1.4);
}
html body #chat-main .chat-prompt-area .calm-home-folder.chip-drop-inside > .calm-folder-open::after{
  transform: rotate(135deg);
}
html body #chat-main .chat-prompt-area .calm-home-folder.chip-drop-inside > .calm-home-settings{
  visibility: hidden;
}
html[data-theme="dark"] body #chat-main .chat-prompt-area .calm-home-folder.chip-drop-inside{
  outline-color: #b1d3c2 !important;
}
@media (prefers-reduced-motion: reduce){html body #chat-main .chat-prompt-area .calm-home-folder::before{ transition: none !important; }
html body #chat-main .chat-prompt-area .calm-home-folder.chip-drop-inside::before{ transform: none; }}
@media (prefers-reduced-motion: no-preference){@keyframes calm-folder-enter{
    from { opacity: 0; transform: translateY(3px); }
    to { opacity: 1; transform: translateY(0); }
  }
@keyframes calm-folder-menu-enter{
    from { opacity: 0; transform: translateY(2px); }
    to { opacity: 1; transform: translateY(0); }
  }
html body dialog#calm-prompt-modal[open]:has(.calm-folder-list, .calm-folder-create, [data-i18n="chips.editCategory"]){
    animation: calm-folder-enter 150ms cubic-bezier(.2, 0, 0, 1);
  }
html body .calm-actions-menu:not([hidden]){
    animation: calm-folder-menu-enter 110ms cubic-bezier(.2, 0, 0, 1);
  }}
/* Source: chat/css/chat-print.css */
@media print{[data-theme="dark"] .card,
  [data-theme="dark"] .input-card,
  [data-theme="dark"] .chat-input-box,
  [data-theme="dark"] .chat-prompt-item,
  [data-theme="dark"] .chat-bubble-file-chip,
  [data-theme="dark"] .chat-code-block{
    background: #ffffff !important;
    border-color: #e4e6e8 !important;
    color: #384551 !important;
    box-shadow: none !important;
  }}
/* Source: assets/css/ss-wait.css */

/* Source: assets/css/ss-toast.css */

/* Source: assets/app-iphone-promo/20261019-v1/iphone.css */

/* Source: chat/css/dist/chat-provider-menu.css */

/* Source: chat/css/dist/chat-prompt-history.css */

/* Source: assets/app-chat-design/r20261024/design.css */
body[data-app-chat-design="shared"]:has(#chat-app#chat-app) :is(.chat-prompt-chip,.chat-category-chip){color:var(--ss-muted)!important;border-color:var(--ss-border)!important}
body[data-app-chat-design="shared"]:has(#chat-app#chat-app) :is(#calm-prompt-modal,dialog.chat-prompt-move-dialog,dialog.calm-prompt-confirm){color:var(--ss-text);--warm-text:var(--ss-text);--cream:var(--ss-surface);--card-bg:var(--ss-surface)}
body[data-app-chat-design="shared"]:has(#chat-app#chat-app) #calm-prompt-modal:not(:has(.calm-folder-list,.calm-folder-create)),
body[data-app-chat-design="shared"]:has(#chat-app#chat-app) #calm-prompt-modal .calm-prompt-form-mode,
body[data-app-chat-design="shared"]:has(#chat-app#chat-app) :is(dialog.chat-prompt-move-dialog,dialog.calm-prompt-confirm){background:var(--ss-surface)!important;color:var(--ss-text)!important;box-shadow:var(--ss-shadow)}
body[data-app-chat-design="shared"]:has(#chat-app#chat-app) #calm-prompt-modal :is(.calm-prompt-form-mode,.chat-prompt-form) :is(input,textarea){background:var(--ss-surface)!important;border-color:var(--ss-border)!important;color:var(--ss-text)!important}
body[data-app-chat-design="shared"]:has(#chat-app#chat-app) #calm-prompt-modal :is(input,textarea):focus-visible{outline:2px solid var(--ss-focus);outline-offset:2px}
body[data-app-chat-design="shared"]:has(#chat-app#chat-app) #calm-prompt-modal :is(.chat-prompt-panel-title,.chat-prompt-form-label,.cvm-title,.cvm-head){color:var(--ss-text)!important}
body[data-app-chat-design="shared"]:has(#chat-app#chat-app) #calm-prompt-modal :is(.chat-prompt-form-cancel,.cvm-proposal,.cvm-composer){border-color:var(--ss-border)!important;color:var(--ss-text)!important}
body[data-app-chat-design="shared"]:has(#chat-app#chat-app) #calm-prompt-modal :is(.chat-prompt-form-save,.cvm-yes){background:var(--ss-action)!important;color:var(--ss-on-action)!important}
body[data-app-chat-design="shared"]:has(#chat-app#chat-app) #calm-prompt-modal .calm-prompt-form-mode::before{background:var(--ss-surface)!important}
body[data-app-chat-design="shared"]:has(#chat-app#chat-app) #calm-prompt-modal :is(input,textarea)::placeholder{color:var(--ss-muted)!important;opacity:1!important}
body[data-app-chat-design="shared"]:has(#chat-app#chat-app) #calm-prompt-modal :is(.cvm-composer,.cvm-proposal){background:var(--ss-surface)!important}
body[data-app-chat-design="shared"]:has(#chat-app#chat-app) #calm-prompt-modal .cvm-composer .cvm-type-field{background:transparent!important;border:0!important;border-radius:0!important;color:var(--ss-text)!important}
body[data-app-chat-design="shared"]:has(#chat-app#chat-app) .calm-actions-menu{background:var(--ss-surface)!important;color:var(--ss-text)!important;border-color:var(--ss-border)!important;box-shadow:var(--ss-shadow)}
body[data-app-chat-design="shared"]:has(#chat-app#chat-app) .calm-actions-menu button{color:var(--ss-text)!important}
body[data-app-chat-design="shared"]:has(#chat-app#chat-app) .calm-actions-menu button:is(:hover,:focus-visible){background:var(--ss-hover)!important}
body[data-app-chat-design="shared"]:has(#chat-app#chat-app) .chat-prompt-move-done-btn{background:var(--ss-action)!important;color:var(--ss-on-action)!important}
body[data-app-chat-design="shared"]:has(#chat-app#chat-app) #calm-prompt-modal:has(.calm-folder-list,.calm-folder-create){--folder-front:var(--ss-surface);--folder-edge:var(--ss-border);--folder-tab:var(--ss-surface-alt)}
/* Source: chat/css/dist/chat-reader-mark-f81c6010f441.css */

/* Source: chat/css/dist/chat-dictation-css-8dbf1acc0215.css */

/* Source: chat/css/dist/prompt-history-sheet-dad26024471f.css */

/* Source: assets/my-texts/r20261027/library-v4.css */

/* Source: assets/public-controls/interface-language-v1.css */

/* Source: assets/css/pro-menu.css */

/* Source: assets/platform-menu/r20261024/platform-menu-a2def7237cfd.css */

/* Source: assets/css/bb-sidebar.css */

/* Source: assets/css/intro-video.css */

/* Source: chat/css/chat-talk-mode.css */

/* Source: assets/css/word-limit-modal.css */


/* Source: /my-prompts/assets/layout.css */
.prompts-browser{--prompts-muted:var(--ss-muted,#6d716a)}
.prompts-browser *, .prompts-dialog *{box-sizing:border-box}
.prompts-browser button,.prompts-browser input,.prompts-browser select,.prompts-dialog button{font:inherit}
.prompts-browser button,.prompts-dialog button{cursor:pointer}
.prompts-browser button:disabled{opacity:.5;cursor:default}
.prompts-browser a{color:inherit;text-decoration:none}
.prompts-browser button:focus-visible,.prompts-browser a:focus-visible,.prompts-browser input:focus-visible,.prompts-browser select:focus-visible,.prompts-dialog :focus-visible{outline:3px solid var(--ss-action);outline-offset:3px}
.prompts-top{display:flex;align-items:center;justify-content:space-between;min-height:32px;margin-bottom:20px;font-size:12px;color:var(--prompts-muted)}
.prompts-top a:hover{text-decoration:underline}
.prompts-top .theme-toggle{font-size:24px;padding:0;width:36px;min-height:36px}
.prompts-heading{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:30px}
.prompts-heading h1{font-size:30px;line-height:1.2;letter-spacing:-.8px;font-weight:700;margin:0 0 10px;color:var(--ss-text)}
.prompts-heading p{margin:0;color:var(--prompts-muted);font-size:14px;line-height:1.6}
.prompts-browser .primary,.prompts-dialog .primary{background:var(--ss-action,#607665);border:1px solid var(--ss-action);color:var(--ss-on-action,#fff);border-radius:8px;padding:12px 19px;min-height:44px;white-space:nowrap;font-weight:600}
.prompts-browser .plain{background:transparent;border:0;color:inherit;border-radius:8px;padding:10px;min-height:44px}
.prompts-browser .secondary{background:var(--ss-surface);border:1px solid var(--ss-border);color:var(--ss-text);border-radius:8px;min-height:44px;padding:10px 16px}
.prompts-toolbar{display:flex;align-items:center;gap:12px;margin:26px 0 22px}
.search-field{display:flex;align-items:center;gap:10px;border:1px solid var(--ss-border);border-radius:8px;padding:0 14px;background:var(--ss-surface);flex:1}
.search-field span{font-size:26px;line-height:1;color:var(--prompts-muted)}
.search-field input{width:100%;min-width:0;padding:12px 0;background:none;color:var(--ss-text);border:0;outline:none}
.prompts-toolbar select{max-width:210px;background:var(--ss-surface);color:var(--ss-text);border:1px solid var(--ss-border);border-radius:8px;padding:12px}
#total{font-size:12px;white-space:nowrap;color:var(--prompts-muted)}
.platform-icon{display:inline-flex;align-items:center;justify-content:center;width:23px;height:23px;flex-shrink:0}
.platform-icon svg{width:22px;height:22px;display:block}
.platform-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;background:var(--ss-surface);border:1px solid var(--ss-border);border-radius:12px;padding:6px}
.platform-strip button{display:flex;align-items:center;gap:10px;justify-content:center;border:0;border-radius:8px;color:var(--ss-text);background:transparent;min-height:58px;padding:12px;font-weight:600}
.platform-strip button[aria-pressed=true]{background:var(--ss-selected,#dfe8dc);color:var(--ss-on-selected,var(--ss-text))}
.platform-strip .count{font-size:12px;font-weight:500;opacity:.7;margin-left:6px}
.platform-strip button[aria-pressed=true] .count{opacity:1}
.platform-strip button:hover{box-shadow:inset 0 0 0 1px var(--ss-action)}
.cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.prompt-card{background:var(--ss-surface);border:1px solid var(--ss-border);border-radius:9px;overflow:hidden;display:flex;flex-direction:column;min-width:0}
.card-main{display:block;text-align:left;border:0;background:transparent;color:var(--ss-text);padding:22px;width:100%;flex:1;min-height:180px}
.card-main:hover h2{text-decoration:underline;text-underline-offset:4px}
.card-category{font-size:11px;font-weight:600;letter-spacing:.3px;color:var(--prompts-muted);display:flex;gap:8px;align-items:center;margin-bottom:14px}
.category-dot{width:7px;height:7px;background:var(--ss-action);border-radius:50%}
.card-main h2{font-size:16px;line-height:1.35;margin:0 0 10px;overflow-wrap:anywhere}
.card-main p{font-size:12px;line-height:1.7;margin:0;color:var(--prompts-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.card-platforms{padding:14px 18px 17px;border-top:1px solid var(--ss-border)}
.card-platforms>p{font-size:10px;text-transform:uppercase;letter-spacing:1px;font-weight:600;color:var(--prompts-muted);margin:0 0 10px}
.platform-toggles{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}
.platform-toggle{border:1px solid transparent;border-radius:6px;min-height:47px;color:var(--prompts-muted);background:transparent;display:flex;align-items:center;justify-content:center;gap:5px;position:relative}
.platform-toggle[aria-pressed=true]{background:var(--ss-selected,#dfe8dc);color:var(--ss-on-selected,var(--ss-text));border-color:var(--ss-action)}
.platform-toggle .tiny-check{font-size:11px;position:absolute;right:3px;top:1px}
.platform-toggle:hover{border-color:var(--ss-action)}
.workspace-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 20px}
.workspace-title h2{font-size:19px;margin:0 0 5px}.workspace-title p{font-size:13px;color:var(--prompts-muted);margin:0}
.platform-workspace{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:24px;align-items:start}
.prompt-list{display:grid;gap:10px}
.prompt-row{display:flex;align-items:center;gap:16px;border:1px solid var(--ss-border);border-radius:8px;background:var(--ss-surface);padding:16px}
.prompt-row .row-symbol{width:40px;height:40px;border-radius:8px;background:var(--ss-selected);display:grid;place-items:center;flex-shrink:0;color:var(--ss-text);font-size:20px}
.row-content{min-width:0;flex:1;text-align:left;color:var(--ss-text);background:none;border:0;padding:0}
.row-content strong{display:block;font-size:14px;overflow-wrap:anywhere}.row-content small{display:block;font-size:12px;margin-top:7px;color:var(--prompts-muted)}
.row-content:hover strong{text-decoration:underline}.row-remove{font-size:21px!important}
.device-preview{border:1px solid var(--ss-border);background:var(--ss-surface);border-radius:10px;padding:20px;position:sticky;top:24px}
.device-preview .eyebrow{font-size:10px}.device-preview h3{font-size:15px;margin:8px 0 22px}.device-preview p{font-size:12px;color:var(--prompts-muted);line-height:1.7}
.device-frame{border:1px solid var(--ss-border);border-radius:10px;padding:14px;background:var(--ss-selected)}
.device-frame>div{font-size:11px;padding:10px;margin-top:6px;border-radius:6px;background:var(--ss-surface);overflow-wrap:anywhere}.device-frame>span{font-size:11px;font-weight:600;display:block;margin-bottom:12px}
.matrix-wrap{overflow:auto;border:1px solid var(--ss-border);border-radius:10px;background:var(--ss-surface)}
.matrix{width:100%;border-collapse:collapse;text-align:left;min-width:700px}
.matrix th{font-size:12px;font-weight:600;padding:18px 12px;border-bottom:1px solid var(--ss-border);background:var(--ss-surface)}
.matrix th:not(:first-child),.matrix td:not(:first-child){text-align:center;width:130px}
.matrix th:first-child{padding-left:22px}.matrix th .platform-icon{display:flex;margin:0 auto 8px}
.matrix td{padding:14px 12px;border-bottom:1px solid var(--ss-border)}.matrix tr:last-child td{border:0}.matrix td:first-child{padding-left:22px}
.matrix td .row-content{min-height:44px}.matrix input,.bulkbar input,.picker-row input,.destination-option input{accent-color:var(--ss-action);width:20px;height:20px;cursor:pointer}
.matrix td label{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.matrix tbody tr:hover{background:var(--ss-hover)}
.bulkbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:12px;margin-bottom:15px}.bulkbar label{display:flex;gap:7px;align-items:center;margin-right:auto}.bulkbar button{font-size:12px}
.matrix-name{display:flex;align-items:center;gap:16px}.matrix-name>label{flex-shrink:0;min-width:20px!important}
.empty-state{padding:50px 25px;text-align:center;color:var(--prompts-muted);border:1px dashed var(--ss-border);border-radius:8px;grid-column:1/-1}.empty-state h3{font-size:17px;color:var(--ss-text)}
.prompts-dialog{width:min(650px,calc(100% - 32px));padding:28px}
.prompts-dialog .dialog-heading{display:flex;align-items:center;justify-content:space-between}.prompts-dialog .dialog-heading h2{margin:0;font-size:23px}.prompts-dialog .close-dialog{border:0;background:none;font-size:25px;padding:0 8px}
.prompts-dialog fieldset{border:0;padding:0;margin:24px 0 0}.prompts-dialog legend{font-size:14px;font-weight:600;margin-bottom:10px}
.destinations{display:grid;grid-template-columns:1fr 1fr;gap:9px}.prompts-dialog .destination-option{display:flex;align-items:center;gap:10px;border:1px solid var(--ss-border);border-radius:8px;padding:12px;margin:0;font-size:13px;font-weight:500;cursor:pointer}.destination-option:has(:checked){background:var(--ss-selected);border-color:var(--ss-action)}.prompts-dialog input[type=checkbox]{width:20px;padding:0;margin:0}.destination-option input{margin-left:auto!important}
.prompts-dialog textarea{min-height:155px}.picker-list{max-height:46vh;overflow:auto;margin-top:18px}.prompts-dialog .picker-row{display:flex;align-items:center;gap:12px;padding:12px 4px;border-bottom:1px solid var(--ss-border);font-size:13px;font-weight:500;margin:0}.picker-row input{flex-shrink:0}
.eyebrow{font-size:11px!important;letter-spacing:1.25px;text-transform:uppercase;font-weight:600;margin:0 0 10px!important;color:var(--prompts-muted)}
.gallery .prompts-heading{margin-bottom:36px}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.proposal{border:1px solid var(--ss-border);border-radius:12px;overflow:hidden;background:var(--ss-surface);transition:transform .15s,box-shadow .15s}.proposal:hover{transform:translateY(-4px);box-shadow:var(--ss-shadow)}.proposal-copy{padding:24px}.proposal-num{display:block;font-size:12px;color:var(--prompts-muted);margin-bottom:28px}.proposal-copy .eyebrow{font-size:9px!important}.proposal h2{font-size:25px;margin:10px 0}.proposal-copy>p:not(.eyebrow){font-size:13px;line-height:1.7;color:var(--prompts-muted);min-height:66px}.proposal-open{display:flex;justify-content:space-between;margin-top:22px;font-size:13px;font-weight:600}.review-note{max-width:850px;color:var(--prompts-muted);font-size:12px;line-height:1.8;margin:28px 0}
.mini-preview{height:210px;background:#dfe7da;padding:30px 24px;display:grid;gap:8px;align-content:center}.mini-preview[data-mini=cards]{grid-template-columns:repeat(3,1fr)}.mini-card{height:112px;background:#fefdf8;border-radius:6px;padding:12px 8px;display:flex;flex-direction:column;gap:8px}.mini-line{height:4px;border-radius:4px;background:#c4cec0}.mini-line.short{width:60%}.mini-dots{display:flex;gap:4px;margin-top:auto}.mini-dots i{width:14px;height:13px;border:1px solid #bac8b6;border-radius:3px}.mini-dots i.on{background:#657f68}.mini-tabbar{display:flex;background:#fefdf8;border-radius:5px;padding:4px;gap:5px;height:28px}.mini-tabbar i{flex:1;border-radius:3px}.mini-tabbar i:first-child{background:#667e67}.mini-platform-row{display:flex;gap:8px;padding:10px;background:#fefdf8;border-radius:4px;align-items:center}.mini-platform-row i{height:14px;width:14px;background:#c4cec0;border-radius:3px}.mini-platform-row .mini-line{width:70%}.mini-table{background:#fefdf8;border-radius:6px;padding:6px 10px}.mini-table-row{display:flex;align-items:center;gap:14px;height:27px;border-bottom:1px solid #e0e5dd}.mini-table-row .mini-line{flex:1}.mini-table-row i{width:9px;height:9px;border:1px solid #a5b59f;border-radius:2px}.mini-table-row i.on{background:#667e67}
@media(min-width:1500px){.cards-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1100px){.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-workspace{grid-template-columns:minmax(0,1fr) 235px}.gallery-grid{gap:12px}.proposal-copy{padding:18px}.mini-preview{padding:20px 12px}.platform-strip button{font-size:12px;gap:6px}}
@media(max-width:767px){.prompts-top{margin-bottom:18px}.prompts-heading{align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:24px}.prompts-heading h1{font-size:27px}.prompts-heading p{font-size:13px}.prompts-heading .primary{padding:11px 16px}.prompts-toolbar{flex-wrap:wrap;margin-top:20px}.search-field{flex-basis:100%}.prompts-toolbar select{flex:1;max-width:none}#total{margin-left:auto}.platform-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.platform-strip button{min-height:53px;justify-content:flex-start;padding:9px;font-size:12px}.platform-strip .count{margin-left:auto}.cards-grid{grid-template-columns:1fr}.card-main{min-height:160px}.platform-workspace{grid-template-columns:1fr}.device-preview{position:static;order:2}.workspace-title{align-items:flex-start}.workspace-title h2{font-size:18px}.workspace-title .secondary{padding:10px;font-size:12px}.gallery-grid{grid-template-columns:1fr;gap:22px}.gallery .prompts-heading h1{font-size:29px;line-height:1.2}.mini-preview{height:190px;padding:25px}.proposal-num{margin-bottom:16px}.proposal-copy>p:not(.eyebrow){min-height:0}.matrix-wrap{max-width:100%}.bulkbar{gap:6px}.bulkbar label{width:100%}.prompts-dialog{padding:20px}.destinations{grid-template-columns:1fr}.prompts-dialog textarea{min-height:120px}}


/* Source: /my-prompts/assets/my-prompts.css?v=audit-confirm1 */
/* Layout additions only. Folder/prompt graphics and dialogs use captured Chat CSS. */
[data-native-cards] #sk-doc-browser.prompts-browser{max-width:1180px;margin:auto}
[data-native-cards] .prompts-heading{text-align:left}
[data-native-cards] .prompts-heading h1{text-align:left}
.native-create{display:flex;gap:10px;flex-wrap:wrap}
.native-create button{display:flex;align-items:center;gap:8px}
.native-create button svg{width:18px;height:18px}
.native-label-short{display:none}
.native-create button,.native-platform{white-space:nowrap}
[data-native-cards] .prompts-top{justify-content:flex-end;margin-bottom:8px}
[data-native-cards] .prompts-heading h1{margin-bottom:0}
/* The surrounding label owns the search surface in both themes. */
html[data-theme] body[data-native-cards] #prompt-search{background:transparent!important;box-shadow:none!important;border:0!important;color:var(--ss-text)!important}
.prompts-top a{display:inline-flex;align-items:center;gap:6px}
.prompts-top a svg{transform:rotate(180deg)}
[data-native-cards] #chat-main{width:100%;display:block}
[data-native-cards] #chat-category-chips-container{width:100%;max-width:none!important;margin:0;padding:0}
[data-native-cards] #chat-category-chips-container>.chat-prompt-chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px!important;max-width:none!important;margin:0;padding:6px 0;justify-content:initial}
[data-native-cards] #chat-category-chips-container>.chat-prompt-chips>.chat-prompt-create{display:none!important}
[data-native-cards] #chat-category-chips-container>.chat-prompt-chips>.chat-prompt-add,[data-native-cards] #chat-category-chips-container>.chat-prompt-chips>.calm-create-prompt{display:none!important}
.native-card{min-width:0;background:var(--ss-surface,#fffefc);border:1px solid var(--ss-border,#d4dfd1);border-radius:16px;padding:22px 18px 16px;display:flex;flex-direction:column;gap:18px;box-shadow:0 2px 4px #00000003;text-align:left}
.native-card[hidden]{display:none}
.native-card{container-type:inline-size}
@container(max-width:300px){.native-card .native-label-full{display:none}.native-card .native-label-short{display:inline}}
@media(max-width:360px){body[data-native-cards] .mn-tab-label{max-width:calc(100% + 4px)!important;flex-shrink:0}}
.native-page-menu .chat-prompt-form-cancel{width:100%;min-height:44px;background:var(--ss-surface);color:var(--ss-text);border:1px solid var(--ss-border);border-radius:10px;font:inherit;cursor:pointer}
[data-native-cards] .native-card>.chat-prompt-chip{align-self:flex-start;max-width:100%;flex-shrink:0;margin:0}
.native-excerpt{font-size:14px;line-height:1.65;color:var(--ss-muted,#71685f);margin:0;min-height:112px;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.native-preview{display:flex;flex-direction:column;min-height:112px;gap:2px}
.native-preview-row{display:flex;align-items:center;gap:9px;background:transparent;border:0;border-radius:8px;color:var(--ss-text);padding:7px 3px;text-align:left;min-width:0;font:inherit;font-size:14px}
.native-preview-row>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.native-preview-row:hover{background:var(--ss-selected,#eef3ed)}
.native-preview-row .calm-prompt-row-icon{width:25px;height:25px;flex:0 0 25px;display:grid;place-items:center;background:var(--ss-selected,#e9eeea);color:var(--ss-action,#607665);border-radius:5px}
.native-preview-row svg{width:16px;height:16px}
[data-theme=dark] .native-preview-row .calm-prompt-row-icon{background:rgba(110,138,126,.16);color:#8aafa1}
.native-destinations{border:0;border-top:1px solid var(--ss-border,#d4dfd1);padding:14px 0 0;margin:auto 0 0;display:grid;grid-template-columns:1fr 1fr;gap:7px;min-width:0}
.native-destinations legend{font-size:12px;color:var(--ss-muted,#71685f);padding:0 8px 0 0}
.native-platform{display:flex;align-items:center;gap:7px;min-width:0;min-height:40px;border:1px solid var(--ss-border,#d4dfd1);border-radius:8px;background:transparent;color:var(--ss-text,#292720);padding:8px;font:inherit;font-size:12px!important;text-align:left;cursor:pointer}
.native-platform[aria-pressed=true]{border-color:var(--ss-action,#607665);background:var(--ss-selected,#e5ede2);box-shadow:inset 0 0 0 1px var(--ss-action,#607665);font-weight:600}
.native-platform[aria-pressed=mixed]{border-color:var(--ss-action,#607665);border-style:dashed}
.native-platform:hover{background:var(--ss-selected,#e5ede2)}
.native-platform:focus-visible{outline:3px solid var(--ss-action,#607665);outline-offset:2px}
.native-platform .ss-dir-platform-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0}
.native-platform img,.native-platform svg{width:20px;height:20px;object-fit:contain}
.native-platform .ss-dir-platform-browsers img{width:17px;height:17px;position:relative}
.native-platform .ss-dir-platform-browsers img+img{margin-left:-8px}
.ss-dir-platform-windows{color:#0078d4}
.native-mixed{margin-left:auto;font-size:10px}
.native-form-destinations{margin:16px 24px;grid-template-columns:repeat(4,minmax(0,1fr))}
.native-empty{text-align:center;padding:32px;color:var(--ss-muted)}
@media(max-width:1100px){[data-native-cards] #chat-category-chips-container>.chat-prompt-chips{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){[data-native-cards] #chat-category-chips-container>.chat-prompt-chips{grid-template-columns:1fr}.native-create{width:100%}.native-create button{flex:1;justify-content:center}.native-form-destinations{grid-template-columns:1fr 1fr;margin:14px 16px}.prompts-toolbar{flex-wrap:wrap}.prompts-toolbar .search-field{flex-basis:100%}.native-card{padding:20px 16px 16px}}
@media(max-width:650px){.native-label-full{display:none}.native-label-short{display:inline}.native-create button{min-width:0;flex:1 1 0}.native-create button svg{flex-shrink:0}}
/* Keep native dialogs readable without the document-shell surface overrides. */
body[data-native-cards] #calm-prompt-modal#calm-prompt-modal .chat-prompt-panel-inner:not(.calm-folder-list):not(.calm-folder-create){background:var(--ss-surface)!important;color:var(--ss-text)!important}
body[data-native-cards] #calm-prompt-modal#calm-prompt-modal .calm-prompt-new-category::before{background:var(--ss-surface)!important}
body[data-native-cards] #calm-prompt-modal#calm-prompt-modal .chat-prompt-panel-inner:not(.calm-folder-list):not(.calm-folder-create) .chat-prompt-panel-header{background:var(--ss-surface)!important;border-color:var(--ss-border)!important}
body[data-native-cards] .calm-icon-overflow-popover{background:var(--ss-surface)!important;color:var(--ss-text)!important;border-color:var(--ss-border)!important}
body[data-native-cards] #calm-prompt-modal#calm-prompt-modal .chat-prompt-panel-title{white-space:normal!important;text-overflow:clip!important;overflow-wrap:anywhere;line-height:1.35!important}
body[data-native-cards] #calm-prompt-modal .calm-prompt-anchor{min-width:0}
body[data-native-cards] :is(dialog.calm-prompt-confirm,dialog.chat-prompt-move-dialog){max-height:calc(100dvh - 32px);overflow-y:auto}
body[data-native-cards] .calm-prompt-confirm .calm-confirm-actions{display:flex;flex-direction:row!important;gap:10px}
body[data-native-cards] .calm-prompt-confirm .calm-confirm-actions button{flex:1 0 auto;min-width:max-content;min-height:44px;white-space:nowrap}
@media(max-width:650px){
 body[data-native-cards] #calm-prompt-modal#calm-prompt-modal .chat-prompt-panel-title{font-size:20px!important}
 body[data-native-cards] #calm-prompt-modal#calm-prompt-modal .chat-prompt-icon-picker{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:4px!important}
 body[data-native-cards] #calm-prompt-modal#calm-prompt-modal .chat-prompt-icon-btn{width:100%!important;min-width:44px!important;height:44px!important}
 body[data-native-cards] #calm-prompt-modal#calm-prompt-modal .chat-prompt-color-btn{min-width:44px!important;min-height:44px!important}
 body[data-native-cards] #calm-prompt-modal#calm-prompt-modal .chat-prompt-color-btn:not([hidden]){display:grid!important;place-items:center}
 body[data-native-cards] #calm-prompt-modal#calm-prompt-modal .chat-prompt-color-dot{width:28px!important;height:28px!important}
 body[data-native-cards] #calm-prompt-modal#calm-prompt-modal .chat-prompt-form{min-height:0;overscroll-behavior:contain}
 body[data-native-cards] #calm-prompt-modal#calm-prompt-modal input,body[data-native-cards] #calm-prompt-modal#calm-prompt-modal textarea{font-size:16px!important}
}

/* Reuse the folder prompt menu beside card previews. */
body[data-native-cards] .native-preview-item{display:flex;align-items:center;min-width:0;gap:2px}
body[data-native-cards] .native-preview-item>.native-preview-row{flex:1;min-width:0}
body[data-native-cards] .native-preview-item>.calm-actions{flex:none}
body[data-native-cards] .native-preview-item .calm-actions-trigger{width:44px;min-width:44px;height:39px;min-height:39px;padding:0;display:grid;place-items:center;background:transparent;color:var(--ss-muted);border:0;border-radius:8px}
body[data-native-cards] .native-preview-item .calm-actions-trigger:is(:hover,:focus-visible){background:var(--ss-selected);color:var(--ss-text);outline:none;box-shadow:none}


/* Source: /my-prompts/assets/page.css */
/* Library layout follows Tekster; shared shell owns the native account menu. */
[hidden]{display:none!important}
body#prompts-app{margin:0;color:var(--ss-text)}
body#prompts-app#prompts-app[data-writing-design] #sk-doc-browser{display:block;width:100%;max-width:none;margin:0}
body#prompts-app#prompts-app[data-writing-design] :is(#workspace,#chat-app,#chat-main){display:block;width:100%;height:auto;min-height:0;margin:0;padding:0;background:transparent;border:0;box-shadow:none;overflow:visible}
body#prompts-app .native-empty{padding:20px 0;color:var(--ss-muted)}
.prompts-skip{position:fixed;top:8px;left:100px;transform:translateY(-200%);z-index:20000;padding:12px;background:var(--ss-surface);color:var(--ss-text);border:2px solid var(--ss-focus);border-radius:8px}
.prompts-skip:focus{transform:none}
#toast{position:fixed;bottom:24px;right:24px;max-width:calc(100% - 48px);background:var(--ss-text);color:var(--ss-surface);padding:14px 20px;border-radius:8px;z-index:10000}
@media(min-width:768px){
 html:has(body#prompts-app){height:auto!important;overflow-x:hidden!important;overflow-y:auto!important;scrollbar-width:auto!important;scrollbar-color:auto!important}
 body#prompts-app#prompts-app[data-writing-design]{height:auto!important;overflow:visible!important}
 body#prompts-app#prompts-app[data-writing-design] .app.grammar-page.bb-skrivebord{height:auto!important;min-height:100dvh!important;overflow:visible!important;padding-bottom:0!important}
 body#prompts-app#prompts-app[data-writing-design] #main-content{height:auto!important;max-height:none!important;overflow:visible!important}
 body#prompts-app#prompts-app[data-writing-design] #sk-doc-browser{height:auto!important;min-height:calc(100dvh - 16px)!important;overflow:visible!important;padding:32px 32px 80px!important;border-radius:19px 19px 0 0!important;border-bottom:0!important}
 html:has(body#prompts-app)::-webkit-scrollbar{display:block!important;width:8px!important}
 html:has(body#prompts-app)::-webkit-scrollbar-thumb{background:rgba(23,43,77,.16);border-radius:8px}
 html[data-theme=dark]:has(body#prompts-app)::-webkit-scrollbar-thumb{background:#81978a}
}
@media(max-width:767px){
 body#prompts-app#prompts-app[data-writing-design] #sk-doc-browser{padding:24px 16px!important}
 #toast{bottom:82px}
 .prompts-skip{left:16px}
}

/* Stable first paint; loading geometry must not stretch grid rows. */
body[data-native-cards] #sk-doc-browser.prompts-browser{align-content:start!important}
.prompt-skeleton{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.skeleton-card{min-height:310px;padding:20px;border:1px solid var(--ss-border);border-radius:16px;background:var(--ss-surface)}
.skeleton-card i,.skeleton-card b,.skeleton-card em,.platform-skeleton i{display:block;background:var(--ss-selected);border-radius:8px}
.skeleton-card i{height:44px;width:44%;margin-bottom:26px}.skeleton-card b{height:14px;width:72%;margin:20px 0}.skeleton-card b:nth-child(3){width:56%}.skeleton-card em{height:76px;margin-top:32px}
.platform-skeleton{display:flex;gap:24px;align-items:center;min-height:44px;width:100%}.platform-skeleton i{height:24px;width:90px}
#workspace[aria-busy=true]>.native-empty{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%)}
@media(max-width:1000px){.prompt-skeleton{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.prompt-skeleton{grid-template-columns:1fr}.skeleton-card:nth-child(n+4){display:none}.platform-skeleton{gap:14px;min-height:56px}.platform-skeleton i{width:25%}}

.platform-skeleton{grid-column:1/-1}


/* Source: /assets/my-texts/r20261027/collections-type-20261028.css?v=3 */
/* Collection typography: shared by Tekster and Prompts, never the writing canvas.
   Use the existing local Inter faces (400 / 500 / 600), not synthetic 650. */
body:is(#writing-app,#prompts-app) #sk-doc-browser#sk-doc-browser {
  font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:15px;line-height:1.5;
}
body:is(#writing-app,#prompts-app) #sk-doc-browser#sk-doc-browser :is(.sk-doc-browser-title,.prompts-heading h1) {
  font-size:28px!important;line-height:1.25!important;font-weight:600!important;letter-spacing:-.02em!important;
}
body:is(#writing-app,#prompts-app) #sk-doc-browser#sk-doc-browser :is(.sk-doc-new-btn,.sk-doc-load-more,.native-create button) {
  font-size:15px!important;line-height:1.5!important;font-weight:600!important;
}
body:is(#writing-app,#prompts-app) #sk-doc-browser#sk-doc-browser :is(.sk-doc-search,#prompt-search) {
  font-size:16px!important;line-height:1.5!important;font-weight:400!important;
}
body:is(#writing-app,#prompts-app) #sk-doc-browser#sk-doc-browser :is(#sk-doc-sort,#category-filter,.sk-doc-filter-pill) {
  font-size:15px!important;line-height:1.5!important;
}
body:is(#writing-app,#prompts-app) #sk-doc-browser#sk-doc-browser :is(.sk-doc-card-title,.native-card>.chat-prompt-chip .chat-prompt-suggestion-btn) {
  font-size:15px!important;line-height:1.4!important;font-weight:600!important;letter-spacing:normal!important;
}
body:is(#writing-app,#prompts-app) #sk-doc-browser#sk-doc-browser :is(.sk-doc-card-summary,.native-excerpt,.native-preview-row) {
  font-size:14px!important;line-height:1.5!important;font-weight:400!important;
}
body#prompts-app .native-platform {
  font-size:13px!important;line-height:1.4!important;
}
/* Match the existing native prompt action menu. */
body#writing-app#writing-app:has(.sk-doc-browser-mode) .sk-doc-ctx-item {
  font-size:14px!important;line-height:1.5!important;font-weight:400!important;
}
@media(max-width:767px) {
  body:is(#writing-app,#prompts-app) #sk-doc-browser#sk-doc-browser :is(.sk-doc-browser-title,.prompts-heading h1) {font-size:24px!important}
  body:is(#writing-app,#prompts-app) #sk-doc-browser#sk-doc-browser :is(input,textarea,select) {font-size:16px!important}
}


/* Source: /assets/css/folder-form-20261028.css?v=2 */
/* Shared folder form: use the existing site palette, never card/chip colours. */
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create){--warm-text:var(--ss-text);--cream:var(--ss-surface);--card-bg:var(--ss-surface);color:var(--ss-text);font:15px/1.5 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;--folder-front:var(--ss-surface);--folder-edge:var(--ss-border)}
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) .calm-folder-create{background:var(--ss-surface)!important;color:var(--ss-text)!important;font:inherit!important}
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) :is(input,button,label,summary){font-family:inherit!important;font-size:15px!important;line-height:1.5!important}
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) .chat-prompt-panel-title{color:var(--ss-text)!important;font-size:22px!important;line-height:1.35!important;font-weight:600!important}
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) .chat-prompt-form-label{color:var(--ss-text)!important;font-size:14px!important;font-weight:600!important}
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) summary{color:var(--ss-text)!important;font-size:14px!important;min-height:44px;display:list-item}
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) #cpf-cat-name{background:var(--ss-surface)!important;color:var(--ss-text)!important;border:1px solid var(--ss-control-border)!important;font-size:16px!important;min-height:48px;box-shadow:none!important}
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) #cpf-cat-name:focus{border-color:var(--ss-accent)!important;background:var(--ss-canvas)!important;outline:none!important;box-shadow:none!important}
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) .chat-prompt-icon-picker{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:8px!important}
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) .chat-prompt-icon-btn{background:var(--ss-canvas)!important;color:var(--ss-action)!important;border:1px solid var(--ss-border)!important;width:100%!important;min-width:0!important;height:44px!important;min-height:44px!important;box-shadow:none!important}
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) .chat-prompt-icon-btn:is(.is-selected,[aria-pressed="true"]){background:var(--ss-selected-strong)!important;color:var(--ss-on-selected-strong)!important;border-color:var(--ss-control-border)!important}
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) .chat-prompt-color-picker{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:4px!important}
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) .chat-prompt-color-btn:not([hidden]){width:100%!important;max-width:none!important;min-width:0!important;height:44px!important;min-height:44px!important;aspect-ratio:auto!important;display:grid!important;place-items:center;border-radius:8px!important;box-shadow:none!important}
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) .chat-prompt-color-dot{width:26px!important;height:26px!important}
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) .chat-prompt-color-btn.is-selected .chat-prompt-color-dot{box-shadow:0 0 0 2px var(--ss-surface),0 0 0 3px var(--ss-accent)}
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) .chat-prompt-form-save{background:var(--ss-action)!important;color:var(--ss-on-action)!important;border:1px solid var(--ss-control-border)!important}
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) .chat-prompt-form-cancel{background:var(--ss-surface)!important;color:var(--ss-text)!important;border:1px solid var(--ss-control-border)!important}
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) :is(.chat-prompt-form-save,.chat-prompt-form-cancel){min-height:44px!important;font-size:15px!important;line-height:1.4!important;font-weight:600!important;padding:10px 20px!important;border-radius:14px!important;box-shadow:none!important}
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) :is(.chat-prompt-panel-close,.chat-prompt-icon-more){color:var(--ss-muted)!important}
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) .chat-prompt-panel-close{width:44px!important;height:44px!important}
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) :is(button,summary):focus-visible{outline:none!important;box-shadow:none!important;background:var(--ss-selected)!important;color:var(--ss-text)!important}
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) .chat-prompt-form-save:is(:hover,:focus-visible){background:var(--ss-action-hover)!important;color:var(--ss-on-action)!important}
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) .chat-prompt-form-cancel:hover{background:var(--ss-selected)!important}
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) .chat-prompt-icon-btn:not(.is-selected):hover{background:var(--ss-hover)!important}
html[data-theme="dark"] body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) .chat-prompt-icon-btn:not(.is-selected):not([aria-pressed="true"]){color:var(--ss-accent)!important}
@media(max-width:650px){html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) .chat-prompt-icon-picker{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:4px!important}html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) .chat-prompt-panel-title{font-size:20px!important}}


/* Source: /my-prompts/assets/platform-center-r1/center-loading-20261028.css?v=dropzone-fill1 */
@font-face{font-family:Inter;src:url('/assets/fonts/inter/inter-latin-400-normal.woff2')}
@font-face{font-family:Inter;src:url('/assets/fonts/inter/inter-latin-600-normal.woff2');font-weight:600}
@font-face{font-family:Inter;src:url('/assets/fonts/inter/inter-latin-700-normal.woff2');font-weight:700}
:is(#platform-center,#platform-overlays){--shell:#edf1e9;--canvas:#faf7f3;--surface:#fffefb;--text:#26241f;--muted:#62564a;--border:#d5ddd0;--control:#718272;--action:#506957;--selected:#e5eee9;--accent:#3b614c;--green:#eff6f1;--blue:#edf1f6;--purple:#f0ecef}
html[data-theme=dark] :is(#platform-center,#platform-overlays){--shell:#171c19;--canvas:#1d231f;--surface:#252d28;--text:#f0f3ed;--muted:#bdc8bd;--border:#46564a;--control:#81978a;--selected:#344d40;--accent:#abd3b7;--green:#293b31;--blue:#2b343e;--purple:#39313b}
:is(#platform-center,#platform-overlays) *{box-sizing:border-box}
:is(#platform-center,#platform-overlays){margin:0;background:var(--shell);color:var(--text);font:15px/1.5 Inter,sans-serif}
:is(#platform-center,#platform-overlays) button,:is(#platform-center,#platform-overlays) input,:is(#platform-center,#platform-overlays) select,:is(#platform-center,#platform-overlays) textarea{font:inherit;color:inherit}
:is(#platform-center,#platform-overlays) button,:is(#platform-center,#platform-overlays) a,:is(#platform-center,#platform-overlays) input,:is(#platform-center,#platform-overlays) select,:is(#platform-center,#platform-overlays) textarea{outline:none}
:is(#platform-center,#platform-overlays) button{cursor:pointer;border:1px solid var(--border);background:var(--surface);border-radius:11px;min-height:44px;padding:9px 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px}
:is(#platform-center,#platform-overlays) button:hover,:is(#platform-center,#platform-overlays) button:focus-visible,:is(#platform-center,#platform-overlays) a:focus-visible{background:var(--selected);color:var(--text)}
:is(#platform-center,#platform-overlays) input:focus,:is(#platform-center,#platform-overlays) select:focus,:is(#platform-center,#platform-overlays) textarea:focus{border-color:var(--accent);background:var(--selected)}
:is(#platform-center,#platform-overlays) button:disabled{opacity:.45;cursor:default}
:is(#platform-center,#platform-overlays) svg{width:20px;height:20px;flex-shrink:0}
:is(#platform-center,#platform-overlays) h1,:is(#platform-center,#platform-overlays) h2,:is(#platform-center,#platform-overlays) p{margin:0}
:is(#platform-center,#platform-overlays) h2{font-size:24px;line-height:1.3;font-weight:600}
:is(#platform-center,#platform-overlays) button.primary{background:var(--action);color:white;border-color:var(--action);font-weight:600}
:is(#platform-center,#platform-overlays) button.primary:hover,:is(#platform-center,#platform-overlays) button.primary:focus-visible{background:#3b5546}
#platform-center{min-height:660px;margin:0 20px 30px;padding:32px;background:var(--canvas);border:1px solid var(--border);border-radius:19px;box-shadow:0 1px 4px #00000008}
#platform-center>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}
#platform-center>header h2{font-size:28px}
:is(#platform-center,#platform-overlays) .create{display:flex;gap:10px}
:is(#platform-center,#platform-overlays) .create>button:first-child{border-color:transparent;background:transparent}
:is(#platform-center,#platform-overlays) .create span:has(svg){display:flex}
:is(#platform-center,#platform-overlays) .toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:36px}
:is(#platform-center,#platform-overlays) #platforms{display:flex;gap:8px}
:is(#platform-center,#platform-overlays) .platform{border:0;background:transparent;border-radius:24px;font-size:13px;padding:8px 12px;min-height:44px;gap:8px}
:is(#platform-center,#platform-overlays) .platform[aria-pressed=true]{background:var(--selected)}
:is(#platform-center,#platform-overlays) .platform img{width:22px;height:22px;object-fit:contain}
:is(#platform-center,#platform-overlays) .platform .ss-dir-platform-icon{display:flex;align-items:center}
:is(#platform-center,#platform-overlays) .ss-dir-platform-browsers img+img{margin-left:-10px}
:is(#platform-center,#platform-overlays) .ss-dir-platform-windows{color:#0784d9}
:is(#platform-center,#platform-overlays) .search{width:240px;min-width:0;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid var(--border);border-radius:24px;height:44px}
:is(#platform-center,#platform-overlays) .search:focus-within{border-color:var(--accent)}
:is(#platform-center,#platform-overlays) .search span{display:flex}
:is(#platform-center,#platform-overlays) .search svg{width:17px}
:is(#platform-center,#platform-overlays) .search input{border:0;background:transparent!important;width:100%;min-width:0}
:is(#platform-center,#platform-overlays) .search input::placeholder{color:var(--muted)}
:is(#platform-center,#platform-overlays) #library{display:flex;flex-wrap:wrap;align-items:flex-start;gap:16px 14px}
:is(#platform-center,#platform-overlays) .folder-chip{position:relative;display:inline-flex;min-width:0;max-width:100%;border:1px solid var(--border);border-radius:13px;background:var(--green);box-shadow:0 2px 3px #00000004}
:is(#platform-center,#platform-overlays) .folder-chip:before{content:'';position:absolute;width:28px;height:6px;top:-6px;left:-1px;border:1px solid var(--border);border-bottom:0;border-radius:5px 5px 0 0;background:inherit}
:is(#platform-center,#platform-overlays) .folder-chip[data-color=blue]{background:var(--blue)}
:is(#platform-center,#platform-overlays) .folder-chip[data-color=purple]{background:var(--purple)}
:is(#platform-center,#platform-overlays) .folder-chip button{border:0;background:transparent;min-height:44px;gap:9px;padding:10px 16px;color:var(--muted);max-width:100%;text-align:left}
:is(#platform-center,#platform-overlays) .folder-chip button>svg:first-child{color:var(--accent);width:18px}
:is(#platform-center,#platform-overlays) .folder-chip .arrow{width:12px}
:is(#platform-center,#platform-overlays) .folder-chip button:focus-visible,:is(#platform-center,#platform-overlays) .folder-chip button:hover{background:var(--selected)}
:is(#platform-center,#platform-overlays) .folder-chip[aria-expanded=true]{border-color:var(--accent)}
:is(#platform-center,#platform-overlays) .standalone{border-radius:24px;color:var(--muted);font-size:15px;padding:10px 17px}
:is(#platform-center,#platform-overlays) .standalone svg{width:16px}
:is(#platform-center,#platform-overlays) .folder-panel{position:relative;width:100%;background:var(--surface);border:1px solid var(--border);border-radius:17px}
:is(#platform-center,#platform-overlays) .panel-head{display:flex;align-items:center;gap:10px;padding:20px 24px;background:var(--green);border-radius:17px 17px 0 0}
:is(#platform-center,#platform-overlays) .panel-head h2{font-size:22px;flex:1}
:is(#platform-center,#platform-overlays) .panel-head>svg{width:21px}
:is(#platform-center,#platform-overlays) .panel-head .close{border:0;background:transparent;width:44px;padding:0;font-size:25px;color:var(--muted)}
:is(#platform-center,#platform-overlays) .settings{font-size:13px;background:transparent;min-height:38px;padding:7px 12px}
:is(#platform-center,#platform-overlays) .rows{padding:8px 20px}
:is(#platform-center,#platform-overlays) .prompt-row{display:flex;align-items:center;gap:12px;min-height:63px;border-bottom:1px solid var(--border)}
:is(#platform-center,#platform-overlays) .prompt-row:last-child{border:0}
:is(#platform-center,#platform-overlays) .row-title{flex:1;text-align:left;justify-content:flex-start;border:0;background:transparent;padding:10px 8px;min-width:0}
:is(#platform-center,#platform-overlays) .row-title span{overflow-wrap:anywhere}
:is(#platform-center,#platform-overlays) .row-title svg{background:var(--selected);padding:5px;width:28px;height:28px;border-radius:6px;color:var(--accent)}
:is(#platform-center,#platform-overlays) .row-menu{border:0;background:transparent;font-size:20px;width:44px;padding:0}
:is(#platform-center,#platform-overlays) .add-row{width:calc(100% - 40px);margin:14px 20px 20px;background:transparent}
:is(#platform-center,#platform-overlays) .folder-platforms{padding:16px 24px;border-bottom:1px solid var(--border)}
:is(#platform-center,#platform-overlays) .folder-platforms summary{cursor:pointer;color:var(--muted);font-size:13px;min-height:30px}
:is(#platform-center,#platform-overlays) .destinations{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
:is(#platform-center,#platform-overlays) .destinations .platform{border:1px solid var(--border);border-radius:9px}
:is(#platform-center,#platform-overlays) .destinations .platform[aria-pressed=true]{border-color:var(--control)}
:is(#platform-center,#platform-overlays) dialog{color:var(--text);background:transparent;border:0;padding:0;max-width:calc(100vw - 32px);width:640px;max-height:calc(100dvh - 52px);overflow:auto;border-radius:17px;box-shadow:0 18px 55px #0002}
:is(#platform-center,#platform-overlays) dialog::backdrop{background:#faf7f380;backdrop-filter:blur(4px)}
html[data-theme=dark] :is(#platform-center,#platform-overlays) dialog::backdrop{background:#171c1980}
:is(#platform-center,#platform-overlays) #folder-dialog{padding-top:18px;box-shadow:none;border-radius:0}
:is(#platform-center,#platform-overlays) #folder-dialog .folder-panel:before{content:'';position:absolute;top:-18px;left:-1px;width:90px;height:18px;border:1px solid var(--border);border-bottom:0;border-radius:12px 12px 0 0;background:var(--green)}
:is(#platform-center,#platform-overlays) #folder-content{box-shadow:0 16px 44px #0001;border-radius:17px}
:is(#platform-center,#platform-overlays) #inline{max-width:780px;margin-top:32px}
:is(#platform-center,#platform-overlays) #library.list-layout{display:block;max-width:880px}
:is(#platform-center,#platform-overlays) .list-item{margin-bottom:12px}
:is(#platform-center,#platform-overlays) .list-item>.folder-chip{display:flex;width:100%;box-shadow:none}
:is(#platform-center,#platform-overlays) .list-item>.folder-chip>button{width:100%;min-height:58px;font-weight:600}
:is(#platform-center,#platform-overlays) .list-item .arrow{margin-left:auto}
:is(#platform-center,#platform-overlays) .list-item .folder-panel{border-top:0;border-radius:0 0 13px 13px}
:is(#platform-center,#platform-overlays) .list-item:has(.folder-panel)>.folder-chip{border-radius:13px 13px 0 0}
:is(#platform-center,#platform-overlays) .list-item .panel-head{display:none}
:is(#platform-center,#platform-overlays) .list-layout>.standalone{margin:6px 10px 6px 0}
:is(#platform-center,#platform-overlays) #editor{background:var(--surface);width:520px}
:is(#platform-center,#platform-overlays) #editor-content{padding:20px 24px}
:is(#platform-center,#platform-overlays) #editor-content label{display:block;font-size:14px;font-weight:600;margin-bottom:18px}
:is(#platform-center,#platform-overlays) #editor-content input,:is(#platform-center,#platform-overlays) #editor-content textarea,:is(#platform-center,#platform-overlays) #editor-content select{display:block;margin-top:8px;width:100%;padding:12px;border:1px solid var(--control);border-radius:10px;background:var(--surface);font-size:16px}
:is(#platform-center,#platform-overlays) #editor-content textarea{min-height:120px}
:is(#platform-center,#platform-overlays) .actions{display:flex;justify-content:flex-end;gap:10px;padding:0 24px 20px}
:is(#platform-center,#platform-overlays) #notice{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--text);color:var(--surface);border-radius:10px;padding:12px 20px;display:none;z-index:20}
:is(#platform-center,#platform-overlays) #notice:not(:empty){display:block}
:is(#platform-center,#platform-overlays) #empty{color:var(--muted);padding:20px 0}
:is(#platform-center,#platform-overlays) [hidden]{display:none!important}
@media(max-width:800px){#platform-center{margin:0 10px 20px;padding:24px 16px;min-height:620px}
:is(#platform-center,#platform-overlays) .toolbar{flex-wrap:wrap;gap:12px;margin-bottom:28px}
:is(#platform-center,#platform-overlays) #platforms{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
:is(#platform-center,#platform-overlays) #platforms .platform{flex-direction:column;gap:4px;padding:6px 2px;border-radius:12px;font-size:12px}
:is(#platform-center,#platform-overlays) .search{width:100%}
#platform-center>header h2{font-size:24px}
:is(#platform-center,#platform-overlays) .create{gap:4px}
:is(#platform-center,#platform-overlays) .create button{padding:8px;font-size:13px}
:is(#platform-center,#platform-overlays) .create svg{width:16px}
:is(#platform-center,#platform-overlays) #library{gap:16px 10px}
:is(#platform-center,#platform-overlays) .folder-chip button{padding:10px 13px}
:is(#platform-center,#platform-overlays) .panel-head{padding:14px 16px;gap:8px}
:is(#platform-center,#platform-overlays) .panel-head h2{font-size:20px}
:is(#platform-center,#platform-overlays) .panel-head .settings{font-size:0;width:40px;padding:7px}
:is(#platform-center,#platform-overlays) .panel-head .settings:after{content:'•••';font-size:18px}
:is(#platform-center,#platform-overlays) .rows{padding:4px 12px}
:is(#platform-center,#platform-overlays) .folder-platforms{padding:12px 16px}
:is(#platform-center,#platform-overlays) .destinations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
:is(#platform-center,#platform-overlays) .destinations .platform{font-size:12px;padding:8px 4px}
:is(#platform-center,#platform-overlays) .prompt-row{min-height:60px;gap:4px}
:is(#platform-center,#platform-overlays) .row-title{font-size:14px;gap:8px}
:is(#platform-center,#platform-overlays) #inline{margin-top:26px}
}
@media(max-width:360px){#platform-center>header{flex-wrap:wrap}
#platform-center>header h2{flex-basis:100%}
:is(#platform-center,#platform-overlays) .create{margin-left:auto}
}
:is(#platform-center,#platform-overlays) .platform-short{display:none}
@media(max-width:800px){:is(#platform-center,#platform-overlays) .platform-full{display:none}
:is(#platform-center,#platform-overlays) .platform-short{display:inline}
}
#platform-center{margin-top:26px;min-height:720px}
#platform-center>header h1{font-size:28px}
:is(#platform-center,#platform-overlays) .board-heading{margin:28px 0 18px}
:is(#platform-center,#platform-overlays) .board-heading h2,:is(#platform-center,#platform-overlays) .library-head h2{font-size:18px}
:is(#platform-center,#platform-overlays) .board-heading p{font-size:14px;color:var(--muted);margin-top:5px}
:is(#platform-center,#platform-overlays) #board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
:is(#platform-center,#platform-overlays) .platform-box{min-width:0;min-height:210px;border:1px solid var(--border);border-radius:16px;background:var(--surface);padding:17px;display:flex;flex-direction:column;gap:18px}
:is(#platform-center,#platform-overlays) .box-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
:is(#platform-center,#platform-overlays) .box-title{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600}
:is(#platform-center,#platform-overlays) .box-title .ss-dir-platform-icon{display:flex;align-items:center}
:is(#platform-center,#platform-overlays) .box-title img{width:24px;height:24px;object-fit:contain}
:is(#platform-center,#platform-overlays) .box-title svg{width:24px;height:24px}
:is(#platform-center,#platform-overlays) .box-items{display:flex;gap:12px 8px;flex-wrap:wrap;align-content:flex-start;min-height:80px}
:is(#platform-center,#platform-overlays) .assignment{display:flex;align-items:center;max-width:100%;border:1px solid var(--border);border-radius:22px;background:var(--canvas);color:var(--muted)}
:is(#platform-center,#platform-overlays) .assignment.folder{position:relative;background:var(--green);border-radius:12px}
:is(#platform-center,#platform-overlays) .assignment.folder:before{content:'';position:absolute;top:-5px;left:-1px;width:25px;height:5px;border:1px solid var(--border);border-bottom:0;background:inherit;border-radius:4px 4px 0 0}
:is(#platform-center,#platform-overlays) .assignment[data-color=blue]{background:var(--blue)}
:is(#platform-center,#platform-overlays) .assignment[data-color=purple]{background:var(--purple)}
:is(#platform-center,#platform-overlays) .assignment>.assignment-open{border:0;background:transparent;min-width:0;text-align:left;justify-content:flex-start;padding:8px 5px 8px 11px;font-size:14px;min-height:44px;gap:7px}
:is(#platform-center,#platform-overlays) .assignment-open span{overflow-wrap:anywhere}
:is(#platform-center,#platform-overlays) .assignment-open svg{width:16px;height:16px;color:var(--accent)}
:is(#platform-center,#platform-overlays) .remove{border:0;background:transparent;padding:0;width:38px;min-width:38px;min-height:44px;font-size:22px;color:var(--muted)}
:is(#platform-center,#platform-overlays) .drop-hint{align-self:stretch;text-align:center;border:1px dashed var(--border);border-radius:12px;margin:0;padding:25px 12px;color:var(--muted);font-size:13px;width:100%}
:is(#platform-center,#platform-overlays) .platform-box.drag-over{background:var(--selected);border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
:is(#platform-center,#platform-overlays) .drag-source{cursor:grab}
:is(#platform-center,#platform-overlays) .drag-source:active{cursor:grabbing}
:is(#platform-center,#platform-overlays) .library-head{display:flex;align-items:center;justify-content:flex-start;gap:16px;margin:34px 0 22px}
:is(#platform-center,#platform-overlays) #library{gap:16px}
:is(#platform-center,#platform-overlays) .source-group{display:flex;align-items:center;gap:5px;max-width:100%}
:is(#platform-center,#platform-overlays) .source-group>.source-assign{border:0;background:transparent;padding:5px 7px;font-size:13px;color:var(--accent)}
:is(#platform-center,#platform-overlays) .folder-chip .arrow{display:flex}
:is(#platform-center,#platform-overlays) .folder-chip .arrow svg{width:12px}
:is(#platform-center,#platform-overlays) .ios-note{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);margin-top:40px}
:is(#platform-center,#platform-overlays) .ios-note svg{width:15px;height:15px}
:is(#platform-center,#platform-overlays) .ios-note .ss-dir-platform-icon{display:flex}
:is(#platform-center,#platform-overlays) #opened{margin-top:28px;max-width:780px}
:is(#platform-center,#platform-overlays) #opened .prompt-row{gap:8px}
:is(#platform-center,#platform-overlays) #opened .row-title{cursor:grab}
:is(#platform-center,#platform-overlays) #opened .row-menu{font-size:13px;width:auto;white-space:nowrap;padding:8px;color:var(--accent)}
:is(#platform-center,#platform-overlays) #picker{background:var(--surface);width:560px}
:is(#platform-center,#platform-overlays) #picker-body{padding:20px 24px;max-height:60dvh;overflow:auto}
:is(#platform-center,#platform-overlays) .choice-row{display:flex;align-items:center;gap:12px;min-height:48px;padding:8px 4px;cursor:pointer}
:is(#platform-center,#platform-overlays) .choice-row input{accent-color:var(--action);width:20px;height:20px;flex-shrink:0}
:is(#platform-center,#platform-overlays) .choice-row:focus-within{background:var(--selected);border-radius:8px}
:is(#platform-center,#platform-overlays) .choice-row svg{color:var(--accent);width:18px}
:is(#platform-center,#platform-overlays) .choice-row .ss-dir-platform-icon{display:flex;align-items:center}
:is(#platform-center,#platform-overlays) .choice-row img{width:24px;height:24px}
:is(#platform-center,#platform-overlays) .choice-row span{overflow-wrap:anywhere}
:is(#platform-center,#platform-overlays) .picker-folder{border-bottom:1px solid var(--border);padding:6px 0}
:is(#platform-center,#platform-overlays) .picker-folder>summary{font-size:13px;color:var(--muted);cursor:pointer;min-height:40px;padding:8px 4px}
:is(#platform-center,#platform-overlays) .picker-folder .child-choice{padding-left:28px}
:is(#platform-center,#platform-overlays) .field{display:block;font-size:14px;font-weight:600;margin:0 0 18px}
:is(#platform-center,#platform-overlays) .field input,:is(#platform-center,#platform-overlays) .field textarea,:is(#platform-center,#platform-overlays) .field select{display:block;width:100%;border:1px solid var(--control);background:var(--surface);border-radius:10px;padding:12px;font-size:16px;margin-top:8px}
:is(#platform-center,#platform-overlays) .field textarea{min-height:100px}
:is(#platform-center,#platform-overlays) button:focus-visible{background:var(--selected);color:var(--text)}
@media(max-width:1000px){:is(#platform-center,#platform-overlays) #board{gap:12px}
:is(#platform-center,#platform-overlays) .platform-box{padding:13px}
:is(#platform-center,#platform-overlays) .box-head{align-items:flex-start;flex-wrap:wrap}
:is(#platform-center,#platform-overlays) .box-title{font-size:14px}
:is(#platform-center,#platform-overlays) .assignment>.assignment-open{font-size:13px}
}
@media(max-width:700px){#platform-center{margin-top:18px;padding:22px 16px}
#platform-center>header h1{font-size:25px}
:is(#platform-center,#platform-overlays) .create button{font-size:13px;padding:8px}
:is(#platform-center,#platform-overlays) #board{grid-template-columns:1fr;gap:14px}
:is(#platform-center,#platform-overlays) .platform-box{min-height:140px;padding:16px;gap:16px}
:is(#platform-center,#platform-overlays) .box-head{align-items:center;flex-wrap:nowrap}
:is(#platform-center,#platform-overlays) .box-title{font-size:15px}
:is(#platform-center,#platform-overlays) .box-items{min-height:44px}
:is(#platform-center,#platform-overlays) .drop-hint{padding:15px}
:is(#platform-center,#platform-overlays) .library-head{flex-direction:column;align-items:flex-start;gap:12px;margin-top:28px}
:is(#platform-center,#platform-overlays) .library-head .search{width:240px;max-width:100%}
:is(#platform-center,#platform-overlays) .board-heading{margin-top:22px}
:is(#platform-center,#platform-overlays) .board-heading p{font-size:13px}
:is(#platform-center,#platform-overlays) #library{gap:14px}
:is(#platform-center,#platform-overlays) .source-group{flex-wrap:wrap}
:is(#platform-center,#platform-overlays) #picker-body{padding:14px 16px}
:is(#platform-center,#platform-overlays) .actions{padding:0 16px 16px}
:is(#platform-center,#platform-overlays) .create{margin-left:auto}
:is(#platform-center,#platform-overlays) .ios-note{margin-top:28px}
}
@media(max-width:360px){#platform-center>header h1{flex-basis:100%}
#platform-center>header{flex-wrap:wrap}
:is(#platform-center,#platform-overlays) .create{width:100%;justify-content:flex-end}
}
:is(#platform-center,#platform-overlays) .drag-handle{display:inline-flex;align-items:center;justify-content:center;min-width:30px;min-height:44px;color:var(--muted);font-size:25px;user-select:none}
:is(#platform-center,#platform-overlays) #opened .row-title{cursor:pointer}
:is(#platform-center,#platform-overlays){color-scheme:light}
html[data-theme=dark] :is(#platform-center,#platform-overlays){color-scheme:dark}
:is(#platform-center,#platform-overlays) #opened{position:fixed;z-index:1000;margin:0;max-width:calc(100vw - 32px);filter:drop-shadow(0 10px 22px #0002)}
:is(#platform-center,#platform-overlays) #opened .folder-panel{display:flex;flex-direction:column;max-height:inherit;overflow:hidden}
:is(#platform-center,#platform-overlays) #opened .panel-head{flex-shrink:0;padding:14px 18px}
:is(#platform-center,#platform-overlays) #opened .panel-head h2{font-size:20px}
:is(#platform-center,#platform-overlays) #opened .rows{overflow:auto;min-height:0;overscroll-behavior:contain;scrollbar-width:thin}
:is(#platform-center,#platform-overlays) #opened .add-row{flex-shrink:0;margin:10px 16px 14px;width:calc(100% - 32px)}
:is(#platform-center,#platform-overlays) #opened .prompt-row{min-height:58px}
:is(#platform-center,#platform-overlays) #opened[data-color=blue] .panel-head{background:var(--blue)}
:is(#platform-center,#platform-overlays) #opened[data-color=purple] .panel-head{background:var(--purple)}
:is(#platform-center,#platform-overlays) #opened:after{content:'';position:absolute;left:calc(var(--anchor-x) - 7px);width:12px;height:12px;background:var(--green);border-left:1px solid var(--border);border-top:1px solid var(--border);transform:rotate(45deg);pointer-events:none}
:is(#platform-center,#platform-overlays) #opened[data-side=below]:after{top:-6px}
:is(#platform-center,#platform-overlays) #opened[data-side=above]:after{bottom:-6px;background:var(--surface);transform:rotate(225deg)}
:is(#platform-center,#platform-overlays) #opened[data-side=below][data-color=blue]:after{background:var(--blue)}
:is(#platform-center,#platform-overlays) #opened[data-side=below][data-color=purple]:after{background:var(--purple)}
:is(#platform-center,#platform-overlays) #opened.is-opening{animation:folder-reveal 160ms ease-out both;transform-origin:var(--anchor-x) top}
:is(#platform-center,#platform-overlays) #opened[data-side=above].is-opening{animation-name:folder-reveal-up;transform-origin:var(--anchor-x) bottom}
@keyframes folder-reveal{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@keyframes folder-reveal-up{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
:is(#platform-center,#platform-overlays) .drag-handle{touch-action:none;cursor:grab;user-select:none}
:is(#platform-center,#platform-overlays) .drag-source{user-select:none;-webkit-user-drag:none;touch-action:none}
@media(prefers-reduced-motion:reduce){:is(#platform-center,#platform-overlays) #opened.is-opening{animation:none}
}
@media(max-width:700px){:is(#platform-center,#platform-overlays) #opened .row-title{font-size:14px}
:is(#platform-center,#platform-overlays) #opened .drag-handle{min-width:30px}
:is(#platform-center,#platform-overlays) #opened .panel-head .settings{font-size:13px;width:auto}
:is(#platform-center,#platform-overlays) #opened .panel-head .settings:after{content:none}
}
:is(#platform-center,#platform-overlays) [data-native-folder]{--folder-fill:linear-gradient(var(--prompt-tint,transparent),var(--prompt-tint,transparent)),var(--surface)}
html[data-theme=dark] :is(#platform-center,#platform-overlays) [data-native-folder]{--folder-fill:linear-gradient(var(--prompt-dark-tint,transparent),var(--prompt-dark-tint,transparent)),var(--surface)}
:is(#platform-center,#platform-overlays) #opened[data-native-folder] .panel-head,:is(#platform-center,#platform-overlays) #opened[data-native-folder][data-side=below]:after{background:var(--folder-fill)}
:is(#platform-center,#platform-overlays) #picker{max-height:min(720px,calc(100dvh - 48px));overflow:hidden}
:is(#platform-center,#platform-overlays) #picker>form{display:flex;flex-direction:column;max-height:inherit;margin:0}
:is(#platform-center,#platform-overlays) #picker .panel-head{flex-shrink:0;border-radius:16px 16px 0 0;padding:18px 24px}
:is(#platform-center,#platform-overlays) #picker .panel-head h2{font-size:22px;line-height:1.35;min-width:0;overflow-wrap:anywhere}
:is(#platform-center,#platform-overlays) #picker-body{min-height:0;max-height:none;overflow-y:auto;overscroll-behavior:contain;padding:12px 24px}
:is(#platform-center,#platform-overlays) #picker .actions{flex-shrink:0;margin:0;padding:16px 24px;gap:10px;background:var(--surface)}
:is(#platform-center,#platform-overlays) #picker .actions button{font-size:15px;font-weight:600;line-height:1.4;padding:10px 20px;border-radius:14px;min-height:44px}
:is(#platform-center,#platform-overlays) .choice-row{display:grid;grid-template-columns:18px 18px minmax(0,1fr);align-items:center;gap:12px;min-height:48px;padding:10px 4px;font-size:16px;line-height:24px;border-radius:8px}
:is(#platform-center,#platform-overlays) .choice-row input{width:18px;height:18px;min-width:18px;margin:0;align-self:center}
:is(#platform-center,#platform-overlays) .choice-row>span:has(svg){display:flex;align-items:center;justify-content:center;width:18px;height:18px;line-height:0}
:is(#platform-center,#platform-overlays) .choice-row svg{display:block;width:18px;height:18px}
:is(#platform-center,#platform-overlays) .choice-row>span:last-child{min-width:0;overflow-wrap:anywhere}
:is(#platform-center,#platform-overlays) .choice-row:hover{background:var(--selected)}
:is(#platform-center,#platform-overlays) .picker-folder details>summary{min-height:44px;padding:10px 4px;line-height:24px;font-size:14px;cursor:pointer;border-radius:8px}
:is(#platform-center,#platform-overlays) .picker-folder details>summary:is(:hover,:focus-visible){background:var(--selected)}
:is(#platform-center,#platform-overlays) .picker-folder .child-choice{padding-left:28px}
:is(#platform-center,#platform-overlays) #picker-body,:is(#platform-center,#platform-overlays) #opened .rows{scrollbar-width:thin;scrollbar-color:#87958a #fffefb}
html[data-theme=dark] :is(#platform-center,#platform-overlays) :is(#picker-body,#opened .rows){scrollbar-color:#82968a #252d28}
:is(#platform-center,#platform-overlays) #opened .rows:empty{display:none}
:is(#platform-center,#platform-overlays) #opened .folder-empty{margin:0;padding:24px 20px 8px;text-align:center;font-size:16px;line-height:24px;color:var(--muted)}
:is(#platform-center,#platform-overlays) #opened .rows:has(.folder-empty){padding:0}
:is(#platform-center,#platform-overlays) #opened .row-title{font-size:16px;line-height:24px}
:is(#platform-center,#platform-overlays) .choice-row svg,:is(#platform-center,#platform-overlays) .box-title svg,:is(#platform-center,#platform-overlays) .folder-chip svg,:is(#platform-center,#platform-overlays) .assignment svg{flex-shrink:0}
@media(max-width:700px){:is(#platform-center,#platform-overlays) #picker{max-height:calc(100dvh - 32px)}
:is(#platform-center,#platform-overlays) #picker .panel-head{padding:16px}
:is(#platform-center,#platform-overlays) #picker .panel-head h2{font-size:20px}
:is(#platform-center,#platform-overlays) #picker-body{padding:8px 16px}
:is(#platform-center,#platform-overlays) #picker .actions{padding:14px 16px}
:is(#platform-center,#platform-overlays) .choice-row{gap:10px}
:is(#platform-center,#platform-overlays) .picker-folder .child-choice{padding-left:24px}
}
@media(forced-colors:active){:is(#platform-center,#platform-overlays) #picker-body,:is(#platform-center,#platform-overlays) #opened .rows{scrollbar-color:auto}
}
@font-face{font-family:Inter;src:url('/assets/fonts/inter/inter-latin-500-normal.woff2');font-weight:500;font-style:normal}
#platform-center{--chip-shadow:0 1px 4px rgba(92,77,67,.05),inset 0 1px 0 rgba(255,255,255,.5);--chip-prompt-bg:rgba(255,254,251,.85);--chip-bookmark:#73716c;--chip-hover:#3d725f}
html[data-theme=dark] #platform-center{--chip-shadow:0 1px 4px rgba(20,18,15,.3),inset 0 1px 0 rgba(232,224,216,.07);--chip-prompt-bg:rgba(42,38,34,.85);--chip-bookmark:#94918b;--chip-hover:#b1d3c2}
#platform-center :is(.folder-chip,.standalone,.assignment){font:500 15px/21px Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji";color:var(--muted);border:1px solid var(--border);box-shadow:var(--chip-shadow);min-height:44px;gap:0}
#platform-center :is(.folder-chip,.assignment.folder){border-radius:5px 13px 13px 13px;background:var(--prompt-tint,var(--chip-prompt-bg));overflow:visible}
html[data-theme=dark] #platform-center :is(.folder-chip,.assignment.folder){background:var(--prompt-dark-tint,var(--chip-prompt-bg))}
#platform-center :is(.folder-chip,.assignment.folder)::before{content:"";box-sizing:border-box;position:absolute;inset-inline-start:-1px;top:auto;bottom:calc(100% + 1px);width:30px;height:5px;border:1px solid;border-color:inherit;border-bottom:0;border-radius:5px 5px 0 0;background:inherit;z-index:auto;pointer-events:none}
#platform-center :is(.standalone,.assignment.prompt){border-radius:20px;background:var(--chip-prompt-bg)}
#platform-center .folder-chip>button,#platform-center .assignment>.assignment-open{font:inherit;color:inherit;background:transparent;border:0;border-radius:10px;min-height:42px;padding:0 18px;gap:8px}
#platform-center .standalone{padding:0 18px;gap:8px}
#platform-center .assignment>.assignment-open{padding-inline-end:5px}
#platform-center .assignment>.remove{min-height:42px;background:transparent;color:inherit}
#platform-center :is(.folder-chip,.assignment,.standalone) svg{width:18px;height:18px;flex-shrink:0}
#platform-center .folder-chip>button>svg:first-child,#platform-center .assignment.folder>.assignment-open>svg{color:var(--chip-folder-icon,#6e8a7e)}
#platform-center .standalone>svg,#platform-center .assignment.prompt>.assignment-open>svg{color:var(--chip-bookmark)}
#platform-center .folder-chip .arrow{display:block;flex:0 0 auto;width:5px;min-width:5px;max-width:5px;height:5px;border-block-start:1.5px solid currentColor;border-inline-end:1.5px solid currentColor;transform:rotate(45deg);opacity:.65;margin-inline-start:3px;pointer-events:none}
#platform-center .folder-chip .arrow svg{display:none}
[dir=rtl] #platform-center .folder-chip .arrow{transform:rotate(-45deg)}
#platform-center :is(.folder-chip,.standalone,.assignment):is(:hover,:focus-within){box-shadow:none;color:var(--chip-hover)}
#platform-center :is(.folder-chip,.standalone,.assignment):is(:hover,:focus-within) svg{color:var(--chip-hover)}
#platform-center .folder-chip>button:is(:hover,:focus-visible),#platform-center .assignment>button:is(:hover,:focus-visible){background:transparent;color:inherit}
#platform-center :is(.folder-chip,.assignment.folder)[data-color=gray]{--chip-folder-icon:#9a8e82}
#platform-center :is(.folder-chip,.assignment.folder)[data-color=red]{--chip-folder-icon:#a6594b}
#platform-center :is(.folder-chip,.assignment.folder)[data-color=orange]{--chip-folder-icon:#c97c4f}
#platform-center :is(.folder-chip,.assignment.folder)[data-color=yellow]{--chip-folder-icon:#b8924a}
#platform-center :is(.folder-chip,.assignment.folder)[data-color=green]{--chip-folder-icon:#6e8a7e}
#platform-center :is(.folder-chip,.assignment.folder)[data-color=blue]{--chip-folder-icon:#5c7a8a}
#platform-center :is(.folder-chip,.assignment.folder)[data-color=purple]{--chip-folder-icon:#8a6e8a}
#platform-center :is(.folder-chip,.assignment.folder)[data-color=pink]{--chip-folder-icon:#b07a8a}
#platform-center :is(.folder-chip,.assignment.folder)[data-color=sage]{--chip-folder-icon:#4a7a68}
#platform-center :is(.folder-chip,.assignment.folder)[data-color=moss]{--chip-folder-icon:#8fa593}
#platform-center :is(.folder-chip,.assignment.folder)[data-color=clay]{--chip-folder-icon:#8c5a47}
#platform-center :is(.folder-chip,.assignment.folder)[data-color=sand]{--chip-folder-icon:#c9b68a}
#platform-center :is(.folder-chip,.assignment.folder)[data-color=anchor]{--chip-folder-icon:#3a2f26}
#platform-center :is(.folder-chip,.assignment.folder)[data-color=plum]{--chip-folder-icon:#6e4a5c}
html[data-theme=dark] #platform-center :is(.folder-chip,.assignment.folder)[data-color=gray]{--chip-folder-icon:#b8ada3}
html[data-theme=dark] #platform-center :is(.folder-chip,.assignment.folder)[data-color=red]{--chip-folder-icon:#c87a6e}
html[data-theme=dark] #platform-center :is(.folder-chip,.assignment.folder)[data-color=orange]{--chip-folder-icon:#d9996e}
html[data-theme=dark] #platform-center :is(.folder-chip,.assignment.folder)[data-color=yellow]{--chip-folder-icon:#d0aa6a}
html[data-theme=dark] #platform-center :is(.folder-chip,.assignment.folder)[data-color=green]{--chip-folder-icon:#8aafa1}
html[data-theme=dark] #platform-center :is(.folder-chip,.assignment.folder)[data-color=blue]{--chip-folder-icon:#7e9cac}
html[data-theme=dark] #platform-center :is(.folder-chip,.assignment.folder)[data-color=purple]{--chip-folder-icon:#a88fa8}
html[data-theme=dark] #platform-center :is(.folder-chip,.assignment.folder)[data-color=pink]{--chip-folder-icon:#c89aac}
html[data-theme=dark] #platform-center :is(.folder-chip,.assignment.folder)[data-color=sage]{--chip-folder-icon:#6e9c88}
html[data-theme=dark] #platform-center :is(.folder-chip,.assignment.folder)[data-color=moss]{--chip-folder-icon:#a8bea8}
html[data-theme=dark] #platform-center :is(.folder-chip,.assignment.folder)[data-color=clay]{--chip-folder-icon:#a87a66}
html[data-theme=dark] #platform-center :is(.folder-chip,.assignment.folder)[data-color=sand]{--chip-folder-icon:#d9ceaa}
html[data-theme=dark] #platform-center :is(.folder-chip,.assignment.folder)[data-color=anchor]{--chip-folder-icon:#7a6e62}
html[data-theme=dark] #platform-center :is(.folder-chip,.assignment.folder)[data-color=plum]{--chip-folder-icon:#906a7e}
#platform-center .folder-chip>button>svg:first-child,#platform-center .assignment>.assignment-open>svg:first-child,#platform-center .standalone>svg:first-child{margin-inline-start:-2px}
#platform-center .library-prompt{display:inline-flex;align-items:center;min-width:0;max-width:100%;border:1px solid var(--border);border-radius:20px;background:var(--chip-prompt-bg);box-shadow:var(--chip-shadow);color:var(--muted)}
#platform-center .library-prompt>.standalone{min-width:0;border:0;background:transparent;box-shadow:none;min-height:42px;padding-inline-end:8px;text-align:start}
#platform-center #library .folder-chip>button:not(.library-delete){min-width:0;padding-inline-end:8px}
#platform-center #library :is(.folder-chip,.library-prompt)>button>span:not(.arrow){overflow-wrap:anywhere;min-width:0}
#platform-center .library-delete,#platform-center .folder-chip>button.library-delete{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;min-width:44px;min-height:44px;width:44px;padding:0;border:0;background:transparent;color:var(--muted);border-radius:10px}
#platform-center .library-delete svg,#platform-center .folder-chip>button.library-delete>svg{width:16px;height:16px;margin:0;color:inherit}
#platform-center :is(.folder-chip,.library-prompt,.prompt-row)>button.library-delete:is(:hover,:focus-visible){background:var(--selected);color:var(--text)}
#platform-center :is(.folder-chip,.library-prompt,.prompt-row)>button.library-delete>svg{color:inherit}
#platform-center .library-prompt:has(:hover,:focus-visible){box-shadow:none}
:is(#platform-center,#platform-overlays) #delete-dialog{width:480px;padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:17px}
:is(#platform-center,#platform-overlays) #delete-dialog h2{font-size:22px;line-height:1.35;overflow-wrap:anywhere;margin:0 0 14px}
:is(#platform-center,#platform-overlays) #delete-dialog p{font-size:16px;line-height:1.5;margin:0 0 24px;overflow-wrap:anywhere}
:is(#platform-center,#platform-overlays) #delete-dialog .actions{padding:0;gap:10px;flex-wrap:wrap}
:is(#platform-center,#platform-overlays) #delete-dialog button{min-height:44px;padding:10px 16px;font-size:15px}
:is(#platform-center,#platform-overlays) #delete-dialog .danger{background:#a14436;border-color:#a14436;color:#fffefb;font-weight:600}
:is(#platform-center,#platform-overlays) #delete-dialog .danger:is(:hover,:focus-visible){background:#83382d;border-color:#83382d}
html[data-theme=dark] :is(#platform-center,#platform-overlays) #delete-dialog .danger{background:#d99989;border-color:#d99989;color:#241a17}
html[data-theme=dark] :is(#platform-center,#platform-overlays) #delete-dialog .danger:is(:hover,:focus-visible){background:#efb6a7;border-color:#efb6a7}
:is(#platform-center,#platform-overlays) #delete-error{color:var(--text)}
@media(max-width:480px){:is(#platform-center,#platform-overlays) #delete-dialog{padding:20px}
:is(#platform-center,#platform-overlays) #delete-dialog h2{font-size:20px}
:is(#platform-center,#platform-overlays) #delete-dialog .actions{flex-direction:column-reverse}
:is(#platform-center,#platform-overlays) #delete-dialog .actions button{width:100%}
}

#platform-center{margin:0;padding:0;min-height:0;border:0;box-shadow:none;background:transparent;font-family:Inter,system-ui,sans-serif}
#platform-center .center-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 22px}
#platform-center .center-heading h1{font-size:28px;line-height:1.3;font-weight:600}
#platform-center button:disabled,#platform-overlays button:disabled{opacity:.5;cursor:wait}
/* Documents skeleton treatment from late-hover + library-design; reserve platform height. */
#platform-center .loading-box{display:block;background:rgba(255,254,251,.5);border:1px solid rgba(228,220,212,.35);border-radius:8px;min-height:210px;padding:20px;box-shadow:none}
#platform-center .loading-box>div{background:linear-gradient(90deg,rgba(228,220,212,.3) 25%,rgba(228,220,212,.15) 50%,rgba(228,220,212,.3) 75%);background-size:200% 100%;border-radius:6px;animation:promptDocShimmer 1.5s ease-in-out infinite}
#platform-center .sk-doc-skeleton-title{height:16px;margin-bottom:12px;width:60%}
#platform-center .sk-doc-skeleton-text{height:12px;margin-bottom:8px;width:90%}
#platform-center .sk-doc-skeleton-meta{height:10px;margin-top:8px;width:40%}
@keyframes promptDocShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}
html[data-theme=dark] #platform-center .loading-box{background:rgba(42,38,34,.5);border-color:hsla(30,26%,88%,.06)}
html[data-theme=dark] #platform-center .loading-box>div{background:linear-gradient(90deg,hsla(30,26%,88%,.08) 25%,hsla(30,26%,88%,.04) 50%,hsla(30,26%,88%,.08) 75%);background-size:200% 100%}
@media(prefers-reduced-motion:reduce){#platform-center .loading-box>div{animation:none}}
#platform-overlays #picker,#platform-overlays #delete-dialog{margin:auto}
body#prompts-app .chat-prompt-move-dialog{margin:auto}
#platform-center #opened .panel-head h2{min-width:0;overflow-wrap:anywhere}
#platform-center #opened .library-delete{min-width:44px;width:44px;padding:0;border:0;background:transparent}
#platform-center #opened .library-delete svg{width:16px;height:16px}
#platform-center .row-actions{display:flex;gap:0}
#platform-center .row-move{border:0;background:transparent;padding:8px;font-size:13px}
#platform-center [aria-busy=true]{cursor:wait}

/* Native Chat creation artwork; one primary action and one outlined folder. */
#platform-center .create{gap:12px;align-items:center}
#platform-center .create>button{position:relative;min-height:44px;padding:10px 18px;gap:8px;white-space:nowrap;font-weight:600;line-height:22px}
#platform-center .create>button>svg{width:18px;height:18px;flex:none}
#platform-center #new-prompt{border-radius:24px;box-shadow:0 1px 4px #5c4d430d}
#platform-center #new-prompt:hover,#platform-center #new-prompt:focus-visible{color:#fff;border-color:#3b5546}
#platform-center #new-folder{border:1px solid var(--control);border-radius:5px 13px 13px;background:var(--surface);color:var(--accent);box-shadow:0 1px 4px #5c4d430d}
#platform-center #new-folder:before{content:'';position:absolute;inset-inline-start:-1px;box-sizing:border-box;top:auto;bottom:calc(100% + 1px);width:30px;height:5px;border:1px solid var(--control);border-bottom:0;border-radius:5px 5px 0 0;background:inherit;pointer-events:none}
#platform-center #new-folder:hover,#platform-center #new-folder:focus-visible{background:var(--selected);border-color:var(--accent)}
#platform-center #new-folder:hover:before,#platform-center #new-folder:focus-visible:before{border-color:var(--accent)}
@media(max-width:767px){#platform-center .create{gap:10px}#platform-center .create>button{padding:10px 14px}#platform-center .create .action-label{display:none}}
/* Pointer preview belongs to this themed overlay and never participates in layout. */
#platform-overlays .drag-ghost{position:fixed!important;z-index:12000;pointer-events:none!important;margin:0!important;max-width:calc(100vw - 32px);max-height:calc(100dvh - 16px);overflow:hidden;display:inline-flex;align-items:center;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 24px #0003;opacity:.92;contain:layout;}
#platform-overlays .drag-ghost.prompt-row{padding:8px 12px}
#platform-overlays .drag-ghost button{pointer-events:none}
body.dragging #platform-center{cursor:grabbing;user-select:none}
#platform-center :is(.assignment,.folder-chip,.library-prompt,.prompt-row){position:relative}
#platform-center .drop-before:after,#platform-center .drop-after:after{content:'';position:absolute;top:0;bottom:0;width:3px;background:var(--accent);border-radius:2px;pointer-events:none}
#platform-center .drop-before:after{inset-inline-start:-5px}
#platform-center .drop-after:after{inset-inline-end:-5px}
#platform-center .prompt-row.drop-before:after,#platform-center .prompt-row.drop-after:after{left:0;right:0;width:auto;height:3px;bottom:auto}
#platform-center .prompt-row.drop-after:after{top:auto;bottom:0}
#platform-center .drop-inside,#platform-center .drag-over{box-shadow:inset 0 0 0 2px var(--accent)}
#platform-center #library{min-height:60px;padding-block:6px}
#platform-center #save-error{color:var(--text);margin:0 0 16px;padding:12px 0;}
#platform-center .drag-source{cursor:grab}

#platform-overlays .drag-ghost:is(.folder-chip,.assignment.folder){overflow:visible}
#platform-overlays .drag-ghost:is(.folder-chip,.assignment.folder)::before{content:"";box-sizing:border-box;position:absolute;inset-inline-start:-1px;top:auto;bottom:calc(100% + 1px);width:30px;height:5px;border:1px solid;border-color:inherit;border-bottom:0;border-radius:5px 5px 0 0;background:inherit;z-index:auto;pointer-events:none}

#platform-center .box-head{min-height:44px}

/* Approved compact categories; the library and real assignment controls are unchanged. */
#platform-center #category-tabs{display:flex;align-items:stretch;gap:5px;position:relative;z-index:1;margin:30px 0 0}
#platform-center #category-tabs button{min-height:46px;padding:11px 18px;border-radius:12px 12px 0 0;background:var(--canvas);border:1px solid var(--border);color:var(--muted);margin-bottom:-1px;font-weight:500}
#platform-center #category-tabs button[aria-selected=true]{background:var(--surface);border-bottom-color:var(--surface);color:var(--text);font-weight:600}
#platform-center #category-tabs button:is(:hover,:focus-visible){background:var(--selected);color:var(--text)}
#platform-center #category-tabs :is(img,svg){width:22px;height:22px;flex-shrink:0}
#platform-center #category-tabs .ss-dir-platform-icon{display:flex;align-items:center}
#platform-center #board{display:block}
#platform-center #board .platform-box{min-height:180px;padding:26px 20px;border-start-start-radius:0}
#platform-center #board .platform-box[hidden]{display:none}
#platform-center #board .box-head{display:none}
#platform-center #board .box-items:has(>.drop-hint){flex:1;align-content:stretch}
#platform-center #board .drop-hint{display:flex;align-items:center;justify-content:center}
#platform-center #board .loading-box:not(:first-child){display:none}
@media(max-width:767px){
 #platform-center #category-tabs{gap:3px}
 #platform-center #category-tabs button{flex:1;min-width:0;font-size:12px;padding:10px 5px;gap:5px;white-space:normal;line-height:1.3;overflow-wrap:anywhere}
 #platform-center #category-tabs :is(img,svg){width:18px;height:18px}
 #platform-center #board .platform-box{padding:24px 16px}
}
@media(max-width:380px){
 #platform-center #category-tabs button{flex-direction:column;padding:8px 3px;gap:4px;overflow-wrap:normal}
}

/* Current application hint is secondary text, independent of the selected platform. */
#platform-center #category-tabs .platform-tab-label{display:flex;align-items:baseline;gap:5px}
#platform-center #category-tabs .platform-tab-here{font-size:12px;font-weight:400;color:var(--muted);white-space:nowrap}
@media(max-width:767px){#platform-center #category-tabs .platform-tab-label{flex-direction:column;align-items:center;gap:2px}}


/* Source: /my-prompts/assets/platform-center-r1/editor.css */
#calm-prompt-modal{--space-16:64px;--header-height:0px;--ss-toast-bg:rgba(255, 255, 255, 0.82);--icon-inactive:#B8ACA0;--text-body:14px;--shadow-quick-hover:0 2px 8px rgba(0, 0, 0, 0.06);--font-body:'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--ss-border:#d5ddd0;--ss-on-selected:#376a59;--ss-ui-language-gap:18px;--muted:#B8A898;--ss-frame-shadow:0 8px 16px #00000014,0 4px 4px #0000000f,0 0 2px #0000001a;--color-text-secondary:#646e78;--ss-frame-mobile-shadow:0 8px 16px #00000014,0 4px 4px #0000000f;--color-text-tertiary:#767a86;--color-sidebar-hover:rgba(226, 70, 104, 0.06);--font-mono:Monaco, 'Courier New', monospace;--shadow-popup:0 4px 16px rgba(34, 48, 62, 0.14);--lh-body:1.5;--shadow-button-hover:0 4px 14px rgba(155, 96, 80, 0.18);--color-purple-light:rgba(139, 92, 246, 0.12);--ss-nav-active-shadow:inset 0 0 0 1px #cfdcc5;--font-size-4xl:24px;--color-sidebar:#ffffff;--font-title:'Inter', system-ui, sans-serif;--shadow-dropdown:0 2px 8px rgba(0, 0, 0, 0.08);--shadow-card:0 1px 3px rgba(92, 77, 67, 0.04), 0 4px 16px rgba(92, 77, 67, 0.06);--card-bg:#fffefb;--space-5:20px;--slate-light:#E0E4EE;--color-google-blue-hover:#3367d6;--ss-hover:#e1e8dc;--color-accent:#079aa2;--divider:#E4DCD4;--radius-sm:6px;--sidebar-bg:#FCF9F6;--z-modal:1001;--color-primary-hover:#c93d5b;--ss-wait-cancel-ink:#5C5C5E;--font-weight-bold:650;--ss-ui-language-on-selected:#376a59;--space-3:12px;--font-size-flow-heading:38px;--ss-toast-bg-solid:rgba(255, 255, 255, 0.97);--ss-action:#506957;--letter-spacing-heading:-0.02em;--shadow-mobile-nav:0 -4px 20px rgba(34, 48, 62, 0.08);--space-1:4px;--ss-surface-alt:#e9efe3;--ss-toast-action-ink:#5F7A6E;--ss-shell:#edf1e9;--rose-dark:#9B6050;--ss-surface:#fffefb;--ss-reading-word-bg:#b9d8bc;--color-purple:#8b5cf6;--font-size-xs:12px;--color-sidebar-active:rgba(226, 70, 104, 0.10);--z-overlay:1000;--color-blue-light:rgba(59, 130, 246, 0.12);--radius-md:8px;--color-info:#03c3ec;--radius-lg:12px;--ss-focus:#225a78;--ss-ui-language-border:#d5ddd0;--radius-button:12px;--sage-dark:#4A7A68;--lh-small:1.45;--ss-scroll-thumb-hover:rgba(23,43,77,.28);--btn-height:44px;--text-secondary:#62564a;--accent:#506957;--transition-base:0.2s ease;--ss-wait-skel-a:rgba(110, 138, 126, 0.10);--ss-text:#26241f;--color-warning-text:#a67200;--sidebar-width:260px;--ss-toast-focus:#6E8A7E;--color-text-faint:rgb(143, 142, 138);--rose-light:#F4E8E2;--color-overlay-light:rgba(0, 0, 0, 0.35);--weight-label:500;--white:#FFFEFB;--ss-on-action:#ffffff;--cream:#fffefb;--radius-btn:12px;--font-size-2xl:22px;--color-error-hover:#e0371a;--ss-history-clock:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2011a9%209%200%201%201%202.6%207.4M3%205v6h6M12%207v5l3%202%22/%3E%3C/svg%3E");--input-height:44px;--shadow-bubble:0 1px 2px rgba(34, 48, 62, 0.06);--ss-toast-action-bg-hover:rgba(110, 138, 126, 0.18);--pill-bg:#e9efe3;--ss-wait-skel-b:rgba(110, 138, 126, 0.22);--border-color:#d5ddd0;--warm-text-light:#8A7E72;--line-height-normal:1.5;--rose-bg:#FBF3F0;--z-toast:2000;--font-size-5xl:28px;--lh-h2:1.35;--space-6:24px;--weight-body:400;--shadow-input:0 1px 3px rgba(92, 77, 67, 0.04);--card-padding-mobile:16px;--color-danger-hover:#991b1b;--sidebar-border:#E8E0D8;--color-surface:rgba(255, 255, 255, 0.92);--shadow-panel:-4px 0 16px rgba(34, 48, 62, 0.12);--color-accent-hover:#067a80;--ss-wait-cancel-bg:rgba(60, 60, 62, 0.06);--online-green:#6BCB8A;--font-size-3xl:22px;--transition:200ms ease;--color-error:#ff3e1d;--color-hover:rgba(0, 0, 0, 0.04);--color-primary-rgb:226, 70, 104;--text-primary:#26241f;--font-size-lg:17px;--ss-scroll-thumb:rgba(23,43,77,.16);--color-border:#e4e6e8;--lh-heading:1.3;--font-size-flow-heading-sm:31px;--ss-ui-language-flag:url("/assets/public-controls/language-flags-v1/dk.svg");--font-family:'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji';--transition-fast:0.15s ease;--lh-h1:1.3;--z-sidebar:100;--text-h1:32px;--button-padding:10px 20px;--shadow-ai-hover:0 4px 16px rgba(212, 168, 154, 0.45);--line-height-relaxed:1.6;--avatar-dark:#3A2E42;--slate-bg:#F2F4F8;--ss-selected:#e5eee9;--card-padding:24px;--shadow-card-hover:0 2px 4px rgba(92, 77, 67, 0.06), 0 8px 24px rgba(92, 77, 67, 0.1);--ss-ui-language-surface:#fffefb;--space-sm:8px;--card-todo-bg:#FDF7F3;--mn-bar-height:calc(60px + 0px);--sage:#A8C5B8;--color-overlay:rgba(0, 0, 0, 0.5);--z-base:1;--star-gold:#D4A060;--ss-accent:#3b614c;--text-h2:22px;--rose:#D4A89A;--ss-wait-accent:#6E8A7E;--space-4:16px;--color-divider:rgba(31, 31, 30, 0.12);--color-bg:#faf7f3;--color-surface-solid:#ffffff;--space-8:32px;--space-xl:32px;--ss-raised:#fffefb;--ss-toast-border:rgba(0, 0, 0, 0.08);--ss-shadow:0 12px 32px rgba(30,43,33,.16);--shadow-send-hover:0 4px 16px rgba(212, 168, 154, 0.35);--ss-muted:#62564a;--radius-modal:20px;--ss-history-bubble:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%2011.5a8.5%208.5%200%200%201-12.3%207.6L3%2021l1.9-5.7A8.5%208.5%200%201%201%2021%2011.5Z%22/%3E%3C/svg%3E");--card-email-bg:#F5FAF7;--ss-wait-cancel-fill:#5C5C5E;--color-info-light:rgba(3, 195, 236, 0.12);--ss-overlay:rgba(20,25,22,.35);--cal-event-bg:#EEF2FF;--slate-dark:#4E5370;--text-label:13px;--shadow-modal:0 8px 24px rgba(34, 48, 62, 0.2);--line-height-tight:1.2;--shadow-focus:0 0 0 3px rgba(212, 168, 154, 0.16);--shadow-elevated:0 20px 48px rgba(0, 0, 0, 0.18), 0 2px 8px rgba(0, 0, 0, 0.06);--font-size-md:15px;--lh-label:1.4;--space-2xl:48px;--button-height:44px;--card-calendar-bg:#F5F7FC;--ss-history-x:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m6%206%2012%2012M18%206%206%2018%22/%3E%3C/svg%3E");--font-size-base:15px;--color-selection-light:#f0f6ff;--shadow-sm:0 1px 3px rgba(34, 48, 62, 0.1);--ls-heading:-0.02em;--text-small:13px;--radius-pill:999px;--ss-nav-active:#dbe5d3;--chat-send-from:#4A7A68;--shadow-sidebar:0 2px 6px rgba(34, 48, 62, 0.08);--color-pin-star:#f5a623;--space-10:40px;--color-blue:#3b82f6;--ss-selected-strong:#5f7263;--color-primary-light:rgba(226, 70, 104, 0.12);--font-size-8xl:40px;--ss-toast-action-bg:rgba(110, 138, 126, 0.12);--color-danger:#b91c1c;--color-success-light:rgba(34, 197, 94, 0.12);--color-error-light:rgba(255, 62, 29, 0.12);--font-size-7xl:36px;--ss-on-selected-strong:#ffffff;--text-h3:18px;--sk-reading-fg:#203e56;--color-text-primary:#384551;--color-warning-light:rgba(255, 171, 0, 0.12);--font-heading:'Inter', system-ui, sans-serif;--transition-slow:0.3s ease;--sage-text:#3D6B57;--warm-text:#26241f;--ss-wait-cancel-strong-ink:#ffffff;--slate:#A8B0C4;--ss-ui-language-text:#26241f;--radius-input:12px;--font-size-6xl:32px;--font-size-sm:13px;--z-tooltip:110;--ss-wait-cancel-line:rgba(60, 60, 62, 0.22);--radius-checkbox:4px;--color-hover-strong:rgba(0, 0, 0, 0.08);--muted-light:#C8BEB2;--sidebar-collapsed:80px;--card-meta-neutral:rgba(92, 77, 67, 0.82);--ss-ui-language-hover:#e1e8dc;--ss-app-menu-flag:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJmbGFnLWljb25zLWRrIiB2aWV3Qm94PSIwIDAgNjQwIDQ4MCI+CiAgPHBhdGggZmlsbD0iI2M4MTAyZSIgZD0iTTAgMGg2NDAuMXY0ODBIMHoiLz4KICA8cGF0aCBmaWxsPSIjZmZmIiBkPSJNMjA1LjcgMGg2OC42djQ4MGgtNjguNnoiLz4KICA8cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAyMDUuN2g2NDAuMXY2OC42SDB6Ii8+Cjwvc3ZnPgo=");--color-warning:#ffab00;--color-text-inverted:#ffffff;--icon-active:#4A4044;--ss-ui-language-selected:#e5eee9;--z-skip:9000;--color-selection:#1a73e8;--ss-wait-cancel-strong-hover:#333333;--ss-reading-fg:#243d30;--shadow-btn-hover:0 4px 14px rgba(155, 96, 80, 0.18);--ss-toast-radius:100px;--color-success:#22c55e;--ss-control-border:#718272;--color-google-blue:#4285F4;--weight-heading:600;--font-weight-semibold:600;--ss-toast-ink:#384551;--lh-h3:1.4;--ss-toast-blur:blur(16px) saturate(1.6);--ss-wait-cancel-strong:#1d1d1f;--sk-reading-bg:#dcecf7;--space-lg:24px;--prompt-hover-ink:#3d725f;--ss-action-hover:#3b5546;--z-dropdown:200;--font-size-xl:20px;--space-xs:4px;--sage-bg:#F2F8F5;--space-2:8px;--color-text:#26241f;--ss-subtle:#686b61;--chat-send-hover-to:#3D6B57;--radius-full:50%;--chat-send-to:#4A7A68;--btn-padding:10px 20px;--shadow-nav:0 2px 8px rgba(92, 77, 67, 0.07);--color-primary:#e24668;--z-skip-link:9000;--ss-reading-bg:#e3eee4;--space-md:16px;--ss-toast-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.07), 0 12px 24px -4px rgba(0, 0, 0, 0.12);--color-text-muted:rgb(115, 113, 108);--font-weight-medium:500;--font-weight-normal:400;--ss-wait-track:rgba(110, 138, 126, 0.15);--color-success-text:#065f46;--ss-canvas:#faf7f3;--shadow-ai:0 2px 8px rgba(212, 168, 154, 0.35);--ss-on-nav-active:#34513c;--color-card:#ffffff;--radius-card:18px;--space-12:48px;--sage-light:#E0EDE6;--chat-send-hover-from:#3D6B57;--radius-xl:16px;--ss-wait-cancel-fill-hover:#6B6B6E;--hover-scale:scale(1.02);--shadow-hover:0 4px 12px 0 rgba(34, 48, 62, 0.16);--letter-spacing-body:0;--cal-event-text:#6366F1;--shadow-input-focus:0 0 0 2px rgba(212, 168, 154, 0.4), 0 2px 12px rgba(92, 77, 67, 0.08)}
[data-theme="dark"] #calm-prompt-modal{--space-16:64px;--header-height:0px;--ss-toast-bg:rgba(43, 42, 39, 0.78);--icon-inactive:#6B5E52;--text-body:14px;--shadow-quick-hover:0 2px 8px rgba(0, 0, 0, 0.2);--font-body:'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--ss-border:#46564a;--ss-on-selected:#dbf0e0;--ss-ui-language-gap:18px;--muted:#8A7E72;--ss-frame-shadow:0 8px 16px #00000014,0 4px 4px #0000000f,0 0 2px #0000001a;--color-text-secondary:#a3a19b;--ss-frame-mobile-shadow:0 8px 16px #00000014,0 4px 4px #0000000f;--color-text-tertiary:#94918b;--color-sidebar-hover:rgba(232, 96, 126, 0.10);--font-mono:Monaco, 'Courier New', monospace;--shadow-popup:0 4px 16px rgba(0, 0, 0, 0.4);--lh-body:1.5;--shadow-button-hover:0 4px 14px rgba(0, 0, 0, 0.3);--color-purple-light:rgba(167, 139, 250, 0.15);--ss-nav-active-shadow:none;--font-size-4xl:24px;--color-sidebar:#232220;--font-title:'Inter', system-ui, sans-serif;--shadow-dropdown:0 2px 8px rgba(0, 0, 0, 0.25);--shadow-card:0 1px 3px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.18);--card-bg:#252d28;--space-5:20px;--slate-light:rgba(168, 176, 196, 0.15);--color-google-blue-hover:#3367d6;--ss-hover:#354238;--color-accent:#079aa2;--divider:rgba(232, 221, 212, 0.08);--radius-sm:6px;--sidebar-bg:#1a1918;--z-modal:1001;--color-primary-hover:#e24668;--ss-wait-cancel-ink:#C8C8CC;--font-weight-bold:650;--ss-ui-language-on-selected:#dbf0e0;--space-3:12px;--font-size-flow-heading:38px;--ss-toast-bg-solid:rgba(43, 42, 39, 0.97);--ss-action:#506957;--letter-spacing-heading:-0.02em;--shadow-mobile-nav:0 -4px 20px rgba(0, 0, 0, 0.35);--space-1:4px;--ss-surface-alt:#26332b;--ss-toast-action-ink:#8FBCA4;--ss-shell:#171c19;--rose-dark:#E8B8A8;--ss-surface:#252d28;--ss-reading-word-bg:#b9d8bc;--color-purple:#a78bfa;--font-size-xs:12px;--color-sidebar-active:rgba(232, 96, 126, 0.14);--z-overlay:1000;--color-blue-light:rgba(96, 165, 250, 0.15);--radius-md:8px;--color-info:#03c3ec;--radius-lg:12px;--ss-focus:#9bd5ef;--ss-ui-language-border:#46564a;--radius-button:12px;--sage-dark:#7CB8A4;--lh-small:1.45;--ss-scroll-thumb-hover:#a6b3a7;--btn-height:44px;--text-secondary:#bdc8bd;--accent:#506957;--transition-base:0.2s ease;--ss-wait-skel-a:rgba(125, 168, 147, 0.10);--ss-text:#f0f3ed;--color-warning-text:#fbbf24;--sidebar-width:260px;--ss-toast-focus:#7DA893;--color-text-faint:#5c5a55;--rose-light:rgba(212, 168, 154, 0.15);--color-overlay-light:rgba(0, 0, 0, 0.5);--weight-label:500;--white:#232220;--ss-on-action:#ffffff;--cream:#252d28;--radius-btn:12px;--font-size-2xl:22px;--color-error-hover:#ef4444;--ss-history-clock:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2011a9%209%200%201%201%202.6%207.4M3%205v6h6M12%207v5l3%202%22/%3E%3C/svg%3E");--input-height:44px;--shadow-bubble:0 1px 3px rgba(0, 0, 0, 0.25);--ss-toast-action-bg-hover:rgba(125, 168, 147, 0.22);--pill-bg:#26332b;--ss-wait-skel-b:rgba(125, 168, 147, 0.24);--border-color:#46564a;--warm-text-light:#B8ACA3;--line-height-normal:1.5;--rose-bg:rgba(212, 168, 154, 0.08);--z-toast:2000;--font-size-5xl:28px;--lh-h2:1.35;--space-6:24px;--weight-body:400;--shadow-input:0 1px 3px rgba(0, 0, 0, 0.15);--card-padding-mobile:16px;--color-danger-hover:#dc2626;--sidebar-border:rgba(232, 221, 212, 0.08);--color-surface:rgba(43, 42, 39, 0.95);--shadow-panel:-4px 0 16px rgba(0, 0, 0, 0.3);--color-accent-hover:#067a80;--ss-wait-cancel-bg:rgba(232, 232, 236, 0.08);--online-green:#6BCB8A;--font-size-3xl:22px;--transition:200ms ease;--color-error:#f87171;--color-hover:rgba(255, 255, 255, 0.06);--color-primary-rgb:232, 96, 126;--text-primary:#f0f3ed;--font-size-lg:17px;--ss-scroll-thumb:#81978a;--color-border:rgba(255, 255, 255, 0.12);--lh-heading:1.3;--font-size-flow-heading-sm:31px;--ss-ui-language-flag:url("/assets/public-controls/language-flags-v1/dk.svg");--font-family:'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji';--transition-fast:0.15s ease;--lh-h1:1.3;--z-sidebar:100;--text-h1:32px;--button-padding:10px 20px;--shadow-ai-hover:0 4px 16px rgba(0, 0, 0, 0.5);--line-height-relaxed:1.6;--avatar-dark:#3A2E42;--slate-bg:rgba(168, 176, 196, 0.08);--ss-selected:#344d40;--card-padding:24px;--shadow-card-hover:0 2px 4px rgba(0, 0, 0, 0.16), 0 8px 24px rgba(0, 0, 0, 0.24);--ss-ui-language-surface:#252d28;--space-sm:8px;--card-todo-bg:#FDF7F3;--mn-bar-height:calc(60px + 0px);--sage:#A8C5B8;--color-overlay:rgba(0, 0, 0, 0.7);--z-base:1;--star-gold:#D4A060;--ss-accent:#abd3b7;--text-h2:22px;--rose:#D4A89A;--ss-wait-accent:#7DA893;--space-4:16px;--color-divider:rgba(255, 255, 255, 0.12);--color-bg:#1d231f;--color-surface-solid:#2b2a27;--space-8:32px;--space-xl:32px;--ss-raised:#2d3730;--ss-toast-border:rgba(255, 255, 255, 0.1);--ss-shadow:0 12px 32px rgba(0,0,0,.34);--shadow-send-hover:0 4px 16px rgba(212, 168, 154, 0.25);--ss-muted:#bdc8bd;--radius-modal:20px;--ss-history-bubble:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%2011.5a8.5%208.5%200%200%201-12.3%207.6L3%2021l1.9-5.7A8.5%208.5%200%201%201%2021%2011.5Z%22/%3E%3C/svg%3E");--card-email-bg:#F5FAF7;--ss-wait-cancel-fill:#5C5C5E;--color-info-light:rgba(3, 195, 236, 0.12);--ss-overlay:rgba(0,0,0,.58);--cal-event-bg:rgba(99, 102, 241, 0.12);--slate-dark:#8E96B0;--text-label:13px;--shadow-modal:0 8px 24px rgba(34, 48, 62, 0.2);--line-height-tight:1.2;--shadow-focus:0 0 0 3px rgba(212, 168, 154, 0.2);--shadow-elevated:0 20px 48px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.2);--font-size-md:15px;--lh-label:1.4;--space-2xl:48px;--button-height:44px;--card-calendar-bg:#F5F7FC;--ss-history-x:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m6%206%2012%2012M18%206%206%2018%22/%3E%3C/svg%3E");--color-bg-rgb:30, 28, 26;--font-size-base:15px;--color-selection-light:rgba(26, 115, 232, 0.08);--shadow-sm:0 1px 3px rgba(34, 48, 62, 0.1);--ls-heading:-0.02em;--text-small:13px;--radius-pill:999px;--ss-nav-active:#344d40;--chat-send-from:#7CB8A4;--shadow-sidebar:0 0 20px rgba(0, 0, 0, 0.25);--color-pin-star:#fbbf24;--space-10:40px;--color-blue:#60a5fa;--ss-selected-strong:#5f7263;--color-primary-light:rgba(226, 70, 104, 0.16);--font-size-8xl:40px;--ss-toast-action-bg:rgba(125, 168, 147, 0.16);--color-danger:#ef4444;--color-success-light:rgba(74, 222, 128, 0.15);--color-error-light:rgba(248, 113, 113, 0.15);--font-size-7xl:36px;--ss-on-selected-strong:#ffffff;--text-h3:18px;--sk-reading-fg:#f1f6fc;--color-text-primary:#e8e6e1;--color-warning-light:rgba(251, 191, 36, 0.15);--font-heading:'Inter', system-ui, sans-serif;--transition-slow:0.3s ease;--sage-text:#A8C5B8;--warm-text:#f0f3ed;--ss-wait-cancel-strong-ink:#1d1d1f;--slate:#A8B0C4;--ss-ui-language-text:#f0f3ed;--radius-input:12px;--font-size-6xl:32px;--font-size-sm:13px;--z-tooltip:110;--ss-wait-cancel-line:rgba(232, 232, 236, 0.22);--radius-checkbox:4px;--color-hover-strong:rgba(255, 255, 255, 0.10);--muted-light:#6B5E52;--sidebar-collapsed:80px;--card-meta-neutral:rgba(200, 190, 178, 0.70);--ss-ui-language-hover:#354238;--ss-app-menu-flag:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJmbGFnLWljb25zLWRrIiB2aWV3Qm94PSIwIDAgNjQwIDQ4MCI+CiAgPHBhdGggZmlsbD0iI2M4MTAyZSIgZD0iTTAgMGg2NDAuMXY0ODBIMHoiLz4KICA8cGF0aCBmaWxsPSIjZmZmIiBkPSJNMjA1LjcgMGg2OC42djQ4MGgtNjguNnoiLz4KICA8cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAyMDUuN2g2NDAuMXY2OC42SDB6Ii8+Cjwvc3ZnPgo=");--color-warning:#fbbf24;--color-text-inverted:#ffffff;--icon-active:#D8CFC5;--ss-ui-language-selected:#344d40;--z-skip:9000;--color-selection:#4da3ff;--ss-wait-cancel-strong-hover:#ffffff;--ss-reading-fg:#243d30;--shadow-btn-hover:0 4px 14px rgba(0, 0, 0, 0.3);--ss-toast-radius:100px;--color-success:#34d399;--ss-control-border:#81978a;--color-google-blue:#4285F4;--weight-heading:600;--font-weight-semibold:600;--ss-toast-ink:#e8e6e1;--lh-h3:1.4;--ss-toast-blur:blur(16px) saturate(1.6);--ss-wait-cancel-strong:#e8e8ed;--sk-reading-bg:#344f69;--space-lg:24px;--prompt-hover-ink:#b1d3c2;--ss-action-hover:#3b5546;--z-dropdown:200;--font-size-xl:20px;--space-xs:4px;--app-dark-canvas:linear-gradient(180deg, #1E1C1A 0%, #2b2a27 55%, #1E1C1A 100%);--sage-bg:rgba(168, 197, 184, 0.08);--space-2:8px;--color-text:#f0f3ed;--ss-subtle:#a6b3a7;--chat-send-hover-to:#3D6B57;--radius-full:50%;--chat-send-to:#7CB8A4;--btn-padding:10px 20px;--shadow-nav:0 2px 8px rgba(0, 0, 0, 0.2);--color-primary:#e8607e;--z-skip-link:9000;--ss-reading-bg:#e3eee4;--space-md:16px;--ss-toast-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.2), 0 12px 24px -4px rgba(0, 0, 0, 0.3);--color-text-muted:#94918b;--font-weight-medium:500;--font-weight-normal:400;--ss-wait-track:rgba(125, 168, 147, 0.18);--color-success-text:#065f46;--ss-canvas:#1d231f;--shadow-ai:0 2px 8px rgba(0, 0, 0, 0.4);--ss-on-nav-active:#bdc8bd;--color-card:#2b2a27;--radius-card:18px;--space-12:48px;--sage-light:rgba(168, 197, 184, 0.15);--chat-send-hover-from:#3D6B57;--radius-xl:16px;--ss-wait-cancel-fill-hover:#6B6B6E;--hover-scale:scale(1.02);--shadow-hover:0 6px 20px rgba(0, 0, 0, 0.35);--letter-spacing-body:0;--cal-event-text:#818cf8;--shadow-input-focus:0 0 0 2px rgba(212, 168, 154, 0.3), 0 2px 12px rgba(0, 0, 0, 0.2)}
:where(#calm-prompt-modal,#calm-prompt-modal *:not(svg,svg *), .calm-prompt-confirm,.calm-prompt-confirm *:not(svg,svg *)){all:revert;box-sizing:border-box}

#calm-prompt-modal,.calm-prompt-confirm{font:15px Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:var(--color-text,#26241f)}
#calm-prompt-modal :is(button,input,textarea){font:inherit;color:inherit}
#calm-prompt-modal button,.calm-prompt-confirm button{cursor:pointer;min-height:0}
#calm-prompt-modal input,#calm-prompt-modal textarea{line-height:1.4}
#calm-prompt-modal .cvm-mic{color:var(--calm-accent,#6e8a7e)}
#calm-prompt-modal [hidden]{display:none!important}
@media (prefers-reduced-motion: reduce) {.chat-bubble, .chat-direct-mic-btn, .chat-direct-send-btn, .chat-direct-upload-btn, .chat-emoji-btn, .chat-header-action, .chat-input-action, .chat-main.active, .chat-message, .chat-msg-action-btn, .chat-refer-link, .chat-retry-btn, .chat-send-btn, .chat-suggestion-btn, .chat-upload-btn, .confirm-dialog, .confirm-overlay { animation: auto ease 0s 1 normal none running none !important; transition: none !important; }}
#chat-back-btn:focus-visible, .chat-clear-btn:focus-visible, .chat-msg-action-btn:focus-visible, .chat-suggestion-btn:focus-visible, .chat-template-card:focus-visible { outline: none; outline-offset: 2px; }
[data-theme="dark"] #chat-back-btn:focus-visible, [data-theme="dark"] .chat-clear-btn:focus-visible, [data-theme="dark"] .chat-direct-mic-btn:focus-visible, [data-theme="dark"] .chat-direct-send-btn:focus-visible, [data-theme="dark"] .chat-direct-upload-btn:focus-visible, [data-theme="dark"] .chat-msg-action-btn:focus-visible, [data-theme="dark"] .chat-refer-link:focus-visible, [data-theme="dark"] .chat-suggestion-btn:focus-visible, [data-theme="dark"] .chat-template-card:focus-visible { outline: none; }
.chat-prompt-area { align-items: center; display: flex; flex-direction: column; max-width: 768px; position: relative; width: 100%; }
.chat-prompt-chips { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; padding-top: 0px; width: 100%; }
.chat-prompt-chips.is-hidden { display: none; }
.chat-prompt-chip { align-items: center; background: var(--color-bg); border: 1px solid var(--color-border); border-radius: 8px; color: var(--color-text-primary); cursor: pointer; display: inline-flex; font-family: var(--font-family); font-size: var(--font-size-base); font-weight: var(--font-weight-normal); gap: 6px; height: 32px; line-height: 19.6px; padding: 0px 10px; transition: background 0.15s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1), color 0.15s cubic-bezier(0.4, 0, 0.2, 1); user-select: none; white-space: nowrap; }
.chat-prompt-chip:hover { background: var(--color-hover-strong); border-color: var(--color-hover-strong); color: var(--color-text-primary); }
.chat-prompt-chip:active { transform: scale(0.97); }
.chat-prompt-chip svg { color: var(--color-text-muted); flex-shrink: 0; height: 20px; margin-inline-start: -2px; width: 20px; }
.chat-prompt-chip:hover svg { color: var(--color-text-primary); }
.chat-prompt-add { border-style: dashed; color: var(--color-text-muted); gap: 4px; }
.chat-prompt-add:hover { border-style: solid; color: var(--color-text-primary); }
.chat-prompt-add svg { height: 18px; width: 18px; }
.chat-prompt-panel { animation: 0.18s cubic-bezier(0.4, 0, 0.2, 1) 0s 1 normal both running promptPanelIn; left: 14px; position: absolute; right: 14px; top: 16px; z-index: 10; }
.chat-prompt-panel.is-closing { animation: 0.12s cubic-bezier(0.4, 0, 0.2, 1) 0s 1 normal both running promptPanelOut; }
.chat-prompt-panel-inner { background: var(--color-card); border: 1px solid var(--color-border); border-radius: 16px; box-shadow: rgba(0, 0, 0, 0.04) 0px 0px 0px 1px, rgba(0, 0, 0, 0.04) 0px 2px 4px, rgba(0, 0, 0, 0.08) 0px 8px 24px, rgba(0, 0, 0, 0.06) 0px 24px 48px; cursor: default; margin-bottom: 20px; overflow: hidden; padding: 8px; }
.chat-prompt-panel-header { align-items: center; cursor: pointer; display: flex; gap: 8px; min-height: 32px; padding: 0px 4px; }
.chat-prompt-panel-header svg { color: var(--color-text-muted); flex-shrink: 0; height: 16px; width: 16px; }
.chat-prompt-panel-title { border-radius: 4px; color: var(--color-text-primary); cursor: pointer; flex: 1 1 0%; font-size: var(--font-size-base); font-weight: var(--font-weight-semibold); margin: -2px -4px; min-width: 0px; overflow: hidden; padding: 2px 4px; text-overflow: ellipsis; transition: background 0.1s; white-space: nowrap; }
.chat-prompt-panel-inner.calm-prompt-form-mode .chat-prompt-panel-header, .chat-prompt-panel-inner.calm-prompt-form-mode .chat-prompt-panel-title:not(.is-editing), .chat-prompt-panel-inner.calm-prompt-new-category .chat-prompt-panel-header, .chat-prompt-panel-inner.calm-prompt-new-category .chat-prompt-panel-title:not(.is-editing) { cursor: default; }
.chat-prompt-panel-title[role="button"]:hover { background: var(--color-hover); }
.chat-prompt-panel-title[role="button"]:focus-visible { background: var(--color-hover); }
.chat-prompt-panel-title.is-editing { background: var(--color-hover); cursor: text; outline: rgba(92, 77, 67, 0.4) solid 2px; outline-offset: 0px; overflow: visible; white-space: pre-wrap; }
.chat-prompt-header-action { align-items: center; background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 6px; color: var(--color-text-secondary); cursor: pointer; display: flex; flex-shrink: 0; height: 28px; justify-content: center; transition: background 0.1s, color 0.1s; width: 28px; }
.chat-prompt-header-action:hover { background: var(--color-error-light); color: var(--color-danger); }
.chat-prompt-header-action svg { height: 16px; width: 16px; }
.chat-prompt-panel-close { align-items: center; background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 6px; color: var(--color-text-primary); cursor: pointer; display: flex; flex-shrink: 0; height: 32px; justify-content: center; margin-inline-start: auto; transition: background 0.1s; width: 32px; }
.chat-prompt-panel-close:hover { background: var(--color-hover); }
.chat-prompt-panel-close svg { color: inherit; height: 16px; width: 16px; }
.chat-prompt-list { list-style: none; margin: 0px; padding: 0px; }
.chat-prompt-item { align-items: center; border-bottom: 1px solid var(--color-border); border-radius: 8px; display: flex; position: relative; transition: background 0.1s, border-color 0.1s; }
.chat-prompt-item:last-child { border-bottom: 1px solid transparent; }
.chat-prompt-item:hover { background: var(--color-hover); border-color: transparent; }
.chat-prompt-item:has(+ .chat-prompt-item:hover) { border-color: transparent; }
.chat-prompt-suggestion-btn { align-items: center; background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 8px; color: var(--color-text-primary); cursor: pointer; display: flex; flex: 1 1 0%; font-family: var(--font-family); font-size: var(--font-size-base); font-weight: var(--font-weight-normal); height: 40px; justify-content: space-between; line-height: 20px; min-width: 0px; padding: 10px 8px; text-align: start; }
.chat-prompt-suggestion-btn span { flex: 1 1 0%; min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.chat-prompt-arrow { color: var(--color-text-secondary); flex-shrink: 0; height: 16px; margin-inline-start: 8px; opacity: 0; transition: opacity 0.1s; width: 16px; }
.chat-prompt-suggestion-btn:hover .chat-prompt-arrow { opacity: 1; }
.chat-prompt-item:hover .chat-prompt-arrow { opacity: 0; }
.chat-prompt-item-actions { display: flex; flex-shrink: 0; gap: 2px; margin-inline-end: 4px; opacity: 0; transition: opacity 0.1s; }
.chat-prompt-item:hover .chat-prompt-item-actions { opacity: 1; }
.chat-prompt-item-delete, .chat-prompt-item-edit { align-items: center; background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 6px; color: var(--color-text-secondary); cursor: pointer; display: flex; height: 28px; justify-content: center; transition: background 0.1s, color 0.1s; width: 28px; }
.chat-prompt-item-edit:hover { background: var(--color-hover); color: var(--color-text-primary); }
.chat-prompt-item-delete:hover { background: var(--color-error-light); color: var(--color-danger); }
.chat-prompt-item-delete svg, .chat-prompt-item-edit svg { height: 16px; width: 16px; }
.chat-prompt-delete-confirm { color: var(--color-text-secondary); flex: 1 1 0%; font-size: var(--font-size-sm); }
.chat-prompt-delete-no, .chat-prompt-delete-yes { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 6px; cursor: pointer; font-family: var(--font-family); font-size: var(--font-size-sm); padding: 4px 12px; transition: background 0.1s; }
.chat-prompt-delete-no { background: transparent; color: var(--color-text-secondary); }
.chat-prompt-delete-no:hover { background: var(--color-hover); }
.chat-prompt-delete-yes { background: var(--color-danger); color: rgb(255, 255, 255); }
.chat-prompt-delete-yes:hover { background: var(--color-danger-hover); }
.chat-prompt-add-row { border-top: 1px solid var(--color-border); margin-top: 2px; padding: 6px 4px 2px; }
.chat-prompt-add-prompt-btn { align-items: center; background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 8px; color: var(--color-text-secondary); cursor: pointer; display: inline-flex; font-family: var(--font-family); font-size: var(--font-size-base); font-weight: var(--font-weight-normal); gap: 6px; padding: 6px 10px; transition: background 0.1s, color 0.1s; }
.chat-prompt-add-prompt-btn:hover { background: var(--color-hover); color: var(--color-text-primary); }
.chat-prompt-add-prompt-btn svg { flex-shrink: 0; height: 18px; width: 18px; }
.chat-prompt-icon-picker { display: flex; flex-wrap: wrap; gap: 4px; padding: 4px 0px 8px; }
.chat-prompt-icon-btn { align-items: center; background: transparent; border: 1px solid transparent; border-radius: 8px; color: var(--color-text-muted); cursor: pointer; display: flex; height: 36px; justify-content: center; transition: 0.15s ease-out; width: 36px; }
.chat-prompt-icon-btn:hover { background: var(--color-hover); color: var(--color-text-primary); }
@media (hover: hover) {.chat-prompt-icon-btn:hover { transform: scale(1.05); }}
.chat-prompt-icon-btn.is-selected { background: rgba(92, 77, 67, 0.08); border-color: rgba(92, 77, 67, 0.3); color: var(--color-text-primary); }
.chat-prompt-icon-btn svg { height: 20px; width: 20px; }
.chat-prompt-form { border-top: 1px solid var(--color-border); margin-top: 4px; padding: 8px 4px 4px; }
.chat-prompt-panel-header + .chat-prompt-form { border-top: 0px; }
.chat-prompt-form-label { color: var(--color-text-muted); display: block; font-size: var(--font-size-sm); font-weight: var(--font-weight-medium); margin-bottom: 4px; margin-top: 8px; padding-inline-start: 2px; }
.chat-prompt-form-label:first-child { margin-top: 0px; }
.chat-prompt-form-input { background: transparent; border: 1px solid var(--color-border); border-radius: 12px; box-sizing: border-box; color: var(--color-text-primary); font-family: var(--font-family); font-size: var(--font-size-base); font-weight: var(--font-weight-normal); line-height: 1.4; outline: none; padding: 10px 12px; transition: border-color 0.15s ease-out, box-shadow 0.15s ease-out; width: 100%; }
.chat-prompt-form-input:focus { border-color: rgba(92, 77, 67, 0.4); box-shadow: none; outline: none; }
.chat-prompt-form-input::placeholder { color: var(--color-text-muted); }
.chat-prompt-form-textarea { min-height: 72px; resize: none; }
.chat-prompt-form-actions { display: flex; gap: 8px; justify-content: flex-end; padding-top: 8px; }
.chat-prompt-form-cancel, .chat-prompt-form-save { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 8px; cursor: pointer; font-family: var(--font-family); font-size: var(--font-size-base); font-weight: var(--font-weight-normal); padding: 6px 16px; transition: 0.15s ease-out; }
.chat-prompt-form-cancel { background: transparent; color: var(--color-text-secondary); }
.chat-prompt-form-cancel:hover { background: rgba(0, 0, 0, 0.04); color: var(--color-text-primary); }
.chat-prompt-form-save { background: var(--color-text-primary); color: var(--color-text-inverted); }
.chat-prompt-form-save:hover { background: rgb(51, 51, 51); }
.chat-prompt-form-save:active { transform: scale(0.97); }
.chat-prompt-empty { padding: 20px 8px 12px; text-align: center; }
.chat-prompt-empty p { color: var(--color-text-secondary); font-size: var(--font-size-base); line-height: 1.5; margin: 0px; }
.chat-prompt-empty p:first-child { color: var(--color-text-primary); font-weight: var(--font-weight-normal); }
[data-theme="dark"] .chat-prompt-chip { background: var(--color-hover); }
[data-theme="dark"] .chat-prompt-chip:hover { background: var(--color-hover-strong); }
[data-theme="dark"] .chat-prompt-panel-inner { box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 0px 1px, rgba(0, 0, 0, 0.3) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 8px 24px, rgba(0, 0, 0, 0.3) 0px 24px 48px !important; }
[data-theme="dark"] .chat-prompt-header-action:hover { background: var(--color-error-light); }
[data-theme="dark"] .chat-prompt-item:hover { border-color: transparent; }
[data-theme="dark"] .chat-prompt-item:has(+ .chat-prompt-item:hover) { border-color: transparent; }
[data-theme="dark"] .chat-prompt-item-delete:hover { background: var(--color-error-light); }
[data-theme="dark"] .chat-prompt-form-input { background: var(--color-hover) !important; }
[data-theme="dark"] .chat-prompt-form-input:focus { border-color: rgba(210, 168, 154, 0.4) !important; box-shadow: none !important; }
[data-theme="dark"] .chat-prompt-icon-btn.is-selected { background: rgba(255, 255, 255, 0.08) !important; border-color: rgba(255, 255, 255, 0.2) !important; }
[data-theme="dark"] .chat-prompt-form-cancel:hover { background: rgba(255, 255, 255, 0.06) !important; }
[data-theme="dark"] .chat-prompt-form-save { background: var(--rose-dark,#e8b8a8) !important; color: rgb(28, 27, 24) !important; }
[data-theme="dark"] .chat-prompt-form-save:hover { background: var(--rose,#d4a89a) !important; }
.chat-prompt-color-picker { display: flex; flex-wrap: wrap; gap: 6px; padding: 4px 0px 8px; }
.chat-prompt-color-btn { align-items: center; background: transparent; border: 2px solid transparent; border-radius: 50%; cursor: pointer; display: flex; height: 28px; justify-content: center; padding: 0px; position: relative; transition: 0.15s ease-out; width: 28px; }
.chat-prompt-color-btn:hover { border-color: var(--color-border); }
@media (hover: hover) {.chat-prompt-color-btn:hover { transform: scale(1.12); }}
.chat-prompt-color-btn.is-selected { border-color: var(--color-text-primary); }
.chat-prompt-color-btn.is-selected::after { background: rgb(255, 255, 255); content: ""; height: 10px; left: 50%; mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E") center center / contain no-repeat; pointer-events: none; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 10px; z-index: 1; }
.chat-prompt-color-dot { border-radius: 50%; display: block; height: 18px; width: 18px; }
.chat-prompt-color-none { background: transparent; border: 2px dashed var(--color-border); height: 14px; width: 14px; }
.chat-prompt-chip[data-color="gray"] { background: rgba(154, 142, 130, 0.14); border-color: rgba(154, 142, 130, 0.25); }
.chat-prompt-chip[data-color="gray"]:hover { background: rgba(154, 142, 130, 0.22); }
.chat-prompt-chip[data-color="gray"] svg { color: rgb(154, 142, 130); }
.chat-prompt-chip[data-color="red"] { background: rgba(166, 89, 75, 0.14); border-color: rgba(166, 89, 75, 0.25); }
.chat-prompt-chip[data-color="red"]:hover { background: rgba(166, 89, 75, 0.22); }
.chat-prompt-chip[data-color="red"] svg { color: rgb(166, 89, 75); }
.chat-prompt-chip[data-color="orange"] { background: rgba(201, 124, 79, 0.14); border-color: rgba(201, 124, 79, 0.25); }
.chat-prompt-chip[data-color="orange"]:hover { background: rgba(201, 124, 79, 0.22); }
.chat-prompt-chip[data-color="orange"] svg { color: rgb(201, 124, 79); }
.chat-prompt-chip[data-color="yellow"] { background: rgba(184, 146, 74, 0.14); border-color: rgba(184, 146, 74, 0.25); }
.chat-prompt-chip[data-color="yellow"]:hover { background: rgba(184, 146, 74, 0.22); }
.chat-prompt-chip[data-color="yellow"] svg { color: rgb(184, 146, 74); }
.chat-prompt-chip[data-color="green"] { background: rgba(110, 138, 126, 0.14); border-color: rgba(110, 138, 126, 0.25); }
.chat-prompt-chip[data-color="green"]:hover { background: rgba(110, 138, 126, 0.22); }
.chat-prompt-chip[data-color="green"] svg { color: rgb(110, 138, 126); }
.chat-prompt-chip[data-color="blue"] { background: rgba(92, 122, 138, 0.14); border-color: rgba(92, 122, 138, 0.25); }
.chat-prompt-chip[data-color="blue"]:hover { background: rgba(92, 122, 138, 0.22); }
.chat-prompt-chip[data-color="blue"] svg { color: rgb(92, 122, 138); }
.chat-prompt-chip[data-color="purple"] { background: rgba(138, 110, 138, 0.14); border-color: rgba(138, 110, 138, 0.25); }
.chat-prompt-chip[data-color="purple"]:hover { background: rgba(138, 110, 138, 0.22); }
.chat-prompt-chip[data-color="purple"] svg { color: rgb(138, 110, 138); }
.chat-prompt-chip[data-color="pink"] { background: rgba(176, 122, 138, 0.14); border-color: rgba(176, 122, 138, 0.25); }
.chat-prompt-chip[data-color="pink"]:hover { background: rgba(176, 122, 138, 0.22); }
.chat-prompt-chip[data-color="pink"] svg { color: rgb(176, 122, 138); }
.chat-prompt-chip[data-color="sage"] { background: rgba(74, 122, 104, 0.14); border-color: rgba(74, 122, 104, 0.25); }
.chat-prompt-chip[data-color="sage"]:hover { background: rgba(74, 122, 104, 0.22); }
.chat-prompt-chip[data-color="sage"] svg { color: rgb(74, 122, 104); }
.chat-prompt-chip[data-color="moss"] { background: rgba(143, 165, 147, 0.14); border-color: rgba(143, 165, 147, 0.25); }
.chat-prompt-chip[data-color="moss"]:hover { background: rgba(143, 165, 147, 0.22); }
.chat-prompt-chip[data-color="moss"] svg { color: rgb(143, 165, 147); }
.chat-prompt-chip[data-color="clay"] { background: rgba(140, 90, 71, 0.14); border-color: rgba(140, 90, 71, 0.25); }
.chat-prompt-chip[data-color="clay"]:hover { background: rgba(140, 90, 71, 0.22); }
.chat-prompt-chip[data-color="clay"] svg { color: rgb(140, 90, 71); }
.chat-prompt-chip[data-color="sand"] { background: rgba(201, 182, 138, 0.14); border-color: rgba(201, 182, 138, 0.25); }
.chat-prompt-chip[data-color="sand"]:hover { background: rgba(201, 182, 138, 0.22); }
.chat-prompt-chip[data-color="sand"] svg { color: rgb(201, 182, 138); }
.chat-prompt-chip[data-color="anchor"] { background: rgba(58, 47, 38, 0.14); border-color: rgba(58, 47, 38, 0.25); }
.chat-prompt-chip[data-color="anchor"]:hover { background: rgba(58, 47, 38, 0.22); }
.chat-prompt-chip[data-color="anchor"] svg { color: rgb(58, 47, 38); }
.chat-prompt-chip[data-color="plum"] { background: rgba(110, 74, 92, 0.14); border-color: rgba(110, 74, 92, 0.25); }
.chat-prompt-chip[data-color="plum"]:hover { background: rgba(110, 74, 92, 0.22); }
.chat-prompt-chip[data-color="plum"] svg { color: rgb(110, 74, 92); }
[data-theme="dark"] .chat-prompt-color-btn:hover { border-color: rgba(255, 255, 255, 0.2); }
[data-theme="dark"] .chat-prompt-color-btn.is-selected { border-color: rgba(255, 255, 255, 0.7); }
[data-theme="dark"] .chat-prompt-color-none { border-color: rgba(255, 255, 255, 0.25); }
[data-theme="dark"] .chat-prompt-chip[data-color="gray"] { background: rgba(154, 142, 130, 0.12); border-color: rgba(154, 142, 130, 0.25); }
[data-theme="dark"] .chat-prompt-chip[data-color="gray"]:hover { background: rgba(154, 142, 130, 0.2); }
[data-theme="dark"] .chat-prompt-chip[data-color="gray"] svg { color: rgb(184, 173, 163); }
[data-theme="dark"] .chat-prompt-chip[data-color="red"] { background: rgba(166, 89, 75, 0.12); border-color: rgba(166, 89, 75, 0.25); }
[data-theme="dark"] .chat-prompt-chip[data-color="red"]:hover { background: rgba(166, 89, 75, 0.2); }
[data-theme="dark"] .chat-prompt-chip[data-color="red"] svg { color: rgb(200, 122, 110); }
[data-theme="dark"] .chat-prompt-chip[data-color="orange"] { background: rgba(201, 124, 79, 0.12); border-color: rgba(201, 124, 79, 0.25); }
[data-theme="dark"] .chat-prompt-chip[data-color="orange"]:hover { background: rgba(201, 124, 79, 0.2); }
[data-theme="dark"] .chat-prompt-chip[data-color="orange"] svg { color: rgb(217, 153, 110); }
[data-theme="dark"] .chat-prompt-chip[data-color="yellow"] { background: rgba(184, 146, 74, 0.12); border-color: rgba(184, 146, 74, 0.25); }
[data-theme="dark"] .chat-prompt-chip[data-color="yellow"]:hover { background: rgba(184, 146, 74, 0.2); }
[data-theme="dark"] .chat-prompt-chip[data-color="yellow"] svg { color: rgb(208, 170, 106); }
[data-theme="dark"] .chat-prompt-chip[data-color="green"] { background: rgba(110, 138, 126, 0.12); border-color: rgba(110, 138, 126, 0.25); }
[data-theme="dark"] .chat-prompt-chip[data-color="green"]:hover { background: rgba(110, 138, 126, 0.2); }
[data-theme="dark"] .chat-prompt-chip[data-color="green"] svg { color: rgb(138, 175, 161); }
[data-theme="dark"] .chat-prompt-chip[data-color="blue"] { background: rgba(92, 122, 138, 0.12); border-color: rgba(92, 122, 138, 0.25); }
[data-theme="dark"] .chat-prompt-chip[data-color="blue"]:hover { background: rgba(92, 122, 138, 0.2); }
[data-theme="dark"] .chat-prompt-chip[data-color="blue"] svg { color: rgb(126, 156, 172); }
[data-theme="dark"] .chat-prompt-chip[data-color="purple"] { background: rgba(138, 110, 138, 0.12); border-color: rgba(138, 110, 138, 0.25); }
[data-theme="dark"] .chat-prompt-chip[data-color="purple"]:hover { background: rgba(138, 110, 138, 0.2); }
[data-theme="dark"] .chat-prompt-chip[data-color="purple"] svg { color: rgb(168, 143, 168); }
[data-theme="dark"] .chat-prompt-chip[data-color="pink"] { background: rgba(176, 122, 138, 0.12); border-color: rgba(176, 122, 138, 0.25); }
[data-theme="dark"] .chat-prompt-chip[data-color="pink"]:hover { background: rgba(176, 122, 138, 0.2); }
[data-theme="dark"] .chat-prompt-chip[data-color="pink"] svg { color: rgb(200, 154, 172); }
[data-theme="dark"] .chat-prompt-chip[data-color="sage"] { background: rgba(74, 122, 104, 0.12); border-color: rgba(74, 122, 104, 0.25); }
[data-theme="dark"] .chat-prompt-chip[data-color="sage"]:hover { background: rgba(74, 122, 104, 0.2); }
[data-theme="dark"] .chat-prompt-chip[data-color="sage"] svg { color: rgb(110, 156, 136); }
[data-theme="dark"] .chat-prompt-chip[data-color="moss"] { background: rgba(143, 165, 147, 0.12); border-color: rgba(143, 165, 147, 0.25); }
[data-theme="dark"] .chat-prompt-chip[data-color="moss"]:hover { background: rgba(143, 165, 147, 0.2); }
[data-theme="dark"] .chat-prompt-chip[data-color="moss"] svg { color: rgb(168, 190, 168); }
[data-theme="dark"] .chat-prompt-chip[data-color="clay"] { background: rgba(140, 90, 71, 0.12); border-color: rgba(140, 90, 71, 0.25); }
[data-theme="dark"] .chat-prompt-chip[data-color="clay"]:hover { background: rgba(140, 90, 71, 0.2); }
[data-theme="dark"] .chat-prompt-chip[data-color="clay"] svg { color: rgb(168, 122, 102); }
[data-theme="dark"] .chat-prompt-chip[data-color="sand"] { background: rgba(201, 182, 138, 0.12); border-color: rgba(201, 182, 138, 0.25); }
[data-theme="dark"] .chat-prompt-chip[data-color="sand"]:hover { background: rgba(201, 182, 138, 0.2); }
[data-theme="dark"] .chat-prompt-chip[data-color="sand"] svg { color: rgb(217, 206, 170); }
[data-theme="dark"] .chat-prompt-chip[data-color="anchor"] { background: rgba(58, 47, 38, 0.2); border-color: rgba(58, 47, 38, 0.35); }
[data-theme="dark"] .chat-prompt-chip[data-color="anchor"]:hover { background: rgba(58, 47, 38, 0.28); }
[data-theme="dark"] .chat-prompt-chip[data-color="anchor"] svg { color: rgb(122, 110, 98); }
[data-theme="dark"] .chat-prompt-chip[data-color="plum"] { background: rgba(110, 74, 92, 0.12); border-color: rgba(110, 74, 92, 0.25); }
[data-theme="dark"] .chat-prompt-chip[data-color="plum"]:hover { background: rgba(110, 74, 92, 0.2); }
[data-theme="dark"] .chat-prompt-chip[data-color="plum"] svg { color: rgb(144, 106, 126); }
[data-theme="dark"] .chat-prompt-panel-title[role="button"]:hover { background: rgba(255, 255, 255, 0.08); }
[data-theme="dark"] .chat-prompt-panel-title.is-editing { background: rgba(255, 255, 255, 0.06); outline-color: rgba(210, 168, 154, 0.4); }
.chat-prompt-panel-inner[data-color="gray"] { background: rgba(154, 142, 130, 0.08); border-color: rgba(154, 142, 130, 0.3); }
.chat-prompt-panel-inner[data-color="red"] { background: rgba(166, 89, 75, 0.08); border-color: rgba(166, 89, 75, 0.3); }
.chat-prompt-panel-inner[data-color="orange"] { background: rgba(201, 124, 79, 0.08); border-color: rgba(201, 124, 79, 0.3); }
.chat-prompt-panel-inner[data-color="yellow"] { background: rgba(184, 146, 74, 0.08); border-color: rgba(184, 146, 74, 0.3); }
.chat-prompt-panel-inner[data-color="green"] { background: rgba(110, 138, 126, 0.08); border-color: rgba(110, 138, 126, 0.3); }
.chat-prompt-panel-inner[data-color="blue"] { background: rgba(92, 122, 138, 0.08); border-color: rgba(92, 122, 138, 0.3); }
.chat-prompt-panel-inner[data-color="purple"] { background: rgba(138, 110, 138, 0.08); border-color: rgba(138, 110, 138, 0.3); }
.chat-prompt-panel-inner[data-color="pink"] { background: rgba(176, 122, 138, 0.08); border-color: rgba(176, 122, 138, 0.3); }
.chat-prompt-panel-inner[data-color="sage"] { background: rgba(74, 122, 104, 0.08); border-color: rgba(74, 122, 104, 0.3); }
.chat-prompt-panel-inner[data-color="moss"] { background: rgba(143, 165, 147, 0.08); border-color: rgba(143, 165, 147, 0.3); }
.chat-prompt-panel-inner[data-color="clay"] { background: rgba(140, 90, 71, 0.08); border-color: rgba(140, 90, 71, 0.3); }
.chat-prompt-panel-inner[data-color="sand"] { background: rgba(201, 182, 138, 0.08); border-color: rgba(201, 182, 138, 0.3); }
.chat-prompt-panel-inner[data-color="anchor"] { background: rgba(58, 47, 38, 0.08); border-color: rgba(58, 47, 38, 0.3); }
.chat-prompt-panel-inner[data-color="plum"] { background: rgba(110, 74, 92, 0.08); border-color: rgba(110, 74, 92, 0.3); }
[data-theme="dark"] .chat-prompt-panel-inner[data-color="gray"] { background: rgba(154, 142, 130, 0.12); border-color: rgba(154, 142, 130, 0.3); }
[data-theme="dark"] .chat-prompt-panel-inner[data-color="red"] { background: rgba(166, 89, 75, 0.12); border-color: rgba(166, 89, 75, 0.3); }
[data-theme="dark"] .chat-prompt-panel-inner[data-color="orange"] { background: rgba(201, 124, 79, 0.12); border-color: rgba(201, 124, 79, 0.3); }
[data-theme="dark"] .chat-prompt-panel-inner[data-color="yellow"] { background: rgba(184, 146, 74, 0.12); border-color: rgba(184, 146, 74, 0.3); }
[data-theme="dark"] .chat-prompt-panel-inner[data-color="green"] { background: rgba(110, 138, 126, 0.12); border-color: rgba(110, 138, 126, 0.3); }
[data-theme="dark"] .chat-prompt-panel-inner[data-color="blue"] { background: rgba(92, 122, 138, 0.12); border-color: rgba(92, 122, 138, 0.3); }
[data-theme="dark"] .chat-prompt-panel-inner[data-color="purple"] { background: rgba(138, 110, 138, 0.12); border-color: rgba(138, 110, 138, 0.3); }
[data-theme="dark"] .chat-prompt-panel-inner[data-color="pink"] { background: rgba(176, 122, 138, 0.12); border-color: rgba(176, 122, 138, 0.3); }
[data-theme="dark"] .chat-prompt-panel-inner[data-color="sage"] { background: rgba(74, 122, 104, 0.12); border-color: rgba(74, 122, 104, 0.3); }
[data-theme="dark"] .chat-prompt-panel-inner[data-color="moss"] { background: rgba(143, 165, 147, 0.12); border-color: rgba(143, 165, 147, 0.3); }
[data-theme="dark"] .chat-prompt-panel-inner[data-color="clay"] { background: rgba(140, 90, 71, 0.12); border-color: rgba(140, 90, 71, 0.3); }
[data-theme="dark"] .chat-prompt-panel-inner[data-color="sand"] { background: rgba(201, 182, 138, 0.12); border-color: rgba(201, 182, 138, 0.3); }
[data-theme="dark"] .chat-prompt-panel-inner[data-color="anchor"] { background: rgba(58, 47, 38, 0.12); border-color: rgba(58, 47, 38, 0.3); }
[data-theme="dark"] .chat-prompt-panel-inner[data-color="plum"] { background: rgba(110, 74, 92, 0.12); border-color: rgba(110, 74, 92, 0.3); }
@media (max-width: 767px) {.chat-prompt-chips { gap: 6px; padding-top: 12px; }
.chat-prompt-chip { font-size: var(--font-size-sm); gap: 4px; height: 28px; padding: 0px 8px; }
.chat-prompt-chip svg { height: 16px; width: 16px; }
.chat-prompt-panel { border-radius: var(--radius-card,18px); background: transparent !important; bottom: var(--mn-bar-height,60px) !important; box-shadow: none !important; height: auto !important; left: 12px !important; position: fixed !important; right: 12px !important; top: auto !important; transform: none !important; width: auto !important; z-index: 9990 !important; }
.chat-prompt-panel::before { background: rgba(0, 0, 0, 0.25); content: ""; inset: 0px; position: fixed; z-index: -1; }
.chat-prompt-panel-inner { border-radius: var(--radius-card,18px); max-height: min(55dvh, 400px); overflow-y: auto; overscroll-behavior: contain; padding: 12px 14px calc(12px + env(safe-area-inset-bottom, 0px)); touch-action: pan-y; }
.chat-prompt-suggestion-btn { font-size: var(--font-size-sm); height: 36px; padding: 8px 6px; }
.chat-prompt-item { min-height: 36px; padding: 6px 4px; }
.chat-prompt-panel-header { min-height: 28px; padding: 0px 2px 4px; }
.chat-prompt-item-actions { opacity: 1; }
.chat-prompt-item-actions button { height: 32px; width: 32px; }
.chat-prompt-arrow { display: none; }
.chat-prompt-form-input { font-size: 16px; }}
.chat-prompt-suggested { --gold: 245,166,35; }
.chat-prompt-suggested svg, .chat-prompt-suggested:hover svg { color: rgb(184, 146, 74); }
.chat-prompt-chip.chat-prompt-suggested.is-new { background: rgba(var(--gold),.07); border-color: rgba(var(--gold),.38); overflow: hidden; position: relative; }
.chat-prompt-chip.chat-prompt-suggested.is-new::after { animation: 4s ease-in-out 0s infinite normal none running chipShimmer; background: linear-gradient(105deg, transparent, rgba(255, 255, 255, 0.85), transparent); bottom: 0px; content: ""; left: -60%; pointer-events: none; position: absolute; top: 0px; width: 40%; }
@media (prefers-reduced-motion: reduce) {.chat-prompt-chip.chat-prompt-suggested.is-new::after { animation: auto ease 0s 1 normal none running none; display: none; }}
.chat-suggestion-panel .chat-prompt-panel-header { cursor: default; }
.chat-suggestion-panel .chat-prompt-panel-header > svg { color: rgb(184, 146, 74); }
[data-theme="dark"] .chat-prompt-chip.chat-prompt-suggested.is-new { background: rgba(var(--gold),.12); border-color: rgba(var(--gold),.45); }
[data-theme="dark"] .chat-prompt-chip.chat-prompt-suggested.is-new::after { background: linear-gradient(105deg, transparent, rgba(255, 244, 220, 0.28), transparent); }
#chat-direct-mic-btn.ss-mic.ss-mic--connecting { pointer-events: auto; }
.chat-msg-actions { align-items: center; direction: ltr; display: inline-flex; gap: 4px; }
.chat-msg-action-btn { align-items: center; background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 6px; color: var(--color-text-secondary,#646e78); cursor: pointer; display: flex; height: 28px; justify-content: center; opacity: 0; position: relative; transition: 0.15s; width: 28px; }
.chat-message:hover .chat-msg-action-btn { opacity: 0.5; }
.chat-msg-action-btn svg { height: 16px; width: 16px; }
.chat-msg-action-btn::before { content: ""; inset: -8px; min-height: 44px; min-width: 44px; position: absolute; }
.chat-msg-action-btn:hover { background: rgba(0, 0, 0, 0.06); color: var(--color-text-primary,#2b333b); opacity: 1; }
[data-theme="dark"] .chat-msg-action-btn:hover { background: rgba(255, 255, 255, 0.08); color: var(--color-text-primary); }
.chat-msg-action-btn.done { color: var(--color-success); opacity: 1; }
.chat-msg-action-btn.active, .chat-msg-action-btn.tts-playing { color: var(--color-primary); opacity: 1; }
.chat-msg-action-btn.tts-playing { animation: 2s ease-in-out 0s infinite normal none running tts-pulse; }
.chat-msg-action-btn.tts-paused { color: var(--color-primary); opacity: 0.8; }
@media (prefers-reduced-motion: reduce) {.chat-msg-action-btn.tts-playing { animation: auto ease 0s 1 normal none running none !important; }}
.chat-bubble:not(.chat-tts-block-playing) > *, .chat-msg-action-btn.ss-tts-stop { opacity: 1; }
.chat-msg-action-btn.loading { color: var(--color-primary); opacity: 1; pointer-events: none; }
.chat-msg-action-btn.ss-play.ss-play--loading::after { content: none; }
.chat-msg-action-btn { min-height: 28px; min-width: 28px; }
@media (max-width: 767px) {.chat-msg-action-btn { opacity: 0.5; }}
.ss-mic { position: relative; cursor: pointer; transition: color 0.15s, opacity 0.15s; --ss-mic-sage-glow-soft: rgba(74, 122, 104, 0.4); --ss-mic-sage-glow-strong: rgba(74, 122, 104, 0.7); --ss-mic-sage-glow-done: rgba(74, 122, 104, 0.3); }
.ss-mic.ss-mic--connecting { pointer-events: none; }
.ss-mic.ss-mic--connecting svg { opacity: 0; }
.ss-mic.ss-mic--connecting::after { content: ""; position: absolute; width: 18px; height: 18px; top: 50%; left: 50%; margin: -9px 0px 0px -9px; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-color: var(--ss-wait-accent, #6E8A7E); border-radius: 50%; animation: 0.6s linear 0s infinite normal none running ss-spin; }
.ss-mic.ss-mic--listening { color: var(--sage-dark, #4A7A68); }
.ss-mic.ss-mic--listening svg { stroke: var(--sage-dark, #4A7A68); animation: 2s ease 0s infinite normal none running ss-pulse; }
.ss-mic.ss-mic--recording { color: var(--rose-dark, #9B6050); animation: 1.5s ease-in-out 0s infinite normal none running ss-rec-pulse; }
.ss-mic.ss-mic--error { color: var(--rose-dark, #9B6050); animation: 0.3s ease 0s 1 normal none running ss-shake; }
.ss-mic.ss-mic--processing { color: var(--sage-dark, #4A7A68); animation: 1.2s ease-in-out 0s infinite normal none running ss-rec-pulse; }
.ss-mic.ss-mic--done { color: var(--sage-dark, #4A7A68); transition: color 0.3s, opacity 0.6s; }
.ss-mic.ss-mic--done svg { filter: drop-shadow(0 0 4px var(--ss-mic-sage-glow-done, rgba(74, 122, 104, 0.3))); }
.ss-play { display: inline-flex; align-items: center; justify-content: center; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; transition: background 0.15s, transform 0.1s; }
.ss-play:hover:not(:disabled) { transform: scale(1.06); }
.ss-play:active:not(:disabled) { transform: scale(0.95); }
.ss-play:disabled { opacity: 0.35; cursor: not-allowed; }
.ss-play.ss-play--loading { position: relative; }
.ss-play.ss-play--loading::after { content: ""; position: absolute; width: 20px; height: 20px; border-width: 2.5px; border-style: solid; border-color: rgb(255, 255, 255) rgba(255, 255, 255, 0.3) rgba(255, 255, 255, 0.3); border-image: none; border-radius: 50%; animation: 0.7s linear 0s infinite normal none running ss-spin; }
.ss-play.ss-play--playing { background: var(--color-text-primary); }
.ss-play.ss-play--paused { }
[data-theme="dark"] .ss-mic.ss-mic--connecting::after { border-right-color: ; border-bottom-color: ; border-left-color: ; border-top-color: var(--ss-wait-accent, #7DA893); }
[data-theme="dark"] .ss-mic { --ss-mic-sage-glow-soft: rgba(124, 184, 164, 0.4); --ss-mic-sage-glow-strong: rgba(124, 184, 164, 0.7); --ss-mic-sage-glow-done: rgba(124, 184, 164, 0.3); }
[data-theme="dark"] .ss-play { background: rgba(255, 255, 255, 0.06); }
[data-theme="dark"] .ss-play:hover:not(:disabled) { background: rgba(255, 255, 255, 0.1); }
[data-theme="dark"] .ss-play.ss-play--playing { background: rgba(255, 255, 255, 0.15); }
[data-theme="dark"] .ss-play.ss-play--loading::after { border-color: rgb(255, 255, 255) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2); }
.ss-stt-toast { position: fixed; bottom: calc(var(--mn-bar-height, 0px) + env(safe-area-inset-bottom, 0px) + 16px); left: 50%; transform: translateX(-50%) translateY(20px); background: var(--bb-warm-text, #3E3428); color: rgb(255, 255, 255); font-family: Inter, system-ui, -apple-system, sans-serif; font-size: 14px; font-weight: 600; line-height: 1.4; padding: 10px 20px; border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.18) 0px 4px 16px; opacity: 0; pointer-events: none; transition: opacity 0.25s, transform 0.25s; z-index: 10500; max-width: calc(-32px + 100vw); text-align: center; }
.ss-stt-toast--visible { opacity: 1; transform: translateX(-50%) translateY(0px); pointer-events: auto; }
[data-theme="dark"] .ss-stt-toast { background: rgba(42, 38, 34, 0.95); border: 1px solid rgba(232, 221, 212, 0.1); color: rgb(232, 221, 212); }
@media (prefers-reduced-motion: reduce) {.ss-mic.ss-mic--connecting::after, .ss-mic.ss-mic--listening svg, .ss-mic.ss-mic--recording, .ss-play.ss-play--loading::after, .ss-play.ss-play--paused, .ss-spin-icon { animation: auto ease 0s 1 normal none running none; }
.ss-mic.ss-mic--connecting::after { border-color: rgba(110, 138, 126, 0.45); }
[data-theme="dark"] .ss-mic.ss-mic--connecting::after { border-color: rgba(125, 168, 147, 0.45); }
.ss-stt-toast { transition: none; }}
.ss-stt-ghost-host.chat-stt-ghosting { position: relative; }
.ss-stt-ghost-host .chat-stt-interim { display: none; }
.ss-stt-ghost-host .chat-stt-interim--visible { display: block; position: absolute; font-style: italic; color: var(--warm-text-light, #8A7E72); pointer-events: none; user-select: none; white-space: pre-wrap; word-break: break-word; overflow: hidden; z-index: 1; }
.ss-stt-ghost-host .chat-stt-interim-mirror { position: absolute; visibility: hidden; inset-inline-start: -9999px; top: 0px; white-space: pre-wrap; word-break: break-word; pointer-events: none; }
[data-theme="dark"] .ss-stt-ghost-host .chat-stt-interim--visible { color: rgb(232, 221, 212); opacity: 0.62; }
.ss-stt-ghost-host.chat-stt-ghosting:not(#_stt) textarea::placeholder, .ss-stt-ghost-host.chat-stt-ghosting:not(#_stt) input::placeholder { color: transparent !important; }
.ss-stt-ghost-host.chat-stt-ghosting:not(#_stt) .ql-editor.ql-blank::before { content: none !important; }
.ss-stt-ghost-host.chat-stt-ghosting:has(.chat-stt-interim--visible) textarea, .ss-stt-ghost-host.chat-stt-ghosting:has(.chat-stt-interim--visible) input[type="text"], .ss-stt-ghost-host.chat-stt-ghosting:has(.chat-stt-interim--visible) .chat-input-field, .ss-stt-ghost-host.chat-stt-ghosting:has(.chat-stt-interim--visible) .ql-editor { caret-color: transparent; }
.ss-stt-ghost-host .chat-stt-interim--visible::after { content: ""; display: inline-block; width: 1px; height: 1em; margin-inline-start: 1px; vertical-align: -0.15em; background: var(--warm-text-light, #8A7E72); animation: 1.06s steps(2, start) 0s infinite normal none running chat-stt-caret-blink; }
[data-theme="dark"] .ss-stt-ghost-host .chat-stt-interim--visible::after { background: rgb(232, 221, 212); }
.ss-stt-ghost-host.chat-stt-ghosting #chat-direct-input .ql-editor.chat-stt-grown, .ss-stt-ghost-host.chat-stt-ghosting textarea.chat-stt-grown { min-height: var(--stt-ghost-minh, 24px) !important; }
.ss-stt-ghost-host .chat-stt-interim--visible .w { color: transparent; background-image: linear-gradient(100deg,
    var(--warm-text-light, #8A7E72) 0%,
    var(--warm-text-light, #8A7E72) 38%,
    #D6CCC0 50%,
    var(--warm-text-light, #8A7E72) 62%,
    var(--warm-text-light, #8A7E72) 100%); background-size: 220% 100%; background-clip: text; filter: blur(2.75px); opacity: 0.8; animation: 2s linear 0s infinite normal none running chat-stt-shimmer; }
[data-theme="dark"] .ss-stt-ghost-host .chat-stt-interim--visible .w { background-image: linear-gradient(100deg, rgb(159, 145, 132) 0%, rgb(159, 145, 132) 38%, rgb(242, 234, 225) 50%, rgb(159, 145, 132) 62%, rgb(159, 145, 132) 100%); }
.ss-stt-ghost-host .chat-stt-interim--visible .w.newest { animation: 420ms ease-out 0s 1 normal none running chat-stt-word-settle, 2s linear 0s infinite normal none running chat-stt-shimmer; }
.ss-stt-ghost-host.chat-stt-ghosting .chat-stt-grown { min-height: var(--stt-ghost-minh, 24px) !important; }
.ss-stt-ghost-host .chat-stt-gapmirror { position: absolute; margin: 0px; padding: 0px; border: 0px; white-space: pre-wrap; word-break: break-word; overflow: hidden; pointer-events: none; z-index: 0; }
.ss-stt-ghost-host .chat-stt-gapspacer { display: inline-block; height: 0px; vertical-align: baseline; }
@media (prefers-reduced-motion: reduce) {.ss-stt-ghost-host .chat-stt-interim--visible::after, .ss-stt-ghost-host .chat-stt-interim--visible .w, .ss-stt-ghost-host .chat-stt-interim--visible .w.newest { animation: auto ease 0s 1 normal none running none !important; }}
.chat-ny-prompt-area, .chat-prompt-area { position: relative; z-index: 10; margin: 0px auto 36px; max-width: 960px !important; }
.quick-actions, .chat-prompt-chips { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; margin-inline: auto; max-width: 960px !important; }
.quick-actions:empty, .chat-prompt-chips:empty { display: none; }
.chat-ny-prompt-area .quick-action, .chat-ny-prompt-area .chat-prompt-chip, body:not(.chat-ny-in-conversation) .quick-action, body:not(.chat-ny-in-conversation) .chat-prompt-chip { min-height: 44px; padding: 11px 20px; border-radius: 20px; color: var(--warm-text); cursor: pointer; font-family: var(--font-family); font-size: var(--font-size-base); font-weight: var(--font-weight-medium); line-height: 1.4; box-shadow: rgba(92, 77, 67, 0.05) 0px 1px 4px, rgba(255, 255, 255, 0.5) 0px 1px 0px inset; transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s, background 0.2s; border: 1px solid rgba(228, 220, 212, 0.7) !important; background: rgba(255, 254, 251, 0.85) !important; backdrop-filter: blur(8px) !important; }
.quick-action:hover, .chat-prompt-chip:hover { transform: translateY(-2px); box-shadow: rgba(92, 77, 67, 0.08) 0px 4px 14px; border-color: rgba(110, 138, 126, 0.45); background: rgba(255, 254, 251, 0.95); }
.chat-prompt-chip svg { width: 18px; height: 18px; }
.chat-prompt-chip { background: rgba(255, 254, 251, 0.86) !important; border: 1px solid rgba(228, 220, 212, 0.72) !important; color: var(--warm-text) !important; }
.quick-action--rose, .chat-ny-prompt-area .quick-action--rose, body:not(.chat-ny-in-conversation) .quick-action--rose, .chat-prompt-chip[data-color="red"], .chat-prompt-chip[data-color="orange"], .chat-prompt-chip[data-color="pink"], .chat-ny-prompt-area .chat-prompt-chip[data-color="red"], .chat-ny-prompt-area .chat-prompt-chip[data-color="orange"], .chat-ny-prompt-area .chat-prompt-chip[data-color="pink"], body:not(.chat-ny-in-conversation) .chat-prompt-chip[data-color="red"], body:not(.chat-ny-in-conversation) .chat-prompt-chip[data-color="orange"], body:not(.chat-ny-in-conversation) .chat-prompt-chip[data-color="pink"] { background: rgba(251, 230, 224, 0.65) !important; border-color: rgba(212, 168, 154, 0.35) !important; }
.quick-action--sage, .chat-ny-prompt-area .quick-action--sage, body:not(.chat-ny-in-conversation) .quick-action--sage, .chat-prompt-chip[data-color="green"], .chat-prompt-chip[data-color="yellow"], .chat-ny-prompt-area .chat-prompt-chip[data-color="green"], .chat-ny-prompt-area .chat-prompt-chip[data-color="yellow"], body:not(.chat-ny-in-conversation) .chat-prompt-chip[data-color="green"], body:not(.chat-ny-in-conversation) .chat-prompt-chip[data-color="yellow"] { background: rgba(230, 245, 238, 0.55) !important; border-color: rgba(160, 200, 180, 0.35) !important; }
.quick-action--slate, .chat-ny-prompt-area .quick-action--slate, body:not(.chat-ny-in-conversation) .quick-action--slate, .chat-prompt-chip[data-color="gray"], .chat-prompt-chip[data-color="blue"], .chat-prompt-chip[data-color="purple"], .chat-ny-prompt-area .chat-prompt-chip[data-color="gray"], .chat-ny-prompt-area .chat-prompt-chip[data-color="blue"], .chat-ny-prompt-area .chat-prompt-chip[data-color="purple"], body:not(.chat-ny-in-conversation) .chat-prompt-chip[data-color="gray"], body:not(.chat-ny-in-conversation) .chat-prompt-chip[data-color="blue"], body:not(.chat-ny-in-conversation) .chat-prompt-chip[data-color="purple"] { background: rgba(224, 232, 248, 0.5) !important; border-color: rgba(168, 176, 196, 0.35) !important; }
.chat-prompt-chip:hover { background: rgba(255, 254, 251, 0.95) !important; border-color: rgba(110, 138, 126, 0.45) !important; }
.chat-prompt-chip[data-color="red"]:hover, .chat-prompt-chip[data-color="orange"]:hover, .chat-prompt-chip[data-color="pink"]:hover { background: rgba(251, 230, 224, 0.95) !important; border-color: rgba(212, 168, 154, 0.5) !important; }
.chat-prompt-chip[data-color="green"]:hover, .chat-prompt-chip[data-color="yellow"]:hover { background: rgba(230, 245, 238, 0.95) !important; border-color: rgba(160, 200, 180, 0.5) !important; }
.chat-prompt-chip[data-color="gray"]:hover, .chat-prompt-chip[data-color="blue"]:hover, .chat-prompt-chip[data-color="purple"]:hover { background: rgba(234, 238, 248, 0.95) !important; border-color: rgba(168, 176, 196, 0.5) !important; }
.chat-prompt-chip.chat-prompt-add, body:not(.chat-ny-in-conversation) .chat-prompt-chip.chat-prompt-add { background: transparent !important; border: 1.5px dashed rgba(110, 138, 126, 0.45) !important; color: rgb(88, 113, 100) !important; font-weight: var(--font-weight-semibold) !important; box-shadow: none !important; backdrop-filter: none !important; }
.chat-prompt-chip.chat-prompt-add svg { color: currentcolor !important; opacity: 0.9; }
.chat-prompt-chip.chat-prompt-add:hover, body:not(.chat-ny-in-conversation) .chat-prompt-chip.chat-prompt-add:hover { background: rgba(110, 138, 126, 0.08) !important; border-color: rgba(110, 138, 126, 0.7) !important; color: rgb(74, 122, 104) !important; }
.chat-prompt-panel { position: absolute; top: calc(100% + 12px); left: 20px; right: 20px; width: auto; transform: none; pointer-events: auto; z-index: 100 !important; }
@media (max-width: 768px) {.chat-prompt-panel { pointer-events: auto; position: fixed !important; top: auto !important; bottom: var(--mn-bar-height, 60px) !important; left: 0px !important; right: 0px !important; width: auto !important; height: auto !important; z-index: 9990 !important; background: transparent !important; box-shadow: none !important; transform: none !important; border-radius: 0px !important; }
.chat-prompt-panel::before { display: none !important; }
.chat-prompt-panel-inner, .chat-prompt-panel-inner[data-color] { max-height: min(60dvh, 440px); overflow: hidden auto; overscroll-behavior: contain; padding: 14px 16px calc(16px + env(safe-area-inset-bottom, 0px)); background: var(--color-card, #fff) !important; border-radius: 18px !important; margin: 0px 12px 8px !important; box-shadow: rgba(92, 77, 67, 0.14) 0px 2px 20px, rgba(228, 220, 212, 0.4) 0px 0px 0px 1px !important; }}
.chat-prompt-panel-inner, .chat-prompt-panel-inner[data-color] { border: 1px solid rgba(228, 220, 212, 0.6); border-radius: var(--radius-card, 18px); box-shadow: rgba(92, 77, 67, 0.12) 0px 24px 70px, rgba(92, 77, 67, 0.06) 0px 4px 14px, rgba(255, 255, 255, 0.6) 0px 1px 0px inset; padding: 16px; overflow: visible; margin-bottom: 20px; backdrop-filter: blur(20px) saturate(1.6); background: rgb(255, 254, 251) !important; }
.chat-prompt-panel-header { min-height: 42px; padding-bottom: 12px; border-bottom: 1px solid rgba(228, 220, 212, 0.5); }
.chat-prompt-icon-picker { display: grid; grid-template-columns: repeat(6, 38px); gap: 8px; align-items: center; margin-top: 10px; }
.chat-prompt-icon-btn, .chat-prompt-color-btn { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; }
.chat-prompt-icon-btn { width: 38px; height: 38px; border-radius: 12px; border: 1px solid rgba(92, 77, 67, 0.1); background: rgba(255, 254, 251, 0.86); }
.chat-prompt-icon-btn.is-selected { background: var(--rose-bg); border-color: rgba(212, 168, 154, 0.55); box-shadow: rgba(212, 168, 154, 0.16) 0px 0px 0px 3px; }
.chat-prompt-color-picker { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-top: 10px; }
.chat-prompt-color-btn { width: 26px; height: 26px; border-radius: 50%; border: 2px solid rgba(255, 254, 251, 0.95); box-shadow: rgba(92, 77, 67, 0.12) 0px 0px 0px 1px; }
.chat-prompt-color-btn.is-selected { box-shadow: rgba(212, 168, 154, 0.28) 0px 0px 0px 3px; }
.chat-prompt-form { margin-top: 14px; padding-top: 14px; border-top: 1px solid rgba(228, 220, 212, 0.4); }
.chat-prompt-panel-header + .chat-prompt-form { border-top: 0px !important; }
.chat-prompt-form-input, .chat-prompt-form textarea { width: 100%; border: 1px solid rgba(228, 220, 212, 0.6); border-radius: 12px; background: rgba(255, 254, 251, 0.96); color: var(--warm-text); padding: 11px 12px; }
.chat-prompt-form-actions { display: flex; justify-content: flex-end; gap: 10px; padding-top: 14px; }
.quick-action:active, .chat-prompt-chip:active { box-shadow: rgba(92, 77, 67, 0.06) 0px 1px 3px; transition-duration: 0.08s; transform: scale(0.97) !important; }
body:not(.chat-ny-in-conversation) .quick-action:focus-visible, body:not(.chat-ny-in-conversation) .chat-prompt-chip:focus-visible { outline: rgb(74, 122, 104) solid 2px !important; outline-offset: 2px !important; }
[data-theme="dark"] body:not(.chat-ny-in-conversation) .quick-action:focus-visible, [data-theme="dark"] body:not(.chat-ny-in-conversation) .chat-prompt-chip:focus-visible { outline-color: rgb(124, 184, 164) !important; }
.chat-prompt-panel-title { font-family: var(--font-family); font-size: var(--font-size-lg); font-weight: var(--font-weight-medium); color: var(--warm-text); }
.chat-prompt-panel-header svg { color: var(--warm-text-light); }
.chat-prompt-header-action { border-radius: 10px; transition: 0.15s; }
.chat-prompt-header-action:hover { background: rgba(212, 168, 154, 0.12); color: var(--warm-text); }
.chat-prompt-cat-delete:hover { background: rgba(184, 84, 80, 0.08); color: color-mix(in srgb, var(--rose-dark, #9B6050) 82%, var(--color-error, #ff3e1d) 18%); }
.chat-prompt-panel-close { border-radius: 10px; width: 34px; height: 34px; }
.chat-prompt-panel-close:hover { background: rgba(212, 168, 154, 0.1); color: var(--warm-text); }
.chat-prompt-panel { animation: 0.2s ease 0s 1 normal both running promptPanelIn; }
.chat-prompt-panel-inner[data-color="red"], .chat-prompt-panel-inner[data-color="orange"], .chat-prompt-panel-inner[data-color="pink"] { border-color: rgba(232, 212, 206, 0.6); background: rgb(251, 243, 240) !important; }
.chat-prompt-panel-inner[data-color="green"], .chat-prompt-panel-inner[data-color="yellow"] { border-color: rgba(200, 221, 210, 0.6); background: rgb(242, 248, 245) !important; }
.chat-prompt-panel-inner[data-color="gray"], .chat-prompt-panel-inner[data-color="blue"], .chat-prompt-panel-inner[data-color="purple"] { border-color: rgba(228, 220, 212, 0.6); background: rgb(248, 244, 240) !important; }
.chat-prompt-item { border-bottom: 1px solid rgba(228, 220, 212, 0.35); border-radius: 10px; transition: 0.15s; }
.chat-prompt-item:last-child { border-bottom-color: transparent; }
.chat-prompt-item:hover { background: rgba(212, 168, 154, 0.06); border-color: transparent; }
.chat-prompt-suggestion-btn { font-family: var(--font-family); font-size: var(--font-size-base); font-weight: var(--font-weight-normal); color: var(--warm-text); height: 42px; padding: 11px 10px; border-radius: 10px; }
.chat-prompt-arrow { color: var(--warm-text-light); }
.chat-prompt-item-edit, .chat-prompt-item-delete { border-radius: 8px; transition: 0.15s; }
.chat-prompt-item-edit:hover { background: rgba(212, 168, 154, 0.1); color: var(--warm-text); }
.chat-prompt-item-delete:hover { background: rgba(184, 84, 80, 0.08); color: color-mix(in srgb, var(--rose-dark, #9B6050) 82%, var(--color-error, #ff3e1d) 18%); }
.chat-prompt-delete-confirm { color: var(--warm-text-light); font-family: var(--font-family); }
.chat-prompt-delete-no { border-radius: 10px; color: var(--warm-text-light); }
.chat-prompt-delete-no:hover { background: rgba(212, 168, 154, 0.1); color: var(--warm-text); }
.chat-prompt-delete-yes { border-radius: 10px; background: color-mix(in srgb, var(--rose-dark, #9B6050) 82%, var(--color-error, #ff3e1d) 18%); }
.chat-prompt-delete-yes:hover { background: color-mix(in srgb, var(--rose-dark, #9B6050) 88%, var(--color-error, #ff3e1d) 12%); }
.chat-prompt-add-row { border-top: 1px solid rgba(228, 220, 212, 0.4); padding: 10px 6px 4px; margin-top: 4px; }
.chat-prompt-add-prompt-btn { font-family: var(--font-family); font-size: var(--font-size-base); font-weight: var(--font-weight-normal); color: var(--warm-text-light); border-radius: 10px; padding: 8px 12px; }
.chat-prompt-add-prompt-btn:hover { background: rgba(212, 168, 154, 0.08); color: var(--warm-text); }
.chat-prompt-add-prompt-btn svg { color: var(--rose); }
.chat-prompt-empty { padding: 24px 12px 16px; }
.chat-prompt-empty p:first-child { font-family: var(--font-family); font-size: var(--font-size-base); font-weight: var(--font-weight-medium); color: var(--warm-text); }
.chat-prompt-empty p { font-family: var(--font-family); color: var(--warm-text-light); font-size: var(--font-size-base); line-height: 1.4; }
.chat-prompt-form-label { font-family: var(--font-family); font-size: var(--font-size-base); font-weight: var(--font-weight-medium); color: var(--warm-text); letter-spacing: 0px; margin-bottom: 6px; margin-top: 12px; }
.chat-prompt-icon-picker { display: grid; grid-template-columns: repeat(6, 38px); gap: 8px; padding: 6px 0px 12px; }
.chat-prompt-icon-btn { width: 38px; height: 38px; border-radius: 12px; border: 1px solid rgba(228, 220, 212, 0.5); background: rgba(255, 254, 251, 0.7); color: var(--warm-text-light); transition: 0.15s; }
.chat-prompt-icon-btn:hover { background: rgba(255, 254, 251, 0.95); border-color: rgba(212, 168, 154, 0.4); color: var(--warm-text); transform: scale(1.02); box-shadow: rgba(92, 77, 67, 0.06) 0px 2px 8px; }
.chat-prompt-icon-btn.is-selected { background: var(--rose-bg); border-color: rgba(212, 168, 154, 0.55); box-shadow: rgba(212, 168, 154, 0.16) 0px 0px 0px 3px; color: var(--warm-text); }
.chat-prompt-color-picker { display: flex; flex-wrap: wrap; gap: 10px; padding: 6px 0px 12px; }
.chat-prompt-color-btn { width: 28px; height: 28px; border-radius: 50%; border: 2px solid rgba(255, 254, 251, 0.95); box-shadow: rgba(92, 77, 67, 0.1) 0px 0px 0px 1px; transition: 0.15s; }
.chat-prompt-color-btn:hover { transform: scale(1.12); box-shadow: rgba(92, 77, 67, 0.15) 0px 0px 0px 1px; }
.chat-prompt-color-btn.is-selected { box-shadow: rgba(255, 254, 251, 0.95) 0px 0px 0px 2px, rgba(212, 168, 154, 0.5) 0px 0px 0px 4px; transform: scale(1.08); }
.chat-prompt-color-none { border: 2px dashed rgba(184, 168, 152, 0.3); }
.chat-prompt-form-input, .chat-prompt-form textarea { width: 100%; border: 1px solid rgba(228, 220, 212, 0.6); border-radius: 14px; background: rgba(255, 254, 251, 0.7); backdrop-filter: blur(8px); color: var(--warm-text); font-family: var(--font-family); font-size: var(--font-size-base); padding: 12px 14px; transition: border-color 0.2s, box-shadow 0.2s; }
.chat-prompt-form-input:focus-visible, .chat-prompt-form textarea:focus-visible { box-shadow: none; outline: none; background: rgba(255, 254, 251, 0.95); }
.chat-prompt-form-input::placeholder, .chat-prompt-form textarea::placeholder { font-family: var(--font-family); color: var(--muted); }
.chat-prompt-form-actions { display: flex; justify-content: flex-end; gap: 10px; padding-top: 16px; }
.chat-prompt-form-cancel, .chat-prompt-form-save { font-family: var(--font-family); font-size: var(--font-size-base); font-weight: var(--font-weight-medium); border-radius: 12px; padding: 8px 20px; transition: 0.2s; }
.chat-prompt-form-cancel { background: transparent; color: var(--warm-text-light); border: 1px solid rgba(228, 220, 212, 0.6); }
.chat-prompt-form-cancel:hover { background: rgba(255, 254, 251, 0.9); border-color: rgba(212, 168, 154, 0.4); color: var(--warm-text); }
.chat-prompt-form-save { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgba(155, 96, 80, 0.3) 0px 4px 12px; background: var(--rose-dark, #9B6050) !important; color: var(--white, #FFFEFB) !important; filter: none !important; }
.chat-prompt-form-save:hover { transform: scale(1.02); box-shadow: rgba(155, 96, 80, 0.4) 0px 6px 18px; background: var(--rose-dark, #9B6050) !important; filter: none !important; }
[data-theme="dark"] .chat-prompt-form-save { background: var(--rose-dark, #E8B8A8) !important; color: rgb(28, 27, 24) !important; }
[data-theme="dark"] .chat-prompt-form-save:hover { background: var(--rose, #D4A89A) !important; }
.chat-prompt-form-save:active { transform: scale(0.97); box-shadow: rgba(155, 96, 80, 0.25) 0px 2px 6px; }
.chat-prompt-build-btn { display: inline-flex; align-items: center; gap: 6px; font-family: var(--font-family); font-size: var(--font-size-base); font-weight: var(--font-weight-medium); color: var(--white, #FFFEFB); background: var(--rose-dark, #9B6050); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 12px; padding: 8px 16px; cursor: pointer; min-height: 44px; transition: background 0.2s, transform 0.15s; }
.chat-prompt-build-btn svg { width: 18px; height: 18px; fill: currentcolor; }
.chat-prompt-build-btn:hover { background: var(--rose, #D4A89A); transform: scale(1.02); }
.chat-prompt-build-btn:focus-visible { outline: 2px solid var(--rose-dark, #9B6050); outline-offset: 2px; }
[data-theme="dark"] .chat-prompt-build-btn { background: var(--rose-dark, #E8B8A8); color: rgb(28, 27, 24); }
[data-theme="dark"] .chat-prompt-build-btn:hover { background: var(--rose, #D4A89A); }
.chat-prompt-manual-btn { min-height: 44px; font-size: var(--font-size-sm) !important; color: var(--warm-text-light) !important; background: transparent !important; border: 1px solid rgba(228, 220, 212, 0.5) !important; }
.chat-prompt-manual-btn:hover { background: rgba(255, 254, 251, 0.8) !important; border-color: rgba(212, 168, 154, 0.4) !important; }
[data-theme="dark"] .chat-prompt-manual-btn { color: var(--warm-text-light, #a09890) !important; border-color: rgba(255, 255, 255, 0.12) !important; }
[data-theme="dark"] .chat-prompt-manual-btn:hover { background: rgba(255, 255, 255, 0.06) !important; }
.chat-prompt-add-row { display: flex; flex-wrap: wrap; gap: 8px; padding: 12px 18px 16px; align-items: center; }
.chat-prompt-builder { padding: 4px 18px 16px; }
.chat-prompt-builder-progress { display: flex; gap: 6px; margin-bottom: 14px; }
.chat-prompt-builder-dot { width: 8px; height: 8px; border-radius: 50%; background: rgba(58, 47, 38, 0.12); transition: background 0.2s; }
.chat-prompt-builder-dot.is-done { background: var(--sage, #4A7A68); }
.chat-prompt-builder-dot.is-current { background: var(--rose-dark, #9B6050); box-shadow: rgba(155, 96, 80, 0.2) 0px 0px 0px 3px; }
[data-theme="dark"] .chat-prompt-builder-dot { background: rgba(255, 255, 255, 0.15); }
[data-theme="dark"] .chat-prompt-builder-dot.is-done { background: var(--sage, #8FA593); }
[data-theme="dark"] .chat-prompt-builder-dot.is-current { background: var(--rose-dark, #E8B8A8); box-shadow: rgba(232, 184, 168, 0.25) 0px 0px 0px 3px; }
.chat-prompt-builder-question { font-size: var(--font-size-base); font-weight: var(--font-weight-medium); color: var(--warm-text); margin: 0px 0px 12px; line-height: 1.4; }
.chat-prompt-builder-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.chat-prompt-builder-chip { display: inline-flex; align-items: center; font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-medium); color: var(--warm-text); background: rgba(255, 254, 251, 0.7); border: 1px solid rgba(228, 220, 212, 0.6); border-radius: 10px; padding: 8px 14px; cursor: pointer; min-height: 44px; transition: 0.15s; }
.chat-prompt-builder-chip:hover { background: rgba(255, 254, 251, 0.95); border-color: rgba(212, 168, 154, 0.5); transform: translateY(-1px); }
.chat-prompt-builder-chip:focus-visible { outline: 2px solid var(--rose-dark, #9B6050); outline-offset: 2px; }
.chat-prompt-builder-chip.is-selected { background: var(--rose-dark, #9B6050); color: var(--white, #FFFEFB); border-color: var(--rose-dark, #9B6050); }
[data-theme="dark"] .chat-prompt-builder-chip { background: rgba(255, 255, 255, 0.06); border-color: rgba(255, 255, 255, 0.12); color: var(--warm-text, #E8DDD4); }
[data-theme="dark"] .chat-prompt-builder-chip:hover { background: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.2); }
[data-theme="dark"] .chat-prompt-builder-chip.is-selected { background: var(--rose-dark, #E8B8A8); color: rgb(28, 27, 24); border-color: var(--rose-dark, #E8B8A8); }
.chat-prompt-builder-other-input, .chat-prompt-builder-textarea { display: block; width: 100%; margin-top: 10px; font-family: var(--font-family); font-size: var(--font-size-sm); color: var(--warm-text); background: rgba(255, 254, 251, 0.8); border: 1px solid rgba(228, 220, 212, 0.6); border-radius: 10px; padding: 10px 14px; box-sizing: border-box; resize: vertical; transition: border-color 0.2s; }
.chat-prompt-builder-other-row { display: flex; align-items: stretch; gap: 8px; margin-top: 10px; }
.chat-prompt-builder-other-row .chat-prompt-builder-other-input { margin-top: 0px; min-width: 0px; flex: 1 1 auto; }
.chat-prompt-builder-other-input.is-invalid { border-color: color-mix(in srgb, var(--rose-dark, #9B6050) 72%, var(--color-error, #ff3e1d) 28%); box-shadow: rgba(155, 96, 80, 0.14) 0px 0px 0px 3px; }
.chat-prompt-builder-other-input:focus, .chat-prompt-builder-textarea:focus { outline: none; border-color: var(--rose-dark, #9B6050); box-shadow: rgba(155, 96, 80, 0.12) 0px 0px 0px 3px; }
[data-theme="dark"] .chat-prompt-builder-other-input, [data-theme="dark"] .chat-prompt-builder-textarea { background: rgba(255, 255, 255, 0.06); border-color: rgba(255, 255, 255, 0.12); color: var(--warm-text, #E8DDD4); }
[data-theme="dark"] .chat-prompt-builder-other-input:focus, [data-theme="dark"] .chat-prompt-builder-textarea:focus { border-color: var(--rose-dark, #E8B8A8); box-shadow: rgba(232, 184, 168, 0.15) 0px 0px 0px 3px; }
.chat-prompt-builder-nav { display: flex; gap: 10px; margin-top: 14px; }
.chat-prompt-builder-back { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-medium); color: var(--warm-text-light); background: transparent; border: 1px solid rgba(228, 220, 212, 0.5); border-radius: 10px; padding: 6px 14px; cursor: pointer; min-height: 36px; transition: 0.15s; }
.chat-prompt-builder-back:hover { background: rgba(255, 254, 251, 0.8); border-color: rgba(212, 168, 154, 0.4); }
.chat-prompt-builder-back:focus-visible { outline: 2px solid var(--rose-dark, #9B6050); outline-offset: 2px; }
[data-theme="dark"] .chat-prompt-builder-back { color: var(--warm-text-light, #a09890); border-color: rgba(255, 255, 255, 0.12); }
[data-theme="dark"] .chat-prompt-builder-back:hover { background: rgba(255, 255, 255, 0.06); }
.chat-prompt-builder-next { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-medium); color: var(--white, #FFFEFB); background: var(--rose-dark, #9B6050); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 10px; padding: 6px 16px; cursor: pointer; min-height: 36px; margin-inline-start: auto; transition: background 0.2s; }
.chat-prompt-builder-other-next { flex: 0 0 auto; min-height: 44px; white-space: nowrap; }
.chat-prompt-builder-status { min-height: 20px; margin: 10px 0px 0px; font-family: var(--font-family); font-size: var(--font-size-sm); color: var(--warm-text-light); }
.chat-prompt-builder-save[disabled], .chat-prompt-builder-next[disabled] { cursor: not-allowed; opacity: 0.72; transform: none; }
.chat-prompt-builder-next:hover { background: var(--rose, #D4A89A); }
.chat-prompt-builder-next:focus-visible { outline: 2px solid var(--rose-dark, #9B6050); outline-offset: 2px; }
[data-theme="dark"] .chat-prompt-builder-next { background: var(--rose-dark, #E8B8A8); color: rgb(28, 27, 24); }
[data-theme="dark"] .chat-prompt-builder-status { color: var(--warm-text-light, #a09890); }
.chat-prompt-builder-preview { padding: 4px 18px 16px; }
.chat-prompt-builder-preview-cat { display: inline-flex; align-items: center; gap: 6px; font-size: var(--font-size-sm); font-weight: var(--font-weight-semibold); color: var(--warm-text); background: rgba(255, 254, 251, 0.6); border: 1px solid rgba(228, 220, 212, 0.4); border-radius: 8px; padding: 4px 10px; margin-bottom: 12px; }
.chat-prompt-builder-preview-cat svg { width: 14px; height: 14px; fill: currentcolor; }
[data-theme="dark"] .chat-prompt-builder-preview-cat { background: rgba(255, 255, 255, 0.06); border-color: rgba(255, 255, 255, 0.1); }
.chat-prompt-builder-preview-actions { flex-wrap: wrap; }
.chat-prompt-builder-adjust { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-medium); color: var(--warm-text-light); background: transparent; border: 1px solid rgba(228, 220, 212, 0.5); border-radius: 12px; padding: 8px 16px; cursor: pointer; min-height: 44px; transition: 0.15s; }
.chat-prompt-builder-adjust:hover { background: rgba(255, 254, 251, 0.8); border-color: rgba(212, 168, 154, 0.4); }
.chat-prompt-builder-adjust:focus-visible { outline: 2px solid var(--rose-dark, #9B6050); outline-offset: 2px; }
[data-theme="dark"] .chat-prompt-builder-adjust { color: var(--warm-text-light, #a09890); border-color: rgba(255, 255, 255, 0.12); }
[data-theme="dark"] .chat-prompt-builder-adjust:hover { background: rgba(255, 255, 255, 0.06); }
.chat-prompt-builder-save-current { font-family: var(--font-family); font-size: var(--font-size-sm); font-weight: var(--font-weight-medium); color: var(--warm-text-light); background: rgba(58, 47, 38, 0.06); border: 1px solid rgba(228, 220, 212, 0.5); border-radius: 12px; padding: 8px 16px; cursor: pointer; min-height: 44px; transition: 0.15s; }
.chat-prompt-builder-save-current:hover { background: rgba(58, 47, 38, 0.12); border-color: rgba(212, 168, 154, 0.4); }
.chat-prompt-builder-save-current:focus-visible { outline: 2px solid var(--rose-dark, #9B6050); outline-offset: 2px; }
[data-theme="dark"] .chat-prompt-builder-save-current { color: var(--warm-text-light, #a09890); background: rgba(255, 255, 255, 0.06); border-color: rgba(255, 255, 255, 0.12); }
[data-theme="dark"] .chat-prompt-builder-save-current:hover { background: rgba(255, 255, 255, 0.12); }
.chat-prompt-top-actions { padding: 8px 0px 4px; }
@media (prefers-reduced-motion: reduce) {.chat-prompt-builder-chip, .chat-prompt-build-btn, .chat-prompt-builder-dot { transition: none; }}
@media (max-width: 767px) {.chat-prompt-panel-inner, .chat-prompt-panel-inner[data-color] { padding: 12px 14px; }
.chat-prompt-icon-picker { grid-template-columns: repeat(4, 38px); gap: 10px; justify-content: center; }
.chat-prompt-form-input, .chat-prompt-form textarea { font-size: var(--font-size-base); padding: 12px 14px; border-radius: 12px; }
.chat-prompt-form-save, .chat-prompt-form-cancel { padding: 10px 22px; font-size: var(--font-size-base); }
.chat-prompt-builder { padding: 4px 14px 14px; }
.chat-prompt-builder-chips { gap: 6px; }
.chat-prompt-builder-chip { font-size: var(--font-size-sm); padding: 8px 12px; min-height: 44px; }
.chat-prompt-builder-other-row { flex-direction: column; }
.chat-prompt-builder-other-next { width: 100%; justify-content: center; }
.chat-prompt-builder-preview { padding: 4px 14px 14px; }
.chat-prompt-add-row { padding: 10px 14px 14px; }
.chat-prompt-build-btn { flex: 1 1 auto; justify-content: center; }
.chat-prompt-manual-btn { flex: 0 1 auto; }}
@media (max-width: 767px) {body.chat-ny-in-conversation .chat-prompt-panel { bottom: calc(12px + env(safe-area-inset-bottom, 0px)) !important; }}
body:has(#chat-app) :is(button#chat-send-btn, button#chat-direct-send, button#chat-mic-btn, button#chat-direct-mic-btn, label#chat-upload-btn, label#chat-direct-upload-btn, button.chat-plus-btn, button.ss-voice-trigger, button#ss-scroll-bottom-fab, button.chat-msg-action-btn, button#chat-back-btn, button.chat-bubble-show-more):focus-visible { outline: rgb(74, 122, 104) solid 2px !important; outline-offset: 2px !important; }
[data-theme="dark"] body:has(#chat-app) :is(button#chat-send-btn, button#chat-direct-send, button#chat-mic-btn, button#chat-direct-mic-btn, label#chat-upload-btn, label#chat-direct-upload-btn, button.chat-plus-btn, button.ss-voice-trigger, button#ss-scroll-bottom-fab, button.chat-msg-action-btn, button#chat-back-btn, button.chat-bubble-show-more):focus-visible { outline-color: rgb(124, 184, 164) !important; }
body.chat-ny-in-conversation .chat-message.received .chat-msg-actions, body.chat-ny-in-conversation .chat-message.assistant .chat-msg-actions, body.chat-ny-in-conversation .chat-message--assistant .chat-msg-actions { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; }
body.chat-ny-in-conversation .chat-message.received .chat-msg-action-btn, body.chat-ny-in-conversation .chat-message.assistant .chat-msg-action-btn, body.chat-ny-in-conversation .chat-message--assistant .chat-msg-action-btn { opacity: 1 !important; color: var(--warm-text, #5C4D43) !important; background: transparent !important; border: 1px solid transparent !important; border-radius: 8px !important; box-shadow: none !important; }
body.chat-ny-in-conversation .chat-message.received .chat-msg-action-btn:hover, body.chat-ny-in-conversation .chat-message.assistant .chat-msg-action-btn:hover, body.chat-ny-in-conversation .chat-message--assistant .chat-msg-action-btn:hover, body.chat-ny-in-conversation .chat-message.received .chat-msg-action-btn:focus-visible, body.chat-ny-in-conversation .chat-message.assistant .chat-msg-action-btn:focus-visible, body.chat-ny-in-conversation .chat-message--assistant .chat-msg-action-btn:focus-visible { background: rgba(212, 168, 154, 0.1) !important; border-color: transparent !important; box-shadow: none !important; }
body.chat-ny-in-conversation .chat-message.received .chat-msg-action-btn svg, body.chat-ny-in-conversation .chat-message.assistant .chat-msg-action-btn svg, body.chat-ny-in-conversation .chat-message--assistant .chat-msg-action-btn svg, body.chat-ny-in-conversation .chat-message.received .chat-msg-action-btn path, body.chat-ny-in-conversation .chat-message.assistant .chat-msg-action-btn path, body.chat-ny-in-conversation .chat-message--assistant .chat-msg-action-btn path, body.chat-ny-in-conversation .chat-message.received .chat-msg-action-btn rect, body.chat-ny-in-conversation .chat-message.assistant .chat-msg-action-btn rect, body.chat-ny-in-conversation .chat-message--assistant .chat-msg-action-btn rect, body.chat-ny-in-conversation .chat-message.received .chat-msg-action-btn polygon, body.chat-ny-in-conversation .chat-message.assistant .chat-msg-action-btn polygon, body.chat-ny-in-conversation .chat-message--assistant .chat-msg-action-btn polygon { opacity: 1 !important; stroke: currentcolor !important; }
body.chat-ny-in-conversation .chat-msg-action-btn.tts-playing { color: var(--warm-text, #5C4D43) !important; opacity: 1 !important; background: rgba(212, 168, 154, 0.15) !important; border-radius: 6px !important; }
body.chat-ny-in-conversation .chat-msg-action-btn.tts-paused { color: var(--warm-text, #5C4D43) !important; opacity: 0.8 !important; background: rgba(212, 168, 154, 0.1) !important; border-radius: 6px !important; }
.chat-ny-prompt-area, .chat-prompt-area { max-width: 960px !important; margin-bottom: 42px; }
.quick-actions, .chat-prompt-chips { max-width: 960px !important; gap: 14px !important; }
.chat-ny-prompt-area .quick-action, .chat-ny-prompt-area .chat-prompt-chip { min-height: 48px; border-radius: 24px; font-size: var(--font-size-base); box-shadow: rgba(92, 77, 67, 0.05) 0px 2px 5px, rgba(92, 77, 67, 0.04) 0px 8px 24px; padding: 12px 24px !important; }
@media (max-width: 767px) {.chat-ny-prompt-area, .chat-prompt-area, .quick-actions, .chat-prompt-chips { max-width: 100% !important; }
.chat-ny-prompt-area .quick-action, .chat-ny-prompt-area .chat-prompt-chip, body:not(.chat-ny-in-conversation) .quick-action, body:not(.chat-ny-in-conversation) .chat-prompt-chip { min-height: 44px; gap: 10px; font-size: var(--font-size-base); line-height: 1.4; padding: 10px 18px !important; }}
@media (max-width: 767px) {.voice-overlay-close, .voice-type-toggle, .voice-stop-btn, .chat-prompt-panel-close, .chat-prompt-item-edit, .chat-prompt-item-delete, .chat-prompt-icon-btn, .chat-prompt-color-btn { width: 48px !important; height: 48px !important; min-height: 48px !important; min-width: 48px !important; }}
.chat-ny-prompt-area, .chat-prompt-area { margin-bottom: 34px; }
.quick-action, .chat-prompt-chip { min-height: 42px; padding: 10px 22px; font-size: var(--font-size-base); }
body:not(.chat-ny-in-conversation) .chat-ny-prompt-area, body:not(.chat-ny-in-conversation) .chat-prompt-area { max-width: 960px; margin: 0px auto 40px; }
body:not(.chat-ny-in-conversation) .quick-actions, body:not(.chat-ny-in-conversation) .chat-prompt-chips { max-width: 960px !important; gap: 14px !important; }
body:not(.chat-ny-in-conversation) .quick-action, body:not(.chat-ny-in-conversation) .chat-prompt-chip { min-height: 44px; padding: 10px 22px; border-radius: 22px; font-size: var(--font-size-base); }
body:not(.chat-ny-in-conversation) .quick-action:active, body:not(.chat-ny-in-conversation) .chat-prompt-chip:active { transform: scale(0.97) !important; }
@media (prefers-reduced-motion: reduce) {body:not(.chat-ny-in-conversation) .input-card *, body:not(.chat-ny-in-conversation) .quick-action, body:not(.chat-ny-in-conversation) .chat-prompt-chip { animation: auto ease 0s 1 normal none running none !important; transition: none !important; scroll-behavior: auto !important; }}
body:not(.chat-ny-in-conversation) .quick-action, body:not(.chat-ny-in-conversation) .chat-prompt-chip { box-shadow: rgba(92, 77, 67, 0.05) 0px 1px 4px, rgba(255, 255, 255, 0.5) 0px 1px 0px inset !important; }
body:not(.chat-ny-in-conversation) .quick-action:hover, body:not(.chat-ny-in-conversation) .chat-prompt-chip:hover { box-shadow: rgba(92, 77, 67, 0.08) 0px 4px 14px, rgba(255, 255, 255, 0.55) 0px 1px 0px inset !important; }
body:not(.chat-ny-in-conversation) .chat-prompt-chip.chat-prompt-add:hover { background: rgba(110, 138, 126, 0.08) !important; border-color: rgba(110, 138, 126, 0.7) !important; color: rgb(74, 122, 104) !important; box-shadow: rgba(92, 77, 67, 0.08) 0px 4px 14px, rgba(255, 255, 255, 0.55) 0px 1px 0px inset !important; }
body:not(.chat-ny-in-conversation) .chat-prompt-panel .chat-prompt-list .chat-prompt-item:hover, body:not(.chat-ny-in-conversation) .chat-prompt-panel .chat-prompt-list .chat-prompt-item:focus-within, body:not(.chat-ny-in-conversation) .chat-prompt-item:hover { background: rgba(212, 168, 154, 0.06) !important; border-color: transparent !important; }
body:not(.chat-ny-in-conversation) .chat-prompt-form .chat-prompt-form-input, body:not(.chat-ny-in-conversation) .chat-prompt-form textarea { backdrop-filter: blur(8px); transition: border-color 0.2s, box-shadow 0.2s, background 0.2s; border: 1px solid rgba(228, 220, 212, 0.6) !important; border-radius: 14px !important; background: rgba(255, 254, 251, 0.7) !important; color: var(--warm-text) !important; font-family: var(--font-family) !important; font-size: var(--font-size-base) !important; padding: 12px 14px !important; }
body:not(.chat-ny-in-conversation) .chat-prompt-panel .chat-prompt-form .chat-prompt-form-input:focus-visible, body:not(.chat-ny-in-conversation) .chat-prompt-panel .chat-prompt-form textarea:focus-visible, body:not(.chat-ny-in-conversation) .chat-prompt-form .chat-prompt-form-input:focus-visible, body:not(.chat-ny-in-conversation) .chat-prompt-form textarea:focus-visible { border-color: rgba(212, 168, 154, 0.5) !important; box-shadow: none !important; outline: none !important; outline-offset: 2px !important; background: rgba(255, 254, 251, 0.9) !important; }
@media (max-width: 767px) {body:not(.chat-ny-in-conversation) .chat-prompt-form .chat-prompt-form-input, body:not(.chat-ny-in-conversation) .chat-prompt-form textarea { font-size: var(--font-size-base) !important; padding: 12px 14px !important; border-radius: 12px !important; }}
[data-theme="dark"] .input-card, [data-theme="dark"] body:not(.chat-ny-in-conversation) .input-card, [data-theme="dark"] .card, [data-theme="dark"] .chat-input-box, [data-theme="dark"] body.chat-ny-in-conversation .chat-input-box, [data-theme="dark"] .chat-prompt-panel-inner, [data-theme="dark"] .chat-prompt-form-input, [data-theme="dark"] .chat-prompt-form textarea, [data-theme="dark"] .chat-plus-menu, [data-theme="dark"] .chat-doc-picker, [data-theme="dark"] .quick-action, [data-theme="dark"] .chat-prompt-chip { backdrop-filter: none !important; }
[data-theme="dark"] .greeting h1, [data-theme="dark"] .card-title, [data-theme="dark"] .chat-prompt-panel-title { color: rgb(232, 221, 212) !important; }
[data-theme="dark"] .greeting p, [data-theme="dark"] .card-item-text, [data-theme="dark"] .card-item-meta, [data-theme="dark"] .card-empty, [data-theme="dark"] .chat-message-time, [data-theme="dark"] .chat-prompt-empty p { color: var(--color-text-secondary, #B8AFA6) !important; }
[data-theme="dark"] .card, [data-theme="dark"] .chat-message.received .chat-bubble, [data-theme="dark"] .chat-message.sent .chat-bubble, [data-theme="dark"] .chat-bubble-file-chip, [data-theme="dark"] .chat-code-block, [data-theme="dark"] .chat-prompt-item { background: rgb(42, 38, 34) !important; border-color: rgba(232, 224, 216, 0.08) !important; color: rgb(232, 221, 212) !important; }
[data-theme="dark"] .chat-ny-prompt-area .quick-action, [data-theme="dark"] .chat-ny-prompt-area .chat-prompt-chip, [data-theme="dark"] body:not(.chat-ny-in-conversation) .quick-action, [data-theme="dark"] body:not(.chat-ny-in-conversation) .chat-prompt-chip, [data-theme="dark"] .chat-prompt-chip, [data-theme="dark"] .quick-action { background: rgba(42, 38, 34, 0.85) !important; backdrop-filter: none !important; border-color: rgba(232, 224, 216, 0.12) !important; color: rgb(232, 221, 212) !important; box-shadow: rgba(20, 18, 15, 0.3) 0px 1px 4px, rgba(232, 224, 216, 0.07) 0px 1px 0px inset !important; }
[data-theme="dark"] .quick-action--rose, [data-theme="dark"] .chat-ny-prompt-area .quick-action--rose, [data-theme="dark"] body:not(.chat-ny-in-conversation) .quick-action--rose, [data-theme="dark"] .chat-prompt-chip[data-color="red"], [data-theme="dark"] .chat-prompt-chip[data-color="orange"], [data-theme="dark"] .chat-prompt-chip[data-color="pink"], [data-theme="dark"] .chat-ny-prompt-area .chat-prompt-chip[data-color="red"], [data-theme="dark"] .chat-ny-prompt-area .chat-prompt-chip[data-color="orange"], [data-theme="dark"] .chat-ny-prompt-area .chat-prompt-chip[data-color="pink"], [data-theme="dark"] body:not(.chat-ny-in-conversation) .chat-prompt-chip[data-color="red"], [data-theme="dark"] body:not(.chat-ny-in-conversation) .chat-prompt-chip[data-color="orange"], [data-theme="dark"] body:not(.chat-ny-in-conversation) .chat-prompt-chip[data-color="pink"] { background: rgba(212, 168, 154, 0.16) !important; border-color: rgba(212, 168, 154, 0.19) !important; }
[data-theme="dark"] .quick-action--sage, [data-theme="dark"] .chat-ny-prompt-area .quick-action--sage, [data-theme="dark"] body:not(.chat-ny-in-conversation) .quick-action--sage, [data-theme="dark"] .chat-prompt-chip[data-color="green"], [data-theme="dark"] .chat-prompt-chip[data-color="yellow"], [data-theme="dark"] .chat-ny-prompt-area .chat-prompt-chip[data-color="green"], [data-theme="dark"] .chat-ny-prompt-area .chat-prompt-chip[data-color="yellow"], [data-theme="dark"] body:not(.chat-ny-in-conversation) .chat-prompt-chip[data-color="green"], [data-theme="dark"] body:not(.chat-ny-in-conversation) .chat-prompt-chip[data-color="yellow"] { background: rgba(160, 200, 170, 0.14) !important; border-color: rgba(160, 200, 170, 0.16) !important; }
[data-theme="dark"] .quick-action--slate, [data-theme="dark"] .chat-ny-prompt-area .quick-action--slate, [data-theme="dark"] body:not(.chat-ny-in-conversation) .quick-action--slate, [data-theme="dark"] .chat-prompt-chip[data-color="gray"], [data-theme="dark"] .chat-prompt-chip[data-color="blue"], [data-theme="dark"] .chat-prompt-chip[data-color="purple"], [data-theme="dark"] .chat-ny-prompt-area .chat-prompt-chip[data-color="gray"], [data-theme="dark"] .chat-ny-prompt-area .chat-prompt-chip[data-color="blue"], [data-theme="dark"] .chat-ny-prompt-area .chat-prompt-chip[data-color="purple"], [data-theme="dark"] body:not(.chat-ny-in-conversation) .chat-prompt-chip[data-color="gray"], [data-theme="dark"] body:not(.chat-ny-in-conversation) .chat-prompt-chip[data-color="blue"], [data-theme="dark"] body:not(.chat-ny-in-conversation) .chat-prompt-chip[data-color="purple"] { background: rgba(168, 176, 196, 0.14) !important; border-color: rgba(168, 176, 196, 0.16) !important; }
[data-theme="dark"] .chat-prompt-panel-inner, [data-theme="dark"] .chat-prompt-panel-inner[data-color], [data-theme="dark"] .chat-prompt-panel-inner[data-color="red"], [data-theme="dark"] .chat-prompt-panel-inner[data-color="orange"], [data-theme="dark"] .chat-prompt-panel-inner[data-color="pink"], [data-theme="dark"] .chat-prompt-panel-inner[data-color="green"], [data-theme="dark"] .chat-prompt-panel-inner[data-color="yellow"], [data-theme="dark"] .chat-prompt-panel-inner[data-color="gray"], [data-theme="dark"] .chat-prompt-panel-inner[data-color="blue"], [data-theme="dark"] .chat-prompt-panel-inner[data-color="purple"] { position: relative; isolation: isolate; background: rgb(42, 38, 34) !important; border: 1px solid rgba(232, 224, 216, 0.1) !important; color: rgb(232, 221, 212) !important; box-shadow: rgba(20, 18, 15, 0.45) 0px 24px 70px, rgba(20, 18, 15, 0.3) 0px 4px 14px, rgba(232, 224, 216, 0.06) 0px 1px 0px inset !important; }
[data-theme="dark"] .chat-prompt-panel-inner::before { content: ""; position: absolute; inset: 0px; z-index: 0; border-radius: inherit; background: rgb(42, 38, 34); pointer-events: none; }
[data-theme="dark"] .chat-prompt-panel-inner > * { position: relative; z-index: 1; }
[data-theme="dark"] .chat-input-box, [data-theme="dark"] .chat-input-box--welcome, [data-theme="dark"] body.chat-ny-in-conversation .chat-input-box, [data-theme="dark"] .chat-prompt-form-input, [data-theme="dark"] .chat-prompt-form textarea, [data-theme="dark"] body:not(.chat-ny-in-conversation) .chat-prompt-form .chat-prompt-form-input, [data-theme="dark"] body:not(.chat-ny-in-conversation) .chat-prompt-form textarea { background: rgba(42, 38, 34, 0.6) !important; border-color: rgba(232, 224, 216, 0.1) !important; color: rgb(232, 221, 212) !important; }
[data-theme="dark"] .chat-input-field, [data-theme="dark"] .chat-input-field::placeholder, [data-theme="dark"] .chat-prompt-form-input::placeholder, [data-theme="dark"] .chat-prompt-form textarea::placeholder { color: rgb(232, 221, 212) !important; }
[data-theme="dark"] .chat-input-field::placeholder, [data-theme="dark"] .chat-prompt-form-input::placeholder, [data-theme="dark"] .chat-prompt-form textarea::placeholder { opacity: 0.62; }
[data-theme="dark"] .chat-prompt-panel-inner .chat-prompt-form-input, [data-theme="dark"] .chat-prompt-panel-inner .chat-prompt-form textarea { background: rgba(52, 47, 42, 0.9) !important; border-color: rgba(232, 224, 216, 0.12) !important; }
[data-theme="dark"] body:not(.chat-ny-in-conversation) .chat-prompt-panel .chat-prompt-panel-inner .chat-prompt-form .chat-prompt-form-input, [data-theme="dark"] body:not(.chat-ny-in-conversation) .chat-prompt-panel .chat-prompt-panel-inner .chat-prompt-form textarea { background: rgba(52, 47, 42, 0.9) !important; border-color: rgba(232, 224, 216, 0.12) !important; }
[data-theme="dark"] body:not(.chat-ny-in-conversation) .chat-prompt-panel .chat-prompt-panel-inner .chat-prompt-form .chat-prompt-form-input:focus-visible, [data-theme="dark"] body:not(.chat-ny-in-conversation) .chat-prompt-panel .chat-prompt-panel-inner .chat-prompt-form textarea:focus-visible { background: rgba(52, 47, 42, 0.9) !important; border-color: rgba(212, 168, 154, 0.3) !important; box-shadow: none !important; outline: none !important; }
[data-theme="dark"] .chat-prompt-icon-btn { background: rgba(52, 47, 42, 0.8) !important; border-color: rgba(232, 224, 216, 0.1) !important; color: rgb(232, 221, 212) !important; }
[data-theme="dark"] .chat-prompt-icon-btn.is-selected { background: rgba(212, 168, 154, 0.18) !important; border-color: rgba(212, 168, 154, 0.3) !important; box-shadow: rgba(212, 168, 154, 0.1) 0px 0px 0px 3px !important; }
[data-theme="dark"] .chat-prompt-color-btn { border-color: rgba(42, 38, 34, 0.8) !important; box-shadow: rgba(232, 224, 216, 0.15) 0px 0px 0px 1px !important; }
[data-theme="dark"] .chat-prompt-color-btn.is-selected { box-shadow: rgba(212, 168, 154, 0.22) 0px 0px 0px 3px !important; }
[data-theme="dark"] .chat-prompt-panel-header svg { color: rgba(232, 224, 216, 0.6) !important; }
[data-theme="dark"] .chat-prompt-panel-close { color: rgba(232, 224, 216, 0.5) !important; }
[data-theme="dark"] .chat-prompt-panel-header { border-bottom-color: rgba(232, 224, 216, 0.08) !important; }
[data-theme="dark"] .chat-prompt-form { border-top-color: rgba(232, 224, 216, 0.08) !important; }
[data-theme="dark"] .chat-input-action:hover, [data-theme="dark"] .chat-upload-btn:hover, [data-theme="dark"] .chat-plus-btn:hover, [data-theme="dark"] .chat-back-btn:hover, [data-theme="dark"] .chat-prompt-chip:hover, [data-theme="dark"] .chat-prompt-header-action:hover, [data-theme="dark"] .chat-prompt-panel-close:hover, [data-theme="dark"] .chat-prompt-item:hover, [data-theme="dark"] .chat-prompt-item:focus-within, [data-theme="dark"] .chat-prompt-icon-btn:hover, [data-theme="dark"] .chat-prompt-color-btn:hover, [data-theme="dark"] .chat-prompt-form-cancel:hover { background: rgba(168, 197, 184, 0.1) !important; }
[data-theme="dark"] .chat-prompt-header-action.chat-prompt-cat-delete:hover, [data-theme="dark"] .chat-prompt-cat-delete:hover { background: rgba(220, 38, 38, 0.12) !important; color: var(--color-error, #f87171) !important; }
[data-theme="dark"] .chat-prompt-chip[data-color="red"]:hover, [data-theme="dark"] .chat-prompt-chip[data-color="orange"]:hover, [data-theme="dark"] .chat-prompt-chip[data-color="pink"]:hover { background: rgba(212, 168, 154, 0.18) !important; border-color: rgba(212, 168, 154, 0.22) !important; }
[data-theme="dark"] .chat-prompt-chip[data-color="green"]:hover, [data-theme="dark"] .chat-prompt-chip[data-color="yellow"]:hover { background: rgba(160, 200, 170, 0.15) !important; border-color: rgba(160, 200, 170, 0.18) !important; }
[data-theme="dark"] .chat-prompt-chip[data-color="gray"]:hover, [data-theme="dark"] .chat-prompt-chip[data-color="blue"]:hover, [data-theme="dark"] .chat-prompt-chip[data-color="purple"]:hover { background: rgba(168, 176, 196, 0.15) !important; border-color: rgba(168, 176, 196, 0.18) !important; }
[data-theme="dark"] body.chat-ny-in-conversation .chat-message.received .chat-msg-action-btn, [data-theme="dark"] body.chat-ny-in-conversation .chat-message.assistant .chat-msg-action-btn, [data-theme="dark"] body.chat-ny-in-conversation .chat-message--assistant .chat-msg-action-btn { background: transparent !important; border-color: transparent !important; color: rgb(232, 221, 212) !important; box-shadow: none !important; backdrop-filter: none !important; }
[data-theme="dark"] body.chat-ny-in-conversation .chat-message.received .chat-msg-action-btn:hover, [data-theme="dark"] body.chat-ny-in-conversation .chat-message.assistant .chat-msg-action-btn:hover, [data-theme="dark"] body.chat-ny-in-conversation .chat-message--assistant .chat-msg-action-btn:hover, [data-theme="dark"] body.chat-ny-in-conversation .chat-message.received .chat-msg-action-btn:focus-visible, [data-theme="dark"] body.chat-ny-in-conversation .chat-message.assistant .chat-msg-action-btn:focus-visible, [data-theme="dark"] body.chat-ny-in-conversation .chat-message--assistant .chat-msg-action-btn:focus-visible { background: rgba(212, 168, 154, 0.1) !important; border-color: transparent !important; box-shadow: none !important; }
[data-theme="dark"] body.chat-ny-in-conversation .chat-msg-action-btn.tts-playing { color: var(--warm-text, #E8DDD4) !important; background: rgba(255, 255, 255, 0.1) !important; }
[data-theme="dark"] body.chat-ny-in-conversation .chat-msg-action-btn.tts-paused { color: var(--warm-text, #E8DDD4) !important; background: rgba(255, 255, 255, 0.06) !important; }
@media (max-width: 767px) {.chat-prompt-chip, .chat-prompt-suggestion-btn { min-height: 44px !important; padding: 12px 16px !important; font-size: var(--font-size-base) !important; }
.chat-prompt-panel .chat-prompt-item { min-height: 44px !important; padding: 12px 14px !important; }}
@media (max-width: 380px) {.chat-prompt-chip { min-height: 44px !important; padding: 10px 12px !important; font-size: var(--font-size-base) !important; }}
body:not(.chat-ny-in-conversation) .chat-prompt-chip { border-radius: 20px !important; }
body:has(#chat-app) :is(.card-title, .chat-prompt-panel-title, .confirm-title, #onb-backdrop .onb-screen h2) { font-size: var(--font-size-2xl) !important; font-weight: var(--font-weight-semibold) !important; line-height: 1.25 !important; letter-spacing: 0px !important; }
body:has(#chat-app) .chat-prompt-chip { font-size: var(--font-size-base) !important; font-weight: var(--font-weight-medium) !important; letter-spacing: 0px !important; }
@media (max-width: 767px) {html body:not(.chat-ny-in-conversation) .input-card[data-mobile-native-card="1"] .chat-input-action.ss-mic svg [fill]:not([fill="none"]), html body:not(.chat-ny-in-conversation) .input-card[data-mobile-native-card="1"] .ss-voice-trigger svg [fill]:not([fill="none"]), html body .input-card[data-mobile-native-card="1"] .chat-input-action.ss-mic svg [fill]:not([fill="none"]), html body .input-card[data-mobile-native-card="1"] .ss-voice-trigger svg [fill]:not([fill="none"]) { fill: rgb(107, 91, 78) !important; }
html[data-theme="dark"] body:not(.chat-ny-in-conversation) .input-card[data-mobile-native-card="1"] .chat-input-action.ss-mic svg [fill]:not([fill="none"]), html[data-theme="dark"] body:not(.chat-ny-in-conversation) .input-card[data-mobile-native-card="1"] .ss-voice-trigger svg [fill]:not([fill="none"]), html[data-theme="dark"] body .input-card[data-mobile-native-card="1"] .chat-input-action.ss-mic svg [fill]:not([fill="none"]), html[data-theme="dark"] body .input-card[data-mobile-native-card="1"] .ss-voice-trigger svg [fill]:not([fill="none"]), [data-theme="dark"] body:not(.chat-ny-in-conversation) .input-card[data-mobile-native-card="1"] .chat-input-action.ss-mic svg [fill]:not([fill="none"]), [data-theme="dark"] body:not(.chat-ny-in-conversation) .input-card[data-mobile-native-card="1"] .ss-voice-trigger svg [fill]:not([fill="none"]), [data-theme="dark"] body .input-card[data-mobile-native-card="1"] .chat-input-action.ss-mic svg [fill]:not([fill="none"]), [data-theme="dark"] body .input-card[data-mobile-native-card="1"] .ss-voice-trigger svg [fill]:not([fill="none"]) { fill: var(--color-text-secondary, #B8AFA6) !important; }}
@media (min-width: 768px) {html body .input-card .chat-plus-btn, html body .input-card .chat-input-action.ss-mic, html body .input-card #chat-direct-mic-btn, html body .input-card .ss-voice-trigger, html body .input-card .chat-send-btn { -webkit-tap-highlight-color: transparent; width: 44px !important; min-width: 44px !important; height: 44px !important; min-height: 44px !important; max-height: 44px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border-radius: 50% !important; padding: 0px !important; cursor: pointer !important; transition: background-color 0.15s, color 0.15s, transform 0.15s cubic-bezier(0.2, 0.8, 0.2, 1) !important; }
html body .input-card .chat-plus-btn svg, html body .input-card .chat-input-action.ss-mic svg, html body:not(.chat-ny-in-conversation) .input-card #chat-direct-mic-btn svg, html body .input-card .ss-voice-trigger svg, html body .input-card .chat-send-btn svg { width: 22px !important; height: 22px !important; display: block !important; }
html body .input-card .chat-plus-btn svg *, html body .input-card .chat-input-action.ss-mic svg *, html body .input-card #chat-direct-mic-btn svg * { stroke-width: 2px !important; vector-effect: non-scaling-stroke; }
html body .input-card .chat-plus-btn, html body .input-card .chat-plus-btn svg, html body .input-card .chat-plus-btn svg *, html body .input-card .chat-input-action.ss-mic, html body .input-card .ss-mic svg, html body .input-card .ss-mic svg *, html body .input-card #chat-direct-mic-btn svg * { color: rgb(107, 91, 78) !important; stroke: rgb(107, 91, 78) !important; fill: none !important; }
html[data-theme="dark"] body:not(.chat-ny-in-conversation):not(#_calm) .input-card .chat-plus-btn, html[data-theme="dark"] body:not(.chat-ny-in-conversation):not(#_calm) .input-card .chat-plus-btn svg, html[data-theme="dark"] body:not(.chat-ny-in-conversation):not(#_calm) .input-card .chat-plus-btn svg *, html[data-theme="dark"] body:not(.chat-ny-in-conversation):not(#_calm) .input-card .chat-input-action.ss-mic, html[data-theme="dark"] body:not(.chat-ny-in-conversation):not(#_calm) .input-card .ss-mic svg, html[data-theme="dark"] body:not(.chat-ny-in-conversation):not(#_calm) .input-card .ss-mic svg *, html[data-theme="dark"] body:not(.chat-ny-in-conversation):not(#_calm) .input-card #chat-direct-mic-btn svg *, [data-theme="dark"] body:not(.chat-ny-in-conversation):not(#_calm) .input-card .chat-plus-btn, [data-theme="dark"] body:not(.chat-ny-in-conversation):not(#_calm) .input-card .chat-plus-btn svg, [data-theme="dark"] body:not(.chat-ny-in-conversation):not(#_calm) .input-card .chat-plus-btn svg *, [data-theme="dark"] body:not(.chat-ny-in-conversation):not(#_calm) .input-card .chat-input-action.ss-mic, [data-theme="dark"] body:not(.chat-ny-in-conversation):not(#_calm) .input-card .ss-mic svg, [data-theme="dark"] body:not(.chat-ny-in-conversation):not(#_calm) .input-card .ss-mic svg *, [data-theme="dark"] body:not(.chat-ny-in-conversation):not(#_calm) .input-card #chat-direct-mic-btn svg * { color: var(--color-text-secondary, #B8AFA6) !important; stroke: var(--color-text-secondary, #B8AFA6) !important; }
.input-card .chat-plus-btn:hover, .input-card .chat-input-action.ss-mic:hover, .input-card .ss-voice-trigger:hover { background-color: rgba(92, 77, 67, 0.08) !important; }
html body .input-card .chat-plus-btn:hover, html body .input-card .chat-plus-btn:hover svg, html body .input-card .chat-plus-btn:hover svg *, html body .input-card .ss-mic:hover, html body .input-card .ss-mic:hover svg, html body .input-card .ss-mic:hover svg *, html body .input-card .ss-voice-trigger:hover, html body .input-card .ss-voice-trigger:hover svg, html body .input-card .ss-voice-trigger:hover svg * { color: rgb(74, 61, 52) !important; stroke: rgb(74, 61, 52) !important; }
html body .input-card .chat-plus-btn:hover svg *, html body .input-card .ss-mic:hover svg * { fill: none !important; }}
@media (min-width: 768px) and (prefers-reduced-motion: reduce) {.input-card .chat-plus-btn, .input-card .chat-input-action.ss-mic, .input-card .ss-voice-trigger, .input-card .chat-send-btn { transition: none !important; }}
.chat-prompt-area .chat-prompt-chips.quick-actions { margin-bottom: 0px; }
@media (hover: hover) and (pointer: fine) {.chat-prompt-area .chat-prompt-chips.quick-actions .chat-prompt-chip:not(.chat-prompt-add) { position: relative; cursor: grab; padding-inline: 30px 24px !important; }
.chat-prompt-area .chat-prompt-chips.quick-actions .chat-prompt-chip:not(.chat-prompt-add):active { cursor: grabbing; }
.chat-prompt-area .chat-prompt-chips.quick-actions .chat-prompt-chip:not(.chat-prompt-add)::before { content: ""; position: absolute; inset-inline-start: 12px; top: 50%; width: 6px; height: 13px; transform: translateY(-50%); opacity: 0; transition: opacity 0.15s; background-image: radial-gradient(currentcolor 40%, transparent 45%); background-size: 3px 4px; background-position: center center; background-repeat: round; color: var(--warm-text, #5c4d43); pointer-events: none; }
.chat-prompt-area .chat-prompt-chips.quick-actions .chat-prompt-chip:not(.chat-prompt-add):hover::before, .chat-prompt-area .chat-prompt-chips.quick-actions .chat-prompt-chip:not(.chat-prompt-add):focus-visible::before { opacity: 0.4; }
.chat-prompt-area .chat-prompt-chips.quick-actions .chat-prompt-chip:not(.chat-prompt-add):hover, .chat-prompt-area .chat-prompt-chips.quick-actions .chat-prompt-chip:not(.chat-prompt-add):focus-visible { transform: translateY(-1px); box-shadow: rgba(92, 77, 67, 0.08) 0px 4px 14px; }
.chat-prompt-area .chat-prompt-chips.quick-actions .chat-prompt-chip:not(.chat-prompt-add).dragging { opacity: 0.5; transform: translateY(-1px) scale(0.97); box-shadow: rgba(92, 77, 67, 0.16) 0px 8px 22px; cursor: grabbing; }
.chat-prompt-area .chat-prompt-chips.quick-actions .chat-prompt-chip:not(.chat-prompt-add).chip-drop-before::after, .chat-prompt-area .chat-prompt-chips.quick-actions .chat-prompt-chip:not(.chat-prompt-add).chip-drop-after::after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); width: 3px; height: 70%; border-radius: 3px; background: var(--chat-ny-accent, #d4a89a); opacity: 0.9; pointer-events: none; }
.chat-prompt-area .chat-prompt-chips.quick-actions .chat-prompt-chip:not(.chat-prompt-add).chip-drop-before::after { inset-inline-start: -8.5px; }
.chat-prompt-area .chat-prompt-chips.quick-actions .chat-prompt-chip:not(.chat-prompt-add).chip-drop-after::after { inset-inline-end: -8.5px; }}
@media (prefers-reduced-motion: reduce) {.chat-prompt-area .chat-prompt-chips.quick-actions .chat-prompt-chip:not(.chat-prompt-add), .chat-prompt-area .chat-prompt-chips.quick-actions .chat-prompt-chip:not(.chat-prompt-add)::before { transition: none !important; }
.chat-prompt-area .chat-prompt-chips.quick-actions .chat-prompt-chip:not(.chat-prompt-add):hover, .chat-prompt-area .chat-prompt-chips.quick-actions .chat-prompt-chip:not(.chat-prompt-add):focus-visible { transform: none; }
.chat-prompt-area .chat-prompt-chips.quick-actions .chat-prompt-chip:not(.chat-prompt-add).dragging { transform: scale(0.97); }}
#chat-main .sofia-signal--active.calm-brief2.cvm-card-active { border-color: rgba(110, 138, 126, 0.3); }
.cvm-dock { position: fixed; z-index: 9000; top: 0px; inset-inline-start: 0px; width: 374px; max-width: calc(-16px + 100vw); max-height: 620px; display: flex; flex-direction: column; overflow: hidden; background: rgb(251, 248, 242); border: 1px solid rgb(236, 231, 223); border-radius: 14px; box-shadow: rgba(58, 47, 38, 0.1) 0px 6px 24px; color: rgb(58, 47, 38); animation: 0.2s ease 0s 1 normal none running cvmDockIn; }
html[dir="rtl"] .cvm-dock { animation-name: cvmDockInRtl; }
.cvm-head { display: flex; align-items: center; gap: 10px; padding: 12px 16px; border-bottom: 1px solid rgb(236, 231, 223); }
.cvm-head-icon .calm-ico { width: 20px; height: 20px; }
.cvm-head-icon { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 34px; height: 34px; border-radius: 10px; background: rgba(110, 138, 126, 0.12); color: rgb(110, 138, 126); }
.cvm-head-text { flex: 1 1 auto; min-width: 0px; }
.cvm-title { margin: 0px; font-size: var(--font-size-base, 15px); font-weight: var(--font-weight-semibold); color: rgb(58, 47, 38); }
.cvm-subtitle { margin: 2px 0px 0px; font-size: var(--font-size-sm); line-height: 1.4; color: rgb(140, 123, 111); }
.cvm-close { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 8px; background: transparent; color: rgb(140, 123, 111); cursor: pointer; transition: background 0.15s, color 0.15s; }
.cvm-close:hover { background: rgba(58, 47, 38, 0.06); color: rgb(58, 47, 38); }
.cvm-body { flex: 1 1 auto; overflow-y: auto; padding: 14px 16px; display: flex; flex-direction: column; gap: 10px; }
.cvm-dock .ask-ai-welcome { margin: 0px 0px 2px; }
.cvm-dock:not(.cvm-dock--inline) .cvm-body:has(.ask-ai-welcome) { padding-bottom: 10px; }
.cvm-dock .ask-ai-suggestions { display: flex; flex-direction: column; gap: 8px; }
.cvm-dock .ask-ai-suggestion { display: inline-flex; align-items: center; justify-content: flex-start; gap: 8px; min-height: 36px; width: 100%; padding: 8px 10px; border: 1px solid rgba(110, 138, 126, 0.24); border-radius: 10px; background: rgb(255, 254, 251); color: rgb(74, 97, 87); font-size: var(--font-size-sm); font-weight: var(--font-weight-medium); text-align: start; cursor: pointer; transition: background 0.15s, border-color 0.15s, color 0.15s; }
.cvm-dock .ask-ai-suggestion svg { flex: 0 0 auto; color: rgb(110, 138, 126); }
.cvm-dock .ask-ai-suggestion:hover, .cvm-dock .ask-ai-suggestion:focus-visible { background: rgba(110, 138, 126, 0.1); border-color: rgba(110, 138, 126, 0.42); color: rgb(61, 48, 40); }
.cvm-dock .ask-ai-suggestion--primary { background: rgb(110, 138, 126); border-color: rgb(110, 138, 126); color: rgb(255, 254, 251); }
.cvm-dock .ask-ai-suggestion--primary svg { color: rgb(255, 254, 251); }
.cvm-dock .ask-ai-suggestion--primary:hover, .cvm-dock .ask-ai-suggestion--primary:focus-visible { background: rgb(95, 123, 112); border-color: rgb(95, 123, 112); color: rgb(255, 254, 251); }
.cvm-body::-webkit-scrollbar { width: 7px; }
.cvm-body::-webkit-scrollbar-track { background: transparent; }
.cvm-body::-webkit-scrollbar-thumb { background: rgba(58, 47, 38, 0.18); border-radius: 999px; }
.cvm-body::-webkit-scrollbar-thumb:hover { background: rgba(58, 47, 38, 0.3); }
html[data-theme="dark"] .cvm-body::-webkit-scrollbar-thumb { background: rgba(232, 224, 216, 0.24) !important; }
html[data-theme="dark"] .cvm-body::-webkit-scrollbar-thumb:hover { background: rgba(232, 224, 216, 0.36) !important; }
@supports not selector(::-webkit-scrollbar) {.cvm-body { scrollbar-width: thin; scrollbar-color: rgba(58, 47, 38, 0.18) transparent; }
html[data-theme="dark"] .cvm-body { scrollbar-color: rgba(232, 224, 216, 0.24) transparent; }}
.cvm-bubble { max-width: 88%; padding: 10px 12px; font-size: var(--font-size-sm); line-height: 1.5; border-radius: 12px; overflow-wrap: anywhere; white-space: pre-wrap; }
html[dir="rtl"] .cvm-body { direction: rtl; }
.cvm-bubble--bot { align-self: flex-start; background: rgba(58, 47, 38, 0.05); color: rgb(61, 48, 40); }
.cvm-bubble--user { align-self: flex-end; background: rgb(110, 138, 126); color: rgb(255, 254, 251); }
html[dir="rtl"] .cvm-bubble--bot { align-self: flex-end; }
html[dir="rtl"] .cvm-bubble--user { align-self: flex-start; }
.cvm-dock [data-cvm-actions] { align-self: flex-start; display: flex; align-items: center; gap: 6px; margin-top: -6px; margin-inline-start: 2px; }
.cvm-dock [data-cvm-opening-actions] { align-self: flex-start; display: flex; align-items: center; gap: 6px; margin-top: 2px; margin-inline-start: 2px; }
html[dir="rtl"] .cvm-dock [data-cvm-actions] { align-self: flex-end; }
html[dir="rtl"] .cvm-dock [data-cvm-opening-actions] { align-self: flex-end; }
.cvm-dock [data-cvm-actions] .chat-msg-action-btn { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; padding: 0px; border: 1px solid transparent; border-radius: 6px; background: transparent; color: rgb(58, 47, 38); opacity: 0.72; cursor: pointer; transition: opacity 0.15s, background 0.15s, border-color 0.15s, color 0.15s; }
.cvm-dock [data-cvm-opening-actions] .chat-msg-action-btn { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; padding: 0px; border: 1px solid transparent; border-radius: 6px; background: transparent; color: rgb(58, 47, 38); opacity: 0.72; cursor: default; pointer-events: none; transition: opacity 0.15s, background 0.15s, border-color 0.15s, color 0.15s; }
.cvm-dock [data-cvm-actions] .chat-msg-action-btn svg { width: 15px; height: 15px; }
.cvm-dock [data-cvm-opening-actions] .chat-msg-action-btn svg { width: 15px; height: 15px; }
.cvm-dock [data-cvm-actions] .chat-msg-action-btn:hover, .cvm-dock [data-cvm-actions] .chat-msg-action-btn:focus-visible { opacity: 1; background: rgba(58, 47, 38, 0.06); border-color: transparent; color: rgb(58, 47, 38); }
.cvm-dock [data-cvm-actions] .chat-msg-action-btn:focus-visible { opacity: 1 !important; background: rgba(58, 47, 38, 0.06) !important; border-color: transparent !important; color: rgb(58, 47, 38) !important; outline: rgba(58, 47, 38, 0.28) solid 1.5px !important; outline-offset: -1.5px !important; }
body:has(#chat-app):has(#chat-app) .cvm-dock [data-cvm-actions] .chat-msg-action-btn:focus-visible { opacity: 1 !important; background: rgba(58, 47, 38, 0.06) !important; border-color: transparent !important; color: rgb(58, 47, 38) !important; outline: rgba(58, 47, 38, 0.28) solid 1.5px !important; outline-offset: -1.5px !important; }
.cvm-dock [data-cvm-actions] .chat-msg-action-btn.done, .cvm-dock [data-cvm-actions] .chat-msg-action-btn.tts-playing, .cvm-dock [data-cvm-actions] .chat-msg-action-btn.active { opacity: 1; color: rgb(58, 47, 38); border-color: transparent; }
.cvm-dock .ask-ai-action-btn.done { background: rgba(58, 47, 38, 0.06); }
.cvm-dock [data-cvm-actions] .chat-msg-action-btn.ss-tts-stop { opacity: 1; }
.cvm-thinking { margin: 0px; align-self: flex-start; font-size: var(--font-size-sm); color: rgb(140, 123, 111); }
.cvm-suggestion { align-self: stretch; padding: 12px 14px; background: rgb(255, 254, 251); border: 1px solid rgb(236, 231, 223); border-radius: 12px; }
.cvm-label { margin: 0px 0px 6px; font-size: var(--font-size-xs); font-weight: var(--font-weight-semibold); text-transform: uppercase; letter-spacing: 0.06em; color: rgb(110, 138, 126); }
.cvm-suggestion-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: 0px 0px 6px; }
.cvm-suggestion-head .cvm-label { margin: 0px; }
.cvm-listen, #chat-main .cvm-dock .cvm-listen { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; min-width: 32px; min-height: 32px; padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 8px; background: rgba(110, 138, 126, 0.1); color: rgb(110, 138, 126); cursor: pointer; transition: background 0.15s, color 0.15s; }
.cvm-listen:hover, #chat-main .cvm-dock .cvm-listen:hover { background: rgba(110, 138, 126, 0.2); }
.cvm-listen svg, #chat-main .cvm-dock .cvm-listen svg { width: 18px; height: 18px; }
.cvm-listen.loading, #chat-main .cvm-dock .cvm-listen.loading { background: rgba(110, 138, 126, 0.14); color: rgb(74, 97, 87); pointer-events: none; }
.cvm-listen.loading .cvm-listen-ico, #chat-main .cvm-dock .cvm-listen.loading .cvm-listen-ico { display: none; }
.cvm-listen.loading > svg, .cvm-listen.loading .spin-icon, #chat-main .cvm-dock .cvm-listen.loading > svg, #chat-main .cvm-dock .cvm-listen.loading .spin-icon { display: none; }
.cvm-listen.loading::after, #chat-main .cvm-dock .cvm-listen.loading::after { content: ""; display: block; width: 16px; height: 16px; border-width: 2px; border-style: solid; border-color: rgb(110, 138, 126) rgba(110, 138, 126, 0.3) rgba(110, 138, 126, 0.3); border-image: none; border-radius: 50%; animation: 0.7s linear 0s infinite normal none running cvmListenSpin; }
.cvm-listen.tts-playing, .cvm-listen.active, #chat-main .cvm-dock .cvm-listen.tts-playing, #chat-main .cvm-dock .cvm-listen.active { background: rgba(110, 138, 126, 0.26); color: rgb(74, 97, 87); }
.cvm-old { display: none; text-decoration: line-through; }
.cvm-new { margin: 0px 0px 12px; font-size: var(--font-size-base, 15px); font-weight: var(--font-weight-normal); line-height: 1.5; color: rgb(58, 47, 38); white-space: pre-wrap; overflow-wrap: anywhere; }
.cvm-new--clamped { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; white-space: normal; }
.cvm-new--clamped.cvm-new--expanded { display: block; -webkit-line-clamp: unset; overflow: visible; white-space: pre-wrap; }
.cvm-new-toggle { display: inline-flex; align-items: center; gap: 4px; margin: 8px 0px; padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: none; color: rgb(110, 138, 126); font-size: var(--font-size-sm); font-weight: var(--font-weight-medium); cursor: pointer; transition: color 0.15s; }
.cvm-new-toggle:hover { color: rgb(74, 97, 87); }
.cvm-new-toggle:focus-visible { outline: rgb(110, 138, 126) solid 2px; outline-offset: 2px; border-radius: 4px; }
.cvm-new-toggle-chevron { display: inline-block; width: 14px; height: 14px; transition: transform 0.15s; }
.cvm-new-toggle[aria-expanded="true"] .cvm-new-toggle-chevron { transform: rotate(180deg); }
.cvm-confirm { display: flex; gap: 8px; }
.cvm-yes, #chat-main .cvm-dock .cvm-yes { flex: 1 1 0px; min-height: 40px; padding: 8px 16px; border: 1px solid rgb(110, 138, 126); border-radius: 999px; background: rgb(110, 138, 126); color: rgb(255, 254, 251); font-size: var(--font-size-sm); font-weight: var(--font-weight-semibold); cursor: pointer; transition: background 0.15s; }
.cvm-yes:hover, #chat-main .cvm-dock .cvm-yes:hover { background: rgb(95, 122, 111); }
.cvm-no, #chat-main .cvm-dock .cvm-no { flex: 1 1 0px; min-height: 40px; padding: 8px 16px; border: 1px solid rgba(58, 47, 38, 0.18); border-radius: 999px; background: rgb(255, 254, 251); color: rgb(92, 77, 67); font-size: var(--font-size-sm); font-weight: var(--font-weight-medium); cursor: pointer; transition: background 0.15s; }
.cvm-no:hover, #chat-main .cvm-dock .cvm-no:hover { background: rgba(58, 47, 38, 0.05); }
.cvm-result { margin: 0px; align-self: flex-start; font-size: var(--font-size-sm); font-weight: var(--font-weight-semibold); color: rgb(110, 138, 126); }
.cvm-error { margin: 0px; align-self: flex-start; font-size: var(--font-size-sm); color: rgb(176, 128, 104); }
.cvm-foot { padding: 12px 16px; border-top: 1px solid rgb(236, 231, 223); }
.cvm-composer { display: flex; align-items: center; gap: 6px; padding-block: 5px; padding-inline: 8px 6px; border: 1px solid rgb(218, 210, 198); border-radius: 24px; background: rgb(255, 254, 251); transition: border-color 0.15s, box-shadow 0.15s; }
.cvm-composer:focus-within { border-color: rgb(110, 138, 126); box-shadow: rgba(110, 138, 126, 0.35) 0px 0px 0px 1px; }
.cvm-mic, #chat-main .cvm-dock .cvm-mic { flex: 0 0 auto; align-self: flex-end; display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 999px; background: transparent; color: rgb(110, 138, 126); cursor: pointer; transition: background 0.15s, color 0.15s; }
.cvm-mic:hover, #chat-main .cvm-dock .cvm-mic:hover { background: rgba(110, 138, 126, 0.16); }
.cvm-mic.ss-mic--connecting, #chat-main .cvm-dock .cvm-mic.ss-mic--connecting { background: rgba(110, 138, 126, 0.18); color: rgb(95, 122, 111); }
.cvm-mic.ss-mic--listening, #chat-main .cvm-dock .cvm-mic.ss-mic--listening { background: rgba(110, 138, 126, 0.12); color: rgb(74, 107, 92); box-shadow: rgba(110, 138, 126, 0.45) 0px 0px 0px 1.5px inset; animation: 2s ease-in-out 0s infinite normal none running cvmMicPulse; }
.cvm-mic.ss-mic--error, #chat-main .cvm-dock .cvm-mic.ss-mic--error { background: rgba(194, 96, 63, 0.12); color: rgb(194, 96, 63); }
.cvm-type-field { flex: 1 1 auto; min-width: 0px; min-height: 24px; height: 24px; max-height: min(24vh, 112px); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: transparent; outline: none; padding: 3px 2px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: var(--font-size-sm); line-height: 18px; color: rgb(61, 48, 40); overflow: hidden; resize: none; scrollbar-width: thin; scrollbar-color: rgba(110, 138, 126, 0.24) transparent; white-space: pre-wrap; overflow-wrap: anywhere; }
.cvm-type-field::placeholder { color: rgb(168, 155, 140); }
.cvm-type-field::-webkit-scrollbar { width: 5px; }
.cvm-type-field::-webkit-scrollbar-track { background: transparent; }
.cvm-type-field::-webkit-scrollbar-button { display: none; width: 0px; height: 0px; }
.cvm-type-field::-webkit-scrollbar-thumb { background: rgba(110, 138, 126, 0.24); border-radius: 999px; }
.cvm-type-field::-webkit-scrollbar-thumb:hover { background: rgba(110, 138, 126, 0.34); }
.cvm-type-send, #chat-main .cvm-dock .cvm-type-send { flex: 0 0 auto; align-self: flex-end; display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 999px; background: rgb(110, 138, 126); color: rgb(255, 254, 251); cursor: pointer; transition: background 0.15s, opacity 0.15s; }
.cvm-type-send:hover, #chat-main .cvm-dock .cvm-type-send:hover { background: rgb(95, 122, 111); }
.cvm-type-send:disabled, #chat-main .cvm-dock .cvm-type-send:disabled { background: rgba(110, 138, 126, 0.3); color: rgb(251, 248, 242); cursor: default; }
.cvm-icon { width: 20px; height: 20px; flex: 0 0 auto; }
.cvm-sr { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px; }
.cvm-dock:focus { outline: none; }
.cvm-close:focus-visible, .cvm-mic:focus-visible, .cvm-listen:focus-visible, .cvm-type-send:focus-visible, .cvm-trigger:focus-visible, .cvm-quick-chip:focus-visible, .cvm-yes:focus-visible, .cvm-no:focus-visible { outline: rgb(110, 138, 126) solid 3px; outline-offset: 2px; }
.cvm-inline-host { margin: 4px 0px 2px; }
.cvm-trigger { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border: 1px solid rgba(110, 138, 126, 0.3); border-radius: 999px; background: rgba(110, 138, 126, 0.1); color: rgb(74, 97, 87); font-size: var(--font-size-sm); font-weight: var(--font-weight-semibold); cursor: pointer; transition: background 0.15s, border-color 0.15s; }
.cvm-trigger:hover { background: rgba(110, 138, 126, 0.16); border-color: rgba(110, 138, 126, 0.45); }
.cvm-trigger-ico { display: inline-flex; color: rgb(110, 138, 126); }
.cvm-is-open .cvm-trigger { display: none; }
.cvm-dock--inline { position: static; z-index: auto; width: auto; max-width: none; max-height: var(--cvm-master-h, 380px); margin-top: 8px; cursor: default; overflow: hidden; display: flex; flex-direction: column; animation: 0.18s ease 0s 1 normal none running cvmInlineDockIn; }
.cvm-dock--inline .cvm-body { flex: 1 1 0px; min-height: 0px; overflow-y: auto; }
.cvm-dock--inline[hidden] { display: none; }
.cvm-dock--inline .cvm-body:empty { display: none; }
.cvm-dock--inline .cvm-head { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
.cvm-dock--inline .cvm-foot { padding: 14px 16px; border-top-width: medium; border-top-style: none; border-top-color: currentcolor; }
.cvm-dock:not(.cvm-dock--inline) .cvm-body:empty { display: none; }
.cvm-dock:not(.cvm-dock--inline):has(> .cvm-body:empty) .cvm-head { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
.cvm-dock:not(.cvm-dock--inline):has(> .cvm-body:empty) .cvm-foot { border-top-width: medium; border-top-style: none; border-top-color: currentcolor; padding: 14px 16px; }
.cvm-quick { display: flex; flex-wrap: wrap; gap: 6px; align-self: flex-start; }
.cvm-quick-chip, #chat-main .cvm-quick-chip { display: inline-flex; align-items: center; min-height: 32px; padding: 6px 12px; border: 1px solid rgba(110, 138, 126, 0.34); border-radius: 999px; background: rgba(110, 138, 126, 0.08); color: rgb(74, 97, 87); font-size: var(--font-size-sm); font-family: inherit; line-height: 1.3; text-align: left; cursor: pointer; transition: background 0.15s, border-color 0.15s; }
.cvm-quick-chip:hover, #chat-main .cvm-quick-chip:hover { background: rgba(110, 138, 126, 0.16); border-color: rgba(110, 138, 126, 0.48); }
.cvm-quick-chip:active, #chat-main .cvm-quick-chip:active { background: rgba(110, 138, 126, 0.22); }
html[data-theme="dark"] .cvm-dock, html[data-theme="dark"] .cvm-dock--inline { background: rgb(42, 37, 32) !important; border-color: rgba(232, 224, 216, 0.16) !important; box-shadow: rgba(0, 0, 0, 0.34) 0px 12px 32px !important; color: rgb(250, 245, 239) !important; }
html[data-theme="dark"] .cvm-head, html[data-theme="dark"] .cvm-foot { border-color: rgba(232, 224, 216, 0.12) !important; }
html[data-theme="dark"] .cvm-head-icon { background: rgba(125, 156, 142, 0.18) !important; color: rgb(183, 205, 193) !important; }
html[data-theme="dark"] .cvm-title, html[data-theme="dark"] .cvm-new, html[data-theme="dark"] .cvm-type-field { color: rgb(250, 245, 239) !important; }
html[data-theme="dark"] .cvm-subtitle, html[data-theme="dark"] .cvm-close, html[data-theme="dark"] .cvm-thinking, html[data-theme="dark"] .cvm-old, html[data-theme="dark"] .cvm-type-field::placeholder { color: rgb(184, 173, 163) !important; }
html[data-theme="dark"] .cvm-close:hover { background: rgba(232, 224, 216, 0.08) !important; color: rgb(250, 245, 239) !important; }
html[data-theme="dark"] .cvm-bubble--bot { background: rgba(232, 224, 216, 0.08) !important; color: rgb(245, 238, 231) !important; }
html[data-theme="dark"] .cvm-bubble--user { background: rgb(111, 141, 128) !important; color: rgb(255, 254, 251) !important; }
html[data-theme="dark"] .cvm-dock .ask-ai-suggestion { background: rgb(50, 44, 38) !important; border-color: rgba(232, 224, 216, 0.14) !important; color: rgb(245, 238, 231) !important; }
html[data-theme="dark"] .cvm-dock .ask-ai-suggestion svg { color: rgb(183, 205, 193) !important; }
html[data-theme="dark"] .cvm-dock .ask-ai-suggestion:hover, html[data-theme="dark"] .cvm-dock .ask-ai-suggestion:focus-visible { background: rgba(232, 224, 216, 0.08) !important; border-color: rgba(183, 205, 193, 0.34) !important; color: rgb(250, 245, 239) !important; }
html[data-theme="dark"] .cvm-dock .ask-ai-suggestion--primary { background: rgb(111, 141, 128) !important; border-color: rgb(111, 141, 128) !important; color: rgb(255, 254, 251) !important; }
html[data-theme="dark"] .cvm-dock .ask-ai-suggestion--primary svg { color: rgb(255, 254, 251) !important; }
html[data-theme="dark"] .cvm-dock [data-cvm-actions] .chat-msg-action-btn { border-color: transparent !important; color: rgba(232, 224, 216, 0.82) !important; }
html[data-theme="dark"] .cvm-dock [data-cvm-opening-actions] .chat-msg-action-btn { border-color: transparent !important; color: rgba(232, 224, 216, 0.82) !important; }
html[data-theme="dark"] .cvm-dock [data-cvm-actions] .chat-msg-action-btn:hover, html[data-theme="dark"] .cvm-dock [data-cvm-actions] .chat-msg-action-btn:focus-visible, html[data-theme="dark"] .cvm-dock [data-cvm-actions] .chat-msg-action-btn.done, html[data-theme="dark"] .cvm-dock [data-cvm-actions] .chat-msg-action-btn.tts-playing, html[data-theme="dark"] .cvm-dock [data-cvm-actions] .chat-msg-action-btn.active { background: rgba(232, 224, 216, 0.06) !important; border-color: transparent !important; color: rgb(250, 245, 239) !important; }
html[data-theme="dark"] .cvm-dock [data-cvm-actions] .chat-msg-action-btn:focus-visible { outline: rgba(232, 224, 216, 0.32) solid 1.5px !important; outline-offset: -1.5px !important; }
html[data-theme="dark"] .cvm-dock [data-cvm-opening-actions] .chat-msg-action-btn:hover, html[data-theme="dark"] .cvm-dock [data-cvm-opening-actions] .chat-msg-action-btn:focus-visible { background: rgba(232, 224, 216, 0.06) !important; border-color: transparent !important; color: rgb(250, 245, 239) !important; }
html[data-theme="dark"] .cvm-dock .ask-ai-action-btn.done { background: rgba(232, 224, 216, 0.06) !important; }
html[data-theme="dark"] .cvm-suggestion { background: rgb(50, 44, 38) !important; border-color: rgba(232, 224, 216, 0.12) !important; color: rgb(245, 238, 231) !important; }
html[data-theme="dark"] .cvm-label, html[data-theme="dark"] .cvm-listen, html[data-theme="dark"] .cvm-result, html[data-theme="dark"] .cvm-mic { color: rgb(183, 205, 193) !important; }
html[data-theme="dark"] .cvm-listen:hover, html[data-theme="dark"] .cvm-mic:hover { background: rgba(125, 156, 142, 0.2) !important; }
html[data-theme="dark"] .cvm-listen.loading { background: rgba(125, 156, 142, 0.16) !important; }
html[data-theme="dark"] .cvm-listen.tts-playing, html[data-theme="dark"] .cvm-listen.active { background: rgba(125, 156, 142, 0.26) !important; color: rgb(250, 245, 239) !important; }
html[data-theme="dark"] .cvm-listen.loading::after { border-color: rgb(183, 205, 193) rgba(183, 205, 193, 0.3) rgba(183, 205, 193, 0.3) !important; }
html[data-theme="dark"] .cvm-new-toggle { color: rgb(183, 205, 193) !important; }
html[data-theme="dark"] .cvm-new-toggle:hover { color: rgb(250, 245, 239) !important; }
html[data-theme="dark"] .cvm-no { background: rgb(36, 31, 27) !important; border-color: rgba(232, 224, 216, 0.14) !important; color: rgb(245, 238, 231) !important; }
html[data-theme="dark"] .cvm-no:hover { background: rgba(232, 224, 216, 0.08) !important; }
html[data-theme="dark"] .cvm-error { color: rgb(225, 161, 132) !important; }
html[data-theme="dark"] .cvm-composer { background: rgb(36, 31, 27) !important; border-color: rgba(232, 224, 216, 0.18) !important; }
html[data-theme="dark"] .cvm-composer:focus-within { border-color: rgb(183, 205, 193) !important; box-shadow: rgba(183, 205, 193, 0.32) 0px 0px 0px 1px !important; }
html[data-theme="dark"] .cvm-mic.ss-mic--connecting { background: rgba(125, 156, 142, 0.22) !important; color: rgb(183, 205, 193) !important; }
html[data-theme="dark"] .cvm-mic.ss-mic--listening { background: rgba(125, 156, 142, 0.14) !important; color: rgb(183, 205, 193) !important; box-shadow: rgba(183, 205, 193, 0.4) 0px 0px 0px 1.5px inset !important; }
html[data-theme="dark"] .cvm-mic.ss-mic--error { background: rgba(225, 161, 132, 0.14) !important; color: rgb(225, 161, 132) !important; }
html[data-theme="dark"] .cvm-type-send { background: rgb(125, 156, 142) !important; color: rgb(31, 27, 23) !important; }
html[data-theme="dark"] .cvm-type-send:hover { background: rgb(142, 173, 159) !important; }
html[data-theme="dark"] .cvm-type-send:disabled { background: rgba(125, 156, 142, 0.28) !important; color: rgba(250, 245, 239, 0.68) !important; }
html[data-theme="dark"] .cvm-trigger { background: rgba(125, 156, 142, 0.16); border-color: rgba(125, 156, 142, 0.34); color: rgb(183, 205, 193); }
html[data-theme="dark"] .cvm-trigger:hover { background: rgba(125, 156, 142, 0.24); }
html[data-theme="dark"] .cvm-quick-chip, html[data-theme="dark"] #chat-main .cvm-quick-chip { background: rgba(125, 156, 142, 0.14); border-color: rgba(125, 156, 142, 0.3); color: rgb(183, 205, 193); }
html[data-theme="dark"] .cvm-quick-chip:hover, html[data-theme="dark"] #chat-main .cvm-quick-chip:hover { background: rgba(125, 156, 142, 0.22); border-color: rgba(125, 156, 142, 0.44); }
html[data-theme="dark"] .cvm-quick-chip:active, html[data-theme="dark"] #chat-main .cvm-quick-chip:active { background: rgba(125, 156, 142, 0.3); }
@media (max-width: 600px) {.cvm-dock--inline { max-height: 60vh; }}
@media (min-width: 769px) {.chat-prompt-panel.chat-prompt-panel--with-ai-dock:has(> [data-calm-ai-dock].cvm-is-open) { grid-template-columns: minmax(0px, 640px) minmax(300px, 360px); grid-template-areas: "prompt dock"; column-gap: 16px; align-items: start; justify-content: center; display: grid !important; }
.chat-prompt-panel--with-ai-dock:has(> [data-calm-ai-dock].cvm-is-open) > .chat-prompt-panel-inner { grid-area: prompt; min-width: 0px; }
.chat-prompt-panel--with-ai-dock:has(> [data-calm-ai-dock].cvm-is-open) > [data-calm-ai-dock] { grid-area: dock; align-self: start; margin: 0px; min-width: 0px; }
.chat-prompt-panel--with-ai-dock:has(> [data-calm-ai-dock].cvm-is-open) .cvm-dock--inline { max-height: var(--cvm-master-h, 440px); }
.chat-prompt-panel--with-ai-dock:has(> [data-calm-ai-dock].cvm-is-open) .cvm-dock--inline .cvm-body { flex: 0 1 auto; }
.chat-prompt-panel--with-ai-dock:has(> [data-calm-ai-dock]:not(.cvm-is-open)) > [data-calm-ai-dock] { display: flex; justify-content: center; margin-top: 8px; }}
@media (max-width: 768px) {.cvm-dock { max-height: min(60dvh, 400px); border-radius: 18px 18px 0px 0px; animation: 0.2s ease 0s 1 normal none running cvmDockInMobile; position: fixed !important; top: auto !important; bottom: var(--mn-bar-height, 60px) !important; left: 0px !important; right: 0px !important; width: auto !important; max-width: none !important; }
html[dir="rtl"] .cvm-dock { animation-name: cvmDockInMobile; }
body.chat-ny-in-conversation .cvm-dock { bottom: 0px !important; padding-bottom: env(safe-area-inset-bottom, 0px); }
.cvm-body { overscroll-behavior: contain; }
.chat-prompt-panel.chat-prompt-panel--with-ai-dock { max-height: calc(100dvh - var(--mn-bar-height, 60px) - 10px); overflow: hidden auto; overscroll-behavior: contain; }
.chat-prompt-panel--with-ai-dock .calm-prompt-form-mode [data-calm-ai-dock] { margin: 0px !important; }
.chat-prompt-panel.chat-prompt-panel--with-ai-dock .cvm-dock--inline { max-height: min(42dvh, 320px); position: static !important; inset: auto !important; width: 100% !important; max-width: none !important; }
body:has(.cvm-dock:not(.cvm-dock--inline)) :is(#bb-mobile-nav, .mn-fab-group, .mn-more-sheet, .mn-more-backdrop), body:has(.cvm-dock--inline:not([hidden])) :is(#bb-mobile-nav, .mn-fab-group, .mn-more-sheet, .mn-more-backdrop) { display: none !important; }
body:not(.chat-ny-in-conversation):has(.cvm-dock:not(.cvm-dock--inline)) .cvm-dock:not(.cvm-dock--inline) { bottom: 0px !important; padding-bottom: env(safe-area-inset-bottom, 0px); }
body:not(.chat-ny-in-conversation):has(.cvm-dock--inline:not([hidden])) .chat-prompt-panel { bottom: env(safe-area-inset-bottom, 0px) !important; }
body:not(.chat-ny-in-conversation):has(.cvm-dock--inline:not([hidden])) .chat-prompt-panel.chat-prompt-panel--with-ai-dock { max-height: calc(100dvh - env(safe-area-inset-bottom, 0px) - 10px); }}
@media (max-width: 640px) {.chat-prompt-panel--with-ai-dock .calm-prompt-form-mode .chat-prompt-form > [data-calm-ai-dock] { margin: 20px 0px 0px !important; padding: 16px 0px 0px !important; border-top: 1px solid rgb(236, 231, 223) !important; background: transparent !important; }
[data-theme="dark"] .chat-prompt-panel--with-ai-dock .calm-prompt-form-mode .chat-prompt-form > [data-calm-ai-dock] { border-top-color: rgba(255, 255, 255, 0.08) !important; }
.chat-prompt-panel--with-ai-dock .calm-prompt-form-mode .cvm-dock--inline { background: transparent !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; border-radius: 0px !important; padding: 0px !important; box-shadow: none !important; max-height: none !important; animation: auto ease 0s 1 normal none running none !important; }
.chat-prompt-panel--with-ai-dock .calm-prompt-form-mode .cvm-dock--inline .cvm-body { flex: 0 0 auto !important; min-height: 0px !important; max-height: none !important; overflow-y: visible !important; }
.chat-prompt-panel--with-ai-dock .calm-prompt-form-mode .cvm-close { display: none !important; }
.chat-prompt-panel--with-ai-dock .calm-prompt-form-mode .cvm-composer { gap: 6px !important; border-color: rgb(218, 210, 198) !important; background: rgb(255, 254, 251) !important; }
.chat-prompt-panel--with-ai-dock .calm-prompt-form-mode .cvm-composer .cvm-type-field { border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; background: transparent !important; border-radius: 0px !important; box-shadow: none !important; backdrop-filter: none !important; padding: 3px 2px !important; font-size: var(--font-size-sm) !important; }
.chat-prompt-panel--with-ai-dock .calm-prompt-form-mode .cvm-composer .cvm-type-field:focus, .chat-prompt-panel--with-ai-dock .calm-prompt-form-mode .cvm-composer .cvm-type-field:focus-visible { border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; background: transparent !important; box-shadow: none !important; outline: none !important; }
.chat-prompt-panel--with-ai-dock .calm-prompt-form-mode .cvm-composer:focus-within { border-color: rgb(110, 138, 126) !important; box-shadow: rgba(110, 138, 126, 0.12) 0px 0px 0px 3px !important; }
.chat-prompt-panel--with-ai-dock .calm-prompt-form-mode .cvm-composer .cvm-mic { position: relative !important; width: 36px !important; height: 36px !important; flex: 0 0 36px !important; background: rgba(110, 138, 126, 0.12) !important; }
.chat-prompt-panel--with-ai-dock .calm-prompt-form-mode .cvm-type-send { width: 36px !important; height: 36px !important; flex: 0 0 36px !important; }
.chat-prompt-panel--with-ai-dock .calm-prompt-form-mode .cvm-type-send:disabled { background: rgba(110, 138, 126, 0.35) !important; }
.chat-prompt-panel--with-ai-dock .calm-prompt-form-mode .cvm-type-send:not(:disabled) { background: rgb(110, 138, 126) !important; }
[data-theme="dark"] .chat-prompt-panel--with-ai-dock .calm-prompt-form-mode .cvm-dock--inline { background: transparent !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; box-shadow: none !important; }
[data-theme="dark"] .chat-prompt-panel--with-ai-dock .calm-prompt-form-mode .cvm-composer { border-color: rgba(232, 224, 216, 0.16) !important; background: rgba(255, 255, 255, 0.04) !important; }
[data-theme="dark"] .chat-prompt-panel--with-ai-dock .calm-prompt-form-mode .cvm-composer:focus-within { border-color: rgba(110, 138, 126, 0.5) !important; box-shadow: rgba(110, 138, 126, 0.12) 0px 0px 0px 3px !important; }}
html[data-theme="dark"] #chat-main .sofia-signal--active.calm-brief2.cvm-card-active { border-color: rgba(110, 138, 126, 0.4); }
@media (prefers-reduced-motion: reduce) {.chat-prompt-chip.chat-prompt-add { transition: none !important; }}
@media (prefers-reduced-motion: reduce) {.cvm-dock, .cvm-mic.ss-mic--listening, .calm-letter--flash { animation: auto ease 0s 1 normal none running none; }
.cvm-listen.loading::after { animation: auto ease 0s 1 normal none running none; }
.cvm-new-toggle-chevron { transition: none; }
.cvm-listen, .cvm-yes, .cvm-no, .cvm-new-toggle { transition: none; }
html body:has(#chat-app) #chat-direct-mic-btn.ss-mic--connecting::after { animation: auto ease 0s 1 normal none running none !important; border-color: rgba(74, 122, 104, 0.3) !important; }
html #chat-direct-mic-btn.ss-mic--recording, html #chat-mic-btn.ss-mic--recording, html #chat-direct-mic-btn.ss-mic--processing, html #chat-mic-btn.ss-mic--processing { animation: auto ease 0s 1 normal none running none !important; }}
#chat-direct-mic-btn.ss-mic.ss-mic--connecting { pointer-events: none !important; }
#chat-direct-mic-btn.ss-mic--connecting::after { border-top-color: rgb(74, 122, 104) !important; border-inline-color: rgba(74, 122, 104, 0.16) !important; border-bottom-color: rgba(74, 122, 104, 0.16) !important; animation: 0.85s cubic-bezier(0.4, 0, 0.2, 1) 0s infinite normal none running calm-mic-spin !important; }
#chat-direct-mic-btn.ss-mic--listening, #chat-mic-btn.ss-mic--listening, #chat-direct-mic-btn.ss-mic--listening svg, #chat-direct-mic-btn.ss-mic--listening svg *, #chat-mic-btn.ss-mic--listening svg, #chat-mic-btn.ss-mic--listening svg * { color: var(--sage-dark, #4A7A68) !important; stroke: var(--sage-dark, #4A7A68) !important; }
#chat-direct-mic-btn.ss-mic--recording { animation: 2.4s ease-in-out 0s infinite normal none running calm-mic-live !important; background: rgb(74, 122, 104) !important; box-shadow: rgba(92, 77, 67, 0.16) 0px 2px 8px !important; position: relative !important; }
#chat-direct-mic-btn.ss-mic--recording svg { color: rgb(255, 254, 251) !important; stroke: rgb(255, 254, 251) !important; transform-origin: center center !important; position: relative !important; z-index: 1 !important; }
#chat-mic-btn.ss-mic--recording { animation: 2.4s ease-in-out 0s infinite normal none running calm-mic-live !important; background: rgb(74, 122, 104) !important; box-shadow: rgba(92, 77, 67, 0.16) 0px 2px 8px !important; position: relative !important; }
#chat-mic-btn.ss-mic--recording svg { color: rgb(255, 254, 251) !important; stroke: rgb(255, 254, 251) !important; transform-origin: center center !important; position: relative !important; z-index: 1 !important; }
#chat-direct-mic-btn.ss-mic--processing { background: rgba(74, 122, 104, 0.1) !important; }
#chat-direct-mic-btn.ss-mic--processing svg { color: rgb(74, 122, 104) !important; stroke: rgb(74, 122, 104) !important; transform-origin: center center !important; }
#chat-mic-btn.ss-mic--processing { background: rgba(74, 122, 104, 0.1) !important; }
#chat-mic-btn.ss-mic--processing svg { color: rgb(74, 122, 104) !important; stroke: rgb(74, 122, 104) !important; transform-origin: center center !important; }
#chat-direct-mic-btn:not(.ss-mic--recording):not(.ss-mic--processing), #chat-mic-btn:not(.ss-mic--recording):not(.ss-mic--processing) { background: transparent !important; animation: auto ease 0s 1 normal none running none !important; box-shadow: none !important; }
html body .input-card #chat-direct-mic-btn.ss-mic--recording svg, html body .input-card #chat-direct-mic-btn.ss-mic--recording svg *, html body .input-card #chat-mic-btn.ss-mic--recording svg, html body .input-card #chat-mic-btn.ss-mic--recording svg * { color: rgb(255, 254, 251) !important; stroke: rgb(255, 254, 251) !important; fill: none !important; }
html body .input-card #chat-direct-mic-btn.ss-mic--listening:not(.ss-mic--recording) svg, html body .input-card #chat-direct-mic-btn.ss-mic--listening:not(.ss-mic--recording) svg *, html body .input-card #chat-direct-mic-btn.ss-mic--processing:not(.ss-mic--recording) svg, html body .input-card #chat-direct-mic-btn.ss-mic--processing:not(.ss-mic--recording) svg *, html body .input-card #chat-mic-btn.ss-mic--listening:not(.ss-mic--recording) svg, html body .input-card #chat-mic-btn.ss-mic--listening:not(.ss-mic--recording) svg *, html body .input-card #chat-mic-btn.ss-mic--processing:not(.ss-mic--recording) svg, html body .input-card #chat-mic-btn.ss-mic--processing:not(.ss-mic--recording) svg * { color: rgb(74, 122, 104) !important; stroke: rgb(74, 122, 104) !important; fill: none !important; }
html[data-theme="dark"] body:not(.chat-ny-in-conversation):not(#_calm) .input-card #chat-direct-mic-btn.ss-mic--recording svg, html[data-theme="dark"] body:not(.chat-ny-in-conversation):not(#_calm) .input-card #chat-direct-mic-btn.ss-mic--recording svg *, html[data-theme="dark"] body:not(.chat-ny-in-conversation):not(#_calm) .input-card #chat-mic-btn.ss-mic--recording svg, html[data-theme="dark"] body:not(.chat-ny-in-conversation):not(#_calm) .input-card #chat-mic-btn.ss-mic--recording svg * { color: rgb(255, 254, 251) !important; stroke: rgb(255, 254, 251) !important; fill: none !important; }
html[data-theme="dark"] body:not(.chat-ny-in-conversation):not(#_calm) .input-card #chat-direct-mic-btn.ss-mic--listening:not(.ss-mic--recording) svg, html[data-theme="dark"] body:not(.chat-ny-in-conversation):not(#_calm) .input-card #chat-direct-mic-btn.ss-mic--listening:not(.ss-mic--recording) svg *, html[data-theme="dark"] body:not(.chat-ny-in-conversation):not(#_calm) .input-card #chat-direct-mic-btn.ss-mic--processing:not(.ss-mic--recording) svg, html[data-theme="dark"] body:not(.chat-ny-in-conversation):not(#_calm) .input-card #chat-direct-mic-btn.ss-mic--processing:not(.ss-mic--recording) svg *, html[data-theme="dark"] body:not(.chat-ny-in-conversation):not(#_calm) .input-card #chat-mic-btn.ss-mic--listening:not(.ss-mic--recording) svg, html[data-theme="dark"] body:not(.chat-ny-in-conversation):not(#_calm) .input-card #chat-mic-btn.ss-mic--listening:not(.ss-mic--recording) svg *, html[data-theme="dark"] body:not(.chat-ny-in-conversation):not(#_calm) .input-card #chat-mic-btn.ss-mic--processing:not(.ss-mic--recording) svg, html[data-theme="dark"] body:not(.chat-ny-in-conversation):not(#_calm) .input-card #chat-mic-btn.ss-mic--processing:not(.ss-mic--recording) svg * { color: rgb(124, 184, 164) !important; stroke: rgb(124, 184, 164) !important; fill: none !important; }
.chat-prompt-chip.chat-prompt-add:focus-visible { outline: rgb(92, 77, 67) solid 2px !important; outline-offset: 2px !important; }
.chat-prompt-chip.chat-prompt-add:active { transform: scale(0.97); }
#chat-main .chat-prompt-chip.chat-prompt-add, body:has(#chat-app) .chat-prompt-chip.chat-prompt-add { font-weight: var(--font-weight-semibold) !important; }
[data-theme="dark"] .chat-prompt-chip.chat-prompt-add, [data-theme="dark"] body:not(.chat-ny-in-conversation) .chat-prompt-chip.chat-prompt-add { background: transparent !important; border: 1.5px dashed rgba(138, 170, 156, 0.5) !important; color: rgb(143, 179, 164) !important; box-shadow: none !important; backdrop-filter: none !important; }
[data-theme="dark"] .chat-prompt-chip.chat-prompt-add svg { color: currentcolor !important; opacity: 0.9; }
[data-theme="dark"] .chat-prompt-chip.chat-prompt-add:hover, [data-theme="dark"] body:not(.chat-ny-in-conversation) .chat-prompt-chip.chat-prompt-add:hover { background: rgba(138, 170, 156, 0.14) !important; border-color: rgba(138, 170, 156, 0.8) !important; color: rgb(174, 208, 193) !important; }
[data-theme="dark"] .chat-prompt-chip.chat-prompt-add:focus-visible { outline-color: rgb(124, 184, 164) !important; }
@media (max-width: 700px) {.chat-msg-actions { flex-wrap: wrap; row-gap: 6px; }}
#chat-app .chat-msg-actions:has(.chat-sources) { align-items: center; flex-wrap: wrap; gap: 8px; }
#chat-app #chat-messages .chat-msg-actions .ss-reader-controls { --reader-btn-ink: #5c544d; --reader-btn-hover: #e1dcd5; --reader-btn-active: #ded9d2; display: inline-flex; align-items: center; gap: 0px; margin-inline-start: 8px; border: 0px; border-radius: 8px; background: rgb(233, 228, 222); color: var(--reader-btn-ink); box-shadow: none; vertical-align: middle; }
#chat-app #chat-messages .chat-msg-actions .ss-reader-controls .ss-play, #chat-app #chat-messages .chat-msg-actions .ss-reader-controls .ss-voice-caret, #chat-app #chat-messages .chat-msg-actions .ss-reader-controls .ss-tts-stop { box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; min-width: 40px; min-height: 36px; width: auto; height: auto; margin: 0px; padding: 0px 10px; border-radius: 0px; opacity: 1; transform: none; box-shadow: none; font: inherit; cursor: pointer; position: static !important; border: 0px !important; background: transparent !important; color: inherit !important; }
#chat-app #chat-messages .chat-msg-actions .ss-reader-controls button:first-child { border-start-start-radius: 8px; border-end-start-radius: 8px; }
#chat-app #chat-messages .chat-msg-actions .ss-reader-controls button:last-child { border-start-end-radius: 8px; border-end-end-radius: 8px; }
#chat-app #chat-messages .chat-msg-actions .ss-reader-controls .ss-voice-caret { gap: 9px; padding-inline: 12px; }
#chat-app #chat-messages .chat-msg-actions .ss-reader-controls .ss-tts-stop { border-inline-start: 0px !important; }
#chat-app #chat-messages .chat-msg-actions .ss-reader-controls button::before { content: none !important; }
#chat-app #chat-messages .chat-msg-actions .ss-reader-controls .ss-voice-name { display: inline; margin: 0px; color: inherit; font-size: 14px; font-weight: 600; line-height: 1.3; cursor: inherit; }
#chat-app #chat-messages .chat-msg-actions .ss-reader-controls .ss-voice-caret svg { width: 14px; height: 14px; stroke-width: 2; flex: 0 0 auto; }
#chat-app #chat-messages .chat-msg-actions .ss-reader-controls .ss-play svg { width: 16px; height: 16px; }
#chat-app #chat-messages .chat-msg-actions .ss-reader-controls button:hover { background: var(--reader-btn-hover) !important; }
#chat-app #chat-messages .chat-msg-actions .ss-reader-controls button:is(:active, :focus-visible, [aria-expanded="true"], [aria-pressed="true"]) { background: var(--reader-btn-active) !important; outline: none !important; }
#chat-app #chat-messages .chat-msg-actions .ss-reader-controls button:focus-visible { text-decoration: underline; text-underline-offset: 3px; box-shadow: inset 0 -3px 0 var(--reader-btn-ink) !important; }
[data-theme="dark"] #chat-app #chat-messages .chat-msg-actions .ss-reader-controls { --reader-btn-ink: #e2ded8; --reader-btn-hover: #48443f; --reader-btn-active: #565049; box-shadow: none; background: rgb(54, 51, 47) !important; color: var(--reader-btn-ink) !important; }
@media (pointer: coarse), (max-width: 600px) {#chat-app #chat-messages .chat-msg-actions .ss-reader-controls .ss-play, #chat-app #chat-messages .chat-msg-actions .ss-reader-controls .ss-voice-caret, #chat-app #chat-messages .chat-msg-actions .ss-reader-controls .ss-tts-stop { min-height: 44px; min-width: 44px; }}
@media (forced-colors: active) {#chat-app #chat-messages .chat-msg-actions .ss-reader-controls { border: 1px solid buttontext; }
#chat-app #chat-messages .chat-msg-actions .ss-reader-controls button:focus-visible { outline-offset: -3px; outline: highlight solid 2px !important; }}
#chat-app #chat-messages .chat-msg-actions .ss-reader-controls .ss-voice-caret { min-width: 106px; gap: 7px; padding: 0px 8px; justify-content: space-between; }
.ss-pdf-band-read.ss-play--loading, .ss-pdf-band-read.ss-play--playing, #chat-main .ss-pdf-band-read.ss-play--loading, #chat-main .ss-pdf-band-read.ss-play--playing { background: rgb(234, 240, 233); border-color: rgb(220, 233, 218); color: rgb(47, 74, 56); }
.calm-prompt-new-category, .calm-prompt-list-mode { background: rgb(255, 254, 251) !important; border: 1px solid rgba(58, 47, 38, 0.06) !important; border-radius: 14px !important; box-shadow: rgba(58, 47, 38, 0.04) 0px 0px 0px 1px, rgba(58, 47, 38, 0.04) 0px 1px 2px, rgba(58, 47, 38, 0.12) 0px 12px 32px -8px !important; padding: 4px !important; overflow: hidden !important; }
[data-theme="dark"] .calm-prompt-new-category, [data-theme="dark"] .calm-prompt-list-mode { background: var(--color-card, #1c1b18) !important; border-color: rgba(255, 255, 255, 0.1) !important; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px 1px, rgba(0, 0, 0, 0.15) 0px 1px 2px, rgba(0, 0, 0, 0.3) 0px 12px 32px -8px !important; }
.calm-prompt-list-mode[data-color] { --calm-cat-color: currentColor; background: rgb(255, 254, 251) !important; border-color: rgba(58, 47, 38, 0.06) !important; }
[data-theme="dark"] .calm-prompt-list-mode[data-color] { background: var(--color-card, #1c1b18) !important; border-color: rgba(255, 255, 255, 0.1) !important; }
.calm-prompt-list-mode[data-color="gray"] { --calm-cat-color: #9A8E82; }
.calm-prompt-list-mode[data-color="red"] { --calm-cat-color: #A6594B; }
.calm-prompt-list-mode[data-color="orange"] { --calm-cat-color: #C97C4F; }
.calm-prompt-list-mode[data-color="yellow"] { --calm-cat-color: #B8924A; }
.calm-prompt-list-mode[data-color="green"] { --calm-cat-color: #6E8A7E; }
.calm-prompt-list-mode[data-color="blue"] { --calm-cat-color: #5C7A8A; }
.calm-prompt-list-mode[data-color="purple"] { --calm-cat-color: #8A6E8A; }
.calm-prompt-list-mode[data-color="pink"] { --calm-cat-color: #B07A8A; }
.calm-prompt-list-mode[data-color="sage"] { --calm-cat-color: #4A7A68; }
.calm-prompt-list-mode[data-color="moss"] { --calm-cat-color: #8FA593; }
.calm-prompt-list-mode[data-color="clay"] { --calm-cat-color: #8C5A47; }
.calm-prompt-list-mode[data-color="sand"] { --calm-cat-color: #C9B68A; }
.calm-prompt-list-mode[data-color="anchor"] { --calm-cat-color: #3A2F26; }
.calm-prompt-list-mode[data-color="plum"] { --calm-cat-color: #6E4A5C; }
.calm-prompt-list-mode { max-width: 640px !important; width: 100% !important; margin-inline: auto !important; }
.calm-prompt-list-mode .chat-prompt-list { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; align-items: stretch; list-style: none; margin: 0px; padding: 14px 18px; }
@media (max-width: 600px) {.calm-prompt-list-mode .chat-prompt-list { grid-template-columns: 1fr; }}
.calm-prompt-list-mode .chat-prompt-item { margin: 0px; display: flex; min-width: 0px; height: 48px; background: rgb(255, 254, 251); border: 1px solid rgba(58, 47, 38, 0.1); border-radius: 14px; position: relative; transition: border-color 0.15s, background 0.15s; padding: 0px !important; }
.calm-prompt-list-mode .chat-prompt-item:hover { background: rgb(251, 250, 247); border-color: rgba(58, 47, 38, 0.1); }
body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-list-mode .chat-prompt-list .chat-prompt-item:hover, body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-list-mode .chat-prompt-list .chat-prompt-item:focus-within, body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-list-mode .chat-prompt-item:hover, body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-list-mode .chat-prompt-item:focus-within { background: rgb(251, 250, 247); border-color: rgba(58, 47, 38, 0.1) !important; }
.calm-prompt-list-mode .chat-prompt-item:last-child { margin-bottom: 0px; }
[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-item { background: rgba(255, 255, 255, 0.03) !important; border-color: rgba(255, 255, 255, 0.08) !important; }
[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-item:hover, [data-theme="dark"] .calm-prompt-list-mode .chat-prompt-item:focus-within { background: rgba(255, 255, 255, 0.06) !important; border-color: rgba(255, 255, 255, 0.14) !important; }
[data-theme="dark"] body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-list-mode .chat-prompt-list .chat-prompt-item:hover, [data-theme="dark"] body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-list-mode .chat-prompt-list .chat-prompt-item:focus-within, [data-theme="dark"] body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-list-mode .chat-prompt-item:hover, [data-theme="dark"] body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-list-mode .chat-prompt-item:focus-within { background: rgba(255, 255, 255, 0.06) !important; border-color: rgba(255, 255, 255, 0.14) !important; }
.calm-prompt-list-mode .chat-prompt-suggestion-btn { display: flex; align-items: center; justify-content: flex-start; gap: 10px; width: 100%; height: 100%; box-sizing: border-box; color: rgb(58, 47, 38); font-weight: 500; background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 11px 12px !important; }
.calm-prompt-list-mode .chat-prompt-suggestion-btn::before { content: ""; flex: 0 0 auto; width: 26px; height: 26px; border-radius: 8px; background: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"%236E8A7E\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 3v4a1 1 0 0 0 1 1h4\"/><path d=\"M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2z\"/><path d=\"M9 13h6M9 17h4\"/></svg>") center center / 15px auto no-repeat rgba(110, 138, 126, 0.12); }
.calm-prompt-list-mode .chat-prompt-suggestion-btn > span { flex: 1 1 auto; min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.calm-prompt-list-mode .chat-prompt-suggestion-btn:hover { background: transparent; color: rgb(58, 47, 38); }
[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-suggestion-btn { color: rgba(255, 254, 251, 0.92) !important; }
[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-suggestion-btn:hover { color: rgba(255, 254, 251, 0.92) !important; }
.calm-prompt-list-mode .chat-prompt-suggestion-btn:focus-visible { outline: rgb(110, 138, 126) solid 2px !important; outline-offset: -2px !important; border-radius: 8px !important; }
.calm-prompt-list-mode .chat-prompt-arrow { flex: 0 0 auto; opacity: 0.45; color: rgb(154, 142, 130) !important; transition: none !important; }
.calm-prompt-list-mode .chat-prompt-item:hover .chat-prompt-arrow { opacity: 0.45; color: rgb(154, 142, 130) !important; transform: none !important; }
[dir="rtl"] .chat-prompt-arrow, [dir="rtl"] .calm-prompt-list-mode .chat-prompt-item:hover .chat-prompt-arrow { transform: scaleX(-1) !important; }
[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-arrow { color: rgba(255, 254, 251, 0.35) !important; }
[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-item:hover .chat-prompt-arrow { color: rgba(255, 254, 251, 0.35) !important; }
.calm-prompt-list-mode .chat-prompt-item > .chat-prompt-item-actions { position: absolute !important; inset-inline-end: 38px !important; top: 50% !important; transform: translateY(-50%) !important; opacity: 0 !important; transition: opacity 0.15s !important; display: flex !important; gap: 2px !important; }
.calm-prompt-list-mode .chat-prompt-item:hover > .chat-prompt-item-actions, .calm-prompt-list-mode .chat-prompt-item:focus-within > .chat-prompt-item-actions { opacity: 1 !important; }
.calm-prompt-list-mode .chat-prompt-item-edit, .calm-prompt-list-mode .chat-prompt-item-delete { color: rgb(154, 142, 130) !important; background: transparent !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; border-radius: 8px !important; transition: background 0.15s, color 0.15s !important; }
.calm-prompt-list-mode .chat-prompt-item-edit:hover { background: rgba(58, 47, 38, 0.06) !important; color: rgb(92, 77, 67) !important; }
.calm-prompt-list-mode .chat-prompt-item-delete:hover { background: rgba(166, 89, 75, 0.08) !important; color: rgb(166, 89, 75) !important; }
[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-item-edit, [data-theme="dark"] .calm-prompt-list-mode .chat-prompt-item-delete { color: rgba(255, 254, 251, 0.4) !important; }
[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-item-edit:hover { background: rgba(255, 255, 255, 0.08) !important; color: rgba(255, 254, 251, 0.85) !important; }
[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-item-delete:hover { background: rgba(166, 89, 75, 0.16) !important; color: rgb(224, 123, 107) !important; }
.calm-prompt-list-mode .chat-prompt-item[data-confirm-active] { align-items: center !important; padding: 0px 12px !important; gap: 8px !important; }
.calm-prompt-list-mode .chat-prompt-item[data-confirm-active] > .chat-prompt-delete-confirm { flex: 1 1 auto; min-width: 0px; font-size: 13px; font-weight: 500; color: rgb(92, 77, 67); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.calm-prompt-list-mode .chat-prompt-item[data-confirm-active] > .chat-prompt-item-actions { flex: 0 0 auto; position: static !important; transform: none !important; opacity: 1 !important; }
[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-item[data-confirm-active] > .chat-prompt-delete-confirm { color: rgba(255, 254, 251, 0.7); }
.calm-prompt-list-mode .chat-prompt-item-edit:focus-visible, .calm-prompt-list-mode .chat-prompt-item-delete:focus-visible { outline: rgb(110, 138, 126) solid 2px !important; outline-offset: -2px !important; }
@media (hover: hover) {.calm-prompt-list-mode .chat-prompt-item > .chat-prompt-item-actions:has(.chat-prompt-item-edit) { z-index: 2 !important; background: rgb(255, 254, 251) !important; border-radius: 8px !important; padding-inline-start: 6px !important; box-shadow: rgb(255, 254, 251) -8px 0px 8px !important; }
[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-item > .chat-prompt-item-actions:has(.chat-prompt-item-edit) { background: var(--color-card, #1c1b18) !important; box-shadow: -8px 0 8px var(--color-card, #1c1b18) !important; }
[dir="rtl"] .calm-prompt-list-mode .chat-prompt-item > .chat-prompt-item-actions:has(.chat-prompt-item-edit) { box-shadow: rgb(255, 254, 251) 8px 0px 8px !important; }
[dir="rtl"][data-theme="dark"] .calm-prompt-list-mode .chat-prompt-item > .chat-prompt-item-actions:has(.chat-prompt-item-edit) { box-shadow: 8px 0 8px var(--color-card, #1c1b18) !important; }
.calm-prompt-list-mode .chat-prompt-item:hover .chat-prompt-suggestion-btn > span, .calm-prompt-list-mode .chat-prompt-item:focus-within .chat-prompt-suggestion-btn > span { padding-inline-end: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }}
.calm-prompt-list-mode .chat-prompt-empty { padding: 0px !important; margin: 0px !important; }
.calm-prompt-list-mode .chat-prompt-empty p { display: none !important; }
@media (hover: none) {.calm-prompt-list-mode .chat-prompt-suggestion-btn { flex: 1 1 auto; min-width: 0px; width: auto; }
.calm-prompt-list-mode .chat-prompt-item > .chat-prompt-item-actions { flex: 0 0 auto; opacity: 1 !important; position: static !important; transform: none !important; }
.calm-prompt-list-mode .chat-prompt-arrow { display: none !important; }}
.calm-prompt-list-mode .chat-prompt-item:active { background: rgba(228, 220, 212, 0.35) !important; }
.calm-prompt-list-mode .chat-prompt-item:focus-visible { outline: rgb(110, 138, 126) solid 2px !important; outline-offset: -2px !important; border-radius: 10px !important; }
[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-item:active { background: rgba(255, 255, 255, 0.1) !important; }
@media (prefers-reduced-motion: reduce) {.calm-prompt-list-mode .chat-prompt-list .chat-prompt-item, .calm-prompt-list-mode .chat-prompt-item, .calm-prompt-list-mode .chat-prompt-arrow, .calm-prompt-list-mode .chat-prompt-item > .chat-prompt-item-actions, .calm-prompt-list-mode .chat-prompt-item-edit, .calm-prompt-list-mode .chat-prompt-item-delete, .calm-prompt-list-mode .chat-prompt-add-prompt-btn { transition: none !important; }
.calm-prompt-list-mode .chat-prompt-item > .chat-prompt-item-actions { transform: translateY(-50%) !important; }}
@media (max-width: 767px) and (min-width: 641px) {.chat-prompt-panel:has(.calm-prompt-list-mode) { bottom: calc(var(--mn-bar-height, 60px) + 8px) !important; }
.calm-prompt-list-mode { overscroll-behavior: contain; max-width: none !important; width: auto !important; max-height: calc(100dvh - var(--mn-bar-height, 60px) - 40px) !important; overflow: hidden auto !important; padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px)) !important; }}
@media (max-width: 640px) {.chat-prompt-panel:has(.calm-prompt-list-mode) { position: fixed !important; inset: 0px !important; z-index: 9999 !important; padding: 0px !important; margin: 0px !important; background: transparent !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; box-shadow: none !important; border-radius: 0px !important; pointer-events: auto !important; }
.calm-prompt-list-mode { max-width: none !important; width: 100% !important; height: 100% !important; max-height: none !important; box-sizing: border-box !important; border-radius: 0px !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; box-shadow: none !important; display: flex !important; flex-direction: column !important; overflow: hidden !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; padding-top: env(safe-area-inset-top, 0px) !important; }
.chat-prompt-panel-inner.calm-prompt-list-mode { margin: 0px !important; }
.calm-prompt-list-mode .chat-prompt-list { overscroll-behavior: contain; flex: 1 1 auto !important; overflow-y: auto !important; padding: 14px 16px !important; align-content: start !important; }
.calm-prompt-list-mode .chat-prompt-empty { flex: 1 1 auto !important; }
.calm-prompt-list-mode .chat-prompt-arrow { display: none !important; }
.chat-prompt-panel:has(.calm-prompt-new-category) { position: fixed !important; inset: 0px !important; z-index: 9999 !important; padding: 0px !important; margin: 0px !important; background: transparent !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; box-shadow: none !important; border-radius: 0px !important; pointer-events: auto !important; }
.calm-prompt-new-category { max-width: none !important; width: 100% !important; height: 100% !important; max-height: none !important; box-sizing: border-box !important; border-radius: 0px !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; box-shadow: none !important; display: flex !important; flex-direction: column !important; overflow: hidden !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; padding-top: env(safe-area-inset-top, 0px) !important; }
.chat-prompt-panel-inner.calm-prompt-new-category { margin: 0px !important; }}
.calm-prompt-new-category .chat-prompt-panel-header { display: flex !important; align-items: center !important; gap: 14px !important; padding: 18px 18px 16px !important; border-bottom: 1px solid rgba(58, 47, 38, 0.06) !important; }
.calm-prompt-list-mode .chat-prompt-panel-header { display: flex !important; align-items: center !important; gap: 12px !important; padding: 18px 18px 14px !important; border-bottom: 1px solid rgba(58, 47, 38, 0.07) !important; }
[data-theme="dark"] .calm-prompt-new-category .chat-prompt-panel-header, [data-theme="dark"] .calm-prompt-list-mode .chat-prompt-panel-header { border-bottom-color: rgba(255, 255, 255, 0.08) !important; }
.calm-prompt-new-category .chat-prompt-panel-header > svg:first-child { min-width: 36px; box-sizing: border-box; flex-shrink: 0; width: 36px !important; height: 36px !important; padding: 8px !important; border-radius: 12px !important; background: rgba(110, 138, 126, 0.1) !important; color: rgb(74, 122, 104) !important; }
.calm-prompt-list-mode .chat-prompt-panel-header > svg:first-child { min-width: 36px; box-sizing: border-box; flex-shrink: 0; width: 36px !important; height: 36px !important; padding: 8px !important; border-radius: 12px !important; background: rgba(110, 138, 126, 0.12) !important; color: rgb(110, 138, 126) !important; }
[data-theme="dark"] .calm-prompt-new-category .chat-prompt-panel-header > svg:first-child, [data-theme="dark"] .calm-prompt-list-mode .chat-prompt-panel-header > svg:first-child { background: rgba(110, 138, 126, 0.16) !important; color: rgb(138, 175, 161) !important; }
.calm-prompt-new-category .calm-prompt-anchor, .calm-prompt-list-mode .calm-prompt-anchor { display: flex; flex-direction: column; gap: 2px; flex: 1 1 0%; min-width: 0px; }
.calm-prompt-new-category .chat-prompt-panel-title, .calm-prompt-list-mode .chat-prompt-panel-title { letter-spacing: -0.01em; font-size: 1.3125rem !important; font-weight: 650 !important; color: rgb(58, 47, 38) !important; line-height: 1.25 !important; }
[data-theme="dark"] .calm-prompt-new-category .chat-prompt-panel-title, [data-theme="dark"] .calm-prompt-list-mode .chat-prompt-panel-title { color: rgba(255, 254, 251, 0.92) !important; }
.calm-prompt-list-mode .calm-prompt-subtitle[data-i18n="calm.listSubtitle"] { display: none !important; }
.calm-prompt-list-mode .chat-prompt-panel-header > svg[role="button"] { cursor: pointer; transition: background 0.15s; }
.calm-prompt-list-mode .chat-prompt-panel-header > svg[role="button"]:hover { background: rgba(110, 138, 126, 0.2) !important; }
.calm-prompt-list-mode .chat-prompt-panel-header > svg[role="button"]:focus-visible { outline: none; box-shadow: rgba(110, 138, 126, 0.25) 0px 0px 0px 3px; }
[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-panel-header > svg[role="button"]:hover { background: rgba(110, 138, 126, 0.28) !important; }
[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-panel-header > svg[role="button"]:focus-visible { box-shadow: rgba(138, 175, 161, 0.3) 0px 0px 0px 3px; }
.calm-prompt-new-category .calm-prompt-subtitle { font-size: 0.8125rem; color: rgb(154, 142, 130); line-height: 1.4; font-weight: 400; }
[data-theme="dark"] .calm-prompt-new-category .calm-prompt-subtitle { color: rgba(255, 254, 251, 0.45); }
.calm-prompt-new-category .chat-prompt-panel-close, .calm-prompt-list-mode .chat-prompt-panel-close { min-width: 32px; flex-shrink: 0; width: 32px !important; height: 32px !important; border-radius: 10px !important; background: transparent !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; color: rgb(154, 142, 130) !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: background 0.15s, color 0.15s !important; }
.calm-prompt-new-category .chat-prompt-panel-close:hover, .calm-prompt-list-mode .chat-prompt-panel-close:hover { background: rgba(110, 138, 126, 0.1) !important; color: rgb(92, 77, 67) !important; }
.calm-prompt-new-category .chat-prompt-panel-close:focus-visible, .calm-prompt-list-mode .chat-prompt-panel-close:focus-visible { outline: rgb(110, 138, 126) solid 2px !important; outline-offset: -2px !important; }
[data-theme="dark"] .calm-prompt-new-category .chat-prompt-panel-close, [data-theme="dark"] .calm-prompt-list-mode .chat-prompt-panel-close { color: rgba(255, 254, 251, 0.45) !important; }
[data-theme="dark"] .calm-prompt-new-category .chat-prompt-panel-close:hover, [data-theme="dark"] .calm-prompt-list-mode .chat-prompt-panel-close:hover { background: rgba(255, 255, 255, 0.06) !important; color: rgba(255, 254, 251, 0.75) !important; }
.calm-prompt-list-mode .chat-prompt-header-action { min-width: 32px; flex-shrink: 0; pointer-events: none; width: 32px !important; height: 32px !important; border-radius: 10px !important; background: transparent !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; color: rgb(154, 142, 130) !important; display: flex !important; align-items: center !important; justify-content: center !important; opacity: 0 !important; transition: opacity 0.15s, background 0.15s, color 0.15s !important; }
.calm-prompt-list-mode .chat-prompt-panel-header:hover .chat-prompt-header-action, .calm-prompt-list-mode .chat-prompt-panel-header:focus-within .chat-prompt-header-action { opacity: 1 !important; pointer-events: auto; }
.calm-prompt-list-mode .chat-prompt-header-action:hover { background: rgba(166, 89, 75, 0.08) !important; color: rgb(166, 89, 75) !important; }
.calm-prompt-list-mode .chat-prompt-header-action:focus-visible { pointer-events: auto; outline: rgb(110, 138, 126) solid 2px !important; outline-offset: -2px !important; opacity: 1 !important; }
[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-header-action { color: rgba(255, 254, 251, 0.45) !important; }
[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-header-action:hover { background: rgba(166, 89, 75, 0.12) !important; color: rgb(224, 123, 107) !important; }
.calm-prompt-list-mode .chat-prompt-panel-close:active, .calm-prompt-new-category .chat-prompt-panel-close:active { background: rgba(110, 138, 126, 0.16) !important; }
.calm-prompt-list-mode .chat-prompt-header-action:active { background: rgba(166, 89, 75, 0.12) !important; }
@media (max-width: 767px) {.calm-prompt-new-category .chat-prompt-panel-header, .calm-prompt-list-mode .chat-prompt-panel-header { gap: 10px !important; padding: 12px 12px 10px !important; }
.calm-prompt-new-category .chat-prompt-panel-title, .calm-prompt-list-mode .chat-prompt-panel-title { font-size: 1.125rem !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
.calm-prompt-new-category .chat-prompt-panel-close, .calm-prompt-list-mode .chat-prompt-panel-close { width: 44px !important; height: 44px !important; min-width: 44px !important; }
.calm-prompt-list-mode .chat-prompt-header-action { width: 44px !important; height: 44px !important; min-width: 44px !important; }}
@media (max-width: 640px) {.calm-prompt-new-category .chat-prompt-panel-close { display: none !important; }
.calm-prompt-new-category .chat-prompt-panel-header { flex: 0 0 auto !important; gap: 12px !important; padding: 16px 18px !important; }
.calm-prompt-new-category .chat-prompt-panel-header > svg:first-child { flex: 0 0 auto; }}
@media (max-width: 640px) {.calm-prompt-list-mode .chat-prompt-panel-close { display: none !important; }
.calm-prompt-list-mode .chat-prompt-panel-header { flex: 0 0 auto !important; gap: 12px !important; padding: 22px 20px 12px !important; border-bottom: 1px solid rgba(58, 47, 38, 0.07) !important; }}
@media (prefers-reduced-motion: reduce) {.calm-prompt-new-category .chat-prompt-panel-close, .calm-prompt-list-mode .chat-prompt-panel-close, .calm-prompt-list-mode .chat-prompt-header-action { transition: none !important; }}
.chat-prompt-panel-inner.calm-prompt-form-mode { max-width: 640px !important; width: 100% !important; margin-inline: auto !important; background: rgb(255, 254, 251) !important; border: 1px solid rgba(58, 47, 38, 0.06) !important; border-radius: 14px !important; box-shadow: rgba(58, 47, 38, 0.04) 0px 0px 0px 1px, rgba(58, 47, 38, 0.04) 0px 1px 2px, rgba(58, 47, 38, 0.12) 0px 12px 32px -8px !important; padding: 4px !important; overflow: hidden !important; }
[data-theme="dark"] .chat-prompt-panel-inner.calm-prompt-form-mode { background: var(--color-card, #1c1b18) !important; border-color: rgba(255, 255, 255, 0.1) !important; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px 1px, rgba(0, 0, 0, 0.15) 0px 1px 2px, rgba(0, 0, 0, 0.3) 0px 12px 32px -8px !important; }
.calm-prompt-form-mode .chat-prompt-panel-header { display: flex !important; align-items: center !important; gap: 12px !important; padding: 18px 18px 14px !important; border-bottom: 1px solid rgba(58, 47, 38, 0.07) !important; }
[data-theme="dark"] .calm-prompt-form-mode .chat-prompt-panel-header { border-bottom-color: rgba(255, 255, 255, 0.08) !important; }
.calm-prompt-form-mode .chat-prompt-panel-header > svg:first-child, .calm-prompt-form-mode[data-color] .chat-prompt-panel-header > svg:first-child { min-width: 36px; box-sizing: border-box; flex-shrink: 0; width: 36px !important; height: 36px !important; padding: 8px !important; border-radius: 12px !important; background: rgba(110, 138, 126, 0.12) !important; color: rgb(74, 122, 104) !important; }
[data-theme="dark"] .calm-prompt-form-mode .chat-prompt-panel-header > svg:first-child { background: rgba(110, 138, 126, 0.16) !important; color: rgb(138, 175, 161) !important; }
.calm-prompt-form-mode .chat-prompt-panel-title { letter-spacing: -0.01em; flex: 1 1 0%; min-width: 0px; font-size: 1.3125rem !important; font-weight: 650 !important; color: rgb(58, 47, 38) !important; line-height: 1.25 !important; }
[data-theme="dark"] .calm-prompt-form-mode .chat-prompt-panel-title { color: rgba(255, 254, 251, 0.92) !important; }
.calm-prompt-form-mode .chat-prompt-panel-close { min-width: 32px; flex-shrink: 0; width: 32px !important; height: 32px !important; border-radius: 10px !important; background: transparent !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; color: rgb(154, 142, 130) !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: background 0.15s, color 0.15s !important; }
.calm-prompt-form-mode .chat-prompt-panel-close:hover { background: rgba(110, 138, 126, 0.1) !important; color: rgb(92, 77, 67) !important; }
.calm-prompt-form-mode .chat-prompt-panel-close:focus-visible { outline: rgb(110, 138, 126) solid 2px !important; outline-offset: -2px !important; }
[data-theme="dark"] .calm-prompt-form-mode .chat-prompt-panel-close { color: rgba(255, 254, 251, 0.45) !important; }
[data-theme="dark"] .calm-prompt-form-mode .chat-prompt-panel-close:hover { background: rgba(255, 255, 255, 0.06) !important; color: rgba(255, 254, 251, 0.75) !important; }
.calm-prompt-form-mode .chat-prompt-panel-close:active { background: rgba(110, 138, 126, 0.16) !important; }
@media (max-width: 767px) {.chat-prompt-panel:has(.calm-prompt-form-mode) { bottom: calc(var(--mn-bar-height, 60px) + 8px) !important; }
.chat-prompt-panel-inner.calm-prompt-form-mode { overscroll-behavior: contain; max-width: none !important; width: auto !important; max-height: calc(100dvh - var(--mn-bar-height, 60px) - 40px) !important; overflow: hidden auto !important; padding-bottom: calc(4px + env(safe-area-inset-bottom, 0px)) !important; }
.calm-prompt-form-mode .chat-prompt-panel-header { gap: 10px !important; padding: 12px 12px 10px !important; }
.calm-prompt-form-mode .chat-prompt-panel-title { font-size: 1.125rem !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
.calm-prompt-form-mode .chat-prompt-panel-close { width: 44px !important; height: 44px !important; min-width: 44px !important; }}
@media (max-width: 640px) {.chat-prompt-panel.chat-prompt-panel--with-ai-dock:has(.calm-prompt-form-mode) { position: fixed !important; inset: 0px !important; z-index: 9990 !important; max-height: none !important; padding: 0px !important; margin: 0px !important; background: transparent !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; box-shadow: none !important; border-radius: 0px !important; overflow: hidden !important; pointer-events: auto !important; }
.chat-prompt-panel--with-ai-dock .calm-prompt-form-mode { max-width: none !important; width: 100% !important; height: 100% !important; max-height: none !important; box-sizing: border-box !important; border-radius: 0px !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; box-shadow: none !important; display: flex !important; flex-direction: column !important; overflow: hidden !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; padding-top: env(safe-area-inset-top, 0px) !important; margin: 0px !important; }
.chat-prompt-panel--with-ai-dock .calm-prompt-form-mode .chat-prompt-panel-header { flex: 0 0 auto !important; gap: 12px !important; padding: 12px 12px 10px !important; border-bottom: 1px solid rgba(58, 47, 38, 0.07) !important; }
.chat-prompt-panel--with-ai-dock .calm-prompt-form-mode .chat-prompt-panel-close { display: none !important; }}
@media (prefers-reduced-motion: reduce) {.calm-prompt-form-mode .chat-prompt-panel-close { transition: none !important; }}
.chat-prompt-panel-inner.calm-prompt-top-actions-mode { max-width: 640px !important; width: 100% !important; margin-inline: auto !important; background: rgb(255, 254, 251) !important; border: 1px solid rgba(58, 47, 38, 0.06) !important; border-radius: 14px !important; box-shadow: rgba(58, 47, 38, 0.04) 0px 0px 0px 1px, rgba(58, 47, 38, 0.04) 0px 1px 2px, rgba(58, 47, 38, 0.12) 0px 12px 32px -8px !important; padding: 4px !important; overflow: hidden !important; }
[data-theme="dark"] .chat-prompt-panel-inner.calm-prompt-top-actions-mode { background: var(--color-card, #1c1b18) !important; border-color: rgba(255, 255, 255, 0.1) !important; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px 1px, rgba(0, 0, 0, 0.15) 0px 1px 2px, rgba(0, 0, 0, 0.3) 0px 12px 32px -8px !important; }
.calm-prompt-top-actions-mode .chat-prompt-panel-header { display: flex !important; align-items: center !important; gap: 12px !important; padding: 18px 18px 14px !important; border-bottom-width: medium !important; border-bottom-style: none !important; border-bottom-color: currentcolor !important; }
.calm-prompt-top-actions-mode .chat-prompt-panel-header > svg:first-child { min-width: 36px; box-sizing: border-box; flex-shrink: 0; width: 36px !important; height: 36px !important; padding: 8px !important; border-radius: 12px !important; background: rgba(110, 138, 126, 0.12) !important; color: rgb(74, 122, 104) !important; }
[data-theme="dark"] .calm-prompt-top-actions-mode .chat-prompt-panel-header > svg:first-child { background: rgba(110, 138, 126, 0.16) !important; color: rgb(138, 175, 161) !important; }
body:has(#chat-app) .chat-prompt-panel-inner.calm-prompt-top-actions-mode #calm-top-actions-title { font-size: 1rem !important; font-weight: 600 !important; color: rgb(58, 47, 38) !important; line-height: 1.25 !important; letter-spacing: -0.01em !important; }
[data-theme="dark"] body:has(#chat-app) .chat-prompt-panel-inner.calm-prompt-top-actions-mode #calm-top-actions-title { color: rgba(255, 254, 251, 0.92) !important; }
.calm-prompt-top-actions-mode .chat-prompt-panel-title { flex: 1 1 0% !important; min-width: 0px !important; color: rgb(58, 47, 38) !important; }
[data-theme="dark"] .calm-prompt-top-actions-mode .chat-prompt-panel-title { color: rgba(255, 254, 251, 0.92) !important; }
.calm-prompt-top-actions-mode .chat-prompt-panel-close { min-width: 32px; flex-shrink: 0; width: 32px !important; height: 32px !important; border-radius: 10px !important; background: transparent !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; color: rgb(154, 142, 130) !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: background 0.15s, color 0.15s !important; }
.calm-prompt-top-actions-mode .chat-prompt-panel-close:hover { background: rgba(110, 138, 126, 0.1) !important; color: rgb(92, 77, 67) !important; }
.calm-prompt-top-actions-mode .chat-prompt-panel-close:focus-visible { outline: rgb(110, 138, 126) solid 2px !important; outline-offset: -2px !important; }
[data-theme="dark"] .calm-prompt-top-actions-mode .chat-prompt-panel-close { color: rgba(255, 254, 251, 0.45) !important; }
[data-theme="dark"] .calm-prompt-top-actions-mode .chat-prompt-panel-close:hover { background: rgba(255, 255, 255, 0.06) !important; color: rgba(255, 254, 251, 0.75) !important; }
.calm-prompt-top-actions-mode .chat-prompt-panel-close:active { background: rgba(110, 138, 126, 0.16) !important; }
@media (max-width: 767px) {.chat-prompt-panel:has(.calm-prompt-top-actions-mode) { bottom: calc(var(--mn-bar-height, 60px) + 8px) !important; }
.chat-prompt-panel-inner.calm-prompt-top-actions-mode { max-width: none !important; width: auto !important; overflow-x: hidden !important; padding-bottom: calc(4px + env(safe-area-inset-bottom, 0px)) !important; }
.calm-prompt-top-actions-mode .chat-prompt-panel-header { gap: 10px !important; padding: 12px 12px 10px !important; }
.calm-prompt-top-actions-mode .chat-prompt-panel-close { width: 44px !important; height: 44px !important; min-width: 44px !important; }}
@media (prefers-reduced-motion: reduce) {.calm-prompt-top-actions-mode .chat-prompt-panel-close { transition: none !important; }}
.calm-prompt-new-category { max-width: 640px !important; width: 100% !important; margin-inline: auto !important; }
.calm-prompt-new-category .chat-prompt-form { padding: 12px 16px 4px !important; border-top-width: medium !important; border-top-style: none !important; border-top-color: currentcolor !important; }
.calm-prompt-new-category .chat-prompt-form-label { font-size: 11px !important; font-weight: 700 !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; color: rgb(154, 142, 130) !important; margin-block: 0px 10px !important; margin-inline: 2px 0px !important; }
.calm-prompt-new-category .chat-prompt-form-label:not(:first-child) { margin-top: 20px !important; }
[data-theme="dark"] .calm-prompt-new-category .chat-prompt-form-label { color: rgba(255, 254, 251, 0.45) !important; }
.calm-prompt-new-category .chat-prompt-icon-picker { display: grid !important; grid-template-columns: repeat(12, minmax(0px, 1fr)) !important; gap: 10px !important; padding: 2px 0px 12px !important; width: 100% !important; }
.calm-prompt-new-category .chat-prompt-icon-btn { width: 100% !important; max-width: 38px !important; height: auto !important; aspect-ratio: 1 / 1 !important; justify-self: center !important; border-radius: 12px !important; border: 1px solid rgba(58, 47, 38, 0.1) !important; background: rgb(251, 248, 242) !important; color: rgb(110, 138, 126) !important; display: flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; padding: 0px !important; box-shadow: none !important; transition: background 0.15s, border-color 0.15s, color 0.15s, transform 0.15s, box-shadow 0.15s !important; }
.calm-prompt-new-category .chat-prompt-icon-btn:hover { background: rgba(110, 138, 126, 0.1) !important; border-color: rgba(110, 138, 126, 0.35) !important; color: rgb(110, 138, 126) !important; transform: translateY(-1px) !important; box-shadow: none !important; }
.calm-prompt-new-category .chat-prompt-icon-btn:focus-visible { outline: rgb(110, 138, 126) solid 2px !important; outline-offset: 2px !important; }
.calm-prompt-new-category .chat-prompt-icon-btn.is-selected, .chat-prompt-panel .calm-prompt-new-category .chat-prompt-icon-btn.is-selected { background: rgb(110, 138, 126) !important; border-color: rgb(110, 138, 126) !important; color: rgb(255, 254, 251) !important; box-shadow: rgba(58, 47, 38, 0.1) 0px 1px 2px !important; transform: none !important; }
[data-theme="dark"] .calm-prompt-new-category .chat-prompt-icon-btn { background: rgba(255, 255, 255, 0.04) !important; border-color: rgba(255, 255, 255, 0.08) !important; color: rgba(255, 254, 251, 0.55) !important; }
[data-theme="dark"] .calm-prompt-new-category .chat-prompt-icon-btn:hover { background: rgba(110, 138, 126, 0.16) !important; border-color: rgba(110, 138, 126, 0.35) !important; color: rgba(255, 254, 251, 0.85) !important; }
[data-theme="dark"] .calm-prompt-new-category .chat-prompt-icon-btn.is-selected, [data-theme="dark"] .chat-prompt-panel .calm-prompt-new-category .chat-prompt-icon-btn.is-selected { background: rgb(110, 138, 126) !important; border-color: rgb(110, 138, 126) !important; color: rgb(255, 254, 251) !important; box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 2px !important; }
.calm-prompt-new-category .chat-prompt-icon-more { color: rgb(110, 138, 126) !important; border-style: dashed !important; }
.calm-prompt-new-category .chat-prompt-icon-more.is-selected { border-style: solid !important; }
[data-theme="dark"] .calm-prompt-new-category .chat-prompt-icon-more { color: rgb(138, 175, 161) !important; }
.calm-prompt-new-category .chat-prompt-color-picker { display: grid !important; grid-template-columns: repeat(16, minmax(0px, 1fr)) !important; gap: 10px !important; padding: 2px 0px 12px !important; width: 100% !important; }
.calm-prompt-new-category .chat-prompt-color-btn { width: 100% !important; max-width: 26px !important; height: auto !important; aspect-ratio: 1 / 1 !important; justify-self: center !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; box-shadow: none !important; background: transparent !important; border-radius: 50% !important; box-sizing: border-box !important; display: flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; padding: 0px !important; transition: transform 0.15s, box-shadow 0.15s !important; }
.calm-prompt-new-category .chat-prompt-color-btn:hover { transform: translateY(-1px) !important; }
.calm-prompt-new-category .chat-prompt-color-btn:focus-visible, .chat-prompt-panel .calm-prompt-new-category .chat-prompt-color-btn:focus-visible, .calm-prompt-new-category .chat-prompt-color-btn.is-selected, .chat-prompt-panel .calm-prompt-new-category .chat-prompt-color-btn.is-selected { outline: none !important; box-shadow: rgb(255, 254, 251) 0px 0px 0px 2px, rgb(110, 138, 126) 0px 0px 0px 4px !important; }
[data-theme="dark"] .calm-prompt-new-category .chat-prompt-color-btn:focus-visible, [data-theme="dark"] .chat-prompt-panel .calm-prompt-new-category .chat-prompt-color-btn:focus-visible, [data-theme="dark"] .calm-prompt-new-category .chat-prompt-color-btn.is-selected, [data-theme="dark"] .chat-prompt-panel .calm-prompt-new-category .chat-prompt-color-btn.is-selected { box-shadow: rgb(30, 29, 26) 0px 0px 0px 2px, rgb(110, 138, 126) 0px 0px 0px 4px !important; }
.calm-prompt-new-category .chat-prompt-color-dot { width: 100% !important; height: 100% !important; border-radius: 50% !important; display: block !important; border: 1px solid rgba(58, 47, 38, 0.1) !important; box-sizing: border-box !important; }
[data-theme="dark"] .calm-prompt-new-category .chat-prompt-color-dot { border-color: rgba(255, 255, 255, 0.12) !important; }
.calm-prompt-new-category .chat-prompt-color-none { border: 2px dashed rgb(154, 142, 130) !important; background: transparent !important; width: 100% !important; height: 100% !important; }
[data-theme="dark"] .calm-prompt-new-category .chat-prompt-color-none { border-color: rgba(255, 254, 251, 0.25) !important; }
.calm-prompt-new-category .chat-prompt-color-custom { position: relative !important; }
.calm-prompt-new-category .chat-prompt-color-custom-dot { background: conic-gradient(rgb(166, 89, 75), rgb(201, 124, 79), rgb(184, 146, 74), rgb(110, 138, 126), rgb(92, 122, 138), rgb(138, 110, 138), rgb(176, 122, 138), rgb(166, 89, 75)) !important; width: 100% !important; height: 100% !important; }
.calm-prompt-new-category .chat-prompt-color-custom[data-calm-custom-color] .chat-prompt-color-custom-dot { background: var(--calm-custom-color) !important; }
.calm-prompt-new-category .chat-prompt-color-native-input { position: absolute !important; inset: 0px !important; width: 100% !important; height: 100% !important; opacity: 0 !important; cursor: pointer !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; padding: 0px !important; }
.calm-prompt-new-category .chat-prompt-color-btn.is-selected::after { display: none !important; }
.calm-icon-overflow-popover .chat-prompt-icon-btn { width: 42px; height: 42px; border-radius: 12px; border: 1px solid rgba(58, 47, 38, 0.1); background: rgb(251, 248, 242); color: rgb(110, 138, 126); display: flex; align-items: center; justify-content: center; cursor: pointer; padding: 6px; transition: background 0.15s, border-color 0.15s, color 0.15s, transform 0.15s; }
.calm-icon-overflow-popover .chat-prompt-icon-btn:hover { background: rgba(110, 138, 126, 0.1); border-color: rgba(110, 138, 126, 0.35); color: rgb(110, 138, 126); transform: translateY(-1px); }
.calm-icon-overflow-popover .chat-prompt-icon-btn.is-selected { background: rgb(110, 138, 126); border-color: rgb(110, 138, 126); color: rgb(255, 254, 251); box-shadow: rgba(58, 47, 38, 0.1) 0px 1px 2px; transform: none; }
.calm-icon-overflow-popover .chat-prompt-icon-btn:focus-visible { outline: rgb(110, 138, 126) solid 2px; outline-offset: 2px; }
[data-theme="dark"] .calm-icon-overflow-popover .chat-prompt-icon-btn { background: rgba(255, 255, 255, 0.04); border-color: rgba(255, 255, 255, 0.08); color: rgba(255, 254, 251, 0.55); }
[data-theme="dark"] .calm-icon-overflow-popover .chat-prompt-icon-btn:hover { background: rgba(110, 138, 126, 0.16); border-color: rgba(110, 138, 126, 0.35); color: rgba(255, 254, 251, 0.85); }
[data-theme="dark"] .calm-icon-overflow-popover .chat-prompt-icon-btn.is-selected { background: rgb(110, 138, 126); border-color: rgb(110, 138, 126); color: rgb(255, 254, 251); }
.calm-prompt-new-category .chat-prompt-form-input { border-radius: 14px !important; background: rgb(251, 248, 242) !important; border: 1px solid rgba(228, 220, 212, 0.6) !important; padding: 12px 14px !important; color: rgb(58, 47, 38) !important; transition: border-color 0.2s, box-shadow 0.2s, background 0.2s !important; }
body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-new-category .chat-prompt-form .chat-prompt-form-input { background: rgb(251, 248, 242) !important; border-color: rgba(228, 220, 212, 0.6) !important; color: rgb(58, 47, 38) !important; }
.calm-prompt-new-category .chat-prompt-form-input:focus, .calm-prompt-new-category .chat-prompt-form-input:focus-visible, .chat-prompt-panel .calm-prompt-new-category .chat-prompt-form-input:focus, .chat-prompt-panel .calm-prompt-new-category .chat-prompt-form-input:focus-visible { background: rgb(255, 254, 251) !important; border-color: rgb(110, 138, 126) !important; box-shadow: none !important; outline: none !important; }
body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-new-category .chat-prompt-form .chat-prompt-form-input:focus, body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-new-category .chat-prompt-form .chat-prompt-form-input:focus-visible { background: rgb(255, 254, 251) !important; border-color: rgb(110, 138, 126) !important; box-shadow: none !important; outline: none !important; }
.calm-prompt-new-category .chat-prompt-form-input::placeholder { color: rgb(154, 142, 130) !important; }
[data-theme="dark"] .calm-prompt-new-category .chat-prompt-form-input { background: rgba(255, 255, 255, 0.04) !important; border-color: rgba(255, 255, 255, 0.08) !important; color: rgba(255, 254, 251, 0.92) !important; }
[data-theme="dark"] .calm-prompt-new-category .chat-prompt-form-input:focus, [data-theme="dark"] .calm-prompt-new-category .chat-prompt-form-input:focus-visible, [data-theme="dark"] .chat-prompt-panel .calm-prompt-new-category .chat-prompt-form-input:focus, [data-theme="dark"] .chat-prompt-panel .calm-prompt-new-category .chat-prompt-form-input:focus-visible { background: rgba(255, 255, 255, 0.06) !important; border-color: rgba(110, 138, 126, 0.5) !important; box-shadow: none !important; }
[data-theme="dark"] body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-new-category .chat-prompt-form .chat-prompt-form-input:focus, [data-theme="dark"] body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-new-category .chat-prompt-form .chat-prompt-form-input:focus-visible { background: rgba(255, 255, 255, 0.06) !important; border-color: rgba(110, 138, 126, 0.5) !important; box-shadow: none !important; }
[data-theme="dark"] .calm-prompt-new-category .chat-prompt-form-input, [data-theme="dark"] .chat-prompt-panel .calm-prompt-new-category .chat-prompt-form-input, [data-theme="dark"] .chat-prompt-panel-inner.calm-prompt-new-category .chat-prompt-form-input { background: rgba(255, 255, 255, 0.04) !important; border-color: rgba(255, 255, 255, 0.08) !important; color: rgba(255, 254, 251, 0.92) !important; }
[data-theme="dark"] body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-new-category .chat-prompt-form .chat-prompt-form-input { background: rgba(255, 255, 255, 0.04) !important; border-color: rgba(255, 255, 255, 0.08) !important; color: rgba(255, 254, 251, 0.92) !important; }
[data-theme="dark"] .calm-prompt-new-category .chat-prompt-form-input::placeholder { color: rgba(255, 254, 251, 0.35) !important; }
@media (prefers-reduced-motion: reduce) {.calm-prompt-new-category .chat-prompt-icon-btn, .calm-prompt-new-category .chat-prompt-color-btn, .calm-prompt-new-category .chat-prompt-color-dot, .calm-prompt-new-category .chat-prompt-form-input { transition: none !important; }
.calm-prompt-new-category .chat-prompt-icon-btn:hover, .calm-prompt-new-category .chat-prompt-color-btn:hover { transform: none !important; }
.calm-icon-overflow-popover .chat-prompt-icon-btn { transition: none !important; }
.calm-icon-overflow-popover .chat-prompt-icon-btn:hover { transform: none !important; }}
@media (max-width: 720px) {.calm-prompt-new-category .chat-prompt-icon-picker { grid-template-columns: repeat(6, minmax(0px, 1fr)) !important; }
.calm-prompt-new-category .chat-prompt-color-picker { grid-template-columns: repeat(8, minmax(0px, 1fr)) !important; }
.chat-prompt-panel .calm-prompt-new-category .chat-prompt-icon-btn, .chat-prompt-panel .calm-prompt-new-category .chat-prompt-color-btn { width: 100% !important; height: auto !important; min-width: 0px !important; min-height: 0px !important; }}
@media (max-width: 767px) and (min-width: 641px) {.chat-prompt-panel:has(.calm-prompt-new-category) { bottom: calc(var(--mn-bar-height, 60px) + 8px) !important; }
.calm-prompt-new-category { overscroll-behavior: contain; max-width: none !important; width: auto !important; margin-inline: 12px !important; max-height: calc(100dvh - var(--mn-bar-height, 60px) - 40px) !important; overflow-y: auto !important; padding: 14px 16px calc(16px + env(safe-area-inset-bottom, 0px)) !important; }}
@media (max-width: 640px) {.calm-prompt-new-category .chat-prompt-form { overscroll-behavior: contain; flex: 1 1 auto !important; min-height: 0px !important; overflow: hidden auto !important; display: flex !important; flex-direction: column !important; padding: 12px 18px 0px !important; }}
.calm-prompt-form-mode .chat-prompt-form { display: flex !important; flex-direction: column !important; gap: 14px !important; padding: 10px 18px 0px !important; margin-top: 8px !important; border-top-width: medium !important; border-top-style: none !important; border-top-color: currentcolor !important; }
.calm-prompt-form-mode .chat-prompt-form-label { font-size: 0.90625rem !important; font-weight: 600 !important; letter-spacing: 0px !important; text-transform: none !important; color: rgb(92, 77, 67) !important; margin-top: 0px !important; margin-bottom: 6px !important; padding-inline-start: 2px !important; display: block !important; }
.calm-prompt-form-mode .chat-prompt-form-label:first-child { margin-top: 0px !important; }
[data-theme="dark"] .calm-prompt-form-mode .chat-prompt-form-label { color: rgba(255, 254, 251, 0.78) !important; }
.calm-prompt-form-mode .chat-prompt-form-label + .calm-field-wrap { margin-top: -15px !important; }
.calm-prompt-form-mode .calm-field-wrap + .chat-prompt-form-label { margin-top: 6px !important; }
.calm-prompt-form-mode .calm-field-wrap { position: relative !important; display: block !important; width: 100% !important; margin: 0px !important; }
.calm-prompt-form-mode .chat-prompt-form-input, .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form-input, body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form .chat-prompt-form-input { width: 100% !important; border-radius: 12px !important; background: rgb(255, 254, 251) !important; border: 1px solid rgba(58, 47, 38, 0.12) !important; padding-block: 12px !important; padding-inline: 14px 46px !important; font-size: 0.90625rem !important; color: rgb(58, 47, 38) !important; transition: border-color 0.15s !important; }
.calm-prompt-form-mode .calm-field-wrap--textarea .chat-prompt-form-textarea, .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form-textarea { scrollbar-width: thin; scrollbar-color: rgba(110, 138, 126, 0.32) transparent; scrollbar-gutter: stable; min-height: 132px !important; max-height: min(42vh, 360px) !important; overflow-y: auto !important; resize: vertical !important; padding-inline-end: 46px !important; }
.calm-prompt-form-mode .chat-prompt-form-textarea::-webkit-scrollbar { width: 6px; }
.calm-prompt-form-mode .chat-prompt-form-textarea::-webkit-scrollbar-track { background: transparent; }
.calm-prompt-form-mode .chat-prompt-form-textarea::-webkit-scrollbar-thumb { background: rgba(110, 138, 126, 0.3); border-radius: 999px; }
.calm-prompt-form-mode .chat-prompt-form-textarea::-webkit-scrollbar-thumb:hover { background: rgba(110, 138, 126, 0.42); }
.calm-prompt-form-mode .chat-prompt-form-input:hover, .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form-input:hover, body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form .chat-prompt-form-input:hover { border-color: rgba(58, 47, 38, 0.2) !important; }
.calm-prompt-form-mode .chat-prompt-form-input:focus, .calm-prompt-form-mode .chat-prompt-form-input:focus-visible, .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form-input:focus, .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form-input:focus-visible, body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form .chat-prompt-form-input:focus, body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form .chat-prompt-form-input:focus-visible { background: rgb(255, 254, 251) !important; border-color: rgba(58, 47, 38, 0.32) !important; box-shadow: none !important; outline: none !important; }
.calm-prompt-form-mode .chat-prompt-form-input::placeholder { color: rgb(154, 142, 130) !important; }
[data-theme="dark"] .calm-prompt-form-mode .chat-prompt-form-input, [data-theme="dark"] .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form-input, [data-theme="dark"] body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form .chat-prompt-form-input { background: rgba(255, 255, 255, 0.04) !important; border-color: rgba(255, 255, 255, 0.08) !important; color: rgba(255, 254, 251, 0.92) !important; }
[data-theme="dark"] .calm-prompt-form-mode .chat-prompt-form-input:focus, [data-theme="dark"] .calm-prompt-form-mode .chat-prompt-form-input:focus-visible, [data-theme="dark"] .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form-input:focus, [data-theme="dark"] .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form-input:focus-visible { background: rgba(255, 255, 255, 0.06) !important; border-color: rgba(255, 254, 251, 0.32) !important; box-shadow: none !important; outline: none !important; }
[data-theme="dark"] .calm-prompt-form-mode .chat-prompt-form-input::placeholder { color: rgba(255, 254, 251, 0.35) !important; }
.calm-prompt-form-mode .calm-field-wrap.calm-field-wrap--textarea .cvm-mic { inset-inline-end: 20px !important; }
.calm-prompt-form-mode .calm-field-wrap .cvm-mic { min-width: 32px; position: absolute !important; top: 7px !important; inset-inline-end: 8px !important; width: 32px !important; height: 32px !important; padding: 0px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; border-radius: 9px !important; background: rgba(110, 138, 126, 0.12) !important; color: rgb(74, 122, 104) !important; cursor: pointer !important; transition: background 0.15s, color 0.15s, box-shadow 0.15s !important; }
.calm-prompt-form-mode .calm-field-wrap .cvm-mic svg { width: 16px !important; height: 16px !important; }
.calm-prompt-form-mode .calm-field-wrap .cvm-mic:hover { background: rgba(110, 138, 126, 0.2) !important; color: rgb(74, 122, 104) !important; }
.calm-prompt-form-mode .calm-field-wrap .cvm-mic:focus-visible { outline: rgb(110, 138, 126) solid 2px !important; outline-offset: 2px !important; }
.calm-prompt-form-mode .calm-field-wrap .cvm-mic.ss-mic--connecting { background: rgba(110, 138, 126, 0.18) !important; color: rgb(95, 122, 111) !important; }
.calm-prompt-form-mode .calm-field-wrap .cvm-mic.ss-mic--listening { background: rgba(110, 138, 126, 0.12) !important; color: rgb(74, 107, 92) !important; box-shadow: rgba(110, 138, 126, 0.45) 0px 0px 0px 1.5px inset !important; animation: 2s ease-in-out 0s infinite normal none running cvmMicPulse !important; }
.calm-prompt-form-mode .calm-field-wrap .cvm-mic.ss-mic--error { background: rgba(194, 96, 63, 0.12) !important; color: rgb(194, 96, 63) !important; }
.calm-prompt-form-mode .calm-field-wrap--no-stt .chat-prompt-form-input, .chat-prompt-panel .calm-prompt-form-mode .calm-field-wrap--no-stt .chat-prompt-form-input, body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form .calm-field-wrap--no-stt .chat-prompt-form-input { padding-inline: 14px !important; }
[data-theme="dark"] .calm-prompt-form-mode .calm-field-wrap .cvm-mic { background: rgba(110, 138, 126, 0.2) !important; color: rgb(138, 175, 161) !important; }
[data-theme="dark"] .calm-prompt-form-mode .calm-field-wrap .cvm-mic:hover { background: rgba(110, 138, 126, 0.3) !important; color: rgb(169, 198, 186) !important; }
[data-theme="dark"] .calm-prompt-form-mode .calm-field-wrap .cvm-mic.ss-mic--connecting { background: rgba(125, 156, 142, 0.22) !important; color: rgb(183, 205, 193) !important; }
[data-theme="dark"] .calm-prompt-form-mode .calm-field-wrap .cvm-mic.ss-mic--listening { background: rgba(125, 156, 142, 0.14) !important; color: rgb(183, 205, 193) !important; box-shadow: rgba(183, 205, 193, 0.4) 0px 0px 0px 1.5px inset !important; }
[data-theme="dark"] .calm-prompt-form-mode .calm-field-wrap .cvm-mic.ss-mic--error { background: rgba(225, 161, 132, 0.14) !important; color: rgb(225, 161, 132) !important; }
@media (prefers-reduced-motion: reduce) {.calm-prompt-form-mode .chat-prompt-form-input, .calm-prompt-form-mode .calm-field-wrap .cvm-mic { transition: none !important; }
.calm-prompt-form-mode .calm-field-wrap .cvm-mic.ss-mic--listening { animation: auto ease 0s 1 normal none running none !important; }}
@media (max-width: 767px) {.calm-prompt-form-mode .chat-prompt-form { padding: 10px 14px 0px !important; }
.calm-prompt-form-mode .calm-field-wrap .cvm-mic { min-width: 36px; width: 36px !important; height: 36px !important; }
body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form .chat-prompt-form-input { padding-inline-end: 50px !important; }
body .chat-prompt-panel .chat-prompt-panel-inner .chat-prompt-form .chat-prompt-form-input.chat-prompt-form-input, body .chat-prompt-panel .chat-prompt-panel-inner .chat-prompt-form textarea { font-size: 16px !important; }}
@media (max-width: 640px) {.chat-prompt-panel--with-ai-dock .calm-prompt-form-mode .chat-prompt-form { overscroll-behavior: contain; flex: 1 1 auto !important; min-height: 0px !important; overflow: hidden auto !important; margin-top: 0px !important; padding: 10px 14px 14px !important; }
.chat-prompt-panel--with-ai-dock .calm-prompt-form-mode .calm-field-wrap--textarea .cvm-mic { inset-inline-end: 8px !important; }}
html[dir="ltr"] .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form .calm-field-wrap:not(.calm-field-wrap--no-stt) > #cpf-title.chat-prompt-form-input[dir="auto"], html[dir="ltr"] .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form .calm-field-wrap:not(.calm-field-wrap--no-stt) > #cpf-text.chat-prompt-form-input[dir="auto"] { padding: 12px 46px 12px 14px !important; }
html[dir="rtl"] .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form .calm-field-wrap:not(.calm-field-wrap--no-stt) > #cpf-title.chat-prompt-form-input[dir="auto"], html[dir="rtl"] .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form .calm-field-wrap:not(.calm-field-wrap--no-stt) > #cpf-text.chat-prompt-form-input[dir="auto"] { padding: 12px 14px 12px 46px !important; }
html .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form .calm-field-wrap--no-stt > #cpf-title.chat-prompt-form-input[dir="auto"], html .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form .calm-field-wrap--no-stt > #cpf-text.chat-prompt-form-input[dir="auto"] { padding: 12px 14px !important; }
@media (max-width: 767px) {html[dir="ltr"] .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form .calm-field-wrap:not(.calm-field-wrap--no-stt) > #cpf-title.chat-prompt-form-input[dir="auto"], html[dir="ltr"] .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form .calm-field-wrap:not(.calm-field-wrap--no-stt) > #cpf-text.chat-prompt-form-input[dir="auto"] { padding: 12px 50px 12px 14px !important; }
html[dir="rtl"] .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form .calm-field-wrap:not(.calm-field-wrap--no-stt) > #cpf-title.chat-prompt-form-input[dir="auto"], html[dir="rtl"] .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form .calm-field-wrap:not(.calm-field-wrap--no-stt) > #cpf-text.chat-prompt-form-input[dir="auto"] { padding: 12px 14px 12px 50px !important; }
html .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form .calm-field-wrap--no-stt > #cpf-title.chat-prompt-form-input[dir="auto"], html .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form .calm-field-wrap--no-stt > #cpf-text.chat-prompt-form-input[dir="auto"] { padding: 12px 14px !important; }}
.calm-prompt-new-category .chat-prompt-form-actions { border-top: 1px solid rgba(228, 220, 212, 0.55) !important; margin-top: 16px !important; padding-top: 14px !important; padding-bottom: 4px !important; gap: 10px !important; }
[data-theme="dark"] .calm-prompt-new-category .chat-prompt-form-actions { border-top-color: rgba(255, 255, 255, 0.08) !important; }
.calm-prompt-new-category .chat-prompt-form-cancel, .calm-prompt-new-category .chat-prompt-form-save { height: 44px !important; border-radius: 14px !important; padding: 0px 22px !important; font-size: var(--font-size-base) !important; font-weight: var(--font-weight-medium, 500) !important; font-family: var(--font-family) !important; transition: 0.15s !important; }
.calm-prompt-new-category .chat-prompt-form-cancel { background: transparent !important; color: rgb(92, 77, 67) !important; border: 1px solid rgba(228, 220, 212, 0.55) !important; }
.calm-prompt-new-category .chat-prompt-form-cancel:hover { background: rgba(92, 77, 67, 0.04) !important; border-color: rgba(228, 220, 212, 0.7) !important; color: rgb(58, 47, 38) !important; }
[data-theme="dark"] .calm-prompt-new-category .chat-prompt-form-cancel, [data-theme="dark"] .chat-prompt-panel .calm-prompt-new-category .chat-prompt-form-cancel { color: rgba(255, 254, 251, 0.6) !important; border-color: rgba(255, 255, 255, 0.08) !important; }
[data-theme="dark"] .calm-prompt-new-category .chat-prompt-form-cancel:hover, [data-theme="dark"] .chat-prompt-panel .calm-prompt-new-category .chat-prompt-form-cancel:hover { background: rgba(255, 255, 255, 0.04) !important; color: rgba(255, 254, 251, 0.8) !important; }
.calm-prompt-new-category .chat-prompt-form-save, .chat-prompt-panel .calm-prompt-new-category .chat-prompt-form-save { background: rgb(110, 138, 126) !important; color: rgb(255, 254, 251) !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; box-shadow: rgba(110, 138, 126, 0.25) 0px 4px 12px !important; filter: none !important; }
body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-new-category .chat-prompt-form .chat-prompt-form-save { background: rgb(110, 138, 126) !important; color: rgb(255, 254, 251) !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; box-shadow: rgba(110, 138, 126, 0.25) 0px 4px 12px !important; filter: none !important; }
.calm-prompt-new-category .chat-prompt-form-save:hover, .chat-prompt-panel .calm-prompt-new-category .chat-prompt-form-save:hover { background: rgb(74, 122, 104) !important; box-shadow: rgba(74, 122, 104, 0.35) 0px 6px 18px !important; transform: scale(1.02) !important; filter: none !important; }
body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-new-category .chat-prompt-form .chat-prompt-form-save:hover { background: rgb(74, 122, 104) !important; box-shadow: rgba(74, 122, 104, 0.35) 0px 6px 18px !important; filter: none !important; }
.calm-prompt-new-category .chat-prompt-form-save:active, .chat-prompt-panel .calm-prompt-new-category .chat-prompt-form-save:active { transform: scale(0.97) !important; box-shadow: rgba(110, 138, 126, 0.2) 0px 2px 6px !important; }
[data-theme="dark"] .calm-prompt-new-category .chat-prompt-form-save, [data-theme="dark"] .chat-prompt-panel .calm-prompt-new-category .chat-prompt-form-save { background: rgb(110, 138, 126) !important; color: rgb(255, 254, 251) !important; box-shadow: rgba(0, 0, 0, 0.3) 0px 4px 12px !important; }
[data-theme="dark"] body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-new-category .chat-prompt-form .chat-prompt-form-save { background: rgb(110, 138, 126) !important; color: rgb(255, 254, 251) !important; box-shadow: rgba(0, 0, 0, 0.3) 0px 4px 12px !important; }
[data-theme="dark"] .calm-prompt-new-category .chat-prompt-form-save:hover, [data-theme="dark"] .chat-prompt-panel .calm-prompt-new-category .chat-prompt-form-save:hover { background: rgb(138, 175, 161) !important; box-shadow: rgba(0, 0, 0, 0.4) 0px 6px 18px !important; }
[data-theme="dark"] body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-new-category .chat-prompt-form .chat-prompt-form-save:hover { background: rgb(138, 175, 161) !important; box-shadow: rgba(0, 0, 0, 0.4) 0px 6px 18px !important; }
@media (prefers-reduced-motion: reduce) {.calm-prompt-new-category .chat-prompt-form-cancel, .calm-prompt-new-category .chat-prompt-form-save { transition: none !important; }
.calm-prompt-new-category .chat-prompt-form-save:hover { transform: none !important; }
.calm-prompt-new-category .chat-prompt-form-save:active { transform: none !important; }}
.calm-prompt-form-mode .chat-prompt-form-actions { display: flex !important; justify-content: flex-end !important; align-items: center !important; border-top: 1px solid rgba(58, 47, 38, 0.08) !important; margin-top: 4px !important; padding: 16px 18px 18px !important; gap: 10px !important; }
.calm-prompt-form-mode .chat-prompt-form-cancel, .calm-prompt-form-mode .chat-prompt-form-save { height: 46px !important; border-radius: 12px !important; padding: 0px 22px !important; font-size: var(--font-size-base) !important; font-weight: 600 !important; font-family: var(--font-family) !important; transition: background 0.15s, transform 0.12s, box-shadow 0.15s, border-color 0.15s, color 0.15s !important; }
.calm-prompt-form-mode .chat-prompt-form-save { min-width: 100px !important; transition: background 0.15s, transform 0.12s, box-shadow 0.15s !important; }
.calm-prompt-form-mode .chat-prompt-form-cancel { background: transparent !important; color: rgb(92, 77, 67) !important; border: 1px solid rgba(228, 220, 212, 0.55) !important; box-shadow: none !important; }
.calm-prompt-form-mode .chat-prompt-form-actions > button:first-child { height: 46px !important; border-radius: 12px !important; font-weight: 600 !important; }
.calm-prompt-form-mode .chat-prompt-form-cancel:hover { background: rgba(247, 242, 233, 0.8) !important; border-color: rgba(58, 47, 38, 0.18) !important; color: rgb(58, 47, 38) !important; }
.calm-prompt-form-mode .chat-prompt-form-cancel:focus-visible, .calm-prompt-form-mode .chat-prompt-form-actions > button:first-child:focus-visible { outline: rgb(92, 77, 67) solid 2px !important; outline-offset: 2px !important; }
[data-theme="dark"] .calm-prompt-form-mode .chat-prompt-form-cancel, [data-theme="dark"] .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form-cancel { color: rgba(255, 254, 251, 0.6) !important; border-color: rgba(255, 255, 255, 0.08) !important; }
[data-theme="dark"] .calm-prompt-form-mode .chat-prompt-form-cancel:hover, [data-theme="dark"] .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form-cancel:hover { background: rgba(255, 255, 255, 0.04) !important; color: rgba(255, 254, 251, 0.8) !important; }
.calm-prompt-form-mode .chat-prompt-form-save, .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form-save, body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form .chat-prompt-form-save { background: rgb(110, 138, 126) !important; color: rgb(255, 254, 251) !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; box-shadow: rgba(58, 47, 38, 0.06) 0px 1px 2px !important; filter: none !important; }
.calm-prompt-form-mode .chat-prompt-form-save:hover, .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form-save:hover, body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form .chat-prompt-form-save:hover { background: rgb(95, 122, 111) !important; box-shadow: rgba(110, 138, 126, 0.2) 0px 2px 8px !important; transform: none !important; filter: none !important; }
.calm-prompt-form-mode .chat-prompt-form-save:active, .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form-save:active, .calm-prompt-form-mode .chat-prompt-form-actions > button:first-child:active { transform: scale(0.985) !important; box-shadow: rgba(58, 47, 38, 0.06) 0px 1px 2px !important; }
.calm-prompt-form-mode .chat-prompt-form-save:focus-visible { outline: rgb(92, 77, 67) solid 2px !important; outline-offset: 2px !important; }
.calm-prompt-form-mode .chat-prompt-form-save:disabled, .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form-save:disabled, body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form .chat-prompt-form-save:disabled { background: rgba(110, 138, 126, 0.45) !important; color: rgba(255, 254, 251, 0.85) !important; box-shadow: none !important; transform: none !important; cursor: default !important; }
.calm-prompt-form-mode .chat-prompt-form-save:disabled:hover { background: rgba(110, 138, 126, 0.45) !important; box-shadow: none !important; transform: none !important; }
[data-theme="dark"] .calm-prompt-form-mode .chat-prompt-form-save, [data-theme="dark"] .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form-save, [data-theme="dark"] body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form .chat-prompt-form-save { background: rgb(110, 138, 126) !important; color: rgb(255, 254, 251) !important; box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px !important; }
[data-theme="dark"] .calm-prompt-form-mode .chat-prompt-form-save:hover, [data-theme="dark"] .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form-save:hover { background: rgb(95, 122, 111) !important; box-shadow: rgba(0, 0, 0, 0.28) 0px 2px 8px !important; }
[data-theme="dark"] .calm-prompt-form-mode .chat-prompt-form-save:disabled { background: rgba(110, 138, 126, 0.3) !important; color: rgba(255, 254, 251, 0.55) !important; }
@media (max-width: 640px) {.chat-prompt-panel--with-ai-dock .calm-prompt-form-mode > .chat-prompt-form-actions { flex: 0 0 auto !important; display: flex !important; align-items: center !important; gap: 10px !important; border-top: 1px solid rgba(58, 47, 38, 0.08) !important; padding: 14px 16px calc(14px + env(safe-area-inset-bottom, 0px)) !important; margin-top: 0px !important; background: rgb(255, 254, 251) !important; }
[data-theme="dark"] .chat-prompt-panel--with-ai-dock .calm-prompt-form-mode > .chat-prompt-form-actions { background: var(--color-card, #1c1b18) !important; border-top-color: rgba(255, 255, 255, 0.08) !important; }
.chat-prompt-panel--with-ai-dock .calm-prompt-form-mode > .chat-prompt-form-actions .chat-prompt-form-cancel, .chat-prompt-panel--with-ai-dock .calm-prompt-form-mode > .chat-prompt-form-actions .chat-prompt-form-save { flex: 1 1 0px !important; min-width: 0px !important; min-height: 48px !important; height: 48px !important; border-radius: 12px !important; }}
@media (prefers-reduced-motion: reduce) {.calm-prompt-form-mode .chat-prompt-form-cancel, .calm-prompt-form-mode .chat-prompt-form-save, .calm-prompt-form-mode .chat-prompt-form-actions button { transition: none !important; }
.calm-prompt-form-mode .chat-prompt-form-save:hover, .calm-prompt-form-mode .chat-prompt-form-save:active { transform: none !important; }}
.calm-prompt-list-mode .chat-prompt-add-row { display: flex; align-items: center; gap: 10px; padding: 16px 18px 18px; margin-top: 0px; border-top: 1px solid rgba(58, 47, 38, 0.07); }
[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-add-row { border-top-color: rgba(255, 255, 255, 0.08) !important; }
.calm-prompt-list-mode .chat-prompt-build-btn, .chat-prompt-panel .calm-prompt-list-mode .chat-prompt-build-btn { flex: 1 1 0px; min-width: 0px; width: auto; height: 46px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; border-radius: 12px; padding: 0px 14px; font-weight: 600; transition: background 0.15s, border-color 0.15s, transform 0.12s, box-shadow 0.15s; background: rgb(110, 138, 126) !important; color: rgb(255, 254, 251) !important; border: 1px solid rgb(110, 138, 126) !important; box-shadow: rgba(110, 138, 126, 0.22) 0px 4px 12px !important; }
.calm-prompt-list-mode .chat-prompt-build-btn svg, .calm-prompt-list-mode .chat-prompt-build-btn svg path { color: currentcolor !important; fill: currentcolor !important; }
.calm-prompt-list-mode .chat-prompt-build-btn:hover, .chat-prompt-panel .calm-prompt-list-mode .chat-prompt-build-btn:hover { background: rgb(95, 122, 111) !important; border-color: rgb(95, 122, 111) !important; }
.calm-prompt-list-mode .chat-prompt-build-btn:focus-visible { outline: rgb(92, 77, 67) solid 2px !important; outline-offset: 2px !important; }
.calm-prompt-list-mode .chat-prompt-build-btn:active { transform: scale(0.985); }
[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-build-btn, [data-theme="dark"] .chat-prompt-panel .calm-prompt-list-mode .chat-prompt-build-btn { background: rgb(110, 138, 126) !important; color: rgb(255, 254, 251) !important; border-color: rgb(110, 138, 126) !important; box-shadow: rgba(110, 138, 126, 0.22) 0px 4px 12px !important; }
[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-build-btn:hover, [data-theme="dark"] .chat-prompt-panel .calm-prompt-list-mode .chat-prompt-build-btn:hover { background: rgb(95, 122, 111) !important; color: rgb(255, 254, 251) !important; border-color: rgb(95, 122, 111) !important; box-shadow: rgba(110, 138, 126, 0.22) 0px 4px 12px !important; }
.calm-prompt-list-mode .chat-prompt-add-prompt-btn { flex: 1 1 0px; min-width: 0px; width: auto; height: 46px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; border-radius: 12px; padding: 0px 14px; font-weight: 600; transition: background 0.15s, border-color 0.15s, transform 0.12s; border: 1px solid rgba(58, 47, 38, 0.14) !important; background: transparent !important; color: rgb(92, 77, 67) !important; box-shadow: none !important; }
.calm-prompt-list-mode .chat-prompt-add-prompt-btn svg, .calm-prompt-list-mode .chat-prompt-add-prompt-btn svg path { color: rgb(154, 142, 130) !important; fill: rgb(154, 142, 130) !important; }
.calm-prompt-list-mode .chat-prompt-add-prompt-btn:hover { background: rgb(247, 242, 233) !important; border-color: rgba(58, 47, 38, 0.22) !important; color: rgb(92, 77, 67) !important; }
.calm-prompt-list-mode .chat-prompt-add-prompt-btn:focus-visible { outline: rgb(92, 77, 67) solid 2px !important; outline-offset: 2px !important; }
.calm-prompt-list-mode .chat-prompt-add-prompt-btn:active { transform: scale(0.985); }
[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-add-prompt-btn { border-color: rgba(255, 255, 255, 0.1) !important; color: rgba(255, 254, 251, 0.65) !important; }
[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-add-prompt-btn:hover { background: rgba(255, 255, 255, 0.04) !important; border-color: rgba(255, 255, 255, 0.16) !important; color: rgba(255, 254, 251, 0.85) !important; }
@media (prefers-reduced-motion: reduce) {.calm-prompt-list-mode .chat-prompt-add-row button, .calm-prompt-list-mode .chat-prompt-build-btn, .calm-prompt-list-mode .chat-prompt-add-prompt-btn { transition: none !important; }
.calm-prompt-list-mode .chat-prompt-build-btn:hover, .calm-prompt-list-mode .chat-prompt-build-btn:active, .calm-prompt-list-mode .chat-prompt-add-prompt-btn:hover, .calm-prompt-list-mode .chat-prompt-add-prompt-btn:active { transform: none !important; }}
.calm-prompt-list-mode .chat-prompt-listmode-back { display: none; }
@media (max-width: 640px) {.calm-prompt-list-mode .chat-prompt-add-row { flex: 0 0 auto !important; position: sticky !important; bottom: 0px !important; z-index: 2 !important; display: flex !important; align-items: center !important; gap: 10px !important; padding: 14px 16px calc(14px + env(safe-area-inset-bottom, 0px)) !important; margin-top: 0px !important; border-top: 1px solid rgba(58, 47, 38, 0.08) !important; background: rgb(255, 254, 251) !important; }
[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-add-row { background: var(--color-card, #1c1b18) !important; border-top-color: rgba(255, 255, 255, 0.08) !important; }
.calm-prompt-list-mode .chat-prompt-listmode-back { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 1 1 0px !important; min-width: 0px !important; height: 46px !important; border: 1px solid rgba(58, 47, 38, 0.14) !important; border-radius: 12px !important; padding: 0px 14px !important; background: transparent !important; color: rgb(92, 77, 67) !important; font-weight: 600 !important; font-size: var(--font-size-base, 0.9375rem) !important; font-family: var(--font-family) !important; box-shadow: none !important; transition: background 0.15s, border-color 0.15s !important; }
.calm-prompt-list-mode .chat-prompt-listmode-back:hover { background: rgb(247, 242, 233) !important; border-color: rgba(58, 47, 38, 0.22) !important; color: rgb(58, 47, 38) !important; }
.calm-prompt-list-mode .chat-prompt-listmode-back:focus-visible { outline: rgb(110, 138, 126) solid 2px !important; outline-offset: 2px !important; }
.calm-prompt-list-mode .chat-prompt-listmode-back:active { background: rgba(228, 220, 212, 0.35) !important; }
[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-listmode-back { border-color: rgba(255, 255, 255, 0.1) !important; color: rgba(255, 254, 251, 0.65) !important; }
[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-listmode-back:hover { background: rgba(255, 255, 255, 0.04) !important; border-color: rgba(255, 255, 255, 0.16) !important; color: rgba(255, 254, 251, 0.85) !important; }
.calm-prompt-list-mode .chat-prompt-add-prompt-btn { flex: 1 1 0px !important; min-width: 0px !important; height: 46px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; border-radius: 12px !important; background: rgb(110, 138, 126) !important; color: rgb(255, 254, 251) !important; border: 1px solid rgb(110, 138, 126) !important; padding: 0px 14px !important; box-shadow: rgba(110, 138, 126, 0.22) 0px 4px 12px !important; font-weight: 600 !important; font-size: var(--font-size-base, 0.9375rem) !important; font-family: var(--font-family) !important; transition: background 0.15s, border-color 0.15s, transform 0.12s, box-shadow 0.15s !important; }
.calm-prompt-list-mode .chat-prompt-add-prompt-btn svg, .calm-prompt-list-mode .chat-prompt-add-prompt-btn svg path { color: rgb(255, 254, 251) !important; fill: rgb(255, 254, 251) !important; }
.calm-prompt-list-mode .chat-prompt-add-prompt-btn:hover { background: rgb(95, 122, 111) !important; border-color: rgb(95, 122, 111) !important; color: rgb(255, 254, 251) !important; }
.calm-prompt-list-mode .chat-prompt-add-prompt-btn:focus-visible { outline: rgb(92, 77, 67) solid 2px !important; outline-offset: 2px !important; }
.calm-prompt-list-mode .chat-prompt-add-prompt-btn:active { transform: scale(0.985) !important; }
[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-add-prompt-btn { background: rgb(110, 138, 126) !important; color: rgb(255, 254, 251) !important; border-color: rgb(110, 138, 126) !important; box-shadow: rgba(0, 0, 0, 0.3) 0px 4px 12px !important; }
[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-add-prompt-btn svg, [data-theme="dark"] .calm-prompt-list-mode .chat-prompt-add-prompt-btn svg path { color: rgb(255, 254, 251) !important; fill: rgb(255, 254, 251) !important; }
[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-add-prompt-btn:hover { background: rgb(95, 122, 111) !important; border-color: rgb(95, 122, 111) !important; color: rgb(255, 254, 251) !important; }}
@media (max-width: 640px) and (prefers-reduced-motion: reduce) {.calm-prompt-list-mode .chat-prompt-listmode-back, .calm-prompt-list-mode .chat-prompt-add-prompt-btn { transition: none !important; }
.calm-prompt-list-mode .chat-prompt-add-prompt-btn:active { transform: none !important; }}
.calm-prompt-top-actions-mode .chat-prompt-top-actions { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 10px !important; padding: 14px 18px !important; margin-top: 0px !important; border-top-width: medium !important; border-top-style: none !important; border-top-color: currentcolor !important; }
.calm-prompt-top-actions-mode .chat-prompt-build-btn, .chat-prompt-panel .calm-prompt-top-actions-mode .chat-prompt-build-btn { flex: 1 1 auto !important; justify-content: center !important; min-height: 44px !important; border-radius: 12px !important; background: rgb(110, 138, 126) !important; color: rgb(255, 254, 251) !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; box-shadow: rgba(110, 138, 126, 0.22) 0px 4px 12px !important; font-weight: var(--font-weight-medium, 500) !important; transition: background 0.15s, box-shadow 0.15s, transform 0.15s !important; }
.calm-prompt-top-actions-mode .chat-prompt-build-btn svg, .calm-prompt-top-actions-mode .chat-prompt-build-btn svg path { color: currentcolor !important; fill: currentcolor !important; }
.calm-prompt-top-actions-mode .chat-prompt-build-btn:hover, .chat-prompt-panel .calm-prompt-top-actions-mode .chat-prompt-build-btn:hover { background: rgb(74, 122, 104) !important; box-shadow: rgba(74, 122, 104, 0.3) 0px 6px 18px !important; transform: translateY(-1px) !important; }
.calm-prompt-top-actions-mode .chat-prompt-build-btn:focus-visible { outline: rgb(74, 122, 104) solid 2px !important; outline-offset: 2px !important; }
.calm-prompt-top-actions-mode .chat-prompt-build-btn:active { transform: translateY(0px) scale(0.99) !important; box-shadow: rgba(110, 138, 126, 0.2) 0px 2px 6px !important; }
[data-theme="dark"] .calm-prompt-top-actions-mode .chat-prompt-build-btn, [data-theme="dark"] .chat-prompt-panel .calm-prompt-top-actions-mode .chat-prompt-build-btn { background: rgb(110, 138, 126) !important; color: rgb(255, 254, 251) !important; box-shadow: rgba(0, 0, 0, 0.3) 0px 4px 12px !important; }
[data-theme="dark"] .calm-prompt-top-actions-mode .chat-prompt-build-btn:hover, [data-theme="dark"] .chat-prompt-panel .calm-prompt-top-actions-mode .chat-prompt-build-btn:hover { background: rgb(138, 175, 161) !important; color: rgb(28, 27, 24) !important; box-shadow: rgba(0, 0, 0, 0.4) 0px 6px 18px !important; }
.calm-prompt-top-actions-mode .chat-prompt-add-prompt-btn, .chat-prompt-panel .calm-prompt-top-actions-mode .chat-prompt-add-prompt-btn { flex: 0 0 auto !important; min-height: 44px !important; border: 1px solid rgba(58, 47, 38, 0.12) !important; border-radius: 12px !important; padding: 8px 14px !important; color: rgb(92, 77, 67) !important; background: transparent !important; font-weight: 500 !important; font-size: 0.875rem !important; transition: background 0.15s, border-color 0.15s, color 0.15s !important; }
.calm-prompt-top-actions-mode .chat-prompt-add-prompt-btn svg, .calm-prompt-top-actions-mode .chat-prompt-add-prompt-btn svg path { color: currentcolor !important; fill: currentcolor !important; }
.calm-prompt-top-actions-mode .chat-prompt-add-prompt-btn:hover, .chat-prompt-panel .calm-prompt-top-actions-mode .chat-prompt-add-prompt-btn:hover { background: rgba(58, 47, 38, 0.04) !important; border-color: rgba(58, 47, 38, 0.18) !important; color: rgb(58, 47, 38) !important; }
.calm-prompt-top-actions-mode .chat-prompt-add-prompt-btn:focus-visible { outline: rgb(110, 138, 126) solid 2px !important; outline-offset: -2px !important; }
[data-theme="dark"] .calm-prompt-top-actions-mode .chat-prompt-add-prompt-btn, [data-theme="dark"] .chat-prompt-panel .calm-prompt-top-actions-mode .chat-prompt-add-prompt-btn { border-color: rgba(255, 255, 255, 0.1) !important; color: rgba(255, 254, 251, 0.65) !important; }
[data-theme="dark"] .calm-prompt-top-actions-mode .chat-prompt-add-prompt-btn:hover, [data-theme="dark"] .chat-prompt-panel .calm-prompt-top-actions-mode .chat-prompt-add-prompt-btn:hover { background: rgba(255, 255, 255, 0.04) !important; border-color: rgba(255, 255, 255, 0.16) !important; color: rgba(255, 254, 251, 0.85) !important; }
@media (prefers-reduced-motion: reduce) {.calm-prompt-top-actions-mode .chat-prompt-build-btn, .calm-prompt-top-actions-mode .chat-prompt-add-prompt-btn { transition: none !important; }
.calm-prompt-top-actions-mode .chat-prompt-build-btn:hover, .calm-prompt-top-actions-mode .chat-prompt-build-btn:active { transform: none !important; }}
@media (max-width: 640px) {.calm-prompt-new-category .chat-prompt-form-actions { position: sticky !important; bottom: 0px !important; z-index: 2 !important; margin: auto 0px 0px !important; width: 100% !important; box-sizing: border-box !important; background: var(--color-card, rgb(255, 254, 251)) !important; border-top: 1px solid rgba(228, 220, 212, 0.55) !important; padding: 14px 18px calc(14px + env(safe-area-inset-bottom, 0px)) !important; gap: 10px !important; }
[data-theme="dark"] .calm-prompt-new-category .chat-prompt-form-actions { background: var(--color-card, rgb(42, 38, 34)) !important; border-top-color: rgba(255, 255, 255, 0.08) !important; }}
@media (max-width: 767px) {.calm-prompt-top-actions-mode .chat-prompt-top-actions { gap: 8px !important; padding: 12px 12px calc(12px + env(safe-area-inset-bottom, 0px)) !important; }
.calm-prompt-top-actions-mode .chat-prompt-build-btn, .chat-prompt-panel .calm-prompt-top-actions-mode .chat-prompt-build-btn, .calm-prompt-top-actions-mode .chat-prompt-add-prompt-btn { flex: 1 1 100% !important; }}
#calm-prompt-modal .calm-folder-settings .calm-actions-trigger { width: auto; font-size: 13px; border: 1px solid var(--calm-menu-line) !important; padding: 6px 10px !important; }
#calm-prompt-modal .calm-folder-list .chat-prompt-panel-header { flex-wrap: wrap; gap: 10px !important; }
#calm-prompt-modal .calm-folder-list .chat-prompt-panel-title { flex: 1 1 0%; min-width: 0px; white-space: normal; overflow-wrap: anywhere; }
#calm-prompt-modal .calm-folder-list .chat-prompt-list { display: flex !important; flex-direction: column !important; gap: 0px !important; padding: 8px 20px !important; margin: 0px !important; max-height: calc(100dvh - 232px) !important; }
dialog#calm-prompt-modal.calm-prompt-modal:has(.calm-folder-list) { max-height: calc(100dvh - 24px); }
#calm-prompt-modal .chat-prompt-panel-inner:has(#cpf-cat-name):not(.calm-folder-create) > .chat-prompt-panel-header { background: rgb(250, 248, 245) !important; }
#calm-prompt-modal .calm-folder-list .chat-prompt-item { align-items: center; gap: 8px; box-sizing: border-box; display: flex !important; height: auto !important; min-height: 59px !important; padding: 7px 0px !important; border-width: 0px 0px 1px !important; border-style: none none solid !important; border-color: currentcolor currentcolor rgb(236, 231, 223) !important; border-image: none !important; background: transparent !important; border-radius: 0px !important; }
#calm-prompt-modal .calm-folder-list .chat-prompt-item[hidden] { display: none !important; }
#calm-prompt-modal .calm-folder-list .chat-prompt-suggestion-btn::before { display: none !important; }
#calm-prompt-modal .calm-folder-list .chat-prompt-suggestion-btn > .calm-prompt-row-icon { align-items: center; justify-content: center; height: 28px; border-radius: 7px; background: rgb(232, 238, 234); color: rgb(74, 122, 104); display: inline-flex !important; flex: 0 0 28px !important; width: 28px !important; min-width: 28px !important; max-width: 28px !important; margin: 0px !important; padding: 0px !important; }
#calm-prompt-modal .calm-folder-list .calm-prompt-row-icon svg { display: block !important; width: 18px !important; height: 18px !important; }
#calm-prompt-modal .calm-folder-list .chat-prompt-suggestion-btn > span:last-child { margin: 0px !important; padding-inline-end: 0px !important; }
#calm-prompt-modal .calm-folder-list .chat-prompt-suggestion-btn { display: flex; align-items: center; justify-content: flex-start; gap: 10px; min-width: 0px; flex: 1 1 0%; min-height: 44px; width: auto !important; border: 0px !important; background: transparent !important; padding: 10px 8px !important; border-radius: 8px !important; }
#calm-prompt-modal .calm-folder-list .chat-prompt-suggestion-btn span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#calm-prompt-modal .calm-folder-list .chat-prompt-suggestion-btn:is(:hover, :focus-visible) { background: rgb(243, 239, 233) !important; }
#calm-prompt-modal .calm-folder-list .chat-prompt-add-row { padding: 16px 24px !important; margin: 0px !important; }
#calm-prompt-modal .calm-folder-list .chat-prompt-new-prompt-btn { width: 100%; min-height: 44px; border: 1px solid rgb(232, 221, 212) !important; background: transparent !important; color: inherit !important; }
#calm-prompt-modal .calm-list-search { flex: 0 0 auto; margin: 16px 24px 4px; width: calc(100% - 48px); box-sizing: border-box; min-height: 44px; border: 1px solid rgb(232, 221, 212); border-radius: 12px; padding: 10px 14px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 14px; color: inherit; background: transparent; }
#calm-prompt-modal .calm-list-search:focus-visible { outline: none; border-color: rgb(74, 122, 104); }
dialog#calm-prompt-modal:has(#cpf-cat-name) { width: min(520px, 100% - 32px); }
#calm-prompt-modal:has(#cpf-cat-name) .calm-prompt-subtitle { display: none !important; }
#calm-prompt-modal:has(#cpf-cat-name) .chat-prompt-form-label { text-transform: none !important; font-size: 14px !important; font-weight: 600 !important; letter-spacing: normal !important; }
#calm-prompt-modal .calm-search-empty { margin: 16px 24px; color: inherit; }
#calm-prompt-modal [hidden], .calm-actions-menu[hidden] { display: none !important; }
#calm-prompt-modal .calm-category-appearance { margin-top: 12px; }
#calm-prompt-modal .calm-category-appearance > summary { cursor: pointer; min-height: 36px; padding: 6px 0px; font-size: 14px; }
#calm-prompt-modal .calm-category-appearance > .chat-prompt-form-label { display: block; margin: 18px 0px 10px !important; }
#calm-prompt-modal .calm-category-appearance .chat-prompt-icon-picker { grid-template-columns: repeat(6, minmax(0px, 1fr)) !important; gap: 10px !important; }
#calm-prompt-modal .calm-category-appearance .chat-prompt-icon-btn { height: 40px !important; max-width: none !important; aspect-ratio: auto !important; }
#calm-prompt-modal .calm-category-appearance .chat-prompt-color-picker { flex-wrap: wrap; display: flex !important; justify-content: space-between !important; gap: 12px !important; }
.chat-prompt-area .calm-standalone { display: inline-flex; align-items: center; gap: 2px; max-width: 100%; padding: 4px 8px 4px 12px !important; }
.chat-prompt-area .calm-standalone .chat-prompt-suggestion-btn { display: inline-flex; align-items: center; gap: 8px; min-width: 0px; border: 0px; padding: 0px 4px; background: transparent; color: inherit; font: inherit; cursor: pointer; }
.chat-prompt-area .calm-standalone .chat-prompt-suggestion-btn span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.chat-prompt-area .chat-prompt-create { background: rgb(255, 254, 251); }
dialog.calm-prompt-confirm { inset: 0px; width: min(400px, -32px + 100vw); box-sizing: border-box; padding: 28px; border: 0px; border-radius: 16px; background: rgb(255, 254, 251); color: rgb(58, 47, 38); box-shadow: rgba(58, 47, 38, 0.19) 0px 16px 56px; margin: auto !important; }
.calm-prompt-confirm::backdrop { background: rgba(48, 42, 36, 0.333); }
.calm-prompt-confirm h2 { margin: 0px 0px 12px; font-size: 21px; }
.calm-prompt-confirm p { margin: 0px 0px 24px; }
[data-theme="dark"] .calm-actions-menu, [data-theme="dark"] .calm-prompt-confirm { background: rgb(44, 41, 37) !important; color: rgb(240, 232, 223) !important; }
[data-theme="dark"] #calm-prompt-modal .calm-folder-list .chat-prompt-suggestion-btn:is(:hover, :focus-visible) { background: rgb(57, 54, 47) !important; }
[data-theme="dark"] #calm-prompt-modal .calm-folder-list .chat-prompt-item { border-bottom-color: rgb(71, 65, 57) !important; }
[data-theme="dark"] #calm-prompt-modal .chat-prompt-panel-inner:has(#cpf-cat-name):not(.calm-folder-create) > .chat-prompt-panel-header { background: rgb(48, 45, 40) !important; }
[data-theme="dark"] #calm-prompt-modal .calm-folder-list .calm-prompt-row-icon { background: rgb(52, 71, 62); color: rgb(186, 211, 198); }
@media (max-width: 640px) {#calm-prompt-modal .calm-folder-list .chat-prompt-list { padding-inline: 12px !important; }
#calm-prompt-modal .calm-folder-settings { order: 3; margin-inline-start: auto; }
#calm-prompt-modal .calm-folder-list .chat-prompt-panel-close { margin-inline-start: auto; }}
@media (max-width: 480px) {#calm-prompt-modal .calm-folder-list .chat-prompt-panel-header { flex-wrap: nowrap; }
#calm-prompt-modal .calm-folder-list .chat-prompt-panel-title { flex: 1 1 0%; min-width: 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#calm-prompt-modal .calm-folder-settings { order: 1; margin-inline-start: 0px; }
#calm-prompt-modal .calm-folder-settings .calm-actions-trigger { width: 44px; padding: 10px !important; }
#calm-prompt-modal .calm-folder-settings .calm-actions-trigger > :is(span, svg:last-child) { display: none; }
#calm-prompt-modal .calm-folder-list .chat-prompt-panel-close { order: 2; flex: 0 0 auto; margin-inline-start: 0px; }}
dialog#calm-prompt-modal.calm-prompt-modal { inset: 0px; padding: 0px; border: 0px; border-radius: 16px; width: min(640px, 100% - 32px); max-width: none; max-height: calc(100dvh - 32px); background: rgb(255, 254, 251); color: rgb(58, 47, 38); box-shadow: rgba(58, 47, 38, 0.12) 0px 16px 56px; overflow: visible; margin: auto !important; }
@media (max-width: 767px) {dialog#calm-prompt-modal.calm-prompt-modal { top: var(--ss-vv-offset, 0px); bottom: var(--ss-vv-bottom, 0px); max-height: calc(var(--ss-vv-height, 100dvh) - 32px); }}
dialog#calm-prompt-modal.calm-prompt-modal::backdrop { background: rgba(251, 249, 246, 0.88); backdrop-filter: blur(2px); }
html body dialog#calm-prompt-modal.calm-prompt-modal > .chat-prompt-panel { position: relative !important; inset: auto !important; width: 100% !important; height: auto !important; max-height: inherit !important; margin: 0px !important; padding: 0px !important; transform: none !important; animation: auto ease 0s 1 normal none running none !important; overflow: visible !important; }
html body dialog#calm-prompt-modal.calm-prompt-modal .chat-prompt-panel > .chat-prompt-panel-inner { flex-direction: column; min-height: 0px; box-sizing: border-box; display: flex !important; width: 100% !important; max-width: none !important; height: auto !important; max-height: inherit !important; margin: 0px !important; border: 0px !important; border-radius: 16px !important; box-shadow: none !important; background: rgb(255, 254, 251) !important; overflow: hidden !important; }
html body dialog#calm-prompt-modal.calm-prompt-modal .chat-prompt-panel-inner > .chat-prompt-form, html body dialog#calm-prompt-modal.calm-prompt-modal .chat-prompt-panel-inner > .chat-prompt-list { min-height: 0px; overscroll-behavior: contain; flex: 1 1 auto !important; overflow: hidden auto !important; }
html body dialog#calm-prompt-modal.calm-prompt-modal .chat-prompt-panel-inner > .chat-prompt-panel-header, html body dialog#calm-prompt-modal.calm-prompt-modal .chat-prompt-panel-inner > .chat-prompt-form-actions, html body dialog#calm-prompt-modal.calm-prompt-modal .chat-prompt-panel-inner > .chat-prompt-add-row { flex: 0 0 auto !important; }
html body dialog#calm-prompt-modal.calm-prompt-modal .chat-prompt-panel-inner .chat-prompt-panel-close { display: flex !important; }
html body dialog#calm-prompt-modal.calm-prompt-modal .chat-prompt-form-textarea { max-height: min(32dvh, 280px) !important; overflow-y: auto !important; }
dialog#calm-prompt-modal.calm-prompt-modal .chat-prompt-form-actions { border-top: 1px solid rgba(58, 47, 38, 0.08); padding: 14px 20px !important; margin-top: 0px !important; }
dialog#calm-prompt-modal.calm-prompt-modal .calm-icon-overflow-popover, dialog#calm-prompt-modal.calm-prompt-modal .calm-cat-icon-popover { max-width: calc(-16px + 100vw); max-height: calc(100dvh - 32px); overflow-y: auto; }
[data-theme="dark"] dialog#calm-prompt-modal.calm-prompt-modal, [data-theme="dark"] body dialog#calm-prompt-modal.calm-prompt-modal .chat-prompt-panel > .chat-prompt-panel-inner { color: rgb(240, 232, 223); background: rgb(44, 41, 37) !important; }
[data-theme="dark"] dialog#calm-prompt-modal.calm-prompt-modal::backdrop { background: rgba(31, 29, 26, 0.88); }
@media (min-width: 769px) {dialog#calm-prompt-modal.calm-prompt-modal:has(> .chat-prompt-panel > [data-calm-ai-dock].cvm-is-open) { width: min(1040px, 100% - 32px); }
html body dialog#calm-prompt-modal.calm-prompt-modal .cvm-dock--inline { max-height: calc(100dvh - 32px) !important; }}
@media (max-width: 640px) {dialog#calm-prompt-modal.calm-prompt-modal { width: calc(100% - 16px); max-height: calc(var(--ss-vv-height, 100dvh) - 16px); }}
#calm-prompt-modal .calm-prompt-form-mode > .chat-prompt-panel-header { border-bottom: 0px !important; }
#calm-prompt-modal .calm-prompt-form-mode > .chat-prompt-form-actions { border-top: 0px !important; }
#calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-dock--inline { background: transparent !important; border: 0px !important; border-radius: 0px !important; box-shadow: none !important; margin-top: 0px !important; }
#calm-prompt-modal .calm-prompt-form-mode .calm-field-wrap > .cvm-mic { top: 8px !important; inset-inline-end: 12px !important; }
#calm-prompt-modal .calm-prompt-form-mode .calm-field-wrap:not(.calm-field-wrap--no-stt) > :is(#cpf-title, #cpf-text) { padding: 12px 56px 12px 14px !important; }
html[dir="rtl"] #calm-prompt-modal .calm-prompt-form-mode .calm-field-wrap:not(.calm-field-wrap--no-stt) > :is(#cpf-title, #cpf-text) { padding: 12px 14px 12px 56px !important; }
@media (min-width: 769px) {#calm-prompt-modal > .chat-prompt-panel:has(.calm-prompt-form-mode) { column-gap: 0px; }
#calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-head { padding: 22px 22px 14px; }
#calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-body { padding-inline: 22px; }
#calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-foot { padding: 14px 22px 22px; }}
@media (max-width: 768px) {#calm-prompt-modal .calm-prompt-form-mode .calm-field-wrap > .cvm-mic { min-width: 44px; width: 44px !important; height: 44px !important; }
#calm-prompt-modal .calm-prompt-form-mode .calm-field-wrap:not(.calm-field-wrap--no-stt) > :is(#cpf-title, #cpf-text) { min-height: 60px; padding: 12px 64px 12px 14px !important; }
html[dir="rtl"] #calm-prompt-modal .calm-prompt-form-mode .calm-field-wrap:not(.calm-field-wrap--no-stt) > :is(#cpf-title, #cpf-text) { padding: 12px 14px 12px 64px !important; }}
@media (max-width: 768px) {#calm-prompt-modal .calm-prompt-form-mode .chat-prompt-form > [data-calm-ai-dock] { margin: 20px 0px 0px !important; border-top: 0px !important; padding-top: 0px !important; }
#calm-prompt-modal .calm-prompt-form-mode .cvm-dock--inline { padding: 0px !important; max-height: none !important; }
#calm-prompt-modal .calm-prompt-form-mode .cvm-dock--inline .cvm-body { flex: 0 0 auto !important; min-height: 0px !important; max-height: none !important; overflow-y: visible !important; }
#calm-prompt-modal .calm-prompt-form-mode .cvm-close { display: none !important; }
#calm-prompt-modal .calm-prompt-form-mode .cvm-composer .cvm-mic { position: static !important; width: 36px !important; height: 36px !important; flex: 0 0 36px !important; }
#calm-prompt-modal:has(.calm-prompt-form-mode) :is(.cvm-head, .cvm-body, .cvm-foot) { padding-inline: 0px; }}
dialog.chat-prompt-move-dialog { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 14px; background: var(--card-bg, #FFFEFB); box-shadow: rgba(0, 0, 0, 0.12) 0px 8px 32px; padding: 0px; max-width: 380px; width: calc(100% - 32px); margin: auto; max-height: calc(100dvh - 32px); overflow-y: auto; }
dialog.chat-prompt-move-dialog::backdrop { background: rgba(0, 0, 0, 0.3); }
.chat-prompt-move-inner { display: flex; flex-direction: column; }
.chat-prompt-move-dialog .chat-prompt-panel-header { display: flex; align-items: center; padding: 16px 20px 0px; gap: 8px; }
.chat-prompt-move-dialog .chat-prompt-panel-title { flex: 1 1 0%; font-weight: 600; font-size: 16px; color: var(--text-primary, #1a1a1a); }
.chat-prompt-move-close { background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; padding: 4px; color: var(--text-secondary, #888); border-radius: 6px; display: flex; align-items: center; margin-inline-start: auto; }
.chat-prompt-move-close:hover { background: rgba(0, 0, 0, 0.06); }
.chat-prompt-move-body { padding: 16px 20px 8px; }
.chat-prompt-move-name { font-weight: 600; font-size: 15px; margin: 0px 0px 16px; color: var(--text-primary, #1a1a1a); word-break: break-word; }
.chat-prompt-move-label { display: block; font-size: 13px; font-weight: 500; color: var(--text-secondary, #555); margin-bottom: 6px; }
.chat-prompt-move-picker { display: flex; flex-direction: column; gap: 2px; max-height: 200px; overflow-y: auto; border: 1.5px solid var(--border-light, #e0ddd8); border-radius: 10px; padding: 4px; }
.chat-prompt-move-option { display: block; width: 100%; padding: 8px 12px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 8px; background: transparent; text-align: start; cursor: pointer; font-size: 14px; font-family: inherit; color: var(--text-primary, #1a1a1a); transition: background-color 0.15s; }
.chat-prompt-move-option:hover:not(:disabled) { background: rgba(74, 122, 104, 0.08); }
.chat-prompt-move-option[aria-selected="true"] { background: rgba(74, 122, 104, 0.12); font-weight: 500; }
.chat-prompt-move-option:disabled { opacity: 0.5; cursor: not-allowed; }
.chat-prompt-move-error { color: rgb(192, 57, 43); font-size: 13px; min-height: 20px; margin-top: 8px; }
.chat-prompt-move-footer { padding: 12px 20px 16px; display: flex; justify-content: flex-end; }
dialog.chat-prompt-move-dialog .chat-prompt-move-done-btn { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 10px; padding: 10px 28px; font-size: 14px; font-weight: 600; font-family: inherit; cursor: pointer; transition: background 0.15s, opacity 0.15s; background: rgb(74, 122, 104) !important; color: rgb(255, 255, 255) !important; }
dialog.chat-prompt-move-dialog .chat-prompt-move-done-btn:hover { background: rgb(61, 102, 86) !important; }
.chat-prompt-move-done-btn:disabled { opacity: 0.6; cursor: not-allowed; }
.chat-prompt-item-move { background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 4px; cursor: pointer; color: var(--text-secondary, #888); border-radius: 6px; display: flex; align-items: center; transition: color 0.15s, background 0.15s; }
.chat-prompt-item-move:hover { color: var(--sage, #4A7A68); background: rgba(74, 122, 104, 0.08); }
[data-theme="dark"] dialog.chat-prompt-move-dialog { background: var(--bg-dark-card, #1e1e1e); }
[data-theme="dark"] .chat-prompt-move-dialog .chat-prompt-panel-title { color: var(--text-dark-primary, #e8e8e8); }
[data-theme="dark"] .chat-prompt-move-picker { border-color: var(--border-dark, #444); }
[data-theme="dark"] .chat-prompt-move-option { color: var(--text-dark-primary, #e8e8e8); }
[data-theme="dark"] .chat-prompt-move-option:hover:not(:disabled) { background: rgba(90, 154, 126, 0.15); }
[data-theme="dark"] .chat-prompt-move-option[aria-selected="true"] { background: rgba(90, 154, 126, 0.2); }
[data-theme="dark"] .chat-prompt-move-name { color: var(--text-dark-primary, #e8e8e8); }
[data-theme="dark"] .chat-prompt-move-label { color: var(--text-dark-secondary, #aaa); }
[data-theme="dark"] dialog.chat-prompt-move-dialog .chat-prompt-move-done-btn { background: rgb(124, 184, 164) !important; color: rgb(30, 41, 36) !important; }
[data-theme="dark"] dialog.chat-prompt-move-dialog .chat-prompt-move-done-btn:hover { background: rgb(154, 201, 184) !important; }
[data-theme="dark"] dialog.chat-prompt-move-dialog .chat-prompt-move-error { color: rgb(240, 179, 167) !important; }
@media (max-width: 640px) {dialog.chat-prompt-move-dialog { width: calc(100% - 24px); }
.chat-prompt-item-move { min-width: 44px; min-height: 44px; justify-content: center; }
.chat-prompt-move-option { padding: 12px; font-size: 16px; }
.chat-prompt-move-done-btn { padding: 12px 28px; width: 100%; }}
html body #calm-prompt-modal .chat-prompt-panel-inner:is(.calm-folder-list, .calm-prompt-new-category) { padding: 0px !important; }
html body #calm-prompt-modal .calm-folder-list .chat-prompt-item:not([hidden]):not(:has(~ .chat-prompt-item:not([hidden]))) { border-bottom: 0px !important; }
html body #calm-prompt-modal { --prompt-hover-ink: #3d725f; }
html[data-theme="dark"] body #calm-prompt-modal { --prompt-hover-ink: #b1d3c2; }
html body #calm-prompt-modal .calm-folder-list :is(.chat-prompt-suggestion-btn, .chat-prompt-panel-title[role="button"]):is(:hover, :focus-visible), html body #calm-prompt-modal :is(.calm-actions-trigger, .chat-prompt-panel-close):is(:hover, :focus-visible), html body #chat-main .chat-prompt-area .calm-actions-trigger:is(:hover, :focus-visible) { background: transparent !important; box-shadow: none !important; color: var(--prompt-hover-ink,#3d725f) !important; }
html body #calm-prompt-modal .calm-folder-list .chat-prompt-suggestion-btn:is(:hover, :focus-visible) .calm-prompt-row-icon { color: var(--prompt-hover-ink) !important; }
html body #calm-prompt-modal :is(.chat-prompt-suggestion-btn, .chat-prompt-panel-title[role="button"]):focus-visible { text-decoration: underline; text-underline-offset: 3px; outline: none !important; }
html body #chat-main .chat-prompt-area :is(.chat-prompt-chip[data-cat-id], .calm-standalone):is(:hover, :focus-within) { transform: none !important; box-shadow: none !important; color: rgb(61, 114, 95) !important; }
html body #chat-main .chat-prompt-area :is(.chat-prompt-chip[data-cat-id], .calm-standalone):is(:hover, :focus-within) svg { color: rgb(61, 114, 95) !important; }
html[data-theme="dark"] body #chat-main .chat-prompt-area :is(.chat-prompt-chip[data-cat-id], .calm-standalone):is(:hover, :focus-within), html[data-theme="dark"] body #chat-main .chat-prompt-area :is(.chat-prompt-chip[data-cat-id], .calm-standalone):is(:hover, :focus-within) svg, html[data-theme="dark"] body #chat-main .chat-prompt-area .calm-actions-trigger:is(:hover, :focus-visible) { color: rgb(177, 211, 194) !important; }
#calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-close { display: none !important; }
#calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-suggestion { padding: 10px 12px; background: transparent !important; box-shadow: none !important; border-color: rgba(110, 138, 126, 0.18) !important; }
#calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-label { text-transform: none; letter-spacing: normal; font-size: 14px; }
#calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-confirm { justify-content: flex-end; }
#calm-prompt-modal:has(.calm-prompt-form-mode) :is(.cvm-yes, .cvm-no) { flex: 0 0 auto; min-width: 64px; min-height: 44px; border-radius: 10px; }
#calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-suggestion:has(.cvm-result) { padding-block: 6px; border-color: transparent !important; }
#calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-suggestion:has(.cvm-result) .cvm-new { margin-bottom: 6px; }
@media (min-width: 769px) {html body #calm-prompt-modal > .chat-prompt-panel:has(.calm-prompt-form-mode) { align-items: stretch !important; }
html body #calm-prompt-modal .calm-prompt-form-mode { align-self: stretch; position: static !important; backdrop-filter: none !important; }
html body #calm-prompt-modal .calm-prompt-form-mode::before { display: none !important; }
html body #calm-prompt-modal .calm-prompt-form-mode > .chat-prompt-panel-header { position: static !important; }
html body #calm-prompt-modal .calm-prompt-form-mode .chat-prompt-panel-close { top: 16px; inset-inline-end: 18px; z-index: 5; position: absolute !important; }
#calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-head { padding-inline-end: 64px; }
html body #calm-prompt-modal .calm-prompt-form-mode .chat-prompt-form { flex: 1 1 auto !important; }
html body #calm-prompt-modal .calm-prompt-form-mode .calm-field-wrap--textarea { flex: 1 1 auto; min-height: 132px; display: flex !important; }
html body #calm-prompt-modal .calm-prompt-form-mode #cpf-text { flex: 1 1 0%; height: 100% !important; min-height: 132px !important; max-height: none !important; resize: none !important; }}
html body #chat-main .chat-prompt-area :is(.calm-standalone, .calm-home-folder) { position: relative; display: inline-flex; align-items: center; gap: 0px; min-width: 0px; max-width: 100%; box-sizing: border-box; padding: 0px !important; }
html body #chat-main .chat-prompt-area :is(.calm-standalone, .calm-home-folder) > .chat-prompt-suggestion-btn { display: inline-flex; align-items: center; gap: 8px; flex: 1 1 auto; min-width: 0px; min-height: 42px; font: inherit; text-align: start; cursor: grab; padding: 0px 18px !important; border: 0px !important; background: transparent !important; color: inherit !important; }
html body #chat-main .chat-prompt-area :is(.calm-standalone, .calm-home-folder).dragging > .chat-prompt-suggestion-btn { cursor: grabbing !important; }
html body #chat-main .chat-prompt-area :is(.calm-standalone, .calm-home-folder) .calm-home-label { position: relative; display: block; flex: 1 1 auto; min-width: 0px; }
html body #chat-main .chat-prompt-area :is(.calm-standalone, .calm-home-folder) .calm-home-label-sizer { display: block; visibility: hidden; white-space: nowrap; }
html body #chat-main .chat-prompt-area :is(.calm-standalone, .calm-home-folder) .calm-home-label-text { position: absolute; inset: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html body #chat-main .chat-prompt-area .calm-standalone > .calm-actions, html body #chat-main .chat-prompt-area .calm-home-folder > .calm-home-settings { position: absolute; inset-inline-end: 0px; top: 0px; display: inline-flex; align-items: center; width: 44px; min-width: 44px; height: 44px; opacity: 0; pointer-events: none; transition: opacity 120ms; }
html body #chat-main .chat-prompt-area :is(.calm-standalone, .calm-home-folder) .calm-home-settings { align-items: center; justify-content: center; width: 44px; min-width: 44px; height: 44px; cursor: pointer; display: inline-flex !important; padding: 0px !important; border: 0px !important; background: transparent !important; box-shadow: none !important; color: inherit !important; }
html body #chat-main .chat-prompt-area .calm-standalone > .calm-actions { overflow: visible; }
html body #chat-main .chat-prompt-area :is(.calm-standalone, .calm-home-folder) .calm-home-settings svg { width: 16px; height: 16px; min-width: 16px; }
html body #chat-main .chat-prompt-area :is(.calm-standalone, .calm-home-folder):is(:hover, :focus-within, :has(.calm-home-settings[aria-expanded="true"])) .calm-home-label-text { inset-inline-end: 26px; }
html body #chat-main .chat-prompt-area .calm-standalone:is(:hover, :focus-within, :has(.calm-home-settings[aria-expanded="true"])) > .calm-actions, html body #chat-main .chat-prompt-area .calm-home-folder:is(:hover, :focus-within) > .calm-home-settings, html body #chat-main .chat-prompt-area .calm-home-folder > .calm-home-settings[aria-expanded="true"] { opacity: 1; pointer-events: auto; }
@media (hover: none), (pointer: coarse) {html body #chat-main .chat-prompt-area :is(.calm-standalone, .calm-home-folder) > .chat-prompt-suggestion-btn { padding-inline: 18px 44px !important; }
html body #chat-main .chat-prompt-area :is(.calm-standalone, .calm-home-folder) .calm-home-label-text { inset-inline-end: 0px !important; }
html body #chat-main .chat-prompt-area .calm-standalone > .calm-actions, html body #chat-main .chat-prompt-area .calm-home-folder > .calm-home-settings { opacity: 1; pointer-events: auto; }}
@media (prefers-reduced-motion: reduce) {html body #chat-main .chat-prompt-area .calm-standalone > .calm-actions, html body #chat-main .chat-prompt-area .calm-home-folder > .calm-home-settings { transition: none; }}
@media (max-width: 768px) {html body #chat-main #chat-empty-voksen.content:has(.calm-standalone), html body #chat-main .chat-prompt-area:has(.calm-standalone), html body #chat-main .chat-prompt-chips:has(.calm-standalone) { box-sizing: border-box; min-width: 0px !important; max-width: 100% !important; }}
html body #chat-main .chat-prompt-area .calm-standalone { min-width: 0px; box-sizing: border-box; }
html body #chat-main .chat-prompt-area .calm-standalone .chat-prompt-suggestion-btn { flex: 1 1 auto; min-width: 0px; }
html body #chat-main .chat-prompt-area .calm-standalone .chat-prompt-suggestion-btn span { min-width: 0px; }
#calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-suggestion.cvm-suggestion--builder { border-radius: 14px; margin-bottom: 12px; border: 1px solid rgb(226, 232, 225) !important; padding: 12px 15px 14px !important; background: var(--bg-card, #fffffd) !important; }
#calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-suggestion.cvm-suggestion--builder .cvm-suggestion-head { gap: 8px; margin-bottom: 3px; }
#calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-suggestion.cvm-suggestion--builder .cvm-label { font-size: 13px; font-weight: 600; }
#calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-suggestion.cvm-suggestion--builder .cvm-new { font-size: 14px; line-height: 1.6; overflow-wrap: anywhere; }
#calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-suggestion.cvm-suggestion--builder .cvm-listen { width: 40px; height: 40px; border-radius: 10px; border: 0px !important; background: transparent !important; box-shadow: none !important; }
#calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-suggestion.cvm-suggestion--builder .cvm-listen:is(:hover, .tts-playing, .tts-paused, .active, .loading) { background: rgba(110, 138, 126, 0.12) !important; }
#calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-suggestion.cvm-suggestion--builder .cvm-confirm { justify-content: flex-start; align-items: center; flex-wrap: wrap; gap: 8px; margin-top: 7px; }
#calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-suggestion.cvm-suggestion--builder .cvm-yes { padding: 10px 18px; font-size: 14px; min-height: 44px; }
#calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-suggestion.cvm-suggestion--builder .cvm-no { padding: 10px 12px; font-size: 13px; background: transparent !important; border-color: transparent !important; box-shadow: none !important; }
#calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-suggestion.cvm-suggestion--builder .cvm-no:hover { background: rgba(110, 138, 126, 0.08) !important; }
#calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-suggestion.cvm-suggestion--builder[data-cvm-resolved] { padding-block: 10px 8px !important; border-color: rgb(226, 232, 225) !important; }
#calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-suggestion.cvm-suggestion--builder[data-cvm-resolved] .cvm-new { font-size: 13px; opacity: 0.8; }
#calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-suggestion.cvm-suggestion--builder[data-cvm-resolved] .cvm-confirm { justify-content: space-between; min-height: 44px; }
#calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-suggestion.cvm-suggestion--builder .cvm-result { margin: 0px; font-size: 13px; }
#calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-suggestion.cvm-suggestion--builder .cvm-undo { font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 13px; color: var(--accent, #4a7a68); background: transparent; border: 0px; min-height: 44px; padding: 5px; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
#calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-suggestion.cvm-suggestion--builder button:disabled { opacity: 0.5; cursor: default; }
body.dark #calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-suggestion.cvm-suggestion--builder, [data-theme="dark"] #calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-suggestion.cvm-suggestion--builder { background: transparent !important; border-color: rgba(160, 190, 175, 0.25) !important; }
html body #chat-main .chat-prompt-area .chat-prompt-chip[data-color][style*="--prompt-tint"] { background: var(--prompt-tint) !important; border-color: var(--prompt-border) !important; }
html body #calm-prompt-modal .calm-folder-list .chat-prompt-item[data-color][style*="--prompt-tint"] { border-radius: 10px; background: var(--prompt-tint) !important; }
html body #chat-main .chat-prompt-area .calm-standalone[data-color][style*="--prompt-tint"] > .chat-prompt-suggestion-btn, html body #calm-prompt-modal .calm-folder-list .chat-prompt-item[data-color][style*="--prompt-tint"] > .chat-prompt-suggestion-btn { background: transparent !important; }
html[data-theme="dark"] body #chat-main .chat-prompt-area .chat-prompt-chip[data-color][style*="--prompt-tint"], html body.dark #chat-main .chat-prompt-area .chat-prompt-chip[data-color][style*="--prompt-tint"] { background: var(--prompt-dark-tint) !important; border-color: var(--prompt-dark-border) !important; }
html[data-theme="dark"] body #calm-prompt-modal .calm-folder-list .chat-prompt-item[data-color][style*="--prompt-tint"], html body.dark #calm-prompt-modal .calm-folder-list .chat-prompt-item[data-color][style*="--prompt-tint"] { background: var(--prompt-dark-tint) !important; }
html body #chat-main .chat-prompt-area :is(.calm-home-folder, .chat-prompt-add) { position: relative; margin-block-start: 0px; overflow: visible; border-radius: 5px 13px 13px !important; }
html body #chat-main .chat-prompt-area :is(.calm-home-folder, .chat-prompt-add)::before { content: ""; position: absolute; inset-inline-start: -1px; top: auto; bottom: calc(100% + 1px); transform: none; opacity: 1; width: 30px; height: 5px; border-width: 1px 1px 0px; border-image: none; border-top-style: inherit; border-right-style: inherit; border-left-style: inherit; border-top-color: inherit; border-right-color: inherit; border-left-color: inherit; border-bottom-style: none; border-bottom-color: currentcolor; border-radius: 5px 5px 0px 0px; background: inherit; pointer-events: none; }
html body #chat-main .chat-prompt-area .calm-folder-open::after { content: ""; flex: 0 0 5px; width: 5px; height: 5px; border-block-start: 1.5px solid currentcolor; border-inline-end: 1.5px solid currentcolor; transform: rotate(45deg); opacity: 0.65; margin-inline-start: 3px; pointer-events: none; }
html[dir="rtl"] body #chat-main .chat-prompt-area .calm-folder-open::after { transform: rotate(-45deg); }
dialog#calm-prompt-modal.calm-prompt-modal:has(:is(.calm-folder-list, .calm-folder-create)) { --folder-edge: #dfe2d8; --folder-tab: #f0f0e8; --folder-front: #fffefb; max-height: calc(var(--ss-vv-height, 100dvh) - 96px); border-radius: 0px 16px 16px; background: transparent !important; outline: 0px !important; }
html body dialog#calm-prompt-modal.calm-prompt-modal > .chat-prompt-panel:has(> :is(.calm-folder-list, .calm-folder-create)) { border-radius: 0px 16px 16px !important; box-shadow: 0 0 0 1px var(--folder-outline, var(--folder-edge)) !important; }
html body dialog#calm-prompt-modal.calm-prompt-modal .chat-prompt-panel > :is(.calm-folder-list, .calm-folder-create) { border-radius: 0px 16px 16px !important; }
#calm-prompt-modal .calm-folder-tab { position: absolute; inset-inline-start: -1px; top: auto; bottom: calc(100% - 1px); transform: none; opacity: 1; height: 31px; min-width: 136px; box-sizing: border-box; display: flex; align-items: center; gap: 7px; padding: 0px 23px 0px 19px; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-bottom: 0px; border-radius: 11px 18px 0px 0px; background: color-mix(in srgb, var(--prompt-tint, var(--folder-tab)) 48%, var(--folder-tab)); color: inherit; font-size: 12px; font-weight: 500; line-height: 18px; pointer-events: none; }
#calm-prompt-modal .calm-folder-tab svg { width: 15px; height: 15px; flex: 0 0 auto; }
html body #calm-prompt-modal :is(.calm-folder-list, .calm-folder-create) > .chat-prompt-list { box-shadow: none; background: var(--folder-front) !important; border-radius: 13px 13px 0px 0px !important; border-top: 0px !important; margin-block-start: 0px !important; }
html[data-theme="dark"] dialog#calm-prompt-modal:has(:is(.calm-folder-list, .calm-folder-create)), html body.dark dialog#calm-prompt-modal:has(:is(.calm-folder-list, .calm-folder-create)) { --folder-edge: #474139; --folder-tab: #302d28; --folder-front: #2c2925; }
html[data-theme="dark"] #calm-prompt-modal .calm-folder-tab, html body.dark #calm-prompt-modal .calm-folder-tab { border-color: var(--prompt-dark-border, var(--folder-edge)); background: color-mix(in srgb, var(--prompt-dark-tint, var(--folder-tab)) 48%, var(--folder-tab)); }
html[dir="rtl"] body #chat-main .chat-prompt-area :is(.calm-home-folder, .chat-prompt-add) { border-radius: 13px 5px 13px 13px !important; }
html[dir="rtl"] #calm-prompt-modal .calm-folder-tab { border-radius: 18px 11px 0px 0px; }
html body #calm-prompt-modal .calm-folder-tab { min-width: 92px; height: 20px; padding: 0px; border-radius: 9px 14px 0px 0px; z-index: 1; border-color: var(--folder-outline, var(--folder-edge)) !important; }
#calm-prompt-modal .chat-prompt-panel:has(> :is(.calm-folder-list, .calm-folder-create)) { --folder-wash: var(--prompt-tint, transparent); --folder-outline: var(--prompt-border, var(--folder-edge)); }
html body dialog#calm-prompt-modal.calm-prompt-modal .chat-prompt-panel > .chat-prompt-panel-inner:is(.calm-folder-list, .calm-folder-create), html body #calm-prompt-modal .calm-folder-tab { background: linear-gradient(var(--folder-wash), var(--folder-wash)), var(--folder-front) !important; }
html body #calm-prompt-modal :is(.calm-folder-list, .calm-folder-create) > .chat-prompt-panel-header { background: transparent !important; border-bottom: 0px !important; padding-inline: 24px !important; padding-block: 18px !important; }
html body #calm-prompt-modal :is(.calm-folder-list, .calm-folder-create) > .chat-prompt-panel-header > svg { background: rgba(255, 255, 255, 0.48) !important; color: inherit !important; }
html body #calm-prompt-modal :is(.calm-folder-list, .calm-folder-create) > .chat-prompt-add-row, html body #calm-prompt-modal :is(.calm-folder-list, .calm-folder-create) > .calm-search-empty { background: var(--folder-front) !important; border-top: 0px !important; }
html[data-theme="dark"] #calm-prompt-modal .chat-prompt-panel:has(> :is(.calm-folder-list, .calm-folder-create)), html body.dark #calm-prompt-modal .chat-prompt-panel:has(> :is(.calm-folder-list, .calm-folder-create)) { --folder-wash: var(--prompt-dark-tint, transparent); --folder-outline: var(--prompt-dark-border, var(--folder-edge)); }
html[data-theme="dark"] body #calm-prompt-modal :is(.calm-folder-list, .calm-folder-create) > .chat-prompt-panel-header > svg, html body.dark #calm-prompt-modal :is(.calm-folder-list, .calm-folder-create) > .chat-prompt-panel-header > svg { background: rgba(255, 255, 255, 0.06) !important; }
@media (max-width: 520px) {html body #calm-prompt-modal :is(.calm-folder-list, .calm-folder-create) > .chat-prompt-panel-header { padding-inline: 16px !important; }}
html body #calm-prompt-modal .chat-prompt-panel-inner:is(.calm-folder-list, .calm-folder-create)::before { display: none !important; }
html body #calm-prompt-modal .calm-folder-create > .chat-prompt-form { border-radius: 13px 13px 0px 0px; background: var(--folder-front) !important; border-top: 0px !important; }
html body #calm-prompt-modal .calm-folder-create .chat-prompt-form-actions { border-top: 0px !important; }
html body #chat-main .chat-prompt-area .calm-home-folder::before { transform-origin: left bottom; transition: transform 160ms ease-out; }
html body #chat-main .chat-prompt-area .calm-home-folder.chip-drop-inside { outline-offset: 2px; outline: 2px solid var(--prompt-hover-ink, #3d725f) !important; }
html body #chat-main .chat-prompt-area .calm-home-folder.chip-drop-inside::before { transform: scaleY(1.4); }
html body #chat-main .chat-prompt-area .calm-home-folder.chip-drop-inside > .calm-folder-open::after { transform: rotate(135deg); }
html body #chat-main .chat-prompt-area .calm-home-folder.chip-drop-inside > .calm-home-settings { visibility: hidden; }
html[data-theme="dark"] body #chat-main .chat-prompt-area .calm-home-folder.chip-drop-inside { outline-color: rgb(177, 211, 194) !important; }
@media (prefers-reduced-motion: reduce) {html body #chat-main .chat-prompt-area .calm-home-folder::before { transition: none !important; }
html body #chat-main .chat-prompt-area .calm-home-folder.chip-drop-inside::before { transform: none; }}
@media (prefers-reduced-motion: no-preference) {html body dialog#calm-prompt-modal[open]:has(.calm-folder-list, .calm-folder-create, [data-i18n="chips.editCategory"]) { animation: 150ms cubic-bezier(0.2, 0, 0, 1) 0s 1 normal none running calm-folder-enter; }}
@media print {.app-sidebar, #chat-input-area, .chat-input, .chat-plus-menu, .blod-bolge-overlay, .chat-header-actions, .voice-overlay, #ss-scroll-bottom-fab, .sofia-sidebar, .chat-conv-header, .onboarding-overlay, .bb-mobile-nav, .chat-category-chips, .chat-msg-actions, .skip-link, #chat-profile { display: none !important; }
[data-theme="dark"] .card, [data-theme="dark"] .input-card, [data-theme="dark"] .chat-input-box, [data-theme="dark"] .chat-prompt-item, [data-theme="dark"] .chat-bubble-file-chip, [data-theme="dark"] .chat-code-block { background: rgb(255, 255, 255) !important; border-color: rgb(228, 230, 232) !important; color: rgb(56, 69, 81) !important; box-shadow: none !important; }}
.ss-stt-toast.ss-stt-toast { min-width: 0px; width: max-content; max-width: calc(-32px + 100vw); background: var(--ss-toast-bg); backdrop-filter: var(--ss-toast-blur); color: var(--ss-toast-ink); font-size: var(--font-size-sm, 13px); font-weight: 500; border: 0.5px solid var(--ss-toast-border); border-radius: var(--ss-toast-radius); box-shadow: var(--ss-toast-shadow); }
[data-theme="dark"] .ss-stt-toast.ss-stt-toast { background: var(--ss-toast-bg); color: var(--ss-toast-ink); border: 0.5px solid var(--ss-toast-border); box-shadow: var(--ss-toast-shadow); }
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {.ss-stt-toast.ss-stt-toast, [data-theme="dark"] .ss-stt-toast.ss-stt-toast { background: var(--ss-toast-bg-solid); }}
@media (prefers-reduced-motion: reduce) {.ss-toast-pill, .ss-toast-action, .ss-saved-toast, .ss-saved-toast button, .ss-stt-toast.ss-stt-toast { transition: none; }}
body[data-local-native-editor]:has(#local-native-host#local-native-host) :is(.chat-prompt-chip, .chat-category-chip) { color: var(--ss-muted) !important; border-color: var(--ss-border) !important; }
body[data-local-native-editor]:has(#local-native-host#local-native-host) :is(#calm-prompt-modal, dialog.chat-prompt-move-dialog, dialog.calm-prompt-confirm) { color: var(--ss-text); --warm-text: var(--ss-text); --cream: var(--ss-surface); --card-bg: var(--ss-surface); }
body[data-local-native-editor]:has(#local-native-host#local-native-host) #calm-prompt-modal:not(:has(.calm-folder-list, .calm-folder-create)), body[data-local-native-editor]:has(#local-native-host#local-native-host) #calm-prompt-modal .calm-prompt-form-mode, body[data-local-native-editor]:has(#local-native-host#local-native-host) :is(dialog.chat-prompt-move-dialog, dialog.calm-prompt-confirm) { box-shadow: var(--ss-shadow); background: var(--ss-surface) !important; color: var(--ss-text) !important; }
body[data-local-native-editor]:has(#local-native-host#local-native-host) #calm-prompt-modal :is(.calm-prompt-form-mode, .chat-prompt-form) :is(input, textarea) { background: var(--ss-surface) !important; border-color: var(--ss-border) !important; color: var(--ss-text) !important; }
body[data-local-native-editor]:has(#local-native-host#local-native-host) #calm-prompt-modal :is(input, textarea):focus-visible { outline: 2px solid var(--ss-focus); outline-offset: 2px; }
body[data-local-native-editor]:has(#local-native-host#local-native-host) #calm-prompt-modal :is(.chat-prompt-panel-title, .chat-prompt-form-label, .cvm-title, .cvm-head) { color: var(--ss-text) !important; }
body[data-local-native-editor]:has(#local-native-host#local-native-host) #calm-prompt-modal :is(.chat-prompt-form-cancel, .cvm-proposal, .cvm-composer) { border-color: var(--ss-border) !important; color: var(--ss-text) !important; }
body[data-local-native-editor]:has(#local-native-host#local-native-host) #calm-prompt-modal :is(.chat-prompt-form-save, .cvm-yes) { background: var(--ss-action) !important; color: var(--ss-on-action) !important; }
body[data-local-native-editor]:has(#local-native-host#local-native-host) #calm-prompt-modal .calm-prompt-form-mode::before { background: var(--ss-surface) !important; }
body[data-local-native-editor]:has(#local-native-host#local-native-host) #calm-prompt-modal :is(input, textarea)::placeholder { color: var(--ss-muted) !important; opacity: 1 !important; }
body[data-local-native-editor]:has(#local-native-host#local-native-host) #calm-prompt-modal :is(.cvm-composer, .cvm-proposal) { background: var(--ss-surface) !important; }
body[data-local-native-editor]:has(#local-native-host#local-native-host) #calm-prompt-modal .cvm-composer .cvm-type-field { background: transparent !important; border: 0px !important; border-radius: 0px !important; color: var(--ss-text) !important; }
body[data-local-native-editor]:has(#local-native-host#local-native-host) .chat-prompt-move-done-btn { background: var(--ss-action) !important; color: var(--ss-on-action) !important; }
body[data-local-native-editor]:has(#local-native-host#local-native-host) #calm-prompt-modal:has(.calm-folder-list, .calm-folder-create) { --folder-front: var(--ss-surface); --folder-edge: var(--ss-border); --folder-tab: var(--ss-surface-alt); }
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) { --warm-text: var(--ss-text); --cream: var(--ss-surface); --card-bg: var(--ss-surface); color: var(--ss-text); font: 15px / 1.5 Inter, system-ui, -apple-system, "Segoe UI", sans-serif; --folder-front: var(--ss-surface); --folder-edge: var(--ss-border); }
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) .calm-folder-create { background: var(--ss-surface) !important; color: var(--ss-text) !important; font: inherit !important; }
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) :is(input, button, label, summary) { font-family: inherit !important; font-size: 15px !important; line-height: 1.5 !important; }
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) .chat-prompt-panel-title { color: var(--ss-text) !important; font-size: 22px !important; line-height: 1.35 !important; font-weight: 600 !important; }
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) .chat-prompt-form-label { color: var(--ss-text) !important; font-size: 14px !important; font-weight: 600 !important; }
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) summary { min-height: 44px; display: list-item; color: var(--ss-text) !important; font-size: 14px !important; }
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) #cpf-cat-name { min-height: 48px; background: var(--ss-surface) !important; color: var(--ss-text) !important; border: 1px solid var(--ss-control-border) !important; font-size: 16px !important; box-shadow: none !important; }
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) #cpf-cat-name:focus { border-color: var(--ss-accent) !important; background: var(--ss-canvas) !important; outline: none !important; box-shadow: none !important; }
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) .chat-prompt-icon-picker { display: grid !important; grid-template-columns: repeat(6, minmax(0px, 1fr)) !important; gap: 8px !important; }
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) .chat-prompt-icon-btn { background: var(--ss-canvas) !important; color: var(--ss-action) !important; border: 1px solid var(--ss-border) !important; width: 100% !important; min-width: 0px !important; height: 44px !important; min-height: 44px !important; box-shadow: none !important; }
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) .chat-prompt-icon-btn:is(.is-selected, [aria-pressed="true"]) { background: var(--ss-selected-strong) !important; color: var(--ss-on-selected-strong) !important; border-color: var(--ss-control-border) !important; }
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) .chat-prompt-color-picker { display: grid !important; grid-template-columns: repeat(7, minmax(0px, 1fr)) !important; gap: 4px !important; }
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) .chat-prompt-color-btn:not([hidden]) { place-items: center; width: 100% !important; max-width: none !important; min-width: 0px !important; height: 44px !important; min-height: 44px !important; aspect-ratio: auto !important; display: grid !important; border-radius: 8px !important; box-shadow: none !important; }
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) .chat-prompt-color-dot { width: 26px !important; height: 26px !important; }
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) .chat-prompt-color-btn.is-selected .chat-prompt-color-dot { box-shadow: 0 0 0 2px var(--ss-surface),0 0 0 3px var(--ss-accent); }
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) .chat-prompt-form-save { background: var(--ss-action) !important; color: var(--ss-on-action) !important; border: 1px solid var(--ss-control-border) !important; }
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) .chat-prompt-form-cancel { background: var(--ss-surface) !important; color: var(--ss-text) !important; border: 1px solid var(--ss-control-border) !important; }
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) :is(.chat-prompt-form-save, .chat-prompt-form-cancel) { min-height: 44px !important; font-size: 15px !important; line-height: 1.4 !important; font-weight: 600 !important; padding: 10px 20px !important; border-radius: 14px !important; box-shadow: none !important; }
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) :is(.chat-prompt-panel-close, .chat-prompt-icon-more) { color: var(--ss-muted) !important; }
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) .chat-prompt-panel-close { width: 44px !important; height: 44px !important; }
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) :is(button, summary):focus-visible { outline: none !important; box-shadow: none !important; background: var(--ss-selected) !important; color: var(--ss-text) !important; }
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) .chat-prompt-form-save:is(:hover, :focus-visible) { background: var(--ss-action-hover) !important; color: var(--ss-on-action) !important; }
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) .chat-prompt-form-cancel:hover { background: var(--ss-selected) !important; }
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) .chat-prompt-icon-btn:not(.is-selected):hover { background: var(--ss-hover) !important; }
html[data-theme="dark"] body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) .chat-prompt-icon-btn:not(.is-selected):not([aria-pressed="true"]) { color: var(--ss-accent) !important; }
@media (max-width: 650px) {html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) .chat-prompt-icon-picker { grid-template-columns: repeat(5, minmax(0px, 1fr)) !important; gap: 4px !important; }
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) .chat-prompt-panel-title { font-size: 20px !important; }}
.ss-mic-status { position: fixed; z-index: 8000; left: 50%; bottom: 88px; transform: translateX(-50%); max-width: calc(-32px + 100vw); box-sizing: border-box; padding: 10px 16px; border: 1px solid rgb(129, 119, 108); border-radius: 12px; background: rgb(255, 253, 249); color: rgb(39, 35, 31); font: 500 15px / 1.4 system-ui, sans-serif; box-shadow: rgba(0, 0, 0, 0.133) 0px 3px 14px; opacity: 0; pointer-events: none; }
.ss-mic-status--visible { opacity: 1; }
[data-theme="dark"] .ss-mic-status { background: rgb(41, 38, 35); color: rgb(250, 247, 242); border-color: rgb(145, 135, 125); }
html body .chat-input-box.ss-talk-active .chat-input-toolbar-left, html body .chat-input-box.ss-talk-active .chat-plus-wrap, html body .chat-input-box.ss-talk-active .chat-plus-btn, html body .chat-input-box.ss-talk-active .chat-input-action, html body .chat-input-box.ss-talk-active .chat-input-action.ss-mic, html body .chat-input-box.ss-talk-active .chat-send-btn, html body .chat-input-box.ss-talk-active .ss-voice-trigger { display: none !important; }
.calm-prompt-confirm{--space-16:64px;--header-height:0px;--ss-toast-bg:rgba(255, 255, 255, 0.82);--icon-inactive:#B8ACA0;--text-body:14px;--shadow-quick-hover:0 2px 8px rgba(0, 0, 0, 0.06);--font-body:'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--ss-border:#d5ddd0;--ss-on-selected:#376a59;--ss-ui-language-gap:18px;--muted:#B8A898;--ss-frame-shadow:0 8px 16px #00000014,0 4px 4px #0000000f,0 0 2px #0000001a;--color-text-secondary:#646e78;--ss-frame-mobile-shadow:0 8px 16px #00000014,0 4px 4px #0000000f;--color-text-tertiary:#767a86;--color-sidebar-hover:rgba(226, 70, 104, 0.06);--font-mono:Monaco, 'Courier New', monospace;--shadow-popup:0 4px 16px rgba(34, 48, 62, 0.14);--lh-body:1.5;--shadow-button-hover:0 4px 14px rgba(155, 96, 80, 0.18);--color-purple-light:rgba(139, 92, 246, 0.12);--ss-nav-active-shadow:inset 0 0 0 1px #cfdcc5;--font-size-4xl:24px;--color-sidebar:#ffffff;--font-title:'Inter', system-ui, sans-serif;--shadow-dropdown:0 2px 8px rgba(0, 0, 0, 0.08);--shadow-card:0 1px 3px rgba(92, 77, 67, 0.04), 0 4px 16px rgba(92, 77, 67, 0.06);--card-bg:#fffefb;--space-5:20px;--slate-light:#E0E4EE;--color-google-blue-hover:#3367d6;--ss-hover:#e1e8dc;--color-accent:#079aa2;--divider:#E4DCD4;--radius-sm:6px;--sidebar-bg:#FCF9F6;--z-modal:1001;--color-primary-hover:#c93d5b;--ss-wait-cancel-ink:#5C5C5E;--font-weight-bold:650;--ss-ui-language-on-selected:#376a59;--space-3:12px;--font-size-flow-heading:38px;--ss-toast-bg-solid:rgba(255, 255, 255, 0.97);--ss-action:#506957;--letter-spacing-heading:-0.02em;--shadow-mobile-nav:0 -4px 20px rgba(34, 48, 62, 0.08);--space-1:4px;--ss-surface-alt:#e9efe3;--ss-toast-action-ink:#5F7A6E;--ss-shell:#edf1e9;--rose-dark:#9B6050;--ss-surface:#fffefb;--ss-reading-word-bg:#b9d8bc;--color-purple:#8b5cf6;--font-size-xs:12px;--color-sidebar-active:rgba(226, 70, 104, 0.10);--z-overlay:1000;--color-blue-light:rgba(59, 130, 246, 0.12);--radius-md:8px;--color-info:#03c3ec;--radius-lg:12px;--ss-focus:#225a78;--ss-ui-language-border:#d5ddd0;--radius-button:12px;--sage-dark:#4A7A68;--lh-small:1.45;--ss-scroll-thumb-hover:rgba(23,43,77,.28);--btn-height:44px;--text-secondary:#62564a;--accent:#506957;--transition-base:0.2s ease;--ss-wait-skel-a:rgba(110, 138, 126, 0.10);--ss-text:#26241f;--color-warning-text:#a67200;--sidebar-width:260px;--ss-toast-focus:#6E8A7E;--color-text-faint:rgb(143, 142, 138);--rose-light:#F4E8E2;--color-overlay-light:rgba(0, 0, 0, 0.35);--weight-label:500;--white:#FFFEFB;--ss-on-action:#ffffff;--cream:#fffefb;--radius-btn:12px;--font-size-2xl:22px;--color-error-hover:#e0371a;--ss-history-clock:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2011a9%209%200%201%201%202.6%207.4M3%205v6h6M12%207v5l3%202%22/%3E%3C/svg%3E");--input-height:44px;--shadow-bubble:0 1px 2px rgba(34, 48, 62, 0.06);--ss-toast-action-bg-hover:rgba(110, 138, 126, 0.18);--pill-bg:#e9efe3;--ss-wait-skel-b:rgba(110, 138, 126, 0.22);--border-color:#d5ddd0;--warm-text-light:#8A7E72;--line-height-normal:1.5;--rose-bg:#FBF3F0;--z-toast:2000;--font-size-5xl:28px;--lh-h2:1.35;--space-6:24px;--weight-body:400;--shadow-input:0 1px 3px rgba(92, 77, 67, 0.04);--card-padding-mobile:16px;--color-danger-hover:#991b1b;--sidebar-border:#E8E0D8;--color-surface:rgba(255, 255, 255, 0.92);--shadow-panel:-4px 0 16px rgba(34, 48, 62, 0.12);--color-accent-hover:#067a80;--ss-wait-cancel-bg:rgba(60, 60, 62, 0.06);--online-green:#6BCB8A;--font-size-3xl:22px;--transition:200ms ease;--color-error:#ff3e1d;--color-hover:rgba(0, 0, 0, 0.04);--color-primary-rgb:226, 70, 104;--text-primary:#26241f;--font-size-lg:17px;--ss-scroll-thumb:rgba(23,43,77,.16);--color-border:#e4e6e8;--lh-heading:1.3;--font-size-flow-heading-sm:31px;--ss-ui-language-flag:url("/assets/public-controls/language-flags-v1/dk.svg");--font-family:'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji';--transition-fast:0.15s ease;--lh-h1:1.3;--z-sidebar:100;--text-h1:32px;--button-padding:10px 20px;--shadow-ai-hover:0 4px 16px rgba(212, 168, 154, 0.45);--line-height-relaxed:1.6;--avatar-dark:#3A2E42;--slate-bg:#F2F4F8;--ss-selected:#e5eee9;--card-padding:24px;--shadow-card-hover:0 2px 4px rgba(92, 77, 67, 0.06), 0 8px 24px rgba(92, 77, 67, 0.1);--ss-ui-language-surface:#fffefb;--space-sm:8px;--card-todo-bg:#FDF7F3;--mn-bar-height:calc(60px + 0px);--sage:#A8C5B8;--color-overlay:rgba(0, 0, 0, 0.5);--z-base:1;--star-gold:#D4A060;--ss-accent:#3b614c;--text-h2:22px;--rose:#D4A89A;--ss-wait-accent:#6E8A7E;--space-4:16px;--color-divider:rgba(31, 31, 30, 0.12);--color-bg:#faf7f3;--color-surface-solid:#ffffff;--space-8:32px;--space-xl:32px;--ss-raised:#fffefb;--ss-toast-border:rgba(0, 0, 0, 0.08);--ss-shadow:0 12px 32px rgba(30,43,33,.16);--shadow-send-hover:0 4px 16px rgba(212, 168, 154, 0.35);--ss-muted:#62564a;--radius-modal:20px;--ss-history-bubble:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%2011.5a8.5%208.5%200%200%201-12.3%207.6L3%2021l1.9-5.7A8.5%208.5%200%201%201%2021%2011.5Z%22/%3E%3C/svg%3E");--card-email-bg:#F5FAF7;--ss-wait-cancel-fill:#5C5C5E;--color-info-light:rgba(3, 195, 236, 0.12);--ss-overlay:rgba(20,25,22,.35);--cal-event-bg:#EEF2FF;--slate-dark:#4E5370;--text-label:13px;--shadow-modal:0 8px 24px rgba(34, 48, 62, 0.2);--line-height-tight:1.2;--shadow-focus:0 0 0 3px rgba(212, 168, 154, 0.16);--shadow-elevated:0 20px 48px rgba(0, 0, 0, 0.18), 0 2px 8px rgba(0, 0, 0, 0.06);--font-size-md:15px;--lh-label:1.4;--space-2xl:48px;--button-height:44px;--card-calendar-bg:#F5F7FC;--ss-history-x:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m6%206%2012%2012M18%206%206%2018%22/%3E%3C/svg%3E");--font-size-base:15px;--color-selection-light:#f0f6ff;--shadow-sm:0 1px 3px rgba(34, 48, 62, 0.1);--ls-heading:-0.02em;--text-small:13px;--radius-pill:999px;--ss-nav-active:#dbe5d3;--chat-send-from:#4A7A68;--shadow-sidebar:0 2px 6px rgba(34, 48, 62, 0.08);--color-pin-star:#f5a623;--space-10:40px;--color-blue:#3b82f6;--ss-selected-strong:#5f7263;--color-primary-light:rgba(226, 70, 104, 0.12);--font-size-8xl:40px;--ss-toast-action-bg:rgba(110, 138, 126, 0.12);--color-danger:#b91c1c;--color-success-light:rgba(34, 197, 94, 0.12);--color-error-light:rgba(255, 62, 29, 0.12);--font-size-7xl:36px;--ss-on-selected-strong:#ffffff;--text-h3:18px;--sk-reading-fg:#203e56;--color-text-primary:#384551;--color-warning-light:rgba(255, 171, 0, 0.12);--font-heading:'Inter', system-ui, sans-serif;--transition-slow:0.3s ease;--sage-text:#3D6B57;--warm-text:#26241f;--ss-wait-cancel-strong-ink:#ffffff;--slate:#A8B0C4;--ss-ui-language-text:#26241f;--radius-input:12px;--font-size-6xl:32px;--font-size-sm:13px;--z-tooltip:110;--ss-wait-cancel-line:rgba(60, 60, 62, 0.22);--radius-checkbox:4px;--color-hover-strong:rgba(0, 0, 0, 0.08);--muted-light:#C8BEB2;--sidebar-collapsed:80px;--card-meta-neutral:rgba(92, 77, 67, 0.82);--ss-ui-language-hover:#e1e8dc;--ss-app-menu-flag:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJmbGFnLWljb25zLWRrIiB2aWV3Qm94PSIwIDAgNjQwIDQ4MCI+CiAgPHBhdGggZmlsbD0iI2M4MTAyZSIgZD0iTTAgMGg2NDAuMXY0ODBIMHoiLz4KICA8cGF0aCBmaWxsPSIjZmZmIiBkPSJNMjA1LjcgMGg2OC42djQ4MGgtNjguNnoiLz4KICA8cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAyMDUuN2g2NDAuMXY2OC42SDB6Ii8+Cjwvc3ZnPgo=");--color-warning:#ffab00;--color-text-inverted:#ffffff;--icon-active:#4A4044;--ss-ui-language-selected:#e5eee9;--z-skip:9000;--color-selection:#1a73e8;--ss-wait-cancel-strong-hover:#333333;--ss-reading-fg:#243d30;--shadow-btn-hover:0 4px 14px rgba(155, 96, 80, 0.18);--ss-toast-radius:100px;--color-success:#22c55e;--ss-control-border:#718272;--color-google-blue:#4285F4;--weight-heading:600;--font-weight-semibold:600;--ss-toast-ink:#384551;--lh-h3:1.4;--ss-toast-blur:blur(16px) saturate(1.6);--ss-wait-cancel-strong:#1d1d1f;--sk-reading-bg:#dcecf7;--space-lg:24px;--prompt-hover-ink:#3d725f;--ss-action-hover:#3b5546;--z-dropdown:200;--font-size-xl:20px;--space-xs:4px;--sage-bg:#F2F8F5;--space-2:8px;--color-text:#26241f;--ss-subtle:#686b61;--chat-send-hover-to:#3D6B57;--radius-full:50%;--chat-send-to:#4A7A68;--btn-padding:10px 20px;--shadow-nav:0 2px 8px rgba(92, 77, 67, 0.07);--color-primary:#e24668;--z-skip-link:9000;--ss-reading-bg:#e3eee4;--space-md:16px;--ss-toast-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.07), 0 12px 24px -4px rgba(0, 0, 0, 0.12);--color-text-muted:rgb(115, 113, 108);--font-weight-medium:500;--font-weight-normal:400;--ss-wait-track:rgba(110, 138, 126, 0.15);--color-success-text:#065f46;--ss-canvas:#faf7f3;--shadow-ai:0 2px 8px rgba(212, 168, 154, 0.35);--ss-on-nav-active:#34513c;--color-card:#ffffff;--radius-card:18px;--space-12:48px;--sage-light:#E0EDE6;--chat-send-hover-from:#3D6B57;--radius-xl:16px;--ss-wait-cancel-fill-hover:#6B6B6E;--hover-scale:scale(1.02);--shadow-hover:0 4px 12px 0 rgba(34, 48, 62, 0.16);--letter-spacing-body:0;--cal-event-text:#6366F1;--shadow-input-focus:0 0 0 2px rgba(212, 168, 154, 0.4), 0 2px 12px rgba(92, 77, 67, 0.08)}
[data-theme="dark"] .calm-prompt-confirm{--space-16:64px;--header-height:0px;--ss-toast-bg:rgba(43, 42, 39, 0.78);--icon-inactive:#6B5E52;--text-body:14px;--shadow-quick-hover:0 2px 8px rgba(0, 0, 0, 0.2);--font-body:'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--ss-border:#46564a;--ss-on-selected:#dbf0e0;--ss-ui-language-gap:18px;--muted:#8A7E72;--ss-frame-shadow:0 8px 16px #00000014,0 4px 4px #0000000f,0 0 2px #0000001a;--color-text-secondary:#a3a19b;--ss-frame-mobile-shadow:0 8px 16px #00000014,0 4px 4px #0000000f;--color-text-tertiary:#94918b;--color-sidebar-hover:rgba(232, 96, 126, 0.10);--font-mono:Monaco, 'Courier New', monospace;--shadow-popup:0 4px 16px rgba(0, 0, 0, 0.4);--lh-body:1.5;--shadow-button-hover:0 4px 14px rgba(0, 0, 0, 0.3);--color-purple-light:rgba(167, 139, 250, 0.15);--ss-nav-active-shadow:none;--font-size-4xl:24px;--color-sidebar:#232220;--font-title:'Inter', system-ui, sans-serif;--shadow-dropdown:0 2px 8px rgba(0, 0, 0, 0.25);--shadow-card:0 1px 3px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.18);--card-bg:#252d28;--space-5:20px;--slate-light:rgba(168, 176, 196, 0.15);--color-google-blue-hover:#3367d6;--ss-hover:#354238;--color-accent:#079aa2;--divider:rgba(232, 221, 212, 0.08);--radius-sm:6px;--sidebar-bg:#1a1918;--z-modal:1001;--color-primary-hover:#e24668;--ss-wait-cancel-ink:#C8C8CC;--font-weight-bold:650;--ss-ui-language-on-selected:#dbf0e0;--space-3:12px;--font-size-flow-heading:38px;--ss-toast-bg-solid:rgba(43, 42, 39, 0.97);--ss-action:#506957;--letter-spacing-heading:-0.02em;--shadow-mobile-nav:0 -4px 20px rgba(0, 0, 0, 0.35);--space-1:4px;--ss-surface-alt:#26332b;--ss-toast-action-ink:#8FBCA4;--ss-shell:#171c19;--rose-dark:#E8B8A8;--ss-surface:#252d28;--ss-reading-word-bg:#b9d8bc;--color-purple:#a78bfa;--font-size-xs:12px;--color-sidebar-active:rgba(232, 96, 126, 0.14);--z-overlay:1000;--color-blue-light:rgba(96, 165, 250, 0.15);--radius-md:8px;--color-info:#03c3ec;--radius-lg:12px;--ss-focus:#9bd5ef;--ss-ui-language-border:#46564a;--radius-button:12px;--sage-dark:#7CB8A4;--lh-small:1.45;--ss-scroll-thumb-hover:#a6b3a7;--btn-height:44px;--text-secondary:#bdc8bd;--accent:#506957;--transition-base:0.2s ease;--ss-wait-skel-a:rgba(125, 168, 147, 0.10);--ss-text:#f0f3ed;--color-warning-text:#fbbf24;--sidebar-width:260px;--ss-toast-focus:#7DA893;--color-text-faint:#5c5a55;--rose-light:rgba(212, 168, 154, 0.15);--color-overlay-light:rgba(0, 0, 0, 0.5);--weight-label:500;--white:#232220;--ss-on-action:#ffffff;--cream:#252d28;--radius-btn:12px;--font-size-2xl:22px;--color-error-hover:#ef4444;--ss-history-clock:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2011a9%209%200%201%201%202.6%207.4M3%205v6h6M12%207v5l3%202%22/%3E%3C/svg%3E");--input-height:44px;--shadow-bubble:0 1px 3px rgba(0, 0, 0, 0.25);--ss-toast-action-bg-hover:rgba(125, 168, 147, 0.22);--pill-bg:#26332b;--ss-wait-skel-b:rgba(125, 168, 147, 0.24);--border-color:#46564a;--warm-text-light:#B8ACA3;--line-height-normal:1.5;--rose-bg:rgba(212, 168, 154, 0.08);--z-toast:2000;--font-size-5xl:28px;--lh-h2:1.35;--space-6:24px;--weight-body:400;--shadow-input:0 1px 3px rgba(0, 0, 0, 0.15);--card-padding-mobile:16px;--color-danger-hover:#dc2626;--sidebar-border:rgba(232, 221, 212, 0.08);--color-surface:rgba(43, 42, 39, 0.95);--shadow-panel:-4px 0 16px rgba(0, 0, 0, 0.3);--color-accent-hover:#067a80;--ss-wait-cancel-bg:rgba(232, 232, 236, 0.08);--online-green:#6BCB8A;--font-size-3xl:22px;--transition:200ms ease;--color-error:#f87171;--color-hover:rgba(255, 255, 255, 0.06);--color-primary-rgb:232, 96, 126;--text-primary:#f0f3ed;--font-size-lg:17px;--ss-scroll-thumb:#81978a;--color-border:rgba(255, 255, 255, 0.12);--lh-heading:1.3;--font-size-flow-heading-sm:31px;--ss-ui-language-flag:url("/assets/public-controls/language-flags-v1/dk.svg");--font-family:'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji';--transition-fast:0.15s ease;--lh-h1:1.3;--z-sidebar:100;--text-h1:32px;--button-padding:10px 20px;--shadow-ai-hover:0 4px 16px rgba(0, 0, 0, 0.5);--line-height-relaxed:1.6;--avatar-dark:#3A2E42;--slate-bg:rgba(168, 176, 196, 0.08);--ss-selected:#344d40;--card-padding:24px;--shadow-card-hover:0 2px 4px rgba(0, 0, 0, 0.16), 0 8px 24px rgba(0, 0, 0, 0.24);--ss-ui-language-surface:#252d28;--space-sm:8px;--card-todo-bg:#FDF7F3;--mn-bar-height:calc(60px + 0px);--sage:#A8C5B8;--color-overlay:rgba(0, 0, 0, 0.7);--z-base:1;--star-gold:#D4A060;--ss-accent:#abd3b7;--text-h2:22px;--rose:#D4A89A;--ss-wait-accent:#7DA893;--space-4:16px;--color-divider:rgba(255, 255, 255, 0.12);--color-bg:#1d231f;--color-surface-solid:#2b2a27;--space-8:32px;--space-xl:32px;--ss-raised:#2d3730;--ss-toast-border:rgba(255, 255, 255, 0.1);--ss-shadow:0 12px 32px rgba(0,0,0,.34);--shadow-send-hover:0 4px 16px rgba(212, 168, 154, 0.25);--ss-muted:#bdc8bd;--radius-modal:20px;--ss-history-bubble:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%2011.5a8.5%208.5%200%200%201-12.3%207.6L3%2021l1.9-5.7A8.5%208.5%200%201%201%2021%2011.5Z%22/%3E%3C/svg%3E");--card-email-bg:#F5FAF7;--ss-wait-cancel-fill:#5C5C5E;--color-info-light:rgba(3, 195, 236, 0.12);--ss-overlay:rgba(0,0,0,.58);--cal-event-bg:rgba(99, 102, 241, 0.12);--slate-dark:#8E96B0;--text-label:13px;--shadow-modal:0 8px 24px rgba(34, 48, 62, 0.2);--line-height-tight:1.2;--shadow-focus:0 0 0 3px rgba(212, 168, 154, 0.2);--shadow-elevated:0 20px 48px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.2);--font-size-md:15px;--lh-label:1.4;--space-2xl:48px;--button-height:44px;--card-calendar-bg:#F5F7FC;--ss-history-x:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m6%206%2012%2012M18%206%206%2018%22/%3E%3C/svg%3E");--color-bg-rgb:30, 28, 26;--font-size-base:15px;--color-selection-light:rgba(26, 115, 232, 0.08);--shadow-sm:0 1px 3px rgba(34, 48, 62, 0.1);--ls-heading:-0.02em;--text-small:13px;--radius-pill:999px;--ss-nav-active:#344d40;--chat-send-from:#7CB8A4;--shadow-sidebar:0 0 20px rgba(0, 0, 0, 0.25);--color-pin-star:#fbbf24;--space-10:40px;--color-blue:#60a5fa;--ss-selected-strong:#5f7263;--color-primary-light:rgba(226, 70, 104, 0.16);--font-size-8xl:40px;--ss-toast-action-bg:rgba(125, 168, 147, 0.16);--color-danger:#ef4444;--color-success-light:rgba(74, 222, 128, 0.15);--color-error-light:rgba(248, 113, 113, 0.15);--font-size-7xl:36px;--ss-on-selected-strong:#ffffff;--text-h3:18px;--sk-reading-fg:#f1f6fc;--color-text-primary:#e8e6e1;--color-warning-light:rgba(251, 191, 36, 0.15);--font-heading:'Inter', system-ui, sans-serif;--transition-slow:0.3s ease;--sage-text:#A8C5B8;--warm-text:#f0f3ed;--ss-wait-cancel-strong-ink:#1d1d1f;--slate:#A8B0C4;--ss-ui-language-text:#f0f3ed;--radius-input:12px;--font-size-6xl:32px;--font-size-sm:13px;--z-tooltip:110;--ss-wait-cancel-line:rgba(232, 232, 236, 0.22);--radius-checkbox:4px;--color-hover-strong:rgba(255, 255, 255, 0.10);--muted-light:#6B5E52;--sidebar-collapsed:80px;--card-meta-neutral:rgba(200, 190, 178, 0.70);--ss-ui-language-hover:#354238;--ss-app-menu-flag:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJmbGFnLWljb25zLWRrIiB2aWV3Qm94PSIwIDAgNjQwIDQ4MCI+CiAgPHBhdGggZmlsbD0iI2M4MTAyZSIgZD0iTTAgMGg2NDAuMXY0ODBIMHoiLz4KICA8cGF0aCBmaWxsPSIjZmZmIiBkPSJNMjA1LjcgMGg2OC42djQ4MGgtNjguNnoiLz4KICA8cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAyMDUuN2g2NDAuMXY2OC42SDB6Ii8+Cjwvc3ZnPgo=");--color-warning:#fbbf24;--color-text-inverted:#ffffff;--icon-active:#D8CFC5;--ss-ui-language-selected:#344d40;--z-skip:9000;--color-selection:#4da3ff;--ss-wait-cancel-strong-hover:#ffffff;--ss-reading-fg:#243d30;--shadow-btn-hover:0 4px 14px rgba(0, 0, 0, 0.3);--ss-toast-radius:100px;--color-success:#34d399;--ss-control-border:#81978a;--color-google-blue:#4285F4;--weight-heading:600;--font-weight-semibold:600;--ss-toast-ink:#e8e6e1;--lh-h3:1.4;--ss-toast-blur:blur(16px) saturate(1.6);--ss-wait-cancel-strong:#e8e8ed;--sk-reading-bg:#344f69;--space-lg:24px;--prompt-hover-ink:#b1d3c2;--ss-action-hover:#3b5546;--z-dropdown:200;--font-size-xl:20px;--space-xs:4px;--app-dark-canvas:linear-gradient(180deg, #1E1C1A 0%, #2b2a27 55%, #1E1C1A 100%);--sage-bg:rgba(168, 197, 184, 0.08);--space-2:8px;--color-text:#f0f3ed;--ss-subtle:#a6b3a7;--chat-send-hover-to:#3D6B57;--radius-full:50%;--chat-send-to:#7CB8A4;--btn-padding:10px 20px;--shadow-nav:0 2px 8px rgba(0, 0, 0, 0.2);--color-primary:#e8607e;--z-skip-link:9000;--ss-reading-bg:#e3eee4;--space-md:16px;--ss-toast-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.2), 0 12px 24px -4px rgba(0, 0, 0, 0.3);--color-text-muted:#94918b;--font-weight-medium:500;--font-weight-normal:400;--ss-wait-track:rgba(125, 168, 147, 0.18);--color-success-text:#065f46;--ss-canvas:#1d231f;--shadow-ai:0 2px 8px rgba(0, 0, 0, 0.4);--ss-on-nav-active:#bdc8bd;--color-card:#2b2a27;--radius-card:18px;--space-12:48px;--sage-light:rgba(168, 197, 184, 0.15);--chat-send-hover-from:#3D6B57;--radius-xl:16px;--ss-wait-cancel-fill-hover:#6B6B6E;--hover-scale:scale(1.02);--shadow-hover:0 6px 20px rgba(0, 0, 0, 0.35);--letter-spacing-body:0;--cal-event-text:#818cf8;--shadow-input-focus:0 0 0 2px rgba(212, 168, 154, 0.3), 0 2px 12px rgba(0, 0, 0, 0.2)}
dialog.calm-prompt-confirm { inset: 0px; width: min(400px, -32px + 100vw); box-sizing: border-box; padding: 28px; border: 0px; border-radius: 16px; background: rgb(255, 254, 251); color: rgb(58, 47, 38); box-shadow: rgba(58, 47, 38, 0.19) 0px 16px 56px; margin: auto !important; }
.calm-prompt-confirm::backdrop { background: rgba(48, 42, 36, 0.333); }
.calm-prompt-confirm h2 { margin: 0px 0px 12px; font-size: 21px; }
.calm-prompt-confirm p { margin: 0px 0px 24px; }
.calm-confirm-actions { display: flex; gap: 12px; justify-content: flex-end; }
.calm-confirm-actions button { min-height: 44px; padding: 10px 16px; border: 1px solid rgb(232, 221, 212); border-radius: 12px; background: transparent; font: inherit; color: inherit; cursor: pointer; }
.calm-confirm-actions .calm-confirm-accept { border-color: rgb(164, 78, 64); background: rgb(164, 78, 64) !important; color: white !important; }
[data-theme="dark"] .calm-actions-menu, [data-theme="dark"] .calm-prompt-confirm { background: rgb(44, 41, 37) !important; color: rgb(240, 232, 223) !important; }
.calm-confirm-actions { flex-wrap: wrap; }
body[data-local-native-editor]:has(#local-native-host#local-native-host) :is(#calm-prompt-modal, dialog.chat-prompt-move-dialog, dialog.calm-prompt-confirm) { color: var(--ss-text); --warm-text: var(--ss-text); --cream: var(--ss-surface); --card-bg: var(--ss-surface); }
body[data-local-native-editor]:has(#local-native-host#local-native-host) #calm-prompt-modal:not(:has(.calm-folder-list, .calm-folder-create)), body[data-local-native-editor]:has(#local-native-host#local-native-host) #calm-prompt-modal .calm-prompt-form-mode, body[data-local-native-editor]:has(#local-native-host#local-native-host) :is(dialog.chat-prompt-move-dialog, dialog.calm-prompt-confirm) { box-shadow: var(--ss-shadow); background: var(--ss-surface) !important; color: var(--ss-text) !important; }
@keyframes typingBounce { 
  0%, 60%, 100% { opacity: 0.4; transform: translateY(0px); }
  30% { opacity: 1; transform: translateY(-6px); }
}
@keyframes emojiFadeIn { 
  0% { opacity: 0; transform: translateY(4px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes pulse-mic { 
  0%, 100% { opacity: 1; }
  50% { opacity: 0.5; }
}
@keyframes spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}
@keyframes chat-msg-in { 
  0% { opacity: 0; transform: translateY(8px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes chat-mic-pulse { 
  0%, 100% { opacity: 1; }
  50% { opacity: 0.6; }
}
@keyframes chat-cursor-blink { 
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}
@keyframes chat-slide-in-right { 
  0% { opacity: 0; transform: translateX(40px); }
  100% { opacity: 1; transform: translateX(0px); }
}
@keyframes chat-slide-in-left { 
  0% { opacity: 0; transform: translateX(-40px); }
  100% { opacity: 1; transform: translateX(0px); }
}
@keyframes promptPanelIn { 
  0% { opacity: 0; transform: translateY(-4px) scale(0.98); }
  100% { opacity: 1; transform: translateY(0px) scale(1); }
}
@keyframes promptPanelOut { 
  0% { opacity: 1; transform: translateY(0px) scale(1); }
  100% { opacity: 0; transform: translateY(-4px) scale(0.98); }
}
@keyframes chat-gate-in { 
  0% { opacity: 0; transform: translateY(4px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes chipShimmer { 
  0% { left: -60%; }
  30% { left: 120%; }
  100% { left: 120%; }
}
@keyframes ss-chip-in { 
  0% { opacity: 0; transform: translateY(4px) scale(0.97); }
  100% { opacity: 1; transform: none; }
}
@keyframes ss-spin { 
  100% { transform: rotate(1turn); }
}
@keyframes ss-fade-veil-in { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes tts-pulse { 
  0%, 100% { opacity: 1; }
  50% { opacity: 0.5; }
}
@keyframes skeleton-shimmer { 
  0% { background-position: -200% 0px; }
  100% { background-position: 200% 0px; }
}
@keyframes followups-in { 
  0% { opacity: 0; transform: translateY(6px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes chd-pill-in { 
  0% { opacity: 0; transform: scale(0.92); }
  100% { opacity: 1; transform: scale(1); }
}
@keyframes chd-pulse { 
  0%, 100% { opacity: 0.5; }
  50% { opacity: 1; }
}
@keyframes viz-spin { 
  100% { transform: rotate(1turn); }
}
@keyframes viz-skeleton-pulse { 
  0%, 100% { opacity: 1; }
  50% { opacity: 0.4; }
}
@keyframes ssv-slideUp { 
  0% { opacity: 0; transform: translateY(16px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes ssv-spin { 
  100% { transform: rotate(1turn); }
}
@keyframes ssv-pulse { 
  0%, 100% { opacity: 0.5; transform: scaleY(0.55); }
  50% { opacity: 1; transform: scaleY(1.1); }
}
@keyframes ss-skeleton-pulse { 
  0%, 100% { opacity: 1; }
  50% { opacity: 0.4; }
}
@keyframes ss-embed-spin { 
  100% { transform: rotate(360deg); }
}
@keyframes ss-embed-pop { 
  0% { transform: scale(0.8); opacity: 0; }
  100% { transform: scale(1); opacity: 1; }
}
@keyframes ss-spin { 
  100% { transform: rotate(360deg); }
}
@keyframes ss-pulse { 
  0%, 100% { opacity: 1; filter: drop-shadow(0 0 4px var(--ss-mic-sage-glow-soft, rgba(74, 122, 104, 0.4))); }
  50% { opacity: 0.7; filter: drop-shadow(0 0 8px var(--ss-mic-sage-glow-strong, rgba(74, 122, 104, 0.7))); }
}
@keyframes ss-rec-pulse { 
  0%, 100% { opacity: 1; }
  50% { opacity: 0.5; }
}
@keyframes ss-shake { 
  0%, 100% { transform: translateX(0px); }
  25% { transform: translateX(-3px); }
  75% { transform: translateX(3px); }
}
@keyframes ss-play-pulse { 
  0%, 100% { box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 0px; }
  50% { box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 0px 4px; }
}
@keyframes chat-stt-caret-blink { 
  0%, 49% { opacity: 1; }
  50%, 100% { opacity: 0; }
}
@keyframes chat-stt-shimmer { 
  0% { background-position: 200% 0px; }
  100% { background-position: -20% 0px; }
}
@keyframes chat-stt-word-settle { 
  0% { filter: blur(5px); opacity: 0.3; }
  100% { filter: blur(2.75px); opacity: 0.8; }
}
@keyframes promptPanelIn { 
  0% { opacity: 0; transform: translateY(-6px) scale(0.97); }
  100% { opacity: 1; transform: translateY(0px) scale(1); }
}
@keyframes card-ai-spin { 
  100% { transform: rotate(360deg); }
}
@keyframes card-pulse { 
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.5; transform: scale(0.85); }
}
@keyframes cardCheckboxPop { 
  0% { transform: scale(0.72); }
  62% { transform: scale(1.16); }
  100% { transform: scale(1.08); }
}
@keyframes cardCheckboxRipple { 
  0% { opacity: 0.9; transform: scale(0.25); }
  100% { opacity: 0; transform: scale(1.6); }
}
@keyframes cardCheckboxTick { 
  0% { opacity: 0; transform: rotate(45deg) scale(0.3); }
  100% { opacity: 1; transform: rotate(45deg) scale(1); }
}
@keyframes cardItemCompleteOut { 
  0% { opacity: 1; transform: translateX(0px) scale(1); filter: saturate(1); }
  58% { opacity: 1; transform: translateX(4px) scale(0.995); filter: saturate(0.95); }
  100% { opacity: 0; transform: translateX(14px) scale(0.985); filter: saturate(0.8); }
}
@keyframes cardItemCompleteOutRtl { 
  0% { opacity: 1; transform: translateX(0px) scale(1); filter: saturate(1); }
  58% { opacity: 1; transform: translateX(-4px) scale(0.995); filter: saturate(0.95); }
  100% { opacity: 0; transform: translateX(-14px) scale(0.985); filter: saturate(0.8); }
}
@keyframes shimmer-bar { 
  0% { background-position: 200% 0px; }
  100% { background-position: -200% 0px; }
}
@keyframes sofia-shimmer { 
  0% { background-position: 200% 0px; }
  100% { background-position: -200% 0px; }
}
@keyframes morgenFadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes morgenGlowIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes calmLytEq { 
  0%, 100% { transform: scaleY(0.4); }
  50% { transform: scaleY(1); }
}
@keyframes calm-skel-shimmer { 
  0% { background-position: 180% 0px; }
  100% { background-position: -80% 0px; }
}
@keyframes calm-undo-deplete { 
  0% { stroke-dashoffset: 0; }
  100% { stroke-dashoffset: 100.53; }
}
@keyframes calmFlowerSway { 
  0%, 100% { transform: rotate(-2deg); }
  50% { transform: rotate(2deg); }
}
@keyframes cvmDockIn { 
  0% { opacity: 0; transform: translateX(-10px); }
  100% { opacity: 1; transform: translateX(0px); }
}
@keyframes cvmDockInRtl { 
  0% { opacity: 0; transform: translateX(10px); }
  100% { opacity: 1; transform: translateX(0px); }
}
@keyframes cvmListenSpin { 
  100% { transform: rotate(360deg); }
}
@keyframes cvmMicPulse { 
  0%, 100% { box-shadow: rgba(110, 138, 126, 0.45) 0px 0px 0px 1.5px inset; }
  50% { box-shadow: rgba(110, 138, 126, 0.25) 0px 0px 0px 1.5px inset; }
}
@keyframes cvmInlineDockIn { 
  0% { opacity: 0; transform: translateY(-6px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes cvmDockInMobile { 
  0% { opacity: 0; transform: translateY(20px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes calmLetterFlash { 
  0% { box-shadow: rgba(110, 138, 126, 0.35) 0px 0px 0px 3px; }
  100% { box-shadow: rgba(110, 138, 126, 0) 0px 0px 0px 3px; }
}
@keyframes calm-mic-live { 
  0%, 100% { opacity: 0.86; }
  50% { opacity: 1; }
}
@keyframes calm-mic-spin { 
  100% { transform: rotate(360deg); }
}
@keyframes ss-ar-spin { 
  100% { transform: rotate(360deg); }
}
@keyframes ss-ar-pulse { 
  0%, 100% { opacity: 0.35; }
  50% { opacity: 0.9; }
}
@keyframes ss-chat-send-spin { 
  100% { transform: rotate(360deg); }
}
@keyframes dv-language-open { 
  0% { opacity: 0; transform: translateY(-4px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes ssReaderWave { 
  0% { opacity: 0.45; transform: scale(1); }
  100% { opacity: 0; transform: scale(1.45); }
}
@keyframes ss-pdf-shimmer { 
  0% { background-position: 200% 0px; }
  100% { background-position: -200% 0px; }
}
@keyframes ss-pdf-pulse { 
  0%, 100% { opacity: 1; }
  50% { opacity: 0.55; }
}
@keyframes ss-pdf-btn-in { 
  0% { opacity: 0; transform: translateY(4px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes ss-pdf-reader-in { 
  0% { opacity: 0; transform: translateY(16px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes ss-pdf-reader-out { 
  0% { opacity: 1; transform: translateY(0px); }
  100% { opacity: 0; transform: translateY(8px); }
}
@keyframes ss-pdf-spin { 
  100% { transform: rotate(360deg); }
}
@keyframes ss-pdf-band-in { 
  0% { opacity: 0; transform: translateY(6px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes calm-popover-in { 
  0% { opacity: 0; transform: translateY(-4px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes calm-folder-enter { 
  0% { opacity: 0; transform: translateY(3px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes calm-folder-menu-enter { 
  0% { opacity: 0; transform: translateY(2px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes ss-wait-bounce { 
  0%, 60%, 100% { transform: translateY(0px); opacity: 0.45; }
  30% { transform: translateY(-4px); opacity: 1; }
}
@keyframes ss-wait-shimmer { 
  0% { background-position: 200% 0px; }
  100% { background-position: -200% 0px; }
}
@keyframes ss-wait-spin { 
  100% { transform: rotate(360deg); }
}
@keyframes ss-wait-pulse { 
  0%, 100% { opacity: 0.5; }
  50% { opacity: 1; }
}
@keyframes sidebar-mic-pulse { 
  0%, 100% { box-shadow: rgba(212, 168, 154, 0.3) 0px 0px 0px 3px, rgba(212, 168, 154, 0.2) 0px 0px 12px; }
  50% { box-shadow: rgba(212, 168, 154, 0.2) 0px 0px 0px 5px, rgba(212, 168, 154, 0.3) 0px 0px 20px; }
}
@keyframes ss-talk-wave { 
  0%, 100% { transform: scaleY(0.5); opacity: 0.55; }
  50% { transform: scaleY(1.05); opacity: 1; }
}
.chat-prompt-icon-picker { display: flex; flex-wrap: wrap; gap: 4px; padding: 4px 0px 8px; }
.chat-prompt-icon-btn { align-items: center; background: transparent; border: 1px solid transparent; border-radius: 8px; color: var(--color-text-muted); cursor: pointer; display: flex; height: 36px; justify-content: center; transition: 0.15s ease-out; width: 36px; }
.chat-prompt-icon-btn:hover { background: var(--color-hover); color: var(--color-text-primary); }
@media (hover: hover){.chat-prompt-icon-btn:hover { transform: scale(1.05); }}
.chat-prompt-icon-btn.is-selected { background: rgba(92, 77, 67, 0.08); border-color: rgba(92, 77, 67, 0.3); color: var(--color-text-primary); }
.chat-prompt-icon-btn svg { height: 20px; width: 20px; }
[data-theme="dark"] .chat-prompt-icon-btn.is-selected { background: rgba(255, 255, 255, 0.08) !important; border-color: rgba(255, 255, 255, 0.2) !important; }
.chat-prompt-color-picker { display: flex; flex-wrap: wrap; gap: 6px; padding: 4px 0px 8px; }
.chat-prompt-color-btn { align-items: center; background: transparent; border: 2px solid transparent; border-radius: 50%; cursor: pointer; display: flex; height: 28px; justify-content: center; padding: 0px; position: relative; transition: 0.15s ease-out; width: 28px; }
.chat-prompt-color-btn:hover { border-color: var(--color-border); }
@media (hover: hover){.chat-prompt-color-btn:hover { transform: scale(1.12); }}
.chat-prompt-color-btn.is-selected { border-color: var(--color-text-primary); }
.chat-prompt-color-btn.is-selected::after { background: rgb(255, 255, 255); content: ""; height: 10px; left: 50%; mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E") center center / contain no-repeat; pointer-events: none; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 10px; z-index: 1; }
.chat-prompt-color-dot { border-radius: 50%; display: block; height: 18px; width: 18px; }
.chat-prompt-color-none { background: transparent; border: 2px dashed var(--color-border); height: 14px; width: 14px; }
[data-theme="dark"] .chat-prompt-color-btn:hover { border-color: rgba(255, 255, 255, 0.2); }
[data-theme="dark"] .chat-prompt-color-btn.is-selected { border-color: rgba(255, 255, 255, 0.7); }
[data-theme="dark"] .chat-prompt-color-none { border-color: rgba(255, 255, 255, 0.25); }
.chat-prompt-icon-picker { display: grid; grid-template-columns: repeat(6, 38px); gap: 8px; align-items: center; margin-top: 10px; }
.chat-prompt-icon-btn, .chat-prompt-color-btn { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; }
.chat-prompt-icon-btn { width: 38px; height: 38px; border-radius: 12px; border: 1px solid rgba(92, 77, 67, 0.1); background: rgba(255, 254, 251, 0.86); }
.chat-prompt-icon-btn.is-selected { background: var(--rose-bg); border-color: rgba(212, 168, 154, 0.55); box-shadow: rgba(212, 168, 154, 0.16) 0px 0px 0px 3px; }
.chat-prompt-color-picker { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-top: 10px; }
.chat-prompt-color-btn { width: 26px; height: 26px; border-radius: 50%; border: 2px solid rgba(255, 254, 251, 0.95); box-shadow: rgba(92, 77, 67, 0.12) 0px 0px 0px 1px; }
.chat-prompt-color-btn.is-selected { box-shadow: rgba(212, 168, 154, 0.28) 0px 0px 0px 3px; }
.chat-prompt-icon-picker { display: grid; grid-template-columns: repeat(6, 38px); gap: 8px; padding: 6px 0px 12px; }
.chat-prompt-icon-btn { width: 38px; height: 38px; border-radius: 12px; border: 1px solid rgba(228, 220, 212, 0.5); background: rgba(255, 254, 251, 0.7); color: var(--warm-text-light); transition: 0.15s; }
.chat-prompt-icon-btn:hover { background: rgba(255, 254, 251, 0.95); border-color: rgba(212, 168, 154, 0.4); color: var(--warm-text); transform: scale(1.02); box-shadow: rgba(92, 77, 67, 0.06) 0px 2px 8px; }
.chat-prompt-icon-btn.is-selected { background: var(--rose-bg); border-color: rgba(212, 168, 154, 0.55); box-shadow: rgba(212, 168, 154, 0.16) 0px 0px 0px 3px; color: var(--warm-text); }
.chat-prompt-color-picker { display: flex; flex-wrap: wrap; gap: 10px; padding: 6px 0px 12px; }
.chat-prompt-color-btn { width: 28px; height: 28px; border-radius: 50%; border: 2px solid rgba(255, 254, 251, 0.95); box-shadow: rgba(92, 77, 67, 0.1) 0px 0px 0px 1px; transition: 0.15s; }
.chat-prompt-color-btn:hover { transform: scale(1.12); box-shadow: rgba(92, 77, 67, 0.15) 0px 0px 0px 1px; }
.chat-prompt-color-btn.is-selected { box-shadow: rgba(255, 254, 251, 0.95) 0px 0px 0px 2px, rgba(212, 168, 154, 0.5) 0px 0px 0px 4px; transform: scale(1.08); }
.chat-prompt-color-none { border: 2px dashed rgba(184, 168, 152, 0.3); }
@media (max-width: 767px){.chat-prompt-icon-picker { grid-template-columns: repeat(4, 38px); gap: 10px; justify-content: center; }}
@media (max-width: 767px){.voice-overlay-close, .voice-type-toggle, .voice-stop-btn, .chat-prompt-panel-close, .chat-prompt-item-edit, .chat-prompt-item-delete, .chat-prompt-icon-btn, .chat-prompt-color-btn { width: 48px !important; height: 48px !important; min-height: 48px !important; min-width: 48px !important; }}
[data-theme="dark"] .chat-prompt-icon-btn { background: rgba(52, 47, 42, 0.8) !important; border-color: rgba(232, 224, 216, 0.1) !important; color: rgb(232, 221, 212) !important; }
[data-theme="dark"] .chat-prompt-icon-btn.is-selected { background: rgba(212, 168, 154, 0.18) !important; border-color: rgba(212, 168, 154, 0.3) !important; box-shadow: rgba(212, 168, 154, 0.1) 0px 0px 0px 3px !important; }
[data-theme="dark"] .chat-prompt-color-btn { border-color: rgba(42, 38, 34, 0.8) !important; box-shadow: rgba(232, 224, 216, 0.15) 0px 0px 0px 1px !important; }
[data-theme="dark"] .chat-prompt-color-btn.is-selected { box-shadow: rgba(212, 168, 154, 0.22) 0px 0px 0px 3px !important; }
[data-theme="dark"] .chat-input-action:hover, [data-theme="dark"] .chat-upload-btn:hover, [data-theme="dark"] .chat-plus-btn:hover, [data-theme="dark"] .chat-back-btn:hover, [data-theme="dark"] .chat-prompt-chip:hover, [data-theme="dark"] .chat-prompt-header-action:hover, [data-theme="dark"] .chat-prompt-panel-close:hover, [data-theme="dark"] .chat-prompt-item:hover, [data-theme="dark"] .chat-prompt-item:focus-within, [data-theme="dark"] .chat-prompt-icon-btn:hover, [data-theme="dark"] .chat-prompt-color-btn:hover, [data-theme="dark"] .chat-prompt-form-cancel:hover { background: rgba(168, 197, 184, 0.1) !important; }
.calm-prompt-new-category .chat-prompt-icon-picker { display: grid !important; grid-template-columns: repeat(12, minmax(0px, 1fr)) !important; gap: 10px !important; padding: 2px 0px 12px !important; width: 100% !important; }
.calm-prompt-new-category .chat-prompt-icon-btn { width: 100% !important; max-width: 38px !important; height: auto !important; aspect-ratio: 1 / 1 !important; justify-self: center !important; border-radius: 12px !important; border: 1px solid rgba(58, 47, 38, 0.1) !important; background: rgb(251, 248, 242) !important; color: rgb(110, 138, 126) !important; display: flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; padding: 0px !important; box-shadow: none !important; transition: background 0.15s, border-color 0.15s, color 0.15s, transform 0.15s, box-shadow 0.15s !important; }
.calm-prompt-new-category .chat-prompt-icon-btn:hover { background: rgba(110, 138, 126, 0.1) !important; border-color: rgba(110, 138, 126, 0.35) !important; color: rgb(110, 138, 126) !important; transform: translateY(-1px) !important; box-shadow: none !important; }
.calm-prompt-new-category .chat-prompt-icon-btn:focus-visible { outline: rgb(110, 138, 126) solid 2px !important; outline-offset: 2px !important; }
.calm-prompt-new-category .chat-prompt-icon-btn.is-selected, .chat-prompt-panel .calm-prompt-new-category .chat-prompt-icon-btn.is-selected { background: rgb(110, 138, 126) !important; border-color: rgb(110, 138, 126) !important; color: rgb(255, 254, 251) !important; box-shadow: rgba(58, 47, 38, 0.1) 0px 1px 2px !important; transform: none !important; }
[data-theme="dark"] .calm-prompt-new-category .chat-prompt-icon-btn { background: rgba(255, 255, 255, 0.04) !important; border-color: rgba(255, 255, 255, 0.08) !important; color: rgba(255, 254, 251, 0.55) !important; }
[data-theme="dark"] .calm-prompt-new-category .chat-prompt-icon-btn:hover { background: rgba(110, 138, 126, 0.16) !important; border-color: rgba(110, 138, 126, 0.35) !important; color: rgba(255, 254, 251, 0.85) !important; }
[data-theme="dark"] .calm-prompt-new-category .chat-prompt-icon-btn.is-selected, [data-theme="dark"] .chat-prompt-panel .calm-prompt-new-category .chat-prompt-icon-btn.is-selected { background: rgb(110, 138, 126) !important; border-color: rgb(110, 138, 126) !important; color: rgb(255, 254, 251) !important; box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 2px !important; }
.calm-prompt-new-category .chat-prompt-icon-more { color: rgb(110, 138, 126) !important; border-style: dashed !important; }
.calm-prompt-new-category .chat-prompt-icon-more.is-selected { border-style: solid !important; }
[data-theme="dark"] .calm-prompt-new-category .chat-prompt-icon-more { color: rgb(138, 175, 161) !important; }
.calm-prompt-new-category .chat-prompt-color-picker { display: grid !important; grid-template-columns: repeat(16, minmax(0px, 1fr)) !important; gap: 10px !important; padding: 2px 0px 12px !important; width: 100% !important; }
.calm-prompt-new-category .chat-prompt-color-btn { width: 100% !important; max-width: 26px !important; height: auto !important; aspect-ratio: 1 / 1 !important; justify-self: center !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; box-shadow: none !important; background: transparent !important; border-radius: 50% !important; box-sizing: border-box !important; display: flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; padding: 0px !important; transition: transform 0.15s, box-shadow 0.15s !important; }
.calm-prompt-new-category .chat-prompt-color-btn:hover { transform: translateY(-1px) !important; }
.calm-prompt-new-category .chat-prompt-color-btn:focus-visible, .chat-prompt-panel .calm-prompt-new-category .chat-prompt-color-btn:focus-visible, .calm-prompt-new-category .chat-prompt-color-btn.is-selected, .chat-prompt-panel .calm-prompt-new-category .chat-prompt-color-btn.is-selected { outline: none !important; box-shadow: rgb(255, 254, 251) 0px 0px 0px 2px, rgb(110, 138, 126) 0px 0px 0px 4px !important; }
[data-theme="dark"] .calm-prompt-new-category .chat-prompt-color-btn:focus-visible, [data-theme="dark"] .chat-prompt-panel .calm-prompt-new-category .chat-prompt-color-btn:focus-visible, [data-theme="dark"] .calm-prompt-new-category .chat-prompt-color-btn.is-selected, [data-theme="dark"] .chat-prompt-panel .calm-prompt-new-category .chat-prompt-color-btn.is-selected { box-shadow: rgb(30, 29, 26) 0px 0px 0px 2px, rgb(110, 138, 126) 0px 0px 0px 4px !important; }
.calm-prompt-new-category .chat-prompt-color-dot { width: 100% !important; height: 100% !important; border-radius: 50% !important; display: block !important; border: 1px solid rgba(58, 47, 38, 0.1) !important; box-sizing: border-box !important; }
[data-theme="dark"] .calm-prompt-new-category .chat-prompt-color-dot { border-color: rgba(255, 255, 255, 0.12) !important; }
.calm-prompt-new-category .chat-prompt-color-none { border: 2px dashed rgb(154, 142, 130) !important; background: transparent !important; width: 100% !important; height: 100% !important; }
[data-theme="dark"] .calm-prompt-new-category .chat-prompt-color-none { border-color: rgba(255, 254, 251, 0.25) !important; }
.calm-prompt-new-category .chat-prompt-color-custom { position: relative !important; }
.calm-prompt-new-category .chat-prompt-color-custom-dot { background: conic-gradient(rgb(166, 89, 75), rgb(201, 124, 79), rgb(184, 146, 74), rgb(110, 138, 126), rgb(92, 122, 138), rgb(138, 110, 138), rgb(176, 122, 138), rgb(166, 89, 75)) !important; width: 100% !important; height: 100% !important; }
.calm-prompt-new-category .chat-prompt-color-custom[data-calm-custom-color] .chat-prompt-color-custom-dot { background: var(--calm-custom-color) !important; }
.calm-prompt-new-category .chat-prompt-color-native-input { position: absolute !important; inset: 0px !important; width: 100% !important; height: 100% !important; opacity: 0 !important; cursor: pointer !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; padding: 0px !important; }
.calm-prompt-new-category .chat-prompt-color-btn.is-selected::after { display: none !important; }
.calm-icon-overflow-popover { position: fixed; z-index: 100000; box-sizing: border-box; width: max-content; max-width: calc(-16px + 100vw); background: rgb(255, 254, 251); border: 1px solid rgba(228, 220, 212, 0.6); border-radius: 14px; box-shadow: rgba(92, 77, 67, 0.12) 0px 8px 24px, rgba(92, 77, 67, 0.06) 0px 2px 8px; padding: 12px; animation: 0.15s ease 0s 1 normal none running calm-popover-in; }
.calm-icon-overflow-grid { display: grid; grid-template-columns: repeat(5, minmax(0px, 1fr)); gap: 10px; }
.calm-icon-overflow-popover .chat-prompt-icon-btn { width: 42px; height: 42px; border-radius: 12px; border: 1px solid rgba(58, 47, 38, 0.1); background: rgb(251, 248, 242); color: rgb(110, 138, 126); display: flex; align-items: center; justify-content: center; cursor: pointer; padding: 6px; transition: background 0.15s, border-color 0.15s, color 0.15s, transform 0.15s; }
.calm-icon-overflow-popover .chat-prompt-icon-btn:hover { background: rgba(110, 138, 126, 0.1); border-color: rgba(110, 138, 126, 0.35); color: rgb(110, 138, 126); transform: translateY(-1px); }
.calm-icon-overflow-popover .chat-prompt-icon-btn.is-selected { background: rgb(110, 138, 126); border-color: rgb(110, 138, 126); color: rgb(255, 254, 251); box-shadow: rgba(58, 47, 38, 0.1) 0px 1px 2px; transform: none; }
.calm-icon-overflow-popover .chat-prompt-icon-btn:focus-visible { outline: rgb(110, 138, 126) solid 2px; outline-offset: 2px; }
[data-theme="dark"] .calm-icon-overflow-popover { background: rgb(30, 29, 26); border-color: rgba(255, 255, 255, 0.08); box-shadow: rgba(0, 0, 0, 0.3) 0px 8px 24px, rgba(0, 0, 0, 0.15) 0px 2px 8px; }
[data-theme="dark"] .calm-icon-overflow-popover .chat-prompt-icon-btn { background: rgba(255, 255, 255, 0.04); border-color: rgba(255, 255, 255, 0.08); color: rgba(255, 254, 251, 0.55); }
[data-theme="dark"] .calm-icon-overflow-popover .chat-prompt-icon-btn:hover { background: rgba(110, 138, 126, 0.16); border-color: rgba(110, 138, 126, 0.35); color: rgba(255, 254, 251, 0.85); }
[data-theme="dark"] .calm-icon-overflow-popover .chat-prompt-icon-btn.is-selected { background: rgb(110, 138, 126); border-color: rgb(110, 138, 126); color: rgb(255, 254, 251); }
@media (prefers-reduced-motion: reduce){.calm-prompt-new-category .chat-prompt-icon-btn, .calm-prompt-new-category .chat-prompt-color-btn, .calm-prompt-new-category .chat-prompt-color-dot, .calm-prompt-new-category .chat-prompt-form-input { transition: none !important; }
.calm-prompt-new-category .chat-prompt-icon-btn:hover, .calm-prompt-new-category .chat-prompt-color-btn:hover { transform: none !important; }
.calm-icon-overflow-popover { animation: auto ease 0s 1 normal none running none !important; }
.calm-icon-overflow-popover .chat-prompt-icon-btn { transition: none !important; }
.calm-icon-overflow-popover .chat-prompt-icon-btn:hover { transform: none !important; }}
@media (max-width: 720px){.calm-prompt-new-category .chat-prompt-icon-picker { grid-template-columns: repeat(6, minmax(0px, 1fr)) !important; }
.calm-prompt-new-category .chat-prompt-color-picker { grid-template-columns: repeat(8, minmax(0px, 1fr)) !important; }
.chat-prompt-panel .calm-prompt-new-category .chat-prompt-icon-btn, .chat-prompt-panel .calm-prompt-new-category .chat-prompt-color-btn { width: 100% !important; height: auto !important; min-width: 0px !important; min-height: 0px !important; }}
.calm-actions:not(.calm-folder-settings) > .calm-actions-trigger:is(:hover, :focus-visible) { background: radial-gradient(circle at center,var(--calm-menu-hover) 15px,transparent 16px) !important; }
#calm-prompt-modal .calm-folder-settings .calm-actions-trigger { width: auto; font-size: 13px; border: 1px solid var(--calm-menu-line) !important; padding: 6px 10px !important; }
#calm-prompt-modal .calm-folder-list .chat-prompt-panel-header { flex-wrap: wrap; gap: 10px !important; }
#calm-prompt-modal .calm-folder-list .chat-prompt-panel-title { flex: 1 1 0%; min-width: 0px; white-space: normal; overflow-wrap: anywhere; }
#calm-prompt-modal .calm-folder-list .chat-prompt-list { display: flex !important; flex-direction: column !important; gap: 0px !important; padding: 8px 20px !important; margin: 0px !important; max-height: calc(100dvh - 232px) !important; }
dialog#calm-prompt-modal.calm-prompt-modal:has(.calm-folder-list) { max-height: calc(100dvh - 24px); }
#calm-prompt-modal .chat-prompt-panel-inner:has(#cpf-cat-name):not(.calm-folder-create) > .chat-prompt-panel-header { background: rgb(250, 248, 245) !important; }
#calm-prompt-modal .calm-folder-list .chat-prompt-item { align-items: center; gap: 8px; box-sizing: border-box; display: flex !important; height: auto !important; min-height: 59px !important; padding: 7px 0px !important; border-width: 0px 0px 1px !important; border-style: none none solid !important; border-color: currentcolor currentcolor rgb(236, 231, 223) !important; border-image: none !important; background: transparent !important; border-radius: 0px !important; }
#calm-prompt-modal .calm-folder-list .chat-prompt-item[hidden] { display: none !important; }
#calm-prompt-modal .calm-folder-list .chat-prompt-suggestion-btn::before { display: none !important; }
#calm-prompt-modal .calm-folder-list .chat-prompt-suggestion-btn > .calm-prompt-row-icon { align-items: center; justify-content: center; height: 28px; border-radius: 7px; background: rgb(232, 238, 234); color: rgb(74, 122, 104); display: inline-flex !important; flex: 0 0 28px !important; width: 28px !important; min-width: 28px !important; max-width: 28px !important; margin: 0px !important; padding: 0px !important; }
#calm-prompt-modal .calm-folder-list .calm-prompt-row-icon svg { display: block !important; width: 18px !important; height: 18px !important; }
#calm-prompt-modal .calm-folder-list .chat-prompt-suggestion-btn > span:last-child { margin: 0px !important; padding-inline-end: 0px !important; }
#calm-prompt-modal .calm-folder-list .chat-prompt-suggestion-btn { display: flex; align-items: center; justify-content: flex-start; gap: 10px; min-width: 0px; flex: 1 1 0%; min-height: 44px; width: auto !important; border: 0px !important; background: transparent !important; padding: 10px 8px !important; border-radius: 8px !important; }
#calm-prompt-modal .calm-folder-list .chat-prompt-suggestion-btn span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#calm-prompt-modal .calm-folder-list .chat-prompt-suggestion-btn:is(:hover, :focus-visible) { background: rgb(243, 239, 233) !important; }
#calm-prompt-modal .calm-folder-list .chat-prompt-add-row { padding: 16px 24px !important; margin: 0px !important; }
#calm-prompt-modal .calm-folder-list .chat-prompt-new-prompt-btn { width: 100%; min-height: 44px; border: 1px solid rgb(232, 221, 212) !important; background: transparent !important; color: inherit !important; }
#calm-prompt-modal .calm-category-appearance { margin-top: 12px; }
#calm-prompt-modal .calm-category-appearance > summary { cursor: pointer; min-height: 36px; padding: 6px 0px; font-size: 14px; }
#calm-prompt-modal .calm-category-appearance > .chat-prompt-form-label { display: block; margin: 18px 0px 10px !important; }
#calm-prompt-modal .calm-category-appearance .chat-prompt-icon-picker { grid-template-columns: repeat(6, minmax(0px, 1fr)) !important; gap: 10px !important; }
#calm-prompt-modal .calm-category-appearance .chat-prompt-icon-btn { height: 40px !important; max-width: none !important; aspect-ratio: auto !important; }
#calm-prompt-modal .calm-category-appearance .chat-prompt-color-picker { flex-wrap: wrap; display: flex !important; justify-content: space-between !important; gap: 12px !important; }
[data-theme="dark"] #calm-prompt-modal .calm-folder-list .chat-prompt-suggestion-btn:is(:hover, :focus-visible) { background: rgb(57, 54, 47) !important; }
[data-theme="dark"] #calm-prompt-modal .calm-folder-list .chat-prompt-item { border-bottom-color: rgb(71, 65, 57) !important; }
[data-theme="dark"] #calm-prompt-modal .chat-prompt-panel-inner:has(#cpf-cat-name):not(.calm-folder-create) > .chat-prompt-panel-header { background: rgb(48, 45, 40) !important; }
[data-theme="dark"] #calm-prompt-modal .calm-folder-list .calm-prompt-row-icon { background: rgb(52, 71, 62); color: rgb(186, 211, 198); }
@media (max-width: 640px){#calm-prompt-modal .calm-folder-list .chat-prompt-list { padding-inline: 12px !important; }
#calm-prompt-modal .calm-folder-settings { order: 3; margin-inline-start: auto; }
#calm-prompt-modal .calm-folder-list .chat-prompt-panel-close { margin-inline-start: auto; }}
@media (max-width: 480px){#calm-prompt-modal .calm-folder-list .chat-prompt-panel-header { flex-wrap: nowrap; }
#calm-prompt-modal .calm-folder-list .chat-prompt-panel-title { flex: 1 1 0%; min-width: 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#calm-prompt-modal .calm-folder-settings { order: 1; margin-inline-start: 0px; }
#calm-prompt-modal .calm-folder-settings .calm-actions-trigger { width: 44px; padding: 10px !important; }
#calm-prompt-modal .calm-folder-settings .calm-actions-trigger > :is(span, svg:last-child) { display: none; }
#calm-prompt-modal .calm-folder-list .chat-prompt-panel-close { order: 2; flex: 0 0 auto; margin-inline-start: 0px; }}
dialog#calm-prompt-modal.calm-prompt-modal .calm-icon-overflow-popover, dialog#calm-prompt-modal.calm-prompt-modal .calm-cat-icon-popover { max-width: calc(-16px + 100vw); max-height: calc(100dvh - 32px); overflow-y: auto; }
html body #calm-prompt-modal .chat-prompt-panel-inner:is(.calm-folder-list, .calm-prompt-new-category) { padding: 0px !important; }
html body #calm-prompt-modal .calm-folder-list .chat-prompt-item:not([hidden]):not(:has(~ .chat-prompt-item:not([hidden]))) { border-bottom: 0px !important; }
html body #calm-prompt-modal .calm-folder-list :is(.chat-prompt-suggestion-btn, .chat-prompt-panel-title[role="button"]):is(:hover, :focus-visible), html body #calm-prompt-modal :is(.calm-actions-trigger, .chat-prompt-panel-close):is(:hover, :focus-visible), html body #chat-main .chat-prompt-area .calm-actions-trigger:is(:hover, :focus-visible) { background: transparent !important; box-shadow: none !important; color: var(--prompt-hover-ink,#3d725f) !important; }
html body #calm-prompt-modal .calm-folder-list .chat-prompt-suggestion-btn:is(:hover, :focus-visible) .calm-prompt-row-icon { color: var(--prompt-hover-ink) !important; }
html body #calm-prompt-modal .calm-folder-list .chat-prompt-item[data-color][style*="--prompt-tint"] { border-radius: 10px; background: var(--prompt-tint) !important; }
html body #chat-main .chat-prompt-area .calm-standalone[data-color][style*="--prompt-tint"] > .chat-prompt-suggestion-btn, html body #calm-prompt-modal .calm-folder-list .chat-prompt-item[data-color][style*="--prompt-tint"] > .chat-prompt-suggestion-btn { background: transparent !important; }
html[data-theme="dark"] body #calm-prompt-modal .calm-folder-list .chat-prompt-item[data-color][style*="--prompt-tint"], html body.dark #calm-prompt-modal .calm-folder-list .chat-prompt-item[data-color][style*="--prompt-tint"] { background: var(--prompt-dark-tint) !important; }
html body #chat-main .chat-prompt-area .calm-folder-open::after { content: ""; flex: 0 0 5px; width: 5px; height: 5px; border-block-start: 1.5px solid currentcolor; border-inline-end: 1.5px solid currentcolor; transform: rotate(45deg); opacity: 0.65; margin-inline-start: 3px; pointer-events: none; }
html[dir="rtl"] body #chat-main .chat-prompt-area .calm-folder-open::after { transform: rotate(-45deg); }
dialog#calm-prompt-modal.calm-prompt-modal:has(:is(.calm-folder-list, .calm-folder-create)) { --folder-edge: #dfe2d8; --folder-tab: #f0f0e8; --folder-front: #fffefb; max-height: calc(var(--ss-vv-height, 100dvh) - 96px); border-radius: 0px 16px 16px; background: transparent !important; outline: 0px !important; }
html body dialog#calm-prompt-modal.calm-prompt-modal > .chat-prompt-panel:has(> :is(.calm-folder-list, .calm-folder-create)) { border-radius: 0px 16px 16px !important; box-shadow: 0 0 0 1px var(--folder-outline, var(--folder-edge)) !important; }
html body dialog#calm-prompt-modal.calm-prompt-modal .chat-prompt-panel > :is(.calm-folder-list, .calm-folder-create) { border-radius: 0px 16px 16px !important; }
#calm-prompt-modal .calm-folder-tab { position: absolute; inset-inline-start: -1px; top: auto; bottom: calc(100% - 1px); transform: none; opacity: 1; height: 31px; min-width: 136px; box-sizing: border-box; display: flex; align-items: center; gap: 7px; padding: 0px 23px 0px 19px; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-bottom: 0px; border-radius: 11px 18px 0px 0px; background: color-mix(in srgb, var(--prompt-tint, var(--folder-tab)) 48%, var(--folder-tab)); color: inherit; font-size: 12px; font-weight: 500; line-height: 18px; pointer-events: none; }
#calm-prompt-modal .calm-folder-tab svg { width: 15px; height: 15px; flex: 0 0 auto; }
html body #calm-prompt-modal :is(.calm-folder-list, .calm-folder-create) > .chat-prompt-list { box-shadow: none; background: var(--folder-front) !important; border-radius: 13px 13px 0px 0px !important; border-top: 0px !important; margin-block-start: 0px !important; }
html[data-theme="dark"] dialog#calm-prompt-modal:has(:is(.calm-folder-list, .calm-folder-create)), html body.dark dialog#calm-prompt-modal:has(:is(.calm-folder-list, .calm-folder-create)) { --folder-edge: #474139; --folder-tab: #302d28; --folder-front: #2c2925; }
html[data-theme="dark"] #calm-prompt-modal .calm-folder-tab, html body.dark #calm-prompt-modal .calm-folder-tab { border-color: var(--prompt-dark-border, var(--folder-edge)); background: color-mix(in srgb, var(--prompt-dark-tint, var(--folder-tab)) 48%, var(--folder-tab)); }
html[dir="rtl"] #calm-prompt-modal .calm-folder-tab { border-radius: 18px 11px 0px 0px; }
html body #calm-prompt-modal .calm-folder-tab { min-width: 92px; height: 20px; padding: 0px; border-radius: 9px 14px 0px 0px; z-index: 1; border-color: var(--folder-outline, var(--folder-edge)) !important; }
#calm-prompt-modal .chat-prompt-panel:has(> :is(.calm-folder-list, .calm-folder-create)) { --folder-wash: var(--prompt-tint, transparent); --folder-outline: var(--prompt-border, var(--folder-edge)); }
html body dialog#calm-prompt-modal.calm-prompt-modal .chat-prompt-panel > .chat-prompt-panel-inner:is(.calm-folder-list, .calm-folder-create), html body #calm-prompt-modal .calm-folder-tab { background: linear-gradient(var(--folder-wash), var(--folder-wash)), var(--folder-front) !important; }
html body #calm-prompt-modal :is(.calm-folder-list, .calm-folder-create) > .chat-prompt-panel-header { background: transparent !important; border-bottom: 0px !important; padding-inline: 24px !important; padding-block: 18px !important; }
html body #calm-prompt-modal :is(.calm-folder-list, .calm-folder-create) > .chat-prompt-panel-header > svg { background: rgba(255, 255, 255, 0.48) !important; color: inherit !important; }
html body #calm-prompt-modal :is(.calm-folder-list, .calm-folder-create) > .chat-prompt-add-row, html body #calm-prompt-modal :is(.calm-folder-list, .calm-folder-create) > .calm-search-empty { background: var(--folder-front) !important; border-top: 0px !important; }
html[data-theme="dark"] #calm-prompt-modal .chat-prompt-panel:has(> :is(.calm-folder-list, .calm-folder-create)), html body.dark #calm-prompt-modal .chat-prompt-panel:has(> :is(.calm-folder-list, .calm-folder-create)) { --folder-wash: var(--prompt-dark-tint, transparent); --folder-outline: var(--prompt-dark-border, var(--folder-edge)); }
html[data-theme="dark"] body #calm-prompt-modal :is(.calm-folder-list, .calm-folder-create) > .chat-prompt-panel-header > svg, html body.dark #calm-prompt-modal :is(.calm-folder-list, .calm-folder-create) > .chat-prompt-panel-header > svg { background: rgba(255, 255, 255, 0.06) !important; }
@media (max-width: 520px){html body #calm-prompt-modal :is(.calm-folder-list, .calm-folder-create) > .chat-prompt-panel-header { padding-inline: 16px !important; }}
html body #calm-prompt-modal .chat-prompt-panel-inner:is(.calm-folder-list, .calm-folder-create)::before { display: none !important; }
html body #calm-prompt-modal .calm-folder-create > .chat-prompt-form { border-radius: 13px 13px 0px 0px; background: var(--folder-front) !important; border-top: 0px !important; }
html body #calm-prompt-modal .calm-folder-create .chat-prompt-form-actions { border-top: 0px !important; }
html body #chat-main .chat-prompt-area .calm-home-folder.chip-drop-inside > .calm-folder-open::after { transform: rotate(135deg); }
@media (prefers-reduced-motion: no-preference){html body dialog#calm-prompt-modal[open]:has(.calm-folder-list, .calm-folder-create, [data-i18n="chips.editCategory"]) { animation: 150ms cubic-bezier(0.2, 0, 0, 1) 0s 1 normal none running calm-folder-enter; }}
body[data-local-native-editor]:has(#local-native-host#local-native-host) #calm-prompt-modal:not(:has(.calm-folder-list, .calm-folder-create)), body[data-local-native-editor]:has(#local-native-host#local-native-host) #calm-prompt-modal .calm-prompt-form-mode, body[data-local-native-editor]:has(#local-native-host#local-native-host) :is(dialog.chat-prompt-move-dialog, dialog.calm-prompt-confirm) { box-shadow: var(--ss-shadow); background: var(--ss-surface) !important; color: var(--ss-text) !important; }
body[data-local-native-editor]:has(#local-native-host#local-native-host) #calm-prompt-modal:has(.calm-folder-list, .calm-folder-create) { --folder-front: var(--ss-surface); --folder-edge: var(--ss-border); --folder-tab: var(--ss-surface-alt); }
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) { --warm-text: var(--ss-text); --cream: var(--ss-surface); --card-bg: var(--ss-surface); color: var(--ss-text); font: 15px / 1.5 Inter, system-ui, -apple-system, "Segoe UI", sans-serif; --folder-front: var(--ss-surface); --folder-edge: var(--ss-border); }
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) .calm-folder-create { background: var(--ss-surface) !important; color: var(--ss-text) !important; font: inherit !important; }
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) :is(input, button, label, summary) { font-family: inherit !important; font-size: 15px !important; line-height: 1.5 !important; }
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) .chat-prompt-panel-title { color: var(--ss-text) !important; font-size: 22px !important; line-height: 1.35 !important; font-weight: 600 !important; }
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) .chat-prompt-form-label { color: var(--ss-text) !important; font-size: 14px !important; font-weight: 600 !important; }
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) summary { min-height: 44px; display: list-item; color: var(--ss-text) !important; font-size: 14px !important; }
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) #cpf-cat-name { min-height: 48px; background: var(--ss-surface) !important; color: var(--ss-text) !important; border: 1px solid var(--ss-control-border) !important; font-size: 16px !important; box-shadow: none !important; }
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) #cpf-cat-name:focus { border-color: var(--ss-accent) !important; background: var(--ss-canvas) !important; outline: none !important; box-shadow: none !important; }
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) .chat-prompt-icon-picker { display: grid !important; grid-template-columns: repeat(6, minmax(0px, 1fr)) !important; gap: 8px !important; }
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) .chat-prompt-icon-btn { background: var(--ss-canvas) !important; color: var(--ss-action) !important; border: 1px solid var(--ss-border) !important; width: 100% !important; min-width: 0px !important; height: 44px !important; min-height: 44px !important; box-shadow: none !important; }
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) .chat-prompt-icon-btn:is(.is-selected, [aria-pressed="true"]) { background: var(--ss-selected-strong) !important; color: var(--ss-on-selected-strong) !important; border-color: var(--ss-control-border) !important; }
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) .chat-prompt-color-picker { display: grid !important; grid-template-columns: repeat(7, minmax(0px, 1fr)) !important; gap: 4px !important; }
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) .chat-prompt-color-btn:not([hidden]) { place-items: center; width: 100% !important; max-width: none !important; min-width: 0px !important; height: 44px !important; min-height: 44px !important; aspect-ratio: auto !important; display: grid !important; border-radius: 8px !important; box-shadow: none !important; }
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) .chat-prompt-color-dot { width: 26px !important; height: 26px !important; }
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) .chat-prompt-color-btn.is-selected .chat-prompt-color-dot { box-shadow: 0 0 0 2px var(--ss-surface),0 0 0 3px var(--ss-accent); }
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) .chat-prompt-form-save { background: var(--ss-action) !important; color: var(--ss-on-action) !important; border: 1px solid var(--ss-control-border) !important; }
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) .chat-prompt-form-cancel { background: var(--ss-surface) !important; color: var(--ss-text) !important; border: 1px solid var(--ss-control-border) !important; }
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) :is(.chat-prompt-form-save, .chat-prompt-form-cancel) { min-height: 44px !important; font-size: 15px !important; line-height: 1.4 !important; font-weight: 600 !important; padding: 10px 20px !important; border-radius: 14px !important; box-shadow: none !important; }
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) :is(.chat-prompt-panel-close, .chat-prompt-icon-more) { color: var(--ss-muted) !important; }
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) .chat-prompt-panel-close { width: 44px !important; height: 44px !important; }
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) :is(button, summary):focus-visible { outline: none !important; box-shadow: none !important; background: var(--ss-selected) !important; color: var(--ss-text) !important; }
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) .chat-prompt-form-save:is(:hover, :focus-visible) { background: var(--ss-action-hover) !important; color: var(--ss-on-action) !important; }
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) .chat-prompt-form-cancel:hover { background: var(--ss-selected) !important; }
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) .chat-prompt-icon-btn:not(.is-selected):hover { background: var(--ss-hover) !important; }
html[data-theme="dark"] body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) .chat-prompt-icon-btn:not(.is-selected):not([aria-pressed="true"]) { color: var(--ss-accent) !important; }
@media (max-width: 650px){html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) .chat-prompt-icon-picker { grid-template-columns: repeat(5, minmax(0px, 1fr)) !important; gap: 4px !important; }
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) .chat-prompt-panel-title { font-size: 20px !important; }}
/* Shared Chat folder creation: selected colour joins header and flap. */
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) .chat-prompt-panel-header,
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) .calm-folder-tab {
  background: linear-gradient(var(--folder-wash, transparent), var(--folder-wash, transparent)), var(--folder-front) !important;
}
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) .chat-prompt-form-actions {
  background: var(--folder-front) !important;
}
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) .calm-folder-tab {
  border: 1px solid var(--folder-outline, var(--folder-edge));
  border-bottom: 0;
}

/* Empty folders are one neutral body below the coloured header. */
html body #calm-prompt-modal#calm-prompt-modal .calm-folder-list > .chat-prompt-list:empty { display:none !important; }
html body #calm-prompt-modal#calm-prompt-modal .calm-folder-list > .calm-search-empty {
  margin:0 !important; padding:24px 24px 8px !important;
  border:0 !important; border-radius:13px 13px 0 0;
  background:var(--folder-front) !important; color:var(--ss-muted, var(--warm-text)) !important;
  font:400 16px/1.5 Inter,system-ui,sans-serif; text-align:center;
}
/* Native scrollbar, themed with an opaque thumb and enough contrast. */
#calm-prompt-modal :is(.chat-prompt-form,.chat-prompt-list),#calm-prompt-modal {
  scrollbar-width:thin; scrollbar-color:#87958a #fffefb;
}
html[data-theme="dark"] #calm-prompt-modal :is(.chat-prompt-form,.chat-prompt-list),
html[data-theme="dark"] #calm-prompt-modal {
  scrollbar-color:#82968a #252d28;
}
@media(forced-colors:active){#calm-prompt-modal,#calm-prompt-modal :is(.chat-prompt-form,.chat-prompt-list){scrollbar-color:auto}}


/* Source: /chat/css/calm/calm-prompt-shell.css */
/* Calm sage overlay — card shell and list-mode rows.
   Loads after chat-ny-blod-bolge.css, before calm header/body/footer. */

/* ---- Card envelope: neutral canvas for both modes ---- */
.calm-prompt-new-category,
.calm-prompt-list-mode {
  background: #FFFEFB !important;
  border: 1px solid rgba(58, 47, 38, 0.06) !important;
  border-radius: 14px !important;
  box-shadow:
    0 0 0 1px rgba(58, 47, 38, 0.04),
    0 1px 2px rgba(58, 47, 38, 0.04),
    0 12px 32px -8px rgba(58, 47, 38, 0.12) !important;
  padding: 4px !important;
  overflow: hidden !important;
}

[data-theme="dark"] .calm-prompt-new-category,
[data-theme="dark"] .calm-prompt-list-mode {
  background: var(--color-card, #1c1b18) !important;
  border-color: rgba(255, 255, 255, 0.10) !important;
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.20),
    0 1px 2px rgba(0, 0, 0, 0.15),
    0 12px 32px -8px rgba(0, 0, 0, 0.30) !important;
}

/* ---- Calm neutral base — keep subtle data-color accent on header icon ---- */
.calm-prompt-list-mode[data-color] {
  background: #FFFEFB !important;
  border-color: rgba(58, 47, 38, 0.06) !important;
  --calm-cat-color: currentColor;
}

[data-theme="dark"] .calm-prompt-list-mode[data-color] {
  background: var(--color-card, #1c1b18) !important;
  border-color: rgba(255, 255, 255, 0.10) !important;
}

/* ---- Warm canon category color remap ---- */
.calm-prompt-list-mode[data-color="gray"]   { --calm-cat-color: #9A8E82; }
.calm-prompt-list-mode[data-color="red"]    { --calm-cat-color: #A6594B; }
.calm-prompt-list-mode[data-color="orange"] { --calm-cat-color: #C97C4F; }
.calm-prompt-list-mode[data-color="yellow"] { --calm-cat-color: #B8924A; }
.calm-prompt-list-mode[data-color="green"]  { --calm-cat-color: #6E8A7E; }
.calm-prompt-list-mode[data-color="blue"]   { --calm-cat-color: #5C7A8A; }
.calm-prompt-list-mode[data-color="purple"] { --calm-cat-color: #8A6E8A; }
.calm-prompt-list-mode[data-color="pink"]   { --calm-cat-color: #B07A8A; }
.calm-prompt-list-mode[data-color="sage"]   { --calm-cat-color: #4A7A68; }
.calm-prompt-list-mode[data-color="moss"]   { --calm-cat-color: #8FA593; }
.calm-prompt-list-mode[data-color="clay"]   { --calm-cat-color: #8C5A47; }
.calm-prompt-list-mode[data-color="sand"]   { --calm-cat-color: #C9B68A; }
.calm-prompt-list-mode[data-color="anchor"] { --calm-cat-color: #3A2F26; }
.calm-prompt-list-mode[data-color="plum"]   { --calm-cat-color: #6E4A5C; }

/* Custom hex data-color: --calm-cat-color set by bootstrap JS inline style */

/* ---- List-mode card sizing ---- */
.calm-prompt-list-mode {
  max-width: 640px !important;
  width: 100% !important;
  margin-inline-start: auto !important;
  margin-inline-end: auto !important;
}

/* ---- Prompt list cards ---- */
.calm-prompt-list-mode .chat-prompt-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  align-items: stretch;
  list-style: none;
  margin: 0;
  padding: 14px 18px;
}

@media (max-width: 600px) {
  .calm-prompt-list-mode .chat-prompt-list {
    grid-template-columns: 1fr;
  }
}

.calm-prompt-list-mode .chat-prompt-item {
  margin: 0;
  display: flex;
  min-width: 0;
  height: 48px;
  background: #FFFEFB;
  border: 1px solid rgba(58, 47, 38, 0.10);
  border-radius: 14px;
  /* !important holds the fixed-card geometry against the legacy blod-bolge
     mobile rule (.chat-prompt-panel .chat-prompt-item @max-width:767px injects
     padding:12px 14px !important, which otherwise shrinks the 48px card and
     pushes the suggestion button ~9px below the hairline on mobile). */
  padding: 0 !important;
  position: relative;
  transition: border-color 0.15s ease, background 0.15s ease;
}

.calm-prompt-list-mode .chat-prompt-item:hover {
  background: #FBFAF7;
  border-color: rgba(58, 47, 38, 0.10);
}

/* High-specificity override (#3175): the legacy chat-ny hover/focus wash in
   chat-ny-blod-bolge.css (`body:not(.chat-ny-in-conversation) .chat-prompt-panel
   .chat-prompt-list .chat-prompt-item:hover/:focus-within { border-color:
   transparent !important }`, specificity (0,5,1)) otherwise dissolves the card
   hairline exactly while the user interacts with the row. The .chat-prompt-list
   form below is (0,6,1) and beats it on specificity; the shorter
   .calm-prompt-list-mode .chat-prompt-item form is (0,5,1) and wins the !important
   tie by source order (this partial loads AFTER chat-ny-blod-bolge.css — locked by
   the calm-shell load-order contract). Either way the resting rgba(58,47,38,0.10)
   hairline is pinned with !important, so hover AND focus-within keep a stable,
   visible border instead of flickering to transparent. Background stays
   non-important so the legacy calm wash is unchanged. */
body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-list-mode .chat-prompt-list .chat-prompt-item:hover,
body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-list-mode .chat-prompt-list .chat-prompt-item:focus-within,
body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-list-mode .chat-prompt-item:hover,
body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-list-mode .chat-prompt-item:focus-within {
  background: #FBFAF7;
  border-color: rgba(58, 47, 38, 0.10) !important;
}

.calm-prompt-list-mode .chat-prompt-item:last-child {
  margin-bottom: 0;
}

[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-item {
  background: rgba(255, 255, 255, 0.03) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-item:hover,
[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-item:focus-within {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
}

[data-theme="dark"] body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-list-mode .chat-prompt-list .chat-prompt-item:hover,
[data-theme="dark"] body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-list-mode .chat-prompt-list .chat-prompt-item:focus-within,
[data-theme="dark"] body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-list-mode .chat-prompt-item:hover,
[data-theme="dark"] body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-list-mode .chat-prompt-item:focus-within {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
}

/* ---- Suggestion button in list cards ---- */
.calm-prompt-list-mode .chat-prompt-suggestion-btn {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  /* !important so the blod-bolge mobile rule (.chat-prompt-suggestion-btn
     @max-width:767px: padding 12px 16px !important + min-height 44px !important)
     cannot reshape the in-card button on small screens. */
  padding: 11px 12px !important;
  color: #3A2F26;
  font-weight: 500;
  background: transparent;
  border: none;
}

.calm-prompt-list-mode .chat-prompt-suggestion-btn::before {
  content: "";
  flex: 0 0 auto;
  width: 26px;
  height: 26px;
  border-radius: 8px;
  background: rgba(110, 138, 126, 0.12)
    url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="%236E8A7E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 3v4a1 1 0 0 0 1 1h4"/><path d="M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2z"/><path d="M9 13h6M9 17h4"/></svg>') center/15px no-repeat;
}

.calm-prompt-list-mode .chat-prompt-suggestion-btn > span {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.calm-prompt-list-mode .chat-prompt-suggestion-btn:hover {
  background: transparent;
  color: #3A2F26;
}

[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-suggestion-btn {
  color: rgba(255, 254, 251, 0.92) !important;
}

[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-suggestion-btn:hover {
  color: rgba(255, 254, 251, 0.92) !important;
}

/* ---- Suggestion button focus: inset ring ---- */
.calm-prompt-list-mode .chat-prompt-suggestion-btn:focus-visible {
  outline: 2px solid #6E8A7E !important;
  outline-offset: -2px !important;
  border-radius: 8px !important;
}

/* ---- Chevron: visible, muted warm, static ---- */
.calm-prompt-list-mode .chat-prompt-arrow {
  flex: 0 0 auto;
  opacity: 0.45;
  color: #9A8E82 !important;
  transition: none !important;
}

.calm-prompt-list-mode .chat-prompt-item:hover .chat-prompt-arrow {
  opacity: 0.45;
  color: #9A8E82 !important;
  transform: none !important;
}

/* A prompt-row chevron communicates forward navigation. Keep that semantic
   direction in Arabic, including the higher-specificity static hover state. */
[dir="rtl"] .chat-prompt-arrow,
[dir="rtl"] .calm-prompt-list-mode .chat-prompt-item:hover .chat-prompt-arrow {
  transform: scaleX(-1) !important;
}

[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-arrow {
  color: rgba(255, 254, 251, 0.35) !important;
}

[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-item:hover .chat-prompt-arrow {
  color: rgba(255, 254, 251, 0.35) !important;
}

/* ---- Row actions: positioned right of chevron, hidden at rest ---- */
.calm-prompt-list-mode .chat-prompt-item > .chat-prompt-item-actions {
  position: absolute !important;
  inset-inline-end: 38px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  opacity: 0 !important;
  transition: opacity 0.15s ease !important;
  display: flex !important;
  gap: 2px !important;
}

.calm-prompt-list-mode .chat-prompt-item:hover > .chat-prompt-item-actions,
.calm-prompt-list-mode .chat-prompt-item:focus-within > .chat-prompt-item-actions {
  opacity: 1 !important;
}

/* ---- Edit/delete action buttons ---- */
.calm-prompt-list-mode .chat-prompt-item-edit,
.calm-prompt-list-mode .chat-prompt-item-delete {
  color: #9A8E82 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 8px !important;
  transition: background 0.15s ease, color 0.15s ease !important;
}

.calm-prompt-list-mode .chat-prompt-item-edit:hover {
  background: rgba(58, 47, 38, 0.06) !important;
  color: #5C4D43 !important;
}

.calm-prompt-list-mode .chat-prompt-item-delete:hover {
  background: rgba(166, 89, 75, 0.08) !important;
  color: #A6594B !important;
}

[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-item-edit,
[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-item-delete {
  color: rgba(255, 254, 251, 0.40) !important;
}

[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-item-edit:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  color: rgba(255, 254, 251, 0.85) !important;
}

[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-item-delete:hover {
  background: rgba(166, 89, 75, 0.16) !important;
  color: #E07B6B !important;
}

/* ---- Delete-confirm row: stable layout with always-visible actions (#3370) ----
   When a prompt row enters delete-confirm state the li gets [data-confirm-active]
   and its content becomes a confirm-text span + No/Yes actions div. Override the
   resting absolute/hidden action positioning to flow inline so the buttons stay
   visible without requiring hover. */
.calm-prompt-list-mode .chat-prompt-item[data-confirm-active] {
  align-items: center !important;
  padding: 0 12px !important;
  gap: 8px !important;
}

.calm-prompt-list-mode .chat-prompt-item[data-confirm-active] > .chat-prompt-delete-confirm {
  flex: 1 1 auto;
  min-width: 0;
  font-size: 13px;
  font-weight: 500;
  color: #5C4D43;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.calm-prompt-list-mode .chat-prompt-item[data-confirm-active] > .chat-prompt-item-actions {
  position: static !important;
  transform: none !important;
  opacity: 1 !important;
  flex: 0 0 auto;
}

[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-item[data-confirm-active] > .chat-prompt-delete-confirm {
  color: rgba(255, 254, 251, 0.70);
}

/* ---- Edit/delete action button focus ---- */
.calm-prompt-list-mode .chat-prompt-item-edit:focus-visible,
.calm-prompt-list-mode .chat-prompt-item-delete:focus-visible {
  outline: 2px solid #6E8A7E !important;
  outline-offset: -2px !important;
}

/* ---- #3175: legible hover/focus actions over long titles ----
   On hover-capable devices the revealed edit/delete cluster overlays the title.
   Give it an opaque backing (above the title via z-index:2) with a soft left fade
   so a long title ellipsizes cleanly toward the icons instead of bleeding under
   them. Scoped with :has(.chat-prompt-item-edit) so the per-row delete-confirm
   (Nej/Ja) cluster — which reuses .chat-prompt-item-actions — is left untouched.
   Gated to @media (hover: hover): on touch the cluster renders inline (see the
   @media (hover: none) block below) and needs neither backing nor title reserve. */
@media (hover: hover) {
  .calm-prompt-list-mode .chat-prompt-item > .chat-prompt-item-actions:has(.chat-prompt-item-edit) {
    z-index: 2 !important;
    background: rgb(255, 254, 251) !important;
    border-radius: 8px !important;
    padding-inline-start: 6px !important;
    box-shadow: -8px 0 8px rgb(255, 254, 251) !important;
  }

  [data-theme="dark"] .calm-prompt-list-mode .chat-prompt-item > .chat-prompt-item-actions:has(.chat-prompt-item-edit) {
    background: var(--color-card, #1c1b18) !important;
    box-shadow: -8px 0 8px var(--color-card, #1c1b18) !important;
  }

  /* RTL: masken fader mod teksten (inline-start = hoejre) - fysisk skygge pegede off-screen. */
  [dir="rtl"] .calm-prompt-list-mode .chat-prompt-item > .chat-prompt-item-actions:has(.chat-prompt-item-edit) {
    box-shadow: 8px 0 8px rgb(255, 254, 251) !important;
  }
  [dir="rtl"][data-theme="dark"] .calm-prompt-list-mode .chat-prompt-item > .chat-prompt-item-actions:has(.chat-prompt-item-edit) {
    box-shadow: 8px 0 8px var(--color-card, #1c1b18) !important;
  }

  .calm-prompt-list-mode .chat-prompt-item:hover .chat-prompt-suggestion-btn > span,
  .calm-prompt-list-mode .chat-prompt-item:focus-within .chat-prompt-suggestion-btn > span {
    padding-inline-end: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

/* ---- Empty state: hide prose, keep add row ---- */
.calm-prompt-list-mode .chat-prompt-empty {
  padding: 0 !important;
  margin: 0 !important;
}

.calm-prompt-list-mode .chat-prompt-empty p {
  display: none !important;
}

/* ---- Touch: show actions when hover is unavailable ---- */
@media (hover: none) {
  .calm-prompt-list-mode .chat-prompt-suggestion-btn {
    flex: 1 1 auto;
    min-width: 0;
    width: auto;
  }

  .calm-prompt-list-mode .chat-prompt-item > .chat-prompt-item-actions {
    flex: 0 0 auto;
    opacity: 1 !important;
    position: static !important;
    transform: none !important;
  }
  .calm-prompt-list-mode .chat-prompt-arrow {
    display: none !important;
  }
}

/* ---- Full-row tap / focus feedback ---- */
.calm-prompt-list-mode .chat-prompt-item:active {
  background: rgba(228, 220, 212, 0.35) !important;
}
.calm-prompt-list-mode .chat-prompt-item:focus-visible {
  outline: 2px solid #6E8A7E !important;
  outline-offset: -2px !important;
  border-radius: 10px !important;
}
[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-item:active {
  background: rgba(255, 255, 255, 0.10) !important;
}

/* ---- Reduced motion ---- */
@media (prefers-reduced-motion: reduce) {
  .calm-prompt-list-mode .chat-prompt-list .chat-prompt-item,
  .calm-prompt-list-mode .chat-prompt-item,
  .calm-prompt-list-mode .chat-prompt-arrow,
  .calm-prompt-list-mode .chat-prompt-item > .chat-prompt-item-actions,
  .calm-prompt-list-mode .chat-prompt-item-edit,
  .calm-prompt-list-mode .chat-prompt-item-delete,
  .calm-prompt-list-mode .chat-prompt-add-prompt-btn {
    transition: none !important;
  }

  .calm-prompt-list-mode .chat-prompt-item > .chat-prompt-item-actions {
    transform: translateY(-50%) !important;
  }
}

/* ---- Mobile (bottom-sheet fallback for 641–767px) ---- */
@media (max-width: 767px) and (min-width: 641px) {
  .chat-prompt-panel:has(.calm-prompt-list-mode) {
    bottom: calc(var(--mn-bar-height, 60px) + 8px) !important;
  }

  .calm-prompt-list-mode {
    max-width: none !important;
    width: auto !important;
    max-height: calc(100dvh - var(--mn-bar-height, 60px) - 40px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px)) !important;
  }
}

/* ---- Mobile fullscreen list-mode (<=640px) ---- */
@media (max-width: 640px) {
  .chat-prompt-panel:has(.calm-prompt-list-mode) {
    position: fixed !important;
    inset: 0 !important;
    bottom: 0 !important;
    z-index: 9999 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    pointer-events: auto !important;
  }

  .calm-prompt-list-mode {
    max-width: none !important;
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    box-sizing: border-box !important;
    border-radius: 0 !important;
    border: none !important;
    box-shadow: none !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    padding: 0 !important;
    padding-top: env(safe-area-inset-top, 0px) !important;
  }

  .chat-prompt-panel-inner.calm-prompt-list-mode {
    margin: 0 !important;
  }

  .calm-prompt-list-mode .chat-prompt-list {
    flex: 1 1 auto !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    padding: 14px 16px !important;
    align-content: start !important;
  }

  .calm-prompt-list-mode .chat-prompt-empty {
    flex: 1 1 auto !important;
  }

  .calm-prompt-list-mode .chat-prompt-arrow {
    display: none !important;
  }

  /* ---- Mobile fullscreen new-category (<=640px) #3628 ---- */
  .chat-prompt-panel:has(.calm-prompt-new-category) {
    position: fixed !important;
    inset: 0 !important;
    bottom: 0 !important;
    z-index: 9999 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    pointer-events: auto !important;
  }

  .calm-prompt-new-category {
    max-width: none !important;
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    box-sizing: border-box !important;
    border-radius: 0 !important;
    border: none !important;
    box-shadow: none !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    padding: 0 !important;
    padding-top: env(safe-area-inset-top, 0px) !important;
  }

  .chat-prompt-panel-inner.calm-prompt-new-category {
    margin: 0 !important;
  }
}


/* Source: /chat/css/calm/calm-prompt-header.css?v=appearance1 */
/* Calm sage overlay — header zone for New Category and list-mode panels.
   Loads after calm-prompt-shell.css. */

/* ---- Header row ---- */
.calm-prompt-new-category .chat-prompt-panel-header {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 18px 18px 16px !important;
  border-bottom: 1px solid rgba(58, 47, 38, 0.06) !important;
}

/* List-mode header: tighter calm hierarchy, sage icon, visible subtitle (#2993) */
.calm-prompt-list-mode .chat-prompt-panel-header {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 18px 18px 14px !important;
  border-bottom: 1px solid rgba(58, 47, 38, 0.07) !important;
}

[data-theme="dark"] .calm-prompt-new-category .chat-prompt-panel-header,
[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-panel-header {
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

/* ---- Leading glyph → sage badge ---- */
.calm-prompt-new-category .chat-prompt-panel-header > svg:first-child {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px;
  padding: 8px !important;
  border-radius: 12px !important;
  background: rgba(110, 138, 126, 0.10) !important;
  color: #4A7A68 !important;
  box-sizing: border-box;
  flex-shrink: 0;
}

/* List-mode badge: always sage — category data colors never tint it gold/sand (#2993) */
.calm-prompt-list-mode .chat-prompt-panel-header > svg:first-child {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px;
  padding: 8px !important;
  border-radius: 12px !important;
  background: rgba(110, 138, 126, 0.12) !important;
  color: #6E8A7E !important;
  box-sizing: border-box;
  flex-shrink: 0;
}

[data-theme="dark"] .calm-prompt-new-category .chat-prompt-panel-header > svg:first-child,
[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-panel-header > svg:first-child {
  background: rgba(110, 138, 126, 0.16) !important;
  color: #8AAFA1 !important;
}

/* ---- Title/subtitle anchor ---- */
.calm-prompt-new-category .calm-prompt-anchor,
.calm-prompt-list-mode .calm-prompt-anchor {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
  min-width: 0;
}

.calm-prompt-new-category .chat-prompt-panel-title,
.calm-prompt-list-mode .chat-prompt-panel-title {
  font-size: 1.3125rem !important;
  font-weight: 650 !important;
  color: #3A2F26 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.01em;
}

[data-theme="dark"] .calm-prompt-new-category .chat-prompt-panel-title,
[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-panel-title {
  color: rgba(255, 254, 251, 0.92) !important;
}

/* ---- List-mode subtitle: hidden (#3586 — header shows only icon + title) ---- */
.calm-prompt-list-mode .calm-prompt-subtitle[data-i18n="calm.listSubtitle"] {
  display: none !important;
}

/* ---- List-mode header icon trigger (#3586) ---- */
.calm-prompt-list-mode .chat-prompt-panel-header > svg[role="button"] {
  cursor: pointer;
  transition: background 0.15s ease;
}
.calm-prompt-list-mode .chat-prompt-panel-header > svg[role="button"]:hover {
  background: rgba(110, 138, 126, 0.2) !important;
}
.calm-prompt-list-mode .chat-prompt-panel-header > svg[role="button"]:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(110, 138, 126, 0.25);
}

[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-panel-header > svg[role="button"]:hover {
  background: rgba(110, 138, 126, 0.28) !important;
}
[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-panel-header > svg[role="button"]:focus-visible {
  box-shadow: 0 0 0 3px rgba(138, 175, 161, 0.30);
}

.calm-prompt-new-category .calm-prompt-subtitle {
  font-size: 0.8125rem;
  color: #9A8E82;
  line-height: 1.4;
  font-weight: 400;
}

[data-theme="dark"] .calm-prompt-new-category .calm-prompt-subtitle {
  color: rgba(255, 254, 251, 0.45);
}

/* ---- Close button: 32px, always visible ---- */
.calm-prompt-new-category .chat-prompt-panel-close,
.calm-prompt-list-mode .chat-prompt-panel-close {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px;
  border-radius: 10px !important;
  background: transparent !important;
  border: none !important;
  color: #9A8E82 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0;
  transition: background 0.15s ease, color 0.15s ease !important;
}

.calm-prompt-new-category .chat-prompt-panel-close:hover,
.calm-prompt-list-mode .chat-prompt-panel-close:hover {
  background: rgba(110, 138, 126, 0.10) !important;
  color: #5C4D43 !important;
}

.calm-prompt-new-category .chat-prompt-panel-close:focus-visible,
.calm-prompt-list-mode .chat-prompt-panel-close:focus-visible {
  outline: 2px solid #6E8A7E !important;
  outline-offset: -2px !important;
}

[data-theme="dark"] .calm-prompt-new-category .chat-prompt-panel-close,
[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-panel-close {
  color: rgba(255, 254, 251, 0.45) !important;
}

[data-theme="dark"] .calm-prompt-new-category .chat-prompt-panel-close:hover,
[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-panel-close:hover {
  background: rgba(255, 255, 255, 0.06) !important;
  color: rgba(255, 254, 251, 0.75) !important;
}

/* ---- Trash/delete header action: hidden at rest, reveal on header hover/focus ---- */
.calm-prompt-list-mode .chat-prompt-header-action {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px;
  border-radius: 10px !important;
  background: transparent !important;
  border: none !important;
  color: #9A8E82 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0;
  opacity: 0 !important;
  transition: opacity 0.15s ease, background 0.15s ease, color 0.15s ease !important;
  pointer-events: none;
}

.calm-prompt-list-mode .chat-prompt-panel-header:hover .chat-prompt-header-action,
.calm-prompt-list-mode .chat-prompt-panel-header:focus-within .chat-prompt-header-action {
  opacity: 1 !important;
  pointer-events: auto;
}

.calm-prompt-list-mode .chat-prompt-header-action:hover {
  background: rgba(166, 89, 75, 0.08) !important;
  color: #A6594B !important;
}

.calm-prompt-list-mode .chat-prompt-header-action:focus-visible {
  outline: 2px solid #6E8A7E !important;
  outline-offset: -2px !important;
  opacity: 1 !important;
  pointer-events: auto;
}

[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-header-action {
  color: rgba(255, 254, 251, 0.45) !important;
}

[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-header-action:hover {
  background: rgba(166, 89, 75, 0.12) !important;
  color: #E07B6B !important;
}

/* ---- Touch: close/trash active feedback ---- */
.calm-prompt-list-mode .chat-prompt-panel-close:active,
.calm-prompt-new-category .chat-prompt-panel-close:active {
  background: rgba(110, 138, 126, 0.16) !important;
}
.calm-prompt-list-mode .chat-prompt-header-action:active {
  background: rgba(166, 89, 75, 0.12) !important;
}

/* ---- Mobile header layout ---- */
@media (max-width: 767px) {
  .calm-prompt-new-category .chat-prompt-panel-header,
  .calm-prompt-list-mode .chat-prompt-panel-header {
    gap: 10px !important;
    padding: 12px 12px 10px !important;
  }

  .calm-prompt-new-category .chat-prompt-panel-title,
  .calm-prompt-list-mode .chat-prompt-panel-title {
    font-size: 1.125rem !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .calm-prompt-new-category .chat-prompt-panel-close,
  .calm-prompt-list-mode .chat-prompt-panel-close {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
  }

  .calm-prompt-list-mode .chat-prompt-header-action {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
  }
}

/* ---- Mobile new-category: hide duplicate header close, clean icon→title→subtitle (#3571) ---- */
@media (max-width: 640px) {
  .calm-prompt-new-category .chat-prompt-panel-close {
    display: none !important;
  }

  .calm-prompt-new-category .chat-prompt-panel-header {
    flex: 0 0 auto !important;
    gap: 12px !important;
    padding: 16px 18px !important;
  }

  .calm-prompt-new-category .chat-prompt-panel-header > svg:first-child {
    flex: 0 0 auto;
  }
}

/* ---- Mobile list-mode fullscreen: hide header close (footer Tilbage handles it) (#3576) ---- */
@media (max-width: 640px) {
  .calm-prompt-list-mode .chat-prompt-panel-close {
    display: none !important;
  }

  .calm-prompt-list-mode .chat-prompt-panel-header {
    flex: 0 0 auto !important;
    gap: 12px !important;
    padding: 22px 20px 12px !important;
    border-bottom: 1px solid rgba(58, 47, 38, 0.07) !important;
  }
}

/* ---- Reduced motion ---- */
@media (prefers-reduced-motion: reduce) {
  .calm-prompt-new-category .chat-prompt-panel-close,
  .calm-prompt-list-mode .chat-prompt-panel-close,
  .calm-prompt-list-mode .chat-prompt-header-action {
    transition: none !important;
  }
}

/* ============================================================
   #2995 — Add/Edit prompt form (.calm-prompt-form-mode)
   Scoped hook rendered by calm-prompt-bootstrap.js on the
   #cpf-title / #cpf-text form. Matches the #2993 list-mode
   component family without touching list-mode / new-category
   rules. Envelope lives here (shell.css is owned by #2993).
   ============================================================ */

/* ---- Card envelope: 640px calm footprint (no horizontal sprawl) ---- */
.chat-prompt-panel-inner.calm-prompt-form-mode {
  max-width: 640px !important;
  width: 100% !important;
  margin-inline-start: auto !important;
  margin-inline-end: auto !important;
  background: #FFFEFB !important;
  border: 1px solid rgba(58, 47, 38, 0.06) !important;
  border-radius: 14px !important;
  box-shadow:
    0 0 0 1px rgba(58, 47, 38, 0.04),
    0 1px 2px rgba(58, 47, 38, 0.04),
    0 12px 32px -8px rgba(58, 47, 38, 0.12) !important;
  padding: 4px !important;
  overflow: hidden !important;
}

[data-theme="dark"] .chat-prompt-panel-inner.calm-prompt-form-mode {
  background: var(--color-card, #1c1b18) !important;
  border-color: rgba(255, 255, 255, 0.10) !important;
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.20),
    0 1px 2px rgba(0, 0, 0, 0.15),
    0 12px 32px -8px rgba(0, 0, 0, 0.30) !important;
}

/* ---- Header row: #2993 rhythm ---- */
.calm-prompt-form-mode .chat-prompt-panel-header {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 18px 18px 14px !important;
  border-bottom: 1px solid rgba(58, 47, 38, 0.07) !important;
}

[data-theme="dark"] .calm-prompt-form-mode .chat-prompt-panel-header {
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

/* ---- Leading glyph → sage tile (never the category color) ---- */
.calm-prompt-form-mode .chat-prompt-panel-header > svg:first-child,
.calm-prompt-form-mode[data-color] .chat-prompt-panel-header > svg:first-child {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px;
  padding: 8px !important;
  border-radius: 12px !important;
  background: rgba(110, 138, 126, 0.12) !important;
  color: #4A7A68 !important;
  box-sizing: border-box;
  flex-shrink: 0;
}

[data-theme="dark"] .calm-prompt-form-mode .chat-prompt-panel-header > svg:first-child {
  background: rgba(110, 138, 126, 0.16) !important;
  color: #8AAFA1 !important;
}

/* ---- Title: warm hero ---- */
.calm-prompt-form-mode .chat-prompt-panel-title {
  font-size: 1.3125rem !important;
  font-weight: 650 !important;
  color: #3A2F26 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.01em;
  flex: 1;
  min-width: 0;
}

[data-theme="dark"] .calm-prompt-form-mode .chat-prompt-panel-title {
  color: rgba(255, 254, 251, 0.92) !important;
}

/* ---- Close button: 32px, calm hover/focus ---- */
.calm-prompt-form-mode .chat-prompt-panel-close {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px;
  border-radius: 10px !important;
  background: transparent !important;
  border: none !important;
  color: #9A8E82 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0;
  transition: background 0.15s ease, color 0.15s ease !important;
}

.calm-prompt-form-mode .chat-prompt-panel-close:hover {
  background: rgba(110, 138, 126, 0.10) !important;
  color: #5C4D43 !important;
}

.calm-prompt-form-mode .chat-prompt-panel-close:focus-visible {
  outline: 2px solid #6E8A7E !important;
  outline-offset: -2px !important;
}

[data-theme="dark"] .calm-prompt-form-mode .chat-prompt-panel-close {
  color: rgba(255, 254, 251, 0.45) !important;
}

[data-theme="dark"] .calm-prompt-form-mode .chat-prompt-panel-close:hover {
  background: rgba(255, 255, 255, 0.06) !important;
  color: rgba(255, 254, 251, 0.75) !important;
}

.calm-prompt-form-mode .chat-prompt-panel-close:active {
  background: rgba(110, 138, 126, 0.16) !important;
}

/* ---- Mobile: full-width, scrollable inside the docked panel ---- */
@media (max-width: 767px) {
  .chat-prompt-panel:has(.calm-prompt-form-mode) {
    bottom: calc(var(--mn-bar-height, 60px) + 8px) !important;
  }

  .chat-prompt-panel-inner.calm-prompt-form-mode {
    max-width: none !important;
    width: auto !important;
    max-height: calc(100dvh - var(--mn-bar-height, 60px) - 40px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    padding-bottom: calc(4px + env(safe-area-inset-bottom, 0px)) !important;
  }

  .calm-prompt-form-mode .chat-prompt-panel-header {
    gap: 10px !important;
    padding: 12px 12px 10px !important;
  }

  .calm-prompt-form-mode .chat-prompt-panel-title {
    font-size: 1.125rem !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .calm-prompt-form-mode .chat-prompt-panel-close {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
  }
}

/* ---- Mobile fullscreen form-mode with AI dock (#3579) ---- */
@media (max-width: 640px) {
  .chat-prompt-panel.chat-prompt-panel--with-ai-dock:has(.calm-prompt-form-mode) {
    position: fixed !important;
    inset: 0 !important;
    z-index: 9990 !important;
    max-height: none !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    pointer-events: auto !important;
  }

  .chat-prompt-panel--with-ai-dock .calm-prompt-form-mode {
    max-width: none !important;
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    box-sizing: border-box !important;
    border-radius: 0 !important;
    border: none !important;
    box-shadow: none !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    padding: 0 !important;
    padding-top: env(safe-area-inset-top, 0px) !important;
    margin: 0 !important;
  }

  .chat-prompt-panel--with-ai-dock .calm-prompt-form-mode .chat-prompt-panel-header {
    flex: 0 0 auto !important;
    gap: 12px !important;
    padding: 12px 12px 10px !important;
    border-bottom: 1px solid rgba(58, 47, 38, 0.07) !important;
  }

  .chat-prompt-panel--with-ai-dock .calm-prompt-form-mode .chat-prompt-panel-close {
    display: none !important;
  }
}

/* ---- Reduced motion ---- */
@media (prefers-reduced-motion: reduce) {
  .calm-prompt-form-mode .chat-prompt-panel-close {
    transition: none !important;
  }
}

/* ============================================================
   #3016 — Top-level "Ny" action chooser (.calm-prompt-top-actions-mode)
   Compact 2-button picker (Byg med Sofia / Ny kategori) rendered by
   showTopLevelActions() and hooked by calm-prompt-bootstrap.js. Shares the
   #2993/#2995 calm card family but is a deliberately lighter variant: no
   header divider and a 16px chooser-label title. Envelope lives here
   (shell.css is owned by #2993 and pinned). Footer/buttons live in
   calm-prompt-footer.css. .chat-prompt-panel prefixes beat blod-bolge.
   ============================================================ */

/* ---- Card envelope: 640px calm footprint (matches #2995 form-mode) ---- */
.chat-prompt-panel-inner.calm-prompt-top-actions-mode {
  max-width: 640px !important;
  width: 100% !important;
  margin-inline-start: auto !important;
  margin-inline-end: auto !important;
  background: #FFFEFB !important;
  border: 1px solid rgba(58, 47, 38, 0.06) !important;
  border-radius: 14px !important;
  box-shadow:
    0 0 0 1px rgba(58, 47, 38, 0.04),
    0 1px 2px rgba(58, 47, 38, 0.04),
    0 12px 32px -8px rgba(58, 47, 38, 0.12) !important;
  padding: 4px !important;
  overflow: hidden !important;
}

[data-theme="dark"] .chat-prompt-panel-inner.calm-prompt-top-actions-mode {
  background: var(--color-card, #1c1b18) !important;
  border-color: rgba(255, 255, 255, 0.10) !important;
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.20),
    0 1px 2px rgba(0, 0, 0, 0.15),
    0 12px 32px -8px rgba(0, 0, 0, 0.30) !important;
}

/* ---- Header row: calm rhythm, NO divider (lighter than list/form) ---- */
.calm-prompt-top-actions-mode .chat-prompt-panel-header {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 18px 18px 14px !important;
  border-bottom: none !important;
}

/* ---- Leading glyph → sage tile (PLUS20_SVG, fill: currentColor) ---- */
.calm-prompt-top-actions-mode .chat-prompt-panel-header > svg:first-child {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px;
  padding: 8px !important;
  border-radius: 12px !important;
  background: rgba(110, 138, 126, 0.12) !important;
  color: #4A7A68 !important;
  box-sizing: border-box;
  flex-shrink: 0;
}

[data-theme="dark"] .calm-prompt-top-actions-mode .chat-prompt-panel-header > svg:first-child {
  background: rgba(110, 138, 126, 0.16) !important;
  color: #8AAFA1 !important;
}

/* ---- Title: calm 16px/600 chooser label. The id-scoped (2,2,1) selector
   out-specifies the global title-compliance rule (body:has(#chat-app)
   :is(... .chat-prompt-panel-title ...) at 2,1,2 !important → var(--font-size-2xl)
   /semibold). Same proven pattern as the calm builder's #calm-panel-title. ---- */
body:has(#chat-app) .chat-prompt-panel-inner.calm-prompt-top-actions-mode #calm-top-actions-title {
  font-size: 1rem !important;
  font-weight: 600 !important;
  color: #3A2F26 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.01em !important;
}

[data-theme="dark"] body:has(#chat-app) .chat-prompt-panel-inner.calm-prompt-top-actions-mode #calm-top-actions-title {
  color: rgba(255, 254, 251, 0.92) !important;
}

/* Layout (flex/min-width/color) — not governed by the compliance rule; also a
   graceful fallback if the title id is ever absent. */
.calm-prompt-top-actions-mode .chat-prompt-panel-title {
  flex: 1 !important;
  min-width: 0 !important;
  color: #3A2F26 !important;
}

[data-theme="dark"] .calm-prompt-top-actions-mode .chat-prompt-panel-title {
  color: rgba(255, 254, 251, 0.92) !important;
}

/* ---- Close button: 32px, calm hover/focus (matches #2995) ---- */
.calm-prompt-top-actions-mode .chat-prompt-panel-close {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px;
  border-radius: 10px !important;
  background: transparent !important;
  border: none !important;
  color: #9A8E82 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0;
  transition: background 0.15s ease, color 0.15s ease !important;
}

.calm-prompt-top-actions-mode .chat-prompt-panel-close:hover {
  background: rgba(110, 138, 126, 0.10) !important;
  color: #5C4D43 !important;
}

.calm-prompt-top-actions-mode .chat-prompt-panel-close:focus-visible {
  outline: 2px solid #6E8A7E !important;
  outline-offset: -2px !important;
}

[data-theme="dark"] .calm-prompt-top-actions-mode .chat-prompt-panel-close {
  color: rgba(255, 254, 251, 0.45) !important;
}

[data-theme="dark"] .calm-prompt-top-actions-mode .chat-prompt-panel-close:hover {
  background: rgba(255, 255, 255, 0.06) !important;
  color: rgba(255, 254, 251, 0.75) !important;
}

.calm-prompt-top-actions-mode .chat-prompt-panel-close:active {
  background: rgba(110, 138, 126, 0.16) !important;
}

/* ---- Mobile: reset the 640px envelope so width:100% + the base 12px side
   margins (blod-bolge mobile panel-inner) cannot overflow at 375/390
   (copies the #2995 form-mode reset). ---- */
@media (max-width: 767px) {
  .chat-prompt-panel:has(.calm-prompt-top-actions-mode) {
    bottom: calc(var(--mn-bar-height, 60px) + 8px) !important;
  }

  .chat-prompt-panel-inner.calm-prompt-top-actions-mode {
    max-width: none !important;
    width: auto !important;
    overflow-x: hidden !important;
    padding-bottom: calc(4px + env(safe-area-inset-bottom, 0px)) !important;
  }

  .calm-prompt-top-actions-mode .chat-prompt-panel-header {
    gap: 10px !important;
    padding: 12px 12px 10px !important;
  }

  .calm-prompt-top-actions-mode .chat-prompt-panel-close {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
  }
}

/* ---- Reduced motion ---- */
@media (prefers-reduced-motion: reduce) {
  .calm-prompt-top-actions-mode .chat-prompt-panel-close {
    transition: none !important;
  }
}

/* Saved prompts reuse the folder appearance editor from their heading. */
#calm-prompt-modal .chat-prompt-panel-header > .prompt-appearance-edit {
  display:flex;align-items:center;gap:12px;min-height:44px;min-width:0;
  padding:4px;margin:-4px;max-width:calc(100% - 44px);border:0;border-radius:8px;
  background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer;
}
#calm-prompt-modal .prompt-appearance-edit:is(:hover,:focus-visible){background:var(--ss-hover,rgba(110,138,126,.12))}
#calm-prompt-modal .prompt-appearance-edit > svg {
  width:36px;height:36px;flex:0 0 36px;padding:8px;box-sizing:border-box;
  border-radius:12px;background:rgba(110,138,126,.12);color:#4A7A68;
}
#calm-prompt-modal .prompt-appearance-edit .chat-prompt-panel-title{flex:0 1 auto;min-width:0}
#calm-prompt-modal .prompt-edit-cue{display:inline-flex;flex:0 0 16px;width:16px;height:16px;color:var(--ss-muted,#76695d)}
#calm-prompt-modal .prompt-edit-cue svg{display:block;width:16px;height:16px;padding:0;background:none}
[data-theme="dark"] #calm-prompt-modal .prompt-appearance-edit > svg{background:rgba(110,138,126,.16);color:#8AAFA1}


/* Source: /chat/css/calm/calm-prompt-body.css */
/* Calm sage overlay — body zone for New/Edit Category panel.
   Scoped to .calm-prompt-new-category with .chat-prompt-panel prefix
   for specificity to beat blod-bolge dark-mode !important rules.
   #2996: 640px family footprint, calm landmark labels, solid sage selected
   icon tile, and button-level color selection ring with white gap. */

/* ---- Panel footprint: match the approved #2993/#2995 640px family ---- */
.calm-prompt-new-category {
  max-width: 640px !important;
  width: 100% !important;
  margin-inline-start: auto !important;
  margin-inline-end: auto !important;
}

/* ---- Form zone ---- */
.calm-prompt-new-category .chat-prompt-form {
  padding: 12px 16px 4px !important;
  border-top: none !important;
}

/* ---- Labels: uppercase muted landmarks ---- */
.calm-prompt-new-category .chat-prompt-form-label {
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.10em !important;
  text-transform: uppercase !important;
  color: #9A8E82 !important;
  margin-block: 0 10px!important; margin-inline: 2px 0!important;
}

.calm-prompt-new-category .chat-prompt-form-label:not(:first-child) {
  margin-top: 20px !important;
}

[data-theme="dark"] .calm-prompt-new-category .chat-prompt-form-label {
  color: rgba(255, 254, 251, 0.45) !important;
}

/* ---- Icon picker grid: 12 columns desktop ---- */
.calm-prompt-new-category .chat-prompt-icon-picker {
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  gap: 10px !important;
  padding: 2px 0 12px !important;
  width: 100% !important;
}

/* ---- Icon buttons: light sage tiles ---- */
.calm-prompt-new-category .chat-prompt-icon-btn {
  width: 100% !important;
  max-width: 38px !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  justify-self: center !important;
  border-radius: 12px !important;
  border: 1px solid rgba(58, 47, 38, 0.10) !important;
  background: #FBF8F2 !important;
  color: #6E8A7E !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  padding: 0 !important;
  box-shadow: none !important;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease !important;
}

.calm-prompt-new-category .chat-prompt-icon-btn:hover {
  background: rgba(110, 138, 126, 0.10) !important;
  border-color: rgba(110, 138, 126, 0.35) !important;
  color: #6E8A7E !important;
  transform: translateY(-1px) !important;
  box-shadow: none !important;
}

.calm-prompt-new-category .chat-prompt-icon-btn:focus-visible {
  outline: 2px solid #6E8A7E !important;
  outline-offset: 2px !important;
}

.calm-prompt-new-category .chat-prompt-icon-btn.is-selected,
.chat-prompt-panel .calm-prompt-new-category .chat-prompt-icon-btn.is-selected {
  background: #6E8A7E !important;
  border-color: #6E8A7E !important;
  color: #FFFEFB !important;
  box-shadow: 0 1px 2px rgba(58, 47, 38, 0.10) !important;
  transform: none !important;
}

[data-theme="dark"] .calm-prompt-new-category .chat-prompt-icon-btn {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: rgba(255, 254, 251, 0.55) !important;
}

[data-theme="dark"] .calm-prompt-new-category .chat-prompt-icon-btn:hover {
  background: rgba(110, 138, 126, 0.16) !important;
  border-color: rgba(110, 138, 126, 0.35) !important;
  color: rgba(255, 254, 251, 0.85) !important;
}

[data-theme="dark"] .calm-prompt-new-category .chat-prompt-icon-btn.is-selected,
[data-theme="dark"] .chat-prompt-panel .calm-prompt-new-category .chat-prompt-icon-btn.is-selected {
  background: #6E8A7E !important;
  border-color: #6E8A7E !important;
  color: #FFFEFB !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.30) !important;
}

/* ---- MORE trigger icon ---- */
.calm-prompt-new-category .chat-prompt-icon-more {
  color: #6E8A7E !important;
  border-style: dashed !important;
}

.calm-prompt-new-category .chat-prompt-icon-more.is-selected {
  border-style: solid !important;
}

[data-theme="dark"] .calm-prompt-new-category .chat-prompt-icon-more {
  color: #8AAFA1 !important;
}

/* ---- Color picker grid: 16 columns desktop ---- */
.calm-prompt-new-category .chat-prompt-color-picker {
  display: grid !important;
  grid-template-columns: repeat(16, minmax(0, 1fr)) !important;
  gap: 10px !important;
  padding: 2px 0 12px !important;
  width: 100% !important;
}

/* ---- Color swatch buttons: ring lives on the button, not the dot ---- */
.calm-prompt-new-category .chat-prompt-color-btn {
  width: 100% !important;
  max-width: 26px !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  justify-self: center !important;
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
  border-radius: 50% !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  padding: 0 !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease !important;
}

.calm-prompt-new-category .chat-prompt-color-btn:hover {
  transform: translateY(-1px) !important;
}

/* ---- Selected + focused color: button-level sage ring with white gap ---- */
.calm-prompt-new-category .chat-prompt-color-btn:focus-visible,
.chat-prompt-panel .calm-prompt-new-category .chat-prompt-color-btn:focus-visible,
.calm-prompt-new-category .chat-prompt-color-btn.is-selected,
.chat-prompt-panel .calm-prompt-new-category .chat-prompt-color-btn.is-selected {
  outline: none !important;
  box-shadow: 0 0 0 2px #FFFEFB, 0 0 0 4px #6E8A7E !important;
}

[data-theme="dark"] .calm-prompt-new-category .chat-prompt-color-btn:focus-visible,
[data-theme="dark"] .chat-prompt-panel .calm-prompt-new-category .chat-prompt-color-btn:focus-visible,
[data-theme="dark"] .calm-prompt-new-category .chat-prompt-color-btn.is-selected,
[data-theme="dark"] .chat-prompt-panel .calm-prompt-new-category .chat-prompt-color-btn.is-selected {
  box-shadow: 0 0 0 2px #1E1D1A, 0 0 0 4px #6E8A7E !important;
}

/* ---- Color dot: uniform circle with hairline border (fills preserved) ---- */
.calm-prompt-new-category .chat-prompt-color-dot {
  width: 100% !important;
  height: 100% !important;
  border-radius: 50% !important;
  display: block !important;
  border: 1px solid rgba(58, 47, 38, 0.10) !important;
  box-sizing: border-box !important;
}

[data-theme="dark"] .calm-prompt-new-category .chat-prompt-color-dot {
  border-color: rgba(255, 255, 255, 0.12) !important;
}

/* ---- No-color swatch: keep dashed-circle inner glyph ---- */
.calm-prompt-new-category .chat-prompt-color-none {
  border: 2px dashed #9A8E82 !important;
  background: transparent !important;
  width: 100% !important;
  height: 100% !important;
}

[data-theme="dark"] .calm-prompt-new-category .chat-prompt-color-none {
  border-color: rgba(255, 254, 251, 0.25) !important;
}

/* ---- Custom color tile ---- */
.calm-prompt-new-category .chat-prompt-color-custom {
  position: relative !important;
}

.calm-prompt-new-category .chat-prompt-color-custom-dot {
  background: conic-gradient(from 0deg, #A6594B, #C97C4F, #B8924A, #6E8A7E, #5C7A8A, #8A6E8A, #B07A8A, #A6594B) !important;
  width: 100% !important;
  height: 100% !important;
}

.calm-prompt-new-category .chat-prompt-color-custom[data-calm-custom-color] .chat-prompt-color-custom-dot {
  background: var(--calm-custom-color) !important;
}

.calm-prompt-new-category .chat-prompt-color-native-input {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  opacity: 0 !important;
  cursor: pointer !important;
  border: none !important;
  padding: 0 !important;
}

/* Remove the old checkmark ::after on button level */
.calm-prompt-new-category .chat-prompt-color-btn.is-selected::after {
  display: none !important;
}

/* ---- Overflow popover ---- */
.calm-icon-overflow-popover {
  position: fixed;
  z-index: 100000;
  box-sizing: border-box;
  width: max-content;
  max-width: calc(100vw - 16px);
  background: #FFFEFB;
  border: 1px solid rgba(228, 220, 212, 0.60);
  border-radius: 14px;
  box-shadow: 0 8px 24px rgba(92, 77, 67, 0.12), 0 2px 8px rgba(92, 77, 67, 0.06);
  padding: 12px;
  animation: calm-popover-in 0.15s ease;
}

@keyframes calm-popover-in {
  from { opacity: 0; transform: translateY(-4px); }
  to { opacity: 1; transform: translateY(0); }
}

.calm-icon-overflow-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.calm-icon-overflow-popover .chat-prompt-icon-btn {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  border: 1px solid rgba(58, 47, 38, 0.10);
  background: #FBF8F2;
  color: #6E8A7E;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 6px;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, transform 0.15s ease;
}

.calm-icon-overflow-popover .chat-prompt-icon-btn:hover {
  background: rgba(110, 138, 126, 0.10);
  border-color: rgba(110, 138, 126, 0.35);
  color: #6E8A7E;
  transform: translateY(-1px);
}

.calm-icon-overflow-popover .chat-prompt-icon-btn.is-selected {
  background: #6E8A7E;
  border-color: #6E8A7E;
  color: #FFFEFB;
  box-shadow: 0 1px 2px rgba(58, 47, 38, 0.10);
  transform: none;
}

.calm-icon-overflow-popover .chat-prompt-icon-btn:focus-visible {
  outline: 2px solid #6E8A7E;
  outline-offset: 2px;
}

[data-theme="dark"] .calm-icon-overflow-popover {
  background: #1E1D1A;
  border-color: rgba(255, 255, 255, 0.08);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3), 0 2px 8px rgba(0, 0, 0, 0.15);
}

[data-theme="dark"] .calm-icon-overflow-popover .chat-prompt-icon-btn {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.08);
  color: rgba(255, 254, 251, 0.55);
}

[data-theme="dark"] .calm-icon-overflow-popover .chat-prompt-icon-btn:hover {
  background: rgba(110, 138, 126, 0.16);
  border-color: rgba(110, 138, 126, 0.35);
  color: rgba(255, 254, 251, 0.85);
}

[data-theme="dark"] .calm-icon-overflow-popover .chat-prompt-icon-btn.is-selected {
  background: #6E8A7E;
  border-color: #6E8A7E;
  color: #FFFEFB;
}

/* ---- Name input ---- */
.calm-prompt-new-category .chat-prompt-form-input {
  border-radius: 14px !important;
  background: #FBF8F2 !important;
  border: 1px solid rgba(228, 220, 212, 0.60) !important;
  padding: 12px 14px !important;
  color: #3A2F26 !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease !important;
}

body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-new-category .chat-prompt-form .chat-prompt-form-input {
  background: #FBF8F2 !important;
  border-color: rgba(228, 220, 212, 0.60) !important;
  color: #3A2F26 !important;
}

.calm-prompt-new-category .chat-prompt-form-input:focus,
.calm-prompt-new-category .chat-prompt-form-input:focus-visible,
.chat-prompt-panel .calm-prompt-new-category .chat-prompt-form-input:focus,
.chat-prompt-panel .calm-prompt-new-category .chat-prompt-form-input:focus-visible {
  background: #FFFEFB !important;
  border-color: #6E8A7E !important;
  box-shadow: none !important;
  outline: none !important;
}

body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-new-category .chat-prompt-form .chat-prompt-form-input:focus,
body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-new-category .chat-prompt-form .chat-prompt-form-input:focus-visible {
  background: #FFFEFB !important;
  border-color: #6E8A7E !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Agent edit-ring on the prompt fields the AI dock writes (#cpf-title / #cpf-text). The fields'
   own focus rules set box-shadow:none !important (e.g. body:not(.chat-ny-in-conversation)
   .chat-prompt-panel .chat-prompt-form-input:focus, specificity 0,4,1), which would HIDE the sage
   ring whenever the field is focused at confirm time — the voice "ja" path can leave it focused.
   Re-assert the ring (full + fade-out, light + dark) under the field id (1,1,0 / 1,2,0 beats every
   class/attribute :focus rule) so it always shows. Values mirror HL_CSS in ss-dom-operator.js. */
#cpf-title.ss-agent-edited,
#cpf-text.ss-agent-edited {
  box-shadow: 0 0 0 2px rgba(110, 138, 126, 0.62), 0 0 0 5px rgba(110, 138, 126, 0.12) !important;
}
#cpf-title.ss-agent-edited.ss-agent-edited--out,
#cpf-text.ss-agent-edited.ss-agent-edited--out {
  box-shadow: 0 0 0 2px rgba(110, 138, 126, 0), 0 0 0 5px rgba(110, 138, 126, 0) !important;
}
[data-theme="dark"] #cpf-title.ss-agent-edited,
[data-theme="dark"] #cpf-text.ss-agent-edited {
  box-shadow: 0 0 0 2px rgba(166, 203, 187, 0.65), 0 0 0 5px rgba(166, 203, 187, 0.14) !important;
}
[data-theme="dark"] #cpf-title.ss-agent-edited.ss-agent-edited--out,
[data-theme="dark"] #cpf-text.ss-agent-edited.ss-agent-edited--out {
  box-shadow: 0 0 0 2px rgba(166, 203, 187, 0), 0 0 0 5px rgba(166, 203, 187, 0) !important;
}

.calm-prompt-new-category .chat-prompt-form-input::placeholder {
  color: #9A8E82 !important;
}

[data-theme="dark"] .calm-prompt-new-category .chat-prompt-form-input {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: rgba(255, 254, 251, 0.92) !important;
}

[data-theme="dark"] .calm-prompt-new-category .chat-prompt-form-input:focus,
[data-theme="dark"] .calm-prompt-new-category .chat-prompt-form-input:focus-visible,
[data-theme="dark"] .chat-prompt-panel .calm-prompt-new-category .chat-prompt-form-input:focus,
[data-theme="dark"] .chat-prompt-panel .calm-prompt-new-category .chat-prompt-form-input:focus-visible {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(110, 138, 126, 0.50) !important;
  box-shadow: none !important;
}

[data-theme="dark"] body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-new-category .chat-prompt-form .chat-prompt-form-input:focus,
[data-theme="dark"] body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-new-category .chat-prompt-form .chat-prompt-form-input:focus-visible {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(110, 138, 126, 0.50) !important;
  box-shadow: none !important;
}

/* ---- Dark mode input base: beat blod-bolge panel-inner scoped rules ---- */
[data-theme="dark"] .calm-prompt-new-category .chat-prompt-form-input,
[data-theme="dark"] .chat-prompt-panel .calm-prompt-new-category .chat-prompt-form-input,
[data-theme="dark"] .chat-prompt-panel-inner.calm-prompt-new-category .chat-prompt-form-input {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: rgba(255, 254, 251, 0.92) !important;
}

[data-theme="dark"] body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-new-category .chat-prompt-form .chat-prompt-form-input {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: rgba(255, 254, 251, 0.92) !important;
}

[data-theme="dark"] .calm-prompt-new-category .chat-prompt-form-input::placeholder {
  color: rgba(255, 254, 251, 0.35) !important;
}

/* ============================================================
   #3586 — Category icon picker popover (.calm-cat-icon-popover)
   Opened from the list-mode header icon trigger. Compact 4×2
   grid with approved Phosphor icons.
   ============================================================ */
.calm-cat-icon-popover {
  position: fixed;
  z-index: 10000;
  width: 204px;
  padding: 12px;
  background: rgb(255, 254, 251);
  border: 1px solid rgba(58, 47, 38, 0.12);
  border-radius: 14px;
  box-shadow: 0 8px 28px rgba(58, 47, 38, 0.16), 0 2px 6px rgba(58, 47, 38, 0.06);
  animation: calm-popover-in 0.15s ease;
}
.calm-cat-icon-popover[hidden] { display: none; }
.calm-cat-icon-pop-title {
  margin: 0 2px 10px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .13px;
  color: rgb(122, 110, 98);
}
.calm-cat-icon-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 6px;
}
.calm-cat-icon-opt {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  aspect-ratio: 1 / 1;
  min-height: 40px;
  border: 1px solid transparent;
  border-radius: 10px;
  background: transparent;
  color: rgb(122, 110, 98);
  cursor: pointer;
  padding: 0;
  transition: background .12s ease, color .12s ease, border-color .12s ease;
}
.calm-cat-icon-opt:hover {
  background: rgba(58, 47, 38, 0.05);
  color: rgb(92, 77, 67);
}
.calm-cat-icon-opt:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(110, 138, 126, 0.25);
}
.calm-cat-icon-opt.is-active {
  background: rgba(110, 138, 126, 0.12);
  color: rgb(74, 122, 104);
  border-color: rgba(110, 138, 126, 0.4);
}
.calm-cat-icon-opt svg { width: 22px; height: 22px; fill: currentColor; }

[data-theme="dark"] .calm-cat-icon-popover {
  background: #1E1D1A;
  border-color: rgba(255, 255, 255, 0.10);
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.30), 0 2px 6px rgba(0, 0, 0, 0.15);
}
[data-theme="dark"] .calm-cat-icon-pop-title {
  color: rgba(255, 254, 251, 0.55);
}
[data-theme="dark"] .calm-cat-icon-opt {
  color: rgba(255, 254, 251, 0.55);
}
[data-theme="dark"] .calm-cat-icon-opt:hover {
  background: rgba(255, 255, 255, 0.06);
  color: rgba(255, 254, 251, 0.80);
}
[data-theme="dark"] .calm-cat-icon-opt.is-active {
  background: rgba(110, 138, 126, 0.18);
  color: #8AAFA1;
  border-color: rgba(110, 138, 126, 0.45);
}

/* ---- Reduced motion ---- */
@media (prefers-reduced-motion: reduce) {
  .calm-prompt-new-category .chat-prompt-icon-btn,
  .calm-prompt-new-category .chat-prompt-color-btn,
  .calm-prompt-new-category .chat-prompt-color-dot,
  .calm-prompt-new-category .chat-prompt-form-input {
    transition: none !important;
  }

  .calm-prompt-new-category .chat-prompt-icon-btn:hover,
  .calm-prompt-new-category .chat-prompt-color-btn:hover {
    transform: none !important;
  }

  .calm-icon-overflow-popover {
    animation: none !important;
  }

  .calm-icon-overflow-popover .chat-prompt-icon-btn {
    transition: none !important;
  }

  .calm-icon-overflow-popover .chat-prompt-icon-btn:hover {
    transform: none !important;
  }

  .calm-cat-icon-popover {
    animation: none !important;
  }

  .calm-cat-icon-opt {
    transition: none !important;
  }
}

/* ---- Mobile: 6 icon columns, 8 color columns ---- */
@media (max-width: 720px) {
  .calm-prompt-new-category .chat-prompt-icon-picker {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }

  .calm-prompt-new-category .chat-prompt-color-picker {
    grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
  }

  /* Keep tiles light: override the global 48px touch-target rule
     (min-width/min-height:48px !important) so the picker stays calm and
     the swatch/tile sizes match desktop instead of inflating. */
  .chat-prompt-panel .calm-prompt-new-category .chat-prompt-icon-btn,
  .chat-prompt-panel .calm-prompt-new-category .chat-prompt-color-btn {
    width: 100% !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
  }
}

@media (max-width: 767px) and (min-width: 641px) {
  .chat-prompt-panel:has(.calm-prompt-new-category) {
    bottom: calc(var(--mn-bar-height, 60px) + 8px) !important;
  }

  .calm-prompt-new-category {
    max-width: none !important;
    width: auto !important;
    margin-inline-start: 12px !important;
    margin-inline-end: 12px !important;
    max-height: calc(100dvh - var(--mn-bar-height, 60px) - 40px) !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    padding: 14px 16px calc(16px + env(safe-area-inset-bottom, 0px)) !important;
  }
}

/* ---- Mobile fullscreen new-category form scroll region (<=640px) #3628 ---- */
@media (max-width: 640px) {
  .calm-prompt-new-category .chat-prompt-form {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    display: flex !important;
    flex-direction: column !important;
    padding: 12px 18px 0 !important;
  }
}

/* ============================================================
   #2995 — Add/Edit prompt form body (.calm-prompt-form-mode)
   Calm field cards + per-field dictation mic. Scoped to the
   form hook so other prompt panels are untouched.
   ============================================================ */

/* ---- Form zone: clean prompt-editor rhythm ---- */
.calm-prompt-form-mode .chat-prompt-form {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  padding: 10px 18px 0 !important;
  margin-top: 8px !important;
  border-top: none !important;
}

/* ---- Labels: readable field labels, not loud uppercase landmarks ---- */
.calm-prompt-form-mode .chat-prompt-form-label {
  font-size: 0.90625rem !important; /* 14.5px */
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: #5C4D43 !important;
  margin-top: 0 !important;
  margin-bottom: 6px !important;
  padding-inline-start: 2px !important;
  display: block !important;
}

.calm-prompt-form-mode .chat-prompt-form-label:first-child {
  margin-top: 0 !important;
}

[data-theme="dark"] .calm-prompt-form-mode .chat-prompt-form-label {
  color: rgba(255, 254, 251, 0.78) !important;
}

/* ---- #3519: tighten label-to-field pair inside the flat flex form ---- */
.calm-prompt-form-mode .chat-prompt-form-label + .calm-field-wrap {
  margin-top: -15px !important;
}

.calm-prompt-form-mode .calm-field-wrap + .chat-prompt-form-label {
  margin-top: 6px !important;
}

/* ---- Field wrapper: anchors the per-field mic ---- */
.calm-prompt-form-mode .calm-field-wrap {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
}

/* ---- Warm-white field cards ---- */
.calm-prompt-form-mode .chat-prompt-form-input,
.chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form-input,
body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form .chat-prompt-form-input {
  width: 100% !important;
  border-radius: 12px !important;
  background: #FFFEFB !important;
  border: 1px solid rgba(58, 47, 38, 0.12) !important;
  /* right padding reserves space so the mic never covers typed text */
  padding-block: 12px!important; padding-inline: 14px 46px!important;
  font-size: 0.90625rem !important; /* 14.5px */
  color: #3A2F26 !important;
  transition: border-color 0.15s ease !important;
}

/* ---- Textarea: taller, top-anchored mic clearance ---- */
.calm-prompt-form-mode .calm-field-wrap--textarea .chat-prompt-form-textarea,
.chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form-textarea {
  min-height: 132px !important;
  max-height: min(42vh, 360px) !important;
  overflow-y: auto !important;
  resize: vertical !important;
  padding-inline-end: 46px !important;
  scrollbar-width: thin;
  scrollbar-color: rgba(110, 138, 126, 0.32) transparent;
  scrollbar-gutter: stable;
}

.calm-prompt-form-mode .chat-prompt-form-textarea::-webkit-scrollbar {
  width: 6px;
}

.calm-prompt-form-mode .chat-prompt-form-textarea::-webkit-scrollbar-track {
  background: transparent;
}

.calm-prompt-form-mode .chat-prompt-form-textarea::-webkit-scrollbar-thumb {
  background: rgba(110, 138, 126, 0.30);
  border-radius: 999px;
}

.calm-prompt-form-mode .chat-prompt-form-textarea::-webkit-scrollbar-thumb:hover {
  background: rgba(110, 138, 126, 0.42);
}

.calm-prompt-form-mode .chat-prompt-form-input:hover,
.chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form-input:hover,
body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form .chat-prompt-form-input:hover {
  border-color: rgba(58, 47, 38, 0.20) !important;
}

/* ---- Focus: quiet warm border, no glow ---- */
.calm-prompt-form-mode .chat-prompt-form-input:focus,
.calm-prompt-form-mode .chat-prompt-form-input:focus-visible,
.chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form-input:focus,
.chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form-input:focus-visible,
body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form .chat-prompt-form-input:focus,
body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form .chat-prompt-form-input:focus-visible {
  background: #FFFEFB !important;
  border-color: rgba(58, 47, 38, 0.32) !important;
  box-shadow: none !important;
  outline: none !important;
}

.calm-prompt-form-mode .chat-prompt-form-input::placeholder {
  color: #9A8E82 !important;
}

/* ---- Dark mode fields ---- */
[data-theme="dark"] .calm-prompt-form-mode .chat-prompt-form-input,
[data-theme="dark"] .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form-input,
[data-theme="dark"] body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form .chat-prompt-form-input {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: rgba(255, 254, 251, 0.92) !important;
}

[data-theme="dark"] .calm-prompt-form-mode .chat-prompt-form-input:focus,
[data-theme="dark"] .calm-prompt-form-mode .chat-prompt-form-input:focus-visible,
[data-theme="dark"] .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form-input:focus,
[data-theme="dark"] .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form-input:focus-visible {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(255, 254, 251, 0.32) !important;
  box-shadow: none !important;
  outline: none !important;
}

[data-theme="dark"] .calm-prompt-form-mode .chat-prompt-form-input::placeholder {
  color: rgba(255, 254, 251, 0.35) !important;
}

/* ---- Per-field dictation mic: 32×32, top-right, sage wash ----
   SCOPE (#mikrofonfix): hver regel herunder er bundet til .calm-field-wrap.
   Uden den binding ramte `.calm-prompt-form-mode .cvm-mic` OGSAA AI-dokkens
   composer-mikrofon — samme klasse, anden komponent — og position:absolute
   !important rev den ud af composeren og op i panelets oeverste hoejre hjoerne
   (browser-maalt: 290px over composeren ved 700px viewport). Under
   .ss-mic--connecting er ikonet opacity:0, saa det eneste synlige var
   spinner-ringen, der svaevede midt i panelet. En <=640px-lap i
   chat-ny-blod-bolge.css (.cvm-composer .cvm-mic{position:static}) daekkede
   kun telefonbredder; baandet fra 641px og op var stadig i stykker.
   #3380 follow-up: the prompt-form mic reuses the /chat/ CVM Scribe affordance
   (cvm-mic ss-mic). Shared STT (button:) owns .ss-mic--connecting / --listening /
   --error + ARIA. These rules override the base .cvm-mic in chat-ny-blod-bolge.css
   to fit inside the field wrapper at a compact 32px. */
/* (0,4,0) — den generiske .calm-field-wrap-regel nedenfor er nu ogsaa (0,3,0)
   og staar senere i filen; uden den ekstra klasse ville dens 8px vinde her. */
.calm-prompt-form-mode .calm-field-wrap.calm-field-wrap--textarea .cvm-mic {
  inset-inline-end: 20px !important;
}

.calm-prompt-form-mode .calm-field-wrap .cvm-mic {
  position: absolute !important;
  top: 7px !important;
  inset-inline-end: 8px !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: none !important;
  border-radius: 9px !important;
  background: rgba(110, 138, 126, 0.12) !important;
  color: #4A7A68 !important;
  cursor: pointer !important;
  transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease !important;
}

.calm-prompt-form-mode .calm-field-wrap .cvm-mic svg {
  width: 16px !important;
  height: 16px !important;
}

.calm-prompt-form-mode .calm-field-wrap .cvm-mic:hover {
  background: rgba(110, 138, 126, 0.20) !important;
  color: #4A7A68 !important;
}

.calm-prompt-form-mode .calm-field-wrap .cvm-mic:focus-visible {
  outline: 2px solid #6E8A7E !important;
  outline-offset: 2px !important;
}

/* ---- Connecting: muted sage wash ---- */
.calm-prompt-form-mode .calm-field-wrap .cvm-mic.ss-mic--connecting {
  background: rgba(110, 138, 126, 0.18) !important;
  color: #5F7A6F !important;
}

/* ---- Listening: subtle sage border pulse (shared CVM visual language) ---- */
.calm-prompt-form-mode .calm-field-wrap .cvm-mic.ss-mic--listening {
  background: rgba(110, 138, 126, 0.12) !important;
  color: #4A6B5C !important;
  box-shadow: inset 0 0 0 1.5px rgba(110, 138, 126, 0.45) !important;
  animation: cvmMicPulse 2s ease-in-out infinite !important;
}

/* ---- Error: warm rust wash ---- */
.calm-prompt-form-mode .calm-field-wrap .cvm-mic.ss-mic--error {
  background: rgba(194, 96, 63, 0.12) !important;
  color: #C2603F !important;
}

/* ---- Speech unsupported: no mic → reclaim the reserved padding ----
   Must out-specify the body:not(...) field padding rule above. */
.calm-prompt-form-mode .calm-field-wrap--no-stt .chat-prompt-form-input,
.chat-prompt-panel .calm-prompt-form-mode .calm-field-wrap--no-stt .chat-prompt-form-input,
body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form .calm-field-wrap--no-stt .chat-prompt-form-input {
  padding-inline: 14px !important;
}

[data-theme="dark"] .calm-prompt-form-mode .calm-field-wrap .cvm-mic {
  background: rgba(110, 138, 126, 0.20) !important;
  color: #8AAFA1 !important;
}

[data-theme="dark"] .calm-prompt-form-mode .calm-field-wrap .cvm-mic:hover {
  background: rgba(110, 138, 126, 0.30) !important;
  color: #A9C6BA !important;
}

[data-theme="dark"] .calm-prompt-form-mode .calm-field-wrap .cvm-mic.ss-mic--connecting {
  background: rgba(125, 156, 142, 0.22) !important;
  color: #B7CDC1 !important;
}

[data-theme="dark"] .calm-prompt-form-mode .calm-field-wrap .cvm-mic.ss-mic--listening {
  background: rgba(125, 156, 142, 0.14) !important;
  color: #B7CDC1 !important;
  box-shadow: inset 0 0 0 1.5px rgba(183, 205, 193, 0.40) !important;
}

[data-theme="dark"] .calm-prompt-form-mode .calm-field-wrap .cvm-mic.ss-mic--error {
  background: rgba(225, 161, 132, 0.14) !important;
  color: #E1A184 !important;
}

/* ---- Reduced motion ---- */
@media (prefers-reduced-motion: reduce) {
  .calm-prompt-form-mode .chat-prompt-form-input,
  .calm-prompt-form-mode .calm-field-wrap .cvm-mic {
    transition: none !important;
  }

  .calm-prompt-form-mode .calm-field-wrap .cvm-mic.ss-mic--listening {
    animation: none !important;
  }
}

/* ---- Mobile: bigger tap target, keep mic clear of text ---- */
@media (max-width: 767px) {
  .calm-prompt-form-mode .chat-prompt-form {
    padding: 10px 14px 0 !important;
  }

  .calm-prompt-form-mode .calm-field-wrap .cvm-mic {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px;
  }

  /* High specificity so the larger mobile mic clearance actually beats the
     (0,5,1) base field padding rule above. */
  body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form .chat-prompt-form-input {
    padding-inline-end: 50px !important;
  }

  /* iOS Safari zooms the page when a focused field is < 16px (base is 15px,
     form-mode 14.5px), e.g. New folder autofocusing #cpf-cat-name.
     Doubled class matches the (0,5,1) form-mode rule above; later wins. */
  body .chat-prompt-panel .chat-prompt-panel-inner .chat-prompt-form .chat-prompt-form-input.chat-prompt-form-input,
  body .chat-prompt-panel .chat-prompt-panel-inner .chat-prompt-form textarea {
    font-size: 16px !important;
  }
}

/* ---- Mobile fullscreen form-mode with AI dock (#3579) ---- */
@media (max-width: 640px) {
  .chat-prompt-panel--with-ai-dock .calm-prompt-form-mode .chat-prompt-form {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    margin-top: 0 !important;
    padding: 10px 14px 14px !important;
  }

  .chat-prompt-panel--with-ai-dock .calm-prompt-form-mode .calm-field-wrap--textarea .cvm-mic {
    inset-inline-end: 8px !important;
  }
}

/* dir=auto belongs to the text, while the per-field mic belongs to the UI root.
   Keep the physical mic clearance tied to the root even when the field resolves
   to the opposite direction. These closure rules intentionally follow every
   desktop/mobile base rule so mixed-direction text cannot move the reserve. */
html[dir="ltr"] .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form .calm-field-wrap:not(.calm-field-wrap--no-stt) > #cpf-title.chat-prompt-form-input[dir="auto"],
html[dir="ltr"] .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form .calm-field-wrap:not(.calm-field-wrap--no-stt) > #cpf-text.chat-prompt-form-input[dir="auto"] {
  padding: 12px 46px 12px 14px !important;
}

html[dir="rtl"] .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form .calm-field-wrap:not(.calm-field-wrap--no-stt) > #cpf-title.chat-prompt-form-input[dir="auto"],
html[dir="rtl"] .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form .calm-field-wrap:not(.calm-field-wrap--no-stt) > #cpf-text.chat-prompt-form-input[dir="auto"] {
  padding: 12px 14px 12px 46px !important;
}

html .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form .calm-field-wrap--no-stt > #cpf-title.chat-prompt-form-input[dir="auto"],
html .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form .calm-field-wrap--no-stt > #cpf-text.chat-prompt-form-input[dir="auto"] {
  padding: 12px 14px !important;
}

@media (max-width: 767px) {
  html[dir="ltr"] .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form .calm-field-wrap:not(.calm-field-wrap--no-stt) > #cpf-title.chat-prompt-form-input[dir="auto"],
  html[dir="ltr"] .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form .calm-field-wrap:not(.calm-field-wrap--no-stt) > #cpf-text.chat-prompt-form-input[dir="auto"] {
    padding: 12px 50px 12px 14px !important;
  }

  html[dir="rtl"] .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form .calm-field-wrap:not(.calm-field-wrap--no-stt) > #cpf-title.chat-prompt-form-input[dir="auto"],
  html[dir="rtl"] .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form .calm-field-wrap:not(.calm-field-wrap--no-stt) > #cpf-text.chat-prompt-form-input[dir="auto"] {
    padding: 12px 14px 12px 50px !important;
  }

  html .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form .calm-field-wrap--no-stt > #cpf-title.chat-prompt-form-input[dir="auto"],
  html .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form .calm-field-wrap--no-stt > #cpf-text.chat-prompt-form-input[dir="auto"] {
    padding: 12px 14px !important;
  }
}


/* Source: /chat/css/calm/calm-prompt-footer.css */
/* Calm sage overlay — footer zone for New Category panel.
   Scoped to .calm-prompt-new-category with .chat-prompt-panel prefix
   for specificity to beat blod-bolge !important rules. */

/* ---- Action row with top divider ---- */
.calm-prompt-new-category .chat-prompt-form-actions {
  border-top: 1px solid rgba(228, 220, 212, 0.55) !important;
  margin-top: 16px !important;
  padding-top: 14px !important;
  padding-bottom: 4px !important;
  gap: 10px !important;
}

[data-theme="dark"] .calm-prompt-new-category .chat-prompt-form-actions {
  border-top-color: rgba(255, 255, 255, 0.08) !important;
}

/* ---- Shared button base ---- */
.calm-prompt-new-category .chat-prompt-form-cancel,
.calm-prompt-new-category .chat-prompt-form-save {
  height: 44px !important;
  border-radius: 14px !important;
  padding: 0 22px !important;
  font-size: var(--font-size-base) !important;
  font-weight: var(--font-weight-medium, 500) !important;
  font-family: var(--font-family) !important;
  transition: all 0.15s ease !important;
}

/* ---- Annuller — ghost warm-neutral ---- */
.calm-prompt-new-category .chat-prompt-form-cancel {
  background: transparent !important;
  color: #5C4D43 !important;
  border: 1px solid rgba(228, 220, 212, 0.55) !important;
}

.calm-prompt-new-category .chat-prompt-form-cancel:hover {
  background: rgba(92, 77, 67, 0.04) !important;
  border-color: rgba(228, 220, 212, 0.70) !important;
  color: #3A2F26 !important;
}

[data-theme="dark"] .calm-prompt-new-category .chat-prompt-form-cancel,
[data-theme="dark"] .chat-prompt-panel .calm-prompt-new-category .chat-prompt-form-cancel {
  color: rgba(255, 254, 251, 0.60) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .calm-prompt-new-category .chat-prompt-form-cancel:hover,
[data-theme="dark"] .chat-prompt-panel .calm-prompt-new-category .chat-prompt-form-cancel:hover {
  background: rgba(255, 255, 255, 0.04) !important;
  color: rgba(255, 254, 251, 0.80) !important;
}

/* ---- Opret — sage primary ---- */
.calm-prompt-new-category .chat-prompt-form-save,
.chat-prompt-panel .calm-prompt-new-category .chat-prompt-form-save {
  background: #6E8A7E !important;
  color: #FFFEFB !important;
  border: none !important;
  box-shadow: 0 4px 12px rgba(110, 138, 126, 0.25) !important;
  filter: none !important;
}

body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-new-category .chat-prompt-form .chat-prompt-form-save {
  background: #6E8A7E !important;
  color: #FFFEFB !important;
  border: none !important;
  box-shadow: 0 4px 12px rgba(110, 138, 126, 0.25) !important;
  filter: none !important;
}

.calm-prompt-new-category .chat-prompt-form-save:hover,
.chat-prompt-panel .calm-prompt-new-category .chat-prompt-form-save:hover {
  background: #4A7A68 !important;
  box-shadow: 0 6px 18px rgba(74, 122, 104, 0.35) !important;
  transform: scale(1.02) !important;
  filter: none !important;
}

body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-new-category .chat-prompt-form .chat-prompt-form-save:hover {
  background: #4A7A68 !important;
  box-shadow: 0 6px 18px rgba(74, 122, 104, 0.35) !important;
  filter: none !important;
}

.calm-prompt-new-category .chat-prompt-form-save:active,
.chat-prompt-panel .calm-prompt-new-category .chat-prompt-form-save:active {
  transform: scale(0.97) !important;
  box-shadow: 0 2px 6px rgba(110, 138, 126, 0.20) !important;
}

[data-theme="dark"] .calm-prompt-new-category .chat-prompt-form-save,
[data-theme="dark"] .chat-prompt-panel .calm-prompt-new-category .chat-prompt-form-save {
  background: #6E8A7E !important;
  color: #FFFEFB !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.30) !important;
}

[data-theme="dark"] body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-new-category .chat-prompt-form .chat-prompt-form-save {
  background: #6E8A7E !important;
  color: #FFFEFB !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.30) !important;
}

[data-theme="dark"] .calm-prompt-new-category .chat-prompt-form-save:hover,
[data-theme="dark"] .chat-prompt-panel .calm-prompt-new-category .chat-prompt-form-save:hover {
  background: #8AAFA1 !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.40) !important;
}

[data-theme="dark"] body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-new-category .chat-prompt-form .chat-prompt-form-save:hover {
  background: #8AAFA1 !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.40) !important;
}

/* ---- Reduced motion ---- */
@media (prefers-reduced-motion: reduce) {
  .calm-prompt-new-category .chat-prompt-form-cancel,
  .calm-prompt-new-category .chat-prompt-form-save {
    transition: none !important;
  }

  .calm-prompt-new-category .chat-prompt-form-save:hover {
    transform: none !important;
  }

  .calm-prompt-new-category .chat-prompt-form-save:active {
    transform: none !important;
  }
}

/* ============================================================
   #2995 — Add/Edit prompt form footer (.calm-prompt-form-mode)
   No redundant divider; sage Gem primary; quiet Annuller
   secondary. .chat-prompt-panel / body:not(...) prefixes beat
   the blod-bolge rose-dark !important rules.
   ============================================================ */

/* ---- Action row: list-screen family divider ---- */
.calm-prompt-form-mode .chat-prompt-form-actions {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  border-top: 1px solid rgba(58, 47, 38, 0.08) !important;
  margin-top: 4px !important;
  padding: 16px 18px 18px !important;
  gap: 10px !important;
}

/* ---- Shared button base ---- */
.calm-prompt-form-mode .chat-prompt-form-cancel,
.calm-prompt-form-mode .chat-prompt-form-save {
  height: 46px !important;
  border-radius: 12px !important;
  padding: 0 22px !important;
  font-size: var(--font-size-base) !important;
  font-weight: 600 !important;
  font-family: var(--font-family) !important;
  transition: background 0.15s ease, transform 0.12s ease, box-shadow 0.15s ease, border-color 0.15s ease, color 0.15s ease !important;
}

/* Keep Gem motion scoped to visual affordances; never transition all. */
.calm-prompt-form-mode .chat-prompt-form-save {
  min-width: 100px !important;
  transition: background 0.15s ease, transform 0.12s ease, box-shadow 0.15s ease !important;
}

/* ---- Annuller — quiet outlined secondary ---- */
.calm-prompt-form-mode .chat-prompt-form-cancel {
  background: transparent !important;
  color: #5C4D43 !important;
  border: 1px solid rgba(228, 220, 212, 0.55) !important;
  box-shadow: none !important;
}

.calm-prompt-form-mode .chat-prompt-form-actions > button:first-child {
  height: 46px !important;
  border-radius: 12px !important;
  font-weight: 600 !important;
}

.calm-prompt-form-mode .chat-prompt-form-cancel:hover {
  background: rgba(247, 242, 233, 0.80) !important;
  border-color: rgba(58, 47, 38, 0.18) !important;
  color: #3A2F26 !important;
}

.calm-prompt-form-mode .chat-prompt-form-cancel:focus-visible,
.calm-prompt-form-mode .chat-prompt-form-actions > button:first-child:focus-visible {
  outline: 2px solid #5C4D43 !important;
  outline-offset: 2px !important;
}

[data-theme="dark"] .calm-prompt-form-mode .chat-prompt-form-cancel,
[data-theme="dark"] .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form-cancel {
  color: rgba(255, 254, 251, 0.60) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .calm-prompt-form-mode .chat-prompt-form-cancel:hover,
[data-theme="dark"] .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form-cancel:hover {
  background: rgba(255, 255, 255, 0.04) !important;
  color: rgba(255, 254, 251, 0.80) !important;
}

/* ---- Gem — sage primary (never rose/brown/destructive) ---- */
.calm-prompt-form-mode .chat-prompt-form-save,
.chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form-save,
body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form .chat-prompt-form-save {
  background: #6E8A7E !important;
  color: #FFFEFB !important;
  border: none !important;
  box-shadow: 0 1px 2px rgba(58, 47, 38, 0.06) !important;
  filter: none !important;
}

.calm-prompt-form-mode .chat-prompt-form-save:hover,
.chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form-save:hover,
body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form .chat-prompt-form-save:hover {
  background: #5F7A6F !important;
  box-shadow: 0 2px 8px rgba(110, 138, 126, 0.20) !important;
  transform: none !important;
  filter: none !important;
}

.calm-prompt-form-mode .chat-prompt-form-save:active,
.chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form-save:active,
.calm-prompt-form-mode .chat-prompt-form-actions > button:first-child:active {
  transform: scale(0.985) !important;
  box-shadow: 0 1px 2px rgba(58, 47, 38, 0.06) !important;
}

.calm-prompt-form-mode .chat-prompt-form-save:focus-visible {
  outline: 2px solid #5C4D43 !important;
  outline-offset: 2px !important;
}

/* ---- Disabled Gem: muted sage, never lifts ---- */
.calm-prompt-form-mode .chat-prompt-form-save:disabled,
.chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form-save:disabled,
body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form .chat-prompt-form-save:disabled {
  background: rgba(110, 138, 126, 0.45) !important;
  color: rgba(255, 254, 251, 0.85) !important;
  box-shadow: none !important;
  transform: none !important;
  cursor: default !important;
}

.calm-prompt-form-mode .chat-prompt-form-save:disabled:hover {
  background: rgba(110, 138, 126, 0.45) !important;
  box-shadow: none !important;
  transform: none !important;
}

[data-theme="dark"] .calm-prompt-form-mode .chat-prompt-form-save,
[data-theme="dark"] .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form-save,
[data-theme="dark"] body:not(.chat-ny-in-conversation) .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form .chat-prompt-form-save {
  background: #6E8A7E !important;
  color: #FFFEFB !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.20) !important;
}

[data-theme="dark"] .calm-prompt-form-mode .chat-prompt-form-save:hover,
[data-theme="dark"] .chat-prompt-panel .calm-prompt-form-mode .chat-prompt-form-save:hover {
  background: #5F7A6F !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28) !important;
}

[data-theme="dark"] .calm-prompt-form-mode .chat-prompt-form-save:disabled {
  background: rgba(110, 138, 126, 0.30) !important;
  color: rgba(255, 254, 251, 0.55) !important;
}

/* ---- Mobile fullscreen form-mode with AI dock (#3579) ---- */
@media (max-width: 640px) {
  .chat-prompt-panel--with-ai-dock .calm-prompt-form-mode > .chat-prompt-form-actions {
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    border-top: 1px solid rgba(58, 47, 38, 0.08) !important;
    padding: 14px 16px calc(14px + env(safe-area-inset-bottom, 0px)) !important;
    margin-top: 0 !important;
    background: #FFFEFB !important;
  }

  [data-theme="dark"] .chat-prompt-panel--with-ai-dock .calm-prompt-form-mode > .chat-prompt-form-actions {
    background: var(--color-card, #1c1b18) !important;
    border-top-color: rgba(255, 255, 255, 0.08) !important;
  }

  .chat-prompt-panel--with-ai-dock .calm-prompt-form-mode > .chat-prompt-form-actions .chat-prompt-form-cancel,
  .chat-prompt-panel--with-ai-dock .calm-prompt-form-mode > .chat-prompt-form-actions .chat-prompt-form-save {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    min-height: 48px !important;
    height: 48px !important;
    border-radius: 12px !important;
  }
}

/* ---- Reduced motion ---- */
@media (prefers-reduced-motion: reduce) {
  .calm-prompt-form-mode .chat-prompt-form-cancel,
  .calm-prompt-form-mode .chat-prompt-form-save,
  .calm-prompt-form-mode .chat-prompt-form-actions button {
    transition: none !important;
  }

  .calm-prompt-form-mode .chat-prompt-form-save:hover,
  .calm-prompt-form-mode .chat-prompt-form-save:active {
    transform: none !important;
  }
}

/* ============================================================
   Saved category (list-mode) footer — primary/secondary actions (#2993)

   .chat-prompt-add-row holds, in order:
     .chat-prompt-build-btn       → "Byg med AI"     (filled sage primary)
     .chat-prompt-add-prompt-btn  → "Skriv selv"     (quiet outlined secondary;
                                                       intrinsic look lives in
                                                       calm-prompt-shell.css)
   Scoped to .calm-prompt-list-mode so the root chips panel footer is untouched.
   ============================================================ */

.calm-prompt-list-mode .chat-prompt-add-row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 16px 18px 18px;
  margin-top: 0;
  border-top: 1px solid rgba(58, 47, 38, 0.07);
}

[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-add-row {
  border-top-color: rgba(255, 255, 255, 0.08) !important;
}

/* ---- Primary: Byg med AI — filled sage (overrides blod-bolge rose) ---- */
.calm-prompt-list-mode .chat-prompt-build-btn,
.chat-prompt-panel .calm-prompt-list-mode .chat-prompt-build-btn {
  flex: 1 1 0;
  min-width: 0;
  width: auto;
  height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 12px;
  /* fill/color/border/shadow are !important to beat the blod-bolge
     #chat-main button reset (background:none / border:none / color:inherit,
     specificity 1,0,1) — on desktop this panel mounts inside #chat-main, so a
     scoped class rule alone cannot win. Mirrors the .calm-prompt-top-actions-mode
     primary. Layout props (flex/height/gap/font-weight) face no #chat-main reset
     and stay clean. */
  background: #6E8A7E !important;
  color: #FFFEFB !important;
  border: 1px solid #6E8A7E !important;
  padding: 0 14px;
  box-shadow: 0 4px 12px rgba(110, 138, 126, 0.22) !important;
  font-weight: 600;
  transition: background 0.15s ease, border-color 0.15s ease, transform 0.12s ease, box-shadow 0.15s ease;
}

.calm-prompt-list-mode .chat-prompt-build-btn svg,
.calm-prompt-list-mode .chat-prompt-build-btn svg path {
  color: currentColor !important;
  fill: currentColor !important;
}

.calm-prompt-list-mode .chat-prompt-build-btn:hover,
.chat-prompt-panel .calm-prompt-list-mode .chat-prompt-build-btn:hover {
  background: #5F7A6F !important;
  border-color: #5F7A6F !important;
}

.calm-prompt-list-mode .chat-prompt-build-btn:focus-visible {
  outline: 2px solid #5C4D43 !important;
  outline-offset: 2px !important;
}

.calm-prompt-list-mode .chat-prompt-build-btn:active {
  transform: scale(0.985);
}

[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-build-btn,
[data-theme="dark"] .chat-prompt-panel .calm-prompt-list-mode .chat-prompt-build-btn {
  background: #6E8A7E !important;
  color: #FFFEFB !important;
  border-color: #6E8A7E !important;
  box-shadow: 0 4px 12px rgba(110, 138, 126, 0.22) !important;
}

[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-build-btn:hover,
[data-theme="dark"] .chat-prompt-panel .calm-prompt-list-mode .chat-prompt-build-btn:hover {
  background: #5F7A6F !important;
  color: #FFFEFB !important;
  border-color: #5F7A6F !important;
  box-shadow: 0 4px 12px rgba(110, 138, 126, 0.22) !important;
}

/* ---- Secondary: Skriv selv — sits beside the primary, stays quiet outlined ---- */
.calm-prompt-list-mode .chat-prompt-add-prompt-btn {
  flex: 1 1 0;
  min-width: 0;
  width: auto;
  height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  /* !important beats the legacy .chat-prompt-manual-btn rose/neutral !important
     base in chat-ny-blod-bolge.css (background/border/color); the secondary
     button carries that class, so source order + specificity alone cannot win. */
  border: 1px solid rgba(58, 47, 38, 0.14) !important;
  border-radius: 12px;
  padding: 0 14px;
  background: transparent !important;
  color: #5C4D43 !important;
  box-shadow: none !important;
  font-weight: 600;
  transition: background 0.15s ease, border-color 0.15s ease, transform 0.12s ease;
}

.calm-prompt-list-mode .chat-prompt-add-prompt-btn svg,
.calm-prompt-list-mode .chat-prompt-add-prompt-btn svg path {
  color: #9A8E82 !important;
  fill: #9A8E82 !important;
}

.calm-prompt-list-mode .chat-prompt-add-prompt-btn:hover {
  background: #F7F2E9 !important;
  border-color: rgba(58, 47, 38, 0.22) !important;
  color: #5C4D43 !important;
}

.calm-prompt-list-mode .chat-prompt-add-prompt-btn:focus-visible {
  outline: 2px solid #5C4D43 !important;
  outline-offset: 2px !important;
}

.calm-prompt-list-mode .chat-prompt-add-prompt-btn:active {
  transform: scale(0.985);
}

[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-add-prompt-btn {
  border-color: rgba(255, 255, 255, 0.10) !important;
  color: rgba(255, 254, 251, 0.65) !important;
}

[data-theme="dark"] .calm-prompt-list-mode .chat-prompt-add-prompt-btn:hover {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
  color: rgba(255, 254, 251, 0.85) !important;
}

/* ---- Reduced motion ---- */
@media (prefers-reduced-motion: reduce) {
  .calm-prompt-list-mode .chat-prompt-add-row button,
  .calm-prompt-list-mode .chat-prompt-build-btn,
  .calm-prompt-list-mode .chat-prompt-add-prompt-btn {
    transition: none !important;
  }
  .calm-prompt-list-mode .chat-prompt-build-btn:hover,
  .calm-prompt-list-mode .chat-prompt-build-btn:active,
  .calm-prompt-list-mode .chat-prompt-add-prompt-btn:hover,
  .calm-prompt-list-mode .chat-prompt-add-prompt-btn:active {
    transform: none !important;
  }
}

/* ============================================================
   #3576 — Mobile fullscreen list-mode footer (<=640px)

   Sticky footer at bottom of the fullscreen flex container.
   Two buttons: Tilbage (ghost outlined, first-child) + Ny prompt
   (sage primary, white plus icon). Desktop unchanged.
   ============================================================ */

/* ---- Tilbage button: base styles (hidden on desktop, visible mobile only) ---- */
.calm-prompt-list-mode .chat-prompt-listmode-back {
  display: none;
}

@media (max-width: 640px) {
  .calm-prompt-list-mode .chat-prompt-add-row {
    flex: 0 0 auto !important;
    position: sticky !important;
    bottom: 0 !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 14px 16px calc(14px + env(safe-area-inset-bottom, 0px)) !important;
    margin-top: 0 !important;
    border-top: 1px solid rgba(58, 47, 38, 0.08) !important;
    background: #FFFEFB !important;
  }

  [data-theme="dark"] .calm-prompt-list-mode .chat-prompt-add-row {
    background: var(--color-card, #1c1b18) !important;
    border-top-color: rgba(255, 255, 255, 0.08) !important;
  }

  /* ---- Tilbage: ghost outlined secondary (first-child) ---- */
  .calm-prompt-list-mode .chat-prompt-listmode-back {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 1 1 0 !important;
    min-width: 0 !important;
    height: 46px !important;
    border: 1px solid rgba(58, 47, 38, 0.14) !important;
    border-radius: 12px !important;
    padding: 0 14px !important;
    background: transparent !important;
    color: #5C4D43 !important;
    font-weight: 600 !important;
    font-size: var(--font-size-base, 0.9375rem) !important;
    font-family: var(--font-family) !important;
    box-shadow: none !important;
    transition: background 0.15s ease, border-color 0.15s ease !important;
  }

  .calm-prompt-list-mode .chat-prompt-listmode-back:hover {
    background: #F7F2E9 !important;
    border-color: rgba(58, 47, 38, 0.22) !important;
    color: #3A2F26 !important;
  }

  .calm-prompt-list-mode .chat-prompt-listmode-back:focus-visible {
    outline: 2px solid #6E8A7E !important;
    outline-offset: 2px !important;
  }

  .calm-prompt-list-mode .chat-prompt-listmode-back:active {
    background: rgba(228, 220, 212, 0.35) !important;
  }

  [data-theme="dark"] .calm-prompt-list-mode .chat-prompt-listmode-back {
    border-color: rgba(255, 255, 255, 0.10) !important;
    color: rgba(255, 254, 251, 0.65) !important;
  }

  [data-theme="dark"] .calm-prompt-list-mode .chat-prompt-listmode-back:hover {
    background: rgba(255, 255, 255, 0.04) !important;
    border-color: rgba(255, 255, 255, 0.16) !important;
    color: rgba(255, 254, 251, 0.85) !important;
  }

  /* ---- Ny prompt: sage primary with white plus ---- */
  .calm-prompt-list-mode .chat-prompt-add-prompt-btn {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    height: 46px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    border-radius: 12px !important;
    background: #6E8A7E !important;
    color: #FFFEFB !important;
    border: 1px solid #6E8A7E !important;
    padding: 0 14px !important;
    box-shadow: 0 4px 12px rgba(110, 138, 126, 0.22) !important;
    font-weight: 600 !important;
    font-size: var(--font-size-base, 0.9375rem) !important;
    font-family: var(--font-family) !important;
    transition: background 0.15s ease, border-color 0.15s ease, transform 0.12s ease, box-shadow 0.15s ease !important;
  }

  .calm-prompt-list-mode .chat-prompt-add-prompt-btn svg,
  .calm-prompt-list-mode .chat-prompt-add-prompt-btn svg path {
    color: #FFFEFB !important;
    fill: #FFFEFB !important;
  }

  .calm-prompt-list-mode .chat-prompt-add-prompt-btn:hover {
    background: #5F7A6F !important;
    border-color: #5F7A6F !important;
    color: #FFFEFB !important;
  }

  .calm-prompt-list-mode .chat-prompt-add-prompt-btn:focus-visible {
    outline: 2px solid #5C4D43 !important;
    outline-offset: 2px !important;
  }

  .calm-prompt-list-mode .chat-prompt-add-prompt-btn:active {
    transform: scale(0.985) !important;
  }

  [data-theme="dark"] .calm-prompt-list-mode .chat-prompt-add-prompt-btn {
    background: #6E8A7E !important;
    color: #FFFEFB !important;
    border-color: #6E8A7E !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.30) !important;
  }

  [data-theme="dark"] .calm-prompt-list-mode .chat-prompt-add-prompt-btn svg,
  [data-theme="dark"] .calm-prompt-list-mode .chat-prompt-add-prompt-btn svg path {
    color: #FFFEFB !important;
    fill: #FFFEFB !important;
  }

  [data-theme="dark"] .calm-prompt-list-mode .chat-prompt-add-prompt-btn:hover {
    background: #5F7A6F !important;
    border-color: #5F7A6F !important;
    color: #FFFEFB !important;
  }
}

/* ---- Reduced motion (mobile fullscreen) ---- */
@media (max-width: 640px) and (prefers-reduced-motion: reduce) {
  .calm-prompt-list-mode .chat-prompt-listmode-back,
  .calm-prompt-list-mode .chat-prompt-add-prompt-btn {
    transition: none !important;
  }
  .calm-prompt-list-mode .chat-prompt-add-prompt-btn:active {
    transform: none !important;
  }
}

/* ============================================================
   #3016 — Top-level "Ny" action chooser footer (.calm-prompt-top-actions-mode)

   .chat-prompt-add-row.chat-prompt-top-actions holds, in order:
     .chat-prompt-build-btn                              → "Byg med AI" (filled sage, full-width)
     .chat-prompt-add-prompt-btn.chat-prompt-manual-btn  → "Ny kategori"   (quiet outlined, hugs label)
   Scoped to .calm-prompt-top-actions-mode so the legacy chips-panel footer is
   untouched. The secondary carries .chat-prompt-manual-btn whose base
   color/background/border are !important (chat-ny-blod-bolge.css:1073-1090), so the
   calm overrides here MUST also be !important (mirrors the list-mode "Skriv selv"
   pattern in calm-prompt-shell.css). The primary's base is non-!important so it
   wins by specificity + source order, but carries !important for family parity.
   ============================================================ */

.calm-prompt-top-actions-mode .chat-prompt-top-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 14px 18px !important;
  margin-top: 0 !important;
  border-top: none !important;
}

/* ---- Primary: Byg med AI — filled sage (overrides blod-bolge rose) ---- */
.calm-prompt-top-actions-mode .chat-prompt-build-btn,
.chat-prompt-panel .calm-prompt-top-actions-mode .chat-prompt-build-btn {
  flex: 1 1 auto !important;
  justify-content: center !important;
  min-height: 44px !important;
  border-radius: 12px !important;
  background: #6E8A7E !important;
  color: #FFFEFB !important;
  border: none !important;
  box-shadow: 0 4px 12px rgba(110, 138, 126, 0.22) !important;
  font-weight: var(--font-weight-medium, 500) !important;
  transition: background 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease !important;
}

.calm-prompt-top-actions-mode .chat-prompt-build-btn svg,
.calm-prompt-top-actions-mode .chat-prompt-build-btn svg path {
  color: currentColor !important;
  fill: currentColor !important;
}

.calm-prompt-top-actions-mode .chat-prompt-build-btn:hover,
.chat-prompt-panel .calm-prompt-top-actions-mode .chat-prompt-build-btn:hover {
  background: #4A7A68 !important;
  box-shadow: 0 6px 18px rgba(74, 122, 104, 0.30) !important;
  transform: translateY(-1px) !important;
}

.calm-prompt-top-actions-mode .chat-prompt-build-btn:focus-visible {
  outline: 2px solid #4A7A68 !important;
  outline-offset: 2px !important;
}

.calm-prompt-top-actions-mode .chat-prompt-build-btn:active {
  transform: translateY(0) scale(0.99) !important;
  box-shadow: 0 2px 6px rgba(110, 138, 126, 0.20) !important;
}

[data-theme="dark"] .calm-prompt-top-actions-mode .chat-prompt-build-btn,
[data-theme="dark"] .chat-prompt-panel .calm-prompt-top-actions-mode .chat-prompt-build-btn {
  background: #6E8A7E !important;
  color: #FFFEFB !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.30) !important;
}

[data-theme="dark"] .calm-prompt-top-actions-mode .chat-prompt-build-btn:hover,
[data-theme="dark"] .chat-prompt-panel .calm-prompt-top-actions-mode .chat-prompt-build-btn:hover {
  background: #8AAFA1 !important;
  color: #1c1b18 !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.40) !important;
}

/* ---- Secondary: Ny kategori — quiet outlined; !important beats .chat-prompt-manual-btn ---- */
.calm-prompt-top-actions-mode .chat-prompt-add-prompt-btn,
.chat-prompt-panel .calm-prompt-top-actions-mode .chat-prompt-add-prompt-btn {
  flex: 0 0 auto !important;
  min-height: 44px !important;
  border: 1px solid rgba(58, 47, 38, 0.12) !important;
  border-radius: 12px !important;
  padding: 8px 14px !important;
  color: #5C4D43 !important;
  background: transparent !important;
  font-weight: 500 !important;
  font-size: 0.875rem !important;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease !important;
}

/* Icon inherits the button colour — kills the legacy coral var(--rose) glyph */
.calm-prompt-top-actions-mode .chat-prompt-add-prompt-btn svg,
.calm-prompt-top-actions-mode .chat-prompt-add-prompt-btn svg path {
  color: currentColor !important;
  fill: currentColor !important;
}

.calm-prompt-top-actions-mode .chat-prompt-add-prompt-btn:hover,
.chat-prompt-panel .calm-prompt-top-actions-mode .chat-prompt-add-prompt-btn:hover {
  background: rgba(58, 47, 38, 0.04) !important;
  border-color: rgba(58, 47, 38, 0.18) !important;
  color: #3A2F26 !important;
}

.calm-prompt-top-actions-mode .chat-prompt-add-prompt-btn:focus-visible {
  outline: 2px solid #6E8A7E !important;
  outline-offset: -2px !important;
}

[data-theme="dark"] .calm-prompt-top-actions-mode .chat-prompt-add-prompt-btn,
[data-theme="dark"] .chat-prompt-panel .calm-prompt-top-actions-mode .chat-prompt-add-prompt-btn {
  border-color: rgba(255, 255, 255, 0.10) !important;
  color: rgba(255, 254, 251, 0.65) !important;
}

[data-theme="dark"] .calm-prompt-top-actions-mode .chat-prompt-add-prompt-btn:hover,
[data-theme="dark"] .chat-prompt-panel .calm-prompt-top-actions-mode .chat-prompt-add-prompt-btn:hover {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
  color: rgba(255, 254, 251, 0.85) !important;
}

/* ---- Reduced motion ---- */
@media (prefers-reduced-motion: reduce) {
  .calm-prompt-top-actions-mode .chat-prompt-build-btn,
  .calm-prompt-top-actions-mode .chat-prompt-add-prompt-btn {
    transition: none !important;
  }
  .calm-prompt-top-actions-mode .chat-prompt-build-btn:hover,
  .calm-prompt-top-actions-mode .chat-prompt-build-btn:active {
    transform: none !important;
  }
}

/* ---- Mobile fullscreen new-category sticky footer (<=640px) #3628 ---- */
@media (max-width: 640px) {
  .calm-prompt-new-category .chat-prompt-form-actions {
    position: sticky !important;
    bottom: 0 !important;
    z-index: 2 !important;
    /* The row is hoisted out of the padded form into .chat-prompt-panel-inner
       (mountPanel), so no bleed: a negative margin overflows the card and the
       right edge is clipped by overflow:hidden (Create flush on iPhone). */
    margin: auto 0 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
    background: var(--color-card, rgb(255, 254, 251)) !important;
    border-top: 1px solid rgba(228, 220, 212, 0.55) !important;
    padding: 14px 18px calc(14px + env(safe-area-inset-bottom, 0px)) !important;
    gap: 10px !important;
  }

  [data-theme="dark"] .calm-prompt-new-category .chat-prompt-form-actions {
    background: var(--color-card, rgb(42, 38, 34)) !important;
    border-top-color: rgba(255, 255, 255, 0.08) !important;
  }
}

/* ---- Mobile: stack both actions full width so neither clips at 375/390 ---- */
@media (max-width: 767px) {
  .calm-prompt-top-actions-mode .chat-prompt-top-actions {
    gap: 8px !important;
    padding: 12px 12px calc(12px + env(safe-area-inset-bottom, 0px)) !important;
  }
  .calm-prompt-top-actions-mode .chat-prompt-build-btn,
  .chat-prompt-panel .calm-prompt-top-actions-mode .chat-prompt-build-btn,
  .calm-prompt-top-actions-mode .chat-prompt-add-prompt-btn {
    flex: 1 1 100% !important;
  }
}


/* Source: /chat/css/calm/calm-prompt-move.css */
/* Move prompt dialog — native <dialog>, calm design system */

/* Folder/home controls use the same native data and form flow. */
.calm-actions { --calm-menu-hover: #f3efe9; --calm-menu-line: #e8ddd4; --calm-menu-ink: #3a2f26; display: inline-flex; flex: none; }
.calm-actions-trigger { display: inline-flex !important; align-items: center; justify-content: center; gap: 6px; width: 36px; height: 36px; padding: 6px !important; border: 0 !important; border-radius: 8px !important; background: transparent !important; color: inherit !important; cursor: pointer; }
.calm-actions-trigger:is(:hover,:focus-visible) { background: var(--calm-menu-hover) !important; }
.calm-actions:not(.calm-folder-settings) > .calm-actions-trigger:is(:hover,:focus-visible) { background: radial-gradient(circle at center,var(--calm-menu-hover) 15px,transparent 16px) !important; }
.calm-actions-menu { position: fixed; z-index: 12000; inset: auto; margin: 0; padding: 6px; width: 200px; max-width: calc(100vw - 16px); max-height: calc(100dvh - 16px); box-sizing: border-box; border: 1px solid var(--calm-menu-line); border-radius: 12px; background: #fffefb; color: var(--calm-menu-ink); box-shadow: 0 6px 24px #3a2f2620; overflow: auto; }
.calm-actions-menu:not([hidden]) { display: flex; flex-direction: column; gap: 2px; }
.calm-actions-menu button { display: flex !important; align-items: center; gap: 10px; text-align: start !important; justify-content: flex-start !important; width: 100% !important; min-height: 44px; height: auto !important; padding: 10px 12px !important; border: 0 !important; border-radius: 7px !important; font: inherit; font-size: 14px; background: transparent !important; color: var(--calm-menu-ink) !important; box-shadow: none !important; cursor: pointer; }
.calm-actions-menu button:is(:hover,:focus-visible) { background: var(--calm-menu-hover) !important; }
.calm-actions-menu button:disabled { opacity: .45; cursor: default; }
.calm-actions-menu svg { flex: none; width: 18px; height: 18px; }
#calm-prompt-modal .calm-folder-settings .calm-actions-trigger { width: auto; font-size: 13px; border: 1px solid var(--calm-menu-line) !important; padding: 6px 10px !important; }
#calm-prompt-modal .calm-folder-list .chat-prompt-panel-header { gap: 10px !important; flex-wrap: wrap; }
#calm-prompt-modal .calm-folder-list .chat-prompt-panel-title { flex: 1; min-width: 0; white-space: normal; overflow-wrap: anywhere; }
#calm-prompt-modal .calm-folder-list .chat-prompt-list { display: flex !important; flex-direction: column !important; gap: 0 !important; padding: 8px 20px !important; margin: 0 !important; max-height: calc(100dvh - 232px) !important; }
dialog#calm-prompt-modal.calm-prompt-modal:has(.calm-folder-list) { max-height: calc(100dvh - 24px); }
#calm-prompt-modal .chat-prompt-panel-inner:has(#cpf-cat-name):not(.calm-folder-create) > .chat-prompt-panel-header { background: #faf8f5 !important; }
#calm-prompt-modal .calm-folder-list .chat-prompt-item { display: flex !important; align-items: center; gap: 8px; height: auto !important; min-height: 59px !important; box-sizing: border-box; padding: 7px 0 !important; border: 0 !important; border-bottom: 1px solid #ece7df !important; background: transparent !important; border-radius: 0 !important; }
#calm-prompt-modal .calm-folder-list .chat-prompt-item[hidden] { display: none !important; }
#calm-prompt-modal .calm-folder-list .chat-prompt-suggestion-btn::before { display: none !important; }
#calm-prompt-modal .calm-folder-list .chat-prompt-suggestion-btn > .calm-prompt-row-icon { display: inline-flex !important; align-items: center; justify-content: center; flex: 0 0 28px !important; width: 28px !important; min-width: 28px !important; max-width: 28px !important; height: 28px; margin: 0 !important; padding: 0 !important; border-radius: 7px; background: #e8eeea; color: #4a7a68; }
#calm-prompt-modal .calm-folder-list .calm-prompt-row-icon svg { display: block !important; width: 18px !important; height: 18px !important; }
#calm-prompt-modal .calm-folder-list .chat-prompt-suggestion-btn > span:last-child { margin: 0 !important; padding-inline-end: 0 !important; }
#calm-prompt-modal .calm-folder-list .chat-prompt-suggestion-btn { display: flex; align-items: center; justify-content: flex-start; gap: 10px; min-width: 0; width: auto !important; flex: 1; min-height: 44px; border: 0 !important; background: transparent !important; padding: 10px 8px !important; border-radius: 8px !important; }
#calm-prompt-modal .calm-folder-list .chat-prompt-suggestion-btn span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#calm-prompt-modal .calm-folder-list .chat-prompt-suggestion-btn:is(:hover,:focus-visible) { background: #f3efe9 !important; }
#calm-prompt-modal .calm-folder-list .chat-prompt-add-row { padding: 16px 24px !important; margin: 0 !important; }
#calm-prompt-modal .calm-folder-list .chat-prompt-new-prompt-btn { width: 100%; min-height: 44px; border: 1px solid #e8ddd4 !important; background: transparent !important; color: inherit !important; }
#calm-prompt-modal .calm-list-search { flex: none; margin: 16px 24px 4px; width: calc(100% - 48px); box-sizing: border-box; min-height: 44px; border: 1px solid #e8ddd4; border-radius: 12px; padding: 10px 14px; font: inherit; font-size: 14px; color: inherit; background: transparent; }
#calm-prompt-modal .calm-list-search:focus-visible { outline: none; border-color: #4a7a68; }
dialog#calm-prompt-modal:has(#cpf-cat-name) { width: min(520px,calc(100% - 32px)); }
#calm-prompt-modal:has(#cpf-cat-name) .calm-prompt-subtitle { display: none !important; }
#calm-prompt-modal:has(#cpf-cat-name) .chat-prompt-form-label { text-transform: none !important; font-size: 14px !important; font-weight: 600 !important; letter-spacing: normal !important; }
#calm-prompt-modal .calm-search-empty { margin: 16px 24px; color: inherit; }
#calm-prompt-modal [hidden], .calm-actions-menu[hidden] { display: none !important; }
#calm-prompt-modal .calm-category-appearance { margin-top: 12px; }
#calm-prompt-modal .calm-category-appearance > summary { cursor: pointer; min-height: 36px; padding: 6px 0; font-size: 14px; }
#calm-prompt-modal .calm-category-appearance > .chat-prompt-form-label { display: block; margin: 18px 0 10px !important; }
#calm-prompt-modal .calm-category-appearance .chat-prompt-icon-picker { grid-template-columns: repeat(6,minmax(0,1fr)) !important; gap: 10px !important; }
#calm-prompt-modal .calm-category-appearance .chat-prompt-icon-btn { height: 40px !important; max-width: none !important; aspect-ratio: auto !important; }
#calm-prompt-modal .calm-category-appearance .chat-prompt-color-picker { display: flex !important; justify-content: space-between !important; gap: 12px !important; flex-wrap: wrap; }
.chat-prompt-area .calm-standalone { display: inline-flex; align-items: center; padding: 4px 8px 4px 12px !important; gap: 2px; max-width: 100%; }
.chat-prompt-area .calm-standalone .chat-prompt-suggestion-btn { display: inline-flex; align-items: center; gap: 8px; min-width: 0; border: 0; padding: 0 4px; background: transparent; color: inherit; font: inherit; cursor: pointer; }
.chat-prompt-area .calm-standalone .chat-prompt-suggestion-btn span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.chat-prompt-area .chat-prompt-create { background: #fffefb; }
dialog.calm-prompt-confirm { inset: 0; margin: auto !important; width: min(400px,calc(100vw - 32px)); box-sizing: border-box; padding: 28px; border: 0; border-radius: 16px; background: #fffefb; color: #3a2f26; box-shadow: 0 16px 56px #3a2f2630; }
.calm-prompt-confirm::backdrop { background: #302a2455; }
.calm-prompt-confirm h2 { margin: 0 0 12px; font-size: 21px; }
.calm-prompt-confirm p { margin: 0 0 24px; }
.calm-confirm-actions { display: flex; gap: 12px; justify-content: flex-end; }
.calm-confirm-actions button { min-height: 44px; padding: 10px 16px; border: 1px solid #e8ddd4; border-radius: 12px; background: transparent; font: inherit; color: inherit; cursor: pointer; }
.calm-confirm-actions .calm-confirm-accept { background: #a44e40 !important; color: white !important; border-color: #a44e40; }
.calm-form-error { color: #a03728; font-size: 13px; }
[data-theme="dark"] .calm-actions { --calm-menu-hover: #39362f; --calm-menu-line: #575047; --calm-menu-ink: #f0e8df; }
[data-theme="dark"] .calm-actions-menu, [data-theme="dark"] .calm-prompt-confirm { background: #2c2925 !important; color: #f0e8df !important; }
[data-theme="dark"] #calm-prompt-modal .calm-folder-list .chat-prompt-suggestion-btn:is(:hover,:focus-visible) { background: #39362f !important; }
[data-theme="dark"] #calm-prompt-modal .calm-folder-list .chat-prompt-item { border-bottom-color: #474139 !important; }
[data-theme="dark"] #calm-prompt-modal .chat-prompt-panel-inner:has(#cpf-cat-name):not(.calm-folder-create) > .chat-prompt-panel-header { background: #302d28 !important; }
[data-theme="dark"] #calm-prompt-modal .calm-folder-list .calm-prompt-row-icon { background: #34473e; color: #bad3c6; }
[data-theme="dark"] .calm-form-error { color: #f0b3a7; }
@media(max-width:640px) {
  .calm-actions-trigger { min-width: 44px; height: 44px; }
  #calm-prompt-modal .calm-folder-list .chat-prompt-list { padding-inline: 12px !important; }
  #calm-prompt-modal .calm-folder-settings { order: 3; margin-inline-start: auto; }
  #calm-prompt-modal .calm-folder-list .chat-prompt-panel-close { margin-inline-start: auto; }
  .calm-confirm-actions { flex-wrap: wrap; }
}
@media(max-width:480px) {
  #calm-prompt-modal .calm-folder-list .chat-prompt-panel-header { flex-wrap: nowrap; }
  #calm-prompt-modal .calm-folder-list .chat-prompt-panel-title { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  #calm-prompt-modal .calm-folder-settings { order: 1; margin-inline-start: 0; }
  #calm-prompt-modal .calm-folder-settings .calm-actions-trigger { width: 44px; padding: 10px !important; }
  #calm-prompt-modal .calm-folder-settings .calm-actions-trigger > :is(span,svg:last-child) { display: none; }
  #calm-prompt-modal .calm-folder-list .chat-prompt-panel-close { order: 2; flex: none; margin-inline-start: 0; }
}

/* Existing prompt/category forms keep their controls and save flow, in a
   viewport-contained white modal. The current AI dock remains in the panel. */
dialog#calm-prompt-modal.calm-prompt-modal {
  margin: auto !important;
  inset: 0;
  padding: 0;
  border: 0;
  border-radius: 16px;
  width: min(640px, calc(100% - 32px));
  max-width: none;
  max-height: calc(100dvh - 32px);
  background: #FFFEFB;
  color: #3A2F26;
  box-shadow: 0 16px 56px rgba(58,47,38,.12);
  overflow: visible;
}

/* iOS keeps the layout viewport full height under the keyboard, so center the
   modal in the visual viewport instead (vars from mobile-composer-viewport.js,
   all 0/unset when the keyboard is closed). */
@media (max-width: 767px) {
  dialog#calm-prompt-modal.calm-prompt-modal {
    top: var(--ss-vv-offset, 0px);
    bottom: var(--ss-vv-bottom, 0px);
    max-height: calc(var(--ss-vv-height, 100dvh) - 32px);
  }
}

dialog#calm-prompt-modal.calm-prompt-modal::backdrop {
  background: rgba(251,249,246,.88);
  backdrop-filter: blur(2px);
}

html body dialog#calm-prompt-modal.calm-prompt-modal > .chat-prompt-panel {
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  height: auto !important;
  max-height: inherit !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  animation: none !important;
  overflow: visible !important;
}

html body dialog#calm-prompt-modal.calm-prompt-modal .chat-prompt-panel > .chat-prompt-panel-inner {
  display: flex !important;
  flex-direction: column;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  max-height: inherit !important;
  min-height: 0;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 16px !important;
  box-shadow: none !important;
  background: #FFFEFB !important;
  box-sizing: border-box;
  overflow: hidden !important;
}

html body dialog#calm-prompt-modal.calm-prompt-modal .chat-prompt-panel-inner > .chat-prompt-form,
html body dialog#calm-prompt-modal.calm-prompt-modal .chat-prompt-panel-inner > .chat-prompt-list {
  flex: 1 1 auto !important;
  min-height: 0;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain;
}

html body dialog#calm-prompt-modal.calm-prompt-modal .chat-prompt-panel-inner > .chat-prompt-panel-header,
html body dialog#calm-prompt-modal.calm-prompt-modal .chat-prompt-panel-inner > .chat-prompt-form-actions,
html body dialog#calm-prompt-modal.calm-prompt-modal .chat-prompt-panel-inner > .chat-prompt-add-row {
  flex: none !important;
}

html body dialog#calm-prompt-modal.calm-prompt-modal .chat-prompt-panel-inner .chat-prompt-panel-close {
  display: flex !important;
}

html body dialog#calm-prompt-modal.calm-prompt-modal .chat-prompt-form-textarea {
  max-height: min(32dvh, 280px) !important;
  overflow-y: auto !important;
}

dialog#calm-prompt-modal.calm-prompt-modal .chat-prompt-form-actions {
  padding: 14px 20px !important;
  margin-top: 0 !important;
  border-top: 1px solid rgba(58,47,38,.08);
}

dialog#calm-prompt-modal.calm-prompt-modal .calm-icon-overflow-popover,
dialog#calm-prompt-modal.calm-prompt-modal .calm-cat-icon-popover {
  max-width: calc(100vw - 16px);
  max-height: calc(100dvh - 32px);
  overflow-y: auto;
}

[data-theme="dark"] dialog#calm-prompt-modal.calm-prompt-modal,
[data-theme="dark"] body dialog#calm-prompt-modal.calm-prompt-modal .chat-prompt-panel > .chat-prompt-panel-inner {
  background: #2c2925 !important;
  color: #f0e8df;
}

[data-theme="dark"] dialog#calm-prompt-modal.calm-prompt-modal::backdrop {
  background: rgba(31,29,26,.88);
}

@media (min-width: 769px) {
  dialog#calm-prompt-modal.calm-prompt-modal:has(> .chat-prompt-panel > [data-calm-ai-dock].cvm-is-open) {
    width: min(1040px, calc(100% - 32px));
  }
  html body dialog#calm-prompt-modal.calm-prompt-modal .cvm-dock--inline {
    max-height: calc(100dvh - 32px) !important;
  }
}

@media (max-width: 640px) {
  dialog#calm-prompt-modal.calm-prompt-modal { width: calc(100% - 16px); max-height: calc(var(--ss-vv-height, 100dvh) - 16px); }
}

/* The existing prompt form and AI helper share one surface. Category and move
   dialogs retain their own headers, dividers and controls. */
#calm-prompt-modal .calm-prompt-form-mode > .chat-prompt-panel-header {
  border-bottom: 0 !important;
}
#calm-prompt-modal .calm-prompt-form-mode > .chat-prompt-form-actions {
  border-top: 0 !important;
}
#calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-dock--inline {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin-top: 0 !important;
}

/* Keep the mic on the UI edge, even when dir=auto resolves the field text in
   the opposite direction. Both fields reserve the same space for the button. */
#calm-prompt-modal .calm-prompt-form-mode .calm-field-wrap > .cvm-mic {
  top: 8px !important;
  inset-inline-end: 12px !important;
}
#calm-prompt-modal .calm-prompt-form-mode .calm-field-wrap:not(.calm-field-wrap--no-stt) > :is(#cpf-title, #cpf-text) {
  padding: 12px 56px 12px 14px !important;
}
html[dir="rtl"] #calm-prompt-modal .calm-prompt-form-mode .calm-field-wrap:not(.calm-field-wrap--no-stt) > :is(#cpf-title, #cpf-text) {
  padding: 12px 14px 12px 56px !important;
}

@media (min-width: 769px) {
  #calm-prompt-modal > .chat-prompt-panel:has(.calm-prompt-form-mode) {
    column-gap: 0;
  }
  #calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-head {
    padding: 22px 22px 14px;
  }
  #calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-body {
    padding-inline: 22px;
  }
  #calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-foot {
    padding: 14px 22px 22px;
  }
}

@media (max-width: 768px) {
  #calm-prompt-modal .calm-prompt-form-mode .calm-field-wrap > .cvm-mic {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px;
  }
  #calm-prompt-modal .calm-prompt-form-mode .calm-field-wrap:not(.calm-field-wrap--no-stt) > :is(#cpf-title, #cpf-text) {
    padding: 12px 64px 12px 14px !important;
    min-height: 60px;
  }
  html[dir="rtl"] #calm-prompt-modal .calm-prompt-form-mode .calm-field-wrap:not(.calm-field-wrap--no-stt) > :is(#cpf-title, #cpf-text) {
    padding: 12px 14px 12px 64px !important;
  }
}

@media (max-width: 768px) {
  #calm-prompt-modal .calm-prompt-form-mode .chat-prompt-form > [data-calm-ai-dock] {
    margin: 20px 0 0 !important;
    border-top: 0 !important;
    padding-top: 0 !important;
  }
  #calm-prompt-modal .calm-prompt-form-mode .cvm-dock--inline {
    padding: 0 !important;
    max-height: none !important;
  }
  #calm-prompt-modal .calm-prompt-form-mode .cvm-dock--inline .cvm-body {
    flex: 0 0 auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow-y: visible !important;
  }
  #calm-prompt-modal .calm-prompt-form-mode .cvm-close {
    display: none !important;
  }
  #calm-prompt-modal .calm-prompt-form-mode .cvm-composer .cvm-mic {
    position: static !important;
    width: 36px !important;
    height: 36px !important;
    flex: 0 0 36px !important;
  }
  #calm-prompt-modal:has(.calm-prompt-form-mode) :is(.cvm-head, .cvm-body, .cvm-foot) {
    padding-inline: 0;
  }
}

dialog.chat-prompt-move-dialog {
  border: none;
  border-radius: 14px;
  background: var(--card-bg, #FFFEFB);
  box-shadow: 0 8px 32px rgba(0,0,0,0.12);
  padding: 0;
  max-width: 380px;
  width: calc(100% - 32px);
  margin: auto;
  max-height: calc(100dvh - 32px);
  overflow-y: auto;
}

dialog.chat-prompt-move-dialog::backdrop {
  background: rgba(0,0,0,0.3);
}

.chat-prompt-move-inner {
  display: flex;
  flex-direction: column;
}

.chat-prompt-move-dialog .chat-prompt-panel-header {
  display: flex;
  align-items: center;
  padding: 16px 20px 0;
  gap: 8px;
}

.chat-prompt-move-dialog .chat-prompt-panel-title {
  flex: 1;
  font-weight: 600;
  font-size: 16px;
  color: var(--text-primary, #1a1a1a);
}

.chat-prompt-move-close {
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
  color: var(--text-secondary, #888);
  border-radius: 6px;
  display: flex;
  align-items: center;
  margin-inline-start: auto;
}

.chat-prompt-move-close:hover {
  background: rgba(0,0,0,0.06);
}

.chat-prompt-move-body {
  padding: 16px 20px 8px;
}

.chat-prompt-move-name {
  font-weight: 600;
  font-size: 15px;
  margin: 0 0 16px;
  color: var(--text-primary, #1a1a1a);
  word-break: break-word;
}

.chat-prompt-move-label {
  display: block;
  font-size: 13px;
  font-weight: 500;
  color: var(--text-secondary, #555);
  margin-bottom: 6px;
}

/* Custom folder picker (replaces native <select>) */
.chat-prompt-move-picker {
  display: flex;
  flex-direction: column;
  gap: 2px;
  max-height: 200px;
  overflow-y: auto;
  border: 1.5px solid var(--border-light, #e0ddd8);
  border-radius: 10px;
  padding: 4px;
}

.chat-prompt-move-option {
  display: block;
  width: 100%;
  padding: 8px 12px;
  border: none;
  border-radius: 8px;
  background: transparent;
  text-align: start;
  cursor: pointer;
  font-size: 14px;
  font-family: inherit;
  color: var(--text-primary, #1a1a1a);
  transition: background-color 0.15s ease;
}

.chat-prompt-move-option:hover:not(:disabled) {
  background: rgba(74, 122, 104, 0.08);
}

.chat-prompt-move-option[aria-selected="true"] {
  background: rgba(74, 122, 104, 0.12);
  font-weight: 500;
}

.chat-prompt-move-option:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.chat-prompt-move-error {
  color: #c0392b;
  font-size: 13px;
  min-height: 20px;
  margin-top: 8px;
}

.chat-prompt-move-footer {
  padding: 12px 20px 16px;
  display: flex;
  justify-content: flex-end;
}

dialog.chat-prompt-move-dialog .chat-prompt-move-done-btn {
  background: #4A7A68 !important;
  color: #fff !important;
  border: none;
  border-radius: 10px;
  padding: 10px 28px;
  font-size: 14px;
  font-weight: 600;
  font-family: inherit;
  cursor: pointer;
  transition: background 0.15s, opacity 0.15s;
}

dialog.chat-prompt-move-dialog .chat-prompt-move-done-btn:hover {
  background: #3d6656 !important;
}

.chat-prompt-move-done-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

/* Move button in prompt item actions */
.chat-prompt-item-move {
  background: none;
  border: none;
  padding: 4px;
  cursor: pointer;
  color: var(--text-secondary, #888);
  border-radius: 6px;
  display: flex;
  align-items: center;
  transition: color 0.15s, background 0.15s;
}

.chat-prompt-item-move:hover {
  color: var(--sage, #4A7A68);
  background: rgba(74, 122, 104, 0.08);
}

/* Dark mode */
[data-theme="dark"] dialog.chat-prompt-move-dialog {
  background: var(--bg-dark-card, #1e1e1e);
}

[data-theme="dark"] .chat-prompt-move-dialog .chat-prompt-panel-title {
  color: var(--text-dark-primary, #e8e8e8);
}

[data-theme="dark"] .chat-prompt-move-picker {
  border-color: var(--border-dark, #444);
}

[data-theme="dark"] .chat-prompt-move-option {
  color: var(--text-dark-primary, #e8e8e8);
}

[data-theme="dark"] .chat-prompt-move-option:hover:not(:disabled) {
  background: rgba(90, 154, 126, 0.15);
}

[data-theme="dark"] .chat-prompt-move-option[aria-selected="true"] {
  background: rgba(90, 154, 126, 0.2);
}

[data-theme="dark"] .chat-prompt-move-name {
  color: var(--text-dark-primary, #e8e8e8);
}

[data-theme="dark"] .chat-prompt-move-label {
  color: var(--text-dark-secondary, #aaa);
}

[data-theme="dark"] dialog.chat-prompt-move-dialog .chat-prompt-move-done-btn {
  background: #7cb8a4 !important;
  color: #1e2924 !important;
}

[data-theme="dark"] dialog.chat-prompt-move-dialog .chat-prompt-move-done-btn:hover {
  background: #9ac9b8 !important;
}

[data-theme="dark"] dialog.chat-prompt-move-dialog .chat-prompt-move-error {
  color: #f0b3a7 !important;
}

/* Mobile: 44px touch targets */
@media (max-width: 640px) {
  dialog.chat-prompt-move-dialog {
    width: calc(100% - 24px);
  }

  .chat-prompt-item-move {
    min-width: 44px;
    min-height: 44px;
    justify-content: center;
  }

  .chat-prompt-move-option {
    padding: 12px;
    font-size: 16px;
  }

  .chat-prompt-move-done-btn {
    padding: 12px 28px;
    width: 100%;
  }
}

/* Prompt polish: whitespace and tint identify controls without extra surfaces. */
html body #calm-prompt-modal .chat-prompt-panel-inner:is(.calm-folder-list,.calm-prompt-new-category) { padding: 0 !important; }
html body #calm-prompt-modal .calm-folder-list .chat-prompt-item:not([hidden]):not(:has(~ .chat-prompt-item:not([hidden]))) { border-bottom: 0 !important; }
html body #calm-prompt-modal { --prompt-hover-ink: #3d725f; }
html[data-theme="dark"] body #calm-prompt-modal { --prompt-hover-ink: #b1d3c2; }
html body #calm-prompt-modal .calm-folder-list :is(.chat-prompt-suggestion-btn,.chat-prompt-panel-title[role="button"]):is(:hover,:focus-visible),
html body #calm-prompt-modal :is(.calm-actions-trigger,.chat-prompt-panel-close):is(:hover,:focus-visible),
html body #chat-main .chat-prompt-area .calm-actions-trigger:is(:hover,:focus-visible) {
  background: transparent !important; box-shadow: none !important; color: var(--prompt-hover-ink,#3d725f) !important;
}
html body #calm-prompt-modal .calm-folder-list .chat-prompt-suggestion-btn:is(:hover,:focus-visible) .calm-prompt-row-icon { color: var(--prompt-hover-ink) !important; }
html body #calm-prompt-modal :is(.chat-prompt-suggestion-btn,.chat-prompt-panel-title[role="button"]):focus-visible { outline: none !important; text-decoration: underline; text-underline-offset: 3px; }
html body #chat-main .chat-prompt-area :is(.chat-prompt-chip[data-cat-id],.calm-standalone):is(:hover,:focus-within) { transform: none !important; box-shadow: none !important; color: #3d725f !important; }
html body #chat-main .chat-prompt-area :is(.chat-prompt-chip[data-cat-id],.calm-standalone):is(:hover,:focus-within) svg { color: #3d725f !important; }
html[data-theme="dark"] body #chat-main .chat-prompt-area :is(.chat-prompt-chip[data-cat-id],.calm-standalone):is(:hover,:focus-within),
html[data-theme="dark"] body #chat-main .chat-prompt-area :is(.chat-prompt-chip[data-cat-id],.calm-standalone):is(:hover,:focus-within) svg,
html[data-theme="dark"] body #chat-main .chat-prompt-area .calm-actions-trigger:is(:hover,:focus-visible) { color: #b1d3c2 !important; }
#calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-close { display: none !important; }
#calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-suggestion { background: transparent !important; box-shadow: none !important; border-color: rgba(110,138,126,.18) !important; padding: 10px 12px; }
#calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-label { text-transform: none; letter-spacing: normal; font-size: 14px; }
#calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-confirm { justify-content: flex-end; }
#calm-prompt-modal:has(.calm-prompt-form-mode) :is(.cvm-yes,.cvm-no) { flex: 0 0 auto; min-width: 64px; min-height: 44px; border-radius: 10px; }
#calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-suggestion:has(.cvm-result) { border-color: transparent !important; padding-block: 6px; }
#calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-suggestion:has(.cvm-result) .cvm-new { margin-bottom: 6px; }
@media(min-width:769px) {
  html body #calm-prompt-modal > .chat-prompt-panel:has(.calm-prompt-form-mode) { align-items: stretch !important; }
  html body #calm-prompt-modal .calm-prompt-form-mode { position: static !important; align-self: stretch; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
  html body #calm-prompt-modal .calm-prompt-form-mode::before { display: none !important; }
  html body #calm-prompt-modal .calm-prompt-form-mode > .chat-prompt-panel-header { position: static !important; }
  html body #calm-prompt-modal .calm-prompt-form-mode .chat-prompt-panel-close { position: absolute !important; top: 16px; inset-inline-end: 18px; z-index: 5; }
  #calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-head { padding-inline-end: 64px; }
  html body #calm-prompt-modal .calm-prompt-form-mode .chat-prompt-form { flex: 1 1 auto !important; }
  html body #calm-prompt-modal .calm-prompt-form-mode .calm-field-wrap--textarea { display: flex !important; flex: 1 1 auto; min-height: 132px; }
  html body #calm-prompt-modal .calm-prompt-form-mode #cpf-text { flex: 1; height: 100% !important; min-height: 132px !important; max-height: none !important; resize: none !important; }
}

/* Homepage option A: original idle size; the pencil borrows label space. */
html body #chat-main .chat-prompt-area :is(.calm-standalone,.calm-home-folder) {
  position: relative; display: inline-flex; align-items: center; gap: 0;
  padding: 0 !important; min-width: 0; max-width: 100%; box-sizing: border-box;
}
html body #chat-main .chat-prompt-area :is(.calm-standalone,.calm-home-folder) > .chat-prompt-suggestion-btn {
  display: inline-flex; align-items: center; gap: 8px; flex: 1 1 auto;
  min-width: 0; min-height: 42px; padding: 0 18px !important;
  border: 0 !important; background: transparent !important; color: inherit !important;
  font: inherit; text-align: start; cursor: grab;
}
html body #chat-main .chat-prompt-area :is(.calm-standalone,.calm-home-folder).dragging > .chat-prompt-suggestion-btn { cursor: grabbing !important; }
html body #chat-main .chat-prompt-area :is(.calm-standalone,.calm-home-folder) .calm-home-label { position: relative; display: block; flex: 1 1 auto; min-width: 0; }
html body #chat-main .chat-prompt-area :is(.calm-standalone,.calm-home-folder) .calm-home-label-sizer { display: block; visibility: hidden; white-space: nowrap; }
html body #chat-main .chat-prompt-area :is(.calm-standalone,.calm-home-folder) .calm-home-label-text { position: absolute; inset: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html body #chat-main .chat-prompt-area .calm-standalone > .calm-actions,
html body #chat-main .chat-prompt-area .calm-home-folder > .calm-home-settings {
  position: absolute; inset-inline-end: 0; top: 0; display: inline-flex; align-items: center;
  width: 44px; min-width: 44px; height: 44px;
  opacity: 0; pointer-events: none; transition: opacity 120ms ease;
}
html body #chat-main .chat-prompt-area :is(.calm-standalone,.calm-home-folder) .calm-home-settings {
  display: inline-flex !important; align-items: center; justify-content: center;
  width: 44px; min-width: 44px; height: 44px; padding: 0 !important; border: 0 !important;
  background: transparent !important; box-shadow: none !important; color: inherit !important;
  cursor: pointer;
}
/* Preserve the existing fallback popup's hit area outside the pencil target. */
html body #chat-main .chat-prompt-area .calm-standalone > .calm-actions { overflow: visible; }
html body #chat-main .chat-prompt-area :is(.calm-standalone,.calm-home-folder) .calm-home-settings svg { width: 16px; height: 16px; min-width: 16px; }
html body #chat-main .chat-prompt-area :is(.calm-standalone,.calm-home-folder):is(:hover,:focus-within,:has(.calm-home-settings[aria-expanded="true"])) .calm-home-label-text { inset-inline-end: 26px; }
html body #chat-main .chat-prompt-area .calm-standalone:is(:hover,:focus-within,:has(.calm-home-settings[aria-expanded="true"])) > .calm-actions,
html body #chat-main .chat-prompt-area .calm-home-folder:is(:hover,:focus-within) > .calm-home-settings,
html body #chat-main .chat-prompt-area .calm-home-folder > .calm-home-settings[aria-expanded="true"] { opacity: 1; pointer-events: auto; }
@media (hover: none), (pointer: coarse) {
  html body #chat-main .chat-prompt-area :is(.calm-standalone,.calm-home-folder) > .chat-prompt-suggestion-btn { padding-inline: 18px 44px !important; }
  html body #chat-main .chat-prompt-area :is(.calm-standalone,.calm-home-folder) .calm-home-label-text { inset-inline-end: 0 !important; }
  html body #chat-main .chat-prompt-area .calm-standalone > .calm-actions,
  html body #chat-main .chat-prompt-area .calm-home-folder > .calm-home-settings { opacity: 1; pointer-events: auto; }
}
@media (prefers-reduced-motion: reduce) {
  html body #chat-main .chat-prompt-area .calm-standalone > .calm-actions,
  html body #chat-main .chat-prompt-area .calm-home-folder > .calm-home-settings { transition: none; }
}
/* Long standalone titles must not widen the narrow Chat empty state. */
@media (max-width: 768px) {
html body #chat-main #chat-empty-voksen.content:has(.calm-standalone),
html body #chat-main .chat-prompt-area:has(.calm-standalone),
html body #chat-main .chat-prompt-chips:has(.calm-standalone) { min-width: 0 !important; max-width: 100% !important; box-sizing: border-box; }
}
html body #chat-main .chat-prompt-area .calm-standalone { min-width: 0; box-sizing: border-box; }
html body #chat-main .chat-prompt-area .calm-standalone .chat-prompt-suggestion-btn { flex: 1 1 auto; min-width: 0; }
html body #chat-main .chat-prompt-area .calm-standalone .chat-prompt-suggestion-btn span { min-width: 0; }

/* #6375 option A: proposal cards only. Form/composer geometry is owned above. */
#calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-suggestion.cvm-suggestion--builder {
  border: 1px solid #e2e8e1 !important; border-radius: 14px;
  padding: 12px 15px 14px !important; margin-bottom: 12px;
  background: var(--bg-card, #fffffd) !important;
}
#calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-suggestion.cvm-suggestion--builder .cvm-suggestion-head { gap: 8px; margin-bottom: 3px; }
#calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-suggestion.cvm-suggestion--builder .cvm-label { font-size: 13px; font-weight: 600; }
#calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-suggestion.cvm-suggestion--builder .cvm-new { font-size: 14px; line-height: 1.6; overflow-wrap: anywhere; }
#calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-suggestion.cvm-suggestion--builder .cvm-listen {
  width: 40px; height: 40px; border: 0 !important; background: transparent !important;
  box-shadow: none !important; border-radius: 10px;
}
#calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-suggestion.cvm-suggestion--builder .cvm-listen:is(:hover,.tts-playing,.tts-paused,.active,.loading) { background: rgba(110,138,126,.12) !important; }
#calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-suggestion.cvm-suggestion--builder .cvm-confirm { justify-content: flex-start; align-items: center; flex-wrap: wrap; gap: 8px; margin-top: 7px; }
#calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-suggestion.cvm-suggestion--builder .cvm-yes { padding: 10px 18px; font-size: 14px; min-height: 44px; }
#calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-suggestion.cvm-suggestion--builder .cvm-no { background: transparent !important; border-color: transparent !important; box-shadow: none !important; padding: 10px 12px; font-size: 13px; }
#calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-suggestion.cvm-suggestion--builder .cvm-no:hover { background: rgba(110,138,126,.08) !important; }
#calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-suggestion.cvm-suggestion--builder[data-cvm-resolved] { padding-block: 10px 8px !important; border-color: #e2e8e1 !important; }
#calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-suggestion.cvm-suggestion--builder[data-cvm-resolved] .cvm-new { font-size: 13px; opacity: .8; }
#calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-suggestion.cvm-suggestion--builder[data-cvm-resolved] .cvm-confirm { justify-content: space-between; min-height: 44px; }
#calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-suggestion.cvm-suggestion--builder .cvm-result { margin: 0; font-size: 13px; }
#calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-suggestion.cvm-suggestion--builder .cvm-undo { font: inherit; font-size: 13px; color: var(--accent, #4a7a68); background: transparent; border: 0; min-height: 44px; padding: 5px; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
#calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-suggestion.cvm-suggestion--builder button:disabled { opacity: .5; cursor: default; }
body.dark #calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-suggestion.cvm-suggestion--builder,
[data-theme="dark"] #calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-suggestion.cvm-suggestion--builder { background: transparent !important; border-color: rgba(160,190,175,.25) !important; }

/* Saved appearance: resolve each preset/custom hue, above legacy grouped colors. */
html body #chat-main .chat-prompt-area .chat-prompt-chip[data-color][style*="--prompt-tint"] {
  background: var(--prompt-tint) !important; border-color: var(--prompt-border) !important;
}
html body #calm-prompt-modal .calm-folder-list .chat-prompt-item[data-color][style*="--prompt-tint"] {
  background: var(--prompt-tint) !important; border-radius: 10px;
}
html body #chat-main .chat-prompt-area .calm-standalone[data-color][style*="--prompt-tint"] > .chat-prompt-suggestion-btn,
html body #calm-prompt-modal .calm-folder-list .chat-prompt-item[data-color][style*="--prompt-tint"] > .chat-prompt-suggestion-btn {
  background: transparent !important;
}
html[data-theme="dark"] body #chat-main .chat-prompt-area .chat-prompt-chip[data-color][style*="--prompt-tint"],
html body.dark #chat-main .chat-prompt-area .chat-prompt-chip[data-color][style*="--prompt-tint"] {
  background: var(--prompt-dark-tint) !important; border-color: var(--prompt-dark-border) !important;
}
html[data-theme="dark"] body #calm-prompt-modal .calm-folder-list .chat-prompt-item[data-color][style*="--prompt-tint"],
html body.dark #calm-prompt-modal .calm-folder-list .chat-prompt-item[data-color][style*="--prompt-tint"] {
  background: var(--prompt-dark-tint) !important;
}


/* Folder design A (2026-10-21): decoration only; original controls and colours. */
html body #chat-main .chat-prompt-area :is(.calm-home-folder,.chat-prompt-add) {
  position: relative;
  border-radius: 5px 13px 13px 13px !important;
  margin-block-start: 0;
  overflow: visible;
}
html body #chat-main .chat-prompt-area :is(.calm-home-folder,.chat-prompt-add)::before {
  content: "";
  position: absolute;
  inset-inline-start: -1px;
  top: auto;
  bottom: calc(100% + 1px);
  transform: none;
  opacity: 1;
  width: 30px;
  height: 5px;
  border: 1px solid;
  border-style: inherit;
  border-color: inherit;
  border-bottom: 0;
  border-radius: 5px 5px 0 0;
  background: inherit;
  pointer-events: none;
}
/* The disclosure mark occupies its own space, leaving the existing pencil hit area intact. */
html body #chat-main .chat-prompt-area .calm-folder-open::after {
  content: "";
  flex: 0 0 5px;
  width: 5px;
  height: 5px;
  border-block-start: 1.5px solid currentColor;
  border-inline-end: 1.5px solid currentColor;
  transform: rotate(45deg);
  opacity: .65;
  margin-inline-start: 3px;
  pointer-events: none;
}
html[dir="rtl"] body #chat-main .chat-prompt-area .calm-folder-open::after { transform: rotate(-45deg); }
dialog#calm-prompt-modal.calm-prompt-modal:has(:is(.calm-folder-list,.calm-folder-create)) {
  --folder-edge: #dfe2d8;
  --folder-tab: #f0f0e8;
  --folder-front: #fffefb;
  max-height: calc(var(--ss-vv-height, 100dvh) - 96px);
  background: transparent !important;
  /* Only the focused folder shell: child controls retain their focus indicators. */
  outline: 0 !important;
  border-radius: 0 16px 16px 16px;
}
html body dialog#calm-prompt-modal.calm-prompt-modal > .chat-prompt-panel:has(> :is(.calm-folder-list,.calm-folder-create)) {
  border-radius: 0 16px 16px 16px !important;
  box-shadow: 0 0 0 1px var(--folder-outline, var(--folder-edge)) !important;
}
html body dialog#calm-prompt-modal.calm-prompt-modal .chat-prompt-panel > :is(.calm-folder-list,.calm-folder-create) {
  border-radius: 0 16px 16px 16px !important;
}
#calm-prompt-modal .calm-folder-tab {
  position: absolute;
  inset-inline-start: -1px;
  top: auto;
  bottom: calc(100% - 1px);
  transform: none;
  opacity: 1;
  height: 31px;
  min-width: 136px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 0 23px 0 19px;
  border: 1px solid var(--prompt-border, var(--folder-edge));
  border-bottom: 0;
  border-radius: 11px 18px 0 0;
  background: var(--folder-tab);
  background: color-mix(in srgb, var(--prompt-tint, var(--folder-tab)) 48%, var(--folder-tab));
  color: inherit;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  pointer-events: none;
}
#calm-prompt-modal .calm-folder-tab svg { width: 15px; height: 15px; flex: none; }
html body #calm-prompt-modal :is(.calm-folder-list,.calm-folder-create) > .chat-prompt-list {
  background: var(--folder-front) !important;
  border-radius: 13px 13px 0 0 !important;
  border-top: 0 !important;
  box-shadow: none;
  margin-block-start: 0 !important;
}
html[data-theme="dark"] dialog#calm-prompt-modal:has(:is(.calm-folder-list,.calm-folder-create)),
html body.dark dialog#calm-prompt-modal:has(:is(.calm-folder-list,.calm-folder-create)) {
  --folder-edge: #474139;
  --folder-tab: #302d28;
  --folder-front: #2c2925;
}
html[data-theme="dark"] #calm-prompt-modal .calm-folder-tab,
html body.dark #calm-prompt-modal .calm-folder-tab {
  border-color: var(--prompt-dark-border, var(--folder-edge));
  background: color-mix(in srgb, var(--prompt-dark-tint, var(--folder-tab)) 48%, var(--folder-tab));
}
html[dir="rtl"] body #chat-main .chat-prompt-area :is(.calm-home-folder,.chat-prompt-add) { border-radius: 13px 5px 13px 13px !important; }
html[dir="rtl"] #calm-prompt-modal .calm-folder-tab { border-radius: 18px 11px 0 0; }

/* Folder surface refinement: one chosen tint, one clean content transition. */
html body #calm-prompt-modal .calm-folder-tab {
  min-width: 92px;
  height: 20px;
  padding: 0;
  border-radius: 9px 14px 0 0;
  border-color: var(--folder-outline, var(--folder-edge)) !important;
  z-index: 1;
}
#calm-prompt-modal .chat-prompt-panel:has(> :is(.calm-folder-list,.calm-folder-create)) {
  --folder-wash: var(--prompt-tint, transparent);
  --folder-outline: var(--prompt-border, var(--folder-edge));
}
html body dialog#calm-prompt-modal.calm-prompt-modal .chat-prompt-panel > .chat-prompt-panel-inner:is(.calm-folder-list,.calm-folder-create),
html body #calm-prompt-modal .calm-folder-tab {
  background: linear-gradient(var(--folder-wash), var(--folder-wash)), var(--folder-front) !important;
}
html body #calm-prompt-modal :is(.calm-folder-list,.calm-folder-create) > .chat-prompt-panel-header {
  background: transparent !important;
  border-bottom: 0 !important;
  padding-inline: 24px !important;
  padding-block: 18px !important;
}
html body #calm-prompt-modal :is(.calm-folder-list,.calm-folder-create) > .chat-prompt-panel-header > svg {
  background: rgb(255 255 255 / .48) !important;
  color: inherit !important;
}
html body #calm-prompt-modal :is(.calm-folder-list,.calm-folder-create) > .chat-prompt-add-row,
html body #calm-prompt-modal :is(.calm-folder-list,.calm-folder-create) > .calm-search-empty {
  background: var(--folder-front) !important;
  border-top: 0 !important;
}
html[data-theme="dark"] #calm-prompt-modal .chat-prompt-panel:has(> :is(.calm-folder-list,.calm-folder-create)),
html body.dark #calm-prompt-modal .chat-prompt-panel:has(> :is(.calm-folder-list,.calm-folder-create)) {
  --folder-wash: var(--prompt-dark-tint, transparent);
  --folder-outline: var(--prompt-dark-border, var(--folder-edge));
}
html[data-theme="dark"] body #calm-prompt-modal :is(.calm-folder-list,.calm-folder-create) > .chat-prompt-panel-header > svg,
html body.dark #calm-prompt-modal :is(.calm-folder-list,.calm-folder-create) > .chat-prompt-panel-header > svg {
  background: rgb(255 255 255 / .06) !important;
}
@media (max-width: 520px) {
  html body #calm-prompt-modal :is(.calm-folder-list,.calm-folder-create) > .chat-prompt-panel-header { padding-inline: 16px !important; }
}

/* The folder surface supplies its own opaque tint; do not cover it with the legacy dark overlay. */
html body #calm-prompt-modal .chat-prompt-panel-inner:is(.calm-folder-list,.calm-folder-create)::before { display: none !important; }

/* The create form shares the open-folder shell; fields keep their neutral surface. */
html body #calm-prompt-modal .calm-folder-create > .chat-prompt-form {
  background: var(--folder-front) !important;
  border-radius: 13px 13px 0 0;
  border-top: 0 !important;
}
html body #calm-prompt-modal .calm-folder-create .chat-prompt-form-actions { border-top: 0 !important; }

/* Centre drop means containment; edge insertion markers remain separate. */
html body #chat-main .chat-prompt-area .calm-home-folder::before {
  transform-origin: bottom left;
  transition: transform 160ms ease-out;
}
html body #chat-main .chat-prompt-area .calm-home-folder.chip-drop-inside {
  outline: 2px solid var(--prompt-hover-ink, #3d725f) !important;
  outline-offset: 2px;
}
html body #chat-main .chat-prompt-area .calm-home-folder.chip-drop-inside::before {
  transform: scaleY(1.4);
}
html body #chat-main .chat-prompt-area .calm-home-folder.chip-drop-inside > .calm-folder-open::after {
  transform: rotate(135deg);
}
html body #chat-main .chat-prompt-area .calm-home-folder.chip-drop-inside > .calm-home-settings {
  visibility: hidden;
}
html[data-theme="dark"] body #chat-main .chat-prompt-area .calm-home-folder.chip-drop-inside {
  outline-color: #b1d3c2 !important;
}
@media (prefers-reduced-motion: reduce) {
  html body #chat-main .chat-prompt-area .calm-home-folder::before { transition: none !important; }
  html body #chat-main .chat-prompt-area .calm-home-folder.chip-drop-inside::before { transform: none; }
}

/* Entry-only polish. No timers, exit delay, backdrop animation or input lock. */
@media (prefers-reduced-motion: no-preference) {
  @keyframes calm-folder-enter {
    from { opacity: 0; transform: translateY(3px); }
    to { opacity: 1; transform: translateY(0); }
  }
  @keyframes calm-folder-menu-enter {
    from { opacity: 0; transform: translateY(2px); }
    to { opacity: 1; transform: translateY(0); }
  }
  html body dialog#calm-prompt-modal[open]:has(.calm-folder-list, .calm-folder-create, [data-i18n="chips.editCategory"]) {
    animation: calm-folder-enter 150ms cubic-bezier(.2, 0, 0, 1);
  }
  html body .calm-actions-menu:not([hidden]) {
    animation: calm-folder-menu-enter 110ms cubic-bezier(.2, 0, 0, 1);
  }
}


/* Source: /chat/css/dist/chat-dictation-css-8dbf1acc0215.css */
:is(.bb-skrivebord,.bb-oversaettelse) .counter-nav-div .ctl-sub .dict-language {
  display:inline-flex!important;align-items:center;justify-content:center;gap:7px;
  width:auto!important;min-width:64px!important;height:40px!important;padding:0 7px!important;
  border:0!important;border-radius:8px!important;background:transparent!important;color:var(--ed-ink)!important;
  box-shadow:none!important;transform:none!important;transition:background-color .12s,color .12s!important;
  font:600 13px/1 Inter,system-ui,sans-serif;cursor:pointer;white-space:nowrap;
}
:is(.bb-skrivebord,.bb-oversaettelse) .counter-nav-div .ctl-sub .dict-language:hover:not(:disabled),
:is(.bb-skrivebord,.bb-oversaettelse) .counter-nav-div .ctl-sub .dict-language[aria-expanded=true],
.dict-mobile:hover,.dict-mobile[aria-expanded=true]{background:var(--ed-hover)!important;color:var(--ed-ink)!important}
.dict-language:focus-visible,.dict-panel :is(button,input):focus-visible{outline:2px solid var(--reader-accent,#3e6c52);outline-offset:2px}
.dict-language svg{width:10px!important;height:10px!important;flex:none}
.dict-language::before,.dict-language::after{content:none!important}
.dict-language bdi{display:inline-flex;align-items:center;gap:5px}
.dict-language img{width:20px!important;height:14px!important;max-width:none;border-radius:2px}
.dict-panel{position:fixed;z-index:100000;width:264px;max-width:calc(100vw - 24px);box-sizing:border-box;overflow:auto;padding:20px 18px;border:1px solid #d5ddd0;border-radius:18px;box-shadow:0 12px 32px rgba(30,43,33,.16);background:#fffefb;color:#26241f;font:14px/1.4 Inter,system-ui,sans-serif}
.dict-panel[hidden]{display:none!important}
.dict-panel h2{font:600 14px/1.4 Inter,system-ui,sans-serif;margin:0 0 8px}
.dict-panel fieldset{border:0;padding:0;margin:0}.dict-panel legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.dict-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#e9eee3;border:1px solid #d5ddd0;border-radius:10px;padding:3px;gap:3px;margin-bottom:0}
.dict-options label{min-width:0;position:relative;cursor:pointer;text-align:center;margin:0;padding:0}
.dict-options input{position:absolute;opacity:0;width:100%;height:100%;inset:0;margin:0;cursor:pointer}
.dict-options span{display:flex;justify-content:center;align-items:center;min-height:44px;padding:5px 3px;box-sizing:border-box;border-radius:8px;font-size:14px;line-height:20px;font-weight:500;color:#62564a}
.dict-options input:checked+span{background:#fffefb;color:#3e6c52;font-weight:600;box-shadow:0 1px 3px #00000008}
.dict-options input:focus-visible+span{outline:2px solid #3e6c52;outline-offset:-2px}
[data-theme=dark] .dict-panel{background:#26332c;border-color:#4b5b4d;color:#eeeae1}
[data-theme=dark] .dict-options span{color:#d2cbbf}
[data-theme=dark] .dict-options{background:#1e2a23;border-color:#4b5b4d}
[data-theme=dark] .dict-options input:checked+span{background:#34473e;color:#f1f4ed;border-color:#596a5a}
.dict-mobile{display:none}
@media(max-width:767px){#sk-edit-toolbar:has(.dict-mobile){gap:6px;padding-inline:8px}#sk-edit-toolbar:has(.dict-mobile) .sk-tb-primary{min-width:0;flex:1;padding-inline:8px}.dict-mobile{display:inline-flex;align-items:center;gap:5px;border:0;border-radius:8px;background:transparent;color:inherit;font:600 12px Inter,system-ui,sans-serif;min-height:44px;min-width:44px;max-width:90px;padding:0 8px;flex:0 1 auto}.dict-mobile bdi{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dict-mobile svg{width:10px;height:10px;flex:none}}

.dict-options input:disabled+span{opacity:.45;cursor:not-allowed}.dict-language:disabled{opacity:.65;cursor:default}

@media(max-width:360px){.dict-mobile{padding:0 4px;min-width:48px;gap:0}.dict-mobile svg{display:none}}

.dict-panel .dict-help{margin:8px 0 0;font-size:11px;line-height:1.4;font-weight:400;color:inherit}

.dict-panel .dict-select{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-width:0;min-height:44px;padding:5px 8px;box-sizing:border-box;border:0;border-radius:8px;background:transparent;color:#62564a;cursor:pointer}
.dict-select svg{width:10px;height:10px;flex:none}.dict-select .dict-globe{width:18px;height:18px}
.dict-select img,.dict-language-list img{width:21px;height:15px;object-fit:contain;flex:none}
.dict-panel .dict-select:hover{background:var(--ss-hover,#e2e8dd)}
.dict-panel .dict-select.is-selected{background:#fffefb;color:#3e6c52;box-shadow:0 1px 3px #00000008}
.dict-select:focus-visible{outline:2px solid #3e6c52;outline-offset:-2px}
.dict-language-list{position:fixed;z-index:100001;box-sizing:border-box;width:236px;max-width:calc(100vw - 24px);overflow:auto;overscroll-behavior:contain;padding:8px;background:var(--ss-surface,#fffefb);color:var(--ss-text,#26241f);border:1px solid var(--ss-border,#d5ddd0);border-radius:16px;box-shadow:var(--ss-shadow,0 12px 32px #1e2b2129);scrollbar-width:thin;scroll-padding:8px}
.dict-language-list[hidden]{display:none!important}
.dict-language-list button{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:10px 12px;border:0;border-radius:8px;background:transparent;color:inherit;font:500 14px/20px Inter,Arial,sans-serif;text-align:start;cursor:pointer}
.dict-language-list .dict-row:hover{background:var(--ss-hover,#edf1e9)}
.dict-language-list button:focus-visible{outline:none}
.dict-language-list button:focus-visible{box-shadow:inset 0 0 0 2px var(--ss-on-selected,#3e6c52)}
.dict-language-list .dict-row:has(.dict-choice[aria-pressed=true]){background:var(--ss-selected,#e4eee7);color:var(--ss-on-selected,#3e6c52)}
[data-theme=dark] .dict-panel .dict-select{color:#d2cbbf}[data-theme=dark] .dict-panel .dict-select.is-selected{background:#34473e;color:#f1f4ed}

.dict-language-list .dict-row{display:grid;grid-template-columns:minmax(0,1fr) 40px;align-items:center;border-radius:8px}
.dict-row>[role=gridcell]{min-width:0}
.dict-language-list .dict-choice{padding-inline:12px 4px;min-width:0}
.dict-choice bdi{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dict-language-list .dict-favorite{width:40px;min-height:44px;justify-content:center;padding:0;color:#939393}
.dict-favorite svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;flex:none}
.dict-language-list .dict-favorite[aria-pressed=true]{color:#b78310}
.dict-favorite[aria-pressed=true] svg{fill:#e9b83d;stroke:#b78310}
.dict-favorite:disabled{cursor:default;opacity:.5}
.dict-favorite-status{font:12px/1.4 Inter,system-ui,sans-serif;margin:8px 0 0;color:#a13222}
[data-theme=dark] .dict-language-list .dict-favorite{color:#b4b4b4}
[data-theme=dark] .dict-language-list .dict-favorite[aria-pressed=true]{color:#f1c75a}
[data-theme=dark] .dict-favorite[aria-pressed=true] svg{fill:#f1c75a;stroke:#f1c75a}
[data-theme=dark] .dict-favorite-status{color:#ffb5aa}

/* Keep the fast Danish qualifier readable within the existing 44px segment. */
.dict-options span{flex-direction:column}
.dict-options small{font:500 11px/14px Inter,system-ui,sans-serif}

/* Translator mobile labels need a block box for text-overflow to render. */
:is(body#translation-shared,body:has(#chat-app)) .dict-mobile bdi{display:block;min-width:0}

/* Separate neighboring state fills; preserve independent language and star actions. */
.dict-language-list .dict-row + .dict-row{margin-top:4px}
/* Toolbar icon resets must not squeeze the text-bearing language control. */
html body :is(#st-source-toolbar,.counter-nav-div) .ctl-sub .dict-language,
html body #st-source-toolbar .dict-language{width:auto!important;min-width:64px!important;padding-inline:12px!important;flex-shrink:0!important}

/* Keep desktop speech settings evenly inset without changing the phone panel. */
@media(min-width:768px){:is(body#translation-shared,body:has(#chat-app)) .dict-panel{padding:18px}}

/* Compact desktop dictation search; native phone markup and styles remain unchanged. */
:is(body#translation-shared,body:has(#chat-app)) .dict-language-list.dict-has-search{display:flex;flex-direction:column;overflow:hidden}
:is(body#translation-shared,body:has(#chat-app)) .dict-has-search .dict-search{display:flex;align-items:center;gap:8px;flex:0 0 42px;min-height:42px;margin-bottom:8px;padding:0 10px;border:1px solid var(--ss-border,#d5ddd0);border-radius:10px;background:var(--ss-canvas,#faf7f3);color:var(--ss-muted,#62564a)}
:is(body#translation-shared,body:has(#chat-app)) .dict-search>svg{width:16px;height:16px;flex:none}
:is(body#translation-shared,body:has(#chat-app)) .dict-search>input{width:100%;min-width:0;height:100%;padding:0;border:0;outline:0;box-shadow:none;background:transparent!important;color:var(--ss-text,#26241f);font:400 14px/20px Inter,Arial,sans-serif}
:is(body#translation-shared,body:has(#chat-app)) .dict-search>input::placeholder{color:var(--ss-muted,#62564a);opacity:1}
:is(body#translation-shared,body:has(#chat-app)) .dict-search-rows{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scroll-padding:4px}
:is(body#translation-shared,body:has(#chat-app)) .dict-has-search :is(.dict-row,.dict-search-rows,.dict-search-empty)[hidden]{display:none!important}
:is(body#translation-shared,body:has(#chat-app)) .dict-search-empty{padding:10px 12px;color:var(--ss-muted,#62564a);font:400 14px/20px Inter,Arial,sans-serif}

/* Match the native search-clear action to the existing neutral line icons. */
:is(body#translation-shared,body:has(#chat-app)) .dict-search>input::-webkit-search-cancel-button{
 -webkit-appearance:none;appearance:none;width:24px;height:24px;margin:0 0 0 4px;cursor:pointer;align-self:center;vertical-align:middle;
 background-color:var(--ss-muted,#62564a);
 -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 6 12 12M18 6 6 18' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center/16px 16px no-repeat;
 mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 6 12 12M18 6 6 18' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center/16px 16px no-repeat;
}

/* One component-owned palette: robot page styles must not tint speech controls. */
html body :is(.dict-panel,.dict-language-list){
 --ss-surface:#fffefb;--ss-text:#26241f;--ss-border:#d5ddd0;--ss-hover:#e1e8dc;
 --ss-selected:#e5eee9;--ss-on-selected:#376a59;--ss-canvas:#faf7f3;--ss-muted:#62564a;
 --ss-shadow:0 12px 32px #1e2b2129;--dict-scroll-thumb:rgba(0,0,0,.08);
}
html[data-theme=dark] body :is(.dict-panel,.dict-language-list){
 --ss-surface:#252d28;--ss-text:#f0f3ed;--ss-border:#46564a;--ss-hover:#354238;
 --ss-selected:#344d40;--ss-on-selected:#dbf0e0;--ss-canvas:#1d231f;--ss-muted:#bdc8bd;
 --ss-shadow:0 12px 32px #00000057;--dict-scroll-thumb:rgba(255,255,255,.12);
}
html body .dict-panel h2{color:inherit!important}
html body .dict-panel .dict-select{font:500 14px/20px Inter,Arial,sans-serif}
html body .dict-language-list{font:400 14px/20px Inter,Arial,sans-serif}
html body .dict-language-list .dict-search>input{color:var(--ss-text)!important}
@media(min-width:768px){html body .dict-panel{padding:18px}}
/* Standard scrollbar styling plus a fallback for older WebKit engines. */
html body :is(.dict-panel,.dict-language-list,.dict-search-rows){scrollbar-width:thin;scrollbar-color:var(--dict-scroll-thumb) transparent}
html body :is(.dict-panel,.dict-language-list,.dict-search-rows)::-webkit-scrollbar{width:6px;height:6px}
html body :is(.dict-panel,.dict-language-list,.dict-search-rows)::-webkit-scrollbar-track{background:transparent}
html body :is(.dict-panel,.dict-language-list,.dict-search-rows)::-webkit-scrollbar-thumb{background:var(--dict-scroll-thumb);border-radius:6px}

/* Chat adapter: native microphone and separate voice-conversation button preserved. */
#chat-app .chat-dict-language{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:64px;max-width:156px;min-height:44px;height:44px;width:auto;padding:0 10px;border:0;border-radius:8px;background:transparent;color:inherit;font:500 13px/1.2 Inter,system-ui,sans-serif;cursor:pointer;flex:0 1 auto}
#chat-app .chat-dict-language bdi{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#chat-app .chat-dict-language:hover:not(:disabled),#chat-app .chat-dict-language[aria-expanded=true]{background:var(--ss-hover,#edf1e9)}
#chat-app .chat-dict-language:disabled{opacity:.65;cursor:default}
#chat-app .chat-input-toolbar-right{gap:0}
#chat-app .chat-dict-language+.ss-voice-trigger{margin-inline-start:8px}
@media(max-width:480px){#chat-app .chat-dict-language{max-width:110px;padding:0 6px;font-size:12px}}


/* Source: /chat/css/calm/prompt-shared-presentation-20261028.css */
/* Shared prompt presentation, extracted from current live Chat design. */
#calm-prompt-modal .cvm-type-send{color:var(--ss-on-action,#fff)!important}
html body:is([data-app-chat-design="shared"],#prompts-app):has(#calm-prompt-modal,dialog.chat-prompt-move-dialog,dialog.calm-prompt-confirm) :is(#calm-prompt-modal,dialog.chat-prompt-move-dialog,dialog.calm-prompt-confirm){color:var(--ss-text);--warm-text:var(--ss-text);--cream:var(--ss-surface);--card-bg:var(--ss-surface)}
html body:is([data-app-chat-design="shared"],#prompts-app):has(#calm-prompt-modal,dialog.chat-prompt-move-dialog,dialog.calm-prompt-confirm) #calm-prompt-modal:not(:has(.calm-folder-list,.calm-folder-create)),
html body:is([data-app-chat-design="shared"],#prompts-app):has(#calm-prompt-modal,dialog.chat-prompt-move-dialog,dialog.calm-prompt-confirm) #calm-prompt-modal .calm-prompt-form-mode,
html body:is([data-app-chat-design="shared"],#prompts-app):has(#calm-prompt-modal,dialog.chat-prompt-move-dialog,dialog.calm-prompt-confirm) :is(dialog.chat-prompt-move-dialog,dialog.calm-prompt-confirm){background:var(--ss-surface)!important;color:var(--ss-text)!important;box-shadow:var(--ss-shadow)}
html body:is([data-app-chat-design="shared"],#prompts-app):has(#calm-prompt-modal,dialog.chat-prompt-move-dialog,dialog.calm-prompt-confirm) #calm-prompt-modal :is(.calm-prompt-form-mode,.chat-prompt-form) :is(input,textarea){background:var(--ss-surface)!important;border-color:var(--ss-border)!important;color:var(--ss-text)!important}
html body:is([data-app-chat-design="shared"],#prompts-app):has(#calm-prompt-modal,dialog.chat-prompt-move-dialog,dialog.calm-prompt-confirm) #calm-prompt-modal :is(.chat-prompt-panel-title,.chat-prompt-form-label,.cvm-title,.cvm-head){color:var(--ss-text)!important}
html body:is([data-app-chat-design="shared"],#prompts-app):has(#calm-prompt-modal,dialog.chat-prompt-move-dialog,dialog.calm-prompt-confirm) #calm-prompt-modal :is(.chat-prompt-form-cancel,.cvm-proposal,.cvm-composer){border-color:var(--ss-border)!important;color:var(--ss-text)!important}
html body:is([data-app-chat-design="shared"],#prompts-app):has(#calm-prompt-modal,dialog.chat-prompt-move-dialog,dialog.calm-prompt-confirm) #calm-prompt-modal :is(.chat-prompt-form-save,.cvm-yes){background:var(--ss-action)!important;color:var(--ss-on-action)!important}
html body:is([data-app-chat-design="shared"],#prompts-app):has(#calm-prompt-modal,dialog.chat-prompt-move-dialog,dialog.calm-prompt-confirm) #calm-prompt-modal .calm-prompt-form-mode::before{background:var(--ss-surface)!important}
html body:is([data-app-chat-design="shared"],#prompts-app):has(#calm-prompt-modal,dialog.chat-prompt-move-dialog,dialog.calm-prompt-confirm) #calm-prompt-modal :is(input,textarea)::placeholder{color:var(--ss-muted)!important;opacity:1!important}
html body:is([data-app-chat-design="shared"],#prompts-app):has(#calm-prompt-modal,dialog.chat-prompt-move-dialog,dialog.calm-prompt-confirm) #calm-prompt-modal :is(.cvm-composer,.cvm-proposal){background:var(--ss-surface)!important}
html body:is([data-app-chat-design="shared"],#prompts-app):has(#calm-prompt-modal,dialog.chat-prompt-move-dialog,dialog.calm-prompt-confirm) #calm-prompt-modal .cvm-composer .cvm-type-field{background:transparent!important;border:0!important;border-radius:0!important;color:var(--ss-text)!important}
html body:is([data-app-chat-design="shared"],#prompts-app):has(#calm-prompt-modal,dialog.chat-prompt-move-dialog,dialog.calm-prompt-confirm) .calm-actions-menu{background:var(--ss-surface)!important;color:var(--ss-text)!important;border-color:var(--ss-border)!important;box-shadow:var(--ss-shadow)}
html body:is([data-app-chat-design="shared"],#prompts-app):has(#calm-prompt-modal,dialog.chat-prompt-move-dialog,dialog.calm-prompt-confirm) .calm-actions-menu button{color:var(--ss-text)!important}
html body:is([data-app-chat-design="shared"],#prompts-app):has(#calm-prompt-modal,dialog.chat-prompt-move-dialog,dialog.calm-prompt-confirm) .calm-actions-menu button:is(:hover,:focus-visible){background:var(--ss-hover)!important}
html body:is([data-app-chat-design="shared"],#prompts-app):has(#calm-prompt-modal,dialog.chat-prompt-move-dialog,dialog.calm-prompt-confirm) .chat-prompt-move-done-btn{background:var(--ss-action)!important;color:var(--ss-on-action)!important}
/* Preserve the native colored folder flap/header/front and their animation. */
html body:is([data-app-chat-design="shared"],#prompts-app):has(#calm-prompt-modal,dialog.chat-prompt-move-dialog,dialog.calm-prompt-confirm) #calm-prompt-modal:has(.calm-folder-list,.calm-folder-create){--folder-front:var(--ss-surface);--folder-edge:var(--ss-border);--folder-tab:var(--ss-surface-alt)}


/* Source: /assets/css/folder-form-20261028.css?v=2 */
/* Shared folder form: use the existing site palette, never card/chip colours. */
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create){--warm-text:var(--ss-text);--cream:var(--ss-surface);--card-bg:var(--ss-surface);color:var(--ss-text);font:15px/1.5 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;--folder-front:var(--ss-surface);--folder-edge:var(--ss-border)}
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) .calm-folder-create{background:var(--ss-surface)!important;color:var(--ss-text)!important;font:inherit!important}
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) :is(input,button,label,summary){font-family:inherit!important;font-size:15px!important;line-height:1.5!important}
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) .chat-prompt-panel-title{color:var(--ss-text)!important;font-size:22px!important;line-height:1.35!important;font-weight:600!important}
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) .chat-prompt-form-label{color:var(--ss-text)!important;font-size:14px!important;font-weight:600!important}
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) summary{color:var(--ss-text)!important;font-size:14px!important;min-height:44px;display:list-item}
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) #cpf-cat-name{background:var(--ss-surface)!important;color:var(--ss-text)!important;border:1px solid var(--ss-control-border)!important;font-size:16px!important;min-height:48px;box-shadow:none!important}
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) #cpf-cat-name:focus{border-color:var(--ss-accent)!important;background:var(--ss-canvas)!important;outline:none!important;box-shadow:none!important}
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) .chat-prompt-icon-picker{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:8px!important}
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) .chat-prompt-icon-btn{background:var(--ss-canvas)!important;color:var(--ss-action)!important;border:1px solid var(--ss-border)!important;width:100%!important;min-width:0!important;height:44px!important;min-height:44px!important;box-shadow:none!important}
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) .chat-prompt-icon-btn:is(.is-selected,[aria-pressed="true"]){background:var(--ss-selected-strong)!important;color:var(--ss-on-selected-strong)!important;border-color:var(--ss-control-border)!important}
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) .chat-prompt-color-picker{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:4px!important}
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) .chat-prompt-color-btn:not([hidden]){width:100%!important;max-width:none!important;min-width:0!important;height:44px!important;min-height:44px!important;aspect-ratio:auto!important;display:grid!important;place-items:center;border-radius:8px!important;box-shadow:none!important}
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) .chat-prompt-color-dot{width:26px!important;height:26px!important}
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) .chat-prompt-color-btn.is-selected .chat-prompt-color-dot{box-shadow:0 0 0 2px var(--ss-surface),0 0 0 3px var(--ss-accent)}
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) .chat-prompt-form-save{background:var(--ss-action)!important;color:var(--ss-on-action)!important;border:1px solid var(--ss-control-border)!important}
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) .chat-prompt-form-cancel{background:var(--ss-surface)!important;color:var(--ss-text)!important;border:1px solid var(--ss-control-border)!important}
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) :is(.chat-prompt-form-save,.chat-prompt-form-cancel){min-height:44px!important;font-size:15px!important;line-height:1.4!important;font-weight:600!important;padding:10px 20px!important;border-radius:14px!important;box-shadow:none!important}
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) :is(.chat-prompt-panel-close,.chat-prompt-icon-more){color:var(--ss-muted)!important}
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) .chat-prompt-panel-close{width:44px!important;height:44px!important}
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) :is(button,summary):focus-visible{outline:none!important;box-shadow:none!important;background:var(--ss-selected)!important;color:var(--ss-text)!important}
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) .chat-prompt-form-save:is(:hover,:focus-visible){background:var(--ss-action-hover)!important;color:var(--ss-on-action)!important}
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) .chat-prompt-form-cancel:hover{background:var(--ss-selected)!important}
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) .chat-prompt-icon-btn:not(.is-selected):hover{background:var(--ss-hover)!important}
html[data-theme="dark"] body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) .chat-prompt-icon-btn:not(.is-selected):not([aria-pressed="true"]){color:var(--ss-accent)!important}
@media(max-width:650px){html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) .chat-prompt-icon-picker{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:4px!important}html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) .chat-prompt-panel-title{font-size:20px!important}}


/* Source: /chat/css/calm/shared-folder-creator.css?v=20261028-2 */
/* Shared Chat folder creation: selected colour joins header and flap. */
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) .chat-prompt-panel-header,
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) .calm-folder-tab {
  background: linear-gradient(var(--folder-wash, transparent), var(--folder-wash, transparent)), var(--folder-front) !important;
}
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) .chat-prompt-form-actions {
  background: var(--folder-front) !important;
}
html body #calm-prompt-modal#calm-prompt-modal#calm-prompt-modal:has(.calm-folder-create) .calm-folder-tab {
  border: 1px solid var(--folder-outline, var(--folder-edge));
  border-bottom: 0;
}

/* Empty folders are one neutral body below the coloured header. */
html body #calm-prompt-modal#calm-prompt-modal .calm-folder-list > .chat-prompt-list:empty { display:none !important; }
html body #calm-prompt-modal#calm-prompt-modal .calm-folder-list > .calm-search-empty {
  margin:0 !important; padding:24px 24px 8px !important;
  border:0 !important; border-radius:13px 13px 0 0;
  background:var(--folder-front) !important; color:var(--ss-muted, var(--warm-text)) !important;
  font:400 16px/1.5 Inter,system-ui,sans-serif; text-align:center;
}
/* Native scrollbar, themed with an opaque thumb and enough contrast. */
#calm-prompt-modal :is(.chat-prompt-form,.chat-prompt-list),#calm-prompt-modal {
  scrollbar-width:thin; scrollbar-color:#87958a #fffefb;
}
html[data-theme="dark"] #calm-prompt-modal :is(.chat-prompt-form,.chat-prompt-list),
html[data-theme="dark"] #calm-prompt-modal {
  scrollbar-color:#82968a #252d28;
}
@media(forced-colors:active){#calm-prompt-modal,#calm-prompt-modal :is(.chat-prompt-form,.chat-prompt-list){scrollbar-color:auto}}


/* Source: /my-prompts/assets/platform-center-r1/finish-20261028.css?v=audit-confirm1 */
/* Prompts-only finishing pass. Reuse the app palette; preserve shared editor logic. */
body#prompts-app #delete-announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
html:has(body#prompts-app){--prompt-scroll-thumb:#c7cec5;scrollbar-width:thin;scrollbar-color:var(--prompt-scroll-thumb) transparent}
html[data-theme=dark]:has(body#prompts-app){--prompt-scroll-thumb:#63756a}
body#prompts-app :is(#platform-center,#platform-overlays,#calm-prompt-modal,.chat-prompt-move-dialog),body#prompts-app :is(#platform-center,#platform-overlays,#calm-prompt-modal,.chat-prompt-move-dialog) *{scrollbar-width:thin;scrollbar-color:var(--prompt-scroll-thumb) transparent}
body#prompts-app ::-webkit-scrollbar{width:6px;height:6px}
body#prompts-app ::-webkit-scrollbar-thumb{background:var(--prompt-scroll-thumb);border-radius:8px}
body#prompts-app ::-webkit-scrollbar-track{background:transparent}
body#prompts-app ::-webkit-scrollbar-button{display:none}
body#prompts-app #platform-center .search{padding-inline-end:4px;gap:8px}
body#prompts-app #platform-center .search input{appearance:none;box-shadow:none!important;outline:0!important;margin:0;padding:0;height:100%;font:inherit;line-height:22px;border:0!important;border-radius:0;background:transparent!important}
body#prompts-app #search::-webkit-search-cancel-button,body#prompts-app #search::-webkit-search-decoration{appearance:none;display:none}
body#prompts-app #search::selection{background:var(--ss-selected,#e5eee9);color:var(--ss-text)}
body#prompts-app #platform-center #search-clear{flex:0 0 32px;min-width:32px;width:32px;height:42px;min-height:42px;padding:6px;border:0;background:transparent;color:var(--muted);border-radius:20px}
body#prompts-app #platform-center #search-clear:is(:hover,:focus-visible){background:var(--selected);color:var(--text)}
body#prompts-app #search-clear svg{width:16px;height:16px}
body#prompts-app #platform-center #library:empty{display:none}
body#prompts-app #platform-center #empty{margin:0;padding:0 0 20px;font:15px/1.5 Inter,system-ui,sans-serif;color:var(--muted);background:transparent}
body#prompts-app #platform-center #opened .rows{padding:8px 20px}
body#prompts-app #platform-center #opened .prompt-row{margin:0;padding:4px 0;min-height:64px;gap:8px;border:0;border-bottom:1px solid var(--border);border-radius:0;background:transparent;box-shadow:none;align-items:center}
body#prompts-app #platform-center #opened .prompt-row:last-child{border-bottom:0}
body#prompts-app #platform-center #opened .row-title{font:15px/1.5 Inter,system-ui,sans-serif;min-height:44px;padding:8px 4px;gap:10px;cursor:pointer;align-items:center}
body#prompts-app #platform-center #opened .row-title span{min-width:0;text-align:start;overflow-wrap:anywhere}
body#prompts-app #platform-center #opened .drag-handle{flex:0 0 24px;min-width:24px;width:24px;margin:0}
body#prompts-app #platform-center #opened .row-move{min-height:44px;flex:none;white-space:nowrap}
body#prompts-app #platform-center #opened .library-delete{flex:0 0 36px;min-height:44px}
body#prompts-app #platform-center #opened .folder-empty{padding:20px 0 12px;font:15px/1.5 Inter,system-ui,sans-serif;background:transparent}
body#prompts-app #platform-center #opened .add-row{margin:8px 20px 20px;width:calc(100% - 40px)}
body#prompts-app #platform-center #opened .panel-head h2{min-width:0;overflow-wrap:anywhere}
body#prompts-app dialog.chat-prompt-move-dialog{font:15px/1.5 Inter,system-ui,sans-serif;width:min(460px,calc(100vw - 32px));max-width:460px;border:1px solid var(--ss-border);border-radius:17px;overflow:hidden}
body#prompts-app dialog.chat-prompt-move-dialog::backdrop{background:rgb(250 247 243 / .65);backdrop-filter:blur(4px)}
html[data-theme=dark] body#prompts-app dialog.chat-prompt-move-dialog::backdrop{background:rgb(16 24 18 / .65)}
body#prompts-app .chat-prompt-move-inner{max-height:calc(100dvh - 34px)}
body#prompts-app .chat-prompt-move-dialog .chat-prompt-panel-header{padding:18px 24px 10px;border:0;flex-shrink:0}
body#prompts-app .chat-prompt-move-dialog .chat-prompt-panel-title{font:600 22px/1.35 Inter,system-ui,sans-serif;color:var(--ss-text)}
body#prompts-app .chat-prompt-move-close{width:44px;min-height:44px;flex:0 0 44px;align-items:center;justify-content:center;padding:0;color:var(--ss-muted);background:transparent}
body#prompts-app .chat-prompt-move-close:is(:hover,:focus-visible){background:var(--ss-selected);outline:0}
body#prompts-app .chat-prompt-move-body{padding:6px 24px 0;min-height:0;overflow:auto}
body#prompts-app .chat-prompt-move-name{font:400 15px/1.5 Inter,system-ui,sans-serif;color:var(--ss-text);margin:0 0 20px}
body#prompts-app .chat-prompt-move-label{font:600 14px/1.5 Inter,system-ui,sans-serif;color:var(--ss-text);margin-bottom:8px}
body#prompts-app .chat-prompt-move-picker{border:1px solid var(--ss-border);border-radius:11px;padding:4px;max-height:240px;overscroll-behavior:contain}
body#prompts-app .chat-prompt-move-option{font:400 15px/1.5 Inter,system-ui,sans-serif;color:var(--ss-text);min-height:44px;padding:10px 12px;outline:0}
body#prompts-app .chat-prompt-move-option:is(:hover,[aria-selected=true],:focus-visible){background:var(--ss-selected);color:var(--ss-text)}
body#prompts-app .chat-prompt-move-error:empty{display:none}
body#prompts-app .chat-prompt-move-footer{padding:20px 24px 24px;flex-shrink:0}
html body#prompts-app dialog.chat-prompt-move-dialog .chat-prompt-move-done-btn{font:600 15px/1.4 Inter,system-ui,sans-serif;min-height:44px;padding:10px 22px;border-radius:11px;background:var(--ss-action)!important;color:var(--ss-on-action,#fff)!important}
@media(max-width:600px){
 body#prompts-app #platform-center .search input{font-size:16px}
 body#prompts-app #platform-center #opened .rows{padding:6px 12px}
 body#prompts-app #platform-center #opened .prompt-row{gap:4px}
 body#prompts-app #platform-center #opened .add-row{margin:8px 12px 12px;width:calc(100% - 24px)}
 body#prompts-app #platform-center #opened .row-move{padding-inline:6px}
 body#prompts-app .chat-prompt-move-dialog .chat-prompt-panel-header{padding:14px 16px 8px}
 body#prompts-app .chat-prompt-move-body{padding:6px 16px 0}
 body#prompts-app .chat-prompt-move-footer{padding:16px}
}

/* Platform picker and placement share the receive-code dialog's spacing and controls. */
body#prompts-app #platform-overlays #picker{width:520px;border:1px solid var(--ss-border,var(--border));font:15px/1.5 Inter,system-ui,sans-serif}
body#prompts-app #platform-overlays #picker .panel-head{background:var(--surface);padding:20px 24px 12px;gap:12px}
body#prompts-app #platform-overlays #picker .panel-head h2{font:600 22px/1.35 Inter,system-ui,sans-serif;margin:0}
body#prompts-app #platform-overlays #picker .close{display:flex;align-items:center;justify-content:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:10px;background:transparent;color:var(--ss-muted,var(--muted));flex:none}
body#prompts-app #platform-overlays #picker .close svg{width:16px;height:16px;display:block}
body#prompts-app #platform-overlays #picker .close:is(:hover,:focus-visible){background:var(--ss-hover,var(--selected));color:var(--text)}
body#prompts-app #platform-overlays #picker-body{padding:6px 24px 0;scrollbar-width:thin;scrollbar-color:var(--prompt-scroll-thumb) transparent}
body#prompts-app #platform-overlays #picker .actions{padding:24px;gap:10px}
body#prompts-app #platform-overlays #picker .actions button{font:600 15px/1.4 Inter,system-ui,sans-serif;border-color:var(--ss-control-border,var(--control));border-radius:14px;padding:10px 20px}
body#prompts-app #platform-overlays #picker .actions .primary{background:var(--ss-action,var(--action));color:var(--ss-on-action,#fff)}
body#prompts-app #platform-overlays #picker .actions .primary:is(:hover,:focus-visible){background:var(--ss-action-hover,var(--action))}
body#prompts-app #platform-overlays .choice-row{grid-template-columns:18px 18px minmax(0,1fr);gap:12px;min-height:48px;padding:10px 8px;font:400 15px/24px Inter,system-ui,sans-serif}
body#prompts-app #platform-overlays .choice-row input[type=checkbox]{appearance:none;-webkit-appearance:none;position:relative;box-sizing:border-box;width:18px;height:18px;min-height:18px;min-width:18px;margin:0;padding:0;border:1px solid var(--ss-control-border,var(--control));border-radius:4px;background:var(--surface);cursor:pointer;box-shadow:none}
body#prompts-app #platform-overlays .choice-row input:is(:checked,:indeterminate){background:var(--action);border-color:var(--action)}
body#prompts-app #platform-overlays .choice-row input:checked::after{content:"";position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
body#prompts-app #platform-overlays .choice-row input:indeterminate::after{content:"";position:absolute;left:3px;right:3px;top:7px;height:2px;background:#fff}
body#prompts-app #platform-overlays .picker-folder details>summary{display:flex;align-items:center;gap:10px;padding:10px 8px;list-style:none;font:400 14px/24px Inter,system-ui,sans-serif}
body#prompts-app #platform-overlays .picker-folder details>summary::-webkit-details-marker{display:none}
body#prompts-app #platform-overlays .picker-folder details>summary::before{content:"";width:6px;height:6px;flex:none;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);margin-inline:4px 6px}
body#prompts-app #platform-overlays .picker-folder details[open]>summary::before{transform:rotate(45deg)}
body#prompts-app #platform-overlays .picker-folder .child-choice{padding-inline-start:30px}
body#prompts-app #picker .order-label{font-size:14px;font-weight:600;margin:0 0 8px}
body#prompts-app #picker .order-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:11px 14px;text-align:start;font-weight:400;border:1px solid var(--ss-control-border,var(--control));border-radius:12px;background:var(--surface)}
body#prompts-app #picker .order-trigger::after{content:"";flex:none;width:7px;height:7px;border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);transform:rotate(45deg);margin:0 3px 4px}
body#prompts-app #picker .order-trigger[aria-expanded=true]::after{transform:rotate(225deg);margin-block:4px 0}
body#prompts-app #picker .order-options{margin-top:6px;padding:4px;border:1px solid var(--border);border-radius:11px;max-height:220px;overflow:auto;overscroll-behavior:contain;background:var(--surface)}
body#prompts-app #picker .order-option{display:block;width:100%;min-height:44px;padding:10px 12px;border:0;border-radius:7px;text-align:start;font:400 15px/1.5 Inter,system-ui,sans-serif;background:transparent;overflow-wrap:anywhere}
body#prompts-app #picker :is(.order-trigger,.order-option):is(:hover,:focus-visible),body#prompts-app #picker .order-option[aria-selected=true]{background:var(--ss-selected,var(--selected))}
@media(max-width:600px){body#prompts-app #platform-overlays #picker .panel-head{padding:16px 16px 10px}body#prompts-app #platform-overlays #picker .panel-head h2{font-size:20px}body#prompts-app #platform-overlays #picker-body{padding:6px 16px 0}body#prompts-app #platform-overlays #picker .actions{padding:20px 16px 16px}body#prompts-app #platform-overlays .choice-row{gap:10px}}
@media(forced-colors:active){body#prompts-app #platform-overlays .choice-row input[type=checkbox]{appearance:auto}body#prompts-app #platform-overlays .choice-row input::after{display:none}}

body[data-native-cards] #calm-prompt-modal:has(.calm-prompt-form-mode) .cvm-suggestion.cvm-suggestion--builder .cvm-undo{text-decoration:none}


/* Source: /my-prompts/assets/platform-center-r1/sharing-20261028.css?v=appearance2 */
/* Approved controls, scoped to Prompts. Keep the current shell and finish fixes. */
body#prompts-app #platform-center .create{flex-wrap:wrap}
body#prompts-app #receive-code{border:0;background:transparent;box-shadow:none;color:var(--muted);font-size:14px;font-weight:500;min-height:44px;padding:10px 12px;white-space:normal}
body#prompts-app #receive-code::after{content:none}
body#prompts-app #receive-code:hover,body#prompts-app #receive-code:focus-visible{color:var(--text);background:var(--selected)}
body#prompts-app #opened .panel-head h2{flex:1;min-width:0;margin:0}
body#prompts-app #opened .folder-edit{border:0;background:transparent;color:var(--text);min-height:44px;max-width:100%;padding:6px 4px;margin-inline-start:-4px;gap:9px;font:inherit;font-weight:600;text-align:start;border-radius:8px}
body#prompts-app #opened .folder-edit:hover,body#prompts-app #opened .folder-edit:focus-visible{background:var(--selected)}
body#prompts-app #opened .folder-edit svg{flex-shrink:0;width:20px;height:20px}
body#prompts-app #opened .folder-edit span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body#prompts-app #opened .folder-edit .edit-cue{display:inline-flex;flex:0 0 16px;width:16px;height:16px;overflow:visible;color:var(--muted)}
body#prompts-app #opened .folder-edit .edit-cue svg{display:block;width:16px;height:16px}
body#prompts-app #opened .header-share{background:var(--action);border:1px solid var(--action);color:#fff;min-height:44px;padding:8px 12px;gap:7px;font-size:14px;font-weight:600;flex-shrink:0}
body#prompts-app #opened .header-share svg{width:17px;height:17px}
body#prompts-app #opened .panel-head>.close{flex-shrink:0}
body#prompts-app #platform-center .row-more{border:0;background:transparent;color:var(--muted);width:44px;min-width:44px;height:44px;padding:0;border-radius:9px;flex-shrink:0;font-size:24px;line-height:1;box-shadow:none}
body#prompts-app #platform-center .row-more:hover,body#prompts-app #platform-center .row-more:focus-visible,body#prompts-app #platform-center .row-more[aria-expanded=true]{background:var(--selected);color:var(--text)}
body#prompts-app #row-menu{position:fixed;inset:auto;margin:0;width:200px;padding:6px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 28px #18271e25}
body#prompts-app #row-menu button{width:100%;justify-content:flex-start;min-height:44px;border:0;background:transparent;border-radius:7px;padding:10px 12px;gap:12px;font-size:15px;text-align:start}
body#prompts-app #row-menu button:hover,body#prompts-app #row-menu button:focus-visible{background:var(--selected)}
body#prompts-app #row-menu svg{height:18px;width:18px;flex-shrink:0}
body#prompts-app #row-menu hr{margin:5px 6px;border:0;border-top:1px solid var(--border)}
body#prompts-app #row-menu .danger{color:#98493c}
html[data-theme=dark] body#prompts-app #row-menu .danger{color:#efb6a7}
body#prompts-app #share-dialog{width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--border);border-radius:18px;background:var(--surface);color:var(--text);box-shadow:0 18px 45px #18271e25;font:15px/1.5 Inter,sans-serif;overflow:auto}
body#prompts-app #share-dialog::backdrop{background:#faf8f3a8;backdrop-filter:blur(5px)}
html[data-theme=dark] body#prompts-app #share-dialog::backdrop{background:#0b130eb3}
body#prompts-app #share-dialog .code-head{display:flex;align-items:center;gap:12px;padding:20px 24px 8px}
body#prompts-app #share-dialog h2{flex:1;font:600 22px/1.3 Inter,sans-serif;margin:0}
body#prompts-app #share-dialog .close{width:44px;height:44px;min-width:44px;border:0;background:transparent;color:var(--muted);font-size:24px;padding:0}
body#prompts-app #share-dialog .code-body{padding:12px 24px 24px}
body#prompts-app #share-dialog .code-subject{display:flex;gap:12px;align-items:center;border:1px solid var(--border);border-radius:12px;padding:14px 16px;background:var(--bg);overflow-wrap:anywhere}
body#prompts-app #share-dialog .code-subject svg{height:20px;width:20px;flex-shrink:0}
body#prompts-app #share-dialog p{margin:16px 0;color:var(--muted)}
body#prompts-app #share-dialog .share-code{background:var(--selected);border-radius:12px;padding:18px;text-align:center;font-size:36px;font-weight:600;letter-spacing:6px;font-variant-numeric:tabular-nums;user-select:all}
body#prompts-app #share-dialog .helper{font-size:14px}
body#prompts-app #share-dialog .actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;padding:12px 0 0;margin:0;background:transparent}
body#prompts-app #share-dialog button{font:600 15px/1.4 Inter,sans-serif;min-height:44px;padding:10px 16px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text)}
body#prompts-app #share-dialog button.primary{background:var(--action);color:#fff;border-color:var(--action)}
body#prompts-app #share-dialog button:disabled{opacity:.55;cursor:wait}
body#prompts-app #share-dialog label{display:block;margin-bottom:8px;font-weight:600}
body#prompts-app #sharing-code{width:100%;box-sizing:border-box;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:12px;padding:12px 14px;font:400 24px/1.4 Inter,sans-serif;letter-spacing:4px}
body#prompts-app #share-dialog .code-error{color:#98493c}
html[data-theme=dark] body#prompts-app #share-dialog .code-error{color:#efb6a7}
body#prompts-app #share-dialog .copy-feedback:empty{display:none}
body#prompts-app #share-dialog .preview-text{white-space:pre-wrap;overflow-wrap:anywhere;max-height:220px;overflow:auto;padding:16px;border:1px solid var(--border);border-radius:12px;margin-top:16px}
body#prompts-app #share-dialog .folder-share-preview{border:1px solid var(--border);border-radius:12px;margin-top:16px;padding:4px 16px;max-height:240px;overflow:auto}
body#prompts-app #share-dialog .folder-share-preview>div{padding:12px 0;overflow-wrap:anywhere}
body#prompts-app #share-dialog .folder-share-preview>div+div{border-top:1px solid var(--border)}
@media(max-width:767px){body#prompts-app .create #receive-code{order:3;flex-basis:100%;justify-content:flex-start;text-align:start;padding:4px 2px}body#prompts-app #opened .panel-head{gap:6px;padding:14px 12px}body#prompts-app #opened .header-share{padding:8px 10px}body#prompts-app #share-dialog .code-head{padding:16px 16px 8px}body#prompts-app #share-dialog .code-body{padding:8px 16px 16px}body#prompts-app #share-dialog .share-code{font-size:30px;letter-spacing:4px}}

body#prompts-app #share-dialog{position:fixed;inset:0;margin:auto}

/* Use Chat's exact colour tokens for a recognisable folder/prompt header. */
body#prompts-app #share-dialog{display:none;max-height:calc(100dvh - 64px);overflow:visible;border-radius:16px}
body#prompts-app #share-dialog[open]{display:flex;flex-direction:column}
body#prompts-app #share-dialog .code-head{flex-shrink:0;padding:16px 24px;min-height:72px;box-sizing:border-box;border-radius:16px 16px 0 0}
body#prompts-app #share-dialog .code-body{min-height:0;overflow:auto;padding:20px 24px 24px;border-radius:0 0 16px 16px;background:var(--surface)}
body#prompts-app #share-dialog .code-body>p:first-child{margin-top:0}
body#prompts-app #share-dialog h2{min-width:0;overflow-wrap:anywhere}
body#prompts-app #share-dialog .code-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;border-radius:12px;background:color-mix(in srgb,var(--surface) 60%,transparent)}
body#prompts-app #share-dialog .code-icon svg{width:20px;height:20px}
body#prompts-app #share-dialog.share-identified{--share-wash:var(--prompt-tint,transparent);--share-edge:var(--prompt-border,var(--border));border-color:var(--share-edge)}
body#prompts-app #share-dialog.share-identified .code-head{background:linear-gradient(var(--share-wash),var(--share-wash)),var(--surface)}
html[data-theme=dark] body#prompts-app #share-dialog.share-identified{--share-wash:var(--prompt-dark-tint,transparent);--share-edge:var(--prompt-dark-border,var(--border))}
body#prompts-app #share-dialog.share-folder,body#prompts-app #share-dialog.share-folder .code-head{border-top-left-radius:0}
body#prompts-app #share-dialog.share-folder::before{content:"";position:absolute;left:-1px;bottom:calc(100% - 1px);width:92px;height:20px;box-sizing:border-box;border:1px solid var(--share-edge);border-bottom:0;border-radius:9px 14px 0 0;background:linear-gradient(var(--share-wash),var(--share-wash)),var(--surface);pointer-events:none}
@media(max-width:767px){body#prompts-app #share-dialog .code-head{padding:14px 16px;gap:10px}body#prompts-app #share-dialog .code-body{padding:16px}body#prompts-app #share-dialog h2{font-size:20px}}

/* Receive form follows the existing robot form spacing and interaction tokens. */
body#prompts-app #share-dialog{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
body#prompts-app #share-dialog button{font-family:inherit;border-color:var(--ss-control-border,var(--border));border-radius:14px;padding:10px 20px;box-shadow:none;transition:background-color .15s ease,color .15s ease,border-color .15s ease}
body#prompts-app #share-dialog button:not(.primary):not(.close):not(:disabled):is(:hover,:focus-visible){background:var(--ss-selected,var(--selected));color:var(--ss-text,var(--text))}
body#prompts-app #share-dialog button.primary:not(:disabled):is(:hover,:focus-visible){background:var(--ss-action-hover,var(--action));color:var(--ss-on-action,#fff);border-color:var(--ss-action-hover,var(--action))}
body#prompts-app #share-dialog .close{display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:10px;color:var(--ss-muted,var(--muted));background:transparent}
body#prompts-app #share-dialog .close svg{display:block;width:16px;height:16px}
body#prompts-app #share-dialog .close:is(:hover,:focus-visible){background:var(--ss-hover,var(--selected));color:var(--ss-text,var(--text))}
body#prompts-app #share-dialog.code-receive .code-head{min-height:0;padding:20px 24px 12px}
body#prompts-app #share-dialog.code-receive .code-body{padding:0 24px 24px}
body#prompts-app #share-dialog.code-receive .code-body>p:first-child{margin:0 0 20px}
body#prompts-app #share-dialog.code-receive label{font-size:14px;line-height:1.5;margin:0 0 8px}
body#prompts-app #sharing-code{font:400 20px/1.5 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:3px;min-height:50px;padding:9px 14px;border-color:var(--ss-control-border,var(--border));border-radius:12px;box-shadow:none}
body#prompts-app #sharing-code::placeholder{color:var(--ss-muted,var(--muted));opacity:1}
body#prompts-app #sharing-code:focus{border-color:var(--ss-accent,var(--action));background:var(--ss-canvas,var(--bg));outline:none;box-shadow:none}
body#prompts-app #share-dialog.code-receive .actions{padding-top:24px;gap:10px}
body#prompts-app #share-dialog.code-receive .code-error{margin:10px 0 0;font-size:14px}
@media(max-width:767px){body#prompts-app #share-dialog.code-receive .code-head{padding:16px 16px 12px}body#prompts-app #share-dialog.code-receive .code-body{padding:0 16px 20px}body#prompts-app #share-dialog.code-receive .actions{padding-top:20px}}
@media(prefers-reduced-motion:reduce){body#prompts-app #share-dialog button{transition:none}}

/* Saved prompt appearance uses the same preset/custom tokens as Chat. */
body#prompts-app :is(.library-prompt,.assignment.prompt,.prompt-row)[data-native-prompt]{background:var(--prompt-tint);border-color:var(--prompt-border)}
body#prompts-app .prompt-row[data-native-prompt]{border-radius:10px}
html[data-theme="dark"] body#prompts-app :is(.library-prompt,.assignment.prompt,.prompt-row)[data-native-prompt]{background:var(--prompt-dark-tint);border-color:var(--prompt-dark-border)}