/* None Telefone 3.2.1 — OS/atendimento: componentes refinados em cima da identidade CRM 3.2.
   Apenas estética e organização de componentes React existentes; sem mutações de dados. */
:root {
  --os-ink: #28193c;
  --os-muted: #726386;
  --os-line: #eae7ed;
  --os-soft: #fbf9f7;
  --os-blue: #632ea8;
  --os-shadow: 0 2px 5px #0c224008,0 11px 30px #0c224006;
}
/* Páginas operacionais. Não aplicar em assinatura ou na página pública. */
.admin-content .page--narrow:has(> .os-command-grid) {
  max-width: 1220px;
  margin-inline: auto;
}
.page--narrow:has(> .os-command-grid) .page-heading {
  margin-bottom: 18px;
  padding-bottom: 17px;
  border-bottom: 1px solid var(--os-line);
  align-items: center;
}
.page--narrow:has(> .os-command-grid) .page-heading h1 {
  font-size: clamp(1.55rem,2.2vw,2rem);
  line-height: 1.24;
  letter-spacing: -.034em;
  color: var(--os-ink);
}
.page--narrow:has(> .os-command-grid) .back-button {
  margin-bottom: 12px;
  min-height: 34px;
  color: var(--os-muted);
  font-weight: 650;
}
.page--narrow:has(> .os-command-grid) .order-progress {
  margin: 0 0 15px;
  padding: 13px 17px;
  border: 1px solid var(--os-line);
  border-radius: 16px;
  background: #fff;
  box-shadow: var(--os-shadow);
}
.page--narrow:has(> .os-command-grid) .order-progress > div {
  min-width: 0;
}
.page--narrow:has(> .os-command-grid) .order-progress i {
  width: 28px;height: 28px;
  border-radius: 50%;
  font-size: .72rem;
  font-weight: 800;
}
.page--narrow:has(> .os-command-grid) .order-progress .done i {
  background: #e4f7ee;
  border-color: #bde9d4;
  color: #12865e;
}
.page--narrow:has(> .os-command-grid) .order-progress .current i {
  background: var(--os-blue);
  color: #fff;
  border-color: var(--os-blue);
  box-shadow: 0 0 0 4px #2463e81a;
}
.page--narrow:has(> .os-command-grid) .order-progress span {
  font-size: .75rem;
  color: #635477;
  font-weight: 660;
}
.page--narrow:has(> .os-command-grid) .order-progress .current span {
  color: #512a82;
  font-weight: 820;
}

/* Painel de comando: o que está acontecendo e o que fazer agora. */
.os-command-grid {
  display: grid;
  grid-template-columns: minmax(0,1.16fr) minmax(330px,.84fr);
  align-items: stretch;
  gap: 14px;
  margin: 0 0 14px;
}
.os-command-grid > .os-focus-summary,
.os-command-grid > .next-action-card {
  min-height: 174px;
  height: 100%;
  width: 100%;
  margin: 0 !important;
  border: 1px solid var(--os-line);
  border-radius: 17px;
  background: #fff;
  padding: 22px;
  box-shadow: var(--os-shadow);
  min-width: 0;
}
.os-command-grid > .os-focus-summary {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: space-between;
  gap: 17px;
}
.os-command-grid .os-focus-summary__state {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 5px;
}
.os-command-grid .os-focus-summary__state small,
.os-command-grid .next-action-card small {
  font-size: .67rem;
  font-weight: 850;
  letter-spacing: .09em;
  text-transform: uppercase;
  color: #746689;
}
.os-command-grid .os-focus-summary__state strong {
  color: var(--os-ink);
  font-size: 1.12rem;
  line-height: 1.28;
  letter-spacing: -.02em;
  font-weight: 830;
}
.os-command-grid .os-focus-summary__state > span {
  color: var(--os-muted);
  font-size: .84rem;
  line-height: 1.54;
  display: block;
  max-width: 70ch;
  overflow-wrap: anywhere;
}
.os-command-grid .os-focus-summary dl {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 9px;
  width: 100%;
  margin: 0;
}
.os-command-grid .os-focus-summary dl > div {
  border: 1px solid #f5f3ef;
  border-radius: 11px;
  background: var(--os-soft);
  padding: 10px 11px;
  min-width: 0;
}
.os-command-grid .os-focus-summary dt {
  color: #756789;
  font-weight: 680;
  font-size: .67rem;
  text-transform: none;
  letter-spacing: 0;
}
.os-command-grid .os-focus-summary dd {
  margin: 5px 0 0;
  font-size: .83rem;
  line-height: 1.3;
  color: #37284d;
  font-weight: 780;
  overflow-wrap: anywhere;
}
.os-command-grid > .next-action-card {
  display: grid;
  grid-template-columns: 39px minmax(0,1fr);
  grid-template-rows: auto auto;
  align-content: center;
  column-gap: 12px;
  row-gap: 14px;
  border-left: 1px solid var(--os-line);
  background: linear-gradient(180deg,#fff 0%,#fdfcfb 100%);
}
.os-command-grid .next-action-card > span:first-child {
  width: 39px;height:39px;
  border-radius: 11px;
  display: grid;
  place-items: center;
  background: #f9f5ee;
  color: #632ea8;
  box-shadow: none;
}
.os-command-grid .next-action-card h2 {
  font-size: 1.01rem;
  line-height: 1.36;
  font-weight: 820;
  color: var(--os-ink);
  margin: 5px 0 0;
}
.os-command-grid .next-action-card p {
  display: block !important;
  margin: 6px 0 0;
  color: var(--os-muted);
  font-size: .78rem;
  line-height: 1.4;
}
.os-command-grid .next-action-card .button {
  grid-column: 2;
  min-height: 42px;
  width: fit-content;
  justify-self: start;
  border-radius: 10px;
  padding: 0 14px;
  white-space: normal;
}

/* O envio ao cliente é um módulo de ação, sem competir com o estado geral. */
.page--narrow:has(> .os-command-grid) .quick-actions--primary {
  margin-bottom: 13px;
  border: 1px solid #e4dcf0;
  border-radius: 17px;
  background: #fdfbf9;
  box-shadow: none;
  padding: 18px 20px;
}
.page--narrow:has(> .os-command-grid) .quick-actions--primary h2 {
  color: #341a59;
  font-size: .98rem;
  font-weight: 830;
}
.page--narrow:has(> .os-command-grid) .quick-actions--primary p {
  color: #715d8d;
  font-size: .8rem;
  display: block;
}
.page--narrow:has(> .os-command-grid) .quick-actions__buttons {
  gap: 8px;
  flex-wrap: wrap;
}

/* Accordions de produto pronto: menos caixas repetidas e chevrons alinhados. */
.page--narrow:has(> .os-command-grid) .collapsible-card,
.page--narrow:has(> .os-command-grid) .os-secondary-details,
.page--narrow:has(> .os-command-grid) .ai-order-summary--collapsible {
  margin: 0 0 11px;
  border: 1px solid var(--os-line);
  border-radius: 15px;
  background: #fff;
  box-shadow: var(--os-shadow);
  overflow: hidden;
}
.page--narrow:has(> .os-command-grid) .collapsible-card__toggle,
.page--narrow:has(> .os-command-grid) .os-secondary-details > summary,
.page--narrow:has(> .os-command-grid) .ai-order-summary--collapsible > summary {
  min-height: 62px;
  padding: 12px 17px;
  background: #fff;
  display: grid;
  grid-template-columns: 37px minmax(0,1fr) 30px;
  gap: 13px;
  align-items: center;
  color: var(--os-ink);
  list-style: none;
}
.page--narrow:has(> .os-command-grid) details > summary::-webkit-details-marker {
  display: none;
}
.page--narrow:has(> .os-command-grid) details > summary::marker {content: ''}
.page--narrow:has(> .os-command-grid) .collapsible-card__toggle:hover,
.page--narrow:has(> .os-command-grid) .os-secondary-details > summary:hover,
.page--narrow:has(> .os-command-grid) .ai-order-summary--collapsible > summary:hover {
  background: #fdfcfa;
}
.page--narrow:has(> .os-command-grid) .collapsible-card__icon,
.page--narrow:has(> .os-command-grid) .os-secondary-details > summary > span:first-child,
.page--narrow:has(> .os-command-grid) .ai-order-summary--collapsible > summary > span:first-child {
  width: 37px;height:37px;
  display: grid;place-items:center;
  background: #faf8f3;
  color: #59338b;
  border-radius: 11px;
  box-shadow: none;
}
.page--narrow:has(> .os-command-grid) .collapsible-card__toggle strong,
.page--narrow:has(> .os-command-grid) .os-secondary-details summary strong,
.page--narrow:has(> .os-command-grid) .ai-order-summary summary strong {
  font-size: .9rem;
  font-weight: 810;
  color: #312247;
}
.page--narrow:has(> .os-command-grid) .collapsible-card__toggle small,
.page--narrow:has(> .os-command-grid) .os-secondary-details summary small {
  font-size: .73rem;
  line-height: 1.45;
  color: #7a6c8f;
  margin-top: 3px;
}
.page--narrow:has(> .os-command-grid) .collapsible-card__chevron,
.page--narrow:has(> .os-command-grid) .os-secondary-details > summary > svg:last-child,
.page--narrow:has(> .os-command-grid) .ai-order-summary--collapsible > summary > svg:last-child {
  width: 16px;height:16px;
  justify-self: center;
  color: #716188;
  transition: transform .18s ease;
}
.page--narrow:has(> .os-command-grid) .collapsible-card__chevron {
  transform: rotate(0);
}
.page--narrow:has(> .os-command-grid) .collapsible-card.is-open .collapsible-card__chevron,
.page--narrow:has(> .os-command-grid) .os-secondary-details[open] > summary > svg:last-child,
.page--narrow:has(> .os-command-grid) .ai-order-summary--collapsible[open] > summary > svg:last-child {
  transform: rotate(180deg);
}
.page--narrow:has(> .os-command-grid) .collapsible-card__content {
  border-top: 1px solid #f5f3ef;
  padding: 17px 20px 22px;
}
.page--narrow:has(> .os-command-grid) .os-secondary-details__content {
  border-top: 1px solid #f5f3ef;
  padding: 17px 20px;
}
.page--narrow:has(> .os-command-grid) .ai-order-summary--collapsible > .ai-order-summary__body {
  border-top: 1px solid #f5f3ef;
  padding: 16px 20px 20px;
}
.page--narrow:has(> .os-command-grid) .ai-order-summary__text {
  font-size: .86rem;
  line-height: 1.58;
  color: #46375c;
}
.page--narrow:has(> .os-command-grid) .os-history-heading {
  margin: 27px 2px 12px;
  font-size: .77rem;
  text-transform: uppercase;
  letter-spacing: .095em;
  font-weight: 850;
  color: #718096;
}
/* Backup and logs are secondary; they never precede the actual OS state. */
.page--narrow:has(> .os-command-grid) .os-utilities {
  margin: 13px 0 22px;
  border: 1px solid #ebe9ef;
  border-radius: 13px;
  background: #fdfcfa;
}
.page--narrow:has(> .os-command-grid) .os-utilities > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  padding: 13px 17px;
  color: #716385;
  font-size: .8rem;
  font-weight: 720;
  list-style: none;
}
.page--narrow:has(> .os-command-grid) .os-utilities > summary::after {
  content: 'Mais opções';
  color: #8b7da0;
  font-size: .72rem;
  font-weight: 640;
}
.page--narrow:has(> .os-command-grid) .os-utilities[open] > summary::after {content:'Ocultar'}
.page--narrow:has(> .os-command-grid) .os-utilities__body {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 9px;
  padding: 12px 17px 18px;
  border-top: 1px solid var(--os-line);
}
.page--narrow:has(> .os-command-grid) .os-utilities__body > details {
  width: 100%;
  margin: 0;
  border: 1px solid #e8e6ec;
  border-radius: 11px;
  background: #fff;
  padding: 10px 13px;
}
.page--narrow:has(> .os-command-grid) .os-utilities__body > details > summary {
  cursor: pointer;
  font-weight: 740;
  color: #3a2952;
  font-size: .83rem;
}
/* A single location for linked accessory sales. */
.page--narrow:has(> .os-command-grid) .op-parts {
  padding: 20px;
  margin: 0 0 15px;
  border: 1px solid var(--os-line);
  border-radius: 16px;
  background: #fff;
  box-shadow: var(--os-shadow);
}
.page--narrow:has(> .os-command-grid) .op-parts > .op-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
  margin-bottom: 0;
}
.page--narrow:has(> .os-command-grid) .os-related-heading h2 {
  margin: 0;
  font-size: .96rem;
  line-height: 1.4;
  font-weight: 840;
  color: #37274d;
}
.page--narrow:has(> .os-command-grid) .os-related-heading p {
  margin: 4px 0 0;
  font-size: .77rem;
  color: #7a6c8e;
  line-height: 1.45;
}
.page--narrow:has(> .os-command-grid) #accessory-sale-start {
  min-height: 40px;
  border-radius: 10px;
  padding-inline: 15px;
}
.page--narrow:has(> .os-command-grid) .os-related-empty {
  margin-top: 15px;
  padding: 17px 18px;
  border: 1px dashed #e6e2eb;
  border-radius: 12px;
  background: #fcfbf9;
}
.page--narrow:has(> .os-command-grid) .os-related-empty strong {
  display: block;
  color: #524368;
  font-size: .85rem;
  font-weight: 780;
}
.page--narrow:has(> .os-command-grid) .os-related-empty p {
  margin: 5px 0 0;
  max-width: 58ch;
  font-size: .79rem;
  line-height: 1.5;
  color: #837498;
}
.page--narrow:has(> .os-command-grid) .os-related-history {
  margin-top: 16px;
  border-top: 1px solid #f4f2ef;
}
.page--narrow:has(> .os-command-grid) .os-related-history > summary {
  padding: 15px 4px 11px;
  cursor: pointer;
  font-size: .83rem;
  color: #442c65;
  font-weight: 780;
}
/* Input content: only facts and next steps visible, no gratuitous nested boxes. */
.page--narrow:has(> .os-command-grid) .detail-grid > div {
  background: #fff;
  border-radius: 0;
  border-bottom: 1px solid #f3f2ef;
  padding: 12px 11px;
}
.page--narrow:has(> .os-command-grid) .detail-grid dt {
  color: #7a6c8f;
  font-size: .69rem;
  font-weight: 710;
}
.page--narrow:has(> .os-command-grid) .detail-grid dd {
  color: #36274b;
  font-size: .86rem;
  font-weight: 640;
  line-height: 1.52;
}

/* Atendimento pré-OS: coherent communication area, not a disconnected plugin. */
.lead-editor .lead-editor__grid {
  grid-template-columns: minmax(0,1.52fr) minmax(370px,.9fr);
  align-items: stretch;
}
.lead-editor .lead-message-panel {
  min-width: 0;
  padding: 22px 21px 24px;
  background: #fdfbf9;
  border-left: 1px solid #ebe8ef;
}
.lead-editor .lead-message-panel__heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  padding-bottom: 17px;
  border-bottom: 1px solid #ece9f0;
  margin-bottom: 16px;
}
.lead-editor .lead-message-panel__title {
  display: flex;
  align-items: center;
  gap: 11px;
  min-width: 0;
}
.lead-editor .lead-message-panel__title > span {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background: #f9f5ee;
  color: #6230a2;
  box-shadow: none;
}
.lead-editor .lead-message-panel__title h3 {
  font-size: .92rem;
  line-height: 1.38;
  font-weight: 840;
  color: #322348;
  margin: 0;
}
.lead-editor .lead-message-panel__subtitle,
.lead-editor .lead-message-panel__title p {
  display: block !important;
  margin: 4px 0 0;
  color: #847599;
  font-size: .73rem;
  line-height: 1.4;
}
.lead-editor .lead-bridge-status {
  font-size: .69rem;
  padding: 6px 10px;
  max-width: 100%;
  min-height: 27px;
  white-space: normal;
  overflow-wrap: anywhere;
  line-height: 1.35;
}
.lead-editor .lead-whatsapp-context {
  background: #fff;
  padding: 10px;
  border: 1px solid #ebe8f0;
  border-radius: 13px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.lead-editor .lead-whatsapp-context .button {
  min-height: 37px;
  border-radius: 9px;
  font-size: .75rem;
  flex: 1 1 125px;
}
.lead-editor .lead-ai-caption {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 24px 0 11px;
}
.lead-editor .lead-ai-caption strong {
  font-size: .85rem;
  font-weight: 820;
  color: #392851;
}
.lead-editor .lead-ai-caption span {
  font-size: .75rem;
  line-height: 1.45;
  color: #77869a;
}
.lead-editor .lead-message-instruction,
.lead-editor .lead-message-result {
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.lead-editor .lead-message-instruction > span,
.lead-editor .lead-message-result > span {
  font-size: .75rem;
  font-weight: 750;
  color: #5a4b70;
}
.lead-editor .lead-message-instruction textarea {
  min-height: 94px;
  resize: vertical;
}
.lead-editor .lead-message-result textarea {
  min-height: 185px;
  resize: vertical;
  background: #fff;
}
.lead-editor .lead-message-instruction textarea,
.lead-editor .lead-message-result textarea {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #e1d8ee;
  border-radius: 12px;
  padding: 12px 13px;
  color: #38284f;
  line-height: 1.57;
  font-size: .83rem;
  box-shadow: inset 0 1px 2px #132e4705;
}
.lead-editor .lead-message-instruction textarea:focus,
.lead-editor .lead-message-result textarea:focus {
  outline: 0;
  border-color: #7c43ca;
  box-shadow: 0 0 0 3px #2463e821;
}
.lead-editor .lead-voice-input {
  margin: 10px 0;
  display: flex;
  align-items: center;
  gap: 8px;
}
.lead-editor .lead-voice-input .button {
  min-height: 38px;
  border-radius: 9px;
  font-size: .76rem;
}
.lead-editor .lead-message-actions {
  display: flex;
  gap: 9px;
  flex-wrap: wrap;
  margin: 11px 0 20px;
}
.lead-editor .lead-message-actions .button {
  flex: 1 1 145px;
  min-height: 40px;
  padding-inline: 10px;
  border-radius: 10px;
  font-weight: 760;
  font-size: .77rem;
}
.lead-editor .lead-message-generate {
  color: #562d8b;
  background: #faf7f1;
  border-color: #af84e9;
}
.lead-editor .lead-message-panel > .button--whatsapp {
  margin-top: 12px;
  min-height: 44px;
  border-radius: 10px;
  font-weight: 790;
}
.lead-editor .lead-message-panel > .button--secondary {
  min-height: 39px;
  border-radius: 10px;
}
.lead-editor .lead-ai-inline > button,
.lead-editor .intake-ai-assist > button {
  min-height: 39px;
  border-radius: 10px;
  border: 1px solid #ad8dd9;
  background: #fcfbf8;
  color: #502e7c;
  padding: 9px 12px;
  font-weight: 740;
  font-size: .79rem;
}
.lead-editor .lead-ai-inline > button:hover,
.lead-editor .intake-ai-assist > button:hover {
  background: #f9f6f0;
}
/* Native select arrow on editing forms replaced by a consistent custom chevron. */
.lead-editor .lead-form-grid select,
.lead-editor .lead-form-grid input,
.lead-editor .lead-form-grid textarea {
  border-radius: 11px;
  border-color: #e5e2ea;
  font-size: .83rem;
}
.lead-editor .lead-form-grid select {
  appearance: none;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='%235F718A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 13px center;
  padding-right: 38px;
}
/* Restore text hidden by earlier global CSS rules; only scoped professional helper text. */
.lead-editor .lead-message-panel .lead-message-panel__subtitle {display:block!important}

@media (max-width:1100px) {
  .os-command-grid {grid-template-columns: 1fr;}
  .os-command-grid > .os-focus-summary,
  .os-command-grid > .next-action-card {min-height: 0;}
  .lead-editor .lead-editor__grid {grid-template-columns: minmax(0,1fr) minmax(320px,.8fr);}
}
@media (max-width:900px) {
  .lead-editor .lead-editor__grid {grid-template-columns:1fr;}
  .lead-editor .lead-message-panel {border-left:0;border-top:1px solid #ebe8ef;}
  .page--narrow:has(> .os-command-grid) .order-progress {
    overflow-x:auto;
    grid-template-columns: repeat(6,minmax(100px,1fr));
    scrollbar-width:thin;
  }
  .page--narrow:has(> .os-command-grid) .order-progress > div {min-width:100px;}
}
@media (max-width:620px) {
  .admin-content .page--narrow:has(> .os-command-grid) {max-width:100%;}
  .page--narrow:has(> .os-command-grid) .page-heading h1 {font-size:1.35rem;}
  .os-command-grid {gap:11px;}
  .os-command-grid > .os-focus-summary,
  .os-command-grid > .next-action-card {padding:17px; border-radius:15px;}
  .os-command-grid .os-focus-summary dl {gap:6px;}
  .os-command-grid .os-focus-summary dl > div {padding:10px 8px;}
  .os-command-grid .os-focus-summary dd {font-size:.72rem;}
  .os-command-grid .next-action-card {grid-template-columns:34px minmax(0,1fr);}
  .os-command-grid .next-action-card > span:first-child {width:34px;height:34px;}
  .os-command-grid .next-action-card .button {width:100%;justify-self:stretch;}
  .page--narrow:has(> .os-command-grid) .collapsible-card__toggle,
  .page--narrow:has(> .os-command-grid) .os-secondary-details > summary,
  .page--narrow:has(> .os-command-grid) .ai-order-summary--collapsible > summary {gap:9px;padding:12px 13px;grid-template-columns:33px minmax(0,1fr) 20px;}
  .page--narrow:has(> .os-command-grid) .collapsible-card__icon,
  .page--narrow:has(> .os-command-grid) .os-secondary-details > summary > span:first-child,
  .page--narrow:has(> .os-command-grid) .ai-order-summary--collapsible > summary > span:first-child {width:33px;height:33px;}
  .page--narrow:has(> .os-command-grid) .collapsible-card__content {padding:13px 14px 17px;}
  .page--narrow:has(> .os-command-grid) .op-parts {padding:16px;}
  .page--narrow:has(> .os-command-grid) .op-parts > .op-actions {align-items:stretch;}
  .page--narrow:has(> .os-command-grid) #accessory-sale-start {width:100%;}
  .lead-editor .lead-message-panel {padding:17px 14px 22px;}
  .lead-editor .lead-message-panel__heading {flex-direction:column;}
  .lead-editor .lead-message-actions .button {flex:1 1 100%;}
}
@media (prefers-reduced-motion:reduce) {
  .page--narrow:has(> .os-command-grid) .collapsible-card__chevron,
  .page--narrow:has(> .os-command-grid) details summary svg {transition:none!important}
}
/* Resolve inherited legacy selectors that turned informational spans into 42px icon boxes. */
.lead-editor .lead-message-panel .lead-bridge-status {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  max-width: 100%;
  white-space: normal;
  padding: 6px 10px;
  border-radius: 999px;
  line-height: 1.25;
  text-align: left;
  font-size: .69rem;
  overflow-wrap: normal;
}
.lead-editor .lead-message-panel__heading {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 9px;
}
.lead-editor .lead-message-panel .lead-ai-caption {
  display:flex;
  flex-direction: column;
  align-items: stretch;
  text-align: left;
}
.lead-editor .lead-message-panel .lead-ai-caption > strong {
  align-self: stretch;
  width: auto;
  text-align:left;
  margin:0;
}
.lead-editor .lead-message-panel .lead-ai-caption > span {
  display: block !important;
  flex: none !important;
  align-self: stretch;
  width: auto !important;
  height: auto !important;
  min-height: 0;
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent !important;
  box-shadow: none;
  color: #77869a;
  text-align: left;
  font-size: .75rem;
  line-height: 1.45;
}
.lead-editor .lead-whatsapp-context .button {
  flex: 1 1 140px;
  min-height: 38px;
  height: auto;
}
@media(max-width:620px) {
  .lead-editor .lead-whatsapp-context {
    display:flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  .lead-editor .lead-whatsapp-context .button {
    flex: 1 1 calc(50% - 5px);
    min-height: 39px;
    height: 39px;
    padding: 0 8px;
  }
  .lead-editor .lead-editor__header {
    display:flex;
    flex-wrap:wrap;
    align-items:flex-start;
    gap:9px;
  }
  .lead-editor .lead-editor__header > div {flex:1 1 100%;min-width:0;}
}
/* Classificação: real multi-select dos problemas, com os mesmos acabamentos do CRM. */
.lead-editor .lead-problem-field .problem-picker > summary {
  min-height: 45px;
  border: 1px solid #e5e2ea;
  border-radius: 11px;
  background: #fff;
  padding: 8px 13px;
  gap: 12px;
}
.lead-editor .lead-problem-field .problem-picker > summary > svg {
  width: 16px;
  height: 16px;
  color: #77678f;
  flex: 0 0 16px;
  transition: transform .18s ease;
}
.lead-editor .lead-problem-field .problem-picker[open] > summary > svg {
  transform: rotate(180deg);
}
.lead-editor .lead-problem-field .problem-picker__selected {
  gap: 7px;
  align-items: center;
}
.lead-editor .lead-problem-field .problem-picker__selected > span {
  min-height: 28px;
  padding: 5px 9px;
  border-radius: 7px;
  background: #faf8f3;
  border: 1px solid #eee9f5;
  color: #492e6e;
  font-size: .73rem;
  font-weight: 730;
}
.lead-editor .lead-problem-field .problem-picker__menu {
  border-radius: 13px;
  box-shadow: 0 16px 48px #182b4920;
  border: 1px solid #e5e2ea;
}
.lead-editor .lead-problem-field .problem-picker__group button {
  border-radius: 9px;
  min-height: 33px;
}
/* Delivered or cancelled orders may have no recommended next step. */
.os-command-grid:not(:has(> .next-action-card)) > .os-focus-summary {
  grid-column: 1 / -1;
}