:root {
  --bg: #f7f7f5;
  --card: #ffffff;
  --ink: #111111;
  --muted: #6f6f6f;
  --line: #e7e5e4;
  --primary: #111111;
  --primary-hover: #2b2b2b;
  --radius: 22px;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: radial-gradient(circle at top left, #fff 0, var(--bg) 38%, #ebe9e6 100%);
  color: var(--ink);
  min-height: 100vh;
}
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
.container { width: min(1180px, calc(100% - 32px)); margin: 0 auto; }
.nav { position: sticky; top: 0; z-index: 20; backdrop-filter: blur(18px); background: rgba(255,255,255,.82); border-bottom: 1px solid rgba(0,0,0,.06); }
.nav-inner { display: flex; align-items: center; justify-content: space-between; padding: 14px 0; gap: 16px; }
.brand { display:flex; align-items:center; gap: 10px; font-weight: 900; letter-spacing: -.04em; }
.brand-mark { width: 36px; height: 36px; border-radius: 12px; background: #111; color: white; display:grid; place-items:center; box-shadow: 0 12px 30px rgba(0,0,0,.24); }
.nav-links { display:flex; align-items:center; gap: 10px; flex-wrap: wrap; justify-content: flex-end; }
.btn, button.btn { border: 0; cursor: pointer; display:inline-flex; align-items:center; justify-content:center; gap: 8px; padding: 10px 16px; border-radius: 999px; background: #fff; color: #111; font-weight: 800; border: 1px solid rgba(0,0,0,.09); box-shadow: 0 8px 22px rgba(0,0,0,.05); }
.btn.primary { background: #111; color: white; border-color: #111; box-shadow: 0 16px 32px rgba(0,0,0,.22); }
.btn.primary:hover { background: #000; transform: translateY(-1px); }
.btn.danger { background: #fee2e2; color: #991b1b; border-color: #fecaca; }
.hero { padding: 54px 0 26px; }
.hero-grid { display:grid; grid-template-columns: 1.2fr .8fr; gap: 22px; align-items: stretch; }
.hero-card, .card { background: rgba(255,255,255,.88); border: 1px solid rgba(0,0,0,.07); border-radius: var(--radius); box-shadow: 0 28px 80px rgba(0,0,0,.08); }
.hero-card { padding: clamp(24px, 5vw, 54px); }
.eyebrow { font-size: 12px; font-weight: 900; letter-spacing: .22em; text-transform: uppercase; color: var(--muted); }
h1 { font-size: clamp(38px, 8vw, 82px); line-height: .92; letter-spacing: -.08em; margin: 14px 0; }
h2 { font-size: clamp(24px, 3vw, 36px); letter-spacing: -.04em; margin: 0 0 14px; }
p { color: var(--muted); line-height: 1.65; }
.stack { display:flex; flex-direction:column; gap: 18px; }
.card { padding: 22px; }
.grid { display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.feed { display:grid; grid-template-columns: 1fr; gap: 20px; padding: 24px 0 56px; }
.post-card { overflow:hidden; }
.post-head { display:flex; justify-content:space-between; align-items:flex-start; gap: 12px; margin-bottom: 12px; }
.user-line { display:flex; gap: 10px; align-items:center; }
.avatar { width: 42px; height:42px; border-radius: 50%; background:#111; color:white; display:grid; place-items:center; font-weight:900; overflow:hidden; flex: 0 0 auto; }
.avatar img { width:100%; height:100%; object-fit:cover; }
.post-title { margin:0; font-size: 20px; letter-spacing:-.03em; }
.meta { font-size: 13px; color: var(--muted); }
.files-grid { display:grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 16px; }
.files-grid img { width:100%; aspect-ratio: 1/1; object-fit: cover; border-radius: 16px; border: 1px solid var(--line); }
.file-pill { display:flex; align-items:center; justify-content:space-between; gap: 10px; padding: 12px; border-radius: 14px; background:#f8fafc; border:1px solid #e2e8f0; }
.form { display:grid; gap: 14px; }
.input, textarea, select { width:100%; border:1px solid var(--line); background:#fff; color:#111; border-radius: 14px; padding: 13px 14px; font: inherit; outline: none; }
textarea { min-height: 130px; resize: vertical; }
.input:focus, textarea:focus, select:focus { border-color:#111; box-shadow:0 0 0 4px rgba(0,0,0,.08); }
.alert { padding: 12px 14px; border-radius: 14px; margin: 12px 0; font-weight: 700; }
.alert.success { background:#dcfce7; color:#166534; }
.alert.error { background:#fee2e2; color:#991b1b; }
.alert.warning { background:#fef3c7; color:#92400e; }
.actions { display:flex; flex-wrap:wrap; gap: 10px; align-items:center; }
.footer { padding: 30px 0; color: var(--muted); font-size: 13px; }
.comment { border-top:1px solid var(--line); padding-top: 12px; margin-top: 12px; }

/* GALERIA .MOC — INDEX HTML REAL EM MONITORES */
.dashboard-hero-clean { padding-bottom: 18px; }
.moc-library-section {
  width: min(1480px, calc(100vw - 40px));
  margin: 6px 0 48px 50%;
  transform: translateX(-50%);
}
.moc-library-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 18px;
  margin-bottom: 20px;
}
.moc-library-top h2 { margin: 6px 0 4px; }
.moc-library-top p { margin: 0; max-width: 780px; }
.moc-masonry-board {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 22px !important;
  align-items: start !important;
}
.moc-masonry-board > .moc-project-card {
  width: 100% !important;
  min-width: 0 !important;
}
.moc-project-card {
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(17,17,17,.08);
  border-radius: 28px;
  box-shadow: 0 24px 70px rgba(17,17,17,.08);
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
  break-inside: avoid;
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.moc-project-card:hover { transform: translateY(-2px); box-shadow: 0 32px 90px rgba(17,17,17,.12); }
.moc-project-card.is-public-moc { border-color: rgba(17,17,17,.28); }
.moc-project-headline { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.moc-project-headline span { display:block; font-size:10px; font-weight:900; letter-spacing:.18em; color:var(--muted); text-transform:uppercase; margin-bottom:4px; }
.moc-project-headline h3 { margin:0; font-size:18px; line-height:1.15; letter-spacing:-.04em; }
.moc-project-headline b { border-radius:999px; padding:6px 9px; background:#111; color:#fff; font-size:10px; letter-spacing:.12em; white-space:nowrap; }
.moc-project-card.is-public-moc .moc-project-headline b { background:#16a34a; }
.moc-device-tabs { display:flex; gap:7px; flex-wrap:wrap; }
.moc-device-tabs button {
  border:1px solid rgba(17,17,17,.08);
  background:#f7f7f5;
  color:#111;
  border-radius:999px;
  padding:7px 10px;
  font-size:11px;
  font-weight:900;
  letter-spacing:.04em;
  cursor:pointer;
}
.moc-device-tabs button.active { background:#111; color:#fff; border-color:#111; }
.moc-monitor-wrap { display:flex; justify-content:center; align-items:flex-start; min-height: 285px; }
.moc-monitor {
  width:100%;
  border-radius:22px;
  padding:9px;
  background:linear-gradient(180deg,#161616,#2b2b2b);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18), 0 18px 42px rgba(17,17,17,.18);
  transition: width .18s ease, border-radius .18s ease;
}
.moc-monitor-top { display:flex; gap:5px; padding:1px 4px 8px; }
.moc-monitor-top i { width:7px; height:7px; border-radius:999px; background:rgba(255,255,255,.36); display:block; }
.moc-monitor-screen {
  position:relative;
  width:100%;
  height:250px;
  overflow:hidden;
  border-radius:15px;
  background:#fff;
  border:1px solid rgba(255,255,255,.12);
}
.moc-site-frame {
  position:absolute;
  top:0;
  left:0;
  border:0;
  background:#fff;
  transform-origin:0 0;
  pointer-events:none;
}
.moc-project-card[data-device="desktop"] .moc-monitor { width:100%; }
.moc-project-card[data-device="desktop"] .moc-monitor-screen { height:255px; }
.moc-project-card[data-device="ipad"] .moc-monitor { width:76%; border-radius:24px; }
.moc-project-card[data-device="ipad"] .moc-monitor-screen { height:310px; border-radius:17px; }
.moc-project-card[data-device="mobile"] .moc-monitor { width:42%; min-width:170px; border-radius:28px; }
.moc-project-card[data-device="mobile"] .moc-monitor-screen { height:340px; border-radius:20px; }
.moc-project-meta { display:flex; justify-content:space-between; gap:10px; color:var(--muted); font-size:12px; flex-wrap:wrap; }
.moc-card-note { margin:0; padding:10px 12px; border-radius:14px; background:#fff7ed; color:#9a3412; font-size:12px; line-height:1.45; }
.moc-actions-row { display:flex; gap:8px; flex-wrap:wrap; }
.moc-actions-row .btn, .moc-actions-row form { flex:1 1 0; min-width:0; }
.moc-actions-row form { display:flex; }
.moc-actions-row form .btn { width:100%; }

@media (max-width: 1180px) {
  .moc-masonry-board { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 820px) {
  .hero-grid, .grid { grid-template-columns: 1fr; }
  .files-grid { grid-template-columns: 1fr; }
  .nav-inner { align-items:flex-start; flex-direction:column; }
  .moc-library-top { align-items:flex-start; flex-direction:column; }
  .moc-masonry-board { grid-template-columns: 1fr !important; }
}
@media (max-width: 640px) {
  .moc-library-section { width: min(100%, calc(100vw - 24px)); }
  .moc-project-card[data-device="ipad"] .moc-monitor { width:86%; }
  .moc-project-card[data-device="mobile"] .moc-monitor { width:58%; min-width:160px; }
}

/* Controle 1x até 12x para galeria .moc — como os cards do Studio */
.moc-column-controller {
  margin: 0 0 18px;
  padding: 14px;
  border: 1px solid rgba(17,17,17,.08);
  border-radius: 22px;
  background: rgba(255,255,255,.78);
  box-shadow: 0 18px 45px rgba(17,17,17,.055);
  backdrop-filter: blur(14px);
}
.moc-column-controller-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  margin-bottom: 12px;
}
.moc-column-controller-head strong {
  display: block;
  font-size: 14px;
  letter-spacing: -.02em;
}
.moc-column-controller-head span {
  display: block;
  color: var(--muted);
  font-size: 12px;
  margin-top: 2px;
}
.moc-column-controller-head b {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 54px;
  height: 38px;
  padding: 0 12px;
  border-radius: 999px;
  background: #111;
  color: #fff;
  font-size: 15px;
  letter-spacing: -.03em;
}
.moc-column-buttons {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 6px;
}
.moc-column-btn {
  border: 1px solid rgba(17,17,17,.08);
  background: #fff;
  color: #111;
  border-radius: 999px;
  min-height: 32px;
  padding: 6px 7px;
  font-size: 11px;
  font-weight: 900;
  cursor: pointer;
  box-shadow: 0 6px 16px rgba(17,17,17,.035);
}
.moc-column-btn.active {
  background: #111;
  color: #fff;
  border-color: #111;
}
.moc-column-range {
  width: 100%;
  margin-top: 12px;
  accent-color: #111;
}
.moc-masonry-board {
  --moc-cols: 3;
  display: grid !important;
  grid-template-columns: repeat(var(--moc-cols), minmax(0, 1fr)) !important;
  gap: clamp(10px, 1.35vw, 22px) !important;
  align-items: start !important;
  grid-auto-flow: row dense;
}
.moc-masonry-board > .moc-project-card {
  width: 100% !important;
  min-width: 0 !important;
}
.moc-project-card {
  min-width: 0 !important;
  padding: clamp(9px, 1.05vw, 16px) !important;
}
.moc-project-headline h3 {
  font-size: clamp(13px, 1.2vw, 18px) !important;
  overflow-wrap: anywhere;
}
.moc-device-tabs {
  gap: 5px !important;
}
.moc-device-tabs button {
  padding: clamp(5px, .6vw, 7px) clamp(6px, .8vw, 10px) !important;
  font-size: clamp(9px, .75vw, 11px) !important;
}
.moc-monitor-wrap {
  min-height: auto !important;
}
.moc-monitor-screen {
  height: clamp(120px, 18vw, 255px) !important;
}
.moc-project-card[data-device="ipad"] .moc-monitor-screen {
  height: clamp(150px, 22vw, 310px) !important;
}
.moc-project-card[data-device="mobile"] .moc-monitor-screen {
  height: clamp(165px, 24vw, 340px) !important;
}
.moc-masonry-board[data-cols="1"] .moc-monitor-screen,
.moc-masonry-board[data-cols="2"] .moc-monitor-screen,
.moc-masonry-board[data-cols="3"] .moc-monitor-screen {
  height: clamp(230px, 22vw, 330px) !important;
}
.moc-masonry-board[data-cols="1"] .moc-project-card[data-device="ipad"] .moc-monitor-screen,
.moc-masonry-board[data-cols="2"] .moc-project-card[data-device="ipad"] .moc-monitor-screen,
.moc-masonry-board[data-cols="3"] .moc-project-card[data-device="ipad"] .moc-monitor-screen {
  height: clamp(280px, 28vw, 420px) !important;
}
.moc-masonry-board[data-cols="1"] .moc-project-card[data-device="mobile"] .moc-monitor-screen,
.moc-masonry-board[data-cols="2"] .moc-project-card[data-device="mobile"] .moc-monitor-screen,
.moc-masonry-board[data-cols="3"] .moc-project-card[data-device="mobile"] .moc-monitor-screen {
  height: clamp(320px, 32vw, 460px) !important;
}
.moc-masonry-board[data-cols="7"] .moc-actions-row,
.moc-masonry-board[data-cols="8"] .moc-actions-row,
.moc-masonry-board[data-cols="9"] .moc-actions-row,
.moc-masonry-board[data-cols="10"] .moc-actions-row,
.moc-masonry-board[data-cols="11"] .moc-actions-row,
.moc-masonry-board[data-cols="12"] .moc-actions-row,
.moc-masonry-board[data-cols="7"] .moc-project-meta,
.moc-masonry-board[data-cols="8"] .moc-project-meta,
.moc-masonry-board[data-cols="9"] .moc-project-meta,
.moc-masonry-board[data-cols="10"] .moc-project-meta,
.moc-masonry-board[data-cols="11"] .moc-project-meta,
.moc-masonry-board[data-cols="12"] .moc-project-meta {
  display: none !important;
}
.moc-masonry-board[data-cols="9"] .moc-device-tabs,
.moc-masonry-board[data-cols="10"] .moc-device-tabs,
.moc-masonry-board[data-cols="11"] .moc-device-tabs,
.moc-masonry-board[data-cols="12"] .moc-device-tabs {
  display: none !important;
}

@media (max-width: 820px) {
  .moc-column-buttons { grid-template-columns: repeat(6, minmax(0, 1fr)); }
}
@media (max-width: 520px) {
  .moc-column-buttons { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/* Correção: cada arquivo .moc como um card phi-v, com controle real de colunas 1x até 12x */
.moc-masonry-board {
  --moc-cols: 3;
  display: grid !important;
  grid-template-columns: repeat(var(--moc-cols), minmax(0, 1fr)) !important;
  gap: clamp(10px, 1.2vw, 20px) !important;
  align-items: start !important;
  width: 100%;
}
.moc-masonry-board > .moc-project-card {
  width: 100% !important;
  margin: 0 !important;
}
.moc-project-card {
  aspect-ratio: 1 / 1.618 !important;
  min-height: 0 !important;
  height: auto !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  gap: clamp(6px, .75vw, 12px) !important;
  padding: clamp(8px, 1.05vw, 16px) !important;
  border-radius: clamp(14px, 1.6vw, 26px) !important;
}
.moc-monitor-wrap {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  display: flex !important;
  align-items: stretch !important;
  justify-content: center !important;
}
.moc-monitor {
  height: 100% !important;
  width: 100% !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  border-radius: clamp(12px, 1.4vw, 24px) !important;
  padding: clamp(5px, .75vw, 10px) !important;
}
.moc-monitor-screen {
  flex: 1 1 auto !important;
  height: auto !important;
  min-height: 0 !important;
  border-radius: clamp(9px, 1.1vw, 18px) !important;
}
.moc-project-headline h3 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.moc-device-tabs,
.moc-actions-row,
.moc-project-meta,
.moc-project-headline {
  flex: 0 0 auto;
}
.moc-device-tabs button,
.moc-actions-row .btn,
.moc-actions-row button.btn {
  padding: clamp(5px, .7vw, 10px) clamp(6px, .8vw, 14px) !important;
  font-size: clamp(9px, .78vw, 12px) !important;
}
.moc-project-card[data-device="desktop"] .moc-monitor,
.moc-project-card[data-device="ipad"] .moc-monitor,
.moc-project-card[data-device="mobile"] .moc-monitor {
  max-width: 100%;
}
.moc-project-card[data-device="ipad"] .moc-monitor { width: 78% !important; }
.moc-project-card[data-device="mobile"] .moc-monitor { width: 48% !important; min-width: 0 !important; }

/* Em muitas colunas, prioriza a visão do card, como no Studio */
.moc-masonry-board[data-cols="7"] .moc-project-meta,
.moc-masonry-board[data-cols="8"] .moc-project-meta,
.moc-masonry-board[data-cols="9"] .moc-project-meta,
.moc-masonry-board[data-cols="10"] .moc-project-meta,
.moc-masonry-board[data-cols="11"] .moc-project-meta,
.moc-masonry-board[data-cols="12"] .moc-project-meta,
.moc-masonry-board[data-cols="7"] .moc-card-note,
.moc-masonry-board[data-cols="8"] .moc-card-note,
.moc-masonry-board[data-cols="9"] .moc-card-note,
.moc-masonry-board[data-cols="10"] .moc-card-note,
.moc-masonry-board[data-cols="11"] .moc-card-note,
.moc-masonry-board[data-cols="12"] .moc-card-note {
  display: none !important;
}
.moc-masonry-board[data-cols="9"] .moc-device-tabs,
.moc-masonry-board[data-cols="10"] .moc-device-tabs,
.moc-masonry-board[data-cols="11"] .moc-device-tabs,
.moc-masonry-board[data-cols="12"] .moc-device-tabs,
.moc-masonry-board[data-cols="9"] .moc-actions-row,
.moc-masonry-board[data-cols="10"] .moc-actions-row,
.moc-masonry-board[data-cols="11"] .moc-actions-row,
.moc-masonry-board[data-cols="12"] .moc-actions-row {
  display: none !important;
}
.moc-masonry-board[data-cols="9"] .moc-project-headline span,
.moc-masonry-board[data-cols="10"] .moc-project-headline span,
.moc-masonry-board[data-cols="11"] .moc-project-headline span,
.moc-masonry-board[data-cols="12"] .moc-project-headline span,
.moc-masonry-board[data-cols="9"] .moc-project-headline b,
.moc-masonry-board[data-cols="10"] .moc-project-headline b,
.moc-masonry-board[data-cols="11"] .moc-project-headline b,
.moc-masonry-board[data-cols="12"] .moc-project-headline b {
  display: none !important;
}
.moc-masonry-board[data-cols="9"] .moc-project-headline h3,
.moc-masonry-board[data-cols="10"] .moc-project-headline h3,
.moc-masonry-board[data-cols="11"] .moc-project-headline h3,
.moc-masonry-board[data-cols="12"] .moc-project-headline h3 {
  font-size: 10px !important;
  -webkit-line-clamp: 1;
}

@media (max-width: 1180px) {
  .moc-masonry-board {
    grid-template-columns: repeat(min(var(--moc-cols), 6), minmax(0, 1fr)) !important;
  }
}
@media (max-width: 760px) {
  .moc-masonry-board {
    grid-template-columns: repeat(min(var(--moc-cols), 3), minmax(0, 1fr)) !important;
  }
}
@media (max-width: 520px) {
  .moc-masonry-board {
    grid-template-columns: repeat(min(var(--moc-cols), 2), minmax(0, 1fr)) !important;
  }
}

/* Correção final: miniatura dos .moc ocupa a largura total do frame em todos os dispositivos */
.moc-project-card[data-device="desktop"] .moc-monitor,
.moc-project-card[data-device="ipad"] .moc-monitor,
.moc-project-card[data-device="mobile"] .moc-monitor {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
.moc-site-frame {
  width: 1440px;
  min-height: 900px;
  transform-origin: 0 0;
}

/* Upload direto de .moc para o painel + botão apagar */
.moc-library-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}
.moc-upload-panel-form { margin: 0; display: inline-flex; }
.moc-upload-btn { position: relative; overflow: hidden; }
.moc-upload-btn input[type="file"] {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
}
.moc-actions-row .btn.danger {
  background: #fee2e2;
  color: #991b1b;
  border-color: #fecaca;
  box-shadow: 0 8px 22px rgba(153, 27, 27, .07);
}
.moc-actions-row .btn.danger:hover { background: #fecaca; }
@media (max-width: 820px) {
  .moc-library-actions { width: 100%; justify-content: flex-start; }
}

/* Favicon/logo salvo no .moc dentro do preview do painel */
.moc-monitor-screen .moc-site-frame {
  z-index: 1;
}
.moc-card-favicon-logo {
  position: absolute;
  top: clamp(7px, .75vw, 12px);
  left: 50%;
  transform: translateX(-50%);
  width: clamp(18px, 1.65vw, 28px);
  height: clamp(18px, 1.65vw, 28px);
  object-fit: contain;
  border-radius: 7px;
  background: rgba(255,255,255,.92);
  padding: 2px;
  border: 1px solid rgba(17,17,17,.08);
  box-shadow: 0 6px 16px rgba(17,17,17,.10);
  z-index: 2;
  pointer-events: none;
}
.moc-masonry-board[data-cols="9"] .moc-card-favicon-logo,
.moc-masonry-board[data-cols="10"] .moc-card-favicon-logo,
.moc-masonry-board[data-cols="11"] .moc-card-favicon-logo,
.moc-masonry-board[data-cols="12"] .moc-card-favicon-logo {
  width: 16px;
  height: 16px;
  top: 6px;
  border-radius: 5px;
  padding: 1px;
}

/* Painel: janela do deck ativo no lugar do upload .moc */
.active-deck-panel {
  overflow: hidden;
}
.active-deck-title-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}
.active-deck-title-row h2 { margin-bottom: 0; }
.active-deck-content { min-height: 220px; display: grid; align-items: start; }
.active-deck-empty {
  min-height: 220px;
  display: grid;
  align-content: center;
  justify-items: start;
  gap: 10px;
  padding: 18px;
  border: 1px dashed rgba(17,17,17,.16);
  border-radius: 22px;
  background: rgba(255,255,255,.62);
}
.active-deck-empty strong { font-size: 18px; letter-spacing: -.03em; }
.active-deck-empty p { margin: 0; }
.active-deck-panel .moc-active-preview {
  box-shadow: none !important;
  border-color: rgba(17,17,17,.12);
  background: rgba(255,255,255,.82);
  padding: 12px;
}
.active-deck-panel .moc-active-preview:hover { transform: none; box-shadow: none !important; }
.active-deck-panel .moc-active-preview .moc-project-headline h3 { font-size: 16px; }
.active-deck-panel .moc-active-preview .moc-monitor-wrap { min-height: 185px; }
.active-deck-panel .moc-active-preview[data-device="desktop"] .moc-monitor-screen { height: 185px; }
.active-deck-panel .moc-active-preview[data-device="ipad"] .moc-monitor-screen { height: 230px; }
.active-deck-panel .moc-active-preview[data-device="mobile"] .moc-monitor-screen { height: 265px; }
.active-deck-panel .moc-active-preview[data-device="ipad"] .moc-monitor { width: 78% !important; }
.active-deck-panel .moc-active-preview[data-device="mobile"] .moc-monitor { width: 46% !important; min-width: 145px !important; }
.active-deck-panel .moc-active-preview .moc-actions-row .btn,
.active-deck-panel .moc-active-preview .moc-actions-row form { flex: 1 1 auto; }
@media (max-width: 900px) {
  .active-deck-content { min-height: 0; }
}

/* Ajuste final: a janela superior mostra somente o card do deck ativo */
.active-deck-panel {
  padding: 14px !important;
}
.active-deck-panel .active-deck-content {
  min-height: 0;
}
.active-deck-panel .moc-active-preview {
  margin: 0;
}


/* Painel: remover Novo Deck e deixar somente controle discreto de colunas */
.moc-library-top-clean,
.moc-library-actions {
  display: none !important;
}
.moc-column-controller.moc-column-controller-clean {
  width: min(230px, 54vw) !important;
  max-width: 230px !important;
  margin: 2px auto 16px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}
.moc-column-controller.moc-column-controller-clean .moc-column-controller-head,
.moc-column-controller.moc-column-controller-clean .moc-column-buttons,
.moc-column-controller.moc-column-controller-clean #mocColumnValue {
  display: none !important;
}
.moc-column-controller.moc-column-controller-clean .moc-column-range {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  height: 18px !important;
  accent-color: #111 !important;
  opacity: .72;
}
.moc-column-controller.moc-column-controller-clean .moc-column-range:hover,
.moc-column-controller.moc-column-controller-clean .moc-column-range:focus {
  opacity: 1;
}


/* Painel: controle de colunas igual ao Studio, com bolinha central */
.moc-column-controller.moc-column-controller-clean.moc-column-pill-slider {
  --moc-range-pos: 27.2727%;
  position: relative !important;
  width: min(420px, 78vw) !important;
  max-width: 420px !important;
  height: 110px !important;
  margin: 4px auto 18px !important;
  padding: 0 38px !important;
  border: 3px solid #dbeeff !important;
  border-radius: 34px !important;
  background: rgba(255,255,255,.78) !important;
  box-shadow: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important;
}
.moc-column-controller.moc-column-controller-clean.moc-column-pill-slider .moc-column-range {
  --moc-range-pos: inherit;
  -webkit-appearance: none !important;
  appearance: none !important;
  display: block !important;
  width: 100% !important;
  height: 28px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  outline: none !important;
  opacity: 1 !important;
  cursor: pointer !important;
  background: linear-gradient(to right, #12182f 0%, #12182f var(--moc-range-pos), #eef5ff var(--moc-range-pos), #eef5ff 100%) !important;
  box-shadow: none !important;
}
.moc-column-controller.moc-column-controller-clean.moc-column-pill-slider .moc-column-range::-webkit-slider-runnable-track {
  height: 28px !important;
  border-radius: 999px !important;
  background: transparent !important;
  border: 0 !important;
}
.moc-column-controller.moc-column-controller-clean.moc-column-pill-slider .moc-column-range::-moz-range-track {
  height: 28px !important;
  border-radius: 999px !important;
  background: transparent !important;
  border: 0 !important;
}
.moc-column-controller.moc-column-controller-clean.moc-column-pill-slider .moc-column-range::-webkit-slider-thumb {
  -webkit-appearance: none !important;
  appearance: none !important;
  width: 88px !important;
  height: 88px !important;
  margin-top: -30px !important;
  border-radius: 50% !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  cursor: grab !important;
}
.moc-column-controller.moc-column-controller-clean.moc-column-pill-slider .moc-column-range::-moz-range-thumb {
  width: 88px !important;
  height: 88px !important;
  border-radius: 50% !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  cursor: grab !important;
}
.moc-column-controller.moc-column-controller-clean.moc-column-pill-slider #mocColumnValue.moc-column-bubble {
  position: absolute !important;
  left: clamp(44px, var(--moc-range-pos), calc(100% - 44px)) !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 88px !important;
  height: 88px !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #12182f !important;
  border: 8px solid #fff !important;
  color: #fff !important;
  font-size: 34px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: -.06em !important;
  box-shadow: 0 10px 22px rgba(18,24,47,.16) !important;
  pointer-events: none !important;
  z-index: 2 !important;
}
@media (max-width: 640px) {
  .moc-column-controller.moc-column-controller-clean.moc-column-pill-slider {
    width: min(330px, calc(100vw - 32px)) !important;
    height: 92px !important;
    padding: 0 30px !important;
    border-radius: 28px !important;
  }
  .moc-column-controller.moc-column-controller-clean.moc-column-pill-slider #mocColumnValue.moc-column-bubble {
    width: 74px !important;
    height: 74px !important;
    border-width: 7px !important;
    font-size: 27px !important;
    left: clamp(37px, var(--moc-range-pos), calc(100% - 37px)) !important;
  }
  .moc-column-controller.moc-column-controller-clean.moc-column-pill-slider .moc-column-range::-webkit-slider-thumb { width: 74px !important; height: 74px !important; margin-top: -23px !important; }
  .moc-column-controller.moc-column-controller-clean.moc-column-pill-slider .moc-column-range::-moz-range-thumb { width: 74px !important; height: 74px !important; }
}

/* Painel: favicon do deck no centro superior do card, entre o título e o selo .MOC */
.moc-project-card {
  position: relative !important;
}
.moc-project-headline {
  position: relative !important;
  min-height: 36px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.moc-project-headline > div {
  min-width: 0 !important;
  max-width: calc(50% - 16px) !important;
}
.moc-project-headline .moc-card-favicon-logo {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 26px !important;
  height: 26px !important;
  object-fit: contain !important;
  border-radius: 7px !important;
  background: rgba(255,255,255,.96) !important;
  padding: 2px !important;
  border: 1px solid rgba(17,17,17,.08) !important;
  box-shadow: 0 4px 12px rgba(17,17,17,.08) !important;
  z-index: 4 !important;
  pointer-events: none !important;
}
.moc-project-headline .moc-status-badge {
  margin-left: auto !important;
  z-index: 3 !important;
}
.moc-masonry-board[data-cols="7"] .moc-project-headline .moc-card-favicon-logo,
.moc-masonry-board[data-cols="8"] .moc-project-headline .moc-card-favicon-logo,
.moc-masonry-board[data-cols="9"] .moc-project-headline .moc-card-favicon-logo,
.moc-masonry-board[data-cols="10"] .moc-project-headline .moc-card-favicon-logo,
.moc-masonry-board[data-cols="11"] .moc-project-headline .moc-card-favicon-logo,
.moc-masonry-board[data-cols="12"] .moc-project-headline .moc-card-favicon-logo {
  width: 18px !important;
  height: 18px !important;
  top: 50% !important;
  border-radius: 5px !important;
  padding: 1px !important;
}
.active-deck-panel .moc-project-headline .moc-card-favicon-logo {
  width: 28px !important;
  height: 28px !important;
}


/* Correção: favicon fixo nos cards da galeria, slider menor e sem favicon no deck ativo acima da barra */
.moc-project-card:not([data-active-card]) .moc-project-headline .moc-card-favicon-logo {
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  pointer-events: none !important;
}
.moc-project-card:not([data-active-card]):hover .moc-project-headline .moc-card-favicon-logo {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translate(-50%, -50%) !important;
}
.moc-project-card[data-active-card] .moc-card-favicon-logo,
.active-deck-panel .moc-card-favicon-logo {
  display: none !important;
}
.moc-column-controller.moc-column-controller-clean.moc-column-pill-slider {
  width: min(300px, 72vw) !important;
  max-width: 300px !important;
  height: 76px !important;
  margin: 0 auto 14px !important;
  padding: 0 26px !important;
  border-width: 2px !important;
  border-radius: 24px !important;
}
.moc-column-controller.moc-column-controller-clean.moc-column-pill-slider .moc-column-range {
  height: 18px !important;
}
.moc-column-controller.moc-column-controller-clean.moc-column-pill-slider .moc-column-range::-webkit-slider-runnable-track {
  height: 18px !important;
}
.moc-column-controller.moc-column-controller-clean.moc-column-pill-slider .moc-column-range::-moz-range-track {
  height: 18px !important;
}
.moc-column-controller.moc-column-controller-clean.moc-column-pill-slider .moc-column-range::-webkit-slider-thumb {
  width: 62px !important;
  height: 62px !important;
  margin-top: -22px !important;
}
.moc-column-controller.moc-column-controller-clean.moc-column-pill-slider .moc-column-range::-moz-range-thumb {
  width: 62px !important;
  height: 62px !important;
}
.moc-column-controller.moc-column-controller-clean.moc-column-pill-slider #mocColumnValue.moc-column-bubble {
  width: 62px !important;
  height: 62px !important;
  left: clamp(31px, var(--moc-range-pos), calc(100% - 31px)) !important;
  border-width: 5px !important;
  font-size: 23px !important;
  box-shadow: 0 8px 18px rgba(18,24,47,.14) !important;
}
@media (max-width: 640px) {
  .moc-column-controller.moc-column-controller-clean.moc-column-pill-slider {
    width: min(260px, calc(100vw - 36px)) !important;
    height: 66px !important;
    padding: 0 22px !important;
    border-radius: 21px !important;
  }
  .moc-column-controller.moc-column-controller-clean.moc-column-pill-slider .moc-column-range,
  .moc-column-controller.moc-column-controller-clean.moc-column-pill-slider .moc-column-range::-webkit-slider-runnable-track,
  .moc-column-controller.moc-column-controller-clean.moc-column-pill-slider .moc-column-range::-moz-range-track {
    height: 16px !important;
  }
  .moc-column-controller.moc-column-controller-clean.moc-column-pill-slider #mocColumnValue.moc-column-bubble {
    width: 54px !important;
    height: 54px !important;
    left: clamp(27px, var(--moc-range-pos), calc(100% - 27px)) !important;
    border-width: 5px !important;
    font-size: 20px !important;
  }
  .moc-column-controller.moc-column-controller-clean.moc-column-pill-slider .moc-column-range::-webkit-slider-thumb {
    width: 54px !important;
    height: 54px !important;
    margin-top: -19px !important;
  }
  .moc-column-controller.moc-column-controller-clean.moc-column-pill-slider .moc-column-range::-moz-range-thumb {
    width: 54px !important;
    height: 54px !important;
  }
}

/* Correção final: favicon dos cards do painel no mesmo peso visual do título, sempre fixo */
.moc-project-card:not([data-active-card]) .moc-project-headline {
  min-height: 44px !important;
  align-items: center !important;
}
.moc-project-card:not([data-active-card]) .moc-project-headline > div {
  max-width: calc(50% - 24px) !important;
}
.moc-project-card:not([data-active-card]) .moc-project-headline .moc-card-favicon-logo,
.moc-project-card:not([data-active-card]):hover .moc-project-headline .moc-card-favicon-logo,
.moc-masonry-board[data-cols="7"] .moc-project-card:not([data-active-card]) .moc-project-headline .moc-card-favicon-logo,
.moc-masonry-board[data-cols="8"] .moc-project-card:not([data-active-card]) .moc-project-headline .moc-card-favicon-logo,
.moc-masonry-board[data-cols="9"] .moc-project-card:not([data-active-card]) .moc-project-headline .moc-card-favicon-logo,
.moc-masonry-board[data-cols="10"] .moc-project-card:not([data-active-card]) .moc-project-headline .moc-card-favicon-logo,
.moc-masonry-board[data-cols="11"] .moc-project-card:not([data-active-card]) .moc-project-headline .moc-card-favicon-logo,
.moc-masonry-board[data-cols="12"] .moc-project-card:not([data-active-card]) .moc-project-headline .moc-card-favicon-logo {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  max-width: 34px !important;
  max-height: 34px !important;
  object-fit: contain !important;
  border-radius: 9px !important;
  padding: 2px !important;
  background: rgba(255,255,255,.96) !important;
  border: 1px solid rgba(15,23,42,.08) !important;
  box-shadow: none !important;
  pointer-events: none !important;
  z-index: 5 !important;
}
.moc-project-card[data-active-card] .moc-card-favicon-logo,
.active-deck-panel .moc-card-favicon-logo {
  display: none !important;
}

/* Correção: barra de colunas do painel no mesmo tamanho/fluidez do slider dos decks no Studio */
.moc-column-controller.moc-column-controller-clean.moc-column-pill-slider {
  --moc-range-pos: 27.2727%;
  position: relative !important;
  width: min(240px, calc(100vw - 56px)) !important;
  max-width: 240px !important;
  height: 42px !important;
  margin: 2px auto 14px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important;
}
.moc-column-controller.moc-column-controller-clean.moc-column-pill-slider .moc-column-controller-head,
.moc-column-controller.moc-column-controller-clean.moc-column-pill-slider .moc-column-buttons {
  display: none !important;
}
.moc-column-controller.moc-column-controller-clean.moc-column-pill-slider .moc-column-range {
  -webkit-appearance: none !important;
  appearance: none !important;
  display: block !important;
  width: 100% !important;
  height: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  outline: none !important;
  cursor: pointer !important;
  opacity: 1 !important;
  background: linear-gradient(to right, #111827 0%, #111827 var(--moc-range-pos), #f3f4f6 var(--moc-range-pos), #f3f4f6 100%) !important;
  box-shadow: none !important;
  transition: background .18s ease, filter .18s ease !important;
}
.moc-column-controller.moc-column-controller-clean.moc-column-pill-slider .moc-column-range:hover,
.moc-column-controller.moc-column-controller-clean.moc-column-pill-slider .moc-column-range:focus {
  filter: brightness(.99) !important;
}
.moc-column-controller.moc-column-controller-clean.moc-column-pill-slider .moc-column-range::-webkit-slider-runnable-track {
  height: 8px !important;
  border-radius: 999px !important;
  background: transparent !important;
  border: 0 !important;
}
.moc-column-controller.moc-column-controller-clean.moc-column-pill-slider .moc-column-range::-moz-range-track {
  height: 8px !important;
  border-radius: 999px !important;
  background: transparent !important;
  border: 0 !important;
}
.moc-column-controller.moc-column-controller-clean.moc-column-pill-slider .moc-column-range::-webkit-slider-thumb {
  -webkit-appearance: none !important;
  appearance: none !important;
  width: 36px !important;
  height: 36px !important;
  margin-top: -14px !important;
  border-radius: 50% !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  cursor: grab !important;
}
.moc-column-controller.moc-column-controller-clean.moc-column-pill-slider .moc-column-range::-webkit-slider-thumb:active {
  cursor: grabbing !important;
}
.moc-column-controller.moc-column-controller-clean.moc-column-pill-slider .moc-column-range::-moz-range-thumb {
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  cursor: grab !important;
}
.moc-column-controller.moc-column-controller-clean.moc-column-pill-slider #mocColumnValue.moc-column-bubble {
  position: absolute !important;
  left: clamp(18px, var(--moc-range-pos), calc(100% - 18px)) !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  max-width: 36px !important;
  max-height: 36px !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #111827 !important;
  border: 3px solid #fff !important;
  color: #fff !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: -.04em !important;
  box-shadow: 0 8px 22px rgba(17,24,39,0.12), 0 2px 8px rgba(17,24,39,0.18) !important;
  pointer-events: none !important;
  z-index: 4 !important;
  transition: left .14s ease, transform .16s ease !important;
}
.moc-column-controller.moc-column-controller-clean.moc-column-pill-slider:hover #mocColumnValue.moc-column-bubble {
  transform: translate(-50%, -50%) scale(1.06) !important;
}
@media (max-width: 640px) {
  .moc-column-controller.moc-column-controller-clean.moc-column-pill-slider {
    width: min(220px, calc(100vw - 44px)) !important;
    height: 40px !important;
    margin-bottom: 12px !important;
  }
  .moc-column-controller.moc-column-controller-clean.moc-column-pill-slider #mocColumnValue.moc-column-bubble {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    max-width: 34px !important;
    max-height: 34px !important;
    left: clamp(17px, var(--moc-range-pos), calc(100% - 17px)) !important;
    font-size: 11px !important;
    border-width: 3px !important;
  }
  .moc-column-controller.moc-column-controller-clean.moc-column-pill-slider .moc-column-range::-webkit-slider-thumb {
    width: 34px !important;
    height: 34px !important;
    margin-top: -13px !important;
  }
  .moc-column-controller.moc-column-controller-clean.moc-column-pill-slider .moc-column-range::-moz-range-thumb {
    width: 34px !important;
    height: 34px !important;
  }
}


/* Painel: preview real por dispositivo nos cards .moc
   Desktop usa viewport de monitor, iPad usa viewport de iPad e Mobile usa viewport de celular.
   O iframe mantém o HTML/index real e apenas escala para caber dentro do frame. */
.moc-project-card {
  --moc-device-vw: 1440px;
  --moc-device-vh: 900px;
  --moc-device-ratio: 1440 / 900;
}
.moc-project-card[data-device="desktop"] {
  --moc-device-vw: 1440px;
  --moc-device-vh: 900px;
  --moc-device-ratio: 1440 / 900;
}
.moc-project-card[data-device="ipad"] {
  --moc-device-vw: 834px;
  --moc-device-vh: 1112px;
  --moc-device-ratio: 834 / 1112;
}
.moc-project-card[data-device="mobile"] {
  --moc-device-vw: 390px;
  --moc-device-vh: 844px;
  --moc-device-ratio: 390 / 844;
}
.moc-project-card .moc-monitor-wrap {
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important;
  padding: clamp(2px, .35vw, 8px) 0 !important;
}
.moc-project-card .moc-monitor {
  flex: 0 0 auto !important;
  height: auto !important;
  max-height: none !important;
  background: #111 !important;
  transition: width .22s ease, border-radius .22s ease, padding .22s ease !important;
}
.moc-project-card[data-device="desktop"] .moc-monitor {
  width: 100% !important;
  max-width: 100% !important;
  border-radius: clamp(10px, 1.2vw, 20px) !important;
  padding: clamp(4px, .55vw, 8px) !important;
}
.moc-project-card[data-device="ipad"] .moc-monitor {
  width: min(72%, 360px) !important;
  max-width: 100% !important;
  min-width: 0 !important;
  border-radius: clamp(18px, 2vw, 28px) !important;
  padding: clamp(5px, .7vw, 10px) !important;
}
.moc-project-card[data-device="mobile"] .moc-monitor {
  width: min(40%, 178px) !important;
  max-width: 100% !important;
  min-width: 0 !important;
  border-radius: clamp(22px, 2.6vw, 34px) !important;
  padding: clamp(5px, .75vw, 10px) !important;
}
.moc-project-card[data-device="ipad"] .moc-monitor-top,
.moc-project-card[data-device="mobile"] .moc-monitor-top {
  height: clamp(12px, 1.1vw, 18px) !important;
  justify-content: center !important;
  padding: 0 !important;
}
.moc-project-card[data-device="ipad"] .moc-monitor-top i,
.moc-project-card[data-device="mobile"] .moc-monitor-top i {
  display: none !important;
}
.moc-project-card .moc-monitor-screen {
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: var(--moc-device-ratio) !important;
  overflow: hidden !important;
  background: #fff !important;
  border-radius: clamp(8px, 1vw, 16px) !important;
}
.moc-project-card[data-device="ipad"] .moc-monitor-screen {
  border-radius: clamp(12px, 1.6vw, 22px) !important;
}
.moc-project-card[data-device="mobile"] .moc-monitor-screen {
  border-radius: clamp(14px, 1.8vw, 24px) !important;
}
.moc-project-card .moc-site-frame {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: var(--moc-device-vw) !important;
  height: var(--moc-device-vh) !important;
  max-width: none !important;
  border: 0 !important;
  transform-origin: 0 0 !important;
  background: #fff !important;
  transition: transform .18s ease !important;
}
.moc-masonry-board[data-cols="1"] .moc-project-card[data-device="ipad"] .moc-monitor,
.moc-masonry-board[data-cols="2"] .moc-project-card[data-device="ipad"] .moc-monitor,
.moc-masonry-board[data-cols="3"] .moc-project-card[data-device="ipad"] .moc-monitor {
  width: min(56%, 410px) !important;
}
.moc-masonry-board[data-cols="1"] .moc-project-card[data-device="mobile"] .moc-monitor,
.moc-masonry-board[data-cols="2"] .moc-project-card[data-device="mobile"] .moc-monitor,
.moc-masonry-board[data-cols="3"] .moc-project-card[data-device="mobile"] .moc-monitor {
  width: min(30%, 210px) !important;
}
.moc-active-preview[data-device="desktop"] .moc-monitor {
  width: 100% !important;
}
.moc-active-preview[data-device="ipad"] .moc-monitor {
  width: min(58%, 420px) !important;
}
.moc-active-preview[data-device="mobile"] .moc-monitor {
  width: min(32%, 220px) !important;
}
@media (max-width: 760px) {
  .moc-project-card[data-device="ipad"] .moc-monitor { width: min(78%, 330px) !important; }
  .moc-project-card[data-device="mobile"] .moc-monitor { width: min(48%, 165px) !important; }
  .moc-active-preview[data-device="ipad"] .moc-monitor { width: min(76%, 360px) !important; }
  .moc-active-preview[data-device="mobile"] .moc-monitor { width: min(46%, 190px) !important; }
}

/* Correção: frames com proporções reais de dispositivo, sem deformação e sem área branca.
   O iframe usa viewport padrão por dispositivo e escala uniformemente pela largura. */
.moc-project-card {
  --moc-device-vw: 1440px;
  --moc-device-vh: 900px;
  --moc-device-ratio: 1440 / 900;
  --moc-shell-width: 100%;
  --moc-shell-radius: 18px;
  --moc-shell-padding: clamp(4px, .55vw, 8px);
}
.moc-project-card[data-device="desktop"] {
  --moc-device-vw: 1440px;
  --moc-device-vh: 900px;
  --moc-device-ratio: 1440 / 900;
  --moc-shell-width: 100%;
  --moc-shell-radius: clamp(10px, 1.2vw, 20px);
  --moc-shell-padding: clamp(4px, .55vw, 8px);
}
.moc-project-card[data-device="ipad"] {
  --moc-device-vw: 768px;
  --moc-device-vh: 1024px;
  --moc-device-ratio: 768 / 1024;
  --moc-shell-width: min(68%, 360px);
  --moc-shell-radius: clamp(18px, 2vw, 30px);
  --moc-shell-padding: clamp(6px, .75vw, 10px);
}
.moc-project-card[data-device="mobile"] {
  --moc-device-vw: 390px;
  --moc-device-vh: 844px;
  --moc-device-ratio: 390 / 844;
  --moc-shell-width: min(38%, 180px);
  --moc-shell-radius: clamp(22px, 2.6vw, 36px);
  --moc-shell-padding: clamp(6px, .75vw, 10px);
}
.moc-project-card .moc-monitor-wrap,
.active-deck-panel .moc-active-preview .moc-monitor-wrap {
  min-height: 0 !important;
  height: auto !important;
  display: flex !important;
  justify-content: center !important;
  align-items: flex-start !important;
  overflow: visible !important;
  padding: clamp(3px, .4vw, 8px) 0 !important;
}
.moc-project-card .moc-monitor,
.moc-project-card[data-device="desktop"] .moc-monitor,
.moc-project-card[data-device="ipad"] .moc-monitor,
.moc-project-card[data-device="mobile"] .moc-monitor,
.active-deck-panel .moc-active-preview[data-device="desktop"] .moc-monitor,
.active-deck-panel .moc-active-preview[data-device="ipad"] .moc-monitor,
.active-deck-panel .moc-active-preview[data-device="mobile"] .moc-monitor {
  box-sizing: border-box !important;
  flex: 0 0 auto !important;
  width: var(--moc-shell-width) !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  max-height: none !important;
  padding: var(--moc-shell-padding) !important;
  border-radius: var(--moc-shell-radius) !important;
  background: #111 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 14px 34px rgba(17,17,17,.16) !important;
  transition: width .22s cubic-bezier(.2,.8,.2,1), border-radius .22s cubic-bezier(.2,.8,.2,1), padding .22s cubic-bezier(.2,.8,.2,1) !important;
}
.moc-project-card[data-device="desktop"] .moc-monitor-top {
  display: flex !important;
  height: auto !important;
  gap: 5px !important;
  padding: 1px 4px 7px !important;
  justify-content: flex-start !important;
}
.moc-project-card[data-device="desktop"] .moc-monitor-top i {
  display: block !important;
  width: 7px !important;
  height: 7px !important;
  border-radius: 999px !important;
}
.moc-project-card[data-device="ipad"] .moc-monitor-top,
.moc-project-card[data-device="mobile"] .moc-monitor-top {
  display: flex !important;
  height: clamp(12px, 1vw, 18px) !important;
  padding: 0 !important;
  justify-content: center !important;
  align-items: center !important;
}
.moc-project-card[data-device="ipad"] .moc-monitor-top::before,
.moc-project-card[data-device="mobile"] .moc-monitor-top::before {
  content: "";
  display: block;
  width: clamp(28px, 22%, 54px);
  height: 4px;
  border-radius: 999px;
  background: rgba(255,255,255,.28);
}
.moc-project-card[data-device="ipad"] .moc-monitor-top i,
.moc-project-card[data-device="mobile"] .moc-monitor-top i { display: none !important; }
.moc-project-card .moc-monitor-screen,
.moc-project-card[data-device="desktop"] .moc-monitor-screen,
.moc-project-card[data-device="ipad"] .moc-monitor-screen,
.moc-project-card[data-device="mobile"] .moc-monitor-screen,
.active-deck-panel .moc-active-preview[data-device="desktop"] .moc-monitor-screen,
.active-deck-panel .moc-active-preview[data-device="ipad"] .moc-monitor-screen,
.active-deck-panel .moc-active-preview[data-device="mobile"] .moc-monitor-screen {
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: var(--moc-device-ratio) !important;
  overflow: hidden !important;
  background: #fff !important;
  border: 0 !important;
  border-radius: clamp(8px, 1vw, 15px) !important;
}
.moc-project-card[data-device="ipad"] .moc-monitor-screen { border-radius: clamp(12px, 1.5vw, 22px) !important; }
.moc-project-card[data-device="mobile"] .moc-monitor-screen { border-radius: clamp(14px, 1.8vw, 24px) !important; }
.moc-project-card .moc-site-frame,
.moc-project-card[data-device="desktop"] .moc-site-frame,
.moc-project-card[data-device="ipad"] .moc-site-frame,
.moc-project-card[data-device="mobile"] .moc-site-frame {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: var(--moc-device-vw) !important;
  height: var(--moc-device-vh) !important;
  max-width: none !important;
  max-height: none !important;
  border: 0 !important;
  background: #fff !important;
  transform-origin: 0 0 !important;
  transition: transform .18s cubic-bezier(.2,.8,.2,1) !important;
}
.moc-masonry-board[data-cols="1"] .moc-project-card[data-device="ipad"],
.moc-masonry-board[data-cols="2"] .moc-project-card[data-device="ipad"],
.moc-masonry-board[data-cols="3"] .moc-project-card[data-device="ipad"] { --moc-shell-width: min(54%, 430px); }
.moc-masonry-board[data-cols="1"] .moc-project-card[data-device="mobile"],
.moc-masonry-board[data-cols="2"] .moc-project-card[data-device="mobile"],
.moc-masonry-board[data-cols="3"] .moc-project-card[data-device="mobile"] { --moc-shell-width: min(30%, 230px); }
.active-deck-panel .moc-active-preview[data-device="desktop"] { --moc-shell-width: 100%; }
.active-deck-panel .moc-active-preview[data-device="ipad"] { --moc-shell-width: min(56%, 430px); }
.active-deck-panel .moc-active-preview[data-device="mobile"] { --moc-shell-width: min(30%, 230px); }
@media (max-width: 760px) {
  .moc-project-card[data-device="ipad"] { --moc-shell-width: min(78%, 340px); }
  .moc-project-card[data-device="mobile"] { --moc-shell-width: min(48%, 180px); }
  .active-deck-panel .moc-active-preview[data-device="ipad"] { --moc-shell-width: min(76%, 360px); }
  .active-deck-panel .moc-active-preview[data-device="mobile"] { --moc-shell-width: min(46%, 190px); }
}


/* Correção final: frames sem bolinhas, iPad deitado e mobile em proporção real de celular. */
.moc-project-card[data-device="desktop"] {
  --moc-device-vw: 1440px !important;
  --moc-device-vh: 810px !important;
  --moc-device-ratio: 1440 / 810 !important;
  --moc-shell-width: 100% !important;
  --moc-shell-radius: clamp(10px, 1.15vw, 18px) !important;
  --moc-shell-padding: clamp(3px, .45vw, 7px) !important;
}
.moc-project-card[data-device="ipad"] {
  --moc-device-vw: 1024px !important;
  --moc-device-vh: 768px !important;
  --moc-device-ratio: 1024 / 768 !important;
  --moc-shell-width: min(100%, 520px) !important;
  --moc-shell-radius: clamp(16px, 1.7vw, 26px) !important;
  --moc-shell-padding: clamp(5px, .65vw, 9px) !important;
}
.moc-project-card[data-device="mobile"] {
  --moc-device-vw: 390px !important;
  --moc-device-vh: 844px !important;
  --moc-device-ratio: 390 / 844 !important;
  --moc-shell-width: min(100%, 390px) !important;
  --moc-shell-radius: clamp(24px, 2.6vw, 38px) !important;
  --moc-shell-padding: clamp(6px, .75vw, 10px) !important;
}
.active-deck-panel .moc-active-preview[data-device="desktop"] { --moc-shell-width: 100% !important; }
.active-deck-panel .moc-active-preview[data-device="ipad"] { --moc-shell-width: min(100%, 640px) !important; }
.active-deck-panel .moc-active-preview[data-device="mobile"] { --moc-shell-width: min(100%, 390px) !important; }
.moc-masonry-board[data-cols] .moc-project-card[data-device="ipad"],
.moc-masonry-board[data-cols="1"] .moc-project-card[data-device="ipad"],
.moc-masonry-board[data-cols="2"] .moc-project-card[data-device="ipad"],
.moc-masonry-board[data-cols="3"] .moc-project-card[data-device="ipad"] {
  --moc-shell-width: min(100%, 520px) !important;
}
.moc-masonry-board[data-cols] .moc-project-card[data-device="mobile"],
.moc-masonry-board[data-cols="1"] .moc-project-card[data-device="mobile"],
.moc-masonry-board[data-cols="2"] .moc-project-card[data-device="mobile"],
.moc-masonry-board[data-cols="3"] .moc-project-card[data-device="mobile"] {
  --moc-shell-width: min(100%, 390px) !important;
}
.moc-project-card .moc-monitor-top,
.moc-project-card[data-device="desktop"] .moc-monitor-top,
.moc-project-card[data-device="ipad"] .moc-monitor-top,
.moc-project-card[data-device="mobile"] .moc-monitor-top {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}
.moc-project-card .moc-monitor-top i,
.moc-project-card .moc-monitor-top::before,
.moc-project-card .moc-monitor-top::after {
  display: none !important;
  content: none !important;
}
.moc-project-card .moc-monitor,
.moc-project-card[data-device="desktop"] .moc-monitor,
.moc-project-card[data-device="ipad"] .moc-monitor,
.moc-project-card[data-device="mobile"] .moc-monitor {
  width: var(--moc-shell-width) !important;
  padding: var(--moc-shell-padding) !important;
  border-radius: var(--moc-shell-radius) !important;
}
.moc-project-card .moc-monitor-screen,
.moc-project-card[data-device="desktop"] .moc-monitor-screen,
.moc-project-card[data-device="ipad"] .moc-monitor-screen,
.moc-project-card[data-device="mobile"] .moc-monitor-screen {
  aspect-ratio: var(--moc-device-ratio) !important;
  height: auto !important;
  min-height: 0 !important;
}
.moc-project-card .moc-site-frame,
.moc-project-card[data-device="desktop"] .moc-site-frame,
.moc-project-card[data-device="ipad"] .moc-site-frame,
.moc-project-card[data-device="mobile"] .moc-site-frame {
  width: var(--moc-device-vw) !important;
  height: var(--moc-device-vh) !important;
  max-width: none !important;
  max-height: none !important;
}
@media (max-width: 760px) {
  .moc-project-card[data-device="ipad"] { --moc-shell-width: min(100%, 520px) !important; }
  .moc-project-card[data-device="mobile"] { --moc-shell-width: min(100%, 390px) !important; }
  .active-deck-panel .moc-active-preview[data-device="ipad"] { --moc-shell-width: min(100%, 520px) !important; }
  .active-deck-panel .moc-active-preview[data-device="mobile"] { --moc-shell-width: min(100%, 390px) !important; }
}


/* Correção: frames de dispositivo fixos e proporcionais, sem mudar ao alterar colunas.
   O card da galeria mantém tamanho estável; a barra de colunas só muda a quantidade por linha.
   Viewports: Mac 1440x900, iPad deitado 1024x768, iPhone 390x844. */
.moc-library-section {
  overflow-x: auto !important;
  overflow-y: visible !important;
  padding-bottom: 10px !important;
  scrollbar-width: thin;
}
.moc-masonry-board[data-cols],
.moc-masonry-board {
  --moc-card-fixed-width: 360px;
  grid-template-columns: repeat(var(--moc-cols), var(--moc-card-fixed-width)) !important;
  justify-content: center !important;
  align-items: start !important;
  width: max-content !important;
  max-width: none !important;
  min-width: min(100%, var(--moc-card-fixed-width)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.moc-masonry-board > .moc-project-card {
  width: var(--moc-card-fixed-width) !important;
  min-width: var(--moc-card-fixed-width) !important;
  max-width: var(--moc-card-fixed-width) !important;
  overflow: visible !important;
}
.moc-project-card[data-device="desktop"] {
  --moc-device-vw: 1440px !important;
  --moc-device-vh: 900px !important;
  --moc-device-ratio: 1440 / 900 !important;
  --moc-shell-width: 326px !important;
  --moc-shell-radius: 18px !important;
  --moc-shell-padding: 7px !important;
}
.moc-project-card[data-device="ipad"] {
  --moc-device-vw: 1024px !important;
  --moc-device-vh: 768px !important;
  --moc-device-ratio: 1024 / 768 !important;
  --moc-shell-width: 300px !important;
  --moc-shell-radius: 24px !important;
  --moc-shell-padding: 8px !important;
}
.moc-project-card[data-device="mobile"] {
  --moc-device-vw: 390px !important;
  --moc-device-vh: 844px !important;
  --moc-device-ratio: 390 / 844 !important;
  --moc-shell-width: 184px !important;
  --moc-shell-radius: 34px !important;
  --moc-shell-padding: 8px !important;
}
.active-deck-panel .moc-active-preview[data-device="desktop"] {
  --moc-device-vw: 1440px !important;
  --moc-device-vh: 900px !important;
  --moc-device-ratio: 1440 / 900 !important;
  --moc-shell-width: min(100%, 760px) !important;
  --moc-shell-radius: 22px !important;
  --moc-shell-padding: 9px !important;
}
.active-deck-panel .moc-active-preview[data-device="ipad"] {
  --moc-device-vw: 1024px !important;
  --moc-device-vh: 768px !important;
  --moc-device-ratio: 1024 / 768 !important;
  --moc-shell-width: min(100%, 640px) !important;
  --moc-shell-radius: 28px !important;
  --moc-shell-padding: 10px !important;
}
.active-deck-panel .moc-active-preview[data-device="mobile"] {
  --moc-device-vw: 390px !important;
  --moc-device-vh: 844px !important;
  --moc-device-ratio: 390 / 844 !important;
  --moc-shell-width: min(100%, 390px) !important;
  --moc-shell-radius: 44px !important;
  --moc-shell-padding: 10px !important;
}
.moc-masonry-board[data-cols] .moc-project-card[data-device="desktop"],
.moc-masonry-board[data-cols] .moc-project-card[data-device="ipad"],
.moc-masonry-board[data-cols] .moc-project-card[data-device="mobile"] {
  max-width: var(--moc-card-fixed-width) !important;
}
.moc-masonry-board[data-cols] .moc-project-card[data-device="desktop"] { --moc-shell-width: 326px !important; }
.moc-masonry-board[data-cols] .moc-project-card[data-device="ipad"] { --moc-shell-width: 300px !important; }
.moc-masonry-board[data-cols] .moc-project-card[data-device="mobile"] { --moc-shell-width: 184px !important; }
.moc-project-card .moc-monitor-wrap,
.active-deck-panel .moc-active-preview .moc-monitor-wrap {
  min-height: 0 !important;
  height: auto !important;
  overflow: visible !important;
  display: flex !important;
  justify-content: center !important;
  align-items: flex-start !important;
  padding: 6px 0 !important;
}
.moc-project-card .moc-monitor,
.moc-project-card[data-device="desktop"] .moc-monitor,
.moc-project-card[data-device="ipad"] .moc-monitor,
.moc-project-card[data-device="mobile"] .moc-monitor,
.active-deck-panel .moc-active-preview .moc-monitor {
  flex: 0 0 auto !important;
  width: var(--moc-shell-width) !important;
  max-width: var(--moc-shell-width) !important;
  min-width: var(--moc-shell-width) !important;
  height: auto !important;
  padding: var(--moc-shell-padding) !important;
  border-radius: var(--moc-shell-radius) !important;
  background: #111 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 14px 30px rgba(17,17,17,.14) !important;
  transition: border-radius .18s cubic-bezier(.2,.8,.2,1), padding .18s cubic-bezier(.2,.8,.2,1) !important;
}
.moc-project-card .moc-monitor-top,
.active-deck-panel .moc-monitor-top {
  display: none !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}
.moc-project-card .moc-monitor-screen,
.moc-project-card[data-device="desktop"] .moc-monitor-screen,
.moc-project-card[data-device="ipad"] .moc-monitor-screen,
.moc-project-card[data-device="mobile"] .moc-monitor-screen,
.active-deck-panel .moc-active-preview .moc-monitor-screen {
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: var(--moc-device-ratio) !important;
  overflow: hidden !important;
  background: #fff !important;
  border: 0 !important;
}
.moc-project-card[data-device="desktop"] .moc-monitor-screen,
.active-deck-panel .moc-active-preview[data-device="desktop"] .moc-monitor-screen {
  border-radius: 13px !important;
}
.moc-project-card[data-device="ipad"] .moc-monitor-screen,
.active-deck-panel .moc-active-preview[data-device="ipad"] .moc-monitor-screen {
  border-radius: 18px !important;
}
.moc-project-card[data-device="mobile"] .moc-monitor-screen,
.active-deck-panel .moc-active-preview[data-device="mobile"] .moc-monitor-screen {
  border-radius: 28px !important;
}
.moc-project-card .moc-site-frame,
.moc-project-card[data-device="desktop"] .moc-site-frame,
.moc-project-card[data-device="ipad"] .moc-site-frame,
.moc-project-card[data-device="mobile"] .moc-site-frame,
.active-deck-panel .moc-active-preview .moc-site-frame {
  position: absolute !important;
  inset: 0 auto auto 0 !important;
  width: var(--moc-device-vw) !important;
  height: var(--moc-device-vh) !important;
  max-width: none !important;
  max-height: none !important;
  border: 0 !important;
  background: #fff !important;
  transform-origin: 0 0 !important;
}
@media (max-width: 760px) {
  .moc-masonry-board[data-cols],
  .moc-masonry-board { --moc-card-fixed-width: 340px; }
  .moc-masonry-board[data-cols] .moc-project-card[data-device="desktop"],
  .moc-project-card[data-device="desktop"] { --moc-shell-width: 306px !important; }
  .moc-masonry-board[data-cols] .moc-project-card[data-device="ipad"],
  .moc-project-card[data-device="ipad"] { --moc-shell-width: 286px !important; }
  .moc-masonry-board[data-cols] .moc-project-card[data-device="mobile"],
  .moc-project-card[data-device="mobile"] { --moc-shell-width: 180px !important; }
}

/* Correção Rafael: cards/frames responsivos como o deck ativo, sem ultrapassar a página.
   A quantidade de colunas continua funcionando, mas a grade não força largura maior que a tela.
   O mobile fica menor e proporcional dentro do card. */
.moc-library-section {
  width: min(1480px, calc(100vw - 40px)) !important;
  max-width: calc(100vw - 40px) !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  padding-bottom: 0 !important;
}
.moc-masonry-board,
.moc-masonry-board[data-cols] {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: grid !important;
  grid-template-columns: repeat(var(--moc-cols), minmax(0, 1fr)) !important;
  justify-content: stretch !important;
  align-items: start !important;
  gap: clamp(10px, 1.15vw, 18px) !important;
}
.moc-masonry-board > .moc-project-card,
.moc-masonry-board[data-cols] > .moc-project-card {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
}
.moc-project-card .moc-monitor-wrap,
.active-deck-panel .moc-active-preview .moc-monitor-wrap {
  overflow: hidden !important;
  width: 100% !important;
  padding: 6px 0 !important;
}
.moc-project-card[data-device="desktop"],
.moc-masonry-board[data-cols] .moc-project-card[data-device="desktop"] {
  --moc-device-vw: 1440px !important;
  --moc-device-vh: 900px !important;
  --moc-device-ratio: 1440 / 900 !important;
  --moc-shell-width: 100% !important;
  --moc-shell-radius: clamp(10px, 1.15vw, 18px) !important;
  --moc-shell-padding: clamp(3px, .45vw, 7px) !important;
}
.moc-project-card[data-device="ipad"],
.moc-masonry-board[data-cols] .moc-project-card[data-device="ipad"] {
  --moc-device-vw: 1024px !important;
  --moc-device-vh: 768px !important;
  --moc-device-ratio: 1024 / 768 !important;
  --moc-shell-width: min(100%, 520px) !important;
  --moc-shell-radius: clamp(16px, 1.7vw, 26px) !important;
  --moc-shell-padding: clamp(5px, .65vw, 9px) !important;
}
.moc-project-card[data-device="mobile"],
.moc-masonry-board[data-cols] .moc-project-card[data-device="mobile"] {
  --moc-device-vw: 390px !important;
  --moc-device-vh: 844px !important;
  --moc-device-ratio: 390 / 844 !important;
  --moc-shell-width: min(46%, 178px) !important;
  --moc-shell-radius: clamp(22px, 2.2vw, 34px) !important;
  --moc-shell-padding: clamp(5px, .65vw, 8px) !important;
}
.active-deck-panel .moc-active-preview[data-device="desktop"] {
  --moc-device-vw: 1440px !important;
  --moc-device-vh: 900px !important;
  --moc-device-ratio: 1440 / 900 !important;
  --moc-shell-width: 100% !important;
}
.active-deck-panel .moc-active-preview[data-device="ipad"] {
  --moc-device-vw: 1024px !important;
  --moc-device-vh: 768px !important;
  --moc-device-ratio: 1024 / 768 !important;
  --moc-shell-width: min(100%, 640px) !important;
}
.active-deck-panel .moc-active-preview[data-device="mobile"] {
  --moc-device-vw: 390px !important;
  --moc-device-vh: 844px !important;
  --moc-device-ratio: 390 / 844 !important;
  --moc-shell-width: min(42%, 220px) !important;
  --moc-shell-radius: 38px !important;
  --moc-shell-padding: 8px !important;
}
.moc-project-card .moc-monitor,
.moc-project-card[data-device="desktop"] .moc-monitor,
.moc-project-card[data-device="ipad"] .moc-monitor,
.moc-project-card[data-device="mobile"] .moc-monitor,
.active-deck-panel .moc-active-preview .moc-monitor {
  box-sizing: border-box !important;
  width: var(--moc-shell-width) !important;
  max-width: 100% !important;
  min-width: 0 !important;
  flex: 0 0 auto !important;
}
.moc-project-card .moc-monitor-screen,
.moc-project-card[data-device="desktop"] .moc-monitor-screen,
.moc-project-card[data-device="ipad"] .moc-monitor-screen,
.moc-project-card[data-device="mobile"] .moc-monitor-screen,
.active-deck-panel .moc-active-preview .moc-monitor-screen {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: var(--moc-device-ratio) !important;
  min-height: 0 !important;
}
@media (max-width: 1180px) {
  .moc-masonry-board,
  .moc-masonry-board[data-cols] {
    grid-template-columns: repeat(min(var(--moc-cols), 4), minmax(0, 1fr)) !important;
  }
}
@media (max-width: 860px) {
  .moc-library-section {
    width: min(100%, calc(100vw - 24px)) !important;
    max-width: calc(100vw - 24px) !important;
  }
  .moc-masonry-board,
  .moc-masonry-board[data-cols] {
    grid-template-columns: repeat(min(var(--moc-cols), 2), minmax(0, 1fr)) !important;
  }
  .active-deck-panel .moc-active-preview[data-device="mobile"] {
    --moc-shell-width: min(46%, 190px) !important;
  }
}
@media (max-width: 560px) {
  .moc-masonry-board,
  .moc-masonry-board[data-cols] {
    grid-template-columns: 1fr !important;
  }
  .moc-project-card[data-device="mobile"],
  .moc-masonry-board[data-cols] .moc-project-card[data-device="mobile"] {
    --moc-shell-width: min(44%, 170px) !important;
  }
  .active-deck-panel .moc-active-preview[data-device="mobile"] {
    --moc-shell-width: min(44%, 176px) !important;
  }
}


/* Correção solicitada: remover moldura/frame e fazer o .moc preencher o card inteiro */
.moc-masonry-board {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(var(--moc-cols), minmax(0, 1fr)) !important;
  gap: clamp(10px, 1.15vw, 20px) !important;
  align-items: start !important;
}
.moc-masonry-board > .moc-project-card {
  min-width: 0 !important;
  width: 100% !important;
}
.moc-project-card {
  overflow: hidden !important;
}
.moc-project-card:not([data-active-card]) {
  aspect-ratio: 1 / 1.48 !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: clamp(5px, .72vw, 10px) !important;
  padding: clamp(8px, .95vw, 14px) !important;
}
.moc-monitor-wrap {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  width: 100% !important;
  height: auto !important;
  display: flex !important;
  align-items: stretch !important;
  justify-content: stretch !important;
}
.moc-monitor,
.moc-project-card[data-device="desktop"] .moc-monitor,
.moc-project-card[data-device="ipad"] .moc-monitor,
.moc-project-card[data-device="mobile"] .moc-monitor,
.active-deck-panel .moc-active-preview[data-device="desktop"] .moc-monitor,
.active-deck-panel .moc-active-preview[data-device="ipad"] .moc-monitor,
.active-deck-panel .moc-active-preview[data-device="mobile"] .moc-monitor {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  flex: 1 1 auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: clamp(12px, 1.15vw, 20px) !important;
  background: transparent !important;
  box-shadow: none !important;
  display: flex !important;
  flex-direction: column !important;
}
.moc-monitor-top {
  display: none !important;
}
.moc-monitor-screen,
.moc-project-card[data-device="desktop"] .moc-monitor-screen,
.moc-project-card[data-device="ipad"] .moc-monitor-screen,
.moc-project-card[data-device="mobile"] .moc-monitor-screen,
.active-deck-panel .moc-active-preview[data-device="desktop"] .moc-monitor-screen,
.active-deck-panel .moc-active-preview[data-device="ipad"] .moc-monitor-screen,
.active-deck-panel .moc-active-preview[data-device="mobile"] .moc-monitor-screen {
  flex: 1 1 auto !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  border: 0 !important;
  border-radius: clamp(12px, 1.15vw, 20px) !important;
  overflow: hidden !important;
  background: #fff !important;
  box-shadow: inset 0 0 0 1px rgba(17,17,17,.055) !important;
}
.moc-site-frame {
  position: absolute !important;
  border: 0 !important;
  background: #fff !important;
  pointer-events: none !important;
  transform-origin: 0 0 !important;
}
.moc-device-tabs {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: clamp(4px, .42vw, 7px) !important;
  flex: 0 0 auto !important;
}
.moc-device-tabs button {
  box-shadow: none !important;
  border: 0 !important;
  background: #f2f2f0 !important;
  color: #111 !important;
  padding: clamp(4px, .54vw, 7px) clamp(6px, .72vw, 10px) !important;
  font-size: clamp(8px, .72vw, 11px) !important;
}
.moc-device-tabs button.active {
  background: #111 !important;
  color: #fff !important;
}
.moc-masonry-board[data-cols="7"] .moc-device-tabs,
.moc-masonry-board[data-cols="8"] .moc-device-tabs,
.moc-masonry-board[data-cols="9"] .moc-device-tabs,
.moc-masonry-board[data-cols="10"] .moc-device-tabs,
.moc-masonry-board[data-cols="11"] .moc-device-tabs,
.moc-masonry-board[data-cols="12"] .moc-device-tabs {
  display: flex !important;
}
.moc-masonry-board[data-cols="7"] .moc-device-tabs button,
.moc-masonry-board[data-cols="8"] .moc-device-tabs button,
.moc-masonry-board[data-cols="9"] .moc-device-tabs button,
.moc-masonry-board[data-cols="10"] .moc-device-tabs button,
.moc-masonry-board[data-cols="11"] .moc-device-tabs button,
.moc-masonry-board[data-cols="12"] .moc-device-tabs button {
  padding: 3px 5px !important;
  font-size: 8px !important;
  letter-spacing: 0 !important;
}
.moc-project-headline,
.moc-project-meta,
.moc-actions-row,
.moc-card-note {
  flex: 0 0 auto !important;
}
.active-deck-panel .moc-active-preview .moc-monitor-wrap {
  min-height: 0 !important;
}
.active-deck-panel .moc-active-preview .moc-monitor-screen {
  min-height: 170px !important;
}
@media (max-width: 1180px) {
  .moc-masonry-board {
    grid-template-columns: repeat(min(var(--moc-cols), 6), minmax(0, 1fr)) !important;
  }
}
@media (max-width: 760px) {
  .moc-masonry-board {
    grid-template-columns: repeat(min(var(--moc-cols), 3), minmax(0, 1fr)) !important;
  }
}
@media (max-width: 520px) {
  .moc-masonry-board {
    grid-template-columns: repeat(min(var(--moc-cols), 2), minmax(0, 1fr)) !important;
  }
}

/* Correção definitiva: colunas da galeria .moc obedecem exatamente a barra, como antes */
.moc-library-section {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  padding-bottom: 0 !important;
}
.moc-masonry-board,
.moc-masonry-board[data-cols],
.moc-library-section .moc-masonry-board,
.moc-library-section .moc-masonry-board[data-cols] {
  --moc-cols: 4;
  display: grid !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  grid-template-columns: repeat(var(--moc-cols), minmax(0, 1fr)) !important;
  gap: clamp(10px, 1.05vw, 18px) !important;
  justify-content: stretch !important;
  align-items: start !important;
  grid-auto-flow: row !important;
}
.moc-masonry-board > .moc-project-card,
.moc-masonry-board[data-cols] > .moc-project-card,
.moc-library-section .moc-masonry-board > .moc-project-card {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
.moc-project-card:not([data-active-card]) {
  aspect-ratio: 1 / 1.48 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}
.moc-project-card:not([data-active-card]) .moc-monitor-wrap {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: auto !important;
  width: 100% !important;
  overflow: hidden !important;
}
.moc-project-card:not([data-active-card]) .moc-monitor,
.moc-project-card:not([data-active-card]) .moc-monitor-screen {
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 100% !important;
  border: 0 !important;
  padding: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}
.moc-project-card:not([data-active-card]) .moc-monitor-screen {
  position: relative !important;
  overflow: hidden !important;
  border-radius: clamp(10px, 1vw, 18px) !important;
}
/* cancela travas antigas que limitavam colunas em telas menores */
@media (max-width: 1180px) {
  .moc-masonry-board,
  .moc-masonry-board[data-cols],
  .moc-library-section .moc-masonry-board {
    grid-template-columns: repeat(var(--moc-cols), minmax(0, 1fr)) !important;
  }
}
@media (max-width: 860px) {
  .moc-masonry-board,
  .moc-masonry-board[data-cols],
  .moc-library-section .moc-masonry-board {
    grid-template-columns: repeat(var(--moc-cols), minmax(0, 1fr)) !important;
  }
}
@media (max-width: 760px) {
  .moc-masonry-board,
  .moc-masonry-board[data-cols],
  .moc-library-section .moc-masonry-board {
    grid-template-columns: repeat(var(--moc-cols), minmax(0, 1fr)) !important;
  }
}
@media (max-width: 520px) {
  .moc-masonry-board,
  .moc-masonry-board[data-cols],
  .moc-library-section .moc-masonry-board {
    grid-template-columns: repeat(var(--moc-cols), minmax(0, 1fr)) !important;
  }
}

/* Correção Rafael — galeria .moc ocupando a página toda e cards abrindo até as laterais.
   A barra controla exatamente a quantidade de colunas, e cada card divide a largura disponível. */
.moc-library-section {
  width: min(1800px, calc(100vw - 24px)) !important;
  max-width: calc(100vw - 24px) !important;
  margin-left: 50% !important;
  margin-right: 0 !important;
  transform: translateX(-50%) !important;
  overflow: visible !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.moc-library-section .moc-masonry-board,
.moc-masonry-board,
.moc-masonry-board[data-cols] {
  --moc-cols: 4;
  display: grid !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 auto !important;
  grid-template-columns: repeat(var(--moc-cols), minmax(0, 1fr)) !important;
  gap: clamp(8px, .85vw, 16px) !important;
  justify-content: stretch !important;
  align-items: start !important;
  grid-auto-flow: row !important;
}
.moc-library-section .moc-masonry-board > .moc-project-card,
.moc-masonry-board > .moc-project-card,
.moc-masonry-board[data-cols] > .moc-project-card {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}
.moc-project-card:not([data-active-card]) {
  aspect-ratio: 1 / 1.44 !important;
  padding: clamp(6px, .8vw, 12px) !important;
  gap: clamp(4px, .55vw, 9px) !important;
  overflow: hidden !important;
}
.moc-project-card:not([data-active-card]) .moc-monitor-wrap {
  width: 100% !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: auto !important;
  overflow: hidden !important;
  align-items: stretch !important;
  justify-content: stretch !important;
  padding: 0 !important;
}
.moc-project-card:not([data-active-card]) .moc-monitor,
.moc-project-card:not([data-active-card])[data-device="desktop"] .moc-monitor,
.moc-project-card:not([data-active-card])[data-device="ipad"] .moc-monitor,
.moc-project-card:not([data-active-card])[data-device="mobile"] .moc-monitor {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  flex: 1 1 auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: clamp(10px, 1vw, 18px) !important;
  background: transparent !important;
  box-shadow: none !important;
}
.moc-project-card:not([data-active-card]) .moc-monitor-screen,
.moc-project-card:not([data-active-card])[data-device="desktop"] .moc-monitor-screen,
.moc-project-card:not([data-active-card])[data-device="ipad"] .moc-monitor-screen,
.moc-project-card:not([data-active-card])[data-device="mobile"] .moc-monitor-screen {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  flex: 1 1 auto !important;
  aspect-ratio: auto !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: clamp(10px, 1vw, 18px) !important;
  background: #fff !important;
  box-shadow: inset 0 0 0 1px rgba(17,17,17,.055) !important;
}
.moc-project-card:not([data-active-card]) .moc-site-frame {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  max-width: none !important;
  max-height: none !important;
  border: 0 !important;
  background: #fff !important;
  transform-origin: 0 0 !important;
  pointer-events: none !important;
}
.moc-project-card:not([data-active-card]) .moc-project-headline,
.moc-project-card:not([data-active-card]) .moc-device-tabs,
.moc-project-card:not([data-active-card]) .moc-project-meta,
.moc-project-card:not([data-active-card]) .moc-actions-row,
.moc-project-card:not([data-active-card]) .moc-card-note {
  flex: 0 0 auto !important;
}
/* Em muitas colunas, reduz apenas a interface; o preview continua tomando o card inteiro. */
.moc-masonry-board[data-cols="7"] .moc-project-card:not([data-active-card]),
.moc-masonry-board[data-cols="8"] .moc-project-card:not([data-active-card]),
.moc-masonry-board[data-cols="9"] .moc-project-card:not([data-active-card]),
.moc-masonry-board[data-cols="10"] .moc-project-card:not([data-active-card]),
.moc-masonry-board[data-cols="11"] .moc-project-card:not([data-active-card]),
.moc-masonry-board[data-cols="12"] .moc-project-card:not([data-active-card]) {
  padding: clamp(4px, .55vw, 8px) !important;
  gap: 4px !important;
}
.moc-masonry-board[data-cols="8"] .moc-project-card:not([data-active-card]) .moc-project-meta,
.moc-masonry-board[data-cols="9"] .moc-project-card:not([data-active-card]) .moc-project-meta,
.moc-masonry-board[data-cols="10"] .moc-project-card:not([data-active-card]) .moc-project-meta,
.moc-masonry-board[data-cols="11"] .moc-project-card:not([data-active-card]) .moc-project-meta,
.moc-masonry-board[data-cols="12"] .moc-project-card:not([data-active-card]) .moc-project-meta,
.moc-masonry-board[data-cols="8"] .moc-project-card:not([data-active-card]) .moc-actions-row,
.moc-masonry-board[data-cols="9"] .moc-project-card:not([data-active-card]) .moc-actions-row,
.moc-masonry-board[data-cols="10"] .moc-project-card:not([data-active-card]) .moc-actions-row,
.moc-masonry-board[data-cols="11"] .moc-project-card:not([data-active-card]) .moc-actions-row,
.moc-masonry-board[data-cols="12"] .moc-project-card:not([data-active-card]) .moc-actions-row {
  display: none !important;
}
@media (max-width: 900px) {
  .moc-library-section {
    width: min(100%, calc(100vw - 16px)) !important;
    max-width: calc(100vw - 16px) !important;
  }
  .moc-library-section .moc-masonry-board,
  .moc-masonry-board,
  .moc-masonry-board[data-cols] {
    gap: 8px !important;
    grid-template-columns: repeat(var(--moc-cols), minmax(0, 1fr)) !important;
  }
}


/* Correção Rafael: galeria .moc sem frame de corte, cards em masonry real e preview expandido */
.moc-library-section {
  width: min(1800px, calc(100vw - 24px)) !important;
  max-width: calc(100vw - 24px) !important;
  margin-left: 50% !important;
  margin-right: 0 !important;
  transform: translateX(-50%) !important;
  overflow: visible !important;
  padding: 0 0 22px !important;
}
.moc-library-section .moc-masonry-board,
.moc-masonry-board,
.moc-masonry-board[data-cols] {
  --moc-cols: 4;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 auto !important;
  column-count: var(--moc-cols) !important;
  column-gap: clamp(8px, .85vw, 16px) !important;
  grid-template-columns: none !important;
  gap: 0 !important;
  align-items: initial !important;
  justify-content: initial !important;
  grid-auto-flow: initial !important;
}
.moc-library-section .moc-masonry-board > .moc-project-card,
.moc-masonry-board > .moc-project-card,
.moc-masonry-board[data-cols] > .moc-project-card {
  display: inline-flex !important;
  flex-direction: column !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 0 clamp(8px, .85vw, 16px) !important;
  break-inside: avoid !important;
  -webkit-column-break-inside: avoid !important;
  page-break-inside: avoid !important;
  box-sizing: border-box !important;
  vertical-align: top !important;
  aspect-ratio: auto !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
  padding: 0 !important;
  gap: 0 !important;
}
.moc-project-card:not([data-active-card]) .moc-project-headline,
.moc-project-card:not([data-active-card]) .moc-device-tabs,
.moc-project-card:not([data-active-card]) .moc-project-meta,
.moc-project-card:not([data-active-card]) .moc-actions-row,
.moc-project-card:not([data-active-card]) .moc-card-note {
  margin-left: clamp(8px, .95vw, 14px) !important;
  margin-right: clamp(8px, .95vw, 14px) !important;
  flex: 0 0 auto !important;
}
.moc-project-card:not([data-active-card]) .moc-project-headline {
  margin-top: clamp(8px, .95vw, 14px) !important;
  margin-bottom: clamp(5px, .65vw, 9px) !important;
}
.moc-project-card:not([data-active-card]) .moc-device-tabs {
  margin-bottom: clamp(6px, .75vw, 10px) !important;
}
.moc-project-card:not([data-active-card]) .moc-project-meta,
.moc-project-card:not([data-active-card]) .moc-card-note,
.moc-project-card:not([data-active-card]) .moc-actions-row {
  margin-top: clamp(6px, .75vw, 10px) !important;
}
.moc-project-card:not([data-active-card]) .moc-actions-row {
  margin-bottom: clamp(8px, .95vw, 14px) !important;
}
.moc-project-card:not([data-active-card]) .moc-monitor-wrap,
.moc-project-card:not([data-active-card]) .moc-monitor,
.moc-project-card:not([data-active-card])[data-device="desktop"] .moc-monitor,
.moc-project-card:not([data-active-card])[data-device="ipad"] .moc-monitor,
.moc-project-card:not([data-active-card])[data-device="mobile"] .moc-monitor {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}
.moc-project-card:not([data-active-card]) .moc-monitor-screen,
.moc-project-card:not([data-active-card])[data-device="desktop"] .moc-monitor-screen,
.moc-project-card:not([data-active-card])[data-device="ipad"] .moc-monitor-screen,
.moc-project-card:not([data-active-card])[data-device="mobile"] .moc-monitor-screen {
  display: block !important;
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto;
  min-height: 0 !important;
  aspect-ratio: auto !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}
.moc-project-card:not([data-active-card]) .moc-monitor-top,
.moc-project-card:not([data-active-card]) .moc-monitor-top i,
.moc-project-card:not([data-active-card]) .moc-monitor-top::before,
.moc-project-card:not([data-active-card]) .moc-monitor-top::after {
  display: none !important;
  content: none !important;
}
.moc-project-card:not([data-active-card]) .moc-site-frame {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  max-width: none !important;
  max-height: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  transform-origin: 0 0 !important;
  pointer-events: none !important;
}
/* não esconde botões/metadados quando aumenta para muitas colunas; apenas compacta */
.moc-masonry-board[data-cols="7"] .moc-device-tabs,
.moc-masonry-board[data-cols="8"] .moc-device-tabs,
.moc-masonry-board[data-cols="9"] .moc-device-tabs,
.moc-masonry-board[data-cols="10"] .moc-device-tabs,
.moc-masonry-board[data-cols="11"] .moc-device-tabs,
.moc-masonry-board[data-cols="12"] .moc-device-tabs,
.moc-masonry-board[data-cols="8"] .moc-project-card:not([data-active-card]) .moc-project-meta,
.moc-masonry-board[data-cols="9"] .moc-project-card:not([data-active-card]) .moc-project-meta,
.moc-masonry-board[data-cols="10"] .moc-project-card:not([data-active-card]) .moc-project-meta,
.moc-masonry-board[data-cols="11"] .moc-project-card:not([data-active-card]) .moc-project-meta,
.moc-masonry-board[data-cols="12"] .moc-project-card:not([data-active-card]) .moc-project-meta,
.moc-masonry-board[data-cols="8"] .moc-project-card:not([data-active-card]) .moc-actions-row,
.moc-masonry-board[data-cols="9"] .moc-project-card:not([data-active-card]) .moc-actions-row,
.moc-masonry-board[data-cols="10"] .moc-project-card:not([data-active-card]) .moc-actions-row,
.moc-masonry-board[data-cols="11"] .moc-project-card:not([data-active-card]) .moc-actions-row,
.moc-masonry-board[data-cols="12"] .moc-project-card:not([data-active-card]) .moc-actions-row {
  display: flex !important;
}
.moc-masonry-board[data-cols="9"] .moc-project-headline span,
.moc-masonry-board[data-cols="10"] .moc-project-headline span,
.moc-masonry-board[data-cols="11"] .moc-project-headline span,
.moc-masonry-board[data-cols="12"] .moc-project-headline span,
.moc-masonry-board[data-cols="9"] .moc-project-headline b,
.moc-masonry-board[data-cols="10"] .moc-project-headline b,
.moc-masonry-board[data-cols="11"] .moc-project-headline b,
.moc-masonry-board[data-cols="12"] .moc-project-headline b {
  display: inline-flex !important;
}
@media (max-width: 900px) {
  .moc-library-section {
    width: min(100%, calc(100vw - 16px)) !important;
    max-width: calc(100vw - 16px) !important;
  }
  .moc-library-section .moc-masonry-board,
  .moc-masonry-board,
  .moc-masonry-board[data-cols] {
    column-count: var(--moc-cols) !important;
    column-gap: 8px !important;
  }
}

/* ============================================================
   PNEPERS — correção final da galeria .moc no Dashboard
   Masonry real, cards lado a lado conforme a barra de colunas,
   sem sobreposição e com o .moc ocupando toda a largura do card.
   ============================================================ */
.moc-library-section {
  width: min(1800px, calc(100vw - 24px)) !important;
  max-width: calc(100vw - 24px) !important;
  margin-left: 50% !important;
  margin-right: 0 !important;
  transform: translateX(-50%) !important;
  overflow: visible !important;
  padding: 0 0 28px !important;
}
.moc-library-section .moc-masonry-board,
.moc-masonry-board,
.moc-masonry-board[data-cols] {
  --moc-cols: 4;
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  column-count: var(--moc-cols) !important;
  column-gap: clamp(8px, .85vw, 16px) !important;
  grid-template-columns: none !important;
  gap: 0 !important;
  align-items: initial !important;
  justify-content: initial !important;
  overflow: visible !important;
}
.moc-library-section .moc-masonry-board > .moc-project-card,
.moc-masonry-board > .moc-project-card,
.moc-masonry-board[data-cols] > .moc-project-card {
  display: inline-block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 0 clamp(8px, .85vw, 16px) !important;
  padding: 0 !important;
  overflow: hidden !important;
  vertical-align: top !important;
  break-inside: avoid !important;
  -webkit-column-break-inside: avoid !important;
  page-break-inside: avoid !important;
  aspect-ratio: auto !important;
  box-sizing: border-box !important;
}
.moc-masonry-board > .moc-project-card::after {
  content: "";
  display: table;
  clear: both;
}
.moc-masonry-board .moc-project-headline,
.moc-masonry-board .moc-device-tabs,
.moc-masonry-board .moc-project-meta,
.moc-masonry-board .moc-actions-row,
.moc-masonry-board .moc-card-note {
  margin-left: clamp(8px, .95vw, 14px) !important;
  margin-right: clamp(8px, .95vw, 14px) !important;
}
.moc-masonry-board .moc-project-headline {
  margin-top: clamp(8px, .95vw, 14px) !important;
  margin-bottom: clamp(5px, .65vw, 9px) !important;
}
.moc-masonry-board .moc-device-tabs {
  margin-bottom: clamp(6px, .75vw, 10px) !important;
}
.moc-masonry-board .moc-project-meta,
.moc-masonry-board .moc-card-note,
.moc-masonry-board .moc-actions-row {
  margin-top: clamp(6px, .75vw, 10px) !important;
}
.moc-masonry-board .moc-actions-row {
  margin-bottom: clamp(8px, .95vw, 14px) !important;
}
.moc-masonry-board .moc-monitor-wrap,
.moc-masonry-board .moc-monitor,
.moc-masonry-board .moc-project-card[data-device="desktop"] .moc-monitor,
.moc-masonry-board .moc-project-card[data-device="ipad"] .moc-monitor,
.moc-masonry-board .moc-project-card[data-device="mobile"] .moc-monitor {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}
.moc-masonry-board .moc-monitor-top,
.moc-masonry-board .moc-monitor-top i,
.moc-masonry-board .moc-monitor-top::before,
.moc-masonry-board .moc-monitor-top::after {
  display: none !important;
  content: none !important;
}
.moc-masonry-board .moc-monitor-screen,
.moc-masonry-board .moc-project-card[data-device="desktop"] .moc-monitor-screen,
.moc-masonry-board .moc-project-card[data-device="ipad"] .moc-monitor-screen,
.moc-masonry-board .moc-project-card[data-device="mobile"] .moc-monitor-screen {
  display: block !important;
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: var(--moc-screen-height, 320px) !important;
  min-height: 1px !important;
  aspect-ratio: auto !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}
.moc-masonry-board .moc-site-frame,
.moc-masonry-board .moc-project-card[data-device="desktop"] .moc-site-frame,
.moc-masonry-board .moc-project-card[data-device="ipad"] .moc-site-frame,
.moc-masonry-board .moc-project-card[data-device="mobile"] .moc-site-frame {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  max-width: none !important;
  max-height: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  transform-origin: 0 0 !important;
  pointer-events: none !important;
}
.moc-masonry-board[data-cols="7"] .moc-device-tabs,
.moc-masonry-board[data-cols="8"] .moc-device-tabs,
.moc-masonry-board[data-cols="9"] .moc-device-tabs,
.moc-masonry-board[data-cols="10"] .moc-device-tabs,
.moc-masonry-board[data-cols="11"] .moc-device-tabs,
.moc-masonry-board[data-cols="12"] .moc-device-tabs,
.moc-masonry-board[data-cols="8"] .moc-project-meta,
.moc-masonry-board[data-cols="9"] .moc-project-meta,
.moc-masonry-board[data-cols="10"] .moc-project-meta,
.moc-masonry-board[data-cols="11"] .moc-project-meta,
.moc-masonry-board[data-cols="12"] .moc-project-meta,
.moc-masonry-board[data-cols="8"] .moc-actions-row,
.moc-masonry-board[data-cols="9"] .moc-actions-row,
.moc-masonry-board[data-cols="10"] .moc-actions-row,
.moc-masonry-board[data-cols="11"] .moc-actions-row,
.moc-masonry-board[data-cols="12"] .moc-actions-row {
  display: flex !important;
}
@media (max-width: 900px) {
  .moc-library-section {
    width: min(100%, calc(100vw - 16px)) !important;
    max-width: calc(100vw - 16px) !important;
  }
  .moc-library-section .moc-masonry-board,
  .moc-masonry-board,
  .moc-masonry-board[data-cols] {
    column-count: var(--moc-cols) !important;
    column-gap: 8px !important;
  }
}

/* ============================================================
   PNEPERS — colunas .MOC livres 1x até 12x
   Esta regra fica no final para não deixar nenhum responsivo antigo
   travar a galeria em 3 colunas.
   ============================================================ */
.moc-library-section {
  width: min(100%, calc(100vw - 24px)) !important;
  max-width: calc(100vw - 24px) !important;
  margin-left: 50% !important;
  transform: translateX(-50%) !important;
  overflow: visible !important;
}
.moc-library-section #mocMasonryBoard.moc-masonry-board,
#mocMasonryBoard.moc-masonry-board,
#mocMasonryBoard.moc-masonry-board[data-cols] {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  grid-template-columns: none !important;
  gap: 0 !important;
  column-width: auto !important;
  -webkit-column-width: auto !important;
  column-gap: clamp(8px, .85vw, 16px) !important;
  -webkit-column-gap: clamp(8px, .85vw, 16px) !important;
  overflow: visible !important;
}
#mocMasonryBoard.moc-masonry-board[data-cols="1"] { column-count: 1 !important; -webkit-column-count: 1 !important; }
#mocMasonryBoard.moc-masonry-board[data-cols="2"] { column-count: 2 !important; -webkit-column-count: 2 !important; }
#mocMasonryBoard.moc-masonry-board[data-cols="3"] { column-count: 3 !important; -webkit-column-count: 3 !important; }
#mocMasonryBoard.moc-masonry-board[data-cols="4"] { column-count: 4 !important; -webkit-column-count: 4 !important; }
#mocMasonryBoard.moc-masonry-board[data-cols="5"] { column-count: 5 !important; -webkit-column-count: 5 !important; }
#mocMasonryBoard.moc-masonry-board[data-cols="6"] { column-count: 6 !important; -webkit-column-count: 6 !important; }
#mocMasonryBoard.moc-masonry-board[data-cols="7"] { column-count: 7 !important; -webkit-column-count: 7 !important; }
#mocMasonryBoard.moc-masonry-board[data-cols="8"] { column-count: 8 !important; -webkit-column-count: 8 !important; }
#mocMasonryBoard.moc-masonry-board[data-cols="9"] { column-count: 9 !important; -webkit-column-count: 9 !important; }
#mocMasonryBoard.moc-masonry-board[data-cols="10"] { column-count: 10 !important; -webkit-column-count: 10 !important; }
#mocMasonryBoard.moc-masonry-board[data-cols="11"] { column-count: 11 !important; -webkit-column-count: 11 !important; }
#mocMasonryBoard.moc-masonry-board[data-cols="12"] { column-count: 12 !important; -webkit-column-count: 12 !important; }
#mocMasonryBoard.moc-masonry-board > .moc-project-card {
  display: inline-block !important;
  vertical-align: top !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 0 clamp(8px, .85vw, 16px) !important;
  box-sizing: border-box !important;
  break-inside: avoid !important;
  -webkit-column-break-inside: avoid !important;
  page-break-inside: avoid !important;
  overflow: hidden !important;
}
#mocMasonryBoard.moc-masonry-board .moc-monitor-wrap,
#mocMasonryBoard.moc-masonry-board .moc-monitor,
#mocMasonryBoard.moc-masonry-board .moc-monitor-screen {
  max-width: 100% !important;
  min-width: 0 !important;
}
#mocMasonryBoard.moc-masonry-board .moc-site-frame {
  max-width: none !important;
  transform-origin: 0 0 !important;
}
/* Mesmo em telas menores, respeita o número escolhido na barra. */
@media (max-width: 1180px) {
  #mocMasonryBoard.moc-masonry-board[data-cols] {
    column-count: var(--moc-cols) !important;
    -webkit-column-count: var(--moc-cols) !important;
  }
}
@media (max-width: 820px) {
  #mocMasonryBoard.moc-masonry-board[data-cols] {
    column-count: var(--moc-cols) !important;
    -webkit-column-count: var(--moc-cols) !important;
  }
}
@media (max-width: 520px) {
  #mocMasonryBoard.moc-masonry-board[data-cols] {
    column-count: var(--moc-cols) !important;
    -webkit-column-count: var(--moc-cols) !important;
  }
}


/* =========================================================
   Correção definitiva — Dashboard .moc 1x até 12x
   A barra deve controlar exatamente quantos cards aparecem lado a lado.
   ========================================================= */
#mocMasonryBoard.moc-masonry-board {
  --moc-cols: 4;
  --moc-gap: clamp(10px, 1vw, 18px);
  display: grid !important;
  grid-template-columns: repeat(var(--moc-cols), minmax(0, 1fr)) !important;
  gap: var(--moc-gap) !important;
  align-items: start !important;
  grid-auto-flow: row !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: visible !important;
  column-count: initial !important;
  column-gap: initial !important;
  column-width: initial !important;
  -webkit-column-count: initial !important;
  -webkit-column-gap: initial !important;
  -webkit-column-width: initial !important;
}

#mocMasonryBoard.moc-masonry-board[data-cols="1"]  { --moc-cols: 1 !important;  --moc-gap: clamp(12px, 1.2vw, 22px) !important; }
#mocMasonryBoard.moc-masonry-board[data-cols="2"]  { --moc-cols: 2 !important;  --moc-gap: clamp(12px, 1.2vw, 22px) !important; }
#mocMasonryBoard.moc-masonry-board[data-cols="3"]  { --moc-cols: 3 !important;  --moc-gap: clamp(10px, 1vw, 20px) !important; }
#mocMasonryBoard.moc-masonry-board[data-cols="4"]  { --moc-cols: 4 !important;  --moc-gap: clamp(10px, .95vw, 18px) !important; }
#mocMasonryBoard.moc-masonry-board[data-cols="5"]  { --moc-cols: 5 !important;  --moc-gap: clamp(9px, .85vw, 16px) !important; }
#mocMasonryBoard.moc-masonry-board[data-cols="6"]  { --moc-cols: 6 !important;  --moc-gap: clamp(8px, .75vw, 14px) !important; }
#mocMasonryBoard.moc-masonry-board[data-cols="7"]  { --moc-cols: 7 !important;  --moc-gap: 8px !important; }
#mocMasonryBoard.moc-masonry-board[data-cols="8"]  { --moc-cols: 8 !important;  --moc-gap: 8px !important; }
#mocMasonryBoard.moc-masonry-board[data-cols="9"]  { --moc-cols: 9 !important;  --moc-gap: 7px !important; }
#mocMasonryBoard.moc-masonry-board[data-cols="10"] { --moc-cols: 10 !important; --moc-gap: 7px !important; }
#mocMasonryBoard.moc-masonry-board[data-cols="11"] { --moc-cols: 11 !important; --moc-gap: 6px !important; }
#mocMasonryBoard.moc-masonry-board[data-cols="12"] { --moc-cols: 12 !important; --moc-gap: 6px !important; }

#mocMasonryBoard.moc-masonry-board > .moc-project-card {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  box-sizing: border-box !important;
  break-inside: auto !important;
  page-break-inside: auto !important;
  -webkit-column-break-inside: auto !important;
}

#mocMasonryBoard .moc-project-card {
  overflow: hidden !important;
  padding: clamp(8px, .85vw, 16px) !important;
  gap: clamp(6px, .7vw, 12px) !important;
}

#mocMasonryBoard[data-cols="8"] .moc-project-card,
#mocMasonryBoard[data-cols="9"] .moc-project-card,
#mocMasonryBoard[data-cols="10"] .moc-project-card,
#mocMasonryBoard[data-cols="11"] .moc-project-card,
#mocMasonryBoard[data-cols="12"] .moc-project-card {
  padding: 6px !important;
  border-radius: 14px !important;
}

#mocMasonryBoard .moc-monitor-wrap,
#mocMasonryBoard .moc-monitor,
#mocMasonryBoard .moc-monitor-screen {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

#mocMasonryBoard .moc-monitor-wrap {
  flex: 1 1 auto !important;
  min-height: 0 !important;
}

#mocMasonryBoard .moc-monitor {
  display: flex !important;
  flex-direction: column !important;
}

#mocMasonryBoard .moc-monitor-screen {
  flex: 1 1 auto !important;
  overflow: hidden !important;
}

#mocMasonryBoard[data-cols="1"] .moc-monitor-screen { min-height: clamp(430px, 58vw, 850px) !important; }
#mocMasonryBoard[data-cols="2"] .moc-monitor-screen { min-height: clamp(310px, 34vw, 560px) !important; }
#mocMasonryBoard[data-cols="3"] .moc-monitor-screen { min-height: clamp(240px, 25vw, 420px) !important; }
#mocMasonryBoard[data-cols="4"] .moc-monitor-screen { min-height: clamp(190px, 20vw, 340px) !important; }
#mocMasonryBoard[data-cols="5"] .moc-monitor-screen { min-height: clamp(160px, 16vw, 280px) !important; }
#mocMasonryBoard[data-cols="6"] .moc-monitor-screen { min-height: clamp(135px, 13.5vw, 235px) !important; }
#mocMasonryBoard[data-cols="7"] .moc-monitor-screen,
#mocMasonryBoard[data-cols="8"] .moc-monitor-screen,
#mocMasonryBoard[data-cols="9"] .moc-monitor-screen,
#mocMasonryBoard[data-cols="10"] .moc-monitor-screen,
#mocMasonryBoard[data-cols="11"] .moc-monitor-screen,
#mocMasonryBoard[data-cols="12"] .moc-monitor-screen {
  min-height: clamp(84px, 8.3vw, 150px) !important;
}

#mocMasonryBoard[data-cols="9"] .moc-project-meta,
#mocMasonryBoard[data-cols="10"] .moc-project-meta,
#mocMasonryBoard[data-cols="11"] .moc-project-meta,
#mocMasonryBoard[data-cols="12"] .moc-project-meta {
  display: none !important;
}

#mocMasonryBoard[data-cols="10"] .moc-device-tabs,
#mocMasonryBoard[data-cols="11"] .moc-device-tabs,
#mocMasonryBoard[data-cols="12"] .moc-device-tabs {
  gap: 2px !important;
}

#mocMasonryBoard[data-cols="10"] .moc-device-tabs button,
#mocMasonryBoard[data-cols="11"] .moc-device-tabs button,
#mocMasonryBoard[data-cols="12"] .moc-device-tabs button {
  padding: 4px 3px !important;
  font-size: 8px !important;
}

#mocMasonryBoard[data-cols="10"] .moc-actions-row .btn,
#mocMasonryBoard[data-cols="11"] .moc-actions-row .btn,
#mocMasonryBoard[data-cols="12"] .moc-actions-row .btn {
  padding: 5px 4px !important;
  font-size: 8px !important;
}

/* Importante: não reduzir a quantidade de colunas por media query.
   Mesmo em telas menores, a escolha 12x continua sendo 12 cards lado a lado. */
@media (max-width: 1180px), (max-width: 760px), (max-width: 520px) {
  #mocMasonryBoard.moc-masonry-board {
    grid-template-columns: repeat(var(--moc-cols), minmax(0, 1fr)) !important;
  }
}

/* =========================================================
   Ajuste final pedido: cards .moc sempre em Phi V.
   A barra de colunas continua 1x–12x; o card não muda de
   proporção ao trocar dispositivo. O .moc preenche a largura.
   ========================================================= */
#mocMasonryBoard.moc-masonry-board {
  display: grid !important;
  grid-template-columns: repeat(var(--moc-cols), minmax(0, 1fr)) !important;
  gap: var(--moc-gap, clamp(10px, 1vw, 18px)) !important;
  align-items: start !important;
}

#mocMasonryBoard.moc-masonry-board > .moc-project-card {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  aspect-ratio: 1 / 1.618 !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  box-sizing: border-box !important;
}

#mocMasonryBoard .moc-project-headline,
#mocMasonryBoard .moc-device-tabs,
#mocMasonryBoard .moc-project-meta,
#mocMasonryBoard .moc-actions-row {
  flex: 0 0 auto !important;
}

#mocMasonryBoard .moc-monitor-wrap {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: auto !important;
  width: 100% !important;
  display: flex !important;
  align-items: stretch !important;
  justify-content: stretch !important;
}

#mocMasonryBoard .moc-monitor {
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  display: flex !important;
  flex-direction: column !important;
}

#mocMasonryBoard .moc-monitor-top,
#mocMasonryBoard .moc-monitor-top i,
#mocMasonryBoard .moc-monitor-top::before,
#mocMasonryBoard .moc-monitor-top::after {
  display: none !important;
}

#mocMasonryBoard .moc-monitor-screen {
  flex: 1 1 auto !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: clamp(8px, .9vw, 16px) !important;
  box-shadow: none !important;
  position: relative !important;
}

#mocMasonryBoard .moc-site-frame {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  max-width: none !important;
  width: var(--moc-device-vw, 1440px) !important;
  height: var(--moc-device-vh, 900px) !important;
  border: 0 !important;
  transform-origin: 0 0 !important;
}

/* remove alturas antigas por coluna: quem manda é a proporção Phi V do card */
#mocMasonryBoard[data-cols] .moc-monitor-screen {
  min-height: 0 !important;
}

/* Em 9x–12x, mantém o card Phi V e simplifica controles sem esconder o preview. */
#mocMasonryBoard[data-cols="9"] .moc-device-tabs,
#mocMasonryBoard[data-cols="10"] .moc-device-tabs,
#mocMasonryBoard[data-cols="11"] .moc-device-tabs,
#mocMasonryBoard[data-cols="12"] .moc-device-tabs {
  display: flex !important;
  gap: 2px !important;
}

/* =========================================================
   PNEPERS — .moc preenchendo o card Phi V sem frame branco
   Mantém 1x–12x como está, mas remove a sensação de iframe/corte:
   o preview cobre toda a área disponível do card em todos os dispositivos.
   ========================================================= */
#mocMasonryBoard.moc-masonry-board {
  display: grid !important;
  grid-template-columns: repeat(var(--moc-cols), minmax(0, 1fr)) !important;
  gap: var(--moc-gap, clamp(10px, 1vw, 18px)) !important;
  align-items: start !important;
}

#mocMasonryBoard.moc-masonry-board > .moc-project-card {
  aspect-ratio: 1 / 1.618 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

#mocMasonryBoard .moc-monitor-wrap {
  flex: 1 1 auto !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: stretch !important;
  justify-content: stretch !important;
}

#mocMasonryBoard .moc-monitor,
#mocMasonryBoard .moc-project-card[data-device="desktop"] .moc-monitor,
#mocMasonryBoard .moc-project-card[data-device="ipad"] .moc-monitor,
#mocMasonryBoard .moc-project-card[data-device="mobile"] .moc-monitor {
  flex: 1 1 auto !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
}

#mocMasonryBoard .moc-monitor-screen,
#mocMasonryBoard .moc-project-card[data-device="desktop"] .moc-monitor-screen,
#mocMasonryBoard .moc-project-card[data-device="ipad"] .moc-monitor-screen,
#mocMasonryBoard .moc-project-card[data-device="mobile"] .moc-monitor-screen {
  flex: 1 1 auto !important;
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  min-height: 0 !important;
  aspect-ratio: auto !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#mocMasonryBoard .moc-site-frame,
#mocMasonryBoard .moc-project-card[data-device="desktop"] .moc-site-frame,
#mocMasonryBoard .moc-project-card[data-device="ipad"] .moc-site-frame,
#mocMasonryBoard .moc-project-card[data-device="mobile"] .moc-site-frame {
  position: absolute !important;
  max-width: none !important;
  max-height: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  transform-origin: 0 0 !important;
  pointer-events: none !important;
}

/* O deck ativo também fica sem moldura branca, mas preservando o tamanho próprio dele. */
.active-deck-panel .moc-active-preview .moc-monitor,
.active-deck-panel .moc-active-preview .moc-monitor-screen {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* =========================================================
   PNEPERS — frame lateral dos cards .moc
   Mantém o card Phi V e a grade 1x–12x. O frame aparece
   somente nas laterais; não há barra/moldura em cima ou embaixo.
   ========================================================= */
#mocMasonryBoard .moc-monitor-wrap {
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}

#mocMasonryBoard .moc-monitor,
#mocMasonryBoard .moc-project-card[data-device="desktop"] .moc-monitor,
#mocMasonryBoard .moc-project-card[data-device="ipad"] .moc-monitor,
#mocMasonryBoard .moc-project-card[data-device="mobile"] .moc-monitor {
  --moc-side-frame: clamp(4px, .55vw, 12px);
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  min-height: 0 !important;
  box-sizing: border-box !important;
  padding: 0 var(--moc-side-frame) !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: clamp(11px, 1.05vw, 22px) !important;
  background: #0b0b0b !important;
  box-shadow: none !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
}

/* Sem frame superior/inferior e sem bolinhas. */
#mocMasonryBoard .moc-monitor-top,
#mocMasonryBoard .moc-monitor-top i,
#mocMasonryBoard .moc-monitor-top::before,
#mocMasonryBoard .moc-monitor-top::after {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

#mocMasonryBoard .moc-monitor-screen,
#mocMasonryBoard .moc-project-card[data-device="desktop"] .moc-monitor-screen,
#mocMasonryBoard .moc-project-card[data-device="ipad"] .moc-monitor-screen,
#mocMasonryBoard .moc-project-card[data-device="mobile"] .moc-monitor-screen {
  flex: 1 1 auto !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  min-height: 0 !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: clamp(7px, .65vw, 15px) !important;
  background: #fff !important;
  box-shadow: none !important;
  overflow: hidden !important;
  position: relative !important;
}

#mocMasonryBoard .moc-site-frame,
#mocMasonryBoard .moc-project-card[data-device="desktop"] .moc-site-frame,
#mocMasonryBoard .moc-project-card[data-device="ipad"] .moc-site-frame,
#mocMasonryBoard .moc-project-card[data-device="mobile"] .moc-site-frame {
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
}

/* Em muitas colunas, o frame lateral fica mais fino para os 12 cards caberem limpos. */
#mocMasonryBoard[data-cols="7"] .moc-monitor,
#mocMasonryBoard[data-cols="8"] .moc-monitor,
#mocMasonryBoard[data-cols="9"] .moc-monitor {
  --moc-side-frame: 4px;
  border-radius: 10px !important;
}
#mocMasonryBoard[data-cols="10"] .moc-monitor,
#mocMasonryBoard[data-cols="11"] .moc-monitor,
#mocMasonryBoard[data-cols="12"] .moc-monitor {
  --moc-side-frame: 2px;
  border-radius: 8px !important;
}
#mocMasonryBoard[data-cols="10"] .moc-monitor-screen,
#mocMasonryBoard[data-cols="11"] .moc-monitor-screen,
#mocMasonryBoard[data-cols="12"] .moc-monitor-screen {
  border-radius: 5px !important;
}

/* O card do deck ativo usa o mesmo padrão: laterais sim, topo/rodapé não. */
.active-deck-panel .moc-active-preview .moc-monitor {
  --moc-side-frame: clamp(4px, .55vw, 12px);
  padding: 0 var(--moc-side-frame) !important;
  background: #0b0b0b !important;
  border: 0 !important;
  box-shadow: none !important;
}
.active-deck-panel .moc-active-preview .moc-monitor-top {
  display: none !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}
.active-deck-panel .moc-active-preview .moc-monitor-screen {
  background: #fff !important;
  border: 0 !important;
  box-shadow: none !important;
}


/* =========================================================
   PNEPERS — ajuste lateral final dos previews .moc
   Mantém topo/rodapé como estão. Só impede o .moc de passar
   das laterais do card, preservando o frame lateral.
   ========================================================= */
#mocMasonryBoard .moc-project-card,
#mocMasonryBoard .moc-monitor-wrap,
#mocMasonryBoard .moc-monitor,
#mocMasonryBoard .moc-monitor-screen {
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

#mocMasonryBoard .moc-project-card {
  overflow: hidden !important;
}

#mocMasonryBoard .moc-monitor-wrap {
  width: 100% !important;
  overflow: hidden !important;
}

#mocMasonryBoard .moc-monitor {
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
  padding-left: var(--moc-side-frame, clamp(4px, .55vw, 12px)) !important;
  padding-right: var(--moc-side-frame, clamp(4px, .55vw, 12px)) !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

#mocMasonryBoard .moc-monitor-screen {
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
  position: relative !important;
}

#mocMasonryBoard .moc-site-frame {
  position: absolute !important;
  left: 0 !important;
  right: auto !important;
  top: 0 !important;
  max-width: none !important;
  min-width: 0 !important;
  display: block !important;
  transform-origin: 0 0 !important;
}

/* 12x precisa caber limpo: mantém lateral, mas bem fina. */
#mocMasonryBoard[data-cols="10"] .moc-monitor,
#mocMasonryBoard[data-cols="11"] .moc-monitor,
#mocMasonryBoard[data-cols="12"] .moc-monitor {
  --moc-side-frame: 1px !important;
}

/* =========================================================
   PNEPERS — cards .moc limpos com menu hambúrguer
   ========================================================= */
#mocMasonryBoard .moc-project-card {
  position: relative !important;
  overflow: visible !important;
}

#mocMasonryBoard .moc-project-meta {
  display: none !important;
}

#mocMasonryBoard .moc-card-bottom {
  position: absolute !important;
  right: 8px !important;
  bottom: 8px !important;
  z-index: 40 !important;
  display: flex !important;
  justify-content: flex-end !important;
  pointer-events: none !important;
}

#mocMasonryBoard .moc-card-menu {
  position: relative !important;
  pointer-events: auto !important;
}

#mocMasonryBoard .moc-card-menu > summary {
  list-style: none !important;
  width: 30px !important;
  height: 30px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(17,17,17,.12) !important;
  background: rgba(255,255,255,.94) !important;
  box-shadow: 0 10px 30px rgba(15,23,42,.10) !important;
  display: grid !important;
  place-items: center !important;
  cursor: pointer !important;
  padding: 0 !important;
  margin: 0 !important;
  transition: transform .16s ease, background .16s ease, border-color .16s ease !important;
}

#mocMasonryBoard .moc-card-menu > summary::-webkit-details-marker { display: none !important; }
#mocMasonryBoard .moc-card-menu > summary::marker { content: '' !important; }

#mocMasonryBoard .moc-card-menu > summary:hover {
  transform: translateY(-1px) !important;
  background: #fff !important;
  border-color: rgba(17,17,17,.22) !important;
}

#mocMasonryBoard .moc-card-menu > summary span {
  display: block !important;
  width: 13px !important;
  height: 2px !important;
  border-radius: 999px !important;
  background: #111 !important;
  grid-area: 1 / 1 !important;
}
#mocMasonryBoard .moc-card-menu > summary span:nth-child(1) { transform: translateY(-5px) !important; }
#mocMasonryBoard .moc-card-menu > summary span:nth-child(3) { transform: translateY(5px) !important; }

#mocMasonryBoard .moc-card-menu-popover {
  position: absolute !important;
  right: 0 !important;
  bottom: 38px !important;
  width: min(220px, calc(100vw - 32px)) !important;
  padding: 10px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(17,17,17,.10) !important;
  background: rgba(255,255,255,.98) !important;
  box-shadow: 0 24px 70px rgba(15,23,42,.20) !important;
  display: none !important;
  z-index: 90 !important;
}

#mocMasonryBoard .moc-card-menu[open] .moc-card-menu-popover {
  display: block !important;
}

#mocMasonryBoard .moc-card-menu-title {
  margin: 4px 4px 8px !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  color: #64748b !important;
}

#mocMasonryBoard .moc-menu-actions,
#mocMasonryBoard[data-cols="7"] .moc-menu-actions,
#mocMasonryBoard[data-cols="8"] .moc-menu-actions,
#mocMasonryBoard[data-cols="9"] .moc-menu-actions,
#mocMasonryBoard[data-cols="10"] .moc-menu-actions,
#mocMasonryBoard[data-cols="11"] .moc-menu-actions,
#mocMasonryBoard[data-cols="12"] .moc-menu-actions {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 6px !important;
  margin: 0 0 10px !important;
}

#mocMasonryBoard .moc-menu-actions .btn,
#mocMasonryBoard .moc-menu-actions button.btn,
#mocMasonryBoard .moc-menu-actions form {
  width: 100% !important;
  min-width: 0 !important;
  flex: none !important;
  display: block !important;
}

#mocMasonryBoard .moc-menu-actions .btn,
#mocMasonryBoard .moc-menu-actions button.btn {
  min-height: 34px !important;
  padding: 8px 10px !important;
  font-size: 12px !important;
  border-radius: 12px !important;
  justify-content: center !important;
  text-align: center !important;
}

#mocMasonryBoard .moc-card-properties {
  margin: 0 !important;
  display: grid !important;
  gap: 6px !important;
}

#mocMasonryBoard .moc-card-properties div {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  padding: 7px 8px !important;
  border-radius: 12px !important;
  background: #f8fafc !important;
}

#mocMasonryBoard .moc-card-properties dt,
#mocMasonryBoard .moc-card-properties dd {
  margin: 0 !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
}

#mocMasonryBoard .moc-card-properties dt {
  color: #64748b !important;
  font-weight: 800 !important;
}

#mocMasonryBoard .moc-card-properties dd {
  color: #111827 !important;
  font-weight: 900 !important;
  text-align: right !important;
}

#mocMasonryBoard .moc-card-menu .moc-card-note {
  margin-top: 8px !important;
  font-size: 11px !important;
  padding: 8px !important;
}

/* Remove o frame preto dos cards da galeria, preservando o .moc dentro do card. */
#mocMasonryBoard .moc-monitor,
#mocMasonryBoard .moc-project-card[data-device="desktop"] .moc-monitor,
#mocMasonryBoard .moc-project-card[data-device="ipad"] .moc-monitor,
#mocMasonryBoard .moc-project-card[data-device="mobile"] .moc-monitor {
  background: transparent !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}

#mocMasonryBoard .moc-monitor-screen,
#mocMasonryBoard .moc-project-card[data-device="desktop"] .moc-monitor-screen,
#mocMasonryBoard .moc-project-card[data-device="ipad"] .moc-monitor-screen,
#mocMasonryBoard .moc-project-card[data-device="mobile"] .moc-monitor-screen {
  border-radius: 0 !important;
  background: transparent !important;
}

#mocMasonryBoard[data-cols="9"] .moc-card-menu-popover,
#mocMasonryBoard[data-cols="10"] .moc-card-menu-popover,
#mocMasonryBoard[data-cols="11"] .moc-card-menu-popover,
#mocMasonryBoard[data-cols="12"] .moc-card-menu-popover {
  width: min(190px, calc(100vw - 24px)) !important;
}

/* =========================================================
   PNEPERS — ajuste final do preview .moc nos cards do Dashboard
   Mantém a galeria 1x–12x e o menu limpo. O card fica sempre Phi V;
   Desktop, iPad e Mobile usam o mesmo espaço visual do card. O que muda
   é apenas o viewport interno do .moc para responder às colunas do deck.
   ========================================================= */
#mocMasonryBoard.moc-masonry-board {
  display: grid !important;
  grid-template-columns: repeat(var(--moc-cols), minmax(0, 1fr)) !important;
  gap: var(--moc-gap, clamp(10px, 1vw, 18px)) !important;
  align-items: start !important;
}

#mocMasonryBoard.moc-masonry-board > .moc-project-card {
  aspect-ratio: 1 / 1.618 !important;
  height: auto !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

/* Elementos de cabeçalho e botões ficam fixos; o preview branco ganha todo o resto até embaixo. */
#mocMasonryBoard .moc-project-headline,
#mocMasonryBoard .moc-device-tabs,
#mocMasonryBoard .moc-card-bottom {
  flex: 0 0 auto !important;
}

#mocMasonryBoard .moc-monitor-wrap,
#mocMasonryBoard .moc-project-card[data-device="desktop"] .moc-monitor-wrap,
#mocMasonryBoard .moc-project-card[data-device="ipad"] .moc-monitor-wrap,
#mocMasonryBoard .moc-project-card[data-device="mobile"] .moc-monitor-wrap {
  flex: 1 1 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: stretch !important;
  justify-content: stretch !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

/* Desktop/iPad/Mobile ficam com o MESMO tamanho visual no card. */
#mocMasonryBoard .moc-monitor,
#mocMasonryBoard .moc-project-card[data-device="desktop"] .moc-monitor,
#mocMasonryBoard .moc-project-card[data-device="ipad"] .moc-monitor,
#mocMasonryBoard .moc-project-card[data-device="mobile"] .moc-monitor {
  flex: 1 1 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

/* Sem frame preto. A área branca do .moc ocupa toda a altura disponível do card. */
#mocMasonryBoard .moc-monitor-screen,
#mocMasonryBoard .moc-project-card[data-device="desktop"] .moc-monitor-screen,
#mocMasonryBoard .moc-project-card[data-device="ipad"] .moc-monitor-screen,
#mocMasonryBoard .moc-project-card[data-device="mobile"] .moc-monitor-screen {
  flex: 1 1 0 !important;
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  min-height: 100% !important;
  aspect-ratio: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: clamp(8px, .8vw, 16px) !important;
  background: #fff !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

#mocMasonryBoard .moc-site-frame,
#mocMasonryBoard .moc-project-card[data-device="desktop"] .moc-site-frame,
#mocMasonryBoard .moc-project-card[data-device="ipad"] .moc-site-frame,
#mocMasonryBoard .moc-project-card[data-device="mobile"] .moc-site-frame {
  position: absolute !important;
  left: 0 !important;
  right: auto !important;
  top: 0 !important;
  max-width: none !important;
  max-height: none !important;
  min-width: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  transform-origin: 0 0 !important;
  pointer-events: none !important;
  display: block !important;
}

/* Garante que regras antigas por dispositivo não encurtem o card. */
#mocMasonryBoard .moc-project-card[data-device="desktop"],
#mocMasonryBoard .moc-project-card[data-device="ipad"],
#mocMasonryBoard .moc-project-card[data-device="mobile"] {
  --moc-shell-width: 100% !important;
}

/* Em muitas colunas, só compacta a interface, nunca o espaço do preview. */
#mocMasonryBoard[data-cols="9"] .moc-monitor-screen,
#mocMasonryBoard[data-cols="10"] .moc-monitor-screen,
#mocMasonryBoard[data-cols="11"] .moc-monitor-screen,
#mocMasonryBoard[data-cols="12"] .moc-monitor-screen {
  min-height: 100% !important;
}

/* =========================================================
   PNEPERS — todos os dispositivos no mesmo frame visual
   Desktop, iPad e Mobile ficam no mesmo tamanho vertical do card.
   Só muda o viewport interno do .moc para responder ao dispositivo.
   ========================================================= */
#mocMasonryBoard.moc-masonry-board > .moc-project-card:not([data-active-card]) {
  aspect-ratio: 1 / 1.618 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: visible !important;
  min-height: 0 !important;
  height: auto !important;
  box-sizing: border-box !important;
}

#mocMasonryBoard .moc-project-card:not([data-active-card]) .moc-monitor-wrap {
  flex: 1 1 0 !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: stretch !important;
  justify-content: stretch !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

#mocMasonryBoard .moc-project-card:not([data-active-card]) .moc-monitor,
#mocMasonryBoard .moc-project-card:not([data-active-card])[data-device="desktop"] .moc-monitor,
#mocMasonryBoard .moc-project-card:not([data-active-card])[data-device="ipad"] .moc-monitor,
#mocMasonryBoard .moc-project-card:not([data-active-card])[data-device="mobile"] .moc-monitor {
  flex: 1 1 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

#mocMasonryBoard .moc-project-card:not([data-active-card]) .moc-monitor-screen,
#mocMasonryBoard .moc-project-card:not([data-active-card])[data-device="desktop"] .moc-monitor-screen,
#mocMasonryBoard .moc-project-card:not([data-active-card])[data-device="ipad"] .moc-monitor-screen,
#mocMasonryBoard .moc-project-card:not([data-active-card])[data-device="mobile"] .moc-monitor-screen {
  flex: 1 1 0 !important;
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 100% !important;
  aspect-ratio: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: clamp(8px, .85vw, 16px) !important;
  background: #fff !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

#mocMasonryBoard .moc-project-card:not([data-active-card]) .moc-site-frame,
#mocMasonryBoard .moc-project-card:not([data-active-card])[data-device="desktop"] .moc-site-frame,
#mocMasonryBoard .moc-project-card:not([data-active-card])[data-device="ipad"] .moc-site-frame,
#mocMasonryBoard .moc-project-card:not([data-active-card])[data-device="mobile"] .moc-site-frame {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  right: auto !important;
  bottom: auto !important;
  width: var(--moc-device-vw, 1440px) !important;
  height: var(--moc-device-vh, 900px) !important;
  max-width: none !important;
  max-height: none !important;
  min-width: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  transform-origin: 0 0 !important;
  pointer-events: none !important;
  display: block !important;
}

/* Cancela qualquer altura antiga por coluna/dispositivo: o quadro é único para todos. */
#mocMasonryBoard[data-cols] .moc-project-card:not([data-active-card]) .moc-monitor-screen,
#mocMasonryBoard[data-cols="9"] .moc-monitor-screen,
#mocMasonryBoard[data-cols="10"] .moc-monitor-screen,
#mocMasonryBoard[data-cols="11"] .moc-monitor-screen,
#mocMasonryBoard[data-cols="12"] .moc-monitor-screen {
  height: 100% !important;
  min-height: 100% !important;
  aspect-ratio: auto !important;
}

/* =========================================================
   PNEPERS — preview técnico uniforme por dispositivo
   Todos os cards usam o mesmo quadro visual Phi V, grande como mobile.
   Desktop/iPad/Mobile mudam apenas o viewport interno do .moc para
   responder às colunas corretas. O conteúdo usa cover, sem scroll e sem
   área vazia quando o dispositivo não alcança o quadro inteiro.
   ========================================================= */
#mocMasonryBoard.moc-masonry-board {
  display: grid !important;
  grid-template-columns: repeat(var(--moc-cols), minmax(0, 1fr)) !important;
  gap: var(--moc-gap, clamp(10px, 1vw, 18px)) !important;
  align-items: start !important;
}

#mocMasonryBoard.moc-masonry-board > .moc-project-card:not([data-active-card]) {
  aspect-ratio: 1 / 1.618 !important;
  display: flex !important;
  flex-direction: column !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

#mocMasonryBoard .moc-project-card:not([data-active-card]) .moc-monitor-wrap {
  flex: 1 1 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: stretch !important;
  justify-content: stretch !important;
  box-sizing: border-box !important;
}

#mocMasonryBoard .moc-project-card:not([data-active-card]) .moc-monitor,
#mocMasonryBoard .moc-project-card:not([data-active-card])[data-device="desktop"] .moc-monitor,
#mocMasonryBoard .moc-project-card:not([data-active-card])[data-device="ipad"] .moc-monitor,
#mocMasonryBoard .moc-project-card:not([data-active-card])[data-device="mobile"] .moc-monitor {
  flex: 1 1 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  box-sizing: border-box !important;
}

#mocMasonryBoard .moc-project-card:not([data-active-card]) .moc-monitor-screen,
#mocMasonryBoard .moc-project-card:not([data-active-card])[data-device="desktop"] .moc-monitor-screen,
#mocMasonryBoard .moc-project-card:not([data-active-card])[data-device="ipad"] .moc-monitor-screen,
#mocMasonryBoard .moc-project-card:not([data-active-card])[data-device="mobile"] .moc-monitor-screen {
  flex: 1 1 0 !important;
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  min-height: 100% !important;
  aspect-ratio: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  overscroll-behavior: none !important;
  border: 0 !important;
  border-radius: clamp(10px, .9vw, 18px) !important;
  background: #fff !important;
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, .055) !important;
  box-sizing: border-box !important;
}

#mocMasonryBoard .moc-project-card:not([data-active-card]) .moc-site-frame,
#mocMasonryBoard .moc-project-card:not([data-active-card])[data-device="desktop"] .moc-site-frame,
#mocMasonryBoard .moc-project-card:not([data-active-card])[data-device="ipad"] .moc-site-frame,
#mocMasonryBoard .moc-project-card:not([data-active-card])[data-device="mobile"] .moc-site-frame {
  position: absolute !important;
  top: 0 !important;
  right: auto !important;
  bottom: auto !important;
  width: var(--moc-device-vw, 1440px) !important;
  height: var(--moc-device-vh, 900px) !important;
  max-width: none !important;
  max-height: none !important;
  min-width: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  transform-origin: 0 0 !important;
  pointer-events: none !important;
  display: block !important;
  overflow: hidden !important;
}

/* viewports reais: só eles mudam o comportamento interno do .moc */
#mocMasonryBoard .moc-project-card:not([data-active-card])[data-device="desktop"] {
  --moc-device-vw: 1440px !important;
  --moc-device-vh: 900px !important;
}
#mocMasonryBoard .moc-project-card:not([data-active-card])[data-device="ipad"] {
  --moc-device-vw: 1024px !important;
  --moc-device-vh: 768px !important;
}
#mocMasonryBoard .moc-project-card:not([data-active-card])[data-device="mobile"] {
  --moc-device-vw: 390px !important;
  --moc-device-vh: 844px !important;
}

/* Evita que regras antigas por coluna voltem a encurtar a apresentação. */
#mocMasonryBoard[data-cols] .moc-project-card:not([data-active-card]) .moc-monitor-screen,
#mocMasonryBoard[data-cols="7"] .moc-project-card:not([data-active-card]) .moc-monitor-screen,
#mocMasonryBoard[data-cols="8"] .moc-project-card:not([data-active-card]) .moc-monitor-screen,
#mocMasonryBoard[data-cols="9"] .moc-project-card:not([data-active-card]) .moc-monitor-screen,
#mocMasonryBoard[data-cols="10"] .moc-project-card:not([data-active-card]) .moc-monitor-screen,
#mocMasonryBoard[data-cols="11"] .moc-project-card:not([data-active-card]) .moc-monitor-screen,
#mocMasonryBoard[data-cols="12"] .moc-project-card:not([data-active-card]) .moc-monitor-screen {
  height: 100% !important;
  min-height: 100% !important;
  max-height: none !important;
}

/* Pastas/Páginas inteligentes para organizar cards .moc */
.moc-folder-toolbar {
  display:flex;
  justify-content:center;
  align-items:center;
  margin: 0 auto 14px;
}
.moc-create-folder-btn {
  min-height: 36px;
  padding: 9px 18px !important;
  box-shadow: none !important;
}
.moc-folder-board {
  --folder-cols: 6;
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(118px, 1fr));
  gap: clamp(8px, 1vw, 14px);
  margin: 0 auto 18px;
  width: min(980px, 100%);
}
.moc-folder-card {
  aspect-ratio: 1 / 1.618;
  border: 1px solid rgba(17,17,17,.08);
  border-radius: 22px;
  background: rgba(255,255,255,.90);
  box-shadow: 0 18px 45px rgba(17,17,17,.06);
  padding: 14px 12px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap: 6px;
  text-align:center;
  cursor:pointer;
  user-select:none;
  transition: transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease;
}
.moc-folder-card:hover {
  transform: translateY(-2px);
  border-color: rgba(17,17,17,.18);
  box-shadow: 0 24px 65px rgba(17,17,17,.09);
}
.moc-folder-card.active {
  background:#111;
  color:#fff;
  border-color:#111;
}
.moc-folder-card span {
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  font-size: clamp(12px, .95vw, 15px);
  line-height:1.15;
  font-weight:950;
  letter-spacing:-.04em;
}
.moc-folder-card strong {
  font-size: clamp(26px, 3vw, 44px);
  line-height:.9;
  font-weight:950;
  letter-spacing:-.08em;
}
.moc-folder-card small {
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  color: var(--muted);
}
.moc-folder-card.active small { color: rgba(255,255,255,.68); }
.moc-folder-move-form {
  display:grid;
  grid-template-columns: 1fr auto;
  gap: 8px;
  align-items:center;
  margin: 0 0 8px;
}
.moc-folder-move-form .input,
.moc-folder-move-form select {
  min-height: 38px;
  padding: 9px 10px;
  border-radius: 13px;
  font-size: 13px;
  font-weight: 750;
}
.moc-folder-move-form .btn {
  min-height: 38px;
  padding: 8px 12px;
  box-shadow: none !important;
}
.moc-project-card[hidden] { display:none !important; }
@media (max-width: 780px) {
  .moc-folder-board { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .moc-folder-card { border-radius: 18px; padding: 10px; }
}
@media (max-width: 480px) {
  .moc-folder-board { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .moc-folder-move-form { grid-template-columns: 1fr; }
}

/* Organização: botão Criar pasta na mesma linha da barra de colunas + drag/drop */
.moc-library-controls-row {
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 12px;
  width: min(980px, 100%);
  margin: 0 auto 14px;
}
.moc-library-controls-row .moc-column-controller-clean.moc-column-pill-slider {
  grid-column: 2;
  margin: 0 auto !important;
}
.moc-library-controls-row .moc-create-folder-btn {
  grid-column: 3;
  justify-self: start;
  white-space: nowrap;
  min-height: 34px;
  padding: 8px 14px !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}
.moc-folder-toolbar { display: none !important; }
.moc-folder-card[data-folder-drop="1"] {
  position: relative;
}
.moc-folder-card[data-folder-drop="1"]::after {
  content: "solte aqui";
  position: absolute;
  left: 50%;
  bottom: 10px;
  transform: translateX(-50%);
  padding: 4px 8px;
  border-radius: 999px;
  background: rgba(17,17,17,.06);
  color: rgba(17,17,17,.56);
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
  opacity: 0;
  transition: opacity .16s ease, transform .16s ease, background .16s ease, color .16s ease;
  pointer-events: none;
}
body.is-dragging-moc .moc-folder-card[data-folder-drop="1"]::after,
.moc-folder-card.is-drag-over::after {
  opacity: 1;
}
.moc-folder-card.is-drag-over,
.moc-folder-card.is-saving-drop {
  transform: translateY(-3px) scale(1.015) !important;
  border-color: #111 !important;
  background: #111 !important;
  color: #fff !important;
  box-shadow: 0 28px 80px rgba(17,17,17,.18) !important;
}
.moc-folder-card.is-drag-over small,
.moc-folder-card.is-saving-drop small {
  color: rgba(255,255,255,.68) !important;
}
.moc-folder-card.is-drag-over::after,
.moc-folder-card.is-saving-drop::after {
  background: rgba(255,255,255,.16);
  color: #fff;
  transform: translateX(-50%) translateY(-2px);
}
.moc-project-card[draggable="true"] {
  cursor: grab;
}
.moc-project-card[draggable="true"]:active {
  cursor: grabbing;
}
.moc-project-card.is-dragging,
.moc-project-card.is-moving-folder {
  opacity: .55;
  transform: scale(.985) !important;
  outline: 2px solid rgba(17,17,17,.18);
  outline-offset: 3px;
}
.moc-project-card .moc-card-menu,
.moc-project-card .moc-device-tabs,
.moc-project-card a,
.moc-project-card button,
.moc-project-card select,
.moc-project-card input {
  cursor: auto;
}
@media (max-width: 760px) {
  .moc-library-controls-row {
    grid-template-columns: 1fr;
    justify-items: center;
    gap: 10px;
  }
  .moc-library-controls-row .moc-column-controller-clean.moc-column-pill-slider,
  .moc-library-controls-row .moc-create-folder-btn {
    grid-column: auto;
    justify-self: center;
  }
}

/* Ajuste de organização: sem botão/pastas Phi V no topo; criar pasta fica dentro do hambúrguer do card */
.moc-library-controls-row-only-slider {
  justify-content: center !important;
}
.moc-folder-board,
.moc-folder-toolbar,
.moc-create-folder-btn {
  display: none !important;
}
.moc-folder-create-from-card {
  width: 100% !important;
  margin: 6px 0 2px !important;
  background: #111 !important;
  color: #fff !important;
  border-color: #111 !important;
  box-shadow: none !important;
}
.moc-project-card.moc-folder-anchor {
  position: relative !important;
}
.moc-project-card.moc-folder-anchor::after {
  content: "solte aqui";
  position: absolute;
  right: 12px;
  top: 12px;
  z-index: 8;
  padding: 5px 8px;
  border-radius: 999px;
  background: rgba(17,17,17,.82);
  color: #fff;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  opacity: 0;
  transform: translateY(-4px);
  pointer-events: none;
  transition: opacity .14s ease, transform .14s ease;
}
body.is-dragging-moc .moc-project-card.moc-folder-anchor::after,
.moc-project-card.is-card-drop-over::after,
.moc-project-card.is-saving-drop::after {
  opacity: 1;
  transform: translateY(0);
}
.moc-project-card.is-card-drop-over,
.moc-project-card.is-saving-drop {
  outline: 2px solid rgba(17,17,17,.88) !important;
  outline-offset: 4px !important;
  box-shadow: 0 26px 80px rgba(17,17,17,.16) !important;
}
.moc-project-card.is-moving-folder {
  opacity: .62 !important;
  transform: scale(.985) !important;
}

/* Admin Pnepers — dashboard profissional */
.admin-hero{
  display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:22px;
  padding:clamp(24px,4vw,42px);border-radius:32px;background:linear-gradient(135deg,#ffffff,#f7f7f5 55%,#eceff5);
  border:1px solid rgba(17,17,17,.08);box-shadow:0 28px 90px rgba(17,17,17,.08);
}
.admin-hero.compact{padding:28px 32px;}
.admin-hero h1{font-size:clamp(38px,5vw,72px);line-height:.92;margin:10px 0 8px;letter-spacing:-.07em;color:#111;}
.admin-hero p{max-width:760px;margin:0;color:#667085;}
.admin-hero-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;}
.admin-range-card{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;padding:16px 18px!important;}
.admin-range-actions{display:flex;gap:8px;flex-wrap:wrap;}
.admin-metric-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin:18px 0 24px;}
.admin-metric-grid.user-detail{grid-template-columns:repeat(6,minmax(0,1fr));}
.admin-metric-card{position:relative;overflow:hidden;background:#fff;border:1px solid rgba(17,17,17,.08);border-radius:26px;padding:18px;box-shadow:0 18px 55px rgba(17,17,17,.06);min-height:122px;display:flex;flex-direction:column;justify-content:space-between;}
.admin-metric-card:after{content:"";position:absolute;right:-28px;top:-34px;width:92px;height:92px;border-radius:50%;background:rgba(17,17,17,.045);}
.admin-metric-card span{font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#667085;}
.admin-metric-card strong{font-size:clamp(28px,3vw,44px);line-height:1;letter-spacing:-.06em;color:#111;}
.admin-metric-card strong.small{font-size:20px;line-height:1.15;letter-spacing:-.04em;}
.admin-metric-card small{font-size:12px;color:#667085;line-height:1.35;}
.admin-grid-2{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);gap:18px;margin:18px 0;}
.admin-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:18px 0;}
.admin-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px;}
.admin-section-head h2{margin:4px 0 0;font-size:26px;letter-spacing:-.05em;}
.admin-chart-card,.admin-table-card,.admin-search-card,.admin-control-card{border-radius:28px!important;}
.admin-bars{display:grid;gap:9px;}
.admin-bar-row{display:grid;grid-template-columns:54px minmax(0,1fr) 86px;gap:10px;align-items:center;font-size:12px;color:#667085;}
.admin-bar-stack{position:relative;height:24px;border-radius:999px;background:#f1f5f9;overflow:hidden;}
.admin-bar-stack i,.admin-bar-stack b,.admin-bar-stack em{position:absolute;left:0;height:8px;border-radius:999px;display:block;min-width:2px;}
.admin-bar-stack i{top:0;background:#111;}
.admin-bar-stack b{top:8px;background:#64748b;}
.admin-bar-stack em{top:16px;background:#cbd5e1;}
.admin-chart-legend{display:flex;gap:16px;flex-wrap:wrap;margin:14px 0 0;font-size:12px;color:#667085;}
.admin-list{display:grid;gap:10px;}
.admin-list.compact{gap:8px;}
.admin-list-line{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px;border:1px solid rgba(17,17,17,.07);border-radius:17px;background:#fbfcfe;color:#111;text-decoration:none;min-width:0;}
.admin-list-line.link:hover{background:#f7f7f5;transform:translateY(-1px);}
.admin-list-line div{min-width:0;}
.admin-list-line strong{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;}
.admin-list-line small{display:block;color:#667085;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;}
.admin-list-line b{font-size:15px;white-space:nowrap;}
.admin-table-wrap{width:100%;overflow:auto;border-radius:20px;border:1px solid rgba(17,17,17,.07);}
.admin-table{width:100%;border-collapse:collapse;background:#fff;min-width:860px;}
.admin-table th{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#667085;text-align:left;background:#f8fafc;padding:13px 14px;border-bottom:1px solid rgba(17,17,17,.07);}
.admin-table td{padding:13px 14px;border-bottom:1px solid rgba(17,17,17,.06);vertical-align:middle;font-size:14px;}
.admin-table tr:last-child td{border-bottom:0;}
.admin-table td strong,.admin-table td small{display:block;}
.admin-table td small{font-size:12px;color:#667085;margin-top:3px;}
.admin-event-feed{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.admin-event-item{border:1px solid rgba(17,17,17,.07);border-radius:18px;background:#fbfcfe;padding:13px;min-width:0;}
.admin-event-item div{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px;}
.admin-event-item strong{font-size:13px;}
.admin-event-item span,.admin-event-item small{font-size:12px;color:#667085;}
.admin-event-item p{margin:0 0 8px;color:#111;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.admin-search-form{display:flex;gap:10px;align-items:center;margin-bottom:10px;}
.admin-search-form .input{max-width:520px;}
.admin-pagination{display:flex;gap:10px;justify-content:flex-end;align-items:center;margin-top:16px;}
.admin-control-card{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:18px 0;}
.admin-control-card h2{margin:4px 0 0;}
.admin-control-card p{margin:6px 0 0;}
@media(max-width:1180px){.admin-metric-grid,.admin-metric-grid.user-detail{grid-template-columns:repeat(3,minmax(0,1fr));}.admin-grid-2,.admin-grid-3{grid-template-columns:1fr;}.admin-event-feed{grid-template-columns:1fr;}}
@media(max-width:720px){.admin-hero,.admin-range-card,.admin-control-card{align-items:flex-start;flex-direction:column;}.admin-hero-actions{justify-content:flex-start}.admin-metric-grid,.admin-metric-grid.user-detail{grid-template-columns:1fr;}.admin-bar-row{grid-template-columns:46px minmax(0,1fr);}.admin-bar-row small{grid-column:2}.admin-search-form{align-items:stretch;flex-direction:column}.admin-search-form .input{max-width:none}.admin-pagination{justify-content:flex-start;}}

/* Admin GeoIP / Localização */
.geo-admin-section{align-items:stretch;}
.admin-map-card{overflow:hidden;}
.admin-geo-map{position:relative;min-height:360px;border-radius:26px;overflow:hidden;background:
  radial-gradient(circle at 18% 22%, rgba(17,17,17,.10) 0 2px, transparent 3px),
  radial-gradient(circle at 62% 28%, rgba(17,17,17,.09) 0 2px, transparent 3px),
  radial-gradient(circle at 78% 62%, rgba(17,17,17,.08) 0 2px, transparent 3px),
  linear-gradient(135deg,#f8fafc 0%,#eef2f7 52%,#f9fafb 100%);
  border:1px solid rgba(17,17,17,.07);padding:18px;}
.admin-geo-map.large{min-height:470px;}
.admin-geo-map:before{content:"";position:absolute;inset:24px;border:1px dashed rgba(17,17,17,.11);border-radius:42% 58% 52% 48%/48% 40% 60% 52%;transform:rotate(-8deg);}
.admin-geo-map:after{content:"";position:absolute;left:9%;right:9%;top:49%;height:1px;background:linear-gradient(90deg,transparent,rgba(17,17,17,.12),transparent);}
.admin-geo-pin{position:absolute;width:178px;max-width:42%;padding:10px 12px 10px 34px;border-radius:18px;background:rgba(255,255,255,.88);border:1px solid rgba(17,17,17,.07);box-shadow:0 18px 44px rgba(17,17,17,.10);backdrop-filter:blur(12px);z-index:2;}
.admin-geo-pin span{position:absolute;left:12px;top:15px;width:12px;height:12px;border-radius:50%;background:#111;box-shadow:0 0 0 7px rgba(17,17,17,.08);}
.admin-geo-pin strong,.admin-geo-pin small,.admin-geo-pin b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.admin-geo-pin strong{font-size:13px;color:#111;}
.admin-geo-pin small{font-size:11px;color:#667085;margin-top:2px;}
.admin-geo-pin b{font-size:11px;margin-top:5px;color:#111;}
.admin-geo-pin.pin-0{left:7%;top:14%;}
.admin-geo-pin.pin-1{left:36%;top:9%;}
.admin-geo-pin.pin-2{right:7%;top:18%;}
.admin-geo-pin.pin-3{left:13%;top:43%;}
.admin-geo-pin.pin-4{left:42%;top:39%;}
.admin-geo-pin.pin-5{right:10%;top:47%;}
.admin-geo-pin.pin-6{left:8%;bottom:12%;}
.admin-geo-pin.pin-7{left:38%;bottom:9%;}
.admin-geo-pin.pin-8{right:9%;bottom:15%;}
.admin-geo-pin.pin-9{left:58%;top:4%;}
.admin-geo-pin.pin-10{left:25%;top:62%;}
.admin-geo-pin.pin-11{right:28%;bottom:31%;}
.admin-geo-pin.pin-12{left:3%;top:68%;}
.admin-geo-pin.pin-13{right:3%;top:72%;}
.admin-status-pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;background:#f1f5f9;color:#334155;}
.admin-status-pill.ok{background:#dcfce7;color:#166534;}
.admin-status-pill.error{background:#fee2e2;color:#991b1b;}
.admin-status-pill.private{background:#e0f2fe;color:#075985;}
.admin-status-pill.pending{background:#fef3c7;color:#92400e;}
.admin-location-table{min-width:1120px;}
.muted.small{font-size:12px;color:#667085;margin:8px 0 0;}
.muted code{background:#f1f5f9;border:1px solid rgba(17,17,17,.06);border-radius:8px;padding:2px 6px;}
@media(max-width:720px){.admin-geo-map,.admin-geo-map.large{min-height:auto;display:grid;gap:10px}.admin-geo-map:before,.admin-geo-map:after{display:none}.admin-geo-pin{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:auto;max-width:none;}}

/* GeoIP v2 - países com bandeiras */
.geoip-version-card{border:1px solid rgba(16,185,129,.25);background:linear-gradient(135deg,rgba(236,253,245,.94),rgba(255,255,255,.94));}
.country-flag-card{overflow:hidden;}
.country-flag-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:14px;}
.country-flag-item{display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center;padding:14px;border:1px solid rgba(17,17,17,.08);border-radius:20px;background:rgba(255,255,255,.82);box-shadow:0 10px 28px rgba(17,17,17,.045);}
.country-flag{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:16px;background:#f8fafc;border:1px solid rgba(17,17,17,.06);font-size:25px;box-shadow:inset 0 1px 0 rgba(255,255,255,.9);}
.country-flag.small{width:28px;height:28px;border-radius:10px;font-size:17px;margin-right:6px;vertical-align:middle;}
.country-flag-item strong{display:block;color:#111827;font-size:14px;}
.country-flag-item small{display:block;color:#667085;font-size:12px;margin-top:3px;}
.country-flag-item b{font-size:20px;color:#111827;}
.country-inline strong{display:flex;align-items:center;gap:2px;}
.admin-location-table td small{display:block;margin-top:4px;color:#667085;}
@media(max-width:640px){.country-flag-grid{grid-template-columns:1fr}.country-flag-item{grid-template-columns:42px 1fr auto;padding:12px}.country-flag{width:38px;height:38px;font-size:22px}}

/* Admin v4 — últimos lançamentos de cards/decks por usuário */
.admin-launches-card{
  margin:18px 0 24px;
  border-radius:30px!important;
  overflow:hidden;
}
.admin-launches-head p{
  margin:6px 0 0;
  max-width:780px;
  color:#667085;
}
.admin-launch-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  align-items:start;
}
.admin-launch-card{
  border-radius:26px!important;
  padding:14px!important;
  box-shadow:0 20px 58px rgba(17,17,17,.075)!important;
  background:rgba(255,255,255,.96)!important;
}
.admin-launch-owner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
  position:relative;
  z-index:5;
}
.admin-launch-user{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
  color:#111;
  text-decoration:none;
}
.admin-launch-user span:last-child{min-width:0;display:block;}
.admin-launch-user strong,
.admin-launch-user small{
  display:block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:190px;
}
.admin-launch-user strong{font-size:13px;letter-spacing:-.02em;}
.admin-launch-user small{font-size:11px;color:#667085;margin-top:1px;}
.admin-launch-avatar{
  width:34px;
  height:34px;
  border-radius:999px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  background:#111;
  color:#fff;
  font-weight:900;
  box-shadow:0 12px 26px rgba(17,17,17,.18);
}
.admin-launch-owner-tools{
  display:flex;
  align-items:center;
  gap:8px;
  flex:0 0 auto;
}
.admin-launch-status{
  flex:0 0 auto;
  border-radius:999px;
  padding:7px 10px;
  background:#111;
  color:#fff;
  font-size:10px;
  letter-spacing:.12em;
  line-height:1;
}
.admin-launch-status.on{background:#16a34a;}
.admin-launch-menu{position:relative;}
.admin-launch-menu summary{list-style:none;}
.admin-launch-menu summary::-webkit-details-marker{display:none;}
.admin-launch-menu-btn{
  width:40px;
  height:40px;
  min-width:40px;
  min-height:40px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  border:1px solid rgba(17,17,17,.08);
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(250,250,250,.98));
  color:#111;
  cursor:pointer;
  box-shadow:0 12px 26px rgba(17,17,17,.08);
}
.admin-launch-menu-btn:hover{background:#f7f7f5;transform:translateY(-1px);}
.admin-launch-menu-btn svg{width:23px;height:23px;stroke-width:3.25;}
.admin-launch-menu-popover{
  position:absolute;
  top:48px;
  right:0;
  min-width:210px;
  display:grid;
  gap:6px;
  padding:10px;
  border-radius:18px;
  background:rgba(15,23,42,.98);
  color:#fff;
  box-shadow:0 28px 70px rgba(15,23,42,.38);
  z-index:60;
}
.admin-launch-menu-popover:before{
  content:'';
  position:absolute;
  right:18px;
  top:-6px;
  width:14px;
  height:14px;
  border-radius:3px;
  background:rgba(15,23,42,.98);
  transform:rotate(45deg);
}
.admin-launch-menu-popover strong{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#dbeafe;position:relative;z-index:1;}
.admin-launch-menu-popover small{font-size:12px;color:#cbd5e1;margin:-2px 0 4px;position:relative;z-index:1;}
.admin-launch-menu-popover button{
  width:100%;
  border:0;
  border-radius:12px;
  background:transparent;
  color:#fff;
  padding:9px 10px;
  text-align:left;
  font-weight:800;
  font-size:13px;
  cursor:pointer;
  position:relative;
  z-index:1;
}
.admin-launch-menu-popover button:hover,
.admin-launch-menu-popover button.active{background:rgba(255,255,255,.12);}
.admin-launch-title{margin:0 0 10px;}
.admin-launch-title h3{
  font-size:17px!important;
  line-height:1.15!important;
  margin:3px 0 0!important;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.admin-launch-preview-full{
  width:100%;
  height:clamp(360px, 34vw, 520px);
  min-height:360px;
  border-radius:24px;
  overflow:hidden;
  display:flex;
  align-items:stretch;
  justify-content:center;
  background:linear-gradient(135deg,#0f172a,#111827);
  border:1px solid rgba(17,17,17,.08);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 18px 40px rgba(15,23,42,.12);
}
.admin-launch-full-frame{
  width:100%;
  height:100%;
  border:0;
  background:#fff;
  display:block;
  transform-origin:top center;
}
.admin-launch-card[data-device="desktop"] .admin-launch-full-frame{width:100%;height:100%;border-radius:0;}
.admin-launch-card[data-device="ipad"] .admin-launch-full-frame{width:78%;height:100%;border-radius:22px;box-shadow:0 0 0 8px rgba(255,255,255,.06),0 20px 60px rgba(0,0,0,.24);}
.admin-launch-card[data-device="mobile"] .admin-launch-full-frame{width:44%;min-width:160px;height:100%;border-radius:28px;box-shadow:0 0 0 8px rgba(255,255,255,.06),0 20px 60px rgba(0,0,0,.26);}
.admin-launch-no-html{
  width:100%;
  height:100%;
  display:grid;
  place-content:center;
  text-align:center;
  gap:6px;
  color:#fff;
  padding:24px;
}
.admin-launch-no-html strong{font-size:18px;}
.admin-launch-no-html small{color:#cbd5e1;}
.admin-launch-meta{
  display:flex;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
  margin:10px 0 0;
  color:#667085;
  font-size:12px;
}
.admin-launch-actions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin-top:12px;
}
.admin-launch-actions .btn{
  min-width:0;
  padding:9px 10px;
  font-size:12px;
  text-align:center;
}
.btn.disabled{
  opacity:.55;
  cursor:not-allowed;
  pointer-events:none;
  background:#f1f5f9;
  color:#64748b;
}
.admin-launch-empty{
  border:1px dashed rgba(17,17,17,.16);
  border-radius:24px;
  background:#fbfcfe;
  padding:22px;
}
.admin-launch-empty strong{display:block;font-size:18px;margin-bottom:4px;}
.admin-launch-empty p{margin:0;color:#667085;}
@media(max-width:1180px){.admin-launch-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:720px){.admin-launch-grid{grid-template-columns:1fr}.admin-launches-head{flex-direction:column}.admin-launch-actions{grid-template-columns:1fr}.admin-launch-preview-full{height:420px}.admin-launch-card[data-device="ipad"] .admin-launch-full-frame{width:86%;}.admin-launch-card[data-device="mobile"] .admin-launch-full-frame{width:58%;min-width:150px;}.admin-launch-menu-popover{right:-4px;}}

/* Admin v6 — lançamentos com colunas 1x-12x, estilo Studio e preview sem máscara preta */
.admin-launches-card{
  overflow:visible!important;
}
.admin-launches-head{
  align-items:flex-start!important;
  gap:18px!important;
}
.admin-launches-head-actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.admin-launch-column-controller{
  --admin-launch-range-pos:18.1818%;
  margin:12px 0 18px;
  padding:14px;
  border:1px solid rgba(17,17,17,.08);
  border-radius:24px;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,250,252,.98));
  box-shadow:0 16px 38px rgba(15,23,42,.06);
}
.admin-launch-column-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}
.admin-launch-column-head strong{
  font-size:13px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#111827;
}
.admin-launch-column-head span{
  min-width:44px;
  min-height:34px;
  padding:7px 11px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#111827;
  color:#fff;
  font-size:14px;
  font-weight:950;
  letter-spacing:-.03em;
}
.admin-launch-column-range{
  -webkit-appearance:none;
  appearance:none;
  width:100%;
  height:18px;
  margin:0 0 12px;
  border-radius:999px;
  outline:0;
  background:linear-gradient(to right,#111827 0%,#111827 var(--admin-launch-range-pos),#e9f2ff var(--admin-launch-range-pos),#e9f2ff 100%);
  cursor:pointer;
}
.admin-launch-column-range::-webkit-slider-runnable-track{height:18px;border-radius:999px;background:transparent;}
.admin-launch-column-range::-moz-range-track{height:18px;border-radius:999px;background:transparent;}
.admin-launch-column-range::-webkit-slider-thumb{
  -webkit-appearance:none;
  appearance:none;
  width:32px;
  height:32px;
  margin-top:-7px;
  border-radius:50%;
  border:5px solid #fff;
  background:#111827;
  box-shadow:0 8px 18px rgba(17,24,39,.22);
}
.admin-launch-column-range::-moz-range-thumb{
  width:32px;
  height:32px;
  border-radius:50%;
  border:5px solid #fff;
  background:#111827;
  box-shadow:0 8px 18px rgba(17,24,39,.22);
}
.admin-launch-column-buttons{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
.admin-launch-column-btn{
  border:1px solid rgba(17,17,17,.1);
  border-radius:999px;
  background:#fff;
  color:#111827;
  padding:7px 10px;
  font-size:12px;
  font-weight:900;
  cursor:pointer;
}
.admin-launch-column-btn:hover,
.admin-launch-column-btn.active{
  background:#111827;
  border-color:#111827;
  color:#fff;
}
.admin-launch-grid.admin-launch-studio-grid{
  --admin-launch-cols:3;
  display:grid!important;
  grid-template-columns:repeat(var(--admin-launch-cols),minmax(0,1fr))!important;
  gap:16px!important;
  align-items:start!important;
}
.admin-launch-grid[data-cols="1"]{--admin-launch-cols:1;}
.admin-launch-grid[data-cols="2"]{--admin-launch-cols:2;}
.admin-launch-grid[data-cols="3"]{--admin-launch-cols:3;}
.admin-launch-grid[data-cols="4"]{--admin-launch-cols:4;}
.admin-launch-grid[data-cols="5"]{--admin-launch-cols:5;}
.admin-launch-grid[data-cols="6"]{--admin-launch-cols:6;}
.admin-launch-grid[data-cols="7"]{--admin-launch-cols:7;}
.admin-launch-grid[data-cols="8"]{--admin-launch-cols:8;}
.admin-launch-grid[data-cols="9"]{--admin-launch-cols:9;}
.admin-launch-grid[data-cols="10"]{--admin-launch-cols:10;}
.admin-launch-grid[data-cols="11"]{--admin-launch-cols:11;}
.admin-launch-grid[data-cols="12"]{--admin-launch-cols:12;}
.admin-launch-studio-card{
  padding:12px!important;
  border-radius:24px!important;
  border:1px solid rgba(15,23,42,.1)!important;
  background:rgba(255,255,255,.98)!important;
  box-shadow:0 18px 50px rgba(15,23,42,.07)!important;
  overflow:visible!important;
}
.admin-launch-card-bar{
  position:relative;
  z-index:10;
  margin:0 0 10px!important;
}
.admin-launch-studio-title{
  position:relative!important;
  min-height:46px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
}
.admin-launch-studio-title>div:first-child{
  min-width:0!important;
  max-width:calc(50% - 24px)!important;
}
.admin-launch-studio-title .eyebrow{
  display:block!important;
  font-size:10px!important;
  letter-spacing:.14em!important;
  margin:0 0 3px!important;
  color:#667085!important;
}
.admin-launch-studio-title h3{
  margin:0!important;
  font-size:17px!important;
  line-height:1.08!important;
  letter-spacing:-.04em!important;
  color:#111827!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.admin-launch-subline{
  display:block;
  margin-top:3px;
  color:#667085;
  font-size:11px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.admin-launch-studio-title .admin-launch-favicon,
.admin-launch-studio-title .admin-launch-favicon-fallback{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  border-radius:9px!important;
  object-fit:contain!important;
  padding:2px!important;
  background:rgba(255,255,255,.98)!important;
  border:1px solid rgba(15,23,42,.08)!important;
  box-shadow:none!important;
  color:#111827!important;
  font-size:15px!important;
  font-weight:950!important;
  pointer-events:none!important;
  z-index:5!important;
}
.admin-launch-title-tools{
  margin-left:auto;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:7px;
  min-width:0;
  flex:0 0 auto;
  z-index:7;
}
.admin-launch-status.moc-status-badge{
  padding:7px 9px!important;
  font-size:10px!important;
  letter-spacing:.11em!important;
  line-height:1!important;
  border-radius:999px!important;
  background:#111827!important;
  color:#fff!important;
}
.admin-launch-status.moc-status-badge.on{background:#16a34a!important;}
.admin-launch-studio-card .admin-launch-menu-btn{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  min-height:38px!important;
  border-radius:13px!important;
  box-shadow:0 10px 22px rgba(15,23,42,.08)!important;
}
.admin-launch-studio-card .admin-launch-menu-popover{
  top:46px!important;
  z-index:80!important;
}
.admin-launch-preview-clean,
.admin-launch-preview-full{
  margin:0!important;
  width:100%!important;
  height:clamp(330px,32vw,520px)!important;
  min-height:0!important;
  border-radius:20px!important;
  overflow:hidden!important;
  display:block!important;
  background:#fff!important;
  border:1px solid rgba(15,23,42,.08)!important;
  box-shadow:none!important;
}
.admin-launch-preview-full:before,
.admin-launch-preview-full:after,
.admin-launch-preview-clean:before,
.admin-launch-preview-clean:after{
  display:none!important;
  content:none!important;
}
.admin-launch-full-frame,
.admin-launch-card[data-device="desktop"] .admin-launch-full-frame,
.admin-launch-card[data-device="ipad"] .admin-launch-full-frame,
.admin-launch-card[data-device="mobile"] .admin-launch-full-frame{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:100%!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:#fff!important;
  transform:none!important;
  transform-origin:top left!important;
}
.admin-launch-no-html{
  color:#111827!important;
  background:#fff!important;
}
.admin-launch-no-html small{color:#667085!important;}
.admin-launch-footer-actions{
  margin-top:10px!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.admin-launch-grid[data-cols="1"] .admin-launch-preview-clean{height:clamp(560px,58vw,760px)!important;}
.admin-launch-grid[data-cols="2"] .admin-launch-preview-clean{height:clamp(430px,40vw,600px)!important;}
.admin-launch-grid[data-cols="3"] .admin-launch-preview-clean{height:clamp(330px,32vw,520px)!important;}
.admin-launch-grid[data-cols="4"] .admin-launch-preview-clean{height:300px!important;}
.admin-launch-grid[data-cols="5"] .admin-launch-preview-clean{height:245px!important;}
.admin-launch-grid[data-cols="6"] .admin-launch-preview-clean{height:215px!important;}
.admin-launch-grid[data-cols="7"] .admin-launch-preview-clean{height:185px!important;}
.admin-launch-grid[data-cols="8"] .admin-launch-preview-clean{height:170px!important;}
.admin-launch-grid[data-cols="9"] .admin-launch-preview-clean,
.admin-launch-grid[data-cols="10"] .admin-launch-preview-clean,
.admin-launch-grid[data-cols="11"] .admin-launch-preview-clean,
.admin-launch-grid[data-cols="12"] .admin-launch-preview-clean{height:150px!important;}
.admin-launch-grid[data-cols="7"] .admin-launch-studio-card,
.admin-launch-grid[data-cols="8"] .admin-launch-studio-card,
.admin-launch-grid[data-cols="9"] .admin-launch-studio-card,
.admin-launch-grid[data-cols="10"] .admin-launch-studio-card,
.admin-launch-grid[data-cols="11"] .admin-launch-studio-card,
.admin-launch-grid[data-cols="12"] .admin-launch-studio-card{padding:8px!important;border-radius:18px!important;}
.admin-launch-grid[data-cols="7"] .admin-launch-studio-title,
.admin-launch-grid[data-cols="8"] .admin-launch-studio-title,
.admin-launch-grid[data-cols="9"] .admin-launch-studio-title,
.admin-launch-grid[data-cols="10"] .admin-launch-studio-title,
.admin-launch-grid[data-cols="11"] .admin-launch-studio-title,
.admin-launch-grid[data-cols="12"] .admin-launch-studio-title{min-height:34px!important;gap:6px!important;}
.admin-launch-grid[data-cols="7"] .admin-launch-studio-title .eyebrow,
.admin-launch-grid[data-cols="8"] .admin-launch-studio-title .eyebrow,
.admin-launch-grid[data-cols="9"] .admin-launch-studio-title .eyebrow,
.admin-launch-grid[data-cols="10"] .admin-launch-studio-title .eyebrow,
.admin-launch-grid[data-cols="11"] .admin-launch-studio-title .eyebrow,
.admin-launch-grid[data-cols="12"] .admin-launch-studio-title .eyebrow,
.admin-launch-grid[data-cols="7"] .admin-launch-subline,
.admin-launch-grid[data-cols="8"] .admin-launch-subline,
.admin-launch-grid[data-cols="9"] .admin-launch-subline,
.admin-launch-grid[data-cols="10"] .admin-launch-subline,
.admin-launch-grid[data-cols="11"] .admin-launch-subline,
.admin-launch-grid[data-cols="12"] .admin-launch-subline{display:none!important;}
.admin-launch-grid[data-cols="7"] .admin-launch-studio-title h3,
.admin-launch-grid[data-cols="8"] .admin-launch-studio-title h3,
.admin-launch-grid[data-cols="9"] .admin-launch-studio-title h3,
.admin-launch-grid[data-cols="10"] .admin-launch-studio-title h3,
.admin-launch-grid[data-cols="11"] .admin-launch-studio-title h3,
.admin-launch-grid[data-cols="12"] .admin-launch-studio-title h3{font-size:12px!important;}
.admin-launch-grid[data-cols="7"] .admin-launch-studio-title .admin-launch-favicon,
.admin-launch-grid[data-cols="8"] .admin-launch-studio-title .admin-launch-favicon,
.admin-launch-grid[data-cols="9"] .admin-launch-studio-title .admin-launch-favicon,
.admin-launch-grid[data-cols="10"] .admin-launch-studio-title .admin-launch-favicon,
.admin-launch-grid[data-cols="11"] .admin-launch-studio-title .admin-launch-favicon,
.admin-launch-grid[data-cols="12"] .admin-launch-studio-title .admin-launch-favicon,
.admin-launch-grid[data-cols="7"] .admin-launch-studio-title .admin-launch-favicon-fallback,
.admin-launch-grid[data-cols="8"] .admin-launch-studio-title .admin-launch-favicon-fallback,
.admin-launch-grid[data-cols="9"] .admin-launch-studio-title .admin-launch-favicon-fallback,
.admin-launch-grid[data-cols="10"] .admin-launch-studio-title .admin-launch-favicon-fallback,
.admin-launch-grid[data-cols="11"] .admin-launch-studio-title .admin-launch-favicon-fallback,
.admin-launch-grid[data-cols="12"] .admin-launch-studio-title .admin-launch-favicon-fallback{width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;border-radius:6px!important;font-size:10px!important;}
.admin-launch-grid[data-cols="7"] .admin-launch-status,
.admin-launch-grid[data-cols="8"] .admin-launch-status,
.admin-launch-grid[data-cols="9"] .admin-launch-status,
.admin-launch-grid[data-cols="10"] .admin-launch-status,
.admin-launch-grid[data-cols="11"] .admin-launch-status,
.admin-launch-grid[data-cols="12"] .admin-launch-status{display:none!important;}
.admin-launch-grid[data-cols="7"] .admin-launch-menu-btn,
.admin-launch-grid[data-cols="8"] .admin-launch-menu-btn,
.admin-launch-grid[data-cols="9"] .admin-launch-menu-btn,
.admin-launch-grid[data-cols="10"] .admin-launch-menu-btn,
.admin-launch-grid[data-cols="11"] .admin-launch-menu-btn,
.admin-launch-grid[data-cols="12"] .admin-launch-menu-btn{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;border-radius:10px!important;}
.admin-launch-grid[data-cols="7"] .admin-launch-menu-btn svg,
.admin-launch-grid[data-cols="8"] .admin-launch-menu-btn svg,
.admin-launch-grid[data-cols="9"] .admin-launch-menu-btn svg,
.admin-launch-grid[data-cols="10"] .admin-launch-menu-btn svg,
.admin-launch-grid[data-cols="11"] .admin-launch-menu-btn svg,
.admin-launch-grid[data-cols="12"] .admin-launch-menu-btn svg{width:18px!important;height:18px!important;}
.admin-launch-grid[data-cols="7"] .admin-launch-footer-actions,
.admin-launch-grid[data-cols="8"] .admin-launch-footer-actions,
.admin-launch-grid[data-cols="9"] .admin-launch-footer-actions,
.admin-launch-grid[data-cols="10"] .admin-launch-footer-actions,
.admin-launch-grid[data-cols="11"] .admin-launch-footer-actions,
.admin-launch-grid[data-cols="12"] .admin-launch-footer-actions{display:none!important;}
@media(max-width:1180px){
  .admin-launch-grid.admin-launch-studio-grid{grid-template-columns:repeat(min(var(--admin-launch-cols),4),minmax(0,1fr))!important;}
}
@media(max-width:900px){
  .admin-launch-grid.admin-launch-studio-grid{grid-template-columns:repeat(min(var(--admin-launch-cols),2),minmax(0,1fr))!important;}
}
@media(max-width:720px){
  .admin-launches-head{flex-direction:column!important;}
  .admin-launch-grid.admin-launch-studio-grid{grid-template-columns:1fr!important;}
  .admin-launch-column-buttons{max-height:72px;overflow:auto;}
  .admin-launch-preview-clean{height:420px!important;}
  .admin-launch-studio-title>div:first-child{max-width:calc(100% - 128px)!important;}
  .admin-launch-studio-title .admin-launch-favicon,
  .admin-launch-studio-title .admin-launch-favicon-fallback{left:auto!important;right:82px!important;transform:translateY(-50%)!important;}
  .admin-launch-menu-popover{right:-4px!important;}
}
@media(max-width:1180px){
  .admin-launch-grid.admin-launch-studio-grid[data-cols="1"]{grid-template-columns:1fr!important;}
  .admin-launch-grid.admin-launch-studio-grid[data-cols="2"]{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .admin-launch-grid.admin-launch-studio-grid[data-cols="3"]{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .admin-launch-grid.admin-launch-studio-grid[data-cols="4"]{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
  .admin-launch-grid.admin-launch-studio-grid[data-cols="5"],
  .admin-launch-grid.admin-launch-studio-grid[data-cols="6"],
  .admin-launch-grid.admin-launch-studio-grid[data-cols="7"],
  .admin-launch-grid.admin-launch-studio-grid[data-cols="8"],
  .admin-launch-grid.admin-launch-studio-grid[data-cols="9"],
  .admin-launch-grid.admin-launch-studio-grid[data-cols="10"],
  .admin-launch-grid.admin-launch-studio-grid[data-cols="11"],
  .admin-launch-grid.admin-launch-studio-grid[data-cols="12"]{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
}
@media(max-width:900px){
  .admin-launch-grid.admin-launch-studio-grid[data-cols="1"]{grid-template-columns:1fr!important;}
  .admin-launch-grid.admin-launch-studio-grid[data-cols="2"],
  .admin-launch-grid.admin-launch-studio-grid[data-cols="3"],
  .admin-launch-grid.admin-launch-studio-grid[data-cols="4"],
  .admin-launch-grid.admin-launch-studio-grid[data-cols="5"],
  .admin-launch-grid.admin-launch-studio-grid[data-cols="6"],
  .admin-launch-grid.admin-launch-studio-grid[data-cols="7"],
  .admin-launch-grid.admin-launch-studio-grid[data-cols="8"],
  .admin-launch-grid.admin-launch-studio-grid[data-cols="9"],
  .admin-launch-grid.admin-launch-studio-grid[data-cols="10"],
  .admin-launch-grid.admin-launch-studio-grid[data-cols="11"],
  .admin-launch-grid.admin-launch-studio-grid[data-cols="12"]{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}

/* Admin v7 — prévia fiel do .moc publicado/original por viewport real */
.admin-launch-faithful-card{
  --admin-launch-device-w:1440px;
  --admin-launch-device-h:900px;
  --admin-launch-device-ratio:1440 / 900;
  overflow:visible!important;
}
.admin-launches-card .eyebrow{letter-spacing:.12em;}
.admin-launch-preview-faithful,
.admin-launch-grid[data-cols] .admin-launch-preview-faithful,
.admin-launch-grid[data-cols="1"] .admin-launch-preview-faithful,
.admin-launch-grid[data-cols="2"] .admin-launch-preview-faithful,
.admin-launch-grid[data-cols="3"] .admin-launch-preview-faithful,
.admin-launch-grid[data-cols="4"] .admin-launch-preview-faithful,
.admin-launch-grid[data-cols="5"] .admin-launch-preview-faithful,
.admin-launch-grid[data-cols="6"] .admin-launch-preview-faithful,
.admin-launch-grid[data-cols="7"] .admin-launch-preview-faithful,
.admin-launch-grid[data-cols="8"] .admin-launch-preview-faithful,
.admin-launch-grid[data-cols="9"] .admin-launch-preview-faithful,
.admin-launch-grid[data-cols="10"] .admin-launch-preview-faithful,
.admin-launch-grid[data-cols="11"] .admin-launch-preview-faithful,
.admin-launch-grid[data-cols="12"] .admin-launch-preview-faithful{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  padding:0!important;
  margin:0!important;
  border-radius:18px!important;
  overflow:hidden!important;
  background:#fff!important;
  border:1px solid rgba(15,23,42,.08)!important;
  box-shadow:0 1px 0 rgba(15,23,42,.04)!important;
}
.admin-launch-preview-faithful:before,
.admin-launch-preview-faithful:after,
.admin-launch-device-shell:before,
.admin-launch-device-shell:after{
  display:none!important;
  content:none!important;
}
.admin-launch-device-shell{
  position:relative!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  min-height:1px!important;
  height:auto;
  overflow:hidden!important;
  background:#fff!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  isolation:isolate!important;
}
.admin-launch-faithful-frame,
.admin-launch-full-frame.admin-launch-faithful-frame,
.admin-launch-card[data-device="desktop"] .admin-launch-full-frame.admin-launch-faithful-frame,
.admin-launch-card[data-device="ipad"] .admin-launch-full-frame.admin-launch-faithful-frame,
.admin-launch-card[data-device="mobile"] .admin-launch-full-frame.admin-launch-faithful-frame{
  position:absolute!important;
  inset:auto auto auto auto!important;
  left:0!important;
  top:0!important;
  display:block!important;
  width:var(--admin-launch-device-w)!important;
  height:var(--admin-launch-device-h)!important;
  min-width:0!important;
  max-width:none!important;
  min-height:0!important;
  max-height:none!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
  transform-origin:0 0!important;
  pointer-events:none!important;
}
.admin-launch-card[data-device="desktop"]{--admin-launch-device-w:1440px;--admin-launch-device-h:900px;--admin-launch-device-ratio:1440 / 900;}
.admin-launch-card[data-device="ipad"]{--admin-launch-device-w:1024px;--admin-launch-device-h:768px;--admin-launch-device-ratio:1024 / 768;}
.admin-launch-card[data-device="mobile"]{--admin-launch-device-w:390px;--admin-launch-device-h:844px;--admin-launch-device-ratio:390 / 844;}
.admin-launch-card[data-device="desktop"] .admin-launch-device-shell{border-radius:0!important;}
.admin-launch-card[data-device="ipad"] .admin-launch-preview-faithful,
.admin-launch-card[data-device="mobile"] .admin-launch-preview-faithful{background:#fff!important;}
.admin-launch-card[data-device="ipad"] .admin-launch-device-shell,
.admin-launch-card[data-device="mobile"] .admin-launch-device-shell{border-radius:0!important;}
.admin-launch-grid[data-cols="7"] .admin-launch-preview-faithful,
.admin-launch-grid[data-cols="8"] .admin-launch-preview-faithful,
.admin-launch-grid[data-cols="9"] .admin-launch-preview-faithful,
.admin-launch-grid[data-cols="10"] .admin-launch-preview-faithful,
.admin-launch-grid[data-cols="11"] .admin-launch-preview-faithful,
.admin-launch-grid[data-cols="12"] .admin-launch-preview-faithful{border-radius:12px!important;}
.admin-launch-grid[data-cols="7"] .admin-launch-card[data-device="mobile"] .admin-launch-device-shell,
.admin-launch-grid[data-cols="8"] .admin-launch-card[data-device="mobile"] .admin-launch-device-shell,
.admin-launch-grid[data-cols="9"] .admin-launch-card[data-device="mobile"] .admin-launch-device-shell,
.admin-launch-grid[data-cols="10"] .admin-launch-card[data-device="mobile"] .admin-launch-device-shell,
.admin-launch-grid[data-cols="11"] .admin-launch-card[data-device="mobile"] .admin-launch-device-shell,
.admin-launch-grid[data-cols="12"] .admin-launch-card[data-device="mobile"] .admin-launch-device-shell{min-height:120px!important;}
@media(max-width:720px){
  .admin-launch-preview-faithful{height:auto!important;max-height:none!important;}
}


/* Admin v8 — full width + full height útil no card, sem botões inferiores */
.admin-launch-grid.admin-launch-studio-grid{
  align-items:stretch!important;
}
.admin-launch-studio-card{
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  min-height:560px!important;
  height:560px!important;
}
.admin-launch-card-bar{
  flex:0 0 auto!important;
  margin:0 0 8px!important;
}
.admin-launch-preview-faithful,
.admin-launch-preview-clean,
.admin-launch-preview-full{
  flex:1 1 auto!important;
  width:100%!important;
  min-height:0!important;
  height:auto!important;
  border-radius:18px!important;
}
.admin-launch-device-shell{
  position:relative!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
}
.admin-launch-faithful-frame,
.admin-launch-full-frame.admin-launch-faithful-frame,
.admin-launch-card[data-device="desktop"] .admin-launch-full-frame.admin-launch-faithful-frame,
.admin-launch-card[data-device="ipad"] .admin-launch-full-frame.admin-launch-faithful-frame,
.admin-launch-card[data-device="mobile"] .admin-launch-full-frame.admin-launch-faithful-frame{
  position:absolute!important;
}
.admin-launch-footer-actions,
.admin-launch-actions{
  display:none!important;
}
/* alturas phi-v por quantidade de colunas */
.admin-launch-grid[data-cols="1"] .admin-launch-studio-card{height:920px!important;min-height:920px!important;}
.admin-launch-grid[data-cols="2"] .admin-launch-studio-card{height:780px!important;min-height:780px!important;}
.admin-launch-grid[data-cols="3"] .admin-launch-studio-card{height:660px!important;min-height:660px!important;}
.admin-launch-grid[data-cols="4"] .admin-launch-studio-card{height:560px!important;min-height:560px!important;}
.admin-launch-grid[data-cols="5"] .admin-launch-studio-card{height:500px!important;min-height:500px!important;}
.admin-launch-grid[data-cols="6"] .admin-launch-studio-card{height:440px!important;min-height:440px!important;}
.admin-launch-grid[data-cols="7"] .admin-launch-studio-card{height:360px!important;min-height:360px!important;}
.admin-launch-grid[data-cols="8"] .admin-launch-studio-card{height:340px!important;min-height:340px!important;}
.admin-launch-grid[data-cols="9"] .admin-launch-studio-card,
.admin-launch-grid[data-cols="10"] .admin-launch-studio-card,
.admin-launch-grid[data-cols="11"] .admin-launch-studio-card,
.admin-launch-grid[data-cols="12"] .admin-launch-studio-card{height:320px!important;min-height:320px!important;}
.admin-launch-grid[data-cols="7"] .admin-launch-preview-faithful,
.admin-launch-grid[data-cols="8"] .admin-launch-preview-faithful,
.admin-launch-grid[data-cols="9"] .admin-launch-preview-faithful,
.admin-launch-grid[data-cols="10"] .admin-launch-preview-faithful,
.admin-launch-grid[data-cols="11"] .admin-launch-preview-faithful,
.admin-launch-grid[data-cols="12"] .admin-launch-preview-faithful{border-radius:12px!important;}
@media(max-width:1180px){
  .admin-launch-grid.admin-launch-studio-grid[data-cols="1"] .admin-launch-studio-card{height:860px!important;min-height:860px!important;}
  .admin-launch-grid.admin-launch-studio-grid[data-cols="2"] .admin-launch-studio-card{height:700px!important;min-height:700px!important;}
  .admin-launch-grid.admin-launch-studio-grid[data-cols="3"] .admin-launch-studio-card,
  .admin-launch-grid.admin-launch-studio-grid[data-cols="4"] .admin-launch-studio-card,
  .admin-launch-grid.admin-launch-studio-grid[data-cols="5"] .admin-launch-studio-card,
  .admin-launch-grid.admin-launch-studio-grid[data-cols="6"] .admin-launch-studio-card,
  .admin-launch-grid.admin-launch-studio-grid[data-cols="7"] .admin-launch-studio-card,
  .admin-launch-grid.admin-launch-studio-grid[data-cols="8"] .admin-launch-studio-card,
  .admin-launch-grid.admin-launch-studio-grid[data-cols="9"] .admin-launch-studio-card,
  .admin-launch-grid.admin-launch-studio-grid[data-cols="10"] .admin-launch-studio-card,
  .admin-launch-grid.admin-launch-studio-grid[data-cols="11"] .admin-launch-studio-card,
  .admin-launch-grid.admin-launch-studio-grid[data-cols="12"] .admin-launch-studio-card{height:520px!important;min-height:520px!important;}
}
@media(max-width:900px){
  .admin-launch-grid.admin-launch-studio-grid .admin-launch-studio-card{height:520px!important;min-height:520px!important;}
}
@media(max-width:720px){
  .admin-launch-grid.admin-launch-studio-grid .admin-launch-studio-card{height:620px!important;min-height:620px!important;}
}

/* Admin v9 — controle de usuários logados x visitantes convidados */
.admin-visitor-control{
  margin:18px 0 22px!important;
}
.admin-visitor-head{
  align-items:flex-start!important;
  gap:18px!important;
}
.admin-visitor-mini-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
  margin-top:16px;
}
.admin-visitor-mini-grid article{
  border:1px solid rgba(15,23,42,.08);
  background:linear-gradient(180deg,#fff,#f8fafc);
  border-radius:20px;
  padding:14px;
  box-shadow:0 12px 28px rgba(15,23,42,.045);
}
.admin-visitor-mini-grid span{
  display:block;
  color:#667085;
  font-size:11px;
  font-weight:900;
  letter-spacing:.11em;
  text-transform:uppercase;
  margin-bottom:5px;
}
.admin-visitor-mini-grid strong{
  display:block;
  font-size:28px;
  line-height:1;
  letter-spacing:-.06em;
  color:#111827;
}
.admin-visitor-mini-grid small{
  display:block;
  color:#667085;
  margin-top:5px;
  font-size:12px;
}
.admin-visitor-columns{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:16px;
  margin-top:18px;
}
.admin-visitor-panel{
  min-width:0;
}
.admin-table-title{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}
.admin-table-title strong{
  font-size:16px;
  letter-spacing:-.03em;
}
.admin-table-title small{
  color:#667085;
  font-size:12px;
}
.admin-guest-access-list{
  display:grid;
  gap:10px;
}
.admin-guest-access-list.full{
  max-height:620px;
  overflow:auto;
  padding-right:4px;
}
.admin-guest-access-row{
  display:grid;
  grid-template-columns:1fr auto;
  gap:14px;
  align-items:center;
  border:1px solid rgba(15,23,42,.08);
  border-radius:18px;
  padding:12px;
  background:#fff;
  box-shadow:0 10px 24px rgba(15,23,42,.035);
}
.admin-guest-access-row strong{
  display:block;
  font-size:14px;
  color:#111827;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.admin-guest-access-row small{
  display:block;
  margin-top:3px;
  color:#667085;
  font-size:12px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.admin-guest-access-row .mono{
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  letter-spacing:-.04em;
}
.admin-guest-location{
  min-width:180px;
  max-width:260px;
  text-align:right;
}
.admin-search{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:min(420px,100%);
}
.admin-search input{
  flex:1 1 auto;
  height:42px;
  border:1px solid rgba(15,23,42,.12);
  background:#fff;
  border-radius:999px;
  padding:0 14px;
  outline:none;
  color:#111827;
}
.admin-search input:focus{
  border-color:#111827;
  box-shadow:0 0 0 4px rgba(17,24,39,.08);
}
.admin-launch-empty.compact{
  padding:18px!important;
  border-radius:18px!important;
}
@media(max-width:1180px){
  .admin-visitor-mini-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  .admin-visitor-columns{grid-template-columns:1fr;}
}
@media(max-width:760px){
  .admin-visitor-mini-grid{grid-template-columns:1fr;}
  .admin-guest-access-row{grid-template-columns:1fr;}
  .admin-guest-location{text-align:left;max-width:none;min-width:0;}
  .admin-search{width:100%;}
}


/* Admin v9.1 — correção de organização dos cards após controle de visitantes */
.admin-metric-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
  align-items:stretch!important;
  margin:18px 0 24px!important;
}
.admin-metric-grid .admin-metric-card{
  min-width:0!important;
  width:100%!important;
  height:auto!important;
  min-height:126px!important;
  padding:18px!important;
}
.admin-visitor-control{
  clear:both!important;
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
.admin-visitor-control *{
  box-sizing:border-box!important;
}
.admin-visitor-head,
.admin-launches-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:18px!important;
}
.admin-visitor-head > div:first-child,
.admin-launches-head > div:first-child{
  min-width:0!important;
  flex:1 1 auto!important;
}
.admin-visitor-head .admin-launches-head-actions,
.admin-launches-head .admin-launches-head-actions{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}
.admin-visitor-mini-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  align-items:stretch!important;
  width:100%!important;
  margin-top:16px!important;
}
.admin-visitor-mini-grid article{
  min-width:0!important;
  width:100%!important;
  height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
  gap:8px!important;
  overflow:hidden!important;
}
.admin-visitor-mini-grid strong{
  font-size:clamp(24px,2.3vw,34px)!important;
  white-space:nowrap!important;
}
.admin-visitor-columns{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:16px!important;
  width:100%!important;
  align-items:start!important;
}
.admin-visitor-panel,
.admin-guest-access-list,
.admin-guest-access-row,
.admin-guest-access-row > div{
  min-width:0!important;
}
.admin-guest-access-row{
  grid-template-columns:minmax(0,1fr) minmax(180px,260px)!important;
  width:100%!important;
  overflow:hidden!important;
}
.admin-guest-location{
  min-width:0!important;
  max-width:260px!important;
}
.admin-guest-access-row strong,
.admin-guest-access-row small,
.admin-guest-location b,
.admin-guest-location small{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  max-width:100%!important;
}
.admin-launches-card{
  clear:both!important;
  width:100%!important;
  max-width:100%!important;
  overflow:visible!important;
}
.admin-launch-grid.admin-launch-studio-grid{
  width:100%!important;
  clear:both!important;
}
@media(max-width:1280px){
  .admin-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .admin-visitor-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:980px){
  .admin-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .admin-visitor-columns{grid-template-columns:1fr!important;}
  .admin-visitor-head,
  .admin-launches-head{flex-direction:column!important;}
  .admin-visitor-head .admin-launches-head-actions,
  .admin-launches-head .admin-launches-head-actions{justify-content:flex-start!important;width:100%!important;}
}
@media(max-width:640px){
  .admin-metric-grid,
  .admin-visitor-mini-grid{grid-template-columns:1fr!important;}
  .admin-guest-access-row{grid-template-columns:1fr!important;}
  .admin-guest-location{text-align:left!important;max-width:none!important;}
}


/* Admin v9.2 — restaura alinhamento dos cards e impede encavalamento */
.admin-container,
.admin-page,
main,
.container{
  min-width:0!important;
}
.admin-metric-grid,
.admin-visitor-mini-grid,
.admin-visitor-columns,
.admin-launch-grid.admin-launch-studio-grid{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  float:none!important;
  clear:both!important;
}
.admin-metric-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
  align-items:stretch!important;
}
.admin-metric-grid > .admin-metric-card{
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  overflow:hidden!important;
}
.admin-visitor-control{
  display:block!important;
  margin:18px 0 22px!important;
  overflow:visible!important;
}
.admin-visitor-mini-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  align-items:stretch!important;
}
.admin-visitor-mini-grid > article{
  box-sizing:border-box!important;
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  overflow:hidden!important;
}
.admin-visitor-columns{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px!important;
  align-items:start!important;
}
.admin-visitor-panel,
.admin-guest-access-list,
.admin-guest-access-row,
.admin-guest-access-row > div{
  box-sizing:border-box!important;
  min-width:0!important;
  max-width:100%!important;
}
.admin-guest-access-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(150px,240px)!important;
  gap:12px!important;
  align-items:center!important;
}
.admin-guest-access-row strong,
.admin-guest-access-row small,
.admin-guest-location b,
.admin-guest-location small{
  display:block!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.admin-launches-card{
  display:block!important;
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  margin-top:22px!important;
  overflow:visible!important;
}
.admin-launch-grid.admin-launch-studio-grid{
  --admin-launch-cols:3;
  display:grid!important;
  grid-template-columns:repeat(var(--admin-launch-cols),minmax(0,1fr))!important;
  grid-auto-flow:row!important;
  grid-auto-rows:auto!important;
  gap:18px!important;
  align-items:stretch!important;
  justify-items:stretch!important;
  margin:18px 0 0!important;
  padding:0!important;
  overflow:visible!important;
}
.admin-launch-grid.admin-launch-studio-grid > .admin-launch-card,
.admin-launch-grid.admin-launch-studio-grid > .admin-launch-studio-card,
.admin-launch-grid.admin-launch-studio-grid > article{
  box-sizing:border-box!important;
  position:relative!important;
  float:none!important;
  clear:none!important;
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  z-index:1!important;
}
.admin-launch-grid.admin-launch-studio-grid > .admin-launch-card:hover,
.admin-launch-grid.admin-launch-studio-grid > .admin-launch-studio-card:hover{
  z-index:4!important;
}
.admin-launch-grid.admin-launch-studio-grid[data-cols="1"]{--admin-launch-cols:1;grid-template-columns:repeat(1,minmax(0,1fr))!important;}
.admin-launch-grid.admin-launch-studio-grid[data-cols="2"]{--admin-launch-cols:2;grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.admin-launch-grid.admin-launch-studio-grid[data-cols="3"]{--admin-launch-cols:3;grid-template-columns:repeat(3,minmax(0,1fr))!important;}
.admin-launch-grid.admin-launch-studio-grid[data-cols="4"]{--admin-launch-cols:4;grid-template-columns:repeat(4,minmax(0,1fr))!important;}
.admin-launch-grid.admin-launch-studio-grid[data-cols="5"]{--admin-launch-cols:5;grid-template-columns:repeat(5,minmax(0,1fr))!important;}
.admin-launch-grid.admin-launch-studio-grid[data-cols="6"]{--admin-launch-cols:6;grid-template-columns:repeat(6,minmax(0,1fr))!important;}
.admin-launch-grid.admin-launch-studio-grid[data-cols="7"]{--admin-launch-cols:7;grid-template-columns:repeat(7,minmax(0,1fr))!important;}
.admin-launch-grid.admin-launch-studio-grid[data-cols="8"]{--admin-launch-cols:8;grid-template-columns:repeat(8,minmax(0,1fr))!important;}
.admin-launch-grid.admin-launch-studio-grid[data-cols="9"]{--admin-launch-cols:9;grid-template-columns:repeat(9,minmax(0,1fr))!important;}
.admin-launch-grid.admin-launch-studio-grid[data-cols="10"]{--admin-launch-cols:10;grid-template-columns:repeat(10,minmax(0,1fr))!important;}
.admin-launch-grid.admin-launch-studio-grid[data-cols="11"]{--admin-launch-cols:11;grid-template-columns:repeat(11,minmax(0,1fr))!important;}
.admin-launch-grid.admin-launch-studio-grid[data-cols="12"]{--admin-launch-cols:12;grid-template-columns:repeat(12,minmax(0,1fr))!important;}
.admin-launch-card-bar,
.admin-launch-studio-title,
.admin-launch-title-tools,
.admin-launch-preview-faithful,
.admin-launch-device-shell{
  box-sizing:border-box!important;
  min-width:0!important;
  max-width:100%!important;
}
.admin-launch-studio-title{
  overflow:hidden!important;
}
.admin-launch-studio-title > div:first-child{
  min-width:0!important;
  flex:1 1 auto!important;
  max-width:calc(100% - 92px)!important;
}
.admin-launch-title-tools{
  flex:0 0 auto!important;
  max-width:84px!important;
}
.admin-launch-studio-title .admin-launch-favicon,
.admin-launch-studio-title .admin-launch-favicon-fallback{
  flex:0 0 auto!important;
}
.admin-launch-preview-faithful,
.admin-launch-preview-clean,
.admin-launch-preview-full{
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
}
.admin-launch-device-shell{
  overflow:hidden!important;
}
.admin-launch-faithful-frame{
  max-width:none!important;
}
.admin-launch-menu-popover{
  z-index:999!important;
}
/* Em muitas colunas, reduz elementos para não invadir o card ao lado */
.admin-launch-grid.admin-launch-studio-grid[data-cols="6"] .admin-launch-subline,
.admin-launch-grid.admin-launch-studio-grid[data-cols="7"] .admin-launch-subline,
.admin-launch-grid.admin-launch-studio-grid[data-cols="8"] .admin-launch-subline,
.admin-launch-grid.admin-launch-studio-grid[data-cols="9"] .admin-launch-subline,
.admin-launch-grid.admin-launch-studio-grid[data-cols="10"] .admin-launch-subline,
.admin-launch-grid.admin-launch-studio-grid[data-cols="11"] .admin-launch-subline,
.admin-launch-grid.admin-launch-studio-grid[data-cols="12"] .admin-launch-subline,
.admin-launch-grid.admin-launch-studio-grid[data-cols="6"] .admin-launch-status,
.admin-launch-grid.admin-launch-studio-grid[data-cols="7"] .admin-launch-status,
.admin-launch-grid.admin-launch-studio-grid[data-cols="8"] .admin-launch-status,
.admin-launch-grid.admin-launch-studio-grid[data-cols="9"] .admin-launch-status,
.admin-launch-grid.admin-launch-studio-grid[data-cols="10"] .admin-launch-status,
.admin-launch-grid.admin-launch-studio-grid[data-cols="11"] .admin-launch-status,
.admin-launch-grid.admin-launch-studio-grid[data-cols="12"] .admin-launch-status{
  display:none!important;
}
.admin-launch-grid.admin-launch-studio-grid[data-cols="6"] .admin-launch-studio-title > div:first-child,
.admin-launch-grid.admin-launch-studio-grid[data-cols="7"] .admin-launch-studio-title > div:first-child,
.admin-launch-grid.admin-launch-studio-grid[data-cols="8"] .admin-launch-studio-title > div:first-child,
.admin-launch-grid.admin-launch-studio-grid[data-cols="9"] .admin-launch-studio-title > div:first-child,
.admin-launch-grid.admin-launch-studio-grid[data-cols="10"] .admin-launch-studio-title > div:first-child,
.admin-launch-grid.admin-launch-studio-grid[data-cols="11"] .admin-launch-studio-title > div:first-child,
.admin-launch-grid.admin-launch-studio-grid[data-cols="12"] .admin-launch-studio-title > div:first-child{
  max-width:calc(100% - 40px)!important;
}
@media(max-width:1280px){
  .admin-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .admin-visitor-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .admin-launch-grid.admin-launch-studio-grid[data-cols="5"],
  .admin-launch-grid.admin-launch-studio-grid[data-cols="6"],
  .admin-launch-grid.admin-launch-studio-grid[data-cols="7"],
  .admin-launch-grid.admin-launch-studio-grid[data-cols="8"],
  .admin-launch-grid.admin-launch-studio-grid[data-cols="9"],
  .admin-launch-grid.admin-launch-studio-grid[data-cols="10"],
  .admin-launch-grid.admin-launch-studio-grid[data-cols="11"],
  .admin-launch-grid.admin-launch-studio-grid[data-cols="12"]{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}
@media(max-width:980px){
  .admin-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .admin-visitor-columns{grid-template-columns:1fr!important;}
  .admin-launch-grid.admin-launch-studio-grid[data-cols]{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:640px){
  .admin-metric-grid,
  .admin-visitor-mini-grid,
  .admin-launch-grid.admin-launch-studio-grid[data-cols]{grid-template-columns:1fr!important;}
  .admin-guest-access-row{grid-template-columns:1fr!important;}
  .admin-guest-location{text-align:left!important;max-width:none!important;}
}


/* =========================================================
   PNEPERS v9.3 — correção global dos hambúrgueres/dropdowns
   Corrige janelas cortadas por overflow/stacking em Admin, Painel e Media.
   ========================================================= */
.site-top,
.site-top-inner,
.top-right-tools,
.dashboard-top-menu,
.dashboard-top-menu details,
.dashboard-top-menu details[open],
.admin-launches-card,
.admin-launches-card.card,
.admin-launch-grid.admin-launch-studio-grid,
.admin-launch-grid.admin-launch-studio-grid > .admin-launch-card,
.admin-launch-grid.admin-launch-studio-grid > .admin-launch-studio-card,
.admin-launch-card-bar,
.admin-launch-studio-title,
.admin-launch-title-tools,
.admin-launch-menu,
.admin-launch-menu[open],
#mocMasonryBoard,
#mocMasonryBoard .moc-project-card,
#mocMasonryBoard .moc-card-bottom,
#mocMasonryBoard .moc-card-menu,
#mocMasonryBoard .moc-card-menu[open]{
  overflow:visible!important;
}

/* Admin: o título estava com overflow hidden e cortava a janela do hambúrguer. */
.admin-launch-studio-title{
  overflow:visible!important;
  z-index:80!important;
}
.admin-launch-card-bar{
  z-index:120!important;
}
.admin-launch-title-tools,
.admin-launch-menu,
.admin-launch-menu[open]{
  position:relative!important;
  z-index:150!important;
}
.admin-launch-grid.admin-launch-studio-grid > .admin-launch-card:has(.admin-launch-menu[open]),
.admin-launch-grid.admin-launch-studio-grid > .admin-launch-studio-card:has(.admin-launch-menu[open]){
  z-index:9999!important;
}
.admin-launch-menu summary,
.admin-launch-menu-btn{
  list-style:none!important;
  position:relative!important;
  z-index:155!important;
}
.admin-launch-menu summary::-webkit-details-marker{display:none!important;}
.admin-launch-menu summary::marker{content:''!important;}
.admin-launch-menu-popover{
  position:absolute!important;
  top:calc(100% + 10px)!important;
  right:0!important;
  left:auto!important;
  min-width:220px!important;
  width:max-content!important;
  max-width:min(280px,calc(100vw - 28px))!important;
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
  z-index:999999!important;
  transform:none!important;
}
.admin-launch-menu[open] > .admin-launch-menu-popover,
.admin-launch-menu[open] .admin-launch-menu-popover{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}
.admin-launch-menu[open] .admin-launch-menu-btn{
  background:#111827!important;
  color:#fff!important;
  border-color:#111827!important;
}

/* Mantém a prévia do .moc cortada apenas dentro da área do deck, sem cortar o menu. */
.admin-launch-preview-faithful,
.admin-launch-preview-clean,
.admin-launch-preview-full,
.admin-launch-device-shell,
.admin-launch-faithful-frame,
.moc-monitor,
.moc-monitor-screen{
  overflow:hidden!important;
}

/* Painel/Media: menu superior deve abrir sempre acima da barra e não ficar atrás do conteúdo. */
.site-top{
  overflow:visible!important;
  z-index:100000!important;
}
.dashboard-top-menu,
.dashboard-top-menu details,
.dashboard-top-menu details[open]{
  position:relative!important;
  overflow:visible!important;
  z-index:100010!important;
}
.dashboard-hamburger-popover{
  position:absolute!important;
  top:calc(100% + 10px)!important;
  right:0!important;
  left:auto!important;
  min-width:220px!important;
  display:none!important;
  flex-direction:column!important;
  gap:4px!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
  z-index:100020!important;
}
.dashboard-top-menu details[open] .dashboard-hamburger-popover,
.dashboard-top-menu details[open] > .dashboard-hamburger-popover{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}
.dashboard-top-menu details[open] .dashboard-hamburger-btn{
  background:#111827!important;
  color:#fff!important;
  border-color:#111827!important;
}
.dashboard-top-menu details[open] .dashboard-hamburger-svg{
  color:#fff!important;
}

/* Cards .moc do painel: janela do hambúrguer acima do card, não atrás do iframe. */
#mocMasonryBoard .moc-card-bottom{
  z-index:500!important;
}
#mocMasonryBoard .moc-card-menu,
#mocMasonryBoard .moc-card-menu[open]{
  position:relative!important;
  z-index:520!important;
}
#mocMasonryBoard .moc-project-card:has(.moc-card-menu[open]){
  z-index:9999!important;
}
#mocMasonryBoard .moc-card-menu-popover{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
  z-index:999999!important;
  bottom:calc(100% + 10px)!important;
  right:0!important;
  left:auto!important;
}
#mocMasonryBoard .moc-card-menu[open] .moc-card-menu-popover{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}
#mocMasonryBoard .moc-card-menu[open] > summary{
  background:#111827!important;
  border-color:#111827!important;
}
#mocMasonryBoard .moc-card-menu[open] > summary span{
  background:#fff!important;
}

/* Segurança extra para qualquer details/dropdown com popover dentro de cards. */
.card details[open],
.moc-project-card details[open],
.admin-launch-card details[open]{
  overflow:visible!important;
  z-index:9999!important;
}
.card details[open] [class*="popover"],
.card details[open] [class*="menu"],
.moc-project-card details[open] [class*="popover"],
.admin-launch-card details[open] [class*="popover"]{
  z-index:999999!important;
}

@media(max-width:720px){
  .admin-launch-menu-popover,
  .dashboard-hamburger-popover{
    right:-4px!important;
    max-width:calc(100vw - 24px)!important;
  }
}


/* Pnepers v9.4 — hambúrgueres globais corrigidos */
html.pnepers-any-menu-open,
body.pnepers-any-menu-open{
  overflow-x:hidden!important;
}
.pnepers-global-hamburger-ready,
.pnepers-global-hamburger-ready[open],
details.pnepers-menu-open{
  overflow:visible!important;
  z-index:2147482000!important;
}
.pnepers-menu-card-open,
.admin-launch-card.pnepers-menu-card-open,
.moc-project-card.pnepers-menu-card-open,
.card.pnepers-menu-card-open,
.site-top.pnepers-menu-card-open,
.site-top-inner.pnepers-menu-card-open{
  overflow:visible!important;
  z-index:2147481000!important;
  transform:none!important;
  contain:none!important;
  isolation:auto!important;
}
.pnepers-menu-open > summary,
.pnepers-menu-open .dashboard-hamburger-btn,
.moc-card-menu.pnepers-menu-open > summary,
.admin-launch-menu.pnepers-menu-open > summary{
  background:#111827!important;
  color:#fff!important;
  border-color:#111827!important;
}
.pnepers-menu-open > summary span,
.moc-card-menu.pnepers-menu-open > summary span{
  background:#fff!important;
}
.pnepers-menu-open .dashboard-hamburger-svg,
.pnepers-menu-open svg{
  color:#fff!important;
  stroke:#fff!important;
}
.pnepers-floating-menu,
.dashboard-hamburger-popover.pnepers-floating-menu,
.moc-card-menu-popover.pnepers-floating-menu,
.admin-launch-menu-popover.pnepers-floating-menu{
  position:fixed!important;
  right:auto!important;
  bottom:auto!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  z-index:2147483000!important;
  max-height:min(72vh,620px)!important;
  overflow:auto!important;
  transform:none!important;
  margin:0!important;
  clip:auto!important;
  clip-path:none!important;
}
.dashboard-hamburger-popover.pnepers-floating-menu,
.admin-launch-menu-popover.pnepers-floating-menu{
  display:flex!important;
  flex-direction:column!important;
}
.moc-card-menu-popover.pnepers-floating-menu{
  display:block!important;
}
.pnepers-floating-menu a,
.pnepers-floating-menu button,
.pnepers-floating-menu input,
.pnepers-floating-menu select,
.pnepers-floating-menu textarea,
.pnepers-floating-menu label{
  pointer-events:auto!important;
}
.admin-launch-menu-popover.pnepers-floating-menu{
  background:linear-gradient(180deg,#111827,#020617)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 28px 90px rgba(15,23,42,.42)!important;
}
.dashboard-hamburger-popover.pnepers-floating-menu,
.moc-card-menu-popover.pnepers-floating-menu{
  background:rgba(255,255,255,.98)!important;
  border:1px solid rgba(17,17,17,.10)!important;
  box-shadow:0 28px 90px rgba(15,23,42,.26)!important;
}
.admin-launch-card,
.admin-launch-studio-card,
.moc-project-card{
  will-change:auto!important;
}
iframe.moc-site-frame,
.admin-launch-faithful-frame,
.admin-launch-full-frame{
  z-index:1!important;
}
.admin-launch-title-tools,
.admin-launch-menu,
.moc-card-bottom,
.moc-card-menu,
.dashboard-top-menu{
  z-index:2147480000!important;
}
@media(max-width:720px){
  .pnepers-floating-menu{
    max-width:calc(100vw - 24px)!important;
  }
}

/* Pnepers v10 — controle de compatibilidade por dispositivo */
.admin-device-status-card,
.admin-device-control-card,
.admin-device-preview-card{
  overflow:visible!important;
}
.admin-device-status-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  align-items:stretch!important;
}
.admin-device-status-item{
  min-width:0!important;
  padding:16px!important;
  border-radius:20px!important;
  border:1px solid rgba(15,23,42,.09)!important;
  background:#fff!important;
  box-shadow:0 14px 34px rgba(15,23,42,.055)!important;
}
.admin-device-status-item span{display:block;color:#667085;font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;}
.admin-device-status-item strong{display:block;margin:6px 0 4px;font-size:24px;letter-spacing:-.05em;color:#111827;}
.admin-device-status-item small{display:block;color:#667085;line-height:1.4;overflow-wrap:anywhere;}
.admin-device-status-item.on strong{color:#16a34a;}
.admin-device-status-item.off{border-color:rgba(220,38,38,.2)!important;background:#fff7f7!important;}
.admin-device-status-item.off strong{color:#dc2626;}
.admin-device-form{display:block;}
.admin-device-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;align-items:stretch!important;}
.admin-device-card{position:relative;min-width:0!important;display:flex;flex-direction:column;gap:12px;padding:18px!important;border-radius:24px!important;border:1px solid rgba(15,23,42,.1)!important;background:#fff!important;box-shadow:0 18px 50px rgba(15,23,42,.07)!important;}
.admin-device-card.is-disabled{background:#fff7f7!important;border-color:rgba(220,38,38,.22)!important;}
.admin-device-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;user-select:none;}
.admin-device-toggle input{position:absolute;opacity:0;pointer-events:none;}
.admin-device-switch{width:54px;height:30px;border-radius:999px;background:#e5e7eb;position:relative;box-shadow:inset 0 0 0 1px rgba(15,23,42,.08);}
.admin-device-switch:before{content:"";position:absolute;width:24px;height:24px;left:3px;top:3px;border-radius:999px;background:#fff;box-shadow:0 4px 12px rgba(15,23,42,.18);transition:transform .18s ease;}
.admin-device-toggle input:checked + .admin-device-switch{background:#111827;}
.admin-device-toggle input:checked + .admin-device-switch:before{transform:translateX(24px);}
.admin-device-state{margin-left:auto;font-size:12px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;color:#667085;}
.admin-device-icon{width:56px;height:56px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:30px;background:#f3f4f6;}
.admin-device-card h3{margin:0;font-size:22px;letter-spacing:-.04em;}
.admin-device-card p{margin:0;color:#667085;line-height:1.45;}
.admin-device-message-field{margin-top:auto;display:block;}
.admin-device-message-field span{display:block;margin-bottom:7px;font-size:12px;font-weight:900;color:#667085;text-transform:uppercase;letter-spacing:.08em;}
.admin-device-message-field textarea{width:100%;min-height:108px;resize:vertical;border-radius:16px;border:1px solid rgba(15,23,42,.12);padding:12px;font:inherit;color:#111827;background:#fff;box-sizing:border-box;}
.admin-device-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px;}
.admin-device-preview{display:flex;align-items:center;gap:18px;padding:22px;border-radius:24px;background:#f8fafc;border:1px solid rgba(15,23,42,.08);}
.admin-device-preview img{width:80px;height:80px;object-fit:contain;flex:0 0 auto;}
.admin-device-preview strong{display:block;font-size:22px;letter-spacing:-.04em;}
.admin-device-preview p{margin:5px 0 0;color:#667085;}
.device-incompatible-body{min-height:100vh;margin:0;background:radial-gradient(circle at top,#ffffff 0%,#f4f7fb 45%,#e7edf6 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#111827;}
.device-incompatible-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:28px;box-sizing:border-box;}
.device-incompatible-card{width:min(520px,100%);text-align:center;background:rgba(255,255,255,.92);border:1px solid rgba(15,23,42,.08);border-radius:34px;padding:44px 32px;box-shadow:0 30px 90px rgba(15,23,42,.12);}
.device-incompatible-logo{width:min(156px,46vw);height:auto;display:block;margin:0 auto 20px;object-fit:contain;}
.device-incompatible-kicker{display:block;font-size:11px;font-weight:950;letter-spacing:.22em;color:#667085;text-transform:uppercase;}
.device-incompatible-card h1{margin:10px 0 10px;font-size:clamp(30px,6vw,48px);line-height:.95;letter-spacing:-.07em;}
.device-incompatible-card p{margin:0 auto 18px;max-width:420px;color:#475467;font-size:17px;line-height:1.5;}
.device-incompatible-card small{color:#667085;}
@media(max-width:900px){.admin-device-status-grid,.admin-device-grid{grid-template-columns:1fr!important;}.admin-device-preview{align-items:flex-start;}}
@media(max-width:560px){.admin-device-preview{flex-direction:column;text-align:left;}.device-incompatible-card{padding:34px 22px;border-radius:28px;}}

/* Admin v11 — controle de usuários: banir, desbanir e remover conta */
.admin-user-filter-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:12px 0 4px;
}
.admin-user-filter-tabs .btn small{
  display:inline-flex;
  margin-left:6px;
  opacity:.72;
  font-weight:800;
}
.admin-user-status-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:24px;
  padding:5px 9px;
  border-radius:999px;
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  background:#eef2ff;
  color:#3730a3;
  white-space:nowrap;
}
.admin-user-status-pill.active{background:#dcfce7;color:#166534;}
.admin-user-status-pill.admin{background:#111827;color:#fff;}
.admin-user-status-pill.banned{background:#fee2e2;color:#991b1b;}
.admin-user-row-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:7px;
  min-width:170px;
}
.admin-user-row-actions form{margin:0;}
.admin-danger-zone{
  align-items:stretch!important;
  margin-bottom:22px;
}
.admin-stack-form{
  display:flex;
  flex-direction:column;
  gap:10px;
  min-width:min(100%,360px);
}
.admin-ban-reason{
  margin:10px 0 0;
  padding:10px 12px;
  border-radius:14px;
  background:#fff7ed;
  color:#9a3412;
  font-size:13px;
}
.admin-delete-user-card{
  border-color:rgba(220,38,38,.18)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(254,242,242,.56))!important;
}
.account-banned-body{
  min-height:100vh;
}
.account-banned-card .btn{
  margin-top:12px;
}
@media(max-width:820px){
  .admin-user-row-actions{justify-content:flex-start;flex-wrap:wrap;min-width:0;}
  .admin-user-filter-tabs .btn{flex:1 1 calc(50% - 8px);}
}


/* Admin usuários v11.2 — botõezinhos e moderação estável */
.admin-mini-actions,
.admin-user-row-actions.admin-mini-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:6px!important;
  flex-wrap:wrap!important;
  min-width:150px!important;
}
.admin-mini-actions form,
.admin-user-row-actions.admin-mini-actions form{
  display:inline-flex!important;
  margin:0!important;
  padding:0!important;
}
.btn.admin-mini-btn,
.admin-mini-btn,
.admin-user-row-actions .btn.admin-mini-btn{
  min-height:28px!important;
  height:28px!important;
  padding:5px 9px!important;
  border-radius:999px!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.01em!important;
  white-space:nowrap!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:auto!important;
  box-shadow:none!important;
}
.btn.admin-mini-btn.danger,
.admin-mini-btn.danger{
  background:#ef4444!important;
  border-color:#ef4444!important;
  color:#fff!important;
}
.btn.admin-mini-btn.primary,
.admin-mini-btn.primary{
  background:#111827!important;
  border-color:#111827!important;
  color:#fff!important;
}
.admin-stack-form .admin-mini-btn{
  align-self:flex-start!important;
}
.admin-user-status-pill{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:5px 8px!important;
  border-radius:999px!important;
  font-size:10px!important;
  font-weight:900!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.admin-user-status-pill.active{background:#dcfce7!important;color:#166534!important;}
.admin-user-status-pill.admin{background:#dbeafe!important;color:#1d4ed8!important;}
.admin-user-status-pill.banned{background:#fee2e2!important;color:#991b1b!important;}
.admin-table-wrap table td,
.admin-table-wrap table th{
  vertical-align:middle!important;
}
.admin-table-wrap table td small{
  display:block!important;
  margin-top:3px!important;
  color:#667085!important;
  overflow-wrap:anywhere!important;
}
@media(max-width:820px){
  .admin-mini-actions,
  .admin-user-row-actions.admin-mini-actions{
    justify-content:flex-start!important;
    min-width:0!important;
  }
}


/* Admin usuários v11.3 — banir/apagar direto na lista, sem cair em página errada */
.admin-user-row-actions.admin-mini-actions{
  min-width:210px!important;
  max-width:260px!important;
  gap:5px!important;
}
.admin-inline-form{
  display:inline-flex!important;
  margin:0!important;
  padding:0!important;
}
.admin-delete-mini-btn{
  background:#7f1d1d!important;
  border-color:#7f1d1d!important;
  color:#fff!important;
}
.admin-action-note{
  display:inline-flex!important;
  align-items:center!important;
  min-height:24px!important;
  padding:4px 7px!important;
  border-radius:999px!important;
  background:#f3f4f6!important;
  color:#6b7280!important;
  font-size:10px!important;
  font-weight:800!important;
  white-space:nowrap!important;
}
.admin-table td:last-child{overflow:visible!important;}
@media(max-width:980px){
  .admin-user-row-actions.admin-mini-actions{justify-content:flex-start!important;max-width:none!important;min-width:0!important;}
}


/* Admin usuários v11.4 — bolinhas minimalistas + apagar físico completo */
.admin-user-row-actions.admin-mini-actions,
.admin-mini-actions{
  gap:8px!important;
  min-width:150px!important;
  max-width:180px!important;
  justify-content:flex-end!important;
}
.admin-inline-form{
  display:inline-flex!important;
  margin:0!important;
  padding:0!important;
}
.admin-dot-btn{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  min-height:30px!important;
  padding:0!important;
  border-radius:999px!important;
  border:1px solid rgba(15,23,42,.12)!important;
  background:#fff!important;
  color:#111827!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:13px!important;
  font-weight:950!important;
  line-height:1!important;
  text-decoration:none!important;
  cursor:pointer!important;
  box-shadow:0 8px 20px rgba(15,23,42,.06)!important;
  transition:transform .14s ease, box-shadow .14s ease, background .14s ease, color .14s ease, border-color .14s ease!important;
  vertical-align:middle!important;
}
.admin-dot-btn:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 12px 28px rgba(15,23,42,.12)!important;
}
.admin-dot-btn span{
  display:block!important;
  line-height:1!important;
  transform:translateY(-.5px);
}
.admin-dot-btn.info{
  background:#f8fafc!important;
  color:#0f172a!important;
}
.admin-dot-btn.success{
  background:#ecfdf3!important;
  border-color:#bbf7d0!important;
  color:#15803d!important;
}
.admin-dot-btn.warn{
  background:#fff7ed!important;
  border-color:#fed7aa!important;
  color:#c2410c!important;
}
.admin-dot-btn.danger{
  background:#fef2f2!important;
  border-color:#fecaca!important;
  color:#b91c1c!important;
}
.admin-dot-btn.large{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  font-size:16px!important;
}
.admin-dot-btn:focus-visible{
  outline:3px solid rgba(17,24,39,.18)!important;
  outline-offset:2px!important;
}
.admin-user-row-actions.admin-mini-actions .admin-action-note{
  min-height:28px!important;
  padding:0 9px!important;
  font-size:10px!important;
}
.admin-table-wrap .admin-table td:last-child{
  width:1%!important;
  white-space:nowrap!important;
}
.admin-control-card .admin-dot-btn{
  margin-top:4px!important;
}
.admin-stack-form .admin-dot-btn{
  align-self:flex-start!important;
}
.admin-delete-user-card{
  border-color:rgba(185,28,28,.16)!important;
  background:linear-gradient(180deg,#fff,rgba(254,242,242,.58))!important;
}
.admin-delete-user-card p strong,
.admin-delete-user-card .eyebrow{
  color:#991b1b!important;
}
@media(max-width:980px){
  .admin-user-row-actions.admin-mini-actions,
  .admin-mini-actions{
    justify-content:flex-start!important;
    min-width:0!important;
    max-width:none!important;
  }
}

/* Afiliados v12 */
.admin-affiliate-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:12px;
  margin:16px 0;
}
.admin-affiliate-card,
.admin-affiliate-mini-grid article{
  background:rgba(255,255,255,.96);
  border:1px solid rgba(15,23,42,.08);
  border-radius:22px;
  padding:15px;
  box-shadow:0 16px 42px rgba(15,23,42,.06);
  min-width:0;
}
.admin-affiliate-card span,
.admin-affiliate-mini-grid span{
  display:block;
  color:#667085;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.11em;
  margin-bottom:6px;
}
.admin-affiliate-card strong,
.admin-affiliate-mini-grid strong{
  display:block;
  font-size:22px;
  line-height:1;
  letter-spacing:-.05em;
  color:#111827;
  overflow-wrap:anywhere;
}
.admin-affiliate-card small,
.admin-affiliate-mini-grid small{
  display:block;
  margin-top:7px;
  color:#667085;
  font-size:12px;
}
.admin-affiliate-forms{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  align-items:start;
  margin:16px 0;
}
.admin-affiliate-form-card{min-width:0;}
.admin-affiliate-form{
  display:grid;
  gap:10px;
  margin-top:12px;
}
.admin-affiliate-form label{
  display:grid;
  gap:5px;
  font-size:12px;
  color:#475467;
  font-weight:800;
}
.admin-affiliate-split{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  margin-top:16px;
}
.admin-affiliate-table code,
.admin-affiliate-help code{
  display:inline-flex;
  border-radius:999px;
  padding:4px 8px;
  background:#f2f4f7;
  color:#111827;
  font-size:12px;
  white-space:nowrap;
}
.admin-affiliate-status{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:58px;
  border-radius:999px;
  padding:5px 8px;
  font-size:10px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.08em;
  background:#f2f4f7;
  color:#475467;
}
.admin-affiliate-status.active,
.admin-affiliate-status.approved,
.admin-affiliate-status.paid{background:#dcfce7;color:#166534;}
.admin-affiliate-status.pending{background:#fef3c7;color:#92400e;}
.admin-affiliate-status.paused{background:#e0f2fe;color:#075985;}
.admin-affiliate-status.banned,
.admin-affiliate-status.archived,
.admin-affiliate-status.canceled,
.admin-affiliate-status.refunded{background:#fee2e2;color:#991b1b;}
.admin-payout-form{
  display:flex;
  align-items:center;
  gap:6px;
}
.input.mini{
  width:88px;
  min-height:34px;
  padding:6px 8px;
  border-radius:12px;
}
.admin-affiliate-teaser{margin:16px 0;}
.admin-affiliate-mini-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-top:14px;
}
.admin-affiliate-help{margin-top:16px;}
.admin-affiliate-help p{margin:8px 0 0;color:#667085;line-height:1.55;}
@media(max-width:1180px){
  .admin-affiliate-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  .admin-affiliate-forms{grid-template-columns:1fr;}
  .admin-affiliate-split{grid-template-columns:1fr;}
}
@media(max-width:760px){
  .admin-affiliate-grid,
  .admin-affiliate-mini-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:520px){
  .admin-affiliate-grid,
  .admin-affiliate-mini-grid{grid-template-columns:1fr;}
}

/* Admin v13 — dashboard com abas, sem recarregar */
.admin-hero-dashboard-v13{
  align-items:center!important;
  padding:26px!important;
  border-radius:30px!important;
}
.admin-hero-dashboard-v13 h1{
  margin:6px 0 0!important;
  font-size:clamp(34px,4vw,56px)!important;
  letter-spacing:-.07em!important;
}
.admin-hero-dashboard-v13 p{
  display:none!important;
}
.admin-admin-quicklinks{
  align-items:center!important;
}
.admin-dashboard-tabs-v13{
  width:100%;
  display:flex;
  align-items:center;
  gap:8px;
  padding:10px;
  margin:18px 0 18px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:24px;
  background:rgba(255,255,255,.82);
  box-shadow:0 18px 50px rgba(15,23,42,.06);
  backdrop-filter:blur(16px);
  overflow:auto;
  position:sticky;
  top:10px;
  z-index:40;
}
.admin-dashboard-tabs-v13 button{
  appearance:none;
  border:0;
  background:transparent;
  color:#475467;
  border-radius:999px;
  padding:12px 16px;
  font-size:13px;
  font-weight:950;
  letter-spacing:-.02em;
  white-space:nowrap;
  cursor:pointer;
  transition:background .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease;
}
.admin-dashboard-tabs-v13 button:hover{
  background:#f5f7fb;
  color:#111827;
  transform:translateY(-1px);
}
.admin-dashboard-tabs-v13 button.active{
  background:#111827;
  color:#fff;
  box-shadow:0 12px 26px rgba(17,24,39,.18);
}
.admin-dashboard-pane{
  animation:adminPaneIn .18s ease both;
}
.admin-pane-hidden{
  display:none!important;
}
@keyframes adminPaneIn{
  from{opacity:0;transform:translateY(6px);}
  to{opacity:1;transform:translateY(0);}
}
.admin-dashboard-pane[data-admin-pane="overview"].admin-metric-grid{
  margin-top:0!important;
}
.admin-dashboard-pane[data-admin-pane="users"].admin-table-card{
  margin-top:0!important;
}
.admin-dashboard-pane[data-admin-pane="users"] .admin-section-head{
  align-items:center!important;
}
.admin-dashboard-pane[data-admin-pane="users"] .admin-section-head:before{
  content:'Controle de usuários';
  display:inline-flex;
  margin-right:auto;
  padding:7px 10px;
  border-radius:999px;
  background:#eef2ff;
  color:#3730a3;
  font-size:11px;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.admin-dashboard-tabs-v13::-webkit-scrollbar{height:0;}
@media(max-width:820px){
  .admin-hero-dashboard-v13{align-items:flex-start!important;}
  .admin-dashboard-tabs-v13{
    top:0;
    border-radius:18px;
    margin:12px 0 14px;
  }
  .admin-dashboard-tabs-v13 button{
    padding:10px 13px;
    font-size:12px;
  }
}


/* Admin v13.2 — e-mail + telefone no dashboard e ações em bolinhas */
.admin-email-line{display:block;font-weight:900;color:#101828;line-height:1.2;word-break:break-word;}
.admin-phone-line{display:block;margin-top:4px;color:#667085;font-size:12px;line-height:1.25;word-break:break-word;}
.admin-dashboard-user-actions{min-width:132px!important;justify-content:flex-end!important;}
.admin-dashboard-pane[data-admin-pane="users"] .admin-table td{vertical-align:middle!important;}
.admin-dashboard-pane[data-admin-pane="users"] .admin-inline-form{display:inline-flex!important;margin:0!important;padding:0!important;}
.admin-dashboard-pane[data-admin-pane="users"] .admin-action-note{font-size:11px;color:#667085;white-space:nowrap;}
@media(max-width:760px){.admin-dashboard-user-actions{justify-content:flex-start!important;min-width:0!important;}.admin-phone-line{font-size:11px;}}


/* v14 — perfil Colaborador e painel avançado do usuário */
.collaborator-user-console{
  margin-top:18px;
  padding:16px;
  border:1px solid rgba(17,17,17,.08);
  border-radius:24px;
  background:rgba(255,255,255,.82);
  box-shadow:0 20px 55px rgba(17,17,17,.07);
}
.collaborator-console-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;}
.collaborator-console-head strong{display:block;font-size:18px;letter-spacing:-.04em;}
.collaborator-role-pill{display:inline-flex;align-items:center;border-radius:999px;padding:7px 10px;background:#111;color:#fff;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;}
.collaborator-number-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;}
.collaborator-number-card{min-width:0;border:1px solid rgba(17,17,17,.07);border-radius:18px;background:#fff;padding:12px;box-shadow:0 10px 28px rgba(17,17,17,.045);}
.collaborator-number-card span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:900;margin-bottom:4px;}
.collaborator-number-card strong{display:block;font-size:22px;line-height:1;letter-spacing:-.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.collaborator-number-card small{display:block;margin-top:5px;color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.collaborator-quick-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;}
.collaborator-quick-links .btn{min-height:34px;padding:8px 12px;font-size:12px;}
.admin-dot-btn.collaborator{background:#111827;color:#fff;border-color:#111827;}
.admin-dot-btn.neutral{background:#f3f4f6;color:#111827;border-color:#e5e7eb;}
.admin-collaborator-control-card{border-color:rgba(17,24,39,.14)!important;}
.admin-user-status-pill.collaborator{background:#eef2ff;color:#3730a3;}
@media(max-width:980px){.collaborator-number-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:560px){.collaborator-number-grid{grid-template-columns:1fr}.collaborator-console-head{align-items:flex-start;flex-direction:column}.collaborator-quick-links .btn{flex:1 1 auto;}}


/* v14.1 — correção do clique colaborador */
.admin-dot-btn.collaborator{position:relative;}
.admin-dot-btn.collaborator:hover{transform:translateY(-1px) scale(1.03);}
.admin-collaborator-click-fix-marker{display:none!important;}


/* Pnepers v14.2 — colaborador corrigido dentro do dashboard admin */
.admin-dashboard-user-actions .admin-dashboard-collaborator-form{
  display:inline-flex!important;
  margin:0!important;
  padding:0!important;
  vertical-align:middle!important;
}
.admin-dashboard-user-actions .admin-dashboard-collaborator-form .admin-dot-btn{
  cursor:pointer!important;
}


/* v14.3 colaborador na aba corrigido — bolinha ★ no /admin.php */
.admin-dashboard-user-actions form[action*="user-collaborator"],
.admin-dashboard-user-actions .admin-dashboard-collaborator-form{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0!important;
}
.admin-dashboard-user-actions .admin-dot-btn.collaborator,
.admin-dashboard-user-actions .admin-dot-btn.neutral{
  cursor:pointer!important;
  pointer-events:auto!important;
}
.admin-dashboard-user-actions a[href*="collaborator"]{
  cursor:pointer!important;
}

/* Admin v14.4 — ficha completa de usuário */
.admin-user-detail-hero{margin-bottom:16px!important;}
.admin-user-detail-subtitle{margin-top:6px!important;color:#667085!important;}
.admin-user-profile-shell{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:16px;margin:16px 0;align-items:stretch;}
.admin-user-profile-card{display:flex;gap:18px;align-items:center;min-width:0;}
.admin-user-profile-avatar{width:76px;height:76px;border-radius:24px;background:#111827;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:950;font-size:30px;box-shadow:0 18px 50px rgba(17,24,39,.16);flex:0 0 auto;}
.admin-user-profile-main{min-width:0;flex:1;}
.admin-user-profile-main h2{margin:8px 0 2px;font-size:26px;letter-spacing:-.05em;}
.admin-user-profile-main p{margin:0;color:#667085;}
.admin-user-contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;}
.admin-user-contact-grid>div{border:1px solid rgba(15,23,42,.08);background:#f8fafc;border-radius:18px;padding:12px;min-width:0;}
.admin-user-contact-grid small{display:block;color:#667085;font-weight:850;text-transform:uppercase;letter-spacing:.08em;font-size:10px;margin-bottom:4px;}
.admin-user-contact-grid strong{display:block;overflow-wrap:anywhere;font-size:13px;}
.admin-user-actions-card{display:flex;flex-direction:column;justify-content:space-between;gap:14px;}
.admin-user-dot-action-row{display:flex;flex-wrap:wrap;gap:9px;align-items:center;}
.admin-action-legend{font-size:12px;color:#667085;margin:0;line-height:1.6;}
.admin-user-detail-metrics{margin:16px 0;}
.admin-user-tabs-v14{margin:18px 0 14px!important;position:sticky;top:10px;z-index:20;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);}
.admin-user-tab-pane{display:none;}
.admin-user-tab-pane.active{display:block;}
.admin-technical-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.admin-technical-field{border:1px solid rgba(15,23,42,.08);border-radius:16px;padding:11px;background:#f8fafc;min-width:0;}
.admin-technical-field small{display:block;color:#667085;font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:900;margin-bottom:5px;}
.admin-technical-field strong{display:block;font-size:12px;line-height:1.35;overflow-wrap:anywhere;white-space:pre-wrap;}
.admin-muted-note{color:#667085;margin:0 0 14px;font-size:13px;}
.admin-user-status-pill.collaborator{background:#ede9fe;color:#5b21b6;}
.admin-event-feed.compact{max-height:560px;overflow:auto;padding-right:4px;}
@media(max-width:980px){.admin-user-profile-shell{grid-template-columns:1fr}.admin-technical-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:640px){.admin-user-profile-card{align-items:flex-start}.admin-user-contact-grid{grid-template-columns:1fr}.admin-technical-grid{grid-template-columns:1fr}.admin-user-tabs-v14{position:relative;top:auto;}}

/* Admin usuário completo v14.5 — correção de busca por ID/username */

/* Plataforma v18 — Deck padrão */
.platform-default-mini-note{margin-top:12px;padding:10px 12px;border:1px solid rgba(17,24,39,.08);border-radius:16px;background:rgba(255,255,255,.76);font-size:12px;color:#374151;line-height:1.45}
.platform-default-mini-note a{font-weight:900;color:#111827;text-decoration:underline;text-underline-offset:3px}
.moc-platform-default-form{display:flex;min-width:0;flex:1 1 100%}
.moc-platform-default-form .btn{width:100%;justify-content:center;font-size:11px;padding:8px 10px}
.admin-platform-default-current,.admin-platform-default-card,.admin-platform-default-teaser{margin-top:18px}
.admin-platform-default-list{display:grid;gap:12px}
.admin-platform-default-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,auto);gap:16px;align-items:center;padding:14px;border:1px solid rgba(17,24,39,.08);border-radius:20px;background:#fff;box-shadow:0 14px 38px rgba(15,23,42,.05)}
.admin-platform-default-row.active{border-color:#111827;box-shadow:0 18px 48px rgba(15,23,42,.10)}
.admin-platform-default-row h3{margin:3px 0;font-size:18px;letter-spacing:-.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-platform-default-row small{color:#667085;font-size:12px}
.admin-platform-default-set-form{display:grid;grid-template-columns:auto auto minmax(150px,1fr) auto;gap:8px;align-items:center}
.admin-platform-check{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;color:#374151;white-space:nowrap}
.admin-platform-check input{accent-color:#111827}
.admin-platform-name{height:38px!important;min-height:38px!important;font-size:12px!important;border-radius:12px!important}
.admin-platform-disable-form{margin:0}
@media(max-width:980px){.admin-platform-default-row{grid-template-columns:1fr}.admin-platform-default-set-form{grid-template-columns:1fr 1fr}.admin-platform-name,.admin-platform-default-set-form .btn{grid-column:1/-1}}
@media(max-width:560px){.admin-platform-default-set-form{grid-template-columns:1fr}.admin-platform-check{width:100%}}

/* v18.1 — Plugins padrão globais */
.admin-plugin-default-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;}
.admin-plugin-default-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;}
.admin-plugin-default-row{display:flex;align-items:center;gap:10px;border:1px solid rgba(15,23,42,.08);border-radius:16px;padding:10px 12px;background:#fff;min-width:0;}
.admin-plugin-default-row b{width:28px;height:28px;border-radius:999px;background:#111827;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:12px;flex:0 0 auto;}
.admin-plugin-default-row span{font-weight:900;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.admin-plugin-default-row small{margin-left:auto;border-radius:999px;padding:4px 8px;font-size:11px;background:#dcfce7;color:#166534;font-weight:900;}
.admin-plugin-default-row.is-off{opacity:.58;}
.admin-plugin-default-row.is-off small{background:#f1f5f9;color:#64748b;}
.admin-platform-plugin-default-teaser{border-color:rgba(17,24,39,.12)!important;}
.platform-global-save-btn{background:#111827!important;color:#fff!important;border-color:#111827!important;}
@media(max-width:760px){.admin-plugin-default-grid{grid-template-columns:1fr;}.admin-plugin-default-list{grid-template-columns:1fr;}}


/* Admin Padrão v18.2 */
.admin-defaults-hero p{max-width:760px;margin:6px 0 0;color:#667085;line-height:1.45;}
.admin-defaults-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px;}
.admin-defaults-status-card h2{margin:6px 0 8px;font-size:24px;letter-spacing:-.04em;}
.admin-default-range{width:100%;accent-color:#111827;}
.admin-defaults-editor-card,.admin-defaults-bg-card{margin-top:16px;}
.admin-default-plugin-list{display:grid;gap:8px;}
.admin-default-plugin-row{display:grid;grid-template-columns:38px 34px minmax(150px,1fr) minmax(80px,.7fr) 110px;gap:10px;align-items:center;padding:10px;border:1px solid rgba(15,23,42,.08);border-radius:16px;background:#fff;box-shadow:0 8px 22px rgba(15,23,42,.04);}
.admin-default-plugin-row.is-dragging{opacity:.55;transform:scale(.99);}
.admin-default-drag-dot{width:32px;height:32px;border-radius:999px;border:1px solid rgba(15,23,42,.1);background:#f8fafc;color:#111827;font-weight:900;cursor:grab;}
.admin-default-plugin-row b{width:28px;height:28px;border-radius:999px;background:#111827;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:12px;}
.admin-default-plugin-row span{font-weight:900;color:#111827;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.admin-default-plugin-row small{color:#667085;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.admin-default-switch{display:inline-flex;align-items:center;gap:6px;justify-content:flex-end;font-size:12px;font-weight:800;color:#334155;}
.admin-default-switch input{accent-color:#111827;}
.admin-default-bg-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end;}
.admin-default-bg-grid label{display:block;font-size:12px;font-weight:900;color:#334155;margin-bottom:6px;}
.admin-default-bg-grid input[type="color"]{width:100%;height:42px;border-radius:12px;border:1px solid rgba(15,23,42,.12);background:#fff;padding:4px;}
.admin-default-check{align-self:center;display:flex!important;align-items:center;gap:8px;margin-top:20px!important;}
.admin-defaults-sticky-actions{position:sticky;bottom:12px;display:flex;justify-content:flex-end;gap:10px;margin-top:16px;padding:12px;border:1px solid rgba(15,23,42,.08);border-radius:18px;background:rgba(255,255,255,.9);backdrop-filter:blur(14px);box-shadow:0 18px 50px rgba(15,23,42,.08);z-index:20;}
.admin-default-disable-form{margin-top:14px;text-align:right;}
@media(max-width:980px){.admin-defaults-grid,.admin-default-bg-grid{grid-template-columns:1fr 1fr}.admin-default-plugin-row{grid-template-columns:34px 30px minmax(0,1fr) 90px}.admin-default-plugin-row small{display:none;}}
@media(max-width:640px){.admin-defaults-grid,.admin-default-bg-grid{grid-template-columns:1fr}.admin-default-plugin-row{grid-template-columns:34px 28px minmax(0,1fr);}.admin-default-switch{grid-column:3;justify-content:flex-start}.admin-defaults-sticky-actions{position:static;flex-direction:column}.admin-defaults-sticky-actions .btn{width:100%;}}


/* Admin Padrão v18.3 — usar janela de fundo do Studio */
.admin-defaults-bg-studio-card{position:relative;overflow:visible!important;}
.admin-default-bg-preview-wrap{display:grid;grid-template-columns:minmax(260px,1fr) minmax(220px,.65fr);gap:16px;align-items:stretch;margin-top:14px;}
.admin-default-bg-preview{min-height:220px;border-radius:24px;border:1px solid rgba(15,23,42,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 22px 55px rgba(15,23,42,.08);display:flex;align-items:flex-end;padding:18px;overflow:hidden;background:#fff;background-size:cover!important;background-position:center!important;}
.admin-default-bg-preview span{display:inline-flex;align-items:center;border-radius:999px;background:rgba(255,255,255,.9);border:1px solid rgba(15,23,42,.08);box-shadow:0 10px 24px rgba(15,23,42,.12);padding:8px 12px;color:#111827;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;}
.admin-default-bg-summary{border:1px solid rgba(15,23,42,.08);border-radius:20px;background:#f8fafc;padding:16px;display:flex;flex-direction:column;justify-content:center;gap:8px;}
.admin-default-bg-summary strong{font-size:18px;letter-spacing:-.04em;color:#111827;}
.admin-default-bg-summary small{color:#667085;line-height:1.5;}
.admin-bg-modal-help{font-size:12px;color:#64748b;margin-top:12px;line-height:1.5;}
.admin-bg-designer-overlay.bg-designer-overlay{position:fixed;inset:0;background:rgba(15,23,42,.24);backdrop-filter:blur(5px);display:none;align-items:center;justify-content:center;z-index:2147483000;pointer-events:none;padding:20px;}
.admin-bg-designer-overlay.bg-designer-overlay.active{display:flex;pointer-events:all;}
.admin-bg-designer-overlay .bg-designer-panel{width:min(420px,92vw);max-height:82vh;border-radius:20px;background:#fff;box-shadow:0 28px 90px rgba(15,23,42,.28),0 0 0 1px rgba(15,23,42,.06);display:flex;flex-direction:column;color:#0f172a;overflow:hidden;pointer-events:all;animation:bgSlideIn .25s cubic-bezier(.16,1,.3,1);}
@keyframes bgSlideIn{from{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
.admin-bg-designer-overlay .bg-designer-header{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;border-bottom:1px solid #e5e7eb;}
.admin-bg-designer-overlay .bg-designer-title{font-size:18px;font-weight:800;margin:0;color:#0f172a;display:flex;align-items:center;gap:10px;}
.admin-bg-designer-overlay .bg-designer-close{width:32px;height:32px;border-radius:8px;border:none;background:#f1f5f9;color:#64748b;font-size:20px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;}
.admin-bg-designer-overlay .bg-designer-close:hover{background:#e2e8f0;color:#0f172a;}
.admin-bg-designer-overlay .bg-designer-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:16px 24px;background:#fafafa;border-bottom:1px solid #e5e7eb;}
.admin-bg-designer-overlay .bg-designer-tab{padding:8px 12px;border-radius:10px;border:1px solid #e2e8f0;background:#fff;color:#64748b;font-weight:700;font-size:13px;transition:all .2s ease;cursor:pointer;}
.admin-bg-designer-overlay .bg-designer-tab.active{background:#6366f1;border-color:#6366f1;color:#fff;box-shadow:0 2px 8px rgba(99,102,241,.3);}
.admin-bg-designer-overlay .bg-designer-body{padding:20px 24px;overflow-y:auto;display:grid;gap:16px;flex:1;min-height:0;}
.admin-bg-designer-overlay .bg-designer-section{display:none;}.admin-bg-designer-overlay .bg-designer-section.active{display:block;}
.admin-bg-designer-overlay .bg-color-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px;}
.admin-bg-designer-overlay .bg-color-field span{font-size:12px;font-weight:700;color:#1e293b;display:block;margin-bottom:8px;}
.admin-bg-designer-overlay .bg-color-field input[type="color"]{width:100%;height:44px;border-radius:10px;border:1px solid #e2e8f0;background:#f8fafc;cursor:pointer;}
.admin-bg-designer-overlay .bg-range-field{display:flex;align-items:center;gap:10px;font-weight:700;color:#0f172a;font-size:13px;padding:12px 0;}
.admin-bg-designer-overlay .bg-range-field input[type="range"]{flex:1;accent-color:#6366f1;}
.admin-bg-designer-overlay .bg-designer-ghost-btn{border:1px solid #e2e8f0;background:#f8fafc;color:#6366f1;padding:10px 16px;border-radius:10px;font-weight:800;font-size:13px;width:100%;margin-top:8px;cursor:pointer;transition:all .2s;}
.admin-bg-designer-overlay .bg-designer-ghost-btn:hover{background:#eef2ff;border-color:#6366f1;}
.admin-bg-designer-overlay .bg-pattern-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px;}
.admin-bg-designer-overlay .bg-pattern-card{border-radius:12px;border:2px solid #e2e8f0;padding:12px;min-height:90px;text-align:left;color:#fff;position:relative;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-end;background-size:cover;background-position:center;background-color:#f8fafc;transition:all .2s;}
.admin-bg-designer-overlay .bg-pattern-card strong{font-size:13px;font-weight:900;text-shadow:0 1px 8px rgba(0,0,0,.35);position:relative;z-index:1;}.admin-bg-designer-overlay .bg-pattern-card small{font-size:11px;color:rgba(255,255,255,.85);position:relative;z-index:1;}
.admin-bg-designer-overlay .bg-pattern-card.active{border-color:#6366f1;box-shadow:0 4px 12px rgba(99,102,241,.3);}.admin-bg-designer-overlay .bg-pattern-card:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.38));pointer-events:none;}
.admin-bg-designer-overlay .bg-pattern-colors{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}.admin-bg-designer-overlay .bg-toggle-field{display:flex;align-items:center;gap:9px;border-radius:14px;background:#f8fafc;border:1px solid #e2e8f0;padding:12px;color:#334155;font-weight:700;font-size:13px;}.admin-bg-designer-overlay .bg-toggle-field input{width:18px;height:18px;accent-color:#6366f1;}
.admin-bg-designer-overlay .bg-designer-footer{padding:16px 24px;border-top:1px solid #e5e7eb;display:flex;gap:10px;justify-content:flex-end;background:#fafafa;}.admin-bg-designer-overlay .bg-designer-footer button{border-radius:10px;padding:10px 20px;font-weight:800;font-size:14px;border:none;cursor:pointer;transition:all .2s;}.admin-bg-designer-overlay .bg-designer-footer .bg-btn-muted{background:#f1f5f9;color:#64748b;}.admin-bg-designer-overlay .bg-designer-footer .bg-btn-primary{background:#6366f1;color:#fff;}.admin-bg-designer-overlay .bg-designer-footer .bg-btn-primary:hover{background:#4f46e5;transform:translateY(-1px);box-shadow:0 4px 12px rgba(99,102,241,.3);}
@media(max-width:760px){.admin-default-bg-preview-wrap{grid-template-columns:1fr}.admin-default-bg-preview{min-height:180px}.admin-bg-designer-overlay .bg-color-grid,.admin-bg-designer-overlay .bg-pattern-colors{grid-template-columns:1fr}.admin-bg-designer-overlay .bg-designer-panel{max-height:88vh}.admin-bg-designer-overlay .bg-designer-tabs{padding:12px;gap:6px}.admin-bg-designer-overlay .bg-designer-tab{font-size:12px;padding:8px 7px}}


/* Admin Padrão v18.4 — janela de fundo igual ao Studio + patterns corretos */
.admin-bg-designer-overlay.bg-designer-overlay{
  background:transparent!important;
  backdrop-filter:none!important;
  z-index:100000!important;
  padding:0!important;
}
.admin-bg-designer-overlay .bg-designer-panel{
  width:min(420px,90vw)!important;
  max-height:75vh!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 8px 32px rgba(15,23,42,.12),0 0 0 1px rgba(15,23,42,.05)!important;
  color:#0f172a!important;
}
.admin-bg-designer-overlay .bg-designer-title{
  font-size:18px!important;
  font-weight:700!important;
}
.admin-bg-designer-overlay .bg-designer-close{
  font-weight:600!important;
}
.admin-bg-designer-overlay .bg-designer-tab{
  font-weight:600!important;
}
.admin-bg-designer-overlay .bg-color-field span,
.admin-bg-designer-overlay .bg-range-field,
.admin-bg-designer-overlay .bg-designer-ghost-btn,
.admin-bg-designer-overlay .bg-toggle-field{
  font-weight:600!important;
}
.admin-bg-designer-overlay .bg-pattern-card{
  color:#0f172a!important;
  min-height:90px!important;
  border:2px solid #e2e8f0!important;
  box-shadow:none!important;
}
.admin-bg-designer-overlay .bg-pattern-card::after{
  content:''!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.72) 100%)!important;
  pointer-events:none!important;
}
.admin-bg-designer-overlay .bg-pattern-card.active{
  border-color:#6366f1!important;
  box-shadow:0 4px 12px rgba(99,102,241,.3)!important;
}
.admin-bg-designer-overlay .bg-pattern-card strong{
  color:#0f172a!important;
  font-weight:700!important;
  text-shadow:none!important;
  position:relative!important;
  z-index:1!important;
}
.admin-bg-designer-overlay .bg-pattern-card small{
  color:#475569!important;
  text-shadow:none!important;
  position:relative!important;
  z-index:1!important;
}
.admin-default-bg-preview{
  background-repeat:repeat!important;
  background-size:auto!important;
}


/* Admin Padrão v18.5 — cards organizados + identidade do sistema */
.admin-defaults-main-cards{
  grid-template-columns:1fr!important;
  gap:18px!important;
  margin:18px 0!important;
}
.admin-defaults-card-panel{
  overflow:hidden!important;
}
.admin-identity-grid{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);
  gap:18px;
  align-items:stretch;
}
.admin-identity-field,
.admin-identity-favicon-box{
  display:flex;
  flex-direction:column;
  gap:10px;
  min-width:0;
  padding:16px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:22px;
  background:rgba(248,250,252,.72);
}
.admin-identity-field>span,
.admin-identity-favicon-box>span{
  font-size:12px;
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#667085;
}
.admin-identity-field small,
.admin-identity-favicon-box small{
  color:#667085;
  font-size:12px;
  line-height:1.45;
}
.admin-favicon-preview-row{
  display:flex;
  gap:14px;
  align-items:center;
  min-width:0;
}
.admin-favicon-preview{
  width:74px;
  height:74px;
  min-width:74px;
  border-radius:20px;
  display:grid;
  place-items:center;
  background:#fff;
  border:1px solid rgba(15,23,42,.10);
  box-shadow:0 14px 36px rgba(15,23,42,.08);
  overflow:hidden;
}
.admin-favicon-preview img{
  max-width:54px;
  max-height:54px;
  object-fit:contain;
  display:block;
}
.admin-favicon-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  min-width:0;
}
.admin-favicon-actions .btn{
  min-height:34px!important;
  padding:8px 12px!important;
  font-size:12px!important;
}
@media(max-width:820px){
  .admin-identity-grid{grid-template-columns:1fr;}
  .admin-favicon-preview-row{align-items:flex-start;}
}
@media(max-width:520px){
  .admin-favicon-preview-row{flex-direction:column;}
}


/* Admin Padrão v18.6 — título e favicon do sistema */
.admin-default-identity-current{
  margin:8px 0 0!important;
  padding:10px 12px!important;
  border-radius:14px!important;
  background:rgba(17,24,39,.045)!important;
  color:#111827!important;
  font-size:12px!important;
  line-height:1.4!important;
}


/* Admin Padrão v18.8 — identidade editável sem padrões travados */
.admin-identity-grid-v18-8{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.admin-identity-title-field{
  grid-column:1 / -1!important;
}
.admin-identity-image-box .admin-logo-preview{
  width:92px!important;
  min-width:92px!important;
}
.admin-identity-image-box .admin-logo-preview img{
  max-width:74px!important;
  max-height:54px!important;
}
@media(max-width:920px){
  .admin-identity-grid-v18-8{grid-template-columns:1fr!important;}
}

/* Admin Padrão v18.10 — deck de amostra arrastável */
.admin-defaults-deck-card{overflow:hidden;}
.admin-default-live-counts{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:2px;padding:8px 12px;border-radius:16px;background:#f8fafc;border:1px solid rgba(15,23,42,.08);color:#111827;white-space:nowrap;}
.admin-default-live-counts strong{font-size:13px;font-weight:950;letter-spacing:-.02em;}
.admin-default-live-counts small{font-size:11px;font-weight:800;color:#667085;}
.admin-default-deck-live{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:16px;align-items:start;margin-top:14px;}
.admin-default-deck-preview-shell{border:1px solid rgba(15,23,42,.08);border-radius:24px;background:#f8fafc;box-shadow:inset 0 1px 0 rgba(255,255,255,.85);overflow:hidden;}
.admin-default-deck-preview-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;background:#fff;border-bottom:1px solid rgba(226,232,240,.9);}
.admin-default-deck-preview-head span{font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.12em;color:#111827;}
.admin-default-deck-preview-head strong{font-size:12px;font-weight:800;color:#667085;}
.admin-default-deck-frame{position:relative;min-height:280px;padding:16px;background:linear-gradient(135deg,rgba(248,250,252,.96),rgba(241,245,249,.82));}
.admin-default-deck-frame::before{content:'';position:absolute;inset:16px;border-radius:22px;border:1px dashed rgba(148,163,184,.35);pointer-events:none;}
.admin-default-deck-menu{--admin-default-sample-columns:6;position:relative;z-index:1;display:grid;grid-template-columns:repeat(var(--admin-default-sample-columns),minmax(74px,1fr));gap:12px;align-items:start;min-height:246px;padding:14px;border-radius:20px;background:#fff;border-top:1px solid rgba(226,232,240,.95);border-bottom:1px solid rgba(226,232,240,.95);box-shadow:0 18px 42px rgba(15,23,42,.06);}
.admin-default-plugin-card{position:relative;user-select:none;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease,background .16s ease,border-color .16s ease;}
.admin-default-plugin-card.is-active{display:block;min-height:92px;aspect-ratio:1/1;border-radius:14px;background:#fff;border:1px solid rgba(226,232,240,.95);box-shadow:0 6px 14px rgba(15,23,42,.05);overflow:hidden;cursor:grab;}
.admin-default-plugin-card.is-active:hover{box-shadow:0 14px 26px rgba(15,23,42,.1);transform:translateY(-1px);}
.admin-default-plugin-card.is-dragging{opacity:.62;transform:scale(.985);cursor:grabbing;box-shadow:0 22px 48px rgba(15,23,42,.18)!important;z-index:50;}
.admin-default-plugin-card.is-active .admin-default-menu-icon{position:absolute;top:8px;left:8px;min-width:28px;height:28px;padding:0 8px;border-radius:999px;background:rgba(15,23,42,.9);color:#fff;font-size:12px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:6px;z-index:2;}
.admin-default-plugin-card.is-active .admin-default-menu-title{display:none;}
.admin-default-plugin-card.is-active .admin-default-menu-code{display:none;}
.admin-default-plugin-card.is-active .admin-default-menu-body{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:12px;}
.admin-default-config-btn{border:1px solid rgba(15,23,42,.12);background:#fff;color:#0f172a;border-radius:8px;width:42px;height:42px;font-size:1.1rem;font-weight:900;display:inline-flex;align-items:center;justify-content:center;padding:0;box-shadow:0 5px 12px rgba(15,23,42,.05);}
.admin-default-config-btn.danger{border-color:rgba(239,68,68,.4);color:#ef4444;}
.admin-default-plugin-toggle{border:none;cursor:pointer;font-weight:950;line-height:1;transition:background .16s ease,color .16s ease,transform .16s ease;}
.admin-default-plugin-card.is-active .admin-default-plugin-toggle{position:absolute;right:6px;top:6px;z-index:4;width:24px;height:24px;border-radius:999px;background:rgba(15,23,42,.08);color:#334155;font-size:18px;display:inline-flex;align-items:center;justify-content:center;opacity:0;transform:scale(.9);}
.admin-default-plugin-card.is-active:hover .admin-default-plugin-toggle{opacity:1;transform:scale(1);}
.admin-default-plugin-card.is-active .admin-default-plugin-toggle:hover{background:#ef4444;color:#fff;}
.admin-default-menu-order{position:absolute;right:6px;bottom:6px;z-index:3;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:rgba(248,250,252,.94);border:1px solid rgba(15,23,42,.08);color:#64748b;font-size:10px;font-weight:950;display:inline-flex;align-items:center;justify-content:center;}
.admin-default-empty-deck{position:absolute;inset:32px;z-index:0;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:18px;color:#94a3b8;font-size:13px;font-weight:900;pointer-events:none;}
.admin-default-disabled-panel{border:1px solid rgba(15,23,42,.08);border-radius:22px;background:#fff;box-shadow:0 14px 34px rgba(15,23,42,.05);padding:12px;}
.admin-default-disabled-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px;}
.admin-default-disabled-head span{font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.12em;color:#111827;}
.admin-default-disabled-head small{max-width:150px;text-align:right;font-size:11px;line-height:1.35;font-weight:700;color:#667085;}
.admin-default-disabled-list{display:grid;gap:8px;min-height:92px;padding:8px;border-radius:16px;background:#f8fafc;border:1px dashed rgba(148,163,184,.42);}
.admin-default-plugin-card.is-disabled{display:grid;grid-template-columns:34px minmax(0,1fr) auto;grid-template-areas:"icon title action" "icon code action";align-items:center;column-gap:8px;padding:9px 9px;border-radius:14px;background:#fff;border:1px solid rgba(226,232,240,.9);box-shadow:0 8px 18px rgba(15,23,42,.04);cursor:grab;}
.admin-default-plugin-card.is-disabled:hover{border-color:rgba(15,23,42,.16);box-shadow:0 12px 24px rgba(15,23,42,.08);}
.admin-default-plugin-card.is-disabled .admin-default-menu-icon{grid-area:icon;width:32px;height:32px;border-radius:10px;background:#111827;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:950;}
.admin-default-plugin-card.is-disabled .admin-default-menu-title{grid-area:title;font-size:12px;font-weight:950;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.admin-default-plugin-card.is-disabled .admin-default-menu-code{grid-area:code;font-size:10px;font-weight:800;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.admin-default-plugin-card.is-disabled .admin-default-menu-body,.admin-default-plugin-card.is-disabled .admin-default-menu-order{display:none;}
.admin-default-plugin-card.is-disabled .admin-default-plugin-toggle{grid-area:action;min-height:30px;padding:0 10px;border-radius:999px;background:#111827;color:#fff;font-size:11px;letter-spacing:.02em;}
.admin-default-plugin-card.is-disabled .admin-default-plugin-toggle:hover{background:#0f172a;transform:translateY(-1px);}
.admin-default-empty-disabled{display:flex;align-items:center;justify-content:center;min-height:44px;text-align:center;border-radius:14px;background:#f8fafc;color:#94a3b8;font-size:12px;font-weight:900;border:1px dashed rgba(148,163,184,.35);}
@media(max-width:1120px){.admin-default-deck-live{grid-template-columns:1fr;}.admin-default-disabled-panel{order:2;}.admin-default-deck-menu{--admin-default-sample-columns:5;}.admin-default-disabled-list{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:760px){.admin-section-head{align-items:flex-start;}.admin-default-live-counts{align-items:flex-start;width:100%;}.admin-default-deck-frame{padding:10px;}.admin-default-deck-menu{grid-template-columns:repeat(3,minmax(74px,1fr));padding:10px;gap:10px;}.admin-default-disabled-list{grid-template-columns:1fr;}.admin-default-deck-preview-head{flex-direction:column;align-items:flex-start;}.admin-default-plugin-card.is-active .admin-default-plugin-toggle{opacity:1;transform:scale(1);}}


/* Pnepers dashboard fluido v2 — menu dos cards sem travar e sem abrir gigante ao publicar */
body.pnepers-dashboard-fluid #pnepersGlobalLoadingOverlay,
html[data-pnepers-quiet-loading="1"] #pnepersGlobalLoadingOverlay{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
body.pnepers-dashboard-fluid .moc-project-card{
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease!important;
  will-change:auto!important;
}
body.pnepers-dashboard-fluid .moc-project-card.is-public-moc{
  border-color:rgba(22,163,74,.36)!important;
}
body.pnepers-dashboard-fluid .moc-project-card .moc-card-bottom,
body.pnepers-dashboard-fluid .active-deck-panel .moc-card-bottom{
  position:absolute!important;
  right:10px!important;
  bottom:10px!important;
  z-index:800!important;
  display:flex!important;
  justify-content:flex-end!important;
  pointer-events:none!important;
}
body.pnepers-dashboard-fluid .moc-project-card .moc-card-menu,
body.pnepers-dashboard-fluid .active-deck-panel .moc-card-menu{
  position:relative!important;
  z-index:820!important;
  pointer-events:auto!important;
}
body.pnepers-dashboard-fluid .moc-project-card .moc-card-menu > summary,
body.pnepers-dashboard-fluid .active-deck-panel .moc-card-menu > summary{
  list-style:none!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  padding:0!important;
  margin:0!important;
  border-radius:999px!important;
  border:1px solid rgba(15,23,42,.14)!important;
  background:rgba(255,255,255,.96)!important;
  display:grid!important;
  place-items:center!important;
  box-shadow:0 12px 28px rgba(15,23,42,.12)!important;
  cursor:pointer!important;
  transition:transform .16s ease, background .16s ease, border-color .16s ease, box-shadow .16s ease!important;
}
body.pnepers-dashboard-fluid .moc-project-card .moc-card-menu > summary::-webkit-details-marker,
body.pnepers-dashboard-fluid .active-deck-panel .moc-card-menu > summary::-webkit-details-marker{display:none!important;}
body.pnepers-dashboard-fluid .moc-project-card .moc-card-menu > summary:hover,
body.pnepers-dashboard-fluid .active-deck-panel .moc-card-menu > summary:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 16px 36px rgba(15,23,42,.16)!important;
}
body.pnepers-dashboard-fluid .moc-project-card .moc-card-menu[open] > summary,
body.pnepers-dashboard-fluid .active-deck-panel .moc-card-menu[open] > summary,
body.pnepers-dashboard-fluid .moc-project-card .moc-card-menu.pnepers-menu-open > summary,
body.pnepers-dashboard-fluid .active-deck-panel .moc-card-menu.pnepers-menu-open > summary{
  background:#111827!important;
  border-color:#111827!important;
}
body.pnepers-dashboard-fluid .moc-project-card .moc-card-menu > summary span,
body.pnepers-dashboard-fluid .active-deck-panel .moc-card-menu > summary span{
  display:block!important;
  width:14px!important;
  height:2px!important;
  border-radius:999px!important;
  background:#111827!important;
  grid-area:1 / 1!important;
  transition:transform .16s ease, background .16s ease!important;
}
body.pnepers-dashboard-fluid .moc-project-card .moc-card-menu > summary span:nth-child(1),
body.pnepers-dashboard-fluid .active-deck-panel .moc-card-menu > summary span:nth-child(1){transform:translateY(-5px)!important;}
body.pnepers-dashboard-fluid .moc-project-card .moc-card-menu > summary span:nth-child(3),
body.pnepers-dashboard-fluid .active-deck-panel .moc-card-menu > summary span:nth-child(3){transform:translateY(5px)!important;}
body.pnepers-dashboard-fluid .moc-project-card .moc-card-menu[open] > summary span,
body.pnepers-dashboard-fluid .active-deck-panel .moc-card-menu[open] > summary span,
body.pnepers-dashboard-fluid .moc-project-card .moc-card-menu.pnepers-menu-open > summary span,
body.pnepers-dashboard-fluid .active-deck-panel .moc-card-menu.pnepers-menu-open > summary span{background:#fff!important;}
body.pnepers-dashboard-fluid .moc-project-card .moc-card-menu-popover,
body.pnepers-dashboard-fluid .active-deck-panel .moc-card-menu-popover,
body.pnepers-dashboard-fluid .moc-card-menu-popover.pnepers-floating-menu{
  min-width:220px!important;
  width:min(236px,calc(100vw - 24px))!important;
  max-width:calc(100vw - 24px)!important;
  padding:10px!important;
  border-radius:20px!important;
  border:1px solid rgba(15,23,42,.10)!important;
  background:rgba(255,255,255,.985)!important;
  box-shadow:0 24px 72px rgba(15,23,42,.22)!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
}
body.pnepers-dashboard-fluid .moc-project-card .moc-card-menu-popover:not(.pnepers-floating-menu),
body.pnepers-dashboard-fluid .active-deck-panel .moc-card-menu-popover:not(.pnepers-floating-menu){
  position:absolute!important;
  right:0!important;
  bottom:calc(100% + 10px)!important;
  left:auto!important;
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
  z-index:2147481000!important;
}
body.pnepers-dashboard-fluid .moc-project-card .moc-card-menu[open] .moc-card-menu-popover:not(.pnepers-floating-menu),
body.pnepers-dashboard-fluid .active-deck-panel .moc-card-menu[open] .moc-card-menu-popover:not(.pnepers-floating-menu){
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}
body.pnepers-dashboard-fluid .moc-project-card:has(.moc-card-menu[open]),
body.pnepers-dashboard-fluid .moc-project-card.pnepers-menu-card-open,
body.pnepers-dashboard-fluid .active-deck-panel .moc-project-card:has(.moc-card-menu[open]),
body.pnepers-dashboard-fluid .active-deck-panel .moc-project-card.pnepers-menu-card-open{
  z-index:214748000!important;
  overflow:visible!important;
  transform:none!important;
}
body.pnepers-dashboard-fluid .moc-card-menu-title{
  margin:2px 4px 8px!important;
  font-size:11px!important;
  line-height:1.1!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  color:#64748b!important;
}
body.pnepers-dashboard-fluid .moc-project-card .moc-menu-actions,
body.pnepers-dashboard-fluid .active-deck-panel .moc-menu-actions{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
  margin:0!important;
}
body.pnepers-dashboard-fluid .moc-project-card .moc-menu-actions form,
body.pnepers-dashboard-fluid .active-deck-panel .moc-menu-actions form{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
}
body.pnepers-dashboard-fluid .moc-project-card .moc-menu-actions .moc-platform-default-form,
body.pnepers-dashboard-fluid .active-deck-panel .moc-menu-actions .moc-platform-default-form,
body.pnepers-dashboard-fluid .moc-project-card .moc-menu-actions .moc-delete-form,
body.pnepers-dashboard-fluid .active-deck-panel .moc-menu-actions .moc-delete-form{
  grid-column:1 / -1!important;
}
body.pnepers-dashboard-fluid .moc-project-card .moc-menu-actions .btn,
body.pnepers-dashboard-fluid .moc-project-card .moc-menu-actions button.btn,
body.pnepers-dashboard-fluid .active-deck-panel .moc-menu-actions .btn,
body.pnepers-dashboard-fluid .active-deck-panel .moc-menu-actions button.btn{
  width:100%!important;
  height:36px!important;
  min-height:36px!important;
  padding:0 10px!important;
  border-radius:16px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:850!important;
  text-align:center!important;
  white-space:nowrap!important;
  box-shadow:none!important;
}
body.pnepers-dashboard-fluid .moc-project-card .moc-menu-secondary-actions,
body.pnepers-dashboard-fluid .active-deck-panel .moc-menu-secondary-actions{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
  margin:8px 0 0!important;
}
body.pnepers-dashboard-fluid .moc-project-card .moc-menu-secondary-actions .btn,
body.pnepers-dashboard-fluid .active-deck-panel .moc-menu-secondary-actions .btn{
  width:100%!important;
  height:34px!important;
  min-height:34px!important;
  padding:0 8px!important;
  border-radius:15px!important;
  font-size:12px!important;
  font-weight:850!important;
}
body.pnepers-dashboard-fluid .moc-project-card .moc-menu-panel,
body.pnepers-dashboard-fluid .active-deck-panel .moc-menu-panel{
  margin-top:8px!important;
  padding:9px!important;
  border-radius:16px!important;
  border:1px solid rgba(15,23,42,.09)!important;
  background:#f8fafc!important;
  box-shadow:none!important;
}
body.pnepers-dashboard-fluid .moc-project-card .moc-menu-panel[hidden],
body.pnepers-dashboard-fluid .active-deck-panel .moc-menu-panel[hidden]{display:none!important;}
body.pnepers-dashboard-fluid .moc-project-card .moc-card-properties div,
body.pnepers-dashboard-fluid .active-deck-panel .moc-card-properties div{
  padding:7px 8px!important;
  border-radius:12px!important;
}
body.pnepers-dashboard-fluid .dashboard-hamburger-popover.pnepers-floating-menu{
  width:220px!important;
  min-width:220px!important;
  border-radius:20px!important;
  padding:8px!important;
  box-shadow:0 24px 70px rgba(15,23,42,.22)!important;
}
body.pnepers-dashboard-fluid .dashboard-hamburger-popover a{
  min-height:40px!important;
  border-radius:14px!important;
  transition:background .16s ease, transform .16s ease!important;
}
body.pnepers-dashboard-fluid .dashboard-hamburger-popover a:hover{transform:translateY(-1px)!important;}
@media(max-width:560px){
  body.pnepers-dashboard-fluid .moc-project-card .moc-card-menu-popover,
  body.pnepers-dashboard-fluid .active-deck-panel .moc-card-menu-popover,
  body.pnepers-dashboard-fluid .moc-card-menu-popover.pnepers-floating-menu{
    width:min(228px,calc(100vw - 20px))!important;
    min-width:min(228px,calc(100vw - 20px))!important;
  }
}

/* =========================================================
   Pnepers Alerts Theme — padrão preto/branco sem verde/amarelo
   Mantém as mensagens elegantes e consistentes na plataforma.
   ========================================================= */
.alert,
.alert.success,
.alert.warning,
.alert.error,
.alert.danger,
.alert.info,
.alert-success,
.alert-warning,
.alert-danger,
.alert-error,
.alert-info,
.flash,
.flash-success,
.flash-warning,
.flash-danger,
.flash-error,
.notice,
.notice-success,
.notice-warning,
.notice-danger,
.toast,
.toast-success,
.toast-warning,
.toast-danger{
  border-radius:18px!important;
  border:1px solid rgba(17,17,17,.14)!important;
  background:#fff!important;
  color:#111!important;
  box-shadow:0 18px 44px rgba(15,23,42,.08)!important;
  font-weight:850!important;
  letter-spacing:-.01em!important;
}
.alert strong,
.alert-success strong,
.alert-warning strong,
.alert-danger strong,
.flash strong,
.notice strong,
.toast strong{color:inherit!important;}
.alert.warning,
.alert.danger,
.alert.error,
.alert-warning,
.alert-danger,
.alert-error,
.flash-warning,
.flash-danger,
.flash-error,
.notice-warning,
.notice-danger,
.toast-warning,
.toast-danger{
  background:#111!important;
  color:#fff!important;
  border-color:#111!important;
  box-shadow:0 20px 54px rgba(17,17,17,.22)!important;
}
.alert.success,
.alert.info,
.alert-success,
.alert-info,
.flash-success,
.notice-success,
.toast-success{
  background:#fff!important;
  color:#111!important;
  border-color:rgba(17,17,17,.18)!important;
}
.alert a,
.alert-success a,
.alert-warning a,
.alert-danger a,
.flash a,
.notice a,
.toast a{
  color:inherit!important;
  font-weight:950!important;
  text-decoration:underline!important;
  text-underline-offset:3px!important;
}
.moc-panel-alerts .alert{
  width:100%!important;
  max-width:100%!important;
  margin:12px 0!important;
  padding:14px 16px!important;
}
#mocLiveAlerts .alert{
  animation:pnepersAlertIn .22s ease both!important;
}
@keyframes pnepersAlertIn{
  from{opacity:0;transform:translateY(-6px) scale(.99);}
  to{opacity:1;transform:translateY(0) scale(1);}
}

/* Status e etiquetas que usavam verde/amarelo/vermelho ficam no mesmo padrão visual. */
.admin-status-pill,
.admin-status-pill.ok,
.admin-status-pill.error,
.admin-status-pill.pending,
.admin-user-status-pill,
.admin-user-status-pill.active,
.admin-user-status-pill.banned,
.admin-affiliate-status,
.admin-affiliate-status.paid,
.admin-affiliate-status.pending,
.admin-affiliate-status.refunded,
.account-badge-v146.good,
.account-badge-v146.warn,
.admin-plugin-default-row small{
  background:#fff!important;
  color:#111!important;
  border:1px solid rgba(17,17,17,.16)!important;
  box-shadow:0 10px 26px rgba(15,23,42,.06)!important;
}
.admin-status-pill.error,
.admin-status-pill.pending,
.admin-user-status-pill.banned,
.admin-affiliate-status.pending,
.admin-affiliate-status.refunded,
.account-badge-v146.warn{
  background:#111!important;
  color:#fff!important;
  border-color:#111!important;
}
.admin-launch-status.on,
.admin-launch-status.moc-status-badge.on,
.moc-project-card.is-public-moc .moc-project-headline b{
  background:#111!important;
  color:#fff!important;
  border-color:#111!important;
}


/* Pnepers v10 — hambúrguer/pasta fluido e links online nos cards */
.pnepers-floating-menu,
.dashboard-hamburger-popover.pnepers-floating-menu,
.moc-card-menu-popover.pnepers-floating-menu,
.admin-launch-menu-popover.pnepers-floating-menu{
  transition:opacity .18s ease, transform .18s cubic-bezier(.22,1,.36,1), box-shadow .18s ease!important;
  transform:translate3d(0,0,0) scale(1)!important;
  will-change:transform,opacity!important;
  overscroll-behavior:contain!important;
  scrollbar-width:thin!important;
}
.pnepers-floating-menu-up{transform-origin:bottom right!important;}
body.pnepers-dashboard-fluid .moc-card-menu-popover.pnepers-floating-menu{
  width:min(278px,calc(100vw - 24px))!important;
  min-width:min(250px,calc(100vw - 24px))!important;
  max-height:min(calc(100vh - 24px),620px)!important;
}
body.pnepers-dashboard-fluid .dashboard-hamburger-popover.pnepers-floating-menu{
  width:min(236px,calc(100vw - 24px))!important;
  min-width:min(220px,calc(100vw - 24px))!important;
}
.moc-online-label{display:inline-flex!important;align-items:center!important;max-width:100%!important;margin-top:5px!important;padding:5px 8px!important;border-radius:999px!important;background:#111827!important;color:#fff!important;text-decoration:none!important;font-size:10px!important;font-weight:900!important;letter-spacing:.015em!important;line-height:1.15!important;word-break:break-all!important;box-shadow:none!important;outline:0!important;}
.moc-online-label:hover{background:#fff!important;color:#111827!important;outline:1px solid #111827!important;}


/* Pnepers v15 — janela do hambúrguer do card: limpa, fixa no botão e fluida */
body.pnepers-dashboard-fluid .moc-project-card,
body.pnepers-dashboard-fluid .active-deck-panel .moc-project-card{
  overflow:visible!important;
}
body.pnepers-dashboard-fluid .moc-card-bottom{
  position:relative!important;
  z-index:20!important;
}
body.pnepers-dashboard-fluid .moc-project-card .moc-card-menu,
body.pnepers-dashboard-fluid .active-deck-panel .moc-card-menu{
  position:relative!important;
  z-index:30!important;
}
body.pnepers-dashboard-fluid .moc-card-menu > summary{
  outline:0!important;
  box-shadow:none!important;
  -webkit-tap-highlight-color:transparent!important;
}
body.pnepers-dashboard-fluid .moc-card-menu > summary::-webkit-details-marker{display:none!important;}
body.pnepers-dashboard-fluid .moc-card-menu-popover.pnepers-card-menu-v15,
body.pnepers-dashboard-fluid .moc-card-menu-popover.pnepers-floating-menu.pnepers-card-menu-v15{
  position:fixed!important;
  display:block!important;
  width:272px!important;
  min-width:272px!important;
  max-width:calc(100vw - 18px)!important;
  padding:10px!important;
  border-radius:18px!important;
  border:1px solid rgba(17,24,39,.10)!important;
  background:rgba(255,255,255,.98)!important;
  box-shadow:0 18px 48px rgba(15,23,42,.18)!important;
  backdrop-filter:blur(18px) saturate(1.25)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.25)!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
  scrollbar-width:thin!important;
  transform:translate3d(0,0,0) scale(1)!important;
  transition:opacity .14s ease, transform .16s cubic-bezier(.22,1,.36,1), box-shadow .16s ease!important;
  transform-origin:top right!important;
  isolation:isolate!important;
}
body.pnepers-dashboard-fluid .moc-card-menu-popover.pnepers-card-menu-v15.pnepers-floating-menu-up{
  transform-origin:bottom right!important;
}
body.pnepers-dashboard-fluid .moc-card-menu-popover.pnepers-card-menu-v15::before{
  content:''!important;
  position:absolute!important;
  right:18px!important;
  width:12px!important;
  height:12px!important;
  background:rgba(255,255,255,.98)!important;
  border:1px solid rgba(17,24,39,.10)!important;
  transform:rotate(45deg)!important;
  z-index:-1!important;
}
body.pnepers-dashboard-fluid .moc-card-menu-popover.pnepers-card-menu-v15.pnepers-floating-menu-down::before{
  top:-7px!important;
  border-right:0!important;
  border-bottom:0!important;
}
body.pnepers-dashboard-fluid .moc-card-menu-popover.pnepers-card-menu-v15.pnepers-floating-menu-up::before{
  bottom:-7px!important;
  border-left:0!important;
  border-top:0!important;
}
body.pnepers-dashboard-fluid .moc-card-menu-popover.pnepers-card-menu-v15 .moc-card-menu-title{
  margin:0 2px 9px!important;
  padding:0 2px!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  color:#6b7280!important;
}
body.pnepers-dashboard-fluid .moc-card-menu-popover.pnepers-card-menu-v15 .moc-menu-actions{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
}
body.pnepers-dashboard-fluid .moc-card-menu-popover.pnepers-card-menu-v15 .moc-menu-actions form{
  margin:0!important;
  min-width:0!important;
}
body.pnepers-dashboard-fluid .moc-card-menu-popover.pnepers-card-menu-v15 .moc-menu-actions .moc-public-form,
body.pnepers-dashboard-fluid .moc-card-menu-popover.pnepers-card-menu-v15 .moc-menu-actions .moc-delete-form{
  grid-column:1 / -1!important;
}
body.pnepers-dashboard-fluid .moc-card-menu-popover.pnepers-card-menu-v15 .btn,
body.pnepers-dashboard-fluid .moc-card-menu-popover.pnepers-card-menu-v15 button.btn{
  width:100%!important;
  min-width:0!important;
  height:36px!important;
  min-height:36px!important;
  padding:0 10px!important;
  border-radius:14px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:12px!important;
  font-weight:900!important;
  line-height:1!important;
  text-align:center!important;
  white-space:nowrap!important;
  box-shadow:none!important;
  transition:background .14s ease, color .14s ease, border-color .14s ease, transform .14s ease!important;
}
body.pnepers-dashboard-fluid .moc-card-menu-popover.pnepers-card-menu-v15 .btn:hover,
body.pnepers-dashboard-fluid .moc-card-menu-popover.pnepers-card-menu-v15 button.btn:hover{
  transform:translateY(-1px)!important;
}
body.pnepers-dashboard-fluid .moc-card-menu-popover.pnepers-card-menu-v15 .moc-menu-secondary-actions{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
  margin:8px 0 0!important;
  padding-top:8px!important;
  border-top:1px solid rgba(15,23,42,.08)!important;
}
body.pnepers-dashboard-fluid .moc-card-menu-popover.pnepers-card-menu-v15 .moc-menu-panel{
  margin-top:8px!important;
  padding:9px!important;
  border-radius:15px!important;
  border:1px solid rgba(15,23,42,.08)!important;
  background:#f8fafc!important;
  box-shadow:none!important;
}
body.pnepers-dashboard-fluid .moc-card-menu-popover.pnepers-card-menu-v15 .moc-folder-move-form{
  display:grid!important;
  grid-template-columns:1fr auto!important;
  gap:7px!important;
  margin:0 0 8px!important;
}
body.pnepers-dashboard-fluid .moc-card-menu-popover.pnepers-card-menu-v15 .moc-folder-move-form .input{
  min-width:0!important;
  width:100%!important;
  height:36px!important;
  border-radius:13px!important;
}
body.pnepers-dashboard-fluid .moc-card-menu-popover.pnepers-card-menu-v15 .moc-card-properties{
  margin:0!important;
  display:grid!important;
  gap:6px!important;
}
body.pnepers-dashboard-fluid .moc-card-menu-popover.pnepers-card-menu-v15 .moc-card-properties div{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  padding:7px 8px!important;
  border-radius:12px!important;
  background:#fff!important;
  border:1px solid rgba(17,24,39,.07)!important;
}
body.pnepers-dashboard-fluid .moc-card-menu-popover.pnepers-card-menu-v15 .moc-card-note{
  margin:8px 0 0!important;
  padding:8px!important;
  border-radius:12px!important;
  background:#f3f4f6!important;
  color:#374151!important;
  font-size:11px!important;
  line-height:1.35!important;
}
@media(max-width:560px){
  body.pnepers-dashboard-fluid .moc-card-menu-popover.pnepers-card-menu-v15,
  body.pnepers-dashboard-fluid .moc-card-menu-popover.pnepers-floating-menu.pnepers-card-menu-v15{
    width:min(258px,calc(100vw - 18px))!important;
    min-width:min(258px,calc(100vw - 18px))!important;
  }
  body.pnepers-dashboard-fluid .moc-card-menu-popover.pnepers-card-menu-v15 .moc-folder-move-form{
    grid-template-columns:1fr!important;
  }
}
/* Admin Padrão v19 — layout organizado e funcional */
.admin-defaults-hero{
  align-items:stretch;
  gap:22px;
  margin-bottom:18px;
  background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(248,250,252,.92));
  border:1px solid rgba(15,23,42,.07);
  box-shadow:0 24px 70px rgba(15,23,42,.07);
}
.admin-defaults-hero h1{letter-spacing:-.07em;}
.admin-defaults-hero .eyebrow{color:#64748b;}
.admin-defaults-hero .admin-hero-actions{align-self:center;}
.admin-defaults-form.adp-form{
  display:grid;
  gap:16px;
  margin-top:16px;
}
.adp-shell{
  padding:0!important;
  overflow:hidden;
  border-radius:30px!important;
  border:1px solid rgba(15,23,42,.08)!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 26px 80px rgba(15,23,42,.08)!important;
}
.adp-topbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:22px 24px;
  border-bottom:1px solid rgba(226,232,240,.9);
  background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);
}
.adp-topbar h2{margin:4px 0 6px;font-size:clamp(22px,2.5vw,32px);letter-spacing:-.055em;color:#0f172a;}
.adp-topbar p{margin:0;max-width:760px;color:#64748b;line-height:1.48;font-size:14px;}
.adp-tabs{
  position:sticky;
  top:76px;
  z-index:15;
  display:flex;
  gap:8px;
  align-items:center;
  padding:12px 14px;
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(226,232,240,.92);
  overflow-x:auto;
  scrollbar-width:thin;
}
.adp-tab{
  appearance:none;
  -webkit-appearance:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:0 15px;
  border-radius:999px;
  border:1px solid rgba(15,23,42,.09);
  background:#fff;
  color:#334155;
  font:inherit;
  font-size:12px;
  font-weight:950;
  line-height:1;
  letter-spacing:.02em;
  white-space:nowrap;
  cursor:pointer;
  box-shadow:0 8px 20px rgba(15,23,42,.035);
  transition:background .16s ease,color .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease;
}
.adp-tab:hover{transform:translateY(-1px);border-color:rgba(15,23,42,.2);box-shadow:0 12px 26px rgba(15,23,42,.07);}
.adp-tab.active{background:#111827;color:#fff;border-color:#111827;box-shadow:0 14px 32px rgba(15,23,42,.18);}
.adp-tab-link{margin-left:auto;text-decoration:none!important;background:#f8fafc;color:#111827;}
.adp-tab-link:hover{background:#111827;color:#fff;}
.adp-panel{
  display:none;
  padding:24px;
  background:linear-gradient(180deg,#ffffff 0%,#fbfcfe 100%);
}
.adp-panel.active{display:block;}
.adp-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(260px,.48fr);
  gap:18px;
  align-items:stretch;
}
.adp-row-compact{
  grid-template-columns:minmax(160px,220px) minmax(160px,220px) minmax(180px,1fr);
  align-items:end;
  margin-bottom:18px;
}
.adp-copy{
  min-width:0;
  border:1px solid rgba(15,23,42,.08);
  border-radius:24px;
  padding:20px;
  background:#fff;
  box-shadow:0 14px 38px rgba(15,23,42,.045);
}
.adp-copy h2{margin:6px 0 8px;font-size:clamp(22px,2.6vw,30px);letter-spacing:-.055em;color:#0f172a;}
.adp-copy p{margin:0 0 14px;color:#64748b;line-height:1.52;font-size:14px;}
.adp-field{
  display:grid;
  gap:7px;
  min-width:0;
  align-content:start;
}
.adp-field > span,
.adp-image-field > span{
  display:flex;
  align-items:center;
  gap:6px;
  color:#334155;
  font-size:12px;
  font-weight:950;
  letter-spacing:.045em;
  text-transform:uppercase;
}
.adp-field.small .input{min-height:42px;padding:10px 12px;border-radius:14px;font-size:13px;}
.adp-field .input,
.adp-grid-identity .input,
.adp-image-field .input{
  min-height:46px;
  border-radius:16px;
  border:1px solid rgba(15,23,42,.12);
  background:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
}
.adp-field textarea.input{min-height:112px;resize:vertical;line-height:1.48;}
.adp-field.full{grid-column:1/-1;}
.adp-mini-status{
  min-height:46px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:6px;
  padding:10px 14px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:16px;
  background:#f8fafc;
  color:#64748b;
  font-size:13px;
  font-weight:850;
}
.adp-mini-status strong{font-size:18px;color:#111827;letter-spacing:-.04em;}
.adp-organizer{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);
  grid-template-areas:"active sample" "disabled sample";
  gap:16px;
  align-items:start;
}
.adp-block,
.adp-sample-box{
  min-width:0;
  border:1px solid rgba(15,23,42,.08);
  border-radius:24px;
  background:#fff;
  box-shadow:0 16px 42px rgba(15,23,42,.05);
  padding:14px;
}
.adp-organizer .adp-block:first-child{grid-area:active;}
.adp-organizer .adp-block:last-child{grid-area:disabled;}
.adp-sample-box{grid-area:sample;position:sticky;top:152px;}
.adp-block-title{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}
.adp-block-title strong{font-size:14px;font-weight:950;color:#0f172a;letter-spacing:-.02em;}
.adp-block-title span{max-width:260px;text-align:right;color:#64748b;font-size:11px;line-height:1.35;font-weight:750;}
.adp-strip{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  min-height:74px;
  padding:12px;
  border-radius:18px;
  background:#f8fafc;
  border:1px dashed rgba(148,163,184,.55);
}
.adp-strip-off{background:#f1f5f9;}
.adp-chip{
  position:relative;
  display:grid;
  grid-template-columns:32px minmax(0,1fr) 28px;
  align-items:center;
  gap:8px;
  width:min(185px,100%);
  min-height:48px;
  padding:8px;
  border-radius:16px;
  border:1px solid rgba(15,23,42,.08);
  background:#fff;
  cursor:grab;
  user-select:none;
  box-shadow:0 10px 22px rgba(15,23,42,.05);
  transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease,border-color .16s ease;
}
.adp-chip:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(15,23,42,.09);border-color:rgba(15,23,42,.16);}
.adp-chip.is-dragging{opacity:.62;transform:scale(.985);box-shadow:0 22px 50px rgba(15,23,42,.16);}
.adp-chip-icon{
  width:32px;height:32px;border-radius:12px;
  display:inline-flex;align-items:center;justify-content:center;
  background:#111827;color:#fff;font-size:13px;font-weight:950;
}
.adp-chip-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#0f172a;font-size:12px;font-weight:950;}
.adp-chip-action{
  width:28px;height:28px;border:0;border-radius:999px;
  display:inline-flex;align-items:center;justify-content:center;
  background:#f1f5f9;color:#334155;font-size:17px;font-weight:950;line-height:1;cursor:pointer;
}
.adp-chip-action:hover{background:#111827;color:#fff;}
.adp-chip.is-off{opacity:.72;}
.adp-chip.is-off .adp-chip-icon{background:#64748b;}
.adp-chip.is-off .adp-chip-action{background:#111827;color:#fff;font-size:15px;}
.adp-empty{
  display:none;
  margin-top:10px;
  min-height:44px;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  border:1px dashed rgba(148,163,184,.4);
  color:#94a3b8;
  font-size:12px;
  font-weight:900;
  background:#f8fafc;
}
.adp-strip:empty + .adp-empty{display:flex;}
.adp-sample-stage{
  min-height:320px;
  padding:16px;
  border-radius:22px;
  background:linear-gradient(135deg,#f8fafc,#e2e8f0);
  border:1px solid rgba(15,23,42,.08);
  display:flex;
  align-items:flex-start;
}
.adp-sample-menu{
  width:100%;
  display:grid;
  grid-template-columns:repeat(var(--admin-default-sample-columns,4),minmax(54px,1fr));
  gap:10px;
  padding:12px;
  border-radius:18px;
  background:#fff;
  border-top:1px solid rgba(226,232,240,.95);
  border-bottom:1px solid rgba(226,232,240,.95);
  box-shadow:0 18px 42px rgba(15,23,42,.06);
}
.adp-sample-menu .adp-chip{
  width:100%;
  aspect-ratio:1/1;
  min-height:unset;
  grid-template-columns:1fr;
  place-items:center;
  padding:8px;
  border-radius:14px;
  box-shadow:0 8px 18px rgba(15,23,42,.05);
  cursor:default;
}
.adp-sample-menu .adp-chip-label,
.adp-sample-menu .adp-chip-action{display:none;}
.adp-sample-menu .adp-chip-icon{width:34px;height:34px;border-radius:999px;}
.adp-bg-preview{
  min-height:260px;
  border-radius:24px;
  border:1px solid rgba(15,23,42,.1);
  background:#fff;
  background-size:cover!important;
  background-position:center!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 18px 45px rgba(15,23,42,.08);
  overflow:hidden;
  display:flex;
  align-items:flex-end;
  justify-content:flex-start;
  padding:18px;
}
.adp-bg-preview span,
.adp-bg-label{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:max-content;
  max-width:100%;
  border-radius:999px;
  padding:8px 12px;
  background:rgba(255,255,255,.9);
  border:1px solid rgba(15,23,42,.08);
  color:#111827;
  font-size:12px;
  font-weight:950;
  letter-spacing:.06em;
  text-transform:uppercase;
  box-shadow:0 10px 24px rgba(15,23,42,.1);
}
.adp-bg-label{margin-top:12px;background:#f8fafc;box-shadow:none;}
.adp-grid-identity{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  align-items:start;
}
.platform-builder-grid,
.platform-names-grid{
  padding:18px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:24px;
  background:#fff;
  box-shadow:0 16px 42px rgba(15,23,42,.05);
}
.platform-names-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;}
.adp-switch-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:10px;
  margin-top:16px;
}
.adp-switch-grid label{
  display:flex!important;
  align-items:center;
  gap:9px;
  min-height:46px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:16px;
  padding:11px 13px;
  background:#fff;
  color:#334155;
  font-size:12px;
  font-weight:900;
  box-shadow:0 10px 24px rgba(15,23,42,.035);
}
.adp-switch-grid input{accent-color:#111827;}
.names-copy{margin-bottom:16px;}
.adp-image-field{
  display:grid;
  gap:9px;
  min-width:0;
  border:1px solid rgba(15,23,42,.08);
  border-radius:22px;
  background:#fff;
  padding:14px;
  box-shadow:0 14px 34px rgba(15,23,42,.045);
}
.adp-image-row{
  display:grid;
  grid-template-columns:96px auto auto;
  gap:10px;
  align-items:center;
}
.adp-image-preview{
  width:96px;
  height:72px;
  border-radius:16px;
  border:1px dashed rgba(148,163,184,.65);
  background:linear-gradient(135deg,#f8fafc,#eef2f7);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.adp-image-preview.logo{height:86px;}
.adp-image-preview img{max-width:78px;max-height:54px;object-fit:contain;}
.adp-image-preview.logo img{max-width:84px;max-height:66px;}
.adp-sticky.admin-defaults-sticky-actions{
  margin:0;
  border-radius:0 0 30px 30px;
  border-left:0;
  border-right:0;
  border-bottom:0;
  background:rgba(255,255,255,.93);
}
.admin-default-disable-form{
  display:flex;
  justify-content:flex-end;
  margin:16px 0 0;
}
.alert.danger{background:#fee2e2;color:#991b1b;border-color:#fecaca;}
.bg-designer-overlay .bg-pattern-card{
  min-height:74px;
  border-radius:14px;
  border:1px solid rgba(15,23,42,.12);
  overflow:hidden;
  color:#fff;
  cursor:pointer;
  box-shadow:0 12px 28px rgba(15,23,42,.1);
}
.bg-designer-overlay .bg-pattern-card.active{outline:3px solid #111827;outline-offset:2px;}
.bg-designer-overlay .bg-pattern-card strong{
  display:inline-flex;
  margin:8px;
  padding:5px 8px;
  border-radius:999px;
  background:rgba(15,23,42,.62);
  color:#fff;
  font-size:11px;
}
@media(max-width:1180px){
  .adp-organizer{grid-template-columns:1fr;grid-template-areas:"active" "sample" "disabled";}
  .adp-sample-box{position:relative;top:auto;}
  .adp-row{grid-template-columns:1fr;}
}
@media(max-width:860px){
  .adp-topbar{align-items:flex-start;flex-direction:column;}
  .adp-topbar .btn{width:100%;}
  .adp-tabs{top:64px;}
  .adp-row-compact{grid-template-columns:1fr;}
  .adp-mini-status{justify-content:flex-start;}
  .adp-grid-identity{grid-template-columns:1fr;}
  .adp-image-row{grid-template-columns:82px 1fr;}
  .adp-image-row .btn.danger{grid-column:2;}
  .adp-image-preview{width:82px;height:66px;}
}
@media(max-width:620px){
  .admin-defaults-hero{border-radius:22px;}
  .adp-panel{padding:16px;}
  .adp-topbar{padding:18px;}
  .adp-tabs{position:relative;top:auto;padding:10px;}
  .adp-tab-link{margin-left:0;}
  .adp-strip{display:grid;grid-template-columns:1fr;}
  .adp-chip{width:100%;}
  .adp-sample-stage{padding:10px;min-height:230px;}
  .adp-sample-menu{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px;}
  .platform-builder-grid,.platform-names-grid{padding:14px;border-radius:20px;}
  .adp-switch-grid{grid-template-columns:1fr;}
  .adp-sticky.admin-defaults-sticky-actions{position:static;border-radius:0 0 24px 24px;}
  .adp-sticky .btn{width:100%;}
  .admin-default-disable-form{justify-content:stretch;}
  .admin-default-disable-form .btn{width:100%;}
}
/* Admin Padrão v19 — ajustes amostra */
.adp-sample-menu{
  grid-template-columns:repeat(var(--adp-cols,4),minmax(54px,1fr));
}
.adp-sample-tile{
  position:relative;
  min-height:72px;
  aspect-ratio:1/1;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  background:#fff;
  border:1px solid rgba(226,232,240,.95);
  box-shadow:0 8px 18px rgba(15,23,42,.05);
  overflow:hidden;
}
.adp-sample-tile > span{
  position:absolute;
  left:8px;
  top:8px;
  min-width:28px;
  height:28px;
  padding:0 7px;
  border-radius:999px;
  background:#111827;
  color:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  font-weight:950;
  z-index:2;
}
.adp-sample-tile small{display:none;}
.adp-sample-tile b{
  width:40px;
  height:40px;
  border-radius:10px;
  border:1px solid rgba(15,23,42,.12);
  background:#fff;
  color:#0f172a;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:18px;
  font-weight:950;
  box-shadow:0 6px 14px rgba(15,23,42,.06);
}
.adp-sample-tile b.danger{color:#dc2626;border-color:rgba(220,38,38,.25);}
@media(max-width:620px){.adp-sample-menu{grid-template-columns:repeat(min(var(--adp-cols,3),3),minmax(0,1fr));}}