/* Product Visual Proof — Batch C: leads, clients, and operations.
   Every scene is a faithful, simplified reconstruction of a verified product
   state. Essential output remains readable at showcase and mobile sizes. */

.vp-c {
  --vp-bg: #f5f7fb;
  --vp-panel: #fff;
  --vp-ink: #131827;
  --vp-muted: #667085;
  --vp-line: rgba(19, 24, 39, 0.12);
  --vp-accent: #4667e8;
  --vp-soft: #eaf0ff;
  display: flex;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  flex-direction: column;
  background: var(--vp-bg);
  color: var(--vp-ink);
  font-family: Inter, "Helvetica Neue", Arial, sans-serif;
  font-size: clamp(8px, 0.69vw, 11px);
  line-height: 1.25;
}

.vp-c--finder, .vp-c--finder-modes, .vp-c--finder-enrich, .vp-c--finder-score, .vp-c--finder-handoff { --vp-bg: #f2f6ff; --vp-ink: #0a2149; --vp-muted: #62718a; --vp-accent: #316fe9; --vp-soft: #e3edff; }
.vp-c--crm, .vp-c--crm-record, .vp-c--crm-board, .vp-c--crm-inbox, .vp-c--crm-handoff { --vp-bg: #eef9f4; --vp-ink: #123d32; --vp-muted: #5d786f; --vp-accent: #168b69; --vp-soft: #d9f2e8; }
.vp-c--calendar-types, .vp-c--calendar-booking, .vp-c--calendar-availability, .vp-c--calendar-results { --vp-bg: #fff4ef; --vp-ink: #562712; --vp-muted: #8d6c5c; --vp-accent: #ee6f3d; --vp-soft: #ffe1d3; }
.vp-c--docs-discovery, .vp-c--docs-templates, .vp-c--docs-signers, .vp-c--docs-audit { --vp-bg: #f5f0ff; --vp-ink: #2e195e; --vp-muted: #71658a; --vp-accent: #7651de; --vp-soft: #e8ddff; }
.vp-c--invoice-records, .vp-c--invoice-document, .vp-c--invoice-payment, .vp-c--invoice-recurring { --vp-bg: #fff8e9; --vp-ink: #4b3213; --vp-muted: #806d53; --vp-accent: #d7841f; --vp-soft: #ffebc4; }
.vp-c--chat-knowledge, .vp-c--chat-playground, .vp-c--chat-logs { --vp-bg: #f1efff; --vp-ink: #21194f; --vp-muted: #6d668a; --vp-accent: #674de4; --vp-soft: #e1dcff; }
.vp-c--help-chat, .vp-c--help-portal, .vp-c--help-analytics { --vp-bg: #edf9f8; --vp-ink: #123f42; --vp-muted: #5f7f80; --vp-accent: #138f8b; --vp-soft: #d5f1ef; }
.vp-c--project-views, .vp-c--project-comments, .vp-c--project-template { --vp-bg: #f0f4ff; --vp-ink: #17275a; --vp-muted: #647096; --vp-accent: #5571de; --vp-soft: #dfe7ff; }
.vp-c--gpts-library, .vp-c--gpts-builder, .vp-c--gpts-modify, .vp-c--gpts-chat { --vp-bg: #f4efff; --vp-ink: #21164a; --vp-muted: #70658d; --vp-accent: #8257e8; --vp-soft: #e8dcff; }
.vp-c--tos-overview, .vp-c--tos-editor, .vp-c--tos-export, .vp-c--tos-embed, .vp-c--tos-cookie { --vp-bg: #eef9f3; --vp-ink: #143d31; --vp-muted: #607b71; --vp-accent: #218c69; --vp-soft: #daf1e7; }
.vp-c--ab-element, .vp-c--ab-rotator, .vp-c--ab-results { --vp-bg: #fff3eb; --vp-ink: #512610; --vp-muted: #866a5c; --vp-accent: #e86b2d; --vp-soft: #ffe0ce; }

.vp-c *, .vp-c *::before, .vp-c *::after { box-sizing: border-box; }
.vp-c button { min-height: 0; padding: 0; border: 0; font: inherit; cursor: default; }
.vp-c small { display: block; color: var(--vp-muted); font-size: 0.79em; font-weight: 750; letter-spacing: 0.075em; text-transform: uppercase; }
.vp-c em { color: var(--vp-muted); font-size: 0.86em; font-style: normal; }
.vp-c p { margin: 0; }
.vp-c__bar {
  display: grid;
  min-height: clamp(38px, 4vw, 55px);
  align-items: center;
  padding: 0 clamp(13px, 1.4vw, 21px);
  border-bottom: 1px solid var(--vp-line);
  gap: 10px;
  grid-template-columns: auto 1fr auto;
}
.vp-c__bar > strong { font-size: 1.05em; }
.vp-c__bar > span { color: var(--vp-muted); }
.vp-c__bar > b { display: inline-flex; align-items: center; padding: 6px 9px; background: var(--vp-soft); border-radius: 999px; color: var(--vp-accent); font-size: 0.78em; gap: 5px; text-transform: uppercase; }
.vp-c__bar > b i { width: 6px; height: 6px; background: currentColor; border-radius: 50%; }
.vp-c__body { display: flex; min-width: 0; min-height: 0; flex: 1; padding: clamp(11px, 1.35vw, 20px); gap: clamp(9px, 1vw, 15px); }
.vp-c__section-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; gap: 8px; }
.vp-c__section-head > span { color: var(--vp-muted); font-size: 0.85em; }
.vp-c__avatar, .vp-c__bot {
  display: grid;
  width: clamp(28px, 2.7vw, 40px);
  height: clamp(28px, 2.7vw, 40px);
  flex: 0 0 auto;
  place-items: center;
  background: var(--vp-accent);
  border-radius: 10px;
  color: #fff;
  font-size: 0.82em;
  font-weight: 800;
}
.vp-c__avatar.is-large { width: clamp(40px, 4vw, 58px); height: clamp(40px, 4vw, 58px); font-size: 1em; }

/* LeadFinder */
.vp-c--finder .vp-c__body { flex-direction: column; }
.vp-c__search { display: flex; min-height: 38px; align-items: center; justify-content: space-between; padding: 6px 7px 6px 13px; background: #fff; border: 1px solid var(--vp-line); border-radius: 10px; color: var(--vp-muted); }
.vp-c__search b, .vp-c__list-head button, .vp-c__type-head button, .vp-c__document button, .vp-c__signer-rail button, .vp-c__delivery button, .vp-c__recurring-head button, .vp-c__builder-form button, .vp-c__cookie-banner button.is-accept, .vp-c__result-callout button { padding: 7px 10px; background: var(--vp-accent); border-radius: 7px; color: #fff; font-weight: 750; }
.vp-c__split { display: grid; min-height: 0; flex: 1; gap: 10px; grid-template-columns: minmax(95px, 0.42fr) minmax(0, 1.58fr); }
.vp-c__mode-list { display: flex; flex-direction: column; padding: 11px; background: #0d2347; border-radius: 12px; color: #c5d2e9; gap: 5px; }
.vp-c__mode-list small { margin-bottom: 3px; color: #8193b3; }
.vp-c__mode-list strong { padding: 7px 8px; border-radius: 7px; font-size: 0.87em; }
.vp-c__mode-list .is-active { background: #316fe9; color: #fff; }
.vp-c__lead-stack, .vp-c__ranked { min-width: 0; padding: 10px; background: rgba(255,255,255,.78); border: 1px solid var(--vp-line); border-radius: 12px; }
.vp-c__lead { display: grid; align-items: center; padding: 7px 0; border-top: 1px solid var(--vp-line); gap: 8px; grid-template-columns: auto 1fr auto; }
.vp-c__lead:first-of-type { border-top: 0; }
.vp-c__lead > div { display: grid; min-width: 0; gap: 1px; }
.vp-c__lead > div strong { font-size: 0.95em; }
.vp-c__lead > div small { letter-spacing: 0; text-transform: none; }
.vp-c__lead > div em { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vp-c__lead > b { display: grid; width: 34px; height: 34px; place-items: center; background: var(--vp-soft); border-radius: 50%; color: var(--vp-accent); font-size: 1.05em; }
.vp-c__lead > b small { margin-top: -9px; color: inherit; font-size: .47em; letter-spacing: 0; }
.vp-c--finder-modes .vp-c__body { flex-direction: column; }
.vp-c__mode-hero { display: flex; align-items: flex-end; justify-content: space-between; padding: 4px 2px 2px; gap: 12px; }
.vp-c__mode-hero strong { max-width: 24ch; font-size: clamp(15px, 1.55vw, 24px); line-height: 1.02; }
.vp-c__mode-grid { display: grid; min-height: 0; flex: 1; gap: 8px; grid-template-columns: repeat(6, 1fr); }
.vp-c__mode-grid article { display: flex; min-width: 0; justify-content: flex-end; flex-direction: column; padding: clamp(10px, 1.2vw, 18px); background: #fff; border: 1px solid var(--vp-line); border-radius: 12px; }
.vp-c__mode-grid article:first-child, .vp-c__mode-grid article:nth-child(2) { grid-column: span 2; }
.vp-c__mode-grid article:nth-child(n+3) { grid-column: span 2; }
.vp-c__mode-grid article.is-active { background: #0d2347; color: #fff; }
.vp-c__mode-grid article b { margin-bottom: auto; color: var(--vp-accent); font-size: 1.4em; }
.vp-c__mode-grid article strong { margin: 9px 0 3px; font-size: 1.1em; }
.vp-c__mode-grid article span { color: var(--vp-muted); font-size: .82em; }
.vp-c__mode-grid article.is-active span { color: #b9c9e6; }
.vp-c--finder-enrich .vp-c__body, .vp-c--finder-handoff .vp-c__body { flex-direction: column; }
.vp-c__record-head { display: flex; align-items: center; padding: 10px 13px; background: #fff; border: 1px solid var(--vp-line); border-radius: 12px; gap: 10px; }
.vp-c__record-head > div { display: grid; flex: 1; gap: 1px; }
.vp-c__record-head > div strong { font-size: 1.25em; }
.vp-c__record-head > b { padding: 6px 9px; background: #dff7e9; border-radius: 999px; color: #14844f; font-size: .78em; }
.vp-c__record-grid { display: grid; min-height: 0; flex: 1; gap: 8px; grid-template-columns: repeat(2, 1fr); }
.vp-c__record-grid article { display: flex; justify-content: center; flex-direction: column; padding: 10px 12px; background: #fff; border: 1px solid var(--vp-line); border-radius: 11px; }
.vp-c__record-grid article.is-wide { grid-column: 1 / -1; }
.vp-c__record-grid strong { margin: 4px 0; font-size: 1.05em; }
.vp-c__record-grid span { color: var(--vp-muted); }
.vp-c--finder-score .vp-c__body { display: grid; grid-template-columns: .86fr 1.14fr; }
.vp-c__score-card { display: flex; justify-content: center; flex-direction: column; padding: clamp(12px, 1.6vw, 24px); background: #0d2347; border-radius: 14px; color: #fff; }
.vp-c__score-card small { color: #8ea2c4; }
.vp-c__score-card > strong { margin: 5px 0 10px; font-size: clamp(15px, 1.5vw, 23px); line-height: 1.05; }
.vp-c__score-card > div { display: grid; gap: 5px; }
.vp-c__score-card > div span { display: flex; justify-content: space-between; padding: 6px 0; border-top: 1px solid rgba(255,255,255,.12); color: #cdd8eb; }
.vp-c__score-card > div b { color: #8db2ff; }
.vp-c__score-card > em { margin-top: 11px; color: #fff; font-size: 1.3em; font-weight: 800; }
.vp-c__list-head, .vp-c__type-head, .vp-c__recurring-head { display: flex; align-items: center; justify-content: space-between; padding: 4px 2px; gap: 10px; }
.vp-c__list-head > div, .vp-c__recurring-head > div { display: grid; gap: 2px; }
.vp-c__list-head > div strong, .vp-c__recurring-head > div strong { font-size: 1.25em; }
.vp-c__list-table, .vp-c__appointment-table { display: grid; flex: 1; overflow: hidden; background: #fff; border: 1px solid var(--vp-line); border-radius: 11px; }
.vp-c__list-table > div, .vp-c__appointment-table > div { display: grid; min-height: 38px; align-items: center; padding: 5px 10px; border-top: 1px solid var(--vp-line); gap: 7px; grid-template-columns: 1.25fr 1.2fr .55fr .35fr; }
.vp-c__list-table > div:first-child, .vp-c__appointment-table > div:first-child { border: 0; }
.vp-c__list-table .is-head, .vp-c__appointment-table .is-head { background: var(--vp-soft); color: var(--vp-muted); font-size: .76em; font-weight: 750; text-transform: uppercase; }
.vp-c__list-table div > span { display: flex; gap: 3px; }
.vp-c__list-table i { padding: 3px 5px; background: var(--vp-soft); border-radius: 999px; color: var(--vp-accent); font-size: .72em; font-style: normal; }
.vp-c__list-table em { color: var(--vp-accent); font-size: 1em; font-weight: 800; }
.vp-c__handoff, .vp-c__context-strip { display: flex; align-items: center; justify-content: center; padding: 8px; background: #0d2347; border-radius: 9px; color: #cbd8ed; gap: 9px; }
.vp-c__handoff b { color: #76a1ff; }
.vp-c__handoff strong { color: #fff; }

/* CRM */
.vp-c--crm .vp-c__body, .vp-c--crm-record .vp-c__body, .vp-c--crm-handoff .vp-c__body { flex-direction: column; }
.vp-c__crm-summary, .vp-c__crm-bottom { display: grid; gap: 8px; grid-template-columns: repeat(3, 1fr); }
.vp-c__crm-summary article, .vp-c__crm-bottom > div { display: grid; padding: 10px 12px; background: #fff; border: 1px solid var(--vp-line); border-radius: 10px; gap: 3px; }
.vp-c__crm-summary article.is-deal { background: #123d32; color: #fff; }
.vp-c__crm-summary article strong { font-size: 1.2em; }
.vp-c__crm-summary article.is-deal small, .vp-c__crm-summary article.is-deal span { color: #a5d3c5; }
.vp-c__mini-pipeline { display: grid; min-height: 70px; flex: 1; overflow: hidden; background: #fff; border: 1px solid var(--vp-line); border-radius: 12px; grid-template-columns: repeat(6, 1fr); }
.vp-c__mini-pipeline span { display: flex; justify-content: space-between; flex-direction: column; padding: 9px; border-left: 1px solid var(--vp-line); color: var(--vp-muted); font-size: .76em; }
.vp-c__mini-pipeline span:first-child { border: 0; }
.vp-c__mini-pipeline span b { color: var(--vp-ink); font-size: clamp(18px, 2vw, 28px); }
.vp-c__mini-pipeline span.is-active { background: var(--vp-accent); color: #d9fff2; }
.vp-c__mini-pipeline span.is-active b { color: #fff; }
.vp-c__crm-bottom { grid-template-columns: .75fr 1.25fr; }
.vp-c__account { display: flex; align-items: center; padding: 10px 13px; background: #123d32; border-radius: 12px; color: #fff; gap: 10px; }
.vp-c__account-mark { display: grid; width: 40px; height: 40px; place-items: center; background: #54c8a2; border-radius: 10px; font-size: 1.35em; font-weight: 800; }
.vp-c__account > div:nth-child(2) { display: grid; flex: 1; gap: 1px; }
.vp-c__account small, .vp-c__account span { color: #b6d9ce; }
.vp-c__account > b { padding: 6px 8px; background: #d9f2e8; border-radius: 999px; color: #168b69; font-size: .78em; }
.vp-c__account-links { display: grid; min-height: 0; flex: 1; gap: 8px; grid-template-columns: repeat(2, 1fr); }
.vp-c__account-links article { display: flex; justify-content: center; flex-direction: column; padding: 11px 13px; background: #fff; border: 1px solid var(--vp-line); border-radius: 11px; }
.vp-c__account-links strong { margin: 4px 0; font-size: 1.08em; }
.vp-c__account-links span { color: var(--vp-muted); }
.vp-c--crm-board .vp-c__body { overflow: hidden; }
.vp-c__pipeline-scroll { display: grid; min-width: 0; flex: 1; overflow: hidden; gap: 6px; grid-template-columns: repeat(6, minmax(77px, 1fr)); }
.vp-c__pipeline-scroll section { min-width: 0; padding: 7px; background: rgba(255,255,255,.7); border: 1px solid var(--vp-line); border-radius: 10px; }
.vp-c__pipeline-scroll section.is-focus { background: var(--vp-soft); border-color: var(--vp-accent); }
.vp-c__pipeline-scroll header { display: flex; justify-content: space-between; padding: 3px 2px 8px; color: var(--vp-muted); font-size: .75em; font-weight: 750; }
.vp-c__pipeline-scroll article { display: grid; padding: 8px; margin-bottom: 6px; background: #fff; border-radius: 8px; box-shadow: 0 5px 12px rgba(18,61,50,.07); gap: 5px; }
.vp-c__pipeline-scroll article strong { font-size: .82em; }
.vp-c__pipeline-scroll article span { color: var(--vp-accent); font-size: 1.05em; font-weight: 800; }
.vp-c__pipeline-scroll article small { letter-spacing: 0; text-transform: none; }
.vp-c--crm-inbox .vp-c__body { display: grid; grid-template-columns: 1.25fr .75fr; }
.vp-c__inbox, .vp-c__timeline, .vp-c__live-chat, .vp-c__ticket-created, .vp-c__playground, .vp-c__test-notes, .vp-c__log-list, .vp-c__improve { min-width: 0; padding: 11px; background: #fff; border: 1px solid var(--vp-line); border-radius: 12px; }
.vp-c__inbox article { display: flex; padding: 8px 0; border-top: 1px solid var(--vp-line); gap: 8px; }
.vp-c__inbox article > div { display: grid; gap: 2px; }
.vp-c__inbox article p { color: var(--vp-muted); font-size: .88em; }
.vp-c__reply, .vp-c__prompt, .vp-c__answer { display: flex; min-height: 34px; align-items: center; justify-content: space-between; padding: 6px 7px 6px 10px; margin-top: 8px; background: var(--vp-bg); border: 1px solid var(--vp-line); border-radius: 8px; color: var(--vp-muted); }
.vp-c__reply b, .vp-c__prompt b, .vp-c__answer b { padding: 5px 7px; background: var(--vp-accent); border-radius: 6px; color: #fff; }
.vp-c__timeline { display: flex; justify-content: center; flex-direction: column; }
.vp-c__timeline > small { margin-bottom: 8px; }
.vp-c__timeline > div { display: flex; position: relative; padding: 7px 0 7px 17px; border-left: 1px solid var(--vp-line); }
.vp-c__timeline > div i { position: absolute; top: 11px; left: -5px; width: 9px; height: 9px; background: #aebdb8; border: 2px solid #fff; border-radius: 50%; }
.vp-c__timeline > div.is-next i { background: var(--vp-accent); box-shadow: 0 0 0 4px var(--vp-soft); }
.vp-c__timeline span { display: grid; }
.vp-c__timeline b { color: var(--vp-muted); font-size: .75em; }
.vp-c__won, .vp-c__signed { display: flex; align-items: center; padding: 10px 13px; background: #123d32; border-radius: 12px; color: #fff; gap: 10px; }
.vp-c__won > span, .vp-c__signed > span { display: grid; width: 38px; height: 38px; place-items: center; background: #50c49d; border-radius: 50%; font-size: 1.5em; }
.vp-c__won > div, .vp-c__signed > div { display: grid; flex: 1; gap: 1px; }
.vp-c__won small, .vp-c__won em, .vp-c__signed small, .vp-c__signed em { color: #b9dcd1; }
.vp-c__flow-row { display: grid; min-height: 0; flex: 1; align-items: stretch; gap: 7px; grid-template-columns: 1fr auto 1fr auto 1fr; }
.vp-c__flow-row article { display: flex; justify-content: center; flex-direction: column; padding: 10px; background: #fff; border: 1px solid var(--vp-line); border-radius: 10px; }
.vp-c__flow-row article.is-created { background: var(--vp-soft); border-color: var(--vp-accent); }
.vp-c__flow-row article strong { margin: 5px 0; }
.vp-c__flow-row > b { align-self: center; color: var(--vp-accent); font-size: 1.5em; }
.vp-c__context-strip { flex-wrap: wrap; background: #fff; border: 1px solid var(--vp-line); color: var(--vp-muted); }
.vp-c__context-strip strong { color: var(--vp-ink); }
.vp-c__context-strip span { padding: 4px 6px; background: var(--vp-soft); border-radius: 999px; }

/* Calendar */
.vp-c--calendar-types .vp-c__body, .vp-c--calendar-availability .vp-c__body, .vp-c--calendar-results .vp-c__body { flex-direction: column; }
.vp-c__type-head > div { display: grid; gap: 2px; }
.vp-c__type-head > div strong { font-size: 1.25em; }
.vp-c__type-grid { display: grid; min-height: 0; flex: 1; gap: 9px; grid-template-columns: repeat(3, 1fr); }
.vp-c__type-grid article { display: flex; min-width: 0; justify-content: center; flex-direction: column; padding: clamp(10px, 1.3vw, 18px); background: #fff; border: 1px solid var(--vp-line); border-radius: 12px; }
.vp-c__type-grid article.is-primary { background: #562712; color: #fff; }
.vp-c__type-grid article > span { align-self: flex-start; padding: 5px 7px; background: var(--vp-soft); border-radius: 999px; color: var(--vp-accent); font-size: .78em; font-weight: 800; }
.vp-c__type-grid article.is-primary > span { background: #ffad83; color: #562712; }
.vp-c__type-grid strong { margin: 10px 0 5px; font-size: 1.2em; }
.vp-c__type-grid small { color: inherit; letter-spacing: 0; opacity: .7; text-transform: none; }
.vp-c__type-grid b { overflow: hidden; margin-top: auto; padding-top: 12px; color: var(--vp-accent); font-size: .75em; text-overflow: ellipsis; white-space: nowrap; }
.vp-c--calendar-booking .vp-c__body { flex-direction: column; padding-top: 8px; }
.vp-c__booking-brand { display: flex; align-items: center; padding: 2px 4px; gap: 7px; }
.vp-c__booking-brand > span { margin-left: auto; color: var(--vp-muted); }
.vp-c__brand-mark, .vp-c__site-icon { display: grid; width: 28px; height: 28px; place-items: center; background: var(--vp-accent); border-radius: 8px; color: #fff; font-weight: 850; }
.vp-c__booking { display: grid; min-height: 0; flex: 1; overflow: hidden; background: #fff; border: 1px solid var(--vp-line); border-radius: 13px; grid-template-columns: .85fr 1.15fr; }
.vp-c__booking > section { display: flex; justify-content: center; flex-direction: column; padding: clamp(12px, 1.6vw, 24px); }
.vp-c__booking > section:first-child { background: #562712; color: #fff; }
.vp-c__booking > section:first-child small { color: #f3b493; }
.vp-c__booking h3 { max-width: 13ch; margin: 6px 0; font-size: clamp(18px, 2vw, 30px); line-height: .98; }
.vp-c__booking p { color: #edcaba; }
.vp-c__booking > section:first-child > div { display: flex; margin-top: 12px; gap: 5px; }
.vp-c__booking > section:first-child > div span { padding: 5px 7px; background: rgba(255,255,255,.1); border-radius: 999px; font-size: .75em; }
.vp-c__month header { display: flex; justify-content: space-between; margin-bottom: 10px; }
.vp-c__week { display: grid; align-items: center; text-align: center; gap: 5px; grid-template-columns: repeat(5, 1fr); }
.vp-c__week i { color: var(--vp-muted); font-size: .75em; font-style: normal; }
.vp-c__week b { display: grid; aspect-ratio: 1; place-items: center; border-radius: 50%; }
.vp-c__week b.is-day { background: var(--vp-accent); color: #fff; }
.vp-c__times { display: flex; margin-top: 11px; gap: 5px; }
.vp-c__times strong { flex: 1; padding: 7px 4px; border: 1px solid var(--vp-line); border-radius: 7px; color: var(--vp-accent); text-align: center; }
.vp-c__times strong.is-time { background: var(--vp-accent); color: #fff; }
.vp-c__availability-head { display: flex; align-items: flex-end; justify-content: space-between; padding: 2px; }
.vp-c__availability-head > div { display: grid; gap: 2px; }
.vp-c__availability-head > div strong { font-size: 1.25em; }
.vp-c__availability-head > span { color: var(--vp-muted); }
.vp-c__availability { display: grid; min-height: 0; flex: 1; gap: 5px; grid-template-columns: 31px repeat(5, 1fr); }
.vp-c__availability > section { position: relative; min-height: 155px; background: repeating-linear-gradient(to bottom, #fff 0, #fff 24%, var(--vp-line) 24.4%, #fff 25%); border: 1px solid var(--vp-line); border-radius: 9px; }
.vp-c__availability header { position: relative; z-index: 2; padding: 6px; background: #fff; border-bottom: 1px solid var(--vp-line); color: var(--vp-muted); font-size: .76em; text-align: center; }
.vp-c__availability section span, .vp-c__availability section em { position: absolute; top: var(--top); right: 5px; left: 5px; height: var(--height); padding: 5px; overflow: hidden; background: var(--vp-soft); border-left: 3px solid var(--vp-accent); border-radius: 5px; color: var(--vp-accent); font-size: .68em; }
.vp-c__availability section em { background: #f0ede9; border-color: #a69a8f; color: #7c7167; }
.vp-c__hours { display: flex; justify-content: space-around; flex-direction: column; color: var(--vp-muted); font-size: .65em; }
.vp-c__metrics { display: grid; gap: 8px; grid-template-columns: repeat(3, 1fr); }
.vp-c__metrics article { display: grid; padding: 10px 12px; background: #fff; border: 1px solid var(--vp-line); border-radius: 10px; gap: 3px; }
.vp-c__metrics article strong { font-size: clamp(18px, 1.8vw, 27px); letter-spacing: -.04em; }
.vp-c__metrics article span { color: var(--vp-accent); font-size: .78em; }
.vp-c__appointment-table em { justify-self: start; padding: 4px 6px; background: var(--vp-soft); border-radius: 999px; color: var(--vp-accent); }

/* Documents */
.vp-c--docs-discovery .vp-c__body, .vp-c--docs-templates .vp-c__body, .vp-c--docs-signers .vp-c__body, .vp-c--docs-audit .vp-c__body { display: grid; grid-template-columns: 1.1fr .9fr; }
.vp-c__discovery-chat { display: flex; min-width: 0; flex-direction: column; padding: 11px; background: #fff; border: 1px solid var(--vp-line); border-radius: 12px; }
.vp-c__discovery-chat article { display: flex; align-items: flex-start; padding: 7px 8px; margin-bottom: 6px; border-radius: 9px; gap: 7px; }
.vp-c__discovery-chat article.is-ai { align-self: flex-start; background: var(--vp-soft); }
.vp-c__discovery-chat article.is-user { align-self: flex-end; max-width: 84%; background: #2e195e; color: #fff; }
.vp-c__discovery-chat article.is-ai > b { display: grid; width: 20px; height: 20px; flex: 0 0 auto; place-items: center; background: var(--vp-accent); border-radius: 5px; color: #fff; }
.vp-c__answer { margin-top: auto; }
.vp-c__discovery-result { display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 15px; background: #2e195e; border-radius: 12px; color: #fff; text-align: center; }
.vp-c__discovery-result small, .vp-c__discovery-result span, .vp-c__discovery-result em { color: #cfc0ef; }
.vp-c__doc-icon { display: grid; width: clamp(42px, 4.5vw, 66px); height: clamp(42px, 4.5vw, 66px); margin: 10px 0; place-items: center; background: var(--vp-soft); border-radius: 13px; color: var(--vp-accent); font-size: 2em; font-weight: 800; }
.vp-c__discovery-result strong { max-width: 15ch; font-size: clamp(14px, 1.5vw, 23px); line-height: 1.05; }
.vp-c__discovery-result span { margin: 8px 0; }
.vp-c__template-list, .vp-c__tos-types { display: flex; min-width: 0; flex-direction: column; padding: 10px; background: #2e195e; border-radius: 12px; color: #d8cfee; gap: 4px; }
.vp-c__template-list small, .vp-c__tos-types small { margin-bottom: 4px; color: #9788b9; }
.vp-c__template-list strong, .vp-c__tos-types strong { padding: 7px 8px; border-radius: 7px; font-size: .82em; }
.vp-c__template-list strong.is-active, .vp-c__tos-types strong.is-active { background: var(--vp-accent); color: #fff; }
.vp-c__template-list span, .vp-c__tos-types span { margin-top: auto; color: #ab9acb; }
.vp-c__document, .vp-c__tos-document { display: flex; min-width: 0; overflow: hidden; flex-direction: column; background: #fff; border: 1px solid var(--vp-line); border-radius: 12px; }
.vp-c__document > header, .vp-c__tos-document > header { display: flex; min-height: 38px; align-items: center; justify-content: space-between; padding: 7px 10px; border-bottom: 1px solid var(--vp-line); gap: 8px; }
.vp-c__document > header > div { display: grid; }
.vp-c__paper { position: relative; min-height: 0; flex: 1; padding: clamp(12px, 1.55vw, 23px); overflow: hidden; background: #fffdf9; color: #352d47; }
.vp-c__paper h3 { margin: 0 0 10px; font-family: Georgia, serif; font-size: clamp(12px, 1.2vw, 18px); text-align: center; }
.vp-c__paper h4 { margin: 10px 0 4px; font-size: .78em; }
.vp-c__paper p { color: #645d6e; font-family: Georgia, serif; font-size: .82em; line-height: 1.45; }
.vp-c__paper mark { padding: 1px 2px; background: #e8ddff; color: #4a2c8a; }
.vp-c--docs-signers .vp-c__body { grid-template-columns: 1.1fr .9fr; }
.vp-c__document--fields .vp-c__paper { padding-top: 18px; }
.vp-c__signature-field, .vp-c__date-field { position: absolute; display: grid; width: 42%; min-height: 35px; padding: 5px 8px; border: 2px solid var(--vp-accent); background: #f2edff; border-radius: 6px; }
.vp-c__signature-field.is-one { top: 51%; left: 8%; }
.vp-c__date-field.is-one { top: 73%; left: 8%; width: 31%; }
.vp-c__signature-field.is-two { right: 8%; bottom: 12%; }
.vp-c__signature-field small, .vp-c__date-field small { color: var(--vp-accent); }
.vp-c__signer-rail { display: flex; justify-content: center; flex-direction: column; padding: 12px; background: #fff; border: 1px solid var(--vp-line); border-radius: 12px; }
.vp-c__signer-rail > small { margin-bottom: 8px; }
.vp-c__signer-rail article { display: grid; align-items: center; padding: 9px; background: var(--vp-bg); border-radius: 9px; gap: 7px; grid-template-columns: auto 1fr auto; }
.vp-c__signer-rail article > b { display: grid; width: 25px; height: 25px; place-items: center; background: var(--vp-accent); border-radius: 50%; color: #fff; }
.vp-c__signer-rail article > div { display: grid; }
.vp-c__signer-rail > i { width: 2px; height: 13px; margin-left: 20px; background: var(--vp-accent); }
.vp-c__signer-rail button { margin-top: 10px; }
.vp-c--docs-audit .vp-c__body { display: flex; flex-direction: column; }
.vp-c__signed { background: #2e195e; }
.vp-c__signed button { padding: 7px 9px; background: #fff; border-radius: 7px; color: #2e195e; font-weight: 750; }
.vp-c__audit { display: grid; min-height: 0; flex: 1; gap: 9px; grid-template-columns: 1.15fr .85fr; }
.vp-c__audit > section { padding: 11px; background: #fff; border: 1px solid var(--vp-line); border-radius: 11px; }
.vp-c__audit > section:first-child > small { margin-bottom: 6px; }
.vp-c__audit article { display: grid; align-items: center; padding: 8px 0; border-top: 1px solid var(--vp-line); gap: 8px; grid-template-columns: auto 1fr auto; }
.vp-c__audit article > span { display: grid; width: 30px; height: 30px; place-items: center; background: var(--vp-soft); border-radius: 50%; color: var(--vp-accent); font-weight: 800; }
.vp-c__audit article > div { display: grid; }
.vp-c__audit article > b { color: #198f5a; font-size: 1.3em; }
.vp-c__certificate { display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; }
.vp-c__seal { display: grid; width: 45px; height: 45px; margin-bottom: 7px; place-items: center; border: 3px double var(--vp-accent); border-radius: 50%; color: var(--vp-accent); font-size: 1.5em; }
.vp-c__certificate strong { margin: 3px 0 7px; font-size: 1.2em; }
.vp-c__certificate span { color: var(--vp-muted); font-size: .78em; }

/* Invoicer */
.vp-c--invoice-records .vp-c__body, .vp-c--invoice-recurring .vp-c__body { flex-direction: column; }
.vp-c__record-picker { display: grid; min-height: 0; flex: 1; gap: 9px; grid-template-columns: repeat(2, 1fr); }
.vp-c__record-picker > section { padding: 10px; background: #fff; border: 1px solid var(--vp-line); border-radius: 11px; }
.vp-c__record-picker > section > small { margin-bottom: 7px; }
.vp-c__record-picker article { display: grid; align-items: center; padding: 7px; margin-top: 5px; border: 1px solid var(--vp-line); border-radius: 8px; gap: 7px; grid-template-columns: auto 1fr auto; }
.vp-c__record-picker article.is-selected { background: var(--vp-soft); border-color: var(--vp-accent); }
.vp-c__record-picker article > span { display: grid; width: 27px; height: 27px; place-items: center; background: #4b3213; border-radius: 7px; color: #fff; font-size: .73em; font-weight: 800; }
.vp-c__record-picker article > div { display: grid; }
.vp-c__record-picker article > b { color: var(--vp-accent); }
.vp-c__invoice-total { display: flex; align-items: center; justify-content: space-between; padding: 9px 12px; background: #4b3213; border-radius: 9px; color: #eaddc7; }
.vp-c__invoice-total strong { color: #fff; font-size: 1.15em; }
.vp-c--invoice-document .vp-c__body, .vp-c--invoice-payment .vp-c__body { display: grid; grid-template-columns: 1.15fr .85fr; }
.vp-c__invoice-paper { display: flex; min-width: 0; flex-direction: column; padding: clamp(12px, 1.55vw, 23px); background: #fff; border: 1px solid var(--vp-line); border-radius: 11px; box-shadow: 0 10px 22px rgba(75,50,19,.08); }
.vp-c__invoice-paper > header { display: flex; justify-content: space-between; }
.vp-c__invoice-paper > header > div:last-child { display: grid; text-align: right; }
.vp-c__invoice-logo { display: grid; width: 34px; height: 34px; place-items: center; background: var(--vp-accent); border-radius: 8px; color: #fff; font-weight: 850; }
.vp-c__invoice-to { display: flex; justify-content: space-between; padding: 12px 0; margin-top: 8px; border-top: 1px solid var(--vp-line); border-bottom: 1px solid var(--vp-line); }
.vp-c__invoice-to > span { display: grid; }
.vp-c__invoice-lines { display: grid; margin: 8px 0; }
.vp-c__invoice-lines span { display: flex; justify-content: space-between; padding: 6px 0; border-bottom: 1px solid var(--vp-line); }
.vp-c__invoice-paper footer { display: flex; justify-content: space-between; padding-top: 5px; margin-top: auto; }
.vp-c__invoice-paper footer strong { color: var(--vp-accent); font-size: 1.4em; }
.vp-c__delivery { display: flex; justify-content: center; flex-direction: column; padding: clamp(12px, 1.5vw, 22px); background: #4b3213; border-radius: 11px; color: #fff; }
.vp-c__delivery small, .vp-c__delivery span, .vp-c__delivery em { color: #d8c5aa; }
.vp-c__delivery strong { margin: 5px 0 10px; font-size: 1.25em; }
.vp-c__delivery span { padding: 7px 0; border-top: 1px solid rgba(255,255,255,.12); }
.vp-c__delivery button { margin: 10px 0; }
.vp-c__payment-card { display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 15px; background: #4b3213; border-radius: 12px; color: #fff; text-align: center; }
.vp-c__paid-mark { display: grid; width: 46px; height: 46px; margin-bottom: 7px; place-items: center; background: #5dc794; border-radius: 50%; font-size: 1.7em; }
.vp-c__payment-card small, .vp-c__payment-card span { color: #d9c9b1; }
.vp-c__payment-card strong { margin: 3px 0; font-size: clamp(22px, 2.4vw, 36px); }
.vp-c__payment-card button { padding: 7px 10px; margin-top: 10px; background: #fff; border-radius: 7px; color: #4b3213; font-weight: 750; }
.vp-c__transaction { padding: 11px; background: #fff; border: 1px solid var(--vp-line); border-radius: 12px; }
.vp-c__transaction .vp-c__section-head em { padding: 4px 6px; background: #dff5e9; border-radius: 999px; color: #188653; }
.vp-c__transaction dl { margin: 0; }
.vp-c__transaction dl div { display: flex; justify-content: space-between; padding: 7px 0; border-top: 1px solid var(--vp-line); gap: 8px; }
.vp-c__transaction dt { color: var(--vp-muted); }
.vp-c__transaction dd { margin: 0; font-weight: 750; text-align: right; }
.vp-c__recurring-list { display: grid; min-height: 0; flex: 1; gap: 6px; }
.vp-c__recurring-list article { display: grid; align-items: center; padding: 8px 10px; background: #fff; border: 1px solid var(--vp-line); border-radius: 9px; gap: 8px; grid-template-columns: auto 1fr auto auto; }
.vp-c__cycle { display: grid; width: 32px; height: 32px; place-items: center; background: var(--vp-soft); border-radius: 8px; color: var(--vp-accent); font-weight: 800; }
.vp-c__recurring-list article > div:nth-child(2) { display: grid; }
.vp-c__recurring-list article > b { padding: 4px 6px; background: #dff5e9; border-radius: 999px; color: #188653; font-size: .72em; }

/* ChatBaser and HDHelpDesk */
.vp-c--chat-knowledge .vp-c__body, .vp-c--chat-playground .vp-c__body, .vp-c--chat-logs .vp-c__body, .vp-c--help-chat .vp-c__body { display: grid; grid-template-columns: .78fr 1.22fr; }
.vp-c__knowledge { display: flex; min-width: 0; flex-direction: column; padding: 11px; background: #21194f; border-radius: 12px; color: #fff; }
.vp-c__knowledge > small { margin-bottom: 6px; color: #a99dd6; }
.vp-c__knowledge article { display: grid; align-items: center; padding: 7px 0; border-top: 1px solid rgba(255,255,255,.12); gap: 7px; grid-template-columns: auto 1fr auto; }
.vp-c__knowledge article > b { display: grid; width: 27px; height: 27px; place-items: center; background: #765ee2; border-radius: 6px; font-size: .65em; }
.vp-c__knowledge article > div { display: grid; }
.vp-c__knowledge article span { color: #aaa1ca; font-size: .76em; }
.vp-c__knowledge article em { color: #66d6aa; }
.vp-c__knowledge button { padding: 7px; margin-top: auto; border: 1px solid #6b5d9b; background: transparent; border-radius: 7px; color: #fff; }
.vp-c__agent-answer { display: flex; min-width: 0; justify-content: center; flex-direction: column; padding: clamp(12px, 1.55vw, 23px); background: #fff; border: 1px solid var(--vp-line); border-radius: 12px; }
.vp-c__agent-answer > div { display: flex; align-items: center; margin-bottom: 10px; gap: 7px; }
.vp-c__agent-answer > div em { margin-left: auto; padding: 4px 6px; background: #dff5e9; border-radius: 999px; color: #188653; }
.vp-c__chat-thread { display: flex; min-height: 0; flex: 1; justify-content: center; flex-direction: column; gap: 7px; }
.vp-c__chat-thread p, .vp-c__agent-answer > p { max-width: 90%; padding: 8px 10px; border-radius: 10px; line-height: 1.35; }
.vp-c__chat-thread p.is-question, .vp-c__agent-answer > p.is-question { align-self: flex-end; background: #21194f; color: #fff; }
.vp-c__chat-thread p.is-answer, .vp-c__agent-answer > p.is-answer { background: var(--vp-soft); color: var(--vp-ink); }
.vp-c__chat-thread p.is-review { border: 1px solid var(--vp-accent); }
.vp-c__agent-answer cite, .vp-c__chat-thread cite { align-self: flex-start; margin-top: 5px; color: var(--vp-accent); font-size: .78em; font-style: normal; font-weight: 750; }
.vp-c__playground { display: flex; flex-direction: column; }
.vp-c__playground > header, .vp-c__live-chat > header { display: flex; align-items: center; justify-content: space-between; padding-bottom: 8px; border-bottom: 1px solid var(--vp-line); }
.vp-c__playground > header > div, .vp-c__live-chat > header > div { display: flex; align-items: center; gap: 7px; }
.vp-c__playground > header > b { padding: 4px 6px; background: var(--vp-soft); border-radius: 999px; color: var(--vp-accent); font-size: .72em; }
.vp-c__test-notes { display: flex; justify-content: center; flex-direction: column; }
.vp-c__test-notes strong { margin: 5px 0 9px; font-size: 1.25em; }
.vp-c__test-notes span { padding: 7px 0; border-top: 1px solid var(--vp-line); color: var(--vp-muted); }
.vp-c__test-notes button, .vp-c__improve button { padding: 7px 9px; margin-top: 10px; background: var(--vp-accent); border-radius: 7px; color: #fff; font-weight: 750; }
.vp-c__log-list article { display: grid; align-items: center; padding: 8px 0; border-top: 1px solid var(--vp-line); gap: 8px; grid-template-columns: auto 1fr auto; }
.vp-c__log-list article > b { display: grid; width: 28px; height: 28px; place-items: center; background: #dff5e9; border-radius: 50%; color: #188653; }
.vp-c__log-list article.is-weak > b { background: #fff0d7; color: #b46b00; }
.vp-c__log-list article > div { display: grid; }
.vp-c__log-list article > em { padding: 4px 6px; background: var(--vp-soft); border-radius: 999px; color: var(--vp-accent); }
.vp-c__improve { display: flex; justify-content: center; flex-direction: column; }
.vp-c__improve > strong { margin: 5px 0 10px; font-size: clamp(14px, 1.4vw, 21px); line-height: 1.05; }
.vp-c__improve > div { padding: 9px; background: var(--vp-bg); border-radius: 8px; }
.vp-c__improve > div span { color: var(--vp-muted); font-size: .78em; }
.vp-c__improve > div p { margin-top: 3px; }
.vp-c__improve > em { margin-top: 7px; color: var(--vp-accent); }
.vp-c__live-chat { display: flex; flex-direction: column; }
.vp-c__live-chat header > div > div { display: grid; }
.vp-c__live-chat header em { color: #168b69; }
.vp-c__live-chat header > b { color: var(--vp-muted); }
.vp-c__ticket-created { display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; }
.vp-c__ticket-check { display: grid; width: 43px; height: 43px; margin-bottom: 7px; place-items: center; background: var(--vp-accent); border-radius: 50%; color: #fff; font-size: 1.5em; }
.vp-c__ticket-created > strong { max-width: 21ch; margin: 4px 0 9px; font-size: 1.15em; }
.vp-c__ticket-created dl { width: 100%; margin: 0; }
.vp-c__ticket-created dl div { display: flex; justify-content: space-between; padding: 5px 0; border-top: 1px solid var(--vp-line); }
.vp-c__ticket-created dt { color: var(--vp-muted); }
.vp-c__ticket-created dd { margin: 0; font-weight: 750; }
.vp-c__ticket-created > em { margin-top: 8px; color: var(--vp-accent); }
.vp-c--help-portal .vp-c__body { flex-direction: column; }
.vp-c__portal-brand { display: flex; align-items: center; padding: 2px 3px; gap: 7px; }
.vp-c__portal-brand button { margin-left: auto; padding: 6px 8px; background: var(--vp-accent); border-radius: 7px; color: #fff; font-weight: 750; }
.vp-c__portal { display: grid; min-height: 0; flex: 1; overflow: hidden; background: #fff; border: 1px solid var(--vp-line); border-radius: 12px; grid-template-columns: .32fr 1fr; }
.vp-c__portal > aside { display: flex; flex-direction: column; padding: 10px; background: #123f42; color: #fff; gap: 5px; }
.vp-c__portal > aside > strong { margin-bottom: 7px; }
.vp-c__portal > aside span { display: flex; justify-content: space-between; padding: 6px; border-radius: 6px; color: #b9d8d7; font-size: .8em; }
.vp-c__portal > aside span.is-active { background: var(--vp-accent); color: #fff; }
.vp-c__portal > section { min-width: 0; padding: 11px; }
.vp-c__portal-title { display: flex; align-items: center; justify-content: space-between; }
.vp-c__portal-title > div { display: grid; }
.vp-c__portal-title em { padding: 4px 6px; background: var(--vp-soft); border-radius: 999px; color: var(--vp-accent); }
.vp-c__portal-progress { display: grid; padding: 11px 0; grid-template-columns: repeat(3,1fr); }
.vp-c__portal-progress span { position: relative; padding-top: 12px; color: var(--vp-muted); font-size: .7em; text-align: center; }
.vp-c__portal-progress span::before { position: absolute; top: 3px; right: 0; left: 0; height: 3px; background: #d9e3e2; content: ""; }
.vp-c__portal-progress span.is-done::before, .vp-c__portal-progress span.is-active::before { background: var(--vp-accent); }
.vp-c__portal > section > article { display: flex; padding: 9px; background: var(--vp-bg); border-radius: 9px; gap: 8px; }
.vp-c__portal > section > article div { display: grid; gap: 3px; }
.vp-c__portal > section > article p { color: var(--vp-muted); }
.vp-c--help-analytics .vp-c__body { flex-direction: column; }
.vp-c__support-bottom { display: grid; min-height: 0; flex: 1; gap: 8px; grid-template-columns: 1.1fr .9fr; }
.vp-c__support-bottom > section { padding: 10px; background: #fff; border: 1px solid var(--vp-line); border-radius: 11px; }
.vp-c__support-bottom > section:first-child > article { display: grid; padding: 6px 0; border-top: 1px solid var(--vp-line); grid-template-columns: 1fr auto auto; gap: 8px; }
.vp-c__support-bottom > section:first-child > article em { color: var(--vp-accent); }
.vp-c__support-insight { display: flex; justify-content: center; flex-direction: column; }
.vp-c__support-insight strong { margin: 4px 0; font-size: 1.2em; }
.vp-c__support-insight span { color: var(--vp-muted); }
.vp-c__support-insight button { padding: 7px 8px; margin-top: 9px; background: var(--vp-accent); border-radius: 7px; color: #fff; font-weight: 750; }

/* ProjectBaser */
.vp-c--project-views .vp-c__body, .vp-c--project-template .vp-c__body { flex-direction: column; }
.vp-c__view-tabs { display: flex; min-height: 33px; align-items: center; padding: 4px; background: #fff; border: 1px solid var(--vp-line); border-radius: 9px; gap: 3px; }
.vp-c__view-tabs strong { padding: 6px 8px; border-radius: 6px; font-size: .8em; }
.vp-c__view-tabs strong.is-active { background: var(--vp-accent); color: #fff; }
.vp-c__view-tabs > span { margin-left: auto; padding-right: 5px; color: var(--vp-muted); }
.vp-c__project-canvas { display: grid; min-height: 0; flex: 1; overflow: hidden; gap: 7px; grid-template-columns: repeat(4,1fr); }
.vp-c__project-canvas section { min-width: 0; padding: 7px; background: rgba(255,255,255,.7); border: 1px solid var(--vp-line); border-radius: 10px; }
.vp-c__project-canvas section.is-focus { background: var(--vp-soft); border-color: var(--vp-accent); }
.vp-c__project-canvas header { display: flex; justify-content: space-between; margin-bottom: 6px; color: var(--vp-muted); font-size: .75em; font-weight: 750; }
.vp-c__project-canvas article { display: grid; padding: 8px; margin-bottom: 6px; background: #fff; border-radius: 8px; box-shadow: 0 4px 12px rgba(23,39,90,.06); gap: 4px; }
.vp-c__project-canvas article > span { justify-self: start; padding: 3px 5px; background: var(--vp-soft); border-radius: 999px; color: var(--vp-accent); font-size: .65em; }
.vp-c__project-canvas article strong { font-size: .8em; }
.vp-c--project-comments .vp-c__body { display: grid; grid-template-columns: 1.15fr .85fr; }
.vp-c__task-detail, .vp-c__comments { min-width: 0; padding: 11px; background: #fff; border: 1px solid var(--vp-line); border-radius: 12px; }
.vp-c__task-detail > header { display: flex; justify-content: space-between; }
.vp-c__task-detail > header > div { display: grid; }
.vp-c__task-detail > header button { color: var(--vp-muted); }
.vp-c__task-meta { display: grid; margin: 10px 0; gap: 6px; grid-template-columns: repeat(3,1fr); }
.vp-c__task-meta > span { display: grid; padding: 7px; background: var(--vp-bg); border-radius: 7px; }
.vp-c__task-preview { display: flex; min-height: 0; justify-content: center; flex-direction: column; padding: clamp(12px,1.4vw,21px); background: #17275a; border-radius: 9px; color: #fff; }
.vp-c__task-preview span { color: #a8b9ed; font-size: .75em; }
.vp-c__task-preview strong { max-width: 17ch; margin-top: 7px; font-size: clamp(14px,1.45vw,22px); line-height: 1.02; }
.vp-c__comments { display: flex; flex-direction: column; }
.vp-c__comments > small { margin-bottom: 5px; }
.vp-c__comments article { display: flex; padding: 7px 0; border-top: 1px solid var(--vp-line); gap: 7px; }
.vp-c__comments article.is-mention { padding: 7px; background: var(--vp-soft); border: 0; border-radius: 8px; }
.vp-c__comments article p { color: var(--vp-muted); font-size: .84em; }
.vp-c__comments article p b { color: var(--vp-ink); }
.vp-c--project-template .vp-c__body { display: grid; align-items: stretch; grid-template-columns: .72fr auto 1.28fr; }
.vp-c__template-card, .vp-c__created-board { display: flex; min-width: 0; justify-content: center; flex-direction: column; padding: 12px; background: #fff; border: 1px solid var(--vp-line); border-radius: 12px; }
.vp-c__template-icon { display: grid; width: 42px; height: 42px; margin: 8px 0; place-items: center; background: var(--vp-soft); border-radius: 10px; color: var(--vp-accent); font-size: 1.5em; }
.vp-c__template-card > strong { font-size: 1.25em; }
.vp-c__template-card > span { margin: 4px 0 8px; color: var(--vp-muted); }
.vp-c__template-card > div:not(.vp-c__template-icon) { display: flex; flex-wrap: wrap; gap: 3px; }
.vp-c__template-card i { padding: 3px 5px; background: var(--vp-bg); border-radius: 999px; color: var(--vp-muted); font-size: .69em; font-style: normal; }
.vp-c__template-card button { padding: 7px; margin-top: 9px; background: var(--vp-accent); border-radius: 7px; color: #fff; font-weight: 750; }
.vp-c__template-arrow { align-self: center; color: var(--vp-accent); font-size: 1.8em; }
.vp-c__created-board > header { display: flex; justify-content: space-between; }
.vp-c__created-board > header > div { display: grid; }
.vp-c__created-board > header em { color: #188653; }
.vp-c__created-board > div { display: grid; min-height: 0; flex: 1; align-items: stretch; margin: 9px 0; gap: 6px; grid-template-columns: repeat(4,1fr); }
.vp-c__created-board > div article { display: flex; justify-content: center; flex-direction: column; padding: 7px; background: var(--vp-bg); border-radius: 8px; }
.vp-c__created-board > div b { color: var(--vp-accent); font-size: 1.5em; }
.vp-c__created-board > div span { color: var(--vp-muted); font-size: .72em; }
.vp-c__created-board footer { display: flex; align-items: center; justify-content: space-between; color: var(--vp-muted); font-size: .76em; }
.vp-c__created-board footer button { padding: 5px 7px; border: 1px solid var(--vp-line); background: #fff; border-radius: 6px; }

/* ScaleGPTs */
.vp-c--gpts-library .vp-c__body, .vp-c--gpts-builder .vp-c__body { flex-direction: column; }
.vp-c__gpt-head { display: flex; align-items: flex-end; justify-content: space-between; }
.vp-c__gpt-head > div:first-child { display: grid; }
.vp-c__gpt-head strong { font-size: 1.2em; }
.vp-c__gpt-search { min-width: 40%; padding: 7px 9px; background: #fff; border: 1px solid var(--vp-line); border-radius: 7px; color: var(--vp-muted); }
.vp-c__gpt-filter { display: flex; align-items: center; gap: 4px; }
.vp-c__gpt-filter strong { padding: 5px 7px; border: 1px solid var(--vp-line); background: #fff; border-radius: 999px; font-size: .72em; }
.vp-c__gpt-filter strong.is-active { background: #21164a; color: #fff; }
.vp-c__gpt-filter span { margin-left: auto; color: var(--vp-muted); }
.vp-c__gpt-grid { display: grid; min-height: 0; flex: 1; gap: 7px; grid-template-columns: repeat(3,1fr); }
.vp-c__gpt-grid article { display: flex; min-width: 0; align-items: center; padding: 9px; background: #fff; border: 1px solid var(--vp-line); border-radius: 9px; gap: 7px; }
.vp-c__gpt-grid article > b { display: grid; width: 30px; height: 30px; flex: 0 0 auto; place-items: center; background: var(--vp-soft); border-radius: 8px; color: var(--vp-accent); font-size: 1.2em; }
.vp-c__gpt-grid article > div { display: grid; min-width: 0; }
.vp-c__gpt-grid article strong { overflow: hidden; font-size: .84em; text-overflow: ellipsis; white-space: nowrap; }
.vp-c__gpt-grid article span { color: var(--vp-muted); font-size: .72em; }
.vp-c--gpts-builder .vp-c__body { display: grid; grid-template-columns: .33fr 1fr; }
.vp-c__builder-steps { display: flex; flex-direction: column; padding: 10px; background: #21164a; border-radius: 11px; color: #c9bee2; gap: 4px; }
.vp-c__builder-steps strong { display: flex; align-items: center; padding: 7px; border-radius: 7px; font-size: .79em; gap: 6px; }
.vp-c__builder-steps strong.is-active { background: var(--vp-accent); color: #fff; }
.vp-c__builder-steps b { display: grid; width: 18px; height: 18px; place-items: center; border: 1px solid currentColor; border-radius: 50%; font-size: .72em; }
.vp-c__builder-form { min-width: 0; padding: 11px; background: #fff; border: 1px solid var(--vp-line); border-radius: 11px; }
.vp-c__builder-form label { display: block; padding: 8px; background: var(--vp-bg); border-radius: 8px; }
.vp-c__builder-form label p { margin-top: 4px; color: var(--vp-muted); font-size: .84em; }
.vp-c__builder-files, .vp-c__capabilities { display: flex; flex-wrap: wrap; align-items: center; margin-top: 7px; gap: 4px; }
.vp-c__builder-files > small, .vp-c__capabilities > small { width: 100%; }
.vp-c__builder-files span { display: flex; align-items: center; padding: 5px 7px; background: var(--vp-soft); border-radius: 7px; gap: 5px; }
.vp-c__builder-files span b { color: var(--vp-accent); font-size: .72em; }
.vp-c__builder-files span em { color: #188653; }
.vp-c__capabilities span { padding: 4px 6px; border: 1px solid var(--vp-line); border-radius: 999px; color: var(--vp-muted); font-size: .75em; }
.vp-c__capabilities span.is-on { background: var(--vp-soft); border-color: var(--vp-accent); color: var(--vp-accent); }
.vp-c__builder-form button { float: right; margin-top: 7px; }
.vp-c--gpts-modify .vp-c__body { display: grid; align-items: stretch; grid-template-columns: 1fr auto 1fr; }
.vp-c__gpt-origin, .vp-c__gpt-custom { display: flex; align-items: flex-start; justify-content: center; flex-direction: column; padding: clamp(12px,1.5vw,22px); background: #fff; border: 1px solid var(--vp-line); border-radius: 12px; }
.vp-c__gpt-custom { background: #21164a; color: #fff; }
.vp-c__gpt-custom small, .vp-c__gpt-custom span, .vp-c__gpt-custom em { color: #beb2db; }
.vp-c__gpt-icon { display: grid; width: 38px; height: 38px; margin: 8px 0; place-items: center; background: var(--vp-soft); border-radius: 10px; color: var(--vp-accent); font-size: 1.2em; font-weight: 850; }
.vp-c__gpt-origin > strong, .vp-c__gpt-custom > strong { font-size: 1.2em; }
.vp-c__gpt-origin > span { margin: 5px 0 10px; color: var(--vp-muted); }
.vp-c__gpt-custom > div { display: grid; margin: 7px 0; gap: 5px; }
.vp-c__modify-arrow { display: flex; align-items: center; justify-content: center; flex-direction: column; color: var(--vp-accent); font-size: 1.8em; }
.vp-c__modify-arrow span { font-size: .36em; font-weight: 750; text-transform: uppercase; }
.vp-c--gpts-chat .vp-c__body { display: grid; grid-template-columns: .28fr 1fr .36fr; }
.vp-c__chat-list, .vp-c__artifact { display: flex; min-width: 0; flex-direction: column; padding: 10px; background: #21164a; border-radius: 11px; color: #fff; gap: 5px; }
.vp-c__chat-list small, .vp-c__artifact small { color: #9e91bf; }
.vp-c__chat-list strong { overflow: hidden; padding: 6px; border-radius: 6px; color: #c7bddc; font-size: .73em; text-overflow: ellipsis; white-space: nowrap; }
.vp-c__chat-list strong.is-active { background: var(--vp-accent); color: #fff; }
.vp-c__chat-list button { padding: 6px; margin-top: auto; border: 1px solid #62577c; background: transparent; border-radius: 6px; color: #fff; }
.vp-c__gpt-chat { display: flex; min-width: 0; flex-direction: column; padding: 10px; background: #fff; border: 1px solid var(--vp-line); border-radius: 11px; }
.vp-c__gpt-chat > header { display: flex; align-items: center; gap: 7px; }
.vp-c__gpt-chat > header > div:last-child { display: grid; }
.vp-c__gpt-chat .vp-c__gpt-icon { width: 30px; height: 30px; margin: 0; }
.vp-c__tool-row { display: flex; flex-wrap: wrap; gap: 3px; }
.vp-c__tool-row span { padding: 3px 5px; background: var(--vp-soft); border-radius: 999px; color: var(--vp-accent); font-size: .68em; }
.vp-c__artifact { justify-content: center; background: #fff; border: 1px solid var(--vp-line); color: var(--vp-ink); }
.vp-c__artifact strong { margin: 4px 0; font-size: 1.12em; }
.vp-c__artifact span { padding: 5px 0; border-top: 1px solid var(--vp-line); color: var(--vp-muted); }
.vp-c__artifact button { padding: 5px; margin-top: 5px; background: var(--vp-accent); border-radius: 6px; color: #fff; }

/* TOSDocs */
.vp-c--tos-overview .vp-c__body, .vp-c--tos-export .vp-c__body, .vp-c--tos-embed .vp-c__body { display: grid; align-items: stretch; grid-template-columns: .62fr auto 1.38fr; }
.vp-c__site-profile, .vp-c__export-source { display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 12px; background: #143d31; border-radius: 12px; color: #fff; text-align: center; }
.vp-c__site-profile small, .vp-c__site-profile span, .vp-c__site-profile em, .vp-c__export-source small, .vp-c__export-source span, .vp-c__export-source em { color: #b4d6ca; }
.vp-c__site-profile .vp-c__site-icon { margin-bottom: 7px; background: #fff; color: var(--vp-accent); }
.vp-c__site-profile strong { font-size: 1.25em; }
.vp-c__site-profile span { margin: 4px 0 8px; }
.vp-c__profile-flow { align-self: center; color: var(--vp-accent); font-size: 1.8em; }
.vp-c__doc-set { display: flex; min-width: 0; flex-direction: column; padding: 11px; background: #fff; border: 1px solid var(--vp-line); border-radius: 12px; }
.vp-c__doc-set > small { margin-bottom: 5px; }
.vp-c__doc-set > div { display: grid; min-height: 0; flex: 1; gap: 6px; grid-template-columns: repeat(2,1fr); }
.vp-c__doc-set article { display: grid; padding: 8px; background: var(--vp-bg); border-radius: 8px; grid-template-columns: auto 1fr; gap: 3px 6px; }
.vp-c__doc-set article b { grid-row: span 2; color: #188653; }
.vp-c__doc-set article span { color: var(--vp-muted); font-size: .72em; }
.vp-c__doc-set footer { display: flex; justify-content: space-between; padding-top: 8px; margin-top: 6px; border-top: 1px solid var(--vp-line); }
.vp-c--tos-editor .vp-c__body { display: grid; grid-template-columns: .36fr 1fr; }
.vp-c--tos-editor .vp-c__template-list, .vp-c--tos-editor .vp-c__tos-types { background: #143d31; }
.vp-c--tos-editor .vp-c__tos-types strong.is-active { background: var(--vp-accent); }
.vp-c__editor-tools { display: flex; padding: 5px 9px; border-bottom: 1px solid var(--vp-line); gap: 8px; }
.vp-c__editor-tools > * { color: var(--vp-muted); font-style: normal; }
.vp-c__tos-document .vp-c__paper { padding-top: 12px; }
.vp-c--tos-export .vp-c__body { grid-template-columns: .66fr .12fr 1.22fr; }
.vp-c__export-source .vp-c__doc-icon { background: #fff; }
.vp-c__export-source strong { font-size: 1.2em; }
.vp-c__export-lines { display: flex; justify-content: space-around; flex-direction: column; }
.vp-c__export-lines i { width: 100%; height: 2px; background: var(--vp-accent); transform-origin: left; }
.vp-c__export-lines i:nth-child(1) { transform: rotate(-24deg); }.vp-c__export-lines i:nth-child(2) { transform: rotate(-14deg); }.vp-c__export-lines i:nth-child(3) { transform: rotate(-5deg); }.vp-c__export-lines i:nth-child(4) { transform: rotate(5deg); }.vp-c__export-lines i:nth-child(5) { transform: rotate(14deg); }.vp-c__export-lines i:nth-child(6) { transform: rotate(24deg); }
.vp-c__format-grid { display: grid; min-height: 0; gap: 7px; grid-template-columns: repeat(3,1fr); }
.vp-c__format-grid article { display: flex; align-items: center; justify-content: center; flex-direction: column; background: #fff; border: 1px solid var(--vp-line); border-radius: 10px; text-align: center; }
.vp-c__format-grid article b { display: grid; width: 32px; height: 32px; margin-bottom: 4px; place-items: center; background: var(--vp-soft); border-radius: 8px; color: var(--vp-accent); font-size: .78em; }
.vp-c__format-grid article span { color: var(--vp-muted); font-size: .68em; }
.vp-c--tos-embed .vp-c__body { grid-template-columns: .42fr 1fr; }
.vp-c__profile-list { display: flex; flex-direction: column; padding: 10px; background: #143d31; border-radius: 11px; color: #fff; }
.vp-c__profile-list > small { margin-bottom: 6px; color: #93b9ac; }
.vp-c__profile-list article { display: grid; align-items: center; padding: 6px; border-radius: 8px; gap: 6px; grid-template-columns: auto 1fr auto; }
.vp-c__profile-list article.is-active { background: var(--vp-accent); }
.vp-c__profile-list article > div:nth-child(2) { display: grid; }
.vp-c__profile-list article span { color: #b5d5ca; font-size: .7em; }
.vp-c__profile-list .vp-c__site-icon { width: 27px; height: 27px; background: #fff; color: var(--vp-accent); }
.vp-c__embed-preview { display: flex; min-width: 0; overflow: hidden; flex-direction: column; background: #fff; border: 1px solid var(--vp-line); border-radius: 11px; }
.vp-c__embed-preview > header { display: flex; justify-content: space-between; padding: 7px 10px; border-bottom: 1px solid var(--vp-line); color: var(--vp-muted); }
.vp-c__embed-preview > header em { color: #188653; }
.vp-c__embed-preview > div { min-height: 0; flex: 1; padding: 12px 16px; }
.vp-c__embed-preview > div small { color: var(--vp-accent); }
.vp-c__embed-preview > div > strong { display: block; margin: 5px 0 8px; font-family: Georgia, serif; font-size: clamp(16px,1.7vw,25px); }
.vp-c__embed-preview > div h4 { margin: 9px 0 3px; }
.vp-c__embed-preview > div p { color: var(--vp-muted); font-family: Georgia, serif; font-size: .82em; }
.vp-c__embed-preview footer { display: flex; align-items: center; justify-content: space-between; padding: 7px 9px; background: var(--vp-soft); gap: 8px; }
.vp-c__embed-preview footer code { overflow: hidden; color: var(--vp-accent); font-size: .72em; text-overflow: ellipsis; white-space: nowrap; }
.vp-c__embed-preview footer button { padding: 5px 7px; background: var(--vp-accent); border-radius: 6px; color: #fff; }
.vp-c--tos-cookie .vp-c__body { display: grid; grid-template-columns: .36fr 1fr; }
.vp-c__cookie-themes { display: flex; flex-direction: column; padding: 10px; background: #143d31; border-radius: 11px; color: #fff; }
.vp-c__cookie-themes > small { margin-bottom: 6px; color: #9dc1b5; }
.vp-c__cookie-themes > div { display: grid; gap: 4px; }
.vp-c__cookie-themes > div span { padding: 6px; border-radius: 6px; color: #b9d7cd; font-size: .8em; }
.vp-c__cookie-themes > div span.is-active { background: var(--vp-accent); color: #fff; }
.vp-c__cookie-themes label { display: flex; align-items: center; padding-top: 8px; margin-top: auto; border-top: 1px solid rgba(255,255,255,.12); color: #afcec4; gap: 5px; }
.vp-c__cookie-themes label i { width: 15px; height: 15px; background: #e5dcc4; border-radius: 50%; }
.vp-c__cookie-themes label i:nth-of-type(2) { background: #7857db; }.vp-c__cookie-themes label i:nth-of-type(3) { background: #ff6f61; }.vp-c__cookie-themes label i:nth-of-type(4) { background: #181818; }
.vp-c__cookie-themes label i.is-color { box-shadow: 0 0 0 2px #fff; }
.vp-c__cookie-themes label b { margin-left: auto; color: #fff; }
.vp-c__site-preview { display: flex; min-width: 0; overflow: hidden; flex-direction: column; background: #fff; border: 1px solid var(--vp-line); border-radius: 11px; }
.vp-c__site-preview > header { display: flex; min-height: 37px; align-items: center; padding: 6px 10px; border-bottom: 1px solid var(--vp-line); gap: 6px; }
.vp-c__site-preview > header span { margin-left: auto; color: var(--vp-muted); font-size: .72em; }
.vp-c__site-preview .vp-c__brand-mark { width: 25px; height: 25px; }
.vp-c__site-hero { display: flex; min-height: 0; flex: 1; justify-content: center; flex-direction: column; padding: clamp(12px,1.8vw,27px); background: #f5edd8; }
.vp-c__site-hero > strong { max-width: 14ch; margin: 5px 0; font-size: clamp(18px,2vw,30px); line-height: .96; }
.vp-c__site-hero > span { color: var(--vp-muted); }
.vp-c__cookie-banner { display: flex; align-items: center; padding: 9px 10px; background: #143d31; color: #fff; gap: 6px; }
.vp-c__cookie-banner > div { display: grid; flex: 1; }
.vp-c__cookie-banner > div span { color: #b3d3c8; font-size: .75em; }
.vp-c__cookie-banner button { padding: 6px 8px; border: 1px solid #6d9487; background: transparent; border-radius: 6px; color: #fff; }

/* A/B Lincoln */
.vp-c--ab-element .vp-c__body, .vp-c--ab-results .vp-c__body { flex-direction: column; }
.vp-c__experiment-head { display: flex; justify-content: space-between; }
.vp-c__experiment-head > div { display: grid; }
.vp-c__experiment-head > b { align-self: center; padding: 5px 7px; background: #dff5e9; border-radius: 999px; color: #188653; font-size: .75em; }
.vp-c__variants { display: grid; min-height: 0; flex: 1; gap: 9px; grid-template-columns: repeat(2,1fr); }
.vp-c__variants > section { display: flex; min-width: 0; overflow: hidden; flex-direction: column; background: #fff; border: 1px solid var(--vp-line); border-radius: 11px; }
.vp-c__variants > section.is-leading { border: 2px solid var(--vp-accent); }
.vp-c__variants header, .vp-c__variants footer { display: flex; justify-content: space-between; padding: 7px 9px; }
.vp-c__variants header { border-bottom: 1px solid var(--vp-line); font-weight: 750; }
.vp-c__variants header span { color: var(--vp-muted); font-size: .76em; }
.vp-c__page-variant { display: flex; min-height: 0; flex: 1; justify-content: center; flex-direction: column; padding: clamp(11px,1.45vw,22px); background: #f7f3eb; }
.vp-c__page-variant > strong { max-width: 19ch; margin: 5px 0 8px; font-size: clamp(13px,1.45vw,22px); line-height: 1.02; }
.vp-c__page-variant button { align-self: flex-start; padding: 6px 8px; background: #181818; border-radius: 6px; color: #fff; }
.vp-c__variants section.is-leading .vp-c__page-variant button { background: var(--vp-accent); }
.vp-c__variants footer { border-top: 1px solid var(--vp-line); color: var(--vp-muted); }
.vp-c__variants footer b { color: var(--vp-accent); }
.vp-c--ab-rotator .vp-c__body { display: grid; align-items: stretch; grid-template-columns: .62fr .14fr 1.24fr; }
.vp-c__public-link { display: flex; justify-content: center; flex-direction: column; padding: 12px; background: #512610; border-radius: 11px; color: #fff; }
.vp-c__public-link small, .vp-c__public-link span { color: #dfbba9; }
.vp-c__public-link strong { overflow-wrap: anywhere; margin: 6px 0; font-size: 1.2em; }
.vp-c__public-link button { align-self: flex-start; padding: 6px 8px; margin-top: 10px; background: #fff; border-radius: 6px; color: #512610; font-weight: 750; }
.vp-c__route-line { display: flex; justify-content: space-around; flex-direction: column; }
.vp-c__route-line i { width: 100%; height: 2px; background: var(--vp-accent); }
.vp-c__route-line i:first-child { transform: rotate(-17deg); }.vp-c__route-line i:last-child { transform: rotate(17deg); }
.vp-c__destinations { display: flex; flex-direction: column; padding: 10px; background: #fff; border: 1px solid var(--vp-line); border-radius: 11px; }
.vp-c__destinations article { display: grid; align-items: center; padding: 8px 0; border-top: 1px solid var(--vp-line); gap: 8px; grid-template-columns: auto 1fr auto; }
.vp-c__destinations article:first-child { border: 0; }
.vp-c__destinations article > b { display: grid; width: 37px; height: 37px; place-items: center; background: var(--vp-soft); border-radius: 9px; color: var(--vp-accent); }
.vp-c__destinations article > div { display: grid; }
.vp-c__destinations footer { display: flex; justify-content: space-between; padding-top: 8px; margin-top: auto; border-top: 1px solid var(--vp-line); }
.vp-c__result-callout { display: flex; align-items: center; padding: 10px 12px; background: #512610; border-radius: 11px; color: #fff; gap: 10px; }
.vp-c__result-callout > span { display: grid; width: 35px; height: 35px; flex: 0 0 auto; place-items: center; background: var(--vp-accent); border-radius: 50%; font-size: 1.3em; }
.vp-c__result-callout > div { display: grid; flex: 1; gap: 2px; }
.vp-c__result-callout small, .vp-c__result-callout p { color: #dfbbaa; }
.vp-c__result-compare { display: grid; gap: 8px; grid-template-columns: repeat(2,1fr); }
.vp-c__result-compare article { display: grid; padding: 9px 11px; background: #fff; border: 1px solid var(--vp-line); border-radius: 9px; gap: 3px; }
.vp-c__result-compare article.is-winner { background: var(--vp-soft); border-color: var(--vp-accent); }
.vp-c__result-compare article > strong { font-size: clamp(18px,1.9vw,28px); }
.vp-c__result-compare article > span { color: var(--vp-muted); }
.vp-c__result-compare article > i { display: block; position: relative; height: 5px; margin-top: 4px; overflow: hidden; background: #eaded6; border-radius: 999px; }
.vp-c__result-compare article > i::after { display: block; width: var(--value); height: 100%; background: var(--vp-accent); content: ""; }
.vp-c__plain-result { display: grid; align-items: center; padding: 8px 11px; background: #fff; border: 1px solid var(--vp-line); border-radius: 9px; gap: 7px; grid-template-columns: auto 1fr auto; }
.vp-c__plain-result > span { color: var(--vp-muted); font-size: .75em; text-transform: uppercase; }
.vp-c__plain-result > em { color: var(--vp-accent); }

@media (max-width: 760px) {
  .vp-c { font-size: 7px; }
  .vp-c__bar { min-height: 31px; padding-inline: 9px; }
  .vp-c__bar > span { display: none; }
  .vp-c__bar > b { padding: 4px 6px; }
  .vp-c__body { padding: 8px; gap: 6px; }
  .vp-c__split { grid-template-columns: 67px 1fr; gap: 6px; }
  .vp-c__mode-list, .vp-c__lead-stack, .vp-c__ranked, .vp-c__record-picker > section, .vp-c__builder-form, .vp-c__knowledge, .vp-c__agent-answer, .vp-c__playground, .vp-c__test-notes, .vp-c__log-list, .vp-c__improve { padding: 7px; }
  .vp-c__mode-list strong { padding: 5px; }
  .vp-c__lead { padding: 4px 0; gap: 5px; }
  .vp-c__lead > b { width: 25px; height: 25px; }
  .vp-c__mode-grid { gap: 5px; }
  .vp-c__mode-grid article { padding: 7px; }
  .vp-c__mode-hero strong { font-size: 12px; }
  .vp-c__record-grid { gap: 5px; }
  .vp-c__record-grid article { padding: 7px; }
  .vp-c__score-card { padding: 9px; }
  .vp-c__score-card > strong { font-size: 12px; }
  .vp-c__list-table > div, .vp-c__appointment-table > div { min-height: 29px; padding: 4px 6px; gap: 4px; }
  .vp-c__mini-pipeline span { padding: 5px; }
  .vp-c__mini-pipeline span b { font-size: 15px; }
  .vp-c__pipeline-scroll { gap: 3px; grid-template-columns: repeat(6,minmax(48px,1fr)); }
  .vp-c__pipeline-scroll section, .vp-c__project-canvas section { padding: 4px; }
  .vp-c__pipeline-scroll article, .vp-c__project-canvas article { padding: 5px; }
  .vp-c__flow-row { gap: 4px; }
  .vp-c__flow-row article { padding: 6px; }
  .vp-c__type-grid { gap: 5px; }
  .vp-c__type-grid article { padding: 8px; }
  .vp-c__type-grid strong { margin: 6px 0 3px; }
  .vp-c__booking > section { padding: 9px; }
  .vp-c__booking h3 { font-size: 14px; }
  .vp-c__availability { grid-template-columns: 24px repeat(5,1fr); gap: 3px; }
  .vp-c__availability > section { min-height: 140px; }
  .vp-c__availability section span, .vp-c__availability section em { right: 2px; left: 2px; padding: 3px; border-left-width: 2px; }
  .vp-c__metrics article { padding: 7px; }
  .vp-c__metrics article strong { font-size: 15px; }
  .vp-c__template-list, .vp-c__tos-types, .vp-c__signer-rail, .vp-c__audit > section, .vp-c__document > header, .vp-c__tos-document > header { padding: 7px; }
  .vp-c__paper { padding: 9px; }
  .vp-c__paper h3 { font-size: 9px; }
  .vp-c__signature-field, .vp-c__date-field { min-height: 27px; padding: 3px 5px; }
  .vp-c__invoice-paper, .vp-c__delivery { padding: 9px; }
  .vp-c__invoice-paper footer strong { font-size: 12px; }
  .vp-c__payment-card strong { font-size: 18px; }
  .vp-c__recurring-list article { padding: 5px 6px; }
  .vp-c__chat-thread p, .vp-c__agent-answer > p { padding: 6px; }
  .vp-c__portal > aside { padding: 6px; }
  .vp-c__portal > section { padding: 7px; }
  .vp-c__support-bottom > section, .vp-c__task-detail, .vp-c__comments { padding: 7px; }
  .vp-c__project-canvas { gap: 4px; }
  .vp-c__view-tabs strong { padding: 4px 5px; }
  .vp-c__task-preview { padding: 8px; }
  .vp-c__task-preview strong { font-size: 11px; }
  .vp-c__template-card, .vp-c__created-board { padding: 8px; }
  .vp-c__gpt-grid { gap: 4px; }
  .vp-c__gpt-grid article { padding: 5px; gap: 4px; }
  .vp-c__gpt-grid article > b { width: 22px; height: 22px; }
  .vp-c__builder-steps { padding: 6px; }
  .vp-c__builder-steps strong { padding: 5px; }
  .vp-c__gpt-origin, .vp-c__gpt-custom { padding: 9px; }
  .vp-c__gpt-chat, .vp-c__chat-list, .vp-c__artifact { padding: 6px; }
  .vp-c__doc-set, .vp-c__site-profile, .vp-c__export-source, .vp-c__profile-list, .vp-c__embed-preview > div, .vp-c__cookie-themes { padding: 7px; }
  .vp-c__format-grid { gap: 4px; }
  .vp-c__format-grid article b { width: 24px; height: 24px; }
  .vp-c__site-hero { padding: 9px; }
  .vp-c__site-hero > strong { font-size: 14px; }
  .vp-c__cookie-banner { padding: 6px; }
  .vp-c__page-variant { padding: 8px; }
  .vp-c__page-variant > strong { font-size: 11px; }
  .vp-c__public-link, .vp-c__destinations { padding: 7px; }
  .vp-c__result-callout { padding: 7px; }
}

@media (max-width: 430px) {
  .vp-c__bar > b { max-width: 98px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .vp-c__mode-list strong:nth-of-type(4), .vp-c__mode-list strong:nth-of-type(5), .vp-c__crm-bottom, .vp-c__context-strip, .vp-c__test-notes span:nth-of-type(2), .vp-c__portal > aside span:nth-of-type(3), .vp-c__site-preview > header span { display: none; }
  .vp-c__mode-grid article:nth-child(5), .vp-c__pipeline-scroll section:first-child, .vp-c__pipeline-scroll section:last-child, .vp-c__project-canvas section:last-child { display: none; }
  .vp-c__mode-grid { grid-template-columns: repeat(4,1fr); }
  .vp-c__mode-grid article:first-child, .vp-c__mode-grid article:nth-child(2), .vp-c__mode-grid article:nth-child(n+3) { grid-column: span 2; }
  .vp-c__pipeline-scroll { grid-template-columns: repeat(4,1fr); }
  .vp-c__project-canvas { grid-template-columns: repeat(3,1fr); }
  .vp-c__gpt-grid article:nth-child(n+5) { display: none; }
  .vp-c__gpt-grid { grid-template-columns: repeat(2,1fr); }
  .vp-c__gpt-filter strong:nth-child(3), .vp-c__gpt-filter strong:nth-child(4), .vp-c__gpt-filter span { display: none; }
  .vp-c__recurring-list article:nth-child(3), .vp-c__doc-set article:nth-child(4) { display: none; }
  .vp-c__format-grid { grid-template-columns: repeat(3,1fr); }
  .vp-c__plain-result { grid-template-columns: 1fr auto; }
  .vp-c__plain-result > span { display: none; }
}