/* File: wp-content/plugins/SmartPlacementTools/assets/css/smarty-chat.css */

/* --- Base / Tokens (alineados con Smart CV) --- */
#spt-smarty-chat .spt-tool__counter{
  display:inline-flex;
  margin-top:20px;
  margin-bottom:10px;
  align-items:center;
  font-weight:600;
  font-size:.85rem;
  color:var(--spt-primary);
  background:var(--spt-light-blue);
  border:1px solid var(--spt-chip-border);
  border-radius:999px;
  padding:.35rem .85rem;
}
#spt-smarty-chat .spt-smarty-card__text{margin:0;font-size:1rem;line-height:1.55;color:var(--spt-text);}
#spt-smarty-chat .spt-smarty-card .spt-btn{min-width:220px;}

/* Botón base definido en el core */

/* Mensajes base definidos en el core */


/* --- Chat --- */
#spt-smarty-chat .spt-chat__viewport{
  width:100%;background:var(--spt-surface);
  border:1px solid var(--spt-border);border-radius:16px;padding:1.25rem;display:flex;flex-direction:column;gap:.75rem;margin:0
}
#spt-smarty-chat .spt-bubble{
  max-width:780px;border-radius:16px;padding:1rem 1.1rem;line-height:1.55;border:1px solid transparent
}
#spt-smarty-chat .spt-bubble.is-bot{
  background:var(--spt-soft-bg);border-color:var(--spt-border);align-self:flex-start;color:var(--spt-text)
}
#spt-smarty-chat .spt-bubble.is-user{
  background:var(--spt-callout-border);border-color:var(--spt-callout-border);align-self:flex-end;color:var(--spt-text)
}

#spt-smarty-chat .spt-chat__composer{display:flex;gap:.75rem;margin:0;align-items:flex-end}
#spt-smarty-chat .spt-chat__composer textarea{
  margin-top:5px;flex:1;border:1px solid var(--spt-border);border-radius:16px;padding:1rem;resize:vertical;min-height:110px;background:var(--spt-bg);font-size:1rem
}

/* Spinner en el botón (se define en inline critical del PHP, repetido aquí para fallback) */
/* Spinner base en el core */
/* Compatibilidad: aplicar el mismo estilo al ID que usa el JS */
/* Mensajes de estado del chat (el JS usa .spt-chat-msg) */
#spt-smarty-chat .spt-chat-msg{
  display:none;margin-top:.75rem;padding:.6rem .9rem;border-radius:12px;
  background:var(--spt-error-bg);color:var(--spt-error-text);border:1px solid var(--spt-error-border);
}
#spt-smarty-chat .spt-chat-msg[data-type="success"]{
  background:var(--spt-success-bg);color:var(--spt-success-text);border:1px solid var(--spt-success-border);
}
#spt-smarty-chat .spt-chat-msg[data-type="info"]{
  background:var(--spt-info-bg);color:var(--spt-info-text);border:1px solid var(--spt-info-border);
}
/* Ancho consistente con Smart CV */
#spt-smarty-chat .spt-btn{border-radius:999px;padding:.85rem 1.6rem;font-weight:600;}

#spt-smarty-chat .spt-btn--ghost{background:var(--spt-callout-border);border-color:var(--spt-callout-border);color:var(--spt-text);}
#spt-smarty-chat .spt-btn--ghost:hover,#spt-smarty-chat .spt-btn--ghost:focus{background:var(--spt-callout-border);opacity:.9;color:var(--spt-text);}

/* --- Legacy fallback (shortcode antiguo) --- */
#spt-chat-box{
  border:1px solid var(--spt-border);
  border-radius:var(--spt-radius-md,12px);
  padding:1.25rem;
  min-height:280px;
  max-height:60vh;
  overflow-y:auto;
  margin-bottom:1.25rem;
  background:var(--spt-bg);
  display:flex;
  flex-direction:column;
  gap:.75rem;
}

.spt-user-message,
.spt-smarty-message{
  padding:.75rem 1rem;
  border-radius:16px;
  max-width:70%;
  line-height:1.5;
  border:1px solid transparent;
}

.spt-user-message{
  align-self:flex-end;
  background:var(--spt-primary);
  color:#fff;
}

.spt-smarty-message{
  align-self:flex-start;
  background:var(--spt-callout-bg);
  border-color:var(--spt-callout-border);
  color:var(--spt-text);
}