:root {
  --bg: #f5f7f6;
  --panel: #ffffff;
  --text: #18211f;
  --muted: #66746f;
  --line: #dce5e0;
  --brand: #1f7a63;
  --brand-dark: #155f4d;
  --logo-blue: #2468dc;
  --logo-cyan: #18bcd6;
  --logo-violet: #7043c8;
  --logo-magenta: #c337b7;
  --logo-gold: #f2a51f;
  --soft: #eef4f1;
  --danger: #b73535;
  --warn: #a66a1d;
  --shadow: 0 12px 30px rgba(20, 45, 38, 0.07);
}

:root[data-theme="dark"] {
  --bg: #0f1713;
  --panel: #18211d;
  --text: #f3faf6;
  --muted: #b8cbc3;
  --line: #3a4b43;
  --brand: #66c39e;
  --brand-dark: #99e6c5;
  --logo-blue: #4d8dff;
  --logo-cyan: #3bd8e7;
  --logo-violet: #9b7bf0;
  --logo-magenta: #e062d2;
  --logo-gold: #ffc767;
  --soft: #25362f;
  --danger: #ef7d7d;
  --warn: #f0b35b;
  --shadow: 0 16px 36px rgba(0, 0, 0, 0.22);
}

/* 20260626comunicacion_mockup */
.commhub-shell {
  display: grid;
  gap: 12px;
  min-height: calc(100vh - 132px);
}

.commhub-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
}

.commhub-header h2 {
  margin: 0;
  font-size: 24px;
}

.commhub-kicker {
  display: block;
  color: var(--brand-dark);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.commhub-header-actions,
.commhub-tabs,
.commhub-channel-strip,
.commhub-kpis {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.commhub-header-actions {
  justify-content: flex-end;
}

.commhub-header-actions button,
.commhub-context-head button,
.commhub-conversation-head button,
.commhub-priority-title button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 36px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: color-mix(in srgb, var(--brand) 8%, var(--panel));
  color: var(--brand-dark);
  font: inherit;
  font-size: 12px;
  font-weight: 850;
}

.commhub-header-actions .action-icon,
.commhub-context-head .action-icon,
.commhub-conversation-head .action-icon,
.commhub-priority-title .action-icon {
  width: 18px;
  height: 18px;
}

.commhub-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 0 13px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel);
  color: var(--text);
  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
}

.commhub-tab.active {
  border-color: color-mix(in srgb, var(--brand) 42%, var(--line));
  background: color-mix(in srgb, var(--brand) 12%, var(--panel));
  color: var(--brand-dark);
}

.commhub-channel-strip {
  align-items: center;
}

.commhub-channel-chip {
  --comm-accent: var(--brand);
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 34px;
  padding: 5px 9px;
  border: 1px solid color-mix(in srgb, var(--comm-accent) 24%, var(--line));
  border-radius: 999px;
  background: var(--panel);
  color: var(--text);
  text-decoration: none;
}

.commhub-channel-chip[href*="wa"] {
  --comm-accent: #128c7e;
}

.commhub-channel-chip[href*="ig"] {
  --comm-accent: #c337b7;
}

.commhub-channel-chip[href*="fb"] {
  --comm-accent: #2468dc;
}

.commhub-channel-chip[href*="tg"] {
  --comm-accent: #18a8d8;
}

.commhub-channel-chip[href*="tt"] {
  --comm-accent: #d69b16;
}

.commhub-channel-chip[href*="email"] {
  --comm-accent: #7043c8;
}

.commhub-channel-chip > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 999px;
  background: var(--comm-accent);
  color: #fff;
}

.commhub-channel-chip .action-icon {
  width: 15px;
  height: 15px;
}

.commhub-channel-chip small {
  color: var(--text);
  font-size: 11px;
  font-weight: 900;
}

.commhub-channel-chip.active {
  background: color-mix(in srgb, var(--comm-accent) 12%, var(--panel));
}

.commhub-kpis {
  display: grid;
  grid-template-columns: repeat(5, minmax(132px, 1fr));
}

.commhub-shell[data-commhub-tab="ww"] .commhub-kpis {
  grid-template-columns: repeat(6, minmax(108px, 1fr));
}

.commhub-shell[data-commhub-tab="ww"] .commhub-whato-kpis {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
  padding: 2px 0;
}

.commhub-shell[data-commhub-tab="ww"] .commhub-whato-kpis .commhub-kpi {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 36px;
  padding: 7px 10px;
  border-radius: 999px;
  box-shadow: none;
  flex: 0 0 auto;
}

.commhub-shell[data-commhub-tab="ww"] .commhub-whato-kpis .commhub-kpi span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.commhub-shell[data-commhub-tab="ww"] .commhub-whato-kpis .commhub-kpi b {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 22px;
  padding: 0 6px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--brand) 12%, var(--panel));
  font-size: 12px;
}

.commhub-shell[data-commhub-tab="ww"] .commhub-whato-kpis .commhub-kpi small {
  font-size: 12px;
}

.commhub-shell[data-commhub-tab="ww"] .commhub-whato-kpis .commhub-kpi em,
.commhub-shell[data-commhub-tab="ww"] .commhub-whato-kpis .commhub-kpi i {
  display: none;
}

.commhub-ww-tools {
  display: inline-flex;
  flex-wrap: nowrap;
  gap: 7px;
  align-items: center;
  margin-left: auto;
}

.commhub-ww-tool {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  min-height: 38px;
  padding: 0;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--panel);
  color: var(--text);
  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
  box-shadow: 0 10px 20px color-mix(in srgb, #0b2f2a 7%, transparent);
}

.commhub-ww-tool .action-icon {
  width: 18px;
  height: 18px;
}

.commhub-ww-tool.active,
.commhub-ww-tool:hover {
  border-color: color-mix(in srgb, var(--brand) 40%, var(--line));
  background: color-mix(in srgb, var(--brand) 16%, var(--panel));
  color: var(--brand-dark);
}

.commhub-kpi {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-rows: auto auto;
  gap: 7px;
  min-height: 76px;
  padding: 11px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel);
  color: var(--text);
  text-decoration: none;
  box-shadow: 0 8px 18px rgba(21, 95, 77, 0.04);
}

.commhub-kpi span {
  display: grid;
  gap: 2px;
}

.commhub-kpi b {
  color: var(--brand-dark);
  font-size: 22px;
  line-height: 1;
}

.commhub-kpi small {
  font-size: 12px;
  font-weight: 900;
}

.commhub-kpi em {
  grid-column: 1 / -1;
  color: var(--muted);
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
}

.commhub-kpi i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 8px;
  background: color-mix(in srgb, var(--brand) 9%, var(--panel));
  color: var(--brand-dark);
  font-style: normal;
}

.commhub-kpi i .action-icon {
  width: 17px;
  height: 17px;
}

.commhub-kpi.active,
.commhub-kpi:hover {
  border-color: color-mix(in srgb, var(--brand) 38%, var(--line));
  background: color-mix(in srgb, var(--brand) 7%, var(--panel));
}

.commhub-workspace {
  display: grid;
  grid-template-columns: minmax(250px, 0.72fr) minmax(480px, 1.5fr) minmax(260px, 0.72fr);
  gap: 10px;
  min-height: min(720px, calc(100vh - 300px));
}

.commhub-workspace[data-priority-collapsed] {
  grid-template-columns: 52px minmax(560px, 1.6fr) minmax(260px, 0.72fr);
}

.commhub-workspace[data-commhub-tool] {
  grid-template-columns: minmax(0, 1fr);
}

.commhub-priority-pane,
.commhub-conversation-pane,
.commhub-context-pane {
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel);
  box-shadow: var(--shadow);
}

.commhub-priority-pane,
.commhub-context-pane {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
}

.commhub-priority-pane {
  grid-template-rows: auto auto minmax(0, 1fr);
}

.commhub-conversation-pane {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
}

.commhub-priority-title,
.commhub-context-head,
.commhub-conversation-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 60px;
  padding: 12px;
  border-bottom: 1px solid var(--line);
}

.commhub-priority-title span,
.commhub-context-head span,
.commhub-conversation-head > span:not(.commhub-avatar) {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.commhub-priority-title b,
.commhub-context-head b,
.commhub-conversation-head b {
  font-size: 13px;
}

.commhub-priority-title small,
.commhub-context-head small,
.commhub-conversation-head small {
  overflow: hidden;
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.commhub-priority-list,
.commhub-context-grid,
.commhub-conversation-body {
  min-height: 0;
  overflow: auto;
}

.commhub-priority-list {
  display: grid;
  align-content: start;
  gap: 1px;
  background: color-mix(in srgb, var(--line) 50%, transparent);
}

.commhub-priority-tools {
  padding: 8px;
  border-bottom: 1px solid var(--line);
  background: color-mix(in srgb, var(--bg) 58%, var(--panel));
}

.commhub-priority-tools input {
  width: 100%;
  min-height: 34px;
  padding: 0 10px;
  border: 1px solid color-mix(in srgb, var(--brand) 22%, var(--line));
  border-radius: 7px;
  background: #fff;
  color: var(--text);
  font: inherit;
  font-size: 12px;
  font-weight: 800;
}

.commhub-priority-row-wrap {
  position: relative;
  min-width: 0;
}

.commhub-priority-row-wrap[hidden] {
  display: none;
}

.commhub-priority-row-wrap .commhub-priority-row {
  padding-right: 32px;
}

.commhub-ww-hide-form {
  position: absolute;
  top: 6px;
  right: 6px;
  margin: 0;
}

.commhub-ww-hide-button {
  display: inline-grid;
  place-items: center;
  width: 20px;
  height: 20px;
  min-height: 20px;
  border: 1px solid transparent;
  border-radius: 6px;
  background: transparent;
  color: color-mix(in srgb, var(--muted) 86%, transparent);
  cursor: pointer;
  font: inherit;
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
}

.commhub-ww-hide-button:hover {
  border-color: color-mix(in srgb, var(--brand) 20%, var(--line));
  background: color-mix(in srgb, var(--brand) 8%, var(--panel));
  color: var(--brand-dark);
}

.commhub-ww-restore-button {
  border-color: color-mix(in srgb, var(--brand) 18%, transparent);
  color: var(--brand-dark);
}

.commhub-ww-context-action {
  margin-top: 8px;
}

.commhub-ww-relink {
  margin-top: 8px;
  padding: 9px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel);
}

.commhub-ww-relink summary {
  cursor: pointer;
  color: var(--brand-dark);
  font-size: 11px;
  font-weight: 900;
}

.commhub-ww-relink .commhub-link-form {
  margin-top: 8px;
}

.commhub-priority-row {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 9px;
  align-items: center;
  min-height: 64px;
  padding: 9px;
  background: var(--panel);
  color: inherit;
  text-decoration: none;
}

.commhub-priority-row:hover,
.commhub-priority-row.selected {
  background: color-mix(in srgb, var(--brand) 8%, var(--panel));
}

.commhub-priority-row em {
  grid-column: 2;
  color: var(--muted);
  font-size: 10.5px;
  font-style: normal;
  font-weight: 800;
}

.commhub-priority-row strong {
  display: block;
  overflow: hidden;
  color: var(--text);
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.commhub-priority-row small {
  display: block;
  overflow: hidden;
  color: var(--muted);
  font-size: 10.5px;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.commhub-priority-icon,
.commhub-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 8px;
  background: linear-gradient(135deg, var(--brand), var(--logo-blue));
  color: #fff;
  font-size: 11px;
  font-weight: 900;
}

.commhub-priority-icon .action-icon {
  width: 20px;
  height: 20px;
}

.commhub-workspace[data-priority-collapsed] .commhub-priority-title {
  justify-content: center;
  padding: 10px;
}

.commhub-workspace[data-priority-collapsed] .commhub-priority-title > span,
.commhub-workspace[data-priority-collapsed] .commhub-priority-tools,
.commhub-workspace[data-priority-collapsed] .commhub-priority-list {
  display: none;
}

.commhub-workspace[data-priority-collapsed] .commhub-priority-title button {
  transform: rotate(180deg);
}

.commhub-conversation-head {
  justify-content: start;
}

.commhub-conversation-head button {
  margin-left: auto;
}

.commhub-conversation-body {
  display: flex;
  flex-direction: column;
  gap: 9px;
  padding: 14px;
  background:
    linear-gradient(135deg, rgba(31, 122, 99, 0.03) 25%, transparent 25%) 0 0 / 20px 20px,
    linear-gradient(315deg, rgba(36, 104, 220, 0.025) 25%, transparent 25%) 0 0 / 20px 20px,
    color-mix(in srgb, var(--bg) 70%, var(--panel));
}

.commhub-system-note {
  display: grid;
  gap: 4px;
  align-self: center;
  max-width: 520px;
  padding: 10px 12px;
  border: 1px dashed color-mix(in srgb, var(--brand) 30%, var(--line));
  border-radius: 8px;
  background: color-mix(in srgb, var(--brand) 5%, var(--panel));
  color: var(--brand-dark);
  text-align: center;
  font-weight: 850;
}

.commhub-system-note span {
  color: var(--muted);
  font-size: 11px;
}

.commhub-notice {
  margin: 10px 10px 0;
  padding: 9px 11px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: color-mix(in srgb, var(--brand) 6%, var(--panel));
  color: var(--brand-dark);
  font-size: 12px;
  font-weight: 850;
}

.commhub-notice.ok {
  border-color: color-mix(in srgb, #1f9f62 42%, var(--line));
  background: color-mix(in srgb, #1f9f62 10%, var(--panel));
}

.commhub-notice.warn {
  border-color: color-mix(in srgb, #d69b16 40%, var(--line));
  background: color-mix(in srgb, #d69b16 10%, var(--panel));
}

.commhub-notice.error {
  border-color: color-mix(in srgb, #d84d45 40%, var(--line));
  background: color-mix(in srgb, #d84d45 9%, var(--panel));
}

.commhub-date-divider {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 4px 0 2px;
  color: var(--muted);
  font-size: 10.5px;
  font-weight: 900;
}

.commhub-date-divider::before,
.commhub-date-divider::after {
  content: "";
  flex: 1;
  height: 1px;
  background: color-mix(in srgb, var(--line) 86%, transparent);
}

.commhub-date-divider span {
  padding: 3px 8px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: color-mix(in srgb, var(--panel) 88%, var(--bg));
}

.commhub-bubble {
  width: fit-content;
  max-width: min(76%, 620px);
  padding: 9px 11px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 5px 12px rgba(24, 33, 31, 0.04);
}

.commhub-bubble.out {
  align-self: flex-end;
  border-color: color-mix(in srgb, #20b358 38%, var(--line));
  background: #d9fdd3;
}

.commhub-bubble.in {
  align-self: flex-start;
}

.commhub-bubble.unknown {
  align-self: center;
  border-color: color-mix(in srgb, #d69b16 34%, var(--line));
  background: color-mix(in srgb, #d69b16 9%, var(--panel));
}

.commhub-bubble strong {
  display: block;
  margin-bottom: 4px;
  color: var(--brand-dark);
  font-size: 11px;
}

.commhub-bubble p {
  margin: 0;
  color: #17201d;
  font-size: 12px;
  line-height: 1.38;
}

.commhub-bubble small {
  display: block;
  margin-top: 5px;
  color: #49615a;
  font-size: 10.5px;
  font-weight: 800;
  text-align: right;
}

.commhub-ww-media-image {
  display: block;
  max-width: min(150px, 100%);
  overflow: hidden;
  border-radius: 7px;
  border: 1px solid color-mix(in srgb, var(--line) 82%, transparent);
  background: rgba(255, 255, 255, 0.52);
}

.commhub-ww-media-image img {
  display: block;
  width: 100%;
  max-height: 150px;
  object-fit: contain;
}

.commhub-ww-media-audio {
  display: grid;
  gap: 6px;
  min-width: min(320px, 68vw);
}

.commhub-ww-media-audio audio {
  width: 100%;
  max-width: 360px;
}

.commhub-ww-media-audio span {
  color: #17201d;
  font-size: 12px;
  font-weight: 800;
}

.commhub-ww-media-video {
  display: block;
  width: min(360px, 100%);
  max-height: 340px;
  border-radius: 7px;
  background: #0f1513;
}

.commhub-ww-media-file {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 4px 9px;
  align-items: center;
  min-width: min(320px, 70vw);
  padding: 8px;
  border: 1px solid color-mix(in srgb, var(--brand) 20%, var(--line));
  border-radius: 7px;
  color: inherit;
  text-decoration: none;
  background: rgba(255, 255, 255, 0.5);
}

.commhub-ww-media-file > span {
  grid-row: span 2;
  display: inline-grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 7px;
  color: #fff;
  background: var(--brand);
  font-size: 10px;
  font-weight: 900;
}

.commhub-ww-media-file strong,
.commhub-ww-media-file small {
  margin: 0;
  min-width: 0;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.commhub-composer {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) 42px;
  gap: 8px;
  align-items: end;
  padding: 10px;
  border-top: 1px solid var(--line);
  background: var(--panel);
}

.commhub-composer button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: color-mix(in srgb, var(--brand) 9%, var(--panel));
  color: var(--brand-dark);
  cursor: pointer;
}

.commhub-composer input,
.commhub-composer textarea {
  width: 100%;
  min-height: 42px;
  max-height: 96px;
  resize: vertical;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px;
  color: var(--text);
  font: inherit;
}

.commhub-composer input {
  resize: none;
}

.commhub-composer-real {
  grid-template-columns: minmax(190px, 0.42fr) minmax(260px, 1fr) 42px;
}

.commhub-composer-thread {
  grid-template-columns: minmax(160px, 0.34fr) minmax(280px, 1fr) 42px;
}

.commhub-compose-target {
  display: flex;
  align-items: center;
  min-height: 42px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 0 10px;
  color: var(--brand-dark);
  font-size: 12px;
  font-weight: 850;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.commhub-composer-real textarea {
  min-height: 48px;
}

.commhub-composer-thread textarea {
  min-height: 48px;
}

.commhub-ww-footer {
  padding: 10px 12px;
  border-top: 1px solid var(--line);
  background: color-mix(in srgb, var(--brand) 5%, var(--panel));
  color: var(--muted);
  font-size: 11.5px;
  font-weight: 850;
}

.commhub-context-grid {
  display: grid;
  align-content: start;
  gap: 8px;
  padding: 10px;
}

.commhub-context-grid article {
  display: grid;
  gap: 4px;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: color-mix(in srgb, var(--brand) 5%, var(--panel));
}

.commhub-context-grid-forms {
  gap: 10px;
}

.commhub-shell[data-commhub-tab="ww"] .commhub-context-pane {
  display: block;
  overflow: auto;
}

.commhub-shell[data-commhub-tab="ww"] .commhub-context-grid-forms {
  overflow: visible;
}

.commhub-ww-tool-panel {
  display: grid;
  align-content: start;
  gap: 14px;
  min-height: 100%;
  padding: 14px;
  overflow: auto;
  background: color-mix(in srgb, var(--bg) 68%, var(--panel));
}

.commhub-ww-tool-panel-list {
  background: var(--panel);
}

.commhub-ww-tool-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.commhub-ww-tool-head span {
  display: grid;
  gap: 3px;
}

.commhub-ww-tool-head b {
  color: var(--text);
  font-size: 18px;
  font-weight: 950;
}

.commhub-ww-tool-head small,
.commhub-ww-tool-form p {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}

.commhub-ww-tool-head a,
.commhub-ww-tool-form button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 38px;
  border: 1px solid color-mix(in srgb, var(--brand) 36%, var(--line));
  border-radius: 999px;
  background: var(--brand);
  color: #fff;
  font: inherit;
  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
}

.commhub-ww-tool-head .action-icon,
.commhub-ww-tool-form button .action-icon {
  width: 16px;
  height: 16px;
}

.commhub-ww-tool-form {
  display: grid;
  grid-template-columns: minmax(280px, 1fr) minmax(320px, 1fr);
  gap: 14px;
}

.commhub-ww-tool-form section {
  display: grid;
  align-content: start;
  gap: 10px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel);
}

.commhub-ww-tool-form label {
  display: grid;
  gap: 6px;
  color: var(--text);
  font-size: 12px;
  font-weight: 900;
}

.commhub-ww-tool-form input,
.commhub-ww-tool-form textarea,
.commhub-ww-tool-form select {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: color-mix(in srgb, var(--bg) 45%, var(--panel));
  color: var(--text);
  font: inherit;
  font-size: 12px;
}

.commhub-ww-tool-form input,
.commhub-ww-tool-form select {
  min-height: 36px;
  padding: 0 10px;
}

.commhub-ww-tool-form textarea {
  min-height: 128px;
  padding: 10px;
  resize: vertical;
}

.commhub-check {
  display: flex !important;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 8px !important;
}

.commhub-check input {
  width: 17px;
  min-height: 17px;
}

.commhub-ww-delay-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.commhub-ww-tool-searchbar {
  display: flex;
  align-items: center;
}

.commhub-ww-tool-searchbar label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: min(260px, 100%);
  min-height: 36px;
  padding: 0 12px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--bg) 70%, var(--panel));
  color: var(--muted);
}

.commhub-ww-tool-searchbar .action-icon {
  width: 16px;
  height: 16px;
}

.commhub-ww-tool-searchbar input {
  width: 100%;
  min-height: 34px;
  border: 0;
  background: transparent;
  color: var(--text);
  font: inherit;
  font-size: 12px;
  font-weight: 800;
  outline: none;
}

.commhub-ww-tool-table {
  overflow: auto;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel);
}

.commhub-ww-tool-table table {
  width: 100%;
  border-collapse: collapse;
}

.commhub-ww-tool-table th,
.commhub-ww-tool-table td {
  padding: 10px;
  border-bottom: 1px solid var(--line);
  text-align: left;
  vertical-align: top;
}

.commhub-ww-tool-table th {
  background: color-mix(in srgb, var(--bg) 70%, var(--panel));
  color: var(--text);
  font-size: 11px;
  font-weight: 900;
}

.commhub-ww-tool-table td {
  font-size: 12px;
  font-weight: 750;
}

.commhub-ww-tool-table small {
  color: var(--muted);
  font-size: 10.5px;
  font-weight: 800;
}

.commhub-ww-tool-table-whato {
  min-height: 250px;
  box-shadow: none;
}

.commhub-ww-tool-table-whato .empty {
  height: 155px;
  color: var(--muted);
  text-align: center;
}

.commhub-ww-row-action {
  color: var(--brand-dark);
  font-weight: 950;
  text-decoration: none;
}

.commhub-ww-status {
  display: inline-flex;
  min-height: 24px;
  align-items: center;
  border-radius: 999px;
  background: color-mix(in srgb, var(--brand) 10%, var(--panel));
  color: var(--brand-dark);
  padding: 3px 8px;
  font-size: 11px;
  font-weight: 900;
}

.commhub-ww-wizard-form {
  grid-template-columns: 190px repeat(2, minmax(0, 1fr));
  align-items: start;
}

.commhub-ww-wizard-steps {
  position: sticky;
  top: 0;
  display: grid;
  gap: 14px;
  padding: 12px 10px;
  border-right: 1px solid var(--line);
}

.commhub-ww-wizard-steps span {
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr);
  align-items: center;
  gap: 9px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
}

.commhub-ww-wizard-steps b {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--brand) 9%, var(--panel));
  color: var(--brand-dark);
  font-size: 11px;
}

.commhub-ww-wizard-steps .done b {
  background: var(--brand);
  color: #fff;
}

.commhub-ww-wizard-section h3,
.commhub-ww-campaign-form h3 {
  margin: 0;
  color: var(--text);
  font-size: 13px;
  font-weight: 950;
}

.commhub-ww-target-box,
.commhub-ww-message-box {
  display: grid;
  gap: 8px;
}

.commhub-ww-target-box small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}

.commhub-ww-mini-actions,
.commhub-ww-editor-actions,
.commhub-ww-message-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
}

.commhub-ww-message-head {
  justify-content: space-between;
}

.commhub-ww-mini-actions button,
.commhub-ww-editor-actions button,
.commhub-ww-message-head button {
  min-height: 26px;
  padding: 0 10px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: color-mix(in srgb, var(--brand) 8%, var(--panel));
  color: var(--brand-dark);
  font: inherit;
  font-size: 10.5px;
  font-weight: 950;
}

.commhub-ww-action-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 14px;
}

.commhub-ww-segmented {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: color-mix(in srgb, var(--bg) 55%, var(--panel));
}

.commhub-ww-segmented-wide {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.commhub-ww-segmented span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  color: var(--text);
  font-size: 12px;
  font-weight: 900;
}

.commhub-ww-segmented span.active {
  background: var(--brand);
  color: #fff;
}

.commhub-ww-wizard-preview {
  grid-column: 2 / -1;
}

@media (max-width: 1380px) {
  .commhub-ww-wizard-form {
    grid-template-columns: 170px minmax(0, 1fr);
  }

  .commhub-ww-wizard-section,
  .commhub-ww-wizard-preview {
    grid-column: 2;
  }

  .commhub-ww-action-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 920px) {
  .commhub-ww-wizard-form {
    grid-template-columns: minmax(0, 1fr);
  }

  .commhub-ww-wizard-steps,
  .commhub-ww-wizard-section,
  .commhub-ww-wizard-preview {
    grid-column: 1;
  }

  .commhub-ww-wizard-steps {
    position: static;
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }
}

.commhub-ww-kanban {
  display: grid;
  grid-template-columns: repeat(3, minmax(220px, 1fr));
  gap: 12px;
}

.commhub-ww-kanban-column {
  display: grid;
  align-content: start;
  gap: 8px;
  min-height: 360px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel);
}

.commhub-ww-kanban-column h3 {
  margin: 0 0 4px;
  font-size: 13px;
}

.commhub-ww-kanban-column h3 small {
  margin-left: 6px;
  color: var(--brand-dark);
}

.commhub-ww-kanban-column article {
  display: grid;
  gap: 4px;
  padding: 9px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: color-mix(in srgb, var(--brand) 4%, var(--panel));
}

.commhub-ww-kanban-column article span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}

.commhub-crm-head {
  min-height: 56px;
}

.commhub-crm-head-actions {
  display: inline-flex;
  gap: 6px;
}

.commhub-crm-head-actions button {
  display: inline-grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border: 1px solid transparent;
  border-radius: 7px;
  background: transparent;
  color: var(--muted);
  font: inherit;
  font-size: 16px;
  font-weight: 900;
}

.commhub-crm-context {
  display: grid;
  align-content: start;
  gap: 10px;
  padding: 10px;
}

.commhub-crm-search {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 42px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: color-mix(in srgb, var(--brand) 4%, var(--panel));
  color: var(--brand-dark);
  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
}

.commhub-crm-search .action-icon {
  width: 17px;
  height: 17px;
}

.commhub-crm-contact-card,
.commhub-crm-card {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel);
}

.commhub-crm-contact-card > div:first-child,
.commhub-crm-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.commhub-crm-section-label,
.commhub-crm-card-head strong {
  color: var(--text);
  font-size: 12px;
  font-weight: 900;
}

.commhub-crm-card-head small {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  margin-left: 4px;
  border-radius: 7px;
  background: color-mix(in srgb, var(--brand) 10%, var(--panel));
  color: var(--brand-dark);
  font-size: 11px;
  font-weight: 900;
}

.commhub-crm-card-link,
.commhub-crm-card-head a {
  color: var(--brand-dark);
  font-size: 11px;
  font-weight: 900;
  text-decoration: none;
}

.commhub-crm-contact-main {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 54px;
  gap: 10px;
  align-items: center;
}

.commhub-crm-contact-main span {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.commhub-crm-contact-main strong {
  overflow: hidden;
  color: var(--brand-dark);
  font-size: 18px;
  font-weight: 950;
  line-height: 1.1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.commhub-crm-contact-main small {
  justify-self: start;
  padding: 2px 7px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--brand) 10%, var(--panel));
  color: var(--brand-dark);
  font-size: 10px;
  font-weight: 900;
}

.commhub-crm-contact-main em {
  display: inline-grid;
  place-items: center;
  width: 54px;
  height: 54px;
  border-radius: 12px;
  background: linear-gradient(135deg, var(--brand), var(--logo-blue));
  color: #fff;
  font-size: 17px;
  font-style: normal;
  font-weight: 950;
}

.commhub-crm-contact-meta {
  display: grid;
  gap: 5px;
}

.commhub-crm-contact-meta span {
  overflow: hidden;
  color: var(--muted);
  font-size: 11px;
  font-weight: 850;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.commhub-crm-contact-tabs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

.commhub-crm-contact-tabs a {
  display: inline-flex;
  justify-content: center;
  min-height: 32px;
  padding: 7px 6px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: color-mix(in srgb, var(--brand) 4%, var(--panel));
  color: var(--brand-dark);
  font-size: 11px;
  font-weight: 900;
  text-decoration: none;
}

.commhub-crm-list {
  display: grid;
  gap: 7px;
}

.commhub-crm-line {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  min-height: 34px;
  color: var(--text);
  text-decoration: none;
}

.commhub-crm-line span {
  display: inline-grid;
  place-items: center;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--brand) 8%, var(--panel));
  color: var(--brand-dark);
}

.commhub-crm-line .action-icon {
  width: 14px;
  height: 14px;
}

.commhub-crm-line b {
  overflow: hidden;
  font-size: 12px;
  font-weight: 850;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.commhub-crm-line em,
.commhub-crm-empty {
  color: var(--muted);
  font-size: 10.5px;
  font-style: normal;
  font-weight: 800;
}

.commhub-crm-empty {
  margin: 0;
}

.commhub-email-account-row {
  grid-template-columns: 28px minmax(130px, 0.42fr) minmax(180px, 1fr) auto;
  padding: 7px 0;
  border-bottom: 1px solid color-mix(in srgb, var(--line) 70%, transparent);
}

.commhub-email-account-row.selected {
  background: color-mix(in srgb, var(--brand) 7%, transparent);
}

.commhub-email-account-row form {
  margin: 0;
}

.commhub-email-account-row button,
.commhub-email-account-form button,
.commhub-conversation-head form button,
.commhub-mini-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 7px 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: color-mix(in srgb, var(--brand) 8%, var(--panel));
  color: var(--brand-dark);
  font-size: 11px;
  font-weight: 900;
  text-decoration: none;
  cursor: pointer;
}

.commhub-email-account-form {
  display: grid;
  gap: 10px;
}

.commhub-email-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.commhub-email-form-grid label {
  display: grid;
  gap: 5px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 850;
}

.commhub-email-form-grid input,
.commhub-email-form-grid select {
  min-height: 38px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 8px 9px;
  background: var(--panel);
  color: var(--text);
  font: inherit;
}

.commhub-email-sync-paused {
  margin-left: auto;
  padding: 7px 10px;
  border: 1px solid color-mix(in srgb, var(--warning) 35%, var(--line));
  border-radius: 999px;
  background: color-mix(in srgb, var(--warning) 10%, var(--panel));
  color: var(--brand-dark);
  font-size: 11px;
  font-weight: 900;
}

.commhub-email-mailbox-tabs {
  display: flex;
  gap: 8px;
  padding: 10px 12px;
  border-bottom: 1px solid var(--line);
  overflow-x: auto;
}

.commhub-email-mailbox-tab {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 34px;
  padding: 7px 11px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--panel);
  color: var(--text);
  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
  white-space: nowrap;
}

.commhub-email-mailbox-tab.active,
.commhub-email-mailbox-tab:hover {
  border-color: color-mix(in srgb, var(--brand) 55%, var(--line));
  background: color-mix(in srgb, var(--brand) 11%, var(--panel));
  color: var(--brand-dark);
}

.commhub-email-mailbox-tab .action-icon {
  width: 16px;
  height: 16px;
}

.commhub-email-embed {
  display: grid;
  grid-template-rows: auto minmax(420px, 1fr) auto;
  min-height: 620px;
  border: 1px solid var(--line);
  border-radius: 8px;
  overflow: hidden;
  background: var(--panel);
}

.commhub-email-embed-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 12px;
  border-bottom: 1px solid var(--line);
}

.commhub-email-embed-head span {
  display: grid;
  gap: 2px;
}

.commhub-email-embed-head b {
  color: var(--brand-dark);
  font-size: 13px;
}

.commhub-email-embed-head small,
.commhub-email-embed-note {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}

.commhub-email-embed iframe {
  width: 100%;
  height: 100%;
  min-height: 420px;
  border: 0;
  background: #fff;
}

.commhub-email-embed-note {
  padding: 8px 12px;
  border-top: 1px solid var(--line);
  background: color-mix(in srgb, var(--brand) 5%, var(--panel));
}

.commhub-link-form {
  display: grid;
  gap: 8px;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel);
}

.commhub-link-form label {
  display: grid;
  gap: 6px;
  color: var(--brand-dark);
  font-size: 11px;
  font-weight: 900;
}

.commhub-link-form input {
  width: 100%;
  min-height: 38px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 0 10px;
  color: var(--text);
  font: inherit;
  font-size: 12px;
}

.commhub-link-form button,
.commhub-context-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  border: 1px solid color-mix(in srgb, var(--brand) 28%, var(--line));
  border-radius: 8px;
  background: color-mix(in srgb, var(--brand) 9%, var(--panel));
  color: var(--brand-dark);
  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
}

.commhub-context-grid strong {
  color: var(--brand-dark);
  font-size: 21px;
  line-height: 1;
}

.commhub-context-grid span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 850;
}

@media (max-width: 1320px) {
  .commhub-workspace,
  .commhub-workspace[data-priority-collapsed] {
    grid-template-columns: minmax(230px, 0.8fr) minmax(420px, 1.3fr);
  }

  .commhub-context-pane {
    grid-column: 1 / -1;
  }

  .commhub-context-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .commhub-header {
    align-items: flex-start;
    flex-direction: column;
  }

  .commhub-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .commhub-shell[data-commhub-tab="ww"] .commhub-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .commhub-workspace,
  .commhub-workspace[data-priority-collapsed] {
    grid-template-columns: minmax(0, 1fr);
    min-height: 0;
  }

  .commhub-context-pane {
    grid-column: auto;
  }

  .commhub-context-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: Arial, Helvetica, sans-serif;
  display: grid;
  grid-template-columns: 226px minmax(0, 1fr);
  min-height: 100vh;
  font-size: 13px;
  line-height: 1.42;
}

a {
  color: inherit;
}

.sidebar {
  background: var(--panel);
  border-right: 1px solid var(--line);
  padding: 16px 10px;
}

.brand {
  display: block;
  text-align: center;
  margin-bottom: 8px;
}

.brand-name {
  display: block;
  margin-top: 3px;
  color: var(--text);
  font-size: 11.5px;
  font-weight: 900;
  line-height: 1.08;
  letter-spacing: 0;
  text-transform: uppercase;
}

.brand-logo {
  display: block;
  width: 132px;
  height: 104px;
  margin: 0 auto;
  object-fit: contain;
  border: 0;
  background: transparent;
  box-shadow: none;
  filter: drop-shadow(0 12px 18px rgba(15, 38, 34, 0.12));
}

.brand-services {
  display: grid;
  gap: 6px;
  margin: 8px 4px 10px;
}

.brand-service {
  --service-color: var(--brand);
  display: grid;
  grid-template-columns: 25px 1fr;
  gap: 8px;
  align-items: center;
  color: var(--text);
  font-size: 12.3px;
  line-height: 1.1;
  font-weight: 500;
}

.brand-service-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--service-color);
}

.brand-service-icon .action-icon {
  width: 18px;
  height: 18px;
}

.service-contable {
  --service-color: var(--brand-dark);
}

.service-seguros {
  --service-color: var(--logo-blue);
}

.service-finanzas {
  --service-color: var(--logo-violet);
}

.brand-divider {
  height: 1px;
  margin: 11px 3px;
  background: linear-gradient(90deg, transparent, var(--line), transparent);
}

:root[data-theme="dark"] .brand-logo {
  filter: drop-shadow(0 14px 18px rgba(0, 0, 0, 0.32));
}

.nav-link {
  display: grid;
  grid-template-columns: 29px 1fr;
  gap: 8px;
  align-items: center;
  min-height: 34px;
  padding: 6px 9px;
  border-radius: 10px;
  text-decoration: none;
  margin-bottom: 2px;
  font-size: 13px;
  font-weight: 650;
  color: var(--text);
  position: relative;
  transition: transform 0.11s ease, background 0.11s ease, color 0.11s ease, box-shadow 0.11s ease;
}

.nav-link-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: currentColor;
}

.nav-link-icon .action-icon {
  width: 20px;
  height: 20px;
}

.nav-link.active,
.nav-link:hover {
  background: linear-gradient(90deg, color-mix(in srgb, var(--brand) 14%, var(--panel)), var(--soft));
  color: var(--brand-dark);
}

.nav-link:hover {
  transform: translateX(2px);
}

.nav-link:hover .action-icon,
.nav-link.active .action-icon {
  transform: scale(1.18);
}

.main {
  padding: 24px;
  max-width: 1500px;
  width: 100%;
}

.topbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-bottom: 18px;
}

.topbar-title {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.topbar-title h1 {
  min-width: 0;
}

.top-back-button {
  flex: 0 0 auto;
}

.top-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

/* 20260626sidebar_toggle */
.sidebar-toggle-button {
  flex: 0 0 auto;
}

.sidebar-toggle-button .action-icon {
  width: 20px;
  height: 20px;
}

:root[data-sidebar-collapsed="1"] body {
  grid-template-columns: minmax(0, 1fr);
}

:root[data-sidebar-collapsed="1"] .sidebar {
  display: none;
}

:root[data-sidebar-collapsed="1"] .main {
  max-width: none;
}

:root[data-sidebar-collapsed="1"] .sidebar-toggle-button {
  color: var(--brand-dark);
  border-color: color-mix(in srgb, var(--brand) 42%, var(--line));
  background: color-mix(in srgb, var(--brand) 12%, var(--panel));
}

.notification-wrap {
  position: relative;
}

.notification-button {
  gap: 5px;
  min-width: 48px;
  position: relative;
}

.notification-button span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  border-radius: 999px;
  background: var(--brand);
  color: #fff;
  font-size: 11px;
  font-weight: 900;
}

.notification-wrap:not(.has-alerts) .notification-button span {
  background: var(--muted);
}

.notification-panel {
  position: absolute;
  right: 0;
  top: calc(100% + 8px);
  width: min(390px, calc(100vw - 32px));
  max-height: 460px;
  overflow: auto;
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 12px;
  box-shadow: var(--shadow);
  padding: 8px;
  z-index: 20;
}

.notification-item {
  display: grid;
  grid-template-columns: 12px minmax(0, 1fr);
  gap: 10px;
  padding: 11px 10px;
  border-bottom: 1px solid var(--line);
  color: var(--text);
  text-decoration: none;
  border-radius: 9px;
}

.notification-item:last-child {
  border-bottom: 0;
}

.notification-item:hover {
  background: var(--soft);
}

.notification-dot {
  width: 8px;
  height: 8px;
  margin-top: 6px;
  border-radius: 999px;
  background: var(--brand);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--brand) 16%, transparent);
}

.notification-item.task .notification-dot {
  background: #f0a629;
  box-shadow: 0 0 0 4px rgba(240, 166, 41, 0.18);
}

.notification-copy {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.notification-copy strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.notification-copy small {
  color: var(--muted);
  font-size: 12px;
}

.notification-footer {
  display: block;
  padding: 10px;
  margin-top: 4px;
  border-radius: 9px;
  background: var(--soft);
  color: var(--brand-dark);
  font-size: 12px;
  font-weight: 900;
  text-align: center;
  text-decoration: none;
}

.notification-empty {
  padding: 12px;
  margin: 0;
}

.login-body {
  display: grid;
  grid-template-columns: 1fr;
  min-height: 100vh;
  place-items: center;
  padding: 24px;
  background:
    radial-gradient(circle at 15% 18%, rgba(22, 194, 214, 0.34), transparent 32%),
    radial-gradient(circle at 80% 12%, rgba(199, 52, 184, 0.24), transparent 30%),
    radial-gradient(circle at 26% 84%, rgba(242, 165, 31, 0.18), transparent 28%),
    linear-gradient(135deg, #0f4fc3 0%, #204f90 42%, #472a88 100%);
}

.login-shell {
  width: min(520px, 100%);
}

.login-card {
  color: #fff;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.07)),
    linear-gradient(135deg, rgba(24, 188, 214, 0.14), rgba(195, 55, 183, 0.08));
  border: 1px solid rgba(255, 255, 255, 0.26);
  border-radius: 22px;
  box-shadow: 0 26px 70px rgba(5, 17, 42, 0.32);
  padding: 34px;
  backdrop-filter: blur(14px);
}

.login-brand {
  display: flex;
  gap: 14px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}

.login-logo {
  width: 64px;
  height: 48px;
  object-fit: contain;
  border-radius: 0;
  background: transparent;
  padding: 0;
  filter: drop-shadow(0 10px 18px rgba(7, 22, 48, 0.25));
}

.login-brand strong {
  display: block;
  font-size: 16px;
  line-height: 1.1;
}

.login-brand small {
  display: block;
  margin-top: 4px;
  color: rgba(255, 255, 255, 0.7);
  font-size: 12px;
}

.login-kicker {
  color: #ffd16e;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 6px;
}

.login-card h1 {
  margin-bottom: 8px;
  font-size: 34px;
  color: #fff;
}

.login-card p {
  color: rgba(255, 255, 255, 0.82);
  margin: 0;
}

.login-form {
  display: grid;
  gap: 16px;
  margin-top: 24px;
}

.login-form label {
  color: rgba(255, 255, 255, 0.86);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.login-form input {
  min-height: 54px;
  margin-top: 8px;
  border-radius: 17px;
  border-color: rgba(255, 255, 255, 0.28);
  color: #10213f;
  background: #edf5ff;
  box-shadow: 0 10px 24px rgba(4, 16, 36, 0.12);
}

.login-form input:focus {
  border-color: #20d2d5;
  outline: 3px solid rgba(32, 210, 213, 0.3);
}

.login-form button {
  min-height: 56px;
  border: 0;
  border-radius: 18px;
  margin-top: 4px;
  background: linear-gradient(135deg, #0b7ff0 0%, #1cc3d4 50%, #8a42d7 100%);
  box-shadow: 0 16px 30px rgba(27, 111, 196, 0.35);
  font-size: 15px;
}

.login-form button:hover {
  filter: brightness(1.04);
  transform: translateY(-1px);
}

.login-error {
  margin-top: 14px;
  border: 1px solid color-mix(in srgb, var(--danger) 45%, transparent);
  background: color-mix(in srgb, var(--danger) 12%, var(--panel));
  color: var(--danger);
  border-radius: 8px;
  padding: 10px 12px;
  font-weight: 700;
}

.status-pill {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 8px 14px;
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--brand-dark);
  background: var(--panel);
}

.topbar small {
  color: color-mix(in srgb, var(--logo-gold) 74%, var(--text));
  font-weight: 800;
  text-transform: uppercase;
  font-size: 11px;
}

h1,
h2,
h3 {
  margin: 0;
  letter-spacing: 0;
}

h1 {
  font-size: 27px;
  line-height: 1.08;
}

h2 {
  font-size: 19px;
  line-height: 1.12;
}

h3 {
  font-size: 15.5px;
  line-height: 1.18;
}

.panel {
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 9px;
  padding: 16px;
  box-shadow: var(--shadow);
  max-width: 100%;
  overflow: hidden;
}

:root[data-theme="dark"] .panel,
:root[data-theme="dark"] .dash-card,
:root[data-theme="dark"] .sidebar {
  border-color: var(--line);
}

.section-title {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 16px;
  margin-bottom: 16px;
}

.section-title p {
  color: var(--muted);
  margin: 6px 0 0;
  font-size: 12.5px;
}

.dashboard-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 16px;
  align-items: start;
}

.dash-card {
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 16px;
  box-shadow: var(--shadow);
  min-height: 212px;
  height: 212px;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  overflow: hidden;
}

.dash-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
}

.dash-title-wrap {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.dash-title-wrap h3 {
  margin: 0;
}

.dash-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 11px;
  background: linear-gradient(180deg, color-mix(in srgb, var(--panel) 82%, #fff 18%), var(--soft));
  border: 1px solid var(--line);
  color: var(--text);
}

.dash-icon .action-icon {
  width: 22px;
  height: 22px;
}

.dash-head strong {
  font-size: 28px;
  color: var(--brand-dark);
}

.dash-list {
  display: grid;
  gap: 8px;
  max-height: 122px;
  overflow: auto;
  padding-right: 4px;
}

.dash-item {
  border-top: 1px solid var(--line);
  padding-top: 8px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
}

.dash-item-main {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.dash-item-main .strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dash-actions {
  gap: 5px;
  flex-wrap: nowrap;
}

.dash-actions .icon-btn {
  width: 34px;
  min-width: 34px;
  min-height: 32px;
  border-radius: 9px;
}

.dash-actions .action-icon {
  width: 19px;
  height: 19px;
}

.dash-details summary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #1e2c47;
  background: linear-gradient(180deg, color-mix(in srgb, var(--panel) 85%, #fff 15%), var(--soft));
  border: 1px solid color-mix(in srgb, var(--line) 72%, transparent);
  border-radius: 9px;
  box-shadow: 0 5px 14px rgba(22, 44, 37, 0.06);
  margin-bottom: 8px;
  width: 34px;
  height: 32px;
  list-style: none;
  position: relative;
  transition: transform 0.11s ease, border-color 0.11s ease, background 0.11s ease, box-shadow 0.11s ease;
}

.dash-details summary:hover {
  transform: translateY(-2px);
  border-color: color-mix(in srgb, var(--brand) 38%, var(--line));
  box-shadow: 0 10px 22px rgba(22, 44, 37, 0.13);
}

.dash-details summary::-webkit-details-marker {
  display: none;
}

.dash-details summary::marker {
  content: "";
}

.dash-details summary .action-icon {
  width: 18px;
  height: 18px;
}

.dash-more {
  display: block;
  color: var(--muted);
  font-weight: 800;
  padding: 3px 0 0;
}

.dash-empty {
  grid-column: 1 / -1;
  min-height: 140px;
  display: grid;
  align-content: center;
}

.panel.narrow {
  max-width: 900px;
}

.toolbar,
.record-head,
.form-actions,
.actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.actions form {
  margin: 0;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.toolbar,
.record-head {
  justify-content: space-between;
  margin-bottom: 16px;
}

.search-form {
  display: flex;
  gap: 8px;
  flex: 1;
  min-width: 280px;
}

input,
select,
textarea {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 7px;
  padding: 9px 10px;
  font: inherit;
  background: var(--panel);
  color: var(--text);
}

input:focus,
select:focus,
textarea:focus {
  outline: 2px solid color-mix(in srgb, var(--brand) 35%, transparent);
  border-color: var(--brand);
}

textarea {
  min-height: 88px;
}

input[type="file"] {
  padding: 8px;
}

button,
.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 7px;
  background: var(--brand);
  color: white;
  padding: 9px 12px;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
  cursor: pointer;
}

.icon-btn {
  width: 38px;
  min-width: 38px;
  min-height: 36px;
  padding: 0;
  border-radius: 10px;
  background: linear-gradient(180deg, color-mix(in srgb, var(--panel) 85%, #fff 15%), var(--soft));
  color: #1e2c47;
  border: 1px solid color-mix(in srgb, var(--line) 72%, transparent);
  box-shadow: 0 5px 14px rgba(22, 44, 37, 0.06);
  line-height: 1;
  position: relative;
  transition: transform 0.11s ease, border-color 0.11s ease, background 0.11s ease, box-shadow 0.11s ease, color 0.11s ease;
}

.icon-btn:hover {
  transform: translateY(-2px);
  border-color: color-mix(in srgb, var(--brand) 38%, var(--line));
  box-shadow: 0 10px 22px rgba(22, 44, 37, 0.15);
}

.icon-btn:active {
  transform: translateY(0);
}

.icon-btn.is-copied {
  color: var(--brand-dark);
  border-color: color-mix(in srgb, var(--brand) 45%, var(--line));
  background: color-mix(in srgb, var(--brand) 16%, var(--panel));
}

.icon-btn.danger,
button.icon-btn.danger {
  background: linear-gradient(180deg, #fff7f7, #fdecec);
  color: #9f2e2e;
  border-color: #f0c5c5;
}

:root[data-theme="dark"] .icon-btn {
  background: linear-gradient(180deg, #22322c, #192620);
  color: #d9e9ff;
  border-color: #40554b;
  box-shadow: none;
}

:root[data-theme="dark"] .icon-btn.danger,
:root[data-theme="dark"] button.icon-btn.danger {
  background: linear-gradient(180deg, #3a2323, #2c1b1b);
  color: #ffb2b2;
  border-color: #784747;
}

:root[data-theme="dark"] .dash-details summary {
  background: linear-gradient(180deg, #22322c, #192620);
  color: #d9e9ff;
  border-color: #40554b;
  box-shadow: none;
}

.action-icon {
  width: 22px;
  height: 22px;
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform 0.1s ease, filter 0.1s ease, stroke 0.1s ease;
  transform-origin: center;
}

.icon-btn:hover .action-icon,
.notification-button:hover .action-icon,
.filter-chip.icon-filter:hover .action-icon,
.dash-details summary:hover .action-icon {
  transform: scale(1.34) translateY(-1px);
  filter: drop-shadow(0 3px 6px rgba(20, 45, 38, 0.18));
}

:root[data-theme="dark"] .icon-btn:hover .action-icon,
:root[data-theme="dark"] .notification-button:hover .action-icon,
:root[data-theme="dark"] .filter-chip.icon-filter:hover .action-icon,
:root[data-theme="dark"] .dash-details summary:hover .action-icon {
  filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.35));
}

.action-icon .tone {
  stroke: currentColor;
}

.action-icon .accent {
  stroke: #4a78ff;
}

.action-icon .danger-stroke {
  stroke: #df4f4f;
}

.action-icon .whatsapp-stroke {
  stroke: #29b75f;
}

.action-icon .success-stroke {
  stroke: #39b66b;
}

.action-icon .ai-stroke {
  stroke: #7b61ff;
}

.crm-tooltip {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10000;
  pointer-events: none;
  opacity: 0;
  transform: translateY(3px);
  transform-origin: center;
  max-width: min(280px, calc(100vw - 16px));
  padding: 6px 9px;
  border-radius: 7px;
  background: #1e2c27;
  color: #f8fffb;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 5px 16px rgba(18, 35, 29, 0.22);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.25;
  white-space: nowrap;
  letter-spacing: 0;
  transition: opacity 0.08s ease, transform 0.08s ease;
}

.crm-tooltip.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.crm-tooltip[data-placement="right"] {
  transform: translateX(-3px);
}

.crm-tooltip[data-placement="right"].is-visible {
  transform: translateX(0);
}

.crm-tooltip[data-placement="bottom"] {
  transform: translateY(-3px);
}

.crm-tooltip[data-placement="bottom"].is-visible {
  transform: translateY(0);
}

:root[data-theme="dark"] .crm-tooltip {
  background: #f5fbf8;
  color: #0d1813;
  border-color: rgba(255, 255, 255, 0.18);
  box-shadow: 0 5px 18px rgba(0, 0, 0, 0.3);
}

.actions {
  gap: 6px;
}

.actions .button,
.actions button {
  min-height: 32px;
}

.actions button.danger:not(.icon-btn) {
  width: 34px;
  min-width: 34px;
  padding: 0;
  font-size: 0;
}

.actions button.danger:not(.icon-btn)::before {
  content: "\1F5D1";
  font-size: 15px;
}

.button.secondary,
button.secondary {
  background: var(--soft);
  color: var(--text);
  border: 1px solid var(--line);
}

.button.small {
  padding: 7px 9px;
  font-size: 13px;
}

button.small {
  padding: 7px 9px;
  font-size: 13px;
}

button.danger,
.button.danger {
  background: #b84a4a;
  color: #fff;
}

button:disabled,
.button:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

button.danger:hover,
.button.danger:hover {
  background: #9f3737;
}

table {
  width: 100%;
  border-collapse: collapse;
  table-layout: auto;
}

.table-scroll {
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
}

.contacts-table {
  table-layout: fixed;
  min-width: 960px;
}

.contacts-table .col-select {
  width: 38px;
}

.contacts-table .col-contact {
  width: 22%;
}

.contacts-table .col-phone {
  width: 13%;
}

.contacts-table .col-email {
  width: 20%;
}

.contacts-table .col-tags {
  width: 17%;
}

.contacts-table .col-type {
  width: 9%;
}

.contacts-table .col-client-type {
  width: 9%;
}

.contacts-table .col-state {
  width: 6%;
}

.contacts-table th,
.contacts-table td {
  overflow-wrap: anywhere;
}

.contacts-table .select-cell {
  text-align: center;
  vertical-align: middle;
}

.contacts-table .contact-cell .strong {
  color: var(--text);
}

.contacts-table .tag-cell {
  white-space: normal;
}

.contacts-table .tag-cell .tag {
  margin: 2px 4px 2px 0;
  max-width: 100%;
}

.contacts-table .pill {
  white-space: nowrap;
  max-width: none;
}

.realplus-toolbar {
  justify-content: flex-start;
}

.realplus-search {
  flex: 1 1 420px;
  max-width: 560px;
}

.realplus-table {
  min-width: 1060px;
}

.spreadsheet-table {
  width: max-content;
  min-width: 3200px;
  table-layout: auto;
}

.sheet-scroll {
  padding-bottom: 8px;
}

.sheet-contact {
  min-width: 230px;
}

.sheet-check {
  width: 44px;
}

.sheet-input {
  width: 100%;
  min-height: 32px;
  padding: 6px 8px;
  border-radius: 8px;
  font-size: 12px;
  background: color-mix(in srgb, var(--panel) 94%, var(--brand) 6%);
}

.sheet-input:focus {
  background: var(--panel);
}

.sheet-actions {
  min-width: 94px;
  white-space: nowrap;
  text-align: center;
  line-height: 0;
}

.sheet-actions .row-save-form {
  display: none;
}

.sheet-actions form:not(.row-save-form) {
  display: inline-flex;
  align-items: center;
  margin: 0 0 0 6px;
  vertical-align: middle;
}

.sheet-actions .icon-btn {
  min-height: 34px;
  width: 36px;
  min-width: 36px;
  vertical-align: middle;
}

.sheet-action-stack {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
  vertical-align: middle;
}

.sheet-action-row {
  display: inline-flex;
  gap: 5px;
  align-items: center;
}

.sheet-reminder {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: var(--muted);
  font-size: 11px;
  line-height: 1;
}

.sheet-reminder select {
  width: 108px;
  min-height: 28px;
  padding: 4px 8px;
  border-radius: 8px;
  font-size: 11px;
}

.prospection-notice {
  margin: 8px 0 12px;
}

.sheet-date-cell {
  width: 340px;
  min-width: 340px !important;
  white-space: nowrap;
}

.sheet-date-schedule {
  display: grid;
  grid-template-columns: 130px 34px 136px;
  align-items: center;
  gap: 5px;
  white-space: nowrap;
  width: 100%;
}

.sheet-date-schedule .sheet-input {
  width: 130px;
}

.sheet-date-schedule .icon-btn {
  width: 34px;
  min-width: 34px;
  min-height: 32px;
}

.sheet-date-schedule .sheet-reminder select {
  width: 86px;
}

.prospeccion-table th:last-child,
.prospeccion-table td.sheet-actions {
  min-width: 94px;
}

.sheet-linked-cell {
  vertical-align: middle;
}

.sheet-linked-content {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 34px;
  align-items: center;
  gap: 8px;
  width: 100%;
}

.sheet-linked-content > span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
}

.sheet-linked-content .icon-btn {
  width: 32px;
  min-width: 32px;
  min-height: 32px;
  padding: 0;
}

.realplus-table th {
  color: var(--muted);
  font-size: 11px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.realplus-table td {
  vertical-align: middle;
}

.realplus-table .row-number {
  color: var(--muted);
  width: 48px;
  text-align: center;
}

.prospeccion-table .tag-cell .tag {
  margin: 2px 4px 2px 0;
}

.agenda-panel {
  max-width: 1180px;
}

.agenda-panel .section-title {
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 8px;
}

.agenda-header-actions {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: nowrap;
  margin-left: auto;
}

.agenda-header-actions .agenda-header-form,
.agenda-header-form {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 38px;
  min-width: 38px;
  height: 36px;
  min-height: 36px;
  margin: 0 !important;
  padding: 0 !important;
}

.agenda-header-actions .icon-btn {
  width: 38px;
  min-width: 38px;
  height: 36px;
  min-height: 36px;
  padding: 0;
}

.agenda-header-actions .agenda-header-form > button.icon-btn {
  transform: translateY(-1px);
}

.agenda-google-sync {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin: -2px 0 12px;
  padding: 0;
  min-height: 0;
  border: 0;
  background: transparent;
}

.agenda-google-copy {
  display: inline-flex;
  align-items: baseline;
  gap: 5px;
  min-width: 0;
  flex-wrap: wrap;
}

.agenda-google-copy strong {
  font-size: 11.5px;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
}

.agenda-google-copy small {
  display: inline;
  margin: 0;
  color: var(--muted);
  font-size: 11.5px;
  line-height: 1.25;
}

.agenda-google-actions {
  display: none !important;
}

.agenda-controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 14px;
}

.agenda-nav-group {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  min-width: 0;
}

.agenda-nav-group > strong {
  margin-left: 6px;
  font-size: 17px;
  font-weight: 600;
  white-space: nowrap;
}

.agenda-controls.is-google {
  justify-content: flex-end;
}

.agenda-controls.is-google .agenda-nav-group {
  display: none;
}

.agenda-view-tabs {
  margin-left: auto;
  display: inline-flex;
  padding: 3px;
  gap: 3px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--soft);
}

.agenda-view-tabs span,
.agenda-view-tabs a {
  display: inline-flex;
  padding: 7px 12px;
  border-radius: 8px;
  color: var(--muted);
  font-weight: 500;
  text-decoration: none;
}

.agenda-view-tabs .active {
  color: var(--text);
  background: var(--panel);
  box-shadow: var(--shadow);
}

.agenda-calendar {
  overflow-x: auto;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--panel);
}

.agenda-google-embed {
  width: 100%;
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--panel);
}

.agenda-google-frame {
  display: block;
  width: 100%;
  height: clamp(560px, 72vh, 820px);
  min-height: 560px;
  border: 0;
  background: #ffffff;
}

@media (max-width: 900px) {
  .agenda-view-tabs {
    max-width: 100%;
    overflow-x: auto;
    scrollbar-width: none;
  }

  .agenda-view-tabs::-webkit-scrollbar {
    display: none;
  }

  .agenda-view-tabs a {
    flex: 0 0 auto;
    padding: 7px 10px;
  }

  .agenda-google-frame {
    height: 68vh;
    min-height: 520px;
  }
}

.agenda-grid {
  display: grid;
  grid-template-columns: 72px repeat(7, minmax(135px, 1fr));
  min-width: 1040px;
}

.agenda-head {
  position: sticky;
  top: 0;
  z-index: 1;
  background: var(--soft);
  border-bottom: 1px solid var(--line);
}

.agenda-day-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-height: 54px;
  padding: 10px;
  border-left: 1px solid var(--line);
  color: var(--muted);
}

.agenda-day-head strong {
  color: var(--text);
  font-size: 18px;
}

.agenda-day-head.is-today {
  background: color-mix(in srgb, var(--brand) 14%, var(--panel));
  color: var(--brand-dark);
}

.agenda-body {
  grid-auto-rows: minmax(58px, auto);
}

.agenda-hour,
.agenda-slot {
  min-height: 58px;
  padding: 8px;
  border-bottom: 1px solid var(--line);
}

.agenda-hour {
  color: var(--muted);
  font-weight: 800;
  font-size: 12px;
  background: var(--soft);
}

.agenda-slot {
  border-left: 1px solid var(--line);
}

.agenda-event {
  display: block;
  padding: 8px 9px;
  margin-bottom: 6px;
  border-radius: 10px;
  border: 1px solid color-mix(in srgb, var(--brand) 40%, var(--line));
  background: color-mix(in srgb, var(--brand) 14%, var(--panel));
  text-decoration: none;
}

.agenda-event strong,
.agenda-event small {
  display: block;
}

.agenda-event small {
  margin-top: 3px;
  color: var(--muted);
  font-size: 11px;
}

.agenda-list {
  margin-top: 16px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--panel);
  overflow: hidden;
}

.agenda-list.empty {
  padding: 14px;
  color: var(--muted);
}

.agenda-list-title,
.agenda-list-row {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) 120px 100px;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  border-bottom: 1px solid var(--line);
}

.agenda-list-title {
  background: var(--soft);
  color: var(--muted);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

.agenda-list-row:last-child {
  border-bottom: 0;
}

.agenda-list-row strong,
.agenda-list-row small {
  display: block;
}

.agenda-list-row small {
  margin-top: 3px;
  color: var(--muted);
  font-size: 12px;
}

.agenda-month-grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(130px, 1fr));
  gap: 1px;
  border: 1px solid var(--line);
  border-radius: 12px;
  overflow: hidden;
  background: var(--line);
}

.agenda-weekday,
.agenda-month-cell {
  background: var(--panel);
  padding: 10px;
}

.agenda-weekday {
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.agenda-month-cell {
  min-height: 128px;
}

.agenda-month-cell.is-empty {
  background: var(--soft);
}

.agenda-month-cell.is-today {
  box-shadow: inset 0 0 0 2px var(--brand);
}

.agenda-month-day {
  font-weight: 900;
  margin-bottom: 8px;
}

.agenda-day-view {
  border: 1px solid var(--line);
  border-radius: 12px;
  overflow: hidden;
  background: var(--panel);
}

.agenda-day-hour,
.agenda-day-slot {
  min-height: 58px;
  padding: 9px 10px;
  border-bottom: 1px solid var(--line);
}

.agenda-day-hour {
  float: left;
  width: 82px;
  color: var(--muted);
  font-weight: 900;
  background: var(--soft);
}

.agenda-day-slot {
  margin-left: 82px;
}

.prospection-card {
  max-width: 900px;
}

.stacked-form {
  display: grid;
  gap: 14px;
}

.referral-row {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) minmax(150px, 0.7fr) minmax(180px, 1fr);
  gap: 12px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--soft);
}

.referral-row .span-3 {
  grid-column: 1 / -1;
}

.form-help {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.choice-list {
  display: grid;
  gap: 10px;
}

.choice-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  padding: 11px 12px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--soft);
  font-weight: 800;
  color: var(--text);
}

.choice-main {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.choice-main input {
  width: 16px;
  height: 16px;
}

.choice-main span {
  min-width: 0;
}

.choice-qty {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--muted);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

.choice-qty input {
  width: 76px;
  min-height: 30px;
  padding: 5px 8px;
  text-align: center;
  font-size: 13px;
}

th,
td {
  text-align: left;
  padding: 9px 9px;
  border-bottom: 1px solid var(--line);
  vertical-align: top;
  font-size: 13px;
}

table td.actions {
  display: table-cell;
  vertical-align: middle;
  white-space: nowrap;
}

table td.actions form {
  display: inline-flex;
  margin: 0;
  vertical-align: middle;
}

table td.actions > * + * {
  margin-left: 6px;
}

table td.actions .button,
table td.actions button {
  vertical-align: middle;
}

.pagination-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid var(--line);
}

.pagination-pages,
.per-page-form {
  display: flex;
  align-items: center;
  gap: 6px;
}

.page-link,
.page-ellipsis {
  min-width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  border: 1px solid var(--line);
  background: var(--soft);
  color: var(--text);
  font-size: 13px;
  font-weight: 700;
}

.page-link.active {
  background: color-mix(in srgb, var(--accent) 24%, var(--soft));
  border-color: color-mix(in srgb, var(--accent) 58%, var(--line));
  color: var(--accent-strong);
}

.page-ellipsis {
  border-color: transparent;
  background: transparent;
  color: var(--muted);
}

.per-page-form {
  color: var(--muted);
  font-size: 13px;
}

.per-page-form label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
}

.per-page-form select {
  min-height: 34px;
  padding: 6px 26px 6px 10px;
}

@media (max-width: 760px) {
  .pagination-bar {
    align-items: flex-start;
    flex-direction: column;
  }
}

th {
  color: #52645e;
  font-size: 11px;
  letter-spacing: 0;
  text-transform: uppercase;
}

tr:hover td {
  background: var(--soft);
}

small,
.muted {
  color: var(--muted);
  font-size: 12px;
}

.strong {
  font-weight: 800;
  text-decoration: none;
}

.empty {
  color: var(--muted);
  text-align: center;
  padding: 28px;
}

.detail-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(280px, 0.8fr);
  gap: 16px;
}

.client-layout {
  display: grid;
  gap: 14px;
}

.client-summary {
  border-left: 4px solid var(--brand);
}

.info-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.info-strip article {
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 9px;
  padding: 12px 14px;
  box-shadow: var(--shadow);
}

.info-strip strong {
  display: block;
  font-size: 22px;
  color: var(--brand-dark);
}

.info-strip span {
  color: var(--muted);
  font-weight: 700;
}

.relationship-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
  gap: 14px;
  align-items: start;
}

.relationship-grid .interaction-panel {
  grid-column: 1 / -1;
}

.client-summary .field-grid {
  grid-template-columns: repeat(auto-fit, minmax(155px, 1fr));
}

.panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.compact-table th,
.compact-table td {
  padding: 8px 7px;
}

.quick-interaction {
  display: grid;
  grid-template-columns: 180px 220px 1fr 220px auto;
  gap: 9px;
  align-items: start;
  margin-bottom: 12px;
}

.quick-interaction textarea {
  min-height: 42px;
}

.communication-panel {
  display: grid;
  gap: 12px;
}

.communication-panel > .whatsapp-send-panel {
  order: 10;
}

.communication-panel > .quick-type-bar {
  order: 20;
  margin-top: 4px;
  border-top: 1px solid var(--line);
  padding-top: 14px;
}

.communication-panel > .quick-type-bar::before {
  content: "Registrar comunicación";
  flex: 0 0 100%;
  color: var(--text);
  font-size: 15px;
  font-weight: 900;
}

.communication-panel > .communication-form {
  order: 21;
}

.communication-panel > .communication-filters {
  order: 30;
  margin-top: 4px;
  border-top: 1px solid var(--line);
  padding-top: 14px;
}

.communication-panel > .communication-filters::before {
  content: "Historial";
  flex: 0 0 100%;
  color: var(--text);
  font-size: 15px;
  font-weight: 900;
}

.communication-panel > .timeline {
  order: 40;
  max-height: min(560px, calc(100vh - 260px));
  overflow-y: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--line);
  border-radius: 12px;
  background:
    radial-gradient(circle at 18px 18px, rgba(98, 86, 70, 0.055) 0 1px, transparent 1px 100%),
    linear-gradient(135deg, rgba(98, 86, 70, 0.035) 25%, transparent 25%) 0 0 / 30px 30px,
    #e9e3d8;
  padding: 16px 18px;
}

.communication-filters,
.quick-type-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.filter-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  border: 1px solid var(--line);
  background: var(--soft);
  color: var(--text);
  padding: 6px 10px;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
}

.filter-chip.icon-filter {
  width: 38px;
  height: 36px;
  padding: 0;
  border-radius: 10px;
  background: linear-gradient(180deg, color-mix(in srgb, var(--panel) 86%, #fff 14%), var(--soft));
  position: relative;
  transition: transform 0.11s ease, border-color 0.11s ease, background 0.11s ease, box-shadow 0.11s ease;
}

.filter-chip.icon-filter:hover {
  transform: translateY(-2px);
  border-color: color-mix(in srgb, var(--brand) 38%, var(--line));
  box-shadow: 0 10px 22px rgba(22, 44, 37, 0.12);
}

.filter-chip.icon-filter .action-icon {
  width: 21px;
  height: 21px;
}

.filter-chip.active {
  background: var(--brand);
  border-color: var(--brand);
  color: #fff;
}

.filter-chip.active .action-icon .accent,
.filter-chip.active .action-icon .whatsapp-stroke,
.filter-chip.active .action-icon .success-stroke {
  stroke: #fff;
}

.suggested-message-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(180px, 260px);
  gap: 10px;
  align-items: end;
  border: 1px solid var(--line);
  border-radius: 9px;
  padding: 12px;
  background: color-mix(in srgb, var(--panel) 88%, var(--soft));
}

.suggested-message-form label {
  grid-row: span 2;
}

.suggested-message-form textarea {
  min-height: 92px;
}

.whatsapp-send-panel {
  display: grid;
  grid-template-columns: 170px 240px minmax(280px, 1fr) auto;
  gap: 10px;
  align-items: end;
  border: 1px solid var(--line);
  border-radius: 9px;
  padding: 12px;
  background: color-mix(in srgb, var(--panel) 88%, var(--soft));
}

.whatsapp-send-panel .message-box textarea {
  min-height: 78px;
}

.mini-title {
  font-weight: 900;
  color: var(--brand-dark);
  margin-bottom: 4px;
}

.communication-notice {
  margin: 0;
}

.field-grid,
.form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 13px;
}

.field {
  border: 1px solid var(--line);
  background: color-mix(in srgb, var(--panel) 88%, var(--soft));
  border-radius: 8px;
  padding: 11px;
}

.field strong {
  display: block;
  color: #155f4d;
  font-size: 11px;
  text-transform: uppercase;
  margin-bottom: 6px;
}

label {
  display: grid;
  gap: 6px;
  font-weight: 700;
  color: #52645e;
}

.task-title-field {
  color: var(--text);
}

.task-title-field input {
  font-size: 18px;
  font-weight: 800;
  padding: 12px 13px;
}

:root[data-theme="dark"] label,
:root[data-theme="dark"] th {
  color: #c8d9d2;
}

.span-2 {
  grid-column: span 2;
}

.check-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.tag-fieldset {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
}

.tag-fieldset legend {
  padding: 0 6px;
  font-weight: 800;
  color: #155f4d;
}

.tag-choice {
  display: inline-flex;
  align-items: center;
  width: auto;
  cursor: pointer;
}

.tag-choice input {
  width: auto;
  margin-right: 4px;
}

.quick-tag-row {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) 46px minmax(180px, auto);
  gap: 8px;
  align-items: center;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid var(--line);
}

.quick-tag-row input[type="color"] {
  padding: 3px;
  height: 38px;
}

.check {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-weight: 700;
  color: var(--text);
}

.check input {
  width: auto;
}

.tag {
  --tag-color: #6b7280;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 58px;
  padding: 2px 7px;
  border-radius: 999px;
  font-size: 10.5px;
  font-weight: 650;
  letter-spacing: 0;
  text-transform: lowercase;
  background: color-mix(in srgb, var(--tag-color) 22%, white);
  color: #14352c;
  margin: 1px;
}

.tag-edit {
  gap: 6px;
}

.tag-edit button {
  width: 17px;
  height: 17px;
  padding: 0;
  border-radius: 50%;
  background: color-mix(in srgb, var(--tag-color) 40%, #000);
  color: #fff;
  font-size: 12px;
  line-height: 1;
}

:root[data-theme="dark"] .tag {
  background: color-mix(in srgb, var(--tag-color) 54%, #101713);
  color: #f7fffb;
  border: 1px solid color-mix(in srgb, var(--tag-color) 64%, var(--line));
}

.pill {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 4px 8px;
  background: #eef4f1;
  color: #155f4d;
  font-size: 12px;
  font-weight: 800;
}

:root[data-theme="dark"] .pill {
  background: #25362f;
  color: #d9fff0;
  border: 1px solid var(--line);
}

.pill.ok {
  background: #e7f4ec;
  color: #17603e;
}

:root[data-theme="dark"] .pill.ok {
  background: #1d4031;
  color: #bdf4d7;
}

.pill.warn {
  background: #fff4df;
  color: #80520f;
}

:root[data-theme="dark"] .pill.warn {
  background: #46341e;
  color: #f6cf8f;
}

.pill.muted-pill {
  background: #eef0f1;
  color: #5d6662;
}

:root[data-theme="dark"] .pill.muted-pill {
  background: #26312d;
  color: #c9d8d2;
}

.pill.danger-soft {
  background: #fde8e8;
  color: #a13131;
}

:root[data-theme="dark"] .pill.danger-soft {
  background: #4a2424;
  color: #ffb5b5;
}

.pill.sendpulse-pill {
  background: #e6f7ef;
  color: #0e6a47;
  border: 1px solid #b8e4cf;
}

:root[data-theme="dark"] .pill.sendpulse-pill {
  background: #173b2d;
  color: #bff6d9;
  border-color: #2f7a63;
}

.timeline {
  display: grid;
  gap: 12px;
  margin-top: 10px;
}

.communication-panel .timeline {
  align-content: start;
  gap: 8px;
}

.timeline-item {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  position: relative;
}

.communication-panel .timeline-item {
  display: flex;
  grid-template-columns: none;
  gap: 0;
}

.communication-panel .timeline-item::before,
.communication-panel .timeline-dot {
  display: none;
}

.communication-panel .timeline-item.message-out {
  justify-content: flex-end;
}

.communication-panel .timeline-item.message-in,
.communication-panel .timeline-item.message-neutral {
  justify-content: flex-start;
}

.timeline-item::before {
  content: "";
  position: absolute;
  left: 8px;
  top: 18px;
  bottom: -14px;
  width: 1px;
  background: var(--line);
}

.timeline-item:last-child::before {
  display: none;
}

.timeline-dot {
  width: 10px;
  height: 10px;
  margin-top: 12px;
  border-radius: 50%;
  background: var(--brand);
  border: 2px solid var(--panel);
  box-shadow: 0 0 0 2px var(--brand);
  z-index: 1;
}

.timeline-dot.channel-whatsapp,
.channel-badge.channel-whatsapp {
  --channel-color: #1d8f62;
}

.timeline-dot.channel-email,
.channel-badge.channel-email {
  --channel-color: #2563a8;
}

.timeline-dot.channel-llamada,
.channel-badge.channel-llamada {
  --channel-color: #7c5aa6;
}

.timeline-dot.channel-reunion,
.channel-badge.channel-reunion {
  --channel-color: #b8792a;
}

.timeline-dot.channel-documento,
.channel-badge.channel-documento {
  --channel-color: #607080;
}

.timeline-dot.channel-cotizacion,
.channel-badge.channel-cotizacion {
  --channel-color: #a85a5a;
}

.timeline-dot.channel-nota,
.channel-badge.channel-nota,
.timeline-dot.channel-comunicacion,
.channel-badge.channel-comunicacion {
  --channel-color: #2f7a63;
}

.timeline-dot[class*="channel-"] {
  background: var(--channel-color);
  box-shadow: 0 0 0 2px var(--channel-color);
}

.timeline-card {
  border: 1px solid var(--line);
  border-radius: 9px;
  padding: 11px 12px;
  background: color-mix(in srgb, var(--panel) 92%, var(--soft));
}

.communication-panel .message-bubble {
  width: fit-content;
  max-width: min(72%, 760px);
  border: 1px solid transparent;
  border-radius: 8px;
  padding: 7px 9px 5px;
  box-shadow: 0 1px 2px rgba(20, 28, 24, 0.12);
}

.communication-panel .message-out .message-bubble {
  border-bottom-right-radius: 2px;
  background: #d9fdd3;
  color: #111b16;
  border-color: #c4eac0;
}

.communication-panel .message-in .message-bubble {
  border-bottom-left-radius: 2px;
  background: #ffffff;
  color: #111b16;
  border-color: #e3ded3;
}

.communication-panel .message-neutral .message-bubble {
  background: #ffffff;
  color: #111b16;
  border-color: #e3ded3;
}

:root[data-theme="dark"] .communication-panel > .timeline {
  background:
    radial-gradient(circle at 18px 18px, rgba(98, 86, 70, 0.055) 0 1px, transparent 1px 100%),
    linear-gradient(135deg, rgba(98, 86, 70, 0.035) 25%, transparent 25%) 0 0 / 30px 30px,
    #e9e3d8;
}

:root[data-theme="dark"] .communication-panel .message-out .message-bubble {
  background: #d9fdd3;
  color: #111b16;
  border-color: #c4eac0;
}

:root[data-theme="dark"] .communication-panel .message-in .message-bubble {
  background: #ffffff;
  color: #111b16;
  border-color: #e3ded3;
}

:root[data-theme="dark"] .communication-panel .message-neutral .message-bubble {
  background: #ffffff;
  color: #111b16;
  border-color: #e3ded3;
}

.timeline-card p {
  margin: 8px 0;
  line-height: 1.45;
}

.communication-panel .message-text {
  margin: 2px 0 4px;
  color: inherit;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.42;
  white-space: pre-wrap;
}

.communication-panel .message-detail {
  display: block;
  color: currentColor;
  font-size: 11px;
  opacity: 0.68;
}

.timeline-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 2px;
}

.timeline-actions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
}

.communication-panel .timeline-actions {
  gap: 4px;
}

.communication-panel .message-time {
  color: currentColor;
  font-size: 10px;
  font-weight: 700;
  opacity: 0.58;
  white-space: nowrap;
}

.communication-panel .timeline-tags {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  opacity: 0.7;
}

.communication-panel .channel-badge,
.communication-panel .sendpulse-pill,
.communication-panel .message-foot {
  border: 0;
  background: transparent;
  box-shadow: none;
  color: currentColor;
  font-size: 9px;
  font-weight: 700;
  line-height: 1;
  opacity: 0.56;
  padding: 0;
  text-transform: lowercase;
}

.communication-panel .sendpulse-pill::before {
  content: " / ";
}

.communication-panel .message-foot {
  display: block;
  margin-top: 2px;
  text-align: right;
}

.timeline-actions form {
  margin: 0;
}

.timeline-delete {
  width: 24px;
  min-height: 24px;
  padding: 0;
  border-radius: 50%;
  font-size: 13px;
  line-height: 1;
  opacity: 0.72;
}

.timeline-delete:hover {
  opacity: 1;
}

.timeline-tags {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  flex-wrap: wrap;
}

.channel-badge {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: 900;
  color: #fff;
  background: var(--channel-color, var(--brand));
}

.filter-panel,
.inline-form {
  display: flex;
  align-items: end;
  gap: 10px;
  flex-wrap: wrap;
  padding: 12px;
  margin-bottom: 14px;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: color-mix(in srgb, var(--panel) 88%, var(--soft));
}

.filter-panel label {
  min-width: 180px;
}

.inline-form input[type="color"] {
  width: 46px;
  height: 39px;
  padding: 3px;
}

.tag-builder {
  display: grid;
  gap: 8px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: color-mix(in srgb, var(--panel) 88%, var(--soft));
}

.tag-builder-row,
.tag-row-form {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) 48px auto;
  gap: 8px;
  align-items: center;
}

.tag-row-form {
  grid-template-columns: minmax(150px, 1fr) 48px minmax(130px, 1fr) auto;
}

.tag-builder-row input[type="color"],
.tag-row-form input[type="color"] {
  height: 38px;
  padding: 3px;
}

.tag-suggestions {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  align-items: center;
  max-width: 100%;
}

.tag-suggestions[hidden] {
  display: none;
}

.tag-suggestion {
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  min-height: auto;
  cursor: pointer;
}

.tag-suggestion:hover .tag {
  transform: translateY(-1px);
  filter: saturate(1.08);
}

.tag-builder-inline {
  gap: 5px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.tag-builder-row.compact {
  grid-template-columns: minmax(110px, 1fr) 32px 32px;
  gap: 5px;
}

.tag-builder-row.compact input[data-tag-name] {
  min-height: 30px;
  padding: 5px 8px;
  font-size: 12px;
}

.tag-builder-row.compact input[type="color"] {
  width: 32px;
  height: 30px;
  min-height: 30px;
  padding: 2px;
}

.tag-builder-row.compact .icon-btn {
  width: 32px;
  min-width: 32px;
  min-height: 30px;
  border-radius: 8px;
}

.tag-builder-preview.compact {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  min-height: 22px;
}

.tag-builder-inline .tag-suggestions {
  max-height: 62px;
  overflow-y: auto;
  padding-right: 2px;
}

.tag-builder-preview {
  min-height: 28px;
}

.tag-create-hint {
  justify-self: start;
  min-height: 30px;
  padding: 5px 10px;
  border-radius: 8px;
  background: color-mix(in srgb, var(--soft) 82%, var(--accent));
  color: var(--accent-strong);
  border: 1px solid var(--line);
  font-size: 12px;
  font-weight: 750;
}

.tag-create-hint[hidden] {
  display: none;
}

.ok-alert {
  background: #e9f8ef;
  border-color: #bee9ce;
  color: #17603e;
}

:root[data-theme="dark"] .ok-alert {
  background: #193427;
  border-color: #315c47;
  color: #bdf4d7;
}

.info-box {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: color-mix(in srgb, var(--panel) 88%, var(--soft));
  color: var(--muted);
}

.info-box p {
  margin: 6px 0 0;
}

.info-box code {
  color: var(--text);
  font-weight: 700;
}

.import-preview-panel {
  margin-top: 12px;
}

.pdf-preview summary {
  cursor: pointer;
  font-weight: 800;
  color: var(--brand-dark);
}

.pdf-preview pre {
  max-height: 280px;
  overflow: auto;
  white-space: pre-wrap;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: color-mix(in srgb, var(--panel) 88%, var(--soft));
  padding: 12px;
  color: var(--text);
  font: 12px/1.45 Consolas, "Courier New", monospace;
}

.linked-list {
  padding-left: 18px;
}

.linked-list li {
  margin: 8px 0;
}

.attachment-list li {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.inline-upload {
  margin-top: 12px;
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.inline-upload input[type="file"] {
  max-width: 380px;
}

.inline-delete {
  display: inline-flex;
}

.detail-note {
  border-top: 1px solid var(--line);
  margin-top: 16px;
  padding-top: 14px;
}

.alert {
  background: #fff0f0;
  border: 1px solid #f0caca;
  color: var(--danger);
  border-radius: 8px;
  padding: 12px;
  margin-bottom: 14px;
  white-space: pre-wrap;
}

:root[data-theme="dark"] .alert {
  background: #3a2020;
  border-color: #6d3434;
  color: #ffc3c3;
}

:root[data-theme="dark"] table {
  color: var(--text);
}

:root[data-theme="dark"] button,
:root[data-theme="dark"] .button {
  color: #06120e;
}

:root[data-theme="dark"] button.secondary,
:root[data-theme="dark"] .button.secondary {
  color: var(--text);
}

:root[data-theme="dark"] button.danger,
:root[data-theme="dark"] .button.danger {
  color: #190808;
  background: #ef7d7d;
}

@media (max-width: 900px) {
  body {
    grid-template-columns: 1fr;
  }

  .sidebar {
    position: static;
  }

  .detail-grid,
  .relationship-grid,
  .field-grid,
  .form-grid {
    grid-template-columns: 1fr;
  }

  .info-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .quick-interaction {
    grid-template-columns: 1fr;
  }

  .whatsapp-send-panel {
    grid-template-columns: 1fr;
  }

  .span-2 {
    grid-column: auto;
  }
}

.inbox-layout {
  display: grid;
  grid-template-columns: minmax(280px, 360px) minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}

.inbox-thread-panel,
.inbox-message-panel {
  min-height: calc(100vh - 180px);
}

.inbox-thread-list {
  display: grid;
  gap: 8px;
  max-height: calc(100vh - 260px);
  overflow: auto;
  padding-right: 4px;
}

.inbox-thread {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: color-mix(in srgb, var(--panel) 92%, var(--soft));
  color: var(--text);
  text-decoration: none;
}

.inbox-thread:hover,
.inbox-thread.active {
  border-color: color-mix(in srgb, var(--brand) 54%, var(--line));
  background: color-mix(in srgb, var(--brand) 10%, var(--panel));
}

.inbox-thread-main {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.inbox-thread-main strong,
.inbox-thread-main small,
.inbox-thread-main span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.inbox-thread-main small,
.inbox-thread-side small {
  color: var(--muted);
  font-size: 11px;
}

.inbox-thread-side {
  display: grid;
  justify-items: end;
  align-content: start;
  gap: 5px;
}

.inbox-timeline {
  min-height: calc(100vh - 278px);
  max-height: calc(100vh - 278px);
  overflow: auto;
}

.inbox-empty {
  padding: 18px 8px;
}

@media (max-width: 920px) {
  .inbox-layout {
    grid-template-columns: 1fr;
  }

  .inbox-thread-panel,
  .inbox-message-panel {
    min-height: auto;
  }

  .inbox-thread-list,
  .inbox-timeline {
    max-height: none;
  }
}

.inbox-layout {
  display: grid !important;
  grid-template-columns: minmax(300px, 380px) minmax(0, 1fr) !important;
  gap: 16px !important;
  align-items: stretch !important;
}

.inbox-thread-panel {
  display: flex !important;
  flex-direction: column !important;
  min-height: calc(100vh - 190px);
}

.inbox-message-panel {
  min-height: calc(100vh - 190px);
}

.inbox-thread-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  max-height: calc(100vh - 280px);
  overflow: auto;
  padding-right: 4px;
}

.inbox-thread {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  width: 100% !important;
  box-sizing: border-box !important;
  gap: 10px !important;
  padding: 11px !important;
  border: 1px solid var(--line) !important;
  border-radius: 8px !important;
  background: color-mix(in srgb, var(--panel) 92%, var(--soft)) !important;
  color: var(--text) !important;
  text-decoration: none !important;
}

.inbox-thread:hover,
.inbox-thread.active {
  border-color: color-mix(in srgb, var(--brand) 54%, var(--line)) !important;
  background: color-mix(in srgb, var(--brand) 10%, var(--panel)) !important;
}

.inbox-thread-main {
  display: grid !important;
  gap: 4px !important;
  min-width: 0 !important;
}

.inbox-thread-main strong,
.inbox-thread-main small,
.inbox-thread-main span {
  display: block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.inbox-thread-side {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  gap: 5px !important;
  min-width: 84px !important;
}

.inbox-message-panel .panel-head {
  align-items: flex-start !important;
}

.inbox-timeline {
  margin-top: 14px !important;
  min-height: calc(100vh - 300px);
  max-height: calc(100vh - 300px);
  overflow: auto;
}

@media (max-width: 920px) {
  .inbox-layout {
    grid-template-columns: 1fr !important;
  }

  .inbox-thread-panel,
  .inbox-message-panel {
    min-height: auto;
  }

  .inbox-thread-list,
  .inbox-timeline {
    max-height: none;
  }
}

.inbox-reply-form {
  display: grid;
  gap: 10px;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid var(--line);
}

.inbox-reply-form textarea {
  width: 100%;
  min-height: 92px;
  resize: vertical;
  box-sizing: border-box;
}

.inbox-reply-form .form-actions {
  justify-content: flex-end;
}

.inbox-message-panel {
  display: flex !important;
  flex-direction: column !important;
}

.inbox-message-panel .panel-head {
  flex: 0 0 auto !important;
}

.inbox-message-panel .inbox-timeline {
  order: 1 !important;
  flex: 1 1 auto !important;
}

.inbox-message-panel .inbox-reply-form {
  order: 2 !important;
  flex: 0 0 auto !important;
  margin-top: 12px !important;
}

.inbox-message-panel > .inbox-reply-form {
  grid-row: auto !important;
}

/* Inbox scope fix */
.inbox-message-panel {
  display: flex !important;
  flex-direction: column !important;
  min-height: calc(100vh - 175px) !important;
}

.inbox-message-panel .panel-head {
  flex: 0 0 auto !important;
}

.inbox-message-panel .inbox-timeline {
  order: 1 !important;
  flex: 0 1 auto !important;
  min-height: 220px !important;
  max-height: 360px !important;
  overflow: auto !important;
  margin-top: 14px !important;
  border-radius: 8px !important;
}

.inbox-message-panel.inbox-whatsapp-panel .inbox-timeline {
  background:
    radial-gradient(circle at 18px 18px, rgba(98, 86, 70, 0.055) 0 1px, transparent 1px 100%),
    linear-gradient(135deg, rgba(98, 86, 70, 0.035) 25%, transparent 25%) 0 0 / 30px 30px,
    #efeae2 !important;
  padding: 16px !important;
}

.inbox-message-panel .timeline-item {
  display: flex !important;
  gap: 0 !important;
}

.inbox-message-panel .timeline-item.message-out {
  justify-content: flex-end !important;
}

.inbox-message-panel .timeline-item.message-in,
.inbox-message-panel .timeline-item.message-neutral {
  justify-content: flex-start !important;
}

.inbox-message-panel .timeline-dot,
.inbox-message-panel .timeline-item::before {
  display: none !important;
}

.inbox-message-panel .message-bubble {
  width: fit-content !important;
  max-width: min(72%, 760px) !important;
  border: 1px solid transparent !important;
  border-radius: 8px !important;
  padding: 7px 9px 5px !important;
  box-shadow: 0 1px 2px rgba(20, 28, 24, 0.12) !important;
}

.inbox-message-panel .message-out .message-bubble {
  border-bottom-right-radius: 2px !important;
  background: #d9fdd3 !important;
  color: #111b16 !important;
  border-color: #c4eac0 !important;
}

.inbox-message-panel .message-in .message-bubble,
.inbox-message-panel .message-neutral .message-bubble {
  border-bottom-left-radius: 2px !important;
  background: #ffffff !important;
  color: #111b16 !important;
  border-color: #e3ded3 !important;
}

.inbox-message-panel .message-text {
  margin: 2px 0 4px !important;
  color: inherit !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.42 !important;
  white-space: pre-wrap !important;
}

.inbox-message-panel .channel-badge,
.inbox-message-panel .sendpulse-pill,
.inbox-message-panel .message-foot,
.inbox-message-panel .message-time {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: currentColor !important;
  font-size: 10px !important;
  opacity: 0.62 !important;
  padding: 0 !important;
}

.inbox-reply-form {
  order: 2 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 48px !important;
  align-items: end !important;
  gap: 10px !important;
  margin-top: 10px !important;
  padding-top: 10px !important;
  border-top: 1px solid var(--line) !important;
}

.inbox-reply-form textarea {
  width: 100% !important;
  min-height: 46px !important;
  max-height: 118px !important;
  resize: vertical !important;
  box-sizing: border-box !important;
  border-radius: 8px !important;
  padding: 11px 12px !important;
}

.inbox-send-button {
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid color-mix(in srgb, #1fa855 70%, var(--line)) !important;
  background: #1fa855 !important;
  color: #ffffff !important;
  box-shadow: 0 8px 18px rgba(31, 168, 85, 0.22) !important;
  cursor: pointer !important;
  padding: 0 !important;
}

.inbox-send-button span {
  display: inline-block !important;
  transform: translateX(1px) !important;
  font-size: 22px !important;
  line-height: 1 !important;
}

.inbox-send-button:hover {
  background: #168a46 !important;
}

.inbox-send-button:disabled {
  opacity: 0.58 !important;
  cursor: wait !important;
}

.inbox-channel-heading {
  font-weight: 800;
  color: var(--text);
}

.inbox-channel-heading small {
  margin-left: 6px;
  font-size: 0.82em;
  font-weight: 700;
  color: var(--muted);
}

.inbox-date-separator {
  display: flex;
  justify-content: center;
  margin: 8px 0 12px;
  position: sticky;
  top: 4px;
  z-index: 1;
}

.inbox-date-separator span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  padding: 4px 10px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid #e3ded3;
  color: #59645e;
  font-size: 12px;
  font-weight: 800;
  box-shadow: 0 1px 2px rgba(20, 28, 24, 0.08);
}

:root[data-theme="dark"] .inbox-date-separator span {
  background: rgba(255, 255, 255, 0.92);
  color: #59645e;
}

.inbox-message-panel .inbox-message-meta {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 2px;
}

.inbox-message-panel .inbox-provider {
  color: currentColor;
  font-size: 9px;
  font-weight: 700;
  line-height: 1;
  opacity: 0.44;
  text-transform: lowercase;
}

.inbox-message-panel .message-time {
  color: currentColor !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  opacity: 0.52 !important;
}

.inbox-message-panel .message-text {
  font-weight: 500 !important;
  color: #17211b !important;
}

.inbox-message-panel .message-out .message-text {
  color: #17311f !important;
}

.inbox-message-panel .inbox-message-meta {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  align-items: end !important;
  gap: 10px !important;
  margin-top: 3px !important;
  min-width: 130px !important;
}

.inbox-message-panel .inbox-provider {
  justify-self: start !important;
  font-size: 9px !important;
  font-weight: 600 !important;
  opacity: 0.42 !important;
  text-transform: lowercase !important;
}

.inbox-message-panel .message-time {
  justify-self: end !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  opacity: 0.54 !important;
}

.inbox-message-panel .message-bubble {
  position: relative !important;
}

.inbox-message-panel .message-in .message-bubble::before {
  content: "" !important;
  position: absolute !important;
  left: -7px !important;
  top: 0 !important;
  width: 0 !important;
  height: 0 !important;
  border-top: 8px solid #ffffff !important;
  border-left: 8px solid transparent !important;
}

.inbox-message-panel .message-out .message-bubble::after {
  content: "" !important;
  position: absolute !important;
  right: -7px !important;
  top: 0 !important;
  width: 0 !important;
  height: 0 !important;
  border-top: 8px solid #d9fdd3 !important;
  border-right: 8px solid transparent !important;
}

.inbox-message-panel .message-bubble {
  border-color: transparent !important;
  border-width: 0 !important;
  box-shadow: 0 1px 1px rgba(20, 28, 24, 0.14) !important;
}

.inbox-message-panel .message-in .message-bubble {
  border-color: transparent !important;
}

.inbox-message-panel .message-out .message-bubble {
  border-color: transparent !important;
}

.inbox-channel-heading {
  color: #1fa855 !important;
}

.inbox-channel-heading small {
  color: var(--muted) !important;
}

.inbox-filter-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin: -6px 0 14px;
}

.inbox-filter-chip {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 6px 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: color-mix(in srgb, var(--panel) 92%, var(--soft));
  color: var(--text);
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
}

.inbox-filter-chip.active {
  border-color: color-mix(in srgb, #1fa855 55%, var(--line));
  background: color-mix(in srgb, #1fa855 14%, var(--panel));
  color: #1fa855;
}

.message-time {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.message-ticks {
  color: #7b8b83;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: -3px;
  margin-left: 2px;
}

.message-ticks-read {
  color: #34b7f1;
}

.inbox-media-image-link {
  display: block;
  overflow: hidden;
  border-radius: 8px;
  margin-bottom: 6px;
}

.inbox-media-image {
  display: block;
  max-width: 260px;
  max-height: 260px;
  width: auto;
  height: auto;
  object-fit: cover;
  border-radius: 8px;
}

.inbox-media-audio {
  width: min(280px, 72vw);
  display: block;
  margin-bottom: 6px;
}

.inbox-media-video {
  display: block;
  max-width: 320px;
  max-height: 260px;
  width: 100%;
  border-radius: 8px;
  margin-bottom: 6px;
}

.inbox-media-file {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 8px 10px;
  align-items: center;
  min-width: 220px;
  max-width: 320px;
  padding: 10px;
  margin-bottom: 6px;
  border-radius: 8px;
  background: color-mix(in srgb, var(--panel) 82%, #ffffff);
  color: var(--text);
  text-decoration: none;
}

.inbox-media-file-icon {
  grid-row: span 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 8px;
  background: #e53935;
  color: #fff;
  font-size: 11px;
  font-weight: 800;
}

.inbox-media-file-name {
  min-width: 0;
  overflow-wrap: anywhere;
  font-size: 13px;
  font-weight: 700;
}

.inbox-media-file-action {
  font-size: 11px;
  color: var(--muted);
}


.inbox-reply-form {
  position: relative;
}

.inbox-reply-form .inbox-compose-tools {
  grid-column: 1 / -1 !important;
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 34px;
}

.inbox-tool-button,
.inbox-clear-file {
  border: 1px solid var(--line);
  background: var(--panel);
  color: var(--text);
  border-radius: 999px;
  min-width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.inbox-file-label input {
  display: none;
}

.inbox-emoji-panel {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 4px;
  padding: 6px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--panel);
}

.inbox-emoji-panel button {
  border: 0;
  background: transparent;
  font-size: 18px;
  cursor: pointer;
  padding: 4px;
}

.inbox-file-name {
  min-width: 0;
  max-width: 280px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--muted);
  font-size: 12px;
}

.inbox-clear-file {
  min-width: auto;
  height: 28px;
  padding: 0 10px;
  font-size: 12px;
}

.inbox-emoji-panel[hidden],
.inbox-clear-file[hidden] {
  display: none !important;
}


.crm-emoji-picker {
  width: min(360px, 86vw);
  height: 390px;
  --background: var(--panel);
  --border-color: var(--line);
  --button-hover-background: color-mix(in srgb, var(--accent) 18%, transparent);
  --category-emoji-size: 1.15rem;
  --emoji-size: 1.35rem;
  --input-border-color: var(--line);
  --input-font-color: var(--text);
  --input-placeholder-color: var(--muted);
  --outline-color: var(--accent);
  --text-color: var(--text);
}

.inbox-tool-button.is-recording {
  background: #e53935 !important;
  border-color: #e53935 !important;
  color: #fff !important;
  animation: inbox-recording-pulse 1s infinite;
}

.inbox-audio-preview {
  grid-column: 1 / -1 !important;
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--muted);
  font-size: 12px;
}

.inbox-audio-preview audio {
  width: min(280px, 70vw);
  height: 34px;
}

@keyframes inbox-recording-pulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.08); }
}

.inbox-reply-form .inbox-compose-tools {
  position: relative;
}

.inbox-emoji-panel {
  position: absolute !important;
  left: 0;
  bottom: calc(100% + 10px);
  z-index: 50;
  display: block;
  max-width: min(380px, 86vw);
  padding: 6px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--panel);
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.28);
}

.inbox-emoji-panel[hidden] {
  display: none !important;
}

.crm-emoji-picker {
  width: min(360px, 82vw);
  height: min(390px, 52vh);
}

.inbox-emoji-panel.is-floating {
  position: fixed !important;
  z-index: 9999 !important;
  display: block !important;
  width: min(360px, 86vw) !important;
  height: 390px !important;
  max-height: min(390px, 58vh) !important;
  padding: 6px !important;
  border: 1px solid var(--line) !important;
  border-radius: 10px !important;
  background: var(--panel) !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.28) !important;
}

.inbox-emoji-panel.is-floating[hidden] {
  display: none !important;
}

.inbox-emoji-panel.is-floating .crm-emoji-picker {
  width: 100% !important;
  height: 100% !important;
}

/* Revert: el selector de emojis vuelve al comportamiento integrado */
.inbox-emoji-panel.is-floating {
  position: absolute !important;
  left: 0 !important;
  top: auto !important;
  bottom: calc(100% + 10px) !important;
  z-index: 50 !important;
  width: min(360px, 82vw) !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

.inbox-emoji-panel.is-floating .crm-emoji-picker {
  width: min(360px, 82vw) !important;
  height: min(390px, 52vh) !important;
}

.tag-create-hint:hover {
  transform: translateY(-1px);
  filter: saturate(1.08);
}

.tag-create-hint .tag {
  margin-left: 4px;
}

/* Tag autocomplete with modal creation. */
.tag-builder-row,
.tag-builder-row.compact {
  grid-template-columns: minmax(160px, 1fr);
}

.tag-builder [data-add-tag],
.tag-builder input[data-tag-color] {
  display: none !important;
}

.tag-suggestions {
  display: grid;
  grid-template-columns: 1fr;
  gap: 4px;
  align-items: stretch;
  max-width: 100%;
  padding: 6px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel);
  box-shadow: var(--shadow-sm);
}

.tag-suggestions[hidden] {
  display: none;
}

.tag-suggestion {
  display: flex;
  width: 100%;
  justify-content: flex-start;
  align-items: center;
  min-height: 30px;
  padding: 6px 8px;
  border: 0;
  border-radius: 6px;
  background: color-mix(in srgb, var(--tag-color) 16%, transparent);
  color: var(--text);
  box-shadow: none;
  cursor: pointer;
  text-align: left;
}

.tag-suggestion:hover,
.tag-suggestion:focus-visible {
  background: color-mix(in srgb, var(--tag-color) 26%, transparent);
  transform: none;
}

.tag-suggestion-name {
  font-weight: 750;
}

.tag-create-hint {
  justify-self: stretch;
  width: 100%;
  text-align: left;
  background: transparent;
  border: 0;
  box-shadow: none;
  color: var(--muted);
}

.tag-create-hint:hover,
.tag-create-hint:focus-visible {
  color: var(--text);
  background: color-mix(in srgb, var(--soft) 80%, transparent);
}

.tag-modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: grid;
  place-items: center;
  padding: 18px;
  background: rgba(0, 0, 0, 0.36);
}

.tag-modal-backdrop[hidden] {
  display: none;
}

.tag-modal {
  position: relative;
  width: min(540px, 100%);
  border-radius: 8px;
  border: 1px solid var(--line);
  background: var(--panel);
  box-shadow: var(--shadow-lg);
  padding: 18px;
}

.tag-modal h3 {
  margin: 0 0 18px;
}

.tag-modal form {
  display: grid;
  gap: 14px;
}

.tag-modal-close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 34px;
  min-width: 34px;
  min-height: 34px;
  border: 0;
  background: transparent;
  color: var(--muted);
  box-shadow: none;
  font-size: 24px;
  cursor: pointer;
}

.tag-modal-color-field {
  display: grid;
  gap: 8px;
}

.tag-modal-colors {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.tag-color-option {
  width: 22px;
  min-width: 22px;
  min-height: 22px;
  border-radius: 4px;
  border: 2px solid transparent;
  background: var(--tag-color);
  box-shadow: none;
  cursor: pointer;
}

.tag-color-option.selected {
  border-color: var(--accent);
  outline: 2px solid color-mix(in srgb, var(--accent) 25%, transparent);
}

.tag-modal-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 10px;
}

/* Isolated tag picker component. */
.tag-picker-form {
  display: grid;
  gap: 8px;
}

.tag-picker-form.compact {
  min-width: 220px;
}

.tag-picker-preview {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  min-height: 24px;
}

.tag-picker-preview.compact {
  min-height: 20px;
}

.tag-picker-control {
  position: relative;
  display: grid;
  gap: 4px;
}

.tag-picker-control input[data-tag-picker-input] {
  width: 100%;
}

.tag-picker-menu {
  display: grid;
  grid-template-columns: 1fr;
  gap: 4px;
  width: 100%;
  padding: 6px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel);
  box-shadow: var(--shadow-sm);
  z-index: 20;
}

.tag-picker-menu[hidden] {
  display: none;
}

.tag-picker-option,
.tag-picker-create {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 30px;
  padding: 6px 8px;
  border: 0;
  border-radius: 6px;
  box-shadow: none;
  cursor: pointer;
  text-align: left;
}

.tag-picker-option {
  background: color-mix(in srgb, var(--tag-color) 16%, transparent);
  color: var(--text);
  font-weight: 750;
}

.tag-picker-option:hover,
.tag-picker-option:focus-visible {
  background: color-mix(in srgb, var(--tag-color) 26%, transparent);
}

.tag-picker-create {
  background: transparent;
  color: var(--muted);
}

.tag-picker-create:hover,
.tag-picker-create:focus-visible {
  background: color-mix(in srgb, var(--soft) 80%, transparent);
  color: var(--text);
}

.tag-picker-modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: grid;
  place-items: center;
  padding: 18px;
  background: rgba(0, 0, 0, 0.36);
}

.tag-picker-modal-backdrop[hidden] {
  display: none;
}

.tag-picker-modal {
  position: relative;
  width: min(540px, 100%);
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel);
  box-shadow: var(--shadow-lg);
  padding: 18px;
}

.tag-picker-modal h3 {
  margin: 0 0 18px;
}

.tag-picker-modal form {
  display: grid;
  gap: 14px;
}

.tag-picker-modal-close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 34px;
  min-width: 34px;
  min-height: 34px;
  border: 0;
  background: transparent;
  color: var(--muted);
  box-shadow: none;
  font-size: 24px;
  cursor: pointer;
}

.tag-picker-modal-color-field {
  display: grid;
  gap: 8px;
}

.tag-picker-modal-colors {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.tag-picker-color-option {
  width: 22px;
  min-width: 22px;
  min-height: 22px;
  border: 2px solid transparent;
  border-radius: 4px;
  background: var(--tag-color);
  box-shadow: none;
  cursor: pointer;
}

.tag-picker-color-option.selected {
  border-color: var(--accent);
  outline: 2px solid color-mix(in srgb, var(--accent) 25%, transparent);
}

.tag-picker-modal-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 10px;
}

/* Stronger tag autocomplete contrast. */
.tag-picker-menu {
  gap: 6px;
}

.tag-picker-option {
  border: 1px solid color-mix(in srgb, var(--tag-color) 46%, var(--line));
  background: color-mix(in srgb, var(--tag-color) 30%, var(--panel));
  color: color-mix(in srgb, var(--tag-color) 20%, var(--text));
}

.tag-picker-option:hover,
.tag-picker-option:focus-visible {
  border-color: color-mix(in srgb, var(--tag-color) 68%, var(--accent));
  background: color-mix(in srgb, var(--tag-color) 42%, var(--panel));
}

.tag-picker-create {
  border: 1px dashed color-mix(in srgb, var(--accent) 55%, var(--line));
  background: color-mix(in srgb, var(--accent) 10%, var(--panel));
  color: var(--text);
  font-weight: 650;
}

.tag-picker-create strong {
  margin-left: 4px;
  color: var(--accent-strong);
}

:root[data-theme="dark"] .tag-picker-option {
  border-color: color-mix(in srgb, var(--tag-color) 64%, #2f3f36);
  background: color-mix(in srgb, var(--tag-color) 44%, #102018);
  color: #f2fbf6;
}

:root[data-theme="dark"] .tag-picker-option:hover,
:root[data-theme="dark"] .tag-picker-option:focus-visible {
  background: color-mix(in srgb, var(--tag-color) 58%, #102018);
  border-color: color-mix(in srgb, var(--tag-color) 78%, #6ee7b7);
}

:root[data-theme="dark"] .tag-picker-create {
  border-color: color-mix(in srgb, var(--accent) 70%, #20352c);
  background: color-mix(in srgb, var(--accent) 18%, #101713);
  color: #eef8f2;
}

:root[data-theme="dark"] .tag-picker-create strong {
  color: #8ff2c4;
}

/* Tag autocomplete suggestions as content-sized pills. */
.tag-picker-menu {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.tag-picker-option,
.tag-picker-create {
  width: auto;
  max-width: 100%;
  flex: 0 1 auto;
  justify-content: flex-start;
}

.tag-picker-option {
  min-height: 28px;
  padding: 5px 10px;
  border-radius: 7px;
}

.tag-picker-create {
  flex-basis: 100%;
  width: fit-content;
  min-height: 28px;
  padding: 6px 8px;
}

.inbox-filter-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin: -4px 0 12px;
}

.inbox-filter-row .inbox-filter-bar {
  margin: 0;
}

.inbox-filter-row .inbox-filter-chip {
  min-height: 28px;
  padding: 5px 9px;
  border-radius: 7px;
  font-size: 11.5px;
  line-height: 1;
  white-space: nowrap;
}

@media (max-width: 720px) {
  .inbox-filter-row {
    align-items: flex-start;
    flex-direction: column;
  }
}

/* 20260710 insurance knowledge library */
.quote-ai-library-link {
  width: fit-content;
  margin-top: 8px;
  gap: 7px;
}
.quote-knowledge-shell,
.quote-knowledge-editor {
  display: grid;
  gap: 16px;
  min-width: 0;
}
.quote-knowledge-head {
  align-items: flex-start;
}
.quote-knowledge-head .record-actions,
.quote-knowledge-research-form {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
}
.quote-knowledge-metrics {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.quote-knowledge-metrics > div {
  display: grid;
  gap: 2px;
  padding: 12px 14px;
  border-right: 1px solid var(--line);
}
.quote-knowledge-metrics > div:last-child {
  border-right: 0;
}
.quote-knowledge-metrics strong {
  font-size: 1.12rem;
  font-weight: 500;
}
.quote-knowledge-metrics span,
.quote-knowledge-table small {
  color: var(--muted);
  font-weight: 400;
}
.quote-knowledge-filters {
  display: grid;
  grid-template-columns: minmax(220px, 1.3fr) minmax(170px, .8fr) minmax(150px, .65fr) minmax(160px, .75fr) auto;
  align-items: end;
  gap: 10px;
}
.quote-knowledge-filters label,
.quote-knowledge-plan-form label {
  font-weight: 400;
}
.quote-knowledge-filters .button {
  min-height: 40px;
  gap: 7px;
}
.quote-knowledge-table-wrap {
  overflow-x: auto;
}
.quote-knowledge-table {
  min-width: 960px;
}
.quote-knowledge-table th,
.quote-knowledge-table td {
  vertical-align: middle;
}
.quote-knowledge-company {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 150px;
}
.quote-knowledge-company img {
  width: 72px;
  height: 25px;
  object-fit: contain;
  object-position: left center;
}
.quote-knowledge-company > span {
  display: grid;
  gap: 3px;
}
.quote-knowledge-focus-pill {
  width: fit-content;
  padding: 2px 7px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--accent) 10%, var(--panel));
  color: var(--accent);
  border: 1px solid color-mix(in srgb, var(--accent) 24%, var(--line));
  font-size: .68rem;
  font-weight: 500;
  line-height: 1.2;
}
.quote-knowledge-progress {
  font-weight: 500;
  color: var(--accent);
}
.quote-knowledge-plan-form textarea {
  min-height: 82px;
  resize: vertical;
}
.quote-knowledge-coverage-editor {
  display: grid;
  gap: 10px;
  min-width: 0;
}
.quote-knowledge-coverage-editor .panel-head {
  align-items: baseline;
}
.quote-knowledge-coverage-editor .panel-head h3,
.quote-knowledge-coverage-editor .panel-head p {
  margin: 0;
}
.quote-knowledge-coverage-editor .panel-head h3 {
  font-weight: 500;
}
.quote-knowledge-coverage-scroll {
  width: 100%;
  overflow-x: auto;
  border: 1px solid var(--line);
  border-radius: 6px;
}
.quote-knowledge-coverage-scroll table {
  width: 100%;
  min-width: 1320px;
  border-collapse: collapse;
}
.quote-knowledge-coverage-scroll th,
.quote-knowledge-coverage-scroll td {
  padding: 7px 8px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  text-align: left;
  vertical-align: middle;
}
.quote-knowledge-coverage-scroll th {
  width: 220px;
  font-weight: 500;
}
.quote-knowledge-coverage-scroll th small {
  display: block;
  margin-top: 3px;
  color: var(--muted);
  font-weight: 400;
}
.quote-knowledge-coverage-scroll td:nth-child(2) {
  width: 130px;
}
.quote-knowledge-coverage-scroll td:last-child {
  width: 260px;
}
.quote-knowledge-coverage-scroll input,
.quote-knowledge-coverage-scroll select {
  width: 100%;
  min-width: 130px;
  font-weight: 400;
}
.quote-knowledge-plan-form .form-actions .button {
  gap: 7px;
}
@media (max-width: 820px) {
  .quote-knowledge-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .quote-knowledge-metrics > div:nth-child(even) {
    border-right: 0;
  }
  .quote-knowledge-metrics > div:not(:last-child) {
    border-bottom: 1px solid var(--line);
  }
  .quote-knowledge-filters {
    grid-template-columns: 1fr;
  }
  .quote-knowledge-filters .button {
    width: fit-content;
  }
}

/* 20260728-tooltip-unified1: one discreet action-tooltip surface across CRM. */
body.email-embed-page .email-dedicated-shell [data-email-tooltip]::before,
body.email-embed-page .email-dedicated-shell [data-email-tooltip]::after,
.gestion-estudio-excel [data-tooltip]::before,
.gestion-estudio-excel [data-tooltip]::after,
.gestion-estudio-excel [data-ge-tooltip]::before,
.gestion-estudio-excel [data-ge-tooltip]::after {
  content: none !important;
  display: none !important;
}

.email-attachment-action-tooltip,
.ge-floating-tooltip-649,
.ge-floating-tooltip-651,
.ge-floating-tooltip-652 {
  padding: 6px 9px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 7px;
  background: #1e2c27;
  color: #f8fffb;
  box-shadow: 0 5px 16px rgba(18, 35, 29, 0.22);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: 0;
}

.email-attachment-action-tooltip[data-placement="top"]::after {
  border-top-color: #1e2c27;
}

.email-attachment-action-tooltip[data-placement="bottom"]::after {
  border-bottom-color: #1e2c27;
}

.inbox-contact-title {
  color: inherit;
  text-decoration: none;
}

.inbox-contact-title:hover,
.inbox-contact-title:focus-visible {
  color: var(--brand);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.inbox-message-delete-form {
  display: inline-flex;
  margin: 0;
}

.inbox-message-delete {
  width: 1.75rem;
  height: 1.75rem;
  min-height: 1.75rem;
  padding: 0;
  opacity: 0.72;
}

.message-bubble:hover .inbox-message-delete,
.inbox-message-delete:focus-visible {
  opacity: 1;
}
/* 20260602inbox-delete-css1 */

.message-bubble {
  position: relative;
}

.inbox-message-delete-form {
  position: absolute;
  right: -0.35rem;
  bottom: -0.35rem;
  display: inline-flex;
  margin: 0;
  z-index: 2;
}

.inbox-message-delete {
  width: 1.35rem;
  height: 1.35rem;
  min-height: 1.35rem;
  padding: 0;
  border-radius: 0.45rem;
  opacity: 0.72;
}

.inbox-message-delete svg {
  width: 0.82rem;
  height: 0.82rem;
}

.message-bubble:hover .inbox-message-delete,
.inbox-message-delete:focus-visible {
  opacity: 1;
}

.inbox-media-sticker {
  max-width: 12rem;
  max-height: 12rem;
  object-fit: contain;
  background: transparent;
}


/* 20260602inbox-chat-search1 */
.inbox-thread-search {
  flex: 0 0 auto !important;
  display: grid !important;
  gap: 6px !important;
  margin-bottom: 10px !important;
}

.inbox-thread-search input {
  width: 100% !important;
  min-height: 38px !important;
  border-radius: 999px !important;
  border: 1px solid var(--line) !important;
  background: color-mix(in srgb, var(--panel) 96%, var(--soft)) !important;
  color: var(--text) !important;
  padding: 9px 13px !important;
  font-size: 13px !important;
  box-sizing: border-box !important;
}

.inbox-thread-search input:focus {
  outline: 2px solid color-mix(in srgb, var(--brand) 45%, transparent) !important;
  border-color: color-mix(in srgb, var(--brand) 60%, var(--line)) !important;
}

.inbox-thread-search .muted {
  font-size: 11px !important;
  padding-left: 4px !important;
}

/* 20260602inbox-chat-search-fix1 */
.inbox-thread[hidden] {
  display: none !important;
}

[data-inbox-thread-empty][hidden] {
  display: none !important;
}

/* 20260602inbox-chat-search-fix2 */
.inbox-thread-list .inbox-thread.is-search-hidden {
  display: none !important;
}

/* 20260602inbox-thread-filters1 */
.inbox-thread-filter-chips {
  position: relative !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
  align-items: center !important;
  margin-top: 4px !important;
}

.inbox-thread-filter-chip {
  border: 1px solid var(--line) !important;
  background: color-mix(in srgb, var(--panel) 96%, var(--soft)) !important;
  color: var(--text) !important;
  border-radius: 999px !important;
  min-height: 30px !important;
  padding: 6px 11px !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  white-space: nowrap !important;
}

.inbox-thread-filter-chip.active,
.inbox-thread-filter-chip:hover,
.inbox-thread-filter-chip:focus-visible {
  border-color: color-mix(in srgb, var(--brand) 58%, var(--line)) !important;
  background: color-mix(in srgb, var(--brand) 13%, var(--panel)) !important;
  color: var(--brand) !important;
}

.inbox-thread-tag-filter {
  position: relative !important;
}

.inbox-thread-tag-menu {
  position: absolute !important;
  z-index: 40 !important;
  top: calc(100% + 7px) !important;
  left: 0 !important;
  width: min(300px, calc(100vw - 36px)) !important;
  display: grid !important;
  gap: 8px !important;
  padding: 10px !important;
  border: 1px solid var(--line) !important;
  border-radius: 10px !important;
  background: var(--panel) !important;
  box-shadow: 0 16px 34px rgba(16, 24, 20, 0.14) !important;
}

.inbox-thread-tag-menu[hidden] {
  display: none !important;
}

.inbox-thread-tag-selected {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
  min-height: 22px !important;
}

.inbox-thread-tag-menu input {
  width: 100% !important;
  min-height: 34px !important;
  border-radius: 8px !important;
  border: 1px solid var(--line) !important;
  background: color-mix(in srgb, var(--panel) 96%, var(--soft)) !important;
  color: var(--text) !important;
  padding: 7px 9px !important;
  box-sizing: border-box !important;
}

.inbox-thread-tag-options {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  max-height: 150px !important;
  overflow: auto !important;
}

.inbox-thread-tag-option {
  width: auto !important;
  max-width: 100% !important;
  border: 1px solid color-mix(in srgb, var(--tag-color, var(--brand)) 52%, var(--line)) !important;
  background: color-mix(in srgb, var(--tag-color, var(--brand)) 20%, var(--panel)) !important;
  color: var(--text) !important;
  border-radius: 7px !important;
  padding: 5px 8px !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  cursor: pointer !important;
  white-space: nowrap !important;
}

.inbox-thread-tag-option:hover,
.inbox-thread-tag-option:focus-visible {
  background: color-mix(in srgb, var(--tag-color, var(--brand)) 32%, var(--panel)) !important;
}

.inbox-thread-tag-clear {
  justify-self: start !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--muted) !important;
  padding: 2px 0 !important;
  font-size: 12px !important;
  cursor: pointer !important;
}

/* 20260602inbox-tag-menu-polish1 */
.inbox-layout,
.inbox-thread-panel,
.inbox-thread-search,
.inbox-thread-tag-filter {
  overflow: visible !important;
}

.inbox-thread-panel {
  position: relative !important;
  z-index: 20 !important;
}

.inbox-message-panel {
  position: relative !important;
  z-index: 1 !important;
}

.inbox-thread-tag-menu {
  left: 0 !important;
  width: min(460px, calc(100vw - 44px)) !important;
  max-width: none !important;
  z-index: 120 !important;
}

.inbox-thread-tag-options {
  align-content: start !important;
  max-height: 190px !important;
}

.inbox-thread-tag-options > .muted {
  display: block !important;
  padding: 4px 2px !important;
  font-size: 12px !important;
}

@media (min-width: 921px) {
  .inbox-thread-tag-menu {
    width: 460px !important;
  }
}

@media (max-width: 720px) {
  .inbox-thread-tag-menu {
    width: min(330px, calc(100vw - 44px)) !important;
  }
}

/* 20260602inbox-scroll-bottom2 */
.inbox-message-panel {
  position: relative !important;
}

.inbox-scroll-bottom {
  position: absolute !important;
  right: 18px !important;
  bottom: 112px !important;
  z-index: 30 !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  border-radius: 50% !important;
  border: 1px solid var(--line) !important;
  background: color-mix(in srgb, var(--panel) 96%, #ffffff) !important;
  color: var(--text) !important;
  box-shadow: 0 8px 20px rgba(16, 24, 20, 0.18) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 22px !important;
  line-height: 1 !important;
  cursor: pointer !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translateY(6px) !important;
  transition: opacity 160ms ease, transform 160ms ease !important;
}

.inbox-scroll-bottom.is-visible {
  opacity: 0.96 !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
}

.inbox-scroll-bottom:hover,
.inbox-scroll-bottom:focus-visible {
  border-color: color-mix(in srgb, var(--brand) 55%, var(--line)) !important;
  color: var(--brand) !important;
}

@media (max-width: 720px) {
  .inbox-scroll-bottom {
    right: 14px !important;
    bottom: 104px !important;
  }
}





/* 20260602inbox-global-audio3 */
.inbox-global-audio {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 80;
  display: none;
  width: min(390px, calc(100vw - 32px));
  padding: 10px 12px;
  border: 1px solid color-mix(in srgb, var(--border) 75%, var(--accent));
  border-radius: 14px;
  background: color-mix(in srgb, var(--panel) 94%, var(--accent));
  box-shadow: 0 12px 34px rgba(0, 0, 0, .22);
}

.inbox-global-audio.is-visible {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 8px;
  align-items: start;
}

.inbox-global-audio-title {
  display: block;
  max-width: 290px;
  margin-bottom: 6px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.inbox-global-audio audio {
  width: 100%;
  height: 36px;
}

.inbox-global-audio-close {
  width: 28px;
  height: 28px;
  border-radius: 999px;
  padding: 0;
  font-size: 18px;
  line-height: 1;
}

@media (max-width: 720px) {
  .inbox-global-audio {
    right: 12px;
    bottom: 12px;
  }
}






/* 20260603whatsapp-web-clean-icons1 */
.inbox-compose-tools .inbox-whatsapp-web-button,
.inbox-compose-tools .inbox-new-whatsapp-inline {
  width: 38px;
  height: 38px;
  min-width: 38px;
  padding: 0;
  border: 1px solid var(--border);
  border-radius: 999px;
  display: inline-grid;
  place-items: center;
  background: var(--panel);
  box-shadow: none;
}

.inbox-compose-tools .inbox-whatsapp-web-button img,
.inbox-compose-tools .inbox-new-whatsapp-inline img {
  width: 26px;
  height: 26px;
  display: block;
  object-fit: contain;
}

.inbox-compose-tools .inbox-whatsapp-web-button:hover,
.inbox-compose-tools .inbox-whatsapp-web-button:focus-visible,
.inbox-compose-tools .inbox-new-whatsapp-inline:hover,
.inbox-compose-tools .inbox-new-whatsapp-inline:focus-visible {
  border-color: rgba(37, 211, 102, .65);
  background: color-mix(in srgb, var(--panel) 92%, #25d366);
  transform: none;
}

.inbox-new-whatsapp-modal[hidden] {
  display: none !important;
}

.inbox-new-whatsapp-modal {
  position: fixed;
  inset: 0;
  z-index: 90;
  display: grid;
  place-items: center;
  padding: 18px;
  background: rgba(0, 0, 0, .38);
}

.inbox-new-whatsapp-card {
  width: min(520px, 100%);
  border: 1px solid var(--border);
  border-radius: 14px;
  background: var(--panel);
  box-shadow: 0 18px 44px rgba(0, 0, 0, .28);
  padding: 16px;
}

.inbox-new-whatsapp-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.inbox-new-whatsapp-head h3 {
  margin: 0;
}

.inbox-new-whatsapp-form {
  display: grid;
  gap: 12px;
}

.inbox-new-whatsapp-form label {
  display: grid;
  gap: 6px;
  font-weight: 700;
}

.inbox-new-whatsapp-form input,
.inbox-new-whatsapp-form textarea {
  width: 100%;
}

.inbox-new-whatsapp-form textarea {
  min-height: 112px;
  resize: vertical;
}

.inbox-new-whatsapp-card .form-actions {
  justify-content: flex-end;
}

.inbox-new-whatsapp-send {
  width: auto;
  min-width: 112px;
  min-height: 42px;
  padding: 10px 22px;
  border: 0;
  border-radius: 9px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  background: #18bf5b;
  font-weight: 800;
  box-shadow: none;
}

.inbox-new-whatsapp-send img {
  display: none !important;
}

.inbox-new-whatsapp-send span {
  color: #ffffff;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
}

.inbox-new-whatsapp-send:hover,
.inbox-new-whatsapp-send:focus-visible {
  background: #12a94f;
}

/* 20260603inbox-auto-refresh3 */
.inbox-refresh-alert {
  display: none !important;
}

/* 20260603inbox-sound-bell3 */
.inbox-filter-row {
  align-items: center;
}

.inbox-sound-bell {
  width: 38px;
  height: 38px;
  display: inline-grid;
  place-items: center;
  margin-left: auto;
  border: 1px solid rgba(15, 143, 106, 0.24);
  border-radius: 999px;
  background: rgba(15, 143, 106, 0.11);
  color: #0f7d61;
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
}

.inbox-sound-bell.is-muted {
  background: rgba(127, 139, 134, 0.12);
  color: #6f7f79;
}

.inbox-sound-volume,
.inbox-sound-controls {
  display: none !important;
}

[data-theme="dark"] .inbox-sound-bell {
  background: rgba(32, 201, 135, 0.14);
  border-color: rgba(32, 201, 135, 0.28);
  color: #8ff0c2;
}

[data-theme="dark"] .inbox-sound-bell.is-muted {
  background: rgba(255, 255, 255, 0.07);
  color: #8a9a93;
}

/* 20260603inbox-mark-all-read1 */
.inbox-thread-filter-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
}

.inbox-mark-all-read-form {
  flex: 0 0 auto;
  margin: 0;
}

.inbox-mark-all-read-button {
  width: 38px;
  height: 38px;
  display: inline-grid;
  place-items: center;
  border: 1px solid rgba(47, 122, 99, 0.58);
  border-radius: 13px;
  background: rgba(9, 27, 22, 0.74);
  color: #61e6a6;
  box-shadow: inset 0 0 0 1px rgba(97, 230, 166, 0.04);
  cursor: pointer;
  transition: border-color 160ms ease, box-shadow 160ms ease, color 160ms ease, background 160ms ease;
}

.inbox-mark-all-read-button svg {
  width: 23px;
  height: 23px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.inbox-mark-all-read-button:hover,
.inbox-mark-all-read-button:focus-visible {
  border-color: #9a14b7;
  color: #f05cff;
  background: rgba(56, 17, 61, 0.46);
  box-shadow: 0 0 0 3px rgba(154, 20, 183, 0.16), 0 0 22px rgba(154, 20, 183, 0.24);
  outline: none;
}

@media (max-width: 760px) {
  .inbox-thread-filter-toolbar {
    gap: 8px;
  }

  .inbox-mark-all-read-button {
    width: 36px;
    height: 36px;
  }
}

/* 20260603inbox-refresh-unread-fix1 */
[data-theme="dark"] .inbox-mark-all-read-button {
  background: rgba(10, 38, 31, 0.92);
  border-color: rgba(97, 230, 166, 0.46);
  color: #72f0b3;
  box-shadow: inset 0 0 0 1px rgba(97, 230, 166, 0.08), 0 0 14px rgba(32, 201, 135, 0.08);
}

[data-theme="dark"] .inbox-mark-all-read-button svg {
  stroke: currentColor !important;
}

[data-theme="dark"] .inbox-mark-all-read-button:hover,
[data-theme="dark"] .inbox-mark-all-read-button:focus-visible {
  border-color: #9a14b7;
  color: #f05cff;
  background: rgba(56, 17, 61, 0.58);
  box-shadow: 0 0 0 3px rgba(154, 20, 183, 0.18), 0 0 24px rgba(154, 20, 183, 0.28);
}


/* 20260603inbox-audio-listened1 */
.inbox-media-audio.inbox-media-audio-pending,
.inbox-global-audio audio.inbox-media-audio-pending {
  accent-color: #16a34a;
  border-radius: 999px;
  outline: 2px solid color-mix(in srgb, #16a34a 45%, transparent);
  outline-offset: 2px;
  background: color-mix(in srgb, #16a34a 10%, transparent);
}

:root[data-theme="dark"] .inbox-media-audio.inbox-media-audio-pending,
:root[data-theme="dark"] .inbox-global-audio audio.inbox-media-audio-pending {
  outline-color: color-mix(in srgb, #22c55e 62%, transparent);
  background: color-mix(in srgb, #22c55e 12%, transparent);
}


/* 20260603inbox-global-audio-position1 */
.inbox-global-audio {
  bottom: 92px !important;
}

@media (max-width: 720px) {
  .inbox-global-audio {
    bottom: 88px !important;
  }
}


/* 20260603inbox-image-gallery1 */
body.inbox-gallery-open {
  overflow: hidden;
}

.inbox-gallery-overlay {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: grid;
  place-items: center;
  padding: 18px;
  background: rgba(0, 0, 0, 0.74);
}

.inbox-gallery-overlay[hidden] {
  display: none !important;
}

.inbox-gallery-dialog {
  width: min(940px, calc(100vw - 28px));
  max-height: calc(100vh - 36px);
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  border: 1px solid color-mix(in srgb, #ffffff 20%, transparent);
  border-radius: 8px;
  background: color-mix(in srgb, var(--panel) 96%, #000000);
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.42);
  overflow: hidden;
}

.inbox-gallery-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 12px;
  min-height: 46px;
  padding: 8px 10px 8px 14px;
  border-bottom: 1px solid var(--line);
}

.inbox-gallery-head strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.inbox-gallery-head span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.inbox-gallery-close {
  width: 32px;
  min-width: 32px;
  min-height: 32px;
  padding: 0;
  border-radius: 999px;
}

.inbox-gallery-body {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  min-height: 260px;
  padding: 12px;
}

.inbox-gallery-body img {
  justify-self: center;
  align-self: center;
  display: block;
  max-width: 100%;
  max-height: min(74vh, 760px);
  object-fit: contain;
  border-radius: 6px;
  background: #111;
}

.inbox-gallery-nav {
  min-width: 88px;
  min-height: 38px;
  border: 1px solid color-mix(in srgb, #ffffff 24%, var(--line));
  background: color-mix(in srgb, var(--panel) 92%, #ffffff);
  color: var(--text);
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
}

.inbox-gallery-nav:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

@media (max-width: 720px) {
  .inbox-gallery-body {
    grid-template-columns: 1fr 1fr;
  }

  .inbox-gallery-body img {
    grid-column: 1 / -1;
    order: 1;
    max-height: 68vh;
  }

  .inbox-gallery-prev {
    order: 2;
  }

  .inbox-gallery-next {
    order: 3;
  }

  .inbox-gallery-nav {
    width: 100%;
    min-width: 0;
  }
}


/* 20260603inbox-image-gallery-download1 */
.inbox-gallery-head {
  grid-template-columns: minmax(0, 1fr) auto auto auto;
}

.inbox-gallery-download {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding: 0 12px;
  border: 1px solid color-mix(in srgb, var(--brand) 45%, var(--line));
  border-radius: 999px;
  background: color-mix(in srgb, var(--brand) 16%, var(--panel));
  color: var(--brand);
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
}

.inbox-gallery-download:hover,
.inbox-gallery-download:focus-visible {
  background: color-mix(in srgb, var(--brand) 24%, var(--panel));
  color: var(--brand);
}

@media (max-width: 720px) {
  .inbox-gallery-head {
    grid-template-columns: minmax(0, 1fr) auto auto;
  }

  .inbox-gallery-download {
    grid-column: 1 / -1;
    width: fit-content;
  }
}


/* 20260603inbox-scroll-bottom-inside1 */
.inbox-message-panel {
  position: relative !important;
  overflow: hidden !important;
}

.inbox-scroll-bottom {
  position: absolute !important;
  right: 18px !important;
  bottom: 94px !important;
  z-index: 70 !important;
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  border: 1px solid color-mix(in srgb, var(--brand) 48%, var(--line)) !important;
  background: color-mix(in srgb, var(--panel) 92%, var(--brand)) !important;
  color: var(--brand) !important;
  box-shadow: 0 10px 24px rgba(16, 24, 20, 0.2) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 0 !important;
  line-height: 1 !important;
  cursor: pointer !important;
}

.inbox-scroll-bottom::before {
  content: "↓";
  font-size: 24px;
  font-weight: 900;
  line-height: 1;
}

.inbox-scroll-bottom.is-visible {
  opacity: 0.98 !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
}

@media (max-width: 720px) {
  .inbox-scroll-bottom {
    right: 14px !important;
    bottom: 90px !important;
  }
}

/* 20260603inbox-message-actions-visual1 */
.inbox-message-panel .message-bubble {
  overflow: visible !important;
}

.timeline-item.message-out .inbox-message-reactions,
.timeline-item.message-out .inbox-message-menu-toggle,
.timeline-item.message-out .inbox-message-action-menu {
  display: none !important;
}

.inbox-message-menu-toggle {
  position: absolute;
  top: 4px;
  right: 5px;
  z-index: 14;
  width: 24px;
  min-width: 24px;
  min-height: 22px;
  height: 22px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: color-mix(in srgb, var(--panel) 88%, transparent);
  color: var(--muted);
  box-shadow: none;
  opacity: 0;
  cursor: pointer;
}

.message-bubble:hover .inbox-message-menu-toggle,
.inbox-message-menu-toggle:focus-visible,
.inbox-message-action-menu:not([hidden]) + .inbox-message-menu-toggle {
  opacity: 1;
}

.inbox-message-action-menu {
  position: absolute;
  top: 28px;
  right: 6px;
  z-index: 32;
  display: grid;
  min-width: 168px;
  padding: 7px;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: var(--panel);
  box-shadow: 0 16px 40px rgba(16, 24, 20, 0.24);
}

.inbox-message-action-menu[hidden] {
  display: none !important;
}

.inbox-message-action-menu button {
  display: flex;
  width: 100%;
  min-height: 32px;
  align-items: center;
  justify-content: flex-start;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: var(--text);
  box-shadow: none;
  padding: 6px 9px;
  font-size: 13px;
  font-weight: 650;
  cursor: pointer;
}

.inbox-message-action-menu button:hover,
.inbox-message-action-menu button:focus-visible {
  background: color-mix(in srgb, var(--brand) 12%, transparent);
}

.inbox-message-reactions {
  position: absolute;
  left: 11px;
  bottom: -19px;
  z-index: 12;
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.inbox-reaction-reply,
.inbox-reaction-toggle,
.inbox-reaction-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 25px;
  height: 25px;
  border: 1px solid color-mix(in srgb, var(--line) 74%, transparent);
  border-radius: 999px;
  background: color-mix(in srgb, var(--panel) 94%, #ffffff);
  color: var(--text);
  box-shadow: 0 4px 11px rgba(16, 24, 20, 0.14);
}

.inbox-reaction-reply,
.inbox-reaction-toggle {
  padding: 0;
  font-size: 15px;
  cursor: pointer;
  opacity: 0.92;
}

.inbox-reaction-reply:hover,
.inbox-reaction-reply:focus-visible,
.inbox-reaction-toggle:hover,
.inbox-reaction-toggle:focus-visible {
  border-color: color-mix(in srgb, var(--brand) 60%, var(--line));
  color: var(--brand);
}

.inbox-reaction-pill {
  min-width: 28px;
  padding: 0 7px;
  font-size: 15px;
}

.inbox-reaction-pill[hidden] {
  display: none !important;
}

.inbox-reaction-menu {
  position: absolute;
  left: 0;
  bottom: 35px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 7px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--panel);
  box-shadow: 0 14px 38px rgba(16, 24, 20, 0.24);
}

.inbox-reaction-menu[hidden] {
  display: none !important;
}

.inbox-reaction-choice {
  min-width: 31px;
  height: 31px;
  padding: 0 7px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--text);
  font-size: 18px;
  cursor: pointer;
}

.inbox-reaction-choice:hover,
.inbox-reaction-choice:focus-visible {
  background: color-mix(in srgb, var(--brand) 16%, transparent);
}

.inbox-reaction-more {
  font-size: 22px;
  font-weight: 700;
}

.inbox-reaction-clear {
  min-width: auto;
  border: 1px solid color-mix(in srgb, #ef4444 52%, var(--line));
  background: color-mix(in srgb, #ef4444 12%, var(--panel));
  color: #b42318;
  font-size: 11px;
  font-weight: 850;
}

.inbox-reaction-full-picker {
  position: absolute;
  left: 0;
  bottom: 44px;
  padding: 6px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--panel);
  box-shadow: 0 18px 44px rgba(16, 24, 20, 0.28);
}

.inbox-reaction-full-picker[hidden] {
  display: none !important;
}

.inbox-reaction-full-picker .crm-emoji-picker {
  width: min(360px, 82vw);
  height: min(390px, 52vh);
}

:root[data-theme="dark"] .inbox-message-menu-toggle,
:root[data-theme="dark"] .inbox-reaction-reply,
:root[data-theme="dark"] .inbox-reaction-toggle,
:root[data-theme="dark"] .inbox-reaction-pill,
:root[data-theme="dark"] .inbox-reaction-menu,
:root[data-theme="dark"] .inbox-reaction-full-picker,
:root[data-theme="dark"] .inbox-message-action-menu {
  border-color: rgba(255, 255, 255, 0.12);
  background: #24352d;
  color: #edf7f1;
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.26);
}

:root[data-theme="dark"] .inbox-reaction-clear {
  border-color: rgba(248, 113, 113, 0.72);
  background: rgba(127, 29, 29, 0.78);
  color: #fecaca;
}


/* 20260603inbox-message-actions-side2 */
.timeline-item.message-out .inbox-message-reactions,
.timeline-item.message-out .inbox-message-menu-toggle,
.timeline-item.message-out .inbox-message-action-menu {
  display: inline-flex !important;
}

.inbox-message-reactions {
  position: absolute !important;
  right: -42px !important;
  left: auto !important;
  top: 10px !important;
  bottom: auto !important;
  z-index: 26 !important;
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 5px !important;
  transform: none !important;
}

.inbox-reaction-reply,
.inbox-reaction-toggle,
.inbox-message-menu-toggle,
.inbox-reaction-pill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  min-width: 28px !important;
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 !important;
  border: 1px solid rgba(17, 24, 39, 0.12) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.94) !important;
  color: #26342d !important;
  box-shadow: 0 4px 13px rgba(16, 24, 20, 0.16) !important;
  font-size: 15px !important;
  line-height: 1 !important;
}

.inbox-message-menu-toggle {
  position: static !important;
  opacity: 0 !important;
  cursor: pointer !important;
}

.message-bubble:hover .inbox-message-menu-toggle,
.inbox-message-menu-toggle:focus-visible,
.inbox-message-reactions:focus-within .inbox-message-menu-toggle {
  opacity: 1 !important;
}

.inbox-reaction-pill {
  width: auto !important;
  min-width: 30px !important;
  padding: 0 7px !important;
  font-size: 16px !important;
}

.inbox-reaction-pill[hidden] {
  display: none !important;
}

.inbox-message-action-menu {
  position: absolute !important;
  top: 0 !important;
  right: 35px !important;
  z-index: 45 !important;
  display: grid !important;
  min-width: 218px !important;
  padding: 8px !important;
  border: 1px solid rgba(17, 24, 39, 0.10) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, 0.98) !important;
  color: #111827 !important;
  box-shadow: 0 18px 44px rgba(16, 24, 20, 0.20) !important;
}

.inbox-message-action-menu[hidden] {
  display: none !important;
}

.inbox-message-action-menu button {
  display: grid !important;
  grid-template-columns: 24px 1fr !important;
  gap: 8px !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 34px !important;
  padding: 7px 9px !important;
  border: 0 !important;
  border-radius: 9px !important;
  background: transparent !important;
  color: inherit !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-align: left !important;
  cursor: pointer !important;
}

.inbox-message-action-menu button:hover,
.inbox-message-action-menu button:focus-visible {
  background: rgba(15, 118, 110, 0.10) !important;
}

.inbox-message-action-menu hr {
  width: 100% !important;
  height: 1px !important;
  margin: 6px 0 !important;
  border: 0 !important;
  background: rgba(17, 24, 39, 0.10) !important;
}

.inbox-reaction-menu {
  position: absolute !important;
  right: 35px !important;
  left: auto !important;
  top: -44px !important;
  bottom: auto !important;
  z-index: 48 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 7px 9px !important;
  border: 1px solid rgba(17, 24, 39, 0.10) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.98) !important;
  box-shadow: 0 14px 38px rgba(16, 24, 20, 0.20) !important;
}

.inbox-reaction-menu[hidden] {
  display: none !important;
}

.inbox-reaction-choice {
  min-width: 31px !important;
  height: 31px !important;
  padding: 0 5px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #111827 !important;
  box-shadow: none !important;
  font-size: 19px !important;
  cursor: pointer !important;
}

.inbox-reaction-choice:hover,
.inbox-reaction-choice:focus-visible {
  background: rgba(15, 118, 110, 0.12) !important;
}

.inbox-reaction-more {
  font-size: 22px !important;
  font-weight: 750 !important;
}

.inbox-reaction-clear {
  display: none !important;
}

.inbox-reaction-full-picker {
  position: absolute !important;
  right: 0 !important;
  left: auto !important;
  top: 44px !important;
  bottom: auto !important;
  z-index: 50 !important;
  padding: 6px !important;
  border: 1px solid rgba(17, 24, 39, 0.10) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, 0.98) !important;
  box-shadow: 0 18px 44px rgba(16, 24, 20, 0.22) !important;
}

.inbox-reaction-full-picker[hidden] {
  display: none !important;
}

.inbox-reaction-full-picker .crm-emoji-picker {
  width: min(360px, 82vw) !important;
  height: min(390px, 52vh) !important;
}

:root[data-theme="dark"] .inbox-reaction-reply,
:root[data-theme="dark"] .inbox-reaction-toggle,
:root[data-theme="dark"] .inbox-message-menu-toggle,
:root[data-theme="dark"] .inbox-reaction-pill {
  border-color: rgba(255, 255, 255, 0.16) !important;
  background: rgba(43, 54, 49, 0.96) !important;
  color: #f3faf6 !important;
  box-shadow: 0 9px 22px rgba(0, 0, 0, 0.28) !important;
}

:root[data-theme="dark"] .inbox-message-action-menu,
:root[data-theme="dark"] .inbox-reaction-menu,
:root[data-theme="dark"] .inbox-reaction-full-picker {
  border-color: rgba(255, 255, 255, 0.13) !important;
  background: #f8faf8 !important;
  color: #111827 !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.34) !important;
}

@media (max-width: 720px) {
  .inbox-message-reactions {
    right: 4px !important;
    top: -18px !important;
    flex-direction: row !important;
  }

  .inbox-message-action-menu,
  .inbox-reaction-menu {
    right: 0 !important;
  }

  .inbox-message-action-menu {
    min-width: min(218px, calc(100vw - 42px)) !important;
  }
}


/* 20260603inbox-message-actions-hotfix1 */
.timeline-item.message-out .inbox-message-reactions,
.timeline-item.message-out .inbox-message-menu-toggle {
  display: inline-flex !important;
}

.timeline-item.message-in .inbox-message-action-menu,
.timeline-item.message-out .inbox-message-action-menu {
  display: grid !important;
  grid-auto-flow: row !important;
  grid-template-columns: 1fr !important;
  width: max-content !important;
  max-width: min(240px, calc(100vw - 48px)) !important;
  min-width: 218px !important;
}

.timeline-item.message-in .inbox-message-action-menu[hidden],
.timeline-item.message-out .inbox-message-action-menu[hidden],
.inbox-message-action-menu[hidden] {
  display: none !important;
}

.inbox-message-action-menu button {
  display: grid !important;
  grid-template-columns: 24px minmax(0, 1fr) !important;
  width: 100% !important;
  white-space: normal !important;
}

.inbox-message-action-menu button span:last-child {
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}

.inbox-message-action-menu hr {
  display: block !important;
  grid-column: 1 / -1 !important;
}

.inbox-message-reactions {
  pointer-events: auto !important;
}

.inbox-message-panel .message-bubble {
  overflow: visible !important;
}


/* 20260603inbox-message-actions-polish1 */
.inbox-reaction-reply {
  display: none !important;
}

.inbox-message-reactions {
  right: -34px !important;
  top: 8px !important;
  gap: 4px !important;
}

.inbox-reaction-toggle,
.inbox-message-menu-toggle,
.inbox-reaction-pill {
  width: 24px !important;
  min-width: 24px !important;
  height: 24px !important;
  min-height: 24px !important;
  font-size: 13px !important;
  box-shadow: 0 3px 9px rgba(16, 24, 20, 0.14) !important;
}

.inbox-message-menu-toggle {
  opacity: 0.72 !important;
  font-size: 12px !important;
}

.message-bubble:hover .inbox-message-menu-toggle,
.inbox-message-menu-toggle:focus-visible,
.inbox-message-reactions:focus-within .inbox-message-menu-toggle {
  opacity: 1 !important;
}

.inbox-message-action-menu {
  top: auto !important;
  bottom: 0 !important;
  right: 30px !important;
  min-width: 202px !important;
  max-width: min(224px, calc(100vw - 48px)) !important;
  padding: 7px !important;
  border-radius: 13px !important;
}

.inbox-message-action-menu button {
  min-height: 31px !important;
  padding: 6px 8px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.15 !important;
}

.inbox-message-action-menu button span:first-child {
  font-weight: 400 !important;
}

.inbox-message-action-menu button span:last-child {
  font-weight: 500 !important;
}

.inbox-message-action-menu hr {
  margin: 5px 0 !important;
}

.inbox-reaction-menu {
  right: 30px !important;
  top: auto !important;
  bottom: 0 !important;
}

.inbox-reaction-choice {
  min-width: 29px !important;
  height: 29px !important;
  font-size: 18px !important;
}

.inbox-reaction-full-picker {
  top: auto !important;
  bottom: 40px !important;
}

:root[data-theme="dark"] .inbox-reaction-toggle,
:root[data-theme="dark"] .inbox-message-menu-toggle,
:root[data-theme="dark"] .inbox-reaction-pill {
  background: rgba(43, 54, 49, 0.96) !important;
}

@media (max-width: 720px) {
  .inbox-message-reactions {
    right: 4px !important;
    top: -16px !important;
    gap: 3px !important;
  }

  .inbox-message-action-menu {
    right: 0 !important;
    bottom: 30px !important;
  }

  .inbox-reaction-menu {
    right: 0 !important;
    bottom: 30px !important;
  }
}


/* 20260603inbox-message-actions-direction1 */
.inbox-message-panel .timeline-item.message-in .inbox-message-reactions {
  right: -30px !important;
  left: auto !important;
  top: 8px !important;
  gap: 3px !important;
}

.inbox-message-panel .timeline-item.message-out .inbox-message-reactions {
  left: -30px !important;
  right: auto !important;
  top: 8px !important;
  gap: 3px !important;
  display: inline-flex !important;
}

.inbox-message-panel .timeline-item.message-in .inbox-message-action-menu {
  left: 28px !important;
  right: auto !important;
  bottom: 0 !important;
  top: auto !important;
}

.inbox-message-panel .timeline-item.message-out .inbox-message-action-menu {
  right: 28px !important;
  left: auto !important;
  bottom: 0 !important;
  top: auto !important;
}

.inbox-message-panel .timeline-item.message-in .inbox-reaction-menu {
  left: 28px !important;
  right: auto !important;
  bottom: 0 !important;
  top: auto !important;
}

.inbox-message-panel .timeline-item.message-out .inbox-reaction-menu {
  right: 28px !important;
  left: auto !important;
  bottom: 0 !important;
  top: auto !important;
}

.inbox-message-panel .timeline-item.message-in .inbox-reaction-full-picker {
  left: 0 !important;
  right: auto !important;
  bottom: 38px !important;
  top: auto !important;
}

.inbox-message-panel .timeline-item.message-out .inbox-reaction-full-picker {
  right: 0 !important;
  left: auto !important;
  bottom: 38px !important;
  top: auto !important;
}

.inbox-reaction-toggle,
.inbox-message-menu-toggle,
.inbox-reaction-pill {
  width: 22px !important;
  min-width: 22px !important;
  height: 22px !important;
  min-height: 22px !important;
}

.inbox-reaction-toggle {
  font-size: 0 !important;
  border-color: color-mix(in srgb, var(--brand) 34%, var(--line)) !important;
  background: color-mix(in srgb, var(--panel) 92%, #ffffff) !important;
  color: var(--brand) !important;
}

.inbox-reaction-toggle::before {
  content: "\263A";
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

.inbox-message-menu-toggle {
  font-size: 11px !important;
}

.inbox-message-action-menu {
  min-width: 186px !important;
  max-width: min(206px, calc(100vw - 48px)) !important;
  padding: 6px !important;
  border-radius: 12px !important;
}

.inbox-message-action-menu button {
  grid-template-columns: 20px minmax(0, 1fr) !important;
  min-height: 28px !important;
  padding: 5px 7px !important;
  font-size: 12px !important;
  font-weight: 430 !important;
  line-height: 1.12 !important;
}

.inbox-message-action-menu button span:first-child {
  font-size: 12px !important;
  font-weight: 400 !important;
  opacity: 0.88 !important;
}

.inbox-message-action-menu button span:last-child {
  font-weight: 430 !important;
}

.inbox-message-action-menu hr {
  margin: 4px 0 !important;
}

.inbox-reaction-choice {
  min-width: 27px !important;
  height: 27px !important;
  font-size: 17px !important;
}

.inbox-reaction-menu {
  padding: 6px 8px !important;
}

:root[data-theme="dark"] .inbox-reaction-toggle {
  border-color: rgba(143, 242, 196, 0.42) !important;
  background: rgba(35, 54, 45, 0.98) !important;
  color: #8ff2c4 !important;
}

@media (max-width: 720px) {
  .inbox-message-panel .timeline-item.message-in .inbox-message-reactions,
  .inbox-message-panel .timeline-item.message-out .inbox-message-reactions {
    right: 4px !important;
    left: auto !important;
    top: -15px !important;
    flex-direction: row !important;
  }

  .inbox-message-panel .timeline-item.message-in .inbox-message-action-menu,
  .inbox-message-panel .timeline-item.message-out .inbox-message-action-menu,
  .inbox-message-panel .timeline-item.message-in .inbox-reaction-menu,
  .inbox-message-panel .timeline-item.message-out .inbox-reaction-menu {
    right: 0 !important;
    left: auto !important;
    bottom: 28px !important;
  }
}


/* 20260603inbox-delete-menu-safe1 */
.inbox-message-delete-form,
.inbox-message-delete {
  display: none !important;
}

.inbox-message-action-menu [data-inbox-delete-message] {
  color: #991b1b !important;
}

.inbox-message-action-menu [data-inbox-delete-message]:hover,
.inbox-message-action-menu [data-inbox-delete-message]:focus-visible {
  background: rgba(239, 68, 68, 0.12) !important;
}

:root[data-theme="dark"] .inbox-message-action-menu [data-inbox-delete-message] {
  color: #7f1d1d !important;
}


/* 20260603inbox-reply-quote1 */
.inbox-reply-quote-preview {
  grid-column: 1 / -1 !important;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  padding: 7px 9px;
  border-left: 3px solid var(--brand);
  border-radius: 8px;
  background: color-mix(in srgb, var(--brand) 9%, var(--panel));
  color: var(--text);
  font-size: 12px;
}

.inbox-reply-quote-preview[hidden] {
  display: none !important;
}

.inbox-reply-quote-preview strong {
  font-weight: 750;
}

.inbox-reply-quote-preview span {
  color: var(--muted);
}

.inbox-reply-quote-preview button {
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  padding: 0;
  border-radius: 999px;
  border: 1px solid var(--line);
  background: var(--panel);
  color: var(--muted);
  box-shadow: none;
  cursor: pointer;
}

:root[data-theme="dark"] .inbox-reply-quote-preview {
  background: rgba(143, 242, 196, 0.10);
  border-left-color: #8ff2c4;
}


/* 20260604inbox-forward2 */
.inbox-forward-modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 1200;
  display: grid;
  place-items: center;
  padding: 18px;
  background: rgba(0, 0, 0, 0.36);
}

.inbox-forward-modal-backdrop[hidden] {
  display: none !important;
}

.inbox-forward-modal {
  position: relative;
  width: min(430px, 100%);
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: var(--panel);
  color: var(--text);
  box-shadow: 0 20px 54px rgba(0, 0, 0, 0.28);
}

.inbox-forward-modal h3 {
  margin: 0 0 8px;
  font-size: 17px;
}

.inbox-forward-modal form {
  display: grid;
  gap: 12px;
  margin-top: 12px;
}

.inbox-forward-modal label {
  display: grid;
  gap: 5px;
  font-size: 12px;
  color: var(--muted);
}

.inbox-forward-modal input,
.inbox-forward-modal textarea {
  width: 100%;
  box-sizing: border-box;
}

.inbox-forward-close {
  position: absolute;
  top: 9px;
  right: 9px;
  width: 30px;
  min-width: 30px;
  min-height: 30px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--muted);
  box-shadow: none;
  font-size: 22px;
  cursor: pointer;
}

.inbox-forward-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}

[data-inbox-forward-preview] {
  padding: 8px 10px;
  border-left: 3px solid var(--brand);
  border-radius: 8px;
  background: color-mix(in srgb, var(--brand) 8%, var(--panel));
  overflow-wrap: anywhere;
}


/* 20260604inbox-forward-contact-picker3 */
.inbox-forward-modal label {
  display: grid;
  gap: 5px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 650;
}

.inbox-forward-modal input,
.inbox-forward-modal textarea {
  width: 100%;
  box-sizing: border-box;
}

.inbox-forward-modal [data-inbox-forward-contact],
.inbox-forward-modal [data-inbox-forward-phone] {
  min-height: 36px;
}


/* 20260604inbox-thread-delete-inline3 */
.inbox-thread-row {
  position: relative;
}

.inbox-thread-row .inbox-thread {
  padding-right: 44px;
}

.inbox-thread-delete-inline {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  margin: 0;
  width: 28px;
  height: 28px;
}

.inbox-thread-row.delete-ready .inbox-thread-delete-inline {
  opacity: 1;
  pointer-events: auto;
}

.inbox-thread-delete-inline button {
  width: 28px;
  height: 28px;
  border: 1px solid rgba(220, 38, 38, 0.18);
  border-radius: 999px;
  background: #fff1f2;
  color: #b91c1c;
  box-shadow: 0 4px 10px rgba(15, 23, 42, 0.12);
  cursor: pointer;
  font-size: 14px;
  line-height: 1;
}

.inbox-thread-delete-inline button:hover,
.inbox-thread-delete-inline button:focus-visible {
  background: #fee2e2;
  color: #991b1b;
}

:root[data-theme="dark"] .inbox-thread-delete-inline button {
  background: rgba(127, 29, 29, 0.42);
  border-color: rgba(248, 113, 113, 0.22);
  color: #fecaca;
}



/* 20260604inbox-thread-delete-stable1 */
.inbox-thread-delete-inline {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  margin: 0;
  width: 28px;
  height: 28px;
}

.inbox-thread-row.delete-ready .inbox-thread-delete-inline {
  opacity: 1;
  pointer-events: auto;
}


/* 20260604inbox-thread-bulk-select1 */
.inbox-thread-delete-inline {
  display: none !important;
}

.inbox-thread-bulk-delete {
  margin: 0;
}

.inbox-thread-bulk-toolbar {
  display: none;
  align-items: center;
  gap: 8px;
  padding: 8px;
  margin-bottom: 8px;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 12px;
  background: rgba(248, 250, 252, 0.94);
  position: sticky;
  top: 0;
  z-index: 8;
}

.inbox-thread-bulk-delete.inbox-thread-select-mode .inbox-thread-bulk-toolbar {
  display: flex;
}

.inbox-thread-row {
  position: relative;
  display: flex;
  align-items: stretch;
  min-width: 0;
}

.inbox-thread-row .inbox-thread {
  flex: 1;
  min-width: 0;
  padding-right: 12px;
}

.inbox-thread-select-box {
  display: none;
  flex: 0 0 34px;
  align-items: center;
  justify-content: center;
  margin: 0;
  cursor: pointer;
}

.inbox-thread-bulk-delete.inbox-thread-select-mode .inbox-thread-select-box {
  display: flex;
}

.inbox-thread-select-box input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.inbox-thread-select-box span {
  width: 22px;
  height: 22px;
  border-radius: 999px;
  border: 1px solid rgba(15, 23, 42, 0.22);
  color: transparent;
  background: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 800;
}

.inbox-thread-select-box input:checked + span {
  background: #16a34a;
  border-color: #16a34a;
  color: #fff;
}

.inbox-thread-bulk-toolbar .danger {
  background: #dc2626;
  color: #fff;
  border-color: #dc2626;
}

:root[data-theme="dark"] .inbox-thread-bulk-toolbar {
  background: rgba(15, 23, 42, 0.96);
  border-color: rgba(148, 163, 184, 0.22);
}

:root[data-theme="dark"] .inbox-thread-select-box span {
  background: rgba(15, 23, 42, 0.9);
  border-color: rgba(148, 163, 184, 0.38);
}



/* 20260604inbox-thread-bulk-button1 */
.inbox-thread-bulk-delete [data-inbox-thread-delete-selected] {
  border: 0;
  border-radius: 999px;
  padding: 0.45rem 0.9rem;
  background: linear-gradient(135deg, #1677ff 0%, #14b8d6 58%, #ef4444 140%);
  color: #fff;
  font-weight: 700;
  box-shadow: 0 8px 18px rgba(22, 119, 255, 0.22);
}

.inbox-thread-bulk-delete [data-inbox-thread-delete-selected]:hover,
.inbox-thread-bulk-delete [data-inbox-thread-delete-selected]:focus-visible {
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(22, 119, 255, 0.3);
  filter: saturate(1.08);
}

.inbox-thread-bulk-delete [data-inbox-thread-select-cancel] {
  border-radius: 999px;
  padding: 0.45rem 0.85rem;
}


/* 20260604inbox-thread-contact-actions-compact1 */
.inbox-thread-contact-tools {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.35rem;
  flex-wrap: wrap;
}

.inbox-thread-tool-form {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.inbox-thread-tool-form input {
  width: 8.6rem;
  min-height: 2.1rem;
  padding: 0.35rem 0.6rem;
  border-radius: 999px;
  font-size: 0.82rem;
}

.inbox-thread-tool {
  width: 2.15rem;
  height: 2.15rem;
  min-width: 2.15rem;
  padding: 0;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #f2faf8;
  border: 1px solid #d9ebe7;
  color: #132f2c;
  box-shadow: 0 4px 12px rgba(15, 118, 110, 0.08);
}

.inbox-thread-tool:hover,
.inbox-thread-tool:focus-visible {
  background: linear-gradient(135deg, #e8f7f4 0%, #eef8ff 100%);
  border-color: #a7d8d1;
  transform: translateY(-1px);
}

.inbox-thread-tool.danger {
  color: #b42318;
  background: #fff6f4;
  border-color: #ffd6cf;
}

.inbox-thread-tool svg {
  width: 1rem;
  height: 1rem;
}


/* 20260605inbox_compose_modes136 */
.inbox-compose-modes{display:grid;gap:8px;padding:8px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--panel) 94%,transparent)}
.inbox-compose-mode-tabs{display:inline-flex;gap:6px;align-items:center;flex-wrap:wrap}
.inbox-compose-mode-tab{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:999px;padding:6px 12px;display:inline-flex;align-items:baseline;gap:6px;cursor:pointer;font-weight:700}
.inbox-compose-mode-tab small{font-size:11px;font-weight:600;opacity:.72}
.inbox-compose-mode-tab.active{color:#0f5132;border-color:#57c48a;background:#e9f7ef}
.inbox-compose-panel[hidden]{display:none!important}
.inbox-compose-panel .inbox-reply-form{border-top:0;padding-top:0}
.inbox-compose-channel-pill{border-radius:999px;padding:5px 10px;background:#edf7f1;color:#0f5132;font-size:12px;font-weight:800}
.inbox-compose-channel-pill.whatsapp{background:#e8f8ef;color:#128c4a}
.inbox-compose-hint,.inbox-compose-unavailable{grid-column:1/-1;margin:0;color:var(--muted);font-size:12px}
.inbox-compose-unavailable{padding:10px 12px;border:1px dashed var(--line);border-radius:12px}


/* 20260605inbox_compose_register137 */
.inbox-whatsapp-register-manual {
  border-color: #57c48a;
  background: #e9f7ef;
  color: #0f5132;
  font-weight: 900;
}

.inbox-whatsapp-register-manual:hover,
.inbox-whatsapp-register-manual:focus-visible {
  background: #d6f1e1;
  color: #0a3d25;
}


/* 20260605inbox_crm_notes139 */
.inbox-crm-note-button {
  color: #204237;
  background: #eef8f3;
  border-color: rgba(47, 109, 86, 0.24);
}
.inbox-crm-note-button:hover,
.inbox-crm-note-button:focus-visible {
  background: #dff2e9;
  color: #16372d;
}
:root[data-theme="dark"] .inbox-crm-note-button {
  background: rgba(74, 163, 123, 0.16);
  border-color: rgba(128, 209, 173, 0.28);
  color: #b8f1d3;
}


/* 20260605compose_hide_path142 */
.inbox-compose-modes[data-active-mode="sendpulse"] [data-inbox-compose-panel="whatsapp"],
.inbox-compose-modes[data-active-mode="whatsapp"] [data-inbox-compose-panel="sendpulse"] {
  display: none !important;
}

.inbox-compose-modes[data-active-mode="sendpulse"] [data-inbox-compose-mode-target="whatsapp"]:not(.active),
.inbox-compose-modes[data-active-mode="whatsapp"] [data-inbox-compose-mode-target="sendpulse"]:not(.active) {
  opacity: 0.58;
}


/* 20260605contact-comm-polish154 */
.communication-panel {
  gap: 10px;
}

.communication-panel .panel-head {
  align-items: flex-start;
  margin-bottom: 0;
}

.communication-panel .panel-head h3 {
  margin-bottom: 2px;
}

.communication-panel .panel-head .actions {
  gap: 6px;
}

.communication-panel > .communication-card {
  border-radius: 15px;
  padding: 10px;
  background: linear-gradient(180deg, color-mix(in srgb, var(--panel) 92%, #fff 8%), color-mix(in srgb, var(--soft) 86%, var(--panel)));
  box-shadow: 0 8px 22px rgba(22, 44, 37, 0.07);
}

.communication-panel > .whatsapp-send-panel {
  grid-template-columns: minmax(120px, 0.55fr) minmax(160px, 0.7fr) minmax(250px, 1fr) auto;
  gap: 8px;
}

.communication-panel > .communication-form {
  grid-template-columns: 145px 180px minmax(250px, 1fr) 170px auto;
  gap: 8px;
  margin-bottom: 0;
}

.communication-panel > .communication-card select,
.communication-panel > .communication-card input,
.communication-panel > .communication-card textarea {
  min-height: 38px;
  font-size: 13px;
}

.communication-panel > .communication-card textarea,
.communication-panel > .whatsapp-send-panel .message-box textarea,
.communication-panel > .communication-form textarea {
  min-height: 56px;
  max-height: 110px;
  resize: vertical;
}

.communication-panel .mini-title {
  margin-bottom: 2px;
}

.communication-panel > .quick-type-bar,
.communication-panel > .communication-filters {
  align-items: center;
  gap: 6px;
  margin-top: 0;
  padding-top: 10px;
}

.communication-panel > .quick-type-bar::before,
.communication-panel > .communication-filters::before {
  flex: 0 0 auto;
  margin-right: 2px;
  font-size: 13px;
}

.communication-panel .quick-type-bar button,
.communication-panel .communication-filters .filter-chip {
  border-radius: 999px;
  min-height: 32px;
  padding: 5px 9px;
  font-size: 12px;
}

.communication-panel > .communication-compact-timeline {
  max-height: min(430px, calc(100vh - 300px));
  padding: 12px 14px;
  border-radius: 16px;
}

.communication-panel .timeline-item {
  margin-bottom: 8px;
}

.communication-panel .timeline-card.message-bubble {
  padding: 9px 11px;
}

.communication-panel .timeline-meta {
  gap: 6px;
  margin-bottom: 4px;
}

.communication-panel .message-text {
  margin: 5px 0 0;
  font-size: 13px;
  line-height: 1.38;
}

.communication-panel .message-detail {
  margin-top: 5px;
  font-size: 12px;
}

.communication-history-note {
  order: 41;
  margin: -2px 0 0;
  color: var(--muted);
  font-size: 12px;
  text-align: center;
}

@media (max-width: 1180px) {
  .communication-panel > .whatsapp-send-panel,
  .communication-panel > .communication-form {
    grid-template-columns: 1fr;
  }

  .communication-panel > .communication-card textarea,
  .communication-panel > .whatsapp-send-panel .message-box textarea,
  .communication-panel > .communication-form textarea {
    min-height: 64px;
  }
}


/* 20260605contact-comm-drawers155 */
.communication-panel > .quick-type-bar {
  display: none;
}

.communication-history-head {
  order: 1;
}

.communication-history-actions {
  order: 10;
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  align-items: center;
  padding: 8px 0 4px;
  border-top: 1px solid var(--line);
}

.communication-history-actions .secondary,
.communication-history-actions .button,
.communication-history-actions a {
  border-radius: 999px;
  min-height: 34px;
  padding: 6px 10px;
}

.communication-history-actions .active {
  background: var(--brand);
  border-color: var(--brand);
  color: #fff;
}

.contact-comm-drawer {
  order: 12;
  animation: commDrawerIn 0.12s ease-out;
}

.contact-comm-drawer[hidden] {
  display: none !important;
}

.contact-comm-drawer.communication-card {
  margin: 0;
}

.contact-comm-drawer .form-actions {
  display: flex;
  gap: 7px;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
}

.contact-comm-drawer input[type="file"] {
  background: var(--panel);
  border: 1px dashed var(--line);
  border-radius: 10px;
  padding: 8px;
}

.communication-panel > .communication-filters {
  order: 20;
  border-top: 1px solid var(--line);
  padding-top: 10px;
}

.communication-panel > .timeline,
.communication-panel > .communication-compact-timeline {
  order: 30;
}

@keyframes commDrawerIn {
  from { opacity: 0; transform: translateY(-3px); }
  to { opacity: 1; transform: translateY(0); }
}


/* 20260605contact-comm-buttons156 */
.communication-history-actions {
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  padding: 10px 0;
}

.communication-actions-label {
  font-size: 15px;
  font-weight: 900;
  color: var(--text);
  margin-right: 2px;
}

.communication-history-actions .filter-chip.icon-filter {
  width: 38px;
  height: 36px;
  padding: 0;
  border-radius: 999px;
}

.communication-history-actions .filter-chip.icon-filter.active,
.communication-history-actions .filter-chip.icon-filter:where(.active) {
  background: var(--brand);
  border-color: var(--brand);
  color: #fff;
}

.communication-history-actions .filter-chip.icon-filter.active .action-icon .accent,
.communication-history-actions .filter-chip.icon-filter.active .action-icon .whatsapp-stroke,
.communication-history-actions .filter-chip.icon-filter.active .action-icon .success-stroke {
  stroke: #fff;
}

.communication-panel .panel-head .pill {
  font-weight: 900;
}


/* 20260605contact-comm-phone-history157 */
.communication-history-head {
  border-bottom: 0;
  padding-bottom: 0;
}

.communication-panel > .communication-filters {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 10px;
}

.communication-panel > .communication-filters::before {
  content: none;
}

.communication-filters-title {
  font-size: 15px;
  font-weight: 900;
  color: var(--text);
}

.communication-history-phone {
  justify-self: center;
  font-weight: 900;
  white-space: nowrap;
}

.communication-filter-actions {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 7px;
  justify-content: flex-end;
}

@media (max-width: 760px) {
  .communication-panel > .communication-filters {
    grid-template-columns: 1fr;
    justify-items: start;
  }

  .communication-history-phone {
    justify-self: start;
  }

  .communication-filter-actions {
    justify-content: flex-start;
  }
}


/* 20260605contact-comm-no-header158c */
.communication-panel {
  padding-top: 12px;
}

.communication-panel > .communication-history-actions {
  margin-top: 0;
  border-top: 0;
  padding-top: 0;
}


/* 20260605contact-sendpulse-composer159 */
.contact-sendpulse-composer {
  display: grid;
  grid-template-columns: minmax(160px, 220px) minmax(180px, 260px) minmax(260px, 1fr) auto;
  gap: 10px;
  align-items: end;
  position: relative;
}

.contact-sendpulse-composer[hidden] {
  display: none !important;
}

.contact-sendpulse-composer .contact-comm-drawer-head {
  align-self: center;
}

.contact-sendpulse-composer .mini-title {
  font-size: 16px;
}

.contact-sendpulse-composer .contact-comm-opportunity {
  min-width: 0;
}

.contact-sendpulse-composer .contact-sendpulse-tools {
  grid-column: 1 / -1;
  order: 10;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0;
}

.contact-sendpulse-composer .inbox-tool-button {
  width: 46px;
  height: 44px;
  min-width: 46px;
  border-radius: 14px;
  font-size: 20px;
}

.contact-sendpulse-composer .inbox-file-name {
  font-size: 13px;
  max-width: min(460px, 60vw);
}

.contact-sendpulse-composer textarea[name="message"] {
  grid-column: 1 / -2;
  order: 20;
  min-height: 74px;
  max-height: 150px;
  resize: vertical;
  font-size: 14px;
  line-height: 1.42;
}

.contact-sendpulse-composer .contact-sendpulse-send {
  order: 20;
  width: 54px;
  height: 54px;
  align-self: end;
}

.contact-sendpulse-composer .inbox-emoji-panel {
  z-index: 30;
}

@media (max-width: 980px) {
  .contact-sendpulse-composer {
    grid-template-columns: 1fr;
  }

  .contact-sendpulse-composer textarea[name="message"],
  .contact-sendpulse-composer .contact-sendpulse-tools {
    grid-column: 1;
  }

  .contact-sendpulse-composer .contact-sendpulse-send {
    justify-self: end;
  }
}


/* 20260605contact-sendpulse-clean160 */
.contact-sendpulse-composer {
  grid-template-columns: minmax(140px, 190px) minmax(240px, 340px) minmax(260px, 1fr) auto;
}

.contact-sendpulse-composer .contact-comm-drawer-head {
  align-self: center;
  justify-self: start;
}

.contact-sendpulse-composer .contact-comm-opportunity {
  align-self: center;
  justify-self: center;
  width: min(340px, 100%);
}

.contact-sendpulse-composer .mini-title {
  margin-bottom: 0;
}


/* 20260605contact-sendpulse-dropdown-tools162b */
.contact-sendpulse-composer .contact-sendpulse-tools {
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: auto auto auto minmax(240px, 360px) 1fr !important;
  align-items: center !important;
  gap: 10px !important;
}

.contact-sendpulse-composer .contact-sendpulse-tools-opportunity {
  grid-column: 4 !important;
  width: 100% !important;
  max-width: 360px !important;
  justify-self: center !important;
  margin: 0 auto !important;
}

.contact-sendpulse-composer .contact-comm-drawer-head {
  grid-column: 1 / -1 !important;
}

.contact-sendpulse-composer textarea[name="message"] {
  grid-column: 1 !important;
}

.contact-sendpulse-composer .contact-sendpulse-send {
  grid-column: 2 !important;
}

@media (max-width: 760px) {
  .contact-sendpulse-composer .contact-sendpulse-tools {
    grid-template-columns: auto auto auto !important;
  }

  .contact-sendpulse-composer .contact-sendpulse-tools-opportunity {
    grid-column: 1 / -1 !important;
    max-width: none !important;
  }
}


/* 20260605contact-sendpulse-dropdown-tools162c */
.contact-sendpulse-composer .contact-sendpulse-tools {
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: auto auto auto minmax(240px, 360px) 1fr !important;
  align-items: center !important;
  gap: 10px !important;
}

.contact-sendpulse-composer .contact-sendpulse-tools-opportunity {
  grid-column: 4 !important;
  width: 100% !important;
  max-width: 360px !important;
  justify-self: center !important;
  margin: 0 auto !important;
}

.contact-sendpulse-composer .contact-comm-drawer-head {
  grid-column: 1 / -1 !important;
}

.contact-sendpulse-composer textarea[name="message"] {
  grid-column: 1 !important;
}

.contact-sendpulse-composer .contact-sendpulse-send {
  grid-column: 2 !important;
}

@media (max-width: 760px) {
  .contact-sendpulse-composer .contact-sendpulse-tools {
    grid-template-columns: auto auto auto !important;
  }

  .contact-sendpulse-composer .contact-sendpulse-tools-opportunity {
    grid-column: 1 / -1 !important;
    max-width: none !important;
  }
}
/* 20260605contact-whatsapp-schedule163 */
.contact-whatsapp-composer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}
.contact-whatsapp-composer[hidden]{display:none!important}
.contact-whatsapp-composer .contact-comm-drawer-head{grid-column:1/-1}
.contact-whatsapp-composer .contact-whatsapp-tools{grid-column:1/-1;display:grid;grid-template-columns:auto minmax(240px,360px) auto auto auto auto 1fr;align-items:center;gap:10px}
.contact-whatsapp-composer .contact-whatsapp-tools-opportunity{width:100%;max-width:360px;justify-self:center}
.contact-whatsapp-composer .inbox-tool-button{width:44px;height:44px;border-radius:14px;font-size:1.08rem}
.contact-whatsapp-composer textarea[name=message]{grid-column:1;min-height:62px;resize:vertical}
.contact-whatsapp-schedule-panel{grid-column:1/-1;display:grid;grid-template-columns:minmax(220px,320px) minmax(0,1fr) auto;align-items:end;gap:10px;padding:10px;border:1px dashed var(--border);border-radius:14px;background:var(--surface)}
.contact-whatsapp-schedule-panel[hidden]{display:none!important}
.contact-whatsapp-schedule-panel label{display:grid;gap:4px;font-weight:700}
.contact-whatsapp-schedule-panel input[type=datetime-local]{min-height:42px}
@media (max-width:840px){.contact-whatsapp-composer,.contact-whatsapp-schedule-panel{grid-template-columns:1fr}.contact-whatsapp-composer .contact-whatsapp-tools{grid-template-columns:auto auto auto auto auto}.contact-whatsapp-composer .contact-whatsapp-tools-opportunity{grid-column:1/-1;max-width:none}.contact-whatsapp-composer textarea[name=message]{grid-column:1}}

/* 20260605contact-comm-polish164 */
.communication-panel,
.contact-comm-drawer,
.contact-sendpulse-composer,
.contact-whatsapp-composer,
.contact-sendpulse-composer .inbox-compose-tools,
.contact-whatsapp-composer .inbox-compose-tools {
  overflow: visible !important;
}
.contact-sendpulse-composer .inbox-emoji-panel,
.contact-whatsapp-composer .inbox-emoji-panel,
.communication-panel .inbox-emoji-panel {
  z-index: 30000 !important;
}
.crm-tooltip {
  z-index: 40000 !important;
}
.contact-whatsapp-schedule-panel {
  grid-template-columns: minmax(220px, 320px) auto 1fr !important;
  align-items: end !important;
  justify-content: start !important;
}
.contact-whatsapp-schedule-submit {
  width: auto !important;
  min-height: 42px !important;
  padding-inline: 12px !important;
  border-radius: 14px !important;
  justify-self: start !important;
  white-space: nowrap !important;
}
.contact-whatsapp-schedule-submit span:not(.sr-only) {
  margin-left: 6px !important;
  font-weight: 700 !important;
}
@media (max-width: 760px) {
  .contact-whatsapp-schedule-panel {
    grid-template-columns: 1fr !important;
  }
}

/* 20260605ww-schedule-task165 */
.task-whatsapp-scheduled-card {
  margin-top: 14px;
  display: grid;
  gap: 10px;
}
.task-whatsapp-scheduled-card textarea {
  min-height: 96px;
  resize: vertical;
  background: var(--surface);
}
.task-whatsapp-scheduled-card .icon-btn span:not(.sr-only) {
  margin-left: 6px;
  font-weight: 700;
}


/* 20260605ww-schedule-task-edit166 */
.task-form-whatsapp-panel {
  margin-top: -4px;
}
.task-form-whatsapp-panel .task-whatsapp-scheduled-card {
  border: 1px solid var(--border);
  border-radius: 16px;
  padding: 12px;
  background: var(--soft);
}
.task-form-whatsapp-panel .form-actions {
  justify-content: flex-start;
}
/* 20260605ww-schedule-task-detail167 */ .task-description-note{display:grid;gap:10px}.task-whatsapp-scheduled-card{margin-top:8px;padding:10px 12px;border:1px solid var(--border);border-radius:16px;background:var(--soft);display:grid;gap:8px}.task-whatsapp-scheduled-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.task-whatsapp-scheduled-head strong{color:var(--accent);font-size:.95rem}.task-whatsapp-scheduled-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.task-whatsapp-scheduled-actions .inbox-tool-button{width:42px;height:42px;min-width:42px}.task-whatsapp-message-preview{max-height:74px;overflow:auto;white-space:pre-wrap;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface);font-size:.84rem;line-height:1.35}.task-form-whatsapp-panel{display:none}
/* 20260605contact-detail-order-compact169 */ .communication-panel{padding:10px 14px}.communication-panel>.communication-history-actions{padding:4px 0 6px;gap:6px;margin-bottom:6px}.communication-panel>.communication-history-actions .filter-chip,.communication-panel .communication-filters .filter-chip,.communication-panel .inbox-tool-button{min-width:34px;width:34px;height:34px;border-radius:11px;font-size:.84rem}.communication-panel .communication-actions-label,.communication-panel .communication-filters-title,.communication-panel .mini-title{font-size:.9rem}.communication-panel>.communication-card,.communication-panel .contact-comm-drawer.communication-card{padding:10px;border-radius:14px}.communication-panel textarea{font-size:.9rem;min-height:50px}.communication-panel>.communication-compact-timeline{max-height:300px;gap:6px;padding:8px 10px}.communication-panel .timeline-item{margin-bottom:6px}.communication-panel .timeline-card.message-bubble{padding:6px 9px;border-radius:11px;font-size:.78rem;line-height:1.22;max-width:min(48%,560px)}.communication-panel .message-text{font-size:.78rem;line-height:1.24;font-weight:500;color:#24332f}.communication-panel .message-detail,.communication-panel .message-time,.communication-panel .channel-badge,.communication-panel .sendpulse-pill,.communication-history-note{font-size:.66rem;color:#7d8883}.communication-panel .timeline-meta{gap:6px;margin-bottom:4px}.communication-panel .timeline-dot,.communication-panel .timeline-item::before{display:none}.communication-panel .timeline-item.message-out,.communication-panel .timeline-item.message-in,.communication-panel .timeline-item.message-neutral{padding-left:0;padding-right:0}
/* 20260605agenda-tasks-table170 */ .tasks-table{table-layout:fixed;width:100%}.tasks-table .task-col-title{width:auto}.tasks-table .task-col-due{width:128px}.tasks-table .task-col-status{width:132px}.tasks-table .task-col-priority{width:112px}.tasks-table .task-col-repeat{width:132px}.tasks-table .task-col-actions{width:292px}.tasks-table th,.tasks-table td{vertical-align:middle}.tasks-table th{white-space:nowrap;font-size:.78rem;letter-spacing:.02em}.tasks-table td:nth-child(2) .pill,.tasks-table td:nth-child(5){white-space:nowrap}.tasks-table td:first-child small{display:block;max-width:100%}.tasks-table td.actions{white-space:nowrap}@media(max-width:1100px){.tasks-table{table-layout:auto}.tasks-table .task-col-actions{width:240px}}
/* 20260605contact-field-autofit171 */ .client-summary .field-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),max-content));align-items:stretch}.client-summary .field{min-width:170px;max-width:100%;overflow-wrap:anywhere}.client-summary .field span{display:block;white-space:normal;overflow-wrap:anywhere}.client-summary .field:has(span:not(:empty)){width:max-content;max-width:100%}.client-summary .field:has(span){min-height:64px}@media(min-width:900px){.client-summary .field-grid{grid-template-columns:repeat(auto-fit,minmax(170px,max-content))}.client-summary .field{min-width:170px}.client-summary .field:has(span){max-width:360px}}

/* 20260605contact-comm-delete-mini175 */ .communication-panel .timeline-delete,.communication-panel .timeline-delete.small,.communication-panel .timeline-delete.icon-btn{width:26px!important;height:26px!important;min-width:26px!important;min-height:26px!important;border-radius:9px!important;padding:0!important}.communication-panel .timeline-delete .action-icon{width:13px!important;height:13px!important}

/* 20260606contact-comm-manual-up177 */
.communication-panel > .communication-form.contact-comm-drawer {
  order: 12 !important;
  margin: 8px 0 10px !important;
}
.communication-panel > .communication-form.contact-comm-drawer[hidden] {
  display: none !important;
}
.communication-panel > .communication-form.contact-comm-drawer.communication-card {
  display: grid;
  grid-template-columns: 145px 180px minmax(260px, 1fr) 170px auto;
  gap: 8px;
  align-items: center;
}
.communication-panel > .communication-form.contact-comm-drawer textarea,
.communication-panel > .communication-form.contact-comm-drawer input,
.communication-panel > .communication-form.contact-comm-drawer select {
  margin: 0 !important;
}
.communication-panel > .communication-form.contact-comm-drawer button[type="submit"],
.communication-panel > .communication-form.contact-comm-drawer .button {
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  padding: 0 !important;
  border-radius: 13px !important;
  overflow: hidden !important;
}
@media (max-width: 980px) {
  .communication-panel > .communication-form.contact-comm-drawer.communication-card {
    grid-template-columns: 1fr 1fr;
  }
  .communication-panel > .communication-form.contact-comm-drawer textarea,
  .communication-panel > .communication-form.contact-comm-drawer input {
    grid-column: 1 / -1;
  }
}

/* 20260606contact-comm-actions-below178 */
.communication-panel > .contact-comm-drawer,
.communication-panel > .communication-form.contact-comm-drawer {
  order: 10 !important;
}
.communication-panel > .communication-history-actions {
  order: 12 !important;
  margin-top: 6px !important;
}
.communication-panel > .communication-filters {
  order: 30 !important;
}
.communication-panel > .timeline,
.communication-panel > .communication-compact-timeline {
  order: 40 !important;
}
/* 20260606policy-tabs179 */
.policy-detail-shell {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.policy-hero {
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 24px 28px;
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: flex-start;
  box-shadow: var(--shadow);
}
.policy-hero-main {
  display: grid;
  gap: 7px;
}
.policy-status-badge,
.policy-status-mini {
  display: inline-flex;
  width: max-content;
  align-items: center;
  border-radius: 8px;
  background: var(--brand);
  color: #fff;
  font-weight: 900;
  font-size: 11px;
  line-height: 1;
  padding: 5px 10px;
  text-transform: uppercase;
}
.policy-status-mini {
  background: rgba(36, 104, 220, .12);
  color: var(--logo-blue);
  border: 1px solid rgba(36, 104, 220, .35);
  font-size: 10px;
}
.policy-title-line {
  display: flex;
  gap: 7px;
  align-items: baseline;
  flex-wrap: wrap;
  font-size: 21px;
  color: var(--text);
}
.policy-title-line strong {
  font-size: 23px;
  font-weight: 900;
}
.policy-contact-link {
  width: max-content;
  color: var(--logo-blue);
  font-weight: 800;
  text-decoration: none;
}
.policy-hero-actions {
  align-items: center;
}
.policy-tabs-widget {
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 0 24px 24px;
  box-shadow: var(--shadow);
}
.policy-tab-input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.policy-tab-nav {
  display: flex;
  gap: 22px;
  flex-wrap: wrap;
  border-bottom: 1px solid var(--line);
  margin-bottom: 22px;
}
.policy-tab-nav label {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  cursor: pointer;
  color: var(--text);
  padding: 18px 4px 12px;
  border-bottom: 3px solid transparent;
  font-weight: 800;
}
.policy-tab-nav .action-icon {
  width: 19px;
  height: 19px;
}
.policy-tab-nav label span {
  min-width: 20px;
  height: 20px;
  display: inline-grid;
  place-items: center;
  border-radius: 7px;
  background: var(--soft);
  color: var(--muted);
  font-size: 11px;
  padding: 0 6px;
}
#policy-tab-detail:checked ~ .policy-tab-nav label[for="policy-tab-detail"],
#policy-tab-installments:checked ~ .policy-tab-nav label[for="policy-tab-installments"],
#policy-tab-supplements:checked ~ .policy-tab-nav label[for="policy-tab-supplements"],
#policy-tab-claims:checked ~ .policy-tab-nav label[for="policy-tab-claims"],
#policy-tab-history:checked ~ .policy-tab-nav label[for="policy-tab-history"] {
  color: var(--brand);
  border-bottom-color: var(--brand);
}
.policy-tab-panel {
  display: none;
}
#policy-tab-detail:checked ~ .policy-tab-content .policy-panel-detail,
#policy-tab-installments:checked ~ .policy-tab-content .policy-panel-installments,
#policy-tab-supplements:checked ~ .policy-tab-content .policy-panel-supplements,
#policy-tab-claims:checked ~ .policy-tab-content .policy-panel-claims,
#policy-tab-history:checked ~ .policy-tab-content .policy-panel-history {
  display: block;
}
.policy-summary-card,
.policy-section,
.policy-kpi-card,
.policy-supplement-card {
  border: 1px solid var(--line);
  border-radius: 14px;
  background: color-mix(in srgb, var(--panel) 94%, var(--soft));
}
.policy-summary-card {
  padding: 28px 24px;
  margin-bottom: 24px;
}
.policy-info-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(150px, 1fr));
  gap: 24px 44px;
}
.policy-info-item {
  display: grid;
  gap: 4px;
  min-width: 0;
}
.policy-info-item strong {
  font-size: 13px;
  font-weight: 900;
  color: var(--text);
}
.policy-info-item span {
  color: var(--text);
  overflow-wrap: anywhere;
}
.policy-info-item a,
.policy-info-value-link {
  color: var(--logo-blue);
  font-weight: 800;
  text-decoration: none;
}
.policy-info-value-ok {
  color: var(--brand) !important;
  font-weight: 900;
}
.policy-info-value-danger {
  color: var(--danger) !important;
  font-weight: 900;
}
.policy-section {
  margin-bottom: 18px;
  overflow: hidden;
}
.policy-section summary {
  min-height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0 18px;
  cursor: pointer;
  border-bottom: 1px solid var(--line);
}
.policy-section summary::-webkit-details-marker {
  display: none;
}
.policy-section-title {
  display: inline-flex;
  gap: 10px;
  align-items: center;
}
.policy-section-title .action-icon {
  width: 21px;
  height: 21px;
}
.policy-chevron {
  font-size: 22px;
  transition: transform .16s ease;
}
.policy-section[open] .policy-chevron {
  transform: rotate(180deg);
}
.policy-section-body {
  padding: 28px 24px;
}
.policy-notes-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.policy-files-note {
  grid-column: 1 / -1;
}
.policy-kpi-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(220px, 1fr));
  gap: 24px;
  margin-bottom: 24px;
}
.policy-kpi-card {
  padding: 22px;
  display: grid;
  gap: 6px;
}
.policy-kpi-card small {
  color: var(--muted);
  font-size: 15px;
}
.policy-kpi-card strong {
  font-size: 27px;
}
.policy-subtabs {
  display: inline-flex;
  gap: 0;
  border-radius: 10px;
  overflow: hidden;
  background: var(--soft);
  margin-bottom: 18px;
}
.policy-subtabs span {
  padding: 12px 26px;
  font-weight: 900;
  color: var(--muted);
}
.policy-subtabs .active {
  background: var(--brand);
  color: #fff;
}
.policy-table {
  width: 100%;
  border-collapse: collapse;
}
.policy-table th,
.policy-table td {
  padding: 15px 14px;
  text-align: left;
  border-bottom: 1px solid var(--line);
  vertical-align: middle;
}
.policy-table th {
  font-size: 12px;
  text-transform: uppercase;
  color: var(--text);
}
.policy-table tr.selected {
  background: var(--soft);
  outline: 1px solid color-mix(in srgb, var(--brand) 45%, transparent);
}
.policy-supplement-card {
  position: relative;
  display: grid;
  grid-template-columns: repeat(6, minmax(120px, 1fr)) 24px;
  gap: 18px;
  align-items: center;
  padding: 22px 24px;
  box-shadow: var(--shadow);
}
.policy-supplement-card div {
  display: grid;
  gap: 5px;
}
.policy-supplement-card strong {
  color: var(--text);
}
.policy-supplement-card span {
  color: var(--muted);
}
.policy-row-arrow {
  font-size: 34px;
  color: var(--text);
}
.policy-empty-state {
  min-height: 320px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 12px;
  color: var(--muted);
  text-align: center;
}
.policy-empty-state .action-icon {
  width: 90px;
  height: 90px;
  opacity: .22;
}
.policy-empty-state strong {
  color: var(--text);
  font-size: 16px;
}
.policy-history-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 18px;
}
.policy-history-head input {
  max-width: 260px;
}
@media (max-width: 1100px) {
  .policy-info-grid {
    grid-template-columns: repeat(2, minmax(140px, 1fr));
  }
  .policy-supplement-card {
    grid-template-columns: repeat(2, minmax(140px, 1fr));
  }
}
@media (max-width: 760px) {
  .policy-hero,
  .policy-history-head {
    flex-direction: column;
    align-items: stretch;
  }
  .policy-info-grid,
  .policy-kpi-grid,
  .policy-notes-grid {
    grid-template-columns: 1fr;
  }
}


/* 20260606email_yahoo_ui185 */
.inbox-message-panel.inbox-email-panel {
  background: #fff;
}
.inbox-email-panel .panel-head {
  border-bottom: 1px solid #ececf3;
  padding-bottom: 14px;
}
.inbox-email-panel .panel-head h3 {
  font-size: 1.25rem;
}
.inbox-email-panel .inbox-timeline {
  background: #fff;
  background-image: none;
  gap: 0;
  padding: 20px 32px 28px;
}
.inbox-email-thread {
  grid-template-columns: 36px minmax(0, 1fr) auto;
  align-items: center;
  border-left: 3px solid transparent;
}
.inbox-email-thread.active {
  background: #f3ecff;
  border-left-color: #7d2cff;
}
.email-thread-avatar {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: inline-grid;
  place-items: center;
  background: #7d2cff;
  color: #fff;
  font-weight: 800;
  font-size: .72rem;
  text-transform: uppercase;
}
.inbox-email-thread .inbox-thread-main strong {
  font-size: .92rem;
  color: #1f2030;
}
.inbox-email-thread .inbox-thread-main small {
  color: #1f2030;
  font-weight: 650;
}
.inbox-email-thread .inbox-thread-main span {
  color: #6b6f7b;
  font-size: .78rem;
}
.inbox-email-message {
  padding: 0;
  margin: 0;
}
.inbox-email-message + .inbox-email-message {
  margin-top: 18px;
}
.email-reader-card {
  position: relative;
  width: min(860px, 100%);
  margin: 0 auto;
  padding: 18px 22px;
  border: 1px solid #e6e7ee;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 10px 28px rgba(20, 22, 38, .08);
}
.email-reader-head {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  gap: 14px;
  align-items: start;
  padding-bottom: 16px;
  border-bottom: 1px solid #eef0f5;
}
.email-reader-avatar {
  width: 36px;
  height: 36px;
  font-size: .78rem;
}
.email-reader-head h4 {
  margin: 0 0 10px;
  color: #1f2030;
  font-size: 1.18rem;
  line-height: 1.25;
}
.email-reader-head strong {
  display: block;
  color: #282a37;
  font-size: .92rem;
}
.email-reader-head small,
.email-reader-head time {
  color: #7a7f8e;
  font-size: .78rem;
}
.email-reader-body {
  padding: 18px 4px 8px;
  color: #242633;
  font-size: .95rem;
  line-height: 1.55;
  white-space: normal;
}
.email-reader-card .inbox-media-file,
.email-reader-card .inbox-media-image-link {
  margin-top: 12px;
}
.email-reader-card .inbox-message-meta {
  justify-content: flex-end;
  margin-top: 12px;
}
.email-reader-card .inbox-message-reactions {
  top: 14px;
  right: 14px;
}
:root[data-theme="dark"] .inbox-message-panel.inbox-email-panel,
:root[data-theme="dark"] .inbox-email-panel .inbox-timeline,
:root[data-theme="dark"] .email-reader-card {
  background: #111d17;
}
:root[data-theme="dark"] .email-reader-card {
  border-color: rgba(184, 214, 196, .22);
}
:root[data-theme="dark"] .email-reader-head h4,
:root[data-theme="dark"] .email-reader-head strong,
:root[data-theme="dark"] .email-reader-body,
:root[data-theme="dark"] .inbox-email-thread .inbox-thread-main strong,
:root[data-theme="dark"] .inbox-email-thread .inbox-thread-main small {
  color: #f2fff8;
}
:root[data-theme="dark"] .inbox-email-thread.active {
  background: rgba(125, 44, 255, .22);
}


/* 20260606email_yahoo_polish187 */
.inbox-email-thread {
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) 54px !important;
  column-gap: 10px;
  align-items: start;
  min-height: 82px;
}
.inbox-email-thread .email-thread-avatar {
  align-self: center;
  margin-top: 0;
}
.inbox-email-thread .inbox-thread-main {
  justify-items: start;
  text-align: left;
  gap: 5px;
}
.inbox-email-thread .inbox-thread-side {
  min-width: 46px;
  justify-items: end;
  align-content: start;
}
.inbox-email-thread .inbox-thread-side small {
  color: #4f5969;
  font-size: .72rem;
  white-space: nowrap;
}
.inbox-email-thread .inbox-thread-main strong {
  font-weight: 800;
}
.inbox-email-thread .inbox-thread-main small {
  font-size: .78rem;
  font-weight: 800;
}
.inbox-email-thread .inbox-thread-main span {
  font-size: .78rem;
}
.inbox-email-panel .inbox-timeline {
  padding-top: 18px;
}
.email-reader-card {
  width: min(920px, 100%);
  padding: 22px 26px;
}
.email-reader-head {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  padding-bottom: 18px;
}
.email-reader-head h4 {
  margin: 0;
  font-size: 1.52rem;
  line-height: 1.2;
  font-weight: 850;
  letter-spacing: -.02em;
}
.email-reader-sender-row {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
}
.email-reader-sender-row strong {
  display: block;
  font-size: .98rem;
  color: #252836;
}
.email-reader-sender-row small {
  display: block;
  font-size: .82rem;
  color: #606978;
  line-height: 1.35;
}
.email-reader-address {
  color: #8a92a0 !important;
}
.email-reader-body {
  padding: 24px 4px 10px;
  color: #111827;
  font-size: 1rem;
  line-height: 1.65;
}
.email-reader-footer {
  justify-content: flex-start !important;
  opacity: .75;
}
.inbox-email-message .inbox-message-reactions,
.inbox-email-message .inbox-reaction-toggle,
.inbox-email-message .inbox-message-menu-toggle {
  display: none !important;
}
:root[data-theme="dark"] .email-reader-sender-row strong,
:root[data-theme="dark"] .email-reader-body {
  color: #f2fff8;
}
:root[data-theme="dark"] .email-reader-sender-row small,
:root[data-theme="dark"] .email-reader-address {
  color: #afbbb4 !important;
}


/* 20260606email_yahoo_layout189 */
.inbox-thread-panel {
  overflow: hidden;
}
.inbox-thread-list {
  overflow-x: hidden !important;
}
.inbox-email-thread {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  grid-template-columns: 34px minmax(0, 1fr) 42px !important;
  padding: 11px 8px !important;
  gap: 9px;
}
.inbox-email-thread .inbox-thread-main {
  min-width: 0;
  overflow: hidden;
}
.inbox-email-thread .inbox-thread-main strong,
.inbox-email-thread .inbox-thread-main small,
.inbox-email-thread .inbox-thread-main span {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.inbox-email-thread .inbox-thread-main strong {
  font-size: .9rem;
}
.inbox-email-thread .inbox-thread-main small {
  font-size: .76rem;
}
.inbox-email-thread .inbox-thread-side {
  min-width: 38px;
  overflow: hidden;
}
.inbox-email-thread .inbox-thread-side small {
  display: block;
  max-width: 38px;
  overflow: hidden;
  text-overflow: clip;
}
.email-thread-avatar {
  width: 29px;
  height: 29px;
}
.inbox-email-panel > .panel-head {
  min-height: 0;
  padding: 0 0 8px;
}
.inbox-email-panel > .panel-head h3 {
  display: none;
}
.inbox-email-panel > .panel-head .muted {
  display: none;
}
.email-reader-card {
  margin-top: 0;
}
.email-reader-actions {
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 0 0 20px;
  color: #565d68;
}
.email-reader-actions button,
.email-action-more summary {
  width: 30px;
  height: 30px;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: #565d68;
  display: inline-grid;
  place-items: center;
  font-size: 1.05rem;
  cursor: pointer;
}
.email-reader-actions button:hover,
.email-action-more summary:hover {
  background: #f2f3f7;
}
.email-action-more {
  position: relative;
}
.email-action-more summary {
  list-style: none;
}
.email-action-more summary::-webkit-details-marker {
  display: none;
}
.email-action-more div {
  position: absolute;
  top: 36px;
  left: 0;
  z-index: 60;
  min-width: 220px;
  padding: 8px;
  border: 1px solid #e3e5ec;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 16px 34px rgba(20, 22, 38, .16);
}
.email-action-more div button {
  width: 100%;
  height: auto;
  border-radius: 8px;
  justify-content: start;
  display: block;
  padding: 9px 10px;
  text-align: left;
  font-size: .88rem;
}
.email-reader-head h4 {
  max-width: 820px;
}
.email-reader-sender-row strong {
  font-size: 1.03rem;
  font-weight: 800;
}
.email-reader-sender-row small {
  font-weight: 700;
}
:root[data-theme="dark"] .email-reader-actions button,
:root[data-theme="dark"] .email-action-more summary {
  color: #c7d5ce;
}
:root[data-theme="dark"] .email-reader-actions button:hover,
:root[data-theme="dark"] .email-action-more summary:hover {
  background: rgba(255,255,255,.08);
}
:root[data-theme="dark"] .email-action-more div {
  background: #15241d;
  border-color: rgba(184,214,196,.22);
}


/* 20260606email_actions190 */
.email-reader-actions {
  overflow: visible;
  position: relative;
  z-index: 6;
}
.email-reader-actions form {
  margin: 0;
}
.email-reader-actions button,
.email-action-compose > summary,
.email-action-more > summary {
  align-items: center;
  appearance: none;
  background: transparent;
  border: 0;
  border-radius: 999px;
  color: #5f6368;
  cursor: pointer;
  display: inline-flex;
  font-size: 1rem;
  height: 34px;
  justify-content: center;
  line-height: 1;
  list-style: none;
  min-width: 34px;
  padding: 0 0.55rem;
}
.email-reader-actions button:hover,
.email-action-compose > summary:hover,
.email-action-more > summary:hover,
.email-action-compose[open] > summary,
.email-action-more[open] > summary {
  background: #f3ecff;
  color: #7d2cff;
}
.email-reader-actions button.danger:hover,
.email-reader-actions .danger:hover {
  background: #ffe8e8;
  color: #b42318;
}
.email-reader-actions button:disabled {
  cursor: not-allowed;
  opacity: 0.35;
}
.email-star-button.active {
  color: #f4b400 !important;
}
.email-action-compose,
.email-action-more {
  position: relative;
}
.email-action-compose > summary::-webkit-details-marker,
.email-action-more > summary::-webkit-details-marker {
  display: none;
}
.email-inline-form {
  background: var(--panel, #fff);
  border: 1px solid var(--border, #d9e2dc);
  border-radius: 16px;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.18);
  color: var(--text, #111827);
  display: grid;
  gap: 0.65rem;
  left: 0;
  min-width: min(420px, calc(100vw - 90px));
  padding: 0.85rem;
  position: absolute;
  top: 40px;
  z-index: 90;
}
.email-inline-form small {
  color: var(--muted, #667085);
  display: block;
  margin-top: -0.45rem;
}
.email-inline-form input[type="email"],
.email-inline-form textarea {
  border: 1px solid var(--border, #d9e2dc);
  border-radius: 10px;
  font: inherit;
  padding: 0.65rem 0.75rem;
  width: 100%;
}
.email-inline-form textarea {
  min-height: 96px;
  resize: vertical;
}
.email-file-line {
  align-items: center;
  color: var(--muted, #667085);
  display: flex;
  gap: 0.55rem;
  font-size: 0.9rem;
}
.email-inline-form .form-actions {
  display: flex;
  gap: 0.5rem;
  justify-content: flex-end;
}
.email-action-more > div {
  background: var(--panel, #fff);
  border: 1px solid var(--border, #d9e2dc);
  border-radius: 14px;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.16);
  display: grid;
  gap: 0.25rem;
  min-width: 185px;
  padding: 0.45rem;
  position: absolute;
  right: 0;
  top: 40px;
  z-index: 95;
}
.email-action-more button {
  border-radius: 10px;
  justify-content: flex-start;
  width: 100%;
}
:root[data-theme="dark"] .email-inline-form,
:root[data-theme="dark"] .email-action-more > div {
  background: #13221b;
  border-color: rgba(255,255,255,0.14);
}
:root[data-theme="dark"] .email-reader-actions button:hover,
:root[data-theme="dark"] .email-action-compose > summary:hover,
:root[data-theme="dark"] .email-action-more > summary:hover,
:root[data-theme="dark"] .email-action-compose[open] > summary,
:root[data-theme="dark"] .email-action-more[open] > summary {
  background: rgba(125, 44, 255, 0.18);
}


/* 20260606email_yahoo_polish192 */
.inbox-email-panel .inbox-date-separator {
  display: none;
}
.inbox-email-thread {
  grid-template-columns: 32px minmax(0, 1fr) auto !important;
  overflow: hidden;
}
.inbox-email-thread .inbox-thread-main {
  min-width: 0;
}
.inbox-email-thread .inbox-thread-main strong,
.inbox-email-thread .inbox-thread-main small,
.inbox-email-thread .inbox-thread-main span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.inbox-email-thread.read .inbox-thread-main strong,
.inbox-email-thread.read .inbox-thread-main small {
  font-weight: 500 !important;
}
.inbox-email-thread.read .inbox-thread-main span {
  font-weight: 400;
}
.inbox-email-thread.unread .inbox-thread-main strong,
.inbox-email-thread.unread .inbox-thread-main small {
  font-weight: 800 !important;
}
.inbox-email-thread .inbox-thread-side {
  min-width: 44px;
}
.inbox-email-thread .inbox-thread-side small {
  max-width: 44px;
}
.email-reader-html {
  color: #111827;
  font-size: 1rem;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
.email-reader-html table {
  max-width: 100%;
}
.email-reader-html img {
  max-width: 100%;
  height: auto;
}
.email-reader-actions {
  align-items: flex-start;
  position: relative;
}
.email-reader-actions:has(.email-action-compose[open]) {
  padding-bottom: 305px;
}
.email-action-compose[open] {
  position: static;
}
.email-action-compose[open] .email-inline-form {
  left: 0;
  min-width: 0;
  right: 0;
  top: 42px;
  width: 100%;
}
.email-inline-form {
  gap: 0.8rem;
  min-width: min(760px, calc(100vw - 90px));
}
.email-inline-form textarea {
  min-height: 150px;
}
.email-compose-toolbar {
  align-items: center;
  display: flex;
  gap: 0.65rem;
}
.email-compose-toolbar button,
.email-compose-toolbar .email-file-line {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 999px;
  color: #5f6368;
  cursor: pointer;
  display: inline-flex;
  font-size: 0.95rem;
  gap: 0.35rem;
  min-height: 34px;
  padding: 0 0.65rem;
}
.email-compose-toolbar button:hover,
.email-compose-toolbar .email-file-line:hover {
  background: #f2f3f7;
}
.email-compose-toolbar input[type="file"] {
  max-width: 220px;
}
.email-inline-form .form-actions {
  align-items: center;
  justify-content: space-between;
}
.email-send-action {
  background: #7d2cff !important;
  border-radius: 999px !important;
  color: #fff !important;
  font-weight: 800;
  min-width: 86px !important;
}
.email-discard-action {
  margin-left: auto;
}


/* 20260606email_compose197 */
.email-reader-actions form {
  margin: 0;
}
.email-action-more div form {
  margin: 0;
}
.email-action-more div form button {
  width: 100%;
  text-align: left;
}
.email-compose-toolbar {
  align-items: center;
  gap: .7rem;
}
.email-compose-toolbar .email-file-line,
.email-signature-code > summary {
  width: 46px;
  height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  border: 1px solid var(--border);
  background: var(--surface);
  cursor: pointer;
  font-size: 1.45rem;
  line-height: 1;
  color: var(--text);
}
.email-compose-toolbar .email-file-line:hover,
.email-signature-code > summary:hover {
  border-color: var(--primary);
  color: var(--primary-dark);
  background: var(--primary-soft);
}
.email-signature-code {
  position: relative;
}
.email-signature-code > summary {
  list-style: none;
}
.email-signature-code > summary::-webkit-details-marker {
  display: none;
}
.email-signature-panel {
  position: absolute;
  z-index: 80;
  left: 0;
  bottom: 54px;
  width: min(520px, 80vw);
  border: 1px solid var(--border);
  background: var(--surface);
  box-shadow: var(--shadow);
  border-radius: 16px;
  padding: .8rem;
}
.email-signature-panel button {
  width: auto;
  min-height: 36px;
  padding: .45rem .8rem;
  margin-bottom: .55rem;
}
.email-signature-panel textarea {
  width: 100%;
  min-height: 135px;
  resize: vertical;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: .86rem;
}
.email-inline-form .form-actions,
.email-new-actions {
  justify-content: space-between;
  align-items: center;
}
.inbox-new-email-open {
  font-weight: 800;
}
.inbox-new-email-modal[hidden] {
  display: none;
}
.inbox-new-email-modal {
  position: fixed;
  inset: 0;
  z-index: 120;
  background: rgba(15, 23, 42, .34);
  display: grid;
  place-items: center;
  padding: 1.5rem;
}
.inbox-new-email-card {
  width: min(980px, calc(100vw - 2rem));
  max-height: calc(100vh - 2rem);
  overflow: auto;
  background: var(--surface);
  color: var(--text);
  border: 1px solid var(--border);
  border-radius: 20px;
  box-shadow: var(--shadow);
  padding: 1rem;
}
.inbox-new-email-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  margin-bottom: .85rem;
}
.inbox-new-email-head h3 {
  margin: 0;
}
.email-compose-grid {
  display: grid;
  grid-template-columns: minmax(190px, 260px) 1fr;
  gap: .75rem;
}
.email-compose-grid label:last-child {
  grid-column: 1 / -1;
}
.inbox-new-email-form textarea[name="message"] {
  width: 100%;
  min-height: 260px;
  margin: .8rem 0;
  resize: vertical;
}
:root[data-theme="dark"] .email-signature-panel,
:root[data-theme="dark"] .inbox-new-email-card {
  background: var(--surface);
  color: var(--text);
}
@media (max-width: 760px) {
  .email-compose-grid {
    grid-template-columns: 1fr;
  }
}


/* 20260606email_composer_polish198 */
.inbox-new-email-modal {
  background: rgba(17, 24, 39, .52) !important;
  backdrop-filter: blur(2px);
}
.inbox-new-email-card {
  background: #ffffff !important;
  color: #111827 !important;
  border: 1px solid #d9e2dc !important;
  box-shadow: 0 24px 70px rgba(15, 23, 42, .28) !important;
}
.inbox-new-email-head {
  padding-bottom: .65rem;
  border-bottom: 1px solid #e5ece8;
}
.inbox-new-email-head .icon-btn,
.inbox-new-email-head button {
  background: #ffffff;
  color: #111827;
  border: 1px solid #d9e2dc;
  box-shadow: 0 8px 22px rgba(15, 23, 42, .10);
}
.inbox-new-email-form input,
.inbox-new-email-form select,
.inbox-new-email-form textarea {
  background: #ffffff !important;
  color: #111827 !important;
  border-color: #cfdcd6 !important;
}
.inbox-new-email-form textarea[name="message"] {
  min-height: 300px;
}
.email-compose-toolbar {
  display: flex;
  align-items: center;
  gap: .45rem;
  flex-wrap: wrap;
}
.email-compose-toolbar .email-tool-button,
.email-compose-toolbar .email-file-line,
.email-signature-code > summary.email-tool-button {
  width: 42px;
  height: 42px;
  min-width: 42px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 13px;
  border: 1px solid transparent;
  background: transparent;
  box-shadow: none;
  color: #111827;
  cursor: pointer;
  font-size: 1.25rem;
  line-height: 1;
}
.email-compose-toolbar .email-file-line {
  font-size: 1.85rem;
  color: #111827;
}
.email-compose-toolbar .email-tool-button:hover,
.email-compose-toolbar .email-file-line:hover,
.email-signature-code > summary.email-tool-button:hover {
  background: #f2f4f7;
  border-color: #d9e2dc;
  color: #007f68;
}
.email-compose-toolbar input[type="file"] {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}
.email-signature-code {
  display: inline-flex;
  position: relative;
}
.email-signature-panel {
  bottom: 48px;
}
.email-send-action {
  border-radius: 999px !important;
  min-height: 44px;
  padding: .65rem 1.25rem !important;
}
.email-discard-action {
  width: 44px !important;
  height: 44px !important;
  border-radius: 14px !important;
}
:root[data-theme="dark"] .inbox-new-email-card {
  background: #ffffff !important;
  color: #111827 !important;
}
:root[data-theme="dark"] .inbox-new-email-form input,
:root[data-theme="dark"] .inbox-new-email-form select,
:root[data-theme="dark"] .inbox-new-email-form textarea {
  background: #ffffff !important;
  color: #111827 !important;
}


/* 20260607email_new_button_emoji199 */
.inbox-filter-bar .inbox-new-email-open {
  display: none !important;
}
.inbox-new-message-button {
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  min-height: 42px;
  padding: .65rem 1.15rem;
  border: 0;
  border-radius: 999px;
  color: #fff;
  background: linear-gradient(135deg, #7c3cff 0%, #8f2df5 100%);
  box-shadow: 0 14px 34px rgba(124, 60, 255, .28);
  cursor: pointer;
  font-weight: 800;
  white-space: nowrap;
}
.inbox-new-message-button span {
  font-size: 1.15rem;
  line-height: 1;
}
.inbox-new-message-button:hover,
.inbox-new-message-button:focus-visible {
  transform: translateY(-1px);
  box-shadow: 0 18px 40px rgba(124, 60, 255, .34);
}
.email-compose-toolbar {
  position: relative;
}
.email-compose-toolbar .email-emoji-panel {
  position: absolute;
  z-index: 95;
  left: 0;
  bottom: 52px;
}
.email-compose-toolbar .email-emoji-panel .crm-emoji-picker {
  width: min(360px, 88vw);
  height: 320px;
}
:root[data-theme="dark"] .inbox-new-message-button {
  color: #fff;
}


/* 20260607email_reader_yahoo_ui200 */
.inbox-email-message {
  max-width: none;
}
.yahoo-like-email-card {
  width: min(980px, 100%);
  margin: 0 auto 1.25rem;
  border-radius: 18px;
  border: 1px solid #e3e8ef;
  background: #ffffff;
  box-shadow: 0 14px 36px rgba(15, 23, 42, .08);
  color: #111827;
}
.yahoo-like-email-card .email-reader-actions {
  padding: .9rem 1rem .35rem;
  gap: 1.15rem;
}
.yahoo-like-email-card .email-reader-actions button,
.yahoo-like-email-card .email-action-compose > summary,
.yahoo-like-email-card .email-action-more > summary {
  color: #4b5563;
  background: transparent;
  border-color: transparent;
  font-size: 1.05rem;
}
.yahoo-like-email-card .email-reader-actions button:hover,
.yahoo-like-email-card .email-action-compose > summary:hover,
.yahoo-like-email-card .email-action-more > summary:hover {
  background: #f4f3ff;
  color: #6d28d9;
}
.yahoo-like-email-head {
  padding: .45rem 1.3rem 1rem;
  border-bottom: 1px solid #e5e7eb;
}
.email-subject-line {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .55rem;
  margin-bottom: 1.1rem;
}
.email-subject-line h4 {
  margin: 0;
  font-size: clamp(1.45rem, 2.2vw, 2rem);
  line-height: 1.15;
  color: #111827;
  font-weight: 800;
  letter-spacing: -.02em;
}
.email-folder-badge {
  display: inline-flex;
  align-items: center;
  gap: .25rem;
  padding: .2rem .5rem;
  border-radius: 7px;
  background: #f3f4f6;
  color: #374151;
  font-weight: 700;
  font-size: .9rem;
}
.email-folder-account {
  margin-left: .15rem;
  color: #0f766e;
  font-size: .78rem;
  font-weight: 800;
  max-width: min(34vw, 260px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.yahoo-like-sender-row {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  gap: .8rem;
  align-items: center;
}
.yahoo-like-sender-row .email-reader-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #7c3aed;
  color: #fff;
  font-size: .86rem;
  font-weight: 900;
  letter-spacing: -.04em;
}
.yahoo-like-sender-row .email-reader-avatar.yahoo-avatar {
  font-size: .68rem;
  text-transform: lowercase;
}
.email-reader-sender-copy {
  min-width: 0;
}
.email-reader-sender-copy strong {
  display: block;
  color: #111827;
  font-size: 1rem;
  line-height: 1.25;
}
.email-reader-sender-copy small,
.email-reader-address,
.yahoo-like-sender-row time {
  color: #6b7280;
  font-size: .88rem;
  line-height: 1.35;
}
.yahoo-like-email-body {
  padding: 1.6rem 1.3rem 2rem;
  background: #fff;
}
.email-body-sheet {
  width: min(720px, 100%);
  margin: 0 auto;
  color: #111827;
  font-size: 1rem;
  line-height: 1.58;
}
.email-body-sheet .email-reader-html {
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}
.email-body-sheet p,
.email-body-sheet div {
  max-width: 100%;
}
.email-body-sheet a {
  color: #2563eb;
  text-decoration: none;
}
.email-body-sheet a:hover {
  text-decoration: underline;
}
.email-body-sheet img {
  max-width: 100%;
  height: auto;
}
:root[data-theme="dark"] .yahoo-like-email-card,
:root[data-theme="dark"] .yahoo-like-email-body,
:root[data-theme="dark"] .email-body-sheet {
  background: #ffffff;
  color: #111827;
}
:root[data-theme="dark"] .email-subject-line h4,
:root[data-theme="dark"] .email-reader-sender-copy strong {
  color: #111827;
}
@media (max-width: 760px) {
  .yahoo-like-sender-row {
    grid-template-columns: 38px minmax(0, 1fr);
  }
  .yahoo-like-sender-row time {
    grid-column: 2;
  }
}


/* 20260607email_yahoo_body_style201 */
.yahoo-mail-body {
  max-width: 640px;
  margin: 0 auto;
  color: #111827;
  font-family: Arial, Helvetica, sans-serif;
}
.yahoo-mail-logo {
  color: #6001d2;
  font-weight: 900;
  font-size: 2rem;
  letter-spacing: -.05em;
  margin-bottom: 2.1rem;
}
.yahoo-mail-body h2 {
  margin: 0 0 1.9rem;
  color: #111827;
  font-size: 1.42rem;
  line-height: 1.28;
  font-weight: 800;
}
.yahoo-greeting {
  margin: 0 0 1.1rem;
  color: #111827;
  font-size: 1.02rem;
  line-height: 1.5;
  font-weight: 700;
}
.yahoo-main-copy p {
  margin: 0 0 .9rem;
  color: #111827;
  font-size: 1rem;
  line-height: 1.55;
}
.yahoo-safe-row {
  display: grid;
  grid-template-columns: 42px 1fr;
  align-items: center;
  gap: .75rem;
  margin: 1.75rem 0 1.15rem;
  color: #008a45;
}
.yahoo-safe-row span {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #e8fff1;
  border: 3px solid #34c77b;
  color: #008a45;
  font-weight: 900;
}
.yahoo-safe-row strong {
  font-size: 1rem;
  line-height: 1.35;
  font-weight: 800;
}
.yahoo-device-row {
  display: grid;
  grid-template-columns: 42px 1fr;
  align-items: center;
  gap: .75rem;
  margin: .75rem 0;
}
.yahoo-device-row span {
  color: #8b98a5;
  font-size: 1.35rem;
  text-align: center;
}
.yahoo-device-row p {
  margin: 0;
  color: #111827;
  font-size: 1rem;
  line-height: 1.45;
}
.yahoo-warning-box {
  margin: 2rem 0 2.35rem;
  padding: 1.05rem 1.15rem;
  border: 1px solid #cfd8e3;
  border-radius: 12px;
  background: #fff;
}
.yahoo-warning-title {
  display: grid;
  grid-template-columns: 36px 1fr;
  gap: .7rem;
  align-items: start;
  margin-bottom: 1.05rem;
  color: #cc5f00;
}
.yahoo-warning-title span {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 3px solid #f59e0b;
  color: #cc5f00;
  font-weight: 900;
  font-size: 1.2rem;
}
.yahoo-warning-title strong {
  font-size: 1.05rem;
  line-height: 1.45;
  font-weight: 800;
}
.yahoo-warning-box p {
  margin: .85rem 0;
  color: #111827;
  font-size: 1rem;
  line-height: 1.58;
}
.yahoo-warning-box a {
  display: inline-flex;
  margin-top: .35rem;
  padding: .35rem .85rem;
  border-radius: 999px;
  border: 1.5px solid #2563ff;
  color: #2563ff;
  font-weight: 800;
  text-decoration: none;
}
.yahoo-mail-signoff {
  margin: 1.2rem 0 2.4rem;
  color: #111827;
  font-size: .98rem;
  line-height: 1.5;
}
.yahoo-mail-footer {
  margin: 0 auto;
  max-width: 520px;
  color: #7a8aa0;
  font-size: .82rem;
  line-height: 1.45;
  text-align: center;
}
:root[data-theme="dark"] .yahoo-mail-body,
:root[data-theme="dark"] .yahoo-mail-body h2,
:root[data-theme="dark"] .yahoo-greeting,
:root[data-theme="dark"] .yahoo-main-copy p,
:root[data-theme="dark"] .yahoo-device-row p,
:root[data-theme="dark"] .yahoo-warning-box p,
:root[data-theme="dark"] .yahoo-mail-signoff {
  color: #111827;
}


/* 20260607email-original-future1 */
.email-original-frame {
  display: block;
  width: 100%;
  min-height: 320px;
  border: 0;
  background: #fff;
  border-radius: 0;
}

.email-body-sheet .email-original-frame {
  width: 100%;
}

:root[data-theme="dark"] .email-original-frame {
  background: #fff;
}


/* 20260607email-compact-screen1 */
.inbox-email-panel .panel-head {
  padding-block: .55rem !important;
}

.inbox-email-panel .inbox-timeline {
  padding-top: .45rem !important;
}

.yahoo-like-email-card {
  width: 100% !important;
  margin: 0 0 .75rem !important;
  border-radius: 14px !important;
}

.yahoo-like-email-card .email-reader-actions {
  padding: .45rem .75rem .15rem !important;
  gap: .7rem !important;
}

.yahoo-like-email-head {
  padding: .35rem .85rem .6rem !important;
}

.email-subject-line {
  margin-bottom: .65rem !important;
}

.email-subject-line h4 {
  font-size: clamp(1.2rem, 1.65vw, 1.55rem) !important;
}

.yahoo-like-email-body {
  padding: .6rem .75rem .9rem !important;
}

.email-body-sheet {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

.email-original-frame {
  min-height: 260px !important;
  overflow: hidden !important;
}

.inbox-email-thread {
  padding: .65rem .7rem !important;
}

.inbox-email-thread .inbox-thread-main strong {
  font-size: .9rem !important;
}

.inbox-email-thread .inbox-thread-main small,
.inbox-email-thread .inbox-thread-main span {
  font-size: .74rem !important;
}


/* 20260607email-frame-height2 */
.email-original-frame {
  min-height: 220px !important;
}

.yahoo-like-email-body {
  padding-bottom: .45rem !important;
}


/* 20260607email-full-height1 */
.inbox-message-panel.inbox-email-panel {
  display: flex !important;
  flex-direction: column !important;
  min-height: calc(100vh - 150px) !important;
  height: calc(100vh - 150px) !important;
}

.inbox-message-panel.inbox-email-panel > .panel-head {
  flex: 0 0 auto !important;
}

.inbox-message-panel.inbox-email-panel .inbox-timeline {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  max-height: none !important;
  height: auto !important;
  overflow: auto !important;
  padding-bottom: 1rem !important;
}

.inbox-message-panel.inbox-email-panel .yahoo-like-email-card {
  min-height: calc(100vh - 245px) !important;
}

.inbox-message-panel.inbox-email-panel .yahoo-like-email-body {
  min-height: calc(100vh - 365px) !important;
}
/* 20260607email-context-links2 */
.email-context-picker{display:grid;grid-template-columns:auto minmax(132px,170px) minmax(240px,1fr);gap:.55rem;align-items:center;width:100%;margin:.45rem 0 .4rem}
.email-context-title{display:inline-flex;align-items:center;min-height:34px;padding:0 .75rem;border-radius:999px;white-space:nowrap}
.email-context-title{background:rgba(31,131,102,.09);border:1px solid rgba(31,131,102,.18);color:#006b53;font-size:.78rem;font-weight:900}
.email-context-picker select,.email-context-picker input{border-radius:14px;min-height:38px}
.email-inline-form .email-context-picker{grid-template-columns:auto minmax(124px,160px) minmax(180px,1fr);margin:.5rem 0 .25rem}
.email-context-compose .email-context-picker,.email-reply-compose .email-context-picker,.email-forward-compose .email-context-picker{background:rgba(31,131,102,.045);border:1px solid rgba(31,131,102,.12);border-radius:16px;padding:.45rem}
.email-action-compose>summary[aria-label=Asignar\\ al\\ CRM]{font-size:.68rem;font-weight:900;letter-spacing:.02em}
@media(max-width:820px){.email-context-picker,.email-inline-form .email-context-picker{grid-template-columns:1fr}.email-context-title{justify-content:center}}
.email-context-compose>summary{font-size:.68rem;font-weight:900;letter-spacing:.02em}
/* 20260607email-context-autocomplete1 */
.email-context-picker{grid-template-columns:auto minmax(260px,1fr)!important;position:relative}
.email-context-search-wrap{position:relative;min-width:0}
.email-context-search{width:100%}
.email-context-picker input[type=hidden]{display:none}
.email-context-results{position:absolute;z-index:90;top:calc(100% + 6px);left:0;right:0;display:grid;gap:.25rem;max-height:260px;overflow:auto;padding:.45rem;background:var(--panel,#fff);border:1px solid rgba(31,131,102,.22);border-radius:16px;box-shadow:0 18px 40px rgba(15,23,42,.16)}
.email-context-result{display:grid;gap:.1rem;width:100%;padding:.55rem .7rem;border:0;border-radius:12px;background:transparent;color:inherit;text-align:left;cursor:pointer}
.email-context-result:hover,.email-context-result:focus-visible{background:rgba(31,131,102,.10);outline:none}
.email-context-result strong{font-size:.86rem}
.email-context-result small{color:var(--muted,#64748b);font-size:.76rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:820px){.email-context-picker{grid-template-columns:1fr!important}}



/* 20260607email-context-autocomplete2 */
.email-context-picker {
  display: grid !important;
  grid-template-columns: auto minmax(280px, 1fr) !important;
  align-items: center !important;
  gap: .65rem !important;
  width: 100% !important;
  overflow: visible !important;
}
.email-context-search-wrap {
  position: relative !important;
  min-width: 0 !important;
  width: 100% !important;
  overflow: visible !important;
}
.email-context-search {
  width: 100% !important;
  box-sizing: border-box !important;
}
.email-context-results[hidden] {
  display: none !important;
}
.email-context-results {
  position: absolute !important;
  z-index: 2000 !important;
  top: calc(100% + 6px) !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-height: 260px !important;
  overflow: auto !important;
  box-sizing: border-box !important;
  padding: .45rem !important;
  background: var(--panel, #fff) !important;
  border: 1px solid rgba(31, 131, 102, .24) !important;
  border-radius: 16px !important;
  box-shadow: 0 18px 40px rgba(15, 23, 42, .18) !important;
}
.email-context-results .email-context-result {
  appearance: none !important;
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  margin: 0 !important;
  padding: .55rem .7rem !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: transparent !important;
  color: inherit !important;
  text-align: left !important;
  box-shadow: none !important;
  cursor: pointer !important;
}
.email-context-results .email-context-result:hover,
.email-context-results .email-context-result:focus-visible {
  background: rgba(31, 131, 102, .10) !important;
  outline: none !important;
}
.email-context-results .email-context-result strong,
.email-context-results .email-context-result small {
  display: block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.email-context-results .email-context-result strong {
  font-size: .86rem !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
}
.email-context-results .email-context-result small {
  color: var(--muted, #64748b) !important;
  font-size: .76rem !important;
  line-height: 1.25 !important;
}
@media (max-width: 820px) {
  .email-context-picker {
    grid-template-columns: 1fr !important;
  }
}


/* 20260607email-context-rank3 */
.email-context-results .email-context-result[hidden] {
  display: none !important;
}
.email-context-results {
  max-height: 360px !important;
  padding: .6rem !important;
}
.email-context-results .email-context-result {
  display: grid !important;
  gap: .22rem !important;
  padding: .78rem .9rem !important;
  border-radius: 14px !important;
}
.email-context-results .email-context-result + .email-context-result {
  margin-top: .18rem !important;
}
.email-context-results .email-context-result strong {
  font-size: .98rem !important;
  line-height: 1.28 !important;
  letter-spacing: -.01em !important;
}
.email-context-results .email-context-result small {
  font-size: .84rem !important;
  line-height: 1.32 !important;
  color: var(--muted, #64748b) !important;
}


/* 20260607email_boton_solo222 */
.top-email-mailbox-button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 42px;
  border-radius: 12px;
  padding: 0 14px;
  font-weight: 800;
  text-decoration: none;
  white-space: nowrap;
}

.email-mailbox-top-icon {
  width: 24px;
  height: 24px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  background: #e8f7f3;
  color: #155f56;
}


/* 20260607email_filtros_limpios223 */
/* Oculta accesos de cuentas/email que estaban mezclados con filtros de canal.
   El acceso principal ahora es el botón superior Bandeja de Correos. */
.inbox-channel-filters a[href*="Yahoo"],
.inbox-channel-filters a[href*="yahoo"],
.inbox-channel-filters a[href*="email/accounts"],
.inbox-channel-filters a[href*="email-accounts"],
.inbox-channel-filters a[href*="/app/email"],
.inbox-channel-filters .email-account-config {
  display: none !important;
}


/* 20260607email_filtros_limpios224 */
/* Ocultar accesos de correo individuales en la barra de filtros principal.
   El acceso correcto queda arriba: Bandeja de Correos. */
body:has(.top-email-mailbox-button) main > section:first-child a[href*="Yahoo"],
body:has(.top-email-mailbox-button) main > section:first-child a[href*="yahoo"],
body:has(.top-email-mailbox-button) main > section:first-child a[href*="email/accounts"],
body:has(.top-email-mailbox-button) main > section:first-child a[href*="email-accounts"],
body:has(.top-email-mailbox-button) main > section:first-child a[href*="/app/email"],
body:has(.top-email-mailbox-button) main > section:first-child button[aria-label*="Email"],
body:has(.top-email-mailbox-button) main > section:first-child button[title*="Email"],
body:has(.top-email-mailbox-button) main > section:first-child .email-account-config {
  display: none !important;
}

/* Fallback por si la barra no está dentro de section:first-child */
body:has(.top-email-mailbox-button) .filter-bar a[href*="Yahoo"],
body:has(.top-email-mailbox-button) .filter-bar a[href*="yahoo"],
body:has(.top-email-mailbox-button) .filter-bar a[href*="/app/email"],
body:has(.top-email-mailbox-button) .channel-filters a[href*="Yahoo"],
body:has(.top-email-mailbox-button) .channel-filters a[href*="yahoo"],
body:has(.top-email-mailbox-button) .channel-filters a[href*="/app/email"],
body:has(.top-email-mailbox-button) .inbox-filters a[href*="Yahoo"],
body:has(.top-email-mailbox-button) .inbox-filters a[href*="yahoo"],
body:has(.top-email-mailbox-button) .inbox-filters a[href*="/app/email"] {
  display: none !important;
}


/* 20260607email_pantalla_simple227 */
.email-dedicated-shell {
  display: grid;
  gap: 14px;
}

.email-dedicated-head,
.email-dedicated-folder-row,
.email-dedicated-account-row,
.email-dedicated-body {
  background: #fff;
  border: 1px solid #d8e6e1;
  border-radius: 18px;
  box-shadow: 0 12px 32px rgba(21, 95, 86, .07);
}

.email-dedicated-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  padding: 18px 20px;
}

.email-dedicated-head h2 {
  margin: 0;
  font-size: 28px;
  font-weight: 900;
}

.email-dedicated-head p {
  margin: 5px 0 0;
  color: #60736d;
}

.email-dedicated-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.email-dedicated-folder-row,
.email-dedicated-account-row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px 14px;
  flex-wrap: wrap;
}

.email-folder-chip,
.email-account-hover > button,
.email-new-compose-link {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 1px solid #d8e6e1;
  border-radius: 999px;
  padding: 9px 14px;
  background: #fff;
  color: #0d211d;
  font-weight: 800;
  text-decoration: none;
}

.email-folder-chip.active {
  border-color: #25b99a;
  color: #087a60;
  background: #ecfbf6;
}

.email-rr-mark {
  width: 25px;
  height: 25px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  background: #155f56;
  color: white;
  font-size: 11px;
  font-weight: 900;
}

.email-new-compose-link {
  background: linear-gradient(135deg, #7c3aed, #9f31ff);
  color: #fff;
  border: 0;
}

.email-dedicated-body {
  display: grid;
  grid-template-columns: 320px minmax(0, 1fr);
  gap: 18px;
  padding: 18px;
  min-height: 360px;
}

.email-dedicated-body aside,
.email-dedicated-body section {
  display: grid;
  align-content: start;
  gap: 10px;
}

.email-dedicated-body a {
  color: #155f56;
  font-weight: 800;
  text-decoration: none;
}


/* 20260607email_pantalla_hilos228 */
.email-dedicated-thread-list {
  display: grid;
  align-content: start;
  gap: 8px;
  max-height: calc(100vh - 345px);
  overflow: auto;
  padding-right: 4px;
}

.email-dedicated-thread {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  gap: 10px;
  padding: 12px;
  border: 1px solid #d8e6e1;
  border-radius: 14px;
  text-decoration: none;
  color: #152420;
  background: #fff;
}

.email-dedicated-thread.active {
  border-color: #2aa98f;
  background: #eefaf6;
}

.email-dedicated-avatar {
  width: 38px;
  height: 38px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  background: #7c3aed;
  color: white;
  font-weight: 900;
}

.email-dedicated-thread-copy {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.email-dedicated-thread-copy strong,
.email-dedicated-thread-copy small,
.email-dedicated-thread-copy span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.email-dedicated-thread-copy small,
.email-dedicated-thread-copy span,
.email-dedicated-thread time {
  color: #60736d;
  font-size: 12px;
}

.email-dedicated-reader {
  min-width: 0;
  border-left: 1px solid #d8e6e1;
  padding-left: 18px;
}

.email-dedicated-reader h3 {
  margin-top: 0;
  font-size: 24px;
  font-weight: 900;
}

.email-dedicated-reader.empty {
  display: grid;
  place-content: center;
  text-align: center;
  color: #60736d;
}


/* 20260607email_render_inbox230 */
.email-dedicated-body {
  grid-template-columns: 360px minmax(0, 1fr);
  align-items: stretch;
}

.email-dedicated-thread-list {
  background: #f8fbfa;
  border-right: 1px solid #d8e6e1;
  padding-right: 12px;
}

.email-dedicated-thread-list .inbox-thread-row {
  margin: 0 0 8px;
}

.email-dedicated-thread-list .inbox-thread {
  width: 100%;
}

.email-dedicated-thread-list .inbox-thread-select-box {
  display: none !important;
}

.email-dedicated-reader-inbox {
  min-width: 0;
  border-left: 0;
  padding: 0 0 0 18px;
  max-height: calc(100vh - 345px);
  overflow: auto;
}

.email-dedicated-message-list {
  display: grid;
  gap: 16px;
  align-content: start;
}

.email-dedicated-reader-inbox .email-reader-card,
.email-dedicated-reader-inbox .inbox-email-message,
.email-dedicated-reader-inbox article {
  max-width: 980px;
}

.email-dedicated-reader-inbox .email-original-frame {
  width: 100%;
}


/* 20260607email_pantalla_ancho231 */
.email-dedicated-body {
  grid-template-columns: minmax(320px, 360px) minmax(0, 1fr) !important;
  gap: 28px !important;
  align-items: stretch !important;
}

.email-dedicated-reader-inbox {
  min-width: 0 !important;
  width: 100% !important;
  padding-left: 0 !important;
  overflow-x: hidden !important;
}

.email-dedicated-message-list,
.email-dedicated-reader-inbox .inbox-message-list {
  width: 100% !important;
  max-width: none !important;
}

.email-dedicated-reader-inbox .email-reader-card,
.email-dedicated-reader-inbox .inbox-email-message,
.email-dedicated-reader-inbox article,
.email-dedicated-reader-inbox .message-bubble,
.email-dedicated-reader-inbox .timeline-card {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

.email-dedicated-reader-inbox .email-reader-subject,
.email-dedicated-reader-inbox h1,
.email-dedicated-reader-inbox h2,
.email-dedicated-reader-inbox h3 {
  max-width: 100% !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  white-space: normal !important;
}

.email-dedicated-reader-inbox .email-original-frame {
  width: 100% !important;
  max-width: 100% !important;
}

.email-dedicated-reader-inbox .email-body,
.email-dedicated-reader-inbox .email-message-body,
.email-dedicated-reader-inbox .email-original-body {
  width: 100% !important;
  max-width: 100% !important;
  overflow-wrap: anywhere;
}


/* 20260607email_ancho_real233 */
/* La pantalla /app/email reutiliza el render de Bandeja de Entrada.
   Estos overrides evitan que el correo quede en una columna angosta. */
.email-dedicated-body {
  grid-template-columns: 360px minmax(0, 1fr) !important;
  gap: 22px !important;
}

.email-dedicated-reader-inbox {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
  overflow: auto !important;
}

.email-dedicated-reader-inbox .email-dedicated-message-list,
.email-dedicated-reader-inbox .inbox-message-list,
.email-dedicated-reader-inbox .inbox-timeline {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
}

.email-dedicated-reader-inbox .inbox-email-message,
.email-dedicated-reader-inbox .email-reader-card,
.email-dedicated-reader-inbox .yahoo-like-email-card,
.email-dedicated-reader-inbox .yahoo-like-email-body,
.email-dedicated-reader-inbox .email-body-sheet,
.email-dedicated-reader-inbox .email-reader-html,
.email-dedicated-reader-inbox .email-original-frame,
.email-dedicated-reader-inbox .email-reader-head,
.email-dedicated-reader-inbox .yahoo-like-sender-row,
.email-dedicated-reader-inbox .email-reader-sender-copy {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

.email-dedicated-reader-inbox .yahoo-like-email-card,
.email-dedicated-reader-inbox .email-reader-card {
  margin: 0 !important;
}

.email-dedicated-reader-inbox .email-reader-head h4,
.email-dedicated-reader-inbox .email-reader-head h3,
.email-dedicated-reader-inbox .email-reader-head h2,
.email-dedicated-reader-inbox .yahoo-like-email-card h1,
.email-dedicated-reader-inbox .yahoo-like-email-card h2,
.email-dedicated-reader-inbox .yahoo-like-email-card h3 {
  max-width: none !important;
  width: auto !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  line-height: 1.15 !important;
}

.email-dedicated-reader-inbox .email-body-sheet {
  overflow-x: auto !important;
}

.email-dedicated-reader-inbox .email-body-sheet img,
.email-dedicated-reader-inbox .email-reader-html img {
  max-width: 100% !important;
  height: auto !important;
}

.email-dedicated-reader-inbox .email-body-sheet table,
.email-dedicated-reader-inbox .email-reader-html table {
  max-width: 100% !important;
}


/* 20260607email_wrapper_inbox235 */
.email-dedicated-body {
  grid-template-columns: 360px minmax(0, 1fr) !important;
  gap: 18px !important;
  padding: 16px !important;
  align-items: stretch !important;
}

.email-dedicated-inbox-panel {
  min-width: 0 !important;
  width: 100% !important;
  max-width: none !important;
  padding: 18px 22px !important;
  overflow: auto !important;
  max-height: calc(100vh - 345px) !important;
  box-sizing: border-box !important;
}

.email-dedicated-inbox-panel .inbox-timeline,
.email-dedicated-inbox-panel .email-dedicated-timeline {
  width: 100% !important;
  max-width: none !important;
}

.email-dedicated-inbox-panel .inbox-email-message,
.email-dedicated-inbox-panel .email-reader-card,
.email-dedicated-inbox-panel .yahoo-like-email-card,
.email-dedicated-inbox-panel .yahoo-like-email-body,
.email-dedicated-inbox-panel .email-body-sheet,
.email-dedicated-inbox-panel .email-reader-html {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

.email-dedicated-inbox-panel .email-reader-head h4,
.email-dedicated-inbox-panel .yahoo-like-email-card h1,
.email-dedicated-inbox-panel .yahoo-like-email-card h2,
.email-dedicated-inbox-panel .yahoo-like-email-card h3 {
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  max-width: none !important;
}

.email-dedicated-inbox-panel .email-original-frame {
  width: 100% !important;
  max-width: 100% !important;
}


/* 20260607email_limpia_filtros236 */
.email-dedicated-head {
  display: none !important;
}

.email-dedicated-compact-head {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #fff;
  border: 1px solid #d8e6e1;
  border-radius: 18px;
  box-shadow: 0 12px 32px rgba(21, 95, 86, .07);
  padding: 12px 16px;
}

.email-dedicated-compact-head strong {
  font-size: 18px;
  font-weight: 900;
}

.email-dedicated-compact-head span {
  color: #60736d;
  font-size: 13px;
  margin-right: auto;
}

.email-account-config-compact {
  border: 1px solid #d8e6e1;
  border-radius: 999px;
  padding: 8px 12px;
  text-decoration: none;
  color: #155f56;
  font-weight: 850;
  background: #f7fffc;
}

.email-account-group-link {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 1px solid #d8e6e1;
  border-radius: 999px;
  padding: 9px 14px;
  background: #fff;
  color: #0d211d;
  font-weight: 800;
  text-decoration: none;
}

.email-account-group-link.active {
  border-color: #25b99a;
  color: #087a60;
  background: #ecfbf6;
}


/* 20260607email_filtros_visuales238 */
.email-account-group-chip {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 1px solid #d8e6e1;
  border-radius: 999px;
  padding: 9px 14px;
  background: #fff;
  color: #0d211d;
  font-weight: 800;
  text-decoration: none;
  cursor: default;
}

/* 20260607email_filtros_reales239 */
.email-account-group-chip {
  cursor: pointer;
}

.email-account-group-chip.active {
  border-color: #25b99a;
  color: #087a60;
  background: #ecfbf6;
}

.email-dedicated-shell .email-account-menu-link {
  display: grid;
  gap: 2px;
  padding: 9px 10px;
  border-radius: 10px;
  color: #263833;
  text-decoration: none;
}

.email-dedicated-shell .email-account-menu-link strong {
  font-size: 12px;
  font-weight: 900;
}

.email-dedicated-shell .email-account-menu-link small {
  color: #64756f;
  font-size: 11px;
  font-weight: 700;
}

.email-dedicated-shell .email-account-menu-link:hover,
.email-dedicated-shell .email-account-menu-link.active {
  background: #f0f8f5;
  color: #067a6b;
}

.email-dedicated-shell .email-account-menu-empty {
  padding: 9px 10px;
  color: #64756f;
  font-size: 12px;
  font-weight: 800;
}


/* 20260608contact_ww_iconos_grandes242 */
/* Agranda los iconos de herramientas dentro de Comunicación del contacto,
   especialmente el panel WhatsApp Web. */
#comunicacion .inbox-tool-button,
#comunicacion .inbox-file-label,
#comunicacion button[data-emoji-toggle],
#comunicacion button[data-audio-placeholder],
#comunicacion button[data-open-whatsapp],
#comunicacion button[data-copy-message],
#comunicacion button[data-whatsapp-web-send],
#comunicacion button.icon-btn,
#comunicacion label.icon-btn {
  width: 38px !important;
  min-width: 38px !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 !important;
  display: inline-grid !important;
  place-items: center !important;
  border-radius: 11px !important;
  font-size: 18px !important;
  line-height: 1 !important;
}

#comunicacion .inbox-tool-button img,
#comunicacion .inbox-tool-button svg,
#comunicacion .inbox-file-label img,
#comunicacion .inbox-file-label svg,
#comunicacion button.icon-btn img,
#comunicacion button.icon-btn svg,
#comunicacion label.icon-btn img,
#comunicacion label.icon-btn svg,
#comunicacion .action-icon,
#comunicacion .action-icon svg {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  min-height: 20px !important;
}

#comunicacion .contact-comm-panel button,
#comunicacion .communication-panel button,
#comunicacion .whatsapp-send-panel button {
  font-size: 18px;
}

#comunicacion .inbox-emoji-panel button {
  width: 36px !important;
  height: 36px !important;
  font-size: 21px !important;
}

#comunicacion .whatsapp-send-panel,
#comunicacion [data-contact-comm-panel="whatsapp"],
#comunicacion [data-inbox-compose-panel="whatsapp"] {
  --contact-comm-tool-size: 38px;
}


/* 20260608email_agregar_mail_visible243 */
.email-add-account-link {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 1px solid #b9e4d8;
  border-radius: 999px;
  padding: 9px 14px;
  background: #ecfbf6;
  color: #087a60;
  font-weight: 900;
  text-decoration: none;
}

.email-add-account-link:hover {
  background: #dff8ef;
  border-color: #25b99a;
}


/* 20260608email_brands_google_linkedin244 */
.google-g-mark {
  font-weight: 950;
  font-size: 15px;
  line-height: 1;
  background: conic-gradient(from -45deg, #4285f4 0 25%, #34a853 0 50%, #fbbc05 0 75%, #ea4335 0 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.email-thread-avatar.google-avatar,
.email-reader-avatar.google-avatar {
  background: #fff !important;
  color: #4285f4 !important;
  border: 1px solid #d9dce3 !important;
  font-weight: 950 !important;
  box-shadow: inset 0 0 0 2px #fff;
}

.email-thread-avatar.linkedin-avatar,
.email-reader-avatar.linkedin-avatar {
  background: #0a66c2 !important;
  color: #fff !important;
  font-weight: 950 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  text-transform: none !important;
}

.email-thread-avatar.yahoo-avatar,
.email-reader-avatar.yahoo-avatar {
  background: #6001d2 !important;
  color: #fff !important;
  font-weight: 950 !important;
}


/* 20260608email_logos_proveedores245 */
.email-provider-logo-row {
  gap: 9px;
}

.email-provider-logo-chip {
  width: 42px;
  height: 38px;
  display: inline-grid;
  place-items: center;
  border: 1px solid #d8e6e1;
  border-radius: 14px;
  background: #fff;
  text-decoration: none;
  overflow: hidden;
}

.email-provider-logo-chip.active {
  border-color: #25b99a;
  background: #ecfbf6;
  box-shadow: 0 0 0 2px rgba(37, 185, 154, .12);
}

.email-provider-logo-chip.yahoo span {
  color: #6001d2;
  font-weight: 950;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
}

.email-provider-logo-chip.google span {
  font-weight: 950;
  font-size: 20px;
  background: conic-gradient(from -45deg, #4285f4 0 25%, #34a853 0 50%, #fbbc05 0 75%, #ea4335 0 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.email-provider-logo-chip.agency img {
  width: 25px;
  height: 25px;
  object-fit: contain;
  border-radius: 6px;
}

.email-thread-avatar.provider-avatar {
  font-family: Arial, Helvetica, sans-serif !important;
  font-weight: 950 !important;
  text-transform: none !important;
}

.email-thread-avatar.linkedin-avatar {
  background: #0a66c2 !important;
  color: #fff !important;
}

.email-thread-avatar.google-avatar {
  background: #fff !important;
  color: #4285f4 !important;
  border: 1px solid #dadce0 !important;
}

.email-thread-avatar.yahoo-avatar {
  background: #6001d2 !important;
  color: #fff !important;
}

.email-thread-avatar.netflix-avatar {
  background: #111 !important;
  color: #e50914 !important;
}

.email-thread-avatar.mercadolibre-avatar {
  background: #ffe600 !important;
  color: #2d3277 !important;
  font-size: 12px !important;
}

.email-thread-avatar.facebook-avatar {
  background: #1877f2 !important;
  color: #fff !important;
}

.email-thread-avatar.instagram-avatar {
  background: radial-gradient(circle at 30% 110%, #fdf497 0 18%, #fd5949 45%, #d6249f 65%, #285AEB 100%) !important;
  color: #fff !important;
}

.email-thread-avatar.generic-avatar {
  background: #eef7f4 !important;
  color: #155f56 !important;
  border: 1px solid #cfe3dd !important;
}


/* 20260608email_cc_bcc254 */
.email-cc-bcc-row {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) minmax(180px, 1fr);
  gap: 10px;
  margin: 10px 0;
}
.email-cc-bcc-row label {
  display: grid;
  gap: 5px;
  color: #43544f;
  font-size: 12px;
  font-weight: 700;
}
.email-cc-bcc-row input {
  min-height: 38px;
  border: 1px solid #cfe0da;
  border-radius: 12px;
  padding: 8px 11px;
  background: #fff;
}
@media (max-width: 760px) {
  .email-cc-bcc-row {
    grid-template-columns: 1fr;
  }
}


/* 20260608email_cc_bcc_colapsable255 */
.email-cc-bcc-wrap {
  display: block;
  margin: -2px 0 8px;
}
.email-cc-bcc-toggle {
  float: right;
  border: 0;
  background: transparent;
  color: #52615d;
  font-weight: 700;
  font-size: 13px;
  padding: 2px 4px;
  cursor: pointer;
}
.email-cc-bcc-toggle:hover {
  color: #0f7d67;
  text-decoration: underline;
}
.email-cc-bcc-row {
  clear: both;
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  margin-top: 4px;
  border-top: 1px solid #e1ebe7;
}
.email-cc-bcc-row[hidden] {
  display: none !important;
}
.email-cc-bcc-row label {
  display: grid;
  grid-template-columns: 44px 1fr;
  align-items: center;
  min-height: 38px;
  border-bottom: 1px solid #e1ebe7;
  color: #52615d;
  font-size: 13px;
  font-weight: 700;
}
.email-cc-bcc-row input {
  border: 0;
  outline: 0;
  min-height: 36px;
  background: transparent;
  padding: 6px 4px;
}
.email-cc-bcc-row input:focus {
  box-shadow: none;
}


/* 20260608email_cc_bcc_colapsable255 */
.email-cc-bcc-wrap {
  display: block;
  margin: -2px 0 8px;
}
.email-cc-bcc-toggle {
  float: right;
  border: 0;
  background: transparent;
  color: #52615d;
  font-weight: 700;
  font-size: 13px;
  padding: 2px 4px;
  cursor: pointer;
}
.email-cc-bcc-toggle:hover {
  color: #0f7d67;
  text-decoration: underline;
}
.email-cc-bcc-row {
  clear: both;
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  margin-top: 4px;
  border-top: 1px solid #e1ebe7;
}
.email-cc-bcc-row[hidden] {
  display: none !important;
}
.email-cc-bcc-row label {
  display: grid;
  grid-template-columns: 44px 1fr;
  align-items: center;
  min-height: 38px;
  border-bottom: 1px solid #e1ebe7;
  color: #52615d;
  font-size: 13px;
  font-weight: 700;
}
.email-cc-bcc-row input {
  border: 0;
  outline: 0;
  min-height: 36px;
  background: transparent;
  padding: 6px 4px;
}
.email-cc-bcc-row input:focus {
  box-shadow: none;
}


/* 20260608email_cc_bcc_para_linea256 */
.email-recipient-shell {
  width: 100%;
  margin: 8px 0 10px;
  border-top: 1px solid #e4eee9;
  border-bottom: 1px solid #e4eee9;
  background: #fff;
}
.email-recipient-row {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr) auto;
  align-items: center;
  min-height: 38px;
  gap: 8px;
}
.email-recipient-label,
.email-cc-bcc-row label > span {
  color: #52615d;
  font-size: 14px;
  font-weight: 600;
}
.email-recipient-field {
  min-width: 0;
  display: flex;
  align-items: center;
}
.email-recipient-static {
  color: #23332f;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.email-recipient-input {
  width: 100%;
  min-height: 34px;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 5px 0 !important;
}
.email-recipient-input:focus {
  box-shadow: none !important;
}
.email-recipient-shell .email-cc-bcc-toggle {
  float: none !important;
  border: 0;
  background: transparent;
  color: #52615d;
  font-size: 13px;
  font-weight: 700;
  padding: 4px 0 4px 10px;
  cursor: pointer;
  white-space: nowrap;
}
.email-recipient-shell .email-cc-bcc-toggle:hover {
  color: #0f7d67;
  text-decoration: underline;
}
.email-recipient-shell .email-cc-bcc-row {
  clear: both;
  display: grid;
  grid-template-columns: 1fr;
  margin: 0;
  border-top: 1px solid #e4eee9;
}
.email-recipient-shell .email-cc-bcc-row[hidden] {
  display: none !important;
}
.email-recipient-shell .email-cc-bcc-row label {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  align-items: center;
  min-height: 38px;
  border-bottom: 1px solid #eef5f2;
  margin: 0;
}
.email-recipient-shell .email-cc-bcc-row label:last-child {
  border-bottom: 0;
}
.email-recipient-shell .email-cc-bcc-row input {
  border: 0 !important;
  outline: 0 !important;
  min-height: 34px;
  background: transparent !important;
  padding: 5px 0 !important;
  box-shadow: none !important;
}
.email-action-compose .email-recipient-shell {
  margin-top: 8px;
}


/* 20260608email_cc_bcc_ajuste257 */
.email-recipient-row {
  grid-template-columns: 46px minmax(0, 1fr) 54px !important;
}
.email-recipient-shell .email-cc-bcc-toggle {
  font-size: 11px !important;
  font-weight: 700 !important;
  padding: 2px 6px 2px 2px !important;
  letter-spacing: -0.2px;
  justify-self: start;
}
.email-recipient-shell .email-cc-bcc-toggle:hover {
  text-decoration: none;
}


/* 20260608email_para_editable258 */
.email-recipient-field .email-recipient-input {
  color: #23332f;
  font-size: 14px;
  font-weight: 500;
}
.email-reply-compose button[type="submit"],
.email-forward-compose button[type="submit"],
.inbox-new-email-card button[type="submit"] {
  font-size: 13px !important;
  line-height: 1.1 !important;
}
.email-forward-compose button[type="submit"] {
  min-width: 78px;
}


/* 20260608email_filtros_estetica264 */
.email-dedicated-shell .email-folder-row,
.email-dedicated-shell .email-dedicated-filter-row:first-of-type {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 14px;
  background: #ffffff;
  border: 1px solid #dbeae5;
  border-radius: 18px;
  box-shadow: 0 10px 24px rgba(16, 80, 67, .045);
}

.email-dedicated-shell .email-folder-row a,
.email-dedicated-shell .email-dedicated-filter-row:first-of-type a {
  min-height: 38px;
  padding: 8px 13px;
  border-radius: 999px;
  border: 1px solid #d8e8e2;
  background: #fff;
  color: #30413c;
  font-weight: 750;
  font-size: 13px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  text-decoration: none;
  transition: background .15s ease, border-color .15s ease, transform .12s ease, box-shadow .15s ease;
}

.email-dedicated-shell .email-folder-row a:hover,
.email-dedicated-shell .email-dedicated-filter-row:first-of-type a:hover {
  background: #f3fbf8;
  border-color: #a8d9cc;
  transform: translateY(-1px);
  box-shadow: 0 8px 16px rgba(16, 80, 67, .08);
}

.email-dedicated-shell .email-folder-row a.active,
.email-dedicated-shell .email-dedicated-filter-row:first-of-type a.active,
.email-dedicated-shell .email-folder-row a[href*="folder=inbox"],
.email-dedicated-shell .email-dedicated-filter-row:first-of-type a[href="/app/email"] {
  background: #ecfbf6;
  border-color: #19b89a;
  color: #047b67;
  box-shadow: inset 0 0 0 1px rgba(25, 184, 154, .08);
}

.email-dedicated-shell .email-folder-row a::before,
.email-dedicated-shell .email-dedicated-filter-row:first-of-type a::before {
  font-size: 15px;
  line-height: 1;
  opacity: .82;
}

.email-dedicated-shell a[href*="folder=inbox"]::before,
.email-dedicated-shell .email-dedicated-filter-row:first-of-type a:nth-child(1)::before {
  content: "▣";
}

.email-dedicated-shell a[href*="folder=unread"]::before,
.email-dedicated-shell .email-dedicated-filter-row:first-of-type a:nth-child(2)::before {
  content: "✉";
}

.email-dedicated-shell a[href*="folder=sent"]::before,
.email-dedicated-shell .email-dedicated-filter-row:first-of-type a:nth-child(3)::before {
  content: "⌁";
}

.email-dedicated-shell a[href*="folder=drafts"]::before,
.email-dedicated-shell .email-dedicated-filter-row:first-of-type a:nth-child(4)::before {
  content: "□";
}

.email-dedicated-shell a[href*="folder=spam"]::before,
.email-dedicated-shell .email-dedicated-filter-row:first-of-type a:nth-child(5)::before {
  content: "◇";
}

.email-dedicated-shell a[href*="folder=trash"]::before,
.email-dedicated-shell .email-dedicated-filter-row:first-of-type a:nth-child(6)::before {
  content: "⌫";
}

.email-dedicated-shell a[href*="folder=starred"]::before,
.email-dedicated-shell .email-dedicated-filter-row:first-of-type a:nth-child(7)::before {
  content: "☆";
}

.email-dedicated-shell .email-dedicated-account-row a[href*="accounts"],
.email-dedicated-shell a[href*="/inbox/email/accounts"],
.email-dedicated-shell a[href*="/app/inbox/email/accounts"],
.email-dedicated-shell .email-add-account,
.email-dedicated-shell .email-account-config {
  min-height: 38px;
  padding: 8px 14px !important;
  border-radius: 999px !important;
  background: #effbf7 !important;
  border: 1px solid #bfe5db !important;
  color: #047b67 !important;
  font-weight: 800 !important;
  display: inline-flex !important;
  align-items: center;
  gap: 7px;
  text-decoration: none !important;
  box-shadow: 0 8px 18px rgba(15, 125, 103, .08);
}

.email-dedicated-shell .email-dedicated-account-row a[href*="accounts"]:hover,
.email-dedicated-shell a[href*="/inbox/email/accounts"]:hover,
.email-dedicated-shell a[href*="/app/inbox/email/accounts"]:hover,
.email-dedicated-shell .email-add-account:hover,
.email-dedicated-shell .email-account-config:hover {
  background: #dff8ef !important;
  border-color: #5fcbb8 !important;
  transform: translateY(-1px);
}

.email-dedicated-shell .email-dedicated-account-row a[href*="accounts"]::before,
.email-dedicated-shell a[href*="/inbox/email/accounts"]::before,
.email-dedicated-shell a[href*="/app/inbox/email/accounts"]::before,
.email-dedicated-shell .email-add-account::before,
.email-dedicated-shell .email-account-config::before {
  content: "+";
  font-size: 16px;
  font-weight: 900;
  line-height: 1;
}


/* 20260608email_filas_reales268b */
.email-dedicated-folder-row,
.email-dedicated-account-row.email-provider-logo-row {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  padding: 13px 16px !important;
  margin: 0 0 14px !important;
  background: #fff !important;
  border: 1px solid #d8e9e3 !important;
  border-radius: 18px !important;
  box-shadow: 0 8px 18px rgba(18, 83, 70, .045) !important;
}

.email-dedicated-folder-row {
  padding-top: 11px !important;
  padding-bottom: 11px !important;
}

.email-dedicated-folder-row .email-folder-chip {
  min-height: 36px !important;
  min-width: 78px !important;
  padding: 7px 14px !important;
  border-radius: 999px !important;
  border: 1px solid #d6e8e2 !important;
  background: #fff !important;
  color: #102621 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
}

.email-dedicated-folder-row .email-folder-chip.active {
  color: #007c68 !important;
  background: #effbf7 !important;
  border-color: #18b89a !important;
}

.email-provider-logo-row .email-provider-logo-chip {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  padding: 0 !important;
  border-radius: 14px !important;
  border: 1px solid #d7e7e2 !important;
  background: #fff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  box-shadow: 0 5px 12px rgba(18, 83, 70, .05) !important;
}

.email-provider-logo-row .email-provider-logo-chip.active {
  background: #effbf7 !important;
  border-color: #18b89a !important;
}

.email-provider-logo-row .email-provider-logo-chip span {
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

.email-provider-logo-row .email-provider-logo-chip img {
  width: 24px !important;
  height: 24px !important;
  object-fit: contain !important;
}

.email-provider-logo-row .email-add-account-link,
.email-provider-logo-row .email-new-compose-link {
  height: 42px !important;
  min-height: 42px !important;
  padding: 8px 16px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  text-decoration: none !important;
  border: 1px solid transparent !important;
  white-space: nowrap !important;
}

.email-provider-logo-row .email-add-account-link {
  color: #007c68 !important;
  background: #effbf7 !important;
  border-color: #bde6dc !important;
}

.email-provider-logo-row .email-new-compose-link {
  color: #fff !important;
  background: linear-gradient(135deg, #7c3aed, #9b2ff3) !important;
  box-shadow: 0 10px 20px rgba(124, 58, 237, .18) !important;
}

.email-provider-logo-row .email-add-account-link::before,
.email-provider-logo-row .email-new-compose-link::before {
  content: none !important;
}


/* 20260608email_filas_reales268b */
.email-dedicated-folder-row,
.email-dedicated-account-row.email-provider-logo-row {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  padding: 13px 16px !important;
  margin: 0 0 14px !important;
  background: #fff !important;
  border: 1px solid #d8e9e3 !important;
  border-radius: 18px !important;
  box-shadow: 0 8px 18px rgba(18, 83, 70, .045) !important;
}

.email-dedicated-folder-row {
  padding-top: 11px !important;
  padding-bottom: 11px !important;
}

.email-dedicated-folder-row .email-folder-chip {
  min-height: 36px !important;
  min-width: 78px !important;
  padding: 7px 14px !important;
  border-radius: 999px !important;
  border: 1px solid #d6e8e2 !important;
  background: #fff !important;
  color: #102621 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
}

.email-dedicated-folder-row .email-folder-chip.active {
  color: #007c68 !important;
  background: #effbf7 !important;
  border-color: #18b89a !important;
}

.email-provider-logo-row .email-provider-logo-chip {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  padding: 0 !important;
  border-radius: 14px !important;
  border: 1px solid #d7e7e2 !important;
  background: #fff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  box-shadow: 0 5px 12px rgba(18, 83, 70, .05) !important;
}

.email-provider-logo-row .email-provider-logo-chip.active {
  background: #effbf7 !important;
  border-color: #18b89a !important;
}

.email-provider-logo-row .email-provider-logo-chip span {
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

.email-provider-logo-row .email-provider-logo-chip img {
  width: 24px !important;
  height: 24px !important;
  object-fit: contain !important;
}

.email-provider-logo-row .email-add-account-link,
.email-provider-logo-row .email-new-compose-link {
  height: 42px !important;
  min-height: 42px !important;
  padding: 8px 16px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  text-decoration: none !important;
  border: 1px solid transparent !important;
  white-space: nowrap !important;
}

.email-provider-logo-row .email-add-account-link {
  color: #007c68 !important;
  background: #effbf7 !important;
  border-color: #bde6dc !important;
}

.email-provider-logo-row .email-new-compose-link {
  color: #fff !important;
  background: linear-gradient(135deg, #7c3aed, #9b2ff3) !important;
  box-shadow: 0 10px 20px rgba(124, 58, 237, .18) !important;
}

.email-provider-logo-row .email-add-account-link::before,
.email-provider-logo-row .email-new-compose-link::before {
  content: none !important;
}


/* 20260608email_filas_reales268b */
.email-dedicated-folder-row,
.email-dedicated-account-row.email-provider-logo-row {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  padding: 13px 16px !important;
  margin: 0 0 14px !important;
  background: #fff !important;
  border: 1px solid #d8e9e3 !important;
  border-radius: 18px !important;
  box-shadow: 0 8px 18px rgba(18, 83, 70, .045) !important;
}

.email-dedicated-folder-row {
  padding-top: 11px !important;
  padding-bottom: 11px !important;
}

.email-dedicated-folder-row .email-folder-chip {
  min-height: 36px !important;
  min-width: 78px !important;
  padding: 7px 14px !important;
  border-radius: 999px !important;
  border: 1px solid #d6e8e2 !important;
  background: #fff !important;
  color: #102621 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
}

.email-dedicated-folder-row .email-folder-chip.active {
  color: #007c68 !important;
  background: #effbf7 !important;
  border-color: #18b89a !important;
}

.email-provider-logo-row .email-provider-logo-chip {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  padding: 0 !important;
  border-radius: 14px !important;
  border: 1px solid #d7e7e2 !important;
  background: #fff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  box-shadow: 0 5px 12px rgba(18, 83, 70, .05) !important;
}

.email-provider-logo-row .email-provider-logo-chip.active {
  background: #effbf7 !important;
  border-color: #18b89a !important;
}

.email-provider-logo-row .email-provider-logo-chip span {
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

.email-provider-logo-row .email-provider-logo-chip img {
  width: 24px !important;
  height: 24px !important;
  object-fit: contain !important;
}

.email-provider-logo-row .email-add-account-link,
.email-provider-logo-row .email-new-compose-link {
  height: 42px !important;
  min-height: 42px !important;
  padding: 8px 16px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  text-decoration: none !important;
  border: 1px solid transparent !important;
  white-space: nowrap !important;
}

.email-provider-logo-row .email-add-account-link {
  color: #007c68 !important;
  background: #effbf7 !important;
  border-color: #bde6dc !important;
}

.email-provider-logo-row .email-new-compose-link {
  color: #fff !important;
  background: linear-gradient(135deg, #7c3aed, #9b2ff3) !important;
  box-shadow: 0 10px 20px rgba(124, 58, 237, .18) !important;
}

.email-provider-logo-row .email-add-account-link::before,
.email-provider-logo-row .email-new-compose-link::before {
  content: none !important;
}


/* 20260608email_filas_reales268b */
.email-dedicated-folder-row,
.email-dedicated-account-row.email-provider-logo-row {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  padding: 13px 16px !important;
  margin: 0 0 14px !important;
  background: #fff !important;
  border: 1px solid #d8e9e3 !important;
  border-radius: 18px !important;
  box-shadow: 0 8px 18px rgba(18, 83, 70, .045) !important;
}

.email-dedicated-folder-row {
  padding-top: 11px !important;
  padding-bottom: 11px !important;
}

.email-dedicated-folder-row .email-folder-chip {
  min-height: 36px !important;
  min-width: 78px !important;
  padding: 7px 14px !important;
  border-radius: 999px !important;
  border: 1px solid #d6e8e2 !important;
  background: #fff !important;
  color: #102621 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
}

.email-dedicated-folder-row .email-folder-chip.active {
  color: #007c68 !important;
  background: #effbf7 !important;
  border-color: #18b89a !important;
}

.email-provider-logo-row .email-provider-logo-chip {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  padding: 0 !important;
  border-radius: 14px !important;
  border: 1px solid #d7e7e2 !important;
  background: #fff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  box-shadow: 0 5px 12px rgba(18, 83, 70, .05) !important;
}

.email-provider-logo-row .email-provider-logo-chip.active {
  background: #effbf7 !important;
  border-color: #18b89a !important;
}

.email-provider-logo-row .email-provider-logo-chip span {
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

.email-provider-logo-row .email-provider-logo-chip img {
  width: 24px !important;
  height: 24px !important;
  object-fit: contain !important;
}

.email-provider-logo-row .email-add-account-link,
.email-provider-logo-row .email-new-compose-link {
  height: 42px !important;
  min-height: 42px !important;
  padding: 8px 16px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  text-decoration: none !important;
  border: 1px solid transparent !important;
  white-space: nowrap !important;
}

.email-provider-logo-row .email-add-account-link {
  color: #007c68 !important;
  background: #effbf7 !important;
  border-color: #bde6dc !important;
}

.email-provider-logo-row .email-new-compose-link {
  color: #fff !important;
  background: linear-gradient(135deg, #7c3aed, #9b2ff3) !important;
  box-shadow: 0 10px 20px rgba(124, 58, 237, .18) !important;
}

.email-provider-logo-row .email-add-account-link::before,
.email-provider-logo-row .email-new-compose-link::before {
  content: none !important;
}


/* 20260608email_filtros_no_inbox270 */
.email-dedicated-account-row.email-provider-logo-row,
.email-dedicated-folder-row {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  background: #fff;
  border: 1px solid rgba(15, 118, 110, .14);
  border-radius: 18px;
  padding: 14px 16px;
  margin: 0 0 14px;
}

.email-provider-logo-row .email-provider-logo-chip,
.email-provider-logo-row .email-add-account-link {
  width: 42px;
  min-width: 42px;
  height: 42px;
  padding: 0;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(15, 118, 110, .18);
  background: #f8fffc;
  text-decoration: none;
}

.email-provider-logo-row .email-add-account-link {
  color: #087f6d;
  font-size: 0;
  font-weight: 900;
}

.email-provider-logo-row .email-add-account-link span {
  font-size: 24px;
  line-height: 1;
}

.email-provider-logo-row .email-provider-logo-chip.active,
.email-provider-logo-row .email-add-account-link:hover {
  border-color: #12bfa3;
  background: #eafff8;
}

.email-provider-logo-row .email-new-compose-link {
  height: 42px;
  padding: 0 18px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #8b35ff, #7b22f4);
  color: #fff;
  font-weight: 900;
  text-decoration: none;
}

.email-dedicated-folder-row .email-folder-chip {
  min-height: 40px;
  padding: 0 14px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 1px solid rgba(15, 118, 110, .16);
  color: #0f172a;
  background: #fff;
  font-weight: 850;
  text-decoration: none;
  white-space: nowrap;
}

.email-dedicated-folder-row .email-folder-chip:hover,
.email-dedicated-folder-row .email-folder-chip.active {
  border-color: #12bfa3;
  background: #eafff8;
  color: #067a6b;
}

/* 20260608email_filtros_no_inbox270 */
.email-dedicated-account-row.email-provider-logo-row,
.email-dedicated-folder-row {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  background: #fff;
  border: 1px solid rgba(15, 118, 110, .14);
  border-radius: 18px;
  padding: 14px 16px;
  margin: 0 0 14px;
}

.email-provider-logo-row .email-provider-logo-chip,
.email-provider-logo-row .email-add-account-link {
  width: 42px;
  min-width: 42px;
  height: 42px;
  padding: 0;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(15, 118, 110, .18);
  background: #f8fffc;
  text-decoration: none;
}

.email-provider-logo-row .email-add-account-link {
  color: #087f6d;
  font-size: 0;
  font-weight: 900;
}

.email-provider-logo-row .email-add-account-link span {
  font-size: 24px;
  line-height: 1;
}

.email-provider-logo-row .email-provider-logo-chip.active,
.email-provider-logo-row .email-add-account-link:hover {
  border-color: #12bfa3;
  background: #eafff8;
}

.email-provider-logo-row .email-new-compose-link {
  height: 42px;
  padding: 0 18px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #8b35ff, #7b22f4);
  color: #fff;
  font-weight: 900;
  text-decoration: none;
}

.email-dedicated-folder-row .email-folder-chip {
  min-height: 40px;
  padding: 0 14px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 1px solid rgba(15, 118, 110, .16);
  color: #0f172a;
  background: #fff;
  font-weight: 850;
  text-decoration: none;
  white-space: nowrap;
}

.email-dedicated-folder-row .email-folder-chip:hover,
.email-dedicated-folder-row .email-folder-chip.active {
  border-color: #12bfa3;
  background: #eafff8;
  color: #067a6b;
}


/* 20260608email_dark_ui_fix272 */
/* Limpieza definitiva de filtros: un solo icono, barra compacta. */

.email-dedicated-shell .email-dedicated-folder-row .email-folder-icon {
  display: none !important;
}

.email-dedicated-shell .email-dedicated-folder-row .email-folder-chip::before {
  content: "" !important;
  width: 15px !important;
  min-width: 15px !important;
  height: 15px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 13px !important;
  line-height: 1 !important;
  color: currentColor !important;
  opacity: .88 !important;
  margin: 0 1px 0 0 !important;
}

.email-dedicated-shell .email-dedicated-folder-row .email-folder-chip:first-child::before {
  content: "▤" !important;
}

.email-dedicated-shell .email-dedicated-folder-row .email-folder-chip[href*="folder=inbox"]::before {
  content: "▰" !important;
}

.email-dedicated-shell .email-dedicated-folder-row .email-folder-chip[href*="folder=unread"]::before {
  content: "✉" !important;
}

.email-dedicated-shell .email-dedicated-folder-row .email-folder-chip[href*="folder=starred"]::before {
  content: "☆" !important;
}

.email-dedicated-shell .email-dedicated-folder-row .email-folder-chip[href*="folder=sent"]::before {
  content: "➤" !important;
}

.email-dedicated-shell .email-dedicated-folder-row .email-folder-chip[href*="folder=drafts"]::before {
  content: "□" !important;
}

.email-dedicated-shell .email-dedicated-folder-row .email-folder-chip[href*="folder=scheduled"]::before {
  content: "◷" !important;
}

.email-dedicated-shell .email-dedicated-folder-row .email-folder-chip[href*="folder=trash"]::before {
  content: "⌫" !important;
}

.email-dedicated-shell .email-dedicated-folder-row .email-folder-chip[href*="folder=spam"]::before {
  content: "⊘" !important;
}

.email-dedicated-shell .email-dedicated-folder-row .email-folder-chip[href*="folder=archive"]::before {
  content: "▱" !important;
}

.email-dedicated-shell .email-dedicated-account-row.email-provider-logo-row,
.email-dedicated-shell .email-dedicated-folder-row {
  min-height: 0 !important;
  padding: 8px 12px !important;
  margin: 0 0 12px !important;
  gap: 8px !important;
  border-radius: 17px !important;
  box-shadow: none !important;
}

.email-dedicated-shell .email-dedicated-folder-row .email-folder-chip {
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 12px !important;
  gap: 6px !important;
  border-radius: 999px !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  letter-spacing: -.01em !important;
  line-height: 1 !important;
}

.email-dedicated-shell .email-provider-logo-row .email-provider-logo-chip,
.email-dedicated-shell .email-provider-logo-row .email-add-account-link {
  width: 40px !important;
  min-width: 40px !important;
  height: 40px !important;
  border-radius: 13px !important;
}

.email-dedicated-shell .email-provider-logo-row .email-new-compose-link {
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 17px !important;
  border-radius: 999px !important;
  font-size: 13px !important;
}

/* Hilos: evita que avatar/logo pise texto. */
.email-dedicated-shell .email-dedicated-thread-list .inbox-email-thread {
  grid-template-columns: 34px minmax(0, 1fr) auto !important;
  gap: 12px !important;
  padding: 12px 11px !important;
}

.email-dedicated-shell .email-dedicated-thread-list .inbox-email-thread > *:first-child {
  width: 28px !important;
  min-width: 28px !important;
  height: 28px !important;
  margin: 0 !important;
  justify-self: center !important;
}

.email-dedicated-shell .email-dedicated-thread-list .inbox-thread-main {
  min-width: 0 !important;
  overflow: hidden !important;
}

.email-dedicated-shell .email-dedicated-thread-list .inbox-thread-main strong,
.email-dedicated-shell .email-dedicated-thread-list .inbox-thread-main small,
.email-dedicated-shell .email-dedicated-thread-list .inbox-thread-main span {
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* Modo oscuro robusto: incluye variantes de clase/atributo posibles. */
:where(
  html.dark,
  html.dark-mode,
  html.dark-theme,
  html.theme-dark,
  html.is-dark,
  html[data-theme="dark"],
  html[data-bs-theme="dark"],
  body.dark,
  body.dark-mode,
  body.dark-theme,
  body.theme-dark,
  body.is-dark,
  body[data-theme="dark"],
  body[data-bs-theme="dark"],
  .dark,
  .dark-mode,
  .dark-theme,
  .theme-dark,
  .is-dark,
  [data-theme="dark"],
  [data-bs-theme="dark"]
) .email-dedicated-shell .email-dedicated-account-row.email-provider-logo-row,
:where(
  html.dark,
  html.dark-mode,
  html.dark-theme,
  html.theme-dark,
  html.is-dark,
  html[data-theme="dark"],
  html[data-bs-theme="dark"],
  body.dark,
  body.dark-mode,
  body.dark-theme,
  body.theme-dark,
  body.is-dark,
  body[data-theme="dark"],
  body[data-bs-theme="dark"],
  .dark,
  .dark-mode,
  .dark-theme,
  .theme-dark,
  .is-dark,
  [data-theme="dark"],
  [data-bs-theme="dark"]
) .email-dedicated-shell .email-dedicated-folder-row,
:where(
  html.dark,
  html.dark-mode,
  html.dark-theme,
  html.theme-dark,
  html.is-dark,
  html[data-theme="dark"],
  html[data-bs-theme="dark"],
  body.dark,
  body.dark-mode,
  body.dark-theme,
  body.theme-dark,
  body.is-dark,
  body[data-theme="dark"],
  body[data-bs-theme="dark"],
  .dark,
  .dark-mode,
  .dark-theme,
  .theme-dark,
  .is-dark,
  [data-theme="dark"],
  [data-bs-theme="dark"]
) .email-dedicated-shell .email-dedicated-body,
:where(
  html.dark,
  html.dark-mode,
  html.dark-theme,
  html.theme-dark,
  html.is-dark,
  html[data-theme="dark"],
  html[data-bs-theme="dark"],
  body.dark,
  body.dark-mode,
  body.dark-theme,
  body.theme-dark,
  body.is-dark,
  body[data-theme="dark"],
  body[data-bs-theme="dark"],
  .dark,
  .dark-mode,
  .dark-theme,
  .theme-dark,
  .is-dark,
  [data-theme="dark"],
  [data-bs-theme="dark"]
) .email-dedicated-shell .email-dedicated-inbox-panel {
  background: #0f211a !important;
  border-color: rgba(125, 255, 221, .18) !important;
  color: #eefdf8 !important;
}

:where(
  html.dark,
  html.dark-mode,
  html.dark-theme,
  html.theme-dark,
  html.is-dark,
  html[data-theme="dark"],
  html[data-bs-theme="dark"],
  body.dark,
  body.dark-mode,
  body.dark-theme,
  body.is-dark,
  body[data-theme="dark"],
  body[data-bs-theme="dark"],
  .dark,
  .dark-mode,
  .dark-theme,
  .theme-dark,
  .is-dark,
  [data-theme="dark"],
  [data-bs-theme="dark"]
) .email-dedicated-shell .email-folder-chip {
  background: #142820 !important;
  border-color: rgba(125, 255, 221, .24) !important;
  color: #ecfff9 !important;
}

:where(
  html.dark,
  html.dark-mode,
  html.dark-theme,
  html.theme-dark,
  html.is-dark,
  html[data-theme="dark"],
  html[data-bs-theme="dark"],
  body.dark,
  body.dark-mode,
  body.dark-theme,
  body.is-dark,
  body[data-theme="dark"],
  body[data-bs-theme="dark"],
  .dark,
  .dark-mode,
  .dark-theme,
  .theme-dark,
  .is-dark,
  [data-theme="dark"],
  [data-bs-theme="dark"]
) .email-dedicated-shell .email-folder-chip.active,
:where(
  html.dark,
  html.dark-mode,
  html.dark-theme,
  html.theme-dark,
  html.is-dark,
  html[data-theme="dark"],
  html[data-bs-theme="dark"],
  body.dark,
  body.dark-mode,
  body.dark-theme,
  body.is-dark,
  body[data-theme="dark"],
  body[data-bs-theme="dark"],
  .dark,
  .dark-mode,
  .dark-theme,
  .theme-dark,
  .is-dark,
  [data-theme="dark"],
  [data-bs-theme="dark"]
) .email-dedicated-shell .email-folder-chip:hover {
  background: #073f35 !important;
  border-color: #19d9b7 !important;
  color: #8dffe8 !important;
}

:where(
  html.dark,
  html.dark-mode,
  html.dark-theme,
  html.theme-dark,
  html.is-dark,
  html[data-theme="dark"],
  html[data-bs-theme="dark"],
  body.dark,
  body.dark-mode,
  body.dark-theme,
  body.is-dark,
  body[data-theme="dark"],
  body[data-bs-theme="dark"],
  .dark,
  .dark-mode,
  .dark-theme,
  .theme-dark,
  .is-dark,
  [data-theme="dark"],
  [data-bs-theme="dark"]
) .email-dedicated-shell .email-provider-logo-chip,
:where(
  html.dark,
  html.dark-mode,
  html.dark-theme,
  html.theme-dark,
  html.is-dark,
  html[data-theme="dark"],
  html[data-bs-theme="dark"],
  body.dark,
  body.dark-mode,
  body.dark-theme,
  body.is-dark,
  body[data-theme="dark"],
  body[data-bs-theme="dark"],
  .dark,
  .dark-mode,
  .dark-theme,
  .theme-dark,
  .is-dark,
  [data-theme="dark"],
  [data-bs-theme="dark"]
) .email-dedicated-shell .email-add-account-link {
  background: #142820 !important;
  border-color: rgba(125, 255, 221, .22) !important;
}

:where(
  html.dark,
  html.dark-mode,
  html.dark-theme,
  html.theme-dark,
  html.is-dark,
  html[data-theme="dark"],
  html[data-bs-theme="dark"],
  body.dark,
  body.dark-mode,
  body.dark-theme,
  body.is-dark,
  body[data-theme="dark"],
  body[data-bs-theme="dark"],
  .dark,
  .dark-mode,
  .dark-theme,
  .theme-dark,
  .is-dark,
  [data-theme="dark"],
  [data-bs-theme="dark"]
) .email-dedicated-shell .email-dedicated-thread-list .inbox-email-thread {
  background: #13231d !important;
  border-color: rgba(125, 255, 221, .16) !important;
  color: #effff9 !important;
}

:where(
  html.dark,
  html.dark-mode,
  html.dark-theme,
  html.theme-dark,
  html.is-dark,
  html[data-theme="dark"],
  html[data-bs-theme="dark"],
  body.dark,
  body.dark-mode,
  body.dark-theme,
  body.is-dark,
  body[data-theme="dark"],
  body[data-bs-theme="dark"],
  .dark,
  .dark-mode,
  .dark-theme,
  .theme-dark,
  .is-dark,
  [data-theme="dark"],
  [data-bs-theme="dark"]
) .email-dedicated-shell .email-dedicated-thread-list .inbox-email-thread.active {
  background: #173a2f !important;
  border-color: #2ed9ba !important;
}

:where(
  html.dark,
  html.dark-mode,
  html.dark-theme,
  html.theme-dark,
  html.is-dark,
  html[data-theme="dark"],
  html[data-bs-theme="dark"],
  body.dark,
  body.dark-mode,
  body.dark-theme,
  body.is-dark,
  body[data-theme="dark"],
  body[data-bs-theme="dark"],
  .dark,
  .dark-mode,
  .dark-theme,
  .theme-dark,
  .is-dark,
  [data-theme="dark"],
  [data-bs-theme="dark"]
) .email-dedicated-shell .inbox-thread-main strong {
  color: #ffffff !important;
  font-weight: 800 !important;
}

:where(
  html.dark,
  html.dark-mode,
  html.dark-theme,
  html.theme-dark,
  html.is-dark,
  html[data-theme="dark"],
  html[data-bs-theme="dark"],
  body.dark,
  body.dark-mode,
  body.dark-theme,
  body.is-dark,
  body[data-theme="dark"],
  body[data-bs-theme="dark"],
  .dark,
  .dark-mode,
  .dark-theme,
  .theme-dark,
  .is-dark,
  [data-theme="dark"],
  [data-bs-theme="dark"]
) .email-dedicated-shell .inbox-thread-main small,
:where(
  html.dark,
  html.dark-mode,
  html.dark-theme,
  html.is-dark,
  html[data-theme="dark"],
  html[data-bs-theme="dark"],
  body.dark,
  body.dark-mode,
  body.dark-theme,
  body.is-dark,
  body[data-theme="dark"],
  body[data-bs-theme="dark"],
  .dark,
  .dark-mode,
  .dark-theme,
  .theme-dark,
  .is-dark,
  [data-theme="dark"],
  [data-bs-theme="dark"]
) .email-dedicated-shell .inbox-thread-main span,
:where(
  html.dark,
  html.dark-mode,
  html.dark-theme,
  html.is-dark,
  html[data-theme="dark"],
  html[data-bs-theme="dark"],
  body.dark,
  body.dark-mode,
  body.dark-theme,
  body.is-dark,
  body[data-theme="dark"],
  body[data-bs-theme="dark"],
  .dark,
  .dark-mode,
  .dark-theme,
  .theme-dark,
  .is-dark,
  [data-theme="dark"],
  [data-bs-theme="dark"]
) .email-dedicated-shell .inbox-thread-side small {
  color: #9dbdb2 !important;
}

/* El marco del CRM oscuro; el HTML interno del email puede conservar fondo propio si el correo lo trae. */
:where(
  html.dark,
  html.dark-mode,
  html.dark-theme,
  html.theme-dark,
  html.is-dark,
  html[data-theme="dark"],
  html[data-bs-theme="dark"],
  body.dark,
  body.dark-mode,
  body.dark-theme,
  body.theme-dark,
  body.is-dark,
  body[data-theme="dark"],
  body[data-bs-theme="dark"],
  .dark,
  .dark-mode,
  .dark-theme,
  .theme-dark,
  .is-dark,
  [data-theme="dark"],
  [data-bs-theme="dark"]
) .email-dedicated-shell .email-reader-card,
:where(
  html.dark,
  html.dark-mode,
  html.dark-theme,
  html.theme-dark,
  html.is-dark,
  html[data-theme="dark"],
  html[data-bs-theme="dark"],
  body.dark,
  body.dark-mode,
  body.dark-theme,
  body.theme-dark,
  body.is-dark,
  body[data-theme="dark"],
  body[data-bs-theme="dark"],
  .dark,
  .dark-mode,
  .dark-theme,
  .theme-dark,
  .is-dark,
  [data-theme="dark"],
  [data-bs-theme="dark"]
) .email-dedicated-shell .yahoo-like-email-card,
:where(
  html.dark,
  html.dark-mode,
  html.dark-theme,
  html.theme-dark,
  html.is-dark,
  html[data-theme="dark"],
  html[data-bs-theme="dark"],
  body.dark,
  body.dark-mode,
  body.dark-theme,
  body.theme-dark,
  body.is-dark,
  body[data-theme="dark"],
  body[data-bs-theme="dark"],
  .dark,
  .dark-mode,
  .dark-theme,
  .theme-dark,
  .is-dark,
  [data-theme="dark"],
  [data-bs-theme="dark"]
) .email-dedicated-shell .inbox-email-message {
  background: #10231d !important;
  border-color: rgba(125, 255, 221, .18) !important;
  color: #f4fffb !important;
}


/* 20260608email_ui_como_inbox273 */
/* Reset práctico: Bandeja de Correos usa estética de Bandeja de Entrada. */

/* Sacar las cajas grandes de filtros */
.email-dedicated-shell .email-dedicated-account-row.email-provider-logo-row,
.email-dedicated-shell .email-dedicated-folder-row {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 0 12px !important;
  min-height: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}

/* Chips compactos como la bandeja */
.email-dedicated-shell .email-folder-chip {
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 13px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(20, 184, 166, .35) !important;
  background: rgba(255, 255, 255, .05) !important;
  color: inherit !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

/* No duplicar iconos */
.email-dedicated-shell .email-folder-icon {
  display: none !important;
}

.email-dedicated-shell .email-folder-chip::before {
  content: none !important;
  display: none !important;
}

.email-dedicated-shell .email-folder-chip.active,
.email-dedicated-shell .email-folder-chip:hover {
  background: rgba(20, 184, 166, .16) !important;
  border-color: #14b8a6 !important;
  color: #5fffe2 !important;
}

/* Primera fila: iconos chicos y limpios */
.email-dedicated-shell .email-provider-logo-chip,
.email-dedicated-shell .email-add-account-link {
  width: 38px !important;
  min-width: 38px !important;
  height: 38px !important;
  padding: 0 !important;
  border-radius: 12px !important;
  border: 1px solid rgba(20, 184, 166, .28) !important;
  background: rgba(255, 255, 255, .05) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

.email-dedicated-shell .email-provider-logo-chip.active,
.email-dedicated-shell .email-provider-logo-chip:hover,
.email-dedicated-shell .email-add-account-link:hover {
  background: rgba(20, 184, 166, .16) !important;
  border-color: #14b8a6 !important;
}

.email-dedicated-shell .email-add-account-link {
  font-size: 0 !important;
  color: #0f766e !important;
}

.email-dedicated-shell .email-add-account-link span {
  font-size: 23px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
}

html[data-theme="dark"] .email-dedicated-shell .email-add-account-link span,
body[data-theme="dark"] .email-dedicated-shell .email-add-account-link span,
body.dark .email-dedicated-shell .email-add-account-link span,
body.dark-mode .email-dedicated-shell .email-add-account-link span {
  color: #7fffe5 !important;
}

.email-dedicated-shell .email-new-compose-link {
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 16px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #8b35ff, #7b22f4) !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  border: 0 !important;
  box-shadow: 0 8px 18px rgba(123, 34, 244, .22) !important;
}

/* Contenedor principal como inbox: sin paneles blancos raros en dark */
.email-dedicated-shell .email-dedicated-body {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: 380px minmax(0, 1fr) !important;
  gap: 18px !important;
}

/* Lista de hilos */
.email-dedicated-shell .email-dedicated-thread-list {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 8px 0 0 !important;
}

.email-dedicated-shell .email-dedicated-thread-list .inbox-thread-row {
  margin: 0 0 10px !important;
}

.email-dedicated-shell .email-dedicated-thread-list .inbox-email-thread {
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) auto !important;
  gap: 12px !important;
  min-height: 82px !important;
  padding: 12px !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  align-items: center !important;
}

.email-dedicated-shell .email-dedicated-thread-list .inbox-email-thread > *:first-child {
  width: 28px !important;
  min-width: 28px !important;
  height: 28px !important;
  margin: 0 !important;
  justify-self: center !important;
}

.email-dedicated-shell .email-dedicated-thread-list .inbox-thread-main {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  overflow: hidden !important;
}

.email-dedicated-shell .email-dedicated-thread-list .inbox-thread-main strong,
.email-dedicated-shell .email-dedicated-thread-list .inbox-thread-main small,
.email-dedicated-shell .email-dedicated-thread-list .inbox-thread-main span {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  max-width: 100% !important;
}

.email-dedicated-shell .email-dedicated-thread-list .inbox-thread-side {
  min-width: 44px !important;
  text-align: right !important;
  align-self: start !important;
}

/* Visor: marco oscuro, correo claro y legible */
.email-dedicated-shell .email-dedicated-inbox-panel,
.email-dedicated-shell .inbox-message-panel {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.email-dedicated-shell .email-dedicated-timeline,
.email-dedicated-shell .inbox-timeline {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.email-dedicated-shell .email-reader-card,
.email-dedicated-shell .yahoo-like-email-card,
.email-dedicated-shell .inbox-email-message {
  background: #ffffff !important;
  color: #08111f !important;
  border: 1px solid rgba(15, 23, 42, .10) !important;
  border-radius: 14px !important;
  box-shadow: 0 14px 36px rgba(15, 23, 42, .10) !important;
}

.email-dedicated-shell .email-reader-card *,
.email-dedicated-shell .yahoo-like-email-card *,
.email-dedicated-shell .inbox-email-message * {
  color: inherit;
}

.email-dedicated-shell .email-reader-head h1,
.email-dedicated-shell .email-reader-head h2,
.email-dedicated-shell .email-reader-head h3,
.email-dedicated-shell .email-reader-head h4,
.email-dedicated-shell .yahoo-like-email-card h1,
.email-dedicated-shell .yahoo-like-email-card h2,
.email-dedicated-shell .yahoo-like-email-card h3 {
  color: #061329 !important;
}

/* Dark: solo el CRM oscuro; el email mantiene hoja blanca para leerse */
html[data-theme="dark"] .email-dedicated-shell .inbox-email-thread,
body[data-theme="dark"] .email-dedicated-shell .inbox-email-thread,
body.dark .email-dedicated-shell .inbox-email-thread,
body.dark-mode .email-dedicated-shell .inbox-email-thread {
  background: #13231d !important;
  border-color: rgba(125, 255, 221, .18) !important;
  color: #f1fff9 !important;
}

html[data-theme="dark"] .email-dedicated-shell .inbox-email-thread.active,
body[data-theme="dark"] .email-dedicated-shell .inbox-email-thread.active,
body.dark .email-dedicated-shell .inbox-email-thread.active,
body.dark-mode .email-dedicated-shell .inbox-email-thread.active {
  background: #164332 !important;
  border-color: #2ed9ba !important;
}

html[data-theme="dark"] .email-dedicated-shell .inbox-thread-main strong,
body[data-theme="dark"] .email-dedicated-shell .inbox-thread-main strong,
body.dark .email-dedicated-shell .inbox-thread-main strong,
body.dark-mode .email-dedicated-shell .inbox-thread-main strong {
  color: #ffffff !important;
}

html[data-theme="dark"] .email-dedicated-shell .inbox-thread-main small,
html[data-theme="dark"] .email-dedicated-shell .inbox-thread-main span,
html[data-theme="dark"] .email-dedicated-shell .inbox-thread-side small,
body[data-theme="dark"] .email-dedicated-shell .inbox-thread-main small,
body[data-theme="dark"] .email-dedicated-shell .inbox-thread-main span,
body[data-theme="dark"] .email-dedicated-shell .inbox-thread-side small,
body.dark .email-dedicated-shell .inbox-thread-main small,
body.dark .email-dedicated-shell .inbox-thread-main span,
body.dark .email-dedicated-shell .inbox-thread-side small,
body.dark-mode .email-dedicated-shell .inbox-thread-main small,
body.dark-mode .email-dedicated-shell .inbox-thread-main span,
body.dark-mode .email-dedicated-shell .inbox-thread-side small {
  color: #a9c8be !important;
}


/* 20260608email_fantasmas274 */
/* Mata iconos/cuadraditos heredados que aparecen al filtrar carpetas. */

.email-dedicated-shell .email-provider-logo-chip::before,
.email-dedicated-shell .email-provider-logo-chip::after,
.email-dedicated-shell .email-add-account-link::before,
.email-dedicated-shell .email-add-account-link::after,
.email-dedicated-shell .email-new-compose-link::before,
.email-dedicated-shell .email-new-compose-link::after,
.email-dedicated-shell .email-dedicated-thread-list .inbox-thread-row::before,
.email-dedicated-shell .email-dedicated-thread-list .inbox-thread-row::after,
.email-dedicated-shell .email-dedicated-thread-list .inbox-email-thread::before,
.email-dedicated-shell .email-dedicated-thread-list .inbox-email-thread::after {
  content: none !important;
  display: none !important;
}

/* Proveedores: sin símbolos extra, siempre centrados. */
.email-dedicated-shell .email-provider-logo-row .email-provider-logo-chip,
.email-dedicated-shell .email-provider-logo-row .email-add-account-link {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}

.email-dedicated-shell .email-provider-logo-row .email-provider-logo-chip > *,
.email-dedicated-shell .email-provider-logo-row .email-add-account-link > * {
  position: static !important;
  margin: 0 !important;
  transform: none !important;
}

/* Hilos: misma distribución para Todos, Recibidos, Enviados, etc. */
.email-dedicated-shell .email-dedicated-thread-list .inbox-thread-row {
  display: block !important;
  padding: 0 !important;
  margin: 0 0 10px !important;
}

.email-dedicated-shell .email-dedicated-thread-list .inbox-email-thread {
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) 46px !important;
  grid-template-areas: "avatar main side" !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  min-height: 82px !important;
  padding: 12px !important;
}

.email-dedicated-shell .email-dedicated-thread-list .inbox-email-thread > *:first-child {
  grid-area: avatar !important;
  width: 28px !important;
  min-width: 28px !important;
  height: 28px !important;
  margin: 0 !important;
  justify-self: center !important;
  align-self: center !important;
}

.email-dedicated-shell .email-dedicated-thread-list .inbox-thread-main {
  grid-area: main !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

.email-dedicated-shell .email-dedicated-thread-list .inbox-thread-side {
  grid-area: side !important;
  justify-self: end !important;
  align-self: start !important;
  text-align: right !important;
  min-width: 42px !important;
}

/* Si algún checkbox/selector viejo aparece dentro del hilo, ocultarlo solo acá. */
.email-dedicated-shell .email-dedicated-thread-list .inbox-thread-select-box,
.email-dedicated-shell .email-dedicated-thread-list input[type="checkbox"],
.email-dedicated-shell .email-dedicated-thread-list .thread-check,
.email-dedicated-shell .email-dedicated-thread-list .select-thread {
  display: none !important;
}


/* 20260608email_destacados_reales276 */
.email-dedicated-shell .email-folder-chip[href*="folder=drafts"],
.email-dedicated-shell .email-folder-chip[href*="folder=scheduled"],
.email-dedicated-shell .email-folder-chip[href*="folder=trash"],
.email-dedicated-shell .email-folder-chip[href*="folder=spam"],
.email-dedicated-shell .email-folder-chip[href*="folder=archive"] {
  opacity: .82;
}


/* 20260608email_destacados_reales276 */
.email-dedicated-shell .email-folder-chip[href*="folder=drafts"],
.email-dedicated-shell .email-folder-chip[href*="folder=scheduled"],
.email-dedicated-shell .email-folder-chip[href*="folder=trash"],
.email-dedicated-shell .email-folder-chip[href*="folder=spam"],
.email-dedicated-shell .email-folder-chip[href*="folder=archive"] {
  opacity: .82;
}


/* 20260608email_busqueda_scroll281 */
.email-dedicated-shell .email-dedicated-account-row.email-provider-logo-row {
  align-items: center !important;
}

.email-dedicated-search {
  margin-left: 4px;
  height: 38px;
  min-width: 280px;
  max-width: 460px;
  flex: 1 1 320px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0 8px 0 13px;
  border: 1px solid rgba(20, 184, 166, .28);
  border-radius: 999px;
  background: rgba(255, 255, 255, .05);
}

.email-dedicated-search input {
  min-width: 0;
  flex: 1;
  height: 32px;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  color: inherit !important;
  font-size: 13px;
  font-weight: 650;
}

.email-dedicated-search input::placeholder {
  color: rgba(148, 163, 184, .9);
}

.email-dedicated-search button,
.email-dedicated-search a {
  width: 28px;
  min-width: 28px;
  height: 28px;
  border: 0;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(20, 184, 166, .14);
  color: #0f766e;
  font-weight: 950;
  text-decoration: none;
  cursor: pointer;
}

html[data-theme="dark"] .email-dedicated-search,
body[data-theme="dark"] .email-dedicated-search,
body.dark .email-dedicated-search,
body.dark-mode .email-dedicated-search {
  background: rgba(20, 40, 32, .85);
  border-color: rgba(125, 255, 221, .24);
  color: #eefdf8;
}

html[data-theme="dark"] .email-dedicated-search button,
html[data-theme="dark"] .email-dedicated-search a,
body[data-theme="dark"] .email-dedicated-search button,
body[data-theme="dark"] .email-dedicated-search a,
body.dark .email-dedicated-search button,
body.dark .email-dedicated-search a,
body.dark-mode .email-dedicated-search button,
body.dark-mode .email-dedicated-search a {
  color: #7fffe5;
  background: rgba(20, 184, 166, .18);
}

.email-dedicated-shell .email-dedicated-body {
  height: calc(100vh - 218px) !important;
  min-height: 560px !important;
  overflow: hidden !important;
}

.email-dedicated-shell .email-dedicated-thread-list {
  height: 100% !important;
  max-height: none !important;
  overflow-y: auto !important;
  padding-bottom: 24px !important;
}

.email-dedicated-shell .email-dedicated-inbox-panel,
.email-dedicated-shell .email-dedicated-timeline,
.email-dedicated-shell .inbox-message-panel,
.email-dedicated-shell .inbox-timeline {
  height: 100% !important;
  max-height: none !important;
}

/* 20260706email_embed_gmail_dense_rows */
.email-dedicated-shell.email-dedicated-embed-shell .email-dedicated-body {
  grid-template-columns: minmax(300px, 340px) minmax(0, 1fr) !important;
  gap: 10px !important;
  min-height: 520px !important;
}

.email-dedicated-shell.email-dedicated-embed-shell .email-dedicated-thread-list {
  padding: 0 6px 18px 0 !important;
}

.email-dedicated-shell.email-dedicated-embed-shell .email-dedicated-thread-list .inbox-thread-row {
  margin: 0 !important;
}

.email-dedicated-shell.email-dedicated-embed-shell .email-dedicated-thread-list .inbox-email-thread {
  grid-template-columns: 28px minmax(0, 1fr) 42px !important;
  gap: 8px !important;
  min-height: 56px !important;
  padding: 7px 9px !important;
  border-radius: 6px !important;
  border-left-width: 2px !important;
  box-shadow: none !important;
}

.email-dedicated-shell.email-dedicated-embed-shell .email-dedicated-thread-list .inbox-email-thread > *:first-child {
  width: 24px !important;
  min-width: 24px !important;
  height: 24px !important;
}

.email-dedicated-shell.email-dedicated-embed-shell .email-dedicated-thread-list .inbox-thread-main {
  display: grid !important;
  grid-template-columns: minmax(104px, .95fr) minmax(92px, .85fr) minmax(0, 1.3fr) !important;
  align-items: center !important;
  gap: 6px !important;
}

.email-dedicated-shell.email-dedicated-embed-shell .email-dedicated-thread-list .email-sender-title-wrap,
.email-dedicated-shell.email-dedicated-embed-shell .email-dedicated-thread-list .inbox-thread-main small,
.email-dedicated-shell.email-dedicated-embed-shell .email-dedicated-thread-list .inbox-thread-main > span {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.email-dedicated-shell.email-dedicated-embed-shell .email-dedicated-thread-list .inbox-thread-side {
  min-width: 38px !important;
  align-self: center !important;
}

.email-dedicated-shell.email-dedicated-embed-shell .email-dedicated-thread-list .inbox-thread-side small {
  white-space: nowrap !important;
}

.email-dedicated-shell.email-dedicated-embed-shell .email-dedicated-inbox-panel,
.email-dedicated-shell.email-dedicated-embed-shell .inbox-message-panel {
  min-width: 0 !important;
}

@media (max-width: 980px) {
  .email-dedicated-shell.email-dedicated-embed-shell .email-dedicated-body {
    grid-template-columns: minmax(280px, 320px) minmax(0, 1fr) !important;
  }

  .email-dedicated-shell.email-dedicated-embed-shell .email-dedicated-thread-list .inbox-thread-main {
    grid-template-columns: minmax(110px, 1fr) minmax(0, 1fr) !important;
  }

  .email-dedicated-shell.email-dedicated-embed-shell .email-dedicated-thread-list .inbox-thread-main > span {
    display: none !important;
  }
}

/* 20260706email_extension_flat_inbox */
.email-dedicated-shell.email-dedicated-flat-shell .email-dedicated-body {
  display: block !important;
  height: calc(100vh - 156px) !important;
  min-height: 420px !important;
  overflow: hidden !important;
}

.email-dedicated-shell.email-dedicated-flat-shell .email-dedicated-thread-list {
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  overflow-y: auto !important;
  padding: 0 !important;
  background: #fff !important;
  border: 1px solid rgba(15, 23, 42, .08) !important;
}

.email-dedicated-shell.email-dedicated-flat-shell .email-dedicated-thread-list .inbox-thread-row {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}

.email-dedicated-shell.email-dedicated-flat-shell .email-dedicated-thread-list .inbox-email-thread {
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) 64px 30px !important;
  grid-template-areas: "tools main side badge" !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  min-height: 42px !important;
  padding: 5px 12px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(15, 23, 42, .08) !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}

.email-dedicated-shell.email-dedicated-flat-shell .email-dedicated-thread-list .inbox-email-thread:hover,
.email-dedicated-shell.email-dedicated-flat-shell .email-dedicated-thread-list .inbox-email-thread.active {
  background: #eef4ff !important;
}

.email-dedicated-shell.email-dedicated-flat-shell .email-dedicated-thread-list .email-flat-row-tools {
  grid-area: tools !important;
  display: grid !important;
  grid-template-columns: 18px !important;
  align-items: center !important;
  justify-content: start !important;
  color: #9ca3af !important;
}

.email-dedicated-shell.email-dedicated-flat-shell .email-dedicated-thread-list .email-flat-check {
  width: 14px !important;
  height: 14px !important;
  border: 1px solid #c4c9d0 !important;
  border-radius: 2px !important;
  background: #fff !important;
}

.email-dedicated-shell.email-dedicated-flat-shell .email-dedicated-thread-list .inbox-thread-main {
  grid-area: main !important;
  display: grid !important;
  grid-template-columns: minmax(150px, .7fr) minmax(210px, 1.05fr) minmax(0, 1.65fr) !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

.email-dedicated-shell.email-dedicated-flat-shell .email-dedicated-thread-list .email-sender-title-wrap,
.email-dedicated-shell.email-dedicated-flat-shell .email-dedicated-thread-list .inbox-thread-main small,
.email-dedicated-shell.email-dedicated-flat-shell .email-dedicated-thread-list .inbox-thread-main > span {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.email-dedicated-shell.email-dedicated-flat-shell .email-dedicated-thread-list .inbox-thread-side {
  grid-area: side !important;
  min-width: 58px !important;
  align-self: center !important;
  justify-self: end !important;
}

.email-dedicated-shell.email-dedicated-flat-shell .email-dedicated-thread-list .pill.warn {
  grid-area: badge !important;
  justify-self: center !important;
  align-self: center !important;
}

.email-dedicated-shell.email-dedicated-reader-shell .email-dedicated-body {
  display: block !important;
  height: calc(100vh - 156px) !important;
  min-height: 420px !important;
  overflow: hidden !important;
}

.email-dedicated-shell.email-dedicated-reader-shell .email-dedicated-thread-list {
  display: none !important;
}

.email-dedicated-shell.email-dedicated-reader-shell .email-dedicated-inbox-panel,
.email-dedicated-shell.email-dedicated-reader-shell .email-dedicated-timeline {
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
}

.email-dedicated-shell .email-embed-back-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  padding: 0 12px !important;
  border: 1px solid rgba(20, 184, 166, .28) !important;
  border-radius: 8px !important;
  color: #075985 !important;
  background: #f8fbff !important;
  text-decoration: none !important;
  font-weight: 500 !important;
}

/* 20260706email_embed_header_compact */
body.email-embed-page .main {
  max-width: none !important;
  padding: 6px 6px 8px !important;
}

body.email-embed-page .topbar {
  display: none !important;
}

body.email-embed-page .topbar-title {
  gap: 0 !important;
}

body.email-embed-page .topbar-title h1,
body.email-embed-page .topbar-title .top-back-button {
  display: none !important;
}

body.email-embed-page .topbar-title .sidebar-toggle-button,
body.email-embed-page .top-actions .icon-btn,
body.email-embed-page .top-actions .notification-button {
  height: 32px !important;
  min-height: 32px !important;
  min-width: 32px !important;
  width: 32px !important;
}

body.email-embed-page .top-actions {
  gap: 5px !important;
}

body.email-embed-page .email-dedicated-shell {
  gap: 7px !important;
}

body.email-embed-page .email-dedicated-shell .email-unified-mail-toolbar-row.email-dedicated-folder-row {
  gap: 4px !important;
  min-height: 40px !important;
  overflow: visible !important;
  padding: 3px 6px !important;
  position: relative !important;
  z-index: 10000 !important;
}

body.email-embed-page .email-dedicated-shell .email-dedicated-body {
  position: relative !important;
  z-index: 1 !important;
}

body.email-embed-page .email-dedicated-shell .email-embed-back-link {
  height: 32px !important;
  min-height: 32px !important;
  min-width: 32px !important;
  padding: 0 !important;
  width: 32px !important;
}

body.email-embed-page .email-dedicated-shell .email-embed-back-link .action-icon {
  height: 17px !important;
  width: 17px !important;
}

body.email-embed-page .email-dedicated-shell .email-unified-mail-toolbar-row .email-all-accounts-link {
  flex: 0 0 124px !important;
  gap: 5px !important;
  height: 34px !important;
  min-height: 34px !important;
  min-width: 124px !important;
  padding: 0 8px !important;
  width: 124px !important;
}

body.email-embed-page .email-dedicated-shell .email-unified-mail-toolbar-row .email-all-accounts-icon {
  display: inline-flex !important;
  flex: 0 0 auto !important;
}

body.email-embed-page .email-dedicated-shell .email-unified-mail-toolbar-row .email-all-accounts-icon .action-icon {
  height: 16px !important;
  width: 16px !important;
}

body.email-embed-page .email-dedicated-shell .email-unified-mail-toolbar-row .email-all-accounts-text {
  font-size: 9.5px !important;
  font-weight: 800 !important;
}

body.email-embed-page .email-dedicated-shell .email-unified-mail-toolbar-row .email-provider-logo-chip,
body.email-embed-page .email-dedicated-shell .email-unified-mail-toolbar-row .email-add-account-link,
body.email-embed-page .email-dedicated-shell .email-unified-mail-toolbar-row .email-folder-chip {
  flex-basis: 32px !important;
  height: 32px !important;
  min-height: 32px !important;
  min-width: 32px !important;
  width: 32px !important;
}

body.email-embed-page .email-dedicated-shell .email-unified-mail-toolbar-row .email-provider-logo-chip,
body.email-embed-page .email-dedicated-shell .email-unified-mail-toolbar-row .email-add-account-link {
  border-radius: 10px !important;
}

body.email-embed-page .email-dedicated-shell .email-unified-mail-toolbar-row .email-add-account-link {
  border-radius: 999px !important;
}

body.email-embed-page .email-dedicated-shell .email-unified-mail-toolbar-row .email-provider-logo-chip span,
body.email-embed-page .email-dedicated-shell .email-unified-mail-toolbar-row .email-add-account-link span {
  font-size: 14px !important;
}

body.email-embed-page .email-dedicated-shell .email-dedicated-folder-row .email-folder-icon-image {
  height: 24px !important;
  width: 24px !important;
}

body.email-embed-page .email-dedicated-shell .email-unified-mail-toolbar-row .email-provider-logo-chip img {
  height: 20px !important;
  width: 20px !important;
}

body.email-embed-page .email-dedicated-shell .email-unified-mail-toolbar-row .email-folder-unread-count {
  font-size: 8.5px !important;
  height: 15px !important;
  min-width: 15px !important;
  top: -3px !important;
}

body.email-embed-page .email-dedicated-shell .email-unified-mail-toolbar-row .email-new-compose-link {
  flex: 0 0 96px !important;
  height: 34px !important;
  min-height: 34px !important;
  min-width: 96px !important;
  padding: 0 8px !important;
  width: 96px !important;
}

body.email-embed-page .email-dedicated-shell .email-unified-mail-toolbar-row .email-new-compose-link,
body.email-embed-page .email-dedicated-shell .email-unified-mail-toolbar-row .email-new-compose-link span {
  font-size: 9.5px !important;
}

body.email-embed-page .email-dedicated-shell .email-unified-mail-toolbar-row .email-dedicated-search {
  flex: 1 1 170px !important;
  height: 34px !important;
  max-width: 240px !important;
  min-height: 34px !important;
  min-width: 150px !important;
  width: clamp(150px, 19vw, 240px) !important;
}

body.email-embed-page .email-dedicated-shell .email-unified-mail-toolbar-row .email-dedicated-search input {
  height: 32px !important;
  min-height: 32px !important;
  font-size: 10px !important;
}

body.email-embed-page .email-dedicated-shell .email-unified-mail-toolbar-row .email-dedicated-search button,
body.email-embed-page .email-dedicated-shell .email-unified-mail-toolbar-row .email-dedicated-search a {
  height: 24px !important;
  min-width: 24px !important;
  width: 24px !important;
}

body.email-embed-page .email-dedicated-shell .email-unified-mail-toolbar-row .email-account-hover {
  z-index: 10020 !important;
}

body.email-embed-page .email-dedicated-shell .email-unified-mail-toolbar-row .email-account-hover:hover,
body.email-embed-page .email-dedicated-shell .email-unified-mail-toolbar-row .email-account-hover:focus-within {
  z-index: 10080 !important;
}

body.email-embed-page .email-dedicated-shell .email-unified-mail-toolbar-row .email-account-hover::after {
  height: 14px !important;
  top: 100% !important;
}

body.email-embed-page .email-dedicated-shell .email-unified-mail-toolbar-row .email-account-hover > .email-account-hover-menu {
  top: calc(100% + 5px) !important;
  z-index: 10100 !important;
}

body.email-embed-page .email-dedicated-shell .email-dedicated-folder-row .email-folder-chip::after {
  bottom: auto !important;
  top: calc(100% + 7px) !important;
  transform: translateX(-50%) translateY(-2px) !important;
  z-index: 10110 !important;
}

body.email-embed-page .email-dedicated-shell .email-dedicated-folder-row .email-folder-chip:hover::after,
body.email-embed-page .email-dedicated-shell .email-dedicated-folder-row .email-folder-chip:focus-visible::after {
  transform: translateX(-50%) translateY(0) !important;
}

/* 20260706email_flat_select_layout */
body.email-embed-page .email-dedicated-shell.email-dedicated-flat-shell .email-dedicated-body,
body.email-embed-page .email-dedicated-shell.email-dedicated-reader-shell .email-dedicated-body {
  height: calc(100vh - 58px) !important;
  min-height: calc(100vh - 58px) !important;
}

body.email-embed-page .email-dedicated-shell.email-dedicated-flat-shell .email-dedicated-thread-list {
  height: 100% !important;
  max-height: none !important;
}

body.email-embed-page .email-dedicated-shell.email-dedicated-flat-shell .email-dedicated-thread-list .email-flat-selectable-row {
  display: grid !important;
  grid-template-columns: 38px minmax(0, 1fr) !important;
  align-items: stretch !important;
  min-height: 46px !important;
  border-bottom: 1px solid rgba(15, 23, 42, .08) !important;
  background: #fff !important;
}

body.email-embed-page .email-dedicated-shell.email-dedicated-flat-shell .email-dedicated-thread-list .email-flat-selectable-row:hover,
body.email-embed-page .email-dedicated-shell.email-dedicated-flat-shell .email-dedicated-thread-list .email-flat-selectable-row.email-flat-selected {
  background: #eef4ff !important;
}

body.email-embed-page .email-dedicated-shell.email-dedicated-flat-shell .email-dedicated-thread-list .email-flat-select {
  display: grid !important;
  place-items: center !important;
  margin: 0 !important;
  min-height: 46px !important;
  cursor: pointer !important;
}

body.email-embed-page .email-dedicated-shell.email-dedicated-flat-shell .email-dedicated-thread-list .email-flat-select input {
  height: 1px !important;
  opacity: 0 !important;
  position: absolute !important;
  width: 1px !important;
}

body.email-embed-page .email-dedicated-shell.email-dedicated-flat-shell .email-dedicated-thread-list .email-flat-check {
  border-color: #b8c0ca !important;
}

body.email-embed-page .email-dedicated-shell.email-dedicated-flat-shell .email-dedicated-thread-list .email-flat-select input:checked + .email-flat-check {
  background: #0f766e !important;
  border-color: #0f766e !important;
}

body.email-embed-page .email-dedicated-shell.email-dedicated-flat-shell .email-dedicated-thread-list .email-flat-select input:checked + .email-flat-check::after {
  border: solid #fff !important;
  border-width: 0 2px 2px 0 !important;
  content: "" !important;
  display: block !important;
  height: 8px !important;
  margin: 1px 0 0 4px !important;
  transform: rotate(45deg) !important;
  width: 4px !important;
}

body.email-embed-page .email-dedicated-shell.email-dedicated-flat-shell .email-dedicated-thread-list .email-flat-select input:focus-visible + .email-flat-check {
  outline: 2px solid rgba(20, 184, 166, .35) !important;
  outline-offset: 2px !important;
}

body.email-embed-page .email-dedicated-shell.email-dedicated-flat-shell .email-dedicated-thread-list .email-flat-thread-link {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: grid !important;
  font-size: 13px !important;
  gap: 10px !important;
  grid-template-areas: "main side badge" !important;
  grid-template-columns: minmax(0, 1fr) 64px 28px !important;
  min-height: 46px !important;
  padding: 6px 12px 6px 0 !important;
}

body.email-embed-page .email-dedicated-shell.email-dedicated-flat-shell .email-dedicated-thread-list .email-flat-thread-link:hover,
body.email-embed-page .email-dedicated-shell.email-dedicated-flat-shell .email-dedicated-thread-list .email-flat-thread-link.active {
  background: transparent !important;
}

body.email-embed-page .email-dedicated-shell.email-dedicated-flat-shell .email-dedicated-thread-list .email-flat-thread-main {
  display: grid !important;
  grid-area: main !important;
  grid-template-columns: minmax(160px, .8fr) minmax(210px, 1.05fr) minmax(0, 1.35fr) !important;
  gap: 12px !important;
}

body.email-embed-page .email-dedicated-shell.email-dedicated-flat-shell .email-dedicated-thread-list .email-flat-sender,
body.email-embed-page .email-dedicated-shell.email-dedicated-flat-shell .email-dedicated-thread-list .email-flat-subject,
body.email-embed-page .email-dedicated-shell.email-dedicated-flat-shell .email-dedicated-thread-list .email-flat-snippet {
  color: #172033 !important;
  display: block !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.email-embed-page .email-dedicated-shell.email-dedicated-flat-shell .email-dedicated-thread-list .email-flat-sender strong,
body.email-embed-page .email-dedicated-shell.email-dedicated-flat-shell .email-dedicated-thread-list .email-flat-subject {
  font-weight: 500 !important;
}

body.email-embed-page .email-dedicated-shell.email-dedicated-flat-shell .email-dedicated-thread-list .email-flat-snippet {
  color: #596579 !important;
  font-size: 12.5px !important;
}

body.email-embed-page .email-dedicated-shell.email-dedicated-flat-shell .email-dedicated-thread-list .inbox-thread-side small {
  font-size: 12px !important;
}

body.email-embed-page .email-flat-bulk-bar {
  align-items: center !important;
  background: #f8fafc !important;
  border: 1px solid rgba(15, 23, 42, .08) !important;
  border-top: 0 !important;
  display: flex !important;
  gap: 8px !important;
  min-height: 36px !important;
  padding: 5px 10px !important;
}

body.email-embed-page .email-flat-bulk-bar[hidden] {
  display: none !important;
}

body.email-embed-page .email-flat-bulk-count {
  color: #0f766e !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  margin-right: auto !important;
}

body.email-embed-page .email-flat-bulk-secondary,
body.email-embed-page .email-flat-bulk-delete {
  border-radius: 8px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  min-height: 28px !important;
  padding: 0 10px !important;
}

body.email-embed-page .email-flat-bulk-secondary {
  background: #fff !important;
  border: 1px solid rgba(15, 118, 110, .22) !important;
  color: #075985 !important;
}

body.email-embed-page .email-flat-bulk-delete {
  background: #fee2e2 !important;
  border: 1px solid #fecaca !important;
  color: #991b1b !important;
}

body.email-embed-page .email-flat-bulk-delete:disabled {
  cursor: not-allowed !important;
  opacity: .55 !important;
}

body.email-embed-page .email-dedicated-shell .email-unified-mail-toolbar-row.email-dedicated-folder-row > * {
  order: 20 !important;
}

body.email-embed-page .email-dedicated-shell .email-unified-mail-toolbar-row .email-embed-back-link {
  order: 0 !important;
}

body.email-embed-page .email-dedicated-shell .email-unified-mail-toolbar-row .email-all-accounts-link {
  order: 1 !important;
}

body.email-embed-page .email-dedicated-shell .email-unified-mail-toolbar-row .email-account-hover {
  order: 2 !important;
}

body.email-embed-page .email-dedicated-shell .email-unified-mail-toolbar-row .email-add-account-link {
  order: 3 !important;
}

body.email-embed-page .email-dedicated-shell .email-unified-mail-toolbar-row .email-new-compose-link {
  flex: 0 0 100px !important;
  margin-left: 2px !important;
  order: 4 !important;
  width: 100px !important;
}

body.email-embed-page .email-dedicated-shell .email-unified-mail-toolbar-row .email-folder-chip {
  order: 10 !important;
}

body.email-embed-page .email-dedicated-shell .email-unified-mail-toolbar-row .email-dedicated-search {
  flex: 0 1 230px !important;
  margin-left: auto !important;
  max-width: 270px !important;
  min-width: 185px !important;
  order: 90 !important;
  width: clamp(185px, 24vw, 270px) !important;
}

body.email-embed-page .email-dedicated-shell .email-unified-mail-toolbar-row [data-email-tooltip] {
  position: relative !important;
}

body.email-embed-page .email-dedicated-shell .email-unified-mail-toolbar-row [data-email-tooltip]::after {
  background: #0f172a !important;
  border-radius: 7px !important;
  color: #fff !important;
  content: attr(data-email-tooltip) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  left: 50% !important;
  line-height: 1.2 !important;
  max-width: 180px !important;
  opacity: 0 !important;
  padding: 6px 8px !important;
  pointer-events: none !important;
  position: absolute !important;
  text-align: center !important;
  top: calc(100% + 8px) !important;
  transform: translateX(-50%) translateY(-2px) !important;
  transition: opacity .12s ease, transform .12s ease !important;
  visibility: hidden !important;
  white-space: nowrap !important;
  z-index: 10130 !important;
}

body.email-embed-page .email-dedicated-shell .email-unified-mail-toolbar-row [data-email-tooltip]:hover::after,
body.email-embed-page .email-dedicated-shell .email-unified-mail-toolbar-row [data-email-tooltip]:focus-visible::after {
  opacity: 1 !important;
  transform: translateX(-50%) translateY(0) !important;
  visibility: visible !important;
}

@media (max-width: 980px) {
  .email-dedicated-shell.email-dedicated-flat-shell .email-dedicated-thread-list .inbox-email-thread {
    grid-template-columns: 30px minmax(0, 1fr) 58px 28px !important;
  }

  .email-dedicated-shell.email-dedicated-flat-shell .email-dedicated-thread-list .email-flat-row-tools {
    grid-template-columns: 18px !important;
  }

  .email-dedicated-shell.email-dedicated-flat-shell .email-dedicated-thread-list .inbox-thread-main {
    grid-template-columns: minmax(140px, .8fr) minmax(0, 1.4fr) !important;
  }

  .email-dedicated-shell.email-dedicated-flat-shell .email-dedicated-thread-list .inbox-thread-main > span {
    display: none !important;
  }
}

.email-dedicated-shell .email-dedicated-timeline,
.email-dedicated-shell .inbox-timeline {
  overflow-y: auto !important;
}

@media (max-height: 760px) {
  .email-dedicated-shell .email-dedicated-body {
    height: calc(100vh - 190px) !important;
    min-height: 460px !important;
  }
}

@media (max-width: 980px) {
  .email-dedicated-search {
    flex-basis: 100%;
    max-width: none;
  }
}


/* 20260608email_origin_icons287 */
.email-thread-avatar.origin-avatar {
  position: relative;
  overflow: hidden;
  background: #ffffff;
  color: #0f172a;
  border: 1px solid rgba(15, 118, 110, 0.22);
}

.email-thread-avatar.origin-avatar .email-origin-fallback {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  font-size: 0.72rem;
  font-weight: 900;
  z-index: 0;
}

.email-thread-avatar.origin-avatar .email-origin-favicon {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  border-radius: inherit;
}


/* 20260608email_address_autocomplete292 */
.email-address-suggestions {
  position: absolute;
  z-index: 9999;
  display: grid;
  gap: 4px;
  padding: 8px;
  border-radius: 14px;
  border: 1px solid rgba(15, 118, 110, 0.18);
  background: var(--panel, #ffffff);
  color: var(--text, #0f172a);
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.18);
}

.email-address-suggestions[hidden] {
  display: none;
}

.email-address-suggestion {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  width: 100%;
  border: 0;
  border-radius: 10px;
  padding: 8px 10px;
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

.email-address-suggestion:hover,
.email-address-suggestion:focus-visible {
  background: rgba(124, 58, 237, 0.10);
  outline: none;
}

.email-address-suggestion-avatar {
  width: 32px;
  height: 32px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, #7c3aed, #14b8a6);
  color: #fff;
  font-size: 0.72rem;
  font-weight: 900;
}

.email-address-suggestion-copy {
  min-width: 0;
  display: grid;
  gap: 1px;
}

.email-address-suggestion-copy strong,
.email-address-suggestion-copy small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.email-address-suggestion-copy strong {
  font-size: 0.88rem;
  font-weight: 800;
}

.email-address-suggestion-copy small {
  color: var(--muted, #64748b);
  font-size: 0.76rem;
}

[data-theme="dark"] .email-address-suggestions {
  background: #10231d;
  border-color: rgba(94, 234, 212, 0.28);
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.38);
}



.email-dedicated-shell .email-new-compose-link {
  border: 0;
  cursor: pointer;
  font-family: inherit;
  appearance: none;
  -webkit-appearance: none;
}

.email-dedicated-shell .email-new-compose-link span {
  display: inline-grid;
  place-items: center;
}



/* 20260608inbox_whatsapp_avatar_final301 */
.inbox-thread.inbox-whatsapp-thread {
  grid-template-columns: 29px minmax(0, 1fr) auto;
  column-gap: 10px;
}

.inbox-thread-channel-avatar.whatsapp-avatar {
  width: 29px;
  height: 29px;
  min-width: 29px;
  min-height: 29px;
  align-self: center;
  margin-top: 0;
  border-radius: 50%;
  display: inline-grid;
  place-items: center;
  background: #ffffff;
  border: 1px solid rgba(18, 140, 74, 0.18);
  box-shadow: 0 2px 8px rgba(18, 140, 74, 0.10);
  overflow: hidden;
}

.inbox-thread-channel-avatar.whatsapp-avatar img {
  width: 18px;
  height: 18px;
  display: block;
  object-fit: contain;
}

.inbox-thread.inbox-whatsapp-thread .inbox-thread-main {
  justify-items: start;
  text-align: left;
  gap: 5px;
}

.inbox-thread.inbox-whatsapp-thread .inbox-thread-main strong,
.inbox-thread.inbox-whatsapp-thread .inbox-thread-main small,
.inbox-thread.inbox-whatsapp-thread .inbox-thread-main span {
  display: block;
}

:root[data-theme="dark"] .inbox-thread-channel-avatar.whatsapp-avatar {
  background: #f7fffa;
  border-color: rgba(37, 211, 102, 0.28);
}


/* 20260609inbox_whatsapp_layout304 */
.inbox-thread.inbox-whatsapp-thread {
  grid-template-columns: 29px minmax(0, 1fr) auto !important;
  column-gap: 10px !important;
  position: relative;
  padding-bottom: 25px !important;
}

.inbox-thread.inbox-whatsapp-thread .inbox-thread-main {
  justify-items: start;
  text-align: left;
  gap: 5px !important;
  min-width: 0;
  padding-right: 4px;
}

.inbox-thread.inbox-whatsapp-thread .inbox-thread-main strong,
.inbox-thread.inbox-whatsapp-thread .inbox-thread-main > span {
  font-weight: 800 !important;
}

.inbox-thread.inbox-whatsapp-thread.read .inbox-thread-main strong,
.inbox-thread.inbox-whatsapp-thread.read .inbox-thread-main > span {
  font-weight: 500 !important;
}

.inbox-thread.inbox-whatsapp-thread .inbox-thread-side {
  position: absolute;
  right: 11px;
  bottom: 8px;
  min-width: 0 !important;
  max-width: calc(100% - 58px);
  align-items: flex-end !important;
  gap: 3px !important;
}

.inbox-thread.inbox-whatsapp-thread .inbox-thread-bot-meta {
  display: block !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  font-size: .54rem !important;
  line-height: 1 !important;
  font-weight: 700;
  color: var(--muted);
}

.inbox-thread.inbox-whatsapp-thread.read .inbox-thread-bot-meta {
  font-weight: 500;
  opacity: .78;
}


/* 20260609inbox_whatsapp_margenes305 */
.inbox-thread.inbox-whatsapp-thread {
  grid-template-columns: 29px minmax(0, 1fr) !important;
  column-gap: 10px !important;
  padding-right: 12px !important;
  padding-bottom: 25px !important;
  overflow: hidden;
}

.inbox-thread.inbox-whatsapp-thread .inbox-thread-main {
  width: 100%;
  min-width: 0 !important;
  max-width: 100%;
  overflow: hidden;
  padding-right: 2px;
  box-sizing: border-box;
}

.inbox-thread.inbox-whatsapp-thread .inbox-thread-main strong,
.inbox-thread.inbox-whatsapp-thread .inbox-thread-main > span {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  box-sizing: border-box;
}

.inbox-thread.inbox-whatsapp-thread .inbox-thread-side {
  left: 68px;
  right: 12px;
  bottom: 8px;
  width: auto;
  max-width: calc(100% - 80px);
  min-width: 0 !important;
  overflow: hidden;
}

.inbox-thread.inbox-whatsapp-thread .inbox-thread-bot-meta {
  width: 100%;
  max-width: 100%;
  text-align: right;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  box-sizing: border-box;
}


/* 20260609inbox_composer_bottom358b */
.inbox-message-panel {
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.inbox-message-panel .panel-head {
  order: 1;
  flex: 0 0 auto;
}

.inbox-message-panel .inbox-timeline {
  order: 2;
  flex: 1 1 auto;
  min-height: min(56vh, 560px);
  margin: 0;
}

.inbox-message-panel .inbox-compose-modes {
  order: 3;
}

.inbox-compose-modes {
  flex: 0 0 auto;
  margin-top: 0.75rem;
  padding: 0.55rem;
  border: 1px solid rgba(62, 220, 148, 0.22);
  border-radius: 28px;
  background:
    linear-gradient(135deg, rgba(16, 38, 31, 0.96), rgba(7, 22, 19, 0.94)),
    rgba(10, 25, 21, 0.96);
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.22), inset 0 0 0 1px rgba(255,255,255,0.025);
}

.inbox-compose-mode-tabs {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  margin: 0 0 0.5rem;
  padding: 0.25rem;
  width: max-content;
  max-width: 100%;
  border: 1px solid rgba(255,255,255,0.09);
  border-radius: 22px;
  background: rgba(255,255,255,0.035);
}

.inbox-compose-mode-tab {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.42rem 0.78rem;
  border-radius: 18px;
  border: 1px solid transparent;
  white-space: nowrap;
  color: rgba(235, 255, 246, 0.74);
  background: transparent;
}

.inbox-compose-mode-tab small {
  display: none;
}

.inbox-compose-mode-tab.active,
.inbox-compose-mode-tab[aria-selected="true"] {
  color: #07351f;
  border-color: rgba(64, 234, 151, 0.62);
  background: linear-gradient(135deg, #f8fff8, #c7ffe2);
  box-shadow: 0 0 0 1px rgba(54, 214, 135, 0.22), 0 8px 22px rgba(35, 214, 123, 0.18);
}

.inbox-provider-tab-badge {
  width: 24px;
  height: 24px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: -0.04em;
}

.inbox-provider-tab-badge.sendpulse {
  color: #08765c;
  background: #ffffff;
}

.inbox-provider-tab-badge.wato {
  color: #042f19;
  background: #47e889;
}

.inbox-compose-panel:not([hidden]) .inbox-reply-form {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  position: relative;
}

.inbox-compose-panel:not([hidden]) .inbox-compose-tools {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin: 0;
  padding: 0.25rem;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 999px;
  background: rgba(255,255,255,0.035);
}

.inbox-compose-panel:not([hidden]) .inbox-compose-channel-pill {
  display: none;
}

.inbox-compose-panel:not([hidden]) .inbox-tool-button,
.inbox-compose-panel:not([hidden]) .inbox-file-label {
  width: 36px;
  height: 36px;
  min-width: 36px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  margin: 0;
  padding: 0;
  font-size: 1rem;
}

.inbox-compose-panel:not([hidden]) .inbox-whatsapp-web-button,
.inbox-compose-panel:not([hidden]) .inbox-new-whatsapp-inline {
  width: 36px;
  height: 36px;
  min-width: 36px;
}

.inbox-compose-panel:not([hidden]) .inbox-reply-form textarea {
  flex: 1 1 280px;
  min-width: 180px;
  height: 48px;
  min-height: 48px;
  max-height: 92px;
  margin: 0;
  padding: 0.85rem 1rem;
  resize: vertical;
  border-radius: 18px;
  background: rgba(255,255,255,0.035);
  border-color: rgba(255,255,255,0.14);
}

.inbox-compose-panel:not([hidden]) .inbox-reply-form textarea:focus {
  border-color: rgba(62, 220, 148, 0.82);
  box-shadow: 0 0 0 3px rgba(62, 220, 148, 0.14);
}

.inbox-compose-panel:not([hidden]) .inbox-send-button {
  flex: 0 0 50px;
  width: 50px;
  height: 50px;
  min-width: 50px;
  margin: 0;
  border-radius: 999px;
  background: linear-gradient(135deg, #28d967, #15a84f);
  box-shadow: 0 10px 26px rgba(19, 184, 82, 0.3);
}

.inbox-compose-panel:not([hidden]) .inbox-send-button span {
  transform: translateX(1px);
}

.inbox-compose-panel:not([hidden]) .inbox-compose-hint {
  display: none;
}

.inbox-compose-panel:not([hidden]) .inbox-reply-quote-preview {
  order: -1;
  flex: 0 0 100%;
  margin: 0 0 0.35rem;
}

.inbox-compose-panel:not([hidden]) .inbox-file-name {
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.inbox-compose-panel:not([hidden]) .inbox-clear-file {
  height: 30px;
  margin: 0;
  padding: 0 0.65rem;
  border-radius: 999px;
}

.inbox-compose-panel:not([hidden]) .inbox-emoji-panel {
  position: absolute;
  left: 0.5rem;
  bottom: calc(100% + 0.55rem);
  z-index: 40;
}

.inbox-compose-unavailable {
  padding: 0.65rem 0.85rem;
  border-radius: 18px;
  background: rgba(255,255,255,0.045);
}

@media (max-width: 980px) {
  .inbox-compose-modes {
    border-radius: 22px;
  }

  .inbox-compose-mode-tabs {
    width: 100%;
  }

  .inbox-compose-mode-tab {
    flex: 1 1 0;
    justify-content: center;
  }

  .inbox-compose-panel:not([hidden]) .inbox-reply-form {
    flex-wrap: wrap;
  }

  .inbox-compose-panel:not([hidden]) .inbox-compose-tools {
    order: 1;
    width: 100%;
    justify-content: flex-start;
    overflow-x: auto;
  }

  .inbox-compose-panel:not([hidden]) .inbox-reply-form textarea {
    order: 2;
    flex: 1 1 calc(100% - 62px);
  }

  .inbox-compose-panel:not([hidden]) .inbox-send-button {
    order: 3;
  }
}


/* 20260609inbox_viewport_bar367b */
@media (min-width: 901px) {
  body:has(.inbox-layout) {
    overflow: hidden;
  }

  .inbox-layout {
    height: calc(100dvh - 10.25rem) !important;
    max-height: calc(100dvh - 10.25rem) !important;
    min-height: 0 !important;
    align-items: stretch !important;
    overflow: hidden !important;
  }

  .inbox-thread-panel,
  .inbox-message-panel {
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  .inbox-thread-panel {
    display: flex !important;
    flex-direction: column !important;
  }

  .inbox-thread-panel .inbox-thread-bulk-delete {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
  }

  .inbox-thread-panel .inbox-thread-list {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow-y: auto !important;
    scrollbar-gutter: stable;
  }

  .inbox-message-panel {
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
  }

  .inbox-message-panel .panel-head {
    order: 1 !important;
    flex: 0 0 auto !important;
  }

  .inbox-timeline-shell {
    order: 2 !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    position: relative !important;
    display: flex !important;
    overflow: hidden !important;
    margin-top: .65rem !important;
    border-radius: 12px !important;
  }

  .inbox-timeline-shell > .inbox-timeline {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    max-height: none !important;
    height: auto !important;
    overflow-y: auto !important;
    margin-top: 0 !important;
    border-radius: 12px !important;
    padding-bottom: 1.6rem !important;
  }

  .inbox-timeline-shell > .inbox-scroll-bottom {
    position: absolute !important;
    right: 1rem !important;
    bottom: 1rem !important;
    z-index: 60 !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(105, 255, 190, .32) !important;
    background: rgba(14, 64, 50, .86) !important;
    color: #d8fff0 !important;
    box-shadow: 0 14px 30px rgba(0,0,0,.28), inset 0 0 0 1px rgba(255,255,255,.08) !important;
    backdrop-filter: blur(10px);
  }

  .inbox-message-panel .inbox-compose-modes {
    order: 3 !important;
    flex: 0 0 76px !important;
    min-height: 76px !important;
    max-height: 76px !important;
    margin-top: .65rem !important;
    padding: .5rem .62rem !important;
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    align-items: center !important;
    gap: .7rem !important;
    overflow: visible !important;
    border-radius: 30px !important;
  }

  .inbox-compose-mode-tabs {
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: .35rem !important;
    display: inline-flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: .28rem !important;
    border-radius: 24px !important;
    white-space: nowrap !important;
  }

  .inbox-compose-mode-tabs::before {
    content: "";
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    border-radius: 16px;
    background: rgba(23, 93, 69, .58) url("/static/whatsapp-web-clean.svg?v=20260603whatsapp-web-clean-icons1") center / 28px 28px no-repeat;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.12);
  }

  .inbox-compose-mode-tab {
    min-height: 42px !important;
    padding: 0 .9rem !important;
    border-radius: 19px !important;
    align-items: center !important;
    gap: .45rem !important;
  }

  .inbox-compose-mode-tab small,
  .inbox-compose-channel-pill {
    display: none !important;
  }

  .inbox-compose-panel:not([hidden]) {
    min-width: 0 !important;
    display: block !important;
  }

  .inbox-compose-panel:not([hidden]) .inbox-reply-form {
    display: grid !important;
    grid-template-columns: auto minmax(180px, 1fr) 54px !important;
    align-items: center !important;
    gap: .6rem !important;
    margin: 0 !important;
    padding: 0 !important;
    border-top: 0 !important;
    min-width: 0 !important;
  }

  .inbox-compose-panel:not([hidden]) .inbox-compose-tools {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: auto !important;
    display: inline-flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: .25rem !important;
    margin: 0 !important;
    padding: .28rem !important;
    border-radius: 999px !important;
  }

  .inbox-compose-panel:not([hidden]) .inbox-tool-button,
  .inbox-compose-panel:not([hidden]) .inbox-file-label {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    padding: 0 !important;
    border-radius: 999px !important;
    display: inline-grid !important;
    place-items: center !important;
  }

  .inbox-compose-panel:not([hidden]) .inbox-reply-form textarea {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;
    margin: 0 !important;
    resize: none !important;
    border-radius: 18px !important;
    padding: .85rem 1rem !important;
  }

  .inbox-compose-panel:not([hidden]) .inbox-send-button {
    grid-column: 3 !important;
    grid-row: 1 !important;
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    margin: 0 !important;
    border-radius: 999px !important;
  }

  .inbox-compose-panel:not([hidden]) .inbox-compose-hint,
  .inbox-compose-panel:not([hidden]) .inbox-file-name,
  .inbox-compose-panel:not([hidden]) .inbox-clear-file {
    display: none !important;
  }
}

@media (max-width: 900px) {
  body:has(.inbox-layout) {
    overflow: auto;
  }

  .inbox-layout {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  .inbox-timeline-shell {
    position: relative !important;
  }
}


/* 20260609inbox_bar_aesthetic368 */
@media (min-width: 901px) {
  .inbox-message-panel .inbox-compose-modes {
    min-height: 72px !important;
    max-height: 72px !important;
    flex-basis: 72px !important;
    padding: .48rem .65rem !important;
    border: 1px solid rgba(23, 185, 114, .32) !important;
    background:
      radial-gradient(circle at 8% 0%, rgba(37, 227, 139, .13), transparent 34%),
      linear-gradient(135deg, rgba(11, 55, 41, .96), rgba(4, 25, 21, .98)) !important;
    box-shadow:
      0 16px 34px rgba(0, 0, 0, .26),
      inset 0 0 0 1px rgba(255, 255, 255, .045),
      inset 0 0 28px rgba(29, 197, 121, .06) !important;
    backdrop-filter: blur(14px);
  }

  .inbox-compose-mode-tabs {
    min-height: 52px !important;
    padding: .32rem !important;
    gap: .26rem !important;
    border: 1px solid rgba(220, 255, 239, .12) !important;
    background: rgba(4, 20, 18, .55) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.035) !important;
  }

  .inbox-compose-mode-tabs::before {
    width: 44px !important;
    height: 44px !important;
    flex-basis: 44px !important;
    border-radius: 16px !important;
    background:
      linear-gradient(145deg, rgba(24, 219, 117, .32), rgba(3, 34, 27, .78)),
      url("/static/whatsapp-web-clean.svg?v=20260603whatsapp-web-clean-icons1") center / 28px 28px no-repeat !important;
    border: 1px solid rgba(149, 255, 204, .18) !important;
    box-shadow:
      0 0 0 1px rgba(255,255,255,.04) inset,
      0 9px 20px rgba(0,0,0,.22) !important;
  }

  .inbox-compose-mode-tab {
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 .92rem !important;
    border: 1px solid transparent !important;
    background: transparent !important;
    color: rgba(214, 231, 223, .48) !important;
    box-shadow: none !important;
    transition: background .16s ease, color .16s ease, box-shadow .16s ease, border-color .16s ease;
  }

  .inbox-compose-mode-tab.active,
  .inbox-compose-mode-tab[aria-selected="true"] {
    color: #06291d !important;
    background: linear-gradient(180deg, #f8fff9, #d6ffea) !important;
    border-color: rgba(118, 255, 189, .9) !important;
    box-shadow:
      0 0 0 1px rgba(255,255,255,.78) inset,
      0 0 18px rgba(37, 240, 141, .45),
      0 8px 20px rgba(0,0,0,.22) !important;
  }

  .inbox-compose-mode-tab:not(.active):not([aria-selected="true"]):hover {
    color: rgba(236, 255, 245, .8) !important;
    background: rgba(255,255,255,.04) !important;
  }

  .inbox-provider-tab-badge {
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    font-size: .68rem !important;
    letter-spacing: -.02em !important;
  }

  .inbox-provider-tab-badge.sendpulse {
    background: #ffffff !important;
    color: #00885e !important;
    box-shadow: 0 0 0 1px rgba(0, 136, 94, .08) inset !important;
  }

  .inbox-provider-tab-badge.wato {
    background: #1bbf72 !important;
    color: #073020 !important;
    opacity: .82;
  }

  .inbox-compose-panel:not([hidden]) .inbox-reply-form {
    gap: .7rem !important;
  }

  .inbox-compose-panel:not([hidden]) .inbox-compose-tools {
    min-height: 52px !important;
    padding: .32rem !important;
    gap: .28rem !important;
    border: 1px solid rgba(220, 255, 239, .12) !important;
    background: rgba(4, 20, 18, .50) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.035) !important;
  }

  .inbox-compose-panel:not([hidden]) .inbox-tool-button,
  .inbox-compose-panel:not([hidden]) .inbox-file-label {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    color: #f2fff8 !important;
    background: rgba(255,255,255,.045) !important;
    border: 1px solid rgba(217,255,239,.16) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.035) !important;
  }

  .inbox-compose-panel:not([hidden]) .inbox-tool-button:hover,
  .inbox-compose-panel:not([hidden]) .inbox-file-label:hover {
    background: rgba(34, 199, 119, .14) !important;
    border-color: rgba(118, 255, 189, .28) !important;
  }

  .inbox-compose-panel:not([hidden]) .inbox-reply-form textarea {
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(218,255,238,.16) !important;
    background: rgba(7, 25, 22, .55) !important;
    color: #eefcf5 !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.025) !important;
  }

  .inbox-compose-panel:not([hidden]) .inbox-reply-form textarea:focus {
    border-color: rgba(95, 245, 171, .78) !important;
    box-shadow:
      0 0 0 1px rgba(95, 245, 171, .28),
      0 0 22px rgba(41, 205, 123, .18),
      inset 0 0 0 1px rgba(255,255,255,.03) !important;
  }

  .inbox-compose-panel:not([hidden]) .inbox-send-button {
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    background: linear-gradient(145deg, #22d76f, #16b95d) !important;
    box-shadow:
      0 12px 26px rgba(14, 190, 91, .32),
      inset 0 1px 0 rgba(255,255,255,.26) !important;
  }

  .inbox-compose-panel:not([hidden]) .inbox-send-button:hover {
    transform: translateY(-1px);
    box-shadow:
      0 16px 30px rgba(14, 190, 91, .42),
      inset 0 1px 0 rgba(255,255,255,.28) !important;
  }

  .inbox-timeline-shell > .inbox-scroll-bottom {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    right: .82rem !important;
    bottom: .82rem !important;
    font-size: 0 !important;
    color: transparent !important;
    background: rgba(13, 53, 45, .54) !important;
    border: 1px solid rgba(210, 255, 237, .22) !important;
    box-shadow:
      0 12px 24px rgba(0, 0, 0, .22),
      inset 0 0 0 1px rgba(255,255,255,.055) !important;
    backdrop-filter: blur(12px);
  }

  .inbox-timeline-shell > .inbox-scroll-bottom::before {
    content: "" !important;
    width: 0 !important;
    height: 0 !important;
    border-left: 7px solid transparent !important;
    border-right: 7px solid transparent !important;
    border-top: 9px solid rgba(236, 255, 247, .92) !important;
    transform: translateY(2px) !important;
    display: block !important;
  }

  .inbox-timeline-shell > .inbox-scroll-bottom:hover {
    background: rgba(19, 91, 72, .72) !important;
    border-color: rgba(145, 255, 204, .36) !important;
  }
}


/* 20260609inbox_bar_icons_wato369 */
@media (min-width: 901px) {
  .inbox-message-panel .inbox-compose-modes {
    grid-template-columns: auto minmax(0, 1fr) !important;
    column-gap: .82rem !important;
  }

  .inbox-compose-mode-tabs {
    grid-column: 1 !important;
    flex: 0 0 auto !important;
  }

  .inbox-compose-modes > .inbox-compose-panel {
    grid-column: 2 !important;
    width: 100% !important;
    min-width: 0 !important;
    justify-self: stretch !important;
  }

  .inbox-compose-panel:not([hidden]) {
    width: 100% !important;
    min-width: 0 !important;
  }

  .inbox-compose-panel:not([hidden]) .inbox-reply-form {
    width: 100% !important;
    min-width: 0 !important;
  }

  .inbox-compose-panel:not([hidden]) .inbox-reply-form-whatsapp {
    grid-template-columns: auto minmax(260px, 1fr) !important;
  }

  .inbox-compose-panel:not([hidden]) .inbox-reply-form-whatsapp textarea {
    grid-column: 2 !important;
    width: 100% !important;
  }

  .inbox-compose-mode-tabs::before {
    background:
      linear-gradient(145deg, rgba(24, 219, 117, .28), rgba(3, 34, 27, .78)),
      url("/static/whatsapp-web-clean.svg?v=20260603whatsapp-web-clean-icons1") center / 29px 29px no-repeat !important;
  }

  .inbox-provider-tab-badge {
    font-size: 0 !important;
    overflow: hidden !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    box-shadow:
      0 7px 15px rgba(0,0,0,.20),
      inset 0 0 0 1px rgba(255,255,255,.13) !important;
  }

  .inbox-provider-tab-badge.sendpulse {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    background-color: #f8fffb !important;
    background-size: 28px 28px !important;
    background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='32' cy='32' r='31' fill='%23f8fffb'/%3E%3Cpath d='M13 35h9l4-15 8 30 6-21 4 6h7' fill='none' stroke='%2302a9c8' stroke-width='6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13 35h9l4-15 8 30 6-21 4 6h7' fill='none' stroke='%2324d7f2' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round' opacity='.9'/%3E%3C/svg%3E") !important;
  }

  .inbox-provider-tab-badge.wato {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    border-radius: 9px !important;
    background-color: #35d47d !important;
    background-size: 30px 30px !important;
    background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='5' y='8' width='54' height='48' rx='8' fill='%2335d47d'/%3E%3Cpath d='M14 21l7 22 8-14 8 14 7-22' fill='none' stroke='%23031812' stroke-width='8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 21l7 22 8-14 8 14 7-22' fill='none' stroke='%23031812' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    opacity: 1 !important;
  }

  .inbox-compose-mode-tab {
    gap: .62rem !important;
  }

  .inbox-compose-mode-tab span:not(.inbox-provider-tab-badge) {
    font-size: .96rem !important;
    letter-spacing: -.02em !important;
  }

  .inbox-compose-mode-tab.active span:not(.inbox-provider-tab-badge),
  .inbox-compose-mode-tab[aria-selected="true"] span:not(.inbox-provider-tab-badge) {
    color: #06291d !important;
  }

  .inbox-compose-panel:not([hidden]) .inbox-compose-tools {
    flex-shrink: 0 !important;
  }

  .inbox-compose-panel:not([hidden]) .inbox-tool-button,
  .inbox-compose-panel:not([hidden]) .inbox-file-label {
    font-size: 1.05rem !important;
  }

  .inbox-compose-panel:not([hidden]) .inbox-tool-button[data-emoji-toggle] {
    color: #ffd65a !important;
  }

  .inbox-compose-panel:not([hidden]) .inbox-file-label {
    color: #eefcf5 !important;
  }

  .inbox-compose-panel:not([hidden]) .inbox-tool-button[data-audio-placeholder] {
    color: #f4faf7 !important;
  }

  .inbox-compose-panel:not([hidden]) .inbox-crm-note-button {
    color: #ffffff !important;
    background: rgba(32, 169, 115, .18) !important;
    border-color: rgba(118, 255, 189, .28) !important;
  }

  .inbox-timeline-shell > .inbox-scroll-bottom {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    background: rgba(12, 48, 42, .36) !important;
    border-color: rgba(235, 255, 248, .18) !important;
    box-shadow:
      0 9px 20px rgba(0,0,0,.18),
      inset 0 0 0 1px rgba(255,255,255,.045) !important;
  }

  .inbox-timeline-shell > .inbox-scroll-bottom::before {
    border-left-width: 8px !important;
    border-right-width: 8px !important;
    border-top-width: 10px !important;
    border-top-color: rgba(245,255,251,.86) !important;
    transform: translateY(3px) !important;
  }
}


/* 20260609inbox_logos_menu370b */
@media (min-width: 901px) {
  .inbox-compose-mode-tabs::before {
    background:
      linear-gradient(145deg, rgba(31, 226, 122, .34), rgba(2, 31, 25, .82)),
      url("/static/inbox-whatsapp-badge-370b.svg?v=20260609") center / 31px 31px no-repeat !important;
  }

  .inbox-provider-tab-badge {
    font-size: 0 !important;
    overflow: hidden !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
  }

  .inbox-provider-tab-badge.sendpulse {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    background-color: #f8fffb !important;
    background-image: url("/static/inbox-sendpulse-badge-370b.svg?v=20260609") !important;
    background-size: 32px 32px !important;
  }

  .inbox-provider-tab-badge.wato {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    border-radius: 10px !important;
    background-color: #35d47d !important;
    background-image: url("/static/inbox-wato-badge-370b.svg?v=20260609") !important;
    background-size: 33px 33px !important;
    opacity: 1 !important;
  }

  .inbox-compose-modes > .inbox-compose-panel,
  .inbox-compose-panel:not([hidden]),
  .inbox-compose-panel:not([hidden]) .inbox-reply-form {
    width: 100% !important;
    min-width: 0 !important;
    justify-self: stretch !important;
  }

  .inbox-compose-modes[data-active-mode="whatsapp"] .inbox-reply-form {
    grid-template-columns: auto minmax(0, 1fr) !important;
  }

  .inbox-compose-modes[data-active-mode="whatsapp"] textarea {
    width: 100% !important;
    min-width: 0 !important;
  }

  .inbox-timeline-shell > .inbox-timeline {
    padding-top: 1.35rem !important;
    scroll-padding-top: 4.25rem !important;
  }

  .inbox-timeline .timeline-item,
  .inbox-timeline details {
    position: relative !important;
  }

  .inbox-timeline details[open],
  .inbox-timeline .timeline-item:has(details[open]) {
    z-index: 900 !important;
  }

  .inbox-timeline .timeline-item:nth-child(-n+8) details[open] > *:not(summary) {
    top: calc(100% + 8px) !important;
    bottom: auto !important;
    transform: none !important;
    max-height: min(330px, calc(100vh - 230px)) !important;
    overflow-y: auto !important;
    z-index: 1000 !important;
  }

  .inbox-timeline :is(.inbox-message-actions-menu, .inbox-message-action-menu, .inbox-message-menu, .inbox-message-dropdown, .inbox-reaction-menu, .inbox-reaction-full-picker, .email-action-menu) {
    z-index: 1000 !important;
  }
}


/* 20260609inbox_compact_left371 */
@media (min-width: 901px) {
  .inbox-message-panel .inbox-compose-modes {
    grid-template-columns: auto minmax(0, 1fr) !important;
    gap: .52rem !important;
    padding-left: .48rem !important;
    padding-right: .48rem !important;
  }

  .inbox-compose-mode-tabs {
    min-height: 48px !important;
    padding: .24rem !important;
    gap: .18rem !important;
    border-radius: 22px !important;
  }

  .inbox-compose-mode-tabs::before {
    width: 38px !important;
    height: 38px !important;
    flex: 0 0 38px !important;
    min-width: 38px !important;
    border-radius: 14px !important;
    background:
      rgba(20, 92, 67, .72)
      url("/static/inbox-whatsapp-badge-370b.svg?v=20260609") center / 24px 24px no-repeat !important;
    background-size: 24px 24px !important;
  }

  .inbox-compose-mode-tab {
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 .66rem !important;
    gap: .42rem !important;
    border-radius: 17px !important;
  }

  .inbox-compose-mode-tab span:not(.inbox-provider-tab-badge) {
    font-size: .84rem !important;
    line-height: 1 !important;
  }

  .inbox-provider-tab-badge.sendpulse,
  .inbox-provider-tab-badge.wato {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    background-size: 27px 27px !important;
  }

  .inbox-provider-tab-badge.wato {
    border-radius: 8px !important;
  }

  .inbox-compose-panel:not([hidden]) .inbox-reply-form {
    grid-template-columns: auto minmax(0, 1fr) 50px !important;
    gap: .48rem !important;
  }

  .inbox-compose-modes[data-active-mode="whatsapp"] .inbox-reply-form {
    grid-template-columns: auto minmax(0, 1fr) !important;
  }

  .inbox-compose-panel:not([hidden]) .inbox-compose-tools {
    min-height: 48px !important;
    padding: .24rem !important;
    gap: .18rem !important;
    border-radius: 22px !important;
  }

  .inbox-compose-panel:not([hidden]) .inbox-tool-button,
  .inbox-compose-panel:not([hidden]) .inbox-file-label,
  .inbox-compose-panel:not([hidden]) .inbox-whatsapp-web-button,
  .inbox-compose-panel:not([hidden]) .inbox-new-whatsapp-inline {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    border-radius: 999px !important;
    font-size: .96rem !important;
  }

  .inbox-compose-panel:not([hidden]) .inbox-whatsapp-web-button img,
  .inbox-compose-panel:not([hidden]) .inbox-new-whatsapp-inline img {
    width: 23px !important;
    height: 23px !important;
    object-fit: contain !important;
  }

  .inbox-compose-panel:not([hidden]) .inbox-reply-form textarea {
    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;
    min-width: 0 !important;
    padding-left: .95rem !important;
    padding-right: .95rem !important;
  }

  .inbox-compose-panel:not([hidden]) .inbox-send-button {
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
  }

  .inbox-compose-panel:not([hidden]) .inbox-send-button span {
    transform: scale(.92);
  }
}


/* 20260609inbox_thread_unread_layout374 */
.inbox-thread {
  min-width: 0 !important;
}

.inbox-thread > * {
  min-width: 0;
}

.inbox-thread-main,
.inbox-thread-content,
.inbox-thread-body,
.inbox-thread-text,
.inbox-thread-copy {
  min-width: 0 !important;
  overflow: hidden !important;
}

.inbox-thread-title,
.inbox-thread-name,
.inbox-thread strong,
.inbox-thread-preview,
.inbox-thread-snippet,
.inbox-thread .muted {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.inbox-thread.unread .inbox-thread-title,
.inbox-thread.unread .inbox-thread-name,
.inbox-thread.unread strong,
.inbox-thread.unread .inbox-thread-preview,
.inbox-thread.unread .inbox-thread-snippet {
  font-weight: 800 !important;
}

.inbox-thread-time,
.inbox-thread-date,
.inbox-thread-meta,
.inbox-thread-badge,
.inbox-thread-unread-count {
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}

.inbox-thread-unread-count,
.inbox-thread .unread-count,
.inbox-thread [data-inbox-thread-unread-count] {
  position: absolute !important;
  right: .7rem !important;
  bottom: .55rem !important;
  z-index: 2 !important;
}

.inbox-thread {
  position: relative !important;
  padding-right: 2.35rem !important;
}

.inbox-thread .thread-last-message,
.inbox-thread .inbox-thread-preview,
.inbox-thread .inbox-thread-snippet {
  padding-right: .25rem !important;
}


/* 20260609inbox_thread_grid375 */
.inbox-thread-list > .inbox-thread {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) max-content !important;
  grid-template-rows: auto auto !important;
  column-gap: .72rem !important;
  row-gap: .18rem !important;
  align-items: center !important;
  min-width: 0 !important;
  overflow: hidden !important;
  padding-right: 3.1rem !important;
}

.inbox-thread-list > .inbox-thread > :first-child {
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  align-self: center !important;
  justify-self: center !important;
  min-width: 0 !important;
}

.inbox-thread-list > .inbox-thread > :not(:first-child) {
  min-width: 0 !important;
}

.inbox-thread-list > .inbox-thread :is(
  .inbox-thread-main,
  .inbox-thread-content,
  .inbox-thread-body,
  .inbox-thread-text,
  .inbox-thread-copy,
  .inbox-thread-info,
  .thread-main,
  .thread-content,
  .thread-body,
  .thread-copy
) {
  grid-column: 2 !important;
  grid-row: 1 / span 2 !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

.inbox-thread-list > .inbox-thread :is(
  strong,
  b,
  .inbox-thread-title,
  .inbox-thread-name,
  .thread-title,
  .thread-name,
  .inbox-thread-preview,
  .inbox-thread-snippet,
  .thread-last-message,
  .thread-preview,
  .thread-snippet
) {
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  line-height: 1.25 !important;
}

.inbox-thread-list > .inbox-thread.unread :is(
  strong,
  b,
  .inbox-thread-preview,
  .inbox-thread-snippet,
  .thread-last-message,
  .thread-preview,
  .thread-snippet
) {
  font-weight: 800 !important;
}

.inbox-thread-list > .inbox-thread :is(
  time,
  .inbox-thread-time,
  .inbox-thread-date,
  .thread-time,
  .thread-date,
  .inbox-thread-hour,
  .thread-hour
) {
  grid-column: 3 !important;
  grid-row: 1 !important;
  justify-self: end !important;
  align-self: start !important;
  min-width: max-content !important;
  max-width: 6.2rem !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: .72rem !important;
  line-height: 1.15 !important;
  opacity: .78 !important;
}

.inbox-thread-list > .inbox-thread small,
.inbox-thread-list > .inbox-thread .muted {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.inbox-thread-list > .inbox-thread :is(
  .inbox-thread-unread-count,
  .thread-unread-count,
  .unread-count,
  .inbox-unread-count,
  [data-inbox-thread-unread-count]
) {
  position: absolute !important;
  right: .62rem !important;
  bottom: .52rem !important;
  z-index: 4 !important;
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}

.inbox-thread-list > .inbox-thread.unread {
  padding-right: 3.35rem !important;
}

.inbox-thread-list > .inbox-thread.unread :is(
  .inbox-thread-main,
  .inbox-thread-content,
  .inbox-thread-body,
  .inbox-thread-text,
  .inbox-thread-copy,
  .inbox-thread-info,
  .thread-main,
  .thread-content,
  .thread-body,
  .thread-copy
) {
  padding-right: .25rem !important;
}


/* 20260609inbox_unread_weight376 */
.inbox-thread.unread,
.inbox-thread.unread * {
  font-weight: 600 !important;
}

.inbox-thread.unread strong,
.inbox-thread.unread b,
.inbox-thread.unread .inbox-thread-title,
.inbox-thread.unread .inbox-thread-name,
.inbox-thread.unread .thread-title,
.inbox-thread.unread .thread-name {
  font-weight: 650 !important;
}

.inbox-thread.unread .inbox-thread-preview,
.inbox-thread.unread .inbox-thread-snippet,
.inbox-thread.unread .thread-last-message,
.inbox-thread.unread .thread-preview,
.inbox-thread.unread .thread-snippet {
  font-weight: 600 !important;
  letter-spacing: -.01em !important;
}

.inbox-thread.unread :is(
  strong,
  b,
  .inbox-thread-title,
  .inbox-thread-name,
  .thread-title,
  .thread-name,
  .inbox-thread-preview,
  .inbox-thread-snippet,
  .thread-last-message,
  .thread-preview,
  .thread-snippet
) {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}


/* 20260609inbox_thread_main_side378 */
.inbox-thread-list > .inbox-thread {
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) 2rem !important;
  grid-template-rows: auto auto !important;
  column-gap: .7rem !important;
  align-items: center !important;
  position: relative !important;
  min-width: 0 !important;
  overflow: hidden !important;
  padding-right: .75rem !important;
}

.inbox-thread-list > .inbox-thread > .inbox-thread-channel-avatar,
.inbox-thread-list > .inbox-thread > .email-thread-avatar {
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  justify-self: center !important;
  align-self: center !important;
}

.inbox-thread-list > .inbox-thread > .inbox-thread-main {
  grid-column: 2 !important;
  grid-row: 1 / span 2 !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  display: grid !important;
  gap: .16rem !important;
}

.inbox-thread-list > .inbox-thread > .inbox-thread-main > strong,
.inbox-thread-list > .inbox-thread > .inbox-thread-main > span {
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  line-height: 1.22 !important;
}

.inbox-thread-list > .inbox-thread.unread > .inbox-thread-main > strong {
  font-weight: 650 !important;
}

.inbox-thread-list > .inbox-thread.unread > .inbox-thread-main > span {
  font-weight: 600 !important;
  letter-spacing: -.012em !important;
}

.inbox-thread-list > .inbox-thread > .inbox-thread-side {
  grid-column: 3 !important;
  grid-row: 1 / span 2 !important;
  align-self: stretch !important;
  justify-self: end !important;
  width: 2rem !important;
  min-width: 2rem !important;
  max-width: 2rem !important;
  display: grid !important;
  grid-template-rows: 1fr auto !important;
  justify-items: end !important;
  align-items: start !important;
  overflow: visible !important;
  pointer-events: none !important;
}

.inbox-thread-list > .inbox-thread > .inbox-thread-side > .inbox-thread-bot-meta {
  grid-row: 1 !important;
  align-self: start !important;
  justify-self: end !important;
  width: 7.6rem !important;
  max-width: 7.6rem !important;
  transform: translateX(-.05rem) !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  text-align: right !important;
  font-size: .58rem !important;
  line-height: 1.05 !important;
  opacity: .6 !important;
  font-weight: 500 !important;
}

.inbox-thread-list > .inbox-thread > .inbox-thread-side > .pill.warn {
  grid-row: 2 !important;
  align-self: end !important;
  justify-self: end !important;
  min-width: 1.45rem !important;
  height: 1.45rem !important;
  padding: 0 .32rem !important;
  display: inline-grid !important;
  place-items: center !important;
  font-weight: 700 !important;
  pointer-events: auto !important;
}

.inbox-thread-list > .inbox-thread.unread > .inbox-thread-side > .inbox-thread-bot-meta {
  font-weight: 500 !important;
}


/* 20260609inbox_thread_hide_long_meta379 */
.inbox-thread.inbox-whatsapp-thread.unread .inbox-thread-bot-meta {
  display: none !important;
}

.inbox-thread.inbox-whatsapp-thread.unread .inbox-thread-side {
  width: 1.75rem !important;
  min-width: 1.75rem !important;
  max-width: 1.75rem !important;
  display: grid !important;
  place-items: end !important;
}

.inbox-thread.inbox-whatsapp-thread.unread .pill.warn {
  position: static !important;
  transform: none !important;
  min-width: 1.38rem !important;
  height: 1.38rem !important;
  padding: 0 .28rem !important;
  font-weight: 700 !important;
}

.inbox-thread.inbox-whatsapp-thread.unread .inbox-thread-main {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

.inbox-thread.inbox-whatsapp-thread.unread .inbox-thread-main > strong,
.inbox-thread.inbox-whatsapp-thread.unread .inbox-thread-main > span {
  display: block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.inbox-thread.inbox-whatsapp-thread.unread .inbox-thread-main > strong {
  font-weight: 650 !important;
}

.inbox-thread.inbox-whatsapp-thread.unread .inbox-thread-main > span {
  font-weight: 600 !important;
  letter-spacing: -.012em !important;
}


/* 20260609inbox_unread_badge_top380 */
.inbox-thread.inbox-whatsapp-thread.unread {
  position: relative !important;
  padding-right: 2.65rem !important;
}

.inbox-thread.inbox-whatsapp-thread.unread .inbox-thread-side {
  position: absolute !important;
  top: .55rem !important;
  right: .65rem !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  display: block !important;
  z-index: 6 !important;
  pointer-events: none !important;
}

.inbox-thread.inbox-whatsapp-thread.unread .inbox-thread-side .inbox-thread-bot-meta {
  display: none !important;
}

.inbox-thread.inbox-whatsapp-thread.unread .inbox-thread-side .pill.warn {
  position: static !important;
  width: 1.38rem !important;
  min-width: 1.38rem !important;
  height: 1.38rem !important;
  padding: 0 !important;
  display: inline-grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  font-size: .78rem !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  box-shadow: 0 4px 10px rgba(0,0,0,.12) !important;
}

.inbox-thread.inbox-whatsapp-thread.unread .inbox-thread-main {
  padding-right: .25rem !important;
}


/* 20260609inbox_unread_badge_grid381 */
.inbox-thread-list > a.inbox-thread.inbox-whatsapp-thread.unread {
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) 24px !important;
  grid-template-rows: auto auto !important;
  column-gap: .62rem !important;
  row-gap: .16rem !important;
  align-items: center !important;
  position: relative !important;
  min-width: 0 !important;
  overflow: hidden !important;
  padding-right: .72rem !important;
}

.inbox-thread-list > a.inbox-thread.inbox-whatsapp-thread.unread > .email-thread-avatar,
.inbox-thread-list > a.inbox-thread.inbox-whatsapp-thread.unread > .inbox-thread-channel-avatar {
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  justify-self: center !important;
  align-self: center !important;
}

.inbox-thread-list > a.inbox-thread.inbox-whatsapp-thread.unread > .inbox-thread-main {
  grid-column: 2 !important;
  grid-row: 1 / span 2 !important;
  min-width: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
  overflow: hidden !important;
  padding-right: 0 !important;
  display: grid !important;
  gap: .16rem !important;
}

.inbox-thread-list > a.inbox-thread.inbox-whatsapp-thread.unread > .inbox-thread-main > strong,
.inbox-thread-list > a.inbox-thread.inbox-whatsapp-thread.unread > .inbox-thread-main > span {
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  line-height: 1.22 !important;
}

.inbox-thread-list > a.inbox-thread.inbox-whatsapp-thread.unread > .inbox-thread-main > strong {
  font-weight: 650 !important;
}

.inbox-thread-list > a.inbox-thread.inbox-whatsapp-thread.unread > .inbox-thread-main > span {
  font-weight: 600 !important;
  letter-spacing: -.012em !important;
}

.inbox-thread-list > a.inbox-thread.inbox-whatsapp-thread.unread > .inbox-thread-side {
  position: static !important;
  grid-column: 3 !important;
  grid-row: 1 !important;
  align-self: start !important;
  justify-self: end !important;
  width: 24px !important;
  min-width: 24px !important;
  max-width: 24px !important;
  height: 24px !important;
  min-height: 24px !important;
  display: grid !important;
  place-items: center !important;
  overflow: visible !important;
  transform: none !important;
  pointer-events: none !important;
  z-index: 4 !important;
}

.inbox-thread-list > a.inbox-thread.inbox-whatsapp-thread.unread > .inbox-thread-side > .inbox-thread-bot-meta {
  display: none !important;
}

.inbox-thread-list > a.inbox-thread.inbox-whatsapp-thread.unread > .inbox-thread-side > .pill.warn {
  position: static !important;
  grid-row: auto !important;
  justify-self: center !important;
  align-self: center !important;
  width: 22px !important;
  min-width: 22px !important;
  max-width: 22px !important;
  height: 22px !important;
  min-height: 22px !important;
  padding: 0 !important;
  display: inline-grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  font-size: .76rem !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  transform: none !important;
}


/* 20260609inbox_unread_badge_html383_css */
.inbox-thread-list > a.inbox-thread.inbox-whatsapp-thread.unread {
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) 24px !important;
  grid-template-rows: auto auto !important;
  column-gap: .64rem !important;
  align-items: center !important;
  min-width: 0 !important;
  overflow: hidden !important;
  padding-right: .72rem !important;
}

.inbox-thread-list > a.inbox-thread.inbox-whatsapp-thread.unread > .email-thread-avatar,
.inbox-thread-list > a.inbox-thread.inbox-whatsapp-thread.unread > .inbox-thread-channel-avatar {
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  justify-self: center !important;
  align-self: center !important;
}

.inbox-thread-list > a.inbox-thread.inbox-whatsapp-thread.unread > .inbox-thread-main {
  grid-column: 2 !important;
  grid-row: 1 / span 2 !important;
  min-width: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
  display: grid !important;
  gap: .14rem !important;
}

.inbox-thread-list > a.inbox-thread.inbox-whatsapp-thread.unread > .inbox-thread-main > strong,
.inbox-thread-list > a.inbox-thread.inbox-whatsapp-thread.unread > .inbox-thread-main > span {
  display: block !important;
  min-width: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  line-height: 1.22 !important;
}

.inbox-thread-list > a.inbox-thread.inbox-whatsapp-thread.unread > .inbox-thread-main > strong {
  font-weight: 650 !important;
}

.inbox-thread-list > a.inbox-thread.inbox-whatsapp-thread.unread > .inbox-thread-main > span {
  font-weight: 600 !important;
  letter-spacing: -.012em !important;
}

.inbox-thread-list > a.inbox-thread.inbox-whatsapp-thread.unread > .inbox-thread-side {
  display: none !important;
}

.inbox-thread-list > a.inbox-thread.inbox-whatsapp-thread.unread > .pill.warn {
  position: static !important;
  grid-column: 3 !important;
  grid-row: 1 !important;
  justify-self: end !important;
  align-self: start !important;
  width: 22px !important;
  min-width: 22px !important;
  max-width: 22px !important;
  height: 22px !important;
  min-height: 22px !important;
  padding: 0 !important;
  display: inline-grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  font-size: .76rem !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  transform: none !important;
  z-index: 5 !important;
}


/* 20260609inbox_composer_light385 */
@media (min-width: 901px) {
  :root:not([data-theme="dark"]) .inbox-message-panel .inbox-compose-modes {
    background:
      radial-gradient(circle at 8% 0%, rgba(31, 185, 119, .10), transparent 32%),
      linear-gradient(135deg, rgba(244, 255, 250, .98), rgba(229, 246, 239, .96)) !important;
    border-color: rgba(18, 126, 86, .18) !important;
    box-shadow:
      0 10px 24px rgba(20, 83, 64, .12),
      inset 0 0 0 1px rgba(255,255,255,.78) !important;
  }

  :root:not([data-theme="dark"]) .inbox-compose-mode-tabs,
  :root:not([data-theme="dark"]) .inbox-compose-panel:not([hidden]) .inbox-compose-tools {
    background: rgba(255, 255, 255, .66) !important;
    border-color: rgba(20, 116, 82, .16) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.72) !important;
  }

  :root:not([data-theme="dark"]) .inbox-compose-mode-tabs::before {
    background:
      rgba(220, 248, 236, .95)
      url("/static/inbox-whatsapp-badge-370b.svg?v=20260609") center / 24px 24px no-repeat !important;
    border-color: rgba(18, 126, 86, .18) !important;
  }

  :root:not([data-theme="dark"]) .inbox-compose-mode-tab {
    color: rgba(20, 64, 49, .54) !important;
  }

  :root:not([data-theme="dark"]) .inbox-compose-mode-tab.active,
  :root:not([data-theme="dark"]) .inbox-compose-mode-tab[aria-selected="true"] {
    background: linear-gradient(180deg, #ffffff, #dffff0) !important;
    color: #073b29 !important;
    border-color: rgba(28, 190, 116, .44) !important;
    box-shadow:
      0 0 0 1px rgba(255,255,255,.8) inset,
      0 6px 16px rgba(16, 140, 87, .18) !important;
  }

  :root:not([data-theme="dark"]) .inbox-compose-panel:not([hidden]) .inbox-tool-button,
  :root:not([data-theme="dark"]) .inbox-compose-panel:not([hidden]) .inbox-file-label {
    background: rgba(255,255,255,.76) !important;
    border-color: rgba(19, 103, 77, .18) !important;
    color: #164b39 !important;
  }

  :root:not([data-theme="dark"]) .inbox-compose-panel:not([hidden]) .inbox-tool-button[data-emoji-toggle] {
    color: #9a6800 !important;
  }

  :root:not([data-theme="dark"]) .inbox-compose-panel:not([hidden]) .inbox-reply-form textarea {
    background: rgba(255,255,255,.78) !important;
    color: #12362a !important;
    border-color: rgba(20, 116, 82, .18) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.72) !important;
  }

  :root:not([data-theme="dark"]) .inbox-compose-panel:not([hidden]) .inbox-reply-form textarea::placeholder {
    color: rgba(18, 54, 42, .52) !important;
  }

  :root:not([data-theme="dark"]) .inbox-compose-panel:not([hidden]) .inbox-send-button {
    box-shadow:
      0 10px 22px rgba(10, 156, 79, .22),
      inset 0 1px 0 rgba(255,255,255,.35) !important;
  }
}


/* 20260609inbox_whatsapp_icon_fix387 */
@media (min-width: 901px) {
  .inbox-compose-mode-tabs::before {
    content: "" !important;
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
    flex: 0 0 38px !important;
    aspect-ratio: 1 / 1 !important;
    display: inline-block !important;
    border-radius: 14px !important;
    background-color: rgba(21, 123, 78, .20) !important;
    background-image: url("/static/whatsapp-web-clean.svg?v=20260603whatsapp-web-clean-icons1") !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 25px 25px !important;
    border: 1px solid rgba(83, 221, 153, .26) !important;
    box-shadow:
      0 6px 14px rgba(0,0,0,.16),
      inset 0 0 0 1px rgba(255,255,255,.08) !important;
    transform: none !important;
    overflow: hidden !important;
  }

  :root:not([data-theme="dark"]) .inbox-compose-mode-tabs::before {
    background-color: #eafff3 !important;
    border-color: rgba(22, 163, 96, .22) !important;
    box-shadow:
      0 4px 10px rgba(20, 83, 64, .10),
      inset 0 0 0 1px rgba(255,255,255,.82) !important;
  }

  :root[data-theme="dark"] .inbox-compose-mode-tabs::before {
    background-color: rgba(19, 88, 64, .74) !important;
    border-color: rgba(124, 255, 190, .18) !important;
  }
}


/* 20260609inbox_composer_light_wa388 */
.inbox-compose-mode-tabs::before {
  content: "" !important;
  flex: 0 0 38px !important;
  width: 38px !important;
  min-width: 38px !important;
  max-width: 38px !important;
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  aspect-ratio: 1 / 1 !important;
  box-sizing: border-box !important;
  display: inline-grid !important;
  place-items: center !important;
  border-radius: 14px !important;
  border: 1px solid rgba(37, 211, 102, 0.38) !important;
  background-color: rgba(16, 185, 129, 0.16) !important;
  background-image: url("/static/whatsapp-web-clean.svg?v=20260603whatsapp-web-clean-icons1") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 22px 22px !important;
  transform: none !important;
  overflow: hidden !important;
}

html[data-theme="light"] .inbox-compose-shell,
body.light .inbox-compose-shell,
.light-mode .inbox-compose-shell {
  border-top: 2px solid rgba(16, 185, 129, 0.42) !important;
  box-shadow:
    inset 0 1px 0 rgba(16, 185, 129, 0.28),
    0 -8px 24px rgba(16, 185, 129, 0.08),
    0 10px 26px rgba(15, 118, 110, 0.10) !important;
}

html[data-theme="light"] .inbox-compose-mode-tabs,
body.light .inbox-compose-mode-tabs,
.light-mode .inbox-compose-mode-tabs {
  border-top: 1px solid rgba(16, 185, 129, 0.36) !important;
  background:
    linear-gradient(180deg, rgba(209, 250, 229, 0.92), rgba(236, 253, 245, 0.74)) !important;
}

html[data-theme="light"] .inbox-compose-mode-tabs::before,
body.light .inbox-compose-mode-tabs::before,
.light-mode .inbox-compose-mode-tabs::before {
  border-color: rgba(34, 197, 94, 0.42) !important;
  background-color: rgba(220, 252, 231, 0.95) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.78),
    0 0 0 4px rgba(16, 185, 129, 0.08) !important;
}

@media (max-width: 760px) {
  .inbox-compose-mode-tabs::before {
    flex-basis: 34px !important;
    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    background-size: 20px 20px !important;
    border-radius: 12px !important;
  }
}


/* 20260609inbox_attach_icononly389b */
.inbox-compose-provider-shell {
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: max-content !important;
}

.inbox-compose-provider-shell .inbox-compose-mode-tabs,
.inbox-compose-mode-tabs {
  width: auto !important;
  min-width: 0 !important;
  max-width: max-content !important;
}

.inbox-compose-mode-tab {
  flex: 0 0 42px !important;
  width: 42px !important;
  min-width: 42px !important;
  max-width: 42px !important;
  height: 38px !important;
  padding: 0 !important;
  justify-content: center !important;
  gap: 0 !important;
}

.inbox-compose-mode-tab > span:not(.inbox-provider-tab-badge),
.inbox-compose-mode-tab > small {
  display: none !important;
}

.inbox-provider-tab-badge {
  margin: 0 !important;
}

.inbox-compose-panel-shell .inbox-file-name[data-inbox-file-name] {
  display: none !important;
}

.inbox-compose-panel-shell .inbox-file-label[data-inbox-file-attached="1"] {
  color: #ecfdf5 !important;
  border-color: rgba(52, 211, 153, 0.72) !important;
  background: rgba(16, 185, 129, 0.24) !important;
  box-shadow:
    inset 0 0 0 1px rgba(167, 243, 208, 0.18),
    0 0 0 3px rgba(16, 185, 129, 0.13) !important;
}

.inbox-compose-panel-shell .inbox-file-label[data-inbox-file-attached="1"]::after {
  content: "";
  position: absolute;
  right: 5px;
  top: 5px;
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #34d399;
  box-shadow: 0 0 0 2px rgba(6, 78, 59, 0.78);
}

.inbox-compose-panel-shell .inbox-clear-file {
  width: 24px !important;
  min-width: 24px !important;
  max-width: 24px !important;
  height: 24px !important;
  padding: 0 !important;
  border-radius: 999px !important;
  font-size: 0 !important;
  line-height: 1 !important;
}

.inbox-compose-panel-shell .inbox-clear-file::before {
  content: "×";
  font-size: 15px;
  font-weight: 800;
}

.inbox-compose-panel-shell .inbox-clear-file[hidden] {
  display: none !important;
}

html[data-theme="light"] .inbox-compose-panel-shell .inbox-file-label[data-inbox-file-attached="1"],
body.light .inbox-compose-panel-shell .inbox-file-label[data-inbox-file-attached="1"],
.light-mode .inbox-compose-panel-shell .inbox-file-label[data-inbox-file-attached="1"] {
  color: #047857 !important;
  border-color: rgba(16, 185, 129, 0.55) !important;
  background: rgba(209, 250, 229, 0.96) !important;
}

@media (max-width: 900px) {
  .inbox-compose-mode-tab {
    flex-basis: 38px !important;
    width: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
  }
}


/* 20260609inbox_attach_visible390 */
.inbox-compose-panel-shell .inbox-file-name[data-inbox-file-name] {
  display: none !important;
}

.inbox-compose-panel-shell form.has-inbox-file .inbox-file-name[data-inbox-file-name] {
  display: inline-flex !important;
  align-items: center !important;
  min-width: 0 !important;
  max-width: clamp(58px, 8vw, 118px) !important;
  height: 26px !important;
  padding: 0 8px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(52, 211, 153, 0.34) !important;
  background: rgba(6, 95, 70, 0.20) !important;
  color: rgba(236, 253, 245, 0.88) !important;
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.inbox-compose-panel-shell form.has-inbox-file .inbox-file-name[data-inbox-file-name]::before {
  content: "";
  width: 6px;
  height: 6px;
  margin-right: 5px;
  flex: 0 0 6px;
  border-radius: 999px;
  background: #34d399;
}

.inbox-compose-panel-shell form.has-inbox-file .inbox-file-label {
  color: #ecfdf5 !important;
  border-color: rgba(52, 211, 153, 0.72) !important;
  background: rgba(16, 185, 129, 0.24) !important;
}

.inbox-compose-panel-shell form.has-inbox-file .inbox-clear-file {
  display: inline-grid !important;
  place-items: center !important;
}

html[data-theme="light"] .inbox-compose-panel-shell form.has-inbox-file .inbox-file-name[data-inbox-file-name],
body.light .inbox-compose-panel-shell form.has-inbox-file .inbox-file-name[data-inbox-file-name],
.light-mode .inbox-compose-panel-shell form.has-inbox-file .inbox-file-name[data-inbox-file-name] {
  background: rgba(220, 252, 231, 0.96) !important;
  border-color: rgba(16, 185, 129, 0.30) !important;
  color: #047857 !important;
}

@media (max-width: 1100px) {
  .inbox-compose-panel-shell form.has-inbox-file .inbox-file-name[data-inbox-file-name] {
    max-width: 72px !important;
  }
}

@media (max-width: 760px) {
  .inbox-compose-panel-shell form.has-inbox-file .inbox-file-name[data-inbox-file-name] {
    display: none !important;
  }
}


/* 20260609inbox_attach_visible390b */
.inbox-compose-tools.has-inbox-file .inbox-file-name[data-inbox-file-name],
.inbox-compose-panel-shell form.has-inbox-file .inbox-file-name[data-inbox-file-name] {
  display: inline-flex !important;
  align-items: center !important;
  flex: 0 1 96px !important;
  width: auto !important;
  min-width: 46px !important;
  max-width: 96px !important;
  height: 26px !important;
  padding: 0 7px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(52, 211, 153, 0.42) !important;
  background: rgba(6, 95, 70, 0.22) !important;
  color: rgba(236, 253, 245, 0.92) !important;
  font-size: 0.66rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.inbox-compose-tools.has-inbox-file .inbox-file-name[data-inbox-file-name]::before,
.inbox-compose-panel-shell form.has-inbox-file .inbox-file-name[data-inbox-file-name]::before {
  content: "";
  width: 6px;
  height: 6px;
  margin-right: 5px;
  flex: 0 0 6px;
  border-radius: 999px;
  background: #34d399;
}

.inbox-compose-tools.has-inbox-file .inbox-file-label,
.inbox-compose-panel-shell form.has-inbox-file .inbox-file-label {
  color: #ecfdf5 !important;
  border-color: rgba(52, 211, 153, 0.78) !important;
  background: rgba(16, 185, 129, 0.28) !important;
  box-shadow:
    inset 0 0 0 1px rgba(167, 243, 208, 0.18),
    0 0 0 3px rgba(16, 185, 129, 0.14) !important;
}

.inbox-compose-tools.has-inbox-file .inbox-clear-file,
.inbox-compose-panel-shell form.has-inbox-file .inbox-clear-file {
  display: inline-grid !important;
  place-items: center !important;
  flex: 0 0 22px !important;
  width: 22px !important;
  min-width: 22px !important;
  max-width: 22px !important;
  height: 22px !important;
  min-height: 22px !important;
  max-height: 22px !important;
  padding: 0 !important;
  border-radius: 999px !important;
  font-size: 0 !important;
}

.inbox-compose-tools.has-inbox-file .inbox-clear-file::before,
.inbox-compose-panel-shell form.has-inbox-file .inbox-clear-file::before {
  content: "×";
  font-size: 14px;
  line-height: 1;
  font-weight: 900;
}

.inbox-compose-panel-shell form.has-inbox-file textarea {
  min-width: 150px !important;
}

html[data-theme="light"] .inbox-compose-tools.has-inbox-file .inbox-file-name[data-inbox-file-name],
body.light .inbox-compose-tools.has-inbox-file .inbox-file-name[data-inbox-file-name],
.light-mode .inbox-compose-tools.has-inbox-file .inbox-file-name[data-inbox-file-name] {
  background: rgba(220, 252, 231, 0.96) !important;
  border-color: rgba(16, 185, 129, 0.34) !important;
  color: #047857 !important;
}

@media (max-width: 1100px) {
  .inbox-compose-tools.has-inbox-file .inbox-file-name[data-inbox-file-name],
  .inbox-compose-panel-shell form.has-inbox-file .inbox-file-name[data-inbox-file-name] {
    max-width: 68px !important;
  }
}


/* 20260609inbox_channel_icons393 */
a[href*="/app/inbox?canal=WhatsApp"],
a[href*="/app/inbox?canal=Email"],
a[href*="/app/inbox?canal=Telegram"],
a[href*="/app/inbox?canal=Instagram"],
a[href*="/app/inbox?canal=Facebook"],
a[href*="/app/inbox?canal=Tik%20Tok"],
a[href*="/app/inbox?canal=Tik+Tok"],
a[href*="/app/inbox?canal=Tik Tok"] {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.38rem !important;
  padding-left: 0.55rem !important;
}

a[href*="/app/inbox?canal=WhatsApp"]::before,
a[href*="/app/inbox?canal=Email"]::before,
a[href*="/app/inbox?canal=Telegram"]::before,
a[href*="/app/inbox?canal=Instagram"]::before,
a[href*="/app/inbox?canal=Facebook"]::before,
a[href*="/app/inbox?canal=Tik%20Tok"]::before,
a[href*="/app/inbox?canal=Tik+Tok"]::before,
a[href*="/app/inbox?canal=Tik Tok"]::before {
  content: "" !important;
  width: 17px !important;
  height: 17px !important;
  min-width: 17px !important;
  border-radius: 5px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.22)) !important;
}

a[href*="/app/inbox?canal=WhatsApp"]::before {
  background-image: url("/static/inbox-channel-whatsapp-393.svg?v=20260609wa397") !important;
}

a[href*="/app/inbox?canal=Email"]::before {
  background-image: url("/static/inbox-channel-email-393.svg?v=20260609") !important;
}

a[href*="/app/inbox?canal=Telegram"]::before {
  background-image: url("/static/inbox-channel-telegram-393.svg?v=20260609") !important;
}

a[href*="/app/inbox?canal=Instagram"]::before {
  background-image: url("/static/inbox-channel-instagram-393.svg?v=20260609") !important;
}

a[href*="/app/inbox?canal=Facebook"]::before {
  background-image: url("/static/inbox-channel-facebook-393.svg?v=20260609") !important;
}

a[href*="/app/inbox?canal=Tik%20Tok"]::before,
a[href*="/app/inbox?canal=Tik+Tok"]::before,
a[href*="/app/inbox?canal=Tik Tok"]::before {
  background-image: url("/static/inbox-channel-tiktok-393.svg?v=20260609") !important;
}

html[data-theme="light"] a[href*="/app/inbox?canal=WhatsApp"]::before,
html[data-theme="light"] a[href*="/app/inbox?canal=Email"]::before,
html[data-theme="light"] a[href*="/app/inbox?canal=Telegram"]::before,
html[data-theme="light"] a[href*="/app/inbox?canal=Instagram"]::before,
html[data-theme="light"] a[href*="/app/inbox?canal=Facebook"]::before,
html[data-theme="light"] a[href*="/app/inbox?canal=Tik%20Tok"]::before,
html[data-theme="light"] a[href*="/app/inbox?canal=Tik+Tok"]::before,
html[data-theme="light"] a[href*="/app/inbox?canal=Tik Tok"]::before {
  filter: drop-shadow(0 1px 1px rgba(15, 23, 42, 0.12)) !important;
}


/* 20260609inbox_channel_icononly394 */
a:not(.nav-link)[href="/app/inbox"],
a:not(.nav-link)[href="/app/inbox?canal=WhatsApp"],
a:not(.nav-link)[href="/app/inbox?canal=Email"],
a:not(.nav-link)[href="/app/inbox?canal=Telegram"],
a:not(.nav-link)[href="/app/inbox?canal=Instagram"],
a:not(.nav-link)[href="/app/inbox?canal=Facebook"],
a:not(.nav-link)[href="/app/inbox?canal=Tik%20Tok"],
a:not(.nav-link)[href="/app/inbox?canal=Tik+Tok"],
a:not(.nav-link)[href="/app/inbox?canal=Tik Tok"],
a:not(.nav-link)[href="/app/inbox?canal=TikTok"] {
  width: 42px !important;
  min-width: 42px !important;
  max-width: 42px !important;
  height: 34px !important;
  padding: 0 !important;
  justify-content: center !important;
  gap: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
}

a:not(.nav-link)[href="/app/inbox"]::before,
a:not(.nav-link)[href="/app/inbox?canal=WhatsApp"]::before,
a:not(.nav-link)[href="/app/inbox?canal=Email"]::before,
a:not(.nav-link)[href="/app/inbox?canal=Telegram"]::before,
a:not(.nav-link)[href="/app/inbox?canal=Instagram"]::before,
a:not(.nav-link)[href="/app/inbox?canal=Facebook"]::before,
a:not(.nav-link)[href="/app/inbox?canal=Tik%20Tok"]::before,
a:not(.nav-link)[href="/app/inbox?canal=Tik+Tok"]::before,
a:not(.nav-link)[href="/app/inbox?canal=Tik Tok"]::before,
a:not(.nav-link)[href="/app/inbox?canal=TikTok"]::before {
  content: "" !important;
  width: 21px !important;
  height: 21px !important;
  min-width: 21px !important;
  border-radius: 6px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.22)) !important;
}

a:not(.nav-link)[href="/app/inbox"]::before {
  background-image: url("/static/inbox-channel-all-394.svg?v=20260609") !important;
}

a:not(.nav-link)[href="/app/inbox?canal=WhatsApp"]::before {
  background-image: url("/static/inbox-channel-whatsapp-393.svg?v=20260609wa397") !important;
}

a:not(.nav-link)[href="/app/inbox?canal=Email"]::before {
  background-image: url("/static/inbox-channel-email-393.svg?v=20260609") !important;
}

a:not(.nav-link)[href="/app/inbox?canal=Telegram"]::before {
  background-image: url("/static/inbox-channel-telegram-393.svg?v=20260609") !important;
}

a:not(.nav-link)[href="/app/inbox?canal=Instagram"]::before {
  background-image: url("/static/inbox-channel-instagram-393.svg?v=20260609") !important;
}

a:not(.nav-link)[href="/app/inbox?canal=Facebook"]::before {
  background-image: url("/static/inbox-channel-facebook-393.svg?v=20260609") !important;
}

a:not(.nav-link)[href="/app/inbox?canal=Tik%20Tok"]::before,
a:not(.nav-link)[href="/app/inbox?canal=Tik+Tok"]::before,
a:not(.nav-link)[href="/app/inbox?canal=Tik Tok"]::before,
a:not(.nav-link)[href="/app/inbox?canal=TikTok"]::before {
  background-image: url("/static/inbox-channel-tiktok-393.svg?v=20260609") !important;
}


/* 20260609inbox_whatsapp_icon397 */
a:not(.nav-link)[href="/app/inbox?canal=WhatsApp"]::before {
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  border-radius: 999px !important;
  background-size: 24px 24px !important;
  filter: drop-shadow(0 1px 2px rgba(6, 78, 59, 0.26)) !important;
}


/* 20260609inbox_whatsapp_normalize398 */
html[data-theme="light"] a:not(.nav-link)[href="/app/inbox?canal=WhatsApp"],
body.light a:not(.nav-link)[href="/app/inbox?canal=WhatsApp"],
.light-mode a:not(.nav-link)[href="/app/inbox?canal=WhatsApp"] {
  background: #ffffff !important;
  border-color: rgba(15, 23, 42, 0.12) !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06) !important;
}

html[data-theme="light"] a:not(.nav-link)[href="/app/inbox?canal=WhatsApp"].active,
body.light a:not(.nav-link)[href="/app/inbox?canal=WhatsApp"].active,
.light-mode a:not(.nav-link)[href="/app/inbox?canal=WhatsApp"].active,
html[data-theme="light"] a:not(.nav-link)[href="/app/inbox?canal=WhatsApp"][aria-current="page"],
body.light a:not(.nav-link)[href="/app/inbox?canal=WhatsApp"][aria-current="page"],
.light-mode a:not(.nav-link)[href="/app/inbox?canal=WhatsApp"][aria-current="page"] {
  background: #ffffff !important;
  border-color: rgba(34, 197, 94, 0.36) !important;
  box-shadow:
    inset 0 0 0 1px rgba(34, 197, 94, 0.16),
    0 1px 3px rgba(15, 23, 42, 0.08) !important;
}

html[data-theme="light"] a:not(.nav-link)[href="/app/inbox?canal=WhatsApp"]::before,
body.light a:not(.nav-link)[href="/app/inbox?canal=WhatsApp"]::before,
.light-mode a:not(.nav-link)[href="/app/inbox?canal=WhatsApp"]::before {
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  background-size: 22px 22px !important;
  filter: none !important;
}

a:not(.nav-link)[href="/app/inbox?canal=WhatsApp"]::before {
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  background-size: 22px 22px !important;
}


/* 20260609inbox_whatsapp_use_clean399 */
a:not(.nav-link)[href="/app/inbox?canal=WhatsApp"]::before {
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  border-radius: 999px !important;
  background-image: url("/static/whatsapp-web-clean.svg?v=20260603whatsapp-web-clean-icons1") !important;
  background-size: 24px 24px !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  filter: none !important;
}

html[data-theme="light"] a:not(.nav-link)[href="/app/inbox?canal=WhatsApp"]::before,
body.light a:not(.nav-link)[href="/app/inbox?canal=WhatsApp"]::before,
.light-mode a:not(.nav-link)[href="/app/inbox?canal=WhatsApp"]::before {
  background-image: url("/static/whatsapp-web-clean.svg?v=20260603whatsapp-web-clean-icons1") !important;
  filter: none !important;
}


/* 20260609inbox_composer_whatsapp_clean400 */
.inbox-compose-mode-tabs::before {
  background-image: url("/static/whatsapp-web-clean.svg?v=20260603whatsapp-web-clean-icons1") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 23px 23px !important;
  background-color: rgba(236, 253, 245, 0.92) !important;
  border-color: rgba(34, 197, 94, 0.38) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.72),
    0 1px 2px rgba(15, 23, 42, 0.08) !important;
}

html[data-theme="light"] .inbox-compose-mode-tabs::before,
body.light .inbox-compose-mode-tabs::before,
.light-mode .inbox-compose-mode-tabs::before {
  background-image: url("/static/whatsapp-web-clean.svg?v=20260603whatsapp-web-clean-icons1") !important;
  background-color: rgba(255, 255, 255, 0.96) !important;
  border-color: rgba(34, 197, 94, 0.34) !important;
  box-shadow:
    inset 0 0 0 1px rgba(220, 252, 231, 0.90),
    0 1px 2px rgba(15, 23, 42, 0.07) !important;
}


/* 20260609composer_whatsapp_match_filter401b */
.inbox-compose-modes .inbox-compose-mode-tabs::before,
.inbox-compose-provider-shell .inbox-compose-mode-tabs::before {
  content: "" !important;
  flex: 0 0 34px !important;
  width: 34px !important;
  min-width: 34px !important;
  max-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  aspect-ratio: 1 / 1 !important;
  box-sizing: border-box !important;
  display: inline-grid !important;
  place-items: center !important;
  border-radius: 12px !important;
  border: 1px solid rgba(16, 185, 129, 0.28) !important;
  background-color: rgba(255, 255, 255, 0.92) !important;
  background-image: url("/static/whatsapp-web-clean.svg?v=20260603whatsapp-web-clean-icons1") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 22px 22px !important;
  box-shadow:
    inset 0 0 0 1px rgba(220, 252, 231, 0.76),
    0 1px 2px rgba(15, 23, 42, 0.07) !important;
  filter: none !important;
  transform: none !important;
  opacity: 1 !important;
}

:root[data-theme="dark"] .inbox-compose-modes .inbox-compose-mode-tabs::before,
:root[data-theme="dark"] .inbox-compose-provider-shell .inbox-compose-mode-tabs::before,
html[data-theme="dark"] .inbox-compose-modes .inbox-compose-mode-tabs::before,
body:not(.light) .inbox-compose-modes .inbox-compose-mode-tabs::before {
  border-color: rgba(52, 211, 153, 0.32) !important;
  background-color: rgba(236, 253, 245, 0.92) !important;
  box-shadow:
    inset 0 0 0 1px rgba(167, 243, 208, 0.32),
    0 1px 3px rgba(0, 0, 0, 0.18) !important;
}

html[data-theme="light"] .inbox-compose-modes .inbox-compose-mode-tabs::before,
body.light .inbox-compose-modes .inbox-compose-mode-tabs::before,
.light-mode .inbox-compose-modes .inbox-compose-mode-tabs::before,
html[data-theme="light"] .inbox-compose-provider-shell .inbox-compose-mode-tabs::before,
body.light .inbox-compose-provider-shell .inbox-compose-mode-tabs::before,
.light-mode .inbox-compose-provider-shell .inbox-compose-mode-tabs::before {
  border-color: rgba(16, 185, 129, 0.24) !important;
  background-color: rgba(255, 255, 255, 0.96) !important;
  box-shadow:
    inset 0 0 0 1px rgba(220, 252, 231, 0.86),
    0 1px 2px rgba(15, 23, 42, 0.06) !important;
}


/* 20260609composer_whatsapp_real_icon402 */
.inbox-compose-modes .inbox-compose-mode-tabs::before,
.inbox-compose-provider-shell .inbox-compose-mode-tabs::before {
  content: none !important;
  display: none !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  flex: 0 0 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

.inbox-compose-whatsapp-filter-icon {
  flex: 0 0 42px !important;
  width: 42px !important;
  min-width: 42px !important;
  max-width: 42px !important;
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  display: inline-grid !important;
  place-items: center !important;
  border-radius: 10px !important;
  border: 1px solid rgba(16, 185, 129, 0.28) !important;
  background-color: rgba(255, 255, 255, 0.96) !important;
  background-image: url("/static/whatsapp-web-clean.svg?v=20260603whatsapp-web-clean-icons1") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 22px 22px !important;
  box-shadow:
    inset 0 0 0 1px rgba(220, 252, 231, 0.80),
    0 1px 2px rgba(15, 23, 42, 0.06) !important;
}

:root[data-theme="dark"] .inbox-compose-whatsapp-filter-icon,
html[data-theme="dark"] .inbox-compose-whatsapp-filter-icon,
body:not(.light) .inbox-compose-whatsapp-filter-icon {
  background-color: rgba(236, 253, 245, 0.94) !important;
  border-color: rgba(52, 211, 153, 0.34) !important;
  box-shadow:
    inset 0 0 0 1px rgba(167, 243, 208, 0.30),
    0 1px 3px rgba(0, 0, 0, 0.18) !important;
}

html[data-theme="light"] .inbox-compose-whatsapp-filter-icon,
body.light .inbox-compose-whatsapp-filter-icon,
.light-mode .inbox-compose-whatsapp-filter-icon {
  background-color: rgba(255, 255, 255, 0.98) !important;
  border-color: rgba(16, 185, 129, 0.24) !important;
  box-shadow:
    inset 0 0 0 1px rgba(220, 252, 231, 0.86),
    0 1px 2px rgba(15, 23, 42, 0.06) !important;
}

@media (max-width: 760px) {
  .inbox-compose-whatsapp-filter-icon {
    flex-basis: 38px !important;
    width: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    background-size: 20px 20px !important;
  }
}


/* 20260609composer_three_icons403 */
.inbox-compose-mode-tabs {
  gap: 6px !important;
  padding: 6px !important;
  align-items: center !important;
}

.inbox-compose-whatsapp-filter-icon,
.inbox-compose-mode-tab {
  flex: 0 0 38px !important;
  width: 38px !important;
  min-width: 38px !important;
  max-width: 38px !important;
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  padding: 0 !important;
  border-radius: 11px !important;
  border: 1px solid rgba(16, 185, 129, 0.28) !important;
  background-color: rgba(255, 255, 255, 0.92) !important;
  box-shadow:
    inset 0 0 0 1px rgba(220, 252, 231, 0.62),
    0 1px 2px rgba(15, 23, 42, 0.07) !important;
  display: inline-grid !important;
  place-items: center !important;
}

.inbox-compose-mode-tab.active,
.inbox-compose-mode-tab[aria-selected="true"] {
  border-color: rgba(52, 211, 153, 0.62) !important;
  background-color: rgba(236, 253, 245, 0.98) !important;
  box-shadow:
    inset 0 0 0 1px rgba(167, 243, 208, 0.78),
    0 0 0 3px rgba(16, 185, 129, 0.12),
    0 1px 2px rgba(15, 23, 42, 0.08) !important;
}

.inbox-compose-whatsapp-filter-icon {
  background-size: 22px 22px !important;
}

.inbox-compose-mode-tab .inbox-provider-tab-badge {
  flex: 0 0 22px !important;
  width: 22px !important;
  min-width: 22px !important;
  max-width: 22px !important;
  height: 22px !important;
  min-height: 22px !important;
  max-height: 22px !important;
  margin: 0 !important;
  border-radius: 7px !important;
}

.inbox-compose-mode-tab .inbox-provider-tab-badge.sendpulse {
  background-size: 22px 22px !important;
}

.inbox-compose-mode-tab .inbox-provider-tab-badge.wato {
  background-size: 22px 22px !important;
}

html[data-theme="light"] .inbox-compose-whatsapp-filter-icon,
html[data-theme="light"] .inbox-compose-mode-tab,
body.light .inbox-compose-whatsapp-filter-icon,
body.light .inbox-compose-mode-tab,
.light-mode .inbox-compose-whatsapp-filter-icon,
.light-mode .inbox-compose-mode-tab {
  background-color: rgba(255, 255, 255, 0.96) !important;
  border-color: rgba(16, 185, 129, 0.22) !important;
  box-shadow:
    inset 0 0 0 1px rgba(220, 252, 231, 0.82),
    0 1px 2px rgba(15, 23, 42, 0.06) !important;
}

@media (max-width: 760px) {
  .inbox-compose-whatsapp-filter-icon,
  .inbox-compose-mode-tab {
    flex-basis: 34px !important;
    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
  }
}


/* 20260609gestion_estudio_excel_tabs406 */
.gestion-estudio-excel {
  display: grid;
  gap: 1rem;
}

.ge-hero,
.ge-card,
.ge-create-period {
  border: 1px solid rgba(45, 212, 160, .25);
  border-radius: 18px;
  background: radial-gradient(circle at top left, rgba(16, 185, 129, .12), transparent 26rem), rgba(8, 27, 20, .76);
  box-shadow: 0 14px 36px rgba(0, 0, 0, .18);
}

.ge-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(340px, .95fr);
  gap: 1rem;
  align-items: end;
  padding: 1.1rem;
}

.ge-hero h2 {
  margin: .1rem 0 .3rem;
  font-size: clamp(1.65rem, 3vw, 2.35rem);
}

.ge-hero p {
  margin: 0;
  color: var(--muted);
}

.ge-hero .eyebrow {
  color: #62f2b7;
  font-size: .72rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ge-filters,
.ge-create-period form,
.ge-grid-form {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
  align-items: end;
}

.ge-filters label,
.ge-create-period label,
.ge-grid-form label {
  display: grid;
  gap: .25rem;
  color: var(--muted);
  font-size: .78rem;
  font-weight: 800;
}

.gestion-estudio-excel input,
.gestion-estudio-excel select {
  border: 1px solid rgba(148, 163, 184, .24);
  border-radius: 12px;
  background: rgba(2, 12, 9, .42);
  color: var(--text);
  padding: .62rem .72rem;
  min-height: 38px;
}

.gestion-estudio-excel button,
.ge-report-actions a {
  border: 1px solid rgba(52, 211, 153, .38);
  border-radius: 999px;
  background: linear-gradient(135deg, #1ed985, #0aa86a);
  color: #03150e;
  font-weight: 900;
  padding: .62rem .9rem;
  text-decoration: none;
  cursor: pointer;
}

.ge-tabs {
  display: flex;
  gap: .45rem;
  flex-wrap: wrap;
}

.ge-tab {
  border: 1px solid rgba(45, 212, 160, .28);
  border-radius: 999px;
  padding: .56rem .88rem;
  background: rgba(8, 27, 20, .72);
  color: var(--text);
  font-weight: 900;
  text-decoration: none;
}

.ge-tab.active {
  background: #dfffee;
  color: #052417;
  box-shadow: 0 0 0 3px rgba(52, 211, 153, .13);
}

.ge-create-period,
.ge-card {
  padding: 1rem;
}

.ge-create-period summary {
  cursor: pointer;
  font-weight: 900;
}

.ge-card h3 {
  margin: 0 0 .75rem;
}

.ge-grid-form {
  padding: .75rem;
  border-radius: 16px;
  margin-bottom: .8rem;
  background: rgba(255, 255, 255, .045);
}

.ge-table-wrap {
  overflow: auto;
  border-radius: 14px;
  border: 1px solid rgba(148, 163, 184, .18);
}

.ge-table {
  width: 100%;
  min-width: 980px;
  border-collapse: collapse;
}

.ge-table th,
.ge-table td {
  padding: .7rem;
  border-bottom: 1px solid rgba(148, 163, 184, .14);
  text-align: left;
  vertical-align: top;
}

.ge-table th {
  color: var(--muted);
  font-size: .76rem;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.ge-check-form {
  margin: 0;
}

.ge-check {
  width: 30px;
  height: 30px;
  padding: 0 !important;
  display: grid;
  place-items: center;
  background: rgba(255,255,255,.06) !important;
  color: #7cf8bf !important;
  border-radius: 10px !important;
}

.ge-check.on {
  background: #dfffee !important;
  color: #064e3b !important;
}

.ge-badge {
  display: inline-flex;
  border-radius: 999px;
  padding: .27rem .55rem;
  font-size: .74rem;
  font-weight: 900;
  background: rgba(148, 163, 184, .16);
}

.ge-hecho {
  background: rgba(34, 197, 94, .18);
  color: #86efac;
}

.ge-revisar {
  background: rgba(245, 158, 11, .2);
  color: #fbbf24;
}

.ge-urgente,
.ge-alert .ge-badge {
  background: rgba(239, 68, 68, .2);
  color: #fca5a5;
}

.ge-alert {
  background: rgba(239, 68, 68, .075);
}

.ge-empty {
  color: var(--muted);
  padding: .8rem;
}

.ge-report-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
}

html[data-theme="light"] .ge-hero,
html[data-theme="light"] .ge-card,
html[data-theme="light"] .ge-create-period,
body.light .ge-hero,
body.light .ge-card,
body.light .ge-create-period,
.light-mode .ge-hero,
.light-mode .ge-card,
.light-mode .ge-create-period {
  background: rgba(255, 255, 255, .9);
  box-shadow: 0 16px 42px rgba(15, 23, 42, .08);
}

html[data-theme="light"] .gestion-estudio-excel input,
html[data-theme="light"] .gestion-estudio-excel select,
body.light .gestion-estudio-excel input,
body.light .gestion-estudio-excel select,
.light-mode .gestion-estudio-excel input,
.light-mode .gestion-estudio-excel select {
  background: #fff;
  color: #0f172a;
}

@media (max-width: 980px) {
  .ge-hero {
    grid-template-columns: 1fr;
  }
}


/* 20260609email_attachment_card410b */
.inbox-timeline .timeline-item:has([data-email-extra-attachment]),
.inbox-message-list .timeline-item:has([data-email-extra-attachment]) {
  align-self: flex-start !important;
  width: min(460px, calc(100% - 2rem)) !important;
  max-width: min(460px, calc(100% - 2rem)) !important;
  margin: -0.25rem auto 0.65rem 1.05rem !important;
  padding: 0 !important;
  overflow: visible !important;
}

.inbox-timeline .timeline-item:has([data-email-extra-attachment]) details,
.inbox-timeline .timeline-item:has([data-email-extra-attachment]) summary,
.inbox-timeline .timeline-item:has([data-email-extra-attachment]) .message-actions,
.inbox-timeline .timeline-item:has([data-email-extra-attachment]) .message-menu,
.inbox-timeline .timeline-item:has([data-email-extra-attachment]) .message-tools,
.inbox-timeline .timeline-item:has([data-email-extra-attachment]) .inbox-message-actions,
.inbox-timeline .timeline-item:has([data-email-extra-attachment]) .inbox-message-menu,
.inbox-timeline .timeline-item:has([data-email-extra-attachment]) .inbox-message-tools,
.inbox-timeline .timeline-item:has([data-email-extra-attachment]) .bubble-actions,
.inbox-timeline .timeline-item:has([data-email-extra-attachment]) .message-reactions {
  display: none !important;
}

.inbox-timeline .timeline-item:has([data-email-extra-attachment]) .message-bubble,
.inbox-timeline .timeline-item:has([data-email-extra-attachment]) .inbox-message-bubble,
.inbox-timeline .timeline-item:has([data-email-extra-attachment]) .bubble,
.inbox-timeline .timeline-item:has([data-email-extra-attachment]) .message-content {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  max-width: 100% !important;
  overflow: visible !important;
}

.email-extra-attachment-card {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.85rem;
  width: 100%;
  min-height: 64px;
  padding: 0.7rem 0.8rem;
  border-radius: 0.8rem;
  border: 1px solid rgba(15, 23, 42, 0.14);
  background: #fff;
  color: #10231b;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.13);
}

.email-extra-attachment-icon {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  border-radius: 0.68rem;
  background: linear-gradient(135deg, #ef4444, #b91c1c);
  color: #fff;
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.02em;
}

.email-extra-attachment-copy {
  display: grid;
  gap: 0.22rem;
  min-width: 0;
}

.email-extra-attachment-copy strong,
.email-extra-attachment-copy small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.email-extra-attachment-copy strong {
  color: #10231b;
  font-size: 0.9rem;
  font-weight: 850;
}

.email-extra-attachment-copy small {
  color: #64748b;
  font-size: 0.74rem;
}

.email-extra-attachment-actions {
  display: flex;
  gap: 0.35rem;
}

.email-extra-attachment-actions a {
  border: 1px solid rgba(15, 118, 110, 0.24);
  border-radius: 999px;
  padding: 0.38rem 0.6rem;
  color: #075e54;
  background: rgba(20, 184, 166, 0.08);
  font-size: 0.75rem;
  font-weight: 850;
  text-decoration: none;
}

.email-extra-attachment-actions a:hover {
  background: rgba(20, 184, 166, 0.16);
}

:root[data-theme="dark"] .email-extra-attachment-card,
html[data-theme="dark"] .email-extra-attachment-card,
body:not(.light) .email-extra-attachment-card {
  border-color: rgba(148, 163, 184, 0.18);
  background: rgba(248, 250, 252, 0.96);
  color: #10231b;
}

@media (max-width: 760px) {
  .inbox-timeline .timeline-item:has([data-email-extra-attachment]) {
    width: calc(100% - 1rem) !important;
    max-width: calc(100% - 1rem) !important;
    margin-left: 0.5rem !important;
  }

  .email-extra-attachment-card {
    grid-template-columns: 46px minmax(0, 1fr);
  }

  .email-extra-attachment-icon {
    width: 46px;
    height: 46px;
  }

  .email-extra-attachment-actions {
    grid-column: 1 / -1;
  }
}


/* 20260609email_attachment_group412b */
.email-reader-card .inbox-media-file,
.email-reader-card .email-extra-attachment-card {
  display: none !important;
}

.email-reader-attachments {
  margin: 0;
  padding: 1rem 1.15rem 1.2rem;
  border-top: 1px solid rgba(15, 23, 42, 0.10);
  background: #ffffff;
}

.email-reader-attachments-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.7rem;
  color: #111827;
  font-size: 0.92rem;
}

.email-reader-attachments-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 340px));
  gap: 0.75rem;
}

.email-attachment-tile {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.8rem;
  min-height: 72px;
  padding: 0.65rem 0.7rem;
  border: 1px solid rgba(15, 23, 42, 0.14);
  border-radius: 0.7rem;
  background: #f8fafc;
  color: #111827;
  box-shadow: 0 6px 14px rgba(15, 23, 42, 0.08);
}

.email-attachment-tile-icon {
  display: grid;
  place-items: center;
  width: 56px;
  height: 56px;
  border-radius: 0.55rem;
  background: linear-gradient(135deg, #ef4444, #b91c1c);
  color: #ffffff;
  font-size: 0.72rem;
  font-weight: 900;
}

.email-attachment-tile-copy {
  min-width: 0;
  display: grid;
  gap: 0.22rem;
}

.email-attachment-tile-copy strong,
.email-attachment-tile-copy small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.email-attachment-tile-copy strong {
  color: #111827;
  font-size: 0.9rem;
  font-weight: 850;
}

.email-attachment-tile-copy small {
  color: #64748b;
  font-size: 0.74rem;
}

.email-attachment-tile-actions {
  display: flex;
  gap: 0.35rem;
}

.email-attachment-tile-actions a {
  border: 1px solid rgba(15, 118, 110, 0.25);
  border-radius: 999px;
  padding: 0.38rem 0.6rem;
  color: #075e54;
  background: rgba(20, 184, 166, 0.09);
  font-size: 0.75rem;
  font-weight: 850;
  text-decoration: none;
}

.email-attachment-tile-actions a:hover {
  background: rgba(20, 184, 166, 0.17);
}

:root[data-theme="dark"] .email-reader-attachments,
html[data-theme="dark"] .email-reader-attachments,
body:not(.light) .email-reader-attachments,
:root[data-theme="dark"] .email-attachment-tile,
html[data-theme="dark"] .email-attachment-tile,
body:not(.light) .email-attachment-tile {
  background: #ffffff;
  color: #111827;
}

@media (max-width: 760px) {
  .email-reader-attachments {
    padding: 0.85rem;
  }

  .email-reader-attachments-grid {
    grid-template-columns: 1fr;
  }

  .email-attachment-tile {
    grid-template-columns: 48px minmax(0, 1fr);
  }

  .email-attachment-tile-icon {
    width: 48px;
    height: 48px;
  }

  .email-attachment-tile-actions {
    grid-column: 1 / -1;
  }
}


/* 20260609email_attachment_preview_wide413 */
.inbox-message-panel .timeline-item.inbox-email-message {
  width: min(100%, 980px) !important;
  max-width: min(100%, 980px) !important;
  align-self: stretch !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.inbox-message-panel .email-reader-card.yahoo-like-email-card {
  width: min(100%, 980px) !important;
  max-width: min(100%, 980px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.inbox-message-panel .email-reader-body,
.inbox-message-panel .email-body-sheet,
.inbox-message-panel .email-reader-attachments {
  width: 100% !important;
  max-width: 100% !important;
}

.inbox-message-panel .email-original-frame {
  width: 100% !important;
  max-width: 100% !important;
}

.email-reader-attachments-grid {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
}

.email-attachment-tile {
  grid-template-columns: 56px minmax(0, 1fr) auto !important;
  width: 100% !important;
  max-width: 100% !important;
}

.email-attachment-tile-actions {
  align-items: center !important;
}

.email-attachment-tile-actions a.email-attachment-preview-action {
  display: grid !important;
  place-items: center !important;
  width: 34px !important;
  height: 34px !important;
  padding: 0 !important;
  border-radius: 999px !important;
  font-size: 1rem !important;
  line-height: 1 !important;
}

.email-attachment-tile-actions a:not(.email-attachment-preview-action) {
  min-height: 34px !important;
  display: inline-flex !important;
  align-items: center !important;
}

@media (min-width: 1180px) {
  .inbox-message-panel .timeline-item.inbox-email-message,
  .inbox-message-panel .email-reader-card.yahoo-like-email-card {
    width: min(100%, 1040px) !important;
    max-width: min(100%, 1040px) !important;
  }
}

@media (max-width: 760px) {
  .inbox-message-panel .timeline-item.inbox-email-message,
  .inbox-message-panel .email-reader-card.yahoo-like-email-card {
    width: 100% !important;
    max-width: 100% !important;
  }

  .email-reader-attachments-grid {
    grid-template-columns: 1fr !important;
  }
}


/* 20260609email_preview_cid_attach414 */
.email-reader-attachments {
  padding: 0.82rem 1rem 1rem !important;
}

.email-reader-attachments-head {
  margin-bottom: 0.55rem !important;
  font-size: 0.86rem !important;
}

.email-reader-attachments-grid {
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)) !important;
  gap: 0.55rem !important;
}

.email-attachment-tile {
  grid-template-columns: 42px minmax(0, 1fr) auto !important;
  min-height: 54px !important;
  padding: 0.48rem 0.55rem !important;
  gap: 0.58rem !important;
  border-radius: 0.58rem !important;
  box-shadow: 0 4px 10px rgba(15, 23, 42, 0.07) !important;
}

.email-attachment-tile-icon {
  width: 42px !important;
  height: 42px !important;
  border-radius: 0.48rem !important;
  font-size: 0.64rem !important;
}

.email-attachment-tile-copy strong {
  font-size: 0.82rem !important;
  font-weight: 800 !important;
}

.email-attachment-tile-copy small {
  font-size: 0.68rem !important;
}

.email-attachment-tile-actions {
  gap: 0.28rem !important;
}

.email-attachment-tile-actions a.email-attachment-preview-action,
.email-attachment-tile-actions a.email-attachment-download-action {
  display: grid !important;
  place-items: center !important;
  width: 30px !important;
  height: 30px !important;
  min-height: 30px !important;
  padding: 0 !important;
  border-radius: 999px !important;
  font-size: 0.95rem !important;
  line-height: 1 !important;
}

.email-attachment-tile-actions a.email-attachment-download-action span {
  transform: translateY(-1px);
}

.email-original-frame img {
  max-width: 100% !important;
  height: auto !important;
}


/* 20260609crm_file_viewer_modal415 */
.crm-file-viewer-open {
  overflow: hidden !important;
}

.crm-file-viewer-modal[hidden] {
  display: none !important;
}

.crm-file-viewer-modal {
  position: fixed;
  inset: 0;
  z-index: 2147483647 !important;
  display: grid;
  grid-template-rows: auto 1fr;
  color: #f8fafc;
}

body.email-embed-page > .crm-tooltip {
  display: none !important;
  z-index: 2147483647 !important;
  padding: 6px 9px;
  border-radius: 7px;
  font-size: 12px;
  font-weight: 500;
  box-shadow: 0 8px 20px rgba(13, 28, 23, 0.22);
}

body.email-embed-page > .crm-tooltip.is-visible {
  display: block !important;
}

/* 20260717email_attachment_actions_polish */
.email-attachment-tile {
  overflow: visible !important;
  border-color: #d9e3e0 !important;
  background: #ffffff !important;
  box-shadow: 0 2px 8px rgba(20, 47, 39, 0.05) !important;
}

.email-attachment-tile-icon {
  border: 1px solid #fecaca !important;
  background: #fef2f2 !important;
  color: #d5222a !important;
  font-weight: 700 !important;
}

.email-attachment-tile-copy strong {
  font-weight: 600 !important;
  line-height: 1.25 !important;
}

.email-attachment-tile-copy small {
  color: #64716d !important;
  line-height: 1.25 !important;
}

.email-attachment-tile-actions {
  position: relative !important;
  overflow: visible !important;
  gap: 6px !important;
  padding-right: 2px !important;
}

.email-attachment-tile-actions > a {
  position: relative !important;
  isolation: isolate;
  overflow: visible !important;
  border-color: #b9ddd4 !important;
  background: #f2fbf8 !important;
  color: #075e54 !important;
  box-shadow: none !important;
  transition: border-color 120ms ease, background-color 120ms ease, transform 120ms ease !important;
}

.email-attachment-tile-actions > a:hover,
.email-attachment-tile-actions > a:focus-visible {
  z-index: 260 !important;
  border-color: #75bfae !important;
  background: #e7f7f2 !important;
  transform: translateY(-1px);
}

.email-attachment-tile-actions .action-icon {
  width: 16px !important;
  height: 16px !important;
}

.email-attachment-tile-actions > a::before,
.email-attachment-tile-actions > a::after {
  position: absolute;
  left: 50%;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  z-index: 2147483647;
  transition: opacity 100ms ease, transform 100ms ease;
}

.email-attachment-tile-actions > a::before {
  content: "";
  bottom: calc(100% + 4px);
  width: 8px;
  height: 8px;
  border-radius: 1px;
  background: #101a16;
  transform: translateX(-50%) translateY(3px) rotate(45deg);
}

.email-attachment-tile-actions > a::after {
  content: attr(aria-label);
  bottom: calc(100% + 8px);
  padding: 6px 9px;
  border-radius: 7px;
  background: #101a16;
  color: #ffffff;
  box-shadow: 0 8px 20px rgba(13, 28, 23, 0.22);
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
  transform: translateX(-50%) translateY(3px);
}

.email-attachment-tile-actions > a:hover::before,
.email-attachment-tile-actions > a:hover::after,
.email-attachment-tile-actions > a:focus-visible::before,
.email-attachment-tile-actions > a:focus-visible::after {
  opacity: 1;
  visibility: visible;
}

.email-attachment-tile-actions > a:hover::before,
.email-attachment-tile-actions > a:focus-visible::before {
  transform: translateX(-50%) translateY(0) rotate(45deg);
}

.email-attachment-tile-actions > a:hover::after,
.email-attachment-tile-actions > a:focus-visible::after {
  transform: translateX(-50%) translateY(0);
}

body:has(.email-attachment-tile-actions > a:hover) > .crm-tooltip,
body:has(.email-attachment-tile-actions > a:focus-visible) > .crm-tooltip {
  display: none !important;
}

/* 20260717email_attachment_tooltip_portal */
.email-attachment-tile-actions > a::before,
.email-attachment-tile-actions > a::after {
  content: none !important;
  display: none !important;
}

.email-attachment-action-tooltip[hidden] {
  display: none !important;
}

.email-attachment-action-tooltip {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 2147483647;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transform: translateX(-50%) translateY(2px);
  padding: 4px 7px;
  border-radius: 5px;
  background: #17221e;
  color: #ffffff;
  box-shadow: 0 3px 9px rgba(13, 28, 23, 0.16);
  font-size: 11px;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: 0;
  white-space: nowrap;
  transition: opacity 90ms ease, transform 90ms ease;
}

.email-attachment-action-tooltip::after {
  content: "";
  position: absolute;
  left: 50%;
  width: 0;
  height: 0;
  transform: translateX(-50%);
}

.email-attachment-action-tooltip[data-placement="top"]::after {
  top: 100%;
  border: 4px solid transparent;
  border-top-color: #17221e;
}

.email-attachment-action-tooltip[data-placement="bottom"]::after {
  bottom: 100%;
  border: 4px solid transparent;
  border-bottom-color: #17221e;
}

.email-attachment-action-tooltip.is-visible {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}

body:has(.email-attachment-action-tooltip.is-visible) > .crm-tooltip {
  display: none !important;
}

.crm-file-viewer-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(3, 7, 18, 0.86);
  backdrop-filter: blur(5px);
}

.crm-file-viewer-shell {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-rows: 72px 1fr;
  min-width: 0;
  min-height: 0;
  height: 100vh;
}

.crm-file-viewer-topbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 1rem;
  padding: 0.9rem 1.25rem;
  background: rgba(2, 6, 23, 0.92);
  border-bottom: 1px solid rgba(148, 163, 184, 0.18);
}

.crm-file-viewer-title {
  display: grid;
  justify-items: center;
  text-align: center;
  min-width: 0;
}

.crm-file-viewer-title strong,
.crm-file-viewer-title small {
  max-width: min(760px, 70vw);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.crm-file-viewer-title strong {
  color: #ffffff;
  font-size: 0.98rem;
  font-weight: 850;
}

.crm-file-viewer-title small {
  color: #cbd5e1;
  font-size: 0.8rem;
}

.crm-file-viewer-actions {
  display: flex;
  align-items: center;
  gap: 0.45rem;
}

.crm-file-viewer-actions button,
.crm-file-viewer-actions a {
  display: grid;
  place-items: center;
  min-width: 38px;
  height: 38px;
  padding: 0 0.65rem;
  border: 0;
  border-radius: 999px;
  background: rgba(148, 163, 184, 0.16);
  color: #f8fafc;
  font: inherit;
  font-weight: 850;
  text-decoration: none;
  cursor: pointer;
}

.crm-file-viewer-actions button:hover,
.crm-file-viewer-actions a:hover {
  background: rgba(148, 163, 184, 0.28);
}

.crm-file-viewer-actions [data-crm-file-viewer-close] {
  width: 46px;
  height: 46px;
  font-size: 1.65rem;
  background: rgba(148, 163, 184, 0.24);
}

.crm-file-viewer-stage {
  position: relative;
  overflow: auto;
  min-height: 0;
  padding: 1.25rem;
  display: grid;
  place-items: start center;
}

.crm-file-viewer-inner {
  transform: scale(var(--crm-file-viewer-scale, 1));
  transform-origin: top center;
  transition: transform 120ms ease;
}

.crm-file-viewer-iframe {
  width: min(1100px, 92vw);
  height: calc(100vh - 118px);
}

.crm-file-viewer-iframe iframe {
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 0.9rem;
  background: #ffffff;
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.42);
}

.crm-file-viewer-image img {
  max-width: min(1100px, 92vw);
  max-height: calc(100vh - 118px);
  border-radius: 0.9rem;
  background: #ffffff;
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.42);
}

@media (max-width: 760px) {
  .crm-file-viewer-shell {
    grid-template-rows: auto 1fr;
  }

  .crm-file-viewer-topbar {
    grid-template-columns: 1fr;
    justify-items: stretch;
    padding: 0.75rem;
  }

  .crm-file-viewer-actions {
    justify-content: center;
    flex-wrap: wrap;
  }

  .crm-file-viewer-title strong,
  .crm-file-viewer-title small {
    max-width: 92vw;
  }

  .crm-file-viewer-stage {
    padding: 0.75rem;
  }

  .crm-file-viewer-iframe {
    width: 96vw;
    height: calc(100vh - 150px);
  }
}


/* 20260609crm_file_viewer_all_files416 */
.crm-file-viewer-actions [data-crm-file-viewer-open] {
  display: grid !important;
}

.crm-file-viewer-stage {
  background:
    radial-gradient(circle at top left, rgba(20, 184, 166, 0.06), transparent 34%),
    rgba(3, 7, 18, 0.18);
}


/* 20260609gestion_estudio_solapas_vacias419 */
.ge-empty-panel {
  min-height: 220px;
}

.ge-empty-panel h3 {
  margin-bottom: 0;
}


/* 20260609gestion_estudio_solapas_vacias421 */
.ge-empty-panel {
  min-height: 220px;
}

.ge-empty-panel h3 {
  margin-bottom: 0;
}









/* 20260609gestion_estudio_pd_rebuild_table445 */
.ge-pd-panel {
  overflow: hidden;
}

.ge-pd-title-row,
.ge-pd-client-form {
  margin-bottom: 12px;
}

.ge-pd-table {
  width: 100%;
  table-layout: fixed;
}

.ge-pd-table th,
.ge-pd-table td {
  vertical-align: middle;
}

.ge-pd-client-row {
  background: color-mix(in srgb, var(--soft) 80%, var(--panel));
}

.ge-pd-client-row td {
  background: transparent;
}

.ge-pd-client-info strong {
  display: block;
  color: var(--text);
  font-size: 12px;
  line-height: 1.2;
}

.ge-pd-client-info small {
  display: block;
  color: var(--muted);
  font-size: 11px;
  margin-top: 3px;
}

.ge-pd-task-row {
  background: var(--panel);
}

.ge-pd-task-row.is-done,
.ge-pd-task-row:has(.ge-pd-check input[type="checkbox"]:checked) {
  background: color-mix(in srgb, #dcfce7 42%, var(--panel));
}

.ge-pd-empty-task-row td {
  color: var(--muted);
  font-size: 12px;
}

.ge-pd-table input:not([type="checkbox"]),
.ge-pd-table select,
.ge-pd-table textarea {
  width: 100%;
  min-height: 30px;
  border: 1px solid var(--line);
  border-radius: 11px;
  background: color-mix(in srgb, var(--panel) 92%, white);
  color: var(--text);
  font-size: 12px;
  padding: 6px 10px;
}

.ge-pd-table input[readonly],
.ge-pd-table textarea[readonly],
.ge-pd-table select:disabled {
  border-color: transparent;
  background: transparent;
  box-shadow: none;
  padding-left: 0;
  cursor: default;
}

.ge-pd-table input[type="checkbox"] {
  width: 18px;
  height: 18px;
}

.ge-pd-client-note {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) 38px 38px;
  align-items: center;
  gap: 8px;
}

.ge-pd-client-note input[name="notes"] {
  max-width: 190px;
}

.ge-pd-urgent-cell label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}

.ge-pd-actions.actions,
.ge-pd-table td.actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  white-space: nowrap;
}

.ge-pd-actions form {
  display: inline-flex;
  margin: 0;
}

.ge-pd-crm-btn.icon-btn,
button.ge-pd-crm-btn.icon-btn,
.ge-pd-table .icon-btn {
  width: 38px;
  height: 38px;
  min-width: 38px;
  min-height: 38px;
  padding: 0;
  border-radius: 12px;
  background: linear-gradient(180deg, #f8fbfa 0%, #eef4f1 100%);
  color: var(--text);
  border: 1px solid var(--line);
  box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
}

.ge-pd-crm-btn.icon-btn:hover,
button.ge-pd-crm-btn.icon-btn:hover,
.ge-pd-table .icon-btn:hover {
  border-color: color-mix(in srgb, var(--brand) 32%, var(--line));
  background: color-mix(in srgb, var(--brand) 8%, var(--panel));
  color: var(--text);
  transform: none;
}

.ge-pd-crm-btn.icon-btn.danger,
button.ge-pd-crm-btn.icon-btn.danger,
.ge-pd-table .icon-btn.danger {
  background: #fff1f1;
  color: #dc2626;
  border-color: #fecaca;
}

.ge-pd-crm-btn.icon-btn.danger:hover,
button.ge-pd-crm-btn.icon-btn.danger:hover,
.ge-pd-table .icon-btn.danger:hover {
  background: #fee2e2;
  color: #b91c1c;
  border-color: #fca5a5;
}

.ge-pd-table button[disabled],
.ge-pd-table .icon-btn[disabled] {
  opacity: .45;
  cursor: not-allowed;
}

.ge-pd-table .sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.ge-pd-add-task summary {
  list-style: none;
}

.ge-pd-add-task summary::-webkit-details-marker {
  display: none;
}

.ge-pd-add-task-form {
  position: absolute;
  z-index: 20;
  display: grid;
  grid-template-columns: minmax(180px, 1fr) 140px 80px 110px minmax(150px, 1fr) 38px;
  gap: 8px;
  align-items: center;
  min-width: min(820px, calc(100vw - 80px));
  margin-top: 8px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: var(--panel);
  box-shadow: var(--shadow);
}

@media (prefers-color-scheme: dark) {
  .ge-pd-client-row {
    background: color-mix(in srgb, var(--soft) 62%, var(--panel));
  }

  .ge-pd-task-row.is-done,
  .ge-pd-task-row:has(.ge-pd-check input[type="checkbox"]:checked) {
    background: color-mix(in srgb, #14532d 38%, var(--panel));
  }

  .ge-pd-crm-btn.icon-btn,
  button.ge-pd-crm-btn.icon-btn,
  .ge-pd-table .icon-btn {
    background: color-mix(in srgb, var(--panel) 82%, #ffffff 6%);
    color: var(--text);
    border-color: var(--line);
  }
}


/* 20260609gestion_estudio_pd_pulido_visual446 */
.ge-pd-panel {
  border-color: var(--line);
  box-shadow: none;
}

.ge-pd-title-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}

.ge-pd-title-row h3 {
  margin: 0;
  font-size: 16px;
  letter-spacing: .01em;
}

.ge-pd-title-row span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ge-pd-client-form {
  display: grid;
  grid-template-columns: minmax(240px, 1.1fr) minmax(220px, .9fr) 40px;
  align-items: center;
  gap: 10px;
}

.ge-pd-client-form input {
  min-height: 34px;
  font-size: 12px;
}

.ge-pd-add-client {
  width: 38px;
  height: 38px;
  border-radius: 12px;
  border: 1px solid var(--line);
  background: linear-gradient(180deg, #f8fbfa 0%, #eef4f1 100%);
  color: var(--text);
  font-size: 18px;
  font-weight: 800;
  line-height: 1;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
}

.ge-pd-add-client:hover {
  border-color: color-mix(in srgb, var(--brand) 32%, var(--line));
  background: color-mix(in srgb, var(--brand) 8%, var(--panel));
  color: var(--text);
}

.ge-pd-table {
  font-size: 12px;
}

.ge-pd-table th {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  background: var(--panel);
}

.ge-pd-table td {
  height: 56px;
}

.ge-pd-client-row {
  background: color-mix(in srgb, var(--soft) 56%, var(--panel));
}

.ge-pd-client-info strong {
  font-size: 12px;
  font-weight: 800;
}

.ge-pd-client-info small {
  font-size: 11px;
}

.ge-pd-task-row td {
  height: 50px;
}

.ge-pd-task-title-cell input[readonly] {
  font-weight: 650;
}

.ge-pd-count {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.ge-pd-table input:not([type="checkbox"]) {
  min-height: 30px;
  font-size: 12px;
}

.ge-pd-table input[readonly] {
  color: var(--text);
}

.ge-pd-urgent-cell label {
  font-size: 11px;
}

.ge-pd-crm-btn.icon-btn,
button.ge-pd-crm-btn.icon-btn,
.ge-pd-table .icon-btn,
.ge-pd-add-task .icon-btn {
  width: 36px;
  height: 36px;
  min-width: 36px;
  min-height: 36px;
  border-radius: 11px;
  background: linear-gradient(180deg, #f8fbfa 0%, #eef4f1 100%);
  color: var(--text);
  border-color: var(--line);
}

.ge-pd-crm-btn.icon-btn.danger,
button.ge-pd-crm-btn.icon-btn.danger,
.ge-pd-table .icon-btn.danger {
  color: #dc2626;
  background: #fff7f7;
  border-color: #fecaca;
}

.ge-pd-add-task summary {
  display: inline-flex;
}

.ge-pd-add-task summary .icon-btn {
  color: var(--text);
}

.ge-pd-add-task-form {
  font-size: 12px;
}

@media (max-width: 900px) {
  .ge-pd-client-form {
    grid-template-columns: 1fr;
  }

  .ge-pd-add-client {
    width: 100%;
  }
}




/* 20260609gestion_estudio_pd_plus_crm450 */
/* Unifica los botones + de PD con el estilo sobrio de acciones CRM. */
.ge-pd-add-client,
.ge-pd-add-task summary,
.ge-pd-add-task summary .icon-btn,
.ge-pd-add-task .ge-pd-crm-btn.icon-btn {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  border-radius: 11px !important;
  border: 1px solid var(--line) !important;
  background: linear-gradient(180deg, #f8fbfa 0%, #eef4f1 100%) !important;
  color: var(--text) !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .04) !important;
}

.ge-pd-add-client {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

.ge-pd-add-task summary {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  list-style: none !important;
  padding: 0 !important;
  cursor: pointer !important;
}

.ge-pd-add-task summary::-webkit-details-marker {
  display: none !important;
}

.ge-pd-add-client:hover,
.ge-pd-add-task summary:hover,
.ge-pd-add-task summary:hover .icon-btn,
.ge-pd-add-task .ge-pd-crm-btn.icon-btn:hover {
  border-color: color-mix(in srgb, var(--brand) 32%, var(--line)) !important;
  background: color-mix(in srgb, var(--brand) 8%, var(--panel)) !important;
  color: var(--text) !important;
  transform: none !important;
}

.ge-pd-add-cell {
  text-align: center;
}

@media (prefers-color-scheme: dark) {
  .ge-pd-add-client,
  .ge-pd-add-task summary,
  .ge-pd-add-task summary .icon-btn,
  .ge-pd-add-task .ge-pd-crm-btn.icon-btn {
    background: color-mix(in srgb, var(--panel) 82%, #ffffff 6%) !important;
    color: var(--text) !important;
    border-color: var(--line) !important;
  }
}


/* 20260609gestion_estudio_pd_toolbar451 */
/* Toolbar PD con el mismo lenguaje visual sobrio de las acciones CRM. */
.ge-pd-client-form {
  display: grid !important;
  grid-template-columns: minmax(260px, 1.2fr) minmax(220px, .95fr) 36px !important;
  gap: 10px !important;
  align-items: center !important;
  margin: 12px 0 14px !important;
  padding: 10px !important;
  border: 1px solid var(--line) !important;
  border-radius: 14px !important;
  background: color-mix(in srgb, var(--panel) 88%, var(--soft)) !important;
}

.ge-pd-client-form input {
  min-height: 34px !important;
  border-radius: 11px !important;
  background: var(--panel) !important;
  border: 1px solid var(--line) !important;
  color: var(--text) !important;
  font-size: 12px !important;
  padding: 7px 11px !important;
  box-shadow: none !important;
}

.ge-pd-client-form input:focus {
  border-color: color-mix(in srgb, var(--brand) 42%, var(--line)) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand) 12%, transparent) !important;
  outline: none !important;
}

.ge-pd-client-form .ge-pd-add-client {
  justify-self: end !important;
}

.ge-pd-title-row {
  padding: 0 2px !important;
}

.ge-pd-title-row h3 {
  font-size: 15px !important;
}

.ge-pd-title-row span {
  font-size: 11px !important;
}

@media (max-width: 900px) {
  .ge-pd-client-form {
    grid-template-columns: 1fr !important;
  }

  .ge-pd-client-form .ge-pd-add-client {
    justify-self: stretch !important;
    width: 100% !important;
  }
}


/* 20260609gestion_estudio_pd_add_client_icon456 */
/* El + de agregar cliente usa el mismo helper/icon-btn que las demas acciones. */
.ge-pd-client-form [data-pd-add-client].icon-btn {
  justify-self: end;
}


/* 20260609gestion_estudio_sueldos_desde_cero_470 */
.ge-sueldos-client-form {
  display: grid;
  grid-template-columns: minmax(260px, 1.2fr) minmax(160px, .6fr) 38px;
  gap: 10px;
  align-items: center;
  margin: 12px 0 14px;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: color-mix(in srgb, var(--panel) 88%, var(--soft));
}

.ge-sueldos-client-form input {
  min-height: 34px;
  border-radius: 11px;
  border: 1px solid var(--line);
  background: var(--panel);
  color: var(--text);
  font-size: 12px;
  padding: 7px 11px;
}

.ge-sueldos-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 12px;
  color: var(--muted);
  font-size: 11px;
}

.ge-sueldos-legend span {
  padding: 5px 8px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: color-mix(in srgb, var(--panel) 86%, var(--soft));
}

.ge-sueldos-scroll {
  overflow-x: auto;
}

.ge-sueldos-table {
  min-width: 2300px;
  table-layout: fixed;
  font-size: 12px;
}

.ge-sueldos-table th {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  white-space: nowrap;
  text-align: center;
}

.ge-sueldos-table th:first-child {
  width: 260px;
  text-align: left;
}

.ge-sueldos-table th:nth-child(2) {
  width: 270px;
  text-align: left;
}

.ge-sueldos-table th:last-child {
  width: 80px;
}

.ge-sueldos-month {
  width: 156px;
  border-left: 1px solid color-mix(in srgb, var(--line) 85%, transparent);
  background: color-mix(in srgb, var(--soft) 36%, var(--panel));
}

.ge-sueldos-item-head {
  width: 39px;
  font-size: 10px !important;
  letter-spacing: .02em !important;
}

.ge-sueldos-client strong {
  display: block;
  font-size: 12px;
  font-weight: 800;
  color: var(--text);
}

.ge-sueldos-client small {
  display: block;
  margin-top: 3px;
  color: var(--muted);
  font-size: 11px;
}

.ge-sueldos-note-form {
  max-width: 250px;
}

.ge-sueldos-note-form input[name="notes"] {
  max-width: 160px;
}

.ge-sueldos-item-cell {
  width: 39px;
  text-align: center;
  padding-left: 4px !important;
  padding-right: 4px !important;
}

.ge-sueldos-item-cell:has(input[type="checkbox"]:checked) {
  background: color-mix(in srgb, #22c55e 18%, var(--panel));
}

.ge-sueldos-check-form {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}

.ge-sueldos-check-form input[type="checkbox"] {
  width: 16px;
  height: 16px;
}


/* 20260609gestion_estudio_sueldos_mensual_472 */
.ge-sueldos-month-single-table {
  min-width: 880px !important;
  table-layout: fixed;
}

.ge-sueldos-month-single-table th:first-child {
  width: 280px !important;
  text-align: left;
}

.ge-sueldos-month-single-table th:nth-child(2) {
  width: 260px !important;
  text-align: left;
}

.ge-sueldos-month-single-table th:nth-child(3),
.ge-sueldos-month-single-table th:nth-child(4),
.ge-sueldos-month-single-table th:nth-child(5),
.ge-sueldos-month-single-table th:nth-child(6),
.ge-sueldos-month-single-cell {
  width: 90px !important;
  text-align: center;
}

.ge-sueldos-month-single-table th:last-child {
  width: 96px !important;
}

.ge-sueldos-month-single-cell:has(input[type="checkbox"]:checked) {
  background: color-mix(in srgb, #22c55e 20%, var(--panel));
}


/* 20260609gestion_estudio_dashboard_asignacion_481 */
.ge-dashboard-period-panel {
  overflow: hidden;
}

.ge-dashboard-period-form {
  display: grid;
  gap: 14px;
}

.ge-dashboard-period-grid {
  display: grid;
  grid-template-columns: 88px 112px 150px minmax(220px, 1fr);
  gap: 10px;
  align-items: end;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: color-mix(in srgb, var(--panel) 88%, var(--soft));
}

.ge-dashboard-period-grid label {
  display: grid;
  gap: 5px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.ge-dashboard-period-grid input,
.ge-dashboard-period-grid select {
  min-height: 34px;
  border-radius: 11px;
  border: 1px solid var(--line);
  background: var(--panel);
  color: var(--text);
  font-size: 12px;
  padding: 7px 11px;
}

.ge-dashboard-assignment-wrap {
  max-height: 540px;
  overflow: auto;
}

.ge-dashboard-assignment-table {
  min-width: 920px;
  table-layout: fixed;
  font-size: 12px;
}

.ge-dashboard-assignment-table th:first-child {
  width: 280px;
}

.ge-dashboard-client-cell strong {
  display: block;
  font-size: 12px;
  font-weight: 800;
  color: var(--text);
}

.ge-dashboard-client-cell small {
  display: block;
  margin-top: 3px;
  color: var(--muted);
  font-size: 11px;
}

.ge-dashboard-tab-cell {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.ge-dashboard-tab-check {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 104px;
  padding: 6px 8px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: color-mix(in srgb, var(--panel) 88%, var(--soft));
  color: var(--text);
  font-size: 11px;
  font-weight: 700;
}

.ge-dashboard-tab-check input {
  width: 15px;
  height: 15px;
}

.ge-dashboard-tab-check:has(input:checked) {
  border-color: color-mix(in srgb, #22c55e 44%, var(--line));
  background: color-mix(in srgb, #22c55e 18%, var(--panel));
}

.ge-dashboard-period-actions {
  display: flex;
  justify-content: flex-end;
}

.ge-dashboard-period-actions button {
  min-height: 38px;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--brand) 42%, var(--line));
  background: var(--brand);
  color: white;
  font-weight: 800;
  padding: 0 18px;
}

@media (max-width: 900px) {
  .ge-dashboard-period-grid {
    grid-template-columns: 1fr;
  }

  .ge-dashboard-assignment-table {
    min-width: 760px;
  }
}


/* 20260609gestion_estudio_dashboard_tag_filter_486 */
.ge-dashboard-tag-filter {
  display: grid;
  gap: 10px;
  margin: 8px 0 14px;
  padding: 12px;
  border: 1px solid rgba(25, 135, 84, 0.18);
  border-radius: 14px;
  background: rgba(248, 252, 250, 0.82);
}

.ge-dashboard-tag-filter label {
  display: grid;
  gap: 7px;
  font-size: 12px;
  font-weight: 800;
  color: #42534d;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.ge-dashboard-tag-filter select {
  min-height: 104px;
  border: 1px solid #d7e4df;
  border-radius: 12px;
  padding: 8px;
  background: #fff;
  color: #0b1713;
  font-size: 13px;
  text-transform: none;
  letter-spacing: 0;
}

.ge-dashboard-tag-filter button {
  justify-self: start;
  border: 1px solid #b9ded1;
  border-radius: 12px;
  padding: 9px 14px;
  background: #10c27a;
  color: #062016;
  font-weight: 900;
}


/* 20260609gestion_estudio_dashboard_tag_filter_field_492 */
.ge-dashboard-tag-filter-field {
  display: grid;
  grid-template-columns: minmax(220px, 360px) auto;
  align-items: end;
  gap: 10px;
  margin: 8px 0 14px;
  padding: 0;
  border: 0;
  background: transparent;
}

.ge-dashboard-tag-filter-field label {
  display: grid;
  gap: 6px;
  margin: 0;
  color: #d9efe7;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.ge-dashboard-tag-filter-field select {
  width: 100%;
  height: 42px;
  min-height: 42px;
  border: 1px solid rgba(148, 220, 196, .35);
  border-radius: 11px;
  padding: 0 12px;
  background: rgba(10, 28, 21, .78);
  color: #ffffff;
  font-size: 13px;
  font-weight: 800;
  text-transform: none;
  letter-spacing: 0;
}

.ge-dashboard-tag-filter-field button {
  height: 42px;
  border: 0;
  border-radius: 999px;
  padding: 0 18px;
  background: #10c27a;
  color: #052016;
  font-size: 13px;
  font-weight: 900;
  cursor: pointer;
}


/* 20260609gestion_estudio_dashboard_etiquetas_chips493 */
.ge-dashboard-tag-picker {
  display: grid;
  gap: 9px;
  margin: 8px 0 14px;
  max-width: 430px;
  padding: 0;
  border: 0;
  background: transparent;
}

.ge-dashboard-tag-picker label {
  color: #d9efe7;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.ge-dashboard-tag-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  min-height: 29px;
  align-items: center;
}

.ge-dashboard-tag-chip {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  max-width: 100%;
  border-radius: 999px;
  padding: 6px 9px;
  background: var(--tag-color, #294f43);
  color: #fff;
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.16);
}

.ge-dashboard-tag-chip button {
  display: inline-grid;
  place-items: center;
  width: 17px;
  height: 17px;
  border: 0;
  border-radius: 999px;
  background: rgba(0,0,0,.28);
  color: #fff;
  cursor: pointer;
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
}

.ge-dashboard-tag-empty {
  color: rgba(222, 246, 238, .66);
  font-size: 12px;
  font-weight: 800;
}

.ge-dashboard-tag-search-wrap {
  position: relative;
}

.ge-dashboard-tag-search-wrap input {
  width: 100%;
  height: 42px;
  border: 1px solid rgba(88, 211, 164, .62);
  border-radius: 10px;
  padding: 0 12px;
  background: rgba(6, 29, 21, .86);
  color: #fff;
  font-size: 14px;
  font-weight: 800;
  outline: none;
}

.ge-dashboard-tag-search-wrap input:focus {
  border-color: #36d998;
  box-shadow: 0 0 0 3px rgba(54, 217, 152, .16);
}

.ge-dashboard-tag-options {
  display: none;
  position: absolute;
  z-index: 15;
  left: 0;
  right: 0;
  top: calc(100% + 6px);
  max-height: 190px;
  overflow: auto;
  padding: 8px;
  border: 1px solid rgba(88, 211, 164, .28);
  border-radius: 10px;
  background: #10261f;
  box-shadow: 0 16px 34px rgba(0,0,0,.28);
}

.ge-dashboard-tag-picker.is-open .ge-dashboard-tag-options {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.ge-dashboard-tag-option {
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 8px;
  padding: 7px 10px;
  background: var(--tag-color, #276b3d);
  color: #fff;
  cursor: pointer;
  font-size: 12px;
  font-weight: 900;
}

.ge-dashboard-tag-option[hidden] {
  display: none;
}

.ge-dashboard-tag-create {
  width: 100%;
  border: 0;
  border-radius: 8px;
  padding: 8px 10px;
  background: transparent;
  color: #fff;
  text-align: left;
  cursor: default;
  font-size: 12px;
  font-weight: 900;
}

.ge-dashboard-tag-create strong {
  color: #32e294;
}


/* 20260610gestion_estudio_dashboard_etiquetas_como_contactos495 */
.ge-dashboard-tag-picker {
  position: relative;
  display: grid;
  gap: 8px;
  max-width: 420px;
  margin: 8px 0 14px;
  padding: 0;
  border: 0;
  background: transparent;
}

.ge-dashboard-tag-picker label {
  color: #d9efe7;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.ge-dashboard-tag-control {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  min-height: 42px;
  border: 1px solid #38d89a;
  border-radius: 9px;
  background: #14231d;
  padding: 5px 7px;
  box-shadow: 0 0 0 3px rgba(56, 216, 154, .11);
}

.ge-dashboard-tag-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.ge-dashboard-tag-chip {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 24px;
  border-radius: 999px;
  padding: 3px 8px;
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.18);
}

.ge-dashboard-tag-chip button {
  display: inline-grid;
  place-items: center;
  width: 17px;
  height: 17px;
  border: 0;
  border-radius: 999px;
  background: rgba(0,0,0,.28);
  color: inherit;
  cursor: pointer;
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
}

.ge-dashboard-tag-control input {
  flex: 1 1 145px;
  min-width: 130px;
  height: 28px;
  border: 0;
  background: transparent;
  color: #fff;
  padding: 3px 4px;
  font-size: 13px;
  font-weight: 800;
  outline: 0;
}

.ge-dashboard-tag-control input::placeholder {
  color: rgba(232, 246, 240, .62);
}

.ge-dashboard-tag-options {
  display: none;
  position: absolute;
  z-index: 35;
  top: calc(100% + 4px);
  left: 0;
  width: min(100%, 420px);
  max-height: 210px;
  overflow: auto;
  border: 1px solid rgba(112, 145, 130, .65);
  border-radius: 8px;
  background: #17231d;
  box-shadow: 0 16px 34px rgba(0,0,0,.32);
  padding: 7px;
}

.ge-dashboard-tag-picker.is-open .ge-dashboard-tag-options {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.ge-dashboard-tag-option {
  width: auto;
  min-height: 0;
  border: 0;
  border-radius: 0;
  padding: 0;
  background: transparent;
  color: inherit;
  box-shadow: none;
  cursor: pointer;
}

.ge-dashboard-tag-option[hidden] {
  display: none;
}

.ge-dashboard-tag-option .tag-badge {
  display: inline-flex;
  align-items: center;
  min-height: 25px;
  border-radius: 7px;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 900;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.18);
}

.ge-dashboard-tag-option:hover .tag-badge {
  transform: translateY(-1px);
  filter: saturate(1.08);
}

.ge-dashboard-tag-create {
  flex-basis: 100%;
  border: 0;
  border-top: 1px solid rgba(112, 145, 130, .4);
  border-radius: 0;
  margin-top: 3px;
  padding: 8px 6px 4px;
  background: transparent;
  color: #fff;
  text-align: left;
  font-size: 12px;
  font-weight: 900;
  cursor: default;
}

.ge-dashboard-tag-create strong {
  color: #31e797;
}


/* 20260610gestion_estudio_dashboard_etiquetas_css_fino496 */
.ge-dashboard-tag-picker {
  max-width: 300px !important;
  gap: 6px !important;
  margin: 4px 0 10px !important;
}

.ge-dashboard-tag-control {
  min-height: 34px !important;
  border: 1px solid rgba(88, 116, 104, .75) !important;
  border-radius: 7px !important;
  background: #17231d !important;
  padding: 3px 6px !important;
  box-shadow: none !important;
}

.ge-dashboard-tag-control:focus-within {
  border-color: rgba(88, 211, 164, .75) !important;
  box-shadow: 0 0 0 2px rgba(56, 216, 154, .10) !important;
}

.ge-dashboard-tag-control input {
  height: 24px !important;
  min-width: 115px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

.ge-dashboard-tag-options {
  width: min(100%, 300px) !important;
  max-height: 168px !important;
  padding: 6px !important;
  gap: 4px !important;
  background: #17231d !important;
}

.ge-dashboard-tag-picker.is-open .ge-dashboard-tag-options {
  gap: 4px !important;
}

.ge-dashboard-tag-chip {
  min-height: 20px !important;
  padding: 2px 7px !important;
  font-size: 10.5px !important;
}

.ge-dashboard-tag-chip button {
  width: 15px !important;
  height: 15px !important;
  font-size: 10px !important;
}

.ge-dashboard-tag-option .tag-badge {
  min-height: 21px !important;
  padding: 3px 8px !important;
  border-radius: 6px !important;
  font-size: 10.5px !important;
  line-height: 1 !important;
}

.ge-dashboard-tag-option {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
}

.ge-dashboard-tag-create {
  padding: 7px 4px 3px !important;
  font-size: 11px !important;
}


/* 20260610gestion_estudio_dashboard_etiqueta_x_centrada497 */
.ge-dashboard-tag-chip button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 15px !important;
  height: 15px !important;
  min-width: 15px !important;
  min-height: 15px !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 15px !important;
  font-size: 10px !important;
  font-family: Arial, sans-serif !important;
  text-align: center !important;
  vertical-align: middle !important;
}


/* 20260610gestion_estudio_dashboard_historial_periodos503 */
.ge-dashboard-period-history {
  display: grid;
  gap: 10px;
  margin: 8px 0 16px;
  padding: 12px;
  border: 1px solid rgba(135, 180, 162, .28);
  border-radius: 14px;
  background: rgba(7, 31, 23, .34);
}

.ge-dashboard-history-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
}

.ge-dashboard-history-head h4 {
  margin: 0;
  color: #f4fff9;
  font-size: 13px;
  font-weight: 900;
}

.ge-dashboard-history-head span {
  color: rgba(230, 248, 241, .7);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .05em;
}

.ge-dashboard-history-list {
  display: grid;
  gap: 8px;
}

.ge-dashboard-history-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 10px;
  border: 1px solid rgba(135, 180, 162, .24);
  border-radius: 12px;
  background: rgba(255, 255, 255, .04);
}

.ge-dashboard-history-card.is-active {
  border-color: rgba(25, 195, 122, .7);
  background: rgba(25, 195, 122, .10);
}

.ge-dashboard-history-card.is-archived {
  opacity: .66;
}

.ge-dashboard-history-main {
  display: grid;
  gap: 5px;
}

.ge-dashboard-history-main strong {
  color: #fff;
  font-size: 14px;
  font-weight: 950;
}

.ge-dashboard-history-main small {
  color: rgba(230, 248, 241, .72);
  font-size: 11px;
  font-weight: 800;
}

.ge-dashboard-history-status {
  justify-self: start;
  border-radius: 999px;
  padding: 3px 8px;
  background: rgba(255,255,255,.10);
  color: #dff8ee;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.ge-dashboard-history-counts {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.ge-dashboard-history-counts span {
  border-radius: 999px;
  padding: 3px 7px;
  background: rgba(255,255,255,.08);
  color: #eafff6;
  font-size: 11px;
  font-weight: 800;
}

.ge-dashboard-history-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  justify-content: flex-end;
}

.ge-dashboard-history-actions form {
  margin: 0;
}

.ge-dashboard-history-btn,
.ge-dashboard-history-actions button {
  min-height: 31px;
  border: 1px solid rgba(135, 180, 162, .32);
  border-radius: 10px;
  padding: 0 10px;
  background: rgba(255,255,255,.06);
  color: #eafff6;
  font-size: 11px;
  font-weight: 900;
  text-decoration: none;
  cursor: pointer;
}

.ge-dashboard-history-actions button.danger {
  border-color: rgba(255, 95, 95, .45);
  color: #ffb8b8;
}

@media (max-width: 760px) {
  .ge-dashboard-history-card {
    grid-template-columns: 1fr;
  }

  .ge-dashboard-history-actions {
    justify-content: flex-start;
  }
}




/* 20260610gestion_estudio_correccion_visual_514 */
/* Capa fina: corrige mezcla sin repintar todo Gestion Estudio. */

/* Solapas: mismo eje, texto centrado */
.gestion-estudio-excel .ge-tabs {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.gestion-estudio-excel .ge-tab {
  height: 38px !important;
  min-height: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 16px !important;
  line-height: 1 !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
}

.gestion-estudio-excel .ge-tab * {
  line-height: 1 !important;
}

/* Periodo activo: boton Historial arriba a la derecha, no caido debajo */
.gestion-estudio-excel .ge-dashboard-period-single-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: start !important;
  column-gap: 16px !important;
}

.gestion-estudio-excel .ge-dashboard-period-single-head > div:first-child {
  grid-column: 1 !important;
  min-width: 0 !important;
}

.gestion-estudio-excel .ge-dashboard-period-top-actions {
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: start !important;
  justify-self: end !important;
  margin: 0 !important;
}

/* Botones de accion: cuadrado claro como Tareas */
.gestion-estudio-excel .ge-dashboard-history-link,
.gestion-estudio-excel .ge-dashboard-period-row-actions.icon-only a,
.gestion-estudio-excel .ge-dashboard-period-row-actions.icon-only button {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid #d7e7df !important;
  border-radius: 10px !important;
  padding: 0 !important;
  background: #f4faf7 !important;
  color: #123328 !important;
  box-shadow: 0 8px 18px rgba(15, 35, 28, .06) !important;
  text-decoration: none !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

.gestion-estudio-excel .ge-dashboard-history-link .action-icon {
  width: 18px !important;
  height: 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
}

.gestion-estudio-excel .ge-dashboard-period-row-actions.icon-only button.danger {
  border-color: #ffb6b1 !important;
  background: #fff0ef !important;
  color: #dc2d2d !important;
}

/* Etiquetas: quitar caja negra/fondo viejo, mantener picker compacto */
.gestion-estudio-excel .ge-dashboard-tag-picker,
.gestion-estudio-excel .ge-dashboard-tag-filter {
  width: fit-content !important;
  max-width: min(100%, 420px) !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.gestion-estudio-excel .ge-dashboard-tag-control {
  min-height: 46px !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 5px 8px !important;
  border: 1px solid #cfe5dc !important;
  border-radius: 10px !important;
  background: #fff !important;
  box-shadow: none !important;
}

.gestion-estudio-excel .ge-dashboard-tag-control input {
  height: 34px !important;
  min-width: 180px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 4px !important;
  color: #0c1f18 !important;
}

.gestion-estudio-excel .ge-dashboard-tag-control input::placeholder {
  color: #7a8c85 !important;
}

.gestion-estudio-excel .ge-dashboard-tag-options {
  border: 1px solid #d7e7df !important;
  border-radius: 10px !important;
  background: #fff !important;
  box-shadow: 0 16px 34px rgba(15, 35, 28, .14) !important;
}

/* Tabla/listado: no tocar estructura, solo corregir exceso visual */
.gestion-estudio-excel .ge-dashboard-tab-cell {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.gestion-estudio-excel .ge-dashboard-tab-check {
  min-height: 46px !important;
  height: 46px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
}

.gestion-estudio-excel .ge-dashboard-tab-check span {
  line-height: 1 !important;
}


/* 20260610ge_tooltip_nuevo_periodo_515 */
.gestion-estudio-excel [aria-label].ge-dashboard-history-link:hover::after,
.gestion-estudio-excel .ge-dashboard-period-row-actions.icon-only [aria-label]:hover::after,
.gestion-estudio-excel [aria-label].ge-dashboard-history-link:hover::before,
.gestion-estudio-excel .ge-dashboard-period-row-actions.icon-only [aria-label]:hover::before {
  display: none !important;
  content: none !important;
}

.gestion-estudio-excel .ge-dashboard-period-actions button:not([disabled]) {
  opacity: 1 !important;
  cursor: pointer !important;
}


/* 20260610ge_periodo_activo_tareas518 */
.gestion-estudio-excel .ge-dashboard-period-active {
  background: #fff !important;
  border: 1px solid #d6e6df !important;
  border-radius: 10px !important;
  box-shadow: 0 10px 24px rgba(15, 48, 38, .06) !important;
  padding: 16px !important;
  margin: 12px 0 18px !important;
  color: #061711 !important;
}

.gestion-estudio-excel .ge-dashboard-period-active-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 14px !important;
  margin-bottom: 14px !important;
}

.gestion-estudio-excel .ge-dashboard-period-active-head h3 {
  margin: 0 0 6px !important;
  font-size: 22px !important;
  line-height: 1.15 !important;
  color: #061711 !important;
}

.gestion-estudio-excel .ge-dashboard-period-active-head p {
  margin: 0 !important;
  color: #315249 !important;
  font-size: 13px !important;
}

.gestion-estudio-excel .ge-dashboard-period-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  border-top: 1px solid #dbe9e3 !important;
  padding-top: 12px !important;
}

.gestion-estudio-excel .ge-dashboard-period-main {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  min-width: 0 !important;
  color: #061711 !important;
}

.gestion-estudio-excel .ge-dashboard-period-main strong {
  font-size: 15px !important;
  font-weight: 800 !important;
}

.gestion-estudio-excel .ge-period-status-pill,
.gestion-estudio-excel .ge-period-mini-pill {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 24px !important;
  padding: 4px 9px !important;
  border-radius: 999px !important;
  background: #eef7f3 !important;
  border: 1px solid #d9eae3 !important;
  color: #0b4b3b !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

.gestion-estudio-excel .ge-dashboard-period-actions {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
}

.gestion-estudio-excel .ge-dashboard-period-actions form {
  display: contents !important;
  margin: 0 !important;
}

.gestion-estudio-excel .ge-action-icon-mini {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 10px !important;
  border: 1px solid #d9eae3 !important;
  background: #f6fbf9 !important;
  color: #082f25 !important;
  box-shadow: 0 8px 18px rgba(15, 48, 38, .06) !important;
  text-decoration: none !important;
  cursor: pointer !important;
  font-size: 0 !important;
}

.gestion-estudio-excel .ge-action-icon-mini svg {
  width: 17px !important;
  height: 17px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.gestion-estudio-excel .ge-action-icon-mini:hover {
  background: #eef7f3 !important;
  transform: translateY(-1px) !important;
}

.gestion-estudio-excel .ge-action-icon-mini.danger {
  background: #fff4f4 !important;
  border-color: #ffc9c9 !important;
  color: #df3b3b !important;
}

.gestion-estudio-excel .ge-action-icon-mini[data-tooltip] {
  position: relative !important;
}

.gestion-estudio-excel .ge-action-icon-mini[data-tooltip]::after {
  content: attr(data-tooltip) !important;
  position: absolute !important;
  left: 50% !important;
  bottom: calc(100% + 10px) !important;
  transform: translateX(-50%) !important;
  background: #10231d !important;
  color: #fff !important;
  font-weight: 800 !important;
  font-size: 14px !important;
  line-height: 1 !important;
  padding: 10px 12px !important;
  border-radius: 8px !important;
  white-space: nowrap !important;
  opacity: 0 !important;
  pointer-events: none !important;
  box-shadow: 0 12px 24px rgba(0,0,0,.18) !important;
  z-index: 50 !important;
}

.gestion-estudio-excel .ge-action-icon-mini[data-tooltip]:hover::after {
  opacity: 1 !important;
}

@media (max-width: 760px) {
  .gestion-estudio-excel .ge-dashboard-period-row,
  .gestion-estudio-excel .ge-dashboard-period-active-head {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  .gestion-estudio-excel .ge-dashboard-period-actions {
    justify-content: flex-start !important;
  }
}


/* 20260610ge_dashboard_safe521 */
.gestion-estudio-excel .ge-dashboard-period-active-safe {
  background: #fff !important;
  border: 1px solid #d6e6df !important;
  border-radius: 10px !important;
  box-shadow: 0 10px 24px rgba(15, 48, 38, .06) !important;
  padding: 16px !important;
  margin: 12px 0 18px !important;
  color: #061711 !important;
}

.gestion-estudio-excel .ge-dashboard-period-active-head,
.gestion-estudio-excel .ge-dashboard-period-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
}

.gestion-estudio-excel .ge-dashboard-period-active-head {
  align-items: flex-start !important;
  margin-bottom: 12px !important;
}

.gestion-estudio-excel .ge-dashboard-period-active-head h3 {
  margin: 0 0 6px !important;
  font-size: 22px !important;
  line-height: 1.15 !important;
  color: #061711 !important;
}

.gestion-estudio-excel .ge-dashboard-period-active-head p {
  margin: 0 !important;
  color: #315249 !important;
  font-size: 13px !important;
}

.gestion-estudio-excel .ge-dashboard-period-row {
  border-top: 1px solid #dbe9e3 !important;
  padding-top: 12px !important;
}

.gestion-estudio-excel .ge-dashboard-period-main {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.gestion-estudio-excel .ge-period-status-pill {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 24px !important;
  padding: 4px 9px !important;
  border-radius: 999px !important;
  background: #eef7f3 !important;
  border: 1px solid #d9eae3 !important;
  color: #0b4b3b !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

.gestion-estudio-excel .ge-dashboard-period-actions,
.gestion-estudio-excel .ge-dashboard-period-actions form {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
}

.gestion-estudio-excel .ge-action-icon-mini {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 10px !important;
  border: 1px solid #d9eae3 !important;
  background: #f6fbf9 !important;
  color: #082f25 !important;
  box-shadow: 0 8px 18px rgba(15, 48, 38, .06) !important;
  text-decoration: none !important;
  cursor: pointer !important;
  font-weight: 900 !important;
}

.gestion-estudio-excel .ge-action-icon-mini.danger {
  background: #fff4f4 !important;
  border-color: #ffc9c9 !important;
  color: #df3b3b !important;
}


/* 20260610ge_periodo_activo_visual523 */
.gestion-estudio-excel .ge-dashboard-period-active,
.gestion-estudio-excel .ge-dashboard-period-active-safe {
  background: #ffffff !important;
  border: 1px solid #d8e7e0 !important;
  border-radius: 10px !important;
  box-shadow: 0 10px 24px rgba(15, 48, 38, .06) !important;
  padding: 16px !important;
  margin: 12px 0 18px !important;
  color: #061711 !important;
}

.gestion-estudio-excel .ge-dashboard-period-active-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 14px !important;
  margin-bottom: 12px !important;
}

.gestion-estudio-excel .ge-dashboard-period-active-head h3 {
  margin: 0 0 6px !important;
  font-size: 22px !important;
  line-height: 1.15 !important;
  color: #061711 !important;
  font-weight: 900 !important;
}

.gestion-estudio-excel .ge-dashboard-period-active-head p {
  margin: 0 !important;
  color: #315249 !important;
  font-size: 13px !important;
}

.gestion-estudio-excel .ge-dashboard-period-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  border-top: 1px solid #dbe9e3 !important;
  padding-top: 12px !important;
}

.gestion-estudio-excel .ge-dashboard-period-main {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  min-width: 0 !important;
  color: #061711 !important;
}

.gestion-estudio-excel .ge-dashboard-period-main strong {
  font-size: 15px !important;
  font-weight: 900 !important;
  color: #061711 !important;
}

.gestion-estudio-excel .ge-period-status-pill,
.gestion-estudio-excel .ge-period-mini-pill {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 24px !important;
  padding: 4px 9px !important;
  border-radius: 999px !important;
  background: #eef7f3 !important;
  border: 1px solid #d9eae3 !important;
  color: #0b4b3b !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

.gestion-estudio-excel .ge-dashboard-period-actions,
.gestion-estudio-excel .ge-dashboard-period-actions form {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
}

.gestion-estudio-excel .ge-action-icon-mini {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 10px !important;
  border: 1px solid #d9eae3 !important;
  background: #f6fbf9 !important;
  color: #082f25 !important;
  box-shadow: 0 8px 18px rgba(15, 48, 38, .06) !important;
  text-decoration: none !important;
  cursor: pointer !important;
  font-size: 0 !important;
}

.gestion-estudio-excel .ge-action-icon-mini svg {
  width: 17px !important;
  height: 17px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.gestion-estudio-excel .ge-action-icon-mini:not(.danger):hover {
  background: #eef7f3 !important;
  transform: translateY(-1px) !important;
}

.gestion-estudio-excel .ge-action-icon-mini.danger {
  background: #fff4f4 !important;
  border-color: #ffc9c9 !important;
  color: #df3b3b !important;
}

.gestion-estudio-excel .ge-action-icon-mini[data-tooltip],
.gestion-estudio-excel .ge-action-icon-mini[title] {
  position: relative !important;
}

.gestion-estudio-excel .ge-action-icon-mini[data-tooltip]::before,
.gestion-estudio-excel .ge-action-icon-mini[title]::before {
  display: none !important;
  content: none !important;
}

.gestion-estudio-excel .ge-action-icon-mini[data-tooltip]::after {
  content: attr(data-tooltip) !important;
  position: absolute !important;
  left: 50% !important;
  bottom: calc(100% + 10px) !important;
  transform: translateX(-50%) !important;
  background: #10231d !important;
  color: #fff !important;
  font-weight: 800 !important;
  font-size: 14px !important;
  line-height: 1 !important;
  padding: 10px 12px !important;
  border-radius: 8px !important;
  white-space: nowrap !important;
  opacity: 0 !important;
  pointer-events: none !important;
  box-shadow: 0 12px 24px rgba(0,0,0,.18) !important;
  z-index: 50 !important;
}

.gestion-estudio-excel .ge-action-icon-mini[data-tooltip]:hover::after {
  opacity: 1 !important;
}

@media (max-width: 760px) {
  .gestion-estudio-excel .ge-dashboard-period-row,
  .gestion-estudio-excel .ge-dashboard-period-active-head {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  .gestion-estudio-excel .ge-dashboard-period-actions {
    justify-content: flex-start !important;
  }
}


/* 20260610ge_iconos_dark_periodo_activo524 */
.gestion-estudio-excel .ge-action-icon-mini {
  font-size: 0 !important;
  line-height: 0 !important;
}

.gestion-estudio-excel .ge-action-icon-mini svg {
  display: block !important;
  width: 17px !important;
  height: 17px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

body.dark .gestion-estudio-excel .ge-dashboard-period-active,
body.dark .gestion-estudio-excel .ge-dashboard-period-active-safe {
  background: #13231d !important;
  border-color: rgba(191, 220, 207, .22) !important;
  box-shadow: none !important;
  color: #f6fbf9 !important;
}

body.dark .gestion-estudio-excel .ge-dashboard-period-active-head h3,
body.dark .gestion-estudio-excel .ge-dashboard-period-main strong {
  color: #f6fbf9 !important;
}

body.dark .gestion-estudio-excel .ge-dashboard-period-active-head p,
body.dark .gestion-estudio-excel .ge-dashboard-period-main {
  color: #d7e7df !important;
}

body.dark .gestion-estudio-excel .ge-dashboard-period-row {
  border-top-color: rgba(191, 220, 207, .22) !important;
}

body.dark .gestion-estudio-excel .ge-action-icon-mini {
  background: #172a23 !important;
  border-color: rgba(191, 220, 207, .25) !important;
  color: #eafff7 !important;
}

body.dark .gestion-estudio-excel .ge-action-icon-mini:not(.danger):hover {
  background: #20362e !important;
}

body.dark .gestion-estudio-excel .ge-action-icon-mini.danger {
  background: rgba(255, 84, 84, .12) !important;
  border-color: rgba(255, 150, 150, .45) !important;
  color: #ff8d8d !important;
}

body.dark .gestion-estudio-excel .ge-period-status-pill,
body.dark .gestion-estudio-excel .ge-period-mini-pill {
  background: rgba(29, 151, 113, .18) !important;
  border-color: rgba(94, 209, 170, .28) !important;
  color: #baf4df !important;
}


/* 20260610ge_tooltips_historial525 */
.gestion-estudio-excel .ge-action-icon-mini[title],
.gestion-estudio-excel .ge-history-action[title] {
  pointer-events: auto !important;
}

.gestion-estudio-excel .ge-action-icon-mini[data-tooltip],
.gestion-estudio-excel .ge-history-action[data-tooltip] {
  position: relative !important;
}

.gestion-estudio-excel .ge-action-icon-mini[data-tooltip]::before,
.gestion-estudio-excel .ge-history-action[data-tooltip]::before {
  content: none !important;
  display: none !important;
}

.gestion-estudio-excel .ge-action-icon-mini[data-tooltip]::after,
.gestion-estudio-excel .ge-history-action[data-tooltip]::after {
  content: attr(data-tooltip) !important;
  position: absolute !important;
  left: 50% !important;
  bottom: calc(100% + 10px) !important;
  transform: translateX(-50%) translateY(4px) !important;
  background: #10231d !important;
  color: #fff !important;
  font-weight: 900 !important;
  font-size: 14px !important;
  line-height: 1 !important;
  padding: 10px 13px !important;
  border-radius: 8px !important;
  white-space: nowrap !important;
  opacity: 0 !important;
  pointer-events: none !important;
  box-shadow: 0 14px 28px rgba(0, 0, 0, .24) !important;
  z-index: 200 !important;
  transition: opacity .12s ease, transform .12s ease !important;
}

.gestion-estudio-excel .ge-action-icon-mini[data-tooltip]:hover::after,
.gestion-estudio-excel .ge-history-action[data-tooltip]:hover::after {
  opacity: 1 !important;
  transform: translateX(-50%) translateY(0) !important;
}

.gestion-estudio-excel .ge-history-action,
.gestion-estudio-excel .ge-action-icon-mini {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 10px !important;
  border: 1px solid #d9eae3 !important;
  background: #f6fbf9 !important;
  color: #082f25 !important;
  box-shadow: 0 8px 18px rgba(15, 48, 38, .06) !important;
  text-decoration: none !important;
  cursor: pointer !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

.gestion-estudio-excel .ge-history-action svg,
.gestion-estudio-excel .ge-action-icon-mini svg {
  display: block !important;
  width: 17px !important;
  height: 17px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.gestion-estudio-excel .ge-history-action.danger,
.gestion-estudio-excel .ge-action-icon-mini.danger {
  background: #fff4f4 !important;
  border-color: #ffc9c9 !important;
  color: #df3b3b !important;
}

body.dark .gestion-estudio-excel .ge-history-action,
body.dark .gestion-estudio-excel .ge-action-icon-mini {
  background: #172a23 !important;
  border-color: rgba(191, 220, 207, .25) !important;
  color: #eafff7 !important;
}

body.dark .gestion-estudio-excel .ge-history-action.danger,
body.dark .gestion-estudio-excel .ge-action-icon-mini.danger {
  background: rgba(255, 84, 84, .12) !important;
  border-color: rgba(255, 150, 150, .45) !important;
  color: #ff8d8d !important;
}


/* 20260610ge_periodo_activo_css_only530 */
.gestion-estudio-excel .ge-dashboard-period-active,
.gestion-estudio-excel .ge-dashboard-period-active-safe {
  background: #ffffff !important;
  border: 1px solid #d8e7e0 !important;
  border-radius: 10px !important;
  box-shadow: 0 10px 24px rgba(15, 48, 38, .06) !important;
  padding: 16px !important;
  margin: 12px 0 18px !important;
  color: #061711 !important;
}

.gestion-estudio-excel .ge-dashboard-period-active-head,
.gestion-estudio-excel .ge-dashboard-period-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
}

.gestion-estudio-excel .ge-dashboard-period-active-head {
  align-items: flex-start !important;
  margin-bottom: 12px !important;
}

.gestion-estudio-excel .ge-dashboard-period-active-head h3 {
  margin: 0 0 6px !important;
  font-size: 22px !important;
  line-height: 1.15 !important;
  color: #061711 !important;
  font-weight: 900 !important;
}

.gestion-estudio-excel .ge-dashboard-period-active-head p {
  margin: 0 !important;
  color: #315249 !important;
  font-size: 13px !important;
}

.gestion-estudio-excel .ge-dashboard-period-row {
  border-top: 1px solid #dbe9e3 !important;
  padding-top: 12px !important;
}

.gestion-estudio-excel .ge-dashboard-period-main {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  min-width: 0 !important;
  color: #061711 !important;
}

.gestion-estudio-excel .ge-dashboard-period-main strong {
  font-size: 15px !important;
  font-weight: 900 !important;
  color: #061711 !important;
}

.gestion-estudio-excel .ge-period-status-pill,
.gestion-estudio-excel .ge-period-mini-pill {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 24px !important;
  padding: 4px 9px !important;
  border-radius: 999px !important;
  background: #eef7f3 !important;
  border: 1px solid #d9eae3 !important;
  color: #0b4b3b !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

body.dark .gestion-estudio-excel .ge-dashboard-period-active,
body.dark .gestion-estudio-excel .ge-dashboard-period-active-safe {
  background: #13231d !important;
  border-color: rgba(191, 220, 207, .22) !important;
  box-shadow: none !important;
  color: #f6fbf9 !important;
}

body.dark .gestion-estudio-excel .ge-dashboard-period-active-head h3,
body.dark .gestion-estudio-excel .ge-dashboard-period-main strong {
  color: #f6fbf9 !important;
}

body.dark .gestion-estudio-excel .ge-dashboard-period-active-head p,
body.dark .gestion-estudio-excel .ge-dashboard-period-main {
  color: #d7e7df !important;
}

body.dark .gestion-estudio-excel .ge-dashboard-period-row {
  border-top-color: rgba(191, 220, 207, .22) !important;
}

body.dark .gestion-estudio-excel .ge-period-status-pill,
body.dark .gestion-estudio-excel .ge-period-mini-pill {
  background: rgba(29, 151, 113, .18) !important;
  border-color: rgba(94, 209, 170, .28) !important;
  color: #baf4df !important;
}


/* 20260610ge_dark_css_specific531 */
html body.dark .gestion-estudio-excel .ge-dashboard-period-active,
html body.dark .gestion-estudio-excel .ge-dashboard-period-active-safe,
html body[data-theme="dark"] .gestion-estudio-excel .ge-dashboard-period-active,
html body[data-theme="dark"] .gestion-estudio-excel .ge-dashboard-period-active-safe,
html.dark .gestion-estudio-excel .ge-dashboard-period-active,
html.dark .gestion-estudio-excel .ge-dashboard-period-active-safe {
  background: #13231d !important;
  border-color: rgba(191, 220, 207, .22) !important;
  box-shadow: none !important;
  color: #f6fbf9 !important;
}

html body.dark .gestion-estudio-excel .ge-dashboard-period-active-head h3,
html body.dark .gestion-estudio-excel .ge-dashboard-period-main strong,
html body[data-theme="dark"] .gestion-estudio-excel .ge-dashboard-period-active-head h3,
html body[data-theme="dark"] .gestion-estudio-excel .ge-dashboard-period-main strong,
html.dark .gestion-estudio-excel .ge-dashboard-period-active-head h3,
html.dark .gestion-estudio-excel .ge-dashboard-period-main strong {
  color: #f6fbf9 !important;
}

html body.dark .gestion-estudio-excel .ge-dashboard-period-active-head p,
html body.dark .gestion-estudio-excel .ge-dashboard-period-main,
html body[data-theme="dark"] .gestion-estudio-excel .ge-dashboard-period-active-head p,
html body[data-theme="dark"] .gestion-estudio-excel .ge-dashboard-period-main,
html.dark .gestion-estudio-excel .ge-dashboard-period-active-head p,
html.dark .gestion-estudio-excel .ge-dashboard-period-main {
  color: #d7e7df !important;
}

html body.dark .gestion-estudio-excel .ge-dashboard-period-row,
html body[data-theme="dark"] .gestion-estudio-excel .ge-dashboard-period-row,
html.dark .gestion-estudio-excel .ge-dashboard-period-row {
  border-top-color: rgba(191, 220, 207, .22) !important;
}

html body.dark .gestion-estudio-excel .ge-action-icon-mini,
html body[data-theme="dark"] .gestion-estudio-excel .ge-action-icon-mini,
html.dark .gestion-estudio-excel .ge-action-icon-mini {
  background: #172a23 !important;
  border-color: rgba(191, 220, 207, .28) !important;
  color: #eafff7 !important;
}

html body.dark .gestion-estudio-excel .ge-action-icon-mini svg,
html body[data-theme="dark"] .gestion-estudio-excel .ge-action-icon-mini svg,
html.dark .gestion-estudio-excel .ge-action-icon-mini svg {
  display: block !important;
  opacity: 1 !important;
  stroke: currentColor !important;
}

html body.dark .gestion-estudio-excel .ge-action-icon-mini.danger,
html body[data-theme="dark"] .gestion-estudio-excel .ge-action-icon-mini.danger,
html.dark .gestion-estudio-excel .ge-action-icon-mini.danger {
  background: rgba(255, 84, 84, .12) !important;
  border-color: rgba(255, 150, 150, .45) !important;
  color: #ff8d8d !important;
}

html body.dark .gestion-estudio-excel .ge-period-status-pill,
html body.dark .gestion-estudio-excel .ge-period-mini-pill,
html body[data-theme="dark"] .gestion-estudio-excel .ge-period-status-pill,
html body[data-theme="dark"] .gestion-estudio-excel .ge-period-mini-pill,
html.dark .gestion-estudio-excel .ge-period-status-pill,
html.dark .gestion-estudio-excel .ge-period-mini-pill {
  background: rgba(29, 151, 113, .18) !important;
  border-color: rgba(94, 209, 170, .28) !important;
  color: #baf4df !important;
}


/* 20260610ge_dark_tarjeta_activa_minimo533 */
@media (prefers-color-scheme: dark) {
  .gestion-estudio-excel .ge-dashboard-period-active,
  .gestion-estudio-excel .ge-dashboard-period-active-safe {
    background: #13231d !important;
    border-color: rgba(191, 220, 207, .24) !important;
    color: #f6fbf9 !important;
    box-shadow: none !important;
  }

  .gestion-estudio-excel .ge-dashboard-period-active h3,
  .gestion-estudio-excel .ge-dashboard-period-active-safe h3,
  .gestion-estudio-excel .ge-dashboard-period-main strong {
    color: #f6fbf9 !important;
  }

  .gestion-estudio-excel .ge-dashboard-period-active p,
  .gestion-estudio-excel .ge-dashboard-period-active-safe p,
  .gestion-estudio-excel .ge-dashboard-period-main {
    color: #d7e7df !important;
  }

  .gestion-estudio-excel .ge-dashboard-period-row {
    border-top-color: rgba(191, 220, 207, .22) !important;
  }

  .gestion-estudio-excel .ge-action-icon-mini {
    background: #172a23 !important;
    border-color: rgba(191, 220, 207, .30) !important;
    color: #eafff7 !important;
  }
}

/* Si el CRM marca dark por clase/atributo, gana incluso si el sistema esta en light. */
body.dark .gestion-estudio-excel .ge-dashboard-period-active,
body.dark .gestion-estudio-excel .ge-dashboard-period-active-safe,
html.dark .gestion-estudio-excel .ge-dashboard-period-active,
html.dark .gestion-estudio-excel .ge-dashboard-period-active-safe,
[data-theme="dark"] .gestion-estudio-excel .ge-dashboard-period-active,
[data-theme="dark"] .gestion-estudio-excel .ge-dashboard-period-active-safe,
.dark .gestion-estudio-excel .ge-dashboard-period-active,
.dark .gestion-estudio-excel .ge-dashboard-period-active-safe {
  background: #13231d !important;
  border-color: rgba(191, 220, 207, .24) !important;
  color: #f6fbf9 !important;
  box-shadow: none !important;
}

body.dark .gestion-estudio-excel .ge-dashboard-period-active h3,
body.dark .gestion-estudio-excel .ge-dashboard-period-active-safe h3,
html.dark .gestion-estudio-excel .ge-dashboard-period-active h3,
html.dark .gestion-estudio-excel .ge-dashboard-period-active-safe h3,
[data-theme="dark"] .gestion-estudio-excel .ge-dashboard-period-active h3,
[data-theme="dark"] .gestion-estudio-excel .ge-dashboard-period-active-safe h3,
.dark .gestion-estudio-excel .ge-dashboard-period-active h3,
.dark .gestion-estudio-excel .ge-dashboard-period-active-safe h3 {
  color: #f6fbf9 !important;
}

body.dark .gestion-estudio-excel .ge-dashboard-period-active p,
body.dark .gestion-estudio-excel .ge-dashboard-period-active-safe p,
html.dark .gestion-estudio-excel .ge-dashboard-period-active p,
html.dark .gestion-estudio-excel .ge-dashboard-period-active-safe p,
[data-theme="dark"] .gestion-estudio-excel .ge-dashboard-period-active p,
[data-theme="dark"] .gestion-estudio-excel .ge-dashboard-period-active-safe p,
.dark .gestion-estudio-excel .ge-dashboard-period-active p,
.dark .gestion-estudio-excel .ge-dashboard-period-active-safe p {
  color: #d7e7df !important;
}


/* 20260610ge_retoques_visuales_agrupados534 */
.gestion-estudio-excel .ge-action-icon-mini {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 10px !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

.gestion-estudio-excel .ge-action-icon-mini svg {
  display: block !important;
  width: 17px !important;
  height: 17px !important;
  opacity: 1 !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.gestion-estudio-excel .ge-action-icon-mini[data-tooltip]::after {
  content: attr(data-tooltip) !important;
  position: absolute !important;
  left: 50% !important;
  bottom: calc(100% + 10px) !important;
  transform: translateX(-50%) translateY(4px) !important;
  background: #10231d !important;
  color: #fff !important;
  font-weight: 900 !important;
  font-size: 14px !important;
  line-height: 1 !important;
  padding: 10px 13px !important;
  border-radius: 8px !important;
  white-space: nowrap !important;
  opacity: 0 !important;
  pointer-events: none !important;
  box-shadow: 0 14px 28px rgba(0,0,0,.24) !important;
  z-index: 200 !important;
}

.gestion-estudio-excel .ge-action-icon-mini[data-tooltip]:hover::after {
  opacity: 1 !important;
  transform: translateX(-50%) translateY(0) !important;
}

/* Light: se mantiene tipo Tareas */
.gestion-estudio-excel .ge-dashboard-tag-filter,
.gestion-estudio-excel .ge-dashboard-tag-picker {
  background: #ffffff !important;
  border: 1px solid #d8e7e0 !important;
  box-shadow: 0 10px 24px rgba(15, 48, 38, .05) !important;
}

/* Dark real: evita la caja blanca de etiquetas y el boton vacio. */
body.dark .gestion-estudio-excel .ge-dashboard-tag-filter,
body.dark .gestion-estudio-excel .ge-dashboard-tag-picker,
html.dark .gestion-estudio-excel .ge-dashboard-tag-filter,
html.dark .gestion-estudio-excel .ge-dashboard-tag-picker,
.dark .gestion-estudio-excel .ge-dashboard-tag-filter,
.dark .gestion-estudio-excel .ge-dashboard-tag-picker,
[data-theme="dark"] .gestion-estudio-excel .ge-dashboard-tag-filter,
[data-theme="dark"] .gestion-estudio-excel .ge-dashboard-tag-picker {
  background: #13231d !important;
  border-color: rgba(191, 220, 207, .24) !important;
  box-shadow: none !important;
  color: #f6fbf9 !important;
}

body.dark .gestion-estudio-excel .ge-dashboard-tag-filter input,
body.dark .gestion-estudio-excel .ge-dashboard-tag-picker input,
html.dark .gestion-estudio-excel .ge-dashboard-tag-filter input,
html.dark .gestion-estudio-excel .ge-dashboard-tag-picker input,
.dark .gestion-estudio-excel .ge-dashboard-tag-filter input,
.dark .gestion-estudio-excel .ge-dashboard-tag-picker input,
[data-theme="dark"] .gestion-estudio-excel .ge-dashboard-tag-filter input,
[data-theme="dark"] .gestion-estudio-excel .ge-dashboard-tag-picker input {
  background: transparent !important;
  color: #f6fbf9 !important;
}

body.dark .gestion-estudio-excel .ge-dashboard-tag-filter input::placeholder,
body.dark .gestion-estudio-excel .ge-dashboard-tag-picker input::placeholder,
html.dark .gestion-estudio-excel .ge-dashboard-tag-filter input::placeholder,
html.dark .gestion-estudio-excel .ge-dashboard-tag-picker input::placeholder,
.dark .gestion-estudio-excel .ge-dashboard-tag-filter input::placeholder,
.dark .gestion-estudio-excel .ge-dashboard-tag-picker input::placeholder,
[data-theme="dark"] .gestion-estudio-excel .ge-dashboard-tag-filter input::placeholder,
[data-theme="dark"] .gestion-estudio-excel .ge-dashboard-tag-picker input::placeholder {
  color: #9fb8af !important;
}

body.dark .gestion-estudio-excel .ge-action-icon-mini,
html.dark .gestion-estudio-excel .ge-action-icon-mini,
.dark .gestion-estudio-excel .ge-action-icon-mini,
[data-theme="dark"] .gestion-estudio-excel .ge-action-icon-mini {
  background: #172a23 !important;
  border-color: rgba(191, 220, 207, .30) !important;
  color: #eafff7 !important;
}

body.dark .gestion-estudio-excel .ge-action-icon-mini.danger,
html.dark .gestion-estudio-excel .ge-action-icon-mini.danger,
.dark .gestion-estudio-excel .ge-action-icon-mini.danger,
[data-theme="dark"] .gestion-estudio-excel .ge-action-icon-mini.danger {
  background: rgba(255, 84, 84, .12) !important;
  border-color: rgba(255, 150, 150, .45) !important;
  color: #ff8d8d !important;
}


/* 20260610ge_estetica_tareas_css535 */

/* Tabs tipo Tareas: suaves, no pastillas verdes pesadas */
.gestion-estudio-excel .ge-tabs {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 12px 0 14px !important;
}

.gestion-estudio-excel .ge-tab {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 38px !important;
  padding: 0 17px !important;
  border-radius: 999px !important;
  border: 1px solid #d9eae3 !important;
  background: #ffffff !important;
  color: #071713 !important;
  box-shadow: 0 8px 18px rgba(15, 48, 38, .05) !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

.gestion-estudio-excel .ge-tab.active {
  background: #dcfff0 !important;
  border-color: #a5f4cf !important;
  color: #041914 !important;
  box-shadow: 0 0 0 3px rgba(34, 211, 141, .16) !important;
}

/* Panel principal y tarjetas: igual criterio que Tareas */
.gestion-estudio-excel .ge-card,
.gestion-estudio-excel .ge-dashboard-period-panel,
.gestion-estudio-excel .ge-dashboard-period-active,
.gestion-estudio-excel .ge-dashboard-period-active-safe,
.gestion-estudio-excel .ge-dashboard-period-grid,
.gestion-estudio-excel .ge-table-wrap {
  background: #ffffff !important;
  border-color: #d8e7e0 !important;
  color: #061711 !important;
  box-shadow: 0 10px 24px rgba(15, 48, 38, .05) !important;
}

.gestion-estudio-excel .ge-dashboard-period-active,
.gestion-estudio-excel .ge-dashboard-period-active-safe,
.gestion-estudio-excel .ge-dashboard-period-grid {
  border-radius: 10px !important;
}

/* Inputs, selects y tag picker en light */
.gestion-estudio-excel input,
.gestion-estudio-excel select,
.gestion-estudio-excel textarea,
.gestion-estudio-excel .ge-dashboard-tag-filter,
.gestion-estudio-excel .ge-dashboard-tag-picker,
.gestion-estudio-excel .ge-dashboard-tag-control {
  background: #ffffff !important;
  border-color: #d8e7e0 !important;
  color: #071713 !important;
}

.gestion-estudio-excel .ge-dashboard-tag-filter,
.gestion-estudio-excel .ge-dashboard-tag-picker {
  box-shadow: 0 10px 24px rgba(15, 48, 38, .05) !important;
  border-radius: 10px !important;
}

.gestion-estudio-excel .ge-dashboard-tag-picker input,
.gestion-estudio-excel .ge-dashboard-tag-filter input,
.gestion-estudio-excel .ge-dashboard-tag-control input {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.gestion-estudio-excel input::placeholder,
.gestion-estudio-excel textarea::placeholder {
  color: #7b9188 !important;
}

/* Tabla/asignaciones tipo Tareas */
.gestion-estudio-excel .ge-table,
.gestion-estudio-excel .ge-dashboard-assignment-table,
.gestion-estudio-excel .tasks-table {
  background: #ffffff !important;
  color: #061711 !important;
  border-collapse: collapse !important;
}

.gestion-estudio-excel .ge-table th,
.gestion-estudio-excel .ge-table td,
.gestion-estudio-excel .tasks-table th,
.gestion-estudio-excel .tasks-table td {
  border-color: #dbe9e3 !important;
}

.gestion-estudio-excel .ge-table th,
.gestion-estudio-excel .tasks-table th {
  color: #34554c !important;
  font-size: 12px !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
}

/* Checks de solapas: suave como pills de Tareas */
.gestion-estudio-excel .ge-dashboard-tab-check {
  background: #ffffff !important;
  border-color: #d8e7e0 !important;
  color: #061711 !important;
  box-shadow: none !important;
}

.gestion-estudio-excel .ge-dashboard-tab-check:has(input:checked) {
  background: #dff7e9 !important;
  border-color: #80d9ab !important;
}

/* Botones icon-only */
.gestion-estudio-excel .ge-action-icon-mini {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 10px !important;
  border: 1px solid #d9eae3 !important;
  background: #f6fbf9 !important;
  color: #082f25 !important;
  box-shadow: 0 8px 18px rgba(15, 48, 38, .06) !important;
  text-decoration: none !important;
  cursor: pointer !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

.gestion-estudio-excel .ge-action-icon-mini svg {
  display: block !important;
  width: 17px !important;
  height: 17px !important;
  opacity: 1 !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.gestion-estudio-excel .ge-action-icon-mini.danger {
  background: #fff4f4 !important;
  border-color: #ffc9c9 !important;
  color: #df3b3b !important;
}

/* Dark: no cajas blancas dentro de GE */
body.dark .gestion-estudio-excel,
html.dark .gestion-estudio-excel,
.dark .gestion-estudio-excel,
[data-theme="dark"] .gestion-estudio-excel {
  color: #f6fbf9 !important;
}

body.dark .gestion-estudio-excel .ge-tab,
html.dark .gestion-estudio-excel .ge-tab,
.dark .gestion-estudio-excel .ge-tab,
[data-theme="dark"] .gestion-estudio-excel .ge-tab {
  background: transparent !important;
  border-color: rgba(45, 212, 154, .36) !important;
  color: #f6fbf9 !important;
  box-shadow: none !important;
}

body.dark .gestion-estudio-excel .ge-tab.active,
html.dark .gestion-estudio-excel .ge-tab.active,
.dark .gestion-estudio-excel .ge-tab.active,
[data-theme="dark"] .gestion-estudio-excel .ge-tab.active {
  background: #dcfff0 !important;
  border-color: #a5f4cf !important;
  color: #041914 !important;
}

body.dark .gestion-estudio-excel .ge-card,
body.dark .gestion-estudio-excel .ge-dashboard-period-panel,
body.dark .gestion-estudio-excel .ge-dashboard-period-active,
body.dark .gestion-estudio-excel .ge-dashboard-period-active-safe,
body.dark .gestion-estudio-excel .ge-dashboard-period-grid,
body.dark .gestion-estudio-excel .ge-table-wrap,
html.dark .gestion-estudio-excel .ge-card,
html.dark .gestion-estudio-excel .ge-dashboard-period-panel,
html.dark .gestion-estudio-excel .ge-dashboard-period-active,
html.dark .gestion-estudio-excel .ge-dashboard-period-active-safe,
html.dark .gestion-estudio-excel .ge-dashboard-period-grid,
html.dark .gestion-estudio-excel .ge-table-wrap,
.dark .gestion-estudio-excel .ge-card,
.dark .gestion-estudio-excel .ge-dashboard-period-panel,
.dark .gestion-estudio-excel .ge-dashboard-period-active,
.dark .gestion-estudio-excel .ge-dashboard-period-active-safe,
.dark .gestion-estudio-excel .ge-dashboard-period-grid,
.dark .gestion-estudio-excel .ge-table-wrap,
[data-theme="dark"] .gestion-estudio-excel .ge-card,
[data-theme="dark"] .gestion-estudio-excel .ge-dashboard-period-panel,
[data-theme="dark"] .gestion-estudio-excel .ge-dashboard-period-active,
[data-theme="dark"] .gestion-estudio-excel .ge-dashboard-period-active-safe,
[data-theme="dark"] .gestion-estudio-excel .ge-dashboard-period-grid,
[data-theme="dark"] .gestion-estudio-excel .ge-table-wrap {
  background: #13231d !important;
  border-color: rgba(191, 220, 207, .22) !important;
  color: #f6fbf9 !important;
  box-shadow: none !important;
}

body.dark .gestion-estudio-excel input,
body.dark .gestion-estudio-excel select,
body.dark .gestion-estudio-excel textarea,
body.dark .gestion-estudio-excel .ge-dashboard-tag-filter,
body.dark .gestion-estudio-excel .ge-dashboard-tag-picker,
body.dark .gestion-estudio-excel .ge-dashboard-tag-control,
html.dark .gestion-estudio-excel input,
html.dark .gestion-estudio-excel select,
html.dark .gestion-estudio-excel textarea,
html.dark .gestion-estudio-excel .ge-dashboard-tag-filter,
html.dark .gestion-estudio-excel .ge-dashboard-tag-picker,
html.dark .gestion-estudio-excel .ge-dashboard-tag-control,
.dark .gestion-estudio-excel input,
.dark .gestion-estudio-excel select,
.dark .gestion-estudio-excel textarea,
.dark .gestion-estudio-excel .ge-dashboard-tag-filter,
.dark .gestion-estudio-excel .ge-dashboard-tag-picker,
.dark .gestion-estudio-excel .ge-dashboard-tag-control,
[data-theme="dark"] .gestion-estudio-excel input,
[data-theme="dark"] .gestion-estudio-excel select,
[data-theme="dark"] .gestion-estudio-excel textarea,
[data-theme="dark"] .gestion-estudio-excel .ge-dashboard-tag-filter,
[data-theme="dark"] .gestion-estudio-excel .ge-dashboard-tag-picker,
[data-theme="dark"] .gestion-estudio-excel .ge-dashboard-tag-control {
  background: #13231d !important;
  border-color: rgba(191, 220, 207, .24) !important;
  color: #f6fbf9 !important;
  box-shadow: none !important;
}

body.dark .gestion-estudio-excel .ge-dashboard-tag-picker input,
body.dark .gestion-estudio-excel .ge-dashboard-tag-filter input,
body.dark .gestion-estudio-excel .ge-dashboard-tag-control input,
html.dark .gestion-estudio-excel .ge-dashboard-tag-picker input,
html.dark .gestion-estudio-excel .ge-dashboard-tag-filter input,
html.dark .gestion-estudio-excel .ge-dashboard-tag-control input,
.dark .gestion-estudio-excel .ge-dashboard-tag-picker input,
.dark .gestion-estudio-excel .ge-dashboard-tag-filter input,
.dark .gestion-estudio-excel .ge-dashboard-tag-control input,
[data-theme="dark"] .gestion-estudio-excel .ge-dashboard-tag-picker input,
[data-theme="dark"] .gestion-estudio-excel .ge-dashboard-tag-filter input,
[data-theme="dark"] .gestion-estudio-excel .ge-dashboard-tag-control input {
  background: transparent !important;
  border: 0 !important;
}

body.dark .gestion-estudio-excel input::placeholder,
body.dark .gestion-estudio-excel textarea::placeholder,
html.dark .gestion-estudio-excel input::placeholder,
html.dark .gestion-estudio-excel textarea::placeholder,
.dark .gestion-estudio-excel input::placeholder,
.dark .gestion-estudio-excel textarea::placeholder,
[data-theme="dark"] .gestion-estudio-excel input::placeholder,
[data-theme="dark"] .gestion-estudio-excel textarea::placeholder {
  color: #9fb8af !important;
}

body.dark .gestion-estudio-excel .ge-table,
body.dark .gestion-estudio-excel .ge-dashboard-assignment-table,
body.dark .gestion-estudio-excel .tasks-table,
html.dark .gestion-estudio-excel .ge-table,
html.dark .gestion-estudio-excel .ge-dashboard-assignment-table,
html.dark .gestion-estudio-excel .tasks-table,
.dark .gestion-estudio-excel .ge-table,
.dark .gestion-estudio-excel .ge-dashboard-assignment-table,
.dark .gestion-estudio-excel .tasks-table,
[data-theme="dark"] .gestion-estudio-excel .ge-table,
[data-theme="dark"] .gestion-estudio-excel .ge-dashboard-assignment-table,
[data-theme="dark"] .gestion-estudio-excel .tasks-table {
  background: #13231d !important;
  color: #f6fbf9 !important;
}

body.dark .gestion-estudio-excel .ge-table th,
body.dark .gestion-estudio-excel .ge-table td,
body.dark .gestion-estudio-excel .tasks-table th,
body.dark .gestion-estudio-excel .tasks-table td,
html.dark .gestion-estudio-excel .ge-table th,
html.dark .gestion-estudio-excel .ge-table td,
html.dark .gestion-estudio-excel .tasks-table th,
html.dark .gestion-estudio-excel .tasks-table td,
.dark .gestion-estudio-excel .ge-table th,
.dark .gestion-estudio-excel .ge-table td,
.dark .gestion-estudio-excel .tasks-table th,
.dark .gestion-estudio-excel .tasks-table td,
[data-theme="dark"] .gestion-estudio-excel .ge-table th,
[data-theme="dark"] .gestion-estudio-excel .ge-table td,
[data-theme="dark"] .gestion-estudio-excel .tasks-table th,
[data-theme="dark"] .gestion-estudio-excel .tasks-table td {
  border-color: rgba(191, 220, 207, .18) !important;
}

body.dark .gestion-estudio-excel .ge-table th,
body.dark .gestion-estudio-excel .tasks-table th,
html.dark .gestion-estudio-excel .ge-table th,
html.dark .gestion-estudio-excel .tasks-table th,
.dark .gestion-estudio-excel .ge-table th,
.dark .gestion-estudio-excel .tasks-table th,
[data-theme="dark"] .gestion-estudio-excel .ge-table th,
[data-theme="dark"] .gestion-estudio-excel .tasks-table th {
  color: #b9d5ca !important;
}

body.dark .gestion-estudio-excel .ge-dashboard-tab-check,
html.dark .gestion-estudio-excel .ge-dashboard-tab-check,
.dark .gestion-estudio-excel .ge-dashboard-tab-check,
[data-theme="dark"] .gestion-estudio-excel .ge-dashboard-tab-check {
  background: #172a23 !important;
  border-color: rgba(191, 220, 207, .24) !important;
  color: #f6fbf9 !important;
}

body.dark .gestion-estudio-excel .ge-dashboard-tab-check:has(input:checked),
html.dark .gestion-estudio-excel .ge-dashboard-tab-check:has(input:checked),
.dark .gestion-estudio-excel .ge-dashboard-tab-check:has(input:checked),
[data-theme="dark"] .gestion-estudio-excel .ge-dashboard-tab-check:has(input:checked) {
  background: rgba(29, 151, 113, .22) !important;
  border-color: rgba(94, 209, 170, .34) !important;
}

body.dark .gestion-estudio-excel .ge-action-icon-mini,
html.dark .gestion-estudio-excel .ge-action-icon-mini,
.dark .gestion-estudio-excel .ge-action-icon-mini,
[data-theme="dark"] .gestion-estudio-excel .ge-action-icon-mini {
  background: #172a23 !important;
  border-color: rgba(191, 220, 207, .30) !important;
  color: #eafff7 !important;
}

body.dark .gestion-estudio-excel .ge-action-icon-mini.danger,
html.dark .gestion-estudio-excel .ge-action-icon-mini.danger,
.dark .gestion-estudio-excel .ge-action-icon-mini.danger,
[data-theme="dark"] .gestion-estudio-excel .ge-action-icon-mini.danger {
  background: rgba(255, 84, 84, .12) !important;
  border-color: rgba(255, 150, 150, .45) !important;
  color: #ff8d8d !important;
}


/* 20260610ge_boton_guardar_override538 */
.gestion-estudio-excel form.ge-dashboard-period-form .ge-dashboard-period-actions > button[type="submit"],
.gestion-estudio-excel .ge-dashboard-period-form .ge-dashboard-period-actions button[type="submit"],
.gestion-estudio-excel button.ge-dashboard-save-button {
  appearance: none !important;
  -webkit-appearance: none !important;
  min-height: 38px !important;
  height: 38px !important;
  padding: 0 16px !important;
  border-radius: 10px !important;
  border: 1px solid #d9eae3 !important;
  background: #f6fbf9 !important;
  background-color: #f6fbf9 !important;
  background-image: none !important;
  color: #082f25 !important;
  box-shadow: 0 8px 18px rgba(15, 48, 38, .06) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-shadow: none !important;
  transform: none !important;
}

.gestion-estudio-excel form.ge-dashboard-period-form .ge-dashboard-period-actions > button[type="submit"]:hover,
.gestion-estudio-excel .ge-dashboard-period-form .ge-dashboard-period-actions button[type="submit"]:hover {
  background: #eef7f3 !important;
  background-color: #eef7f3 !important;
  background-image: none !important;
  color: #082f25 !important;
}

.gestion-estudio-excel form.ge-dashboard-period-form .ge-dashboard-period-actions > button[type="submit"]:disabled,
.gestion-estudio-excel .ge-dashboard-period-form .ge-dashboard-period-actions button[type="submit"]:disabled {
  opacity: .48 !important;
  cursor: not-allowed !important;
}

body.dark .gestion-estudio-excel form.ge-dashboard-period-form .ge-dashboard-period-actions > button[type="submit"],
body.dark .gestion-estudio-excel .ge-dashboard-period-form .ge-dashboard-period-actions button[type="submit"],
html.dark .gestion-estudio-excel form.ge-dashboard-period-form .ge-dashboard-period-actions > button[type="submit"],
html.dark .gestion-estudio-excel .ge-dashboard-period-form .ge-dashboard-period-actions button[type="submit"],
.dark .gestion-estudio-excel form.ge-dashboard-period-form .ge-dashboard-period-actions > button[type="submit"],
.dark .gestion-estudio-excel .ge-dashboard-period-form .ge-dashboard-period-actions button[type="submit"],
[data-theme="dark"] .gestion-estudio-excel form.ge-dashboard-period-form .ge-dashboard-period-actions > button[type="submit"],
[data-theme="dark"] .gestion-estudio-excel .ge-dashboard-period-form .ge-dashboard-period-actions button[type="submit"] {
  background: #172a23 !important;
  background-color: #172a23 !important;
  background-image: none !important;
  border-color: rgba(191, 220, 207, .28) !important;
  color: #eafff7 !important;
  box-shadow: none !important;
}


/* 20260610ge_guardar_icon_only539 */
.gestion-estudio-excel .ge-dashboard-period-form > .ge-dashboard-period-actions {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  margin-top: 14px !important;
}

.gestion-estudio-excel .ge-save-period-btn.ge-action-icon-mini {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  padding: 0 !important;
  border-radius: 10px !important;
  border: 1px solid #d9eae3 !important;
  background: #f6fbf9 !important;
  background-color: #f6fbf9 !important;
  background-image: none !important;
  color: #0b4b3b !important;
  box-shadow: 0 8px 18px rgba(15, 48, 38, .06) !important;
  font-size: 0 !important;
  line-height: 0 !important;
  text-shadow: none !important;
}

.gestion-estudio-excel .ge-save-period-btn.ge-action-icon-mini svg {
  display: block !important;
  width: 18px !important;
  height: 18px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.4 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.gestion-estudio-excel .ge-save-period-btn.ge-action-icon-mini:hover {
  background: #eef7f3 !important;
  background-color: #eef7f3 !important;
}

.gestion-estudio-excel .ge-save-period-btn.ge-action-icon-mini:disabled {
  opacity: .48 !important;
  cursor: not-allowed !important;
}

body.dark .gestion-estudio-excel .ge-save-period-btn.ge-action-icon-mini,
html.dark .gestion-estudio-excel .ge-save-period-btn.ge-action-icon-mini,
.dark .gestion-estudio-excel .ge-save-period-btn.ge-action-icon-mini,
[data-theme="dark"] .gestion-estudio-excel .ge-save-period-btn.ge-action-icon-mini {
  background: #172a23 !important;
  background-color: #172a23 !important;
  background-image: none !important;
  border-color: rgba(191, 220, 207, .30) !important;
  color: #eafff7 !important;
  box-shadow: none !important;
}

body.dark .gestion-estudio-excel .ge-save-period-btn.ge-action-icon-mini:hover,
html.dark .gestion-estudio-excel .ge-save-period-btn.ge-action-icon-mini:hover,
.dark .gestion-estudio-excel .ge-save-period-btn.ge-action-icon-mini:hover,
[data-theme="dark"] .gestion-estudio-excel .ge-save-period-btn.ge-action-icon-mini:hover {
  background: #20362e !important;
  background-color: #20362e !important;
}



/* 20260610ge_tooltip_boton_guardar_540 */
.gestion-estudio-excel .ge-dashboard-period-actions {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  padding: 10px 0 0 !important;
}

.gestion-estudio-excel .ge-dashboard-period-actions .ge-save-period-btn,
.gestion-estudio-excel .ge-dashboard-period-actions button.ge-action-icon-mini[type="submit"] {
  position: relative !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  max-width: 38px !important;
  padding: 0 !important;
  border-radius: 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 0 !important;
  line-height: 1 !important;
  text-indent: 0 !important;
  overflow: visible !important;
  background-image: none !important;
  box-shadow: 0 8px 18px rgba(0, 0, 0, .08) !important;
}

body:not(.dark) .gestion-estudio-excel .ge-dashboard-period-actions .ge-save-period-btn,
body:not(.dark) .gestion-estudio-excel .ge-dashboard-period-actions button.ge-action-icon-mini[type="submit"] {
  background: #f4faf7 !important;
  border: 1px solid #d8ebe4 !important;
  color: #073b32 !important;
}

body.dark .gestion-estudio-excel .ge-dashboard-period-actions .ge-save-period-btn,
body.dark .gestion-estudio-excel .ge-dashboard-period-actions button.ge-action-icon-mini[type="submit"] {
  background: #14251f !important;
  border: 1px solid rgba(204, 236, 224, .24) !important;
  color: #eafff6 !important;
}

.gestion-estudio-excel .ge-dashboard-period-actions .ge-save-period-btn svg,
.gestion-estudio-excel .ge-dashboard-period-actions button.ge-action-icon-mini[type="submit"] svg {
  width: 17px !important;
  height: 17px !important;
  display: block !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.4 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.gestion-estudio-excel .ge-dashboard-period-actions .ge-save-period-btn[data-tooltip]::after,
.gestion-estudio-excel .ge-dashboard-period-actions button.ge-action-icon-mini[type="submit"][data-tooltip]::after {
  content: attr(data-tooltip) !important;
  position: absolute !important;
  left: 50% !important;
  bottom: calc(100% + 10px) !important;
  transform: translateX(-50%) translateY(4px) !important;
  width: auto !important;
  min-width: max-content !important;
  max-width: 280px !important;
  padding: 9px 12px !important;
  border-radius: 8px !important;
  background: #0f1d17 !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  text-indent: 0 !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, .22) !important;
  opacity: 0 !important;
  pointer-events: none !important;
  z-index: 30 !important;
}

.gestion-estudio-excel .ge-dashboard-period-actions .ge-save-period-btn[data-tooltip]:hover::after,
.gestion-estudio-excel .ge-dashboard-period-actions .ge-save-period-btn[data-tooltip]:focus-visible::after,
.gestion-estudio-excel .ge-dashboard-period-actions button.ge-action-icon-mini[type="submit"][data-tooltip]:hover::after,
.gestion-estudio-excel .ge-dashboard-period-actions button.ge-action-icon-mini[type="submit"][data-tooltip]:focus-visible::after {
  opacity: 1 !important;
  transform: translateX(-50%) translateY(0) !important;
}


/* 20260610ge_boton_guardar_icono_541 */
.gestion-estudio-excel .ge-dashboard-period-actions .ge-save-period-btn {
  font-size: 0 !important;
  color: #073b32 !important;
}

body.dark .gestion-estudio-excel .ge-dashboard-period-actions .ge-save-period-btn {
  color: #eafff6 !important;
}

.gestion-estudio-excel .ge-dashboard-period-actions .ge-save-period-btn svg {
  width: 18px !important;
  height: 18px !important;
  display: block !important;
  overflow: visible !important;
}

.gestion-estudio-excel .ge-dashboard-period-actions .ge-save-period-btn svg path {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}


/* 20260610ge_boton_guardar_disquete_542 */
.gestion-estudio-excel .ge-dashboard-period-actions .ge-save-period-btn svg {
  width: 20px !important;
  height: 20px !important;
}

.gestion-estudio-excel .ge-dashboard-period-actions .ge-save-period-btn svg path {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.15 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}


/* 20260610ge_boton_guardar_mas_grande_543 */
.gestion-estudio-excel .ge-dashboard-period-actions .ge-save-period-btn,
.gestion-estudio-excel .ge-dashboard-period-actions button.ge-save-period-btn,
.gestion-estudio-excel .ge-dashboard-period-actions button.ge-action-icon-mini[type="submit"] {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
  min-height: 44px !important;
  padding: 0 !important;
}

.gestion-estudio-excel .ge-dashboard-period-actions .ge-save-period-btn svg,
.gestion-estudio-excel .ge-dashboard-period-actions button.ge-save-period-btn svg,
.gestion-estudio-excel .ge-dashboard-period-actions button.ge-action-icon-mini[type="submit"] svg {
  width: 24px !important;
  height: 24px !important;
}

.gestion-estudio-excel .ge-dashboard-period-actions .ge-save-period-btn svg path,
.gestion-estudio-excel .ge-dashboard-period-actions button.ge-save-period-btn svg path,
.gestion-estudio-excel .ge-dashboard-period-actions button.ge-action-icon-mini[type="submit"] svg path {
  stroke-width: 2.3 !important;
}


/* 20260610ge_historial_periodos_tabla_tareas_545 */
.gestion-estudio-excel .ge-period-history-page-545 {
  display: grid;
  gap: 18px;
}

.gestion-estudio-excel .ge-period-history-page-545 .ge-pd-title-row {
  align-items: flex-start;
}

.gestion-estudio-excel .ge-period-history-page-545 .ge-pd-title-row p {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: .88rem;
  font-weight: 500;
}

.gestion-estudio-excel .ge-period-history-wrap-545 {
  border: 0;
  border-radius: 0;
  overflow: visible;
}

.gestion-estudio-excel .ge-period-history-table-545 {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}

.gestion-estudio-excel .ge-period-history-table-545 th,
.gestion-estudio-excel .ge-period-history-table-545 td {
  padding: 14px 10px;
  border-bottom: 1px solid var(--border);
  vertical-align: middle;
}

.gestion-estudio-excel .ge-period-history-table-545 th {
  color: var(--muted);
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.gestion-estudio-excel .ge-period-history-table-545 td:first-child strong {
  display: block;
  font-size: .95rem;
  font-weight: 900;
}

.gestion-estudio-excel .ge-period-history-table-545 td:first-child small {
  display: block;
  margin-top: 4px;
  color: var(--muted);
  font-size: .82rem;
  line-height: 1.3;
}

.gestion-estudio-excel .ge-period-tag-mini {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  margin: 2px 4px 2px 0;
  padding: 4px 9px;
  border-radius: 999px;
  background: var(--soft);
  color: var(--text);
  border: 1px solid var(--border);
  font-size: .78rem;
  font-weight: 800;
}

.gestion-estudio-excel .ge-period-history-counts-545 {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}

.gestion-estudio-excel .ge-period-history-counts-545 span {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 4px 8px;
  border-radius: 999px;
  background: var(--soft);
  color: var(--text);
  font-size: .76rem;
  font-weight: 800;
}

.gestion-estudio-excel .ge-period-history-actions-545,
.gestion-estudio-excel .ge-period-history-actions-545 form {
  display: flex;
  align-items: center;
  gap: 8px;
}

.gestion-estudio-excel .ge-period-history-table-545 .actions {
  white-space: nowrap;
}

body.dark .gestion-estudio-excel .ge-period-tag-mini,
body.dark .gestion-estudio-excel .ge-period-history-counts-545 span,
html.dark .gestion-estudio-excel .ge-period-tag-mini,
html.dark .gestion-estudio-excel .ge-period-history-counts-545 span,
[data-theme="dark"] .gestion-estudio-excel .ge-period-tag-mini,
[data-theme="dark"] .gestion-estudio-excel .ge-period-history-counts-545 span {
  background: rgba(255, 255, 255, .06);
  border-color: rgba(255, 255, 255, .12);
  color: #eafff6;
}

@media (max-width: 980px) {
  .gestion-estudio-excel .ge-period-history-table-545 {
    table-layout: auto;
  }

  .gestion-estudio-excel .ge-period-history-table-545 th,
  .gestion-estudio-excel .ge-period-history-table-545 td {
    padding: 12px 8px;
  }
}


/* 20260610ge_historial_acciones_iconos_546 */
.gestion-estudio-excel .ge-period-history-actions-545 {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  white-space: nowrap !important;
}

.gestion-estudio-excel .ge-period-history-actions-545 form {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

.gestion-estudio-excel .ge-period-history-actions-545 .ge-action-icon-mini,
.gestion-estudio-excel .ge-period-history-actions-545 button.ge-action-icon-mini {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  max-width: 38px !important;
  min-height: 38px !important;
  padding: 0 !important;
  border-radius: 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 0 !important;
  line-height: 1 !important;
  text-indent: 0 !important;
  overflow: visible !important;
  background-image: none !important;
}

.gestion-estudio-excel .ge-period-history-actions-545 .ge-action-icon-mini:not(.danger),
.gestion-estudio-excel .ge-period-history-actions-545 button.ge-action-icon-mini:not(.danger) {
  background: var(--soft) !important;
  border: 1px solid var(--border) !important;
  color: var(--accent) !important;
}

.gestion-estudio-excel .ge-period-history-actions-545 .ge-action-icon-mini.danger,
.gestion-estudio-excel .ge-period-history-actions-545 button.ge-action-icon-mini.danger {
  background: #fff1f1 !important;
  border: 1px solid #ffcaca !important;
  color: #dc2626 !important;
}

.gestion-estudio-excel .ge-period-history-actions-545 .ge-action-icon-mini svg,
.gestion-estudio-excel .ge-period-history-actions-545 button.ge-action-icon-mini svg {
  width: 18px !important;
  height: 18px !important;
  display: block !important;
  margin: 0 !important;
  overflow: visible !important;
}

.gestion-estudio-excel .ge-period-history-actions-545 .ge-action-icon-mini svg path,
.gestion-estudio-excel .ge-period-history-actions-545 button.ge-action-icon-mini svg path {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.25 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

body.dark .gestion-estudio-excel .ge-period-history-actions-545 .ge-action-icon-mini:not(.danger),
body.dark .gestion-estudio-excel .ge-period-history-actions-545 button.ge-action-icon-mini:not(.danger),
html.dark .gestion-estudio-excel .ge-period-history-actions-545 .ge-action-icon-mini:not(.danger),
html.dark .gestion-estudio-excel .ge-period-history-actions-545 button.ge-action-icon-mini:not(.danger),
[data-theme="dark"] .gestion-estudio-excel .ge-period-history-actions-545 .ge-action-icon-mini:not(.danger),
[data-theme="dark"] .gestion-estudio-excel .ge-period-history-actions-545 button.ge-action-icon-mini:not(.danger) {
  background: rgba(255, 255, 255, .06) !important;
  border-color: rgba(255, 255, 255, .14) !important;
  color: #eafff6 !important;
}

body.dark .gestion-estudio-excel .ge-period-history-actions-545 .ge-action-icon-mini.danger,
body.dark .gestion-estudio-excel .ge-period-history-actions-545 button.ge-action-icon-mini.danger,
html.dark .gestion-estudio-excel .ge-period-history-actions-545 .ge-action-icon-mini.danger,
html.dark .gestion-estudio-excel .ge-period-history-actions-545 button.ge-action-icon-mini.danger,
[data-theme="dark"] .gestion-estudio-excel .ge-period-history-actions-545 .ge-action-icon-mini.danger,
[data-theme="dark"] .gestion-estudio-excel .ge-period-history-actions-545 button.ge-action-icon-mini.danger {
  background: rgba(220, 38, 38, .14) !important;
  border-color: rgba(248, 113, 113, .42) !important;
  color: #fecaca !important;
}


/* 20260610ge_historial_svg_limpios_547 */
.gestion-estudio-excel .ge-period-history-actions-545 .ge-action-icon-mini svg,
.gestion-estudio-excel .ge-period-history-actions-545 button.ge-action-icon-mini svg {
  fill: none !important;
  stroke: currentColor !important;
}

.gestion-estudio-excel .ge-period-history-actions-545 .ge-action-icon-mini svg path,
.gestion-estudio-excel .ge-period-history-actions-545 button.ge-action-icon-mini svg path {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.25 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}


/* 20260610ge_historial_iconos_action_549 */
.gestion-estudio-excel .ge-period-history-actions-545 .ge-action-icon-mini .action-icon,
.gestion-estudio-excel .ge-period-history-actions-545 button.ge-action-icon-mini .action-icon {
  width: 18px !important;
  height: 18px !important;
  display: block !important;
  flex: 0 0 auto !important;
  color: currentColor !important;
}

.gestion-estudio-excel .ge-period-history-actions-545 .ge-action-icon-mini svg,
.gestion-estudio-excel .ge-period-history-actions-545 button.ge-action-icon-mini svg {
  width: 18px !important;
  height: 18px !important;
  display: block !important;
  color: currentColor !important;
}

.gestion-estudio-excel .ge-period-history-actions-545 .ge-action-icon-mini svg *,
.gestion-estudio-excel .ge-period-history-actions-545 button.ge-action-icon-mini svg * {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.gestion-estudio-excel .ge-period-history-actions-545 .ge-action-icon-mini:not(.danger) {
  color: var(--accent) !important;
}

.gestion-estudio-excel .ge-period-history-actions-545 .ge-action-icon-mini.danger {
  color: #dc2626 !important;
}


/* 20260610ge_historial_botones_limpios_551 */
.gestion-estudio-excel .ge-period-history-actions-clean-551 {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  white-space: nowrap !important;
}

.gestion-estudio-excel .ge-period-history-actions-clean-551 form {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

.gestion-estudio-excel .ge-period-history-actions-clean-551 .ge-period-history-action-551 {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  padding: 0 !important;
  border-radius: 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: var(--soft) !important;
  border: 1px solid var(--border) !important;
  color: var(--accent) !important;
  box-shadow: 0 8px 18px rgba(15, 23, 42, .06) !important;
  font-size: 0 !important;
  line-height: 1 !important;
  text-indent: 0 !important;
  overflow: visible !important;
  background-image: none !important;
}

.gestion-estudio-excel .ge-period-history-actions-clean-551 .ge-period-history-action-danger-551 {
  background: #fff1f1 !important;
  border-color: #ffcaca !important;
  color: #dc2626 !important;
}

.gestion-estudio-excel .ge-period-history-actions-clean-551 .ge-period-history-svg-551 {
  width: 18px !important;
  height: 18px !important;
  display: block !important;
  flex: 0 0 auto !important;
  fill: none !important;
  stroke: currentColor !important;
}

.gestion-estudio-excel .ge-period-history-actions-clean-551 .ge-period-history-svg-551 path,
.gestion-estudio-excel .ge-period-history-actions-clean-551 .ge-period-history-svg-551 line,
.gestion-estudio-excel .ge-period-history-actions-clean-551 .ge-period-history-svg-551 polyline,
.gestion-estudio-excel .ge-period-history-actions-clean-551 .ge-period-history-svg-551 circle,
.gestion-estudio-excel .ge-period-history-actions-clean-551 .ge-period-history-svg-551 rect {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.25 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.gestion-estudio-excel .ge-period-history-actions-clean-551 .ge-period-history-action-551:hover {
  transform: translateY(-1px);
  filter: brightness(.98);
}

body.dark .gestion-estudio-excel .ge-period-history-actions-clean-551 .ge-period-history-action-551,
html.dark .gestion-estudio-excel .ge-period-history-actions-clean-551 .ge-period-history-action-551,
[data-theme="dark"] .gestion-estudio-excel .ge-period-history-actions-clean-551 .ge-period-history-action-551 {
  background: rgba(255, 255, 255, .06) !important;
  border-color: rgba(255, 255, 255, .14) !important;
  color: #eafff6 !important;
  box-shadow: none !important;
}

body.dark .gestion-estudio-excel .ge-period-history-actions-clean-551 .ge-period-history-action-danger-551,
html.dark .gestion-estudio-excel .ge-period-history-actions-clean-551 .ge-period-history-action-danger-551,
[data-theme="dark"] .gestion-estudio-excel .ge-period-history-actions-clean-551 .ge-period-history-action-danger-551 {
  background: rgba(220, 38, 38, .14) !important;
  border-color: rgba(248, 113, 113, .42) !important;
  color: #fecaca !important;
}


/* 20260610ge_historial_acciones_desde_cero_553 */
.ge-period-history-page-553 .ge-period-history-actions-553,
.ge-period-history-page-553 .ge-period-history-actions-553 form,
.gestion-estudio-excel .ge-period-history-actions-553,
.gestion-estudio-excel .ge-period-history-actions-553 form {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.ge-period-history-page-553 .ge-period-history-actions-553,
.gestion-estudio-excel .ge-period-history-actions-553 {
  justify-content: flex-start !important;
  white-space: nowrap !important;
}

.ge-period-history-page-553 .ge-period-history-action-553,
.gestion-estudio-excel .ge-period-history-action-553,
button.ge-period-history-action-553 {
  appearance: none !important;
  position: relative !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  max-width: 38px !important;
  max-height: 38px !important;
  padding: 0 !important;
  border-radius: 10px !important;
  border: 1px solid var(--border) !important;
  background: var(--soft) !important;
  color: var(--primary) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: none !important;
  line-height: 1 !important;
  font-size: 0 !important;
  text-indent: 0 !important;
  overflow: visible !important;
  cursor: pointer !important;
}

.ge-period-history-page-553 .ge-period-history-action-553:hover,
.gestion-estudio-excel .ge-period-history-action-553:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 10px 22px rgba(15, 23, 42, .08) !important;
}

.ge-period-history-page-553 .ge-period-history-action-danger-553,
.gestion-estudio-excel .ge-period-history-action-danger-553,
button.ge-period-history-action-danger-553 {
  background: #fff5f5 !important;
  border-color: #fecaca !important;
  color: #dc2626 !important;
}

body.dark .ge-period-history-page-553 .ge-period-history-action-553,
html.dark .ge-period-history-page-553 .ge-period-history-action-553,
[data-theme="dark"] .ge-period-history-page-553 .ge-period-history-action-553,
body.dark .gestion-estudio-excel .ge-period-history-action-553,
html.dark .gestion-estudio-excel .ge-period-history-action-553,
[data-theme="dark"] .gestion-estudio-excel .ge-period-history-action-553 {
  background: rgba(255,255,255,.06) !important;
  border-color: rgba(255,255,255,.16) !important;
  color: #eafff7 !important;
}

body.dark .ge-period-history-page-553 .ge-period-history-action-danger-553,
html.dark .ge-period-history-page-553 .ge-period-history-action-danger-553,
[data-theme="dark"] .ge-period-history-page-553 .ge-period-history-action-danger-553,
body.dark .gestion-estudio-excel .ge-period-history-action-danger-553,
html.dark .gestion-estudio-excel .ge-period-history-action-danger-553,
[data-theme="dark"] .gestion-estudio-excel .ge-period-history-action-danger-553 {
  background: rgba(239,68,68,.14) !important;
  border-color: rgba(248,113,113,.42) !important;
  color: #fecaca !important;
}

.ge-period-history-page-553 .ge-period-history-icon-553,
.gestion-estudio-excel .ge-period-history-icon-553,
button.ge-period-history-action-553 .ge-period-history-icon-553 {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  min-height: 18px !important;
  display: block !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.15 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  overflow: visible !important;
}

.ge-period-history-page-553 .ge-period-history-icon-553 *,
.gestion-estudio-excel .ge-period-history-icon-553 *,
button.ge-period-history-action-553 .ge-period-history-icon-553 * {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.15 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  vector-effect: non-scaling-stroke !important;
}

.ge-period-history-page-553 .ge-period-history-action-553::after,
.gestion-estudio-excel .ge-period-history-action-553::after {
  content: attr(data-ge-tooltip) !important;
  position: absolute !important;
  left: 50% !important;
  bottom: calc(100% + 10px) !important;
  transform: translateX(-50%) translateY(4px) !important;
  background: #10201a !important;
  color: #fff !important;
  border-radius: 9px !important;
  padding: 9px 12px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  opacity: 0 !important;
  pointer-events: none !important;
  box-shadow: 0 14px 30px rgba(0,0,0,.22) !important;
  z-index: 50 !important;
}

.ge-period-history-page-553 .ge-period-history-action-553:hover::after,
.ge-period-history-page-553 .ge-period-history-action-553:focus-visible::after,
.gestion-estudio-excel .ge-period-history-action-553:hover::after,
.gestion-estudio-excel .ge-period-history-action-553:focus-visible::after {
  opacity: 1 !important;
  transform: translateX(-50%) translateY(0) !important;
}


/* 20260610ge_historial_celda_acciones_554 */
.ge-period-history-page-553 .ge-period-history-actions-cell-554,
.gestion-estudio-excel .ge-period-history-actions-cell-554 {
  position: relative !important;
  width: 150px !important;
  min-width: 150px !important;
  max-width: 150px !important;
  padding: 10px 18px !important;
  vertical-align: middle !important;
  background: transparent !important;
  overflow: visible !important;
  white-space: nowrap !important;
}

.ge-period-history-page-553 .ge-period-history-actions-cell-554 > form,
.gestion-estudio-excel .ge-period-history-actions-cell-554 > form {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 8px 0 0 !important;
  padding: 0 !important;
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  vertical-align: middle !important;
}

.ge-period-history-page-553 .ge-period-history-actions-cell-554 .ge-period-history-action-553,
.gestion-estudio-excel .ge-period-history-actions-cell-554 .ge-period-history-action-553 {
  margin: 0 !important;
  position: relative !important;
}

.ge-period-history-page-553 .ge-period-history-table-553 th:last-child,
.ge-period-history-page-553 .ge-period-history-table-553 td:last-child,
.gestion-estudio-excel .ge-period-history-table-553 th:last-child,
.gestion-estudio-excel .ge-period-history-table-553 td:last-child {
  text-align: left !important;
  overflow: visible !important;
}


/* 20260610ge_historial_asignaciones_558 */
.ge-period-history-page-553 .ge-period-history-table-553,
.gestion-estudio-excel .ge-period-history-table-553 {
  table-layout: fixed !important;
  width: 100% !important;
}

.ge-period-history-page-553 .ge-period-history-table-553 th:nth-child(1),
.ge-period-history-page-553 .ge-period-history-table-553 td:nth-child(1),
.gestion-estudio-excel .ge-period-history-table-553 th:nth-child(1),
.gestion-estudio-excel .ge-period-history-table-553 td:nth-child(1) {
  width: 120px !important;
}

.ge-period-history-page-553 .ge-period-history-table-553 th:nth-child(2),
.ge-period-history-page-553 .ge-period-history-table-553 td:nth-child(2),
.gestion-estudio-excel .ge-period-history-table-553 th:nth-child(2),
.gestion-estudio-excel .ge-period-history-table-553 td:nth-child(2) {
  width: 180px !important;
}

.ge-period-history-page-553 .ge-period-history-table-553 th:nth-child(3),
.ge-period-history-page-553 .ge-period-history-table-553 td:nth-child(3),
.gestion-estudio-excel .ge-period-history-table-553 th:nth-child(3),
.gestion-estudio-excel .ge-period-history-table-553 td:nth-child(3) {
  width: 110px !important;
  text-align: center !important;
}

.ge-period-history-page-553 .ge-period-history-table-553 th:nth-child(4),
.ge-period-history-page-553 .ge-period-history-table-553 td:nth-child(4),
.gestion-estudio-excel .ge-period-history-table-553 th:nth-child(4),
.gestion-estudio-excel .ge-period-history-table-553 td:nth-child(4) {
  width: auto !important;
  min-width: 360px !important;
}

.ge-period-history-page-553 .ge-period-history-table-553 th:nth-child(5),
.ge-period-history-page-553 .ge-period-history-table-553 td:nth-child(5),
.gestion-estudio-excel .ge-period-history-table-553 th:nth-child(5),
.gestion-estudio-excel .ge-period-history-table-553 td:nth-child(5) {
  width: 130px !important;
}

.ge-period-history-page-553 .ge-period-history-table-553 th:nth-child(6),
.ge-period-history-page-553 .ge-period-history-table-553 td:nth-child(6),
.gestion-estudio-excel .ge-period-history-table-553 th:nth-child(6),
.gestion-estudio-excel .ge-period-history-table-553 td:nth-child(6) {
  width: 140px !important;
}

.ge-period-history-page-553 .ge-period-history-counts-553,
.gestion-estudio-excel .ge-period-history-counts-553 {
  line-height: 1.45 !important;
}


/* 20260610ge_historial_asignaciones_head_559 */
.ge-period-history-page-553 .ge-period-history-table-553 th:nth-child(4),
.gestion-estudio-excel .ge-period-history-table-553 th:nth-child(4) {
  text-align: center !important;
}


/* 20260610ge_dashboard_activo_acciones_560 */
.gestion-estudio-excel .ge-dashboard-period-active .ge-dashboard-period-action-560,
.gestion-estudio-excel .ge-dashboard-period-active a.ge-dashboard-period-action-560,
.gestion-estudio-excel .ge-dashboard-period-active button.ge-dashboard-period-action-560 {
  appearance: none !important;
  position: relative !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  max-width: 38px !important;
  max-height: 38px !important;
  padding: 0 !important;
  border-radius: 10px !important;
  border: 1px solid var(--border) !important;
  background: var(--soft) !important;
  color: var(--primary) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: none !important;
  line-height: 1 !important;
  font-size: 0 !important;
  text-indent: 0 !important;
  text-decoration: none !important;
  overflow: visible !important;
  cursor: pointer !important;
}

.gestion-estudio-excel .ge-dashboard-period-active .ge-dashboard-period-action-560:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 10px 22px rgba(15, 23, 42, .08) !important;
}

.gestion-estudio-excel .ge-dashboard-period-active .ge-dashboard-period-action-danger-560,
.gestion-estudio-excel .ge-dashboard-period-active button.ge-dashboard-period-action-danger-560 {
  background: #fff5f5 !important;
  border-color: #fecaca !important;
  color: #dc2626 !important;
}

.gestion-estudio-excel .ge-dashboard-period-active form {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 0 0 8px !important;
  padding: 0 !important;
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  vertical-align: middle !important;
}

.gestion-estudio-excel .ge-dashboard-period-active .ge-dashboard-period-action-560 svg {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  min-height: 18px !important;
  display: block !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.15 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  overflow: visible !important;
}

.gestion-estudio-excel .ge-dashboard-period-active .ge-dashboard-period-action-560 svg *,
.gestion-estudio-excel .ge-dashboard-period-active .ge-dashboard-period-action-560 svg path,
.gestion-estudio-excel .ge-dashboard-period-active .ge-dashboard-period-action-560 svg line,
.gestion-estudio-excel .ge-dashboard-period-active .ge-dashboard-period-action-560 svg polyline {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.15 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  vector-effect: non-scaling-stroke !important;
}

body.dark .gestion-estudio-excel .ge-dashboard-period-active .ge-dashboard-period-action-560,
html.dark .gestion-estudio-excel .ge-dashboard-period-active .ge-dashboard-period-action-560,
[data-theme="dark"] .gestion-estudio-excel .ge-dashboard-period-active .ge-dashboard-period-action-560 {
  background: rgba(255,255,255,.06) !important;
  border-color: rgba(255,255,255,.16) !important;
  color: #eafff7 !important;
}

body.dark .gestion-estudio-excel .ge-dashboard-period-active .ge-dashboard-period-action-danger-560,
html.dark .gestion-estudio-excel .ge-dashboard-period-active .ge-dashboard-period-action-danger-560,
[data-theme="dark"] .gestion-estudio-excel .ge-dashboard-period-active .ge-dashboard-period-action-danger-560 {
  background: rgba(239,68,68,.14) !important;
  border-color: rgba(248,113,113,.42) !important;
  color: #fecaca !important;
}

.gestion-estudio-excel .ge-dashboard-period-active .ge-dashboard-period-action-560::after {
  content: attr(data-ge-tooltip) !important;
  position: absolute !important;
  left: 50% !important;
  bottom: calc(100% + 10px) !important;
  transform: translateX(-50%) translateY(4px) !important;
  background: #10201a !important;
  color: #fff !important;
  border-radius: 9px !important;
  padding: 9px 12px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  opacity: 0 !important;
  pointer-events: none !important;
  box-shadow: 0 14px 30px rgba(0,0,0,.22) !important;
  z-index: 80 !important;
}

.gestion-estudio-excel .ge-dashboard-period-active .ge-dashboard-period-action-560:hover::after,
.gestion-estudio-excel .ge-dashboard-period-active .ge-dashboard-period-action-560:focus-visible::after {
  opacity: 1 !important;
  transform: translateX(-50%) translateY(0) !important;
}


/* 20260610ge_dashboard_etiquetas_titulo_561 */
.gestion-estudio-excel .ge-dashboard-tag-picker {
  margin-top: 22px !important;
}

.gestion-estudio-excel .ge-dashboard-tag-picker label,
.gestion-estudio-excel .ge-dashboard-tag-filter label,
.gestion-estudio-excel .ge-dashboard-tag-filter-field label {
  position: static !important;
  display: block !important;
  margin: 0 0 8px 0 !important;
  padding: 0 !important;
  color: var(--muted) !important;
  background: transparent !important;
  border: 0 !important;
  font-size: .78rem !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
}

body.dark .gestion-estudio-excel .ge-dashboard-tag-picker label,
html.dark .gestion-estudio-excel .ge-dashboard-tag-picker label,
[data-theme="dark"] .gestion-estudio-excel .ge-dashboard-tag-picker label,
body.dark .gestion-estudio-excel .ge-dashboard-tag-filter label,
html.dark .gestion-estudio-excel .ge-dashboard-tag-filter label,
[data-theme="dark"] .gestion-estudio-excel .ge-dashboard-tag-filter label {
  color: rgba(234, 255, 247, .72) !important;
}


/* 20260610ge_dashboard_etiquetas_titulo_562 */
.gestion-estudio-excel .ge-dashboard-tag-picker {
  padding-top: 0 !important;
  margin-top: 24px !important;
  border-top: 0 !important;
}

.gestion-estudio-excel .ge-dashboard-tag-picker label {
  margin-bottom: 10px !important;
  transform: translateY(-2px) !important;
}

.gestion-estudio-excel .ge-dashboard-tag-picker .ge-dashboard-tag-control,
.gestion-estudio-excel .ge-dashboard-tag-picker .ge-dashboard-tag-chip-row {
  margin-top: 0 !important;
}


/* 20260610ge_dashboard_etiquetas_caja_unica_563 */
.gestion-estudio-excel .ge-dashboard-tag-picker,
.gestion-estudio-excel .ge-dashboard-tag-filter,
.gestion-estudio-excel .ge-dashboard-tag-filter-field {
  display: inline-block !important;
  width: 292px !important;
  margin-top: 24px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.gestion-estudio-excel .ge-dashboard-tag-picker label,
.gestion-estudio-excel .ge-dashboard-tag-filter label,
.gestion-estudio-excel .ge-dashboard-tag-filter-field label {
  display: block !important;
  width: 100% !important;
  margin: 0 0 8px 0 !important;
  padding: 0 !important;
  text-align: center !important;
  background: transparent !important;
  border: 0 !important;
  color: var(--muted) !important;
  font-size: .78rem !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
  transform: none !important;
}

.gestion-estudio-excel .ge-dashboard-tag-picker .ge-dashboard-tag-control,
.gestion-estudio-excel .ge-dashboard-tag-filter .ge-dashboard-tag-control,
.gestion-estudio-excel .ge-dashboard-tag-filter-field .ge-dashboard-tag-control {
  width: 100% !important;
  margin: 0 !important;
}

body.dark .gestion-estudio-excel .ge-dashboard-tag-picker,
html.dark .gestion-estudio-excel .ge-dashboard-tag-picker,
[data-theme="dark"] .gestion-estudio-excel .ge-dashboard-tag-picker {
  background: transparent !important;
  border: 0 !important;
}

/* 20260610ge_pd_sueldos_dark_572 */
html body.dark .gestion-estudio-excel .ge-dashboard-period-active strong,
html body.dark .gestion-estudio-excel .ge-dashboard-period-active-safe strong,
html.dark .gestion-estudio-excel .ge-dashboard-period-active strong,
html.dark .gestion-estudio-excel .ge-dashboard-period-active-safe strong,
[data-theme="dark"] .gestion-estudio-excel .ge-dashboard-period-active strong,
[data-theme="dark"] .gestion-estudio-excel .ge-dashboard-period-active-safe strong {
  color: #f7fff9 !important;
  opacity: 1 !important;
}

.gestion-estudio-excel .ge-pd-add-task > summary.ge-pd-task-summary-572 {
  list-style: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  padding: 0 !important;
  border-radius: 10px !important;
  cursor: pointer !important;
  user-select: none !important;
}

.gestion-estudio-excel .ge-pd-add-task > summary.ge-pd-task-summary-572::-webkit-details-marker {
  display: none !important;
}

.gestion-estudio-excel .ge-pd-add-task > summary.ge-pd-task-summary-572::marker {
  content: "" !important;
}

/* Si queda algun boton heredado dentro del summary, el click vuelve al summary y abre details. */
.gestion-estudio-excel .ge-pd-add-task > summary > button {
  pointer-events: none !important;
}

.gestion-estudio-excel .ge-pd-table td.actions,
.gestion-estudio-excel .ge-pd-actions-cell-572,
.gestion-estudio-excel .ge-sueldos-table td.actions,
.gestion-estudio-excel .ge-sueldos-actions-cell-572 {
  display: table-cell !important;
  vertical-align: middle !important;
  text-align: right !important;
  white-space: nowrap !important;
  padding: 10px 12px !important;
  border-bottom: 1px solid rgba(10, 35, 29, 0.12) !important;
}

body.dark .gestion-estudio-excel .ge-pd-table td.actions,
body.dark .gestion-estudio-excel .ge-pd-actions-cell-572,
body.dark .gestion-estudio-excel .ge-sueldos-table td.actions,
body.dark .gestion-estudio-excel .ge-sueldos-actions-cell-572,
html.dark .gestion-estudio-excel .ge-pd-table td.actions,
html.dark .gestion-estudio-excel .ge-pd-actions-cell-572,
html.dark .gestion-estudio-excel .ge-sueldos-table td.actions,
html.dark .gestion-estudio-excel .ge-sueldos-actions-cell-572,
[data-theme="dark"] .gestion-estudio-excel .ge-pd-table td.actions,
[data-theme="dark"] .gestion-estudio-excel .ge-pd-actions-cell-572,
[data-theme="dark"] .gestion-estudio-excel .ge-sueldos-table td.actions,
[data-theme="dark"] .gestion-estudio-excel .ge-sueldos-actions-cell-572 {
  border-bottom-color: rgba(216, 245, 234, 0.16) !important;
}

.gestion-estudio-excel .ge-pd-actions-cell-572 form,
.gestion-estudio-excel .ge-sueldos-actions-cell-572 form,
.gestion-estudio-excel .ge-pd-table td.actions form,
.gestion-estudio-excel .ge-sueldos-table td.actions form {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
}

.gestion-estudio-excel .ge-pd-client-note-cell,
.gestion-estudio-excel .ge-sueldos-note-cell {
  vertical-align: middle !important;
  padding: 10px 12px !important;
}

.gestion-estudio-excel .ge-pd-client-note,
.gestion-estudio-excel .ge-sueldos-note-form {
  display: grid !important;
  grid-template-columns: minmax(180px, 1fr) auto auto !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  margin: 0 !important;
}

.gestion-estudio-excel .ge-pd-client-note input,
.gestion-estudio-excel .ge-sueldos-note-form input {
  width: 100% !important;
  min-height: 34px !important;
  box-sizing: border-box !important;
}




/* 20260610ge_pd_plus_summary_limpio_573 */
.gestion-estudio-excel .ge-pd-add-task > summary.ge-pd-task-summary-573 {
  list-style: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  padding: 0 !important;
  border-radius: 10px !important;
  cursor: pointer !important;
  user-select: none !important;
}

.gestion-estudio-excel .ge-pd-add-task > summary.ge-pd-task-summary-573::-webkit-details-marker {
  display: none !important;
}

.gestion-estudio-excel .ge-pd-add-task > summary.ge-pd-task-summary-573::marker {
  content: "" !important;
}

.gestion-estudio-excel .ge-pd-add-task > summary.ge-pd-task-summary-573 svg {
  width: 18px !important;
  height: 18px !important;
  display: block !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.4 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}





/* 20260610inbox_thread_hover_delete_rebuild421 */
.inbox-thread-delete-wrap {
  position: relative !important;
  display: block !important;
  width: 100% !important;
}

.inbox-thread-delete-wrap > .inbox-thread {
  width: 100% !important;
}

.inbox-thread-delete-form {
  position: absolute !important;
  top: 50% !important;
  right: 12px !important;
  z-index: 24 !important;
  margin: 0 !important;
  transform: translateY(-50%) !important;
}

.inbox-thread-hover-delete {
  width: 31px !important;
  height: 31px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(148, 163, 184, 0.22) !important;
  border-radius: 999px !important;
  background: rgba(15, 23, 42, 0.34) !important;
  color: rgba(226, 232, 240, 0.88) !important;
  backdrop-filter: blur(7px) saturate(1.12) !important;
  -webkit-backdrop-filter: blur(7px) saturate(1.12) !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.14) !important;
  cursor: pointer !important;
  opacity: 0 !important;
  transform: translateX(4px) scale(0.94) !important;
  pointer-events: none !important;
  transition: opacity .16s ease, transform .16s ease, background .16s ease, border-color .16s ease, color .16s ease !important;
}

.inbox-thread-hover-delete svg {
  width: 15px !important;
  height: 15px !important;
  stroke-width: 2.05 !important;
}

.inbox-thread-delete-wrap:hover .inbox-thread-hover-delete,
.inbox-thread-delete-wrap:focus-within .inbox-thread-hover-delete,
.inbox-thread-hover-delete:focus {
  opacity: 1 !important;
  transform: translateX(0) scale(1) !important;
  pointer-events: auto !important;
}

.inbox-thread-hover-delete:hover,
.inbox-thread-hover-delete:focus {
  background: rgba(30, 41, 59, 0.58) !important;
  border-color: rgba(148, 163, 184, 0.42) !important;
  color: #ffffff !important;
  outline: none !important;
}

.inbox-thread-hover-delete::after {
  content: "Eliminar";
  position: absolute;
  right: 0;
  top: calc(100% + 7px);
  padding: 5px 8px;
  border-radius: 8px;
  background: rgba(17, 24, 39, 0.88);
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
  box-shadow: 0 10px 24px rgba(0, 0, 0, .18);
  opacity: 0;
  transform: translateY(-3px);
  pointer-events: none;
  transition: opacity .14s ease, transform .14s ease;
}

.inbox-thread-hover-delete:hover::after,
.inbox-thread-hover-delete:focus::after {
  opacity: 1;
  transform: translateY(0);
}

.inbox-thread-hover-delete.is-deleting {
  opacity: 1 !important;
  pointer-events: none !important;
  background: rgba(51, 65, 85, 0.74) !important;
}

.inbox-thread-delete-wrap.is-thread-deleting {
  opacity: .55 !important;
  filter: grayscale(.2) !important;
}

html[data-theme="light"] .inbox-thread-hover-delete,
body.light .inbox-thread-hover-delete,
.light-mode .inbox-thread-hover-delete {
  background: rgba(255, 255, 255, 0.62) !important;
  color: rgba(51, 65, 85, 0.84) !important;
  border-color: rgba(100, 116, 139, 0.22) !important;
  box-shadow: 0 10px 22px rgba(15, 23, 42, 0.10) !important;
}

html[data-theme="light"] .inbox-thread-hover-delete:hover,
body.light .inbox-thread-hover-delete:hover,
.light-mode .inbox-thread-hover-delete:hover,
html[data-theme="light"] .inbox-thread-hover-delete:focus,
body.light .inbox-thread-hover-delete:focus,
.light-mode .inbox-thread-hover-delete:focus {
  background: rgba(15, 23, 42, 0.10) !important;
  color: #0f172a !important;
}

@media (hover: none) {
  .inbox-thread-hover-delete {
    opacity: .62 !important;
    transform: none !important;
    pointer-events: auto !important;
  }
}

/* 20260610ge_pd_botones_sin_title_575 */
body.dark .gestion-estudio-excel .ge-pd-crm-btn,
html.dark .gestion-estudio-excel .ge-pd-crm-btn,
[data-theme="dark"] .gestion-estudio-excel .ge-pd-crm-btn {
  color: #8fdcff !important;
  background: rgba(255, 255, 255, 0.055) !important;
  border-color: rgba(216, 245, 234, 0.18) !important;
  box-shadow: none !important;
}

body.dark .gestion-estudio-excel .ge-pd-crm-btn:hover,
body.dark .gestion-estudio-excel .ge-pd-crm-btn:focus-visible,
html.dark .gestion-estudio-excel .ge-pd-crm-btn:hover,
html.dark .gestion-estudio-excel .ge-pd-crm-btn:focus-visible,
[data-theme="dark"] .gestion-estudio-excel .ge-pd-crm-btn:hover,
[data-theme="dark"] .gestion-estudio-excel .ge-pd-crm-btn:focus-visible {
  color: #8fdcff !important;
  background: rgba(255, 255, 255, 0.085) !important;
  border-color: rgba(216, 245, 234, 0.28) !important;
}

body.dark .gestion-estudio-excel .ge-pd-crm-btn.danger,
html.dark .gestion-estudio-excel .ge-pd-crm-btn.danger,
[data-theme="dark"] .gestion-estudio-excel .ge-pd-crm-btn.danger {
  color: #ff8f8f !important;
  background: rgba(255, 92, 92, 0.14) !important;
  border-color: rgba(255, 92, 92, 0.34) !important;
}

.gestion-estudio-excel .ge-pd-crm-btn[data-ge-tooltip] {
  position: relative !important;
}

.gestion-estudio-excel .ge-pd-crm-btn[data-ge-tooltip]::after {
  content: attr(data-ge-tooltip);
  position: absolute;
  left: 50%;
  bottom: calc(100% + 9px);
  transform: translateX(-50%) translateY(4px);
  z-index: 80;
  display: block;
  width: max-content;
  max-width: 240px;
  padding: 9px 13px;
  border-radius: 8px;
  background: #10221d;
  color: #ffffff;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.1;
  opacity: 0;
  pointer-events: none;
  white-space: nowrap;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.18);
  transition: opacity 0.12s ease, transform 0.12s ease;
}

.gestion-estudio-excel .ge-pd-crm-btn[data-ge-tooltip]:hover::after,
.gestion-estudio-excel .ge-pd-crm-btn[data-ge-tooltip]:focus-visible::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* 20260610ge_pd_notas_desde_cero_578 */
/* Componente nuevo para notas de cliente en PD: no hereda el viejo ge-pd-client-note. */
.gestion-estudio-excel .ge-pd-table td.ge-pd-note-cell-578 {
  padding: 10px 12px !important;
  vertical-align: middle !important;
  min-width: 280px !important;
}

.gestion-estudio-excel .ge-pd-note-form-578 {
  display: grid !important;
  grid-template-columns: minmax(190px, 1fr) auto !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  min-height: 40px !important;
  margin: 0 !important;
}

.gestion-estudio-excel .ge-pd-note-input-578 {
  display: block !important;
  width: 100% !important;
  height: 36px !important;
  min-height: 36px !important;
  margin: 0 !important;
  padding: 8px 12px !important;
  box-sizing: border-box !important;
  line-height: 1.2 !important;
}

.gestion-estudio-excel .ge-pd-note-actions-578 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  min-width: 78px !important;
}

.gestion-estudio-excel .ge-pd-note-actions-578 .ge-pd-crm-btn {
  flex: 0 0 auto !important;
}

.gestion-estudio-excel .ge-pd-client-row > td {
  vertical-align: middle !important;
}

body.dark .gestion-estudio-excel .ge-pd-note-input-578,
html.dark .gestion-estudio-excel .ge-pd-note-input-578,
[data-theme="dark"] .gestion-estudio-excel .ge-pd-note-input-578 {
  background: rgba(255, 255, 255, 0.035) !important;
  border-color: rgba(216, 245, 234, 0.22) !important;
  color: #f7fff9 !important;
}

@media (max-width: 900px) {
  .gestion-estudio-excel .ge-pd-note-form-578 {
    grid-template-columns: 1fr !important;
  }

  .gestion-estudio-excel .ge-pd-note-actions-578 {
    justify-content: flex-start !important;
  }
}

/* 20260610ge_pd_tarea_notas_textarea_579 */
/* Notas de tareas PD: textarea visible para textos largos guardados. */
.gestion-estudio-excel .ge-pd-task-note-579 {
  display: block !important;
  width: 100% !important;
  min-width: 260px !important;
  min-height: 34px !important;
  max-height: none !important;
  height: auto !important;
  padding: 8px 11px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  resize: vertical !important;
  overflow: hidden !important;
  white-space: pre-wrap !important;
  overflow-wrap: anywhere !important;
  line-height: 1.35 !important;
  font: inherit !important;
}

.gestion-estudio-excel .ge-pd-task-note-579[readonly] {
  resize: none !important;
}

.gestion-estudio-excel .ge-pd-task-row td {
  vertical-align: top !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.gestion-estudio-excel .ge-pd-task-row .ge-pd-task-note-579 {
  min-height: 38px !important;
}

.gestion-estudio-excel .ge-pd-add-task-form .ge-pd-task-note-new-579 {
  min-width: 220px !important;
}

body.dark .gestion-estudio-excel .ge-pd-task-note-579,
html.dark .gestion-estudio-excel .ge-pd-task-note-579,
[data-theme="dark"] .gestion-estudio-excel .ge-pd-task-note-579 {
  background: rgba(255, 255, 255, 0.035) !important;
  border-color: rgba(216, 245, 234, 0.22) !important;
  color: #f7fff9 !important;
}

/* 20260610ge_pd_tarea_notas_existentes_580 */
/* Notas de tareas existentes en PD: textarea con filas calculadas para que lo guardado quede visible. */
.gestion-estudio-excel .ge-pd-table textarea.ge-pd-task-note-580 {
  display: block !important;
  width: 100% !important;
  min-width: 280px !important;
  min-height: 36px !important;
  height: auto !important;
  max-height: none !important;
  padding: 8px 11px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  resize: vertical !important;
  overflow: hidden !important;
  line-height: 1.35 !important;
  font: inherit !important;
  white-space: pre-wrap !important;
  overflow-wrap: anywhere !important;
  field-sizing: content !important;
}

.gestion-estudio-excel .ge-pd-task-row td {
  vertical-align: top !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

body.dark .gestion-estudio-excel .ge-pd-table textarea.ge-pd-task-note-580,
html.dark .gestion-estudio-excel .ge-pd-table textarea.ge-pd-task-note-580,
[data-theme="dark"] .gestion-estudio-excel .ge-pd-table textarea.ge-pd-task-note-580 {
  background: rgba(255, 255, 255, 0.035) !important;
  border-color: rgba(216, 245, 234, 0.22) !important;
  color: #f7fff9 !important;
}



/* 20260610ge_pd_tarea_titulo_textarea_581 */
.gestion-estudio-excel .ge-pd-table td.ge-pd-task-title-cell {
  vertical-align: top !important;
  min-width: 260px !important;
}

.gestion-estudio-excel .ge-pd-table textarea.ge-pd-task-title-581,
.gestion-estudio-excel .ge-pd-add-task-form textarea.ge-pd-task-title-581 {
  width: 100% !important;
  min-height: 36px !important;
  max-height: 180px !important;
  padding: 9px 12px !important;
  border-radius: 10px !important;
  box-sizing: border-box !important;
  resize: vertical !important;
  overflow-y: auto !important;
  white-space: pre-wrap !important;
  overflow-wrap: anywhere !important;
  line-height: 1.35 !important;
  font: inherit !important;
}

.gestion-estudio-excel .ge-pd-task-row td {
  vertical-align: top !important;
}

body.dark .gestion-estudio-excel .ge-pd-table textarea.ge-pd-task-title-581,
html.dark .gestion-estudio-excel .ge-pd-table textarea.ge-pd-task-title-581,
[data-theme="dark"] .gestion-estudio-excel .ge-pd-table textarea.ge-pd-task-title-581 {
  color: #f8fffb !important;
  background: rgba(7, 30, 21, 0.72) !important;
}



/* 20260610ge_pd_titulo_like_notas_584 */
.gestion-estudio-excel .ge-pd-table textarea.ge-pd-task-title-581,
.gestion-estudio-excel .ge-pd-add-task-form textarea.ge-pd-task-title-581 {
  height: auto !important;
  min-height: 36px !important;
  max-height: none !important;
  overflow-y: hidden !important;
  resize: vertical !important;
  white-space: pre-wrap !important;
  overflow-wrap: anywhere !important;
}


/* 20260611ge_pd_check_cumplida_585 */
.gestion-estudio-excel .ge-pd-table tr.ge-pd-task-row.is-done > td {
  background: #dff3ea !important;
}

.gestion-estudio-excel .ge-pd-check {
  text-align: center !important;
  vertical-align: top !important;
}

.gestion-estudio-excel .ge-pd-check input.ge-pd-task-done-check-585 {
  -webkit-appearance: none !important;
  appearance: none !important;
  width: 19px !important;
  height: 19px !important;
  margin: 8px auto 0 !important;
  border: 1.8px solid #9fb8ae !important;
  border-radius: 5px !important;
  background: #ffffff !important;
  display: inline-grid !important;
  place-content: center !important;
  cursor: pointer !important;
  box-shadow: none !important;
  transition: background .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease !important;
}

.gestion-estudio-excel .ge-pd-check input.ge-pd-task-done-check-585:checked {
  border-color: #12945b !important;
  background: #ecfff4 !important;
  box-shadow: 0 0 0 3px rgba(18, 148, 91, .16) !important;
}

.gestion-estudio-excel .ge-pd-check input.ge-pd-task-done-check-585:checked::after {
  content: "" !important;
  width: 6px !important;
  height: 10px !important;
  border: solid #12945b !important;
  border-width: 0 2.4px 2.4px 0 !important;
  transform: rotate(45deg) translate(-1px, -1px) !important;
}

.gestion-estudio-excel .ge-pd-check input.ge-pd-task-done-check-585:hover {
  border-color: #12945b !important;
  transform: translateY(-1px) !important;
}

body.dark .gestion-estudio-excel .ge-pd-table tr.ge-pd-task-row.is-done > td,
html.dark .gestion-estudio-excel .ge-pd-table tr.ge-pd-task-row.is-done > td,
[data-theme="dark"] .gestion-estudio-excel .ge-pd-table tr.ge-pd-task-row.is-done > td {
  background: rgba(36, 88, 62, .78) !important;
}

body.dark .gestion-estudio-excel .ge-pd-check input.ge-pd-task-done-check-585,
html.dark .gestion-estudio-excel .ge-pd-check input.ge-pd-task-done-check-585,
[data-theme="dark"] .gestion-estudio-excel .ge-pd-check input.ge-pd-task-done-check-585 {
  background: rgba(9, 35, 25, .92) !important;
  border-color: rgba(151, 181, 168, .7) !important;
}

body.dark .gestion-estudio-excel .ge-pd-check input.ge-pd-task-done-check-585:checked,
html.dark .gestion-estudio-excel .ge-pd-check input.ge-pd-task-done-check-585:checked,
[data-theme="dark"] .gestion-estudio-excel .ge-pd-check input.ge-pd-task-done-check-585:checked {
  background: rgba(17, 72, 45, .95) !important;
  border-color: #62f29c !important;
  box-shadow: 0 0 0 3px rgba(98, 242, 156, .2) !important;
}

body.dark .gestion-estudio-excel .ge-pd-check input.ge-pd-task-done-check-585:checked::after,
html.dark .gestion-estudio-excel .ge-pd-check input.ge-pd-task-done-check-585:checked::after,
[data-theme="dark"] .gestion-estudio-excel .ge-pd-check input.ge-pd-task-done-check-585:checked::after {
  border-color: #62f29c !important;
}


/* 20260611inbox_thread_delete_ajax430 */
.inbox-thread-hover-delete.is-deleting {
  opacity: .72 !important;
  pointer-events: none !important;
}

.inbox-thread-row {
  will-change: opacity, transform, max-height;
}


/* 20260611ge_pd_check_verde_oscuro_586 */
.gestion-estudio-excel .ge-pd-table tr.ge-pd-task-row.is-done > td {
  background: #bfe8d4 !important;
}

.gestion-estudio-excel .ge-pd-check input.ge-pd-task-done-check-585:checked {
  border-color: #087044 !important;
  background: #d8f6e7 !important;
  box-shadow: 0 0 0 3px rgba(8, 112, 68, .22) !important;
}

.gestion-estudio-excel .ge-pd-check input.ge-pd-task-done-check-585:checked::after {
  border-color: #087044 !important;
}

body.dark .gestion-estudio-excel .ge-pd-table tr.ge-pd-task-row.is-done > td,
html.dark .gestion-estudio-excel .ge-pd-table tr.ge-pd-task-row.is-done > td,
[data-theme="dark"] .gestion-estudio-excel .ge-pd-table tr.ge-pd-task-row.is-done > td {
  background: rgba(25, 108, 65, .76) !important;
}

body.dark .gestion-estudio-excel .ge-pd-check input.ge-pd-task-done-check-585:checked,
html.dark .gestion-estudio-excel .ge-pd-check input.ge-pd-task-done-check-585:checked,
[data-theme="dark"] .gestion-estudio-excel .ge-pd-check input.ge-pd-task-done-check-585:checked {
  background: rgba(8, 92, 52, .98) !important;
  border-color: #38d87f !important;
  box-shadow: 0 0 0 3px rgba(56, 216, 127, .24) !important;
}

body.dark .gestion-estudio-excel .ge-pd-check input.ge-pd-task-done-check-585:checked::after,
html.dark .gestion-estudio-excel .ge-pd-check input.ge-pd-task-done-check-585:checked::after,
[data-theme="dark"] .gestion-estudio-excel .ge-pd-check input.ge-pd-task-done-check-585:checked::after {
  border-color: #38d87f !important;
}




/* 20260611inbox_unread_delete_button443 */
.inbox-thread-row:not([hidden]) .inbox-thread-delete-wrap {
  display: block !important;
  position: relative !important;
}

.inbox-thread-row:not([hidden]) .inbox-thread-delete-wrap > .inbox-thread-delete-form {
  display: block !important;
}


/* 20260611ge_monotributo_matriz_594 */
.gestion-estudio-excel .ge-mono-panel-594 { overflow: hidden; }
.gestion-estudio-excel .ge-mono-toolbar-594 { display: grid; grid-template-columns: minmax(360px, 1fr) minmax(280px, 420px); gap: 12px; margin: 14px 0 16px; }
.gestion-estudio-excel .ge-mono-add-client-594,
.gestion-estudio-excel .ge-mono-add-column-594 { display: grid; grid-template-columns: minmax(180px, 1fr) minmax(130px, 330px) 42px; gap: 10px; align-items: center; padding: 10px; border: 1px solid rgba(0, 95, 75, .16); border-radius: 14px; background: rgba(255,255,255,.72); }
.gestion-estudio-excel .ge-mono-add-column-594 { grid-template-columns: minmax(180px, 1fr) 42px; }
.gestion-estudio-excel .ge-mono-add-client-594 input,
.gestion-estudio-excel .ge-mono-add-column-594 input,
.gestion-estudio-excel .ge-mono-col-title-input-594 { width: 100%; min-height: 34px; border: 1px solid rgba(0, 95, 75, .18); border-radius: 10px; background: #fff; color: #071914; padding: 0 11px; font-weight: 700; }
.gestion-estudio-excel .ge-mono-table-wrap-594 { width: 100%; overflow: auto; border: 1px solid rgba(0, 95, 75, .15); border-radius: 14px; background: rgba(255,255,255,.84); }
.gestion-estudio-excel .ge-mono-matrix-594 { width: max-content; min-width: 100%; table-layout: fixed; border-collapse: separate; border-spacing: 0; }
.gestion-estudio-excel .ge-mono-matrix-594 th,
.gestion-estudio-excel .ge-mono-matrix-594 td { padding: 10px; vertical-align: middle; border-bottom: 1px solid rgba(0, 95, 75, .12); }
.gestion-estudio-excel .ge-mono-client-sticky-594 { position: sticky; left: 0; z-index: 2; background: #fff; box-shadow: 12px 0 18px rgba(0,0,0,.04); }
.gestion-estudio-excel .ge-mono-client-sticky-594 strong,
.gestion-estudio-excel .ge-mono-client-sticky-594 small { display: block; }
.gestion-estudio-excel .ge-mono-client-sticky-594 small { color: rgba(7,25,20,.58); margin-top: 3px; }
.gestion-estudio-excel .ge-mono-col-form-594 { display: flex; align-items: center; gap: 8px; }
.gestion-estudio-excel .ge-mono-col-shell-594 { display: block; min-width: 120px; max-width: 420px; resize: horizontal; overflow: auto; }
.gestion-estudio-excel .ge-mono-cell-td-594 { text-align: center; transition: background .15s ease, box-shadow .15s ease; }
.gestion-estudio-excel .ge-mono-cell-td-594.is-checked { background: rgba(24, 132, 96, .18); box-shadow: inset 0 0 0 1px rgba(24,132,96,.2); }
.gestion-estudio-excel .ge-mono-cell-check-594 { width: 28px; height: 28px; display: inline-grid; place-items: center; margin: 0 auto; cursor: pointer; }
.gestion-estudio-excel .ge-mono-cell-check-594 input { width: 16px; height: 16px; accent-color: #188460; cursor: pointer; }
.gestion-estudio-excel .ge-mono-row-actions-594 { text-align: center; }
.gestion-estudio-excel .ge-mono-row-actions-594 form { display: inline-flex; margin: 0; }
.gestion-estudio-excel .ge-mono-action-594 { position: relative; width: 38px; height: 38px; display: inline-grid; place-items: center; border: 1px solid rgba(0,95,75,.14); border-radius: 10px; background: rgba(244,250,248,.92); color: #07392f; cursor: pointer; box-shadow: 0 10px 22px rgba(0,0,0,.05); }
.gestion-estudio-excel .ge-mono-action-594 svg { width: 17px; height: 17px; fill: none !important; stroke: currentColor !important; stroke-width: 2.25; stroke-linecap: round; stroke-linejoin: round; }
.gestion-estudio-excel .ge-mono-action-danger-594 { background: rgba(255, 241, 241, .92); border-color: rgba(239, 68, 68, .22); color: #e11d48; }
.gestion-estudio-excel .ge-mono-action-594[data-ge-tooltip]::after { content: attr(data-ge-tooltip); position: absolute; left: 50%; bottom: calc(100% + 9px); transform: translateX(-50%) translateY(4px); opacity: 0; pointer-events: none; white-space: nowrap; z-index: 40; background: #10231d; color: #fff; border-radius: 8px; padding: 7px 10px; font-size: 12px; font-weight: 900; box-shadow: 0 12px 26px rgba(0,0,0,.22); transition: opacity .14s ease, transform .14s ease; }
.gestion-estudio-excel .ge-mono-action-594[data-ge-tooltip]:hover::after,
.gestion-estudio-excel .ge-mono-action-594[data-ge-tooltip]:focus-visible::after { opacity: 1; transform: translateX(-50%) translateY(0); }

body.dark .gestion-estudio-excel .ge-mono-add-client-594,
html.dark .gestion-estudio-excel .ge-mono-add-client-594,
[data-theme="dark"] .gestion-estudio-excel .ge-mono-add-client-594,
body.dark .gestion-estudio-excel .ge-mono-add-column-594,
html.dark .gestion-estudio-excel .ge-mono-add-column-594,
[data-theme="dark"] .gestion-estudio-excel .ge-mono-add-column-594,
body.dark .gestion-estudio-excel .ge-mono-table-wrap-594,
html.dark .gestion-estudio-excel .ge-mono-table-wrap-594,
[data-theme="dark"] .gestion-estudio-excel .ge-mono-table-wrap-594 { background: rgba(12, 33, 27, .72); border-color: rgba(154, 230, 203, .2); }

body.dark .gestion-estudio-excel .ge-mono-client-sticky-594,
html.dark .gestion-estudio-excel .ge-mono-client-sticky-594,
[data-theme="dark"] .gestion-estudio-excel .ge-mono-client-sticky-594 { background: #0f211b; box-shadow: 12px 0 18px rgba(0,0,0,.24); }

body.dark .gestion-estudio-excel .ge-mono-add-client-594 input,
html.dark .gestion-estudio-excel .ge-mono-add-client-594 input,
[data-theme="dark"] .gestion-estudio-excel .ge-mono-add-client-594 input,
body.dark .gestion-estudio-excel .ge-mono-add-column-594 input,
html.dark .gestion-estudio-excel .ge-mono-add-column-594 input,
[data-theme="dark"] .gestion-estudio-excel .ge-mono-add-column-594 input,
body.dark .gestion-estudio-excel .ge-mono-col-title-input-594,
html.dark .gestion-estudio-excel .ge-mono-col-title-input-594,
[data-theme="dark"] .gestion-estudio-excel .ge-mono-col-title-input-594 { background: rgba(9, 31, 24, .82); border-color: rgba(154, 230, 203, .24); color: #fff; }

body.dark .gestion-estudio-excel .ge-mono-cell-td-594.is-checked,
html.dark .gestion-estudio-excel .ge-mono-cell-td-594.is-checked,
[data-theme="dark"] .gestion-estudio-excel .ge-mono-cell-td-594.is-checked { background: rgba(21, 128, 91, .34); }

body.dark .gestion-estudio-excel .ge-mono-action-594,
html.dark .gestion-estudio-excel .ge-mono-action-594,
[data-theme="dark"] .gestion-estudio-excel .ge-mono-action-594 { background: rgba(255,255,255,.07); border-color: rgba(154,230,203,.18); color: #e8fff7; }

body.dark .gestion-estudio-excel .ge-mono-action-danger-594,
html.dark .gestion-estudio-excel .ge-mono-action-danger-594,
[data-theme="dark"] .gestion-estudio-excel .ge-mono-action-danger-594 { background: rgba(127,29,29,.35); border-color: rgba(248,113,113,.35); color: #fecaca; }

@media (max-width: 760px) {
  .gestion-estudio-excel .ge-mono-toolbar-594 { grid-template-columns: 1fr; }
}


/* 20260611ge_monotributo_texto_celdas_598 */
.gestion-estudio-excel .ge-mono-matrix-598 th.ge-mono-note-head-598 {
  text-align: left;
}

.gestion-estudio-excel .ge-mono-row-note-598 {
  background: rgba(247, 251, 249, .92);
}

.gestion-estudio-excel .ge-mono-row-note-form-598,
.gestion-estudio-excel .ge-mono-cell-form-598 {
  display: grid;
  align-items: center;
  gap: 8px;
}

.gestion-estudio-excel .ge-mono-row-note-form-598 {
  grid-template-columns: minmax(160px, 1fr) 38px;
}

.gestion-estudio-excel .ge-mono-cell-form-598 {
  grid-template-columns: 28px minmax(120px, 1fr) 38px;
}

.gestion-estudio-excel .ge-mono-row-note-input-598,
.gestion-estudio-excel .ge-mono-cell-note-598 {
  width: 100%;
  min-height: 34px;
  resize: vertical;
  border: 1px solid rgba(0, 95, 75, .18);
  border-radius: 10px;
  background: #fff;
  color: #071914;
  padding: 8px 10px;
  font-weight: 700;
  line-height: 1.35;
}

.gestion-estudio-excel .ge-mono-cell-text-598.is-checked .ge-mono-cell-note-598 {
  background: rgba(255,255,255,.92);
  border-color: rgba(24,132,96,.28);
}

body.dark .gestion-estudio-excel .ge-mono-row-note-598,
html.dark .gestion-estudio-excel .ge-mono-row-note-598,
[data-theme="dark"] .gestion-estudio-excel .ge-mono-row-note-598 {
  background: rgba(12, 33, 27, .68);
}

body.dark .gestion-estudio-excel .ge-mono-row-note-input-598,
html.dark .gestion-estudio-excel .ge-mono-row-note-input-598,
[data-theme="dark"] .gestion-estudio-excel .ge-mono-row-note-input-598,
body.dark .gestion-estudio-excel .ge-mono-cell-note-598,
html.dark .gestion-estudio-excel .ge-mono-cell-note-598,
[data-theme="dark"] .gestion-estudio-excel .ge-mono-cell-note-598 {
  background: rgba(9, 31, 24, .82);
  border-color: rgba(154, 230, 203, .24);
  color: #fff;
}

@media (max-width: 760px) {
  .gestion-estudio-excel .ge-mono-cell-form-598 {
    grid-template-columns: 28px minmax(130px, 1fr) 38px;
  }
}


/* 20260611inbox_unread_backend_filter445 */
[data-inbox-thread-filters] a.filter-chip,
[data-inbox-thread-filters] a.inbox-thread-filter-chip {
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}


/* 20260611ge_monotributo_ajustes_matriz_599 */
.gestion-estudio-excel .ge-mono-settings-form-599,
.gestion-estudio-excel .ge-mono-col-form-594.ge-mono-resize-form-599 {
  display: flex;
  align-items: center;
  gap: 8px;
}

.gestion-estudio-excel .ge-mono-client-head-shell-599,
.gestion-estudio-excel .ge-mono-note-head-shell-599,
.gestion-estudio-excel .ge-mono-resize-shell-599 {
  display: block;
  min-width: 120px;
  max-width: 520px;
  resize: horizontal;
  overflow: auto;
}

.gestion-estudio-excel .ge-mono-client-head-shell-599 {
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: rgba(7, 25, 20, .72);
  padding: 8px 10px;
}

.gestion-estudio-excel .ge-mono-note-title-input-599 {
  width: 100%;
  min-height: 34px;
  border: 1px solid rgba(0, 95, 75, .18);
  border-radius: 10px;
  background: #fff;
  color: #071914;
  padding: 0 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.gestion-estudio-excel .ge-mono-client-cell-599 strong,
.gestion-estudio-excel .ge-mono-client-cell-599 small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.gestion-estudio-excel .ge-mono-col-shell-594 {
  resize: horizontal !important;
  overflow: auto !important;
  min-width: 120px;
  max-width: 520px;
}

.gestion-estudio-excel .ge-mono-field-tooltip-599 {
  cursor: help;
}

.ge-mono-float-tip-599 {
  position: fixed;
  z-index: 99999;
  display: none;
  max-width: min(520px, calc(100vw - 24px));
  max-height: 260px;
  overflow: auto;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  padding: 10px 12px;
  border-radius: 10px;
  background: #10231d;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.35;
  box-shadow: 0 18px 40px rgba(0,0,0,.28);
}

.ge-mono-float-tip-599.is-open {
  display: block;
}

body.dark .gestion-estudio-excel .ge-mono-note-title-input-599,
html.dark .gestion-estudio-excel .ge-mono-note-title-input-599,
[data-theme="dark"] .gestion-estudio-excel .ge-mono-note-title-input-599 {
  background: rgba(9, 31, 24, .82);
  border-color: rgba(154, 230, 203, .24);
  color: #fff;
}

body.dark .gestion-estudio-excel .ge-mono-client-head-shell-599,
html.dark .gestion-estudio-excel .ge-mono-client-head-shell-599,
[data-theme="dark"] .gestion-estudio-excel .ge-mono-client-head-shell-599 {
  color: rgba(232,255,247,.82);
}


/* 20260611ge_monotributo_columnas_flex_600 */
.gestion-estudio-excel .ge-mono-col-head-actions-600 {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0 !important;
  width: 100%;
}

.gestion-estudio-excel .ge-mono-col-head-actions-600 .ge-mono-col-form-594 {
  flex: 1 1 auto;
  min-width: 0 !important;
}

.gestion-estudio-excel .ge-mono-col-delete-form-600 {
  flex: 0 0 auto;
  display: inline-flex;
  margin: 0;
}

.gestion-estudio-excel .ge-mono-col-shell-594,
.gestion-estudio-excel .ge-mono-resize-shell-599,
.gestion-estudio-excel .ge-mono-client-head-shell-599,
.gestion-estudio-excel .ge-mono-note-head-shell-599 {
  min-width: 1px !important;
  max-width: 720px !important;
  resize: horizontal !important;
  overflow: auto !important;
}

.gestion-estudio-excel .ge-mono-col-title-input-594,
.gestion-estudio-excel .ge-mono-note-title-input-599 {
  min-width: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.gestion-estudio-excel .ge-mono-cell-form-598 {
  min-width: 0 !important;
  grid-template-columns: 24px minmax(0, 1fr) 34px !important;
}

.gestion-estudio-excel .ge-mono-row-note-form-598 {
  min-width: 0 !important;
  grid-template-columns: minmax(0, 1fr) 34px !important;
}

.gestion-estudio-excel .ge-mono-row-note-input-598,
.gestion-estudio-excel .ge-mono-cell-note-598 {
  min-width: 0 !important;
  box-sizing: border-box !important;
}

/* 20260611ge_sueldos_matriz_602_START */
.gestion-estudio-excel .ge-sueldos-matrix-panel-602 {
  overflow: visible;
}

.gestion-estudio-excel .ge-sueldo-toolbar-602 {
  display: grid;
  grid-template-columns: minmax(360px, 1fr) minmax(260px, 0.55fr);
  gap: 12px;
  margin: 14px 0 14px;
}

.gestion-estudio-excel .ge-sueldo-add-client-602,
.gestion-estudio-excel .ge-sueldo-add-column-602 {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) minmax(130px, 0.55fr) 42px;
  gap: 8px;
  align-items: center;
  border: 1px solid rgba(12, 77, 56, 0.18);
  border-radius: 14px;
  padding: 8px;
  background: rgba(255, 255, 255, 0.72);
}

.gestion-estudio-excel .ge-sueldo-add-column-602 {
  grid-template-columns: minmax(170px, 1fr) 42px;
}

.gestion-estudio-excel .ge-sueldo-crm-picker-602 {
  position: relative;
  min-width: 0;
}

.gestion-estudio-excel .ge-sueldo-crm-options-602 {
  display: none;
  position: absolute;
  z-index: 80;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  max-height: 260px;
  overflow: auto;
  border: 1px solid rgba(12, 77, 56, 0.18);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 18px 44px rgba(15, 23, 42, 0.16);
  padding: 6px;
}

.gestion-estudio-excel .ge-sueldo-crm-picker-602.is-open .ge-sueldo-crm-options-602 {
  display: grid;
  gap: 4px;
}

.gestion-estudio-excel .ge-sueldo-crm-option-602 {
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: #071814;
  display: grid;
  gap: 2px;
  padding: 8px 10px;
  text-align: left;
  cursor: pointer;
}

.gestion-estudio-excel .ge-sueldo-crm-option-602:hover {
  background: rgba(8, 122, 88, 0.10);
}

.gestion-estudio-excel .ge-sueldo-crm-option-602 small {
  color: rgba(7, 24, 20, 0.58);
  font-weight: 700;
}

.gestion-estudio-excel .ge-sueldo-table-wrap-602 {
  overflow: auto;
  border: 1px solid rgba(12, 77, 56, 0.14);
  border-radius: 14px;
}

.gestion-estudio-excel .ge-sueldo-matrix-table-602 {
  width: max-content;
  min-width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}

.gestion-estudio-excel .ge-sueldo-matrix-table-602 th,
.gestion-estudio-excel .ge-sueldo-matrix-table-602 td {
  vertical-align: top;
  border-bottom: 1px solid rgba(12, 77, 56, 0.13);
  padding: 10px;
}

.gestion-estudio-excel .ge-sueldo-matrix-table-602 th {
  color: rgba(8, 38, 34, 0.76);
  font-size: 12px;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  font-weight: 900;
  background: rgba(255, 255, 255, 0.68);
}

.gestion-estudio-excel .ge-sueldo-fixed-head-602 {
  min-width: 1px !important;
}

.gestion-estudio-excel .ge-sueldo-head-form-602 {
  display: grid;
  grid-template-columns: auto auto 42px;
  gap: 8px;
  align-items: center;
  min-width: 1px;
}

.gestion-estudio-excel .ge-sueldo-resize-shell-602 {
  resize: horizontal;
  overflow: auto;
  min-width: 1px !important;
  max-width: 720px;
  border: 1px solid rgba(12, 77, 56, 0.16);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.72);
}

.gestion-estudio-excel .ge-sueldo-client-head-shell-602 {
  display: flex;
  align-items: center;
  min-height: 34px;
  padding: 0 10px;
}

.gestion-estudio-excel .ge-sueldo-head-input-602,
.gestion-estudio-excel .ge-sueldo-toolbar-602 input,
.gestion-estudio-excel .ge-sueldo-cell-text-602,
.gestion-estudio-excel .ge-sueldo-detail-text-602 {
  width: 100%;
  min-width: 1px !important;
  border: 1px solid rgba(12, 77, 56, 0.18);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.86);
  color: #061812;
  font-weight: 700;
  outline: none;
}

.gestion-estudio-excel .ge-sueldo-head-input-602,
.gestion-estudio-excel .ge-sueldo-toolbar-602 input {
  min-height: 34px;
  padding: 0 10px;
}

.gestion-estudio-excel .ge-sueldo-cell-text-602,
.gestion-estudio-excel .ge-sueldo-detail-text-602 {
  min-height: 38px;
  max-height: 180px;
  resize: vertical;
  padding: 8px 10px;
  line-height: 1.35;
}

.gestion-estudio-excel .ge-sueldo-col-form-602,
.gestion-estudio-excel .ge-sueldo-col-actions-602 {
  display: inline-flex;
  gap: 6px;
  align-items: center;
}

.gestion-estudio-excel .ge-sueldo-col-delete-form-602 {
  display: inline-flex;
  margin: 0;
}

.gestion-estudio-excel .ge-sueldo-client-cell-602 strong,
.gestion-estudio-excel .ge-sueldo-client-cell-602 small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.gestion-estudio-excel .ge-sueldo-client-cell-602 strong {
  color: #061812;
  font-weight: 900;
}

.gestion-estudio-excel .ge-sueldo-client-cell-602 small {
  color: rgba(7, 24, 20, 0.58);
  font-weight: 700;
  margin-top: 2px;
}

.gestion-estudio-excel .ge-sueldo-detail-form-602,
.gestion-estudio-excel .ge-sueldo-cell-form-602 {
  display: grid;
  gap: 7px;
  align-items: start;
}

.gestion-estudio-excel .ge-sueldo-cell-form-602 {
  grid-template-columns: 22px minmax(1px, 1fr) 38px;
  border-radius: 12px;
  padding: 4px;
}

.gestion-estudio-excel .ge-sueldo-cell-form-602.is-checked {
  background: rgba(23, 120, 83, 0.18);
  box-shadow: inset 0 0 0 1px rgba(23, 120, 83, 0.20);
}

.gestion-estudio-excel .ge-sueldo-check-shell-602 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
}

.gestion-estudio-excel .ge-sueldo-check-shell-602 input[type="checkbox"] {
  width: 15px;
  height: 15px;
  accent-color: #0f7a52;
}

.gestion-estudio-excel .ge-sueldo-actions-cell-602,
.gestion-estudio-excel .ge-sueldo-actions-head-602 {
  width: 86px;
  min-width: 86px;
  text-align: center;
}

.gestion-estudio-excel .ge-sueldo-actions-cell-602 form {
  display: inline-flex;
  margin: 0;
}

.gestion-estudio-excel .ge-sueldo-action-602 {
  position: relative;
  width: 38px;
  height: 38px;
  border-radius: 10px;
  border: 1px solid rgba(12, 77, 56, 0.13);
  background: rgba(239, 248, 244, 0.92);
  color: #063c32;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
}

.gestion-estudio-excel .ge-sueldo-action-602:hover {
  background: rgba(222, 244, 235, 0.98);
  transform: translateY(-1px);
}

.gestion-estudio-excel .ge-sueldo-action-danger-602 {
  border-color: rgba(255, 118, 118, 0.30);
  background: rgba(255, 238, 238, 0.92);
  color: #dc2626;
}

.gestion-estudio-excel .ge-sueldo-action-602 svg {
  width: 17px;
  height: 17px;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.gestion-estudio-excel .ge-sueldo-action-602[data-ge-tooltip]::after {
  content: attr(data-ge-tooltip);
  position: absolute;
  z-index: 120;
  left: 50%;
  bottom: calc(100% + 8px);
  transform: translateX(-50%);
  padding: 8px 11px;
  border-radius: 8px;
  background: #10201b;
  color: #fff;
  font-size: 13px;
  font-weight: 900;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity .12s ease, transform .12s ease;
}

.gestion-estudio-excel .ge-sueldo-action-602[data-ge-tooltip]:hover::after,
.gestion-estudio-excel .ge-sueldo-action-602[data-ge-tooltip]:focus-visible::after {
  opacity: 1;
  transform: translateX(-50%) translateY(-2px);
}

.ge-sueldo-float-tip-602 {
  position: fixed;
  z-index: 9999;
  display: none;
  max-width: 420px;
  max-height: 190px;
  overflow: auto;
  padding: 10px 12px;
  border-radius: 10px;
  background: #10201b;
  color: #fff;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.35;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.28);
  white-space: pre-wrap;
}

.ge-sueldo-float-tip-602.is-open {
  display: block;
}

body.dark .gestion-estudio-excel .ge-sueldo-add-client-602,
body.dark .gestion-estudio-excel .ge-sueldo-add-column-602,
body.dark .gestion-estudio-excel .ge-sueldo-resize-shell-602,
html.dark .gestion-estudio-excel .ge-sueldo-add-client-602,
html.dark .gestion-estudio-excel .ge-sueldo-add-column-602,
html.dark .gestion-estudio-excel .ge-sueldo-resize-shell-602,
[data-theme="dark"] .gestion-estudio-excel .ge-sueldo-add-client-602,
[data-theme="dark"] .gestion-estudio-excel .ge-sueldo-add-column-602,
[data-theme="dark"] .gestion-estudio-excel .ge-sueldo-resize-shell-602 {
  background: rgba(12, 35, 28, 0.72);
  border-color: rgba(179, 244, 220, 0.20);
}

body.dark .gestion-estudio-excel .ge-sueldo-matrix-table-602 th,
html.dark .gestion-estudio-excel .ge-sueldo-matrix-table-602 th,
[data-theme="dark"] .gestion-estudio-excel .ge-sueldo-matrix-table-602 th {
  background: rgba(14, 43, 34, 0.70);
  color: rgba(235, 255, 248, 0.88);
}

body.dark .gestion-estudio-excel .ge-sueldo-head-input-602,
body.dark .gestion-estudio-excel .ge-sueldo-toolbar-602 input,
body.dark .gestion-estudio-excel .ge-sueldo-cell-text-602,
body.dark .gestion-estudio-excel .ge-sueldo-detail-text-602,
html.dark .gestion-estudio-excel .ge-sueldo-head-input-602,
html.dark .gestion-estudio-excel .ge-sueldo-toolbar-602 input,
html.dark .gestion-estudio-excel .ge-sueldo-cell-text-602,
html.dark .gestion-estudio-excel .ge-sueldo-detail-text-602,
[data-theme="dark"] .gestion-estudio-excel .ge-sueldo-head-input-602,
[data-theme="dark"] .gestion-estudio-excel .ge-sueldo-toolbar-602 input,
[data-theme="dark"] .gestion-estudio-excel .ge-sueldo-cell-text-602,
[data-theme="dark"] .gestion-estudio-excel .ge-sueldo-detail-text-602 {
  background: rgba(9, 31, 24, 0.92);
  border-color: rgba(179, 244, 220, 0.22);
  color: #f2fff9;
}

body.dark .gestion-estudio-excel .ge-sueldo-client-cell-602 strong,
html.dark .gestion-estudio-excel .ge-sueldo-client-cell-602 strong,
[data-theme="dark"] .gestion-estudio-excel .ge-sueldo-client-cell-602 strong {
  color: #f7fffb;
}

body.dark .gestion-estudio-excel .ge-sueldo-client-cell-602 small,
html.dark .gestion-estudio-excel .ge-sueldo-client-cell-602 small,
[data-theme="dark"] .gestion-estudio-excel .ge-sueldo-client-cell-602 small {
  color: rgba(235, 255, 248, 0.62);
}

body.dark .gestion-estudio-excel .ge-sueldo-action-602,
html.dark .gestion-estudio-excel .ge-sueldo-action-602,
[data-theme="dark"] .gestion-estudio-excel .ge-sueldo-action-602 {
  background: rgba(255, 255, 255, 0.07);
  border-color: rgba(179, 244, 220, 0.18);
  color: #dffcf0;
}

body.dark .gestion-estudio-excel .ge-sueldo-action-danger-602,
html.dark .gestion-estudio-excel .ge-sueldo-action-danger-602,
[data-theme="dark"] .gestion-estudio-excel .ge-sueldo-action-danger-602 {
  background: rgba(127, 29, 29, 0.34);
  border-color: rgba(248, 113, 113, 0.36);
  color: #fecaca;
}

body.dark .gestion-estudio-excel .ge-sueldo-crm-options-602,
html.dark .gestion-estudio-excel .ge-sueldo-crm-options-602,
[data-theme="dark"] .gestion-estudio-excel .ge-sueldo-crm-options-602 {
  background: #10201b;
  border-color: rgba(179, 244, 220, 0.18);
}

body.dark .gestion-estudio-excel .ge-sueldo-crm-option-602,
html.dark .gestion-estudio-excel .ge-sueldo-crm-option-602,
[data-theme="dark"] .gestion-estudio-excel .ge-sueldo-crm-option-602 {
  color: #f2fff9;
}

@media (max-width: 780px) {
  .gestion-estudio-excel .ge-sueldo-toolbar-602 {
    grid-template-columns: 1fr;
  }

  .gestion-estudio-excel .ge-sueldo-add-client-602,
  .gestion-estudio-excel .ge-sueldo-add-column-602 {
    grid-template-columns: 1fr 42px;
  }

  .gestion-estudio-excel .ge-sueldo-add-client-602 input[name="tax_id"] {
    grid-column: 1 / -1;
  }
}
/* 20260611ge_sueldos_matriz_602_END */

/* 20260611ge_sueldos_top_compacto_604_START */
.gestion-estudio-excel .ge-sueldos-matrix-panel-602 .ge-sueldo-toolbar-602 {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  margin: 12px 0 14px !important;
  width: auto !important;
}

.gestion-estudio-excel .ge-sueldos-matrix-panel-602 .ge-sueldo-add-client-602,
.gestion-estudio-excel .ge-sueldos-matrix-panel-602 .ge-sueldo-add-column-602 {
  display: grid !important;
  align-items: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  border: 1px solid rgba(12, 77, 56, 0.18) !important;
  border-radius: 14px !important;
  padding: 8px !important;
  background: rgba(255, 255, 255, 0.72) !important;
}

.gestion-estudio-excel .ge-sueldos-matrix-panel-602 .ge-sueldo-add-client-602 {
  grid-template-columns: 310px 150px 38px !important;
  width: 522px !important;
}

.gestion-estudio-excel .ge-sueldos-matrix-panel-602 .ge-sueldo-add-column-602 {
  grid-template-columns: 240px 38px !important;
  width: 300px !important;
}

.gestion-estudio-excel .ge-sueldos-matrix-panel-602 .ge-sueldo-add-client-602 input,
.gestion-estudio-excel .ge-sueldos-matrix-panel-602 .ge-sueldo-add-column-602 input {
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

.gestion-estudio-excel .ge-sueldos-matrix-panel-602 .ge-sueldo-crm-picker-602 {
  width: 310px !important;
  min-width: 0 !important;
}

.gestion-estudio-excel .ge-sueldos-matrix-panel-602 .ge-sueldo-action-602 {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
}

body.dark .gestion-estudio-excel .ge-sueldos-matrix-panel-602 .ge-sueldo-add-client-602,
body.dark .gestion-estudio-excel .ge-sueldos-matrix-panel-602 .ge-sueldo-add-column-602,
html.dark .gestion-estudio-excel .ge-sueldos-matrix-panel-602 .ge-sueldo-add-client-602,
html.dark .gestion-estudio-excel .ge-sueldos-matrix-panel-602 .ge-sueldo-add-column-602,
[data-theme="dark"] .gestion-estudio-excel .ge-sueldos-matrix-panel-602 .ge-sueldo-add-client-602,
[data-theme="dark"] .gestion-estudio-excel .ge-sueldos-matrix-panel-602 .ge-sueldo-add-column-602 {
  background: rgba(12, 35, 28, 0.72) !important;
  border-color: rgba(179, 244, 220, 0.20) !important;
}

@media (max-width: 720px) {
  .gestion-estudio-excel .ge-sueldos-matrix-panel-602 .ge-sueldo-add-client-602,
  .gestion-estudio-excel .ge-sueldos-matrix-panel-602 .ge-sueldo-add-column-602,
  .gestion-estudio-excel .ge-sueldos-matrix-panel-602 .ge-sueldo-crm-picker-602 {
    width: 100% !important;
  }

  .gestion-estudio-excel .ge-sueldos-matrix-panel-602 .ge-sueldo-add-client-602 {
    grid-template-columns: minmax(0, 1fr) 38px !important;
  }

  .gestion-estudio-excel .ge-sueldos-matrix-panel-602 .ge-sueldo-add-client-602 input[name="tax_id"] {
    grid-column: 1 / -1 !important;
  }

  .gestion-estudio-excel .ge-sueldos-matrix-panel-602 .ge-sueldo-add-column-602 {
    grid-template-columns: minmax(0, 1fr) 38px !important;
  }
}
/* 20260611ge_sueldos_top_compacto_604_END */


/* 20260611email_mark_unread_visible454 */
.email-reader-actions .email-read-toggle-action {
  position: relative;
  font-weight: 900 !important;
}

.email-reader-actions .email-mark-unread-visible-454 {
  color: #0f766e !important;
  font-size: 1.05rem !important;
}

.email-reader-actions .email-mark-read-visible-454 {
  color: #405166 !important;
}

.email-reader-actions .email-read-toggle-action::after {
  content: attr(data-email-action-label);
  position: absolute;
  left: 50%;
  top: calc(100% + 8px);
  transform: translateX(-50%) translateY(-4px);
  white-space: nowrap;
  background: rgba(17, 24, 39, .94);
  color: #fff;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: -.01em;
  border-radius: 8px;
  padding: .32rem .48rem;
  box-shadow: 0 10px 22px rgba(0,0,0,.18);
  pointer-events: none;
  opacity: 0;
  z-index: 40;
  transition: opacity .14s ease, transform .14s ease;
}

.email-reader-actions .email-read-toggle-action:hover::after,
.email-reader-actions .email-read-toggle-action:focus-visible::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* 20260611ge_pd_ui_desde_cero_607_START */
.gestion-estudio-excel .ge-pd-panel-607 {
  overflow: visible;
}

.gestion-estudio-excel .ge-pd-toolbar-607 {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  margin: 12px 0 14px;
}

.gestion-estudio-excel .ge-pd-add-client-607,
.gestion-estudio-excel .ge-pd-settings-form-607 {
  display: grid;
  align-items: center;
  gap: 8px;
  border: 1px solid rgba(12, 77, 56, 0.18);
  border-radius: 14px;
  padding: 8px;
  background: rgba(255, 255, 255, 0.72);
}

.gestion-estudio-excel .ge-pd-add-client-607 {
  grid-template-columns: 310px 150px 38px;
  width: 522px;
  max-width: 100%;
}

.gestion-estudio-excel .ge-pd-settings-form-607 {
  display: inline-flex;
  width: auto;
}

.gestion-estudio-excel .ge-pd-crm-picker-607 {
  position: relative;
  width: 310px;
  min-width: 0;
}

.gestion-estudio-excel .ge-pd-crm-options-607 {
  display: none;
  position: absolute;
  z-index: 80;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  max-height: 260px;
  overflow: auto;
  border: 1px solid rgba(12, 77, 56, 0.18);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 18px 44px rgba(15, 23, 42, 0.16);
  padding: 6px;
}

.gestion-estudio-excel .ge-pd-crm-picker-607.is-open .ge-pd-crm-options-607 {
  display: grid;
  gap: 4px;
}

.gestion-estudio-excel .ge-pd-crm-option-607 {
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: #071814;
  display: grid;
  gap: 2px;
  padding: 8px 10px;
  text-align: left;
  cursor: pointer;
}

.gestion-estudio-excel .ge-pd-crm-option-607:hover {
  background: rgba(8, 122, 88, 0.10);
}

.gestion-estudio-excel .ge-pd-crm-option-607 small {
  color: rgba(7, 24, 20, 0.58);
  font-weight: 700;
}

.gestion-estudio-excel .ge-pd-table-wrap-607 {
  overflow: auto;
  border: 1px solid rgba(12, 77, 56, 0.14);
  border-radius: 14px;
}

.gestion-estudio-excel .ge-pd-table-607 {
  width: max-content;
  min-width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}

.gestion-estudio-excel .ge-pd-table-607 th,
.gestion-estudio-excel .ge-pd-table-607 td {
  vertical-align: top;
  border-bottom: 1px solid rgba(12, 77, 56, 0.13);
  padding: 10px;
}

.gestion-estudio-excel .ge-pd-table-607 th {
  color: rgba(8, 38, 34, 0.76);
  font-size: 12px;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  font-weight: 900;
  background: rgba(255, 255, 255, 0.68);
}

.gestion-estudio-excel .ge-pd-add-head-607,
.gestion-estudio-excel .ge-pd-add-cell-607,
.gestion-estudio-excel .ge-pd-check-cell-607 {
  width: 48px;
  min-width: 48px;
}

.gestion-estudio-excel .ge-pd-resize-shell-607 {
  resize: horizontal;
  overflow: auto;
  min-width: 1px;
  max-width: 760px;
  min-height: 34px;
  display: flex;
  align-items: center;
  border: 1px solid rgba(12, 77, 56, 0.16);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.72);
  padding: 0 10px;
}

.gestion-estudio-excel .ge-pd-field-607 {
  width: 100%;
  min-width: 1px;
  box-sizing: border-box;
  border: 1px solid rgba(12, 77, 56, 0.18);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.86);
  color: #061812;
  font-weight: 700;
  outline: none;
}

.gestion-estudio-excel input.ge-pd-field-607 {
  min-height: 36px;
  padding: 0 10px;
}

.gestion-estudio-excel textarea.ge-pd-field-607 {
  min-height: 38px;
  max-height: 210px;
  resize: vertical;
  padding: 8px 10px;
  line-height: 1.35;
}

.gestion-estudio-excel .ge-pd-client-row-607 > td {
  background: rgba(238, 247, 243, 0.76);
}

.gestion-estudio-excel .ge-pd-client-cell-607 strong,
.gestion-estudio-excel .ge-pd-client-cell-607 small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.gestion-estudio-excel .ge-pd-client-cell-607 strong {
  color: #061812;
  font-weight: 900;
}

.gestion-estudio-excel .ge-pd-client-cell-607 small {
  color: rgba(7, 24, 20, 0.58);
  font-weight: 700;
  margin-top: 2px;
}

.gestion-estudio-excel .ge-pd-add-task-607 {
  position: relative;
}

.gestion-estudio-excel .ge-pd-add-summary-607 {
  width: 38px;
  height: 38px;
  border: 1px solid rgba(12, 77, 56, 0.13);
  border-radius: 10px;
  background: rgba(239, 248, 244, 0.92);
  color: #063c32;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  list-style: none;
}

.gestion-estudio-excel .ge-pd-add-summary-607::-webkit-details-marker {
  display: none;
}

.gestion-estudio-excel .ge-pd-add-summary-607::marker {
  content: "";
}

.gestion-estudio-excel .ge-pd-add-summary-607 svg,
.gestion-estudio-excel .ge-pd-action-607 svg {
  width: 17px;
  height: 17px;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.gestion-estudio-excel .ge-pd-add-task-form-607 {
  position: absolute;
  z-index: 70;
  top: calc(100% + 8px);
  left: 0;
  display: grid;
  grid-template-columns: 240px 138px 82px 100px 240px 38px;
  gap: 8px;
  align-items: start;
  min-width: 870px;
  padding: 12px;
  border: 1px solid rgba(12, 77, 56, 0.18);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 20px 44px rgba(15, 23, 42, 0.14);
}

.gestion-estudio-excel .ge-pd-client-note-form-607 {
  display: grid;
  grid-template-columns: minmax(1px, 1fr) auto;
  gap: 8px;
  align-items: start;
}

.gestion-estudio-excel .ge-pd-row-actions-607,
.gestion-estudio-excel .ge-pd-actions-cell-607 {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.gestion-estudio-excel .ge-pd-actions-cell-607,
.gestion-estudio-excel .ge-pd-actions-head-607 {
  width: 132px;
  min-width: 132px;
}

.gestion-estudio-excel .ge-pd-actions-cell-607 form {
  display: inline-flex;
  margin: 0;
}

.gestion-estudio-excel .ge-pd-empty-row-607 td {
  color: rgba(7, 24, 20, 0.70);
  font-weight: 700;
  padding: 13px 10px;
}

.gestion-estudio-excel .ge-pd-task-row-607.is-done > td {
  background: rgba(24, 119, 82, 0.17);
}

.gestion-estudio-excel .ge-pd-check-cell-607 {
  text-align: center;
}

.gestion-estudio-excel .ge-pd-done-check-607 {
  width: 18px;
  height: 18px;
  accent-color: #0b6b46;
}

.gestion-estudio-excel .ge-pd-urgent-cell-607 label,
.gestion-estudio-excel .ge-pd-urgent-label-607 {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 36px;
  font-weight: 800;
  color: rgba(7, 24, 20, 0.70);
}

.gestion-estudio-excel .ge-pd-action-607 {
  position: relative;
  width: 38px;
  height: 38px;
  border-radius: 10px;
  border: 1px solid rgba(12, 77, 56, 0.13);
  background: rgba(239, 248, 244, 0.92);
  color: #063c32;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
}

.gestion-estudio-excel .ge-pd-action-607:hover,
.gestion-estudio-excel .ge-pd-add-summary-607:hover {
  background: rgba(222, 244, 235, 0.98);
  transform: translateY(-1px);
}

.gestion-estudio-excel .ge-pd-action-danger-607 {
  border-color: rgba(255, 118, 118, 0.30);
  background: rgba(255, 238, 238, 0.92);
  color: #dc2626;
}

.gestion-estudio-excel .ge-pd-action-607[disabled] {
  opacity: .48;
  cursor: not-allowed;
  transform: none;
}

.gestion-estudio-excel .ge-pd-action-607[data-ge-tooltip]::after {
  content: attr(data-ge-tooltip);
  position: absolute;
  z-index: 120;
  left: 50%;
  bottom: calc(100% + 8px);
  transform: translateX(-50%);
  padding: 8px 11px;
  border-radius: 8px;
  background: #10201b;
  color: #fff;
  font-size: 13px;
  font-weight: 900;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity .12s ease, transform .12s ease;
}

.gestion-estudio-excel .ge-pd-action-607[data-ge-tooltip]:hover::after,
.gestion-estudio-excel .ge-pd-action-607[data-ge-tooltip]:focus-visible::after {
  opacity: 1;
  transform: translateX(-50%) translateY(-2px);
}

.ge-pd-float-tip-607 {
  position: fixed;
  z-index: 9999;
  display: none;
  max-width: 420px;
  max-height: 190px;
  overflow: auto;
  padding: 10px 12px;
  border-radius: 10px;
  background: #10201b;
  color: #fff;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.35;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.28);
  white-space: pre-wrap;
}

.ge-pd-float-tip-607.is-open {
  display: block;
}

body.dark .gestion-estudio-excel .ge-pd-add-client-607,
body.dark .gestion-estudio-excel .ge-pd-settings-form-607,
body.dark .gestion-estudio-excel .ge-pd-resize-shell-607,
html.dark .gestion-estudio-excel .ge-pd-add-client-607,
html.dark .gestion-estudio-excel .ge-pd-settings-form-607,
html.dark .gestion-estudio-excel .ge-pd-resize-shell-607,
[data-theme="dark"] .gestion-estudio-excel .ge-pd-add-client-607,
[data-theme="dark"] .gestion-estudio-excel .ge-pd-settings-form-607,
[data-theme="dark"] .gestion-estudio-excel .ge-pd-resize-shell-607 {
  background: rgba(12, 35, 28, 0.72);
  border-color: rgba(179, 244, 220, 0.20);
}

body.dark .gestion-estudio-excel .ge-pd-table-607 th,
html.dark .gestion-estudio-excel .ge-pd-table-607 th,
[data-theme="dark"] .gestion-estudio-excel .ge-pd-table-607 th {
  background: rgba(14, 43, 34, 0.70);
  color: rgba(235, 255, 248, 0.88);
}

body.dark .gestion-estudio-excel .ge-pd-field-607,
html.dark .gestion-estudio-excel .ge-pd-field-607,
[data-theme="dark"] .gestion-estudio-excel .ge-pd-field-607 {
  background: rgba(9, 31, 24, 0.92);
  border-color: rgba(179, 244, 220, 0.22);
  color: #f2fff9;
}

body.dark .gestion-estudio-excel .ge-pd-client-row-607 > td,
html.dark .gestion-estudio-excel .ge-pd-client-row-607 > td,
[data-theme="dark"] .gestion-estudio-excel .ge-pd-client-row-607 > td {
  background: rgba(25, 58, 47, 0.52);
}

body.dark .gestion-estudio-excel .ge-pd-client-cell-607 strong,
html.dark .gestion-estudio-excel .ge-pd-client-cell-607 strong,
[data-theme="dark"] .gestion-estudio-excel .ge-pd-client-cell-607 strong {
  color: #f7fffb;
}

body.dark .gestion-estudio-excel .ge-pd-client-cell-607 small,
html.dark .gestion-estudio-excel .ge-pd-client-cell-607 small,
[data-theme="dark"] .gestion-estudio-excel .ge-pd-client-cell-607 small {
  color: rgba(235, 255, 248, 0.62);
}

body.dark .gestion-estudio-excel .ge-pd-action-607,
body.dark .gestion-estudio-excel .ge-pd-add-summary-607,
html.dark .gestion-estudio-excel .ge-pd-action-607,
html.dark .gestion-estudio-excel .ge-pd-add-summary-607,
[data-theme="dark"] .gestion-estudio-excel .ge-pd-action-607,
[data-theme="dark"] .gestion-estudio-excel .ge-pd-add-summary-607 {
  background: rgba(255, 255, 255, 0.07);
  border-color: rgba(179, 244, 220, 0.18);
  color: #dffcf0;
}

body.dark .gestion-estudio-excel .ge-pd-action-danger-607,
html.dark .gestion-estudio-excel .ge-pd-action-danger-607,
[data-theme="dark"] .gestion-estudio-excel .ge-pd-action-danger-607 {
  background: rgba(127, 29, 29, 0.34);
  border-color: rgba(248, 113, 113, 0.36);
  color: #fecaca;
}

body.dark .gestion-estudio-excel .ge-pd-add-task-form-607,
body.dark .gestion-estudio-excel .ge-pd-crm-options-607,
html.dark .gestion-estudio-excel .ge-pd-add-task-form-607,
html.dark .gestion-estudio-excel .ge-pd-crm-options-607,
[data-theme="dark"] .gestion-estudio-excel .ge-pd-add-task-form-607,
[data-theme="dark"] .gestion-estudio-excel .ge-pd-crm-options-607 {
  background: #10201b;
  border-color: rgba(179, 244, 220, 0.18);
}

body.dark .gestion-estudio-excel .ge-pd-crm-option-607,
html.dark .gestion-estudio-excel .ge-pd-crm-option-607,
[data-theme="dark"] .gestion-estudio-excel .ge-pd-crm-option-607 {
  color: #f2fff9;
}

@media (max-width: 780px) {
  .gestion-estudio-excel .ge-pd-add-client-607,
  .gestion-estudio-excel .ge-pd-crm-picker-607 {
    width: 100%;
  }

  .gestion-estudio-excel .ge-pd-add-client-607 {
    grid-template-columns: minmax(0, 1fr) 38px;
  }

  .gestion-estudio-excel .ge-pd-add-client-607 input[name="tax_id"] {
    grid-column: 1 / -1;
  }

  .gestion-estudio-excel .ge-pd-add-task-form-607 {
    position: static;
    min-width: 0;
    grid-template-columns: 1fr;
    margin-top: 8px;
  }
}
/* 20260611ge_pd_ui_desde_cero_607_END */







/* 20260611email_crm_assign_rebuild462 */
.inbox-email-message,
.inbox-email-message .email-reader-card,
.inbox-email-message .email-reader-actions,
.inbox-email-message .email-action-compose.email-context-compose {
  overflow: visible !important;
}

.inbox-email-message .email-reader-card {
  position: relative !important;
}

.inbox-email-message .email-reader-actions {
  position: relative !important;
  z-index: 120 !important;
}

.inbox-email-message .email-action-compose.email-context-compose {
  position: static !important;
  display: inline-flex !important;
}

.inbox-email-message .email-action-compose.email-context-compose[open] {
  z-index: 99999 !important;
}

.inbox-email-message .email-action-compose.email-context-compose > summary {
  position: relative !important;
  z-index: 3 !important;
}

.inbox-email-message form.email-context-form.email-assign-popover-form-462 {
  box-sizing: border-box !important;
  position: absolute !important;
  top: 46px !important;
  left: 176px !important;
  width: min(540px, calc(100vw - 72px)) !important;
  min-width: 0 !important;
  max-width: min(540px, calc(100vw - 72px)) !important;
  max-height: min(700px, calc(100vh - 96px)) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 11px !important;
  padding: 15px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(17, 24, 39, .10) !important;
  background: #ffffff !important;
  color: #111827 !important;
  box-shadow: 0 24px 68px rgba(15, 23, 42, .18), 0 2px 12px rgba(15, 23, 42, .08) !important;
  backdrop-filter: blur(12px) !important;
}

.inbox-email-message form.email-context-form.email-assign-popover-form-462::before {
  content: "" !important;
  position: absolute !important;
  top: -7px !important;
  left: 38px !important;
  width: 14px !important;
  height: 14px !important;
  transform: rotate(45deg) !important;
  border-left: 1px solid rgba(17, 24, 39, .10) !important;
  border-top: 1px solid rgba(17, 24, 39, .10) !important;
  background: #ffffff !important;
}

.inbox-email-message form.email-context-form.email-assign-popover-form-462,
.inbox-email-message form.email-context-form.email-assign-popover-form-462 * {
  color: #111827 !important;
}

.inbox-email-message form.email-context-form.email-assign-popover-form-462 strong {
  display: block !important;
  margin: 0 !important;
  color: #111827 !important;
  font-size: .96rem !important;
  line-height: 1.2 !important;
}

.inbox-email-message form.email-context-form.email-assign-popover-form-462 small {
  display: block !important;
  margin: -2px 0 2px !important;
  color: #64748b !important;
  font-size: .77rem !important;
  line-height: 1.35 !important;
}

.inbox-email-message form.email-context-form.email-assign-popover-form-462 .email-context-picker {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.inbox-email-message form.email-context-form.email-assign-popover-form-462 .email-context-picker button:first-child {
  display: none !important;
}

.inbox-email-message form.email-context-form.email-assign-popover-form-462 .email-context-search,
.inbox-email-message form.email-context-form.email-assign-popover-form-462 input[type="text"],
.inbox-email-message form.email-context-form.email-assign-popover-form-462 input[type="search"] {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 44px !important;
  background: #ffffff !important;
  color: #111827 !important;
  border: 1px solid rgba(17, 24, 39, .16) !important;
  border-radius: 14px !important;
}

.inbox-email-message form.email-context-form.email-assign-popover-form-462 .email-context-results {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 240px !important;
  max-height: 390px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  border-radius: 14px !important;
  border: 1px solid rgba(17, 24, 39, .10) !important;
  background: #ffffff !important;
  color: #111827 !important;
  box-shadow: 0 12px 34px rgba(15, 23, 42, .12) !important;
}

.inbox-email-message form.email-context-form.email-assign-popover-form-462 .email-context-results *,
.inbox-email-message form.email-context-form.email-assign-popover-form-462 .email-context-results button,
.inbox-email-message form.email-context-form.email-assign-popover-form-462 .email-context-results a,
.inbox-email-message form.email-context-form.email-assign-popover-form-462 .email-context-results div,
.inbox-email-message form.email-context-form.email-assign-popover-form-462 .email-context-results span,
.inbox-email-message form.email-context-form.email-assign-popover-form-462 .email-context-results small,
.inbox-email-message form.email-context-form.email-assign-popover-form-462 .email-context-results strong,
.inbox-email-message form.email-context-form.email-assign-popover-form-462 .email-context-results [role="option"],
.inbox-email-message form.email-context-form.email-assign-popover-form-462 .email-context-results [data-email-context-option] {
  background-color: #ffffff !important;
  background-image: none !important;
  color: #111827 !important;
  border-color: rgba(17, 24, 39, .08) !important;
}

.inbox-email-message form.email-context-form.email-assign-popover-form-462 .email-context-results button:hover,
.inbox-email-message form.email-context-form.email-assign-popover-form-462 .email-context-results a:hover,
.inbox-email-message form.email-context-form.email-assign-popover-form-462 .email-context-results [role="option"]:hover,
.inbox-email-message form.email-context-form.email-assign-popover-form-462 .email-context-results [data-email-context-option]:hover {
  background-color: rgba(20, 184, 166, .10) !important;
  color: #064e3b !important;
}

.inbox-email-message form.email-context-form.email-assign-popover-form-462 .form-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  justify-content: flex-start !important;
  margin-top: 2px !important;
}

.inbox-email-message form.email-context-form.email-assign-popover-form-462 .form-actions button[type="submit"],
.inbox-email-message form.email-context-form.email-assign-popover-form-462 .email-send-action {
  font-size: .76rem !important;
  line-height: 1 !important;
  padding: .52rem .68rem !important;
  min-height: 31px !important;
  border-radius: 12px !important;
  white-space: nowrap !important;
}

@media (max-width: 900px) {
  .inbox-email-message form.email-context-form.email-assign-popover-form-462 {
    left: 18px !important;
    right: 18px !important;
    width: auto !important;
    max-width: none !important;
  }
}

@media (max-width: 640px) {
  .inbox-email-message form.email-context-form.email-assign-popover-form-462 {
    position: fixed !important;
    top: 86px !important;
    left: 14px !important;
    right: 14px !important;
    width: auto !important;
    max-width: none !important;
  }
}


/* 20260611ge_pd_columnas_flex_609_START */
.gestion-estudio-excel .ge-pd-toolbar-609 {
  display: grid;
  grid-template-columns: minmax(320px, 1fr) minmax(260px, .8fr) auto;
  gap: 10px;
  align-items: center;
  margin: 12px 0 14px;
}

.gestion-estudio-excel .ge-pd-client-form-609,
.gestion-estudio-excel .ge-pd-column-form-609,
.gestion-estudio-excel .ge-pd-settings-form-609 {
  display: flex;
  gap: 8px;
  align-items: center;
  border: 1px solid rgba(0, 118, 94, .18);
  border-radius: 14px;
  padding: 8px;
  background: rgba(255,255,255,.72);
}

.gestion-estudio-excel .ge-pd-client-form-609 input,
.gestion-estudio-excel .ge-pd-column-form-609 input,
.gestion-estudio-excel .ge-pd-table-609 input:not([type="checkbox"]),
.gestion-estudio-excel .ge-pd-table-609 textarea {
  border: 1px solid rgba(0, 91, 72, .16);
  border-radius: 10px;
  background: rgba(255,255,255,.9);
  color: inherit;
  padding: 8px 10px;
  min-width: 1px;
  resize: both;
  overflow: auto;
}

.gestion-estudio-excel .ge-pd-client-form-609 input:first-of-type,
.gestion-estudio-excel .ge-pd-column-form-609 input {
  flex: 1 1 auto;
}

.gestion-estudio-excel .ge-pd-table-wrap-609 {
  overflow: auto;
  border: 1px solid rgba(0, 91, 72, .14);
  border-radius: 14px;
}

.gestion-estudio-excel .ge-pd-table-609 {
  width: max-content;
  min-width: 100%;
  border-collapse: collapse;
}

.gestion-estudio-excel .ge-pd-table-609 th,
.gestion-estudio-excel .ge-pd-table-609 td {
  border-bottom: 1px solid rgba(0, 91, 72, .12);
  padding: 10px;
  vertical-align: middle;
}

.gestion-estudio-excel .ge-pd-table-609 th {
  text-align: left;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: #314941;
  font-size: 12px;
  background: rgba(255,255,255,.78);
}

.gestion-estudio-excel .ge-pd-resize-shell-609 {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-width: 1px;
  max-width: 900px;
}

.gestion-estudio-excel .ge-pd-resize-handle-609 {
  position: absolute;
  right: -4px;
  top: 0;
  width: 8px;
  height: 100%;
  cursor: col-resize;
}

.gestion-estudio-excel .ge-pd-column-head-form-609,
.gestion-estudio-excel .ge-pd-column-delete-609,
.gestion-estudio-excel .ge-pd-row-actions-609,
.gestion-estudio-excel .ge-pd-row-actions-609 form {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.gestion-estudio-excel .ge-pd-column-head-form-609 textarea {
  width: 100%;
  min-width: 1px;
  height: 34px;
  font-weight: 800;
}

.gestion-estudio-excel .ge-pd-action-609,
.gestion-estudio-excel .ge-pd-summary-action-609 {
  width: 36px;
  height: 36px;
  border: 1px solid rgba(0, 91, 72, .12);
  border-radius: 10px;
  background: rgba(240, 248, 245, .95);
  color: #063f33;
  display: inline-grid;
  place-items: center;
  cursor: pointer;
  position: relative;
  padding: 0;
}

.gestion-estudio-excel .ge-pd-action-609.danger {
  background: rgba(255, 235, 235, .95);
  color: #d61f2b;
  border-color: rgba(214, 31, 43, .22);
}

.gestion-estudio-excel .ge-pd-action-609 svg,
.gestion-estudio-excel .ge-pd-summary-action-609 svg {
  width: 17px;
  height: 17px;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2;
}

.gestion-estudio-excel .ge-pd-action-609[data-ge-tooltip]::after,
.gestion-estudio-excel .ge-pd-summary-action-609[data-ge-tooltip]::after {
  content: attr(data-ge-tooltip);
  position: absolute;
  z-index: 70;
  left: 50%;
  bottom: calc(100% + 8px);
  transform: translateX(-50%);
  background: #071b15;
  color: #fff;
  border-radius: 6px;
  padding: 5px 9px;
  font-size: 12px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
}

.gestion-estudio-excel .ge-pd-action-609:hover::after,
.gestion-estudio-excel .ge-pd-summary-action-609:hover::after {
  opacity: 1;
}

.gestion-estudio-excel .ge-pd-client-main-609 {
  display: flex;
  gap: 10px;
  align-items: center;
}

.gestion-estudio-excel .ge-pd-client-label-609 strong,
.gestion-estudio-excel .ge-pd-client-label-609 small {
  display: block;
}

.gestion-estudio-excel .ge-pd-client-note-form-609,
.gestion-estudio-excel .ge-pd-cell-form-609 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.gestion-estudio-excel .ge-pd-add-task-609 {
  position: relative;
}

.gestion-estudio-excel .ge-pd-add-task-609 > summary {
  list-style: none;
}

.gestion-estudio-excel .ge-pd-add-task-609 > summary::-webkit-details-marker {
  display: none;
}

.gestion-estudio-excel .ge-pd-add-task-form-609 {
  position: absolute;
  z-index: 60;
  top: calc(100% + 8px);
  left: 0;
  display: grid;
  grid-template-columns: 220px 140px 70px 100px 220px 38px;
  gap: 8px;
  padding: 12px;
  border: 1px solid rgba(0, 91, 72, .18);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 18px 40px rgba(0,0,0,.14);
}

.gestion-estudio-excel .ge-pd-task-row-609.is-done > td {
  background: rgba(13, 102, 69, .18);
}

.gestion-estudio-excel .ge-pd-task-done-check-609,
.gestion-estudio-excel .ge-pd-cell-check-609 input {
  width: 17px;
  height: 17px;
  accent-color: #075f3f;
}

.gestion-estudio-excel .ge-pd-extra-cell-609.is-done {
  background: rgba(21, 128, 61, .18);
}

.gestion-estudio-excel .ge-pd-extra-cell-609 textarea {
  min-width: 1px;
  width: calc(100% - 78px);
}

body.dark .gestion-estudio-excel .ge-pd-client-form-609,
html.dark .gestion-estudio-excel .ge-pd-client-form-609,
[data-theme="dark"] .gestion-estudio-excel .ge-pd-client-form-609,
body.dark .gestion-estudio-excel .ge-pd-column-form-609,
html.dark .gestion-estudio-excel .ge-pd-column-form-609,
[data-theme="dark"] .gestion-estudio-excel .ge-pd-column-form-609,
body.dark .gestion-estudio-excel .ge-pd-settings-form-609,
html.dark .gestion-estudio-excel .ge-pd-settings-form-609,
[data-theme="dark"] .gestion-estudio-excel .ge-pd-settings-form-609,
body.dark .gestion-estudio-excel .ge-pd-table-609 th,
html.dark .gestion-estudio-excel .ge-pd-table-609 th,
[data-theme="dark"] .gestion-estudio-excel .ge-pd-table-609 th,
body.dark .gestion-estudio-excel .ge-pd-add-task-form-609,
html.dark .gestion-estudio-excel .ge-pd-add-task-form-609,
[data-theme="dark"] .gestion-estudio-excel .ge-pd-add-task-form-609 {
  background: rgba(11, 38, 30, .96);
}

body.dark .gestion-estudio-excel .ge-pd-table-609 input:not([type="checkbox"]),
html.dark .gestion-estudio-excel .ge-pd-table-609 input:not([type="checkbox"]),
[data-theme="dark"] .gestion-estudio-excel .ge-pd-table-609 input:not([type="checkbox"]),
body.dark .gestion-estudio-excel .ge-pd-table-609 textarea,
html.dark .gestion-estudio-excel .ge-pd-table-609 textarea,
[data-theme="dark"] .gestion-estudio-excel .ge-pd-table-609 textarea,
body.dark .gestion-estudio-excel .ge-pd-toolbar-609 input,
html.dark .gestion-estudio-excel .ge-pd-toolbar-609 input,
[data-theme="dark"] .gestion-estudio-excel .ge-pd-toolbar-609 input {
  background: rgba(8, 33, 26, .95);
  color: #f5fff9;
  border-color: rgba(209, 250, 229, .22);
}

@media (max-width: 900px) {
  .gestion-estudio-excel .ge-pd-toolbar-609 {
    grid-template-columns: 1fr;
  }
  .gestion-estudio-excel .ge-pd-add-task-form-609 {
    position: static;
    grid-template-columns: 1fr;
    margin-top: 8px;
  }
}
/* 20260611ge_pd_columnas_flex_609_END */


/* 20260611ge_pd_ancho_compacto_611_START */
.gestion-estudio-excel .ge-pd-toolbar-609 {
  grid-template-columns: minmax(360px, 620px) minmax(240px, 360px) 46px !important;
  justify-content: start !important;
}

.gestion-estudio-excel .ge-pd-client-form-609,
.gestion-estudio-excel .ge-pd-column-form-609 {
  min-width: 0 !important;
}

.gestion-estudio-excel .ge-pd-client-form-609 input:first-of-type {
  flex: 1 1 190px !important;
}

.gestion-estudio-excel .ge-pd-client-form-609 input:nth-of-type(2) {
  flex: 0 1 120px !important;
}

.gestion-estudio-excel .ge-pd-column-form-609 input {
  flex: 1 1 170px !important;
}

.gestion-estudio-excel .ge-pd-settings-form-609 {
  width: 46px !important;
  min-width: 46px !important;
  padding: 4px !important;
}

.gestion-estudio-excel .ge-pd-table-609 th,
.gestion-estudio-excel .ge-pd-table-609 td {
  padding: 7px 8px !important;
}

.gestion-estudio-excel .ge-pd-resize-shell-609 {
  min-width: 1px !important;
}

.gestion-estudio-excel .ge-pd-table-609 textarea,
.gestion-estudio-excel .ge-pd-table-609 input:not([type="checkbox"]) {
  resize: both !important;
  min-width: 1px !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

.gestion-estudio-excel .ge-pd-client-note-form-609 {
  width: auto !important;
  max-width: none !important;
}

.gestion-estudio-excel .ge-pd-client-note-form-609 textarea {
  width: 100% !important;
  min-height: 34px !important;
}

.gestion-estudio-excel .ge-pd-task-row-609 textarea,
.gestion-estudio-excel .ge-pd-task-row-609 input:not([type="checkbox"]) {
  display: block !important;
}

.gestion-estudio-excel .ge-pd-client-spacer-609 {
  min-width: 1px !important;
  white-space: nowrap !important;
}

.gestion-estudio-excel .ge-pd-extra-cell-609 textarea {
  width: calc(100% - 74px) !important;
  resize: both !important;
}

.gestion-estudio-excel .ge-pd-table-wrap-609 {
  max-width: 100% !important;
}

.gestion-estudio-excel .ge-pd-column-head-form-609 textarea {
  resize: both !important;
  min-width: 1px !important;
}

@media (max-width: 1100px) {
  .gestion-estudio-excel .ge-pd-toolbar-609 {
    grid-template-columns: 1fr !important;
  }

  .gestion-estudio-excel .ge-pd-settings-form-609 {
    width: auto !important;
  }
}
/* 20260611ge_pd_ancho_compacto_611_END */




/* 20260611email_crm_assign_tall_not_wide466 */
.inbox-email-message form.email-context-form.email-assign-popover-form-462,
.inbox-email-message .email-action-compose.email-context-compose > .email-context-form {
  width: min(470px, calc(100vw - 72px)) !important;
  max-width: min(470px, calc(100vw - 72px)) !important;
  min-height: 410px !important;
  max-height: min(760px, calc(100vh - 72px)) !important;
}

.inbox-email-message form.email-context-form.email-assign-popover-form-462 .email-context-results,
.inbox-email-message .email-action-compose.email-context-compose > .email-context-form .email-context-results {
  min-height: 270px !important;
  max-height: min(520px, calc(100vh - 260px)) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

.inbox-email-message form.email-context-form.email-assign-popover-form-462 .email-context-results:empty,
.inbox-email-message .email-action-compose.email-context-compose > .email-context-form .email-context-results:empty,
.inbox-email-message form.email-context-form.email-assign-popover-form-462 .email-context-results[hidden],
.inbox-email-message .email-action-compose.email-context-compose > .email-context-form .email-context-results[hidden] {
  min-height: 0 !important;
}

@media (max-width: 900px) {
  .inbox-email-message form.email-context-form.email-assign-popover-form-462,
  .inbox-email-message .email-action-compose.email-context-compose > .email-context-form {
    left: 18px !important;
    right: 18px !important;
    width: auto !important;
    max-width: none !important;
    min-height: 390px !important;
  }
}


/* 20260611ge_pd_matriz_como_sueldos_613_START */
.gestion-estudio-excel .ge-pd-panel-613 {
  overflow: visible;
}

.gestion-estudio-excel .ge-pd-toolbar-613 {
  display: grid;
  grid-template-columns: minmax(330px, 620px) minmax(230px, 360px) auto;
  gap: 10px;
  align-items: center;
  margin: 12px 0 14px;
}

.gestion-estudio-excel .ge-pd-add-client-613,
.gestion-estudio-excel .ge-pd-add-column-613,
.gestion-estudio-excel .ge-pd-settings-form-613 {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  border: 1px solid rgba(0, 118, 94, .18);
  border-radius: 14px;
  padding: 8px;
  background: rgba(255,255,255,.72);
}

.gestion-estudio-excel .ge-pd-add-client-613 input,
.gestion-estudio-excel .ge-pd-add-column-613 input {
  border: 1px solid rgba(0, 91, 72, .16);
  border-radius: 10px;
  background: rgba(255,255,255,.92);
  color: inherit;
  min-width: 1px;
  height: 34px;
  padding: 7px 10px;
}

.gestion-estudio-excel .ge-pd-add-client-613 input:first-of-type,
.gestion-estudio-excel .ge-pd-add-column-613 input {
  flex: 1 1 auto;
}

.gestion-estudio-excel .ge-pd-add-client-613 input[name="tax_id"] {
  flex: 0 1 120px;
}

.gestion-estudio-excel .ge-pd-settings-form-613 {
  width: 46px;
  min-width: 46px;
  padding: 5px;
}

.gestion-estudio-excel .ge-pd-table-wrap-613 {
  max-width: 100%;
  overflow: auto;
  border: 1px solid rgba(0, 91, 72, .14);
  border-radius: 14px;
  background: rgba(255,255,255,.5);
}

.gestion-estudio-excel .ge-pd-matrix-613 {
  width: max-content;
  min-width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
}

.gestion-estudio-excel .ge-pd-matrix-613 th,
.gestion-estudio-excel .ge-pd-matrix-613 td {
  border-bottom: 1px solid rgba(0, 91, 72, .12);
  padding: 7px 8px;
  vertical-align: middle;
  box-sizing: border-box;
}

.gestion-estudio-excel .ge-pd-matrix-613 th {
  background: rgba(255,255,255,.8);
  color: #314941;
  font-size: 12px;
  letter-spacing: .05em;
  text-transform: uppercase;
  white-space: nowrap;
}

.gestion-estudio-excel .ge-pd-resize-shell-613 {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: 100%;
  min-width: 1px;
  height: 34px;
}

.gestion-estudio-excel .ge-pd-resize-shell-613 > span:first-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.gestion-estudio-excel .ge-pd-resize-grip-613 {
  position: absolute;
  right: -5px;
  top: 0;
  width: 10px;
  height: 100%;
  cursor: col-resize;
}

.gestion-estudio-excel .ge-pd-head-input-613 {
  width: 100%;
  min-width: 1px;
  height: 34px;
  border: 1px solid rgba(0, 91, 72, .16);
  border-radius: 10px;
  background: rgba(255,255,255,.92);
  color: inherit;
  padding: 7px 10px;
  font-weight: 800;
}

.gestion-estudio-excel .ge-pd-column-head-form-613,
.gestion-estudio-excel .ge-pd-column-delete-form-613,
.gestion-estudio-excel .ge-pd-col-actions-613 {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.gestion-estudio-excel .ge-pd-client-wrap-613 {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.gestion-estudio-excel .ge-pd-client-wrap-613 strong,
.gestion-estudio-excel .ge-pd-client-wrap-613 small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.gestion-estudio-excel .ge-pd-add-task-613 {
  position: relative;
  flex: 0 0 auto;
}

.gestion-estudio-excel .ge-pd-summary-action-613 {
  width: 34px;
  height: 34px;
  border: 1px solid rgba(0, 91, 72, .12);
  border-radius: 10px;
  background: rgba(240, 248, 245, .95);
  color: #063f33;
  display: inline-grid;
  place-items: center;
  cursor: pointer;
  list-style: none;
  position: relative;
}

.gestion-estudio-excel .ge-pd-summary-action-613::-webkit-details-marker {
  display: none;
}

.gestion-estudio-excel .ge-pd-add-task-form-613 {
  position: absolute;
  z-index: 60;
  top: calc(100% + 8px);
  left: 0;
  display: grid;
  grid-template-columns: 180px 126px 58px 90px 180px 38px;
  gap: 8px;
  padding: 12px;
  border: 1px solid rgba(0, 91, 72, .18);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 18px 40px rgba(0,0,0,.14);
}

.gestion-estudio-excel .ge-pd-note-form-613,
.gestion-estudio-excel .ge-pd-cell-form-613 {
  display: flex;
  align-items: stretch;
  gap: 6px;
  width: 100%;
  min-width: 0;
}

.gestion-estudio-excel .ge-pd-matrix-613 textarea,
.gestion-estudio-excel .ge-pd-matrix-613 input:not([type="checkbox"]):not([type="hidden"]) {
  width: 100%;
  min-width: 1px;
  min-height: 34px;
  max-height: none;
  border: 1px solid rgba(0, 91, 72, .16);
  border-radius: 10px;
  background: rgba(255,255,255,.94);
  color: inherit;
  padding: 7px 9px;
  line-height: 1.35;
  resize: vertical;
  overflow: auto;
  box-sizing: border-box;
}

.gestion-estudio-excel .ge-pd-matrix-613 textarea[readonly],
.gestion-estudio-excel .ge-pd-matrix-613 input[readonly] {
  background: rgba(255,255,255,.82);
}

.gestion-estudio-excel .ge-pd-task-urgent-cell-613 label,
.gestion-estudio-excel .ge-pd-cell-check-613 {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 34px;
}

.gestion-estudio-excel .ge-pd-task-done-check-613,
.gestion-estudio-excel .ge-pd-cell-check-613 input {
  width: 16px;
  height: 16px;
  accent-color: #075f3f;
}

.gestion-estudio-excel .ge-pd-task-row-613.is-done > td,
.gestion-estudio-excel .ge-pd-cell-form-613.is-checked {
  background: rgba(21, 128, 61, .17);
}

.gestion-estudio-excel .ge-pd-actions-cell-613,
.gestion-estudio-excel .ge-pd-actions-cell-613 form {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 100%;
}

.gestion-estudio-excel .ge-pd-actions-cell-613 {
  min-height: 48px;
}

.gestion-estudio-excel .ge-pd-action-609,
.gestion-estudio-excel .ge-pd-summary-action-613 {
  width: 34px;
  height: 34px;
}

.gestion-estudio-excel .ge-pd-field-tip-613 {
  overflow-wrap: anywhere;
}

body.dark .gestion-estudio-excel .ge-pd-add-client-613,
html.dark .gestion-estudio-excel .ge-pd-add-client-613,
[data-theme="dark"] .gestion-estudio-excel .ge-pd-add-client-613,
body.dark .gestion-estudio-excel .ge-pd-add-column-613,
html.dark .gestion-estudio-excel .ge-pd-add-column-613,
[data-theme="dark"] .gestion-estudio-excel .ge-pd-add-column-613,
body.dark .gestion-estudio-excel .ge-pd-settings-form-613,
html.dark .gestion-estudio-excel .ge-pd-settings-form-613,
[data-theme="dark"] .gestion-estudio-excel .ge-pd-settings-form-613,
body.dark .gestion-estudio-excel .ge-pd-matrix-613 th,
html.dark .gestion-estudio-excel .ge-pd-matrix-613 th,
[data-theme="dark"] .gestion-estudio-excel .ge-pd-matrix-613 th,
body.dark .gestion-estudio-excel .ge-pd-add-task-form-613,
html.dark .gestion-estudio-excel .ge-pd-add-task-form-613,
[data-theme="dark"] .gestion-estudio-excel .ge-pd-add-task-form-613 {
  background: rgba(11, 38, 30, .96);
}

body.dark .gestion-estudio-excel .ge-pd-matrix-613 textarea,
html.dark .gestion-estudio-excel .ge-pd-matrix-613 textarea,
[data-theme="dark"] .gestion-estudio-excel .ge-pd-matrix-613 textarea,
body.dark .gestion-estudio-excel .ge-pd-matrix-613 input:not([type="checkbox"]):not([type="hidden"]),
html.dark .gestion-estudio-excel .ge-pd-matrix-613 input:not([type="checkbox"]):not([type="hidden"]),
[data-theme="dark"] .gestion-estudio-excel .ge-pd-matrix-613 input:not([type="checkbox"]):not([type="hidden"]),
body.dark .gestion-estudio-excel .ge-pd-add-client-613 input,
html.dark .gestion-estudio-excel .ge-pd-add-client-613 input,
[data-theme="dark"] .gestion-estudio-excel .ge-pd-add-client-613 input,
body.dark .gestion-estudio-excel .ge-pd-add-column-613 input,
html.dark .gestion-estudio-excel .ge-pd-add-column-613 input,
[data-theme="dark"] .gestion-estudio-excel .ge-pd-add-column-613 input {
  background: rgba(8, 33, 26, .95);
  color: #f5fff9;
  border-color: rgba(209, 250, 229, .22);
}

@media (max-width: 1100px) {
  .gestion-estudio-excel .ge-pd-toolbar-613 {
    grid-template-columns: 1fr;
  }

  .gestion-estudio-excel .ge-pd-settings-form-613 {
    width: auto;
    min-width: 0;
  }

  .gestion-estudio-excel .ge-pd-add-task-form-613 {
    position: static;
    grid-template-columns: 1fr;
    margin-top: 8px;
  }
}
/* 20260611ge_pd_matriz_como_sueldos_613_END */


/* 20260611inbox_unread_chip_no_icon467 */
.inbox-thread-panel .inbox-thread-search [data-inbox-thread-filters] a,
.inbox-thread-panel .inbox-thread-search .inbox-thread-filters a,
.inbox-thread-panel .inbox-thread-search a[href*="unread=1"],
.inbox-thread-panel .inbox-thread-search a[href*="view=all"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  min-height: 30px !important;
  line-height: 1 !important;
  vertical-align: middle !important;
  background-image: none !important;
}

.inbox-thread-panel .inbox-thread-search [data-inbox-thread-filters] a::before,
.inbox-thread-panel .inbox-thread-search [data-inbox-thread-filters] a::after,
.inbox-thread-panel .inbox-thread-search .inbox-thread-filters a::before,
.inbox-thread-panel .inbox-thread-search .inbox-thread-filters a::after,
.inbox-thread-panel .inbox-thread-search a[href*="unread=1"]::before,
.inbox-thread-panel .inbox-thread-search a[href*="unread=1"]::after,
.inbox-thread-panel .inbox-thread-search a[href*="view=all"]::before,
.inbox-thread-panel .inbox-thread-search a[href*="view=all"]::after {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  background-image: none !important;
}

.inbox-thread-panel .inbox-thread-search a[href*="unread=1"] > .nav-link-icon,
.inbox-thread-panel .inbox-thread-search a[href*="unread=1"] > .channel-icon,
.inbox-thread-panel .inbox-thread-search a[href*="unread=1"] > [aria-hidden="true"]:first-child {
  display: none !important;
}


/* 20260611ge_pd_columnas_base_libres_614_START */
.gestion-estudio-excel .ge-pd-panel-614 {
  overflow: visible;
}

.gestion-estudio-excel .ge-pd-toolbar-614 {
  display: grid;
  grid-template-columns: minmax(330px, 620px) minmax(230px, 360px) auto;
  gap: 10px;
  align-items: center;
  margin: 12px 0 14px;
}

.gestion-estudio-excel .ge-pd-add-client-614,
.gestion-estudio-excel .ge-pd-add-column-614,
.gestion-estudio-excel .ge-pd-restore-columns-614 {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  border: 1px solid rgba(0, 118, 94, .18);
  border-radius: 14px;
  padding: 8px;
  background: rgba(255,255,255,.72);
}

.gestion-estudio-excel .ge-pd-add-client-614 input,
.gestion-estudio-excel .ge-pd-add-column-614 input {
  border: 1px solid rgba(0, 91, 72, .16);
  border-radius: 10px;
  background: rgba(255,255,255,.92);
  color: inherit;
  min-width: 1px;
  height: 34px;
  padding: 7px 10px;
}

.gestion-estudio-excel .ge-pd-add-client-614 input:first-of-type,
.gestion-estudio-excel .ge-pd-add-column-614 input {
  flex: 1 1 auto;
}

.gestion-estudio-excel .ge-pd-add-client-614 input[name="tax_id"] {
  flex: 0 1 120px;
}

.gestion-estudio-excel .ge-pd-table-wrap-614 {
  max-width: 100%;
  overflow: auto;
  border: 1px solid rgba(0, 91, 72, .14);
  border-radius: 14px;
  background: rgba(255,255,255,.5);
}

.gestion-estudio-excel .ge-pd-matrix-614 {
  width: max-content;
  min-width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
}

.gestion-estudio-excel .ge-pd-matrix-614 th,
.gestion-estudio-excel .ge-pd-matrix-614 td {
  border-bottom: 1px solid rgba(0, 91, 72, .12);
  padding: 7px 8px;
  vertical-align: middle;
  box-sizing: border-box;
}

.gestion-estudio-excel .ge-pd-matrix-614 th {
  background: rgba(255,255,255,.8);
  color: #314941;
  font-size: 12px;
  letter-spacing: .05em;
  text-transform: uppercase;
  white-space: nowrap;
}

.gestion-estudio-excel .ge-pd-base-head-form-614,
.gestion-estudio-excel .ge-pd-base-hide-form-614,
.gestion-estudio-excel .ge-pd-column-head-form-614,
.gestion-estudio-excel .ge-pd-column-delete-form-614,
.gestion-estudio-excel .ge-pd-head-actions-614 {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.gestion-estudio-excel .ge-pd-resize-shell-614 {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: 100%;
  min-width: 1px;
  height: 34px;
}

.gestion-estudio-excel .ge-pd-resize-grip-614 {
  position: absolute;
  right: -5px;
  top: 0;
  width: 10px;
  height: 100%;
  cursor: col-resize;
}

.gestion-estudio-excel .ge-pd-head-input-614 {
  width: 100%;
  min-width: 1px;
  height: 34px;
  border: 1px solid rgba(0, 91, 72, .16);
  border-radius: 10px;
  background: rgba(255,255,255,.92);
  color: inherit;
  padding: 7px 10px;
  font-weight: 800;
}

.gestion-estudio-excel .ge-pd-client-wrap-614 {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.gestion-estudio-excel .ge-pd-client-wrap-614 strong,
.gestion-estudio-excel .ge-pd-client-wrap-614 small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.gestion-estudio-excel .ge-pd-add-task-614 {
  position: relative;
  flex: 0 0 auto;
}

.gestion-estudio-excel .ge-pd-summary-action-614 {
  width: 34px;
  height: 34px;
  border: 1px solid rgba(0, 91, 72, .12);
  border-radius: 10px;
  background: rgba(240, 248, 245, .95);
  color: #063f33;
  display: inline-grid;
  place-items: center;
  cursor: pointer;
  list-style: none;
  position: relative;
}

.gestion-estudio-excel .ge-pd-summary-action-614::-webkit-details-marker {
  display: none;
}

.gestion-estudio-excel .ge-pd-add-task-form-614 {
  position: absolute;
  z-index: 60;
  top: calc(100% + 8px);
  left: 0;
  display: grid;
  grid-template-columns: 180px 126px 58px 90px 180px 38px;
  gap: 8px;
  padding: 12px;
  border: 1px solid rgba(0, 91, 72, .18);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 18px 40px rgba(0,0,0,.14);
}

.gestion-estudio-excel .ge-pd-note-form-614,
.gestion-estudio-excel .ge-pd-cell-form-614 {
  display: flex;
  align-items: stretch;
  gap: 6px;
  width: 100%;
  min-width: 0;
}

.gestion-estudio-excel .ge-pd-matrix-614 textarea,
.gestion-estudio-excel .ge-pd-matrix-614 input:not([type="checkbox"]):not([type="hidden"]) {
  width: 100%;
  min-width: 1px;
  min-height: 34px;
  max-height: none;
  border: 1px solid rgba(0, 91, 72, .16);
  border-radius: 10px;
  background: rgba(255,255,255,.94);
  color: inherit;
  padding: 7px 9px;
  line-height: 1.35;
  resize: vertical;
  overflow: auto;
  box-sizing: border-box;
}

.gestion-estudio-excel .ge-pd-task-urgent-cell-614 label,
.gestion-estudio-excel .ge-pd-cell-check-614 {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 34px;
}

.gestion-estudio-excel .ge-pd-task-done-check-614,
.gestion-estudio-excel .ge-pd-cell-check-614 input {
  width: 16px;
  height: 16px;
  accent-color: #075f3f;
}

.gestion-estudio-excel .ge-pd-task-row-614.is-done > td,
.gestion-estudio-excel .ge-pd-cell-form-614.is-checked {
  background: rgba(21, 128, 61, .17);
}

.gestion-estudio-excel .ge-pd-actions-cell-614,
.gestion-estudio-excel .ge-pd-actions-cell-614 form {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 100%;
}

.gestion-estudio-excel .ge-pd-actions-cell-614 {
  min-height: 48px;
}

.gestion-estudio-excel .ge-pd-action-609,
.gestion-estudio-excel .ge-pd-summary-action-614 {
  width: 34px;
  height: 34px;
}

.gestion-estudio-excel .ge-pd-field-tip-614 {
  overflow-wrap: anywhere;
}

body.dark .gestion-estudio-excel .ge-pd-add-client-614,
html.dark .gestion-estudio-excel .ge-pd-add-client-614,
[data-theme="dark"] .gestion-estudio-excel .ge-pd-add-client-614,
body.dark .gestion-estudio-excel .ge-pd-add-column-614,
html.dark .gestion-estudio-excel .ge-pd-add-column-614,
[data-theme="dark"] .gestion-estudio-excel .ge-pd-add-column-614,
body.dark .gestion-estudio-excel .ge-pd-restore-columns-614,
html.dark .gestion-estudio-excel .ge-pd-restore-columns-614,
[data-theme="dark"] .gestion-estudio-excel .ge-pd-restore-columns-614,
body.dark .gestion-estudio-excel .ge-pd-matrix-614 th,
html.dark .gestion-estudio-excel .ge-pd-matrix-614 th,
[data-theme="dark"] .gestion-estudio-excel .ge-pd-matrix-614 th,
body.dark .gestion-estudio-excel .ge-pd-add-task-form-614,
html.dark .gestion-estudio-excel .ge-pd-add-task-form-614,
[data-theme="dark"] .gestion-estudio-excel .ge-pd-add-task-form-614 {
  background: rgba(11, 38, 30, .96);
}

body.dark .gestion-estudio-excel .ge-pd-matrix-614 textarea,
html.dark .gestion-estudio-excel .ge-pd-matrix-614 textarea,
[data-theme="dark"] .gestion-estudio-excel .ge-pd-matrix-614 textarea,
body.dark .gestion-estudio-excel .ge-pd-matrix-614 input:not([type="checkbox"]):not([type="hidden"]),
html.dark .gestion-estudio-excel .ge-pd-matrix-614 input:not([type="checkbox"]):not([type="hidden"]),
[data-theme="dark"] .gestion-estudio-excel .ge-pd-matrix-614 input:not([type="checkbox"]):not([type="hidden"]),
body.dark .gestion-estudio-excel .ge-pd-add-client-614 input,
html.dark .gestion-estudio-excel .ge-pd-add-client-614 input,
[data-theme="dark"] .gestion-estudio-excel .ge-pd-add-client-614 input,
body.dark .gestion-estudio-excel .ge-pd-add-column-614 input,
html.dark .gestion-estudio-excel .ge-pd-add-column-614 input,
[data-theme="dark"] .gestion-estudio-excel .ge-pd-add-column-614 input {
  background: rgba(8, 33, 26, .95);
  color: #f5fff9;
  border-color: rgba(209, 250, 229, .22);
}

@media (max-width: 1100px) {
  .gestion-estudio-excel .ge-pd-toolbar-614 {
    grid-template-columns: 1fr;
  }

  .gestion-estudio-excel .ge-pd-add-task-form-614 {
    position: static;
    grid-template-columns: 1fr;
    margin-top: 8px;
  }
}
/* 20260611ge_pd_columnas_base_libres_614_END */

/* 20260611ge_pd_614_real_623_START */
.gestion-estudio-excel .ge-pd-panel-614 .ge-pd-matrix-614 {
  table-layout: fixed !important;
  width: max-content !important;
  min-width: 100% !important;
  border-collapse: collapse !important;
}

.gestion-estudio-excel .ge-pd-panel-614 .ge-pd-matrix-614 th,
.gestion-estudio-excel .ge-pd-panel-614 .ge-pd-matrix-614 td {
  box-sizing: border-box !important;
  vertical-align: middle !important;
  border-bottom: 1px solid rgba(10,90,68,.13) !important;
}

.gestion-estudio-excel .ge-pd-panel-614 .ge-pd-matrix-614 textarea,
.gestion-estudio-excel .ge-pd-panel-614 .ge-pd-matrix-614 input:not([type="checkbox"]):not([type="hidden"]) {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  resize: none !important;
  pointer-events: auto !important;
}

.gestion-estudio-excel .ge-pd-panel-614 .ge-pd-task-row-614 > td,
.gestion-estudio-excel .ge-pd-panel-614 .ge-pd-task-row-614 > td.ge-pd-actions-cell-614 {
  background: rgba(235,245,241,.88) !important;
  border-bottom: 1px solid rgba(10,90,68,.13) !important;
}

.gestion-estudio-excel .ge-pd-panel-614 .ge-pd-task-row-614.is-done > td,
.gestion-estudio-excel .ge-pd-panel-614 .ge-pd-task-row-614.is-done > td.ge-pd-actions-cell-614 {
  background: rgba(188,221,207,.82) !important;
}

.gestion-estudio-excel .ge-pd-panel-614 .ge-pd-client-row-614 > td,
.gestion-estudio-excel .ge-pd-panel-614 .ge-pd-client-row-614 > td.ge-pd-actions-cell-614 {
  background: rgba(247,252,250,.94) !important;
  border-bottom: 1px solid rgba(10,90,68,.13) !important;
}

.gestion-estudio-excel .ge-pd-panel-614 .ge-pd-actions-cell-614 {
  display: table-cell !important;
  width: 112px !important;
  min-width: 112px !important;
  text-align: center !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
  padding: 8px !important;
  height: auto !important;
}

.gestion-estudio-excel .ge-pd-panel-614 .ge-pd-actions-cell-614 form {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
}

.gestion-estudio-excel .ge-pd-panel-614 [data-pd-save-row] {
  opacity: 1 !important;
  pointer-events: auto !important;
}

.gestion-estudio-excel .ge-pd-panel-614 td {
  position: relative;
}

.gestion-estudio-excel .ge-pd-cell-width-grip-623 {
  position: absolute;
  top: 7px;
  right: 2px;
  bottom: 7px;
  width: 10px;
  cursor: col-resize;
  border-right: 2px solid rgba(10,90,68,.28);
  border-radius: 5px;
  opacity: .18;
  z-index: 8;
}

.gestion-estudio-excel .ge-pd-panel-614 td:hover > .ge-pd-cell-width-grip-623 {
  opacity: 1;
  border-right-color: #006b4e;
}

.ge-pd-floating-tip-623 {
  position: fixed;
  z-index: 99999;
  max-width: min(520px, calc(100vw - 32px));
  padding: 9px 11px;
  border-radius: 10px;
  background: #10231f;
  color: #fff;
  font-size: .82rem;
  line-height: 1.35;
  font-weight: 800;
  box-shadow: 0 14px 36px rgba(0,0,0,.26);
  pointer-events: none;
  white-space: pre-wrap;
}

body.dark .gestion-estudio-excel .ge-pd-panel-614 .ge-pd-task-row-614 > td,
body.dark .gestion-estudio-excel .ge-pd-panel-614 .ge-pd-task-row-614 > td.ge-pd-actions-cell-614,
html.dark .gestion-estudio-excel .ge-pd-panel-614 .ge-pd-task-row-614 > td,
html.dark .gestion-estudio-excel .ge-pd-panel-614 .ge-pd-task-row-614 > td.ge-pd-actions-cell-614,
[data-theme="dark"] .gestion-estudio-excel .ge-pd-panel-614 .ge-pd-task-row-614 > td,
[data-theme="dark"] .gestion-estudio-excel .ge-pd-panel-614 .ge-pd-task-row-614 > td.ge-pd-actions-cell-614 {
  background: rgba(17,49,40,.94) !important;
}

body.dark .gestion-estudio-excel .ge-pd-panel-614 .ge-pd-task-row-614.is-done > td,
body.dark .gestion-estudio-excel .ge-pd-panel-614 .ge-pd-task-row-614.is-done > td.ge-pd-actions-cell-614,
html.dark .gestion-estudio-excel .ge-pd-panel-614 .ge-pd-task-row-614.is-done > td,
html.dark .gestion-estudio-excel .ge-pd-panel-614 .ge-pd-task-row-614.is-done > td.ge-pd-actions-cell-614,
[data-theme="dark"] .gestion-estudio-excel .ge-pd-panel-614 .ge-pd-task-row-614.is-done > td,
[data-theme="dark"] .gestion-estudio-excel .ge-pd-panel-614 .ge-pd-task-row-614.is-done > td.ge-pd-actions-cell-614 {
  background: rgba(42,88,70,.95) !important;
}
/* 20260611ge_pd_614_real_623_END */

/* 20260611ge_pd_usar_botones_sueldos_628_START */
/* PD usa los mismos botones reales que Sueldos: ge-sueldo-action-602. */
.gestion-estudio-excel .ge-pd-sueldo-skin-628 .ge-pd-action-609.ge-sueldo-action-602 {
  position: relative !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(12, 77, 56, 0.13) !important;
  background: rgba(239, 248, 244, 0.92) !important;
  color: #063c32 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  padding: 0 !important;
}

.gestion-estudio-excel .ge-pd-sueldo-skin-628 .ge-pd-action-609.ge-sueldo-action-602:hover {
  background: rgba(222, 244, 235, 0.98) !important;
  transform: translateY(-1px);
}

.gestion-estudio-excel .ge-pd-sueldo-skin-628 .ge-pd-action-609.ge-sueldo-action-602.danger,
.gestion-estudio-excel .ge-pd-sueldo-skin-628 .ge-pd-action-609.ge-sueldo-action-danger-602 {
  border-color: rgba(255, 118, 118, 0.30) !important;
  background: rgba(255, 238, 238, 0.92) !important;
  color: #dc2626 !important;
}

.gestion-estudio-excel .ge-pd-sueldo-skin-628 .ge-pd-action-609.ge-sueldo-action-602 svg {
  width: 17px !important;
  height: 17px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

body.dark .gestion-estudio-excel .ge-pd-sueldo-skin-628 .ge-pd-action-609.ge-sueldo-action-602:not(.danger):not(.ge-sueldo-action-danger-602),
html.dark .gestion-estudio-excel .ge-pd-sueldo-skin-628 .ge-pd-action-609.ge-sueldo-action-602:not(.danger):not(.ge-sueldo-action-danger-602),
.dark .gestion-estudio-excel .ge-pd-sueldo-skin-628 .ge-pd-action-609.ge-sueldo-action-602:not(.danger):not(.ge-sueldo-action-danger-602),
[data-theme="dark"] .gestion-estudio-excel .ge-pd-sueldo-skin-628 .ge-pd-action-609.ge-sueldo-action-602:not(.danger):not(.ge-sueldo-action-danger-602) {
  background: rgba(255, 255, 255, 0.07) !important;
  border-color: rgba(179, 244, 220, 0.18) !important;
  color: #dffcf0 !important;
}

body.dark .gestion-estudio-excel .ge-pd-sueldo-skin-628 .ge-pd-action-609.ge-sueldo-action-602.danger,
body.dark .gestion-estudio-excel .ge-pd-sueldo-skin-628 .ge-pd-action-609.ge-sueldo-action-danger-602,
html.dark .gestion-estudio-excel .ge-pd-sueldo-skin-628 .ge-pd-action-609.ge-sueldo-action-602.danger,
html.dark .gestion-estudio-excel .ge-pd-sueldo-skin-628 .ge-pd-action-609.ge-sueldo-action-danger-602,
.dark .gestion-estudio-excel .ge-pd-sueldo-skin-628 .ge-pd-action-609.ge-sueldo-action-602.danger,
.dark .gestion-estudio-excel .ge-pd-sueldo-skin-628 .ge-pd-action-609.ge-sueldo-action-danger-602,
[data-theme="dark"] .gestion-estudio-excel .ge-pd-sueldo-skin-628 .ge-pd-action-609.ge-sueldo-action-602.danger,
[data-theme="dark"] .gestion-estudio-excel .ge-pd-sueldo-skin-628 .ge-pd-action-609.ge-sueldo-action-danger-602 {
  background: rgba(127, 29, 29, 0.34) !important;
  border-color: rgba(248, 113, 113, 0.36) !important;
  color: #fecaca !important;
}

.gestion-estudio-excel .ge-pd-sueldo-skin-628 .ge-pd-head-actions-614,
.gestion-estudio-excel .ge-pd-sueldo-skin-628 .ge-pd-actions-cell-614 form {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  margin: 0 !important;
}

body.dark .gestion-estudio-excel .ge-pd-sueldo-skin-628 tr.ge-pd-client-row-614 > td,
html.dark .gestion-estudio-excel .ge-pd-sueldo-skin-628 tr.ge-pd-client-row-614 > td,
.dark .gestion-estudio-excel .ge-pd-sueldo-skin-628 tr.ge-pd-client-row-614 > td,
[data-theme="dark"] .gestion-estudio-excel .ge-pd-sueldo-skin-628 tr.ge-pd-client-row-614 > td,
body.dark .gestion-estudio-excel .ge-pd-sueldo-skin-628 tr.ge-pd-task-row-614 > td,
html.dark .gestion-estudio-excel .ge-pd-sueldo-skin-628 tr.ge-pd-task-row-614 > td,
.dark .gestion-estudio-excel .ge-pd-sueldo-skin-628 tr.ge-pd-task-row-614 > td,
[data-theme="dark"] .gestion-estudio-excel .ge-pd-sueldo-skin-628 tr.ge-pd-task-row-614 > td {
  color: #f2fff9 !important;
}
/* 20260611ge_pd_usar_botones_sueldos_628_END */

/* 20260611ge_pd_dark_filas_sueldos_629_START */
/* Corrige solo filas PD en dark para que no gane la regla clara de ge_pd_614_real_623. */
body.dark .gestion-estudio-excel .ge-pd-sueldo-skin-628 tr.ge-pd-client-row-614 > td,
html.dark .gestion-estudio-excel .ge-pd-sueldo-skin-628 tr.ge-pd-client-row-614 > td,
.dark .gestion-estudio-excel .ge-pd-sueldo-skin-628 tr.ge-pd-client-row-614 > td,
[data-theme="dark"] .gestion-estudio-excel .ge-pd-sueldo-skin-628 tr.ge-pd-client-row-614 > td,
body.dark .gestion-estudio-excel .ge-pd-panel-614 tr.ge-pd-client-row-614 > td,
html.dark .gestion-estudio-excel .ge-pd-panel-614 tr.ge-pd-client-row-614 > td,
.dark .gestion-estudio-excel .ge-pd-panel-614 tr.ge-pd-client-row-614 > td,
[data-theme="dark"] .gestion-estudio-excel .ge-pd-panel-614 tr.ge-pd-client-row-614 > td {
  background: rgba(9, 31, 24, 0.92) !important;
  color: #f2fff9 !important;
  border-bottom-color: rgba(216, 245, 234, 0.16) !important;
}

body.dark .gestion-estudio-excel .ge-pd-sueldo-skin-628 tr.ge-pd-empty-task-row-614 > td,
html.dark .gestion-estudio-excel .ge-pd-sueldo-skin-628 tr.ge-pd-empty-task-row-614 > td,
.dark .gestion-estudio-excel .ge-pd-sueldo-skin-628 tr.ge-pd-empty-task-row-614 > td,
[data-theme="dark"] .gestion-estudio-excel .ge-pd-sueldo-skin-628 tr.ge-pd-empty-task-row-614 > td,
body.dark .gestion-estudio-excel .ge-pd-panel-614 tr.ge-pd-empty-task-row-614 > td,
html.dark .gestion-estudio-excel .ge-pd-panel-614 tr.ge-pd-empty-task-row-614 > td,
.dark .gestion-estudio-excel .ge-pd-panel-614 tr.ge-pd-empty-task-row-614 > td,
[data-theme="dark"] .gestion-estudio-excel .ge-pd-panel-614 tr.ge-pd-empty-task-row-614 > td {
  background: rgba(12, 35, 28, 0.72) !important;
  color: #dffcf0 !important;
  border-bottom-color: rgba(216, 245, 234, 0.16) !important;
}

body.dark .gestion-estudio-excel .ge-pd-sueldo-skin-628 tr.ge-pd-client-row-614 strong,
body.dark .gestion-estudio-excel .ge-pd-sueldo-skin-628 tr.ge-pd-client-row-614 small,
html.dark .gestion-estudio-excel .ge-pd-sueldo-skin-628 tr.ge-pd-client-row-614 strong,
html.dark .gestion-estudio-excel .ge-pd-sueldo-skin-628 tr.ge-pd-client-row-614 small,
.dark .gestion-estudio-excel .ge-pd-sueldo-skin-628 tr.ge-pd-client-row-614 strong,
.dark .gestion-estudio-excel .ge-pd-sueldo-skin-628 tr.ge-pd-client-row-614 small,
[data-theme="dark"] .gestion-estudio-excel .ge-pd-sueldo-skin-628 tr.ge-pd-client-row-614 strong,
[data-theme="dark"] .gestion-estudio-excel .ge-pd-sueldo-skin-628 tr.ge-pd-client-row-614 small {
  color: #f2fff9 !important;
}

body.dark .gestion-estudio-excel .ge-pd-sueldo-skin-628 tr.ge-pd-client-row-614 .ge-pd-actions-cell-614,
html.dark .gestion-estudio-excel .ge-pd-sueldo-skin-628 tr.ge-pd-client-row-614 .ge-pd-actions-cell-614,
.dark .gestion-estudio-excel .ge-pd-sueldo-skin-628 tr.ge-pd-client-row-614 .ge-pd-actions-cell-614,
[data-theme="dark"] .gestion-estudio-excel .ge-pd-sueldo-skin-628 tr.ge-pd-client-row-614 .ge-pd-actions-cell-614,
body.dark .gestion-estudio-excel .ge-pd-sueldo-skin-628 tr.ge-pd-task-row-614 .ge-pd-actions-cell-614,
html.dark .gestion-estudio-excel .ge-pd-sueldo-skin-628 tr.ge-pd-task-row-614 .ge-pd-actions-cell-614,
.dark .gestion-estudio-excel .ge-pd-sueldo-skin-628 tr.ge-pd-task-row-614 .ge-pd-actions-cell-614,
[data-theme="dark"] .gestion-estudio-excel .ge-pd-sueldo-skin-628 tr.ge-pd-task-row-614 .ge-pd-actions-cell-614 {
  background: inherit !important;
  border-bottom-color: rgba(216, 245, 234, 0.16) !important;
}
/* 20260611ge_pd_dark_filas_sueldos_629_END */

/* 20260611ge_solapas_editables_633_START */
.gestion-estudio-excel .ge-tab-labels-editor-633 {
  margin: 10px 0 14px;
  border: 1px solid rgba(12, 77, 56, 0.14);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.74);
  box-shadow: 0 10px 24px rgba(15, 81, 62, 0.06);
  padding: 8px 10px;
}

.gestion-estudio-excel .ge-tab-labels-editor-633 > summary {
  cursor: pointer;
  list-style: none;
  font-size: 12px;
  font-weight: 900;
  color: #0b3f33;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.gestion-estudio-excel .ge-tab-labels-editor-633 > summary::-webkit-details-marker {
  display: none;
}

.gestion-estudio-excel .ge-tab-labels-editor-633 form {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: end;
  margin-top: 10px;
}

.gestion-estudio-excel .ge-tab-labels-editor-633 label {
  display: grid;
  gap: 4px;
  min-width: 150px;
}

.gestion-estudio-excel .ge-tab-labels-editor-633 label span {
  font-size: 10px;
  font-weight: 900;
  color: rgba(6, 60, 50, .72);
  text-transform: uppercase;
  letter-spacing: .04em;
}

.gestion-estudio-excel .ge-tab-labels-editor-633 input {
  height: 34px;
  border: 1px solid rgba(12, 77, 56, 0.16);
  border-radius: 10px;
  background: rgba(255,255,255,.94);
  color: #062f28;
  font-weight: 800;
  padding: 0 10px;
}

body.dark .gestion-estudio-excel .ge-tab-labels-editor-633,
html.dark .gestion-estudio-excel .ge-tab-labels-editor-633,
[data-theme="dark"] .gestion-estudio-excel .ge-tab-labels-editor-633 {
  background: rgba(12, 35, 28, 0.72);
  border-color: rgba(179, 244, 220, 0.20);
  box-shadow: none;
}

body.dark .gestion-estudio-excel .ge-tab-labels-editor-633 > summary,
html.dark .gestion-estudio-excel .ge-tab-labels-editor-633 > summary,
[data-theme="dark"] .gestion-estudio-excel .ge-tab-labels-editor-633 > summary,
body.dark .gestion-estudio-excel .ge-tab-labels-editor-633 label span,
html.dark .gestion-estudio-excel .ge-tab-labels-editor-633 label span,
[data-theme="dark"] .gestion-estudio-excel .ge-tab-labels-editor-633 label span {
  color: #dffcf0;
}

body.dark .gestion-estudio-excel .ge-tab-labels-editor-633 input,
html.dark .gestion-estudio-excel .ge-tab-labels-editor-633 input,
[data-theme="dark"] .gestion-estudio-excel .ge-tab-labels-editor-633 input {
  background: rgba(9, 31, 24, 0.92);
  border-color: rgba(179, 244, 220, 0.22);
  color: #f2fff9;
}
/* 20260611ge_solapas_editables_633_END */

/* 20260611ge_solapas_dinamicas_634_START */
.gestion-estudio-excel .ge-custom-tabs-manager-634 {
  margin: 10px 0 14px;
  display: grid;
  gap: 8px;
}

.gestion-estudio-excel .ge-custom-tabs-links-634 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.gestion-estudio-excel .ge-custom-tab-link-634 {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid rgba(12, 77, 56, 0.16);
  background: rgba(255,255,255,.84);
  color: #073b31;
  font-weight: 900;
  text-decoration: none;
  box-shadow: 0 8px 18px rgba(15, 81, 62, 0.06);
}

.gestion-estudio-excel .ge-custom-tab-link-634.active {
  background: #d8fff0;
  border-color: rgba(5, 150, 105, .32);
}

.gestion-estudio-excel .ge-custom-tabs-manager-634 details {
  border: 1px solid rgba(12, 77, 56, 0.14);
  border-radius: 14px;
  background: rgba(255,255,255,.72);
  padding: 8px 10px;
}

.gestion-estudio-excel .ge-custom-tabs-manager-634 summary {
  cursor: pointer;
  font-size: 12px;
  font-weight: 900;
  color: #0b3f33;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.gestion-estudio-excel .ge-custom-tabs-manager-634 summary::-webkit-details-marker {
  display: none;
}

.gestion-estudio-excel .ge-custom-tab-create-634,
.gestion-estudio-excel .ge-custom-tab-row-634,
.gestion-estudio-excel .ge-custom-toolbar-634 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.gestion-estudio-excel .ge-custom-tab-create-634,
.gestion-estudio-excel .ge-custom-tabs-list-634 {
  margin-top: 10px;
}

.gestion-estudio-excel .ge-custom-tab-row-634 {
  padding: 8px 0;
  border-top: 1px solid rgba(12, 77, 56, 0.10);
}

.gestion-estudio-excel .ge-custom-tab-row-634 form,
.gestion-estudio-excel .ge-custom-column-head-634,
.gestion-estudio-excel .ge-custom-column-delete-634,
.gestion-estudio-excel .ge-custom-actions-cell-634 form {
  display: inline-flex;
  gap: 6px;
  align-items: center;
  margin: 0;
}

.gestion-estudio-excel .ge-custom-tabs-manager-634 input,
.gestion-estudio-excel .ge-custom-toolbar-634 input,
.gestion-estudio-excel .ge-custom-column-head-634 input,
.gestion-estudio-excel .ge-custom-cell-form-634 textarea {
  border: 1px solid rgba(12, 77, 56, 0.16);
  border-radius: 10px;
  background: rgba(255,255,255,.94);
  color: #062f28;
  font-weight: 800;
  padding: 8px 10px;
}

.gestion-estudio-excel .ge-custom-matrix-panel-634 {
  overflow: hidden;
}

.gestion-estudio-excel .ge-custom-toolbar-634 {
  margin-bottom: 12px;
}

.gestion-estudio-excel .ge-custom-table-wrap-634 {
  overflow-x: auto;
  border: 1px solid rgba(12, 77, 56, 0.14);
  border-radius: 14px;
}

.gestion-estudio-excel .ge-custom-matrix-table-634 {
  width: max-content;
  min-width: 100%;
  border-collapse: collapse;
}

.gestion-estudio-excel .ge-custom-matrix-table-634 th,
.gestion-estudio-excel .ge-custom-matrix-table-634 td {
  border-bottom: 1px solid rgba(12, 77, 56, 0.12);
  padding: 10px;
  vertical-align: middle;
}

.gestion-estudio-excel .ge-custom-cell-form-634 {
  display: grid;
  grid-template-columns: auto minmax(80px, 1fr) auto;
  gap: 8px;
  align-items: center;
}

.gestion-estudio-excel .ge-custom-cell-form-634.is-done {
  background: rgba(16, 185, 129, .12);
  border-radius: 12px;
  padding: 4px;
}

.gestion-estudio-excel .ge-custom-cell-check-634 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-weight: 900;
  font-size: 11px;
}

.gestion-estudio-excel .ge-custom-actions-cell-634,
.gestion-estudio-excel .ge-custom-actions-head-634 {
  text-align: center;
  white-space: nowrap;
}

body.dark .gestion-estudio-excel .ge-custom-tab-link-634,
html.dark .gestion-estudio-excel .ge-custom-tab-link-634,
[data-theme="dark"] .gestion-estudio-excel .ge-custom-tab-link-634,
body.dark .gestion-estudio-excel .ge-custom-tabs-manager-634 details,
html.dark .gestion-estudio-excel .ge-custom-tabs-manager-634 details,
[data-theme="dark"] .gestion-estudio-excel .ge-custom-tabs-manager-634 details {
  background: rgba(12, 35, 28, 0.72);
  border-color: rgba(179, 244, 220, 0.20);
  color: #f2fff9;
  box-shadow: none;
}

body.dark .gestion-estudio-excel .ge-custom-tab-link-634.active,
html.dark .gestion-estudio-excel .ge-custom-tab-link-634.active,
[data-theme="dark"] .gestion-estudio-excel .ge-custom-tab-link-634.active {
  background: rgba(216, 255, 240, .14);
  border-color: rgba(179, 244, 220, .32);
}

body.dark .gestion-estudio-excel .ge-custom-tabs-manager-634 input,
body.dark .gestion-estudio-excel .ge-custom-toolbar-634 input,
body.dark .gestion-estudio-excel .ge-custom-column-head-634 input,
body.dark .gestion-estudio-excel .ge-custom-cell-form-634 textarea,
html.dark .gestion-estudio-excel .ge-custom-tabs-manager-634 input,
html.dark .gestion-estudio-excel .ge-custom-toolbar-634 input,
html.dark .gestion-estudio-excel .ge-custom-column-head-634 input,
html.dark .gestion-estudio-excel .ge-custom-cell-form-634 textarea,
[data-theme="dark"] .gestion-estudio-excel .ge-custom-tabs-manager-634 input,
[data-theme="dark"] .gestion-estudio-excel .ge-custom-toolbar-634 input,
[data-theme="dark"] .gestion-estudio-excel .ge-custom-column-head-634 input,
[data-theme="dark"] .gestion-estudio-excel .ge-custom-cell-form-634 textarea {
  background: rgba(9, 31, 24, 0.92);
  border-color: rgba(179, 244, 220, 0.22);
  color: #f2fff9;
}
/* 20260611ge_solapas_dinamicas_634_END */

/* 20260611ge_custom_tabs_inplace_640_START */
.gestion-estudio-excel .ge-dyn-tabs-row-640 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.gestion-estudio-excel .ge-dyn-tabs-manager-640,
.gestion-estudio-excel .ge-tab-labels-editor-633 {
  width: fit-content !important;
  max-width: 100%;
  margin: 10px 0 12px;
  border: 1px solid rgba(12, 96, 72, .18);
  border-radius: 12px;
  background: rgba(255, 255, 255, .74);
}

.gestion-estudio-excel .ge-dyn-tabs-manager-640 summary,
.gestion-estudio-excel .ge-tab-labels-editor-633 summary {
  cursor: pointer;
  padding: 8px 12px;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #063d31;
}

.gestion-estudio-excel .ge-dyn-tabs-manager-body-640,
.gestion-estudio-excel .ge-dyn-tab-add-640,
.gestion-estudio-excel .ge-dyn-tab-delete-640 {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.gestion-estudio-excel .ge-dyn-tabs-manager-body-640 {
  padding: 0 10px 10px;
}

.gestion-estudio-excel .ge-dyn-tab-add-640 input,
.gestion-estudio-excel .ge-dyn-tab-delete-640 select {
  height: 34px;
  border: 1px solid rgba(12, 96, 72, .2);
  border-radius: 10px;
  background: rgba(255, 255, 255, .92);
  color: #09251e;
  font-weight: 700;
  padding: 0 12px;
}

.gestion-estudio-excel .ge-dyn-panel-640 {
  border: 1px solid rgba(12, 96, 72, .16);
  border-radius: 18px;
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 16px 34px rgba(15, 53, 43, .05);
  overflow: hidden;
}

.gestion-estudio-excel .ge-dyn-toolbar-640 {
  display: flex;
  align-items: stretch;
  gap: 10px;
  padding: 12px;
  border: 1px solid rgba(12, 96, 72, .14);
  border-radius: 14px;
  background: rgba(250, 255, 253, .8);
  margin: 0 0 14px;
}

.gestion-estudio-excel .ge-dyn-client-add-640,
.gestion-estudio-excel .ge-dyn-column-add-640 {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 8px;
  border: 1px solid rgba(12, 96, 72, .12);
  border-radius: 14px;
  background: rgba(255, 255, 255, .72);
}

.gestion-estudio-excel .ge-dyn-client-add-640 {
  flex: 0 1 420px;
}

.gestion-estudio-excel .ge-dyn-column-add-640 {
  flex: 0 1 250px;
}

.gestion-estudio-excel .ge-dyn-client-add-640 input,
.gestion-estudio-excel .ge-dyn-column-add-640 input {
  height: 34px;
  min-width: 0;
  border: 1px solid rgba(12, 96, 72, .2);
  border-radius: 10px;
  background: rgba(255, 255, 255, .92);
  color: #09251e;
  font-weight: 700;
  padding: 0 12px;
}

.gestion-estudio-excel .ge-dyn-client-add-640 input[name="contact_search"] {
  flex: 1 1 230px;
}

.gestion-estudio-excel .ge-dyn-client-add-640 input[name="tax_id"] {
  flex: 0 0 120px;
}

.gestion-estudio-excel .ge-dyn-column-add-640 input[name="title"] {
  flex: 1 1 auto;
}

.gestion-estudio-excel .ge-dyn-table-wrap-640 {
  overflow: auto;
  border: 1px solid rgba(12, 96, 72, .14);
  border-radius: 14px;
}

.gestion-estudio-excel .ge-dyn-matrix-640 {
  border-collapse: collapse;
  table-layout: fixed;
  width: max-content;
  min-width: 100%;
}

.gestion-estudio-excel .ge-dyn-matrix-640 th,
.gestion-estudio-excel .ge-dyn-matrix-640 td {
  border-bottom: 1px solid rgba(12, 96, 72, .14);
  padding: 10px;
  vertical-align: middle;
  background: rgba(255, 255, 255, .9);
}

.gestion-estudio-excel .ge-dyn-matrix-640 th {
  color: #163c33;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.gestion-estudio-excel .ge-dyn-client-cell-640 strong {
  display: block;
  color: #061f18;
  font-weight: 900;
}

.gestion-estudio-excel .ge-dyn-client-cell-640 small {
  display: block;
  margin-top: 3px;
  color: #607b72;
}

.gestion-estudio-excel .ge-dyn-column-title-form-640,
.gestion-estudio-excel .ge-dyn-column-delete-form-640,
.gestion-estudio-excel .ge-dyn-cell-form-640,
.gestion-estudio-excel .ge-dyn-actions-cell-640 form {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.gestion-estudio-excel .ge-dyn-panel-640 input[name="width"] {
  display: none !important;
}

.gestion-estudio-excel .ge-dyn-resize-shell-640 {
  position: relative;
  display: inline-flex;
  align-items: stretch;
  min-width: 28px;
  max-width: 900px;
}

.gestion-estudio-excel .ge-dyn-head-text-640,
.gestion-estudio-excel .ge-dyn-cell-text-640 {
  width: 100%;
  min-width: 0;
  min-height: 32px;
  overflow: auto;
  border: 1px solid rgba(12, 96, 72, .2);
  border-radius: 10px;
  background: rgba(255, 255, 255, .94);
  color: #09251e;
  font-weight: 800;
  padding: 8px 10px;
  line-height: 1.25;
}

.gestion-estudio-excel .ge-dyn-head-text-640 {
  resize: none;
  overflow: hidden;
}

.gestion-estudio-excel .ge-dyn-head-text-640[readonly] {
  pointer-events: none;
}

.gestion-estudio-excel .ge-dyn-cell-text-640 {
  resize: both;
  font-weight: 700;
}

.gestion-estudio-excel .ge-dyn-resize-grip-640 {
  position: absolute;
  right: -4px;
  top: 5px;
  bottom: 5px;
  width: 8px;
  cursor: ew-resize;
  border-radius: 999px;
  background: rgba(12, 96, 72, .24);
}

.gestion-estudio-excel .ge-dyn-check-640 {
  width: 14px;
  height: 14px;
  accent-color: #047857;
}

.gestion-estudio-excel .ge-dyn-cell-640.is-done {
  background: rgba(47, 125, 91, .18);
}

.gestion-estudio-excel .ge-dyn-action-danger-640,
.gestion-estudio-excel .ge-sueldo-action-602.ge-dyn-action-danger-640 {
  border-color: rgba(239, 68, 68, .35) !important;
  background: rgba(254, 226, 226, .92) !important;
  color: #b91c1c !important;
}

body.dark .gestion-estudio-excel .ge-dyn-panel-640,
html.dark .gestion-estudio-excel .ge-dyn-panel-640,
[data-theme="dark"] .gestion-estudio-excel .ge-dyn-panel-640 {
  background: #102d23;
  border-color: rgba(78, 173, 132, .34);
  box-shadow: none;
}

body.dark .gestion-estudio-excel .ge-dyn-toolbar-640,
html.dark .gestion-estudio-excel .ge-dyn-toolbar-640,
[data-theme="dark"] .gestion-estudio-excel .ge-dyn-toolbar-640,
body.dark .gestion-estudio-excel .ge-dyn-client-add-640,
html.dark .gestion-estudio-excel .ge-dyn-client-add-640,
[data-theme="dark"] .gestion-estudio-excel .ge-dyn-client-add-640,
body.dark .gestion-estudio-excel .ge-dyn-column-add-640,
html.dark .gestion-estudio-excel .ge-dyn-column-add-640,
[data-theme="dark"] .gestion-estudio-excel .ge-dyn-column-add-640,
body.dark .gestion-estudio-excel .ge-dyn-tabs-manager-640,
html.dark .gestion-estudio-excel .ge-dyn-tabs-manager-640,
[data-theme="dark"] .gestion-estudio-excel .ge-dyn-tabs-manager-640 {
  background: #102d23;
  border-color: rgba(78, 173, 132, .28);
}

body.dark .gestion-estudio-excel .ge-dyn-matrix-640 th,
body.dark .gestion-estudio-excel .ge-dyn-matrix-640 td,
html.dark .gestion-estudio-excel .ge-dyn-matrix-640 th,
html.dark .gestion-estudio-excel .ge-dyn-matrix-640 td,
[data-theme="dark"] .gestion-estudio-excel .ge-dyn-matrix-640 th,
[data-theme="dark"] .gestion-estudio-excel .ge-dyn-matrix-640 td {
  background: #102d23;
  border-color: rgba(78, 173, 132, .2);
  color: #f4fff9;
}

body.dark .gestion-estudio-excel .ge-dyn-head-text-640,
body.dark .gestion-estudio-excel .ge-dyn-cell-text-640,
body.dark .gestion-estudio-excel .ge-dyn-client-add-640 input,
body.dark .gestion-estudio-excel .ge-dyn-column-add-640 input,
body.dark .gestion-estudio-excel .ge-dyn-tab-add-640 input,
body.dark .gestion-estudio-excel .ge-dyn-tab-delete-640 select,
html.dark .gestion-estudio-excel .ge-dyn-head-text-640,
html.dark .gestion-estudio-excel .ge-dyn-cell-text-640,
html.dark .gestion-estudio-excel .ge-dyn-client-add-640 input,
html.dark .gestion-estudio-excel .ge-dyn-column-add-640 input,
html.dark .gestion-estudio-excel .ge-dyn-tab-add-640 input,
html.dark .gestion-estudio-excel .ge-dyn-tab-delete-640 select,
[data-theme="dark"] .gestion-estudio-excel .ge-dyn-head-text-640,
[data-theme="dark"] .gestion-estudio-excel .ge-dyn-cell-text-640,
[data-theme="dark"] .gestion-estudio-excel .ge-dyn-client-add-640 input,
[data-theme="dark"] .gestion-estudio-excel .ge-dyn-column-add-640 input,
[data-theme="dark"] .gestion-estudio-excel .ge-dyn-tab-add-640 input,
[data-theme="dark"] .gestion-estudio-excel .ge-dyn-tab-delete-640 select {
  background: #10251e;
  color: #eafff5;
  border-color: rgba(139, 211, 180, .28);
}
/* 20260611ge_custom_tabs_inplace_640_END */


/* 20260612sendpulse_line_label_style474 */
.inbox-thread .inbox-thread-side small,
.inbox-thread-row .inbox-thread-side small {
  font-size: .76rem !important;
  font-weight: 650 !important;
  letter-spacing: .005em !important;
  color: color-mix(in srgb, var(--muted) 72%, var(--text) 28%) !important;
}

.inbox-thread:hover .inbox-thread-side small,
.inbox-thread.active .inbox-thread-side small,
.inbox-thread-row.active .inbox-thread-side small {
  color: color-mix(in srgb, var(--text) 72%, var(--brand) 28%) !important;
}


/* 20260612ge_custom_tabs_dashboard_645 */
.gestion-estudio-excel .ge-dashboard-custom-tab-check-645 span {
  white-space: nowrap;
}

.gestion-estudio-excel .ge-dyn-action-640 svg {
  width: 15px;
  height: 15px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

body.dark .gestion-estudio-excel .ge-dyn-tabs-manager-640 summary,
html.dark .gestion-estudio-excel .ge-dyn-tabs-manager-640 summary,
[data-theme="dark"] .gestion-estudio-excel .ge-dyn-tabs-manager-640 summary {
  color: #d9fff0 !important;
  background: rgba(14, 74, 55, .72) !important;
  border-color: rgba(89, 219, 170, .38) !important;
}

body.dark .gestion-estudio-excel .ge-dyn-client-cell-640,
body.dark .gestion-estudio-excel .ge-dyn-client-cell-640 strong,
body.dark .gestion-estudio-excel .ge-dyn-client-cell-640 small,
html.dark .gestion-estudio-excel .ge-dyn-client-cell-640,
html.dark .gestion-estudio-excel .ge-dyn-client-cell-640 strong,
html.dark .gestion-estudio-excel .ge-dyn-client-cell-640 small,
[data-theme="dark"] .gestion-estudio-excel .ge-dyn-client-cell-640,
[data-theme="dark"] .gestion-estudio-excel .ge-dyn-client-cell-640 strong,
[data-theme="dark"] .gestion-estudio-excel .ge-dyn-client-cell-640 small {
  color: #f1fff8 !important;
}

body.dark .gestion-estudio-excel .ge-dyn-cell-form-640.is-done,
body.dark .gestion-estudio-excel .ge-dyn-cell-640.is-done,
html.dark .gestion-estudio-excel .ge-dyn-cell-form-640.is-done,
html.dark .gestion-estudio-excel .ge-dyn-cell-640.is-done,
[data-theme="dark"] .gestion-estudio-excel .ge-dyn-cell-form-640.is-done,
[data-theme="dark"] .gestion-estudio-excel .ge-dyn-cell-640.is-done {
  background: rgba(22, 163, 74, .34) !important;
  box-shadow: inset 0 0 0 1px rgba(74, 222, 128, .32);
}





/* 20260612inbox_thread_hover_lift_soft475b */
.inbox-thread-row,
.inbox-thread-delete-wrap,
.inbox-thread {
  transition:
    transform .14s ease,
    box-shadow .14s ease,
    border-color .14s ease,
    background-color .14s ease !important;
}

.inbox-thread-row:hover,
.inbox-thread-delete-wrap:hover {
  position: relative !important;
  z-index: 6 !important;
}

.inbox-thread-row:hover .inbox-thread,
.inbox-thread-delete-wrap:hover .inbox-thread,
.inbox-thread:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 9px 18px rgba(16, 45, 35, .12) !important;
  border-color: color-mix(in srgb, var(--brand) 34%, var(--line)) !important;
}

.inbox-thread .inbox-thread-side {
  min-width: 0 !important;
}

.inbox-thread .inbox-thread-side small {
  transition:
    transform .14s ease,
    font-size .14s ease,
    color .14s ease,
    font-weight .14s ease !important;
  transform-origin: right center !important;
}

.inbox-thread:hover .inbox-thread-side small,
.inbox-thread-row:hover .inbox-thread-side small,
.inbox-thread-delete-wrap:hover .inbox-thread-side small {
  font-size: .78rem !important;
  font-weight: 680 !important;
  color: color-mix(in srgb, var(--text) 72%, var(--brand) 28%) !important;
  transform: translateY(-.5px) !important;
}

@media (prefers-reduced-motion: reduce) {
  .inbox-thread-row,
  .inbox-thread-delete-wrap,
  .inbox-thread,
  .inbox-thread .inbox-thread-side small {
    transition: none !important;
  }

  .inbox-thread-row:hover .inbox-thread,
  .inbox-thread-delete-wrap:hover .inbox-thread,
  .inbox-thread:hover,
  .inbox-thread:hover .inbox-thread-side small,
  .inbox-thread-row:hover .inbox-thread-side small,
  .inbox-thread-delete-wrap:hover .inbox-thread-side small {
    transform: none !important;
  }
}

/* 20260808-policy-integrations-center: isolated insurer integration UI. */
.policy-integrations-shell,
.policy-integration-form-shell,
.policy-integration-detail-shell {
  --pi-accent: #167b68;
  --pi-accent-soft: color-mix(in srgb, var(--pi-accent) 9%, var(--panel));
  display: grid;
  gap: 14px;
  min-width: 0;
  padding: 16px;
  font-weight: 400;
}

.policy-integration-hero,
.policy-integration-company-head,
.policy-integration-company-identity,
.policy-integration-company-open,
.policy-integration-company-meta,
.policy-integration-card-actions,
.policy-integration-company-head-actions,
.policy-integration-list-toolbar,
.policy-integration-filters,
.policy-integration-form-card-head,
.policy-integration-logo-editor,
.policy-integration-security-note,
.policy-integration-form-actions,
.policy-integration-detail-title,
.policy-integration-linked,
.policy-integration-suggestion,
.policy-integration-detail-actions {
  display: flex;
  align-items: center;
}

.policy-integration-hero,
.policy-integration-company-head,
.policy-integration-list-toolbar,
.policy-integration-detail-title,
.policy-integration-linked,
.policy-integration-suggestion,
.policy-integration-detail-actions {
  justify-content: space-between;
}

.policy-integration-hero {
  gap: 14px;
  min-width: 0;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--line);
}

.policy-integration-hero h2,
.policy-integration-company-head h3,
.policy-integration-welcome h3,
.policy-integration-empty-card h3,
.policy-integration-form-card h3 {
  margin: 2px 0 4px;
  color: var(--text);
  font-size: clamp(18px, 2vw, 21px);
  font-weight: 500;
  letter-spacing: -0.02em;
}

.policy-integration-hero p,
.policy-integration-company-head p,
.policy-integration-welcome p,
.policy-integration-empty-card p,
.policy-integration-form-card-head p,
.policy-integration-detail-title p {
  margin: 0;
  color: var(--muted);
  font-size: 12.5px;
  font-weight: 400;
}

.policy-integration-kicker {
  color: var(--pi-accent);
  font-size: 10.5px;
  font-weight: 500;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.policy-integration-hero-actions,
.policy-integration-company-head-actions,
.policy-integration-card-actions,
.policy-integration-form-actions {
  gap: 8px;
  flex-wrap: wrap;
}

.policy-integration-alert {
  padding: 10px 13px;
  border: 1px solid;
  border-radius: 11px;
  font-size: 12.5px;
}

.policy-integration-alert-ok {
  border-color: color-mix(in srgb, var(--brand) 30%, var(--line));
  background: color-mix(in srgb, var(--brand) 8%, var(--panel));
  color: var(--brand-dark);
}

.policy-integration-alert-error {
  border-color: color-mix(in srgb, var(--danger) 32%, var(--line));
  background: color-mix(in srgb, var(--danger) 8%, var(--panel));
  color: var(--danger);
}

.policy-integration-company-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr));
  gap: 10px;
}

.policy-integration-company-card,
.policy-integration-empty-card,
.policy-integration-workspace,
.policy-integration-welcome,
.policy-integration-form-card {
  min-width: 0;
  border: 1px solid color-mix(in srgb, var(--line) 88%, transparent);
  border-radius: 12px;
  background: var(--panel);
  box-shadow: 0 4px 14px rgba(20, 45, 38, .04);
}

.policy-integration-company-card {
  position: relative;
  display: grid;
  gap: 10px;
  padding: 12px;
  overflow: hidden;
}

.policy-integration-company-card::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: var(--company-color, var(--pi-accent));
  opacity: .7;
}

.policy-integration-company-card.is-selected {
  border-color: color-mix(in srgb, var(--company-color, var(--pi-accent)) 42%, var(--line));
  box-shadow: 0 6px 18px color-mix(in srgb, var(--company-color, var(--pi-accent)) 10%, transparent);
}

.policy-integration-company-open {
  gap: 11px;
  min-width: 0;
  color: inherit;
  text-decoration: none;
}

.policy-integration-company-open:focus-visible,
.policy-integration-filter:focus-visible,
.policy-integration-icon-action:focus-visible,
.policy-integration-upload-label:focus-within {
  outline: 2px solid var(--pi-accent);
  outline-offset: 3px;
}

.policy-integration-company-copy {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.policy-integration-company-copy strong {
  overflow: hidden;
  color: var(--text);
  font-size: 14px;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.policy-integration-company-copy small,
.policy-integration-company-meta small {
  color: var(--muted);
  font-size: 10.5px;
  line-height: 1.35;
}

.policy-integration-company-meta {
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}

.policy-integration-logo {
  display: inline-flex;
  flex: 0 0 44px;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--company-color, var(--pi-accent)) 30%, var(--line));
  border-radius: 13px;
  background: color-mix(in srgb, var(--company-color, var(--pi-accent)) 11%, var(--panel));
  color: var(--company-color, var(--pi-accent));
  font-size: 13px;
  font-weight: 500;
}

.policy-integration-logo-large {
  flex-basis: 56px;
  width: 56px;
  height: 56px;
  border-radius: 14px;
  font-size: 16px;
}

.policy-integration-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 5px;
  background: #fff;
}

.policy-integration-card-actions {
  justify-content: flex-end;
  padding-top: 9px;
  border-top: 1px solid var(--line);
}

.policy-integration-icon-form {
  display: inline-flex;
  margin: 0;
}

.policy-integration-icon-action,
.policy-integration-search button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 33px;
  min-width: 33px;
  height: 33px;
  padding: 0;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: color-mix(in srgb, var(--soft) 64%, var(--panel));
  color: var(--brand-dark);
  text-decoration: none;
  cursor: pointer;
}

.policy-integration-icon-action:hover,
.policy-integration-search button:hover {
  border-color: color-mix(in srgb, var(--pi-accent) 34%, var(--line));
  background: var(--pi-accent-soft);
}

.policy-integration-icon-action .action-icon,
.policy-integration-search .action-icon,
.policy-integration-security-note .action-icon,
.policy-integration-linked .action-icon {
  width: 17px;
  height: 17px;
}

.policy-integration-icon-danger {
  color: var(--danger);
}

.policy-integration-state {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 25px;
  padding: 3px 8px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--soft);
  color: var(--muted);
  font-size: 10.5px;
  font-weight: 500;
  white-space: nowrap;
}

.policy-integration-state i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
}

.policy-integration-state-connected,
.policy-integration-state-linked,
.policy-integration-state-applied {
  border-color: color-mix(in srgb, var(--brand) 30%, var(--line));
  background: color-mix(in srgb, var(--brand) 8%, var(--panel));
  color: var(--brand-dark);
}

.policy-integration-state-configured,
.policy-integration-state-pending {
  border-color: color-mix(in srgb, var(--warn) 28%, var(--line));
  background: color-mix(in srgb, var(--warn) 8%, var(--panel));
  color: var(--warn);
}

.policy-integration-state-error,
.policy-integration-state-conflict {
  border-color: color-mix(in srgb, var(--danger) 28%, var(--line));
  background: color-mix(in srgb, var(--danger) 8%, var(--panel));
  color: var(--danger);
}

.policy-integration-empty-card,
.policy-integration-welcome {
  padding: 16px;
}

.policy-integration-empty-card {
  grid-column: 1 / -1;
  text-align: center;
}

.policy-integration-empty-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 13px;
  background: var(--pi-accent-soft);
  color: var(--pi-accent);
  font-size: 24px;
}

.policy-integration-welcome {
  display: grid;
  grid-template-columns: minmax(220px, .8fr) minmax(360px, 1.2fr);
  gap: 16px;
  align-items: center;
  background: linear-gradient(135deg, var(--panel), var(--pi-accent-soft));
}

.policy-integration-welcome ol {
  display: grid;
  gap: 9px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.policy-integration-welcome li {
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 9px 11px;
  border: 1px solid var(--line);
  border-radius: 11px;
  background: color-mix(in srgb, var(--panel) 84%, transparent);
}

.policy-integration-welcome li > span,
.policy-integration-form-card-head > span {
  display: inline-flex;
  flex: 0 0 28px;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 9px;
  background: var(--pi-accent-soft);
  color: var(--pi-accent);
  font-size: 11px;
  font-weight: 500;
}

.policy-integration-welcome li div {
  display: grid;
  gap: 2px;
}

.policy-integration-welcome li strong {
  font-size: 12px;
  font-weight: 500;
}

.policy-integration-welcome li small {
  color: var(--muted);
  font-size: 10.5px;
}

.policy-integration-workspace {
  display: grid;
  gap: 12px;
  padding: 14px;
}

.policy-integration-company-head,
.policy-integration-company-identity {
  gap: 12px;
  min-width: 0;
}

.policy-integration-company-identity > div {
  min-width: 0;
}

.policy-integration-company-head h3 {
  font-size: 18px;
}

.policy-integration-list-toolbar {
  gap: 10px;
  padding: 8px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: color-mix(in srgb, var(--soft) 70%, var(--panel));
}

.policy-integration-filters {
  gap: 5px;
  flex-wrap: wrap;
}

.policy-integration-filter {
  min-height: 31px;
  padding: 6px 10px;
  border: 1px solid transparent;
  border-radius: 999px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 500;
  text-decoration: none;
}

.policy-integration-filter:hover,
.policy-integration-filter.is-active {
  border-color: color-mix(in srgb, var(--pi-accent) 27%, var(--line));
  background: var(--pi-accent-soft);
  color: var(--brand-dark);
}

.policy-integration-search {
  display: flex;
  align-items: center;
  gap: 6px;
  width: min(100%, 310px);
  margin: 0;
}

.policy-integration-search input {
  min-width: 0;
  min-height: 34px;
}

.policy-integration-table-wrap {
  width: 100%;
  overflow: auto;
  border: 1px solid var(--line);
  border-radius: 12px;
}

.policy-integration-table {
  width: 100%;
  min-width: 760px;
  margin: 0;
}

.policy-integration-table thead th {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--soft);
  color: var(--muted);
  font-size: 10.5px;
  font-weight: 500;
}

.policy-integration-table td {
  font-size: 11.5px;
  font-weight: 400;
  vertical-align: middle;
}

.policy-integration-table td small {
  color: var(--muted);
  font-size: 10px;
}

.policy-integration-table a.strong {
  font-weight: 500;
}

.policy-integration-row-actions {
  display: flex;
  gap: 6px;
  white-space: nowrap;
}

.policy-integration-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.policy-integration-form-card {
  display: grid;
  align-content: start;
  gap: 13px;
  padding: 14px;
}

.policy-integration-secrets-card,
.policy-integration-form-actions {
  grid-column: 1 / -1;
}

.policy-integration-form-card-head {
  align-items: flex-start;
  gap: 10px;
}

.policy-integration-form-card h3 {
  font-size: 16px;
}

.policy-integration-logo-editor {
  align-items: flex-start;
  gap: 13px;
  padding: 12px;
  border: 1px dashed color-mix(in srgb, var(--pi-accent) 35%, var(--line));
  border-radius: 13px;
  background: var(--pi-accent-soft);
}

.policy-integration-logo-editor > div:last-child {
  display: grid;
  gap: 6px;
}

.policy-integration-logo-editor small,
.policy-integration-field-grid label > small,
.policy-integration-detail-actions > small {
  color: var(--muted);
  font-size: 10.5px;
}

.policy-integration-upload-label {
  width: max-content;
  margin: 0;
  cursor: pointer;
}

.policy-integration-field-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 11px;
}

.policy-integration-field-grid label,
.policy-integration-associate-form label {
  display: grid;
  gap: 5px;
  min-width: 0;
  color: var(--muted);
  font-size: 11px;
  font-weight: 400;
}

.policy-integration-field-grid label > span,
.policy-integration-associate-form label > span {
  color: var(--text);
  font-weight: 500;
}

.policy-integration-field-grid :is(input, select, textarea),
.policy-integration-associate-form input,
.policy-integration-create-contact input {
  width: 100%;
  min-width: 0;
  min-height: 39px;
  font-weight: 400;
}

.policy-integration-field-grid textarea {
  min-height: 78px;
  resize: vertical;
}

.policy-integration-span-2 {
  grid-column: 1 / -1;
}

.policy-integration-check {
  display: flex !important;
  grid-template-columns: none !important;
  align-items: center;
  gap: 8px !important;
  min-height: 38px;
  padding: 8px 10px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: color-mix(in srgb, var(--soft) 66%, var(--panel));
}

.policy-integration-check input {
  width: 17px !important;
  min-height: 17px !important;
}

.policy-integration-color {
  height: 39px;
  padding: 4px !important;
}

.policy-integration-security-note {
  gap: 8px;
  padding: 9px 11px;
  border: 1px solid color-mix(in srgb, var(--brand) 24%, var(--line));
  border-radius: 10px;
  background: color-mix(in srgb, var(--brand) 7%, var(--panel));
  color: var(--brand-dark);
  font-size: 11px;
}

.policy-integration-form-actions {
  justify-content: flex-end;
  padding-top: 3px;
}

.policy-integration-danger-zone {
  display: flex;
  justify-content: flex-end;
  min-height: 1px;
}

.policy-integration-detail-grid {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: 14px;
}

.policy-integration-data-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.policy-integration-data-grid > div {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 9px 10px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: color-mix(in srgb, var(--soft) 62%, var(--panel));
}

.policy-integration-data-grid small,
.policy-integration-linked small,
.policy-integration-suggestion small {
  color: var(--muted);
  font-size: 10px;
}

.policy-integration-data-grid strong,
.policy-integration-linked strong,
.policy-integration-suggestion strong {
  overflow-wrap: anywhere;
  font-size: 12px;
  font-weight: 500;
}

.policy-integration-linked,
.policy-integration-suggestion {
  gap: 10px;
  padding: 11px;
  border: 1px solid color-mix(in srgb, var(--brand) 28%, var(--line));
  border-radius: 11px;
  background: color-mix(in srgb, var(--brand) 7%, var(--panel));
}

.policy-integration-linked > div,
.policy-integration-suggestion > div,
.policy-integration-linked span {
  display: grid;
  gap: 2px;
}

.policy-integration-linked > div {
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 8px;
}

.policy-integration-linked-contact {
  color: var(--ink);
  font-size: 12px;
  font-weight: 500;
  text-decoration: none;
}

.policy-integration-linked-contact:hover,
.policy-integration-linked-contact:focus-visible {
  color: var(--brand);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.policy-integration-associate-form,
.policy-integration-create-contact form {
  display: grid;
  gap: 10px;
  margin: 0;
}

.policy-integration-create-contact {
  padding: 10px 11px;
  border: 1px solid var(--line);
  border-radius: 11px;
  background: color-mix(in srgb, var(--soft) 60%, var(--panel));
}

.policy-integration-create-contact summary {
  color: var(--brand-dark);
  font-size: 11.5px;
  font-weight: 500;
  cursor: pointer;
}

.policy-integration-create-contact[open] summary {
  margin-bottom: 11px;
}

.policy-integration-detail-actions {
  gap: 12px;
  padding: 12px 0 0;
  border-top: 1px solid var(--line);
}

@media (max-width: 900px) {
  .policy-integration-welcome,
  .policy-integration-form,
  .policy-integration-detail-grid {
    grid-template-columns: 1fr;
  }

  .policy-integration-secrets-card,
  .policy-integration-form-actions {
    grid-column: auto;
  }

  .policy-integration-list-toolbar {
    align-items: stretch;
    flex-direction: column;
  }

  .policy-integration-search {
    width: 100%;
  }
}

@media (max-width: 620px) {
  .policy-integrations-shell,
  .policy-integration-form-shell,
  .policy-integration-detail-shell {
    gap: 13px;
    padding: 13px;
  }

  .policy-integration-hero,
  .policy-integration-company-head,
  .policy-integration-company-meta,
  .policy-integration-detail-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .policy-integration-hero-actions,
  .policy-integration-company-head-actions {
    justify-content: flex-start;
  }

  .policy-integration-field-grid,
  .policy-integration-data-grid {
    grid-template-columns: 1fr;
  }

  .policy-integration-span-2 {
    grid-column: auto;
  }

  .policy-integration-logo-editor {
    flex-direction: column;
  }

  .policy-integration-card-actions {
    justify-content: flex-start;
  }

  .policy-integration-icon-action,
  .policy-integration-search button {
    width: 40px;
    min-width: 40px;
    height: 40px;
  }
}

/* Contact profile: contracted policies with insurer identity. */
.contact-policies-block {
  display: grid;
  gap: 8px;
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid var(--line);
}

.contact-policies-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.contact-policies-head h3 {
  margin: 2px 0;
  color: var(--text);
  font-size: 16px;
  font-weight: 500;
}

.contact-policies-list {
  display: grid;
  gap: 7px;
}

.contact-policy-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto 18px;
  gap: 10px;
  align-items: center;
  min-width: 0;
  padding: 9px 11px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: color-mix(in srgb, var(--soft) 34%, var(--panel));
  color: inherit;
  text-decoration: none;
  transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.contact-policy-card:hover {
  border-color: color-mix(in srgb, var(--brand) 30%, var(--line));
  box-shadow: 0 7px 18px rgba(20, 45, 38, .06);
  transform: translateY(-1px);
}

.contact-policy-card:focus-visible {
  outline: 2px solid var(--brand);
  outline-offset: 2px;
}

.contact-policy-company,
.contact-policy-copy {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.contact-policy-company {
  grid-template-columns: 36px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
}

.contact-policy-company .policy-integration-logo {
  width: 36px;
  height: 36px;
  flex-basis: 36px;
  border-radius: 10px;
}

.contact-policy-copy strong {
  overflow: hidden;
  color: var(--text);
  font-size: 12px;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.contact-policy-copy small {
  overflow: hidden;
  color: var(--muted);
  font-size: 10.5px;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.contact-policy-card .policy-integration-state {
  min-height: 22px;
  padding: 2px 7px;
  font-size: 9.5px;
}

.contact-policy-chevron {
  color: var(--muted);
  font-size: 21px;
  font-weight: 500;
  line-height: 1;
  transition: color .16s ease, transform .16s ease;
}

.contact-policy-card:hover .contact-policy-chevron {
  color: var(--brand-dark);
  transform: translateX(2px);
}

.contact-policy-empty {
  display: grid;
  gap: 3px;
  padding: 13px;
  border: 1px dashed var(--line);
  border-radius: 11px;
  color: var(--muted);
  font-size: 11.5px;
  text-align: center;
}

.contact-policy-empty small {
  font-size: 10px;
}

@media (max-width: 650px) {
  .contact-policy-card {
    grid-template-columns: minmax(0, 1fr) auto 16px;
    gap: 8px;
    padding: 9px 10px;
  }
}

/* Pólizas: navegación persistente entre cartera e integraciones. */
.policy-sections-nav {
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  gap: 4px;
  padding: 4px;
  overflow-x: auto;
  border: 1px solid color-mix(in srgb, var(--line) 88%, transparent);
  border-radius: 12px;
  background: color-mix(in srgb, var(--soft) 72%, var(--panel));
}

.policy-sections-link {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 7px;
  min-height: 34px;
  padding: 6px 11px;
  border: 1px solid transparent;
  border-radius: 9px;
  color: var(--muted);
  font-size: 11.5px;
  font-weight: 500;
  text-decoration: none;
}

.policy-sections-link .action-icon {
  width: 16px;
  height: 16px;
}

.policy-sections-link:hover {
  color: var(--brand-dark);
  background: color-mix(in srgb, var(--brand) 6%, var(--panel));
}

.policy-sections-link.is-active {
  border-color: var(--line);
  background: var(--panel);
  color: var(--brand-dark);
  box-shadow: 0 3px 10px rgba(20, 45, 38, .06);
}

.policy-sections-link:focus-visible {
  outline: 2px solid var(--brand);
  outline-offset: 2px;
}

@media (max-width: 650px) {
  .policy-sections-nav {
    width: 100%;
  }
}


/* 20260612ge_custom_tabs_pulido_646 */
.gestion-estudio-excel .ge-dyn-panel-640 .ge-dyn-action-640,
.gestion-estudio-excel .ge-dyn-tabs-manager-640 .ge-dyn-action-640 {
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 10px !important;
  background: #eefbf7 !important;
  border: 1px solid rgba(20, 120, 94, .22) !important;
  color: #0b65d8 !important;
  box-shadow: none !important;
  font-size: 0 !important;
  line-height: 1 !important;
}

.gestion-estudio-excel .ge-dyn-panel-640 .ge-dyn-action-640.danger,
.gestion-estudio-excel .ge-dyn-tabs-manager-640 .ge-dyn-action-640.danger {
  background: #fff1f1 !important;
  border-color: rgba(255, 95, 95, .45) !important;
  color: #e53e3e !important;
}

.gestion-estudio-excel .ge-dyn-panel-640 .ge-dyn-action-640 svg,
.gestion-estudio-excel .ge-dyn-tabs-manager-640 .ge-dyn-action-640 svg {
  width: 15px !important;
  height: 15px !important;
  display: block !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

body.dark .gestion-estudio-excel .ge-dyn-panel-640 .ge-dyn-action-640,
body.dark .gestion-estudio-excel .ge-dyn-tabs-manager-640 .ge-dyn-action-640,
html.dark .gestion-estudio-excel .ge-dyn-panel-640 .ge-dyn-action-640,
html.dark .gestion-estudio-excel .ge-dyn-tabs-manager-640 .ge-dyn-action-640,
[data-theme="dark"] .gestion-estudio-excel .ge-dyn-panel-640 .ge-dyn-action-640,
[data-theme="dark"] .gestion-estudio-excel .ge-dyn-tabs-manager-640 .ge-dyn-action-640 {
  background: rgba(224, 255, 246, .12) !important;
  border-color: rgba(163, 255, 224, .22) !important;
  color: #72a8ff !important;
}

body.dark .gestion-estudio-excel .ge-dyn-panel-640 .ge-dyn-action-640.danger,
body.dark .gestion-estudio-excel .ge-dyn-tabs-manager-640 .ge-dyn-action-640.danger,
html.dark .gestion-estudio-excel .ge-dyn-panel-640 .ge-dyn-action-640.danger,
html.dark .gestion-estudio-excel .ge-dyn-tabs-manager-640 .ge-dyn-action-640.danger,
[data-theme="dark"] .gestion-estudio-excel .ge-dyn-panel-640 .ge-dyn-action-640.danger,
[data-theme="dark"] .gestion-estudio-excel .ge-dyn-tabs-manager-640 .ge-dyn-action-640.danger {
  background: rgba(255, 105, 105, .18) !important;
  border-color: rgba(255, 125, 125, .45) !important;
  color: #ff7676 !important;
}


/* 20260612ge_custom_tabs_integracion_647 */
.gestion-estudio-excel .ge-tab-labels-custom-647 {
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid rgba(20, 120, 94, .16);
}

.gestion-estudio-excel .ge-tab-labels-custom-647 h4 {
  margin: 0 0 10px;
  font-size: 11px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #143f35;
}

.gestion-estudio-excel .ge-tab-labels-custom-grid-647 {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.gestion-estudio-excel .ge-tab-label-field-647 {
  display: grid;
  grid-template-columns: minmax(130px, 210px) 34px;
  gap: 6px;
  align-items: end;
}

.gestion-estudio-excel .ge-tab-label-field-647 span {
  grid-column: 1 / -1;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #315b50;
}

.gestion-estudio-excel .ge-dyn-panel-640 .ge-dyn-action-640,
.gestion-estudio-excel .ge-dyn-tabs-manager-640 .ge-dyn-action-640,
.gestion-estudio-excel .ge-tab-labels-custom-647 .ge-dyn-action-640 {
  position: relative !important;
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  vertical-align: middle !important;
  border-radius: 10px !important;
  background: #eefbf7 !important;
  border: 1px solid rgba(20, 120, 94, .22) !important;
  color: #0b65d8 !important;
  box-shadow: none !important;
  font-size: 0 !important;
  line-height: 1 !important;
  flex: 0 0 34px !important;
}

.gestion-estudio-excel .ge-dyn-panel-640 .ge-dyn-action-640.danger,
.gestion-estudio-excel .ge-dyn-tabs-manager-640 .ge-dyn-action-640.danger {
  background: #fff1f1 !important;
  border-color: rgba(255, 95, 95, .45) !important;
  color: #e53e3e !important;
}

.gestion-estudio-excel .ge-dyn-panel-640 .ge-dyn-action-640 svg,
.gestion-estudio-excel .ge-dyn-tabs-manager-640 .ge-dyn-action-640 svg,
.gestion-estudio-excel .ge-tab-labels-custom-647 .ge-dyn-action-640 svg {
  width: 15px !important;
  height: 15px !important;
  display: block !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.gestion-estudio-excel .ge-dyn-panel-640 th,
.gestion-estudio-excel .ge-dyn-panel-640 td {
  vertical-align: middle !important;
}

.gestion-estudio-excel .ge-dyn-panel-640 form,
.gestion-estudio-excel .ge-dyn-panel-640 .ge-dyn-head-actions-640 {
  align-items: center !important;
}

.gestion-estudio-excel .ge-dyn-action-640[data-ge-tooltip]::after,
.gestion-estudio-excel .ge-tab-labels-custom-647 .ge-dyn-action-640[data-ge-tooltip]::after {
  content: attr(data-ge-tooltip);
  position: absolute;
  left: 50%;
  bottom: calc(100% + 8px);
  transform: translateX(-50%) translateY(4px);
  z-index: 50;
  width: max-content;
  max-width: 220px;
  padding: 7px 9px;
  border-radius: 9px;
  background: #102820;
  color: #f4fff9;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
  opacity: 0;
  pointer-events: none;
  transition: opacity .12s ease, transform .12s ease;
  white-space: nowrap;
  box-shadow: 0 12px 24px rgba(0,0,0,.18);
}

.gestion-estudio-excel .ge-dyn-action-640[data-ge-tooltip]:hover::after,
.gestion-estudio-excel .ge-dyn-action-640[data-ge-tooltip]:focus-visible::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

body.dark .gestion-estudio-excel .ge-tab-labels-custom-647 h4,
html.dark .gestion-estudio-excel .ge-tab-labels-custom-647 h4,
[data-theme="dark"] .gestion-estudio-excel .ge-tab-labels-custom-647 h4,
body.dark .gestion-estudio-excel .ge-tab-label-field-647 span,
html.dark .gestion-estudio-excel .ge-tab-label-field-647 span,
[data-theme="dark"] .gestion-estudio-excel .ge-tab-label-field-647 span {
  color: #d9fff0 !important;
}

body.dark .gestion-estudio-excel .ge-dyn-panel-640 .ge-dyn-action-640,
body.dark .gestion-estudio-excel .ge-dyn-tabs-manager-640 .ge-dyn-action-640,
body.dark .gestion-estudio-excel .ge-tab-labels-custom-647 .ge-dyn-action-640,
html.dark .gestion-estudio-excel .ge-dyn-panel-640 .ge-dyn-action-640,
html.dark .gestion-estudio-excel .ge-dyn-tabs-manager-640 .ge-dyn-action-640,
html.dark .gestion-estudio-excel .ge-tab-labels-custom-647 .ge-dyn-action-640,
[data-theme="dark"] .gestion-estudio-excel .ge-dyn-panel-640 .ge-dyn-action-640,
[data-theme="dark"] .gestion-estudio-excel .ge-dyn-tabs-manager-640 .ge-dyn-action-640,
[data-theme="dark"] .gestion-estudio-excel .ge-tab-labels-custom-647 .ge-dyn-action-640 {
  background: rgba(224, 255, 246, .12) !important;
  border-color: rgba(163, 255, 224, .22) !important;
  color: #72a8ff !important;
}

body.dark .gestion-estudio-excel .ge-dyn-panel-640 .ge-dyn-action-640.danger,
body.dark .gestion-estudio-excel .ge-dyn-tabs-manager-640 .ge-dyn-action-640.danger,
html.dark .gestion-estudio-excel .ge-dyn-panel-640 .ge-dyn-action-640.danger,
html.dark .gestion-estudio-excel .ge-dyn-tabs-manager-640 .ge-dyn-action-640.danger,
[data-theme="dark"] .gestion-estudio-excel .ge-dyn-panel-640 .ge-dyn-action-640.danger,
[data-theme="dark"] .gestion-estudio-excel .ge-dyn-tabs-manager-640 .ge-dyn-action-640.danger {
  background: rgba(255, 105, 105, .18) !important;
  border-color: rgba(255, 125, 125, .45) !important;
  color: #ff7676 !important;
}


/* 20260612ge_custom_tabs_dashboard_only_649 */
.gestion-estudio-excel .ge-dyn-panel-640 .ge-dyn-action-640[data-ge-tooltip]::after,
.gestion-estudio-excel .ge-dyn-tabs-manager-640 .ge-dyn-action-640[data-ge-tooltip]::after,
.gestion-estudio-excel .ge-tab-labels-custom-647 .ge-dyn-action-640[data-ge-tooltip]::after {
  display: none !important;
  content: none !important;
}

.ge-floating-tooltip-649 {
  position: fixed;
  z-index: 2147483000;
  max-width: min(520px, calc(100vw - 28px));
  padding: 8px 10px;
  border-radius: 10px;
  border: 1px solid rgba(18, 120, 92, .35);
  background: #102820;
  color: #f4fff9;
  box-shadow: 0 18px 42px rgba(4, 27, 20, .28);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.35;
  pointer-events: none;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

body.dark .ge-floating-tooltip-649,
html.dark .ge-floating-tooltip-649,
[data-theme="dark"] .ge-floating-tooltip-649 {
  background: #071f17;
  color: #eafff5;
  border-color: rgba(95, 240, 177, .38);
  box-shadow: 0 18px 42px rgba(0, 0, 0, .48);
}


/* 20260612ge_tooltips_dashboard_only_651 */
.gestion-estudio-excel [data-ge-tooltip]::after,
.gestion-estudio-excel [data-ge-fulltext]::after {
  display: none !important;
  content: none !important;
}

.ge-floating-tooltip-651 {
  position: fixed;
  z-index: 2147483000;
  max-width: min(560px, calc(100vw - 28px));
  padding: 10px 12px;
  border-radius: 11px;
  border: 1px solid rgba(18, 120, 92, .35);
  background: #102820;
  color: #f4fff9;
  box-shadow: 0 18px 42px rgba(4, 27, 20, .28);
  font-size: 12px;
  font-weight: 750;
  line-height: 1.38;
  pointer-events: none;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.gestion-estudio-excel .ge-dyn-panel-640 th,
.gestion-estudio-excel .ge-dyn-panel-640 td {
  vertical-align: middle !important;
}

.gestion-estudio-excel .ge-dyn-panel-640 th form,
.gestion-estudio-excel .ge-dyn-panel-640 td form,
.gestion-estudio-excel .ge-dyn-panel-640 .ge-dyn-head-actions-640,
.gestion-estudio-excel .ge-dyn-panel-640 .ge-dyn-cell-form-640 {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 0 !important;
  vertical-align: middle !important;
}

.gestion-estudio-excel .ge-dyn-panel-640 .ge-dyn-action-640,
.gestion-estudio-excel .ge-dyn-tabs-manager-640 .ge-dyn-action-640,
.gestion-estudio-excel .ge-tab-labels-custom-647 .ge-dyn-action-640 {
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  vertical-align: middle !important;
  flex: 0 0 34px !important;
  align-self: center !important;
  transform: none !important;
}

.gestion-estudio-excel .ge-dyn-panel-640 .ge-dyn-action-640 svg,
.gestion-estudio-excel .ge-dyn-tabs-manager-640 .ge-dyn-action-640 svg,
.gestion-estudio-excel .ge-tab-labels-custom-647 .ge-dyn-action-640 svg {
  width: 15px !important;
  height: 15px !important;
  display: block !important;
}

body.dark .ge-floating-tooltip-651,
html.dark .ge-floating-tooltip-651,
[data-theme="dark"] .ge-floating-tooltip-651 {
  background: #071f17;
  color: #eafff5;
  border-color: rgba(95, 240, 177, .38);
  box-shadow: 0 18px 42px rgba(0, 0, 0, .48);
}


/* 20260612ge_tabs_compact_652 */
.gestion-estudio-excel .ge-tabs-compact-652 {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  max-width: 100%;
  margin: 12px 0 14px;
  padding: 10px 12px;
  border: 1px solid rgba(20, 120, 94, .18);
  border-radius: 14px;
  background: rgba(255,255,255,.62);
  overflow-x: auto;
  overflow-y: visible;
  white-space: nowrap;
  scrollbar-width: thin;
}

.gestion-estudio-excel .ge-tabs-compact-652 strong,
.gestion-estudio-excel .ge-tabs-compact-muted-652 {
  flex: 0 0 auto;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #073126;
}

.gestion-estudio-excel .ge-tabs-compact-652 form {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex: 0 0 auto;
  margin: 0;
}

.gestion-estudio-excel .ge-tabs-compact-create-652,
.gestion-estudio-excel .ge-tabs-compact-delete-652 {
  padding-right: 10px;
  border-right: 1px solid rgba(20,120,94,.14);
}

.gestion-estudio-excel .ge-tabs-compact-652 input,
.gestion-estudio-excel .ge-tabs-compact-652 select {
  height: 34px;
  min-height: 34px;
  width: 150px;
  min-width: 90px;
  padding: 0 10px;
  border: 1px solid rgba(20,120,94,.22);
  border-radius: 9px;
  background: rgba(255,255,255,.82);
  color: #06291f;
  font-weight: 800;
  font-size: 12px;
}

.gestion-estudio-excel .ge-tabs-compact-create-652 input {
  width: 190px;
}

.gestion-estudio-excel .ge-tabs-compact-delete-652 select {
  width: 170px;
}

.gestion-estudio-excel .ge-tabs-compact-label-652 {
  display: inline-grid;
  grid-template-rows: auto 34px;
  gap: 3px;
  align-items: start;
}

.gestion-estudio-excel .ge-tabs-compact-label-652 span {
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #42675d;
}

.gestion-estudio-excel .ge-tabs-compact-action-652 {
  position: relative;
  width: 34px;
  min-width: 34px;
  height: 34px;
  min-height: 34px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(20,120,94,.24);
  border-radius: 10px;
  background: #eefbf7;
  color: #0b65d8;
  box-shadow: none;
  cursor: pointer;
}

.gestion-estudio-excel .ge-tabs-compact-action-652.danger {
  background: #fff1f1;
  border-color: rgba(255,95,95,.48);
  color: #e53e3e;
}

.gestion-estudio-excel .ge-tabs-compact-action-652 svg {
  width: 15px;
  height: 15px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.gestion-estudio-excel [data-ge-tooltip]::after,
.gestion-estudio-excel [data-ge-fulltext]::after {
  display: none !important;
  content: none !important;
}

.ge-floating-tooltip-652 {
  position: fixed;
  z-index: 2147483000;
  max-width: min(560px, calc(100vw - 28px));
  padding: 10px 12px;
  border-radius: 11px;
  border: 1px solid rgba(18, 120, 92, .35);
  background: #102820;
  color: #f4fff9;
  box-shadow: 0 18px 42px rgba(4, 27, 20, .28);
  font-size: 12px;
  font-weight: 750;
  line-height: 1.38;
  pointer-events: none;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

body.dark .gestion-estudio-excel .ge-tabs-compact-652,
html.dark .gestion-estudio-excel .ge-tabs-compact-652,
[data-theme="dark"] .gestion-estudio-excel .ge-tabs-compact-652 {
  background: rgba(9, 39, 29, .76);
  border-color: rgba(95, 240, 177, .22);
}

body.dark .gestion-estudio-excel .ge-tabs-compact-652 strong,
body.dark .gestion-estudio-excel .ge-tabs-compact-muted-652,
body.dark .gestion-estudio-excel .ge-tabs-compact-label-652 span,
html.dark .gestion-estudio-excel .ge-tabs-compact-652 strong,
html.dark .gestion-estudio-excel .ge-tabs-compact-muted-652,
html.dark .gestion-estudio-excel .ge-tabs-compact-label-652 span,
[data-theme="dark"] .gestion-estudio-excel .ge-tabs-compact-652 strong,
[data-theme="dark"] .gestion-estudio-excel .ge-tabs-compact-muted-652,
[data-theme="dark"] .gestion-estudio-excel .ge-tabs-compact-label-652 span {
  color: #d9fff0;
}

body.dark .gestion-estudio-excel .ge-tabs-compact-652 input,
body.dark .gestion-estudio-excel .ge-tabs-compact-652 select,
html.dark .gestion-estudio-excel .ge-tabs-compact-652 input,
html.dark .gestion-estudio-excel .ge-tabs-compact-652 select,
[data-theme="dark"] .gestion-estudio-excel .ge-tabs-compact-652 input,
[data-theme="dark"] .gestion-estudio-excel .ge-tabs-compact-652 select {
  background: rgba(8, 31, 23, .92);
  border-color: rgba(163,255,224,.22);
  color: #f1fff8;
}

body.dark .ge-floating-tooltip-652,
html.dark .ge-floating-tooltip-652,
[data-theme="dark"] .ge-floating-tooltip-652 {
  background: #071f17;
  color: #eafff5;
  border-color: rgba(95, 240, 177, .38);
  box-shadow: 0 18px 42px rgba(0, 0, 0, .48);
}


/* 20260612ge_tabs_compact_resize_653 */
.gestion-estudio-excel .ge-tabs-compact-652 {
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 54px !important;
  padding: 8px 10px !important;
}

.gestion-estudio-excel .ge-tabs-compact-652 form {
  flex-wrap: nowrap !important;
  align-items: center !important;
}

.gestion-estudio-excel .ge-tabs-compact-label-652 {
  display: inline-flex !important;
  grid-template-rows: none !important;
  align-items: center !important;
  gap: 6px !important;
  flex: 0 0 auto !important;
}

.gestion-estudio-excel .ge-tabs-compact-label-652 span {
  display: inline-block !important;
  min-width: auto !important;
  max-width: 110px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  line-height: 34px !important;
}

.gestion-estudio-excel .ge-tabs-compact-652 input,
.gestion-estudio-excel .ge-tabs-compact-652 select {
  resize: horizontal !important;
  overflow: auto !important;
  width: var(--ge-tabs-field-width, 150px) !important;
  min-width: 54px !important;
  max-width: none !important;
  flex: 0 0 auto !important;
}

.gestion-estudio-excel .ge-tabs-compact-create-652 input {
  width: var(--ge-tabs-create-width, 170px) !important;
}

.gestion-estudio-excel .ge-tabs-compact-delete-652 select {
  width: var(--ge-tabs-delete-width, 170px) !important;
}

.gestion-estudio-excel .ge-tabs-compact-resize-wrap-653 {
  display: inline-flex !important;
  align-items: center !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
}

.gestion-estudio-excel .ge-tabs-compact-grip-653 {
  width: 7px !important;
  height: 28px !important;
  flex: 0 0 7px !important;
  cursor: ew-resize !important;
  border-radius: 8px !important;
  background:
    linear-gradient(90deg, transparent 0 2px, rgba(20,120,94,.28) 2px 3px, transparent 3px 4px, rgba(20,120,94,.28) 4px 5px, transparent 5px) !important;
  opacity: .75 !important;
}

.gestion-estudio-excel .ge-tabs-compact-grip-653:hover {
  opacity: 1 !important;
  background:
    linear-gradient(90deg, transparent 0 2px, rgba(20,120,94,.62) 2px 3px, transparent 3px 4px, rgba(20,120,94,.62) 4px 5px, transparent 5px) !important;
}

.gestion-estudio-excel .ge-dashboard-period-panel .ge-dashboard-period-history,
.gestion-estudio-excel .ge-dashboard-period-panel .ge-dashboard-period-card,
.gestion-estudio-excel .ge-dashboard-period-panel .ge-period-active-card,
.gestion-estudio-excel .ge-dashboard-period-panel [class*="period-history"],
.gestion-estudio-excel .ge-dashboard-period-panel [class*="period-card"] {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  flex-wrap: nowrap !important;
}

.gestion-estudio-excel .ge-dashboard-period-panel .ge-dashboard-period-action-560,
.gestion-estudio-excel .ge-dashboard-period-panel [class*="period-action"] {
  flex: 0 0 auto !important;
}

.gestion-estudio-excel .ge-dashboard-period-panel h3,
.gestion-estudio-excel .ge-dashboard-period-panel h2,
.gestion-estudio-excel .ge-dashboard-period-panel p {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

body.dark .gestion-estudio-excel .ge-tabs-compact-grip-653,
html.dark .gestion-estudio-excel .ge-tabs-compact-grip-653,
[data-theme="dark"] .gestion-estudio-excel .ge-tabs-compact-grip-653 {
  background:
    linear-gradient(90deg, transparent 0 2px, rgba(163,255,224,.38) 2px 3px, transparent 3px 4px, rgba(163,255,224,.38) 4px 5px, transparent 5px) !important;
}
/* 20260612ge_tabs_compact_boxes_visible_656 */
.gestion-estudio-excel .ge-tabs-compact-652 .ge-tabs-compact-label-652 > strong,
.gestion-estudio-excel .ge-tabs-compact-652 .ge-tabs-compact-label-652 > span:not([class*="resize-wrap"]) {
  display: none !important;
}

.gestion-estudio-excel .ge-tabs-compact-652 .ge-tabs-compact-label-652 {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0 !important;
  flex: 0 0 auto !important;
  min-width: max-content !important;
}

.gestion-estudio-excel .ge-tabs-compact-652 .ge-tabs-compact-label-652 > span[class*="resize-wrap"] {
  display: inline-flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  min-width: 84px !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.gestion-estudio-excel .ge-tabs-compact-652 .ge-tabs-compact-label-652 input,
.gestion-estudio-excel .ge-tabs-compact-652 .ge-tabs-compact-label-652 select {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  min-width: 84px !important;
  width: max(110px, var(--ge-tabs-compact-field-width, 110px));
  margin: 0 !important;
}

/* 20260612ge_tabs_compact_groups_658 */
.gestion-estudio-excel .ge-tabs-compact-652 {
  display: block !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 10px 12px 8px !important;
  white-space: nowrap !important;
}

.gestion-estudio-excel .ge-tabs-compact-grid-658 {
  display: inline-grid !important;
  grid-template-columns: max-content max-content max-content !important;
  align-items: end !important;
  gap: 14px !important;
  min-width: max-content !important;
  width: max-content !important;
}

.gestion-estudio-excel .ge-tabs-compact-group-658 {
  display: grid !important;
  grid-template-rows: auto auto !important;
  gap: 5px !important;
  align-items: end !important;
  min-width: max-content !important;
}

.gestion-estudio-excel .ge-tabs-compact-group-title-658 {
  color: #34504a !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  letter-spacing: .075em !important;
  line-height: 1 !important;
  text-align: center !important;
  text-transform: uppercase !important;
  opacity: .88 !important;
  white-space: nowrap !important;
}

.gestion-estudio-excel .ge-tabs-compact-group-body-658 {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: max-content !important;
  white-space: nowrap !important;
}

.gestion-estudio-excel .ge-tabs-compact-group-body-658 form,
.gestion-estudio-excel .ge-tabs-compact-652 form {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  min-width: max-content !important;
  white-space: nowrap !important;
  margin: 0 !important;
}

.gestion-estudio-excel .ge-tabs-compact-652 > strong,
.gestion-estudio-excel .ge-tabs-compact-652 > span:not([class*="resize-wrap"]),
.gestion-estudio-excel .ge-tabs-compact-label-652 > strong,
.gestion-estudio-excel .ge-tabs-compact-label-652 > span:not([class*="resize-wrap"]) {
  display: none !important;
}

.gestion-estudio-excel .ge-tabs-compact-label-652 {
  display: inline-flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  min-width: max-content !important;
  gap: 0 !important;
  margin: 0 !important;
}

.gestion-estudio-excel .ge-tabs-compact-resize-wrap-658,
.gestion-estudio-excel .ge-tabs-compact-resize-wrap-653,
.gestion-estudio-excel .ge-tabs-compact-resize-wrap-657 {
  display: inline-flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  position: relative !important;
  min-width: 46px !important;
  width: var(--ge-tabs-compact-width, 142px);
  max-width: none !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.gestion-estudio-excel .ge-tabs-compact-resize-wrap-658 input,
.gestion-estudio-excel .ge-tabs-compact-resize-wrap-658 select,
.gestion-estudio-excel .ge-tabs-compact-resize-wrap-653 input,
.gestion-estudio-excel .ge-tabs-compact-resize-wrap-653 select,
.gestion-estudio-excel .ge-tabs-compact-resize-wrap-657 input,
.gestion-estudio-excel .ge-tabs-compact-resize-wrap-657 select {
  display: inline-block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 34px !important;
  visibility: visible !important;
  opacity: 1 !important;
  padding-right: 18px !important;
  box-sizing: border-box !important;
  margin: 0 !important;
}

.gestion-estudio-excel .ge-tabs-compact-grip-658 {
  display: block !important;
  position: absolute !important;
  top: 7px !important;
  right: 4px !important;
  width: 8px !important;
  height: calc(100% - 14px) !important;
  min-height: 18px !important;
  border-radius: 999px !important;
  cursor: ew-resize !important;
  background:
    linear-gradient(90deg, transparent 0 2px, rgba(18, 126, 103, .55) 2px 4px, transparent 4px 8px) !important;
  opacity: .75 !important;
  z-index: 8 !important;
  pointer-events: auto !important;
}

.gestion-estudio-excel .ge-tabs-compact-grip-658:hover {
  opacity: 1 !important;
  background:
    linear-gradient(90deg, transparent 0 2px, rgba(14, 116, 94, .95) 2px 4px, transparent 4px 8px) !important;
}

.gestion-estudio-excel .ge-tabs-compact-separator-658 {
  width: 1px !important;
  align-self: stretch !important;
  background: rgba(127, 179, 165, .5) !important;
  margin: 14px 2px 0 !important;
}

body.dark .gestion-estudio-excel .ge-tabs-compact-group-title-658,
html.dark .gestion-estudio-excel .ge-tabs-compact-group-title-658,
[data-theme="dark"] .gestion-estudio-excel .ge-tabs-compact-group-title-658 {
  color: #d5fff1 !important;
}

body.dark .gestion-estudio-excel .ge-tabs-compact-grip-658,
html.dark .gestion-estudio-excel .ge-tabs-compact-grip-658,
[data-theme="dark"] .gestion-estudio-excel .ge-tabs-compact-grip-658 {
  background:
    linear-gradient(90deg, transparent 0 2px, rgba(125, 255, 210, .65) 2px 4px, transparent 4px 8px) !important;
}

/* 20260612ge_tabs_compact_all_resizable_659 */
.gestion-estudio-excel .ge-tabs-compact-652 {
  overflow-x: auto !important;
  overflow-y: visible !important;
  white-space: nowrap !important;
}

.gestion-estudio-excel .ge-tabs-compact-652 form,
.gestion-estudio-excel .ge-tabs-compact-group-body-658,
.gestion-estudio-excel .ge-tabs-compact-label-652 {
  min-width: max-content !important;
  flex: 0 0 auto !important;
}

.gestion-estudio-excel .ge-tabs-compact-group-body-658 > strong,
.gestion-estudio-excel .ge-tabs-compact-group-body-658 > span:not([class*="resize-wrap"]),
.gestion-estudio-excel .ge-tabs-compact-label-652 > strong,
.gestion-estudio-excel .ge-tabs-compact-label-652 > span:not([class*="resize-wrap"]) {
  display: none !important;
}

.gestion-estudio-excel .ge-tabs-compact-resize-wrap-659 {
  display: inline-flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  position: relative !important;
  min-width: 44px !important;
  width: var(--ge-tabs-compact-width, 138px) !important;
  max-width: none !important;
  visibility: visible !important;
  opacity: 1 !important;
  vertical-align: middle !important;
}

.gestion-estudio-excel .ge-tabs-compact-resize-wrap-659 input,
.gestion-estudio-excel .ge-tabs-compact-resize-wrap-659 select {
  display: inline-block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 34px !important;
  visibility: visible !important;
  opacity: 1 !important;
  padding-right: 20px !important;
  box-sizing: border-box !important;
  margin: 0 !important;
}

.gestion-estudio-excel .ge-tabs-compact-grip-659 {
  display: block !important;
  position: absolute !important;
  top: 6px !important;
  right: 3px !important;
  width: 11px !important;
  height: calc(100% - 12px) !important;
  min-height: 20px !important;
  cursor: ew-resize !important;
  border-radius: 999px !important;
  background:
    linear-gradient(90deg, transparent 0 3px, rgba(11, 122, 100, .62) 3px 5px, transparent 5px 11px) !important;
  opacity: .8 !important;
  z-index: 20 !important;
  pointer-events: auto !important;
}

.gestion-estudio-excel .ge-tabs-compact-grip-659:hover,
.gestion-estudio-excel .ge-tabs-compact-grip-659:active {
  opacity: 1 !important;
  background:
    linear-gradient(90deg, transparent 0 3px, rgba(8, 98, 80, .98) 3px 5px, transparent 5px 11px) !important;
}

body.dark .gestion-estudio-excel .ge-tabs-compact-grip-659,
html.dark .gestion-estudio-excel .ge-tabs-compact-grip-659,
[data-theme="dark"] .gestion-estudio-excel .ge-tabs-compact-grip-659 {
  background:
    linear-gradient(90deg, transparent 0 3px, rgba(125, 255, 210, .7) 3px 5px, transparent 5px 11px) !important;
}


/* 20260612sendpulse_line_backend_filter481d */
.sendpulse-line-anchor-479d[data-sendpulse-selected-line]::after,
a[data-sendpulse-selected-line]::after {
  content: none !important;
  display: none !important;
}

.sendpulse-line-menu-481d {
  position: absolute !important;
  z-index: 9999 !important;
  min-width: 138px !important;
  padding: 6px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(22, 163, 74, .22) !important;
  background: rgba(255, 255, 255, .98) !important;
  box-shadow: 0 16px 34px rgba(15, 23, 42, .16) !important;
  display: grid !important;
  gap: 4px !important;
}

.sendpulse-line-menu-481d[hidden] {
  display: none !important;
}

.sendpulse-line-menu-481d button {
  appearance: none !important;
  border: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  display: block !important;
  text-align: left !important;
  padding: 8px 10px !important;
  border-radius: 10px !important;
  background: transparent !important;
  color: #17332b !important;
  font-size: .78rem !important;
  font-weight: 750 !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
  cursor: pointer !important;
}

.sendpulse-line-menu-481d button::before,
.sendpulse-line-menu-481d button::after {
  content: none !important;
  display: none !important;
}

.sendpulse-line-menu-481d button:hover,
.sendpulse-line-menu-481d button.is-active {
  background: rgba(35, 190, 119, .14) !important;
  color: #08775a !important;
}

.sendpulse-line-filter-chip-481d {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  height: 30px !important;
  padding: 0 9px !important;
  border-color: rgba(31, 131, 102, .28) !important;
  background: rgba(232, 248, 241, .95) !important;
  color: #08775a !important;
  font-size: .74rem !important;
  font-weight: 750 !important;
  white-space: nowrap !important;
}

.sendpulse-line-filter-chip-481d a {
  display: inline-grid !important;
  place-items: center !important;
  width: 17px !important;
  height: 17px !important;
  border-radius: 999px !important;
  color: #42665a !important;
  text-decoration: none !important;
  font-size: .82rem !important;
  font-weight: 900 !important;
}

.sendpulse-line-filter-chip-481d a::before,
.sendpulse-line-filter-chip-481d a::after {
  content: none !important;
  display: none !important;
}

@media (max-width: 760px) {
  .sendpulse-line-menu-481d {
    position: fixed !important;
    left: 16px !important;
    top: 116px !important;
  }
}



/* 20260612sendpulse_line_chip_number482b */
[data-inbox-thread-filters] {
  align-items: center !important;
}

[data-inbox-thread-filters] .sendpulse-line-filter-chip-481d {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  order: 4 !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 0 0 .08rem !important;
  padding: .38rem .5rem !important;
  border-radius: 999px !important;
  font-size: .68rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: -.015em !important;
  white-space: nowrap !important;
}

[data-inbox-thread-filters] .sendpulse-line-filter-chip-481d::before,
[data-inbox-thread-filters] .sendpulse-line-filter-chip-481d::after,
[data-inbox-thread-filters] .sendpulse-line-filter-chip-481d a {
  display: none !important;
  content: none !important;
}

/* 20260612ge_tabs_compact_seguro_665 */
.gestion-estudio-excel .ge-tabs-compact-665 {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  padding: 10px 12px 8px !important;
  white-space: nowrap !important;
}

.gestion-estudio-excel .ge-tabs-compact-grid-665 {
  display: inline-grid !important;
  grid-template-columns: max-content max-content max-content !important;
  gap: 16px !important;
  align-items: end !important;
  min-width: max-content !important;
  width: max-content !important;
  max-width: none !important;
}

.gestion-estudio-excel .ge-tabs-compact-group-665 {
  display: grid !important;
  grid-template-rows: auto auto !important;
  gap: 6px !important;
  min-width: max-content !important;
  max-width: none !important;
}

.gestion-estudio-excel .ge-tabs-compact-group-title-665 {
  color: #38554f !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  letter-spacing: .075em !important;
  line-height: 1 !important;
  text-align: center !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

.gestion-estudio-excel .ge-tabs-compact-group-body-665 {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: max-content !important;
  max-width: none !important;
  overflow: visible !important;
  white-space: nowrap !important;
}

.gestion-estudio-excel .ge-tabs-compact-group-body-665 form,
.gestion-estudio-excel .ge-tabs-compact-group-body-665 label,
.gestion-estudio-excel .ge-tabs-compact-label-652 {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  min-width: max-content !important;
  max-width: none !important;
  margin: 0 !important;
  overflow: visible !important;
  white-space: nowrap !important;
}

.gestion-estudio-excel .ge-tabs-compact-group-body-665 form > strong,
.gestion-estudio-excel .ge-tabs-compact-group-body-665 form > span:not(.ge-tabs-compact-resize-wrap-665),
.gestion-estudio-excel .ge-tabs-compact-label-652 > strong,
.gestion-estudio-excel .ge-tabs-compact-label-652 > span:not(.ge-tabs-compact-resize-wrap-665) {
  display: none !important;
}

.gestion-estudio-excel .ge-tabs-compact-resize-wrap-665 {
  display: inline-flex !important;
  align-items: center !important;
  position: relative !important;
  flex: 0 0 auto !important;
  min-width: 36px !important;
  width: var(--ge-tabs-compact-width, 142px) !important;
  max-width: none !important;
  overflow: visible !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.gestion-estudio-excel .ge-tabs-compact-resize-wrap-665 input,
.gestion-estudio-excel .ge-tabs-compact-resize-wrap-665 select {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 34px !important;
  padding-right: 20px !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.gestion-estudio-excel .ge-tabs-compact-grip-665 {
  position: absolute !important;
  top: 5px !important;
  right: 2px !important;
  width: 13px !important;
  height: calc(100% - 10px) !important;
  min-height: 22px !important;
  cursor: ew-resize !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, transparent 0 4px, rgba(11, 122, 100, .75) 4px 6px, transparent 6px 13px) !important;
  opacity: .9 !important;
  z-index: 20 !important;
  pointer-events: auto !important;
}

.gestion-estudio-excel .ge-tabs-compact-grip-665:hover,
.gestion-estudio-excel .ge-tabs-compact-grip-665:active {
  opacity: 1 !important;
  background: linear-gradient(90deg, transparent 0 4px, rgba(8, 98, 80, 1) 4px 6px, transparent 6px 13px) !important;
}

body.dark .gestion-estudio-excel .ge-tabs-compact-group-title-665,
html.dark .gestion-estudio-excel .ge-tabs-compact-group-title-665,
[data-theme="dark"] .gestion-estudio-excel .ge-tabs-compact-group-title-665 {
  color: #d8fff2 !important;
}

body.dark .gestion-estudio-excel .ge-tabs-compact-grip-665,
html.dark .gestion-estudio-excel .ge-tabs-compact-grip-665,
[data-theme="dark"] .gestion-estudio-excel .ge-tabs-compact-grip-665 {
  background: linear-gradient(90deg, transparent 0 4px, rgba(125, 255, 210, .78) 4px 6px, transparent 6px 13px) !important;
}


/* 20260612ge_tabs_compact_resize_final_666 */
.gestion-estudio-excel .ge-tabs-compact-652 {
  overflow-x: auto !important;
  overflow-y: visible !important;
}

.gestion-estudio-excel .ge-tabs-compact-resize-wrap-666 {
  display: inline-grid !important;
  grid-template-columns: minmax(1px, 1fr) 9px !important;
  align-items: stretch !important;
  width: var(--ge-tabs-compact-w, 170px) !important;
  min-width: 34px !important;
  max-width: none !important;
  flex: 0 0 auto !important;
  position: relative !important;
  vertical-align: middle !important;
}

.gestion-estudio-excel .ge-tabs-compact-resize-wrap-666 input,
.gestion-estudio-excel .ge-tabs-compact-resize-wrap-666 select {
  width: 100% !important;
  min-width: 1px !important;
  max-width: none !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.gestion-estudio-excel .ge-tabs-compact-grip-666 {
  display: block !important;
  width: 9px !important;
  min-width: 9px !important;
  cursor: ew-resize !important;
  border-left: 1px solid rgba(0, 121, 92, .28) !important;
  border-radius: 0 8px 8px 0 !important;
  background: linear-gradient(90deg, rgba(0,121,92,.06), rgba(0,121,92,.16)) !important;
  touch-action: none !important;
}

.gestion-estudio-excel .ge-tabs-compact-grip-666:hover,
.gestion-estudio-excel .ge-tabs-compact-grip-666:active {
  background: rgba(0, 121, 92, .28) !important;
}

body.dark .gestion-estudio-excel .ge-tabs-compact-grip-666,
html.dark .gestion-estudio-excel .ge-tabs-compact-grip-666,
[data-theme="dark"] .gestion-estudio-excel .ge-tabs-compact-grip-666 {
  border-left-color: rgba(127, 255, 212, .35) !important;
  background: rgba(127, 255, 212, .12) !important;
}


/* 20260612ge_tabs_compact_left_fix_667 */
.gestion-estudio-excel .ge-tabs-compact-652 .ge-tabs-compact-group-body-665 form > span.ge-tabs-compact-resize-wrap-666,
.gestion-estudio-excel .ge-tabs-compact-652 .ge-tabs-compact-group-body-665 form > span.ge-tabs-compact-resize-wrap-665,
.gestion-estudio-excel .ge-tabs-compact-652 .ge-tabs-compact-label-652 > span.ge-tabs-compact-resize-wrap-666,
.gestion-estudio-excel .ge-tabs-compact-652 .ge-tabs-compact-label-652 > span.ge-tabs-compact-resize-wrap-665 {
  display: inline-grid !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.gestion-estudio-excel .ge-tabs-compact-652 .ge-tabs-compact-group-body-665 form {
  display: inline-flex !important;
  align-items: flex-end !important;
  gap: 8px !important;
  width: auto !important;
  min-width: max-content !important;
  flex: 0 0 auto !important;
}

.gestion-estudio-excel .ge-tabs-compact-652 .ge-tabs-compact-group-body-665 {
  display: inline-flex !important;
  align-items: flex-end !important;
  gap: 10px !important;
  width: auto !important;
  min-width: max-content !important;
}

.gestion-estudio-excel .ge-tabs-compact-652 .ge-tabs-compact-group-665,
.gestion-estudio-excel .ge-tabs-compact-652 .ge-tabs-compact-group-663 {
  min-width: max-content !important;
  flex: 0 0 auto !important;
}

.gestion-estudio-excel .ge-tabs-compact-652 input[name="label"],
.gestion-estudio-excel .ge-tabs-compact-652 select[name="tab_id"] {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}


/* 20260612ge_tabs_compact_direct_resize_668 */
.gestion-estudio-excel .ge-tabs-compact-652 {
  overflow-x: auto !important;
  overflow-y: visible !important;
}

.gestion-estudio-excel .ge-tabs-compact-652 form,
.gestion-estudio-excel .ge-tabs-compact-652 label,
.gestion-estudio-excel .ge-tabs-compact-group-body-665,
.gestion-estudio-excel .ge-tabs-compact-group-665 {
  min-width: max-content !important;
  max-width: none !important;
  flex: 0 0 auto !important;
}

.gestion-estudio-excel .ge-tabs-compact-652 input.ge-tabs-compact-direct-resize-668,
.gestion-estudio-excel .ge-tabs-compact-652 select.ge-tabs-compact-direct-resize-668 {
  width: var(--ge-tabs-compact-direct-w-668, 150px) !important;
  min-width: 36px !important;
  max-width: none !important;
  flex: 0 0 auto !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  background-image: linear-gradient(90deg, transparent calc(100% - 10px), rgba(0, 121, 92, .16) calc(100% - 10px)) !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
}

.gestion-estudio-excel .ge-tabs-compact-652 input.ge-tabs-compact-direct-resize-668:hover,
.gestion-estudio-excel .ge-tabs-compact-652 select.ge-tabs-compact-direct-resize-668:hover {
  border-right-color: rgba(0, 121, 92, .55) !important;
}

body.dark .gestion-estudio-excel .ge-tabs-compact-652 input.ge-tabs-compact-direct-resize-668,
body.dark .gestion-estudio-excel .ge-tabs-compact-652 select.ge-tabs-compact-direct-resize-668,
html.dark .gestion-estudio-excel .ge-tabs-compact-652 input.ge-tabs-compact-direct-resize-668,
html.dark .gestion-estudio-excel .ge-tabs-compact-652 select.ge-tabs-compact-direct-resize-668,
[data-theme="dark"] .gestion-estudio-excel .ge-tabs-compact-652 input.ge-tabs-compact-direct-resize-668,
[data-theme="dark"] .gestion-estudio-excel .ge-tabs-compact-652 select.ge-tabs-compact-direct-resize-668 {
  background-image: linear-gradient(90deg, transparent calc(100% - 10px), rgba(127, 255, 212, .18) calc(100% - 10px)) !important;
}


/* 20260612sendpulse_line_ui_after_split486e */
[data-inbox-thread-filters] {
  align-items: center !important;
  flex-wrap: wrap !important;
}

[data-inbox-thread-filters] details,
[data-inbox-thread-filters] summary,
[data-inbox-thread-filters] .filter-chip,
[data-inbox-thread-filters] .inbox-thread-filter-chip {
  position: relative !important;
  z-index: 30 !important;
  pointer-events: auto !important;
}

[data-inbox-thread-filters] summary {
  cursor: pointer !important;
}

.sendpulse-line-menu-481d[hidden] {
  display: none !important;
  pointer-events: none !important;
}

[data-inbox-thread-filters] .sendpulse-active-line-chip-480 {
  display: none !important;
}

[data-inbox-thread-filters] .sendpulse-line-filter-chip-481d {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  order: 4 !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 0 0 .08rem !important;
  padding: .38rem .5rem !important;
  border-radius: 999px !important;
  font-size: .68rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: -.015em !important;
  white-space: nowrap !important;
}

[data-inbox-thread-filters] .sendpulse-line-filter-chip-481d::before,
[data-inbox-thread-filters] .sendpulse-line-filter-chip-481d::after,
[data-inbox-thread-filters] .sendpulse-line-filter-chip-481d a {
  display: none !important;
  content: none !important;
}


/* 20260612ge_periodos_copiar_archivado_669 */
.gestion-estudio-excel .ge-period-create-copy-669 {
  margin: 0 0 12px !important;
  padding: 10px 12px !important;
  border: 1px solid rgba(0, 121, 92, .18) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, .78) !important;
  box-shadow: 0 10px 26px rgba(15, 40, 32, .06) !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
}

.gestion-estudio-excel .ge-period-create-copy-form-669 {
  display: flex !important;
  align-items: flex-end !important;
  gap: 10px !important;
  flex-wrap: nowrap !important;
  min-width: max-content !important;
}

.gestion-estudio-excel .ge-period-create-copy-form-669 strong,
.gestion-estudio-excel .ge-period-create-copy-form-669 label {
  display: inline-flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  margin: 0 !important;
  white-space: nowrap !important;
  color: #153d34 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
}

.gestion-estudio-excel .ge-period-create-copy-form-669 strong {
  justify-content: center !important;
  min-height: 34px !important;
  padding: 0 6px !important;
}

.gestion-estudio-excel .ge-period-create-copy-form-669 input,
.gestion-estudio-excel .ge-period-create-copy-form-669 select {
  height: 34px !important;
  border: 1px solid rgba(0, 121, 92, .22) !important;
  border-radius: 9px !important;
  background: rgba(255, 255, 255, .92) !important;
  color: #10231d !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  padding: 0 10px !important;
  min-width: 92px !important;
  max-width: none !important;
}

.gestion-estudio-excel .ge-period-create-copy-form-669 input[name="notes"] {
  min-width: 220px !important;
}

.gestion-estudio-excel .ge-period-create-copy-form-669 select[name="copy_from_period_id"] {
  min-width: 240px !important;
}

.gestion-estudio-excel .ge-period-create-copy-btn-669 {
  width: 36px !important;
  height: 36px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(0, 121, 92, .22) !important;
  background: rgba(223, 248, 241, .82) !important;
  color: #006b55 !important;
  display: inline-grid !important;
  place-items: center !important;
  cursor: pointer !important;
}

.gestion-estudio-excel .ge-period-create-copy-btn-669 svg {
  width: 17px !important;
  height: 17px !important;
}

body.dark .gestion-estudio-excel .ge-period-create-copy-669,
html.dark .gestion-estudio-excel .ge-period-create-copy-669,
[data-theme="dark"] .gestion-estudio-excel .ge-period-create-copy-669 {
  background: #10271f !important;
  border-color: rgba(127, 255, 212, .18) !important;
}

body.dark .gestion-estudio-excel .ge-period-create-copy-form-669 strong,
body.dark .gestion-estudio-excel .ge-period-create-copy-form-669 label,
html.dark .gestion-estudio-excel .ge-period-create-copy-form-669 strong,
html.dark .gestion-estudio-excel .ge-period-create-copy-form-669 label,
[data-theme="dark"] .gestion-estudio-excel .ge-period-create-copy-form-669 strong,
[data-theme="dark"] .gestion-estudio-excel .ge-period-create-copy-form-669 label {
  color: #d8fff1 !important;
}

body.dark .gestion-estudio-excel .ge-period-create-copy-form-669 input,
body.dark .gestion-estudio-excel .ge-period-create-copy-form-669 select,
html.dark .gestion-estudio-excel .ge-period-create-copy-form-669 input,
html.dark .gestion-estudio-excel .ge-period-create-copy-form-669 select,
[data-theme="dark"] .gestion-estudio-excel .ge-period-create-copy-form-669 input,
[data-theme="dark"] .gestion-estudio-excel .ge-period-create-copy-form-669 select {
  background: #0f241d !important;
  border-color: rgba(127, 255, 212, .22) !important;
  color: #f2fff9 !important;
}


/* 20260612ge_crm_combobox_oscuro_681 */
.ge-crm-combobox-681 {
  position: fixed;
  z-index: 999999;
  display: none;
  max-height: min(340px, calc(100vh - 40px));
  overflow: auto;
  background: #10231d;
  color: #f5fff9;
  border: 1px solid rgba(143, 203, 184, .34);
  border-radius: 12px;
  box-shadow: 0 18px 42px rgba(7, 19, 15, .34);
  padding: 6px;
  font-size: 12px;
  font-weight: 850;
}

.ge-crm-combobox-681.is-open {
  display: block;
}

.ge-crm-combobox-option-681 {
  width: 100%;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
  padding: 9px 10px;
  border-radius: 9px;
  cursor: pointer;
  font: inherit;
  line-height: 1.25;
  white-space: normal;
}

.ge-crm-combobox-option-681:hover,
.ge-crm-combobox-option-681.is-active {
  background: rgba(134, 239, 172, .18);
}

.ge-crm-combobox-empty-681 {
  padding: 9px 10px;
  color: rgba(245, 255, 249, .72);
  font-weight: 800;
}

.gestion-estudio-excel .ge-sueldo-crm-options-602,
.gestion-estudio-excel .ge-sueldo-crm-option-602,
.gestion-estudio-excel .ge-sueldo-crm-picker-602.is-open .ge-sueldo-crm-options-602 {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* 20260612ge_crm_combobox_theme_682 */
.ge-crm-combobox-681 {
  background: #ffffff !important;
  color: #08241a !important;
  border-color: rgba(31, 120, 92, .24) !important;
  box-shadow: 0 16px 34px rgba(10, 52, 41, .16) !important;
}

.ge-crm-combobox-option-681 {
  color: #08241a !important;
}

.ge-crm-combobox-option-681:hover,
.ge-crm-combobox-option-681.is-active {
  background: #dff8ed !important;
  color: #052117 !important;
}

.ge-crm-combobox-empty-681 {
  color: rgba(8, 36, 26, .68) !important;
}

body.dark .ge-crm-combobox-681,
html.dark .ge-crm-combobox-681,
[data-theme="dark"] .ge-crm-combobox-681 {
  background: #10231d !important;
  color: #f5fff9 !important;
  border-color: rgba(143, 203, 184, .38) !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, .42) !important;
}

body.dark .ge-crm-combobox-option-681,
html.dark .ge-crm-combobox-option-681,
[data-theme="dark"] .ge-crm-combobox-option-681 {
  color: #f5fff9 !important;
}

body.dark .ge-crm-combobox-option-681:hover,
body.dark .ge-crm-combobox-option-681.is-active,
html.dark .ge-crm-combobox-option-681:hover,
html.dark .ge-crm-combobox-option-681.is-active,
[data-theme="dark"] .ge-crm-combobox-option-681:hover,
[data-theme="dark"] .ge-crm-combobox-option-681.is-active {
  background: rgba(134, 239, 172, .18) !important;
  color: #ffffff !important;
}

body.dark .ge-crm-combobox-empty-681,
html.dark .ge-crm-combobox-empty-681,
[data-theme="dark"] .ge-crm-combobox-empty-681 {
  color: rgba(245, 255, 249, .72) !important;
}


/* 20260612inbox_pdf_viewer_incoming499 */
.inbox-pdf-viewer-499 {
  width: min(680px, 100%);
  margin: 8px 0 4px;
  border: 1px solid rgba(20, 126, 98, 0.24);
  border-radius: 14px;
  overflow: hidden;
  background: #ffffff;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08);
}

.inbox-pdf-toolbar-499 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border-bottom: 1px solid rgba(20, 126, 98, 0.18);
  background: linear-gradient(135deg, #f0fbf6, #ffffff);
  color: #174438;
  font-size: 12px;
  font-weight: 700;
}

.inbox-pdf-toolbar-499 span {
  min-width: 0;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.inbox-pdf-toolbar-499 a {
  border: 1px solid rgba(20, 126, 98, 0.26);
  border-radius: 999px;
  padding: 4px 9px;
  color: #0f6b56;
  background: #fff;
  text-decoration: none;
  font-weight: 800;
}

.inbox-pdf-toolbar-499 a:hover {
  background: #e9f8f2;
}

.inbox-pdf-viewer-499 iframe {
  display: block;
  width: 100%;
  height: min(58vh, 520px);
  min-height: 300px;
  border: 0;
  background: #f8fafc;
}

@media (max-width: 720px) {
  .inbox-pdf-toolbar-499 {
    flex-wrap: wrap;
  }

  .inbox-pdf-viewer-499 iframe {
    height: 420px;
    min-height: 260px;
  }
}


/* 20260612inbox_search_compact505 */
.inbox-thread-list > .inbox-search-compact-hidden-505,
.inbox-thread-list > .inbox-thread[hidden],
.inbox-thread-list > a[hidden] {
  display: none !important;
}

.inbox-thread-list.inbox-search-compact-active-505 {
  align-content: start !important;
}


/* 20260612inbox_search_compact506 */
.inbox-thread-list.inbox-search-compact-active-506 {
  display: flex !important;
  flex-direction: column !important;
  align-content: stretch !important;
  justify-content: flex-start !important;
  gap: 10px !important;
}

.inbox-thread-list.inbox-search-compact-active-506 > .inbox-search-compact-hidden-506,
.inbox-thread-list.inbox-search-compact-active-506 > .inbox-search-compact-hidden-505,
.inbox-thread-list.inbox-search-compact-active-506 > a[hidden],
.inbox-thread-list.inbox-search-compact-active-506 > .inbox-thread[hidden] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.inbox-thread-list.inbox-search-compact-active-506 > .inbox-search-compact-match-506 {
  display: grid !important;
  position: relative !important;
  visibility: visible !important;
  opacity: 1 !important;
}



/* 20260612admin_usuarios_permisos512c */
.admin-users-entry-512 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.35rem;
  padding: 0 .9rem;
  border: 1px solid rgba(13, 148, 136, .28);
  border-radius: 999px;
  background: rgba(240, 253, 250, .92);
  color: #0f766e !important;
  font-weight: 800;
  font-size: .84rem;
  text-decoration: none !important;
  box-shadow: 0 10px 24px rgba(15, 118, 110, .12);
}

.admin-users-entry-512:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 28px rgba(15, 118, 110, .18);
}

.admin-users-entry-512.is-floating {
  position: fixed;
  right: 1rem;
  bottom: 1rem;
  z-index: 70;
}

.admin-users-body-512 {
  min-height: 100vh;
  background:
    radial-gradient(circle at top left, rgba(20, 184, 166, .18), transparent 34rem),
    linear-gradient(135deg, #f8fbf8 0%, #eef8f5 100%);
  color: #17211f;
}

.admin-users-shell-512 {
  width: min(1120px, calc(100vw - 2rem));
  margin: 0 auto;
  padding: 1.25rem 0 3rem;
}

.admin-users-top-512,
.admin-users-hero-512,
.admin-create-card-512,
.admin-user-card-512,
.admin-flash-512,
.admin-secret-512 {
  border: 1px solid rgba(15, 118, 110, .16);
  background: rgba(255, 255, 255, .86);
  box-shadow: 0 18px 48px rgba(15, 23, 42, .08);
  backdrop-filter: blur(14px);
}

.admin-users-top-512 {
  display: flex;
  justify-content: space-between;
  gap: .75rem;
  border-radius: 1.1rem;
  padding: .75rem .9rem;
  margin-bottom: 1rem;
}

.admin-users-top-512 a {
  color: #0f766e;
  font-weight: 800;
  text-decoration: none;
}

.admin-users-hero-512 {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 1rem;
  border-radius: 1.5rem;
  padding: 1.35rem;
  margin-bottom: 1rem;
}

.admin-users-hero-512 span {
  color: #0f766e;
  font-size: .78rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.admin-users-hero-512 h1 {
  margin: .15rem 0 .35rem;
  font-size: clamp(1.7rem, 4vw, 2.6rem);
  line-height: .98;
}

.admin-users-hero-512 p {
  margin: 0;
  max-width: 44rem;
  color: #52615d;
}

.admin-users-hero-512 > strong {
  white-space: nowrap;
  color: #0f766e;
  background: #e8fbf6;
  border: 1px solid rgba(15, 118, 110, .18);
  border-radius: 999px;
  padding: .55rem .8rem;
}

.admin-create-card-512,
.admin-users-list-512 {
  margin-top: 1rem;
}

.admin-create-card-512,
.admin-user-card-512 {
  border-radius: 1.35rem;
  padding: 1rem;
}

.admin-create-card-512 h2,
.admin-users-list-512 h2 {
  margin: 0 0 .85rem;
}

.admin-user-card-512 {
  position: relative;
  margin-bottom: .85rem;
}

.admin-user-card-512 header,
.admin-user-actions-512 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
}

.admin-user-card-512 header strong {
  display: block;
  font-size: 1.02rem;
}

.admin-user-card-512 header small {
  display: block;
  color: #64748b;
  font-weight: 700;
}

.admin-user-self-512 {
  display: inline-flex;
  margin-left: .4rem;
  padding: .12rem .45rem;
  border-radius: 999px;
  background: #ecfeff;
  color: #0e7490;
  font-size: .72rem;
}

.admin-user-grid-512 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .75rem;
  margin: .9rem 0;
}

.admin-user-grid-512 label {
  display: grid;
  gap: .35rem;
  font-size: .78rem;
  font-weight: 900;
  color: #475569;
}

.admin-user-grid-512 input,
.admin-user-grid-512 select {
  width: 100%;
  border: 1px solid rgba(15, 118, 110, .18);
  border-radius: .85rem;
  background: #fff;
  color: #17211f;
  padding: .68rem .75rem;
  font-weight: 750;
}

.admin-permissions-grid-512 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .65rem;
}

.admin-permission-card-512 {
  display: flex;
  align-items: flex-start;
  gap: .55rem;
  min-height: 4.4rem;
  padding: .7rem;
  border-radius: 1rem;
  border: 1px solid rgba(15, 118, 110, .16);
  background: rgba(240, 253, 250, .7);
  cursor: pointer;
}

.admin-permission-card-512 input {
  margin-top: .18rem;
  accent-color: #0f766e;
}

.admin-permission-card-512 strong {
  display: block;
  font-size: .86rem;
}

.admin-permission-card-512 small {
  display: block;
  margin-top: .18rem;
  color: #64748b;
  font-size: .74rem;
  line-height: 1.25;
}

.admin-switch-512 {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  font-weight: 900;
  color: #0f766e;
}

.admin-user-actions-512 {
  margin-top: .9rem;
}

.admin-create-card-512 button,
.admin-user-actions-512 button,
.admin-reset-form-512 button {
  border: 0;
  border-radius: .9rem;
  background: #0f766e;
  color: #fff;
  font-weight: 900;
  padding: .72rem .95rem;
  cursor: pointer;
}

.admin-reset-form-512 {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
}

.admin-reset-form-512 button {
  background: #f8fafc;
  color: #0f766e;
  border: 1px solid rgba(15, 118, 110, .22);
}

.admin-flash-512,
.admin-secret-512 {
  border-radius: 1rem;
  padding: .85rem 1rem;
  margin: 1rem 0;
  font-weight: 850;
}

.admin-flash-512 {
  color: #0f766e;
  background: #ecfdf5;
}

.admin-secret-512 {
  display: grid;
  gap: .35rem;
  color: #713f12;
  background: #fffbeb;
  border-color: rgba(180, 83, 9, .22);
}

.admin-secret-512 code {
  display: inline-flex;
  width: max-content;
  max-width: 100%;
  padding: .55rem .7rem;
  border-radius: .65rem;
  background: #fff7ed;
  color: #9a3412;
  font-weight: 950;
  overflow-wrap: anywhere;
}

@media (max-width: 860px) {
  .admin-users-hero-512,
  .admin-user-card-512 header {
    align-items: flex-start;
    flex-direction: column;
  }

  .admin-user-grid-512,
  .admin-permissions-grid-512 {
    grid-template-columns: 1fr;
  }

  .admin-reset-form-512 {
    position: static;
    margin-top: .75rem;
  }
}


/* 20260612admin_usuarios_compact_permisos513 */
.admin-users-shell-512 {
  width: min(1220px, calc(100vw - 1.5rem));
  padding-top: .75rem;
}

.admin-users-top-512 {
  min-height: 2.6rem;
  padding: .55rem .75rem;
  margin-bottom: .65rem;
}

.admin-users-hero-compact-513 {
  align-items: center;
  padding: .85rem 1rem;
  margin-bottom: .75rem;
  border-radius: 1.1rem;
}

.admin-users-hero-compact-513 h1 {
  font-size: clamp(1.45rem, 2.8vw, 2rem);
  margin: .05rem 0 .18rem;
}

.admin-users-hero-compact-513 p {
  font-size: .86rem;
}

.admin-create-compact-513 {
  padding: .8rem;
  border-radius: 1rem;
}

.admin-create-compact-513 h2,
.admin-users-list-512 h2 {
  font-size: 1rem;
  margin-bottom: .55rem;
}

.admin-user-grid-512 {
  grid-template-columns: 1.05fr 1.05fr .95fr .72fr;
  gap: .5rem;
  margin: .55rem 0 .65rem;
}

.admin-user-grid-512 input,
.admin-user-grid-512 select {
  min-height: 2.25rem;
  padding: .45rem .6rem;
  border-radius: .65rem;
  font-size: .86rem;
}

.admin-user-grid-512 label {
  gap: .22rem;
  font-size: .72rem;
}

.admin-permissions-wrap-513 {
  display: grid;
  gap: .55rem;
}

.admin-permission-section-513 {
  border: 1px solid rgba(15, 118, 110, .13);
  border-radius: .9rem;
  background: rgba(248, 253, 251, .72);
  padding: .55rem;
}

.admin-permission-section-513 > header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: .75rem;
  margin-bottom: .45rem;
}

.admin-permission-section-513 > header strong {
  color: #0f766e;
  font-size: .82rem;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.admin-permission-section-513 > header small {
  color: #64748b;
  font-size: .72rem;
  font-weight: 700;
}

.admin-permissions-grid-513 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(168px, 1fr));
  gap: .38rem;
}

.admin-permission-chip-513 {
  min-height: unset;
  align-items: center;
  gap: .45rem;
  padding: .42rem .5rem;
  border-radius: 999px;
  background: #f7fffd;
}

.admin-permission-chip-513 input {
  margin: 0;
  width: .9rem;
  height: .9rem;
}

.admin-permission-chip-513 span {
  min-width: 0;
}

.admin-permission-chip-513 strong {
  font-size: .77rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.admin-permission-chip-513 small {
  display: none;
}

.admin-permission-chip-513:has(input:checked) {
  border-color: rgba(15, 118, 110, .45);
  background: #dff9f2;
  box-shadow: inset 0 0 0 1px rgba(15, 118, 110, .18);
}

.admin-user-compact-513 {
  padding: 0;
  overflow: hidden;
}

.admin-user-compact-513 + .admin-user-compact-513 {
  margin-top: .5rem;
}

.admin-user-summary-513 {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) auto auto auto;
  align-items: center;
  gap: .6rem;
  padding: .68rem .8rem;
  cursor: pointer;
  list-style: none;
}

.admin-user-summary-513::-webkit-details-marker {
  display: none;
}

.admin-user-summary-513::after {
  content: "Editar";
  justify-self: end;
  border: 1px solid rgba(15, 118, 110, .18);
  border-radius: 999px;
  padding: .25rem .55rem;
  color: #0f766e;
  background: #ecfdf5;
  font-weight: 900;
  font-size: .72rem;
}

.admin-user-summary-513 strong,
.admin-user-summary-513 small {
  display: block;
}

.admin-user-summary-513 strong {
  font-size: .92rem;
}

.admin-user-summary-513 small {
  color: #64748b;
  font-size: .74rem;
}

.admin-user-summary-513 em,
.admin-user-summary-513 b,
.admin-user-summary-513 i {
  border-radius: 999px;
  padding: .25rem .5rem;
  font-style: normal;
  font-size: .72rem;
  font-weight: 900;
  white-space: nowrap;
}

.admin-user-summary-513 em {
  background: #eef2ff;
  color: #3730a3;
}

.admin-user-summary-513 b {
  background: #ecfdf5;
  color: #047857;
}

.admin-user-summary-513 i {
  background: #f8fafc;
  color: #475569;
}

.admin-user-compact-513[open] .admin-user-summary-513 {
  border-bottom: 1px solid rgba(15, 118, 110, .12);
  background: rgba(236, 253, 245, .55);
}

.admin-user-compact-513 .admin-user-form-512 {
  padding: .75rem;
}

.admin-user-actions-512 {
  margin-top: .55rem;
}

.admin-reset-form-512 {
  right: .75rem;
  bottom: .75rem;
}

.admin-create-card-512 button,
.admin-user-actions-512 button,
.admin-reset-form-512 button {
  padding: .48rem .72rem;
  border-radius: .7rem;
  font-size: .78rem;
}

@media (max-width: 860px) {
  .admin-user-grid-512,
  .admin-user-summary-513 {
    grid-template-columns: 1fr;
  }

  .admin-permission-section-513 > header {
    display: block;
  }
}


/* 20260612auth_permission_gate514b */
.permission-hidden-514 {
  display: none !important;
}


/* 20260612email_real_sender_avatar515b */
.email-real-avatar-515 {
  position: relative;
  display: inline-grid;
  place-items: center;
  width: 2.05rem;
  height: 2.05rem;
  min-width: 2.05rem;
  border-radius: 999px;
  overflow: hidden;
  background:
    radial-gradient(circle at 30% 24%, rgba(255,255,255,.92), transparent 44%),
    linear-gradient(135deg, #ecfdf5, #dbeafe);
  border: 1px solid rgba(15, 118, 110, .18);
  box-shadow: 0 7px 18px rgba(15, 23, 42, .12);
  color: #0f766e;
  font-weight: 950;
  font-size: .72rem;
  letter-spacing: -.02em;
}

.email-real-avatar-515 img {
  width: 1.46rem;
  height: 1.46rem;
  object-fit: contain;
  border-radius: .35rem;
  z-index: 2;
}

.email-real-avatar-515 > span {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  z-index: 1;
}

.email-real-avatar-515:not(.is-fallback) > span {
  opacity: 0;
}

.email-real-avatar-515.is-fallback > span {
  opacity: 1;
}

.inbox-email-thread .inbox-thread-main strong {
  max-width: 14.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}


/* 20260612email_sender_aliases516b */
.email-real-avatar-alias-516b {
  background: #4f69ad !important;
  color: #fff !important;
  border-color: rgba(79, 105, 173, 0.22) !important;
  box-shadow: 0 6px 16px rgba(79, 105, 173, 0.20);
}
.email-real-avatar-alias-516b > span {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  font-weight: 900;
  letter-spacing: -0.04em;
}


/* 20260612email_sender_brand_resolver517b */
.email-real-avatar-alias-516b {
  background: #4f69ad !important;
  color: #fff !important;
  border-color: rgba(79, 105, 173, 0.22) !important;
  box-shadow: 0 6px 16px rgba(79, 105, 173, 0.20);
}
.email-real-avatar-alias-516b > span {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  font-weight: 900;
  letter-spacing: -0.04em;
}


/* 20260612email_thread_image_avatar520 */
.email-thread-image-avatar-520 {
  overflow: hidden;
  background: #ffffff !important;
  border-color: rgba(15, 118, 110, 0.18) !important;
  box-shadow: 0 7px 18px rgba(15, 23, 42, 0.12);
}
.email-thread-image-avatar-520 img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 2px;
  background: #fff;
  display: block;
}
.email-thread-image-fallback-520 {
  display: none;
  place-items: center;
  width: 100%;
  height: 100%;
  background: #4f69ad;
  color: #fff;
  font-weight: 900;
  letter-spacing: -0.04em;
}


/* 20260612email_blocked_senders528 */
.email-reader-actions .email-block-sender-button-528 {
  border-color: rgba(158, 74, 74, .38) !important;
  color: #8a2f2f !important;
  font-weight: 850;
  letter-spacing: .02em;
}
.email-reader-actions .email-block-sender-button-528:hover {
  background: #fff0ed !important;
  border-color: #c96b5b !important;
}


/* 20260612email_blocked_sender_unblock529 */
.email-blocked-sender-banner-529 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  margin: 0 0 .7rem;
  padding: .62rem .72rem;
  border: 1px solid rgba(190, 84, 70, .34);
  border-radius: 16px;
  background: linear-gradient(135deg, #fff5f1 0%, #fffaf8 100%);
  color: #713129;
  box-shadow: 0 10px 28px rgba(125, 55, 42, .08);
}
.email-blocked-sender-banner-529 div {
  display: grid;
  gap: .08rem;
  min-width: 0;
}
.email-blocked-sender-banner-529 strong {
  font-size: .82rem;
  letter-spacing: .01em;
}
.email-blocked-sender-banner-529 span {
  font-size: .76rem;
  color: #8b5a52;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.email-blocked-sender-banner-529 .email-unblock-sender-button-529 {
  border: 1px solid rgba(0, 112, 96, .34);
  border-radius: 999px;
  background: #effbf7;
  color: #006f5f;
  font-weight: 850;
  padding: .42rem .7rem;
  cursor: pointer;
}
.email-blocked-sender-banner-529 .email-unblock-sender-button-529:hover {
  background: #dff6ef;
  border-color: rgba(0, 112, 96, .55);
}


/* 20260612inbox_mark_all_read_header533 */
.inbox-thread-count-row-533 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .65rem;
  margin: .42rem .1rem .48rem;
}
.inbox-thread-count-row-533 > small,
.inbox-thread-count-row-533 > span,
.inbox-thread-count-row-533 > p,
.inbox-thread-count-row-533 > div:not(.inbox-mark-all-read-header-form-533) {
  margin: 0;
  color: #66756f;
}
.inbox-mark-all-read-header-form-533 {
  margin: 0;
  padding: 0;
  flex: 0 0 auto;
}
.inbox-mark-all-read-header-button-533 {
  display: inline-flex;
  align-items: center;
  gap: .34rem;
  border: 1px solid rgba(0, 112, 96, .20);
  border-radius: 999px;
  background: rgba(240, 252, 248, .88);
  color: #007060;
  font-size: .74rem;
  font-weight: 850;
  line-height: 1;
  padding: .36rem .62rem;
  cursor: pointer;
  box-shadow: 0 6px 16px rgba(0, 80, 68, .06);
}
.inbox-mark-all-read-header-button-533 svg {
  width: 13px;
  height: 13px;
  flex: 0 0 auto;
}
.inbox-mark-all-read-header-button-533:hover,
.inbox-mark-all-read-header-button-533:focus-visible {
  background: #e2f8f1;
  border-color: rgba(0, 112, 96, .38);
}
@media (max-width: 520px) {
  .inbox-mark-all-read-header-button-533 span {
    display: none;
  }
}


/* 20260612inbox_mark_all_read_header534 */
.inbox-thread-count-row-533 {
  margin: .34rem .14rem .52rem;
}
.inbox-mark-all-read-header-form-533 {
  align-self: center;
}
.inbox-mark-all-read-header-button-534 {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  padding: 0 !important;
  border-radius: 999px !important;
  gap: 0 !important;
  background: rgba(241, 253, 249, .92) !important;
  border: 1px solid rgba(0, 112, 96, .22) !important;
  color: #007060 !important;
  box-shadow: 0 4px 12px rgba(0, 80, 68, .055) !important;
}
.inbox-mark-all-read-header-button-534 svg {
  width: 13px !important;
  height: 13px !important;
}
.inbox-mark-all-read-header-button-534:hover,
.inbox-mark-all-read-header-button-534:focus-visible {
  background: #e4f8f2 !important;
  border-color: rgba(0, 112, 96, .42) !important;
  transform: translateY(-1px);
}


/* 20260612inbox_mark_all_read_icon535 */
.inbox-mark-all-read-header-button-535 {
  width: 31px !important;
  height: 31px !important;
  min-width: 31px !important;
  padding: 0 !important;
  border: 1px solid #76AB9C !important;
  border-radius: 999px !important;
  background: #E9F4EE !important;
  color: #1F7A63 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  cursor: pointer !important;
  box-shadow: none !important;
  transition: background-color .15s ease, border-color .15s ease, transform .1s ease !important;
}
.inbox-mark-all-read-header-button-535:hover {
  background: #DFF1EA !important;
  border-color: #2F9B7D !important;
}
.inbox-mark-all-read-header-button-535:active {
  transform: scale(.96);
}
.inbox-mark-all-read-header-button-535:focus-visible {
  outline: 2px solid #2F9B7D !important;
  outline-offset: 2px !important;
}
.inbox-mark-all-read-header-button-535 .inbox-mark-all-read-icon-535 {
  width: 20px !important;
  height: 20px !important;
  display: block;
  overflow: visible;
}
.inbox-mark-all-read-icon-535 path,
.inbox-mark-all-read-icon-535 circle {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.inbox-mark-all-read-icon-535 .mark-all-mail-back-535,
.inbox-mark-all-read-icon-535 .mark-all-mail-mid-535 {
  opacity: .32;
}
.inbox-mark-all-read-icon-535 .mark-all-check-bg-535 {
  fill: #E9F4EE;
  stroke-width: 1.7;
}
.inbox-mark-all-read-icon-535 .mark-all-check-535 {
  stroke-width: 2.15;
}







/* 20260612admin_usuarios_gear_server542 */
.top-actions .admin-users-entry-512.admin-users-entry-gear-542 {
  position: static !important;
  inset: auto !important;
  transform: none !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 1px solid rgba(118, 171, 156, .72) !important;
  border-radius: 10px !important;
  background: #E9F4EE !important;
  color: #1F7A63 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  font-size: 0 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  flex: 0 0 34px !important;
  transition: background-color .15s ease, border-color .15s ease, transform .1s ease !important;
}
.top-actions .admin-users-entry-512.admin-users-entry-gear-542:hover {
  background: #DFF1EA !important;
  border-color: #2F9B7D !important;
  color: #1F7A63 !important;
}
.top-actions .admin-users-entry-512.admin-users-entry-gear-542:active {
  transform: scale(.96) !important;
}
.top-actions .admin-users-entry-512.admin-users-entry-gear-542:focus-visible {
  outline: 2px solid #2F9B7D !important;
  outline-offset: 2px !important;
}
.top-actions .admin-users-entry-512.admin-users-entry-gear-542 .admin-users-gear-icon-542 {
  width: 17px;
  height: 17px;
  display: block;
}
.top-actions .admin-users-entry-512.admin-users-entry-gear-542 .admin-users-gear-icon-542 path {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.top-actions .admin-users-entry-512.admin-users-entry-gear-542 .admin-users-gear-icon-542 path:first-child {
  stroke-width: 1.9;
}


/* 20260613telegram_public_link545 */
.telegram-public-link-545 {
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 7px 0 9px;
  padding: 6px 7px;
  border: 1px solid rgba(65, 171, 142, 0.26);
  border-radius: 999px;
  background: rgba(236, 253, 245, 0.58);
  color: var(--text, #10201c);
  max-width: 100%;
}

.telegram-public-link-icon-545 {
  width: 22px;
  height: 22px;
  border-radius: 999px;
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  color: #0f8f78;
  background: #ffffff;
  border: 1px solid rgba(47, 155, 125, 0.22);
  font-size: 12px;
}

.telegram-public-link-label-545 {
  color: var(--muted, #60706a);
  font-size: 11px;
  font-weight: 750;
}

.telegram-public-link-545 strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #0f6f61;
  font-size: 11px;
  font-weight: 850;
}

.telegram-public-link-spacer-545 {
  flex: 1 1 auto;
  min-width: 4px;
}

.telegram-public-link-button-545 {
  border: 1px solid rgba(47, 155, 125, 0.24);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.76);
  color: #08705f;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 23px;
  padding: 0 8px;
  font-size: 10.5px;
  font-weight: 850;
  text-decoration: none;
  white-space: nowrap;
}

.telegram-public-link-button-545:hover,
.telegram-public-link-button-545:focus-visible {
  background: #e9f8f1;
  border-color: rgba(47, 155, 125, 0.52);
}

[data-theme="dark"] .telegram-public-link-545 {
  background: rgba(17, 43, 37, 0.72);
  border-color: rgba(92, 214, 181, 0.20);
}

[data-theme="dark"] .telegram-public-link-icon-545,
[data-theme="dark"] .telegram-public-link-button-545 {
  background: rgba(15, 32, 28, 0.88);
  color: #8ff1d2;
}

@media (max-width: 420px) {
  .telegram-public-link-label-545 {
    display: none;
  }

  .telegram-public-link-button-545 {
    padding: 0 7px;
  }
}


/* 20260613telegram_public_link_polish546 */
.telegram-public-link-545.telegram-public-link-546 {
  gap: 6px;
  margin: 7px 0 8px;
  padding: 5px 6px;
  min-height: 34px;
}

.telegram-public-link-546 .telegram-public-link-icon-545 {
  width: 22px;
  height: 22px;
  color: #16806d;
  background: rgba(255, 255, 255, 0.86);
}

.telegram-public-link-546 .telegram-public-link-icon-545 svg {
  width: 14px;
  height: 14px;
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.telegram-public-link-546 .telegram-public-link-handle-546 {
  min-width: 0;
  max-width: 128px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #0f6f61;
  font-size: 11px;
  font-weight: 850;
}

.telegram-public-link-546 .telegram-public-link-button-545 {
  min-height: 22px;
  padding: 0 8px;
  font-size: 10px;
  letter-spacing: 0.01em;
}

.telegram-public-link-546 .telegram-public-link-label-545 {
  display: none;
}

[data-theme="dark"] .telegram-public-link-546 .telegram-public-link-handle-546 {
  color: #9af2d8;
}

@media (max-width: 420px) {
  .telegram-public-link-546 .telegram-public-link-handle-546 {
    max-width: 104px;
  }
}


/* 20260613telegram_public_link_position548 */
.telegram-public-link-545,
.telegram-public-link-545.telegram-public-link-546 {
  margin-top: -2px;
  margin-bottom: 7px;
}


/* 20260613telegram_public_link_blue_icon549 */
.telegram-public-link-545,
.telegram-public-link-545.telegram-public-link-546 {
  background: linear-gradient(135deg, rgba(39, 167, 231, 0.17), rgba(84, 215, 255, 0.10));
  border-color: rgba(39, 167, 231, 0.44);
  box-shadow: 0 6px 14px rgba(39, 167, 231, 0.08);
}

.telegram-public-link-545 .telegram-public-link-icon-549,
.telegram-public-link-546 .telegram-public-link-icon-545.telegram-public-link-icon-549 {
  width: 24px;
  height: 24px;
  border-radius: 999px;
  display: inline-grid;
  place-items: center;
  color: #ffffff;
  background: linear-gradient(135deg, #54d7ff, #229ed9);
  border: 1px solid rgba(34, 158, 217, 0.36);
  box-shadow: 0 5px 12px rgba(34, 158, 217, 0.22);
}

.telegram-public-link-545 .telegram-public-link-icon-549 svg,
.telegram-public-link-546 .telegram-public-link-icon-549 svg {
  width: 14px;
  height: 14px;
  display: block;
  fill: currentColor;
  stroke: none;
}

.telegram-public-link-545 .telegram-public-link-icon-549 svg path + path,
.telegram-public-link-546 .telegram-public-link-icon-549 svg path + path {
  fill: none;
  stroke: rgba(255, 255, 255, 0.82);
  stroke-width: 1.45;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.telegram-public-link-546 .telegram-public-link-handle-546 {
  color: #0877a8;
}

.telegram-public-link-545 .telegram-public-link-button-545,
.telegram-public-link-546 .telegram-public-link-button-545 {
  border-color: rgba(34, 158, 217, 0.28);
  color: #0877a8;
}

.telegram-public-link-545 .telegram-public-link-button-545:hover,
.telegram-public-link-545 .telegram-public-link-button-545:focus-visible,
.telegram-public-link-546 .telegram-public-link-button-545:hover,
.telegram-public-link-546 .telegram-public-link-button-545:focus-visible {
  background: rgba(232, 247, 255, 0.94);
  border-color: rgba(34, 158, 217, 0.56);
}

[data-theme="dark"] .telegram-public-link-545,
[data-theme="dark"] .telegram-public-link-545.telegram-public-link-546 {
  background: linear-gradient(135deg, rgba(34, 158, 217, 0.22), rgba(84, 215, 255, 0.10));
  border-color: rgba(84, 215, 255, 0.28);
}

[data-theme="dark"] .telegram-public-link-546 .telegram-public-link-handle-546 {
  color: #8ddcff;
}

[data-theme="dark"] .telegram-public-link-545 .telegram-public-link-button-545,
[data-theme="dark"] .telegram-public-link-546 .telegram-public-link-button-545 {
  color: #8ddcff;
  border-color: rgba(84, 215, 255, 0.24);
}


/* 20260613inbox_message_menu_zindex550 */
.inbox-detail,
.inbox-chat,
.inbox-chat-panel,
.inbox-thread-detail,
.inbox-message-list,
.inbox-timeline,
.timeline,
.timeline-item,
.timeline-card,
.message-bubble {
  overflow: visible;
}

.inbox-chat-header,
.inbox-thread-header,
.inbox-detail-header,
.inbox-conversation-header {
  z-index: 30;
}

.inbox-message-actions,
.inbox-message-action-menu,
.inbox-message-menu,
.inbox-message-more-menu,
.inbox-message-dropdown,
.inbox-message-popover,
.message-action-menu,
.message-actions-menu,
.message-context-menu,
.message-more-menu,
.message-dropdown,
.message-popover,
[data-inbox-message-menu],
[data-message-menu],
[data-message-actions-menu],
[data-inbox-message-actions],
[data-message-more-menu] {
  position: absolute;
  z-index: 220;
}

.timeline-card:has(.inbox-message-actions:hover),
.timeline-card:has(.message-actions-menu:hover),
.timeline-card:has(.message-action-menu:hover),
.timeline-card:has(.message-context-menu:hover),
.timeline-item:has(.inbox-message-actions:hover),
.timeline-item:has(.message-actions-menu:hover),
.timeline-item:has(.message-action-menu:hover),
.timeline-item:has(.message-context-menu:hover) {
  z-index: 230;
}

.inbox-message-meta,
.message-bubble {
  position: relative;
}

.message-bubble:focus-within,
.timeline-card:focus-within,
.timeline-item:focus-within {
  z-index: 230;
}


/* 20260613inbox_bubble_menu_floating551 */
.inbox-message-action-menu.inbox-message-action-menu-floating-551 {
  position: fixed !important;
  z-index: 100000 !important;
  overflow: auto;
  pointer-events: auto;
  box-shadow: 0 18px 38px rgba(15, 23, 42, 0.18);
}

.inbox-message-action-menu.inbox-message-action-menu-floating-551[hidden] {
  display: none !important;
}


/* 20260613telegram_ux_media553 */
.inbox-thread.inbox-telegram-thread {
  border-color: rgba(34, 158, 217, 0.28);
  background:
    linear-gradient(135deg, rgba(34, 158, 217, 0.10), rgba(84, 215, 255, 0.045)),
    var(--card, #ffffff);
}

.inbox-thread.inbox-telegram-thread.active {
  border-color: rgba(34, 158, 217, 0.70);
  box-shadow: inset 0 0 0 1px rgba(34, 158, 217, 0.18), 0 10px 22px rgba(34, 158, 217, 0.08);
}

.inbox-thread-channel-avatar.telegram-avatar-553 {
  background: linear-gradient(135deg, #54d7ff, #229ed9);
  border-color: rgba(34, 158, 217, 0.36);
  box-shadow: 0 6px 14px rgba(34, 158, 217, 0.20);
}

.inbox-thread-channel-avatar.telegram-avatar-553 img {
  width: 18px;
  height: 18px;
  object-fit: contain;
}

.inbox-thread.inbox-telegram-thread .inbox-thread-main strong {
  color: #075f86;
}

.inbox-thread.inbox-telegram-thread .inbox-thread-side small {
  color: #0877a8;
}

.inbox-compose-modes[data-active-mode="telegram"] {
  border-color: rgba(34, 158, 217, 0.22);
}

.inbox-compose-modes[data-active-mode="telegram"] .inbox-compose-mode-tabs {
  background: linear-gradient(135deg, rgba(34, 158, 217, 0.09), rgba(84, 215, 255, 0.045));
}

.inbox-compose-modes[data-active-mode="telegram"] .inbox-compose-mode-tab.active {
  border-color: rgba(34, 158, 217, 0.44);
  background: rgba(232, 247, 255, 0.88);
  color: #075f86;
}

.inbox-compose-modes[data-active-mode="telegram"] .inbox-provider-tab-badge,
.inbox-reply-form-telegram .inbox-compose-channel-pill {
  background: linear-gradient(135deg, #54d7ff, #229ed9);
  color: #ffffff;
  border-color: rgba(34, 158, 217, 0.34);
}

.inbox-reply-form-telegram textarea {
  border-color: rgba(34, 158, 217, 0.26);
}

.inbox-reply-form-telegram textarea:focus {
  border-color: rgba(34, 158, 217, 0.62);
  box-shadow: 0 0 0 3px rgba(34, 158, 217, 0.12);
}

.inbox-reply-form-telegram .inbox-send-button {
  background: linear-gradient(135deg, #54d7ff, #229ed9);
  box-shadow: 0 10px 22px rgba(34, 158, 217, 0.22);
}

.timeline-item.message-provider-telegram.message-in .message-bubble {
  border-color: rgba(34, 158, 217, 0.22);
  background: linear-gradient(135deg, rgba(232, 247, 255, 0.72), rgba(255, 255, 255, 0.96));
}

.timeline-item.message-provider-telegram.message-out .message-bubble {
  border-color: rgba(34, 158, 217, 0.28);
  background: linear-gradient(135deg, rgba(203, 239, 255, 0.78), rgba(232, 247, 255, 0.96));
}

.timeline-item.message-provider-telegram .inbox-provider {
  color: #0877a8;
  font-weight: 800;
}

[data-theme="dark"] .inbox-thread.inbox-telegram-thread,
[data-theme="dark"] .timeline-item.message-provider-telegram.message-in .message-bubble,
[data-theme="dark"] .timeline-item.message-provider-telegram.message-out .message-bubble {
  background: linear-gradient(135deg, rgba(34, 158, 217, 0.18), rgba(84, 215, 255, 0.07));
  border-color: rgba(84, 215, 255, 0.22);
}

[data-theme="dark"] .inbox-thread.inbox-telegram-thread .inbox-thread-main strong,
[data-theme="dark"] .inbox-thread.inbox-telegram-thread .inbox-thread-side small,
[data-theme="dark"] .timeline-item.message-provider-telegram .inbox-provider {
  color: #8ddcff;
}

/* 20260613telegram_thread_like_whatsapp556 */
.inbox-thread-row > a.inbox-thread.inbox-telegram-thread,
a.inbox-thread.inbox-telegram-thread {
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr) auto;
  grid-template-rows: auto auto;
  align-items: start;
  column-gap: 10px;
  row-gap: 2px;
  min-height: 0;
  padding: 11px 12px;
  background: var(--card, #fff);
  border: 1px solid rgba(42, 171, 238, 0.34);
  border-radius: 10px;
  box-shadow: 0 1px 2px rgba(12, 45, 66, 0.04);
}

.inbox-thread-row > a.inbox-thread.inbox-telegram-thread.active,
.inbox-thread-row > a.inbox-thread.inbox-telegram-thread:hover,
a.inbox-thread.inbox-telegram-thread.active,
a.inbox-thread.inbox-telegram-thread:hover {
  background: rgba(42, 171, 238, 0.055);
  border-color: rgba(42, 171, 238, 0.62);
}

.inbox-thread-row > a.inbox-thread.inbox-telegram-thread > .telegram-avatar-553,
a.inbox-thread.inbox-telegram-thread > .telegram-avatar-553 {
  grid-column: 1;
  grid-row: 1 / span 2;
  align-self: start;
  justify-self: start;
  width: 23px;
  height: 23px;
  margin: 1px 0 0;
  background: #2aabee;
  border-color: rgba(42, 171, 238, 0.36);
  box-shadow: 0 4px 10px rgba(42, 171, 238, 0.22);
}

.inbox-thread-row > a.inbox-thread.inbox-telegram-thread > .telegram-avatar-553 img,
a.inbox-thread.inbox-telegram-thread > .telegram-avatar-553 img {
  width: 15px;
  height: 15px;
}

.inbox-thread-row > a.inbox-thread.inbox-telegram-thread > .inbox-thread-main,
a.inbox-thread.inbox-telegram-thread > .inbox-thread-main {
  grid-column: 2;
  grid-row: 1 / span 2;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 3px;
  text-align: left;
}

.inbox-thread-row > a.inbox-thread.inbox-telegram-thread > .inbox-thread-main > strong,
a.inbox-thread.inbox-telegram-thread > .inbox-thread-main > strong {
  display: block;
  max-width: 100%;
  color: #17252b;
  font-size: 12.5px;
  font-weight: 800;
  line-height: 1.18;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.inbox-thread-row > a.inbox-thread.inbox-telegram-thread > .inbox-thread-main > small,
a.inbox-thread.inbox-telegram-thread > .inbox-thread-main > small {
  display: none;
}

.inbox-thread-row > a.inbox-thread.inbox-telegram-thread > .inbox-thread-main > span,
a.inbox-thread.inbox-telegram-thread > .inbox-thread-main > span {
  display: block;
  max-width: 100%;
  color: #203139;
  font-size: 12.5px;
  font-weight: 500;
  line-height: 1.28;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.inbox-thread-row > a.inbox-thread.inbox-telegram-thread > .inbox-thread-side,
a.inbox-thread.inbox-telegram-thread > .inbox-thread-side {
  grid-column: 3;
  grid-row: 1 / span 2;
  align-self: end;
  justify-self: end;
  min-width: max-content;
  margin-left: 8px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 5px;
  text-align: right;
}

.inbox-thread-row > a.inbox-thread.inbox-telegram-thread > .inbox-thread-side > .inbox-thread-bot-meta,
a.inbox-thread.inbox-telegram-thread > .inbox-thread-side > .inbox-thread-bot-meta {
  color: #60737c;
  font-size: 8.8px;
  font-weight: 700;
  line-height: 1.1;
  white-space: nowrap;
}

.inbox-thread-row > a.inbox-thread.inbox-telegram-thread.unread > .inbox-thread-main > strong,
.inbox-thread-row > a.inbox-thread.inbox-telegram-thread.unread > .inbox-thread-main > span,
a.inbox-thread.inbox-telegram-thread.unread > .inbox-thread-main > strong,
a.inbox-thread.inbox-telegram-thread.unread > .inbox-thread-main > span {
  color: #101c22;
  font-weight: 800;
}

.inbox-thread-row > a.inbox-thread.inbox-telegram-thread.unread > .inbox-thread-side > .pill.warn,
a.inbox-thread.inbox-telegram-thread.unread > .inbox-thread-side > .pill.warn {
  margin: 0;
}

[data-theme="dark"] .inbox-thread-row > a.inbox-thread.inbox-telegram-thread,
[data-theme="dark"] a.inbox-thread.inbox-telegram-thread {
  background: rgba(7, 24, 36, 0.9);
  border-color: rgba(42, 171, 238, 0.35);
}

[data-theme="dark"] .inbox-thread-row > a.inbox-thread.inbox-telegram-thread.active,
[data-theme="dark"] .inbox-thread-row > a.inbox-thread.inbox-telegram-thread:hover,
[data-theme="dark"] a.inbox-thread.inbox-telegram-thread.active,
[data-theme="dark"] a.inbox-thread.inbox-telegram-thread:hover {
  background: rgba(42, 171, 238, 0.13);
  border-color: rgba(42, 171, 238, 0.62);
}

[data-theme="dark"] .inbox-thread-row > a.inbox-thread.inbox-telegram-thread > .inbox-thread-main > strong,
[data-theme="dark"] .inbox-thread-row > a.inbox-thread.inbox-telegram-thread > .inbox-thread-main > span,
[data-theme="dark"] a.inbox-thread.inbox-telegram-thread > .inbox-thread-main > strong,
[data-theme="dark"] a.inbox-thread.inbox-telegram-thread > .inbox-thread-main > span {
  color: #e5f7ff;
}

[data-theme="dark"] .inbox-thread-row > a.inbox-thread.inbox-telegram-thread > .inbox-thread-side > .inbox-thread-bot-meta,
[data-theme="dark"] a.inbox-thread.inbox-telegram-thread > .inbox-thread-side > .inbox-thread-bot-meta {
  color: #a8c8d8;
}

/* 20260613telegram_chat_right560 */
.inbox-message-panel.inbox-telegram-panel-560 {
  background:
    radial-gradient(circle at 12% 10%, rgba(42, 171, 238, 0.08), transparent 30%),
    linear-gradient(180deg, rgba(247, 253, 255, 0.98), rgba(255, 255, 255, 0.98));
}

.inbox-message-panel.inbox-telegram-panel-560 .panel-head {
  border-bottom: 1px solid rgba(42, 171, 238, 0.14);
  background: rgba(255, 255, 255, 0.84);
  backdrop-filter: blur(10px);
}

.inbox-message-panel.inbox-telegram-panel-560 .panel-head h3 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 1px;
}

.inbox-message-panel.inbox-telegram-panel-560 .panel-head h3::before {
  content: "";
  width: 23px;
  height: 23px;
  flex: 0 0 auto;
  border-radius: 999px;
  background: #2aabee url("/static/inbox-channel-telegram-393.svg?v=20260609") center / 15px 15px no-repeat;
  box-shadow: 0 5px 13px rgba(42, 171, 238, 0.24);
}

.inbox-message-panel.inbox-telegram-panel-560 .inbox-contact-title {
  color: #15252d;
  font-size: 15px;
  font-weight: 850;
  text-decoration: none;
}

.inbox-message-panel.inbox-telegram-panel-560 .panel-head .muted {
  color: #2a91c6;
  font-size: 11px;
  font-weight: 750;
}

.inbox-message-panel.inbox-telegram-panel-560 .inbox-timeline-shell {
  overflow-x: hidden;
  background:
    linear-gradient(135deg, rgba(42, 171, 238, 0.045), rgba(255, 255, 255, 0.56)),
    repeating-linear-gradient(135deg, rgba(42, 171, 238, 0.035) 0 8px, transparent 8px 20px);
}

.inbox-message-panel.inbox-telegram-panel-560 .timeline.inbox-timeline {
  padding: 16px 18px 18px;
  overflow-x: hidden;
}

.inbox-message-panel.inbox-telegram-panel-560 .timeline-item.message-provider-telegram {
  margin: 7px 0;
}

.inbox-message-panel.inbox-telegram-panel-560 .timeline-item.message-provider-telegram .message-bubble {
  min-width: 96px;
  max-width: min(68%, 560px);
  padding: 8px 10px 6px;
  border: 1px solid rgba(42, 171, 238, 0.14);
  border-radius: 15px;
  box-shadow: 0 1px 2px rgba(26, 55, 71, 0.07);
}

.inbox-message-panel.inbox-telegram-panel-560 .timeline-item.message-provider-telegram.message-in .message-bubble {
  background: rgba(255, 255, 255, 0.96);
  border-bottom-left-radius: 5px;
}

.inbox-message-panel.inbox-telegram-panel-560 .timeline-item.message-provider-telegram.message-out .message-bubble {
  background: linear-gradient(135deg, #d8f3ff, #bfeaff);
  border-color: rgba(42, 171, 238, 0.22);
  border-bottom-right-radius: 5px;
}

.inbox-message-panel.inbox-telegram-panel-560 .timeline-item.message-provider-telegram .message-text {
  color: #13252e;
  font-size: 13px;
  line-height: 1.36;
  margin: 0 0 3px;
}

.inbox-message-panel.inbox-telegram-panel-560 .timeline-item.message-provider-telegram .inbox-message-meta {
  justify-content: flex-end;
  gap: 5px;
  min-height: 13px;
  margin-top: 2px;
}

.inbox-message-panel.inbox-telegram-panel-560 .timeline-item.message-provider-telegram .inbox-provider {
  display: none;
}

.inbox-message-panel.inbox-telegram-panel-560 .timeline-item.message-provider-telegram .message-time,
.inbox-message-panel.inbox-telegram-panel-560 .timeline-item.message-provider-telegram .message-ticks {
  color: rgba(62, 92, 106, 0.72);
  font-size: 10px;
  font-weight: 700;
}

.inbox-message-panel.inbox-telegram-panel-560 .timeline-item.message-provider-telegram.message-out .message-ticks {
  color: #2a91c6;
}

.inbox-message-panel.inbox-telegram-panel-560 .inbox-compose-modes[data-active-mode="telegram"] {
  margin: 0 14px 12px;
  padding: 7px;
  border: 1px solid rgba(42, 171, 238, 0.20);
  border-radius: 22px;
  background: rgba(232, 247, 255, 0.92);
  box-shadow: 0 10px 26px rgba(42, 171, 238, 0.12);
}

.inbox-message-panel.inbox-telegram-panel-560 .inbox-compose-modes[data-active-mode="telegram"] .inbox-compose-mode-tabs {
  display: none;
}

.inbox-message-panel.inbox-telegram-panel-560 .inbox-reply-form-telegram {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
}

.inbox-message-panel.inbox-telegram-panel-560 .inbox-reply-form-telegram > input[type="hidden"],
.inbox-message-panel.inbox-telegram-panel-560 .inbox-reply-form-telegram .inbox-reply-quote-preview {
  grid-column: 1 / -1;
}

.inbox-message-panel.inbox-telegram-panel-560 .inbox-reply-form-telegram .inbox-compose-tools {
  grid-column: 1;
  display: flex;
  align-items: center;
  gap: 5px;
  min-width: max-content;
  padding: 0;
  background: transparent;
  border: 0;
}

.inbox-message-panel.inbox-telegram-panel-560 .inbox-reply-form-telegram .inbox-compose-channel-pill {
  display: none;
}

.inbox-message-panel.inbox-telegram-panel-560 .inbox-reply-form-telegram .inbox-tool-button,
.inbox-message-panel.inbox-telegram-panel-560 .inbox-reply-form-telegram .inbox-file-label {
  width: 31px;
  height: 31px;
  border-radius: 999px;
  border-color: rgba(42, 171, 238, 0.18);
  background: rgba(255, 255, 255, 0.92);
  color: #168ac2;
  box-shadow: 0 2px 6px rgba(42, 171, 238, 0.10);
}

.inbox-message-panel.inbox-telegram-panel-560 .inbox-reply-form-telegram textarea {
  grid-column: 2;
  min-height: 42px;
  max-height: 118px;
  padding: 12px 14px;
  border: 1px solid rgba(42, 171, 238, 0.20);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.98);
  color: #13252e;
  font-size: 13px;
  resize: none;
  box-shadow: inset 0 1px 2px rgba(26, 55, 71, 0.04);
}

.inbox-message-panel.inbox-telegram-panel-560 .inbox-reply-form-telegram textarea::placeholder {
  color: #8aa6b3;
}

.inbox-message-panel.inbox-telegram-panel-560 .inbox-reply-form-telegram .inbox-send-button {
  grid-column: 3;
  width: 42px;
  height: 42px;
  border-radius: 999px;
  background: linear-gradient(135deg, #54d7ff, #229ed9);
  box-shadow: 0 8px 18px rgba(42, 171, 238, 0.24);
}

.inbox-message-panel.inbox-telegram-panel-560 .inbox-reply-form-telegram .inbox-send-button span {
  transform: translateX(1px);
}

[data-theme="dark"] .inbox-message-panel.inbox-telegram-panel-560 {
  background:
    radial-gradient(circle at 12% 10%, rgba(42, 171, 238, 0.12), transparent 30%),
    linear-gradient(180deg, rgba(7, 24, 36, 0.96), rgba(7, 24, 36, 0.92));
}

[data-theme="dark"] .inbox-message-panel.inbox-telegram-panel-560 .panel-head,
[data-theme="dark"] .inbox-message-panel.inbox-telegram-panel-560 .timeline-item.message-provider-telegram.message-in .message-bubble {
  background: rgba(14, 35, 48, 0.96);
}

[data-theme="dark"] .inbox-message-panel.inbox-telegram-panel-560 .timeline-item.message-provider-telegram.message-out .message-bubble {
  background: linear-gradient(135deg, rgba(42, 171, 238, 0.30), rgba(42, 171, 238, 0.18));
}

[data-theme="dark"] .inbox-message-panel.inbox-telegram-panel-560 .inbox-contact-title,
[data-theme="dark"] .inbox-message-panel.inbox-telegram-panel-560 .timeline-item.message-provider-telegram .message-text {
  color: #e7f8ff;
}

/* 20260613telegram_chat_blue562 */
.inbox-message-panel.inbox-telegram-panel-560 {
  --telegram-blue-562: #2AABEE;
  --telegram-blue-dark-562: #168AC4;
  --telegram-blue-soft-562: #DDF5FF;
  --telegram-blue-soft-2-562: #EEF9FF;
  --telegram-out-562: #BEEBFF;
  --telegram-out-border-562: #73CEF6;
  --telegram-in-562: #FFFFFF;
  --telegram-in-border-562: #D7ECF6;
}

.inbox-message-panel.inbox-telegram-panel-560 .inbox-timeline-shell {
  background:
    radial-gradient(circle at 18% 10%, rgba(42, 171, 238, 0.10), transparent 24%),
    linear-gradient(135deg, rgba(42, 171, 238, 0.07) 0 12px, transparent 12px 24px),
    #F7FCFF !important;
}

.inbox-message-panel.inbox-telegram-panel-560 .timeline-item.message-provider-telegram.message-in .message-bubble,
.inbox-message-panel.inbox-telegram-panel-560 .timeline-item.message-provider-telegram.message-in > .timeline-card.message-bubble {
  background: var(--telegram-in-562) !important;
  border-color: var(--telegram-in-border-562) !important;
  color: #102331 !important;
  box-shadow: 0 8px 20px rgba(20, 84, 116, 0.08) !important;
}

.inbox-message-panel.inbox-telegram-panel-560 .timeline-item.message-provider-telegram.message-out .message-bubble,
.inbox-message-panel.inbox-telegram-panel-560 .timeline-item.message-provider-telegram.message-out > .timeline-card.message-bubble {
  background: linear-gradient(135deg, var(--telegram-out-562), #A9E4FF) !important;
  border-color: var(--telegram-out-border-562) !important;
  color: #083247 !important;
  box-shadow: 0 10px 22px rgba(42, 171, 238, 0.18) !important;
}

.inbox-message-panel.inbox-telegram-panel-560 .timeline-item.message-provider-telegram.message-out .message-text,
.inbox-message-panel.inbox-telegram-panel-560 .timeline-item.message-provider-telegram.message-out .message-time,
.inbox-message-panel.inbox-telegram-panel-560 .timeline-item.message-provider-telegram.message-out .message-ticks {
  color: #083247 !important;
}

.inbox-message-panel.inbox-telegram-panel-560 .timeline-item.message-provider-telegram .inbox-provider {
  color: var(--telegram-blue-dark-562) !important;
}

.inbox-message-panel.inbox-telegram-panel-560 .inbox-compose-modes[data-active-mode="telegram"] {
  background: linear-gradient(180deg, rgba(221, 245, 255, 0.98), rgba(239, 250, 255, 0.98)) !important;
  border-color: rgba(42, 171, 238, 0.40) !important;
  box-shadow: 0 -8px 26px rgba(42, 171, 238, 0.14) !important;
}

.inbox-message-panel.inbox-telegram-panel-560 .inbox-reply-form-telegram {
  background: transparent !important;
}

.inbox-message-panel.inbox-telegram-panel-560 .inbox-reply-form-telegram .inbox-tool-button,
.inbox-message-panel.inbox-telegram-panel-560 .inbox-reply-form-telegram .inbox-file-label {
  background: #FFFFFF !important;
  border-color: rgba(42, 171, 238, 0.32) !important;
  color: var(--telegram-blue-dark-562) !important;
  box-shadow: 0 6px 16px rgba(42, 171, 238, 0.14) !important;
}

.inbox-message-panel.inbox-telegram-panel-560 .inbox-reply-form-telegram .inbox-tool-button:hover,
.inbox-message-panel.inbox-telegram-panel-560 .inbox-reply-form-telegram .inbox-file-label:hover {
  background: var(--telegram-blue-soft-562) !important;
  border-color: var(--telegram-blue-562) !important;
}

.inbox-message-panel.inbox-telegram-panel-560 .inbox-reply-form-telegram .inbox-tool-button:first-child {
  background: linear-gradient(135deg, #54C8F7, var(--telegram-blue-562)) !important;
  border-color: #77D8FA !important;
  color: #FFFFFF !important;
}

.inbox-message-panel.inbox-telegram-panel-560 .inbox-reply-form-telegram textarea {
  background: #FFFFFF !important;
  border-color: rgba(42, 171, 238, 0.36) !important;
  color: #123242 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.90) !important;
}

.inbox-message-panel.inbox-telegram-panel-560 .inbox-reply-form-telegram textarea:focus {
  border-color: var(--telegram-blue-562) !important;
  box-shadow: 0 0 0 3px rgba(42, 171, 238, 0.16) !important;
}

.inbox-message-panel.inbox-telegram-panel-560 .inbox-reply-form-telegram .inbox-send-button {
  background: linear-gradient(135deg, #37C5F4, var(--telegram-blue-562)) !important;
  border-color: #7EDBFA !important;
  color: #FFFFFF !important;
  box-shadow: 0 12px 28px rgba(42, 171, 238, 0.34) !important;
}

.inbox-message-panel.inbox-telegram-panel-560 .inbox-reply-form-telegram .inbox-send-button:hover {
  background: linear-gradient(135deg, #55D0FA, #1E9FDB) !important;
}

.inbox-message-panel.inbox-telegram-panel-560 .inbox-message-reactions .inbox-reaction-reply,
.inbox-message-panel.inbox-telegram-panel-560 .inbox-message-reactions .inbox-reaction-toggle,
.inbox-message-panel.inbox-telegram-panel-560 .inbox-message-reactions .inbox-message-menu-toggle {
  background: rgba(255, 255, 255, 0.92) !important;
  border-color: rgba(42, 171, 238, 0.28) !important;
  color: var(--telegram-blue-dark-562) !important;
}

[data-theme="dark"] .inbox-message-panel.inbox-telegram-panel-560 .inbox-timeline-shell {
  background:
    radial-gradient(circle at 18% 10%, rgba(42, 171, 238, 0.14), transparent 24%),
    linear-gradient(135deg, rgba(42, 171, 238, 0.08) 0 12px, transparent 12px 24px),
    #071E2B !important;
}

[data-theme="dark"] .inbox-message-panel.inbox-telegram-panel-560 .timeline-item.message-provider-telegram.message-out .message-bubble,
[data-theme="dark"] .inbox-message-panel.inbox-telegram-panel-560 .timeline-item.message-provider-telegram.message-out > .timeline-card.message-bubble {
  background: linear-gradient(135deg, #1D8CC2, #2AABEE) !important;
  border-color: rgba(130, 219, 255, 0.45) !important;
  color: #F2FBFF !important;
}

/* 20260613telegram_thread_stable565 */
.inbox-thread-row > a.inbox-thread.inbox-telegram-thread,
a.inbox-thread.inbox-telegram-thread {
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) auto !important;
  grid-template-areas: "avatar main side" !important;
  align-items: center !important;
  column-gap: 10px !important;
  min-height: 62px !important;
  padding: 10px 12px !important;
  overflow: hidden !important;
  background: linear-gradient(135deg, rgba(229, 247, 255, 0.96), rgba(247, 253, 255, 0.98)) !important;
  border-color: rgba(42, 171, 238, 0.42) !important;
}

.inbox-thread-row > a.inbox-thread.inbox-telegram-thread.active,
.inbox-thread-row > a.inbox-thread.inbox-telegram-thread:hover,
a.inbox-thread.inbox-telegram-thread.active,
a.inbox-thread.inbox-telegram-thread:hover {
  background: linear-gradient(135deg, rgba(214, 242, 255, 0.98), rgba(239, 250, 255, 0.98)) !important;
  border-color: rgba(42, 171, 238, 0.70) !important;
}

.inbox-thread-row > a.inbox-thread.inbox-telegram-thread > .telegram-avatar-553,
a.inbox-thread.inbox-telegram-thread > .telegram-avatar-553 {
  grid-area: avatar !important;
  position: static !important;
  width: 26px !important;
  height: 26px !important;
  min-width: 26px !important;
  max-width: 26px !important;
  align-self: center !important;
  justify-self: center !important;
  margin: 0 !important;
  transform: none !important;
  z-index: 1 !important;
  flex: 0 0 26px !important;
}

.inbox-thread-row > a.inbox-thread.inbox-telegram-thread > .telegram-avatar-553 img,
a.inbox-thread.inbox-telegram-thread > .telegram-avatar-553 img {
  width: 18px !important;
  height: 18px !important;
  display: block !important;
}

.inbox-thread-row > a.inbox-thread.inbox-telegram-thread > .inbox-thread-main,
a.inbox-thread.inbox-telegram-thread > .inbox-thread-main {
  grid-area: main !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  align-items: flex-start !important;
  justify-content: center !important;
  text-align: left !important;
  overflow: hidden !important;
}

.inbox-thread-row > a.inbox-thread.inbox-telegram-thread > .inbox-thread-main > strong,
a.inbox-thread.inbox-telegram-thread > .inbox-thread-main > strong {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  color: #0C5F86 !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.inbox-thread-row > a.inbox-thread.inbox-telegram-thread > .inbox-thread-main > span,
a.inbox-thread.inbox-telegram-thread > .inbox-thread-main > span {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  color: #1C3340 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.inbox-thread-row > a.inbox-thread.inbox-telegram-thread > .inbox-thread-main > small,
a.inbox-thread.inbox-telegram-thread > .inbox-thread-main > small {
  display: none !important;
}

.inbox-thread-row > a.inbox-thread.inbox-telegram-thread > .inbox-thread-side,
a.inbox-thread.inbox-telegram-thread > .inbox-thread-side {
  grid-area: side !important;
  position: static !important;
  align-self: center !important;
  justify-self: end !important;
  min-width: 92px !important;
  max-width: 108px !important;
  width: auto !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 6px !important;
  justify-items: end !important;
  text-align: right !important;
  overflow: visible !important;
  margin: 0 !important;
  transform: none !important;
}

.inbox-thread-row > a.inbox-thread.inbox-telegram-thread > .inbox-thread-side > .inbox-thread-bot-meta,
a.inbox-thread.inbox-telegram-thread > .inbox-thread-side > .inbox-thread-bot-meta {
  display: block !important;
  width: 100% !important;
  max-width: 108px !important;
  color: #0E5D80 !important;
  font-size: 9.5px !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  white-space: normal !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.inbox-thread-row > a.inbox-thread.inbox-telegram-thread > .inbox-thread-side > .pill.warn,
a.inbox-thread.inbox-telegram-thread > .inbox-thread-side > .pill.warn {
  position: static !important;
  display: inline-grid !important;
  place-items: center !important;
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 999px !important;
  background: #FFE6A6 !important;
  color: #7A4E00 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  box-shadow: none !important;
}

.inbox-thread-row > a.inbox-thread.inbox-telegram-thread.unread > .inbox-thread-main > strong,
.inbox-thread-row > a.inbox-thread.inbox-telegram-thread.unread > .inbox-thread-main > span,
a.inbox-thread.inbox-telegram-thread.unread > .inbox-thread-main > strong,
a.inbox-thread.inbox-telegram-thread.unread > .inbox-thread-main > span {
  color: #073A52 !important;
}

[data-theme="dark"] .inbox-thread-row > a.inbox-thread.inbox-telegram-thread,
[data-theme="dark"] a.inbox-thread.inbox-telegram-thread {
  background: linear-gradient(135deg, rgba(8, 42, 61, 0.98), rgba(5, 30, 45, 0.98)) !important;
  border-color: rgba(42, 171, 238, 0.45) !important;
}

[data-theme="dark"] .inbox-thread-row > a.inbox-thread.inbox-telegram-thread > .inbox-thread-main > strong,
[data-theme="dark"] .inbox-thread-row > a.inbox-thread.inbox-telegram-thread > .inbox-thread-main > span,
[data-theme="dark"] a.inbox-thread.inbox-telegram-thread > .inbox-thread-main > strong,
[data-theme="dark"] a.inbox-thread.inbox-telegram-thread > .inbox-thread-main > span {
  color: #E7F8FF !important;
}

[data-theme="dark"] .inbox-thread-row > a.inbox-thread.inbox-telegram-thread > .inbox-thread-side > .inbox-thread-bot-meta,
[data-theme="dark"] a.inbox-thread.inbox-telegram-thread > .inbox-thread-side > .inbox-thread-bot-meta {
  color: #9EDFFF !important;
}

/* 20260613telegram_thread_meta_delete567 */
.inbox-thread-row > a.inbox-thread.inbox-telegram-thread,
a.inbox-thread.inbox-telegram-thread {
  grid-template-columns: 34px minmax(0, 1fr) 42px !important;
  column-gap: 9px !important;
  padding-right: 10px !important;
}

.inbox-thread-row > a.inbox-thread.inbox-telegram-thread > .inbox-thread-side,
a.inbox-thread.inbox-telegram-thread > .inbox-thread-side {
  min-width: 42px !important;
  max-width: 42px !important;
  width: 42px !important;
  align-self: stretch !important;
  display: grid !important;
  grid-template-rows: auto 1fr auto !important;
  align-content: stretch !important;
  justify-items: end !important;
  gap: 3px !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
}

.inbox-thread-row > a.inbox-thread.inbox-telegram-thread > .inbox-thread-side > .inbox-thread-bot-meta,
a.inbox-thread.inbox-telegram-thread > .inbox-thread-side > .inbox-thread-bot-meta {
  width: 42px !important;
  max-width: 42px !important;
  color: #0E5D80 !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-align: right !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}

.inbox-thread-row > a.inbox-thread.inbox-telegram-thread > .inbox-thread-side > .pill.warn,
a.inbox-thread.inbox-telegram-thread > .inbox-thread-side > .pill.warn {
  align-self: end !important;
  justify-self: end !important;
  width: 19px !important;
  height: 19px !important;
  min-width: 19px !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 999px !important;
  font-size: 10.5px !important;
  font-weight: 900 !important;
  transition: opacity 0.12s ease, transform 0.12s ease !important;
}

/* En hover, el tachito ocupa ese lugar y el contador se oculta para no quedar tapado. */
.inbox-thread-row:has(> a.inbox-thread.inbox-telegram-thread:hover) > a.inbox-thread.inbox-telegram-thread > .inbox-thread-side > .pill.warn,
.inbox-thread-row:has(> a.inbox-thread.inbox-telegram-thread:focus-within) > a.inbox-thread.inbox-telegram-thread > .inbox-thread-side > .pill.warn {
  opacity: 0 !important;
  transform: scale(0.8) !important;
}

.inbox-thread-row:has(> a.inbox-thread.inbox-telegram-thread) .inbox-thread-delete-button,
.inbox-thread-row:has(> a.inbox-thread.inbox-telegram-thread) [data-inbox-thread-delete],
.inbox-thread-row:has(> a.inbox-thread.inbox-telegram-thread) button[title*="Eliminar"],
.inbox-thread-row:has(> a.inbox-thread.inbox-telegram-thread) button[aria-label*="Eliminar"],
.inbox-thread-row:has(> a.inbox-thread.inbox-telegram-thread) button[title*="Borrar"],
.inbox-thread-row:has(> a.inbox-thread.inbox-telegram-thread) button[aria-label*="Borrar"] {
  right: 9px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 10 !important;
}

[data-theme="dark"] .inbox-thread-row > a.inbox-thread.inbox-telegram-thread > .inbox-thread-side > .inbox-thread-bot-meta,
[data-theme="dark"] a.inbox-thread.inbox-telegram-thread > .inbox-thread-side > .inbox-thread-bot-meta {
  color: #9EDFFF !important;
}



/* 20260613inbox_video_media569 */
.inbox-video-card-569 {
  display: grid;
  gap: 7px;
  max-width: min(360px, 74vw);
  padding: 7px;
  border: 1px solid rgba(42, 171, 238, 0.24);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.86);
}

.inbox-video-player-569 {
  display: block;
  width: 100%;
  max-height: 340px;
  border-radius: 11px;
  background: #071923;
  outline: none;
}

.inbox-video-foot-569 {
  display: grid;
  gap: 3px;
  color: #14303f;
  font-size: 11px;
  line-height: 1.25;
}

.inbox-video-foot-569 strong {
  font-size: 11px;
  font-weight: 800;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.inbox-video-caption-569 {
  color: #47606d;
  font-size: 10.5px;
}

.inbox-video-foot-569 span {
  display: flex;
  gap: 8px;
  align-items: center;
}

.inbox-video-foot-569 a {
  color: #168AC4;
  font-weight: 800;
  text-decoration: none;
}

.inbox-message-panel.inbox-telegram-panel-560 .inbox-video-card-569 {
  border-color: rgba(42, 171, 238, 0.38);
  box-shadow: 0 10px 28px rgba(42, 171, 238, 0.12);
}

[data-theme="dark"] .inbox-video-card-569 {
  background: rgba(8, 32, 46, 0.92);
  border-color: rgba(42, 171, 238, 0.38);
}

[data-theme="dark"] .inbox-video-foot-569 {
  color: #E7F8FF;
}

[data-theme="dark"] .inbox-video-caption-569 {
  color: #9EC6D8;
}


/* 20260613telegram_stickers_actions573 */
.telegram-sticker-card-573 {
  display: inline-grid;
  gap: 5px;
  justify-items: center;
  align-items: center;
  max-width: 180px;
  padding: 8px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.70);
}

.telegram-sticker-card-573 img,
.telegram-sticker-card-573 video {
  display: block;
  width: min(148px, 46vw);
  max-height: 148px;
  object-fit: contain;
  border-radius: 14px;
}

.telegram-sticker-card-573 small {
  color: #168AC4;
  font-size: 10px;
  font-weight: 800;
}

.telegram-sticker-card-573.is-tgs span,
.telegram-sticker-card-573.is-empty span {
  font-size: 34px;
  line-height: 1;
}

.telegram-sticker-card-573.is-tgs a {
  color: #168AC4;
  font-size: 11px;
  font-weight: 800;
  text-decoration: none;
}

.inbox-message-panel.inbox-telegram-panel-560 .telegram-sticker-card-573 {
  background: rgba(221, 245, 255, 0.78);
  border: 1px solid rgba(42, 171, 238, 0.28);
}

[data-theme="dark"] .telegram-sticker-card-573 {
  background: rgba(8, 32, 46, 0.84);
  border-color: rgba(42, 171, 238, 0.32);
}



/* 20260613telegram_sticker_real574b */
.telegram-sticker-real-574 {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  margin: 0;
  max-width: 170px;
}

.telegram-sticker-real-574 figcaption {
  max-width: 160px;
  color: #3585a8;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
}

.telegram-sticker-real-574.is-empty {
  min-width: 92px;
  min-height: 72px;
  justify-content: center;
  border-radius: 18px;
  background: rgba(54, 174, 226, 0.12);
  color: #1687bd;
  font-weight: 800;
}

.telegram-sticker-image-574,
.telegram-sticker-video-574,
.telegram-sticker-lottie-shell-574 {
  width: 132px;
  height: 132px;
  object-fit: contain;
  border-radius: 20px;
}

.telegram-sticker-image-574,
.telegram-sticker-video-574 {
  display: block;
  background: transparent;
}

.telegram-sticker-lottie-shell-574 {
  position: relative;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: transparent;
}

.telegram-sticker-lottie-574,
.telegram-sticker-thumb-574 {
  grid-area: 1 / 1;
  width: 132px;
  height: 132px;
  object-fit: contain;
}

.telegram-sticker-thumb-574 {
  opacity: 0.35;
}

.telegram-sticker-lottie-574 {
  position: relative;
  z-index: 2;
}

.inbox-message-panel.inbox-telegram-panel-560 .telegram-sticker-real-574 {
  filter: drop-shadow(0 10px 18px rgba(38, 166, 218, 0.12));
}




/* 20260613telegram_sticker_tgs_fix576 */
.telegram-sticker-lottie-shell-574 {
  background: transparent;
}

.telegram-sticker-lottie-574 {
  display: block;
}

.telegram-sticker-real-574 figcaption {
  color: #229ed9;
}



/* 20260613inbox_soft_nav_fluid585 */
.inbox-thread.is-soft-loading-585 {
  opacity: 0.78;
  transform: translateX(1px);
  transition: opacity .12s ease, transform .12s ease;
}

.inbox-message-panel.is-soft-loading-585 .inbox-timeline-shell,
.inbox-message-panel.is-soft-loading-585 .timeline {
  opacity: .58;
  transition: opacity .14s ease;
}

.inbox-message-panel.is-soft-loading-585::after {
  content: "Cargando conversacion...";
  position: absolute;
  top: 72px;
  right: 24px;
  z-index: 20;
  padding: 7px 12px;
  border: 1px solid rgba(40, 169, 225, .28);
  border-radius: 999px;
  background: rgba(237, 250, 255, .92);
  color: #147aa8;
  font-size: 12px;
  font-weight: 800;
  box-shadow: 0 8px 22px rgba(20, 122, 168, .12);
  pointer-events: none;
}

[data-theme="dark"] .inbox-message-panel.is-soft-loading-585::after {
  background: rgba(11, 32, 42, .92);
  color: #8fdcff;
}

/* 20260616sendpulse_social_beauty716 */

.inbox-provider-tab-badge.facebook {
  background: linear-gradient(135deg, #2d87ff, #1877f2) !important;
  color: #fff !important;
}

.inbox-provider-tab-badge.instagram {
  background: linear-gradient(135deg, #833ab4, #e1306c 58%, #f77737) !important;
  color: #fff !important;
}

.inbox-provider-tab-badge.tiktok {
  background: linear-gradient(135deg, #151922, #090b11) !important;
  color: #fff !important;
  box-shadow: inset 1px 0 0 rgba(37, 244, 238, 0.36), inset -1px 0 0 rgba(254, 44, 85, 0.36);
}

.inbox-thread.channel-facebook {
  box-shadow: inset 3px 0 0 rgba(24, 119, 242, 0.22);
}

.inbox-thread.channel-instagram {
  box-shadow: inset 3px 0 0 rgba(225, 48, 108, 0.24);
}

.inbox-thread.channel-tiktok {
  box-shadow: inset 3px 0 0 rgba(37, 244, 238, 0.22);
}

.inbox-thread.channel-facebook .inbox-thread-bot-meta {
  color: #3868b5;
}

.inbox-thread.channel-instagram .inbox-thread-bot-meta {
  color: #b13d73;
}

.inbox-thread.channel-tiktok .inbox-thread-bot-meta {
  color: #488a90;
}

.inbox-message-panel:has(.inbox-reply-form-facebook) {
  --social-head-bg: rgba(255, 255, 255, 0.88);
  --social-head-border: rgba(24, 119, 242, 0.18);
  --social-shell: radial-gradient(circle at 16% 10%, rgba(24, 119, 242, 0.10), transparent 28%), linear-gradient(180deg, rgba(247, 250, 255, 0.98), rgba(255, 255, 255, 0.98));
  --social-compose: linear-gradient(180deg, rgba(235, 243, 255, 0.98), rgba(245, 249, 255, 0.98));
  --social-compose-border: rgba(24, 119, 242, 0.24);
  --social-in: #ffffff;
  --social-in-border: #dce7ff;
  --social-out: linear-gradient(135deg, #dce9ff, #bfd6ff);
  --social-out-border: #9abcf9;
  --social-out-text: #113252;
  --social-text: #1a2d45;
  --social-muted: #3868b5;
  --social-tool-bg: #ffffff;
  --social-tool-border: rgba(24, 119, 242, 0.22);
  --social-tool-color: #1877f2;
  --social-send-bg: linear-gradient(135deg, #4b96ff, #1877f2);
  --social-send-border: #7fb5ff;
}

.inbox-message-panel:has(.inbox-reply-form-instagram) {
  --social-head-bg: rgba(255, 250, 252, 0.90);
  --social-head-border: rgba(225, 48, 108, 0.18);
  --social-shell: radial-gradient(circle at 14% 10%, rgba(131, 58, 180, 0.10), transparent 24%), radial-gradient(circle at 84% 12%, rgba(247, 119, 55, 0.10), transparent 24%), linear-gradient(180deg, rgba(255, 248, 251, 0.99), rgba(255, 255, 255, 0.98));
  --social-compose: linear-gradient(180deg, rgba(255, 240, 246, 0.98), rgba(255, 248, 242, 0.98));
  --social-compose-border: rgba(225, 48, 108, 0.22);
  --social-in: #ffffff;
  --social-in-border: #f3d7e4;
  --social-out: linear-gradient(135deg, #ffe2ec, #ffd9c6);
  --social-out-border: #f3b6c7;
  --social-out-text: #4b1830;
  --social-text: #402334;
  --social-muted: #b13d73;
  --social-tool-bg: #ffffff;
  --social-tool-border: rgba(225, 48, 108, 0.22);
  --social-tool-color: #c13584;
  --social-send-bg: linear-gradient(135deg, #833ab4, #e1306c 56%, #f77737);
  --social-send-border: rgba(255, 179, 152, 0.92);
}

.inbox-message-panel:has(.inbox-reply-form-tiktok) {
  background:
    radial-gradient(circle at 16% 18%, rgba(37, 244, 238, 0.12) 0%, rgba(37, 244, 238, 0) 34%),
    radial-gradient(circle at 88% 12%, rgba(254, 44, 85, 0.10) 0%, rgba(254, 44, 85, 0) 28%),
    linear-gradient(180deg, #fbfdff 0%, #f6fbff 100%);
  border: 1px solid rgba(131, 214, 223, 0.55);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72), 0 16px 34px rgba(16, 36, 41, 0.10);
  color: #17232d;
}

.inbox-message-panel:has(.inbox-reply-form-facebook),
.inbox-message-panel:has(.inbox-reply-form-instagram),
.inbox-message-panel:has(.inbox-reply-form-tiktok) {
  background: var(--social-shell) !important;
}

.inbox-message-panel:has(.inbox-reply-form-facebook) .panel-head,
.inbox-message-panel:has(.inbox-reply-form-instagram) .panel-head,
.inbox-message-panel:has(.inbox-reply-form-tiktok) .panel-head {
  background: linear-gradient(90deg, #102231 0%, #123247 54%, #3a1827 100%);
  border-bottom: 1px solid rgba(116, 219, 225, 0.32);
}

.inbox-message-panel:has(.inbox-reply-form-facebook) .timeline-item.message-channel-facebook .message-bubble,
.inbox-message-panel:has(.inbox-reply-form-instagram) .timeline-item.message-channel-instagram .message-bubble,
.inbox-message-panel:has(.inbox-reply-form-tiktok) .timeline-item.message-channel-tiktok .message-bubble {
  background: rgba(255, 255, 255, 0.88);
  border: 1px solid rgba(120, 222, 227, 0.42);
  color: #17232d;
  box-shadow: 0 10px 26px rgba(19, 42, 51, 0.08);
  backdrop-filter: blur(10px);
}

.inbox-message-panel:has(.inbox-reply-form-facebook) .timeline-item.message-channel-facebook.message-in .message-bubble,
.inbox-message-panel:has(.inbox-reply-form-instagram) .timeline-item.message-channel-instagram.message-in .message-bubble,
.inbox-message-panel:has(.inbox-reply-form-tiktok) .timeline-item.message-channel-tiktok.message-in .message-bubble {
  background: linear-gradient(135deg, #ffffff 0%, #effbfd 100%);
  border-color: rgba(60, 196, 210, 0.38);
  color: #17232d;
}

.inbox-message-panel:has(.inbox-reply-form-facebook) .timeline-item.message-channel-facebook.message-out .message-bubble,
.inbox-message-panel:has(.inbox-reply-form-instagram) .timeline-item.message-channel-instagram.message-out .message-bubble,
.inbox-message-panel:has(.inbox-reply-form-tiktok) .timeline-item.message-channel-tiktok.message-out .message-bubble {
  background: linear-gradient(135deg, #ecfeff 0%, #fff1f5 100%);
  border-color: rgba(254, 44, 85, 0.22);
  color: #17232d;
}

.inbox-message-panel:has(.inbox-reply-form-facebook) .timeline-item.message-channel-facebook .inbox-provider,
.inbox-message-panel:has(.inbox-reply-form-instagram) .timeline-item.message-channel-instagram .inbox-provider,
.inbox-message-panel:has(.inbox-reply-form-tiktok) .timeline-item.message-channel-tiktok .inbox-provider {
  display: none !important;
}

.inbox-message-panel:has(.inbox-reply-form-facebook) .timeline-item.message-channel-facebook .message-time,
.inbox-message-panel:has(.inbox-reply-form-instagram) .timeline-item.message-channel-instagram .message-time,
.inbox-message-panel:has(.inbox-reply-form-tiktok) .timeline-item.message-channel-tiktok .message-time,
.inbox-message-panel:has(.inbox-reply-form-facebook) .timeline-item.message-channel-facebook .message-ticks,
.inbox-message-panel:has(.inbox-reply-form-instagram) .timeline-item.message-channel-instagram .message-ticks,
.inbox-message-panel:has(.inbox-reply-form-tiktok) .timeline-item.message-channel-tiktok .message-ticks {
  color: var(--social-muted) !important;
  font-size: 10px;
  font-weight: 700;
}

/* 20260617social_compose_bar_cleanup745 */
.inbox-message-panel:has(.inbox-reply-form-facebook) .inbox-timeline-shell,
.inbox-message-panel:has(.inbox-reply-form-instagram) .inbox-timeline-shell,
.inbox-message-panel:has(.inbox-reply-form-tiktok) .inbox-timeline-shell {
  overflow-x: hidden !important;
}

.inbox-message-panel:has(.inbox-reply-form-facebook) .inbox-timeline-shell > .inbox-timeline,
.inbox-message-panel:has(.inbox-reply-form-instagram) .inbox-timeline-shell > .inbox-timeline,
.inbox-message-panel:has(.inbox-reply-form-tiktok) .inbox-timeline-shell > .inbox-timeline {
  overflow-x: hidden !important;
  width: 100% !important;
  max-width: 100% !important;
}

.inbox-message-panel:has(.inbox-reply-form-facebook) .inbox-compose-shell,
.inbox-message-panel:has(.inbox-reply-form-instagram) .inbox-compose-shell,
.inbox-message-panel:has(.inbox-reply-form-tiktok) .inbox-compose-shell,
.inbox-message-panel:has(.inbox-reply-form-facebook) .inbox-compose-panel-shell,
.inbox-message-panel:has(.inbox-reply-form-instagram) .inbox-compose-panel-shell,
.inbox-message-panel:has(.inbox-reply-form-tiktok) .inbox-compose-panel-shell,
.inbox-message-panel:has(.inbox-reply-form-facebook) .inbox-compose-modes,
.inbox-message-panel:has(.inbox-reply-form-instagram) .inbox-compose-modes,
.inbox-message-panel:has(.inbox-reply-form-tiktok) .inbox-compose-modes,
.inbox-message-panel:has(.inbox-reply-form-facebook) .inbox-reply-form-sendpulse-social,
.inbox-message-panel:has(.inbox-reply-form-instagram) .inbox-reply-form-sendpulse-social,
.inbox-message-panel:has(.inbox-reply-form-tiktok) .inbox-reply-form-sendpulse-social {
  min-width: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.inbox-message-panel:has(.inbox-reply-form-facebook) .inbox-reply-form-sendpulse-social textarea,
.inbox-message-panel:has(.inbox-reply-form-instagram) .inbox-reply-form-sendpulse-social textarea,
.inbox-message-panel:has(.inbox-reply-form-tiktok) .inbox-reply-form-sendpulse-social textarea {
  min-width: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* 20260616sendpulse_tiktok_light_fix717 */
.inbox-message-panel:has(.inbox-reply-form-tiktok) .panel-head,
.inbox-message-panel:has(.inbox-reply-form-tiktok) .panel-head * {
  color: #f4fbff;
}

.inbox-message-panel:has(.inbox-reply-form-tiktok) .timeline-item.message-channel-tiktok .message-bubble,
.inbox-message-panel:has(.inbox-reply-form-tiktok) .timeline-item.message-channel-tiktok .message-bubble * {
  color: #17232d;
}

.inbox-message-panel:has(.inbox-reply-form-tiktok) .timeline-item.message-channel-tiktok .inbox-provider,
.inbox-message-panel:has(.inbox-reply-form-tiktok) .timeline-item.message-channel-tiktok .message-time,
.inbox-message-panel:has(.inbox-reply-form-tiktok) .timeline-item.message-channel-tiktok .message-ticks {
  color: #647987;
  opacity: 1;
}

.inbox-message-panel:has(.inbox-reply-form-tiktok) .inbox-reply-form-sendpulse-social {
  background: linear-gradient(180deg, #ffffff 0%, #f8fcff 100%);
  border: 1px solid rgba(139, 223, 228, 0.60);
  box-shadow: 0 12px 28px rgba(15, 54, 61, 0.10);
}

.inbox-message-panel:has(.inbox-reply-form-tiktok) .inbox-reply-form-sendpulse-social textarea {
  background: #ffffff;
  color: #18232c;
  border: 1px solid rgba(214, 233, 236, 0.96);
}

.inbox-message-panel:has(.inbox-reply-form-tiktok) .inbox-reply-form-sendpulse-social textarea::placeholder {
  color: #7f9199;
}

.inbox-message-panel:has(.inbox-reply-form-tiktok) .inbox-reply-form-sendpulse-social .inbox-tool-button {
  background: #ffffff;
  color: #1a4453;
  border: 1px solid rgba(191, 229, 232, 0.92);
}

.inbox-message-panel:has(.inbox-reply-form-tiktok) .inbox-reply-form-sendpulse-social .inbox-send-button {
  background: linear-gradient(135deg, #25f4ee 0%, #fe2c55 100%);
  color: #ffffff;
  box-shadow: 0 12px 24px rgba(254, 44, 85, 0.24);
}

.inbox-message-panel:has(.inbox-reply-form-tiktok) .inbox-compose-channel-pill.tiktok,
.inbox-message-panel:has(.inbox-reply-form-tiktok) .inbox-provider-tab-badge.tiktok {
  background: linear-gradient(135deg, rgba(37, 244, 238, 0.18) 0%, rgba(254, 44, 85, 0.12) 100%);
  color: #15242e;
  border: 1px solid rgba(120, 221, 226, 0.46);
}


/* 20260616sendpulse_social_header_fix718 */
.inbox-message-panel:has(.inbox-reply-form-facebook) .panel-head {
  background: linear-gradient(90deg, #f4f9ff 0%, #e8f2ff 100%) !important;
  border-bottom: 1px solid rgba(91, 149, 255, 0.24) !important;
}

.inbox-message-panel:has(.inbox-reply-form-instagram) .panel-head {
  background: linear-gradient(90deg, #fff7fb 0%, #fff0f7 100%) !important;
  border-bottom: 1px solid rgba(255, 99, 160, 0.20) !important;
}

.inbox-message-panel:has(.inbox-reply-form-tiktok) .panel-head {
  background: linear-gradient(90deg, #102231 0%, #123247 54%, #3a1827 100%) !important;
  border-bottom: 1px solid rgba(116, 219, 225, 0.32) !important;
}

.inbox-message-panel:has(.inbox-reply-form-facebook) .panel-head,
.inbox-message-panel:has(.inbox-reply-form-facebook) .panel-head > *:first-child *,
.inbox-message-panel:has(.inbox-reply-form-facebook) .panel-head > *:first-child strong,
.inbox-message-panel:has(.inbox-reply-form-facebook) .panel-head > *:first-child span,
.inbox-message-panel:has(.inbox-reply-form-facebook) .panel-head > *:first-child small,
.inbox-message-panel:has(.inbox-reply-form-facebook) .panel-head > *:first-child div,
.inbox-message-panel:has(.inbox-reply-form-facebook) .panel-head > *:first-child a {
  color: #17324a !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

.inbox-message-panel:has(.inbox-reply-form-instagram) .panel-head,
.inbox-message-panel:has(.inbox-reply-form-instagram) .panel-head > *:first-child *,
.inbox-message-panel:has(.inbox-reply-form-instagram) .panel-head > *:first-child strong,
.inbox-message-panel:has(.inbox-reply-form-instagram) .panel-head > *:first-child span,
.inbox-message-panel:has(.inbox-reply-form-instagram) .panel-head > *:first-child small,
.inbox-message-panel:has(.inbox-reply-form-instagram) .panel-head > *:first-child div,
.inbox-message-panel:has(.inbox-reply-form-instagram) .panel-head > *:first-child a {
  color: #4a2336 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

.inbox-message-panel:has(.inbox-reply-form-tiktok) .panel-head,
.inbox-message-panel:has(.inbox-reply-form-tiktok) .panel-head > *:first-child *,
.inbox-message-panel:has(.inbox-reply-form-tiktok) .panel-head > *:first-child strong,
.inbox-message-panel:has(.inbox-reply-form-tiktok) .panel-head > *:first-child span,
.inbox-message-panel:has(.inbox-reply-form-tiktok) .panel-head > *:first-child small,
.inbox-message-panel:has(.inbox-reply-form-tiktok) .panel-head > *:first-child div,
.inbox-message-panel:has(.inbox-reply-form-tiktok) .panel-head > *:first-child a {
  color: #f4fbff !important;
  text-shadow: none !important;
  opacity: 1 !important;
}


/* 20260616sendpulse_tiktok_header_title_fix719 */
.inbox-message-panel:has(.inbox-reply-form-tiktok) .panel-head > *:first-child,
.inbox-message-panel:has(.inbox-reply-form-tiktok) .panel-head > *:first-child *,
.inbox-message-panel:has(.inbox-reply-form-tiktok) .panel-head h1,
.inbox-message-panel:has(.inbox-reply-form-tiktok) .panel-head h2,
.inbox-message-panel:has(.inbox-reply-form-tiktok) .panel-head h3,
.inbox-message-panel:has(.inbox-reply-form-tiktok) .panel-head strong,
.inbox-message-panel:has(.inbox-reply-form-tiktok) .panel-head b,
.inbox-message-panel:has(.inbox-reply-form-tiktok) .panel-head [class*="title"],
.inbox-message-panel:has(.inbox-reply-form-tiktok) .panel-head [class*="contact"],
.inbox-message-panel:has(.inbox-reply-form-tiktok) .panel-head [class*="name"] {
  color: #f4fbff !important;
  -webkit-text-fill-color: #f4fbff !important;
  text-shadow: none !important;
  opacity: 1 !important;
}


/* 20260616sendpulse_tiktok_title_only_fix720 */
.inbox-message-panel:has(.inbox-reply-form-tiktok) .panel-head h1,
.inbox-message-panel:has(.inbox-reply-form-tiktok) .panel-head h2,
.inbox-message-panel:has(.inbox-reply-form-tiktok) .panel-head h3,
.inbox-message-panel:has(.inbox-reply-form-tiktok) .panel-head .thread-title,
.inbox-message-panel:has(.inbox-reply-form-tiktok) .panel-head .inbox-thread-title,
.inbox-message-panel:has(.inbox-reply-form-tiktok) .panel-head [class*="thread-title"],
.inbox-message-panel:has(.inbox-reply-form-tiktok) .panel-head [class*="contact-title"] {
  color: #f4fbff !important;
  background: none !important;
  text-shadow: none !important;
  -webkit-text-fill-color: #f4fbff !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  filter: none !important;
  opacity: 1 !important;
}




/* 20260616sendpulse_tiktok_contact_link_fix722 */
.inbox-message-panel:has(.inbox-reply-form-tiktok) .panel-head .inbox-contact-title,
.inbox-message-panel:has(.inbox-reply-form-tiktok) .panel-head .inbox-contact-title:link,
.inbox-message-panel:has(.inbox-reply-form-tiktok) .panel-head .inbox-contact-title:visited,
.inbox-message-panel:has(.inbox-reply-form-tiktok) .panel-head .inbox-contact-title:hover,
.inbox-message-panel:has(.inbox-reply-form-tiktok) .panel-head .inbox-contact-title:active {
  color: #f4fbff !important;
  -webkit-text-fill-color: #f4fbff !important;
  text-decoration: none !important;
  text-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;
}

.inbox-message-panel:has(.inbox-reply-form-tiktok) .panel-head small,
.inbox-message-panel:has(.inbox-reply-form-tiktok) .panel-head .muted {
  color: rgba(244, 251, 255, 0.82) !important;
  -webkit-text-fill-color: rgba(244, 251, 255, 0.82) !important;
}


/* 20260617sendpulse_tiktok_header_match723 */
.inbox-message-panel:has(.inbox-reply-form-tiktok) .panel-head {
  background: linear-gradient(90deg, #f7fdff 0%, #f3fbff 55%, #fff4f8 100%) !important;
  border-bottom: 1px solid rgba(116, 219, 225, 0.34) !important;
}

.inbox-message-panel:has(.inbox-reply-form-tiktok) .panel-head .inbox-contact-title,
.inbox-message-panel:has(.inbox-reply-form-tiktok) .panel-head .inbox-contact-title:link,
.inbox-message-panel:has(.inbox-reply-form-tiktok) .panel-head .inbox-contact-title:visited,
.inbox-message-panel:has(.inbox-reply-form-tiktok) .panel-head .inbox-contact-title:hover,
.inbox-message-panel:has(.inbox-reply-form-tiktok) .panel-head .inbox-contact-title:active {
  color: #173240 !important;
  -webkit-text-fill-color: #173240 !important;
  text-decoration: none !important;
  text-shadow: none !important;
}

.inbox-message-panel:has(.inbox-reply-form-tiktok) .panel-head small,
.inbox-message-panel:has(.inbox-reply-form-tiktok) .panel-head .muted {
  color: #617684 !important;
  -webkit-text-fill-color: #617684 !important;
}


/* 20260617sendpulse_social_bubbles_brand724 */
.inbox-message-panel:has(.inbox-reply-form-facebook) .timeline-item.message-channel-facebook .message-bubble {
  border: 1px solid rgba(126, 176, 255, 0.44) !important;
  box-shadow: 0 10px 24px rgba(48, 97, 186, 0.10) !important;
}

.inbox-message-panel:has(.inbox-reply-form-facebook) .timeline-item.message-channel-facebook.message-in .message-bubble {
  background: linear-gradient(135deg, #ffffff 0%, #edf4ff 100%) !important;
  color: #18324e !important;
}

.inbox-message-panel:has(.inbox-reply-form-facebook) .timeline-item.message-channel-facebook.message-out .message-bubble {
  background: linear-gradient(135deg, #dcecff 0%, #cfe3ff 100%) !important;
  border-color: rgba(86, 140, 234, 0.34) !important;
  color: #17324a !important;
}

.inbox-message-panel:has(.inbox-reply-form-instagram) .timeline-item.message-channel-instagram .message-bubble {
  border: 1px solid rgba(255, 157, 195, 0.42) !important;
  box-shadow: 0 10px 24px rgba(204, 82, 125, 0.10) !important;
}

.inbox-message-panel:has(.inbox-reply-form-instagram) .timeline-item.message-channel-instagram.message-in .message-bubble {
  background: linear-gradient(135deg, #ffffff 0%, #fff1f7 100%) !important;
  color: #4a2336 !important;
}

.inbox-message-panel:has(.inbox-reply-form-instagram) .timeline-item.message-channel-instagram.message-out .message-bubble {
  background: linear-gradient(135deg, #ffdff0 0%, #ffe7d7 100%) !important;
  border-color: rgba(255, 128, 171, 0.34) !important;
  color: #4f2434 !important;
}

.inbox-message-panel:has(.inbox-reply-form-tiktok) .timeline-item.message-channel-tiktok .message-bubble {
  border: 1px solid rgba(133, 232, 231, 0.46) !important;
  box-shadow: 0 10px 24px rgba(37, 177, 183, 0.10) !important;
}

.inbox-message-panel:has(.inbox-reply-form-tiktok) .timeline-item.message-channel-tiktok.message-in .message-bubble {
  background: linear-gradient(135deg, #ffffff 0%, #eefeff 100%) !important;
  color: #17313d !important;
}

.inbox-message-panel:has(.inbox-reply-form-tiktok) .timeline-item.message-channel-tiktok.message-out .message-bubble {
  background: linear-gradient(135deg, #dcfffb 0%, #ffe7ef 100%) !important;
  border-color: rgba(255, 121, 156, 0.28) !important;
  color: #18313c !important;
}

.inbox-message-panel:has(.inbox-reply-form-facebook) .timeline-item.message-channel-facebook .message-time,
.inbox-message-panel:has(.inbox-reply-form-facebook) .timeline-item.message-channel-facebook .message-ticks {
  color: #6d86a7 !important;
}

.inbox-message-panel:has(.inbox-reply-form-instagram) .timeline-item.message-channel-instagram .message-time,
.inbox-message-panel:has(.inbox-reply-form-instagram) .timeline-item.message-channel-instagram .message-ticks {
  color: #b06a87 !important;
}

.inbox-message-panel:has(.inbox-reply-form-tiktok) .timeline-item.message-channel-tiktok .message-time,
.inbox-message-panel:has(.inbox-reply-form-tiktok) .timeline-item.message-channel-tiktok .message-ticks {
  color: #6a8b94 !important;
}


/* 20260617social_thread_copy_safe726 */
.inbox-thread.channel-facebook,
.inbox-thread.channel-instagram,
.inbox-thread.channel-tiktok {
  grid-template-columns: minmax(0, 1fr) auto !important;
  column-gap: 10px !important;
  position: relative;
  padding-bottom: 25px !important;
}

.inbox-thread.channel-facebook .inbox-thread-main,
.inbox-thread.channel-instagram .inbox-thread-main,
.inbox-thread.channel-tiktok .inbox-thread-main {
  justify-items: start;
  text-align: left;
  gap: 5px !important;
  min-width: 0;
  padding-right: 4px;
}

.inbox-thread.channel-facebook .inbox-thread-main strong,
.inbox-thread.channel-instagram .inbox-thread-main strong,
.inbox-thread.channel-tiktok .inbox-thread-main strong,
.inbox-thread.channel-facebook .inbox-thread-main small,
.inbox-thread.channel-instagram .inbox-thread-main small,
.inbox-thread.channel-tiktok .inbox-thread-main small,
.inbox-thread.channel-facebook .inbox-thread-main > span,
.inbox-thread.channel-instagram .inbox-thread-main > span,
.inbox-thread.channel-tiktok .inbox-thread-main > span {
  display: block;
}

.inbox-thread.channel-facebook .inbox-thread-main strong,
.inbox-thread.channel-instagram .inbox-thread-main strong,
.inbox-thread.channel-tiktok .inbox-thread-main strong {
  font-weight: 800 !important;
}

.inbox-thread.channel-facebook.read .inbox-thread-main strong,
.inbox-thread.channel-instagram.read .inbox-thread-main strong,
.inbox-thread.channel-tiktok.read .inbox-thread-main strong {
  font-weight: 600 !important;
}

.inbox-thread.channel-facebook .inbox-thread-side,
.inbox-thread.channel-instagram .inbox-thread-side,
.inbox-thread.channel-tiktok .inbox-thread-side {
  position: absolute;
  right: 11px;
  bottom: 8px;
  min-width: 0 !important;
  max-width: calc(100% - 42px);
  align-items: flex-end !important;
  gap: 3px !important;
}

.inbox-thread.channel-facebook .inbox-thread-bot-meta,
.inbox-thread.channel-instagram .inbox-thread-bot-meta,
.inbox-thread.channel-tiktok .inbox-thread-bot-meta {
  font-size: 11px;
  font-weight: 700;
}

.inbox-thread.channel-facebook .inbox-thread-main small {
  color: #1877f2 !important;
}

.inbox-thread.channel-instagram .inbox-thread-main small {
  color: #e1306c !important;
}

.inbox-thread.channel-tiktok .inbox-thread-main small {
  color: #111827 !important;
}


/* 20260617social_thread_left_visual727 */
.inbox-thread-row > a.inbox-thread.channel-facebook,
.inbox-thread-row > a.inbox-thread.channel-instagram,
.inbox-thread-row > a.inbox-thread.channel-tiktok,
a.inbox-thread.channel-facebook,
a.inbox-thread.channel-instagram,
a.inbox-thread.channel-tiktok {
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-rows: auto auto !important;
  column-gap: 10px !important;
  row-gap: 4px !important;
  align-items: start !important;
  position: relative !important;
  padding-bottom: 25px !important;
}

.inbox-thread-row > a.inbox-thread.channel-facebook > .inbox-thread-main,
.inbox-thread-row > a.inbox-thread.channel-instagram > .inbox-thread-main,
.inbox-thread-row > a.inbox-thread.channel-tiktok > .inbox-thread-main,
a.inbox-thread.channel-facebook > .inbox-thread-main,
a.inbox-thread.channel-instagram > .inbox-thread-main,
a.inbox-thread.channel-tiktok > .inbox-thread-main {
  justify-items: start !important;
  text-align: left !important;
  gap: 5px !important;
  min-width: 0 !important;
  padding-right: 4px !important;
}

.inbox-thread-row > a.inbox-thread.channel-facebook > .inbox-thread-main > strong,
.inbox-thread-row > a.inbox-thread.channel-facebook > .inbox-thread-main > small,
.inbox-thread-row > a.inbox-thread.channel-facebook > .inbox-thread-main > span,
.inbox-thread-row > a.inbox-thread.channel-instagram > .inbox-thread-main > strong,
.inbox-thread-row > a.inbox-thread.channel-instagram > .inbox-thread-main > small,
.inbox-thread-row > a.inbox-thread.channel-instagram > .inbox-thread-main > span,
.inbox-thread-row > a.inbox-thread.channel-tiktok > .inbox-thread-main > strong,
.inbox-thread-row > a.inbox-thread.channel-tiktok > .inbox-thread-main > small,
.inbox-thread-row > a.inbox-thread.channel-tiktok > .inbox-thread-main > span,
a.inbox-thread.channel-facebook > .inbox-thread-main > strong,
a.inbox-thread.channel-facebook > .inbox-thread-main > small,
a.inbox-thread.channel-facebook > .inbox-thread-main > span,
a.inbox-thread.channel-instagram > .inbox-thread-main > strong,
a.inbox-thread.channel-instagram > .inbox-thread-main > small,
a.inbox-thread.channel-instagram > .inbox-thread-main > span,
a.inbox-thread.channel-tiktok > .inbox-thread-main > strong,
a.inbox-thread.channel-tiktok > .inbox-thread-main > small,
a.inbox-thread.channel-tiktok > .inbox-thread-main > span {
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.inbox-thread-row > a.inbox-thread.channel-facebook > .inbox-thread-main > strong,
.inbox-thread-row > a.inbox-thread.channel-instagram > .inbox-thread-main > strong,
.inbox-thread-row > a.inbox-thread.channel-tiktok > .inbox-thread-main > strong,
a.inbox-thread.channel-facebook > .inbox-thread-main > strong,
a.inbox-thread.channel-instagram > .inbox-thread-main > strong,
a.inbox-thread.channel-tiktok > .inbox-thread-main > strong {
  font-weight: 800 !important;
}

.inbox-thread-row > a.inbox-thread.channel-facebook.read > .inbox-thread-main > strong,
.inbox-thread-row > a.inbox-thread.channel-instagram.read > .inbox-thread-main > strong,
.inbox-thread-row > a.inbox-thread.channel-tiktok.read > .inbox-thread-main > strong,
a.inbox-thread.channel-facebook.read > .inbox-thread-main > strong,
a.inbox-thread.channel-instagram.read > .inbox-thread-main > strong,
a.inbox-thread.channel-tiktok.read > .inbox-thread-main > strong {
  font-weight: 600 !important;
}

.inbox-thread-row > a.inbox-thread.channel-facebook > .inbox-thread-main > small,
a.inbox-thread.channel-facebook > .inbox-thread-main > small {
  color: #1877f2 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}

.inbox-thread-row > a.inbox-thread.channel-instagram > .inbox-thread-main > small,
a.inbox-thread.channel-instagram > .inbox-thread-main > small {
  color: #e1306c !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}

.inbox-thread-row > a.inbox-thread.channel-tiktok > .inbox-thread-main > small,
a.inbox-thread.channel-tiktok > .inbox-thread-main > small {
  color: #111827 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}

.inbox-thread-row > a.inbox-thread.channel-facebook > .inbox-thread-side,
.inbox-thread-row > a.inbox-thread.channel-instagram > .inbox-thread-side,
.inbox-thread-row > a.inbox-thread.channel-tiktok > .inbox-thread-side,
a.inbox-thread.channel-facebook > .inbox-thread-side,
a.inbox-thread.channel-instagram > .inbox-thread-side,
a.inbox-thread.channel-tiktok > .inbox-thread-side {
  position: absolute !important;
  right: 11px !important;
  bottom: 8px !important;
  min-width: 0 !important;
  max-width: calc(100% - 42px) !important;
  align-items: flex-end !important;
  gap: 3px !important;
}

.inbox-thread-row > a.inbox-thread.channel-facebook > .inbox-thread-side > .inbox-thread-bot-meta,
.inbox-thread-row > a.inbox-thread.channel-instagram > .inbox-thread-side > .inbox-thread-bot-meta,
.inbox-thread-row > a.inbox-thread.channel-tiktok > .inbox-thread-side > .inbox-thread-bot-meta,
a.inbox-thread.channel-facebook > .inbox-thread-side > .inbox-thread-bot-meta,
a.inbox-thread.channel-instagram > .inbox-thread-side > .inbox-thread-bot-meta,
a.inbox-thread.channel-tiktok > .inbox-thread-side > .inbox-thread-bot-meta {
  font-size: 11px !important;
  font-weight: 700 !important;
}\n\n/* 20260617instagram_thread_left_surgical730 */
.inbox-thread-row .inbox-thread.channel-instagram,
[data-inbox-thread-row] .inbox-thread.channel-instagram {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: start !important;
  gap: 0.55rem !important;
  min-height: 76px !important;
  padding: 12px 14px !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, #fffafb 0%, #fff6f9 100%) !important;
  border: 1px solid rgba(255, 108, 152, 0.52) !important;
  box-shadow: 0 8px 20px rgba(255, 108, 152, 0.10) !important;
  position: relative !important;
  overflow: hidden !important;
}

.inbox-thread-row .inbox-thread.channel-instagram::before,
[data-inbox-thread-row] .inbox-thread.channel-instagram::before {
  content: "";
  position: absolute !important;
  inset: 8px auto 8px 0 !important;
  width: 3px !important;
  border-radius: 0 999px 999px 0 !important;
  background: linear-gradient(180deg, #fd2d7a 0%, #ff6aa2 55%, #ffc66b 100%) !important;
}

.inbox-thread-row .inbox-thread.channel-instagram:hover,
.inbox-thread-row .inbox-thread.channel-instagram.active,
[data-inbox-thread-row] .inbox-thread.channel-instagram:hover,
[data-inbox-thread-row] .inbox-thread.channel-instagram.active {
  background: linear-gradient(180deg, #fff7fa 0%, #fff1f6 100%) !important;
  border-color: rgba(255, 72, 126, 0.72) !important;
  box-shadow: 0 0 0 1px rgba(255, 72, 126, 0.16), 0 12px 24px rgba(255, 92, 138, 0.16) !important;
}

.inbox-thread-row .inbox-thread.channel-instagram .inbox-thread-main,
[data-inbox-thread-row] .inbox-thread.channel-instagram .inbox-thread-main {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  min-width: 0 !important;
}

.inbox-thread-row .inbox-thread.channel-instagram .inbox-thread-main strong,
[data-inbox-thread-row] .inbox-thread.channel-instagram .inbox-thread-main strong {
  display: block !important;
  color: #38242f !important;
  font-size: 0.93rem !important;
  font-weight: 800 !important;
  line-height: 1.18 !important;
  letter-spacing: -0.01em !important;
}

.inbox-thread-row .inbox-thread.channel-instagram .inbox-thread-main small,
[data-inbox-thread-row] .inbox-thread.channel-instagram .inbox-thread-main small {
  display: block !important;
  color: #e14f82 !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.inbox-thread-row .inbox-thread.channel-instagram .inbox-thread-main > span,
[data-inbox-thread-row] .inbox-thread.channel-instagram .inbox-thread-main > span {
  display: block !important;
  color: #4e5a65 !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  line-height: 1.22 !important;
  margin-top: 5px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.inbox-thread-row .inbox-thread.channel-instagram .inbox-thread-side,
[data-inbox-thread-row] .inbox-thread.channel-instagram .inbox-thread-side {
  align-self: start !important;
  min-width: max-content !important;
  padding-top: 1px !important;
}

.inbox-thread-row .inbox-thread.channel-instagram .inbox-thread-bot-meta,
[data-inbox-thread-row] .inbox-thread.channel-instagram .inbox-thread-bot-meta {
  display: block !important;
  color: #d1668f !important;
  font-size: 0.76rem !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em !important;
}

.inbox-thread-row .inbox-thread.channel-instagram .pill.warn,
[data-inbox-thread-row] .inbox-thread.channel-instagram .pill.warn {
  background: linear-gradient(135deg, #fd2d7a 0%, #ff6aa2 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 8px 16px rgba(253, 45, 122, 0.20) !important;
}\n


/* 20260617facebook_thread_left_whatsapp_real737 */
.inbox-thread-row > a.inbox-thread.channel-facebook,
[data-inbox-thread-row] .inbox-thread.channel-facebook,
a.inbox-thread.channel-facebook {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  column-gap: 10px !important;
  position: relative !important;
  min-height: 76px !important;
  padding: 11px 12px 25px 12px !important;
  background: linear-gradient(180deg, #f8fbff 0%, #f2f8ff 100%) !important;
  border: 1px solid rgba(82, 151, 255, 0.46) !important;
  border-radius: 10px !important;
  box-shadow: 0 1px 2px rgba(12, 45, 66, 0.04) !important;
  overflow: hidden !important;
}

.inbox-thread-row > a.inbox-thread.channel-facebook::before,
[data-inbox-thread-row] .inbox-thread.channel-facebook::before,
a.inbox-thread.channel-facebook::before {
  content: "";
  position: absolute !important;
  inset: 8px auto 8px 0 !important;
  width: 3px !important;
  border-radius: 0 999px 999px 0 !important;
  background: linear-gradient(180deg, #1877f2 0%, #4b8dff 100%) !important;
}

.inbox-thread-row > a.inbox-thread.channel-facebook.active,
.inbox-thread-row > a.inbox-thread.channel-facebook:hover,
[data-inbox-thread-row] .inbox-thread.channel-facebook.active,
[data-inbox-thread-row] .inbox-thread.channel-facebook:hover,
a.inbox-thread.channel-facebook.active,
a.inbox-thread.channel-facebook:hover {
  background: rgba(24, 119, 242, 0.055) !important;
  border-color: rgba(24, 119, 242, 0.62) !important;
}

.inbox-thread-row > a.inbox-thread.channel-facebook .inbox-thread-main,
[data-inbox-thread-row] .inbox-thread.channel-facebook .inbox-thread-main,
a.inbox-thread.channel-facebook .inbox-thread-main {
  position: relative !important;
  min-width: 0 !important;
  padding-right: 4px !important;
  padding-bottom: 12px !important;
  text-align: left !important;
}

.inbox-thread-row > a.inbox-thread.channel-facebook .inbox-thread-main strong,
[data-inbox-thread-row] .inbox-thread.channel-facebook .inbox-thread-main strong,
a.inbox-thread.channel-facebook .inbox-thread-main strong {
  display: block !important;
  margin: 0 !important;
  color: #17252b !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
  line-height: 1.18 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.inbox-thread-row > a.inbox-thread.channel-facebook .inbox-thread-main > span,
[data-inbox-thread-row] .inbox-thread.channel-facebook .inbox-thread-main > span,
a.inbox-thread.channel-facebook .inbox-thread-main > span {
  display: block !important;
  margin: 4px 0 0 0 !important;
  color: #203139 !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.inbox-thread-row > a.inbox-thread.channel-facebook .inbox-thread-main > small,
[data-inbox-thread-row] .inbox-thread.channel-facebook .inbox-thread-main > small,
a.inbox-thread.channel-facebook .inbox-thread-main > small {
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  display: block !important;
  max-width: 100% !important;
  margin: 0 !important;
  color: #4d84db !important;
  font-size: .54rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.inbox-thread-row > a.inbox-thread.channel-facebook .inbox-thread-side,
[data-inbox-thread-row] .inbox-thread.channel-facebook .inbox-thread-side,
a.inbox-thread.channel-facebook .inbox-thread-side {
  position: absolute !important;
  right: 11px !important;
  bottom: 8px !important;
  min-width: 0 !important;
  max-width: calc(100% - 58px) !important;
  align-items: flex-end !important;
  gap: 3px !important;
}

.inbox-thread-row > a.inbox-thread.channel-facebook .inbox-thread-bot-meta,
[data-inbox-thread-row] .inbox-thread.channel-facebook .inbox-thread-bot-meta,
a.inbox-thread.channel-facebook .inbox-thread-bot-meta {
  display: block !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  font-size: .54rem !important;
  line-height: 1 !important;
  color: #607fb0 !important;
}

/* 20260617instagram_thread_left_whatsapp_real738 */
.inbox-thread-row > a.inbox-thread.channel-instagram,
[data-inbox-thread-row] .inbox-thread.channel-instagram,
a.inbox-thread.channel-instagram {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  column-gap: 10px !important;
  position: relative !important;
  min-height: 76px !important;
  padding: 11px 12px 25px 12px !important;
  background: linear-gradient(180deg, #fffafb 0%, #fff6f9 100%) !important;
  border: 1px solid rgba(255, 108, 152, 0.46) !important;
  border-radius: 10px !important;
  box-shadow: 0 1px 2px rgba(66, 12, 36, 0.04) !important;
  overflow: hidden !important;
}

.inbox-thread-row > a.inbox-thread.channel-instagram::before,
[data-inbox-thread-row] .inbox-thread.channel-instagram::before,
a.inbox-thread.channel-instagram::before {
  content: "";
  position: absolute !important;
  inset: 8px auto 8px 0 !important;
  width: 3px !important;
  border-radius: 0 999px 999px 0 !important;
  background: linear-gradient(180deg, #fd2d7a 0%, #ff6aa2 58%, #ffc66b 100%) !important;
}

.inbox-thread-row > a.inbox-thread.channel-instagram.active,
.inbox-thread-row > a.inbox-thread.channel-instagram:hover,
[data-inbox-thread-row] .inbox-thread.channel-instagram.active,
[data-inbox-thread-row] .inbox-thread.channel-instagram:hover,
a.inbox-thread.channel-instagram.active,
a.inbox-thread.channel-instagram:hover {
  background: rgba(253, 45, 122, 0.055) !important;
  border-color: rgba(253, 45, 122, 0.58) !important;
}

.inbox-thread-row > a.inbox-thread.channel-instagram .inbox-thread-main,
[data-inbox-thread-row] .inbox-thread.channel-instagram .inbox-thread-main,
a.inbox-thread.channel-instagram .inbox-thread-main {
  position: relative !important;
  min-width: 0 !important;
  padding-right: 4px !important;
  padding-bottom: 12px !important;
  text-align: left !important;
}

.inbox-thread-row > a.inbox-thread.channel-instagram .inbox-thread-main strong,
[data-inbox-thread-row] .inbox-thread.channel-instagram .inbox-thread-main strong,
a.inbox-thread.channel-instagram .inbox-thread-main strong {
  display: block !important;
  margin: 0 !important;
  color: #4a2336 !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
  line-height: 1.18 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.inbox-thread-row > a.inbox-thread.channel-instagram .inbox-thread-main > span,
[data-inbox-thread-row] .inbox-thread.channel-instagram .inbox-thread-main > span,
a.inbox-thread.channel-instagram .inbox-thread-main > span {
  display: block !important;
  margin: 4px 0 0 0 !important;
  color: #4f2434 !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.inbox-thread-row > a.inbox-thread.channel-instagram .inbox-thread-main > small,
[data-inbox-thread-row] .inbox-thread.channel-instagram .inbox-thread-main > small,
a.inbox-thread.channel-instagram .inbox-thread-main > small {
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  display: block !important;
  max-width: 100% !important;
  margin: 0 !important;
  color: #e14f82 !important;
  font-size: .54rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.inbox-thread-row > a.inbox-thread.channel-instagram .inbox-thread-side,
[data-inbox-thread-row] .inbox-thread.channel-instagram .inbox-thread-side,
a.inbox-thread.channel-instagram .inbox-thread-side {
  position: absolute !important;
  right: 11px !important;
  bottom: 8px !important;
  min-width: 0 !important;
  max-width: calc(100% - 58px) !important;
  align-items: flex-end !important;
  gap: 3px !important;
}

.inbox-thread-row > a.inbox-thread.channel-instagram .inbox-thread-bot-meta,
[data-inbox-thread-row] .inbox-thread.channel-instagram .inbox-thread-bot-meta,
a.inbox-thread.channel-instagram .inbox-thread-bot-meta {
  display: block !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  font-size: .54rem !important;
  line-height: 1 !important;
  color: #d1668f !important;
}

/* 20260617tiktok_thread_left_aesthetic740 */
.inbox-thread-row > a.inbox-thread.channel-tiktok,
[data-inbox-thread-row] .inbox-thread.channel-tiktok,
a.inbox-thread.channel-tiktok {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  column-gap: 10px !important;
  position: relative !important;
  min-height: 76px !important;
  padding: 11px 12px 25px 12px !important;
  background: linear-gradient(180deg, #fbfeff 0%, #f5fcff 52%, #fff8fb 100%) !important;
  border: 1px solid rgba(108, 227, 228, 0.52) !important;
  border-radius: 10px !important;
  box-shadow: 0 8px 18px rgba(28, 156, 165, 0.08) !important;
  overflow: hidden !important;
}

.inbox-thread-row > a.inbox-thread.channel-tiktok::before,
[data-inbox-thread-row] .inbox-thread.channel-tiktok::before,
a.inbox-thread.channel-tiktok::before {
  content: "";
  position: absolute !important;
  inset: 8px auto 8px 0 !important;
  width: 4px !important;
  border-radius: 0 999px 999px 0 !important;
  background: linear-gradient(180deg, #25f4ee 0%, #7de3e1 52%, #fe2c55 100%) !important;
  box-shadow: 0 0 12px rgba(37, 244, 238, 0.18) !important;
}

.inbox-thread-row > a.inbox-thread.channel-tiktok.active,
.inbox-thread-row > a.inbox-thread.channel-tiktok:hover,
[data-inbox-thread-row] .inbox-thread.channel-tiktok.active,
[data-inbox-thread-row] .inbox-thread.channel-tiktok:hover,
a.inbox-thread.channel-tiktok.active,
a.inbox-thread.channel-tiktok:hover {
  background: linear-gradient(180deg, #f9feff 0%, #f2fbff 52%, #fff5f8 100%) !important;
  border-color: rgba(76, 219, 220, 0.72) !important;
  box-shadow: 0 10px 20px rgba(28, 156, 165, 0.10) !important;
}

.inbox-thread-row > a.inbox-thread.channel-tiktok .inbox-thread-main,
[data-inbox-thread-row] .inbox-thread.channel-tiktok .inbox-thread-main,
a.inbox-thread.channel-tiktok .inbox-thread-main {
  position: relative !important;
  min-width: 0 !important;
  padding-right: 4px !important;
  padding-bottom: 12px !important;
  text-align: left !important;
}

.inbox-thread-row > a.inbox-thread.channel-tiktok .inbox-thread-main strong,
[data-inbox-thread-row] .inbox-thread.channel-tiktok .inbox-thread-main strong,
a.inbox-thread.channel-tiktok .inbox-thread-main strong {
  display: block !important;
  margin: 0 !important;
  color: #17313d !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
  line-height: 1.18 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.inbox-thread-row > a.inbox-thread.channel-tiktok .inbox-thread-main > span,
[data-inbox-thread-row] .inbox-thread.channel-tiktok .inbox-thread-main > span,
a.inbox-thread.channel-tiktok .inbox-thread-main > span {
  display: block !important;
  margin: 4px 0 0 0 !important;
  color: #27414d !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.inbox-thread-row > a.inbox-thread.channel-tiktok .inbox-thread-main > small,
[data-inbox-thread-row] .inbox-thread.channel-tiktok .inbox-thread-main > small,
a.inbox-thread.channel-tiktok .inbox-thread-main > small {
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  display: block !important;
  max-width: 100% !important;
  margin: 0 !important;
  color: #da668f !important;
  font-size: .54rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.inbox-thread-row > a.inbox-thread.channel-tiktok .inbox-thread-side,
[data-inbox-thread-row] .inbox-thread.channel-tiktok .inbox-thread-side,
a.inbox-thread.channel-tiktok .inbox-thread-side {
  position: absolute !important;
  right: 11px !important;
  bottom: 8px !important;
  min-width: 0 !important;
  max-width: calc(100% - 58px) !important;
  align-items: flex-end !important;
  gap: 3px !important;
}

.inbox-thread-row > a.inbox-thread.channel-tiktok .inbox-thread-bot-meta,
[data-inbox-thread-row] .inbox-thread.channel-tiktok .inbox-thread-bot-meta,
a.inbox-thread.channel-tiktok .inbox-thread-bot-meta {
  display: block !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  font-size: .54rem !important;
  line-height: 1 !important;
  color: #6b9197 !important;
}

/* 20260617social_compose_wrapper_flat746 */
.inbox-message-panel:has(.inbox-reply-form-facebook) .inbox-compose-modes,
.inbox-message-panel:has(.inbox-reply-form-instagram) .inbox-compose-modes,
.inbox-message-panel:has(.inbox-reply-form-tiktok) .inbox-compose-modes {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-top: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  min-height: 0 !important;
}

.inbox-message-panel:has(.inbox-reply-form-facebook) .inbox-compose-modes > .inbox-compose-panel,
.inbox-message-panel:has(.inbox-reply-form-instagram) .inbox-compose-modes > .inbox-compose-panel,
.inbox-message-panel:has(.inbox-reply-form-tiktok) .inbox-compose-modes > .inbox-compose-panel {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.inbox-message-panel:has(.inbox-reply-form-facebook) .inbox-compose-modes .inbox-compose-mode-tabs,
.inbox-message-panel:has(.inbox-reply-form-instagram) .inbox-compose-modes .inbox-compose-mode-tabs,
.inbox-message-panel:has(.inbox-reply-form-tiktok) .inbox-compose-modes .inbox-compose-mode-tabs {
  display: none !important;
}

.inbox-message-panel:has(.inbox-reply-form-facebook) .inbox-compose-modes .inbox-compose-mode-tabs::before,
.inbox-message-panel:has(.inbox-reply-form-instagram) .inbox-compose-modes .inbox-compose-mode-tabs::before,
.inbox-message-panel:has(.inbox-reply-form-tiktok) .inbox-compose-modes .inbox-compose-mode-tabs::before {
  content: none !important;
  display: none !important;
}

/* 20260617social_compose_hard_reset747 */
.inbox-message-panel:has(.inbox-reply-form-facebook) .inbox-compose-modes,
.inbox-message-panel:has(.inbox-reply-form-instagram) .inbox-compose-modes,
.inbox-message-panel:has(.inbox-reply-form-tiktok) .inbox-compose-modes {
  order: 3 !important;
  display: block !important;
  flex: 0 0 auto !important;
  flex-basis: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  margin-top: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-top: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  grid-template-columns: none !important;
  column-gap: 0 !important;
  gap: 0 !important;
  overflow: visible !important;
}

.inbox-message-panel:has(.inbox-reply-form-facebook) .inbox-compose-modes > .inbox-compose-panel,
.inbox-message-panel:has(.inbox-reply-form-instagram) .inbox-compose-modes > .inbox-compose-panel,
.inbox-message-panel:has(.inbox-reply-form-tiktok) .inbox-compose-modes > .inbox-compose-panel,
.inbox-message-panel:has(.inbox-reply-form-facebook) .inbox-compose-panel:not([hidden]),
.inbox-message-panel:has(.inbox-reply-form-instagram) .inbox-compose-panel:not([hidden]),
.inbox-message-panel:has(.inbox-reply-form-tiktok) .inbox-compose-panel:not([hidden]) {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  justify-self: stretch !important;
}

.inbox-message-panel:has(.inbox-reply-form-facebook) .inbox-compose-mode-tabs,
.inbox-message-panel:has(.inbox-reply-form-instagram) .inbox-compose-mode-tabs,
.inbox-message-panel:has(.inbox-reply-form-tiktok) .inbox-compose-mode-tabs,
.inbox-message-panel:has(.inbox-reply-form-facebook) .inbox-compose-mode-tabs::before,
.inbox-message-panel:has(.inbox-reply-form-instagram) .inbox-compose-mode-tabs::before,
.inbox-message-panel:has(.inbox-reply-form-tiktok) .inbox-compose-mode-tabs::before {
  display: none !important;
  content: none !important;
}

.inbox-message-panel:has(.inbox-reply-form-facebook) .inbox-reply-form-sendpulse-social,
.inbox-message-panel:has(.inbox-reply-form-instagram) .inbox-reply-form-sendpulse-social,
.inbox-message-panel:has(.inbox-reply-form-tiktok) .inbox-reply-form-sendpulse-social {
  margin: 0 !important;
}

/* 20260617social_compose_form_flat748 */
.inbox-message-panel:has(.inbox-reply-form-facebook) .inbox-compose-panel:not([hidden]),
.inbox-message-panel:has(.inbox-reply-form-instagram) .inbox-compose-panel:not([hidden]),
.inbox-message-panel:has(.inbox-reply-form-tiktok) .inbox-compose-panel:not([hidden]) {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

.inbox-message-panel:has(.inbox-reply-form-facebook) .inbox-reply-form-sendpulse-social,
.inbox-message-panel:has(.inbox-reply-form-instagram) .inbox-reply-form-sendpulse-social,
.inbox-message-panel:has(.inbox-reply-form-tiktok) .inbox-reply-form-sendpulse-social {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-top: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  min-height: 0 !important;
}

.inbox-message-panel:has(.inbox-reply-form-facebook) .inbox-reply-form-sendpulse-social .inbox-compose-tools,
.inbox-message-panel:has(.inbox-reply-form-instagram) .inbox-reply-form-sendpulse-social .inbox-compose-tools,
.inbox-message-panel:has(.inbox-reply-form-tiktok) .inbox-reply-form-sendpulse-social .inbox-compose-tools {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.inbox-message-panel:has(.inbox-reply-form-facebook) .inbox-reply-form-sendpulse-social .inbox-reply-quote-preview,
.inbox-message-panel:has(.inbox-reply-form-instagram) .inbox-reply-form-sendpulse-social .inbox-reply-quote-preview,
.inbox-message-panel:has(.inbox-reply-form-tiktok) .inbox-reply-form-sendpulse-social .inbox-reply-quote-preview {
  grid-column: 1 / -1 !important;
  margin: 0 0 6px 0 !important;
}

/* 20260617social_compose_shell_flat749 */
.inbox-message-panel:has(.inbox-reply-form-facebook) .inbox-compose-shell,
.inbox-message-panel:has(.inbox-reply-form-instagram) .inbox-compose-shell,
.inbox-message-panel:has(.inbox-reply-form-tiktok) .inbox-compose-shell,
.inbox-message-panel:has(.inbox-reply-form-facebook) .inbox-compose-panel-shell,
.inbox-message-panel:has(.inbox-reply-form-instagram) .inbox-compose-panel-shell,
.inbox-message-panel:has(.inbox-reply-form-tiktok) .inbox-compose-panel-shell {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-top: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

.inbox-message-panel:has(.inbox-reply-form-facebook) .inbox-compose-shell::before,
.inbox-message-panel:has(.inbox-reply-form-instagram) .inbox-compose-shell::before,
.inbox-message-panel:has(.inbox-reply-form-tiktok) .inbox-compose-shell::before,
.inbox-message-panel:has(.inbox-reply-form-facebook) .inbox-compose-shell::after,
.inbox-message-panel:has(.inbox-reply-form-instagram) .inbox-compose-shell::after,
.inbox-message-panel:has(.inbox-reply-form-tiktok) .inbox-compose-shell::after,
.inbox-message-panel:has(.inbox-reply-form-facebook) .inbox-compose-panel-shell::before,
.inbox-message-panel:has(.inbox-reply-form-instagram) .inbox-compose-panel-shell::before,
.inbox-message-panel:has(.inbox-reply-form-tiktok) .inbox-compose-panel-shell::before,
.inbox-message-panel:has(.inbox-reply-form-facebook) .inbox-compose-panel-shell::after,
.inbox-message-panel:has(.inbox-reply-form-instagram) .inbox-compose-panel-shell::after,
.inbox-message-panel:has(.inbox-reply-form-tiktok) .inbox-compose-panel-shell::after {
  content: none !important;
  display: none !important;
}

.inbox-message-panel:has(.inbox-reply-form-facebook) .inbox-compose-panel-shell > * ,
.inbox-message-panel:has(.inbox-reply-form-instagram) .inbox-compose-panel-shell > * ,
.inbox-message-panel:has(.inbox-reply-form-tiktok) .inbox-compose-panel-shell > * {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* 20260617social_dark_readability746 */
:root[data-theme="dark"] a.inbox-thread.channel-instagram,
:root[data-theme="dark"] a.inbox-thread.channel-facebook,
:root[data-theme="dark"] a.inbox-thread.channel-tiktok {
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.22) !important;
}

:root[data-theme="dark"] a.inbox-thread.channel-instagram {
  background: linear-gradient(135deg, rgba(52, 18, 33, 0.96), rgba(25, 12, 18, 0.98)) !important;
  border-color: rgba(255, 92, 151, 0.56) !important;
}

:root[data-theme="dark"] a.inbox-thread.channel-facebook {
  background: linear-gradient(135deg, rgba(16, 34, 59, 0.96), rgba(11, 20, 36, 0.98)) !important;
  border-color: rgba(86, 140, 234, 0.58) !important;
}

:root[data-theme="dark"] a.inbox-thread.channel-tiktok {
  background: linear-gradient(135deg, rgba(10, 34, 37, 0.96), rgba(8, 18, 20, 0.98)) !important;
  border-color: rgba(92, 225, 230, 0.58) !important;
}

:root[data-theme="dark"] a.inbox-thread.channel-instagram .inbox-thread-main > strong {
  color: #fff1f6 !important;
  font-weight: 800 !important;
}

:root[data-theme="dark"] a.inbox-thread.channel-facebook .inbox-thread-main > strong {
  color: #eef5ff !important;
  font-weight: 800 !important;
}

:root[data-theme="dark"] a.inbox-thread.channel-tiktok .inbox-thread-main > strong {
  color: #ecffff !important;
  font-weight: 800 !important;
}

:root[data-theme="dark"] a.inbox-thread.channel-instagram .inbox-thread-main > span {
  color: #ffdce9 !important;
  font-weight: 600 !important;
}

:root[data-theme="dark"] a.inbox-thread.channel-facebook .inbox-thread-main > span {
  color: #dce9ff !important;
  font-weight: 600 !important;
}

:root[data-theme="dark"] a.inbox-thread.channel-tiktok .inbox-thread-main > span {
  color: #d9fbff !important;
  font-weight: 600 !important;
}

:root[data-theme="dark"] a.inbox-thread.channel-instagram .inbox-thread-main > small,
:root[data-theme="dark"] a.inbox-thread.channel-instagram .inbox-thread-bot-meta,
:root[data-theme="dark"] a.inbox-thread.channel-instagram .inbox-thread-side,
:root[data-theme="dark"] a.inbox-thread.channel-instagram .inbox-thread-side * {
  color: #ff97bd !important;
}

:root[data-theme="dark"] a.inbox-thread.channel-facebook .inbox-thread-main > small,
:root[data-theme="dark"] a.inbox-thread.channel-facebook .inbox-thread-bot-meta,
:root[data-theme="dark"] a.inbox-thread.channel-facebook .inbox-thread-side,
:root[data-theme="dark"] a.inbox-thread.channel-facebook .inbox-thread-side * {
  color: #93b9ff !important;
}

:root[data-theme="dark"] a.inbox-thread.channel-tiktok .inbox-thread-main > small,
:root[data-theme="dark"] a.inbox-thread.channel-tiktok .inbox-thread-bot-meta,
:root[data-theme="dark"] a.inbox-thread.channel-tiktok .inbox-thread-side,
:root[data-theme="dark"] a.inbox-thread.channel-tiktok .inbox-thread-side * {
  color: #88e9ef !important;
}

:root[data-theme="dark"] .inbox-message-panel:has(.inbox-reply-form-instagram) .panel-head .inbox-contact-title,
:root[data-theme="dark"] .inbox-message-panel:has(.inbox-reply-form-facebook) .panel-head .inbox-contact-title,
:root[data-theme="dark"] .inbox-message-panel:has(.inbox-reply-form-tiktok) .panel-head .inbox-contact-title {
  color: #f4fbff !important;
  -webkit-text-fill-color: #f4fbff !important;
}

:root[data-theme="dark"] .inbox-message-panel:has(.inbox-reply-form-instagram) .panel-head small,
:root[data-theme="dark"] .inbox-message-panel:has(.inbox-reply-form-instagram) .panel-head .muted {
  color: #eab3c8 !important;
  -webkit-text-fill-color: #eab3c8 !important;
}

:root[data-theme="dark"] .inbox-message-panel:has(.inbox-reply-form-facebook) .panel-head small,
:root[data-theme="dark"] .inbox-message-panel:has(.inbox-reply-form-facebook) .panel-head .muted {
  color: #b8d1ff !important;
  -webkit-text-fill-color: #b8d1ff !important;
}

:root[data-theme="dark"] .inbox-message-panel:has(.inbox-reply-form-tiktok) .panel-head small,
:root[data-theme="dark"] .inbox-message-panel:has(.inbox-reply-form-tiktok) .panel-head .muted {
  color: #a4eef2 !important;
  -webkit-text-fill-color: #a4eef2 !important;
}

:root[data-theme="dark"] .inbox-message-panel:has(.inbox-reply-form-instagram) .timeline-item.message-channel-instagram .message-time,
:root[data-theme="dark"] .inbox-message-panel:has(.inbox-reply-form-instagram) .timeline-item.message-channel-instagram .message-ticks,
:root[data-theme="dark"] .inbox-message-panel:has(.inbox-reply-form-instagram) .timeline-item.message-channel-instagram .inbox-provider {
  color: #b9899d !important;
}

:root[data-theme="dark"] .inbox-message-panel:has(.inbox-reply-form-facebook) .timeline-item.message-channel-facebook .message-time,
:root[data-theme="dark"] .inbox-message-panel:has(.inbox-reply-form-facebook) .timeline-item.message-channel-facebook .message-ticks,
:root[data-theme="dark"] .inbox-message-panel:has(.inbox-reply-form-facebook) .timeline-item.message-channel-facebook .inbox-provider {
  color: #8da6c9 !important;
}

:root[data-theme="dark"] .inbox-message-panel:has(.inbox-reply-form-tiktok) .timeline-item.message-channel-tiktok .message-time,
:root[data-theme="dark"] .inbox-message-panel:has(.inbox-reply-form-tiktok) .timeline-item.message-channel-tiktok .message-ticks,
:root[data-theme="dark"] .inbox-message-panel:has(.inbox-reply-form-tiktok) .timeline-item.message-channel-tiktok .inbox-provider {
  color: #86c7cd !important;
}

:root[data-theme="dark"] .inbox-message-panel:has(.inbox-reply-form-instagram) .inbox-reply-form-sendpulse-social textarea,
:root[data-theme="dark"] .inbox-message-panel:has(.inbox-reply-form-facebook) .inbox-reply-form-sendpulse-social textarea,
:root[data-theme="dark"] .inbox-message-panel:has(.inbox-reply-form-tiktok) .inbox-reply-form-sendpulse-social textarea {
  background: rgba(18, 24, 24, 0.88) !important;
  color: #eef7f8 !important;
}

:root[data-theme="dark"] .inbox-message-panel:has(.inbox-reply-form-instagram) .inbox-reply-form-sendpulse-social textarea::placeholder,
:root[data-theme="dark"] .inbox-message-panel:has(.inbox-reply-form-facebook) .inbox-reply-form-sendpulse-social textarea::placeholder,
:root[data-theme="dark"] .inbox-message-panel:has(.inbox-reply-form-tiktok) .inbox-reply-form-sendpulse-social textarea::placeholder {
  color: #9eb2b4 !important;
  opacity: 1 !important;
}

:root[data-theme="dark"] .inbox-message-panel:has(.inbox-reply-form-instagram) .inbox-reply-form-sendpulse-social .inbox-tool-button,
:root[data-theme="dark"] .inbox-message-panel:has(.inbox-reply-form-facebook) .inbox-reply-form-sendpulse-social .inbox-tool-button,
:root[data-theme="dark"] .inbox-message-panel:has(.inbox-reply-form-tiktok) .inbox-reply-form-sendpulse-social .inbox-tool-button {
  color: #eef7f8 !important;
}

/* 20260617social_dark_match_instagram747 */

/* Facebook dark: copiar jerarquia de lectura de Instagram */
:root[data-theme="dark"] .inbox-message-panel:has(.inbox-reply-form-facebook) .panel-head .inbox-contact-title {
  color: #2b3442 !important;
  -webkit-text-fill-color: #2b3442 !important;
}

:root[data-theme="dark"] .inbox-message-panel:has(.inbox-reply-form-facebook) .panel-head small,
:root[data-theme="dark"] .inbox-message-panel:has(.inbox-reply-form-facebook) .panel-head .muted {
  color: #6f89b0 !important;
  -webkit-text-fill-color: #6f89b0 !important;
}

:root[data-theme="dark"] .inbox-message-panel:has(.inbox-reply-form-facebook) .timeline-item.message-channel-facebook .message-time,
:root[data-theme="dark"] .inbox-message-panel:has(.inbox-reply-form-facebook) .timeline-item.message-channel-facebook .message-ticks,
:root[data-theme="dark"] .inbox-message-panel:has(.inbox-reply-form-facebook) .timeline-item.message-channel-facebook .inbox-provider {
  color: #7f95b6 !important;
}

/* TikTok dark: dejar de usar fondo negro y copiar la estructura visual de Instagram */
:root[data-theme="dark"] .inbox-message-panel:has(.inbox-reply-form-tiktok) {
  background: linear-gradient(180deg, rgba(248,252,252,0.98), rgba(242,248,248,0.96)) !important;
}

:root[data-theme="dark"] .inbox-message-panel:has(.inbox-reply-form-tiktok) .inbox-timeline-shell,
:root[data-theme="dark"] .inbox-message-panel:has(.inbox-reply-form-tiktok) .inbox-timeline-shell > .inbox-timeline {
  background:
    radial-gradient(circle at 16% 12%, rgba(130, 243, 240, 0.10), transparent 30%),
    radial-gradient(circle at 85% 18%, rgba(255, 164, 204, 0.08), transparent 28%),
    linear-gradient(180deg, rgba(252,255,255,0.98), rgba(244,249,249,0.96)) !important;
  color: #223235 !important;
}

:root[data-theme="dark"] .inbox-message-panel:has(.inbox-reply-form-tiktok) .panel-head .inbox-contact-title {
  color: #283438 !important;
  -webkit-text-fill-color: #283438 !important;
}

:root[data-theme="dark"] .inbox-message-panel:has(.inbox-reply-form-tiktok) .panel-head small,
:root[data-theme="dark"] .inbox-message-panel:has(.inbox-reply-form-tiktok) .panel-head .muted {
  color: #6a9398 !important;
  -webkit-text-fill-color: #6a9398 !important;
}

:root[data-theme="dark"] .inbox-message-panel:has(.inbox-reply-form-tiktok) .timeline-item.message-channel-tiktok .message-time,
:root[data-theme="dark"] .inbox-message-panel:has(.inbox-reply-form-tiktok) .timeline-item.message-channel-tiktok .message-ticks,
:root[data-theme="dark"] .inbox-message-panel:has(.inbox-reply-form-tiktok) .timeline-item.message-channel-tiktok .inbox-provider {
  color: #73969b !important;
}

:root[data-theme="dark"] .inbox-message-panel:has(.inbox-reply-form-tiktok) .timeline-item.message-channel-tiktok.message-in .message-bubble,
:root[data-theme="dark"] .inbox-message-panel:has(.inbox-reply-form-tiktok) .timeline-item.message-channel-tiktok.message-out .message-bubble {
  color: #203034 !important;
}

/* 20260617social_dark_left_threads748 */

/* Base uniforme solo para hilos dark de la columna izquierda */
:root[data-theme="dark"] .inbox-thread-row > a.inbox-thread.inbox-telegram-thread,
:root[data-theme="dark"] .inbox-thread-row > a.inbox-thread.channel-instagram,
:root[data-theme="dark"] .inbox-thread-row > a.inbox-thread.channel-facebook,
:root[data-theme="dark"] .inbox-thread-row > a.inbox-thread.channel-tiktok,
:root[data-theme="dark"] a.inbox-thread.inbox-telegram-thread,
:root[data-theme="dark"] a.inbox-thread.channel-instagram,
:root[data-theme="dark"] a.inbox-thread.channel-facebook,
:root[data-theme="dark"] a.inbox-thread.channel-tiktok {
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.18) !important;
}

/* Telegram */
:root[data-theme="dark"] .inbox-thread-row > a.inbox-thread.inbox-telegram-thread,
:root[data-theme="dark"] a.inbox-thread.inbox-telegram-thread {
  background: linear-gradient(135deg, rgba(16, 58, 85, 0.94), rgba(10, 34, 51, 0.98)) !important;
  border-color: rgba(79, 190, 245, 0.58) !important;
}
:root[data-theme="dark"] .inbox-thread-row > a.inbox-thread.inbox-telegram-thread:hover,
:root[data-theme="dark"] .inbox-thread-row > a.inbox-thread.inbox-telegram-thread.selected,
:root[data-theme="dark"] .inbox-thread-row > a.inbox-thread.inbox-telegram-thread.active,
:root[data-theme="dark"] a.inbox-thread.inbox-telegram-thread:hover,
:root[data-theme="dark"] a.inbox-thread.inbox-telegram-thread.selected,
:root[data-theme="dark"] a.inbox-thread.inbox-telegram-thread.active {
  background: linear-gradient(135deg, rgba(20, 68, 98, 0.96), rgba(11, 38, 57, 0.99)) !important;
  border-color: rgba(95, 204, 255, 0.72) !important;
}

/* Instagram */
:root[data-theme="dark"] .inbox-thread-row > a.inbox-thread.channel-instagram,
:root[data-theme="dark"] a.inbox-thread.channel-instagram {
  background: linear-gradient(135deg, rgba(72, 24, 42, 0.94), rgba(34, 14, 22, 0.98)) !important;
  border-color: rgba(255, 93, 156, 0.56) !important;
}
:root[data-theme="dark"] .inbox-thread-row > a.inbox-thread.channel-instagram:hover,
:root[data-theme="dark"] .inbox-thread-row > a.inbox-thread.channel-instagram.selected,
:root[data-theme="dark"] .inbox-thread-row > a.inbox-thread.channel-instagram.active,
:root[data-theme="dark"] a.inbox-thread.channel-instagram:hover,
:root[data-theme="dark"] a.inbox-thread.channel-instagram.selected,
:root[data-theme="dark"] a.inbox-thread.channel-instagram.active {
  background: linear-gradient(135deg, rgba(84, 28, 49, 0.96), rgba(39, 16, 25, 0.99)) !important;
  border-color: rgba(255, 115, 170, 0.72) !important;
}

/* Facebook */
:root[data-theme="dark"] .inbox-thread-row > a.inbox-thread.channel-facebook,
:root[data-theme="dark"] a.inbox-thread.channel-facebook {
  background: linear-gradient(135deg, rgba(20, 39, 67, 0.94), rgba(11, 22, 39, 0.98)) !important;
  border-color: rgba(92, 145, 235, 0.56) !important;
}
:root[data-theme="dark"] .inbox-thread-row > a.inbox-thread.channel-facebook:hover,
:root[data-theme="dark"] .inbox-thread-row > a.inbox-thread.channel-facebook.selected,
:root[data-theme="dark"] .inbox-thread-row > a.inbox-thread.channel-facebook.active,
:root[data-theme="dark"] a.inbox-thread.channel-facebook:hover,
:root[data-theme="dark"] a.inbox-thread.channel-facebook.selected,
:root[data-theme="dark"] a.inbox-thread.channel-facebook.active {
  background: linear-gradient(135deg, rgba(24, 47, 79, 0.96), rgba(13, 26, 46, 0.99)) !important;
  border-color: rgba(109, 163, 255, 0.72) !important;
}

/* TikTok */
:root[data-theme="dark"] .inbox-thread-row > a.inbox-thread.channel-tiktok,
:root[data-theme="dark"] a.inbox-thread.channel-tiktok {
  background: linear-gradient(135deg, rgba(11, 47, 50, 0.94), rgba(8, 24, 27, 0.98)) !important;
  border-color: rgba(95, 228, 233, 0.56) !important;
}
:root[data-theme="dark"] .inbox-thread-row > a.inbox-thread.channel-tiktok:hover,
:root[data-theme="dark"] .inbox-thread-row > a.inbox-thread.channel-tiktok.selected,
:root[data-theme="dark"] .inbox-thread-row > a.inbox-thread.channel-tiktok.active,
:root[data-theme="dark"] a.inbox-thread.channel-tiktok:hover,
:root[data-theme="dark"] a.inbox-thread.channel-tiktok.selected,
:root[data-theme="dark"] a.inbox-thread.channel-tiktok.active {
  background: linear-gradient(135deg, rgba(14, 57, 61, 0.96), rgba(9, 28, 31, 0.99)) !important;
  border-color: rgba(115, 238, 242, 0.72) !important;
}

/* Titulo */
:root[data-theme="dark"] .inbox-thread-row > a.inbox-thread.inbox-telegram-thread .inbox-thread-main > strong,
:root[data-theme="dark"] .inbox-thread-row > a.inbox-thread.channel-instagram .inbox-thread-main > strong,
:root[data-theme="dark"] .inbox-thread-row > a.inbox-thread.channel-facebook .inbox-thread-main > strong,
:root[data-theme="dark"] .inbox-thread-row > a.inbox-thread.channel-tiktok .inbox-thread-main > strong,
:root[data-theme="dark"] a.inbox-thread.inbox-telegram-thread .inbox-thread-main > strong,
:root[data-theme="dark"] a.inbox-thread.channel-instagram .inbox-thread-main > strong,
:root[data-theme="dark"] a.inbox-thread.channel-facebook .inbox-thread-main > strong,
:root[data-theme="dark"] a.inbox-thread.channel-tiktok .inbox-thread-main > strong {
  color: #f6fbfc !important;
  font-weight: 800 !important;
}

/* Preview del mensaje */
:root[data-theme="dark"] .inbox-thread-row > a.inbox-thread.inbox-telegram-thread .inbox-thread-main > span,
:root[data-theme="dark"] .inbox-thread-row > a.inbox-thread.channel-instagram .inbox-thread-main > span,
:root[data-theme="dark"] .inbox-thread-row > a.inbox-thread.channel-facebook .inbox-thread-main > span,
:root[data-theme="dark"] .inbox-thread-row > a.inbox-thread.channel-tiktok .inbox-thread-main > span,
:root[data-theme="dark"] a.inbox-thread.inbox-telegram-thread .inbox-thread-main > span,
:root[data-theme="dark"] a.inbox-thread.channel-instagram .inbox-thread-main > span,
:root[data-theme="dark"] a.inbox-thread.channel-facebook .inbox-thread-main > span,
:root[data-theme="dark"] a.inbox-thread.channel-tiktok .inbox-thread-main > span {
  color: #dfeef1 !important;
  font-weight: 600 !important;
}

/* Metadata y hora */
:root[data-theme="dark"] .inbox-thread-row > a.inbox-thread.inbox-telegram-thread .inbox-thread-main > small,
:root[data-theme="dark"] .inbox-thread-row > a.inbox-thread.inbox-telegram-thread .inbox-thread-bot-meta,
:root[data-theme="dark"] .inbox-thread-row > a.inbox-thread.inbox-telegram-thread .inbox-thread-side,
:root[data-theme="dark"] .inbox-thread-row > a.inbox-thread.channel-instagram .inbox-thread-main > small,
:root[data-theme="dark"] .inbox-thread-row > a.inbox-thread.channel-instagram .inbox-thread-bot-meta,
:root[data-theme="dark"] .inbox-thread-row > a.inbox-thread.channel-instagram .inbox-thread-side,
:root[data-theme="dark"] .inbox-thread-row > a.inbox-thread.channel-facebook .inbox-thread-main > small,
:root[data-theme="dark"] .inbox-thread-row > a.inbox-thread.channel-facebook .inbox-thread-bot-meta,
:root[data-theme="dark"] .inbox-thread-row > a.inbox-thread.channel-facebook .inbox-thread-side,
:root[data-theme="dark"] .inbox-thread-row > a.inbox-thread.channel-tiktok .inbox-thread-main > small,
:root[data-theme="dark"] .inbox-thread-row > a.inbox-thread.channel-tiktok .inbox-thread-bot-meta,
:root[data-theme="dark"] .inbox-thread-row > a.inbox-thread.channel-tiktok .inbox-thread-side,
:root[data-theme="dark"] a.inbox-thread.inbox-telegram-thread .inbox-thread-main > small,
:root[data-theme="dark"] a.inbox-thread.inbox-telegram-thread .inbox-thread-bot-meta,
:root[data-theme="dark"] a.inbox-thread.inbox-telegram-thread .inbox-thread-side,
:root[data-theme="dark"] a.inbox-thread.channel-instagram .inbox-thread-main > small,
:root[data-theme="dark"] a.inbox-thread.channel-instagram .inbox-thread-bot-meta,
:root[data-theme="dark"] a.inbox-thread.channel-instagram .inbox-thread-side,
:root[data-theme="dark"] a.inbox-thread.channel-facebook .inbox-thread-main > small,
:root[data-theme="dark"] a.inbox-thread.channel-facebook .inbox-thread-bot-meta,
:root[data-theme="dark"] a.inbox-thread.channel-facebook .inbox-thread-side,
:root[data-theme="dark"] a.inbox-thread.channel-tiktok .inbox-thread-main > small,
:root[data-theme="dark"] a.inbox-thread.channel-tiktok .inbox-thread-bot-meta,
:root[data-theme="dark"] a.inbox-thread.channel-tiktok .inbox-thread-side {
  color: #9fc0c7 !important;
}

/* 20260617social_send_button_brand749 */

/* Instagram */
.inbox-message-panel:has(.inbox-reply-form-instagram) .inbox-reply-form-sendpulse-social .inbox-send-button {
  background: linear-gradient(135deg, #ff4fa0 0%, #ff8a5b 100%) !important;
  border: 1px solid rgba(255, 120, 170, 0.44) !important;
  box-shadow: 0 10px 24px rgba(214, 74, 131, 0.28) !important;
  color: #fff !important;
}
.inbox-message-panel:has(.inbox-reply-form-instagram) .inbox-reply-form-sendpulse-social .inbox-send-button:hover,
.inbox-message-panel:has(.inbox-reply-form-instagram) .inbox-reply-form-sendpulse-social .inbox-send-button:focus-visible {
  background: linear-gradient(135deg, #ff63ab 0%, #ff9a6f 100%) !important;
}

/* Facebook */
.inbox-message-panel:has(.inbox-reply-form-facebook) .inbox-reply-form-sendpulse-social .inbox-send-button {
  background: linear-gradient(135deg, #3a86ff 0%, #5aa7ff 100%) !important;
  border: 1px solid rgba(104, 163, 255, 0.44) !important;
  box-shadow: 0 10px 24px rgba(58, 123, 235, 0.28) !important;
  color: #fff !important;
}
.inbox-message-panel:has(.inbox-reply-form-facebook) .inbox-reply-form-sendpulse-social .inbox-send-button:hover,
.inbox-message-panel:has(.inbox-reply-form-facebook) .inbox-reply-form-sendpulse-social .inbox-send-button:focus-visible {
  background: linear-gradient(135deg, #4b93ff 0%, #6ab4ff 100%) !important;
}

/* TikTok */
.inbox-message-panel:has(.inbox-reply-form-tiktok) .inbox-reply-form-sendpulse-social .inbox-send-button {
  background: linear-gradient(135deg, #19d2d1 0%, #ff5a8f 100%) !important;
  border: 1px solid rgba(110, 227, 228, 0.44) !important;
  box-shadow: 0 10px 24px rgba(56, 185, 190, 0.28) !important;
  color: #fff !important;
}
.inbox-message-panel:has(.inbox-reply-form-tiktok) .inbox-reply-form-sendpulse-social .inbox-send-button:hover,
.inbox-message-panel:has(.inbox-reply-form-tiktok) .inbox-reply-form-sendpulse-social .inbox-send-button:focus-visible {
  background: linear-gradient(135deg, #35dddd 0%, #ff6b9b 100%) !important;
}

/* 20260617thread_read_weight_fix750 */
.inbox-thread-row > a.inbox-thread.inbox-telegram-thread.read > .inbox-thread-main > strong,
.inbox-thread-row > a.inbox-thread.inbox-telegram-thread.read.active > .inbox-thread-main > strong,
a.inbox-thread.inbox-telegram-thread.read > .inbox-thread-main > strong,
a.inbox-thread.inbox-telegram-thread.read.active > .inbox-thread-main > strong,
.inbox-thread-row > a.inbox-thread.channel-facebook.read > .inbox-thread-main > strong,
.inbox-thread-row > a.inbox-thread.channel-facebook.read.active > .inbox-thread-main > strong,
a.inbox-thread.channel-facebook.read > .inbox-thread-main > strong,
a.inbox-thread.channel-facebook.read.active > .inbox-thread-main > strong,
.inbox-thread-row > a.inbox-thread.channel-instagram.read > .inbox-thread-main > strong,
.inbox-thread-row > a.inbox-thread.channel-instagram.read.active > .inbox-thread-main > strong,
a.inbox-thread.channel-instagram.read > .inbox-thread-main > strong,
a.inbox-thread.channel-instagram.read.active > .inbox-thread-main > strong,
.inbox-thread-row > a.inbox-thread.channel-tiktok.read > .inbox-thread-main > strong,
.inbox-thread-row > a.inbox-thread.channel-tiktok.read.active > .inbox-thread-main > strong,
a.inbox-thread.channel-tiktok.read > .inbox-thread-main > strong,
a.inbox-thread.channel-tiktok.read.active > .inbox-thread-main > strong {
  font-weight: 500 !important;
}


/* 20260618inbox_header_cluster_all_modes793 */
.inbox-message-panel.inbox-telegram-panel-560 .panel-head .actions .inbox-thread-contact-tools,
.inbox-message-panel:has(.inbox-reply-form-instagram) .panel-head .actions .inbox-thread-contact-tools,
.inbox-message-panel:has(.inbox-reply-form-facebook) .panel-head .actions .inbox-thread-contact-tools,
.inbox-message-panel:has(.inbox-reply-form-tiktok) .panel-head .actions .inbox-thread-contact-tools {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 6px !important;
  flex-wrap: nowrap !important;
}

.inbox-message-panel.inbox-telegram-panel-560 .panel-head .actions .inbox-thread-tool-form,
.inbox-message-panel:has(.inbox-reply-form-instagram) .panel-head .actions .inbox-thread-tool-form,
.inbox-message-panel:has(.inbox-reply-form-facebook) .panel-head .actions .inbox-thread-tool-form,
.inbox-message-panel:has(.inbox-reply-form-tiktok) .panel-head .actions .inbox-thread-tool-form {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.inbox-message-panel.inbox-telegram-panel-560 .panel-head .actions .inbox-thread-tool,
.inbox-message-panel:has(.inbox-reply-form-instagram) .panel-head .actions .inbox-thread-tool,
.inbox-message-panel:has(.inbox-reply-form-facebook) .panel-head .actions .inbox-thread-tool,
.inbox-message-panel:has(.inbox-reply-form-tiktok) .panel-head .actions .inbox-thread-tool,
.inbox-message-panel.inbox-telegram-panel-560 .panel-head .actions .inbox-thread-tool:link,
.inbox-message-panel:has(.inbox-reply-form-instagram) .panel-head .actions .inbox-thread-tool:link,
.inbox-message-panel:has(.inbox-reply-form-facebook) .panel-head .actions .inbox-thread-tool:link,
.inbox-message-panel:has(.inbox-reply-form-tiktok) .panel-head .actions .inbox-thread-tool:link,
.inbox-message-panel.inbox-telegram-panel-560 .panel-head .actions .inbox-thread-tool:visited,
.inbox-message-panel:has(.inbox-reply-form-instagram) .panel-head .actions .inbox-thread-tool:visited,
.inbox-message-panel:has(.inbox-reply-form-facebook) .panel-head .actions .inbox-thread-tool:visited,
.inbox-message-panel:has(.inbox-reply-form-tiktok) .panel-head .actions .inbox-thread-tool:visited {
  width: 2.15rem !important;
  height: 2.15rem !important;
  min-width: 2.15rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  background: #f7fcfa !important;
  border: 1px solid #cfe6de !important;
  color: #173631 !important;
  -webkit-text-fill-color: #173631 !important;
  text-decoration: none !important;
  box-shadow: 0 4px 12px rgba(15, 118, 110, 0.08) !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  opacity: 1 !important;
  filter: none !important;
}

.inbox-message-panel.inbox-telegram-panel-560 .panel-head .actions .inbox-thread-tool *,
.inbox-message-panel:has(.inbox-reply-form-instagram) .panel-head .actions .inbox-thread-tool *,
.inbox-message-panel:has(.inbox-reply-form-facebook) .panel-head .actions .inbox-thread-tool *,
.inbox-message-panel:has(.inbox-reply-form-tiktok) .panel-head .actions .inbox-thread-tool *,
.inbox-message-panel.inbox-telegram-panel-560 .panel-head .actions .inbox-thread-tool svg,
.inbox-message-panel:has(.inbox-reply-form-instagram) .panel-head .actions .inbox-thread-tool svg,
.inbox-message-panel:has(.inbox-reply-form-facebook) .panel-head .actions .inbox-thread-tool svg,
.inbox-message-panel:has(.inbox-reply-form-tiktok) .panel-head .actions .inbox-thread-tool svg {
  color: inherit !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  opacity: 1 !important;
}

.inbox-message-panel.inbox-telegram-panel-560 .panel-head .actions .inbox-thread-tool:hover,
.inbox-message-panel:has(.inbox-reply-form-instagram) .panel-head .actions .inbox-thread-tool:hover,
.inbox-message-panel:has(.inbox-reply-form-facebook) .panel-head .actions .inbox-thread-tool:hover,
.inbox-message-panel:has(.inbox-reply-form-tiktok) .panel-head .actions .inbox-thread-tool:hover,
.inbox-message-panel.inbox-telegram-panel-560 .panel-head .actions .inbox-thread-tool:focus-visible,
.inbox-message-panel:has(.inbox-reply-form-instagram) .panel-head .actions .inbox-thread-tool:focus-visible,
.inbox-message-panel:has(.inbox-reply-form-facebook) .panel-head .actions .inbox-thread-tool:focus-visible,
.inbox-message-panel:has(.inbox-reply-form-tiktok) .panel-head .actions .inbox-thread-tool:focus-visible {
  background: #edf9f4 !important;
  border-color: #b9d9cf !important;
  color: #173631 !important;
}

.inbox-message-panel.inbox-telegram-panel-560 .panel-head .actions .inbox-thread-tool.danger,
.inbox-message-panel:has(.inbox-reply-form-instagram) .panel-head .actions .inbox-thread-tool.danger,
.inbox-message-panel:has(.inbox-reply-form-facebook) .panel-head .actions .inbox-thread-tool.danger,
.inbox-message-panel:has(.inbox-reply-form-tiktok) .panel-head .actions .inbox-thread-tool.danger {
  background: #fff1f4 !important;
  border: 1px solid #f3c7d0 !important;
  color: #8e3550 !important;
  -webkit-text-fill-color: #8e3550 !important;
}

.inbox-message-panel.inbox-telegram-panel-560 .panel-head .actions .inbox-thread-tool-form input,
.inbox-message-panel:has(.inbox-reply-form-instagram) .panel-head .actions .inbox-thread-tool-form input,
.inbox-message-panel:has(.inbox-reply-form-facebook) .panel-head .actions .inbox-thread-tool-form input,
.inbox-message-panel:has(.inbox-reply-form-tiktok) .panel-head .actions .inbox-thread-tool-form input {
  box-sizing: border-box !important;
  width: 9rem !important;
  min-height: 2.15rem !important;
  padding: 0.35rem 0.72rem !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.98) !important;
  border: 1px solid rgba(179, 196, 208, 0.92) !important;
  color: #20313f !important;
  -webkit-text-fill-color: #20313f !important;
  caret-color: #20313f !important;
  font-size: 0.82rem !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  box-shadow: none !important;
}

.inbox-message-panel.inbox-telegram-panel-560 .panel-head .actions .inbox-thread-tool-form input::placeholder,
.inbox-message-panel:has(.inbox-reply-form-instagram) .panel-head .actions .inbox-thread-tool-form input::placeholder,
.inbox-message-panel:has(.inbox-reply-form-facebook) .panel-head .actions .inbox-thread-tool-form input::placeholder,
.inbox-message-panel:has(.inbox-reply-form-tiktok) .panel-head .actions .inbox-thread-tool-form input::placeholder {
  color: #687887 !important;
  -webkit-text-fill-color: #687887 !important;
  opacity: 1 !important;
}

/* 20260618inbox_dark_composer_use_light794 */
:root[data-theme="dark"] .inbox-message-panel.inbox-telegram-panel-560 .inbox-reply-form,
:root[data-theme="dark"] .inbox-message-panel:has(.inbox-reply-form-instagram) .inbox-reply-form-sendpulse-social,
:root[data-theme="dark"] .inbox-message-panel:has(.inbox-reply-form-facebook) .inbox-reply-form-sendpulse-social,
:root[data-theme="dark"] .inbox-message-panel:has(.inbox-reply-form-tiktok) .inbox-reply-form-sendpulse-social {
  background: linear-gradient(180deg, #ffffff 0%, #f8fcff 100%) !important;
  border: 1px solid rgba(207, 230, 222, 0.92) !important;
  box-shadow: 0 8px 20px rgba(15, 118, 110, 0.08) !important;
}

:root[data-theme="dark"] .inbox-message-panel.inbox-telegram-panel-560 .inbox-reply-form textarea,
:root[data-theme="dark"] .inbox-message-panel:has(.inbox-reply-form-instagram) .inbox-reply-form-sendpulse-social textarea,
:root[data-theme="dark"] .inbox-message-panel:has(.inbox-reply-form-facebook) .inbox-reply-form-sendpulse-social textarea,
:root[data-theme="dark"] .inbox-message-panel:has(.inbox-reply-form-tiktok) .inbox-reply-form-sendpulse-social textarea {
  background: #ffffff !important;
  color: #18232c !important;
  -webkit-text-fill-color: #18232c !important;
  caret-color: #18232c !important;
}

:root[data-theme="dark"] .inbox-message-panel.inbox-telegram-panel-560 .inbox-reply-form textarea::placeholder,
:root[data-theme="dark"] .inbox-message-panel:has(.inbox-reply-form-instagram) .inbox-reply-form-sendpulse-social textarea::placeholder,
:root[data-theme="dark"] .inbox-message-panel:has(.inbox-reply-form-facebook) .inbox-reply-form-sendpulse-social textarea::placeholder,
:root[data-theme="dark"] .inbox-message-panel:has(.inbox-reply-form-tiktok) .inbox-reply-form-sendpulse-social textarea::placeholder {
  color: #7f9199 !important;
  -webkit-text-fill-color: #7f9199 !important;
  opacity: 1 !important;
}

:root[data-theme="dark"] .inbox-message-panel.inbox-telegram-panel-560 .inbox-reply-form .inbox-tool-button,
:root[data-theme="dark"] .inbox-message-panel:has(.inbox-reply-form-instagram) .inbox-reply-form-sendpulse-social .inbox-tool-button,
:root[data-theme="dark"] .inbox-message-panel:has(.inbox-reply-form-facebook) .inbox-reply-form-sendpulse-social .inbox-tool-button,
:root[data-theme="dark"] .inbox-message-panel:has(.inbox-reply-form-tiktok) .inbox-reply-form-sendpulse-social .inbox-tool-button {
  background: #ffffff !important;
  border: 1px solid #cfe6de !important;
  color: #1a4453 !important;
  -webkit-text-fill-color: #1a4453 !important;
  box-shadow: none !important;
}

/* 20260618inbox_tg_ig_dark_finish795 */

/* Telegram dark: header y composer con piel light */
:root[data-theme="dark"] .inbox-message-panel.inbox-telegram-panel-560 .panel-head {
  background: linear-gradient(90deg, #f7fdff 0%, #eef8ff 60%, #f8fcff 100%) !important;
  border-bottom: 1px solid rgba(112, 193, 255, 0.24) !important;
}

:root[data-theme="dark"] .inbox-message-panel.inbox-telegram-panel-560 .panel-head > *:first-child,
:root[data-theme="dark"] .inbox-message-panel.inbox-telegram-panel-560 .panel-head > *:first-child *,
:root[data-theme="dark"] .inbox-message-panel.inbox-telegram-panel-560 .panel-head h3,
:root[data-theme="dark"] .inbox-message-panel.inbox-telegram-panel-560 .panel-head h3 * {
  color: #193242 !important;
  -webkit-text-fill-color: #193242 !important;
  opacity: 1 !important;
}

:root[data-theme="dark"] .inbox-message-panel.inbox-telegram-panel-560 .panel-head small,
:root[data-theme="dark"] .inbox-message-panel.inbox-telegram-panel-560 .panel-head .muted {
  color: #2796df !important;
  -webkit-text-fill-color: #2796df !important;
  opacity: 1 !important;
}

:root[data-theme="dark"] .inbox-message-panel.inbox-telegram-panel-560 .inbox-reply-form {
  background: linear-gradient(180deg, #ffffff 0%, #f8fcff 100%) !important;
  border: 1px solid rgba(207, 230, 222, 0.92) !important;
  box-shadow: 0 8px 20px rgba(15, 118, 110, 0.08) !important;
}

:root[data-theme="dark"] .inbox-message-panel.inbox-telegram-panel-560 .inbox-reply-form textarea {
  background: #ffffff !important;
  color: #18232c !important;
  -webkit-text-fill-color: #18232c !important;
  caret-color: #18232c !important;
}

:root[data-theme="dark"] .inbox-message-panel.inbox-telegram-panel-560 .inbox-reply-form textarea::placeholder {
  color: #7f9199 !important;
  -webkit-text-fill-color: #7f9199 !important;
  opacity: 1 !important;
}

:root[data-theme="dark"] .inbox-message-panel.inbox-telegram-panel-560 .inbox-reply-form .inbox-tool-button {
  background: #ffffff !important;
  border: 1px solid #cfe6de !important;
  color: #1a4453 !important;
  -webkit-text-fill-color: #1a4453 !important;
  box-shadow: none !important;
}

/* Instagram dark: solo reforzar legibilidad izquierda */
:root[data-theme="dark"] .inbox-message-panel:has(.inbox-reply-form-instagram) .panel-head > *:first-child,
:root[data-theme="dark"] .inbox-message-panel:has(.inbox-reply-form-instagram) .panel-head > *:first-child *,
:root[data-theme="dark"] .inbox-message-panel:has(.inbox-reply-form-instagram) .panel-head h3,
:root[data-theme="dark"] .inbox-message-panel:has(.inbox-reply-form-instagram) .panel-head h3 * {
  color: #3b2230 !important;
  -webkit-text-fill-color: #3b2230 !important;
  opacity: 1 !important;
}

:root[data-theme="dark"] .inbox-message-panel:has(.inbox-reply-form-instagram) .panel-head small,
:root[data-theme="dark"] .inbox-message-panel:has(.inbox-reply-form-instagram) .panel-head .muted {
  color: #b06382 !important;
  -webkit-text-fill-color: #b06382 !important;
  opacity: 1 !important;
}

/* 20260618telegram_dark_exact_owner796 */

/* Telegram dark: el header debe verse como light */
html[data-theme="dark"] .inbox-message-panel.inbox-telegram-panel-560 .panel-head,
body[data-theme="dark"] .inbox-message-panel.inbox-telegram-panel-560 .panel-head,
body.dark .inbox-message-panel.inbox-telegram-panel-560 .panel-head,
body.dark-mode .inbox-message-panel.inbox-telegram-panel-560 .panel-head,
[data-theme="dark"] .inbox-message-panel.inbox-telegram-panel-560 .panel-head {
  background: linear-gradient(90deg, #f7fdff 0%, #eef8ff 60%, #f8fcff 100%) !important;
  border-bottom: 1px solid rgba(112, 193, 255, 0.24) !important;
  backdrop-filter: blur(10px) !important;
}

html[data-theme="dark"] .inbox-message-panel.inbox-telegram-panel-560 .panel-head h3,
html[data-theme="dark"] .inbox-message-panel.inbox-telegram-panel-560 .panel-head h3 *,
html[data-theme="dark"] .inbox-message-panel.inbox-telegram-panel-560 .panel-head .inbox-contact-title,
html[data-theme="dark"] .inbox-message-panel.inbox-telegram-panel-560 .panel-head .inbox-contact-title:link,
html[data-theme="dark"] .inbox-message-panel.inbox-telegram-panel-560 .panel-head .inbox-contact-title:visited,
body[data-theme="dark"] .inbox-message-panel.inbox-telegram-panel-560 .panel-head h3,
body[data-theme="dark"] .inbox-message-panel.inbox-telegram-panel-560 .panel-head h3 *,
body[data-theme="dark"] .inbox-message-panel.inbox-telegram-panel-560 .panel-head .inbox-contact-title,
body[data-theme="dark"] .inbox-message-panel.inbox-telegram-panel-560 .panel-head .inbox-contact-title:link,
body[data-theme="dark"] .inbox-message-panel.inbox-telegram-panel-560 .panel-head .inbox-contact-title:visited,
body.dark .inbox-message-panel.inbox-telegram-panel-560 .panel-head h3,
body.dark .inbox-message-panel.inbox-telegram-panel-560 .panel-head h3 *,
body.dark .inbox-message-panel.inbox-telegram-panel-560 .panel-head .inbox-contact-title,
body.dark .inbox-message-panel.inbox-telegram-panel-560 .panel-head .inbox-contact-title:link,
body.dark .inbox-message-panel.inbox-telegram-panel-560 .panel-head .inbox-contact-title:visited,
body.dark-mode .inbox-message-panel.inbox-telegram-panel-560 .panel-head h3,
body.dark-mode .inbox-message-panel.inbox-telegram-panel-560 .panel-head h3 *,
body.dark-mode .inbox-message-panel.inbox-telegram-panel-560 .panel-head .inbox-contact-title,
body.dark-mode .inbox-message-panel.inbox-telegram-panel-560 .panel-head .inbox-contact-title:link,
body.dark-mode .inbox-message-panel.inbox-telegram-panel-560 .panel-head .inbox-contact-title:visited,
[data-theme="dark"] .inbox-message-panel.inbox-telegram-panel-560 .panel-head h3,
[data-theme="dark"] .inbox-message-panel.inbox-telegram-panel-560 .panel-head h3 *,
[data-theme="dark"] .inbox-message-panel.inbox-telegram-panel-560 .panel-head .inbox-contact-title,
[data-theme="dark"] .inbox-message-panel.inbox-telegram-panel-560 .panel-head .inbox-contact-title:link,
[data-theme="dark"] .inbox-message-panel.inbox-telegram-panel-560 .panel-head .inbox-contact-title:visited {
  color: #193242 !important;
  -webkit-text-fill-color: #193242 !important;
  opacity: 1 !important;
}

html[data-theme="dark"] .inbox-message-panel.inbox-telegram-panel-560 .panel-head .muted,
html[data-theme="dark"] .inbox-message-panel.inbox-telegram-panel-560 .panel-head small,
body[data-theme="dark"] .inbox-message-panel.inbox-telegram-panel-560 .panel-head .muted,
body[data-theme="dark"] .inbox-message-panel.inbox-telegram-panel-560 .panel-head small,
body.dark .inbox-message-panel.inbox-telegram-panel-560 .panel-head .muted,
body.dark .inbox-message-panel.inbox-telegram-panel-560 .panel-head small,
body.dark-mode .inbox-message-panel.inbox-telegram-panel-560 .panel-head .muted,
body.dark-mode .inbox-message-panel.inbox-telegram-panel-560 .panel-head small,
[data-theme="dark"] .inbox-message-panel.inbox-telegram-panel-560 .panel-head .muted,
[data-theme="dark"] .inbox-message-panel.inbox-telegram-panel-560 .panel-head small {
  color: #2796df !important;
  -webkit-text-fill-color: #2796df !important;
  opacity: 1 !important;
}

/* Telegram dark: asegurar que el composer siga light con el selector correcto */
html[data-theme="dark"] .inbox-message-panel.inbox-telegram-panel-560 .inbox-reply-form-telegram,
body[data-theme="dark"] .inbox-message-panel.inbox-telegram-panel-560 .inbox-reply-form-telegram,
body.dark .inbox-message-panel.inbox-telegram-panel-560 .inbox-reply-form-telegram,
body.dark-mode .inbox-message-panel.inbox-telegram-panel-560 .inbox-reply-form-telegram,
[data-theme="dark"] .inbox-message-panel.inbox-telegram-panel-560 .inbox-reply-form-telegram {
  background: transparent !important;
}

html[data-theme="dark"] .inbox-message-panel.inbox-telegram-panel-560 .inbox-reply-form-telegram textarea,
body[data-theme="dark"] .inbox-message-panel.inbox-telegram-panel-560 .inbox-reply-form-telegram textarea,
body.dark .inbox-message-panel.inbox-telegram-panel-560 .inbox-reply-form-telegram textarea,
body.dark-mode .inbox-message-panel.inbox-telegram-panel-560 .inbox-reply-form-telegram textarea,
[data-theme="dark"] .inbox-message-panel.inbox-telegram-panel-560 .inbox-reply-form-telegram textarea {
  background: #ffffff !important;
  color: #123242 !important;
  -webkit-text-fill-color: #123242 !important;
  caret-color: #123242 !important;
}

/* 20260618telegram_dark_panel_light797 */

/* Telegram dark: igualar el panel y timeline al look light */
html[data-theme="dark"] .inbox-message-panel.inbox-telegram-panel-560,
body[data-theme="dark"] .inbox-message-panel.inbox-telegram-panel-560,
body.dark .inbox-message-panel.inbox-telegram-panel-560,
body.dark-mode .inbox-message-panel.inbox-telegram-panel-560,
[data-theme="dark"] .inbox-message-panel.inbox-telegram-panel-560 {
  background: linear-gradient(180deg, #f8fcff 0%, #f3fbff 100%) !important;
}

html[data-theme="dark"] .inbox-message-panel.inbox-telegram-panel-560 .inbox-timeline-shell,
html[data-theme="dark"] .inbox-message-panel.inbox-telegram-panel-560 .timeline.inbox-timeline,
body[data-theme="dark"] .inbox-message-panel.inbox-telegram-panel-560 .inbox-timeline-shell,
body[data-theme="dark"] .inbox-message-panel.inbox-telegram-panel-560 .timeline.inbox-timeline,
body.dark .inbox-message-panel.inbox-telegram-panel-560 .inbox-timeline-shell,
body.dark .inbox-message-panel.inbox-telegram-panel-560 .timeline.inbox-timeline,
body.dark-mode .inbox-message-panel.inbox-telegram-panel-560 .inbox-timeline-shell,
body.dark-mode .inbox-message-panel.inbox-telegram-panel-560 .timeline.inbox-timeline,
[data-theme="dark"] .inbox-message-panel.inbox-telegram-panel-560 .inbox-timeline-shell,
[data-theme="dark"] .inbox-message-panel.inbox-telegram-panel-560 .timeline.inbox-timeline {
  background:
    radial-gradient(circle at 18% 10%, rgba(42, 171, 238, 0.10), transparent 24%),
    linear-gradient(135deg, rgba(42, 171, 238, 0.07) 0 12px, transparent 12px 24px),
    #F7FCFF !important;
}

html[data-theme="dark"] .inbox-message-panel.inbox-telegram-panel-560 .timeline-item.message-provider-telegram.message-in .message-bubble,
body[data-theme="dark"] .inbox-message-panel.inbox-telegram-panel-560 .timeline-item.message-provider-telegram.message-in .message-bubble,
body.dark .inbox-message-panel.inbox-telegram-panel-560 .timeline-item.message-provider-telegram.message-in .message-bubble,
body.dark-mode .inbox-message-panel.inbox-telegram-panel-560 .timeline-item.message-provider-telegram.message-in .message-bubble,
[data-theme="dark"] .inbox-message-panel.inbox-telegram-panel-560 .timeline-item.message-provider-telegram.message-in .message-bubble {
  background: #ffffff !important;
  border-color: #d7ecf6 !important;
  color: #102331 !important;
}

html[data-theme="dark"] .inbox-message-panel.inbox-telegram-panel-560 .timeline-item.message-provider-telegram .message-text,
body[data-theme="dark"] .inbox-message-panel.inbox-telegram-panel-560 .timeline-item.message-provider-telegram .message-text,
body.dark .inbox-message-panel.inbox-telegram-panel-560 .timeline-item.message-provider-telegram .message-text,
body.dark-mode .inbox-message-panel.inbox-telegram-panel-560 .timeline-item.message-provider-telegram .message-text,
[data-theme="dark"] .inbox-message-panel.inbox-telegram-panel-560 .timeline-item.message-provider-telegram .message-text {
  color: #13252e !important;
}

/* 20260618whatsapp_dark_like_light798 */

:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel {
  background: linear-gradient(180deg, #f8fcfb 0%, #f2fbf7 100%) !important;
  border: 1px solid #bfe8d8 !important;
  box-shadow: 0 12px 30px rgba(16, 73, 54, 0.08) !important;
}

:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .panel-head {
  background: linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(245,253,249,0.98) 100%) !important;
  border-bottom: 1px solid rgba(191, 232, 216, 0.96) !important;
}

:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .panel-head h3,
:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .panel-head h3 *,
:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .panel-head .inbox-contact-title,
:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .panel-head .inbox-contact-title:link,
:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .panel-head .inbox-contact-title:visited {
  color: #1e2f29 !important;
  opacity: 1 !important;
}

:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .panel-head .muted,
:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .panel-head small {
  color: #5f746c !important;
  opacity: 1 !important;
}

:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .panel-head .actions {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .panel-head .actions .inbox-thread-contact-tools {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 6px !important;
  flex-wrap: nowrap !important;
}

:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .panel-head .actions .inbox-thread-tool-form {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .panel-head .actions .inbox-thread-tool,
:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .panel-head .actions .inbox-thread-tool:link,
:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .panel-head .actions .inbox-thread-tool:visited {
  background: #f7fcfa !important;
  border: 1px solid #cfe6de !important;
  color: #173631 !important;
  box-shadow: 0 4px 12px rgba(15, 118, 110, 0.08) !important;
  filter: none !important;
  opacity: 1 !important;
}

:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .panel-head .actions .inbox-thread-tool > * {
  color: inherit !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  opacity: 1 !important;
}

:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .panel-head .actions .inbox-thread-tool:hover,
:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .panel-head .actions .inbox-thread-tool:focus-visible {
  background: #edf9f4 !important;
  border-color: #b9d9cf !important;
  color: #173631 !important;
}

:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .panel-head .actions .inbox-thread-tool.danger,
:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .panel-head .actions .inbox-thread-tool.danger * {
  background: #fff1f4 !important;
  border-color: #f3c7d0 !important;
  color: #8e3550 !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .panel-head .actions .inbox-thread-tool-form input {
  background: rgba(255,255,255,0.98) !important;
  border: 1px solid rgba(179, 196, 208, 0.92) !important;
  color: #20313f !important;
  -webkit-text-fill-color: #20313f !important;
  caret-color: #20313f !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .panel-head .actions .inbox-thread-tool-form input::placeholder {
  color: #687887 !important;
  -webkit-text-fill-color: #687887 !important;
  opacity: 1 !important;
}

:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .inbox-compose-shell {
  background: linear-gradient(180deg, #f2fcf8 0%, #ebfaf4 100%) !important;
  border: 1px solid #bfe8d8 !important;
  box-shadow: 0 10px 24px rgba(22, 120, 89, 0.10) !important;
}

:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .inbox-compose-panel:not([hidden]),
:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .inbox-compose-panel:not([hidden]) .inbox-reply-form-whatsapp {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .inbox-compose-panel:not([hidden]) .inbox-tool-button,
:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .inbox-compose-panel:not([hidden]) .inbox-file-label,
:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .inbox-compose-panel:not([hidden]) .inbox-whatsapp-web-button,
:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .inbox-compose-panel:not([hidden]) .inbox-new-whatsapp-inline {
  background: #ffffff !important;
  border: 1px solid #cfe6de !important;
  color: #173631 !important;
  box-shadow: 0 4px 12px rgba(15, 118, 110, 0.08) !important;
  filter: none !important;
  opacity: 1 !important;
}

:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .inbox-compose-panel:not([hidden]) .inbox-tool-button > *,
:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .inbox-compose-panel:not([hidden]) .inbox-file-label > *,
:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .inbox-compose-panel:not([hidden]) .inbox-whatsapp-web-button > *,
:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .inbox-compose-panel:not([hidden]) .inbox-new-whatsapp-inline > * {
  color: inherit !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .inbox-compose-panel:not([hidden]) .inbox-reply-form-whatsapp textarea {
  background: #ffffff !important;
  border: 1px solid #bfded3 !important;
  color: #20313f !important;
  -webkit-text-fill-color: #20313f !important;
  caret-color: #20313f !important;
  box-shadow: none !important;
}

:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .inbox-compose-panel:not([hidden]) .inbox-reply-form-whatsapp textarea::placeholder {
  color: #6e7f79 !important;
  -webkit-text-fill-color: #6e7f79 !important;
  opacity: 1 !important;
}

:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .inbox-compose-panel:not([hidden]) .inbox-compose-hint,
:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .inbox-compose-panel:not([hidden]) .inbox-compose-hint * {
  color: #5f746c !important;
  opacity: 1 !important;
}

:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .inbox-compose-panel:not([hidden]) .inbox-send-button {
  border: 1px solid rgba(42, 199, 116, 0.42) !important;
  box-shadow: 0 10px 24px rgba(34, 197, 94, 0.24) !important;
}\n\n/* 20260618whatsapp_compose_dark_only799 */

:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .inbox-compose-shell {
  background: linear-gradient(180deg, #f2fcf8 0%, #ebfaf4 100%) !important;
  border: 1px solid #bfe8d8 !important;
  box-shadow: 0 10px 24px rgba(22, 120, 89, 0.10) !important;
}

:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .inbox-compose-modes,
:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .inbox-compose-panel:not([hidden]),
:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .inbox-compose-panel:not([hidden]) .inbox-reply-form-whatsapp,
:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .inbox-compose-panel:not([hidden]) .inbox-compose-tools {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .inbox-compose-panel:not([hidden]) .inbox-tool-button,
:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .inbox-compose-panel:not([hidden]) .inbox-file-label,
:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .inbox-compose-panel:not([hidden]) .inbox-whatsapp-web-button,
:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .inbox-compose-panel:not([hidden]) .inbox-new-whatsapp-inline {
  background: #ffffff !important;
  border: 1px solid #cfe6de !important;
  color: #173631 !important;
  box-shadow: 0 4px 12px rgba(15, 118, 110, 0.08) !important;
  filter: none !important;
  opacity: 1 !important;
}

:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .inbox-compose-panel:not([hidden]) .inbox-tool-button > *,
:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .inbox-compose-panel:not([hidden]) .inbox-file-label > * {
  color: inherit !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .inbox-compose-panel:not([hidden]) .inbox-reply-form-whatsapp textarea {
  background: #ffffff !important;
  border: 1px solid #bfded3 !important;
  color: #20313f !important;
  -webkit-text-fill-color: #20313f !important;
  caret-color: #20313f !important;
  box-shadow: none !important;
}

:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .inbox-compose-panel:not([hidden]) .inbox-reply-form-whatsapp textarea::placeholder {
  color: #6e7f79 !important;
  -webkit-text-fill-color: #6e7f79 !important;
  opacity: 1 !important;
}\n\n\n/* 20260618whatsapp_dark_real_owner800 */

:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .inbox-compose-modes[data-active-mode="whatsapp"] .inbox-reply-form,
:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .inbox-compose-panel:not([hidden]) .inbox-reply-form,
:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .inbox-compose-panel:not([hidden]) .inbox-reply-form-whatsapp,
:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .inbox-compose-panel:not([hidden]) .inbox-compose-tools {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .inbox-compose-modes[data-active-mode="whatsapp"] textarea,
:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .inbox-compose-panel:not([hidden]) .inbox-reply-form textarea,
:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .inbox-compose-panel:not([hidden]) .inbox-reply-form-whatsapp textarea {
  background: #ffffff !important;
  border: 1px solid #bfded3 !important;
  color: #20313f !important;
  -webkit-text-fill-color: #20313f !important;
  caret-color: #20313f !important;
  box-shadow: none !important;
}

:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .inbox-compose-modes[data-active-mode="whatsapp"] textarea::placeholder,
:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .inbox-compose-panel:not([hidden]) .inbox-reply-form textarea::placeholder,
:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .inbox-compose-panel:not([hidden]) .inbox-reply-form-whatsapp textarea::placeholder {
  color: #6e7f79 !important;
  -webkit-text-fill-color: #6e7f79 !important;
  opacity: 1 !important;
}

:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .inbox-compose-panel:not([hidden]) .inbox-tool-button,
:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .inbox-compose-panel:not([hidden]) .inbox-file-label,
:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .inbox-compose-panel:not([hidden]) .inbox-whatsapp-web-button,
:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .inbox-compose-panel:not([hidden]) .inbox-new-whatsapp-inline,
:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .inbox-compose-tools .inbox-whatsapp-web-button,
:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .inbox-compose-tools .inbox-new-whatsapp-inline {
  background: #ffffff !important;
  border: 1px solid #cfe6de !important;
  color: #173631 !important;
  box-shadow: 0 4px 12px rgba(15, 118, 110, 0.08) !important;
  filter: none !important;
  opacity: 1 !important;
}

:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .inbox-compose-panel:not([hidden]) .inbox-tool-button > *,
:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .inbox-compose-panel:not([hidden]) .inbox-file-label > *,
:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .inbox-whatsapp-web-button > *,
:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .inbox-new-whatsapp-inline > * {
  color: inherit !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .inbox-whatsapp-web-button img,
:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .inbox-new-whatsapp-inline img {
  filter: none !important;
  opacity: 1 !important;
}\n

/* 20260618whatsapp_dark_tabs_reactions801 */

/* WhatsApp dark: dejar el cluster de tabs igual de claro que en light */
:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .inbox-compose-mode-tabs {
  background: linear-gradient(180deg, #eefbf5 0%, #e4f8ef 100%) !important;
  border: 1px solid #c6e8da !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.78),
    0 8px 18px rgba(18, 88, 66, 0.08) !important;
}

:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .inbox-compose-mode-tabs::before {
  background: none !important;
  box-shadow: none !important;
  opacity: 0 !important;
}

:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .inbox-compose-mode-tab {
  background: #ffffff !important;
  border: 1px solid #cfe6de !important;
  color: #23433c !important;
  box-shadow: 0 4px 10px rgba(15, 80, 60, 0.08) !important;
}

:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .inbox-compose-mode-tab > span:not(.inbox-provider-tab-badge),
:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .inbox-compose-mode-tab > small {
  color: #4d6a62 !important;
}

:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .inbox-compose-mode-tab.active,
:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .inbox-compose-mode-tab[aria-selected="true"] {
  background: linear-gradient(180deg, #ffffff 0%, #f1fbf6 100%) !important;
  border-color: #96d9bf !important;
  color: #1f6c53 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.85),
    0 8px 16px rgba(36, 129, 95, 0.14) !important;
}

/* WhatsApp dark: aclarar los mini toggles al lado de cada burbuja */
:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .inbox-message-reactions .inbox-reaction-reply,
:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .inbox-message-reactions .inbox-reaction-toggle,
:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .inbox-message-reactions .inbox-message-menu-toggle {
  background: rgba(255, 255, 255, 0.94) !important;
  border-color: rgba(36, 170, 120, 0.24) !important;
  color: #2d6d5a !important;
  box-shadow: 0 4px 11px rgba(16, 24, 20, 0.08) !important;
  opacity: 1 !important;
}

:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .inbox-message-reactions .inbox-reaction-reply:hover,
:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .inbox-message-reactions .inbox-reaction-reply:focus-visible,
:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .inbox-message-reactions .inbox-reaction-toggle:hover,
:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .inbox-message-reactions .inbox-reaction-toggle:focus-visible,
:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .inbox-message-reactions .inbox-message-menu-toggle:hover,
:root[data-theme="dark"] .inbox-message-panel.inbox-whatsapp-panel .inbox-message-reactions .inbox-message-menu-toggle:focus-visible {
  background: #ffffff !important;
  border-color: rgba(36, 170, 120, 0.34) !important;
  color: #1f6c53 !important;
}

/* 20260618inbox_social_real_actions792 */
.inbox-message-panel:has(.inbox-reply-form-instagram) [data-inbox-reaction-toggle],
.inbox-message-panel:has(.inbox-reply-form-facebook) [data-inbox-reaction-toggle],
.inbox-message-panel:has(.inbox-reply-form-tiktok) [data-inbox-reaction-toggle],
.inbox-message-panel:has(.inbox-reply-form-instagram) [data-inbox-open-reactions],
.inbox-message-panel:has(.inbox-reply-form-facebook) [data-inbox-open-reactions],
.inbox-message-panel:has(.inbox-reply-form-tiktok) [data-inbox-open-reactions],
.inbox-message-panel:has(.inbox-reply-form-instagram) .inbox-reaction-pill,
.inbox-message-panel:has(.inbox-reply-form-facebook) .inbox-reaction-pill,
.inbox-message-panel:has(.inbox-reply-form-tiktok) .inbox-reaction-pill {
  display: none !important;
}


/* 20260619emoji_text_only_safe808 */
.timeline-item .message-text.message-text-emoji-only {
  margin: 0 !important;
  font-size: clamp(2.45rem, 4.2vw, 3.2rem) !important;
  line-height: 1.02 !important;
  letter-spacing: 0 !important;
}

.timeline-item .message-text.message-text-emoji-only + .inbox-message-meta {
  margin-top: 0.12rem !important;
}

.timeline-item .message-text.message-text-emoji-only + .inbox-message-meta .inbox-provider {
  display: none !important;
}

.timeline-item .message-text.message-text-emoji-only + .inbox-message-meta .message-time {
  font-size: 0.72rem !important;
  opacity: 0.8 !important;
}

/* 20260612inbox_etiquetas_multi493 */
.inbox-tag-filter-panel[data-inbox-tag-filter-panel] {
  position: fixed !important;
  z-index: 9999;
  max-height: 270px;
  overflow: hidden;
  display: block;
  padding: 7px;
  border: 1px solid rgba(18, 139, 112, .20);
  border-radius: 7px;
  background: rgba(255, 255, 255, .98);
  box-shadow: 0 14px 34px rgba(15, 64, 57, .16);
}

.inbox-tag-filter-panel[data-inbox-tag-filter-panel][hidden] {
  display: none !important;
}

.inbox-tag-tokenbox-913 {
  width: 100%;
  min-height: 34px;
  border: 1px solid rgba(18, 139, 112, .72);
  border-radius: 8px;
  background: #fff;
  color: #122f2a;
  padding: 6px 8px;
  cursor: text;
}

.inbox-tag-tokenbox-913:focus-within {
  border-color: #078c6e;
  box-shadow: 0 0 0 2px rgba(7, 140, 110, .12);
}

.inbox-tag-selected-913 {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-bottom: 6px;
}

.inbox-tag-selected-913[hidden] {
  display: none !important;
}

.inbox-tag-selected-chip-913 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 24px;
  border: 1px solid rgba(18, 139, 112, .28);
  border-radius: 999px;
  background: #eafaf5;
  color: #0f6b57;
  font-size: 11px;
  font-weight: 800;
  padding: 3px 9px;
  cursor: pointer;
}

.inbox-tag-selected-chip-913 strong {
  font-size: 12px;
  line-height: 1;
}

.inbox-tag-crm-input-493 {
  width: 100%;
  height: 24px;
  border: 0;
  background: transparent;
  color: #122f2a;
  font-size: 13px;
  font-weight: 650;
  outline: none;
  padding: 0;
  box-shadow: none;
}

.inbox-tag-crm-meta-493 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  color: #55726b;
  font-size: 11px;
  font-weight: 700;
  padding: 6px 1px 2px;
}

.inbox-tag-crm-meta-493 button {
  border: 0;
  background: transparent;
  color: #0f8066;
  font-size: 11px;
  font-weight: 800;
  cursor: pointer;
  padding: 0;
}

.inbox-tag-crm-results-493 {
  max-height: 172px;
  overflow: auto;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 5px;
  margin-top: 5px;
  padding-right: 2px;
}

.inbox-tag-crm-chip-493 {
  display: inline-flex;
  align-items: center;
  min-height: 25px;
  max-width: 100%;
  border: 1px solid rgba(18, 139, 112, .22);
  border-radius: 6px;
  color: #0d2f29;
  padding: 4px 9px;
  font-size: 12px;
  font-weight: 750;
  line-height: 1.1;
  cursor: pointer;
}

.inbox-tag-crm-chip-493:hover {
  filter: saturate(1.08);
  transform: translateY(-1px);
}

.inbox-tag-crm-chip-493.is-selected {
  box-shadow: inset 0 0 0 2px rgba(4, 96, 77, .48), 0 2px 8px rgba(12, 91, 75, .14);
}

.inbox-tag-crm-chip-493.is-selected::after {
  content: "✓";
  margin-left: 6px;
  color: #064f3f;
  font-weight: 900;
}

.inbox-tag-crm-chip-493 span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.inbox-tag-crm-empty-493 {
  color: #64746f;
  font-size: 12px;
  padding: 6px 4px;
}

[data-inbox-tag-filter-toggle].active {
  border-color: rgba(18, 139, 112, .62) !important;
  background: #eafaf5 !important;
  color: #0f6b57 !important;
}

/* 20260612inbox_search_rows508 */
[data-inbox-thread-list].inbox-search-rows-active-508 {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 10px !important;
}

[data-inbox-thread-list].inbox-search-rows-active-508 > [data-inbox-thread-row].inbox-search-row-hidden-508,
[data-inbox-thread-list].inbox-search-rows-active-508 > [data-inbox-thread-row][hidden] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

[data-inbox-thread-list].inbox-search-rows-active-508 > [data-inbox-thread-row].inbox-search-row-match-508 {
  display: grid !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* 20260620inbox_etiquetas_visual917 */
.inbox-thread-search .inbox-quick-pill-force-on-917 {
  background: #dff7ee !important;
  color: #0b6b57 !important;
  border-color: #51b79a !important;
  box-shadow: 0 0 0 1px rgba(81, 183, 154, 0.18) inset !important;
  font-weight: 700 !important;
}

.inbox-thread-search .inbox-quick-pill-force-off-917 {
  background: #ffffff !important;
  color: #111827 !important;
  border-color: #d7e0df !important;
  box-shadow: none !important;
  font-weight: 600 !important;
}

/* 20260620inbox_top_channel_active_visual921 */
.inbox-filter-bar a {
  transition:
    transform .12s ease,
    box-shadow .12s ease,
    border-color .12s ease,
    background .12s ease,
    opacity .12s ease !important;
}

.inbox-filter-bar a:not(.active):not(.selected):not([aria-current="page"]) {
  opacity: .84;
}

.inbox-filter-bar a:is(.active, .selected, [aria-current="page"]) {
  opacity: 1 !important;
  transform: translateY(-1px) scale(1.07) !important;
  background: linear-gradient(180deg, #ffffff 0%, #f5fbf8 100%) !important;
  border-width: 2px !important;
  box-shadow:
    0 0 0 3px rgba(16, 185, 129, 0.15),
    0 10px 20px rgba(15, 23, 42, 0.10) !important;
}

.inbox-filter-bar a[href*="canal=WhatsApp"]:is(.active, .selected, [aria-current="page"]) {
  border-color: rgba(34, 197, 94, .72) !important;
  box-shadow:
    0 0 0 3px rgba(34, 197, 94, 0.18),
    0 10px 20px rgba(34, 197, 94, 0.14) !important;
}

.inbox-filter-bar a[href*="canal=Telegram"]:is(.active, .selected, [aria-current="page"]) {
  border-color: rgba(42, 171, 238, .78) !important;
  box-shadow:
    0 0 0 3px rgba(42, 171, 238, 0.18),
    0 10px 20px rgba(42, 171, 238, 0.14) !important;
}

.inbox-filter-bar a[href*="canal=Instagram"]:is(.active, .selected, [aria-current="page"]) {
  border-color: rgba(253, 45, 122, .78) !important;
  box-shadow:
    0 0 0 3px rgba(253, 45, 122, 0.16),
    0 10px 20px rgba(255, 130, 64, 0.14) !important;
}

.inbox-filter-bar a[href*="canal=Facebook"]:is(.active, .selected, [aria-current="page"]) {
  border-color: rgba(24, 119, 242, .76) !important;
  box-shadow:
    0 0 0 3px rgba(24, 119, 242, 0.18),
    0 10px 20px rgba(24, 119, 242, 0.14) !important;
}

.inbox-filter-bar a[href*="canal=TikTok"]:is(.active, .selected, [aria-current="page"]) {
  border-color: rgba(76, 219, 220, .82) !important;
  box-shadow:
    0 0 0 2px rgba(76, 219, 220, 0.20),
    0 0 0 5px rgba(254, 44, 85, 0.10),
    0 10px 22px rgba(28, 156, 165, 0.14) !important;
}

.inbox-filter-bar a:is(.active, .selected, [aria-current="page"]) img,
.inbox-filter-bar a:is(.active, .selected, [aria-current="page"]) svg {
  transform: scale(1.08);
}

/* 20260701email_filters_clean */
.email-dedicated-shell .email-dedicated-account-row.email-provider-logo-row {
  align-items: center !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
  min-height: 46px !important;
  overflow: visible !important;
  position: relative;
  isolation: isolate;
  z-index: 220;
}

.email-dedicated-shell .email-account-hover {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  margin-bottom: -14px;
  padding-bottom: 14px;
  position: relative;
  z-index: 5;
}

.email-dedicated-shell .email-account-hover:hover,
.email-dedicated-shell .email-account-hover:focus-within {
  z-index: 260;
}

.email-dedicated-shell .email-account-hover::after {
  content: "";
  position: absolute;
  left: -6px;
  right: -6px;
  top: 100%;
  height: 18px;
  pointer-events: auto;
}

.email-dedicated-shell .email-account-hover > .email-account-hover-menu {
  display: none;
  position: absolute;
  top: calc(100% - 2px);
  left: 0;
  min-width: 245px;
  padding: 8px;
  border: 1px solid #d8e6e1;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 18px 44px rgba(10, 25, 20, .16);
  pointer-events: auto;
  z-index: 280;
}

.email-dedicated-shell .email-account-hover:is(:hover, :focus-within) > .email-account-hover-menu,
.email-dedicated-shell .email-account-hover > .email-account-hover-menu:hover {
  display: grid !important;
  gap: 4px;
}

.email-dedicated-shell .email-dedicated-folder-row {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: nowrap !important;
  gap: clamp(6px, .58vw, 10px) !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 58px !important;
  margin: 0 0 2px 0 !important;
  padding: 6px 16px 4px 18px !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid #dfe8e5 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  position: relative !important;
  z-index: 30 !important;
}

.email-dedicated-shell .email-dedicated-folder-row .email-folder-chip {
  width: 44px !important;
  min-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 !important;
  border-radius: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  gap: 0 !important;
  font-size: 0 !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  border: 0 !important;
  background: transparent !important;
  color: transparent !important;
  box-shadow: none !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  position: relative !important;
  opacity: .92 !important;
  transition: transform .14s ease, opacity .14s ease, filter .14s ease !important;
}

.email-dedicated-shell .email-dedicated-folder-row .email-folder-icon,
.email-dedicated-shell .email-dedicated-folder-row .email-folder-text {
  display: none !important;
}

.email-dedicated-shell .email-dedicated-folder-row .email-folder-icon-image {
  display: block !important;
  width: 32px !important;
  height: 32px !important;
  object-fit: contain !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  pointer-events: none !important;
  mix-blend-mode: normal !important;
}

.email-dedicated-shell .email-dedicated-folder-row .email-folder-chip::before {
  content: "" !important;
  display: none !important;
  position: absolute !important;
  left: 7px !important;
  right: 7px !important;
  bottom: -4px !important;
  height: 2px !important;
  border-radius: 999px !important;
  background: #009688 !important;
}

.email-dedicated-shell .email-dedicated-folder-row .email-folder-chip::after {
  content: attr(data-label) !important;
  display: block !important;
  position: absolute !important;
  left: 50% !important;
  bottom: calc(100% + 7px) !important;
  transform: translateX(-50%) translateY(2px) !important;
  padding: 7px 11px !important;
  border-radius: 7px !important;
  background: #0b241f !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, .18) !important;
  z-index: 250 !important;
}

.email-dedicated-shell .email-dedicated-folder-row .email-folder-chip:hover,
.email-dedicated-shell .email-dedicated-folder-row .email-folder-chip:focus-visible,
.email-dedicated-shell .email-dedicated-folder-row .email-folder-chip.active {
  background: transparent !important;
  border-color: transparent !important;
  color: transparent !important;
  opacity: 1 !important;
  filter: saturate(1.07) contrast(1.04) !important;
}

.email-dedicated-shell .email-dedicated-folder-row .email-folder-chip:hover {
  transform: translateY(-1px) !important;
}

.email-dedicated-shell .email-dedicated-folder-row .email-folder-chip:hover::after,
.email-dedicated-shell .email-dedicated-folder-row .email-folder-chip:focus-visible::after {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateX(-50%) translateY(0) !important;
}

.email-dedicated-shell .email-dedicated-folder-row .email-folder-chip.active::before,
.email-dedicated-shell .email-dedicated-folder-row .email-folder-chip:hover::before,
.email-dedicated-shell .email-dedicated-folder-row .email-folder-chip:focus-visible::before {
  display: block !important;
}

.email-dedicated-shell .email-dedicated-folder-row .email-folder-chip[href*="folder=blocked"] {
  opacity: .9 !important;
}

.email-dedicated-shell .email-dedicated-folder-row .email-new-compose-link {
  flex: 0 0 auto !important;
  width: 116px !important;
  min-width: 116px !important;
  height: 44px !important;
  min-height: 44px !important;
  margin-left: auto !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  font-size: 11.6px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  position: relative !important;
  z-index: 8 !important;
}

.email-dedicated-shell .email-dedicated-folder-row .email-dedicated-search {
  flex: 1 1 300px !important;
  width: clamp(210px, 23vw, 330px) !important;
  max-width: 330px !important;
  min-width: 190px !important;
  height: 44px !important;
  min-height: 44px !important;
  margin: 0 !important;
  position: relative !important;
  z-index: 7 !important;
}

.email-dedicated-shell .email-dedicated-folder-row .email-dedicated-search input {
  height: 42px !important;
  min-height: 42px !important;
  font-size: 11.2px !important;
}

html[data-theme="dark"] .email-dedicated-shell .email-dedicated-folder-row .email-folder-chip,
body[data-theme="dark"] .email-dedicated-shell .email-dedicated-folder-row .email-folder-chip,
body.dark .email-dedicated-shell .email-dedicated-folder-row .email-folder-chip,
body.dark-mode .email-dedicated-shell .email-dedicated-folder-row .email-folder-chip {
  background: transparent !important;
  border-color: transparent !important;
  color: transparent !important;
}

html[data-theme="dark"] .email-dedicated-shell .email-dedicated-folder-row .email-folder-chip.active,
html[data-theme="dark"] .email-dedicated-shell .email-dedicated-folder-row .email-folder-chip:hover,
body[data-theme="dark"] .email-dedicated-shell .email-dedicated-folder-row .email-folder-chip.active,
body[data-theme="dark"] .email-dedicated-shell .email-dedicated-folder-row .email-folder-chip:hover,
body.dark .email-dedicated-shell .email-dedicated-folder-row .email-folder-chip.active,
body.dark .email-dedicated-shell .email-dedicated-folder-row .email-folder-chip:hover,
body.dark-mode .email-dedicated-shell .email-dedicated-folder-row .email-folder-chip.active,
body.dark-mode .email-dedicated-shell .email-dedicated-folder-row .email-folder-chip:hover {
  background: transparent !important;
  border-color: transparent !important;
  color: transparent !important;
}

@media (max-width: 980px) {
  .email-dedicated-shell .email-dedicated-folder-row {
    width: 100% !important;
    margin-left: 0 !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    overflow-x: auto !important;
  }
}

/* 20260702email_accounts_scroll */
.email-account-panel {
  max-height: calc(100dvh - 92px);
  overflow-x: hidden !important;
  overflow-y: auto !important;
  scrollbar-gutter: stable;
}

.email-account-panel .compact-table {
  margin-bottom: 18px;
}

@media (max-width: 980px) {
  .email-account-panel {
    max-height: none;
  }
}

/* 20260702email_all_accounts_button */
.email-dedicated-shell .email-provider-logo-row .email-all-accounts-link {
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 13px !important;
  border: 1px solid rgba(20, 184, 166, .32) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .05) !important;
  color: #0f766e !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  font-size: 12.5px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  box-shadow: none !important;
  flex: 0 0 auto !important;
  pointer-events: auto !important;
  position: relative !important;
  z-index: 6 !important;
}

.email-dedicated-shell .email-provider-logo-row .email-provider-logo-chip,
.email-dedicated-shell .email-provider-logo-row .email-add-account-link,
.email-dedicated-shell .email-provider-logo-row .email-new-compose-link {
  flex: 0 0 auto !important;
  pointer-events: auto !important;
  position: relative !important;
  z-index: 6 !important;
}

.email-dedicated-shell .email-provider-logo-row .email-dedicated-search {
  min-width: 220px !important;
  position: relative !important;
  z-index: 2 !important;
}

.email-dedicated-shell .email-provider-logo-row .email-all-accounts-link img {
  width: 20px !important;
  height: 20px !important;
  display: block !important;
  object-fit: contain !important;
}

.email-dedicated-shell .email-provider-logo-row .email-all-accounts-link:hover,
.email-dedicated-shell .email-provider-logo-row .email-all-accounts-link.active {
  border-color: #14b8a6 !important;
  background: rgba(20, 184, 166, .16) !important;
}

html[data-theme="dark"] .email-dedicated-shell .email-provider-logo-row .email-all-accounts-link,
body[data-theme="dark"] .email-dedicated-shell .email-provider-logo-row .email-all-accounts-link,
body.dark .email-dedicated-shell .email-provider-logo-row .email-all-accounts-link,
body.dark-mode .email-dedicated-shell .email-provider-logo-row .email-all-accounts-link {
  color: #7fffe5 !important;
}

/* 20260702email_folder_states_clean */
.email-reader-card .email-action-more > div,
.yahoo-like-email-card .email-action-more > div {
  border: 1px solid #dbe7e2 !important;
  border-radius: 10px !important;
  background: #fff !important;
  box-shadow: none !important;
  padding: 7px !important;
}

.email-reader-card .email-action-more > div button,
.yahoo-like-email-card .email-action-more > div button {
  border-radius: 7px !important;
  color: #223a35 !important;
  font-weight: 800 !important;
}

.email-reader-card .email-action-more > div button:hover,
.yahoo-like-email-card .email-action-more > div button:hover {
  background: #eef7f4 !important;
  color: #006b5d !important;
}

/* 20260702email_actions_details_visible */
.inbox-timeline .timeline-item.inbox-email-message:has([data-email-extra-attachment]) .email-reader-actions > details,
.inbox-timeline .timeline-item.inbox-email-message:has([data-email-extra-attachment]) .email-reader-actions > details > summary {
  display: inline-flex !important;
}

/* 20260702email_actions_grouped_quality641 */
.email-reader-card .email-reader-actions,
.yahoo-like-email-card .email-reader-actions {
  align-items: center !important;
  display: flex !important;
  gap: 10px !important;
  padding: .5rem .85rem .2rem !important;
  width: 100% !important;
}

.email-reader-actions .email-action-group {
  align-items: center;
  background: #fbfefd;
  border: 1px solid #dbe7e2;
  border-radius: 999px;
  display: inline-flex;
  gap: 3px;
  min-height: 38px;
  padding: 3px 5px;
}

.email-reader-actions .email-action-group form,
.email-reader-actions .email-action-group details {
  align-items: center;
  display: inline-flex;
  margin: 0;
}

.email-reader-actions .email-action-group button,
.email-reader-actions .email-action-group .email-action-compose > summary,
.email-reader-actions .email-action-group .email-action-more > summary {
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: #30475a !important;
  display: inline-flex !important;
  height: 32px !important;
  justify-content: center !important;
  min-width: 32px !important;
  padding: 0 !important;
  width: 32px !important;
}

.email-reader-actions .email-action-group button:hover,
.email-reader-actions .email-action-group .email-action-compose > summary:hover,
.email-reader-actions .email-action-group .email-action-more > summary:hover,
.email-reader-actions .email-action-group .email-action-compose[open] > summary,
.email-reader-actions .email-action-group .email-action-more[open] > summary {
  background: #eef8f5 !important;
  color: #007f72 !important;
}

.email-reader-actions .email-action-icon {
  align-items: center;
  display: inline-flex;
  height: 20px;
  justify-content: center;
  width: 20px;
}

.email-reader-actions .email-action-icon svg {
  display: block;
  fill: none;
  height: 19px;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.9;
  width: 19px;
}

.email-reader-actions .email-action-icon-more svg {
  fill: currentColor;
  stroke: none;
}

.email-reader-actions .email-star-button.active .email-action-icon-star svg {
  fill: currentColor;
}

.email-reader-actions .email-block-sender-button-528,
.email-reader-actions .email-block-sender-button-528 .email-action-icon {
  color: #8f1d2c !important;
  letter-spacing: 0 !important;
}

.email-reader-actions .email-action-group .email-action-compose.email-context-compose > summary {
  font-size: .66rem !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
}

.email-reader-actions .email-action-state {
  margin-left: auto;
  min-width: 0;
}

.email-reader-actions .email-action-state-pill {
  align-items: center;
  border: 1px solid #b9e3d9;
  border-radius: 999px;
  color: #006b5d;
  display: inline-flex;
  font-size: .78rem;
  font-weight: 900;
  line-height: 1;
  min-height: 30px;
  padding: 0 .72rem;
  white-space: nowrap;
}

.email-reader-actions .email-action-state-pill.is-inbox {
  background: #e9f7f3;
  color: #006b5d;
}

.email-reader-actions .email-action-state-pill.is-sent {
  background: #e8fff2;
  border-color: #b7ebc8;
  color: #057a43;
}

.email-reader-actions .email-action-state-pill.is-archive {
  background: #f2f4f7;
  border-color: #d0d5dd;
  color: #475467;
}

.email-reader-actions .email-action-state-pill.is-trash {
  background: #fff0f0;
  border-color: #ffc9c9;
  color: #b42318;
}

.email-reader-actions .email-action-state-pill.is-blocked,
.email-reader-actions .email-action-state-pill.is-spam {
  background: #fff1f3;
  border-color: #ffccd5;
  color: #9f1239;
}

.email-reader-actions .email-action-state-pill.is-draft,
.email-reader-actions .email-action-state-pill.is-scheduled {
  background: #fff7e6;
  border-color: #ffd99a;
  color: #9a5b00;
}

.email-reader-actions .email-action-state-pill.is-starred {
  background: #fff8db;
  border-color: #f5d06b;
  color: #7a4b00;
}

.email-folder-badge strong {
  color: #102a43;
  font-size: .72rem;
  font-weight: 900;
  margin-left: .2rem;
  max-width: min(34vw, 260px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 760px) {
  .email-reader-card .email-reader-actions,
  .yahoo-like-email-card .email-reader-actions {
    flex-wrap: wrap;
  }

  .email-reader-actions .email-action-state {
    margin-left: 0;
  }
}

/* 20260702email_toolbar_unified_approved */
.email-dedicated-shell .email-unified-mail-toolbar-row.email-dedicated-folder-row {
  align-items: center !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: clamp(6px, .58vw, 10px) !important;
  justify-content: flex-start !important;
  margin: 0 0 2px 0 !important;
  min-height: 58px !important;
  padding: 6px 16px 4px 18px !important;
  width: 100% !important;
}

.email-dedicated-shell .email-unified-mail-toolbar-row .email-all-accounts-link {
  align-items: center !important;
  background: #f2fbf9 !important;
  border: 1px solid #14b8a6 !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  color: #075e54 !important;
  display: inline-flex !important;
  flex: 0 0 152px !important;
  gap: 8px !important;
  height: 44px !important;
  justify-content: center !important;
  min-height: 44px !important;
  min-width: 152px !important;
  padding: 0 12px !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

.email-dedicated-shell .email-unified-mail-toolbar-row .email-all-accounts-link span {
  display: inline-block !important;
  font-size: 10.2px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
}

.email-dedicated-shell .email-unified-mail-toolbar-row .email-all-accounts-link img {
  display: block !important;
  flex: 0 0 auto !important;
  height: 20px !important;
  object-fit: contain !important;
  width: 20px !important;
}

.email-dedicated-shell .email-unified-mail-toolbar-row .email-account-hover {
  align-items: center !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  height: 44px !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.email-dedicated-shell .email-unified-mail-toolbar-row .email-account-hover::after {
  height: 10px !important;
  top: 100% !important;
}

.email-dedicated-shell .email-unified-mail-toolbar-row .email-provider-logo-chip,
.email-dedicated-shell .email-unified-mail-toolbar-row .email-add-account-link,
.email-dedicated-shell .email-unified-mail-toolbar-row .email-folder-chip {
  flex: 0 0 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  min-width: 44px !important;
  width: 44px !important;
}

.email-dedicated-shell .email-unified-mail-toolbar-row .email-provider-logo-chip,
.email-dedicated-shell .email-unified-mail-toolbar-row .email-add-account-link {
  align-items: center !important;
  background: #f2fbf9 !important;
  border: 1px solid #8fdcd4 !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  display: inline-flex !important;
  justify-content: center !important;
}

.email-dedicated-shell .email-unified-mail-toolbar-row .email-add-account-link {
  border-radius: 999px !important;
}

.email-dedicated-shell .email-unified-mail-toolbar-row .email-provider-logo-chip span,
.email-dedicated-shell .email-unified-mail-toolbar-row .email-add-account-link span {
  font-size: 17px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

.email-dedicated-shell .email-unified-mail-toolbar-row .email-provider-logo-chip img {
  height: 24px !important;
  object-fit: contain !important;
  width: 24px !important;
}

.email-dedicated-shell .email-unified-mail-toolbar-row .email-new-compose-link {
  flex: 0 0 116px !important;
  height: 44px !important;
  margin-left: auto !important;
  min-height: 44px !important;
  min-width: 116px !important;
  width: 116px !important;
}

.email-dedicated-shell .email-unified-mail-toolbar-row .email-dedicated-search {
  flex: 1 1 300px !important;
  height: 44px !important;
  max-width: 330px !important;
  min-height: 44px !important;
  min-width: 190px !important;
  width: clamp(210px, 23vw, 330px) !important;
}

/* 20260706email_unread_count_badge */
.email-dedicated-shell .email-unified-mail-toolbar-row .email-folder-chip {
  overflow: visible !important;
  position: relative !important;
}

.email-dedicated-shell .email-unified-mail-toolbar-row .email-folder-unread-count {
  align-items: center !important;
  background: #0f8f82 !important;
  border: 2px solid #f7fbfa !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  display: inline-flex !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  height: 18px !important;
  justify-content: center !important;
  line-height: 1 !important;
  min-width: 18px !important;
  padding: 0 4px !important;
  position: absolute !important;
  right: -3px !important;
  top: -4px !important;
  z-index: 4 !important;
}

.email-dedicated-thread-row > .inbox-email-thread.unread .inbox-thread-main strong,
.email-dedicated-thread-row > .inbox-email-thread.unread .inbox-thread-main small,
.email-dedicated-thread-row > .inbox-email-thread.unread .inbox-thread-main span {
  color: #061f1c !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

.email-dedicated-thread-row > .inbox-email-thread.unread .inbox-thread-side small {
  color: #061f1c !important;
  font-weight: 700 !important;
}

.email-dedicated-shell .email-unified-mail-toolbar-row .email-dedicated-search input {
  height: 42px !important;
  min-height: 42px !important;
}

/* 20260702email_sender_alias_clean */
.email-dedicated-thread-row .email-sender-title-wrap {
  align-items: center !important;
  display: inline-flex !important;
  gap: .22rem !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

.email-dedicated-thread-row .email-sender-title-wrap > strong {
  display: inline-block !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.email-dedicated-thread-row .email-sender-alias-edit {
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: rgba(15, 118, 110, .82) !important;
  cursor: pointer !important;
  display: inline-grid !important;
  flex: 0 0 .86rem !important;
  height: .86rem !important;
  margin: 0 !important;
  overflow: visible !important;
  padding: 0 !important;
  place-items: center !important;
  text-decoration: none !important;
  vertical-align: middle !important;
  white-space: normal !important;
  width: .86rem !important;
}

.email-dedicated-thread-row .email-sender-alias-edit::before {
  background: currentColor !important;
  content: "" !important;
  display: block !important;
  height: .68rem !important;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M4 17.25V20h2.75L17.81 8.94l-2.75-2.75L4 17.25Zm15.71-10.04a1 1 0 0 0 0-1.42l-1.5-1.5a1 1 0 0 0-1.42 0l-1.02 1.02l2.75 2.75l1.19-.85Z'/%3E%3C/svg%3E") center / contain no-repeat !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M4 17.25V20h2.75L17.81 8.94l-2.75-2.75L4 17.25Zm15.71-10.04a1 1 0 0 0 0-1.42l-1.5-1.5a1 1 0 0 0-1.42 0l-1.02 1.02l2.75 2.75l1.19-.85Z'/%3E%3C/svg%3E") center / contain no-repeat !important;
  width: .68rem !important;
}

.email-dedicated-thread-row .email-sender-alias-edit:hover,
.email-dedicated-thread-row .email-sender-alias-edit:focus-visible {
  color: #0f766e !important;
  opacity: 1 !important;
  outline: none !important;
}

.email-sender-alias-popover {
  background: #f8fffc !important;
  border: 1px solid rgba(20, 184, 166, .45) !important;
  border-radius: .75rem !important;
  box-shadow: 0 16px 34px rgba(15, 23, 42, .18) !important;
  color: #0f172a !important;
  display: grid !important;
  gap: .45rem !important;
  padding: .7rem !important;
  position: fixed !important;
  width: 288px !important;
  z-index: 99999 !important;
}

.email-sender-alias-popover small {
  color: #64748b !important;
  font-size: .72rem !important;
}

.email-sender-alias-popover input[name="display_name"] {
  background: #fff !important;
  border: 1px solid rgba(20, 184, 166, .35) !important;
  border-radius: .55rem !important;
  color: #0f172a !important;
  min-width: 0 !important;
  padding: .48rem .55rem !important;
  width: 100% !important;
}

.email-sender-alias-popover-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .38rem !important;
}

.email-sender-alias-popover-actions button {
  background: #ecfdf5 !important;
  border: 1px solid rgba(20, 184, 166, .35) !important;
  border-radius: .55rem !important;
  color: #0f766e !important;
  cursor: pointer !important;
  font-weight: 800 !important;
  padding: .38rem .55rem !important;
}

.email-sender-alias-popover-actions button.primary {
  background: #0f8f72 !important;
  color: #fff !important;
}

html[data-theme="dark"] .email-sender-alias-popover,
body[data-theme="dark"] .email-sender-alias-popover,
body.dark .email-sender-alias-popover,
body.dark-mode .email-sender-alias-popover {
  background: #10251f !important;
  border-color: rgba(94, 234, 212, .55) !important;
  color: #eafff7 !important;
}

html[data-theme="dark"] .email-sender-alias-popover input[name="display_name"],
body[data-theme="dark"] .email-sender-alias-popover input[name="display_name"],
body.dark .email-sender-alias-popover input[name="display_name"],
body.dark-mode .email-sender-alias-popover input[name="display_name"] {
  background: #0b1d17 !important;
  border-color: rgba(94, 234, 212, .45) !important;
  color: #eafff7 !important;
}


/* 20260702email_compose_box_restore */
.inbox-new-email-form .email-new-compose-grid {
  grid-template-columns: minmax(190px, 225px) minmax(0, 1fr) !important;
  align-items: end !important;
  column-gap: 10px !important;
  row-gap: 12px !important;
}

.inbox-new-email-form .email-new-compose-grid > .email-compose-account,
.inbox-new-email-form .email-new-compose-grid > .email-compose-recipient,
.inbox-new-email-form .email-new-compose-grid > .email-compose-subject {
  min-width: 0 !important;
}

.inbox-new-email-form .email-new-compose-grid > .email-compose-subject {
  grid-column: 1 / -1 !important;
}

.inbox-new-email-form .email-new-compose-grid > .email-recipient-shell {
  align-self: end !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  min-height: 42px !important;
  border-top: 0 !important;
  border-bottom: 1px solid #d6e4df !important;
  background: transparent !important;
}

.inbox-new-email-form .email-new-compose-grid > .email-recipient-shell .email-recipient-row {
  min-height: 42px !important;
}

.inbox-new-email-form .email-new-compose-grid > .email-recipient-shell .email-recipient-label {
  color: #33413d !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

.inbox-new-email-form .email-new-compose-grid > .email-recipient-shell .email-recipient-input {
  min-height: 38px !important;
  font-size: 13px !important;
}

.inbox-new-email-form .email-new-compose-grid > .email-recipient-shell .email-cc-bcc-toggle {
  justify-self: end !important;
  color: #4d5d59 !important;
  font-size: 11px !important;
  padding-right: 0 !important;
}

.inbox-new-email-form .new-email-compose-controls {
  align-items: center !important;
  gap: 8px !important;
  margin-top: 2px !important;
}

.inbox-new-email-form .new-email-compose-controls .email-compose-file-name {
  display: none !important;
}

.inbox-new-email-form .new-email-compose-controls.has-inbox-file .email-compose-file-name {
  display: inline-flex !important;
  align-items: center !important;
  max-width: 180px !important;
  height: 28px !important;
  padding: 0 10px !important;
  border: 1px solid rgba(16, 185, 129, .34) !important;
  border-radius: 999px !important;
  background: rgba(220, 252, 231, .95) !important;
  color: #047857 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.inbox-new-email-form .new-email-compose-controls .email-compose-clear-file {
  display: none !important;
  width: 26px !important;
  min-width: 26px !important;
  height: 26px !important;
  min-height: 26px !important;
  padding: 0 !important;
  border-radius: 999px !important;
  font-size: 0 !important;
}

.inbox-new-email-form .new-email-compose-controls.has-inbox-file .email-compose-clear-file {
  display: inline-grid !important;
  place-items: center !important;
}

.inbox-new-email-form .new-email-compose-controls .email-compose-clear-file::before {
  content: "x";
  font-size: 14px;
  font-weight: 900;
}

@media (max-width: 760px) {
  .inbox-new-email-form .email-new-compose-grid {
    grid-template-columns: 1fr !important;
  }
}

/* 20260703email_compose_address_balance */
.inbox-new-email-form .email-new-compose-grid {
  grid-template-columns: minmax(330px, 385px) minmax(280px, 1fr) !important;
  column-gap: 14px !important;
}

.inbox-new-email-form .email-new-compose-grid > .email-compose-account select,
.inbox-new-email-form .email-new-compose-grid > .email-compose-recipient input {
  width: 100% !important;
}

.inbox-new-email-form .email-new-compose-grid > .email-compose-account select {
  max-width: none !important;
}

@media (max-width: 860px) {
  .inbox-new-email-form .email-new-compose-grid {
    grid-template-columns: 1fr !important;
  }
}

/* 20260703email_reply_inline_panel_fix */
.email-reader-card .email-reader-actions:has(.email-reply-compose[open]),
.email-reader-card .email-reader-actions:has(.email-forward-compose[open]),
.yahoo-like-email-card .email-reader-actions:has(.email-reply-compose[open]),
.yahoo-like-email-card .email-reader-actions:has(.email-forward-compose[open]) {
  margin-bottom: 12px !important;
  overflow: visible !important;
  padding-bottom: 360px !important;
  position: relative !important;
  z-index: 140 !important;
}

.email-reader-actions .email-action-group-flow:has(.email-reply-compose[open]),
.email-reader-actions .email-action-group-flow:has(.email-forward-compose[open]) {
  position: static !important;
}

.email-reader-actions .email-reply-compose[open],
.email-reader-actions .email-forward-compose[open] {
  display: inline-flex !important;
  position: static !important;
}

.email-reader-actions .email-reply-compose[open] > .email-inline-form,
.email-reader-actions .email-forward-compose[open] > .email-inline-form {
  box-sizing: border-box !important;
  left: .85rem !important;
  max-height: 340px !important;
  max-width: none !important;
  min-width: 0 !important;
  overflow: auto !important;
  position: absolute !important;
  right: .85rem !important;
  top: 48px !important;
  width: auto !important;
  z-index: 500 !important;
}

.email-reader-actions .email-reply-compose[open] > .email-inline-form textarea,
.email-reader-actions .email-forward-compose[open] > .email-inline-form textarea {
  min-height: 118px !important;
}

/* 20260703email_reply_inline_panel_column_fix */
.email-reader-actions .email-reply-compose[open] > form.email-inline-form,
.email-reader-actions .email-forward-compose[open] > form.email-inline-form {
  align-items: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  height: auto !important;
  left: .85rem !important;
  max-height: none !important;
  overflow: visible !important;
  padding: 14px !important;
  right: .85rem !important;
  top: 46px !important;
  width: auto !important;
}

.email-reader-actions .email-reply-compose[open] > form.email-inline-form > *,
.email-reader-actions .email-forward-compose[open] > form.email-inline-form > * {
  box-sizing: border-box !important;
  max-width: 100% !important;
  min-width: 0 !important;
  width: 100% !important;
}

.email-reader-actions .email-reply-compose[open] > form.email-inline-form > strong,
.email-reader-actions .email-forward-compose[open] > form.email-inline-form > strong {
  display: block !important;
  font-size: .92rem !important;
  line-height: 1.2 !important;
  margin: 0 !important;
}

.email-reader-actions .email-reply-compose[open] > form.email-inline-form > small,
.email-reader-actions .email-forward-compose[open] > form.email-inline-form > small {
  display: block !important;
  margin: -4px 0 2px !important;
}

.email-reader-actions .email-reply-compose[open] .email-context-picker,
.email-reader-actions .email-forward-compose[open] .email-context-picker {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}

.email-reader-actions .email-reply-compose[open] textarea,
.email-reader-actions .email-forward-compose[open] textarea {
  display: block !important;
  min-height: 132px !important;
  resize: vertical !important;
  width: 100% !important;
}

.email-reader-actions .email-reply-compose[open] .email-compose-toolbar,
.email-reader-actions .email-forward-compose[open] .email-compose-toolbar {
  align-items: center !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  gap: 9px !important;
  justify-content: flex-start !important;
  width: 100% !important;
}

.email-reader-actions .email-reply-compose[open] .email-compose-toolbar .email-tool-button,
.email-reader-actions .email-forward-compose[open] .email-compose-toolbar .email-tool-button,
.email-reader-actions .email-reply-compose[open] .email-compose-toolbar .email-file-line,
.email-reader-actions .email-forward-compose[open] .email-compose-toolbar .email-file-line {
  flex: 0 0 auto !important;
  width: auto !important;
}

.email-reader-actions .email-reply-compose[open] .form-actions,
.email-reader-actions .email-forward-compose[open] .form-actions {
  display: flex !important;
  justify-content: flex-end !important;
  width: 100% !important;
}

/* 20260703email_reply_visible_signature_top_panel */
.email-reader-card .email-reader-actions:has(.email-reply-compose[open]),
.email-reader-card .email-reader-actions:has(.email-forward-compose[open]),
.yahoo-like-email-card .email-reader-actions:has(.email-reply-compose[open]),
.yahoo-like-email-card .email-reader-actions:has(.email-forward-compose[open]) {
  display: grid !important;
  grid-template-columns: auto auto auto minmax(0, 1fr) !important;
  row-gap: 10px !important;
  align-items: center !important;
  padding-bottom: .75rem !important;
}

.email-reader-actions:has(.email-reply-compose[open]) .email-action-group-flow,
.email-reader-actions:has(.email-forward-compose[open]) .email-action-group-flow {
  display: contents !important;
}

.email-reader-actions:has(.email-reply-compose[open]) .email-action-group-core,
.email-reader-actions:has(.email-forward-compose[open]) .email-action-group-core {
  grid-column: 2 !important;
  grid-row: 1 !important;
}

.email-reader-actions:has(.email-reply-compose[open]) .email-action-group-file,
.email-reader-actions:has(.email-forward-compose[open]) .email-action-group-file {
  grid-column: 3 !important;
  grid-row: 1 !important;
}

.email-reader-actions:has(.email-reply-compose[open]) .email-action-state,
.email-reader-actions:has(.email-forward-compose[open]) .email-action-state {
  grid-column: 4 !important;
  grid-row: 1 !important;
  justify-self: end !important;
}

.email-reader-actions .email-reply-compose[open],
.email-reader-actions .email-forward-compose[open] {
  display: contents !important;
}

.email-reader-actions .email-reply-compose[open] > summary,
.email-reader-actions .email-forward-compose[open] > summary {
  grid-column: 1 !important;
  grid-row: 1 !important;
}

.email-reader-actions .email-reply-compose[open] > form.email-inline-form,
.email-reader-actions .email-forward-compose[open] > form.email-inline-form {
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  margin: 0 !important;
  position: static !important;
}

.email-reader-actions .email-reply-body-editor-shell,
.email-reader-actions .email-forward-body-editor-shell {
  margin: 0 !important;
  min-height: 210px !important;
}

.email-reader-actions .email-reply-body-editor-shell .email-body-editor,
.email-reader-actions .email-forward-body-editor-shell .email-body-editor {
  min-height: 82px !important;
}

.email-reader-actions .email-reply-body-editor-shell .email-body-signature-preview,
.email-reader-actions .email-forward-body-editor-shell .email-body-signature-preview {
  padding-top: .25rem !important;
}

/* 20260703email_reply_composer_roomy_lilac */
.email-reader-actions .email-reply-compose[open] > form.email-inline-form,
.email-reader-actions .email-forward-compose[open] > form.email-inline-form {
  border-color: rgba(139, 92, 246, .18) !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 46px rgba(53, 34, 88, .10) !important;
  margin: 0 auto !important;
  max-width: min(920px, calc(100vw - 84px)) !important;
  padding: 18px 20px !important;
  width: min(100%, 920px) !important;
}

.email-reader-actions .email-reply-body-editor-shell,
.email-reader-actions .email-forward-body-editor-shell {
  min-height: 300px !important;
}

.email-reader-actions .email-reply-body-editor-shell .email-body-editor,
.email-reader-actions .email-forward-body-editor-shell .email-body-editor {
  min-height: 145px !important;
}

.email-reader-actions .email-reply-compose[open] .form-actions,
.email-reader-actions .email-forward-compose[open] .form-actions {
  margin-top: 2px !important;
}

.email-reader-actions .email-reply-compose[open] .email-send-action,
.email-reader-actions .email-forward-compose[open] .email-send-action {
  background: linear-gradient(135deg, #a78bfa, #8b5cf6) !important;
  border: 1px solid rgba(124, 58, 237, .18) !important;
  border-radius: 999px !important;
  box-shadow: 0 10px 22px rgba(124, 58, 237, .18) !important;
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  height: 34px !important;
  letter-spacing: 0 !important;
  min-height: 34px !important;
  min-width: 86px !important;
  padding: 0 18px !important;
  width: auto !important;
}

.email-reader-actions .email-reply-compose[open] .email-send-action:hover,
.email-reader-actions .email-forward-compose[open] .email-send-action:hover {
  background: linear-gradient(135deg, #b49afc, #9362f7) !important;
  box-shadow: 0 12px 26px rgba(124, 58, 237, .22) !important;
  transform: translateY(-1px);
}

/* 20260703email_reply_full_width_compose */
.email-reader-card .email-reader-actions:has(.email-reply-compose[open]),
.email-reader-card .email-reader-actions:has(.email-forward-compose[open]),
.yahoo-like-email-card .email-reader-actions:has(.email-reply-compose[open]),
.yahoo-like-email-card .email-reader-actions:has(.email-forward-compose[open]) {
  display: block !important;
  overflow: visible !important;
  padding: .72rem .92rem 1rem !important;
}

.email-reader-actions:has(.email-reply-compose[open]) .email-action-group-core,
.email-reader-actions:has(.email-reply-compose[open]) .email-action-group-file,
.email-reader-actions:has(.email-reply-compose[open]) .email-action-state,
.email-reader-actions:has(.email-forward-compose[open]) .email-action-group-core,
.email-reader-actions:has(.email-forward-compose[open]) .email-action-group-file,
.email-reader-actions:has(.email-forward-compose[open]) .email-action-state {
  display: none !important;
}

.email-reader-actions:has(.email-reply-compose[open]) .email-action-group-flow,
.email-reader-actions:has(.email-forward-compose[open]) .email-action-group-flow {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  display: block !important;
  min-height: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

.email-reader-actions:has(.email-reply-compose[open]) .email-forward-compose:not([open]),
.email-reader-actions:has(.email-forward-compose[open]) .email-reply-compose:not([open]) {
  display: none !important;
}

.email-reader-actions .email-reply-compose[open],
.email-reader-actions .email-forward-compose[open] {
  display: block !important;
  width: 100% !important;
}

.email-reader-actions .email-reply-compose[open] > summary,
.email-reader-actions .email-forward-compose[open] > summary {
  display: inline-flex !important;
  margin: 0 0 .7rem !important;
}

.email-reader-actions .email-reply-compose[open] > form.email-inline-form,
.email-reader-actions .email-forward-compose[open] > form.email-inline-form {
  box-sizing: border-box !important;
  margin: 0 !important;
  max-width: none !important;
  min-width: 0 !important;
  position: static !important;
  width: 100% !important;
}

/* 20260703email_forward_compose_order */
.email-reader-actions .email-forward-compose[open] > form.email-inline-form > strong {
  order: 1 !important;
}

.email-reader-actions .email-forward-compose[open] > form.email-inline-form > input[name="to_email"] {
  order: 2 !important;
}

.email-reader-actions .email-draft-send-compose[open] > form.email-inline-form > input[name="subject"] {
  order: 2 !important;
}

.email-reader-actions .email-forward-compose[open] .email-context-picker {
  order: 3 !important;
}

.email-reader-actions .email-forward-compose[open] > form.email-inline-form > .email-recipient-shell {
  order: 2 !important;
}

.email-reader-actions .email-forward-compose[open] > form.email-inline-form > .email-forward-body-editor-shell {
  order: 3 !important;
}

.email-reader-actions .email-forward-compose[open] > form.email-inline-form > .email-compose-toolbar {
  order: 4 !important;
}

.email-reader-actions .email-forward-compose[open] > form.email-inline-form > .form-actions {
  order: 5 !important;
}

/* 20260703email_compose_editor_visible_order */
.email-inline-form textarea[name="message"][data-email-body-source],
.email-inline-form textarea[name="message"][data-email-body-source][hidden] {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
}

.email-body-editor-shell {
  display: flex !important;
  flex-direction: column !important;
}

.email-body-editor-shell .email-body-editor {
  order: 1 !important;
}

.email-body-editor-shell .email-body-signature-preview {
  order: 2 !important;
}

/* 20260703email_reply_forward_buttons_restore */
.email-reader-actions .email-action-group-flow > .email-action-compose:not([open]) {
  align-items: center !important;
  display: inline-flex !important;
  height: 32px !important;
  margin: 0 !important;
  min-width: 32px !important;
  width: 32px !important;
}

.email-reader-actions .email-action-group-flow > .email-action-compose:not([open]) > summary {
  align-items: center !important;
  display: inline-flex !important;
  height: 32px !important;
  justify-content: center !important;
  margin: 0 !important;
  min-width: 32px !important;
  width: 32px !important;
}

.email-reader-actions .email-action-group-flow {
  min-width: 76px !important;
}

/* 20260703email_reply_forward_open_restore */
.email-reader-actions .email-action-group-flow > .email-reply-compose[open],
.email-reader-actions .email-action-group-flow > .email-forward-compose[open] {
  display: block !important;
  height: auto !important;
  margin: 0 !important;
  min-height: 0 !important;
  min-width: 0 !important;
  overflow: visible !important;
  position: static !important;
  width: 100% !important;
}

.email-reader-actions .email-action-group-flow > .email-reply-compose[open] > summary,
.email-reader-actions .email-action-group-flow > .email-forward-compose[open] > summary {
  align-items: center !important;
  display: inline-flex !important;
  height: 32px !important;
  justify-content: center !important;
  margin: 0 0 .7rem !important;
  min-width: 32px !important;
  width: 32px !important;
}

.email-reader-actions .email-action-group-flow > .email-reply-compose[open] > form.email-inline-form,
.email-reader-actions .email-action-group-flow > .email-forward-compose[open] > form.email-inline-form {
  display: flex !important;
  flex-direction: column !important;
  height: auto !important;
  margin: 0 !important;
  max-height: none !important;
  max-width: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
  overflow: visible !important;
  position: static !important;
  width: 100% !important;
}

/* 20260702email_visible_signature_editor */
.email-body-editor-shell {
  width: 100%;
  min-height: 300px;
  margin: .8rem 0;
  padding: 0;
  overflow: auto;
  resize: vertical;
  border: 1px solid #9ccfc4;
  border-radius: 10px;
  background: #ffffff;
  color: #111827;
}

.email-body-editor {
  min-height: 118px;
  padding: .9rem .95rem .45rem;
  outline: none;
  white-space: pre-wrap;
  word-break: break-word;
  font-size: .95rem;
  line-height: 1.55;
}

.email-body-editor:empty::before {
  content: attr(data-placeholder);
  color: #7c8a96;
  pointer-events: none;
}

.email-body-signature-preview {
  padding: .35rem .95rem 1rem;
  overflow-x: auto;
}

.email-body-signature-preview .crm-email-signature,
.email-body-signature-preview .crm-email-signature table,
.email-body-signature-preview .crm-email-signature tbody,
.email-body-signature-preview .crm-email-signature tr,
.email-body-signature-preview .crm-email-signature td {
  border: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

.email-body-signature-preview .crm-email-signature table {
  border-collapse: collapse !important;
}

.email-body-signature-preview:empty {
  display: none;
}

.inbox-new-email-form textarea[name="message"][data-email-body-source] {
  display: none !important;
}

.inbox-new-email-form .email-signature-panel {
  width: min(560px, 82vw);
}

.inbox-new-email-form .email-signature-panel textarea[name="signature_code"] {
  min-height: 115px;
}

/* 20260703email_autodraft_crm */
.email-draft-autosave-status {
  align-self: center;
  color: #0f766e;
  font-size: .78rem;
  font-weight: 650;
  margin-left: .45rem;
  white-space: nowrap;
}

/* 20260706email_context_send_modal */
.email-context-send-modal[hidden] {
  display: none !important;
}

.email-context-send-modal {
  align-items: center;
  display: flex;
  inset: 0;
  justify-content: center;
  padding: 24px;
  position: fixed;
  z-index: 10020;
}

.email-context-send-backdrop {
  background: rgba(6, 24, 21, .34);
  inset: 0;
  position: absolute;
}

.email-context-send-card {
  background: #fff;
  border: 1px solid rgba(11, 116, 100, .16);
  border-radius: 18px;
  box-shadow: 0 28px 72px rgba(9, 38, 34, .22);
  color: #0b2430;
  max-width: 440px;
  padding: 24px;
  position: relative;
  width: min(440px, calc(100vw - 32px));
}

.email-context-send-close {
  align-items: center;
  background: #f3fbf8;
  border: 1px solid rgba(11, 116, 100, .14);
  border-radius: 12px;
  color: #0b7464;
  display: inline-flex;
  height: 30px;
  justify-content: center;
  position: absolute;
  right: 14px;
  top: 14px;
  width: 30px;
}

.email-context-send-icon {
  align-items: center;
  background: #e8f7f2;
  border: 1px solid rgba(11, 116, 100, .16);
  border-radius: 12px;
  color: #006b5b;
  display: inline-flex;
  font-size: .72rem;
  font-weight: 600;
  height: 34px;
  justify-content: center;
  letter-spacing: 0;
  margin-bottom: 14px;
  width: 42px;
}

.email-context-send-card h3 {
  color: #003f36;
  font-size: 1.08rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.25;
  margin: 0 34px 10px 0;
}

.email-context-send-card p {
  color: #203b44;
  font-size: .92rem;
  line-height: 1.45;
  margin: 0 0 8px;
}

.email-context-send-muted {
  color: #63727a !important;
}

.email-context-send-actions {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
  margin-top: 20px;
}

.email-context-send-secondary,
.email-context-send-primary {
  border-radius: 999px;
  font-size: .84rem;
  font-weight: 600;
  min-height: 38px;
  padding: 0 16px;
}

.email-context-send-secondary {
  background: #f4fbf8;
  border: 1px solid rgba(11, 116, 100, .18);
  color: #005a4d;
}

.email-context-send-primary {
  background: #007f6d;
  border: 1px solid rgba(0, 103, 89, .22);
  color: #fff;
}

.email-context-send-primary:focus-visible,
.email-context-send-secondary:focus-visible,
.email-context-send-close:focus-visible {
  outline: 3px solid rgba(12, 174, 145, .24);
  outline-offset: 2px;
}

/* 20260708institutional_quotes_ai */
.quote-ai-shell,
.quote-ai-review-shell,
.quote-ai-detail-shell,
.quote-ai-history-panel {
  display: grid;
  gap: 16px;
  min-width: 0;
  max-width: 100%;
}
.quote-ai-review-form,
.quote-ai-review-form > *,
.quote-ai-options-preview,
.quote-ai-options-scroll,
.quote-ai-coverage-scroll,
.quote-ai-review-warning {
  min-width: 0;
  max-width: 100%;
}
.quote-ai-review-form {
  width: 100%;
}
.quote-ai-review-warning,
.quote-ai-review-warning p {
  overflow-wrap: anywhere;
}
.quote-ai-upload-form textarea,
.quote-ai-review-form textarea {
  min-height: 110px;
  resize: vertical;
  line-height: 1.45;
}
.quote-ai-note strong,
.quote-ai-review-alert strong,
.quote-ai-doc-brand strong {
  font-weight: 500;
}
.quote-ai-review-form label,
.quote-ai-upload-form label {
  font-weight: 400;
}
.quote-ai-final-text textarea {
  min-height: 280px;
  font-family: inherit;
  white-space: pre-wrap;
}
.quote-ai-history-table td,
.quote-ai-history-table th {
  vertical-align: top;
}
.quote-ai-options-preview {
  display: grid;
  gap: 10px;
}
.quote-ai-options-preview > strong {
  font-weight: 500;
}
.quote-ai-options-scroll,
.quote-ai-coverage-scroll {
  width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
}
.quote-ai-options-table {
  width: 100%;
  min-width: 1040px;
  margin: 0;
}
.quote-ai-options-table th,
.quote-ai-options-table td {
  vertical-align: top;
}
.quote-ai-options-table input {
  width: 100%;
  min-width: 112px;
}
.quote-ai-coverage-scroll {
  border: 1px solid var(--line);
  border-radius: 6px;
}
.quote-ai-coverage-review-table {
  width: 100%;
  min-width: 860px;
  margin: 0;
  border-collapse: collapse;
}
.quote-ai-coverage-review-table th,
.quote-ai-coverage-review-table td {
  padding: 7px 8px;
  border-bottom: 1px solid var(--line);
  border-right: 1px solid var(--line);
  vertical-align: middle;
}
.quote-ai-coverage-review-table th {
  font-weight: 500;
  text-align: left;
}
.quote-ai-coverage-review-table thead th {
  background: var(--surface);
  white-space: normal;
}
.quote-ai-coverage-review-table thead small {
  display: block;
  margin-top: 2px;
  color: var(--muted);
  font-weight: 400;
}
.quote-ai-coverage-review-table tbody th {
  width: 220px;
  min-width: 220px;
}
.quote-ai-coverage-control {
  display: grid;
  gap: 4px;
  min-width: 118px;
}
.quote-ai-coverage-control select {
  width: 100%;
  min-height: 34px;
  font-weight: 400;
}
.quote-ai-web-badge {
  width: fit-content;
  color: #08775f;
  font-size: .72rem;
  font-weight: 500;
}
.quote-ai-web-sources pre {
  margin-top: 10px;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.quote-ai-processing {
  align-items: center;
  gap: 12px;
}
.quote-ai-processing:not([hidden]) {
  display: flex;
}
.quote-ai-processing[hidden] {
  display: none;
}
.quote-ai-processing p {
  margin: 3px 0 0;
}
.quote-ai-processing-spinner {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  border: 2px solid var(--line);
  border-top-color: var(--accent);
  border-radius: 50%;
  animation: quote-ai-spin 800ms linear infinite;
}
@keyframes quote-ai-spin {
  to { transform: rotate(360deg); }
}
@media (prefers-reduced-motion: reduce) {
  .quote-ai-processing-spinner {
    animation: none;
  }
}
.quote-ai-document {
  border: 1px solid var(--line);
  background: var(--panel);
  border-radius: 8px;
  padding: 28px;
  display: grid;
  gap: 20px;
  max-width: 920px;
}
.quote-ai-doc-brand {
  border-bottom: 1px solid var(--line);
  padding-bottom: 14px;
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: baseline;
  flex-wrap: wrap;
}
.quote-ai-doc-brand span {
  color: var(--muted);
  font-size: .9rem;
}
.quote-ai-document pre,
.quote-ai-source-preview pre {
  margin: 0;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font-family: inherit;
  line-height: 1.55;
  color: var(--text);
}
.quote-ai-document pre {
  font-size: .98rem;
}
.quote-ai-visual-document {
  max-width: 1120px;
  gap: 24px;
  color: var(--text);
}
.quote-proposal-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  border-bottom: 1px solid var(--line);
  padding-bottom: 18px;
}
.quote-proposal-brand,
.quote-proposal-producer {
  display: flex;
  align-items: center;
  gap: 12px;
}
.quote-proposal-brand img {
  width: 96px;
  max-height: 58px;
  object-fit: contain;
}
.quote-proposal-producer img {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  object-fit: cover;
  object-position: center;
}
.quote-proposal-brand strong,
.quote-proposal-producer strong,
.quote-section-heading strong,
.quote-quick-read strong,
.quote-conditions strong,
.quote-proposal-footer strong {
  font-weight: 500;
}
.quote-proposal-brand span,
.quote-proposal-producer span,
.quote-section-heading span,
.quote-proposal-kicker {
  display: block;
  color: var(--muted);
  font-size: .9rem;
}
.quote-proposal-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(240px, .6fr);
  gap: 20px;
  align-items: stretch;
}
.quote-proposal-hero h2 {
  margin: 5px 0 8px;
  font-size: clamp(1.7rem, 2.6vw, 2.35rem);
  line-height: 1.08;
  font-weight: 500;
}
.quote-proposal-hero p {
  margin: 0;
  color: var(--muted);
}
.quote-vehicle-photo {
  min-height: 160px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(0, 127, 109, .12), rgba(59, 130, 246, .08)), var(--bg);
  display: grid;
  align-content: end;
  gap: 6px;
  padding: 18px;
}
.quote-vehicle-photo span {
  color: var(--muted);
  font-size: .82rem;
  text-transform: uppercase;
}
.quote-vehicle-photo strong {
  font-weight: 500;
}
.quote-vehicle-data {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
.quote-vehicle-data div {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
}
.quote-vehicle-data span {
  display: block;
  color: var(--muted);
  font-size: .78rem;
  text-transform: uppercase;
}
.quote-vehicle-data strong {
  display: block;
  margin-top: 4px;
  font-weight: 500;
}
.quote-section-heading {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: baseline;
  margin-bottom: 10px;
}
.quote-comparison-scroll {
  overflow-x: auto;
  border: 1px solid var(--line);
  border-radius: 8px;
}
.quote-comparison-table {
  margin: 0;
  min-width: 820px;
}
.quote-comparison-table th,
.quote-comparison-table td {
  vertical-align: top;
  min-width: 150px;
}
.quote-comparison-table thead th {
  background: rgba(0, 127, 109, .06);
}
.quote-comparison-table tbody th {
  width: 145px;
  color: var(--muted);
  font-weight: 500;
}
.quote-company-head {
  display: grid;
  gap: 5px;
  justify-items: start;
}
.quote-company-head strong {
  font-weight: 500;
}
.quote-company-head span {
  color: var(--muted);
  font-size: .86rem;
}
.quote-company-badge {
  width: 38px;
  height: 38px;
  border-radius: 8px;
  display: inline-grid;
  place-items: center;
  background: #e6f5f1;
  color: #007f6d;
  border: 1px solid rgba(0, 127, 109, .18);
  font-weight: 500;
}
.quote-company-logo-wrap {
  width: min(82%, 180px);
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.quote-company-logo-wrap img {
  max-width: 100%;
  max-height: 22px;
  width: auto;
  height: auto;
  object-fit: contain;
}
.quote-company-text-fallback {
  color: var(--text);
  display: block;
  font-weight: 500;
}
.quote-option-cost {
  color: var(--text) !important;
  font-weight: 500;
}
.quote-option-mode {
  color: var(--muted);
  font-size: .82rem;
  font-style: normal;
}
.quote-quick-read,
.quote-conditions {
  border-left: 3px solid #007f6d;
  padding: 10px 0 10px 14px;
}
.quote-quick-read p,
.quote-conditions p {
  margin: 6px 0 0;
  color: var(--muted);
}
.quote-proposal-footer {
  border-top: 1px solid var(--line);
  padding-top: 16px;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}
.quote-ai-source-preview {
  max-width: 920px;
}
.quote-ai-source-preview summary {
  cursor: pointer;
  color: var(--muted);
  font-weight: 400;
}
@media print {
  .sidebar,
  .topbar,
  .quote-ai-detail-shell > .record-head,
  .quote-ai-source-preview {
    display: none !important;
  }
  body,
  .main {
    background: #fff !important;
    color: #111 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .quote-ai-detail-shell,
  .quote-ai-document {
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
  }
  .quote-ai-visual-document {
    max-width: none !important;
  }
  .quote-comparison-scroll {
    overflow: visible !important;
  }
  .quote-comparison-table {
    min-width: 0 !important;
    font-size: 10px;
  }
}
@media (max-width: 820px) {
  .quote-proposal-head,
  .quote-proposal-hero {
    grid-template-columns: 1fr;
  }
  .quote-proposal-head {
    align-items: flex-start;
    flex-direction: column;
  }
  .quote-vehicle-data {
    grid-template-columns: 1fr 1fr;
  }
}

/* 20260708crm_native_dialogs */
.crm-confirm-overlay-20260625 {
  position: fixed;
  inset: 0;
  z-index: 2147483000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px;
  background: rgba(15, 23, 42, .28);
  backdrop-filter: blur(2px);
}

.crm-confirm-modal-20260625 {
  width: min(440px, calc(100vw - 32px));
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 13px 14px;
  padding: 18px;
  border: 1px solid rgba(18, 184, 134, .26);
  border-radius: 12px;
  background: #ffffff;
  color: #0f172a;
  box-shadow: 0 24px 62px rgba(15, 23, 42, .26);
}

.crm-confirm-icon-20260625 {
  width: 42px;
  height: 42px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  background: #fff7ed;
  color: #f59e0b;
  border: 1px solid rgba(245, 158, 11, .28);
  font-size: 20px;
  font-weight: 800;
  line-height: 1;
}

.crm-confirm-copy-20260625 h3 {
  margin: 1px 0 6px;
  color: #0f3d36;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.15;
}

.crm-confirm-copy-20260625 p {
  margin: 0;
  color: #334155;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.35;
  white-space: pre-wrap;
}

.crm-confirm-input-20260708 {
  width: 100%;
  min-height: 38px;
  margin-top: 12px;
  padding: 0 12px;
  border: 1px solid rgba(18, 184, 134, .28);
  border-radius: 10px;
  background: #f8fffc;
  color: #0f172a;
  font-size: 13px;
  font-weight: 500;
  outline: none;
}

.crm-confirm-input-20260708:focus {
  border-color: rgba(18, 184, 134, .66);
  box-shadow: 0 0 0 3px rgba(18, 184, 134, .13);
}

.crm-confirm-actions-20260625 {
  grid-column: 1 / -1;
  display: flex;
  justify-content: flex-end;
  gap: 9px;
  padding-top: 2px;
}

.crm-confirm-button-20260625 {
  min-height: 34px;
  border-radius: 999px;
  border: 1px solid rgba(15, 23, 42, .10);
  padding: 0 15px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}

.crm-confirm-button-20260625.is-cancel {
  background: #eef8f3;
  color: #14534a;
}

.crm-confirm-button-20260625.is-accept {
  background: linear-gradient(135deg, #0f766e 0%, #12b886 100%);
  color: #fff;
  border-color: rgba(18, 184, 134, .55);
  box-shadow: 0 8px 18px rgba(18, 184, 134, .20);
}

.crm-confirm-button-20260625:hover,
.crm-confirm-button-20260625:focus-visible {
  outline: none;
  transform: translateY(-1px);
}

:root[data-theme="dark"] .crm-confirm-modal-20260625 {
  background: #0f172a;
  color: #e2e8f0;
  border-color: rgba(45, 212, 191, .26);
}

:root[data-theme="dark"] .crm-confirm-copy-20260625 h3 {
  color: #ccfbf1;
}

:root[data-theme="dark"] .crm-confirm-copy-20260625 p {
  color: #cbd5e1;
}

:root[data-theme="dark"] .crm-confirm-input-20260708 {
  background: rgba(15, 23, 42, .72);
  border-color: rgba(45, 212, 191, .32);
  color: #e2e8f0;
}

/* 20260717email_progressive_list */
body.email-embed-page .email-progressive-pagination {
  min-height: 48px;
  margin: 0 !important;
  padding: 10px 14px !important;
  border-top: 1px solid #e2e9e6;
  background: #fbfcfc;
  color: #68756f;
  font-size: 11px;
  position: relative;
}

body.email-embed-page .email-progressive-pagination-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

body.email-embed-page .email-load-older-link,
body.email-embed-page .email-page-newer-link {
  min-height: 28px;
  padding: 5px 9px;
  border: 1px solid #d2e1dc;
  border-radius: 6px;
  background: #ffffff;
  color: #24534a;
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
}

body.email-embed-page .email-load-older-link:hover,
body.email-embed-page .email-load-older-link:focus-visible,
body.email-embed-page .email-page-newer-link:hover,
body.email-embed-page .email-page-newer-link:focus-visible {
  border-color: #9fc4b8;
  background: #f1f8f5;
  color: #0b6758;
  outline: none;
}

body.email-embed-page .email-load-older-link[aria-busy="true"] {
  cursor: wait;
  opacity: .72;
}

body.email-embed-page .email-load-complete {
  color: #7c8984;
  font-size: 11px;
}

/* 20260721email_sent_attachment_pills421 */
.email-reader-attachments {
  padding: 0.62rem 0.78rem 0.75rem !important;
}

.email-reader-attachments-head {
  margin-bottom: 0.42rem !important;
  font-size: 0.76rem !important;
}

.email-reader-attachments-head strong {
  font-weight: 500 !important;
}

.email-reader-attachments-grid {
  grid-template-columns: repeat(auto-fill, minmax(205px, 230px)) !important;
  gap: 0.42rem !important;
  justify-content: start !important;
  align-items: start !important;
}

.email-attachment-tile {
  grid-template-columns: 32px minmax(0, 1fr) auto !important;
  width: 100% !important;
  max-width: 230px !important;
  min-height: 46px !important;
  padding: 0.34rem 0.4rem !important;
  gap: 0.4rem !important;
  border-radius: 0.48rem !important;
  box-shadow: none !important;
}

.email-attachment-tile-icon {
  width: 32px !important;
  height: 32px !important;
  border-radius: 0.38rem !important;
  font-size: 0.54rem !important;
  font-weight: 600 !important;
}

.email-attachment-tile-copy {
  gap: 0.08rem !important;
}

.email-attachment-tile-copy strong {
  font-size: 0.72rem !important;
  font-weight: 500 !important;
}

.email-attachment-tile-copy small {
  font-size: 0.61rem !important;
  font-weight: 400 !important;
}

.email-attachment-tile-actions {
  gap: 0.2rem !important;
  padding-right: 0 !important;
}

.email-attachment-tile-actions a.email-attachment-preview-action,
.email-attachment-tile-actions a.email-attachment-download-action {
  width: 24px !important;
  height: 24px !important;
  min-height: 24px !important;
}

.email-attachment-tile-actions .action-icon {
  width: 13px !important;
  height: 13px !important;
}

@media (max-width: 520px) {
  .email-reader-attachments-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .email-attachment-tile {
    max-width: none !important;
  }
}

@media (max-width: 390px) {
  .email-reader-attachments-grid {
    grid-template-columns: 1fr !important;
  }
}

/* 20260724contact_profile_sync1 */
.form-grid .tag-picker-form {
  display: grid;
  gap: 8px;
}

.form-grid .tag-picker-preview {
  order: 1;
  min-height: 24px;
}

.form-grid .tag-picker-control {
  order: 2;
}

.form-grid .tag-picker-preview .tag-edit {
  min-height: 20px;
  font-size: 11px;
  font-weight: 500;
}

.form-grid .tag-picker-preview .tag-edit > button {
  width: 17px;
  height: 17px;
  min-height: 17px;
  padding: 0;
  border-radius: 50%;
}

.contact-custom-attributes-editor {
  display: grid;
  gap: 10px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: color-mix(in srgb, var(--panel) 92%, var(--soft));
}

.contact-custom-attributes-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.contact-custom-attributes-head > div {
  display: grid;
  gap: 3px;
}

.contact-custom-attributes-head strong {
  font-size: 13px;
  font-weight: 500;
}

.contact-custom-attributes-head small,
.contact-custom-attributes-empty {
  margin: 0;
  color: var(--muted);
  font-size: 11px;
  font-weight: 400;
}

.contact-custom-attributes-head > button {
  width: auto;
  min-height: 30px;
  padding: 6px 10px;
  white-space: nowrap;
  font-size: 11px;
  font-weight: 500;
}

.contact-custom-attributes-list {
  display: grid;
  gap: 8px;
}

.contact-custom-attribute-row {
  display: grid;
  grid-template-columns: minmax(150px, 1fr) minmax(120px, .7fr) minmax(170px, 1.2fr) 32px;
  align-items: end;
  gap: 8px;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel);
}

.contact-custom-attribute-row > label,
.contact-custom-attribute-value-field {
  min-width: 0;
  display: grid;
  gap: 6px;
}

.contact-custom-attribute-row > label > span,
.contact-custom-attribute-value-field > span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 400;
}

.contact-custom-attribute-row input,
.contact-custom-attribute-row select,
.contact-custom-attribute-row textarea {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.contact-custom-attribute-row textarea {
  min-height: 38px;
  resize: vertical;
}

.contact-custom-attribute-boolean {
  min-height: 36px;
  display: inline-flex !important;
  grid-template-columns: auto 1fr;
  align-items: center;
  justify-content: flex-start;
  gap: 7px !important;
  padding: 0 9px;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: var(--panel);
}

.contact-custom-attribute-boolean input {
  width: 15px;
  min-height: 15px;
  margin: 0;
}

.contact-custom-attribute-remove {
  width: 30px;
  min-width: 30px;
  min-height: 30px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 1px solid var(--line);
  border-radius: 50%;
  background: var(--panel);
  color: var(--danger);
  box-shadow: none;
  font-size: 17px;
  font-weight: 400;
}

.contact-custom-attribute-remove:hover,
.contact-custom-attribute-remove:focus-visible {
  border-color: color-mix(in srgb, var(--danger) 45%, var(--line));
  background: color-mix(in srgb, var(--danger) 8%, var(--panel));
}

.contact-custom-attributes-detail-block {
  display: grid;
  gap: 10px;
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid var(--line);
}

.contact-custom-attributes-detail-block > strong {
  font-size: 12px;
  font-weight: 500;
}

.contact-custom-attributes-detail-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 18px;
}

.contact-custom-attribute-detail {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(110px, .65fr) minmax(0, 1fr);
  gap: 10px;
}

.contact-custom-attribute-detail > span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 400;
}

.contact-custom-attribute-detail > strong {
  min-width: 0;
  color: var(--text);
  font-size: 11px;
  font-weight: 500;
  overflow-wrap: anywhere;
}

@media (max-width: 820px) {
  .contact-custom-attributes-head {
    align-items: stretch;
    flex-direction: column;
  }

  .contact-custom-attributes-head > button {
    align-self: flex-start;
  }

  .contact-custom-attribute-row {
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  .contact-custom-attribute-remove {
    justify-self: end;
  }

  .contact-custom-attributes-detail-grid {
    grid-template-columns: 1fr;
  }
}

/* 20260728-tooltip-unified2: one top-layer action tooltip, no legacy duplicates. */
.crm-tooltip,
.crm-tooltip[popover] {
  position: fixed !important;
  inset: auto !important;
  margin: 0 !important;
  width: max-content !important;
  max-width: min(280px, calc(100vw - 16px)) !important;
  z-index: 2147483647 !important;
  padding: 4px 7px !important;
  border-radius: 7px !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  line-height: 1.15 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

html body > .crm-tooltip.crm-tooltip.is-visible {
  display: block !important;
}

body.email-embed-page.email-embed-page .email-dedicated-shell .email-unified-mail-toolbar-row [data-email-tooltip]::before,
body.email-embed-page.email-embed-page .email-dedicated-shell .email-unified-mail-toolbar-row [data-email-tooltip]::after,
body .email-reader-actions .email-read-toggle-action[data-email-action-label]::after,
body .email-dedicated-shell .email-dedicated-folder-row .email-folder-chip[data-label]::after,
body .inbox-thread-hover-delete.inbox-thread-hover-delete::after,
body .gestion-estudio-excel.gestion-estudio-excel.gestion-estudio-excel.gestion-estudio-excel :is([data-tooltip], [data-ge-tooltip])::before,
body .gestion-estudio-excel.gestion-estudio-excel.gestion-estudio-excel.gestion-estudio-excel :is([data-tooltip], [data-ge-tooltip])::after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

body:not(.email-embed-page) > .email-attachment-action-tooltip {
  display: none !important;
}

/* 20260729ge_studio_customizer_correos_720 */
.gestion-estudio-excel .ge-studio-customizer-720 {
  --gec-canvas: #f6f8fc;
  --gec-surface: #ffffff;
  --gec-soft: #f0f4f9;
  --gec-input: #eaf1fb;
  --gec-active: #d3e3fd;
  --gec-compose: #c2e7ff;
  --gec-text: #1f1f1f;
  --gec-muted: #5f6368;
  --gec-icon: #444746;
  --gec-border: #e1e5ea;
  --gec-focus: #0b57d0;
  --gec-danger: #b3261e;
  width: 100%;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--gec-border);
  border-radius: 14px;
  background: var(--gec-canvas);
  color: var(--gec-text);
  box-shadow: 0 1px 2px rgba(60, 64, 67, .08);
  font-family: Roboto, "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.gestion-estudio-excel .ge-studio-customizer-summary-720 {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  min-height: 64px;
  padding: 10px 16px;
  list-style: none;
  border: 0;
  background: var(--gec-surface);
  color: var(--gec-text);
  cursor: pointer;
}

.gestion-estudio-excel .ge-studio-customizer-720[open] > .ge-studio-customizer-summary-720 {
  border-bottom: 1px solid var(--gec-border);
}

.gestion-estudio-excel .ge-studio-customizer-summary-720::-webkit-details-marker {
  display: none;
}

.gestion-estudio-excel .ge-studio-customizer-summary-720::marker {
  content: "";
}

.gestion-estudio-excel .ge-studio-customizer-summary-icon-720 {
  display: inline-grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 12px;
  background: var(--gec-compose);
  color: var(--gec-icon);
}

.gestion-estudio-excel .ge-studio-customizer-summary-icon-720 svg {
  width: 19px;
  height: 19px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.gestion-estudio-excel .ge-studio-customizer-summary-copy-720 {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.gestion-estudio-excel .ge-studio-customizer-summary-copy-720 strong {
  color: var(--gec-text);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.3;
}

.gestion-estudio-excel .ge-studio-customizer-summary-copy-720 small {
  overflow: hidden;
  color: var(--gec-muted);
  font-size: 12.5px;
  font-weight: 400;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.gestion-estudio-excel .ge-studio-customizer-count-720 {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 14px;
  background: var(--gec-active);
  color: #174ea6;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
}

.gestion-estudio-excel .ge-studio-customizer-body-720 {
  display: grid;
  gap: 16px;
  min-width: 0;
  padding: 16px;
}

.gestion-estudio-excel .ge-studio-customizer-add-720 {
  display: grid;
  grid-template-columns: minmax(220px, 380px) 38px;
  align-items: end;
  gap: 8px;
  width: min(100%, 426px);
  margin: 0;
}

.gestion-estudio-excel .ge-studio-customizer-form-720 {
  display: grid;
  gap: 12px;
  min-width: 0;
  margin: 0;
}

.gestion-estudio-excel .ge-studio-customizer-section-head-720 {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 12px;
}

.gestion-estudio-excel .ge-studio-customizer-section-head-720 h3 {
  margin: 0;
  color: var(--gec-text);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.3;
}

.gestion-estudio-excel .ge-studio-customizer-section-head-720 p {
  margin: 3px 0 0;
  color: var(--gec-muted);
  font-size: 12.5px;
  font-weight: 400;
  line-height: 1.4;
}

.gestion-estudio-excel .ge-studio-customizer-grid-720 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(230px, 100%), 1fr));
  gap: 10px;
  min-width: 0;
}

.gestion-estudio-excel .ge-studio-customizer-item-720 {
  display: grid;
  align-content: start;
  gap: 10px;
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--gec-border);
  border-radius: 12px;
  background: var(--gec-surface);
  box-shadow: none;
}

.gestion-estudio-excel .ge-studio-customizer-item-720.is-hidden {
  background: #f8f9fa;
}

.gestion-estudio-excel .ge-studio-customizer-item-720.is-hidden .ge-studio-customizer-field-720 input {
  color: var(--gec-muted);
}

.gestion-estudio-excel .ge-studio-customizer-item-head-720,
.gestion-estudio-excel .ge-studio-customizer-item-tools-720,
.gestion-estudio-excel .ge-studio-customizer-item-actions-720,
.gestion-estudio-excel .ge-studio-customizer-footer-720 {
  display: flex;
  align-items: center;
}

.gestion-estudio-excel .ge-studio-customizer-item-head-720,
.gestion-estudio-excel .ge-studio-customizer-item-tools-720,
.gestion-estudio-excel .ge-studio-customizer-footer-720 {
  justify-content: space-between;
  gap: 10px;
}

.gestion-estudio-excel .ge-studio-customizer-kind-720 {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 8px;
  border-radius: 12px;
  background: var(--gec-soft);
  color: var(--gec-muted);
  font-size: 11px;
  font-weight: 500;
}

.gestion-estudio-excel .ge-studio-customizer-item-720.is-custom .ge-studio-customizer-kind-720 {
  background: var(--gec-input);
  color: #174ea6;
}

.gestion-estudio-excel .ge-studio-customizer-state-720 {
  color: var(--gec-muted);
  font-size: 11px;
  font-weight: 400;
}

.gestion-estudio-excel .ge-studio-customizer-field-720 {
  display: grid;
  gap: 6px;
  min-width: 0;
  margin: 0;
  color: var(--gec-muted);
  font-size: 12px;
  font-weight: 500;
}

.gestion-estudio-excel .ge-studio-customizer-field-720 > span {
  min-width: 0;
}

.gestion-estudio-excel .ge-studio-customizer-field-720 input {
  display: block;
  width: 100%;
  min-width: 0;
  min-height: 40px;
  margin: 0;
  padding: 8px 11px;
  border: 1px solid var(--gec-border) !important;
  border-radius: 10px !important;
  outline: 0;
  background: var(--gec-surface) !important;
  color: var(--gec-text) !important;
  box-shadow: none !important;
  font-family: inherit;
  font-size: 13px;
  font-weight: 400 !important;
  line-height: 1.35;
}

.gestion-estudio-excel .ge-studio-customizer-add-720 .ge-studio-customizer-field-720 input {
  background: var(--gec-input) !important;
}

.gestion-estudio-excel .ge-studio-customizer-field-720 input:focus {
  border-color: var(--gec-focus) !important;
  box-shadow: 0 0 0 3px rgba(11, 87, 208, .12) !important;
}

.gestion-estudio-excel .ge-studio-customizer-switch-720 {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin: 0;
  color: var(--gec-muted);
  font-size: 12px;
  font-weight: 400;
  cursor: pointer;
}

.gestion-estudio-excel .ge-studio-customizer-switch-720 input {
  position: absolute;
  width: 1px !important;
  height: 1px !important;
  min-height: 0 !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden;
  clip: rect(0 0 0 0);
}

.gestion-estudio-excel .ge-studio-customizer-switch-track-720 {
  position: relative;
  display: inline-block;
  width: 32px;
  height: 18px;
  border-radius: 9px;
  background: #bdc1c6;
  transition: background .14s ease;
}

.gestion-estudio-excel .ge-studio-customizer-switch-track-720::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(60, 64, 67, .22);
  transition: transform .14s ease;
}

.gestion-estudio-excel .ge-studio-customizer-switch-720 input:checked + .ge-studio-customizer-switch-track-720 {
  background: var(--gec-focus);
}

.gestion-estudio-excel .ge-studio-customizer-switch-720 input:checked + .ge-studio-customizer-switch-track-720::after {
  transform: translateX(14px);
}

.gestion-estudio-excel .ge-studio-customizer-switch-720 input:focus-visible + .ge-studio-customizer-switch-track-720 {
  outline: 3px solid rgba(11, 87, 208, .16);
  outline-offset: 2px;
}

.gestion-estudio-excel .ge-studio-customizer-item-actions-720 {
  justify-content: flex-end;
  gap: 4px;
}

.gestion-estudio-excel .ge-studio-customizer-action-720 {
  display: inline-grid !important;
  place-items: center !important;
  flex: 0 0 auto;
  width: 36px !important;
  min-width: 36px !important;
  height: 36px !important;
  min-height: 36px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid transparent !important;
  border-radius: 10px !important;
  background: transparent !important;
  color: var(--gec-icon) !important;
  box-shadow: none !important;
  cursor: pointer;
  transition: background .12s ease, border-color .12s ease, color .12s ease;
}

.gestion-estudio-excel .ge-studio-customizer-action-720:hover {
  border-color: var(--gec-border) !important;
  background: var(--gec-soft) !important;
}

.gestion-estudio-excel .ge-studio-customizer-action-720:focus-visible {
  outline: 3px solid rgba(11, 87, 208, .16);
  outline-offset: 2px;
}

.gestion-estudio-excel .ge-studio-customizer-action-720[data-ge-action-kind="add"],
.gestion-estudio-excel .ge-studio-customizer-action-720[data-ge-action-kind="save"] {
  border-color: transparent !important;
  background: var(--gec-compose) !important;
  color: #174ea6 !important;
}

.gestion-estudio-excel .ge-studio-customizer-action-720[data-ge-action-kind="add"]:hover,
.gestion-estudio-excel .ge-studio-customizer-action-720[data-ge-action-kind="save"]:hover {
  background: var(--gec-active) !important;
}

.gestion-estudio-excel .ge-studio-customizer-action-720.is-danger {
  border-color: #f3d1ce !important;
  background: #fff8f7 !important;
  color: var(--gec-danger) !important;
}

.gestion-estudio-excel .ge-studio-customizer-action-720.is-danger:hover {
  background: #fce8e6 !important;
}

.gestion-estudio-excel .ge-studio-customizer-action-720:disabled {
  opacity: .34;
  cursor: default;
  pointer-events: none;
}

.gestion-estudio-excel .ge-studio-customizer-action-720 svg {
  display: block;
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.gestion-estudio-excel .ge-studio-customizer-empty-720 {
  padding: 14px;
  border: 1px dashed var(--gec-border);
  border-radius: 12px;
  background: var(--gec-surface);
  color: var(--gec-muted);
  font-size: 13px;
  font-weight: 400;
  text-align: center;
}

.gestion-estudio-excel .ge-studio-customizer-footer-720 {
  min-height: 40px;
  padding-top: 2px;
}

.gestion-estudio-excel .ge-studio-customizer-footer-720 p {
  margin: 0;
  color: var(--gec-muted);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
}

body.dark .gestion-estudio-excel .ge-studio-customizer-720,
html.dark .gestion-estudio-excel .ge-studio-customizer-720,
[data-theme="dark"] .gestion-estudio-excel .ge-studio-customizer-720 {
  --gec-canvas: #111412;
  --gec-surface: #1b1f1d;
  --gec-soft: #282e2b;
  --gec-input: #28302d;
  --gec-active: #27433e;
  --gec-compose: #284d55;
  --gec-text: #e8ecea;
  --gec-muted: #a8b0ad;
  --gec-icon: #c4cbc8;
  --gec-border: #343a37;
  --gec-focus: #a8c7fa;
  --gec-danger: #ffb4ab;
}

body.dark .gestion-estudio-excel .ge-studio-customizer-item-720.is-hidden,
html.dark .gestion-estudio-excel .ge-studio-customizer-item-720.is-hidden,
[data-theme="dark"] .gestion-estudio-excel .ge-studio-customizer-item-720.is-hidden {
  background: #171a18;
}

body.dark .gestion-estudio-excel .ge-studio-customizer-count-720,
html.dark .gestion-estudio-excel .ge-studio-customizer-count-720,
[data-theme="dark"] .gestion-estudio-excel .ge-studio-customizer-count-720,
body.dark .gestion-estudio-excel .ge-studio-customizer-item-720.is-custom .ge-studio-customizer-kind-720,
html.dark .gestion-estudio-excel .ge-studio-customizer-item-720.is-custom .ge-studio-customizer-kind-720,
[data-theme="dark"] .gestion-estudio-excel .ge-studio-customizer-item-720.is-custom .ge-studio-customizer-kind-720 {
  color: #a8c7fa;
}

body.dark .gestion-estudio-excel .ge-studio-customizer-action-720[data-ge-action-kind="add"],
body.dark .gestion-estudio-excel .ge-studio-customizer-action-720[data-ge-action-kind="save"],
html.dark .gestion-estudio-excel .ge-studio-customizer-action-720[data-ge-action-kind="add"],
html.dark .gestion-estudio-excel .ge-studio-customizer-action-720[data-ge-action-kind="save"],
[data-theme="dark"] .gestion-estudio-excel .ge-studio-customizer-action-720[data-ge-action-kind="add"],
[data-theme="dark"] .gestion-estudio-excel .ge-studio-customizer-action-720[data-ge-action-kind="save"] {
  color: #c2e7ff !important;
}

body.dark .gestion-estudio-excel .ge-studio-customizer-action-720.is-danger,
html.dark .gestion-estudio-excel .ge-studio-customizer-action-720.is-danger,
[data-theme="dark"] .gestion-estudio-excel .ge-studio-customizer-action-720.is-danger {
  border-color: #653b38 !important;
  background: #332321 !important;
}

@media (max-width: 760px) {
  .gestion-estudio-excel .ge-studio-customizer-summary-720 {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .gestion-estudio-excel .ge-studio-customizer-count-720 {
    display: none;
  }

  .gestion-estudio-excel .ge-studio-customizer-summary-copy-720 small {
    white-space: normal;
  }

  .gestion-estudio-excel .ge-studio-customizer-body-720 {
    padding: 12px;
  }

  .gestion-estudio-excel .ge-studio-customizer-add-720 {
    grid-template-columns: minmax(0, 1fr) 38px;
    width: 100%;
  }

  .gestion-estudio-excel .ge-studio-customizer-grid-720 {
    grid-template-columns: 1fr;
  }

  .gestion-estudio-excel .ge-studio-customizer-footer-720 {
    align-items: flex-start;
  }
}

/* Gestion Estudio: navegacion liviana inspirada en Correos */
.gestion-estudio-excel > .ge-header-640 > .ge-tabs,
.gestion-estudio-excel > .ge-tabs {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
  min-width: 0 !important;
  margin: 8px 0 14px !important;
  padding: 2px 1px 5px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: thin;
}

.gestion-estudio-excel .ge-tab {
  flex: 0 0 auto !important;
  min-height: 36px !important;
  padding: 0 16px !important;
  border: 1px solid #e1e5ea !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  color: #3c4043 !important;
  box-shadow: 0 1px 2px rgba(60, 64, 67, .08) !important;
  font-family: Roboto, "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
}

.gestion-estudio-excel .ge-tab:hover {
  background: #f0f4f9 !important;
}

.gestion-estudio-excel .ge-tab.active,
.gestion-estudio-excel .ge-tab.is-active {
  border-color: transparent !important;
  background: #d3e3fd !important;
  color: #174ea6 !important;
  box-shadow: none !important;
}

body.dark .gestion-estudio-excel .ge-tab,
html.dark .gestion-estudio-excel .ge-tab,
[data-theme="dark"] .gestion-estudio-excel .ge-tab {
  border-color: #343a37 !important;
  background: #1b1f1d !important;
  color: #c4cbc8 !important;
  box-shadow: none !important;
}

body.dark .gestion-estudio-excel .ge-tab:hover,
html.dark .gestion-estudio-excel .ge-tab:hover,
[data-theme="dark"] .gestion-estudio-excel .ge-tab:hover {
  background: #282e2b !important;
}

body.dark .gestion-estudio-excel .ge-tab.active,
body.dark .gestion-estudio-excel .ge-tab.is-active,
html.dark .gestion-estudio-excel .ge-tab.active,
html.dark .gestion-estudio-excel .ge-tab.is-active,
[data-theme="dark"] .gestion-estudio-excel .ge-tab.active,
[data-theme="dark"] .gestion-estudio-excel .ge-tab.is-active {
  border-color: transparent !important;
  background: #27433e !important;
  color: #a8c7fa !important;
}

/* 20260729ge_studio_dashboard_correos_721
   Period creation and active-period summary aligned with the approved Correos UI. */
.gestion-estudio-excel .ge-period-create-copy-669 {
  margin: 0 0 16px !important;
  padding: 16px 18px !important;
  overflow: hidden !important;
  border: 1px solid #e1e5ea !important;
  border-radius: 14px !important;
  background: #f6f8fc !important;
  box-shadow: 0 1px 2px rgba(60, 64, 67, .08) !important;
}

.gestion-estudio-excel .ge-period-create-copy-form-669 {
  display: grid !important;
  grid-template-columns:
    minmax(72px, .55fr)
    minmax(94px, .7fr)
    minmax(120px, .85fr)
    minmax(190px, 1.45fr)
    minmax(160px, 1.15fr)
    40px !important;
  align-items: end !important;
  gap: 10px !important;
  min-width: 0 !important;
  width: 100% !important;
}

.gestion-estudio-excel .ge-period-create-copy-form-669 > strong {
  grid-column: 1 / -1 !important;
  display: block !important;
  min-height: 0 !important;
  margin: 0 0 2px !important;
  padding: 0 !important;
  color: #1f1f1f !important;
  font-family: Roboto, Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  white-space: normal !important;
}

.gestion-estudio-excel .ge-period-create-copy-form-669 > label {
  display: grid !important;
  gap: 6px !important;
  min-width: 0 !important;
  margin: 0 !important;
  color: #5f6368 !important;
  font-family: Roboto, Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  white-space: normal !important;
}

.gestion-estudio-excel .ge-period-create-copy-form-669 input,
.gestion-estudio-excel .ge-period-create-copy-form-669 select {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 40px !important;
  min-height: 40px !important;
  margin: 0 !important;
  padding: 0 11px !important;
  border: 1px solid #dadce0 !important;
  border-radius: 10px !important;
  outline: none !important;
  background: #ffffff !important;
  color: #1f1f1f !important;
  box-shadow: none !important;
  font-family: Roboto, Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
}

.gestion-estudio-excel .ge-period-create-copy-form-669 input:focus,
.gestion-estudio-excel .ge-period-create-copy-form-669 select:focus {
  border-color: #8ab4f8 !important;
  box-shadow: 0 0 0 2px rgba(26, 115, 232, .12) !important;
}

.gestion-estudio-excel .ge-period-create-copy-form-669 input::placeholder {
  color: #80868b !important;
  font-weight: 400 !important;
}

.gestion-estudio-excel .ge-period-create-copy-btn-669 {
  align-self: end !important;
  justify-self: start !important;
  width: 40px !important;
  min-width: 40px !important;
  max-width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-grid !important;
  place-items: center !important;
  border: 1px solid transparent !important;
  border-radius: 10px !important;
  background: #d3e3fd !important;
  color: #174ea6 !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

.gestion-estudio-excel .ge-period-create-copy-btn-669:hover {
  background: #c2d7f7 !important;
}

.gestion-estudio-excel .ge-period-create-copy-btn-669 svg {
  width: 18px !important;
  height: 18px !important;
}

.gestion-estudio-excel .ge-dashboard-period-panel {
  margin: 0 !important;
  padding: 16px 18px 18px !important;
  overflow: hidden !important;
  border: 1px solid #e1e5ea !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  color: #1f1f1f !important;
  box-shadow: 0 1px 2px rgba(60, 64, 67, .08) !important;
  font-family: Roboto, Arial, sans-serif !important;
}

.gestion-estudio-excel .ge-dashboard-period-panel > .ge-pd-title-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 0 0 12px !important;
}

.gestion-estudio-excel .ge-dashboard-period-panel > .ge-pd-title-row h3 {
  margin: 0 !important;
  color: #1f1f1f !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
}

.gestion-estudio-excel .ge-dashboard-period-panel > .ge-pd-title-row > span {
  color: #5f6368 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.gestion-estudio-excel .ge-dashboard-period-panel > .ge-dashboard-period-active,
.gestion-estudio-excel .ge-dashboard-period-panel > .ge-dashboard-period-active-safe {
  margin: 0 0 16px !important;
  padding: 16px 0 !important;
  border: 0 !important;
  border-top: 1px solid #e8eaed !important;
  border-bottom: 1px solid #e8eaed !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #1f1f1f !important;
  box-shadow: none !important;
}

.gestion-estudio-excel .ge-dashboard-period-active-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 14px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.gestion-estudio-excel .ge-dashboard-period-active-head h3 {
  margin: 0 0 4px !important;
  color: #1f1f1f !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
}

.gestion-estudio-excel .ge-dashboard-period-active-head p {
  margin: 0 !important;
  color: #5f6368 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
}

.gestion-estudio-excel .ge-dashboard-period-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  margin: 14px 0 0 !important;
  padding: 12px 14px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: #f6f8fc !important;
}

.gestion-estudio-excel .ge-dashboard-period-main {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  min-width: 0 !important;
  color: #1f1f1f !important;
}

.gestion-estudio-excel .ge-dashboard-period-main strong {
  color: #1f1f1f !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
}

.gestion-estudio-excel .ge-period-status-pill {
  min-height: 22px !important;
  padding: 3px 8px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #e6f4ea !important;
  color: #137333 !important;
  box-shadow: none !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  line-height: 1.15 !important;
  letter-spacing: 0 !important;
  text-transform: lowercase !important;
}

.gestion-estudio-excel .ge-dashboard-period-active .ge-dashboard-period-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: nowrap !important;
  gap: 6px !important;
  margin: 0 !important;
}

.gestion-estudio-excel .ge-dashboard-period-active .ge-dashboard-period-actions form {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

.gestion-estudio-excel .ge-dashboard-period-active .ge-dashboard-period-action-560,
.gestion-estudio-excel .ge-dashboard-period-active a.ge-dashboard-period-action-560,
.gestion-estudio-excel .ge-dashboard-period-active button.ge-dashboard-period-action-560 {
  width: 36px !important;
  min-width: 36px !important;
  max-width: 36px !important;
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid #e1e5ea !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  color: #3c4043 !important;
  box-shadow: none !important;
}

.gestion-estudio-excel .ge-dashboard-period-active .ge-dashboard-period-action-560:hover {
  transform: none !important;
  border-color: #dadce0 !important;
  background: #eef3f8 !important;
  box-shadow: none !important;
}

.gestion-estudio-excel .ge-dashboard-period-active .ge-dashboard-period-action-danger-560,
.gestion-estudio-excel .ge-dashboard-period-active button.ge-dashboard-period-action-danger-560 {
  border-color: #fad2cf !important;
  background: #fce8e6 !important;
  color: #b3261e !important;
}

.gestion-estudio-excel .ge-dashboard-period-grid {
  display: grid !important;
  grid-template-columns: 88px 112px 150px minmax(180px, 1fr) !important;
  gap: 10px !important;
  align-items: end !important;
  margin: 0 !important;
  padding: 12px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: #f6f8fc !important;
  box-shadow: none !important;
}

.gestion-estudio-excel .ge-dashboard-period-grid label {
  color: #5f6368 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.gestion-estudio-excel .ge-dashboard-period-grid input,
.gestion-estudio-excel .ge-dashboard-period-grid select {
  min-height: 40px !important;
  border-color: #dadce0 !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  color: #1f1f1f !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 400 !important;
}

body.dark .gestion-estudio-excel .ge-period-create-copy-669,
html.dark .gestion-estudio-excel .ge-period-create-copy-669,
[data-theme="dark"] .gestion-estudio-excel .ge-period-create-copy-669,
body.dark .gestion-estudio-excel .ge-dashboard-period-panel,
html.dark .gestion-estudio-excel .ge-dashboard-period-panel,
[data-theme="dark"] .gestion-estudio-excel .ge-dashboard-period-panel {
  border-color: #343a37 !important;
  background: #1b1f1d !important;
  color: #e8eaed !important;
  box-shadow: none !important;
}

body.dark .gestion-estudio-excel .ge-period-create-copy-form-669 > strong,
html.dark .gestion-estudio-excel .ge-period-create-copy-form-669 > strong,
[data-theme="dark"] .gestion-estudio-excel .ge-period-create-copy-form-669 > strong,
body.dark .gestion-estudio-excel .ge-dashboard-period-panel > .ge-pd-title-row h3,
html.dark .gestion-estudio-excel .ge-dashboard-period-panel > .ge-pd-title-row h3,
[data-theme="dark"] .gestion-estudio-excel .ge-dashboard-period-panel > .ge-pd-title-row h3,
body.dark .gestion-estudio-excel .ge-dashboard-period-active-head h3,
html.dark .gestion-estudio-excel .ge-dashboard-period-active-head h3,
[data-theme="dark"] .gestion-estudio-excel .ge-dashboard-period-active-head h3,
body.dark .gestion-estudio-excel .ge-dashboard-period-main strong,
html.dark .gestion-estudio-excel .ge-dashboard-period-main strong,
[data-theme="dark"] .gestion-estudio-excel .ge-dashboard-period-main strong {
  color: #e8eaed !important;
}

body.dark .gestion-estudio-excel .ge-period-create-copy-form-669 > label,
html.dark .gestion-estudio-excel .ge-period-create-copy-form-669 > label,
[data-theme="dark"] .gestion-estudio-excel .ge-period-create-copy-form-669 > label,
body.dark .gestion-estudio-excel .ge-dashboard-period-panel > .ge-pd-title-row > span,
html.dark .gestion-estudio-excel .ge-dashboard-period-panel > .ge-pd-title-row > span,
[data-theme="dark"] .gestion-estudio-excel .ge-dashboard-period-panel > .ge-pd-title-row > span,
body.dark .gestion-estudio-excel .ge-dashboard-period-active-head p,
html.dark .gestion-estudio-excel .ge-dashboard-period-active-head p,
[data-theme="dark"] .gestion-estudio-excel .ge-dashboard-period-active-head p,
body.dark .gestion-estudio-excel .ge-dashboard-period-grid label,
html.dark .gestion-estudio-excel .ge-dashboard-period-grid label,
[data-theme="dark"] .gestion-estudio-excel .ge-dashboard-period-grid label {
  color: #bdc1c6 !important;
}

body.dark .gestion-estudio-excel .ge-period-create-copy-form-669 input,
body.dark .gestion-estudio-excel .ge-period-create-copy-form-669 select,
html.dark .gestion-estudio-excel .ge-period-create-copy-form-669 input,
html.dark .gestion-estudio-excel .ge-period-create-copy-form-669 select,
[data-theme="dark"] .gestion-estudio-excel .ge-period-create-copy-form-669 input,
[data-theme="dark"] .gestion-estudio-excel .ge-period-create-copy-form-669 select,
body.dark .gestion-estudio-excel .ge-dashboard-period-grid input,
body.dark .gestion-estudio-excel .ge-dashboard-period-grid select,
html.dark .gestion-estudio-excel .ge-dashboard-period-grid input,
html.dark .gestion-estudio-excel .ge-dashboard-period-grid select,
[data-theme="dark"] .gestion-estudio-excel .ge-dashboard-period-grid input,
[data-theme="dark"] .gestion-estudio-excel .ge-dashboard-period-grid select {
  border-color: #3c4043 !important;
  background: #202124 !important;
  color: #e8eaed !important;
}

body.dark .gestion-estudio-excel .ge-dashboard-period-panel > .ge-dashboard-period-active,
body.dark .gestion-estudio-excel .ge-dashboard-period-panel > .ge-dashboard-period-active-safe,
html.dark .gestion-estudio-excel .ge-dashboard-period-panel > .ge-dashboard-period-active,
html.dark .gestion-estudio-excel .ge-dashboard-period-panel > .ge-dashboard-period-active-safe,
[data-theme="dark"] .gestion-estudio-excel .ge-dashboard-period-panel > .ge-dashboard-period-active,
[data-theme="dark"] .gestion-estudio-excel .ge-dashboard-period-panel > .ge-dashboard-period-active-safe {
  border-top-color: #343a37 !important;
  border-bottom-color: #343a37 !important;
  background: transparent !important;
  color: #e8eaed !important;
}

body.dark .gestion-estudio-excel .ge-dashboard-period-row,
html.dark .gestion-estudio-excel .ge-dashboard-period-row,
[data-theme="dark"] .gestion-estudio-excel .ge-dashboard-period-row,
body.dark .gestion-estudio-excel .ge-dashboard-period-grid,
html.dark .gestion-estudio-excel .ge-dashboard-period-grid,
[data-theme="dark"] .gestion-estudio-excel .ge-dashboard-period-grid {
  background: #202124 !important;
  color: #e8eaed !important;
}

body.dark .gestion-estudio-excel .ge-dashboard-period-active .ge-dashboard-period-action-560,
html.dark .gestion-estudio-excel .ge-dashboard-period-active .ge-dashboard-period-action-560,
[data-theme="dark"] .gestion-estudio-excel .ge-dashboard-period-active .ge-dashboard-period-action-560 {
  border-color: #3c4043 !important;
  background: #292a2d !important;
  color: #e8eaed !important;
}

body.dark .gestion-estudio-excel .ge-dashboard-period-active .ge-dashboard-period-action-danger-560,
html.dark .gestion-estudio-excel .ge-dashboard-period-active .ge-dashboard-period-action-danger-560,
[data-theme="dark"] .gestion-estudio-excel .ge-dashboard-period-active .ge-dashboard-period-action-danger-560 {
  border-color: #5c312e !important;
  background: #3b2523 !important;
  color: #f2b8b5 !important;
}

@media (max-width: 1100px) {
  .gestion-estudio-excel .ge-period-create-copy-form-669 {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }

  .gestion-estudio-excel .ge-period-create-copy-form-669 > label:nth-of-type(1),
  .gestion-estudio-excel .ge-period-create-copy-form-669 > label:nth-of-type(2),
  .gestion-estudio-excel .ge-period-create-copy-form-669 > label:nth-of-type(3) {
    grid-column: span 2 !important;
  }

  .gestion-estudio-excel .ge-period-create-copy-form-669 > label:nth-of-type(4) {
    grid-column: span 3 !important;
  }

  .gestion-estudio-excel .ge-period-create-copy-form-669 > label:nth-of-type(5) {
    grid-column: span 2 !important;
  }
}

@media (max-width: 760px) {
  .gestion-estudio-excel .ge-period-create-copy-669,
  .gestion-estudio-excel .ge-dashboard-period-panel {
    padding: 14px !important;
  }

  .gestion-estudio-excel .ge-period-create-copy-form-669 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .gestion-estudio-excel .ge-period-create-copy-form-669 > strong {
    grid-column: 1 / -1 !important;
  }

  .gestion-estudio-excel .ge-period-create-copy-form-669 > label:nth-of-type(1),
  .gestion-estudio-excel .ge-period-create-copy-form-669 > label:nth-of-type(2),
  .gestion-estudio-excel .ge-period-create-copy-form-669 > label:nth-of-type(3) {
    grid-column: span 1 !important;
  }

  .gestion-estudio-excel .ge-period-create-copy-form-669 > label:nth-of-type(4),
  .gestion-estudio-excel .ge-period-create-copy-form-669 > label:nth-of-type(5) {
    grid-column: 1 / -1 !important;
  }

  .gestion-estudio-excel .ge-period-create-copy-btn-669 {
    grid-column: 2 !important;
    justify-self: end !important;
  }

  .gestion-estudio-excel .ge-dashboard-period-panel > .ge-pd-title-row,
  .gestion-estudio-excel .ge-dashboard-period-active-head {
    align-items: flex-start !important;
  }

  .gestion-estudio-excel .ge-dashboard-period-row {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  .gestion-estudio-excel .ge-dashboard-period-active .ge-dashboard-period-actions {
    justify-content: flex-start !important;
  }

  .gestion-estudio-excel .ge-dashboard-period-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .gestion-estudio-excel .ge-dashboard-period-grid > input[name="notes"] {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 480px) {
  .gestion-estudio-excel .ge-dashboard-period-panel > .ge-pd-title-row {
    flex-direction: column !important;
    gap: 4px !important;
  }

  .gestion-estudio-excel .ge-dashboard-period-grid {
    grid-template-columns: 1fr !important;
  }

  .gestion-estudio-excel .ge-dashboard-period-grid > input[name="notes"] {
    grid-column: auto !important;
  }
}

.gestion-estudio-excel .ge-studio-customizer-alert-720 {
  padding: 10px 12px !important;
  border: 1px solid #fad2cf !important;
  border-radius: 10px !important;
  background: #fce8e6 !important;
  color: #8c1d18 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
}

@media (max-width: 760px) {
  .gestion-estudio-excel .ge-dashboard-period-active-head {
    flex-direction: row !important;
  }
}

body.dark .gestion-estudio-excel .ge-studio-customizer-alert-720,
html.dark .gestion-estudio-excel .ge-studio-customizer-alert-720,
[data-theme="dark"] .gestion-estudio-excel .ge-studio-customizer-alert-720 {
  border-color: #5c312e !important;
  background: #3b2523 !important;
  color: #f2b8b5 !important;
}

/* The mobile rail remains swipeable without a permanent bar.
   Desktop keeps its scrollbar when there are more tabs than available width. */
@media (max-width: 760px) {
  .gestion-estudio-excel > .ge-header-640 > .ge-tabs,
  .gestion-estudio-excel > .ge-tabs {
    -ms-overflow-style: none !important;
    scrollbar-width: none !important;
  }

  .gestion-estudio-excel > .ge-header-640 > .ge-tabs::-webkit-scrollbar,
  .gestion-estudio-excel > .ge-tabs::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
  }
}

/* 20260730modules-correos-polish */
.sidebar .brand-name {
  font-weight: 500;
}

.sidebar .brand-service {
  font-weight: 400;
}

.sidebar .nav-link {
  font-weight: 400;
}

.sidebar .nav-link.active {
  font-weight: 500;
}

.sidebar .nav-link:hover {
  transform: none;
}

.sidebar .nav-link:hover .action-icon,
.sidebar .nav-link.active .action-icon {
  transform: scale(1.06);
}

.module-shell {
  --module-accent: var(--brand);
  --module-accent-soft: color-mix(in srgb, var(--module-accent) 9%, var(--panel));
  min-width: 0;
  border-radius: 14px;
  border-color: color-mix(in srgb, var(--line) 82%, transparent);
  box-shadow: 0 8px 26px rgba(20, 42, 35, 0.05);
}

.module-section-title {
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 14px;
}

.module-section-title h2 {
  margin-bottom: 3px;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.015em;
}

.module-section-title p {
  margin: 0;
  color: var(--muted);
  font-size: 12.5px;
  font-weight: 400;
}

.module-count-pill {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  margin-left: auto;
  padding: 4px 10px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--soft);
  color: var(--muted);
  font-size: 11.5px;
  font-weight: 500;
  white-space: nowrap;
}

.module-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 48px;
  margin-bottom: 14px;
  padding: 7px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: color-mix(in srgb, var(--soft) 70%, var(--panel));
}

.module-toolbar .search-form {
  flex: 1 1 420px;
  min-width: 240px;
  margin: 0;
}

.module-toolbar .search-form input,
.module-toolbar .search-form select {
  min-height: 36px;
  font-weight: 400;
}

.module-toolbar-actions {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  flex-wrap: wrap;
}

.module-toolbar .icon-btn,
.module-toolbar-actions .icon-btn {
  width: 36px;
  min-width: 36px;
  min-height: 36px;
}

.prospeccion-shell .sheet-scroll,
.policies-table-wrap,
.quote-ai-history-scroll {
  width: 100%;
  overflow: auto;
  border: 1px solid var(--line);
  border-radius: 12px;
  overscroll-behavior: contain;
}

.prospeccion-shell .sheet-scroll {
  max-height: calc(100vh - 270px);
}

.prospeccion-shell .prospeccion-table,
.policies-table {
  margin: 0;
}

.prospeccion-shell .prospeccion-table thead th,
.policies-table thead th {
  position: sticky;
  top: 0;
  z-index: 3;
  background: var(--soft);
  color: var(--muted);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.02em;
  text-transform: none;
}

.prospeccion-shell .prospeccion-table td,
.policies-table td {
  font-weight: 400;
}

.prospeccion-shell .prospeccion-table a.strong,
.policies-table a.strong {
  font-weight: 500;
}

.prospeccion-shell .prospeccion-table th:first-child,
.prospeccion-shell .prospeccion-table td:first-child {
  position: sticky;
  left: 0;
  z-index: 4;
  width: 48px;
  min-width: 48px;
  background: var(--panel);
}

.prospeccion-shell .prospeccion-table th:nth-child(2),
.prospeccion-shell .prospeccion-table td:nth-child(2) {
  position: sticky;
  left: 48px;
  z-index: 4;
  min-width: 190px;
  background: var(--panel);
  box-shadow: 8px 0 14px -14px rgba(15, 23, 42, 0.75);
}

.prospeccion-shell .prospeccion-table thead th:first-child,
.prospeccion-shell .prospeccion-table thead th:nth-child(2) {
  z-index: 6;
  background: var(--soft);
}

.prospeccion-shell .prospeccion-table th:last-child,
.prospeccion-shell .prospeccion-table td:last-child,
.policies-table th:last-child,
.policies-table td:last-child {
  position: sticky;
  right: 0;
  z-index: 4;
  background: var(--panel);
  box-shadow: -8px 0 14px -14px rgba(15, 23, 42, 0.75);
}

.prospeccion-shell .prospeccion-table thead th:last-child,
.policies-table thead th:last-child {
  z-index: 6;
  background: var(--soft);
}

.prospeccion-shell .sheet-input {
  font-weight: 400;
}

.prospeccion-shell .sheet-input:focus {
  border-color: var(--brand);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand) 16%, transparent);
}

.prospeccion-shell .sheet-actions {
  min-width: 84px;
}

.prospeccion-shell .sheet-actions .icon-btn {
  width: 34px;
  min-width: 34px;
  min-height: 34px;
}

.policies-search {
  display: grid;
  grid-template-columns: minmax(210px, 1fr) minmax(145px, 180px) auto auto;
  gap: 6px;
}

.policies-search select {
  width: 100%;
  margin: 0;
}

.policies-table {
  width: 100%;
  min-width: 980px;
}

.policies-table tbody tr:hover td {
  background: var(--module-accent-soft);
}

.policies-table td.actions {
  min-width: 124px;
}

.pill,
.policy-status-badge,
.policy-status-mini {
  font-weight: 500;
}

.pill.info-pill {
  background: #e8f1fb;
  color: #245a91;
}

:root[data-theme="dark"] .pill.info-pill {
  background: #20354b;
  color: #b8d9fa;
}

.policy-detail-shell {
  gap: 12px;
}

.policy-hero,
.policy-tabs-widget,
.policy-summary-card,
.policy-section,
.policy-kpi-card,
.policy-supplement-card {
  border-radius: 14px;
}

.policy-title-line strong,
.policy-tab-nav label,
.policy-info-item strong,
.policy-section summary,
.policy-kpi-card strong,
.policy-supplement-card strong,
.policy-empty-state strong,
.policy-history-head strong {
  font-weight: 500;
}

.policy-tab-nav label {
  border-radius: 10px;
}

.policy-section-caption {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 14px 0 8px;
  padding: 8px 10px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--soft);
  color: var(--muted);
}

.policy-section-caption strong,
.policy-section-caption span,
.policy-history-head span {
  font-size: 12px;
  font-weight: 500;
}

.policy-form-shell {
  max-width: 980px;
}

.policy-form-shell .form-grid {
  gap: 12px;
}

.policy-form-shell .form-grid label {
  font-weight: 400;
}

.policy-form-shell .form-grid input,
.policy-form-shell .form-grid select,
.policy-form-shell .form-grid textarea {
  font-weight: 400;
}

.agenda-shell {
  max-width: none;
}

.agenda-shell .agenda-controls {
  min-height: 46px;
  margin-bottom: 12px;
  padding: 6px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: color-mix(in srgb, var(--soft) 70%, var(--panel));
}

.agenda-shell .agenda-nav-group > strong,
.agenda-shell .agenda-day-head strong,
.agenda-shell .agenda-hour,
.agenda-shell .agenda-weekday,
.agenda-shell .agenda-month-day,
.agenda-shell .agenda-day-hour,
.agenda-shell .agenda-event strong,
.agenda-shell .agenda-list-title strong,
.agenda-shell .agenda-list-row strong {
  font-weight: 500;
}

.agenda-shell .agenda-calendar {
  max-height: min(70vh, 760px);
  overflow: auto;
}

.agenda-shell .agenda-head {
  z-index: 5;
}

.agenda-shell .agenda-slot,
.agenda-shell .agenda-day-slot {
  position: relative;
}

.agenda-shell .agenda-slot-create {
  position: absolute;
  top: 6px;
  right: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border: 1px solid color-mix(in srgb, var(--brand) 30%, var(--line));
  border-radius: 8px;
  background: var(--panel);
  color: var(--brand-dark);
  font-size: 17px;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
  opacity: 0;
  transform: translateY(2px);
  transition: opacity 120ms ease, transform 120ms ease, background 120ms ease;
}

.agenda-shell .agenda-slot:hover .agenda-slot-create,
.agenda-shell .agenda-day-slot:hover .agenda-slot-create,
.agenda-shell .agenda-slot-create:focus-visible {
  opacity: 1;
  transform: translateY(0);
}

.agenda-shell .agenda-slot-create:hover {
  background: var(--module-accent-soft);
}

.agenda-shell .agenda-slot.is-past,
.agenda-shell .agenda-day-slot.is-past {
  background: color-mix(in srgb, var(--soft) 56%, var(--panel));
}

.agenda-shell .agenda-month-cell.is-past {
  background: color-mix(in srgb, var(--soft) 48%, var(--panel));
}

.agenda-shell .agenda-month-day.is-disabled {
  color: var(--muted);
  cursor: default;
  opacity: 0.58;
}

.agenda-shell .agenda-event {
  border-radius: 9px;
}

.quote-ai-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 0 0 14px;
  padding: 0;
  list-style: none;
}

.quote-ai-step {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
  padding: 9px 10px;
  border: 1px solid var(--line);
  border-radius: 11px;
  background: var(--panel);
  color: var(--muted);
}

.quote-ai-step > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  border-radius: 50%;
  background: var(--soft);
  font-size: 11px;
  font-weight: 500;
}

.quote-ai-step strong,
.quote-ai-step small {
  display: block;
  font-weight: 400;
}

.quote-ai-step strong {
  overflow: hidden;
  color: var(--text);
  font-size: 12px;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.quote-ai-step small {
  margin-top: 1px;
  font-size: 10.5px;
}

.quote-ai-step.is-active {
  border-color: color-mix(in srgb, var(--brand) 42%, var(--line));
  background: var(--module-accent-soft);
}

.quote-ai-step.is-active > span,
.quote-ai-step.is-complete > span {
  background: var(--brand);
  color: #fff;
}

.quote-ai-files-summary {
  display: block;
  margin-top: 6px;
  color: var(--muted);
  font-size: 11.5px;
  font-weight: 400;
  overflow-wrap: anywhere;
}

.quote-ai-history-scroll {
  border-radius: 10px;
}

.quote-ai-history-table {
  min-width: 840px;
  margin: 0;
}

@media (hover: none) {
  .agenda-shell .agenda-slot-create {
    opacity: 1;
    transform: none;
  }
}

@media (max-width: 760px) {
  .module-section-title,
  .module-toolbar {
    align-items: stretch;
    flex-direction: column;
  }

  .module-count-pill {
    margin-left: 0;
    align-self: flex-start;
  }

  .module-toolbar .search-form,
  .module-toolbar-actions {
    width: 100%;
  }

  .module-toolbar-actions {
    justify-content: flex-start;
  }

  .policies-search {
    grid-template-columns: minmax(0, 1fr) auto auto;
  }

  .policies-search > input[name="q"] {
    grid-column: 1 / -1;
  }

  .quote-ai-steps {
    grid-template-columns: 1fr;
  }
}

/* 20260730crm-uniform-light1
   Opt-in visual layer for the shared CRM shell.
   It intentionally leaves layout, overflow and module behaviour untouched. */

body.crm-ui-v2 {
  --bg: #f6f8fc;
  --panel: #ffffff;
  --text: #1f2926;
  --muted: #657078;
  --line: #dfe5eb;
  --brand: #47786d;
  --brand-dark: #315f57;
  --soft: #eef3f8;
  --danger: #b3261e;
  --warn: #8a5a12;
  --shadow: 0 3px 12px rgba(35, 53, 64, 0.055);
  --crm-search: #eaf1fb;
  --crm-hover: #f0f4f9;
  --crm-selected: #c2dbff;
  --crm-focus: #0b57d0;
  --crm-blue-soft: #e7f0fb;
  --crm-blue-ink: #315f8f;
  --crm-green-soft: #e7f2ed;
  --crm-green-ink: #356b60;
  --crm-violet-soft: #f0ebf7;
  --crm-violet-ink: #69598c;
  --crm-amber-soft: #fbf1df;
  --crm-amber-ink: #805819;
  background:
    radial-gradient(circle at 92% 2%, rgba(89, 125, 167, 0.07), transparent 25rem),
    radial-gradient(circle at 18% 98%, rgba(116, 94, 151, 0.045), transparent 22rem),
    var(--bg);
  font-family: Roboto, "Segoe UI", Arial, Helvetica, sans-serif;
}

:root[data-theme="dark"] body.crm-ui-v2 {
  --bg: #111714;
  --panel: #1b2320;
  --text: #e8eeeb;
  --muted: #a9b5b0;
  --line: #34413c;
  --brand: #75bda5;
  --brand-dark: #a2d8c6;
  --soft: #26312d;
  --danger: #ffb4ab;
  --warn: #f0c36b;
  --shadow: 0 4px 16px rgba(0, 0, 0, 0.16);
  --crm-search: #28332f;
  --crm-hover: #29332f;
  --crm-selected: #294940;
  --crm-focus: #a8c7fa;
  --crm-blue-soft: #233548;
  --crm-blue-ink: #b8d7f5;
  --crm-green-soft: #253b34;
  --crm-green-ink: #a7d8c6;
  --crm-violet-soft: #352f43;
  --crm-violet-ink: #d1c2ea;
  --crm-amber-soft: #40351f;
  --crm-amber-ink: #f2cd83;
  background:
    radial-gradient(circle at 92% 2%, rgba(86, 126, 164, 0.09), transparent 25rem),
    radial-gradient(circle at 18% 98%, rgba(126, 105, 157, 0.065), transparent 22rem),
    var(--bg);
}

body.crm-ui-v2 > .sidebar {
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--crm-search) 42%, var(--panel)) 0, var(--panel) 260px);
  box-shadow: none;
}

body.crm-ui-v2 .sidebar .brand-logo {
  filter: drop-shadow(0 7px 12px rgba(35, 53, 64, 0.08));
}

body.crm-ui-v2 .sidebar .nav-link {
  color: color-mix(in srgb, var(--text) 91%, var(--muted));
  font-weight: 400;
  transition: background 110ms ease, color 110ms ease;
}

body.crm-ui-v2 .sidebar .nav-link:hover {
  background: var(--crm-hover);
  color: var(--text);
  transform: none;
}

body.crm-ui-v2 .sidebar .nav-link.active {
  background: linear-gradient(90deg, var(--crm-selected), color-mix(in srgb, var(--crm-selected) 34%, var(--panel)));
  color: #274f6f;
  font-weight: 500;
  box-shadow: inset 3px 0 0 #5b87ad;
}

:root[data-theme="dark"] body.crm-ui-v2 .sidebar .nav-link.active {
  color: #c9e4f6;
  box-shadow: inset 3px 0 0 #82aed2;
}

body.crm-ui-v2 .sidebar .nav-link:hover .action-icon,
body.crm-ui-v2 .sidebar .nav-link.active .action-icon {
  transform: scale(1.06);
  filter: none;
}

body.crm-ui-v2 .topbar {
  margin-bottom: 16px;
}

body.crm-ui-v2 .topbar-title h1 {
  color: var(--text);
  font-size: 24px;
  font-weight: 400;
  letter-spacing: -0.022em;
}

body.crm-ui-v2 .topbar small {
  color: var(--muted);
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
}

body.crm-ui-v2 .main h2 {
  font-weight: 500;
  letter-spacing: -0.012em;
}

body.crm-ui-v2 .main h3 {
  font-weight: 500;
}

body.crm-ui-v2 .panel {
  border-color: var(--line);
  border-radius: 14px;
  box-shadow: var(--shadow);
}

body.crm-ui-v2 .dash-card {
  border-color: var(--line);
  border-radius: 14px;
  box-shadow: var(--shadow);
}

body.crm-ui-v2 .dashboard-grid > .dash-card:nth-child(4n + 1) .dash-icon {
  background: var(--crm-blue-soft);
  color: var(--crm-blue-ink);
}

body.crm-ui-v2 .dashboard-grid > .dash-card:nth-child(4n + 2) .dash-icon {
  background: var(--crm-green-soft);
  color: var(--crm-green-ink);
}

body.crm-ui-v2 .dashboard-grid > .dash-card:nth-child(4n + 3) .dash-icon {
  background: var(--crm-violet-soft);
  color: var(--crm-violet-ink);
}

body.crm-ui-v2 .dashboard-grid > .dash-card:nth-child(4n + 4) .dash-icon {
  background: var(--crm-amber-soft);
  color: var(--crm-amber-ink);
}

body.crm-ui-v2 .dash-icon {
  border-color: color-mix(in srgb, currentColor 15%, var(--line));
  box-shadow: none;
}

body.crm-ui-v2 .module-shell {
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--module-accent) 5%, var(--panel)) 0, var(--panel) 102px);
  box-shadow: var(--shadow);
}

body.crm-ui-v2 .prospeccion-shell {
  --module-accent: #5b7fa6;
}

body.crm-ui-v2 .policies-shell,
body.crm-ui-v2 .policy-form-shell {
  --module-accent: #527a70;
}

body.crm-ui-v2 .agenda-shell {
  --module-accent: #7b6a9f;
}

body.crm-ui-v2 .quote-ai-shell,
body.crm-ui-v2 .quote-ai-review-shell {
  --module-accent: #6874a8;
}

body.crm-ui-v2 .module-toolbar {
  border-color: var(--line);
  background: color-mix(in srgb, var(--crm-search) 72%, var(--panel));
  box-shadow: none;
}

body.crm-ui-v2 input:not([type="checkbox"]):not([type="radio"]),
body.crm-ui-v2 select,
body.crm-ui-v2 textarea {
  border-color: var(--line);
  border-radius: 10px;
  background: color-mix(in srgb, var(--panel) 94%, var(--crm-search));
  font-weight: 400;
}

body.crm-ui-v2 input:focus,
body.crm-ui-v2 select:focus,
body.crm-ui-v2 textarea:focus {
  border-color: var(--crm-focus);
  outline-color: color-mix(in srgb, var(--crm-focus) 30%, transparent);
}

body.crm-ui-v2 label,
body.crm-ui-v2 button,
body.crm-ui-v2 .button,
body.crm-ui-v2 .strong,
body.crm-ui-v2 .page-link,
body.crm-ui-v2 .pill {
  font-weight: 500;
}

body.crm-ui-v2 button,
body.crm-ui-v2 .button {
  border-radius: 10px;
}

body.crm-ui-v2 .button.secondary,
body.crm-ui-v2 button.secondary {
  background: color-mix(in srgb, var(--crm-search) 72%, var(--panel));
  border-color: var(--line);
}

body.crm-ui-v2 .icon-btn:not(.danger) {
  background: var(--panel);
  border-color: var(--line);
  color: color-mix(in srgb, var(--text) 86%, var(--crm-blue-ink));
  box-shadow: none;
  transform: none;
}

body.crm-ui-v2 .icon-btn:not(.danger):hover {
  background: var(--crm-hover);
  border-color: color-mix(in srgb, var(--crm-blue-ink) 32%, var(--line));
  box-shadow: none;
  transform: none;
}

body.crm-ui-v2 .icon-btn:hover .action-icon,
body.crm-ui-v2 .notification-button:hover .action-icon,
body.crm-ui-v2 .filter-chip.icon-filter:hover .action-icon,
body.crm-ui-v2 .dash-details summary:hover .action-icon {
  filter: none;
  transform: scale(1.06);
}

body.crm-ui-v2 th {
  color: var(--muted);
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
}

body.crm-ui-v2 tr:hover td {
  background: var(--crm-hover);
}

body.crm-ui-v2 .pill {
  border-color: color-mix(in srgb, currentColor 16%, var(--line));
}

body.crm-ui-v2 :focus-visible {
  outline-color: var(--crm-focus);
}

body.crm-ui-v2 > .crm-tooltip,
body.crm-ui-v2 > .crm-tooltip[popover] {
  padding: 5px 8px !important;
  border: 1px solid rgba(255, 255, 255, 0.11) !important;
  border-radius: 7px !important;
  background: #344653 !important;
  color: #f8fafc !important;
  box-shadow: 0 4px 12px rgba(27, 43, 53, 0.18) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  line-height: 1.15 !important;
}

:root[data-theme="dark"] body.crm-ui-v2 > .crm-tooltip,
:root[data-theme="dark"] body.crm-ui-v2 > .crm-tooltip[popover] {
  border-color: rgba(255, 255, 255, 0.11) !important;
  background: #344653 !important;
  color: #f8fafc !important;
  box-shadow: 0 5px 14px rgba(0, 0, 0, 0.24) !important;
}

body.crm-ui-v2 > .crm-tooltip.is-content,
body.crm-ui-v2 > .crm-tooltip.is-content[popover] {
  width: max-content !important;
  max-width: min(520px, calc(100vw - 16px)) !important;
  white-space: normal !important;
}

@media (prefers-reduced-motion: reduce) {
  body.crm-ui-v2 .sidebar .nav-link,
  body.crm-ui-v2 .icon-btn,
  body.crm-ui-v2 .action-icon {
    transition: none;
  }
}

/* 20260808admin_settings_mail_ui1 */

body.admin-users-body-512 {
  display: block;
  min-height: 100vh;
  margin: 0;
  background: #f6f8fc;
  color: #1f1f1f;
  font-family: Roboto, "Segoe UI", Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

body.admin-users-body-512,
body.admin-users-body-512 * {
  box-sizing: border-box;
}

body.admin-users-body-512 .admin-users-shell-512 {
  width: calc(100% - 40px);
  max-width: 1240px;
  margin: 0 auto;
  padding: 16px 0 44px;
}

body.admin-users-body-512 .admin-users-top-512 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 54px;
  margin: 0 0 12px;
  padding: 6px;
  border: 1px solid #e1e6ef;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(60, 64, 67, .08);
}

body.admin-users-body-512 .admin-users-top-512 a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0 14px;
  border: 1px solid transparent;
  border-radius: 10px;
  color: #344054;
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
}

body.admin-users-body-512 .admin-users-top-512 a:first-child {
  border-color: #d8e6fb;
  background: #edf4ff;
  color: #174ea6;
}

body.admin-users-body-512 .admin-users-top-512 a:last-child:hover,
body.admin-users-body-512 .admin-users-top-512 a:last-child:focus-visible {
  background: #f3f6fa;
}

body.admin-users-body-512 .admin-users-hero-512 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  min-height: 118px;
  margin: 0 0 12px;
  padding: 24px 28px;
  border: 1px solid #dce4ef;
  border-radius: 16px;
  background: linear-gradient(135deg, #ffffff 0%, #f4f8ff 100%);
  box-shadow: 0 1px 2px rgba(60, 64, 67, .08);
}

body.admin-users-body-512 .admin-users-hero-512 span {
  display: block;
  margin-bottom: 7px;
  color: #506784;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .14em;
  text-transform: uppercase;
}

body.admin-users-body-512 .admin-users-hero-512 h1 {
  margin: 0;
  color: #202124;
  font-size: clamp(25px, 2.4vw, 32px);
  font-weight: 500;
  letter-spacing: -.025em;
  line-height: 1.1;
}

body.admin-users-body-512 .admin-users-hero-512 p {
  max-width: 700px;
  margin: 7px 0 0;
  color: #5f6368;
  font-size: 14px;
  line-height: 1.45;
}

body.admin-users-body-512 .admin-users-hero-512 > strong {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 0 14px;
  border: 1px solid #c9dcf5;
  border-radius: 20px;
  background: #eaf2fd;
  color: #185abc;
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
}

body.admin-users-body-512 .admin-google-flash-701 {
  margin: 0 0 12px;
  padding: 12px 14px;
  border: 1px solid #b7e1cd;
  border-radius: 12px;
  background: #eaf7f0;
  color: #146c43;
  font-size: 13px;
  font-weight: 500;
}

body.admin-users-body-512 .admin-connected-card-701,
body.admin-users-body-512 .admin-create-card-512,
body.admin-users-body-512 .admin-users-list-512 {
  margin: 0 0 12px;
  border: 1px solid #dfe5ed;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(60, 64, 67, .08);
}

body.admin-users-body-512 .admin-connected-card-701 {
  padding: 0;
  overflow: hidden;
}

body.admin-users-body-512 .admin-connected-head-701 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin: 0;
  padding: 18px 20px 16px;
  border-bottom: 1px solid #e6eaf0;
  background: #fff;
}

body.admin-users-body-512 .admin-connected-head-701 h2,
body.admin-users-body-512 .admin-create-card-512 > h2,
body.admin-users-body-512 .admin-create-summary-826 > span,
body.admin-users-body-512 .admin-users-list-512 > h2 {
  margin: 0;
  color: #202124;
  font-size: 17px;
  font-weight: 500;
  letter-spacing: -.01em;
}

body.admin-users-body-512 .admin-connected-head-701 p {
  margin: 5px 0 0;
  color: #6b7280;
  font-size: 13px;
  line-height: 1.4;
}

body.admin-users-body-512 .admin-account-row-701 {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
  margin: 0;
  padding: 18px 20px;
  border: 0;
  border-radius: 0;
  background: #fff;
}

body.admin-users-body-512 .admin-account-icon-701 {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border: 1px solid #cfe7dc;
  border-radius: 12px;
  background: #ecf7f2;
  color: #13795b;
  font-size: 16px;
  font-weight: 500;
}

body.admin-users-body-512 .admin-account-main-701 {
  min-width: 0;
}

body.admin-users-body-512 .admin-account-title-701 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  color: #202124;
  font-size: 15px;
  font-weight: 500;
}

body.admin-users-body-512 .admin-account-title-701 strong {
  font-weight: 500;
}

body.admin-users-body-512 .admin-account-badge-701 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 24px;
  padding: 2px 9px;
  border: 1px solid #b9e3d0;
  border-radius: 13px;
  background: #e7f6ee;
  color: #157347;
  font-size: 12px;
  font-weight: 500;
}

body.admin-users-body-512 .admin-account-badge-701::before {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
  content: "";
}

body.admin-users-body-512 .admin-account-main-701 > span,
body.admin-users-body-512 .admin-account-main-701 > small {
  display: block;
  margin-top: 5px;
  color: #5f6368;
  font-size: 12.5px;
  font-weight: 400;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

body.admin-users-body-512 .admin-account-main-701 > small {
  color: #7a818a;
}

body.admin-users-body-512 .admin-account-actions-701 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
}

body.admin-users-body-512 .admin-account-actions-701 form {
  margin: 0;
}

body.admin-users-body-512 .admin-account-btn-701 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 0 14px;
  border: 1px solid #0b57d0;
  border-radius: 19px;
  background: #0b57d0;
  color: #fff;
  font: inherit;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
}

body.admin-users-body-512 .admin-account-btn-701.secondary {
  border-color: #cbd5e1;
  background: #fff;
  color: #344054;
}

body.admin-users-body-512 .admin-account-btn-701.danger {
  border-color: #efc1c1;
  background: #fff;
  color: #c5221f;
}

body.admin-users-body-512 .admin-account-btn-701:hover {
  filter: brightness(.97);
}

body.admin-users-body-512 .admin-account-settings-wrap-701 {
  grid-column: 2 / -1;
  padding-top: 14px;
  border-top: 1px solid #edf0f4;
}

body.admin-users-body-512 .admin-account-settings-701 {
  border: 0;
  background: transparent;
}

body.admin-users-body-512 .admin-account-settings-701 > summary {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0 11px;
  border-radius: 9px;
  color: #185abc;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  list-style: none;
}

body.admin-users-body-512 .admin-account-settings-701 > summary::-webkit-details-marker {
  display: none;
}

body.admin-users-body-512 .admin-account-settings-701 > summary:hover {
  background: #edf4ff;
}

body.admin-users-body-512 .admin-account-credentials-701 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 10px;
  padding: 16px;
  border: 1px solid #dfe5ed;
  border-radius: 12px;
  background: #f8fafc;
}

body.admin-users-body-512 .admin-account-credentials-actions-701 {
  grid-column: 1 / -1;
  display: flex;
  justify-content: flex-start;
}

body.admin-users-body-512 .admin-account-delete-settings-701 {
  margin: 10px 0 0;
}

body.admin-users-body-512 .admin-account-delete-settings-701 button {
  min-height: 36px;
  padding: 0 10px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #c5221f;
  font: inherit;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
}

body.admin-users-body-512 .admin-create-card-512 {
  padding: 0;
  overflow: hidden;
}

body.admin-users-body-512 .admin-create-summary-826 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 62px;
  padding: 14px 20px;
  background: #fff;
  cursor: pointer;
  list-style: none;
}

body.admin-users-body-512 .admin-create-summary-826::-webkit-details-marker {
  display: none;
}

body.admin-users-body-512 .admin-create-summary-826 > span {
  padding: 0;
  border: 0;
}

body.admin-users-body-512 .admin-create-summary-826 > small {
  margin-left: auto;
  color: #6b7280;
  font-size: 12px;
  font-weight: 400;
}

body.admin-users-body-512 .admin-create-summary-826::after {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid #cbdcf4;
  border-radius: 17px;
  background: #edf4ff;
  color: #185abc;
  content: "Agregar";
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
}

body.admin-users-body-512 .admin-create-card-512[open] > .admin-create-summary-826 {
  border-bottom: 1px solid #e6eaf0;
  background: #f8fafc;
}

body.admin-users-body-512 .admin-create-card-512[open] > .admin-create-summary-826::after {
  content: "Ocultar";
}

body.admin-users-body-512 .admin-create-card-512 > h2,
body.admin-users-body-512 .admin-users-list-512 > h2 {
  padding: 18px 20px 16px;
  border-bottom: 1px solid #e6eaf0;
  background: #fff;
}

body.admin-users-body-512 .admin-create-card-512 > form {
  padding: 18px 20px 20px;
}

body.admin-users-body-512 .admin-user-grid-512 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 0 0 16px;
}

body.admin-users-body-512 .admin-user-grid-512 label,
body.admin-users-body-512 .admin-account-credentials-701 label {
  display: grid;
  gap: 6px;
  min-width: 0;
  color: #4b5563;
  font-size: 12px;
  font-weight: 500;
}

body.admin-users-body-512 input[type="text"],
body.admin-users-body-512 input[type="password"],
body.admin-users-body-512 select {
  width: 100%;
  min-height: 42px;
  padding: 8px 11px;
  border: 1px solid #cfd8e3;
  border-radius: 10px;
  outline: 0;
  background: #fff;
  color: #202124;
  font: inherit;
  font-size: 13px;
  font-weight: 400;
}

body.admin-users-body-512 input::placeholder {
  color: #8b95a3;
}

body.admin-users-body-512 .admin-permissions-grid-512 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 0 0 16px;
}

body.admin-users-body-512 .admin-permission-section-513 {
  min-width: 0;
  padding: 14px;
  border: 1px solid #e0e6ef;
  border-radius: 12px;
  background: #f8fafc;
}

body.admin-users-body-512 .admin-permission-section-513 > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin: 0 0 11px;
}

body.admin-users-body-512 .admin-permission-section-513 > header > strong {
  display: block;
  margin: 0;
  color: #3f536d;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .09em;
  text-transform: uppercase;
}

body.admin-users-body-512 .admin-permission-section-513 > header > small {
  display: inline-block;
  max-width: 62%;
  margin: 0;
  color: #6b7280;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.35;
  text-align: right;
}

body.admin-users-body-512 .admin-permission-chip-513 {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
  min-height: 42px;
  margin: 0 0 7px;
  padding: 8px 10px;
  border: 1px solid #e1e6ed;
  border-radius: 10px;
  background: #fff;
  color: #374151;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.25;
  cursor: pointer;
}

body.admin-users-body-512 .admin-permission-chip-513:last-child {
  margin-bottom: 0;
}

body.admin-users-body-512 .admin-permission-chip-513:hover {
  border-color: #b8c9df;
  background: #f4f8ff;
}

body.admin-users-body-512 .admin-permission-chip-513 input[type="checkbox"] {
  width: 17px;
  height: 17px;
  flex: 0 0 17px;
  margin: 0;
  accent-color: #0b57d0;
}

body.admin-users-body-512 .admin-permission-chip-513 strong {
  min-width: 0;
  color: #374151;
  font-size: 13px;
  font-weight: 500;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
}

body.admin-users-body-512 .admin-create-card-512 button[type="submit"],
body.admin-users-body-512 .admin-user-actions-512 button[type="submit"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 18px;
  border: 1px solid #0b57d0;
  border-radius: 10px;
  background: #0b57d0;
  color: #fff;
  font: inherit;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
}

body.admin-users-body-512 .admin-users-list-512 {
  padding: 0;
  overflow: hidden;
}

body.admin-users-body-512 .admin-user-card-512 {
  margin: 0;
  border: 0;
  border-top: 1px solid #e8ecf2;
  border-radius: 0;
  background: #fff;
  box-shadow: none;
  overflow: hidden;
}

body.admin-users-body-512 .admin-user-card-512:first-of-type {
  border-top: 0;
}

body.admin-users-body-512 .admin-user-card-512[open] {
  position: relative;
  background: #f8fafc;
}

body.admin-users-body-512 .admin-user-summary-513 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto auto auto;
  gap: 10px;
  align-items: center;
  min-height: 64px;
  padding: 11px 20px;
  border: 0;
  background: #fff;
  cursor: pointer;
  list-style: none;
}

body.admin-users-body-512 .admin-user-summary-513::-webkit-details-marker {
  display: none;
}

body.admin-users-body-512 .admin-user-summary-513::after {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 26px;
  padding: 3px 9px;
  border: 1px solid #cbdcf4;
  border-radius: 13px;
  background: #edf4ff;
  color: #185abc;
  font-size: 11px;
  font-weight: 500;
  white-space: nowrap;
}

body.admin-users-body-512 .admin-user-summary-513:hover {
  background: #f7f9fc;
}

body.admin-users-body-512 .admin-user-card-512[open] > .admin-user-summary-513 {
  border-bottom: 1px solid #e6eaf0;
  background: #edf4ff;
}

body.admin-users-body-512 .admin-user-summary-513 > span {
  display: grid;
  gap: 3px;
  min-width: 0;
}

body.admin-users-body-512 .admin-user-summary-513 strong {
  color: #202124;
  font-size: 14px;
  font-weight: 500;
}

body.admin-users-body-512 .admin-user-summary-513 small {
  color: #6b7280;
  font-size: 12px;
  font-weight: 400;
}

body.admin-users-body-512 .admin-user-summary-513 em,
body.admin-users-body-512 .admin-user-summary-513 b,
body.admin-users-body-512 .admin-user-summary-513 i,
body.admin-users-body-512 .admin-user-self-512 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 26px;
  padding: 3px 9px;
  border: 1px solid #d8e0ea;
  border-radius: 13px;
  background: #f5f7fa;
  color: #526174;
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  white-space: nowrap;
}

body.admin-users-body-512 .admin-user-summary-513 b {
  border-color: #b9e3d0;
  background: #e7f6ee;
  color: #157347;
}

body.admin-users-body-512 .admin-user-summary-513 i {
  border-color: #cbdcf4;
  background: #edf4ff;
  color: #185abc;
}

body.admin-users-body-512 .admin-user-self-512 {
  min-height: 22px;
  margin-left: 5px;
  padding: 2px 7px;
  border-color: #cbdcf4;
  background: #edf4ff;
  color: #185abc;
}

body.admin-users-body-512 .admin-user-form-512 {
  padding: 18px 20px 8px;
}

body.admin-users-body-512 .admin-permissions-wrap-513 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 2px;
}

body.admin-users-body-512 .admin-user-actions-512 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 9px;
  margin-top: 4px;
  padding-top: 14px;
  border-top: 1px solid #e6eaf0;
}

body.admin-users-body-512 .admin-reset-form-512 {
  display: flex;
  justify-content: flex-end;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 167px;
  bottom: 8px;
}

body.admin-users-body-512 .admin-reset-form-512 button {
  min-height: 38px;
  padding: 0 14px;
  border: 1px solid #cbd5e1;
  border-radius: 10px;
  background: #fff;
  color: #475467;
  font: inherit;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
}

body.admin-users-body-512 .admin-switch-512 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  color: #4b5563;
  font-size: 13px;
  font-weight: 500;
}

body.admin-users-body-512 .admin-switch-512 input {
  width: 17px;
  height: 17px;
  margin: 0;
  accent-color: #0b57d0;
}

body.admin-users-body-512 a:focus-visible,
body.admin-users-body-512 button:focus-visible,
body.admin-users-body-512 input:focus-visible,
body.admin-users-body-512 select:focus-visible,
body.admin-users-body-512 summary:focus-visible {
  outline: 3px solid rgba(26, 115, 232, .28);
  outline-offset: 2px;
}

body.admin-users-body-512 input[type="text"]:focus,
body.admin-users-body-512 input[type="password"]:focus,
body.admin-users-body-512 select:focus {
  border-color: #1a73e8;
  box-shadow: 0 0 0 3px rgba(26, 115, 232, .12);
}

@media (max-width: 980px) {
  body.admin-users-body-512 .admin-users-shell-512 {
    width: calc(100% - 24px);
  }

  body.admin-users-body-512 .admin-user-grid-512 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.admin-users-body-512 .admin-account-row-701 {
    grid-template-columns: 48px minmax(0, 1fr);
  }

  body.admin-users-body-512 .admin-account-actions-701,
  body.admin-users-body-512 .admin-account-settings-wrap-701 {
    grid-column: 2;
    justify-content: flex-start;
  }
}

@media (max-width: 720px) {
  body.admin-users-body-512 .admin-users-shell-512 {
    width: 100%;
    padding: 8px 10px 28px;
  }

  body.admin-users-body-512 .admin-users-top-512 {
    min-height: 50px;
    margin-bottom: 8px;
    border-radius: 12px;
  }

  body.admin-users-body-512 .admin-users-top-512 a {
    min-height: 38px;
    padding: 0 11px;
  }

  body.admin-users-body-512 .admin-users-hero-512 {
    align-items: flex-start;
    flex-direction: column;
    gap: 15px;
    min-height: 0;
    padding: 20px;
    border-radius: 14px;
  }

  body.admin-users-body-512 .admin-users-hero-512 > strong {
    min-height: 34px;
  }

  body.admin-users-body-512 .admin-connected-card-701,
  body.admin-users-body-512 .admin-create-card-512,
  body.admin-users-body-512 .admin-users-list-512 {
    border-radius: 14px;
  }

  body.admin-users-body-512 .admin-connected-head-701,
  body.admin-users-body-512 .admin-create-card-512 > h2,
  body.admin-users-body-512 .admin-create-summary-826,
  body.admin-users-body-512 .admin-users-list-512 > h2 {
    padding: 16px;
  }

  body.admin-users-body-512 .admin-create-summary-826 {
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 5px 10px;
  }

  body.admin-users-body-512 .admin-create-summary-826 > span {
    flex: 1 1 calc(100% - 90px);
  }

  body.admin-users-body-512 .admin-create-summary-826 > small {
    flex: 1 1 100%;
    margin: 0;
    order: 3;
  }

  body.admin-users-body-512 .admin-account-row-701 {
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 12px;
    padding: 16px;
  }

  body.admin-users-body-512 .admin-account-actions-701,
  body.admin-users-body-512 .admin-account-settings-wrap-701 {
    grid-column: 1 / -1;
  }

  body.admin-users-body-512 .admin-account-actions-701 {
    justify-content: flex-start;
  }

  body.admin-users-body-512 .admin-account-btn-701 {
    min-height: 42px;
  }

  body.admin-users-body-512 .admin-account-credentials-701,
  body.admin-users-body-512 .admin-user-grid-512,
  body.admin-users-body-512 .admin-permissions-grid-512,
  body.admin-users-body-512 .admin-permissions-wrap-513 {
    grid-template-columns: minmax(0, 1fr);
  }

  body.admin-users-body-512 .admin-permission-section-513 > header {
    display: block;
  }

  body.admin-users-body-512 .admin-permission-section-513 > header > small {
    max-width: none;
    margin-top: 4px;
    text-align: left;
  }

  body.admin-users-body-512 .admin-create-card-512 > form,
  body.admin-users-body-512 .admin-user-form-512 {
    padding: 16px;
  }

  body.admin-users-body-512 .admin-user-summary-513 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
    min-height: 68px;
    padding: 12px 16px;
  }

  body.admin-users-body-512 .admin-user-summary-513 > span {
    flex: 1 1 100%;
  }

  body.admin-users-body-512 .admin-user-summary-513 em,
  body.admin-users-body-512 .admin-user-summary-513 b,
  body.admin-users-body-512 .admin-user-summary-513 i {
    min-height: 24px;
  }

  body.admin-users-body-512 .admin-user-actions-512,
  body.admin-users-body-512 .admin-reset-form-512 {
    justify-content: stretch;
  }

  body.admin-users-body-512 .admin-user-actions-512 button,
  body.admin-users-body-512 .admin-reset-form-512 button {
    width: 100%;
  }

  body.admin-users-body-512 .admin-reset-form-512 {
    position: static;
    padding: 0 16px 16px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.admin-users-body-512 *,
  body.admin-users-body-512 *::before,
  body.admin-users-body-512 *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}

/* 20260808admin_settings_mail_ui1_end */