/* ==========================================================================
   AutoFlow — Identidade visual oficial
   ========================================================================== */

:root {
  color-scheme: dark;

  --bg: #05070d;
  --bg-elevated: #0a0f1c;

  --surface: rgba(255, 255, 255, .045);
  --surface-2: rgba(255, 255, 255, .07);
  --surface-3: rgba(255, 255, 255, .1);

  --line: rgba(255, 255, 255, .09);
  --line-strong: rgba(255, 255, 255, .17);

  --text: #e9eefa;
  --text-soft: #c4cfe1;
  --muted: #8695ad;
  --faint: #64748b;

  --accent: #25d366;
  --accent-bright: #4ef08a;
  --accent-soft: rgba(37, 211, 102, .13);
  --accent-line: rgba(37, 211, 102, .34);

  --blue: #6d9bff;
  --blue-soft: rgba(109, 155, 255, .13);
  --blue-line: rgba(109, 155, 255, .34);

  --red: #ff6172;
  --red-soft: rgba(255, 97, 114, .12);
  --red-line: rgba(255, 97, 114, .32);

  --radius: 18px;
  --radius-sm: 12px;
  --radius-xs: 10px;

  --shadow: 0 24px 64px rgba(2, 5, 14, .55);
  --shadow-sm: 0 10px 26px rgba(2, 5, 14, .35);
  --glow: 0 0 0 1px rgba(37, 211, 102, .25), 0 12px 34px rgba(37, 211, 102, .16);

  --font: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --ease: cubic-bezier(.22, .8, .3, 1);
}

* { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  min-height: 100vh;
  background: var(--bg);
  background-image:
    radial-gradient(900px 520px at 12% -8%, rgba(37, 211, 102, .13), transparent 62%),
    radial-gradient(800px 500px at 92% 4%, rgba(109, 155, 255, .12), transparent 60%),
    radial-gradient(1000px 700px at 50% 108%, rgba(124, 92, 255, .09), transparent 65%);
  background-attachment: fixed;
  color: var(--text);
  font-family: var(--font);
  font-size: 15px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

::selection { background: var(--accent-line); color: #fff; }

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, .12); border-radius: 99px; border: 2px solid transparent; background-clip: content-box; }
::-webkit-scrollbar-thumb:hover { background: rgba(255, 255, 255, .22); background-clip: content-box; }

.shell { width: min(1420px, calc(100% - 36px)); margin: 26px auto 80px; }

h1, h2, h3, h4, p { margin-top: 0; }
h1 { font-size: clamp(26px, 3.2vw, 34px); line-height: 1.15; letter-spacing: -.02em; margin-bottom: 12px; }
h2 { font-size: 21px; letter-spacing: -.015em; margin-bottom: 7px; }
h3 { font-size: 16.5px; letter-spacing: -.01em; margin-bottom: 6px; }
p { color: var(--muted); line-height: 1.6; }

.eyebrow {
  display: block;
  color: var(--accent-bright);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.hidden { display: none !important; }

/* --------------------------------------------------------------------------
   Surfaces
   -------------------------------------------------------------------------- */

.card {
  position: relative;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow-sm);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

/* --------------------------------------------------------------------------
   Header
   -------------------------------------------------------------------------- */

.top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  padding: 16px 22px;
}

.brand { display: flex; gap: 14px; align-items: center; }
.brand div { display: flex; flex-direction: column; }
.brand strong { font-size: 18px; letter-spacing: -.02em; }
.version-tag { font-style: normal; font-size: 10px; color: var(--accent-bright); background: var(--accent-soft); border: 1px solid var(--accent-line); border-radius: 999px; padding: 3px 7px; vertical-align: 2px; margin-left: 5px; }
.brand small { color: var(--muted); font-size: 12px; margin-top: 1px; }

.logo {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  background: linear-gradient(150deg, var(--accent-bright), #0f9d58);
  color: #04240f;
  font-weight: 800;
  font-size: 21px;
  box-shadow: 0 10px 26px rgba(37, 211, 102, .3);
}

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

.connection-pill {
  padding: 9px 15px;
  background: var(--surface-2);
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--muted);
  font-size: 12.5px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 9px;
  white-space: nowrap;
  transition: .25s var(--ease);
}

.dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #64748b;
  box-shadow: 0 0 0 4px rgba(100, 116, 139, .16);
}

.connection-pill.online {
  color: var(--accent-bright);
  background: var(--accent-soft);
  border-color: var(--accent-line);
}

.connection-pill.online .dot {
  background: var(--accent-bright);
  box-shadow: 0 0 0 4px rgba(37, 211, 102, .18);
  animation: pulse 2s var(--ease) infinite;
}

@keyframes pulse {
  0%, 100% { box-shadow: 0 0 0 4px rgba(37, 211, 102, .18); }
  50% { box-shadow: 0 0 0 8px rgba(37, 211, 102, 0); }
}

.user-chip {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 7px 8px 7px 12px;
  border: 1px solid var(--line);
  background: var(--surface-2);
  border-radius: 999px;
}

.user-chip b { font-size: 13px; font-weight: 600; color: var(--text-soft); }

.avatar {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: linear-gradient(150deg, var(--blue), #7c5cff);
  color: #fff;
  font-size: 12px;
  font-weight: 800;
}

.icon-btn {
  border: 1px solid var(--line);
  background: var(--surface-2);
  color: var(--muted);
  width: 38px;
  height: 38px;
  border-radius: 11px;
  display: grid;
  place-items: center;
  cursor: pointer;
  transition: .2s var(--ease);
}

.icon-btn:hover { color: var(--red); border-color: var(--red-line); background: var(--red-soft); }
.icon-btn svg { width: 17px; height: 17px; }

/* --------------------------------------------------------------------------
   Navigation
   -------------------------------------------------------------------------- */

.nav {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 4px;
  margin: 16px 0 24px;
  padding: 6px;
  border-radius: 16px;
}

.nav button {
  position: relative;
  border: 0;
  background: transparent;
  padding: 13px 10px;
  border-radius: 11px;
  font: 600 14px var(--font);
  color: var(--muted);
  cursor: pointer;
  transition: .22s var(--ease);
}

.nav button:hover { color: var(--text-soft); background: var(--surface-2); }

.nav button.active {
  color: #04240f;
  background: linear-gradient(150deg, var(--accent-bright), #12b962);
  box-shadow: 0 8px 22px rgba(37, 211, 102, .26);
  font-weight: 700;
}

/* --------------------------------------------------------------------------
   Hero
   -------------------------------------------------------------------------- */

.system-banner { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:13px 17px; margin-bottom:16px; border-color:var(--accent-line); background:linear-gradient(110deg, rgba(37,211,102,.10), rgba(109,155,255,.06)); }
.system-banner > div { display:flex; align-items:center; gap:12px; }
.system-banner strong { display:block; font-size:13px; color:var(--text-soft); }
.system-banner small { display:block; color:var(--muted); margin-top:2px; }
.system-check { width:30px; height:30px; display:grid; place-items:center; flex:0 0 auto; border-radius:10px; color:#052811; background:var(--accent-bright); font-weight:900; box-shadow:0 6px 18px rgba(37,211,102,.25); }
.manual-badge { white-space:nowrap; color:var(--blue); border:1px solid var(--blue-line); background:var(--blue-soft); border-radius:999px; padding:6px 10px; font-size:10px; font-weight:800; letter-spacing:.08em; }

.hero {
  display: grid;
  grid-template-columns: 1.25fr 1fr;
  gap: 42px;
  padding: 38px 34px;
  overflow: hidden;
  background:
    linear-gradient(120deg, rgba(37, 211, 102, .1), transparent 46%),
    var(--surface);
  border-color: var(--line-strong);
}

.hero::after {
  content: '';
  position: absolute;
  inset: auto -80px -140px auto;
  width: 320px;
  height: 320px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(37, 211, 102, .2), transparent 68%);
  pointer-events: none;
}

.hero p { margin-bottom: 22px; max-width: 52ch; }

.status-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; align-content: center; }

.status-grid span {
  padding: 14px 16px;
  background: var(--surface-2);
  color: var(--text-soft);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  font-weight: 600;
  font-size: 12.5px;
}

/* --------------------------------------------------------------------------
   Buttons
   -------------------------------------------------------------------------- */

.primary, .ghost, .danger {
  border: 1px solid transparent;
  border-radius: var(--radius-xs);
  padding: 12px 20px;
  font: 700 13.5px var(--font);
  letter-spacing: .01em;
  cursor: pointer;
  transition: .2s var(--ease);
  white-space: nowrap;
}

.primary {
  background: linear-gradient(150deg, var(--accent-bright), #10a457);
  color: #042612;
  box-shadow: 0 10px 26px rgba(37, 211, 102, .24);
}

.primary:hover { transform: translateY(-1px); box-shadow: 0 14px 32px rgba(37, 211, 102, .34); }
.primary:active { transform: translateY(0); }

.ghost { background: var(--surface-2); border-color: var(--line); color: var(--text-soft); }
.ghost:hover { background: var(--surface-3); border-color: var(--line-strong); color: var(--text); }
.ghost:disabled { opacity: .45; cursor: not-allowed; }

.danger { background: var(--red-soft); border-color: var(--red-line); color: var(--red); }
.danger:hover { background: rgba(255, 97, 114, .2); }

/* --------------------------------------------------------------------------
   Metrics
   -------------------------------------------------------------------------- */

.metrics { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-top: 18px; }

.metrics article {
  padding: 20px 22px;
  display: flex;
  flex-direction: column;
  gap: 7px;
  transition: .25s var(--ease);
}

.metrics article:hover { border-color: var(--line-strong); transform: translateY(-2px); }
.metrics span { color: var(--faint); font-size: 10.5px; font-weight: 700; letter-spacing: .12em; }
.metrics b { font-size: 20px; letter-spacing: -.02em; }
.metrics small { color: var(--muted); font-size: 12px; line-height: 1.45; }

/* --------------------------------------------------------------------------
   QR + account
   -------------------------------------------------------------------------- */

.qr {
  margin-top: 18px;
  padding: 26px 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 28px;
}

.qr img {
  width: 218px;
  height: 218px;
  border-radius: var(--radius-sm);
  background: #fff;
  padding: 10px;
  box-shadow: var(--shadow-sm);
}

.account-info {
  margin: 18px 0;
  padding: 22px 26px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  border-color: var(--accent-line);
  background: linear-gradient(120deg, var(--accent-soft), transparent 60%), var(--surface);
}

.account-info h2 { margin-bottom: 4px; }
.account-info p { margin-bottom: 0; }
.account-details { display: grid; grid-template-columns: auto auto; gap: 10px; }

.account-details span {
  min-width: 160px;
  padding: 12px 16px;
  border: 1px solid var(--line);
  background: var(--surface-2);
  border-radius: var(--radius-sm);
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.account-details small { font-size: 10px; color: var(--faint); letter-spacing: .1em; font-weight: 700; }
.account-details b { color: var(--accent-bright); font-size: 13px; word-break: break-all; }

/* --------------------------------------------------------------------------
   Sections & lists
   -------------------------------------------------------------------------- */

.section-head {
  padding: 24px 28px;
  display: flex;
  justify-content: space-between;
  gap: 28px;
  align-items: center;
  margin-bottom: 18px;
}

.section-head p { margin-bottom: 0; }
.section-head select { min-width: 320px; }

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

.empty-card {
  padding: 52px 24px;
  text-align: center;
  color: var(--muted);
  border-style: dashed;
  font-size: 14px;
}

.group-row, .message-row, .log-row {
  padding: 18px 22px;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
  transition: .22s var(--ease);
}

.group-row:hover, .message-row:hover { border-color: var(--line-strong); background: var(--surface-2); }

.row-main { min-width: 0; }
.row-main h3 { margin: 0 0 5px; }
.row-main small, .sub { color: var(--muted); font-size: 12.5px; line-height: 1.5; }

.badges { display: flex; gap: 7px; flex-wrap: wrap; margin-top: 10px; }

.badge {
  background: var(--accent-soft);
  color: var(--accent-bright);
  border: 1px solid var(--accent-line);
  padding: 4px 9px;
  border-radius: 7px;
  font-size: 11px;
  font-weight: 700;
}

.badge.off { background: var(--surface-2); color: var(--muted); border-color: var(--line); }

.actions { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }

/* --------------------------------------------------------------------------
   Automation rules
   -------------------------------------------------------------------------- */

.automation-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; align-items: start; }
.rule-card { padding: 24px; }
.rule-head { display: flex; justify-content: space-between; gap: 20px; align-items: center; }
.rule-fields { display: grid; gap: 13px; margin-top: 18px; }

.toggle { position: relative; width: 50px; height: 28px; display: inline-block; flex-shrink: 0; }
.toggle input { opacity: 0; width: 0; height: 0; }

.slider {
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, .13);
  border: 1px solid var(--line);
  border-radius: 50px;
  cursor: pointer;
  transition: .25s var(--ease);
}

.slider:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  left: 3px;
  top: 3px;
  border-radius: 50%;
  background: #fff;
  transition: .25s var(--ease);
  box-shadow: 0 2px 6px rgba(0, 0, 0, .35);
}

.toggle input:checked + .slider { background: linear-gradient(150deg, var(--accent-bright), #10a457); border-color: transparent; }
.toggle input:checked + .slider:before { transform: translateX(22px); }
.toggle input:focus-visible + .slider { box-shadow: 0 0 0 3px var(--accent-line); }

/* --------------------------------------------------------------------------
   Forms
   -------------------------------------------------------------------------- */

label {
  display: flex;
  flex-direction: column;
  gap: 7px;
  font-size: 12.5px;
  font-weight: 600;
  color: var(--text-soft);
}

input, textarea, select {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: var(--radius-xs);
  padding: 12px 14px;
  background: rgba(255, 255, 255, .035);
  color: var(--text);
  font: 500 14px var(--font);
  outline: none;
  transition: .2s var(--ease);
}

input::placeholder, textarea::placeholder { color: #5d6b81; }

input:hover, textarea:hover, select:hover { border-color: var(--line-strong); }

input:focus, textarea:focus, select:focus {
  border-color: var(--accent-line);
  background: rgba(255, 255, 255, .055);
  box-shadow: 0 0 0 3px var(--accent-soft);
}

textarea { resize: vertical; line-height: 1.55; min-height: 84px; }

select {
  appearance: none;
  -webkit-appearance: none;
  padding-right: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238695ad' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 13px center;
  background-size: 16px;
  cursor: pointer;
}

select option { background: var(--bg-elevated); color: var(--text); }

input[type="checkbox"] { width: auto; accent-color: var(--accent); cursor: pointer; }

input[type="file"] { padding: 9px 12px; cursor: pointer; }

input[type="file"]::file-selector-button {
  border: 1px solid var(--line);
  background: var(--surface-2);
  color: var(--text-soft);
  border-radius: 8px;
  padding: 7px 13px;
  margin-right: 12px;
  font: 700 12px var(--font);
  cursor: pointer;
  transition: .2s var(--ease);
}

input[type="file"]::file-selector-button:hover { background: var(--surface-3); }

fieldset { border: 1px solid var(--line); border-radius: var(--radius-sm); padding: 16px; margin: 0; }
legend { font-size: 11px; font-weight: 700; color: var(--muted); padding: 0 8px; letter-spacing: .1em; text-transform: uppercase; }

.form { padding: 26px; margin-bottom: 18px; display: grid; gap: 16px; }
.form .actions { justify-content: flex-end; }

.form-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; }
.form-head p { margin-bottom: 0; }

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

.checks label {
  flex-direction: row;
  align-items: center;
  gap: 9px;
  background: var(--surface-2);
  border: 1px solid var(--line);
  padding: 10px 13px;
  border-radius: var(--radius-xs);
  cursor: pointer;
  transition: .18s var(--ease);
}

.checks label:hover { border-color: var(--line-strong); background: var(--surface-3); }
.checks input { width: auto; }
.checks.vertical { display: grid; grid-template-columns: 1fr 1fr; }

.image-preview {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 12px 14px;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background: var(--surface-2);
}

.image-preview img { width: 56px; height: 56px; object-fit: cover; border-radius: 9px; border: 1px solid var(--line); }
.image-preview label { flex-direction: row; align-items: center; gap: 9px; cursor: pointer; }
.image-preview .preview-meta { flex: 1; min-width: 0; }
.image-preview .preview-meta strong { font-size: 13px; display: block; }
.image-preview .preview-meta small { color: var(--muted); font-size: 11.5px; }

/* --------------------------------------------------------------------------
   Messages dashboard
   -------------------------------------------------------------------------- */

.message-dashboard { padding: 26px 28px; margin-bottom: 18px; }
.message-dashboard-head { display: grid; grid-template-columns: 1fr minmax(320px, 420px); gap: 32px; align-items: center; }
.message-dashboard-head p { margin-bottom: 18px; }
.message-dashboard-head h3 { margin-bottom: 4px; }
.message-dashboard-head small { color: var(--muted); font-size: 12px; word-break: break-all; }
.message-dashboard .message-tools { margin: 22px 0 0; }

.message-tools { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-bottom: 18px; }

.message-tool-column {
  border: 1px solid var(--line);
  background: rgba(255, 255, 255, .025);
  border-radius: var(--radius-sm);
  padding: 15px;
  display: flex;
  flex-direction: column;
  gap: 9px;
}

.message-tool-column > .eyebrow { margin: 0 0 3px; color: var(--muted); }

.tool-option {
  width: 100%;
  border: 1px solid var(--line);
  background: var(--surface-2);
  border-radius: var(--radius-xs);
  padding: 14px 15px;
  text-align: left;
  color: var(--text);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 3px;
  transition: .2s var(--ease);
}

.tool-option strong { font: 700 14.5px var(--font); }
.tool-option small { font: 500 12px var(--font); color: var(--muted); }

.tool-option:hover { border-color: var(--line-strong); background: var(--surface-3); transform: translateY(-1px); }

.tool-option.active {
  border-color: var(--accent-line);
  background: var(--accent-soft);
  color: var(--accent-bright);
  box-shadow: 0 8px 22px rgba(37, 211, 102, .14);
}

.tool-option.active small { color: rgba(78, 240, 138, .75); }

.message-dashboard + form { scroll-margin-top: 14px; }

.message-copy { display: flex; gap: 15px; align-items: flex-start; min-width: 0; flex: 1; }
.message-row .thumb { width: 62px; height: 62px; object-fit: cover; border-radius: var(--radius-xs); border: 1px solid var(--line); flex-shrink: 0; }
.message-full-text { white-space: pre-wrap; overflow-wrap: anywhere; color: var(--text-soft); font-size: 13px; line-height: 1.55; margin-top: 8px; }

.command-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.command-card { padding: 22px; display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
.command-card h3, .command-card p { margin: 0; }
.command-card p, .command-card small { color: var(--muted); line-height: 1.5; }
.command-card code { width: 100%; padding: 12px 14px; border: 1px solid var(--line); border-radius: var(--radius-xs); background: var(--surface-2); color: var(--accent-bright); overflow-wrap: anywhere; }

@media (max-width: 720px) { .command-grid { grid-template-columns: 1fr; } }

.schedule-times { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 9px; }

.schedule-chip {
  border: 1px solid var(--blue-line);
  background: var(--blue-soft);
  color: var(--blue);
  border-radius: 8px;
  padding: 5px 9px;
  font: 700 11px var(--font);
  cursor: pointer;
  transition: .18s var(--ease);
}

.schedule-chip:hover { background: rgba(109, 155, 255, .24); }

.schedule-period { display: block; margin-top: 7px; color: var(--faint); font-size: 11px; }

/* --------------------------------------------------------------------------
   Panels: recurring / hourly / games
   -------------------------------------------------------------------------- */

.recurring-panel, .hourly-panel, .games-panel { padding: 26px; margin-bottom: 18px; display: grid; gap: 17px; }
.recurring-head, .hourly-head { display: grid; grid-template-columns: 1fr minmax(280px, 360px); gap: 26px; align-items: end; }
.recurring-head p, .hourly-head p { margin-bottom: 0; }
.recurring-times { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }

.recurring-summary {
  border: 1px solid var(--blue-line);
  background: var(--blue-soft);
  border-radius: var(--radius-sm);
  padding: 16px;
  display: grid;
  gap: 11px;
}

.recurring-summary .summary-message { white-space: pre-wrap; color: var(--text-soft); line-height: 1.55; font-size: 13.5px; }
.recurring-summary .summary-meta { font-size: 12px; color: var(--muted); }
.recurring-summary .actions { justify-content: flex-start; }

.hourly-active { flex-direction: row; align-items: center; gap: 10px; }
.hourly-active input { width: auto; }
.hourly-actions { justify-content: flex-end; }

.hour-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 8px; }
.day-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 8px; }

.hour-grid label, .day-grid label {
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border: 1px solid var(--line);
  background: var(--surface-2);
  color: var(--text-soft);
  padding: 10px 6px;
  border-radius: var(--radius-xs);
  cursor: pointer;
  font-size: 12.5px;
  transition: .18s var(--ease);
}

.hour-grid label:hover, .day-grid label:hover { border-color: var(--line-strong); background: var(--surface-3); }
.hour-grid label:has(input:checked), .day-grid label:has(input:checked) {
  border-color: var(--accent-line);
  background: var(--accent-soft);
  color: var(--accent-bright);
}
.hour-grid input, .day-grid input { width: auto; }

.game-rows { display: grid; gap: 10px; }

.game-config-row {
  display: grid;
  grid-template-columns: 84px 92px minmax(160px, 1fr) minmax(250px, 2fr) auto;
  gap: 10px;
  align-items: end;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background: rgba(255, 255, 255, .025);
}

.game-config-row .game-enabled { height: 44px; flex-direction: row; align-items: center; gap: 8px; }
.game-config-row .game-enabled input { width: auto; }
.game-config-row .remove-game { height: 44px; padding: 10px 15px; font-size: 16px; line-height: 1; }

.add-game, .add-time { width: 100%; }

.date-range { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.time-list { display: grid; gap: 9px; margin-bottom: 10px; }
.time-row { display: grid; grid-template-columns: 1fr auto; gap: 8px; align-items: center; }
.time-row .remove-time { padding: 11px 15px; font-size: 15px; line-height: 1; }

/* --------------------------------------------------------------------------
   Group code
   -------------------------------------------------------------------------- */

.group-code {
  padding: 22px 26px;
  margin-bottom: 18px;
  border-color: var(--blue-line);
  background: linear-gradient(120deg, var(--blue-soft), transparent 62%), var(--surface);
}

.group-code p { margin: 12px 0 0; font-size: 13px; }
.code-line { display: flex; align-items: center; gap: 12px; }

.code-line strong {
  flex: 1;
  border: 1px dashed var(--blue-line);
  background: rgba(0, 0, 0, .24);
  padding: 15px 18px;
  border-radius: var(--radius-xs);
  color: var(--blue);
  letter-spacing: .1em;
  font-size: 15px;
  font-family: 'SFMono-Regular', ui-monospace, Menlo, Consolas, monospace;
}

/* --------------------------------------------------------------------------
   Logs
   -------------------------------------------------------------------------- */

.log-row { justify-content: flex-start; gap: 15px; }

.log-icon {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: var(--accent-soft);
  border: 1px solid var(--accent-line);
  display: grid;
  place-items: center;
  color: var(--accent-bright);
  font-weight: 800;
  flex-shrink: 0;
}

.log-row .log-icon.error { background: var(--red-soft); border-color: var(--red-line); color: var(--red); }
.log-row strong { font-size: 14px; font-weight: 600; }
.log-row p { margin: 3px 0 0; font-size: 12px; color: var(--faint); }

/* --------------------------------------------------------------------------
   Toast
   -------------------------------------------------------------------------- */

.toast {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 90;
  background: rgba(12, 18, 30, .94);
  border: 1px solid var(--accent-line);
  color: var(--text);
  padding: 14px 18px;
  border-radius: var(--radius-sm);
  box-shadow: var(--shadow);
  backdrop-filter: blur(16px);
  font-size: 13.5px;
  font-weight: 600;
  max-width: min(420px, calc(100% - 44px));
  opacity: 0;
  transform: translateY(16px) scale(.97);
  pointer-events: none;
  transition: .28s var(--ease);
}

.toast.show { opacity: 1; transform: none; }
.toast.error { border-color: var(--red-line); background: rgba(46, 14, 20, .95); color: #ffd7dc; }

/* --------------------------------------------------------------------------
   Login
   -------------------------------------------------------------------------- */

.auth-shell {
  min-height: 100vh;
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  align-items: center;
  gap: 60px;
  padding: 40px clamp(24px, 6vw, 90px);
}

.auth-pitch { max-width: 560px; }

.auth-pitch .logo { width: 58px; height: 58px; font-size: 26px; border-radius: 18px; margin-bottom: 26px; }
.auth-pitch h1 { font-size: clamp(32px, 4.4vw, 48px); letter-spacing: -.03em; margin-bottom: 16px; }
.auth-pitch h1 span { background: linear-gradient(100deg, var(--accent-bright), var(--blue)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.auth-pitch > p { font-size: 16px; max-width: 46ch; margin-bottom: 30px; }

.auth-features { display: grid; gap: 12px; }

.auth-features div {
  display: flex;
  align-items: center;
  gap: 13px;
  color: var(--text-soft);
  font-size: 14px;
  font-weight: 500;
}

.auth-features i {
  width: 30px;
  height: 30px;
  border-radius: 9px;
  display: grid;
  place-items: center;
  background: var(--accent-soft);
  border: 1px solid var(--accent-line);
  color: var(--accent-bright);
  font-style: normal;
  font-size: 13px;
  flex-shrink: 0;
}

.auth-card {
  width: min(430px, 100%);
  justify-self: center;
  padding: 38px 34px;
  display: grid;
  gap: 18px;
  border-radius: 24px;
  background: rgba(10, 15, 28, .72);
  border: 1px solid var(--line-strong);
  box-shadow: var(--shadow);
  backdrop-filter: blur(24px);
}

.auth-card h2 { font-size: 24px; margin-bottom: 6px; }
.auth-card > p { margin-bottom: 6px; font-size: 13.5px; }

.field-wrap { position: relative; display: flex; flex-direction: column; gap: 7px; }
.field-wrap input { padding-right: 48px; }

.reveal {
  position: absolute;
  right: 6px;
  bottom: 5px;
  width: 36px;
  height: 36px;
  border: 0;
  background: transparent;
  color: var(--muted);
  border-radius: 9px;
  cursor: pointer;
  display: grid;
  place-items: center;
  transition: .18s var(--ease);
}

.reveal:hover { color: var(--text); background: var(--surface-2); }
.reveal svg { width: 18px; height: 18px; }

.auth-card .primary { width: 100%; padding: 14px; font-size: 14.5px; }
.auth-card .primary:disabled { opacity: .6; cursor: wait; transform: none; }

.auth-error {
  border: 1px solid var(--red-line);
  background: var(--red-soft);
  color: #ffb3bc;
  padding: 11px 14px;
  border-radius: var(--radius-xs);
  font-size: 13px;
  font-weight: 600;
}

.auth-foot { text-align: center; color: var(--faint); font-size: 11.5px; margin: 0; }

/* --------------------------------------------------------------------------
   Responsive
   -------------------------------------------------------------------------- */

@media (max-width: 980px) {
  .auth-shell { grid-template-columns: 1fr; gap: 34px; padding: 40px 22px; align-content: center; }
  .auth-pitch { max-width: none; }
  .auth-pitch h1 { font-size: 32px; }
  .auth-features { grid-template-columns: 1fr 1fr; }
  .auth-card { justify-self: stretch; width: 100%; }
}

@media (max-width: 850px) {
  .shell { width: calc(100% - 22px); margin-top: 12px; }
  .top { padding: 14px; flex-wrap: wrap; }
  .top-actions { width: 100%; justify-content: space-between; }
  .nav { grid-template-columns: repeat(5, minmax(78px, 1fr)); overflow-x: auto; }
  .nav button { font-size: 12.5px; padding: 12px 8px; }
  .hero { grid-template-columns: 1fr; padding: 26px 22px; gap: 26px; }
  .metrics { grid-template-columns: 1fr 1fr; }
  .section-head { align-items: flex-start; flex-direction: column; gap: 18px; }
  .section-head select { min-width: 0; width: 100%; }
  .automation-grid { grid-template-columns: 1fr; }
  .message-dashboard-head { grid-template-columns: 1fr; gap: 20px; }
  .message-tools { grid-template-columns: 1fr; }
  .account-info { align-items: flex-start; flex-direction: column; }
  .account-details { width: 100%; grid-template-columns: 1fr 1fr; }
  .group-row, .message-row { align-items: flex-start; flex-direction: column; }
  .recurring-head, .hourly-head { grid-template-columns: 1fr; }
  .recurring-times { grid-template-columns: 1fr 1fr; }
  .hour-grid { grid-template-columns: repeat(4, 1fr); }
  .day-grid { grid-template-columns: repeat(4, 1fr); }
  .game-config-row { grid-template-columns: 1fr 1fr; }
  .game-config-row .minutes-field { grid-column: 1 / -1; }
  .qr { flex-direction: column; align-items: flex-start; }
  .checks.vertical { grid-template-columns: 1fr; }
  .toast { right: 12px; left: 12px; bottom: 12px; max-width: none; }
}

@media (max-width: 480px) {
  .system-banner { align-items:flex-start; flex-direction:column; }
  .manual-badge { margin-left:42px; }
  .metrics, .status-grid, .date-range, .account-details, .auth-features { grid-template-columns: 1fr; }
  .code-line { align-items: stretch; flex-direction: column; }
  .message-dashboard { padding: 20px 16px; }
  .recurring-times { grid-template-columns: 1fr; }
  .hour-grid { grid-template-columns: repeat(3, 1fr); }
  .day-grid { grid-template-columns: repeat(2, 1fr); }
  .game-config-row { grid-template-columns: 1fr; }
  .game-config-row .minutes-field { grid-column: auto; }
  .brand small { display: none; }
  .nav { display: flex; }
  .nav button { min-width: 92px; }
  .auth-card { padding: 28px 22px; }
  .message-copy { flex-direction: column; align-items: flex-start; }
  .actions { width: 100%; }
  .actions > button { flex: 1; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}


/* ==========================================================================\n   AutoFlow 3.1 — Identidade visual 2026\n   Camada estritamente visual: não altera comportamento ou estrutura funcional.\n   ========================================================================== */
:root{
  --bg:#030711;--bg-elevated:#07101f;--surface:rgba(8,17,34,.76);--surface-2:rgba(15,31,58,.72);--surface-3:rgba(22,43,77,.86);
  --line:rgba(43,114,255,.18);--line-strong:rgba(43,114,255,.34);--text:#f4f8ff;--text-soft:#dce8ff;--muted:#8ea3c7;--faint:#61779e;
  --accent:#1167ff;--accent-bright:#27a7ff;--accent-soft:rgba(17,103,255,.14);--accent-line:rgba(39,167,255,.34);
  --blue:#1f7cff;--blue-soft:rgba(31,124,255,.14);--blue-line:rgba(31,124,255,.34);--wa:#20e676;--wa-soft:rgba(32,230,118,.12);--wa-line:rgba(32,230,118,.30);
  --shadow:0 28px 80px rgba(0,0,0,.58);--shadow-sm:0 14px 36px rgba(0,0,0,.32);--glow:0 0 0 1px rgba(39,167,255,.24),0 14px 38px rgba(17,103,255,.2)
}
body{background:#02050b;background-image:radial-gradient(900px 520px at 10% -8%,rgba(0,106,255,.22),transparent 62%),radial-gradient(760px 480px at 92% 2%,rgba(0,220,255,.11),transparent 61%),radial-gradient(760px 520px at 50% 110%,rgba(32,230,118,.06),transparent 66%)}
.card{background:linear-gradient(145deg,rgba(10,22,43,.87),rgba(5,12,25,.76));border-color:var(--line);box-shadow:var(--shadow-sm)}
.brand-logo{width:48px;height:48px;object-fit:cover;border-radius:15px;border:1px solid rgba(58,143,255,.35);box-shadow:0 0 28px rgba(0,98,255,.26)}
.version-tag{color:#73c8ff;background:rgba(17,103,255,.14);border-color:rgba(39,167,255,.3)}
.nav button.active{color:#fff;background:linear-gradient(135deg,#0748d8,#1299ff);box-shadow:0 10px 28px rgba(4,93,255,.32)}
.primary{color:#fff;background:linear-gradient(135deg,#0754e8,#159eff);box-shadow:0 10px 28px rgba(7,84,232,.24)}
.primary:hover{box-shadow:0 14px 34px rgba(7,84,232,.34)}
.eyebrow{color:#59bbff}.connection-pill.online{color:#62f79d;background:var(--wa-soft);border-color:var(--wa-line)}.connection-pill.online .dot{background:var(--wa);box-shadow:0 0 0 4px rgba(32,230,118,.18)}
.hero{background:linear-gradient(125deg,rgba(7,83,232,.18),transparent 48%),linear-gradient(145deg,rgba(10,22,43,.9),rgba(5,12,25,.78));border-color:rgba(39,167,255,.22)}
.hero::after{background:radial-gradient(circle,rgba(0,115,255,.26),transparent 68%)}
.system-banner{border-color:rgba(39,167,255,.26);background:linear-gradient(110deg,rgba(17,103,255,.13),rgba(32,230,118,.05))}.system-check{color:#fff;background:linear-gradient(135deg,#0754e8,#159eff);box-shadow:0 6px 20px rgba(7,84,232,.28)}
.logo{background:linear-gradient(135deg,#0754e8,#159eff)!important;color:#fff!important;box-shadow:0 10px 28px rgba(7,84,232,.28)!important}
.auth-shell{position:relative;overflow:hidden}.auth-shell::before{content:'';position:fixed;inset:0;pointer-events:none;background:radial-gradient(600px 400px at 16% 18%,rgba(0,112,255,.16),transparent 70%)}
.login-brand{display:flex;align-items:center;gap:14px;margin-bottom:28px}.login-brand img{width:64px;height:64px;object-fit:cover;border-radius:18px;border:1px solid rgba(58,143,255,.34);box-shadow:0 0 30px rgba(0,103,255,.24)}.login-brand>div{display:flex;flex-direction:column}.login-brand b{font-size:27px;letter-spacing:-1.2px;color:#f5f8ff}.login-brand b span{color:#168cff}.login-brand small{font-size:9px;font-weight:800;letter-spacing:.18em;color:#6e91bd;margin-top:2px}
.auth-pitch h1 span{background:linear-gradient(100deg,#1c78ff,#21c7ff);-webkit-background-clip:text;background-clip:text;color:transparent}.auth-card{background:linear-gradient(150deg,rgba(12,26,50,.92),rgba(5,13,28,.94));border-color:rgba(47,134,255,.25);box-shadow:0 30px 80px rgba(0,0,0,.5),0 0 70px rgba(0,93,255,.06)}
.mini-plan{border-color:rgba(50,132,255,.22)!important;background:linear-gradient(145deg,rgba(11,25,48,.8),rgba(5,13,28,.82))!important}.mini-plan span{color:#48b7ff!important}.mini-plan a{color:#6ac5ff!important}


/* AutoFlow 3.3 — identidade visual oficial */
:root{
  --bg:#f3f5f7;
  --bg-elevated:#ffffff;
  --surface:rgba(255,255,255,.88);
  --surface-2:rgba(243,245,247,.92);
  --surface-3:rgba(20,20,20,.045);
  --line:rgba(20,20,20,.08);
  --line-strong:rgba(20,20,20,.14);
  --text:#141414;
  --text-soft:#1f2937;
  --muted:#667085;
  --faint:#8a94a6;
  --accent:#25d366;
  --accent-bright:#25d366;
  --accent-soft:rgba(37,211,102,.12);
  --accent-line:rgba(37,211,102,.28);
  --blue:#145cff;
  --blue-soft:rgba(20,92,255,.10);
  --blue-line:rgba(20,92,255,.24);
  --shadow:0 20px 64px rgba(20,20,20,.08);
  --shadow-sm:0 10px 30px rgba(20,20,20,.06);
  --glow:0 0 0 1px rgba(20,92,255,.12),0 14px 34px rgba(20,92,255,.12);
}
body{background:linear-gradient(180deg,#ffffff 0%,#f3f5f7 100%);background-image:radial-gradient(760px 360px at 8% -8%,rgba(37,211,102,.10),transparent 56%),radial-gradient(900px 420px at 100% 0%,rgba(20,92,255,.12),transparent 58%);color:var(--text);}
.card{background:rgba(255,255,255,.92);border:1px solid rgba(20,20,20,.08);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-sm);}
.top{padding:18px 22px;border:1px solid rgba(20,20,20,.06);}
.brand{gap:18px}.brand-logo{width:220px;height:auto;display:block;object-fit:contain}.brand strong{font-size:20px;color:#141414}.brand small{font-size:12px;color:#667085;letter-spacing:.02em}.version-tag{background:rgba(20,92,255,.08);border-color:rgba(20,92,255,.16);color:#145cff}.top-actions .connection-pill,.user-chip,.icon-btn{background:#fff;border-color:rgba(20,20,20,.08)}
.connection-pill{color:#596579}.connection-pill.online{color:#159a4f;background:rgba(37,211,102,.08)}.dot{background:#98a2b3;box-shadow:0 0 0 4px rgba(152,162,179,.16)}.connection-pill.online .dot{background:#25d366;box-shadow:0 0 0 4px rgba(37,211,102,.14)}.user-chip b{color:#111827}.avatar{background:linear-gradient(135deg,#25d366,#145cff)}.icon-btn{color:#667085}
.nav{background:#fff}.nav button{color:#667085}.nav button:hover{color:#141414;background:#f3f5f7}.nav button.active{color:#fff;background:linear-gradient(135deg,#145cff,#0f51e0);box-shadow:0 10px 24px rgba(20,92,255,.18)}
.eyebrow{color:#145cff}.hero{background:linear-gradient(135deg,#141414 0%,#0f244f 62%,#145cff 100%);color:#fff;border-color:rgba(20,92,255,.18)}.hero p,.hero .eyebrow{color:rgba(255,255,255,.84)}.status-grid span{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);color:#fff}.primary{background:linear-gradient(135deg,#145cff,#0f51e0)!important;color:#fff!important}.ghost{background:#fff;color:#145cff;border:1px solid rgba(20,92,255,.14)}.danger{background:#fff4f5;color:#c7364a;border:1px solid rgba(199,54,74,.16)}
.metrics article.card,.message-dashboard.card,.section-head.card,.group-code.card,.account-info.card,.log-row.card,.message-row.card,.rule-card.card{background:#fff}.metrics article span{color:#145cff}.metrics article b{color:#141414}.system-banner{border-color:rgba(20,92,255,.18);background:linear-gradient(110deg,rgba(20,92,255,.08),rgba(37,211,102,.08));}.manual-badge{background:#fff;color:#145cff;border:1px solid rgba(20,92,255,.14)}.system-check{background:#145cff;color:#fff}
.auth-shell{min-height:100vh;background:linear-gradient(180deg,#ffffff 0%,#f3f5f7 100%);background-image:radial-gradient(760px 360px at 10% 0,rgba(20,92,255,.12),transparent 58%),radial-gradient(620px 320px at 0 20%,rgba(37,211,102,.10),transparent 56%)}.auth-pitch{color:#141414}.login-brand{align-items:flex-start;gap:16px}.login-brand img{width:240px;height:auto;object-fit:contain;border:none;box-shadow:none;background:none;padding:0}.login-brand small{color:#667085;letter-spacing:.18em}.auth-pitch h1,.auth-pitch p,.auth-features div{color:#141414}.auth-pitch h1 span{color:#145cff}.auth-features div i{background:#25d366;color:#fff}.auth-brandbook{margin:18px 0 20px;display:block;width:min(100%,420px);border-radius:22px;box-shadow:0 18px 50px rgba(20,20,20,.10);border:1px solid rgba(20,20,20,.06)}.auth-card{background:#fff;border:1px solid rgba(20,20,20,.08);box-shadow:0 18px 60px rgba(20,20,20,.10)}.auth-card h2,.auth-card p,label{color:#141414}.auth-card input{background:#fff;color:#141414;border-color:#d8dee7}.auth-foot{color:#667085}.mini-plan{border-color:rgba(20,20,20,.08);background:#fff}.mini-plan span{color:#145cff}.mini-plan a{color:#145cff}
@media(max-width:760px){.brand-logo{width:180px}.login-brand img{width:200px}}


/* ===== AutoFlow 3.4 | tema claro/escuro corporativo ===== */
:root{
  --page:#f7f8fa;--page-grad1:rgba(20,92,255,.08);--page-grad2:rgba(37,211,102,.07);
  --surface:#ffffff;--surface-2:#f3f5f7;--surface-3:#eef2f7;
  --line:rgba(20,20,20,.08);--line-strong:rgba(20,20,20,.14);
  --text:#141414;--text-soft:#1f2937;--muted:#667085;--faint:#8695ad;
  --accent:#25d366;--accent-bright:#25d366;--accent-soft:rgba(37,211,102,.10);--accent-line:rgba(37,211,102,.25);
  --blue:#145cff;--blue-soft:rgba(20,92,255,.10);--blue-line:rgba(20,92,255,.22);
  --red:#d94b63;--red-soft:rgba(217,75,99,.10);--red-line:rgba(217,75,99,.22);
  --shadow:0 18px 50px rgba(16,24,40,.08);--shadow-sm:0 8px 24px rgba(16,24,40,.06);
}
:root[data-theme='dark']{
  color-scheme:dark;
  --page:#08111f;--page-grad1:rgba(20,92,255,.16);--page-grad2:rgba(37,211,102,.10);
  --surface:#0f1726;--surface-2:#121d30;--surface-3:#162235;
  --line:rgba(255,255,255,.09);--line-strong:rgba(255,255,255,.14);
  --text:#eef2f8;--text-soft:#d7deea;--muted:#95a3b8;--faint:#78879c;
  --accent-soft:rgba(37,211,102,.13);--accent-line:rgba(37,211,102,.32);
  --blue-soft:rgba(20,92,255,.18);--blue-line:rgba(20,92,255,.34);
  --red-soft:rgba(217,75,99,.12);--red-line:rgba(217,75,99,.28);
  --shadow:0 22px 60px rgba(0,0,0,.35);--shadow-sm:0 10px 30px rgba(0,0,0,.28);
}
html,body{background:var(--page)!important;color:var(--text)!important}
body{background-image:radial-gradient(900px 400px at 0% 0%, var(--page-grad1), transparent 60%),radial-gradient(900px 400px at 100% 0%, var(--page-grad2), transparent 60%)!important;}
p,.brand small,.message-full-text,.sub,small,.muted{color:var(--muted)!important}
.card,.top,.nav,.message-dashboard,.hero,.system-banner,.group-code,.account-info,.message-row,.log-row,.rule-card,.form,.hourly-panel,.games-panel,.recurring-panel{background:var(--surface)!important;border-color:var(--line)!important;box-shadow:var(--shadow-sm)!important;color:var(--text)}
.brand-logo{width:240px;height:auto;object-fit:contain}.brand strong,.user-chip b,h1,h2,h3,.message-row h3,.section-head h2{color:var(--text)!important}.version-tag{background:var(--blue-soft)!important;color:var(--blue)!important;border-color:var(--blue-line)!important}
.nav button{color:var(--muted)!important}.nav button:hover{background:var(--surface-2)!important;color:var(--text)!important}.nav button.active{background:linear-gradient(135deg,#145cff,#0f51e0)!important;color:#fff!important;box-shadow:0 10px 22px rgba(20,92,255,.18)!important}
.primary{background:linear-gradient(135deg,#145cff,#0f51e0)!important;color:#fff!important}.ghost{background:var(--surface)!important;color:var(--blue)!important;border:1px solid var(--blue-line)!important}.danger{background:var(--red-soft)!important;color:var(--red)!important;border:1px solid var(--red-line)!important}
input,textarea,select{background:var(--surface)!important;color:var(--text)!important;border-color:var(--line)!important}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--blue)!important;box-shadow:0 0 0 3px var(--blue-soft)!important}
.connection-pill,.user-chip,.icon-btn,.status-grid span,.badge,.schedule-chip,.manual-badge{background:var(--surface-2)!important;border-color:var(--line)!important;color:var(--text-soft)!important}.connection-pill.online{background:var(--accent-soft)!important;color:var(--accent)!important;border-color:var(--accent-line)!important}
.hero{background:linear-gradient(135deg,#ffffff 0%,#f6f9ff 45%,#eef4ff 100%)!important}.hero h1,.hero p,.hero .eyebrow{color:#141414!important}.hero .primary{margin-top:6px}.status-grid span{background:rgba(20,92,255,.06)!important;color:var(--text)!important}.metrics article.card span,.eyebrow{color:var(--blue)!important}.metrics article.card b{color:var(--text)!important}.avatar{background:linear-gradient(135deg,#25d366,#145cff)!important}
:root[data-theme='dark'] .hero{background:linear-gradient(135deg,#0f1726 0%,#101f36 45%,#0f51e0 100%)!important}.panel-topbar{border-bottom:1px solid var(--line);background:var(--surface)}.panel-topbar-inner{width:min(1420px,calc(100% - 36px));margin:0 auto;padding:12px 0;display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}.panel-topbar-links,.panel-topbar-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.panel-topbar a{text-decoration:none;color:var(--blue);font-weight:700}.panel-topbar-actions #expiryBadge{font-size:13px;color:var(--muted)}
.theme-toggle,.theme-mini{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--text);font:600 13px var(--font);cursor:pointer}.theme-toggle.compact{padding:8px 12px}.theme-toggle:hover,.theme-mini:hover{border-color:var(--blue-line);color:var(--blue)}
.institutional-shell{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(340px,420px);gap:34px;align-items:start;max-width:1360px;padding:36px 24px;margin:0 auto}.institutional-pitch{background:none!important;border:none!important;box-shadow:none!important;padding:0!important}.pitch-topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.login-brand img{width:min(320px,100%);height:auto;object-fit:contain}.pitch-copy{max-width:760px;font-size:16px}.institutional-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0}.feature-panel{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:var(--shadow-sm)}.feature-highlight{background:linear-gradient(180deg,var(--surface),var(--surface-2))}.step-list{list-style:none;padding:0;margin:0;display:grid;gap:12px}.step-list li{display:grid;gap:4px;padding:14px 14px 14px 18px;border-radius:16px;background:var(--surface-2);border:1px solid var(--line)}.step-list li b{color:var(--text)}.mini-feature-list{display:grid;gap:12px}.mini-feature-list div{display:flex;align-items:flex-start;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.mini-feature-list div:last-child{border-bottom:0}.mini-feature-list i{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-style:normal;font-weight:800}.public-section{margin-top:12px}.section-title-row{display:flex;align-items:end;justify-content:space-between;margin-bottom:12px}.public-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.mini-plan{border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--shadow-sm)}.mini-plan b{font-size:14px;color:var(--text)}.mini-plan span{font-size:22px;font-weight:800;color:var(--blue)}.mini-plan del{font-size:12px;color:var(--faint);margin-right:6px}.mini-plan small{color:var(--muted)}.mini-plan a{margin-top:8px;color:var(--blue);text-decoration:none;font-size:13px;font-weight:800}
.institutional-card{position:sticky;top:26px;background:var(--surface)!important;border:1px solid var(--line)!important;box-shadow:var(--shadow)!important}.auth-card h2,.auth-card p,label{color:var(--text)!important}.auth-foot{color:var(--muted)!important}.reveal{background:transparent;color:var(--muted)}.auth-error{background:var(--red-soft);border:1px solid var(--red-line);color:var(--red);padding:12px;border-radius:14px;margin-bottom:10px}
@media(max-width:1080px){.institutional-shell{grid-template-columns:1fr}.institutional-card{position:relative;top:auto}.institutional-grid{grid-template-columns:1fr 1fr}}@media(max-width:820px){.institutional-grid,.public-plans{grid-template-columns:1fr}.brand-logo{width:200px}.panel-topbar-inner{width:min(100% - 24px,1420px)}.shell{width:min(100% - 24px,1420px);margin:18px auto 60px}.pitch-topbar{flex-direction:column;align-items:flex-start}.nav{grid-template-columns:repeat(3,1fr)}}@media(max-width:560px){.nav{grid-template-columns:repeat(2,1fr)}.top{padding:14px}.top-actions{flex-wrap:wrap;justify-content:flex-end}.brand{width:100%;flex-direction:column;align-items:flex-start}.brand-logo{width:180px}}


/* ===== AutoFlow 3.5 | contraste, logomarca e legibilidade ===== */
[data-autoflow-logo],.brand-logo,.login-brand img{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  border-radius:0!important;
  padding:0!important;
  filter:none;
}
.brand,.login-brand{background:transparent!important;border:0!important;box-shadow:none!important;}
:root:not([data-theme='dark']) body,
:root:not([data-theme='dark']) .card,
:root:not([data-theme='dark']) .feature-panel,
:root:not([data-theme='dark']) .mini-plan,
:root:not([data-theme='dark']) .institutional-card,
:root:not([data-theme='dark']) .nav,
:root:not([data-theme='dark']) .panel-topbar{
  color:#141414!important;
}
:root:not([data-theme='dark']) h1,
:root:not([data-theme='dark']) h2,
:root:not([data-theme='dark']) h3,
:root:not([data-theme='dark']) h4,
:root:not([data-theme='dark']) strong,
:root:not([data-theme='dark']) b,
:root:not([data-theme='dark']) label,
:root:not([data-theme='dark']) legend,
:root:not([data-theme='dark']) .message-full-text,
:root:not([data-theme='dark']) .row-main,
:root:not([data-theme='dark']) .rule-fields,
:root:not([data-theme='dark']) .checks label,
:root:not([data-theme='dark']) .day-grid label,
:root:not([data-theme='dark']) .hour-grid label,
:root:not([data-theme='dark']) .status-grid span{
  color:#141414!important;
}
:root:not([data-theme='dark']) p,
:root:not([data-theme='dark']) small,
:root:not([data-theme='dark']) .sub,
:root:not([data-theme='dark']) .muted,
:root:not([data-theme='dark']) .auth-foot,
:root:not([data-theme='dark']) .brand small{
  color:#566275!important;
}
:root:not([data-theme='dark']) input,
:root:not([data-theme='dark']) textarea,
:root:not([data-theme='dark']) select{
  color:#141414!important;
  background:#fff!important;
  border-color:#cfd7e3!important;
}
:root:not([data-theme='dark']) input::placeholder,
:root:not([data-theme='dark']) textarea::placeholder{color:#7d8796!important;opacity:1}
:root:not([data-theme='dark']) .ghost{color:#0f51e0!important;background:#fff!important}
:root:not([data-theme='dark']) .connection-pill:not(.online){color:#465366!important}
:root:not([data-theme='dark']) .badge.off{color:#596579!important}

:root[data-theme='dark'] h1,
:root[data-theme='dark'] h2,
:root[data-theme='dark'] h3,
:root[data-theme='dark'] h4,
:root[data-theme='dark'] strong,
:root[data-theme='dark'] b,
:root[data-theme='dark'] label,
:root[data-theme='dark'] legend,
:root[data-theme='dark'] .message-full-text,
:root[data-theme='dark'] .row-main,
:root[data-theme='dark'] .rule-fields,
:root[data-theme='dark'] .checks label,
:root[data-theme='dark'] .day-grid label,
:root[data-theme='dark'] .hour-grid label{
  color:#eef2f8!important;
}
:root[data-theme='dark'] p,
:root[data-theme='dark'] small,
:root[data-theme='dark'] .sub,
:root[data-theme='dark'] .muted,
:root[data-theme='dark'] .auth-foot,
:root[data-theme='dark'] .brand small{
  color:#aeb9c9!important;
}
:root[data-theme='dark'] input,
:root[data-theme='dark'] textarea,
:root[data-theme='dark'] select{
  color:#f5f7fb!important;
  background:#111c2e!important;
  border-color:#314158!important;
}
:root[data-theme='dark'] input::placeholder,
:root[data-theme='dark'] textarea::placeholder{color:#8391a5!important;opacity:1}
:root[data-theme='dark'] .hero h1,
:root[data-theme='dark'] .hero p,
:root[data-theme='dark'] .hero .eyebrow,
:root[data-theme='dark'] .status-grid span{color:#f5f8ff!important}
:root[data-theme='dark'] .status-grid span{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.12)!important}


/* ===== AutoFlow 3.6 | landing page premium ===== */
.landing-shell{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(360px,430px);gap:40px;align-items:start;max-width:1460px;padding:34px 24px 54px;margin:0 auto}
.landing-left{display:grid;gap:28px}
.landing-topbar{margin-bottom:0}
.landing-brand-wrap{display:flex;align-items:center;gap:14px}
.landing-brand-icon{width:72px;height:72px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(37,211,102,.18),rgba(20,92,255,.18));border:1px solid var(--line);box-shadow:var(--shadow-sm)}
.landing-brand-icon img{width:48px;height:48px;object-fit:contain}
.landing-brand-text{display:flex;flex-direction:column;gap:4px}.landing-brand-text b{font-size:24px;line-height:1;color:var(--text)}.landing-brand-text small{color:var(--muted);font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.landing-hero{padding:4px 0 0}.landing-hero h1{font-size:clamp(42px,5vw,76px);line-height:1.04;max-width:860px;margin-bottom:18px;letter-spacing:-.04em;color:var(--text)!important}.landing-hero h1 span{background:linear-gradient(135deg,#25d366,#145cff);-webkit-background-clip:text;background-clip:text;color:transparent!important}.landing-hero .pitch-copy{font-size:20px;line-height:1.62;max-width:760px;color:var(--muted)!important}
.landing-benefits{display:grid;gap:14px;margin-top:18px;max-width:760px}.landing-benefits div{display:flex;align-items:center;gap:14px;font-size:18px;color:var(--text);font-weight:600}.landing-benefits i{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:12px;background:var(--accent-soft);border:1px solid var(--accent-line);color:var(--accent);font-style:normal;font-weight:900;box-shadow:0 8px 20px rgba(37,211,102,.12)}
.landing-section{background:var(--surface);border:1px solid var(--line);border-radius:28px;padding:26px;box-shadow:var(--shadow-sm)}.landing-section h2{font-size:28px;margin-bottom:8px;color:var(--text)!important}.landing-section p{max-width:900px}
.plans-detailed{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:8px}.plan-detailed{padding:20px;border-radius:22px;display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden}.plan-detailed .plan-topline{display:inline-flex;align-self:flex-start;padding:7px 10px;border-radius:999px;background:var(--blue-soft);border:1px solid var(--blue-line);color:var(--blue);font-size:11px;font-weight:800;letter-spacing:.08em}.plan-detailed.plan-featured{border-color:rgba(37,211,102,.36);box-shadow:0 0 0 2px rgba(37,211,102,.10),var(--shadow-sm)}.plan-detailed ul{list-style:none;padding:0;margin:4px 0 0;display:grid;gap:9px}.plan-detailed ul li{position:relative;padding-left:20px;color:var(--text-soft)}.plan-detailed ul li::before{content:'•';position:absolute;left:4px;top:0;color:var(--accent);font-weight:900}.plan-detailed a{display:inline-flex;justify-content:center;align-items:center;min-height:44px;border-radius:14px;background:linear-gradient(135deg,#145cff,#0f51e0);color:#fff!important;font-weight:800;text-decoration:none;margin-top:auto}.plan-detailed a:hover{opacity:.96}
.faq-list{display:grid;gap:14px;margin-top:8px}.faq-list details{background:var(--surface-2);border:1px solid var(--line);border-radius:18px;padding:16px 18px}.faq-list summary{cursor:pointer;list-style:none;font-size:17px;font-weight:700;color:var(--text);display:flex;align-items:center;justify-content:space-between;gap:16px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:'+';font-size:22px;line-height:1;color:var(--blue)}.faq-list details[open] summary::after{content:'−'}.faq-list details p{margin:12px 0 0;color:var(--muted)!important}
.landing-login-card{top:24px;border-radius:28px;padding:28px!important}.login-mini-features{display:flex;gap:10px;flex-wrap:wrap;margin:2px 0 4px}.login-mini-features span{display:inline-flex;padding:8px 12px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);color:var(--text-soft);font-size:12px;font-weight:700}
:root[data-theme='dark'] .landing-brand-icon{background:linear-gradient(135deg,rgba(37,211,102,.20),rgba(20,92,255,.20))}:root[data-theme='dark'] .landing-section,:root[data-theme='dark'] .plan-detailed,:root[data-theme='dark'] .faq-list details,:root[data-theme='dark'] .landing-login-card{background:var(--surface)!important}:root[data-theme='dark'] .landing-hero h1,:root[data-theme='dark'] .landing-benefits div,:root[data-theme='dark'] .faq-list summary{color:#eef2f8!important}
@media(max-width:1200px){.plans-detailed{grid-template-columns:1fr}.landing-shell{grid-template-columns:1fr}.landing-login-card{position:relative;top:auto}}
@media(max-width:780px){.landing-shell{padding:22px 14px 36px}.landing-section{padding:20px}.landing-hero h1{font-size:clamp(34px,12vw,54px)}.landing-hero .pitch-copy{font-size:17px}.landing-benefits div{font-size:16px}.landing-brand-icon{width:62px;height:62px}.landing-topbar{flex-direction:column;align-items:flex-start}.faq-list summary{font-size:16px}}


/* ===== AutoFlow 3.7 | dark default, four plans and custom proposal ===== */
.login-page{background:#07101d!important;background-image:radial-gradient(850px 420px at 0 0,rgba(37,211,102,.11),transparent 58%),radial-gradient(950px 520px at 100% 0,rgba(20,92,255,.15),transparent 58%)!important}
.login-page .landing-shell{max-width:1560px;grid-template-columns:minmax(0,1.48fr) minmax(360px,430px)}
.login-page .landing-section,.login-page .mini-plan,.login-page .faq-list details,.login-page .landing-login-card{background:#0f1726!important;border-color:rgba(255,255,255,.09)!important;color:#eef2f8!important}
.login-page .landing-hero h1,.login-page h2,.login-page h3,.login-page b,.login-page label,.login-page .landing-benefits div,.login-page .faq-list summary,.login-page .plan-detailed ul li{color:#f3f6fb!important}.login-page p,.login-page small,.login-page .pitch-copy{color:#aeb9c9!important}.login-page input,.login-page textarea{background:#111c2e!important;color:#f5f7fb!important;border-color:#314158!important}.login-page input::placeholder,.login-page textarea::placeholder{color:#8391a5!important}.login-page .landing-brand-text b{color:#fff!important}.login-page .landing-brand-text small{color:#9dabbd!important}
.plans-detailed{grid-template-columns:repeat(4,minmax(0,1fr));width:100%}.plan-custom{border-color:rgba(20,92,255,.34)!important}.custom-plan-button{display:inline-flex;justify-content:center;align-items:center;min-height:44px;border:0;border-radius:14px;background:linear-gradient(135deg,#25d366,#16b965);color:#07120b;font:800 13px var(--font);cursor:pointer;margin-top:auto}.proposal-form{display:grid;gap:16px}.proposal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.proposal-form label{display:grid;gap:8px;font-weight:700}.proposal-form textarea{resize:vertical}.proposal-actions{display:flex;justify-content:flex-end;gap:10px}.proposal-actions button{min-width:140px}.proposal-notice{padding:13px 15px;border-radius:14px;font-weight:700}.proposal-notice.success{display:block!important;background:rgba(37,211,102,.12);border:1px solid rgba(37,211,102,.28);color:#60e996}.proposal-notice.error{display:block!important;background:rgba(255,91,113,.12);border:1px solid rgba(255,91,113,.28);color:#ff8b9b}
@media(max-width:1360px){.plans-detailed{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.plans-detailed,.proposal-grid{grid-template-columns:1fr}.login-page .landing-shell{grid-template-columns:1fr}}

/* ===== AutoFlow 3.8 | full-width sections, transparent favicon and motion ===== */
html{scroll-behavior:smooth}
.login-page .landing-shell{max-width:1680px;width:min(100% - 32px,1680px)}
.login-page .landing-section{grid-column:1 / -1;width:100%;padding:32px}
.login-page .landing-section .section-title-row{max-width:1200px;margin:0 auto 22px}
.login-page .plans-detailed{width:100%;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.login-page .plan-detailed{min-height:100%;padding:24px}
.login-page .faq-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%}
.login-page .faq-list details{min-height:100%}
.login-page .proposal-section{max-width:none}
.login-page .proposal-form{max-width:1180px;margin:0 auto}

/* initial page entrance */
.reveal-on-load{opacity:0;transform:translateY(24px);transition:opacity .75s cubic-bezier(.2,.8,.2,1),transform .75s cubic-bezier(.2,.8,.2,1)}
.reveal-delay-1{transition-delay:.14s}
.page-ready .reveal-on-load{opacity:1;transform:none}

/* scroll reveal */
.scroll-reveal{opacity:0;transform:translateY(34px);transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1)}
.scroll-reveal.is-visible{opacity:1;transform:none}
.scroll-reveal-card{opacity:0;transform:translateY(22px) scale(.985);transition:opacity .62s cubic-bezier(.2,.8,.2,1),transform .62s cubic-bezier(.2,.8,.2,1),border-color .2s ease,box-shadow .2s ease}
.scroll-reveal-card.is-visible{opacity:1;transform:none}
.scroll-reveal-card:nth-child(2){transition-delay:.06s}.scroll-reveal-card:nth-child(3){transition-delay:.12s}.scroll-reveal-card:nth-child(4){transition-delay:.18s}
.plan-detailed:hover{transform:translateY(-4px);box-shadow:0 18px 44px rgba(0,0,0,.22)!important}
.faq-list details{transition:border-color .2s ease,background .2s ease,transform .2s ease}
.faq-list details:hover{border-color:rgba(20,92,255,.30)!important;transform:translateY(-1px)}

@media(max-width:1360px){.login-page .plans-detailed{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.login-page .faq-list{grid-template-columns:1fr}.login-page .landing-section{padding:24px}}
@media(max-width:720px){.login-page .landing-shell{width:min(100% - 20px,1680px);padding-left:0;padding-right:0}.login-page .plans-detailed{grid-template-columns:1fr}.login-page .landing-section{padding:20px;border-radius:22px}.scroll-reveal,.scroll-reveal-card{transform:translateY(20px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal-on-load,.scroll-reveal,.scroll-reveal-card{opacity:1!important;transform:none!important;transition:none!important}}


/* ===== AutoFlow 3.9 | landing exata estilo showcase ===== */
html{scroll-behavior:smooth}
body.af39-modal-open{overflow:hidden}
.af39-page{max-width:1280px;margin:0 auto;padding:24px 18px 90px;position:relative}
.af39-page::before,.af39-page::after{content:'';position:fixed;inset:auto;width:380px;height:380px;border-radius:50%;filter:blur(80px);opacity:.36;pointer-events:none;z-index:-1}.af39-page::before{left:-140px;top:220px;background:rgba(13,117,255,.32)}.af39-page::after{right:-120px;top:110px;background:rgba(37,211,102,.22)}
.af39-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;padding:2px 8px 24px}.af39-brand img{width:230px;display:block;object-fit:contain}.af39-nav{display:flex;justify-content:center;gap:38px;flex-wrap:wrap}.af39-nav a{position:relative;text-decoration:none;color:#f3f7ff;font-size:15px;font-weight:600}.af39-nav a:hover{color:#fff}.af39-nav a:first-child::after,.af39-nav a:hover::after{content:'';position:absolute;left:0;right:0;bottom:-10px;height:2px;border-radius:999px;background:linear-gradient(90deg,#25d366,#145cff)}
.af39-header-cta{min-height:52px;padding:0 24px;border:none;border-radius:16px;background:linear-gradient(135deg,#25d366,#38f08f);color:#061122;font:800 16px/1 var(--font);display:inline-flex;align-items:center;gap:10px;box-shadow:0 10px 26px rgba(37,211,102,.18);cursor:pointer}.af39-header-cta span{font-size:20px;line-height:1}
.af39-chip{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 14px;border-radius:999px;background:rgba(8,27,54,.84);border:1px solid rgba(41,124,255,.22);box-shadow:0 8px 18px rgba(0,0,0,.16);color:#6cf7c5;font-size:12px;font-weight:800;letter-spacing:.08em}
.af39-hero{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(480px, 1fr);gap:34px;align-items:start;padding-top:8px}.af39-copy h1{font-size:68px;line-height:1.02;letter-spacing:-.055em;max-width:620px;color:#fbfdff!important;margin:18px 0 16px}.af39-copy h1 span{background:linear-gradient(135deg,#25d366,#3fb5ff);-webkit-background-clip:text;background-clip:text;color:transparent!important}.af39-copy p{font-size:18px;line-height:1.5;max-width:620px;color:#d7e5fb!important;margin:0 0 28px}.af39-actions{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:28px}.af39-btn{min-height:56px;padding:0 28px;border-radius:16px;font:700 16px var(--font);display:inline-flex;align-items:center;gap:10px;text-decoration:none}.af39-btn-primary{background:linear-gradient(135deg,#25d366,#38e989);color:#071422!important;box-shadow:0 10px 26px rgba(37,211,102,.18)}.af39-btn-secondary{background:rgba(8,18,34,.86);border:1px solid rgba(41,124,255,.24);color:#f1f5ff!important}.af39-trusts{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.af39-trusts div{display:flex;align-items:flex-start;gap:10px}.af39-trusts i{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;font-style:normal;background:rgba(8,18,34,.84);border:1px solid rgba(41,124,255,.2);color:#25d366}.af39-trusts span{display:grid;gap:2px}.af39-trusts b{color:#f3f7ff;font-size:15px}.af39-trusts small{color:#9db0cb;font-size:13px}
.af39-visual{position:relative;min-height:640px}.af39-main-icon{position:absolute;inset:56px auto auto 50%;transform:translateX(-46%);width:420px;max-width:72%;object-fit:contain;filter:drop-shadow(0 12px 34px rgba(0,0,0,.48))}.af39-glow{position:absolute;border-radius:50%;filter:blur(34px);opacity:.9}.af39-glow-1{width:280px;height:280px;background:rgba(15,91,255,.35);right:120px;top:30px}.af39-glow-2{width:220px;height:220px;background:rgba(37,211,102,.22);right:20px;top:170px}.af39-glow-3{width:520px;height:160px;background:rgba(0,180,255,.18);left:120px;bottom:150px}
.af39-floating{position:absolute;width:192px;min-height:86px;padding:14px 18px;border-radius:18px;background:linear-gradient(180deg,rgba(9,20,40,.92),rgba(9,18,35,.84));border:1px solid rgba(68,140,255,.24);box-shadow:0 14px 30px rgba(0,0,0,.28);display:grid;gap:4px}.af39-floating b{color:#ecf4ff;font-size:16px}.af39-floating span{color:#a4b7d5;font-size:13px;line-height:1.35}.af39-floating em{justify-self:end;width:18px;height:18px;border-radius:50%;background:#71ffbb;box-shadow:0 0 0 4px rgba(113,255,187,.18)}.af39-left-top{left:8px;top:18px}.af39-left-mid{left:-8px;top:148px}.af39-left-bottom{left:18px;top:278px}.af39-right-top{right:8px;top:22px}.af39-right-mid{right:-6px;top:162px}.af39-right-bottom{right:18px;top:292px}
.af39-dashboard{position:absolute;left:145px;right:0;bottom:0;min-height:230px;padding:18px 22px;border-radius:28px;background:linear-gradient(180deg,rgba(8,16,31,.95),rgba(6,12,24,.92));border:1px solid rgba(57,123,255,.22);box-shadow:0 20px 44px rgba(0,0,0,.35);overflow:hidden}.af39-dashboard::before{content:'';position:absolute;inset:auto auto 0 -40px;width:280px;height:180px;background:radial-gradient(circle,rgba(37,211,102,.18),transparent 70%)}.af39-dash-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.af39-dash-head img{width:110px;object-fit:contain}.af39-dash-head span{display:inline-flex;padding:7px 12px;border-radius:999px;background:rgba(10,23,42,.86);border:1px solid rgba(57,123,255,.18);color:#dce9ff;font-size:12px;font-weight:700}.af39-dash-greet{display:grid;gap:4px;margin-bottom:14px}.af39-dash-greet b{color:#f6f9ff;font-size:18px}.af39-dash-greet small{color:#91a8c8}.af39-dash-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.af39-dash-stats article{padding:16px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);display:grid;gap:6px}.af39-dash-stats small{color:#8aa0c0}.af39-dash-stats b{color:#f6f9ff;font-size:26px}.af39-dash-chart{padding:12px 0 0}.af39-dash-chart-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.af39-dash-chart-head small{color:#f1f5ff;font-weight:700}.af39-dash-chart-head span{color:#8aa0c0;font-size:12px}.af39-bars{height:95px;display:grid;grid-template-columns:repeat(7,1fr);gap:12px;align-items:end}.af39-bars i{display:block;border-radius:999px 999px 10px 10px;background:linear-gradient(180deg,#36ffe9,#145cff);box-shadow:0 0 16px rgba(20,92,255,.25)}
.af39-feature-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin:40px 0 18px}.af39-feature-strip article{display:flex;align-items:flex-start;gap:14px;padding:18px;border-radius:20px;background:linear-gradient(180deg,rgba(8,18,34,.88),rgba(7,15,28,.82));border:1px solid rgba(41,124,255,.16)}.af39-feature-strip i{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:rgba(14,28,50,.94);font-style:normal;font-size:21px}.af39-feature-strip b{display:block;color:#eff5ff;font-size:16px;margin-bottom:4px}.af39-feature-strip span{color:#a1b4d0;font-size:13px;line-height:1.4}
.af39-section{margin-top:26px;padding:12px 0}.af39-section-title{text-align:center;display:grid;justify-items:center;gap:10px;margin-bottom:26px}.af39-section-title h2{font-size:56px;line-height:1.04;letter-spacing:-.05em;color:#f7fbff!important;margin:0}.af39-section-title p{color:#b8c8de!important;margin:0 auto;max-width:760px;font-size:18px}
.af39-plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.af39-plan-card{position:relative;padding:22px 22px 18px;border-radius:24px;background:linear-gradient(180deg,rgba(8,18,34,.9),rgba(7,14,27,.86));border:1px solid rgba(41,124,255,.2);box-shadow:0 14px 32px rgba(0,0,0,.22);display:grid;gap:14px}.af39-plan-green{box-shadow:0 0 0 1px rgba(37,211,102,.18),0 12px 28px rgba(0,0,0,.24)}.af39-plan-blue{box-shadow:0 0 0 1px rgba(20,92,255,.24),0 12px 28px rgba(0,0,0,.24)}.af39-plan-purple{box-shadow:0 0 0 1px rgba(138,88,255,.24),0 12px 28px rgba(0,0,0,.24)}.af39-plan-icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:rgba(14,28,50,.94);font-size:28px}.af39-plan-head{display:grid;gap:4px}.af39-plan-head h3{margin:0;color:#f4f8ff!important;font-size:18px}.af39-plan-head p{margin:0;color:#aebdda!important;font-size:15px}.af39-price{font-size:52px;line-height:1;color:#54f7ac;font-weight:800;letter-spacing:-.05em}.af39-price small{font-size:16px;font-weight:500;color:#c6d7ee;margin-left:4px}.af39-plan-blue .af39-price{color:#4cffb2}.af39-plan-purple .af39-price{font-size:34px;color:#fff}.af39-plan-card ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}.af39-plan-card li{position:relative;padding-left:25px;color:#e6efff;font-size:15px;line-height:1.4}.af39-plan-card li::before{content:'✓';position:absolute;left:0;top:0;color:#25d366;font-weight:900}.af39-plan-btn{margin-top:auto;min-height:48px;border:none;border-radius:14px;background:linear-gradient(135deg,#25d366,#38f08f);color:#07121f;font:800 16px var(--font);display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.af39-plan-blue .af39-plan-btn{background:linear-gradient(135deg,#28a1ff,#145cff);color:#eef6ff}.af39-plan-purple .af39-plan-btn{background:linear-gradient(135deg,#7c6bff,#8f55ff);color:#f6f4ff}.af39-badge{position:absolute;right:18px;top:18px;display:inline-flex;padding:6px 10px;border-radius:999px;background:rgba(41,124,255,.14);border:1px solid rgba(41,124,255,.24);color:#d7e7ff;font-size:11px;font-weight:800;letter-spacing:.06em}
.af39-how-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.af39-how-grid article{padding:22px;border-radius:22px;background:linear-gradient(180deg,rgba(8,18,34,.88),rgba(7,14,27,.84));border:1px solid rgba(41,124,255,.18)}.af39-how-grid span{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:16px;background:rgba(16,33,58,.95);color:#58f0b0;font-weight:900;font-size:18px;margin-bottom:16px}.af39-how-grid b{display:block;color:#f0f6ff;font-size:18px;margin-bottom:6px}.af39-how-grid p{margin:0;color:#a6b8d4;line-height:1.45}
.af39-faq-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.af39-faq-grid details{background:linear-gradient(180deg,rgba(8,18,34,.88),rgba(7,14,27,.84));border:1px solid rgba(41,124,255,.16);border-radius:18px;padding:18px 20px}.af39-faq-grid summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#f4f8ff;font-weight:700;font-size:17px}.af39-faq-grid summary::-webkit-details-marker{display:none}.af39-faq-grid summary::after{content:'⌄';font-size:22px;line-height:1;color:#8ebdff;transform:translateY(-2px)}.af39-faq-grid details[open] summary::after{content:'⌃'}.af39-faq-grid p{margin:12px 0 0;color:#aebdda!important;line-height:1.55}
.af39-modal{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:20px}.af39-modal.hidden{display:none}.af39-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.62);backdrop-filter:blur(6px)}.af39-modal-card{position:relative;z-index:1;width:min(100%,460px);padding:24px;border-radius:24px;background:linear-gradient(180deg,rgba(8,18,34,.98),rgba(7,14,27,.96));border:1px solid rgba(41,124,255,.2);box-shadow:0 18px 50px rgba(0,0,0,.36)}.af39-modal-card-wide{width:min(100%,820px)}.af39-modal-close{position:absolute;right:16px;top:12px;border:none;background:transparent;color:#d7e7ff;font-size:30px;cursor:pointer}.af39-auth-form,.af39-proposal-box{display:grid;gap:14px}.af39-auth-form h3,.af39-proposal-box h3{margin:0;color:#f5f9ff!important;font-size:30px}.af39-auth-form p,.af39-proposal-box p{margin:0;color:#b2c3dd!important}.af39-auth-form label,.af39-proposal-box label{display:grid;gap:8px;color:#eef4ff;font-weight:600}.af39-auth-form input,.af39-proposal-box input,.af39-proposal-box textarea{width:100%;min-height:52px;border-radius:14px;border:1px solid rgba(41,124,255,.18);background:#152239!important;color:#f8fbff!important;padding:0 16px}.af39-proposal-box textarea{min-height:120px;padding:14px 16px;resize:vertical}.proposal-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.proposal-actions{display:flex;justify-content:flex-end;gap:12px}.proposal-notice{padding:12px 14px;border-radius:14px}.proposal-notice.success{background:rgba(37,211,102,.12);border:1px solid rgba(37,211,102,.26);color:#79ffb8}.proposal-notice.error{background:rgba(230,70,97,.12);border:1px solid rgba(230,70,97,.24);color:#ff9fb1}.af39-auth-form .primary,.af39-proposal-box .primary{min-height:52px;border:none;border-radius:14px;background:linear-gradient(135deg,#25d366,#38f08f)!important;color:#061121!important;font-weight:800}.af39-auth-form .ghost,.af39-proposal-box .ghost{min-height:48px;padding:0 18px;border-radius:14px;border:1px solid rgba(41,124,255,.2);background:rgba(8,18,34,.9)!important;color:#eaf3ff!important}.af39-reveal,.af39-reveal-card{opacity:0;transform:translateY(26px);transition:opacity .65s ease, transform .65s ease}.page-ready .af39-reveal,.page-ready .af39-reveal-card{opacity:1}.af39-reveal.is-visible,.af39-reveal-card.is-visible{opacity:1;transform:none}.af39-reveal-delay-1{transition-delay:.08s}.af39-reveal-delay-2{transition-delay:.18s}.af39-reveal-delay-3{transition-delay:.28s}
@media (max-width: 1180px){.af39-hero{grid-template-columns:1fr}.af39-copy h1{max-width:740px}.af39-visual{min-height:700px}.af39-plan-grid,.af39-how-grid,.af39-faq-grid,.af39-feature-strip{grid-template-columns:repeat(2,1fr)}.af39-dashboard{left:80px}.af39-section-title h2{font-size:44px}}
@media (max-width: 860px){.af39-page{padding:18px 14px 72px}.af39-header{grid-template-columns:1fr;justify-items:start}.af39-nav{justify-content:flex-start;gap:18px}.af39-copy h1{font-size:46px}.af39-trusts,.af39-plan-grid,.af39-feature-strip,.af39-how-grid,.af39-faq-grid,.proposal-grid{grid-template-columns:1fr}.af39-visual{min-height:620px}.af39-main-icon{width:320px;top:66px}.af39-floating{position:relative!important;left:auto!important;right:auto!important;top:auto!important;width:100%}.af39-dashboard{position:relative;left:auto;right:auto;margin-top:320px}.af39-section-title h2{font-size:38px}.af39-price{font-size:42px}.af39-modal-card-wide{width:min(100%,96vw)}}


/* ===== AutoFlow 4.1 | resumo em tempo real do painel ===== */
.realtime-overview{margin-top:20px;padding:24px;border-radius:28px;background:linear-gradient(180deg,rgba(8,18,34,.94),rgba(7,14,27,.9))!important;border:1px solid rgba(41,124,255,.18)!important;box-shadow:0 20px 42px rgba(0,0,0,.24)!important}
.overview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.overview-head h2{margin:6px 0 8px;color:#f5f9ff!important;font-size:34px;letter-spacing:-.03em}.overview-head p{margin:0;color:#aebdda!important;max-width:620px}.overview-status{display:inline-flex;align-items:center;padding:10px 14px;border-radius:999px;background:rgba(14,28,50,.94);border:1px solid rgba(41,124,255,.18);color:#dce8ff;font-size:12px;font-weight:700;white-space:nowrap}
.overview-grid{display:grid;grid-template-columns:1.3fr .9fr;gap:18px}.overview-summary-card,.overview-feed-card{background:linear-gradient(180deg,rgba(8,16,31,.96),rgba(7,14,27,.92));border:1px solid rgba(57,123,255,.18);border-radius:24px;padding:20px;box-shadow:0 14px 34px rgba(0,0,0,.22)}
.overview-summary-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.overview-summary-top small{display:block;color:#8aa0c0;font-weight:700;letter-spacing:.08em;margin-bottom:6px}.overview-summary-top strong{display:block;color:#f7fbff;font-size:28px;letter-spacing:-.02em}.overview-summary-top p{margin:8px 0 0;color:#aebdda}.overview-live{display:inline-flex;padding:8px 12px;border-radius:999px;background:rgba(37,211,102,.12);border:1px solid rgba(37,211,102,.22);color:#73ffc0;font-size:12px;font-weight:800}
.overview-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.overview-stats article{padding:16px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);display:grid;gap:6px}.overview-stats small{color:#8aa0c0}.overview-stats b{color:#f7fbff;font-size:28px;line-height:1}
.overview-chart-card{padding-top:8px}.overview-chart-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.overview-chart-head small{color:#f1f5ff;font-weight:700}.overview-chart-head span{color:#8aa0c0;font-size:12px}.overview-chart-bars{height:110px;display:grid;grid-template-columns:repeat(7,1fr);gap:12px;align-items:end}.overview-chart-bars i{display:block;border-radius:999px 999px 10px 10px;background:linear-gradient(180deg,#36ffe9,#145cff);box-shadow:0 0 16px rgba(20,92,255,.25)}
.overview-feed-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.overview-feed-head strong{color:#f6f9ff;font-size:20px}.overview-feed-head span{color:#97adcb;font-size:13px}.overview-feed-list{display:grid;gap:12px}.overview-feed-item{display:flex;align-items:flex-start;gap:12px;padding:14px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}.overview-feed-item strong{display:block;color:#eff6ff;font-size:14px;line-height:1.35;margin-bottom:4px}.overview-feed-item small{color:#8ea3c1}.overview-feed-icon{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(37,211,102,.12);color:#75ffc0;border:1px solid rgba(37,211,102,.24);font-weight:800;flex:none}.overview-feed-icon.error{background:rgba(230,70,97,.12);border-color:rgba(230,70,97,.24);color:#ff9fb1}.overview-feed-empty{padding:16px;border-radius:18px;background:rgba(255,255,255,.03);border:1px dashed rgba(255,255,255,.1);color:#9bb0cd}
@media(max-width:1100px){.overview-grid{grid-template-columns:1fr}.overview-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.overview-head{flex-direction:column}.overview-stats{grid-template-columns:1fr}.overview-summary-top{flex-direction:column}.overview-head h2{font-size:28px}}


/* ===== AutoFlow 4.2 | painel alinhado à landing ===== */
body{min-height:100vh}
body::before,body::after{content:'';position:fixed;inset:auto;pointer-events:none;z-index:-1;border-radius:50%;filter:blur(90px);opacity:.42}
body::before{left:-150px;top:140px;width:380px;height:380px;background:rgba(20,92,255,.24)}
body::after{right:-120px;top:70px;width:360px;height:360px;background:rgba(37,211,102,.18)}
.shell{width:min(1320px,calc(100% - 34px));margin:20px auto 80px;display:grid;gap:20px}
.panel-topbar{position:sticky;top:0;z-index:30;background:rgba(6,12,24,.72)!important;border-bottom:1px solid rgba(61,125,255,.14)!important;backdrop-filter:blur(14px)}
.panel-topbar-inner{width:min(1320px,calc(100% - 34px));padding:12px 0}.panel-topbar a{color:#dfeaff!important}.panel-topbar a:hover{color:#fff!important}.panel-topbar-actions #expiryBadge{padding:8px 12px;border-radius:999px;background:rgba(14,28,50,.82);border:1px solid rgba(61,125,255,.16);color:#dce7ff!important}
.top.card{position:relative;overflow:hidden;padding:22px 24px;border-radius:28px;background:linear-gradient(180deg,rgba(8,18,34,.92),rgba(7,14,27,.88))!important;border:1px solid rgba(61,125,255,.16)!important;box-shadow:0 20px 42px rgba(0,0,0,.24)!important}.top.card::before{content:'';position:absolute;right:-70px;top:-80px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(20,92,255,.22),transparent 68%)}.top.card::after{content:'';position:absolute;left:-80px;bottom:-90px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(37,211,102,.14),transparent 68%)}
.brand{position:relative;z-index:1}.brand-logo{width:220px!important;filter:drop-shadow(0 8px 18px rgba(0,0,0,.26))}.brand strong{font-size:26px;letter-spacing:-.03em;color:#f8fbff!important}.brand small{font-size:13px;color:#9fb1cc!important}.version-tag{padding:4px 10px!important;border-radius:999px!important;background:rgba(20,92,255,.18)!important;border:1px solid rgba(20,92,255,.25)!important;color:#b9d9ff!important;font-style:normal}
.top-actions{position:relative;z-index:1;align-items:center}.connection-pill,.user-chip,.icon-btn{background:rgba(11,22,40,.84)!important;border:1px solid rgba(61,125,255,.16)!important;box-shadow:none!important}.connection-pill{padding:12px 16px}.connection-pill b,.user-chip b{color:#eef4ff!important}.user-chip{gap:12px}.avatar{box-shadow:0 6px 18px rgba(20,92,255,.24)!important}
.nav.card{padding:10px;border-radius:24px;background:linear-gradient(180deg,rgba(8,18,34,.9),rgba(7,14,27,.86))!important;border:1px solid rgba(61,125,255,.15)!important;display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.nav button{min-height:58px;border-radius:18px!important;background:rgba(11,22,40,.56)!important;border:1px solid rgba(61,125,255,.08)!important;color:#d6e4fb!important;font-weight:700;font-size:15px}.nav button:hover{background:rgba(14,28,50,.9)!important;color:#fff!important;border-color:rgba(61,125,255,.18)!important}.nav button.active{background:linear-gradient(135deg,#145cff,#0f51e0)!important;border-color:rgba(61,125,255,.28)!important;box-shadow:0 12px 22px rgba(20,92,255,.24)!important}
.hero.card{position:relative;overflow:hidden;padding:28px;border-radius:30px;background:linear-gradient(140deg,rgba(7,18,33,.98) 0%, rgba(7,16,30,.94) 48%, rgba(10,25,46,.92) 100%)!important;border:1px solid rgba(61,125,255,.16)!important;display:grid;grid-template-columns:minmax(0,1.15fr) 420px;gap:22px;align-items:center}.hero.card::before{content:'';position:absolute;right:-90px;top:-70px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(20,92,255,.32),transparent 68%)}.hero.card::after{content:'';position:absolute;left:-60px;bottom:-100px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(37,211,102,.18),transparent 68%)}.hero h1{font-size:52px;line-height:1.02;letter-spacing:-.05em;margin:10px 0 14px;color:#f7fbff!important;max-width:680px}.hero p{max-width:620px;color:#aec0db!important;font-size:17px;line-height:1.55}.hero .primary{min-height:54px;padding:0 24px;border-radius:16px!important;background:linear-gradient(135deg,#25d366,#38f08f)!important;color:#061322!important;box-shadow:0 12px 24px rgba(37,211,102,.18)!important;font-weight:800}.status-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.status-grid span{min-height:84px;align-items:flex-start!important;justify-content:flex-end;flex-direction:column;padding:16px 18px;border-radius:22px!important;background:linear-gradient(180deg,rgba(11,22,40,.88),rgba(9,18,35,.84))!important;border:1px solid rgba(61,125,255,.14)!important;color:#eef4ff!important;font-weight:700;font-size:14px;box-shadow:0 10px 20px rgba(0,0,0,.16)}.status-grid span::before{content:'';display:block;width:10px;height:10px;border-radius:50%;background:#25d366;box-shadow:0 0 0 5px rgba(37,211,102,.14);margin-bottom:12px}
.qr.card,.account-info.card,.system-banner.card,.section-head.card,.message-dashboard.card,.group-code.card,.realtime-overview.card,.form.card,.recurring-panel.card,.hourly-panel.card,.games-panel.card,.command-card.card,.log-row.card,.group-row.card,.message-row.card{border-radius:24px!important;background:linear-gradient(180deg,rgba(8,18,34,.9),rgba(7,14,27,.86))!important;border:1px solid rgba(61,125,255,.14)!important;box-shadow:0 14px 32px rgba(0,0,0,.18)!important}
.qr.card,.account-info.card,.system-banner.card,.section-head.card,.group-code.card,.message-dashboard.card,.realtime-overview.card{padding:24px}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metrics .card{position:relative;overflow:hidden;padding:22px;border-radius:24px!important;background:linear-gradient(180deg,rgba(8,18,34,.92),rgba(7,14,27,.88))!important;border:1px solid rgba(61,125,255,.14)!important;box-shadow:0 14px 32px rgba(0,0,0,.18)!important}.metrics .card::after{content:'';position:absolute;right:-30px;bottom:-38px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(20,92,255,.18),transparent 66%)}.metrics .card span{font-size:12px;letter-spacing:.08em;color:#86a8d4!important}.metrics .card b{font-size:32px;line-height:1.08;color:#f7fbff!important;margin:10px 0 8px;display:block}.metrics .card small{color:#9db1cf!important}
.overview-head h2{font-size:40px!important;letter-spacing:-.04em}.overview-summary-top strong{font-size:32px!important}.overview-stats b{font-size:32px!important}.overview-feed-item,.overview-stats article,.overview-summary-card,.overview-feed-card{background:linear-gradient(180deg,rgba(11,22,40,.78),rgba(9,18,35,.78))!important}.overview-feed-item strong{font-size:15px!important}
.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.section-head h2,.message-dashboard h2,.command-card h3,.group-row h3,.message-row h3,.qr.card h2,.account-info.card h2{color:#f7fbff!important;letter-spacing:-.03em}.section-head p,.message-dashboard p,.group-code p,.account-info p,.qr.card p,.message-row .message-full-text,.log-row p{color:#abc0df!important}.eyebrow{display:inline-flex;align-items:center;min-height:28px;padding:0 12px;border-radius:999px;background:rgba(20,92,255,.12);border:1px solid rgba(20,92,255,.18);font-size:11px;letter-spacing:.08em;color:#77b9ff!important;margin-bottom:10px}
.ghost{background:rgba(10,21,39,.9)!important;border:1px solid rgba(61,125,255,.18)!important;color:#e5efff!important}.ghost:hover{border-color:rgba(61,125,255,.28)!important;background:rgba(14,28,50,.92)!important}.danger{background:rgba(230,70,97,.12)!important;border:1px solid rgba(230,70,97,.24)!important;color:#ffb0c0!important}.primary{border:none!important}
input,textarea,select{background:#152239!important;border:1px solid rgba(61,125,255,.16)!important;color:#f8fbff!important;border-radius:14px!important}.checks label,.day-grid label,.hour-grid label,.toggle,.badge,.schedule-chip,.tool-option,.manual-badge,.status,.connection-pill,.overview-status,.overview-live,.badge.off{border-radius:999px!important}.tool-option{background:rgba(10,21,39,.82)!important;border:1px solid rgba(61,125,255,.16)!important;color:#eef4ff!important;border-radius:18px!important}.tool-option.active,.tool-option:hover{background:rgba(14,28,50,.92)!important;border-color:rgba(61,125,255,.28)!important}.message-tools{gap:14px}.message-tool-column{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);border-radius:22px;padding:18px}.day-grid label,.hour-grid label,.checks label{background:rgba(10,21,39,.72)!important;border:1px solid rgba(61,125,255,.12)!important;color:#dbe7fa!important;border-radius:16px!important}
.group-row,.message-row,.log-row{padding:20px!important}.badges{gap:8px}.badge{background:rgba(37,211,102,.12)!important;border:1px solid rgba(37,211,102,.24)!important;color:#72ffc0!important}.badge.off{background:rgba(255,255,255,.03)!important;border:1px solid rgba(255,255,255,.08)!important;color:#9db1cf!important}.schedule-chip{background:rgba(20,92,255,.16)!important;border:1px solid rgba(20,92,255,.22)!important;color:#d7e9ff!important}
.toast{background:linear-gradient(180deg,rgba(8,18,34,.96),rgba(7,14,27,.94))!important;border:1px solid rgba(61,125,255,.22)!important;color:#f5f9ff!important;box-shadow:0 18px 40px rgba(0,0,0,.28)!important}
.realtime-overview{padding:28px!important}
@media(max-width:1180px){.hero.card{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}.nav.card{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.shell,.panel-topbar-inner{width:min(100% - 22px,1320px)}.metrics,.nav.card{grid-template-columns:1fr}.hero h1{font-size:38px}.section-head{flex-direction:column;align-items:flex-start}.status-grid{grid-template-columns:1fr}.top.card{padding:18px}.brand{flex-direction:column;align-items:flex-start}.brand-logo{width:180px!important}}

/* ===== AutoFlow 4.3 | organização, preview WhatsApp e modo claro legível ===== */
.automation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.automation-section-card{padding:22px!important;display:grid;gap:16px}.automation-status-card{align-content:start}.automation-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.automation-section-head h3{font-size:24px;margin:4px 0 6px}.automation-section-head p{margin:0}.automation-section-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.inline-check{display:flex;align-items:center}.variable-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.variable-tools small{margin-right:4px}.variable-chip{min-height:34px!important;padding:0 10px!important;border-radius:999px!important;background:rgba(20,92,255,.13)!important;border:1px solid rgba(20,92,255,.22)!important;color:#beddff!important;font:700 12px var(--font)!important;box-shadow:none!important}.automation-actions{display:flex;justify-content:flex-end}.automation-preview{grid-column:1/-1;padding:18px!important;overflow:hidden}.wa-preview{width:min(100%,420px);margin:0 auto;border-radius:22px;overflow:hidden;background:#0b141a;box-shadow:0 18px 42px rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.08)}.wa-preview-head{height:64px;background:#202c33;display:flex;align-items:center;gap:10px;padding:0 14px;color:#e9edef}.wa-preview-head>span{font-size:26px}.wa-preview-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#25d366,#145cff);font-weight:800}.wa-preview-head>div:last-child{display:grid}.wa-preview-head small{color:#aebac1!important}.wa-preview-body{min-height:260px;padding:24px 16px;background-color:#0b141a;background-image:radial-gradient(circle at 25% 25%,rgba(255,255,255,.025) 1px,transparent 1px);background-size:18px 18px}.wa-bubble{margin-left:auto;width:min(88%,330px);padding:10px 12px 8px;border-radius:12px 4px 12px 12px;background:#005c4b;color:#e9edef;display:grid;gap:6px}.wa-bubble strong{font-size:13px}.wa-bubble>div{font-size:14px;line-height:1.42}.wa-bubble small{justify-self:end;color:#9ddbd1!important}.group-actions{align-items:center}

:root:not([data-theme='dark']) body{background:#f5f7fb!important;background-image:radial-gradient(900px 420px at 0 0,rgba(20,92,255,.08),transparent 56%),radial-gradient(900px 420px at 100% 0,rgba(37,211,102,.07),transparent 56%)!important;color:#182230!important}
:root:not([data-theme='dark']) .panel-topbar{background:rgba(255,255,255,.92)!important;border-color:#dbe2ec!important}
:root:not([data-theme='dark']) .panel-topbar a,:root:not([data-theme='dark']) .panel-topbar-actions #expiryBadge{color:#27364b!important}
:root:not([data-theme='dark']) .top.card,:root:not([data-theme='dark']) .nav.card,:root:not([data-theme='dark']) .hero.card,:root:not([data-theme='dark']) .card,:root:not([data-theme='dark']) .realtime-overview.card,:root:not([data-theme='dark']) .overview-summary-card,:root:not([data-theme='dark']) .overview-feed-card,:root:not([data-theme='dark']) .overview-feed-item,:root:not([data-theme='dark']) .overview-stats article,:root:not([data-theme='dark']) .message-tool-column,:root:not([data-theme='dark']) .tool-option,:root:not([data-theme='dark']) .connection-pill,:root:not([data-theme='dark']) .user-chip,:root:not([data-theme='dark']) .icon-btn{background:#fff!important;border-color:#dbe2ec!important;color:#182230!important;box-shadow:0 12px 30px rgba(15,23,42,.07)!important}
:root:not([data-theme='dark']) .hero.card{background:linear-gradient(135deg,#fff,#f2f7ff)!important}
:root:not([data-theme='dark']) h1,:root:not([data-theme='dark']) h2,:root:not([data-theme='dark']) h3,:root:not([data-theme='dark']) h4,:root:not([data-theme='dark']) strong,:root:not([data-theme='dark']) b,:root:not([data-theme='dark']) label,:root:not([data-theme='dark']) legend,:root:not([data-theme='dark']) .brand strong,:root:not([data-theme='dark']) .metrics .card b,:root:not([data-theme='dark']) .overview-summary-top strong,:root:not([data-theme='dark']) .overview-stats b,:root:not([data-theme='dark']) .overview-feed-head strong,:root:not([data-theme='dark']) .overview-feed-item strong,:root:not([data-theme='dark']) .message-row h3,:root:not([data-theme='dark']) .group-row h3{color:#182230!important}
:root:not([data-theme='dark']) p,:root:not([data-theme='dark']) small,:root:not([data-theme='dark']) .sub,:root:not([data-theme='dark']) .muted,:root:not([data-theme='dark']) .brand small,:root:not([data-theme='dark']) .overview-summary-top p,:root:not([data-theme='dark']) .overview-feed-item small,:root:not([data-theme='dark']) .section-head p,:root:not([data-theme='dark']) .message-dashboard p{color:#5d6b7f!important}
:root:not([data-theme='dark']) .nav button{background:#f4f7fb!important;color:#42526a!important;border-color:#e2e8f0!important}:root:not([data-theme='dark']) .nav button.active{background:linear-gradient(135deg,#145cff,#0f51e0)!important;color:#fff!important}
:root:not([data-theme='dark']) .status-grid span,:root:not([data-theme='dark']) .day-grid label,:root:not([data-theme='dark']) .hour-grid label,:root:not([data-theme='dark']) .checks label{background:#f7f9fc!important;border-color:#dfe6ef!important;color:#27364b!important}
:root:not([data-theme='dark']) input,:root:not([data-theme='dark']) textarea,:root:not([data-theme='dark']) select{background:#fff!important;color:#182230!important;border-color:#cbd5e1!important}:root:not([data-theme='dark']) input::placeholder,:root:not([data-theme='dark']) textarea::placeholder{color:#8290a3!important}
:root:not([data-theme='dark']) .ghost{background:#fff!important;color:#145cff!important;border-color:#b8c8e6!important}:root:not([data-theme='dark']) .danger{background:#fff1f3!important;color:#b4233d!important;border-color:#f2c7cf!important}
:root:not([data-theme='dark']) .variable-chip{background:#eef4ff!important;color:#145cff!important;border-color:#c8dbff!important}
:root:not([data-theme='dark']) .eyebrow{background:#eef4ff!important;border-color:#c9dcff!important;color:#145cff!important}
:root:not([data-theme='dark']) .badge.off{background:#f3f5f8!important;color:#59677b!important;border-color:#dde3eb!important}
@media(max-width:980px){.automation-grid{grid-template-columns:1fr}.automation-section-grid{grid-template-columns:1fr}}

/* AutoFlow 4.3 | cadastro público e teste grátis */
.auth-register-link{width:100%;justify-content:center;min-height:50px!important;margin-top:4px}.trial-note{text-align:center;font-size:12px!important;color:#91a8c8!important;margin:0}.trial-info-box{display:grid;gap:6px;padding:16px;border-radius:18px;background:rgba(37,211,102,.08);border:1px solid rgba(37,211,102,.18)}.trial-info-box b{color:#78ffc0!important}.trial-info-box span{color:#eef7ff}.trial-info-box small{color:#9fb3cf!important}
.af39-header-actions{display:flex;align-items:center;gap:10px}.af39-header-trial{min-height:48px;padding:0 18px;border-radius:15px;border:1px solid rgba(37,211,102,.25);background:rgba(37,211,102,.09);color:#70ffc0;font:800 14px var(--font);cursor:pointer}.af39-header-trial:hover{background:rgba(37,211,102,.14)}
@media(max-width:860px){.af39-header-actions{width:100%;flex-wrap:wrap}}

/* ===== AutoFlow 4.5 | histórico detalhado, previews e sorteios ===== */
.message-preview-modal{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:20px}.message-preview-modal.hidden{display:none}.message-preview-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(8px)}.message-preview-dialog{position:relative;z-index:1;width:min(100%,480px);padding:22px;border-radius:26px;background:linear-gradient(180deg,rgba(8,18,34,.98),rgba(7,14,27,.96));border:1px solid rgba(61,125,255,.2);box-shadow:0 24px 70px rgba(0,0,0,.42)}.message-preview-close{position:absolute;top:12px;right:14px;width:38px;height:38px;border-radius:50%!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.08)!important;color:#fff!important;font-size:25px;z-index:2;cursor:pointer}.preview-open{overflow:hidden}.wa-preview{overflow:hidden;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:#0b141a}.wa-preview-head{min-height:64px;padding:10px 14px;display:flex;align-items:center;gap:10px;background:#202c33;color:#f2f6f8}.wa-preview-head>span{font-size:30px}.wa-preview-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#25d366,#145cff);font-weight:800}.wa-preview-head div:last-child{display:grid}.wa-preview-head small{color:#aebac1}.wa-preview-body{min-height:300px;padding:26px 18px;background-color:#0b141a;background-image:radial-gradient(circle at 15% 15%,rgba(37,211,102,.04),transparent 26%),radial-gradient(circle at 80% 40%,rgba(20,92,255,.05),transparent 28%)}.wa-bubble{position:relative;margin-left:auto;width:min(92%,390px);padding:12px 13px 22px;border-radius:12px 0 12px 12px;background:#005c4b;color:#f1f5f7;line-height:1.42;box-shadow:0 4px 16px rgba(0,0,0,.16)}.wa-bubble strong{display:block;margin-bottom:6px;color:#fff!important}.wa-bubble small{position:absolute;right:8px;bottom:5px;color:#b6d8d1;font-size:10px}
.history-log{align-items:flex-start!important}.history-log-main{width:100%}.history-detail{margin-top:14px;padding:16px;border-radius:18px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);display:grid;gap:8px}.history-detail p{margin:0!important;color:#c2d2e8!important}.history-detail b{color:#f5f8ff!important}.history-message-content{padding:14px;border-radius:14px;background:rgba(4,10,20,.5);border:1px solid rgba(61,125,255,.1);display:grid;gap:6px}.history-message-content small{color:#8fa7c8}.history-message-content strong{color:#fff!important;word-break:break-word}.danger-badge{background:rgba(230,70,97,.14)!important;border-color:rgba(230,70,97,.25)!important;color:#ffb2c0!important}
.sorteio-dashboard{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px;margin-bottom:18px}.sorteio-dashboard>.card{padding:24px;border-radius:24px!important}.sorteio-config-card,.sorteio-active-card{display:grid;align-content:start;gap:12px}.sorteio-config-card h3,.sorteio-active-card h3{margin:0;color:var(--text)!important}.sorteio-config-card p,.sorteio-active-card p{margin:0;color:var(--muted)!important}.sorteio-config-card label{display:grid;gap:8px}.sorteio-config-card input{max-width:180px}.sorteio-active-summary{display:grid;gap:10px}.wa-command-help{margin-top:10px;padding:16px;border-radius:18px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);display:grid;gap:7px}.wa-command-help b{color:var(--text)!important}.wa-command-help code{display:block;padding:10px 12px;border-radius:12px;background:rgba(20,92,255,.1);border:1px solid rgba(20,92,255,.16);color:#8fc1ff;word-break:break-word}.wa-command-help small{color:var(--muted)!important;margin-bottom:6px}.section-head-inline{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.winner-list{display:grid;gap:12px;margin-top:16px}.winner-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06)}.winner-row.blocked{border-color:rgba(37,211,102,.16);background:rgba(37,211,102,.035)}.winner-row>div:first-child{display:grid;gap:4px}.winner-row b{color:var(--text)!important}.winner-row small{color:var(--muted)!important}.winner-status{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.automation-section-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.automation-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.variable-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:-2px 0 8px}.variable-tools small{color:var(--muted)!important}.variable-chip{min-height:32px!important;padding:0 10px!important;border-radius:999px!important;background:rgba(20,92,255,.1)!important;border:1px solid rgba(20,92,255,.16)!important;color:#9ccaff!important;box-shadow:none!important;font-size:12px!important}.nav.card{grid-template-columns:repeat(7,1fr)!important}
@media(max-width:1180px){.nav.card{grid-template-columns:repeat(4,1fr)!important}.sorteio-dashboard{grid-template-columns:1fr}}
@media(max-width:760px){.nav.card{grid-template-columns:repeat(2,1fr)!important}.automation-section-grid{grid-template-columns:1fr}.winner-row,.section-head-inline{flex-direction:column;align-items:flex-start}.winner-status{justify-content:flex-start}.message-preview-dialog{padding:18px 12px}.wa-preview-body{min-height:250px}}

/* Light mode readability for the new 4.5 components */
:root:not([data-theme='dark']) .message-preview-dialog,:root:not([data-theme='dark']) .sorteio-dashboard>.card,:root:not([data-theme='dark']) .history-detail,:root:not([data-theme='dark']) .wa-command-help,:root:not([data-theme='dark']) .winner-row{background:#fff!important;border-color:#d8e1ed!important;color:#141414!important}:root:not([data-theme='dark']) .sorteio-config-card h3,:root:not([data-theme='dark']) .sorteio-active-card h3,:root:not([data-theme='dark']) .winner-row b,:root:not([data-theme='dark']) .history-detail b,:root:not([data-theme='dark']) .history-message-content strong{color:#141414!important}:root:not([data-theme='dark']) .sorteio-config-card p,:root:not([data-theme='dark']) .sorteio-active-card p,:root:not([data-theme='dark']) .winner-row small,:root:not([data-theme='dark']) .history-detail p{color:#536174!important}:root:not([data-theme='dark']) .history-message-content{background:#f6f8fb!important;border-color:#dfe6ef!important}:root:not([data-theme='dark']) .wa-command-help{background:#f7f9fc!important}:root:not([data-theme='dark']) .winner-row.blocked{background:#f3fff8!important;border-color:#bde9cc!important}
.sorteio-participants{margin-top:8px;padding:14px;border-radius:16px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06)}.sorteio-participants>small{display:block;margin-bottom:10px;color:var(--muted)!important;font-weight:700}.participant-chips{display:flex;gap:8px;flex-wrap:wrap;max-height:160px;overflow:auto}.participant-chips span{display:inline-flex;padding:7px 10px;border-radius:999px;background:rgba(20,92,255,.12);border:1px solid rgba(20,92,255,.18);color:#cfe4ff;font-size:12px}:root:not([data-theme='dark']) .sorteio-participants{background:#f7f9fc!important;border-color:#dfe6ef!important}:root:not([data-theme='dark']) .participant-chips span{color:#0f51e0!important;background:#eef4ff!important;border-color:#cfddf4!important}


/* ===== AutoFlow 4.6 | bloqueio visual após teste/acesso vencido ===== */
.subscription-lock-banner{width:min(1320px,calc(100% - 34px));margin:18px auto 0;padding:18px 20px;border-radius:22px;background:linear-gradient(135deg,rgba(125,18,33,.98),rgba(76,10,20,.98));border:1px solid rgba(255,97,118,.42);box-shadow:0 18px 42px rgba(50,0,8,.34);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;position:relative;z-index:35}.subscription-lock-banner.hidden{display:none!important}.subscription-lock-icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);color:#fff;font-size:26px;font-weight:900}.subscription-lock-copy strong{display:block;color:#fff!important;font-size:19px;margin-bottom:5px}.subscription-lock-copy p{margin:0;color:#ffe7eb!important;line-height:1.5;font-size:14px}.subscription-lock-cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:14px;background:#fff;color:#8f1428!important;text-decoration:none;font-weight:900;white-space:nowrap;box-shadow:0 10px 24px rgba(0,0,0,.18)}.subscription-lock-cta:hover{transform:translateY(-1px)}
body.subscription-locked .shell{opacity:.25;filter:saturate(.35) grayscale(.35);pointer-events:none!important;user-select:none;transition:opacity .25s ease,filter .25s ease}body.subscription-locked .shell *{pointer-events:none!important}body.subscription-locked .panel-topbar{opacity:1;filter:none;pointer-events:auto}body.subscription-locked .subscription-lock-banner{pointer-events:auto}
@media(max-width:780px){.subscription-lock-banner{width:min(100% - 22px,1320px);grid-template-columns:auto 1fr}.subscription-lock-cta{grid-column:1/-1;width:100%}.subscription-lock-copy strong{font-size:17px}}


/* ===== AutoFlow 4.7 | bloqueio premium pós-teste ===== */
.subscription-lock-banner{width:min(1320px,calc(100% - 34px));margin:18px auto 0;padding:22px 24px;border-radius:28px;background:linear-gradient(135deg,rgba(115,13,31,.98) 0%,rgba(76,8,20,.98) 56%,rgba(36,8,18,.98) 100%)!important;border:1px solid rgba(255,98,120,.40)!important;box-shadow:0 22px 52px rgba(55,0,10,.40),inset 0 1px 0 rgba(255,255,255,.05);display:grid;grid-template-columns:150px minmax(0,1fr) auto;align-items:center;gap:24px;position:relative;z-index:35;overflow:hidden}.subscription-lock-banner::before{content:'';position:absolute;width:280px;height:280px;border-radius:50%;left:-110px;top:-120px;background:radial-gradient(circle,rgba(255,71,104,.24),transparent 66%);pointer-events:none}.subscription-lock-banner::after{content:'';position:absolute;width:240px;height:240px;border-radius:50%;right:-100px;bottom:-150px;background:radial-gradient(circle,rgba(20,92,255,.20),transparent 66%);pointer-events:none}.subscription-lock-banner.hidden{display:none!important}
.subscription-lock-robot{position:relative;z-index:1;display:grid;justify-items:center;gap:6px}.subscription-lock-robot-frame{width:118px;height:100px;display:grid;place-items:center;position:relative;animation:afRobotFloat 3.4s ease-in-out infinite}.subscription-lock-robot-frame img{width:118px;height:118px;object-fit:contain;filter:drop-shadow(0 12px 22px rgba(0,0,0,.28));animation:afRobotBlink 4.8s infinite}.subscription-lock-robot span{font-size:12px;font-weight:800;letter-spacing:.12em;color:#ffdce3;text-transform:uppercase}
.subscription-lock-kicker{display:inline-flex;align-items:center;min-height:28px;padding:0 11px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:#ffc5d0;font-size:10px;font-weight:900;letter-spacing:.10em;margin-bottom:8px}.subscription-lock-copy{position:relative;z-index:1}.subscription-lock-copy strong{display:block;color:#fff!important;font-size:26px;line-height:1.12;margin-bottom:8px;letter-spacing:-.03em}.subscription-lock-copy p{margin:0;color:#ffe7eb!important;line-height:1.55;font-size:15px;max-width:850px}.subscription-lock-copy small{display:block;margin-top:8px;color:#f5b8c4!important;font-size:12px}.subscription-lock-cta{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:58px;padding:0 24px;border-radius:18px;background:linear-gradient(135deg,#25d366,#39ef8f)!important;color:#061421!important;text-decoration:none;font-weight:900;white-space:nowrap;box-shadow:0 14px 30px rgba(37,211,102,.24),0 0 0 0 rgba(37,211,102,.38);transition:transform .18s ease,box-shadow .18s ease}.subscription-lock-cta:hover{transform:translateY(-2px) scale(1.02)}.subscription-lock-cta span{font-size:20px}.subscription-lock-pulse{animation:afPlanPulse 1.75s ease-out infinite}
body.subscription-locked .shell{opacity:.30!important;filter:saturate(.38) grayscale(.28) blur(.35px)!important;pointer-events:none!important;user-select:none!important;transition:opacity .28s ease,filter .28s ease}body.subscription-locked .shell *{pointer-events:none!important}body.subscription-locked .panel-topbar{opacity:1!important;filter:none!important;pointer-events:auto!important}body.subscription-locked .subscription-lock-banner{pointer-events:auto!important}
@keyframes afPlanPulse{0%{box-shadow:0 14px 30px rgba(37,211,102,.22),0 0 0 0 rgba(37,211,102,.38)}70%{box-shadow:0 14px 30px rgba(37,211,102,.22),0 0 0 14px rgba(37,211,102,0)}100%{box-shadow:0 14px 30px rgba(37,211,102,.22),0 0 0 0 rgba(37,211,102,0)}}
@keyframes afRobotFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-7px) rotate(1deg)}}
@keyframes afRobotBlink{0%,43%,47%,100%{transform:scaleY(1)}45%{transform:scaleY(.93)}}
@media(max-width:900px){.subscription-lock-banner{grid-template-columns:110px 1fr}.subscription-lock-robot-frame,.subscription-lock-robot-frame img{width:94px;height:94px}.subscription-lock-cta{grid-column:1/-1;width:100%}}
@media(max-width:620px){.subscription-lock-banner{grid-template-columns:1fr;text-align:center;padding:20px}.subscription-lock-copy strong{font-size:22px}.subscription-lock-robot{display:none}.subscription-lock-cta{grid-column:1;width:100%}}


/* ===== AutoFlow 4.8 | bloqueio pós-teste corrigido e visível ===== */
.subscription-lock-banner{
  position:sticky!important;
  top:72px!important;
  z-index:80!important;
  width:min(1320px,calc(100% - 34px))!important;
  min-height:190px!important;
  margin:18px auto 10px!important;
  padding:26px 30px!important;
  grid-template-columns:190px minmax(0,1fr) 230px!important;
  gap:30px!important;
  background:linear-gradient(135deg,#7e142a 0%,#54101f 48%,#250916 100%)!important;
  border:1px solid rgba(255,120,139,.62)!important;
  box-shadow:0 24px 70px rgba(63,0,12,.55),0 0 0 1px rgba(255,255,255,.035) inset!important;
}
.subscription-lock-copy strong{font-size:31px!important;line-height:1.05!important;margin-bottom:10px!important}
.subscription-lock-copy p{font-size:16px!important;line-height:1.65!important;max-width:900px!important}
.subscription-lock-copy small{font-size:13px!important;color:#ffc5d1!important}
.subscription-lock-robot-frame{width:170px!important;height:154px!important;animation:afRobotHappyFloat 2.2s ease-in-out infinite!important;transform-origin:center bottom;position:relative!important}
.subscription-lock-robot-frame img{width:165px!important;height:165px!important;animation:afRobotHappyTilt 4s ease-in-out infinite!important;filter:drop-shadow(0 18px 28px rgba(0,0,0,.38)) drop-shadow(0 0 18px rgba(20,92,255,.18))!important}
.subscription-lock-robot-glow{position:absolute;inset:18px;border-radius:50%;background:radial-gradient(circle,rgba(69,222,255,.28),rgba(37,211,102,.09) 48%,transparent 72%);filter:blur(15px);animation:afRobotGlow 1.9s ease-in-out infinite;z-index:-1}
.robot-blink-eye{position:absolute;top:79px;width:13px;height:24px;border-radius:999px;background:#182334;z-index:4;transform:scaleY(0);transform-origin:center;animation:afRealBlink 3.2s infinite}
.robot-blink-eye.eye-left{left:61px}.robot-blink-eye.eye-right{left:101px}
.robot-happy-smile{position:absolute;left:75px;top:104px;width:28px;height:12px;border-bottom:3px solid rgba(93,236,255,.95);border-radius:0 0 22px 22px;z-index:5;filter:drop-shadow(0 0 4px rgba(60,220,255,.55))}
.robot-spark{position:absolute;color:#fff;font-size:17px;z-index:6;text-shadow:0 0 12px #67eaff;animation:afSpark 1.8s ease-in-out infinite}.robot-spark.spark-one{right:6px;top:22px}.robot-spark.spark-two{left:6px;bottom:28px;animation-delay:.7s}
.subscription-lock-cta{min-height:68px!important;padding:0 28px!important;border-radius:20px!important;font-size:18px!important;background:linear-gradient(135deg,#28eb82,#25d366 58%,#1fb85b)!important;color:#04150c!important;box-shadow:0 16px 34px rgba(37,211,102,.34),0 0 0 0 rgba(37,211,102,.72)!important;overflow:hidden;isolation:isolate}
.subscription-lock-cta::before{content:'';position:absolute;inset:0 auto 0 -60%;width:45%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transform:skewX(-20deg);animation:afButtonSweep 2.2s ease-in-out infinite;z-index:-1}
.subscription-lock-pulse{animation:afStrongPlanPulse 1.25s ease-in-out infinite!important}
body.subscription-locked .shell{opacity:.22!important;filter:saturate(.25) grayscale(.28) blur(.65px)!important;pointer-events:none!important;user-select:none!important}
body.subscription-locked .shell::after{content:'';position:fixed;inset:0;pointer-events:none;background:rgba(5,8,15,.08);z-index:2}
@keyframes afStrongPlanPulse{0%,100%{transform:scale(1);box-shadow:0 16px 34px rgba(37,211,102,.30),0 0 0 0 rgba(37,211,102,.58)}50%{transform:scale(1.075);box-shadow:0 20px 42px rgba(37,211,102,.42),0 0 0 15px rgba(37,211,102,0)}}
@keyframes afButtonSweep{0%,25%{left:-60%}58%,100%{left:130%}}
@keyframes afRobotHappyFloat{0%,100%{transform:translateY(2px) rotate(-2deg)}50%{transform:translateY(-12px) rotate(2deg)}}
@keyframes afRobotHappyTilt{0%,100%{transform:rotate(0deg)}35%{transform:rotate(-2deg)}70%{transform:rotate(2deg)}}
@keyframes afRealBlink{0%,86%,100%{transform:scaleY(0);opacity:0}89%,94%{transform:scaleY(1);opacity:1}97%{transform:scaleY(0);opacity:0}}
@keyframes afSpark{0%,100%{transform:scale(.72) rotate(0deg);opacity:.35}50%{transform:scale(1.28) rotate(18deg);opacity:1}}
@keyframes afRobotGlow{0%,100%{opacity:.55;transform:scale(.92)}50%{opacity:1;transform:scale(1.06)}}
@media(max-width:980px){.subscription-lock-banner{grid-template-columns:155px 1fr!important}.subscription-lock-cta{grid-column:1/-1!important;width:100%!important}.subscription-lock-robot-frame{width:140px!important;height:130px!important}.subscription-lock-robot-frame img{width:140px!important;height:140px!important}.robot-blink-eye{display:none}.robot-happy-smile{display:none}}
@media(max-width:640px){.subscription-lock-banner{position:relative!important;top:auto!important;grid-template-columns:1fr!important;text-align:center!important;padding:22px!important}.subscription-lock-robot{display:grid!important}.subscription-lock-robot-frame{width:130px!important;height:120px!important}.subscription-lock-robot-frame img{width:130px!important;height:130px!important}.subscription-lock-cta{grid-column:1!important}.subscription-lock-copy strong{font-size:24px!important}}

/* ===== AutoFlow 4.9 | conexão QR + código de pareamento ===== */
.connect-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.connect-actions .primary,.connect-actions .ghost{min-height:52px;padding:0 20px;border-radius:15px;font-weight:800}.wa-connect-guide{padding:26px!important;border-radius:28px!important;background:linear-gradient(180deg,rgba(8,18,34,.94),rgba(7,14,27,.90))!important;border:1px solid rgba(61,125,255,.16)!important}.wa-connect-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.wa-connect-head h2{margin:6px 0 8px;color:var(--text)!important;font-size:34px;letter-spacing:-.04em}.wa-connect-head p{margin:0;color:var(--muted)!important;max-width:760px}.connect-safe-badge{display:inline-flex;align-items:center;padding:9px 13px;border-radius:999px;background:rgba(37,211,102,.10);border:1px solid rgba(37,211,102,.22);color:#63efaa;font-size:12px;font-weight:800;white-space:nowrap}.wa-method-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.wa-method-card{position:relative;padding:22px;border-radius:24px;background:linear-gradient(180deg,rgba(11,22,40,.86),rgba(8,17,32,.82));border:1px solid rgba(61,125,255,.14);display:grid;grid-template-columns:auto 1fr;gap:14px 16px;align-items:start}.wa-method-card.featured{border-color:rgba(37,211,102,.24);box-shadow:0 0 0 1px rgba(37,211,102,.06)}.wa-method-icon{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(20,92,255,.22),rgba(37,211,102,.16));border:1px solid rgba(61,125,255,.18);font-weight:900;color:#f6fbff;font-size:16px}.wa-method-card h3{margin:3px 0 6px;color:var(--text)!important;font-size:22px}.wa-method-card p{margin:0;color:var(--muted)!important}.wa-method-card ol{grid-column:1/-1;margin:4px 0 2px;padding-left:22px;display:grid;gap:9px;color:var(--text-soft);line-height:1.5}.wa-method-card ol b{color:var(--text)!important}.wa-method-action{grid-column:1/-1;justify-self:start}.pairing-inline{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}.pairing-inline label{display:grid;gap:8px;font-weight:700}.pairing-inline input{min-height:50px}.pairing-inline button{min-height:50px;padding:0 20px}.pairing-box{display:flex;align-items:center;justify-content:space-between;gap:26px;padding:26px!important;border-radius:28px!important;background:linear-gradient(135deg,rgba(7,18,33,.98),rgba(9,26,44,.94))!important;border:1px solid rgba(37,211,102,.22)!important}.pairing-code-wrap{min-width:340px;padding:18px;border-radius:22px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);display:grid;grid-template-columns:1fr auto;gap:10px 14px;align-items:center}.pairing-code-wrap strong{font-size:34px;letter-spacing:.16em;color:#76ffc0!important;font-variant-numeric:tabular-nums}.pairing-code-wrap small{grid-column:1/-1;color:var(--muted)}.pairing-code-wrap .ghost{white-space:nowrap}
:root:not([data-theme='dark']) .wa-connect-guide,:root:not([data-theme='dark']) .wa-method-card,:root:not([data-theme='dark']) .pairing-box{background:#fff!important;border-color:#dce4ef!important;box-shadow:0 14px 30px rgba(22,36,60,.08)!important}:root:not([data-theme='dark']) .pairing-code-wrap{background:#f7f9fc;border-color:#dce4ef}:root:not([data-theme='dark']) .pairing-code-wrap strong{color:#0b6b3d!important}:root:not([data-theme='dark']) .connect-safe-badge{color:#0b6b3d}
@media(max-width:900px){.wa-method-grid{grid-template-columns:1fr}.wa-connect-head,.pairing-box{flex-direction:column;align-items:stretch}.pairing-code-wrap{min-width:0}.pairing-inline{grid-template-columns:1fr}.pairing-inline button{width:100%}}
@media(max-width:560px){.connect-actions{display:grid;grid-template-columns:1fr}.pairing-code-wrap{grid-template-columns:1fr}.pairing-code-wrap strong{font-size:26px;letter-spacing:.11em}.pairing-code-wrap .ghost{grid-row:2}.pairing-code-wrap small{grid-row:3}.wa-method-card{grid-template-columns:1fr}.wa-method-icon{margin-bottom:2px}.wa-method-card ol,.pairing-inline,.wa-method-action{grid-column:1}}


/* ===== AutoFlow 4.9.2 | país + pareamento robusto ===== */
.pairing-country-flow{grid-template-columns:minmax(190px,.8fr) minmax(280px,1.4fr) auto!important;align-items:end!important}.pairing-country-flow label{display:grid;gap:8px}.phone-composer{display:flex;align-items:center;min-height:52px;background:#152239;border:1px solid rgba(61,125,255,.16);border-radius:14px;overflow:hidden}.phone-composer span{align-self:stretch;display:flex;align-items:center;padding:0 14px;background:rgba(20,92,255,.12);border-right:1px solid rgba(61,125,255,.16);color:#8fc8ff;font-weight:800}.phone-composer input{border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;min-width:0;flex:1}.pairing-help{display:block;margin-top:10px;color:#9fb4d1}.pairing-box .pairing-code-wrap strong{letter-spacing:.12em}.pairing-finalizing-note{color:#73ffc0}
:root:not([data-theme='dark']) .phone-composer{background:#fff;border-color:#cfd7e3}:root:not([data-theme='dark']) .phone-composer span{background:#eef4ff;border-color:#cfd7e3;color:#0f51e0}:root:not([data-theme='dark']) .pairing-help{color:#566275}
@media(max-width:900px){.pairing-country-flow{grid-template-columns:1fr!important}.pairing-country-flow .primary{width:100%}}


/* AutoFlow 4.9.3 | contraste do seletor de país */
.pairing-country-flow select option{
  color:#000!important;
  background:#fff!important;
}
.pairing-country-flow select:focus option,
.pairing-country-flow select:hover option{
  color:#000!important;
  background:#fff!important;
}


/* ===== AutoFlow 4.9.4 | pareamento estável + alinhamento ===== */
.wa-method-card.featured{min-width:0;overflow:visible}
.pairing-country-flow{width:100%!important;grid-template-columns:minmax(190px,.85fr) minmax(0,1.35fr) 150px!important;gap:12px!important;align-items:end!important}
.pairing-country-flow label{min-width:0!important;margin:0!important}
.pairing-country-flow select,.pairing-country-flow .phone-composer,.pairing-country-flow #generatePairingBtn{width:100%!important;height:54px!important;min-height:54px!important;box-sizing:border-box!important}
.pairing-country-flow select{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.pairing-local-number{min-width:0!important}.phone-composer{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important}.phone-composer span{min-width:62px;justify-content:center;box-sizing:border-box}.phone-composer input{width:100%!important;min-width:0!important;height:52px!important;padding:0 14px!important;box-sizing:border-box!important}
#generatePairingBtn{margin:0!important;padding:0 14px!important;white-space:nowrap!important;align-self:end!important}
.pairing-help-fixed{grid-column:1/-1!important;display:block!important;min-height:22px!important;height:22px!important;line-height:22px!important;margin:8px 0 0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
@media(max-width:1100px){.pairing-country-flow{grid-template-columns:minmax(170px,.8fr) minmax(0,1.2fr)!important}.pairing-country-flow #generatePairingBtn{grid-column:1/-1!important;width:100%!important}}
@media(max-width:760px){.pairing-country-flow{grid-template-columns:1fr!important}.pairing-country-flow #generatePairingBtn{grid-column:auto!important}.pairing-help-fixed{height:auto!important;min-height:22px!important;white-space:normal!important}}


/* ===== AutoFlow 4.9.5 | Minhas plataformas + criador por plataformas ===== */
.platform-panel{padding:24px!important}.platform-head{margin-bottom:18px}.platform-form{display:grid;grid-template-columns:minmax(180px,.55fr) minmax(300px,1.45fr) auto;gap:14px;align-items:end;margin-bottom:20px}.platform-form label{display:grid;gap:8px}.platform-form .actions{align-items:end;margin:0}.platform-list{display:grid;gap:12px}.platform-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(61,125,255,.12)}.platform-row>div:first-child{display:grid;grid-template-columns:auto 1fr;column-gap:12px;row-gap:3px;min-width:0}.platform-row strong{color:var(--text)!important}.platform-row small{grid-column:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)!important}.platform-code{grid-row:1/3;align-self:center;display:grid;place-items:center;min-width:50px;height:38px;padding:0 10px;border-radius:12px;background:linear-gradient(135deg,rgba(37,211,102,.16),rgba(20,92,255,.18));border:1px solid rgba(61,125,255,.18);color:var(--text);font-weight:900}.platform-empty{padding:18px!important}
.message-mode-box{padding:16px 18px;border-radius:18px!important;background:rgba(255,255,255,.025);border:1px solid rgba(61,125,255,.12)!important}.message-mode-options{display:flex;gap:12px;flex-wrap:wrap}.message-mode-options label{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:14px;background:rgba(10,21,39,.75);border:1px solid rgba(61,125,255,.12)}.platform-message-builder{display:grid;gap:16px}.platform-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.platform-choice{display:flex!important;align-items:flex-start!important;gap:12px!important;padding:14px!important;border-radius:16px!important;background:rgba(10,21,39,.72)!important;border:1px solid rgba(61,125,255,.12)!important;cursor:pointer}.platform-choice input{width:auto!important;min-height:auto!important;margin-top:4px}.platform-choice span{display:grid;gap:4px;min-width:0}.platform-choice b{color:var(--text)!important}.platform-choice small{color:var(--muted)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.platform-choice:has(input:checked){border-color:rgba(37,211,102,.36)!important;background:rgba(37,211,102,.07)!important;box-shadow:0 0 0 1px rgba(37,211,102,.08)}.platform-choice-empty{grid-column:1/-1;padding:18px;border-radius:16px;border:1px dashed rgba(61,125,255,.18);color:var(--muted)}.platform-preview-box{padding:18px;border-radius:20px;background:linear-gradient(180deg,rgba(8,18,34,.86),rgba(7,14,27,.82));border:1px solid rgba(61,125,255,.14)}.platform-preview-box h4{margin:0;color:var(--text)!important}.platform-preview-box pre{margin:14px 0 0;white-space:pre-wrap;word-break:break-word;font:500 14px/1.55 var(--font);color:var(--text-soft);background:rgba(255,255,255,.025);padding:16px;border-radius:16px;border:1px solid rgba(255,255,255,.05)}
:root:not([data-theme='dark']) .platform-row,:root:not([data-theme='dark']) .message-mode-box,:root:not([data-theme='dark']) .platform-choice,:root:not([data-theme='dark']) .platform-preview-box{background:#fff!important;border-color:#d9e1ec!important}:root:not([data-theme='dark']) .platform-preview-box pre{background:#f6f8fb!important;color:#1f2937!important;border-color:#e1e7ef!important}:root:not([data-theme='dark']) .message-mode-options label{background:#f7f9fc!important;color:#141414!important;border-color:#d9e1ec!important}:root:not([data-theme='dark']) .platform-code{color:#0f172a!important}
@media(max-width:900px){.platform-form{grid-template-columns:1fr}.platform-choice-grid{grid-template-columns:1fr}.platform-row{align-items:flex-start;flex-direction:column}.platform-row .actions{width:100%}}

/* ===== AutoFlow 4.9.6 | conexão única + atalho de grupos ===== */
#connectGroupShortcut{background:linear-gradient(135deg,#25d366,#38f08f)!important;color:#061322!important;box-shadow:0 12px 26px rgba(37,211,102,.20)!important;min-width:180px;}
#connectGroupShortcut:hover{transform:translateY(-1px)}


/* AutoFlow 5.0 — organização por serviços + dashboard operacional */
.nav.card.service-nav{display:grid!important;grid-template-columns:1.35fr .8fr .8fr!important;gap:14px!important;padding:14px!important}
.nav-service-group{padding:12px;border-radius:20px;background:rgba(255,255,255,.022);border:1px solid rgba(255,255,255,.055);min-width:0}.nav-service-title{display:block;padding:0 7px 9px;font-size:10px;font-weight:800;letter-spacing:.11em;color:#8fa7c9}.nav-service-buttons{display:flex;gap:7px;flex-wrap:wrap}.service-nav .nav-service-buttons button,.nav-service-link{width:auto!important;min-height:39px!important;padding:0 12px!important;border-radius:12px!important;font-size:12px!important;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);color:#cfdaec}.service-nav .nav-service-buttons button.active{background:linear-gradient(135deg,#145cff,#0f51e0)!important;color:#fff!important;border-color:transparent!important}.nav-automation{border-color:rgba(51,139,255,.15)}.nav-moderation{border-color:rgba(49,208,138,.14)}.nav-management{border-color:rgba(174,115,255,.14)}
.service-catalog{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0}.service-card{position:relative;min-height:250px;padding:24px!important;display:flex;flex-direction:column;align-items:flex-start;gap:15px;overflow:hidden}.service-card:after{content:'';position:absolute;width:160px;height:160px;right:-55px;top:-55px;border-radius:50%;filter:blur(4px);opacity:.24}.automation-service:after{background:#145cff}.moderation-service:after{background:#22c984}.management-service:after{background:#8d5cff}.service-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:17px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);font-size:24px}.service-card h3{font-size:21px;margin:1px 0 8px;color:var(--text)!important}.service-card p{margin:0;line-height:1.65;color:var(--muted)!important}.service-open{margin-top:auto;background:transparent!important;border:0!important;padding:0!important;color:#7fb5ff!important;font-weight:800;cursor:pointer}
.dashboard-v2{padding:26px!important;display:grid;gap:20px}.dashboard-welcome{display:flex;justify-content:space-between;gap:24px;align-items:center;padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.06)}.dashboard-welcome h2{font-size:34px;margin:0 0 7px;letter-spacing:-.04em}.dashboard-welcome p{margin:0;color:var(--muted)}.dashboard-status-list{display:grid;gap:9px;min-width:260px}.dashboard-status-list>span{display:flex;align-items:center;gap:9px;padding:9px 12px;border-radius:13px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.05);font-size:13px}.status-dot{width:9px;height:9px;border-radius:50%;background:#24cf7a;box-shadow:0 0 0 5px rgba(36,207,122,.09)}.status-dot.offline{background:#ff6470;box-shadow:0 0 0 5px rgba(255,100,112,.08)}
.today-panel,.report30-panel{padding:21px;border-radius:22px;background:rgba(255,255,255,.018);border:1px solid rgba(255,255,255,.055)}.dashboard-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}.dashboard-section-head h3{margin:0;font-size:23px}.dashboard-section-head p{margin:5px 0 0;color:var(--muted)}.today-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:11px}.today-metrics article{display:flex;gap:12px;align-items:center;padding:16px;border-radius:17px;background:rgba(8,18,34,.72);border:1px solid rgba(61,125,255,.11)}.today-metrics article>span{font-size:22px}.today-metrics small{display:block;color:var(--muted);font-size:11px;margin-bottom:4px}.today-metrics b{display:block;font-size:25px;line-height:1;color:var(--text)!important}.report-period{font-size:11px;font-weight:800;letter-spacing:.08em;padding:8px 11px;border-radius:999px;background:rgba(20,92,255,.12);color:#80b8ff}.report30-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px}.report30-numbers{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.report30-numbers article{padding:15px;border-radius:16px;background:rgba(8,18,34,.72);border:1px solid rgba(61,125,255,.1)}.report30-numbers small{display:block;color:var(--muted);font-size:11px}.report30-numbers b{font-size:24px;margin-top:5px;display:block;color:var(--text)!important}.report30-numbers .success-rate{grid-column:1/-1;background:linear-gradient(135deg,rgba(32,190,120,.1),rgba(20,92,255,.07));border-color:rgba(36,207,122,.15)}.real-chart-card{min-width:0;padding:17px;border-radius:17px;background:rgba(8,18,34,.72);border:1px solid rgba(61,125,255,.1)}.real-chart-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.real-chart-head span{font-size:11px;color:var(--muted)}.real-chart{height:176px;display:flex;gap:4px;align-items:flex-end;padding:20px 0 16px;border-bottom:1px solid rgba(255,255,255,.05)}.real-chart-col{position:relative;height:100%;flex:1;display:flex;align-items:flex-end}.real-chart-col i{display:block;width:100%;min-height:4px;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#4d8cff,#165bea);box-shadow:0 0 16px rgba(32,102,255,.18)}.real-chart-col small{position:absolute;bottom:-31px;left:50%;transform:translateX(-50%);font-size:8px;color:#7188aa;white-space:nowrap}.real-chart-labels{display:flex;justify-content:space-between;padding-top:17px;color:var(--muted);font-size:10px}.dashboard-feed{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
@media(max-width:1100px){.nav.card.service-nav{grid-template-columns:1fr!important}.service-catalog{grid-template-columns:1fr}.today-metrics{grid-template-columns:repeat(2,1fr)}.today-metrics article:last-child{grid-column:1/-1}.report30-grid{grid-template-columns:1fr}}
@media(max-width:700px){.dashboard-welcome{align-items:flex-start;flex-direction:column}.dashboard-status-list{min-width:0;width:100%}.today-metrics,.report30-numbers{grid-template-columns:1fr}.today-metrics article:last-child,.report30-numbers .success-rate{grid-column:auto}.dashboard-v2{padding:18px!important}.real-chart{gap:2px}.nav-service-buttons{display:grid;grid-template-columns:1fr}.service-nav .nav-service-buttons button,.nav-service-link{width:100%!important}.dashboard-welcome h2{font-size:28px}}
:root:not([data-theme='dark']) .nav-service-group,:root:not([data-theme='dark']) .today-panel,:root:not([data-theme='dark']) .report30-panel,:root:not([data-theme='dark']) .today-metrics article,:root:not([data-theme='dark']) .report30-numbers article,:root:not([data-theme='dark']) .real-chart-card,:root:not([data-theme='dark']) .dashboard-status-list>span{background:#f8fafc!important;border-color:#e1e7ef!important}:root:not([data-theme='dark']) .service-nav .nav-service-buttons button,:root:not([data-theme='dark']) .nav-service-link{background:#f4f7fb!important;color:#42526a!important;border-color:#e2e8f0!important}

/* AutoFlow preços 2026-09 — destaque do plano 2 grupos */
.af39-old-price{font-size:14px;color:#7f91aa;text-decoration:line-through;margin-bottom:-8px}.af39-saving{display:inline-flex;width:max-content;max-width:100%;padding:6px 10px;border-radius:999px;background:rgba(37,211,102,.12);border:1px solid rgba(37,211,102,.28);color:#66f7b1;font-size:12px;font-weight:800}.af39-badge-best{background:rgba(37,211,102,.14);border-color:rgba(37,211,102,.34);color:#72f5b8}