* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:root {
  --background: #070707;
  --sidebar: #0b0b0b;
  --panel: #101010;
  --panel-light: #151515;
  --border: #222;
  --border-light: #2b2b2b;
  --text: #f5f5f5;
  --muted: #777;
  --muted-light: #999;
  --accent: #e84393;
  --accent-dark: #a62968;
  --green: #35d07f;
  --red: #ff5c69;
}

html {
  scroll-behavior: smooth;
}

body {
  background: var(--background);
  color: var(--text);
  font-family: "Inter", sans-serif;
  min-height: 100vh;
}

button,
input,
select {
  font: inherit;
}

button {
  cursor: pointer;
}

.app {
  min-height: 100vh;
}

/* SIDEBAR */

.sidebar {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  width: 245px;
  background: var(--sidebar);
  border-right: 1px solid var(--border);
  padding: 28px 18px;
  display: flex;
  flex-direction: column;
  z-index: 20;
}

.brand {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0 10px 30px;
}

.brand-icon {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, #ff7849, #e84393, #794cff);
  font-weight: 800;
  font-size: 17px;
}

.brand strong {
  display: block;
  font-size: 15px;
  letter-spacing: 1.5px;
}

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

.menu {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.menu-item {
  width: 100%;
  border: 0;
  background: transparent;
  color: #777;
  padding: 13px 14px;
  display: flex;
  align-items: center;
  gap: 12px;
  text-align: left;
  transition: 0.2s;
}

.menu-item span {
  width: 20px;
  text-align: center;
}

.menu-item:hover {
  background: #121212;
  color: #ddd;
}

.menu-item.active {
  background: #181818;
  color: white;
  border-left: 2px solid var(--accent);
}

.sidebar-bottom {
  margin-top: auto;
  border-top: 1px solid var(--border);
  padding-top: 18px;
}

.connection-status {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 10px;
}

.status-dot {
  width: 8px;
  height: 8px;
  background: #555;
  border-radius: 50%;
}

.status-dot.online {
  background: var(--green);
  box-shadow: 0 0 12px rgba(53, 208, 127, 0.5);
}

.connection-status strong {
  display: block;
  font-size: 12px;
}

.connection-status span {
  color: var(--muted);
  font-size: 10px;
}

/* MAIN */

.main {
  margin-left: 245px;
  min-height: 100vh;
  padding: 0 38px 60px;
}

.header {
  min-height: 105px;
  border-bottom: 1px solid var(--border);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
}

.header h1 {
  font-size: 22px;
  margin-bottom: 6px;
}

.header p {
  color: var(--muted);
  font-size: 12px;
}

.header-actions {
  display: flex;
  align-items: center;
  gap: 15px;
}

.connect-button {
  border: 0;
  background: white;
  color: #050505;
  padding: 12px 19px;
  font-weight: 700;
  font-size: 12px;
}

.connect-button:hover {
  background: #ddd;
}

.instagram-account {
  display: flex;
  align-items: center;
  gap: 10px;
}

.account-avatar {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, #ff7849, #e84393, #794cff);
  font-weight: 800;
}

.instagram-account strong {
  display: block;
  font-size: 12px;
}

.instagram-account span {
  color: var(--muted);
  font-size: 10px;
}

.mobile-brand {
  display: none;
}

.hidden {
  display: none !important;
}

/* PAGES */

.page {
  display: none;
  padding-top: 30px;
}

.page.active-page {
  display: block;
}

.period-bar,
.section-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 22px;
}

.period-bar strong {
  display: block;
  font-size: 15px;
  margin-bottom: 5px;
}

.period-bar span,
.section-heading p {
  color: var(--muted);
  font-size: 11px;
}

.period-bar select {
  background: var(--panel);
  border: 1px solid var(--border-light);
  color: #bbb;
  padding: 10px 14px;
  outline: none;
}

.section-heading h2 {
  font-size: 18px;
  margin-bottom: 6px;
}

/* MÉTRICAS */

.metrics-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 12px;
  margin-bottom: 20px;
}

.metric-card {
  min-height: 128px;
  background: var(--panel);
  border: 1px solid var(--border);
  padding: 20px;
  display: flex;
  flex-direction: column;
}

.metric-label {
  color: var(--muted-light);
  font-size: 11px;
}

.metric-value {
  font-size: 23px;
  margin: 18px 0 9px;
}

.positive {
  color: var(--green) !important;
}

.negative {
  color: var(--red) !important;
}

.metric-card > span:last-child {
  font-size: 10px;
}

/* PAINÉIS */

.dashboard-grid {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 15px;
  margin-bottom: 15px;
}

.panel {
  background: var(--panel);
  border: 1px solid var(--border);
  padding: 22px;
}

.panel-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.panel-header strong {
  display: block;
  font-size: 13px;
}

.panel-header span {
  display: block;
  color: var(--muted);
  font-size: 10px;
  margin-top: 5px;
}

.chart-total {
  font-size: 20px !important;
}

.chart {
  height: 245px;
  position: relative;
  overflow: hidden;
}

.chart-lines {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.chart-lines span {
  display: block;
  border-top: 1px solid #1c1c1c;
}

.line-chart {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.line {
  fill: none;
  stroke: var(--accent);
  stroke-width: 3;
  vector-effect: non-scaling-stroke;
}

.area {
  fill: url(#chartFill);
}

.highlights {
  display: flex;
  flex-direction: column;
}

.highlight {
  padding: 17px 0;
  border-bottom: 1px solid var(--border);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.highlight:last-child {
  border-bottom: 0;
}

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

.highlight strong {
  font-size: 14px;
}

/* REELS */

.reels-panel {
  margin-bottom: 20px;
}

.text-button {
  border: 0;
  background: transparent;
  color: var(--accent);
  font-size: 11px;
}

.reel-row {
  display: grid;
  grid-template-columns: 50px minmax(180px, 2fr) repeat(4, 1fr) 1.3fr;
  align-items: center;
  gap: 15px;
  padding: 13px 0;
  border-top: 1px solid var(--border);
  cursor: pointer;
}

.reel-row:hover {
  background: #131313;
}

.reel-thumb {
  width: 42px;
  height: 42px;
  background: #222;
  display: grid;
  place-items: center;
  font-size: 10px;
  color: #777;
}

.reel-name strong {
  display: block;
  font-size: 11px;
}

.reel-name span {
  color: var(--muted);
  font-size: 9px;
}

.reel-stat span {
  color: var(--muted);
  display: block;
  font-size: 9px;
  margin-bottom: 4px;
}

.reel-stat strong {
  font-size: 11px;
}

.performance-badge {
  font-size: 10px;
  padding: 7px 9px;
  text-align: center;
}

.performance-badge.good {
  background: rgba(53, 208, 127, 0.08);
  color: var(--green);
}

.performance-badge.bad {
  background: rgba(255, 92, 105, 0.08);
  color: var(--red);
}

.performance-badge.normal {
  background: #191919;
  color: #aaa;
}

/* CONTEÚDOS */

.search-box input {
  width: 230px;
  background: var(--panel);
  border: 1px solid var(--border-light);
  color: white;
  padding: 11px 13px;
  outline: none;
}

.content-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
}

.content-card {
  background: var(--panel);
  border: 1px solid var(--border);
  cursor: pointer;
  transition: 0.2s;
}

.content-card:hover {
  border-color: #444;
  transform: translateY(-2px);
}

.content-cover {
  height: 220px;
  background:
    radial-gradient(circle at 70% 20%, rgba(232,67,147,.25), transparent 35%),
    linear-gradient(145deg, #202020, #0c0c0c);
  display: grid;
  place-items: center;
  color: #666;
  font-size: 12px;
  letter-spacing: 2px;
}

.content-body {
  padding: 16px;
}

.content-body > span {
  color: var(--muted);
  font-size: 9px;
}

.content-body h3 {
  font-size: 12px;
  margin: 7px 0 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.content-stats {
  display: flex;
  justify-content: space-between;
  gap: 8px;
}

.content-stats div span {
  display: block;
  color: var(--muted);
  font-size: 8px;
  margin-bottom: 4px;
}

.content-stats strong {
  font-size: 10px;
}

/* PERFORMANCE */

.performance-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
  margin-bottom: 15px;
}

.performance-card {
  background: var(--panel);
  border: 1px solid var(--border);
  padding: 24px;
}

.performance-card.best {
  border-top: 2px solid var(--accent);
}

.performance-card > span {
  color: var(--muted);
  font-size: 10px;
}

.performance-card > strong {
  display: block;
  font-size: 26px;
  margin: 18px 0 3px;
}

.performance-card p {
  color: var(--muted);
  font-size: 9px;
  margin-bottom: 17px;
}

.performance-card small {
  color: var(--green);
  font-size: 9px;
}

.comparison-item {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  align-items: center;
  gap: 15px;
  padding: 17px 0;
  border-top: 1px solid var(--border);
}

.comparison-item strong {
  font-size: 11px;
}

.comparison-item span {
  font-size: 10px;
  color: var(--muted);
}

/* HISTÓRICO */

.history-row {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  gap: 20px;
  padding: 18px 0;
  border-bottom: 1px solid var(--border);
  font-size: 11px;
}

.history-header {
  color: var(--muted);
  font-size: 9px;
  text-transform: uppercase;
}

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

/* CONTA */

.account-panel {
  max-width: 700px;
  background: var(--panel);
  border: 1px solid var(--border);
  padding: 30px;
}

.profile-big {
  display: flex;
  align-items: center;
  gap: 16px;
  padding-bottom: 25px;
  border-bottom: 1px solid var(--border);
}

.profile-avatar {
  width: 55px;
  height: 55px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, #ff7849, #e84393, #794cff);
  font-weight: 800;
  font-size: 20px;
}

.profile-big strong {
  display: block;
  font-size: 15px;
}

.profile-big span {
  color: var(--muted);
  font-size: 10px;
}

.account-info {
  margin: 20px 0;
}

.account-info div {
  display: flex;
  justify-content: space-between;
  padding: 13px 0;
  border-bottom: 1px solid var(--border);
  font-size: 11px;
}

.account-info span {
  color: var(--muted);
}

.danger-button {
  background: rgba(255, 92, 105, 0.08);
  border: 1px solid rgba(255, 92, 105, 0.2);
  color: var(--red);
  padding: 11px 16px;
  font-size: 10px;
}

/* MODAL */

.modal-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.8);
  backdrop-filter: blur(5px);
  z-index: 100;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.modal-overlay.open {
  display: flex;
}

.modal {
  width: min(850px, 100%);
  max-height: 90vh;
  overflow-y: auto;
  background: #0d0d0d;
  border: 1px solid #292929;
  position: relative;
  display: grid;
  grid-template-columns: 300px 1fr;
}

.modal-close {
  position: absolute;
  right: 14px;
  top: 12px;
  width: 32px;
  height: 32px;
  background: #191919;
  border: 1px solid #333;
  color: white;
  font-size: 20px;
  z-index: 2;
}

.modal-reel-cover {
  min-height: 500px;
  background:
    radial-gradient(circle at 50% 30%, rgba(232,67,147,.28), transparent 30%),
    linear-gradient(150deg, #242424, #080808);
  display: grid;
  place-items: center;
  color: #777;
  letter-spacing: 3px;
  font-size: 11px;
}

.modal-content {
  padding: 45px 35px 30px;
}

.modal-date {
  color: var(--muted);
  font-size: 9px;
}

.modal-content h2 {
  margin: 8px 0 25px;
  font-size: 18px;
}

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

.modal-metrics div {
  background: #131313;
  border: 1px solid var(--border);
  padding: 15px;
}

.modal-metrics span {
  display: block;
  color: var(--muted);
  font-size: 9px;
  margin-bottom: 8px;
}

.modal-metrics strong {
  font-size: 15px;
}

.result-box {
  margin-top: 20px;
  border-left: 2px solid var(--accent);
  background: #131313;
  padding: 18px;
}

.result-box span {
  display: block;
  color: var(--muted);
  font-size: 9px;
  margin-bottom: 7px;
}

.result-box strong {
  font-size: 12px;
}

/* MOBILE NAV */

.mobile-nav {
  display: none;
}

/* RESPONSIVO */

@media (max-width: 1200px) {

  .metrics-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .content-grid {
    grid-template-columns: repeat(3, 1fr);
  }

}

@media (max-width: 900px) {

  body {
    padding-bottom: 70px;
  }

  .sidebar {
    display: none;
  }

  .main {
    margin-left: 0;
    padding: 0 18px 35px;
  }

  .header {
    min-height: 92px;
  }

  .mobile-brand {
    display: block;
    color: var(--accent);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 2px;
    margin-bottom: 5px;
  }

  .header h1 {
    font-size: 18px;
  }

  .header p {
    display: none;
  }

  .instagram-account {
    display: none !important;
  }

  .connect-button {
    padding: 10px 13px;
    font-size: 9px;
  }

  .dashboard-grid {
    grid-template-columns: 1fr;
  }

  .content-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .performance-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .reel-row {
    grid-template-columns: 45px 1fr 1fr 1fr;
  }

  .reel-row .mobile-hide {
    display: none;
  }

  .mobile-nav {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 65px;
    background: #090909;
    border-top: 1px solid #222;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    z-index: 50;
  }

  .mobile-nav-item {
    border: 0;
    background: transparent;
    color: #666;
    font-size: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
  }

  .mobile-nav-item span {
    font-size: 16px;
  }

  .mobile-nav-item.active {
    color: white;
  }

  .modal {
    grid-template-columns: 1fr;
  }

  .modal-reel-cover {
    min-height: 220px;
  }

}

@media (max-width: 600px) {

  .main {
    padding-left: 12px;
    padding-right: 12px;
  }

  .metrics-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
  }

  .metric-card {
    min-height: 112px;
    padding: 15px;
  }

  .metric-value {
    font-size: 19px;
  }

  .period-bar {
    align-items: flex-end;
  }

  .period-bar select {
    max-width: 145px;
    font-size: 9px;
  }

  .panel {
    padding: 16px;
  }

  .chart {
    height: 190px;
  }

  .content-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
  }

  .content-cover {
    height: 170px;
  }

  .content-body {
    padding: 12px;
  }

  .performance-grid {
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }

  .performance-card {
    padding: 17px;
  }

  .performance-card > strong {
    font-size: 21px;
  }

  .section-heading {
    align-items: flex-end;
  }

  .search-box input {
    width: 145px;
    font-size: 9px;
  }

  .history-panel {
    overflow-x: auto;
  }

  .history-row {
    min-width: 620px;
  }

  .comparison-list {
    overflow-x: auto;
  }

  .comparison-item {
    min-width: 600px;
  }

  .reel-row {
    grid-template-columns: 40px 1fr 1fr;
  }

  .reel-row .tablet-hide {
    display: none;
  }

  .modal-content {
    padding: 25px 18px;
  }

}

/* AUTH + LIVE EFFECTS */
.app-locked { display: none !important; }
.auth-shell { position: fixed; inset: 0; z-index: 500; display: grid; place-items: center; overflow: hidden; background: #050505; padding: 22px; }
.auth-shell.hidden { display: none; }
.auth-glow { position: absolute; width: 420px; height: 420px; border-radius: 50%; filter: blur(110px); opacity: .18; pointer-events: none; animation: glowFloat 8s ease-in-out infinite alternate; }
.auth-glow-a { background: var(--accent); top: -160px; left: -120px; }
.auth-glow-b { background: #6f42ff; bottom: -190px; right: -120px; animation-delay: -3s; }
.auth-card { position: relative; width: min(440px, 100%); background: rgba(14,14,14,.92); border: 1px solid #2a2a2a; padding: 34px; box-shadow: 0 30px 100px rgba(0,0,0,.55); animation: authEnter .55s cubic-bezier(.2,.8,.2,1); }
.auth-card:before { content:""; position:absolute; inset:0 0 auto 0; height:2px; background: linear-gradient(90deg, transparent, var(--accent), transparent); }
.auth-brand { display:flex; align-items:center; gap:12px; margin-bottom:36px; }
.auth-brand strong { display:block; letter-spacing:1.5px; font-size:15px; }
.auth-brand span { display:block; color:var(--muted); font-size:10px; margin-top:2px; }
.auth-copy { margin-bottom:24px; }
.auth-kicker { color:var(--accent); font-weight:800; letter-spacing:1.8px; font-size:9px; }
.auth-copy h1 { font-size:25px; margin:8px 0; }
.auth-copy p { color:var(--muted-light); font-size:11px; line-height:1.6; }
.auth-form { display:grid; gap:14px; }
.auth-form label { display:grid; gap:7px; color:#aaa; font-size:10px; font-weight:600; }
.auth-form input { width:100%; background:#0a0a0a; border:1px solid #292929; color:#fff; padding:14px 15px; outline:none; transition:.2s; }
.auth-form input:focus { border-color:var(--accent); box-shadow:0 0 0 3px rgba(232,67,147,.08); }
.auth-primary { border:0; background:#fff; color:#050505; font-weight:800; padding:14px; margin-top:4px; transition:.2s; }
.auth-primary:hover { transform:translateY(-2px); box-shadow:0 10px 28px rgba(255,255,255,.1); }
.auth-primary:disabled { opacity:.55; cursor:wait; transform:none; }
.auth-switch { width:100%; border:0; background:transparent; color:var(--accent); padding:14px 0 0; font-size:10px; font-weight:700; }
.auth-message { min-height:17px; margin-top:12px; color:var(--red); font-size:10px; text-align:center; line-height:1.5; }
.logout-button, .sync-button { border:1px solid #292929; background:#101010; color:#aaa; padding:11px 13px; font-size:10px; transition:.2s; }
.logout-button:hover, .sync-button:hover { color:#fff; border-color:#444; transform:translateY(-1px); }
.sync-button { color:var(--green); }
.sync-button .sync-icon { display:inline-block; margin-right:5px; }
.sync-button.syncing .sync-icon { animation:spin .8s linear infinite; }
.live-status { position:fixed; right:22px; bottom:22px; z-index:150; display:flex; align-items:center; gap:10px; background:#111; border:1px solid #292929; padding:12px 15px; box-shadow:0 12px 40px rgba(0,0,0,.42); animation:toastIn .25s ease; }
.live-status.hidden { display:none; }
.live-status span { width:8px; height:8px; border-radius:50%; background:var(--green); box-shadow:0 0 0 0 rgba(53,208,127,.4); animation:pulseDot 1.4s infinite; }
.live-status strong { font-size:10px; font-weight:600; }
.toast { position:fixed; left:50%; bottom:25px; z-index:200; transform:translate(-50%,25px); opacity:0; pointer-events:none; background:#111; border:1px solid #2b2b2b; color:#fff; padding:12px 18px; font-size:10px; box-shadow:0 15px 50px rgba(0,0,0,.5); transition:.25s; }
.toast.show { opacity:1; transform:translate(-50%,0); }
.toast.error { border-color:rgba(255,92,105,.4); color:#ff8b94; }
.empty-state { grid-column:1/-1; min-height:120px; display:grid; place-items:center; align-content:center; gap:8px; color:#555; border:1px dashed #252525; background:#0b0b0b; }
.empty-state span { font-size:22px; animation:pulseSoft 2s infinite; }
.empty-state strong { font-size:10px; font-weight:600; }
.reveal { animation:reveal .38s ease both; }
.metric-card, .panel, .performance-card, .account-panel { transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.metric-card:hover, .performance-card:hover { transform:translateY(-3px); border-color:#343434; box-shadow:0 12px 32px rgba(0,0,0,.18); }
.panel:hover, .account-panel:hover { border-color:#2d2d2d; }
.content-cover.has-image, .reel-thumb.has-image, .modal-reel-cover.has-image { background-size:cover !important; background-position:center !important; }
.content-cover { position:relative; overflow:hidden; }
.content-cover .cover-shade { position:absolute; inset:0; background:linear-gradient(to top,rgba(0,0,0,.35),transparent 55%); opacity:.7; transition:.25s; }
.content-card:hover .content-cover { transform:none; }
.content-card:hover .cover-shade { opacity:.25; }
.content-card .content-cover { transition:filter .3s ease; }
.content-card:hover .content-cover { filter:brightness(1.08); }
.history-live .empty-state { margin-top:12px; }
.status-dot.online { animation:pulseDot 1.8s infinite; }

@keyframes authEnter { from{opacity:0;transform:translateY(18px) scale(.985)} to{opacity:1;transform:none} }
@keyframes glowFloat { from{transform:translate3d(-15px,-10px,0) scale(.95)} to{transform:translate3d(25px,20px,0) scale(1.08)} }
@keyframes reveal { from{opacity:0;transform:translateY(8px)} to{opacity:1;transform:none} }
@keyframes pulseDot { 0%{box-shadow:0 0 0 0 rgba(53,208,127,.35)} 70%{box-shadow:0 0 0 8px rgba(53,208,127,0)} 100%{box-shadow:0 0 0 0 rgba(53,208,127,0)} }
@keyframes pulseSoft { 50%{opacity:.35;transform:scale(.94)} }
@keyframes spin { to{transform:rotate(360deg)} }
@keyframes toastIn { from{opacity:0;transform:translateY(8px)} to{opacity:1;transform:none} }

@media(max-width:900px){
  .auth-card{padding:27px 21px}.auth-copy h1{font-size:22px}.logout-button{display:none}.sync-button{padding:10px}.live-status{right:12px;bottom:78px}.header-actions{gap:7px}
}
.instagram-login-button { width: 100%; display:flex; align-items:center; justify-content:center; gap:10px; font-size:12px; letter-spacing:.1px; }
.instagram-login-mark { font-size:19px; line-height:1; }
.auth-security { margin-top:16px; color:#666; font-size:9px; line-height:1.55; text-align:center; }
.spin { display:inline-block; animation:spin .8s linear infinite; }
@keyframes spin { to { transform:rotate(360deg); } }

/* AJUSTE: atualização silenciosa + Conteúdos sem rolagem lateral */
html, body { max-width: 100%; overflow-x: hidden; }
.main { min-width: 0; max-width: calc(100vw - 245px); overflow-x: hidden; }
.page, .section, .panel { min-width: 0; }

/* Nas sincronizações automáticas, nada reaparece/pisca. */
.silent-refresh .reveal { animation: none !important; }
.silent-refresh .content-card,
.silent-refresh .metric-card,
.silent-refresh .performance-card,
.silent-refresh .panel { transition: none !important; }

/* Conteúdos: grade vertical responsiva, nunca maior que a tela. */
.content-grid {
  width: 100%;
  min-width: 0;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  align-items: start;
  overflow: visible;
}
.content-card { min-width: 0; width: 100%; overflow: hidden; }
.content-cover {
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 5;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-color: #090909;
}
.content-cover.has-image { background-size: contain !important; background-position: center !important; background-repeat: no-repeat !important; }
.content-body h3 { white-space: normal; overflow: visible; text-overflow: clip; line-height: 1.4; min-height: 34px; }
.content-stats { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); }
.content-stats div { min-width: 0; }

@media (max-width: 900px) {
  .main { max-width: 100%; }
  .content-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  .content-grid { grid-template-columns: 1fr; }
  .content-cover { aspect-ratio: 4 / 5; }
}

/* PERFIL REAL + PAINEL PROFISSIONAL + INSIGHTS */
.account-avatar,.profile-avatar,.pro-avatar{background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:50%;overflow:hidden;flex:0 0 auto}
.account-avatar.has-profile,.profile-avatar.has-profile,.pro-avatar.has-profile{border:1px solid #383838;background-color:#111}
.content-tools{display:flex;gap:10px;align-items:center;min-width:0}.content-sort{height:36px;background:#0d0d0d;color:#aaa;border:1px solid #292929;padding:0 12px;outline:none;font-size:10px}.content-sort:focus{border-color:var(--accent)}
.pro-profile{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:12px}.pro-identity{display:flex;align-items:center;gap:14px;min-width:210px}.pro-avatar{width:62px;height:62px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),#7447ff);font-weight:800;font-size:20px}.pro-identity strong{display:block;font-size:16px}.pro-identity span{display:block;color:var(--muted);font-size:10px;margin-top:5px}.pro-counts{display:grid;grid-template-columns:repeat(4,minmax(110px,1fr));width:min(720px,100%);border-left:1px solid #252525}.pro-counts div{padding:8px 18px;border-right:1px solid #252525}.pro-counts span,.pro-metrics span,.pro-summary span{display:block;color:var(--muted);font-size:9px;margin-bottom:7px}.pro-counts strong{font-size:18px}.pro-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.pro-metrics article{border:1px solid #292929;background:#101010;padding:18px;min-height:100px}.pro-metrics strong{font-size:21px}.pro-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pro-summary>div{background:#0c0c0c;border:1px solid #222;padding:16px;min-width:0}.pro-summary strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pro-summary small{display:block;color:var(--green);font-size:9px;margin-top:7px}.modal-insights-extra{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}.modal-insights-extra>div{background:#0d0d0d;border:1px solid #242424;padding:13px}.modal-insights-extra span{display:block;color:var(--muted);font-size:9px;margin-bottom:6px}.modal-insights-extra strong{font-size:13px}.instagram-open{display:block;margin-top:12px;border:1px solid #2b2b2b;padding:12px;text-align:center;color:#fff;text-decoration:none;font-size:10px;transition:.2s}.instagram-open:hover{border-color:var(--accent);color:var(--accent)}
@media(max-width:900px){.pro-profile{align-items:flex-start;flex-direction:column}.pro-counts{border-left:0;grid-template-columns:repeat(2,1fr)}.pro-counts div{border:1px solid #252525}.pro-metrics{grid-template-columns:repeat(2,1fr)}.pro-summary{grid-template-columns:1fr}.content-tools{width:100%;flex-wrap:wrap}.content-sort,.search-box{flex:1 1 160px}.search-box input{width:100%!important}}

/* ===== SOFT-IG RED / PREMIUM V2 ===== */
:root{--background:#030303;--sidebar:#070303;--panel:#0b0707;--panel-light:#110909;--border:#2a1111;--border-light:#451717;--text:#fff7f7;--muted:#806c6c;--muted-light:#b99b9b;--accent:#ff1717;--accent-dark:#8d0000;--green:#39e58c;--red:#ff3030}
body{background:radial-gradient(circle at 70% -15%,rgba(160,0,0,.13),transparent 28%),#030303}
.sidebar{background:linear-gradient(180deg,#090303 0%,#050303 100%);border-right-color:#2b0d0d;box-shadow:18px 0 55px rgba(0,0,0,.38)}
.site-logo{padding:0;background:#050000!important;border:1px solid #4d1010;overflow:hidden;box-shadow:0 0 18px rgba(255,0,0,.18)}
.site-logo img{width:100%;height:100%;display:block;object-fit:contain}
.mobile-nav-logo{overflow:hidden;padding:0!important;background:#050505!important}
.mobile-nav-logo img{display:block;width:100%;height:100%;object-fit:contain}
.menu-item{position:relative;border:1px solid transparent;color:#887777;overflow:hidden}
.menu-item:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,0,0,.09),transparent 72%);opacity:0;transition:.25s}
.menu-item:hover{background:#100707;color:#fff;border-color:#351111;transform:translateX(2px)}
.menu-item:hover:before,.menu-item.active:before{opacity:1}
.menu-item.active{background:#120707;color:#fff;border:1px solid #5b1717;border-left:2px solid #ff2020;box-shadow:inset 8px 0 22px rgba(255,0,0,.08),0 0 20px rgba(255,0,0,.05)}
.menu-icon{width:22px!important;height:22px;display:grid;place-items:center;color:#a74b4b;transition:.25s}
.menu-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.menu-icon svg rect{fill:none}.menu-item.active .menu-icon,.menu-item:hover .menu-icon{color:#ff3838;filter:drop-shadow(0 0 5px rgba(255,0,0,.45))}
.header{border-bottom-color:#2a1111}.header h1,.section-heading h2{letter-spacing:-.45px}.header h1:after{content:"";display:block;width:30px;height:2px;margin-top:7px;background:#f01818;box-shadow:0 0 10px rgba(255,0,0,.55)}
.connect-button,.auth-primary{background:linear-gradient(135deg,#ff2525,#a40000);color:#fff;border:1px solid #ff3b3b;box-shadow:0 8px 26px rgba(180,0,0,.22);transition:.25s}.connect-button:hover,.auth-primary:hover{background:linear-gradient(135deg,#ff3b3b,#c40000);box-shadow:0 0 28px rgba(255,0,0,.28);transform:translateY(-1px)}
.sync-button{border-color:#4b1515;color:#ff5656}.sync-button:hover{border-color:#ff2525;background:#150707;box-shadow:0 0 16px rgba(255,0,0,.12)}
.metric-card,.panel,.performance-card,.account-panel,.pro-metrics article,.pro-summary>div{background:linear-gradient(145deg,#0d0909,#080606);border-color:#2b1515}
.metric-card:hover,.performance-card:hover,.pro-metrics article:hover,.pro-summary>div:hover{border-color:#7c2020;box-shadow:0 10px 34px rgba(0,0,0,.35),0 0 22px rgba(255,0,0,.07);transform:translateY(-3px)}
.metric-card{position:relative;overflow:hidden}.metric-card:after,.pro-metrics article:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#e31b1b,transparent);opacity:.45}
.metric-value,.pro-metrics strong,.pro-counts strong{font-variant-numeric:tabular-nums;text-shadow:0 0 18px rgba(255,30,30,.10)}
.line-chart polyline,.line-chart path{stroke:#f21d1d!important}.chart-fill{fill:rgba(190,0,0,.14)!important}
.account-avatar,.profile-avatar,.pro-avatar{background-color:#050000!important;background-size:contain!important;background-position:center!important;border:1px solid #681c1c!important;box-shadow:0 0 18px rgba(255,0,0,.12)}
.pro-profile{padding:22px!important;background:linear-gradient(120deg,#0c0707,#070505 62%,#130606)!important;border-color:#401515!important;box-shadow:0 15px 50px rgba(0,0,0,.22)}
.pro-avatar{width:78px;height:78px}.pro-identity strong{font-size:18px}.pro-counts{border-left-color:#3c1616}.pro-counts div{border-right-color:#3c1616;position:relative}.pro-counts div:after{content:"";position:absolute;left:18px;bottom:0;width:28px;height:1px;background:#d51d1d;box-shadow:0 0 8px rgba(255,0,0,.5)}
.pro-metrics{gap:12px}.pro-metrics article{position:relative;overflow:hidden;min-height:112px;padding:20px}.pro-metrics article:hover strong{color:#ffeded}.pro-summary{gap:12px}.pro-summary small{color:#ff4848!important}.panel-header strong{color:#fff}.positive{color:#35d07f!important;text-shadow:0 0 10px rgba(53,208,127,.16)}
.content-card{border-color:#2d1515;background:#090606;transition:.28s ease}.content-card:hover{border-color:#7a2020;box-shadow:0 12px 34px rgba(0,0,0,.4),0 0 24px rgba(255,0,0,.07);transform:translateY(-3px)}
.content-cover{background-color:#050303}.content-sort,.search-box input{background:#090606!important;border-color:#321515!important}.content-sort:focus,.search-box input:focus{border-color:#d62020!important;box-shadow:0 0 0 2px rgba(255,0,0,.06)}
.modal{border-color:#5b1a1a!important;box-shadow:0 25px 90px rgba(0,0,0,.7),0 0 50px rgba(255,0,0,.08)}.modal-close:hover{color:#ff3030;border-color:#ff3030}
.auth-shell{background:radial-gradient(circle at 18% 12%,rgba(170,0,0,.2),transparent 30%),radial-gradient(circle at 88% 88%,rgba(90,0,0,.16),transparent 35%),#030303}.auth-card{border-color:#481515;box-shadow:0 30px 90px rgba(0,0,0,.65),0 0 60px rgba(255,0,0,.06)}.auth-kicker{color:#ff3838}.auth-glow{background:#a00000!important;opacity:.16!important}
.status-dot.online{background:#ff2525;box-shadow:0 0 12px rgba(255,0,0,.6);animation:redPulse 1.8s infinite}@keyframes redPulse{0%{box-shadow:0 0 0 0 rgba(255,20,20,.35)}70%{box-shadow:0 0 0 8px rgba(255,20,20,0)}100%{box-shadow:0 0 0 0 rgba(255,20,20,0)}}
.page.active-page{animation:pageRedIn .38s cubic-bezier(.2,.8,.2,1)}@keyframes pageRedIn{from{opacity:.2;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(max-width:900px){.pro-avatar{width:70px;height:70px}.menu-item:hover{transform:none}}

/* ===== READABILITY / TYPOGRAPHY V3 ===== */
:root{
  --text:#fffafa;
  --muted:#c7a9a9;
  --muted-light:#ead0d0;
}
body{
  font-weight:600;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
strong,b,h1,h2,h3,h4,h5,h6,.metric-value,.pro-counts strong,.pro-metrics strong{
  font-weight:800!important;
}
button,input,select,textarea{font-weight:700}

/* Sidebar */
.brand strong{font-size:16px;font-weight:800!important}
.brand span{font-size:12px;color:#d0b6b6;font-weight:700}
.menu-item{font-size:13px;font-weight:750;color:#c2aaaa}
.menu-item.active,.menu-item:hover{color:#fff}
.connection-status strong{font-size:12px;font-weight:800!important}
.connection-status span{font-size:11px;color:#c9adad;font-weight:700}

/* Headers and supporting copy */
.header h1{font-size:23px;font-weight:800!important}
.header p,.section-heading p,.period-bar span{font-size:12px;color:#d0b7b7;font-weight:650;line-height:1.5}
.section-heading h2{font-size:19px;font-weight:800!important}
.period-bar strong{font-size:16px;font-weight:800!important}
.instagram-account strong{font-size:12px;font-weight:800!important}
.instagram-account span{font-size:11px;color:#d1b6b6;font-weight:700}

/* Cards / panels */
.metric-label{font-size:12px;color:#e0c2c2;font-weight:750}
.metric-value{font-size:25px;line-height:1.1}
.metric-card>span:last-child{font-size:11px;font-weight:750}
.panel-header strong{font-size:14px;font-weight:800!important}
.panel-header span{font-size:11px;color:#d2b8b8;font-weight:700;line-height:1.45}
.highlight span{font-size:11px;color:#cfb2b2;font-weight:700}
.highlight strong{font-size:15px;font-weight:800!important}

/* Reels / contents */
.reel-name strong{font-size:12px;line-height:1.35;font-weight:800!important}
.reel-name span{font-size:10px;color:#c9adad;font-weight:700}
.reel-stat span{font-size:10px;color:#d0b3b3;font-weight:700}
.reel-stat strong{font-size:12px;font-weight:800!important}
.performance-badge{font-size:10px;font-weight:800}
.content-body>span{font-size:10px;color:#cdb0b0;font-weight:700}
.content-body h3{font-size:12px;font-weight:800!important;line-height:1.5}
.content-stats div span{font-size:9px;color:#d0b3b3;font-weight:700}
.content-stats strong{font-size:11px;font-weight:800!important}
.content-sort,.search-box input{font-size:11px;color:#f2dede;font-weight:700}

/* Performance */
.performance-card>span{font-size:11px;color:#d2b6b6;font-weight:750}
.performance-card>strong{font-size:28px;font-weight:800!important}
.performance-card p{font-size:10px;color:#d0b4b4;font-weight:700}
.performance-card small{font-size:10px;font-weight:800}
.comparison-item strong{font-size:12px;font-weight:800!important}
.comparison-item span{font-size:11px;color:#d5baba;font-weight:700}

/* History */
.history-row{font-size:12px;font-weight:700}
.history-header{font-size:10px;color:#d1b5b5;font-weight:800;letter-spacing:.35px}

/* Account / pro */
.profile-big strong{font-size:16px;font-weight:800!important}
.profile-big span{font-size:11px;color:#ceb1b1;font-weight:700}
.account-info div{font-size:12px;font-weight:700}
.account-info span{color:#d0b4b4;font-weight:700}
.pro-identity strong{font-size:19px!important;font-weight:800!important}
.pro-identity span{font-size:11px!important;color:#d3b6b6!important;font-weight:750}
.pro-counts span,.pro-metrics span,.pro-summary span{font-size:10px!important;color:#d5baba!important;font-weight:750;line-height:1.35}
.pro-counts strong{font-size:20px!important}
.pro-metrics strong{font-size:23px!important}
.pro-summary strong{font-size:12px!important;font-weight:800!important}
.pro-summary small{font-size:10px!important;font-weight:800}

/* Modal / reel insights */
.modal-date{font-size:10px;color:#ceb2b2;font-weight:700}
.modal-content h2{font-size:19px;font-weight:800!important;line-height:1.35}
.modal-metrics span,.modal-insights-extra span{font-size:10px!important;color:#d2b6b6!important;font-weight:750}
.modal-metrics strong{font-size:16px;font-weight:800!important}
.modal-insights-extra strong{font-size:14px;font-weight:800!important}
.result-box span{font-size:10px;color:#d2b5b5;font-weight:750}
.result-box strong{font-size:13px;font-weight:800!important}
.instagram-open{font-size:11px;font-weight:800}

/* Auth */
.auth-brand strong{font-size:16px;font-weight:800!important}
.auth-brand span{font-size:11px;color:#d2b8b8;font-weight:700}
.auth-kicker{font-size:10px;font-weight:800}
.auth-copy h1{font-size:27px;font-weight:800!important}
.auth-copy p{font-size:12px;color:#dec5c5;font-weight:650}
.auth-form label{font-size:11px;color:#e0caca;font-weight:750}
.auth-message,.auth-security{font-size:10px;font-weight:700;color:#c5aaaa}

/* Improve dense table readability */
.comparison-list,.history-panel,.reels-list{line-height:1.45}
.positive,.negative{font-weight:800!important}

@media(max-width:900px){
  .menu-item{font-size:12px}
  .metric-label{font-size:11px}
  .metric-value{font-size:22px}
  .header h1{font-size:21px}
}


/* PERFORMANCE STATUS COLORS — semantic colors */
.positive{color:#35d07f!important;text-shadow:0 0 10px rgba(53,208,127,.16)}
.negative{color:#ff3b47!important;text-shadow:0 0 10px rgba(255,59,71,.14)}
.performance-badge.good{color:#35d07f!important;background:rgba(53,208,127,.08)!important;border:1px solid rgba(53,208,127,.15)}
.performance-badge.bad{color:#ff3b47!important;background:rgba(255,59,71,.08)!important;border:1px solid rgba(255,59,71,.15)}
.performance-badge.normal{color:#d4caca!important;background:#151010!important;border:1px solid #2a2020}

/* Painel Profissional v2 — hierarquia, legibilidade e responsividade */
#profissional{overflow-x:hidden}.pro-hero{position:relative;overflow:hidden;min-height:132px}.pro-hero:before{content:"";position:absolute;width:280px;height:280px;right:-120px;top:-160px;background:radial-gradient(circle,rgba(220,20,20,.16),transparent 68%);pointer-events:none}.pro-id-copy{min-width:0}.pro-id-copy strong{overflow-wrap:anywhere}.pro-id-copy small{display:block;margin-top:8px;color:#ff7777;font-size:10px;font-weight:800;letter-spacing:.02em}.pro-block-title{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:24px 2px 12px}.pro-block-title strong{display:block;font-size:15px}.pro-block-title span{display:block;margin-top:5px;color:#d0b8b8;font-size:10px;font-weight:700}.pro-block-title>small{color:#ff7373;font-size:10px;font-weight:800;white-space:nowrap}.pro-primary article{min-width:0;min-height:132px;display:flex;flex-direction:column;justify-content:center}.pro-primary article>strong{font-size:28px!important;line-height:1.05;overflow-wrap:anywhere}.pro-primary article>small{display:block;margin-top:10px;color:#c5aaaa;font-size:9px;font-weight:700;line-height:1.45}.pro-averages{margin:12px 0}.pro-average-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #2c1515}.pro-average-strip>div{min-width:0;padding:18px 20px;border-right:1px solid #2c1515}.pro-average-strip>div:last-child{border-right:0}.pro-average-strip span{display:block;color:#d3b8b8;font-size:10px;font-weight:800}.pro-average-strip strong{display:block;margin-top:8px;font-size:20px;font-weight:850;overflow-wrap:anywhere}.pro-reading{margin-top:12px}.pro-highlights{grid-template-columns:repeat(2,minmax(0,1fr))!important}.pro-highlight-card{appearance:none;width:100%;min-width:0;display:grid;grid-template-columns:82px minmax(0,1fr);gap:14px;align-items:center;padding:12px;background:linear-gradient(145deg,#0d0808,#080606);border:1px solid #2b1515;color:#fff;text-align:left;cursor:pointer;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.pro-highlight-card:hover{transform:translateY(-2px);border-color:#8d2525;box-shadow:0 10px 30px rgba(0,0,0,.32),0 0 20px rgba(255,0,0,.07)}.pro-highlight-thumb{width:82px;height:82px;background:#090909 center/contain no-repeat;border:1px solid #321818}.pro-highlight-copy{min-width:0}.pro-highlight-copy span{display:block;color:#d4b6b6!important;font-size:9px!important;font-weight:800}.pro-highlight-copy strong{display:block;margin-top:5px;font-size:11px!important;line-height:1.4;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere}.pro-highlight-copy b{display:inline-block;margin-top:8px;color:#ff5252;font-size:16px;font-weight:900}.pro-highlight-copy small{display:inline-block;margin-left:6px;color:#c7aaaa!important;font-size:9px!important;font-weight:700}.pro-counts strong{overflow-wrap:anywhere}.pro-counts span{white-space:normal}.pro-profile,.pro-metrics,.pro-average-strip,.pro-summary{max-width:100%}
@media(max-width:1100px){.pro-primary{grid-template-columns:repeat(2,minmax(0,1fr))}.pro-counts{grid-template-columns:repeat(2,minmax(0,1fr))}.pro-average-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.pro-average-strip>div:nth-child(2){border-right:0}.pro-average-strip>div:nth-child(-n+2){border-bottom:1px solid #2c1515}}
@media(max-width:700px){.pro-hero{padding:18px!important}.pro-identity{width:100%}.pro-avatar{width:66px!important;height:66px!important}.pro-counts{width:100%;gap:8px}.pro-counts div{padding:13px!important}.pro-primary{grid-template-columns:1fr}.pro-primary article{min-height:108px}.pro-average-strip{grid-template-columns:1fr}.pro-average-strip>div{border-right:0!important;border-bottom:1px solid #2c1515}.pro-average-strip>div:last-child{border-bottom:0}.pro-highlights{grid-template-columns:1fr!important}.pro-highlight-card{grid-template-columns:72px minmax(0,1fr)}.pro-highlight-thumb{width:72px;height:72px}.pro-block-title{align-items:flex-start;flex-direction:column;gap:7px}.pro-block-title>small{white-space:normal}.pro-reading .panel-header,.pro-averages .panel-header{align-items:flex-start}.pro-reading .panel-header span,.pro-averages .panel-header span{white-space:normal}}
/* v3 Painel Profissional: somente dados da conta */
.pro-id-copy b{display:block;margin-top:3px;font-size:12px;color:#ff4b4b;font-weight:850}.account-counts{grid-template-columns:repeat(3,minmax(110px,1fr))!important}.pro-about{margin:12px 0}.pro-about-grid{display:grid;grid-template-columns:2fr 1fr;gap:0;border-top:1px solid #2c1515}.pro-about-grid>div{padding:18px 20px;min-width:0}.pro-about-grid>div+div{border-left:1px solid #2c1515}.pro-about-grid span{display:block;color:#d5baba;font-size:10px;font-weight:800;margin-bottom:8px}.pro-about-grid p,.pro-about-grid a{margin:0;color:#fff;font-size:13px;font-weight:750;line-height:1.55;overflow-wrap:anywhere;text-decoration:none}.pro-about-grid a[href]{color:#ff6b6b}.pro-note{display:flex;gap:10px;align-items:flex-start;margin-top:12px;padding:16px 18px}.pro-note strong{white-space:nowrap}.pro-note span{color:#cdb7b7;font-size:10px;font-weight:700;line-height:1.5}.account-insights article>strong{font-size:30px!important}
@media(max-width:700px){#profissional{padding-bottom:26px}.account-only{gap:16px}.account-counts{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px}.account-counts div{padding:12px 8px!important;text-align:center}.account-counts span{font-size:9px!important}.account-counts strong{font-size:18px!important}.pro-id-copy strong{font-size:17px!important}.pro-id-copy b{font-size:11px}.pro-about-grid{grid-template-columns:1fr}.pro-about-grid>div+div{border-left:0;border-top:1px solid #2c1515}.pro-about-grid>div{padding:15px}.account-insights{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px}.account-insights article{min-height:118px!important;padding:15px!important}.account-insights article>strong{font-size:24px!important}.account-insights article>small{font-size:9px!important}.pro-note{flex-direction:column}.pro-note strong{white-space:normal}}
@media(max-width:420px){.account-counts{grid-template-columns:1fr 1fr 1fr!important}.account-counts div{padding:10px 5px!important}.account-counts strong{font-size:16px!important}.account-insights{grid-template-columns:1fr!important}.account-insights article{min-height:98px!important}.pro-avatar{width:60px!important;height:60px!important}.pro-identity{gap:11px!important}}

/* ===== PAINEL PROFISSIONAL V5 — PERFIL + CONTA ===== */
#profissional{overflow-x:hidden;max-width:100%}.pro-v5-profile{padding:26px 28px!important;position:relative;overflow:hidden;background:radial-gradient(circle at 92% 0,rgba(210,18,30,.13),transparent 34%),linear-gradient(145deg,#0c0909,#070606)!important}.pro-v5-top{display:flex;align-items:center;gap:18px}.pro-v5-avatar{width:92px;height:92px;border-radius:50%;flex:0 0 auto;display:grid;place-items:center;background:#050000 center/contain no-repeat;border:1px solid #711b24;box-shadow:0 0 30px rgba(220,20,35,.12);font-size:24px;font-weight:900;overflow:hidden}.pro-v5-headcopy{min-width:0}.pro-v5-name-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pro-v5-name-row strong{font-size:22px!important;line-height:1.15;overflow-wrap:anywhere}.pro-v5-connected{font-size:9px!important;font-weight:900!important;color:#55d98a!important;border:1px solid rgba(85,217,138,.28);background:rgba(85,217,138,.06);padding:5px 8px}.pro-v5-headcopy>b{display:block;color:#ff4b58;font-size:13px;margin-top:5px}.pro-v5-headcopy>span{display:block;color:#c9b4b4;font-size:10px;font-weight:800;margin-top:5px}.pro-v5-counts{display:grid;grid-template-columns:repeat(3,minmax(0,150px));gap:0;margin:22px 0 0 110px}.pro-v5-counts>div{padding:0 24px;border-left:1px solid #32181b}.pro-v5-counts>div:first-child{padding-left:0;border-left:0}.pro-v5-counts strong{display:block;font-size:22px!important;line-height:1}.pro-v5-counts span{display:block;margin-top:7px;color:#cbb6b6;font-size:10px;font-weight:800}.pro-v5-bio{margin:22px 0 0 110px;max-width:760px}.pro-v5-bio p{margin:0;color:#fff;font-size:12px;font-weight:750;line-height:1.6;white-space:pre-line}.pro-v5-bio a{display:inline-flex;align-items:center;gap:7px;margin-top:8px;color:#ff5965;text-decoration:none;font-size:11px;font-weight:850;max-width:100%}.pro-v5-bio a svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;flex:0 0 auto}.pro-v5-bio a span{overflow-wrap:anywhere}.pro-v5-bio a.is-empty{color:#8f7d7d;pointer-events:none}.pro-v5-sync{display:block;margin:18px 0 0 110px;color:#8f7d7d;font-size:9px;font-weight:750}.pro-v5-section-title{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:28px 2px 12px}.pro-v5-section-title strong{display:block;font-size:17px!important}.pro-v5-section-title span{display:block;margin-top:5px;color:#bca5a5;font-size:10px;font-weight:750}.pro-v5-section-title em{font-style:normal;font-size:9px;font-weight:900;color:#ff5360;letter-spacing:.08em;border:1px solid #42171b;padding:7px 9px}.pro-v5-insights{display:grid;grid-template-columns:minmax(260px,1.15fr) 2fr;padding:0!important;overflow:hidden}.pro-v5-mainmetric{min-width:0;padding:30px;border-right:1px solid #351619;background:radial-gradient(circle at 20% 20%,rgba(225,29,46,.10),transparent 58%)}.pro-v5-mainmetric>span,.pro-v5-side-metrics span{display:block;color:#cdb5b5;font-size:10px;font-weight:850}.pro-v5-mainmetric>strong{display:block;margin-top:12px;font-size:44px!important;line-height:1;color:#fff;text-shadow:0 0 24px rgba(225,29,46,.14);overflow-wrap:anywhere}.pro-v5-mainmetric>small,.pro-v5-side-metrics small{display:block;margin-top:10px;color:#927f7f;font-size:9px;font-weight:700;line-height:1.45}.pro-v5-side-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.pro-v5-side-metrics>div{min-width:0;padding:30px 22px;border-left:1px solid #281315}.pro-v5-side-metrics>div:first-child{border-left:0}.pro-v5-side-metrics strong{display:block;margin-top:12px;font-size:25px!important;overflow-wrap:anywhere}.pro-v5-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.75fr);gap:12px;margin-top:12px}.pro-v5-evolution,.pro-v5-growth{padding:20px!important;min-width:0}.pro-v5-cardhead{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.pro-v5-cardhead strong{display:block;font-size:13px!important}.pro-v5-cardhead span{display:block;margin-top:4px;color:#a89191;font-size:9px;font-weight:750}.pro-v5-cardhead>span{color:#ff5b67;margin:0;white-space:nowrap}.pro-v5-chart{height:160px;margin-top:16px;overflow:hidden}.pro-v5-chart svg{display:block;width:100%;height:100%;overflow:visible}.pro-v5-line{fill:none;stroke:#e11d2e;stroke-width:3;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 5px rgba(225,29,46,.35))}.pro-v5-area{fill:url(#proAreaGrad)}.pro-v5-chart-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#786767;font-size:8px;font-weight:750}.pro-v5-chart-foot b{color:#bba2a2;font-size:8px}.pro-v5-growth-number{padding:22px 0;border-bottom:1px solid #2b1517}.pro-v5-growth-number span{display:block;color:#bca5a5;font-size:9px;font-weight:800}.pro-v5-growth-number strong{display:block;margin-top:8px;font-size:32px!important}.pro-v5-growth-number small{display:block;margin-top:6px;color:#8f7c7c;font-size:9px;font-weight:700}.pro-v5-growth-row{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid #211113}.pro-v5-growth-row:last-child{border-bottom:0}.pro-v5-growth-row span{color:#9f8989;font-size:9px;font-weight:750}.pro-v5-growth-row b{font-size:11px}.pro-v5-accountinfo{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:12px;padding:0!important;overflow:hidden}.pro-v5-accountinfo>div{padding:16px 20px;border-left:1px solid #2b1517;min-width:0}.pro-v5-accountinfo>div:first-child{border-left:0}.pro-v5-accountinfo span{display:block;color:#8f7c7c;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.pro-v5-accountinfo strong{display:block;margin-top:6px;font-size:10px!important;overflow-wrap:anywhere}.negative{color:#ff4d5b!important;text-shadow:0 0 10px rgba(255,77,91,.16)}
@media(max-width:900px){.pro-v5-insights{grid-template-columns:1fr}.pro-v5-mainmetric{border-right:0;border-bottom:1px solid #351619}.pro-v5-grid{grid-template-columns:1fr}.pro-v5-side-metrics>div{padding:22px 18px}.pro-v5-mainmetric>strong{font-size:38px!important}}
@media(max-width:700px){#profissional{padding-bottom:30px}.pro-v5-profile{padding:20px 16px!important}.pro-v5-top{align-items:flex-start;gap:13px}.pro-v5-avatar{width:76px;height:76px}.pro-v5-name-row strong{font-size:18px!important}.pro-v5-counts{margin:20px 0 0;grid-template-columns:repeat(3,1fr);border-top:1px solid #2c1517;padding-top:16px}.pro-v5-counts>div{padding:0 10px;text-align:center}.pro-v5-counts>div:first-child{padding-left:10px}.pro-v5-counts strong{font-size:19px!important}.pro-v5-counts span{font-size:9px}.pro-v5-bio{margin:18px 0 0}.pro-v5-bio p{font-size:11px}.pro-v5-sync{margin:14px 0 0}.pro-v5-section-title{align-items:flex-start}.pro-v5-mainmetric{padding:24px 18px}.pro-v5-mainmetric>strong{font-size:36px!important}.pro-v5-side-metrics{grid-template-columns:1fr 1fr}.pro-v5-side-metrics>div{padding:18px 15px;border-top:1px solid #281315}.pro-v5-side-metrics>div:nth-child(3){grid-column:1/-1}.pro-v5-side-metrics strong{font-size:21px!important}.pro-v5-chart{height:135px}.pro-v5-accountinfo{grid-template-columns:1fr}.pro-v5-accountinfo>div{border-left:0;border-top:1px solid #2b1517}.pro-v5-accountinfo>div:first-child{border-top:0}}
@media(max-width:420px){.pro-v5-avatar{width:66px;height:66px}.pro-v5-name-row{gap:6px}.pro-v5-connected{padding:4px 6px}.pro-v5-headcopy>b{font-size:11px}.pro-v5-counts>div{padding:0 5px!important}.pro-v5-counts strong{font-size:17px!important}.pro-v5-counts span{font-size:8px}.pro-v5-side-metrics{grid-template-columns:1fr}.pro-v5-side-metrics>div:nth-child(3){grid-column:auto}.pro-v5-mainmetric>strong{font-size:32px!important}.pro-v5-section-title em{font-size:8px}.pro-v5-chart-foot b{display:none}}

/* V7 — Painel profissional menos quadrado, mais editorial/premium */
#profissional .panel{border:0!important;border-radius:20px!important;background:linear-gradient(145deg,rgba(18,8,9,.92),rgba(5,5,5,.96))!important;box-shadow:0 18px 55px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.025)}
.pro-v5-profile{border-radius:24px!important;padding:30px 34px!important;background:radial-gradient(circle at 8% 0,rgba(229,25,43,.13),transparent 30%),radial-gradient(circle at 92% 10%,rgba(229,25,43,.08),transparent 26%),linear-gradient(135deg,#0d0809,#050505)!important}
.pro-v5-avatar{border:2px solid rgba(225,29,46,.5)!important;box-shadow:0 0 0 7px rgba(225,29,46,.035),0 14px 35px rgba(0,0,0,.35)!important}
.pro-v5-connected{border:0!important;border-radius:999px;background:rgba(53,208,127,.09)!important;padding:6px 10px!important}
.pro-v5-counts>div{border:0!important;padding:0 30px!important;position:relative}.pro-v5-counts>div+div:before{content:"";position:absolute;left:0;top:10%;height:80%;width:1px;background:linear-gradient(transparent,rgba(225,29,46,.28),transparent)}
.pro-v5-bio{padding-top:18px;border-top:1px solid rgba(255,255,255,.055);max-width:850px}.pro-v5-bio p{font-size:13px!important;line-height:1.72!important}.pro-v5-bio a{border-radius:999px;padding:7px 11px;background:rgba(225,29,46,.07)}
.pro-v5-section-title{margin-top:32px!important}.pro-v5-section-title em{border:0!important;border-radius:999px!important;background:rgba(225,29,46,.08);padding:8px 11px!important}
.pro-v5-insights{border-radius:22px!important;display:grid!important;grid-template-columns:minmax(300px,1.05fr) 2fr!important;background:radial-gradient(circle at 12% 30%,rgba(225,29,46,.10),transparent 34%),#080606!important}
.pro-v5-mainmetric{border:0!important;padding:34px!important}.pro-v5-mainmetric>strong{font-size:48px!important;letter-spacing:-.035em}.pro-v5-side-metrics>div{border:0!important;padding:34px 25px!important;position:relative}.pro-v5-side-metrics>div+div:before{content:"";position:absolute;left:0;top:22%;height:56%;width:1px;background:linear-gradient(transparent,rgba(255,255,255,.08),transparent)}
.pro-v5-grid{gap:16px!important}.pro-v5-evolution,.pro-v5-growth{border-radius:22px!important;padding:24px!important}.pro-v5-growth-number,.pro-v5-growth-row{border-color:rgba(255,255,255,.055)!important}
.pro-v5-accountinfo{border-radius:18px!important;background:#080707!important}.pro-v5-accountinfo>div{border:0!important;position:relative}.pro-v5-accountinfo>div+div:before{content:"";position:absolute;left:0;top:25%;height:50%;width:1px;background:rgba(255,255,255,.06)}
.pro-diagnostic{margin-top:16px;padding:18px 22px;border-radius:16px;background:rgba(225,29,46,.045);border:1px dashed rgba(225,29,46,.28);font-size:11px;line-height:1.65;color:#d7c7c7}.pro-diagnostic>div{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.pro-diagnostic strong{font-size:12px}.pro-diagnostic span,.pro-diagnostic small{color:#9f8d8d}.pro-diagnostic p{margin:9px 0 0}.pro-diagnostic b{color:#fff}.pro-diagnostic i{font-style:normal;color:#ff5965;font-weight:800}
@media(max-width:900px){.pro-v5-insights{grid-template-columns:1fr!important}.pro-v5-side-metrics{border-top:1px solid rgba(255,255,255,.055)}.pro-v5-mainmetric{padding:28px!important}.pro-v5-side-metrics>div{padding:24px 18px!important}}
@media(max-width:700px){#profissional .panel{border-radius:16px!important}.pro-v5-profile{padding:20px 17px!important}.pro-v5-counts>div{padding:0 9px!important}.pro-v5-bio{padding-top:15px}.pro-v5-mainmetric>strong{font-size:39px!important}.pro-v5-side-metrics{grid-template-columns:1fr 1fr!important}.pro-v5-side-metrics>div:nth-child(3){grid-column:1/-1}.pro-v5-side-metrics>div+div:before{display:none}.pro-v5-side-metrics>div{border-top:1px solid rgba(255,255,255,.045)!important}.pro-v5-accountinfo>div+div:before{display:none}.pro-diagnostic{border-radius:14px;padding:15px}}
@media(max-width:420px){.pro-v5-side-metrics{grid-template-columns:1fr!important}.pro-v5-side-metrics>div:nth-child(3){grid-column:auto}.pro-v5-mainmetric{padding:23px 18px!important}.pro-v5-mainmetric>strong{font-size:36px!important}.pro-v5-profile{border-radius:18px!important}}

/* V9 — linguagem visual premium global: fluida, arredondada e responsiva */
:root{--soft-radius:22px;--soft-radius-sm:15px;--soft-surface:rgba(18,10,11,.82);--soft-line:rgba(255,255,255,.065);--soft-red:#ff263d;--soft-shadow:0 18px 55px rgba(0,0,0,.26)}
body{background:radial-gradient(circle at 78% -10%,rgba(160,0,18,.09),transparent 30%),#050505}
.panel,.metric-card,.performance-card,.account-panel,.period-bar,.pro-v5-profile,.pro-v5-insights,.pro-v5-evolution,.pro-v5-growth,.pro-v5-accountinfo{border:1px solid var(--soft-line)!important;border-radius:var(--soft-radius)!important;background:linear-gradient(145deg,rgba(20,10,11,.92),rgba(9,9,9,.96))!important;box-shadow:var(--soft-shadow);overflow:hidden;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
.panel:hover,.metric-card:hover,.performance-card:hover{transform:translateY(-2px);border-color:rgba(255,38,61,.2)!important;box-shadow:0 22px 60px rgba(0,0,0,.34)}
.metrics-grid{gap:12px}.metric-card{padding:22px!important}.metric-card:before,.performance-card:before{display:none!important}.metric-label,.pro-v5-mainmetric>span,.pro-v5-side-metrics span{letter-spacing:.01em!important;color:#d8c8ca!important}.metric-value{letter-spacing:-.045em}
.period-bar{padding:18px 20px!important;margin-bottom:16px}.period-bar select,.content-sort,.search-box input{border-radius:13px!important;border:1px solid var(--soft-line)!important;background:rgba(255,255,255,.035)!important}
.dashboard-grid,.performance-grid,.pro-v5-grid{gap:14px!important}.highlights{gap:0!important}.highlight{border:0!important;border-bottom:1px solid var(--soft-line)!important;padding:16px 2px!important}.highlight:last-child{border-bottom:0!important}
.section-heading{margin-bottom:20px}.section-heading h2{font-size:24px;letter-spacing:-.03em}.section-heading p,.panel-header span{color:#927f82!important}
.content-grid{gap:16px!important}.content-grid>article,.reels-list>article{border-radius:18px!important;overflow:hidden;border-color:var(--soft-line)!important;transition:transform .25s ease,box-shadow .25s ease}.content-grid>article:hover,.reels-list>article:hover{transform:translateY(-3px);box-shadow:0 18px 45px rgba(0,0,0,.32)}
.performance-card{padding:24px!important}.performance-card.best{background:linear-gradient(145deg,rgba(48,8,13,.78),rgba(10,9,9,.96))!important}
.pro-v5-profile{padding:26px!important}.pro-v5-avatar,.profile-avatar,.account-avatar{border-radius:50%!important}.pro-v5-connected{border-radius:999px!important}.pro-v5-section-title em{border-radius:999px!important;padding:7px 11px!important;background:rgba(255,38,61,.08)!important;border:1px solid rgba(255,38,61,.15)!important}
.pro-v5-insights{padding:0!important;display:grid!important;grid-template-columns:1.35fr 3fr!important}.pro-v5-mainmetric{padding:28px!important;background:linear-gradient(135deg,rgba(105,0,14,.17),transparent)!important}.pro-v5-side-metrics{padding:12px 8px!important}.pro-v5-mainmetric>span,.pro-v5-side-metrics span{cursor:help}.pro-v5-mainmetric>strong{font-size:42px!important}.pro-v5-side-metrics strong{font-size:25px!important}.pro-v5-side-metrics>div{padding:18px!important}.pro-v5-evolution,.pro-v5-growth{padding:24px!important}.pro-v5-accountinfo{padding:4px 18px!important}.pro-v5-accountinfo>div{padding:17px!important}
.history-panel{padding:10px 18px!important}.history-row{border-bottom:1px solid var(--soft-line)!important}.history-row:last-child{border-bottom:0!important}
.account-panel{padding:28px!important}.account-info{border-radius:18px!important;background:rgba(255,255,255,.018)!important;border:1px solid var(--soft-line)!important;overflow:hidden}.danger-button,.sync-button,.connect-button,.text-button{border-radius:12px!important;transition:transform .2s ease,filter .2s ease}.danger-button:hover,.sync-button:hover,.connect-button:hover,.text-button:hover{transform:translateY(-1px);filter:brightness(1.12)}
.modal{border-radius:24px!important;border:1px solid var(--soft-line)!important;box-shadow:0 30px 90px rgba(0,0,0,.6)!important}.modal-close{border-radius:50%!important}
.page.active-page{animation:softPageIn .36s cubic-bezier(.2,.8,.2,1)}@keyframes softPageIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:900px){.pro-v5-insights{grid-template-columns:1fr!important}.pro-v5-mainmetric{border-bottom:1px solid var(--soft-line)}.pro-v5-side-metrics{grid-template-columns:repeat(3,1fr)!important}.panel:hover,.metric-card:hover,.performance-card:hover{transform:none}}
@media(max-width:700px){:root{--soft-radius:18px}.main{padding-left:14px!important;padding-right:14px!important}.page{padding-bottom:92px}.metrics-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}.metric-card{padding:18px!important;min-width:0}.metric-value{font-size:27px!important}.dashboard-grid,.performance-grid,.pro-v5-grid{grid-template-columns:1fr!important}.performance-grid{gap:10px!important}.performance-card{padding:19px!important}.pro-v5-profile{padding:20px!important}.pro-v5-insights{border-radius:20px!important}.pro-v5-mainmetric{padding:22px!important}.pro-v5-mainmetric>strong{font-size:36px!important}.pro-v5-side-metrics{grid-template-columns:1fr 1fr!important;padding:5px!important}.pro-v5-side-metrics>div{padding:16px!important}.pro-v5-side-metrics>div:nth-child(3){grid-column:1/-1}.pro-v5-evolution,.pro-v5-growth{padding:19px!important}.pro-v5-accountinfo{display:block!important;padding:6px 18px!important}.pro-v5-accountinfo>div{padding:14px 0!important;border-bottom:1px solid var(--soft-line)}.pro-v5-accountinfo>div:last-child{border-bottom:0}.content-tools{width:100%;display:grid!important;grid-template-columns:1fr!important;gap:9px}.content-sort,.search-box,.search-box input{width:100%!important}.history-panel{overflow-x:auto}.history-row{min-width:610px}.account-panel{padding:20px!important}.account-info{grid-template-columns:1fr 1fr!important}.modal{width:calc(100% - 22px)!important;max-height:88vh!important;border-radius:20px!important}.section-heading h2{font-size:22px}}
@media(max-width:430px){.metrics-grid{grid-template-columns:1fr!important}.pro-v5-side-metrics{grid-template-columns:1fr!important}.pro-v5-side-metrics>div:nth-child(3){grid-column:auto}.account-info{grid-template-columns:1fr!important}}

/* =========================================================
   V10 — ESTRUTURA PREMIUM / MENOS CAIXAS / MAIS HIERARQUIA
   ========================================================= */
:root{
  --v10-surface:rgba(18,10,11,.72);
  --v10-surface-2:rgba(12,8,9,.58);
  --v10-line:rgba(255,255,255,.075);
  --v10-line-red:rgba(255,35,55,.18);
  --v10-text:#fff7f7;
  --v10-muted:#bdaeb0;
  --v10-red:#ff253b;
  --v10-radius:24px;
}

/* Containers maiores: uma superfície, informação dentro dela */
.period-bar,
.metrics-grid,
.performance-grid,
.pro-v5-insights,
.pro-v5-accountinfo{
  border:1px solid var(--v10-line)!important;
  border-radius:var(--v10-radius)!important;
  background:linear-gradient(135deg,rgba(22,10,12,.88),rgba(7,7,8,.92))!important;
  box-shadow:0 18px 50px rgba(0,0,0,.24), inset 0 1px rgba(255,255,255,.018)!important;
}

/* DASHBOARD: métricas passam a ser uma única faixa, sem seis caixas */
.metrics-grid{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:0!important;
  padding:8px 10px!important;
  overflow:hidden!important;
}
.metric-card{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  min-height:118px!important;
  padding:18px 18px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  position:relative!important;
}
.metric-card:not(:last-child):after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  right:0!important;
  top:22px!important;
  bottom:22px!important;
  width:1px!important;
  height:auto!important;
  left:auto!important;
  background:linear-gradient(180deg,transparent,var(--v10-line-red),transparent)!important;
  opacity:1!important;
}
.metric-card:hover{transform:none!important;background:rgba(255,255,255,.018)!important;box-shadow:none!important}
.metric-label{color:#f6e8ea!important;font-size:12px!important;font-weight:800!important;line-height:1.35!important}
.metric-value{font-size:30px!important;line-height:1.05!important;margin:9px 0 8px!important}
.metric-card>span:last-child{color:#8f7f82!important;font-size:10px!important;font-weight:700!important}

/* Os blocos de conteúdo permanecem como superfícies, mas mais leves */
.panel,.account-panel{
  border-color:var(--v10-line)!important;
  background:linear-gradient(145deg,rgba(15,9,10,.78),rgba(7,7,8,.88))!important;
  box-shadow:0 16px 48px rgba(0,0,0,.2)!important;
}
.dashboard-grid{grid-template-columns:minmax(0,1.9fr) minmax(260px,.85fr)!important;gap:18px!important}
.chart-panel{padding:24px!important}.chart{border-radius:18px!important;overflow:hidden!important;background:rgba(255,255,255,.012)!important}
.highlights .highlight{padding:17px 0!important}.highlights .highlight span{color:var(--v10-muted)!important}.highlights .highlight strong{font-size:16px!important}

/* DESEMPENHO: quatro resultados dentro de uma faixa única */
.performance-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:0!important;
  padding:8px!important;
  margin-bottom:18px!important;
}
.performance-card{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:20px!important;
  min-height:150px!important;
  position:relative!important;
}
.performance-card:not(:last-child):after{content:"";position:absolute;right:0;top:20px;bottom:20px;width:1px;background:linear-gradient(180deg,transparent,var(--v10-line-red),transparent)}
.performance-card:hover{transform:none!important;background:rgba(255,255,255,.018)!important;box-shadow:none!important}
.performance-card>span{color:#f6e8ea!important;font-weight:800!important}.performance-card>p{color:var(--v10-muted)!important}

/* PAINEL PROFISSIONAL: perfil mais editorial, sem aparência de formulário */
.pro-v5-profile{
  border:0!important;
  border-bottom:1px solid var(--v10-line)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:18px 8px 28px!important;
  overflow:visible!important;
}
.pro-v5-top{align-items:center!important}.pro-v5-avatar{width:82px!important;height:82px!important;border-radius:50%!important;box-shadow:0 0 0 4px rgba(255,36,55,.07),0 0 28px rgba(255,35,55,.13)!important}
.pro-v5-name-row strong{font-size:23px!important}.pro-v5-counts{margin-left:98px!important;margin-top:12px!important;max-width:460px!important;border:0!important;background:transparent!important}
.pro-v5-counts>div{padding:7px 22px 7px 0!important}.pro-v5-counts>div+div{border-left:1px solid var(--v10-line)!important;padding-left:22px!important}
.pro-v5-bio{margin-left:98px!important;max-width:760px!important;border:0!important;background:transparent!important;padding:10px 0 0!important}
.pro-v5-bio p{font-size:13px!important;line-height:1.65!important;color:#eee3e4!important}.pro-v5-bio a{margin-top:7px!important;display:inline-flex!important;width:auto!important;padding:7px 11px!important;border-radius:999px!important;background:rgba(255,35,55,.07)!important;border:1px solid rgba(255,35,55,.13)!important}
.pro-v5-sync{margin-left:98px!important;margin-top:12px!important;color:#7f7275!important}
.pro-v5-section-title{margin-top:28px!important;margin-bottom:12px!important}.pro-v5-section-title strong{font-size:20px!important}.pro-v5-section-title span{color:var(--v10-muted)!important}

/* Métricas da conta: exatamente a estrutura combinada, uma linha única */
.pro-v5-insights{display:grid!important;grid-template-columns:1.35fr 1fr 1fr 1fr!important;gap:0!important;padding:8px 10px!important}
.pro-v5-mainmetric,.pro-v5-side-metrics>div{border:0!important;background:transparent!important;box-shadow:none!important;padding:22px!important;min-height:130px!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
.pro-v5-mainmetric{position:relative!important}.pro-v5-mainmetric:after,.pro-v5-side-metrics>div:not(:last-child):after{content:"";position:absolute;right:0;top:23px;bottom:23px;width:1px;background:linear-gradient(180deg,transparent,var(--v10-line-red),transparent)}
.pro-v5-side-metrics{display:contents!important}.pro-v5-side-metrics>div{position:relative!important}
.pro-v5-mainmetric>span,.pro-v5-side-metrics span{font-size:12px!important;font-weight:850!important;color:#f6e8ea!important}.pro-v5-mainmetric>strong{font-size:39px!important;letter-spacing:-.055em!important}.pro-v5-side-metrics strong{font-size:26px!important}.pro-v5-mainmetric small,.pro-v5-side-metrics small{color:var(--v10-muted)!important;font-size:10px!important;margin-top:6px!important}

/* Evolução e crescimento parecem uma seção única, não duas caixas desconectadas */
.pro-v5-grid{
  display:grid!important;
  grid-template-columns:minmax(0,2.15fr) minmax(265px,.8fr)!important;
  gap:0!important;
  border:1px solid var(--v10-line)!important;
  border-radius:var(--v10-radius)!important;
  overflow:hidden!important;
  background:linear-gradient(145deg,rgba(15,9,10,.72),rgba(7,7,8,.86))!important;
  box-shadow:0 16px 48px rgba(0,0,0,.2)!important;
  margin-top:18px!important;
}
.pro-v5-evolution,.pro-v5-growth{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;margin:0!important}
.pro-v5-growth{border-left:1px solid var(--v10-line)!important}.pro-v5-evolution{padding:24px!important}.pro-v5-growth{padding:24px!important}
.pro-v5-chart{background:linear-gradient(180deg,rgba(255,35,55,.018),transparent)!important;border-radius:18px!important}

/* Rodapé técnico fica discreto, como metadado */
.pro-v5-accountinfo{margin-top:14px!important;box-shadow:none!important;background:rgba(255,255,255,.014)!important}.pro-v5-accountinfo>div{padding:14px 18px!important}.pro-v5-accountinfo span{color:#817477!important}.pro-v5-accountinfo strong{font-size:11px!important}

/* Conteúdos: premium, arredondado, sem parecer grade rígida */
.content-grid{gap:18px!important}.content-card{border-radius:24px!important;border:1px solid var(--v10-line)!important;background:linear-gradient(145deg,rgba(17,10,11,.82),rgba(8,8,9,.92))!important;box-shadow:0 16px 44px rgba(0,0,0,.22)!important;overflow:hidden!important;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease!important}.content-card:hover{transform:translateY(-5px)!important;border-color:rgba(255,35,55,.18)!important;box-shadow:0 24px 55px rgba(0,0,0,.3),0 0 26px rgba(255,35,55,.055)!important}.content-cover{border-radius:22px 22px 0 0!important}.content-body{padding:17px 18px 20px!important}.content-body h3{line-height:1.45!important}

/* Histórico: tabela dentro de uma superfície só */
.history-panel{padding:8px 18px 18px!important}.history-row{border-bottom:1px solid var(--v10-line)!important}.history-row:last-child{border-bottom:0!important}.history-header{color:#8e8082!important;background:transparent!important}

/* Conta: cartão único mais editorial */
.account-panel{border-radius:var(--v10-radius)!important;padding:26px!important}.profile-big{padding-bottom:22px!important;border-bottom:1px solid var(--v10-line)!important}.account-info{gap:0!important;margin-top:8px!important}.account-info>div{border:0!important;background:transparent!important;padding:18px!important}.account-info>div+div{border-left:1px solid var(--v10-line)!important}

/* Tooltips nativos ficam apoiados pelo cursor de ajuda */
[title*="Meta"],[title*="alcance" i],[title*="conteúdo" i],[title*="interação" i],[title*="salv" i]{cursor:help}

/* Animações mais refinadas */
.page.active-page>.period-bar,.page.active-page>.metrics-grid,.page.active-page>.section-heading,.page.active-page>.performance-grid,.page.active-page>.pro-v5-profile,.page.active-page>.pro-v5-section-title,.page.active-page>.pro-v5-insights,.page.active-page>.pro-v5-grid,.page.active-page>.pro-v5-accountinfo{animation:v10Rise .42s cubic-bezier(.2,.75,.25,1) both}
.page.active-page>*:nth-child(2){animation-delay:.035s}.page.active-page>*:nth-child(3){animation-delay:.07s}.page.active-page>*:nth-child(4){animation-delay:.105s}
@keyframes v10Rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* MOBILE / ANDROID: layout próprio e legível */
@media(max-width:900px){
  .metrics-grid{grid-template-columns:repeat(3,1fr)!important}.metric-card:nth-child(3n):after{display:none!important}.metric-card:nth-child(n+4){border-top:1px solid var(--v10-line)!important}
  .performance-grid{grid-template-columns:repeat(2,1fr)!important}.performance-card:nth-child(2):after{display:none!important}.performance-card:nth-child(n+3){border-top:1px solid var(--v10-line)!important}
  .pro-v5-insights{grid-template-columns:1fr 1fr!important}.pro-v5-mainmetric{grid-column:1/-1!important;border-bottom:1px solid var(--v10-line)!important}.pro-v5-mainmetric:after{display:none!important}.pro-v5-side-metrics{display:contents!important}.pro-v5-side-metrics>div{border-top:0!important}.pro-v5-side-metrics>div:nth-child(2):after{display:none!important}.pro-v5-side-metrics>div:nth-child(3){grid-column:1/-1!important;border-top:1px solid var(--v10-line)!important}.pro-v5-side-metrics>div:nth-child(3):after{display:none!important}
  .pro-v5-grid{grid-template-columns:1fr!important}.pro-v5-growth{border-left:0!important;border-top:1px solid var(--v10-line)!important}
  .dashboard-grid{grid-template-columns:1fr!important}
}
@media(max-width:700px){
  :root{--v10-radius:20px}
  .period-bar{padding:16px!important}.period-bar>div span{font-size:11px!important}.period-bar select{max-width:150px!important}
  .metrics-grid{grid-template-columns:repeat(2,1fr)!important;padding:6px!important}.metric-card:nth-child(3n):after{display:block!important}.metric-card:nth-child(2n):after{display:none!important}.metric-card:nth-child(n+3){border-top:1px solid var(--v10-line)!important}.metric-card{min-height:104px!important;padding:15px!important}.metric-value{font-size:27px!important}
  .performance-grid{grid-template-columns:1fr 1fr!important}.performance-card{min-height:136px!important;padding:16px!important}
  .pro-v5-profile{padding:6px 2px 24px!important}.pro-v5-avatar{width:70px!important;height:70px!important}.pro-v5-name-row strong{font-size:19px!important}.pro-v5-counts,.pro-v5-bio,.pro-v5-sync{margin-left:0!important}.pro-v5-counts{margin-top:18px!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;width:100%!important;max-width:none!important}.pro-v5-counts>div{padding:10px 12px!important;text-align:center!important}.pro-v5-counts>div+div{padding-left:12px!important}.pro-v5-bio{padding-top:14px!important}.pro-v5-bio p{font-size:12px!important}.pro-v5-sync{display:block!important;margin-top:14px!important}
  .pro-v5-insights{grid-template-columns:1fr!important;padding:5px!important}.pro-v5-mainmetric{grid-column:auto!important}.pro-v5-side-metrics>div,.pro-v5-side-metrics>div:nth-child(3){grid-column:auto!important;border-top:1px solid var(--v10-line)!important}.pro-v5-side-metrics>div:after{display:none!important}.pro-v5-mainmetric,.pro-v5-side-metrics>div{min-height:auto!important;padding:18px!important}.pro-v5-mainmetric>strong{font-size:36px!important}.pro-v5-side-metrics strong{font-size:24px!important}
  .pro-v5-grid{border-radius:20px!important}.pro-v5-evolution,.pro-v5-growth{padding:18px!important}.pro-v5-chart{min-height:180px!important}
  .pro-v5-accountinfo{display:block!important}.pro-v5-accountinfo>div+div{border-top:1px solid var(--v10-line)!important}
  .content-grid{grid-template-columns:1fr!important}.content-card{border-radius:20px!important}.content-cover{border-radius:19px 19px 0 0!important}
  .account-info{grid-template-columns:1fr!important}.account-info>div+div{border-left:0!important;border-top:1px solid var(--v10-line)!important}
}

/* V11 — hierarquia sem repetição + identidade movida para Conta */
.page-context{margin:0 0 20px;color:#927f82;font-size:12px;font-weight:650;line-height:1.55}
.content-intro{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 20px}
.content-intro>p{margin:0;color:#927f82;font-size:12px;font-weight:650;line-height:1.55}
.account-panel{max-width:none!important}
.account-profile{display:grid;grid-template-columns:76px minmax(0,1fr);gap:20px;align-items:start;padding:4px 0 26px;border-bottom:1px solid var(--v10-line)}
.account-profile-avatar{width:76px!important;height:76px!important;border-radius:50%!important;background-size:cover;background-position:center;box-shadow:0 0 0 3px #12090a,0 0 0 4px rgba(240,24,24,.45),0 12px 32px rgba(0,0,0,.35)}
.account-profile-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.account-profile-name-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.account-profile-name-row>strong{font-size:20px;letter-spacing:-.025em}
.account-connected-badge{font-size:9px;font-weight:850;color:#39e58c;background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.28);border-radius:999px;padding:5px 8px}.account-connected-badge.is-off{color:#a58f92;border-color:#33272a;background:#100d0e}
.account-profile-copy>b{margin-top:3px;color:#ff3344;font-size:12px}.account-profile-copy>span{margin-top:4px;color:#a18c8f;font-size:10px;font-weight:750}
.account-social-counts{display:flex;align-items:stretch;margin:20px 0 14px}.account-social-counts>div{min-width:105px;padding:0 24px;border-left:1px solid var(--v10-line)}.account-social-counts>div:first-child{padding-left:0;border-left:0}.account-social-counts strong{display:block;font-size:19px}.account-social-counts span{display:block;margin-top:4px;color:#a18c8f;font-size:9px;font-weight:750}
.account-bio{max-width:720px;margin:0 0 10px;color:#f3e9ea;font-size:12px;font-weight:650;line-height:1.6;white-space:pre-line}
.account-website{display:inline-flex;align-items:center;gap:7px;color:#ff3344;text-decoration:none;font-size:11px}.account-website.is-empty{color:#6f6264;pointer-events:none}
.account-subtitle{display:flex;flex-direction:column;gap:3px;padding:24px 0 8px}.account-subtitle strong{font-size:13px}.account-subtitle span{font-size:9px;color:#927f82;font-weight:650}
#conta .account-info{margin-top:0!important}
@media(max-width:700px){.content-intro{align-items:stretch;flex-direction:column}.account-profile{grid-template-columns:58px minmax(0,1fr);gap:14px;padding-bottom:20px}.account-profile-avatar{width:58px!important;height:58px!important}.account-profile-name-row>strong{font-size:17px}.account-social-counts{width:100%;margin-top:17px}.account-social-counts>div{min-width:0;flex:1;padding:0 12px}.account-social-counts strong{font-size:17px}.account-bio{font-size:11px}.account-info{grid-template-columns:1fr!important}.account-info>div+div{border-left:0!important;border-top:1px solid var(--v10-line)!important}}


/* V13 — gráfico do Dashboard alinhado ao Painel Profissional */
.dashboard-chart-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:10px;padding:0 2px;color:#75686a;font-size:9px;font-weight:750}
.dashboard-chart-foot strong{color:#d8c6c8;font-size:9px;font-weight:800}
.chart-panel .chart{background:linear-gradient(180deg,rgba(255,35,55,.018),transparent)!important}
.chart-panel .line-chart .line{stroke:#ff2038!important;stroke-width:3!important;fill:none!important;filter:drop-shadow(0 0 5px rgba(255,32,56,.18))}
.chart-panel .line-chart .area{fill:rgba(190,0,18,.15)!important;stroke:none!important}
@media(max-width:700px){.dashboard-chart-foot{font-size:8px}.dashboard-chart-foot strong{font-size:8px}.chart-panel .chart{min-height:190px}}

/* V16 — MOBILE PREMIUM: composição própria para Android/iPhone */
@media (max-width:700px){
  body{padding-bottom:64px!important}
  .main{padding:0 14px 28px!important}
  .page{padding-bottom:76px!important}

  /* Header compacto, com conta visível */
  .header{min-height:112px!important;padding:18px 0 14px!important;align-items:flex-start!important;gap:10px!important}
  .mobile-brand{font-size:9px!important;letter-spacing:2.4px!important;margin:0 0 7px!important}
  .header h1{font-size:23px!important;line-height:1.05!important;margin:0!important}
  .header h1:after{width:30px!important;margin-top:8px!important}
  .header p{display:none!important}
  .header-actions{display:flex!important;align-items:center!important;gap:7px!important;margin-top:3px!important}
  .instagram-account{display:flex!important;max-width:116px!important;gap:7px!important;min-width:0!important}
  .instagram-account .account-avatar{width:28px!important;height:28px!important;min-width:28px!important;font-size:8px!important;border-radius:50%!important}
  .instagram-account>div:last-child{min-width:0!important}
  .instagram-account strong{display:block!important;max-width:80px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:8px!important}
  .instagram-account span{display:block!important;font-size:7px!important;white-space:nowrap!important;color:#9d888b!important}
  .sync-button{padding:9px 10px!important;font-size:8px!important;border-radius:11px!important;white-space:nowrap!important}

  /* Hierarquia e respiro */
  .page-context{font-size:10px!important;line-height:1.45!important;margin-bottom:14px!important}
  .section-heading{margin-bottom:13px!important}.section-heading h2{font-size:18px!important}.section-heading p{font-size:9px!important}
  .period-bar{padding:14px!important;margin-bottom:12px!important;gap:10px!important;align-items:center!important}
  .period-bar strong{font-size:15px!important}.period-bar>div span{font-size:9px!important;line-height:1.35!important}
  .period-bar select{width:auto!important;max-width:138px!important;padding:10px 28px 10px 10px!important;font-size:9px!important}

  /* Dashboard: seis métricas compactas 2x3 */
  .metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important;padding:4px 10px!important}
  .metric-card{min-height:92px!important;padding:14px 10px!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}
  .metric-card:nth-child(odd){border-right:1px solid var(--v10-line)!important}
  .metric-card:nth-child(n+3){border-top:1px solid var(--v10-line)!important}
  .metric-card:after{display:none!important}
  .metric-label{font-size:9px!important;line-height:1.25!important;min-height:23px!important}
  .metric-value{font-size:25px!important;line-height:1!important;margin:7px 0!important}
  .metric-card>span:last-child{font-size:8px!important}

  /* Gráfico */
  .chart-panel{padding:16px!important}.chart-panel .panel-header{margin-bottom:10px!important}
  .chart-panel .panel-header strong{font-size:13px!important}.chart-panel .panel-header span{font-size:8px!important;line-height:1.35!important}
  .chart-panel .chart{min-height:150px!important;height:150px!important;border-radius:14px!important}
  .dashboard-chart-foot{margin-top:7px!important}
  .highlights{padding:5px 14px!important}.highlight{padding:12px 0!important}.highlight span{font-size:8px!important}.highlight strong{font-size:12px!important}

  /* Conteúdos recentes: linha limpa, sem badge vertical */
  .reels-panel{padding:16px!important}.reels-panel .panel-header{align-items:flex-start!important;margin-bottom:8px!important}
  .reel-row{grid-template-columns:46px minmax(0,1fr) auto!important;gap:10px!important;padding:13px 0!important;align-items:center!important}
  .reel-thumb{width:46px!important;height:52px!important;border-radius:9px!important;background-size:cover!important;background-position:center!important}
  .reel-name{min-width:0!important}.reel-name strong{font-size:11px!important;line-height:1.3!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.reel-name span{font-size:8px!important;margin-top:4px!important;display:block!important}
  .reel-stat{min-width:58px!important;text-align:right!important}.reel-stat span{font-size:7px!important}.reel-stat strong{font-size:13px!important}
  .reel-row .tablet-hide,.reel-row .mobile-hide{display:none!important}
  .performance-badge{grid-column:2/4!important;justify-self:start!important;width:auto!important;min-width:0!important;padding:5px 8px!important;font-size:8px!important;line-height:1.2!important;border-radius:999px!important;margin-top:-4px!important}

  /* Desempenho */
  .performance-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important;padding:5px 10px!important}
  .performance-card{min-height:124px!important;padding:15px 10px!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}
  .performance-card:nth-child(odd){border-right:1px solid var(--v10-line)!important}.performance-card:nth-child(n+3){border-top:1px solid var(--v10-line)!important}.performance-card:after{display:none!important}
  .performance-card>span{font-size:10px!important;line-height:1.35!important}.performance-card>strong{font-size:27px!important;margin:10px 0 5px!important}.performance-card p{font-size:9px!important;line-height:1.3!important}.performance-card small{font-size:9px!important;line-height:1.35!important}

  /* Conta compacta */
  .account-panel{padding:17px!important}.account-profile{grid-template-columns:54px minmax(0,1fr)!important;gap:12px!important;padding-bottom:17px!important}
  .account-profile-avatar{width:54px!important;height:54px!important}.account-profile-name-row{gap:6px!important}.account-profile-name-row>strong{font-size:15px!important;line-height:1.15!important}.account-connected-badge{font-size:7px!important;padding:4px 6px!important}.account-profile-copy>b{font-size:10px!important}.account-profile-copy>span{font-size:8px!important}
  .account-social-counts{margin:13px 0 10px!important}.account-social-counts>div{padding:0 9px!important}.account-social-counts strong{font-size:15px!important}.account-social-counts span{font-size:7px!important}.account-bio{font-size:10px!important;line-height:1.45!important}.account-website{font-size:9px!important}
  .account-subtitle{padding:17px 0 7px!important}.account-info>div{padding:13px!important}.account-info span{font-size:9px!important}.account-info strong{font-size:10px!important}

  /* Painel profissional */
  .pro-v5-profile{padding:16px!important}.pro-v5-avatar{width:56px!important;height:56px!important}.pro-v5-name-row strong{font-size:15px!important}.pro-v5-counts{margin-top:13px!important}.pro-v5-counts>div{padding:8px 5px!important}.pro-v5-counts strong{font-size:16px!important}.pro-v5-counts span{font-size:7px!important}
  .pro-v5-mainmetric,.pro-v5-side-metrics>div{padding:15px!important}.pro-v5-mainmetric>strong{font-size:30px!important}.pro-v5-side-metrics strong{font-size:20px!important}.pro-v5-chart{min-height:145px!important;height:145px!important}

  /* Barra inferior: TODAS as 6 seções */
  .mobile-nav{height:61px!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;background:rgba(7,6,6,.97)!important;border-top:1px solid #321416!important;box-shadow:0 -10px 35px rgba(0,0,0,.38)!important;padding:2px max(4px,env(safe-area-inset-right)) max(2px,env(safe-area-inset-bottom)) max(4px,env(safe-area-inset-left))!important;backdrop-filter:blur(16px)!important}
  .mobile-nav-item{min-width:0!important;padding:4px 1px!important;gap:3px!important;font-size:6.5px!important;font-weight:750!important;letter-spacing:-.02em!important;color:#75696b!important}
  .mobile-nav-item .menu-icon{width:17px!important;height:17px!important;display:block!important}.mobile-nav-item .menu-icon svg{width:17px!important;height:17px!important;stroke:currentColor!important;fill:none!important;stroke-width:1.7!important}
  .mobile-nav-item.active{color:#fff!important}.mobile-nav-item.active .menu-icon{color:#ff3b46!important;filter:drop-shadow(0 0 6px rgba(255,30,45,.25))}
  .live-status{bottom:69px!important;right:10px!important;padding:8px 10px!important;font-size:8px!important}
}

@media(max-width:380px){
  .main{padding-left:10px!important;padding-right:10px!important}.header{min-height:106px!important}.instagram-account{max-width:96px!important}.instagram-account strong{max-width:62px!important}.sync-button{padding:8px!important}.mobile-nav-item{font-size:6px!important}.metric-value{font-size:23px!important}
}

/* ============================================================
   V84 — CINEMATIC CONTROL ROOM
   Fundo profundo, superfícies de vidro e contraste reforçado.
   ============================================================ */

.ig-flat-ui.ig-flat-ui{
  --cinema-bg:#070709;
  --cinema-surface:rgba(19,19,23,.86);
  --cinema-surface-strong:rgba(11,11,14,.94);
  --cinema-line:rgba(255,255,255,.11);
  --cinema-line-hot:rgba(255,48,64,.38);
  --cinema-text:#f7f7f8;
  --cinema-muted:#aaaab2;
  --cinema-red:#ff3040;
  --cinema-red-deep:#a90012;
  background:var(--cinema-bg)!important;
  color:var(--cinema-text)!important;
}

.ig-flat-ui.ig-flat-ui::before{
  content:"";
  position:fixed;
  z-index:0;
  inset:0;
  background:
    linear-gradient(115deg,rgba(7,7,9,.98) 0%,rgba(7,7,9,.78) 48%,rgba(7,7,9,.93) 100%),
    radial-gradient(circle at 78% 12%,rgba(255,48,64,.17),transparent 34%),
    url("softig-login-bg.png") center 42%/cover no-repeat;
  filter:saturate(.9) contrast(1.1);
  pointer-events:none;
}

.ig-flat-ui.ig-flat-ui::after{
  content:"";
  position:fixed;
  z-index:0;
  inset:0;
  opacity:.18;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:100% 4px;
  pointer-events:none;
}

.ig-flat-ui.ig-flat-ui :is(.app,.auth-shell,.oauth-loading,.public-business-identity,.noscript-legal){
  position:relative;
  z-index:1;
}

.ig-flat-ui.ig-flat-ui :is(.app,.main,.page,.app-shell){
  background:transparent!important;
}

.ig-flat-ui.ig-flat-ui .sidebar{
  background:rgba(5,5,7,.92)!important;
  border-right:1px solid var(--cinema-line)!important;
  box-shadow:20px 0 60px rgba(0,0,0,.34)!important;
  backdrop-filter:blur(22px) saturate(1.2);
}

.ig-flat-ui.ig-flat-ui .brand{
  border-bottom:1px solid var(--cinema-line)!important;
}

.ig-flat-ui.ig-flat-ui .brand strong,
.ig-flat-ui.ig-flat-ui .mobile-brand{
  color:#fff!important;
  letter-spacing:.08em!important;
  text-shadow:0 0 24px rgba(255,48,64,.25);
}

.ig-flat-ui.ig-flat-ui .brand span,
.ig-flat-ui.ig-flat-ui .sidebar-bottom span{
  color:var(--cinema-muted)!important;
}

.ig-flat-ui.ig-flat-ui .menu-item{
  min-height:48px!important;
  margin:3px 0!important;
  border:1px solid transparent!important;
  border-radius:8px!important;
  color:#b8b8c0!important;
  font-size:14px!important;
  transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease!important;
}

.ig-flat-ui.ig-flat-ui .menu-item:hover{
  color:#fff!important;
  background:rgba(255,255,255,.055)!important;
  border-color:var(--cinema-line)!important;
  transform:translateX(2px)!important;
}

.ig-flat-ui.ig-flat-ui .menu-item.active{
  color:#fff!important;
  background:linear-gradient(90deg,rgba(255,48,64,.2),rgba(255,48,64,.045))!important;
  border-color:var(--cinema-line-hot)!important;
  box-shadow:inset 3px 0 0 var(--cinema-red),0 12px 30px rgba(0,0,0,.2)!important;
}

.ig-flat-ui.ig-flat-ui .menu-icon svg{
  stroke:currentColor!important;
  filter:drop-shadow(0 0 8px rgba(255,48,64,.25));
}

.ig-flat-ui.ig-flat-ui .header{
  background:rgba(7,7,9,.74)!important;
  border-bottom:1px solid var(--cinema-line)!important;
  box-shadow:0 16px 45px rgba(0,0,0,.2)!important;
  backdrop-filter:blur(20px) saturate(1.25);
}

.ig-flat-ui.ig-flat-ui .header h1{
  color:#fff!important;
  font-size:clamp(25px,3vw,38px)!important;
  font-weight:800!important;
  letter-spacing:-.035em!important;
}

.ig-flat-ui.ig-flat-ui .header p,
.ig-flat-ui.ig-flat-ui :is(.panel-header span,.pro-v5-cardhead span,.page-context,.content-intro>p){
  color:var(--cinema-muted)!important;
  font-size:13px!important;
  line-height:1.55!important;
}

.ig-flat-ui.ig-flat-ui :is(
  .panel,.metric-card,.performance-card,.account-panel,.period-bar,
  .pro-v5-insights,.pro-v5-evolution,.pro-v5-growth,.pro-v5-accountinfo,
  .content-card,.history-panel,.automation-editor,.automation-list-panel,
  .automation-activity-panel,.publication-list-panel,.publication-history-panel
){
  background:linear-gradient(145deg,rgba(25,25,30,.9),rgba(11,11,14,.88))!important;
  border:1px solid var(--cinema-line)!important;
  border-radius:12px!important;
  box-shadow:0 22px 55px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.025)!important;
  backdrop-filter:blur(18px) saturate(1.15);
}

.ig-flat-ui.ig-flat-ui :is(.panel-header strong,.pro-v5-cardhead strong,.period-bar strong){
  color:#fff!important;
  font-size:16px!important;
  font-weight:750!important;
}

.ig-flat-ui.ig-flat-ui .metrics-grid{
  border:0!important;
  gap:12px!important;
}

.ig-flat-ui.ig-flat-ui .metric-card{
  padding:20px!important;
  text-align:left!important;
  overflow:hidden!important;
}

.ig-flat-ui.ig-flat-ui .metric-card::before{
  display:block!important;
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:2px;
  background:linear-gradient(transparent,var(--cinema-red),transparent);
  opacity:.8;
}

.ig-flat-ui.ig-flat-ui .metric-label{
  min-height:auto!important;
  color:#c2c2c9!important;
  font-size:13px!important;
  font-weight:600!important;
  line-height:1.35!important;
}

.ig-flat-ui.ig-flat-ui .metric-value,
.ig-flat-ui.ig-flat-ui .pro-v5-mainmetric>strong,
.ig-flat-ui.ig-flat-ui .pro-v5-side-metrics strong,
.ig-flat-ui.ig-flat-ui .performance-card strong,
.ig-flat-ui.ig-flat-ui .highlight strong,
.ig-flat-ui.ig-flat-ui .chart-total{
  color:#fff!important;
  font-variant-numeric:tabular-nums;
  text-shadow:0 2px 18px rgba(255,255,255,.09);
}

.ig-flat-ui.ig-flat-ui .metric-value{
  margin:10px 0 7px!important;
  font-size:clamp(28px,3vw,40px)!important;
  font-weight:800!important;
  letter-spacing:-.045em!important;
}

.ig-flat-ui.ig-flat-ui .metric-card>span:last-child{
  color:#91919a!important;
  font-size:12px!important;
}

.ig-flat-ui.ig-flat-ui .panel{
  overflow:hidden!important;
  padding:22px!important;
}

.ig-flat-ui.ig-flat-ui :is(.chart,.pro-v5-chart){
  background:linear-gradient(180deg,rgba(255,255,255,.025),transparent)!important;
  border:1px solid rgba(255,255,255,.055)!important;
  border-radius:8px!important;
}

.ig-flat-ui.ig-flat-ui :is(.highlight,.comparison-item,.history-row,.account-info>div,.reel-row){
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid var(--cinema-line)!important;
  border-radius:0!important;
  color:var(--cinema-text)!important;
}

.ig-flat-ui.ig-flat-ui :is(.highlight span,.reel-name span,.reel-stat span,.content-body>span,.content-stats span,.account-info span){
  color:var(--cinema-muted)!important;
  font-size:12px!important;
}

.ig-flat-ui.ig-flat-ui :is(.reel-name strong,.reel-stat strong,.content-body h3,.content-stats strong,.account-info strong){
  color:#fff!important;
  font-size:14px!important;
}

.ig-flat-ui.ig-flat-ui :is(select,input,textarea){
  min-height:46px!important;
  color:#fff!important;
  background:rgba(5,5,8,.82)!important;
  border:1px solid var(--cinema-line)!important;
  border-radius:8px!important;
  box-shadow:inset 0 1px 8px rgba(0,0,0,.35)!important;
}

.ig-flat-ui.ig-flat-ui :is(select,input,textarea):focus{
  border-color:rgba(255,48,64,.65)!important;
  box-shadow:0 0 0 3px rgba(255,48,64,.12)!important;
  outline:none!important;
}

.ig-flat-ui.ig-flat-ui :is(.connect-button,.sync-button,.text-button,.auth-primary,.publication-primary-action){
  color:#fff!important;
  border:1px solid rgba(255,90,103,.5)!important;
  border-radius:8px!important;
  background:linear-gradient(135deg,var(--cinema-red),var(--cinema-red-deep))!important;
  box-shadow:0 12px 28px rgba(169,0,18,.25),inset 0 1px rgba(255,255,255,.16)!important;
  font-weight:750!important;
}

.ig-flat-ui.ig-flat-ui :is(.connect-button,.sync-button,.text-button,.auth-primary,.publication-primary-action):hover{
  filter:brightness(1.12);
  transform:translateY(-1px);
}

.ig-flat-ui.ig-flat-ui .content-cover,
.ig-flat-ui.ig-flat-ui .reel-thumb,
.ig-flat-ui.ig-flat-ui .account-profile-avatar{
  border:1px solid var(--cinema-line)!important;
  border-radius:8px!important;
  box-shadow:0 16px 35px rgba(0,0,0,.35)!important;
}

.ig-flat-ui.ig-flat-ui .content-card{
  padding:10px!important;
  overflow:hidden!important;
}

.ig-flat-ui.ig-flat-ui .content-body{
  padding:12px 4px 5px!important;
}

.ig-flat-ui.ig-flat-ui .auth-shell{
  background:
    linear-gradient(110deg,rgba(3,3,5,.92),rgba(3,3,5,.54),rgba(3,3,5,.88)),
    url("softig-login-bg.png") center/cover no-repeat!important;
}

.ig-flat-ui.ig-flat-ui .auth-card{
  color:#fff!important;
  background:linear-gradient(145deg,rgba(25,25,30,.93),rgba(8,8,11,.94))!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:14px!important;
  box-shadow:0 35px 100px rgba(0,0,0,.65),0 0 70px rgba(255,48,64,.08)!important;
  backdrop-filter:blur(24px);
}

.ig-flat-ui.ig-flat-ui .auth-copy :is(h1,p),
.ig-flat-ui.ig-flat-ui .auth-security,
.ig-flat-ui.ig-flat-ui .auth-legal{
  color:inherit!important;
}

@media(max-width:700px){
  .ig-flat-ui.ig-flat-ui::before{
    background:
      linear-gradient(rgba(7,7,9,.88),rgba(7,7,9,.96)),
      radial-gradient(circle at 50% 0,rgba(255,48,64,.18),transparent 42%),
      url("softig-login-bg.png") center top/auto 58vh no-repeat;
  }
  .ig-flat-ui.ig-flat-ui .main{
    padding-left:14px!important;
    padding-right:14px!important;
  }
  .ig-flat-ui.ig-flat-ui .header{
    min-height:60px!important;
    padding:9px 0!important;
  }
  .ig-flat-ui.ig-flat-ui .header h1{font-size:19px!important}
  .ig-flat-ui.ig-flat-ui .page{padding-top:14px!important}
  .ig-flat-ui.ig-flat-ui .period-bar{padding:14px!important}
  .ig-flat-ui.ig-flat-ui .metrics-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
  }
  .ig-flat-ui.ig-flat-ui .metric-card{
    min-height:118px!important;
    padding:15px!important;
    text-align:left!important;
  }
  .ig-flat-ui.ig-flat-ui .metric-label{font-size:11px!important}
  .ig-flat-ui.ig-flat-ui .metric-value{font-size:27px!important}
  .ig-flat-ui.ig-flat-ui .panel{padding:16px!important}
  .ig-flat-ui.ig-flat-ui .dashboard-grid>.panel,
  .ig-flat-ui.ig-flat-ui .reels-panel,
  .ig-flat-ui.ig-flat-ui .pro-v5-evolution,
  .ig-flat-ui.ig-flat-ui .pro-v5-growth{
    margin-bottom:10px!important;
    padding:16px!important;
    border:1px solid var(--cinema-line)!important;
    border-radius:12px!important;
  }
  .ig-flat-ui.ig-flat-ui .panel-header strong{font-size:15px!important}
  .ig-flat-ui.ig-flat-ui .panel-header span{font-size:12px!important}
  .ig-flat-ui.ig-flat-ui .reel-name strong,
  .ig-flat-ui.ig-flat-ui .reel-stat strong,
  .ig-flat-ui.ig-flat-ui .content-body h3,
  .ig-flat-ui.ig-flat-ui .content-stats strong{font-size:13px!important}
  .ig-flat-ui.ig-flat-ui .content-grid{gap:10px!important}
}

@media(prefers-reduced-motion:reduce){
  .ig-flat-ui.ig-flat-ui *{scroll-behavior:auto!important;transition:none!important}
}

/* V17 — MOBILE FIT: sem corte, sem rolagem lateral, escala premium */
@media (max-width:700px){
  html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
  *,*:before,*:after{box-sizing:border-box!important}
  .app,.main,.page,.panel,.header,.header-actions,.period-bar,.metrics-grid,.dashboard-grid,.performance-grid,.reels-panel,.account-panel,#profissional{min-width:0!important;max-width:100%!important}
  .main{width:100%!important;padding:0 12px 22px!important;margin:0!important;overflow-x:hidden!important}
  .page{width:100%!important;overflow-x:hidden!important;padding-bottom:78px!important}
  .panel{width:100%!important;border-radius:16px!important;overflow:hidden!important}

  .header{min-height:96px!important;padding:14px 0 12px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important}
  .header h1{font-size:21px!important}.header-actions{max-width:178px!important;justify-content:flex-end!important}
  .instagram-account{max-width:100px!important}.instagram-account span{display:none!important}.sync-button{padding:8px 9px!important;font-size:7.5px!important}

  .period-bar{display:grid!important;grid-template-columns:minmax(0,1fr) 126px!important;padding:12px!important}
  .period-bar strong{font-size:14px!important}.period-bar select{width:126px!important;max-width:126px!important;min-width:0!important}

  .metrics-grid{width:100%!important;padding:3px 6px!important}
  .metric-card{min-width:0!important;min-height:82px!important;padding:12px 8px!important}
  .metric-label{font-size:8px!important;min-height:20px!important;overflow-wrap:anywhere!important}
  .metric-value{font-size:22px!important;margin:5px 0!important}.metric-card>span:last-child{font-size:7px!important}

  .dashboard-grid{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;width:100%!important}
  .chart-panel,.highlights{min-width:0!important;width:100%!important}
  .chart-panel{padding:13px!important}.chart-panel .chart{height:132px!important;min-height:132px!important;width:100%!important;overflow:hidden!important}
  .chart svg,.chart canvas{max-width:100%!important;width:100%!important}

  .reels-panel{padding:13px!important}.reel-row{width:100%!important;grid-template-columns:42px minmax(0,1fr) 54px!important;gap:8px!important}
  .reel-thumb{width:42px!important;height:48px!important}.reel-name strong{font-size:10px!important}.reel-stat{min-width:0!important;width:54px!important}.performance-badge{max-width:100%!important;white-space:normal!important}

  .performance-grid{width:100%!important;padding:3px 6px!important}
  .performance-card{min-width:0!important;min-height:108px!important;padding:12px 8px!important;overflow:hidden!important}
  .performance-card>span{font-size:9px!important;overflow-wrap:anywhere!important}.performance-card>strong{font-size:23px!important;margin:7px 0 4px!important}.performance-card p,.performance-card small{font-size:8px!important;overflow-wrap:anywhere!important}

  .account-panel{padding:14px!important}.account-profile{grid-template-columns:48px minmax(0,1fr)!important;gap:10px!important}.account-profile-avatar{width:48px!important;height:48px!important}.account-profile-name-row>strong{font-size:14px!important;overflow-wrap:anywhere!important}.account-social-counts{width:100%!important}.account-social-counts>div{min-width:0!important;padding:0 6px!important}.account-bio,.account-website{overflow-wrap:anywhere!important;word-break:break-word!important}

  .pro-v5-profile,.pro-v5-insights,.pro-v5-evolution,.pro-v5-growth,.pro-v5-accountinfo{width:100%!important;max-width:100%!important;overflow:hidden!important}
  .pro-v5-top{min-width:0!important}.pro-v5-avatar{width:50px!important;height:50px!important}.pro-v5-headcopy{min-width:0!important}.pro-v5-name-row strong{font-size:14px!important;overflow-wrap:anywhere!important}.pro-v5-counts{width:100%!important}.pro-v5-mainmetric>strong{font-size:27px!important}.pro-v5-chart{height:128px!important;min-height:128px!important;max-width:100%!important}

  .history-panel{overflow:hidden!important}.history-row{min-width:0!important;width:100%!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important}.history-row>*{min-width:0!important;overflow-wrap:anywhere!important}

  .mobile-nav{width:100%!important;max-width:100vw!important;height:64px!important;overflow:hidden!important}
  .mobile-nav-item{overflow:hidden!important;font-size:6px!important}.mobile-nav-item span:last-child{max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
}
@media(max-width:390px){
  .main{padding-left:9px!important;padding-right:9px!important}.header-actions{max-width:158px!important}.instagram-account{max-width:88px!important}.instagram-account .account-avatar{width:24px!important;height:24px!important;min-width:24px!important}.instagram-account strong{max-width:58px!important;font-size:7px!important}.sync-button{padding:7px!important}.period-bar{grid-template-columns:minmax(0,1fr) 112px!important}.period-bar select{width:112px!important}.metric-value{font-size:20px!important}.performance-card>strong{font-size:21px!important}
}

/* V18 — refinamento exclusivo dos cabeçalhos mobile */
@media (max-width:700px){
  .header{
    min-height:78px!important;
    padding:11px 0 10px!important;
    grid-template-columns:minmax(112px,.72fr) minmax(0,1.28fr)!important;
    gap:10px!important;
    align-items:center!important;
  }
  .header>div:first-child{min-width:0!important}
  .mobile-brand{font-size:9px!important;letter-spacing:.24em!important;margin-bottom:5px!important}
  .header h1{font-size:18px!important;line-height:1.05!important;letter-spacing:-.035em!important;margin:0!important}
  .header h1:after{width:30px!important;height:2px!important;margin-top:8px!important}
  .header #pageSubtitle{font-size:8px!important;line-height:1.25!important;margin-top:7px!important;max-width:190px!important;color:#9a878a!important}

  .header-actions{width:100%!important;max-width:none!important;min-width:0!important;gap:7px!important;justify-content:flex-end!important;align-items:center!important}
  .instagram-account{display:flex!important;flex:1 1 auto!important;max-width:145px!important;min-width:0!important;gap:6px!important;align-items:center!important}
  .instagram-account .account-avatar{width:25px!important;height:25px!important;min-width:25px!important}
  .instagram-account>div:last-child{min-width:0!important;max-width:112px!important}
  .instagram-account strong{display:block!important;max-width:112px!important;font-size:8.5px!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .instagram-account span{display:none!important}
  .sync-button{flex:0 0 auto!important;padding:7px 9px!important;min-height:31px!important;font-size:7.5px!important;border-radius:11px!important;white-space:nowrap!important}
  .sync-button .sync-icon{font-size:9px!important}

  /* títulos internos das páginas: menos altos e mais limpos */
  .section-heading{margin:16px 0 9px!important}
  .section-heading strong,.section-heading h2{font-size:15px!important;line-height:1.15!important}
  .section-heading span,.section-heading p{font-size:8px!important;line-height:1.35!important;margin-top:3px!important}
  .page-context{font-size:9px!important;line-height:1.4!important;margin-bottom:13px!important}
  .content-intro{margin-bottom:12px!important}
  .content-intro>p{font-size:9px!important;line-height:1.4!important}
  .account-subtitle strong{font-size:14px!important}
  .account-subtitle span{font-size:8px!important}
  .pro-v5-section-title{margin-top:17px!important;margin-bottom:8px!important}
  .pro-v5-section-title strong{font-size:15px!important}
  .pro-v5-section-title span{font-size:8px!important}
}

@media (max-width:390px){
  .header{grid-template-columns:minmax(100px,.68fr) minmax(0,1.32fr)!important;gap:7px!important}
  .header h1{font-size:17px!important}
  .header #pageSubtitle{display:none!important}
  .instagram-account{max-width:128px!important}
  .instagram-account>div:last-child,.instagram-account strong{max-width:96px!important}
  .instagram-account strong{font-size:8px!important}
  .sync-button{padding:7px 8px!important;font-size:7px!important}
}


/* V19 — sincronização 100% silenciosa */
#liveStatus { display:none !important; }
.silent-refresh *, .silent-refresh *::before, .silent-refresh *::after {
  animation-duration:0s !important;
  animation-delay:0s !important;
  transition-duration:0s !important;
}


/* V20 — identificação empresarial e central legal */
.auth-legal{margin-top:18px;padding-top:15px;border-top:1px solid #2b1719;text-align:center;color:#8f7d80;font-size:9px;line-height:1.6}.auth-legal>strong{color:#d9c9cb;font-size:9px}.auth-legal div{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:7px}.auth-legal a{color:#ff5966;text-decoration:none;font-weight:800}.auth-legal a:hover{text-decoration:underline}.legal-panel{background:linear-gradient(145deg,#10090a,#080808);border:1px solid #2d191b;padding:30px;max-width:900px}.legal-kicker{color:#ff343f;font-size:9px;font-weight:900;letter-spacing:.18em}.legal-panel h2{font-size:28px;margin:8px 0}.legal-panel>p{color:#a99598;font-size:12px;max-width:650px}.legal-company{display:grid;grid-template-columns:180px 1fr;margin:26px 0;border-top:1px solid #2b1b1d}.legal-company span,.legal-company strong{padding:14px 0;border-bottom:1px solid #2b1b1d}.legal-company span{color:#8d7b7e;font-size:10px}.legal-company strong{color:#fff;font-size:11px}.legal-links{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.legal-links a{display:grid;gap:6px;padding:18px;border:1px solid #33191c;background:#0b0808;text-decoration:none;transition:.2s}.legal-links a:hover{border-color:#7b2028;transform:translateY(-2px)}.legal-links strong{color:#fff;font-size:11px}.legal-links span{color:#927f82;font-size:9px;line-height:1.5}@media(max-width:700px){.legal-panel{padding:18px}.legal-panel h2{font-size:21px}.legal-company{grid-template-columns:1fr}.legal-company span{padding-bottom:3px;border-bottom:0}.legal-company strong{padding-top:2px}.legal-links{grid-template-columns:1fr}.mobile-nav{grid-template-columns:repeat(7,minmax(0,1fr))!important}}


/* V21 — identidade empresarial pública e rastreável para verificações externas */
.public-business-identity{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;padding:7px 14px;background:rgba(3,3,3,.94);border-top:1px solid #251719;color:#8c7b7e;font-size:8px;line-height:1.35;backdrop-filter:blur(12px)}
.public-business-identity strong{color:#bcaeb0;font-weight:700}.public-business-identity nav{display:flex;gap:9px;margin-left:4px}.public-business-identity a{color:#ba6269;text-decoration:none;font-weight:700}.public-business-identity a:hover{text-decoration:underline;color:#ff5966}.noscript-legal{max-width:760px;margin:40px auto;padding:24px;color:#eee;background:#0b0808;border:1px solid #2b1719}.noscript-legal a{color:#ff5966}
@media(max-width:700px){.public-business-identity{position:static;padding:8px 12px;font-size:7px;gap:5px}.public-business-identity nav{width:100%;justify-content:center;margin-left:0}.auth-shell{min-height:calc(100dvh - 56px)}}


/* V22 — interface premium geométrica
   Mantém a paleta e os gráficos; elimina arredondamentos e refina movimentos. */
:root {
  --premium-ease: cubic-bezier(.22, 1, .36, 1);
  --premium-fast: 180ms;
  --premium-medium: 420ms;
  --premium-slow: 680ms;
}

/* Geometria totalmente quadrada em todos os componentes da interface.
   A especificidade elevada neutraliza os !important das versões anteriores. */
html body #mainApp *,
html body #mainApp *::before,
html body #mainApp *::after,
html body #authShell *,
html body #authShell *::before,
html body #authShell *::after,
html body #reelModal *,
html body #reelModal *::before,
html body #reelModal *::after,
html body .public-business-identity,
html body .public-business-identity *,
html body .noscript-legal,
html body .noscript-legal * {
  border-radius: 0 !important;
}

/* Entrada principal mais precisa, sem alterar cores ou conteúdo. */
@keyframes premiumPageIn {
  0% { opacity: 0; transform: translate3d(0, 14px, 0); filter: blur(5px); }
  55% { opacity: 1; filter: blur(0); }
  100% { opacity: 1; transform: translate3d(0, 0, 0); filter: blur(0); }
}

@keyframes premiumPanelIn {
  0% { opacity: 0; transform: translate3d(0, 18px, 0) scale(.992); }
  100% { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
}

@keyframes premiumAuthIn {
  0% { opacity: 0; transform: translate3d(0, 20px, 0) scale(.985); filter: blur(7px); }
  100% { opacity: 1; transform: translate3d(0, 0, 0) scale(1); filter: blur(0); }
}

@keyframes premiumModalIn {
  0% { opacity: 0; transform: translate3d(0, 18px, 0) scale(.975); }
  100% { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
}

@keyframes premiumLineSweep {
  0% { transform: scaleX(0); opacity: 0; }
  100% { transform: scaleX(1); opacity: 1; }
}

.page.active-page {
  animation: premiumPageIn var(--premium-slow) var(--premium-ease) both !important;
}

.page.active-page > .period-bar,
.page.active-page > .metrics-grid,
.page.active-page > .dashboard-grid,
.page.active-page > .reels-panel,
.page.active-page > .content-intro,
.page.active-page > .content-grid,
.page.active-page > .page-context,
.page.active-page > .performance-grid,
.page.active-page > .panel,
.page.active-page > .pro-v5-section-title,
.page.active-page > .pro-v5-insights,
.page.active-page > .pro-v5-grid,
.page.active-page > .account-panel,
.page.active-page > .legal-panel {
  animation: premiumPanelIn var(--premium-slow) var(--premium-ease) both !important;
}

.page.active-page > :nth-child(2) { animation-delay: 55ms !important; }
.page.active-page > :nth-child(3) { animation-delay: 105ms !important; }
.page.active-page > :nth-child(4) { animation-delay: 155ms !important; }
.page.active-page > :nth-child(5) { animation-delay: 205ms !important; }

.auth-card { animation: premiumAuthIn 760ms var(--premium-ease) both; }

/* Superfícies com profundidade controlada e resposta tátil. */
.panel,
.metric-card,
.performance-card,
.content-card,
.account-panel,
.legal-panel,
.auth-card,
.period-bar,
.pro-v5-insights,
.pro-v5-grid,
.reel-row,
.legal-links a {
  transform: translateZ(0);
  backface-visibility: hidden;
  transition:
    transform var(--premium-medium) var(--premium-ease),
    border-color var(--premium-medium) ease,
    box-shadow var(--premium-medium) ease,
    background-color var(--premium-medium) ease !important;
}

@media (hover:hover) and (pointer:fine) {
  .content-card:hover,
  .reel-row:hover,
  .legal-links a:hover {
    transform: translate3d(0, -4px, 0) !important;
  }

  .metric-card:hover,
  .performance-card:hover {
    transform: translate3d(0, -2px, 0) !important;
  }

  button:hover,
  select:hover,
  input:hover,
  .account-website:hover,
  .instagram-open:hover {
    transform: translate3d(0, -1px, 0);
  }
}

button,
select,
input,
a,
.menu-item,
.mobile-nav-item {
  transition:
    transform var(--premium-fast) var(--premium-ease),
    opacity var(--premium-fast) ease,
    color var(--premium-fast) ease,
    background-color var(--premium-fast) ease,
    border-color var(--premium-fast) ease,
    box-shadow var(--premium-fast) ease !important;
}

button:active,
.menu-item:active,
.mobile-nav-item:active,
.content-card:active,
.reel-row:active {
  transform: translate3d(0, 1px, 0) scale(.992) !important;
  transition-duration: 70ms !important;
}

button:focus-visible,
select:focus-visible,
input:focus-visible,
a:focus-visible {
  outline: 1px solid currentColor;
  outline-offset: 3px;
}

/* Indicadores ativos entram como uma linha técnica, mantendo a cor existente. */
.menu-item.active::after,
.mobile-nav-item.active::after {
  transform-origin: left center;
  animation: premiumLineSweep var(--premium-medium) var(--premium-ease) both;
}

/* Modal quadrado com entrada firme e overlay suave. */
.modal-overlay {
  transition: opacity 260ms ease, visibility 260ms ease !important;
}

.modal-overlay.open .modal {
  animation: premiumModalIn 460ms var(--premium-ease) both;
}

/* Elementos carregados dinamicamente recebem movimento escalonado. */
.reveal {
  animation: premiumPanelIn 560ms var(--premium-ease) both !important;
}

.reel-row:nth-child(2), .content-card:nth-child(2), .comparison-item:nth-child(2) { animation-delay: 45ms !important; }
.reel-row:nth-child(3), .content-card:nth-child(3), .comparison-item:nth-child(3) { animation-delay: 90ms !important; }
.reel-row:nth-child(4), .content-card:nth-child(4), .comparison-item:nth-child(4) { animation-delay: 135ms !important; }
.reel-row:nth-child(5), .content-card:nth-child(5), .comparison-item:nth-child(5) { animation-delay: 180ms !important; }

/* Respeita a preferência do sistema e evita movimento durante sincronização silenciosa. */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    animation-duration: 1ms !important;
    animation-delay: 0ms !important;
    transition-duration: 1ms !important;
  }
}

/* V24 — divisórias luminosas das métricas
   Linhas curtas e graduais preservam a faixa única sem cortar o painel. */
html body #mainApp .metrics-grid .metric-card::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  z-index: 2 !important;
  right: 0 !important;
  left: auto !important;
  top: 27% !important;
  bottom: 27% !important;
  width: 1px !important;
  height: auto !important;
  background: linear-gradient(180deg, transparent 0%, var(--v10-line-red) 28%, var(--v10-red) 50%, var(--v10-line-red) 72%, transparent 100%) !important;
  opacity: .82 !important;
  box-shadow: 0 0 5px rgba(255,37,59,.42), 0 0 13px rgba(255,37,59,.2) !important;
  pointer-events: none !important;
}

html body #mainApp .metrics-grid .metric-card:last-child::after {
  display: none !important;
}

html body #mainApp .metrics-grid .metric-card::before {
  content: "" !important;
  display: none !important;
  position: absolute !important;
  z-index: 2 !important;
  top: 0 !important;
  bottom: auto !important;
  left: 16% !important;
  right: 16% !important;
  width: auto !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent 0%, var(--v10-line-red) 28%, var(--v10-red) 50%, var(--v10-line-red) 72%, transparent 100%) !important;
  opacity: .72 !important;
  box-shadow: 0 0 5px rgba(255,37,59,.36), 0 0 12px rgba(255,37,59,.16) !important;
  pointer-events: none !important;
}

@media (max-width:900px) {
  html body #mainApp .metrics-grid .metric-card::after { display: block !important; }
  html body #mainApp .metrics-grid .metric-card:nth-child(3n)::after { display: none !important; }
  html body #mainApp .metrics-grid .metric-card:nth-child(n+4)::before { display: block !important; }
}

@media (max-width:700px) {
  html body #mainApp .metrics-grid .metric-card::after { display: none !important; }
  html body #mainApp .metrics-grid .metric-card:nth-child(odd)::after { display: block !important; }
  html body #mainApp .metrics-grid .metric-card:nth-child(n+3)::before { display: block !important; }
}

/* V25 — hover estável das faixas de métricas
   Sem deslocamento físico: resposta luminosa rápida, sem disputa com a animação de entrada. */
html body #mainApp .metrics-grid .metric-card {
  transition: background-color 145ms ease, filter 145ms ease !important;
  will-change: auto !important;
}

html body #mainApp .metrics-grid .metric-card:hover {
  background: rgba(255,255,255,.018) !important;
  box-shadow: none !important;
  filter: brightness(1.045) !important;
}

html body #mainApp .metrics-grid .metric-card:active {
  filter: brightness(1.075) !important;
}

html body #mainApp .metrics-grid .metric-card::after,
html body #mainApp .metrics-grid .metric-card::before {
  transition: opacity 145ms ease, box-shadow 145ms ease !important;
}

html body #mainApp .metrics-grid .metric-card:hover::after,
html body #mainApp .metrics-grid .metric-card:hover::before {
  opacity: 1 !important;
  box-shadow: 0 0 6px rgba(255,37,59,.48), 0 0 15px rgba(255,37,59,.22) !important;
}

/* V26 — hover premium uniforme e sem saltos
   Seções permanecem imóveis; apenas luz, borda e profundidade respondem ao cursor. */
html body #mainApp .panel,
html body #mainApp .performance-card,
html body #mainApp .content-card,
html body #mainApp .account-panel,
html body #mainApp .legal-panel,
html body #mainApp .period-bar,
html body #mainApp .pro-v5-insights,
html body #mainApp .pro-v5-grid,
html body #mainApp .pro-v5-evolution,
html body #mainApp .pro-v5-growth,
html body #mainApp .pro-v5-accountinfo,
html body #mainApp .reel-row,
html body #mainApp .comparison-item,
html body #mainApp .legal-links a {
  will-change: auto !important;
  transition:
    border-color 175ms ease,
    box-shadow 220ms ease,
    background-color 175ms ease,
    opacity 175ms ease !important;
}

@media (hover:hover) and (pointer:fine) {
  html body #mainApp .panel:hover,
  html body #mainApp .performance-card:hover,
  html body #mainApp .content-card:hover,
  html body #mainApp .account-panel:hover,
  html body #mainApp .legal-panel:hover,
  html body #mainApp .period-bar:hover,
  html body #mainApp .pro-v5-insights:hover,
  html body #mainApp .pro-v5-grid:hover,
  html body #mainApp .pro-v5-evolution:hover,
  html body #mainApp .pro-v5-growth:hover,
  html body #mainApp .pro-v5-accountinfo:hover,
  html body #mainApp .reel-row:hover,
  html body #mainApp .comparison-item:hover,
  html body #mainApp .legal-links a:hover {
    transform: none !important;
    border-color: rgba(255,38,61,.27) !important;
    box-shadow:
      0 18px 48px rgba(0,0,0,.26),
      0 0 0 1px rgba(255,38,61,.035),
      0 0 22px rgba(255,38,61,.055) !important;
  }

  html body #mainApp .reel-row:hover,
  html body #mainApp .comparison-item:hover,
  html body #mainApp .legal-links a:hover {
    background-color: rgba(255,255,255,.018) !important;
  }
}

html body #mainApp .panel:active,
html body #mainApp .performance-card:active,
html body #mainApp .content-card:active,
html body #mainApp .account-panel:active,
html body #mainApp .legal-panel:active,
html body #mainApp .period-bar:active,
html body #mainApp .reel-row:active,
html body #mainApp .comparison-item:active {
  transform: none !important;
}

/* V27 — métricas em cards independentes e realmente animados */
@keyframes premiumMetricIn {
  0% { opacity: 0; transform: translate3d(0, 18px, 0) scale(.965); }
  65% { opacity: 1; transform: translate3d(0, -2px, 0) scale(1.006); }
  100% { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
}

html body #mainApp .metrics-grid {
  gap: 12px !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body #mainApp .metrics-grid .metric-card {
  isolation: isolate !important;
  overflow: hidden !important;
  min-height: 126px !important;
  padding: 20px !important;
  border: 1px solid var(--v10-line) !important;
  background: linear-gradient(145deg,rgba(15,9,10,.9),rgba(7,7,8,.96)) !important;
  box-shadow: 0 14px 36px rgba(0,0,0,.2), inset 0 1px rgba(255,255,255,.016) !important;
  filter: none !important;
  transform: translate3d(0,0,0) scale(1);
  will-change: transform !important;
  transition:
    transform 360ms var(--premium-ease),
    border-color 240ms ease,
    box-shadow 360ms ease,
    background-color 240ms ease !important;
}

html body #mainApp .metrics-grid .metric-card > * {
  position: relative;
  z-index: 3;
}

/* Glow inferior permanente: identifica o card sem dividi-lo. */
html body #mainApp .metrics-grid .metric-card::after,
html body #mainApp .metrics-grid .metric-card:last-child::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  z-index: 1 !important;
  left: 12% !important;
  right: 12% !important;
  top: auto !important;
  bottom: 0 !important;
  width: auto !important;
  height: 1px !important;
  background: linear-gradient(90deg,transparent,var(--v10-line-red),var(--v10-red),var(--v10-line-red),transparent) !important;
  opacity: .58 !important;
  box-shadow: 0 0 7px rgba(255,37,59,.32), 0 0 16px rgba(255,37,59,.13) !important;
  transition: opacity 240ms ease, box-shadow 240ms ease !important;
}

/* Reflexo que percorre o card ao receber o cursor. */
html body #mainApp .metrics-grid .metric-card::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  z-index: 2 !important;
  inset: -35% auto -35% -58% !important;
  width: 36% !important;
  height: auto !important;
  background: linear-gradient(90deg,transparent,rgba(255,255,255,.055),transparent) !important;
  opacity: 0 !important;
  transform: skewX(-18deg) translate3d(0,0,0) !important;
  transition: transform 720ms var(--premium-ease), opacity 180ms ease !important;
  pointer-events: none !important;
}

.page.active-page .metrics-grid .metric-card {
  animation: premiumMetricIn 620ms var(--premium-ease) both !important;
}
.page.active-page .metrics-grid .metric-card:nth-child(2) { animation-delay: 55ms !important; }
.page.active-page .metrics-grid .metric-card:nth-child(3) { animation-delay: 110ms !important; }
.page.active-page .metrics-grid .metric-card:nth-child(4) { animation-delay: 165ms !important; }
.page.active-page .metrics-grid .metric-card:nth-child(5) { animation-delay: 220ms !important; }
.page.active-page .metrics-grid .metric-card:nth-child(6) { animation-delay: 275ms !important; }

@media (hover:hover) and (pointer:fine) {
  html body #mainApp .metrics-grid .metric-card:hover {
    transform: translate3d(0,-6px,0) scale(1.012) !important;
    border-color: rgba(255,38,61,.34) !important;
    background: linear-gradient(145deg,rgba(19,10,12,.94),rgba(8,8,9,.98)) !important;
    box-shadow: 0 24px 52px rgba(0,0,0,.34), 0 0 25px rgba(255,38,61,.075) !important;
    filter: none !important;
  }
  html body #mainApp .metrics-grid .metric-card:hover::before {
    opacity: 1 !important;
    transform: skewX(-18deg) translate3d(470%,0,0) !important;
  }
  html body #mainApp .metrics-grid .metric-card:hover::after {
    opacity: 1 !important;
    box-shadow: 0 0 9px rgba(255,37,59,.48), 0 0 21px rgba(255,37,59,.2) !important;
  }
}

html body #mainApp .metrics-grid .metric-card:active {
  transform: translate3d(0,-2px,0) scale(.994) !important;
  transition-duration: 90ms !important;
}

@media (max-width:900px) {
  html body #mainApp .metrics-grid { gap: 10px !important; }
  html body #mainApp .metrics-grid .metric-card { min-height: 112px !important; }
}

@media (max-width:700px) {
  html body #mainApp .metrics-grid { gap: 8px !important; padding: 0 !important; }
  html body #mainApp .metrics-grid .metric-card {
    min-height: 98px !important;
    padding: 14px 12px !important;
  }
}

/* V28 — sistema premium animado aplicado ao painel inteiro */
@keyframes premiumBlockIn {
  0% { opacity: 0; transform: translate3d(0,16px,0) scale(.978); }
  100% { opacity: 1; transform: translate3d(0,0,0) scale(1); }
}

/* Desempenho: quatro cards independentes. */
html body #mainApp .performance-grid {
  gap: 12px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body #mainApp .performance-grid .performance-card {
  border: 1px solid var(--v10-line) !important;
  background: linear-gradient(145deg,rgba(15,9,10,.9),rgba(7,7,8,.96)) !important;
  box-shadow: 0 14px 36px rgba(0,0,0,.2), inset 0 1px rgba(255,255,255,.016) !important;
  overflow: hidden !important;
}

html body #mainApp .performance-grid .performance-card::after {
  left: 12% !important;
  right: 12% !important;
  top: auto !important;
  bottom: 0 !important;
  width: auto !important;
  height: 1px !important;
  background: linear-gradient(90deg,transparent,var(--v10-line-red),var(--v10-red),var(--v10-line-red),transparent) !important;
  opacity: .55 !important;
  box-shadow: 0 0 8px rgba(255,37,59,.25) !important;
}

/* Métricas profissionais e evolução também deixam de ser uma faixa rígida. */
html body #mainApp .pro-v5-insights {
  gap: 12px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body #mainApp .pro-v5-mainmetric,
html body #mainApp .pro-v5-side-metrics > div {
  border: 1px solid var(--v10-line) !important;
  background: linear-gradient(145deg,rgba(15,9,10,.9),rgba(7,7,8,.96)) !important;
  box-shadow: 0 14px 36px rgba(0,0,0,.2) !important;
  overflow: hidden !important;
}

html body #mainApp .pro-v5-mainmetric::after,
html body #mainApp .pro-v5-side-metrics > div::after {
  left: 14% !important;
  right: 14% !important;
  top: auto !important;
  bottom: 0 !important;
  width: auto !important;
  height: 1px !important;
  background: linear-gradient(90deg,transparent,var(--v10-line-red),var(--v10-red),var(--v10-line-red),transparent) !important;
  opacity: .5 !important;
  box-shadow: 0 0 8px rgba(255,37,59,.22) !important;
}

html body #mainApp .pro-v5-grid {
  gap: 12px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body #mainApp .pro-v5-evolution,
html body #mainApp .pro-v5-growth {
  border: 1px solid var(--v10-line) !important;
  background: linear-gradient(145deg,rgba(15,9,10,.88),rgba(7,7,8,.95)) !important;
  box-shadow: 0 14px 36px rgba(0,0,0,.2) !important;
}

/* Linhas e sub-blocos ganham identidade própria. */
html body #mainApp .reels-list {
  display: grid !important;
  gap: 8px !important;
}

html body #mainApp .reel-row,
html body #mainApp .comparison-item,
html body #mainApp .highlights .highlight,
html body #mainApp .history-live .history-row,
html body #mainApp .account-info > div,
html body #mainApp .legal-links a {
  position: relative !important;
  border: 1px solid var(--v10-line) !important;
  background: rgba(255,255,255,.012) !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.14) !important;
}

html body #mainApp .reel-row { padding: 12px !important; }
html body #mainApp .comparison-list,
html body #mainApp .highlights,
html body #mainApp .history-live { display: grid !important; gap: 8px !important; }
html body #mainApp .highlights .highlight { padding: 15px !important; }
html body #mainApp .history-live .history-row { padding: 14px !important; }

/* Movimento compartilhado: GPU, curva suave e sem mudança brusca. */
html body #mainApp .panel,
html body #mainApp .performance-card,
html body #mainApp .content-card,
html body #mainApp .account-panel,
html body #mainApp .legal-panel,
html body #mainApp .period-bar,
html body #mainApp .pro-v5-mainmetric,
html body #mainApp .pro-v5-side-metrics > div,
html body #mainApp .pro-v5-evolution,
html body #mainApp .pro-v5-growth,
html body #mainApp .reel-row,
html body #mainApp .comparison-item,
html body #mainApp .highlights .highlight,
html body #mainApp .history-live .history-row,
html body #mainApp .account-info > div,
html body #mainApp .legal-links a {
  transform: translate3d(0,0,0) scale(1);
  backface-visibility: hidden !important;
  will-change: transform !important;
  transition:
    transform 360ms var(--premium-ease),
    border-color 240ms ease,
    box-shadow 360ms ease,
    background-color 240ms ease !important;
}

@media (hover:hover) and (pointer:fine) {
  html body #mainApp .panel:hover,
  html body #mainApp .performance-card:hover,
  html body #mainApp .content-card:hover,
  html body #mainApp .account-panel:hover,
  html body #mainApp .legal-panel:hover,
  html body #mainApp .period-bar:hover,
  html body #mainApp .pro-v5-mainmetric:hover,
  html body #mainApp .pro-v5-side-metrics > div:hover,
  html body #mainApp .pro-v5-evolution:hover,
  html body #mainApp .pro-v5-growth:hover,
  html body #mainApp .reel-row:hover,
  html body #mainApp .comparison-item:hover,
  html body #mainApp .highlights .highlight:hover,
  html body #mainApp .history-live .history-row:hover,
  html body #mainApp .account-info > div:hover,
  html body #mainApp .legal-links a:hover {
    transform: translate3d(0,-5px,0) scale(1.008) !important;
    border-color: rgba(255,38,61,.32) !important;
    box-shadow: 0 23px 48px rgba(0,0,0,.3), 0 0 24px rgba(255,38,61,.065) !important;
  }
}

html body #mainApp .performance-card:active,
html body #mainApp .content-card:active,
html body #mainApp .reel-row:active,
html body #mainApp .comparison-item:active,
html body #mainApp .highlights .highlight:active,
html body #mainApp .history-live .history-row:active,
html body #mainApp .legal-links a:active {
  transform: translate3d(0,-1px,0) scale(.994) !important;
  transition-duration: 90ms !important;
}

/* Entradas escalonadas dos grupos internos. */
.page.active-page .performance-card,
.page.active-page .content-card,
.page.active-page .pro-v5-mainmetric,
.page.active-page .pro-v5-side-metrics > div,
.page.active-page .reel-row,
.page.active-page .comparison-item,
.page.active-page .highlights .highlight,
.page.active-page .history-live .history-row,
.page.active-page .legal-links a {
  animation: premiumBlockIn 560ms var(--premium-ease) both !important;
}

.page.active-page :is(.performance-card,.content-card,.reel-row,.comparison-item,.highlight,.history-row,.legal-links a):nth-child(2) { animation-delay: 55ms !important; }
.page.active-page :is(.performance-card,.content-card,.reel-row,.comparison-item,.highlight,.history-row,.legal-links a):nth-child(3) { animation-delay: 110ms !important; }
.page.active-page :is(.performance-card,.content-card,.reel-row,.comparison-item,.highlight,.history-row,.legal-links a):nth-child(4) { animation-delay: 165ms !important; }
.page.active-page :is(.performance-card,.content-card,.reel-row,.comparison-item,.highlight,.history-row,.legal-links a):nth-child(5) { animation-delay: 220ms !important; }

@media (max-width:900px) {
  html body #mainApp .performance-grid,
  html body #mainApp .pro-v5-insights,
  html body #mainApp .pro-v5-grid { gap: 10px !important; }
}

@media (max-width:700px) {
  html body #mainApp .performance-grid,
  html body #mainApp .pro-v5-insights,
  html body #mainApp .pro-v5-grid { gap: 8px !important; padding: 0 !important; }
  html body #mainApp .reel-row { padding: 10px !important; }
}

/* V29 — Painel Profissional estável
   O hover nunca move a grade nem altera o espaço ocupado pelos cards vizinhos. */
@keyframes premiumProfessionalFade {
  0% { opacity: 0; filter: blur(4px); }
  100% { opacity: 1; filter: blur(0); }
}

html body #mainApp .pro-v5-insights,
html body #mainApp .pro-v5-grid,
html body #mainApp .pro-v5-mainmetric,
html body #mainApp .pro-v5-side-metrics > div,
html body #mainApp .pro-v5-evolution,
html body #mainApp .pro-v5-growth {
  transform: none !important;
}

.page.active-page .pro-v5-mainmetric,
.page.active-page .pro-v5-side-metrics > div,
.page.active-page .pro-v5-evolution,
.page.active-page .pro-v5-growth {
  animation: premiumProfessionalFade 520ms var(--premium-ease) both !important;
}
.page.active-page .pro-v5-side-metrics > div:nth-child(1) { animation-delay: 55ms !important; }
.page.active-page .pro-v5-side-metrics > div:nth-child(2) { animation-delay: 110ms !important; }
.page.active-page .pro-v5-side-metrics > div:nth-child(3) { animation-delay: 165ms !important; }
.page.active-page .pro-v5-evolution { animation-delay: 110ms !important; }
.page.active-page .pro-v5-growth { animation-delay: 165ms !important; }

html body #mainApp .pro-v5-insights,
html body #mainApp .pro-v5-grid {
  transition: none !important;
  will-change: auto !important;
}

html body #mainApp .pro-v5-mainmetric,
html body #mainApp .pro-v5-side-metrics > div,
html body #mainApp .pro-v5-evolution,
html body #mainApp .pro-v5-growth {
  will-change: auto !important;
  transition:
    transform 340ms var(--premium-ease),
    border-color 180ms ease,
    box-shadow 240ms ease,
    background-color 180ms ease !important;
}

@media (hover:hover) and (pointer:fine) {
  html body #mainApp .pro-v5-insights:hover,
  html body #mainApp .pro-v5-grid:hover,
  html body #mainApp .pro-v5-mainmetric:hover,
  html body #mainApp .pro-v5-side-metrics > div:hover,
  html body #mainApp .pro-v5-evolution:hover,
  html body #mainApp .pro-v5-growth:hover {
    transform: translate3d(0,-5px,0) !important;
  }

  html body #mainApp .pro-v5-mainmetric:hover,
  html body #mainApp .pro-v5-side-metrics > div:hover,
  html body #mainApp .pro-v5-evolution:hover,
  html body #mainApp .pro-v5-growth:hover {
    border-color: rgba(255,38,61,.34) !important;
    box-shadow:
      0 18px 42px rgba(0,0,0,.28),
      0 0 0 1px rgba(255,38,61,.04),
      0 0 24px rgba(255,38,61,.075) !important;
  }
}

html body #mainApp .pro-v5-mainmetric:active,
html body #mainApp .pro-v5-side-metrics > div:active,
html body #mainApp .pro-v5-evolution:active,
html body #mainApp .pro-v5-growth:active {
  transform: translate3d(0,-1px,0) !important;
  transition-duration: 90ms !important;
}

/* V31 — molduras externas dos gráficos totalmente quadradas
   Nenhuma regra interna do SVG ou da área de plotagem é alterada. */
html body #mainApp .chart-panel,
html body #mainApp #profissional .pro-v5-evolution,
html body #mainApp #profissional .pro-v5-growth,
html body #mainApp #profissional .pro-v5-grid {
  border-radius: 0 !important;
  clip-path: none !important;
}

html body #mainApp .chart-panel::before,
html body #mainApp .chart-panel::after,
html body #mainApp #profissional .pro-v5-evolution::before,
html body #mainApp #profissional .pro-v5-evolution::after,
html body #mainApp #profissional .pro-v5-growth::before,
html body #mainApp #profissional .pro-v5-growth::after {
  border-radius: 0 !important;
}

/* V32 — rodapés redundantes removidos de dentro do painel
   A identidade empresarial permanece no HTML e continua visível antes do login. */
html body #mainApp .sidebar-bottom {
  display: none !important;
}

html body.panel-open .public-business-identity {
  display: none !important;
}

html body.panel-open #mainApp,
html body.panel-open #mainApp .main {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

/* V33 — Conteúdos quadrados, íntegros e sem recortes */
html body #mainApp #conteudos .content-grid {
  grid-template-columns: repeat(auto-fit,minmax(250px,1fr)) !important;
  align-items: start !important;
}

html body #mainApp #conteudos .content-card {
  min-width: 0 !important;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  border-radius: 0 !important;
}

/* A mídia ocupa um quadrado e usa contain: a imagem inteira sempre aparece. */
html body #mainApp #conteudos .content-cover,
html body #mainApp #conteudos .content-cover.has-image {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: 0 !important;
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

html body #mainApp #conteudos .content-body {
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
}

html body #mainApp #conteudos .content-body h3 {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  -webkit-line-clamp: unset !important;
  -webkit-box-orient: initial !important;
}

html body #mainApp #conteudos .content-stats {
  width: 100% !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  align-items: start !important;
}

html body #mainApp #conteudos .content-stats div,
html body #mainApp #conteudos .content-stats span,
html body #mainApp #conteudos .content-stats strong {
  min-width: 0 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  overflow-wrap: anywhere !important;
}

@media (max-width:900px) {
  html body #mainApp #conteudos .content-grid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
}

@media (max-width:600px) {
  html body #mainApp #conteudos .content-grid {
    grid-template-columns: 1fr !important;
  }
}

/* V34 — acesso premium, centralizado e profissional */
html body #authShell {
  padding: 28px !important;
}

html body #authShell .auth-card {
  width: min(500px,100%) !important;
  padding: 42px 42px 34px !important;
  border: 1px solid rgba(255,38,61,.32) !important;
  background: linear-gradient(155deg,rgba(17,11,12,.97),rgba(7,7,8,.985)) !important;
  box-shadow:
    0 38px 110px rgba(0,0,0,.68),
    0 0 0 1px rgba(255,255,255,.012) inset,
    0 0 54px rgba(255,20,40,.065) !important;
  overflow: hidden !important;
}

html body #authShell .auth-card::before {
  content: "" !important;
  position: absolute !important;
  z-index: 1 !important;
  inset: 0 13% auto 13% !important;
  width: auto !important;
  height: 1px !important;
  background: linear-gradient(90deg,transparent,#ff253b,transparent) !important;
  box-shadow: 0 0 10px rgba(255,37,59,.38),0 0 24px rgba(255,37,59,.14) !important;
}

html body #authShell .auth-brand {
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 14px !important;
  margin: 0 0 30px !important;
  text-align: center !important;
}

html body #authShell .auth-brand .site-logo {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  width: 78px !important;
  height: 78px !important;
  min-width: 78px !important;
  border: 1px solid rgba(255,38,61,.4) !important;
  background: rgba(255,25,45,.035) !important;
  box-shadow:
    0 0 0 7px rgba(255,25,45,.025),
    0 0 30px rgba(255,20,40,.13),
    0 18px 35px rgba(0,0,0,.4) !important;
  overflow: hidden !important;
  animation: premiumAuthLogo 3.8s ease-in-out infinite !important;
}

html body #authShell .auth-brand .site-logo img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
}

@keyframes premiumAuthLogo {
  0%,100% { box-shadow:0 0 0 7px rgba(255,25,45,.025),0 0 24px rgba(255,20,40,.1),0 18px 35px rgba(0,0,0,.4); }
  50% { box-shadow:0 0 0 9px rgba(255,25,45,.04),0 0 38px rgba(255,20,40,.18),0 18px 35px rgba(0,0,0,.4); }
}

html body #authShell .auth-brand > div:last-child {
  display: grid !important;
  justify-items: center !important;
  gap: 5px !important;
}

html body #authShell .auth-brand strong {
  font-size: 21px !important;
  line-height: 1 !important;
  font-weight: 850 !important;
  letter-spacing: .12em !important;
}

html body #authShell .auth-brand span {
  margin: 0 !important;
  font-size: 10px !important;
  line-height: 1.2 !important;
  font-weight: 750 !important;
  letter-spacing: .08em !important;
}

html body #authShell .auth-copy {
  position: relative !important;
  z-index: 2 !important;
  margin-bottom: 24px !important;
  padding-top: 24px !important;
  border-top: 1px solid rgba(255,38,61,.12) !important;
  text-align: center !important;
}

html body #authShell .auth-kicker {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 25px !important;
  padding: 0 11px !important;
  border: 1px solid rgba(255,38,61,.2) !important;
  background: rgba(255,38,61,.035) !important;
  font-size: 8px !important;
  letter-spacing: .2em !important;
}

html body #authShell .auth-copy h1 {
  margin: 14px 0 10px !important;
  font-size: clamp(25px,4vw,31px) !important;
  line-height: 1.08 !important;
  letter-spacing: -.045em !important;
}

html body #authShell .auth-copy p {
  max-width: 380px !important;
  margin: 0 auto !important;
  font-size: 11px !important;
  line-height: 1.65 !important;
}

html body #authShell .auth-primary {
  position: relative !important;
  z-index: 2 !important;
  min-height: 52px !important;
  margin: 0 !important;
  border: 1px solid rgba(255,80,90,.75) !important;
  font-size: 11px !important;
  letter-spacing: .015em !important;
  box-shadow: 0 14px 34px rgba(175,0,15,.26),inset 0 1px rgba(255,255,255,.12) !important;
}

@media (hover:hover) and (pointer:fine) {
  html body #authShell .auth-primary:hover {
    transform: translate3d(0,-3px,0) !important;
    box-shadow:0 20px 42px rgba(175,0,15,.34),0 0 28px rgba(255,20,40,.16),inset 0 1px rgba(255,255,255,.15) !important;
  }
}

html body #authShell .auth-security {
  max-width: 360px !important;
  margin: 16px auto 0 !important;
  line-height: 1.6 !important;
}

html body #authShell .auth-message {
  min-height: 0 !important;
  margin-top: 12px !important;
}

html body #authShell .auth-message:empty {
  display: none !important;
}

html body #authShell .auth-legal {
  position: relative !important;
  z-index: 2 !important;
  margin-top: 22px !important;
  padding-top: 20px !important;
}

@media (max-width:600px) {
  html body #authShell { padding: 14px !important; align-items: center !important; }
  html body #authShell .auth-card { padding: 28px 20px 24px !important; }
  html body #authShell .auth-brand { margin-bottom: 22px !important; gap: 11px !important; }
  html body #authShell .auth-brand .site-logo { width: 64px !important; height: 64px !important; min-width: 64px !important; }
  html body #authShell .auth-brand strong { font-size: 18px !important; }
  html body #authShell .auth-copy { padding-top: 20px !important; }
  html body #authShell .auth-copy h1 { font-size: 25px !important; }
  html body #authShell .auth-primary { min-height: 49px !important; }
}

/* Reflexo interno somente nas quatro métricas, sem movimentar o card. */
html body #mainApp .pro-v5-mainmetric::before,
html body #mainApp .pro-v5-side-metrics > div::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  z-index: 1 !important;
  inset: -35% auto -35% -58% !important;
  width: 34% !important;
  height: auto !important;
  background: linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent) !important;
  opacity: 0 !important;
  transform: skewX(-18deg) translate3d(0,0,0) !important;
  transition: transform 720ms var(--premium-ease), opacity 180ms ease !important;
  pointer-events: none !important;
}

html body #mainApp .pro-v5-mainmetric > *,
html body #mainApp .pro-v5-side-metrics > div > * {
  position: relative;
  z-index: 2;
}

@media (hover:hover) and (pointer:fine) {
  html body #mainApp .pro-v5-mainmetric:hover::before,
  html body #mainApp .pro-v5-side-metrics > div:hover::before {
    opacity: 1 !important;
    transform: skewX(-18deg) translate3d(485%,0,0) !important;
  }
}

/* V37 — ação única de desconexão centralizada */
html body #mainApp .account-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  margin-top: 24px !important;
  padding-top: 20px !important;
  border-top: 1px solid var(--v10-line) !important;
}

@media (max-width:600px) {
  html body #mainApp .account-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }
  html body #mainApp .danger-button {
    width: 100% !important;
  }
}

/* V38 — progresso visível apenas na atualização manual */
html body #liveStatus.manual-sync {
  display: flex !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: 1000 !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  width: 100% !important;
  height: 100% !important;
  padding: 24px !important;
  border: 0 !important;
  background: rgba(3,3,3,.78) !important;
  box-shadow: none !important;
  backdrop-filter: blur(8px) !important;
}

html body #liveStatus.manual-sync::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: min(360px,calc(100% - 36px)) !important;
  height: 104px !important;
  transform: translate(-50%,-50%) !important;
  border: 1px solid rgba(255,38,61,.38) !important;
  background: linear-gradient(145deg,rgba(18,10,11,.98),rgba(7,7,8,.99)) !important;
  box-shadow: 0 26px 75px rgba(0,0,0,.58),0 0 28px rgba(255,38,61,.075) !important;
}

html body #liveStatus.manual-sync > span,
html body #liveStatus.manual-sync > strong {
  position: relative !important;
  z-index: 2 !important;
}

html body #liveStatus.manual-sync > span {
  width: 16px !important;
  height: 16px !important;
  border: 2px solid rgba(255,255,255,.14) !important;
  border-top-color: var(--v10-red) !important;
  background: transparent !important;
  box-shadow: 0 0 12px rgba(255,38,61,.18) !important;
  animation: spin .72s linear infinite !important;
}

html body #liveStatus.manual-sync > strong {
  color: #f8edef !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .015em !important;
}

html body #mainApp #syncNow:disabled {
  cursor: wait !important;
  opacity: .72 !important;
}

/* V40 — correção exclusivamente de gesto no Android.
   Não altera dimensões, espaçamentos, grades ou aparência. */
@media (max-width:900px) and (pointer:coarse) {
  html,
  body,
  #mainApp,
  #mainApp .main,
  #mainApp .page,
  #mainApp .mobile-nav,
  #mainApp .mobile-nav-item {
    touch-action: pan-y !important;
  }

  #mainApp #profissional,
  #mainApp #profissional *,
  #mainApp #profissional *::before,
  #mainApp #profissional *::after,
  #mainApp #legal,
  #mainApp #legal *,
  #mainApp #legal *::before,
  #mainApp #legal *::after {
    touch-action: pan-y !important;
  }

  html,
  body {
    overscroll-behavior-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  /* Todas as seções usam o mesmo scroll raiz do Dashboard. `clip`, ao
     contrário de `hidden`, não cria um segundo contêiner vertical. */
  #mainApp .main,
  #mainApp .page,
  #mainApp #dashboard,
  #mainApp #conteudos,
  #mainApp #desempenho,
  #mainApp #profissional,
  #mainApp #historico,
  #mainApp #conta,
  #mainApp #legal {
    overflow-x: clip !important;
    overflow-y: visible !important;
    overscroll-behavior-y: auto !important;
  }

  #mainApp .page *,
  #mainApp .page *::before,
  #mainApp .page *::after {
    touch-action: pan-y !important;
  }

  /* O Android simula hover no primeiro toque. Impedir deslocamentos enquanto
     o dedo rola evita que cards capturem ou interrompam o gesto. */
  #mainApp .page *:hover,
  #mainApp .page *:active {
    transform: none !important;
  }
}

/* V43 — comparativo mobile sem rolagem lateral.
   Cada conteúdo vira um cartão independente e as métricas permanecem
   totalmente visíveis dentro de pequenos blocos quadrados. */
@media (max-width:700px) {
  html body #mainApp #desempenho .comparison-list {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: clip !important;
  }

  html body #mainApp #desempenho .comparison-item {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 12px !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    background: linear-gradient(145deg,rgba(17,12,13,.96),rgba(7,7,8,.98)) !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  html body #mainApp #desempenho .comparison-item > strong {
    grid-column: 1 / -1 !important;
    min-width: 0 !important;
    padding: 2px 2px 11px !important;
    border-bottom: 1px solid rgba(255,38,61,.28) !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  html body #mainApp #desempenho .comparison-item > span {
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
    min-height: 58px !important;
    padding: 9px !important;
    border: 1px solid rgba(255,255,255,.1) !important;
    background: rgba(255,255,255,.025) !important;
    box-sizing: border-box !important;
    font-size: 10px !important;
    line-height: 1.45 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  html body #mainApp #desempenho .comparison-item > span:last-child {
    grid-column: 1 / -1 !important;
    min-height: 44px !important;
  }
}

/* V44 — menu lateral premium exclusivo do celular. */
.mobile-menu-toggle,
.mobile-menu-backdrop,
.mobile-nav-head,
.mobile-nav-label,
.mobile-nav-copy {
  display: none;
}

@media (max-width:900px) {
  body {
    padding-bottom: 0 !important;
  }

  body.mobile-menu-open {
    overflow: hidden !important;
  }

  #mainApp .main > .header {
    padding-left: 45px !important;
  }

  .mobile-menu-toggle {
    position: fixed;
    top: max(18px,env(safe-area-inset-top));
    left: 16px;
    z-index: 1002;
    display: none;
    place-content: center;
    gap: 3px;
    width: 28px;
    height: 28px;
    padding: 0;
    border: 1px solid rgba(255,40,55,.32);
    border-radius: 0;
    background: rgba(18,6,8,.88);
    box-shadow: 0 5px 14px rgba(0,0,0,.3);
    color: #fff;
  }

  body.panel-open .mobile-menu-toggle {
    display: grid;
  }

  body.mobile-menu-open .mobile-menu-toggle {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }

  .mobile-menu-toggle span {
    display: block;
    width: 13px;
    height: 1px;
    background: #ff3545;
    box-shadow: 0 0 7px rgba(255,35,54,.55);
    transition: none;
  }

  .mobile-menu-backdrop {
    position: fixed;
    inset: 0;
    z-index: 999;
    display: block;
    background: rgba(0,0,0,.72);
    opacity: 0;
    visibility: hidden;
    transition: opacity .18s ease,visibility .18s ease;
  }

  .mobile-menu-backdrop.is-open {
    opacity: 1;
    visibility: visible;
  }

  html body #mainApp ~ .mobile-nav,
  html body .mobile-nav {
    position: fixed !important;
    inset: 0 auto 0 0 !important;
    z-index: 1001 !important;
    display: flex !important;
    flex-direction: column !important;
    width: min(272px,78vw) !important;
    max-width: 78vw !important;
    height: 100dvh !important;
    padding: max(17px,env(safe-area-inset-top)) 14px max(18px,env(safe-area-inset-bottom)) !important;
    border: 0 !important;
    border-right: 1px solid rgba(255,44,59,.3) !important;
    background: linear-gradient(160deg,#100607 0%,#080405 48%,#030303 100%) !important;
    box-shadow: 25px 0 70px rgba(0,0,0,.68),6px 0 30px rgba(255,20,38,.06) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    transform: translate3d(-105%,0,0) !important;
    visibility: hidden;
    pointer-events: none !important;
    will-change: transform;
    transition: transform .22s cubic-bezier(.2,.8,.2,1),visibility .22s ease !important;
  }

  html body #mainApp ~ .mobile-nav.is-open,
  html body .mobile-nav.is-open {
    transform: translate3d(0,0,0) !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  .mobile-nav-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 54px;
    padding: 0 2px 15px;
    margin-bottom: 17px;
    border-bottom: 1px solid rgba(255,49,62,.22);
  }

  .mobile-nav-brand {
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .mobile-nav-logo {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border: 1px solid rgba(255,38,54,.44);
    color: #ff2538;
    background: rgba(255,20,38,.06);
    box-shadow: inset 0 0 16px rgba(255,20,38,.06),0 0 15px rgba(255,20,38,.08);
  }

  .mobile-nav-brand div { display: grid; gap: 2px; }
  .mobile-nav-brand strong { color: #fff; font-size: 12px; letter-spacing: .08em; }
  .mobile-nav-brand small { color: #927b7f; font-size: 8px; }

  .mobile-menu-close {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 0;
    background: rgba(255,255,255,.025);
    color: #d8c5c8;
    font-size: 20px;
    line-height: 1;
  }

  .mobile-nav-label {
    display: block;
    padding: 0 8px 9px;
    color: #714f54;
    font-size: 7px;
    font-weight: 900;
    letter-spacing: .19em;
  }

  html body .mobile-nav .mobile-nav-item {
    position: relative;
    flex: 0 0 auto !important;
    display: grid !important;
    grid-template-columns: 34px minmax(0,1fr) 12px !important;
    align-items: center !important;
    justify-items: start !important;
    gap: 11px !important;
    width: 100% !important;
    min-height: 51px !important;
    padding: 7px 9px !important;
    border: 1px solid transparent !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #a58e92 !important;
    font-size: 10px !important;
    overflow: visible !important;
    text-align: left !important;
    touch-action: manipulation !important;
    -webkit-tap-highlight-color: transparent;
    transition: color .14s ease,background-color .14s ease,border-color .14s ease !important;
  }

  html body .mobile-nav .mobile-nav-item::after {
    content: "›" !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    background: none !important;
    color: #66464b;
    font-size: 17px;
    opacity: 1 !important;
  }

  html body .mobile-nav .mobile-nav-item + .mobile-nav-item {
    margin-top: 4px;
  }

  html body .mobile-nav .mobile-nav-item .menu-icon {
    display: grid !important;
    place-items: center;
    width: 34px !important;
    height: 34px !important;
    border: 1px solid rgba(255,255,255,.08);
    color: #a86a72;
    background: rgba(255,255,255,.018);
  }

  html body .mobile-nav .mobile-nav-item .menu-icon svg {
    width: 17px !important;
    height: 17px !important;
  }

  .mobile-nav-copy {
    display: grid !important;
    gap: 3px;
    min-width: 0;
  }

  .mobile-nav-copy strong {
    color: inherit;
    font-size: 10px;
    font-weight: 850;
  }

  .mobile-nav-copy small {
    color: #705e61;
    font-size: 7.5px;
    font-weight: 600;
  }

  html body .mobile-nav .mobile-nav-item.active {
    border-color: rgba(255,45,59,.48) !important;
    border-left: 2px solid #ff2639 !important;
    background: linear-gradient(90deg,rgba(255,22,41,.13),rgba(255,22,41,.025)) !important;
    color: #fff !important;
    box-shadow: inset 10px 0 25px rgba(255,18,38,.06),0 0 20px rgba(255,18,38,.035) !important;
  }

  html body .mobile-nav .mobile-nav-item.active .menu-icon {
    border-color: rgba(255,45,59,.38);
    color: #ff3446;
    box-shadow: 0 0 14px rgba(255,20,40,.08);
  }

  html body .mobile-nav .mobile-nav-item.active::after { color: #ff3547; }
}

/* V45 — refinamento premium e fluido do menu lateral mobile. */
@media (max-width:900px) {
  .mobile-menu-toggle {
    width: 34px;
    height: 34px;
    left: 14px;
    border-color: rgba(255,51,68,.28);
    border-radius: 9px;
    background: rgba(12,8,9,.86);
    box-shadow: 0 8px 26px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.035);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    transition: opacity .22s ease, transform .22s ease, border-color .22s ease, background-color .22s ease;
  }

  .mobile-menu-toggle:active {
    transform: scale(.94);
    border-color: rgba(255,51,68,.5);
    background: rgba(26,9,11,.94);
  }

  .mobile-menu-toggle span {
    width: 14px;
    height: 1.5px;
    border-radius: 999px;
    box-shadow: none;
    transition: transform .22s ease, width .22s ease, opacity .22s ease;
  }

  .mobile-menu-backdrop {
    background: rgba(0,0,0,.58);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    transition: opacity .3s ease, visibility .3s ease;
  }

  html body #mainApp ~ .mobile-nav,
  html body .mobile-nav {
    width: min(300px,84vw) !important;
    max-width: 84vw !important;
    padding: max(18px,env(safe-area-inset-top)) 14px max(20px,env(safe-area-inset-bottom)) !important;
    border-right: 1px solid rgba(255,57,72,.2) !important;
    border-radius: 0 20px 20px 0 !important;
    background:
      radial-gradient(circle at 4% 0%,rgba(255,35,52,.09),transparent 33%),
      linear-gradient(165deg,#0d0809 0%,#070606 50%,#030303 100%) !important;
    box-shadow: 30px 0 90px rgba(0,0,0,.62), 10px 0 36px rgba(255,21,42,.045) !important;
    transform: translate3d(calc(-100% - 18px),0,0) !important;
    opacity: .86;
    transition: transform .34s cubic-bezier(.22,1,.36,1), opacity .28s ease, visibility .34s ease !important;
  }

  html body #mainApp ~ .mobile-nav.is-open,
  html body .mobile-nav.is-open {
    transform: translate3d(0,0,0) !important;
    opacity: 1;
  }

  .mobile-nav-head {
    min-height: 58px;
    padding: 0 4px 14px;
    margin-bottom: 13px;
    border-bottom-color: rgba(255,255,255,.075);
  }

  .mobile-nav-logo {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    border-color: rgba(255,45,61,.33);
    background: linear-gradient(145deg,rgba(255,35,52,.10),rgba(255,35,52,.025));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
  }

  .mobile-nav-brand strong {
    font-size: 11.5px;
    letter-spacing: .11em;
  }

  .mobile-nav-brand small {
    font-size: 7.5px;
    color: #806f72;
  }

  .mobile-menu-close {
    width: 32px;
    height: 32px;
    border-radius: 9px;
    border-color: rgba(255,255,255,.075);
    background: rgba(255,255,255,.02);
    color: #aa9699;
    font-size: 18px;
    transition: color .2s ease, background-color .2s ease, border-color .2s ease, transform .2s ease;
  }

  .mobile-menu-close:active {
    transform: scale(.93);
    color: #fff;
    border-color: rgba(255,52,69,.33);
    background: rgba(255,35,52,.08);
  }

  .mobile-nav-label {
    padding: 0 9px 8px;
    color: #67575a;
    font-size: 6.5px;
    letter-spacing: .2em;
  }

  html body .mobile-nav .mobile-nav-item {
    grid-template-columns: 34px minmax(0,1fr) 10px !important;
    gap: 10px !important;
    min-height: 53px !important;
    padding: 8px 9px !important;
    border-radius: 11px !important;
    color: #a28e92 !important;
    transform: translateX(-8px);
    opacity: 0;
    transition:
      transform .28s cubic-bezier(.22,1,.36,1),
      opacity .24s ease,
      color .2s ease,
      background-color .2s ease,
      border-color .2s ease,
      box-shadow .2s ease !important;
  }

  html body .mobile-nav.is-open .mobile-nav-item {
    transform: translateX(0);
    opacity: 1;
  }

  html body .mobile-nav.is-open .mobile-nav-item:nth-of-type(1) { transition-delay: .035s !important; }
  html body .mobile-nav.is-open .mobile-nav-item:nth-of-type(2) { transition-delay: .055s !important; }
  html body .mobile-nav.is-open .mobile-nav-item:nth-of-type(3) { transition-delay: .075s !important; }
  html body .mobile-nav.is-open .mobile-nav-item:nth-of-type(4) { transition-delay: .095s !important; }
  html body .mobile-nav.is-open .mobile-nav-item:nth-of-type(5) { transition-delay: .115s !important; }
  html body .mobile-nav.is-open .mobile-nav-item:nth-of-type(6) { transition-delay: .135s !important; }
  html body .mobile-nav.is-open .mobile-nav-item:nth-of-type(7) { transition-delay: .155s !important; }

  html body .mobile-nav .mobile-nav-item + .mobile-nav-item {
    margin-top: 3px;
  }

  html body .mobile-nav .mobile-nav-item .menu-icon {
    width: 34px !important;
    height: 34px !important;
    border-radius: 9px;
    border-color: rgba(255,255,255,.065);
    color: #967176;
    background: rgba(255,255,255,.018);
    transition: color .2s ease, border-color .2s ease, background-color .2s ease, transform .2s ease;
  }

  .mobile-nav-copy {
    gap: 2px;
  }

  .mobile-nav-copy strong {
    font-size: 10.5px;
    font-weight: 800;
    letter-spacing: -.01em;
  }

  .mobile-nav-copy small {
    color: #716266;
    font-size: 7.6px;
    line-height: 1.35;
  }

  html body .mobile-nav .mobile-nav-item::after {
    color: #594a4d;
    font-size: 15px;
    transform: translateX(-2px);
    transition: color .2s ease, transform .2s ease;
  }

  html body .mobile-nav .mobile-nav-item.active {
    border: 1px solid rgba(255,56,72,.26) !important;
    border-left: 1px solid rgba(255,56,72,.26) !important;
    background: linear-gradient(90deg,rgba(255,31,49,.105),rgba(255,31,49,.025) 72%,transparent) !important;
    box-shadow: inset 3px 0 0 #ff2d42, inset 0 1px 0 rgba(255,255,255,.018) !important;
  }

  html body .mobile-nav .mobile-nav-item.active .menu-icon {
    border-color: rgba(255,50,67,.28);
    color: #ff4052;
    background: rgba(255,35,52,.065);
    box-shadow: none;
  }

  html body .mobile-nav .mobile-nav-item.active::after {
    color: #ff4052;
    transform: translateX(0);
  }

  html body .mobile-nav .mobile-nav-item:active {
    transform: scale(.985);
    background: rgba(255,255,255,.035) !important;
  }
}

@media (max-width:900px) and (prefers-reduced-motion:reduce) {
  .mobile-menu-toggle,
  .mobile-menu-backdrop,
  html body .mobile-nav,
  html body .mobile-nav .mobile-nav-item,
  html body .mobile-nav .mobile-nav-item .menu-icon,
  html body .mobile-nav .mobile-nav-item::after {
    transition-duration: .01ms !important;
    transition-delay: 0ms !important;
  }
}

/* V47-final — precisa permanecer após todas as camadas do menu. */
html.android-app .page.active-page,
html.android-app .page.active-page > *,
html.android-app .page.active-page :is(.metric-card,.performance-card,.content-card,.reel-row,.comparison-item,.highlight,.history-row,.legal-links a,.pro-v5-mainmetric,.pro-v5-side-metrics>div,.pro-v5-evolution,.pro-v5-growth),
html.android-app .auth-card {
  animation: none !important;
  animation-delay: 0s !important;
  filter: none !important;
}

@media (max-width:900px) {
  html.android-app body #mainApp ~ .mobile-nav,
  html.android-app body .mobile-nav {
    transition: transform 150ms cubic-bezier(.2,.8,.2,1), visibility 150ms ease !important;
  }

  html.android-app body .mobile-menu-backdrop,
  html.android-app body .mobile-menu-toggle {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  html.android-app body .mobile-menu-backdrop {
    transition: opacity 120ms ease, visibility 120ms ease !important;
  }

  html.android-app body .mobile-nav .mobile-nav-item {
    opacity: 1 !important;
    transform: none !important;
    transition-delay: 0ms !important;
  }
}

/* V48-last — regra definitiva do APK, mantida no fim da cascata. */
html.android-app,
html.android-app body {
  scroll-behavior: auto !important;
}

html.android-app *,
html.android-app *::before,
html.android-app *::after {
  animation: none !important;
  animation-delay: 0s !important;
  transition: none !important;
  transition-delay: 0s !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  will-change: auto !important;
}

/* V48-specific — vence os seletores antigos com ID. */
html.android-app body #mainApp *,
html.android-app body #mainApp *::before,
html.android-app body #mainApp *::after,
html.android-app body #authShell *,
html.android-app body #authShell *::before,
html.android-app body #authShell *::after,
html.android-app body #mainApp ~ .mobile-nav,
html.android-app body #mainApp ~ .mobile-nav *,
html.android-app body #mainApp ~ .mobile-nav *::before,
html.android-app body #mainApp ~ .mobile-nav *::after,
html.android-app body #mobileMenuToggle,
html.android-app body #mobileMenuToggle *,
html.android-app body #mobileMenuBackdrop {
  animation: none !important;
  animation-delay: 0s !important;
  transition: none !important;
  transition-delay: 0s !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  will-change: auto !important;
}

html.android-app body #mainApp#mainApp *,
html.android-app body #mainApp#mainApp *::before,
html.android-app body #mainApp#mainApp *::after {
  animation: none !important;
  animation-delay: 0s !important;
  transition: none !important;
  transition-delay: 0s !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  will-change: auto !important;
}

/* Autenticação Android em uma única camada, sem glows ou fundos sobrepostos. */
html.android-app body #authShell#authShell {
  background: #050303 !important;
}

html.android-app body #authShell#authShell .auth-glow,
html.android-app body #authShell#authShell .auth-card::before {
  display: none !important;
  content: none !important;
}

html.android-app body #authShell#authShell .auth-card {
  background: #0b0809 !important;
  box-shadow: none !important;
}

html.android-app body #authShell#authShell .auth-brand .site-logo,
html.android-app body #authShell#authShell .auth-primary {
  box-shadow: none !important;
  filter: none !important;
}

/* V54 — refinamento mobile: acesso, cabeçalho e menu fora da área de leitura. */
.oauth-loading{position:fixed;inset:0;z-index:5000;display:grid;place-content:center;justify-items:center;gap:9px;padding:24px;background:#050505;color:#fff;text-align:center}
.oauth-loading.hidden{display:none!important}.oauth-loading-mark{width:28px;height:28px;border:2px solid #3a171b;border-top-color:#ff3447;border-radius:50%;animation:softig-loader .7s linear infinite}.oauth-loading strong{font-size:14px}.oauth-loading span{font-size:9px;color:#8f7d80}@keyframes softig-loader{to{transform:rotate(360deg)}}

@media(max-width:900px){
  /* Login: a imagem é o cenário; o conteúdo útil fica na metade inferior. */
  body:not(.panel-open) .public-business-identity{display:none!important}
  #authShell.auth-shell{min-height:100dvh!important;padding:0!important;display:flex!important;align-items:flex-end!important;justify-content:center!important;background:#030303 url('softig-login-bg.png') center 12%/cover no-repeat!important;position:relative!important;overflow:hidden!important}
  #authShell.auth-shell::before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.08) 0%,rgba(0,0,0,.16) 34%,rgba(0,0,0,.72) 58%,#050303 82%,#050303 100%);pointer-events:none}
  #authShell .auth-card{position:relative!important;z-index:1!important;width:min(100%,520px)!important;margin:0!important;padding:24px 22px max(24px,env(safe-area-inset-bottom))!important;border:0!important;background:transparent!important;box-shadow:none!important;text-align:center!important}
  #authShell .auth-brand,#authShell .auth-kicker,#authShell .auth-glow{display:none!important}
  #authShell .auth-copy{margin:0 0 14px!important}
  #authShell .auth-copy h1{font-size:22px!important;line-height:1.1!important;margin:0 0 7px!important;letter-spacing:-.035em!important}
  #authShell .auth-copy p{max-width:330px!important;margin:0 auto!important;font-size:10px!important;line-height:1.5!important;color:#b8a7aa!important}
  #authShell .auth-primary{width:100%!important;min-height:48px!important;margin:0!important;border-radius:10px!important;font-size:11px!important;box-shadow:none!important}
  #authShell .auth-security{margin:12px auto 0!important;max-width:330px!important;font-size:8px!important;line-height:1.45!important;color:#8f7d80!important}
  #authShell .auth-message{margin-top:7px!important}
  #authShell .auth-legal{margin-top:15px!important;padding-top:12px!important;font-size:7px!important;line-height:1.5!important;border-top:1px solid rgba(255,255,255,.08)!important}
  #authShell .auth-legal>strong{font-size:7px!important}
  #authShell .auth-legal div{margin-top:5px!important;gap:7px!important}

  /* Cabeçalho curto: título + conta, com linha imediatamente abaixo. */
  .header{min-height:0!important;height:auto!important;padding:10px 2px 7px!important;margin-bottom:10px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:13px!important;border-bottom:1px solid #2a1719!important}
  .header>div:first-child{display:flex!important;align-items:center!important;gap:0!important;flex:0 0 auto!important}
  .mobile-brand,.header #pageSubtitle,.header h1::after{display:none!important}
  .header h1{font-size:12px!important;line-height:1!important;letter-spacing:.04em!important;text-transform:uppercase!important;margin:0!important;white-space:nowrap!important}
  .header-actions{display:flex!important;width:auto!important;max-width:none!important;flex:0 1 auto!important;justify-content:flex-start!important;gap:0!important;margin:0!important}
  .instagram-account{display:flex!important;max-width:145px!important;gap:5px!important;padding:0!important;border:0!important;background:transparent!important}
  .instagram-account .account-avatar{width:20px!important;height:20px!important;min-width:20px!important}
  .instagram-account strong{font-size:8px!important;max-width:105px!important}
  .instagram-account span{display:none!important}
  .header .sync-button{display:none!important}
  .header .connect-button{font-size:8px!important;min-height:28px!important;padding:6px 9px!important}

  /* Botão de menu fica abaixo da leitura principal, ao alcance do polegar. */
  .mobile-menu-toggle{position:fixed!important;top:auto!important;left:12px!important;bottom:calc(18px + env(safe-area-inset-bottom))!important;width:42px!important;height:42px!important;border-radius:13px!important;background:#100b0c!important;border:1px solid #3a2023!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;z-index:998!important}
  .mobile-menu-toggle span{width:15px!important;height:1px!important;box-shadow:none!important}
  body.mobile-menu-open .mobile-menu-toggle{opacity:0!important;visibility:hidden!important}
  .page{padding-bottom:82px!important}

  /* Menu leve: sem animações por item e com a ação Atualizar dentro dele. */
  .mobile-menu-backdrop{background:rgba(0,0,0,.66)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  html body .mobile-nav{width:min(286px,82vw)!important;max-width:82vw!important;border-radius:0 14px 14px 0!important;background:#090707!important;box-shadow:none!important}
  html body .mobile-nav .mobile-nav-item{opacity:1!important;transform:none!important;transition-delay:0ms!important}
  .mobile-sync-action{margin-top:12px!important;border-top:1px solid #2a1719!important;padding-top:11px!important}
}

@media(max-width:390px){
  .header{gap:9px!important}.header h1{font-size:11px!important}.instagram-account{max-width:125px!important}.instagram-account strong{max-width:88px!important;font-size:7.5px!important}
  #authShell .auth-card{padding-left:18px!important;padding-right:18px!important}
}

/* Android mantém o loading funcional mesmo com a regra global que remove animações. */
html.android-app .oauth-loading-mark{animation:softig-loader .7s linear infinite!important}


/* V55 FIX — autenticação exclusiva + fundo mobile estável */
/* A regra V54 do mobile usa display:flex!important; portanto hidden também
   precisa vencer com a mesma prioridade. Isto impede Login + Dashboard juntos. */
html body #authShell.hidden,
html.android-app body #authShell#authShell.hidden {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

@media (max-width:900px) {
  /* Mantém a autenticação como uma camada real sobre a viewport. */
  html body #authShell#authShell.auth-shell:not(.hidden),
  html.android-app body #authShell#authShell.auth-shell:not(.hidden) {
    position: fixed !important;
    inset: 0 !important;
    min-height: 100dvh !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: center !important;
    overflow: hidden !important;
    background-color: #030303 !important;
    background-image: url('softig-login-bg.png') !important;
    background-repeat: no-repeat !important;
    background-position: center 18% !important;
    background-size: cover !important;
  }

  html body #authShell#authShell.auth-shell:not(.hidden)::before,
  html.android-app body #authShell#authShell.auth-shell:not(.hidden)::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,.05) 0%,
      rgba(0,0,0,.12) 35%,
      rgba(0,0,0,.58) 58%,
      rgba(5,3,3,.94) 80%,
      #050303 100%
    ) !important;
    pointer-events: none !important;
  }

  /* O painel nunca participa do layout enquanto o login está visível. */
  html body:not(.panel-open) #mainApp.app-locked { display: none !important; }
}

/* Loading do retorno OAuth: sempre visível e sem "tela preta vazia". */
html body #oauthLoading.oauth-loading:not(.hidden) {
  display: grid !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: 6000 !important;
  background:
    linear-gradient(to bottom, rgba(0,0,0,.70), #050303 72%),
    url('softig-login-bg.png') center 20% / cover no-repeat !important;
}

.session-retry {
  margin-top: 8px;
  min-height: 38px;
  padding: 9px 16px;
  border: 1px solid #6f2525;
  border-radius: 999px;
  background: #160909;
  color: #fff;
  font: 700 11px/1 Inter, sans-serif;
  cursor: pointer;
}
.session-retry:hover { border-color: #ef3b3b; }

/* V56 — ajuste pontual: cabeçalho mobile + fundo de autenticação completo */
@media (max-width:900px) {
  /* Cabeçalho: título em um canto, conta no outro. */
  .header{
    width:100%!important;
    justify-content:space-between!important;
    gap:16px!important;
    padding:11px 4px 9px!important;
  }
  .header>div:first-child{flex:0 0 auto!important;min-width:0!important}
  .header h1{
    font-size:14px!important;
    font-weight:800!important;
    letter-spacing:.045em!important;
  }
  .header-actions{
    margin-left:auto!important;
    flex:0 1 auto!important;
    justify-content:flex-end!important;
    min-width:0!important;
  }
  .instagram-account{
    max-width:180px!important;
    justify-content:flex-end!important;
    gap:7px!important;
  }
  .instagram-account .account-avatar{
    width:25px!important;
    height:25px!important;
    min-width:25px!important;
  }
  .instagram-account strong{
    font-size:10px!important;
    max-width:135px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  /* Exibe a arte inteira (ícone + SOFT IG), sem recorte por cover. */
  html body #authShell#authShell.auth-shell:not(.hidden),
  html.android-app body #authShell#authShell.auth-shell:not(.hidden){
    background-color:#020202!important;
    background-image:url('softig-login-bg.png')!important;
    background-repeat:no-repeat!important;
    background-size:100% auto!important;
    background-position:center top!important;
  }
  html body #authShell#authShell.auth-shell:not(.hidden)::before,
  html.android-app body #authShell#authShell.auth-shell:not(.hidden)::before{
    background:linear-gradient(to bottom,rgba(0,0,0,.22) 0%,rgba(0,0,0,.25) 38%,rgba(2,2,2,.72) 58%,#050303 78%,#050303 100%)!important;
  }
}

/* Desktop: a mesma arte também aparece na tela de conexão, inteira e escurecida. */
@media (min-width:901px){
  html body #authShell#authShell.auth-shell:not(.hidden){
    background-color:#020202!important;
    background-image:url('softig-login-bg.png')!important;
    background-repeat:no-repeat!important;
    background-size:contain!important;
    background-position:center!important;
  }
  html body #authShell#authShell.auth-shell:not(.hidden)::after{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.48);
    pointer-events:none;
  }
  html body #authShell#authShell.auth-shell:not(.hidden) .auth-card{
    z-index:2!important;
  }
}

/* V58 — cabeçalho mobile alinhado às bordas + override do espaço reservado ao menu antigo */
@media (max-width:900px){
  #mainApp .main > .header{
    padding-left:2px!important;
    padding-right:2px!important;
  }
  #mainApp .main > .header > div:first-child{
    margin-left:0!important;
  }
  #mainApp .main > .header .header-actions{
    margin-right:0!important;
  }
}

/* V60 — geometria quadrada final + toque Android limpo */
html, body, button, a, input, select, textarea, [role="button"] {
  -webkit-tap-highlight-color: transparent !important;
}
button, a, [role="button"] {
  touch-action: manipulation;
}
button:focus:not(:focus-visible), a:focus:not(:focus-visible) {
  outline: none !important;
}

/* Estrutura principal: visual realmente quadrado. Avatares e loaders permanecem circulares. */
.panel,
.metric-card,
.period-bar,
.performance-card,
.content-card,
.content-grid > article,
.reels-list > article,
.chart,
.chart-panel,
.pro-v5-profile,
.pro-v5-insights,
.pro-v5-evolution,
.pro-v5-growth,
.pro-v5-accountinfo,
.account-panel,
.account-info > div,
.modal,
.search-box,
.content-sort,
.result-box,
.auth-card,
.history-panel,
.history-row {
  border-radius: 0 !important;
}

/* Controles: só um micro raio para não parecer botão nativo bruto. */
.auth-primary,
.danger-button,
.sync-button,
.connect-button,
.text-button,
.session-retry,
.performance-badge,
.pro-v5-connected,
.pro-v5-section-title em,
.instagram-open,
input,
select,
textarea {
  border-radius: 2px !important;
}

/* Thumb/capas acompanham a geometria dos cards. */
.content-cover,
.reel-thumb,
.modal-reel-cover,
.pro-v5-chart {
  border-radius: 0 !important;
}

@media (max-width: 900px) {
  html body .mobile-nav,
  html body .mobile-nav .mobile-nav-item,
  html body .mobile-nav .mobile-nav-item .menu-icon,
  .mobile-nav-logo,
  .mobile-menu-close,
  .mobile-menu-toggle {
    border-radius: 0 !important;
  }
}

/* Confirmação interna — substitui o confirm() genérico do navegador. */
.soft-confirm-overlay {
  position: fixed;
  inset: 0;
  z-index: 7000;
  display: none;
  place-items: center;
  padding: 20px;
  background: rgba(0,0,0,.78);
}
.soft-confirm-overlay.open { display: grid; }
body.soft-confirm-open { overflow: hidden; }
.soft-confirm {
  width: min(420px,100%);
  padding: 24px;
  background: #0b0809;
  color: #fff;
  border: 1px solid #4b1d22;
  border-radius: 0;
  box-shadow: 0 24px 70px rgba(0,0,0,.58);
}
.soft-confirm-kicker {
  display: block;
  margin-bottom: 10px;
  color: #ff3347;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .16em;
}
.soft-confirm h2 { margin: 0; font-size: 20px; line-height: 1.2; }
.soft-confirm p { margin: 10px 0 22px; color: #bba7aa; font-size: 11px; line-height: 1.65; }
.soft-confirm-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.soft-confirm-actions button {
  min-height: 42px;
  border-radius: 0 !important;
  font-size: 10px;
  font-weight: 850;
  cursor: pointer;
}
.soft-confirm-cancel { background: #100d0e; border: 1px solid #302326; color: #d6c9cb; }
.soft-confirm-danger { background: #d7192d; border: 1px solid #f13b4d; color: #fff; }
.soft-confirm-actions button:active { transform: translateY(1px); }
@media (max-width: 430px) {
  .soft-confirm { padding: 20px 18px; }
  .soft-confirm h2 { font-size: 18px; }
}

/* V61 — menu lateral com contorno totalmente reto. */
@media (max-width: 900px) {
  html body .mobile-nav {
    border-radius: 0 !important;
  }
}

/* V62 — cantos externos do drawer forçados a 90° em todos os motores. */
@media (max-width: 900px) {
  html body #mobileNav.mobile-nav,
  html body nav#mobileNav.mobile-nav,
  html.android-app body #mobileNav.mobile-nav,
  html.android-app body nav#mobileNav.mobile-nav {
    border-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-start-start-radius: 0 !important;
    border-start-end-radius: 0 !important;
    border-end-start-radius: 0 !important;
    border-end-end-radius: 0 !important;
    clip-path: inset(0) !important;
    -webkit-clip-path: inset(0) !important;
  }

  html body #mobileNav.mobile-nav::before,
  html body #mobileNav.mobile-nav::after,
  html.android-app body #mobileNav.mobile-nav::before,
  html.android-app body #mobileNav.mobile-nav::after {
    border-radius: 0 !important;
  }
}
/* V69 — Publicação e agendamento de Reels */
.publication-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,1fr);gap:14px}.publication-editor,.publication-list-panel,.publication-history-panel{padding:22px;background:#080606;border:1px solid #321515;border-radius:0}.publication-editor label{display:block;margin-top:14px;color:#bca4a7;font-size:10px;font-weight:800}.publication-editor input,.publication-editor select,.publication-editor textarea{display:block;width:100%;margin-top:7px;padding:12px 13px;background:#050303;color:#fff;border:1px solid #351719;border-radius:0;font:600 12px/1.4 Inter,sans-serif;outline:none}.publication-editor input:focus,.publication-editor select:focus,.publication-editor textarea:focus{border-color:#d62020}.publication-preview{margin-top:12px;border:1px solid #2f1719;background:#030202}.publication-preview video{display:block;width:100%;max-height:300px;background:#000}.publication-preview span{display:block;padding:9px 11px;color:#aa9295;font-size:9px}.publication-mode{display:flex;gap:20px;margin-top:15px}.publication-mode label{display:flex;align-items:center;gap:7px;margin:0}.publication-mode input{width:15px;margin:0}.publication-schedule{display:grid;grid-template-columns:1fr 1fr;gap:10px}.publication-submit,.publication-notice button{min-height:42px;margin-top:18px;padding:10px 16px;border:1px solid #e13a42;background:#c71924;color:#fff;font-size:10px;font-weight:900;cursor:pointer}.publication-submit:disabled{opacity:.55}.publication-progress{height:5px;margin-top:12px;background:#251113;overflow:hidden}.publication-progress span{display:block;width:0;height:100%;background:#e21d2d;transition:width .15s linear}.publication-feedback{min-height:18px;margin:11px 0 0;color:#d8b8bb;font-size:10px}.publication-notice{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px;padding:16px 18px;border:1px solid #7b2424;background:#160808}.publication-notice strong,.publication-notice span{display:block}.publication-notice span{margin-top:5px;color:#c4a7aa;font-size:10px}.publication-list{display:grid;gap:8px}.publication-row{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:14px;border:1px solid #2d1516;background:#060404}.publication-row strong,.publication-row small{display:block}.publication-row strong{margin-top:8px;font-size:11px}.publication-row small{margin-top:5px;color:#9d8588;font-size:9px}.publication-error{max-width:520px;color:#ef737b!important;line-height:1.45}.publication-state{display:inline-block;padding:4px 7px;border:1px solid #4b2528;color:#b28e91;font-size:7px;font-weight:900;text-transform:uppercase}.publication-state.is-published{border-color:#246b48;color:#68d9a0}.publication-state.is-failed{border-color:#842b32;color:#ff717b}.publication-state.is-processing,.publication-state.is-ready,.publication-state.is-publishing{border-color:#8c6425;color:#e6b45c}.publication-row-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.publication-row-actions button{padding:7px 9px;border:1px solid #542024;background:#120708;color:#e4c8ca;font-size:8px;font-weight:800;cursor:pointer}.publication-history-panel{margin-top:14px}@media(max-width:900px){.publication-layout{grid-template-columns:1fr}.publication-schedule{grid-template-columns:1fr}.publication-notice,.publication-row{flex-direction:column}.publication-notice button,.publication-row-actions{width:100%}.publication-row-actions button{flex:1}.publication-submit{width:100%}}
.publication-schedule{grid-template-columns:repeat(3,minmax(0,1fr))}
.publication-picker-input{color-scheme:dark;cursor:pointer}.publication-picker-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.9}
.publication-file-picker{margin-top:7px}.publication-file-picker input{position:fixed!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important}.publication-file-picker .publication-file-button{display:flex;align-items:center;width:100%;min-height:46px;margin:0;padding:12px 15px;border:1px solid #682126;background:#150708;color:#fff;font-size:11px;font-weight:850;text-align:left;cursor:pointer}.publication-file-button:before{content:'↑';display:inline-grid;place-items:center;width:23px;height:23px;margin-right:10px;border:1px solid #a52b34;color:#ff5360}.publication-file-button:hover,.publication-file-button:focus{border-color:#d62020;background:#20090b;outline:none}
@media(max-width:900px){.publication-schedule{grid-template-columns:1fr}}

/* V69.6 — seleção e prévia confiáveis, inclusive no WebView Android. */
.publication-preview-stage{position:relative;display:grid;place-items:center;min-height:180px;background:#020202;overflow:hidden}
.publication-preview-stage video{position:relative;z-index:1;width:100%;max-height:420px;object-fit:contain;background:#000}
.publication-preview-status{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:24px;text-align:center;background:linear-gradient(145deg,#100708,#050303);color:#fff}
.publication-preview-status strong{font-size:12px}.publication-preview-status small{max-width:320px;color:#ad9295;font-size:9px;line-height:1.5}
.publication-preview-spinner{width:24px;height:24px;border:2px solid #4b2326;border-top-color:#ed3340;border-radius:50%;animation:publication-spin .8s linear infinite}
.publication-preview[data-state="ready"] .publication-preview-status{display:none}
.publication-preview[data-state="fallback"] video,.publication-preview[data-state="error"] video{visibility:hidden}
.publication-preview[data-state="fallback"] .publication-preview-spinner{width:30px;height:30px;border:1px solid #356d4f;border-radius:50%;animation:none}
.publication-preview[data-state="fallback"] .publication-preview-spinner:after{content:'✓';display:grid;place-items:center;height:100%;color:#70d49d;font-weight:900}
.publication-preview[data-state="error"] .publication-preview-spinner{display:none}
.publication-file-details{display:flex;align-items:center;gap:10px;padding:11px 13px;background:#090606}
.publication-file-details>div{min-width:0}.publication-file-details strong,.publication-file-details small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.publication-file-details strong{color:#fff;font-size:10px}.publication-file-details small{margin-top:4px;color:#9f898c;font-size:8px}.publication-file-check{display:grid!important;place-items:center;flex:0 0 24px;width:24px;height:24px;padding:0!important;border:1px solid #2e714d;border-radius:50%;color:#67d499!important;font-size:11px!important}
@keyframes publication-spin{to{transform:rotate(360deg)}}

@media(max-width:900px){
  #publicacoes{padding:12px 12px 92px!important}
  #publicacoes .publication-layout{gap:12px}
  #publicacoes .publication-editor,#publicacoes .publication-list-panel,#publicacoes .publication-history-panel{padding:16px;border-color:#2a1719;border-radius:12px;background:linear-gradient(180deg,#0b0708 0%,#070505 100%);overflow:hidden}
  #publicacoes .panel-header{margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid #271517}
  #publicacoes .panel-header strong{font-size:16px;letter-spacing:-.2px}
  #publicacoes .panel-header span{margin-top:6px;font-size:10px;line-height:1.5}
  #publicacoes .publication-editor>label{margin-top:16px;font-size:10px;letter-spacing:.03em}
  #publicacoes .publication-file-button{min-height:54px;padding:13px 14px;border-color:#64252b;border-radius:10px;background:#16090a;font-size:12px}
  #publicacoes .publication-file-button:before{width:28px;height:28px;border-radius:7px}
  #publicacoes .publication-preview{margin-top:12px;border-color:#342024;border-radius:10px;overflow:hidden}
  #publicacoes .publication-preview-stage{min-height:230px;max-height:52svh}
  #publicacoes .publication-preview-stage video{max-height:52svh}
  #publicacoes .publication-file-details{padding:12px}
  #publicacoes .publication-editor textarea{min-height:132px;margin-top:8px;padding:13px;border-radius:9px;font-size:12px;line-height:1.55;resize:vertical}
  #publicacoes .publication-mode{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}
  #publicacoes .publication-mode label{justify-content:center;min-height:44px;padding:10px;border:1px solid #352124;border-radius:9px;background:#0b0708;color:#a99194;font-size:10px;cursor:pointer}
  #publicacoes .publication-mode label:has(input:checked){border-color:#a82d36;background:#211012;color:#fff}
  #publicacoes .publication-mode input{accent-color:#e42130}
  #publicacoes .publication-schedule{grid-template-columns:1fr 1fr;gap:9px;margin-top:6px}
  #publicacoes .publication-schedule label:last-child{grid-column:1/-1}
  #publicacoes .publication-schedule input,#publicacoes .publication-schedule select{min-height:46px;border-radius:9px;font-size:12px}
  #publicacoes .publication-submit{min-height:50px;margin-top:18px;border-radius:9px;font-size:11px;letter-spacing:.02em}
  #publicacoes .publication-feedback{min-height:0;margin-top:10px;line-height:1.5}
  #publicacoes .publication-list-panel,#publicacoes .publication-history-panel{margin-top:0}
  #publicacoes .publication-row{padding:13px;border-radius:9px}
  #publicacoes .empty-state{min-height:110px}
  .mobile-menu-toggle{top:max(15px,env(safe-area-inset-top))!important;bottom:auto!important;left:12px!important;width:38px!important;height:38px!important;border-radius:10px!important;z-index:1002!important}
}

/* V74 — contagem viva, discreta e sem deslocamento de layout */
.number-changing{
  font-variant-numeric:tabular-nums;
  animation:metric-number-pulse .82s cubic-bezier(.2,.8,.2,1) both!important;
}
.number-changing.number-up{color:#72e6a6!important;text-shadow:0 0 18px rgba(54,220,126,.24)!important}
.number-changing.number-down{color:#ff7d86!important;text-shadow:0 0 18px rgba(255,46,61,.22)!important}
.silent-refresh .number-changing{animation-duration:.82s!important}
@keyframes metric-number-pulse{
  0%{filter:brightness(1);opacity:.9}
  46%{filter:brightness(1.2);opacity:1}
  100%{filter:brightness(1);opacity:1}
}
@media (prefers-reduced-motion:reduce){.number-changing{animation:none!important}}

/* V69.7 — Publicações com composição editorial, limpa e sem caixas empilhadas. */
#publicacoes .publication-editor,#publicacoes .publication-list-panel,#publicacoes .publication-history-panel{background:transparent;border:0}
#publicacoes .publication-editor{padding:0 2px}
#publicacoes .publication-list-panel{padding:0 0 0 28px;border-left:1px solid #241416}
#publicacoes .publication-history-panel{padding:24px 2px 0;border-top:1px solid #241416}
#publicacoes .publication-editor .panel-header,#publicacoes .publication-list-panel .panel-header,#publicacoes .publication-history-panel .panel-header{border:0}
#publicacoes .publication-file-picker .publication-file-button{width:auto;min-height:40px;padding:8px 0;border:0;background:transparent;color:#fff}
#publicacoes .publication-file-button:before{margin-right:9px;border:0;background:#241012}
#publicacoes .publication-file-button:hover,#publicacoes .publication-file-button:focus{border:0;background:transparent;color:#ff6670}
#publicacoes .publication-preview{border:0;background:transparent}
#publicacoes .publication-preview-stage{border-radius:14px;background:#000}
#publicacoes .publication-file-details{padding:12px 2px;background:transparent;border-bottom:1px solid #241416}
#publicacoes .publication-editor textarea,#publicacoes .publication-editor input,#publicacoes .publication-editor select{border:0;border-bottom:1px solid #3b2023;background:transparent;padding-left:0;padding-right:0}
#publicacoes .publication-editor textarea:focus,#publicacoes .publication-editor input:focus,#publicacoes .publication-editor select:focus{border-color:#df3340}
#publicacoes .publication-row{padding:14px 0;border:0;border-bottom:1px solid #241416;background:transparent}

@media(max-width:900px){
  #mainApp .main>.header{padding-left:18px!important}
  #publicacoes{padding:20px 18px 96px!important}
  #publicacoes .publication-layout{gap:42px}
  #publicacoes .publication-editor,#publicacoes .publication-list-panel,#publicacoes .publication-history-panel{padding:0;border:0;border-radius:0;background:transparent;overflow:visible}
  #publicacoes .publication-list-panel,#publicacoes .publication-history-panel{padding-top:28px;border-top:1px solid #2a1719}
  #publicacoes .panel-header{margin:0 0 24px;padding:0;border:0}
  #publicacoes .panel-header strong{font-size:18px;letter-spacing:-.35px}
  #publicacoes .panel-header span{max-width:520px;color:#8f797c;font-size:10px}
  #publicacoes .publication-editor>label{margin-top:22px;color:#aa9295}
  #publicacoes .publication-file-picker{margin-top:4px;border-bottom:1px solid #2d191b}
  #publicacoes .publication-file-button{width:100%;min-height:50px;padding:8px 0;border:0!important;border-radius:0;background:transparent!important;font-size:12px}
  #publicacoes .publication-file-button:before{width:30px;height:30px;margin-right:10px;border:0;border-radius:50%;background:#251113}
  #publicacoes .publication-preview{margin-top:16px;border:0;border-radius:0;overflow:visible}
  #publicacoes .publication-preview-stage{min-height:220px;max-height:58svh;border:0;border-radius:16px;background:#000;box-shadow:0 18px 45px rgba(0,0,0,.28);overflow:hidden}
  #publicacoes .publication-preview-stage video{max-height:58svh}
  #publicacoes .publication-file-details{padding:14px 1px 15px;border-bottom:1px solid #2d191b;background:transparent}
  #publicacoes .publication-file-check{flex-basis:26px;width:26px;height:26px;border:0;background:#102319}
  #publicacoes .publication-file-details strong{font-size:11px}
  #publicacoes .publication-file-details small{color:#806c6f;font-size:9px}
  #publicacoes .publication-editor textarea{min-height:118px;margin-top:4px;padding:12px 0;border:0;border-bottom:1px solid #3b2023;border-radius:0;background:transparent;box-shadow:none}
  #publicacoes .publication-mode{gap:22px;margin-top:20px;border-bottom:1px solid #2d191b}
  #publicacoes .publication-mode label{justify-content:flex-start;min-height:42px;padding:8px 0;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent!important;color:#806c6f}
  #publicacoes .publication-mode label:has(input:checked){border-color:#e42a37;color:#fff}
  #publicacoes .publication-mode input{width:13px}
  #publicacoes .publication-schedule{gap:14px 18px;margin-top:12px}
  #publicacoes .publication-schedule input,#publicacoes .publication-schedule select{min-height:44px;padding:8px 0;border:0;border-bottom:1px solid #3b2023;border-radius:0;background:transparent}
  #publicacoes .publication-submit{min-height:50px;margin-top:24px;border:0;border-radius:10px;background:linear-gradient(135deg,#e11d2b,#b90e19);box-shadow:0 12px 30px rgba(177,10,22,.18)}
  #publicacoes .publication-progress{border-radius:99px}
  #publicacoes .publication-row{padding:16px 0;border:0;border-bottom:1px solid #251517;border-radius:0;background:transparent}
  #publicacoes .publication-row-actions button{border:0;border-bottom:1px solid #542024;background:transparent}
  #publicacoes .empty-state{min-height:80px;border:0;background:transparent}
  .mobile-menu-toggle{top:auto!important;bottom:calc(18px + env(safe-area-inset-bottom))!important;left:14px!important;width:42px!important;height:42px!important;border-radius:12px!important;background:rgba(16,10,11,.94)!important;border:1px solid #3a2023!important;box-shadow:0 10px 28px rgba(0,0,0,.34)!important;z-index:998!important}
}
/* V68 — Automação de comentários */
.automation-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:14px}.automation-editor,.automation-list-panel,.automation-activity-panel{padding:22px;background:#080606;border:1px solid #321515;border-radius:0}.automation-editor label{display:block;margin-top:14px;color:#bca4a7;font-size:10px;font-weight:800}.automation-editor input,.automation-editor select,.automation-editor textarea{display:block;width:100%;margin-top:7px;padding:12px 13px;background:#050303;color:#fff;border:1px solid #351719;border-radius:0;font:600 12px/1.4 Inter,sans-serif;outline:none}.automation-editor input:focus,.automation-editor select:focus,.automation-editor textarea:focus{border-color:#d62020}.automation-switch{display:flex!important;align-items:center;gap:9px}.automation-switch input{width:16px!important;margin:0!important}.automation-actions{display:flex;gap:9px;margin-top:18px;flex-wrap:wrap}.automation-actions button,.automation-notice button{min-height:39px;padding:10px 15px;border:1px solid #8b2424;background:#b8171f;color:#fff;font-size:10px;font-weight:850;cursor:pointer}.automation-actions button+button{background:#100909}.automation-actions button:disabled{opacity:.55}.automation-feedback{min-height:18px;margin-top:12px;color:#d8b8bb;font-size:10px}.automation-notice{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px;padding:16px 18px;border:1px solid #7b2424;background:#160808}.automation-notice strong,.automation-notice span{display:block}.automation-notice strong{font-size:13px}.automation-notice span{margin-top:5px;color:#c4a7aa;font-size:10px}.automation-list{display:grid;gap:8px}.automation-item{width:100%;padding:14px;background:#060404;color:#fff;border:1px solid #2d1516;text-align:left;cursor:pointer}.automation-item strong,.automation-item small{display:block}.automation-item strong{margin-top:8px;font-size:13px}.automation-item small{margin-top:6px;color:#9d8588;font-size:9px;line-height:1.4}.automation-state{display:inline-block;padding:4px 7px;border:1px solid #482022;color:#92777a;font-size:7px;font-weight:900}.automation-state.is-active{border-color:#8d2525;color:#ff6969;background:#180707}.automation-activity-panel{margin-top:14px}.automation-deliveries>div{display:flex;justify-content:space-between;gap:12px;padding:12px 2px;border-bottom:1px solid #241213}.automation-deliveries>div:last-child{border-bottom:0}.automation-deliveries strong{font-size:11px}.automation-deliveries span{color:#9e898b;font-size:9px}@media(max-width:900px){.automation-layout{grid-template-columns:1fr}.automation-notice{align-items:flex-start;flex-direction:column}.automation-notice button{width:100%}.automation-actions{display:grid}.automation-actions button{width:100%}.automation-deliveries>div{flex-direction:column}}

/* V70 — linguagem visual arredondada e consistente em todo o produto. */
:root{--soft-ui-radius-lg:20px;--soft-ui-radius-md:14px;--soft-ui-radius-sm:10px}
.panel,.metric-card,.performance-card,.history-panel,.account-panel,.account-info,.period-bar,.content-card,.legal-panel,.automation-editor,.automation-list-panel,.automation-activity-panel,.publication-editor,.publication-list-panel,.publication-history-panel,.publication-notice,.automation-notice,.soft-confirm-dialog,.modal{border-radius:var(--soft-ui-radius-lg)!important}
button,.menu-item,.mobile-nav-item,.connect-button,.sync-button,.danger-button,.text-button,.publication-file-button,.publication-row-actions button,.automation-actions button,.automation-item,.legal-links a{border-radius:var(--soft-ui-radius-sm)!important}
input:not([type="radio"]):not([type="checkbox"]):not([type="file"]),select,textarea,.search-box{border-radius:var(--soft-ui-radius-md)!important}
.brand-icon,.account-avatar,.instagram-account img,.mobile-nav-logo{border-radius:12px!important}
.publication-state,.automation-state,.status-badge{border-radius:999px!important}
html body button,html body .menu-item,html body .mobile-nav .mobile-nav-item{border-radius:var(--soft-ui-radius-sm)!important}
html body .mobile-nav{border-radius:0 20px 20px 0!important}
html body .mobile-menu-toggle{border-radius:13px!important}

#publicacoes .publication-layout{gap:18px}
#publicacoes .publication-editor,#publicacoes .publication-list-panel,#publicacoes .publication-history-panel{padding:24px;background:linear-gradient(145deg,rgba(17,9,10,.98),rgba(7,5,5,.98));border:1px solid #321b1e;box-shadow:0 18px 48px rgba(0,0,0,.2)}
#publicacoes .publication-list-panel{border-left:1px solid #321b1e}
#publicacoes .publication-history-panel{padding-top:24px;border-top:1px solid #321b1e}
#publicacoes .publication-file-picker{border:0}
#publicacoes .publication-file-picker .publication-file-button{width:100%;min-height:52px;padding:11px 14px;border:1px solid #572329!important;background:#180b0d!important}
#publicacoes .publication-file-button:before{background:#2b1115;border-radius:9px!important}
#publicacoes .publication-preview{border:1px solid #342024;border-radius:16px!important;overflow:hidden;background:#050303}
#publicacoes .publication-preview-stage{border-radius:0}
#publicacoes .publication-file-details{padding:13px;background:#0c0708;border:0}
#publicacoes .publication-editor textarea,#publicacoes .publication-editor input:not([type="radio"]),#publicacoes .publication-editor select{padding:12px 13px;border:1px solid #3b2023;background:#070404}
#publicacoes .publication-mode{border:0}
#publicacoes .publication-mode label{border:1px solid #352124!important;border-radius:12px!important;background:#0b0708!important;padding:11px 13px}
#publicacoes .publication-mode label:has(input:checked){border-color:#a82d36!important;background:#211012!important}
#publicacoes .publication-submit{border-radius:12px!important}
#publicacoes .publication-row{padding:15px;border:1px solid #2d191b;border-radius:14px!important;background:#0a0607}
#publicacoes .publication-row+.publication-row{margin-top:8px}

@media(max-width:900px){
  :root{--soft-ui-radius-lg:18px;--soft-ui-radius-md:13px;--soft-ui-radius-sm:10px}
  #publicacoes{padding:20px 14px 100px!important}
  #publicacoes .publication-layout{gap:18px}
  #publicacoes .publication-editor,#publicacoes .publication-list-panel,#publicacoes .publication-history-panel{padding:20px 18px;border:1px solid #321b1e;border-radius:18px!important;background:linear-gradient(155deg,#10090a,#080505);box-shadow:0 16px 42px rgba(0,0,0,.22);overflow:hidden}
  #publicacoes .publication-list-panel,#publicacoes .publication-history-panel{padding-top:20px;border-top:1px solid #321b1e}
  #publicacoes .panel-header{margin-bottom:20px}
  #publicacoes .panel-header strong{font-size:19px}
  #publicacoes .publication-editor>label{margin-top:18px}
  #publicacoes .publication-file-picker{border:0}
  #publicacoes .publication-file-button{min-height:54px;padding:11px 13px!important;border:1px solid #572329!important;border-radius:13px!important;background:#180b0d!important}
  #publicacoes .publication-file-button:before{border-radius:9px!important;background:#301217}
  #publicacoes .publication-preview{margin-top:14px;border:1px solid #382024;border-radius:15px!important;overflow:hidden}
  #publicacoes .publication-preview-stage{border-radius:0}
  #publicacoes .publication-file-details{padding:13px;background:#0c0708;border:0}
  #publicacoes .publication-editor textarea{min-height:125px;margin-top:7px;padding:13px;border:1px solid #3b2023;border-radius:13px!important;background:#070404}
  #publicacoes .publication-mode{gap:9px;margin-top:18px;border:0}
  #publicacoes .publication-mode label{justify-content:center;min-height:46px;padding:10px 8px;border:1px solid #352124!important;border-radius:12px!important;background:#0a0607!important}
  #publicacoes .publication-mode label:has(input:checked){border-color:#a82d36!important;background:#211012!important}
  #publicacoes .publication-schedule input,#publicacoes .publication-schedule select{padding:10px 11px;border:1px solid #3b2023;border-radius:12px!important;background:#070404}
  #publicacoes .publication-submit{margin-top:20px;border-radius:12px!important}
  #publicacoes .publication-row{padding:14px;border:1px solid #2d191b;border-radius:13px!important;background:#0a0607}
  #publicacoes .publication-row-actions button{min-height:38px;border:1px solid #472025;border-radius:9px!important;background:#13090a}
  #publicacoes .empty-state{min-height:90px;border-radius:13px!important;background:#090606}
}

/* V70.1 — aplicação efetiva do sistema arredondado em todas as páginas. */
html body #mainApp .period-bar,
html body #mainApp .metrics-grid,
html body #mainApp .performance-grid,
html body #mainApp .panel,
html body #mainApp .account-panel,
html body #mainApp .account-info,
html body #mainApp .automation-editor,
html body #mainApp .automation-list-panel,
html body #mainApp .automation-activity-panel,
html body #mainApp .publication-editor,
html body #mainApp .publication-list-panel,
html body #mainApp .publication-history-panel,
html body #mainApp .legal-panel{border-radius:var(--soft-ui-radius-lg)!important;overflow:hidden}
html body #mainApp .metric-card,
html body #mainApp .performance-card,
html body #mainApp .content-card,
html body #mainApp .reel-row,
html body #mainApp .comparison-item,
html body #mainApp .history-row,
html body #mainApp .automation-item,
html body #mainApp .publication-row,
html body #mainApp .highlight,
html body #mainApp .account-social-counts>div,
html body #mainApp .modal-metrics>div,
html body #mainApp .modal-insights-extra>div{border-radius:var(--soft-ui-radius-md)!important}
html body #mainApp #profissional .pro-v5-insights,
html body #mainApp #profissional .pro-v5-evolution,
html body #mainApp #profissional .pro-v5-growth,
html body #mainApp #profissional .pro-v5-accountinfo,
html body #mainApp #profissional .pro-v5-grid{border-radius:var(--soft-ui-radius-lg)!important}
html body .auth-card,html body .soft-confirm-dialog,html body .modal{border-radius:var(--soft-ui-radius-lg)!important;overflow:hidden}
html body .reel-thumb,html body .content-cover,html body .modal-reel-cover,html body .pro-v5-chart{border-radius:var(--soft-ui-radius-md)!important;overflow:hidden}
html body .soft-confirm-actions button,html body .modal-close{border-radius:var(--soft-ui-radius-sm)!important}

@media(max-width:900px){
  html body #mainApp .metrics-grid,html body #mainApp .performance-grid{gap:10px!important;padding:0!important;background:transparent!important;border:0!important;overflow:visible}
  html body #mainApp .metric-card,html body #mainApp .performance-card{padding:16px 13px!important;border:1px solid #2d191b!important;border-radius:14px!important;background:linear-gradient(145deg,#10090a,#080606)!important;box-shadow:0 10px 28px rgba(0,0,0,.16)!important}
  html body #mainApp .metric-card:nth-child(n),html body #mainApp .performance-card:nth-child(n){border:1px solid #2d191b!important}
  html body #mainApp .metric-card:after,html body #mainApp .performance-card:after{display:none!important}
  html body #mainApp .panel,html body #mainApp .account-panel,html body #mainApp .period-bar,html body #mainApp .history-panel,html body #mainApp .legal-panel{border-radius:18px!important}
  html body #mainApp .content-card{border-radius:16px!important;overflow:hidden}
  html body #mainApp .reel-row,html body #mainApp .comparison-item{margin-bottom:8px;padding:13px!important;border:1px solid #291719!important;border-radius:13px!important;background:#0a0607!important}
  html body #mainApp .history-live{display:grid;gap:8px;padding:8px 0}
  html body #mainApp .history-live .history-row{padding:13px!important;border:1px solid #291719!important;border-radius:13px!important;background:#0a0607!important}
  html body #mainApp #profissional .pro-v5-grid{border-radius:0!important;overflow:visible}
  html body #mainApp #profissional .pro-v5-evolution,html body #mainApp #profissional .pro-v5-growth{border:1px solid #2d191b!important;border-radius:16px!important;background:linear-gradient(145deg,#10090a,#080606)!important}
  html body #mainApp #profissional .pro-v5-growth{border-left:1px solid #2d191b!important}
  html body #mainApp #automacao .automation-editor,html body #mainApp #automacao .automation-list-panel,html body #mainApp #automacao .automation-activity-panel{border-radius:18px!important}
  html body #mainApp #automacao input:not([type="checkbox"]),html body #mainApp #automacao select,html body #mainApp #automacao textarea{border-radius:12px!important}
  html body #mainApp .account-info>div{margin:4px;border-radius:12px!important;background:#0b0708}
  html body #mainApp .legal-links a{border-radius:13px!important;overflow:hidden}
  html body nav#mobileNav.mobile-nav,html.android-app body nav#mobileNav.mobile-nav{border-radius:0 20px 20px 0!important}
  html body nav#mobileNav.mobile-nav .mobile-nav-item,html.android-app body nav#mobileNav.mobile-nav .mobile-nav-item{border-radius:11px!important}
}

/* V71 — reconstrução visual completa do SOFT-IG. */
:root{
  --v71-bg:#050404;
  --v71-surface:#0d090a;
  --v71-surface-2:#120b0d;
  --v71-surface-3:#190e11;
  --v71-line:rgba(255,255,255,.075);
  --v71-line-red:rgba(236,41,57,.24);
  --v71-text:#fff7f8;
  --v71-muted:#9b8589;
  --v71-red:#ed2636;
  --v71-red-dark:#b90f1d;
  --v71-shadow:0 20px 55px rgba(0,0,0,.26);
}
html body{background:radial-gradient(circle at 78% -10%,rgba(129,9,20,.13),transparent 31%),var(--v71-bg);color:var(--v71-text)}
html body .sidebar{width:216px;padding:24px 15px;background:linear-gradient(180deg,#0b0607,#070505);border-color:var(--v71-line)}
html body .brand{padding:0 8px 26px}.brand-icon{border-radius:12px!important;background:linear-gradient(145deg,#2a0c10,#120708)!important;border:1px solid rgba(239,38,54,.38)}
html body .menu{gap:7px}html body .menu-item{min-height:44px;padding:11px 13px;color:#a38d91;transition:.18s ease}html body .menu-item:hover{background:rgba(255,255,255,.035);color:#fff}html body .menu-item.active{border:1px solid rgba(239,38,54,.4);border-left:1px solid rgba(239,38,54,.4);background:linear-gradient(135deg,rgba(205,20,34,.18),rgba(255,255,255,.018));box-shadow:inset 3px 0 0 #ef2637;color:#fff}
html body .main{margin-left:216px;padding:0 30px 56px;max-width:none}
html body .header{min-height:88px;border-color:var(--v71-line);gap:22px}html body .header h1{font-size:22px;letter-spacing:-.45px}html body .header p{margin-top:5px;color:var(--v71-muted);font-size:10px;line-height:1.45}html body .header-actions{gap:10px}.instagram-account{padding:7px 10px!important;border:1px solid var(--v71-line)!important;border-radius:12px!important;background:rgba(255,255,255,.018)!important}.instagram-account .account-avatar{width:31px!important;height:31px!important;min-width:31px!important}.instagram-account strong{font-size:10px!important}.instagram-account span{font-size:8px!important}.header .sync-button{min-height:38px;padding:9px 13px!important;border:1px solid var(--v71-line-red)!important;border-radius:11px!important;background:rgba(183,13,27,.08)!important}
html body .page{padding-top:26px}.page-context{margin-bottom:18px!important;color:var(--v71-muted)!important;line-height:1.6!important}
html body #mainApp .panel,html body #mainApp .account-panel,html body #mainApp .legal-panel,html body #mainApp .automation-editor,html body #mainApp .automation-list-panel,html body #mainApp .automation-activity-panel,html body #mainApp .publication-editor,html body #mainApp .publication-list-panel,html body #mainApp .publication-history-panel{background:linear-gradient(145deg,rgba(17,11,12,.98),rgba(8,6,6,.98))!important;border:1px solid var(--v71-line)!important;box-shadow:var(--v71-shadow)!important}
html body .panel-header{margin-bottom:18px!important}.panel-header strong{font-size:14px!important;letter-spacing:-.1px}.panel-header span{margin-top:5px!important;color:var(--v71-muted)!important;font-size:9px!important;line-height:1.5!important}

/* Dashboard */
html body #dashboard .period-bar{padding:17px 18px!important;border:1px solid var(--v71-line)!important;background:linear-gradient(135deg,var(--v71-surface-2),var(--v71-surface))!important;box-shadow:var(--v71-shadow)!important}.period-bar strong{font-size:14px!important}.period-bar span{margin-top:4px!important;color:var(--v71-muted)!important}.period-bar select{min-height:40px;padding:0 13px!important;background:var(--v71-surface-3)!important}
html body #dashboard .metrics-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;padding:0!important;border:0!important;background:transparent!important;overflow:visible!important}
html body #dashboard .metric-card{min-height:132px!important;padding:20px!important;border:1px solid var(--v71-line)!important;border-radius:16px!important;background:linear-gradient(145deg,var(--v71-surface-2),var(--v71-surface))!important;box-shadow:0 14px 34px rgba(0,0,0,.18)!important}.metric-label{color:#cdbdc0!important;font-size:10px!important}.metric-value{margin:13px 0 10px!important;font-size:31px!important}.metric-card>span:last-child{font-size:9px!important}
html body #dashboard .dashboard-grid{gap:14px!important;margin-top:14px!important}html body #dashboard .dashboard-grid>.panel{padding:22px!important}.chart{min-height:230px!important;border-radius:14px!important;background:linear-gradient(180deg,rgba(239,38,54,.035),rgba(255,255,255,.008))!important}.highlight{padding:14px!important;border:1px solid transparent!important;background:rgba(255,255,255,.018)!important}.highlight+.highlight{margin-top:7px}.reels-panel{margin-top:14px!important;padding:22px!important}.reel-row{padding:13px!important;border:1px solid var(--v71-line)!important;background:rgba(255,255,255,.014)!important}.reel-row+.reel-row{margin-top:8px!important}

/* Conteúdos */
html body #conteudos .content-intro{align-items:center!important;margin-bottom:18px!important;padding:16px 18px!important;border:1px solid var(--v71-line)!important;border-radius:16px!important;background:var(--v71-surface)!important}.content-intro p{max-width:650px;color:var(--v71-muted)!important;font-size:10px!important;line-height:1.55!important}.content-tools{gap:9px!important}.content-sort,.search-box input{height:42px!important;padding:0 13px!important;background:var(--v71-surface-2)!important;border:1px solid var(--v71-line)!important}.content-grid{grid-template-columns:repeat(auto-fill,minmax(205px,1fr))!important;gap:16px!important}.content-card{border:1px solid var(--v71-line)!important;border-radius:17px!important;background:linear-gradient(145deg,var(--v71-surface-2),var(--v71-surface))!important;box-shadow:0 16px 36px rgba(0,0,0,.18)!important}.content-cover{border-radius:16px 16px 0 0!important}.content-body{padding:15px!important}.content-body>span{color:var(--v71-muted)!important}.content-body h3{margin-top:7px!important;font-size:11px!important;line-height:1.45!important}.content-stats{gap:7px!important;margin-top:13px!important;padding-top:12px!important;border-top:1px solid var(--v71-line)!important}.content-stats div{padding:0!important;border:0!important}

/* Desempenho */
html body #desempenho .performance-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;padding:0!important;border:0!important;background:transparent!important;overflow:visible!important}.performance-card{min-height:150px!important;padding:20px!important;border:1px solid var(--v71-line)!important;border-radius:16px!important;background:linear-gradient(145deg,var(--v71-surface-2),var(--v71-surface))!important;box-shadow:0 14px 34px rgba(0,0,0,.18)!important}.performance-card>strong{margin:15px 0 7px!important;font-size:29px!important}.performance-card>span{font-size:10px!important}.performance-card>p,.performance-card>small{font-size:9px!important}.performance-card:after{display:none!important}#desempenho>.panel{margin-top:14px!important;padding:22px!important}.comparison-list{display:grid;gap:9px}.comparison-item{padding:14px!important;border:1px solid var(--v71-line)!important;background:rgba(255,255,255,.014)!important}

/* Profissional */
html body #profissional .pro-v5-section-title{margin:8px 0 16px!important}.pro-v5-section-title strong{font-size:20px!important}.pro-v5-section-title span{color:var(--v71-muted)!important}.pro-v5-section-title em{border:1px solid var(--v71-line-red)!important;background:rgba(239,38,54,.07)!important}
html body #profissional .pro-v5-insights{display:grid!important;grid-template-columns:1.15fr 3fr!important;padding:12px!important;border-radius:18px!important}.pro-v5-mainmetric{padding:22px!important;border-radius:14px!important;background:linear-gradient(145deg,rgba(164,13,27,.15),rgba(255,255,255,.012))!important}.pro-v5-mainmetric>strong{font-size:39px!important}.pro-v5-side-metrics{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:9px!important;padding:0 0 0 10px!important}.pro-v5-side-metrics>div{padding:20px!important;border:1px solid var(--v71-line)!important;border-radius:14px!important;background:rgba(255,255,255,.014)!important}.pro-v5-side-metrics>div:before{display:none!important}.pro-v5-side-metrics strong{font-size:24px!important}.pro-v5-grid{gap:14px!important;margin-top:14px!important;border-radius:0!important;overflow:visible!important}.pro-v5-evolution,.pro-v5-growth{padding:22px!important;border:1px solid var(--v71-line)!important;background:linear-gradient(145deg,var(--v71-surface-2),var(--v71-surface))!important}.pro-v5-growth{border-left:1px solid var(--v71-line)!important}.pro-v5-growth-number{margin-top:16px!important;padding:18px!important;border:1px solid var(--v71-line)!important;border-radius:14px!important;background:rgba(255,255,255,.014)!important}.pro-v5-growth-row{padding:13px 2px!important}

/* Histórico e Conta */
html body #historico .history-panel{padding:16px!important}.history-header{padding:13px 14px!important;border:0!important;border-radius:12px!important;background:var(--v71-surface-3)!important}.history-live{display:grid;gap:8px;margin-top:9px}.history-live .history-row{padding:14px!important;border:1px solid var(--v71-line)!important;background:rgba(255,255,255,.014)!important}
html body #conta .account-panel{padding:25px!important}.account-profile{padding:20px!important;border:1px solid var(--v71-line)!important;border-radius:17px!important;background:linear-gradient(135deg,rgba(170,13,27,.10),rgba(255,255,255,.01))!important}.account-profile-avatar{box-shadow:0 0 0 7px rgba(237,38,54,.05)!important}.account-social-counts{gap:9px!important}.account-social-counts>div{padding:11px 14px!important;background:rgba(255,255,255,.02)!important}.account-subtitle{margin-top:22px!important}.account-info{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:9px!important;padding:9px!important;border:1px solid var(--v71-line)!important;background:var(--v71-surface)!important}.account-info>div{padding:14px!important;border:0!important;background:rgba(255,255,255,.018)!important}

/* Automação */
html body #automacao .automation-layout{grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr)!important;gap:14px!important}#automacao .automation-editor,#automacao .automation-list-panel,#automacao .automation-activity-panel{padding:22px!important}.automation-editor label{margin-top:15px!important;color:#bba7aa!important;font-size:9px!important}.automation-editor input,.automation-editor select,.automation-editor textarea{min-height:43px!important;padding:11px 13px!important;border:1px solid var(--v71-line)!important;background:#080506!important}.automation-editor textarea{min-height:96px!important}.automation-actions{gap:9px!important}.automation-actions button{min-height:42px!important;padding:10px 15px!important}.automation-list{gap:9px!important}.automation-item{padding:14px!important;border:1px solid var(--v71-line)!important;background:rgba(255,255,255,.014)!important}.automation-deliveries>div{padding:13px!important;border:1px solid var(--v71-line)!important;border-radius:12px!important;background:rgba(255,255,255,.014)!important}.automation-deliveries>div+div{margin-top:8px}

/* Publicações e Legal */
html body #publicacoes .publication-layout{grid-template-columns:minmax(0,1fr) minmax(380px,1fr)!important;gap:14px!important}#publicacoes .publication-editor,#publicacoes .publication-list-panel,#publicacoes .publication-history-panel{padding:22px!important}.publication-list{gap:9px!important}.publication-row{padding:14px!important;border:1px solid var(--v71-line)!important;background:rgba(255,255,255,.014)!important}.publication-row-actions button{min-height:34px!important;padding:7px 11px!important;background:var(--v71-surface-3)!important}.publication-history-panel{margin-top:14px!important}.empty-state{border-radius:14px!important;background:rgba(255,255,255,.012)!important}
html body #legal .legal-panel{padding:26px!important}.legal-company{border-radius:16px!important;background:rgba(255,255,255,.014)!important}.legal-links{gap:10px!important}.legal-links a{padding:17px!important;border:1px solid var(--v71-line)!important;background:rgba(255,255,255,.014)!important}

/* Controles e camadas */
html body button{min-height:38px}html body input:not([type="radio"]):not([type="checkbox"]):not([type="file"]),html body select,html body textarea{border:1px solid var(--v71-line)!important;background:#090607!important;transition:border-color .18s ease,box-shadow .18s ease}html body input:focus,html body select:focus,html body textarea:focus{border-color:rgba(237,38,54,.65)!important;box-shadow:0 0 0 3px rgba(237,38,54,.075)!important}.modal{background:linear-gradient(145deg,#120c0d,#080606)!important}.modal-metrics{gap:9px!important}.modal-metrics>div,.modal-insights-extra>div{padding:14px!important;border:1px solid var(--v71-line)!important;background:rgba(255,255,255,.018)!important}.soft-confirm-dialog,.auth-card{background:linear-gradient(145deg,#140c0e,#080606)!important}

@media(max-width:900px){
  html body .main{margin-left:0!important;padding:0 14px 96px!important}html body .header{min-height:80px!important;padding:8px 0!important}.header h1{font-size:19px!important}.header p{font-size:8px!important}.page{padding-top:18px!important}
  html body #dashboard .metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.metric-card{min-height:112px!important;padding:15px!important}.metric-value{font-size:25px!important}.dashboard-grid{grid-template-columns:1fr!important}
  html body #conteudos .content-intro{align-items:stretch!important;padding:14px!important}.content-tools{display:grid!important;grid-template-columns:1fr!important;width:100%!important}.content-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.content-body{padding:12px!important}.content-stats{grid-template-columns:repeat(2,1fr)!important}
  html body #desempenho .performance-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.performance-card{min-height:132px!important;padding:15px!important}.performance-card>strong{font-size:24px!important}
  html body #profissional .pro-v5-insights{grid-template-columns:1fr!important;padding:10px!important}.pro-v5-mainmetric{padding:18px!important}.pro-v5-side-metrics{grid-template-columns:1fr 1fr!important;padding:9px 0 0!important}.pro-v5-side-metrics>div{padding:15px!important}.pro-v5-side-metrics>div:nth-child(3){grid-column:1/-1}.pro-v5-grid{grid-template-columns:1fr!important}
  .history-panel{overflow-x:auto!important}.history-row{min-width:610px}.account-profile{padding:16px!important}.account-info{grid-template-columns:1fr 1fr!important}
  html body #automacao .automation-layout,html body #publicacoes .publication-layout{grid-template-columns:1fr!important}.automation-editor,.automation-list-panel,.automation-activity-panel,#publicacoes .publication-editor,#publicacoes .publication-list-panel,#publicacoes .publication-history-panel{padding:18px!important}
  #publicacoes{padding-left:0!important;padding-right:0!important}.publication-mode{gap:8px!important}.publication-schedule{grid-template-columns:1fr 1fr!important}
  html body #legal .legal-panel{padding:20px!important}.legal-links{grid-template-columns:1fr!important}
}
@media(max-width:420px){.content-grid{grid-template-columns:1fr!important}.account-info{grid-template-columns:1fr!important}.pro-v5-side-metrics{grid-template-columns:1fr!important}.pro-v5-side-metrics>div:nth-child(3){grid-column:auto}.publication-schedule{grid-template-columns:1fr!important}}

/* V71.1 — legenda com altura fixa, sem puxador nativo. */
#publicationCaption{height:132px!important;min-height:132px!important;max-height:132px!important;resize:none!important;overflow-y:auto}

/* V71.2 — miniatura nativa quando o WebView não decodifica o vídeo. */
.publication-native-thumbnail{position:absolute;inset:0;z-index:1;display:none;width:100%;height:100%;object-fit:contain;background:#000}
.publication-preview[data-state="native"] video{visibility:hidden}
.publication-preview[data-state="native"] .publication-native-thumbnail{display:block}
.publication-preview[data-state="native"] .publication-preview-status{display:none}

/* V72 — telas secundárias em tela cheia e rolagem isolada do fundo. */
html.secondary-screen-open,body.secondary-screen-open{width:100%;height:100%;overflow:hidden!important;overscroll-behavior:none}
body.secondary-screen-open{position:fixed;left:0;right:0}
html body #reelModal.modal-overlay{display:block;visibility:hidden;opacity:0;padding:0!important;background:#070505;backdrop-filter:none;overflow-x:hidden;overflow-y:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;transition:opacity .2s ease,visibility .2s ease}
html body #reelModal.modal-overlay.open{display:block;visibility:visible;opacity:1}
html body #reelModal .modal{display:grid;grid-template-columns:minmax(360px,44vw) minmax(0,1fr);width:100%;min-height:100%;max-height:none!important;margin:0;border:0!important;border-radius:0!important;background:linear-gradient(145deg,#120b0d,#070505)!important;box-shadow:none!important;overflow:visible!important;animation:none!important}
html body #reelModal .modal-close{position:fixed;top:max(18px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right));z-index:105;width:46px;height:46px;min-height:46px;border:1px solid rgba(255,255,255,.14)!important;border-radius:50%!important;background:rgba(12,8,9,.88)!important;box-shadow:0 12px 34px rgba(0,0,0,.38);backdrop-filter:blur(12px);font-size:25px}
html body #reelModal .modal-reel-cover{position:sticky;top:0;align-self:start;width:100%;height:100vh;min-height:100vh;border-radius:0!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important;background-color:#020202!important}
html body #reelModal .modal-content{width:min(760px,100%);margin:auto;padding:72px clamp(28px,5vw,76px) 60px}
html body #reelModal .modal-date{font-size:10px!important}html body #reelModal .modal-content h2{margin:10px 0 30px;font-size:clamp(24px,3vw,38px)!important;line-height:1.2}
html body #reelModal .modal-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px!important}html body #reelModal .modal-metrics>div{min-height:120px;padding:19px!important;border-radius:15px!important}html body #reelModal .modal-metrics span{font-size:10px!important;line-height:1.4}html body #reelModal .modal-metrics strong{font-size:22px!important}
html body #reelModal .result-box{margin-top:14px;padding:20px;border:1px solid rgba(255,255,255,.075);border-left:3px solid #ed2636;border-radius:14px!important;background:rgba(255,255,255,.025)}
html body #reelModal .modal-insights-extra{gap:12px!important;margin-top:12px}html body #reelModal .modal-insights-extra>div{min-height:94px;padding:18px!important;border-radius:14px!important}html body #reelModal .instagram-open{min-height:48px;margin-top:14px;display:grid;place-items:center;border-radius:12px!important;background:linear-gradient(135deg,#251014,#12090b)}
.soft-confirm-overlay{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.soft-confirm{max-height:calc(100vh - 40px);overflow-y:auto}
@media(max-width:900px){
  html body #reelModal .modal{display:block;min-height:100%;background:#080606!important}
  html body #reelModal .modal-reel-cover{position:relative;height:min(72vh,680px);min-height:430px;background-size:contain!important}
  html body #reelModal .modal-content{width:100%;padding:30px 18px calc(42px + env(safe-area-inset-bottom))}
  html body #reelModal .modal-content h2{font-size:25px!important}
  html body #reelModal .modal-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px!important}
  html body #reelModal .modal-metrics>div{min-height:104px;padding:15px!important}
  html body #reelModal .modal-close{top:max(14px,env(safe-area-inset-top));right:14px;width:44px;height:44px;min-height:44px}
  body.secondary-screen-open .mobile-menu-toggle{display:none!important}
}
@media(max-width:380px){html body #reelModal .modal-metrics{grid-template-columns:1fr}html body #reelModal .modal-reel-cover{min-height:380px;height:62vh}}

/* V72.1 — Insights editoriais: geometria reta, densa e premium. */
html body #reelModal .modal{background:#070505!important}
html body #reelModal .modal-close{border-radius:10px!important;border-color:rgba(237,38,54,.34)!important;background:linear-gradient(145deg,rgba(30,14,17,.96),rgba(10,7,8,.96))!important;color:#fff;box-shadow:0 14px 36px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.04)}
html body #reelModal .modal-reel-cover{border-right:1px solid rgba(255,255,255,.065)!important}
html body #reelModal .modal-content{position:relative;background:radial-gradient(circle at 90% 0,rgba(166,13,28,.12),transparent 32%),linear-gradient(180deg,#10090b,#080606)}
html body #reelModal .modal-content:before{content:'INSIGHTS DO CONTEÚDO';display:block;width:max-content;margin-bottom:22px;padding:7px 10px;border:1px solid rgba(237,38,54,.32);border-radius:3px;color:#ff5260;background:rgba(237,38,54,.055);font-size:8px;font-weight:900;letter-spacing:.15em}
html body #reelModal .modal-date{display:block;color:#bda5a9!important;font-weight:750;letter-spacing:.02em}
html body #reelModal .modal-content h2{padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.075)}
html body #reelModal .modal-metrics{gap:10px!important}
html body #reelModal .modal-metrics>div{position:relative;min-height:118px;padding:18px!important;border:1px solid rgba(255,255,255,.085)!important;border-radius:4px!important;background:linear-gradient(145deg,rgba(255,255,255,.028),rgba(255,255,255,.009))!important;overflow:hidden}
html body #reelModal .modal-metrics>div:after{content:'';position:absolute;left:0;bottom:0;width:34%;height:2px;background:linear-gradient(90deg,#e91e30,transparent)}
html body #reelModal .modal-metrics span{color:#bda8ac!important;font-weight:750}
html body #reelModal .modal-metrics strong{display:block;margin-top:13px;color:#fff;font-size:25px!important;letter-spacing:-.025em}
html body #reelModal .result-box{border-radius:4px!important;background:linear-gradient(135deg,rgba(171,14,28,.12),rgba(255,255,255,.018))}
html body #reelModal .result-box span{color:#bda8ac;font-size:10px;font-weight:750}html body #reelModal .result-box strong{display:block;margin-top:9px;font-size:17px}
html body #reelModal .modal-insights-extra>div{border-radius:4px!important;background:rgba(255,255,255,.018)!important}
html body #reelModal .instagram-open{border-radius:5px!important;border-color:rgba(237,38,54,.3)!important;background:linear-gradient(135deg,#2a0e13,#12090b)}
@media(max-width:900px){
  html body #reelModal .modal-reel-cover{height:62svh;min-height:400px;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.075)!important}
  html body #reelModal .modal-content{margin:0;padding:28px 18px calc(44px + env(safe-area-inset-bottom));border-top:3px solid #bd1221}
  html body #reelModal .modal-content:before{margin-bottom:18px}
  html body #reelModal .modal-content h2{margin-bottom:18px;padding-bottom:20px;font-size:24px!important}
  html body #reelModal .modal-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  html body #reelModal .modal-metrics>div{min-height:112px;padding:15px!important}
  html body #reelModal .modal-metrics strong{font-size:22px!important}
  html body #reelModal .modal-insights-extra{grid-template-columns:1fr 1fr!important;gap:9px!important}
  html body #reelModal .modal-insights-extra>div{min-height:90px;padding:15px!important}
}
@media(max-width:350px){html body #reelModal .modal-metrics,html body #reelModal .modal-insights-extra{grid-template-columns:1fr!important}}

/* V72.2 — conteúdo dos Insights totalmente centralizado. */
html body #reelModal .modal-content{text-align:center}
html body #reelModal .modal-content:before{margin-left:auto;margin-right:auto}
html body #reelModal .modal-date,html body #reelModal .modal-content h2{text-align:center}
html body #reelModal .modal-metrics>div,html body #reelModal .modal-insights-extra>div,html body #reelModal .result-box{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
html body #reelModal .modal-metrics>div:after{left:33%;width:34%;background:linear-gradient(90deg,transparent,#e91e30,transparent)}
html body #reelModal .instagram-open{text-align:center}

/* V72.5 — corrige o deslocamento horizontal causado pela largura útil do body. */
html body #reelModal.modal-overlay{left:0!important;right:auto!important;width:100vw!important;max-width:100vw!important}
html body #reelModal .modal{width:100vw!important;max-width:100vw!important}
html body #reelModal .modal-content{justify-self:center!important}
@media(max-width:900px){
  html body #reelModal .modal-content{width:100vw!important;max-width:100vw!important;margin-left:auto!important;margin-right:auto!important;padding-left:18px!important;padding-right:18px!important}
  html body #reelModal .modal-metrics,html body #reelModal .modal-insights-extra,html body #reelModal .result-box,html body #reelModal .instagram-open{margin-left:auto!important;margin-right:auto!important}
  html body #reelModal .modal-close{width:38px!important;height:38px!important;min-height:38px!important;font-size:21px!important;border-radius:8px!important}
}

/* V72.7 — fechamento minimalista, somente o símbolo. */
html body #reelModal .modal-close{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:0!important}

/* V75 — seletores próprios de data e horário para agendamento. */
html.schedule-picker-open,body.schedule-picker-open{width:100%;height:100%;overflow:hidden!important;overscroll-behavior:none}
body.schedule-picker-open{position:fixed;left:0;right:0}
#publicacoes .publication-picker-input{appearance:none;-webkit-appearance:none;cursor:pointer;color:#fff!important}
#publicacoes .publication-picker-input::-webkit-calendar-picker-indicator{display:none!important;opacity:0!important}
.schedule-picker-overlay{position:fixed;inset:0;z-index:1400;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(0,0,0,.78);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s ease,visibility .16s ease}
.schedule-picker-overlay.open{opacity:1;visibility:visible;pointer-events:auto}
.schedule-picker{width:min(620px,100%);max-height:min(760px,calc(100svh - 28px));overflow:auto;background:#050404;border:1px solid #492025;color:#fff;box-shadow:0 28px 80px rgba(0,0,0,.55)}
.schedule-picker-head{display:grid;grid-template-columns:46px 1fr 46px;align-items:center;gap:12px;padding:18px 18px 15px;border-bottom:1px solid #2d1719;background:linear-gradient(180deg,#120809,#080505)}
.schedule-picker-head>div{text-align:center}.schedule-picker-head span{display:block;color:#df3440;font-size:8px;font-weight:900;letter-spacing:.16em}.schedule-picker-head strong{display:block;margin-top:4px;font-size:17px;letter-spacing:.01em}
.schedule-picker-close,.schedule-picker-confirm,.schedule-calendar-toolbar button{display:grid;place-items:center;border:1px solid #3c2023;background:#0b0708;color:#fff;cursor:pointer}
.schedule-picker-close,.schedule-picker-confirm{width:44px;height:44px;font-size:25px}.schedule-picker-confirm{color:#ff4250;font-size:22px}
.schedule-calendar-toolbar{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:10px;padding:16px 18px 11px}.schedule-calendar-toolbar strong{text-align:center;font-size:20px}.schedule-calendar-toolbar button{width:42px;height:42px;font-size:28px}
.schedule-calendar-week,.schedule-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.schedule-calendar-week{padding:0 12px 7px;color:#8f7b7e;font-size:9px;font-weight:800;text-align:center;text-transform:lowercase}.schedule-calendar-grid{gap:5px;padding:0 12px 16px}
.schedule-calendar-day{position:relative;min-height:64px;border:1px solid #241416;background:#0a0707;color:#e8dfe0;font-size:13px;font-weight:800;cursor:pointer}.schedule-calendar-day span{position:absolute;top:10px;left:11px}.schedule-calendar-day.outside{color:#54484a;background:#070505}.schedule-calendar-day.today{border-color:#693039}.schedule-calendar-day.today:after{content:'';position:absolute;left:10px;bottom:8px;width:16px;height:2px;background:#e42332}.schedule-calendar-day.selected{border-color:#e12836;background:linear-gradient(145deg,#3a0c12,#130708);color:#fff}.schedule-calendar-day.selected span{color:#ff5360}.schedule-calendar-day.disabled{opacity:.25;cursor:not-allowed}
.schedule-time-picker{width:min(500px,100%);overflow:hidden}.schedule-time-wheel-wrap{position:relative;display:grid;grid-template-columns:1fr 32px 1fr;align-items:center;width:min(360px,88%);height:310px;margin:28px auto 10px;overflow:hidden}.schedule-time-separator{z-index:3;text-align:center;font-size:32px;font-weight:600;color:#fff}
.schedule-time-wheel{position:relative;height:310px;overflow-y:auto;overscroll-behavior:contain;scroll-snap-type:y mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.schedule-time-wheel::-webkit-scrollbar{display:none}.schedule-wheel-pad{height:118px}.schedule-wheel-item{display:grid;place-items:center;width:100%;height:74px;border:0;background:transparent;color:#544b4d;font:400 30px/1 Inter,sans-serif;scroll-snap-align:center;cursor:pointer;transition:color .12s ease,transform .12s ease}.schedule-wheel-item.selected{color:#fff;transform:scale(1.08)}
.schedule-time-focus{position:absolute;left:0;right:0;top:118px;height:74px;border-top:1px solid #3c2528;border-bottom:1px solid #3c2528;background:linear-gradient(90deg,transparent,rgba(174,23,36,.08),transparent);pointer-events:none}.schedule-time-hint{display:block;padding:0 20px 24px;color:#7f6f72;font-size:9px;text-align:center}
@media(max-width:700px){
  .schedule-picker-overlay{padding:0;background:#050404;align-items:stretch}
  .schedule-picker{width:100%;height:100svh;max-height:none;border:0;box-shadow:none}
  .schedule-picker-head{position:sticky;top:0;z-index:10;padding:max(14px,env(safe-area-inset-top)) 14px 13px;background:#050404}
  .schedule-picker-head strong{font-size:20px}.schedule-picker-head span{font-size:7px}
  .schedule-calendar-toolbar{padding:20px 15px 12px}.schedule-calendar-toolbar strong{font-size:23px}
  .schedule-calendar-week{padding:0 6px 8px;font-size:9px}.schedule-calendar-grid{gap:5px;padding:0 6px calc(22px + env(safe-area-inset-bottom))}
  .schedule-calendar-day{min-height:clamp(70px,13.5vw,100px);border-color:#191011;background:#0b0909}.schedule-calendar-day span{top:11px;left:50%;transform:translateX(-50%)}.schedule-calendar-day.today:after{left:50%;transform:translateX(-50%)}
  .schedule-time-picker{display:flex;flex-direction:column}.schedule-time-wheel-wrap{flex:1;width:min(430px,92%);height:370px;margin:auto}.schedule-time-wheel{height:370px}.schedule-wheel-pad{height:148px}.schedule-time-focus{top:148px}.schedule-wheel-item{font-size:35px}
  .schedule-time-hint{padding-bottom:calc(26px + env(safe-area-inset-bottom));font-size:10px}
}

/* V76 — calendário por rolagem + relógio circular */
.schedule-picker-close,.schedule-picker-confirm{
  width:44px!important;height:44px!important;border:0!important;background:transparent!important;
  box-shadow:none!important;border-radius:0!important;padding:0!important;
}
.schedule-picker-close{color:#fff!important}.schedule-picker-confirm{color:#ff4250!important}
.schedule-picker-close:active,.schedule-picker-confirm:active{background:transparent!important;transform:none!important}
.schedule-calendar-toolbar{display:block!important;padding:18px 18px 10px!important}
.schedule-calendar-toolbar strong{display:block;text-align:center;font-size:22px!important}
.schedule-calendar-scroll{height:min(560px,calc(100svh - 205px));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:y proximity}
.schedule-calendar-scroll::-webkit-scrollbar{display:none}
.schedule-calendar-months{display:block;padding:0 0 24px}
.schedule-calendar-month{scroll-snap-align:start;padding:0 12px 20px}
.schedule-calendar-month-title{display:block;padding:14px 2px 10px;color:#fff;font-size:18px;font-weight:850;text-align:left}
.schedule-calendar-month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}
.schedule-calendar-week{position:sticky;top:0;z-index:4;background:#050404;padding:0 12px 8px!important}
.schedule-time-wheel{scroll-snap-type:y mandatory!important}
.schedule-wheel-item{scroll-snap-stop:always}
@media(max-width:700px){
  .schedule-picker-head{grid-template-columns:42px 1fr 42px!important}
  .schedule-picker-close,.schedule-picker-confirm{width:40px!important;height:40px!important;font-size:29px!important}
  .schedule-calendar-toolbar{padding:16px 14px 8px!important}
  .schedule-calendar-toolbar strong{font-size:20px!important}
  .schedule-calendar-scroll{height:calc(100svh - 196px)}
  .schedule-calendar-month{padding:0 6px 18px}
  .schedule-calendar-month-title{padding:12px 5px 9px;font-size:17px}
  .schedule-calendar-month-grid{gap:5px}
}

/* V78 — Publicação mobile nativa: uma única experiência para Reel, Foto e Carrossel. */
.publication-mobile-home-head,.publication-composer-head{display:none}
.publication-editor .publication-step{display:block}
.publication-media-note{margin:10px 0 0;color:#76676a;font-size:9px;line-height:1.45}
.publication-picker-preview{position:relative;overflow:hidden;background:#050505;border:1px solid #291719;aspect-ratio:1/1;max-height:620px}
.publication-preview-track{display:flex;width:100%;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.publication-preview-track::-webkit-scrollbar{display:none}
.publication-preview-slide,.publication-preview-empty{flex:0 0 100%;width:100%;height:100%;scroll-snap-align:start;display:grid;place-items:center;background:#050505}
.publication-preview-slide img,.publication-preview-slide video{width:100%;height:100%;object-fit:contain;background:#000}
.publication-preview-empty{align-content:center;gap:7px;color:#827477;text-align:center}
.publication-preview-empty>span{font-size:28px}.publication-preview-empty strong{font-size:12px}.publication-preview-empty small{font-size:9px}
.publication-preview-counter{position:absolute;top:12px;right:12px;padding:5px 8px;background:rgba(0,0,0,.66);color:#fff;font-size:9px;font-weight:800}
.publication-library-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0 10px}
.publication-library-bar button{border:0;background:transparent;color:#fff;cursor:pointer}
.publication-album-button{font-size:16px;font-weight:850}.publication-select-button{padding:7px 11px!important;background:#171414!important;font-size:10px!important}
.publication-selected-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}
.publication-selected-grid>button{position:relative;aspect-ratio:1/1;overflow:hidden;border:0;background:#0d0d0d;color:#fff;cursor:pointer}
.publication-gallery-tile,.publication-camera-tile{display:grid;place-content:center;gap:5px}.publication-gallery-tile span,.publication-camera-tile span{font-size:22px}.publication-gallery-tile small,.publication-camera-tile small{font-size:8px;color:#a99b9d}
.publication-media-tile img,.publication-media-tile video{width:100%;height:100%;object-fit:cover}.publication-video-mark{position:absolute;right:6px;top:5px;font-size:9px;text-shadow:0 1px 3px #000}
.publication-details-summary{display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:11px;margin-bottom:16px;padding-bottom:13px;border-bottom:1px solid #2a1719}
.publication-details-thumb{width:54px;height:54px;background:#0a0708 center/cover no-repeat;border:1px solid #2a1719}
.publication-details-summary strong,.publication-details-summary span{display:block}.publication-details-summary strong{font-size:11px}.publication-details-summary span{margin-top:4px;color:#8d7c7f;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.publication-details-summary button{border:0;background:transparent;color:#dc3440;font-size:9px;font-weight:800;cursor:pointer}
.publication-caption-label textarea{min-height:120px}

@media(min-width:901px){
  .publication-editor{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:22px}
  .publication-editor>.publication-media-step,.publication-editor>.publication-details-step{min-width:0}
  .publication-details-step{padding-top:4px}
  .publication-picker-preview{aspect-ratio:4/5}
  .publication-selected-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
  .publication-media-note{max-width:520px}
}

@media(max-width:900px){
  body.publication-composer-open{overflow:hidden!important}
  #publicacoes{background:#000!important;padding-left:0!important;padding-right:0!important}
  #publicacoes>.publication-notice{margin:0 10px 10px}
  #publicacoes .publication-mobile-home-head{display:flex;align-items:center;justify-content:space-between;padding:4px 10px 12px;border-bottom:1px solid #181113;background:#000}
  #publicacoes .publication-mobile-home-head strong,#publicacoes .publication-mobile-home-head span{display:block}
  #publicacoes .publication-mobile-home-head strong{font-size:14px;letter-spacing:.01em}
  #publicacoes .publication-mobile-home-head span{margin-top:2px;color:#776a6c;font-size:8px}
  #publicacoes .publication-mobile-home-head button{border:0;background:transparent;color:#ef3946;font-size:10px;font-weight:850;padding:8px 0}
  #publicacoes .publication-layout{display:block!important}
  #publicacoes .publication-editor{display:none!important}
  #publicacoes .publication-editor.composer-open{display:block!important;position:fixed!important;inset:0!important;z-index:1350!important;width:100%!important;height:100dvh!important;overflow-y:auto!important;margin:0!important;padding:0!important;border:0!important;background:#000!important;box-shadow:none!important}
  #publicacoes .publication-composer-head{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:52px 1fr 70px;align-items:center;height:58px;padding:max(4px,env(safe-area-inset-top)) 14px 4px;background:#080b0f;border-bottom:1px solid #161b20}
  #publicacoes .publication-composer-head>strong{font-size:16px;text-align:left}
  #publicacoes .publication-composer-head button{border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important}
  #publicacoes .publication-composer-close{color:#fff!important;font-size:34px!important;font-weight:300!important;text-align:left!important;padding:0!important}
  #publicacoes .publication-composer-next{color:#7892ff!important;font-size:13px!important;font-weight:850!important;text-align:right!important;padding:0!important}
  #publicacoes .publication-editor[data-step="media"] .publication-details-step{display:none!important}
  #publicacoes .publication-editor[data-step="details"] .publication-media-step{display:none!important}
  #publicacoes .publication-step{padding:0 0 calc(20px + env(safe-area-inset-bottom))!important}
  #publicacoes .publication-desktop-heading{display:none!important}
  #publicacoes .publication-picker-preview{width:100%;height:min(63vw,470px);max-height:none;aspect-ratio:auto;border:0;background:#000}
  #publicacoes .publication-preview-slide img,#publicacoes .publication-preview-slide video{object-fit:cover}
  #publicacoes .publication-preview-empty{background:#070707}
  #publicacoes .publication-preview-counter{top:10px;right:10px}
  #publicacoes .publication-library-bar{padding:9px 13px 10px;background:#080b0f;border-bottom:1px solid #101418}
  #publicacoes .publication-album-button{font-size:14px!important}
  #publicacoes .publication-select-button{padding:7px 11px!important;border-radius:20px!important;background:#3a3a3a!important;font-size:10px!important}
  #publicacoes .publication-selected-grid{grid-template-columns:repeat(4,1fr);gap:2px;padding:2px;background:#000}
  #publicacoes .publication-media-note{padding:9px 13px 0;margin:0;color:#5f5658;font-size:7px}
  #publicacoes .publication-details-step{padding:18px 14px calc(22px + env(safe-area-inset-bottom))!important}
  #publicacoes .publication-details-summary{grid-template-columns:48px 1fr auto;margin:0 0 15px;padding:0 0 12px}
  #publicacoes .publication-details-thumb{width:48px;height:48px}
  #publicacoes .publication-caption-label{display:block;color:#8d7c7f;font-size:8px;text-transform:none}
  #publicacoes .publication-caption-label textarea{width:100%;min-height:125px;margin-top:6px;padding:10px 0;border:0!important;border-bottom:1px solid #2c1c1e!important;border-radius:0!important;background:transparent!important;color:#fff;font-size:12px;line-height:1.5}
  #publicacoes .publication-mode{display:grid!important;grid-template-columns:1fr 1fr;gap:0!important;margin:14px 0 0;border-top:1px solid #211719;border-bottom:1px solid #211719}
  #publicacoes .publication-mode label{min-height:44px;padding:0 8px!important;display:flex!important;align-items:center;justify-content:center;border:0!important;background:transparent!important;color:#b9adaf;font-size:9px}
  #publicacoes .publication-mode label+label{border-left:1px solid #211719!important}
  #publicacoes .publication-mode input{accent-color:#e72836}
  #publicacoes .publication-schedule{grid-template-columns:1fr 1fr!important;gap:0 16px!important;margin-top:12px!important}
  #publicacoes .publication-schedule label:last-child{grid-column:1/-1}
  #publicacoes .publication-schedule label{font-size:8px;color:#8d7c7f}
  #publicacoes .publication-schedule input,#publicacoes .publication-schedule select{min-height:42px!important;padding:8px 0!important;border:0!important;border-bottom:1px solid #2c1c1e!important;border-radius:0!important;background:transparent!important;font-size:11px!important;color:#fff!important}
  #publicacoes .publication-submit{width:100%;min-height:46px;margin-top:17px;border:0!important;border-radius:0!important;background:#d71928!important;color:#fff;font-size:10px;font-weight:900}
  #publicacoes .publication-feedback{min-height:18px;margin:7px 0 0;font-size:8px;color:#a99699}
  #publicacoes .publication-progress{height:2px;margin-top:9px;background:#1f1214}
  #publicacoes .publication-progress span{background:#e72836}
  #publicacoes .publication-list-panel,#publicacoes .publication-history-panel{margin:12px 10px 0!important;padding:13px!important;border:0!important;border-top:1px solid #241619!important;background:#000!important}
  #publicacoes .publication-list-panel .panel-header,#publicacoes .publication-history-panel .panel-header{margin-bottom:9px;padding:0!important;border:0!important}
  #publicacoes .publication-list-panel .panel-header strong,#publicacoes .publication-history-panel .panel-header strong{font-size:12px!important}
  #publicacoes .publication-list-panel .panel-header span,#publicacoes .publication-history-panel .panel-header span{font-size:7px!important}
  #publicacoes .publication-row{padding:11px 0!important;border:0!important;border-bottom:1px solid #201517!important;background:transparent!important}
  #publicacoes .publication-row strong{font-size:10px!important}#publicacoes .publication-row small{font-size:7px!important}
  #publicacoes .publication-row-actions{gap:10px!important;margin-top:8px!important}#publicacoes .publication-row-actions button{padding:0!important;border:0!important;background:transparent!important;color:#d9323f!important;font-size:8px!important}
  #publicacoes .header{margin-bottom:6px!important}
}


/* V79 — publicação Android limpa, sem controles duplicados e sem aparência de formulário web. */
.publication-native-input{display:none!important;position:absolute!important;width:0!important;height:0!important;opacity:0!important;pointer-events:none!important}
@media(max-width:900px){
  #publicacoes{background:#000!important}
  #publicacoes .publication-mobile-home-head{padding:8px 14px 12px!important;border-bottom:1px solid #151515!important}
  #publicacoes .publication-mobile-home-head strong{font-size:15px!important;font-weight:800!important}
  #publicacoes .publication-mobile-home-head span{font-size:8px!important;color:#777!important}
  #publicacoes .publication-mobile-home-head button{font-size:11px!important;color:#ff4050!important}
  #publicacoes .publication-list-panel,#publicacoes .publication-history-panel{margin:0 14px!important;padding:18px 0!important;border:0!important;border-bottom:1px solid #181818!important;background:#000!important;box-shadow:none!important;border-radius:0!important}
  #publicacoes .publication-list-panel .panel-header,#publicacoes .publication-history-panel .panel-header{margin:0 0 10px!important;padding:0!important}
  #publicacoes .publication-list-panel .panel-header strong,#publicacoes .publication-history-panel .panel-header strong{font-size:13px!important}
  #publicacoes .publication-list-panel .panel-header span,#publicacoes .publication-history-panel .panel-header span{font-size:8px!important;color:#777!important}
  #publicacoes .publication-list,#publicacoes .publication-history-panel .publication-list{border:0!important;background:transparent!important}
  #publicacoes .publication-row{margin:0!important;padding:13px 0!important;border:0!important;border-bottom:1px solid #151515!important;border-radius:0!important;background:#000!important;box-shadow:none!important}
  #publicacoes .publication-row:last-child{border-bottom:0!important}
  #publicacoes .publication-row strong{font-size:11px!important}
  #publicacoes .publication-row small{font-size:8px!important;color:#817679!important}
  #publicacoes .empty{min-height:90px!important;border:0!important;background:#000!important;color:#5f5f5f!important}
  #publicacoes .publication-editor.composer-open{background:#000!important}
  #publicacoes .publication-composer-head{height:60px!important;padding:max(5px,env(safe-area-inset-top)) 14px 5px!important;background:#070a0e!important;border-bottom:1px solid #171b20!important}
  #publicacoes .publication-composer-head>strong{font-size:16px!important}
  #publicacoes .publication-composer-close{font-size:34px!important}
  #publicacoes .publication-composer-next{font-size:13px!important;color:#7992ff!important}
  #publicacoes .publication-picker-preview{height:min(78vw,560px)!important;background:#000!important;border:0!important;cursor:pointer}
  #publicacoes .publication-preview-empty{background:#000!important;color:#6f686a!important}
  #publicacoes .publication-preview-empty>span{font-size:26px!important;font-weight:300!important}
  #publicacoes .publication-preview-empty strong{font-size:11px!important}
  #publicacoes .publication-preview-empty small{font-size:8px!important}
  #publicacoes .publication-selected-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:2px!important;padding:2px 0 0!important;background:#000!important}
  #publicacoes .publication-selected-grid:empty{display:none!important}
  #publicacoes .publication-media-tile{border:0!important;border-radius:0!important;background:#080808!important}
  #publicacoes .publication-media-tile img,#publicacoes .publication-media-tile video{object-fit:cover!important}
  #publicacoes .publication-media-note,#publicacoes .publication-library-bar,.publication-gallery-tile,.publication-camera-tile{display:none!important}
  #publicacoes .publication-details-step{background:#000!important}
  #publicacoes .publication-details-summary{border-bottom:1px solid #171717!important}
  #publicacoes .publication-mode{border-color:#171717!important}
  #publicacoes .publication-mode label+label{border-left-color:#171717!important}
}


/* ============================================================
   V83 — IG FLAT UI
   Camada final e autoritativa: visual mobile-first sem cards.
   ============================================================ */

.ig-flat-ui{
  --ig-bg:#000;
  --ig-text:#f5f5f5;
  --ig-muted:#9a9a9a;
  --ig-line:#1f1f1f;
  --ig-line-soft:#151515;
  --ig-accent:#ff3040;
  --ig-touch:48px;
  background:var(--ig-bg)!important;
}
.ig-flat-ui,
.ig-flat-ui .app-shell,
.ig-flat-ui .main,
.ig-flat-ui .page{
  background:var(--ig-bg)!important;
}
.ig-flat-ui *{
  -webkit-tap-highlight-color:transparent;
}
.ig-flat-ui .page{
  color:var(--ig-text);
}

/* Remove o conceito de card das seções existentes */
.ig-flat-ui :is(
  .panel,.metric-card,.performance-card,.account-panel,.period-bar,
  .pro-v5-insights,.pro-v5-evolution,.pro-v5-growth,.pro-v5-accountinfo,
  .content-card,.history-panel,.automation-editor,.automation-list-panel,
  .automation-activity-panel,.publication-list-panel,.publication-history-panel
){
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  transform:none!important;
}

/* Cabeçalho simples e compacto */
.ig-flat-ui .header{
  background:#000!important;
  border-bottom:1px solid var(--ig-line)!important;
  box-shadow:none!important;
}
.ig-flat-ui .header h1{
  color:var(--ig-text)!important;
  letter-spacing:-.02em!important;
}
.ig-flat-ui .header p{
  color:var(--ig-muted)!important;
}
.ig-flat-ui .instagram-account{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  padding:0!important;
}
.ig-flat-ui .account-avatar{
  border-radius:50%!important;
  box-shadow:none!important;
}

/* Visão geral */
.ig-flat-ui .period-bar{
  border-bottom:1px solid var(--ig-line)!important;
  padding-left:0!important;
  padding-right:0!important;
}
.ig-flat-ui .period-bar strong{font-size:16px!important}
.ig-flat-ui .period-bar span{font-size:11px!important;color:var(--ig-muted)!important}
.ig-flat-ui .period-bar select,
.ig-flat-ui .content-sort,
.ig-flat-ui .search-box input{
  background:#000!important;
  color:var(--ig-text)!important;
  border:0!important;
  border-bottom:1px solid var(--ig-line)!important;
  border-radius:0!important;
  box-shadow:none!important;
}

/* Métricas: número + rótulo, sem caixas */
.ig-flat-ui .metrics-grid{
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid var(--ig-line)!important;
  border-radius:0!important;
  box-shadow:none!important;
  gap:0!important;
}
.ig-flat-ui .metric-card{
  position:relative;
  min-width:0!important;
}
.ig-flat-ui .metric-card:before,
.ig-flat-ui .metric-card:after{display:none!important}
.ig-flat-ui .metric-label{
  color:#d8d8d8!important;
  font-size:11px!important;
  font-weight:600!important;
  line-height:1.25!important;
}
.ig-flat-ui .metric-value{
  color:#fff!important;
  font-size:25px!important;
  font-weight:700!important;
  letter-spacing:-.035em!important;
}
.ig-flat-ui .metric-card>span:last-child{
  color:#777!important;
  font-size:9px!important;
  font-weight:500!important;
}

/* Seções, títulos e separadores */
.ig-flat-ui .panel{
  overflow:visible!important;
}
.ig-flat-ui .panel-header,
.ig-flat-ui .pro-v5-cardhead{
  padding-left:0!important;
  padding-right:0!important;
}
.ig-flat-ui .panel-header strong,
.ig-flat-ui .pro-v5-cardhead strong{
  font-size:15px!important;
}
.ig-flat-ui .panel-header span,
.ig-flat-ui .pro-v5-cardhead span,
.ig-flat-ui .page-context,
.ig-flat-ui .content-intro>p{
  color:var(--ig-muted)!important;
  font-size:10px!important;
  line-height:1.45!important;
}
.ig-flat-ui .chart,
.ig-flat-ui .pro-v5-chart{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.ig-flat-ui .dashboard-grid{
  border-bottom:1px solid var(--ig-line)!important;
}
.ig-flat-ui .dashboard-grid>.panel + .panel{
  border-left:1px solid var(--ig-line)!important;
}
.ig-flat-ui .highlights{
  gap:0!important;
}
.ig-flat-ui .highlight{
  background:transparent!important;
  border:0!important;
  border-top:1px solid var(--ig-line-soft)!important;
  border-radius:0!important;
  padding-left:0!important;
  padding-right:0!important;
}
.ig-flat-ui .highlight span{font-size:10px!important;color:var(--ig-muted)!important}
.ig-flat-ui .highlight strong{font-size:16px!important}

/* Conteúdos recentes: linhas limpas */
.ig-flat-ui .reels-panel{
  border-top:1px solid var(--ig-line)!important;
  padding-top:16px!important;
}
.ig-flat-ui .reel-row{
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid var(--ig-line-soft)!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.ig-flat-ui .reel-row:last-child{border-bottom:0!important}
.ig-flat-ui .reel-thumb{
  border-radius:0!important;
  box-shadow:none!important;
}
.ig-flat-ui .reel-name strong{font-size:12px!important}
.ig-flat-ui .reel-name span,
.ig-flat-ui .reel-stat span{font-size:9px!important;color:var(--ig-muted)!important}
.ig-flat-ui .reel-stat strong{font-size:12px!important}
.ig-flat-ui .performance-badge{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  padding:0!important;
  font-size:9px!important;
}

/* Conteúdos: mídia e dados sem cartão externo */
.ig-flat-ui .content-intro{
  border-bottom:1px solid var(--ig-line)!important;
  padding-bottom:12px!important;
}
.ig-flat-ui .content-grid{
  gap:14px!important;
}
.ig-flat-ui .content-card{
  overflow:visible!important;
}
.ig-flat-ui .content-cover{
  border-radius:0!important;
  border:0!important;
  box-shadow:none!important;
}
.ig-flat-ui .content-body{
  padding:9px 0 14px!important;
}
.ig-flat-ui .content-body>span{font-size:9px!important;color:#777!important}
.ig-flat-ui .content-body h3{
  margin:3px 0 8px!important;
  font-size:12px!important;
  line-height:1.25!important;
}
.ig-flat-ui .content-stats{
  border:0!important;
  background:transparent!important;
  gap:10px!important;
}
.ig-flat-ui .content-stats>div{
  border:0!important;
  background:transparent!important;
  padding:0!important;
}
.ig-flat-ui .content-stats span{font-size:8px!important;color:#777!important}
.ig-flat-ui .content-stats strong{font-size:11px!important}

/* Desempenho */
.ig-flat-ui .performance-grid{
  border-top:1px solid var(--ig-line)!important;
  border-bottom:1px solid var(--ig-line)!important;
  gap:0!important;
}
.ig-flat-ui .performance-card{
  padding-left:0!important;
  padding-right:16px!important;
}
.ig-flat-ui .performance-card:before,
.ig-flat-ui .performance-card:after{display:none!important}
.ig-flat-ui .performance-card span{font-size:10px!important;color:var(--ig-muted)!important}
.ig-flat-ui .performance-card strong{font-size:22px!important}
.ig-flat-ui .performance-card p,
.ig-flat-ui .performance-card small{font-size:9px!important}

/* Comparação e histórico como listas, não caixas */
.ig-flat-ui .comparison-item,
.ig-flat-ui .history-row{
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid var(--ig-line-soft)!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.ig-flat-ui .comparison-item strong{font-size:11px!important}
.ig-flat-ui .comparison-item span,
.ig-flat-ui .history-row{font-size:9px!important}
.ig-flat-ui .history-header{
  background:transparent!important;
  color:#777!important;
  border-bottom:1px solid var(--ig-line)!important;
}

/* Painel profissional */
.ig-flat-ui .pro-v5-section-title{
  border-bottom:1px solid var(--ig-line)!important;
  padding-bottom:10px!important;
}
.ig-flat-ui .pro-v5-section-title strong{font-size:15px!important}
.ig-flat-ui .pro-v5-section-title span{font-size:9px!important;color:var(--ig-muted)!important}
.ig-flat-ui .pro-v5-section-title em{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  padding:0!important;
  color:var(--ig-muted)!important;
  font-size:9px!important;
}
.ig-flat-ui .pro-v5-insights{
  border-bottom:1px solid var(--ig-line)!important;
}
.ig-flat-ui .pro-v5-mainmetric,
.ig-flat-ui .pro-v5-side-metrics>div{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.ig-flat-ui .pro-v5-mainmetric:after,
.ig-flat-ui .pro-v5-side-metrics>div:after{display:none!important}
.ig-flat-ui .pro-v5-mainmetric>span,
.ig-flat-ui .pro-v5-side-metrics span{font-size:10px!important;color:var(--ig-muted)!important}
.ig-flat-ui .pro-v5-mainmetric>strong{font-size:30px!important}
.ig-flat-ui .pro-v5-side-metrics strong{font-size:20px!important}
.ig-flat-ui .pro-v5-mainmetric small,
.ig-flat-ui .pro-v5-side-metrics small{font-size:8px!important;color:#777!important}
.ig-flat-ui .pro-v5-grid{
  border:0!important;
  border-bottom:1px solid var(--ig-line)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.ig-flat-ui .pro-v5-growth{border-left:1px solid var(--ig-line)!important}

/* Conta: perfil no padrão números/foto/texto, sem cartões */
.ig-flat-ui .account-panel{
  padding:0!important;
}
.ig-flat-ui .account-profile{
  border-bottom:1px solid var(--ig-line)!important;
}
.ig-flat-ui .account-profile-avatar{
  box-shadow:none!important;
  border:1px solid #2a2a2a!important;
}
.ig-flat-ui .account-profile-name-row>strong{
  font-size:16px!important;
}
.ig-flat-ui .account-connected-badge{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  padding:0!important;
  font-size:9px!important;
}
.ig-flat-ui .account-profile-copy>b{font-size:11px!important}
.ig-flat-ui .account-profile-copy>span{font-size:9px!important;color:var(--ig-muted)!important}
.ig-flat-ui .account-social-counts{
  gap:0!important;
}
.ig-flat-ui .account-social-counts>div{
  border:0!important;
  min-width:88px!important;
}
.ig-flat-ui .account-social-counts strong{
  font-size:18px!important;
  text-align:center;
}
.ig-flat-ui .account-social-counts span{
  font-size:10px!important;
  color:#ddd!important;
  text-align:center;
}
.ig-flat-ui .account-bio{font-size:11px!important;line-height:1.45!important}
.ig-flat-ui .account-website{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  padding:0!important;
  font-size:11px!important;
}
.ig-flat-ui .account-subtitle{
  border-bottom:1px solid var(--ig-line)!important;
}
.ig-flat-ui .account-subtitle strong{font-size:13px!important}
.ig-flat-ui .account-subtitle span{font-size:9px!important}
.ig-flat-ui .account-info{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  display:block!important;
}
.ig-flat-ui .account-info>div{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  padding:13px 0!important;
  border:0!important;
  border-bottom:1px solid var(--ig-line-soft)!important;
  background:transparent!important;
}
.ig-flat-ui .account-info>div:last-child{border-bottom:0!important}
.ig-flat-ui .account-info span{font-size:10px!important;color:var(--ig-muted)!important}
.ig-flat-ui .account-info strong{font-size:11px!important}

/* Estados vazios discretos */
.ig-flat-ui .empty-state{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  min-height:100px!important;
}
.ig-flat-ui .empty-state span{display:none!important}
.ig-flat-ui .empty-state strong{font-size:10px!important;color:#777!important}

/* Botões permanecem visíveis somente quando têm função */
.ig-flat-ui :is(.text-button,.sync-button,.connect-button,.danger-button){
  border-radius:8px!important;
}

/* MOBILE — proporções próximas de uma interface nativa */
@media(max-width:700px){
  .ig-flat-ui .main{
    padding-left:14px!important;
    padding-right:14px!important;
  }
  .ig-flat-ui .header{
    min-height:54px!important;
    padding:7px 0!important;
  }
  .ig-flat-ui .header h1{
    font-size:16px!important;
    line-height:1.1!important;
  }
  .ig-flat-ui .header p{
    display:none!important;
  }
  .ig-flat-ui .instagram-account strong{font-size:11px!important}
  .ig-flat-ui .account-avatar{
    width:30px!important;
    height:30px!important;
  }
  .ig-flat-ui .page{
    padding-top:10px!important;
    padding-bottom:86px!important;
  }

  .ig-flat-ui .period-bar{
    margin:0 0 8px!important;
    padding:8px 0 12px!important;
    gap:8px!important;
  }
  .ig-flat-ui .period-bar strong{font-size:14px!important}
  .ig-flat-ui .period-bar span{font-size:9px!important}
  .ig-flat-ui .period-bar select{
    min-height:38px!important;
    padding:4px 20px 4px 0!important;
    font-size:10px!important;
  }

  .ig-flat-ui .metrics-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    margin:0 0 16px!important;
  }
  .ig-flat-ui .metric-card{
    padding:12px 5px 13px!important;
    text-align:center!important;
  }
  .ig-flat-ui .metric-label{
    min-height:28px;
    font-size:9px!important;
  }
  .ig-flat-ui .metric-value{
    font-size:21px!important;
    margin:5px 0 4px!important;
  }
  .ig-flat-ui .metric-card>span:last-child{
    font-size:8px!important;
  }

  .ig-flat-ui .dashboard-grid{
    display:block!important;
    margin:0!important;
    border-bottom:0!important;
  }
  .ig-flat-ui .dashboard-grid>.panel{
    padding:16px 0!important;
    border-bottom:1px solid var(--ig-line)!important;
  }
  .ig-flat-ui .dashboard-grid>.panel + .panel{
    border-left:0!important;
  }
  .ig-flat-ui .chart-panel{padding:16px 0!important}
  .ig-flat-ui .panel-header{margin-bottom:10px!important}
  .ig-flat-ui .panel-header strong{font-size:13px!important}
  .ig-flat-ui .panel-header span{font-size:9px!important}
  .ig-flat-ui .chart{height:190px!important}

  .ig-flat-ui .reels-panel{
    margin-top:0!important;
    padding:16px 0 0!important;
  }
  .ig-flat-ui .reel-row{
    grid-template-columns:52px minmax(0,1fr) auto!important;
    gap:10px!important;
    padding:10px 0!important;
  }
  .ig-flat-ui .reel-thumb{
    width:52px!important;
    height:68px!important;
  }
  .ig-flat-ui .reel-stat{display:none!important}
  .ig-flat-ui .reel-name strong{
    font-size:11px!important;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .ig-flat-ui .performance-badge{
    align-self:center!important;
    max-width:92px;
    text-align:right;
  }

  .ig-flat-ui .content-intro{
    display:block!important;
    margin:0 0 12px!important;
  }
  .ig-flat-ui .content-intro>p{
    margin-bottom:10px!important;
    font-size:9px!important;
  }
  .ig-flat-ui .content-tools{
    grid-template-columns:1fr 1fr!important;
    gap:12px!important;
  }
  .ig-flat-ui .content-sort,
  .ig-flat-ui .search-box input{
    min-height:38px!important;
    padding-left:0!important;
    font-size:10px!important;
  }
  .ig-flat-ui .content-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }
  .ig-flat-ui .content-cover{
    aspect-ratio:4/5!important;
  }
  .ig-flat-ui .content-body h3{font-size:10px!important}
  .ig-flat-ui .content-stats{
    display:flex!important;
    justify-content:space-between!important;
  }
  .ig-flat-ui .content-stats>div:nth-child(3){display:none!important}

  .ig-flat-ui .page-context{
    margin:0 0 10px!important;
    font-size:9px!important;
  }
  .ig-flat-ui .performance-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    margin-bottom:14px!important;
  }
  .ig-flat-ui .performance-card{
    padding:13px 10px 13px 0!important;
    min-height:108px!important;
  }
  .ig-flat-ui .performance-card strong{font-size:19px!important}

  .ig-flat-ui .pro-v5-section-title{
    margin:0!important;
    padding:10px 0!important;
  }
  .ig-flat-ui .pro-v5-insights{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    padding:0!important;
  }
  .ig-flat-ui .pro-v5-mainmetric,
  .ig-flat-ui .pro-v5-side-metrics>div{
    min-height:92px!important;
    padding:13px 6px!important;
  }
  .ig-flat-ui .pro-v5-mainmetric{
    grid-column:1/-1!important;
    border-bottom:1px solid var(--ig-line-soft)!important;
  }
  .ig-flat-ui .pro-v5-side-metrics{
    display:contents!important;
  }
  .ig-flat-ui .pro-v5-side-metrics>div:nth-child(3){
    grid-column:1/-1!important;
    border-top:1px solid var(--ig-line-soft)!important;
  }
  .ig-flat-ui .pro-v5-mainmetric>strong{font-size:27px!important}
  .ig-flat-ui .pro-v5-side-metrics strong{font-size:18px!important}
  .ig-flat-ui .pro-v5-grid{
    display:block!important;
  }
  .ig-flat-ui .pro-v5-evolution,
  .ig-flat-ui .pro-v5-growth{
    padding:16px 0!important;
  }
  .ig-flat-ui .pro-v5-growth{
    border-left:0!important;
    border-top:1px solid var(--ig-line)!important;
  }

  .ig-flat-ui .history-panel{
    padding:0!important;
    overflow-x:auto!important;
  }
  .ig-flat-ui .history-row{
    min-width:560px!important;
    padding:11px 0!important;
  }

  .ig-flat-ui .account-profile{
    grid-template-columns:78px minmax(0,1fr)!important;
    gap:14px!important;
    padding:12px 0 16px!important;
  }
  .ig-flat-ui .account-profile-avatar{
    width:78px!important;
    height:78px!important;
  }
  .ig-flat-ui .account-profile-name-row>strong{
    font-size:14px!important;
  }
  .ig-flat-ui .account-social-counts{
    width:100%;
    margin:13px 0 9px!important;
    justify-content:space-between!important;
  }
  .ig-flat-ui .account-social-counts>div{
    flex:1;
    min-width:0!important;
    padding:0 4px!important;
  }
  .ig-flat-ui .account-social-counts strong{font-size:16px!important}
  .ig-flat-ui .account-social-counts span{font-size:9px!important}
  .ig-flat-ui .account-bio{font-size:10px!important}
  .ig-flat-ui .account-subtitle{padding:16px 0 7px!important}
  .ig-flat-ui .account-info>div{padding:11px 0!important}

  /* Menu lateral e modais continuam funcionais; apenas remove ornamentos */
  .ig-flat-ui .menu-item{
    border-radius:0!important;
    box-shadow:none!important;
  }
}

/* Telas muito estreitas (ex. 360 CSS px / Galaxy A15) */
@media(max-width:380px){
  .ig-flat-ui .main{padding-left:12px!important;padding-right:12px!important}
  .ig-flat-ui .metric-label{font-size:8.5px!important}
  .ig-flat-ui .metric-value{font-size:19px!important}
  .ig-flat-ui .content-grid{gap:9px!important}
  .ig-flat-ui .account-profile{grid-template-columns:70px minmax(0,1fr)!important}
  .ig-flat-ui .account-profile-avatar{width:70px!important;height:70px!important}
}

/* V84.8 — Publicações: tipografia e proporções organizadas */
body.ig-flat-ui #mainApp#mainApp #publicacoes#publicacoes{
  max-width:1120px!important;
  margin:0 auto!important;
}

body.ig-flat-ui #mainApp#mainApp #publicacoes#publicacoes .publication-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(330px,.9fr)!important;
  gap:14px!important;
  align-items:start!important;
}

body.ig-flat-ui #mainApp#mainApp #publicacoes#publicacoes :is(
  .publication-editor,.publication-list-panel,.publication-history-panel
){
  padding:18px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  background:#0b0b0e!important;
  box-shadow:none!important;
}

body.ig-flat-ui #mainApp#mainApp #publicacoes#publicacoes .panel-header{
  display:block!important;
  margin:0 0 14px!important;
  padding:0!important;
  border:0!important;
}

body.ig-flat-ui #mainApp#mainApp #publicacoes#publicacoes .panel-header strong{
  display:block!important;
  color:#f5f5f7!important;
  font-size:15px!important;
  font-weight:750!important;
  line-height:1.25!important;
  letter-spacing:-.015em!important;
}

body.ig-flat-ui #mainApp#mainApp #publicacoes#publicacoes .panel-header span{
  display:block!important;
  margin-top:5px!important;
  color:#9999a3!important;
  font-size:11px!important;
  font-weight:550!important;
  line-height:1.45!important;
}

body.ig-flat-ui #mainApp#mainApp #publicacoes#publicacoes .publication-picker-preview{
  min-height:270px!important;
  max-height:310px!important;
  aspect-ratio:16/10!important;
  border:1px solid rgba(255,57,72,.22)!important;
  background:#050506!important;
}

body.ig-flat-ui #mainApp#mainApp #publicacoes#publicacoes .publication-preview-empty{
  gap:7px!important;
  padding:24px!important;
  color:#aaaab2!important;
  text-align:center!important;
}

body.ig-flat-ui #mainApp#mainApp #publicacoes#publicacoes .publication-preview-empty>span{
  color:#b1b1ba!important;
  font-size:28px!important;
  font-weight:400!important;
  line-height:1!important;
}

body.ig-flat-ui #mainApp#mainApp #publicacoes#publicacoes .publication-preview-empty>strong{
  color:#c7c7ce!important;
  font-size:12px!important;
  font-weight:650!important;
  line-height:1.35!important;
}

body.ig-flat-ui #mainApp#mainApp #publicacoes#publicacoes .publication-preview-empty>small{
  color:#7f7f89!important;
  font-size:9px!important;
  font-weight:550!important;
  line-height:1.3!important;
}

body.ig-flat-ui #mainApp#mainApp #publicacoes#publicacoes .publication-media-feedback{
  margin:10px 0 0!important;
  color:#a7a7b0!important;
  font-size:11px!important;
  font-weight:550!important;
  line-height:1.4!important;
}

body.ig-flat-ui #mainApp#mainApp #publicacoes#publicacoes .publication-list{
  display:grid!important;
  gap:8px!important;
}

body.ig-flat-ui #mainApp#mainApp #publicacoes#publicacoes .empty-state{
  min-height:84px!important;
  padding:18px!important;
  color:#85858f!important;
  font-size:11px!important;
  line-height:1.45!important;
}

body.ig-flat-ui #mainApp#mainApp #publicacoes#publicacoes .publication-history-panel{
  margin-top:14px!important;
}

@media(max-width:900px){
  body.ig-flat-ui #mainApp#mainApp #publicacoes#publicacoes{
    max-width:100%!important;
  }
  body.ig-flat-ui #mainApp#mainApp #publicacoes#publicacoes .publication-layout{
    grid-template-columns:1fr!important;
  }
  body.ig-flat-ui #mainApp#mainApp #publicacoes#publicacoes .publication-picker-preview{
    min-height:230px!important;
    max-height:300px!important;
    aspect-ratio:4/3!important;
  }
}

/* V84.12 — opções de publicação compactas e acessíveis */
body.ig-flat-ui #mainApp#mainApp #publicacoes#publicacoes #publicationEditor .publication-mode{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  margin:14px 0 0!important;
  padding:0!important;
  border:0!important;
}

body.ig-flat-ui #mainApp#mainApp #publicacoes#publicacoes #publicationEditor .publication-mode label{
  display:inline-flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  width:auto!important;
  min-width:104px!important;
  min-height:40px!important;
  margin:0!important;
  padding:8px 11px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:#0b0b0e!important;
  color:#c5c5cc!important;
  font-size:10px!important;
  font-weight:650!important;
  line-height:1.2!important;
}

body.ig-flat-ui #mainApp#mainApp #publicacoes#publicacoes #publicationEditor .publication-mode label:has(input:checked){
  border-color:rgba(255,55,72,.55)!important;
  background:#13090b!important;
  color:#fff!important;
}

body.ig-flat-ui #mainApp#mainApp #publicacoes#publicacoes #publicationEditor .publication-mode input{
  flex:0 0 auto!important;
  width:14px!important;
  height:14px!important;
  min-height:0!important;
  margin:0!important;
}

@media(max-width:420px){
  body.ig-flat-ui #mainApp#mainApp #publicacoes#publicacoes #publicationEditor .publication-mode label{
    min-width:0!important;
    min-height:40px!important;
    padding:8px 10px!important;
  }
}

/* V84.13 — troca rápida da mídia diretamente pela grade */
body.ig-flat-ui #mainApp#mainApp #publicacoes#publicacoes .publication-new-media-tile{
  display:grid!important;
  place-content:center!important;
  align-content:center!important;
  gap:5px!important;
  aspect-ratio:1/1!important;
  min-width:0!important;
  min-height:0!important;
  padding:8px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  background:#0b0b0e!important;
  color:#c8c8cf!important;
  cursor:pointer!important;
  text-align:center!important;
}

body.ig-flat-ui #mainApp#mainApp #publicacoes#publicacoes .publication-new-media-tile>span{
  display:block!important;
  color:#ff4354!important;
  font-size:21px!important;
  font-weight:400!important;
  line-height:1!important;
}

body.ig-flat-ui #mainApp#mainApp #publicacoes#publicacoes .publication-new-media-tile>strong{
  display:block!important;
  color:#d7d7dc!important;
  font-size:8px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:.08em!important;
}

/* V84.14 — único controle de mídia acima da prévia */
body.ig-flat-ui #mainApp#mainApp #publicacoes#publicacoes .publication-media-action{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:126px!important;
  min-height:38px!important;
  margin:0 0 10px!important;
  padding:8px 13px!important;
  border:1px solid rgba(255,67,84,.48)!important;
  background:#13090b!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:750!important;
  line-height:1.2!important;
  cursor:pointer!important;
}

body.ig-flat-ui #mainApp#mainApp #publicacoes#publicacoes .publication-selected-grid,
body.ig-flat-ui #mainApp#mainApp #publicacoes#publicacoes .publication-new-media-tile,
body.ig-flat-ui #mainApp#mainApp #publicacoes#publicacoes #publicationBackToMedia{
  display:none!important;
}

body.ig-flat-ui #mainApp#mainApp #publicacoes#publicacoes .publication-details-summary{
  grid-template-columns:minmax(0,1fr)!important;
}

/* V84.15 — legenda próxima da mídia e sem nome técnico do arquivo */
body.ig-flat-ui #mainApp#mainApp #publicacoes#publicacoes #publicationSelectionSummary{
  display:none!important;
}

body.ig-flat-ui #mainApp#mainApp #publicacoes#publicacoes #publicationEditor .publication-details-step{
  margin-top:7px!important;
  padding-top:7px!important;
  border-top:0!important;
}

body.ig-flat-ui #mainApp#mainApp #publicacoes#publicacoes #publicationEditor .publication-details-summary{
  margin:0 0 7px!important;
  padding:0!important;
  border:0!important;
}

body.ig-flat-ui #mainApp#mainApp #publicacoes#publicacoes #publicationEditor .publication-details-summary{
  display:none!important;
}

/* V84.12 — prévia real nos agendamentos e no histórico, sempre sem recorte */
body.ig-flat-ui #mainApp#mainApp #publicacoes#publicacoes .publication-row{
  display:grid!important;
  grid-template-columns:104px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:14px!important;
}
body.ig-flat-ui #mainApp#mainApp #publicacoes#publicacoes .publication-row-media{
  display:grid!important;
  place-items:center!important;
  width:104px!important;
  height:104px!important;
  overflow:hidden!important;
  border:1px solid #262126!important;
  background:#000!important;
}
body.ig-flat-ui #mainApp#mainApp #publicacoes#publicacoes .publication-row-media :is(img,video){
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#000!important;
}
body.ig-flat-ui #mainApp#mainApp #publicacoes#publicacoes .publication-row-content{
  min-width:0!important;
}
body.ig-flat-ui #mainApp#mainApp #publicacoes#publicacoes .publication-row-placeholder{
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  height:100%!important;
  color:#6f6669!important;
  font-size:22px!important;
}
@media(max-width:640px){
  body.ig-flat-ui #mainApp#mainApp #publicacoes#publicacoes .publication-row{
    grid-template-columns:86px minmax(0,1fr)!important;
    align-items:start!important;
    gap:11px!important;
  }
  body.ig-flat-ui #mainApp#mainApp #publicacoes#publicacoes .publication-row-media{
    width:86px!important;
    height:108px!important;
  }
  body.ig-flat-ui #mainApp#mainApp #publicacoes#publicacoes .publication-row-actions{
    grid-column:1/-1!important;
  }
}

body.ig-flat-ui #mainApp#mainApp #publicacoes#publicacoes #publicationKindLabel{
  font-size:10px!important;
  line-height:1.2!important;
}

body.ig-flat-ui #mainApp#mainApp #publicacoes#publicacoes #publicationEditor .publication-caption-label{
  margin-top:0!important;
}

@media(max-width:700px){
  body.ig-flat-ui #mainApp#mainApp #publicacoes#publicacoes :is(
    .publication-editor,.publication-list-panel,.publication-history-panel
  ){
    padding:14px!important;
  }
  body.ig-flat-ui #mainApp#mainApp #publicacoes#publicacoes .panel-header strong{
    font-size:14px!important;
  }
  body.ig-flat-ui #mainApp#mainApp #publicacoes#publicacoes .panel-header span,
  body.ig-flat-ui #mainApp#mainApp #publicacoes#publicacoes .publication-media-feedback{
    font-size:10px!important;
  }
}

/* V84.1 — densidade compacta para desktop e mobile */
body.ig-flat-ui #mainApp#mainApp .header{
  min-height:70px!important;
  padding-top:12px!important;
  padding-bottom:12px!important;
}
body.ig-flat-ui #mainApp#mainApp .header h1{
  font-size:30px!important;
  line-height:1.05!important;
}
body.ig-flat-ui #mainApp#mainApp .header p{
  margin-top:5px!important;
  font-size:12px!important;
}
body.ig-flat-ui #mainApp#mainApp .menu-item{
  min-height:43px!important;
  font-size:13px!important;
}
body.ig-flat-ui #mainApp#mainApp .period-bar{
  min-height:68px!important;
  margin-bottom:14px!important;
  padding:14px 16px!important;
}
body.ig-flat-ui #mainApp#mainApp .metrics-grid{
  gap:10px!important;
  margin-bottom:14px!important;
}
body.ig-flat-ui #mainApp#mainApp .metric-card{
  min-height:108px!important;
  padding:15px 17px!important;
}
body.ig-flat-ui #mainApp#mainApp .metric-label{
  font-size:12px!important;
}
body.ig-flat-ui #mainApp#mainApp .metric-value{
  margin:7px 0 4px!important;
  font-size:32px!important;
}
body.ig-flat-ui #mainApp#mainApp .metric-card>span:last-child{
  font-size:11px!important;
}
body.ig-flat-ui #mainApp#mainApp .panel{
  padding:18px!important;
}
body.ig-flat-ui #mainApp#mainApp .panel-header{
  margin-bottom:12px!important;
}
body.ig-flat-ui #mainApp#mainApp :is(.panel-header strong,.pro-v5-cardhead strong,.period-bar strong){
  font-size:15px!important;
}
body.ig-flat-ui #mainApp#mainApp :is(.panel-header span,.pro-v5-cardhead span,.page-context,.content-intro>p){
  font-size:12px!important;
  line-height:1.4!important;
}
body.ig-flat-ui #mainApp#mainApp :is(select,input,textarea){
  min-height:42px!important;
  font-size:13px!important;
}

@media(min-width:701px){
  body.ig-flat-ui #mainApp#mainApp .sidebar{
    width:205px!important;
    padding-left:12px!important;
    padding-right:12px!important;
  }
  body.ig-flat-ui #mainApp#mainApp .main{
    margin-left:205px!important;
    padding-left:24px!important;
    padding-right:24px!important;
  }
  body.ig-flat-ui #mainApp#mainApp .brand{
    min-height:67px!important;
  }
}

@media(max-width:700px){
  body.ig-flat-ui #mainApp#mainApp .header{
    min-height:54px!important;
    padding:7px 0!important;
  }
  body.ig-flat-ui #mainApp#mainApp .header h1{
    font-size:17px!important;
  }
  body.ig-flat-ui #mainApp#mainApp .page{
    padding-top:10px!important;
  }
  body.ig-flat-ui #mainApp#mainApp .period-bar{
    min-height:auto!important;
    margin-bottom:10px!important;
    padding:11px 12px!important;
  }
  body.ig-flat-ui #mainApp#mainApp .metrics-grid{
    gap:7px!important;
    margin-bottom:10px!important;
  }
  body.ig-flat-ui #mainApp#mainApp .metric-card{
    min-height:96px!important;
    padding:12px!important;
  }
  body.ig-flat-ui #mainApp#mainApp .metric-label{
    font-size:10px!important;
  }
  body.ig-flat-ui #mainApp#mainApp .metric-value{
    margin:6px 0 3px!important;
    font-size:24px!important;
  }
  body.ig-flat-ui #mainApp#mainApp .metric-card>span:last-child{
    font-size:10px!important;
  }
  body.ig-flat-ui #mainApp#mainApp .panel,
  body.ig-flat-ui #mainApp#mainApp .dashboard-grid>.panel,
  body.ig-flat-ui #mainApp#mainApp .reels-panel,
  body.ig-flat-ui #mainApp#mainApp .pro-v5-evolution,
  body.ig-flat-ui #mainApp#mainApp .pro-v5-growth{
    padding:13px!important;
  }
  body.ig-flat-ui #mainApp#mainApp .panel-header{
    margin-bottom:9px!important;
  }
  body.ig-flat-ui #mainApp#mainApp .panel-header strong{
    font-size:14px!important;
  }
  body.ig-flat-ui #mainApp#mainApp .panel-header span{
    font-size:11px!important;
  }
}

/* Conta: cabeçalho contínuo, sem divisórias decorativas */
body.ig-flat-ui #mainApp#mainApp:has(#conta.active-page) .header{
  border-bottom:0!important;
  box-shadow:none!important;
}

body.ig-flat-ui #mainApp#mainApp:has(#conta.active-page) .header h1::after{
  display:none!important;
}

/* V84.6 — interface totalmente estática em todas as telas */
html,
html:focus-within{
  scroll-behavior:auto!important;
}

html *,
html *::before,
html *::after{
  animation:none!important;
  animation-delay:0s!important;
  animation-duration:0s!important;
  transition:none!important;
  transition-delay:0s!important;
  transition-duration:0s!important;
}

html .number-changing,
html .number-up,
html .number-down{
  animation:none!important;
}

html.android-app body.ig-flat-ui .oauth-loading-mark{
  animation:none!important;
}

/* Nenhum componente muda de posição ao passar o mouse, tocar ou selecionar. */
html body.ig-flat-ui :is(
  .menu-item,
  .metric-card,
  .performance-card,
  .panel,
  .content-card,
  .reel-row,
  .pro-highlight-card,
  .legal-links a,
  .connect-button,
  .auth-primary,
  .logout-button,
  .sync-button,
  .danger-button,
  .text-button,
  button
):is(:hover,:active){
  transform:none!important;
}

html body.ig-flat-ui .schedule-wheel-item.selected{
  transform:none!important;
}

/* Bloqueio final com prioridade máxima para todo o aplicativo e telas auxiliares. */
html.no-motion.no-motion body.no-motion.no-motion *,
html.no-motion.no-motion body.no-motion.no-motion *::before,
html.no-motion.no-motion body.no-motion.no-motion *::after{
  animation-name:none!important;
  animation:none!important;
  animation-duration:0s!important;
  animation-delay:0s!important;
  animation-iteration-count:1!important;
  transition-property:none!important;
  transition:none!important;
  transition-duration:0s!important;
  transition-delay:0s!important;
  scroll-behavior:auto!important;
}

html.no-motion body.no-motion :is(
  button,
  a,
  .menu-item,
  .mobile-nav-item,
  .preview-bottom-item,
  .metric-card,
  .performance-card,
  .content-card,
  .reel-row,
  .panel,
  .pro-highlight-card,
  .history-row,
  .comparison-item,
  .highlight
):is(:hover,:focus,:active){
  transform:none!important;
  filter:none!important;
}

/* V84.7 — hover neutro: o cursor não altera luz, cor, escala ou profundidade. */
html.no-motion.no-motion body.no-motion.no-motion #mainApp#mainApp :is(
  .panel,
  .period-bar,
  .metric-card,
  .performance-card,
  .content-card,
  .account-panel,
  .legal-panel,
  .reel-row,
  .comparison-item,
  .highlight,
  .history-row,
  .pro-v5-insights,
  .pro-v5-grid,
  .pro-v5-mainmetric,
  .pro-v5-side-metrics>div,
  .pro-v5-evolution,
  .pro-v5-growth,
  .pro-v5-accountinfo,
  .pro-highlight-card
):is(:hover,:focus,:active){
  transform:none!important;
  filter:none!important;
  box-shadow:none!important;
  border-color:rgba(255,255,255,.08)!important;
}

html.no-motion.no-motion body.no-motion.no-motion #mainApp#mainApp :is(
  button,
  a,
  input,
  select,
  textarea,
  .connect-button,
  .sync-button,
  .danger-button,
  .text-button,
  .publication-primary-action,
  .publication-file-button,
  .instagram-open,
  .account-website
):is(:hover,:focus,:active){
  transform:none!important;
  filter:none!important;
  box-shadow:none!important;
  text-shadow:none!important;
}

html.no-motion.no-motion body.no-motion.no-motion #mainApp#mainApp .menu-item:not(.active):hover{
  color:var(--cinema-muted)!important;
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
}

html.no-motion.no-motion body.no-motion.no-motion #mainApp#mainApp .menu-item:not(.active):hover .menu-icon{
  color:#a74b4b!important;
  filter:none!important;
}

html.no-motion.no-motion body.no-motion.no-motion #mainApp#mainApp .menu-item:not(.active)::before{
  opacity:0!important;
  box-shadow:none!important;
}

html.no-motion.no-motion body.no-motion.no-motion #mainApp#mainApp .content-card:hover :is(.content-cover,.cover-shade){
  transform:none!important;
  filter:none!important;
}

html.no-motion.no-motion body.no-motion.no-motion #mainApp#mainApp .metrics-grid .metric-card:hover::after{
  opacity:.82!important;
  box-shadow:none!important;
}

html.no-motion.no-motion body.no-motion.no-motion #mainApp#mainApp .metrics-grid .metric-card:hover::before{
  opacity:.72!important;
  box-shadow:none!important;
}

/* V84.2 — alinhamento e contenção de todo o conteúdo */
body.ig-flat-ui #mainApp#mainApp :is(
  .main,.page,.panel,.panel-header,.metrics-grid,.metric-card,
  .performance-grid,.performance-card,.dashboard-grid,.comparison-list,
  .comparison-item,.content-grid,.content-card,.automation-layout,
  .publication-layout,.pro-v5-grid,.pro-v5-insights
){
  min-width:0!important;
  max-width:100%;
}

body.ig-flat-ui #mainApp#mainApp :is(h1,h2,h3,strong,span,p,small,label){
  overflow-wrap:anywhere;
}

body.ig-flat-ui #mainApp#mainApp :is(img,video,svg){
  max-width:100%;
}

body.ig-flat-ui #mainApp#mainApp .performance-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  align-items:stretch!important;
  gap:10px!important;
}

body.ig-flat-ui #mainApp#mainApp .performance-card{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  min-height:158px!important;
  padding:15px!important;
}

body.ig-flat-ui #mainApp#mainApp .performance-card>span:first-child{
  display:block!important;
  min-height:34px!important;
  color:#c2c2c9!important;
  font-size:11px!important;
  line-height:1.35!important;
}

body.ig-flat-ui #mainApp#mainApp .performance-card>strong{
  margin:8px 0 5px!important;
  font-size:25px!important;
  line-height:1!important;
}

body.ig-flat-ui #mainApp#mainApp .performance-card>p{
  min-height:28px!important;
  margin:0!important;
  color:var(--cinema-muted)!important;
  font-size:10px!important;
  line-height:1.35!important;
}

body.ig-flat-ui #mainApp#mainApp .performance-card>small{
  display:-webkit-box!important;
  width:100%;
  margin-top:auto!important;
  overflow:hidden;
  color:#34df91!important;
  font-size:10px!important;
  font-weight:700!important;
  line-height:1.35!important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}

body.ig-flat-ui #mainApp#mainApp .comparison-list{
  display:grid!important;
  gap:7px!important;
}

body.ig-flat-ui #mainApp#mainApp .comparison-item{
  display:grid!important;
  grid-template-columns:minmax(190px,1.65fr) repeat(3,minmax(105px,1fr))!important;
  align-items:center!important;
  gap:14px!important;
  min-height:50px!important;
  padding:10px 13px!important;
}

body.ig-flat-ui #mainApp#mainApp .comparison-item>*{
  min-width:0!important;
  margin:0!important;
  font-size:11px!important;
  line-height:1.35!important;
}

body.ig-flat-ui #mainApp#mainApp .comparison-item>strong{
  color:#fff!important;
  font-size:12px!important;
}

body.ig-flat-ui #mainApp#mainApp :is(.header,.period-bar,.panel-header,.pro-v5-cardhead,.content-intro){
  gap:14px!important;
}

body.ig-flat-ui #mainApp#mainApp :is(.header>*,.period-bar>*,.panel-header>*,.content-intro>*){
  min-width:0!important;
}

body.ig-flat-ui #mainApp#mainApp .content-grid{
  align-items:stretch!important;
}

body.ig-flat-ui #mainApp#mainApp .content-card{
  height:100%!important;
}

@media(max-width:900px){
  body.ig-flat-ui #mainApp#mainApp .performance-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.ig-flat-ui #mainApp#mainApp .comparison-item{
    grid-template-columns:minmax(0,1.35fr) repeat(3,minmax(90px,1fr))!important;
    gap:9px!important;
  }
}

@media(max-width:700px){
  body.ig-flat-ui #mainApp#mainApp .performance-card{
    min-height:145px!important;
    padding:13px!important;
  }
  body.ig-flat-ui #mainApp#mainApp .performance-card>span:first-child{
    min-height:31px!important;
    font-size:10px!important;
  }
  body.ig-flat-ui #mainApp#mainApp .performance-card>strong{
    font-size:22px!important;
  }
  body.ig-flat-ui #mainApp#mainApp .comparison-item{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px 12px!important;
    padding:12px!important;
  }
  body.ig-flat-ui #mainApp#mainApp .comparison-item>strong{
    grid-column:1/-1;
    padding-bottom:7px;
    border-bottom:1px solid var(--cinema-line);
  }
  body.ig-flat-ui #mainApp#mainApp .comparison-item>span:last-child{
    grid-column:1/-1;
  }
  body.ig-flat-ui #mainApp#mainApp :is(.header,.period-bar,.panel-header,.content-intro){
    gap:9px!important;
  }
}

/* V84.3 — ferramentas e editor sempre dentro da grade */
body.ig-flat-ui #mainApp#mainApp .content-intro{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(320px,400px)!important;
  align-items:end!important;
}

body.ig-flat-ui #mainApp#mainApp .content-tools{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  width:100%!important;
  min-width:0!important;
}

body.ig-flat-ui #mainApp#mainApp :is(.content-sort,.search-box,.search-box input){
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
}

body.ig-flat-ui #mainApp#mainApp #publicationEditor{
  min-width:0!important;
  overflow:hidden!important;
}

body.ig-flat-ui #mainApp#mainApp #publicationEditor[data-step="media"]{
  display:block!important;
}

body.ig-flat-ui #mainApp#mainApp #publicationEditor[data-step="media"] .publication-media-step{
  display:block!important;
  width:100%!important;
}

body.ig-flat-ui #mainApp#mainApp #publicationEditor[data-step="media"] .publication-details-step{
  display:none!important;
}

body.ig-flat-ui #mainApp#mainApp #publicationEditor[data-step="details"]{
  display:block!important;
}

body.ig-flat-ui #mainApp#mainApp #publicationEditor[data-step="details"] .publication-media-step{
  display:none!important;
}

body.ig-flat-ui #mainApp#mainApp #publicationEditor[data-step="details"] .publication-details-step{
  display:block!important;
  width:100%!important;
  min-width:0!important;
}

body.ig-flat-ui #mainApp#mainApp #publicationSelectionSummary{
  display:block!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis;
  white-space:nowrap;
}

@media(max-width:800px){
  body.ig-flat-ui #mainApp#mainApp .content-intro{
    grid-template-columns:1fr!important;
    align-items:stretch!important;
  }
}

@media(max-width:480px){
  body.ig-flat-ui #mainApp#mainApp .content-tools{
    grid-template-columns:1fr!important;
  }
}

body.ig-flat-ui #mainApp#mainApp .publication-layout{
  align-items:start!important;
}

body.ig-flat-ui #mainApp#mainApp :is(.publication-editor,.publication-list-panel,.publication-history-panel){
  align-self:start!important;
  height:auto!important;
}

body.ig-flat-ui #mainApp#mainApp .publication-picker-preview{
  width:100%!important;
  height:auto!important;
  min-height:230px!important;
  max-height:390px!important;
  aspect-ratio:4/3!important;
}

@media(max-width:700px){
  body.ig-flat-ui #mainApp#mainApp .publication-picker-preview{
    min-height:210px!important;
    max-height:340px!important;
    aspect-ratio:1/1!important;
  }
}

/* V84.4 — somente blocos retos sobre fundo limpo */
body.ig-flat-ui::before{
  background:#070709!important;
  filter:none!important;
}

body.ig-flat-ui::after{
  display:none!important;
}

body.ig-flat-ui #mainApp#mainApp,
body.ig-flat-ui #mainApp#mainApp .main,
body.ig-flat-ui #mainApp#mainApp .page{
  background:transparent!important;
  background-image:none!important;
}

body.ig-flat-ui #mainApp#mainApp *,
body.ig-flat-ui #authShell#authShell *{
  border-radius:0!important;
}

body.ig-flat-ui #mainApp#mainApp :is(
  #dashboard#dashboard,#conteudos#conteudos,#desempenho#desempenho,
  #profissional#profissional,#historico#historico,#conta#conta,
  #automacao#automacao,#publicacoes#publicacoes,#legal#legal
) *{
  border-radius:0!important;
}

body.ig-flat-ui #mainApp#mainApp :is(
  .panel,.metric-card,.performance-card,.account-panel,.period-bar,
  .pro-v5-insights,.pro-v5-evolution,.pro-v5-growth,.pro-v5-accountinfo,
  .content-card,.history-panel,.automation-editor,.automation-list-panel,
  .automation-activity-panel,.publication-editor,.publication-list-panel,
  .publication-history-panel
){
  background:rgba(12,12,15,.94)!important;
  box-shadow:none!important;
}

body.ig-flat-ui #mainApp#mainApp :is(.chart-total,.highlight strong){
  white-space:nowrap!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}

/* V84.5 — Conta no formato de perfil, sem caixas e linhas repetidas */
body.ig-flat-ui #mainApp#mainApp #conta#conta .account-panel{
  width:min(100%,920px)!important;
  margin:0 auto!important;
  padding:8px 0 28px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

body.ig-flat-ui #mainApp#mainApp #conta#conta .account-profile{
  display:grid!important;
  grid-template-columns:112px minmax(0,1fr)!important;
  align-items:start!important;
  gap:28px!important;
  margin:0!important;
  padding:18px 8px 34px!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
}

body.ig-flat-ui #mainApp#mainApp #conta#conta .account-profile-avatar{
  width:104px!important;
  height:104px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:none!important;
}

body.ig-flat-ui #mainApp#mainApp #conta#conta .account-profile-copy{
  display:block!important;
  min-width:0!important;
}

body.ig-flat-ui #mainApp#mainApp #conta#conta .account-profile-name-row{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:8px!important;
}

body.ig-flat-ui #mainApp#mainApp #conta#conta .account-profile-name-row>strong{
  color:#fff!important;
  font-size:18px!important;
  line-height:1.25!important;
}

body.ig-flat-ui #mainApp#mainApp #conta#conta .account-connected-badge{
  padding:0!important;
  color:#31dc8c!important;
  background:transparent!important;
  border:0!important;
  font-size:10px!important;
  font-weight:750!important;
}

body.ig-flat-ui #mainApp#mainApp #conta#conta #accountUsername{
  display:block!important;
  margin-top:3px!important;
  color:#ff4354!important;
  font-size:13px!important;
}

body.ig-flat-ui #mainApp#mainApp #conta#conta #accountProfileType{
  display:block!important;
  margin-top:2px!important;
  color:var(--cinema-muted)!important;
  font-size:10px!important;
}

body.ig-flat-ui #mainApp#mainApp #conta#conta .account-social-counts{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:34px!important;
  width:auto!important;
  margin:20px 0 16px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
}

body.ig-flat-ui #mainApp#mainApp #conta#conta .account-social-counts>div{
  display:flex!important;
  align-items:baseline!important;
  gap:6px!important;
  min-width:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
}

body.ig-flat-ui #mainApp#mainApp #conta#conta .account-social-counts strong{
  color:#fff!important;
  font-size:17px!important;
  line-height:1!important;
  text-align:left!important;
}

body.ig-flat-ui #mainApp#mainApp #conta#conta .account-social-counts span{
  color:#c2c2c8!important;
  font-size:12px!important;
  text-align:left!important;
}

body.ig-flat-ui #mainApp#mainApp #conta#conta .account-bio{
  max-width:620px!important;
  margin:0 0 8px!important;
  color:#e4e4e8!important;
  font-size:13px!important;
  line-height:1.5!important;
}

body.ig-flat-ui #mainApp#mainApp #conta#conta .account-website{
  display:inline-flex!important;
  width:auto!important;
  padding:0!important;
  color:#ff4354!important;
  background:transparent!important;
  border:0!important;
  font-size:12px!important;
}

body.ig-flat-ui #mainApp#mainApp #conta#conta .account-subtitle{
  display:block!important;
  margin:4px 8px 22px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
}

body.ig-flat-ui #mainApp#mainApp #conta#conta .account-subtitle strong{
  display:block!important;
  color:#fff!important;
  font-size:15px!important;
}

body.ig-flat-ui #mainApp#mainApp #conta#conta .account-subtitle span{
  display:block!important;
  margin-top:3px!important;
  color:var(--cinema-muted)!important;
  font-size:11px!important;
}

body.ig-flat-ui #mainApp#mainApp #conta#conta .account-info{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:28px!important;
  margin:0 8px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
}

body.ig-flat-ui #mainApp#mainApp #conta#conta .account-info>div{
  display:block!important;
  min-width:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
}

body.ig-flat-ui #mainApp#mainApp #conta#conta .account-info span{
  display:block!important;
  margin-bottom:7px!important;
  color:var(--cinema-muted)!important;
  font-size:11px!important;
}

body.ig-flat-ui #mainApp#mainApp #conta#conta .account-info strong{
  display:block!important;
  color:#fff!important;
  font-size:13px!important;
  line-height:1.35!important;
}

body.ig-flat-ui #mainApp#mainApp #conta#conta .account-actions{
  margin:30px 8px 0!important;
  padding:0!important;
  border:0!important;
}

@media(max-width:700px){
  body.ig-flat-ui #mainApp#mainApp #conta#conta .account-profile{
    grid-template-columns:76px minmax(0,1fr)!important;
    gap:16px!important;
    padding:12px 2px 26px!important;
  }
  body.ig-flat-ui #mainApp#mainApp #conta#conta .account-profile-avatar{
    width:72px!important;
    height:72px!important;
  }
  body.ig-flat-ui #mainApp#mainApp #conta#conta .account-profile-name-row>strong{
    font-size:15px!important;
  }
  body.ig-flat-ui #mainApp#mainApp #conta#conta .account-social-counts{
    grid-column:1/-1;
    justify-content:space-between!important;
    gap:12px!important;
    margin:16px 0 14px!important;
  }
  body.ig-flat-ui #mainApp#mainApp #conta#conta .account-social-counts>div{
    display:block!important;
    flex:1;
    text-align:center!important;
  }
  body.ig-flat-ui #mainApp#mainApp #conta#conta .account-social-counts strong,
  body.ig-flat-ui #mainApp#mainApp #conta#conta .account-social-counts span{
    display:block!important;
    text-align:center!important;
  }
  body.ig-flat-ui #mainApp#mainApp #conta#conta .account-social-counts span{
    margin-top:4px!important;
    font-size:10px!important;
  }
  body.ig-flat-ui #mainApp#mainApp #conta#conta .account-info{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:22px 18px!important;
    margin:0 2px!important;
  }
  body.ig-flat-ui #mainApp#mainApp #conta#conta .account-subtitle,
  body.ig-flat-ui #mainApp#mainApp #conta#conta .account-actions{
    margin-left:2px!important;
    margin-right:2px!important;
  }
}

/* V84.9 — compositor completo: mídia ampla, legenda, agenda e publicação */
@media(min-width:901px){
  body.ig-flat-ui.publication-composer-open{overflow:hidden!important}
  body.ig-flat-ui #mainApp#mainApp #publicacoes#publicacoes #publicationEditor.composer-open{
    display:block!important;position:fixed!important;inset:0!important;z-index:1500!important;
    width:100vw!important;height:100vh!important;margin:0!important;padding:0!important;
    overflow:hidden!important;border:0!important;background:#070709!important
  }
  body.ig-flat-ui #mainApp#mainApp #publicacoes#publicacoes #publicationEditor.composer-open .publication-composer-head{
    display:grid!important;grid-template-columns:64px 1fr 90px!important;align-items:center!important;
    height:58px!important;padding:0 20px!important;border-bottom:1px solid rgba(255,255,255,.09)!important;background:#09090c!important
  }
  body.ig-flat-ui #mainApp#mainApp #publicacoes#publicacoes #publicationEditor.composer-open .publication-composer-head>strong{
    color:#fff!important;font-size:16px!important;text-align:center!important
  }
  body.ig-flat-ui #mainApp#mainApp #publicacoes#publicacoes #publicationEditor.composer-open .publication-composer-head button{
    padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important
  }
  body.ig-flat-ui #mainApp#mainApp #publicacoes#publicacoes #publicationEditor.composer-open .publication-composer-close{
    color:#fff!important;font-size:30px!important;font-weight:300!important;text-align:left!important
  }
  body.ig-flat-ui #mainApp#mainApp #publicacoes#publicacoes #publicationEditor.composer-open .publication-composer-next{
    color:#ff4354!important;font-size:12px!important;font-weight:750!important;text-align:right!important
  }
  body.ig-flat-ui #mainApp#mainApp #publicacoes#publicacoes #publicationEditor.composer-open[data-step="details"] .publication-details-step{
    display:grid!important;grid-template-columns:minmax(0,1.55fr) minmax(340px,.75fr)!important;
    grid-template-rows:auto auto auto auto 1fr auto auto auto!important;column-gap:24px!important;
    align-content:start!important;width:100%!important;height:calc(100vh - 58px)!important;padding:20px!important;overflow-y:auto!important
  }
  body.ig-flat-ui #mainApp#mainApp #publicacoes#publicacoes #publicationEditor.composer-open .publication-details-preview{
    grid-column:1!important;grid-row:1/-1!important;display:grid!important;place-items:center!important;
    width:100%!important;height:calc(100vh - 98px)!important;min-height:0!important;overflow:hidden!important;
    border:1px solid rgba(255,255,255,.09)!important;background:#000!important
  }
  body.ig-flat-ui #mainApp#mainApp #publicacoes#publicacoes #publicationEditor.composer-open .publication-details-preview :is(img,video){
    display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;
    object-fit:contain!important;background:#000!important
  }
  body.ig-flat-ui #mainApp#mainApp #publicacoes#publicacoes #publicationEditor.composer-open .publication-details-step>*:not(.publication-details-preview){
    grid-column:2!important;min-width:0!important
  }
  body.ig-flat-ui #mainApp#mainApp #publicacoes#publicacoes #publicationEditor.composer-open .publication-caption-label{
    margin-top:4px!important;color:#b6b6bf!important;font-size:11px!important;font-weight:650!important
  }
  body.ig-flat-ui #mainApp#mainApp #publicacoes#publicacoes #publicationEditor.composer-open #publicationCaption{
    min-height:170px!important;margin-top:8px!important;padding:12px!important;border:1px solid rgba(255,255,255,.1)!important;
    background:#0b0b0e!important;color:#fff!important;font-size:13px!important;line-height:1.55!important;resize:vertical!important
  }
  body.ig-flat-ui #mainApp#mainApp #publicacoes#publicacoes #publicationEditor.composer-open .publication-mode{margin-top:16px!important}
  body.ig-flat-ui #mainApp#mainApp #publicacoes#publicacoes #publicationEditor.composer-open .publication-submit{
    width:100%!important;min-height:46px!important;margin-top:16px!important;font-size:11px!important
  }
}

/* V84.10 — preserva 100% da proporção original, sem recorte */
body.ig-flat-ui #mainApp#mainApp #publicacoes#publicacoes :is(
  .publication-picker-preview,
  .publication-details-preview
){
  position:relative!important;
  overflow:hidden!important;
  background:#000!important;
}

body.ig-flat-ui #mainApp#mainApp #publicacoes#publicacoes :is(
  .publication-preview-slide,
  .publication-details-preview
) :is(img,video){
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:#000!important;
}

body.ig-flat-ui #mainApp#mainApp #publicacoes#publicacoes .publication-preview-slide{
  position:relative!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  overflow:hidden!important;
  background:#000!important;
}

/* V84.11 — publicação em uma única tela, sem etapa intermediária */
body.ig-flat-ui #mainApp#mainApp #publicacoes#publicacoes #publicationEditor[data-step] .publication-media-step,
body.ig-flat-ui #mainApp#mainApp #publicacoes#publicacoes #publicationEditor[data-step] .publication-details-step{
  display:block!important;
  width:100%!important;
  min-width:0!important;
}

body.ig-flat-ui #mainApp#mainApp #publicacoes#publicacoes #publicationEditor .publication-details-preview{
  display:none!important;
}

body.ig-flat-ui #mainApp#mainApp #publicacoes#publicacoes #publicationEditor .publication-composer-next{
  display:none!important;
}

body.ig-flat-ui #mainApp#mainApp #publicacoes#publicacoes #publicationEditor .publication-details-step{
  margin-top:16px!important;
  padding-top:18px!important;
  border-top:1px solid rgba(255,255,255,.09)!important;
}

body.ig-flat-ui #mainApp#mainApp #publicacoes#publicacoes #publicationEditor .publication-details-summary{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  margin:0 0 14px!important;
  padding:0 0 12px!important;
}

body.ig-flat-ui #mainApp#mainApp #publicacoes#publicacoes #publicationEditor #publicationCaption{
  width:100%!important;
  min-height:145px!important;
}

body.ig-flat-ui #mainApp#mainApp #publicacoes#publicacoes #publicationEditor .publication-submit{
  display:block!important;
  width:100%!important;
  min-height:44px!important;
}

@media(min-width:901px){
  body.ig-flat-ui #mainApp#mainApp #publicacoes#publicacoes #publicationEditor{
    display:block!important;
  }
  body.ig-flat-ui #mainApp#mainApp #publicacoes#publicacoes #publicationEditor.composer-open{
    position:static!important;
    width:auto!important;
    height:auto!important;
    overflow:visible!important;
    padding:18px!important;
    border:1px solid rgba(255,255,255,.09)!important;
    background:#0b0b0e!important;
  }
  body.ig-flat-ui #mainApp#mainApp #publicacoes#publicacoes #publicationEditor .publication-composer-head{
    display:none!important;
  }
}

@media(max-width:900px){
  body.ig-flat-ui #mainApp#mainApp #publicacoes#publicacoes #publicationEditor.composer-open .publication-media-step,
  body.ig-flat-ui #mainApp#mainApp #publicacoes#publicacoes #publicationEditor.composer-open .publication-details-step{
    display:block!important;
  }
  body.ig-flat-ui #mainApp#mainApp #publicacoes#publicacoes #publicationEditor.composer-open .publication-details-step{
    margin-top:12px!important;
    padding:16px 14px calc(22px + env(safe-area-inset-bottom))!important;
  }
}

/* Correção final de proximidade da legenda */
body.ig-flat-ui #mainApp#mainApp #publicacoes#publicacoes #publicationEditor .publication-details-step{
  margin-top:7px!important;
  padding-top:7px!important;
  border-top:0!important;
}

body.ig-flat-ui #mainApp#mainApp #publicacoes#publicacoes #publicationEditor .publication-details-summary{
  margin:0 0 7px!important;
  padding:0!important;
  border:0!important;
}

@media(max-width:900px){
  body.ig-flat-ui #mainApp#mainApp #publicacoes#publicacoes #publicationEditor.composer-open .publication-details-step{
    margin-top:6px!important;
    padding:8px 14px calc(22px + env(safe-area-inset-bottom))!important;
  }
}

/* Remoção definitiva do rótulo técnico acima da legenda */
body.ig-flat-ui #mainApp#mainApp #publicacoes#publicacoes #publicationEditor .publication-details-summary{
  display:none!important;
}