/* A self-contained, mobile-first conversation. No landing-page layout overrides. */
.chat-demo-dialog {
  box-sizing: border-box;
  --wd-ink: #173d35;
  --wd-muted: #6d8078;
  --wd-green: #087d58;
  --wd-border: #dce7e1;
  direction: rtl;
  position: fixed;
  inset: 0;
  width: min(540px, calc(100vw - 40px));
  height: min(850px, calc(var(--wd-viewport-height, 100dvh) - 48px));
  max-width: none;
  max-height: none;
  margin: auto;
  padding: 0;
  overflow: hidden;
  color: var(--wd-ink);
  background: #f7faf8;
  border: 1px solid #ffffffc9;
  border-radius: 25px;
  box-shadow: 0 30px 100px #002c354a, 0 5px 20px #123d3126;
  font: 400 15px/1.55 Heebo, Arial, sans-serif;
  text-align: start;
  color-scheme: light;
}
.chat-demo-dialog::backdrop { background: #10342de0; backdrop-filter: blur(8px); }
.chat-demo-dialog *, .chat-demo-dialog *::before, .chat-demo-dialog *::after { box-sizing: border-box; }
.chat-demo-dialog [hidden] { display: none !important; }
.chat-demo-dialog :is(button, input, textarea) { font-family: inherit; }
.chat-demo-dialog button { cursor: pointer; letter-spacing: 0; -webkit-tap-highlight-color: transparent; }
.chat-demo-dialog button:disabled { cursor: default; opacity: .48; }
.chat-demo-dialog :is(button, input, textarea):focus-visible { outline: 3px solid #42c893; outline-offset: 3px; }
.chat-demo-dialog :is(h2, h3, p) { margin: 0; }
.chat-demo-dialog :is(button, input, textarea, strong, span) { min-width: 0; }
.wd-shell { display: grid; grid-template-rows: auto auto minmax(0, 1fr); width: 100%; height: 100%; overflow: hidden; }
.wd-icon { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; }
svg.wd-icon { display: inline-block; width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; vertical-align: middle; }
.wd-icon svg, .wd-icon-button svg, .wd-send svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.wd-header {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 79px;
  padding: 13px 16px;
  color: #fff;
  background: linear-gradient(115deg, #095d4e, #08715a);
  box-shadow: 0 2px 5px #082e2512;
  z-index: 2;
}
.wd-icon-button { display: inline-flex; justify-content: center; align-items: center; flex: 0 0 36px; width: 36px; height: 42px; padding: 6px; color: inherit; background: none; border: 0; border-radius: 50%; }
.wd-icon-button:hover { background: #ffffff15; }
.wd-avatar { display: flex; flex: 0 0 45px; align-items: center; justify-content: center; width: 45px; height: 45px; overflow: hidden; border: 1px solid #c8f2e185; border-radius: 50%; background: #e9faf1; box-shadow: 0 2px 6px #003b372e; }
.wd-avatar img { display: block; width: 100%; height: 100%; object-fit: cover; }
img.wd-avatar { display: block; object-fit: cover; }
.wd-contact { flex: 1; min-width: 0; }
.wd-contact strong { display: block; font-size: 19px; font-weight: 700; line-height: 1.35; }
.wd-contact small { display: flex; align-items: center; gap: 5px; margin-top: 2px; color: #c9e9df; font-size: 12px; line-height: 1.4; }
.wd-contact small::before { content: ''; width: 5px; height: 5px; background: #9ce6bc; border-radius: 50%; }
.wd-header-tools { display: flex; align-items: center; gap: 19px; padding-inline-start: 8px; color: #ecfaf4; }
.wd-header-tools .wd-icon:last-child svg, .wd-header-tools svg.wd-icon:last-child { width: 18px; }
.wd-join-strip { display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 43px; padding: 5px 14px; color: #637970; background: #f8fcf9; border-bottom: 1px solid #dce8e0; font-size: 12px; }
.wd-join-button { padding: 3px 11px; min-height: 31px; color: #0a674a; background: #e7f6ed; border: 1px solid #cfe8d9; border-radius: 20px; font-size: 12px; font-weight: 700; }
.wd-join-button:hover { background: #d8f1e3; }
.wd-chat-view { display: grid; grid-row: 3; grid-template-rows: minmax(0, 1fr) auto; min-height: 0; overflow: hidden; }
.wd-thread {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 10px;
  min-width: 0;
  min-height: 0;
  padding: 16px 22px 20px;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: #c6d3c6 transparent;
  background-color: #f0f2e9;
  background-image: radial-gradient(circle at 16px 17px, #8fa69416 1px, transparent 1.5px), radial-gradient(ellipse at 90% 0%, #c8e7d348, transparent 70%);
  background-size: 29px 29px, 100% 100%;
}
.wd-day { align-self: center; margin: 0 0 8px; padding: 3px 12px; color: #79857c; background: #ffffffc4; border: 1px solid #e4e8dc; border-radius: 7px; box-shadow: 0 1px 2px #31492808; font-size: 11px; }
.wd-message { position: relative; flex: 0 0 auto; min-width: 66px; max-width: 89%; padding: 10px 12px 6px; border-radius: 12px; box-shadow: 0 1px 2px #213f2010; overflow-wrap: anywhere; animation: wd-message-in .2s ease-out both; }
.wd-message.wd-in { align-self: flex-end; background: #fff; border-top-left-radius: 3px; }
.wd-message.wd-out { align-self: flex-start; background: #d7f6cb; border-top-right-radius: 3px; }
.wd-message.wd-in::before, .wd-message.wd-out::before { position: absolute; top: 0; content: ''; width: 9px; height: 12px; }
.wd-message.wd-in::before { left: -7px; background: #fff; clip-path: polygon(100% 0, 0 0, 100% 100%); }
.wd-message.wd-out::before { right: -7px; background: #d7f6cb; clip-path: polygon(0 0, 100% 0, 0 100%); }
.wd-message-content { color: #263a33; font-size: 15px; line-height: 1.65; white-space: pre-line; }
.wd-message-content strong { font-weight: 700; }
.wd-message-content > p + p { margin-top: 7px; }
.wd-message-meta { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 4px; direction: ltr; margin-top: 3px; color: #8a978e; font-size: 10px; line-height: 1.25; }
.wd-message.wd-out .wd-message-meta { color: #6a8770; }
.wd-message-meta .wd-ticks, .wd-message-meta .wd-checks { color: #32a7cc; font-size: 13px; letter-spacing: -3px; padding-inline-end: 3px; }
.wd-typing { align-self: flex-end; display: flex; align-items: center; gap: 4px; min-height: 35px; padding: 10px 15px; border-radius: 11px 3px 11px 11px; background: white; box-shadow: 0 1px 2px #213f2010; }
.wd-typing span { display: block; width: 5px; height: 5px; background: #8d9e93; border-radius: 50%; animation: wd-typing .9s ease-in-out infinite; }
.wd-typing span:nth-child(2) { animation-delay: .12s; }
.wd-typing span:nth-child(3) { animation-delay: .24s; }
.wd-quick-replies { display: flex; flex-wrap: wrap; align-self: flex-end; gap: 8px; max-width: 89%; }
.wd-quick { min-height: 42px; padding: 9px 14px; color: #176c4d; background: #fafdf7; border: 1px solid #d1e2cf; border-radius: 10px; box-shadow: 0 2px 3px #00644208; font-size: 14px; line-height: 1.45; font-weight: 600; }
.wd-quick:hover { background: #edf7e8; }
.wd-quick-replies .wd-quick:only-child { min-width: 232px; }
.wd-welcome-actions { align-self: flex-end; width: 89%; }
.wd-welcome-actions .wd-primary { width: 100%; min-height: 47px; }
.wd-welcome-actions p { margin-top: 7px; color: #80917e; font-size: 11px; line-height: 1.55; text-align: center; }
.wd-composer-area { z-index: 1; background: #f5f7f1; border-top: 1px solid #dfe6da; padding: 9px 12px max(8px, env(safe-area-inset-bottom)); }
.wd-composer { display: flex; align-items: flex-end; gap: 8px; width: 100%; }
.wd-composer > .wd-icon { display: flex; align-items: center; justify-content: center; width: 25px; height: 45px; color: #839084; }
.wd-compose-decoration { display: flex; align-items: center; justify-content: center; flex: 0 0 24px; height: 45px; color: #839084; }
.wd-compose-decoration .wd-icon { width: 21px; height: 21px; }
.wd-composer textarea { display: block; flex: 1; width: 0; min-width: 0; min-height: 45px; max-height: 110px; resize: none; overflow-y: auto; padding: 10px 14px; border: 1px solid #e3e9de; border-radius: 23px; background: #fff; color: #273e33; box-shadow: 0 1px 2px #203f2106; font-size: 16px; line-height: 1.45; direction: rtl; }
.wd-composer textarea::placeholder { color: #92a095; }
.wd-composer textarea:disabled { opacity: 1; background: #fbfcf8; color: #8a978a; }
.wd-composer textarea:focus-visible { outline-offset: 0; outline-width: 2px; }
.wd-send { display: flex; align-items: center; justify-content: center; flex: 0 0 45px; width: 45px; height: 45px; padding: 10px; border: 0; border-radius: 50%; background: #0a8660; color: #fff; box-shadow: 0 2px 3px #00613e14; }
.wd-send:not(:disabled):hover { background: #066e4e; }
.wd-composer-hint { display: flex; align-items: center; justify-content: center; gap: 5px; margin: 5px 4px 0; color: #7a897d; text-align: center; font-size: 11px; line-height: 1.5; }
.wd-composer-hint .wd-icon { width: 12px; height: 12px; }
.wd-input-error, .wd-edit-error { margin-top: 6px; color: #a63437; font-size: 13px; line-height: 1.45; }
.wd-file-card { display: block; align-self: flex-end; flex: 0 0 auto; width: 89%; max-width: 100%; min-width: 0; margin: 3px 0 1px; overflow: hidden; color: #214334; background: #fdfefd; border: 1px solid #dce9de; border-radius: 12px; }
.wd-message .wd-file-card, .wd-send-package .wd-file-card { width: 100%; }
.wd-file-head { display: flex; align-items: center; gap: 10px; padding: 12px; background: linear-gradient(125deg, #f3f9f2, #edf7ed); border-bottom: 1px solid #e0eade; }
.wd-pdf-icon { position: relative; display: flex; align-items: center; justify-content: center; flex: 0 0 36px; width: 36px; height: 43px; color: #fff; background: #d76156; border-radius: 4px 8px 4px 4px; font-family: Arial, sans-serif; font-size: 10px; font-weight: 700; letter-spacing: .5px; box-shadow: 0 2px 3px #aa534416; }
.wd-pdf-icon::after { position: absolute; right: 0; top: 0; width: 10px; height: 10px; content: ''; background: #f4b0a6; border-bottom-left-radius: 3px; }
.wd-file-head > div:not(.wd-pdf-icon), .wd-file-head > span { min-width: 0; }
.wd-file-head strong { display: block; font-size: 14px; font-weight: 700; line-height: 1.4; overflow-wrap: anywhere; }
.wd-file-head small { display: block; margin-top: 3px; color: #819186; font-size: 10px; }
.wd-file-preview { padding: 6px 12px; background: #fff; }
.wd-file-preview > div { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; padding: 7px 0; border-bottom: 1px solid #eff2ec; font-size: 12px; line-height: 1.5; }
.wd-file-preview > div:last-child { border-bottom: 0; }
.wd-file-preview > div > :first-child { overflow-wrap: anywhere; }
.wd-file-preview > div > :last-child { flex: 0 0 auto; white-space: nowrap; font-weight: 600; }
.wd-file-total { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin: 0 10px 10px; padding: 8px 10px; border-radius: 6px; background: #eaf7e9; font-size: 12px; font-weight: 600; }
.wd-file-total strong, .wd-file-total bdi { font-size: 20px; line-height: 1.25; white-space: nowrap; color: #065c3e; font-weight: 700; }
.wd-file-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; padding: 0 10px 10px; }
.wd-action { display: inline-flex; align-items: center; justify-content: center; gap: 5px; min-height: 40px; padding: 8px 9px; color: #116b4b; border: 1px solid #d6e7d9; border-radius: 7px; background: #f8fcf8; font-size: 13px; line-height: 1.4; font-weight: 600; }
.wd-action.primary, .wd-action.wd-primary { grid-column: 1 / -1; color: #fff; background: #0a8258; border-color: #087a52; }
.wd-action:hover { filter: brightness(.96); }
.wd-approved-label { display: inline-flex; align-items: center; justify-content: center; color: #5e916b; font-size: 12px; }
.wd-approval-stage { display: flex; flex: 0 0 auto; flex-direction: column; gap: 10px; width: 100%; min-width: 0; }
.wd-send-package { align-self: flex-end; width: 89%; padding: 10px; border: 1px solid #dce7d8; border-radius: 13px; background: #fffffff0; box-shadow: 0 2px 3px #203f2108; }
.wd-ready-message { margin: 10px 0; padding: 10px 12px; background: #eef7e9; border-radius: 8px; color: #385440; font-size: 13px; line-height: 1.65; white-space: pre-line; overflow-wrap: anywhere; }
.wd-ready-message > strong { display: block; margin-bottom: 4px; color: #44704a; font-size: 11px; }
.wd-recipient { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 9px 2px 12px; color: #718574; font-size: 12px; }
.wd-recipient strong, .wd-recipient bdi { color: #3b604a; white-space: nowrap; font-size: 13px; }
.wd-recipient input { width: 142px; max-width: 55%; padding: 8px 10px; border: 1px solid var(--wd-border); border-radius: 7px; direction: ltr; background: #fff; color: #285038; font-size: 16px; }
.wd-primary, .wd-secondary { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 45px; padding: 11px 15px; border-radius: 10px; font-size: 15px; font-weight: 700; line-height: 1.5; text-align: center; }
.wd-primary { color: #fff; background: linear-gradient(115deg, #07945f, #08734f); border: 1px solid #087d53; box-shadow: inset 0 1px 0 #ffffff1a, 0 3px 8px #12614214; }
.wd-primary:hover { filter: brightness(.95); }
.wd-secondary { color: #276a4e; background: #f7fbf6; border: 1px solid #d8e8d8; box-shadow: none; }
.wd-secondary:hover { background: #edf7eb; }
.wd-send-package > .wd-primary { width: 100%; font-size: 14px; }
.wd-send-actions .wd-primary { width: 100%; font-size: 14px; }
.wd-send-actions p { margin-top: 6px; color: #8b9a89; font-size: 10px; text-align: center; }
.wd-end-actions { display: flex; flex-direction: column; align-self: stretch; gap: 8px; margin-top: 3px; }
.wd-end-actions .wd-secondary { align-self: center; min-height: 40px; padding: 8px 16px; border-color: transparent; background: transparent; font-size: 13px; font-weight: 500; }
.wd-quote-view { display: grid; grid-row: 3; grid-template-rows: auto minmax(0, 1fr) auto; min-height: 0; background: #edf3eb; }
.wd-quote-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 8px; min-height: 49px; padding: 5px 15px; background: #fff; border-bottom: 1px solid #e2eae0; }
.wd-quote-toolbar > button { display: flex; align-items: center; justify-content: center; gap: 7px; min-height: 38px; padding: 5px 2px; color: #34735a; background: none; border: 0; border-radius: 6px; font-size: 13px; font-weight: 500; }
.wd-quote-toolbar > :not(button) { color: #829389; font-size: 11px; }
.wd-quote-scroll { min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 20px; scrollbar-width: thin; scrollbar-color: #c6d3c6 transparent; }
.wd-document { position: relative; width: 100%; margin: 0; padding: 24px; overflow: hidden; background: #fff; border: 1px solid #dce7dd; border-radius: 12px; box-shadow: 0 8px 24px #3157350b; }
.wd-document::before { content: ''; position: absolute; inset: 0 0 auto; height: 5px; background: linear-gradient(90deg, #b4eabe, #008258 70%); }
.wd-doc-brand { display: flex; align-items: center; gap: 9px; padding-bottom: 16px; color: #174a34; border-bottom: 1px solid #e6ede4; }
.wd-doc-brand img { display: block; flex: 0 0 37px; width: 37px; height: 37px; object-fit: cover; border-radius: 50%; }
.wd-doc-brand strong { display: block; font-size: 15px; line-height: 1.5; overflow-wrap: anywhere; }
.wd-doc-brand small, .wd-doc-brand div > span { display: block; color: #91a092; font-size: 10px; }
.wd-doc-meta { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 12px; margin: 15px 0 8px; color: #8a998d; font-size: 10px; }
.wd-document h2 { margin: 0 0 6px; color: #123f2d; font-size: 32px; font-weight: 800; letter-spacing: -.8px; line-height: 1.3; }
.wd-doc-intro { margin-bottom: 19px !important; color: #8a9b88; font-size: 11px; }
.wd-doc-table { width: 100%; border: 1px solid #e0e9df; border-radius: 8px; overflow: hidden; }
.wd-doc-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 13px 12px; border-bottom: 1px solid #eaf0e8; font-size: 14px; line-height: 1.5; }
.wd-doc-row:last-child { border-bottom: 0; }
.wd-doc-row.wd-doc-heading, .wd-doc-row.wd-doc-table-head { color: #50735e; background: #f0f6ec; font-size: 11px; font-weight: 600; padding-block: 9px; }
.wd-doc-item { min-width: 0; overflow-wrap: anywhere; }
.wd-doc-item > strong { font-weight: 600; }
.wd-row-number { display: inline-block; margin-inline-end: 7px; color: #97ad97; font-size: 10px; font-weight: 500; }
.wd-doc-price { min-width: 0; white-space: nowrap; font-weight: 700; color: #245337; }
.wd-doc-row label { display: block; margin-bottom: 5px; color: #7f947b; font-size: 10px; font-weight: 400; white-space: nowrap; }
.wd-document input[data-wd-item], .wd-document input[data-wd-price] { display: block; min-height: 42px; width: 100%; min-width: 0; padding: 8px; color: #214b36; background: #fafff8; border: 1px solid #b7d7b7; border-radius: 6px; font-size: 16px; line-height: 1.4; }
.wd-document input[data-wd-price] { width: 100px; direction: ltr; text-align: right; }
.wd-doc-total { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-top: 12px; padding: 15px 12px; color: #145337; background: linear-gradient(110deg, #e4f6de, #eef9e9); border: 1px solid #d6ebcf; border-radius: 8px; font-size: 13px; font-weight: 600; }
.wd-doc-total strong, .wd-doc-total bdi { font-size: 27px; font-weight: 800; line-height: 1.2; white-space: nowrap; letter-spacing: -.5px; }
.wd-doc-signature { position: relative; min-height: 80px; margin-top: 26px; padding: 11px 13px 25px; border: 1px solid #e5ece1; border-radius: 7px; color: #879984; font-size: 11px; background: #fcfefb; }
.wd-doc-signature::after { content: none; }
.wd-doc-signature { padding: 11px 13px; }
.wd-signature-line { margin: 10px 0 5px; padding-bottom: 7px; border-bottom: 1px solid #dae6d5; color: #6f8969; font-size: 12px; }
.wd-doc-signature small { color: #9aa994; font-size: 9px; }
.wd-doc-branding { margin-top: 16px; color: #98a994; font-size: 9px; text-align: center; }
.wd-doc-footnote { margin-top: 13px; color: #9aa798; font-size: 10px; text-align: center; line-height: 1.5; }
.wd-quote-footer { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 12px 18px max(12px, env(safe-area-inset-bottom)); background: #fff; border-top: 1px solid #dfe9dc; box-shadow: 0 -3px 12px #36513a04; }
.wd-quote-footer > .wd-primary, .wd-quote-footer > .wd-secondary { flex: 1; font-size: 14px; min-height: 46px; padding-inline: 8px; }
.wd-quote-footer > .wd-edit-error { flex-basis: 100%; margin-top: 0; }
.wd-document-actions { display: flex; align-items: center; gap: 8px; width: 100%; }
.wd-document-actions > .wd-primary, .wd-document-actions > .wd-secondary { flex: 1; min-height: 45px; padding-inline: 8px; font-size: 14px; }
.wd-save-notice { flex-basis: 100%; margin: 0 0 3px !important; color: #438655; font-size: 12px; text-align: center; }
@keyframes wd-message-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }
@keyframes wd-typing { 0%, 60%, 100% { transform: translateY(0); opacity: .5; } 30% { transform: translateY(-3px); opacity: 1; } }
@media (max-width: 600px) {
  .chat-demo-dialog { inset: var(--wd-viewport-top, 0) 0 auto; width: 100%; height: var(--wd-viewport-height, 100dvh); margin: 0; border: 0; border-radius: 0; box-shadow: none; }
  .wd-header { min-height: 70px; padding: max(10px, env(safe-area-inset-top)) 9px 10px; gap: 7px; }
  .wd-contact strong { font-size: 17px; }
  .wd-contact small { font-size: 11px; }
  .wd-avatar { flex-basis: 41px; width: 41px; height: 41px; }
  .wd-header-tools { gap: 13px; padding-inline-start: 3px; }
  .wd-icon-button { flex-basis: 32px; width: 32px; }
  .wd-join-strip { min-height: 41px; }
  .wd-thread { padding: 13px 15px 19px; gap: 9px; }
  .wd-message, .wd-quick-replies { max-width: 92%; }
  .wd-welcome-actions, .wd-file-card { width: 92%; }
  .wd-message { padding: 9px 11px 6px; }
  .wd-message-content { font-size: 14px; line-height: 1.65; }
  .wd-quick { font-size: 14px; }
  .wd-quick-replies .wd-quick:only-child { min-width: 220px; }
  .wd-composer-area { padding-inline: 8px; }
  .wd-composer { gap: 6px; }
  .wd-composer > .wd-icon { width: 22px; }
  .wd-compose-decoration { flex-basis: 21px; }
  .wd-compose-decoration .wd-icon { width: 20px; height: 20px; }
  .wd-composer > .wd-icon svg { width: 20px; }
  .wd-composer textarea { padding-inline: 11px; }
  .wd-send-package { width: 94%; }
  .wd-quote-scroll { padding: 14px 12px; }
  .wd-document { padding: 21px 18px 17px; }
  .wd-doc-row { gap: 10px; padding: 12px 10px; font-size: 13px; }
  .wd-document h2 { font-size: 29px; margin-bottom: 5px; }
  .wd-doc-total { padding: 13px 10px; }
  .wd-doc-total strong, .wd-doc-total bdi { font-size: 25px; }
  .wd-quote-footer { padding: 10px 12px max(10px, env(safe-area-inset-bottom)); }
}
@media (max-width: 360px) {
  .wd-header-tools { gap: 10px; }
  .wd-header-tools .wd-icon:first-child { display: none; }
  .wd-thread { padding-inline: 13px; }
  .wd-message, .wd-quick-replies { max-width: 94%; }
  .wd-welcome-actions, .wd-file-card { width: 94%; }
  .wd-composer > .wd-icon { width: 20px; }
  .wd-composer > .wd-icon svg { width: 18px; }
  .wd-compose-decoration { flex-basis: 20px; }
  .wd-compose-decoration .wd-icon { width: 18px; height: 18px; }
  .wd-composer { gap: 4px; }
  .wd-composer textarea { padding-inline: 10px; }
  .wd-file-head { padding: 10px; gap: 8px; }
  .wd-file-head strong { font-size: 13px; }
  .wd-file-preview { padding-inline: 10px; }
  .wd-file-total strong, .wd-file-total bdi { font-size: 19px; }
  .wd-action { padding-inline: 6px; font-size: 12px; }
  .wd-primary, .wd-secondary { padding-inline: 10px; font-size: 14px; }
  .wd-send-package { width: 100%; }
  .wd-quote-scroll { padding: 10px 8px; }
  .wd-document { padding-inline: 13px; }
  .wd-doc-total strong, .wd-doc-total bdi { font-size: 23px; }
  .wd-doc-total { font-size: 12px; }
  .wd-document input[data-wd-price] { width: 87px; }
  .wd-doc-row { gap: 7px; padding-inline: 8px; }
}
@media (prefers-reduced-motion: reduce) {
  .wd-message { animation: none; }
  .wd-typing span { animation: none; }
}

/* A quieter follow-up inside the welcome conversation. */
.wd-demo-clarification .wd-message-content { font-size: 13px; line-height: 1.65; color: #597065; }