/* Rayy assistant surfaces: the existing pearl, ice, seafoam and blue palette.
   Shared by the React AI entry/composer and the client enquiry portal only.
   Layout, form values, routes and interactions remain owned by their pages. */
.rayy-live .ask-home,
.rayy-live .home-enquiry,
.rayy-live .ask-page,
body[data-mode="requests"] {
  --assistant-ink: #294b5b;
  --assistant-sub: #4f6973;
  --assistant-glass: linear-gradient(118deg,
    #ffffffdb 0%, #edf5f3c9 32%, #bfd2d78c 33%,
    #f8fcfbe8 47%, #e5eeecd9 76%, #d9e9e0cc 100%);
  --assistant-raised: inset 0 1px 0 #ffffffeb,
    inset 0 -1px 1px #68899524,
    0 8px 20px #345c6b12, 0 2px 5px #3157650a;
  --assistant-button: linear-gradient(115deg,
    #496f82 0%, #4b7385 30%, #365c70 50%, #31566b 100%);
  --assistant-button-shadow: inset 0 1px 1px #d8ecea73,
    inset 0 -1px 1px #173b4a33, 0 4px 9px #365c7026;
}

/* Light refracted stripe and a fine metallic rim, without decorative overlays
   that can intercept taps or obscure the content. */
.rayy-live .ask-home.ask-home-compact,
.rayy-live .home-enquiry,
.rayy-live .ask-composer,
body[data-mode="requests"] .portal-shell .panel {
  color: var(--assistant-ink);
  border: 1px solid;
  border-color: #ffffff #c7d9d5 #9fb8bf #e7f2ee;
  background: var(--assistant-glass) padding-box;
  box-shadow: var(--assistant-raised);
}

/* Blur stays on the main panels; gradients remain readable without support. */
@supports ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))) {
  .rayy-live .ask-home.ask-home-compact,
  .rayy-live .home-enquiry,
  .rayy-live .ask-composer,
  body[data-mode="requests"] .portal-shell .panel {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
  }
}

.rayy-live .ask-home .ask-eyebrow,
.rayy-live .ask-page .ask-eyebrow {
  color: #426775;
}
.rayy-live .ask-home.ask-home-compact h2,
.rayy-live .home-enquiry h2,
.rayy-live .ask-page .ask-page-title h1,
.rayy-live .ask-page .ask-reading h2 {
  color: var(--assistant-ink);
  text-shadow: 0 1px 0 #ffffffa6;
}
.rayy-live .ask-home.ask-home-compact > p,
.rayy-live .home-enquiry p,
.rayy-live .ask-page .ask-page-title > p,
.rayy-live .ask-page .ask-composer-footer > span,
.rayy-live .ask-page .ask-examples > p {
  color: var(--assistant-sub);
}
.rayy-live .ask-home label,
.rayy-live .ask-composer > label {
  color: var(--assistant-ink);
}

.rayy-live .ask-home.ask-home-compact textarea,
.rayy-live .ask-composer textarea,
body[data-mode="requests"] .portal-shell input,
body[data-mode="requests"] .portal-shell select,
body[data-mode="requests"] .portal-shell textarea {
  color: var(--assistant-ink);
  background: linear-gradient(140deg, #ffffffd9, #edf4f2d9);
  border: 1px solid #a9bfc5;
  box-shadow: inset 0 2px 4px #315a6510, 0 1px 0 #ffffffcc;
  font-size: 16px;
}
.rayy-live .ask-home.ask-home-compact textarea::placeholder,
.rayy-live .ask-composer textarea::placeholder,
body[data-mode="requests"] .portal-shell input::placeholder,
body[data-mode="requests"] .portal-shell textarea::placeholder {
  color: #566e78;
  opacity: 1;
}
body[data-mode="requests"] .portal-shell select option {
  background: #f8faf9;
  color: var(--assistant-ink);
}

.rayy-live .ask-home .ask-submit,
.rayy-live .ask-page .ask-submit,
.rayy-live .home-enquiry-button,
body[data-mode="requests"] .portal-shell .btn {
  color: #ffffff;
  background: var(--assistant-button);
  border: 1px solid #608897;
  box-shadow: var(--assistant-button-shadow);
  transition: box-shadow .16s ease;
}
.rayy-live .home-enquiry-icon {
  color: #365c70;
  border: 1px solid #e9f6f1;
  background: linear-gradient(135deg, #f5fbf8, #c1d7d9 46%, #d5e7dc);
  box-shadow: inset 1px 1px 1px #ffffff,
    inset -1px -1px 1px #6b92993b, 0 3px 7px #315b6b18;
}

/* Quieter frosted cards keep the request interpretation and offers legible. */
.rayy-live .ask-page .ask-reading,
.rayy-live .ask-page .ask-examples button,
body[data-mode="requests"] .portal-shell .quote {
  color: var(--assistant-ink);
  border: 1px solid #cbdcdd;
  background: linear-gradient(118deg, #ffffffeb, #edf4f1db 70%, #e3efebcc);
  box-shadow: inset 0 1px 0 #ffffff, 0 4px 12px #345c6b0a;
}
.rayy-live .ask-page .ask-facts dd,
.rayy-live .ask-page .ask-edit,
.rayy-live .ask-page .ask-product-reading {
  color: var(--assistant-ink);
}
.rayy-live .ask-page .ask-facts dt {
  color: var(--assistant-sub);
}
.rayy-live .ask-page .ask-source,
.rayy-live .ask-page .ask-availability {
  color: #355969;
  background: #e5efeb;
}
.rayy-live .ask-page .ask-scope button,
.rayy-live .ask-page .ask-mode-options button,
body[data-mode="requests"] .portal-shell .btn.secondary {
  color: #355969;
  background: linear-gradient(135deg, #ffffff, #e6efeb);
  border: 1px solid #b7ccce;
  box-shadow: inset 0 1px 0 #ffffff, 0 2px 5px #3459680a;
}
.rayy-live .ask-page .ask-scope button[aria-pressed="true"],
.rayy-live .ask-page .ask-mode-options button[aria-pressed="true"] {
  color: #ffffff;
  background: var(--assistant-button);
  border-color: #608897;
  box-shadow: var(--assistant-button-shadow);
}

@media (hover: hover) {
  .rayy-live .ask-home .ask-submit:hover:not(:disabled),
  .rayy-live .ask-page .ask-submit:hover:not(:disabled),
  .rayy-live .home-enquiry-button:hover,
  body[data-mode="requests"] .portal-shell .btn:hover:not(:disabled) {
    box-shadow: inset 0 1px 1px #e9f7f4a6, 0 5px 12px #365c7040;
  }
}
.rayy-live .ask-home .ask-submit:active:not(:disabled),
.rayy-live .ask-page .ask-submit:active:not(:disabled),
.rayy-live .home-enquiry-button:active,
body[data-mode="requests"] .portal-shell .btn:active:not(:disabled) {
  box-shadow: inset 0 2px 4px #173b4a40, 0 1px 3px #365c701a;
}
.rayy-live .ask-home :focus-visible,
.rayy-live .home-enquiry :focus-visible,
.rayy-live .ask-page :focus-visible,
body[data-mode="requests"] .portal-shell :focus-visible {
  outline: 3px solid #365c70;
  outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce) {
  .rayy-live .ask-home .ask-submit,
  .rayy-live .ask-page .ask-submit,
  .rayy-live .home-enquiry-button,
  body[data-mode="requests"] .portal-shell .btn {
    transition: none;
  }
}
@media (forced-colors: active) {
  .rayy-live .ask-home.ask-home-compact,
  .rayy-live .home-enquiry,
  .rayy-live .ask-composer,
  body[data-mode="requests"] .portal-shell .panel {
    border-color: CanvasText;
    box-shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}