#digistream-ai-root { --dsai-ink:#172620; --dsai-green:#075e47; --dsai-lime:#d1f590; font:14px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; color:var(--dsai-ink); text-align:left; position:relative; z-index:2147483000; }
#digistream-ai-root *,#digistream-ai-root *::before,#digistream-ai-root *::after { box-sizing:border-box; }
#digistream-ai-root [hidden] { display:none!important; }
#digistream-ai-root button,#digistream-ai-root textarea,#digistream-ai-root select { font:inherit; letter-spacing:normal; text-transform:none; margin:0; }
#digistream-ai-root button { cursor:pointer; border:0; min-height:44px; box-shadow:none; transition:background .18s,transform .18s; }
#digistream-ai-root button:disabled { opacity:.5; cursor:not-allowed; }
#digistream-ai-root button:focus-visible,#digistream-ai-root a:focus-visible,#digistream-ai-root select:focus-visible { outline:3px solid #379d80; outline-offset:3px; }
#digistream-ai-root svg { width:22px; height:22px; flex:none; }
#digistream-ai-root .dsai-launcher {
  position:fixed;
  right:18px;
  bottom:max(16px,calc(env(safe-area-inset-bottom) + 16px));
  width:54px;
  min-width:54px;
  height:54px;
  min-height:54px;
  padding:0;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#fff;
  background:var(--dsai-green);
  border:2px solid #ffffff;
  box-shadow:0 8px 24px #00382742,0 0 16px rgba(255,190,72,.58),0 0 34px rgba(255,224,135,.34);
  line-height:1;
  overflow:visible;
  isolation:isolate;
  animation:dsai-launch-pulse 1.65s ease-in-out infinite;
}
#digistream-ai-root .dsai-launcher::before {
  content:"";
  position:absolute;
  inset:-5px;
  border:2px solid rgba(255,190,72,.58);
  box-shadow:0 0 14px rgba(255,194,76,.50),0 0 28px rgba(255,225,145,.30);
  border-radius:50%;
  z-index:-1;
  animation:dsai-launch-ring 1.65s ease-out infinite;
}
#digistream-ai-root .dsai-launcher:hover {
  background:#044733;
  transform:translateY(-2px) scale(1.04);
}
#digistream-ai-root .dsai-photo-mark {
  position:relative;
  display:block;
  width:100%;
  height:100%;
  border-radius:50%;
  overflow:hidden;
  background:#fff;
}
#digistream-ai-root .dsai-photo-mark img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 32%;
  border-radius:50%;
  transform:scale(1.16);
}
#digistream-ai-root .dsai-photo-badge {
  position:absolute;
  left:50%;
  right:auto;
  bottom:-3px;
  transform:translateX(-50%);
  min-width:16px;
  height:16px;
  padding:0 4px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:#075e47;
  color:#fff;
  border:1.5px solid #fff;
  font-size:8px;
  font-weight:800;
  line-height:1;
  letter-spacing:.2px;
}
#digistream-ai-root .dsai-panel { position:fixed; right:24px; bottom:20px; width:390px; height:680px; max-height:calc(100vh - 40px); max-height:calc(100dvh - 40px); display:flex; flex-direction:column; background:#fff; border:1px solid #dbe7dd; border-radius:25px; overflow:hidden; box-shadow:0 24px 80px #102d2530; animation:dsai-enter .22s ease-out; }
#digistream-ai-root .dsai-header { background:#fff; border-bottom:1px solid #dfebde; padding:18px 16px; display:flex; align-items:center; gap:11px; }
#digistream-ai-root .dsai-avatar { display:grid; place-items:center; width:43px; height:43px; border-radius:15px; background:var(--dsai-green); color:var(--dsai-lime); font-size:21px; flex:none; }
#digistream-ai-root .dsai-heading { flex:1; min-width:0; }
#digistream-ai-root .dsai-heading strong { display:block; font-size:18px; font-weight:700; letter-spacing:-.4px; }
#digistream-ai-root .dsai-heading span { display:block; font-size:10px; color:#527062; }
#digistream-ai-root .dsai-heading i { display:inline-block; width:6px; height:6px; margin-right:4px; background:#278265; border-radius:50%; }
#digistream-ai-root .dsai-icon { background:transparent; color:inherit; font-size:25px; padding:0; width:44px; flex:none; border-radius:12px; }
#digistream-ai-root .dsai-icon:hover { background:#d9e8da; }
#digistream-ai-root .dsai-topics { display:grid; grid-template-columns:1fr 1fr; gap:7px; padding:15px 15px 9px; }
#digistream-ai-root .dsai-topics button { background:#f7f8f5; color:#456151; border:1px solid #e0e6dd; border-radius:12px; padding:9px 7px; font-size:12px; line-height:1.5; overflow-wrap:anywhere; }
#digistream-ai-root .dsai-topics button[aria-pressed="true"] { background:var(--dsai-green); border-color:var(--dsai-green); color:white; }
#digistream-ai-root .dsai-messages { flex:1; min-height:65px; overflow:auto; overscroll-behavior:contain; padding:10px 16px 15px; display:flex; flex-direction:column; gap:12px; }
#digistream-ai-root .dsai-message { flex-shrink:0; padding:13px 15px; border-radius:17px; white-space:pre-wrap; overflow-wrap:anywhere; font-size:13px; line-height:1.85; max-width:94%; }
#digistream-ai-root .dsai-assistant { align-self:flex-start; background:#fff; border:1px solid #e5ece7; color:#314a3c; border-bottom-left-radius:5px; }
#digistream-ai-root .dsai-user { align-self:flex-end; background:var(--dsai-green); color:#fff; border-bottom-right-radius:5px; }
#digistream-ai-root .dsai-links { display:flex; flex-wrap:wrap; gap:8px; padding:0 18px; }
#digistream-ai-root .dsai-links a { color:var(--dsai-green); font-size:11px; padding:5px 0; text-decoration:underline; text-underline-offset:3px; }
#digistream-ai-root .dsai-form { margin:0; padding:10px 14px 0; }
#digistream-ai-root .dsai-composer { display:flex; align-items:flex-end; gap:5px; border:1px solid #cddace; border-radius:16px; padding:7px; background:#fff; }
#digistream-ai-root .dsai-composer:focus-within { outline:2px solid #79b29d; outline-offset:1px; }
#digistream-ai-root textarea { display:block; flex:1; width:100%; min-width:0; min-height:50px; max-height:110px; resize:vertical; padding:6px; color:#243c2f; background:transparent; border:0; border-radius:0; outline:none; box-shadow:none; font-size:14px; line-height:1.6; }
#digistream-ai-root textarea:disabled { background:transparent; }
#digistream-ai-root textarea::placeholder { color:#7c887d; font-size:12px; }
#digistream-ai-root .dsai-send { display:grid; place-items:center; width:40px; min-width:40px; height:44px; padding:0; border-radius:12px; }
#digistream-ai-root .dsai-send { background:var(--dsai-green); color:white; }
#digistream-ai-root .dsai-voice-row { display:flex; gap:7px; align-items:center; padding-top:5px; min-height:25px; }
#digistream-ai-root .dsai-status { font-size:10px; color:#667669; line-height:1.5; }
#digistream-ai-root .dsai-footer { display:flex; align-items:center; gap:6px; padding:5px 16px 12px; color:#6a786e; font-size:8px; line-height:1.55; }
#digistream-ai-root .dsai-footer span { flex:1; }
#digistream-ai-root .dsai-replay { background:transparent; color:var(--dsai-green); padding:0 6px; font-size:11px; }
#digistream-ai-root .dsai-intro { position:fixed; right:24px; bottom:162px; width:310px; max-height:calc(100dvh - 120px); overflow:auto; background:linear-gradient(145deg,#f4f8edee,#e7f0e9f5); backdrop-filter:blur(18px); border:1px solid #ffffffb3; border-radius:25px; box-shadow:0 20px 70px #17352a30; animation:dsai-enter .3s ease-out; }
#digistream-ai-root .dsai-intro-top { display:flex; align-items:center; gap:5px; padding:8px 10px 0 20px; }
#digistream-ai-root .dsai-intro-top span { flex:1; font-size:8px; letter-spacing:1.5px; color:#4f735d; font-weight:700; }
#digistream-ai-root .dsai-stage { height:260px; display:flex; align-items:center; justify-content:center; background:radial-gradient(ellipse,#d4e9b9aa,transparent 70%); }
#digistream-ai-root .dsai-stage video { width:100%; height:100%; object-fit:contain; background:transparent; }
#digistream-ai-root .dsai-stage audio { display:none; }
#digistream-ai-root .dsai-orb { border:1px solid #c1dba5; display:grid; place-items:center; width:145px; height:145px; background:linear-gradient(145deg,#f6ffea,#d0eeb6); border-radius:42px; transform:rotate(-7deg); box-shadow:14px 24px 30px #1e51231a; color:var(--dsai-green); font-size:80px; font-weight:700; position:relative; }
#digistream-ai-root .dsai-orb span { position:absolute; top:-15px; right:-13px; font-size:40px; }
#digistream-ai-root .dsai-intro-caption { padding:8px 20px; text-align:center; }
#digistream-ai-root .dsai-intro-caption strong { display:block; font-size:15px; line-height:1.8; }
#digistream-ai-root .dsai-intro-caption span { display:block; margin-top:7px; color:#57715e; font-size:11px; line-height:1.8; }
#digistream-ai-root .dsai-sound { display:block; margin:7px auto!important; padding:9px 13px; background:var(--dsai-green); color:white; border-radius:12px; font-size:11px; max-width:calc(100% - 24px); }
#digistream-ai-root .dsai-skip { width:100%; background:transparent; color:var(--dsai-green); font-size:11px; padding:10px 12px 15px; }
#digistream-ai-root .dsai-progress { height:3px; background:#d7e4d0; }
#digistream-ai-root .dsai-progress span { display:block; height:100%; width:0; background:#50854a; transition:width .2s linear; }
@keyframes dsai-enter { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:translateY(0); } }
@media(max-width:480px) {
  #digistream-ai-root .dsai-panel {
    left:8px;
    right:8px;
    bottom:max(8px,env(safe-area-inset-bottom));
    width:auto;
    height:calc(100dvh - 82px);
    max-height:calc(100dvh - 82px);
    border-radius:18px;
    background:#fff;
  }
  #digistream-ai-root .dsai-launcher {
    right:16px;
    bottom:max(14px,calc(env(safe-area-inset-bottom) + 14px));
    width:54px;
    min-width:54px;
    height:54px;
    min-height:54px;
  }
  #digistream-ai-root .dsai-intro {
    left:10px;
    right:10px;
    bottom:max(8px,env(safe-area-inset-bottom));
    width:auto;
    max-height:calc(100dvh - 82px);
    background:#fff;
  }
  #digistream-ai-root textarea { font-size:16px; }
}
@media(max-height:620px) { #digistream-ai-root .dsai-stage { height:140px; } #digistream-ai-root .dsai-topics { padding-top:7px; gap:4px; } #digistream-ai-root .dsai-header { padding:7px 12px; } }

@keyframes dsai-launch-pulse {
  0%,100% { box-shadow:0 8px 24px #00382742,0 0 0 0 rgba(7,94,71,.42); }
  50% { box-shadow:0 10px 28px #00382755,0 0 0 8px rgba(7,94,71,.10); }
}
@keyframes dsai-launch-ring {
  0% { opacity:.75; transform:scale(.92); }
  70%,100% { opacity:0; transform:scale(1.28); }
}
@keyframes dsai-spark-blink {
  0% { opacity:.25; transform:scale(.72) rotate(-8deg); }
  100% { opacity:1; transform:scale(1.18) rotate(8deg); }
}

@media(prefers-reduced-motion:reduce) { #digistream-ai-root *,#digistream-ai-root *::before,#digistream-ai-root *::after { animation:none!important; transition:none!important; } }


/* Temporary sample-answer video card */
#digistream-ai-root .dsai-video-answer {
  width:min(260px,82%);
  margin:8px 0 12px 8px;
  border-radius:16px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 8px 22px rgba(0,0,0,.16);
}
#digistream-ai-root .dsai-video-answer video {
  display:block;
  width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
  background:#fff;
}


/* v1.0.11: force sample answer video to remain visibly square across themes */
#digistream-ai-root .dsai-video-answer {
  position:relative;
  width:min(280px,88%) !important;
  aspect-ratio:1 / 1;
  min-height:220px;
  background:#fff !important;
}
#digistream-ai-root .dsai-video-answer video {
  position:relative !important;
  z-index:2;
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  width:100% !important;
  height:auto !important;
  aspect-ratio:1 / 1 !important;
  max-width:none !important;
  object-fit:cover !important;
  background:#fff !important;
}
#digistream-ai-root .dsai-video-loading {
  position:absolute;
  inset:0;
  z-index:1;
  display:grid;
  place-items:center;
  padding:16px;
  text-align:center;
  color:#fff;
  background:#fff;
  font-size:13px;
}
#digistream-ai-root .dsai-video-loading[hidden] {
  display:none !important;
}


/* v1.0.12: temporary answer video fades away after playback and is never kept as chat history */
#digistream-ai-root .dsai-video-answer {
  transition:opacity .28s ease, transform .28s ease;
}
#digistream-ai-root .dsai-video-answer.is-leaving {
  opacity:0;
  transform:translateY(6px) scale(.985);
  pointer-events:none;
}


/* v1.0.13: answer videos are presentation-only; native player controls stay hidden */
#digistream-ai-root .dsai-video-answer video {
  pointer-events:none !important;
}
#digistream-ai-root .dsai-video-answer video::-webkit-media-controls,
#digistream-ai-root .dsai-video-answer video::-webkit-media-controls-enclosure,
#digistream-ai-root .dsai-video-answer video::-webkit-media-controls-panel,
#digistream-ai-root .dsai-video-answer video::-webkit-media-controls-play-button,
#digistream-ai-root .dsai-video-answer video::-webkit-media-controls-start-playback-button {
  display:none !important;
  -webkit-appearance:none !important;
}


/* v1.0.14 demo: full/detailed video button appears only after short video ends */
#digistream-ai-root .dsai-full-video-link {
  margin:8px 0 12px 8px;
  width:min(280px,88%);
}
#digistream-ai-root .dsai-full-video-link .dsai-full-video-button {
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:44px;
  padding:10px 16px;
  border:0;
  border-radius:12px;
  background:#075e47;
  color:#fff;
  font-weight:700;
  font-size:14px;
  line-height:1.2;
  cursor:pointer;
}
#digistream-ai-root .dsai-full-video-link .dsai-full-video-button:hover {
  background:#044733;
}


/* v1.0.15: full YouTube video opens inside the site; browser Back closes it and returns to chat */
.dsai-full-video-overlay {
  position:fixed;
  inset:0;
  z-index:2147483646;
  display:grid;
  place-items:center;
  padding:14px;
  background:rgba(0,0,0,.78);
}
.dsai-full-video-shell {
  width:min(440px,96vw);
  max-height:92vh;
  overflow:hidden;
  border-radius:16px;
  background:#fff;
  box-shadow:0 18px 50px rgba(0,0,0,.45);
}
.dsai-full-video-top {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-height:50px;
  padding:8px 10px 8px 14px;
  background:#fff;
  color:#111;
}
.dsai-full-video-top strong {
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:14px;
}
.dsai-full-video-close {
  flex:0 0 auto;
  min-height:38px;
  padding:7px 12px;
  border:0;
  border-radius:10px;
  background:#075e47;
  color:#fff;
  font-weight:700;
  cursor:pointer;
}
.dsai-full-video-shell iframe {
  display:block;
  width:100%;
  aspect-ratio:9 / 16;
  max-height:82vh;
  border:0;
  background:#fff;
}
@media (min-width:700px) {
  .dsai-full-video-shell {
    width:min(720px,94vw);
  }
  .dsai-full-video-shell iframe {
    aspect-ratio:16 / 9;
  }
}


/* v1.0.16: larger mobile chat + launcher hidden while open + pure white presentation surface */
#digistream-ai-root .dsai-panel,
#digistream-ai-root .dsai-header,
#digistream-ai-root .dsai-topics,
#digistream-ai-root .dsai-messages,
#digistream-ai-root .dsai-links,
#digistream-ai-root .dsai-form,
#digistream-ai-root .dsai-footer,
#digistream-ai-root .dsai-composer {
  background:#fff;
}
#digistream-ai-root.dsai-chat-open .dsai-launcher {
  display:none !important;
}
#digistream-ai-root .dsai-video-answer,
#digistream-ai-root .dsai-video-answer video,
#digistream-ai-root .dsai-video-loading {
  background:#fff !important;
}
#digistream-ai-root .dsai-video-loading {
  color:#075e47;
}
@media(max-width:480px) {
  #digistream-ai-root .dsai-header { padding:10px 12px; }
  #digistream-ai-root .dsai-avatar { width:38px; height:38px; border-radius:12px; font-size:18px; }
  #digistream-ai-root .dsai-heading strong { font-size:16px; }
  #digistream-ai-root .dsai-topics { padding:10px 10px 6px; gap:6px; }
  #digistream-ai-root .dsai-messages { padding:8px 10px 10px; }
  #digistream-ai-root .dsai-form { padding:8px 10px 0; }
  #digistream-ai-root .dsai-footer { padding:4px 10px 8px; }
  #digistream-ai-root .dsai-video-answer {
    width:min(310px,94%) !important;
  }
}


/* v1.0.17: cleaner YouTube presentation mode.
   YouTube controls are requested off, and direct taps inside the iframe are blocked
   so Like / Share / channel overlays cannot redirect the visitor away from the site. */
.dsai-full-video-shell iframe {
  pointer-events:none !important;
  user-select:none !important;
}




/* v1.0.19: Elementor/WooCommerce-style YouTube embed */
.dsai-youtube-stage {
  position:relative;
  background:#000;
  overflow:hidden;
}
.dsai-youtube-stage iframe {
  display:block;
  width:100%;
  height:100%;
  border:0;
  background:#000;
}


/* v1.0.20: Job / Business / Health Care in one equal row */
#digistream-ai-root .dsai-topics {
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:8px !important;
}
#digistream-ai-root .dsai-topic {
  width:100% !important;
  min-width:0 !important;
  padding:10px 6px !important;
  text-align:center !important;
  white-space:nowrap !important;
  font-size:14px !important;
}
@media(max-width:480px) {
  #digistream-ai-root .dsai-topics {
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:6px !important;
  }
  #digistream-ai-root .dsai-topic {
    padding:9px 4px !important;
    font-size:13px !important;
  }
}


/* v1.0.22: branding/layout fix without removing JS-required DOM nodes */
#digistream-ai-root .dsai-brand-logo {
  width:44px !important;
  height:44px !important;
  min-width:44px !important;
  padding:0 !important;
  border-radius:12px !important;
  overflow:hidden !important;
  background:#fff !important;
  display:grid !important;
  place-items:center !important;
}
#digistream-ai-root .dsai-brand-logo img {
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  background:#fff !important;
}
#digistream-ai-root .dsai-heading strong {
  font-size:16px !important;
  line-height:1.2 !important;
}
#digistream-ai-root .dsai-needs-label {
  padding:7px 12px 2px;
  font-size:12px;
  font-weight:700;
  color:#4b5c53;
  background:#fff;
  letter-spacing:.2px;
}
#digistream-ai-root .dsai-topics {
  padding-top:5px !important;
}

/* Hide helper/disclaimer rows visually, but keep them in DOM for existing JS references. */
#digistream-ai-root .dsai-voice-row,
#digistream-ai-root .dsai-footer {
  display:none !important;
}

/* Let the message area take the freed vertical space and keep composer low. */
#digistream-ai-root .dsai-messages {
  flex:1 1 auto !important;
  min-height:0 !important;
}
#digistream-ai-root .dsai-form {
  margin-top:auto !important;
  padding-bottom:8px !important;
}
#digistream-ai-root .dsai-composer {
  margin-top:auto !important;
}

@media(max-width:480px) {
  #digistream-ai-root .dsai-header {
    padding:8px 10px !important;
  }
  #digistream-ai-root .dsai-brand-logo {
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
  }
  #digistream-ai-root .dsai-heading strong {
    font-size:15px !important;
  }
  #digistream-ai-root .dsai-needs-label {
    padding:5px 10px 1px !important;
    font-size:11.5px !important;
  }
  #digistream-ai-root .dsai-topics {
    padding:5px 8px 4px !important;
  }
  #digistream-ai-root .dsai-form {
    padding:6px 8px 8px !important;
  }
}


/* v1.0.23: light green header and topic-selection UX */
#digistream-ai-root .dsai-header {
  background:#f4fbdc !important;
  border-bottom:1px solid #dfe9b9 !important;
}
#digistream-ai-root .dsai-heading strong,
#digistream-ai-root .dsai-heading span {
  color:#254434 !important;
}
#digistream-ai-root .dsai-heading span i {
  background:#78a83c !important;
}
#digistream-ai-root .dsai-topic:focus {
  outline:2px solid #a8c96b;
  outline-offset:2px;
}

/* Keep keyboard closed after selecting a topic; textarea opens keyboard only on direct tap. */
#digistream-ai-root textarea {
  touch-action:manipulation;
}


/* v1.0.24: clearer two-line subtitle + corrected needs prompt */
#digistream-ai-root .dsai-heading .dsai-subtitle {
  display:block !important;
  margin-top:3px !important;
  line-height:1.25 !important;
}
#digistream-ai-root .dsai-heading .dsai-subtitle b,
#digistream-ai-root .dsai-heading .dsai-subtitle em {
  display:block !important;
  font-style:normal !important;
}
#digistream-ai-root .dsai-heading .dsai-subtitle b {
  font-size:12px !important;
  font-weight:700 !important;
  color:#355744 !important;
}
#digistream-ai-root .dsai-heading .dsai-subtitle em {
  margin-top:1px !important;
  font-size:12px !important;
  font-weight:600 !important;
  color:#527062 !important;
}
#digistream-ai-root .dsai-needs-label {
  font-size:12.5px !important;
  font-weight:700 !important;
}

/* Main chat + short-answer video canvas remains pure white (#FFFFFF). */
#digistream-ai-root .dsai-panel,
#digistream-ai-root .dsai-messages,
#digistream-ai-root .dsai-form,
#digistream-ai-root .dsai-composer,
#digistream-ai-root .dsai-video-answer,
#digistream-ai-root .dsai-video-answer video {
  background:#FFFFFF !important;
}

@media(max-width:480px) {
  #digistream-ai-root .dsai-heading .dsai-subtitle b,
  #digistream-ai-root .dsai-heading .dsai-subtitle em {
    font-size:11.5px !important;
  }
}


/* v1.0.25: UI polish */

/* Larger circular close button, slightly raised */
#digistream-ai-root .dsai-header .dsai-icon[data-action="close"] {
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  min-height:34px !important;
  border-radius:50% !important;
  border:1px solid rgba(55,95,70,.18) !important;
  background:#ffffff !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:24px !important;
  line-height:1 !important;
  font-weight:500 !important;
  padding:0 !important;
  margin-top:-2px !important;
  box-shadow:0 1px 4px rgba(0,0,0,.08) !important;
}

/* Stronger needs heading */
#digistream-ai-root .dsai-needs-label {
  font-size:14px !important;
  font-weight:800 !important;
  line-height:1.25 !important;
}

/* Larger, bolder topic cards */
#digistream-ai-root .dsai-topic {
  font-size:15px !important;
  font-weight:800 !important;
  line-height:1.15 !important;
  border-width:1px !important;
}

/* Three separate light shades */
#digistream-ai-root .dsai-topic[data-topic="jobs"] {
  background:#eef8ff !important;
  border-color:#cfe8f7 !important;
}
#digistream-ai-root .dsai-topic[data-topic="business"] {
  background:#fff7e8 !important;
  border-color:#f2dfb8 !important;
}
#digistream-ai-root .dsai-topic[data-topic="products"] {
  background:#eef9ef !important;
  border-color:#cfe8d1 !important;
}

/* Preserve selected-state visibility */
#digistream-ai-root .dsai-topic.is-active,
#digistream-ai-root .dsai-topic[aria-pressed="true"] {
  box-shadow:0 0 0 2px rgba(83,130,92,.14) inset !important;
  transform:translateY(-1px);
}

/* Slightly larger assistant/introduction message text */
#digistream-ai-root .dsai-message,
#digistream-ai-root .dsai-bubble,
#digistream-ai-root .dsai-message.assistant,
#digistream-ai-root .dsai-message--assistant {
  font-size:15px !important;
  line-height:1.5 !important;
}

@media(max-width:480px) {
  #digistream-ai-root .dsai-header .dsai-icon[data-action="close"] {
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    min-height:36px !important;
    font-size:25px !important;
    margin-top:-3px !important;
  }

  #digistream-ai-root .dsai-needs-label {
    font-size:14px !important;
  }

  #digistream-ai-root .dsai-topic {
    font-size:14px !important;
    font-weight:800 !important;
    padding:10px 4px !important;
  }

  #digistream-ai-root .dsai-message,
  #digistream-ai-root .dsai-bubble,
  #digistream-ai-root .dsai-message.assistant,
  #digistream-ai-root .dsai-message--assistant {
    font-size:14.5px !important;
    line-height:1.5 !important;
  }
}


/* v1.0.26: persistent assistant image + short-video overlay */
#digistream-ai-root .dsai-reaction-stage {
  position:relative;
  width:min(230px,62%);
  aspect-ratio:1 / 1;
  margin:7px auto 4px;
  overflow:hidden;
  border-radius:18px;
  background:#FFFFFF;
}
#digistream-ai-root .dsai-reaction-stage[hidden] {
  display:none !important;
}
#digistream-ai-root .dsai-reaction-image {
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  background:#FFFFFF;
}
#digistream-ai-root .dsai-reaction-video-layer {
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
}
#digistream-ai-root .dsai-reaction-video-layer .dsai-video-answer,
#digistream-ai-root .dsai-reaction-video-layer .dsai-video-answer video {
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  margin:0 !important;
  border-radius:0 !important;
}
#digistream-ai-root .dsai-reaction-video-layer .dsai-video-answer {
  background:transparent !important;
  overflow:hidden !important;
}
#digistream-ai-root .dsai-reaction-video-layer .dsai-video-answer video {
  object-fit:cover !important;
  background:#FFFFFF !important;
}
#digistream-ai-root .dsai-reaction-video-layer .dsai-video-loading {
  position:absolute !important;
  inset:0 !important;
  z-index:3;
  display:grid !important;
  place-items:center !important;
  background:rgba(255,255,255,.82) !important;
  font-size:12px !important;
}
#digistream-ai-root .dsai-reaction-video-layer .dsai-video-loading[hidden] {
  display:none !important;
}
#digistream-ai-root .dsai-full-video-link {
  flex-shrink:0;
}

@media(max-width:480px) {
  #digistream-ai-root .dsai-reaction-stage {
    width:min(205px,58vw);
    margin-top:5px;
    margin-bottom:3px;
    border-radius:16px;
  }
}


/* v1.0.29: guided live-chat proof of concept */

/* Hide the old permanent needs/topic row. */
#digistream-ai-root .dsai-needs-label,
#digistream-ai-root .dsai-topics {
  display:none !important;
}

/* Free typing is hidden until the visitor explicitly asks for it. */
#digistream-ai-root .dsai-form[hidden],
#digistream-ai-root .dsai-form.is-guided-hidden {
  display:none !important;
}

#digistream-ai-root .dsai-guided-slot {
  padding:7px 10px 6px;
  background:#FFFFFF;
  flex-shrink:0;
}
#digistream-ai-root .dsai-guided-slot:empty {
  display:none;
}
#digistream-ai-root .dsai-guided-card {
  border:1px solid #e2eadc;
  border-radius:14px;
  padding:10px;
  background:#fbfdf8;
}
#digistream-ai-root .dsai-guided-question {
  font-size:14.5px;
  line-height:1.4;
  font-weight:800;
  color:#294235;
  margin-bottom:9px;
}
#digistream-ai-root .dsai-guided-choices {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
}
#digistream-ai-root .dsai-guided-choice {
  border:1px solid #d5e1ce;
  border-radius:11px;
  background:#FFFFFF;
  color:#244331;
  font-size:13px;
  line-height:1.25;
  font-weight:800;
  padding:10px 5px;
  cursor:pointer;
}
#digistream-ai-root .dsai-guided-choice:active {
  transform:scale(.98);
}
#digistream-ai-root .dsai-guided-primary {
  width:100%;
  margin-top:9px;
  background:#eff8e9;
}
#digistream-ai-root .dsai-own-question {
  width:100%;
  margin-top:8px;
  padding:5px 2px;
  border:0;
  background:transparent;
  color:#4c6c59;
  text-decoration:underline;
  font-size:12px;
  font-weight:700;
  cursor:pointer;
}
#digistream-ai-root .dsai-guided-details {
  font-size:12.5px;
  line-height:1.45;
  color:#53695c;
}

@media(max-width:480px) {
  #digistream-ai-root .dsai-guided-slot {
    padding:6px 8px 5px;
  }
  #digistream-ai-root .dsai-guided-card {
    padding:9px;
  }
  #digistream-ai-root .dsai-guided-question {
    font-size:14.5px;
  }
  #digistream-ai-root .dsai-guided-choice {
    font-size:12.5px;
    padding:9px 4px;
  }
}


/* v1.0.30: mobile-first exact image/video overlay sync
   Image and video are forced into the exact same square canvas. */
#digistream-ai-root .dsai-reaction-stage {
  box-sizing:border-box !important;
  aspect-ratio:1 / 1 !important;
  overflow:hidden !important;
  line-height:0 !important;
}

#digistream-ai-root .dsai-reaction-image,
#digistream-ai-root .dsai-reaction-video-layer,
#digistream-ai-root .dsai-reaction-video-layer .dsai-video-answer,
#digistream-ai-root .dsai-reaction-video-layer .dsai-video-answer video {
  box-sizing:border-box !important;
  position:absolute !important;
  inset:0 !important;
  top:0 !important;
  right:0 !important;
  bottom:0 !important;
  left:0 !important;
  width:100% !important;
  height:100% !important;
  min-width:100% !important;
  min-height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  transform:none !important;
}

#digistream-ai-root .dsai-reaction-image,
#digistream-ai-root .dsai-reaction-video-layer .dsai-video-answer video {
  display:block !important;
  object-fit:cover !important;
  object-position:50% 50% !important;
  aspect-ratio:1 / 1 !important;
}

#digistream-ai-root .dsai-reaction-video-layer .dsai-video-answer {
  border-radius:0 !important;
  box-shadow:none !important;
  background:transparent !important;
}

#digistream-ai-root .dsai-reaction-video-layer .dsai-video-answer video {
  border-radius:0 !important;
  background:#FFFFFF !important;
}

/* Mobile is primary: keep one fixed square canvas for both still and video. */
@media(max-width:480px) {
  #digistream-ai-root .dsai-reaction-stage {
    width:min(220px,62vw) !important;
    height:auto !important;
    aspect-ratio:1 / 1 !important;
    margin:6px auto 4px !important;
  }

  #digistream-ai-root .dsai-reaction-image,
  #digistream-ai-root .dsai-reaction-video-layer,
  #digistream-ai-root .dsai-reaction-video-layer .dsai-video-answer,
  #digistream-ai-root .dsai-reaction-video-layer .dsai-video-answer video {
    width:100% !important;
    height:100% !important;
    min-width:100% !important;
    min-height:100% !important;
    max-width:100% !important;
    max-height:100% !important;
  }
}


/* v1.0.31: lock assistant image/video stage in one fixed position.
   Only the conversation area below it is allowed to scroll. */

#digistream-ai-root .dsai-panel {
  overflow:hidden !important;
}

#digistream-ai-root .dsai-header {
  flex:0 0 auto !important;
  flex-shrink:0 !important;
}

#digistream-ai-root .dsai-reaction-stage {
  flex:0 0 auto !important;
  flex-shrink:0 !important;
  align-self:center !important;
}

/* Keep the exact same stage dimensions even when chat content grows. */
#digistream-ai-root .dsai-reaction-image,
#digistream-ai-root .dsai-reaction-video-layer,
#digistream-ai-root .dsai-reaction-video-layer .dsai-video-answer,
#digistream-ai-root .dsai-reaction-video-layer .dsai-video-answer video {
  flex:none !important;
}

/* Guided buttons stay below the fixed avatar stage. */
#digistream-ai-root .dsai-guided-slot {
  flex:0 0 auto !important;
  flex-shrink:0 !important;
}

/* This is the ONLY main area that expands/shrinks and scrolls. */
#digistream-ai-root .dsai-messages {
  flex:1 1 0 !important;
  min-height:0 !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  overscroll-behavior:contain !important;
  -webkit-overflow-scrolling:touch;
}

/* Bottom controls must not push the image upward. */
#digistream-ai-root .dsai-links,
#digistream-ai-root .dsai-form,
#digistream-ai-root .dsai-footer {
  flex:0 0 auto !important;
  flex-shrink:0 !important;
}

/* Mobile-first: exact fixed assistant stage directly below header. */
@media(max-width:480px) {
  #digistream-ai-root .dsai-reaction-stage {
    width:min(220px,62vw) !important;
    height:min(220px,62vw) !important;
    min-width:min(220px,62vw) !important;
    min-height:min(220px,62vw) !important;
    max-width:min(220px,62vw) !important;
    max-height:min(220px,62vw) !important;
    aspect-ratio:1 / 1 !important;
    margin:6px auto 4px !important;
    flex-basis:min(220px,62vw) !important;
  }

  #digistream-ai-root .dsai-messages {
    min-height:0 !important;
    overflow-y:auto !important;
  }
}


/* v1.0.32: strict header/media separation on mobile.
   The assistant image/video must never move into or under the header. */
#digistream-ai-root .dsai-header {
  position:relative !important;
  z-index:50 !important;
  flex:0 0 auto !important;
  flex-shrink:0 !important;
  overflow:hidden !important;
}

#digistream-ai-root .dsai-reaction-stage {
  position:relative !important;
  z-index:1 !important;
  flex:0 0 auto !important;
  flex-shrink:0 !important;
  align-self:center !important;
  transform:none !important;
  translate:none !important;
  contain:layout paint !important;
}

/* Create a hard visual gap so even a 1–2px browser reflow cannot put hair under the header. */
#digistream-ai-root .dsai-reaction-stage::before {
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:0;
  pointer-events:none;
}

@media(max-width:480px) {
  #digistream-ai-root .dsai-reaction-stage {
    margin:10px auto 4px !important;
    width:min(220px,62vw) !important;
    height:min(220px,62vw) !important;
    min-width:min(220px,62vw) !important;
    min-height:min(220px,62vw) !important;
    max-width:min(220px,62vw) !important;
    max-height:min(220px,62vw) !important;
    aspect-ratio:1 / 1 !important;
    top:0 !important;
    bottom:auto !important;
  }

  #digistream-ai-root .dsai-reaction-image,
  #digistream-ai-root .dsai-reaction-video-layer,
  #digistream-ai-root .dsai-reaction-video-layer .dsai-video-answer,
  #digistream-ai-root .dsai-reaction-video-layer .dsai-video-answer video {
    top:0 !important;
    bottom:0 !important;
    transform:none !important;
    translate:none !important;
  }

  /* Messages remain the only vertically scrolling area. */
  #digistream-ai-root .dsai-messages {
    flex:1 1 0 !important;
    min-height:0 !important;
    overflow-y:auto !important;
    overscroll-behavior:contain !important;
  }
}


/* v1.0.34: background audio answers use the fixed influencer image; no visible audio player. */
#digistream-ai-root audio {
  display:none !important;
}

/* v1.0.39: final welcome option cards — bilingual, compact, mobile-first. */
#digistream-ai-root .dsai-guided-card.dsai-welcome-card {
  border:0;
  background:#fff;
  padding:8px 10px 10px;
  border-radius:16px;
}
#digistream-ai-root .dsai-welcome-card .dsai-guided-question {
  margin:0 2px 9px;
  color:#263e32;
  font-size:14px;
  line-height:1.35;
  font-weight:800;
}
#digistream-ai-root .dsai-guided-choices.dsai-option-grid {
  display:grid;
  grid-template-columns:1fr;
  gap:7px;
}
#digistream-ai-root .dsai-guided-choice.dsai-option-card {
  width:100%;
  min-height:52px;
  display:grid;
  grid-template-columns:38px minmax(0,1fr) 18px;
  align-items:center;
  gap:9px;
  padding:8px 10px;
  text-align:left;
  border-radius:14px;
  border:1px solid #dfe8e1;
  box-shadow:0 2px 8px rgba(30,64,45,.06);
  transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}
#digistream-ai-root .dsai-guided-choice.dsai-option-card:hover {
  transform:translateY(-1px);
  box-shadow:0 5px 14px rgba(30,64,45,.09);
  border-color:#c9d8ce;
}
#digistream-ai-root .dsai-option-icon {
  width:36px;
  height:36px;
  border-radius:11px;
  display:grid;
  place-items:center;
  font-size:18px;
  line-height:1;
  background:rgba(255,255,255,.74);
  box-shadow:inset 0 0 0 1px rgba(40,70,55,.07);
}
#digistream-ai-root .dsai-option-copy {
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:2px;
}
#digistream-ai-root .dsai-option-copy strong {
  display:block;
  color:#203a2d;
  font-size:13.5px;
  line-height:1.2;
  font-weight:850;
  letter-spacing:-.01em;
}
#digistream-ai-root .dsai-option-copy > span {
  display:block;
  color:#5b7165;
  font-size:11.5px;
  line-height:1.25;
  font-weight:700;
}
#digistream-ai-root .dsai-option-arrow {
  color:#72867a;
  font-size:24px;
  line-height:1;
  font-weight:500;
  text-align:center;
}
#digistream-ai-root .dsai-card-job { background:#eef7ff !important; border-color:#d7e8f6 !important; }
#digistream-ai-root .dsai-card-business { background:#f5f1ff !important; border-color:#e4dbf7 !important; }
#digistream-ai-root .dsai-card-health { background:#eef9f2 !important; border-color:#d8eadf !important; }
#digistream-ai-root .dsai-card-personal { background:#fff2f6 !important; border-color:#f2dce4 !important; }
#digistream-ai-root .dsai-card-agro { background:#f0f8f0 !important; border-color:#dbe9d8 !important; }
#digistream-ai-root .dsai-card-continue { background:#eef8ff !important; border-color:#d6e8f5 !important; }
#digistream-ai-root .dsai-card-restart { background:#fff7ec !important; border-color:#f0dfc7 !important; }

@media(max-width:480px) {
  #digistream-ai-root .dsai-guided-card.dsai-welcome-card { padding:6px 8px 8px; }
  #digistream-ai-root .dsai-guided-choices.dsai-option-grid { gap:6px; }
  #digistream-ai-root .dsai-guided-choice.dsai-option-card {
    min-height:49px;
    grid-template-columns:34px minmax(0,1fr) 16px;
    gap:8px;
    padding:7px 9px;
    border-radius:13px;
  }
  #digistream-ai-root .dsai-option-icon { width:33px; height:33px; border-radius:10px; font-size:16px; }
  #digistream-ai-root .dsai-option-copy strong { font-size:12.8px; }
  #digistream-ai-root .dsai-option-copy > span { font-size:11px; }
  #digistream-ai-root .dsai-option-arrow { font-size:21px; }
}


/* v1.0.40: launcher visibility, compact welcome layout, rotating Job questions. */
#digistream-ai-root .dsai-launcher {
  animation:dsai-launch-pulse 1.65s ease-in-out infinite, dsai-sunrise-glow 2.6s ease-in-out infinite;
}
@keyframes dsai-sunrise-glow {
  0%,100% { filter:drop-shadow(0 0 2px rgba(255,191,71,.28)); }
  50% { filter:drop-shadow(0 0 9px rgba(255,205,94,.58)); }
}
#digistream-ai-root .dsai-photo-badge {
  z-index:3;
  min-width:18px;
  height:17px;
  padding:0 4px;
}

#digistream-ai-root .dsai-guided-choices.dsai-option-grid {
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:6px;
}
#digistream-ai-root .dsai-guided-choice.dsai-option-wide {
  grid-column:1 / -1;
}
#digistream-ai-root .dsai-guided-choice.dsai-option-compact {
  min-height:45px;
  grid-template-columns:30px minmax(0,1fr);
  gap:6px;
  padding:6px 7px;
}
#digistream-ai-root .dsai-option-compact .dsai-option-icon {
  width:29px;
  height:29px;
  border-radius:9px;
  font-size:14px;
}
#digistream-ai-root .dsai-option-compact .dsai-option-arrow { display:none; }
#digistream-ai-root .dsai-option-compact .dsai-option-copy strong { font-size:11.8px; line-height:1.15; }
#digistream-ai-root .dsai-option-compact .dsai-option-copy > span { font-size:9.8px; line-height:1.15; }
#digistream-ai-root .dsai-card-other { background:#f5f7fa !important; border-color:#dfe5eb !important; }

#digistream-ai-root .dsai-job-question-card {
  padding:8px;
  background:#fff;
  border-color:#e0e9e2;
}
#digistream-ai-root .dsai-job-preview-answer {
  margin:0 0 8px;
  padding:8px 9px;
  border-radius:11px;
  background:#f1f8ee;
  border:1px solid #dcebd7;
  color:#294235;
}
#digistream-ai-root .dsai-job-preview-answer strong {
  display:block;
  font-size:12.5px;
  line-height:1.25;
  margin-bottom:3px;
}
#digistream-ai-root .dsai-job-preview-answer span {
  display:block;
  font-size:11px;
  line-height:1.35;
  color:#5b7165;
}
#digistream-ai-root .dsai-job-question-title {
  margin:0 1px 7px;
  font-size:12.8px;
  line-height:1.25;
}
#digistream-ai-root .dsai-job-question-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:6px;
}
#digistream-ai-root .dsai-job-question-btn {
  min-height:38px;
  padding:6px 5px;
  border:1px solid #d9e5db;
  border-radius:10px;
  background:#fff;
  color:#274434;
  font-size:11.8px;
  line-height:1.15;
  font-weight:800;
  white-space:normal;
}
#digistream-ai-root .dsai-job-question-btn:active { transform:scale(.98); }
#digistream-ai-root .dsai-job-question-actions {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:6px;
  margin-top:7px;
}
#digistream-ai-root .dsai-job-secondary-btn {
  min-height:34px;
  padding:5px;
  border-radius:9px;
  border:1px solid #e0e8e1;
  background:#f8faf8;
  color:#587062;
  font-size:10.8px;
  font-weight:750;
}
#digistream-ai-root .dsai-job-questions-done {
  padding:9px;
  text-align:center;
  color:#587062;
  font-size:11.5px;
}

@media(max-width:480px) {
  #digistream-ai-root .dsai-welcome-card .dsai-guided-question {
    margin-bottom:6px;
    font-size:13px;
    line-height:1.2;
  }
  #digistream-ai-root .dsai-guided-choice.dsai-option-wide {
    min-height:46px;
    grid-template-columns:32px minmax(0,1fr) 15px;
    padding:6px 8px;
  }
  #digistream-ai-root .dsai-guided-choice.dsai-option-compact {
    min-height:42px;
    grid-template-columns:27px minmax(0,1fr);
    padding:5px 6px;
  }
  #digistream-ai-root .dsai-option-compact .dsai-option-icon { width:27px; height:27px; font-size:13px; }
  #digistream-ai-root .dsai-option-compact .dsai-option-copy strong { font-size:11.2px; }
  #digistream-ai-root .dsai-option-compact .dsai-option-copy > span { font-size:9.2px; }
}


/* v1.0.41: Job cards during video, six pastel rotating cards, and true mobile in-chat scrolling. */
html.dsai-page-scroll-lock,
body.dsai-page-scroll-lock {
  overscroll-behavior:none !important;
}

#digistream-ai-root .dsai-panel {
  overscroll-behavior:contain !important;
}

#digistream-ai-root .dsai-guided-slot.dsai-job-mode {
  flex:1 1 auto !important;
  min-height:0 !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  overscroll-behavior:contain !important;
  -webkit-overflow-scrolling:touch !important;
  touch-action:pan-y !important;
  scrollbar-gutter:stable;
}

/* Job content owns the remaining scrollable space; the empty message log must not steal height. */
#digistream-ai-root .dsai-guided-slot.dsai-job-mode + .dsai-messages {
  flex:0 0 0 !important;
  height:0 !important;
  min-height:0 !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  overflow:hidden !important;
}

#digistream-ai-root .dsai-job-question-title {
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  font-size:12.4px !important;
  line-height:1.2 !important;
  margin-bottom:7px !important;
}

#digistream-ai-root .dsai-job-question-grid {
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:7px !important;
}

#digistream-ai-root .dsai-job-question-btn {
  min-height:44px !important;
  padding:7px 7px !important;
  border-radius:13px !important;
  font-size:11.8px !important;
  line-height:1.18 !important;
  font-weight:850 !important;
  box-shadow:0 2px 8px rgba(30,64,45,.07) !important;
  transition:transform .12s ease, box-shadow .12s ease !important;
}
#digistream-ai-root .dsai-job-question-btn:hover {
  transform:translateY(-1px);
  box-shadow:0 5px 14px rgba(30,64,45,.10) !important;
}
#digistream-ai-root .dsai-job-qcolor-1 { background:#eef7ff !important; border-color:#d6e7f6 !important; color:#24465d !important; }
#digistream-ai-root .dsai-job-qcolor-2 { background:#f5f1ff !important; border-color:#e3daf7 !important; color:#493e68 !important; }
#digistream-ai-root .dsai-job-qcolor-3 { background:#eef9f2 !important; border-color:#d6eadf !important; color:#29513a !important; }
#digistream-ai-root .dsai-job-qcolor-4 { background:#fff2f6 !important; border-color:#f2dbe4 !important; color:#66404e !important; }
#digistream-ai-root .dsai-job-qcolor-5 { background:#fff8e8 !important; border-color:#efe1ba !important; color:#66542b !important; }
#digistream-ai-root .dsai-job-qcolor-6 { background:#eef8f8 !important; border-color:#d5e7e7 !important; color:#2c5353 !important; }

#digistream-ai-root .dsai-job-preview-answer {
  flex:none !important;
  margin-bottom:7px !important;
}

@media(max-width:480px) {
  #digistream-ai-root .dsai-guided-slot.dsai-job-mode {
    padding:5px 8px 6px !important;
  }
  #digistream-ai-root .dsai-job-question-card {
    padding:7px !important;
  }
  #digistream-ai-root .dsai-job-question-btn {
    min-height:42px !important;
    padding:6px 5px !important;
    font-size:11.3px !important;
  }
  #digistream-ai-root .dsai-job-question-actions {
    margin-top:6px !important;
  }
}


/* v1.0.42: pixel-stable fixed answer/media stage + optional in-card YouTube CTA. */
#digistream-ai-root .dsai-reaction-stage {
  /* Keep the exact existing stage footprint. Only its inner layer changes. */
  flex:0 0 auto !important;
  contain:layout paint !important;
}
#digistream-ai-root .dsai-reaction-answer-layer {
  position:absolute;
  inset:0;
  z-index:4;
  width:100%;
  height:100%;
  overflow:hidden;
  border-radius:inherit;
  background:#fff;
}
#digistream-ai-root .dsai-reaction-answer-layer[hidden] { display:none !important; }
#digistream-ai-root .dsai-fixed-answer-card {
  box-sizing:border-box;
  width:100%;
  height:100%;
  min-width:0;
  min-height:0;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  justify-content:center;
  gap:8px;
  padding:15px 14px;
  overflow-y:auto;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  background:linear-gradient(145deg,#fbfdf9,#f2f8ee);
  border:1px solid #e2ecdd;
  color:#294235;
}
#digistream-ai-root .dsai-fixed-answer-title {
  display:block;
  flex:0 0 auto;
  margin:0;
  text-align:center;
  font-size:13px;
  line-height:1.25;
  font-weight:850;
  color:#214232;
}
#digistream-ai-root .dsai-fixed-answer-copy {
  flex:0 1 auto;
  min-height:0;
  text-align:left;
  font-size:11.6px;
  line-height:1.55;
  color:#4e6659;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
}
#digistream-ai-root .dsai-fixed-answer-full-video {
  flex:0 0 auto;
  width:100%;
  min-height:38px;
  margin:1px 0 0;
  padding:8px 10px;
  border:0;
  border-radius:11px;
  background:#075e47;
  color:#fff;
  font-size:11.6px;
  line-height:1.2;
  font-weight:800;
  cursor:pointer;
  box-shadow:0 4px 12px rgba(7,94,71,.16);
}
#digistream-ai-root .dsai-fixed-answer-full-video:active { transform:scale(.985); }

/* The answer is never inserted above/below the question grid anymore. */
#digistream-ai-root .dsai-job-preview-answer { display:none !important; }

#digistream-ai-root .dsai-job-question-title {
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

@media(max-width:480px) {
  #digistream-ai-root .dsai-fixed-answer-card { padding:12px 11px; gap:6px; }
  #digistream-ai-root .dsai-fixed-answer-title { font-size:12.2px; }
  #digistream-ai-root .dsai-fixed-answer-copy { font-size:10.9px; line-height:1.45; }
  #digistream-ai-root .dsai-fixed-answer-full-video { min-height:34px; padding:7px 8px; font-size:10.9px; }
}


/* v1.0.43: permanently fixed Job interaction structure.
   Answer stage -> one-line heading -> six stable rotating cards -> compact free-question input. */
#digistream-ai-root .dsai-panel.dsai-job-fixed-layout .dsai-guided-slot.dsai-job-mode {
  flex:0 0 auto !important;
  min-height:0 !important;
  overflow:visible !important;
  padding:5px 10px 3px !important;
}
#digistream-ai-root .dsai-panel.dsai-job-fixed-layout .dsai-job-question-card {
  width:100% !important;
  margin:0 !important;
  padding:8px !important;
  border-radius:14px !important;
  background:#fff !important;
}
#digistream-ai-root .dsai-panel.dsai-job-fixed-layout .dsai-job-question-title {
  height:17px !important;
  min-height:17px !important;
  margin:0 2px 7px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  font-size:12.4px !important;
  line-height:17px !important;
}
#digistream-ai-root .dsai-panel.dsai-job-fixed-layout .dsai-job-question-grid {
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  grid-template-rows:repeat(3,44px) !important;
  grid-auto-rows:44px !important;
  gap:7px !important;
  width:100% !important;
}
#digistream-ai-root .dsai-panel.dsai-job-fixed-layout .dsai-job-question-btn {
  width:100% !important;
  height:44px !important;
  min-height:44px !important;
  max-height:44px !important;
  margin:0 !important;
  padding:6px 7px !important;
  border-radius:13px !important;
  font-size:11.5px !important;
  line-height:1.15 !important;
  font-weight:850 !important;
  overflow:hidden !important;
}
#digistream-ai-root .dsai-panel.dsai-job-fixed-layout .dsai-job-question-btn.is-placeholder {
  visibility:hidden !important;
  pointer-events:none !important;
}
#digistream-ai-root .dsai-panel.dsai-job-fixed-layout .dsai-messages {
  flex:0 0 0 !important;
  min-height:0 !important;
  height:0 !important;
  padding:0 !important;
  margin:0 !important;
  overflow:hidden !important;
}
#digistream-ai-root .dsai-panel.dsai-job-fixed-layout .dsai-links {
  display:none !important;
}
#digistream-ai-root .dsai-panel.dsai-job-fixed-layout .dsai-form {
  display:block !important;
  flex:0 0 auto !important;
  margin:0 !important;
  padding:4px 10px 7px !important;
}
#digistream-ai-root .dsai-panel.dsai-job-fixed-layout .dsai-composer {
  min-height:40px !important;
  max-height:58px !important;
  padding:4px 5px !important;
  gap:4px !important;
  border-radius:13px !important;
  background:#fff !important;
}
#digistream-ai-root .dsai-panel.dsai-job-fixed-layout textarea {
  min-height:34px !important;
  height:34px !important;
  max-height:48px !important;
  padding:6px 5px !important;
  resize:none !important;
  font-size:13px !important;
  line-height:1.35 !important;
}
#digistream-ai-root .dsai-panel.dsai-job-fixed-layout textarea::placeholder {
  font-size:11px !important;
}
#digistream-ai-root .dsai-panel.dsai-job-fixed-layout .dsai-send {
  width:36px !important;
  min-width:36px !important;
  height:36px !important;
  min-height:36px !important;
  border-radius:10px !important;
}
#digistream-ai-root .dsai-panel.dsai-job-fixed-layout .dsai-voice-row,
#digistream-ai-root .dsai-panel.dsai-job-fixed-layout .dsai-footer {
  display:none !important;
}

@media(max-width:480px) {
  #digistream-ai-root .dsai-panel.dsai-job-fixed-layout .dsai-guided-slot.dsai-job-mode {
    padding:4px 8px 2px !important;
  }
  #digistream-ai-root .dsai-panel.dsai-job-fixed-layout .dsai-job-question-card {
    padding:7px !important;
  }
  #digistream-ai-root .dsai-panel.dsai-job-fixed-layout .dsai-job-question-grid {
    grid-template-rows:repeat(3,42px) !important;
    grid-auto-rows:42px !important;
    gap:6px !important;
  }
  #digistream-ai-root .dsai-panel.dsai-job-fixed-layout .dsai-job-question-btn {
    height:42px !important;
    min-height:42px !important;
    max-height:42px !important;
    font-size:11.1px !important;
    padding:5px !important;
  }
  #digistream-ai-root .dsai-panel.dsai-job-fixed-layout .dsai-form {
    padding:3px 8px 6px !important;
  }
}


/* v1.0.44: true 16:9 fixed answer/media stage.
   The outer stage footprint never changes between video, audio+text, text-only,
   revisit context, or YouTube CTA states. The six-question grid and free input
   below it retain the exact same alignment. */
#digistream-ai-root .dsai-reaction-stage {
  width:min(360px,calc(100% - 24px)) !important;
  height:auto !important;
  min-width:0 !important;
  min-height:0 !important;
  max-width:360px !important;
  max-height:none !important;
  aspect-ratio:16 / 9 !important;
  flex-basis:auto !important;
  margin:7px auto 4px !important;
  border-radius:16px !important;
  overflow:hidden !important;
  background:#FFFFFF !important;
}
#digistream-ai-root .dsai-reaction-image,
#digistream-ai-root .dsai-reaction-video-layer,
#digistream-ai-root .dsai-reaction-video-layer .dsai-video-answer,
#digistream-ai-root .dsai-reaction-video-layer .dsai-video-answer video,
#digistream-ai-root .dsai-reaction-answer-layer {
  width:100% !important;
  height:100% !important;
  min-width:100% !important;
  min-height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  aspect-ratio:16 / 9 !important;
}
#digistream-ai-root .dsai-reaction-image,
#digistream-ai-root .dsai-reaction-video-layer .dsai-video-answer video {
  object-fit:cover !important;
  object-position:50% 50% !important;
}
#digistream-ai-root .dsai-fixed-answer-card {
  width:100% !important;
  height:100% !important;
  min-width:100% !important;
  min-height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
}

/* Use the vertical space freed by 16:9 without changing the interaction order. */
#digistream-ai-root .dsai-panel.dsai-job-fixed-layout .dsai-guided-slot.dsai-job-mode {
  padding-top:3px !important;
}
#digistream-ai-root .dsai-panel.dsai-job-fixed-layout .dsai-form {
  padding-bottom:6px !important;
}

@media(max-width:480px) {
  #digistream-ai-root .dsai-reaction-stage {
    width:min(360px,calc(100% - 16px)) !important;
    height:auto !important;
    min-width:0 !important;
    min-height:0 !important;
    max-width:360px !important;
    max-height:none !important;
    aspect-ratio:16 / 9 !important;
    flex-basis:auto !important;
    margin:6px auto 3px !important;
    border-radius:14px !important;
  }
  #digistream-ai-root .dsai-panel.dsai-job-fixed-layout .dsai-job-question-grid {
    grid-template-rows:repeat(3,42px) !important;
    grid-auto-rows:42px !important;
  }
  #digistream-ai-root .dsai-panel.dsai-job-fixed-layout .dsai-form {
    padding:3px 8px 6px !important;
  }
}


/* v1.0.45: screenshot-verified mobile consistency fixes.
   - True 16:9 media is never zoom-cropped.
   - The free-question composer is present from the first open.
   - Six Job question cards keep one stable 2x3 geometry.
   - Mobile panel shrinks to content and scrolls internally only when required. */
#digistream-ai-root .dsai-reaction-image,
#digistream-ai-root .dsai-reaction-video-layer .dsai-video-answer video {
  object-fit:contain !important;
  object-position:center center !important;
  background:#fff !important;
  transform:none !important;
}

/* One compact composer footprint on every assistant state. */
#digistream-ai-root .dsai-panel .dsai-form:not([hidden]) {
  display:block !important;
  flex:0 0 auto !important;
  margin:0 !important;
  padding:4px 10px 8px !important;
}
#digistream-ai-root .dsai-panel .dsai-composer {
  min-height:40px !important;
  max-height:54px !important;
  padding:4px 5px !important;
  gap:4px !important;
  border-radius:13px !important;
}
#digistream-ai-root .dsai-panel textarea {
  min-height:34px !important;
  height:34px !important;
  max-height:46px !important;
  padding:6px 5px !important;
  resize:none !important;
  font-size:13px !important;
  line-height:1.35 !important;
}
#digistream-ai-root .dsai-panel .dsai-send {
  width:36px !important;
  min-width:36px !important;
  height:36px !important;
  min-height:36px !important;
  border-radius:10px !important;
}

/* Job questions: exactly six stable visible slots, polished pastel cards. */
#digistream-ai-root .dsai-panel.dsai-job-fixed-layout .dsai-job-question-card {
  padding:7px 8px 8px !important;
  border:1px solid #e5ece7 !important;
  box-shadow:0 2px 9px rgba(31,66,48,.05) !important;
}
#digistream-ai-root .dsai-panel.dsai-job-fixed-layout .dsai-job-question-grid {
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  grid-template-rows:repeat(3,46px) !important;
  grid-auto-rows:46px !important;
  gap:7px !important;
}
#digistream-ai-root .dsai-panel.dsai-job-fixed-layout .dsai-job-question-btn {
  height:46px !important;
  min-height:46px !important;
  max-height:46px !important;
  border-radius:13px !important;
  padding:6px 8px !important;
  font-size:11.6px !important;
  line-height:1.16 !important;
  box-shadow:0 2px 7px rgba(31,66,48,.05) !important;
}

@media(max-width:480px) {
  #digistream-ai-root .dsai-panel {
    height:auto !important;
    max-height:calc(100dvh - 16px) !important;
    overflow-y:auto !important;
    overscroll-behavior:contain !important;
    -webkit-overflow-scrolling:touch !important;
  }
  #digistream-ai-root .dsai-header {
    flex:0 0 auto !important;
  }
  #digistream-ai-root .dsai-reaction-stage {
    width:calc(100% - 16px) !important;
    max-width:360px !important;
    aspect-ratio:16 / 9 !important;
    margin:6px auto 4px !important;
  }
  #digistream-ai-root .dsai-guided-card.dsai-welcome-card {
    padding-bottom:6px !important;
  }
  #digistream-ai-root .dsai-panel.dsai-job-fixed-layout .dsai-guided-slot.dsai-job-mode {
    padding:3px 8px 2px !important;
  }
  #digistream-ai-root .dsai-panel.dsai-job-fixed-layout .dsai-job-question-title {
    margin-bottom:6px !important;
  }
  #digistream-ai-root .dsai-panel.dsai-job-fixed-layout .dsai-job-question-grid {
    grid-template-rows:repeat(3,46px) !important;
    grid-auto-rows:46px !important;
    gap:6px !important;
  }
  #digistream-ai-root .dsai-panel.dsai-job-fixed-layout .dsai-job-question-btn {
    height:46px !important;
    min-height:46px !important;
    max-height:46px !important;
    font-size:11.3px !important;
  }
  #digistream-ai-root .dsai-panel .dsai-form:not([hidden]) {
    padding:3px 8px 7px !important;
  }
}


/* v1.0.48: mobile viewport lock.
   The chatbot shell and 16:9 assistant/media stage keep one exact footprint
   across Welcome, Job, questions, answers, revisit, and business states.
   Only the content area below the fixed stage is allowed to flex/scroll. */
@media(max-width:480px) {
  #digistream-ai-root .dsai-panel {
    height:calc(100dvh - 16px) !important;
    min-height:calc(100dvh - 16px) !important;
    max-height:calc(100dvh - 16px) !important;
    overflow:hidden !important;
  }

  #digistream-ai-root .dsai-header {
    flex:0 0 auto !important;
    flex-shrink:0 !important;
  }

  #digistream-ai-root .dsai-reaction-stage {
    width:calc(100% - 16px) !important;
    height:auto !important;
    min-width:0 !important;
    min-height:0 !important;
    max-width:360px !important;
    max-height:none !important;
    aspect-ratio:16 / 9 !important;
    flex:0 0 auto !important;
    flex-shrink:0 !important;
    margin:6px auto 4px !important;
  }

  #digistream-ai-root .dsai-reaction-image,
  #digistream-ai-root .dsai-reaction-video-layer,
  #digistream-ai-root .dsai-reaction-video-layer .dsai-video-answer,
  #digistream-ai-root .dsai-reaction-video-layer .dsai-video-answer video,
  #digistream-ai-root .dsai-reaction-answer-layer {
    width:100% !important;
    height:100% !important;
    min-width:100% !important;
    min-height:100% !important;
    max-width:100% !important;
    max-height:100% !important;
    aspect-ratio:16 / 9 !important;
  }

  /* The area below the fixed media stage owns any remaining vertical space. */
  #digistream-ai-root .dsai-guided-slot,
  #digistream-ai-root .dsai-panel.dsai-job-fixed-layout .dsai-guided-slot.dsai-job-mode {
    flex:1 1 auto !important;
    min-height:0 !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    overscroll-behavior:contain !important;
    -webkit-overflow-scrolling:touch !important;
  }

  /* Legacy message history must never compete with the fixed guided area for height. */
  #digistream-ai-root .dsai-messages,
  #digistream-ai-root .dsai-panel.dsai-job-fixed-layout .dsai-messages,
  #digistream-ai-root .dsai-guided-slot.dsai-job-mode + .dsai-messages {
    flex:0 0 0 !important;
    width:100% !important;
    height:0 !important;
    min-height:0 !important;
    max-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
  }

  #digistream-ai-root .dsai-form:not([hidden]) {
    flex:0 0 auto !important;
    flex-shrink:0 !important;
  }
}


/* v1.0.49: desktop first-screen composer visibility.
   Keep the fixed media stage unchanged. When guided choices are visible on
   desktop/laptop, the guided area owns the remaining vertical space and may
   scroll internally, while the free-question composer remains pinned at the
   bottom from the very first screen. */
@media(min-width:481px) {
  #digistream-ai-root .dsai-guided-slot:not(:empty) {
    flex:1 1 auto !important;
    min-height:0 !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    overscroll-behavior:contain !important;
    -webkit-overflow-scrolling:touch !important;
  }

  /* While guided choices are on screen, the legacy message log must not take
     away vertical space from the choices or push the composer out of view. */
  #digistream-ai-root .dsai-guided-slot:not(:empty) + .dsai-messages {
    flex:0 0 0 !important;
    height:0 !important;
    min-height:0 !important;
    max-height:0 !important;
    margin:0 !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
    overflow:hidden !important;
  }

  #digistream-ai-root .dsai-form:not([hidden]) {
    flex:0 0 auto !important;
    flex-shrink:0 !important;
    position:relative !important;
    z-index:5 !important;
    background:#fff !important;
  }
}

/* v1.0.51: five-question paging, identical on desktop and mobile.
   Questions stay stable on the current page. Only Previous / Next changes the
   visible set. The free-question composer remains below the pager. */
#digistream-ai-root .dsai-panel.dsai-job-fixed-layout .dsai-job-question-card {
  padding:7px 8px 8px !important;
}
#digistream-ai-root .dsai-panel.dsai-job-fixed-layout .dsai-job-question-grid {
  display:grid !important;
  grid-template-columns:1fr !important;
  grid-template-rows:repeat(5,40px) !important;
  grid-auto-rows:40px !important;
  gap:6px !important;
  width:100% !important;
}
#digistream-ai-root .dsai-panel.dsai-job-fixed-layout .dsai-job-question-btn {
  width:100% !important;
  height:40px !important;
  min-height:40px !important;
  max-height:40px !important;
  padding:6px 12px !important;
  border-radius:12px !important;
  font-size:12px !important;
  line-height:1.2 !important;
  text-align:left !important;
  white-space:normal !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
#digistream-ai-root .dsai-panel.dsai-job-fixed-layout .dsai-job-question-btn.is-seen {
  box-shadow:inset 0 0 0 1px rgba(31,66,48,.13),0 2px 7px rgba(31,66,48,.05) !important;
}
#digistream-ai-root .dsai-job-question-pager {
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:7px !important;
  width:100% !important;
  margin-top:7px !important;
}
#digistream-ai-root .dsai-job-page-btn {
  width:100% !important;
  min-height:38px !important;
  height:38px !important;
  border:1px solid #dce7e0 !important;
  border-radius:11px !important;
  background:#f7faf8 !important;
  color:#28513a !important;
  font-size:11.7px !important;
  font-weight:800 !important;
  cursor:pointer !important;
}
#digistream-ai-root .dsai-job-page-btn:not(:disabled):active {
  transform:scale(.985) !important;
}
#digistream-ai-root .dsai-job-page-btn:disabled {
  opacity:.42 !important;
  cursor:default !important;
}

@media(max-width:480px) {
  #digistream-ai-root .dsai-panel.dsai-job-fixed-layout .dsai-job-question-grid {
    grid-template-columns:1fr !important;
    grid-template-rows:repeat(5,39px) !important;
    grid-auto-rows:39px !important;
    gap:5px !important;
  }
  #digistream-ai-root .dsai-panel.dsai-job-fixed-layout .dsai-job-question-btn {
    height:39px !important;
    min-height:39px !important;
    max-height:39px !important;
    padding:5px 10px !important;
    font-size:11.6px !important;
  }
  #digistream-ai-root .dsai-job-question-pager {
    gap:6px !important;
    margin-top:6px !important;
  }
  #digistream-ai-root .dsai-job-page-btn {
    height:37px !important;
    min-height:37px !important;
    font-size:11.4px !important;
  }
}


/* v1.0.53: single sound toggle for short assistant videos.
   No native play/pause controls are exposed. */
#digistream-ai-root .dsai-video-answer .dsai-video-sound-toggle {
  position:absolute !important;
  right:10px !important;
  bottom:10px !important;
  z-index:8 !important;
  width:36px !important;
  height:36px !important;
  min-width:36px !important;
  min-height:36px !important;
  padding:0 !important;
  display:grid !important;
  place-items:center !important;
  border:1px solid rgba(255,255,255,.72) !important;
  border-radius:999px !important;
  background:rgba(20,31,25,.62) !important;
  color:#fff !important;
  font-size:18px !important;
  line-height:1 !important;
  box-shadow:0 2px 10px rgba(0,0,0,.18) !important;
  cursor:pointer !important;
  pointer-events:auto !important;
  -webkit-tap-highlight-color:transparent;
}
#digistream-ai-root .dsai-video-answer .dsai-video-sound-toggle:active {
  transform:scale(.95) !important;
}
#digistream-ai-root .dsai-video-answer .dsai-video-sound-toggle:focus-visible {
  outline:2px solid #fff !important;
  outline-offset:2px !important;
}


/* v1.0.54: play-once short-video memory + transparent media controls + uniform revisit cards. */
#digistream-ai-root .dsai-video-answer .dsai-video-sound-toggle,
#digistream-ai-root .dsai-video-answer .dsai-video-playback-toggle {
  position:absolute !important;
  right:10px !important;
  z-index:9 !important;
  width:36px !important;
  height:36px !important;
  min-width:36px !important;
  min-height:36px !important;
  padding:0 !important;
  display:grid !important;
  place-items:center !important;
  border:1px solid rgba(255,255,255,.92) !important;
  border-radius:999px !important;
  background:transparent !important;
  color:#fff !important;
  font-size:18px !important;
  line-height:1 !important;
  text-shadow:0 1px 3px rgba(0,0,0,.95), 0 0 2px rgba(0,0,0,.8) !important;
  box-shadow:0 0 0 1px rgba(0,0,0,.22), 0 2px 8px rgba(0,0,0,.22) !important;
  cursor:pointer !important;
  pointer-events:auto !important;
  -webkit-tap-highlight-color:transparent;
}
#digistream-ai-root .dsai-video-answer .dsai-video-sound-toggle { bottom:10px !important; }
#digistream-ai-root .dsai-video-answer .dsai-video-playback-toggle { bottom:52px !important; }
#digistream-ai-root .dsai-video-answer .dsai-video-sound-toggle:active,
#digistream-ai-root .dsai-video-answer .dsai-video-playback-toggle:active { transform:scale(.95) !important; }
#digistream-ai-root .dsai-video-answer .dsai-video-sound-toggle:focus-visible,
#digistream-ai-root .dsai-video-answer .dsai-video-playback-toggle:focus-visible {
  outline:2px solid #fff !important;
  outline-offset:2px !important;
}

#digistream-ai-root .dsai-revisit-mode .dsai-guided-choice.dsai-option-card {
  width:100% !important;
  height:54px !important;
  min-height:54px !important;
  max-height:54px !important;
  overflow:hidden !important;
}
#digistream-ai-root .dsai-revisit-mode .dsai-option-copy strong {
  display:-webkit-box !important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}
#digistream-ai-root .dsai-revisit-mode .dsai-option-copy > span {
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
@media(max-width:480px) {
  #digistream-ai-root .dsai-revisit-mode .dsai-guided-choice.dsai-option-card {
    height:52px !important;
    min-height:52px !important;
    max-height:52px !important;
  }
}


/* v1.0.55: final 20 Job questions use explicit two-line button labels. */
#digistream-ai-root .dsai-panel.dsai-job-fixed-layout .dsai-job-question-btn {
  white-space:pre-line !important;
}

/* v1.0.56: left-aligned two-line Job question cards.
   Keep a fixed card height while aligning both lines from the same left edge. */
#digistream-ai-root .dsai-panel.dsai-job-fixed-layout .dsai-job-question-btn {
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  text-align:left !important;
  padding-left:13px !important;
  padding-right:10px !important;
}
@media(max-width:480px) {
  #digistream-ai-root .dsai-panel.dsai-job-fixed-layout .dsai-job-question-btn {
    padding-left:12px !important;
    padding-right:9px !important;
  }
}
/* v1.0.58: true welcome-style Job question surface + user-supplied PNG controls.
   Removes the remaining white guided-slot/card background. Referral, question,
   navigation and play-once media behavior are unchanged. */
#digistream-ai-root .dsai-panel.dsai-job-fixed-layout .dsai-guided-slot.dsai-job-mode {
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
#digistream-ai-root .dsai-panel.dsai-job-fixed-layout .dsai-job-question-card {
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
#digistream-ai-root .dsai-panel.dsai-job-fixed-layout .dsai-job-question-title {
  margin:0 3px 8px !important;
}
#digistream-ai-root .dsai-panel.dsai-job-fixed-layout .dsai-job-question-grid {
  grid-template-rows:repeat(5,41px) !important;
  grid-auto-rows:41px !important;
  gap:8px !important;
}
#digistream-ai-root .dsai-panel.dsai-job-fixed-layout .dsai-job-question-btn {
  height:41px !important;
  min-height:41px !important;
  max-height:41px !important;
  padding-left:14px !important;
  padding-right:11px !important;
  box-shadow:0 2px 8px rgba(31,66,48,.065) !important;
}
#digistream-ai-root .dsai-job-question-pager {
  margin-top:9px !important;
}

#digistream-ai-root .dsai-video-answer .dsai-video-sound-toggle,
#digistream-ai-root .dsai-video-answer .dsai-video-playback-toggle {
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  text-shadow:none !important;
  overflow:visible !important;
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  min-height:42px !important;
  padding:1px !important;
}
#digistream-ai-root .dsai-video-answer .dsai-video-playback-toggle { bottom:56px !important; }
#digistream-ai-root .dsai-video-answer .dsai-video-sound-toggle { bottom:10px !important; }
#digistream-ai-root .dsai-video-answer .dsai-video-playback-toggle[data-state="pause"],
#digistream-ai-root .dsai-video-answer .dsai-video-sound-toggle[data-state="muted"] {
  background:transparent !important;
}
#digistream-ai-root .dsai-video-answer .dsai-media-control-image {
  display:block !important;
  width:40px !important;
  height:40px !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:contain !important;
  pointer-events:none !important;
  user-select:none !important;
  -webkit-user-drag:none !important;
  filter:none !important;
}
#digistream-ai-root .dsai-video-answer .dsai-video-sound-toggle:hover,
#digistream-ai-root .dsai-video-answer .dsai-video-playback-toggle:hover {
  filter:none !important;
  transform:translateY(-1px);
}
#digistream-ai-root .dsai-video-answer .dsai-video-sound-toggle:active,
#digistream-ai-root .dsai-video-answer .dsai-video-playback-toggle:active {
  transform:scale(.94) !important;
}

@media(max-width:480px) {
  #digistream-ai-root .dsai-panel.dsai-job-fixed-layout .dsai-guided-slot.dsai-job-mode {
    background:transparent !important;
  }
  #digistream-ai-root .dsai-panel.dsai-job-fixed-layout .dsai-job-question-title {
    margin-bottom:7px !important;
  }
  #digistream-ai-root .dsai-panel.dsai-job-fixed-layout .dsai-job-question-grid {
    grid-template-rows:repeat(5,40px) !important;
    grid-auto-rows:40px !important;
    gap:7px !important;
  }
  #digistream-ai-root .dsai-panel.dsai-job-fixed-layout .dsai-job-question-btn {
    height:40px !important;
    min-height:40px !important;
    max-height:40px !important;
    padding-left:13px !important;
    padding-right:10px !important;
  }
  #digistream-ai-root .dsai-job-question-pager { margin-top:8px !important; }
  #digistream-ai-root .dsai-video-answer .dsai-video-sound-toggle,
  #digistream-ai-root .dsai-video-answer .dsai-video-playback-toggle {
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
    min-height:40px !important;
  }
  #digistream-ai-root .dsai-video-answer .dsai-video-playback-toggle { bottom:53px !important; }
  #digistream-ai-root .dsai-video-answer .dsai-media-control-image {
    width:38px !important;
    height:38px !important;
  }
}

/* v1.0.60: Text/voice controls and 15-second auto-scroll (answer stage only). */
#digistream-ai-root .dsai-fixed-answer-card { overflow:hidden; justify-content:flex-start; }
#digistream-ai-root .dsai-fixed-answer-copy {
  flex:1 1 auto; min-height:0; overflow-y:auto; overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch; scroll-behavior:smooth;
}
#digistream-ai-root .dsai-answer-audio-controls {
  flex:0 0 auto; display:flex; align-items:center; justify-content:center;
  gap:10px; padding:3px 0; min-height:30px;
}
#digistream-ai-root .dsai-answer-audio-toggle {
  display:flex; align-items:center; justify-content:center; width:32px; height:32px;
  border:0; border-radius:50%; background:#075e47; cursor:pointer;
}
#digistream-ai-root .dsai-answer-audio-toggle img { width:19px; height:19px; object-fit:contain; }
#digistream-ai-root .dsai-answer-scroll-toggle {
  border:1px solid #bdd4c5; background:#fff; color:#075e47;
  border-radius:8px; padding:6px 10px; font-size:11px; font-weight:700; cursor:pointer;
}

/* v1.0.62: fixed heading audio icon; full-height text; no visible scroll controls. */
#digistream-ai-root .dsai-fixed-answer-title-with-audio {
  display:flex !important; align-items:center; justify-content:center;
  gap:6px; position:relative; min-height:23px;
}
#digistream-ai-root .dsai-fixed-answer-title-with-audio .dsai-answer-audio-toggle {
  flex:0 0 23px !important; width:23px !important; height:23px !important;
  min-width:23px !important; min-height:23px !important;
  padding:0 !important; margin:0 !important; border:0 !important;
  border-radius:0 !important; background:transparent !important;
  box-shadow:none !important; cursor:pointer; display:inline-flex !important;
  align-items:center; justify-content:center;
}
#digistream-ai-root .dsai-fixed-answer-title-with-audio .dsai-answer-audio-toggle img,
#digistream-ai-root .dsai-fixed-answer-title-with-audio .dsai-answer-audio-toggle .dsai-media-control-image {
  display:block !important; width:22px !important; height:22px !important;
  max-width:22px !important; max-height:22px !important; object-fit:contain;
}
#digistream-ai-root .dsai-answer-audio-controls,
#digistream-ai-root .dsai-answer-scroll-toggle { display:none !important; }
#digistream-ai-root .dsai-fixed-answer-copy { flex:1 1 auto; min-height:0; }