/*
 * IOUEZ Support Center: Help Center (home, search, topics, articles) and the chat assistant.
 * Every rule is scoped to .iz-root and uses only the --iz-* design tokens (Midnight Mint brand,
 * bold outlines, solid offset shadows). Motion follows [data-iz-motion]; reduced motion always wins.
 */

/* ---------- Help Center: hero + search ---------- */
.iz-root .iz-sec--help_center { padding: 0; overflow: visible; }
.iz-root .iz-help { position: relative; }
.iz-root .iz-help__hero, .iz-root .iz-help__pagehead { position: relative; padding: clamp(40px, 7vw, 84px) 0 clamp(28px, 4vw, 48px); }
.iz-root .iz-help__hero { text-align: center; }
.iz-root .iz-help__heroin { display: grid; justify-items: center; gap: 16px; max-width: 860px; }
.iz-root .iz-help__pageheadin { display: grid; gap: 14px; }
.iz-root .iz-help__pageheadin > .iz-help__title, .iz-root .iz-help__pageheadin > .iz-lead { max-width: 900px; }
.iz-root .iz-help__hero .iz-mesh i:nth-child(1), .iz-root .iz-help__pagehead .iz-mesh i:nth-child(1) { opacity: .16; }
.iz-root .iz-help__title { font-size: clamp(32px, 5.4vw, 58px); line-height: 1.06; letter-spacing: -.035em; }
.iz-root .iz-help--article .iz-help__title { font-size: clamp(28px, 4.4vw, 46px); }
.iz-root .iz-help__hero .iz-lead { max-width: 640px; }
.iz-root .iz-help__meta { color: var(--iz-muted); font-weight: 700; font-size: 14px; }
.iz-root .iz-help .iz-eyebrow svg { width: 16px; height: 16px; }
.iz-root .iz-help__h2 { font-size: clamp(22px, 2.6vw, 28px); margin-bottom: 18px; }
.iz-root .iz-help__block { padding: clamp(20px, 3vw, 32px) 0; }
.iz-root .iz-help__block--end { padding-bottom: clamp(48px, 7vw, 88px); }
.iz-root .iz-help__back { margin-top: 18px; font-weight: 800; }
.iz-root .iz-help__back a { color: var(--iz-p1); }
.iz-root[data-iz-mode="light"] .iz-help__back a, [data-iz-mode="light"] .iz-root .iz-help__back a { color: var(--iz-pos); }

.iz-root .iz-help-search { position: relative; z-index: 5; display: flex; align-items: center; gap: 8px; width: min(680px, 100%); margin-top: 8px; padding: 6px 6px 6px 14px; border-radius: 18px;
  background: var(--iz-surface); border: var(--iz-bw) solid var(--iz-edge2); box-shadow: var(--iz-shadow-x) var(--iz-shadow-x) 0 var(--iz-hard); text-align: left; }
.iz-root .iz-help-search:focus-within { border-color: var(--iz-p1); }
.iz-root .iz-help-search__ic { display: inline-grid; place-items: center; color: var(--iz-muted); flex: none; }
.iz-root .iz-help-search__in { flex: 1; min-width: 0; min-height: 48px; border: 0; background: transparent; color: var(--iz-ink); font: 600 17px var(--iz-font); outline: none; -webkit-appearance: none; appearance: none; }
.iz-root .iz-help-search__in::placeholder { color: var(--iz-muted); opacity: 1; }
.iz-root .iz-help-search__in::-webkit-search-cancel-button { cursor: pointer; }
.iz-root .iz-help-search__go { flex: none; min-height: 46px; }
.iz-root .iz-help-search__list { position: absolute; left: 0; right: 0; top: calc(100% + 10px); max-height: min(420px, 60vh); overflow: auto; padding: 6px; border-radius: 16px;
  background: var(--iz-surface); border: var(--iz-bw) solid var(--iz-edge2); box-shadow: var(--iz-shadow-x) var(--iz-shadow-x) 0 var(--iz-hard); }
.iz-root .iz-help-search__list[hidden] { display: none; }
.iz-root .iz-help-search__opt { display: block; padding: 10px 12px; border-radius: 11px; color: var(--iz-ink); cursor: pointer; }
.iz-root .iz-help-search__opt b { display: block; font-weight: 800; font-size: 15px; line-height: 1.3; }
.iz-root .iz-help-search__opt small { display: block; color: var(--iz-muted); font-weight: 600; font-size: 13px; line-height: 1.35; margin-top: 2px; }
.iz-root .iz-help-search__opt:hover, .iz-root .iz-help-search__opt[aria-selected="true"] { background: color-mix(in srgb, var(--iz-p1) 14%, transparent); }
.iz-root .iz-help-search__none { padding: 12px; color: var(--iz-muted); font-weight: 600; font-size: 14px; }
.iz-root .iz-help-search__all { display: block; padding: 10px 12px; border-top: 2px solid var(--iz-line); margin-top: 4px; font-weight: 800; font-size: 14px; color: var(--iz-p1); }
.iz-root[data-iz-mode="light"] .iz-help-search__all, [data-iz-mode="light"] .iz-root .iz-help-search__all { color: var(--iz-pos); }
.iz-root .iz-help-searchbox { display: grid; gap: 10px; }
@media (max-width: 560px) {
  .iz-root .iz-help-search { padding-left: 10px; }
  .iz-root .iz-help-search__go { padding: 0 14px; }
  .iz-root .iz-help-search__in { font-size: 16px; }
}

/* ---------- Topics ---------- */
.iz-root .iz-help-topics { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr)); gap: 18px; }
.iz-root .iz-help-topic { display: flex; gap: 14px; align-items: flex-start; padding: 18px; color: var(--iz-ink); transition: transform .2s ease, box-shadow .2s ease, border-color .2s; }
.iz-root .iz-help-topic:hover, .iz-root .iz-help-topic:focus-visible { transform: translate(-3px, -3px); box-shadow: calc(var(--iz-shadow-x) + 3px) calc(var(--iz-shadow-x) + 3px) 0 var(--iz-hard); border-color: var(--iz-p1); }
.iz-root .iz-help-topic__ic { width: 46px; height: 46px; flex: none; display: grid; place-items: center; border-radius: 14px; color: var(--iz-ongrad); background: var(--iz-grad); border: 2px solid var(--iz-edge2); box-shadow: 3px 3px 0 var(--iz-hard); }
.iz-root .iz-help-topic__ic--lg { width: 60px; height: 60px; border-radius: 18px; }
.iz-root .iz-help-topic__t { display: grid; gap: 4px; min-width: 0; }
.iz-root .iz-help-topic__t b { font: 800 18px/1.25 var(--iz-display); letter-spacing: -.01em; }
.iz-root .iz-help-topic__t span { color: var(--iz-muted); font-weight: 600; font-size: 14px; line-height: 1.45; }
.iz-root .iz-help-topic__t small { margin-top: 4px; font-weight: 800; font-size: 12.5px; color: var(--iz-p1); }
.iz-root[data-iz-mode="light"] .iz-help-topic__t small, [data-iz-mode="light"] .iz-root .iz-help-topic__t small { color: var(--iz-pos); }
.iz-root .iz-help__topichead { display: flex; gap: 18px; align-items: center; }
.iz-root .iz-help__topichead .iz-lead { margin-top: 8px; }
@media (max-width: 560px) { .iz-root .iz-help__topichead { align-items: flex-start; } .iz-root .iz-help-topic__ic--lg { width: 48px; height: 48px; border-radius: 14px; } }

/* ---------- Article lists ---------- */
.iz-root .iz-help-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.iz-root .iz-help-list--cols { grid-template-columns: repeat(auto-fill, minmax(min(100%, 340px), 1fr)); }
.iz-root .iz-help-item { display: flex; align-items: center; gap: 14px; padding: 14px 16px; border-radius: 16px; background: var(--iz-surface); border: 2px solid var(--iz-edge2); box-shadow: 3px 3px 0 var(--iz-hard); color: var(--iz-ink); transition: transform .2s ease, box-shadow .2s ease, border-color .2s; }
.iz-root .iz-help-item:hover, .iz-root .iz-help-item:focus-visible { transform: translate(-2px, -2px); box-shadow: 5px 5px 0 var(--iz-hard); border-color: var(--iz-p1); }
.iz-root .iz-help-item > svg { width: 18px; height: 18px; flex: none; color: var(--iz-muted); }
.iz-root .iz-help-item__ic { width: 34px; height: 34px; flex: none; display: grid; place-items: center; border-radius: 10px; background: color-mix(in srgb, var(--iz-p1) 14%, transparent); color: var(--iz-ink); }
.iz-root .iz-help-item__t { flex: 1; min-width: 0; display: grid; gap: 3px; }
.iz-root .iz-help-item__t b { font-weight: 800; font-size: 16px; line-height: 1.3; }
.iz-root .iz-help-item__t span { color: var(--iz-muted); font-weight: 500; font-size: 14px; line-height: 1.45; }
.iz-root .iz-help-item__t small { color: var(--iz-muted); font-weight: 700; font-size: 12.5px; text-transform: uppercase; letter-spacing: .05em; }
.iz-root .iz-help-empty { display: grid; gap: 8px; }

/* ---------- "Still need help?" ---------- */
.iz-root .iz-help-contact { display: grid; grid-template-columns: auto 1fr auto; gap: 18px 22px; align-items: center; padding: clamp(20px, 3vw, 28px); background: linear-gradient(135deg, color-mix(in srgb, var(--iz-p1) 10%, var(--iz-surface)), color-mix(in srgb, var(--iz-p3) 10%, var(--iz-surface))); }
.iz-root .iz-help-contact__ic { width: 56px; height: 56px; display: grid; place-items: center; border-radius: 16px; color: var(--iz-ongrad); background: var(--iz-p1); border: 2px solid var(--iz-edge); box-shadow: 3px 3px 0 var(--iz-btnhard); }
.iz-root .iz-help-contact__copy h2 { font-size: clamp(20px, 2.4vw, 26px); }
.iz-root .iz-help-contact__copy p { color: var(--iz-muted); font-weight: 500; margin-top: 6px; }
.iz-root .iz-help-contact__act { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 12px; }
.iz-root .iz-help-contact__mail { flex-basis: 100%; display: inline-flex; justify-content: flex-end; align-items: center; gap: 6px; font-weight: 800; font-size: 14px; color: var(--iz-muted); word-break: break-all; }
.iz-root .iz-help-contact__mail:hover { color: var(--iz-ink); }
.iz-root .iz-help-contact__mail svg { width: 16px; height: 16px; flex: none; }
@media (max-width: 820px) {
  .iz-root .iz-help-contact { grid-template-columns: auto 1fr; }
  .iz-root .iz-help-contact__act { grid-column: 1 / -1; justify-content: flex-start; }
  .iz-root .iz-help-contact__mail { justify-content: flex-start; }
}
@media (max-width: 420px) { .iz-root .iz-help-contact__act .iz-btn { flex: 1 1 100%; } }

/* ---------- Article + topic pages ---------- */
.iz-root .iz-help-article__grid { display: grid; grid-template-columns: minmax(0, 760px) 300px; gap: clamp(24px, 4vw, 56px); justify-content: center; align-items: start; padding-top: 8px; }
.iz-root .iz-help-article__grid--solo { grid-template-columns: minmax(0, 780px); }
.iz-root .iz-help-article__main { min-width: 0; display: grid; gap: 28px; align-content: start; }
.iz-root .iz-help-article__body { font-size: 17px; line-height: 1.75; }
.iz-root .iz-help-article__body h2 { font-size: clamp(22px, 2.6vw, 28px); margin-top: 1.6em; scroll-margin-top: 96px; }
.iz-root .iz-help-article__body > h2:first-child { margin-top: 0; }
.iz-root .iz-help-article__body h3 { font-size: 19px; margin-top: 1.3em; }
.iz-root .iz-help-article__body li::marker { color: var(--iz-p1); font-weight: 800; }
.iz-root .iz-help-article__body ol { counter-reset: none; }
.iz-root .iz-help-note { padding: 14px 18px; border-radius: 14px; border: 2px solid var(--iz-edge2); border-left-width: 6px; background: color-mix(in srgb, var(--iz-p3) 9%, var(--iz-surface)); }
.iz-root .iz-help-note p { margin: 0; }
.iz-root .iz-help-note--tip { border-left-color: var(--iz-p1); background: color-mix(in srgb, var(--iz-p1) 9%, var(--iz-surface)); }
.iz-root .iz-help-note--note { border-left-color: var(--iz-p3); }
.iz-root .iz-help-note--warning { border-left-color: var(--iz-warn); background: color-mix(in srgb, var(--iz-warn) 10%, var(--iz-surface)); }
.iz-root .iz-help-toc details { border: 2px solid var(--iz-edge2); border-radius: 16px; background: var(--iz-surface); padding: 4px 6px 8px; box-shadow: 3px 3px 0 var(--iz-hard); }
.iz-root .iz-help-toc summary { list-style: none; cursor: pointer; padding: 10px 12px 6px; font: 800 13px var(--iz-font); letter-spacing: .08em; text-transform: uppercase; color: var(--iz-muted); }
.iz-root .iz-help-toc summary::-webkit-details-marker { display: none; }
.iz-root .iz-help-toc ol { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
.iz-root .iz-help-toc a { display: block; padding: 7px 12px; border-radius: 10px; font-weight: 700; font-size: 14.5px; color: var(--iz-muted); border-left: 3px solid transparent; }
.iz-root .iz-help-toc a:hover, .iz-root .iz-help-toc a.is-on { color: var(--iz-ink); background: color-mix(in srgb, var(--iz-p1) 10%, transparent); border-left-color: var(--iz-p1); }
.iz-root .iz-help-side { position: sticky; top: 96px; }
.iz-root .iz-help-side__box { padding: 16px 10px 12px; border-radius: 18px; border: 2px solid var(--iz-edge2); background: var(--iz-surface); box-shadow: 4px 4px 0 var(--iz-hard); }
.iz-root .iz-help-side__box h2 { font: 800 13px var(--iz-font); letter-spacing: .08em; text-transform: uppercase; color: var(--iz-muted); padding: 0 8px 8px; }
.iz-root .iz-help-side__box ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
.iz-root .iz-help-side__box a { display: flex; align-items: center; gap: 8px; padding: 8px; border-radius: 10px; font-weight: 700; font-size: 14.5px; line-height: 1.35; color: var(--iz-muted); }
.iz-root .iz-help-side__box a svg { width: 16px; height: 16px; flex: none; }
.iz-root .iz-help-side__box a:hover { color: var(--iz-ink); background: color-mix(in srgb, var(--iz-ink) 6%, transparent); }
.iz-root .iz-help-side__box a[aria-current="page"] { color: var(--iz-ink); background: color-mix(in srgb, var(--iz-p1) 14%, transparent); }
@media (max-width: 1000px) {
  .iz-root .iz-help-article__grid { grid-template-columns: minmax(0, 1fr); }
  .iz-root .iz-help-side { position: static; }
}

/* ---------- Was this helpful? ---------- */
.iz-root .iz-help-vote { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 18px; padding: 18px 20px; }
.iz-root .iz-help-vote h2 { font-size: 19px; }
.iz-root .iz-help-vote__btns { display: flex; gap: 10px; }
.iz-root .iz-help-vote__btns svg { width: 16px; height: 16px; }
.iz-root .iz-help-vote__done { flex-basis: 100%; font-weight: 700; color: var(--iz-pos); }
.iz-root .iz-help-vote__done[hidden] { display: none; }

/* ---------- Chat widget ---------- */
.iz-root .iz-chat { position: fixed; z-index: 99990; bottom: max(18px, env(safe-area-inset-bottom)); right: 18px; font-family: var(--iz-font); color: var(--iz-ink); text-align: left; }
.iz-root .iz-chat--left { right: auto; left: 18px; }
.iz-root .iz-chat__launcher { display: inline-flex; align-items: center; gap: 10px; min-height: 56px; padding: 0 20px 0 14px; border-radius: 999px; cursor: pointer;
  background: var(--iz-p1); color: var(--iz-ongrad); border: var(--iz-bw) solid var(--iz-edge); box-shadow: 4px 4px 0 var(--iz-btnhard); font: 800 15.5px/1 var(--iz-font); transition: transform .18s ease, box-shadow .18s ease; }
.iz-root .iz-chat__launcher:hover { transform: translate(-2px, -2px); box-shadow: 6px 6px 0 var(--iz-btnhard); }
.iz-root .iz-chat__launcher:active { transform: translate(3px, 3px); box-shadow: 1px 1px 0 var(--iz-btnhard); }
.iz-root .iz-chat__launcher-ic { display: inline-grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: rgb(255 255 255 / .35); }
.iz-root .iz-chat__launcher-ic svg { width: 20px; height: 20px; }
.iz-root .iz-chat__launcher[aria-expanded="true"] { display: none; }
.iz-root[data-iz-motion="full"] .iz-chat__launcher, [data-iz-motion="full"] .iz-root .iz-chat__launcher { animation: iz-pop .5s cubic-bezier(.2, .9, .3, 1.3) both .6s; }

.iz-root .iz-chat__panel { position: absolute; bottom: 0; right: 0; width: min(400px, calc(100vw - 36px)); height: min(640px, calc(100vh - 36px)); height: min(640px, calc(100dvh - 36px)); display: flex; flex-direction: column; overflow: hidden;
  border-radius: 24px; background: var(--iz-bg); border: var(--iz-bw) solid var(--iz-edge2); box-shadow: calc(var(--iz-shadow-x) + 3px) calc(var(--iz-shadow-x) + 3px) 0 var(--iz-hard); }
.iz-root .iz-chat--left .iz-chat__panel { right: auto; left: 0; }
.iz-root .iz-chat__panel[hidden] { display: none; }
.iz-root[data-iz-motion="full"] .iz-chat__panel:not([hidden]), [data-iz-motion="full"] .iz-root .iz-chat__panel:not([hidden]) { animation: iz-pop .28s cubic-bezier(.2, .9, .3, 1.1); transform-origin: bottom right; }
.iz-root .iz-chat__head { display: flex; align-items: center; gap: 12px; padding: 14px 12px 14px 16px; background: var(--iz-surface); border-bottom: 2px solid var(--iz-edge2); }
.iz-root .iz-chat__avatar { flex: none; display: inline-grid; place-items: center; }
.iz-root .iz-chat__avatar svg { width: 40px; height: 40px; border-radius: 12px; }
.iz-root .iz-chat__who { flex: 1; min-width: 0; }
.iz-root .iz-chat__who b { display: block; font: 800 16px/1.2 var(--iz-display); }
.iz-root .iz-chat__who small { display: flex; align-items: center; gap: 6px; color: var(--iz-muted); font-weight: 600; font-size: 12.5px; line-height: 1.3; margin-top: 3px; }
.iz-root .iz-chat__dot { width: 8px; height: 8px; flex: none; border-radius: 50%; background: var(--iz-pos); }
.iz-root .iz-chat__icon { width: 38px; height: 38px; flex: none; display: inline-grid; place-items: center; border-radius: 11px; cursor: pointer; background: transparent; color: var(--iz-muted); border: 2px solid transparent; }
.iz-root .iz-chat__icon:hover { color: var(--iz-ink); border-color: var(--iz-edge2); background: var(--iz-bg); }
.iz-root .iz-chat__icon svg { width: 20px; height: 20px; }

.iz-root .iz-chat__main { flex: 1; min-height: 0; display: flex; flex-direction: column; }
.iz-root .iz-chat__main[hidden] { display: none; }
.iz-root .iz-chat__log { flex: 1; min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 16px; display: flex; flex-direction: column; gap: 12px; }
.iz-root .iz-chat__msg { max-width: 88%; padding: 11px 14px; border-radius: 16px; font-size: 15px; line-height: 1.55; overflow-wrap: anywhere; }
.iz-root .iz-chat__msg p { margin: 0; } .iz-root .iz-chat__msg p + p, .iz-root .iz-chat__msg p + ol, .iz-root .iz-chat__msg p + ul, .iz-root .iz-chat__msg ol + p, .iz-root .iz-chat__msg ul + p { margin-top: 8px; }
.iz-root .iz-chat__msg ol, .iz-root .iz-chat__msg ul { margin: 0; padding-left: 1.25em; }
.iz-root .iz-chat__msg li + li { margin-top: 3px; }
.iz-root .iz-chat__msg a { color: inherit; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 2px; font-weight: 700; }
.iz-root .iz-chat__msg--bot { align-self: flex-start; background: var(--iz-surface); border: 2px solid var(--iz-edge2); border-bottom-left-radius: 6px; }
.iz-root .iz-chat__msg--bot a { color: var(--iz-p1); }
.iz-root[data-iz-mode="light"] .iz-chat__msg--bot a, [data-iz-mode="light"] .iz-root .iz-chat__msg--bot a { color: var(--iz-pos); }
.iz-root .iz-chat__msg--user { align-self: flex-end; background: var(--iz-p1); color: var(--iz-ongrad); border: 2px solid var(--iz-edge); border-bottom-right-radius: 6px; box-shadow: 3px 3px 0 var(--iz-btnhard); font-weight: 600; }
.iz-root .iz-chat__msg--note { align-self: center; max-width: 100%; padding: 6px 12px; font-size: 13px; font-weight: 700; color: var(--iz-muted); background: transparent; }
.iz-root .iz-chat__sources { margin-top: 10px; padding-top: 10px; border-top: 2px dashed var(--iz-line); display: grid; gap: 6px; }
.iz-root .iz-chat__sources small { font-weight: 800; font-size: 11.5px; letter-spacing: .07em; text-transform: uppercase; color: var(--iz-muted); }
.iz-root .iz-chat__sources a { display: flex; align-items: center; gap: 8px; padding: 8px 10px; border-radius: 11px; text-decoration: none; background: var(--iz-bg); border: 2px solid var(--iz-edge2); color: var(--iz-ink); font-size: 14px; line-height: 1.3; }
.iz-root .iz-chat__sources a:hover { border-color: var(--iz-p1); }
.iz-root .iz-chat__sources a svg { width: 16px; height: 16px; flex: none; color: var(--iz-muted); }
.iz-root .iz-chat__offer { margin-top: 10px; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.iz-root .iz-chat__offer span { font-size: 14px; color: var(--iz-muted); font-weight: 600; }
.iz-root .iz-chat__typing { display: inline-flex; gap: 5px; align-items: center; padding: 4px 0; }
.iz-root .iz-chat__typing i { width: 8px; height: 8px; border-radius: 50%; background: var(--iz-muted); opacity: .5; }
.iz-root[data-iz-motion="full"] .iz-chat__typing i, [data-iz-motion="full"] .iz-root .iz-chat__typing i, .iz-root[data-iz-motion="subtle"] .iz-chat__typing i, [data-iz-motion="subtle"] .iz-root .iz-chat__typing i { animation: iz-chat-dot 1s ease-in-out infinite; }
.iz-root .iz-chat__typing i:nth-child(2) { animation-delay: .15s; } .iz-root .iz-chat__typing i:nth-child(3) { animation-delay: .3s; }
@keyframes iz-chat-dot { 0%, 100% { opacity: .35; transform: translateY(0); } 50% { opacity: 1; transform: translateY(-3px); } }

.iz-root .iz-chat__suggest { display: flex; flex-wrap: wrap; gap: 8px; padding: 0 16px 12px; }
.iz-root .iz-chat__suggest small { flex-basis: 100%; font-weight: 800; font-size: 11.5px; letter-spacing: .07em; text-transform: uppercase; color: var(--iz-muted); }
.iz-root .iz-chat__suggest[hidden] { display: none; }
.iz-root .iz-chat__chip { padding: 8px 12px; border-radius: 999px; cursor: pointer; text-align: left; font: 700 13.5px/1.25 var(--iz-font); color: var(--iz-ink); background: var(--iz-surface); border: 2px solid var(--iz-edge2); box-shadow: 2px 2px 0 var(--iz-hard); transition: transform .15s, border-color .15s; }
.iz-root .iz-chat__chip:hover { transform: translate(-1px, -1px); border-color: var(--iz-p1); }
.iz-root .iz-chat__form { display: flex; align-items: flex-end; gap: 8px; margin: 0 12px 10px; padding: 6px 6px 6px 12px; border-radius: 16px; background: var(--iz-surface); border: 2px solid var(--iz-edge2); }
.iz-root .iz-chat__form:focus-within { border-color: var(--iz-p1); box-shadow: 0 0 0 4px color-mix(in srgb, var(--iz-p1) 20%, transparent); }
.iz-root .iz-chat__input { flex: 1; min-width: 0; min-height: 40px; max-height: 120px; padding: 9px 0; border: 0; resize: none; background: transparent; color: var(--iz-ink); font: 500 16px/1.4 var(--iz-font); outline: none; }
.iz-root .iz-chat__input::placeholder { color: var(--iz-muted); opacity: 1; }
.iz-root .iz-chat__send { width: 42px; height: 42px; flex: none; display: grid; place-items: center; border-radius: 12px; cursor: pointer; background: var(--iz-p1); color: var(--iz-ongrad); border: 2px solid var(--iz-edge); box-shadow: 2px 2px 0 var(--iz-btnhard); }
.iz-root .iz-chat__send svg { width: 20px; height: 20px; }
.iz-root .iz-chat__send:disabled { opacity: .55; cursor: wait; }
.iz-root .iz-chat__foot { display: grid; gap: 6px; justify-items: center; padding: 0 14px 12px; text-align: center; }
.iz-root .iz-chat__foot small { color: var(--iz-muted); font-size: 12px; font-weight: 600; line-height: 1.4; }
.iz-root .iz-chat__person { display: inline-flex; align-items: center; gap: 6px; padding: 4px 8px; border-radius: 9px; cursor: pointer; background: transparent; border: 0; color: var(--iz-ink); font: 800 13.5px var(--iz-font); text-decoration: underline; text-underline-offset: 3px; }
.iz-root .iz-chat__person svg { width: 16px; height: 16px; }

.iz-root .iz-chat__handoff { flex: 1; min-height: 0; overflow-y: auto; padding: 18px 16px; display: grid; gap: 12px; align-content: start; }
.iz-root .iz-chat__handoff[hidden] { display: none; }
.iz-root .iz-chat__handoff h3 { font-size: 20px; outline: none; }
.iz-root .iz-chat__handoff p { font-size: 14px; line-height: 1.5; }
.iz-root .iz-chat__field { display: grid; gap: 6px; }
.iz-root .iz-chat__field span { font-weight: 800; font-size: 14px; }
.iz-root .iz-chat__field .iz-input { min-height: 44px; width: 100%; padding: 10px 12px; border-radius: 12px; border: 2px solid var(--iz-edge2); background: var(--iz-surface); color: var(--iz-ink); font: 600 16px var(--iz-font); }
.iz-root .iz-chat__field textarea.iz-input { min-height: 90px; resize: vertical; }
.iz-root .iz-chat__field .iz-input:focus { outline: none; border-color: var(--iz-p1); box-shadow: 0 0 0 4px color-mix(in srgb, var(--iz-p1) 20%, transparent); }
.iz-root .iz-chat__field .iz-input[aria-invalid="true"] { border-color: var(--iz-neg); }
.iz-root .iz-chat__formmsg { padding: 10px 12px; border-radius: 12px; font-weight: 700; font-size: 14px; color: var(--iz-neg); border: 2px solid currentColor; background: color-mix(in srgb, var(--iz-neg) 10%, transparent); }
.iz-root .iz-chat__formmsg.is-ok { color: var(--iz-pos); background: color-mix(in srgb, var(--iz-pos) 10%, transparent); }
.iz-root .iz-chat__formmsg[hidden] { display: none; }
.iz-root .iz-chat__formact { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; }
.iz-root .iz-chat__fine { color: var(--iz-muted); font-size: 12.5px !important; font-weight: 600; }
.iz-root .iz-chat .iz-hp { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

/* Phones: the open chat fills the screen. */
@media (max-width: 600px) {
  .iz-root .iz-chat { right: 14px; bottom: max(14px, env(safe-area-inset-bottom)); }
  .iz-root .iz-chat--left { left: 14px; }
  .iz-root .iz-chat__launcher { min-height: 52px; padding: 0 16px 0 10px; }
  .iz-root .iz-chat.is-open { inset: 0; }
  .iz-root .iz-chat__panel { position: fixed; inset: 0; width: 100%; height: 100%; border-radius: 0; border: 0; box-shadow: none; }
  .iz-root .iz-chat__head { padding-top: max(14px, env(safe-area-inset-top)); }
  .iz-root .iz-chat__foot { padding-bottom: max(12px, env(safe-area-inset-bottom)); }
}
@media (prefers-reduced-motion: reduce) { .iz-root .iz-chat *, .iz-root .iz-chat { animation: none !important; transition: none !important; } }