/* =========================================================
   Admin Master — estilos específicos
   Sobrepõe/estende styles.css
   ========================================================= */

/* View system */
.view.hidden { display: none; }
body:not(.master-workspace) [data-master-only] { display: none !important; }

/* Filtros chips */
.filters-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 20px;
}

.filter-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border-radius: var(--radius-full);
  background: rgba(95,237,123, 0.04);
  border: 1px solid rgba(95,237,123, 0.15);
  color: var(--text-400);
  font-size: 0.85rem;
  font-weight: 500;
  transition: all 0.2s;
}

.filter-chip span {
  padding: 1px 8px;
  border-radius: 99px;
  background: rgba(95,237,123, 0.15);
  font-size: 0.72rem;
  color: var(--purple-300);
}

.filter-chip:hover {
  border-color: rgba(95,237,123, 0.4);
  color: var(--text-200);
}

.filter-chip.active {
  background: var(--purple-500);
  color: white;
  border-color: var(--purple-400);
  box-shadow: var(--glow-sm);
}

.filter-chip.active span {
  background: rgba(255, 255, 255, 0.25);
  color: white;
}

/* Status pulse (bolinha nas pills de link) */
.status-pulse {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  box-shadow: 0 0 6px currentColor;
}

.status-pulse.gray { background: var(--text-500); color: var(--text-500); }
.status-pulse.purple { background: var(--purple-300); color: var(--purple-300); animation: pulse 1.6s ease-in-out infinite; }
.status-pulse.green { background: var(--success); color: var(--success); }
.status-pulse.yellow { background: var(--warning); color: var(--warning); animation: pulse 1.6s ease-in-out infinite; }
.status-pulse.red { background: var(--danger); color: var(--danger); }
.status-pulse.blue { background: var(--cyan-glow); color: var(--cyan-glow); }

/* Realtime switch */
.realtime-switch {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border-radius: var(--radius-full);
  background: rgba(95,237,123, 0.08);
  border: 1px solid rgba(95,237,123, 0.2);
  font-size: 0.85rem;
  font-weight: 500;
  cursor: pointer;
  user-select: none;
}

.realtime-switch input { display: none; }

.realtime-track {
  width: 34px;
  height: 18px;
  border-radius: 99px;
  background: rgba(95,237,123, 0.2);
  position: relative;
  transition: background 0.2s;
}

.realtime-knob {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--text-400);
  transition: all 0.2s var(--ease-spring);
}

.realtime-switch input:checked + .realtime-track {
  background: var(--purple-500);
  box-shadow: var(--glow-sm);
}

.realtime-switch input:checked + .realtime-track .realtime-knob {
  left: 18px;
  background: white;
}

/* Clientes grid */
.client-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 18px;
}

.client-card {
  position: relative;
  padding: 20px;
  border-radius: var(--radius-lg);
  background: linear-gradient(180deg, rgba(95,237,123, 0.06), rgba(10,41,16, 0.6));
  border: 1px solid rgba(95,237,123, 0.15);
  backdrop-filter: blur(12px);
  display: flex;
  flex-direction: column;
  gap: 14px;
  transition: all 0.3s;
}

.client-card:hover {
  transform: translateY(-3px);
  border-color: rgba(95,237,123, 0.4);
  box-shadow: var(--glow-md);
}

.client-card-head {
  display: flex;
  align-items: center;
  gap: 14px;
}

.client-card-avatar {
  width: 44px;
  height: 44px;
  border-radius: var(--radius-md);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-display);
  font-weight: 700;
  color: white;
  font-size: 0.95rem;
  flex-shrink: 0;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.client-card-info { flex: 1; min-width: 0; }
.client-card-info strong {
  display: block;
  font-family: var(--font-display);
  font-size: 1.05rem;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.client-card-info small {
  font-family: var(--font-mono);
  font-size: 0.72rem;
  color: var(--text-500);
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.client-card-stats {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.client-card-stat {
  padding: 10px 12px;
  border-radius: var(--radius-md);
  background: rgba(95,237,123, 0.04);
  border: 1px solid rgba(95,237,123, 0.1);
}

.client-card-stat .label {
  font-family: var(--font-mono);
  font-size: 0.65rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: var(--text-500);
}

.client-card-stat .value {
  font-family: var(--font-display);
  font-size: 1.15rem;
  font-weight: 600;
  color: var(--text-100);
  margin-top: 2px;
}

.client-card-usage {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.client-card-usage-row {
  display: flex;
  justify-content: space-between;
  font-size: 0.78rem;
  color: var(--text-400);
}

.client-card-usage-bar {
  height: 4px;
  border-radius: 99px;
  background: rgba(95,237,123, 0.1);
  overflow: hidden;
}

.client-card-usage-bar i {
  display: block;
  height: 100%;
  border-radius: 99px;
  background: var(--grad-aurora);
  transition: width 0.6s var(--ease-out);
}

.client-card-usage-bar.warn i { background: linear-gradient(90deg, #fbbf24, #f59e0b); }

.client-card-foot {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 6px;
  border-top: 1px solid rgba(95,237,123, 0.08);
}

.client-card-actions {
  display: flex;
  gap: 6px;
}

.client-icon-btn {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  background: rgba(95,237,123, 0.06);
  border: 1px solid rgba(95,237,123, 0.15);
  color: var(--text-400);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
}

.client-icon-btn:hover {
  background: var(--purple-500);
  color: white;
}

.client-icon-btn svg { width: 14px; height: 14px; }

/* ====== GRUPOS · espaçamento, favorito e toggle verde ====== */

/* A view-grupos usa um .panel-body com padding:0 inline. Sem esse padding e
   com .table-wrap usando margin:0 -24px, a tabela ficava encostada na borda
   do .panel e o conteúdo vazava sobre o border-radius. Aqui colocamos respiro
   de verdade só para a tabela de grupos. */
#view-grupos .table-wrap {
  margin: 0;
  overflow-x: auto;
  border-radius: var(--radius-md);
}

#view-grupos .panel-body {
  padding: 12px;
}

#grupos-table {
  table-layout: fixed;
  min-width: 0;
}

#grupos-table th,
#grupos-table td {
  padding: 16px 20px;
  vertical-align: middle;
  box-sizing: border-box;
}

#grupos-table thead th { padding-top: 18px; padding-bottom: 14px; }

#grupos-table th {
  font-size: 0.7rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--text-500);
}

#grupos-table tbody tr + tr { border-top: 1px solid rgba(95,237,123, 0.06); }

/* Coluna Favorito curta, centralizada, sem roubar espaço do nome */
#grupos-table th:first-child,
#grupos-table td:first-child { width: 72px; text-align: center; padding-left: 16px; padding-right: 8px; }

/* Coluna Ações: toggle + rótulo + olho sem quebrar */
#grupos-table th:last-child,
#grupos-table td:last-child { width: 230px; padding-right: 18px; }

/* Coluna Grupo: nome bem afastado da estrela */
#grupos-table .group-name-cell { padding-left: 18px; padding-right: 12px; }

#grupos-table .group-name {
  display: flex;
  align-items: center;
  gap: 12px;
  white-space: nowrap;
  max-width: 100%;
  min-width: 0;
}

.group-avatar {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  flex-shrink: 0;
  background: linear-gradient(135deg, rgba(95,237,123, 0.35), rgba(49,230,85, 0.18));
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-mono);
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--text-100, #edfef0);
  overflow: hidden;
  border: 1px solid rgba(95,237,123, 0.18);
}

.group-avatar.has-pic { background: transparent; border-color: rgba(95,237,123, 0.12); }

.group-avatar img { width: 100%; height: 100%; object-fit: cover; display: block; }

.group-name-text {
  font-family: var(--font-display);
  font-size: 0.95rem;
  color: var(--text-100, #edfef0);
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}

/* Indicador discreto de cache ativo (aparece só quando render vem do localStorage) */
.cache-indicator {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--font-mono);
  font-size: 0.7rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--accent, #31E655);
  margin-left: 8px;
  padding: 2px 8px;
  border-radius: 999px;
  background: rgba(49,230,85, 0.08);
  border: 1px solid rgba(49,230,85, 0.25);
}
.cache-indicator .dot { width: 6px; height: 6px; border-radius: 50%; background: var(--accent, #31E655); animation: pulse-dot 1.4s ease-in-out infinite; }
@keyframes pulse-dot { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.55; transform: scale(0.85); } }

/* ===== SEGMENTED 3-NÍVEIS — glass morno, sem emoji, sem brilhos de discoteca ===== */
.role-pills {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: stretch;
  padding: 4px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.06);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
  isolation: isolate;
}

.role-pills-thumb {
  position: absolute;
  top: 4px;
  bottom: 4px;
  left: 4px;
  width: calc((100% - 8px) / 3);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
  transition: transform 0.45s cubic-bezier(0.32, 0.72, 0.18, 1.04);
  z-index: 1;
}

.role-pill {
  position: relative;
  z-index: 2;
  appearance: none;
  background: transparent;
  border: 0;
  padding: 10px 14px;
  font-family: var(--font-display);
  font-size: 0.86rem;
  font-weight: 500;
  letter-spacing: 0.01em;
  color: var(--text-400);
  cursor: pointer;
  border-radius: 10px;
  transition: color 0.2s ease;
  min-height: 40px;
}

.role-pill[aria-selected="true"] { color: #fff; font-weight: 600; }
.role-pill:hover:not([aria-selected="true"]) { color: var(--text-200); }
.role-pill:disabled { color: var(--text-500); cursor: not-allowed; opacity: 0.55; }
.role-pill:focus-visible { outline: 2px solid rgba(102,245,130, 0.55); outline-offset: 2px; }

#group-role-selector[data-active="monitor"] .role-pills-thumb     { transform: translateX(0); }
#group-role-selector[data-active="both"] .role-pills-thumb         { transform: translateX(calc(100% + 0px)); }
#group-role-selector[data-active="destination"] .role-pills-thumb { transform: translateX(calc(200% + 0px)); }

.role-note {
  display: block;
  margin-top: 10px;
  color: var(--text-500);
  font-size: 0.8rem;
}

/* ===== TIMELINE 24H — sóbria, com 2 knobs e tick labels ===== */
.rest-timeline {
  --low: 20;
  --high: 80;
  position: relative;
  height: 56px;
  padding: 0 14px;
  margin-top: 14px;
  touch-action: none;
}

.rest-track {
  position: absolute;
  left: 14px;
  right: 14px;
  top: 50%;
  height: 2px;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 999px;
  transform: translateY(-50%);
}

.rest-selected {
  position: absolute;
  left: calc(14px + (100% - 28px) * var(--low) / 100);
  right: calc(100% - 14px - (100% - 28px) * var(--high) / 100);
  top: 50%;
  height: 2px;
  background: rgba(102,245,130, 0.85);
  border-radius: 999px;
  transform: translateY(-50%);
  transition: background 0.2s ease;
}

.rest-timeline[data-empty="true"] .rest-selected { background: transparent; }

.rest-tick-layer {
  position: absolute;
  left: 14px;
  right: 14px;
  top: calc(50% + 8px);
  display: flex;
  justify-content: space-between;
  font-family: var(--font-mono);
  font-size: 0.62rem;
  letter-spacing: 0.08em;
  color: rgba(255, 255, 255, 0.28);
  pointer-events: none;
}

.rest-handle {
  position: absolute;
  top: 50%;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.45), 0 0 0 4px rgba(102,245,130, 0.0);
  cursor: grab;
  transition: box-shadow 0.18s ease, border-color 0.18s ease;
  padding: 0;
  appearance: none;
}

.rest-handle:hover, .rest-handle:focus-visible {
  border-color: rgba(102,245,130, 0.6);
  box-shadow: 0 2px 14px rgba(102,245,130, 0.35), 0 0 0 4px rgba(102,245,130, 0.12);
  outline: none;
}

.rest-handle:active { cursor: grabbing; }

.rest-handle-low  { left: calc(14px + (100% - 28px) * var(--low) / 100 - 9px); }
.rest-handle-high { left: calc(14px + (100% - 28px) * var(--high) / 100 - 9px); }

.rest-readout {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-top: 28px;
  padding-top: 14px;
}

.rest-readout-item {
  display: flex;
  align-items: baseline;
  gap: 8px;
}

.rest-readout-label {
  font-family: var(--font-mono);
  font-size: 0.7rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--text-500);
}

.rest-readout-item strong {
  font-family: var(--font-mono);
  font-size: 1rem;
  font-weight: 600;
  color: var(--text-100, #edfef0);
  letter-spacing: 0.04em;
}

.rest-readout-divider {
  flex: 1;
  height: 1px;
  background: rgba(255, 255, 255, 0.06);
}

.rest-clear {
  margin-left: auto;
}

.rest-hint {
  margin: 12px 0 0;
  color: var(--text-500);
  font-size: 0.8rem;
}

/* Botão de favoritar — estrela discreta, ganha destaque quando ativo */
.group-fav-btn {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  background: rgba(95,237,123, 0.06);
  border: 1px solid rgba(95,237,123, 0.15);
  color: var(--text-500);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
  flex-shrink: 0;
}

.group-fav-btn:hover {
  background: rgba(255, 207, 106, 0.12);
  color: var(--warning, #ffcf6a);
  border-color: rgba(255, 207, 106, 0.35);
}

.group-fav-btn svg { width: 14px; height: 14px; }

.group-fav-btn.is-fav {
  background: rgba(255, 207, 106, 0.14);
  border-color: rgba(255, 207, 106, 0.45);
  color: var(--warning, #ffcf6a);
}

.group-fav-btn.is-fav svg { fill: currentColor; }

/* Rótulo discreto ao lado do toggle (Ativar / Desativar) */
.group-toggle-label {
  font-size: 0.72rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--text-500);
  min-width: 64px;
  text-align: left;
}

.group-toggle.on + .group-toggle-label,
.group-toggle.is-on + .group-toggle-label { color: var(--accent, #31E655); }

/* Toggle verde quando ligado (visual de "ativado"), segue o mesmo tamanho do .toggle global */
.group-toggle.on,
.group-toggle.is-on {
  background: rgba(49,230,85, 0.22);
  border-color: rgba(49,230,85, 0.55);
  box-shadow: 0 0 14px rgba(49,230,85, 0.28);
}

.group-toggle.on::after,
.group-toggle.is-on::after {
  left: 22px;
  background: var(--accent, #31E655);
  box-shadow: 0 0 10px rgba(49,230,85, 0.6);
}

/* Client mini (dashboard mini-list) */
.client-mini {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  border-radius: var(--radius-md);
  background: rgba(95,237,123, 0.04);
  border: 1px solid rgba(95,237,123, 0.1);
  transition: all 0.2s;
}

.client-mini:hover {
  background: rgba(95,237,123, 0.08);
}

.client-mini-avatar {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.85rem;
  color: white;
  flex-shrink: 0;
}

.client-mini-info { flex: 1; min-width: 0; }
.client-mini-info strong { display: block; font-family: var(--font-display); font-size: 0.95rem; }
.client-mini-info small { color: var(--text-500); font-size: 0.78rem; }

/* Activity feed */
.activity-row {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 10px 12px;
  border-radius: var(--radius-md);
  transition: all 0.2s;
}

.activity-row:hover { background: rgba(95,237,123, 0.04); }

.activity-row strong { font-family: var(--font-display); font-size: 0.92rem; }
.activity-row small { color: var(--text-500); font-size: 0.78rem; display: block; }

.activity-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-top: 6px;
  flex-shrink: 0;
  box-shadow: 0 0 8px currentColor;
  animation: pulse 2s infinite;
}

.activity-dot.ok { color: var(--success); background: currentColor; }
.activity-dot.info { color: var(--cyan-glow); background: currentColor; }
.activity-dot.warn { color: var(--warning); background: currentColor; }

/* Dashboard operacional */
.dashboard-chart-summary { display:flex; align-items:baseline; gap:9px; margin-bottom:14px; }
.dashboard-chart-summary strong { color:var(--text-100); font-family:var(--font-display); font-size:1.5rem; }
.dashboard-chart-summary span { color:var(--text-500); font-size:.78rem; }
.dashboard-chart-summary em { margin-left:auto; color:var(--accent); font-size:.72rem; font-style:normal; }
.dashboard-chart { min-height:126px; display:flex; align-items:flex-end; gap:6px; padding:6px 2px 0; border-bottom:1px solid rgba(95,237,123,.15); }
.dashboard-bar { flex:1; min-width:0; height:122px; display:flex; flex-direction:column; justify-content:flex-end; align-items:center; gap:6px; }
.dashboard-bar-stack { position:relative; width:min(18px,100%); height:94px; display:flex; align-items:flex-end; justify-content:center; }
.dashboard-bar-stack i,.dashboard-bar-stack b { position:absolute; bottom:0; display:block; border-radius:7px 7px 2px 2px; transition:height .35s ease; }
.dashboard-bar-stack i { width:100%; background:linear-gradient(180deg,var(--purple-400),rgba(44,196,75,.32)); box-shadow:0 0 13px rgba(95,237,123,.22); }
.dashboard-bar-stack b { width:48%; background:linear-gradient(180deg,var(--accent),rgba(49,230,85,.38)); z-index:1; }
.dashboard-bar small { color:var(--text-600); font-size:.61rem; white-space:nowrap; }
.dashboard-chart-legend { margin:11px 0 0; color:var(--text-500); font-size:.72rem; display:flex; align-items:center; gap:7px; }
.dashboard-chart-legend i,.dashboard-chart-legend b { width:8px; height:8px; border-radius:3px; display:inline-block; background:var(--purple-400); }
.dashboard-chart-legend b { margin-left:8px; background:var(--accent); }
.dashboard-runtime-line { padding:10px 12px; display:grid; grid-template-columns:8px auto 1fr; gap:8px; align-items:center; background:rgba(49,230,85,.05); border:1px solid rgba(49,230,85,.16); border-radius:var(--radius-md); margin-bottom:8px; }
.dashboard-runtime-line>span { width:7px; height:7px; border-radius:50%; background:var(--success); box-shadow:0 0 10px var(--success); }
.dashboard-runtime-line b { font-size:.8rem; }
.dashboard-runtime-line small { text-align:right; color:var(--text-500); font-size:.68rem; }
.dashboard-runtime-line.paused { background:rgba(248,113,113,.07); border-color:rgba(248,113,113,.22); }
.dashboard-runtime-line.paused>span { background:var(--danger); box-shadow:0 0 10px var(--danger); }
.dashboard-endpoint { text-decoration:none; color:inherit; }
.dashboard-endpoint i { color:var(--purple-300); font-size:1.1rem; font-style:normal; }
.dashboard-group-mini,.dashboard-capture-row { color:inherit; text-decoration:none; }
.dashboard-attention-list { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:10px; }
.dashboard-attention-item { display:grid; grid-template-columns:28px 1fr auto; align-items:center; gap:10px; padding:13px; border:1px solid rgba(95,237,123,.14); border-radius:var(--radius-md); text-decoration:none; color:inherit; background:rgba(95,237,123,.035); transition:.2s ease; }
.dashboard-attention-item:hover { transform:translateY(-1px); border-color:rgba(95,237,123,.42); background:rgba(95,237,123,.09); }
.dashboard-attention-item>span { width:26px; height:26px; display:grid; place-items:center; border-radius:50%; font-weight:800; color:var(--warning); background:rgba(251,191,36,.13); }
.dashboard-attention-item.danger>span { color:var(--danger); background:rgba(248,113,113,.13); }
.dashboard-attention-item.info>span { color:var(--cyan-glow); background:rgba(50,222,85,.13); }
.dashboard-attention-item strong,.dashboard-attention-item small { display:block; }
.dashboard-attention-item strong { font-size:.82rem; font-family:var(--font-display); }
.dashboard-attention-item small { color:var(--text-500); line-height:1.35; font-size:.7rem; margin-top:3px; }
.dashboard-attention-item>i { color:var(--purple-300); font-size:1.25rem; font-style:normal; }
.dashboard-all-good { display:flex; gap:12px; align-items:center; padding:10px 4px; }
.dashboard-all-good>span { width:32px; height:32px; display:grid; place-items:center; border-radius:50%; color:var(--success); background:rgba(49,230,85,.12); box-shadow:0 0 18px rgba(49,230,85,.16); font-weight:800; }
.dashboard-all-good strong,.dashboard-all-good small { display:block; }
.dashboard-all-good small { color:var(--text-500); font-size:.75rem; margin-top:2px; }
@media (max-width:680px) { .dashboard-chart { gap:3px; } .dashboard-bar small { display:none; } .dashboard-runtime-line { grid-template-columns:8px 1fr; } .dashboard-runtime-line small { grid-column:2; text-align:left; } }

/* ========================================================================== 
   DASHBOARD V2 · COMMAND CENTER
   ========================================================================== */
.dashboard-v2{--dash-cyan:#62E37C;--dash-violet:#88f79e;--dash-rose:#ff729f;--dash-amber:#ffca68;--dash-ink:#0F2315;display:flex;flex-direction:column;gap:18px;padding-bottom:56px}
.dashboard-command-hero,.dashboard-glass-panel,.dashboard-metric-card,.dashboard-system-strip{position:relative;overflow:hidden;border:1px solid rgba(162,247,179,.14);background:linear-gradient(145deg,rgba(23,56,32,.86),rgba(19,65,28,.76));box-shadow:0 22px 55px rgba(5,20,9,.22),inset 0 1px 0 rgba(255,255,255,.035);backdrop-filter:blur(22px)}
.dashboard-command-hero{min-height:330px;border-radius:28px;padding:40px 44px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);align-items:center;background:radial-gradient(circle at 83% 22%,rgba(98,227,124,.12),transparent 23%),radial-gradient(circle at 69% 105%,rgba(255,114,159,.11),transparent 30%),linear-gradient(135deg,rgba(19,55,29,.95),rgba(20,71,30,.92))}
.dashboard-command-hero:before{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(98,227,124,.09);border-radius:50%;right:-82px;top:-240px;box-shadow:0 0 0 55px rgba(136,247,158,.025),0 0 0 110px rgba(98,227,124,.018)}
.dashboard-command-copy{position:relative;z-index:1}.dashboard-kicker,.dashboard-section-kicker{display:flex;align-items:center;gap:9px;color:var(--dash-cyan);font:700 .66rem/1.2 var(--font-mono);letter-spacing:.22em;text-transform:uppercase}.dashboard-kicker i{width:7px;height:7px;border-radius:50%;background:var(--dash-cyan);box-shadow:0 0 16px var(--dash-cyan)}
.dashboard-command-copy h1{max-width:790px;margin:18px 0 13px;color:#F8FEF9;font:800 clamp(2.15rem,3.4vw,4.05rem)/.98 var(--font-display);letter-spacing:-.055em}.dashboard-command-copy h1 span{background:linear-gradient(90deg,#fff 5%,#B0F8BE 48%,#bbfbc8 92%);-webkit-background-clip:text;background-clip:text;color:transparent}.dashboard-command-copy>p{max-width:680px;margin:0;color:#B1D2B8;font-size:.98rem;line-height:1.65}
.dashboard-command-actions{display:flex;align-items:center;gap:10px;margin-top:26px}.dashboard-action,.dashboard-icon-action{border:1px solid rgba(162,247,179,.17);border-radius:13px;background:rgba(255,255,255,.035);color:#ECFDEF;text-decoration:none;cursor:pointer;transition:.2s ease}.dashboard-action{min-height:43px;padding:0 17px;display:inline-flex;align-items:center;gap:9px;font-size:.78rem;font-weight:750}.dashboard-action.primary{background:linear-gradient(100deg,rgba(98,227,124,.17),rgba(136,247,158,.18));border-color:rgba(98,227,124,.32)}.dashboard-action:hover,.dashboard-icon-action:hover{transform:translateY(-2px);border-color:rgba(98,227,124,.5);background:rgba(98,227,124,.08)}.dashboard-icon-action{width:43px;height:43px;font-size:1.05rem}
.dashboard-live-orbit{position:relative;z-index:1;display:grid;place-items:center}.dashboard-orbit-ring{--dashboard-rate:0deg;width:205px;height:205px;padding:12px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--dash-cyan) 0 var(--dashboard-rate),rgba(136,247,158,.15) var(--dashboard-rate) 360deg);box-shadow:0 0 60px rgba(98,227,124,.08);transition:background .5s ease}.dashboard-orbit-ring:before{content:"";position:absolute;width:176px;height:176px;border-radius:50%;background:linear-gradient(145deg,#14371E,#174e22);border:1px solid rgba(255,255,255,.08)}.dashboard-orbit-ring>div{position:relative;text-align:center;z-index:1}.dashboard-orbit-ring strong,.dashboard-orbit-ring span{display:block}.dashboard-orbit-ring strong{font:800 2.3rem/1 var(--font-display);letter-spacing:-.05em;color:#fff}.dashboard-orbit-ring span{width:110px;margin-top:7px;color:#86AC8D;font-size:.66rem;line-height:1.35}.dashboard-orbit-status{width:min(310px,100%);margin-top:18px;padding:12px 14px;display:flex;align-items:center;gap:10px;border:1px solid rgba(98,227,124,.15);border-radius:14px;background:rgba(9,33,16,.42)}.dashboard-orbit-status>i{width:9px;height:9px;flex:none;border-radius:50%;background:var(--dash-cyan);box-shadow:0 0 16px var(--dash-cyan);animation:dashPulse 1.8s infinite}.dashboard-orbit-status strong,.dashboard-orbit-status span{display:block}.dashboard-orbit-status strong{font-size:.73rem;color:#EBFDEE}.dashboard-orbit-status span{margin-top:3px;color:#779B7E;font-size:.62rem}
.dashboard-metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.dashboard-metric-card{min-width:0;min-height:145px;padding:19px;border-radius:19px;text-align:left;cursor:pointer;color:inherit;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr auto;border-color:rgba(162,247,179,.12);transition:.23s ease}.dashboard-metric-card:before{content:"";position:absolute;inset:auto 15% -1px; height:1px;background:linear-gradient(90deg,transparent,var(--dash-cyan),transparent);opacity:.7}.dashboard-metric-card:hover{transform:translateY(-3px);border-color:rgba(98,227,124,.32);box-shadow:0 22px 60px rgba(4,24,10,.32)}.dashboard-metric-icon{width:33px;height:33px;border-radius:10px;display:grid;place-items:center;font-size:.95rem;background:rgba(98,227,124,.09);color:var(--dash-cyan)}.dashboard-metric-icon.amber{color:var(--dash-amber);background:rgba(255,202,104,.09)}.dashboard-metric-icon.rose{color:var(--dash-rose);background:rgba(255,114,159,.09)}.dashboard-metric-icon.violet{color:#acfabc;background:rgba(136,247,158,.1)}.dashboard-metric-label{align-self:center;margin-left:10px;color:#92B599;font-size:.67rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.dashboard-metric-card>i{color:#5C8263;font-style:normal}.dashboard-metric-card>strong{grid-column:1/4;align-self:end;margin-top:13px;color:#F7FEF8;font:800 2rem/1 var(--font-display);letter-spacing:-.045em}.dashboard-metric-card>small{grid-column:1/4;margin-top:7px;color:#82A589;font-size:.64rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dashboard-system-strip{border-radius:18px;padding:9px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.dashboard-system-strip a{min-width:0;padding:11px 13px;border-radius:12px;text-decoration:none;color:inherit;display:grid;grid-template-columns:8px 1fr;gap:2px 9px;transition:.2s ease}.dashboard-system-strip a:hover{background:rgba(255,255,255,.04)}.dashboard-system-strip i{grid-row:1/3;align-self:center;width:7px;height:7px;border-radius:50%;background:var(--dash-cyan);box-shadow:0 0 12px currentColor}.dashboard-system-strip i.mint{color:#63DC7B;background:currentColor}.dashboard-system-strip i.rose{color:var(--dash-rose);background:currentColor}.dashboard-system-strip i.violet{color:var(--dash-violet);background:currentColor}.dashboard-system-strip i.amber{color:var(--dash-amber);background:currentColor}.dashboard-system-strip span{font-size:.6rem;color:#749A7B}.dashboard-system-strip strong{font-size:.7rem;color:#E1F9E6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dashboard-core-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,.7fr);gap:14px}.dashboard-glass-panel{border-radius:22px;padding:0}.dashboard-glass-panel>header{min-height:78px;padding:19px 21px;border-bottom:1px solid rgba(162,247,179,.1);display:flex;align-items:center;justify-content:space-between;gap:15px}.dashboard-glass-panel>header h2{margin:5px 0 0;color:#EFFEF2;font:750 1rem/1.2 var(--font-display)}.dashboard-glass-panel>header p{margin:5px 0 0;color:#759B7C;font-size:.65rem}.dashboard-glass-panel>header>a{color:#90C09A;text-decoration:none;font-size:.66rem;transition:.2s}.dashboard-glass-panel>header>a:hover{color:var(--dash-cyan)}.dashboard-activity-panel #link-volume-panel{padding:18px 21px 20px;min-height:210px}.dashboard-range-switch{padding:4px;border:1px solid rgba(162,247,179,.12);border-radius:11px;background:rgba(9,29,15,.42);display:flex}.dashboard-range-switch button{border:0;border-radius:8px;padding:7px 10px;background:transparent;color:#7CA183;font-size:.62rem;cursor:pointer}.dashboard-range-switch button.active{color:#E1FBE6;background:rgba(98,227,124,.12)}.dashboard-live-badge{padding:7px 9px;border-radius:9px;background:rgba(98,227,124,.07);color:#95BD9D;font-size:.58rem}.dashboard-live-badge i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:var(--dash-cyan);box-shadow:0 0 10px var(--dash-cyan)}
.dashboard-chart{height:132px;min-height:132px}.dashboard-bar-stack i{background:linear-gradient(180deg,#88f79e,rgba(136,247,158,.2))}.dashboard-bar-stack b{background:linear-gradient(180deg,#62E37C,rgba(98,227,124,.3))}.dashboard-chart-summary strong{color:#F3FEF5}.dashboard-chart-summary em{color:var(--dash-cyan)}
.dashboard-flow-panel #queue-status-body{padding:15px}.dashboard-flow-state{padding:12px;border:1px solid rgba(98,227,124,.14);border-radius:13px;background:rgba(98,227,124,.045);display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:10px}.dashboard-flow-state>i{width:7px;height:7px;border-radius:50%;background:var(--dash-cyan);box-shadow:0 0 12px var(--dash-cyan)}.dashboard-flow-state strong,.dashboard-flow-state small{display:block}.dashboard-flow-state strong{color:#EAFDEE;font-size:.7rem}.dashboard-flow-state small{margin-top:3px;color:#759A7C;font-size:.58rem}.dashboard-flow-state>a{color:#95C49F;text-decoration:none;font-size:.6rem}.dashboard-flow-state.paused{border-color:rgba(255,114,159,.2);background:rgba(255,114,159,.06)}.dashboard-flow-state.paused>i{background:var(--dash-rose);box-shadow:0 0 12px var(--dash-rose)}.dashboard-flow-steps{display:grid;gap:7px;margin-top:10px}.dashboard-flow-steps>a{padding:10px;border-radius:12px;display:grid;grid-template-columns:26px 1fr auto;align-items:center;gap:9px;text-decoration:none;color:inherit;border:1px solid rgba(162,247,179,.09);background:rgba(255,255,255,.018);transition:.2s}.dashboard-flow-steps>a:hover{border-color:rgba(98,227,124,.25);transform:translateX(2px)}.dashboard-flow-steps>a>span{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;color:var(--dash-cyan);font:700 .6rem var(--font-mono);background:rgba(98,227,124,.08)}.dashboard-flow-steps strong,.dashboard-flow-steps small{display:block}.dashboard-flow-steps strong{font-size:.68rem;color:#DEF5E3}.dashboard-flow-steps small{margin-top:2px;color:#678C6F;font-size:.56rem}.dashboard-flow-steps b{font:750 .84rem var(--font-display);color:#fff}
.dashboard-insights-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.dashboard-insight-list,.dashboard-attention-list{padding:12px}.dashboard-insight-row{padding:9px 8px;display:grid;grid-template-columns:25px 1fr auto;align-items:center;gap:9px;border-bottom:1px solid rgba(162,247,179,.07)}.dashboard-insight-row:last-child{border-bottom:0}.dashboard-insight-rank{color:#567A5D;font:650 .55rem var(--font-mono)}.dashboard-insight-row>div strong{display:block;color:#DAF0DE;font-size:.65rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-insight-row>div>span{display:block;height:3px;margin-top:6px;border-radius:5px;background:rgba(162,247,179,.08);overflow:hidden}.dashboard-insight-row>div>span i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,var(--dash-cyan),var(--dash-violet))}.dashboard-insight-row>b{color:#9FC6A7;font:700 .64rem var(--font-mono)}.dashboard-insight-empty{padding:30px 18px;text-align:center;color:#6B8E72;font-size:.66rem}.dashboard-health-chip{padding:6px 8px;border-radius:9px;color:#91BB99;background:rgba(162,247,179,.07);font-size:.57rem}.dashboard-health-chip.ok{color:#6EDF84;background:rgba(110,223,132,.08)}.dashboard-health-chip.warn{color:#ffd074;background:rgba(255,208,116,.08)}.dashboard-health-chip.danger{color:#ff829f;background:rgba(255,130,159,.08)}.dashboard-attention-item{grid-template-columns:26px 1fr auto;padding:10px;background:transparent}.dashboard-all-good{padding:28px 20px}
.dashboard-community-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.dashboard-compact-list{padding:12px;display:grid;gap:7px}.dashboard-compact-list .client-mini,.dashboard-compact-list .activity-row{margin:0;padding:10px;border:1px solid rgba(162,247,179,.08);border-radius:12px;background:rgba(255,255,255,.018)}.dashboard-plan-panel{margin:0!important;border-color:rgba(98,227,124,.16)!important;background:linear-gradient(120deg,rgba(22,64,34,.65),rgba(20,70,30,.75))!important}.dashboard-plan-panel #dashboard-plan-usage{padding:18px}

/* Dashboard — ilha sticky de consumo do plano */
.dashboard-plan-island{position:sticky;top:10px;z-index:45;margin:-5px 0 2px;isolation:isolate}.dashboard-plan-island:before{content:"";position:absolute;inset:-8px -10px;z-index:-1;border-radius:23px;background:linear-gradient(180deg,rgba(9,28,14,.78),rgba(9,28,14,0));filter:blur(6px);pointer-events:none}.plan-island-shell{--plan-tone:#62E37C;overflow:hidden;border:1px solid color-mix(in srgb,var(--plan-tone) 28%,rgba(162,247,179,.16));border-radius:18px;background:linear-gradient(115deg,rgba(15,49,25,.88),rgba(18,63,27,.82));box-shadow:0 18px 48px rgba(4,23,9,.28),inset 0 1px rgba(255,255,255,.05);backdrop-filter:blur(25px) saturate(145%);-webkit-backdrop-filter:blur(25px) saturate(145%);transition:border-color .25s,box-shadow .25s}.plan-island-shell.warning{--plan-tone:#ffca68}.plan-island-shell.danger,.plan-island-shell.blocked{--plan-tone:#ff729f}.plan-island-shell:before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:linear-gradient(180deg,transparent,var(--plan-tone),transparent);box-shadow:0 0 18px var(--plan-tone)}.plan-island-summary{min-height:68px;padding:10px 12px 10px 15px;display:grid;grid-template-columns:minmax(195px,.72fr) minmax(210px,.88fr) minmax(270px,1fr) auto;align-items:center;gap:16px}.plan-island-brand{display:flex;align-items:center;gap:11px}.plan-island-orbit{width:36px;height:36px;flex:none;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--plan-tone) 28%,transparent);border-radius:12px;background:color-mix(in srgb,var(--plan-tone) 8%,rgba(10,33,17,.8))}.plan-island-orbit:before,.plan-island-orbit i{content:"";display:block;border-radius:50%}.plan-island-orbit:before{width:17px;height:17px;border:1px solid color-mix(in srgb,var(--plan-tone) 55%,transparent);animation:planOrbit 2.8s linear infinite}.plan-island-orbit i{position:absolute;width:6px;height:6px;background:var(--plan-tone);box-shadow:0 0 13px var(--plan-tone)}.plan-island-brand small,.plan-island-brand strong{display:block}.plan-island-brand small{color:#79A181;font:650 .51rem var(--font-mono);letter-spacing:.15em}.plan-island-brand strong{margin-top:4px;color:#ECFDEF;font-size:.72rem}.plan-island-peak{min-width:0}.plan-island-peak>span{display:block;color:#6C9273;font-size:.52rem}.plan-island-peak>strong{display:flex;justify-content:space-between;gap:8px;margin-top:3px;color:#DDF6E2;font-size:.64rem}.plan-island-peak>strong b{color:var(--plan-tone);font:700 .62rem var(--font-mono)}.plan-island-peak>i{display:block;height:3px;margin-top:7px;overflow:hidden;border-radius:9px;background:rgba(162,247,179,.1)}.plan-island-peak>i em,.plan-island-meter>i em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--plan-tone),color-mix(in srgb,var(--plan-tone) 60%,#88f79e));box-shadow:0 0 12px color-mix(in srgb,var(--plan-tone) 45%,transparent);transition:width .5s ease}.plan-island-quick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.plan-island-quick>span{min-width:0;padding:7px 9px;border:1px solid rgba(162,247,179,.08);border-radius:10px;background:rgba(255,255,255,.025)}.plan-island-quick small,.plan-island-quick b{display:block}.plan-island-quick small{color:#719578;font-size:.48rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plan-island-quick b{margin-top:3px;color:#E8F8EB;font:700 .65rem var(--font-mono)}.plan-island-quick em{margin-left:2px;color:#678B6E;font-style:normal;font-size:.5rem}.plan-island-toggle{height:38px;padding:0 12px;display:flex;align-items:center;gap:8px;border:1px solid color-mix(in srgb,var(--plan-tone) 25%,rgba(162,247,179,.12));border-radius:11px;background:color-mix(in srgb,var(--plan-tone) 7%,rgba(9,29,15,.66));color:#DEF6E3;font-size:.6rem;font-weight:750;cursor:pointer;transition:.2s}.plan-island-toggle:hover{border-color:color-mix(in srgb,var(--plan-tone) 48%,transparent);transform:translateY(-1px)}.plan-island-toggle i{color:var(--plan-tone);font-style:normal;transition:transform .25s}.plan-island-shell.expanded .plan-island-toggle i{transform:rotate(180deg)}.plan-island-details{display:grid;grid-template-rows:0fr;padding:0 15px;opacity:0;border-top:1px solid transparent;transition:grid-template-rows .3s ease,opacity .2s,padding .3s,border-color .3s}.plan-island-details>*{overflow:hidden}.plan-island-shell.expanded .plan-island-details{grid-template-rows:1fr;padding:15px;opacity:1;border-top-color:rgba(162,247,179,.09)}.plan-island-details-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.plan-island-details-head strong,.plan-island-details-head small{display:block}.plan-island-details-head strong{color:#EAFAED;font-size:.72rem}.plan-island-details-head small{margin-top:3px;color:#719578;font-size:.54rem}.plan-island-details-head a{padding:8px 10px;border:1px solid rgba(98,227,124,.16);border-radius:9px;color:#B3E7BD;text-decoration:none;font-size:.56rem}.plan-island-details-head a span{margin-left:6px;color:var(--plan-tone)}.plan-island-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:12px}.plan-island-meter{min-width:0;padding:10px;border:1px solid rgba(162,247,179,.08);border-radius:12px;background:rgba(255,255,255,.02)}.plan-island-meter>div{display:flex;align-items:center;justify-content:space-between;gap:6px}.plan-island-meter span{color:#88AA8F;font-size:.52rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plan-island-meter b{color:#E8F8EB;font:700 .58rem var(--font-mono);white-space:nowrap}.plan-island-meter b small{color:#618568}.plan-island-meter>i{display:block;height:3px;margin-top:8px;overflow:hidden;border-radius:9px;background:rgba(162,247,179,.09)}.plan-island-meter>small{display:block;margin-top:5px;color:#63886A;font-size:.47rem}.plan-island-meter.is-warning>small{color:#f6b7c9}@keyframes planOrbit{to{transform:rotate(360deg)}}
@media(max-width:1180px){.plan-island-summary{grid-template-columns:minmax(190px,.8fr) minmax(190px,1fr) auto}.plan-island-quick{display:none}.plan-island-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.dashboard-plan-island{top:6px}.plan-island-summary{grid-template-columns:1fr auto}.plan-island-peak{display:none}.plan-island-brand strong{font-size:.66rem}.plan-island-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:460px){.plan-island-brand small{max-width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plan-island-grid{grid-template-columns:1fr}.plan-island-details-head{align-items:flex-start;flex-direction:column}}

/* O estado compacto não reserva a altura do painel detalhado. */
.plan-island-details{display:none;grid-template-rows:none;padding:0 15px;opacity:0}
.plan-island-shell.expanded .plan-island-details{display:block;grid-template-rows:none;padding:15px;opacity:1;animation:planDetailsIn .26s ease}
@keyframes planDetailsIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

/* A mesma ilha atende todas as rotas; os banners legados deixam de ocupar espaço. */
.global-plan-island{width:100%;margin:0 0 14px}
.route-plan-notice{display:none!important}

/* Disparo V2 — composição e revisão em uma bancada operacional */
.dispatch-v2,.templates-v2{--studio-cyan:#64E37D;--studio-blue:#7DF495;--studio-rose:#ff7fa8;--studio-amber:#ffd174;display:grid;gap:15px}.dispatch-hero-v2,.templates-hero-v2{position:relative;overflow:hidden;min-height:260px;padding:34px;border:1px solid rgba(129,229,149,.16);border-radius:25px;background:radial-gradient(circle at 85% 15%,rgba(114,246,140,.18),transparent 33%),linear-gradient(120deg,rgba(18,54,28,.94),rgba(20,67,29,.88));box-shadow:0 28px 75px rgba(4,26,10,.27)}.dispatch-hero-v2:after,.templates-hero-v2:after{content:"";position:absolute;width:290px;height:290px;right:5%;top:-150px;border:38px solid rgba(100,227,125,.025);border-radius:50%}.dispatch-hero-v2{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.65fr);align-items:center;gap:35px}.dispatch-kicker-v2,.templates-kicker-v2{display:inline-flex;align-items:center;gap:8px;color:var(--studio-cyan);font:650 .58rem var(--font-mono);letter-spacing:.24em}.dispatch-kicker-v2 i,.templates-kicker-v2 i{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 13px currentColor}.dispatch-hero-v2 h1,.templates-hero-v2 h1{margin:15px 0 10px;color:#F5FEF7;font:800 clamp(2rem,3.4vw,3.55rem)/.98 var(--font-display);letter-spacing:-.055em}.dispatch-hero-v2 h1 em,.templates-hero-v2 h1 em{color:transparent;font-style:normal;background:linear-gradient(90deg,#84EA98,#97f8aa,#ff91b4);-webkit-background-clip:text;background-clip:text}.dispatch-hero-v2>div>p,.templates-hero-v2>div>p{max-width:760px;margin:0;color:#96BA9D;font-size:.77rem;line-height:1.65}.dispatch-flow-v2,.templates-flow-v2{display:flex;align-items:center;gap:9px;margin-top:25px}.dispatch-flow-v2 span,.templates-flow-v2 span{display:flex;align-items:center;gap:7px;color:#C2E1C8;font-size:.61rem}.dispatch-flow-v2 span b{width:23px;height:23px;display:grid;place-items:center;border:1px solid rgba(100,227,125,.22);border-radius:8px;color:var(--studio-cyan);background:rgba(100,227,125,.07);font:.65rem var(--font-mono)}.dispatch-flow-v2>i,.templates-flow-v2>i{color:#517D5A;font-style:normal}.dispatch-hero-actions-v2{position:relative;z-index:1;display:grid;gap:10px}.dispatch-hero-actions-v2 a{padding:15px;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:11px;border:1px solid rgba(129,229,149,.15);border-radius:15px;color:inherit;text-decoration:none;background:rgba(8,32,15,.32);backdrop-filter:blur(12px);transition:.2s}.dispatch-hero-actions-v2 a:hover{transform:translateX(3px);border-color:rgba(100,227,125,.35);background:rgba(100,227,125,.055)}.dispatch-hero-actions-v2 a>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;color:var(--studio-cyan);background:rgba(100,227,125,.075)}.dispatch-hero-actions-v2 strong,.dispatch-hero-actions-v2 small{display:block}.dispatch-hero-actions-v2 strong{color:#E9F9EC;font-size:.7rem}.dispatch-hero-actions-v2 small{margin-top:4px;color:#6C9173;font-size:.56rem}.dispatch-hero-actions-v2 a>i{color:#67906F;font-style:normal}.dispatch-metrics-v2,.templates-metrics-v2{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.dispatch-metrics-v2 article,.templates-metrics-v2 article{min-width:0;padding:15px 17px;border:1px solid rgba(129,229,149,.12);border-radius:16px;background:linear-gradient(140deg,rgba(20,52,29,.75),rgba(18,60,26,.67));box-shadow:inset 0 1px rgba(255,255,255,.035)}.dispatch-metrics-v2 article{display:flex;align-items:center;gap:12px}.dispatch-metrics-v2 article>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:var(--studio-cyan);background:rgba(100,227,125,.07)}.dispatch-metrics-v2 small,.dispatch-metrics-v2 strong,.templates-metrics-v2 small,.templates-metrics-v2 strong,.templates-metrics-v2 span{display:block}.dispatch-metrics-v2 small,.templates-metrics-v2 small{color:#6C9173;font-size:.54rem}.dispatch-metrics-v2 strong{margin-top:4px;color:#EFFEF2;font-size:.78rem}.dispatch-workspace-v2{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(350px,.72fr);gap:14px;align-items:stretch}.dispatch-composer-v2,.dispatch-preview-panel-v2,.templates-library-v2{overflow:hidden;border:1px solid rgba(129,229,149,.14);border-radius:23px;background:linear-gradient(145deg,rgba(18,48,26,.84),rgba(17,59,25,.77));box-shadow:0 22px 65px rgba(4,24,10,.2)}.dispatch-composer-v2>header,.dispatch-preview-panel-v2>header,.templates-library-v2>header{min-height:78px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid rgba(129,229,149,.09);background:rgba(255,255,255,.012)}.dispatch-composer-v2>header>div,.dispatch-preview-panel-v2>header>div,.templates-library-v2>header>div{display:flex;align-items:center;gap:11px}.dispatch-section-icon-v2{width:35px;height:35px;display:grid;place-items:center;border:1px solid rgba(100,227,125,.15);border-radius:11px;color:var(--studio-cyan);background:rgba(100,227,125,.06)}.dispatch-composer-v2 h2,.dispatch-preview-panel-v2 h2,.templates-library-v2 h2{margin:0;color:#ECFBEF;font-size:.82rem}.dispatch-composer-v2 header small,.dispatch-preview-panel-v2 header small,.templates-library-v2 header small{display:block;margin-top:4px;color:#678C6F;font-size:.55rem}.dispatch-secure-v2,.dispatch-live-v2{padding:7px 9px;border-radius:9px;color:#83AA8B;background:rgba(100,227,125,.05);font-size:.52rem}.dispatch-secure-v2 i,.dispatch-live-v2 i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:var(--studio-cyan);box-shadow:0 0 10px var(--studio-cyan)}.dispatch-form-v2{padding:20px;display:grid;gap:15px}.dispatch-field-grid-v2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dispatch-form-v2 .form-field{margin:0}.dispatch-form-v2 .form-field>label,.dispatch-message-head-v2>label{color:#96B99D;font:650 .56rem var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.dispatch-form-v2 .input,.dispatch-form-v2 .select,.dispatch-message-v2{border-color:rgba(129,229,149,.14)!important;border-radius:12px!important;background:rgba(8,29,14,.36)!important}.dispatch-message-head-v2{display:flex;align-items:center;justify-content:space-between;margin-bottom:-8px}.dispatch-message-head-v2 span{color:#668B6E;font:500 .53rem var(--font-mono)}.dispatch-message-v2{min-height:190px;padding:15px!important;line-height:1.65;resize:vertical}.dispatch-compose-footer-v2{padding:13px;display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid rgba(100,227,125,.11);border-radius:14px;background:rgba(100,227,125,.035)}.dispatch-compose-footer-v2>div{display:flex;align-items:center;gap:9px}.dispatch-compose-footer-v2>div>span{color:var(--studio-cyan)}.dispatch-compose-footer-v2 p{margin:0}.dispatch-compose-footer-v2 strong,.dispatch-compose-footer-v2 small{display:block}.dispatch-compose-footer-v2 strong{color:#DDF3E1;font-size:.63rem}.dispatch-compose-footer-v2 small{margin-top:3px;color:#6B9073;font-size:.52rem}.dispatch-compose-footer-v2>button,.template-card-v2 footer button,.templates-hero-side-v2 button{min-height:39px;padding:0 13px;border:1px solid rgba(100,227,125,.24);border-radius:11px;color:#E2FCE7;background:linear-gradient(110deg,rgba(100,227,125,.1),rgba(151,248,170,.1));font-size:.62rem;font-weight:750;cursor:pointer;transition:.2s}.dispatch-compose-footer-v2>button:hover,.template-card-v2 footer button:hover,.templates-hero-side-v2 button:hover{transform:translateY(-2px);border-color:rgba(100,227,125,.48)}.dispatch-compose-footer-v2>button span{margin-left:7px;color:var(--studio-cyan)}.dispatch-preview-panel-v2 #dispatch-preview{min-height:540px;padding:18px;background:radial-gradient(circle at 20% 10%,rgba(100,227,125,.045),transparent 30%),rgba(7,25,12,.26)}.dispatch-preview-empty-v2{min-height:500px;display:grid;place-content:center;justify-items:center;text-align:center}.dispatch-preview-empty-v2>span{width:56px;height:56px;display:grid;place-items:center;border:1px solid rgba(100,227,125,.16);border-radius:18px;color:var(--studio-cyan);background:rgba(100,227,125,.05);font-size:1.25rem}.dispatch-preview-empty-v2 strong{margin-top:14px;color:#DEF4E2;font-size:.75rem}.dispatch-preview-empty-v2 small{margin-top:6px;color:#698E71;font-size:.58rem}.dispatch-phone-v2{max-width:390px;margin:auto;overflow:hidden;border:1px solid rgba(129,229,149,.16);border-radius:22px;background:#0D2614;box-shadow:0 24px 55px rgba(0,0,0,.3)}.dispatch-phone-top-v2{height:64px;padding:10px 12px;display:grid;grid-template-columns:auto 37px 1fr auto;align-items:center;gap:9px;background:linear-gradient(100deg,rgba(33,72,41,.95),rgba(25,84,37,.95))}.dispatch-phone-top-v2>span,.dispatch-phone-top-v2>i{color:#9FBCA5;font-size:1.1rem;font-style:normal}.dispatch-phone-top-v2>b{width:37px;height:37px;display:grid;place-items:center;border-radius:50%;color:#0B2813;background:linear-gradient(135deg,var(--studio-cyan),#98F6AB);font:.67rem var(--font-mono)}.dispatch-phone-top-v2 strong,.dispatch-phone-top-v2 small{display:block}.dispatch-phone-top-v2 strong{max-width:210px;overflow:hidden;color:#F0FEF3;font-size:.67rem;text-overflow:ellipsis;white-space:nowrap}.dispatch-phone-top-v2 small{margin-top:3px;color:#8DAB93;font-size:.5rem}.dispatch-chat-v2{min-height:390px;padding:19px 13px;background:radial-gradient(circle at 80% 15%,rgba(78,136,89,.12),transparent 34%),linear-gradient(160deg,#132919,#122618)}.dispatch-media-preview-v2{padding:11px;display:flex;gap:9px;align-items:center;border-radius:12px 12px 4px 12px;background:#296836;color:#fff}.dispatch-media-preview-v2>span{font-size:1.25rem}.dispatch-media-preview-v2 strong,.dispatch-media-preview-v2 small{display:block}.dispatch-media-preview-v2 strong{font-size:.63rem}.dispatch-media-preview-v2 small{max-width:250px;margin-top:4px;overflow:hidden;color:#BCE0C3;font-size:.5rem;text-overflow:ellipsis;white-space:nowrap}.dispatch-wa-bubble-v2{position:relative;max-width:88%;margin:8px 0 0 auto;padding:12px 13px 22px;border-radius:13px 3px 13px 13px;color:#F5FEF7;background:linear-gradient(135deg,#388648,#268138);font-size:.68rem;line-height:1.55;box-shadow:0 8px 20px rgba(0,0,0,.15)}.dispatch-wa-bubble-v2>small{position:absolute;right:8px;bottom:5px;color:#BDE2C4;font-size:.46rem}.dispatch-phone-input-v2{height:52px;padding:8px 10px;display:flex;align-items:center;gap:9px;background:#0E2615}.dispatch-phone-input-v2>i{flex:1;padding:9px 12px;border-radius:20px;color:#64886B;background:#17311F;font-size:.56rem;font-style:normal}.dispatch-phone-input-v2>span,.dispatch-phone-input-v2>b{color:#8EAE94}.dispatch-history-cta-v2,.templates-rules-v2{padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid rgba(129,229,149,.12);border-radius:18px;background:linear-gradient(110deg,rgba(17,51,27,.72),rgba(20,70,30,.62))}.dispatch-history-cta-v2>div,.templates-rules-v2>div{display:flex;align-items:center;gap:13px}.dispatch-history-cta-v2>div>span,.templates-rules-v2>div>span{width:39px;height:39px;display:grid;place-items:center;border-radius:12px;color:var(--studio-cyan);background:rgba(100,227,125,.07)}.dispatch-history-cta-v2 small{color:var(--studio-cyan);font:.52rem var(--font-mono);letter-spacing:.12em}.dispatch-history-cta-v2 h3,.templates-rules-v2 h3{margin:4px 0;color:#E7F7EA;font-size:.76rem}.dispatch-history-cta-v2 p,.templates-rules-v2 p{margin:0;color:#729679;font-size:.57rem}.dispatch-history-cta-v2>a,.templates-rules-v2>a{padding:10px 12px;border:1px solid rgba(100,227,125,.16);border-radius:10px;color:#C4F3CD;text-decoration:none;font-size:.6rem;white-space:nowrap}

/* Templates V2 — biblioteca visual e editor premium */
.templates-hero-v2{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);align-items:center;gap:34px}.templates-flow-v2 span{padding:7px 9px;border:1px solid rgba(129,229,149,.11);border-radius:9px;background:rgba(255,255,255,.02)}.templates-hero-side-v2{position:relative;z-index:1;padding:21px;border:1px solid rgba(100,227,125,.14);border-radius:18px;background:rgba(7,31,14,.36);backdrop-filter:blur(12px)}.templates-hero-side-v2>span{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;color:var(--studio-cyan);background:rgba(100,227,125,.08);font-size:1.05rem}.templates-hero-side-v2 strong{display:block;margin-top:15px;color:#EEFEF1;font-size:.82rem}.templates-hero-side-v2 p{margin:7px 0 17px;color:#7CA184;font-size:.63rem;line-height:1.55}.templates-hero-side-v2 button{width:100%}.templates-metrics-v2 article{position:relative;overflow:hidden}.templates-metrics-v2 article:after{content:"";position:absolute;inset:auto 12% 0;height:1px;background:linear-gradient(90deg,transparent,var(--studio-cyan),transparent)}.templates-metrics-v2 strong{margin-top:7px;color:#F1FEF4;font:800 1.5rem var(--font-display)}.templates-metrics-v2 span{margin-top:4px;color:#618669;font-size:.51rem}.templates-library-v2>header>a{color:#ABE4B7;text-decoration:none;font-size:.58rem}.templates-live-dot-v2{width:9px;height:9px;border-radius:50%;background:var(--studio-cyan);box-shadow:0 0 14px var(--studio-cyan)}.templates-grid-v2{padding:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.template-card-v2{position:relative;min-width:0;padding:18px;display:flex;flex-direction:column;border:1px solid rgba(129,229,149,.11);border-radius:18px;background:linear-gradient(150deg,rgba(255,255,255,.025),rgba(7,27,13,.24));transition:.22s}.template-card-v2:before{content:"";position:absolute;inset:15% auto 15% 0;width:2px;border-radius:9px;background:linear-gradient(180deg,transparent,var(--studio-cyan),transparent);opacity:.7}.template-card-v2.coupon:before{--studio-cyan:var(--studio-amber)}.template-card-v2.writing:before{--studio-cyan:#98f8ab}.template-card-v2:hover{transform:translateY(-3px);border-color:rgba(100,227,125,.25);box-shadow:0 20px 50px rgba(4,23,9,.2)}.template-card-v2>header{display:grid;grid-template-columns:43px 1fr auto;align-items:center;gap:10px}.template-symbol-v2{width:43px;height:43px;display:grid;place-items:center;border:1px solid rgba(100,227,125,.18);border-radius:13px;color:var(--studio-cyan);background:rgba(100,227,125,.065);font:750 .7rem var(--font-mono)}.template-card-v2.coupon .template-symbol-v2{color:var(--studio-amber);border-color:rgba(255,209,116,.2);background:rgba(255,209,116,.065)}.template-card-v2.writing .template-symbol-v2{color:#b6fac3;border-color:rgba(152,248,171,.2);background:rgba(152,248,171,.07)}.template-card-v2 header small{color:#678B6E;font:.48rem var(--font-mono);letter-spacing:.1em}.template-card-v2 h3{margin:4px 0 0;color:#EEFCF1;font-size:.8rem}.template-card-v2>p{min-height:46px;margin:18px 0 13px;color:#8AAB91;font-size:.63rem;line-height:1.55}.template-capabilities-v2{display:flex;flex-wrap:wrap;gap:5px}.template-capabilities-v2 span{padding:5px 7px;border:1px solid rgba(129,229,149,.1);border-radius:8px;color:#82A78A;background:rgba(255,255,255,.018);font-size:.49rem}.template-summary-v2{min-height:76px;margin-top:16px;padding:11px;border:1px solid rgba(129,229,149,.08);border-radius:12px;background:rgba(7,26,12,.25)}.template-summary-v2>small{color:#5A7F62;font:.47rem var(--font-mono);letter-spacing:.1em}.template-summary-v2>p{display:-webkit-box;margin:7px 0 0;overflow:hidden;color:#ABC6B0;font:500 .57rem/1.5 var(--font-mono);-webkit-line-clamp:2;-webkit-box-orient:vertical}.template-card-v2>footer{margin-top:15px;padding-top:13px;display:flex;align-items:center;justify-content:space-between;gap:9px;border-top:1px solid rgba(129,229,149,.08)}.template-card-v2>footer>span{color:#6B9073;font-size:.49rem}.template-card-v2>footer>span i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:var(--studio-cyan);box-shadow:0 0 8px var(--studio-cyan)}.template-card-v2 footer button{min-height:35px}.template-card-v2 footer button b{margin-left:5px;color:var(--studio-cyan)}.templates-rules-v2>div>span{color:#6DDD83;background:rgba(109,221,131,.07)}
.templates-hero-side-v2 button:disabled{cursor:not-allowed;opacity:.48;transform:none;border-color:rgba(129,229,149,.15);color:#85A68C;background:rgba(94,141,104,.06)}

/* Editor e validação dos templates seguem a mesma linguagem visual. */
.modal.template-editor-open .modal-card{width:min(96vw,1120px);max-height:92vh;border:1px solid rgba(100,227,125,.18);border-radius:24px;background:linear-gradient(145deg,rgba(15,45,23,.98),rgba(18,63,27,.98));box-shadow:0 38px 110px rgba(0,0,0,.58)}.modal.template-editor-open .modal-card>header{position:sticky;top:0;z-index:4;min-height:76px;padding:18px 22px;border-bottom:1px solid rgba(129,229,149,.1);background:rgba(16,44,24,.9);backdrop-filter:blur(20px)}.modal.template-editor-open .modal-card>header h3{color:#EFFEF2;font-size:1rem}.modal.template-editor-open .modal-body{padding:20px;background:radial-gradient(circle at 90% 10%,rgba(100,227,125,.04),transparent 28%)}.modal.template-editor-open .template-editor-intro{padding:12px 14px;border:1px solid rgba(100,227,125,.12);border-radius:12px;color:#91B598;background:rgba(100,227,125,.035)}.modal.template-editor-open .template-editor-grid{grid-template-columns:minmax(0,1.2fr) minmax(330px,.72fr);gap:14px}.modal.template-editor-open .template-compose,.modal.template-editor-open .template-preview-card{padding:15px;border:1px solid rgba(129,229,149,.11);border-radius:17px;background:rgba(7,27,13,.25)}.modal.template-editor-open .template-editor-toolbar{padding:6px;border:1px solid rgba(129,229,149,.1);border-radius:11px;background:rgba(7,27,13,.28)}.modal.template-editor-open .template-editor-toolbar button{border-color:transparent;border-radius:8px;background:rgba(255,255,255,.025);color:#ADCDB3}.modal.template-editor-open #template-content{min-height:315px;border-color:rgba(129,229,149,.13);border-radius:13px;background:rgba(7,27,13,.36);line-height:1.6}.modal.template-editor-open .template-variable-list button{border-color:rgba(100,227,125,.13);border-radius:8px;color:#A3DAAE;background:rgba(100,227,125,.04)}.modal.template-editor-open .template-ai-section{border-color:rgba(152,248,171,.15);border-radius:15px;background:rgba(152,248,171,.035)}.modal.template-editor-open .template-ai-toggle{min-height:58px;background:transparent}.modal.template-editor-open .toggle-row{border:1px solid rgba(100,227,125,.12);border-radius:14px;background:rgba(100,227,125,.035)}
@media(max-width:1100px){.dispatch-workspace-v2{grid-template-columns:1fr}.dispatch-preview-panel-v2 #dispatch-preview{min-height:auto}.dispatch-preview-empty-v2{min-height:280px}.templates-grid-v2{grid-template-columns:1fr 1fr}}
@media(max-width:850px){.dispatch-hero-v2,.templates-hero-v2{grid-template-columns:1fr}.dispatch-metrics-v2,.templates-metrics-v2{grid-template-columns:1fr 1fr}.dispatch-hero-actions-v2{grid-template-columns:1fr 1fr}.modal.template-editor-open .template-editor-grid{grid-template-columns:1fr}}
@media(max-width:600px){.dispatch-hero-v2,.templates-hero-v2{padding:24px 20px}.dispatch-field-grid-v2,.templates-grid-v2,.dispatch-metrics-v2,.templates-metrics-v2,.dispatch-hero-actions-v2{grid-template-columns:1fr}.dispatch-compose-footer-v2,.dispatch-history-cta-v2,.templates-rules-v2{align-items:flex-start;flex-direction:column}.dispatch-compose-footer-v2>button,.dispatch-history-cta-v2>a,.templates-rules-v2>a{width:100%;justify-content:center}.dispatch-flow-v2,.templates-flow-v2{flex-wrap:wrap}}
.modal-overlay{position:fixed;inset:0;z-index:9000;padding:24px;display:grid;place-items:center;background:rgba(4,17,8,.76);backdrop-filter:blur(16px);animation:dashboardFade .2s ease}.modal-overlay.hidden{display:none!important}.modal-overlay>.modal{position:relative;width:min(1040px,95vw);max-height:90vh;overflow:hidden;border:1px solid rgba(162,247,179,.18);border-radius:25px;background:linear-gradient(145deg,rgba(19,49,27,.98),rgba(18,62,27,.98));box-shadow:0 35px 100px rgba(0,0,0,.55)}.dashboard-command-modal{width:min(1100px,95vw)!important}.dashboard-modal-header{position:sticky;top:0;z-index:2;padding:23px 25px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(162,247,179,.11);background:rgba(16,43,24,.92);backdrop-filter:blur(18px)}.dashboard-modal-header h2{margin:8px 0 4px;color:#F2FEF4;font:780 1.45rem var(--font-display)}.dashboard-modal-header p{margin:0;color:#80A687;font-size:.7rem}.dashboard-modal-header>div:last-child{display:flex;align-items:center;gap:8px}.dashboard-modal-refresh,.dashboard-modal-header .modal-close{border:1px solid rgba(162,247,179,.15);border-radius:11px;background:rgba(255,255,255,.035);color:#CEE8D3;cursor:pointer}.dashboard-modal-refresh{padding:9px 12px;font-size:.66rem}.dashboard-modal-header .modal-close{position:static;width:38px;height:38px;font-size:1.2rem}.dashboard-command-body{padding:22px!important;overflow:auto;max-height:calc(90vh - 105px)}.dashboard-command-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.dashboard-command-summary article{padding:15px;border:1px solid rgba(162,247,179,.11);border-radius:15px;background:rgba(255,255,255,.025)}.dashboard-command-summary span,.dashboard-command-summary strong,.dashboard-command-summary small{display:block}.dashboard-command-summary span{color:#7AA081;font-size:.6rem}.dashboard-command-summary strong{margin-top:8px;color:#F2FEF4;font:800 1.4rem var(--font-display)}.dashboard-command-summary small{margin-top:4px;color:#678A6E;font-size:.58rem}.dashboard-command-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.dashboard-command-columns>section{padding:16px;border:1px solid rgba(162,247,179,.1);border-radius:17px;background:rgba(7,27,13,.22)}.dashboard-command-columns h3{margin:0 0 12px;color:#E9F8EC;font-size:.8rem}.dashboard-command-alert,.dashboard-command-shortcuts>a{padding:11px;display:grid;align-items:center;gap:10px;text-decoration:none;color:inherit;border-radius:12px;border:1px solid rgba(162,247,179,.08);background:rgba(255,255,255,.02);margin-top:7px;transition:.2s}.dashboard-command-alert{grid-template-columns:7px 1fr auto}.dashboard-command-alert>i{width:7px;height:7px;border-radius:50%;background:var(--dash-amber)}.dashboard-command-alert.danger>i{background:var(--dash-rose)}.dashboard-command-alert strong,.dashboard-command-alert small,.dashboard-command-shortcuts strong,.dashboard-command-shortcuts small{display:block}.dashboard-command-alert strong,.dashboard-command-shortcuts strong{color:#E1F5E5;font-size:.68rem}.dashboard-command-alert small,.dashboard-command-shortcuts small{margin-top:3px;color:#6B9073;font-size:.58rem}.dashboard-command-shortcuts>a{grid-template-columns:30px 1fr auto}.dashboard-command-shortcuts>a>span:first-child{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;color:var(--dash-cyan);background:rgba(98,227,124,.07)}.dashboard-command-alert:hover,.dashboard-command-shortcuts>a:hover{border-color:rgba(98,227,124,.24);transform:translateX(2px)}.dashboard-command-clear{padding:20px;display:flex;gap:11px;align-items:center;color:#E1FBE6}.dashboard-command-clear>span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:#6CDF83;background:rgba(108,223,131,.09)}.dashboard-command-clear strong,.dashboard-command-clear small{display:block}.dashboard-command-clear small{margin-top:3px;color:#74997C;font-size:.62rem}.dashboard-metric-modal{width:min(620px,92vw)!important}.dashboard-metric-modal .modal-body{padding:24px}.dashboard-metric-detail>strong{display:block;color:#F6FEF7;font:800 3rem/1 var(--font-display);letter-spacing:-.05em}.dashboard-metric-detail p{margin:16px 0;color:#9DC0A4;line-height:1.65;font-size:.78rem}.dashboard-metric-detail a{display:inline-flex;padding:10px 13px;border-radius:10px;text-decoration:none;color:#D3FBDB;background:rgba(98,227,124,.08);border:1px solid rgba(98,227,124,.18);font-size:.68rem}
@keyframes dashboardFade{from{opacity:0}to{opacity:1}}@keyframes dashPulse{50%{opacity:.45;transform:scale(.8)}}
@media(max-width:1200px){.dashboard-command-hero{grid-template-columns:1fr 280px}.dashboard-metrics-grid{grid-template-columns:repeat(2,1fr)}.dashboard-insights-grid{grid-template-columns:1fr 1fr}.dashboard-insights-grid>section:last-child{grid-column:1/-1}.dashboard-system-strip{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.dashboard-command-hero{padding:30px;grid-template-columns:1fr}.dashboard-live-orbit{margin-top:25px}.dashboard-core-grid,.dashboard-community-grid,.dashboard-command-columns{grid-template-columns:1fr}.dashboard-system-strip{grid-template-columns:1fr 1fr}.dashboard-command-summary{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.dashboard-command-hero{padding:24px 20px}.dashboard-command-copy h1{font-size:2.15rem}.dashboard-command-actions{align-items:stretch;flex-wrap:wrap}.dashboard-action{flex:1;justify-content:center}.dashboard-metrics-grid,.dashboard-insights-grid,.dashboard-system-strip{grid-template-columns:1fr}.dashboard-insights-grid>section:last-child{grid-column:auto}.dashboard-command-summary{grid-template-columns:1fr}.dashboard-glass-panel>header{align-items:flex-start;flex-direction:column}.dashboard-range-switch{width:100%;justify-content:space-between}.dashboard-range-switch button{flex:1}}

/* Evolution Connection */
.session-strategy-card {
  display: flex;
  flex-direction: column;
  min-height: 260px;
}

.session-strategy-card .endpoint { margin-bottom: 18px; }

.session-strategy-action {
  width: 100%;
  margin-top: auto;
  padding: 15px 16px;
  border: 1px solid rgba(95,237,123, 0.24);
  border-radius: var(--radius-md);
  background: linear-gradient(135deg, rgba(95,237,123, 0.11), rgba(50,222,85, 0.04));
  color: var(--text-100);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  text-align: left;
  transition: all 0.25s var(--ease-out);
}

.session-strategy-action:hover {
  transform: translateY(-2px);
  border-color: rgba(139,245,160, 0.55);
  box-shadow: 0 12px 32px rgba(34,129,53, 0.25);
}

.session-strategy-action > span:first-child { display: flex; flex-direction: column; gap: 3px; }
.session-strategy-action strong { font-family: var(--font-display); font-size: 0.88rem; }
.session-strategy-action small { color: var(--text-400); font-size: 0.74rem; }
.session-strategy-action > span:last-child { color: var(--purple-300); font-size: 1.25rem; }

.session-connect-modal {
  position: fixed;
  inset: 0;
  z-index: 210;
  pointer-events: none;
  visibility: hidden;
}

.session-connect-modal.open {
  pointer-events: auto;
  visibility: visible;
}

.session-connect-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(2,14,5, 0.82);
  backdrop-filter: blur(16px);
  opacity: 0;
  transition: opacity 0.28s ease;
}

.session-connect-modal.open .session-connect-backdrop { opacity: 1; }

.session-connect-dialog {
  position: absolute;
  top: 50%;
  left: 50%;
  width: min(95vw, 1080px);
  max-height: 94vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid rgba(95,237,123, 0.34);
  border-radius: var(--radius-xl);
  background: rgba(6,26,10, 0.98);
  box-shadow: 0 45px 120px rgba(0, 0, 0, 0.68), var(--glow-md);
  transform: translate(-50%, -46%) scale(0.96);
  opacity: 0;
  transition: all 0.3s var(--ease-spring);
}

.session-connect-modal.open .session-connect-dialog {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
}

.session-connect-dialog::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(circle at 12% 8%, rgba(95,237,123, 0.13), transparent 34%);
}

.session-connect-header {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  padding: 22px 26px;
  border-bottom: 1px solid rgba(95,237,123, 0.16);
  background: rgba(6,22,10, 0.74);
}

.session-connect-header h2 {
  margin: 3px 0 4px;
  font-family: var(--font-display);
  font-size: 1.35rem;
}

.session-connect-header p { color: var(--text-400); font-size: 0.84rem; }

.session-connect-body {
  position: relative;
  z-index: 1;
  padding: 22px;
  overflow-y: auto;
}

.session-mode-picker {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-bottom: 18px;
}

.session-connect-modal.strategy-combined .session-mode-option:not([data-session-mode="COMBINED"]),
.session-connect-modal.strategy-specialized .session-mode-option[data-session-mode="COMBINED"] { display: none; }

.session-connect-modal.strategy-combined .session-mode-picker { grid-template-columns: 1fr; }
.session-connect-modal.strategy-specialized .session-mode-picker { grid-template-columns: repeat(2, 1fr); }

.session-mode-option {
  min-height: 76px;
  padding: 13px 14px;
  border: 1px solid rgba(95,237,123, 0.16);
  border-radius: var(--radius-md);
  background: rgba(95,237,123, 0.04);
  color: var(--text-200);
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 11px;
  text-align: left;
  transition: all 0.22s ease;
}

.session-mode-option:hover { border-color: rgba(95,237,123, 0.4); background: rgba(95,237,123, 0.08); }
.session-mode-option:disabled { cursor: default; opacity: 0.72; }
.session-mode-option.active { border-color: rgba(139,245,160, 0.65); background: linear-gradient(135deg, rgba(95,237,123, 0.18), rgba(50,222,85, 0.06)); box-shadow: inset 0 0 22px rgba(95,237,123, 0.07); }
.session-mode-option > span:nth-child(2) { display: flex; flex-direction: column; gap: 3px; }
.session-mode-option strong { font-family: var(--font-display); font-size: 0.86rem; }
.session-mode-option small { color: var(--text-400); font-size: 0.72rem; }
.session-mode-icon { width: 34px; height: 34px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; background: rgba(95,237,123, 0.12); color: var(--purple-300); font-family: var(--font-mono); font-size: 1.1rem; }
.session-mode-check { width: 22px; height: 22px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: var(--purple-500); color: white; opacity: 0; transform: scale(0.75); transition: all 0.2s ease; }
.session-mode-option.active .session-mode-check { opacity: 1; transform: scale(1); }

.session-connect-modal .evolution-connect-card { padding: 24px; gap: 24px; }
.session-connect-modal.existing-session .session-create-btn { display: none; }
.session-create-btn { width: 100%; margin-bottom: 18px; justify-content: center; }
.step-list.compact { gap: 8px; }
.step-list.compact .step-list-item { padding: 10px 12px; }

.qr-live-indicator {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin: 0 0 13px;
  color: var(--text-400);
  font-family: var(--font-mono);
  font-size: 0.68rem;
}

.qr-live-indicator span,
.console-live-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--success);
  box-shadow: 0 0 10px rgba(65,198,91, 0.7);
  animation: pulse 2s infinite;
}

.connection-console {
  margin-top: 18px;
  overflow: hidden;
  border: 1px solid rgba(95,237,123, 0.18);
  border-radius: var(--radius-lg);
  background: rgba(2,9,4, 0.74);
}

.connection-console > header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 15px;
  border-bottom: 1px solid rgba(95,237,123, 0.13);
  background: rgba(95,237,123, 0.05);
}

.connection-console > header > div { display: flex; align-items: center; gap: 9px; }
.connection-console strong { font-family: var(--font-display); font-size: 0.83rem; }
.connection-console header small { color: var(--text-500); font-size: 0.7rem; }
.connection-console header button { padding: 5px 9px; border-radius: 7px; color: var(--text-400); background: rgba(95,237,123, 0.08); font-size: 0.7rem; }
.connection-console header button:hover { color: var(--text-100); background: rgba(95,237,123, 0.16); }

.connection-log {
  height: 164px;
  overflow-y: auto;
  padding: 10px 14px;
  font-family: var(--font-mono);
  font-size: 0.7rem;
  line-height: 1.55;
}

.connection-log-entry { display: grid; grid-template-columns: 68px 78px 1fr; gap: 9px; padding: 4px 0; color: var(--text-400); border-bottom: 1px solid rgba(95,237,123, 0.045); }
.connection-log-entry time { color: var(--text-600); }
.connection-log-entry .source { color: var(--cyan-glow); }
.connection-log-entry.success .message { color: var(--success); }
.connection-log-entry.warn .message { color: var(--warning); }
.connection-log-entry.error .message { color: var(--danger); }
.connection-log-empty { padding: 28px; text-align: center; color: var(--text-600); }

.session-panel-badges { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }

/* Session details */
.session-edit-modal {
  position: fixed;
  inset: 0;
  z-index: 220;
  pointer-events: none;
  visibility: hidden;
}

.session-edit-modal.open { pointer-events: auto; visibility: visible; }

.session-edit-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(2,9,4, 0.86);
  backdrop-filter: blur(18px) saturate(1.15);
  opacity: 0;
  transition: opacity 0.3s ease;
}

.session-edit-modal.open .session-edit-backdrop { opacity: 1; }

.session-edit-dialog {
  position: absolute;
  top: 50%;
  left: 50%;
  width: min(94vw, 980px);
  max-height: 92vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid rgba(95,237,123, 0.34);
  border-radius: 28px;
  background: rgba(7,23,11, 0.98);
  box-shadow: 0 50px 140px rgba(0, 0, 0, 0.72), 0 0 55px rgba(44,196,75, 0.18);
  opacity: 0;
  transform: translate(-50%, -44%) scale(0.94);
  transition: all 0.38s var(--ease-spring);
}

.session-edit-dialog::before {
  content: "";
  position: absolute;
  inset: -35% 30% 55% -15%;
  pointer-events: none;
  background: radial-gradient(circle, rgba(95,237,123, 0.25), transparent 66%);
  animation: session-aurora-drift 8s ease-in-out infinite alternate;
}

@keyframes session-aurora-drift {
  from { transform: translate3d(-2%, -3%, 0) scale(1); }
  to { transform: translate3d(10%, 8%, 0) scale(1.16); }
}

.session-edit-modal.open .session-edit-dialog { opacity: 1; transform: translate(-50%, -50%) scale(1); }
.session-edit-dialog > * { position: relative; z-index: 1; }

.session-edit-hero {
  display: flex;
  align-items: center;
  gap: 18px;
  min-height: 142px;
  padding: 24px 28px;
  border-bottom: 1px solid rgba(95,237,123, 0.15);
  background: linear-gradient(120deg, rgba(95,237,123, 0.12), rgba(50,222,85, 0.025));
}

.session-profile-avatar {
  width: 82px;
  height: 82px;
  position: relative;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  overflow: visible;
  border: 2px solid rgba(139,245,160, 0.68);
  border-radius: 24px;
  background: linear-gradient(135deg, rgba(44,196,75, 0.92), rgba(22,164,50, 0.82));
  color: white;
  box-shadow: 0 14px 38px rgba(34,129,53, 0.42), inset 0 0 28px rgba(255, 255, 255, 0.08);
  font-family: var(--font-display);
  font-size: 1.35rem;
  font-weight: 700;
}

.session-profile-avatar img { width: 100%; height: 100%; object-fit: cover; border-radius: 22px; }
.session-profile-avatar i { position: absolute; right: -4px; bottom: -4px; width: 19px; height: 19px; border: 4px solid var(--bg-1); border-radius: 50%; background: var(--text-600); }
.session-profile-avatar i.open { background: var(--success); box-shadow: 0 0 14px rgba(65,198,91, 0.9); }
.session-profile-avatar i.connecting { background: var(--warning); box-shadow: 0 0 14px rgba(251, 191, 36, 0.75); animation: pulse 1.5s infinite; }
.session-profile-avatar i.error { background: var(--danger); }

.session-edit-heading { min-width: 0; flex: 1; }
.session-edit-heading h2 { margin: 3px 0 4px; overflow: hidden; color: var(--text-100); font-family: var(--font-display); font-size: 1.45rem; text-overflow: ellipsis; white-space: nowrap; }
.session-edit-heading > p { color: var(--text-400); font-size: 0.83rem; }
.session-edit-tags { display: flex; gap: 7px; margin-top: 10px; }
.session-edit-hero > .modal-close { align-self: flex-start; }

.session-edit-body { padding: 22px 26px 26px; overflow-y: auto; }

.session-auto-sync-card {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 14px;
  margin-bottom: 18px;
  padding: 15px 17px;
  border: 1px solid rgba(65,198,91, 0.24);
  border-radius: var(--radius-lg);
  background: linear-gradient(115deg, rgba(65,198,91, 0.09), rgba(50,222,85, 0.035));
}

.session-auto-sync-card.error { border-color: rgba(248, 113, 113, 0.34); background: rgba(248, 113, 113, 0.06); }
.session-auto-sync-icon { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 12px; background: rgba(65,198,91, 0.13); color: var(--success); }
.session-auto-sync-icon svg { width: 20px; height: 20px; animation: session-sync-spin 8s linear infinite; }
@keyframes session-sync-spin { to { transform: rotate(360deg); } }
.session-auto-sync-card strong { display: block; color: var(--text-100); font-family: var(--font-display); font-size: 0.87rem; }
.session-auto-sync-card p { margin-top: 3px; color: var(--text-400); font-size: 0.73rem; }
.session-auto-sync-next { min-width: 92px; text-align: right; }
.session-auto-sync-next small { display: block; margin-bottom: 2px; color: var(--text-500); font-size: 0.66rem; text-transform: uppercase; letter-spacing: 0.08em; }
.session-auto-sync-next strong { color: var(--success); font-family: var(--font-mono); font-size: 1.05rem; }

.session-detail-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-bottom: 18px; }
.session-detail-stats article { min-width: 0; padding: 14px; border: 1px solid rgba(95,237,123, 0.14); border-radius: var(--radius-md); background: rgba(95,237,123, 0.04); opacity: 0; transform: translateY(10px); }
.session-edit-modal.open .session-detail-stats article { animation: session-stat-in 0.42s var(--ease-out) forwards; }
.session-edit-modal.open .session-detail-stats article:nth-child(2) { animation-delay: 0.06s; }
.session-edit-modal.open .session-detail-stats article:nth-child(3) { animation-delay: 0.12s; }
.session-edit-modal.open .session-detail-stats article:nth-child(4) { animation-delay: 0.18s; }
@keyframes session-stat-in { to { opacity: 1; transform: translateY(0); } }
.session-detail-stats span { display: block; overflow: hidden; color: var(--text-500); font-size: 0.68rem; text-overflow: ellipsis; text-transform: uppercase; letter-spacing: 0.06em; white-space: nowrap; }
.session-detail-stats strong { display: block; margin: 6px 0 2px; color: var(--text-100); font-family: var(--font-display); font-size: 1.45rem; }
.session-detail-stats small { display: block; overflow: hidden; color: var(--text-500); font-size: 0.66rem; text-overflow: ellipsis; white-space: nowrap; }

.session-edit-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.session-edit-section { padding: 18px; border: 1px solid rgba(95,237,123, 0.14); border-radius: var(--radius-lg); background: rgba(95,237,123, 0.035); }
.session-edit-section > header { display: flex; gap: 10px; align-items: flex-start; margin-bottom: 16px; }
.session-edit-section > header > span { width: 30px; height: 30px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 9px; background: rgba(95,237,123, 0.12); color: var(--purple-300); font-family: var(--font-mono); font-size: 0.7rem; }
.session-edit-section > header div { display: flex; flex-direction: column; gap: 2px; }
.session-edit-section > header strong { color: var(--text-100); font-family: var(--font-display); font-size: 0.88rem; }
.session-edit-section > header small { color: var(--text-500); font-size: 0.7rem; line-height: 1.4; }
.session-edit-section .form-field + .form-field { margin-top: 12px; }

.session-real-data { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
.session-real-data div { min-width: 0; padding: 11px 12px; border-radius: 10px; background: rgba(2,14,5, 0.42); }
.session-real-data dt { margin-bottom: 4px; color: var(--text-500); font-size: 0.66rem; text-transform: uppercase; letter-spacing: 0.05em; }
.session-real-data dd { overflow: hidden; color: var(--text-200); font-family: var(--font-mono); font-size: 0.72rem; text-overflow: ellipsis; white-space: nowrap; }

.session-edit-error { margin-top: 14px; padding: 12px 14px; border: 1px solid rgba(248, 113, 113, 0.3); border-radius: var(--radius-md); background: rgba(248, 113, 113, 0.07); color: var(--danger); font-size: 0.78rem; }

.session-edit-footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 26px; border-top: 1px solid rgba(95,237,123, 0.15); background: rgba(3,16,7, 0.82); }
.session-edit-footer > div { display: flex; gap: 9px; }
.session-edit-modal .btn:disabled { cursor: not-allowed; opacity: 0.48; transform: none; box-shadow: none; }

@media (max-width: 780px) {
  .session-edit-dialog { width: 96vw; max-height: 96vh; }
  .session-edit-hero { padding: 18px; }
  .session-profile-avatar { width: 64px; height: 64px; border-radius: 19px; }
  .session-profile-avatar img { border-radius: 17px; }
  .session-edit-body { padding: 16px; }
  .session-detail-stats { grid-template-columns: 1fr 1fr; }
  .session-edit-grid { grid-template-columns: 1fr; }
  .session-auto-sync-card { grid-template-columns: auto 1fr; }
  .session-auto-sync-next { grid-column: 2; text-align: left; }
  .session-edit-footer { padding: 14px 16px; align-items: stretch; flex-direction: column-reverse; }
  .session-edit-footer > div { display: grid; grid-template-columns: 1fr 1fr; }
}

.evolution-connect-card {
  display: grid;
  grid-template-columns: 1fr;
  gap: 28px;
  padding: 32px;
  border-radius: var(--radius-xl);
  background: linear-gradient(135deg, rgba(95,237,123, 0.1), rgba(10,41,16, 0.6));
  border: 1px solid rgba(95,237,123, 0.2);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  position: relative;
  overflow: hidden;
}

.evolution-connect-card::before {
  content: "";
  position: absolute;
  inset: -50%;
  background: radial-gradient(circle at 30% 30%, rgba(95,237,123, 0.18), transparent 50%);
  pointer-events: none;
}

@media (min-width: 900px) {
  .evolution-connect-card {
    grid-template-columns: 1fr 1fr;
  }
}

.qr-area {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}

.qr-side {
  position: relative;
  z-index: 1;
}

.qr-frame {
  padding: 22px;
  border-radius: var(--radius-xl);
  background: rgba(2,14,5, 0.7);
  border: 1px solid rgba(95,237,123, 0.3);
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.4), var(--glow-md);
  text-align: center;
}

.qr-canvas {
  position: relative;
  width: 240px;
  height: 240px;
  margin: 0 auto 18px;
  border-radius: 16px;
  background: white;
  padding: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#qr-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 8px;
  animation: qr-pulse 2.5s ease-in-out infinite;
}

@keyframes qr-pulse {
  0%, 100% { transform: scale(1); filter: drop-shadow(0 0 0 rgba(95,237,123, 0.5)); }
  50% { transform: scale(1.03); filter: drop-shadow(0 0 12px rgba(95,237,123, 0.7)); }
}

.qr-overlay {
  position: absolute;
  inset: 14px;
  border-radius: 12px;
  background: rgba(6,22,10, 0.85);
  backdrop-filter: blur(10px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: white;
  text-align: center;
  padding: 14px;
  z-index: 2;
  transition: opacity 0.3s;
}

.qr-overlay.hidden { opacity: 0; pointer-events: none; }

.qr-overlay.is-success {
  background: rgba(6,32,14, 0.92);
}

.qr-overlay.is-success .qr-overlay-icon {
  background: var(--success);
  color: var(--bg-0);
  animation: none;
}

.qr-overlay.is-danger {
  background: rgba(48, 8, 22, 0.92);
}

.qr-overlay.is-danger .qr-overlay-icon {
  background: var(--danger);
  animation: none;
}

.qr-overlay-icon {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: var(--grad-aurora);
  color: white;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  animation: pulse 2s infinite;
}

.qr-overlay-icon .spinner {
  width: 28px;
  height: 28px;
  border: 3px solid rgba(255, 255, 255, 0.32);
  border-top-color: white;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}

.qr-overlay strong {
  font-family: var(--font-display);
  font-size: 1.05rem;
}

.qr-overlay small {
  font-family: var(--font-mono);
  font-size: 0.78rem;
  color: var(--text-300);
}

.qr-overlay small span {
  color: var(--purple-300);
}

.qr-actions {
  display: flex;
  gap: 10px;
  justify-content: center;
  flex-wrap: wrap;
}

.qr-meta {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  margin: -2px 0 16px;
}

.qr-meta strong {
  max-width: 240px;
  color: var(--text-100);
  font-family: var(--font-display);
  font-size: 0.9rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.qr-meta small,
.session-ready-actions small {
  color: var(--text-400);
  font-family: var(--font-mono);
  font-size: 0.74rem;
}

.qr-meta small span {
  color: var(--purple-300);
}

.qr-pairing {
  margin-top: 6px;
  color: var(--text-300);
  font-size: 0.76rem;
}

.qr-pairing code {
  margin-left: 4px;
  padding: 4px 7px;
  border-radius: 6px;
  background: rgba(95,237,123, 0.14);
  color: var(--purple-300);
  font-family: var(--font-mono);
  letter-spacing: 0.12em;
}

.evolution-runtime-status {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 20px;
  padding: 14px 16px;
  border: 1px solid rgba(95,237,123, 0.18);
  border-radius: var(--radius-md);
  background: rgba(95,237,123, 0.05);
  position: relative;
  z-index: 1;
}

.evolution-runtime-status.ok {
  border-color: rgba(65,198,91, 0.28);
  background: rgba(65,198,91, 0.07);
}

.evolution-runtime-status.danger {
  border-color: rgba(248, 113, 113, 0.28);
  background: rgba(248, 113, 113, 0.07);
}

.evolution-runtime-status .status-dot {
  margin-top: 5px;
}

.evolution-runtime-status.ok .status-dot {
  background: var(--success);
  box-shadow: 0 0 12px rgba(65,198,91, 0.72);
}

.evolution-runtime-status.danger .status-dot {
  background: var(--danger);
  box-shadow: 0 0 12px rgba(248, 113, 113, 0.64);
}

.evolution-runtime-status strong {
  display: block;
  margin-bottom: 3px;
  color: var(--text-100);
  font-family: var(--font-display);
  font-size: 0.9rem;
}

.evolution-runtime-status p {
  color: var(--text-400);
  font-size: 0.8rem;
  line-height: 1.45;
}

.session-ready-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid rgba(95,237,123, 0.12);
  position: relative;
  z-index: 1;
}

.session-ready-actions small {
  flex: 1 1 190px;
}

#view-sessoes .btn:disabled {
  cursor: not-allowed;
  opacity: 0.48;
  transform: none;
  box-shadow: none;
}

.session-connect-modal .btn:disabled {
  cursor: not-allowed;
  opacity: 0.48;
  transform: none;
  box-shadow: none;
}

@media (max-width: 480px) {
  .evolution-connect-card {
    padding: 20px;
  }

  .qr-frame {
    width: 100%;
    padding: 16px;
  }

  .qr-canvas {
    width: min(240px, calc(100vw - 104px));
    height: min(240px, calc(100vw - 104px));
  }
}

@media (max-width: 760px) {
  .session-connect-dialog { width: 96vw; max-height: 96vh; }
  .session-connect-header { padding: 18px; }
  .session-connect-body { padding: 14px; }
  .session-connect-modal.strategy-specialized .session-mode-picker { grid-template-columns: 1fr; }
  .session-connect-modal .evolution-connect-card { padding: 16px; }
  .connection-console header small { display: none; }
  .connection-log-entry { grid-template-columns: 58px 64px 1fr; gap: 6px; font-size: 0.64rem; }
}

/* Step list */
.step-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  position: relative;
  z-index: 1;
}

.step-list-item {
  display: flex;
  gap: 14px;
  padding: 14px;
  border-radius: var(--radius-md);
  background: rgba(95,237,123, 0.04);
  border: 1px solid rgba(95,237,123, 0.12);
  transition: all 0.3s;
}

.step-list-item.active {
  border-color: var(--purple-400);
  background: rgba(95,237,123, 0.1);
  box-shadow: var(--glow-sm);
}

.step-list-item.done {
  opacity: 0.6;
}

.step-list-item span {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: rgba(95,237,123, 0.15);
  border: 1px solid rgba(95,237,123, 0.3);
  color: var(--text-300);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 0.9rem;
}

.step-list-item.done span {
  background: var(--success);
  border-color: var(--success);
  color: var(--bg-0);
}

.step-list-item.active span {
  background: var(--grad-aurora);
  border-color: var(--purple-400);
  color: white;
  box-shadow: var(--glow-sm);
}

.step-list-item strong {
  font-family: var(--font-display);
  font-size: 0.98rem;
  display: block;
  margin-bottom: 2px;
}

.step-list-item p {
  font-size: 0.85rem;
  color: var(--text-400);
}

/* Tracker grid */
.tracker-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 16px;
}

.tracker-card {
  position: relative;
  padding: 22px;
  border-radius: var(--radius-lg);
  background: linear-gradient(180deg, rgba(95,237,123, 0.05), rgba(10,41,16, 0.6));
  border: 1px solid rgba(95,237,123, 0.15);
  backdrop-filter: blur(12px);
  display: flex;
  flex-direction: column;
  gap: 14px;
  transition: all 0.3s;
  cursor: pointer;
  overflow: hidden;
}

.tracker-card:hover {
  transform: translateY(-3px);
  border-color: rgba(95,237,123, 0.4);
  box-shadow: var(--glow-md);
}

.tracker-card-head {
  display: flex;
  align-items: center;
  gap: 12px;
}

.tracker-icon {
  width: 42px;
  height: 42px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  color: white;
  font-family: var(--font-display);
}

.tracker-name {
  font-family: var(--font-display);
  font-size: 1.05rem;
  font-weight: 600;
  flex: 1;
}

.tracker-meta {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  padding: 12px;
  background: rgba(95,237,123, 0.04);
  border: 1px solid rgba(95,237,123, 0.1);
  border-radius: var(--radius-md);
  font-size: 0.82rem;
}

.tracker-meta-cell .label {
  font-family: var(--font-mono);
  font-size: 0.65rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: var(--text-500);
}

.tracker-meta-cell .value {
  font-family: var(--font-display);
  font-size: 1rem;
  font-weight: 600;
  color: var(--text-100);
  margin-top: 2px;
}

.tracker-regex {
  font-family: var(--font-mono);
  font-size: 0.72rem;
  color: var(--purple-300);
  background: rgba(95,237,123, 0.06);
  border: 1px solid rgba(95,237,123, 0.15);
  padding: 8px 10px;
  border-radius: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tracker-foot {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 8px;
  border-top: 1px solid rgba(95,237,123, 0.08);
}

/* Filas */
.queue-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 18px;
}

.queue-card {
  padding: 24px;
  border-radius: var(--radius-lg);
  background: linear-gradient(135deg, rgba(95,237,123, 0.06), rgba(10,41,16, 0.6));
  border: 1px solid rgba(95,237,123, 0.15);
  display: flex;
  flex-direction: column;
  gap: 14px;
  transition: all 0.3s;
}

.queue-card:hover {
  border-color: rgba(95,237,123, 0.3);
}

.queue-card header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.queue-card h3 {
  font-family: var(--font-mono);
  font-size: 1rem;
  font-weight: 600;
  color: var(--purple-300);
}

.queue-num {
  font-family: var(--font-display);
  font-size: 3rem;
  font-weight: 800;
  background: var(--grad-text);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1;
}

.queue-meta {
  font-family: var(--font-mono);
  font-size: 0.75rem;
  color: var(--text-500);
}

.queue-bars {
  display: flex;
  align-items: flex-end;
  gap: 4px;
  height: 80px;
  margin-top: auto;
}

.qb {
  flex: 1;
  border-radius: 4px 4px 0 0;
  min-height: 4px;
}

.qb.a { background: var(--grad-aurora); }
.qb.w { background: linear-gradient(180deg, #fbbf24, #f59e0b); }
.qb.i { background: rgba(95,237,123, 0.2); }

/* Reports */
.bar-stack {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.bs-row {
  display: grid;
  grid-template-columns: 130px 1fr 50px;
  align-items: center;
  gap: 14px;
  font-size: 0.88rem;
}

.bs-row > span { color: var(--text-300); }

.bs-bar {
  height: 14px;
  border-radius: 99px;
  background: rgba(95,237,123, 0.05);
  overflow: hidden;
}

.bs-bar i {
  display: block;
  height: 100%;
  border-radius: 99px;
  transition: width 1s var(--ease-out);
}

.bs-row b {
  font-family: var(--font-display);
  font-weight: 700;
  text-align: right;
}

/* Heatmap */
.heatmap {
  display: grid;
  grid-template-columns: 30px repeat(24, 1fr);
  gap: 3px;
  font-size: 0.65rem;
  font-family: var(--font-mono);
  color: var(--text-500);
}

.heatmap-l {
  text-align: right;
  padding-right: 6px;
  align-self: center;
}

.heatmap-c {
  aspect-ratio: 1;
  border-radius: 3px;
  transition: all 0.2s;
  cursor: pointer;
}

.heatmap-c:hover {
  transform: scale(1.4);
  z-index: 2;
  box-shadow: 0 0 12px rgba(95,237,123, 0.6);
}

.heatmap-c.l0 { background: rgba(95,237,123, 0.04); }
.heatmap-c.l1 { background: rgba(95,237,123, 0.2); }
.heatmap-c.l2 { background: rgba(95,237,123, 0.4); }
.heatmap-c.l3 { background: rgba(95,237,123, 0.65); }
.heatmap-c.l4 { background: var(--purple-400); box-shadow: 0 0 6px rgba(95,237,123, 0.5); }

/* Endpoint list */
.endpoint {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border-radius: var(--radius-md);
  background: rgba(95,237,123, 0.04);
  border: 1px solid rgba(95,237,123, 0.1);
  font-size: 0.9rem;
  transition: all 0.2s;
}

.endpoint:hover { background: rgba(95,237,123, 0.08); }

.endpoint .meth {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 22px;
  border-radius: 4px;
  font-family: var(--font-mono);
  font-size: 0.7rem;
  font-weight: 700;
  flex-shrink: 0;
  color: white;
}

.endpoint .meth.get { background: linear-gradient(135deg, #1EAB3A, #118A29); }
.endpoint .meth.post { background: linear-gradient(135deg, #5fed7b, #2cc44b); }
.endpoint .meth.patch { background: linear-gradient(135deg, #fbbf24, #d97706); color: var(--bg-0); }
.endpoint .meth.delete { background: linear-gradient(135deg, #f87171, #dc2626); }

.endpoint .path {
  font-family: var(--font-mono);
  font-size: 0.82rem;
  color: var(--purple-300);
  flex: 0 0 auto;
}

.endpoint .edesc {
  color: var(--text-400);
  font-size: 0.82rem;
  flex: 1;
}

/* Audit timeline */
.audit-timeline {
  list-style: none;
  padding-left: 12px;
  border-left: 2px solid rgba(95,237,123, 0.15);
}

.audit-timeline li {
  position: relative;
  padding: 14px 14px 14px 24px;
}

.audit-timeline li::before {
  content: "";
  position: absolute;
  left: -7px;
  top: 18px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--bg-2);
  border: 2px solid var(--purple-300);
}

.audit-dot {
  position: absolute;
  left: -7px;
  top: 18px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: currentColor;
  box-shadow: 0 0 12px currentColor;
  z-index: 1;
}

.audit-dot.ok { color: var(--success); }
.audit-dot.info { color: var(--cyan-glow); }
.audit-dot.warn { color: var(--warning); }
.audit-dot.danger { color: var(--danger); }

.audit-timeline li strong {
  font-family: var(--font-display);
  font-size: 0.95rem;
  font-weight: 500;
}

.audit-timeline li small {
  display: block;
  color: var(--text-500);
  font-size: 0.78rem;
  margin-top: 2px;
  font-family: var(--font-mono);
}

/* Password strength */
.pwd-meter {
  height: 6px;
  border-radius: 99px;
  background: rgba(95,237,123, 0.1);
  overflow: hidden;
  margin-bottom: 18px;
}

.pwd-meter span {
  display: block;
  height: 100%;
  transition: width 0.4s;
}

/* TOTP QR */
.totp-qr {
  width: 96px;
  height: 96px;
  border-radius: 12px;
  background: white;
  padding: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

#totp-qr svg {
  width: 100%;
  height: 100%;
}

/* Plan editor */
.plan-editor-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 18px;
}

.plan-editor {
  padding: 20px;
  border-radius: var(--radius-lg);
  background: rgba(95,237,123, 0.04);
  border: 1px solid rgba(95,237,123, 0.15);
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.plan-editor header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.plan-editor h4 {
  font-family: var(--font-display);
  font-size: 1.1rem;
}

.plan-editor.featured {
  background: rgba(95,237,123, 0.1);
  border-color: var(--purple-400);
  box-shadow: var(--glow-sm);
}

/* Subs table / tokens / etc */
.link-danger {
  background: none;
  border: none;
  color: var(--danger);
  cursor: pointer;
  font-family: inherit;
  font-size: 0.85rem;
}

.link-danger:hover { text-decoration: underline; }

/* Drawer */
.drawer {
  position: fixed;
  inset: 0;
  z-index: 150;
  pointer-events: none;
}

.drawer.open { pointer-events: auto; }

.drawer-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(2,14,5, 0.6);
  backdrop-filter: blur(10px);
  opacity: 0;
  transition: opacity 0.3s;
}

.drawer.open .drawer-backdrop { opacity: 1; }

.drawer-card {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  max-width: 480px;
  background: rgba(9,31,13, 0.95);
  backdrop-filter: blur(20px);
  border-left: 1px solid rgba(95,237,123, 0.25);
  transform: translateX(100%);
  transition: transform 0.3s var(--ease-out);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.drawer.open .drawer-card { transform: translateX(0); }

.drawer header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px;
  border-bottom: 1px solid rgba(95,237,123, 0.15);
}

.drawer h3 {
  font-family: var(--font-display);
  font-size: 1.1rem;
  font-weight: 600;
}

.drawer-close {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: rgba(95,237,123, 0.1);
  font-size: 1.4rem;
  color: var(--text-300);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.drawer-body {
  padding: 24px;
  overflow-y: auto;
  flex: 1;
}

/* Detalhes do grupo */
.route-plan-notice { display:grid; grid-template-columns:minmax(210px,.9fr) minmax(280px,1.5fr) auto; align-items:center; gap:18px; margin:0 0 20px; padding:15px 17px; border:1px solid rgba(139,245,160,.20); border-radius:16px; background:linear-gradient(105deg,rgba(19,65,28,.74),rgba(12,40,17,.78)); }
.route-plan-notice.attention { border-color:rgba(251,191,36,.34); background:linear-gradient(105deg,rgba(73,42,18,.38),rgba(12,43,18,.82)); }
.route-plan-intro strong,.route-plan-intro small { display:block; }.route-plan-intro strong { margin:4px 0 3px; color:var(--text-100); font:700 .88rem var(--font-display); }.route-plan-intro small { color:var(--text-500); font-size:.74rem; line-height:1.35; }
.route-plan-metrics { display:grid; grid-template-columns:repeat(auto-fit,minmax(118px,1fr)); gap:8px; }.route-plan-metric { min-width:0; padding:9px 10px; border-radius:11px; background:rgba(255,255,255,.025); border:1px solid rgba(139,245,160,.10); }.route-plan-metric>div { display:flex; justify-content:space-between; align-items:baseline; gap:7px; }.route-plan-metric span { overflow:hidden; color:var(--text-500); font-size:.66rem; text-overflow:ellipsis; white-space:nowrap; }.route-plan-metric b { color:var(--text-200); font:700 .72rem var(--font-mono); white-space:nowrap; }.route-plan-metric b i { color:var(--text-500); font-style:normal; }.route-plan-metric em { display:block; height:3px; margin-top:8px; overflow:hidden; border-radius:99px; background:rgba(255,255,255,.08); }.route-plan-metric em i { display:block; height:100%; border-radius:inherit; background:#69DF81; }.route-plan-metric.near em i { background:#fbbf24; }.route-plan-metric.blocked em i { background:#fb7185; }.route-plan-metric.blocked b { color:#fda4af; }
.route-plan-upgrade { min-height:36px; display:inline-flex; align-items:center; justify-content:center; gap:7px; padding:0 12px; border:1px solid rgba(58,199,86,.32); border-radius:10px; background:rgba(33,171,61,.10); color:#CDFBD6; font:700 .76rem var(--font-body); cursor:pointer; white-space:nowrap; transition:.18s ease; }.route-plan-upgrade:hover { transform:translateY(-1px); border-color:rgba(58,199,86,.62); background:rgba(33,171,61,.20); }.route-plan-upgrade span { font-size:1rem; }
.upgrade-request { text-align:center; }.upgrade-request-icon { width:42px; height:42px; display:grid; place-items:center; margin:0 auto 12px; border-radius:14px; background:rgba(58,199,86,.15); color:#8CEFA0; font-size:1.3rem; font-weight:800; }.upgrade-request h3 { margin:5px 0 8px; font-family:var(--font-display); }.upgrade-request>p,.upgrade-request>small { display:block; color:var(--text-400); font-size:.83rem; line-height:1.5; }.upgrade-options { display:grid; gap:8px; margin:18px 0; text-align:left; }.upgrade-option { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:12px; border:1px solid rgba(139,245,160,.16); border-radius:12px; background:rgba(95,237,123,.04); }.upgrade-option h4 { margin:3px 0; font-family:var(--font-display); }.upgrade-option p { margin:0; color:var(--text-500); font-size:.75rem; }.upgrade-option>b { color:#94EEA6; white-space:nowrap; font-size:.8rem; }
.groups-guide { display:grid; grid-template-columns:minmax(260px,1.05fr) minmax(310px,1.35fr) auto; align-items:center; gap:20px; margin-bottom:22px; padding:18px 20px; border:1px solid rgba(139,245,160,.20); border-radius:18px; background:linear-gradient(120deg,rgba(36,142,57,.19),rgba(15,42,23,.70)); }.groups-guide-copy h2 { margin:5px 0 7px; font:700 1.05rem var(--font-display); }.groups-guide-copy p { color:var(--text-400); font-size:.81rem; line-height:1.5; }.groups-guide-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }.groups-guide-steps article { display:flex; align-items:flex-start; gap:8px; min-width:0; padding:9px; border:1px solid rgba(139,245,160,.12); border-radius:11px; background:rgba(255,255,255,.025); }.groups-guide-steps span { flex:0 0 auto; color:#aefabd; font:700 .64rem var(--font-mono); }.groups-guide-steps strong,.groups-guide-steps small { display:block; }.groups-guide-steps strong { color:var(--text-200); font-size:.75rem; }.groups-guide-steps small { margin-top:3px; color:var(--text-500); font-size:.68rem; line-height:1.3; }.groups-invite-action { display:flex; align-items:center; gap:9px; min-height:46px; padding:0 12px; border:1px solid rgba(58,199,86,.32); border-radius:12px; background:rgba(33,171,61,.09); color:#DAFCE1; text-align:left; cursor:pointer; transition:.18s ease; }.groups-invite-action:hover { transform:translateY(-1px); border-color:rgba(58,199,86,.62); background:rgba(33,171,61,.18); }.groups-invite-action svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; }.groups-invite-action b,.groups-invite-action small { display:block; }.groups-invite-action b { font:700 .76rem var(--font-body); }.groups-invite-action small { margin-top:2px; color:#9ED5A9; font-size:.66rem; white-space:nowrap; }.group-invite-modal h4 { margin:6px 0 7px; font-family:var(--font-display); }.group-invite-modal>p { margin:0 0 18px; color:var(--text-400); font-size:.84rem; line-height:1.52; }.group-invite-modal .form-field { margin-top:14px; }.group-invite-note { display:block; margin-top:13px; color:var(--text-500); font-size:.75rem; line-height:1.4; }
.group-detail-modal { position:fixed; inset:0; z-index:175; pointer-events:none; display:flex; align-items:center; justify-content:center; padding:24px; overflow:auto; }
.group-detail-modal.open { pointer-events:auto; }
.group-detail-backdrop { position:absolute; inset:0; background:rgba(2,14,5,.72); backdrop-filter:blur(14px); opacity:0; transition:opacity .28s; }
.group-detail-modal.open .group-detail-backdrop { opacity:1; }
.group-detail-dialog { position:relative; width:min(1040px, calc(100vw - 32px)); max-height:calc(100vh - 48px); margin:0 auto; overflow:hidden; display:flex; flex-direction:column; border:1px solid rgba(139,245,160,.30); border-radius:22px; background:linear-gradient(150deg,rgba(15,52,22,.98),rgba(7,24,10,.99)); box-shadow:0 28px 100px rgba(0,0,0,.58),0 0 50px rgba(95,237,123,.12); transform:translateY(18px) scale(.985); opacity:0; transition:.3s var(--ease-out); }
.group-detail-modal.open .group-detail-dialog { transform:translateY(0) scale(1); opacity:1; }
@media (max-width:720px) { .group-detail-modal { padding:12px; } .group-detail-dialog { max-height:calc(100vh - 24px); } }
.group-detail-hero { display:flex; gap:16px; align-items:center; padding:20px 28px; background:radial-gradient(circle at 13% 0,rgba(95,237,123,.25),transparent 40%); border-bottom:1px solid rgba(95,237,123,.16); }
.group-detail-hero h2 { font-family:var(--font-display); font-size:1.35rem; margin:3px 0 5px; }
.group-detail-hero p { color:var(--text-400); font-size:.86rem; }
.group-detail-header-actions { display:flex; align-items:center; gap:8px; margin-left:auto; }
.group-header-action { min-height:36px; display:inline-flex; align-items:center; justify-content:center; gap:7px; padding:0 12px; border:1px solid rgba(139,245,160,.24); border-radius:10px; background:rgba(255,255,255,.035); color:var(--text-200); font:600 .77rem var(--font-body); cursor:pointer; transition:background .18s ease,border-color .18s ease,transform .18s ease; }
.group-header-action:hover { transform:translateY(-1px); border-color:rgba(139,245,160,.48); background:rgba(95,237,123,.13); }
.group-header-action svg { width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; }
.group-header-action-pause { color:var(--text-300); }
.group-header-action-pause:hover { color:#ffd7a8; border-color:rgba(251,146,60,.42); background:rgba(251,146,60,.10); }
.group-header-action-save { color:#D2F7DA; border-color:rgba(58,199,86,.32); background:rgba(33,171,61,.12); }
.group-header-action-save:hover { color:#F0FEF3; border-color:rgba(58,199,86,.58); background:rgba(33,171,61,.22); }
.group-detail-hero .modal-close { margin-left:2px; }
.group-save-confirmation { position:fixed; z-index:260; right:28px; bottom:28px; width:min(360px,calc(100vw - 32px)); display:flex; align-items:center; gap:12px; padding:14px 16px; border:1px solid rgba(58,199,86,.35); border-radius:15px; background:linear-gradient(135deg,rgba(15,51,25,.97),rgba(18,46,26,.98)); box-shadow:0 18px 48px rgba(0,0,0,.35); color:#ECFDEF; opacity:0; transform:translateY(14px) scale(.98); transition:opacity .24s ease,transform .24s ease; pointer-events:none; }
.group-save-confirmation.visible { opacity:1; transform:translateY(0) scale(1); }
.group-save-confirmation-icon { flex:0 0 34px; width:34px; height:34px; display:grid; place-items:center; border-radius:11px; background:rgba(58,199,86,.18); color:#8AED9E; font-size:1.1rem; font-weight:800; }
.group-save-confirmation strong { display:block; font:700 .88rem var(--font-display); }
.group-save-confirmation small { display:block; margin-top:3px; color:#B1D5B8; font-size:.76rem; line-height:1.35; }
.group-detail-avatar { width:54px; height:54px; flex:0 0 54px; border-radius:17px; overflow:hidden; display:grid; place-items:center; background:linear-gradient(145deg,var(--purple-500),var(--cyan-500)); font-family:var(--font-display); font-weight:700; color:white; box-shadow:0 0 24px rgba(95,237,123,.34); }
.group-detail-avatar img { display:none; width:100%; height:100%; object-fit:cover; }
.group-detail-avatar.has-photo img { display:block; }
.group-detail-avatar.has-photo #group-detail-initials { display:none; }
.group-detail-tabs { display:flex; gap:6px; padding:13px 28px 0; border-bottom:1px solid rgba(95,237,123,.12); overflow:auto; }
.group-detail-tabs button { padding:10px 14px; color:var(--text-400); background:transparent; border:0; border-bottom:2px solid transparent; font-family:inherit; white-space:nowrap; cursor:pointer; }
.group-detail-tabs button.active { color:var(--purple-200); border-color:var(--purple-400); }
.group-detail-tabs span { margin-left:4px; padding:1px 6px; border-radius:10px; background:rgba(95,237,123,.15); font-size:.72rem; }
.group-detail-body { padding:24px 28px 28px; overflow-y:auto; }
.group-stat-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-bottom:18px; }
.group-stat-grid article,.group-config-card,.group-description-card { border:1px solid rgba(95,237,123,.16); background:rgba(95,237,123,.045); border-radius:14px; padding:15px; }
.group-stat-grid span { display:block; color:var(--text-500); font-size:.73rem; text-transform:uppercase; letter-spacing:.04em; }
.group-stat-grid strong { display:block; margin:7px 0 2px; font-family:var(--font-display); font-size:1.5rem; color:var(--text-100); }
.group-stat-grid small,.group-config-card p,.group-config-card small,.group-panel-heading p { color:var(--text-400); font-size:.8rem; }
.group-description-card p { color:var(--text-400); font-size:.8rem; white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.58; }
.group-detail-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-bottom:14px; }
.group-config-card h3,.group-description-card h3,.group-panel-heading h3 { font-family:var(--font-display); font-size:.96rem; margin-bottom:5px; }
.group-role-selector { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; margin:15px 0 10px; }
.group-role-selector button { border:1px solid rgba(95,237,123,.17); border-radius:10px; padding:10px 6px; background:rgba(2,14,5,.28); color:var(--text-400); font:inherit; font-size:.78rem; cursor:pointer; }
.group-role-selector button.active { color:#fff; border-color:var(--purple-400); background:linear-gradient(135deg,rgba(95,237,123,.42),rgba(22,196,57,.22)); box-shadow:0 0 18px rgba(95,237,123,.13); }
.group-rest-fields { display:flex; gap:10px; margin:15px 0 10px; }
.group-rest-fields label { flex:1; color:var(--text-500); font-size:.75rem; }
.group-rest-fields input { width:100%; margin-top:5px; padding:9px; color:var(--text-200); border:1px solid rgba(95,237,123,.18); border-radius:8px; background:rgba(2,14,5,.36); color-scheme:dark; }
.group-description-card { margin-bottom:16px; }
.group-panel-heading { margin-bottom:16px; }
.group-members-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
.group-member-row { display:flex; gap:10px; align-items:center; padding:11px; border:1px solid rgba(95,237,123,.13); border-radius:11px; background:rgba(95,237,123,.035); }
.group-member-row .member-avatar { width:32px; height:32px; display:grid; place-items:center; border-radius:10px; background:rgba(95,237,123,.18); color:var(--purple-200); font-size:.74rem; font-weight:700; }
.group-member-row strong { display:block; font-size:.82rem; color:var(--text-200); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.group-member-row small { color:var(--text-500); font-size:.72rem; }
.group-unavailable { min-height:220px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; border:1px dashed rgba(95,237,123,.25); border-radius:16px; color:var(--text-400); }.group-unavailable span { font-size:2rem; color:var(--purple-300); }.group-unavailable strong { margin:9px 0 5px; color:var(--text-200); }.group-unavailable p { max-width:390px; font-size:.82rem; }
.group-dispatch-grid { display:grid; grid-template-columns:1.25fr .75fr; gap:18px; }.group-mention { display:flex; align-items:center; gap:8px; height:40px; color:var(--text-300); font-size:.82rem; }
.group-dispatch-preview { padding:14px; border-radius:14px; min-height:220px; background:linear-gradient(135deg,#12321B,#0D2313); }.group-dispatch-preview small { color:#9FBAA4; }
.wa-bubble { margin-top:14px; padding:12px; border-radius:5px 13px 13px; background:#0E571D; color:#f0fff8; white-space:pre-wrap; font-size:.85rem; line-height:1.45; }
.group-dispatch-notice { margin-top:14px; color:var(--warning); font-size:.8rem; }

/* ===== DISPARO · toolbar + drop + preview WhatsApp ===== */

.dispatch-toolbar {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  padding: 8px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.06);
  margin-bottom: 14px;
}

.dispatch-tool {
  appearance: none;
  border: 1px solid transparent;
  background: rgba(255, 255, 255, 0.04);
  color: var(--text-300);
  font-family: var(--font-display);
  font-size: 0.78rem;
  font-weight: 600;
  padding: 6px 10px;
  border-radius: 8px;
  cursor: pointer;
  min-width: 32px;
  min-height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
.dispatch-tool:hover { background: rgba(102,245,130, 0.12); color: #fff; border-color: rgba(102,245,130, 0.3); }
.dispatch-tool:focus-visible { outline: 2px solid rgba(102,245,130, 0.55); outline-offset: 1px; }

.dispatch-tool-sep {
  width: 1px;
  height: 18px;
  background: rgba(255, 255, 255, 0.08);
  margin: 0 4px;
}
.dispatch-tool-hint {
  margin-left: auto;
  font-family: var(--font-mono);
  font-size: 0.7rem;
  color: var(--text-500);
  letter-spacing: 0.02em;
}

.dispatch-grid {
  display: grid;
  grid-template-columns: 1.25fr 1fr;
  gap: 18px;
  align-items: stretch;
}
@media (max-width: 900px) { .dispatch-grid { grid-template-columns: 1fr; } }

.dispatch-compose { display: flex; flex-direction: column; gap: 12px; }

.dispatch-textarea { resize: vertical; min-height: 140px; }

/* Drop area */
.dispatch-drop-empty[hidden],
.dispatch-drop-thumb[hidden],
.dispatch-thumb-info[hidden] { display: none !important; }

.dispatch-drop {
  border-radius: 14px;
  border: 1.5px dashed rgba(95,237,123, 0.25);
  background: rgba(95,237,123, 0.03);
  padding: 14px;
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 78px;
  cursor: pointer;
  transition: background 0.18s ease, border-color 0.18s ease;
}
.dispatch-drop:hover { background: rgba(95,237,123, 0.06); }
.dispatch-drop:focus-visible { outline: 2px solid rgba(102,245,130, 0.55); outline-offset: 2px; }
.dispatch-drop.is-dragover {
  background: rgba(49,230,85, 0.08);
  border-color: rgba(49,230,85, 0.55);
}

.dispatch-drop-empty {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  color: var(--text-400);
}
.dispatch-drop-icon {
  width: 36px; height: 36px;
  border-radius: 10px;
  background: rgba(95,237,123, 0.12);
  color: var(--purple-300, #b9fbc6);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  flex-shrink: 0;
}
.dispatch-drop-text { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.dispatch-drop-text strong { color: var(--text-100); font-family: var(--font-display); font-size: 0.92rem; }
.dispatch-drop-text small { color: var(--text-500); font-size: 0.78rem; }
.dispatch-link {
  appearance: none;
  background: none;
  border: 0;
  padding: 0;
  color: var(--purple-300, #b9fbc6);
  font: inherit;
  cursor: pointer;
  text-decoration: underline;
  text-decoration-color: rgba(102,245,130, 0.35);
}
.dispatch-link:hover { color: #fff; }

/* Thumbnail selecionado */
.dispatch-drop-thumb {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
}
.dispatch-thumb {
  width: 56px; height: 56px;
  border-radius: 12px;
  overflow: hidden;
  background: rgba(0,0,0,0.4);
  border: 1px solid rgba(95,237,123, 0.18);
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--text-200);
  font-family: var(--font-mono);
  font-size: 0.7rem;
}
.dispatch-thumb img, .dispatch-thumb video { width: 100%; height: 100%; object-fit: cover; }
.dispatch-thumb-info { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.dispatch-thumb-info strong { color: var(--text-100); font-family: var(--font-display); font-size: 0.88rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dispatch-thumb-info small { color: var(--text-500); font-size: 0.74rem; font-family: var(--font-mono); }
.dispatch-thumb-remove {
  appearance: none;
  background: rgba(105,245,133, 0.08);
  border: 1px solid rgba(105,245,133, 0.25);
  color: var(--danger, #69f585);
  width: 28px; height: 28px;
  border-radius: 8px;
  cursor: pointer;
  font-size: 1rem;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.dispatch-thumb-remove:hover { background: rgba(105,245,133, 0.18); color: #fff; }

/* Rodapé do composer */
.dispatch-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 4px;
}
.dispatch-check {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--text-300);
  font-size: 0.85rem;
  cursor: pointer;
}
.dispatch-check input { accent-color: var(--purple-500, #66f582); }

/* Preview WhatsApp mais caprichado */
.dispatch-preview {
  border-radius: 16px;
  background:
    radial-gradient(circle at 30% 20%, rgba(27,91,40, 0.5) 0%, transparent 60%),
    radial-gradient(circle at 80% 90%, rgba(16,68,31, 0.45) 0%, transparent 60%),
    linear-gradient(180deg, #0e2f14 0%, #0F1C13 100%);
  border: 1px solid rgba(95,237,123, 0.18);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-height: 240px;
}
.dispatch-preview-header {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  background: rgba(95,237,123, 0.14);
  border-bottom: 1px solid rgba(95,237,123, 0.18);
}
.dispatch-preview-header #dispatch-preview-avatar {
  width: 36px; height: 36px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.1);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #66f582, #31E655);
  background-size: cover;
  background-position: center;
  color: #091f0d;
  font-family: var(--font-mono);
  font-size: 0.74rem;
  font-weight: 800;
}
.dispatch-preview-header strong { display: block; color: #fff; font-size: 0.92rem; }
.dispatch-preview-header small { display: block; color: rgba(255,255,255,0.55); font-size: 0.7rem; }

.dispatch-preview-body {
  padding: 22px 16px 14px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex: 1;
}

.wa-bubble {
  margin-top: 0;
  padding: 10px 12px 14px;
  border-radius: 5px 13px 13px 13px;
  background: linear-gradient(180deg, #1b5b28 0%, #14431d 100%);
  color: #fff;
  white-space: pre-wrap;
  font-size: 0.9rem;
  line-height: 1.45;
  word-wrap: break-word;
  max-width: 92%;
  align-self: flex-end;
  position: relative;
  box-shadow: 0 2px 8px rgba(0,0,0,0.4);
  font-family: var(--font-display);
}
.wa-bubble b, .wa-bubble strong { font-weight: 700; color: #fff; }
.wa-bubble i, .wa-bubble em { font-style: italic; }
.wa-bubble s, .wa-bubble strike { text-decoration: line-through; }
.wa-bubble code {
  font-family: var(--font-mono);
  background: rgba(0,0,0,0.3);
  padding: 1px 5px;
  border-radius: 4px;
  font-size: 0.86em;
}
.wa-bubble ul, .wa-bubble ol { padding-left: 18px; margin: 4px 0; }
.wa-bubble blockquote {
  border-left: 3px solid rgba(49,230,85, 0.5);
  padding-left: 10px;
  margin: 4px 0;
  color: rgba(255,255,255,0.85);
}
.wa-bubble-media {
  display: block;
  margin-bottom: 8px;
  border-radius: 10px;
  overflow: hidden;
  max-width: 100%;
}
.wa-bubble-media img,
.wa-bubble-media video { width: 100%; display: block; }
.wa-bubble-media audio { width: 100%; }

.wa-clock {
  align-self: flex-end;
  font-family: var(--font-mono);
  font-size: 0.7rem;
  color: rgba(255,255,255,0.45);
}

/* Histórico real do grupo: bolhas recebidas e enviadas no ritmo visual do WhatsApp. */
.whatsapp-thread {
  min-height: 240px;
  max-height: 520px;
  overflow: auto;
  padding: 18px;
  border: 1px solid rgba(95,237,123, 0.16);
  border-radius: 16px;
  background:
    radial-gradient(circle at 15% 5%, rgba(95,237,123, 0.16), transparent 35%),
    radial-gradient(circle at 90% 90%, rgba(49,230,85, 0.09), transparent 38%),
    #111F15;
}
.group-wa-row { display: flex; margin: 3px 0 9px; }
.group-wa-row.is-outgoing { justify-content: flex-end; }
.group-wa-row.is-incoming { justify-content: flex-start; }
.group-wa-bubble {
  width: fit-content;
  max-width: min(82%, 520px);
  padding: 8px 10px 5px;
  border-radius: 8px 12px 12px 12px;
  color: #EBF6ED;
  background: #223126;
  box-shadow: 0 1px 1px rgba(0,0,0,.3);
  overflow: hidden;
}
.group-wa-row.is-outgoing .group-wa-bubble {
  border-radius: 12px 8px 12px 12px;
  background: linear-gradient(160deg, #2B4F32, #1F4226);
}
.group-wa-sender { display: block; margin: 0 0 4px; color: #a1f9b3; font-size: .76rem; }
.group-wa-text { white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.47; font-size: .88rem; }
.group-wa-text strong { color: #fff; }
.group-wa-text em { font-style: italic; }
.group-wa-text s { text-decoration: line-through; }
.group-wa-bubble footer { display: flex; justify-content: flex-end; align-items: center; gap: 3px; min-height: 14px; margin: 1px -2px 0 14px; }
.group-wa-bubble time { font-family: var(--font-mono); font-size: .65rem; color: rgba(233,253,237, .55); }
.group-wa-status { color: rgba(233,253,237, .58); font-size: .7rem; letter-spacing: -3px; padding-right: 2px; }
.group-wa-status.read { color: #64F180; }
.group-wa-media { display: block; width: min(330px, 100%); max-height: 310px; margin-bottom: 6px; border-radius: 8px; object-fit: cover; background: #111F15; }
.group-wa-video { object-fit: contain; }
.group-wa-audio { display: block; width: min(290px, 100%); margin: 4px 0 6px; }
.group-wa-media-placeholder,
.group-wa-audio-unavailable { display: flex; align-items: center; justify-content: center; min-height: 108px; margin-bottom: 6px; border-radius: 8px; color: #CAD6CC; background: linear-gradient(135deg, #2B4630, #1C2C20); font-size: .82rem; }
.group-wa-media-placeholder.media-load-failed,
.group-wa-audio-unavailable.media-load-failed { color: rgba(233,253,237,.66); background: rgba(255,255,255,.06); }
.group-unavailable[hidden] { display: none; }
.group-wa-audio-unavailable { min-height: 48px; justify-content: flex-start; gap: 10px; padding: 0 14px; border-radius: 24px; }
.group-wa-document { display: flex; align-items: center; gap: 10px; min-width: 220px; margin-bottom: 7px; padding: 10px; border-radius: 8px; background: rgba(0,0,0,.18); }
.group-wa-document > span { display: grid; width: 34px; height: 38px; place-items: center; border-radius: 5px; background: rgba(255,255,255,.1); color: #dbfde2; font-size: 1.3rem; }
.group-wa-document strong { display: block; max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .8rem; }
.group-wa-document small { display: block; margin-top: 2px; color: rgba(233,253,237,.55); font-size: .67rem; }
@media (max-width: 620px) {
  .whatsapp-thread { padding: 12px; }
  .group-wa-bubble { max-width: 93%; }
}
@media (max-width:720px) { .group-detail-hero,.group-detail-body{padding-left:16px;padding-right:16px}.group-detail-tabs{padding-left:16px}.group-stat-grid,.group-detail-grid,.group-dispatch-grid{grid-template-columns:1fr}.group-members-list{grid-template-columns:1fr}.group-detail-hero{gap:11px;flex-wrap:wrap}.group-detail-avatar{width:44px;height:44px;flex-basis:44px}.group-detail-header-actions{order:3;width:100%;margin-left:0}.group-header-action{flex:1}.group-detail-hero .modal-close{position:absolute;top:16px;right:16px}.group-save-confirmation{right:16px;bottom:16px}.route-plan-notice,.groups-guide{grid-template-columns:1fr;gap:13px}.route-plan-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.route-plan-upgrade,.groups-invite-action{width:100%}.groups-guide-steps{grid-template-columns:1fr}.groups-invite-action{justify-content:flex-start} }

/* Modal */
.modal {
  position: fixed;
  inset: 0;
  z-index: 160;
  pointer-events: none;
}

.modal.open { pointer-events: auto; }

.modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(2,14,5, 0.7);
  backdrop-filter: blur(14px);
  opacity: 0;
  transition: opacity 0.3s;
}

.modal.open .modal-backdrop { opacity: 1; }

.modal-card {
  position: absolute;
  top: 50%;
  left: 50%;
  width: min(92vw, 560px);
  max-height: 88vh;
  background: rgba(9,31,13, 0.95);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(95,237,123, 0.3);
  border-radius: var(--radius-xl);
  transform: translate(-50%, -45%) scale(0.96);
  opacity: 0;
  transition: all 0.3s var(--ease-spring);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  box-shadow: 0 40px 100px rgba(0, 0, 0, 0.6), var(--glow-md);
}

.modal.open .modal-card {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
}

.modal.template-editor-open .modal-card { width: min(96vw, 900px); }

.modal-card::before {
  content: "";
  position: absolute;
  inset: -1px;
  padding: 1px;
  border-radius: var(--radius-xl);
  background: var(--grad-border);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  animation: border-flow 6s linear infinite;
}

@keyframes border-flow {
  0% { filter: hue-rotate(0deg); }
  100% { filter: hue-rotate(360deg); }
}

.modal-card > * { position: relative; z-index: 1; }

/* Editor de templates: o texto salvo e a prévia WhatsApp caminham juntos. */
.template-editor-intro { margin: 0 0 15px; color: var(--text-400); font-size: .86rem; line-height: 1.5; }
.template-editor-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(250px, .85fr); gap: 16px; align-items: stretch; }
.template-compose { min-width: 0; }
.template-editor-toolbar { display: flex; flex-wrap: wrap; gap: 7px; padding: 8px; border: 1px solid rgba(95,237,123, .18); border-bottom: 0; border-radius: 12px 12px 0 0; background: rgba(255,255,255,.025); }
.template-editor-toolbar button { min-width: 32px; padding: 6px 9px; border: 0; border-radius: 7px; color: var(--text-300); background: rgba(95,237,123, .13); cursor: pointer; font: 700 .75rem var(--font-mono); transition: .18s ease; }
.template-editor-toolbar button:hover { color: #fff; background: rgba(95,237,123, .32); transform: translateY(-1px); }
.template-content-input { min-height: 315px; resize: vertical; border-radius: 0 0 12px 12px; font-family: var(--font-mono); line-height: 1.55; }
.template-variable-list { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 10px; }
.template-variable-list > span { margin-right: 2px; color: var(--text-500); font-size: .72rem; }
.template-variable-list button { padding: 4px 7px; border: 1px solid rgba(95,237,123,.22); border-radius: 6px; color: var(--purple-200); background: rgba(95,237,123,.08); font: .7rem var(--font-mono); cursor: pointer; }
.template-variable-list button:hover { background: rgba(95,237,123,.2); }
.template-media-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 12px; }
.template-media-actions > span { color: var(--text-500); font-size: .73rem; }
.template-preview-card { padding: 13px; border: 1px solid rgba(95,237,123,.22); border-radius: 14px; background: rgba(6,25,11, .52); min-height: 100%; }
.template-preview-card > span { display: block; margin: 0 0 9px; color: var(--purple-300); font: .66rem var(--font-mono); letter-spacing: .14em; }
.template-wa-surface { display: flex; flex-direction: column; min-height: 330px; padding: 14px; border-radius: 10px; background: radial-gradient(circle at 0 0, rgba(55,191,82, .32), transparent 42%), linear-gradient(145deg, #193120, #112116); }
.template-wa-bubble { max-width: 100%; min-width: 55%; white-space: normal; }
.template-wa-surface small { align-self: flex-end; margin-top: 3px; color: rgba(255,255,255,.48); font: .64rem var(--font-mono); }
.template-ai-section { margin-top: 17px; border: 1px solid rgba(95,237,123,.2); border-radius: 12px; overflow: hidden; background: rgba(95,237,123,.035); }
.template-ai-toggle { display: grid; grid-template-columns: auto 1fr auto; align-items: center; width: 100%; gap: 8px; padding: 12px 14px; border: 0; color: var(--purple-200); background: transparent; text-align: left; cursor: pointer; }
.template-ai-toggle span { font: 700 .86rem var(--font-display); }
.template-ai-toggle small { grid-column: 2; color: var(--text-500); font-size: .72rem; }
.template-ai-toggle b { grid-column: 3; grid-row: 1 / span 2; font-size: 1.1rem; transition: transform .2s; }
.template-ai-toggle[aria-expanded="true"] b { transform: rotate(180deg); }
.template-ai-panel { padding: 0 14px 14px; }
.template-ai-panel small { display: block; margin-top: 7px; color: var(--text-500); font-size: .73rem; }

@media (max-width: 720px) {
  .modal.template-editor-open .modal-card { width: min(96vw, 560px); }
  .template-editor-grid { grid-template-columns: 1fr; }
  .template-content-input { min-height: 245px; }
  .template-wa-surface { min-height: 190px; }
}

.modal header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px;
  border-bottom: 1px solid rgba(95,237,123, 0.15);
}

.modal h3 {
  font-family: var(--font-display);
  font-size: 1.2rem;
  font-weight: 600;
}

.modal-header-actions:empty { display: none; }

.modal-close {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: rgba(95,237,123, 0.1);
  font-size: 1.4rem;
  color: var(--text-300);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.modal-body {
  padding: 24px;
  overflow-y: auto;
  flex: 1;
}

/* Multi-step modal */
.modal-steps {
  display: flex;
  gap: 6px;
  margin-bottom: 24px;
}

.modal-step {
  flex: 1;
  height: 4px;
  border-radius: 99px;
  background: rgba(95,237,123, 0.1);
  position: relative;
  overflow: hidden;
}

.modal-step.done::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--grad-aurora);
  animation: step-fill 0.3s forwards;
}

.modal-step.active::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--grad-aurora);
  animation: step-fill 0.6s forwards;
}

@keyframes step-fill {
  from { transform: translateX(-100%); }
  to { transform: translateX(0); }
}

.modal-step-content {
  animation: step-fade 0.4s var(--ease-out);
}

@keyframes step-fade {
  from { opacity: 0; transform: translateX(20px); }
  to { opacity: 1; transform: translateX(0); }
}

.modal-foot {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding: 18px 24px;
  border-top: 1px solid rgba(95,237,123, 0.15);
  background: rgba(6,22,10, 0.4);
}

.modal-foot .spacer { flex: 1; }

/* Validação de configurações antes de liberar cada recurso para o pipeline. */
.configuration-test { min-height: 290px; }
.configuration-test-hero { display: flex; align-items: center; gap: 17px; margin-bottom: 20px; padding: 16px; border: 1px solid rgba(95,237,123,.2); border-radius: 14px; background: radial-gradient(circle at 0 0, rgba(95,237,123,.2), transparent 50%), rgba(95,237,123,.04); }
.configuration-test-hero > div:last-child > span { display: block; margin-bottom: 5px; color: var(--purple-300); font: .66rem var(--font-mono); letter-spacing: .13em; }
.configuration-test-hero h4 { margin: 0 0 5px; color: var(--text-100); font: 700 1rem var(--font-display); }
.configuration-test-hero p { margin: 0; color: var(--text-500); font-size: .77rem; line-height: 1.4; }
.configuration-test-orbit { position: relative; display: grid; flex: 0 0 56px; width: 56px; height: 56px; place-items: center; border-radius: 50%; background: rgba(95,237,123,.13); color: var(--purple-200); overflow: hidden; }
.configuration-test-orbit i { position: absolute; inset: 6px; border: 1px solid rgba(146,248,166,.72); border-radius: 50%; animation: test-orbit 1.5s linear infinite; }
.configuration-test-orbit i:nth-child(2) { inset: 14px; border-color: rgba(49,230,85,.6); animation-direction: reverse; animation-duration: 1.05s; }
.configuration-test-orbit b { position: relative; z-index: 1; font-size: 1.1rem; }
@keyframes test-orbit { to { transform: rotate(360deg); } }
.configuration-test-log { display: grid; gap: 8px; max-height: 265px; overflow: auto; padding: 4px 3px 4px 0; }
.configuration-test-line { display: flex; align-items: flex-start; gap: 10px; padding: 10px 11px; border: 1px solid rgba(255,255,255,.06); border-radius: 10px; background: rgba(255,255,255,.025); animation: test-log-in .28s var(--ease-out); }
.configuration-test-line > span { display: grid; flex: 0 0 20px; width: 20px; height: 20px; place-items: center; border-radius: 50%; font: 700 .8rem var(--font-mono); }
.configuration-test-line strong { display: block; color: var(--text-200); font-size: .8rem; }
.configuration-test-line small { display: block; margin-top: 2px; color: var(--text-500); font-size: .72rem; line-height: 1.35; }
.configuration-test-line.running > span { color: var(--purple-100); background: rgba(95,237,123,.22); animation: test-pulse .85s ease-in-out infinite; }
.configuration-test-line.success > span { color: #0A2010; background: var(--mint); }
.configuration-test-line.failure { border-color: rgba(255,82,127,.34); background: rgba(255,82,127,.06); }
.configuration-test-line.failure > span { color: #fff; background: var(--danger); }
.configuration-test-note { margin: 14px 0 0; color: var(--text-500); font-size: .72rem; line-height: 1.45; }
.configuration-test-footer { align-self: center; color: var(--text-500); font-size: .72rem; }
@keyframes test-log-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }
@keyframes test-pulse { 50% { transform: scale(1.12); opacity: .55; } }

/* Seletor próprio: evita o menu nativo claro do Windows. */
.provider-picker { position: relative; }
.provider-picker-trigger { display:flex; align-items:center; justify-content:space-between; width:100%; min-height:46px; padding:0 15px; border:1px solid rgba(95,237,123,.48); border-radius:14px; color:var(--text-100); background:linear-gradient(110deg,rgba(20,75,31,.98),rgba(16,55,24,.98)); box-shadow:inset 0 0 0 1px rgba(255,255,255,.025); font:500 .9rem var(--font-display); text-align:left; cursor:pointer; transition:.2s ease; }
.provider-picker-trigger:hover,.provider-picker.open .provider-picker-trigger { border-color:var(--purple-300); box-shadow:0 0 0 3px rgba(95,237,123,.13); }
.provider-picker-trigger b { color:var(--purple-300); font-size:1.1rem; transition:transform .2s; }
.provider-picker.open .provider-picker-trigger b { transform:rotate(180deg); }
.provider-picker-menu { position:absolute; z-index:80; top:calc(100% + 8px); left:0; right:0; max-height:330px; overflow:auto; padding:8px; border:1px solid rgba(95,237,123,.35); border-radius:14px; background:linear-gradient(145deg,#13401c,#0a220f); box-shadow:0 20px 45px rgba(0,0,0,.5),0 0 28px rgba(95,237,123,.15); animation:provider-menu-in .18s var(--ease-out); }
.provider-picker-menu[hidden] { display:none; }
.provider-picker-menu > span { display:block; padding:8px 9px 5px; color:var(--purple-300); font:.64rem var(--font-mono); letter-spacing:.1em; text-transform:uppercase; }
.provider-picker-menu > button { display:block; width:100%; padding:9px 10px; border:0; border-radius:8px; color:var(--text-300); background:transparent; font:500 .82rem var(--font-display); text-align:left; cursor:pointer; }
.provider-picker-menu > button:hover,.provider-picker-menu > button.active { color:#fff; background:rgba(95,237,123,.22); }
.provider-picker-menu > em { display:block; padding:9px; color:var(--text-500); font-size:.73rem; font-style:normal; line-height:1.4; }
.ai-global-banner .panel-body { display:flex; align-items:center; gap:18px; }
.ai-global-banner .panel-body p { margin:0; color:var(--text-400); font-size:.84rem; line-height:1.55; }
.ai-provider-panel { overflow:visible; }
.ai-model-picker.open .provider-picker-menu { position:relative; top:auto; margin-top:8px; max-height:260px; }
.ai-model-picker .provider-picker-menu { z-index:90; }
.ai-prompt-test { margin-top:22px; padding:15px; border:1px solid rgba(95,237,123,.22); border-radius:14px; background:linear-gradient(135deg,rgba(95,237,123,.08),rgba(49,230,85,.035)); }
.ai-prompt-test header { display:flex; justify-content:space-between; align-items:center; gap:12px; }
.ai-prompt-test header span { display:block; color:var(--purple-300); font:.64rem var(--font-mono); letter-spacing:.12em; }
.ai-prompt-test header strong { display:block; margin-top:4px; color:var(--text-200); font:.86rem var(--font-display); }
.ai-prompt-test > p { margin:10px 0; color:var(--text-500); font-size:.74rem; line-height:1.45; }
.ai-prompt-test pre { min-height:44px; max-height:160px; overflow:auto; margin:0; padding:11px; border-radius:9px; color:var(--mint); background:rgba(5,21,10,.62); font:.73rem/1.5 var(--font-mono); white-space:pre-wrap; }
@media (max-width:720px) { .ai-global-banner .panel-body { display:block; } .ai-global-banner .panel-body p { margin-top:13px; } }
@keyframes provider-menu-in { from { opacity:0; transform:translateY(-5px) scale(.98); } to { opacity:1; transform:translateY(0) scale(1); } }

/* Command palette */
.cmd-palette {
  position: fixed;
  inset: 0;
  z-index: 180;
  pointer-events: none;
}

.cmd-palette.open { pointer-events: auto; }

.cmd-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(2,14,5, 0.8);
  backdrop-filter: blur(12px);
  opacity: 0;
  transition: opacity 0.2s;
}

.cmd-palette.open .cmd-backdrop { opacity: 1; }

.cmd-card {
  position: absolute;
  top: 12%;
  left: 50%;
  width: min(92vw, 620px);
  max-height: 70vh;
  background: rgba(9,31,13, 0.95);
  backdrop-filter: blur(24px);
  border: 1px solid rgba(95,237,123, 0.3);
  border-radius: var(--radius-xl);
  transform: translateX(-50%) scale(0.95);
  opacity: 0;
  transition: all 0.25s var(--ease-spring);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  box-shadow: var(--glow-lg), 0 40px 100px rgba(0, 0, 0, 0.6);
}

.cmd-palette.open .cmd-card {
  transform: translateX(-50%) scale(1);
  opacity: 1;
}

.cmd-input {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 18px 20px;
  border-bottom: 1px solid rgba(95,237,123, 0.15);
  color: var(--text-300);
}

.cmd-input input {
  flex: 1;
  background: none;
  border: none;
  outline: none;
  font-family: inherit;
  font-size: 1.05rem;
  color: var(--text-100);
}

.cmd-input input::placeholder { color: var(--text-500); }

.kbd {
  font-family: var(--font-mono);
  font-size: 0.7rem;
  color: var(--text-400);
  background: rgba(95,237,123, 0.1);
  border: 1px solid rgba(95,237,123, 0.2);
  border-radius: 4px;
  padding: 2px 8px;
}

.cmd-results {
  padding: 8px;
  overflow-y: auto;
  flex: 1;
  max-height: 50vh;
}

.cmd-group-title {
  font-family: var(--font-mono);
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: var(--text-500);
  padding: 12px 12px 6px;
}

.cmd-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: background 0.15s;
}

.cmd-row:hover,
.cmd-row.active {
  background: rgba(95,237,123, 0.12);
}

.cmd-row.active {
  outline: 1px solid rgba(95,237,123, 0.4);
}

.cmd-row .ic {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: rgba(95,237,123, 0.1);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--purple-300);
  flex-shrink: 0;
}

.cmd-row .ic svg { width: 14px; height: 14px; }

.cmd-row .label { flex: 1; font-size: 0.92rem; }
.cmd-row .key {
  font-family: var(--font-mono);
  font-size: 0.72rem;
  color: var(--text-500);
}

.cmd-empty {
  padding: 40px;
  text-align: center;
  color: var(--text-500);
  font-size: 0.9rem;
}

.cmd footer {
  display: flex;
  gap: 16px;
  padding: 12px 20px;
  border-top: 1px solid rgba(95,237,123, 0.12);
  font-family: var(--font-mono);
  font-size: 0.7rem;
  color: var(--text-500);
}

/* ctx button */
.cmd-trigger {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: rgba(95,237,123, 0.1);
  border: 1px solid rgba(95,237,123, 0.2);
  color: var(--text-300);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  cursor: pointer;
  transition: all 0.2s;
}

.cmd-trigger:hover {
  background: var(--purple-500);
  color: white;
}

/* status pills extra */
.tag.warn .dot,
.tag.ok .dot,
.tag.danger .dot,
.tag.info .dot {
  background: currentColor;
}

/* New link row animation */
@keyframes row-enter {
  from { opacity: 0; transform: translateY(-10px); background: rgba(95,237,123, 0.12); }
  to { opacity: 1; transform: translateY(0); background: transparent; }
}

tr.new-row { animation: row-enter 1.2s var(--ease-out); }

/* Plataformas */
.platforms-overview {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 22px 24px;
  margin-bottom: 22px;
  border: 1px solid rgba(95,237,123, .22);
  border-radius: var(--radius-lg);
  background: linear-gradient(110deg, rgba(49,173,74, .18), rgba(17,59,25, .58));
}
.platforms-overview-copy { display: flex; align-items: flex-start; gap: 12px; }
.platforms-overview-copy .status-dot { margin-top: 7px; flex: 0 0 auto; }
.platforms-overview-copy strong { display: block; font-family: var(--font-display); font-size: 1rem; color: var(--text-100); }
.platforms-overview-copy p { margin: 5px 0 0; max-width: 660px; color: var(--text-400); font-size: .86rem; line-height: 1.6; }
.platforms-overview-count { display: flex; align-items: center; gap: 10px; padding-left: 22px; border-left: 1px solid rgba(95,237,123, .2); white-space: nowrap; }
.platforms-overview-count b { font-family: var(--font-display); font-size: 2rem; color: var(--purple-300); line-height: 1; }
.platforms-overview-count span { color: var(--text-400); font-size: .75rem; line-height: 1.4; }
.platform-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(236px, 1fr)); gap: 16px; }
.platform-card { min-width: 0; min-height: 190px; padding: 20px; text-align: left; color: inherit; cursor: pointer; border: 1px solid rgba(95,237,123, .2); border-radius: var(--radius-lg); background: linear-gradient(150deg, rgba(23,81,35, .8), rgba(11,36,16, .92)); box-shadow: 0 14px 34px rgba(2,14,5, .2); transition: transform .22s var(--ease-spring), border-color .22s, box-shadow .22s; display: flex; flex-direction: column; gap: 16px; }
.platform-card:hover, .platform-card:focus-visible { transform: translateY(-4px); outline: none; border-color: var(--purple-400); box-shadow: 0 19px 42px rgba(47,198,77, .23); }
.platform-logo { width: 52px; height: 52px; display: grid; place-items: center; overflow: hidden; border-radius: 16px; background: rgba(255, 255, 255, .94); box-shadow: 0 8px 16px rgba(0,0,0,.18); }
.platform-logo img { width: 38px; height: 38px; object-fit: contain; }
.platform-card-main { display: grid; gap: 7px; }
.platform-card-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.platform-card-top strong { font-family: var(--font-display); font-size: 1.04rem; color: var(--text-100); }
.platform-card-top i { font-family: var(--font-mono); font-style: normal; font-size: .64rem; color: var(--purple-200); border: 1px solid rgba(139,245,160, .23); border-radius: 99px; padding: 4px 7px; white-space: nowrap; }
.platform-card-main small { color: var(--text-400); font-size: .81rem; }
.platform-quick-controls { display: flex; gap: 7px; flex-wrap: wrap; }
.platform-quick-controls button, .platform-toggle-control { display: inline-flex; align-items: center; justify-content: space-between; gap: 8px; border: 1px solid rgba(95,237,123, .2); border-radius: 9px; padding: 7px 9px; background: rgba(95,237,123, .055); color: var(--text-400); font-size: .69rem; cursor: pointer; transition: .18s ease; }
.platform-quick-controls button:hover, .platform-toggle-control:hover { border-color: rgba(139,245,160, .65); color: var(--text-200); }
.platform-quick-controls button i, .platform-toggle-control i { width: 21px; height: 12px; border-radius: 99px; background: rgba(151,181,157, .42); position: relative; transition: background .18s; }
.platform-quick-controls button i::after, .platform-toggle-control i::after { content: ''; position: absolute; top: 2px; left: 2px; width: 8px; height: 8px; border-radius: 50%; background: white; transition: transform .18s var(--ease-spring); }
.platform-quick-controls button.on, .platform-toggle-control.on { color: #bbf7d0; border-color: rgba(65,198,91, .38); background: rgba(65,198,91, .09); }
.platform-quick-controls button.on i, .platform-toggle-control.on i { background: #41C65B; }
.platform-quick-controls button.on i::after, .platform-toggle-control.on i::after { transform: translateX(9px); }
.platform-toggle-control { width: 100%; padding: 12px 14px; font-family: var(--font-display); font-size: .82rem; }
.platform-toggle-control small { display: block; margin-top: 3px; color: var(--text-500); font-family: var(--font-sans); font-size: .72rem; font-weight: 400; }
.platform-card-foot { margin-top: auto; padding-top: 12px; border-top: 1px solid rgba(95,237,123, .15); display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.platform-card-foot em { color: #fbbf24; font-size: .69rem; font-style: normal; }
.platform-card[data-platform-active="true"] .platform-card-foot em { color: #78DD8C; }
.platform-card-foot b { color: var(--purple-300); font-size: .76rem; }
.platform-card--mercadolivre:hover { border-color: rgba(255, 229, 0, .7); }
.platform-card--shopee:hover, .platform-card--aliexpress:hover { border-color: rgba(255, 91, 73, .72); }
.platform-card--amazon:hover { border-color: rgba(255, 153, 0, .74); }
.platform-modal-hero { display: flex; align-items: center; gap: 14px; padding: 16px; border-radius: var(--radius-md); background: linear-gradient(120deg, rgba(50,174,75, .2), rgba(12,41,18, .48)); border: 1px solid rgba(95,237,123, .2); }
.platform-modal-hero .platform-logo { flex: 0 0 auto; }
.platform-modal-hero strong { font-family: var(--font-display); color: var(--text-100); }
.platform-modal-hero p { margin: 4px 0 0; color: var(--text-400); font-size: .82rem; line-height: 1.5; }
.platform-config-tabs { display: flex; gap: 6px; overflow-x: auto; margin: 18px 0; padding-bottom: 2px; }
.platform-config-tabs button { padding: 8px 12px; border: 1px solid rgba(95,237,123, .17); border-radius: 99px; color: var(--text-400); background: rgba(95,237,123, .05); font-size: .78rem; white-space: nowrap; cursor: pointer; }
.platform-config-tabs button.active { color: white; background: rgba(65,223,96, .5); border-color: rgba(139,245,160, .5); }
.platform-config-panel { display: grid; gap: 14px; }
.platform-config-note { padding: 14px; border-radius: var(--radius-md); background: rgba(251, 191, 36, .07); border: 1px solid rgba(251, 191, 36, .22); color: #fcd34d; font-size: .82rem; line-height: 1.55; }
.platform-config-note strong { color: #fde68a; }
.platform-config-status { display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; }
.platform-config-status div { padding: 11px; border-radius: 10px; background: rgba(95,237,123, .055); border: 1px solid rgba(95,237,123, .12); }
.platform-config-status span { display: block; font-family: var(--font-mono); font-size: .62rem; color: var(--text-500); text-transform: uppercase; letter-spacing: .08em; }
.platform-config-status b { display: block; margin-top: 5px; color: var(--text-200); font-size: .78rem; }
.platform-cookie-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.platform-hook-note { color: var(--text-500); font-size: .75rem; line-height: 1.55; margin: 0; }

.queue-grid { display: grid; gap: 11px; max-height: 680px; overflow: auto; padding-right: 3px; }
.queue-card { padding: 12px; border: 1px solid rgba(95,237,123, .17); border-radius: 13px; background: linear-gradient(120deg, rgba(34,116,50, .19), rgba(11,37,16, .48)); cursor: pointer; transition: .18s ease; display:flex; gap:12px; align-items:stretch; }
.queue-card-rich { position:relative; min-height:142px; padding:15px; border-color:rgba(139,245,160,.23); background:radial-gradient(circle at 88% 8%,rgba(82,226,111,.11),transparent 30%),linear-gradient(120deg,rgba(34,116,50,.38),rgba(11,37,16,.74)); }
.queue-card:hover { transform: translateX(3px); border-color: rgba(139,245,160, .55); background: rgba(50,174,75, .16); }
.queue-card.selected { border-color: rgba(139,245,160, .72); background: rgba(50,174,75, .2); box-shadow: inset 3px 0 0 var(--purple-400); }
.queue-card-rich.selected { box-shadow:inset 3px 0 0 var(--purple-400),0 12px 32px rgba(25,109,42,.18); }
.queue-card-content { min-width:0; flex:1; }
.queue-card-thumb { width:78px; min-height:94px; position:relative; overflow:hidden; border-radius:10px; background:rgba(5,18,9, .45); border:1px solid rgba(95,237,123,.14); display:grid; place-items:center; color:var(--text-500); flex:0 0 auto; }
.queue-card-rich .queue-card-thumb { width:92px; min-height:112px; border-color:rgba(184,250,197,.3); box-shadow:0 8px 22px rgba(0,0,0,.24); }
.queue-card-thumb > span { position:absolute; left:6px; top:6px; min-width:24px; padding:3px 5px; border-radius:7px; font:700 .62rem var(--font-mono); color:white; background:rgba(11,47,18,.78); border:1px solid rgba(184,250,197,.35); text-align:center; }
.queue-capture-media { width:100%; max-height:260px; display:block; object-fit:cover; border-radius:10px; border:1px solid rgba(95,237,123,.15); background:rgba(3,11,5,.5); }
.queue-capture-media.compact { width:100%; height:100%; min-height:94px; border:0; border-radius:0; }
.queue-capture-media-placeholder { min-height:152px; display:grid; place-items:center; padding:12px; text-align:center; border-radius:10px; border:1px dashed rgba(95,237,123,.32); background:rgba(95,237,123,.05); color:var(--text-500); font-size:.74rem; }
.queue-capture-media-placeholder.compact { width:100%; min-height:94px; padding:8px; border:0; border-radius:0; }
.queue-card-head, .queue-card-meta { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.queue-card time { color: var(--text-500); font-family: var(--font-mono); font-size: .65rem; }
.queue-card > strong { display:block; margin-top:10px; font-family:var(--font-display); font-size:.92rem; color:var(--text-100); }
.queue-card p { margin:5px 0 10px; color:var(--text-400); font-size:.76rem; }
.queue-card-rich strong { margin:8px 38px 1px 0; font-size:1rem; line-height:1.25; letter-spacing:-.01em; }
.queue-category { display:inline-flex; align-items:center; gap:5px; margin-left:6px; padding:3px 7px; border-radius:999px; color:#d8fcdf; background:rgba(51,206,82,.18); border:1px solid rgba(185,249,198,.18); font:600 .59rem var(--font-mono); text-transform:uppercase; letter-spacing:.035em; }
.queue-category i { display:grid; place-items:center; width:13px; height:13px; border-radius:4px; color:#fff; background:linear-gradient(135deg,#5fed7b,#52e26f); font-style:normal; font-size:.62rem; }
.queue-category.pending { color:#d3fbdb; background:rgba(48,201,79,.1); border-style:dashed; }
.queue-category.pending i { animation:queue-spin 1.4s linear infinite; }
.queue-category-detail { display:block; margin-top:3px; color:var(--purple-200); font-size:.69rem; }
.queue-source { display:flex; align-items:center; gap:6px; margin:7px 0!important; color:var(--text-400)!important; }
.queue-source i { color:var(--purple-400); font-style:normal; }
.queue-live-stage { display:flex; align-items:center; gap:7px; padding:7px 9px; border-radius:9px; background:rgba(7,23,11,.35); border:1px solid rgba(95,237,123,.12); color:#d8fcdf; font-size:.69rem; }
.queue-live-stage > i { width:6px; height:6px; flex:0 0 auto; border-radius:50%; background:#41C65B; box-shadow:0 0 0 0 rgba(65,198,91,.6); animation:queue-live-pulse 1.2s ease-out infinite; }
.queue-live-stage span { font-weight:700; white-space:nowrap; }
.queue-live-stage small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--text-500); }
.queue-card-meta { border-top:1px solid rgba(95,237,123,.12); padding-top:9px; color:var(--text-500); font-family:var(--font-mono); font-size:.68rem; }
.queue-card-meta b { color:var(--purple-200); font-family:var(--font-display); }
.queue-card-meta em { font-style:normal; color:#fcd34d; font-size:.64rem; }
.queue-platform { text-transform:uppercase; letter-spacing:.07em; }
.queue-price-summary { display:flex; align-items:center; gap:6px; }
.queue-price-summary del { color:#fda4af; font-size:.62rem; }
.queue-error { color:#fda4af; display:block; margin-top:9px; }
.queue-progress-track { height:4px; overflow:hidden; border-radius:999px; background:rgba(95,237,123,.13); margin:2px 0 14px; }
.queue-progress-track i { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#65ed80,#52e26f,#65ed80); background-size:200% 100%; transition:width .65s cubic-bezier(.22,1,.36,1); animation:queue-progress-glow 1.5s linear infinite; box-shadow:0 0 14px rgba(184,250,197,.85); }
.queue-live-label { display:flex; align-items:center; gap:7px; color:var(--purple-200)!important; max-width:62%; text-align:right; }
.queue-live-label i { width:7px; height:7px; flex:0 0 auto; border-radius:50%; background:#41C65B; box-shadow:0 0 0 0 rgba(65,198,91,.7); animation:queue-live-pulse 1.25s ease-out infinite; }
.queue-steps li { transition:background .35s ease,border-color .35s ease,transform .35s ease; }
.queue-steps li.active { border-color:rgba(184,250,197,.7); background:linear-gradient(90deg,rgba(69,226,100,.2),rgba(82,226,111,.08)); box-shadow:0 0 20px rgba(95,237,123,.1); animation:queue-step-breathe 1.5s ease-in-out infinite; }
.queue-steps li.active i { color:#fff; background:linear-gradient(135deg,#5fed7b,#52e26f); animation:queue-spin 1.1s linear infinite; }
.queue-steps li.done i { background:#1EAB3A; color:#fff; }
.queue-steps li.failed { border-color:rgba(251,113,133,.6); background:rgba(136,19,55,.13); }
@keyframes queue-progress-glow { to { background-position:200% 0; } }
@keyframes queue-live-pulse { 70% { box-shadow:0 0 0 8px rgba(65,198,91,0); } 100% { box-shadow:0 0 0 0 rgba(65,198,91,0); } }
@keyframes queue-step-breathe { 50% { transform:translateX(3px); } }
@keyframes queue-spin { to { transform:rotate(360deg); } }
.queue-delete-button { align-self:flex-start; flex:0 0 auto; display:grid; place-items:center; width:34px; height:34px; border:1px solid rgba(251,113,133,.32); border-radius:10px; background:rgba(136,19,55,.16); color:#fda4af; cursor:pointer; font-size:.92rem; transition:.18s ease; }
.queue-delete-button svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.queue-delete-button:hover { border-color:rgba(251,113,133,.85); background:rgba(190,24,93,.3); color:#fff; transform:translateY(-1px); }
.queue-forward-button { align-self:flex-start; border:1px solid rgba(185,249,198,.45); border-radius:9px; padding:7px 9px; background:rgba(51,206,82,.2); color:#e9feed; cursor:pointer; font-size:.68rem; font-weight:700; }.queue-forward-button:hover { background:rgba(44,196,75,.5); }
.queue-forward-destination { display:flex; align-items:center; gap:9px; padding:11px; border:1px solid rgba(95,237,123,.18); border-radius:11px; cursor:pointer; }.queue-forward-destination input { position:absolute; opacity:0; }.queue-forward-destination > span:nth-of-type(2) { display:grid; gap:2px; flex:1; }.queue-forward-destination small { color:var(--text-500); font-size:.67rem; }.queue-forward-destination > i { display:grid; place-items:center; width:19px; height:19px; border:1px solid rgba(95,237,123,.35); border-radius:6px; color:transparent; font-style:normal; }.queue-forward-destination input:checked ~ i { color:#fff; background:#2cc44b; border-color:#8bf5a0; }

/* Grade compacta da fila: cards previsíveis, sem rolagem interna. */
#queue-grid.queue-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; max-height:none; overflow:visible; padding-right:0; }
#queue-grid .queue-card-rich { display:grid; grid-template-columns:70px minmax(0,1fr) 28px; gap:10px; min-height:174px; padding:13px; align-items:start; }
#queue-grid .queue-card-rich .queue-card-thumb { width:70px; min-height:70px; height:70px; justify-self:center; align-self:start; border-radius:11px; }
#queue-grid .queue-capture-media.compact { min-height:70px; object-fit:contain; padding:3px; background:#fff; }
#queue-grid .queue-card-rich .queue-card-content { display:flex; flex-direction:column; gap:5px; min-width:0; min-height:148px; }
#queue-grid .queue-card-rich .queue-card-head { min-height:20px; align-items:flex-start; }
#queue-grid .queue-card-rich .queue-card-head > div { display:flex; min-width:0; flex-wrap:nowrap; overflow:hidden; }
#queue-grid .queue-card-rich .queue-card-head time { flex:0 0 auto; margin-left:auto; }
#queue-grid .queue-card-rich strong { margin:0; min-height:34px; overflow:hidden; font-size:.84rem; line-height:1.22; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
#queue-grid .queue-card-rich .queue-category-detail { margin:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
#queue-grid .queue-card-rich .queue-source { margin:0!important; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
#queue-grid .queue-card-rich .queue-live-stage { padding:6px 7px; min-width:0; min-height:30px; }
#queue-grid .queue-card-rich .queue-live-stage small { display:none; }
#queue-grid .queue-card-rich .queue-card-meta { padding-top:6px; margin-top:auto; }
#queue-grid .queue-card-rich .queue-card-head time { font-size:.55rem; white-space:nowrap; }
#queue-grid .queue-card-rich .queue-category { max-width:96px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
#queue-grid .queue-delete-button { width:30px; height:30px; }
#queue-grid .queue-error { grid-column:1 / -1; margin:0; font-size:.65rem; }
@media (max-width:1180px) { #queue-grid.queue-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:900px) { #queue-grid.queue-grid { grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); } }
@media (max-width:720px) { #queue-grid.queue-grid { grid-template-columns:1fr; } }
.history-filter-bar { display:flex; gap:9px; flex-wrap:wrap; margin:0 0 16px; padding-left:16px; }.history-filter-bar .select,.history-filter-bar .input { width:170px; min-height:36px; font-size:.75rem; }.history-product { display:flex; align-items:center; gap:10px; min-width:250px; max-width:460px; }.history-product strong { font-family:var(--font-display); line-height:1.35; }.history-thumb { display:grid; flex:0 0 auto; place-items:center; width:38px; height:38px; overflow:hidden; border:1px solid rgba(95,237,123,.25); border-radius:9px; background:rgba(34,129,53,.35); color:var(--purple-200); font:700 .6rem var(--font-mono); }.history-thumb img { width:100%; height:100%; object-fit:cover; }
#view-links .table-wrap { margin:0; overflow-x:auto; border-radius:0 0 var(--radius-lg) var(--radius-lg); }
#links-table { min-width:1180px; table-layout:fixed; }
#links-table th,#links-table td { padding:14px 12px; vertical-align:middle; box-sizing:border-box; }
#links-table th:first-child,#links-table td:first-child { padding-left:28px; width:110px; }
#links-table th:nth-child(2),#links-table td:nth-child(2) { width:360px; }
#links-table th:nth-child(3),#links-table td:nth-child(3) { width:105px; }
#links-table th:nth-child(4),#links-table td:nth-child(4) { width:105px; }
#links-table th:nth-child(5),#links-table td:nth-child(5) { width:155px; }
#links-table th:nth-child(6),#links-table td:nth-child(6) { width:150px; }
#links-table th:nth-child(7),#links-table td:nth-child(7) { width:125px; }
#links-table th:nth-child(8),#links-table td:nth-child(8) { width:125px; }
#links-table th:nth-child(9),#links-table td:nth-child(9) { width:90px; padding-right:28px; }
#links-table .history-product { min-width:0; max-width:none; }
#links-table .history-product strong { overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.history-detail-modal { display:flex; flex-direction:column; gap:16px; }.history-detail-hero { display:flex; gap:15px; align-items:center; padding:16px; border:1px solid rgba(95,237,123,.2); border-radius:16px; background:linear-gradient(135deg,rgba(44,196,75,.16),rgba(10,41,16,.46)); }.history-detail-hero img,.history-detail-placeholder,.history-captured-image { width:78px; height:78px; flex:0 0 auto; object-fit:cover; border-radius:14px; border:1px solid rgba(139,245,160,.35); }.history-detail-placeholder { display:grid; place-items:center; background:rgba(34,129,53,.45); color:var(--purple-200); font:700 .85rem var(--font-mono); text-align:center; }.history-detail-hero h3 { margin:4px 0 6px; font-family:var(--font-display); font-size:1.18rem; }.history-detail-hero p { margin:0; color:var(--text-400); font-size:.82rem; }.history-detail-tags { display:flex; flex-wrap:wrap; gap:6px; margin-top:10px; }.history-detail-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }.history-detail-stats>div { min-height:70px; padding:12px; border:1px solid rgba(95,237,123,.16); border-radius:12px; background:rgba(95,237,123,.05); }.history-detail-stats small { display:block; margin-bottom:7px; color:var(--text-500); font:700 .64rem var(--font-mono); text-transform:uppercase; letter-spacing:.08em; }.history-detail-stats b,.history-destination-count { color:var(--text-100); font-size:.78rem; line-height:1.35; }.history-muted { color:var(--text-500); font-size:.77rem; }.history-detail-columns { display:grid; grid-template-columns:1fr 1fr; gap:12px; }.history-detail-columns section { min-width:0; }.history-detail-columns h4 { margin:0 0 8px; font-family:var(--font-display); font-size:.86rem; }.history-message { min-height:130px; padding:13px; border-radius:12px; font-size:.83rem; line-height:1.58; overflow:auto; white-space:normal; }.history-message.original { background:rgba(15,32,20,.78); border:1px solid rgba(65,198,91,.16); }.history-message.final { background:rgba(33,112,49,.5); border:1px solid rgba(139,245,160,.22); }.history-link { display:inline-block; margin-top:8px; color:var(--purple-200); font-size:.78rem; }.history-error { padding:11px 13px; border:1px solid rgba(251,113,133,.35); border-radius:10px; color:#fda4af; background:rgba(190,24,93,.12); font-size:.82rem; }.history-delete-btn { color:#fda4af!important; border-color:rgba(251,113,133,.35)!important; }.history-resend-list { display:grid; gap:8px; margin-top:14px; }
@media (max-width:700px) { .history-detail-stats,.history-detail-columns { grid-template-columns:1fr; } .history-detail-hero { align-items:flex-start; } }
.playwright-hero { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:25px 28px; border:1px solid rgba(185,249,198,.32); border-radius:18px; background:radial-gradient(circle at 86% 18%,rgba(82,226,111,.18),transparent 28%),linear-gradient(125deg,rgba(34,129,53,.48),rgba(10,41,16,.78)); }.playwright-hero span { color:var(--purple-300); font:700 .67rem var(--font-mono); letter-spacing:.16em; }.playwright-hero h3 { margin:7px 0; font:600 1.35rem var(--font-display); }.playwright-hero p { max-width:660px; margin:0; color:var(--text-400); font-size:.84rem; line-height:1.55; }.playwright-hero-steps { display:flex; align-items:center; gap:8px; white-space:nowrap; }.playwright-hero-steps b { display:grid; place-items:center; width:27px; height:27px; border-radius:50%; color:#fff; background:linear-gradient(135deg,#65ed80,#52e26f); font:.75rem var(--font-mono); }.playwright-hero-steps i { color:var(--text-400); font-style:normal; font-size:.72rem; }.playwright-summary { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:18px; }.playwright-summary article { padding:16px 18px; border:1px solid rgba(95,237,123,.18); border-radius:14px; background:rgba(34,116,50,.16); }.playwright-summary span { display:block; color:var(--text-500); font:700 .63rem var(--font-mono); letter-spacing:.12em; }.playwright-summary b { display:inline-block; margin:7px 8px 0 0; color:var(--purple-200); font:700 1.55rem var(--font-display); }.playwright-summary small { color:var(--text-400); font-size:.74rem; }.playwright-recipe-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:14px; }.playwright-recipe-card { display:grid; gap:15px; min-height:230px; padding:18px; border:1px solid rgba(95,237,123,.2); border-radius:15px; background:linear-gradient(145deg,rgba(34,116,50,.27),rgba(10,41,16,.72)); }.playwright-recipe-card.active { border-color:rgba(65,198,91,.55); box-shadow:0 10px 28px rgba(30,171,58,.09); }.playwright-recipe-card header,.playwright-recipe-card footer { display:flex; align-items:center; justify-content:space-between; gap:8px; }.platform-chip { padding:5px 8px; border-radius:8px; color:var(--purple-200); background:rgba(95,237,123,.12); font:700 .64rem var(--font-mono); }.playwright-recipe-card h3 { margin:0 0 5px; font:600 1rem var(--font-display); }.playwright-recipe-card p { margin:0; color:var(--text-400); font-size:.76rem; }.playwright-recipe-meta { min-height:62px; padding:10px; border-radius:10px; background:rgba(5,18,9,.35); border:1px solid rgba(95,237,123,.1); }.playwright-recipe-meta span,.playwright-recipe-meta small { display:block; color:var(--text-500); font-size:.67rem; }.playwright-recipe-meta b { display:block; margin:3px 0; color:var(--text-200); font:.72rem var(--font-mono); }.playwright-guide { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }.playwright-guide article { padding:15px; border-radius:12px; background:rgba(95,237,123,.05); border:1px solid rgba(95,237,123,.14); }.playwright-guide b { color:var(--purple-200); font-family:var(--font-display); }.playwright-guide p { margin:7px 0 0; color:var(--text-400); font-size:.78rem; line-height:1.55; }.playwright-map-modal { display:grid; gap:16px; }
.playwright-map-modal .select { color-scheme: dark; background-color: #113c1a; border-color: rgba(139,245,160,.72); }
.playwright-map-modal .select option { color: #f0fef3; background: #113c1a; font-weight: 600; }
.playwright-map-modal .select option:checked { color: #fff; background: #39c655; }

/* Dropdowns do painel: o select nativo permanece acessível e como fonte de
   verdade, mas o menu visível não depende da renderização branca do Chromium. */
.hypeo-select { position:relative; min-width:0; width:100%; }
.hypeo-select-native { position:absolute !important; width:1px !important; height:1px !important; opacity:0 !important; pointer-events:none !important; }
.hypeo-select-trigger { width:100%; min-height:42px; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:0 13px; border:1px solid rgba(124,247,149,.34); border-radius:12px; background:linear-gradient(135deg,rgba(20,72,30,.96),rgba(11,41,17,.98)); color:var(--text-100); font:600 .86rem var(--font-body); text-align:left; cursor:pointer; transition:border-color .18s ease,background .18s ease,transform .18s ease; }
.hypeo-select-trigger:hover,.hypeo-select.open .hypeo-select-trigger { border-color:rgba(160,249,178,.82); background:linear-gradient(135deg,rgba(29,105,44,.96),rgba(14,55,22,.99)); }
.hypeo-select-trigger:focus-visible { outline:2px solid rgba(115,237,139,.7); outline-offset:2px; }
.hypeo-select-trigger:disabled { cursor:not-allowed; opacity:.55; }
.hypeo-select-trigger.is-placeholder span { color:var(--text-400); }
.hypeo-select-trigger i { color:var(--purple-200); font-size:1.05rem; font-style:normal; line-height:1; transition:transform .18s ease; }
.hypeo-select.open .hypeo-select-trigger i { transform:rotate(180deg); }
.hypeo-select-menu { position:absolute; z-index:140; top:calc(100% + 7px); left:0; right:0; display:none; max-height:268px; overflow:auto; padding:6px; border:1px solid rgba(140,248,162,.55); border-radius:14px; background:linear-gradient(160deg,#13471e,#09200d); box-shadow:0 20px 42px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.035) inset; }
.hypeo-select.open .hypeo-select-menu { display:block; animation:hypeoSelectIn .16s ease both; }
.hypeo-select-option { display:block; width:100%; padding:10px 11px; border:0; border-radius:9px; background:transparent; color:var(--text-200); font:500 .82rem var(--font-body); text-align:left; cursor:pointer; transition:background .14s ease,color .14s ease; }
.hypeo-select-option:hover,.hypeo-select-option.selected { color:#fff; background:rgba(95,237,123,.23); }
.hypeo-select-option.selected::after { content:'✓'; float:right; color:#73ED8B; font-weight:800; }
.hypeo-select-option:disabled { opacity:.42; cursor:not-allowed; }
.history-filter-bar .hypeo-select { width:170px; min-height:36px; }
.history-filter-bar .hypeo-select-trigger { min-height:36px; font-size:.75rem; }
@keyframes hypeoSelectIn { from { opacity:0; transform:translateY(-5px) scale(.985); } to { opacity:1; transform:translateY(0) scale(1); } }
.playwright-delete { display:grid; place-items:center; width:36px; height:34px; padding:0; border:1px solid rgba(251,113,133,.45); border-radius:10px; color:#fda4af; background:rgba(190,24,93,.11); cursor:pointer; transition:.2s; }.playwright-delete:hover:not(:disabled) { color:#fff; background:rgba(225,29,72,.42); box-shadow:0 0 18px rgba(244,63,94,.25); transform:translateY(-1px); }.playwright-delete:disabled { opacity:.35; cursor:not-allowed; }.playwright-delete svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }.delete-confirm { display:grid; gap:10px; padding:18px; border:1px solid rgba(251,191,36,.32); border-radius:14px; background:rgba(120,53,15,.11); }.delete-confirm.danger { border-color:rgba(251,113,133,.42); background:rgba(136,19,55,.14); }.delete-confirm > span { color:#fbbf24; font:700 .67rem var(--font-mono); letter-spacing:.12em; }.delete-confirm.danger > span { color:#fda4af; }.delete-confirm h4 { margin:0; font:600 1.15rem var(--font-display); }.delete-confirm p { margin:0; color:var(--text-400); line-height:1.6; }.delete-confirm-icon { display:grid; place-items:center; width:34px; height:34px; border-radius:50%; color:#fff; background:linear-gradient(135deg,#f59e0b,#e11d48); font:800 1.05rem var(--font-display); }
.playwright-homologation { margin-top:18px; }.playwright-homologation-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:11px; margin-top:14px; }.homologation-card { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:112px; padding:15px; border:1px solid rgba(95,237,123,.2); border-radius:13px; background:linear-gradient(135deg,rgba(34,129,53,.18),rgba(8,40,14,.5)); }.homologation-card h4 { margin:8px 0 4px; font:600 .95rem var(--font-display); }.homologation-card p { margin:0; color:var(--text-400); font-size:.74rem; }
.playwright-recipe-card.clean { min-height:0; gap:12px; }.playwright-recipe-card.clean .playwright-recipe-meta { min-height:0; }.playwright-action-row { display:flex; align-items:center; gap:8px; padding-top:2px; }.playwright-secondary,.playwright-map-action,.playwright-real-action { min-height:35px; border-radius:10px; padding:0 13px; font:700 .73rem var(--font-display); cursor:pointer; transition:.2s; }.playwright-secondary { border:1px solid rgba(185,249,198,.23); color:var(--text-300); background:rgba(255,255,255,.025); }.playwright-secondary:hover { color:#fff; border-color:rgba(185,249,198,.62); background:rgba(101,237,128,.15); }.playwright-map-action { border:1px solid rgba(185,249,198,.48); color:#fff; background:linear-gradient(135deg,#37be52,#65ed80); box-shadow:0 7px 18px rgba(101,237,128,.16); }.playwright-real-action { border:1px solid rgba(58,199,86,.42); color:#DFFCE5; background:linear-gradient(135deg,rgba(24,137,46,.78),rgba(22,196,57,.58)); box-shadow:0 7px 18px rgba(33,171,61,.14); }.playwright-map-action span,.playwright-real-action span { margin-right:5px; }.playwright-map-action:hover:not(:disabled),.playwright-real-action:hover:not(:disabled) { transform:translateY(-1px); filter:brightness(1.1); }.playwright-map-action:disabled,.playwright-real-action:disabled { opacity:.4; cursor:not-allowed; box-shadow:none; }.playwright-action-row .playwright-delete { margin-left:auto; }
@media (max-width:760px) { .playwright-hero { align-items:flex-start; flex-direction:column; } .playwright-summary,.playwright-guide { grid-template-columns:1fr; } }
.queue-clear-button { min-height:42px; padding:0 18px; border-color:rgba(251,113,133,.55); background:linear-gradient(135deg,rgba(190,24,93,.86),rgba(136,19,55,.88)); color:#fff; box-shadow:0 10px 25px rgba(136,19,55,.25); }
.queue-clear-button:hover { border-color:#fda4af; filter:brightness(1.1); }
.queue-nav-count { display:inline-grid; place-items:center; min-width:19px; height:19px; margin-left:auto; padding:0 5px; border-radius:999px; background:rgba(95,237,123,.28); color:#e9feed; font:700 .65rem var(--font-mono); }
.queue-operation-bar { display:flex; align-items:center; justify-content:space-between; gap:18px; margin:0 0 18px; padding:14px 16px; border:1px solid rgba(65,198,91,.2); border-radius:14px; background:linear-gradient(100deg,rgba(12,72,29,.18),rgba(16,71,27,.18)); }
.queue-operation-bar > div:first-child { display:flex; align-items:center; gap:9px; flex-wrap:wrap; }.queue-operation-bar small { color:var(--text-400); font-size:.74rem; }.queue-operation-bar.paused { border-color:rgba(251,113,133,.55); background:linear-gradient(100deg,rgba(127,29,29,.27),rgba(21,89,34,.2)); }.queue-operation-bar.paused .status-dot { background:#fb7185; box-shadow:0 0 12px #fb7185; }
.queue-view-tabs { display:flex; gap:6px; padding:4px; border-radius:11px; background:rgba(5,18,9,.42); }.queue-view-tabs button { border:0; border-radius:8px; padding:7px 10px; color:var(--text-400); background:transparent; cursor:pointer; font-size:.72rem; }.queue-view-tabs button.active { color:#fff; background:rgba(62,223,94,.5); }.queue-view-tabs b { margin-left:5px; font-family:var(--font-mono); }
.queue-config-modal { display:grid; gap:18px; }.queue-config-hero { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:18px; border:1px solid rgba(185,249,198,.28); border-radius:15px; background:radial-gradient(circle at 92% 5%,rgba(82,226,111,.2),transparent 35%),linear-gradient(135deg,rgba(34,129,53,.36),rgba(14,56,22,.5)); }.queue-config-hero span,.queue-destinations-section > div > span { font:700 .62rem var(--font-mono); letter-spacing:.14em; color:var(--purple-300); }.queue-config-hero h4,.queue-destinations-section h4 { margin:5px 0; font-family:var(--font-display); font-size:1.05rem; }.queue-config-hero p,.queue-destinations-section p { margin:0; color:var(--text-400); font-size:.77rem; line-height:1.5; }
.queue-pause-toggle { display:flex; align-items:center; gap:10px; min-width:176px; cursor:pointer; }.queue-pause-toggle input,.mini-switch input { position:absolute; opacity:0; pointer-events:none; }.queue-pause-toggle span { display:grid; gap:2px; font:inherit; letter-spacing:0; color:var(--text-100); }.queue-pause-toggle small { color:var(--text-500); font-size:.67rem; }.queue-pause-toggle > i,.mini-switch i { width:38px; height:22px; border-radius:999px; background:rgba(151,181,157,.3); position:relative; transition:.2s; }.queue-pause-toggle > i:after,.mini-switch i:after { content:''; position:absolute; width:16px; height:16px; top:3px; left:3px; border-radius:50%; background:#fff; transition:.2s; }.queue-pause-toggle input:checked + span + i,.mini-switch input:checked + i { background:#e11d48; }.queue-pause-toggle input:checked + span + i:after,.mini-switch input:checked + i:after { transform:translateX(16px); }
.queue-settings-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }.queue-setting-field { padding:14px; border:1px solid rgba(95,237,123,.19); border-radius:12px; background:rgba(9,36,14,.5); }.queue-setting-field label { display:block; font-weight:700; }.queue-setting-field > small { display:block; min-height:33px; margin:4px 0 9px; color:var(--text-500); font-size:.7rem; line-height:1.4; }.queue-setting-field > div { display:flex; align-items:center; gap:8px; }.queue-setting-field input { width:104px; }.queue-setting-field span { color:var(--purple-200); font:700 .67rem var(--font-mono); }
.queue-destinations-section { display:grid; gap:12px; }.queue-destination-rule { padding:13px; border:1px solid rgba(95,237,123,.16); border-radius:12px; background:rgba(6,26,10,.42); }.queue-destination-title { display:flex; align-items:center; gap:9px; }.queue-destination-title > div { display:grid; gap:2px; flex:1; }.queue-destination-title b { font-size:.82rem; }.queue-destination-title small,.queue-destination-hint { color:var(--text-500); font-size:.67rem; }.group-avatar { display:grid; place-items:center; width:29px; height:29px; border-radius:9px; background:linear-gradient(135deg,#5fed7b,#52e26f); color:white; font:700 .6rem var(--font-mono); }.queue-category-picker { display:flex; flex-wrap:wrap; gap:6px; margin:11px 0 8px; }.queue-category-picker label { position:relative; cursor:pointer; }.queue-category-picker input { position:absolute; opacity:0; }.queue-category-picker span { display:block; padding:5px 7px; border:1px solid rgba(95,237,123,.2); border-radius:999px; color:var(--text-400); font-size:.63rem; transition:.16s; }.queue-category-picker input:checked + span { border-color:#8bf5a0; color:white; background:rgba(44,196,75,.42); }
.queue-destination-compact { display:flex; align-items:center; width:100%; gap:10px; padding:10px 12px; border:1px solid rgba(95,237,123,.16); border-radius:11px; color:var(--text-100); background:rgba(6,26,10,.42); text-align:left; cursor:pointer; transition:.16s; }.queue-destination-compact:hover { border-color:#8bf5a0; background:rgba(34,129,53,.24); transform:translateX(2px); }.queue-destination-compact > span:nth-child(2) { display:grid; gap:2px; flex:1; }.queue-destination-compact b { font-size:.78rem; }.queue-destination-compact small { color:var(--text-500); font-size:.65rem; }.queue-destination-compact em { padding:4px 7px; border-radius:999px; color:var(--purple-200); background:rgba(51,206,82,.2); font:700 .6rem var(--font-mono); font-style:normal; }.queue-destination-compact > i { color:#8bf5a0; font-size:1.25rem; font-style:normal; }.queue-category-picker-large { margin:0; padding:4px; }.queue-category-picker-large span { padding:9px 11px; font-size:.72rem; }
@media (max-width:760px) { .queue-operation-bar,.queue-config-hero { align-items:flex-start; flex-direction:column; }.queue-settings-grid { grid-template-columns:1fr; } }
.queue-detail-head { display:flex; justify-content:space-between; align-items:center; gap:10px; margin-bottom:12px; }
.queue-position { font-family:var(--font-mono); font-size:.68rem; letter-spacing:.05em; color:var(--purple-200); }
.queue-detail-block { border-top:1px solid rgba(95,237,123,.15); padding:15px 0; }
.queue-detail-block:first-of-type { border-top:0; padding-top:0; }
.queue-detail-title { display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin-bottom:11px; }
.queue-detail-title span { font-family:var(--font-display); color:var(--text-100); font-size:.88rem; }
.queue-detail-title small { color:var(--text-500); font-size:.67rem; text-align:right; }
.queue-origin-grid { display:grid; grid-template-columns:132px minmax(0,1fr); gap:12px; align-items:start; }
.queue-origin-grid .queue-capture-media-placeholder { min-height:110px; }
.queue-origin-grid strong { display:block; color:var(--text-100); font-family:var(--font-display); font-size:.88rem; }
.queue-origin-grid small, .queue-origin-grid a { display:block; margin-top:6px; color:var(--text-400); font-size:.72rem; line-height:1.45; }
.queue-origin-grid a { color:var(--purple-200); overflow-wrap:anywhere; }
.queue-original-message { margin-top:12px; max-height:190px; overflow:auto; padding:11px; border:1px solid rgba(95,237,123,.13); border-radius:10px; background:rgba(5,16,8,.42); color:var(--text-300); font-size:.76rem; line-height:1.5; }
.queue-steps { margin:0; padding:0; display:grid; gap:9px; list-style:none; }
.queue-steps li { display:flex; gap:9px; align-items:flex-start; padding:9px; border-radius:9px; background:rgba(95,237,123,.035); border:1px solid rgba(95,237,123,.09); }
.queue-steps i { width:19px; height:19px; border-radius:50%; display:grid; place-items:center; flex:0 0 auto; font:700 .69rem var(--font-mono); color:var(--text-500); background:rgba(255,255,255,.06); }
.queue-steps li.done i { background:rgba(30,171,58,.18); color:#78DD8C; }.queue-steps li.active i { background:rgba(95,237,123,.25); color:#d8fcdf; animation:pulse 1.5s infinite; }.queue-steps li.failed i { background:rgba(244,63,94,.2); color:#fda4af; }
.queue-steps b { display:block; color:var(--text-200); font-size:.75rem; }.queue-steps small { display:block; color:var(--text-500); font-size:.68rem; margin-top:2px; line-height:1.35; }
.queue-blocked-note { margin:0; padding:11px; border-radius:10px; border:1px solid rgba(251,191,36,.25); background:rgba(251,191,36,.06); color:#fcd34d; font-size:.74rem; line-height:1.45; }
.queue-retry-inline { align-self:start; justify-self:start; margin-top:8px; padding:7px 11px; border:1px solid rgba(139,245,160,.46); border-radius:9px; color:#e9feed; background:rgba(44,196,75,.22); font:700 .72rem var(--font-display); }.queue-retry-inline:hover { background:rgba(95,237,123,.42); color:#fff; }.queue-retry-inline:disabled { opacity:.5; cursor:wait; }
.queue-process-button { margin-top:10px; width:100%; justify-content:center; }
.admin-nav a.disabled { opacity: .34; filter: grayscale(1); cursor: not-allowed; pointer-events: none; }
.admin-nav a.disabled svg { color: var(--text-500); }

/* Planos: painel denso, legível e inteiramente administrável. */
.plan-editor-complete { grid-column:span 1; display:flex; flex-direction:column; gap:14px; }
.plan-editor-complete header { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; }
.plan-editor-complete h4 { margin:4px 0 0; font-size:1.08rem; }
.plan-basics { display:grid; grid-template-columns:1fr 150px auto; align-items:end; gap:12px; }
.plan-limit-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.plan-limit-grid .form-field { min-width:0; }.plan-limit-grid small { min-height:28px; color:var(--text-500); font-size:.7rem; line-height:1.2; }
.plan-section-label { margin:2px 0 -4px; font-family:var(--font-mono); font-size:.71rem; text-transform:uppercase; letter-spacing:.13em; color:var(--purple-300); }.plan-section-label small { margin-left:6px; text-transform:none; letter-spacing:0; color:var(--text-500); }
.plan-choice-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; }
.plan-choice-grid label,.plan-active-toggle { display:flex; align-items:center; gap:8px; min-height:34px; padding:7px 9px; border:1px solid rgba(153,248,172,.16); border-radius:10px; background:rgba(255,255,255,.02); color:var(--text-300); font-size:.76rem; cursor:pointer; }
.plan-choice-grid label:hover,.plan-active-toggle:hover { border-color:rgba(101,237,128,.54); background:rgba(101,237,128,.08); }.plan-choice-grid input,.plan-active-toggle input { accent-color:var(--accent); }
.plan-editor-actions { display:flex; align-items:center; justify-content:space-between; gap:14px; padding-top:12px; border-top:1px solid rgba(153,248,172,.12); }.plan-editor-actions small { color:var(--text-500); max-width:65%; font-size:.74rem; }
@media (max-width:1050px) { .plan-limit-grid,.plan-choice-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }

/* Portão de integridade: intencionalmente sem backdrop clicável. */
.integrity-gate { position:fixed; z-index:10000; inset:0; display:grid; place-items:center; overflow:auto; padding:28px; background:rgba(5,18,9,.82); backdrop-filter:blur(18px); }
.integrity-gate[hidden] { display:none; }.integrity-gate-card { position:relative; z-index:1; width:min(700px,100%); padding:28px; overflow:hidden; border:1px solid rgba(169,250,185,.33); border-radius:22px; background:linear-gradient(145deg,rgba(23,80,35,.97),rgba(8,28,12,.98)); box-shadow:0 28px 90px rgba(0,0,0,.48); }
.integrity-gate-heading { display:flex; align-items:center; gap:15px; }.integrity-seal { display:grid; place-items:center; flex:0 0 auto; width:52px; height:52px; border:1px solid rgba(58,199,86,.45); border-radius:17px; color:#9BF6AD; background:linear-gradient(135deg,rgba(24,137,46,.25),rgba(108,232,133,.23)); font-size:1.5rem; animation:integrity-breathe 2.4s ease-in-out infinite; }.integrity-gate h2 { margin:4px 0 5px; font:600 1.35rem var(--font-display); }.integrity-gate p { margin:0; color:var(--text-400); font-size:.82rem; }
.integrity-progress { height:6px; margin:24px 0 18px; overflow:hidden; border-radius:999px; background:rgba(255,255,255,.07); }.integrity-progress i { display:block; width:12%; height:100%; border-radius:inherit; background:linear-gradient(90deg,#21AB3D,#45e264); transition:width .5s ease; }
.integrity-checks { display:grid; gap:8px; max-height:min(48vh,430px); overflow:auto; padding-right:4px; }.integrity-check { display:grid; grid-template-columns:28px 1fr auto; align-items:center; gap:10px; padding:11px 12px; border:1px solid rgba(185,249,198,.13); border-radius:12px; background:rgba(255,255,255,.025); }.integrity-check i { display:grid; place-items:center; width:24px; height:24px; border-radius:50%; color:var(--text-400); background:rgba(255,255,255,.06); font-style:normal; font-size:.78rem; }.integrity-check.ok i { color:#78DD8C; background:rgba(30,171,58,.16); }.integrity-check.failed { border-color:rgba(251,113,133,.35); background:rgba(136,19,55,.09); }.integrity-check.failed i { color:#fda4af; background:rgba(225,29,72,.18); }.integrity-check strong,.integrity-check small { display:block; }.integrity-check strong { color:var(--text-200); font-size:.78rem; }.integrity-check small { margin-top:2px; color:var(--text-500); font-size:.68rem; line-height:1.35; }.integrity-check em { color:var(--text-500); font-style:normal; font:.62rem var(--font-mono); text-align:right; }
.integrity-gate-footer { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:20px; padding-top:15px; border-top:1px solid rgba(185,249,198,.13); }.integrity-gate-footer small { max-width:52%; color:var(--text-500); font-size:.7rem; line-height:1.4; }.integrity-gate-actions { display:flex; align-items:center; justify-content:flex-end; gap:10px; flex-wrap:wrap; }.integrity-gate-actions .btn { min-height:44px; white-space:nowrap; }.integrity-gate-actions .btn-primary { background:linear-gradient(135deg,#3AC756,#47E968); color:#081D0E; box-shadow:none; }.integrity-gate-actions .btn-primary:hover { transform:translateY(-1px); box-shadow:0 10px 28px rgba(58,199,86,.18); }.integrity-gate-orbit { position:fixed; width:360px; height:360px; border:1px solid rgba(69,226,100,.2); border-radius:50%; pointer-events:none; }.orbit-a { top:-180px; right:10%; animation:spin 20s linear infinite; }.orbit-b { bottom:-230px; left:4%; width:460px; height:460px; border-color:rgba(33,171,61,.16); animation:spin 28s linear infinite reverse; }@keyframes integrity-breathe { 50% { transform:scale(1.08); filter:brightness(1.2); } }@keyframes spin { to { transform:rotate(360deg); } }
@media (max-width:600px) { .integrity-gate { padding:14px; }.integrity-gate-card { padding:20px; }.integrity-gate-footer { align-items:stretch; flex-direction:column; }.integrity-gate-footer small { max-width:none; }.integrity-gate-actions { display:grid; grid-template-columns:1fr; }.integrity-gate-actions .btn { width:100%; } }

/* Cosmic integrity sequence */
.integrity-gate {
  isolation:isolate;
  background:
    radial-gradient(circle at 18% 24%,rgba(57,195,84,.2),transparent 31%),
    radial-gradient(circle at 84% 72%,rgba(26,153,51,.14),transparent 33%),
    linear-gradient(145deg,rgba(5,22,10,.94),rgba(6,26,10,.97));
  backdrop-filter:blur(24px) saturate(125%);
}
.integrity-gate-card {
  width:min(780px,100%);
  max-height:min(900px,91vh);
  padding:30px 30px 0;
  border:1px solid rgba(122,224,142,.28);
  border-radius:28px;
  background:linear-gradient(145deg,rgba(21,59,32,.91),rgba(15,55,23,.9) 56%,rgba(10,36,17,.95));
  box-shadow:0 38px 120px rgba(0,0,0,.62),0 0 0 1px rgba(96,245,126,.08) inset;
  backdrop-filter:blur(34px) saturate(135%);
}
.integrity-card-aurora { position:absolute; z-index:-1; inset:-45% -25% auto; height:70%; opacity:.48; filter:blur(38px); background:conic-gradient(from 100deg,transparent,#3AC75633,#65ed8044,#fb718533,transparent 70%); animation:integrity-aurora 9s ease-in-out infinite alternate; pointer-events:none; }
.integrity-gate-heading { gap:18px; position:relative; }
.integrity-seal { position:relative; width:62px; height:62px; border-radius:21px; color:#BFF9CA; background:radial-gradient(circle at 35% 30%,rgba(137,245,159,.27),transparent 34%),linear-gradient(145deg,rgba(34,171,61,.28),rgba(80,219,108,.24)); box-shadow:0 0 0 7px rgba(58,199,86,.04),0 14px 42px rgba(33,171,61,.15); }
.integrity-seal::after { content:""; position:absolute; inset:-9px; border:1px dashed rgba(115,237,139,.25); border-radius:26px; animation:integrity-seal-orbit 8s linear infinite; }
.integrity-gate .eyebrow { color:#aafaba; letter-spacing:.3em; }
.integrity-gate h2 { margin-top:7px; font-size:clamp(1.35rem,2.6vw,1.75rem); letter-spacing:-.025em; }
.integrity-gate p { max-width:590px; color:#B1D4B8; font-size:.82rem; line-height:1.55; }
.integrity-progress-meta { display:flex; align-items:center; justify-content:space-between; gap:18px; margin:26px 2px 8px; color:#92B699; font:.66rem var(--font-mono); letter-spacing:.04em; }
.integrity-progress-meta b { color:#7EEA94; font-size:.69rem; }
.integrity-progress { position:relative; height:8px; margin:0 0 20px; overflow:visible; border:1px solid rgba(151,181,157,.11); background:rgba(4,21,9,.5); box-shadow:0 1px 0 rgba(255,255,255,.035) inset; }
.integrity-progress i { position:relative; overflow:hidden; background:linear-gradient(90deg,#3AC756,#69DF81 35%,#65ed80 72%,#fb7185); box-shadow:0 0 18px rgba(58,199,86,.28); transition:width .48s cubic-bezier(.22,1,.36,1); }
.integrity-progress i::after { content:""; position:absolute; inset:0; width:34%; background:linear-gradient(90deg,transparent,rgba(255,255,255,.82),transparent); animation:integrity-progress-sweep 1.35s ease-in-out infinite; }
.integrity-progress > span { position:absolute; top:50%; left:var(--integrity-progress,4%); width:12px; height:12px; border:3px solid rgba(211,250,219,.8); border-radius:50%; transform:translate(-50%,-50%); opacity:0; }
.integrity-checks { gap:10px; max-height:min(49vh,470px); padding:2px 7px 5px 2px; scroll-behavior:smooth; scrollbar-color:#69DF81 rgba(255,255,255,.04); }
.integrity-check { position:relative; min-height:64px; padding:13px 15px; overflow:hidden; border-color:rgba(132,201,146,.14); border-radius:16px; background:linear-gradient(120deg,rgba(255,255,255,.036),rgba(255,255,255,.015)); transition:opacity .28s ease,transform .35s ease,border-color .35s ease,background .35s ease,box-shadow .35s ease; }
.integrity-check::after { content:""; position:absolute; inset:auto 0 0; height:1px; transform:scaleX(0); transform-origin:left; background:linear-gradient(90deg,transparent,#69DF81,#65ed80,transparent); transition:transform .55s ease; }
.integrity-check.pending { opacity:.46; transform:scale(.985); }
.integrity-check.checking { opacity:1; transform:translateX(4px); border-color:rgba(105,223,129,.42); background:linear-gradient(110deg,rgba(33,171,61,.11),rgba(69,226,100,.095),rgba(255,255,255,.02)); box-shadow:0 12px 32px rgba(4,21,9,.22),0 0 30px rgba(58,199,86,.055) inset; }
.integrity-check.checking::after { transform:scaleX(1); animation:integrity-check-beam 1.15s ease-in-out infinite; }
.integrity-check.checking i { border:1px solid rgba(105,223,129,.35); background:rgba(24,137,46,.11); }
.integrity-check.checking i span,.integrity-boot i span { width:10px; height:10px; border:2px solid rgba(105,223,129,.25); border-top-color:#69DF81; border-radius:50%; animation:integrity-spin .7s linear infinite; }
.integrity-check.ok { border-color:rgba(65,198,91,.22); background:linear-gradient(110deg,rgba(30,171,58,.075),rgba(255,255,255,.015)); animation:integrity-confirm .45s ease both; }
.integrity-check.failed { border-color:rgba(251,113,133,.36); background:linear-gradient(110deg,rgba(190,24,93,.12),rgba(255,255,255,.014)); animation:integrity-confirm .45s ease both; }
.integrity-check i b { font:700 .76rem var(--font-display); }
.integrity-check strong { font-size:.8rem; letter-spacing:-.01em; }
.integrity-check small { color:#8BB192; font-size:.69rem; }
.integrity-check em { padding:5px 8px; border:1px solid rgba(151,181,157,.1); border-radius:999px; background:rgba(4,21,9,.22); font-size:.58rem; letter-spacing:.04em; white-space:nowrap; }
.integrity-check.checking em { color:#89EC9D; border-color:rgba(105,223,129,.22); }
.integrity-check.ok em { color:#78DD8C; }.integrity-check.failed em { color:#fda4af; }
.integrity-gate-footer { position:sticky; z-index:3; bottom:0; margin:18px -30px 0; padding:17px 30px 22px; border-color:rgba(132,201,146,.13); background:linear-gradient(180deg,rgba(12,38,20,.5),rgba(12,38,20,.96) 34%); backdrop-filter:blur(18px); }
.integrity-gate-footer small { color:#83A88A; }
.integrity-gate-actions .btn[hidden] { display:none!important; }
.integrity-gate-actions .btn { position:relative; min-width:172px; min-height:46px; padding:0 20px; overflow:hidden; border:1px solid rgba(132,204,146,.22); border-radius:13px; background:rgba(11,39,19,.66); color:#DEF8E3; box-shadow:0 1px 0 rgba(255,255,255,.045) inset; font-weight:650; letter-spacing:-.01em; transition:border-color .22s ease,background .22s ease,color .22s ease,transform .22s ease,opacity .22s ease; }
.integrity-gate-actions .btn::before { content:""; position:absolute; inset:0; opacity:0; background:linear-gradient(105deg,transparent,rgba(105,223,129,.08),transparent); transform:translateX(-65%); transition:opacity .22s ease,transform .4s ease; pointer-events:none; }
.integrity-gate-actions .btn:not(:disabled):hover { transform:translateY(-1px); border-color:rgba(105,223,129,.48); background:rgba(16,53,26,.86); color:#F4FEF6; box-shadow:0 10px 30px rgba(4,21,9,.2); }
.integrity-gate-actions .btn:not(:disabled):hover::before { opacity:1; transform:translateX(65%); }
.integrity-gate-actions .btn-primary { border-color:rgba(105,223,129,.42); background:linear-gradient(135deg,rgba(24,137,46,.2),rgba(13,68,29,.72)); color:#C4F7CE; box-shadow:0 0 0 1px rgba(105,223,129,.045) inset; }
.integrity-gate-actions .btn-ghost { border-color:rgba(132,204,146,.22); background:rgba(9,35,17,.66); color:#CEEBD4; }
.integrity-gate-actions .btn:disabled { cursor:not-allowed; pointer-events:none; opacity:.42; filter:saturate(.45); transform:none; box-shadow:none; }
.integrity-gate-actions .integrity-cosmic-orbit,.integrity-gate-actions .integrity-cosmic-arrow { display:none; }
.integrity-gate-actions .integrity-cosmic-continue { display:inline-flex; align-items:center; justify-content:center; isolation:isolate; min-width:204px; padding:0 16px; border-color:rgba(101,223,125,.56); border-radius:15px; background:linear-gradient(112deg,rgba(11,44,20,.96),rgba(21,58,32,.96)); box-shadow:0 0 0 1px rgba(101,223,125,.17),0 18px 42px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.09); color:#F5FEF7; }
.integrity-gate-actions .integrity-cosmic-continue::before { content:""; position:absolute; z-index:0; width:170%; height:260%; left:-35%; top:-80%; opacity:1; background:conic-gradient(from 80deg,transparent 0 20%,rgba(92,227,119,.42) 27%,rgba(97,235,125,.55) 36%,rgba(255,91,146,.35) 44%,transparent 53% 100%); transform:none; animation:integrity-accretion 7s linear infinite; }
.integrity-gate-actions .integrity-cosmic-continue::after { content:""; position:absolute; z-index:1; inset:2px; border-radius:12px; background:linear-gradient(110deg,rgba(7,29,13,.98),rgba(15,45,23,.97)); pointer-events:none; }
.integrity-gate-actions .integrity-cosmic-continue .integrity-cosmic-label,.integrity-gate-actions .integrity-cosmic-continue .integrity-cosmic-orbit,.integrity-gate-actions .integrity-cosmic-continue .integrity-cosmic-arrow { position:relative; z-index:2; }
.integrity-gate-actions .integrity-cosmic-continue .integrity-cosmic-orbit { display:block; width:22px; height:22px; flex:0 0 22px; margin-right:10px; border-radius:50%; background:#030B05; box-shadow:0 0 0 1px rgba(121,228,142,.45),0 0 18px rgba(103,224,127,.42),8px 0 18px rgba(255,81,151,.28); }
.integrity-gate-actions .integrity-cosmic-continue .integrity-cosmic-orbit::before { content:""; position:absolute; inset:-5px; border:1px solid rgba(123,229,144,.58); border-left-color:transparent; border-bottom-color:rgba(255,91,151,.7); border-radius:50%; animation:integrity-accretion 2.8s linear infinite; }
.integrity-gate-actions .integrity-cosmic-continue .integrity-cosmic-orbit::after { content:"✦"; position:absolute; right:-9px; top:-8px; color:#D8FCDF; font-size:9px; text-shadow:0 0 10px #72F38C; animation:integrity-star-pulse 1.8s ease-in-out infinite; }
.integrity-gate-actions .integrity-cosmic-continue .integrity-cosmic-arrow { display:block; margin-left:12px; color:#7CEB92; font-size:1.1rem; line-height:1; }
.integrity-gate-actions .integrity-cosmic-continue:not(:disabled):hover { border-color:rgba(122,235,144,.86); background:linear-gradient(112deg,rgba(11,44,20,.96),rgba(21,58,32,.96)); color:#fff; transform:translateY(-2px) scale(1.008); box-shadow:0 0 0 4px rgba(93,229,120,.055),0 24px 60px rgba(41,146,62,.22),inset 0 1px rgba(255,255,255,.12); }
.integrity-gate-actions .integrity-cosmic-continue:focus-visible { outline:2px solid #79E78F; outline-offset:4px; }
@keyframes integrity-accretion { to { transform:rotate(360deg); } }
.integrity-repair-action[hidden] { display:none!important; }
.integrity-repair-action { position:relative; display:grid; grid-template-columns:38px minmax(0,1fr) 24px; align-items:center; gap:11px; min-width:250px; min-height:58px; padding:8px 11px; overflow:hidden; border:1px solid rgba(105,223,129,.28); border-radius:15px; color:#EBFDEE; background:rgba(12,47,22,.82); box-shadow:0 1px 0 rgba(255,255,255,.055) inset,0 14px 35px rgba(4,21,9,.18); cursor:pointer; text-align:left; transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease; }
.integrity-repair-action::before { content:""; position:absolute; inset:0 auto 0 0; width:3px; background:#69DF81; opacity:.82; }
.integrity-repair-action::after { content:""; position:absolute; width:90px; height:90px; right:-58px; top:-58px; border:1px solid rgba(105,223,129,.12); border-radius:50%; pointer-events:none; transition:transform .35s ease; }
.integrity-repair-icon { display:grid; place-items:center; width:38px; height:38px; border:1px solid rgba(105,223,129,.2); border-radius:11px; color:#80EB95; background:rgba(58,199,86,.075); }
.integrity-repair-icon svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.integrity-repair-copy { display:block; min-width:0; }
.integrity-repair-copy b,.integrity-repair-copy small { display:block; }
.integrity-repair-copy b { color:#F0FEF3; font:700 .75rem var(--font-display); letter-spacing:-.015em; }
.integrity-repair-copy small { margin-top:4px; color:#7CA684; font-size:.56rem; }
.integrity-repair-arrow { display:grid; place-items:center; width:24px; height:24px; color:#73ED8B; font-size:.9rem; transition:transform .2s ease; }
.integrity-repair-action:not(:disabled):hover { transform:translateY(-2px); border-color:rgba(105,223,129,.54); background:rgba(14,54,25,.94); box-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 18px 42px rgba(4,21,9,.26); }
.integrity-repair-action:not(:disabled):hover::after { transform:scale(1.18); }
.integrity-repair-action:not(:disabled):hover .integrity-repair-arrow { transform:translateX(3px); }
.integrity-repair-action:focus-visible { outline:2px solid rgba(115,237,139,.72); outline-offset:3px; }
.integrity-repair-action:disabled { cursor:not-allowed; pointer-events:none; opacity:.4; filter:saturate(.4); box-shadow:none; }
.integrity-starfield { position:fixed; z-index:0; inset:0; pointer-events:none; overflow:hidden; }
.integrity-starfield i { position:absolute; width:3px; height:3px; border-radius:50%; background:#D9FCE0; box-shadow:0 0 10px #73ED8B; animation:integrity-star-pulse 2.8s ease-in-out infinite; }
.integrity-starfield i:nth-child(1){left:10%;top:18%}.integrity-starfield i:nth-child(2){left:23%;top:76%;animation-delay:-1.2s}.integrity-starfield i:nth-child(3){left:68%;top:12%;animation-delay:-.4s}.integrity-starfield i:nth-child(4){left:84%;top:66%;animation-delay:-2s}.integrity-starfield i:nth-child(5){left:93%;top:24%;animation-delay:-.8s}.integrity-starfield i:nth-child(6){left:56%;top:88%;animation-delay:-1.6s}
.integrity-gate.is-complete .integrity-progress i::after { animation:none; opacity:0; }
.integrity-gate.has-failures .integrity-progress i { background:linear-gradient(90deg,#3AC756,#65ed80 62%,#fb7185); }
@keyframes integrity-spin { to { transform:rotate(360deg); } }
@keyframes integrity-progress-sweep { from { transform:translateX(-120%); } to { transform:translateX(340%); } }
@keyframes integrity-check-beam { 50% { filter:brightness(1.8); opacity:.75; } }
@keyframes integrity-confirm { from { opacity:.65; transform:translateX(4px) scale(.992); } to { opacity:1; transform:none; } }
@keyframes integrity-seal-orbit { to { transform:rotate(360deg); } }
@keyframes integrity-aurora { to { transform:translate3d(8%,10%,0) rotate(8deg); } }
@keyframes integrity-star-pulse { 50% { opacity:.22; transform:scale(.55); } }
@media (max-width:600px) {
  .integrity-gate { padding:10px; align-items:start; }
  .integrity-gate-card { max-height:calc(100dvh - 20px); padding:20px 16px 0; border-radius:22px; }
  .integrity-seal { width:48px; height:48px; border-radius:16px; }
  .integrity-gate-heading { align-items:flex-start; gap:13px; }
  .integrity-progress-meta { margin-top:20px; }
  .integrity-check { grid-template-columns:27px minmax(0,1fr); min-height:62px; padding:11px; }
  .integrity-check em { grid-column:2; justify-self:start; margin-top:-4px; }
  .integrity-gate-footer { margin-inline:-16px; padding:15px 16px 18px; }
}
@media (prefers-reduced-motion:reduce) { .integrity-card-aurora,.integrity-seal::after,.integrity-progress i::after,.integrity-starfield i,.integrity-check.checking::after,.integrity-cosmic-continue::before,.integrity-cosmic-orbit::before,.integrity-cosmic-orbit::after { animation:none!important; } }
.client-manager { display:grid; gap:15px; }.client-manager-hero { display:flex; align-items:center; gap:12px; padding:14px; border:1px solid rgba(153,248,172,.16); border-radius:14px; background:rgba(255,255,255,.025); }.client-manager-hero h3 { margin:4px 0; font:600 1.05rem var(--font-display); }.client-manager-hero p { margin:0; color:var(--text-500); font-size:.72rem; }.client-manager-summary { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; }.client-manager-summary span { display:grid; gap:4px; padding:10px; border-radius:10px; background:rgba(255,255,255,.025); color:var(--text-500); font-size:.68rem; }.client-manager-summary b { color:var(--text-200); font:600 1rem var(--font-display); }.client-manager-actions { display:flex; flex-wrap:wrap; gap:8px; }.client-manager-result { display:grid; gap:8px; color:var(--text-400); font-size:.76rem; }.client-manager-result strong { color:var(--text-200); }.client-manager-result p { margin:0; }.client-manager-result pre { margin:0; padding:10px; overflow:auto; white-space:pre-wrap; border-radius:10px; color:#DBFCE2; background:rgba(12,72,29,.2); font:500 .7rem var(--font-mono); }

@media (max-width: 650px) {
  .platforms-overview { align-items: flex-start; flex-direction: column; }
  .platforms-overview-count { padding: 12px 0 0; border-left: 0; border-top: 1px solid rgba(95,237,123, .2); width: 100%; }
  .platform-config-status { grid-template-columns: 1fr; }
  .queue-origin-grid { grid-template-columns:1fr; }
  .queue-origin-grid .queue-capture-media { max-height:240px; }
}

/* Template Studio v3 — editor, IA e validação em uma experiência única. */
.modal.template-editor-open .modal-card{width:min(96vw,1180px);max-height:94vh;overflow:hidden;border:1px solid rgba(105,223,129,.2);border-radius:26px;background:linear-gradient(145deg,rgba(10,37,18,.985),rgba(16,57,24,.985));box-shadow:0 38px 120px rgba(0,0,0,.62)}
.modal.template-editor-open .modal-card>header{position:sticky;top:0;z-index:12;min-height:72px;padding:17px 24px;border-bottom:1px solid rgba(151,181,157,.1);background:rgba(10,37,18,.88);backdrop-filter:blur(24px) saturate(145%)}
.modal.template-editor-open .modal-card>header h3{font-size:1rem;letter-spacing:-.01em}.modal.template-editor-open .modal-body{overflow:auto;padding:0;background:radial-gradient(circle at 90% 0,rgba(58,199,86,.06),transparent 29%)}
.template-studio-v3{display:grid;gap:16px;padding:20px 22px 108px}.template-studio-hero-v3{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;padding:16px;border:1px solid rgba(105,223,129,.14);border-radius:17px;background:linear-gradient(110deg,rgba(24,137,46,.09),rgba(32,111,48,.12))}
.template-studio-mark-v3{display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(105,223,129,.25);border-radius:14px;color:#a7f3d0;background:rgba(24,137,46,.12);font:700 .76rem var(--font-mono)}.template-studio-hero-v3 span,.template-validation-hero-v3 span{color:#73ED8B;font:600 .62rem var(--font-mono);letter-spacing:.15em}.template-studio-hero-v3 h4{margin:4px 0 3px;color:#F5FEF7;font:600 1.05rem var(--font-display)}.template-studio-hero-v3 p{margin:0;color:#94B59B;font-size:.72rem;line-height:1.5}
.template-studio-state-v3{display:grid;gap:3px;padding:9px 12px;border:1px solid rgba(151,181,157,.11);border-radius:12px;background:rgba(6,23,11,.28);text-align:right}.template-studio-state-v3 i{justify-self:end;width:7px;height:7px;border-radius:50%;background:#41C65B;box-shadow:0 0 0 5px rgba(65,198,91,.08)}.template-studio-state-v3 span{color:#DAEDDE;font:600 .68rem var(--font-body);letter-spacing:0}.template-studio-state-v3 strong{color:#74957B;font-size:.61rem;font-weight:500}
.template-studio-grid-v3{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:16px}.template-writing-v3,.template-live-preview-v3{min-width:0;padding:16px;border:1px solid rgba(151,181,157,.12);border-radius:18px;background:rgba(7,28,13,.36)}.template-writing-v3>header,.template-live-preview-v3>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.template-writing-v3>header>div:first-child,.template-live-preview-v3>header>div:first-child{display:flex;align-items:center;gap:9px}.template-writing-v3>header span,.template-live-preview-v3>header span{display:grid;place-items:center;width:27px;height:27px;border:1px solid rgba(105,223,129,.2);border-radius:8px;color:#A0EFB0;background:rgba(24,137,46,.09);font:600 .64rem var(--font-mono)}.template-writing-v3 h5,.template-live-preview-v3 h5{margin:0;color:#EEFEF1;font:.82rem var(--font-display)}.template-writing-v3 small,.template-live-preview-v3 small{display:block;margin-top:2px;color:#729379;font-size:.62rem}
.template-writing-v3 .template-editor-toolbar{display:flex;flex-wrap:wrap;gap:3px;margin:0;padding:4px;border:1px solid rgba(151,181,157,.1);border-radius:10px;background:rgba(255,255,255,.02)}.template-writing-v3 .template-editor-toolbar button{min-width:30px;height:28px;padding:0 8px;border:0;border-radius:7px;color:#B1CDB6;background:transparent;font-size:.65rem}.template-writing-v3 .template-editor-toolbar button:hover{color:#E2FCE7;background:rgba(58,199,86,.1)}
.template-writing-v3 #template-content{width:100%;min-height:340px;resize:vertical;padding:15px;border:1px solid rgba(108,238,134,.14);border-radius:13px;color:#EEFEF1;background:rgba(3,19,8,.48);font:.78rem/1.65 var(--font-mono);box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}.template-writing-v3 #template-content:focus{border-color:rgba(105,223,129,.42);outline:0;box-shadow:0 0 0 3px rgba(58,199,86,.06)}
.template-fields-v3{display:grid;grid-template-columns:155px 1fr;gap:12px;align-items:start;margin-top:12px;padding:11px;border:1px solid rgba(151,181,157,.09);border-radius:12px;background:rgba(255,255,255,.018)}.template-fields-v3 strong{display:block;color:#CDDFD0;font-size:.7rem}.template-fields-v3 small{color:#66866C;font-size:.59rem}.template-fields-v3 .template-variable-list{display:flex;flex-wrap:wrap;gap:5px}.template-fields-v3 .template-variable-list button{padding:5px 7px;border:1px solid rgba(108,238,134,.16);border-radius:7px;color:#A4F7B5;background:rgba(42,163,66,.08);font:.6rem var(--font-mono);cursor:pointer}.template-fields-v3 .template-variable-list button:hover{border-color:rgba(105,223,129,.42);color:#D0F7D8;background:rgba(24,137,46,.11)}
.template-media-v3{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;margin-top:10px;padding:11px;border:1px dashed rgba(151,181,157,.16);border-radius:12px;background:rgba(255,255,255,.015)}.template-media-icon-v3{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;color:#9BF5AD;background:rgba(74,231,105,.1)}.template-media-v3 strong{display:block;color:#CDDFD0;font-size:.68rem}.template-media-v3 small{color:#67886E;font-size:.59rem}.template-media-v3 button{padding:7px 9px;border:1px solid rgba(108,238,134,.18);border-radius:8px;color:#C4F9CF;background:rgba(74,231,105,.07);font:600 .62rem var(--font-body);cursor:pointer}.template-media-v3 button:hover{background:rgba(74,231,105,.13)}
.template-live-preview-v3>header>b{display:flex;align-items:center;gap:6px;color:#78DD8C;font:600 .58rem var(--font-mono);letter-spacing:.08em}.template-live-preview-v3>header>b i{width:6px;height:6px;border-radius:50%;background:#41C65B;animation:queue-live-pulse 1.4s infinite}.template-preview-device-v3{overflow:hidden;border:1px solid rgba(151,181,157,.13);border-radius:17px;background:#0D2012;box-shadow:0 18px 42px rgba(0,0,0,.25)}.template-preview-device-top-v3{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:10px 11px;background:#193321}.template-preview-device-top-v3>span{width:31px;height:31px;border:0;border-radius:50%;color:#0D2012;background:#69DF81}.template-preview-device-top-v3 strong{display:block;color:#F8FCF9;font-size:.67rem}.template-preview-device-top-v3 small{margin:1px 0 0;color:#97B59D;font-size:.55rem}.template-preview-device-top-v3 i{color:#97B59D;font-style:normal}.template-live-preview-v3 .template-wa-surface{min-height:350px;padding:15px 11px;background:linear-gradient(rgba(9,26,14,.86),rgba(9,26,14,.86)),radial-gradient(circle at 20% 10%,rgba(58,199,86,.13),transparent 32%)}.template-live-preview-v3 .wa-bubble{margin-left:auto;max-width:91%;white-space:pre-wrap;overflow-wrap:anywhere}.template-preview-device-input-v3{display:flex;justify-content:space-between;padding:10px 12px;color:#67886E;background:#193321;font-size:.62rem}.template-live-preview-v3>p{margin:9px 2px 0;color:#68886E;font-size:.61rem;line-height:1.45}
.template-ai-v3{overflow:hidden;border:1px solid rgba(139,238,159,.15);border-radius:16px;background:linear-gradient(105deg,rgba(60,198,87,.06),rgba(17,40,24,.25))}.template-ai-v3 .template-ai-toggle{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;width:100%;padding:14px 15px;border:0;color:inherit;background:transparent;text-align:left;cursor:pointer}.template-ai-icon-v3{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(139,238,159,.22);border-radius:10px;color:#b9f9c6;background:rgba(80,219,108,.11)}.template-ai-v3 strong{display:block;color:#E1F3E4;font-size:.75rem}.template-ai-v3 small{display:block;margin-top:3px;color:#74947A;font-size:.62rem}.template-ai-v3 .template-ai-toggle>b{color:#87F29C;font-size:1rem}.template-ai-v3 .template-ai-panel{padding:0 15px 15px}.template-ai-guard-v3{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding:10px;border:1px solid rgba(65,198,91,.14);border-radius:11px;background:rgba(30,171,58,.05)}.template-ai-guard-v3>span{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;color:#78DD8C;background:rgba(30,171,58,.1)}.template-ai-guard-v3 p{margin:0}.template-ai-v3 textarea{min-height:150px;border-color:rgba(139,238,159,.14);background:rgba(3,19,8,.4)}
.template-activation-v3{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:13px 15px;border:1px solid rgba(65,198,91,.14);border-radius:15px;background:rgba(30,171,58,.045);cursor:pointer}.template-activation-icon-v3{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;color:#78DD8C;background:rgba(30,171,58,.1)}.template-activation-v3 strong{display:block;color:#DEF2E2;font-size:.73rem}.template-activation-v3 small{display:block;margin-top:3px;color:#729178;font-size:.61rem}.template-activation-v3 input{position:absolute;opacity:0}.template-activation-v3>i{position:relative;width:38px;height:21px;border-radius:999px;background:#36523B;transition:.2s}.template-activation-v3>i:after{content:'';position:absolute;top:3px;left:3px;width:15px;height:15px;border-radius:50%;background:#CDDFD0;transition:.2s}.template-activation-v3 input:checked+i{background:#176E29}.template-activation-v3 input:checked+i:after{transform:translateX(17px);background:#D0F7D8}
.template-studio-footer-v3{position:sticky;bottom:0;z-index:14;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:9px;margin:0;padding:13px 22px;border-top:1px solid rgba(151,181,157,.12);background:rgba(10,37,18,.91);backdrop-filter:blur(24px) saturate(150%)}.template-studio-footer-v3>div{display:flex;align-items:center;gap:9px}.template-studio-footer-v3>div>i{width:7px;height:7px;border-radius:50%;background:#41C65B}.template-studio-footer-v3 strong,.template-studio-footer-v3 small{display:block}.template-studio-footer-v3 strong{color:#DDF1E1;font-size:.68rem}.template-studio-footer-v3 small{margin-top:2px;color:#6B8B71;font-size:.58rem}.template-studio-footer-v3 button,.template-validation-footer-v3 button{padding:9px 13px;border-radius:10px;font:600 .68rem var(--font-body);cursor:pointer}.template-studio-cancel-v3{border:1px solid rgba(151,181,157,.14);color:#97B59D;background:transparent}.template-studio-save-v3,.template-validation-footer-v3 button{border:1px solid rgba(105,223,129,.26);color:#D8FCDF;background:linear-gradient(120deg,rgba(24,137,46,.32),rgba(53,219,86,.24))}.template-studio-save-v3:hover,.template-validation-footer-v3 button:hover{border-color:rgba(105,223,129,.5);transform:translateY(-1px)}
.modal.template-test-open .modal-card{width:min(94vw,840px);max-height:90vh;overflow:hidden;border:1px solid rgba(105,223,129,.2);border-radius:24px;background:linear-gradient(145deg,rgba(10,37,18,.99),rgba(16,57,24,.99));box-shadow:0 36px 110px rgba(0,0,0,.62)}.modal.template-test-open .modal-card>header{padding:17px 22px;border-bottom:1px solid rgba(151,181,157,.1);background:rgba(10,37,18,.9)}.modal.template-test-open .modal-body{overflow:auto;padding:0}.template-validation-v3{display:grid;gap:15px;padding:20px 22px}.template-validation-hero-v3{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:17px;border:1px solid rgba(105,223,129,.15);border-radius:17px;background:linear-gradient(110deg,rgba(24,137,46,.09),rgba(53,219,86,.06))}.template-validation-hero-v3 h4{margin:5px 0 3px;color:#EEFEF1;font:600 1.08rem var(--font-display)}.template-validation-hero-v3 p{margin:0;color:#8AAA90;font-size:.69rem}.template-validation-hero-v3>strong{color:#628569;font:600 .57rem/1.5 var(--font-mono);letter-spacing:.12em;text-align:right}.template-validation-orbit-v3{position:relative;display:grid;place-items:center;width:54px;height:54px}.template-validation-orbit-v3 i{position:absolute;inset:2px;border:1px solid rgba(105,223,129,.25);border-radius:50%;animation:spin 5s linear infinite}.template-validation-orbit-v3 i:nth-child(2){inset:9px;border-color:rgba(108,238,134,.32);animation-direction:reverse;animation-duration:3s}.template-validation-orbit-v3 b{color:#A0EFB0;font-size:1rem}
.template-validation-rail-v3{display:flex;align-items:center;justify-content:center;gap:8px;padding:5px 0}.template-validation-rail-v3 span{display:flex;align-items:center;gap:6px;color:#66866C;font-size:.61rem}.template-validation-rail-v3 span i{display:grid;place-items:center;width:21px;height:21px;border-radius:7px;color:#74957B;background:rgba(151,181,157,.07);font:600 .58rem var(--font-mono);font-style:normal}.template-validation-rail-v3 span.active{color:#a7f3d0}.template-validation-rail-v3 span.active i{color:#D0F7D8;background:rgba(24,137,46,.18)}.template-validation-rail-v3>b{width:28px;height:1px;background:rgba(151,181,157,.13)}
.template-validation-console-v3{overflow:hidden;border:1px solid rgba(151,181,157,.12);border-radius:15px;background:rgba(3,19,8,.4)}.template-validation-console-v3>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border-bottom:1px solid rgba(151,181,157,.09);background:rgba(255,255,255,.018)}.template-validation-console-v3>header>div{display:flex;align-items:center;gap:7px}.template-validation-console-v3>header i{width:7px;height:7px;border-radius:50%;background:#41C65B;animation:queue-live-pulse 1.4s infinite}.template-validation-console-v3>header span{color:#A2C4A9;font:600 .61rem var(--font-mono);letter-spacing:.08em}.template-validation-console-v3>header small{color:#607F66;font-size:.58rem}.template-validation-console-v3 .configuration-test-log{display:grid;gap:7px;max-height:330px;overflow:auto;padding:12px}.template-validation-console-v3 .configuration-test-line{display:grid;grid-template-columns:auto 1fr;gap:9px;padding:10px;border:1px solid rgba(151,181,157,.09);border-radius:10px;background:rgba(255,255,255,.018)}.template-validation-console-v3 .configuration-test-line>span{display:grid;place-items:center;width:23px;height:23px;border-radius:8px;color:#9BF5AD;background:rgba(74,231,105,.1)}.template-validation-console-v3 .configuration-test-line.success>span{color:#78DD8C;background:rgba(30,171,58,.1)}.template-validation-console-v3 .configuration-test-line.failure>span{color:#fda4af;background:rgba(225,29,72,.1)}.template-validation-console-v3 .configuration-test-line strong{display:block;color:#CDDFD0;font-size:.68rem}.template-validation-console-v3 .configuration-test-line small{display:block;margin-top:3px;color:#68876E;font-size:.59rem}.template-validation-note-v3{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid rgba(108,238,134,.12);border-radius:12px;background:rgba(74,231,105,.045)}.template-validation-note-v3>span{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;color:#9BF5AD;background:rgba(74,231,105,.1);font:700 .7rem var(--font-mono)}.template-validation-note-v3 p{margin:0}.template-validation-note-v3 strong,.template-validation-note-v3 small{display:block}.template-validation-note-v3 strong{color:#C3E9CA;font-size:.66rem}.template-validation-note-v3 small{margin-top:2px;color:#69886F;font-size:.58rem}.template-validation-footer-v3{position:sticky;bottom:0;z-index:4;display:flex;align-items:center;gap:12px;margin:0;padding:13px 22px;border-top:1px solid rgba(151,181,157,.1);background:rgba(10,37,18,.91);backdrop-filter:blur(22px)}.template-validation-footer-v3>span{color:#74947A;font-size:.62rem}.template-validation-footer-v3 button:disabled{opacity:.48;cursor:wait;transform:none}
@media(max-width:900px){.template-studio-grid-v3{grid-template-columns:1fr}.template-live-preview-v3 .template-wa-surface{min-height:280px}.template-studio-state-v3{display:none}}
@media(max-width:620px){.template-studio-v3,.template-validation-v3{padding:14px 14px 105px}.template-studio-hero-v3,.template-validation-hero-v3{grid-template-columns:auto 1fr}.template-studio-hero-v3>div:last-child,.template-validation-hero-v3>strong{display:none}.template-writing-v3>header{align-items:flex-start;flex-direction:column}.template-fields-v3{grid-template-columns:1fr}.template-media-v3{grid-template-columns:auto 1fr}.template-media-v3 button{grid-column:2}.template-studio-footer-v3{grid-template-columns:1fr 1fr;padding:11px 14px}.template-studio-footer-v3>div{display:none}.template-studio-footer-v3 button{width:100%}.template-validation-rail-v3 span{font-size:0}.template-validation-rail-v3>b{width:14px}.template-validation-console-v3>header small{display:none}.template-validation-footer-v3{align-items:stretch;flex-direction:column;padding:11px 14px}.template-validation-footer-v3 .spacer{display:none}}

/* Page */
@media (max-width: 1023px) {
  .admin-main { padding-bottom: 60px; }
}

/* Limites do plano: sinaliza restrições sem esconder a navegação do usuário. */
.admin-nav a.plan-locked { position:relative; opacity:.52; filter:saturate(.6); }
.admin-nav a.plan-locked::after { content:'Plano'; margin-left:auto; padding:2px 6px; border:1px solid rgba(251,191,36,.34); border-radius:999px; color:#fde68a; background:rgba(120,53,15,.22); font:500 .57rem var(--font-mono); letter-spacing:.04em; }
.dashboard-plan-panel { margin-top:18px; padding:20px; border:1px solid rgba(105,223,129,.18); border-radius:18px; background:linear-gradient(120deg,rgba(23,110,41,.09),rgba(32,110,48,.14)); }
.plan-usage-head { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; margin-bottom:18px; }.plan-usage-head h3 { margin:4px 0 4px; font:600 1.15rem var(--font-display); }.plan-usage-head p { margin:0; color:var(--text-400); font-size:.78rem; }.plan-usage-head .eyebrow { color:#87F29C; }
.plan-usage-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }.plan-usage-meter { padding:11px 12px; border:1px solid rgba(255,255,255,.09); border-radius:12px; background:rgba(6,21,10,.25); }.plan-usage-meter > div { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:8px; }.plan-usage-meter span { color:var(--text-400); font-size:.7rem; }.plan-usage-meter b { color:var(--text-200); font:600 .72rem var(--font-mono); white-space:nowrap; }.plan-usage-meter i { display:block; height:5px; overflow:hidden; border-radius:999px; background:rgba(255,255,255,.08); }.plan-usage-meter em { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#3AC756,#6CEE86); transition:width .45s ease; }
.upgrade-dialog { display:grid; justify-items:start; gap:12px; padding:6px 2px; }.upgrade-dialog-icon { display:grid; place-items:center; width:42px; height:42px; border:1px solid rgba(251,191,36,.42); border-radius:13px; color:#fde68a; background:rgba(146,64,14,.18); font:700 1.45rem var(--font-display); }.upgrade-dialog h3 { margin:0; font:600 1.2rem var(--font-display); }.upgrade-dialog p { margin:0; color:var(--text-400); line-height:1.55; }.upgrade-dialog-limit { display:flex; align-items:center; justify-content:space-between; width:100%; padding:12px; border:1px solid rgba(251,191,36,.2); border-radius:11px; background:rgba(120,53,15,.12); }.upgrade-dialog-limit span { color:var(--text-400); font-size:.75rem; }.upgrade-dialog-limit b { color:#fde68a; font:600 .85rem var(--font-mono); }.upgrade-dialog-actions { display:flex; justify-content:flex-end; gap:8px; width:100%; margin-top:4px; }
@media (max-width:850px) { .plan-usage-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:520px) { .plan-usage-head { flex-direction:column; }.plan-usage-grid { grid-template-columns:1fr; }.upgrade-dialog-actions { align-items:stretch; flex-direction:column-reverse; }.upgrade-dialog-actions .btn { text-align:center; } }

/* Central de ajuda: leitura rápida, sem cards cenográficos ou excesso de brilho. */
.help-hero { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(320px,.9fr); align-items:center; gap:28px; margin-bottom:18px; padding:24px; border:1px solid rgba(105,223,129,.18); border-radius:18px; background:linear-gradient(110deg,rgba(23,110,41,.12),rgba(17,59,25,.36)); }.help-hero h3 { max-width:700px; margin:6px 0 8px; font:600 1.25rem/1.3 var(--font-display); }.help-hero p { max-width:680px; margin:0; color:var(--text-400); line-height:1.55; }.help-hero-steps { display:flex; align-items:center; justify-content:flex-end; gap:8px; flex-wrap:wrap; }.help-hero-steps b { display:grid; place-items:center; width:27px; height:27px; border:1px solid rgba(105,223,129,.35); border-radius:9px; color:#a7f3d0; background:rgba(24,137,46,.14); font:.72rem var(--font-mono); }.help-hero-steps span { color:var(--text-300); font-size:.71rem; }.help-hero-steps i { width:15px; height:1px; background:rgba(151,181,157,.32); }
.help-search-panel { margin-bottom:16px; padding:16px; border:1px solid rgba(185,249,198,.13); border-radius:15px; background:rgba(255,255,255,.018); }.help-search-panel label { display:block; margin-bottom:8px; color:var(--text-300); font:500 .76rem var(--font-mono); letter-spacing:.06em; text-transform:uppercase; }.help-filter-row { display:flex; flex-wrap:wrap; gap:7px; margin-top:12px; }.help-filter-row button { padding:7px 10px; border:1px solid rgba(185,249,198,.15); border-radius:999px; color:var(--text-400); background:rgba(255,255,255,.025); cursor:pointer; font:500 .72rem var(--font-body); }.help-filter-row button:hover,.help-filter-row button.active { border-color:rgba(58,199,86,.42); color:#d1fae5; background:rgba(24,137,46,.14); }
.help-guide-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }.help-guide-card { display:grid; grid-template-columns:36px 1fr; gap:12px; min-height:178px; padding:17px; border:1px solid rgba(185,249,198,.14); border-radius:16px; background:linear-gradient(145deg,rgba(255,255,255,.032),rgba(12,41,18,.19)); }.help-guide-card:hover { border-color:rgba(105,223,129,.32); transform:translateY(-1px); }.help-guide-card[hidden] { display:none; }.help-guide-index { display:grid; place-items:center; align-self:start; width:34px; height:34px; border-radius:10px; color:#a7f3d0; background:rgba(24,137,46,.14); font:600 .72rem var(--font-mono); }.help-guide-card h3 { margin:9px 0 7px; color:var(--text-100); font:600 1rem var(--font-display); }.help-guide-card p { margin:0; color:var(--text-400); font-size:.78rem; line-height:1.5; }.help-guide-card p b { color:var(--text-200); }.help-guide-card a { display:inline-block; margin-top:12px; color:#93E1A2; font-size:.76rem; text-decoration:none; }.help-guide-card a:hover { text-decoration:underline; }.help-empty { margin:14px 0; padding:28px; border:1px dashed rgba(185,249,198,.22); border-radius:15px; color:var(--text-400); text-align:center; }.help-empty strong { display:block; color:var(--text-200); }.help-empty p { margin:7px 0 0; font-size:.8rem; }.help-safety-panel { margin-top:18px; }.help-safety-panel ol { display:grid; gap:9px; margin:0; padding-left:20px; color:var(--text-400); font-size:.82rem; line-height:1.48; }.help-safety-panel li::marker { color:#69DF81; font-family:var(--font-mono); }
@media (max-width:900px) { .help-hero { grid-template-columns:1fr; }.help-hero-steps { justify-content:flex-start; }.help-guide-grid { grid-template-columns:1fr; } }

/* Connection Observatory v4 — sessão, QR e diagnóstico no sistema cósmico. */
.session-connect-modal {
  --session-cyan:#69DF81;
  --session-blue:#6CEE86;
  --session-violet:#92f3a5;
  --session-ink:#09190D;
  --session-panel:rgba(13,39,20,.78);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:16px;
  color:#ECFDEF;
}
.session-connect-modal .session-connect-backdrop {
  background:
    radial-gradient(circle at 18% 18%,rgba(44,196,75,.17),transparent 32%),
    radial-gradient(circle at 82% 76%,rgba(22,164,50,.13),transparent 34%),
    rgba(2,14,5,.82);
  backdrop-filter:blur(18px) saturate(125%);
}
.session-connect-modal .session-connect-dialog {
  position:relative;
  top:auto;
  left:auto;
  width:min(1180px,calc(100vw - 32px));
  max-height:min(92dvh,900px);
  overflow:hidden;
  border:1px solid rgba(105,223,129,.2);
  border-radius:28px;
  background:
    radial-gradient(circle at 90% -12%,rgba(108,238,134,.12),transparent 32%),
    radial-gradient(circle at 8% 110%,rgba(95,237,123,.12),transparent 32%),
    linear-gradient(145deg,rgba(9,30,15,.985),rgba(10,35,15,.985));
  box-shadow:0 38px 120px rgba(0,0,0,.68),0 0 0 1px rgba(146,243,165,.04) inset;
  transform:translateY(18px) scale(.975);
  animation:none;
}
.session-connect-modal.open .session-connect-dialog {
  transform:none;
}
.session-connect-modal .session-connect-dialog::before {
  content:'';
  position:absolute;
  inset:-34% 54% 54% -18%;
  pointer-events:none;
  border-radius:50%;
  background:conic-gradient(from 90deg,transparent,rgba(105,223,129,.07),transparent 42%);
  filter:blur(24px);
  animation:session-nebula 16s linear infinite;
}
.session-connect-modal .session-connect-header {
  position:sticky;
  z-index:12;
  top:0;
  display:flex;
  align-items:center;
  min-height:96px;
  padding:18px 24px;
  border-bottom:1px solid rgba(151,181,157,.1);
  background:rgba(7,25,12,.82);
  backdrop-filter:blur(24px) saturate(145%);
}
.session-connect-modal .session-connect-heading { display:flex; align-items:center; gap:15px; min-width:0; }
.session-connect-modal .session-connect-heading>div { min-width:0; }
.session-connect-modal .session-connect-header .eyebrow {
  color:#97F0A9;
  border-color:rgba(105,223,129,.2);
  background:rgba(24,137,46,.08);
  box-shadow:none;
}
.session-connect-modal .session-connect-header h2 { margin:7px 0 3px; color:#F6FEF7; font-size:1.16rem; letter-spacing:-.025em; }
.session-connect-modal .session-connect-header p { margin:0; color:#86A78D; font-size:.72rem; }
.session-connect-orbit { position:relative; flex:0 0 52px; display:grid; place-items:center; width:52px; height:52px; border:1px solid rgba(105,223,129,.22); border-radius:17px; color:#a7f3d0; background:linear-gradient(145deg,rgba(24,137,46,.17),rgba(53,219,86,.1)); box-shadow:inset 0 1px rgba(255,255,255,.06); }
.session-connect-orbit i { position:absolute; inset:8px; border:1px solid rgba(105,223,129,.3); border-radius:50%; animation:session-orbit 6s linear infinite; }
.session-connect-orbit i:nth-child(2) { inset:14px; border-color:rgba(146,243,165,.38); animation-direction:reverse; animation-duration:4s; }
.session-connect-orbit i::after { content:''; position:absolute; top:-3px; left:50%; width:5px; height:5px; border-radius:50%; background:#73ED8B; box-shadow:0 0 10px #32DE55; }
.session-connect-orbit b { position:relative; z-index:1; font:600 .9rem var(--font-mono); }
.session-connect-modal .modal-close { display:grid; place-items:center; width:38px; height:38px; border:1px solid rgba(151,181,157,.13); border-radius:12px; color:#92B79A; background:rgba(255,255,255,.025); font-size:1.2rem; transition:.2s ease; }
.session-connect-modal .modal-close:hover { color:#F8FCF9; border-color:rgba(105,223,129,.3); background:rgba(24,137,46,.09); transform:rotate(4deg); }
.session-connect-modal .session-connect-body { position:relative; z-index:1; display:grid; gap:14px; padding:18px 20px 22px; overflow:auto; scrollbar-color:rgba(105,223,129,.55) transparent; }
.session-connect-modal .session-mode-picker { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; padding:0; border:0; background:transparent; }
.session-connect-modal .session-mode-option {
  position:relative;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:11px;
  min-height:64px;
  padding:11px 12px;
  overflow:hidden;
  border:1px solid rgba(151,181,157,.12);
  border-radius:14px;
  color:#A1BDA6;
  background:rgba(255,255,255,.018);
  box-shadow:inset 0 1px rgba(255,255,255,.02);
  text-align:left;
  transition:border-color .2s ease,background .2s ease,transform .2s ease;
}
.session-connect-modal .session-mode-option::before { content:''; position:absolute; inset:auto 20% 0; height:1px; background:linear-gradient(90deg,transparent,var(--session-cyan),transparent); opacity:0; transform:scaleX(.4); transition:.25s ease; }
.session-connect-modal .session-mode-option:hover { border-color:rgba(108,238,134,.25); background:rgba(74,231,105,.045); transform:translateY(-1px); }
.session-connect-modal .session-mode-option.active { color:#EBFDEE; border-color:rgba(105,223,129,.38); background:linear-gradient(115deg,rgba(24,137,46,.12),rgba(53,219,86,.07)); }
.session-connect-modal .session-mode-option.active::before { opacity:1; transform:scaleX(1); }
.session-connect-modal .session-mode-icon { display:grid; place-items:center; width:34px; height:34px; border:1px solid rgba(108,238,134,.16); border-radius:10px; color:#9BF5AD; background:rgba(74,231,105,.07); }
.session-connect-modal .session-mode-icon svg,.session-connect-modal .session-mode-check svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.session-connect-modal .session-mode-option.active .session-mode-icon { color:#A0EFB0; border-color:rgba(105,223,129,.23); background:rgba(24,137,46,.13); }
.session-connect-modal .session-mode-option strong { display:block; color:inherit; font-size:.72rem; }
.session-connect-modal .session-mode-option small { display:block; margin-top:3px; color:#6B8B71; font-size:.59rem; }
.session-connect-modal .session-mode-check { display:grid; place-items:center; width:24px; height:24px; border:1px solid rgba(151,181,157,.12); border-radius:8px; color:transparent; background:rgba(255,255,255,.02); }
.session-connect-modal .session-mode-option.active .session-mode-check { color:#0D2012; border-color:#69DF81; background:#69DF81; box-shadow:0 0 18px rgba(58,199,86,.2); }
.session-connect-modal .session-mode-check svg { width:14px; height:14px; stroke-width:2.5; }
.session-connect-modal .evolution-connect-card {
  position:relative;
  display:grid;
  grid-template-columns:minmax(390px,.9fr) minmax(0,1.1fr);
  gap:20px;
  padding:20px;
  overflow:hidden;
  border:1px solid rgba(151,181,157,.12);
  border-radius:21px;
  background:linear-gradient(135deg,rgba(10,37,18,.68),rgba(14,48,21,.52));
  box-shadow:inset 0 1px rgba(255,255,255,.025);
}
.session-connect-modal .evolution-connect-card::before { content:''; position:absolute; inset:-80% 46% 30% -25%; border-radius:50%; background:radial-gradient(circle,rgba(58,199,86,.09),transparent 62%); filter:blur(20px); animation:session-nebula 14s ease-in-out infinite alternate; }
.session-connect-modal .qr-area,.session-connect-modal .qr-side { position:relative; z-index:1; min-width:0; }
.session-connect-modal .qr-frame { display:grid; justify-items:center; align-content:start; gap:13px; height:100%; min-height:510px; padding:20px; border:1px solid rgba(105,223,129,.13); border-radius:19px; background:rgba(3,19,8,.42); box-shadow:none; }
.session-connect-modal .qr-canvas { position:relative; width:clamp(300px,25vw,350px); max-width:100%; aspect-ratio:1; height:auto; overflow:hidden; border:1px solid rgba(108,238,134,.24); border-radius:22px; background:radial-gradient(circle at 50% 46%,rgba(80,219,108,.12),rgba(3,19,8,.92) 68%); box-shadow:inset 0 0 46px rgba(53,219,86,.09),0 16px 42px rgba(0,0,0,.2); }
.session-connect-modal .qr-canvas::before { content:''; position:absolute; inset:12px; z-index:0; border:1px dashed rgba(105,223,129,.13); border-radius:50%; animation:session-orbit 18s linear infinite; }
.session-connect-modal .qr-canvas::after { content:''; position:absolute; z-index:4; left:14px; right:14px; top:18%; height:1px; opacity:.55; background:linear-gradient(90deg,transparent,#73ED8B,transparent); box-shadow:0 0 14px #32DE55; animation:session-scan 3.2s ease-in-out infinite; pointer-events:none; }
.session-connect-modal .qr-canvas img { position:relative; z-index:3; width:100%; height:100%; padding:12px; object-fit:contain; border-radius:21px; background:#fff; image-rendering:auto; }
.session-connect-modal .qr-overlay { z-index:2; gap:8px; padding:22px; color:#9EBCA4; background:transparent; }
.session-connect-modal .qr-overlay-icon { display:grid; place-items:center; width:52px; height:52px; border:1px solid rgba(146,243,165,.25); border-radius:16px; color:#b9f9c6; background:rgba(51,206,82,.12); box-shadow:0 0 30px rgba(51,206,82,.12); }
.session-connect-modal .qr-overlay strong { color:#E8F7EB; font-size:.8rem; text-align:center; }
.session-connect-modal .qr-overlay small { max-width:180px; color:#74947A; font-size:.61rem; line-height:1.45; text-align:center; }
.session-connect-modal .qr-meta { text-align:center; }
.session-connect-modal .qr-meta strong { color:#E2F3E5; font-size:.7rem; }
.session-connect-modal .qr-meta small { color:#6C8C72; font:.59rem var(--font-mono); }
.session-connect-modal .qr-live-indicator { display:flex; align-items:center; justify-content:center; gap:7px; color:#74947A; font:.58rem var(--font-mono); }
.session-connect-modal .qr-live-indicator span { width:6px; height:6px; border-radius:50%; background:#41C65B; box-shadow:0 0 0 5px rgba(65,198,91,.07),0 0 12px rgba(65,198,91,.5); animation:queue-live-pulse 1.6s infinite; }
.session-connect-modal .qr-actions { display:grid; grid-template-columns:1fr 1fr; gap:7px; width:100%; margin-top:auto; }
.session-connect-modal .qr-actions .btn,.session-connect-modal .session-ready-actions .btn { min-height:34px; padding:8px 10px; border:1px solid rgba(108,238,134,.17); border-radius:10px; color:#A2D1AC; background:rgba(74,231,105,.055); box-shadow:none; font-size:.63rem; }
.session-connect-modal .qr-actions .btn:hover:not(:disabled),.session-connect-modal .session-ready-actions .btn:hover:not(:disabled) { color:#E2FCE7; border-color:rgba(105,223,129,.35); background:rgba(24,137,46,.1); transform:translateY(-1px); }
.session-connect-modal .qr-actions .btn:disabled,.session-connect-modal .session-ready-actions .btn:disabled { opacity:.34; filter:saturate(.5); }
.session-connect-modal .qr-side { display:grid; grid-template-columns:1fr; align-content:start; gap:11px; }
.session-connect-modal .evolution-runtime-status { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:10px; min-height:56px; padding:11px 13px; border:1px solid rgba(105,223,129,.15); border-radius:13px; background:linear-gradient(110deg,rgba(24,137,46,.075),rgba(53,219,86,.045)); }
.session-connect-modal .evolution-runtime-status::after { content:'SERVIÇO'; color:#64866B; font:600 .54rem var(--font-mono); letter-spacing:.12em; }
.session-connect-modal .evolution-runtime-status .status-dot { width:8px; height:8px; box-shadow:0 0 0 5px rgba(58,199,86,.07),0 0 14px rgba(58,199,86,.5); }
.session-connect-modal .evolution-runtime-status strong { color:#DDF4E2; font-size:.7rem; }
.session-connect-modal .evolution-runtime-status p { margin:3px 0 0; color:#719278; font-size:.59rem; }
.session-connect-modal .form-field { margin:0!important; }
.session-connect-modal .form-field label { margin-bottom:7px; color:#87A78D; font:600 .58rem var(--font-mono); letter-spacing:.13em; }
.session-connect-modal #new-instance-name { height:45px; padding:0 14px; border:1px solid rgba(108,238,134,.17); border-radius:12px; color:#EEFEF1; background:rgba(3,19,8,.42); box-shadow:inset 0 1px rgba(255,255,255,.02); }
.session-connect-modal #new-instance-name:focus { border-color:rgba(105,223,129,.46); outline:0; box-shadow:0 0 0 3px rgba(58,199,86,.065); }
.session-connect-modal #create-instance { position:relative; min-height:43px; border:1px solid rgba(105,223,129,.28); border-radius:12px; color:#E1FCE7; background:linear-gradient(115deg,rgba(24,137,46,.27),rgba(53,219,86,.18)); box-shadow:inset 0 1px rgba(255,255,255,.05); font-size:.71rem; font-weight:650; }
.session-connect-modal #create-instance::after { content:'→'; position:absolute; right:15px; color:#97F0A9; transition:transform .2s ease; }
.session-connect-modal #create-instance:hover:not(:disabled) { border-color:rgba(105,223,129,.5); background:linear-gradient(115deg,rgba(24,137,46,.36),rgba(53,219,86,.25)); transform:translateY(-1px); box-shadow:0 12px 30px rgba(24,137,46,.1); }
.session-connect-modal #create-instance:hover:not(:disabled)::after { transform:translateX(3px); }
.session-connect-modal #create-instance:disabled { opacity:.4; color:#74947A; background:rgba(255,255,255,.025); box-shadow:none; }
.session-connect-modal .step-list.compact { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; margin:2px 0 0; }
.session-connect-modal .step-list.compact::before { content:''; position:absolute; z-index:0; top:17px; left:8%; right:8%; height:1px; background:linear-gradient(90deg,rgba(105,223,129,.25),rgba(108,238,134,.14),rgba(146,243,165,.12)); }
.session-connect-modal .step-list-item { position:relative; z-index:1; display:grid; grid-template-columns:1fr; align-content:start; gap:7px; min-height:108px; padding:10px; border:1px solid rgba(151,181,157,.09); border-radius:12px; background:rgba(3,19,8,.36); }
.session-connect-modal .step-list-item>span { display:grid; place-items:center; width:24px; height:24px; border:1px solid rgba(151,181,157,.14); border-radius:8px; color:#7A9A80; background:#0C2413; font:600 .59rem var(--font-mono); }
.session-connect-modal .step-list-item strong { display:block; color:#9EBAA3; font-size:.64rem; line-height:1.25; }
.session-connect-modal .step-list-item p { margin:4px 0 0; color:#607F66; font-size:.54rem; line-height:1.35; }
.session-connect-modal .step-list-item.active { border-color:rgba(105,223,129,.2); background:rgba(24,137,46,.055); }
.session-connect-modal .step-list-item.active>span { color:#091B0E; border-color:#69DF81; background:#69DF81; box-shadow:0 0 16px rgba(58,199,86,.2); }
.session-connect-modal .step-list-item.active strong { color:#DCFAE2; }
.session-connect-modal .step-list-item.done>span { color:#a7f3d0; border-color:rgba(65,198,91,.28); background:rgba(30,171,58,.12); }
.session-connect-modal .session-ready-actions { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:10px; margin:0; padding:9px 10px; border:1px solid rgba(151,181,157,.09); border-radius:11px; background:rgba(255,255,255,.015); }
.session-connect-modal .session-ready-actions small { color:#66866C; font-size:.57rem; }
.session-connect-modal .connection-console { overflow:hidden; border:1px solid rgba(151,181,157,.1); border-radius:15px; background:rgba(3,19,8,.45); }
.session-connect-modal .connection-console>header { min-height:46px; padding:9px 13px; border-bottom:1px solid rgba(151,181,157,.08); background:rgba(255,255,255,.018); }
.session-connect-modal .connection-console>header strong { color:#C0D9C5; font-size:.66rem; }
.session-connect-modal .connection-console>header small { color:#627F68; font-size:.55rem; }
.session-connect-modal .connection-console>header button { border:1px solid rgba(151,181,157,.12); border-radius:8px; color:#74947A; background:transparent; font-size:.57rem; }
.session-connect-modal .connection-console>header button:hover { color:#D3FADB; border-color:rgba(105,223,129,.26); background:rgba(24,137,46,.07); }
.session-connect-modal .connection-log { max-height:132px; min-height:76px; padding:10px 12px; scrollbar-color:rgba(105,223,129,.45) transparent; }
@keyframes session-observatory-enter { from { opacity:0; transform:translateY(18px) scale(.975); } to { opacity:1; transform:none; } }
@keyframes session-nebula { to { transform:rotate(18deg) scale(1.08); } }
@keyframes session-orbit { to { transform:rotate(360deg); } }
@keyframes session-scan { 0%,100% { top:18%; opacity:.18; } 50% { top:80%; opacity:.7; } }
@media(max-width:900px) {
  .session-connect-modal .session-connect-dialog { width:min(96vw,760px); max-height:94dvh; }
  .session-connect-modal .session-mode-picker { grid-template-columns:1fr; }
  .session-connect-modal .session-mode-option { min-height:58px; }
  .session-connect-modal .evolution-connect-card { grid-template-columns:1fr; }
  .session-connect-modal .qr-frame { min-height:auto; }
  .session-connect-modal .qr-canvas { width:min(340px,100%); }
}
@media(max-width:620px) {
  .session-connect-modal { align-items:flex-end; padding:0; }
  .session-connect-modal .session-connect-dialog { width:100%; max-height:100dvh; border-width:1px 0 0; border-radius:23px 23px 0 0; }
  .session-connect-modal .session-connect-header { min-height:82px; padding:14px 16px; }
  .session-connect-orbit { flex-basis:42px; width:42px; height:42px; border-radius:13px; }
  .session-connect-modal .session-connect-header h2 { overflow:hidden; font-size:.94rem; text-overflow:ellipsis; white-space:nowrap; }
  .session-connect-modal .session-connect-header p { overflow:hidden; max-width:70vw; text-overflow:ellipsis; white-space:nowrap; }
  .session-connect-modal .session-connect-body { gap:11px; padding:13px 12px 18px; }
  .session-connect-modal .session-mode-picker { grid-template-columns:repeat(3,minmax(0,1fr)); gap:5px; }
  .session-connect-modal .session-mode-option { grid-template-columns:1fr; justify-items:center; min-height:76px; padding:8px 5px; text-align:center; }
  .session-connect-modal .session-mode-option small,.session-connect-modal .session-mode-check { display:none; }
  .session-connect-modal .session-mode-icon { width:29px; height:29px; }
  .session-connect-modal .session-mode-option strong { font-size:.58rem; }
  .session-connect-modal .evolution-connect-card { gap:11px; padding:10px; border-radius:17px; }
  .session-connect-modal .qr-frame { min-height:auto; padding:12px; }
  .session-connect-modal .qr-canvas { width:min(290px,calc(100vw - 68px)); }
  .session-connect-modal .step-list.compact { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .session-connect-modal .step-list.compact::before { display:none; }
  .session-connect-modal .step-list-item { min-height:88px; }
  .session-connect-modal .evolution-runtime-status::after { display:none; }
  .session-connect-modal .session-ready-actions { grid-template-columns:1fr; }
  .session-connect-modal .session-ready-actions .btn { width:100%; }
  .session-connect-modal .connection-console>header small { display:none; }
}
@media(prefers-reduced-motion:reduce) {
  .session-connect-modal .session-connect-dialog,.session-connect-modal .session-connect-dialog::before,.session-connect-orbit i,.session-connect-modal .evolution-connect-card::before,.session-connect-modal .qr-canvas::before,.session-connect-modal .qr-canvas::after,.session-connect-modal .qr-live-indicator span { animation:none!important; }
}

/* ===== Central cósmica de clientes e trials ===== */
#view-clientes{--client-cyan:#65DE7D;--client-rose:#ff7892;--client-violet:#80f798}
.client-cosmos-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(350px,.7fr);gap:32px;padding:38px;border:1px solid rgba(108,218,130,.2);border-radius:30px;background:radial-gradient(circle at 85% 0,rgba(89,202,111,.14),transparent 34%),linear-gradient(135deg,rgba(19,57,30,.9),rgba(17,60,26,.75));overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.22)}.client-cosmos-hero:after{content:"";position:absolute;width:250px;height:250px;border:34px solid rgba(123,247,148,.08);border-radius:50%;right:-100px;bottom:-170px;box-shadow:0 0 70px rgba(100,222,124,.12)}.client-cosmos-copy{position:relative;z-index:1}.client-cosmos-copy h1{margin:14px 0 12px;font:800 clamp(2.2rem,4.2vw,4.5rem)/.98 var(--font-display);letter-spacing:-.055em;color:#f8fffa}.client-cosmos-copy h1 em{font-style:normal;background:linear-gradient(90deg,#6EDF84,#92f3a5,#ff7d8b);-webkit-background-clip:text;color:transparent}.client-cosmos-copy p{max-width:710px;margin:0;color:var(--text-300);font-size:1rem;line-height:1.7}.client-cosmos-actions{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;gap:12px}.client-cosmos-actions label{display:flex;gap:10px;align-items:center;padding:0 16px;border:1px solid rgba(120,207,138,.23);border-radius:15px;background:rgba(5,26,11,.45)}.client-cosmos-actions input{width:100%;height:50px;border:0;outline:0;color:#F6FEF7;background:transparent}.client-create-cosmic{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;padding:14px;border:1px solid rgba(101,222,125,.35);border-radius:16px;color:#EFFEF2;background:linear-gradient(110deg,rgba(36,115,52,.42),rgba(39,135,58,.42));text-align:left;cursor:pointer;transition:.22s ease}.client-create-cosmic:hover{transform:translateY(-2px);border-color:rgba(101,222,125,.7);box-shadow:0 14px 38px rgba(50,206,81,.11)}.client-create-cosmic>span{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:rgba(101,222,125,.12);font-size:22px;color:var(--client-cyan)}.client-create-cosmic b,.client-create-cosmic small{display:block}.client-create-cosmic small{margin-top:3px;color:#9CC5A4}.trial-command-strip{display:grid;grid-template-columns:48px 1fr auto;gap:15px;align-items:center;margin:20px 0;padding:16px 18px;border:1px solid rgba(255,195,85,.25);border-radius:18px;background:linear-gradient(90deg,rgba(94,62,19,.18),rgba(17,47,25,.72));backdrop-filter:blur(18px)}.trial-command-orbit{width:44px;height:44px;border:1px solid rgba(255,196,84,.4);border-radius:50%;display:grid;place-items:center}.trial-command-orbit:after{content:"✦";color:#ffd879}.trial-command-strip small{font:700 .68rem var(--font-mono);letter-spacing:.16em;color:#f4c96d}.trial-command-strip strong,.trial-command-strip p{display:block;margin:2px 0}.trial-command-strip p{font-size:.78rem;color:var(--text-400)}.trial-command-strip button{padding:11px 14px;border:1px solid rgba(255,197,92,.28);border-radius:12px;background:rgba(255,190,74,.08);color:#ffe1a7;cursor:pointer}.trial-command-strip button b{display:inline-grid;place-items:center;min-width:24px;height:24px;margin-left:6px;border-radius:8px;background:#f4b74c;color:#211300}.client-trial-state{display:flex;align-items:center;gap:10px;margin:12px 0;padding:11px 12px;border:1px solid rgba(132,209,148,.18);border-radius:13px;background:rgba(6,29,13,.36)}.client-trial-state>span{color:#f4c86b}.client-trial-state div{flex:1}.client-trial-state small,.client-trial-state strong{display:block}.client-trial-state small{font:700 .62rem var(--font-mono);letter-spacing:.12em;color:#8BB493}.client-trial-state strong{margin-top:3px;font-size:.8rem}.client-trial-state.pending{border-color:rgba(255,193,80,.3)}.client-trial-state.approved{border-color:rgba(101,222,125,.28)}.client-trial-state button,.client-trial-actions button{padding:9px 12px;border:1px solid rgba(101,222,125,.3);border-radius:10px;background:rgba(101,222,125,.09);color:#8EEEA1;cursor:pointer;font-weight:700}.client-trial-console{margin:0 0 20px;padding:18px;border:1px solid rgba(101,222,125,.25);border-radius:18px;background:radial-gradient(circle at 100% 0,rgba(93,209,116,.18),transparent 42%),rgba(8,35,15,.74)}.client-trial-console header{display:flex;gap:12px;align-items:center}.client-trial-console header>span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:rgba(101,222,125,.1);color:#7FE493}.client-trial-console small,.client-trial-console strong{display:block}.client-trial-console small{color:#7BD58D;font:700 .65rem var(--font-mono);letter-spacing:.15em}.client-trial-timeline{display:flex;align-items:center;margin:18px 0 12px}.client-trial-timeline span{font-size:.66rem;color:#749B7C}.client-trial-timeline span.done{color:#6CDC82}.client-trial-timeline i{flex:1;height:1px;margin:0 7px;background:rgba(128,204,143,.2)}.client-trial-console p{font-size:.78rem;line-height:1.55;color:#9FC3A6}.client-trial-actions{display:flex;gap:9px;margin-top:14px}.client-trial-actions button:last-child{border-color:rgba(255,113,141,.25);background:rgba(255,113,141,.07);color:#ff9bad}@media(max-width:900px){.client-cosmos-hero{grid-template-columns:1fr;padding:25px}.trial-command-strip{grid-template-columns:42px 1fr}.trial-command-strip button{grid-column:1/-1}.client-trial-state{flex-wrap:wrap}.client-trial-state button{width:100%}}
.client-access-choice{display:grid;grid-template-columns:1fr 1fr;gap:10px}.client-access-choice label{display:flex;gap:10px;padding:14px;border:1px solid rgba(120,207,138,.2);border-radius:14px;background:rgba(7,32,14,.55);cursor:pointer}.client-access-choice label:has(input:checked){border-color:rgba(101,222,125,.55);background:rgba(43,118,58,.14)}.client-access-choice b,.client-access-choice small{display:block}.client-access-choice small{margin-top:4px;color:#97BC9E;line-height:1.45}@media(max-width:640px){.client-access-choice{grid-template-columns:1fr}}

/* ===== Estúdio de Promoções · criação manual inteligente ===== */
.promotion-studio{--studio-cyan:#68E581;--studio-violet:#7ff797;--studio-rose:#ff7499;--studio-amber:#ffc96b;position:relative;padding-bottom:70px}
.studio-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(290px,.6fr);gap:38px;align-items:center;padding:38px 40px;border:1px solid rgba(111,211,131,.19);border-radius:29px;overflow:hidden;background:radial-gradient(circle at 83% 10%,rgba(87,206,111,.18),transparent 33%),linear-gradient(130deg,rgba(16,54,27,.9),rgba(15,51,22,.75));box-shadow:0 30px 90px rgba(0,0,0,.24)}
.studio-hero:after{content:"";position:absolute;right:-110px;top:-180px;width:380px;height:380px;border:1px solid rgba(104,229,129,.13);border-radius:50%;box-shadow:0 0 0 45px rgba(127,247,151,.035),0 0 0 88px rgba(104,229,129,.025)}
.studio-hero-copy,.studio-plan-mode{position:relative;z-index:1}.studio-kicker{display:inline-flex;align-items:center;gap:9px;color:#93ECA5;font:750 .67rem var(--font-mono);letter-spacing:.16em}.studio-kicker i{width:7px;height:7px;border-radius:50%;background:var(--studio-cyan);box-shadow:0 0 15px var(--studio-cyan)}
.studio-hero h1{margin:14px 0 13px;color:#fff;font:800 clamp(2.25rem,4vw,4.25rem)/.98 var(--font-display);letter-spacing:-.055em}.studio-hero h1 em{font-style:normal;color:transparent;background:linear-gradient(90deg,#71E388,#8bf8a1 52%,#ff7a9c);-webkit-background-clip:text;background-clip:text}.studio-hero p{max-width:760px;margin:0;color:#A4C6AB;font-size:.95rem;line-height:1.68}
.studio-plan-mode{padding:20px;border:1px solid rgba(127,247,151,.22);border-radius:20px;background:rgba(7,30,14,.54);backdrop-filter:blur(16px)}.studio-plan-mode>span{color:#759B7C;font:700 .58rem var(--font-mono);letter-spacing:.14em}.studio-plan-mode strong{display:block;margin-top:8px;color:#EFFEF2;font:750 1rem var(--font-display)}.studio-plan-mode p{margin-top:7px;color:#88AC8F;font-size:.68rem;line-height:1.45}.studio-plan-mode>i{display:inline-block;margin-top:13px;padding:6px 9px;border:1px solid rgba(104,229,129,.24);border-radius:999px;color:#8BE49D;background:rgba(104,229,129,.07);font:750 .57rem var(--font-mono);font-style:normal;letter-spacing:.09em}
.studio-steps{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:10px;margin:18px 0;padding:12px 15px;border:1px solid rgba(133,212,149,.13);border-radius:18px;background:rgba(7,30,14,.62)}.studio-steps>span{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;gap:2px 9px;align-items:center;padding:9px;border-radius:12px;color:#7CA083;transition:.25s}.studio-steps>span>b{grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:#7EA386;background:rgba(133,212,149,.07);font:700 .63rem var(--font-mono)}.studio-steps>span i,.studio-steps>span small{display:block;font-style:normal}.studio-steps>span i{font-size:.7rem;font-weight:760;color:#B8D3BD}.studio-steps>span small{font-size:.55rem}.studio-steps>span.active{background:linear-gradient(110deg,rgba(52,122,66,.14),rgba(45,157,68,.14))}.studio-steps>span.active>b{color:#091A0E;background:linear-gradient(135deg,#71DF87,#AFF2BD);box-shadow:0 0 20px rgba(104,229,129,.22)}.studio-steps>span.active i{color:#EEFEF1}.studio-steps>em{color:#476B4E;font-style:normal}
.studio-workspace{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.72fr);gap:16px;align-items:start}.studio-composer,.studio-preview-panel,.studio-delivery{border:1px solid rgba(125,214,143,.17);border-radius:24px;background:linear-gradient(145deg,rgba(18,52,28,.86),rgba(7,29,13,.83));box-shadow:0 28px 80px rgba(0,0,0,.2);overflow:hidden}.studio-composer>header,.studio-preview-panel>header,.studio-delivery>header{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:76px;padding:17px 21px;border-bottom:1px solid rgba(133,212,149,.1)}.studio-composer>header>div,.studio-preview-panel>header>div,.studio-delivery>header>div{display:flex;align-items:center;gap:12px}.studio-panel-icon{width:37px;height:37px;display:grid;place-items:center;border:1px solid rgba(104,229,129,.18);border-radius:12px;color:var(--studio-cyan);background:rgba(104,229,129,.07);font-size:1rem}.studio-composer header small,.studio-preview-panel header small,.studio-delivery header small{display:block;color:#739A7B;font:700 .56rem var(--font-mono);letter-spacing:.13em}.studio-composer header h2,.studio-preview-panel header h2,.studio-delivery header h2{margin:4px 0 0;color:#F1FEF4;font:760 .98rem var(--font-display)}.studio-autosave{display:flex;align-items:center;gap:7px;color:#7CA484;font-size:.58rem}.studio-autosave i{width:6px;height:6px;border-radius:50%;background:#67DA7E;box-shadow:0 0 10px #67DA7E}.studio-autosave.saving i{background:var(--studio-amber);box-shadow:0 0 10px var(--studio-amber)}
.studio-form{padding:22px;display:grid;gap:15px}.studio-link-block{padding:14px;border:1px solid rgba(119,216,139,.16);border-radius:16px;background:rgba(4,25,10,.34)}.studio-link-block.primary{border-color:rgba(104,229,129,.28);background:linear-gradient(115deg,rgba(29,87,41,.16),rgba(27,92,40,.13))}.studio-link-block>label{display:flex;justify-content:space-between;gap:12px;margin-bottom:9px}.studio-link-block label span{color:#96E5A6;font:700 .61rem var(--font-mono);letter-spacing:.11em}.studio-link-block label b{color:#678B6E;font-size:.57rem}.studio-link-block>div{display:grid;grid-template-columns:30px 1fr auto;align-items:center;min-height:48px;border:1px solid rgba(133,212,149,.15);border-radius:12px;background:rgba(5,24,10,.68)}.studio-link-block>div>i{color:#72DE88;text-align:center;font-style:normal}.studio-link-block input{min-width:0;height:45px;border:0;outline:0;color:#EFFEF2;background:transparent;font-size:.78rem}.studio-link-block>div>em{margin-right:7px;padding:6px 8px;border-radius:8px;color:#759A7C;background:rgba(133,212,149,.07);font:650 .52rem var(--font-mono);font-style:normal}.studio-link-block>div>em.detected{color:#80E093;background:rgba(54,160,75,.1)}.studio-link-block>small{display:block;margin-top:8px;color:#6C9173;font-size:.57rem}
.studio-fields-grid,.studio-media-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.studio-field label{display:block;margin:0 0 7px;color:#86AB8E;font:700 .59rem var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.studio-field .input,.studio-field .select,.studio-field .textarea{width:100%;background:rgba(5,25,11,.47)}.studio-field.wide{min-width:0}.studio-discount{display:grid;grid-template-columns:auto auto 1fr;gap:10px;align-items:center;padding:10px 13px;border:1px solid rgba(255,201,107,.2);border-radius:12px;background:rgba(255,174,66,.055)}.studio-discount span{color:#d9ae60;font:700 .56rem var(--font-mono)}.studio-discount strong{color:#ffd88f;font-size:.82rem}.studio-discount small{justify-self:end;color:#729579;font-size:.55rem}
.studio-media-upload{display:grid;grid-template-columns:35px 1fr auto;align-items:center;gap:10px;min-height:66px;padding:9px 11px;border:1px dashed rgba(104,229,129,.25);border-radius:14px;background:rgba(32,89,44,.06);cursor:pointer}.studio-media-upload>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:#87E49A;background:rgba(104,229,129,.08)}.studio-media-upload b,.studio-media-upload small{display:block}.studio-media-upload b{color:#CDE8D3;font-size:.68rem}.studio-media-upload small{margin-top:3px;color:#698D70;font-size:.54rem}.studio-media-upload em{color:#86DF98;font-size:.58rem;font-style:normal}.studio-media-upload.has-file{border-style:solid;border-color:rgba(91,231,171,.35)}
.studio-ai-zone{display:grid;grid-template-columns:1fr minmax(280px,.8fr);gap:14px;align-items:center;margin-top:3px;padding:15px;border:1px solid rgba(127,247,151,.18);border-radius:18px;background:radial-gradient(circle at 85% 50%,rgba(79,204,104,.12),transparent 35%),rgba(10,34,17,.54)}.studio-ai-zone>div{display:flex;align-items:center;gap:12px}.studio-ai-zone>div>span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;color:#c0fbcc;background:rgba(127,247,151,.12)}.studio-ai-zone p{margin:0}.studio-ai-zone p>*{display:block}.studio-ai-zone p small{color:#82db94;font:700 .54rem var(--font-mono);letter-spacing:.11em}.studio-ai-zone p strong{margin-top:4px;color:#EEFDF1;font-size:.73rem}.studio-ai-zone p em{margin-top:4px;color:#6C8F73;font-size:.54rem;font-style:normal;line-height:1.4}
.studio-black-hole-button{position:relative;min-height:70px;display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:11px;padding:8px 13px;border:1px solid rgba(103,228,128,.62);border-radius:17px;overflow:hidden;color:#F6FEF7;background:linear-gradient(105deg,rgba(19,72,34,.7),rgba(31,106,46,.85));box-shadow:inset 0 0 0 2px rgba(4,22,9,.65),0 0 28px rgba(90,220,116,.09);cursor:pointer;transition:.25s}.studio-black-hole-button:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent,rgba(255,255,255,.09),transparent);transform:translateX(-110%);transition:.55s}.studio-black-hole-button:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 2px rgba(4,22,9,.65),0 15px 42px rgba(79,203,104,.15)}.studio-black-hole-button:hover:before{transform:translateX(110%)}.studio-black-hole-button:disabled{opacity:.55;cursor:wait;transform:none}.studio-black-hole{position:relative;width:50px;height:50px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,#000 0 35%,#0A140D 37% 44%,transparent 46%);box-shadow:0 0 18px rgba(110,246,137,.42);font-style:normal}.studio-black-hole:before,.studio-black-hole:after{content:"";position:absolute;left:-8px;right:-8px;top:22px;height:6px;border-radius:50%;background:linear-gradient(90deg,transparent,#61E57B,#fff 47%,#ff7398,#7ff797,transparent);transform:rotate(-8deg);filter:blur(.5px);animation:studioDisk 3s ease-in-out infinite alternate}.studio-black-hole:after{top:18px;opacity:.32;filter:blur(5px);transform:rotate(8deg)}.studio-black-hole b{position:relative;z-index:2;color:#b9fbc6;font-size:.72rem}.studio-black-hole-button>span{text-align:left}.studio-black-hole-button>span>*{display:block}.studio-black-hole-button>span small{color:#84D694;font:700 .5rem var(--font-mono);letter-spacing:.09em}.studio-black-hole-button>span strong{margin-top:4px;font-size:.73rem}.studio-black-hole-button>em{color:#85E799;font-style:normal}.studio-black-hole-button.loading .studio-black-hole{animation:studioConsume .75s linear infinite}
@keyframes studioDisk{50%{transform:rotate(5deg) scaleX(1.15);filter:brightness(1.3)}}@keyframes studioConsume{to{transform:rotate(360deg)}}
.studio-preview-panel{position:sticky;top:92px}.studio-preview-tabs{display:flex;padding:3px;border:1px solid rgba(133,212,149,.12);border-radius:10px;background:rgba(5,23,10,.45)}.studio-preview-tabs button{padding:6px 8px;border:0;border-radius:7px;color:#73977A;background:transparent;font-size:.55rem;cursor:pointer}.studio-preview-tabs button.active{color:#E1FAE6;background:rgba(104,229,129,.1)}.studio-phone{width:calc(100% - 40px);margin:20px auto 14px;border:1px solid rgba(133,212,149,.18);border-radius:22px;overflow:hidden;background:#092311;box-shadow:0 22px 55px rgba(0,0,0,.28)}.studio-phone-top{height:54px;display:grid;grid-template-columns:auto 32px 1fr auto;align-items:center;gap:9px;padding:0 13px;color:#B1CEB7;background:#132B1A}.studio-phone-top>b{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;color:#071E0E;background:linear-gradient(135deg,#6CDD82,#BEF2C8);font-size:.62rem}.studio-phone-top div>*{display:block}.studio-phone-top strong{color:#E8F6EB;font-size:.66rem}.studio-phone-top small{margin-top:2px;color:#74977B;font-size:.5rem}.studio-phone-top>i{font-style:normal}.studio-chat{min-height:330px;padding:18px 12px;background:radial-gradient(circle at 20% 20%,rgba(29,61,38,.15),transparent 30%),linear-gradient(rgba(8,27,13,.94),rgba(6,23,11,.96))}.studio-preview-empty{min-height:280px;display:grid;place-items:center;align-content:center;text-align:center;color:#698E71}.studio-preview-empty>span{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;color:#90f8a5;background:rgba(127,247,151,.1)}.studio-preview-empty strong,.studio-preview-empty small{display:block}.studio-preview-empty strong{margin-top:13px;color:#ACC7B2;font-size:.73rem}.studio-preview-empty small{max-width:240px;margin-top:7px;font-size:.57rem;line-height:1.5}.studio-wa-card{margin-left:auto;max-width:94%;padding:6px;border-radius:13px 5px 13px 13px;background:#d7f8d0;color:#19221B;box-shadow:0 8px 25px rgba(0,0,0,.16)}.studio-wa-media{height:155px;display:grid;place-items:center;overflow:hidden;border-radius:9px;background:linear-gradient(135deg,#1C3C25,#1c622a)}.studio-wa-media img,.studio-wa-media video{width:100%;height:100%;object-fit:cover}.studio-wa-media span{color:#AACEB1;font-size:.7rem}.studio-wa-text{padding:9px 8px 5px;font-size:.66rem;line-height:1.52;white-space:normal;overflow-wrap:anywhere}.studio-wa-time{display:block;margin:-2px 6px 3px;text-align:right;color:#61716b;font-size:.48rem}.studio-phone-input{height:45px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:0 12px;color:#7FA186;background:#132B1A}.studio-phone-input i{padding:8px 11px;border-radius:18px;color:#688A6F;background:#223B27;font-size:.58rem;font-style:normal}.studio-message-editor{display:block;margin:0 20px 14px}.studio-message-editor>span{display:flex;justify-content:space-between;margin-bottom:7px}.studio-message-editor b{color:#99BDA0;font-size:.61rem}.studio-message-editor small{color:#678B6E;font:600 .54rem var(--font-mono)}.studio-message-editor textarea{width:100%;min-height:132px;background:rgba(5,25,11,.5);font-size:.65rem;line-height:1.55}.studio-trust-row{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;padding:0 16px 18px;color:#6A9673;font-size:.51rem}.studio-trust-row span:First-letter{color:#61e7ac}
.studio-delivery{margin-top:16px}.studio-delivery>header p{margin:5px 0 0;color:#6D9174;font-size:.61rem}.studio-direct-badge{display:flex!important;align-items:center!important;gap:9px!important;padding:9px 11px;border:1px solid rgba(104,229,129,.17);border-radius:12px;background:rgba(104,229,129,.055)}.studio-direct-badge>i{width:7px;height:7px;border-radius:50%;background:#65DD7D;box-shadow:0 0 11px #65DD7D}.studio-direct-badge span>*{display:block}.studio-direct-badge b{color:#A4E8B1;font:700 .55rem var(--font-mono)}.studio-direct-badge small{margin-top:3px;color:#688C6F;font-size:.5rem}.studio-delivery-toolbar{display:grid;grid-template-columns:minmax(220px,.75fr) minmax(220px,1fr) auto;gap:11px;align-items:end;padding:17px 20px}.studio-delivery-toolbar label>span{display:block;margin-bottom:7px;color:#7BA082;font:700 .57rem var(--font-mono);letter-spacing:.08em}.studio-group-search{position:relative}.studio-group-search>span{position:absolute;left:12px;bottom:13px;color:#74997C}.studio-group-search input{width:100%;height:43px;padding:0 12px 0 34px;border:1px solid rgba(133,212,149,.15);border-radius:11px;outline:0;color:#E8F7EB;background:rgba(5,24,10,.48)}.studio-delivery-toolbar>div{display:flex;gap:7px}.studio-delivery-toolbar button{height:43px;padding:0 11px;border:1px solid rgba(133,212,149,.15);border-radius:11px;color:#92BB9A;background:rgba(133,212,149,.05);font-size:.58rem;cursor:pointer}.studio-delivery-toolbar button:hover{color:#D3FBDB;border-color:rgba(104,229,129,.32)}
.studio-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;min-height:140px;padding:3px 20px 20px}.studio-group-card{position:relative;display:grid;grid-template-columns:36px 1fr 23px;align-items:center;gap:9px;min-width:0;padding:12px;border:1px solid rgba(133,212,149,.12);border-radius:14px;background:rgba(255,255,255,.018);cursor:pointer;transition:.2s}.studio-group-card:hover{transform:translateY(-2px);border-color:rgba(104,229,129,.26)}.studio-group-card.selected{border-color:rgba(104,229,129,.5);background:linear-gradient(120deg,rgba(37,112,52,.13),rgba(39,135,58,.13));box-shadow:0 12px 30px rgba(44,167,68,.07)}.studio-group-card.unavailable{opacity:.45;cursor:not-allowed}.studio-group-card>input{position:absolute;opacity:0;pointer-events:none}.studio-group-avatar{width:36px;height:36px;display:grid;place-items:center;overflow:hidden;border-radius:11px;color:#92EBA4;background:rgba(104,229,129,.08);font:750 .58rem var(--font-mono)}.studio-group-avatar img{width:100%;height:100%;object-fit:cover}.studio-group-card>span:nth-of-type(2){min-width:0}.studio-group-card b,.studio-group-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-group-card b{color:#DEF3E2;font-size:.66rem}.studio-group-card small{margin-top:4px;color:#6C9173;font-size:.51rem}.studio-group-card>i{width:21px;height:21px;display:grid;place-items:center;border:1px solid rgba(133,212,149,.16);border-radius:7px;color:transparent;font-size:.55rem;font-style:normal}.studio-group-card.selected>i{border-color:transparent;color:#081E0E;background:#78DD8C}.studio-groups-empty{grid-column:1/-1;display:grid;place-items:center;align-content:center;min-height:130px;text-align:center}.studio-groups-empty>span{color:#47c961;font-size:1.3rem}.studio-groups-empty strong,.studio-groups-empty small{display:block}.studio-groups-empty strong{margin-top:8px;color:#A1BFA7;font-size:.72rem}.studio-groups-empty small{margin-top:5px;color:#64896C;font-size:.55rem}
.studio-delivery>footer{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:15px 20px;border-top:1px solid rgba(133,212,149,.09);background:rgba(4,21,9,.28)}.studio-delivery-summary{display:grid;grid-template-columns:auto 1px 1fr;align-items:center;gap:14px}.studio-delivery-summary>span b,.studio-delivery-summary>span small,.studio-delivery-summary p>*{display:block}.studio-delivery-summary>span b{color:#F1FEF4;font:800 1.35rem var(--font-display)}.studio-delivery-summary>span small{color:#6A8D71;font-size:.51rem}.studio-delivery-summary>i{width:1px;height:34px;background:rgba(133,212,149,.13)}.studio-delivery-summary p{margin:0}.studio-delivery-summary p strong{color:#CDE6D2;font-size:.68rem}.studio-delivery-summary p small{margin-top:4px;color:#6C9174;font-size:.53rem}.studio-validate-button{min-width:265px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 15px;border:1px solid rgba(104,229,129,.4);border-radius:14px;color:#F0FEF3;background:linear-gradient(105deg,rgba(33,109,48,.46),rgba(41,141,61,.55));cursor:pointer;transition:.22s}.studio-validate-button:hover{transform:translateY(-2px);box-shadow:0 14px 38px rgba(67,198,93,.12)}.studio-validate-button:disabled{opacity:.45;cursor:not-allowed;transform:none}.studio-validate-button span>*{display:block;text-align:left}.studio-validate-button small{color:#7ED38F;font:700 .5rem var(--font-mono)}.studio-validate-button strong{margin-top:4px;font-size:.67rem}.studio-validate-button>i{color:#89E49B;font-style:normal}
.studio-validation{display:grid;gap:9px}.studio-validation-hero{padding:13px 14px;border:1px solid rgba(104,229,129,.18);border-radius:14px;background:linear-gradient(110deg,rgba(30,96,43,.11),rgba(41,142,61,.12))}.studio-validation-hero small,.studio-validation-hero strong{display:block}.studio-validation-hero small{color:#71D084;font:700 .57rem var(--font-mono);letter-spacing:.11em}.studio-validation-hero strong{margin-top:5px;color:#EFFEF2;font-size:.84rem}.studio-validation-check{display:grid;grid-template-columns:31px 1fr auto;gap:10px;align-items:center;padding:10px 11px;border:1px solid rgba(133,212,149,.1);border-radius:12px;background:rgba(255,255,255,.018)}.studio-validation-check>i{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;color:#09190D;background:#6EDB84;font-style:normal}.studio-validation-check.fail>i{color:#2b0711;background:#ff819c}.studio-validation-check.warn>i{color:#281805;background:#ffcc72}.studio-validation-check b,.studio-validation-check small{display:block}.studio-validation-check b{color:#DEF4E2;font-size:.65rem}.studio-validation-check small{margin-top:3px;color:#6C9073;font-size:.53rem;line-height:1.4}.studio-validation-check>em{color:#67D87D;font:700 .52rem var(--font-mono);font-style:normal}.studio-validation-check.fail>em{color:#ff829e}.studio-validation-check.warn>em{color:#ffca68}.studio-validation-actions{display:grid;grid-template-columns:1fr 1.25fr;gap:9px;margin-top:5px}.studio-validation-actions button{min-height:44px;border-radius:12px;cursor:pointer;font-weight:750}.studio-validation-back{border:1px solid rgba(133,212,149,.17);color:#A0C1A7;background:rgba(133,212,149,.05)}.studio-dispatch-confirm{border:1px solid rgba(104,229,129,.45);color:#F0FEF3;background:linear-gradient(105deg,rgba(28,111,45,.57),rgba(46,158,68,.65))}.studio-dispatch-confirm:disabled{opacity:.38;cursor:not-allowed}.studio-success{text-align:center;padding:22px}.studio-success>span{width:66px;height:66px;margin:auto;display:grid;place-items:center;border-radius:50%;color:#081E0E;background:#6FDD85;box-shadow:0 0 35px rgba(111,221,133,.25);font-size:1.6rem}.studio-success h3{margin:15px 0 7px;color:#F2FEF4;font:760 1.15rem var(--font-display)}.studio-success p{margin:0;color:#85A78C;font-size:.68rem;line-height:1.55}
@media(max-width:1240px){.studio-workspace{grid-template-columns:1fr}.studio-preview-panel{position:relative;top:auto}.studio-preview-panel{display:grid;grid-template-columns:minmax(300px,.7fr) minmax(320px,1fr)}.studio-preview-panel>header{grid-column:1/-1}.studio-phone{grid-row:2/5}.studio-message-editor{margin-top:20px}.studio-trust-row{align-self:start}.studio-groups{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.studio-hero{grid-template-columns:1fr;padding:27px}.studio-steps{grid-template-columns:1fr 1fr}.studio-steps>em{display:none}.studio-workspace{grid-template-columns:1fr}.studio-preview-panel{display:block}.studio-fields-grid,.studio-media-grid,.studio-ai-zone{grid-template-columns:1fr}.studio-delivery-toolbar{grid-template-columns:1fr 1fr}.studio-delivery-toolbar>div{grid-column:1/-1}.studio-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-delivery>footer{align-items:stretch;flex-direction:column}.studio-validate-button{width:100%}}
@media(max-width:600px){.promotion-studio{padding-bottom:35px}.studio-hero{padding:22px 18px}.studio-hero h1{font-size:2.2rem}.studio-steps{grid-template-columns:1fr;padding:8px}.studio-composer>header,.studio-preview-panel>header,.studio-delivery>header{align-items:flex-start;flex-wrap:wrap;padding:15px}.studio-form{padding:15px}.studio-link-block>label{align-items:flex-start;flex-direction:column}.studio-link-block>div{grid-template-columns:28px 1fr}.studio-link-block>div>em{grid-column:1/-1;margin:0 7px 7px;padding:5px;text-align:center}.studio-fields-grid,.studio-media-grid{grid-template-columns:1fr}.studio-ai-zone{padding:12px}.studio-black-hole-button{min-width:0}.studio-preview-tabs{width:100%}.studio-phone{width:calc(100% - 28px)}.studio-delivery-toolbar{grid-template-columns:1fr;padding:15px}.studio-delivery-toolbar>div{grid-column:auto}.studio-groups{grid-template-columns:1fr;padding:2px 15px 15px}.studio-delivery>footer{padding:14px}.studio-delivery-summary{grid-template-columns:auto 1fr}.studio-delivery-summary>i{display:none}.studio-delivery-summary p{grid-column:1/-1}.studio-validation-actions{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.studio-black-hole:before,.studio-black-hole:after,.studio-black-hole-button.loading .studio-black-hole{animation:none!important}}

/* Estúdio · seletor de destinos compacto */
.studio-delivery{border-radius:19px;background:linear-gradient(145deg,rgba(15,47,24,.94),rgba(6,30,13,.9));box-shadow:0 20px 55px rgba(0,0,0,.18)}
.studio-delivery>header{min-height:62px;padding:12px 18px;background:linear-gradient(90deg,rgba(23,68,36,.24),transparent 62%)}
.studio-delivery>header>div{gap:10px}
.studio-delivery>header .studio-panel-icon{width:33px;height:33px;border-radius:10px;font-size:.82rem}
.studio-delivery header small{font-size:.5rem;letter-spacing:.12em}
.studio-delivery header h2{margin-top:3px;font-size:.86rem}
.studio-delivery>header p{margin-top:3px;font-size:.52rem}
.studio-direct-badge{gap:7px!important;padding:7px 10px;border-radius:10px;background:linear-gradient(105deg,rgba(40,113,55,.09),rgba(47,106,59,.12))}
.studio-direct-badge b{font-size:.49rem}.studio-direct-badge small{font-size:.47rem}
.studio-delivery-toolbar{grid-template-columns:minmax(220px,300px) minmax(260px,1fr) auto;gap:9px;padding:11px 18px 9px;border-bottom:1px solid rgba(133,212,149,.055);background:rgba(4,23,9,.16)}
.studio-delivery-toolbar label>span{margin-bottom:5px;font-size:.51rem}
.studio-delivery-toolbar .select,.studio-group-search input,.studio-delivery-toolbar button{height:38px;border-radius:10px}
.studio-group-search>span{bottom:11px}
.studio-delivery-toolbar button{padding:0 10px;font-size:.53rem}
.studio-groups{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));align-items:start;gap:7px;min-height:0;padding:4px 18px 12px}
.studio-group-card{grid-template-columns:32px minmax(0,1fr) 22px;gap:9px;height:58px;min-height:58px;padding:7px 9px;border-radius:11px;text-align:left;background:linear-gradient(110deg,rgba(19,56,30,.72),rgba(11,37,18,.72));box-shadow:none}
.studio-group-card:before{content:"";position:absolute;inset:9px auto 9px -1px;width:2px;border-radius:2px;background:transparent;transition:.2s}
.studio-group-card:hover{transform:translateY(-1px);background:linear-gradient(110deg,rgba(23,68,36,.86),rgba(13,47,23,.82))}
.studio-group-card.selected{border-color:rgba(94,220,119,.62);background:linear-gradient(110deg,rgba(26,85,38,.3),rgba(28,98,42,.32));box-shadow:inset 0 0 20px rgba(80,210,106,.035),0 7px 20px rgba(18,85,32,.08)}
.studio-group-card.selected:before{background:#6FDF85;box-shadow:0 0 9px #60D277}
.studio-group-avatar{width:32px;height:32px;border-radius:9px;font-size:.54rem;background:linear-gradient(145deg,rgba(55,138,72,.2),rgba(38,109,52,.23))}
.studio-group-card>div{min-width:0}
.studio-group-card strong,.studio-group-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.studio-group-card strong{color:#F1FEF4;font-size:.66rem;font-weight:750}
.studio-group-card small{margin-top:3px;color:#83AC8B;font-size:.49rem}
.studio-group-card>i{width:21px;height:21px;border-radius:7px;color:#6D9575;background:rgba(133,212,149,.035)}
.studio-group-card.selected>i{color:#07200E;background:#75DF8A;box-shadow:0 0 13px rgba(117,223,138,.22)}
.studio-groups-empty{min-height:82px}
.studio-groups-empty>span{font-size:1rem}.studio-groups-empty strong{margin-top:5px;font-size:.65rem}.studio-groups-empty small{font-size:.5rem}
.studio-delivery>footer{min-height:61px;gap:14px;padding:9px 18px;background:linear-gradient(90deg,rgba(4,21,9,.4),rgba(14,49,24,.33))}
.studio-delivery-summary{gap:11px}
.studio-delivery-summary>span b{font-size:1.12rem}.studio-delivery-summary>span small{font-size:.47rem}
.studio-delivery-summary>i{height:29px}.studio-delivery-summary p strong{font-size:.61rem}.studio-delivery-summary p small{margin-top:3px;font-size:.48rem}
.studio-validate-button{min-width:245px;min-height:45px;padding:8px 13px;border-radius:12px}
.studio-validate-button small{font-size:.46rem}.studio-validate-button strong{margin-top:3px;font-size:.62rem}
@media(max-width:900px){.studio-delivery-toolbar{grid-template-columns:minmax(190px,.72fr) 1fr}.studio-delivery-toolbar>div{grid-column:1/-1}.studio-groups{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}}
@media(max-width:600px){.studio-delivery>header{padding:11px 13px}.studio-direct-badge{width:100%;justify-content:center}.studio-delivery-toolbar{grid-template-columns:1fr;padding:10px 13px}.studio-delivery-toolbar>div{grid-column:auto}.studio-groups{grid-template-columns:1fr;padding:3px 13px 10px}.studio-group-card{height:56px;min-height:56px}.studio-delivery>footer{padding:10px 13px}.studio-validate-button{min-width:0}}

/* =========================================================
   Central de Disparo em Massa
   ========================================================= */
.mass-dispatch{--mass-cyan:#6DE685;--mass-blue:#7EF496;--mass-violet:#85f79c;--mass-rose:#ff7ea5;--mass-green:#71DE87;display:grid;gap:13px;padding-bottom:70px}
.mass-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);align-items:center;gap:28px;min-height:210px;padding:28px 31px;overflow:hidden;border:1px solid rgba(122,221,142,.18);border-radius:24px;background:radial-gradient(circle at 82% 20%,rgba(97,245,127,.18),transparent 34%),linear-gradient(120deg,rgba(13,49,23,.96),rgba(20,67,29,.93));box-shadow:0 25px 70px rgba(0,0,0,.23)}
.mass-hero:before{content:"";position:absolute;right:-70px;top:-155px;width:350px;height:350px;border:42px solid rgba(109,230,133,.025);border-radius:50%;box-shadow:0 0 0 30px rgba(108,246,136,.018),0 0 0 67px rgba(109,230,133,.012)}
.mass-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--mass-cyan);font:700 .57rem var(--font-mono);letter-spacing:.22em}.mass-kicker i{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 12px currentColor}
.mass-hero h1{margin:13px 0 9px;color:#F6FEF7;font:820 clamp(2rem,3vw,3.1rem)/.98 var(--font-display);letter-spacing:-.05em}.mass-hero h1 em{color:transparent;font-style:normal;background:linear-gradient(90deg,#71E388,#97F6AA,#8ff8a4,#ff86a8);-webkit-background-clip:text;background-clip:text}.mass-hero p{max-width:760px;margin:0;color:#96BB9E;font-size:.7rem;line-height:1.6}
.mass-hero-map{position:relative;z-index:1;display:grid;grid-template-columns:72px 1fr;align-items:center;gap:16px;padding:18px;border:1px solid rgba(109,230,133,.18);border-radius:18px;background:linear-gradient(120deg,rgba(10,41,19,.76),rgba(22,76,33,.62));box-shadow:inset 0 1px rgba(255,255,255,.035)}
.mass-core{position:relative;width:68px;height:68px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,#030C05 0 31%,#0b2410 33% 43%,transparent 45%);box-shadow:0 0 28px rgba(104,221,127,.15)}.mass-core:before,.mass-core:after{content:"";position:absolute;left:-7px;right:-7px;top:31px;height:5px;border-radius:50%;background:linear-gradient(90deg,transparent,#6CE584,#fff,#85f79c,#ff7da4,transparent);transform:rotate(-8deg);box-shadow:0 0 13px rgba(110,223,132,.35)}.mass-core:after{filter:blur(5px);opacity:.45;transform:rotate(8deg)}.mass-core i{position:absolute;inset:5px;border:1px solid rgba(123,244,147,.14);border-radius:50%}.mass-core b{position:relative;z-index:2;color:#d4fcdc;font:.65rem var(--font-mono)}
.mass-hero-map small,.mass-hero-map strong{display:block}.mass-hero-map small{color:#78DC8C;font:700 .51rem var(--font-mono);letter-spacing:.12em}.mass-hero-map strong{margin-top:6px;color:#EEFEF1;font-size:.72rem}.mass-hero-map p{margin-top:5px;color:#779B7E;font-size:.54rem;line-height:1.5}
.mass-steps{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;padding:7px;border:1px solid rgba(122,221,142,.12);border-radius:16px;background:rgba(10,35,17,.7)}.mass-steps>span{display:grid;grid-template-columns:30px 1fr;grid-template-rows:auto auto;column-gap:9px;align-items:center;padding:8px 11px;border:1px solid transparent;border-radius:11px;color:#779B7E;transition:.2s}.mass-steps>span>b{grid-row:1/3;width:29px;height:29px;display:grid;place-items:center;border:1px solid rgba(122,221,142,.14);border-radius:9px;font:700 .55rem var(--font-mono)}.mass-steps>span>i{color:#A9C6AF;font-size:.59rem;font-style:normal;font-weight:750}.mass-steps>span>small{margin-top:2px;font-size:.46rem}.mass-steps>span.active{border-color:rgba(109,230,133,.19);color:#7BB887;background:linear-gradient(110deg,rgba(38,108,52,.12),rgba(42,146,63,.1))}.mass-steps>span.active>b{border-color:rgba(109,230,133,.3);color:var(--mass-cyan);background:rgba(109,230,133,.07)}.mass-steps>em{color:#4B7052;font-style:normal}
.mass-status-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow:hidden;border:1px solid rgba(122,221,142,.13);border-radius:16px;background:linear-gradient(110deg,rgba(17,50,26,.82),rgba(18,64,27,.72))}.mass-status-strip article{display:grid;grid-template-columns:32px 1fr;grid-template-rows:auto auto;align-items:center;gap:1px 10px;min-width:0;padding:12px 15px;border-right:1px solid rgba(122,221,142,.09)}.mass-status-strip article:last-child{border-right:0}.mass-status-strip article>span{grid-row:1/3;width:31px;height:31px;display:grid;place-items:center;border-radius:9px;color:var(--mass-cyan);background:rgba(109,230,133,.065)}.mass-status-strip small{color:#688D70;font-size:.49rem}.mass-status-strip strong{overflow:hidden;color:#E9F9EC;font-size:.65rem;text-overflow:ellipsis;white-space:nowrap}
.mass-workspace{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(360px,.62fr);gap:13px;align-items:start}.mass-console{display:grid;gap:12px}.mass-block,.mass-preview-card,.mass-live-checks,.mass-recent{overflow:hidden;border:1px solid rgba(122,221,142,.14);border-radius:20px;background:linear-gradient(145deg,rgba(16,48,25,.9),rgba(8,32,15,.88));box-shadow:0 20px 55px rgba(0,0,0,.17)}
.mass-block>header,.mass-preview-card>header,.mass-timing-block>header{min-height:67px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 17px;border-bottom:1px solid rgba(122,221,142,.09);background:linear-gradient(90deg,rgba(255,255,255,.015),transparent)}.mass-block>header>div,.mass-preview-card>header>div{display:flex;align-items:center;gap:10px}.mass-block-icon{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(109,230,133,.18);border-radius:10px;color:var(--mass-cyan);background:rgba(109,230,133,.06)}.mass-block header small,.mass-preview-card header small{display:block;color:#6A9172;font:700 .49rem var(--font-mono);letter-spacing:.12em}.mass-block header h2,.mass-preview-card header h2{margin:3px 0 0;color:#EEFEF1;font-size:.78rem}.mass-block header p{margin:3px 0 0;color:#6C9173;font-size:.51rem}.mass-safe-badge,.mass-draft-state{display:flex;align-items:center;gap:6px;padding:7px 9px;border-radius:9px;color:#7CA384;background:rgba(109,230,133,.045);font-size:.49rem}.mass-safe-badge i,.mass-draft-state i{width:6px;height:6px;border-radius:50%;background:var(--mass-green);box-shadow:0 0 9px var(--mass-green)}
.mass-target-toolbar{display:grid;grid-template-columns:minmax(210px,280px) minmax(220px,1fr) auto;align-items:end;gap:9px;padding:12px 16px 9px}.mass-target-toolbar label>span,.mass-timing-grid label>span,.mass-message-tools label>span{display:block;margin-bottom:5px;color:#759A7C;font:700 .49rem var(--font-mono);letter-spacing:.09em}.mass-target-toolbar .select,.mass-target-toolbar input{width:100%;height:39px;border:1px solid rgba(122,221,142,.15);border-radius:10px;color:#EAFAED;background:rgba(5,25,11,.48)}.mass-search{position:relative}.mass-search>span{position:absolute;left:12px;bottom:11px;color:#6D9575}.mass-search input{padding:0 12px 0 34px;outline:0}.mass-filter-actions{display:flex;gap:6px}.mass-filter-actions button,.mass-selection-tray>button{height:39px;padding:0 10px;border:1px solid rgba(122,221,142,.15);border-radius:10px;color:#8DB194;background:rgba(122,221,142,.045);font-size:.5rem;cursor:pointer;white-space:nowrap}.mass-filter-actions button:hover,.mass-filter-actions button.active{color:#DFFCE5;border-color:rgba(109,230,133,.35);background:rgba(109,230,133,.08)}.mass-filter-actions button.primary{color:#091D0F;border-color:rgba(109,230,133,.65);background:linear-gradient(110deg,#6DDB83,#81D191);font-weight:800;box-shadow:0 8px 20px rgba(74,201,99,.12)}
.mass-group-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(225px,1fr));align-items:start;gap:7px;min-height:80px;padding:3px 16px 12px}.mass-group-option{position:relative;height:59px;display:grid;grid-template-columns:32px minmax(0,1fr) 22px;align-items:center;gap:9px;padding:7px 9px;border:1px solid rgba(122,221,142,.12);border-radius:11px;text-align:left;background:linear-gradient(110deg,rgba(19,56,30,.78),rgba(10,37,17,.74));cursor:pointer;transition:.2s}.mass-group-option:before{content:"";position:absolute;left:-1px;top:10px;bottom:10px;width:2px;border-radius:2px;background:transparent}.mass-group-option:hover{transform:translateY(-1px);border-color:rgba(109,230,133,.28)}.mass-group-option.selected{border-color:rgba(109,230,133,.57);background:linear-gradient(110deg,rgba(24,82,35,.32),rgba(30,102,44,.34));box-shadow:0 8px 24px rgba(22,93,36,.09)}.mass-group-option.selected:before{background:var(--mass-cyan);box-shadow:0 0 9px var(--mass-cyan)}.mass-group-option>span{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;color:#93E9A4;background:linear-gradient(140deg,rgba(56,136,72,.2),rgba(45,113,59,.24));font:750 .52rem var(--font-mono)}.mass-group-option>div{min-width:0}.mass-group-option strong,.mass-group-option small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mass-group-option strong{color:#EBFAEE;font-size:.62rem}.mass-group-option small{margin-top:3px;color:#789F80;font-size:.47rem}.mass-group-option>i{width:21px;height:21px;display:grid;place-items:center;border:1px solid rgba(122,221,142,.16);border-radius:7px;color:#678D6E;font-size:.53rem;font-style:normal}.mass-group-option.selected>i{border-color:transparent;color:#071E0E;background:var(--mass-green);box-shadow:0 0 12px rgba(113,222,135,.2)}
.mass-empty{grid-column:1/-1;min-height:78px;display:grid;place-items:center;align-content:center;text-align:center}.mass-empty>span{color:#51cd6a;font-size:1rem}.mass-empty strong,.mass-empty small{display:block}.mass-empty strong{margin-top:5px;color:#A1BFA7;font-size:.63rem}.mass-empty small{margin-top:3px;color:#65896C;font-size:.49rem}
.mass-selection-tray{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 16px;border-top:1px solid rgba(122,221,142,.08);background:rgba(4,23,9,.24)}.mass-selection-tray>div:first-child{display:flex;align-items:center;gap:10px}.mass-selection-tray>div:first-child>span b,.mass-selection-tray>div:first-child>span small,.mass-selection-tray p>*{display:block}.mass-selection-tray>div:first-child>span b{color:#F3FEF5;font:800 1rem var(--font-display)}.mass-selection-tray>div:first-child>span small{color:#668A6D;font-size:.45rem}.mass-selection-tray>div:first-child>i{width:1px;height:28px;background:rgba(122,221,142,.12)}.mass-selection-tray p{margin:0}.mass-selection-tray p strong{color:#CDE5D2;font-size:.57rem}.mass-selection-tray p small{margin-top:2px;color:#698D70;font-size:.46rem}.mass-selection-tray>div:nth-child(2){flex:1;display:flex;justify-content:flex-end;gap:5px;overflow:hidden}.mass-selected-chip{max-width:150px;padding:5px 7px;border:1px solid rgba(109,230,133,.15);border-radius:8px;color:#90D59E;background:rgba(109,230,133,.045);font-size:.46rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mass-selection-tray>button{height:31px}
.mass-message-tools{display:grid;grid-template-columns:1fr minmax(190px,260px);align-items:end;gap:12px;padding:13px 16px 8px}.mass-format-tools{display:flex;gap:5px}.mass-format-tools button{width:34px;height:34px;border:1px solid rgba(122,221,142,.14);border-radius:9px;color:#A1C1A7;background:rgba(122,221,142,.045);cursor:pointer}.mass-format-tools button:hover{color:#F0FEF3;border-color:rgba(109,230,133,.38);background:rgba(109,230,133,.08);transform:translateY(-1px)}.mass-message-tools .select{height:36px}.mass-variable-row{display:flex;align-items:center;gap:6px;padding:5px 16px 8px}.mass-variable-row>span{margin-right:3px;color:#6D9475;font:700 .47rem var(--font-mono);letter-spacing:.08em}.mass-variable-row button{padding:5px 7px;border:1px solid rgba(133,247,156,.18);border-radius:7px;color:#a7e5b3;background:rgba(133,247,156,.055);font:600 .46rem var(--font-mono);cursor:pointer}.mass-variable-row button:hover{color:#ebfeef;border-color:rgba(133,247,156,.38)}.mass-variable-row small{color:#63876A;font-size:.45rem}.mass-message-editor{display:block;padding:0 16px 11px}.mass-message-editor>span{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.mass-message-editor b{color:#8DB194;font-size:.53rem}.mass-message-editor small{color:#6A9071;font:600 .48rem var(--font-mono)}.mass-message-editor textarea{width:100%;min-height:170px;padding:13px!important;border-color:rgba(122,221,142,.14)!important;border-radius:12px!important;background:rgba(5,25,11,.46)!important;font-size:.67rem;line-height:1.6;resize:vertical}
.mass-media-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 16px 14px}.mass-media-drop{min-height:62px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;padding:8px 10px;border:1px dashed rgba(109,230,133,.25);border-radius:12px;background:rgba(109,230,133,.025);cursor:pointer}.mass-media-drop:hover{border-color:rgba(109,230,133,.5);background:rgba(109,230,133,.05)}.mass-media-drop>span{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;color:var(--mass-cyan);background:rgba(109,230,133,.08)}.mass-media-drop strong,.mass-media-drop small{display:block}.mass-media-drop strong{color:#DEF2E2;font-size:.57rem}.mass-media-drop small{margin-top:3px;color:#6C9173;font-size:.46rem}.mass-media-drop em{max-width:130px;color:#78CF8A;font-size:.47rem;font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mass-send-options{display:grid;grid-template-columns:1fr 1fr;gap:7px}.mass-send-options button{display:grid;grid-template-columns:24px 1fr;align-items:center;gap:8px;padding:8px;border:1px solid rgba(122,221,142,.13);border-radius:11px;text-align:left;color:inherit;background:rgba(122,221,142,.025);cursor:pointer}.mass-send-options button>i{width:23px;height:13px;border-radius:8px;background:#294C30;box-shadow:inset 0 0 0 1px rgba(122,221,142,.12);transition:.2s}.mass-send-options button>i:after{content:"";display:block;width:9px;height:9px;margin:2px;border-radius:50%;background:#6D9374;transition:.2s}.mass-send-options button.on{border-color:rgba(109,230,133,.22);background:rgba(109,230,133,.045)}.mass-send-options button.on>i{background:rgba(109,230,133,.35)}.mass-send-options button.on>i:after{margin-left:12px;background:var(--mass-cyan)}.mass-send-options strong,.mass-send-options small{display:block}.mass-send-options strong{color:#D1E7D5;font-size:.52rem}.mass-send-options small{margin-top:3px;color:#658A6C;font-size:.43rem}
.mass-timing-grid{display:grid;grid-template-columns:1.2fr minmax(190px,.72fr) minmax(180px,.65fr);align-items:end;gap:10px;padding:13px 16px}.mass-send-mode{display:grid;grid-template-columns:1fr 1fr;gap:6px}.mass-send-mode button{height:52px;display:grid;grid-template-columns:28px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:8px;padding:7px 9px;border:1px solid rgba(122,221,142,.13);border-radius:11px;text-align:left;color:inherit;background:rgba(122,221,142,.025);cursor:pointer}.mass-send-mode button>span{grid-row:1/3;width:27px;height:27px;display:grid;place-items:center;border-radius:8px;color:#7CA484;background:rgba(122,221,142,.06)}.mass-send-mode strong,.mass-send-mode small{display:block}.mass-send-mode strong{color:#BED9C4;font-size:.55rem}.mass-send-mode small{color:#668A6D;font-size:.44rem}.mass-send-mode button.active{border-color:rgba(109,230,133,.36);background:linear-gradient(110deg,rgba(35,106,49,.12),rgba(42,145,63,.1))}.mass-send-mode button.active>span{color:var(--mass-cyan);background:rgba(109,230,133,.09)}.mass-send-mode button.active strong{color:#F0FEF3}.mass-timing-grid .input,.mass-timing-grid .select{height:42px}
.mass-action-dock{position:sticky;bottom:10px;z-index:8;min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 13px 10px 16px;border:1px solid rgba(109,230,133,.25);border-radius:17px;background:linear-gradient(110deg,rgba(10,39,18,.95),rgba(19,67,29,.95));box-shadow:0 20px 55px rgba(0,0,0,.4),inset 0 1px rgba(255,255,255,.04);backdrop-filter:blur(18px)}.mass-action-dock>div{display:flex;align-items:center;gap:11px}.mass-pulse{width:10px;height:10px;border-radius:50%;background:#658A6D;box-shadow:0 0 0 6px rgba(101,138,109,.08)}.mass-action-dock.ready .mass-pulse{background:var(--mass-green);box-shadow:0 0 0 6px rgba(113,222,135,.08),0 0 15px rgba(113,222,135,.35)}.mass-action-dock p{margin:0}.mass-action-dock p>*{display:block}.mass-action-dock small{color:#77DB8B;font:700 .47rem var(--font-mono);letter-spacing:.1em}.mass-action-dock strong{margin-top:3px;color:#EBFAEE;font-size:.63rem}.mass-action-dock em{margin-top:2px;color:#6C9374;font-size:.47rem;font-style:normal}.mass-validate-button{position:relative;min-width:250px;height:51px;display:grid;grid-template-columns:35px 1fr auto;align-items:center;gap:9px;padding:6px 11px;overflow:hidden;border:1px solid rgba(109,230,133,.55);border-radius:13px;color:#F0FEF3;background:linear-gradient(105deg,rgba(27,110,44,.72),rgba(45,157,68,.78));box-shadow:0 11px 30px rgba(54,159,75,.14);cursor:pointer;transition:.22s}.mass-validate-button:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent,rgba(255,255,255,.1),transparent);transform:translateX(-120%);transition:.5s}.mass-validate-button:hover{transform:translateY(-2px);box-shadow:0 15px 38px rgba(64,195,90,.19)}.mass-validate-button:hover:before{transform:translateX(120%)}.mass-validate-button:disabled{opacity:.5;cursor:wait;transform:none}.mass-button-core{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:#0A1E10;background:var(--mass-green);box-shadow:0 0 15px rgba(113,222,135,.25);font-style:normal}.mass-validate-button span>*{display:block;text-align:left}.mass-validate-button small{color:#98E1A7;font:700 .45rem var(--font-mono)}.mass-validate-button strong{margin-top:3px;font-size:.61rem}.mass-validate-button>em{color:#97ECA8;font-style:normal}
.mass-preview-column{position:sticky;top:90px;display:grid;gap:11px}.mass-preview-card>header{min-height:62px}.mass-preview-card>header select{max-width:185px;height:34px;padding:0 25px 0 9px;border:1px solid rgba(122,221,142,.14);border-radius:9px;color:#ACC8B1;background:#0F2D17;font-size:.48rem}.mass-preview-card>footer{display:flex;justify-content:center;gap:11px;flex-wrap:wrap;padding:10px;color:#67916F;background:rgba(4,22,9,.28);font-size:.45rem}.mass-preview-card>footer span::first-letter{color:var(--mass-green)}.mass-phone{min-height:450px;padding:15px;background:radial-gradient(circle at 18% 10%,rgba(109,230,133,.05),transparent 30%),rgba(5,23,10,.35)}.mass-phone-empty{min-height:420px;display:grid;place-items:center;align-content:center;text-align:center}.mass-phone-empty>span{width:52px;height:52px;display:grid;place-items:center;border:1px solid rgba(109,230,133,.16);border-radius:17px;color:var(--mass-cyan);background:rgba(109,230,133,.05);font-size:1.1rem}.mass-phone-empty strong,.mass-phone-empty small{display:block}.mass-phone-empty strong{margin-top:12px;color:#CEE6D3;font-size:.67rem}.mass-phone-empty small{margin-top:5px;color:#688D70;font-size:.51rem}
.mass-wa-phone{max-width:360px;margin:auto;overflow:hidden;border:1px solid rgba(122,221,142,.17);border-radius:21px;background:#0E2615;box-shadow:0 22px 48px rgba(0,0,0,.29)}.mass-wa-top{height:58px;display:grid;grid-template-columns:auto 34px 1fr auto;align-items:center;gap:8px;padding:8px 11px;background:linear-gradient(100deg,#1E4726,#1a5826)}.mass-wa-top>span,.mass-wa-top>i{color:#9CBAA2;font-style:normal}.mass-wa-top>b{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:#0B1E10;background:linear-gradient(135deg,var(--mass-cyan),#A4F7B5);font:.6rem var(--font-mono)}.mass-wa-top div>*{display:block}.mass-wa-top strong{max-width:200px;overflow:hidden;color:#EEFEF1;font-size:.61rem;text-overflow:ellipsis;white-space:nowrap}.mass-wa-top small{margin-top:2px;color:#85A78C;font-size:.46rem}.mass-wa-chat{min-height:335px;padding:17px 11px;background:radial-gradient(circle at 75% 15%,rgba(74,132,86,.12),transparent 34%),linear-gradient(155deg,#132819,#122417)}.mass-wa-media{height:155px;display:grid;place-items:center;overflow:hidden;border-radius:9px 9px 3px 9px;color:#B7D9BE;background:linear-gradient(135deg,#22562C,#217231)}.mass-wa-media img,.mass-wa-media video{width:100%;height:100%;object-fit:cover}.mass-wa-bubble{position:relative;max-width:93%;margin-left:auto;padding:10px 11px 21px;border-radius:12px 3px 12px 12px;color:#18221B;background:#d8f8d1;font-size:.62rem;line-height:1.52;overflow-wrap:anywhere}.mass-wa-media+.mass-wa-bubble{margin-top:4px;border-radius:4px 4px 12px 12px}.mass-wa-bubble>small{position:absolute;right:7px;bottom:4px;color:#60716a;font-size:.42rem}.mass-wa-input{height:45px;display:flex;align-items:center;gap:8px;padding:7px 9px;color:#74977B;background:#0F2716}.mass-wa-input>i{flex:1;padding:8px 10px;border-radius:18px;color:#698B70;background:#1A3522;font-size:.49rem;font-style:normal}
.mass-live-checks>header{display:flex;align-items:center;justify-content:space-between;padding:11px 13px;border-bottom:1px solid rgba(122,221,142,.09)}.mass-live-checks>header span{color:#759A7C;font:700 .48rem var(--font-mono);letter-spacing:.1em}.mass-live-checks>header b{color:var(--mass-cyan);font:.7rem var(--font-mono)}.mass-live-checks>div{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(122,221,142,.06)}.mass-live-checks>div>span{display:grid;grid-template-columns:25px 1fr;align-items:center;gap:7px;padding:10px;background:#0C2A14}.mass-live-checks>div>span>i{width:24px;height:24px;display:grid;place-items:center;border:1px solid rgba(122,221,142,.14);border-radius:8px;color:#6C9073;font:.48rem var(--font-mono);font-style:normal}.mass-live-checks strong,.mass-live-checks small{display:block}.mass-live-checks strong{color:#B1CDB6;font-size:.5rem}.mass-live-checks small{margin-top:2px;color:#62876A;font-size:.42rem}.mass-live-checks span.ok>i{border-color:transparent;color:#081E0E;background:var(--mass-green)}.mass-live-checks span.ok strong{color:#DCF6E1}
.mass-recent>header{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;border-bottom:1px solid rgba(122,221,142,.09)}.mass-recent>header small{color:var(--mass-cyan);font:700 .48rem var(--font-mono);letter-spacing:.12em}.mass-recent>header h2{margin:3px 0 0;color:#EAF9ED;font-size:.75rem}.mass-recent>header a{color:#8FD59D;font-size:.52rem;text-decoration:none}.mass-recent>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:11px 14px}.mass-recent-item{min-width:0;display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:8px;padding:9px;border:1px solid rgba(122,221,142,.11);border-radius:10px;background:rgba(122,221,142,.025);cursor:pointer}.mass-recent-item>span{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;color:var(--mass-cyan);background:rgba(109,230,133,.065)}.mass-recent-item>div{min-width:0}.mass-recent-item strong,.mass-recent-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mass-recent-item strong{color:#CFE5D3;font-size:.53rem}.mass-recent-item small{margin-top:3px;color:#678B6E;font-size:.43rem}.mass-recent-item>i{color:#678E6F;font-style:normal}
.mass-validation{display:grid;gap:8px}.mass-validation-hero{padding:14px;border:1px solid rgba(109,230,133,.18);border-radius:13px;background:linear-gradient(110deg,rgba(30,97,44,.11),rgba(41,141,61,.12))}.mass-validation-hero small,.mass-validation-hero strong{display:block}.mass-validation-hero small{color:#72D586;font:700 .52rem var(--font-mono);letter-spacing:.1em}.mass-validation-hero strong{margin-top:5px;color:#F0FEF3;font-size:.8rem}.mass-validation-check{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:9px;padding:9px 10px;border:1px solid rgba(122,221,142,.1);border-radius:11px;background:rgba(255,255,255,.016)}.mass-validation-check>i{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;color:#081E0E;background:var(--mass-green);font-style:normal}.mass-validation-check.fail>i{color:#2a0710;background:#ff809d}.mass-validation-check.warn>i{color:#291906;background:#ffcf75}.mass-validation-check b,.mass-validation-check small{display:block}.mass-validation-check b{color:#DEF2E2;font-size:.61rem}.mass-validation-check small{margin-top:3px;color:#6D9174;font-size:.49rem;line-height:1.4}.mass-validation-check>em{color:#6CD581;font:700 .47rem var(--font-mono);font-style:normal}.mass-validation-check.fail>em{color:#ff829e}.mass-validation-check.warn>em{color:#ffca68}.mass-validation-actions{display:grid;grid-template-columns:1fr 1.35fr;gap:8px;margin-top:4px}.mass-validation-actions button{min-height:44px;border-radius:11px;font-weight:780;cursor:pointer}.mass-validation-back{border:1px solid rgba(122,221,142,.16);color:#97BB9E;background:rgba(122,221,142,.04)}.mass-send-confirm{border:1px solid rgba(109,230,133,.5);color:#F0FEF3;background:linear-gradient(105deg,rgba(26,108,42,.7),rgba(46,158,68,.75))}.mass-send-confirm:disabled{opacity:.4;cursor:not-allowed}
@media(max-width:1200px){.mass-workspace{grid-template-columns:1fr}.mass-preview-column{position:relative;top:auto;grid-template-columns:minmax(340px,.7fr) 1fr}.mass-preview-card{grid-row:1/3}.mass-group-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.mass-recent>div{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.mass-hero{grid-template-columns:1fr}.mass-steps{grid-template-columns:1fr 1fr}.mass-steps>em{display:none}.mass-status-strip{grid-template-columns:1fr 1fr}.mass-status-strip article{border-bottom:1px solid rgba(122,221,142,.09)}.mass-status-strip article:last-child{grid-column:1/-1}.mass-target-toolbar{grid-template-columns:1fr 1fr}.mass-filter-actions{grid-column:1/-1}.mass-message-tools,.mass-media-row,.mass-timing-grid{grid-template-columns:1fr}.mass-preview-column{grid-template-columns:1fr}.mass-preview-card{grid-row:auto}.mass-action-dock{position:relative;bottom:auto}.mass-selection-tray>div:nth-child(2){display:none}}
@media(max-width:600px){.mass-dispatch{padding-bottom:35px}.mass-hero{padding:21px 17px}.mass-hero h1{font-size:2rem}.mass-hero-map{grid-template-columns:55px 1fr}.mass-core{width:53px;height:53px}.mass-core:before,.mass-core:after{top:24px}.mass-steps{grid-template-columns:1fr}.mass-status-strip{grid-template-columns:1fr}.mass-status-strip article:last-child{grid-column:auto}.mass-target-toolbar{grid-template-columns:1fr;padding:10px 12px}.mass-filter-actions{grid-column:auto;display:grid;grid-template-columns:1fr 1fr}.mass-filter-actions .primary{grid-column:1/-1}.mass-group-grid{grid-template-columns:1fr;padding:2px 12px 10px}.mass-selection-tray{align-items:flex-start}.mass-message-tools,.mass-variable-row,.mass-message-editor,.mass-media-row,.mass-timing-grid{padding-left:12px;padding-right:12px}.mass-message-tools{grid-template-columns:1fr}.mass-variable-row{flex-wrap:wrap}.mass-send-options{grid-template-columns:1fr}.mass-action-dock{align-items:stretch;flex-direction:column}.mass-validate-button{width:100%;min-width:0}.mass-live-checks>div,.mass-recent>div{grid-template-columns:1fr}.mass-validation-actions{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.mass-validate-button:before{display:none}.mass-group-option,.mass-format-tools button,.mass-validate-button{transition:none!important}}

/* Tipografia auxiliar legível sem perder a densidade da central. */
.mass-dispatch .mass-kicker{font-size:.66rem}
.mass-dispatch .mass-hero p{font-size:.79rem}
.mass-dispatch .mass-hero-map small{font-size:.59rem}
.mass-dispatch .mass-hero-map strong{font-size:.8rem}
.mass-dispatch .mass-hero-map p{font-size:.62rem}
.mass-dispatch .mass-steps>span>i{font-size:.67rem}
.mass-dispatch .mass-steps>span>small{font-size:.55rem}
.mass-dispatch .mass-status-strip small{font-size:.58rem}
.mass-dispatch .mass-status-strip strong{font-size:.73rem}
.mass-dispatch .mass-block header small,
.mass-dispatch .mass-preview-card header small{font-size:.58rem}
.mass-dispatch .mass-block header h2,
.mass-dispatch .mass-preview-card header h2{font-size:.86rem}
.mass-dispatch .mass-block header p{font-size:.61rem}
.mass-dispatch .mass-safe-badge,
.mass-dispatch .mass-draft-state{font-size:.57rem}
.mass-dispatch .mass-target-toolbar label>span,
.mass-dispatch .mass-timing-grid label>span,
.mass-dispatch .mass-message-tools label>span{font-size:.57rem}
.mass-dispatch .mass-filter-actions button,
.mass-dispatch .mass-selection-tray>button{font-size:.58rem}
.mass-dispatch .mass-group-option strong{font-size:.69rem}
.mass-dispatch .mass-group-option small{font-size:.55rem}
.mass-dispatch .mass-empty strong{font-size:.7rem}
.mass-dispatch .mass-empty small{font-size:.58rem}
.mass-dispatch .mass-selection-tray>div:first-child>span small{font-size:.54rem}
.mass-dispatch .mass-selection-tray p strong{font-size:.65rem}
.mass-dispatch .mass-selection-tray p small{font-size:.55rem}
.mass-dispatch .mass-selected-chip{font-size:.54rem}
.mass-dispatch .mass-variable-row>span{font-size:.55rem}
.mass-dispatch .mass-variable-row button{font-size:.54rem}
.mass-dispatch .mass-variable-row small{font-size:.54rem}
.mass-dispatch .mass-message-editor b{font-size:.61rem}
.mass-dispatch .mass-message-editor small{font-size:.57rem}
.mass-dispatch .mass-media-drop strong{font-size:.65rem}
.mass-dispatch .mass-media-drop small,
.mass-dispatch .mass-media-drop em{font-size:.55rem}
.mass-dispatch .mass-send-options strong{font-size:.61rem}
.mass-dispatch .mass-send-options small{font-size:.52rem;line-height:1.35}
.mass-dispatch .mass-send-mode strong{font-size:.63rem}
.mass-dispatch .mass-send-mode small{font-size:.53rem}
.mass-dispatch .mass-action-dock small{font-size:.56rem}
.mass-dispatch .mass-action-dock strong{font-size:.72rem}
.mass-dispatch .mass-action-dock em{font-size:.56rem}
.mass-dispatch .mass-validate-button small{font-size:.54rem}
.mass-dispatch .mass-validate-button strong{font-size:.69rem}
.mass-dispatch .mass-preview-card>header select{font-size:.57rem}
.mass-dispatch .mass-preview-card>footer{font-size:.53rem}
.mass-dispatch .mass-phone-empty strong{font-size:.75rem}
.mass-dispatch .mass-phone-empty small{font-size:.6rem}
.mass-dispatch .mass-wa-top strong{font-size:.69rem}
.mass-dispatch .mass-wa-top small{font-size:.54rem}
.mass-dispatch .mass-wa-bubble{font-size:.69rem}
.mass-dispatch .mass-wa-bubble>small{font-size:.5rem}
.mass-dispatch .mass-wa-input>i{font-size:.57rem}
.mass-dispatch .mass-live-checks>header span{font-size:.57rem}
.mass-dispatch .mass-live-checks>header b{font-size:.8rem}
.mass-dispatch .mass-live-checks strong{font-size:.6rem}
.mass-dispatch .mass-live-checks small{font-size:.52rem;line-height:1.35}
.mass-dispatch .mass-recent>header small{font-size:.57rem}
.mass-dispatch .mass-recent>header h2{font-size:.84rem}
.mass-dispatch .mass-recent>header a{font-size:.6rem}
.mass-dispatch .mass-recent-item strong{font-size:.62rem}
.mass-dispatch .mass-recent-item small{font-size:.52rem}

/* Selects da central: superfície neutra e menu do intervalo abrindo para cima. */
.mass-dispatch .hypeo-select-trigger{
  border-color:rgba(109,230,133,.24);
  color:#EBF9EE;
  background:linear-gradient(135deg,rgba(11,45,21,.98),rgba(13,39,20,.99));
  box-shadow:inset 0 1px rgba(255,255,255,.025);
}
.mass-dispatch .hypeo-select-trigger:hover,
.mass-dispatch .hypeo-select.open .hypeo-select-trigger{
  border-color:rgba(109,230,133,.62);
  background:linear-gradient(135deg,rgba(15,58,27,.98),rgba(18,51,27,.99));
  box-shadow:0 0 0 3px rgba(109,230,133,.07),inset 0 1px rgba(255,255,255,.035);
}
.mass-dispatch .hypeo-select-trigger i{color:#7DDE91}
.mass-dispatch .hypeo-select-menu{
  border-color:rgba(109,230,133,.32);
  background:linear-gradient(160deg,#0D3218,#0A2412 74%);
  box-shadow:0 20px 42px rgba(0,0,0,.48),0 0 0 1px rgba(255,255,255,.025) inset;
}
.mass-dispatch .hypeo-select-option{color:#B1CEB7}
.mass-dispatch .hypeo-select-option:hover,
.mass-dispatch .hypeo-select-option.selected{color:#F0FEF3;background:rgba(109,230,133,.12)}
.mass-dispatch .mass-timing-grid>label:last-child .hypeo-select-menu{
  top:auto;
  bottom:calc(100% + 7px);
  transform-origin:bottom center;
}
.mass-dispatch .mass-timing-grid>label:last-child .hypeo-select.open .hypeo-select-menu{animation:massSelectUp .16s ease both}
.mass-dispatch .mass-timing-block{position:relative;z-index:12;overflow:visible}
@keyframes massSelectUp{from{opacity:0;transform:translateY(5px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}

.mass-success{width:min(100%,470px);margin:auto}
.mass-success-cosmic{
  position:relative;
  isolation:isolate;
  width:min(100%,390px);
  min-height:64px;
  display:grid;
  grid-template-columns:42px 1fr auto;
  align-items:center;
  gap:13px;
  margin:20px auto 0;
  padding:8px 16px;
  overflow:hidden;
  border:1px solid rgba(101,223,125,.68);
  border-radius:17px;
  color:#F5FEF7;
  background:linear-gradient(112deg,rgba(11,44,20,.98),rgba(21,58,32,.98));
  box-shadow:0 18px 52px rgba(0,0,0,.3),0 0 0 3px rgba(93,229,120,.045),inset 0 1px rgba(255,255,255,.08);
  cursor:pointer;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
  animation:massSuccessPulse 2.8s ease-in-out infinite;
}
.mass-success-cosmic:before{
  content:"";
  position:absolute;
  z-index:-2;
  width:170%;
  height:320%;
  left:-35%;
  top:-110%;
  background:conic-gradient(from 80deg,transparent 0 20%,rgba(92,227,119,.34) 27%,rgba(97,235,125,.42) 36%,rgba(255,91,146,.28) 44%,transparent 53% 100%);
  animation:massSuccessHalo 6s linear infinite;
}
.mass-success-cosmic:after{content:"";position:absolute;z-index:-1;inset:2px;border-radius:14px;background:linear-gradient(110deg,rgba(7,29,13,.94),rgba(15,45,23,.95));box-shadow:inset 0 0 24px rgba(103,227,128,.035)}
.mass-success-hole{position:relative;isolation:isolate;z-index:2;width:38px;height:38px;border-radius:50%;background:radial-gradient(circle,#000 0 47%,#040F07 50% 61%,#092210 64% 67%,transparent 70%);box-shadow:0 0 0 1px rgba(121,228,142,.42),0 0 18px rgba(103,224,127,.38),10px 0 20px rgba(255,81,151,.24);font-style:normal;animation:massSuccessGravity 2.2s ease-in-out infinite}
.mass-success-hole:before{content:"";position:absolute;z-index:-1;inset:-7px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 8%,#6BEA84 17%,#ECFDEF 27%,#7af693 41%,#ff6197 58%,#ffb16d 69%,transparent 84%);filter:drop-shadow(0 0 5px rgba(103,230,128,.7));transform:scaleY(.42) rotate(-12deg);animation:massSuccessDisk 2.15s linear infinite}
.mass-success-hole:after{content:"";position:absolute;z-index:3;left:50%;top:50%;width:5px;height:5px;margin:-2.5px;border-radius:50%;background:#ECFDEF;box-shadow:0 0 7px 2px #7BF393,0 0 13px 4px rgba(120,246,145,.45);animation:massSuccessStar 2.6s linear infinite}
.mass-success-cosmic strong{position:relative;z-index:2;text-align:left;font-size:.9rem}
.mass-success-cosmic em{position:relative;z-index:2;color:#7CEB92;font-size:1.1rem;font-style:normal;animation:massSuccessArrow 1.45s ease-in-out infinite}
.mass-success-cosmic:hover{transform:translateY(-2px) scale(1.008);border-color:rgba(122,235,144,.95);box-shadow:0 24px 68px rgba(41,146,62,.2),0 0 0 5px rgba(93,229,120,.06),inset 0 1px rgba(255,255,255,.11)}
.mass-success-cosmic:focus-visible{outline:2px solid #79E78F;outline-offset:4px}
@keyframes massSuccessHalo{to{transform:rotate(360deg)}}
@keyframes massSuccessDisk{from{transform:scaleY(.42) rotate(-12deg)}to{transform:scaleY(.42) rotate(348deg)}}
@keyframes massSuccessStar{from{transform:rotate(0deg) translateX(27px) rotate(0deg)}to{transform:rotate(360deg) translateX(27px) rotate(-360deg)}}
@keyframes massSuccessGravity{0%,100%{filter:brightness(.92);box-shadow:0 0 0 1px rgba(121,228,142,.38),0 0 14px rgba(103,224,127,.3),9px 0 16px rgba(255,81,151,.2)}50%{filter:brightness(1.18);box-shadow:0 0 0 1px rgba(148,246,168,.75),0 0 25px rgba(103,224,127,.62),12px 0 29px rgba(255,81,151,.38)}}
@keyframes massSuccessPulse{0%,100%{border-color:rgba(101,223,125,.52);box-shadow:0 18px 52px rgba(0,0,0,.3),0 0 0 2px rgba(93,229,120,.035),inset 0 1px rgba(255,255,255,.08)}50%{border-color:rgba(123,244,147,.9);box-shadow:0 21px 58px rgba(0,0,0,.34),0 0 0 5px rgba(93,229,120,.075),0 0 31px rgba(81,213,108,.16),inset 0 1px rgba(255,255,255,.11)}}
@keyframes massSuccessArrow{0%,100%{transform:translate(0,0);opacity:.72}50%{transform:translate(3px,-3px);opacity:1;text-shadow:0 0 12px #7BF493}}
@media(prefers-reduced-motion:reduce){.mass-success-cosmic,.mass-success-cosmic:before,.mass-success-hole,.mass-success-hole:before,.mass-success-hole:after,.mass-success-cosmic em{animation:none!important}}

/* Plataformas v3 — painel operacional simples e assertivo. */
.platforms-v3{--platform-line:rgba(128,206,144,.2);--platform-cyan:#6DE685;--platform-text:#F5FEF7;--platform-muted:#95B99C}
.platforms-header-v3{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 0 22px}
.platforms-header-v3 h1{margin:8px 0 5px;font-size:clamp(1.9rem,2.6vw,2.65rem);line-height:1;color:var(--platform-text)}
.platforms-header-v3 p{margin:0;color:#ADC9B2;font-size:1rem}
.platforms-pending-v3{display:inline-flex;align-items:center;gap:9px;padding:10px 14px;border:1px solid rgba(134,247,156,.27);border-radius:999px;color:#c6fbd0;background:rgba(39,133,58,.19);font-size:.82rem;font-weight:800;white-space:nowrap}
.platforms-pending-v3 i,.platform-state-v3 i{width:7px;height:7px;border-radius:50%;background:#8af7a0;box-shadow:0 0 10px currentColor}
.platforms-summary-v3{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:19px 22px;margin-bottom:16px;border:1px solid var(--platform-line);border-radius:18px;background:linear-gradient(105deg,rgba(18,54,28,.92),rgba(18,64,27,.86));box-shadow:inset 0 1px rgba(255,255,255,.025)}
.platforms-summary-copy-v3{display:flex;align-items:center;gap:14px;min-width:0}.platforms-summary-icon-v3{display:grid;place-items:center;flex:0 0 42px;height:42px;border:1px solid rgba(109,230,133,.35);border-radius:13px;color:var(--platform-cyan);background:rgba(23,89,36,.22);font-size:1.15rem}.platforms-summary-copy-v3 strong{display:block;color:#EEFEF1;font-size:1rem}.platforms-summary-copy-v3 p{margin:4px 0 0;color:var(--platform-muted);font-size:.84rem;line-height:1.45}
.platforms-summary-metrics-v3{display:grid;grid-template-columns:repeat(3,minmax(104px,1fr));min-width:min(44%,520px)}.platforms-summary-metrics-v3 span{padding:3px 20px;border-left:1px solid var(--platform-line)}.platforms-summary-metrics-v3 b{display:block;color:#fff;font-size:1.4rem}.platforms-summary-metrics-v3 small{display:block;margin-top:2px;color:var(--platform-muted);font-size:.72rem}
.platforms-toolbar-v3{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 16px}.platform-filter-v3{display:flex;gap:4px;padding:4px;border:1px solid var(--platform-line);border-radius:12px;background:rgba(7,30,14,.74)}.platform-filter-v3 button{padding:9px 14px;border:0;border-radius:9px;color:#92B599;background:transparent;font-size:.77rem;font-weight:800;cursor:pointer}.platform-filter-v3 button:hover{color:#ECFBEF;background:rgba(109,230,133,.07)}.platform-filter-v3 button.active{color:#092210;background:var(--platform-cyan);box-shadow:0 7px 20px rgba(84,211,109,.18)}
.platform-search-v3{display:flex;align-items:center;gap:9px;width:min(310px,33vw);padding:0 13px;border:1px solid var(--platform-line);border-radius:12px;background:rgba(7,30,14,.74);color:#6FDB85}.platform-search-v3 input{width:100%;height:42px;border:0;outline:0;color:#EFFEF2;background:transparent;font:inherit}.platform-search-v3 input::placeholder{color:#75997C}
.platform-grid-v3{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.platform-card-v3{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:244px;padding:19px;border:1px solid var(--platform-line);border-radius:18px;background:linear-gradient(145deg,rgba(17,52,27,.96),rgba(10,35,17,.97));box-shadow:0 16px 42px rgba(0,0,0,.12),inset 0 1px rgba(255,255,255,.025);transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.platform-card-v3:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--state-color,#6FB67D),transparent);opacity:.8}.platform-card-v3:hover{transform:translateY(-2px);border-color:rgba(109,230,133,.35);box-shadow:0 20px 50px rgba(0,0,0,.2)}.platform-card-v3--ready{--state-color:#6DE685}.platform-card-v3--attention{--state-color:#ffbe5d}.platform-card-v3--pending{--state-color:#62d279}
.platform-card-head-v3{display:flex;align-items:flex-start;gap:14px}.platform-logo-v3{display:grid;place-items:center;flex:0 0 66px;width:66px;height:66px;padding:6px;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:#fff;box-shadow:0 10px 25px rgba(0,0,0,.18)}.platform-logo-v3 img{display:block;width:100%;height:100%;object-fit:contain;border-radius:9px}.platform-card-title-v3{min-width:0;flex:1}.platform-card-title-v3>small,.platform-modal-hero-v3>div>small{display:block;margin-bottom:4px;color:#85AA8D;font-size:.64rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.platform-card-title-v3 strong{display:block;color:#fff;font-size:1.18rem}.platform-card-title-v3 p{margin:5px 0 0;color:#93B399;font-size:.79rem;line-height:1.4}
.platform-state-v3{display:inline-flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid color-mix(in srgb,var(--state-color,#62d279) 36%,transparent);border-radius:999px;color:var(--state-color,#abe6b7);background:color-mix(in srgb,var(--state-color,#62d279) 8%,transparent);font-size:.68rem;font-weight:850;white-space:nowrap}.platform-state-v3 i{background:currentColor}.platform-state-v3--ready,.platform-state-v3--ok{--state-color:#70E186}.platform-state-v3--attention,.platform-state-v3--warn{--state-color:#ffc466}.platform-state-v3--danger{--state-color:#ff7c98}.platform-state-v3--pending{--state-color:#8fdf9f}
.platform-card-metrics-v3{display:grid;grid-template-columns:.8fr .9fr 1.3fr;gap:0;margin:17px 0 14px;padding:13px 0;border-top:1px solid var(--platform-line);border-bottom:1px solid var(--platform-line)}.platform-card-metrics-v3 span{padding:0 13px;border-left:1px solid var(--platform-line)}.platform-card-metrics-v3 span:first-child{padding-left:0;border:0}.platform-card-metrics-v3 small{display:block;margin-bottom:4px;color:#6D9174;font-size:.58rem;font-weight:900;letter-spacing:.09em}.platform-card-metrics-v3 b{display:block;color:#DEF4E2;font-size:.74rem;line-height:1.3}.platform-card-foot-v3{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:auto}.platform-card-foot-v3>span{overflow:hidden;color:#82A489;font-size:.71rem;text-overflow:ellipsis;white-space:nowrap}.platform-card-foot-v3 button{display:inline-flex;align-items:center;gap:18px;min-width:130px;padding:10px 13px;border:1px solid rgba(109,230,133,.28);border-radius:10px;color:#ECFDEF;background:rgba(37,105,50,.15);font-size:.76rem;font-weight:850;cursor:pointer}.platform-card-foot-v3 button:hover{border-color:#6DE685;background:rgba(63,179,86,.18)}.platform-card-foot-v3 button i{margin-left:auto;color:#6DE685;font-style:normal}.platform-loading-v3,.platform-empty-v3{grid-column:1/-1;display:grid;place-items:center;gap:5px;min-height:180px;border:1px dashed var(--platform-line);border-radius:18px;color:#89AB90}.platform-empty-v3 b{color:#E8F7EB}

/* Central e submodais de configuração. */
.modal.modal-context-platform-config .modal-card{width:min(96vw,1020px);max-height:92vh}.modal.modal-context-mercado-cookie-replace .modal-card{width:min(94vw,760px)}.modal.modal-context-mercado-cookies-test .modal-card{width:min(94vw,760px)}.modal.modal-context-mercado-cookie-delete .modal-card{width:min(92vw,620px)}
.platform-command-v3{padding-top:0}.platform-modal-hero-v3{display:flex;align-items:center;gap:16px;margin:-2px 0 15px;padding:15px;border:1px solid rgba(118,195,134,.19);border-radius:16px;background:linear-gradient(110deg,rgba(19,59,30,.9),rgba(19,66,28,.74))}.platform-modal-hero-v3>.platform-logo-v3{flex-basis:72px;width:72px;height:72px}.platform-modal-hero-v3>div{min-width:0;flex:1}.platform-modal-hero-v3 strong{display:block;color:#fff;font-size:1.38rem}.platform-modal-hero-v3 p{margin:5px 0 0;color:#98B79E;font-size:.82rem}.platform-config-tabs-v3{display:flex;gap:4px;margin-bottom:15px;padding:4px;border:1px solid rgba(118,195,134,.18);border-radius:12px;background:rgba(7,28,13,.78)}.platform-config-tabs-v3 button{flex:1;padding:10px 13px;border:0;border-radius:9px;color:#81A689;background:transparent;font-size:.78rem;font-weight:850;cursor:pointer}.platform-config-tabs-v3 button:hover{color:#EBFDEE;background:rgba(109,230,133,.055)}.platform-config-tabs-v3 button.active{color:#092311;background:#6DE685;box-shadow:0 8px 20px rgba(83,210,108,.14)}
.platform-config-panel{display:grid;gap:13px}.platform-config-panel .platform-config-status{margin:0}.platform-config-panel .platform-config-note{border-radius:13px}.platform-config-panel .platform-toggle-control{min-height:62px}.platform-config-panel .platform-hook-note{margin:0}.platform-modal-footer-v3>span{color:#789D80;font-size:.68rem}.platform-modal-close-v3{padding:9px 15px;border:1px solid rgba(109,230,133,.3);border-radius:10px;color:#EBFDEE;background:rgba(34,95,46,.14);font-size:.74rem;font-weight:850;cursor:pointer}.platform-modal-close-v3:hover{border-color:#6DE685;background:rgba(55,144,73,.17)}

/* Central de plataformas v4 — hierarquia neutra, compacta e operacional. */
.modal.modal-context-platform-config .modal-card{width:min(94vw,980px);max-height:92vh;border-color:rgba(121,139,126,.2);border-radius:22px;background:#111315;box-shadow:0 38px 120px rgba(0,0,0,.72),0 0 55px rgba(79,235,111,.045)}
.modal.modal-context-platform-config .modal-card:before{inset:0;height:1px;padding:0;border-radius:0;background:linear-gradient(90deg,transparent 3%,rgba(83,242,116,.78) 40%,rgba(83,242,116,.18) 72%,transparent 97%);animation:none;opacity:.85;mask:none;-webkit-mask:none}
.modal.modal-context-platform-config .modal-card>header{position:relative;min-height:58px;padding:14px 19px;border-color:rgba(255,255,255,.065);background:#151719}
.modal.modal-context-platform-config .modal-card>header h3{color:#F2F5F3;font-size:.92rem;font-weight:750;letter-spacing:-.01em}
.modal.modal-context-platform-config .modal-header-actions{position:absolute;left:50%;top:50%;z-index:2;transform:translate(-50%,-50%)}
.platform-master-toggle-v5{display:flex;align-items:center;gap:12px;min-width:250px;padding:7px 9px 7px 13px;border:1px solid rgba(255,255,255,.09);border-radius:12px;color:#A2ABA5;background:#111315;cursor:pointer;transition:border-color .18s ease,background .18s ease,color .18s ease,opacity .18s ease}
.platform-master-toggle-v5>span{min-width:0;text-align:left}.platform-master-toggle-v5 b,.platform-master-toggle-v5 small{display:block;white-space:nowrap}.platform-master-toggle-v5 b{color:#D7DDD9;font-size:.66rem}.platform-master-toggle-v5 small{margin-top:2px;color:#707973;font-size:.53rem}
.platform-master-toggle-v5>i{position:relative;flex:0 0 34px;width:34px;height:20px;margin-left:auto;border:1px solid rgba(255,255,255,.11);border-radius:999px;background:#242927}
.platform-master-toggle-v5>i:after{content:"";position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:#818A84;transition:left .18s ease,background .18s ease,box-shadow .18s ease}
.platform-master-toggle-v5:hover{border-color:rgba(83,242,116,.3);color:#EDF5EF;background:#171C19}.platform-master-toggle-v5.on{border-color:rgba(83,242,116,.3);background:#142018}.platform-master-toggle-v5.on b{color:#83F697}.platform-master-toggle-v5.on small{color:#7F9D84}.platform-master-toggle-v5.on>i{border-color:rgba(83,242,116,.42);background:#1A6B2B}.platform-master-toggle-v5.on>i:after{left:17px;background:#8BFA9E;box-shadow:0 0 10px rgba(83,242,116,.55)}
.platform-master-toggle-v5:disabled{cursor:not-allowed;opacity:.45}
.modal.modal-context-platform-config .modal-close{width:34px;height:34px;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#9DA7A0;background:#191C1E}
.modal.modal-context-platform-config .modal-close:hover{border-color:rgba(83,242,116,.45);color:#78F38F;background:#1C2220}
.modal.modal-context-platform-config .modal-body{overflow-x:hidden;padding:0;background:radial-gradient(circle at 100% 0,rgba(67,180,88,.055),transparent 31%),#0D0F10}
.platform-command-v4{display:grid;gap:14px;padding:18px}
.platform-modal-header-v4{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:2px 2px 14px;border-bottom:1px solid rgba(255,255,255,.065)}
.platform-modal-brand-v4{display:flex;align-items:center;gap:15px;min-width:0}.platform-modal-brand-v4>.platform-logo-v3{flex:0 0 58px;width:58px;height:58px;padding:7px;border-color:rgba(255,255,255,.12);border-radius:14px;box-shadow:0 8px 24px rgba(0,0,0,.3)}
.platform-modal-brand-v4>div{min-width:0}.platform-modal-brand-v4 small{display:block;margin-bottom:4px;color:#67D97D;font:800 .58rem var(--font-mono);letter-spacing:.14em;text-transform:uppercase}.platform-modal-brand-v4 strong{display:block;color:#F7F9F7;font:700 1.32rem var(--font-display);letter-spacing:-.025em}.platform-modal-brand-v4 p{margin:4px 0 0;color:#89928C;font-size:.75rem;line-height:1.45}
.platform-config-tabs-v4{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:0;background:transparent}.platform-config-tabs-v4 button{display:grid;grid-template-columns:29px 1fr auto;align-items:center;gap:9px;min-height:47px;padding:7px 11px;border:1px solid rgba(255,255,255,.07);border-radius:11px;color:#7D8780;background:#151719;text-align:left;cursor:pointer;transition:border-color .18s ease,color .18s ease,background .18s ease,transform .18s ease}.platform-config-tabs-v4 button:hover{border-color:rgba(92,215,115,.24);color:#CAD2CC;background:#171B19;transform:translateY(-1px)}.platform-config-tabs-v4 button>b{display:grid;place-items:center;width:29px;height:29px;border:1px solid rgba(255,255,255,.07);border-radius:8px;color:#68716B;background:#101213;font:700 .59rem var(--font-mono)}.platform-config-tabs-v4 button>span{font-size:.72rem;font-weight:800}.platform-config-tabs-v4 button>i{color:#5EEA78;font-style:normal;font-size:.82rem}.platform-config-tabs-v4 button.active{border-color:rgba(83,242,116,.4);color:#F2F8F3;background:#18201A;box-shadow:inset 3px 0 #53F274}.platform-config-tabs-v4 button.active>b{border-color:rgba(83,242,116,.32);color:#73F58B;background:rgba(83,242,116,.07)}
.platform-config-workspace-v4{overflow:hidden;border:1px solid rgba(255,255,255,.075);border-radius:16px;background:#151719}.platform-config-workspace-v4>header{display:grid;grid-template-columns:38px 1fr;align-items:start;gap:13px;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.065);background:#181A1C}.platform-config-workspace-v4>header>span{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(83,242,116,.25);border-radius:10px;color:#65EE7E;background:rgba(83,242,116,.055);font:750 .65rem var(--font-mono)}.platform-config-workspace-v4>header small{display:block;color:#67D97D;font:800 .57rem var(--font-mono);letter-spacing:.13em}.platform-config-workspace-v4>header strong{display:block;margin-top:4px;color:#F0F3F1;font:700 .94rem var(--font-display)}.platform-config-workspace-v4>header p{margin:4px 0 0;color:#7F8982;font-size:.7rem;line-height:1.5}.platform-config-workspace-v4>.platform-config-panel{padding:17px 18px}
.platform-config-workspace-v4 .platform-config-status{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.platform-config-workspace-v4 .platform-config-status>div{min-height:65px;padding:11px 12px;border-color:rgba(255,255,255,.07);border-radius:11px;background:#111314}.platform-config-workspace-v4 .platform-config-status span{color:#717A74}.platform-config-workspace-v4 .platform-config-status b{color:#E6EAE7}
.platform-config-workspace-v4 .platform-toggle-control{border-color:rgba(255,255,255,.075);border-radius:11px;background:#121415}.platform-config-workspace-v4 .platform-toggle-control:hover{border-color:rgba(83,242,116,.25);background:#151A17}.platform-config-workspace-v4 .platform-config-note{padding:12px 13px;border-color:rgba(255,255,255,.075);border-radius:11px;color:#98A19B;background:#111314;font-size:.72rem}.platform-config-workspace-v4 .platform-config-note strong{color:#DDE3DF}.platform-config-workspace-v4 .platform-hook-note{color:#758078;font-size:.68rem}
.platform-secure-note-v4{display:grid;grid-template-columns:38px 1fr;align-items:center;gap:12px;padding:12px 13px;border:1px solid rgba(83,242,116,.14);border-radius:12px;background:#111514}.platform-secure-note-v4>span{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;color:#6DF087;background:rgba(83,242,116,.075);font-size:1rem}.platform-secure-note-v4 small,.platform-save-row-v4 small{display:block;color:#62D77A;font:800 .55rem var(--font-mono);letter-spacing:.12em}.platform-secure-note-v4 strong,.platform-save-row-v4 strong{display:block;margin-top:3px;color:#E8ECE9;font-size:.76rem}.platform-secure-note-v4 p,.platform-save-row-v4 p{margin:3px 0 0;color:#78827B;font-size:.66rem;line-height:1.45}
.platform-fields-v4{display:grid;grid-template-columns:1fr 1fr;gap:11px}.platform-fields-v4 .form-field{display:grid;gap:7px;padding:13px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:#111314}.platform-fields-v4 .form-field>span{display:flex;align-items:center;gap:8px;color:#C9D0CB;font-size:.68rem;font-weight:800}.platform-fields-v4 .form-field>span i{display:grid;place-items:center;width:23px;height:23px;border:1px solid rgba(83,242,116,.2);border-radius:7px;color:#66DD7C;background:rgba(83,242,116,.045);font:700 .53rem var(--font-mono);font-style:normal}.platform-fields-v4 .input{height:46px;border-color:rgba(255,255,255,.09);border-radius:10px;color:#EDF2EE;background:#0C0E0F;box-shadow:none}.platform-fields-v4 .input:focus{border-color:rgba(83,242,116,.55);box-shadow:0 0 0 3px rgba(83,242,116,.07)}.platform-fields-v4 .form-field>small{color:#69736C;font-size:.61rem}
.platform-save-row-v4{display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px;padding:13px 14px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:#111314}.platform-save-row-v4 .platform-action-primary-v3{min-width:225px}
.platform-config-workspace-v4 .platform-action-primary-v3{min-height:45px;padding:6px 11px;border-color:rgba(83,242,116,.35);border-radius:10px;color:#EAF9ED;background:#1A2B1E;box-shadow:none}.platform-config-workspace-v4 .platform-action-primary-v3>span{flex-basis:30px;height:30px;border-radius:8px;color:#71F089;background:rgba(83,242,116,.09)}.platform-config-workspace-v4 .platform-action-primary-v3 b{font-size:.71rem}.platform-config-workspace-v4 .platform-action-primary-v3 small{color:#7D9882;font-size:.56rem}.platform-config-workspace-v4 .platform-action-primary-v3:hover{border-color:#53F274;background:#203724;filter:none;transform:translateY(-1px)}
.platform-config-workspace-v4 .cookie-vault-locked-v3{border-color:rgba(255,255,255,.075);border-radius:13px;background:#111314}.platform-config-workspace-v4 .cookie-vault-locked-v3>header{border-color:rgba(255,255,255,.065);background:#17191B}.platform-config-workspace-v4 .cookie-lock-v3{border-color:rgba(83,242,116,.2);background:rgba(83,242,116,.055)}.platform-config-workspace-v4 .cookie-vault-metrics-v3 span{border-color:rgba(255,255,255,.07)}.platform-config-workspace-v4 .cookie-vault-actions-v3{border-top:1px solid rgba(255,255,255,.055);padding-top:15px}.platform-config-workspace-v4 .platform-action-secondary-v3{border-color:rgba(255,255,255,.09);color:#DDE4DF;background:#181B1D}.platform-config-workspace-v4 .platform-action-secondary-v3:hover{border-color:rgba(83,242,116,.28);background:#1B211D}.platform-config-workspace-v4 .platform-action-secondary-v3>span{color:#68E47F;background:rgba(83,242,116,.06)}.platform-config-workspace-v4 .cookie-import-v3 textarea,.platform-config-workspace-v4 textarea.textarea,.platform-config-workspace-v4 input.input{border-color:rgba(255,255,255,.09);color:#ECF1ED;background:#0C0E0F;box-shadow:none}.platform-config-workspace-v4 textarea.textarea:focus,.platform-config-workspace-v4 input.input:focus{border-color:rgba(83,242,116,.5);box-shadow:0 0 0 3px rgba(83,242,116,.065)}
.platform-modal-footer-v4{min-height:61px;padding:11px 18px;border-color:rgba(255,255,255,.065);background:#151719}.platform-modal-footer-v4>span{display:grid;grid-template-columns:28px auto;grid-template-rows:auto auto;align-items:center;column-gap:9px}.platform-modal-footer-v4>span>i{grid-row:1/3;display:grid;place-items:center;width:28px;height:28px;border:1px solid rgba(83,242,116,.18);border-radius:8px;color:#66E77E;background:rgba(83,242,116,.055);font-style:normal}.platform-modal-footer-v4>span>b{color:#C7D0C9;font-size:.65rem}.platform-modal-footer-v4>span>small{color:#68716B;font-size:.58rem}.platform-modal-close-v4{display:inline-flex;align-items:center;gap:13px;padding:9px 11px 9px 14px;border:1px solid rgba(255,255,255,.09);border-radius:10px;color:#D7DDD9;background:#1A1D1F;font-size:.68rem;font-weight:850;cursor:pointer}.platform-modal-close-v4>i{display:grid;place-items:center;width:21px;height:21px;border-radius:6px;color:#71E887;background:rgba(83,242,116,.065);font-style:normal}.platform-modal-close-v4:hover{border-color:rgba(83,242,116,.35);color:#F5F8F6;background:#1D2420}
@media(max-width:720px){.modal.modal-context-platform-config .modal-card{width:100vw;height:100vh;max-height:100vh;border-radius:0}.modal.modal-context-platform-config .modal-card>header{display:grid;grid-template-columns:1fr auto;gap:8px}.modal.modal-context-platform-config .modal-card>header h3{grid-column:1}.modal.modal-context-platform-config .modal-header-actions{position:static;grid-column:1/-1;grid-row:2;transform:none}.modal.modal-context-platform-config .modal-close{grid-column:2;grid-row:1}.platform-master-toggle-v5{width:100%;min-width:0}.platform-command-v4{padding:13px}.platform-modal-header-v4{align-items:flex-start}.platform-modal-header-v4>.platform-state-v3{max-width:145px;white-space:normal}.platform-modal-brand-v4 p{display:none}.platform-config-tabs-v4{grid-template-columns:1fr}.platform-config-tabs-v4 button{min-height:42px}.platform-fields-v4,.platform-save-row-v4{grid-template-columns:1fr}.platform-save-row-v4 .platform-action-primary-v3{width:100%;min-width:0}.platform-config-workspace-v4 .platform-config-status{grid-template-columns:1fr}.platform-modal-footer-v4>span>small{display:none}}
.cookie-vault-locked-v3{overflow:hidden;border:1px solid rgba(109,230,133,.26);border-radius:17px;background:linear-gradient(145deg,rgba(10,45,20,.82),rgba(16,42,23,.96))}.cookie-vault-locked-v3>header{display:flex;align-items:flex-start;gap:14px;padding:18px;border-bottom:1px solid rgba(118,195,134,.17)}.cookie-lock-v3{display:grid;place-items:center;flex:0 0 43px;height:43px;border:1px solid rgba(109,230,133,.35);border-radius:13px;color:#6DE685;background:rgba(53,159,74,.12);font-size:1.25rem}.cookie-vault-locked-v3>header>div{min-width:0;flex:1}.cookie-vault-locked-v3>header small,.cookie-replace-warning-v3 small{display:block;color:#6DE685;font-size:.61rem;font-weight:900;letter-spacing:.12em}.cookie-vault-locked-v3 h4,.cookie-replace-warning-v3 h4{margin:4px 0;color:#F6FEF7;font-size:1.08rem}.cookie-vault-locked-v3 p,.cookie-replace-warning-v3 p{margin:0;color:#8DB194;font-size:.76rem;line-height:1.45}
.cookie-vault-metrics-v3{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:14px 18px}.cookie-vault-metrics-v3 span{padding:2px 14px;border-left:1px solid rgba(118,195,134,.17)}.cookie-vault-metrics-v3 span:first-child{padding-left:0;border:0}.cookie-vault-metrics-v3 small{display:block;margin-bottom:5px;color:#6C9173;font-size:.57rem;font-weight:900;letter-spacing:.1em}.cookie-vault-metrics-v3 b{display:block;overflow:hidden;color:#DEF6E3;font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.cookie-vault-error-v3{display:flex;gap:10px;margin:0 18px 14px;padding:10px 12px;border:1px solid rgba(255,103,139,.23);border-radius:10px;color:#ff9db2;background:rgba(115,27,55,.16);font-size:.72rem}.cookie-vault-error-v3 span{color:#7ad98d}
.cookie-vault-actions-v3{display:grid;grid-template-columns:1.25fr 1fr auto;gap:9px;padding:0 18px 18px}.platform-action-primary-v3,.platform-action-secondary-v3,.platform-action-danger-v3{display:flex;align-items:center;gap:11px;min-height:54px;padding:9px 13px;border-radius:13px;font:inherit;cursor:pointer}.platform-action-primary-v3{border:1px solid rgba(109,230,133,.55);color:#F4FEF6;background:linear-gradient(110deg,rgba(16,81,29,.88),rgba(41,140,61,.9));box-shadow:0 12px 28px rgba(49,137,67,.13)}.platform-action-primary-v3>span,.platform-action-secondary-v3>span{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:10px;color:#74E98B;background:rgba(109,230,133,.12)}.platform-action-primary-v3 b,.platform-action-secondary-v3 b{display:block;text-align:left;font-size:.78rem}.platform-action-primary-v3 small,.platform-action-secondary-v3 small{display:block;margin-top:2px;color:#94B99C;font-size:.61rem;font-weight:500}.platform-action-primary-v3>i{margin-left:auto;color:#7BF493;font-style:normal}.platform-action-primary-v3:hover{border-color:#88F59E;filter:brightness(1.08)}.platform-action-secondary-v3{border:1px solid rgba(117,215,137,.27);color:#E4F4E7;background:rgba(26,90,39,.56)}.platform-action-secondary-v3:hover{border-color:rgba(109,230,133,.43)}.platform-action-danger-v3{justify-content:center;border:1px solid rgba(255,102,137,.22);color:#ff9caf;background:rgba(91,25,50,.17);font-size:.72rem;font-weight:850}.platform-action-danger-v3:hover{border-color:rgba(255,102,137,.58);background:rgba(122,30,60,.24)}.platform-action-primary-v3.compact{min-height:42px;padding:5px 12px}.platform-action-primary-v3.compact>span{width:28px;flex-basis:28px;height:28px}.platform-security-note-v3{margin:0;color:#73997A;font-size:.68rem;text-align:center}
.cookie-import-v3{display:grid;gap:9px}.cookie-import-v3>span{display:flex;align-items:flex-end;justify-content:space-between;gap:15px}.cookie-import-v3 b{color:#EEFEF1;font-size:.8rem}.cookie-import-v3 small{color:#779C7F;font-size:.66rem}.cookie-import-v3 textarea{min-height:145px;border-color:rgba(109,230,133,.2);background:rgba(6,26,12,.82);font-family:var(--font-mono,monospace);font-size:.75rem}.cookie-replace-v3{display:grid;gap:15px}.cookie-replace-warning-v3{display:flex;gap:14px;padding:16px;border:1px solid rgba(255,182,79,.28);border-radius:15px;background:rgba(102,62,19,.13)}.cookie-replace-warning-v3>span{display:grid;place-items:center;flex:0 0 39px;height:39px;border:1px solid rgba(255,190,91,.42);border-radius:12px;color:#ffc56d;background:rgba(138,82,21,.19);font-size:1.15rem;font-weight:900}.cookie-confirm-check-v3{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid rgba(118,195,134,.2);border-radius:12px;background:rgba(11,37,18,.66);cursor:pointer}.cookie-confirm-check-v3 input{width:18px;height:18px;accent-color:#6DE685}.cookie-confirm-check-v3 b{display:block;color:#E9F9EC;font-size:.76rem}.cookie-confirm-check-v3 small{display:block;margin-top:2px;color:#789D80;font-size:.65rem}.cookie-confirm-phrase-v3{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:14px}.cookie-confirm-phrase-v3>span{color:#94B79B;font-size:.72rem}.cookie-confirm-phrase-v3 b{color:#ffd183;font-family:var(--font-mono,monospace);font-size:.68rem}.cookie-confirm-phrase-v3 .input{text-transform:uppercase}.configuration-test-line.warning{border-color:rgba(255,190,91,.3);background:rgba(117,75,22,.12)}.configuration-test-line.warning>span{color:#ffc867;background:rgba(255,190,91,.1)}.cookie-replace-warning-v3.danger{border-color:rgba(255,103,139,.3);background:rgba(116,25,52,.14)}.cookie-replace-warning-v3.danger>span{border-color:rgba(255,103,139,.45);color:#ff91aa;background:rgba(151,34,66,.18)}.platform-delete-confirm-v3{padding:10px 16px;border:1px solid rgba(255,103,139,.48);border-radius:10px;color:#ffe9ee;background:linear-gradient(110deg,rgba(121,29,57,.78),rgba(24,84,36,.76));font-size:.74rem;font-weight:900;cursor:pointer}.platform-delete-confirm-v3:hover{border-color:#ff7897;filter:brightness(1.1)}
@media(max-width:980px){.platform-grid-v3{grid-template-columns:1fr}.platforms-summary-v3{align-items:flex-start;flex-direction:column}.platforms-summary-metrics-v3{width:100%;min-width:0}.cookie-vault-actions-v3{grid-template-columns:1fr 1fr}.platform-action-danger-v3{grid-column:1/-1}.cookie-vault-metrics-v3{grid-template-columns:1fr 1fr;gap:14px}.cookie-vault-metrics-v3 span:nth-child(3){padding-left:0;border-left:0}}
@media(max-width:680px){.platforms-header-v3,.platforms-toolbar-v3{align-items:stretch;flex-direction:column}.platforms-pending-v3{align-self:flex-start}.platform-filter-v3{overflow-x:auto}.platform-filter-v3 button{white-space:nowrap}.platform-search-v3{width:100%}.platforms-summary-metrics-v3{grid-template-columns:1fr}.platforms-summary-metrics-v3 span{padding:8px 0;border-left:0;border-top:1px solid var(--platform-line)}.platform-card-head-v3{flex-wrap:wrap}.platform-card-head-v3>.platform-state-v3{margin-left:80px}.platform-card-metrics-v3{grid-template-columns:1fr}.platform-card-metrics-v3 span{padding:8px 0;border-left:0;border-top:1px solid var(--platform-line)}.platform-card-metrics-v3 span:first-child{border-top:0}.platform-card-foot-v3{align-items:stretch;flex-direction:column}.platform-card-foot-v3 button{width:100%}.cookie-vault-locked-v3>header{flex-wrap:wrap}.cookie-vault-locked-v3>header>.platform-state-v3{margin-left:57px}.cookie-vault-metrics-v3,.cookie-vault-actions-v3{grid-template-columns:1fr}.cookie-vault-metrics-v3 span{padding:8px 0;border-left:0;border-top:1px solid rgba(118,195,134,.17)}.cookie-vault-metrics-v3 span:first-child{border-top:0}.platform-action-danger-v3{grid-column:auto}.cookie-confirm-phrase-v3{grid-template-columns:1fr}}

/* Usuário v4 — central pessoal simples, cósmica e operacional. */
.user-v4{--user-line:rgba(126,204,142,.2);--user-cyan:#6DE685;--user-green:#6CDC82;--user-coral:#ff879c;--user-muted:#95B99C;--user-panel:linear-gradient(145deg,rgba(16,50,26,.96),rgba(9,33,16,.97))}
.user-header-v4{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:18px}.user-header-v4 h1{margin:8px 0 5px;font-size:clamp(1.9rem,3vw,2.65rem)}.user-header-v4 p{margin:0;color:var(--user-muted);font-size:.93rem}.user-account-state-v4{display:inline-flex;align-items:center;gap:9px;padding:9px 13px;border:1px solid rgba(108,220,130,.28);border-radius:999px;color:#A1ECB0;background:rgba(26,88,38,.16);font:800 .67rem var(--font-mono);letter-spacing:.06em}.user-account-state-v4 i{width:7px;height:7px;border-radius:50%;background:var(--user-green);box-shadow:0 0 13px var(--user-green)}
.user-identity-v4{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:24px;align-items:center;padding:22px 24px;border:1px solid rgba(112,212,132,.25);border-radius:21px;background:radial-gradient(circle at 84% 0,rgba(81,205,106,.22),transparent 34%),linear-gradient(125deg,rgba(16,57,28,.96),rgba(15,53,23,.96));box-shadow:0 18px 50px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.035)}.user-identity-v4:after{content:"";position:absolute;width:300px;height:300px;right:-135px;top:-205px;border:1px solid rgba(110,227,133,.15);border-radius:50%;box-shadow:0 0 0 35px rgba(102,217,125,.035),0 0 0 72px rgba(110,227,133,.025)}.user-identity-main-v4{position:relative;z-index:1;display:flex;align-items:center;gap:18px}.user-identity-mark-v4{display:grid;place-items:center;flex:0 0 66px;width:66px;height:66px;border:1px solid rgba(109,230,133,.38);border-radius:18px;color:white;background:linear-gradient(145deg,#61f57f,#4dcd66 60%,#ff7b72);box-shadow:0 12px 30px rgba(74,202,99,.3);font:800 1.45rem var(--font-display)}.user-identity-main-v4 small,.user-protection-v4>div>span,.user-section-v4>header span,.user-security-checks-v4 header span,.user-methods-v4 header span,.user-plan-hero-v4>div>span{color:#72DD87;font:800 .62rem var(--font-mono);letter-spacing:.14em}.user-identity-main-v4 h2{margin:5px 0 4px;color:#fff;font:700 1.4rem var(--font-display)}.user-identity-main-v4 p{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:0;color:#97BA9E;font-size:.79rem}.user-identity-main-v4 p i{width:3px;height:3px;border-radius:50%;background:#70DF86}.user-identity-tags-v4{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}.user-identity-tags-v4 span{padding:5px 8px;border:1px solid rgba(133,205,147,.18);border-radius:7px;color:#B7D7BD;background:rgba(12,40,20,.5);font-size:.65rem;font-weight:800}.user-identity-tags-v4 span:first-child{color:#7DE091;border-color:rgba(93,212,117,.28)}
.user-protection-v4{position:relative;z-index:1;padding-left:22px;border-left:1px solid var(--user-line)}.user-protection-v4>div{display:flex;align-items:center;justify-content:space-between;gap:15px}.user-protection-v4 strong{color:#fff;font:750 1.35rem var(--font-display)}.user-protection-v4 p{margin:6px 0 12px;color:#92B599;font-size:.73rem}.user-protection-v4>i{display:block;height:4px;overflow:hidden;border-radius:9px;background:rgba(114,177,127,.17)}.user-protection-v4>i em{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#60D878,#79f692);box-shadow:0 0 14px rgba(96,216,120,.55);transition:width .5s ease}.user-protection-v4 button{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:12px;padding:0;border:0;color:#97E9A7;background:none;font-size:.72rem;font-weight:850;cursor:pointer}
.user-tabs-v4{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:18px 0;padding:5px;border:1px solid var(--user-line);border-radius:14px;background:rgba(8,31,15,.72)}.user-tabs-v4 button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:42px;border:1px solid transparent;border-radius:10px;color:#88AB8F;background:transparent;font-size:.77rem;font-weight:850;cursor:pointer;transition:.2s}.user-tabs-v4 button span{color:#6A8F71;font:700 .6rem var(--font-mono)}.user-tabs-v4 button:hover{color:#DEF5E3}.user-tabs-v4 button.active{color:#F4FEF6;border-color:rgba(110,224,133,.35);background:linear-gradient(120deg,rgba(30,97,44,.48),rgba(35,122,53,.5));box-shadow:inset 0 1px rgba(255,255,255,.035)}.user-tabs-v4 button.active span{color:#6EE085}
.user-panel-v4{animation:userPanelIn .22s ease}.user-panel-v4[hidden]{display:none!important}@keyframes userPanelIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.user-section-v4,.user-security-checks-v4,.user-methods-v4{overflow:hidden;border:1px solid var(--user-line);border-radius:18px;background:var(--user-panel);box-shadow:0 15px 40px rgba(0,0,0,.1)}.user-section-v4>header,.user-security-checks-v4>header,.user-methods-v4>header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;border-bottom:1px solid var(--user-line)}.user-section-v4>header h3,.user-security-checks-v4 header h3,.user-methods-v4 header h3{margin:4px 0 0;color:#F7FEF8;font-size:1.03rem}.user-section-v4>header p{margin:4px 0 0;color:#89AB90;font-size:.73rem}.user-secondary-action-v4,.user-cancel-action-v4,.user-danger-action-v4{padding:9px 12px;border:1px solid rgba(118,194,133,.24);border-radius:10px;color:#DEF3E2;background:rgba(14,50,24,.68);font-size:.72rem;font-weight:850;cursor:pointer}.user-secondary-action-v4 i{margin-left:10px;color:#6EDF84;font-style:normal}.user-danger-action-v4{color:#ff9bad;border-color:rgba(255,102,132,.28);background:rgba(96,21,49,.16)}
.user-form-v4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;padding:20px}.user-form-v4 label{display:grid;gap:7px}.user-form-v4 label>span,.user-summary-time-v4>span{color:#BBD6C0;font-size:.7rem;font-weight:850}.user-form-v4 label>small,.user-summary-time-v4 small{color:#75997C;font-size:.66rem;line-height:1.45}.user-form-v4 .input,.user-form-v4 .select,.user-summary-time-v4 .input{min-height:43px;border-color:rgba(113,192,129,.22);background:rgba(6,27,12,.72)}.user-form-v4 :is(.input,.select):disabled{opacity:1;color:#ADC7B2;cursor:default}.user-form-v4 :is(.input,.select):not(:disabled){border-color:rgba(111,219,133,.4);box-shadow:0 0 0 3px rgba(90,200,112,.045)}.user-locked-field-v4>span b{margin-left:7px;padding:3px 6px;border-radius:5px;color:#ffd37c;background:rgba(151,94,18,.18);font:800 .54rem var(--font-mono)}.user-edit-footer-v4,.user-preferences-footer-v4{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 20px;border-top:1px solid var(--user-line);background:rgba(8,32,15,.66)}.user-edit-footer-v4>span,.user-preferences-footer-v4>span{color:#85A78C;font-size:.72rem}.user-edit-footer-v4>span b{color:#6DE084}.user-edit-footer-v4>div{display:flex;align-items:center;gap:9px}
.user-primary-action-v4{position:relative;overflow:hidden;display:flex;align-items:center;gap:22px;min-width:210px;padding:9px 10px 9px 15px;border:1px solid rgba(102,220,126,.42);border-radius:12px;color:#F4FEF6;background:linear-gradient(120deg,rgba(19,85,32,.92),rgba(34,116,50,.94));box-shadow:inset 0 1px rgba(255,255,255,.05);cursor:pointer;transition:.2s}.user-primary-action-v4:hover{transform:translateY(-1px);border-color:#75E88C;box-shadow:0 12px 30px rgba(56,169,78,.13)}.user-primary-action-v4 span{display:grid;gap:2px;text-align:left}.user-primary-action-v4 small{color:#7ED48F;font:800 .52rem var(--font-mono);letter-spacing:.1em}.user-primary-action-v4 strong{font-size:.75rem}.user-primary-action-v4>i{position:relative;display:grid;place-items:center;width:32px;height:32px;margin-left:auto;border-radius:50%;color:#AFF8BE;background:radial-gradient(circle,#031107 0 38%,transparent 40%),conic-gradient(from 45deg,#64DF7C,#6cf688,#f66d9b,#ff9b64,#64DF7C);font-style:normal;box-shadow:0 0 18px rgba(102,220,126,.24);animation:userOrbit 4s linear infinite}.user-primary-action-v4:disabled{opacity:.55;transform:none;cursor:wait}@keyframes userOrbit{to{filter:hue-rotate(360deg)}}
.user-security-grid-v4{display:grid;grid-template-columns:.9fr 1.1fr;gap:14px;margin-bottom:14px}.user-security-checks-v4>div{display:grid;gap:8px;padding:16px}.user-security-check-v4{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:11px;align-items:center;padding:10px;border:1px solid rgba(119,191,133,.15);border-radius:11px;background:rgba(9,36,17,.56)}.user-security-check-v4>i{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;color:#72DF88;background:rgba(40,120,56,.18);font-style:normal}.user-security-check-v4.warn>i{color:#ffd078;background:rgba(154,99,22,.16)}.user-security-check-v4 strong{display:block;color:#DEF1E2;font-size:.73rem}.user-security-check-v4 p{margin:3px 0 0;color:#7A9F82;font-size:.64rem}.user-security-check-v4>b{color:#6FD583;font:800 .56rem var(--font-mono);text-transform:uppercase}.user-security-check-v4.warn>b{color:#ffc96b}.user-methods-v4>article{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:12px;align-items:center;margin:12px 16px;padding:13px;border:1px solid rgba(118,192,133,.17);border-radius:12px;background:rgba(11,38,18,.58)}.user-methods-v4>article>i{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;color:#71DF87;background:rgba(26,95,40,.35);font-style:normal;font-weight:900}.user-methods-v4 article strong{color:#E7F6EA;font-size:.76rem}.user-methods-v4 article p{margin:3px 0 0;color:#82A389;font-size:.65rem}.user-methods-v4 article button{padding:8px 10px;border:1px solid rgba(109,219,131,.25);border-radius:9px;color:#BFF9CA;background:rgba(32,92,44,.2);font-size:.66rem;font-weight:850;cursor:pointer}
.user-devices-v4,.user-events-v4{margin-top:14px}.user-session-card-v4{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:13px;align-items:center;margin:10px 16px;padding:12px;border:1px solid rgba(118,192,133,.16);border-radius:12px;background:rgba(11,38,18,.58)}.user-session-card-v4>i{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;color:#6EDC84;background:#154422;font-style:normal}.user-session-card-v4 strong{display:block;color:#E1F2E4;font-size:.75rem}.user-session-card-v4 p{margin:3px 0 0;color:#7BA083;font-size:.64rem}.user-session-card-v4 p span{color:#69DA7F}.user-session-card-v4 button{padding:7px 9px;border:1px solid rgba(255,111,139,.23);border-radius:8px;color:#ff9aae;background:rgba(103,22,50,.14);font-size:.63rem;font-weight:850;cursor:pointer}.user-event-list-v4{padding:9px 18px 15px}.user-event-v4{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(118,192,133,.11)}.user-event-v4:last-child{border-bottom:0}.user-event-v4>i{width:7px;height:7px;border-radius:50%;background:#6BDD82;box-shadow:0 0 10px rgba(107,221,130,.45)}.user-event-v4 strong{display:block;color:#DEF0E1;font-size:.72rem}.user-event-v4 p{margin:2px 0 0;color:#769B7E;font-size:.62rem}.user-event-v4 time{color:#779B7E;font:700 .58rem var(--font-mono)}.user-loading-v4{display:grid;place-items:center;min-height:90px;color:#81A388;font-size:.72rem}
.user-preference-list-v4{display:grid;gap:0;padding:4px 18px 12px}.user-preference-list-v4>article{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:13px;align-items:center;padding:14px 0;border-bottom:1px solid rgba(118,192,133,.13)}.user-preference-list-v4>article:last-child{border-bottom:0}.user-pref-icon-v4{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;color:#6EDE84;background:rgba(25,90,38,.34);font-weight:900}.user-preference-list-v4 strong{color:#E5F4E8;font-size:.78rem}.user-preference-list-v4 p{margin:3px 0 0;color:#81A388;font-size:.67rem}.user-pref-toggle-v4{display:flex;align-items:center;gap:8px;padding:7px 9px;border:1px solid rgba(120,189,134,.19);border-radius:10px;color:#7A9E81;background:rgba(11,38,18,.7);font-size:.61rem;font-weight:850;cursor:pointer}.user-pref-toggle-v4 i{position:relative;width:29px;height:16px;border-radius:999px;background:#33553A}.user-pref-toggle-v4 i:after{content:"";position:absolute;top:3px;left:3px;width:10px;height:10px;border-radius:50%;background:#ACC6B1;transition:.2s}.user-pref-toggle-v4.on{color:#95E9A6;border-color:rgba(98,216,122,.3);background:rgba(29,86,41,.17)}.user-pref-toggle-v4.on i{background:#42BD5A}.user-pref-toggle-v4.on i:after{transform:translateX(13px);background:white}.user-preference-columns-v4,.user-plan-columns-v4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}.user-channel-list-v4{display:grid;gap:9px;padding:16px}.user-channel-list-v4 button{display:grid;grid-template-columns:32px 1fr;gap:11px;align-items:center;padding:11px;border:1px solid rgba(118,192,133,.16);border-radius:11px;color:#7A9D81;text-align:left;background:rgba(9,36,17,.56);cursor:pointer}.user-channel-list-v4 button>i{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;color:#6D9174;background:#1A3B23;font-style:normal}.user-channel-list-v4 button.on{border-color:rgba(98,216,122,.3);color:#E1F9E6}.user-channel-list-v4 button.on>i{color:#0A1C0F;background:#66D67C}.user-channel-list-v4 strong,.user-channel-list-v4 small{display:block}.user-channel-list-v4 strong{font-size:.72rem}.user-channel-list-v4 small{margin-top:3px;color:#789C7F;font-size:.62rem}.user-summary-time-v4{display:grid;gap:8px;padding:20px}.user-preferences-footer-v4{margin-top:14px;border:1px solid var(--user-line);border-radius:14px;background:rgba(11,39,19,.82)}
.user-plan-hero-v4{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:14px;padding:20px 22px;border:1px solid rgba(109,226,132,.24);border-radius:18px;background:radial-gradient(circle at 76% 0,rgba(87,211,112,.22),transparent 38%),linear-gradient(125deg,rgba(16,57,28,.96),rgba(16,57,24,.96))}.user-plan-hero-v4 h3{margin:5px 0;color:#fff;font-size:1.45rem}.user-plan-hero-v4 p{margin:0;color:#90B297;font-size:.75rem}.user-usage-grid-v4{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:16px}.user-usage-card-v4{padding:13px;border:1px solid rgba(117,192,132,.16);border-radius:12px;background:rgba(9,36,17,.58)}.user-usage-card-v4>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.user-usage-card-v4 span{color:#83A78A;font-size:.65rem}.user-usage-card-v4 b{color:#E4F4E7;font:750 .86rem var(--font-display)}.user-usage-card-v4>i{display:block;height:4px;margin:10px 0 7px;overflow:hidden;border-radius:9px;background:#1B3D25}.user-usage-card-v4>i em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#63DC7B,#76f68f)}.user-usage-card-v4 small{color:#73977A;font-size:.58rem}.user-permission-grid-v4{display:flex;flex-wrap:wrap;gap:8px;padding:16px}.user-permission-grid-v4 span,.user-plan-scope-v4 div span{padding:7px 9px;border:1px solid rgba(98,214,121,.23);border-radius:8px;color:#92E0A2;background:rgba(27,80,38,.15);font-size:.64rem;font-weight:800}.user-permission-grid-v4 span.off{color:#7E9F85;border-color:rgba(117,182,130,.16);background:rgba(21,51,29,.4)}.user-plan-scope-v4{padding:17px}.user-plan-scope-v4>strong{display:block;margin-bottom:9px;color:#C0DAC5;font-size:.68rem}.user-plan-scope-v4>div{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:17px}.user-plan-scope-v4 p{margin:0;color:#84A78B;font-size:.68rem;line-height:1.65}
.user-password-overlay-v4{position:fixed;inset:0;z-index:12000;display:grid;place-items:center;padding:20px;background:rgba(3,17,7,.8);backdrop-filter:blur(16px)}.user-password-modal-v4{width:min(520px,100%);overflow:hidden;border:1px solid rgba(111,220,133,.3);border-radius:22px;background:radial-gradient(circle at 100% 0,rgba(77,203,102,.22),transparent 38%),#0C2914;box-shadow:0 35px 110px rgba(0,0,0,.62)}.user-password-modal-v4>header{display:flex;justify-content:space-between;gap:18px;padding:22px;border-bottom:1px solid var(--user-line)}.user-password-modal-v4 h3{margin:5px 0;color:#fff}.user-password-modal-v4 p{margin:0;color:#8AAB91;font-size:.7rem}.user-password-modal-v4>header button{width:34px;height:34px;border:1px solid var(--user-line);border-radius:10px;color:#ACC7B1;background:#13361D;cursor:pointer}.user-password-fields-v4{display:grid;gap:13px;padding:20px}.user-password-fields-v4 label{display:grid;gap:7px;color:#BBD6C0;font-size:.7rem;font-weight:800}.user-password-strength-v4{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.user-password-strength-v4 i{height:3px;border-radius:4px;background:#23452A}.user-password-strength-v4[data-strength="1"] i:nth-child(-n+1),.user-password-strength-v4[data-strength="2"] i:nth-child(-n+2),.user-password-strength-v4[data-strength="3"] i:nth-child(-n+3),.user-password-strength-v4[data-strength="4"] i{background:linear-gradient(90deg,#6CDD82,#7af793)}.user-password-modal-v4>footer{display:flex;justify-content:flex-end;gap:9px;padding:15px 20px;border-top:1px solid var(--user-line)}.user-password-feedback-v4{min-height:18px!important;padding:0 2px;color:#ff9dae!important;font-size:.72rem!important;font-weight:750}.user-password-feedback-v4:empty{min-height:0}.user-password-feedback-v4[data-state="loading"]{color:#7EE092!important}.user-password-feedback-v4[data-state="success"]{color:#6FE286!important}
.user-password-gate-active{overflow:hidden}.user-password-overlay-v4.required{background:radial-gradient(circle at 50% 38%,rgba(46,157,68,.22),transparent 35%),rgba(3,17,7,.94);backdrop-filter:blur(23px)}.user-password-overlay-v4.required .user-password-modal-v4{border-color:rgba(108,221,130,.48);box-shadow:0 35px 120px rgba(0,0,0,.72),0 0 55px rgba(108,221,130,.08)}.user-password-required-note{align-self:center;margin-right:auto;color:#7CD58E;font:750 .58rem var(--font-mono);letter-spacing:.07em;text-transform:uppercase}

.auth-provider-state-group{display:grid;justify-items:end;gap:7px}.auth-provider-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.auth-provider-actions .btn{min-height:45px}.auth-validation-list article.deferred{border-color:rgba(137,186,147,.2);background:rgba(49,87,56,.12)}.auth-validation-list article.deferred>b,.auth-validation-list article.deferred em{color:#ACCDB3}.account-delivery-email-field{grid-column:1/-1}.account-delivery-email-field input{border-color:rgba(103,223,127,.28);background:linear-gradient(120deg,rgba(5,32,13,.88),rgba(14,50,21,.82))}.account-invitation-status.not-requested{border-color:rgba(137,186,147,.2);background:rgba(49,87,56,.11)}.account-invitation-status.not-requested .account-invitation-icon{color:#ACCDB3;background:rgba(137,186,147,.1)}
@media(max-width:760px){.auth-provider-state-group{grid-column:1/-1;justify-items:start}.auth-provider-actions{width:100%;align-items:stretch;flex-direction:column}.auth-provider-actions>*{width:100%}}
@media(max-width:920px){.user-identity-v4{grid-template-columns:1fr}.user-protection-v4{padding:15px 0 0;border-left:0;border-top:1px solid var(--user-line)}.user-security-grid-v4,.user-preference-columns-v4,.user-plan-columns-v4{grid-template-columns:1fr}.user-usage-grid-v4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.user-header-v4,.user-plan-hero-v4,.user-section-v4>header{align-items:stretch;flex-direction:column}.user-account-state-v4{align-self:flex-start}.user-identity-v4{padding:18px}.user-identity-main-v4{align-items:flex-start}.user-tabs-v4{display:flex;overflow-x:auto}.user-tabs-v4 button{flex:0 0 auto;padding:0 14px}.user-form-v4,.user-usage-grid-v4{grid-template-columns:1fr}.user-edit-footer-v4,.user-preferences-footer-v4{align-items:stretch;flex-direction:column}.user-edit-footer-v4>div{display:grid;grid-template-columns:1fr}.user-primary-action-v4{width:100%}.user-security-check-v4{grid-template-columns:32px 1fr}.user-security-check-v4>b{grid-column:2}.user-methods-v4>article,.user-session-card-v4{grid-template-columns:38px 1fr}.user-methods-v4>article>button,.user-methods-v4>article>#account-google-slot,.user-session-card-v4>button{grid-column:2;justify-self:start}.user-preference-list-v4>article{grid-template-columns:38px 1fr}.user-pref-toggle-v4{grid-column:2;justify-self:start}.user-event-v4{grid-template-columns:8px 1fr}.user-event-v4 time{grid-column:2}}
/* Escolha explícita da origem de IA: o estado ativo deve ser reconhecível sem depender apenas da cor. */
.ai-source-choice { min-height: 76px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 5px; text-align: left; }
.ai-source-choice strong { font-size: 15px; }
.ai-source-choice small { opacity: .82; font-size: 12px; }
.ai-source-choice.active { outline: 2px solid var(--cyan, #60DE79); outline-offset: 2px; box-shadow: 0 0 24px rgba(96,222,121,.18); }

.ai-source-card { overflow: hidden; background: linear-gradient(135deg, rgba(12,40,20,.98), rgba(14,37,21,.98)); border-color: rgba(85,206,109,.22); }
.ai-source-layout { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 34px; padding: 25px 28px; }
.ai-source-copy { min-width: 0; }
.ai-source-kicker { display: flex; align-items: center; gap: 8px; color: #7DDD90; font: 700 10px/1.2 var(--font-mono); letter-spacing: .16em; }
.ai-source-kicker i { width: 7px; height: 7px; border-radius: 50%; background: #6CDD82; box-shadow: 0 0 12px rgba(108,221,130,.7); }
.ai-source-copy h3 { margin: 8px 0 5px; color: #F8FEF9; font-size: 19px; }
.ai-source-copy > p { margin: 0; color: #9FC2A6; font-size: 13px; }
.ai-source-meta { display: flex; align-items: center; gap: 9px; margin-top: 13px; }
.ai-source-meta span { padding: 5px 9px; border: 1px solid rgba(133,175,141,.22); border-radius: 999px; color: #92B298; font: 700 10px/1 var(--font-mono); text-transform: uppercase; letter-spacing: .08em; }
.ai-source-meta span.ready { color: #70DD86; border-color: rgba(85,207,109,.32); background: rgba(32,119,50,.11); }
.ai-source-meta small { color: #7A9C81; font-size: 11px; }
.ai-source-control { width: min(100%, 500px); }
.ai-source-switch { position: relative; display: grid; grid-template-columns: 1fr 1fr; width: 470px; max-width: 100%; padding: 5px; border: 1px solid rgba(117,164,126,.24); border-radius: 17px; background: rgba(5,22,10,.72); box-shadow: inset 0 1px 0 rgba(255,255,255,.025); }
.ai-source-switch > i { position: absolute; z-index: 0; top: 5px; bottom: 5px; left: 5px; width: calc(50% - 5px); border: 1px solid rgba(96,213,119,.42); border-radius: 12px; background: linear-gradient(135deg, rgba(31,97,44,.74), rgba(47,94,56,.68)); box-shadow: 0 0 18px rgba(65,186,89,.13); transition: transform .28s cubic-bezier(.22,.8,.25,1); }
.ai-source-switch.personal > i { transform: translateX(100%); border-color: rgba(149,185,156,.3); background: rgba(31,61,37,.88); box-shadow: none; }
.ai-source-switch button { position: relative; z-index: 1; min-width: 0; padding: 12px 16px; border: 0; border-radius: 12px; color: #82A389; background: transparent; text-align: left; cursor: pointer; transition: color .2s ease; }
.ai-source-switch button strong,.ai-source-switch button small { display: block; }
.ai-source-switch button strong { font-size: 13px; color: inherit; }
.ai-source-switch button small { margin-top: 3px; color: inherit; opacity: .7; font-size: 10px; }
.ai-source-switch button.active { color: #F6FEF7; }
.ai-source-switch button:disabled { cursor: not-allowed; opacity: .42; }
.ai-source-control > p { margin: 9px 5px 0; color: #7B9E82; font-size: 11px; text-align: center; }
@media (max-width: 900px) { .ai-source-layout { grid-template-columns: 1fr; gap: 20px; } .ai-source-control,.ai-source-switch { width: 100%; } }

/* ===== Central de criação de contas ===== */
.modal.modal-context-novo-cliente .modal-card,.modal.modal-context-novo-trial .modal-card,.modal.modal-context-nova-conta-ativa .modal-card{width:min(96vw,1180px);max-height:94vh;border-color:rgba(101,222,125,.25);border-radius:26px;background:linear-gradient(145deg,rgba(9,35,16,.985),rgba(16,56,24,.985));box-shadow:0 45px 140px rgba(0,0,0,.7),0 0 70px rgba(82,202,106,.07)}
.modal.modal-context-novo-cliente .modal-card:before,.modal.modal-context-novo-trial .modal-card:before,.modal.modal-context-nova-conta-ativa .modal-card:before{background:linear-gradient(115deg,transparent 8%,rgba(103,223,127,.7),rgba(105,228,130,.6),rgba(255,119,143,.5),transparent 92%);opacity:.52}
.modal.modal-context-novo-cliente .modal-card>header,.modal.modal-context-novo-trial .modal-card>header,.modal.modal-context-nova-conta-ativa .modal-card>header{min-height:68px;padding:17px 22px;border-color:rgba(118,198,134,.14);background:rgba(8,33,15,.82);backdrop-filter:blur(20px)}
.modal.modal-context-novo-cliente .modal-card>header h3,.modal.modal-context-novo-trial .modal-card>header h3,.modal.modal-context-nova-conta-ativa .modal-card>header h3{color:#F0FEF3;font-size:1rem}.modal.modal-context-novo-cliente .modal-body,.modal.modal-context-novo-trial .modal-body,.modal.modal-context-nova-conta-ativa .modal-body{padding:0;background:radial-gradient(circle at 90% 0,rgba(75,203,101,.11),transparent 28%),radial-gradient(circle at 5% 95%,rgba(57,186,83,.08),transparent 30%)}
.account-command-center{padding:24px}.account-command-hero{position:relative;display:grid;grid-template-columns:76px 1fr auto;align-items:center;gap:20px;padding:23px 25px;overflow:hidden;border:1px solid rgba(103,223,127,.18);border-radius:20px;background:linear-gradient(125deg,rgba(15,57,27,.78),rgba(22,74,32,.74))}.account-command-hero:after{content:"";position:absolute;right:-70px;top:-120px;width:270px;height:270px;border:1px solid rgba(109,220,131,.18);border-radius:50%;box-shadow:0 0 0 35px rgba(109,220,131,.04),0 0 0 70px rgba(103,223,127,.025)}
.account-command-orbit{position:relative;width:66px;height:66px;display:grid;place-items:center;border:1px solid rgba(104,229,129,.4);border-radius:50%;background:radial-gradient(circle,#031107 30%,#144221 32%,#0C2A14 58%,transparent 60%);box-shadow:0 0 28px rgba(90,214,115,.17)}.account-command-orbit:before{content:"";position:absolute;width:83px;height:15px;border-radius:50%;border-top:3px solid #73E389;border-bottom:2px solid #7cf795;transform:rotate(-12deg);filter:drop-shadow(0 0 7px #71E087)}.account-command-orbit i{width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 10px #fff;animation:accountStar 1.8s ease-in-out infinite}
.account-command-hero small,.account-catalog-heading small,.account-builder-intro small,.account-created-cosmos>small{color:#6EDE84;font:800 .61rem var(--font-mono);letter-spacing:.14em}.account-command-hero h2,.account-builder-intro h2,.account-created-cosmos h2{margin:5px 0 6px;color:#F7FEF8;font:800 1.55rem var(--font-display);letter-spacing:-.025em}.account-command-hero p,.account-builder-intro p,.account-created-cosmos p{margin:0;color:#94B89B;font-size:.76rem;line-height:1.55}.account-command-hero aside{position:relative;z-index:1;display:grid;gap:7px}.account-command-hero aside span{color:#A2C6A9;font-size:.65rem}.account-command-hero aside span:First-letter{color:#6DDE83}
.account-launch-options{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:15px}.account-launch-card{display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:14px;min-height:112px;padding:18px;border:1px solid rgba(118,198,134,.16);border-radius:18px;color:inherit;background:rgba(9,32,16,.65);text-align:left;cursor:pointer;transition:.24s ease}.account-launch-card:hover{transform:translateY(-3px);border-color:rgba(103,223,127,.45);box-shadow:0 18px 45px rgba(0,0,0,.25)}.account-launch-card.trial{background:linear-gradient(120deg,rgba(11,48,21,.75),rgba(18,62,27,.7))}.account-launch-card.active{background:linear-gradient(120deg,rgba(21,72,31,.76),rgba(20,71,30,.67))}.account-launch-icon{width:52px;height:52px;display:grid;place-items:center;border:1px solid rgba(103,223,127,.3);border-radius:15px;color:#71E688;background:rgba(65,179,88,.1);font-size:1.35rem}.account-launch-card.active .account-launch-icon{border-color:rgba(131,247,154,.35);color:#a6f9b6;background:rgba(76,203,101,.1)}.account-launch-card small{color:#79DC8D;font:800 .57rem var(--font-mono);letter-spacing:.1em}.account-launch-card strong{display:block;margin-top:4px;color:#F4FEF6;font-size:.95rem}.account-launch-card p{margin:5px 0 0;color:#85AA8D;font-size:.67rem;line-height:1.45}.account-launch-card>i{color:#7AE48F;font-style:normal;font-size:1.1rem}
.account-catalog-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:23px 2px 11px}.account-catalog-heading h3{margin:4px 0 0;color:#EAFAED;font-size:.9rem}.account-catalog-heading>span{color:#73977A;font-size:.63rem}.account-plan-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.account-plan-card{display:flex;flex-direction:column;min-width:0;padding:15px;border:1px solid rgba(119,199,135,.14);border-radius:16px;background:linear-gradient(145deg,rgba(17,50,26,.8),rgba(13,46,20,.76));transition:.2s}.account-plan-card>header{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;min-height:0!important;padding:0!important;border:0!important;background:transparent!important}.account-plan-card header small{color:#6F9376;font:800 .52rem var(--font-mono);letter-spacing:.11em}.account-plan-card header strong{display:block;margin-top:3px;color:#F4FEF6;font-size:1.02rem}.account-plan-card header>b{color:#72E088;font-size:.68rem}.account-plan-card>p{min-height:34px;margin:10px 0;color:#82A78A;font-size:.61rem;line-height:1.45}.account-plan-metrics{display:grid;grid-template-columns:repeat(3,1fr);padding:10px 0;border-top:1px solid rgba(119,199,135,.1);border-bottom:1px solid rgba(119,199,135,.1)}.account-plan-metrics span{padding:0 7px;border-left:1px solid rgba(119,199,135,.1)}.account-plan-metrics span:first-child{padding-left:0;border:0}.account-plan-metrics b,.account-plan-metrics small{display:block}.account-plan-metrics b{overflow:hidden;color:#E8F9EB;font-size:.7rem;text-overflow:ellipsis}.account-plan-metrics small{margin-top:2px;color:#64896C;font-size:.49rem}.account-plan-card ul{display:grid;gap:5px;margin:10px 0 0;padding:0;list-style:none}.account-plan-card li{overflow:hidden;color:#8CAE93;font-size:.56rem;text-overflow:ellipsis;white-space:nowrap}.account-plan-card li i{margin-right:6px;color:#6BDD82;font-style:normal}.account-plan-card footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:11px;color:#81A588;font-size:.6rem}.account-plan-card footer i{color:#72E088;font-style:normal}.account-plan-catalog.is-selectable{grid-template-columns:1fr}.account-plan-catalog.is-selectable .account-plan-card{cursor:pointer}.account-plan-catalog.is-selectable .account-plan-card:hover,.account-plan-catalog.is-selectable .account-plan-card.selected{border-color:rgba(104,227,128,.55);background:linear-gradient(140deg,rgba(17,62,30,.88),rgba(23,81,35,.84));box-shadow:0 13px 35px rgba(26,98,40,.12)}.account-plan-catalog.is-selectable .account-plan-card.selected footer{color:#6EDF84}.account-plans-loading{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:10px;min-height:150px;border:1px dashed rgba(118,198,134,.18);border-radius:16px;color:#7B9F82;font-size:.68rem}.account-plans-loading i{width:14px;height:14px;border:2px solid rgba(103,223,127,.2);border-top-color:#67E07F;border-radius:50%;animation:accountSpin .8s linear infinite}
.account-builder{padding:20px}.account-builder-intro{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:19px 21px;border:1px solid rgba(103,223,127,.17);border-radius:18px;background:linear-gradient(120deg,rgba(13,52,24,.75),rgba(21,73,31,.68))}.account-builder-intro>button{align-self:start;padding:8px 10px;border:1px solid rgba(118,198,134,.16);border-radius:9px;color:#94B79B;background:rgba(7,28,13,.5);font-size:.61rem;cursor:pointer}.account-builder-intro>button:hover{border-color:rgba(103,223,127,.4);color:#DEFCE4}.account-builder-status{display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid rgba(103,220,126,.2);border-radius:999px;color:#8AD699;background:rgba(56,146,74,.08);font-size:.57rem;white-space:nowrap}.account-builder-status i{width:7px;height:7px;border-radius:50%;background:#6DDE83;box-shadow:0 0 10px #6DDE83}.account-builder-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:14px;margin-top:14px}.account-builder-fields,.account-builder-summary{padding:18px;border:1px solid rgba(118,198,134,.14);border-radius:18px;background:rgba(7,29,13,.5)}.account-section-label{display:flex;align-items:center;gap:10px;margin-bottom:13px}.account-section-label>span{width:29px;height:29px;display:grid;place-items:center;border:1px solid rgba(103,223,127,.23);border-radius:9px;color:#6DDE83;background:rgba(59,160,79,.08);font:800 .57rem var(--font-mono)}.account-section-label b,.account-section-label small{display:block}.account-section-label b{color:#EAF9ED;font-size:.75rem}.account-section-label small{margin-top:2px;color:#668B6E;font-size:.55rem}.account-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:19px}.account-field{display:block}.account-field>span{display:block;margin:0 0 7px 2px;color:#86A98D;font:750 .58rem var(--font-mono);letter-spacing:.07em}.account-field>span em{color:#5C8164;font-style:normal;font-weight:500}.account-field input{width:100%;height:43px;padding:0 12px;border:1px solid rgba(118,198,134,.18);border-radius:11px;outline:0;color:#EBFAEE;background:rgba(5,23,10,.76);font:650 .72rem Inter,sans-serif}.account-field input:focus{border-color:rgba(103,223,127,.6);box-shadow:0 0 0 3px rgba(103,223,127,.06)}.account-email-field>div,.account-password-field>div{display:flex}.account-email-field>div input{border-radius:11px 0 0 11px}.account-email-field>div b{display:flex;align-items:center;padding:0 12px;border:1px solid rgba(103,223,127,.25);border-left:0;border-radius:0 11px 11px 0;color:#85DF97;background:rgba(43,121,59,.11);font-size:.68rem;white-space:nowrap}.account-password-field>div input{border-radius:11px 0 0 11px}.account-password-field>div button{width:43px;border:1px solid rgba(118,198,134,.18);border-left:0;border-radius:0 11px 11px 0;color:#76DF8B;background:rgba(49,112,62,.12);cursor:pointer}.account-field>small{display:block;margin:6px 2px 0;color:#5C8063;font-size:.51rem}.account-duration-picker{display:grid;grid-template-columns:repeat(6,1fr) 1.3fr;gap:7px}.account-duration-picker>button,.account-duration-picker>label{min-height:53px;border:1px solid rgba(118,198,134,.15);border-radius:11px;color:#85A78C;background:rgba(8,30,14,.7);cursor:pointer}.account-duration-picker>button b,.account-duration-picker>button span{display:block}.account-duration-picker>button b{color:#E1F4E5;font-size:.82rem}.account-duration-picker>button span{margin-top:2px;font-size:.51rem}.account-duration-picker>button:hover,.account-duration-picker>button.selected{border-color:rgba(103,223,127,.55);color:#78E08D;background:linear-gradient(140deg,rgba(22,78,33,.65),rgba(29,101,44,.55))}.account-duration-picker>label{display:grid;grid-template-columns:auto 1fr;align-items:center;padding:0 8px}.account-duration-picker label span{font-size:.51rem}.account-duration-picker input{min-width:0;width:100%;border:0;outline:0;color:#ECFDEF;background:transparent;text-align:right;font-size:.7rem}.account-timer-note{display:flex;gap:10px;margin-top:9px;padding:10px 12px;border:1px solid rgba(103,223,127,.1);border-radius:11px;background:rgba(48,138,66,.04)}.account-timer-note>i{color:#70DE86;font-style:normal}.account-timer-note b,.account-timer-note span{display:block}.account-timer-note b{color:#ADD5B5;font-size:.61rem}.account-timer-note span{margin-top:2px;color:#688C6F;font-size:.53rem}.account-builder-summary{display:flex;flex-direction:column}.account-builder-summary .account-plan-card>p,.account-builder-summary .account-plan-card ul{display:none}.account-create-summary{margin-top:12px;padding:13px;border:1px solid rgba(104,227,128,.11);border-radius:14px;background:rgba(12,40,20,.66)}.account-create-summary>span{color:#70DE86;font:800 .53rem var(--font-mono);letter-spacing:.1em}.account-create-summary ul{display:grid;gap:8px;margin:10px 0 13px;padding:0;list-style:none}.account-create-summary li{display:grid;grid-template-columns:17px 1fr;column-gap:4px}.account-create-summary li i{grid-row:1/3;color:#6ADE81;font-style:normal}.account-create-summary li b,.account-create-summary li small{display:block}.account-create-summary li b{color:#BFDAC5;font-size:.6rem}.account-create-summary li small{margin-top:2px;color:#628769;font-size:.5rem}.account-create-summary>p{min-height:15px;margin:8px 2px 0;color:#ff92a7;font-size:.58rem}.account-blackhole-button{position:relative;width:100%;min-height:60px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:8px 13px;border:1px solid rgba(103,223,127,.58);border-radius:15px;overflow:hidden;color:#F3FEF5;background:linear-gradient(105deg,rgba(13,62,27,.95),rgba(36,123,53,.95));cursor:pointer;box-shadow:0 12px 28px rgba(39,130,57,.14)}.account-blackhole-button:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);transform:translateX(-110%)}.account-blackhole-button:hover:before{animation:accountBeam .75s ease}.account-blackhole{position:relative;width:38px;height:38px;border-radius:50%;background:#030D06;box-shadow:inset 0 0 0 1px rgba(116,234,140,.6),0 0 14px rgba(96,220,121,.22)}.account-blackhole:after{content:"";position:absolute;left:-4px;top:15px;width:46px;height:8px;border-radius:50%;border-top:2px solid #6FE386;border-bottom:2px solid #70f68b;transform:rotate(-8deg);filter:drop-shadow(0 0 5px #71DF87);animation:accountDisk 3s linear infinite}.account-blackhole-button div{text-align:left}.account-blackhole-button small,.account-blackhole-button strong{display:block}.account-blackhole-button small{color:#79D68C;font:750 .48rem var(--font-mono);letter-spacing:.09em}.account-blackhole-button strong{margin-top:3px;font-size:.7rem}.account-blackhole-button>b{color:#82E696}.account-blackhole-button:disabled{cursor:wait;opacity:.72}.account-blackhole-button.is-loading .account-blackhole:after{animation-duration:.45s}
.account-created{padding:23px}.account-created-cosmos{position:relative;padding:25px 25px 25px 100px;overflow:hidden;border:1px solid rgba(103,223,127,.2);border-radius:19px;background:linear-gradient(120deg,rgba(12,57,25,.82),rgba(24,83,36,.78))}.account-created-orbit{position:absolute;left:24px;top:24px;width:58px;height:58px;border-radius:50%;background:#031007;box-shadow:inset 0 0 0 1px rgba(106,227,130,.45),0 0 23px rgba(88,209,112,.18)}.account-created-orbit:after{content:"";position:absolute;left:-8px;top:23px;width:74px;height:11px;border-radius:50%;border-top:3px solid #6EE385;border-bottom:2px solid #ff779a;transform:rotate(-10deg);filter:drop-shadow(0 0 7px #70DE86)}.account-created-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:13px;margin-top:13px}.account-credential-card,.account-message-card{padding:17px;border:1px solid rgba(118,198,134,.14);border-radius:17px;background:rgba(7,29,13,.64)}.account-credential-card header,.account-message-card header{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:0!important;padding:0 0 12px!important;border:0!important;border-bottom:1px solid rgba(118,198,134,.1)!important;background:transparent!important}.account-credential-card header span,.account-message-card header small{color:#70DE86;font:800 .55rem var(--font-mono);letter-spacing:.1em}.account-credential-card header b{padding:5px 7px;border-radius:7px;color:#c4fbcf;background:rgba(84,206,109,.13);font-size:.54rem}.account-credential-card dl{margin:11px 0}.account-credential-card dl>div{display:grid;grid-template-columns:105px 1fr;gap:10px;padding:8px 0;border-bottom:1px solid rgba(118,198,134,.07)}.account-credential-card dt{color:#688C6F;font-size:.57rem}.account-credential-card dd{overflow-wrap:anywhere;color:#E1F3E4;font-size:.65rem;font-weight:700}.account-credential-card dd a{color:#78E08D;text-decoration:none}.account-credential-card>small{color:#68896F;font-size:.51rem}.account-message-card header strong{display:block;margin-top:3px;color:#EDFCF0;font-size:.75rem}.account-message-card header>span{color:#70DE86;font-size:.57rem}.account-message-card pre{min-height:220px;margin:13px 0;padding:14px;overflow:auto;border:1px solid rgba(118,198,134,.12);border-radius:12px;color:#BBD8C1;background:rgba(4,20,8,.76);font:500 .61rem/1.6 var(--font-mono);white-space:pre-wrap}.account-message-card>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.account-message-card button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:1px solid rgba(103,223,127,.25);border-radius:11px;color:#E1FCE7;background:rgba(42,119,58,.11);font-size:.61rem;cursor:pointer}.account-message-card button:last-child{border-color:rgba(116,215,136,.25);color:#dffde5;background:rgba(45,155,67,.12)}.account-message-card button:hover,.account-message-card button.copied{border-color:#6DDF84;background:rgba(60,158,80,.17)}.account-created-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:13px}.account-created-actions button{min-height:42px;padding:0 15px;border:1px solid rgba(118,198,134,.17);border-radius:11px;color:#9DBCA3;background:rgba(9,30,15,.55);font-size:.61rem;cursor:pointer}.account-created-actions button:last-child{border-color:rgba(103,223,127,.38);color:#EBFDEE;background:linear-gradient(105deg,rgba(20,81,32,.7),rgba(39,134,58,.72))}
/* Relatórios: a API atual consolida somente 30 dias. Os demais períodos ficam
   visualmente indisponíveis para não sugerirem um filtro que não existe. */
.reports-period-control{display:grid;justify-items:end;gap:6px}.reports-period-control>small{color:#759A7D;font:650 .58rem var(--font-mono);letter-spacing:.045em}.reports-period-control .panel-tab:disabled{cursor:not-allowed;opacity:.34;filter:saturate(.35)}.reports-period-control .panel-tab:disabled:hover{color:inherit;background:transparent}.reports-period-control .panel-tab.active{cursor:default}

/* Estado de entrega do convite criado junto da conta. */
.account-invitation-status{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;margin-top:13px;padding:14px 16px;border:1px solid rgba(255,178,86,.25);border-radius:15px;background:rgba(83,52,19,.13)}.account-invitation-status.delivered{border-color:rgba(103,223,127,.3);background:rgba(28,86,39,.13)}.account-invitation-status.preview{border-color:rgba(123,244,147,.28);background:rgba(33,104,47,.14)}.account-invitation-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;color:#ffd087;background:rgba(255,178,86,.11);font-weight:900}.account-invitation-status.delivered .account-invitation-icon{color:#73E189;background:rgba(103,223,127,.11)}.account-invitation-status.preview .account-invitation-icon{color:#93F6A7;background:rgba(123,244,147,.11)}.account-invitation-status small{display:block;color:#82A489;font:800 .53rem var(--font-mono);letter-spacing:.11em}.account-invitation-status strong{display:block;margin-top:3px;color:#EBFBEE;font-size:.72rem}.account-invitation-status p{margin:4px 0 0;color:#8CAC92;font-size:.61rem;line-height:1.45}.account-invitation-status aside{display:grid;justify-items:end;gap:7px}.account-invitation-status aside a{color:#8AD699;font-size:.58rem;text-decoration:none}.account-invitation-status aside button{min-height:36px;padding:0 12px;border:1px solid rgba(103,223,127,.3);border-radius:10px;color:#EBFDEE;background:rgba(33,102,47,.15);font-size:.58rem;font-weight:800;cursor:pointer}.account-invitation-status aside button:hover{border-color:#6DDF84;background:rgba(55,143,73,.2)}.account-invitation-status aside button:disabled{cursor:wait;opacity:.55}.account-invitation-status aside>span{color:#7B9B81;font-size:.55rem}

@keyframes accountSpin{to{transform:rotate(360deg)}}@keyframes accountStar{50%{opacity:.3;transform:scale(.6)}}@keyframes accountBeam{to{transform:translateX(110%)}}@keyframes accountDisk{to{transform:rotate(352deg)}}
@media(max-width:980px){.account-command-hero{grid-template-columns:66px 1fr}.account-command-hero aside{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.account-plan-catalog{grid-template-columns:1fr}.account-builder-grid,.account-created-grid{grid-template-columns:1fr}.account-builder-summary .account-plan-catalog{grid-template-columns:repeat(3,1fr)}.account-builder-summary .account-plan-metrics{display:none}}
@media(max-width:720px){.modal.modal-context-novo-cliente .modal-card,.modal.modal-context-novo-trial .modal-card,.modal.modal-context-nova-conta-ativa .modal-card{width:100vw;max-height:100vh;height:100vh;border-radius:0}.account-command-center,.account-builder,.account-created{padding:14px}.account-command-hero{grid-template-columns:52px 1fr;padding:17px}.account-command-orbit{width:48px;height:48px}.account-command-orbit:before{width:60px}.account-command-hero h2,.account-builder-intro h2,.account-created-cosmos h2{font-size:1.15rem}.account-command-hero aside{grid-template-columns:1fr}.account-launch-options{grid-template-columns:1fr}.account-catalog-heading{align-items:flex-start;flex-direction:column}.account-builder-intro{grid-template-columns:1fr}.account-builder-intro>button{width:max-content}.account-builder-status{width:max-content}.account-field-grid{grid-template-columns:1fr}.account-duration-picker{grid-template-columns:repeat(3,1fr)}.account-duration-picker>label{grid-column:span 3}.account-builder-summary .account-plan-catalog{grid-template-columns:1fr}.account-created-cosmos{padding:88px 18px 18px}.account-created-orbit{left:18px;top:18px}.account-message-card>div,.account-created-actions{grid-template-columns:1fr;flex-direction:column}.account-created-actions button{width:100%}}
@media(max-width:720px){.reports-period-control{justify-items:start}.account-invitation-status{grid-template-columns:auto 1fr}.account-invitation-status aside{grid-column:1/-1;width:100%;justify-items:stretch}.account-invitation-status aside button{text-align:center}}
.account-password-field>div button{border-radius:0}.account-password-field>div button:last-child{border-radius:0 11px 11px 0}

/* --------------------------------------------------------------------------
   Central de clientes v2 — compacta, legível e segura para operação diária
   -------------------------------------------------------------------------- */
.client-control-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:center;padding:24px 28px;margin-bottom:16px;border:1px solid rgba(112,220,134,.25);border-radius:24px;background:linear-gradient(115deg,rgba(23,71,33,.94),rgba(21,73,31,.9));box-shadow:0 18px 52px rgba(5,28,12,.28)}
.client-control-hero .eyebrow,.client-section-title small,.client-manager-hero-v2 .eyebrow{color:#72DD87;font:800 .58rem var(--font-mono);letter-spacing:.18em;text-transform:uppercase}
.client-control-hero h1{max-width:760px;margin:8px 0 7px;font-size:clamp(1.65rem,3vw,2.7rem);line-height:1.04}
.client-control-hero p{max-width:680px;margin:0;color:var(--text-400);font-size:.78rem;line-height:1.55}
.client-create-cosmic,.client-save-button{display:flex;align-items:center;gap:13px;padding:12px 16px;border:1px solid rgba(103,223,127,.45);border-radius:14px;color:#EEFEF1;background:linear-gradient(110deg,#1C5D29,#28883b);font-weight:850;cursor:pointer;transition:.2s}
.client-create-cosmic:hover,.client-save-button:hover{transform:translateY(-2px);border-color:#7EF496;box-shadow:0 8px 24px rgba(58,208,88,.2)}
.client-create-cosmic span{font-size:1.35rem;color:#7AED91}.client-create-cosmic small,.client-save-button small{display:block;color:#A4E6B1;font:800 .5rem var(--font-mono);letter-spacing:.12em}.client-create-cosmic strong,.client-save-button strong{display:block;margin-top:2px;font-size:.72rem}.client-create-cosmic i,.client-save-button i{font-style:normal;font-size:1.05rem}
.client-command-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:16px}
.client-command-metric{padding:14px 16px;border:1px solid rgba(100,173,115,.22);border-radius:16px;background:rgba(12,43,21,.72)}
.client-command-metric small{display:block;color:var(--text-500);font:700 .54rem var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.client-command-metric strong{display:block;margin-top:7px;font-size:1.35rem}.client-command-metric span{display:block;margin-top:3px;color:var(--text-500);font-size:.6rem}.client-command-metric.attention strong{color:#ffd06a}
.client-control-panel{padding:16px;border:1px solid rgba(109,183,124,.24);border-radius:20px;background:rgba(10,36,17,.76)}
.client-filter-tabs{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:13px}.client-filter-tabs button{padding:8px 11px;border:1px solid rgba(91,208,115,.28);border-radius:999px;color:var(--text-400);background:rgba(19,65,28,.45);font-size:.64rem;font-weight:800;cursor:pointer}.client-filter-tabs button.active{border-color:#7FD991;color:#fff;background:linear-gradient(105deg,#36bc51,#268138);box-shadow:0 4px 15px rgba(84,230,113,.22)}
.client-toolbar{display:grid;grid-template-columns:minmax(200px,1fr) 170px auto;gap:8px;align-items:center}.client-toolbar input,.client-toolbar select{min-height:38px;padding:0 12px;border:1px solid rgba(104,182,119,.25);border-radius:11px;color:var(--text-200);background:#092210;font-size:.68rem}.client-toolbar button{min-height:38px;padding:0 13px;border:1px solid rgba(110,215,131,.35);border-radius:11px;color:#BFF9CA;background:rgba(30,96,43,.2);font-size:.66rem;font-weight:800;cursor:pointer}.client-toolbar button:hover{background:rgba(49,129,65,.28)}
.client-list-caption{display:flex;justify-content:space-between;gap:12px;margin:15px 2px 8px;color:var(--text-500);font-size:.62rem}.client-list-caption strong{color:var(--text-300)}
.client-table-shell{overflow:hidden;border:1px solid rgba(103,181,119,.2);border-radius:15px}.client-table-head,.client-control-row{display:grid;grid-template-columns:minmax(220px,1.4fr) minmax(120px,.7fr) minmax(148px,.8fr) minmax(150px,.85fr) minmax(130px,.7fr) 145px;gap:14px;align-items:center}.client-table-head{padding:10px 15px;color:var(--text-500);background:rgba(26,62,36,.62);font:700 .5rem var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.client-control-row{min-height:79px;padding:11px 15px;border-top:1px solid rgba(99,172,114,.15);background:rgba(8,33,15,.62);transition:.18s}.client-control-row:hover{background:rgba(24,82,36,.45)}.client-identity{display:flex;align-items:center;gap:10px;min-width:0}.client-identity .client-card-avatar{flex:0 0 34px;width:34px;height:34px;border-radius:10px;font-size:.63rem}.client-identity strong,.client-identity small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-identity strong{font-size:.72rem}.client-identity small{margin-top:3px;color:var(--text-500);font-size:.57rem}.client-plan-cell strong,.client-plan-cell small,.client-milestone strong,.client-milestone small{display:block}.client-plan-cell strong,.client-milestone strong{font-size:.68rem}.client-plan-cell small,.client-milestone small{margin-top:3px;color:var(--text-500);font-size:.57rem}.client-health{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:999px;font-size:.57rem;font-weight:800;background:rgba(57,119,69,.25)}.client-health i{width:6px;height:6px;border-radius:50%;background:#8BB593}.client-health.ok{color:#7CE591;background:rgba(49,129,65,.17)}.client-health.ok i{background:#66E47F;box-shadow:0 0 8px #66E47F}.client-health.warn{color:#ffd579;background:rgba(145,95,28,.18)}.client-health.danger{color:#ff8b9b;background:rgba(132,37,73,.17)}.client-usage-cell strong{display:block;font-size:.65rem}.client-usage-cell small{color:var(--text-500);font-size:.55rem}.client-usage-bar{height:4px;margin-top:7px;overflow:hidden;border-radius:99px;background:#204427}.client-usage-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#67DF7F,#81f799)}
.client-row-actions{display:flex;justify-content:flex-end;gap:6px}.client-row-actions button{padding:7px 9px;border:1px solid rgba(110,183,125,.28);border-radius:9px;color:#CAFAD3;background:rgba(22,75,32,.55);font-size:.58rem;font-weight:800;cursor:pointer}.client-row-actions button.primary{border-color:rgba(113,221,135,.4);color:#7FE894;background:rgba(28,91,41,.2)}.client-row-actions button:hover{border-color:#8BE59D;color:#fff}
.client-table-skeleton{height:74px;margin:8px;border-radius:10px;background:linear-gradient(100deg,rgba(27,64,38,.65),rgba(36,124,54,.38),rgba(27,64,38,.65));background-size:200% 100%;animation:clientShimmer 1.3s infinite}.client-manager-empty{display:grid;place-items:center;padding:55px 18px;text-align:center;color:var(--text-400)}.client-manager-empty>span{display:grid;place-items:center;width:42px;height:42px;margin-bottom:10px;border-radius:50%;color:#97EFA9;background:rgba(88,207,112,.12);font-size:1.2rem}.client-manager-empty strong{font-size:.84rem}.client-manager-empty p{max-width:380px;margin:5px 0 15px;color:var(--text-500);font-size:.66rem;line-height:1.5}.client-manager-empty button{padding:9px 13px;border:1px solid rgba(113,221,135,.4);border-radius:10px;color:#ADF8BC;background:rgba(38,106,51,.25);font-weight:800;cursor:pointer}
.drawer.client-manager-drawer .drawer-card{width:min(820px,calc(100vw - 24px));max-width:820px}.drawer.client-manager-drawer .drawer-body{padding:0;background:linear-gradient(180deg,#0C2613,#07190b)}
.client-manager-v2{min-height:100%;padding:18px}.client-manager-hero-v2{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:15px;border:1px solid rgba(102,211,124,.25);border-radius:17px;background:linear-gradient(120deg,rgba(22,75,32,.84),rgba(14,54,25,.74))}.client-manager-hero-v2 .client-card-avatar{width:46px;height:46px;border-radius:14px;font-weight:900}.client-manager-hero-v2 h2{margin:4px 0 3px;font-size:1.05rem}.client-manager-hero-v2 p{margin:0;color:var(--text-500);font-size:.6rem}.client-status-badge{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid rgba(125,199,140,.3);border-radius:999px;color:#C8EECF;font-size:.58rem;font-weight:800}.client-status-badge i{width:6px;height:6px;border-radius:50%;background:#A0C5A8}.client-status-badge.ok{color:#7CE391;border-color:rgba(94,215,118,.35)}.client-status-badge.ok i{background:#70E287}.client-manager-tabs{display:flex;gap:4px;overflow:auto;margin:13px 0;padding:4px;border:1px solid rgba(110,184,125,.2);border-radius:12px;background:#0B2312}.client-manager-tabs button{flex:1;min-width:max-content;padding:9px 10px;border:0;border-radius:8px;color:var(--text-500);background:transparent;font-size:.61rem;font-weight:800;cursor:pointer}.client-manager-tabs button.active{color:#fff;background:linear-gradient(100deg,#2e9e44,#2a923f);box-shadow:0 4px 12px rgba(66,201,93,.22)}.client-manager-panels{min-height:390px}.client-manager-panels>[data-client-panel]{display:none}.client-manager-panels>[data-client-panel].active{display:block}.client-section-title{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin:18px 2px 12px}.client-section-title h3{margin:4px 0 0;font-size:.98rem}.client-section-title>span{color:var(--text-500);font-size:.58rem}.client-manager-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.client-manager-kpis article,.client-capacity-card{padding:12px;border:1px solid rgba(106,180,121,.2);border-radius:12px;background:rgba(16,54,23,.58)}.client-manager-kpis small,.client-capacity-card small{display:block;color:var(--text-500);font-size:.55rem}.client-manager-kpis strong{display:block;margin:7px 0 3px;font-size:.76rem}.client-manager-kpis span{display:block;color:var(--text-500);font-size:.57rem}.client-capacity-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.client-capacity-card{display:flex;gap:8px;align-items:flex-start}.client-capacity-card>span{color:#7DE191;font-size:.85rem}.client-capacity-card strong{display:block;margin-top:5px;font-size:.72rem}.client-capacity-card em{color:var(--text-500);font-style:normal;font-size:.55rem;font-weight:500}.client-capacity-card i{display:block;width:100%;height:3px;margin-top:7px;border-radius:4px;background:#1b5d28}.client-capacity-card i b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#76E18B,#7bf794)}.client-overview-actions,.client-security-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:11px}.client-overview-actions button,.client-security-actions button{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;padding:11px;border:1px solid rgba(106,184,122,.22);border-radius:12px;color:var(--text-300);background:rgba(17,59,25,.62);text-align:left;cursor:pointer}.client-overview-actions button:hover,.client-security-actions button:hover{border-color:#71D585}.client-overview-actions button>span,.client-security-actions button>span{color:#7EE292;font-size:1rem}.client-overview-actions strong,.client-security-actions strong{display:block;font-size:.64rem}.client-overview-actions small,.client-security-actions small{display:block;margin-top:3px;color:var(--text-500);font-size:.54rem}.client-overview-actions i,.client-security-actions i{font-style:normal;color:#85E699}.client-trial-console-v2{margin-top:12px;padding:13px;border:1px solid rgba(255,196,80,.3);border-radius:14px;background:linear-gradient(105deg,rgba(90,53,23,.2),rgba(24,60,34,.54))}.client-trial-console-v2 header{display:flex;align-items:center;gap:9px}.client-trial-console-v2 header>span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;color:#ffd469;background:rgba(255,197,74,.11)}.client-trial-console-v2 header small{display:block;color:#ffd06c;font:800 .5rem var(--font-mono);letter-spacing:.1em}.client-trial-console-v2 header strong{display:block;margin-top:3px;font-size:.72rem}.client-trial-console-v2 header em{margin-left:auto;color:#f7c96a;font-style:normal;font-size:.62rem}.client-trial-track{display:flex;align-items:center;gap:5px;margin:14px 0 10px;color:var(--text-500);font-size:.54rem}.client-trial-track span{display:flex;align-items:center;gap:4px;white-space:nowrap}.client-trial-track i{display:grid;place-items:center;width:17px;height:17px;border:1px solid rgba(134,186,144,.35);border-radius:50%;font-style:normal;font-size:.5rem}.client-trial-track span.done{color:#82E396}.client-trial-track span.done i{border-color:#5FCD75;background:rgba(84,195,106,.16)}.client-trial-track b{height:1px;flex:1;background:rgba(119,178,131,.25)}.client-trial-console-v2 p{margin:0;color:var(--text-500);font-size:.6rem}.client-trial-actions-v2{display:flex;gap:7px;margin-top:11px}.client-trial-actions-v2 button{padding:8px 10px;border:1px solid rgba(112,216,133,.35);border-radius:9px;color:#A6F2B5;background:rgba(31,100,45,.2);font-size:.58rem;font-weight:800;cursor:pointer}.client-trial-actions-v2 button+button{border-color:rgba(238,100,135,.32);color:#ff9bae;background:rgba(111,30,59,.2)}
.client-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.client-form-grid.two{grid-template-columns:1fr 1fr}.client-form-grid label>span{display:block;margin-bottom:5px;color:var(--text-400);font-size:.61rem;font-weight:800}.client-form-grid label small{display:block;margin-top:5px;color:var(--text-500);font-size:.54rem}.client-form-grid .input,.client-form-grid .select{width:100%;min-height:38px;padding:0 11px;border:1px solid rgba(110,186,125,.27);border-radius:10px;color:var(--text-200);background:#0A2311;font-size:.66rem}.client-form-grid label.readonly{opacity:.68}.client-panel-feedback,.client-manager-result{display:none;margin-top:10px;padding:9px 11px;border-radius:10px;font-size:.61rem;line-height:1.4}.client-panel-feedback.show,.client-manager-result.success,.client-manager-result.danger,.client-manager-result.loading{display:block}.client-panel-feedback.success,.client-manager-result.success{color:#90EAA2;background:rgba(38,112,53,.16);border:1px solid rgba(90,209,114,.27)}.client-panel-feedback.danger,.client-manager-result.danger{color:#ff9bae;background:rgba(127,30,67,.16);border:1px solid rgba(243,93,127,.28)}.client-panel-feedback.info,.client-manager-result.loading{color:#B4F8C1;background:rgba(56,137,72,.16)}.client-save-button{margin-top:11px;min-width:245px;justify-content:space-between}.client-plan-warning{display:flex;gap:9px;margin-top:12px;padding:11px;border:1px solid rgba(255,204,94,.24);border-radius:11px;background:rgba(114,75,20,.13)}.client-plan-warning>span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;color:#ffd26e;background:rgba(255,202,94,.12);font-weight:900}.client-plan-warning strong{font-size:.62rem}.client-plan-warning p{margin:3px 0 0;color:var(--text-500);font-size:.56rem;line-height:1.45}.client-security-card{display:flex;align-items:center;gap:10px;padding:13px;border:1px solid rgba(103,180,119,.22);border-radius:12px;background:rgba(17,57,25,.6)}.client-security-card>span{font-size:1.3rem;color:#8BE59D}.client-security-card small{display:block;color:#7BD68D;font:800 .5rem var(--font-mono);letter-spacing:.1em}.client-security-card strong{display:block;margin-top:4px;font-size:.7rem}.client-security-card p{margin:4px 0 0;color:var(--text-500);font-size:.57rem}.client-security-card em{margin-left:auto;color:#7CE190;font-style:normal;font-size:.59rem}.client-manager-result pre{max-height:150px;margin:9px 0;overflow:auto;padding:9px;border-radius:8px;white-space:pre-wrap;color:#D2F9DA;background:rgba(6,25,11,.55);font:.57rem var(--font-mono)}.client-manager-result button{padding:7px 9px;border:1px solid rgba(114,225,136,.35);border-radius:8px;color:#A6F1B5;background:rgba(33,97,46,.2);font-size:.57rem;font-weight:800;cursor:pointer}.client-audit-list{display:grid;gap:4px}.client-audit-list article{display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:9px;align-items:center;padding:10px;border-bottom:1px solid rgba(102,174,116,.14)}.client-audit-list article>i{width:7px;height:7px;border-radius:50%;background:#79DF8D;box-shadow:0 0 8px #79DF8D}.client-audit-list strong{font-size:.62rem}.client-audit-list p{margin:3px 0 0;color:var(--text-500);font-size:.55rem}.client-audit-list time{color:var(--text-500);font-size:.54rem}.client-manager-footer{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:16px;padding:13px 0 0;border-top:1px solid rgba(103,171,116,.2)}.client-manager-footer>div{display:flex;align-items:center;gap:8px}.client-live-dot{width:7px;height:7px;border-radius:50%;background:#6EE085;box-shadow:0 0 9px #6EE085}.client-manager-footer p{margin:0}.client-manager-footer p strong,.client-manager-footer p small{display:block}.client-manager-footer p strong{font-size:.62rem}.client-manager-footer p small{margin-top:3px;color:var(--text-500);font-size:.54rem}.client-manager-footer button{padding:8px 10px;border-radius:9px;font-size:.57rem;font-weight:800;cursor:pointer}.client-footer-secondary{border:1px solid rgba(115,214,135,.32);color:#91E6A2;background:rgba(32,96,45,.18)}.client-footer-danger{margin-left:5px;border:1px solid rgba(239,94,127,.3);color:#ff9aaa;background:rgba(111,28,58,.16)}
.client-confirm-overlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:18px;background:rgba(3,19,8,.72);backdrop-filter:blur(8px);opacity:0;transition:.18s}.client-confirm-overlay.open{opacity:1}.client-confirm-dialog{width:min(440px,100%);padding:18px;border:1px solid rgba(121,200,137,.34);border-radius:18px;background:linear-gradient(135deg,#14381E,#0d2e14);box-shadow:0 25px 80px rgba(0,0,0,.45)}.client-confirm-dialog header{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.client-confirm-dialog header>span{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;color:#ffd277;background:rgba(255,196,84,.12);font-weight:900}.client-confirm-dialog.danger header>span{color:#ff94a5;background:rgba(235,67,111,.13)}.client-confirm-dialog header small{color:#7EE092;font:800 .5rem var(--font-mono);letter-spacing:.12em}.client-confirm-dialog header h3{margin:4px 0 0;font-size:.9rem}.client-confirm-dialog header>button{border:0;color:var(--text-500);background:none;font-size:1.35rem;cursor:pointer}.client-confirm-dialog>p{margin:16px 0;color:var(--text-400);font-size:.66rem;line-height:1.5}.client-confirm-dialog label{display:block;color:var(--text-400);font-size:.6rem}.client-confirm-dialog label strong{color:#ffb9c4}.client-confirm-dialog input{width:100%;margin-top:7px;min-height:36px;padding:0 10px;border:1px solid rgba(120,187,134,.3);border-radius:9px;color:#fff;background:#0A2311}.client-confirm-dialog footer{display:flex;justify-content:flex-end;gap:7px;margin-top:17px}.client-confirm-dialog footer button{min-height:35px;padding:0 12px;border-radius:9px;font-size:.6rem;font-weight:800;cursor:pointer}.client-confirm-dialog footer button:first-child{border:1px solid rgba(114,179,127,.25);color:var(--text-400);background:transparent}.client-confirm-dialog footer button:last-child{border:1px solid rgba(121,225,142,.4);color:#E0FCE5;background:linear-gradient(100deg,#287738,#2fa346)}.client-confirm-dialog footer button:last-child:disabled{cursor:not-allowed;opacity:.4}
@keyframes clientShimmer{to{background-position:-200% 0}}
@media(max-width:1100px){.client-table-head,.client-control-row{grid-template-columns:minmax(200px,1.25fr) minmax(110px,.65fr) minmax(130px,.7fr) minmax(125px,.7fr) 120px}.client-table-head>div:nth-child(5),.client-control-row>div:nth-child(5){display:none}}
@media(max-width:820px){.client-control-hero{grid-template-columns:1fr}.client-command-metrics{grid-template-columns:repeat(2,1fr)}.client-toolbar{grid-template-columns:1fr 140px}.client-toolbar button{grid-column:1/-1}.client-table-head{display:none}.client-control-row{display:grid;grid-template-columns:1fr auto;gap:10px;padding:14px}.client-control-row>div:nth-child(2),.client-control-row>div:nth-child(3),.client-control-row>div:nth-child(4),.client-control-row>div:nth-child(5){grid-column:1}.client-row-actions{grid-column:2;grid-row:1/5;align-self:center;flex-direction:column}.client-manager-kpis{grid-template-columns:1fr}.client-capacity-grid{grid-template-columns:repeat(2,1fr)}.client-form-grid,.client-form-grid.two,.client-overview-actions,.client-security-actions{grid-template-columns:1fr}.client-manager-footer{align-items:flex-start;flex-direction:column}.client-manager-footer>div:last-child{width:100%;display:flex}.client-manager-footer button{flex:1}}
@media(max-width:560px){.client-control-hero{padding:18px}.client-command-metrics{gap:7px}.client-command-metric{padding:11px}.client-command-metric strong{font-size:1.1rem}.client-toolbar{grid-template-columns:1fr}.client-toolbar select{width:100%}.client-manager-v2{padding:12px}.client-manager-hero-v2{grid-template-columns:auto 1fr}.client-manager-hero-v2 .client-status-badge{grid-column:1/-1;justify-self:start}.client-manager-tabs button{font-size:.56rem}.client-capacity-grid{grid-template-columns:1fr 1fr}.client-trial-track{font-size:.47rem}.client-trial-track i{width:15px;height:15px}.client-manager-footer button{font-size:.52rem}}

/* Compatibilidade com os nomes estruturais já usados pelo renderer. */
.client-grid{display:grid;grid-template-columns:1fr;gap:0;min-width:0}
.client-command-metric{display:block}.client-identity-cell{display:flex;align-items:center;gap:10px;min-width:0}.client-identity-cell .client-card-avatar{flex:0 0 34px;width:34px;height:34px;border-radius:10px;font-size:.63rem}.client-identity-cell strong,.client-identity-cell small,.client-identity-cell em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-identity-cell strong{font-size:.72rem}.client-identity-cell small{margin-top:3px;color:var(--text-500);font-size:.57rem}.client-identity-cell em{margin-top:3px;color:#88dc99;font:700 .5rem var(--font-mono);font-style:normal;letter-spacing:.05em}.client-health-cell>small{display:block;margin-top:5px;color:var(--text-500);font-size:.54rem}.client-health-cell>[data-client-action]{margin-top:6px;padding:4px 7px;border:1px solid rgba(255,200,92,.3);border-radius:7px;color:#ffd474;background:rgba(130,83,23,.16);font-size:.52rem;font-weight:800;cursor:pointer}.client-usage-cell>span{display:block;height:4px;margin-top:7px;overflow:hidden;border-radius:99px;background:#204427}.client-usage-cell>span i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#67DF7F,#81f799)}.client-usage-cell>span.warn i{background:linear-gradient(90deg,#ffd066,#ff718e)}.client-usage-cell>em{display:block;margin-top:5px;color:var(--text-500);font-size:.51rem;font-style:normal}.client-milestone-cell.cyan strong{color:#8BE59D}.client-milestone-cell.mint strong{color:#84DF96}.client-milestone-cell.amber strong{color:#ffd06e}.client-actions-cell{display:flex;justify-content:flex-end;gap:6px}.client-actions-cell button{padding:7px 9px;border:1px solid rgba(110,183,125,.28);border-radius:9px;color:#CAFAD3;background:rgba(22,75,32,.55);font-size:.58rem;font-weight:800;cursor:pointer}.client-actions-cell .client-manage-button{border-color:rgba(113,221,135,.4);color:#7FE894;background:rgba(28,91,41,.2)}.client-actions-cell button:hover{border-color:#8BE59D;color:#fff}.client-toolbar-actions{display:grid;grid-template-columns:minmax(0,1fr) 150px 38px;gap:8px;align-items:center}.client-search-field,.client-sort-field{display:flex;align-items:center;gap:7px;min-height:38px;padding:0 10px;border:1px solid rgba(104,182,119,.25);border-radius:11px;background:#092210}.client-search-field span,.client-sort-field span{color:var(--text-500);font-size:.57rem}.client-search-field input,.client-sort-field select{width:100%;min-width:0;border:0;outline:0;color:var(--text-200);background:transparent;font-size:.63rem}.client-sort-field{padding:0 8px}.client-sort-field select{cursor:pointer}.client-refresh-button{min-height:38px;border:1px solid rgba(110,215,131,.35);border-radius:11px;color:#BFF9CA;background:rgba(30,96,43,.2);font-size:1rem;cursor:pointer}.client-list-caption>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.client-list-caption>div small{flex-basis:100%;margin-left:14px;color:var(--text-500);font-size:.56rem}.client-list-caption .client-live-dot{width:6px;height:6px}.client-row-skeleton{height:73px;margin:8px;border-radius:10px;background:linear-gradient(100deg,rgba(27,64,38,.65),rgba(36,124,54,.38),rgba(27,64,38,.65));background-size:200% 100%;animation:clientShimmer 1.3s infinite}.client-empty-state{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:11px;align-items:center;padding:24px;color:var(--text-400)}.client-empty-state>span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;color:#97EFA9;background:rgba(88,207,112,.12)}.client-empty-state strong{font-size:.7rem}.client-empty-state p{margin:4px 0 0;color:var(--text-500);font-size:.58rem}.client-empty-state button{padding:8px 10px;border:1px solid rgba(113,221,135,.4);border-radius:9px;color:#ADF8BC;background:rgba(38,106,51,.25);font-size:.58rem;font-weight:800;cursor:pointer}
@media(max-width:820px){.client-toolbar-actions{grid-template-columns:1fr 140px}.client-refresh-button{grid-column:1/-1}.client-actions-cell{grid-column:2;grid-row:1/5;align-self:center;flex-direction:column}.client-empty-state{grid-template-columns:auto 1fr}.client-empty-state button{grid-column:1/-1;justify-self:start}}
@media(max-width:560px){.client-toolbar-actions{grid-template-columns:1fr}.client-refresh-button{grid-column:auto}.client-empty-state{grid-template-columns:1fr}.client-empty-state>span{display:none}}

/* IA command center v5 */
.ai-command-v5{max-width:1320px;margin:0 auto;padding-bottom:70px}
.ai-page-head-v5{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:25px}
.ai-page-head-v5 h1{margin:7px 0 8px;font-size:clamp(1.55rem,2.5vw,2.35rem);letter-spacing:-.04em}
.ai-page-head-v5 p{max-width:650px;margin:0;color:var(--text-400);font-size:.76rem;line-height:1.65}
.ai-live-badge-v5{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(98,223,123,.28);border-radius:99px;color:#9BEDAB;background:rgba(30,101,44,.16);font:700 .55rem var(--font-mono);letter-spacing:.08em;white-space:nowrap}
.ai-live-badge-v5 i,.ai-kicker-v5 i{width:7px;height:7px;border-radius:50%;background:#63DB7B;box-shadow:0 0 14px #63DB7B}
.ai-hero-v5{position:relative;display:flex;justify-content:space-between;align-items:center;min-height:208px;padding:34px 42px;overflow:hidden;border:1px solid rgba(114,243,140,.28);border-radius:24px;background:radial-gradient(circle at 82% 20%,rgba(79,205,104,.27),transparent 33%),linear-gradient(120deg,#144422,#0D2A15 65%,#113a19);box-shadow:0 20px 70px rgba(6,28,12,.35)}
.ai-hero-v5:after{content:"";position:absolute;inset:auto -8% -70% 35%;height:240px;border:1px solid rgba(103,224,127,.12);border-radius:50%}
.ai-hero-copy-v5{position:relative;z-index:1}.ai-kicker-v5{display:flex;align-items:center;gap:9px;color:#73E189;font:700 .56rem var(--font-mono);letter-spacing:.14em}.ai-hero-copy-v5 h2{margin:16px 0 7px;font-size:clamp(1.25rem,2.3vw,1.85rem);letter-spacing:-.03em}.ai-hero-copy-v5 p{max-width:560px;margin:0;color:#AAD4B2;font-size:.73rem}.ai-active-line-v5{display:flex;align-items:center;gap:7px;margin-top:23px;color:#97C6A1;font-size:.67rem}.ai-active-line-v5 strong{color:#92EBA4}.ai-active-line-v5 em{margin-left:8px;padding:5px 8px;border-radius:7px;color:#aefabd;background:rgba(107,227,131,.18);font:700 .51rem var(--font-mono);font-style:normal;letter-spacing:.06em}
.ai-hero-orbit-v5{position:relative;z-index:1;display:grid;place-items:center;width:126px;height:126px;border:1px solid rgba(108,224,131,.32);border-radius:50%;background:rgba(21,67,34,.65);box-shadow:inset 0 0 35px rgba(90,201,112,.12)}.ai-hero-orbit-v5 span{display:grid;place-items:center;width:57px;height:57px;border-radius:17px;color:#fff;background:linear-gradient(135deg,#62DA7A,#5ae676 70%,#64e37d);font-size:1.35rem;font-weight:900}.ai-hero-orbit-v5 i,.ai-hero-orbit-v5 b{position:absolute;width:9px;height:9px;border-radius:50%;background:#77E48D;box-shadow:0 0 15px #77E48D}.ai-hero-orbit-v5 i{top:15px;right:20px}.ai-hero-orbit-v5 b{bottom:18px;left:14px;background:#83f79a;box-shadow:0 0 15px #83f79a}
.ai-metrics-v5{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0}.ai-metrics-v5 article{min-width:0;padding:19px 18px;border:1px solid rgba(111,194,128,.19);border-radius:16px;background:rgba(14,46,23,.74)}.ai-metrics-v5 small{display:block;color:#82B08B;font:700 .52rem var(--font-mono);letter-spacing:.1em}.ai-metrics-v5 strong{display:block;margin:10px 0 4px;color:#EBFDEE;font-size:1.15rem;letter-spacing:-.03em}.ai-metrics-v5 span{display:block;overflow:hidden;color:#8DB896;font-size:.6rem;text-overflow:ellipsis;white-space:nowrap}.ai-meter-v5{display:block;height:4px;margin-top:12px;overflow:hidden;border-radius:99px;background:#2A5B34}.ai-meter-v5 em{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#61DB79,#7df796);transition:width .4s ease}
.ai-source-grid-v5{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:15px}.ai-source-card-v5{display:flex;align-items:center;gap:14px;padding:18px 20px;text-align:left;border:1px solid rgba(111,194,128,.22);border-radius:17px;color:inherit;background:#0F3119;cursor:pointer;transition:.2s}.ai-source-card-v5:hover,.ai-source-card-v5.active{border-color:rgba(99,223,124,.65);background:linear-gradient(120deg,rgba(30,80,40,.5),rgba(19,66,28,.8));box-shadow:0 12px 32px rgba(18,69,32,.2)}.ai-source-card-v5.active .ai-card-icon-v5{color:#77E78D;border-color:#77E78D}.ai-card-icon-v5{display:grid;place-items:center;width:38px;height:38px;border:1px solid #6BAB78;border-radius:12px;color:#B2E2BC;font-size:1.2rem}.ai-source-card-v5 div{min-width:0;flex:1}.ai-source-card-v5 small{display:block;color:#87E199;font:700 .49rem var(--font-mono);letter-spacing:.12em}.ai-source-card-v5 strong{display:block;margin:4px 0;color:#EFFEF2;font-size:.82rem}.ai-source-card-v5 p{margin:0;overflow:hidden;color:#8BB994;font-size:.59rem;text-overflow:ellipsis;white-space:nowrap}.ai-source-card-v5>b{color:#94ECA6;font-size:1.15rem}
.ai-layout-v5{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:15px}.ai-layout-v5 main,.ai-layout-v5 aside{display:grid;align-content:start;gap:15px}.ai-panel-v5{padding:22px;border:1px solid rgba(111,194,128,.2);border-radius:19px;background:rgba(12,39,19,.82)}.ai-panel-v5>header{display:flex;justify-content:space-between;gap:12px;margin-bottom:19px}.ai-panel-v5 header span{color:#7BDF8F;font:700 .53rem var(--font-mono);letter-spacing:.11em}.ai-panel-v5 header h3{margin:7px 0 5px;color:#EAFDEE;font-size:.98rem;letter-spacing:-.02em}.ai-panel-v5 header p{max-width:630px;margin:0;color:#8DB996;font-size:.61rem;line-height:1.55}.ai-save-state-v5{align-self:flex-start;padding:6px 8px;border-radius:7px;color:#9ECEA8;background:#1B4323;font-size:.5rem!important;white-space:nowrap}.ai-choice-row-v5{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ai-choice-row-v5 label,.ai-textarea-label-v5{display:block;margin-bottom:8px;color:#A2CCAA;font:700 .56rem var(--font-mono);letter-spacing:.05em}.ai-choice-group-v5{display:flex;flex-wrap:wrap;gap:5px}.ai-choice-group-v5 button{padding:8px 9px;border:1px solid rgba(115,186,129,.25);border-radius:8px;color:#9FC9A7;background:#0E2D17;font-size:.57rem;cursor:pointer}.ai-choice-group-v5 button.active{border-color:#6EDF84;color:#92ECA4;background:rgba(48,121,63,.25)}.ai-textarea-label-v5{margin-top:20px}.ai-textarea-label-v5 textarea,.ai-lab-panel-v5>textarea{width:100%;min-height:88px;resize:vertical;padding:12px;border:1px solid rgba(112,191,128,.24);border-radius:11px;outline:0;color:#E5FDEA;background:#092311;font:500 .66rem var(--font-sans);line-height:1.5}.ai-textarea-label-v5 textarea:focus,.ai-lab-panel-v5>textarea:focus{border-color:#6ADC81}.ai-textarea-label-v5 small{display:block;margin-top:5px;color:#6E9F78;font:500 .53rem var(--font-mono);text-align:right}.ai-panel-v5 footer,.ai-lab-footer-v5{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:15px;color:#78A681;font-size:.58rem}.ai-panel-v5 .btn,.ai-lab-panel-v5 .btn{display:inline-flex;align-items:center;gap:10px}.ai-panel-v5 .btn b{font-size:1rem}.ai-test-cost-v5{color:#82B08B!important;font-size:.53rem!important;white-space:nowrap}.ai-lab-panel-v5>textarea{min-height:96px}.ai-lab-panel-v5 pre{min-height:58px;margin:14px 0 0;padding:12px;overflow:auto;border:1px solid rgba(112,191,128,.18);border-radius:10px;color:#99EAA9;background:#081C0E;font:500 .61rem var(--font-mono);white-space:pre-wrap}.ai-guardrail-panel-v5 header{margin-bottom:8px}.ai-guardrail-v5{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:start;padding:14px 0;border-bottom:1px solid rgba(111,194,128,.14)}.ai-guardrail-v5:last-child{border-bottom:0}.ai-guardrail-v5>i{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;color:#7AE58F;background:rgba(67,162,86,.19);font-style:normal}.ai-guardrail-v5 strong{display:block;color:#E2FCE7;font-size:.65rem}.ai-guardrail-v5 p{margin:4px 0 0;color:#83B08C;font-size:.56rem;line-height:1.45}.ai-guardrail-v5 em{color:#7ADD8E;font:700 .46rem var(--font-mono);font-style:normal}.ai-vault-panel-v5 .form-field{margin-top:14px}.ai-vault-panel-v5 .form-field:first-of-type{margin-top:0}.ai-vault-panel-v5 label{display:block;margin-bottom:7px;color:#ABD0B3;font-size:.58rem;font-weight:700}.ai-vault-panel-v5 .input,.ai-vault-panel-v5 .provider-picker-trigger{width:100%;min-height:39px}.ai-vault-panel-v5 .provider-picker-menu{z-index:10}.ai-vault-panel-v5 .btn{width:100%;justify-content:center;margin-top:17px}.ai-vault-note-v5{display:block;margin-top:13px;color:#77A580;font-size:.56rem;line-height:1.5}.ai-vault-panel-v5 small:not(.ai-vault-note-v5){display:block;margin-top:6px;color:#77A580;font-size:.53rem;line-height:1.4}.ai-vault-panel-v5.is-global{opacity:.7}.ai-vault-panel-v5.is-global:before{content:"Ative “Minha chave” para editar";display:block;margin:-8px 0 10px;padding:7px 9px;border:1px solid rgba(255,202,112,.22);border-radius:8px;color:#e8c87e;background:rgba(132,94,30,.12);font-size:.55rem}
@media(max-width:1050px){.ai-layout-v5{grid-template-columns:1fr}.ai-layout-v5 aside{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.ai-page-head-v5{display:block}.ai-live-badge-v5{display:inline-flex;margin-top:15px}.ai-hero-v5{padding:26px 22px}.ai-hero-orbit-v5{width:82px;height:82px}.ai-hero-orbit-v5 span{width:43px;height:43px}.ai-metrics-v5{grid-template-columns:repeat(2,1fr)}.ai-source-grid-v5,.ai-choice-row-v5{grid-template-columns:1fr}.ai-layout-v5 aside{grid-template-columns:1fr}}
@media(max-width:480px){.ai-hero-orbit-v5{display:none}.ai-panel-v5{padding:17px}.ai-panel-v5 footer,.ai-lab-footer-v5{align-items:flex-start;flex-direction:column}.ai-panel-v5 footer .btn{width:100%;justify-content:center}}

/* Admin billing center v1 */
.client-billing-admin{display:grid;gap:12px;margin-top:18px}.client-billing-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.client-billing-summary article{padding:14px;border:1px solid rgba(109,197,127,.23);border-radius:13px;background:linear-gradient(145deg,rgba(17,54,27,.82),rgba(17,57,25,.72))}.client-billing-summary small,.client-billing-block header small{display:block;color:#72DC87;font:800 .5rem var(--font-mono);letter-spacing:.12em}.client-billing-summary strong{display:block;margin:7px 0 4px;color:#EFFEF2;font-size:.7rem}.client-billing-summary span{color:var(--text-500);font-size:.55rem}.client-billing-block{overflow:hidden;border:1px solid rgba(107,187,123,.2);border-radius:14px;background:rgba(10,35,17,.58)}.client-billing-block>header{display:flex;justify-content:space-between;gap:12px;padding:14px;border-bottom:1px solid rgba(104,179,119,.17)}.client-billing-block header h4{margin:5px 0 0;font-size:.78rem}.client-billing-block header p{max-width:620px;margin:5px 0 0;color:var(--text-500);font-size:.56rem;line-height:1.55}.client-billing-block>header>span{color:var(--text-500);font-size:.55rem}.client-billing-invoices{display:grid;gap:6px;padding:10px}.client-billing-invoice{display:grid;grid-template-columns:1fr .8fr .8fr .8fr auto;gap:9px;align-items:center;padding:11px;border:1px solid rgba(102,179,118,.15);border-radius:10px;background:rgba(18,50,27,.58)}.client-billing-invoice small,.client-billing-invoice strong{display:block}.client-billing-invoice small{color:var(--text-500);font-size:.48rem}.client-billing-invoice strong{margin-top:4px;font-size:.6rem}.client-billing-invoice em{display:inline-flex;margin-top:4px;padding:4px 6px;border-radius:999px;color:#7DE191;background:rgba(60,158,80,.13);font-size:.51rem;font-style:normal;font-weight:800}.client-billing-invoice em.overdue,.client-billing-invoice em.chargeback{color:#ff9aae;background:rgba(151,44,74,.16)}.client-billing-invoice a{padding:7px 8px;border:1px solid rgba(110,218,132,.28);border-radius:8px;color:#83E597;font-size:.52rem;font-weight:800;text-decoration:none}.client-billing-invoice>span{color:var(--text-500);font-size:.52rem}.client-billing-empty{display:flex;align-items:center;gap:10px;padding:18px;color:var(--text-500)}.client-billing-empty>span{font-size:1.2rem;color:#79DE8D}.client-billing-empty strong{display:block;color:var(--text-300);font-size:.63rem}.client-billing-empty p{margin:3px 0 0;font-size:.55rem}.client-billing-admin-actions{background:linear-gradient(130deg,rgba(18,63,27,.75),rgba(11,44,20,.72))}.client-admin-access-grid{display:grid;grid-template-columns:180px minmax(0,1fr);gap:10px;padding:13px}.client-admin-access-grid label>span{display:block;margin-bottom:5px;color:var(--text-400);font-size:.57rem;font-weight:800}.client-admin-access-grid label small{display:block;margin-top:5px;color:var(--text-500);font-size:.51rem;line-height:1.45}.client-admin-access-grid .input{width:100%;min-height:38px;padding:0 10px;border:1px solid rgba(110,186,125,.28);border-radius:9px;color:var(--text-200);background:#0A2311}.client-admin-access-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 13px 13px}.client-admin-access-buttons button{display:flex;align-items:center;gap:9px;padding:11px;border:1px solid rgba(112,215,133,.28);border-radius:11px;color:#E1FCE7;background:rgba(28,89,40,.18);text-align:left;cursor:pointer}.client-admin-access-buttons button:last-child{border-color:rgba(122,246,147,.32);background:rgba(37,128,55,.2)}.client-admin-access-buttons button>span{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;color:#7AE08E;background:rgba(100,213,122,.1)}.client-admin-access-buttons strong,.client-admin-access-buttons small{display:block}.client-admin-access-buttons strong{font-size:.6rem}.client-admin-access-buttons small{margin-top:3px;color:var(--text-500);font-size:.51rem}.client-billing-admin-actions .client-panel-feedback{margin:0 13px 13px}
@media(max-width:820px){.client-billing-summary,.client-admin-access-buttons{grid-template-columns:1fr}.client-billing-invoice{grid-template-columns:1fr 1fr}.client-admin-access-grid{grid-template-columns:1fr}}
@media(max-width:520px){.client-billing-invoice{grid-template-columns:1fr}.client-billing-block>header{align-items:flex-start;flex-direction:column}}
