/* SIMA — Bandeja de ventas multicanal (modules/sales_inbox.js, de0657).
   Color por fuente: marcas de terceros con su color de marca (excepción a la regla
   de colores por tema); correo y chat web con variables del tema activo. */
#sima-panel [data-ch] { --ch: var(--win-muted); }
#sima-panel [data-ch="whatsapp"] { --ch: #25D366; }
#sima-panel [data-ch="instagram"] { --ch: #E1306C; }
#sima-panel [data-ch="messenger"] { --ch: #0084FF; }
#sima-panel [data-ch="email"] { --ch: var(--accent); }
#sima-panel [data-ch="web"] { --ch: var(--primary); }

#sima-panel .sima-inbox-tbtn { background: none; border: none; color: var(--win-muted); cursor: pointer; padding: 2px 5px; font-size: .92rem; }
#sima-panel .sima-inbox-tbtn:hover { color: var(--win-text); }

#sima-panel .sima-inbox-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 10px 12px; border-bottom: 1px solid var(--win-border); }
#sima-panel .sima-inbox-chips { display: flex; flex-wrap: wrap; gap: 6px; }
#sima-panel .sima-inbox-chip { display: inline-flex; align-items: center; gap: 5px; padding: 4px 10px; border-radius: 999px; border: 1px solid var(--win-border); background: var(--win-card); color: var(--win-text); font-size: .78rem; cursor: pointer; }
#sima-panel .sima-inbox-chip i { color: var(--ch, var(--win-muted)); }
#sima-panel .sima-inbox-chip b { font-weight: 600; color: var(--win-muted); }
#sima-panel .sima-inbox-chip.on { border-color: var(--ch, var(--accent)); box-shadow: inset 0 0 0 1px var(--ch, var(--accent)); }
#sima-panel .sima-inbox-check { display: inline-flex; align-items: center; gap: 5px; font-size: .78rem; color: var(--win-muted); cursor: pointer; }
#sima-panel .sima-inbox-q { margin-left: auto; min-width: 180px; padding: 5px 9px; border-radius: 8px; border: 1px solid var(--win-border); background: var(--win-card); color: var(--win-text); font-size: .8rem; }

#sima-panel .sima-inbox-split { display: grid; grid-template-columns: minmax(260px, 340px) 1fr; height: calc(100vh - 210px); min-height: 380px; }
#sima-panel .sima-inbox-list { overflow-y: auto; border-right: 1px solid var(--win-border); }
#sima-panel .sima-inbox-thread { display: flex; flex-direction: column; min-width: 0; min-height: 0; }
#sima-panel .sima-inbox-empty { padding: 28px 18px; text-align: center; color: var(--win-muted); font-size: .82rem; line-height: 1.5; }

#sima-panel .sima-inbox-row { display: flex; gap: 9px; padding: 10px 12px 10px 9px; border-left: 3px solid var(--ch); border-bottom: 1px solid var(--win-border); cursor: pointer; }
#sima-panel .sima-inbox-row:hover { background: var(--win-card); }
#sima-panel .sima-inbox-row.on { background: color-mix(in srgb, var(--ch) 12%, transparent); }
#sima-panel .sima-inbox-ico { color: var(--ch); font-size: 1.05rem; margin-top: 2px; }
#sima-panel .sima-inbox-main { flex: 1; min-width: 0; }
#sima-panel .sima-inbox-top { display: flex; gap: 6px; align-items: baseline; }
#sima-panel .sima-inbox-name { font-weight: 600; font-size: .84rem; color: var(--win-text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#sima-panel .sima-inbox-time { margin-left: auto; font-size: .7rem; color: var(--win-muted); white-space: nowrap; }
#sima-panel .sima-inbox-sub { font-size: .72rem; color: var(--win-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#sima-panel .sima-inbox-head .sima-inbox-sub { white-space: normal; }
#sima-panel .sima-inbox-prev { font-size: .78rem; color: var(--win-text); opacity: .85; margin-top: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#sima-panel .sima-inbox-tags { display: flex; gap: 5px; margin-top: 5px; flex-wrap: wrap; }
#sima-panel .sima-inbox-mode,
#sima-panel .sima-inbox-alert,
#sima-panel .sima-inbox-unread { font-size: .66rem; padding: 1px 7px; border-radius: 999px; border: 1px solid var(--win-border); color: var(--win-muted); }
#sima-panel .sima-inbox-mode.m-humano { color: var(--win-text); border-color: var(--primary); }
#sima-panel .sima-inbox-alert { color: var(--win-text); border-color: var(--accent); background: color-mix(in srgb, var(--accent) 16%, transparent); }
#sima-panel .sima-inbox-unread { color: var(--win-text); border-color: var(--ch); background: color-mix(in srgb, var(--ch) 22%, transparent); }

#sima-panel .sima-inbox-head { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; padding: 10px 12px; border-bottom: 2px solid var(--ch); }
#sima-panel .sima-inbox-back { display: none; }
#sima-panel .sima-inbox-actions { display: flex; gap: 6px; flex-wrap: wrap; justify-content: flex-end; }
#sima-panel .sima-inbox-wa { text-decoration: none; color: var(--win-text); display: inline-flex; align-items: center; gap: 4px; }
#sima-panel .sima-inbox-wa i { color: #25D366; }

#sima-panel .sima-inbox-msgs { flex: 1; overflow-y: auto; padding: 14px; display: flex; flex-direction: column; gap: 10px; }
#sima-panel .sima-inbox-msg { max-width: 78%; display: flex; flex-direction: column; }
#sima-panel .sima-inbox-msg.a-contacto { align-self: flex-start; }
#sima-panel .sima-inbox-msg.a-ia,
#sima-panel .sima-inbox-msg.a-persona { align-self: flex-end; align-items: flex-end; }
#sima-panel .sima-inbox-bubble { padding: 8px 11px; border-radius: 12px; font-size: .84rem; line-height: 1.42; color: var(--win-text); background: var(--win-card); border: 1px solid var(--win-border); overflow-wrap: anywhere; }
#sima-panel .sima-inbox-msg.a-ia .sima-inbox-bubble { background: color-mix(in srgb, var(--accent) 14%, transparent); border-color: color-mix(in srgb, var(--accent) 40%, transparent); }
#sima-panel .sima-inbox-msg.a-persona .sima-inbox-bubble { background: color-mix(in srgb, var(--primary) 16%, transparent); border-color: color-mix(in srgb, var(--primary) 40%, transparent); }
#sima-panel .sima-inbox-msg.s-fallido .sima-inbox-bubble,
#sima-panel .sima-inbox-msg.s-borrador .sima-inbox-bubble { border-style: dashed; }
#sima-panel .sima-inbox-meta { font-size: .68rem; color: var(--win-muted); margin-top: 3px; }

#sima-panel .sima-inbox-compose { display: flex; gap: 8px; padding: 10px 12px; border-top: 1px solid var(--win-border); }
#sima-panel .sima-inbox-compose textarea { flex: 1; resize: vertical; padding: 7px 9px; border-radius: 8px; border: 1px solid var(--win-border); background: var(--win-card); color: var(--win-text); font: inherit; font-size: .84rem; }
#sima-panel .sima-inbox-note { padding: 10px 14px; border-top: 1px solid var(--win-border); font-size: .76rem; color: var(--win-muted); }

@media (max-width: 760px) {
  #sima-panel .sima-inbox-split { grid-template-columns: 1fr; }
  #sima-panel .sima-inbox-split.has-open .sima-inbox-list { display: none; }
  #sima-panel .sima-inbox-split:not(.has-open) .sima-inbox-thread { display: none; }
  #sima-panel .sima-inbox-back { display: inline-block; }
  #sima-panel .sima-inbox-actions { flex-basis: 100%; justify-content: flex-start; }
  #sima-panel .sima-inbox-q { margin-left: 0; flex: 1; }
}

/* Ajustes de canales (de0657) — panel dentro de la ventana (sima.inwin). */
#sima-panel .sima-inbox-settings { padding: 16px 18px; display: flex; flex-direction: column; gap: 12px; min-width: 300px; max-width: 520px; }
#sima-panel .sima-inbox-settings h3 { margin: 0; font-size: .95rem; color: var(--win-text); display: flex; align-items: center; gap: 7px; }
#sima-panel .sima-inbox-set-note { margin: 0; font-size: .76rem; color: var(--win-muted); line-height: 1.45; }
#sima-panel .sima-inbox-set-row { border: 1px solid var(--win-border); border-radius: 10px; padding: 10px 12px; display: flex; flex-direction: column; gap: 8px; background: var(--win-card); }
#sima-panel .sima-inbox-set-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
#sima-panel .sima-inbox-set-name { font-size: .86rem; font-weight: 600; color: var(--win-text); display: flex; align-items: center; gap: 7px; }
#sima-panel .sima-inbox-set-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
#sima-panel .sima-inbox-set-grid label { display: flex; flex-direction: column; gap: 4px; font-size: .72rem; color: var(--win-muted); }
#sima-panel .sima-inbox-set-grid label:first-child { grid-column: 1 / -1; }
#sima-panel .sima-inbox-set-grid select,
#sima-panel .sima-inbox-set-grid input { padding: 6px 8px; border-radius: 8px; border: 1px solid var(--win-border); background: var(--win-bg); color: var(--win-text); font: inherit; font-size: .82rem; }
#sima-panel .sima-inbox-set-actions { display: flex; justify-content: flex-end; gap: 8px; }
@media (max-width: 560px) { #sima-panel .sima-inbox-set-grid { grid-template-columns: 1fr; } }