:root {
    --bg: #0d0f14;
    --surface: #13161e;
    --surface2: #1a1e29;
    --border: #242836;
    --accent: #ffcc00;
    --accent2: #4ade80;
    --green: #4ade80;
    --red: #f87171;
    --yellow: #ffcc00;
    --text: #e8eaf0;
    --muted: #6b7280;
    --mono: 'DM Mono', monospace;
    --sans: 'Inter', sans-serif;
    --bottom-nav: 64px;
  }

  * { margin: 0; padding: 0; box-sizing: border-box; -webkit-tap-highlight-color: transparent; user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; }

  body {
      background: var(--bg);
      color: var(--text);
      font-family: var(--sans);
      min-height: 100vh;
      padding-bottom: var(--bottom-nav);
      overflow-x: hidden;
      overscroll-behavior-y: contain;
  }

  /* TOPBAR */
  .topbar { position: sticky; top: 0; z-index: 100; background: var(--surface); border-bottom: 1px solid var(--border); padding: 14px 5px 10px; }
  .topbar-row { display: flex; align-items: center; justify-content: space-between; }
  .logo-tag { font-family: var(--mono); font-size: 9px; color: var(--accent); letter-spacing: 2px; text-transform: uppercase; }
  .logo-name { font-size: 17px; font-weight: 800; line-height: 1.1; }
  .logo-name span { color: var(--accent); }
  .dot-live { display: flex; align-items: center; gap: 5px; font-family: var(--mono); font-size: 10px; color: var(--green); }
  .dot { width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 6px var(--green); animation: pulse 2s infinite; }
  @keyframes pulse { 0%,100%{opacity:1} 50%{opacity:0.3} }

  .nicho-scroll-desktop { display: none !important; }
  .nicho-scroll { display: none; }
  .nicho-scroll::-webkit-scrollbar { display: none; }
  .nicho-pill { display: flex; align-items: center; gap: 5px; padding: 5px 12px; border-radius: 10px; font-family: var(--mono); font-size: 11px; white-space: nowrap; border: 1px solid var(--border); background: var(--surface2); color: var(--muted); cursor: pointer; transition: all 0.15s; }
  .nicho-pill.active { background: var(--accent); border-color: var(--accent); color: #000; }
  .nicho-pill .dot-sm { width: 6px; height: 6px; border-radius: 50%; background: currentColor; }

  /* CONTENT */
  .content { padding: 10px 5px; display: flex; flex-direction: column; gap: 10px; }

  /* STATS */
  .stats-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 8px; }
  .stat-card { background: var(--surface); border: 1px solid var(--border); border-radius: 10px; padding: 14px 16px; position: relative; overflow: hidden; }
  .stat-card::before { content:''; position:absolute; top:0;left:0;right:0; height:4px; }
  .stat-card.orange::before { background: var(--accent); }
  .stat-card.cyan::before   { background: var(--accent2); }
  .stat-card.green::before  { background: var(--green); }
  .stat-card.yellow::before { background: var(--yellow); }
  .stat-label { font-family: var(--mono); font-size: 9px; color: var(--muted); letter-spacing: 1.5px; text-transform: uppercase; margin-bottom: 8px; }
  .stat-value { font-size: 28px; font-weight: 800; line-height: 1; margin-bottom: 4px; }
  .stat-card.orange .stat-value { color: var(--accent); }
  .stat-card.cyan .stat-value   { color: var(--accent2); }
  .stat-card.green .stat-value  { color: var(--green); }
  .stat-card.yellow .stat-value { color: var(--yellow); }
  .stat-sub { font-family: var(--mono); font-size: 9px; color: var(--muted); }

  /* PANEL */
  .panel { background: var(--surface); border: 1px solid var(--border); border-radius: 10px; overflow: hidden; }
  .panel-header { display: flex; align-items: center; justify-content: space-between; padding: 14px 16px; border-bottom: 1px solid var(--border); }
  .panel-title { font-size: 13px; font-weight: 700; }
  .panel-action { font-family: var(--mono); font-size: 10px; color: var(--accent); cursor: pointer; }

  /* BADGE */
  .badge { display: inline-flex; align-items: center; gap: 3px; padding: 7px 6px; border-radius: 6px; font-family: var(--mono); font-size: 10px; }
  .badge-green  { background: rgba(74,222,128,0.12);  color: var(--green); }
  .badge-yellow { background: rgba(251,191,36,0.12);  color: var(--yellow); }
  .badge-red    { background: rgba(248,113,113,0.12); color: var(--red); }
  .badge-cyan   { background: rgba(34,211,238,0.12);  color: var(--accent2); }
  .badge-gray   { background: var(--surface2); color: var(--muted); }
  .badge-yellow.badge-sm, 
  .badge-gray.badge-sm { min-width: 52px; justify-content: center; }

  .num-chip { font-family: var(--mono); font-size: 10px; color: var(--muted); background: var(--surface2); border: 1px solid var(--border); padding: 2px 7px; border-radius: 4px; white-space: nowrap; }

  /* TOGGLE */
  .toggle { width: 36px; height: 20px; border-radius: 10px; background: var(--surface2); border: 1px solid var(--border); position: relative; cursor: pointer; transition: background 0.2s; flex-shrink: 0; }
  .toggle.on { background: var(--green); border-color: var(--green); }
  .toggle::after { content:''; position:absolute; width:14px; height:14px; border-radius:50%; background:#fff; top:2px; left:2px; transition:left 0.2s; }
  .toggle.on::after { left: 18px; }

  /* LIST ITEMS */
  .grupo-item { display: flex; align-items: center; gap: 12px; padding: 13px 16px; border-bottom: 1px solid var(--border); cursor: pointer; transition: background 0.1s; }
  .grupo-item:last-child { border-bottom: none; }
  .grupo-item:active { background: var(--surface2); }
  .grupo-info { flex: 1; min-width: 0; }
  .grupo-nome { font-size: 13px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 3px; }
  .grupo-meta { display: flex; align-items: center; gap: 6px; font-family: var(--mono); font-size: 10px; color: var(--muted); }
  .grupo-right { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; }

  .inst-item { display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; border-bottom: 1px solid var(--border); }
  .inst-item:last-child { border-bottom: none; }
  .inst-num { font-family: var(--mono); font-size: 12px; font-weight: 500; margin-bottom: 2px; display: grid; grid-template-columns: 105px 10px 1fr; align-items: center; gap: 0 4px; }
  .inst-grupos { font-family: var(--mono); font-size: 10px; color: var(--muted); display: grid; grid-template-columns: 105px 10px 1fr; align-items: center; gap: 0 4px; }
  .inst-item .badge { min-width: 72px; justify-content: center; }

  .log-line { display: flex; align-items: center; gap: 10px; padding: 10px 16px; border-bottom: 1px solid var(--border); font-family: var(--mono); font-size: 11px; }
  .log-line:last-child { border-bottom: none; }
  .log-time { color: var(--muted); min-width: 56px; }
  .log-msg { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

  .nicho-row { display: flex; align-items: center; justify-content: space-between; padding: 13px 16px; border-bottom: 1px solid var(--border); }
  .nicho-row:last-child { border-bottom: none; }
  .nicho-nome { font-size: 13px; font-weight: 600; margin-bottom: 3px; }
  .nicho-count { font-family: var(--mono); font-size: 10px; color: var(--muted); }
  .nicho-right { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; }
  .nicho-disparos { font-family: var(--mono); font-size: 11px; color: var(--accent); font-weight: 500; }

  /* CUPONS */
  .sub-tabs { display: flex; gap: 0; border-bottom: 1px solid var(--border); }
  .sub-tab { padding: 10px 16px; font-size: 12px; font-weight: 600; cursor: pointer; color: var(--muted); border-bottom: 2px solid transparent; transition: all 0.15s; }
  .sub-tab.active { color: var(--accent); border-bottom-color: var(--accent); }

  .cupom-item { display: flex; flex-direction: column; padding: 12px 16px; border-bottom: 1px solid var(--border); }
  .cupom-item:last-child { border-bottom: none; }
  .cupom-info { flex: 1; min-width: 0; }
  .cupom-code { font-family: var(--mono); font-size: 13px; font-weight: 500; color: #fff; margin-bottom: 3px; white-space: nowrap; }
  .cupom-desc { font-size: 11px; color: var(--muted); white-space: nowrap; }
  .cupom-actions { display: flex; align-items: center; gap: 8px; justify-content: flex-start; margin-bottom: 6px; }
  .cupom-status-row { display: flex; align-items: center; gap: 8px; margin-bottom: 3px; }

  /* FORM */
  .form-panel { background: var(--surface2); border-radius: 0px; padding: 14px 16px; border: 1px solid var(--border); }
  .form-row { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 10px; }
  .form-group { display: flex; flex-direction: column; gap: 4px; flex: 1; min-width: 140px; }
  .form-group label { font-family: var(--mono); font-size: 9px; color: var(--muted); letter-spacing: 1px; text-transform: uppercase; }
  .form-group input, .form-group select { background: var(--bg); border: 1px solid var(--border); border-radius: 6px; padding: 8px 10px; color: var(--text); font-family: var(--sans); font-size: 12px; outline: none; }
  .form-group input:focus, .form-group select:focus { border-color: var(--accent); }
  .btn-add { background: var(--accent); color: #000; border: none; border-radius: 8px; padding: 7px 14px; font-family: var(--sans); font-size: 12px; font-weight: 700; cursor: pointer; transition: opacity 0.15s; }
  .btn-add:hover { opacity: 0.85; }
  .btn-del { background: rgba(180,113,113,0.22); color: var(--red); border: 1px solid rgba(248,113,113,0.45); border-radius: 6px; padding: 4px 10px; font-size: 11px; cursor: pointer; font-family: var(--mono); -webkit-transform: translateZ(0); transform: translateZ(0); isolation: isolate; }
  .btn-del:hover { background: rgba(248,113,113,0.2); }
  .btn-status { background: var(--surface2); color: var(--muted); border: 1px solid var(--border); border-radius: 6px; padding: 4px 10px; font-size: 10px; cursor: pointer; font-family: var(--mono); white-space: nowrap; }
  .btn-status:hover { border-color: var(--accent); color: var(--accent); }

  /* REDIRECT */
  .redirect-item { display: flex; align-items: center; gap: 12px; padding: 12px 16px; border-bottom: 1px solid var(--border); }
  .redirect-item:last-child { border-bottom: none; }
  .redirect-info { flex: 1; min-width: 0; }
  .redirect-nome { font-size: 13px; font-weight: 600; margin-bottom: 2px; }
  .redirect-slug { font-family: var(--mono); font-size: 11px; color: var(--accent2); }
  .redirect-url { font-family: var(--mono); font-size: 10px; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 200px; }
  .redirect-item .row-actions { align-self: center; margin-top: -20px; }

  .empty { padding: 24px 16px; font-family: var(--mono); font-size: 11px; color: var(--muted); text-align: center; }

  /* FAB */
  .fab { position: fixed; bottom: calc(var(--bottom-nav) + 16px); right: 16px; width: 44px; height: 44px; border-radius: 50%; background: var(--accent); color: #000; border: none; font-size: 22px; display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 4px 20px rgba(255,204,0,0.3); z-index: 90; transition: transform 0.15s; }
  .fab:active { transform: scale(0.93); }

  /* BOTTOM NAV */
  .bottom-nav { position: fixed; bottom: 0; left: 0; right: 0; height: var(--bottom-nav); background: var(--surface); border-top: 1px solid var(--border); display: flex; align-items: center; justify-content: space-around; z-index: 100; padding-bottom: env(safe-area-inset-bottom, 0px); }
  .nav-btn { display: flex; flex-direction: column; align-items: center; gap: 3px; padding: 8px 10px; cursor: pointer; border: none; background: none; color: var(--muted); font-family: var(--sans); transition: color 0.15s; }
  .nav-btn.active { color: var(--accent); }
  .nav-btn svg { width: 20px; height: 20px; }
  .nav-btn span { font-size: 9px; font-weight: 600; }
  .nav-badge-wrap { position: relative; display: inline-flex; }
  .nav-badge-dot { position: absolute; top: -2px; right: -5px; width: 8px; height: 8px; background: var(--accent); border-radius: 50%; border: 2px solid var(--surface); }

  /* PAGES */
  .page { display: none; }

  @keyframes fadeUp { from{opacity:0;transform:translateY(8px)} to{opacity:1;transform:translateY(0)} }
  .page.active { display: flex; flex-direction: column; gap: 10px; }
  .mid-grid { display: flex; flex-direction: column; gap: 10px; }
  .page.active > * { animation: fadeUp 0.25s ease forwards; }
  .page.active > *:nth-child(2) { animation-delay: 0.05s; }
  .page.active > *:nth-child(3) { animation-delay: 0.10s; }

  /* DESKTOP */
  @media (min-width: 1024px) {
    .nicho-scroll { display: none; }
    .nicho-scroll-desktop { display: none !important; }
    body { display: grid; grid-template-columns: 200px 1fr; grid-template-rows: auto 1fr; grid-template-areas: "topbar topbar" "sidebar main"; height: 100vh; overflow: hidden; padding-bottom: 0; max-width: 100%; }
    .topbar { grid-area: topbar; position: relative; padding: 16px 10px 12px; }
    .logo-tag { font-size: 10px; }
    .logo-name { font-size: 20px; }
    .content { grid-area: main; overflow-y: auto; padding: 20px 15px; gap: 15px; }
    .stats-grid { grid-template-columns: repeat(4, 1fr); gap: 15px; }
    .mid-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
    .page.active { gap: 15px; }
    .stat-card { padding: 20px 24px; border-radius: 10px; }
    .stat-label { font-size: 11px; letter-spacing: 2px; margin-bottom: 12px; }
    .stat-value { font-size: 42px; margin-bottom: 6px; }
    .stat-sub { font-size: 11px; }
    .panel { border-radius: 10px; }
    .panel-header { padding: 16px 20px; }
    .panel-title { font-size: 15px; }
    .panel-action { font-size: 11px; }
    .grupo-item { padding: 16px 20px; }
    .grupo-nome { font-size: 14px; }
    .inst-item { padding: 14px 20px; }
    .inst-num { font-size: 14px; grid-template-columns: 120px 12px 1fr; gap: 0 4px; }
	.inst-grupos { grid-template-columns: 120px 12px 1fr; gap: 0 4px; }
    .nicho-row { padding: 16px 20px; }
    .nicho-nome { font-size: 14px; }
    .nicho-count { font-size: 11px; }
    .nicho-disparos { font-size: 13px; }
    .log-line { padding: 12px 20px; font-size: 12px; }
    .cupom-item { padding: 14px 20px; }
    .cupom-code { font-size: 14px; }
    .redirect-item { padding: 14px 20px; }
    .redirect-url { max-width: 400px; }
    .form-panel { padding: 16px 20px; }
    #page-meta-ads { padding: 0 !important; margin: -20px -15px !important; }
    #page-meta-ads #meta-ads-iframe { height: calc(100vh - 64px) !important; }
	#page-spam { padding: 0 !important; }
	#page-spam { padding: 0 !important; height: 100%; }
    #page-spam iframe { height: 100%; }
    .bottom-nav { grid-area: sidebar; position: relative; flex-direction: column; height: 100%; width: 200px; border-top: none; border-right: 1px solid var(--border); justify-content: flex-start; padding: 20px 12px; gap: 4px; align-items: stretch; overflow-y: auto; }
    .nav-btn { flex-direction: row; justify-content: flex-start; gap: 12px; padding: 11px 14px; border-radius: 10px; }
    .nav-btn svg { width: 18px; height: 18px; }
    .nav-btn span { font-size: 13px; font-weight: 600; }
    .nav-btn.active { background: var(--accent); color: #000; }
    .fab { bottom: 24px; right: 24px; width: 41px; height: 41px; font-size: 20px; }
    .badge { font-size: 11px; padding: 3px 10px; }
    .num-chip { font-size: 11px; }
    .mid-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
	/* Chips — 2 colunas no desktop */
	#chips-lista { display: grid !important; grid-template-columns: repeat(3, 1fr);	gap: 12px; align-items: start; }
  }

  /* CHIPS */
  .chip-card{background:var(--surface2);border:1px solid var(--border);border-radius:14px;padding:18px 18px 14px;display:flex;flex-direction:column;gap:12px;transition:border-color 0.2s;}
  .chip-card.urgente{border-color:var(--red);background:rgba(248,113,113,0.05);}
  .chip-card.aviso{border-color:rgba(251,191,36,0.5);}
  .chip-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;}
  .chip-nome{font-size:15px;font-weight:800;}
  .chip-numero { font-family:var(--mono); font-size:12px; color:var(--muted); margin-top:3px; display:flex; align-items:center; gap:6px; }
  .chip-status-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:8px;font-size:11px;font-weight:700;white-space:nowrap;}
  .chip-status-ativo{background:rgba(74,222,128,0.12);color:var(--green);border:1px solid rgba(74,222,128,0.25);}
  .chip-status-aquecimento{background:rgba(251,146,60,0.12);color:#fb923c;border:1px solid rgba(251,146,60,0.25);}
  .chip-status-inativo{background:rgba(107,114,128,0.12);color:var(--muted);border:1px solid var(--border);}
  .chip-info-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;}
  .chip-info-box{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:9px 10px;}
  .chip-info-label{font-family:var(--mono);font-size:9px;color:var(--muted);letter-spacing:1px;text-transform:uppercase;margin-bottom:5px;}
  .chip-info-val{font-size:14px;font-weight:800;line-height:1;}
  .chip-info-val.cv-green{color:var(--green);} .chip-info-val.cv-yellow{color:var(--yellow);} .chip-info-val.cv-red{color:var(--red);}
  .chip-btns{display:flex;gap:8px;}
  .chip-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;padding:8px 6px;border-radius:8px;border:1px solid var(--border);background:var(--surface);font-family:var(--sans);font-size:11px;font-weight:600;cursor:pointer;transition:all 0.15s;color:var(--muted);}
  .chip-btn svg{width:13px;height:13px;flex-shrink:0;}
  .chip-btn:hover{border-color:var(--accent2);color:var(--accent2);}
  .chip-btn.del:hover{border-color:var(--red);color:var(--red);}
  .chip-obs{font-family:var(--mono);font-size:10px;color:var(--muted);padding:7px 10px;background:var(--bg);border-radius:6px;border-left:2px solid var(--border);}
  .chip-urgencia-bar{height:3px;border-radius:2px;background:var(--border);overflow:hidden;margin-top:2px;}
  .chip-urgencia-fill{height:100%;border-radius:2px;transition:width 0.4s;}
  /* LOGIN */
  .login-screen { position: fixed; inset: 0; background: var(--bg); display: flex; align-items: center; justify-content: center; z-index: 9999; }
  .login-box { background: var(--surface); border: 1px solid var(--border); border-radius: 16px; padding: 32px 28px; width: 100%; max-width: 360px; }
  .login-logo { font-size: 22px; font-weight: 800; margin-bottom: 4px; }
  .login-logo span { color: var(--accent); }
  .login-sub { font-family: var(--mono); font-size: 10px; color: var(--muted); letter-spacing: 2px; margin-bottom: 28px; }
  .login-field { display: flex; flex-direction: column; gap: 6px; margin-bottom: 14px; }
  .login-field label { font-family: var(--mono); font-size: 10px; color: var(--muted); letter-spacing: 1px; text-transform: uppercase; }
  .login-field input { background: var(--bg); border: 1px solid var(--border); border-radius: 8px; padding: 10px 14px; color: var(--text); font-family: var(--sans); font-size: 14px; outline: none; width: 100%; }
  .login-field input:focus { border-color: var(--accent); }
  .login-btn { width: 100%; background: var(--accent); color: #000; border: none; border-radius: 8px; padding: 12px; font-family: var(--sans); font-size: 14px; font-weight: 700; cursor: pointer; margin-top: 8px; transition: opacity 0.15s; }
  .login-btn:hover { opacity: 0.85; }
  .login-error { font-family: var(--mono); font-size: 11px; color: var(--red); margin-top: 10px; text-align: center; display: none; }

  /* ── HAMBURGUER DRAWER ── */
  .hamburger-btn { background: none; border: none; cursor: pointer; color: var(--muted); padding: 6px; border-radius: 8px; display: flex; align-items: center; justify-content: center; transition: color 0.15s, background 0.15s; }
  .hamburger-btn:hover { color: var(--accent); background: var(--surface2); }

  .drawer-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.65); z-index: 200; opacity: 0; pointer-events: none; transition: opacity 0.25s; }
  .drawer-overlay.open { opacity: 1; pointer-events: all; }

  .drawer { position: fixed; top: 0; right: -280px; width: 260px; height: 100%; background: var(--surface); border-left: 1px solid var(--border); z-index: 201; display: flex; flex-direction: column; transition: right 0.28s cubic-bezier(0.32,0,0.15,1); padding: 20px 0; }
  .drawer.open { right: 0; }

  .drawer-header { display: flex; align-items: center; justify-content: space-between; padding: 0 20px 16px; border-bottom: 1px solid var(--border); margin-bottom: 12px; }
  .drawer-title { font-family: var(--mono); font-size: 10px; color: var(--muted); letter-spacing: 2px; text-transform: uppercase; }
  .drawer-close { background: none; border: none; color: var(--muted); cursor: pointer; font-size: 18px; padding: 4px; line-height: 1; }
  .drawer-close:hover { color: var(--text); }

  .drawer-item { display: flex; align-items: center; gap: 12px; padding: 13px 20px; cursor: pointer; border: none; background: none; color: var(--muted); font-family: var(--sans); font-size: 13px; font-weight: 600; width: 100%; text-align: left; transition: all 0.15s; }
  .drawer-item svg { width: 18px; height: 18px; flex-shrink: 0; }
  .drawer-item:hover { background: var(--surface2); color: var(--text); }
  .drawer-item.active { background: rgba(255,204,0,0.1); color: var(--accent); }
  .drawer-item .drawer-badge { margin-left: auto; background: var(--accent); color: #000; font-family: var(--mono); font-size: 9px; padding: 2px 7px; border-radius: 20px; }

  /* ── COMISSÕES ── */
  .com-month-bar { display:flex; align-items:center; gap:8px; padding:10px 0 4px; overflow-x:auto; scrollbar-width:none; }
  .com-month-bar::-webkit-scrollbar { display:none; }
  .com-month-btn { flex-shrink:0; padding:5px 13px; border-radius:20px; border:1px solid var(--border); background:transparent; color:var(--muted); font-family:var(--mono); font-size:11px; cursor:pointer; transition:all 0.15s; }
  .com-month-btn.active { background:var(--accent); border-color:var(--accent); color:#000; font-weight:600; }
  .com-month-btn-add { flex-shrink:0; width:28px; height:28px; border-radius:50%; border:1px dashed var(--border); background:transparent; color:var(--muted); font-size:16px; cursor:pointer; display:flex; align-items:center; justify-content:center; }
  .com-summary-grid { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:10px; }
  .com-card { background:var(--surface); border:1px solid var(--border); border-radius:10px; padding:12px 14px; }
  .com-card.full { grid-column:1/-1; }
  .com-card.hl { border-color:var(--accent); }
  .com-card-label { font-family:var(--mono); font-size:9px; color:var(--muted); letter-spacing:1.5px; text-transform:uppercase; margin-bottom:4px; }
  .com-card-value { font-family: var(--sans); font-size: 20px; font-weight: 800; }
  .com-card-value.g { color:var(--green); }
  .com-card-value.y { color:var(--yellow); }
  .com-card-value.r { color:var(--red); }
  .com-card-sub { font-size:10px; color:var(--muted); margin-top:2px; }
  .com-bar-wrap { margin-top:10px; }
  .com-bar-header { display:flex; justify-content:space-between; margin-bottom:5px; }
  .com-bar-label { font-family:var(--mono); font-size:10px; color:var(--muted); }
  .com-bar-pct { font-family:var(--mono); font-size:11px; color:var(--accent); }
  .com-bar-track { height:5px; background:var(--surface2); border-radius:3px; overflow:hidden; }
  .com-bar-fill { height:100%; background:var(--accent); border-radius:3px; transition:width 0.4s ease; }
  .com-plat-grid { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:10px; }
  .com-plat-card { background:var(--surface); border:1px solid var(--border); border-radius:10px; padding:10px 12px; display:flex; align-items:center; gap:10px; }
  .com-plat-icon { font-size:18px; flex-shrink:0; }
  .com-plat-name { font-family:var(--mono); font-size:9px; color:var(--muted); letter-spacing:1px; text-transform:uppercase; }
  .com-plat-value { font-family:var(--mono); font-size:14px; color:var(--text); margin-top:1px; font-weight: 600; }
  .com-table-wrap { overflow-x:auto; margin-top:10px; }
  .com-table { width:100%; border-collapse:collapse; font-family:var(--mono); font-size:11px; min-width:500px; }
  .com-table thead th { background:var(--surface2); color:var(--muted); font-size:9px; letter-spacing:1px; text-transform:uppercase; padding:8px 16px; text-align:left; border-bottom:1px solid var(--border); white-space:nowrap; }
  .com-table thead th:first-child { text-align:center; width:32px; }
  .com-table tbody tr { border-bottom:1px solid var(--border); }
  .com-table tbody tr:hover { background:var(--surface); }
  .com-table td { padding: 7px 14px; text-align: right; white-space: nowrap; }
  .com-table td:first-child { text-align:center; color:var(--muted); font-size:10px; }
  .com-table td.com-td-total { color:var(--accent); font-weight:500; }
  .com-table tfoot td { padding:9px 14px; background:var(--surface2); border-top:2px solid var(--border); text-align:right; white-space:nowrap; }
  .com-table tfoot td:first-child { text-align:center; font-size:9px; color:var(--muted); }
  .com-table tfoot td.com-td-total { color:var(--accent); font-size:11px; }
  .com-row-btns { display:flex; gap:4px; justify-content:flex-end; }
  .com-btn-edit { padding:3px 7px; border-radius:5px; border:none; background:var(--surface2); color:var(--muted); font-size:11px; cursor:pointer; }
  .com-btn-del  { padding:3px 7px; border-radius:5px; border:none; background:rgba(248,113,113,0.1); color:var(--red); font-size:11px; cursor:pointer; }

  /* ── REDIRECT GRUPOS PAGE ── */
  .rg-nicho-card { background: var(--surface); border: 1px solid var(--border); border-radius: 10px; overflow: hidden; }
  .rg-nicho-header { display: flex; align-items: center; justify-content: space-between; padding: 14px 16px; border-bottom: 1px solid var(--border); background: var(--surface2); cursor: pointer; user-select: none; }
  .rg-nicho-title { display: flex; align-items: center; gap: 10px; }
  .rg-nicho-icon { width: 34px; height: 34px; border-radius: 8px; background: var(--bg); border: 1px solid var(--border); display: flex; align-items: center; justify-content: center; color: var(--muted); }
  .rg-nicho-name { font-size: 14px; font-weight: 700; }
  .rg-nicho-instance { font-family: var(--mono); font-size: 10px; color: var(--muted); }
  .rg-nicho-header:hover { background: var(--surface); }
  .rg-chevron { transition: transform 0.25s ease; color: var(--muted); flex-shrink: 0; }
  .rg-nicho-card.open .rg-chevron { transform: rotate(180deg); }
  .rg-nicho-body { display: none; }
  .rg-nicho-card.open .rg-nicho-body { display: block; } 
  #rg-cfg-container { margin-top: 12px; }

  .rg-url-box { padding: 12px 16px; border-bottom: 1px solid var(--border); display: flex; align-items: center; gap: 10px; background: var(--bg); flex-wrap: wrap; }
  .rg-url-label { font-family: var(--mono); font-size: 9px; color: var(--muted); letter-spacing: 1.5px; text-transform: uppercase; white-space: nowrap; }
  .rg-url-val { font-family: var(--mono); font-size: 11px; color: var(--accent2); flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
  .rg-copy-btn { background: var(--surface2); border: 1px solid var(--border); border-radius: 6px; padding: 4px 10px; font-size: 10px; font-family: var(--mono); color: var(--muted); cursor: pointer; white-space: nowrap; transition: all 0.15s; flex-shrink: 0; }
  .rg-copy-btn:hover { border-color: var(--accent); color: var(--accent); }
  .rg-copy-btn.copied { border-color: var(--green); color: var(--green); }

  .rg-grupo-row { display: flex; align-items: center; gap: 10px; padding: 11px 16px; border-bottom: 1px solid var(--border); transition: background 0.1s; }
  .rg-grupo-row:last-child { border-bottom: none; }
  .rg-grupo-row:hover { background: var(--surface2); }
  .rg-grupo-row.active-group { background: rgba(74,222,128,0.04); }

  .rg-rank { font-family: var(--mono); font-size: 11px; color: var(--muted); width: 18px; text-align: center; flex-shrink: 0; }
  .rg-grupo-info { flex: 1; min-width: 0; }
  .rg-grupo-nome { font-size: 12px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .rg-grupo-id { font-family: var(--mono); font-size: 10px; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

  .rg-bar-wrap { width: 80px; display: flex; flex-direction: column; gap: 3px; flex-shrink: 0; }
  .rg-bar-bg { height: 4px; background: var(--border); border-radius: 2px; overflow: hidden; }
  .rg-bar-fill { height: 100%; border-radius: 2px; background: var(--green); transition: width 0.6s ease; }
  .rg-bar-fill.yellow { background: var(--yellow); }
  .rg-bar-fill.red { background: var(--red); }
  .rg-membros-num { font-family: var(--mono); font-size: 9px; color: var(--muted); text-align: right; }

  .rg-arrow { font-size: 14px; color: var(--muted); flex-shrink: 0; width: 16px; text-align: center; }
  .rg-grupo-row.active-group .rg-arrow { color: var(--green); }

  .rg-loading { padding: 24px; text-align: center; font-family: var(--mono); font-size: 11px; color: var(--muted); }

  .rg-topbar { display: flex; align-items: center; justify-content: space-between; margin-bottom: 4px; }
  .rg-refresh-btn { display: flex; align-items: center; gap: 5px; background: var(--surface); border: 1px solid var(--border); border-radius: 8px; padding: 6px 12px; font-family: var(--mono); font-size: 10px; color: var(--muted); cursor: pointer; transition: all 0.15s; }
  .rg-refresh-btn:hover { border-color: var(--accent2); color: var(--accent2); }
  .rg-refresh-btn.loading svg { animation: spin 1s linear infinite; }
  @keyframes spin { to { transform: rotate(360deg); } }

  .rg-last-sync { font-family: var(--mono); font-size: 10px; color: var(--muted); margin-top: 2px; }

  .rg-limite-badge { font-family: var(--mono); font-size: 9px; padding: 2px 7px; border-radius: 20px; white-space: nowrap; flex-shrink: 0; }
  .rg-limite-ok   { background: rgba(74,222,128,0.12); color: var(--green); }
  .rg-limite-warn { background: rgba(251,191,36,0.12); color: var(--yellow); }
  .rg-limite-full { background: rgba(248,113,113,0.12); color: var(--red); }

  /* ── OFERTAS PROD ── */
  .op-tabs { display: flex; border-bottom: 1px solid var(--border); background: var(--surface); overflow-x: auto; scrollbar-width: none; }
  .op-tabs::-webkit-scrollbar { display: none; }
  .op-tab { padding: 10px 16px; font-size: 12px; font-weight: 600; cursor: pointer; color: var(--muted); border-bottom: 2px solid transparent; transition: all 0.15s; white-space: nowrap; }
  .op-tab.active { color: var(--accent); border-bottom-color: var(--accent); }

  .op-table-wrap { overflow-x: auto; width: 100%; }
  .op-table { table-layout: auto; width: 100%; border-collapse: collapse; font-size: 12px; }
  .op-table th { font-family: var(--mono); font-size: 9px; color: var(--muted); letter-spacing: 1px; text-transform: uppercase; padding: 10px 12px; border-bottom: 1px solid var(--border); text-align: left; white-space: nowrap; background: var(--surface2); }
.op-table th.th-id, .op-table td.op-td-id { position: sticky; left: 0; background: var(--surface); z-index: 1; }
.op-table thead th.th-id { background: var(--surface2); z-index: 3; }
  .op-table td { padding: 8px 12px; border-bottom: 1px solid var(--border); vertical-align: middle; }
  .op-table tr:last-child td { border-bottom: none; }
  .op-table tr:hover td { background: var(--surface2); }

  .op-url-input { background: transparent; border: none; color: var(--accent2); font-family: var(--mono); font-size: 11px; width: 160px; outline: none; padding: 2px 4px; border-radius: 4px; }
  .op-url-input:focus { background: var(--bg); border: 1px solid var(--accent); width: 220px; }

  .op-status { display: inline-flex; align-items: center; padding: 2px 8px; border-radius: 4px; font-family: var(--mono); font-size: 10px; font-weight: 600; cursor: pointer; border: none; outline: none; }
  .op-status-Pendente    { background: rgba(107,114,128,0.2); color: var(--muted); }
  .op-status-Processando { background: rgba(59,130,246,0.15); color: #60a5fa; }
  .op-status-Erro        { background: rgba(248,113,113,0.15); color: var(--red); }
  .op-status-Stop        { background: rgba(251,191,36,0.15); color: var(--yellow); }
  .op-status-Enviado     { background: rgba(74,222,128,0.15); color: var(--green); }

  .op-store { font-family: var(--mono); font-size: 10px; color: var(--muted); }
  .op-priority { font-family: var(--mono); font-size: 11px; color: var(--muted); text-align: center; }

  .op-cupom-sel { background: var(--surface2); border: 1px solid var(--border); border-radius: 4px; padding: 3px 6px; color: var(--text); font-family: var(--mono); font-size: 10px; outline: none; width: 260px; }
  .op-cupom-sel:focus { border-color: var(--accent); }

  .op-bolt { font-size: 14px; cursor: pointer; opacity: 0.3; transition: opacity 0.15s; }
  .op-bolt.on { opacity: 1; color: var(--yellow); }

  .op-add-row { display: flex; gap: 8px; padding: 12px 16px; border-top: 1px solid var(--border); flex-wrap: wrap; align-items: center; background: var(--surface2); }
  .op-add-row input { background: var(--bg); border: 1px solid var(--border); border-radius: 6px; padding: 7px 10px; color: var(--text); font-family: var(--sans); font-size: 12px; outline: none; flex: 2; min-width: 200px; }
  .op-add-row input:focus { border-color: var(--accent); }

  @media (min-width: 1024px) {
    .op-url-input { width: 200px; }
    .op-table th, .op-table td { padding: 8px 10px; }
  }

  /* Config section */
  .cfg-section { background: var(--surface); border: 1px solid var(--border); border-radius: 10px; overflow: hidden; }
  .cfg-section-header { display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; border-bottom: 1px solid var(--border); background: var(--surface2); cursor: pointer; user-select: none; }
  .cfg-section-title { font-size: 13px; font-weight: 700; display: flex; align-items: center; gap: 8px; }
  .cfg-section-body { display: none; padding: 16px; }
  .cfg-section.open .cfg-section-body { display: block; }
  .cfg-section.open .cfg-chevron { transform: rotate(180deg); }
  .cfg-chevron { transition: transform 0.2s; color: var(--muted); }

  .admin-tag { display: inline-flex; align-items: center; gap: 6px; background: var(--surface2); border: 1px solid var(--border); border-radius: 20px; padding: 4px 10px 4px 12px; font-family: var(--mono); font-size: 11px; margin: 3px; }
  .admin-tag button { background: none; border: none; color: var(--muted); cursor: pointer; font-size: 14px; line-height: 1; padding: 0 2px; }
  .admin-tag button:hover { color: var(--red); }

  .alerta-adm { background: rgba(248,113,113,0.1); border: 1px solid rgba(248,113,113,0.3); border-radius: 10px; padding: 14px 16px; display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
  .alerta-adm-text { font-size: 13px; font-weight: 600; color: var(--red); }
  .alerta-adm-sub { font-family: var(--mono); font-size: 10px; color: var(--muted); margin-top: 2px; }
  .alerta-adm-btns { display: flex; gap: 8px; flex-shrink: 0; }

  @media (min-width: 1024px) {
    .rg-bar-wrap { width: 120px; }
    .rg-grupo-nome { font-size: 13px; }
    .rg-grupo-row { padding: 13px 20px; }
    .rg-nicho-header { padding: 16px 20px; }
    .rg-url-box { padding: 12px 20px; }
  }

	/* ── OFFERS ML GRID ── */
	.op-ml-grid {
	  display: grid;
	  grid-template-columns: repeat(2, 1fr);
	  gap: 10px;
	  padding: 10px 0px 12px;
	}
	.op-ml-card {
	  background: var(--surface);
	  border: 1px solid var(--border);
	  border-radius: 12px;
	  overflow: hidden;
	  display: flex;
	  flex-direction: column;
	  transition: border-color 0.2s;
	}
	.op-ml-card.aprovado { border-color: var(--accent2); }
	.op-ml-card-img {
	  width: 100%;
	  aspect-ratio: 1 / 1;
	  background: #fff;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  overflow: hidden;
	}
	.op-ml-card-img img {
	  width: 100%;
	  height: 100%;
	  object-fit: contain;
	}
	.op-ml-card-img-placeholder {
	  font-size: 36px;
	  background: var(--surface2);
	  width: 100%;
	  height: 100%;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	}
	.op-ml-card-body {
	  padding: 8px 10px 10px;
	  display: flex;
	  flex-direction: column;
	  gap: 5px;
	  flex: 1;
	}
	.op-ml-card-title {
	  font-size: 11px;
	  font-weight: 600;
	  color: var(--text);
	  line-height: 1.35;
	  display: -webkit-box;
	  -webkit-line-clamp: 2;
	  -webkit-box-orient: vertical;
	  overflow: hidden;
	  min-height: 30px;
	}
	.op-ml-card-price {
	  font-size: 15px;
	  font-weight: 700;
	  color: var(--accent2);
	}
	.op-ml-card-price-from {
	  font-size: 10px;
	  color: var(--muted);
	  text-decoration: line-through;
	}
	.op-ml-card-actions {
	  display: flex;
	  gap: 6px;
	  margin-top: 2px;
	}
	.op-ml-btn-arrow {
	  background: var(--surface2);
	  border: 1px solid var(--border);
	  border-radius: 7px;
	  color: var(--accent2);
	  font-size: 14px;
	  padding: 5px 8px;
	  cursor: pointer;
	  text-decoration: none;
	  display: flex;
	  align-items: center;
	  flex-shrink: 0;
	}
	.op-ml-btn-check {
	  flex: 1;
	  background: var(--accent);
	  border: none;
	  border-radius: 7px;
	  color: #000;
	  font-size: 13px;
	  font-weight: 700;
	  padding: 6px 0;
	  cursor: pointer;
	  transition: background 0.15s;
	}
	.op-ml-btn-check.aprovado {
	  background: var(--accent2);
	  color: #fff;
	}
	.op-ml-btn-del {
	  background: rgba(248,113,113,0.12);
	  border: 1px solid rgba(248,113,113,0.25);
	  border-radius: 7px;
	  color: var(--red);
	  font-size: 13px;
	  padding: 5px 8px;
	  cursor: pointer;
	  flex-shrink: 0;
	}
	@media (min-width: 1024px) {
    .com-plat-grid { grid-template-columns: repeat(4, 1fr); }
    .com-summary-grid { grid-template-columns: repeat(4, 1fr); }
    .com-card.full { grid-column: span 2; }
    .com-card-value { font-size: 28px; }
    .com-card { padding: 10px 12px; }
    .com-card-sub .com-val-num { min-width: 0; }
    .com-table thead th { text-align: left; }
    .com-table td.com-td-val { text-align: left; }
    .com-table thead th:first-child { text-align: center; }
	  .op-ml-grid { grid-template-columns: repeat(6, 1fr); gap: 12px; padding: 12px 0px; }
	}
/* ── PADRONIZAÇÃO GLOBAL DE BOTÕES DE AÇÃO ── */
.btn-del,
.btn-status { min-width: 27px; height: 27px; padding: 0 8px !important; font-size: 9px !important; display: inline-flex !important; align-items: center; justify-content: center; box-sizing: border-box; white-space: nowrap; }
.btn-status.btn-wide { min-width: 72px; }

/* ── HISTÓRICO CHIP ── */
.hist-row { display:flex; align-items:center; gap:12px; padding:10px 0; border-bottom:1px solid var(--border); }
.hist-data { font-family:var(--mono); font-size:12px; color:var(--accent2); min-width:80px; }
.hist-valor { font-family:var(--mono); font-size:12px; color:var(--green); min-width:70px; }
.hist-obs { font-size:12px; color:var(--muted); flex:1; }
.hist-btns { display:flex; gap:6px; flex-shrink:0; }
.btn-hist-edit { background:none; border:1px solid var(--border); border-radius:6px; padding:3px 7px; color:var(--muted); cursor:pointer; font-size:11px; display:flex; align-items:center; }
.btn-hist-edit:hover { border-color:var(--accent); color:var(--accent); }
.btn-hist-del { background:none; border:1px solid rgba(248,113,113,0.3); border-radius:6px; padding:6px 6px; color:var(--red); cursor:pointer; font-size:11px; display:flex; align-items:center; -webkit-transform:translateZ(0); transform:translateZ(0); isolation:isolate; }
.btn-hist-del:hover { background:rgba(248,113,113,0.1); }

/* ── BOTÃO COPIAR CHIP ── */
.btn-copy-chip { background:none; border:none; color:var(--muted); cursor:pointer; padding:2px; display:flex; align-items:center; justify-content:center; width:20px; height:20px; flex-shrink:0; }

/* ── ALERTAS ── */
.btn-alerta-ignorar { background:var(--surface2); color:var(--muted); border:1px solid var(--border); border-radius:8px; font-size:11px; padding:6px 12px; cursor:pointer; font-family:var(--sans); font-weight:700; }
.btn-add.btn-alerta-feito { font-size:11px; padding:6px 12px; }

/* ── REDIRECT GRUPOS ── */
.rg-copy-btn--test { border-color:var(--accent2) !important; color:var(--accent2) !important; }

/* ── EVO INST ROW ── */
.evo-inst-row { display:flex; align-items:center; gap:10px; padding:8px 12px; background:var(--bg); border:1px solid var(--border); border-radius:8px; }
.evo-inst-info { flex:1; min-width:0; }
.evo-inst-name { font-size:13px; font-weight:600; }

/* ── LOG ERROS ── */
.log-erro-item { padding:10px 16px; border-bottom:1px solid var(--border); }
.log-erro-data-wrap { display:flex; justify-content:flex-end; }
.log-erro-data { font-family:var(--mono); font-size:10px; color:var(--text); }
.log-erro-header { display:flex; align-items:center; gap:8px; margin-top:3px; }
.log-erro-titulo { font-family:var(--mono); font-size:11px; color:var(--accent2); font-weight:500; text-transform:uppercase; }

/* ── NICHO ROW STATS ── */

/* ── GRUPO ITEM SELECIONÁVEL ── */
.grupo-item-sel { cursor:default; padding:10px 20px; }

/* ── FORM SELECT INLINE ── */
.form-select { background:var(--bg); border:1px solid var(--border); border-radius:6px; padding:8px 10px; color:var(--text); font-family:var(--mono); font-size:12px; outline:none; width:100%; }
.form-select--flex { font-size:11px; flex:1; min-width:160px; padding:7px 10px; }
.form-select:focus { border-color:var(--accent); }

/* ── CLASSES REFATORADAS DO APP.JS ── */
.row-actions { display:flex; align-items:center; gap:6px; }
.row-content { display:flex; align-items:center; gap:12px; }
.row-right { display:flex; align-items:center; gap:16px; }
.row-inline { display:flex; align-items:center; gap:5px; }
.row-end { display:flex; justify-content:flex-end; align-items:center; width:100%; margin-bottom:6px; }
.row-wrap { display:flex; gap:8px; flex-wrap:wrap; }
.row-wrap--end { align-items:flex-end; }
.row-wrap--center { align-items:center; }
.row-wrap--photo { align-items:center; gap:10px; }
.col-gap { display:flex; flex-direction:column; gap:12px; }
.col-gap-sm { display:flex; flex-direction:column; gap:6px; margin-bottom:8px; }

.nicho-icon { display:flex; align-items:center; justify-content:center; width:36px; height:36px; min-width:36px; background:var(--surface2); border:1px solid var(--border); border-radius:8px; color:var(--muted); }
.nicho-stats { font-family:var(--mono); font-size:11px; line-height:2; min-width:110px; }
.nicho-stat-row { color:var(--muted); display:flex; gap:6px; }
.nicho-stat-row span:first-child { min-width: 70px; display: inline-block; }
.nicho-count-badge { color:var(--muted); font-weight:500; font-size:12px; }
.btn-group { display:flex; gap:6px; }
.stat-val { color:var(--text); }

.grupo-right--row { flex-direction:row !important; align-items:center !important; gap:8px !important; }
.grupo-item--sync { cursor:default; padding:10px 20px; }
.grupo-item--imported { opacity:0.5; }
.sync-checkbox { width:16px; height:16px; cursor:pointer; accent-color:var(--accent2); flex-shrink:0; }

.badge-sm { font-size:10px; }
.badge-xs { font-size:9px; flex-shrink:0; }
.badge-log { min-width:38px; justify-content:center; }

.status-dot { width:8px; height:8px; border-radius:50%; flex-shrink:0; }
.status-dot--ativo { background:var(--green); }
.status-dot--pendente { background:var(--yellow); }
.status-dot--inativo { background:var(--red); }

.op-ferr-tabs { padding:8px 16px; display:flex; gap:6px; border-bottom:1px solid var(--border); }
.op-ferr-auto-toggle { display:flex; align-items:center; gap:6px; cursor:pointer; padding:3px 10px; border-radius:20px; border:1px solid var(--border); font-size:10px; font-family:var(--mono); margin-left:auto; }
.op-ferr-auto-dot { width:7px; height:7px; border-radius:50%; background:var(--muted); transition:background .2s; }
.op-ferr-auto-label { color:var(--muted); }
.op-ml-lista { padding:0 8px; }
.op-td-id { font-family:var(--mono); font-size:11px; color:var(--muted); text-align:center; white-space:nowrap; }
.op-td-center { text-align:center; }
.th-center { text-align:center !important; }
.btn-add--nowrap { white-space:nowrap; }
.btn-add--inline { align-self:flex-start; }

.cfg-foto-preview { width:52px; height:52px; border-radius:50%; background:var(--bg); border:2px solid var(--border); overflow:hidden; flex-shrink:0; display:flex; align-items:center; justify-content:center; color:var(--muted); font-size:20px; }
.cfg-foto-info { flex:1; }
.cfg-foto-nome { font-family:var(--mono); font-size:10px; color:var(--muted); margin-top:4px; }
.hidden-input { display:none; }
.form-textarea { background:var(--bg); border:1px solid var(--border); border-radius:6px; padding:8px 10px; color:var(--text); font-family:var(--sans); font-size:12px; outline:none; resize:vertical; width:100%; }
.form-textarea:focus { border-color:var(--accent); }
.form-group--sm { min-width:120px; }
.form-group--lg { min-width:160px; flex:1; }
.form-input { background:var(--bg); border:1px solid var(--border); border-radius:6px; padding:7px 10px; color:var(--text); font-family:var(--sans); font-size:12px; outline:none; }
.form-input--flex { flex:1; min-width:100px; }
.form-input--flex2 { flex:2; min-width:140px; }
.form-input:focus { border-color:var(--accent); }
.section-divider { border-top:1px solid var(--border); padding-top:12px; }
.section-label { font-family:var(--mono); font-size:10px; color:var(--muted); letter-spacing:1px; text-transform:uppercase; margin-bottom:10px; }
.admins-wrap { display:flex; flex-wrap:wrap; gap:4px; margin-bottom:12px; min-height:28px; }
.cfg-status-msg { font-family:var(--mono); font-size:11px; margin-top:8px; }
.empty-label { font-family:var(--mono); font-size:11px; color:var(--muted); }

.evo-nicho-block { margin-bottom:16px; }
.evo-inst-list { display:flex; flex-direction:column; gap:6px; margin-bottom:8px; }
.evo-inst-sub { font-family:var(--mono); font-size:10px; color:var(--muted); }
.evo-divider { border-top:1px solid var(--border); margin:16px 0; }

.rg-erro-msg { padding:16px; font-family:var(--mono); font-size:11px; color:var(--red); }
.chip-info-val--sm { font-size:12px; }
.grupos-title { text-transform:uppercase; letter-spacing:1px; }
.check-label { display:flex; align-items:center; gap:8px; cursor:pointer; }
.check-input { width:14px; height:14px; accent-color:var(--accent2); }
.check-text { font-size:10px; }
.btn-icon { margin-right:4px; vertical-align:middle; }
.foto-preview-img { width:100%; height:100%; object-fit:cover; }

.com-empty { grid-column:1/-1; font-family:var(--mono); font-size:11px; color:var(--muted); padding:8px 0; }
.com-td-label { font-size:9px; }
.com-td-total--lg { font-size:13px; }

.log-erro-detalhe { font-family:var(--mono); font-size:10px; color:var(--muted); margin-top:3px; white-space:pre-wrap; word-break:break-word; }

.com-plat-svg { border-radius:50%; flex-shrink:0; }
.com-plat-img { width:22px; height:22px; object-fit:contain; border-radius:50%; }
.com-plat-img--bg { background:#fff; }

/* ── COMISSÕES VALOR ALINHADO ── */
.com-val { display:inline-flex; align-items:baseline; gap:4px; }
.com-table td.com-td-val { text-align: left; }
.com-val-prefix { color:var(--muted); font-size:12px; white-space:nowrap; flex-shrink:0; }
.com-val-num { font-variant-numeric:tabular-nums; min-width:60px; text-align:right; display:inline-block; }
.com-card-sub .com-val-num { min-width: 0; }

/* ── SELETOR DE ÍCONE NICHO ── */
.nicho-icone-btn { width:36px; height:36px; border-radius:8px; border:1px solid var(--border); background:var(--surface2); font-size:18px; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:all 0.15s; }
.nicho-icone-btn.selected { border-color:var(--accent); background:rgba(255,204,0,0.15); }
.nicho-icones-grid { display:flex; flex-wrap:wrap; gap:6px; margin-top:4px; }

/* ── SELETOR ÍCONE SCROLL ── */
.nicho-icones-grid { max-height: 180px; overflow-y: auto; scrollbar-width: thin; scrollbar-color: var(--border) transparent; }
.nicho-icones-grid::-webkit-scrollbar { width: 4px; }
.nicho-icones-grid::-webkit-scrollbar-thumb { background: var(--border); border-radius: 2px; }

/* __ LEADS CSV __ */
#leads-grupo-sel { min-width: 0; flex: 1 1 0; }
/* ── TABELA OFERTAS HEADER FIXO ── */
.op-table-wrap { max-height: calc(100vh - 280px); overflow-y: auto; overflow-x: auto; }
.op-table thead { position: sticky; top: 0; z-index: 2; background: var(--surface2); }

/* ── BOTÃO ABRIR LINK OFERTAS ── */
.op-table td .op-ml-btn-arrow { background: var(--accent); border-color: var(--accent); color: #000; border-radius: 6px; padding: 4px 8px; font-size: 13px; }
.op-table td .op-ml-btn-arrow:hover { opacity: 0.85; }

/* ── BOTÃO ABRIR LINK OFERTAS ── */
.op-table td .op-ml-btn-arrow { background: var(--surface2); border: 1px solid var(--border); color: var(--accent2); border-radius: 6px; padding: 4px 8px; font-size: 13px; }