/* Spiral360 look — overlay visual. No toca flujos ni copy.
   Carga después de shell.css y del <style> de index.html. */
body.sf-shell {
  --look-radius: 6px;
  --look-line: #e1e6f0;
  --look-wash: #f4f6fa;
  --look-chat: #f7f8fb;
  --look-muted: #8b93a4;
  --look-ink: #16192b;
}

body.sf-shell #app {
  background: var(--look-wash);
}

/* ---- Riel: mismo mapa, menos feria ---- */
body.sf-shell #app-rail button[data-rail-tab]:not(.rail-home),
body.sf-shell #app-rail .rail-btn {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.04em;
  border-radius: var(--look-radius);
}

body.sf-shell #app-rail button[data-rail-tab].active:not(.rail-home) {
  background: var(--sf-navy-2);
  color: #fff;
  box-shadow: inset 3px 0 0 var(--sf-gold);
  border-radius: 0;
}

body.sf-shell #app-rail .rail-tool {
  background: transparent;
  box-shadow: none;
  border-radius: var(--look-radius);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.08em;
  min-height: 52px;
}

body.sf-shell #app-rail .rail-tool:hover,
body.sf-shell #app-rail .rail-tool:active {
  transform: none;
  filter: none;
  box-shadow: none;
  background: var(--sf-navy-2);
}

body.sf-shell #app-rail .rail-tool.is-off {
  background: transparent;
  color: #c3cde6;
}

body.sf-shell #app-rail .rail-tool-glyph svg {
  width: 18px;
  height: 18px;
  filter: none;
}

body.sf-shell #app-rail .rail-logo {
  width: 44px;
  height: 44px;
  border-radius: 0;
  object-fit: contain;
  background: transparent;
}

body.sf-shell #app-rail .rail-home {
  border-radius: var(--look-radius);
}

body.sf-shell #app-rail .rail-home.active {
  background: transparent;
  box-shadow: none;
}

/* ---- Cabecera bandeja ---- */
body.sf-shell.tab-conv #sidebar-header .hub-back,
body.sf-shell.tab-conv #wa-connected-pill,
body.sf-shell #sidebar-header h1,
body.sf-shell #sidebar-header .inbox-head-title {
  display: none !important;
}

body.sf-shell #sidebar-header {
  padding: 14px 16px 0;
  border-bottom: 0;
}

body.sf-shell .inbox-head-row {
  display: flex;
  align-items: center;
  gap: 10px;
}

body.sf-shell #search-bar {
  flex: 1;
  min-width: 0;
  padding: 0;
  display: flex;
  align-items: center;
}

body.sf-shell #search-input {
  flex: 1;
  min-width: 0;
  height: 36px;
  padding: 0 10px 0 10px;
  border-radius: var(--look-radius);
  background: var(--look-wash);
  border: 1px solid var(--look-line);
  font-size: 13px;
}

body.sf-shell #btn-start-conversation {
  width: 36px;
  height: 36px;
  border-radius: var(--look-radius);
  flex: none;
}

body.sf-shell #btn-collapse-list {
  width: 36px;
  height: 36px;
  border-radius: var(--look-radius);
  border: 1px solid var(--look-line);
  background: #fff;
  color: #5b6475;
}

body.sf-shell #filters {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 16px 12px;
}

body.sf-shell #filter-store {
  flex: 0 1 auto;
  width: auto;
  max-width: 58%;
  height: 28px;
  padding: 0 9px;
  border-radius: var(--look-radius);
  border: 1px solid var(--look-line);
  background: #fff;
  font-size: 12.5px;
}

body.sf-shell .channel-filter {
  margin: 0;
  height: 28px;
  gap: 0;
  border: 1px solid var(--look-line);
  border-radius: var(--look-radius);
  overflow: hidden;
  flex: none;
}

body.sf-shell .channel-filter-btn {
  height: 28px;
  min-width: 0;
  padding: 0 8px;
  border: 0;
  border-radius: 0;
  border-left: 1px solid var(--look-line);
  background: #fff;
  color: #5b6475;
  font-weight: 500;
  font-size: 11.5px;
}

body.sf-shell .channel-filter-btn:first-child {
  border-left: 0;
}

body.sf-shell .channel-filter-btn svg {
  display: none;
}

body.sf-shell .channel-filter-btn.active {
  background: var(--sf-navy);
  border-color: var(--sf-navy);
  color: #fff;
  font-weight: 600;
}

/* ---- Carriles: una fila de tabs, scroll si no caben ---- */
body.sf-shell #inbox-lanes,
body.sf-shell.conv-focus #inbox-lanes,
body.sf-shell.tab-conv #inbox-lanes {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  padding: 0 4px;
  overflow-x: auto;
  overflow-y: hidden;
  border-top: 1px solid var(--look-line);
  border-bottom: 1px solid var(--look-line);
  background: #fff;
  grid-template-columns: none;
}

body.sf-shell .lane-chip,
body.sf-shell.conv-focus .lane-chip {
  flex: 0 0 auto;
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 11px 8px 9px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  transform: none;
  border-bottom: 2px solid transparent;
  color: #6a7280;
  white-space: nowrap;
}

body.sf-shell .lane-chip:hover,
body.sf-shell.conv-focus .lane-chip:hover {
  transform: none;
  border-color: transparent;
  background: transparent;
}

body.sf-shell .lane-chip.active,
body.sf-shell.conv-focus .lane-chip.active,
body.sf-shell .lane-chip[data-lane="no-store"].active {
  background: transparent;
  border-bottom-color: var(--sf-gold);
  box-shadow: none;
  color: var(--sf-navy);
}

body.sf-shell .lane-chip[data-lane="no-store"] {
  background: transparent;
  color: #6a7280;
  border: 0;
  border-bottom: 2px solid transparent;
}

body.sf-shell .lane-chip.hidden {
  display: none !important;
}

body.sf-shell .lane-chip .lane-label,
body.sf-shell.conv-focus .lane-chip .lane-label {
  display: inline;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: -0.015em;
  text-transform: none;
  color: inherit;
  margin: 0;
}

body.sf-shell .lane-chip.active .lane-label,
body.sf-shell .lane-chip.active .lane-value {
  font-weight: 600;
  color: var(--sf-navy);
}

body.sf-shell .lane-chip .lane-value,
body.sf-shell.conv-focus .lane-chip .lane-value {
  display: inline;
  font-size: 11px;
  font-weight: 600;
  color: #9aa2b1;
  margin: 0;
  opacity: 1;
}

body.sf-shell .lane-chip.active .lane-value {
  color: var(--sf-navy);
}

/* ---- Lista ---- */
body.sf-shell .conv-item {
  gap: 11px;
  padding: 11px 16px;
  border-bottom-color: #eef1f6;
  border-left-width: 0;
  box-shadow: inset 3px 0 0 transparent;
}

body.sf-shell .conv-item.active {
  background: #f0f3fa;
  border-left-color: transparent;
  box-shadow: inset 3px 0 0 var(--sf-gold);
}

body.sf-shell .conv-item.has-unread .conv-phone {
  font-weight: 700;
}

body.sf-shell .conv-avatar-wrap {
  position: relative;
  width: 36px;
  height: 36px;
  flex: none;
}

body.sf-shell .conv-avatar {
  width: 36px;
  height: 36px;
  font-size: 12.5px;
  font-weight: 600;
  background: #e6eaf3;
  color: var(--sf-navy);
}

body.sf-shell .conv-avatar-wrap .sf-channel {
  position: absolute;
  right: -2px;
  bottom: -2px;
  width: auto;
  height: auto;
  min-width: 16px;
  padding: 1px 3px;
  border-radius: 3px;
  border: 1.5px solid #fff;
  font-size: 0;
}

body.sf-shell .conv-avatar-wrap .sf-channel svg {
  width: 9px;
  height: 9px;
}

body.sf-shell .conv-phone {
  font-size: 13.5px;
  font-weight: 500;
  color: var(--look-ink);
}

body.sf-shell .conv-time {
  font-size: 11px;
}

body.sf-shell .conv-preview {
  font-size: 12.5px;
  color: var(--look-muted);
}

body.sf-shell .conv-item.has-unread .conv-preview {
  color: #3d4557;
}

body.sf-shell .sf-tag.store-none {
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: 0.03em;
  color: #8a6a00;
  background: #fdf3d4;
  border: 1px solid #f2dfa2;
  border-radius: 3px;
  padding: 1px 5px;
}

body.sf-shell .unread-badge {
  border-radius: 9px;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  font-weight: 700;
}

/* ---- Chat vacío y hilo ---- */
body.sf-shell #chat-area {
  background: var(--look-chat);
}

body.sf-shell #empty-state {
  color: #3d4557;
}

body.sf-shell #empty-state .icon {
  display: none !important;
}

body.sf-shell #empty-state .empty-title,
body.sf-shell #empty-state > div:not(.icon):not(.empty-copy) {
  font-size: 19px;
  font-weight: 600;
  color: #3d4557;
}

body.sf-shell #empty-state .empty-copy {
  margin-top: 8px;
  font-size: 13.5px;
  font-weight: 400;
  max-width: none;
  color: var(--look-muted);
}

body.sf-shell #messages {
  background: var(--look-chat);
  padding: 24px 28px;
}

body.sf-shell .msg-bubble {
  border-radius: var(--look-radius);
  max-width: min(72%, 480px);
}

body.sf-shell .msg-outgoing {
  border-radius: var(--look-radius);
}

body.sf-shell #chat-header {
  min-height: 64px;
  padding: 0 20px !important;
  justify-content: center;
}

body.sf-shell #chat-header .actions button {
  border-radius: var(--look-radius);
  background: #fff;
  color: #3d4557;
  border: 1px solid var(--look-line);
}

body.sf-shell #reply-area {
  margin: 0;
  padding: 14px 20px;
  border: 0;
  border-top: 1px solid var(--look-line);
  border-radius: 0;
  background: #fff;
}

body.sf-shell #btn-attach,
body.sf-shell #btn-voice,
body.sf-shell #btn-quick-replies {
  border-radius: var(--look-radius);
}

body.sf-shell #btn-send {
  height: 36px;
  min-width: 36px;
  padding: 0 14px;
  border-radius: var(--look-radius);
  font-weight: 700;
}

body.sf-shell .ctx-hero .conv-avatar-wrap {
  width: 62px;
  height: 62px;
}

body.sf-shell .ctx-hero .conv-avatar {
  width: 62px;
  height: 62px;
  font-size: 20px;
}

body.sf-shell #chat-header .conv-avatar-wrap {
  width: 36px;
  height: 36px;
  flex: none;
}

/* ---- Ficha: quieta, no vaciada ---- */
body.sf-shell #context-panel {
  padding: 0 0 16px;
}

body.sf-shell .ctx-hero,
body.sf-shell .ctx-block,
body.sf-shell .ctx-op,
body.sf-shell .ctx-bot {
  padding-left: 18px;
  padding-right: 18px;
}

body.sf-shell .ctx-hero {
  padding-top: 18px;
  border-bottom-color: var(--look-line);
}

body.sf-shell .ctx-card,
body.sf-shell .ctx-bot,
body.sf-shell .ctx-op {
  border-radius: var(--look-radius);
  box-shadow: none;
}

body.sf-shell .ctx-label {
  font-weight: 600;
  letter-spacing: 0.06em;
}

/* ---- Oscuro: misma disciplina ---- */
body.theme-dark.sf-shell {
  --look-line: #2a3b5c;
  --look-wash: #0b1220;
  --look-chat: #0e1626;
  --look-muted: #8b98b3;
  --look-ink: #f2f6ff;
}

body.theme-dark.sf-shell #search-input,
body.theme-dark.sf-shell #filter-store,
body.theme-dark.sf-shell .channel-filter-btn,
body.theme-dark.sf-shell #btn-collapse-list,
body.theme-dark.sf-shell #reply-area,
body.theme-dark.sf-shell #chat-header .actions button {
  background: #18233a;
  border-color: var(--look-line);
  color: #e8eefc;
}

body.theme-dark.sf-shell .channel-filter {
  border-color: var(--look-line);
}

body.theme-dark.sf-shell .channel-filter-btn.active {
  background: var(--sf-navy);
  color: #fff;
}

body.theme-dark.sf-shell #inbox-lanes,
body.theme-dark.sf-shell.conv-focus #inbox-lanes {
  background: #121b2e;
  border-color: var(--look-line);
}

body.theme-dark.sf-shell .lane-chip,
body.theme-dark.sf-shell .lane-chip[data-lane="no-store"] {
  background: transparent;
  color: #9aa8c4;
}

body.theme-dark.sf-shell .lane-chip.active,
body.theme-dark.sf-shell .lane-chip[data-lane="no-store"].active {
  background: transparent;
  color: #f6c324;
  border-bottom-color: var(--sf-gold);
}

body.theme-dark.sf-shell .lane-chip.active .lane-label,
body.theme-dark.sf-shell .lane-chip.active .lane-value {
  color: #f6c324;
}

body.theme-dark.sf-shell .conv-item.active {
  background: #18233a;
}

body.theme-dark.sf-shell .conv-avatar-wrap .sf-channel {
  border-color: #121b2e;
}

body.theme-dark.sf-shell #empty-state .empty-title,
body.theme-dark.sf-shell #empty-state > div:not(.icon):not(.empty-copy) {
  color: #e8eefc;
}

/* ---- Login (antes del shell) ---- */
#login-overlay {
  background: #0e2867;
}
#login-box {
  border-radius: 6px;
  box-shadow: none;
  border: 1px solid #d7dce8;
  backdrop-filter: none;
}
#login-brand img {
  width: 56px;
  height: 56px;
  filter: none;
}
#login-portal-btn,
#login-btn {
  border-radius: 6px;
}

/* ---- Vestíbulo ---- */
body.sf-shell .hub-kicker {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
}
body.sf-shell .hub-logo {
  width: 28px;
  height: 28px;
  object-fit: contain;
  display: block;
}
body.sf-shell .hub-card {
  border-radius: var(--look-radius);
  box-shadow: none;
  border-color: var(--look-line);
}
body.sf-shell .hub-card:hover {
  transform: none;
  border-color: #c3cde6;
}
body.sf-shell .hub-back {
  border-radius: var(--look-radius);
  text-transform: none;
  letter-spacing: 0;
  font-weight: 600;
}

/* ---- Comentarios ---- */
body.sf-shell .comments-list-pane,
body.sf-shell .comments-thread-pane,
body.sf-shell .comment-post-preview {
  background: #fff;
}
body.sf-shell .comments-toolbar {
  padding: 14px 16px 12px;
  border-bottom-color: var(--look-line);
}
body.sf-shell .comment-row {
  padding: 11px 16px;
}
body.sf-shell .comment-row.active {
  background: #f0f3fa;
  box-shadow: inset 3px 0 0 var(--sf-gold);
}
body.sf-shell .comment-thumb,
body.sf-shell .comment-thumb-fallback,
body.sf-shell .comment-post-preview img {
  border-radius: var(--look-radius);
}
body.sf-shell .comment-bubble {
  border-radius: var(--look-radius);
}
body.sf-shell .comment-bubble.own {
  background: var(--sf-navy);
  color: #fff;
  border-color: var(--sf-navy);
}
body.sf-shell .comment-bubble.own .who {
  color: #d7e2fb;
}

body.sf-shell .module-view,
body.sf-shell #view-dashboard,
body.sf-shell #view-contacts,
body.sf-shell #view-comments,
body.sf-shell #view-agents,
body.sf-shell #view-tiendas,
body.sf-shell #view-campaigns,
body.sf-shell #view-integrations,
body.sf-shell #view-reports,
body.sf-shell #view-entry {
  background: var(--look-wash);
  box-shadow: none;
  border-radius: 0;
}
body.sf-shell .module-hero,
body.sf-shell #view-campaigns .module-hero {
  background: #fff !important;
  color: var(--look-ink) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  border-bottom: 1px solid var(--look-line);
  padding: 22px 28px 18px !important;
}
body.sf-shell .module-hero-copy .eyebrow,
body.sf-shell #view-campaigns .module-hero-copy .eyebrow {
  color: var(--look-muted) !important;
  opacity: 1;
}
body.sf-shell .module-hero-copy h2,
body.sf-shell #view-campaigns .module-hero-copy h2 {
  color: var(--look-ink) !important;
}
body.sf-shell .module-hero-copy p,
body.sf-shell #view-campaigns .module-hero-copy p {
  color: var(--look-muted) !important;
}
body.sf-shell .module-kpi,
body.sf-shell #view-campaigns .module-kpi {
  background: var(--look-wash) !important;
  border: 1px solid var(--look-line) !important;
  border-radius: var(--look-radius) !important;
  color: var(--sf-navy) !important;
  backdrop-filter: none !important;
}
body.sf-shell .module-kpi .label,
body.sf-shell #view-campaigns .module-kpi .label {
  color: var(--look-muted) !important;
  opacity: 1;
}
body.sf-shell .module-toolbar {
  border-radius: 0;
  box-shadow: none;
  background: transparent;
  border: 0;
}
body.sf-shell .contact-row,
body.sf-shell .store-row,
body.sf-shell .agent-row,
body.sf-shell .campaign-card {
  border-radius: var(--look-radius);
  box-shadow: none;
  background: #fff;
  border: 1px solid var(--look-line);
}
body.sf-shell .channel-card {
  border-radius: var(--look-radius);
  box-shadow: none;
}
body.sf-shell .channel-card.is-editing {
  box-shadow: none;
  border-color: var(--sf-gold);
}
body.sf-shell .settings-tabs button.active {
  color: var(--sf-navy);
  border-bottom: 2px solid var(--sf-gold);
}
body.sf-shell .sf-btn,
body.sf-shell .sf-primary,
body.sf-shell .sf-btn-ghost,
body.sf-shell .sf-btn-gold,
body.sf-shell .channel-lock {
  border-radius: var(--look-radius);
}
body.sf-shell .sf-modal {
  border-radius: var(--look-radius);
}
body.sf-shell .xfer-option {
  border-radius: var(--look-radius);
}

body.theme-dark.sf-shell .hub-card,
body.theme-dark.sf-shell .contact-row,
body.theme-dark.sf-shell .campaign-card,
body.theme-dark.sf-shell .channel-card,
body.theme-dark.sf-shell .comment-row {
  background: #121b2e;
  border-color: var(--look-line);
}
body.theme-dark.sf-shell .module-hero,
body.theme-dark.sf-shell #view-campaigns .module-hero {
  background: #121b2e !important;
  color: #e8eefc !important;
}
body.theme-dark.sf-shell .module-hero-copy h2,
body.theme-dark.sf-shell #view-campaigns .module-hero-copy h2 {
  color: #e8eefc !important;
}
body.theme-dark.sf-shell .comment-bubble.own {
  background: var(--sf-navy);
  color: #fff;
}

body.sf-shell .ctx-op-suggest {
  margin-top: 10px;
  padding: 10px 12px;
  border: 1px solid var(--look-line);
  border-radius: var(--look-radius);
  background: #fff;
}
body.sf-shell .ctx-op-suggest .ctx-op-name { margin-top: 2px; }
body.sf-shell .ctx-op-suggest .ctx-op-actions { margin-top: 8px; }
body.theme-dark.sf-shell .ctx-op-suggest {
  background: #121b2e;
  border-color: #2a3b5c;
}

body.sf-shell .ctx-op-section { margin-top: 12px; }
body.sf-shell .ctx-op-section strong {
  display: block;
  font-size: 11px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #8b95ab;
  margin-bottom: 6px;
}
body.sf-shell .ctx-op-fold > summary {
  cursor: pointer;
  font-size: 12px;
  font-weight: 700;
  color: #44506a;
}
body.sf-shell .ctx-op-fold .ctx-op-doc:first-of-type { border-top: 1px solid var(--look-line); }
body.sf-shell .ctx-op-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }
body.sf-shell .ctx-op-tag {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.3;
  padding: 4px 8px;
  border-radius: 999px;
  background: #eef3fb;
  color: #1f2a44;
}
body.sf-shell .ctx-op-doc {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
  padding: 7px 0;
  border-top: 1px solid var(--look-line);
}
body.sf-shell .ctx-op-doc:first-of-type { border-top: 0; }
body.sf-shell .ctx-op-doc-main { font-size: 12px; color: #44506a; line-height: 1.4; min-width: 0; }
body.sf-shell .ctx-op-doc-n { display: block; font-weight: 700; color: #1f2a44; }
body.sf-shell .ctx-op-doc-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  flex-shrink: 0;
}
body.sf-shell .ctx-op-doc-actions a {
  font-size: 11px;
  font-weight: 700;
  color: #1d4ed8;
  text-decoration: none;
}
body.theme-dark.sf-shell .ctx-op-fold > summary { color: #c5d0e8; }
body.theme-dark.sf-shell .ctx-op-fold .ctx-op-doc:first-of-type { border-top-color: #24344f; }
body.theme-dark.sf-shell .ctx-op-tag { background: #24344f; color: #e8eefc; }
body.theme-dark.sf-shell .ctx-op-doc { border-color: #24344f; }
body.theme-dark.sf-shell .ctx-op-doc-main { color: #9aa8c4; }
body.theme-dark.sf-shell .ctx-op-doc-n { color: #e8eefc; }
body.theme-dark.sf-shell .ctx-op-doc-actions a { color: #93c5fd; }

body.sf-shell #view-reports {
  flex-direction: column;
  overflow: auto;
  min-height: 0;
}
body.sf-shell .reports-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 16px;
  align-items: flex-end;
  padding: 16px 28px 8px;
}
body.sf-shell .reports-filters label {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 12px;
  color: var(--look-muted);
}
body.sf-shell .reports-filters input,
body.sf-shell .reports-filters select,
body.sf-shell .reports-download-extra input,
body.sf-shell .reports-download-extra select {
  min-width: 140px;
  height: 36px;
  border: 1px solid var(--look-line);
  border-radius: var(--look-radius);
  padding: 0 10px;
  background: #fff;
  color: var(--look-ink);
}
body.sf-shell .reports-status {
  margin: 0 28px 8px;
  min-height: 1.2em;
  font-size: 13px;
  color: var(--look-muted);
}
body.sf-shell .reports-block {
  padding: 8px 28px 24px;
}
body.sf-shell .reports-block h3 {
  margin: 16px 0 12px;
  font-size: 16px;
  color: var(--look-ink);
}
body.sf-shell .reports-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 10px;
}
body.sf-shell .reports-card,
body.sf-shell .reports-table,
body.sf-shell .reports-download {
  background: #fff;
  border: 1px solid var(--look-line);
  border-radius: var(--look-radius);
  padding: 14px 16px;
}
body.sf-shell .reports-card .label {
  font-size: 12px;
  color: var(--look-muted);
}
body.sf-shell .reports-card .value {
  margin-top: 4px;
  font-size: 22px;
  font-weight: 700;
  color: var(--sf-navy);
}
body.sf-shell .reports-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 12px;
  margin-top: 14px;
}
body.sf-shell .reports-table h4 {
  margin: 0 0 10px;
  font-size: 13px;
  color: var(--look-ink);
}
body.sf-shell .reports-table table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}
body.sf-shell .reports-table td {
  padding: 5px 0;
  vertical-align: middle;
}
body.sf-shell .reports-table td:last-child {
  width: 42px;
  text-align: right;
  font-weight: 600;
}
body.sf-shell .reports-bar-cell {
  width: 46%;
  padding-right: 10px;
}
body.sf-shell .reports-bar {
  display: block;
  height: 6px;
  background: var(--sf-gold);
  border-radius: 99px;
}
body.sf-shell .reports-empty {
  margin: 0;
  color: var(--look-muted);
  font-size: 13px;
}
body.sf-shell .reports-download-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 12px;
}
body.sf-shell .reports-download p {
  margin: 8px 0 12px;
  color: var(--look-muted);
  font-size: 13px;
  line-height: 1.45;
}
body.sf-shell .reports-download-extra {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 12px;
}
body.sf-shell .reports-download-extra label {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 12px;
  color: var(--look-muted);
}
body.theme-dark.sf-shell .reports-card,
body.theme-dark.sf-shell .reports-table,
body.theme-dark.sf-shell .reports-download {
  background: #121b2e;
  border-color: var(--look-line);
}
body.theme-dark.sf-shell .reports-filters input,
body.theme-dark.sf-shell .reports-filters select,
body.theme-dark.sf-shell .reports-download-extra input,
body.theme-dark.sf-shell .reports-download-extra select {
  background: #0d1524;
  color: #e8eefc;
  border-color: #2a3b5c;
}

body.sf-shell #view-entry {
  flex-direction: column;
  overflow: auto;
  min-height: 0;
}
body.sf-shell .entry-form {
  padding-bottom: 32px;
}
body.sf-shell .entry-check {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  font-size: 13px;
  color: var(--look-ink);
}
body.sf-shell .entry-fallback,
body.sf-shell .entry-rule-grid,
body.sf-shell .entry-rule-top {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 10px 14px;
  align-items: end;
}
body.sf-shell .entry-form label {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 12px;
  color: var(--look-muted);
}
body.sf-shell .entry-form input,
body.sf-shell .entry-form select {
  height: 36px;
  border: 1px solid var(--look-line);
  border-radius: var(--look-radius);
  padding: 0 10px;
  background: #fff;
  color: var(--look-ink);
}
body.sf-shell .entry-rules-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}
body.sf-shell .entry-rule {
  margin-bottom: 12px;
}
body.sf-shell .entry-signal-help {
  margin: 4px 0 8px;
  font-size: 13px;
  color: var(--look-muted);
}
body.sf-shell .entry-signals {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 10px;
}
body.sf-shell .entry-signal {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 10px 14px;
  align-items: end;
}
body.sf-shell .entry-add-signal {
  margin-bottom: 12px;
}
body.sf-shell .entry-rule-top { grid-template-columns:minmax(0,1fr) auto auto; align-items:center; padding-bottom:14px; border-bottom:1px solid var(--look-line); margin-bottom:14px; }
body.sf-shell .entry-rule-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
body.sf-shell .entry-rule-grid .entry-destination { grid-column:span 2; }
body.sf-shell .entry-form label { color:#596980; }
body.sf-shell .entry-rule-grid > label, body.sf-shell .entry-rule-top > label { min-width:0; }
body.sf-shell .entry-form input:not([type="checkbox"]), body.sf-shell .entry-form select { width:100%; min-width:0; box-sizing:border-box; font:inherit; }
body.sf-shell .entry-form label.entry-check { flex-direction:row; align-items:center; gap:9px; line-height:1.5; color:var(--look-ink); }
body.sf-shell .entry-form input[type="checkbox"] { width:17px; height:17px; padding:0; flex:0 0 17px; accent-color:#2455df; }
body.sf-shell .entry-rule > .entry-check { margin-top:16px; padding-top:12px; border-top:1px solid var(--look-line); }
body.sf-shell .entry-form .sf-btn, body.sf-shell .entry-form .sf-primary { font:inherit; font-weight:600; border:1px solid var(--look-line); border-radius:8px; padding:9px 14px; min-height:38px; cursor:pointer; background:var(--sf-chip,#fff); color:var(--look-ink); }
body.sf-shell .entry-form [data-entry-remove] { color:#a52b38; font-size:12px; }
body.sf-shell .entry-form .sf-primary { background:#193879; border-color:#193879; color:#fff; }
body.sf-shell .entry-form :is(input,select,button):focus-visible { outline:2px solid #4380ff; outline-offset:3px; }
body.theme-dark.sf-shell .entry-form :is(input,select) { background:#0d1524; color:#e8eefc; border-color:#2a3b5c; color-scheme:dark; }
body.theme-dark.sf-shell .entry-form label { color:#b6c3d9; }
body.theme-dark.sf-shell .entry-form .sf-btn { background:#17243b; color:#e8eefc; border-color:#354565; }
body.theme-dark.sf-shell .entry-form [data-entry-remove] { color:#ffb4bd; }
@media(max-width:1000px) { body.sf-shell .entry-rule-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } body.sf-shell .entry-rule-grid .entry-destination { grid-column:auto; } }
@media(max-width:600px) {
  body.sf-shell .entry-rule-top { grid-template-columns:minmax(0,1fr) auto; }
  body.sf-shell .entry-rule-top > label:first-child { grid-column:1 / -1; }
  body.sf-shell .entry-rule-grid, body.sf-shell .entry-fallback { grid-template-columns:minmax(0,1fr); }
  body.sf-shell .entry-rules-head { flex-wrap:wrap; }
}
body.sf-shell .entry-save {
  padding: 0 28px 28px;
}

/* Interacciones: isolated styles; shell/index remain frozen. */
.interaction-dialog { width:min(620px,90vw); max-height:85vh; overflow:auto; border:1px solid #8892a3; border-radius:16px; padding:24px; background:var(--bg,#fff); color:var(--text,#172033); }
.interaction-dialog::backdrop { background:#0008; }
.interaction-dialog label { display:block; margin:12px 0; }
.interaction-dialog input,.interaction-dialog textarea { display:block; width:100%; padding:8px; box-sizing:border-box; }
.interaction-dialog button,.interactions-admin button { margin:6px; padding:8px 12px; cursor:pointer; }
.interaction-edit-row { display:flex; align-items:center; gap:8px; }
.interaction-edit-row label { flex:1; }
.interaction-card { border:1px solid #8892a366; border-radius:12px; padding:14px; margin:8px 0; }
.interaction-card small { display:block; }
.interaction-option { display:inline-block; border:1px solid #8892a388; border-radius:8px; padding:6px 10px; margin:4px; }
.interactions-admin { flex:1; flex-direction:column; padding:24px; overflow:auto; }
.interaction-code { display:flex; align-items:center; gap:8px; margin:0 0 8px; font-size:13px; color:var(--muted,#5b6578); }
.interaction-code code { font-weight:600; letter-spacing:.02em; }
body.sf-shell #btn-interaction { width:34px; height:34px; flex:0 0 34px; padding:0; display:inline-flex; align-items:center; justify-content:center; border:1px solid var(--border,#dce3ed); border-radius:6px; background:var(--surface,#fff); color:var(--text,#173879); cursor:pointer; }
body.sf-shell #btn-interaction:disabled { opacity:.45; cursor:not-allowed; }
#start-modal .with-template-preview { width: min(1020px, 100%); max-width: 1020px; }
#start-modal .start-preview-layout { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(260px, 1fr); overflow-y: auto; min-height: 0; }
#start-modal .start-modal-grid { min-width: 0; overflow: visible; }
#start-template-preview { padding: 24px; background: var(--bg, #f5f7fb); border-left: 1px solid var(--border, #dce3ef); overflow-wrap: anywhere; }
#start-template-preview h3 { font-size: 16px; margin-bottom: 12px; }
#start-template-preview p { font-size: 12px; line-height: 1.6; margin: 12px 0; }
#start-template-preview .start-template-bubble { padding: 18px; background: var(--surface, #fff); color: var(--text, #17243d); border: 1px solid var(--border, #dce3ef); border-radius: 14px; white-space: pre-wrap; line-height: 1.6; }
#start-template-preview mark { background: #fff0b3; color: #664d00; border-radius: 3px; padding: 1px 3px; }
#start-template-preview summary { cursor: pointer; font-size: 12px; }
#start-template-vars input { margin-top: 6px; text-transform: none; letter-spacing: normal; font-weight: normal; }
body.theme-dark #start-template-preview, body.theme-dark #start-template-preview .start-template-bubble { background: #18233a; color: #e8eefc; }
@media (max-width: 760px) {
  #start-modal .start-preview-layout { grid-template-columns: minmax(0, 1fr); }
  #start-template-preview { border-left: 0; border-top: 1px solid var(--border, #dce3ef); }
}
.template-preview-stage { padding: 18px; background: #e9e7e0; border-radius: 14px; }
.template-message-card { background: #fff; color: #24343a; border-radius: 4px 12px 12px; box-shadow: 0 1px 3px #142b321c; overflow: hidden; font-size: 13px; }
.template-message-body { padding: 16px; white-space: pre-wrap; line-height: 1.65; overflow-wrap: anywhere; }
.template-message-header { padding: 16px 16px 0; font-weight: 700; white-space: pre-wrap; }
.template-message-footer { padding: 0 16px 12px; font-size: 11px; color: #647578; white-space: pre-wrap; }
.template-message-button { padding: 12px; text-align: center; border-top: 1px solid #e3e9e6; color: #087f72; font-weight: 500; overflow-wrap: anywhere; }
.template-message-card mark { background: #fff0b3; color: #664d00; border-radius: 3px; }
.template-field-source { display: block; font-size: 11px; line-height: 1.5; margin-top: 5px; color: var(--muted, #66758c); }
body.theme-dark .template-preview-stage { background: #0e191d; }
body.theme-dark .template-message-card { background: #203136; color: #eef4f5; }
body.theme-dark .template-message-button { border-color: #385055; color: #67d4bd; }

/* Shared finish for interaction administration, without changing the inbox shell. */
.interactions-admin { gap:12px; min-width:0; }
.interactions-admin > h1 { margin:0; font-size:24px; }
.interactions-admin > p { margin:0 0 8px; color:var(--muted,#66758c); line-height:1.5; }
.interactions-admin > button { align-self:flex-start; }
.interactions-admin > label { display:flex; flex-direction:column; gap:6px; max-width:420px; font-size:13px; font-weight:600; }
.interactions-admin input,.interaction-dialog input,.interaction-dialog textarea {
  font:inherit; border:1px solid var(--border,#dce3ed); border-radius:6px;
  background:var(--surface,#fff); color:var(--text,#172033); padding:10px 12px; min-width:0;
}
.interactions-admin button,.interaction-dialog button,.media-retry {
  font:inherit; font-size:12px; font-weight:600; border:1px solid var(--border,#dce3ed);
  border-radius:6px; background:var(--surface,#fff); color:var(--text,#173879); min-height:34px;
}
.interactions-admin > button { background:#173879; color:#fff; border-color:#173879; }
.interactions-admin button:disabled,.interaction-dialog button:disabled { opacity:.5; cursor:not-allowed; }
.interactions-admin :focus-visible,.interaction-dialog :focus-visible,.media-retry:focus-visible { outline:2px solid #3478ed; outline-offset:3px; }
.interactions-admin .interaction-card { border-radius:6px; background:var(--surface,#fff); overflow-wrap:anywhere; }
.interactions-admin .interaction-card .interaction-card { background:var(--bg,#f5f7fb); }
.interactions-admin h3 { margin:8px 0 12px; font-size:16px; }
.interactions-admin small { color:var(--muted,#66758c); line-height:1.7; margin:10px 0; }
.interaction-dialog { border-radius:8px; }
.interaction-dialog textarea { min-height:90px; resize:vertical; }
.media-retry { padding:6px 12px; margin-top:8px; cursor:pointer; }
@media (max-width:600px) {
  .interactions-admin { padding:16px; }
  .interaction-dialog { padding:16px; }
  .interaction-edit-row { flex-wrap:wrap; }
  .interaction-edit-row label { flex-basis:100%; }
}

/* Explicit voice confirmation and locally hosted emoji catalog. */
.voice-confirmation{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 18px;background:var(--surface,#fff);border-top:1px solid #dce4ef;color:var(--text,#172b4d)}
.voice-confirmation button,.emoji-picker>button{border:1px solid #d5ddeb;border-radius:9px;padding:9px 12px;cursor:pointer;background:#fff;color:#183875}
.voice-confirmation .voice-send{background:#193b83;color:#fff}.voice-confirmation .voice-discard{color:#b42318}.voice-confirmation audio{max-width:100%;height:38px}.voice-time{font-size:12px}
.emoji-picker{width:min(460px,90vw);max-height:75vh;overflow:auto;border:1px solid #d5ddeb;border-radius:16px;padding:18px;color:#172b4d;background:#fff;box-shadow:0 12px 50px #0003}.emoji-picker::backdrop{background:#14213d66}.emoji-picker h3{display:inline-block;margin:0 18px 15px 0}.emoji-picker input,.emoji-picker select{display:block;width:100%;padding:10px;margin:8px 0;border:1px solid #ccd7e7;border-radius:8px}.emoji-picker p{font-size:12px;color:#52637a}.emoji-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:3px}.emoji-grid button{font-family:'Segoe UI Emoji','Apple Color Emoji',sans-serif;font-size:25px;background:transparent;border:0;border-radius:8px;min-height:44px;cursor:pointer}.emoji-grid button:hover,.emoji-grid button:focus-visible{background:#eaf1ff;outline:2px solid #315fac}
#btn-emojis{width:36px;height:36px;flex-shrink:0;border:1px solid #d5ddeb;border-radius:8px;background:#fff;color:#193b83;cursor:pointer;font-size:20px}#btn-emojis:disabled{opacity:.45;cursor:not-allowed}.voice-confirmation button:disabled{opacity:.5;cursor:wait}

.meta-review-status{margin:12px 0;padding:12px;border:1px solid #dce4ef;border-radius:10px;font-size:12px;line-height:1.7;overflow-wrap:anywhere}.meta-review-status button{margin-top:10px;padding:8px 12px;border:1px solid #c9d7ec;border-radius:8px;background:#fff;color:#193b83;cursor:pointer}#btn-review-language{grid-column:1/-1;justify-self:start}
.meta-origin-ids { margin-top: 8px; font-size: 12px; line-height: 1.6; }
.meta-origin-ids span { display: block; opacity: .75; }
.meta-origin-ids code { user-select: all; overflow-wrap: anywhere; }

/* Context blocks remain in one scroll flow, including delayed Meta diagnostics. */
body.sf-shell #context-panel-body { display:flex; flex-direction:column; gap:16px; flex:0 0 auto; min-width:0; }
body.sf-shell #context-panel-body > * { flex-shrink:0; min-width:0; overflow-wrap:anywhere; }
body.sf-shell #context-panel .ctx-bot { margin-top:0; }
body.sf-shell #filter-responsible { max-width:100%; min-width:0; flex:1 1 150px; }

/* Message quoting lives above the composer and wraps long customer text. */
#reply-quote-preview {display:flex;justify-content:space-between;gap:12px;padding:10px 16px;border-left:4px solid #2455df;background:var(--surface-alt,#edf3ff);flex-shrink:0;max-height:130px;overflow:auto;overflow-wrap:anywhere}
#reply-quote-preview button {align-self:flex-start;border:0;background:transparent;font-size:22px;cursor:pointer;color:inherit}
.message-quote {margin:4px 0 10px;padding:7px 10px;border-left:3px solid #78a3ff;background:rgba(128,150,180,.15);border-radius:5px;max-height:100px;overflow:auto;overflow-wrap:anywhere;font-size:12px}
.msg-quote-trigger {position:absolute;right:33px;top:7px;border:0;border-radius:50%;cursor:pointer;width:24px;height:24px;background:var(--surface,#fff);color:#24488c}
.msg-bubble:has(.msg-quote-trigger) {padding-right:62px}

body.sf-shell #filters {flex-wrap:wrap}
body.sf-shell #filter-store, body.sf-shell #filter-responsible {flex:1 1 100%;width:100%;min-width:0;border:1px solid #e2e8f3;border-radius:9px;padding:8px 11px;font-size:12px;background:var(--sf-chip,#fbfcfe);color:inherit;font-family:inherit}
/* Match the reaction-only rule's specificity so both controls get space. */
body.sf-shell .msg-bubble:has(.msg-react-trigger):has(.msg-quote-trigger) {padding-right:62px}
body.sf-shell .msg-bubble {overflow-wrap:anywhere;min-width:0}

/* Quoted product images retain their visual context instead of only a filename. */
.message-quote-image {max-height:none;overflow:visible}
.message-quote .quote-media {margin:6px 0;min-height:0}
.message-quote .quote-media .chat-media-image {width:96px;max-width:100%;height:112px;object-fit:contain;border-radius:5px;background:#fff}
.quote-original {display:block;margin-top:5px;background:transparent;border:0;padding:0;text-decoration:underline;color:inherit;font:inherit;cursor:pointer}
.quoted-message-focus {outline:3px solid #e3b833;outline-offset:3px}

/* Client ownership is separate from the store and current case. */
body.sf-shell .ctx-preferred-owner {border:1px solid var(--look-line,#dce4f0);border-radius:12px;padding:14px;background:var(--surface,#fff)}
.ctx-preferred-owner p {font-size:12px;line-height:1.5;color:var(--look-muted,#64748b);margin:8px 0}
.ctx-owner-actions {display:flex;flex-direction:column;gap:8px;margin-top:12px}
.ctx-owner-actions button {font:inherit;font-size:12px;padding:9px 11px;border:1px solid #cbd8ef;border-radius:8px;background:#edf3ff;color:#193b83;cursor:pointer;text-align:left}
.ctx-owner-actions button:focus-visible {outline:2px solid #3869cf;outline-offset:2px}
body.theme-dark.sf-shell .ctx-preferred-owner {background:#18233a;border-color:#344563}
body.theme-dark .ctx-owner-actions button {background:#253955;color:#e5edff;border-color:#486085}
.ctx-preferred-owner .owner-warning {color:#b45309}

/* Service hours: separate settings from routing rules and make activation explicit. */
body.sf-shell .service-hours-card {margin:0 24px 28px;padding:24px;border:1px solid var(--look-line,#dce4f0);border-radius:16px;background:var(--surface,#fff)}
.service-hours-heading {display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.service-hours-heading h3 {margin:4px 0 16px;font-size:20px}
.service-hours-zone {font-size:12px;padding:6px 10px;border-radius:20px;background:#eef3ff;color:#284977}
.service-hours-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0 18px}
.service-hours-grid>div {padding:16px;border:1px solid var(--look-line,#dce4f0);border-radius:12px}
.service-hours-grid span,.service-hours-grid strong {display:block;line-height:1.6}
.service-hours-grid span {font-size:12px;color:var(--look-muted,#64748b)}
.service-hours-card p {font-size:13px;line-height:1.6;max-width:780px}
.service-hours-toggle {display:flex;gap:10px;align-items:center;margin:18px 0 8px;font-weight:600}
.service-hours-toggle input {width:18px!important;height:18px;flex:0 0 18px;accent-color:#20479d}
.service-hours-card button {border:0;background:#193b83;color:white;padding:11px 18px;border-radius:9px;cursor:pointer;font:inherit}
.service-hours-card button:disabled {opacity:.5;cursor:wait}
.service-hours-card button:focus-visible {outline:3px solid #88aaff;outline-offset:3px}
.service-hours-help,.service-hours-status {color:var(--look-muted,#64748b)}
body.theme-dark.sf-shell .service-hours-card {background:#18233a;color:#e8eefc;border-color:#344563}
body.theme-dark .service-hours-grid>div {border-color:#344563}
body.theme-dark .service-hours-zone {background:#253955;color:#dbe8ff}
@media(max-width:700px){.service-hours-grid{grid-template-columns:1fr}body.sf-shell .service-hours-card{padding:16px;margin:0 14px 20px}}

/* Shared visual rhythm for daily attention: contrast, hierarchy and focus. */
body.sf-shell {--look-radius:10px;--look-muted:#64748b}
body.theme-dark.sf-shell {--look-muted:#aab8cf}
body.sf-shell #search-input {height:40px;border-color:var(--look-line);font-size:13px}
body.sf-shell #filters {gap:8px;padding-top:10px;padding-bottom:12px}
body.sf-shell #inbox-lanes {scrollbar-width:thin;scrollbar-color:#c9d4e7 transparent}
body.sf-shell .lane-chip .lane-value {color:#62718a;font-variant-numeric:tabular-nums}
body.sf-shell .conv-item {margin:4px 8px;padding:12px;border:1px solid transparent;border-radius:12px;transition:background-color .15s,border-color .15s}
body.sf-shell .conv-item:hover {background:#f4f7fc;border-color:#e0e7f2}
body.sf-shell .conv-item.active {background:#edf3ff;border-color:#cedcf5;box-shadow:inset 3px 0 0 var(--sf-gold)}
body.sf-shell .conv-phone {font-weight:600;font-size:13.5px;line-height:1.45}
body.sf-shell .conv-preview {line-height:1.5}
body.sf-shell .conv-time {font-variant-numeric:tabular-nums;color:var(--look-muted)}
body.sf-shell #chat-header {height:auto;flex-shrink:0;padding-top:12px!important;padding-bottom:12px!important;gap:10px}
body.sf-shell #chat-header .actions {flex-wrap:wrap;gap:6px}
body.sf-shell #chat-header .actions button {min-height:34px;border-radius:8px;font-size:12px}
body.sf-shell #reply-area {border-top:1px solid var(--look-line);gap:10px}
body.sf-shell #reply-input {line-height:1.5}
body.sf-shell #context-panel-body {gap:12px;padding-bottom:16px}
body.sf-shell #context-panel .ctx-block {margin:0 12px;padding:16px;border:1px solid var(--look-line);border-radius:12px;background:#fff}
body.sf-shell #context-panel .ctx-row {display:grid;grid-template-columns:minmax(78px,.8fr) minmax(0,1.2fr);gap:12px;align-items:start;padding:5px 0;line-height:1.5}
body.sf-shell #context-panel .ctx-row>span:last-child {text-align:right;overflow-wrap:anywhere;font-weight:600}
body.sf-shell #context-panel .ctx-label {font-size:10px;color:var(--look-muted);letter-spacing:.08em;margin-bottom:10px}
body.sf-shell #context-panel .ctx-op,body.sf-shell #context-panel .ctx-bot {margin:0 12px;padding:16px;border-radius:12px}
body.sf-shell #context-panel .ctx-hero {padding:22px 18px;border-bottom:0}
body.sf-shell :is(button,select,input,textarea):focus-visible {outline:2px solid #557dcc;outline-offset:2px}
body.theme-dark.sf-shell .conv-item:hover {background:#1b2b45;border-color:#344563}
body.theme-dark.sf-shell .conv-item.active {background:#203454;border-color:#486085}
body.theme-dark.sf-shell .lane-chip .lane-value {color:#afbed6}
body.theme-dark.sf-shell #context-panel .ctx-block {background:#18233a;border-color:#344563}
@media(prefers-reduced-motion:reduce){body.sf-shell .conv-item {transition:none}}
@media(max-width:600px){body.sf-shell #messages{padding:16px 12px}body.sf-shell .msg-bubble{max-width:92%}body.sf-shell #chat-header{padding-left:12px!important;padding-right:12px!important}}
body.theme-dark.sf-shell #chat-header {background:#121b2e!important;color:#e8eefc!important;border-color:#344563}
body.theme-dark.sf-shell .conv-item:not(.active) {background:#121b2e;border-color:transparent}
body.theme-dark.sf-shell .conv-item:not(.active):hover {background:#1b2b45;border-color:#344563}
body.theme-dark.sf-shell #filters :is(#filter-store,#filter-responsible) {background:#18233a;color:#e8eefc;border-color:#344563}
body.theme-dark.sf-shell .msg-quote-trigger {background:#29405f;color:#e8eefc}