/*
  karameloo-redesign.css
  Overrides aplicados um a um — não editar os arquivos originais.
  Cada bloco tem comentário indicando o item que resolve.
*/

/* ══════════════════════════════════════════════
   TEXTO GLOBAL — fundo claro: branco → preto
   ══════════════════════════════════════════════ */

/* Cor base do body */
body { color: #111111 !important; }

/* Hero */
.kmlHeroTitle,
.kmlHeroTitle span,
.authHeroTitle,
.authHeroTitle span { color: #111111 !important; }

.kmlHeroTitle .heroBrand,
.kmlHeroTitle span:last-child,
.authHeroTitle .heroBrand { color: #c9a02a !important; }

.kmlHeroDesc,
.authHeroDesc,
.kmlHeroTrustLine { color: rgba(0,0,0,.65) !important; }

.kmlHeroTrustLine strong { color: #c9a02a !important; }

/* Navbar / topbar */
nav a, .navLink, .topLink,
.navItem, .navItem a,
#topbar a, #topbar span,
.topbar a, .topbar span { color: #111111 !important; }

/* Textos gerais brancos */
h1, h2, h3, h4, h5, h6 { color: #111111 !important; }

p, span, label, li,
.text, .desc, .subtitle,
.section-title { color: #111111 !important; }

/* Textos mutados (rgba branco → rgba preto) */
.muted, .hint, small,
[style*="rgba(255,255,255,.5"],
[style*="rgba(255,255,255,.4"],
[style*="rgba(255,255,255,.3"] { color: rgba(0,0,0,.5) !important; }

/* Exceções: texto sobre fundo escuro mantém branco */
.btn:not(.ghost):not(.secondary),
.eCardCta,
.cornerCard *,
#chatModal *,
#screenChat *,
#screenEditor *,
#screenClient *,
.pkgCard *,
.modal *,
.dropdown *,
.kmlLoginCard *,
.authCard * { color: inherit; }


/* ══════════════════════════════════════════════
   3. TIPOGRAFIA GLOBAL
   ══════════════════════════════════════════════ */

/* Headings com font-weight 900 → 700 */
.lH2,
.ctaTitle,
.marketHeroTitle,
.kmlHeroTitle {
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

/* letter-spacing negativo nos card titles da landing */
.howStepTitle,
.scName {
  letter-spacing: 0 !important;
}

/* ══════════════════════════════════════════════
   2. CARDS — border-radius 18px → 4px
   ══════════════════════════════════════════════ */

.card,
.kj-card,
.kj-kpi,
.kj-pred,
.kj-push-bar,
.kj-push-settings,
.banco-balance-card,
.banco-status-card,
.banco-section-card,
.banco-split-card,
.banco-tips-card,
.editorProfileCardV2,
.editorCustomPkgVisualCard,
.epV3-panelBg,
.epV3-linkCard,
.epV3-visitsCard,
.uiModalBox,
.legalModalShell,
.globalLoader .glCard {
  border-radius: 4px !important;
}

/* ══════════════════════════════════════════════
   1. BOTÕES — remover gradient, radius → 4px
   ══════════════════════════════════════════════ */

/* Botão primário: gradient → cor sólida */
.btn:not(.secondary):not(.ghost),
button.btn:not(.secondary):not(.ghost),
.payBtn.primary,
.osSend,
.authBigBtn,
.authMainBtn,
.cpBtnPublish,
.fvPublish,
.marketHeroBtnPrimary,
.ecpBtnPublish,
#packagesGrid .pkgCard .btn,
#screenClient .pkgCard .btn,
#screenProcurar .pkgCard .btn,
#screenProcurarEditor .pkgCard .btn {
  background: #c9a02a !important;
  box-shadow: none !important;
  border: 1px solid rgba(0,0,0,.18) !important;
}

/* Radius de todos os botões → 4px */
.btn,
.payBtn,
.opBtn,
.osBtn,
.tier-btn,
.catBtn,
.menuBtn,
.edgeBtn,
.rolePicker .roleBtn,
.denSuccessBtn,
.denModalClose,
.loadMoreBtn,
.authBigBtn,
.authMainBtn,
.authActions .btn,
.btn.small,
.chipBtn,
.secBtn,
.cpBtnPublish,
.fvPublish,
.marketHeroBtnPrimary,
.marketHeroBtnGhost,
.ecpBtnPublish,
.ecpBtnGhost,
.ecpBtnText,
.propV2-back,
.flp-more-btn,
.banco-back,
.chatComposerSend {
  border-radius: 4px !important;
}

/* ══════════════════════════════════════════════
   4. HERO — login card, badges, título, brand
   ══════════════════════════════════════════════ */

.kmlLoginCard {
  border-radius: 4px !important;
}

.kmlHeroTrustBadge {
  border-radius: 3px !important;
}

.kmlHeroTitle {
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

.kmlLoginBrandName {
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

/* ══════════════════════════════════════════════
   5. PARTÍCULAS — canvas decorativo removido
   ══════════════════════════════════════════════ */

#kmlParticlesBg {
  display: none !important;
}

/* ══════════════════════════════════════════════
   6–20. LANDING PAGE — tipografia, radius, gradients
   ══════════════════════════════════════════════ */

/* 6. lTag pill → 4px */
.lTag,
.lTagFeat {
  border-radius: 4px !important;
}

/* 7. lSec divisor dourado decorativo → remove */
.lSec::before {
  display: none !important;
}

/* 8. howStep card — radius e radial-gradient */
.howStep {
  border-radius: 4px !important;
  background: linear-gradient(180deg, rgba(14,20,34,.90), rgba(8,12,22,.75)) !important;
}

/* 9. howStepGlow — desativar */
.howStepGlow,
.howStep:hover .howStepGlow {
  opacity: 0 !important;
}

/* 10. howStepNumber peso */
.howStepNumber span {
  font-weight: 700 !important;
}

/* 11. howStepIco — radius */
.howStepIco {
  border-radius: 4px !important;
}

/* 12. howStepTitle — peso e letter-spacing */
.howStepTitle {
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

/* 13. howStepTags pill → 4px */
.howStepTags span {
  border-radius: 4px !important;
}

/* 14. statsRow — radius e radial-gradients */
.statsRow {
  border-radius: 4px !important;
  background: linear-gradient(180deg, rgba(14,20,34,.85), rgba(8,12,22,.70)) !important;
}

/* 15. statNum — gradient text → cor sólida, peso */
.statNum {
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  -webkit-text-fill-color: rgba(255,215,0,.95) !important;
  color: rgba(255,215,0,.95) !important;
}

/* 16. catCloud pill → 4px */
.catCloud span {
  border-radius: 4px !important;
}

/* 17. scCard — radius */
.scCard {
  border-radius: 4px !important;
}

.scCardContent {
  border-radius: 0 0 3px 3px !important;
}

/* 18. scChips pill → 4px */
.scChips span {
  border-radius: 4px !important;
}

/* 19. tCard — radius, tCardFeat radial-gradient */
.tCard {
  border-radius: 4px !important;
}

.tCardFeat {
  background: linear-gradient(180deg, rgba(14,20,34,.88), rgba(8,12,22,.72)) !important;
}

/* 20. lSecCtaInner — radius e radial-gradients */
.lSecCtaInner {
  border-radius: 4px !important;
  background: linear-gradient(180deg, rgba(14,20,34,.90), rgba(8,12,22,.78)) !important;
}

/* ctaGlow — remover */
.ctaGlow {
  display: none !important;
}

/* ctaTitle — peso e letter-spacing */
.ctaTitle {
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

/* ctaBtn — solid e radius */
.ctaBtn {
  border-radius: 4px !important;
  background: #c9a02a !important;
  box-shadow: none !important;
}

/* scName, tName, scAv peso */
.scName {
  font-weight: 700 !important;
}

.tName {
  font-weight: 700 !important;
}

/* statIcon radius */
.statIcon {
  border-radius: 4px !important;
}

/* ══════════════════════════════════════════════
   21. SPOTLIGHT SECTION — imagem + texto alternado
   ══════════════════════════════════════════════ */

.kmlSpotlight {
  padding: clamp(48px, 7vw, 96px) 0;
}

.kmlSpotlightInner {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 clamp(18px, 4vw, 32px);
}

.kmlSpotItem {
  display: flex;
  align-items: center;
  gap: clamp(32px, 5vw, 80px);
  padding: clamp(32px, 4vw, 56px) 0;
  border-top: 1px solid rgba(255,255,255,.07);
}

.kmlSpotItem:first-child {
  border-top: none;
}

.kmlSpotItem:nth-child(even) {
  flex-direction: row-reverse;
}

.kmlSpotImg {
  flex: 0 0 clamp(260px, 40%, 480px);
  aspect-ratio: 4/3;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  border: 1px solid rgba(255,255,255,.09);
}

.kmlSpotImgInner {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.kmlSpotImgInner svg {
  width: 72px;
  height: 72px;
  color: rgba(201,160,42,.35);
}

.kmlSpotText {
  flex: 1;
  min-width: 0;
}

.kmlSpotTag {
  display: inline-block;
  padding: 5px 14px;
  border-radius: 4px;
  border: 1px solid rgba(245,180,0,.22);
  background: rgba(245,180,0,.06);
  color: rgba(255,215,100,.90);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 18px;
}

.kmlSpotTitle {
  margin: 0 0 14px;
  font-size: clamp(22px, 2.8vw, 34px);
  font-weight: 700;
  line-height: 1.15;
  color: rgba(255,255,255,.95);
  letter-spacing: 0;
}

.kmlSpotDesc {
  margin: 0 0 24px;
  font-size: clamp(14px, 1.1vw, 16px);
  line-height: 1.7;
  color: rgba(255,255,255,.55);
}

.kmlSpotList {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.kmlSpotList li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 14px;
  color: rgba(255,255,255,.70);
  line-height: 1.5;
}

.kmlSpotList li::before {
  content: "";
  flex: 0 0 6px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: rgba(201,160,42,.80);
  margin-top: 7px;
}

@media (max-width: 768px) {
  .kmlSpotItem,
  .kmlSpotItem:nth-child(even) {
    flex-direction: column;
  }

  .kmlSpotImg {
    flex: none;
    width: 100%;
    aspect-ratio: 16/9;
  }
}

/* ══════════════════════════════════════════════
   22–30. ELEMENTOS GLOBAIS DO APP
   ══════════════════════════════════════════════ */

/* Toast */
.km-toast {
  border-radius: 4px !important;
}
.km-toast__title {
  font-weight: 700 !important;
}

/* eCover / card de capa */
.eCover {
  border-radius: 4px !important;
}

/* Media chips */
.mediaChip {
  border-radius: 4px !important;
}

/* Mini editor card */
.miniEditorCard {
  border-radius: 4px !important;
}
.miniName {
  font-weight: 700 !important;
}
.miniBadge {
  border-radius: 4px !important;
}
.miniCTA button {
  border-radius: 4px !important;
}
.miniCTA button.primary {
  font-weight: 700 !important;
}

/* Mini gig badges */
.miniGig .badgeMini {
  border-radius: 4px !important;
  font-weight: 700 !important;
}

/* loadMoreBtn — peso */
.loadMoreBtn {
  font-weight: 700 !important;
}

/* ══════════════════════════════════════════════
   31–40. CORNER CONTROLS (sidebar)
   ══════════════════════════════════════════════ */

#cornerControls .cornerCard {
  border-radius: 4px !important;
}

#cornerControls select {
  border-radius: 4px !important;
  font-weight: 700 !important;
}

#cornerControls .cornerSelect select {
  border-radius: 4px !important;
  font-weight: 700 !important;
}

#cornerControls .cornerSelect label {
  font-weight: 700 !important;
}

#cornerControls .cornerTab {
  border-radius: 4px !important;
  font-weight: 700 !important;
}

#cornerControls .cornerTab.active {
  background: #c9a02a !important;
  box-shadow: none !important;
}

#cornerControls .cmBtn {
  border-radius: 4px !important;
}

#cornerControls .cmIco {
  border-radius: 4px !important;
}

#cornerControls .cmTxt span {
  font-weight: 700 !important;
}

#edgeHandle {
  border-radius: 4px !important;
}

.cornerQBtn {
  border-radius: 4px !important;
}

/* ══════════════════════════════════════════════
   41–45. AUTH HERO
   ══════════════════════════════════════════════ */

.authHeroTitle {
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

.authHeroTextWide {
  letter-spacing: 0 !important;
}

/* ══════════════════════════════════════════════
   46–55. BANCO
   ══════════════════════════════════════════════ */

.banco-header__icon {
  border-radius: 4px !important;
}

.banco-header__title {
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

/* Remove gradiente decorativo do balance card */
.banco-balance-card__bg {
  display: none !important;
}

.banco-balance-card__badge {
  border-radius: 4px !important;
}

.banco-balance-card__value {
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

.banco-balance-card__stat-value {
  font-weight: 700 !important;
}

.banco-status-card__head,
.banco-section-card__head,
.banco-split-card__head,
.banco-tips-card__head {
  font-weight: 700 !important;
}

.banco-banner {
  border-radius: 4px !important;
}

.banco-tip {
  border-radius: 4px !important;
}

.banco-tip__num {
  border-radius: 4px !important;
  font-weight: 700 !important;
}

.banco-ring-text {
  font-weight: 700 !important;
}

.banco-split-item__info strong {
  font-weight: 700 !important;
}

/* ══════════════════════════════════════════════
   56–62. CHAT MODAL (#chatModal)
   ══════════════════════════════════════════════ */

#chatModal .aiMsg {
  border-radius: 4px !important;
}

#chatModal .aiMsg.me {
  border-bottom-right-radius: 1px !important;
}

#chatModal .aiMsg.them,
#chatModal .aiMsg:not(.me) {
  border-bottom-left-radius: 1px !important;
}

/* ══════════════════════════════════════════════
   63–70. EDITOR PROFILE
   ══════════════════════════════════════════════ */

#screenEditor .editorStatusCardV2 {
  border-radius: 4px !important;
}

/* Solicitations */
#screenEditorSolicitacoes > .pill {
  border-radius: 4px !important;
}

#screenEditorSolicitacoes .editorSolicitacaoCard {
  border-radius: 4px !important;
}

.editorSolicitacaoStatus {
  display: none;
  margin-top: 12px;
  border-radius: 4px;
  padding: 10px 12px;
  font-size: .86rem;
  font-weight: 700;
  line-height: 1.4;
}
.editorSolicitacaoStatus.is-ok {
  display: block;
  border: 1px solid rgba(47,158,84,.4);
  background: rgba(47,158,84,.12);
  color: #2f9e54;
}
.editorSolicitacaoStatus.is-err {
  display: block;
  border: 1px solid rgba(209,26,42,.4);
  background: rgba(209,26,42,.1);
  color: #d11a2a;
}

#screenEditorSolicitacoes .editorSolicitacaoCard__icon {
  border-radius: 4px !important;
}

#screenEditorSolicitacoes .editorSolicitacaoCard__title {
  font-weight: 700 !important;
}

#screenEditorSolicitacoes > .card {
  background: linear-gradient(180deg, rgba(10,16,26,.72), rgba(8,12,20,.68)) !important;
}

/* ══════════════════════════════════════════════
   71–80. PERFIL PÚBLICO (epV3) — peso e radius
   ══════════════════════════════════════════════ */

.epV3 .epV3-name {
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

.epV3 .epV3-sectionTitle {
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

.epV3 .epV3-kpi {
  border-radius: 4px !important;
}

.epV3 .epV3-kpiIcon {
  border-radius: 4px !important;
}

.epV3 .epV3-kpiValue {
  font-weight: 700 !important;
}

.epV3 .epV3-heroBtn {
  border-radius: 4px !important;
}

.epV3 .epV3-visitStat {
  border-radius: 4px !important;
}

.epV3 .epV3-visitNum {
  font-weight: 700 !important;
}

/* ══════════════════════════════════════════════
   81–85. MARKETPLACE — pkgCard, marketHero
   ══════════════════════════════════════════════ */

#packagesGrid .pkgCard .pkgThumb {
  border-radius: 4px !important;
}

#packagesGrid .pkgCard .price {
  border-radius: 4px !important;
}

#packagesGrid .pkgCard .btn {
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

#screenProcurar .marketHeroMiniItem {
  border-radius: 4px !important;
}

/* marketHeroTitle já coberto pelo bloco global de headings */

/* ══════════════════════════════════════════════
   EXTRAS — elementos menores encontrados
   ══════════════════════════════════════════════ */

/* Pill de informação no feed de solicitações */
.pill {
  border-radius: 4px !important;
}

/* Thumb de capa do pacote personalizado */
#screenEditorPacotePersonalizado .editorCustomPkgVisualCard .pkgThumb {
  border-radius: 4px !important;
}

/* Chips de categoria */
.pkgCardCat {
  border-radius: 4px !important;
}

/* uiModal box já no bloco 2, mas há um override específico */
#uiModal #uiModalBox.uiModalBox {
  border-radius: 4px !important;
}

.uiModalClose {
  border-radius: 4px !important;
}

.uiModalBtn {
  border-radius: 4px !important;
}

/* Scrollbar thumb (sidebar) */
#cornerControls .cornerMenuMain::-webkit-scrollbar-thumb {
  border-radius: 4px !important;
}

/* ══════════════════════════════════════════════
   HERO — título muito grande → tamanho correto
   ══════════════════════════════════════════════ */

/* Auth hero (landing page full-screen) — era clamp(52px,6.1vw,92px) */
.authHeroTitle {
  font-size: clamp(32px, 4vw, 54px) !important;
  letter-spacing: 0 !important;
  line-height: 1.15 !important;
}

/* kmlHeroTitle no login screen */
.kmlHeroTitle {
  font-size: clamp(26px, 3.5vw, 44px) !important;
}

/* marketHeroTitle no marketplace */
.marketHeroTitle,
.marketHeroTitleWide {
  font-size: clamp(22px, 3.2vw, 42px) !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
}

/* ══════════════════════════════════════════════
   ECARD — cards de editor muito grandes → compacto
   ══════════════════════════════════════════════ */

.eCard {
  min-height: 280px !important;
  border-radius: 4px !important;
}

.eCard::before {
  border-radius: 4px !important;
}

.eCardBottom {
  padding: 14px 12px 12px !important;
}

.eCardBottom .eName {
  font-size: 1rem !important;
}

/* ══════════════════════════════════════════════
   CORNER CONTROLS — sem transparência alguma
   ══════════════════════════════════════════════ */

#cornerControls .cornerCard,
body.profileMenuDropdownMode #cornerControls .cornerCard {
  background: rgba(9, 11, 18, 0.97) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-radius: 4px !important;
  border-color: rgba(255,255,255,.14) !important;
}

body.profileMenuDropdownMode #cornerControls .cornerCard {
  border-radius: 4px !important;
}

/* ══════════════════════════════════════════════════════════════
   CHAT — REDESIGN COMPLETO
   Layout: sidebar 18rem | área principal flex-1 | info 220px
   Paleta: #080b14 (fundo) · #0d1020 (sidebar) · #c9a02a (accent)
   ══════════════════════════════════════════════════════════════ */

/* ── Container ─────────────────────────────────────────────── */

#chatModal.inboxFull {
  display: flex !important;
  flex-direction: row !important;
  background: #080b14 !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  border-radius: 4px !important;
  overflow: hidden !important;
  height: min(86vh, 780px) !important;
  max-height: min(86vh, 780px) !important;
}

/* ── SIDEBAR — Lista de contatos ───────────────────────────── */

#chatModal .inboxLeft,
#chatModal.inboxFull .inboxLeft {
  width: 18rem !important;
  min-width: 18rem !important;
  flex-shrink: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  background: #0a0d18 !important;
  border-right: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 0 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Cabeçalho da sidebar */
#chatModal .inboxLeftHead {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 16px 14px 12px !important;
  border-bottom: 1px solid rgba(255,255,255,.07) !important;
  flex-shrink: 0 !important;
}

#chatModal .inboxLeftTitle {
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .8px !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,.40) !important;
  margin: 0 !important;
}

#chatModal .inboxLeftHead .x {
  width: 24px !important;
  height: 24px !important;
  border-radius: 4px !important;
  background: transparent !important;
  border: none !important;
  color: rgba(255,255,255,.35) !important;
  font-size: 14px !important;
  cursor: pointer !important;
  display: grid !important;
  place-items: center !important;
  transition: color 0.2s ease !important;
}

#chatModal .inboxLeftHead .x:hover {
  color: rgba(255,255,255,.75) !important;
}

/* Busca */
#chatModal .inboxSearch {
  padding: 10px 12px !important;
  border-bottom: 1px solid rgba(255,255,255,.06) !important;
  flex-shrink: 0 !important;
}

#chatModal .inboxSearch .aiInput,
#chatModal #chatContactsSearch {
  width: 100% !important;
  box-sizing: border-box !important;
  background: rgba(255,255,255,.05) !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  border-radius: 4px !important;
  color: rgba(255,255,255,.82) !important;
  font-size: 12.5px !important;
  padding: 7px 10px !important;
  outline: none !important;
  transition: border-color 0.2s ease !important;
}

#chatModal #chatContactsSearch:focus {
  border-color: rgba(201,160,42,.35) !important;
}

#chatModal #chatContactsSearch::placeholder {
  color: rgba(255,255,255,.28) !important;
}

/* Lista de contatos */
#chatModal .contactsList {
  flex: 1 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding: 6px 0 !important;
}

#chatModal .contactsList::-webkit-scrollbar { width: 4px !important; }
#chatModal .contactsList::-webkit-scrollbar-thumb { background: rgba(255,255,255,.10) !important; border-radius: 2px !important; }

/* Item de contato */
#chatModal .contactItem {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  padding: 10px 14px !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  cursor: pointer !important;
  text-align: left !important;
  transition: background 0.15s ease !important;
  position: relative !important;
  box-sizing: border-box !important;
}

#chatModal .contactItem:hover {
  background: rgba(255,255,255,.04) !important;
}

#chatModal .contactItem.active,
#chatModal .contactItem.isOpen {
  background: rgba(201,160,42,.08) !important;
  border-left: 2px solid rgba(201,160,42,.65) !important;
  padding-left: 12px !important;
}

/* Avatar do contato */
#chatModal .contactAvatar {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  flex-shrink: 0 !important;
  background: rgba(201,160,42,.18) !important;
  border: 1.5px solid rgba(201,160,42,.25) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: rgba(255,215,100,.90) !important;
  overflow: hidden !important;
  position: relative !important;
}

#chatModal .contactAvatar img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 50% !important;
  display: block !important;
}

/* Typing badge dentro do avatar */
#chatModal .contactTypingBadge {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  background: rgba(10,13,20,.88) !important;
  border-radius: 50% !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 3px !important;
}

#chatModal .contactTypingBadge.show {
  display: flex !important;
}

#chatModal .contactTypingBadge i {
  width: 5px !important;
  height: 5px !important;
  border-radius: 50% !important;
  background: rgba(201,160,42,.85) !important;
  display: block !important;
  animation: kmlChatDot 1.2s ease-in-out infinite !important;
  list-style: none !important;
}

#chatModal .contactTypingBadge i:nth-child(2) { animation-delay: 0.18s !important; }
#chatModal .contactTypingBadge i:nth-child(3) { animation-delay: 0.36s !important; }

@keyframes kmlChatDot {
  0%, 80%, 100% { transform: translateY(0); opacity: .5; }
  40%            { transform: translateY(-4px); opacity: 1; }
}

/* Meta do contato (nome + tempo + preview) */
#chatModal .contactMeta {
  flex: 1 !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
}

#chatModal .contactTop {
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  gap: 6px !important;
}

#chatModal .contactName {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: rgba(255,255,255,.88) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  flex: 1 !important;
  min-width: 0 !important;
}

#chatModal .contactTime {
  font-size: 10.5px !important;
  color: rgba(255,255,255,.30) !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}

#chatModal .contactLast {
  font-size: 11.5px !important;
  color: rgba(255,255,255,.38) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  line-height: 1.3 !important;
}

#chatModal .contactLast.isTyping {
  color: rgba(201,160,42,.70) !important;
  font-style: italic !important;
}

/* Hint no rodapé da sidebar */
#chatModal .contactsHint {
  padding: 10px 14px !important;
  font-size: 10px !important;
  color: rgba(255,255,255,.22) !important;
  border-top: 1px solid rgba(255,255,255,.05) !important;
  line-height: 1.4 !important;
  flex-shrink: 0 !important;
}

/* ── ÁREA PRINCIPAL DO CHAT ────────────────────────────────── */

#chatModal .inboxRight,
#chatModal.inboxFull .inboxRight {
  flex: 1 !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  background: #080b14 !important;
  border-radius: 0 !important;
}

/* Header do chat */
#chatModal .inboxTop {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 12px 16px !important;
  background: #0a0d18 !important;
  border-bottom: 1px solid rgba(255,255,255,.07) !important;
  flex-shrink: 0 !important;
  gap: 12px !important;
}

#chatModal .inboxTopLeft {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 0 !important;
}

/* Avatar no header */
#chatModal .chatAvatar {
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  flex-shrink: 0 !important;
  background: rgba(201,160,42,.18) !important;
  border: 1.5px solid rgba(201,160,42,.25) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: rgba(255,215,100,.90) !important;
  overflow: hidden !important;
  position: relative !important;
}

#chatModal .chatAvatar img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 50% !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
}

#chatModal .chatHeadText {
  min-width: 0 !important;
}

#chatModal .inboxPeer {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: rgba(255,255,255,.92) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

#chatModal .inboxPeerSub {
  font-size: 11px !important;
  color: rgba(255,255,255,.35) !important;
  margin-top: 1px !important;
}

/* Botões do header */
#chatModal .inboxTopBtns {
  display: flex !important;
  gap: 6px !important;
  flex-shrink: 0 !important;
}

#chatModal .inboxTopBtns .btn {
  background: transparent !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 4px !important;
  color: rgba(255,255,255,.50) !important;
  padding: 6px 8px !important;
  min-height: unset !important;
  height: 30px !important;
  min-width: 30px !important;
  display: grid !important;
  place-items: center !important;
  transition: all 0.2s ease !important;
}

#chatModal .inboxTopBtns .btn:hover {
  border-color: rgba(255,255,255,.22) !important;
  color: rgba(255,255,255,.80) !important;
  background: rgba(255,255,255,.05) !important;
}

/* Body — área de mensagens */
#chatModal .inboxBody {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

/* Área de scroll das mensagens */
#chatModal .chatMsgs {
  flex: 1 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding: 16px 14px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  background: #080b14 !important;
  scroll-behavior: smooth !important;
}

#chatModal .chatMsgs::-webkit-scrollbar { width: 4px !important; }
#chatModal .chatMsgs::-webkit-scrollbar-thumb { background: rgba(255,255,255,.08) !important; border-radius: 2px !important; }

/* ── BOLHAS DE MENSAGEM ─────────────────────────────────────── */

#chatModal .aiMsg {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  align-self: flex-start !important;
  max-width: min(70%, 400px) !important;
  min-width: 0 !important;
  padding: 9px 12px 7px !important;
  border-radius: 4px !important;
  position: relative !important;
  word-break: break-word !important;
  width: fit-content !important;
  border: none !important;
  box-shadow: none !important;
}

/* Bolha RECEBIDA */
#chatModal .aiMsg:not(.me) {
  background: rgba(255,255,255,.07) !important;
  border-bottom-left-radius: 1px !important;
  color: rgba(255,255,255,.88) !important;
  align-self: flex-start !important;
  margin-right: auto !important;
}

/* Cauda recebida (aponta esquerda) */
#chatModal .aiMsg:not(.me)::before {
  content: "" !important;
  position: absolute !important;
  bottom: 0 !important;
  left: -7px !important;
  border: 7px solid transparent !important;
  border-bottom-color: rgba(255,255,255,.07) !important;
  border-left: none !important;
  border-top: none !important;
}

/* Bolha ENVIADA */
#chatModal .aiMsg.me {
  background: rgba(201,160,42,.16) !important;
  border: 1px solid rgba(201,160,42,.18) !important;
  border-bottom-right-radius: 1px !important;
  color: rgba(255,255,255,.92) !important;
  align-self: flex-end !important;
  margin-left: auto !important;
}

/* Cauda enviada (aponta direita) */
#chatModal .aiMsg.me::before {
  content: "" !important;
  position: absolute !important;
  bottom: 0 !important;
  right: -7px !important;
  border: 7px solid transparent !important;
  border-bottom-color: rgba(201,160,42,.16) !important;
  border-right: none !important;
  border-top: none !important;
}

/* Texto */
#chatModal .aiMsg .waText {
  font-size: 13.5px !important;
  line-height: 1.5 !important;
  white-space: pre-wrap !important;
  word-break: break-word !important;
  display: block !important;
}

/* Meta (hora + ticks) */
#chatModal .aiMsg .waMeta {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 4px !important;
  width: 100% !important;
  margin-top: 4px !important;
  font-size: 10.5px !important;
  color: rgba(255,255,255,.30) !important;
  float: none !important;
}

#chatModal .aiMsg.me .waMeta {
  color: rgba(201,160,42,.55) !important;
}

/* Ticks SVG de status */
#chatModal .waTicks {
  display: inline-flex !important;
  align-items: center !important;
  opacity: 0.45 !important;
}
#chatModal .waTicks svg {
  width: 12px !important;
  height: 9px !important;
  stroke: rgba(255,255,255,.6) !important;
}
#chatModal .aiMsg.me .waTicks {
  opacity: 0.65 !important;
}

/* Pill "sem mensagens" / intro */
#chatModal .pill,
#chatIntro.pill {
  align-self: center !important;
  background: rgba(255,255,255,.04) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  border-radius: 4px !important;
  padding: 6px 12px !important;
  font-size: 11.5px !important;
  color: rgba(255,255,255,.35) !important;
  text-align: center !important;
  margin: 12px auto !important;
  max-width: 360px !important;
}

/* ── DEAL PROMPTS ───────────────────────────────────────────── */

#chatModal .chatDealPrompts {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  padding: 8px 14px !important;
  background: rgba(8,10,16,1) !important;
  border-top: 1px solid rgba(255,255,255,.05) !important;
  flex-shrink: 0 !important;
}

#chatModal .chatDealPrompts button {
  background: rgba(255,255,255,.04) !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  border-radius: 4px !important;
  color: rgba(255,255,255,.52) !important;
  font-size: 11px !important;
  padding: 5px 10px !important;
  cursor: pointer !important;
  font-family: inherit !important;
  transition: all 0.2s ease !important;
  line-height: 1.3 !important;
}

#chatModal .chatDealPrompts button:hover {
  border-color: rgba(201,160,42,.25) !important;
  color: rgba(255,215,100,.80) !important;
  background: rgba(201,160,42,.06) !important;
}

/* ── COMPOSER (barra de envio) ──────────────────────────────── */

#chatModal .chatComposer,
.chatComposer {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 10px 12px !important;
  background: #0a0d18 !important;
  border-top: 1px solid rgba(255,255,255,.07) !important;
  flex-shrink: 0 !important;
}

/* Input de mensagem */
#chatModal .waInputWrap {
  flex: 1 !important;
  min-width: 0 !important;
}

#chatModal #chatInput,
#chatModal .chatComposer .aiInput {
  width: 100% !important;
  box-sizing: border-box !important;
  background: rgba(255,255,255,.05) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 4px !important;
  color: rgba(255,255,255,.88) !important;
  font-size: 13.5px !important;
  padding: 8px 12px !important;
  outline: none !important;
  transition: border-color 0.2s ease !important;
  height: 38px !important;
}

#chatModal #chatInput:focus {
  border-color: rgba(201,160,42,.35) !important;
}

#chatModal #chatInput::placeholder {
  color: rgba(255,255,255,.25) !important;
}

/* Ícones laterais (emoji, foto, drive) */
#chatModal .waIconBtn {
  width: 34px !important;
  height: 34px !important;
  border-radius: 4px !important;
  background: transparent !important;
  border: none !important;
  color: rgba(255,255,255,.35) !important;
  cursor: pointer !important;
  display: grid !important;
  place-items: center !important;
  transition: color 0.2s ease, background 0.2s ease !important;
  flex-shrink: 0 !important;
}

#chatModal .waIconBtn:hover {
  color: rgba(201,160,42,.80) !important;
  background: rgba(201,160,42,.08) !important;
}

/* Botão enviar */
#chatModal .waSend,
#chatSendBtn {
  width: 36px !important;
  height: 36px !important;
  border-radius: 4px !important;
  background: #c9a02a !important;
  border: none !important;
  color: #111 !important;
  cursor: pointer !important;
  display: grid !important;
  place-items: center !important;
  flex-shrink: 0 !important;
  transition: filter 0.2s ease !important;
}

#chatModal .waSend:hover,
#chatSendBtn:hover {
  filter: brightness(1.12) !important;
  transform: none !important;
}

/* ── PAINEL DE INFO (direita) ───────────────────────────────── */

#chatModal .inboxInfo,
#chatModal.inboxFull .inboxInfo {
  width: 220px !important;
  min-width: 220px !important;
  flex-shrink: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  background: #0a0d18 !important;
  border-left: 1px solid rgba(255,255,255,.07) !important;
  border-radius: 0 !important;
  overflow-y: auto !important;
}

#chatModal .inboxInfoHead {
  padding: 14px 14px 10px !important;
  border-bottom: 1px solid rgba(255,255,255,.06) !important;
}

#chatModal .infoTitle {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: rgba(255,255,255,.82) !important;
}

#chatModal .infoSub {
  font-size: 11px !important;
  color: rgba(255,255,255,.35) !important;
  margin-top: 3px !important;
  line-height: 1.35 !important;
}

#chatModal .infoCard {
  margin: 10px 12px 0 !important;
  padding: 10px 12px !important;
  background: rgba(255,255,255,.03) !important;
  border: 1px solid rgba(255,255,255,.06) !important;
  border-radius: 4px !important;
}

#chatModal .infoRow {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 5px 0 !important;
  gap: 8px !important;
  border-bottom: 1px solid rgba(255,255,255,.04) !important;
}

#chatModal .infoRow:last-child {
  border-bottom: none !important;
}

#chatModal .infoRow .k {
  font-size: 11px !important;
  color: rgba(255,255,255,.38) !important;
  font-weight: 600 !important;
}

#chatModal .infoRow .v {
  font-size: 11.5px !important;
  color: rgba(255,255,255,.72) !important;
  font-weight: 700 !important;
  text-align: right !important;
}

#chatModal .infoSecTitle {
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: .6px !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,.30) !important;
  margin-bottom: 8px !important;
}

#chatModal .infoMetric {
  margin-bottom: 10px !important;
}

#chatModal .mTop {
  display: flex !important;
  justify-content: space-between !important;
  font-size: 11px !important;
  color: rgba(255,255,255,.50) !important;
  margin-bottom: 4px !important;
}

#chatModal .mBar {
  height: 3px !important;
  background: rgba(255,255,255,.08) !important;
  border-radius: 2px !important;
  overflow: hidden !important;
}

#chatModal .mFill {
  height: 100% !important;
  background: #c9a02a !important;
  border-radius: 2px !important;
  transition: width 0.4s ease !important;
}

/* ── MOBILE ─────────────────────────────────────────────────── */

@media (max-width: 768px) {
  #chatModal.inboxFull {
    flex-direction: column !important;
    height: 100vh !important;
    max-height: 100vh !important;
    border-radius: 0 !important;
  }

  #chatModal .inboxLeft,
  #chatModal.inboxFull .inboxLeft {
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    border-right: none !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
  }

  #chatModal .inboxRight,
  #chatModal.inboxFull .inboxRight {
    display: none;
  }

  #chatModal.inboxFull.chatRightOpen .inboxLeft {
    display: none !important;
  }

  #chatModal.inboxFull.chatRightOpen .inboxRight {
    display: flex !important;
    height: 100% !important;
  }

  #chatModal .inboxInfo {
    display: none !important;
  }
}

/* ══════════════════════════════════════════════
   BOTÕES — polimento final completo
   ══════════════════════════════════════════════ */

/* Todos os botões: transição limpa */
.btn,
.payBtn,
button[class*="Btn"],
button[class*="btn"] {
  transition: filter 0.2s ease-in-out, transform 0.2s ease-in-out !important;
}

/* Ghost button padrão */
.btn.secondary,
.btn.ghost,
.ecpBtnGhost,
.marketHeroBtnGhost {
  background: transparent !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.22) !important;
  color: rgba(255,255,255,.82) !important;
}

.btn.secondary:hover,
.btn.ghost:hover {
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.44) !important;
}

/* Categoria buttons — mais contidos */
.catBtn {
  font-size: 12px !important;
  padding: 7px 12px !important;
  border-radius: 4px !important;
  background: rgba(255,255,255,.05) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
}

.catBtn.active {
  background: rgba(201,160,42,.15) !important;
  border-color: rgba(201,160,42,.28) !important;
  color: rgba(255,215,100,.92) !important;
}

/* ══════════════════════════════════════════════
   ANIMAÇÕES DE ENTRADA — login/landing
   ══════════════════════════════════════════════ */

/* Suavizar as animações da landing (menos "AI") */
.lSec .howStep,
.lSec .statsRow,
.lSec .catCloud,
.lSec .tCard,
.lSec .lSecCtaInner {
  transition: opacity 0.4s ease, transform 0.4s ease !important;
}

/* Remove scale nos hover dos cards da landing */
.howStep:hover,
.tCard:hover,
.scCard:hover {
  transform: translateY(-3px) !important;
}

/* ══════════════════════════════════════════════
   TELA DE CARREGAMENTO — barra de progresso
   ══════════════════════════════════════════════ */

/* Loader progress bar mais visível */
#kmlPageLoader .kml-bar-fill {
  background: #c9a02a !important;
}

/* ══════════════════════════════════════════════
   LANDING — seção de espaçamento e respiro
   ══════════════════════════════════════════════ */

/* Aumentar o respiro entre seções da landing */
.lSec {
  padding-top: clamp(56px, 8vw, 96px) !important;
  padding-bottom: clamp(56px, 8vw, 96px) !important;
}

/* Subtítulos da landing: sem letter-spacing negativo */
.lSub {
  letter-spacing: 0 !important;
}

/* ══════════════════════════════════════════════
   INPUT FIELDS — consistência visual
   ══════════════════════════════════════════════ */

.authInput,
.kmlInput,
input[class*="Input"],
textarea[class*="Input"] {
  border-radius: 4px !important;
  transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out !important;
}

.authInput:focus,
.kmlInput:focus {
  box-shadow: 0 0 0 1px rgba(201,160,42,.40) !important;
  border-color: rgba(201,160,42,.40) !important;
}

/* ══════════════════════════════════════════════
   MARKET HERO — seção de hero do marketplace
   ══════════════════════════════════════════════ */

#screenProcurar .marketHeroContent {
  border-radius: 4px !important;
}

#screenProcurar .marketHeroContent::before {
  display: none !important;
}

.marketHeroSub {
  letter-spacing: 0 !important;
}

/* ══════════════════════════════════════════════
   MISCELÂNEA — outros elementos detectados
   ══════════════════════════════════════════════ */

/* Badges em geral */
.badge {
  border-radius: 4px !important;
}

/* Role badges */
.roleCardPro {
  border-radius: 4px !important;
}

/* Note/warning boxes */
.noteWarn {
  border-radius: 4px !important;
}

/* Auth cards */
.authHeroCard,
.authSectionCard,
.authFullCard,
.authCard {
  border-radius: 4px !important;
}

/* Avatar do chat */
.chatAvatar {
  border-radius: 50% !important;
}

/* Botão "Mais opções" nos cards */
.opBtn {
  border-radius: 4px !important;
}

/* Section titles — estilo base (cor vem do override global #111111) */
.section-title {
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  letter-spacing: .3px !important;
}

/* section-title branca APENAS nas telas escuras */
#screenEditor .section-title,
#screenClient .section-title,
.kmlLoginCard .section-title,
.authCard .section-title,
#chatModal .section-title,
#screenChat .section-title,
.modal .section-title,
.pkgCard .section-title { color: rgba(255,255,255,.70) !important; }

/* Scrollbar global — mais discreta */
::-webkit-scrollbar {
  width: 6px !important;
  height: 6px !important;
}

::-webkit-scrollbar-track {
  background: transparent !important;
}

::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,.18) !important;
  border-radius: 3px !important;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(0,0,0,.30) !important;
}

/* Scrollbar nas telas escuras — mantém branca */
#screenChat ::-webkit-scrollbar-thumb,
#chatModal ::-webkit-scrollbar-thumb,
#screenEditor ::-webkit-scrollbar-thumb,
#screenClient ::-webkit-scrollbar-thumb,
.cornerCard ::-webkit-scrollbar-thumb,
.kmlLoginCard ::-webkit-scrollbar-thumb { background: rgba(0,0,0,.12) !important; }

#screenChat ::-webkit-scrollbar-thumb:hover,
#chatModal ::-webkit-scrollbar-thumb:hover,
#screenEditor ::-webkit-scrollbar-thumb:hover,
#screenClient ::-webkit-scrollbar-thumb:hover,
.cornerCard ::-webkit-scrollbar-thumb:hover,
.kmlLoginCard ::-webkit-scrollbar-thumb:hover { background: rgba(0,0,0,.22) !important; }

/* ══════════════════════════════════════════════════════════════
   #screenChat — REDESIGN FORMA-CHAT
   Mapeamento exato: forma-chat.html → classes do Karameloo
   Sidebar 18rem | Main flex-1 | Info panel (slide)
   ══════════════════════════════════════════════════════════════ */

/* Layout raiz */
#screenChat {
  background: #12151e !important;
}
#screenChat .chatPageWrap {
  display: flex !important;
  height: 100% !important;
  overflow: hidden !important;
  background: #12151e !important;
}

/* ── SIDEBAR ─────────────────────────────────────────────────── */
#screenChat .chatSidebar {
  width: 18rem !important;
  flex-shrink: 0 !important;
  background: #0d1018 !important;
  border-right: 1px solid rgba(255,255,255,.09) !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Header da sidebar */
#screenChat .chatSidebarHead {
  display: flex !important;
  align-items: center !important;
  gap: 0.6rem !important;
  padding: 1.15rem 1rem 0.8rem !important;
  border-bottom: 1px solid rgba(255,255,255,.09) !important;
  flex-shrink: 0 !important;
}
#screenChat .chatSidebarTitle {
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.32rem !important;
  text-transform: uppercase !important;
  color: #fff !important;
  flex: 1 !important;
}
#screenChat .chatBackBtn {
  width: 1.9rem !important;
  height: 1.9rem !important;
  border-radius: 4px !important;
  background: none !important;
  color: rgba(255,255,255,.42) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  transition: background 0.2s ease, color 0.2s ease !important;
}
#screenChat .chatBackBtn:hover {
  background: rgba(255,255,255,.06) !important;
  color: #fff !important;
}

/* Search */
#screenChat .chatSidebarSearch {
  padding: 0.7rem 0.9rem !important;
  flex-shrink: 0 !important;
}
#screenChat .chatSearchInput {
  width: 100% !important;
  background: rgba(255,255,255,.05) !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  border-radius: 4px !important;
  color: #fff !important;
  font-size: 0.78rem !important;
  padding: 0 0.85rem !important;
  height: 2.2rem !important;
  outline: none !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}
#screenChat .chatSearchInput::placeholder { color: rgba(255,255,255,.35) !important; }
#screenChat .chatSearchInput:focus {
  border-color: rgba(255,255,255,.28) !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.07) !important;
}

/* Filter chips */
#screenChat .chatFilterRow {
  display: flex !important;
  gap: 0.35rem !important;
  padding: 0 0.9rem 0.65rem !important;
  flex-shrink: 0 !important;
  overflow-x: auto !important;
  scrollbar-width: none !important;
}
#screenChat .chatFilterRow::-webkit-scrollbar { display: none !important; }
#screenChat .chatFilterChip {
  font-size: 0.62rem !important;
  font-weight: 700 !important;
  padding: 0.28rem 0.65rem !important;
  border-radius: 4px !important;
  background: rgba(255,255,255,.05) !important;
  color: rgba(255,255,255,.42) !important;
  white-space: nowrap !important;
  border: 1px solid transparent !important;
  cursor: pointer !important;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease !important;
}
#screenChat .chatFilterChip.active {
  background: rgba(255,255,255,.12) !important;
  color: #fff !important;
  border-color: rgba(255,255,255,.22) !important;
}
#screenChat .chatFilterChip:hover:not(.active) {
  background: rgba(255,255,255,.08) !important;
  color: #fff !important;
}

/* Lista de contatos */
#screenChat .chatContactsList {
  flex: 1 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}
#screenChat .chatContactsList::-webkit-scrollbar { width: 3px !important; }
#screenChat .chatContactsList::-webkit-scrollbar-track { background: transparent !important; }
#screenChat .chatContactsList::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,.08) !important;
  border-radius: 2px !important;
}

/* Itens de contato */
#screenChat .contactItem {
  display: flex !important;
  align-items: center !important;
  gap: 0.7rem !important;
  padding: 0.85rem 1.1rem !important;
  width: 100% !important;
  text-align: left !important;
  background: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(255,255,255,.04) !important;
  border-radius: 0 !important;
  color: #fff !important;
  cursor: pointer !important;
  min-width: 0 !important;
  transition: background 0.15s ease !important;
  position: relative !important;
}
#screenChat .contactItem:hover { background: rgba(255,255,255,.05) !important; }
#screenChat .contactItem.active {
  background: rgba(255,255,255,.07) !important;
  border-left: 2px solid rgba(255,255,255,.5) !important;
  padding-left: calc(1.1rem - 2px) !important;
}

/* Badge de não-lidas por conversa */
#screenChat .contactUnreadBadge {
  flex-shrink: 0 !important;
  min-width: 18px !important;
  height: 18px !important;
  border-radius: 4px !important;
  background: rgba(255,255,255,.12) !important;
  color: #fff !important;
  font-size: 0.55rem !important;
  font-weight: 700 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 4px !important;
}

/* Avatar do contato — neutro sem dourado */
#screenChat .contactAvatar {
  width: 2.5rem !important;
  height: 2.5rem !important;
  border-radius: 50% !important;
  flex-shrink: 0 !important;
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 0.85rem !important;
  font-weight: 700 !important;
  background: rgba(255,255,255,.1) !important;
  color: rgba(255,255,255,.8) !important;
  overflow: visible !important;
}
#screenChat .contactAvatar img {
  width: 100% !important;
  height: 100% !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  display: block !important;
}
#screenChat .contactAvatar > span:not(.contactTypingBadge) {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Typing badge no avatar — neutro */
#screenChat .contactTypingBadge {
  display: none !important;
  position: absolute !important;
  bottom: -3px !important;
  right: -3px !important;
  background: #0d1018 !important;
  border: 1.5px solid rgba(255,255,255,.25) !important;
  border-radius: 50px !important;
  padding: 2px 4px !important;
  gap: 2px !important;
  align-items: center !important;
}
#screenChat .contactTypingBadge.show { display: flex !important; }
#screenChat .contactTypingBadge i {
  width: 3px !important;
  height: 3px !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,.6) !important;
  display: block !important;
  animation: kmlChatDot 1.1s ease-in-out infinite !important;
  font-style: normal !important;
}
#screenChat .contactTypingBadge i:nth-child(2) { animation-delay: 0.18s !important; }
#screenChat .contactTypingBadge i:nth-child(3) { animation-delay: 0.36s !important; }

/* Meta do contato */
#screenChat .contactMeta {
  flex: 1 !important;
  min-width: 0 !important;
}
#screenChat .contactTop {
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  gap: 0.4rem !important;
}
#screenChat .contactName {
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  color: #fff !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
#screenChat .contactTime {
  font-size: 0.58rem !important;
  color: rgba(255,255,255,.38) !important;
  flex-shrink: 0 !important;
}
#screenChat .contactLast {
  font-size: 0.72rem !important;
  color: rgba(255,255,255,.42) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  margin-top: 0.15rem !important;
}
#screenChat .contactLast.isTyping {
  color: rgba(255,255,255,.55) !important;
  font-style: italic !important;
}
#screenChat .contactsEmpty {
  padding: 2rem 1.1rem !important;
  text-align: center !important;
  font-size: 0.72rem !important;
  color: rgba(255,255,255,.28) !important;
  letter-spacing: 0.06rem !important;
}

/* ── MAIN CHAT AREA ───────────────────────────────────────────── */
#screenChat .chatMain {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  background: #111420 !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

/* Empty state — display controlado pelo item 15 no final do arquivo */
#screenChat .chatEmptyIcon { font-size: 2rem !important; }
#screenChat .chatEmptyTitle {
  font-size: 0.7rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.2rem !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,.65) !important;
}
#screenChat .chatEmptySub {
  font-size: 0.72rem !important;
  color: rgba(255,255,255,.35) !important;
  text-align: center !important;
  max-width: 260px !important;
  line-height: 1.5 !important;
}

/* Header da conversa ativa */
#screenChat .chatActiveHead {
  display: flex !important;
  align-items: center !important;
  gap: 0.75rem !important;
  padding: 0 1.25rem !important;
  height: 3.75rem !important;
  border-bottom: 1px solid rgba(255,255,255,.09) !important;
  flex-shrink: 0 !important;
  background: #111420 !important;
}
#screenChat .chatMobileBack {
  width: 1.9rem !important;
  height: 1.9rem !important;
  border-radius: 4px !important;
  background: none !important;
  color: rgba(255,255,255,.42) !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  cursor: pointer !important;
}
#screenChat .chatActiveAvatar {
  width: 2.25rem !important;
  height: 2.25rem !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,.1) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  color: rgba(255,255,255,.8) !important;
  flex-shrink: 0 !important;
  overflow: hidden !important;
}
#screenChat .chatActiveAvatar img {
  width: 100% !important;
  height: 100% !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}
#screenChat .chatActiveInfo {
  flex: 1 !important;
  min-width: 0 !important;
}
#screenChat .chatActiveName {
  font-size: 0.85rem !important;
  font-weight: 700 !important;
  color: #fff !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
#screenChat .chatActiveSub {
  display: flex !important;
  align-items: center !important;
  gap: 0.3rem !important;
  font-size: 0.6rem !important;
  color: rgba(255,255,255,.38) !important;
  letter-spacing: 0 !important;
  margin-top: 0.1rem !important;
}
#screenChat .chatPresenceDot {
  display: inline-block !important;
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,.28) !important;
  flex-shrink: 0 !important;
}
#screenChat .chatPresenceDot.online { background: #5dca7a !important; }
#screenChat .chatActiveActions {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  flex-shrink: 0 !important;
}
#screenChat .chatDealBadge {
  font-size: 0.6rem !important;
  font-weight: 700 !important;
  padding: 0.22rem 0.55rem !important;
  border-radius: 4px !important;
  background: rgba(255,255,255,.06) !important;
  color: rgba(255,255,255,.55) !important;
  border: 1px solid rgba(255,255,255,.1) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
}
/* deal badge com estados semânticos */
#screenChat .chatDealBadge[data-state="briefing"]   { background: rgba(99,179,237,.1) !important; color: rgba(147,210,255,.8) !important; border-color: rgba(99,179,237,.22) !important; }
#screenChat .chatDealBadge[data-state="proposta"]   { background: rgba(246,173,85,.08) !important; color: rgba(246,173,85,.85) !important; border-color: rgba(246,173,85,.2) !important; }
#screenChat .chatDealBadge[data-state="andamento"]  { background: rgba(72,187,120,.08) !important; color: rgba(104,211,145,.85) !important; border-color: rgba(72,187,120,.2) !important; }
#screenChat .chatDealBadge[data-state="concluido"]  { background: rgba(255,255,255,.05) !important; color: rgba(255,255,255,.4) !important; border-color: rgba(255,255,255,.08) !important; }
#screenChat .chatActionBtn {
  width: 1.9rem !important;
  height: 1.9rem !important;
  border-radius: 4px !important;
  background: none !important;
  color: rgba(255,255,255,.38) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: background 0.2s ease, color 0.2s ease !important;
}
#screenChat .chatActionBtn:hover {
  background: rgba(255,255,255,.06) !important;
  color: #fff !important;
}

/* ── MENSAGENS ────────────────────────────────────────────────── */
#screenChat .chatPageMessages {
  flex: 1 !important;
  overflow-y: auto !important;
  padding: 1.25rem !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.35rem !important;
  background: #111420 !important;
  min-height: 0 !important;
}
#screenChat .chatPageMessages::-webkit-scrollbar { width: 3px !important; }
#screenChat .chatPageMessages::-webkit-scrollbar-track { background: transparent !important; }
#screenChat .chatPageMessages::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,.08) !important;
  border-radius: 2px !important;
}

/* Wrapper de cada mensagem */
#screenChat .chatPageMsg {
  display: flex !important;
  flex-direction: column !important;
  max-width: 68% !important;
  position: relative !important;
}
#screenChat .chatPageMsg.me {
  align-self: flex-end !important;
  align-items: flex-end !important;
}
#screenChat .chatPageMsg.them {
  align-self: flex-start !important;
  align-items: flex-start !important;
}
/* espaçamento entre mensagens consecutivas */
#screenChat .chatPageMsg + .chatPageMsg { margin-top: 0.12rem !important; }
#screenChat .chatPageMsg.them + .chatPageMsg.me,
#screenChat .chatPageMsg.me  + .chatPageMsg.them { margin-top: 0.6rem !important; }

/* Bolha */
#screenChat .chatPageMsgText {
  position: relative !important;
  padding: 0.55rem 0.88rem !important;
  border-radius: 16px !important;
  font-size: 0.85rem !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
  word-break: break-word !important;
  white-space: pre-wrap !important;
}
#screenChat .chatPageMsg.me .chatPageMsgText {
  background: #ffffff !important;
  color: #111420 !important;
  border-bottom-right-radius: 4px !important;
  border: none !important;
  box-shadow: none !important;
}
#screenChat .chatPageMsg.them .chatPageMsgText {
  background: rgba(255,255,255,.08) !important;
  color: #fff !important;
  border-bottom-left-radius: 4px !important;
  border: none !important;
  box-shadow: none !important;
}

/* Cauda das bolhas — border trick do forma-chat */
#screenChat .chatPageMsg.me .chatPageMsgText::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  right: -6px !important;
  border: 7px solid transparent !important;
  border-left-color: #ffffff !important;
  border-right: none !important;
  border-bottom: none !important;
}
#screenChat .chatPageMsg.them .chatPageMsgText::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  left: -6px !important;
  border: 7px solid transparent !important;
  border-right-color: rgba(255,255,255,.08) !important;
  border-left: none !important;
  border-bottom: none !important;
}

/* Meta (horário + ticks) */
#screenChat .chatPageMsgMeta {
  display: flex !important;
  align-items: center !important;
  gap: 0.25rem !important;
  padding: 0.12rem 0.25rem 0 !important;
}
#screenChat .chatPageMsgMeta > span:first-child {
  font-size: 0.56rem !important;
  color: rgba(255,255,255,.38) !important;
}
/* chatPageMsgTicks — estilos SVG definidos abaixo no bloco de ticks de status */

/* Estado vazio da conversa */
#screenChat .chatMessageEmptyState {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.6rem !important;
  text-align: center !important;
  padding: 2rem !important;
  opacity: 0.6 !important;
}
#screenChat .chatSystemTrust {
  text-align: center !important;
  font-size: 0.56rem !important;
  letter-spacing: 0.12rem !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,.2) !important;
  padding: 0.4rem 0 0.8rem !important;
  align-self: center !important;
}
#screenChat .chatBriefingGrid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 0.5rem !important;
  width: 100% !important;
  max-width: 440px !important;
  font-size: 0.72rem !important;
}
#screenChat .chatBriefingGrid > div {
  background: rgba(255,255,255,.04) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  border-radius: 4px !important;
  padding: 0.65rem 0.5rem !important;
}
#screenChat .chatEmptySuggestions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.5rem !important;
  justify-content: center !important;
}
#screenChat .chatEmptySuggestions button {
  font-size: 0.72rem !important;
  padding: 0.4rem 0.85rem !important;
  border-radius: 4px !important;
  background: rgba(255,255,255,.05) !important;
  border: 1px solid rgba(255,255,255,.1) !important;
  color: rgba(255,255,255,.65) !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}
#screenChat .chatEmptySuggestions button:hover {
  border-color: rgba(255,255,255,.25) !important;
  color: #fff !important;
  background: rgba(255,255,255,.08) !important;
}

/* ── TYPING BAR ───────────────────────────────────────────────── */
#screenChat .chatTypingBar {
  padding: 0 1.25rem 0.5rem !important;
  flex-shrink: 0 !important;
  display: none !important;
}
#screenChat .chatTypingBar.show { display: block !important; }
#screenChat .chatTypingBubble {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.3rem !important;
  padding: 0.55rem 0.85rem !important;
  background: rgba(255,255,255,.08) !important;
  border-radius: 16px !important;
  border-bottom-left-radius: 4px !important;
}
#screenChat .chatTypingDots {
  display: flex !important;
  align-items: center !important;
  gap: 0.22rem !important;
}
#screenChat .chatTypingDots i {
  width: 5px !important;
  height: 5px !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,.38) !important;
  display: block !important;
  font-style: normal !important;
  animation: kmlChatDot 1.3s ease-in-out infinite !important;
}
#screenChat .chatTypingDots i:nth-child(2) { animation-delay: 0.18s !important; }
#screenChat .chatTypingDots i:nth-child(3) { animation-delay: 0.36s !important; }
#screenChat .chatTypingText {
  font-size: 0.62rem !important;
  color: rgba(255,255,255,.38) !important;
  font-style: italic !important;
}

/* ── COMPOSER (barra de envio) ────────────────────────────────── */
#screenChat .chatPageComposer {
  display: flex !important;
  align-items: flex-end !important;
  gap: 0.65rem !important;
  padding: 0.75rem 1.1rem !important;
  border-top: 1px solid rgba(255,255,255,.09) !important;
  flex-shrink: 0 !important;
  background: #111420 !important;
}
#screenChat .chatComposerInputWrap {
  flex: 1 !important;
  min-width: 0 !important;
}
#screenChat .chatComposerInput {
  width: 100% !important;
  background: rgba(255,255,255,.05) !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  border-radius: 4px !important;
  color: #fff !important;
  font-family: inherit !important;
  font-size: 0.85rem !important;
  font-weight: 400 !important;
  padding: 0.55rem 1rem !important;
  resize: none !important;
  outline: none !important;
  max-height: 130px !important;
  line-height: 1.5 !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}
#screenChat .chatComposerInput::placeholder { color: rgba(255,255,255,.3) !important; }
#screenChat .chatComposerInput:focus {
  border-color: rgba(255,255,255,.28) !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.07) !important;
}
/* Botão enviar — branco como no forma-chat */
#screenChat .chatComposerSend {
  width: 2.75rem !important;
  height: 2.75rem !important;
  border-radius: 4px !important;
  background: #ffffff !important;
  color: #111420 !important;
  border: none !important;
  flex-shrink: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: background 0.2s ease !important;
}
#screenChat .chatComposerSend:hover  { background: rgba(255,255,255,.88) !important; }
#screenChat .chatComposerSend:active { background: rgba(255,255,255,.72) !important; }
#screenChat .chatComposerSend svg { width: 1rem !important; height: 1rem !important; }

/* ── INFO PANEL — display/width controlados pelo item 15 via .showInfo ─── */
#screenChat .chatInfoPanel {
  flex-shrink: 0 !important;
  background: #0d1018 !important;
  display: flex !important;
  flex-direction: column !important;
  transition: width 0.28s cubic-bezier(.16,1,.3,1), opacity 0.22s ease !important;
}
#screenChat .chatInfoHead {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 1.1rem 1rem 0.75rem !important;
  border-bottom: 1px solid rgba(255,255,255,.09) !important;
  flex-shrink: 0 !important;
}
#screenChat .chatInfoTitle {
  font-size: 0.65rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.26rem !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,.5) !important;
}
#screenChat .chatInfoClose {
  width: 1.9rem !important;
  height: 1.9rem !important;
  border-radius: 4px !important;
  background: none !important;
  color: rgba(255,255,255,.38) !important;
  font-size: 1.1rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: background 0.2s ease, color 0.2s ease !important;
}
#screenChat .chatInfoClose:hover {
  background: rgba(255,255,255,.06) !important;
  color: #fff !important;
}
#screenChat .chatInfoBody { padding: 0.9rem !important; }
#screenChat .chatInfoAvatarBlock { text-align: center !important; margin-bottom: 1rem !important; }
#screenChat .chatInfoCard {
  background: rgba(255,255,255,.03) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  border-radius: 4px !important;
  padding: 0.65rem 0.75rem !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.55rem !important;
}
#screenChat .chatInfoRow {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.08rem !important;
}
#screenChat .chatInfoRow .k {
  font-size: 0.52rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.14rem !important;
  color: rgba(255,255,255,.3) !important;
}
#screenChat .chatInfoRow .v {
  font-size: 0.75rem !important;
  color: rgba(255,255,255,.78) !important;
}

/* ── TICKS DE STATUS (enviado/entregue/lido) ──────────────────── */
#screenChat .chatPageMsgTicks {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0 !important;
  opacity: 0.5 !important;
}
#screenChat .chatPageMsgTicks svg {
  width: 12px !important;
  height: 12px !important;
  stroke: rgba(255,255,255,.55) !important;
}
#screenChat .chatPageMsg.delivered .chatPageMsgTicks svg,
#screenChat .chatPageMsg.read .chatPageMsgTicks svg {
  stroke: rgba(255,255,255,.75) !important;
}
#screenChat .chatPageMsg.read .chatPageMsgTicks { opacity: 1 !important; }

/* ── DATE SEPARATOR ──────────────────────────────────────────── */
#screenChat .chatDateSeparator {
  display: flex !important;
  align-items: center !important;
  gap: 0.75rem !important;
  padding: 0.5rem 0 !important;
  align-self: stretch !important;
}
#screenChat .chatDateSeparator::before,
#screenChat .chatDateSeparator::after {
  content: '' !important;
  flex: 1 !important;
  height: 1px !important;
  background: rgba(255,255,255,.07) !important;
}
#screenChat .chatDateSeparator span {
  font-size: 0.56rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.12rem !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,.28) !important;
  white-space: nowrap !important;
}

/* ── MENSAGEM: sent com erro ─────────────────────────────────── */
#screenChat .chatPageMsg.error .chatPageMsgText {
  background: rgba(248,113,113,.12) !important;
  border: 1px solid rgba(248,113,113,.2) !important;
  color: rgba(252,165,165,.9) !important;
}
#screenChat .chatPageMsg.error .chatPageMsgTicks { display: none !important; }
#screenChat .chatMsgError {
  font-size: 0.58rem !important;
  color: rgba(252,165,165,.7) !important;
  padding: 0.15rem 0.25rem 0 !important;
}

/* ── EMPTY STATE — ícone SVG em vez de emoji ────────────────── */
#screenChat .chatEmptyIcon {
  font-size: 0 !important;
  width: 40px !important;
  height: 40px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: rgba(255,255,255,.3) !important;
}

/* ── MOBILE: chatMobileBack visível ─────────────────────────── */
@media (max-width: 640px) {
  #screenChat .chatMobileBack {
    display: flex !important;
  }
  #screenChat .chatSidebar {
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    width: 100% !important;
    transition: transform 0.28s cubic-bezier(.16,1,.3,1) !important;
  }
  #screenChat .chatSidebar.hidden {
    transform: translateX(-100%) !important;
  }
  #screenChat .chatInfoPanel {
    display: none !important;
  }
}

/* ── MOBILE ───────────────────────────────────────────────────── */
@media (max-width: 680px) {
  #screenChat .chatPageWrap { position: relative !important; }
  #screenChat .chatSidebar {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    z-index: 10 !important;
    transition: transform 0.28s cubic-bezier(.16,1,.3,1) !important;
  }
  #screenChat .chatMain {
    position: absolute !important;
    inset: 0 !important;
    display: none !important;
    z-index: 5 !important;
  }
  /* JS adds .chatActive to chatPageWrap when conversation is open */
  #screenChat .chatPageWrap.chatActive .chatSidebar { transform: translateX(-100%) !important; }
  #screenChat .chatPageWrap.chatActive .chatMain    { display: flex !important; }
  /* legacy support */
  #screenChat.chatMobileShowMsg .chatSidebar { transform: translateX(-100%) !important; }
  #screenChat.chatMobileShowMsg .chatMain    { display: flex !important; }
  #screenChat .chatMobileBack { display: flex !important; }
  #screenChat .chatInfoPanel  { display: none !important; }
}

/* ══════════════════════════════════════════════
   CHAT — NEUTRALIZAR ANTI-PADRÕES DO STYLES.CSS
   Remove: gradiente dourado, glassmorphism, grid futurista,
   border-radius 22px, neon verde, sombras coloridas
   ══════════════════════════════════════════════ */

/* Grid futurista no chatMain */
#screenChat .chatMain::before { display: none !important; content: none !important; }

/* Fundo do chatMain — neutro, sem gradiente */
#screenChat .chatMain {
  background: #111420 !important;
  position: relative !important;
}

/* chatActiveHead — sem glassmorphism */
#screenChat .chatActiveHead {
  min-height: unset !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  background: #111420 !important;
}

/* chatActiveSub — sem dourado */
#screenChat .chatActiveSub { color: rgba(255,255,255,.38) !important; }

/* chatPageMessages — sem padding gigante */
#screenChat .chatPageMessages {
  padding: 1.25rem !important;
  gap: 0.35rem !important;
}

/* chatPageMsg wrapper — remover estilos da bolha (a bolha usa .chatPageMsgText) */
#screenChat .chatPageMsg {
  max-width: 68% !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  border: none !important;
  background: none !important;
}
#screenChat .chatPageMsg.me {
  background: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #fff !important;
}
#screenChat .chatPageMsg.them {
  background: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
#screenChat .chatPageMsg.me .chatPageMsgMeta {
  color: rgba(255,255,255,.38) !important;
}

/* chatContactItem — card plano sem glassmorphism */
#screenChat .chatContactItem {
  display: flex !important;
  grid-template-columns: unset !important;
  align-items: center !important;
  gap: 0.7rem !important;
  padding: 0.85rem 1.1rem !important;
  border-radius: 0 !important;
  background: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(255,255,255,.04) !important;
  box-shadow: none !important;
  transform: none !important;
  transition: background 0.15s ease !important;
  cursor: pointer !important;
  width: 100% !important;
  text-align: left !important;
  color: #fff !important;
  position: relative !important;
}
#screenChat .chatContactItem:hover {
  background: rgba(255,255,255,.05) !important;
  border-color: rgba(255,255,255,.04) !important;
  transform: none !important;
}
#screenChat .chatContactItem.active {
  background: rgba(255,255,255,.07) !important;
  border-left: 2px solid rgba(255,255,255,.5) !important;
  border-bottom-color: rgba(255,255,255,.04) !important;
  box-shadow: none !important;
  transform: none !important;
}

/* Avatar do contato */
#screenChat .chatContactAvatar {
  width: 2.5rem !important;
  height: 2.5rem !important;
  min-width: 2.5rem !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,.1) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 0.85rem !important;
  font-weight: 700 !important;
  color: rgba(255,255,255,.8) !important;
  overflow: visible !important;
  box-shadow: none !important;
  position: relative !important;
}
#screenChat .chatContactAvatar img {
  width: 100% !important;
  height: 100% !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}
#screenChat .chatContactAvatar span { color: rgba(255,255,255,.8) !important; }

/* Presença (dot online) */
#screenChat .chatContactPresence {
  position: absolute !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 9px !important;
  height: 9px !important;
  border-radius: 50% !important;
  border: 2px solid #0d1018 !important;
  background: rgba(255,255,255,.28) !important;
  box-shadow: none !important;
}
#screenChat .chatContactPresence.online {
  background: #5dca7a !important;
  box-shadow: none !important;
}

/* Meta */
#screenChat .chatContactMeta {
  flex: 1 !important;
  min-width: 0 !important;
  gap: 0.12rem !important;
}
#screenChat .chatContactTop {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.35rem !important;
}
#screenChat .chatContactNameBlock { flex: 1 !important; min-width: 0 !important; }
#screenChat .chatContactName {
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  color: #fff !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
#screenChat .chatContactRole {
  font-size: 0.58rem !important;
  font-weight: 600 !important;
  color: rgba(255,255,255,.38) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  display: flex !important;
  gap: 0.3rem !important;
  align-items: center !important;
}
#screenChat .chatContactRole span {
  color: rgba(255,255,255,.38) !important;
  font-size: 0.58rem !important;
  font-weight: 600 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}
#screenChat .chatContactSide {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  gap: 0.2rem !important;
  flex-shrink: 0 !important;
}
#screenChat .chatContactTime {
  font-size: 0.58rem !important;
  font-weight: 400 !important;
  color: rgba(255,255,255,.38) !important;
  white-space: nowrap !important;
}
#screenChat .chatContactLast {
  font-size: 0.72rem !important;
  font-weight: 400 !important;
  color: rgba(255,255,255,.42) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  line-height: 1.4 !important;
}
#screenChat .chatContactLast.isTyping { color: rgba(255,255,255,.55) !important; }

/* Unread badge — neutro sem neon vermelho */
#screenChat .chatContactUnread {
  position: static !important;
  min-width: 18px !important;
  height: 18px !important;
  border-radius: 4px !important;
  background: rgba(255,255,255,.12) !important;
  color: #fff !important;
  font-size: 0.55rem !important;
  font-weight: 700 !important;
  box-shadow: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 4px !important;
}

/* Typing badge dentro do avatar */
#screenChat .chatContactTypingBadge i {
  background: rgba(255,255,255,.6) !important;
}

/* Deal trail — ocultar decoração visual genérica */
#screenChat .chatContactDealTrail { display: none !important; }

/* Open dot (sem mensagens não lidas) */
#screenChat .chatContactOpenDot { display: none !important; }

/* Skeleton */
#screenChat .chatContactSkeleton {
  border-radius: 0 !important;
  background: rgba(255,255,255,.04) !important;
  box-shadow: none !important;
  border-bottom: 1px solid rgba(255,255,255,.04) !important;
}

/* Contacts list container — remover padding do styles.css */
#screenChat .chatContactsList > div,
#screenChat #chatPageContacts > div {
  padding: 0 !important;
  gap: 0 !important;
}

/* ══════════════════════════════════════════════
   CORNER DROPDOWN — GrowIn ao abrir
   ══════════════════════════════════════════════ */

@keyframes kmlGrowIn {
  from { opacity: 0; transform: translateY(-10px) scale(.96); }
  to   { opacity: 1; transform: translateY(0)     scale(1);   }
}

body.profileMenuDropdownMode.profileQuickMenuOpen #cornerControls,
body.profileQuickMenuOpen.profileMenuDropdownMode #cornerControls,
body.profileQuickMenuOpen #cornerControls.menuOpen {
  animation: kmlGrowIn 0.22s cubic-bezier(.16,1,.3,1) both !important;
  transform-origin: top left !important;
}

body.profileMenuDropdownMode #cornerControls .cornerCard {
  border-radius: 4px !important;
  border: 1px solid rgba(255,255,255,.10) !important;
}

/* ══════════════════════════════════════════════
   CTA BUTTONS — blob hover (radial overlay)
   ══════════════════════════════════════════════ */

.ctaBtn,
.lSecCtaBtn,
.kmlHeroCtaBtn,
.ctaGlowBtn {
  position: relative !important;
  overflow: hidden !important;
}

.ctaBtn::after,
.lSecCtaBtn::after,
.kmlHeroCtaBtn::after,
.ctaGlowBtn::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: radial-gradient(circle at 50% 50%, rgba(255,255,255,.18) 0%, transparent 70%) !important;
  opacity: 0 !important;
  transition: opacity 0.28s ease !important;
  pointer-events: none !important;
}

.ctaBtn:hover::after,
.lSecCtaBtn:hover::after,
.kmlHeroCtaBtn:hover::after,
.ctaGlowBtn:hover::after {
  opacity: 1 !important;
}

/* ══════════════════════════════════════════════
   LOGIN CARD — entrada suave
   ══════════════════════════════════════════════ */

@keyframes kmlLoginSlideIn {
  from { opacity: 0; transform: translateY(16px) scale(.98); }
  to   { opacity: 1; transform: translateY(0)    scale(1);   }
}

.kmlLoginCard {
  animation: kmlLoginSlideIn 0.45s cubic-bezier(.16,1,.3,1) both !important;
}

/* Inputs do login — foco mais limpo */
.kmlLoginCard input[type="text"],
.kmlLoginCard input[type="email"],
.kmlLoginCard input[type="password"] {
  border-radius: 4px !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}
.kmlLoginCard input:focus {
  outline: none !important;
  border-color: rgba(201,160,42,.6) !important;
  box-shadow: 0 0 0 3px rgba(201,160,42,.12) !important;
}

/* ══════════════════════════════════════════════
   TOAST — raio de borda consistente
   ══════════════════════════════════════════════ */

.kmlToast,
.toast,
[class*="toast"],
[class*="Toast"] {
  border-radius: 4px !important;
}

/* ══════════════════════════════════════════════
   AVATARES — circular onde deve ser circular
   ══════════════════════════════════════════════ */

.eCardAvatar,
.editorAvatar,
.contactAvatar,
.cmAvatar,
.miniEdAvatar {
  border-radius: 50% !important;
}

/* ══════════════════════════════════════════════
   MARKET HERO SEARCH — input limpo
   ══════════════════════════════════════════════ */

.marketSearchInput,
.marketSearchBar input,
.kmlSearchInput {
  border-radius: 4px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
}

/* Botão de busca */
.marketSearchBtn,
.kmlSearchBtn {
  border-radius: 4px !important;
  font-weight: 700 !important;
}

/* ══════════════════════════════════════════════
   TABS GLOBAIS — estilo consistente
   ══════════════════════════════════════════════ */

[role="tab"],
.tab-btn,
.tabBtn {
  border-radius: 4px !important;
  font-weight: 700 !important;
  letter-spacing: .2px !important;
  transition: background 0.2s ease, color 0.2s ease !important;
}

/* ══════════════════════════════════════════════
   MODAL — raio e fundo sólido
   ══════════════════════════════════════════════ */

.modal,
.kmlModal,
[class*="Modal"]:not(.inboxFull) {
  border-radius: 4px !important;
}

.modalContent,
.kmlModalContent,
[class*="ModalContent"] {
  border-radius: 4px !important;
  backdrop-filter: none !important;
}

/* ══════════════════════════════════════════════
   EPEDITOR V3 — botões e cards
   ══════════════════════════════════════════════ */

.epV3Btn,
.epV3Card {
  border-radius: 4px !important;
}

.epV3Title {
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

/* ══════════════════════════════════════════════
   MARKETPLACE PACKAGE CARDS
   ══════════════════════════════════════════════ */

.pkgCard {
  border-radius: 4px !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.pkgCard:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 24px rgba(0,0,0,.35) !important;
}

.pkgCard .pkgName {
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

/* ══════════════════════════════════════════════
   PROFILE BUTTON — animação no hover
   ══════════════════════════════════════════════ */

.globalProfileBtn,
.marketCornerProfile {
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.globalProfileBtn:hover,
.marketCornerProfile:hover {
  transform: scale(1.05) !important;
}

/* ══════════════════════════════════════════════
   BADGE / NOTIF — consistência
   ══════════════════════════════════════════════ */

.cmNotifBadge,
.kmlBadge,
[class*="badge"],
[class*="Badge"] {
  border-radius: 50px !important;
  font-weight: 700 !important;
  font-size: 0.62rem !important;
  letter-spacing: 0 !important;
}

/* ══════════════════════════════════════════════
   LOADING BAR — cor dourada
   ══════════════════════════════════════════════ */

.kmlPl-bar-fill {
  background: rgba(201,160,42,.8) !important;
}

/* ══════════════════════════════════════════════
   HOVER STATES — feedback tátil consistente
   ══════════════════════════════════════════════ */

.cmBtn {
  transition: background 0.2s ease !important;
}

.cmBtn:hover {
  background: rgba(255,255,255,.05) !important;
}

.cmBtn:active {
  background: rgba(255,255,255,.08) !important;
  transform: scale(.98) !important;
}

/* ══════════════════════════════════════════════
   BOTÕES DE VOLTAR — padrão unificado
   Ghost, border-radius 4px, sem glow, sem gradiente.
   ══════════════════════════════════════════════ */

/* ─── BASE COMPARTILHADA (icon-only + com texto) ─── */
.navBack,
.chatBackBtn,
.chatMobileBack,
.propV2-back,
.peBackBtn,
.kpo-back-btn,
.denDetailBack,
.flp-back,
.kml-back-icon,
.clientBackBtn,
.searchResultsBackBtn,
.banco-back,
.ecpBackBtn,
.ppBack,
.opBtn:not(.primary):not(.danger),
.payBtn:not(.primary):not(.danger),
.kml-back-text {
  background: transparent !important;
  border: 1px solid rgba(255,255,255,.15) !important;
  border-radius: 4px !important;
  color: rgba(255,255,255,.7) !important;
  box-shadow: none !important;
  filter: none !important;
  cursor: pointer !important;
  transition: border-color .2s ease, background .2s ease, color .2s ease !important;
}

/* ─── HOVER ─── */
.navBack:hover,
.chatBackBtn:hover,
.chatMobileBack:hover,
.propV2-back:hover,
.peBackBtn:hover,
.kpo-back-btn:hover,
.denDetailBack:hover,
.flp-back:hover,
.kml-back-icon:hover,
.clientBackBtn:hover,
.searchResultsBackBtn:hover,
.banco-back:hover,
.ecpBackBtn:hover,
.ppBack:hover,
.opBtn:not(.primary):not(.danger):hover,
.payBtn:not(.primary):not(.danger):hover,
.kml-back-text:hover {
  border-color: rgba(255,255,255,.3) !important;
  background: rgba(255,255,255,.05) !important;
  color: #fff !important;
  filter: none !important;
  transform: none !important;
  box-shadow: none !important;
}

/* ─── FOCUS VISÍVEL (teclado) ─── */
.navBack:focus-visible,
.chatBackBtn:focus-visible,
.chatMobileBack:focus-visible,
.propV2-back:focus-visible,
.peBackBtn:focus-visible,
.kpo-back-btn:focus-visible,
.denDetailBack:focus-visible,
.flp-back:focus-visible,
.kml-back-icon:focus-visible,
.clientBackBtn:focus-visible,
.searchResultsBackBtn:focus-visible,
.banco-back:focus-visible,
.ecpBackBtn:focus-visible,
.ppBack:focus-visible,
.opBtn:not(.primary):not(.danger):focus-visible,
.payBtn:not(.primary):not(.danger):focus-visible,
.kml-back-text:focus-visible {
  outline: 2px solid #c9a02a !important;
  outline-offset: 2px !important;
}

/* ─── ACTIVE ─── */
.navBack:active,
.chatBackBtn:active,
.chatMobileBack:active,
.propV2-back:active,
.peBackBtn:active,
.kpo-back-btn:active,
.denDetailBack:active,
.flp-back:active,
.kml-back-icon:active,
.clientBackBtn:active,
.searchResultsBackBtn:active,
.banco-back:active,
.ecpBackBtn:active,
.ppBack:active,
.opBtn:not(.primary):not(.danger):active,
.payBtn:not(.primary):not(.danger):active,
.kml-back-text:active {
  background: rgba(255,255,255,.08) !important;
}

/* ─── ICON-ONLY: centralizar conteúdo (não inclui chatMobileBack: display é gerenciado pelo JS) ─── */
.navBack,
.chatBackBtn,
.propV2-back,
.peBackBtn,
.kpo-back-btn,
.denDetailBack,
.flp-back,
.kml-back-icon {
  display: grid !important;
  place-items: center !important;
}

/* ─── COM TEXTO: flex row + gap ─── */
.clientBackBtn,
.searchResultsBackBtn,
.banco-back,
.ecpBackBtn,
.ppBack,
.opBtn:not(.primary):not(.danger),
.payBtn:not(.primary):not(.danger),
.kml-back-text {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  text-decoration: none !important;
  font-family: inherit !important;
  min-width: unset !important;
  width: auto !important;
}

/* ppBack é <a>, garantir linha sólida */
.ppBack {
  font-size: .88rem !important;
  font-weight: 600 !important;
}

/* ══════════════════════════════════════════════
   SETAS DE CARROSSEL — ghost button compacto
   Substituí o gradient overlay por botão 36x36
   centrado no track, sem scrim decorativo.
   ══════════════════════════════════════════════ */

.exploreRowMoreBtn,
.exploreRowBackBtn {
  width: 36px !important;
  height: 36px !important;
  top: 50% !important;
  bottom: auto !important;
  transform: translateY(-50%) !important;
  background: rgba(8,11,20,.88) !important;
  border: 1px solid rgba(255,255,255,.15) !important;
  border-radius: 4px !important;
  color: rgba(255,255,255,.7) !important;
  display: grid !important;
  place-items: center !important;
  transition: border-color .2s ease, background .2s ease, color .2s ease !important;
}

.exploreRowMoreBtn:hover,
.exploreRowBackBtn:hover {
  border-color: rgba(255,255,255,.3) !important;
  background: rgba(8,11,20,.98) !important;
  color: #c9a02a !important;
}

.exploreRowMoreBtn:focus-visible,
.exploreRowBackBtn:focus-visible {
  outline: 2px solid #c9a02a !important;
  outline-offset: 2px !important;
}

.exploreRowMoreBtn svg,
.exploreRowBackBtn svg {
  width: 18px !important;
  height: 18px !important;
  color: inherit !important;
  filter: none !important;
  transition: color .2s ease !important;
}

.exploreRowMoreBtn:hover svg,
.exploreRowBackBtn:hover svg {
  transform: none !important;
  color: #c9a02a !important;
}

.exploreRowMoreBtn {
  right: 4px !important;
  left: auto !important;
}

.exploreRowBackBtn {
  left: 4px !important;
  right: auto !important;
}

.exploreRowMoreBtn:disabled,
.exploreRowMoreBtn:disabled:hover {
  opacity: .3 !important;
  cursor: not-allowed !important;
  border-color: rgba(255,255,255,.1) !important;
  background: rgba(8,11,20,.6) !important;
  color: rgba(255,255,255,.4) !important;
}

/* ══════════════════════════════════════════════
   BOTÃO ENVIAR (osSend) — ícone SVG, não →
   ══════════════════════════════════════════════ */

.osSend {
  border-radius: 4px !important;
  display: grid !important;
  place-items: center !important;
  box-shadow: none !important;
}

/* ══════════════════════════════════════════════
   cjECardBtn — remove glassmorphism e glow
   ══════════════════════════════════════════════ */

.cjECardBtn {
  border-radius: 4px !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  background: transparent !important;
  border: 1px solid rgba(201,160,42,.3) !important;
  color: rgba(255,255,255,.8) !important;
  transition: border-color .2s ease, background .2s ease, color .2s ease !important;
}

.cjECardBtn:hover {
  background: rgba(201,160,42,.1) !important;
  border-color: rgba(201,160,42,.6) !important;
  color: #fff !important;
  transform: none !important;
  box-shadow: none !important;
}

/* ══════════════════════════════════════════════
   loadMoreBtn — remove glassmorphism
   ══════════════════════════════════════════════ */

.loadMoreBtn {
  border-radius: 4px !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  background: rgba(255,255,255,.05) !important;
  border: 1px solid rgba(255,255,255,.15) !important;
  box-shadow: none !important;
}

/* ══════════════════════════════════════════════
   TELA DE LOGIN — REDESIGN ITEM 1
   Remove glassmorphism, trust badges limpos,
   labels, checkbox, passToggle, botão disabled
   ══════════════════════════════════════════════ */

/* 1. Login card — sólido, sem backdrop */
.kmlLoginCard {
  background: #0d1020 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: 0 8px 32px rgba(0,0,0,.45) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
}

/* Social icons — espaçamento limpo, separado dos badges */
.kmlHeroSocial {
  margin-top: 28px !important;
  align-items: center !important;
}

/* Social buttons — ghost limpo, border-radius 4px */
.kmlHeroSocial .socBtn {
  width: 34px !important;
  height: 34px !important;
  border-radius: 4px !important;
  background: rgba(255,255,255,.07) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  display: grid !important;
  place-items: center !important;
  transition: background .2s ease, border-color .2s ease !important;
}

.kmlHeroSocial .socBtn:hover {
  background: rgba(255,255,255,.14) !important;
  border-color: rgba(255,255,255,.25) !important;
}

.kmlHeroSocial .socBtn svg {
  width: 15px !important;
  height: 15px !important;
}

/* Grid 2 colunas para os badges */
.kmlHeroTrustBadges {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 7px !important;
  flex-wrap: unset !important;
}

/* 2. Trust badges — verde, sem glassmorphism */
.kmlHeroTrustBadge {
  background: rgba(93,202,122,.06) !important;
  border: 1px solid rgba(93,202,122,.22) !important;
  padding: 4px 10px !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  color: #5dca7a !important;
  letter-spacing: .2px !important;
}

.kmlHeroTrustBadge svg {
  color: #5dca7a !important;
  stroke: #5dca7a !important;
  flex-shrink: 0 !important;
}

/* 3. Título hero — sem letter-spacing negativo */
.kmlHeroTitle {
  letter-spacing: 0 !important;
}

/* 4. Labels visíveis acima dos inputs */
.kmlLoginLabel {
  display: block !important;
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  color: rgba(17,24,39,.50) !important;
  letter-spacing: .16rem !important;
  text-transform: uppercase !important;
  margin-bottom: 7px !important;
  line-height: 1 !important;
}

/* 5. passToggle — hover e focus */
.passToggle {
  color: rgba(17,24,39,.35) !important;
  transition: color 0.2s ease !important;
  background: transparent !important;
  border: none !important;
  outline: none !important;
}
.passToggle:hover {
  color: rgba(17,24,39,.65) !important;
}
.passToggle:focus-visible {
  outline: 2px solid rgba(201,160,42,.6) !important;
  border-radius: 4px !important;
}

/* 6. Checkbox dos termos — custom design */
.kmlTermsCheck {
  position: absolute !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  pointer-events: none !important;
}

.kmlTermsCheckbox {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 17px !important;
  height: 17px !important;
  min-width: 17px !important;
  border: 1px solid rgba(17,24,39,.28) !important;
  border-radius: 4px !important;
  background: transparent !important;
  position: relative !important;
  transition: border-color 0.2s ease, background 0.2s ease !important;
  cursor: pointer !important;
}

.kmlTermsCheckbox::after {
  content: '' !important;
  display: block !important;
  width: 5px !important;
  height: 9px !important;
  border: 2px solid transparent !important;
  border-top: none !important;
  border-left: none !important;
  transform: rotate(45deg) translateY(-1px) !important;
  transition: border-color 0.15s ease !important;
}

.kmlTermsCheck:checked ~ .kmlTermsCheckbox {
  background: #c9a02a !important;
  border-color: #c9a02a !important;
}

.kmlTermsCheck:checked ~ .kmlTermsCheckbox::after {
  border-color: #0d1020 !important;
}

.kmlTermsLabel {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  cursor: pointer !important;
}

.kmlTermsText {
  font-size: 12px !important;
  color: rgba(17,24,39,.55) !important;
  line-height: 1.55 !important;
}

.kmlTermsText .linkBtn {
  color: rgba(201,160,42,.85) !important;
  font-size: 12px !important;
}

/* 7. Hint de botão desabilitado */
.kmlLoginHint {
  display: none !important;
  font-size: 11.5px !important;
  color: #9ca3af !important;
  text-align: center !important;
  margin-top: 6px !important;
  letter-spacing: .15px !important;
  line-height: 1.4 !important;
}

#startLoginBtn:disabled + .kmlLoginHint {
  display: block !important;
}

/* 8. Botão login desabilitado */
.kmlLoginBtn:disabled,
#startLoginBtn:disabled {
  opacity: .4 !important;
  cursor: not-allowed !important;
}

/* 9. kmlLF — espaçamento entre campos */
.kmlLF {
  margin-bottom: 16px !important;
}
.kmlLF:last-of-type {
  margin-bottom: 0 !important;
}

/* 10. Botão login — dourado, sem roxo */
.kmlLoginBtn {
  background: #c9a02a !important;
  border: none !important;
  color: #0d1020 !important;
  font-weight: 700 !important;
  letter-spacing: .3px !important;
  box-shadow: none !important;
  transition: background 0.2s ease, opacity 0.2s ease !important;
}

.kmlLoginBtn:not(:disabled):hover {
  background: #d4aa36 !important;
}

.kmlLoginBtn:not(:disabled):active {
  background: #b8901f !important;
  transform: scale(.99) !important;
}

#startLoginBtn:disabled {
  background: rgba(201,160,42,.28) !important;
  color: rgba(255,255,255,.35) !important;
  border: none !important;
  box-shadow: none !important;
  opacity: 1 !important;
  cursor: not-allowed !important;
}

/* ══════════════════════════════════════════════
   TELA DE CADASTRO — REDESIGN ITEM 2
   authFullCard sólido, topbar escura, rolePicker
   limpo, inputs 4px, strength bar, btnCadastrar
   dourado, linkBtns dourados
   ══════════════════════════════════════════════ */

/* authFullCard — sólido, sem backdrop-filter */
.authFullCard {
  background: #0d1020 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-radius: 4px !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 0 12px 48px rgba(0,0,0,.60) !important;
}

/* authTopBar — escura + borda inferior, sem gold gradient */
.authTopBar {
  background: #0d1020 !important;
  border-bottom: 1px solid rgba(255,255,255,.09) !important;
  padding: 14px 20px !important;
}

.authTopBar strong,
#titleCadastro {
  color: rgba(255,255,255,.90) !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

/* Botão × dentro do authTopBar — ghost para fundo escuro */
.authTopBar .close {
  background: transparent !important;
  border: 1px solid rgba(255,255,255,.15) !important;
  color: rgba(255,255,255,.55) !important;
  border-radius: 4px !important;
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  padding: 0 !important;
  font-size: 18px !important;
  line-height: 30px !important;
  text-align: center !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: border-color .2s ease, color .2s ease, background .2s ease !important;
}

.authTopBar .close:hover {
  border-color: rgba(255,255,255,.35) !important;
  color: rgba(255,255,255,.90) !important;
  background: rgba(255,255,255,.05) !important;
}

/* rolePicker — 4px, fundo sutil, sem gradiente */
.rolePicker {
  border-radius: 4px !important;
  background: rgba(255,255,255,.04) !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  padding: 4px !important;
  gap: 4px !important;
}

.rolePicker .roleBtn {
  border-radius: 4px !important;
  background: transparent !important;
  color: rgba(255,255,255,.48) !important;
  border: none !important;
  font-weight: 600 !important;
  font-size: 0.82rem !important;
  padding: 7px 14px !important;
  transition: color .2s ease, background .2s ease !important;
}

.rolePicker .roleBtn:hover {
  color: rgba(255,255,255,.82) !important;
  background: rgba(255,255,255,.06) !important;
}

/* roleBtn ativo — dourado sólido, sem gradiente */
.rolePicker .roleBtn.active {
  background: #c9a02a !important;
  color: #0d1020 !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}

/* authLbl — uppercase label consistente com kmlLoginLabel */
.authLbl {
  display: block !important;
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  color: rgba(255,255,255,.42) !important;
  letter-spacing: .16rem !important;
  text-transform: uppercase !important;
  margin-bottom: 7px !important;
  line-height: 1 !important;
}

/* authInput — 4px, foco dourado */
.authInput {
  border-radius: 4px !important;
  background: rgba(255,255,255,.05) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  color: #f5f7fb !important;
  transition: border-color .2s ease, box-shadow .2s ease !important;
}

.authInput:focus {
  border-color: rgba(201,160,42,.65) !important;
  box-shadow: 0 0 0 3px rgba(201,160,42,.10) !important;
  outline: none !important;
}

.authInput::placeholder {
  color: rgba(255,255,255,.22) !important;
}

/* .in / .inWrap (campo CPF) — idêntico ao authInput */
.inWrap {
  border-radius: 4px !important;
  overflow: visible !important;
}

.in {
  border-radius: 4px !important;
  background: rgba(255,255,255,.05) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  color: #f5f7fb !important;
  width: 100% !important;
  padding: 10px 14px !important;
  font-size: 0.875rem !important;
  font-family: inherit !important;
  transition: border-color .2s ease, box-shadow .2s ease !important;
}

.in:focus {
  border-color: rgba(201,160,42,.65) !important;
  box-shadow: 0 0 0 3px rgba(201,160,42,.10) !important;
  outline: none !important;
}

.in::placeholder {
  color: rgba(255,255,255,.22) !important;
}

/* authBigBtn / btnCadastrar — dourado sólido, sem roxo */
.authBigBtn,
#btnCadastrar {
  background: #c9a02a !important;
  border: none !important;
  color: #0d1020 !important;
  font-weight: 700 !important;
  border-radius: 4px !important;
  letter-spacing: .3px !important;
  box-shadow: none !important;
  transition: background .2s ease, opacity .2s ease !important;
}

.authBigBtn:not(:disabled):hover,
#btnCadastrar:not(:disabled):hover {
  background: #d4aa36 !important;
}

.authBigBtn:not(:disabled):active,
#btnCadastrar:not(:disabled):active {
  background: #b8901f !important;
  transform: scale(.99) !important;
}

.authBigBtn:disabled,
#btnCadastrar:disabled {
  background: rgba(201,160,42,.28) !important;
  color: rgba(255,255,255,.35) !important;
  cursor: not-allowed !important;
}

#btnCadastrar.isBusy {
  opacity: .75 !important;
  cursor: wait !important;
}

/* linkBtns — dourado consistente */
.authLegal .linkBtn,
.authBottom .linkBtn,
#viewLogin .authLinks .linkBtn {
  color: rgba(201,160,42,.85) !important;
}

.authLegal .linkBtn:hover,
.authBottom .linkBtn:hover,
#viewLogin .authLinks .linkBtn:hover {
  color: #c9a02a !important;
}

/* authLegal / authBottom — texto sutil */
.authLegal {
  color: rgba(255,255,255,.38) !important;
  font-size: 11.5px !important;
  line-height: 1.55 !important;
}

.authBottom {
  color: rgba(255,255,255,.42) !important;
  font-size: 12.5px !important;
}

/* Barra de força da senha */
.kmlPwStrength {
  display: flex !important;
  gap: 4px !important;
  margin-top: 8px !important;
  height: 4px !important;
}

.kmlPwStrength__seg {
  flex: 1 !important;
  border-radius: 2px !important;
  background: rgba(255,255,255,.10) !important;
  transition: background .25s ease !important;
}

@keyframes kmlBarFill {
  0%   { transform: scaleX(0); transform-origin: left center; opacity: .5; }
  65%  { transform: scaleX(1.06); transform-origin: left center; }
  100% { transform: scaleX(1);   transform-origin: left center; opacity: 1; }
}

.kmlPwStrength__seg.is-ok {
  background: #5dca7a !important;
  animation: kmlBarFill 0.32s cubic-bezier(.22,1,.36,1) both !important;
}

.kmlPwStrength__seg.is-bad {
  background: #e05252 !important;
  animation: kmlBarFill 0.32s cubic-bezier(.22,1,.36,1) both !important;
}

.kmlPwHint {
  font-size: 10.5px !important;
  color: rgba(255,255,255,.26) !important;
  margin-top: 5px !important;
  line-height: 1.4 !important;
  transition: color .2s ease !important;
  min-height: 14px !important;
}

.kmlPwHint[data-level="1"],
.kmlPwHint[data-level="2"],
.kmlPwHint[data-level="3"] {
  color: rgba(93,202,122,.55) !important;
}

.kmlPwHint[data-level="4"] {
  color: #5dca7a !important;
}

/* ══════════════════════════════════════════════
   MARKETPLACE — reformulação completa
   ══════════════════════════════════════════════ */

/* ─── TOP BAR — fundo sólido, sem glassmorphism ─── */
#screenProcurar .marketTop,
#screenSearchResults .marketTop,
#screenProcurarEditor .marketTop {
  background: #080b14 !important;
  border-bottom: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  padding: 8px 16px !important;
}

.marketLogo {
  font-weight: 800 !important;
  border-radius: 4px !important;
  text-shadow: none !important;
  letter-spacing: 0 !important;
}

.iconBtn {
  border-radius: 4px !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
  background: rgba(255,255,255,.04) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  transition: background .18s ease, border-color .18s ease !important;
}

.iconBtn:hover {
  background: rgba(255,255,255,.09) !important;
  border-color: rgba(255,255,255,.2) !important;
  transform: none !important;
}

.iconBtn:focus-visible {
  outline: 2px solid #c9a02a !important;
  outline-offset: 2px !important;
}

.marketSort {
  border-radius: 4px !important;
  background: rgba(255,255,255,.04) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
}

.marketSort:focus {
  border-color: #c9a02a !important;
  outline: none !important;
}

.catBtn {
  border-radius: 4px !important;
  text-shadow: none !important;
  transition: background .18s ease, border-color .18s ease !important;
}

.catBtn:hover {
  background: rgba(255,255,255,.07) !important;
  border-color: rgba(255,255,255,.2) !important;
}

.catBtn.active {
  background: rgba(201,160,42,.12) !important;
  border-color: rgba(201,160,42,.35) !important;
  color: rgba(255,224,138,.95) !important;
}

.catBtn:focus-visible {
  outline: 2px solid #c9a02a !important;
  outline-offset: 2px !important;
}

/* ─── CORNER PROFILE — sem glassmorphism ─── */
.marketCornerProfile {
  border-radius: 4px !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  background: rgba(255,255,255,.05) !important;
  box-shadow: none !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  min-height: 46px !important;
  transition: background .18s ease, border-color .18s ease !important;
}

.marketCornerProfile:hover {
  transform: none !important;
  background: rgba(255,255,255,.09) !important;
  border-color: rgba(255,255,255,.22) !important;
  box-shadow: none !important;
}

/* ─── HERO — compacto, sem card glassmorphism, left-aligned ─── */
#screenProcurar .marketHero,
.marketWelcome.marketHero {
  min-height: clamp(200px, 22vw, 300px) !important;
  border-radius: 4px !important;
  box-shadow: 0 2px 12px rgba(0,0,0,.28) !important;
  margin-top: 10px !important;
}

/* Remove blobs decorativos (dourado + azul) */
.marketHeroShade::before,
.marketHeroShade::after {
  display: none !important;
}

/* Glassmorphism card → texto direto sobre foto */
#screenProcurar .marketHeroContent,
.marketWelcome .marketHeroContent {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  align-items: flex-start !important;
  text-align: left !important;
  margin: 0 !important;
  width: 100% !important;
  max-width: none !important;
  padding: clamp(22px,4vw,44px) clamp(22px,5vw,52px) !important;
  gap: 12px !important;
}

/* Eyebrow: pill → tag retangular */
.marketHeroEyebrow {
  border-radius: 4px !important;
  background: rgba(201,160,42,.12) !important;
  border-color: rgba(201,160,42,.28) !important;
  box-shadow: none !important;
  letter-spacing: .1em !important;
  font-size: 10px !important;
}

/* Título limpo */
.marketHeroTitle {
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-shadow: 0 2px 16px rgba(0,0,0,.5) !important;
  font-size: clamp(1.4rem,2.4vw,2.2rem) !important;
}

.marketHeroTitleWide {
  max-width: 22ch !important;
}

/* Subtítulo mais legível */
.marketHeroSub {
  text-shadow: none !important;
  color: rgba(255,255,255,.7) !important;
  max-width: 44ch !important;
  font-size: clamp(.86rem,.9vw,.94rem) !important;
}

/* Botões: 4px, sem gradiente */
.marketHeroBtn {
  border-radius: 4px !important;
  box-shadow: none !important;
  font-weight: 700 !important;
  transition: background .18s ease, border-color .18s ease !important;
}

.marketHeroBtn:hover {
  transform: none !important;
  filter: none !important;
}

.marketHeroBtnPrimary {
  background: #c9a02a !important;
  border-color: rgba(0,0,0,.18) !important;
}

.marketHeroBtnPrimary:hover {
  background: #d4aa36 !important;
  filter: none !important;
}

.marketHeroBtnGhost {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  background: rgba(255,255,255,.08) !important;
  border: 1px solid rgba(255,255,255,.2) !important;
}

.marketHeroBtnGhost:hover {
  background: rgba(255,255,255,.14) !important;
  border-color: rgba(255,255,255,.32) !important;
}

/* Stats cards dentro do hero */
.marketHeroStat {
  border-radius: 4px !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  background: rgba(255,255,255,.07) !important;
  box-shadow: none !important;
  border: 1px solid rgba(255,255,255,.10) !important;
}

/* Chips dentro do hero */
.marketHeroChip {
  border-radius: 4px !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  background: rgba(255,255,255,.08) !important;
  box-shadow: none !important;
  border-color: rgba(255,255,255,.14) !important;
}

.marketHeroChip::before {
  border-radius: 50% !important;
  background: #c9a02a !important;
  box-shadow: none !important;
}

/* Mobile hero */
@media (max-width: 768px) {
  #screenProcurar .marketHero,
  .marketWelcome.marketHero {
    min-height: 200px !important;
    border-radius: 4px !important;
    margin-top: 8px !important;
  }

  #screenProcurar .marketHeroContent,
  .marketWelcome .marketHeroContent {
    padding: 18px 16px !important;
    gap: 10px !important;
  }
}

@media (max-width: 980px) {
  #screenProcurar .marketHero,
  .marketWelcome.marketHero {
    border-radius: 4px !important;
    min-height: clamp(180px,28vw,260px) !important;
  }

  #screenProcurar .marketHeroContent,
  .marketWelcome .marketHeroContent {
    border-radius: 0 !important;
  }
}

/* ─── EDITOR CARDS — sólido, 4px, sem gradiente decorativo ─── */
.eCard {
  background: #0d1020 !important;
  border-radius: 4px !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.24) !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease !important;
}

/* Remove borda-gradiente dourada decorativa */
.eCard::before {
  display: none !important;
}

.eCard:hover {
  border-color: rgba(255,255,255,.2) !important;
  box-shadow: 0 4px 18px rgba(0,0,0,.32) !important;
  transform: translateY(-2px) !important;
}

/* ─── BADGES — 4px, sem roxo ─── */
.badge {
  border-radius: 4px !important;
}

.badge.pillBlue {
  border-color: rgba(201,160,42,.25) !important;
  background: rgba(201,160,42,.08) !important;
  color: rgba(201,160,42,.9) !important;
}

.badgeMini {
  border-radius: 4px !important;
}

/* ─── SEARCH RESULTS HERO ─── */
.searchResultsHero {
  padding: 16px 0 !important;
  gap: 10px !important;
}

.searchResultsEyebrow {
  font-size: 11px !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,.4) !important;
  font-weight: 600 !important;
}

.searchResultsTitle {
  font-size: clamp(1.2rem,2vw,1.6rem) !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  color: #fff !important;
}

.searchResultsSub {
  font-size: 13px !important;
  color: rgba(255,255,255,.5) !important;
}

/* ══════════════════════════════════════════════
   GLOBAL LOADER — unificado com kmlPageLoader
   ══════════════════════════════════════════════ */

/* Remove glassmorphism do overlay */
.globalLoader {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  background: rgba(246,247,249,.98) !important;
}

/* Card vira layout centralizado sem borda/card */
.globalLoader .glCard {
  flex-direction: column !important;
  align-items: center !important;
  gap: 20px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
}

/* Esconde spinner antigo */
.globalLoader .glSpinner {
  display: none !important;
}

/* BanterLoader 3×3 — mesmo do page loader */
.glBanter {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 4px !important;
  width: 36px !important;
  height: 36px !important;
}

.glBanter div {
  background: #111827 !important;
  border-radius: 2px !important;
  animation: kmlBanterPulse 1.0s ease-in-out infinite !important;
}

.glBanter div:nth-child(2),
.glBanter div:nth-child(4),
.glBanter div:nth-child(6),
.glBanter div:nth-child(8) {
  background: #c9a02a !important;
}

.glBanter div:nth-child(1) { animation-delay: 0s !important; }
.glBanter div:nth-child(2) { animation-delay: .11s !important; }
.glBanter div:nth-child(3) { animation-delay: .22s !important; }
.glBanter div:nth-child(4) { animation-delay: .11s !important; }
.glBanter div:nth-child(5) { animation-delay: .22s !important; }
.glBanter div:nth-child(6) { animation-delay: .33s !important; }
.glBanter div:nth-child(7) { animation-delay: .22s !important; }
.glBanter div:nth-child(8) { animation-delay: .33s !important; }
.glBanter div:nth-child(9) { animation-delay: .44s !important; }

/* Textos centralizados */
.globalLoader .glTexts {
  text-align: center !important;
}

.globalLoader .glText {
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.45rem !important;
  text-transform: uppercase !important;
  color: #111827 !important;
  display: block !important;
}

.globalLoader .glSub {
  font-size: 0.52rem !important;
  font-weight: 300 !important;
  letter-spacing: 0.35rem !important;
  text-transform: uppercase !important;
  color: rgba(17,24,39,.44) !important;
  margin-top: 5px !important;
  display: block !important;
}

/* ══════════════════════════════════════════════
   ITEM 3 — HERO + LOGIN (reformulação completa)
   ══════════════════════════════════════════════ */

/* Linha "Karameloo" — dourado consistente mesmo depois do JS reescrever */
.kmlHeroTitle .heroBrand {
  color: #c9a02a !important;
  display: inline !important;
}

/* Cursor piscante durante digitação */
@keyframes kmlBlink {
  50% { opacity: 0; }
}

.kmlHeroTitle.isTyping .heroSwap::after {
  content: '|';
  animation: kmlBlink .55s step-start infinite !important;
  color: rgba(201,160,42,.65) !important;
  margin-left: 1px !important;
  font-weight: 300 !important;
}

/* Transição suave ao trocar frases */
.kmlHeroTitle .heroSwap {
  display: inline !important;
  transition: opacity .18s ease !important;
}

/* Login card — sombra mais sutil */
.kmlLoginCard {
  box-shadow: 0 4px 20px rgba(0,0,0,.38) !important;
}

/* Trust badges — letra-espaçamento mais limpo */
.kmlHeroTrustBadge {
  letter-spacing: .01em !important;
  text-transform: none !important;
}

/* Hero footer — ligeiramente mais visível */
.kmlHeroFooter {
  color: rgba(255,255,255,.2) !important;
}

/* Desktop wide: login card não ultrapassa 360px em telas menores que 1100px */
@media (max-width: 1100px) and (min-width: 769px) {
  .kmlLoginCard {
    max-width: 340px !important;
    padding: 28px 24px 24px !important;
  }
}

/* ══════════════════════════════════════════════
   ITEM 15 — CHAT: BUGS VISUAIS PÓS-IMPLEMENTAÇÃO
   ══════════════════════════════════════════════ */

/* BUG 3: Chat ocupa tela cheia — remove padding/max-width do wrapper quando chat está ativo */
body:has(#screenChat.show) main {
  padding: 0 !important;
}
body:has(#screenChat.show) .wrap {
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}
#screenChat.show {
  height: 100vh !important;
  overflow: hidden !important;
}

/* BUG 1: chatInfoPanel oculto por padrão — aparece só com .showInfo */
#screenChat .chatInfoPanel {
  width: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  border-left: none !important;
}
#screenChat .chatPageWrap.showInfo .chatInfoPanel {
  width: 220px !important;
  overflow: hidden auto !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  border-left: 1px solid rgba(255,255,255,.09) !important;
}

/* BUG 2: Remove decoração dourada do título da sidebar (::after) */
#screenChat .chatSidebarTitle::after {
  display: none !important;
  content: none !important;
}

/* BUG 4: Empty state e área ativa não sobrepõem — CSS controla via .chatActive */
#screenChat .chatActiveArea {
  display: none !important;
}
#screenChat .chatPageWrap.chatActive .chatActiveArea {
  display: flex !important;
  flex: 1 !important;
  flex-direction: column !important;
  overflow: hidden !important;
  min-height: 0 !important;
}
#screenChat .chatPageWrap.chatActive .chatEmpty {
  display: none !important;
}
#screenChat .chatEmpty {
  display: flex !important;
  flex: 1 !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.75rem !important;
  opacity: 0.35 !important;
}

/* ══════════════════════════════════════════════
   MARKETPLACE CARDS — NOVO DESIGN
   Estrutura: thumbnail strip · body · footer com preço
   ══════════════════════════════════════════════ */

/* Hero do marketplace oculto */
#screenProcurar .marketHero,
.marketWelcome.marketHero {
  display: none !important;
}

/* Card: layout coluna, fundo branco, borda sutil */
.eCard {
  display: flex !important;
  flex-direction: column !important;
  padding: 0 !important;
  overflow: hidden !important;
  background-color: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  box-shadow: 0 1px 4px rgba(0,0,0,.07) !important;
}

/* Esconde sub-elementos do design antigo */
.eCardCover,
.eCardTopLeft,
.eCardTopRight,
.eCardBottom {
  display: none !important;
}

/* ── Capa do card (bloco único) ── */
.eCardCoverImg {
  height: 130px !important;
  flex-shrink: 0 !important;
  position: relative !important;
  background-color: #0a0e1a !important;
  background-size: cover !important;
  background-position: center !important;
  overflow: hidden !important;
}

.eCardThumbLabel {
  position: absolute !important;
  bottom: 6px !important;
  left: 6px !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,.75) !important;
  background: rgba(0,0,0,.58) !important;
  padding: 2px 5px !important;
  border-radius: 2px !important;
  line-height: 1.4 !important;
}

/* ── Body ── */
.eCardBody {
  padding: 12px 13px 8px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  flex: 1 !important;
}

.eCardHead {
  display: flex !important;
  align-items: flex-start !important;
  gap: 9px !important;
}

.eCardAvtr {
  flex-shrink: 0 !important;
  border-radius: 50% !important;
  font-size: 15px !important;
  font-weight: 700 !important;
}

.eCardHeadInfo {
  flex: 1 !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}

.eCardNameRow {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  flex-wrap: wrap !important;
}

.eCardName {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #111111 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: 130px !important;
  letter-spacing: 0 !important;
}

.eCardVerified {
  display: inline-flex !important;
  align-items: center !important;
  gap: 3px !important;
  font-size: 9px !important;
  font-weight: 600 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  color: rgba(201,160,42,.8) !important;
  flex-shrink: 0 !important;
  white-space: nowrap !important;
}

.eCardSpecialty {
  font-size: 11px !important;
  color: #666666 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  letter-spacing: 0 !important;
  font-weight: 400 !important;
}

.eCardOnline {
  width: 7px !important;
  height: 7px !important;
  background: #2ecc71 !important;
  border-radius: 50% !important;
  flex-shrink: 0 !important;
  margin-top: 4px !important;
  box-shadow: 0 0 5px rgba(46,204,113,.4) !important;
}

/* ── Stats ── */
.eCardStats {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.eCardStat {
  display: flex !important;
  align-items: center !important;
  gap: 3px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: rgba(201,160,42,.9) !important;
}

.eCardStat svg {
  color: rgba(201,160,42,.85) !important;
  flex-shrink: 0 !important;
}

.eCardStatSep {
  width: 1px !important;
  height: 10px !important;
  background: rgba(0,0,0,.12) !important;
  flex-shrink: 0 !important;
}

.eCardStatSub {
  color: #888888 !important;
  font-weight: 400 !important;
  font-size: 11px !important;
}

/* ── Tags ── */
.eCardTags {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
}

.eTag {
  display: inline-block !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: .07em !important;
  text-transform: uppercase !important;
  color: #374151 !important;
  background: #ffffff !important;
  border: 1px solid #d1d5db !important;
  border-radius: 2px !important;
  padding: 2px 6px !important;
  white-space: nowrap !important;
}

/* ── Footer ── */
.eCardFooter {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 8px 13px 11px !important;
  border-top: 1px solid rgba(0,0,0,.08) !important;
  flex-shrink: 0 !important;
  gap: 8px !important;
}

.eCardPrice {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
}

.eCardPriceLabel {
  font-size: 9px !important;
  font-weight: 600 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  color: #888888 !important;
  line-height: 1.3 !important;
}

.eCardPriceVal {
  font-size: 16px !important;
  font-weight: 800 !important;
  color: #111111 !important;
  letter-spacing: -.02em !important;
  line-height: 1.15 !important;
}

.eCardPriceEmpty {
  font-size: 20px !important;
  font-weight: 300 !important;
  color: rgba(0,0,0,.25) !important;
  letter-spacing: 0 !important;
}

.eCardCta {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 7px 11px !important;
  border: 1px solid #c9a02a !important;
  border-radius: 3px !important;
  background: transparent !important;
  color: #c9a02a !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: .05em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  transition: background .18s ease, border-color .18s ease, color .18s ease !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}

.eCardCta:hover {
  background: rgba(201,160,42,.1) !important;
  border-color: #b8891f !important;
  color: #b8891f !important;
}

.eCardCta svg {
  flex-shrink: 0 !important;
  transition: transform .18s ease !important;
}

.eCardCta:hover svg {
  transform: translateX(2px) !important;
}

/* ══════════════════════════════════════════════════════════════
   FUNDO CLARO — COMPATIBILIDADE GLOBAL
   Corrige textos e bordas que ficam invisíveis no fundo cream.
   ══════════════════════════════════════════════════════════════ */

/* ── Cards ESCUROS em telas não-excluídas (banco, pedidos, etc.) ── */
/* Esses cards têm fundo escuro mas a tela-pai agora mostra fundo claro */

/* Banco — forçar branco no nível do card escuro */
.banco-balance-card,
.banco-section-card,
.banco-status-card,
.banco-split-card,
.banco-tips-card { color: rgba(255,255,255,.85) !important; }

/* Descendentes herdam o branco (especificidade 0-1-0 supera p/span/h3 = 0-0-1) */
.banco-balance-card *,
.banco-section-card *,
.banco-status-card *,
.banco-split-card *,
.banco-tips-card * { color: inherit !important; }

/* Exceções: cores específicas dentro dos cards do banco */
.banco-banner strong,
.banco-split-card__example strong,
.banco-split-card__head svg,
.banco-status-card__head svg,
.banco-section-card__head svg { color: rgba(255,215,60,.92) !important; }

/* ── Cards ESCUROS da landing page: preservar texto branco ── */
/* O override global h1-h6/p/span/#111111 tornaria estes invisíveis */

.howStep .howStepTitle { color: rgba(255,255,255,.96) !important; }
.howStep .howStepDesc  { color: rgba(255,255,255,.58) !important; }
.howStep .howStepTags span { color: rgba(255,255,255,.55) !important; }
.howStepNumber span    { color: rgba(255,215,0,.55) !important; }

.statsRow .statLbl     { color: rgba(255,255,255,.50) !important; }
.statsRow span         { color: rgba(255,255,255,.50) !important; }
.statsRow .statNum     { color: rgba(255,215,0,.95) !important; -webkit-text-fill-color: rgba(255,215,0,.95) !important; }
.statsRow .statNum small { color: rgba(255,215,0,.70) !important; -webkit-text-fill-color: rgba(255,215,0,.70) !important; }

.tCard .tText          { color: rgba(255,255,255,.75) !important; }
.tCard .tName          { color: rgba(255,255,255,.92) !important; }
.tCard .tRole          { color: rgba(255,255,255,.45) !important; }
.tCard .tStars         { color: rgba(255,204,51,.90) !important; }
.tCard .tAv            { color: rgba(255,224,138,.92) !important; }

.lSecCtaInner .ctaDesc { color: rgba(255,255,255,.58) !important; }
.lSecCtaInner h2,
.lSecCtaInner .ctaTitle { color: rgba(255,255,255,.96) !important; }

/* ── Hero do marketplace — texto branco sobre foto escura ── */
.marketHeroTitle,
.marketHeroTitleWide          { color: rgba(255,255,255,.97) !important; }
.marketHeroEyebrow            { color: rgba(255,224,138,.90) !important; }
.marketHeroMiniItem strong    { color: rgba(255,255,255,.95) !important; }
.marketHeroMiniItem span      { color: rgba(255,255,255,.55) !important; }
/* secTitle dentro do hero (sobre imagem escura) */
.marketWelcome .secTitle,
.marketHero .secTitle         { color: rgba(255,255,255,.65) !important; }

/* ── Spotlight: bordas visíveis no fundo claro ── */
.kmlSpotItem  { border-top-color: rgba(0,0,0,.08) !important; }
.kmlSpotImg   { border-color: rgba(0,0,0,.09) !important; }

/* ── Botões de voltar em telas com fundo claro ── */
#screenProcurar .navBack,
#screenProcurarEditor .navBack,
#screenSearchResults .searchResultsBackBtn,
#screenBanco .banco-back,
#screenPedidos .kpo-back-btn,
#screenFreelasAll .flp-back,
#screenClientJobs .flp-back,
#screenEditorProposals .propV2-back,
#screenMoedas .navBack,
#screenNoticias .navBack,
#screenPickEditor .navBack,
#screenClientProfile .navBack {
  border-color: rgba(0,0,0,.15) !important;
  color: #374151 !important;
}
#screenProcurar .navBack:hover,
#screenProcurarEditor .navBack:hover,
#screenSearchResults .searchResultsBackBtn:hover,
#screenBanco .banco-back:hover,
#screenPedidos .kpo-back-btn:hover,
#screenFreelasAll .flp-back:hover,
#screenClientJobs .flp-back:hover,
#screenEditorProposals .propV2-back:hover,
#screenMoedas .navBack:hover,
#screenNoticias .navBack:hover,
#screenPickEditor .navBack:hover,
#screenClientProfile .navBack:hover {
  border-color: rgba(0,0,0,.30) !important;
  color: #111111 !important;
  background: rgba(0,0,0,.04) !important;
}

/* === Karameloo final theme pass - paineis sobre fundo claro === */
:root{
  --kml-final-text:#111827;
  --kml-final-muted:#5f6673;
  --kml-final-soft:#7b8290;
  --kml-final-card:#f7f8fa;
  --kml-final-card-strong:#ffffff;
  --kml-final-line:rgba(17,24,39,.13);
  --kml-final-gold:#c9a02a;
  --kml-final-gold-soft:rgba(201,160,42,.14);
  --kml-final-dark:#080b14;
  --kml-final-radius:4px;
}

#screenClientProfile,
#screenEditor,
#screenAdmin,
#screenBanco,
#screenNoticias{
  color:var(--kml-final-text) !important;
}

#screenClientProfile *,
#screenEditor *,
#screenAdmin *,
#screenBanco *,
#screenNoticias *{
  text-shadow:none !important;
}

#screenClientProfile .cpHeader,
#screenClientProfile .cpHeader *,
#screenEditor .editorDashTopV2,
#screenEditor .editorDashTopV2 *,
#screenAdmin .adminTitle,
#screenAdmin .adminSubtitle,
#screenBanco .banco-header,
#screenNoticias .kj-header{
  color:var(--kml-final-text) !important;
}

#screenClientProfile .stars,
#screenEditor .stars{
  color:var(--kml-final-gold) !important;
}

#screenClientProfile .cpTab,
#screenClientProfile .cpBadge,
#screenClientProfile .cpChip,
#screenEditor .chip,
#screenEditor .btn.secondary,
#screenEditor .editorCustomPkgTab,
#screenEditor .edPkgTab,
#screenEditor .edFrelaFilterBtn{
  border-radius:var(--kml-final-radius) !important;
  border:1px solid var(--kml-final-line) !important;
  background:rgba(255,255,255,.62) !important;
  color:var(--kml-final-text) !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

#screenClientProfile .cpTab.active,
#screenClientProfile .cpChip.cpChipOn,
#screenEditor .editorCustomPkgTab.active,
#screenEditor .edPkgTab.active{
  background:var(--kml-final-gold-soft) !important;
  border-color:rgba(201,160,42,.72) !important;
  color:#8a6b10 !important;
}

#screenClientProfile .fvWrap,
#screenEditor .editorFindClientCardV2,
#screenEditor .editorProfileCardV2,
#screenEditor .editorCustomPkgPanel,
#screenEditor .editorDashPanelV2,
#screenEditor .edPkgPanel,
#screenEditor .edFrelaPanel,
#screenAdmin .adminPanel,
#screenBanco .banco-section-card,
#screenNoticias .kj-card{
  border-radius:var(--kml-final-radius) !important;
  border:1px solid var(--kml-final-line) !important;
  background:rgba(247,248,250,.92) !important;
  color:var(--kml-final-text) !important;
  box-shadow:0 4px 16px rgba(17,24,39,.10) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

#screenClientProfile .fvSectionLabel,
#screenClientProfile .fvDisclaimer,
#screenClientProfile .kmlThemeProgressLabel,
#screenClientProfile .kmlThemePanelActions span,
#screenEditor .editorFindClientHeadV2 strong,
#screenEditor .editorFindClientHeadV2 span,
#screenEditor .epV3-sectionSub,
#screenEditor .edPkgEmptyState,
#screenAdmin p,
#screenBanco p,
#screenNoticias p{
  color:var(--kml-final-muted) !important;
}

#screenClientProfile .fvSectionLabel,
#screenEditor .epV3-sectionTitle,
#screenEditor h1,
#screenEditor h2,
#screenEditor h3,
#screenAdmin h1,
#screenAdmin h2,
#screenAdmin h3,
#screenBanco h1,
#screenBanco h2,
#screenBanco h3,
#screenNoticias h1,
#screenNoticias h2,
#screenNoticias h3{
  color:var(--kml-final-text) !important;
}

#screenClientProfile .fvTextarea,
#screenClientProfile .fvTitleInput,
#screenClientProfile .fvInput,
#screenEditor input,
#screenEditor textarea,
#screenEditor select,
#screenAdmin input,
#screenAdmin textarea,
#screenAdmin select,
#screenBanco input,
#screenBanco textarea,
#screenBanco select{
  border-radius:var(--kml-final-radius) !important;
  border:1px solid rgba(8,11,20,.16) !important;
  background:var(--kml-final-dark) !important;
  color:#f5f7fb !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

#screenClientProfile .fvTextarea::placeholder,
#screenClientProfile .fvTitleInput::placeholder,
#screenClientProfile .fvInput::placeholder,
#screenEditor input::placeholder,
#screenEditor textarea::placeholder,
#screenAdmin input::placeholder,
#screenAdmin textarea::placeholder,
#screenBanco input::placeholder,
#screenBanco textarea::placeholder{
  color:#8e96a5 !important;
}

#screenClientProfile .cpBtnPublish,
#screenEditor .btn:not(.secondary),
#screenEditor .cpBtnPublish,
#screenAdmin button,
#screenBanco button,
#screenNoticias button{
  border-radius:var(--kml-final-radius) !important;
  background:var(--kml-final-gold) !important;
  color:#12151c !important;
  border:1px solid rgba(130,98,10,.25) !important;
  box-shadow:none !important;
}

#screenClientProfile .cpBtnBack,
#screenEditor .btn.secondary,
#screenAdmin button.secondary,
#screenBanco button.secondary,
#screenNoticias button.secondary{
  background:rgba(255,255,255,.68) !important;
  color:var(--kml-final-text) !important;
  border-color:var(--kml-final-line) !important;
}

#screenClientProfile .avatar,
#screenEditor .avatar,
#screenAdmin .avatar{
  border-radius:50% !important;
  border:1px solid rgba(17,24,39,.16) !important;
  background:#151a24 !important;
  color:#fff !important;
  box-shadow:none !important;
  overflow:hidden !important;
}

#screenClientProfile .avatar img,
#screenEditor .avatar img,
#screenAdmin .avatar img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  border-radius:50% !important;
}

#screenEditor .epV3-hero{
  border-radius:var(--kml-final-radius) !important;
  background-color:#0b1020 !important;
  background-image:none;
  background-size:cover !important;
  background-position:center !important;
  border:1px solid rgba(17,24,39,.18) !important;
}

#screenEditor .epV3-hero *,
#screenEditor .epV3-heroMeta *,
#screenEditor .epV3-name{
  color:#f6f7fb !important;
}

#screenEditor .epV3-heroBtn{
  border-radius:var(--kml-final-radius) !important;
  background:rgba(8,11,20,.72) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  color:#f6f7fb !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

#screenEditor .epV3-headerBar{
  background:#080b14 !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:var(--kml-final-radius) !important;
}

#screenEditor .epV3-headerBar *,
#screenEditor .editorStatusCardV2 *{
  color:#f6f7fb !important;
}

#screenEditor .epV3-headerBar .epV3-sectionTitle{
  color:#f3d06a !important;
}

#screenEditor .epV3-panelBg{
  border-radius:var(--kml-final-radius) !important;
  background:#f7f8fa !important;
  border:1px solid var(--kml-final-line) !important;
  color:var(--kml-final-text) !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

#screenEditor .epV3-kpi,
#screenEditor .epV3-linkCard,
#screenEditor .epV3-visitsCard,
#screenEditor .pkg-item,
#screenEditor .myPkgItem{
  border-radius:var(--kml-final-radius) !important;
  background:#ffffff !important;
  border:1px solid var(--kml-final-line) !important;
  color:var(--kml-final-text) !important;
  box-shadow:none !important;
}

#screenEditor .epV3-kpi::before,
#screenEditor .pkg-item::before,
#screenEditor .myPkgItem::before{
  display:none !important;
}

#screenEditor .epV3-kpiLabel,
#screenEditor .epV3-linkCardHead,
#screenEditor .epV3-visitsCard span,
#screenEditor .pkg-sub,
#screenEditor .pkg-meta{
  color:var(--kml-final-muted) !important;
}

#screenEditor .epV3-kpiValue,
#screenEditor .epV3-kpiValue *,
#screenEditor .epV3-linkCardBody,
#screenEditor .pkg-title,
#screenEditor .pkg-title *,
#screenEditor .pkg-item label,
#screenEditor .myPkgItem label{
  color:var(--kml-final-text) !important;
}

#screenEditor .pkg-thumb,
#screenEditor .myPkgItem .pkg-thumb{
  border-radius:var(--kml-final-radius) !important;
  border:1px solid rgba(17,24,39,.12) !important;
  background-color:#eef1f5 !important;
  box-shadow:none !important;
}

#screenEditor label.pkg-item.pkg-item--visual,
#screenEditor .pkg-item.pkg-item--visual,
#screenEditor .myPkgItem.pkg-item--visual{
  background:#ffffff !important;
  background-image:none !important;
  color:var(--kml-final-text) !important;
}

#screenEditor label.pkg-item.pkg-item--visual::before,
#screenEditor .pkg-item.pkg-item--visual::before,
#screenEditor .myPkgItem.pkg-item--visual::before{
  display:none !important;
  content:none !important;
}

#screenEditor label.pkg-item.pkg-item--visual .pkg-title,
#screenEditor label.pkg-item.pkg-item--visual .pkg-sub,
#screenEditor label.pkg-item.pkg-item--visual .pkg-meta,
#screenEditor .myPkgItem.pkg-item--visual .pkg-title,
#screenEditor .myPkgItem.pkg-item--visual .pkg-sub,
#screenEditor .myPkgItem.pkg-item--visual .pkg-meta{
  color:var(--kml-final-text) !important;
}

#screenEditor label.pkg-item.pkg-item--visual .pkg-sub,
#screenEditor label.pkg-item.pkg-item--visual .pkg-meta,
#screenEditor .myPkgItem.pkg-item--visual .pkg-sub,
#screenEditor .myPkgItem.pkg-item--visual .pkg-meta{
  color:var(--kml-final-muted) !important;
}

/* O card de oportunidades saiu do topo do painel e foi para a tela inicial do editor. */
#screenEditor .editorDashTopV2{
  grid-template-columns:1fr !important;
}

#screenEditor .editorDashActionsWrapV2{
  display:none !important;
}

#screenProcurarEditor .editorFindClientCardV2--home{
  width:min(560px, calc(100% - 32px)) !important;
  max-width:560px !important;
  margin:12px 0 10px 0 !important;
  padding:14px 16px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
  border-radius:4px !important;
  border:1px solid rgba(17,24,39,.13) !important;
  background:rgba(247,248,250,.94) !important;
  color:#111827 !important;
  box-shadow:0 4px 16px rgba(17,24,39,.10) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

#screenProcurarEditor .editorFindClientCardV2--home .editorFindClientHeadV2{
  display:flex !important;
  flex-direction:column !important;
  gap:4px !important;
  min-width:0 !important;
}

#screenProcurarEditor .editorFindClientCardV2--home strong{
  color:#4b5563 !important;
  font-size:16px !important;
  font-weight:900 !important;
  line-height:1.15 !important;
}

#screenProcurarEditor .editorFindClientCardV2--home span{
  color:#5f697a !important;
  font-size:13px !important;
  font-weight:600 !important;
  line-height:1.35 !important;
}

#screenProcurarEditor .editorFindClientCardV2--home .editorOppCount{
  display:inline-flex !important;
  align-items:center !important;
  width:max-content !important;
  margin-top:5px !important;
  padding:4px 9px !important;
  border-radius:4px !important;
  border:1px solid rgba(201,160,42,.38) !important;
  background:rgba(201,160,42,.12) !important;
  color:#8a6b10 !important;
  font-style:normal !important;
  font-size:11px !important;
  font-weight:900 !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
}

#screenProcurarEditor .editorFindClientCardV2--home .btn{
  width:auto !important;
  min-width:178px !important;
  height:42px !important;
  margin:0 !important;
  border-radius:4px !important;
  border:1px solid rgba(17,24,39,.13) !important;
  background:#ffffff !important;
  color:#111827 !important;
  box-shadow:none !important;
  font-weight:900 !important;
}

#screenProcurarEditor .editorFindClientCardV2--home .btn:hover{
  background:#f3f4f6 !important;
}

@media (max-width:720px){
  #screenProcurarEditor .editorFindClientCardV2--home{
    width:100% !important;
    max-width:none !important;
    flex-direction:column !important;
    align-items:flex-start !important;
  }

  #screenProcurarEditor .editorFindClientCardV2--home .btn{
    width:100% !important;
    min-width:0 !important;
  }
}

/* ===== Painel do Editor: barra rapida + limpeza visual ===== */
#screenEditor *,
#screenEditor *::before,
#screenEditor *::after{
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

#screenEditor .editorStickyStatusBar{
  position:sticky !important;
  top:10px !important;
  z-index:24 !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  flex-wrap:wrap !important;
  margin:12px 0 16px !important;
  padding:10px !important;
  border-radius:4px !important;
  border:1px solid rgba(17,24,39,.14) !important;
  background:#080b14 !important;
  color:#f6f7fb !important;
  box-shadow:0 4px 16px rgba(17,24,39,.18) !important;
}

#screenEditor .editorStickyStatusMain{
  display:flex !important;
  align-items:center !important;
  gap:9px !important;
  min-width:170px !important;
}

#screenEditor .editorStickyStatusMain strong,
#screenEditor .editorStickyMetric strong{
  display:block !important;
  color:#ffffff !important;
  font-size:14px !important;
  line-height:1.1 !important;
  font-weight:900 !important;
}

#screenEditor .editorStickyStatusMain small,
#screenEditor .editorStickyMetric small{
  display:block !important;
  margin-top:2px !important;
  color:#a7afbe !important;
  font-size:11px !important;
  line-height:1.1 !important;
  font-weight:800 !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
}

#screenEditor .editorStickyDot{
  width:9px !important;
  height:9px !important;
  flex:0 0 9px !important;
  border-radius:50% !important;
  background:#6b7280 !important;
  box-shadow:none !important;
}

#screenEditor .editorStickyDot.is-available{
  background:#5dca7a !important;
}

#screenEditor .editorStickySwitch{
  margin:0 !important;
}

#screenEditor .editorStickyMetric{
  min-width:72px !important;
  padding:8px 10px !important;
  border-radius:4px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:rgba(255,255,255,.06) !important;
}

#screenEditor .editorStickyAction{
  min-height:36px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  padding:0 12px !important;
  border-radius:4px !important;
  border:1px solid rgba(255,255,255,.14) !important;
  background:#ffffff !important;
  color:#111827 !important;
  box-shadow:none !important;
  cursor:pointer !important;
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.02em !important;
}

#screenEditor .editorStickyAction:hover{
  background:#f3f4f6 !important;
}

#screenEditor .editorStickySave{
  margin-left:auto !important;
  background:#c9a02a !important;
  border-color:#b48e21 !important;
  color:#12151c !important;
}

#screenEditor .editorStickyBadge{
  min-width:18px !important;
  height:18px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 5px !important;
  border-radius:4px !important;
  background:#c9a02a !important;
  color:#111827 !important;
  font-size:11px !important;
  font-weight:900 !important;
  line-height:1 !important;
}

#screenEditor .editorStickyBadge[style*="display:none"],
#screenEditor .editorStickyBadge[style*="display: none"]{
  display:none !important;
}

#screenEditor .editorOppCount{
  display:inline-flex !important;
  align-items:center !important;
  width:max-content !important;
  margin-top:8px !important;
  padding:4px 8px !important;
  border-radius:4px !important;
  border:1px solid rgba(201,160,42,.34) !important;
  background:rgba(201,160,42,.12) !important;
  color:#8a6b10 !important;
  font-style:normal !important;
  font-size:11px !important;
  font-weight:900 !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
}

#screenEditor .epV3-heroOverlay,
#screenEditor .epV3-panelBg::before{
  background:linear-gradient(180deg, rgba(8,11,20,.08), rgba(8,11,20,.34)) !important;
}

#screenEditor .epV3-avatar,
#screenEditor .epV3-avatar img{
  border-radius:4px !important;
  background:#1f2937 !important;
  border:1px solid rgba(255,255,255,.18) !important;
  box-shadow:none !important;
}

#screenEditor .epV3-statusDot{
  box-shadow:none !important;
  border:2px solid #ffffff !important;
  background:#6b7280 !important;
}

#screenEditor .epV3-statusDot.online{
  background:#5dca7a !important;
}

#screenEditor .epV3-statusCard{
  display:none !important;
}

#screenEditor .epV3-kpi,
#screenEditor .epV3-kpiIcon,
#screenEditor .epV3-linkCard,
#screenEditor .epV3-visitsCard,
#screenEditor .epV3-visitStat,
#screenEditor .epV3-actionBtn,
#screenEditor .edLinkChip,
#screenEditor .kj-tag-picker,
#screenEditor .kj-tp-chip,
#screenEditor .tag,
#screenEditor .save-all-wrap .btn,
#screenEditor .edPkgTab,
#screenEditor .edPkgTabBadge,
#screenEditor .edPkgEmptyState,
#screenEditor .myPkgItem,
#screenEditor .edFrelaFilterBtn{
  border-radius:4px !important;
  box-shadow:none !important;
}

#screenEditor .epV3-kpi::before{
  display:none !important;
  content:none !important;
}

#screenEditor .epV3-kpiCta{
  width:max-content !important;
  min-height:28px !important;
  margin-top:2px !important;
  padding:0 9px !important;
  border-radius:4px !important;
  border:1px solid rgba(201,160,42,.42) !important;
  background:#ffffff !important;
  color:#8a6b10 !important;
  box-shadow:none !important;
  cursor:pointer !important;
  font-size:11px !important;
  font-weight:900 !important;
}

#screenEditor .epV3-kpiCta:hover{
  background:rgba(201,160,42,.12) !important;
}

#screenEditor .epV3-visitsHint{
  margin-top:10px !important;
  color:#6b7280 !important;
  font-size:12px !important;
  font-weight:700 !important;
  line-height:1.35 !important;
}

#screenEditor .epV3-actionBtn{
  background:#ffffff !important;
  color:#111827 !important;
  border:1px solid rgba(17,24,39,.13) !important;
}

#screenEditor .epV3-actionBtn:hover{
  background:#f3f4f6 !important;
  transform:none !important;
}

#screenEditor #edCopyLinkBtn.is-copied{
  background:#c9a02a !important;
  color:#12151c !important;
}

#screenEditor .kj-tag-picker{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:10px !important;
  padding:10px !important;
  border:1px solid rgba(17,24,39,.12) !important;
  background:#ffffff !important;
}

#screenEditor .edTagGroup{
  display:flex !important;
  align-content:flex-start !important;
  align-items:flex-start !important;
  flex-wrap:wrap !important;
  gap:7px !important;
  min-width:0 !important;
  padding:10px !important;
  border-radius:4px !important;
  border:1px solid rgba(17,24,39,.10) !important;
  background:#f7f8fa !important;
}

#screenEditor .edTagGroup > strong{
  flex:0 0 100% !important;
  color:#111827 !important;
  font-size:11px !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}

#screenEditor .kj-tp-chip{
  padding:7px 10px !important;
  border:1px solid rgba(17,24,39,.14) !important;
  background:#ffffff !important;
  color:#374151 !important;
  font-size:12px !important;
  font-weight:900 !important;
}

#screenEditor .kj-tp-chip.active{
  border-color:rgba(201,160,42,.72) !important;
  background:rgba(201,160,42,.15) !important;
  color:#8a6b10 !important;
}

#screenEditor .save-all-wrap{
  position:sticky !important;
  bottom:10px !important;
  z-index:12 !important;
  padding:8px !important;
  border-radius:4px !important;
  border:1px solid rgba(17,24,39,.12) !important;
  background:rgba(247,248,250,.96) !important;
  box-shadow:0 4px 16px rgba(17,24,39,.12) !important;
}

#screenEditor .save-all-wrap .btn{
  width:100% !important;
}

@media (max-width:860px){
  #screenEditor .editorStickyStatusBar{
    top:6px !important;
  }

  #screenEditor .editorStickyAction{
    flex:1 1 auto !important;
  }

  #screenEditor .editorStickySave{
    margin-left:0 !important;
  }

  #screenEditor .kj-tag-picker{
    grid-template-columns:1fr !important;
  }

  #screenEditor .epV3 .epV3-avatar,
  #screenEditor .epV3 .epV3-avatar img{
    border-radius:4px !important;
  }
}

/* === Marketplace real - topo no layout do prototype === */
body:has(#screenProcurar.screen.show) #kmlTopNav{
  display:none !important;
}

body:has(#screenProcurar.screen.show) .globalProfileBtn{
  display:none !important;
}

body:not(.preAuth) #screenProcurar .marketCornerProfile,
body.globalAvatarMode:not(.preAuth):has(#screenProcurar.screen.show) #screenProcurar .marketCornerProfile{
  display:flex !important;
  opacity:1 !important;
  pointer-events:auto !important;
  position:relative !important;
  width:auto !important;
  height:58px !important;
  overflow:visible !important;
}

body:not(.preAuth) #screenProcurar.screen.show{
  padding-top:0 !important;
}

#screenProcurar{
  color:#111827 !important;
  --kml-market-prototype-shell:min(1340px, calc(100vw - 48px));
}

#screenProcurar > .marketTop.kmlMarketPrototypeTop{
  display:grid !important;
  grid-template-columns:auto auto minmax(320px,1fr) auto;
  align-items:center;
  gap:14px;
  width:var(--kml-market-prototype-shell) !important;
  padding:16px 0 18px !important;
  margin:0 auto !important;
  border-bottom:1px solid rgba(17,24,39,.10) !important;
  background:transparent !important;
}

body.profileMenuDropdownMode #screenProcurar.screen.show > .marketTop.kmlMarketPrototypeTop,
body.profileQuickMenuOpen #screenProcurar.screen.show > .marketTop.kmlMarketPrototypeTop,
body.globalAvatarMode.profileMenuDropdownMode #screenProcurar.screen.show > .marketTop.kmlMarketPrototypeTop{
  width:var(--kml-market-prototype-shell) !important;
  padding:16px 0 18px !important;
  margin:0 auto !important;
}

#screenProcurar .kmlMarketPrototypeTop .marketCornerProfile,
#screenProcurar .kmlMarketPrototypeTop .marketLogo,
#screenProcurar .kmlMarketPrototypeTop .iconBtn,
#screenProcurar .kmlMarketTopSearch,
#screenProcurar .kmlMarketPrototypeCats .catBtn,
#screenProcurar .kmlMarketSortWrap .marketSort{
  border-radius:4px !important;
  border:1px solid rgba(17,24,39,.13) !important;
  background:#fff !important;
  color:#111827 !important;
  box-shadow:none !important;
  text-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

#screenProcurar .kmlMarketPrototypeTop .marketCornerProfile{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  min-width:176px !important;
  padding:8px 12px 8px 8px !important;
  height:58px !important;
  order:0 !important;
  position:relative !important;
  inset:auto !important;
  right:auto !important;
  top:auto !important;
  left:auto !important;
  bottom:auto !important;
  transform:none !important;
  opacity:1 !important;
  pointer-events:auto !important;
  overflow:visible !important;
  z-index:3 !important;
}

body.profileMenuDropdownMode #screenProcurar.screen.show > .kmlMarketPrototypeTop .marketCornerProfile,
body.profileQuickMenuOpen #screenProcurar.screen.show > .kmlMarketPrototypeTop .marketCornerProfile,
body.globalAvatarMode.profileMenuDropdownMode #screenProcurar.screen.show > .kmlMarketPrototypeTop .marketCornerProfile{
  position:relative !important;
  inset:auto !important;
  right:auto !important;
  top:auto !important;
  left:auto !important;
  bottom:auto !important;
  transform:none !important;
  width:auto !important;
  height:58px !important;
  min-width:176px !important;
  min-height:58px !important;
  padding:8px 12px 8px 8px !important;
  gap:10px !important;
  justify-content:flex-start !important;
  border-radius:4px !important;
  border:1px solid rgba(17,24,39,.13) !important;
  background:#fff !important;
  box-shadow:none !important;
  opacity:1 !important;
  pointer-events:auto !important;
  overflow:visible !important;
  display:flex !important;
  z-index:3 !important;
}

body.profileMenuDropdownMode #screenProcurar.screen.show > .kmlMarketPrototypeTop .marketCornerMeta,
body.globalAvatarMode.profileMenuDropdownMode #screenProcurar.screen.show > .kmlMarketPrototypeTop .marketCornerMeta{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
}

body.profileMenuDropdownMode #screenProcurar.screen.show > .kmlMarketPrototypeTop .marketCornerAvatar.avatar,
body.globalAvatarMode.profileMenuDropdownMode #screenProcurar.screen.show > .kmlMarketPrototypeTop .marketCornerAvatar.avatar{
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  box-shadow:none !important;
}

#screenProcurar .kmlMarketPrototypeTop .marketCornerAvatar.avatar{
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  border-radius:50% !important;
  background:#111827 !important;
  color:#fff !important;
  border:1px solid rgba(17,24,39,.16) !important;
  box-shadow:none !important;
}

#screenProcurar .kmlMarketPrototypeTop .marketCornerLabel{
  display:block !important;
  color:#7b8494 !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
}

#screenProcurar .kmlMarketPrototypeTop .marketCornerMeta small{
  color:#111827 !important;
  font-size:14px !important;
  line-height:1.1 !important;
  font-weight:900 !important;
  max-width:120px !important;
}

#screenProcurar .kmlMarketPrototypeTop .marketLogo{
  display:flex !important;
  align-items:center !important;
  height:46px !important;
  padding:0 14px !important;
  margin:0 !important;
  font-size:20px !important;
  font-weight:800 !important;
  letter-spacing:0 !important;
  text-shadow:none !important;
}

#screenProcurar .kmlMarketPrototypeTop .marketLogo b{
  color:#c9a02a !important;
}

#screenProcurar .kmlMarketTopSearch{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-self:center !important;
  width:100% !important;
  max-width:525px !important;
  min-width:0 !important;
  height:48px !important;
  padding:0 !important;
}

#screenProcurar .kmlMarketTopSearch svg{
  position:absolute !important;
  left:14px !important;
  color:#697386 !important;
  pointer-events:none !important;
}

#screenProcurar .kmlMarketTopSearch input{
  width:100% !important;
  height:100% !important;
  padding:0 14px 0 44px !important;
  border:0 !important;
  outline:0 !important;
  background:transparent !important;
  color:#111827 !important;
  border-radius:4px !important;
  font-size:15px !important;
  box-shadow:none !important;
}

#screenProcurar .kmlMarketTopSearch input::placeholder{
  color:#758096 !important;
}

#screenProcurar .kmlMarketTopSearch:focus-within{
  border-color:#c9a02a !important;
  box-shadow:0 0 0 2px rgba(201,160,42,.14) !important;
}

#screenProcurar .kmlMarketPrototypeTop .marketActions{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:10px !important;
  flex-wrap:nowrap !important;
  margin:0 !important;
}

#screenProcurar .kmlMarketPrototypeTop .iconBtn{
  width:auto !important;
  min-width:0 !important;
  height:44px !important;
  padding:0 15px !important;
  gap:8px !important;
  font-size:13px !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}

#screenProcurar .kmlMarketPrototypeTop .kmlMarketPostBtn{
  min-width:168px !important;
  background:#c9a02a !important;
  color:#101317 !important;
  border-color:rgba(130,98,10,.25) !important;
}

#screenProcurar .kmlMarketPrototypeTop .kmlMarketPostBtn:hover{
  background:#d7ad34 !important;
}

#screenProcurar .kmlMarketMenuWrap{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
}

#screenProcurar .kmlMarketPrototypeTop .kmlMarketMoreBtn{
  width:44px !important;
  min-width:44px !important;
  padding:0 !important;
  justify-content:center !important;
}

#screenProcurar .kmlMarketMoreMenu{
  position:absolute !important;
  top:calc(100% + 8px) !important;
  right:0 !important;
  z-index:120 !important;
  width:292px !important;
  max-width:min(292px, calc(100vw - 24px)) !important;
  max-height:min(70vh, 560px) !important;
  overflow:auto !important;
  overscroll-behavior:contain !important;
  padding:8px !important;
  border-radius:4px !important;
  border:1px solid rgba(17,24,39,.13) !important;
  background:#fff !important;
  box-shadow:0 8px 24px rgba(17,24,39,.16) !important;
  opacity:0 !important;
  transform:translateY(-10px) scale(.98) !important;
  transform-origin:top right !important;
  pointer-events:none !important;
  visibility:hidden !important;
  transition:
    opacity .22s cubic-bezier(.16,1,.3,1),
    transform .22s cubic-bezier(.16,1,.3,1),
    visibility 0s linear .22s !important;
  will-change:opacity, transform !important;
}

#screenProcurar .kmlMarketMoreMenu::-webkit-scrollbar{
  width:8px !important;
}

#screenProcurar .kmlMarketMoreMenu::-webkit-scrollbar-thumb{
  background:rgba(17,24,39,.18) !important;
  border-radius:4px !important;
}

#screenProcurar .kmlMarketMenuWrap.is-open .kmlMarketMoreMenu{
  opacity:1 !important;
  transform:translateY(0) !important;
  pointer-events:auto !important;
  visibility:visible !important;
  transition:
    opacity .24s cubic-bezier(.16,1,.3,1),
    transform .24s cubic-bezier(.16,1,.3,1),
    visibility 0s linear 0s !important;
}

#screenProcurar .kmlMarketMenuWrap.is-open .kmlMarketMoreItem{
  animation:kmlMarketMenuItemIn .24s cubic-bezier(.16,1,.3,1) both;
}

#screenProcurar .kmlMarketMenuWrap.is-open .kmlMarketMoreItem:nth-child(1){ animation-delay:.02s; }
#screenProcurar .kmlMarketMenuWrap.is-open .kmlMarketMoreItem:nth-child(2){ animation-delay:.045s; }
#screenProcurar .kmlMarketMenuWrap.is-open .kmlMarketMoreItem:nth-child(3){ animation-delay:.07s; }
#screenProcurar .kmlMarketMenuWrap.is-open .kmlMarketMoreItem:nth-child(4){ animation-delay:.095s; }
#screenProcurar .kmlMarketMenuWrap.is-open .kmlMarketMoreItem:nth-child(5){ animation-delay:.12s; }
#screenProcurar .kmlMarketMenuWrap.is-open .kmlMarketMoreItem:nth-child(6){ animation-delay:.145s; }
#screenProcurar .kmlMarketMenuWrap.is-open .kmlMarketMoreItem:nth-child(7){ animation-delay:.17s; }
#screenProcurar .kmlMarketMenuWrap.is-open .kmlMarketMoreItem:nth-child(8){ animation-delay:.195s; }
#screenProcurar .kmlMarketMenuWrap.is-open .kmlMarketMoreItem:nth-child(9){ animation-delay:.22s; }
#screenProcurar .kmlMarketMenuWrap.is-open .kmlMarketMoreItem:nth-child(n+10){ animation-delay:.245s; }

@keyframes kmlMarketMenuItemIn{
  from{
    opacity:0;
    transform:translateY(-6px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}

#screenProcurar .kmlMarketMoreItem{
  width:100% !important;
  min-height:50px !important;
  padding:8px 12px !important;
  border:0 !important;
  border-radius:4px !important;
  background:transparent !important;
  color:#111827 !important;
  text-align:left !important;
  font-family:inherit !important;
  font-size:14px !important;
  font-weight:800 !important;
  letter-spacing:0 !important;
  display:grid !important;
  grid-template-columns:1fr auto !important;
  grid-template-rows:auto auto !important;
  column-gap:10px !important;
  align-items:center !important;
  position:relative !important;
}

#screenProcurar .kmlMarketMoreItem:not(:disabled){
  color:#111827 !important;
  cursor:pointer !important;
}

#screenProcurar .kmlMarketMoreItem:not(:disabled):hover,
#screenProcurar .kmlMarketMoreItem:not(:disabled):focus-visible{
  background:rgba(201,160,42,.12) !important;
  outline:none !important;
}

#screenProcurar .kmlMarketMoreItem span{
  grid-column:1 !important;
  color:#111827 !important;
  font-size:14px !important;
  font-weight:900 !important;
  line-height:1.15 !important;
}

#screenProcurar .kmlMarketMoreItem small{
  grid-column:1 !important;
  color:#6b7280 !important;
  font-size:12px !important;
  font-weight:700 !important;
  line-height:1.2 !important;
  margin-top:2px !important;
}

#screenProcurar .kmlMarketMoreBadge{
  grid-column:2 !important;
  grid-row:1 / span 2 !important;
  align-self:center !important;
  justify-self:end !important;
  min-width:22px !important;
  height:22px !important;
  padding:0 7px !important;
  border-radius:999px !important;
  align-items:center !important;
  justify-content:center !important;
  background:#ef4444 !important;
  color:#ffffff !important;
  box-shadow:0 6px 16px rgba(239,68,68,.35) !important;
  font-size:11px !important;
  font-weight:900 !important;
  line-height:1 !important;
}

#screenProcurar .kmlMarketMoreItem.hasNotif{
  background:rgba(239,68,68,.06) !important;
}

#screenProcurar .kmlMarketMoreItemDanger span{
  color:#b42318 !important;
}

#screenProcurar .kmlMarketMoreItemDanger:hover,
#screenProcurar .kmlMarketMoreItemDanger:focus-visible{
  background:rgba(239,68,68,.10) !important;
}

@media (prefers-reduced-motion:reduce){
  #screenProcurar .kmlMarketMoreMenu,
  #screenProcurar .kmlMarketMoreItem{
    transition:none !important;
    animation:none !important;
  }
}

/* Menu antigo do perfil removido: agora as opções ficam nas 3 barrinhas */
body.profileMenuDropdownMode #cornerControls,
body.profileQuickMenuOpen #cornerControls.menuOpen {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

#screenProcurar .kmlMarketPrototypeCats{
  display:flex !important;
  align-items:center !important;
  flex-wrap:nowrap !important;
  gap:8px !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  width:var(--kml-market-prototype-shell) !important;
  padding:16px 0 18px !important;
  margin:0 auto !important;
  border-bottom:1px solid rgba(17,24,39,.10) !important;
  scrollbar-width:none !important;
}

#screenProcurar .kmlMarketPrototypeCats::-webkit-scrollbar{
  display:none !important;
}

#screenProcurar .kmlMarketPrototypeCats .catBtn{
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  flex:0 0 auto !important;
  padding:8px 14px !important;
  color:#626b7b !important;
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.10em !important;
  text-transform:uppercase !important;
}

#screenProcurar .kmlMarketPrototypeCats .catBtn:hover{
  border-color:rgba(17,24,39,.22) !important;
  background:#f9fafb !important;
}

#screenProcurar .kmlMarketPrototypeCats .catBtn.active{
  border-color:rgba(201,160,42,.64) !important;
  background:rgba(201,160,42,.14) !important;
  color:#8a6b10 !important;
}

#screenProcurar .kmlMarketPrototypeCats .mkChipDot{
  width:6px !important;
  height:6px !important;
  border-radius:50% !important;
  background:#c9a02a !important;
}

#screenProcurar .kmlMarketResultsBar{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
  width:var(--kml-market-prototype-shell) !important;
  padding:20px 0 16px !important;
  margin:0 auto !important;
}

#screenProcurar .kmlMarketCount{
  color:#758096 !important;
  font-size:13px !important;
  font-weight:900 !important;
  letter-spacing:.24em !important;
  text-transform:uppercase !important;
}

#screenProcurar .kmlMarketCount span{
  color:#5f6878 !important;
}

#screenProcurar .kmlMarketSortWrap{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
}

#screenProcurar .kmlMarketSortWrap > span{
  color:#758096 !important;
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
}

#screenProcurar .kmlMarketSortWrap .marketSort{
  width:180px !important;
  height:40px !important;
  padding:0 32px 0 13px !important;
  font-size:13px !important;
  font-weight:800 !important;
}

#screenProcurar > .marketHero{
  display:none !important;
}

#screenProcurar #exploreGridAnchor{
  margin-top:0 !important;
}

#screenProcurar #exploreGridAnchor > .secHead{
  display:none !important;
}

@media(max-width:980px){
  #screenProcurar > .marketTop.kmlMarketPrototypeTop{
    grid-template-columns:auto auto;
  }

  #screenProcurar .kmlMarketTopSearch,
  #screenProcurar .kmlMarketPrototypeTop .marketActions{
    grid-column:1 / -1;
  }

  #screenProcurar .kmlMarketPrototypeTop .marketActions{
    justify-content:stretch !important;
  }

  #screenProcurar .kmlMarketPrototypeTop .iconBtn{
    flex:1 1 0 !important;
    justify-content:center !important;
  }
}

@media(max-width:560px){
  #screenProcurar > .marketTop.kmlMarketPrototypeTop{
    gap:10px !important;
    padding-top:12px !important;
  }

  #screenProcurar .kmlMarketPrototypeTop .marketCornerProfile{
    min-width:0 !important;
    width:54px !important;
    height:54px !important;
    padding:6px !important;
  }

  body.profileMenuDropdownMode #screenProcurar.screen.show > .kmlMarketPrototypeTop .marketCornerProfile,
  body.profileQuickMenuOpen #screenProcurar.screen.show > .kmlMarketPrototypeTop .marketCornerProfile,
  body.globalAvatarMode.profileMenuDropdownMode #screenProcurar.screen.show > .kmlMarketPrototypeTop .marketCornerProfile{
    min-width:0 !important;
    width:54px !important;
    height:54px !important;
    min-height:54px !important;
    padding:6px !important;
    gap:0 !important;
    justify-content:center !important;
  }

  #screenProcurar .kmlMarketPrototypeTop .marketCornerMeta{
    display:none !important;
  }

  body.profileMenuDropdownMode #screenProcurar.screen.show > .kmlMarketPrototypeTop .marketCornerMeta,
  body.globalAvatarMode.profileMenuDropdownMode #screenProcurar.screen.show > .kmlMarketPrototypeTop .marketCornerMeta{
    display:none !important;
  }

  #screenProcurar .kmlMarketPrototypeTop .marketLogo{
    justify-self:end !important;
    font-size:16px !important;
  }

  #screenProcurar .kmlMarketPrototypeTop .iconBtn{
    flex:0 0 auto !important;
    width:44px !important;
    padding:0 !important;
  }

  #screenProcurar .kmlMarketPrototypeTop .iconBtn span{
    display:none !important;
  }

  #screenProcurar .kmlMarketPrototypeTop .kmlMarketPostBtn{
    min-width:44px !important;
  }

  #screenProcurar .kmlMarketMoreMenu{
    right:0 !important;
  }

  #screenProcurar .kmlMarketResultsBar{
    align-items:flex-start !important;
  }

  #screenProcurar .kmlMarketCount{
    max-width:190px !important;
    line-height:1.55 !important;
  }

  #screenProcurar .kmlMarketSortWrap > span{
    display:none !important;
  }

  #screenProcurar .kmlMarketSortWrap .marketSort{
    width:146px !important;
  }
}

@media(max-width:480px){
  #screenProcurar .kmlMarketPrototypeTop .marketLogo{
    display:none !important;
  }

  #screenProcurar .kmlMarketResultsBar{
    justify-content:flex-start !important;
  }

  #screenProcurar .kmlMarketSortWrap{
    display:none !important;
  }
}

#screenClientProfile .kmlThemeProgress{
  background:rgba(17,24,39,.12) !important;
  border-radius:var(--kml-final-radius) !important;
}

#screenClientProfile .kmlThemeProgress span{
  background:var(--kml-final-gold) !important;
}

#screenClientProfile .cjCoverUploadBox{
  border-radius:var(--kml-final-radius) !important;
  border-color:rgba(201,160,42,.55) !important;
  background:rgba(255,255,255,.45) !important;
  box-shadow:none !important;
}

#screenClientProfile .cjCoverUploadDefault strong{
  color:#8a6b10 !important;
}

#screenClientProfile .cjCoverUploadDefault span,
#screenClientProfile .cjCoverRequired{
  color:var(--kml-final-muted) !important;
}

#screenClientProfile .fvDivider{
  background:rgba(17,24,39,.10) !important;
}

/* ===== Meu Banco: produto, filtros e visual sólido ===== */
#screenBanco .banco-balance-card,
#screenBanco .banco-status-card,
#screenBanco .banco-section-card,
#screenBanco .banco-split-card,
#screenBanco .banco-tips-card,
#screenBanco .banco-simulator-card,
#screenBanco .banco-projection-card{
  border-radius:4px !important;
  border:1px solid rgba(255,255,255,.08) !important;
  background:#0a0d18 !important;
  color:#f5f7fb !important;
  box-shadow:0 4px 16px rgba(0,0,0,.24) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

#screenBanco .banco-balance-card__bg{
  display:none !important;
  background:none !important;
}

#screenBanco .banco-balance-card__value{
  color:#f5f7fb !important;
  text-shadow:none !important;
}

#screenBanco .banco-balance-card__badge,
#screenBanco .banco-status-pill,
#screenBanco .banco-banner__action,
#screenBanco .banco-action-primary,
#screenBanco .banco-action-secondary,
#screenBanco .banco-history-tools button,
#screenBanco .banco-pagination button,
#screenBanco .banco-historico__empty button{
  border-radius:4px !important;
}

#screenBanco .banco-ring-fill--green{
  stroke:#5dca7a !important;
}

#screenBanco .banco-banner{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
}

#screenBanco .banco-banner span{
  flex:1 !important;
}

#screenBanco .banco-banner__action,
#screenBanco .banco-action-primary,
#screenBanco .banco-connect-btn,
#screenBanco .banco-historico__empty button{
  background:#c9a02a !important;
  color:#111827 !important;
  border:1px solid rgba(201,160,42,.35) !important;
  padding:10px 14px !important;
  font-weight:900 !important;
  cursor:pointer !important;
  box-shadow:none !important;
}

#screenBanco .banco-action-secondary,
#screenBanco .banco-history-tools button,
#screenBanco .banco-pagination button{
  background:rgba(255,255,255,.06) !important;
  color:#f5f7fb !important;
  border:1px solid rgba(255,255,255,.12) !important;
  padding:10px 14px !important;
  font-weight:800 !important;
  cursor:pointer !important;
}

#screenBanco .banco-pagination button:disabled{
  opacity:.45 !important;
  cursor:not-allowed !important;
}

#screenBanco .banco-balance-breakdown{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:8px !important;
  margin:16px 0 4px !important;
}

#screenBanco .banco-balance-breakdown div{
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:4px !important;
  background:rgba(255,255,255,.04) !important;
  padding:10px !important;
}

#screenBanco .banco-balance-breakdown span{
  display:block !important;
  color:#9ca3af !important;
  font-size:11px !important;
  font-weight:800 !important;
  text-transform:uppercase !important;
}

#screenBanco .banco-balance-breakdown strong{
  display:block !important;
  margin-top:5px !important;
  color:#f5f7fb !important;
  font-size:14px !important;
}

#screenBanco .banco-balance-actions,
#screenBanco .banco-account-actions,
#screenBanco .banco-history-tools,
#screenBanco .banco-pagination{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  flex-wrap:wrap !important;
}

#screenBanco .banco-balance-actions{
  margin-top:16px !important;
}

#screenBanco .banco-account-actions a,
#screenBanco .banco-account-actions button{
  flex:1 1 180px !important;
  text-align:center !important;
}

#screenBanco .banco-account-state{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  padding:14px !important;
  border-radius:4px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  background:rgba(255,255,255,.04) !important;
  margin-bottom:14px !important;
}

#screenBanco .banco-account-state__icon{
  width:36px !important;
  height:36px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:4px !important;
  background:rgba(201,160,42,.16) !important;
  color:#c9a02a !important;
  font-weight:900 !important;
}

#screenBanco .banco-account-state--active .banco-account-state__icon{
  background:rgba(93,202,122,.16) !important;
  color:#5dca7a !important;
}

#screenBanco .banco-account-state strong{
  display:block !important;
  color:#f5f7fb !important;
}

#screenBanco .banco-account-state div div,
#screenBanco .banco-account-note,
#screenBanco .banco-simulator-card label,
#screenBanco .banco-projection-card span,
#screenBanco .banco-simulator-fee{
  color:#aab2c0 !important;
}

#screenBanco .banco-account-note{
  padding:14px !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:4px !important;
  background:rgba(255,255,255,.03) !important;
  margin-bottom:14px !important;
}

#screenBanco .banco-account-note div{
  font-weight:900 !important;
  color:#f5f7fb !important;
  margin-bottom:8px !important;
}

#screenBanco .banco-account-note ul{
  margin:0 !important;
  padding-left:18px !important;
  line-height:1.7 !important;
}

#screenBanco .banco-history-tools{
  margin:12px 0 14px !important;
}

#screenBanco .banco-history-tools select,
#screenBanco .banco-history-tools input,
#screenBanco .banco-simulator-card input{
  min-height:40px !important;
  border-radius:4px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:#080b14 !important;
  color:#f5f7fb !important;
  padding:0 12px !important;
  outline:none !important;
}

#screenBanco .banco-history-tools input{
  flex:1 1 190px !important;
}

#screenBanco .banco-history-row{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
  padding:13px 0 !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
}

#screenBanco .banco-history-row__main strong,
#screenBanco .banco-history-row__side strong{
  color:#f5f7fb !important;
}

#screenBanco .banco-history-row__main span{
  display:block !important;
  margin-top:4px !important;
  color:#9ca3af !important;
  font-size:12px !important;
}

#screenBanco .banco-history-row__side{
  display:flex !important;
  align-items:flex-end !important;
  flex-direction:column !important;
  gap:6px !important;
}

#screenBanco .banco-status-pill{
  padding:4px 8px !important;
  font-size:11px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  background:rgba(255,255,255,.06) !important;
  color:#cbd5e1 !important;
}

#screenBanco .banco-status-pill--paid{
  background:rgba(93,202,122,.16) !important;
  color:#8ee0a3 !important;
}

#screenBanco .banco-status-pill--pending{
  background:rgba(201,160,42,.16) !important;
  color:#e5c15b !important;
}

#screenBanco .banco-status-pill--blocked{
  background:rgba(239,68,68,.16) !important;
  color:#fca5a5 !important;
}

#screenBanco .banco-historico__empty{
  border:1px dashed rgba(255,255,255,.14) !important;
  border-radius:4px !important;
  padding:24px !important;
}

#screenBanco .banco-historico__empty svg{
  color:#9ca3af !important;
}

#screenBanco .banco-historico__empty button{
  margin-top:14px !important;
}

#screenBanco .banco-history-skeleton{
  display:flex !important;
  justify-content:space-between !important;
  gap:16px !important;
  padding:14px 0 !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
}

#screenBanco .banco-history-skeleton span{
  height:14px !important;
  border-radius:4px !important;
  background:rgba(255,255,255,.10) !important;
}

#screenBanco .banco-history-skeleton span:first-child{
  width:48% !important;
}

#screenBanco .banco-history-skeleton span:last-child{
  width:22% !important;
}

#screenBanco .banco-simulator-card,
#screenBanco .banco-projection-card{
  padding:18px !important;
}

#screenBanco .banco-simulator-card__head,
#screenBanco .banco-projection-card__head{
  color:#f5f7fb !important;
  font-weight:900 !important;
  margin-bottom:12px !important;
}

#screenBanco .banco-simulator-card label{
  display:block !important;
  font-size:12px !important;
  font-weight:800 !important;
  margin-bottom:6px !important;
}

#screenBanco .banco-simulator-card input{
  width:100% !important;
}

#screenBanco .banco-simulator-result{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  margin-top:12px !important;
  padding:12px !important;
  border-radius:4px !important;
  background:rgba(93,202,122,.12) !important;
}

#screenBanco .banco-simulator-result strong,
#screenBanco .banco-projection-card strong{
  color:#f5f7fb !important;
  font-size:22px !important;
}

#screenBanco .banco-simulator-fee{
  margin-top:8px !important;
  font-size:12px !important;
}

#screenBanco .banco-projection-card strong{
  display:block !important;
  margin-bottom:6px !important;
}

.kmlLangToggle{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  min-width:72px !important;
}

.kmlLangToggle span{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:22px !important;
  height:22px !important;
  border-radius:4px !important;
  color:inherit !important;
}

.kmlLangToggle span.is-active{
  background:#c9a02a !important;
  color:#111827 !important;
}

.kmlLangToggle i{
  color:rgba(255,255,255,.34) !important;
  font-style:normal !important;
}

/* ===== Workspace Admin ===== */
.kmlWsOverlay{
  display:none;
  position:fixed !important;
  top:58px !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  z-index:2147481000 !important;
  background:#080b14 !important;
  color:#f5f7fb;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

.kmlWsPanel{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  background:#080b14;
  overflow:hidden;
}

.kmlWsHeader{
  display:grid;
  grid-template-columns:auto minmax(220px,1fr) auto auto;
  align-items:center;
  gap:12px;
  padding:14px 18px;
  border-bottom:1px solid rgba(255,255,255,.08);
  background:#080b14;
}

.kmlWsBrand{
  display:flex;
  align-items:center;
  gap:10px;
  color:#fff;
  font-size:17px;
  font-weight:900;
}

.kmlWsBrandIcon{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:4px;
  background:rgba(201,160,42,.16);
  color:#c9a02a;
}

.kmlWsSearch{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
  border:1px solid rgba(255,255,255,.12);
  border-radius:4px;
  background:#0d111c;
  padding:0 8px 0 12px;
  color:#8e96a5;
}

.kmlWsSearch input{
  min-width:0;
  flex:1;
  height:38px;
  border:0;
  outline:0;
  background:transparent;
  color:#f5f7fb;
}

.kmlWsSearch button,
.kmlWsClose,
.kmlWsTab,
.kmlWsToolbar button,
.kmlWsActions button,
.kmlWsCard button,
.kmlWsQueue button,
.kmlWsSearchResults button,
.kmlWsProfileHead button{
  border-radius:4px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:rgba(255,255,255,.06) !important;
  color:#f5f7fb !important;
  box-shadow:none !important;
  cursor:pointer;
}

.kmlWsSearch button,
.kmlWsClose{
  height:30px;
  padding:0 12px;
  font-weight:800;
}

.kmlWsTabs{
  display:flex;
  align-items:center;
  gap:6px;
  overflow-x:auto;
  max-width:100%;
}

.kmlWsTab{
  display:inline-flex;
  align-items:center;
  gap:7px;
  white-space:nowrap;
  height:34px;
  padding:0 10px;
  font-size:13px;
  font-weight:800;
}

.kmlWsTab.active{
  background:rgba(201,160,42,.16) !important;
  border-color:rgba(201,160,42,.5) !important;
  color:#f3d272 !important;
}

.kmlWsTab b{
  min-width:18px;
  height:18px;
  display:inline-grid;
  place-items:center;
  padding:0 5px;
  border-radius:4px;
  background:rgba(255,255,255,.10);
  color:#fff;
  font-size:11px;
}

.kmlWsMain{
  flex:1;
  display:flex;
  overflow:hidden;
  position:relative;
}

.kmlWsBody{
  flex:1;
  overflow:auto;
  padding:18px;
}

.kmlWsState,
.kmlWsEmpty{
  padding:46px 20px;
  text-align:center;
  color:#aab2c0;
}

.kmlWsStateError{
  color:#fca5a5;
}

.kmlWsEmpty{
  border:1px dashed rgba(255,255,255,.14);
  border-radius:4px;
}

.kmlWsEmpty strong,
.kmlWsEmpty span{
  display:block;
}

.kmlWsEmpty strong{
  color:#f5f7fb;
  margin-bottom:6px;
}

.kmlWsOverview{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
  margin-bottom:14px;
}

.kmlWsKpi{
  min-height:104px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  text-align:left;
  padding:14px;
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:4px !important;
  background:#0d111c !important;
}

.kmlWsKpi span{
  color:#9ca3af;
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
}

.kmlWsKpi strong{
  color:#fff;
  font-size:25px;
  line-height:1;
}

.kmlWsGrid2{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

.kmlWsCard{
  border:1px solid rgba(255,255,255,.10);
  border-radius:4px;
  background:#0d111c;
  padding:16px;
}

.kmlWsCard h3{
  margin:0 0 12px;
  color:#fff;
}

.kmlWsCard label{
  display:block;
  margin:10px 0 5px;
  color:#aab2c0;
  font-size:12px;
  font-weight:800;
}

.kmlWsCard input,
.kmlWsCard textarea,
.kmlWsCard select,
.kmlWsToolbar input{
  width:100%;
  min-height:38px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:4px;
  background:#080b14;
  color:#f5f7fb;
  padding:8px 10px;
  box-sizing:border-box;
}

.kmlWsCard textarea{
  resize:vertical;
}

.kmlWsCheck{
  display:flex !important;
  align-items:center;
  gap:8px;
}

.kmlWsCheck input{
  width:auto;
  min-height:0;
  accent-color:#c9a02a;
}

.kmlWsQueue,
.kmlWsAudit,
.kmlWsSearchResults{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.kmlWsQueue button,
.kmlWsAudit div,
.kmlWsSearchResults button{
  display:grid;
  grid-template-columns:1fr auto;
  gap:8px;
  align-items:center;
  padding:11px 12px;
  text-align:left;
  border-radius:4px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
}

.kmlWsAudit div{
  grid-template-columns:90px 1fr auto;
}

.kmlWsAuditHead{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

.kmlWsAuditHead h3{
  margin:0;
}

.kmlWsAuditHead button{
  min-height:28px;
  padding:0 10px;
  font-size:12px;
}

.kmlWsAudit span,
.kmlWsSearchResults span{
  color:#c9a02a;
  font-size:12px;
  font-weight:900;
}

.kmlWsAudit small,
.kmlWsSearchResults small,
.kmlWsTable td span{
  color:#9ca3af;
  font-size:12px;
}

.kmlWsToolbar{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:12px;
}

.kmlWsToolbar strong{
  color:#fff;
}

.kmlWsToolbar input{
  flex:1;
}

.kmlWsToolbar button,
.kmlWsActions button,
.kmlWsCard button{
  min-height:34px;
  padding:0 12px;
  font-weight:800;
}

.kmlWsTableWrap{
  overflow:auto;
  border:1px solid rgba(255,255,255,.10);
  border-radius:4px;
  background:#0d111c;
}

.kmlWsTable{
  width:100%;
  border-collapse:collapse;
  color:#e5e7eb;
  font-size:13px;
}

.kmlWsTable th,
.kmlWsTable td{
  padding:11px 10px;
  border-bottom:1px solid rgba(255,255,255,.07);
  text-align:left;
  vertical-align:top;
}

.kmlWsTable th{
  color:#9ca3af;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.05em;
}

.kmlWsTable tr:hover{
  background:rgba(255,255,255,.035);
}

.kmlWsTable td strong,
.kmlWsTable td span{
  display:block;
}

.kmlWsActions{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}

.kmlWsBadge{
  display:inline-flex;
  align-items:center;
  min-height:22px;
  border-radius:4px;
  padding:0 8px;
  color:var(--ws-badge);
  background:color-mix(in srgb, var(--ws-badge) 16%, transparent);
  border:1px solid color-mix(in srgb, var(--ws-badge) 40%, transparent);
  font-size:12px;
  font-weight:800;
}

.kmlWsPager{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:10px;
  padding:10px 12px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:4px;
  background:#0d111c;
  color:#cbd5e1;
}

.kmlWsPagerInfo{
  color:#9ca3af;
  font-size:12px;
  font-weight:800;
  letter-spacing:.03em;
  text-transform:uppercase;
}

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

.kmlWsPagerBtns span{
  color:#9ca3af;
  font-size:12px;
}

.kmlWsPager button{
  min-height:30px;
  padding:0 10px;
  border-radius:4px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.06);
  color:#e5e7eb;
  font-weight:800;
  cursor:pointer;
}

.kmlWsPager button:disabled{
  opacity:.42;
  cursor:not-allowed;
}

.kmlWsToolbarCompact{
  justify-content:flex-start;
  margin-top:-4px;
}

.kmlWsToolbarCompact button.active{
  background:rgba(201,160,42,.16);
  border-color:rgba(201,160,42,.42);
  color:#d7b85b;
}

.kmlWsModalOverlay{
  position:fixed;
  inset:0;
  z-index:9700;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
  background:rgba(3,6,14,.74);
}

.kmlWsModalCard{
  width:min(760px, 100%);
  max-height:min(86vh, 780px);
  overflow:auto;
  background:#0d111c;
  border:1px solid rgba(255,255,255,.12);
  border-radius:4px;
  box-shadow:0 4px 16px rgba(0,0,0,.42);
}

.kmlWsModalHead,
.kmlWsModalFoot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:14px 16px;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.kmlWsModalFoot{
  justify-content:flex-end;
  border-top:1px solid rgba(255,255,255,.08);
  border-bottom:0;
}

.kmlWsModalHead strong{
  color:#fff;
  font-size:16px;
}

.kmlWsModalHead button,
.kmlWsModalFoot button{
  min-height:34px;
  padding:0 12px;
  border-radius:4px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.06);
  color:#e5e7eb;
  font-weight:800;
  cursor:pointer;
}

.kmlWsModalFoot button{
  border-color:rgba(201,160,42,.42);
  background:#c9a02a;
  color:#10131b;
}

.kmlWsModalBody{
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:16px;
  color:#d1d5db;
}

.kmlWsModalBody label{
  color:#f3f4f6;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.04em;
}

.kmlWsModalBody p{
  margin:0;
  color:#cbd5e1;
  line-height:1.55;
}

.kmlWsModalBody textarea,
.kmlWsModalBody input,
.kmlWsModalBody select{
  width:100%;
  box-sizing:border-box;
  margin-top:6px;
  border-radius:4px;
  border:1px solid rgba(255,255,255,.14);
  background:#080b14;
  color:#f8fafc;
  padding:10px 12px;
  font:inherit;
}

.kmlWsModalBody textarea{
  resize:vertical;
}

.kmlWsModalBody pre{
  margin:0;
  max-height:220px;
  overflow:auto;
  border-radius:4px;
  border:1px solid rgba(255,255,255,.1);
  background:#080b14;
  color:#cbd5e1;
  padding:12px;
  white-space:pre-wrap;
  word-break:break-word;
}

.kmlWsDetailGrid,
.kmlWsFormGrid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

.kmlWsDetailGrid div{
  border:1px solid rgba(255,255,255,.1);
  border-radius:4px;
  padding:10px;
  background:rgba(255,255,255,.035);
}

.kmlWsDetailGrid span{
  display:block;
  color:#9ca3af;
  font-size:12px;
  margin-bottom:3px;
}

.kmlWsDetailGrid strong{
  display:block;
  color:#fff;
  font-size:14px;
  word-break:break-word;
}

.kmlWsHistoryList{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.kmlWsHistoryList div{
  border-left:2px solid #c9a02a;
  background:rgba(255,255,255,.035);
  padding:9px 10px;
}

.kmlWsHistoryList strong{
  display:block;
  color:#fff;
  font-size:13px;
}

.kmlWsHistoryList span{
  display:block;
  margin:3px 0;
  color:#9ca3af;
  font-size:12px;
}

.kmlWsHistoryList p{
  margin:0;
  color:#cbd5e1;
  font-size:13px;
}

.kmlWsProfileDrawer{
  display:none;
  flex-direction:column;
  width:320px;
  flex-shrink:0;
  border-left:1px solid rgba(255,255,255,.08);
  background:#0d111c;
  overflow:hidden;
}

.kmlWsProfileHead{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:14px 16px;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.kmlWsProfileHead span{
  color:#fff;
  font-weight:900;
}

.kmlWsProfileHead button{
  min-height:30px;
  padding:0 10px;
}

.kmlWsProfileContent{
  flex:1;
  overflow:auto;
  padding:18px;
}

@media(max-width:1180px){
  .kmlWsHeader{
    grid-template-columns:1fr auto;
  }

  .kmlWsSearch,
  .kmlWsTabs{
    grid-column:1/-1;
  }

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

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

@media(max-width:780px){
  #screenBanco .banco-balance-breakdown{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  #screenBanco .banco-history-row{
    align-items:flex-start !important;
    flex-direction:column !important;
  }

  #screenBanco .banco-history-row__side{
    align-items:flex-start !important;
  }
}

/* ===== Postar Trabalho: preview, rascunho e acessibilidade ===== */
#screenClientProfile .fvTextarea,
#screenClientProfile .fvTitleInput,
#screenClientProfile .fvInput{
  background:#fff !important;
  color:#111827 !important;
  border:1px solid rgba(17,24,39,.14) !important;
}

#screenClientProfile .fvTextarea::placeholder,
#screenClientProfile .fvTitleInput::placeholder,
#screenClientProfile .fvInput::placeholder{
  color:#7a8291 !important;
}

#screenClientProfile .kmlThemeProgressTop{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  margin:0 0 8px !important;
}

#screenClientProfile .clDraftStatus{
  min-height:18px !important;
  color:var(--kml-final-muted) !important;
  font-size:12px !important;
  font-weight:800 !important;
  letter-spacing:.03em !important;
  text-transform:uppercase !important;
}

#screenClientProfile .clDraftStatus[data-tone="ok"]{
  color:#597447 !important;
}

#screenClientProfile .cpChip{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
}

#screenClientProfile .cpChipIcon{
  width:16px !important;
  height:16px !important;
  flex:0 0 auto !important;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:2 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}

#screenClientProfile .clLivePreview{
  margin-top:18px !important;
  padding:18px !important;
  border:1px solid var(--kml-final-line) !important;
  border-radius:var(--kml-final-radius) !important;
  background:#fff !important;
  color:var(--kml-final-text) !important;
  box-shadow:none !important;
}

#screenClientProfile .clLivePreviewHead{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  margin-bottom:12px !important;
}

#screenClientProfile .clLivePreviewHead strong{
  color:var(--kml-final-text) !important;
  font-size:15px !important;
}

#screenClientProfile .clLivePreviewHead span{
  border:1px solid rgba(201,160,42,.45) !important;
  border-radius:var(--kml-final-radius) !important;
  color:#8a6b10 !important;
  background:rgba(201,160,42,.12) !important;
  padding:4px 8px !important;
  font-size:11px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
}

#screenClientProfile .clPreviewCard{
  max-width:520px !important;
  overflow:hidden !important;
  border:1px solid rgba(17,24,39,.14) !important;
  border-radius:var(--kml-final-radius) !important;
  background:#fff !important;
}

#screenClientProfile .cpPreviewCover{
  height:180px !important;
  min-height:180px !important;
  border-radius:0 !important;
  background:#eef1f6 !important;
  background-position:center !important;
  background-size:cover !important;
  border-bottom:1px solid rgba(17,24,39,.10) !important;
}

#screenClientProfile .cpPreviewCover:not(.has-cover)::before{
  content:"Capa do trabalho" !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:100% !important;
  color:#7a8291 !important;
  font-size:13px !important;
  font-weight:800 !important;
}

#screenClientProfile .cpPreviewBody{
  padding:16px !important;
  background:#fff !important;
}

#screenClientProfile .cpPreviewWho{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  margin-bottom:12px !important;
}

#screenClientProfile #cpPreviewTitle{
  color:var(--kml-final-text) !important;
  font-size:17px !important;
  font-weight:900 !important;
}

#screenClientProfile #cpPreviewTags{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:6px !important;
}

#screenClientProfile #cpPreviewTags .clJobTag{
  border:1px solid rgba(17,24,39,.14) !important;
  border-radius:var(--kml-final-radius) !important;
  background:#f8fafc !important;
  color:#4b5563 !important;
  padding:5px 8px !important;
  font-size:11px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
}

#screenClientProfile #cpPreviewTags .clJobTag.budget,
#screenClientProfile #cpPreviewTags .clJobTag.platform{
  color:#8a6b10 !important;
  border-color:rgba(201,160,42,.45) !important;
  background:rgba(201,160,42,.10) !important;
}

#screenClientProfile .fieldErrorMsg{
  color:#b91c1c !important;
  font-size:12px !important;
  font-weight:800 !important;
  margin-top:7px !important;
}

#screenClientProfile .fvInput.fieldError,
#screenClientProfile .fvTextarea.fieldError,
#screenClientProfile .fvTitleInput.fieldError{
  border-color:#ef4444 !important;
  box-shadow:0 0 0 3px rgba(239,68,68,.14) !important;
}

#screenClientProfile .cpBtnPublish.isLoading{
  cursor:progress !important;
  opacity:.78 !important;
}

#screenClientProfile .cpTab[aria-selected="true"],
#screenClientProfile .cpChip[aria-pressed="true"]{
  outline:0 !important;
}

#screenClientProfile .cpTab:focus-visible,
#screenClientProfile .cpChip:focus-visible,
#screenClientProfile .fvInput:focus,
#screenClientProfile .fvTextarea:focus,
#screenClientProfile .fvTitleInput:focus{
  outline:2px solid var(--kml-final-gold) !important;
  outline-offset:2px !important;
}

@media(max-width:640px){
  #screenClientProfile .cpTab,
  #screenClientProfile .cpChip,
  #screenEditor .btn.secondary{
    color:var(--kml-final-text) !important;
  }
}

/* ═══════════════════════════════════════════════════
   EDITOR CARD REDESIGN — padrão marketplace-prototype
   ═══════════════════════════════════════════════════ */

/* Card escuro */
.eCard {
  background: #0d1119 !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  border-radius: 4px !important;
  color: #eceef3 !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  cursor: pointer !important;
}
.eCard:hover {
  border-color: rgba(201,160,42,.22) !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 32px rgba(0,0,0,.32) !important;
}

/* Thumbs strip 3 colunas */
.eCardThumbs {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr !important;
  height: 88px !important;
  gap: 0 !important;
  overflow: hidden !important;
  background: #040609 !important;
  position: relative !important;
  flex-shrink: 0 !important;
}
.eCardThumb {
  position: relative !important;
  overflow: hidden !important;
  background: #0a0d18 !important;
}
.eCardThumb:not(:last-child) {
  border-right: 1px solid rgba(0,0,0,.5) !important;
}
.eCardThumb--a { background: linear-gradient(145deg,#0d1528,#060a14) !important; }
.eCardThumb--b { background: linear-gradient(145deg,#0c1520,#070b16) !important; }
.eCardThumb--c { background: linear-gradient(145deg,#0a1218,#050810) !important; }

/* "Em breve" — pacotes 16+ não vendáveis ainda */
.pkgCard, .ppv2PkgCard { position: relative; }
.pkgSoonBadge {
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 3;
  border: 1px solid rgba(201,160,42,.5);
  border-radius: 4px;
  background: rgba(13,17,25,.82);
  color: #e7c766;
  padding: 4px 8px;
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .04em;
  text-transform: uppercase;
  pointer-events: none;
}
.pkgCard--soon .pkgThumb,
.ppv2PkgCard.pkgCard--soon .ppv2PkgCover { filter: grayscale(.45); opacity: .82; }
.pkgSoonBtn,
.pkgSoonBtn:hover {
  background: rgba(16,24,39,.06) !important;
  color: #8a93a3 !important;
  border: 1px solid rgba(16,24,39,.14) !important;
  cursor: not-allowed !important;
  box-shadow: none !important;
  transform: none !important;
}

/* capa-fallback: iniciais douradas quando o editor não tem foto de capa */
.eCardThumbPh {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: grid;
  place-items: center;
  font-weight: 900;
  font-size: 2.2rem;
  letter-spacing: .04em;
  color: rgba(201,160,42,.92);
  text-shadow: 0 1px 2px rgba(0,0,0,.35);
  pointer-events: none;
}

/* Label do thumb */
.eCardThumb .eCardThumbLabel {
  position: absolute !important;
  bottom: 5px !important;
  left: 6px !important;
  font-size: 8px !important;
  font-weight: 700 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,.4) !important;
  line-height: 1 !important;
  pointer-events: none !important;
}

/* Play button */
.eCardThumbPlay {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%,-50%) !important;
  width: 20px !important;
  height: 20px !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,.08) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: background .2s, border-color .2s !important;
}
.eCard:hover .eCardThumbPlay {
  background: rgba(201,160,42,.15) !important;
  border-color: rgba(201,160,42,.35) !important;
}

/* Avatar com iniciais e borda dourada */
.eCardAvatar {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  background: rgba(201,160,42,.10) !important;
  border: 1.5px solid rgba(201,160,42,.20) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  color: rgba(201,160,42,.85) !important;
  flex-shrink: 0 !important;
  letter-spacing: -.01em !important;
}

/* Corpo do card */
.eCardBody {
  padding: 14px 16px 0 !important;
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

/* Header */
.eCardHead {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
}
.eCardHeadInfo {
  flex: 1 !important;
  min-width: 0 !important;
}
.eCardNameRow {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  flex-wrap: wrap !important;
}
.eCard .eCardName {
  font-size: 13.5px !important;
  font-weight: 800 !important;
  color: #eceef3 !important;
  letter-spacing: .01em !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.eCard .eCardSpecialty {
  font-size: 11.5px !important;
  color: rgba(236,238,243,.55) !important;
  font-weight: 400 !important;
  margin-top: 1px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.eCardOnline {
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: #5dca7a !important;
  flex-shrink: 0 !important;
  margin-top: 5px !important;
}

/* Badge verificado no card escuro */
.eCard .eCardVerified {
  display: inline-flex !important;
  align-items: center !important;
  gap: 3px !important;
  background: rgba(201,160,42,.10) !important;
  border: 1px solid rgba(201,160,42,.25) !important;
  border-radius: 3px !important;
  padding: 2px 5px !important;
  font-size: 8.5px !important;
  font-weight: 700 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  color: rgba(201,160,42,.85) !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}

/* Stats */
.eCardStats {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}
.eCard .eCardStat {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #eceef3 !important;
}
.eCard .eCardStat svg { color: #c9a02a !important; fill: #c9a02a !important; }
.eCardStatSep {
  width: 1px !important;
  height: 12px !important;
  background: rgba(255,255,255,.12) !important;
}
.eCard .eCardStatSub {
  font-size: 11px !important;
  font-weight: 400 !important;
  color: rgba(236,238,243,.30) !important;
  margin-left: 2px !important;
}

/* Tags */
.eCardTags {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
}
.eCard .eTag {
  padding: 3px 7px !important;
  border-radius: 3px !important;
  font-size: 9.5px !important;
  font-weight: 700 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  color: rgba(236,238,243,.30) !important;
  background: none !important;
  transition: border-color .2s, color .2s !important;
}
.eCard:hover .eTag {
  border-color: rgba(255,255,255,.14) !important;
  color: rgba(236,238,243,.55) !important;
}

/* Footer */
.eCardFooter {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 12px 16px !important;
  border-top: 1px solid rgba(255,255,255,.07) !important;
  margin-top: auto !important;
}
.eCardPrice {
  display: flex !important;
  flex-direction: column !important;
  gap: 1px !important;
}
.eCard .eCardPriceLabel {
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
  color: rgba(236,238,243,.30) !important;
}
.eCard .eCardPriceVal {
  font-size: 16px !important;
  font-weight: 800 !important;
  color: #eceef3 !important;
  letter-spacing: -.01em !important;
  line-height: 1.1 !important;
}
.eCard .eCardPriceSuffix {
  font-size: 11px !important;
  font-weight: 400 !important;
  color: rgba(236,238,243,.30) !important;
  margin-left: 2px !important;
}

/* CTA — dourado sólido */
.eCard .eCardCta,
.eCardCta {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 8px 14px !important;
  border-radius: 4px !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  background: #c9a02a !important;
  color: #0d0e10 !important;
  border: none !important;
  transition: background .18s, transform .12s !important;
}
.eCard .eCardCta:hover,
.eCardCta:hover { background: #d4aa36 !important; }
.eCard .eCardCta:active,
.eCardCta:active { transform: scale(.98) !important; }
.eCard .eCardCta svg,
.eCardCta svg { transition: transform .18s !important; }
.eCard .eCardCta:hover svg,
.eCardCta:hover svg { transform: translateX(2px) !important; }

/* Ocultar .eCardCoverImg legado se ainda existir */
.eCardCoverImg { display: none !important; }

/* ═══════════════════════════════════════════════════
   LOGIN CARD — FUNDO CLARO (match referência)
   ═══════════════════════════════════════════════════ */

/* Card branco */
.kmlLoginCard {
  background: #ffffff !important;
  border: 1px solid rgba(17,24,39,.13) !important;
  box-shadow: 0 4px 24px rgba(0,0,0,.10) !important;
  color: #111827 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Section title no card claro */
.kmlLoginCard .section-title,
.kmlLoginCard h1,
.kmlLoginCard h2,
.kmlLoginCard h3 {
  color: #111827 !important;
}

/* Subtítulo/descrição */
.kmlLoginCard p,
.kmlLoginCard .authSubtitle,
.kmlLoginCard .kmlLoginDesc {
  color: #6b7280 !important;
}

/* Labels dos campos */
.kmlLoginLabel {
  color: rgba(17,24,39,.50) !important;
}

/* Inputs */
.kmlLoginCard input[type="text"],
.kmlLoginCard input[type="email"],
.kmlLoginCard input[type="password"],
.kmlLoginCard input[type="search"],
.kmlLoginCard input[type="tel"] {
  background: #ffffff !important;
  border: 1px solid rgba(17,24,39,.16) !important;
  color: #111827 !important;
}
.kmlLoginCard input::placeholder {
  color: #9ca3af !important;
}
.kmlLoginCard input:focus {
  border-color: rgba(201,160,42,.60) !important;
  box-shadow: 0 0 0 3px rgba(201,160,42,.12) !important;
}

/* Password toggle — escuro no card claro */
.passToggle {
  color: rgba(17,24,39,.35) !important;
}
.passToggle:hover {
  color: rgba(17,24,39,.65) !important;
}

/* Checkbox — borda escura */
.kmlTermsCheckbox {
  border-color: rgba(17,24,39,.28) !important;
  background: #ffffff !important;
}
.kmlTermsCheck:checked ~ .kmlTermsCheckbox::after {
  border-color: #ffffff !important;
}

/* Texto dos termos */
.kmlTermsText {
  color: rgba(17,24,39,.55) !important;
}

/* Hint de botão desabilitado */
.kmlLoginHint {
  color: #9ca3af !important;
}

/* Links dentro do card */
.kmlLoginCard a,
.kmlLoginCard .linkBtn,
.kmlLoginCard .kmlForgotLink {
  color: #c9a02a !important;
}

/* Texto "Não tem conta?" */
.kmlLoginCard .kmlSignupRow,
.kmlLoginCard .kmlNoAccount {
  color: #6b7280 !important;
}

/* Separador "ou" */
.kmlLoginCard .kmlOrDivider,
.kmlLoginCard .kmlOr {
  color: #9ca3af !important;
}
.kmlLoginCard .kmlOrDivider::before,
.kmlLoginCard .kmlOrDivider::after,
.kmlLoginCard .kmlOr::before,
.kmlLoginCard .kmlOr::after {
  background: rgba(17,24,39,.12) !important;
}

/* Scrollbar no card claro */
.kmlLoginCard ::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,.12) !important;
}
.kmlLoginCard ::-webkit-scrollbar-thumb:hover {
  background: rgba(0,0,0,.22) !important;
}

/* ─── Trust badges — fundo claro, texto escuro ─── */
.kmlHeroTrustBadge {
  background: rgba(255,255,255,.85) !important;
  border: 1px solid rgba(17,24,39,.11) !important;
  color: #374151 !important;
  box-shadow: 0 1px 3px rgba(0,0,0,.06) !important;
}
.kmlHeroTrustBadge svg {
  color: #6b7280 !important;
  stroke: #6b7280 !important;
}

/* ─── Social buttons — ícones escuros no bg claro ─── */
.kmlHeroSocial .socBtn {
  background: rgba(17,24,39,.05) !important;
  border: 1px solid rgba(17,24,39,.12) !important;
  color: #374151 !important;
}
.kmlHeroSocial .socBtn:hover {
  background: rgba(17,24,39,.09) !important;
  border-color: rgba(17,24,39,.20) !important;
}
.kmlHeroSocial .socBtn svg {
  color: #374151 !important;
  stroke: #374151 !important;
}

/* ─── Hierarquia de cores do hero (fundo claro) ─── */
#screenStart .kmlHeroTitle {
  color: #0f172a !important;
}
#screenStart .kmlHeroTitle span:last-child,
#screenStart .kmlHeroTitle .heroBrand {
  color: #c9a02a !important;
}
#screenStart .kmlHeroDesc {
  color: #4b5563 !important;
}
#screenStart .kmlHeroTrustLine {
  color: #4b5563 !important;
}
#screenStart .kmlHeroTrustLine strong {
  color: #c9a02a !important;
}
#screenStart .kmlHeroFooter {
  color: rgba(17,24,39,.25) !important;
}

/* ─── Login card — hierarquia texto claro ─── */
#screenStart .kmlLoginCard {
  background: #ffffff !important;
  border-color: rgba(17,24,39,.13) !important;
  box-shadow: 0 4px 24px rgba(0,0,0,.10) !important;
  color: #111827 !important;
}
#screenStart .kmlLoginCard .kmlLoginLabel {
  color: rgba(17,24,39,.55) !important;
}
#screenStart .kmlLoginCard .passToggle {
  color: rgba(17,24,39,.38) !important;
}
#screenStart .kmlLoginCard .kmlTermsText {
  color: rgba(17,24,39,.60) !important;
}
#screenStart .kmlLoginCard .kmlCreateRow {
  color: #6b7280 !important;
}
#screenStart .kmlLoginCard .kmlLoginHint {
  color: #9ca3af !important;
}

/* Login CTA: contraste melhor no fundo claro */
#screenStart .kmlLoginCard #startLoginBtn,
#screenStart .kmlLoginCard .kmlLoginBtn {
  min-height: 52px !important;
  background: #c9a02a !important;
  color: #111827 !important;
  border: 1px solid rgba(111,83,8,.28) !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  box-shadow: 0 4px 12px rgba(17,24,39,.12) !important;
}

#screenStart .kmlLoginCard #startLoginBtn:disabled,
#screenStart .kmlLoginCard .kmlLoginBtn:disabled {
  background: #e2c65f !important;
  color: rgba(17,24,39,.72) !important;
  border-color: rgba(111,83,8,.22) !important;
  opacity: 1 !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.35) !important;
}

#screenStart .kmlLoginCard #startLoginBtn:not(:disabled):hover,
#screenStart .kmlLoginCard .kmlLoginBtn:not(:disabled):hover {
  background: #d6ad34 !important;
  color: #0b0f16 !important;
  box-shadow: 0 6px 16px rgba(17,24,39,.16) !important;
}

#screenStart .kmlLoginCard #startLoginBtn:focus-visible,
#screenStart .kmlLoginCard .kmlLoginBtn:focus-visible {
  outline: 2px solid #111827 !important;
  outline-offset: 2px !important;
}

#screenStart .kmlLoginCard #startLoginBtn:disabled + .kmlLoginHint,
#screenStart .kmlLoginCard .kmlLoginHint {
  color: #64748b !important;
  font-weight: 700 !important;
}

/* Marketplace editor cards: capa em cima + corpo branco embaixo */
#screenProcurar .exploreRowCard.eCard,
#screenSearchResults .searchResultCard.eCard {
  background: #ffffff !important;
  background-image: none !important;
  border: 1px solid rgba(17,24,39,.16) !important;
  border-radius: 4px !important;
  color: #111827 !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 0 !important;
  box-shadow: none !important;
  transform: none !important;
  contain: layout style !important;
}

#screenProcurar .exploreRowCard.eCard {
  min-height: 390px !important;
  max-height: 390px !important;
}

#screenProcurar .exploreRowCard.eCard:hover,
#screenSearchResults .searchResultCard.eCard:hover {
  border-color: rgba(17,24,39,.24) !important;
  box-shadow: 0 4px 16px rgba(17,24,39,.12) !important;
  transform: translateY(-1px) !important;
}

#screenProcurar .eCardThumbs,
#screenSearchResults .eCardThumbs {
  position: relative !important;
  display: block !important;
  height: 164px !important;
  min-height: 164px !important;
  flex: 0 0 164px !important;
  overflow: hidden !important;
  background: #e8edf4 !important;
  background-image: var(--thumb, linear-gradient(135deg,#e8edf4,#f8fafc)) !important;
  background-size: cover !important;
  background-position: center !important;
}

#screenProcurar .eCardThumb,
#screenSearchResults .eCardThumb {
  display: none !important;
}

#screenProcurar .eCardThumb--a,
#screenSearchResults .eCardThumb--a {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: var(--thumb, linear-gradient(135deg,#e8edf4,#f8fafc)) !important;
  background-size: cover !important;
  background-position: center !important;
  border: 0 !important;
}

#screenProcurar .eCardThumb--a::after,
#screenSearchResults .eCardThumb--a::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(180deg, rgba(0,0,0,0) 58%, rgba(0,0,0,.34) 100%) !important;
  pointer-events: none !important;
}

#screenProcurar .eCardThumbPlay,
#screenSearchResults .eCardThumbPlay {
  display: none !important;
}

#screenProcurar .eCardThumb .eCardThumbLabel,
#screenSearchResults .eCardThumb .eCardThumbLabel {
  position: absolute !important;
  left: 8px !important;
  bottom: 8px !important;
  z-index: 2 !important;
  padding: 3px 6px !important;
  border-radius: 3px !important;
  background: rgba(17,24,39,.62) !important;
  color: #ffffff !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
}

#screenProcurar .eCardBody,
#screenSearchResults .eCardBody {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  padding: 16px 16px 10px !important;
  background: #ffffff !important;
  background-image: none !important;
  color: #111827 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

#screenProcurar .eCardHead,
#screenSearchResults .eCardHead {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

#screenProcurar .eCardAvatar,
#screenSearchResults .eCardAvatar {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  border-radius: 50% !important;
  border: 1px solid rgba(17,24,39,.12) !important;
  background: #f1f5f9 !important;
  color: #111827 !important;
  box-shadow: none !important;
}

#screenProcurar .eCardNameRow,
#screenSearchResults .eCardNameRow {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  flex-wrap: nowrap !important;
  min-width: 0 !important;
}

#screenProcurar .eCard .eCardName,
#screenSearchResults .eCard .eCardName {
  color: #111827 !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

#screenProcurar .eCard .eCardSpecialty,
#screenSearchResults .eCard .eCardSpecialty {
  color: #6b7280 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  margin-top: 2px !important;
}

#screenProcurar .eCard .eCardVerified,
#screenSearchResults .eCard .eCardVerified {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  color: #c9a02a !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: .02em !important;
}

#screenProcurar .eCardOnline,
#screenSearchResults .eCardOnline {
  width: 8px !important;
  height: 8px !important;
  background: #22c55e !important;
  box-shadow: none !important;
  margin: 0 0 0 auto !important;
}

#screenProcurar .eCardStats,
#screenSearchResults .eCardStats {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

#screenProcurar .eCard .eCardStat,
#screenSearchResults .eCard .eCardStat {
  color: #374151 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

#screenProcurar .eCard .eCardStat svg,
#screenSearchResults .eCard .eCardStat svg {
  color: #c9a02a !important;
  fill: #c9a02a !important;
}

#screenProcurar .eCardTags,
#screenSearchResults .eCardTags {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  max-height: 50px !important;
  overflow: hidden !important;
}

#screenProcurar .eCard .eTag,
#screenSearchResults .eCard .eTag {
  padding: 4px 8px !important;
  border-radius: 3px !important;
  border: 1px solid #d6dbe4 !important;
  background: #ffffff !important;
  color: #4b5563 !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: .08em !important;
}

#screenProcurar .eCardFooter,
#screenSearchResults .eCardFooter {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  padding: 10px 16px 14px !important;
  margin-top: auto !important;
  border-top: 1px solid #eef2f7 !important;
  background: #ffffff !important;
}

#screenProcurar .eCardPrice,
#screenSearchResults .eCardPrice {
  display: flex !important;
  flex-direction: column !important;
  gap: 1px !important;
  min-width: 0 !important;
}

#screenProcurar .eCard .eCardPriceLabel,
#screenSearchResults .eCard .eCardPriceLabel {
  color: #8a93a3 !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: .08em !important;
}

#screenProcurar .eCard .eCardPriceVal,
#screenSearchResults .eCard .eCardPriceVal {
  color: #111827 !important;
  font-size: 19px !important;
  font-weight: 1000 !important;
  line-height: 1 !important;
}

#screenProcurar .eCard .eCardPriceSuffix,
#screenSearchResults .eCard .eCardPriceSuffix {
  color: #6b7280 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
}

#screenProcurar .eCard .eCardCta,
#screenSearchResults .eCard .eCardCta {
  min-width: 140px !important;
  justify-content: center !important;
  padding: 10px 14px !important;
  border-radius: 4px !important;
  border: 1px solid #c9a02a !important;
  background: #ffffff !important;
  color: #b18410 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .04em !important;
  box-shadow: none !important;
}

#screenProcurar .eCard .eCardCta:hover,
#screenSearchResults .eCard .eCardCta:hover {
  background: rgba(201,160,42,.10) !important;
  color: #8a6b10 !important;
}

@media(max-width:1400px){
  #screenProcurar .exploreRowCard.eCard{
    min-height: 376px !important;
    max-height: 376px !important;
  }

  #screenProcurar .eCardThumbs{
    height: 150px !important;
    min-height: 150px !important;
    flex-basis: 150px !important;
  }
}

@media(max-width:620px){
  #screenProcurar .exploreRowCard.eCard{
    min-height: 342px !important;
    max-height: 342px !important;
  }

  #screenProcurar .eCardThumbs{
    height: 128px !important;
    min-height: 128px !important;
    flex-basis: 128px !important;
  }

  #screenProcurar .eCardFooter{
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  #screenProcurar .eCard .eCardCta{
    width: 100% !important;
  }
}

/* Marketplace cards: impedir imagem vazando no corpo branco */
#screenProcurar .eCard,
#screenSearchResults .eCard {
  background-color: #ffffff !important;
  background-image: none !important;
}

#screenProcurar .eCard::before,
#screenProcurar .eCard::after,
#screenSearchResults .eCard::before,
#screenSearchResults .eCard::after,
#screenProcurar .eCardBody::before,
#screenProcurar .eCardBody::after,
#screenSearchResults .eCardBody::before,
#screenSearchResults .eCardBody::after,
#screenProcurar .eCardFooter::before,
#screenProcurar .eCardFooter::after,
#screenSearchResults .eCardFooter::before,
#screenSearchResults .eCardFooter::after {
  display: none !important;
  content: none !important;
  background: none !important;
  background-image: none !important;
}

#screenProcurar .eCardBody,
#screenProcurar .eCardFooter,
#screenSearchResults .eCardBody,
#screenSearchResults .eCardFooter {
  position: relative !important;
  z-index: 2 !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  opacity: 1 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

#screenProcurar .eCardBody *,
#screenProcurar .eCardFooter *,
#screenSearchResults .eCardBody *,
#screenSearchResults .eCardFooter * {
  text-shadow: none !important;
}

/* Correção final: capa em cima, painel branco real embaixo */
#screenProcurar .eCard,
#screenSearchResults .eCard {
  display: flex !important;
  flex-direction: column !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #ffffff !important;
  background-image: none !important;
  border-radius: 4px !important;
}

#screenProcurar .eCardThumbs,
#screenSearchResults .eCardThumbs {
  order: 1 !important;
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  width: 100% !important;
  height: 164px !important;
  min-height: 164px !important;
  flex: 0 0 164px !important;
  overflow: hidden !important;
  background: #e8edf4 !important;
  background-image: var(--thumb, linear-gradient(135deg,#e8edf4,#f8fafc)) !important;
  background-size: cover !important;
  background-position: center !important;
}

#screenProcurar .eCardThumbs .eCardThumb,
#screenSearchResults .eCardThumbs .eCardThumb {
  display: none !important;
}

#screenProcurar .eCardThumbs .eCardThumb--a,
#screenSearchResults .eCardThumbs .eCardThumb--a {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: var(--thumb, linear-gradient(135deg,#e8edf4,#f8fafc)) !important;
  background-size: cover !important;
  background-position: center !important;
}

#screenProcurar .eCardWhitePanel,
#screenSearchResults .eCardWhitePanel {
  order: 2 !important;
  position: relative !important;
  z-index: 5 !important;
  display: flex !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  flex-direction: column !important;
  overflow: hidden !important;
  isolation: isolate !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  color: #111827 !important;
}

#screenProcurar .eCardWhitePanel::before,
#screenSearchResults .eCardWhitePanel::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  display: block !important;
  background: #ffffff !important;
  background-image: none !important;
  pointer-events: none !important;
}

#screenProcurar .eCardWhitePanel > .eCardBody,
#screenProcurar .eCardWhitePanel > .eCardFooter,
#screenSearchResults .eCardWhitePanel > .eCardBody,
#screenSearchResults .eCardWhitePanel > .eCardFooter {
  position: relative !important;
  z-index: 1 !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  color: #111827 !important;
}

#screenProcurar .eCardWhitePanel > .eCardBody,
#screenSearchResults .eCardWhitePanel > .eCardBody {
  flex: 1 1 auto !important;
}

#screenProcurar .eCardWhitePanel > .eCardFooter,
#screenSearchResults .eCardWhitePanel > .eCardFooter {
  flex: 0 0 auto !important;
  margin-top: auto !important;
}

/* O grid principal usa #screenProcurarEditor: manter foto só na capa */
#screenProcurarEditor .exploreRowCard.eCard,
#screenProcurarEditor .marqueeFullCard.eCard {
  display: flex !important;
  flex-direction: column !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #ffffff !important;
  background-image: none !important;
  border: 1px solid rgba(17,24,39,.16) !important;
  border-radius: 4px !important;
  color: #111827 !important;
  box-shadow: none !important;
  contain: layout style !important;
}

#screenProcurarEditor .exploreRowCard.eCard {
  min-height: 390px !important;
  max-height: 390px !important;
}

#screenProcurarEditor .eCardThumbs {
  order: 1 !important;
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  width: 100% !important;
  height: 164px !important;
  min-height: 164px !important;
  flex: 0 0 164px !important;
  overflow: hidden !important;
  background: #e8edf4 !important;
  background-image: var(--thumb, linear-gradient(135deg,#e8edf4,#f8fafc)) !important;
  background-size: cover !important;
  background-position: center !important;
}

#screenProcurarEditor .eCardThumbs .eCardThumb {
  display: none !important;
}

#screenProcurarEditor .eCardThumbs .eCardThumb--a {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: var(--thumb, linear-gradient(135deg,#e8edf4,#f8fafc)) !important;
  background-size: cover !important;
  background-position: center !important;
}

#screenProcurarEditor .eCardWhitePanel {
  order: 2 !important;
  position: relative !important;
  z-index: 10 !important;
  display: flex !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  flex-direction: column !important;
  overflow: hidden !important;
  isolation: isolate !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  color: #111827 !important;
}

#screenProcurarEditor .eCardWhitePanel::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  display: block !important;
  background: #ffffff !important;
  background-image: none !important;
  pointer-events: none !important;
}

#screenProcurarEditor .eCardWhitePanel > .eCardBody,
#screenProcurarEditor .eCardWhitePanel > .eCardFooter {
  position: relative !important;
  z-index: 1 !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  color: #111827 !important;
  text-shadow: none !important;
}

#screenProcurarEditor .eCardWhitePanel > .eCardBody {
  flex: 1 1 auto !important;
  padding: 16px 16px 10px !important;
}

#screenProcurarEditor .eCardWhitePanel > .eCardFooter {
  flex: 0 0 auto !important;
  margin-top: auto !important;
  padding: 10px 16px 14px !important;
  border-top: 1px solid #eef2f7 !important;
}

#screenProcurarEditor .eCardWhitePanel *,
#screenProcurarEditor .eCardWhitePanel *::before,
#screenProcurarEditor .eCardWhitePanel *::after {
  background-image: none !important;
  text-shadow: none !important;
}

#screenProcurarEditor .eCardWhitePanel .eCardName {
  color: #111827 !important;
}

#screenProcurarEditor .eCardWhitePanel .eCardSpecialty,
#screenProcurarEditor .eCardWhitePanel .eCardPriceSuffix {
  color: #6b7280 !important;
}

#screenProcurarEditor .eCardWhitePanel .eCardVerified {
  background: transparent !important;
  border: 0 !important;
  color: #c9a02a !important;
}

#screenProcurarEditor .eCardWhitePanel .eTag {
  background: #ffffff !important;
  border: 1px solid #d6dbe4 !important;
  color: #4b5563 !important;
}

#screenProcurarEditor .eCardWhitePanel .eCardPriceLabel {
  color: #8a93a3 !important;
}

#screenProcurarEditor .eCardWhitePanel .eCardPriceVal {
  color: #111827 !important;
}

#screenProcurarEditor .eCardWhitePanel .eCardCta {
  background: #ffffff !important;
  border: 1px solid #c9a02a !important;
  color: #b18410 !important;
  box-shadow: none !important;
}

@media(max-width:1400px){
  #screenProcurarEditor .exploreRowCard.eCard{
    min-height: 376px !important;
    max-height: 376px !important;
  }

  #screenProcurarEditor .eCardThumbs{
    height: 150px !important;
    min-height: 150px !important;
    flex-basis: 150px !important;
  }
}

@media(max-width:620px){
  #screenProcurarEditor .exploreRowCard.eCard{
    min-height: 342px !important;
    max-height: 342px !important;
  }

  #screenProcurarEditor .eCardThumbs{
    height: 128px !important;
    min-height: 128px !important;
    flex-basis: 128px !important;
  }

  #screenProcurarEditor .eCardWhitePanel > .eCardFooter{
    align-items: flex-start !important;
    flex-direction: column !important;
  }
}

/* Blindagem final: nenhuma imagem pode aparecer abaixo da capa */
#screenProcurarEditor .exploreRowCard.eCard > .eCardBody,
#screenProcurarEditor .exploreRowCard.eCard > .eCardFooter,
#screenProcurarEditor .exploreRowCard.eCard .eCardWhitePanel,
#screenProcurarEditor .exploreRowCard.eCard .eCardBody,
#screenProcurarEditor .exploreRowCard.eCard .eCardFooter,
#screenProcurar .exploreRowCard.eCard > .eCardBody,
#screenProcurar .exploreRowCard.eCard > .eCardFooter,
#screenProcurar .exploreRowCard.eCard .eCardWhitePanel,
#screenProcurar .exploreRowCard.eCard .eCardBody,
#screenProcurar .exploreRowCard.eCard .eCardFooter {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  color: #111827 !important;
  box-shadow: inset 0 0 0 9999px #ffffff !important;
}

#screenProcurarEditor .exploreRowCard.eCard .eCardBody::before,
#screenProcurarEditor .exploreRowCard.eCard .eCardFooter::before,
#screenProcurar .exploreRowCard.eCard .eCardBody::before,
#screenProcurar .exploreRowCard.eCard .eCardFooter::before {
  content: "" !important;
  position: absolute !important;
  inset: -1px !important;
  z-index: 0 !important;
  display: block !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  pointer-events: none !important;
}

#screenProcurarEditor .exploreRowCard.eCard .eCardBody > *,
#screenProcurarEditor .exploreRowCard.eCard .eCardFooter > *,
#screenProcurar .exploreRowCard.eCard .eCardBody > *,
#screenProcurar .exploreRowCard.eCard .eCardFooter > * {
  position: relative !important;
  z-index: 1 !important;
}

#screenProcurarEditor .exploreRowCard.eCard .eCardThumbs,
#screenProcurar .exploreRowCard.eCard .eCardThumbs {
  background-color: #e8edf4 !important;
}

#screenProcurarEditor .exploreRowCard.eCard .eCardThumbs ~ .eCardBody,
#screenProcurar .exploreRowCard.eCard .eCardThumbs ~ .eCardBody {
  margin-top: 0 !important;
}

/* Modelo exato do print: 1 capa em cima + corpo branco limpo */
#screenProcurarEditor #exploreEditorsGrid .exploreRowCard.eCard,
#screenProcurarEditor #exploreEditorsGrid .exploreRowCard.eCardRefExact,
#screenProcurar .exploreRowCard.eCard,
#screenSearchResults .searchResultCard.eCard {
  height: 388px !important;
  min-height: 388px !important;
  max-height: 388px !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 0 !important;
  overflow: hidden !important;
  isolation: isolate !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  border: 1px solid rgba(17,24,39,.16) !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  color: #111827 !important;
  transform: none !important;
}

#screenProcurarEditor #exploreEditorsGrid .exploreRowCard.eCard::before,
#screenProcurarEditor #exploreEditorsGrid .exploreRowCard.eCard::after,
#screenProcurar .exploreRowCard.eCard::before,
#screenProcurar .exploreRowCard.eCard::after,
#screenSearchResults .searchResultCard.eCard::before,
#screenSearchResults .searchResultCard.eCard::after {
  display: none !important;
  content: none !important;
  background: none !important;
  background-image: none !important;
}

#screenProcurarEditor #exploreEditorsGrid .exploreRowCard.eCard:hover,
#screenProcurar .exploreRowCard.eCard:hover,
#screenSearchResults .searchResultCard.eCard:hover {
  border-color: rgba(17,24,39,.24) !important;
  box-shadow: 0 4px 16px rgba(17,24,39,.12) !important;
  transform: translateY(-1px) !important;
}

#screenProcurarEditor #exploreEditorsGrid .exploreRowCard.eCard > .eCardThumbs,
#screenProcurar .exploreRowCard.eCard > .eCardThumbs,
#screenSearchResults .searchResultCard.eCard > .eCardThumbs {
  order: 1 !important;
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  width: 100% !important;
  height: 164px !important;
  min-height: 164px !important;
  max-height: 164px !important;
  flex: 0 0 164px !important;
  overflow: hidden !important;
  background: #e8edf4 !important;
  background-image: var(--thumb, linear-gradient(135deg,#e8edf4,#f8fafc)) !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

#screenProcurarEditor #exploreEditorsGrid .exploreRowCard.eCard .eCardThumb,
#screenProcurar .exploreRowCard.eCard .eCardThumb,
#screenSearchResults .searchResultCard.eCard .eCardThumb {
  display: none !important;
}

#screenProcurarEditor #exploreEditorsGrid .exploreRowCard.eCard .eCardThumb--a,
#screenProcurar .exploreRowCard.eCard .eCardThumb--a,
#screenSearchResults .searchResultCard.eCard .eCardThumb--a {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: var(--thumb, linear-gradient(135deg,#e8edf4,#f8fafc)) !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  border: 0 !important;
}

#screenProcurarEditor #exploreEditorsGrid .exploreRowCard.eCard .eCardThumb--a::after,
#screenProcurar .exploreRowCard.eCard .eCardThumb--a::after,
#screenSearchResults .searchResultCard.eCard .eCardThumb--a::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(180deg, rgba(0,0,0,0) 62%, rgba(0,0,0,.22) 100%) !important;
  pointer-events: none !important;
}

#screenProcurarEditor #exploreEditorsGrid .exploreRowCard.eCard .eCardThumbLabel,
#screenProcurar .exploreRowCard.eCard .eCardThumbLabel,
#screenSearchResults .searchResultCard.eCard .eCardThumbLabel {
  position: absolute !important;
  left: 8px !important;
  bottom: 8px !important;
  z-index: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  min-height: 20px !important;
  padding: 3px 6px !important;
  border-radius: 3px !important;
  background: rgba(17,24,39,.68) !important;
  color: #ffffff !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: .06em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

#screenProcurarEditor #exploreEditorsGrid .exploreRowCard.eCard > .eCardWhitePanel,
#screenProcurar .exploreRowCard.eCard > .eCardWhitePanel,
#screenSearchResults .searchResultCard.eCard > .eCardWhitePanel {
  order: 2 !important;
  position: relative !important;
  z-index: 10 !important;
  display: flex !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  flex-direction: column !important;
  overflow: hidden !important;
  isolation: isolate !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  color: #111827 !important;
  box-shadow: inset 0 0 0 9999px #ffffff !important;
}

#screenProcurarEditor #exploreEditorsGrid .exploreRowCard.eCard .eCardWhitePanel::before,
#screenProcurar .exploreRowCard.eCard .eCardWhitePanel::before,
#screenSearchResults .searchResultCard.eCard .eCardWhitePanel::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  display: block !important;
  background: #ffffff !important;
  background-image: none !important;
  pointer-events: none !important;
}

#screenProcurarEditor #exploreEditorsGrid .exploreRowCard.eCard .eCardBody,
#screenProcurar .exploreRowCard.eCard .eCardBody,
#screenSearchResults .searchResultCard.eCard .eCardBody {
  position: relative !important;
  z-index: 1 !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  padding: 16px 16px 10px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  overflow: hidden !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  color: #111827 !important;
  box-shadow: inset 0 0 0 9999px #ffffff !important;
}

#screenProcurarEditor #exploreEditorsGrid .exploreRowCard.eCard .eCardFooter,
#screenProcurar .exploreRowCard.eCard .eCardFooter,
#screenSearchResults .searchResultCard.eCard .eCardFooter {
  position: relative !important;
  z-index: 1 !important;
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  min-height: 62px !important;
  padding: 10px 16px 14px !important;
  margin-top: auto !important;
  border-top: 1px solid #eef2f7 !important;
  overflow: hidden !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  color: #111827 !important;
  box-shadow: inset 0 0 0 9999px #ffffff !important;
}

#screenProcurarEditor #exploreEditorsGrid .exploreRowCard.eCard .eCardBody *,
#screenProcurarEditor #exploreEditorsGrid .exploreRowCard.eCard .eCardFooter *,
#screenProcurar .exploreRowCard.eCard .eCardBody *,
#screenProcurar .exploreRowCard.eCard .eCardFooter *,
#screenSearchResults .searchResultCard.eCard .eCardBody *,
#screenSearchResults .searchResultCard.eCard .eCardFooter * {
  text-shadow: none !important;
}

#screenProcurarEditor #exploreEditorsGrid .exploreRowCard.eCard .eCardHead,
#screenProcurar .exploreRowCard.eCard .eCardHead,
#screenSearchResults .searchResultCard.eCard .eCardHead {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 42px !important;
}

#screenProcurarEditor #exploreEditorsGrid .exploreRowCard.eCard .eCardAvatar,
#screenProcurar .exploreRowCard.eCard .eCardAvatar,
#screenSearchResults .searchResultCard.eCard .eCardAvatar {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  border: 1px solid rgba(17,24,39,.12) !important;
  background: #f1f5f9 !important;
  color: #111827 !important;
  box-shadow: none !important;
}

#screenProcurarEditor #exploreEditorsGrid .exploreRowCard.eCard .eCardAvatar img,
#screenProcurar .exploreRowCard.eCard .eCardAvatar img,
#screenSearchResults .searchResultCard.eCard .eCardAvatar img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  border-radius: 50% !important;
}

#screenProcurarEditor #exploreEditorsGrid .exploreRowCard.eCard .eCardHeadInfo,
#screenProcurar .exploreRowCard.eCard .eCardHeadInfo,
#screenSearchResults .searchResultCard.eCard .eCardHeadInfo {
  min-width: 0 !important;
  flex: 1 1 auto !important;
}

#screenProcurarEditor #exploreEditorsGrid .exploreRowCard.eCard .eCardNameRow,
#screenProcurar .exploreRowCard.eCard .eCardNameRow,
#screenSearchResults .searchResultCard.eCard .eCardNameRow {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  flex-wrap: nowrap !important;
  min-width: 0 !important;
}

#screenProcurarEditor #exploreEditorsGrid .exploreRowCard.eCard .eCardName,
#screenProcurar .exploreRowCard.eCard .eCardName,
#screenSearchResults .searchResultCard.eCard .eCardName {
  color: #111827 !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  min-width: 0 !important;
  max-width: 128px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

#screenProcurarEditor #exploreEditorsGrid .exploreRowCard.eCard .eCardVerified,
#screenProcurar .exploreRowCard.eCard .eCardVerified,
#screenSearchResults .searchResultCard.eCard .eCardVerified {
  display: inline-flex !important;
  align-items: center !important;
  gap: 3px !important;
  flex: 0 0 auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #c9a02a !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: .02em !important;
  text-transform: uppercase !important;
}

#screenProcurarEditor #exploreEditorsGrid .exploreRowCard.eCard .eCardSpecialty,
#screenProcurar .exploreRowCard.eCard .eCardSpecialty,
#screenSearchResults .searchResultCard.eCard .eCardSpecialty {
  margin-top: 2px !important;
  color: #6b7280 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

#screenProcurarEditor #exploreEditorsGrid .exploreRowCard.eCard .eCardOnline,
#screenProcurar .exploreRowCard.eCard .eCardOnline,
#screenSearchResults .searchResultCard.eCard .eCardOnline {
  width: 8px !important;
  height: 8px !important;
  flex: 0 0 8px !important;
  margin: 0 0 0 auto !important;
  border-radius: 50% !important;
  background: #22c55e !important;
  box-shadow: none !important;
}

#screenProcurarEditor #exploreEditorsGrid .exploreRowCard.eCard .eCardStats,
#screenProcurar .exploreRowCard.eCard .eCardStats,
#screenSearchResults .searchResultCard.eCard .eCardStats {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 18px !important;
}

#screenProcurarEditor #exploreEditorsGrid .exploreRowCard.eCard .eCardStat,
#screenProcurar .exploreRowCard.eCard .eCardStat,
#screenSearchResults .searchResultCard.eCard .eCardStat {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  color: #374151 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

#screenProcurarEditor #exploreEditorsGrid .exploreRowCard.eCard .eCardStat svg,
#screenProcurar .exploreRowCard.eCard .eCardStat svg,
#screenSearchResults .searchResultCard.eCard .eCardStat svg {
  color: #c9a02a !important;
  fill: #c9a02a !important;
}

#screenProcurarEditor #exploreEditorsGrid .exploreRowCard.eCard .eCardTags,
#screenProcurar .exploreRowCard.eCard .eCardTags,
#screenSearchResults .searchResultCard.eCard .eCardTags {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  max-height: 50px !important;
  overflow: hidden !important;
}

#screenProcurarEditor #exploreEditorsGrid .exploreRowCard.eCard .eTag,
#screenProcurar .exploreRowCard.eCard .eTag,
#screenSearchResults .searchResultCard.eCard .eTag {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 21px !important;
  padding: 4px 8px !important;
  border-radius: 3px !important;
  border: 1px solid #d6dbe4 !important;
  background: #ffffff !important;
  color: #4b5563 !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: .06em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

#screenProcurarEditor #exploreEditorsGrid .exploreRowCard.eCard .eCardPrice,
#screenProcurar .exploreRowCard.eCard .eCardPrice,
#screenSearchResults .searchResultCard.eCard .eCardPrice {
  display: flex !important;
  flex-direction: column !important;
  gap: 1px !important;
  min-width: 0 !important;
}

#screenProcurarEditor #exploreEditorsGrid .exploreRowCard.eCard .eCardPriceLabel,
#screenProcurar .exploreRowCard.eCard .eCardPriceLabel,
#screenSearchResults .searchResultCard.eCard .eCardPriceLabel {
  color: #8a93a3 !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: .08em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

#screenProcurarEditor #exploreEditorsGrid .exploreRowCard.eCard .eCardPriceVal,
#screenProcurar .exploreRowCard.eCard .eCardPriceVal,
#screenSearchResults .searchResultCard.eCard .eCardPriceVal {
  color: #111827 !important;
  font-size: 20px !important;
  font-weight: 1000 !important;
  line-height: 1.05 !important;
}

#screenProcurarEditor #exploreEditorsGrid .exploreRowCard.eCard .eCardPriceSuffix,
#screenProcurar .exploreRowCard.eCard .eCardPriceSuffix,
#screenSearchResults .searchResultCard.eCard .eCardPriceSuffix {
  color: #6b7280 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
}

#screenProcurarEditor #exploreEditorsGrid .exploreRowCard.eCard .eCardCta,
#screenProcurar .exploreRowCard.eCard .eCardCta,
#screenSearchResults .searchResultCard.eCard .eCardCta {
  width: 140px !important;
  min-width: 140px !important;
  height: 36px !important;
  min-height: 36px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 0 14px !important;
  border-radius: 4px !important;
  border: 1px solid #c9a02a !important;
  background: #ffffff !important;
  color: #b18410 !important;
  box-shadow: none !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
}

#screenProcurarEditor #exploreEditorsGrid .exploreRowCard.eCard .eCardCta:hover,
#screenProcurar .exploreRowCard.eCard .eCardCta:hover,
#screenSearchResults .searchResultCard.eCard .eCardCta:hover {
  background: rgba(201,160,42,.10) !important;
  color: #8a6b10 !important;
}

@media(max-width:1400px){
  #screenProcurarEditor #exploreEditorsGrid .exploreRowCard.eCard,
  #screenProcurar .exploreRowCard.eCard,
  #screenSearchResults .searchResultCard.eCard {
    height: 376px !important;
    min-height: 376px !important;
    max-height: 376px !important;
  }

  #screenProcurarEditor #exploreEditorsGrid .exploreRowCard.eCard > .eCardThumbs,
  #screenProcurar .exploreRowCard.eCard > .eCardThumbs,
  #screenSearchResults .searchResultCard.eCard > .eCardThumbs {
    height: 150px !important;
    min-height: 150px !important;
    max-height: 150px !important;
    flex-basis: 150px !important;
  }
}

@media(max-width:620px){
  #screenProcurarEditor #exploreEditorsGrid .exploreRowCard.eCard,
  #screenProcurar .exploreRowCard.eCard,
  #screenSearchResults .searchResultCard.eCard {
    height: 342px !important;
    min-height: 342px !important;
    max-height: 342px !important;
  }

  #screenProcurarEditor #exploreEditorsGrid .exploreRowCard.eCard > .eCardThumbs,
  #screenProcurar .exploreRowCard.eCard > .eCardThumbs,
  #screenSearchResults .searchResultCard.eCard > .eCardThumbs {
    height: 128px !important;
    min-height: 128px !important;
    max-height: 128px !important;
    flex-basis: 128px !important;
  }

  #screenProcurarEditor #exploreEditorsGrid .exploreRowCard.eCard .eCardFooter,
  #screenProcurar .exploreRowCard.eCard .eCardFooter,
  #screenSearchResults .searchResultCard.eCard .eCardFooter {
    align-items: flex-start !important;
    flex-direction: column !important;
    min-height: 96px !important;
  }

  #screenProcurarEditor #exploreEditorsGrid .exploreRowCard.eCard .eCardCta,
  #screenProcurar .exploreRowCard.eCard .eCardCta,
  #screenSearchResults .searchResultCard.eCard .eCardCta {
    width: 100% !important;
  }
}

/* ================================================================
   EDITOR PROFILE CONFIG SCREEN — epc-* classes
   Tela de configuração de perfil do editor (overlay fixo)
   ================================================================ */

#screenEditorProfileConfig {
  --epc-line: #dfe3ea;
  --epc-line-strong: #cfd5df;
  --epc-text: #111827;
  --epc-muted: #6b7280;
  --epc-muted2: #8a93a3;
  --epc-gold: #c9a02a;
  --epc-gold-soft: rgba(201,160,42,.13);
  --epc-dark: #080b14;
  --epc-success: #5dca7a;
  --epc-radius: 4px;
  --epc-shadow: 0 4px 16px rgba(17,24,39,.10);
  color: #111827;
  font-size: 14px;
}

/* TOPBAR */
.epc-topbar {
  position: sticky;
  top: 0;
  z-index: 20;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 0 28px;
  border-bottom: 1px solid var(--epc-line);
  background: #fff;
}

.epc-back {
  display: flex;
  align-items: center;
  gap: 8px;
  border: 0;
  background: transparent;
  color: var(--epc-text);
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  padding: 0;
}

.epc-topActions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.epc-btn {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 14px;
  border-radius: var(--epc-radius);
  border: 1px solid var(--epc-line);
  background: #fff;
  color: var(--epc-text);
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  transition: background .2s ease, border-color .2s ease;
}

.epc-btn:hover { background: #f4f6f8; border-color: var(--epc-line-strong); }

.epc-btnPrimary {
  border-color: #b48e21 !important;
  background: var(--epc-gold) !important;
  color: #151515 !important;
}

.epc-btnPrimary:hover { background: #d2aa35 !important; }

/* SHELL */
.epc-shell {
  width: min(1520px, calc(100vw - 48px));
  margin: 0 auto;
  padding: 28px 0 64px;
}

/* PAGE HEAD */
.epc-pageHead {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 18px;
}

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

.epc-statusPill {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0 10px;
  border: 1px solid var(--epc-line);
  border-radius: var(--epc-radius);
  background: #fff;
  color: var(--epc-text);
  font-size: 12px;
  font-weight: 700;
}

.epc-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--epc-success);
  display: inline-block;
  flex-shrink: 0;
}

/* LAYOUT */
.epc-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 448px;
  gap: 38px;
  align-items: start;
}

.epc-formColumn {
  display: flex;
  flex-direction: column;
  gap: 18px;
  min-width: 0;
}

/* SETTINGS CARD */
.epc-card {
  border: 1px solid var(--epc-line);
  border-radius: var(--epc-radius);
  background: #fff;
  box-shadow: var(--epc-shadow);
  padding: 24px;
}

.epc-cardHead {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 22px;
}

.epc-cardTitle {
  margin: 0;
  color: var(--epc-text);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
}

.epc-cardDesc {
  margin: 7px 0 0;
  color: var(--epc-muted);
  font-size: 14px;
  line-height: 1.45;
}

.epc-badge {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 9px;
  border: 1px solid rgba(201,160,42,.35);
  border-radius: var(--epc-radius);
  background: var(--epc-gold-soft);
  color: #7c5d0e;
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
  text-transform: uppercase;
  flex-shrink: 0;
}

/* PHOTO ROW */
.epc-photoRow {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 20px;
}

.epc-photoPreview {
  position: relative;
  width: 76px;
  height: 76px;
  flex: 0 0 76px;
  border-radius: 50%;
  border: 1px solid var(--epc-line-strong);
  background: #111827;
  color: #fff;
  display: grid;
  place-items: center;
  overflow: hidden;
  font-size: 22px;
  font-weight: 700;
}

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

.epc-photoText strong {
  display: block;
  color: var(--epc-text);
  font-size: 15px;
  font-weight: 700;
}

.epc-photoText span {
  display: block;
  margin-top: 5px;
  color: var(--epc-muted);
  font-size: 13px;
}

.epc-fileBtn {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  margin-top: 9px;
  padding: 0 10px;
  border: 1px solid var(--epc-line);
  border-radius: var(--epc-radius);
  background: #fff;
  color: var(--epc-text);
  font-size: 12px;
  font-weight: 700;
  overflow: hidden;
  cursor: pointer;
}

.epc-fileBtn input {
  position: absolute; inset: 0;
  opacity: 0; cursor: pointer;
}

/* GRIDS */
.epc-grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 16px 18px; }
.epc-grid3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px 18px; }
.epc-fieldFull { grid-column: 1/-1; }

/* FIELDS */
.epc-field {
  display: flex;
  flex-direction: column;
  gap: 7px;
  min-width: 0;
}

.epc-field > label {
  color: var(--epc-text) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

.epc-field input,
.epc-field textarea,
.epc-field select {
  width: 100% !important;
  min-height: 44px !important;
  border-radius: var(--epc-radius) !important;
  border: 1px solid var(--epc-line) !important;
  background: #fff !important;
  color: var(--epc-text) !important;
  padding: 10px 12px !important;
  outline: none !important;
  box-shadow: 0 1px 2px rgba(17,24,39,.04) !important;
  transition: border-color .2s ease, box-shadow .2s ease !important;
  font-size: 14px !important;
  backdrop-filter: none !important;
}

.epc-field textarea {
  min-height: 86px !important;
  resize: vertical;
  line-height: 1.45;
}

.epc-field input:focus,
.epc-field textarea:focus,
.epc-field select:focus {
  border-color: var(--epc-gold) !important;
  box-shadow: 0 0 0 2px rgba(201,160,42,.13) !important;
}

.epc-hint {
  color: var(--epc-muted);
  font-size: 12px;
  line-height: 1.35;
}

.epc-counter {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  color: var(--epc-muted);
  font-size: 12px;
  line-height: 1.35;
}

/* COVER INPUT */
.epc-coverInput {
  min-height: 120px;
  border: 1px dashed var(--epc-line-strong);
  border-radius: var(--epc-radius);
  background: #f8fafc;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px;
}

.epc-coverMini {
  width: 172px;
  height: 82px;
  border-radius: var(--epc-radius);
  border: 1px solid var(--epc-line);
  background: #111827;
  overflow: hidden;
  flex: 0 0 auto;
}

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

/* CHIPS */
.epc-chipGroups {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-top: 10px;
}

.epc-chipGroup {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 8px;
  min-height: 98px;
  padding: 12px;
  border: 1px solid var(--epc-line);
  border-radius: var(--epc-radius);
  background: #fafbfc;
}

.epc-chipGroup > strong {
  flex: 0 0 100%;
  color: var(--epc-text);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

.epc-chip {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  padding: 0 10px;
  border: 1px solid var(--epc-line);
  border-radius: var(--epc-radius);
  background: #fff;
  color: #374151;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  transition: background .2s ease, border-color .2s ease, color .2s ease;
}

.epc-chip[aria-pressed="true"] {
  border-color: rgba(201,160,42,.65);
  background: var(--epc-gold-soft);
  color: #7c5d0e;
}

/* PACKAGES */
.epc-packageList { display: grid; gap: 10px; }

.epc-packageRow {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 12px;
  align-items: center;
  padding: 12px;
  border: 1px solid var(--epc-line);
  border-radius: var(--epc-radius);
  background: #fff;
  cursor: pointer;
}

.epc-packageRow input[type="checkbox"] {
  width: 18px !important;
  height: 18px !important;
  min-height: 18px !important;
  accent-color: var(--epc-gold);
}

.epc-packageRow > span > strong {
  display: block;
  font-size: 13px;
  font-weight: 700;
  color: var(--epc-text);
}

.epc-packageRow > span > span {
  display: block;
  margin-top: 3px;
  color: var(--epc-muted);
  font-size: 12px;
}

.epc-packagePrice {
  color: var(--epc-text);
  font-size: 13px;
  font-weight: 700;
  white-space: nowrap;
}

/* BOTTOM BAR */
.epc-bottomBar {
  position: sticky;
  bottom: 0;
  z-index: 15;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 18px;
  padding: 14px 0 0;
  background: #fff;
  border-top: 1px solid var(--epc-line);
}

.epc-dirtyText {
  margin-right: auto;
  align-self: center;
  color: var(--epc-muted);
  font-size: 12px;
  font-weight: 700;
}

/* PREVIEW RAIL */
.epc-rail {
  position: sticky;
  top: 88px;
  align-self: start;
  min-width: 0;
  padding: 22px;
  border-left: 1px solid var(--epc-line);
  background: #f8f9fb;
}

.epc-previewHead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}

.epc-previewMode {
  display: flex;
  align-items: center;
  padding: 3px;
  border: 1px solid var(--epc-line);
  border-radius: var(--epc-radius);
  background: #fff;
}

.epc-modBtn {
  min-height: 28px;
  border: 0;
  border-radius: var(--epc-radius);
  background: transparent;
  color: var(--epc-muted);
  padding: 0 10px;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}

.epc-modBtn.isActive { background: var(--epc-dark); color: #fff; }

.epc-previewFrame {
  border: 1px solid var(--epc-line);
  border-radius: var(--epc-radius);
  background: #fff;
  padding: 22px;
  box-shadow: var(--epc-shadow);
}

/* PUBLIC PREVIEW */
.epc-publicPreview { text-align: center; padding: 18px 8px 8px; }

.epc-pubAvatar {
  width: 86px;
  height: 86px;
  margin: 0 auto 18px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #111827;
  color: #fff;
  border: 1px solid var(--epc-line-strong);
  overflow: hidden;
  font-size: 24px;
  font-weight: 700;
}

.epc-pubAvatar img,
.epc-cardAvatar img,
.epc-photoPreview img { width: 100%; height: 100%; object-fit: cover; display: block; }

.epc-pubName { color: var(--epc-text); font-size: 21px; font-weight: 700; line-height: 1.2; }
.epc-pubHandle { margin-top: 5px; color: var(--epc-muted); font-size: 14px; }
.epc-pubTitle { margin-top: 8px; color: var(--epc-text); font-size: 14px; line-height: 1.35; }
.epc-pubLocation { margin-top: 9px; color: var(--epc-muted); font-size: 13px; }

.epc-divider { height: 1px; background: var(--epc-line); margin: 22px 0; }

.epc-pubBio { color: var(--epc-muted); font-size: 14px; line-height: 1.55; }

/* MARKET CARD PREVIEW */
.epc-marketCard {
  overflow: hidden;
  border: 1px solid var(--epc-line);
  border-radius: var(--epc-radius);
  background: #fff;
}

.epc-marketCardCover {
  position: relative;
  height: 142px;
  background: #111827;
  overflow: hidden;
}

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

.epc-coverLabel {
  position: absolute;
  left: 10px; bottom: 10px;
  min-height: 23px;
  display: inline-flex;
  align-items: center;
  padding: 0 8px;
  border-radius: var(--epc-radius);
  background: rgba(8,11,20,.86);
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
}

.epc-marketCardBody { padding: 16px; }

.epc-marketCardTop {
  display: flex;
  align-items: flex-start;
  gap: 11px;
}

.epc-cardAvatar {
  width: 44px; height: 44px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  border: 1px solid var(--epc-line-strong);
  background: #111827;
  color: #fff;
  overflow: hidden;
  flex: 0 0 44px;
  font-size: 14px;
  font-weight: 700;
}

.epc-cardNameRow { display: flex; align-items: center; gap: 6px; min-width: 0; }

.epc-cardName {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--epc-text);
  font-size: 15px;
  font-weight: 700;
}

.epc-verified {
  color: var(--epc-gold);
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  white-space: nowrap;
}

.epc-cardSub { margin-top: 3px; color: var(--epc-muted); font-size: 13px; }

.epc-onlineDot {
  width: 8px; height: 8px;
  margin: 8px 0 0 auto;
  border-radius: 50%;
  background: var(--epc-success);
  flex: 0 0 8px;
}

.epc-tagPreview {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  margin-top: 12px;
  min-height: 48px;
}

.epc-tagPreview span {
  min-height: 22px;
  display: inline-flex;
  align-items: center;
  padding: 0 7px;
  border: 1px solid var(--epc-line);
  border-radius: var(--epc-radius);
  background: #fff;
  color: #4b5563;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
}

.epc-marketCardFooter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 15px;
  padding-top: 14px;
  border-top: 1px solid var(--epc-line);
}

.epc-priceLabel { display: block; color: var(--epc-muted2); font-size: 10px; font-weight: 700; text-transform: uppercase; }
.epc-priceValue { display: block; margin-top: 2px; color: var(--epc-text); font-size: 20px; font-weight: 700; line-height: 1; }

.epc-marketCta {
  min-height: 36px;
  min-width: 128px;
  border: 1px solid var(--epc-gold);
  border-radius: var(--epc-radius);
  background: #fff;
  color: #8a6b10;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  cursor: pointer;
}

.epc-previewCaption { margin: 12px 0 0; color: var(--epc-muted); font-size: 12px; text-align: center; }

/* CHECKLIST */
.epc-checklist {
  margin-top: 16px;
  border: 1px solid var(--epc-line);
  border-radius: var(--epc-radius);
  background: #fff;
  padding: 14px;
}

.epc-checkTop {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}

.epc-checkTop strong { font-size: 13px; font-weight: 700; color: var(--epc-text); }

.epc-progressText { color: #7c5d0e; font-size: 12px; font-weight: 700; }

.epc-progressBar {
  height: 6px;
  border-radius: var(--epc-radius);
  background: #eef0f4;
  overflow: hidden;
  margin-bottom: 11px;
}

.epc-progressFill {
  width: 0%;
  height: 100%;
  background: var(--epc-gold);
  transition: width .2s ease;
}

.epc-checkItem {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--epc-muted);
  font-size: 12px;
  line-height: 1.3;
  margin-top: 7px;
}

.epc-checkMark {
  width: 14px; height: 14px;
  border-radius: 50%;
  border: 1px solid var(--epc-line-strong);
  flex: 0 0 14px;
  background: #fff;
}

.epc-checkItem.isDone { color: var(--epc-text); font-weight: 700; }
.epc-checkItem.isDone .epc-checkMark { border-color: var(--epc-success); background: var(--epc-success); }

/* RESPONSIVE */
@media (max-width: 1120px) {
  .epc-layout { grid-template-columns: 1fr; }
  .epc-rail {
    position: relative; top: auto;
    border-left: 0;
    border: 1px solid var(--epc-line);
    border-radius: var(--epc-radius);
  }
}

@media (max-width: 720px) {
  .epc-topbar { height: auto; min-height: 64px; flex-wrap: wrap; padding: 12px 18px; gap: 10px; }
  .epc-shell { width: calc(100% - 28px); padding-top: 20px; }
  .epc-pageHead { flex-direction: column; align-items: flex-start; }
  .epc-grid2, .epc-grid3, .epc-chipGroups { grid-template-columns: 1fr; }
  .epc-card, .epc-rail { padding: 18px; }
  .epc-coverInput { flex-direction: column; align-items: flex-start; }
  .epc-coverMini { width: 100%; height: 120px; }
}

/* Exact editor profile settings layout */
#screenEditorProfileConfig {
  z-index: 2147482000 !important;
  background: #fff !important;
  --epc-line: #dedfe3;
  --epc-text: #111214;
  --epc-muted: #72737d;
  --epc-muted2: #8a8c96;
  --epc-radius: 12px;
  --epc-shadow: none;
}

#screenEditorProfileConfig .epc-topbar,
#screenEditorProfileConfig .epc-pageHead,
#screenEditorProfileConfig .epc-checklist,
#screenEditorProfileConfig .epc-badge,
#screenEditorProfileConfig .epc-counter,
#screenEditorProfileConfig .epc-dirtyText,
#screenEditorProfileConfig #epcMarketCard {
  display: none !important;
}

#screenEditorProfileConfig .epc-shell {
  width: min(1520px, calc(100vw - 96px)) !important;
  margin: 0 auto !important;
  padding: 24px 0 56px !important;
}

#screenEditorProfileConfig .epc-layout {
  display: grid !important;
  grid-template-columns: minmax(620px, 898px) 584px !important;
  gap: 38px !important;
  align-items: start !important;
}

#screenEditorProfileConfig .epc-formColumn {
  gap: 28px !important;
}

#screenEditorProfileConfig .epc-card {
  border: 1px solid #dedfe3 !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: none !important;
  padding: 34px 30px 30px !important;
}

#screenEditorProfileConfig .epc-cardHead {
  align-items: flex-start !important;
  margin-bottom: 30px !important;
}

#screenEditorProfileConfig .epc-cardTitle {
  font-size: 20px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
  color: #111214 !important;
}

#screenEditorProfileConfig .epc-cardDesc {
  margin-top: 8px !important;
  font-size: 18px !important;
  line-height: 1.35 !important;
  color: #72737d !important;
}

#screenEditorProfileConfig .epc-photoRow {
  position: relative !important;
  gap: 18px !important;
  align-items: center !important;
  margin: 0 0 18px !important;
}

#screenEditorProfileConfig .epc-photoPreview {
  width: 80px !important;
  height: 80px !important;
  flex-basis: 80px !important;
  border-radius: 50% !important;
  border: 0 !important;
  background: #111827 !important;
  color: #fff !important;
  font-size: 24px !important;
}

#screenEditorProfileConfig .epc-photoText strong {
  font-size: 18px !important;
  line-height: 1.2 !important;
  color: #111214 !important;
}

#screenEditorProfileConfig .epc-photoText span {
  margin-top: 8px !important;
  font-size: 15px !important;
  color: #72737d !important;
}

#screenEditorProfileConfig .epc-photoText .epc-fileBtn {
  position: absolute !important;
  left: 56px !important;
  top: 52px !important;
  width: 30px !important;
  height: 30px !important;
  min-height: 30px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 50% !important;
  border: 1px solid #d7d9df !important;
  background: #fff !important;
  box-shadow: 0 2px 6px rgba(17, 18, 20, .14) !important;
  font-size: 0 !important;
}

#screenEditorProfileConfig .epc-photoText .epc-fileBtn::before {
  content: "";
  width: 14px;
  height: 10px;
  border: 2px solid #111214;
  border-radius: 3px;
  box-sizing: border-box;
}

#screenEditorProfileConfig .epc-photoText .epc-fileBtn::after {
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  border: 2px solid #111214;
  border-radius: 50%;
  left: 11px;
  top: 11px;
  background: #fff;
}

#screenEditorProfileConfig .epc-grid2 {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 20px !important;
}

#screenEditorProfileConfig .epc-cardLinks .epc-grid2 {
  grid-template-columns: 1fr 1fr !important;
}

#screenEditorProfileConfig .epc-fieldFull {
  grid-column: 1 / -1 !important;
}

#screenEditorProfileConfig .epc-field {
  gap: 8px !important;
}

#screenEditorProfileConfig .epc-field > label {
  font-size: 16px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
  color: #111214 !important;
}

#screenEditorProfileConfig .epc-field input,
#screenEditorProfileConfig .epc-field textarea,
#screenEditorProfileConfig .epc-field select {
  min-height: 45px !important;
  border-radius: 7px !important;
  border: 1px solid #dfe2e8 !important;
  background: #fff !important;
  color: #111214 !important;
  padding: 10px 13px !important;
  font-size: 17px !important;
  line-height: 1.35 !important;
  box-shadow: 0 1px 2px rgba(17, 18, 20, .06) !important;
}

#screenEditorProfileConfig .epc-field textarea {
  min-height: 80px !important;
  resize: vertical !important;
}

#screenEditorProfileConfig .epc-field input:focus,
#screenEditorProfileConfig .epc-field textarea:focus,
#screenEditorProfileConfig .epc-field select:focus {
  border-color: #c9a02a !important;
  box-shadow: 0 0 0 2px rgba(201, 160, 42, .16) !important;
}

#screenEditorProfileConfig .epc-coverInput {
  min-height: 132px !important;
  border: 1px solid #dfe2e8 !important;
  border-radius: 10px !important;
  background: #fbfbfc !important;
  padding: 18px !important;
  gap: 18px !important;
}

#screenEditorProfileConfig .epc-coverInput label:not(.epc-fileBtn) {
  font-size: 16px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
  color: #111214 !important;
}

#screenEditorProfileConfig .epc-hint {
  color: #72737d !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}

#screenEditorProfileConfig .epc-coverInput .epc-fileBtn {
  min-height: 36px !important;
  border-radius: 7px !important;
  border: 1px solid #dfe2e8 !important;
  background: #fff !important;
  color: #111214 !important;
  padding: 0 12px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

#screenEditorProfileConfig .epc-coverMini {
  width: 220px !important;
  height: 96px !important;
  border-radius: 8px !important;
  border: 1px solid #dfe2e8 !important;
  background: #111827 !important;
}

#screenEditorProfileConfig .epc-grid3 {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 20px !important;
}

#screenEditorProfileConfig .epc-chipGroups {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 14px !important;
  margin-top: 12px !important;
}

#screenEditorProfileConfig .epc-chipGroup {
  min-height: 0 !important;
  align-content: flex-start !important;
  gap: 8px !important;
  border: 1px solid #dfe2e8 !important;
  border-radius: 10px !important;
  background: #fbfbfc !important;
  padding: 14px !important;
}

#screenEditorProfileConfig .epc-chipGroup > strong {
  color: #111214 !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  text-transform: none !important;
}

#screenEditorProfileConfig .epc-chip {
  min-height: 32px !important;
  border-radius: 7px !important;
  border: 1px solid #dfe2e8 !important;
  background: #fff !important;
  color: #4b5563 !important;
  padding: 0 10px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: none !important;
}

#screenEditorProfileConfig .epc-chip[aria-pressed="true"] {
  border-color: #c9a02a !important;
  background: rgba(201, 160, 42, .13) !important;
  color: #7c5d0e !important;
}

#screenEditorProfileConfig .epc-packageList {
  display: grid !important;
  gap: 12px !important;
}

#screenEditorProfileConfig .epc-packageRow {
  border: 1px solid #dfe2e8 !important;
  border-radius: 10px !important;
  background: #fff !important;
  padding: 14px !important;
  box-shadow: 0 1px 2px rgba(17, 18, 20, .04) !important;
}

#screenEditorProfileConfig .epc-packageRow input[type="checkbox"] {
  accent-color: #c9a02a !important;
}

#screenEditorProfileConfig .epc-packageRow > span > strong,
#screenEditorProfileConfig .epc-packagePrice {
  color: #111214 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

#screenEditorProfileConfig .epc-packageRow > span > span {
  color: #72737d !important;
  font-size: 13px !important;
}

#screenEditorProfileConfig .epc-bottomBar {
  position: static !important;
  display: flex !important;
  justify-content: flex-end !important;
  gap: 16px !important;
  margin: 2px 0 0 !important;
  padding: 0 !important;
  border-top: 0 !important;
  background: transparent !important;
}

#screenEditorProfileConfig .epc-bottomBar .epc-btn {
  min-height: 44px !important;
  border-radius: 7px !important;
  padding: 0 16px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  box-shadow: 0 1px 2px rgba(17, 18, 20, .06) !important;
}

#screenEditorProfileConfig .epc-bottomBar .epc-btnPrimary {
  border-color: #17171b !important;
  background: #17171b !important;
  color: #fff !important;
}

#screenEditorProfileConfig .epc-rail {
  position: sticky !important;
  top: 24px !important;
  align-self: start !important;
  border-left: 0 !important;
  border-radius: 14px !important;
  background: #f7f7f8 !important;
  padding: 30px !important;
  min-height: 652px !important;
}

#screenEditorProfileConfig .epc-previewHead {
  margin-bottom: 16px !important;
}

#screenEditorProfileConfig .epc-previewHead h2 {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #111214 !important;
}

#screenEditorProfileConfig .epc-previewMode {
  border: 0 !important;
  border-radius: 999px !important;
  background: #f0f1f3 !important;
  padding: 0 !important;
}

#screenEditorProfileConfig .epc-modBtn,
#screenEditorProfileConfig .epc-modBtn.isActive {
  min-height: 28px !important;
  border-radius: 999px !important;
  background: #f0f1f3 !important;
  color: #111214 !important;
  padding: 0 13px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

#screenEditorProfileConfig .epc-previewFrame {
  border: 1px solid #d9dbe1 !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: none !important;
  min-height: 520px !important;
  padding: 64px 30px 28px !important;
}

#screenEditorProfileConfig .epc-publicPreview {
  padding: 0 !important;
  text-align: center !important;
}

#screenEditorProfileConfig .epc-pubAvatar {
  width: 98px !important;
  height: 98px !important;
  margin: 0 auto 28px !important;
  border-radius: 50% !important;
  border: 0 !important;
  background: #111827 !important;
  color: #fff !important;
  font-size: 28px !important;
}

#screenEditorProfileConfig .epc-pubName {
  font-size: 24px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  color: #111214 !important;
}

#screenEditorProfileConfig .epc-pubHandle {
  margin-top: 8px !important;
  font-size: 18px !important;
  color: #72737d !important;
}

#screenEditorProfileConfig .epc-pubTitle {
  margin-top: 9px !important;
  font-size: 18px !important;
  line-height: 1.35 !important;
  color: #111214 !important;
}

#screenEditorProfileConfig .epc-pubLocation {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin-top: 16px !important;
  font-size: 16px !important;
  color: #72737d !important;
}

#screenEditorProfileConfig .epc-pubLocation::before {
  content: "";
  width: 9px;
  height: 9px;
  border: 2px solid #72737d;
  border-radius: 50% 50% 50% 0;
  transform: rotate(-45deg);
}

#screenEditorProfileConfig .epc-divider {
  height: 1px !important;
  background: #dedfe3 !important;
  margin: 24px 0 !important;
}

#screenEditorProfileConfig .epc-pubBio {
  max-width: 442px !important;
  margin: 0 auto !important;
  font-size: 18px !important;
  line-height: 1.45 !important;
  color: #72737d !important;
}

#screenEditorProfileConfig .epc-socialRow {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 18px !important;
  color: #72737d !important;
  font-size: 21px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
}

#screenEditorProfileConfig .epc-socialRow span {
  min-width: 25px !important;
  height: 25px !important;
  display: inline-grid !important;
  place-items: center !important;
}

#screenEditorProfileConfig .epc-socialRow span:first-child {
  font-size: 13px !important;
  letter-spacing: 0 !important;
}

#screenEditorProfileConfig .epc-previewCaption {
  margin: 18px 0 0 !important;
  text-align: center !important;
  font-size: 14px !important;
  color: #72737d !important;
}

@media (max-width: 1180px) {
  #screenEditorProfileConfig .epc-shell {
    width: calc(100% - 40px) !important;
  }

  #screenEditorProfileConfig .epc-layout {
    grid-template-columns: 1fr !important;
  }

  #screenEditorProfileConfig .epc-rail {
    position: relative !important;
    top: auto !important;
  }
}

@media (max-width: 760px) {
  #screenEditorProfileConfig .epc-shell {
    width: calc(100% - 24px) !important;
    padding-top: 14px !important;
  }

  #screenEditorProfileConfig .epc-card {
    padding: 24px 18px !important;
  }

  #screenEditorProfileConfig .epc-grid2,
  #screenEditorProfileConfig .epc-cardLinks .epc-grid2 {
    grid-template-columns: 1fr !important;
  }

  #screenEditorProfileConfig .epc-rail {
    padding: 18px !important;
    min-height: auto !important;
  }

  #screenEditorProfileConfig .epc-previewFrame {
    min-height: auto !important;
    padding: 36px 18px 24px !important;
  }
}

/* Barra fixa do marketplace em todas as telas logadas */
:root{
  --kml-persistent-market-h: 214px;
}

body:not(.preAuth) #kmlTopNav{
  display:none !important;
}

#kmlPersistentMarketShell{
  display:none;
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:760;
  background:rgba(244,245,247,.96);
  border-bottom:1px solid rgba(17,24,39,.11);
  box-shadow:0 4px 16px rgba(17,24,39,.08);
  color:#111827;
}

body:not(.preAuth) #kmlPersistentMarketShell{
  display:block;
}

body:not(.preAuth) .screen.show{
  padding-top:var(--kml-persistent-market-h) !important;
}

body:not(.preAuth) #screenProcurar.screen.show{
  padding-top:var(--kml-persistent-market-h) !important;
}

#screenProcurar > .marketTop.kmlMarketPrototypeTop,
#screenProcurar > .marketCats.kmlMarketPrototypeCats,
#screenSearchResults > .marketTop,
#screenProcurarEditor > .marketTop,
#screenProcurarEditor > .marketCats{
  display:none !important;
}

#kmlPersistentMarketShell .kmlPersistentMarketInner{
  width:min(1680px, calc(100vw - 84px));
  margin:0 auto;
}

#kmlPersistentMarketShell .kmlPersistentMarketTop{
  display:grid !important;
  grid-template-columns:auto auto minmax(320px, 1fr) auto;
  align-items:center;
  gap:18px;
  width:100% !important;
  padding:32px 0 24px !important;
  margin:0 !important;
  border-bottom:1px solid rgba(17,24,39,.10) !important;
  background:transparent !important;
}

#kmlPersistentMarketShell .marketCornerProfile,
#kmlPersistentMarketShell .marketLogo,
#kmlPersistentMarketShell .marketMegaPlaceTop,
#kmlPersistentMarketShell .iconBtn,
#kmlPersistentMarketShell .kmlMarketTopSearch,
#kmlPersistentMarketShell .catBtn{
  border-radius:4px !important;
  border:1px solid rgba(17,24,39,.13) !important;
  background:#fff !important;
  color:#111827 !important;
  box-shadow:none !important;
  text-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

#kmlPersistentMarketShell .marketCornerProfile{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  min-width:240px !important;
  max-width:260px !important;
  height:70px !important;
  padding:9px 14px 9px 10px !important;
  position:relative !important;
  inset:auto !important;
  cursor:pointer !important;
}

#kmlPersistentMarketShell .marketCornerAvatar.avatar{
  width:50px !important;
  height:50px !important;
  min-width:50px !important;
  border-radius:50% !important;
  background:#111827 !important;
  color:#fff !important;
  border:1px solid rgba(17,24,39,.16) !important;
  box-shadow:none !important;
  overflow:hidden !important;
  font-weight:900 !important;
}

#kmlPersistentMarketShell .marketCornerAvatar.avatar img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  border-radius:50% !important;
}

#kmlPersistentMarketShell .marketCornerMeta{
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
}

#kmlPersistentMarketShell .marketCornerLabel{
  display:block !important;
  color:#7b8494 !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
}

#kmlPersistentMarketShell .marketCornerMeta small{
  display:block !important;
  max-width:142px !important;
  margin-top:7px !important;
  color:#111827 !important;
  font-size:16px !important;
  line-height:1.1 !important;
  font-weight:900 !important;
  overflow:hidden !important;
  white-space:nowrap !important;
  text-overflow:ellipsis !important;
}

#kmlPersistentMarketShell .marketLogo{
  display:flex !important;
  align-items:center !important;
  height:58px !important;
  padding:0 18px !important;
  margin:0 !important;
  font-size:24px !important;
  line-height:1 !important;
  font-weight:800 !important;
  letter-spacing:0 !important;
  cursor:pointer !important;
}

#kmlPersistentMarketShell .marketLogo b{
  color:#c9a02a !important;
}

#kmlPersistentMarketShell .marketLogoHome,
#screenProcurar .kmlMarketPrototypeTop .marketLogoHome {
  appearance: none !important;
  justify-content: center !important;
  min-width: 192px !important;
  max-width: 192px !important;
  width: 192px !important;
}

#kmlPersistentMarketShell .marketMegaPlaceTop,
#screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop {
  appearance: none !important;
  height: 50px !important;
  min-width: 184px !important;
  max-width: 184px !important;
  width: 184px !important;
  padding: 0 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  background: #111827 !important;
  border-color: #c9a02a !important;
  color: #ffffff !important;
  font-family: inherit !important;
  font-size: 13.5px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: .07em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
}

#kmlPersistentMarketShell .marketMegaPlaceTop span,
#screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop span {
  white-space: nowrap !important;
}

#kmlPersistentMarketShell .marketMegaPlaceTop b,
#screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop b {
  height: 22px !important;
  padding: 0 7px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 4px !important;
  background: #c9a02a !important;
  color: #111827 !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: .03em !important;
  white-space: nowrap !important;
}

#kmlPersistentMarketShell .marketMegaPlaceTop:hover,
#screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop:hover {
  background: #b8911d !important;
  border-color: #9b7610 !important;
}

#kmlPersistentMarketShell .kmlMarketTopSearch{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-self:center !important;
  width:100% !important;
  max-width:656px !important;
  min-width:0 !important;
  height:60px !important;
  padding:0 !important;
}

#kmlPersistentMarketShell .kmlMarketTopSearch svg{
  position:absolute !important;
  left:18px !important;
  color:#697386 !important;
  pointer-events:none !important;
}

#kmlPersistentMarketShell .kmlMarketTopSearch input{
  width:100% !important;
  height:100% !important;
  padding:0 18px 0 56px !important;
  border:0 !important;
  outline:0 !important;
  background:transparent !important;
  color:#111827 !important;
  border-radius:4px !important;
  font-size:18px !important;
  box-shadow:none !important;
}

#kmlPersistentMarketShell .kmlMarketTopSearch input::placeholder{
  color:#758096 !important;
}

#kmlPersistentMarketShell .kmlMarketTopSearch:focus-within{
  border-color:#c9a02a !important;
  box-shadow:0 0 0 2px rgba(201,160,42,.14) !important;
}

#kmlPersistentMarketShell .marketActions{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:14px !important;
  flex-wrap:nowrap !important;
  margin:0 !important;
}

#kmlPersistentMarketShell .iconBtn{
  width:auto !important;
  min-width:0 !important;
  height:54px !important;
  padding:0 18px !important;
  gap:10px !important;
  font-size:15px !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  cursor:pointer !important;
}

#kmlPersistentMarketShell .iconBtn:hover{
  background:#f9fafb !important;
}

#kmlPersistentMarketShell .kmlMarketPostBtn{
  min-width:234px !important;
  background:#f4c400 !important;
  color:#ffffff !important;
  border-color:#d4a900 !important;
}

#kmlPersistentMarketShell .kmlMarketPostBtn:hover{
  background:#ddb100 !important;
}

#kmlPersistentMarketShell .kmlMarketMenuWrap{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
}

#kmlPersistentMarketShell .kmlMarketMoreBtn{
  width:54px !important;
  min-width:54px !important;
  padding:0 !important;
  justify-content:center !important;
}

#kmlPersistentMarketShell .kmlMarketMoreMenu{
  position:absolute !important;
  top:calc(100% + 8px) !important;
  right:0 !important;
  z-index:780 !important;
  width:292px !important;
  max-width:min(292px, calc(100vw - 24px)) !important;
  max-height:min(70vh, 560px) !important;
  overflow:auto !important;
  overscroll-behavior:contain !important;
  padding:8px !important;
  border-radius:4px !important;
  border:1px solid rgba(17,24,39,.13) !important;
  background:#fff !important;
  box-shadow:0 8px 24px rgba(17,24,39,.16) !important;
  opacity:0 !important;
  transform:translateY(-10px) scale(.98) !important;
  transform-origin:top right !important;
  pointer-events:none !important;
  visibility:hidden !important;
  transition:opacity .22s cubic-bezier(.16,1,.3,1), transform .22s cubic-bezier(.16,1,.3,1), visibility 0s linear .22s !important;
}

#kmlPersistentMarketShell .kmlMarketMenuWrap.is-open .kmlMarketMoreMenu{
  opacity:1 !important;
  transform:translateY(0) !important;
  pointer-events:auto !important;
  visibility:visible !important;
  transition:opacity .24s cubic-bezier(.16,1,.3,1), transform .24s cubic-bezier(.16,1,.3,1), visibility 0s linear 0s !important;
}

#kmlPersistentMarketShell .kmlMarketMoreItem{
  width:100% !important;
  min-height:50px !important;
  padding:8px 12px !important;
  border:0 !important;
  border-radius:4px !important;
  background:transparent !important;
  color:#111827 !important;
  text-align:left !important;
  font-family:inherit !important;
  font-size:14px !important;
  font-weight:800 !important;
  letter-spacing:0 !important;
  display:grid !important;
  grid-template-columns:1fr auto !important;
  grid-template-rows:auto auto !important;
  column-gap:10px !important;
  align-items:center !important;
  position:relative !important;
}

#kmlPersistentMarketShell .kmlMarketMoreItem:not(:disabled){
  cursor:pointer !important;
}

#kmlPersistentMarketShell .kmlMarketMoreItem:not(:disabled):hover,
#kmlPersistentMarketShell .kmlMarketMoreItem:not(:disabled):focus-visible{
  background:rgba(201,160,42,.12) !important;
  outline:none !important;
}

#kmlPersistentMarketShell .kmlMarketMoreItem span{
  grid-column:1 !important;
  color:#111827 !important;
  font-size:14px !important;
  font-weight:900 !important;
  line-height:1.15 !important;
}

#kmlPersistentMarketShell .kmlMarketMoreItem small{
  grid-column:1 !important;
  color:#6b7280 !important;
  font-size:12px !important;
  font-weight:700 !important;
  line-height:1.2 !important;
  margin-top:2px !important;
}

#kmlPersistentMarketShell .kmlMarketMoreBadge{
  grid-column:2 !important;
  grid-row:1 / span 2 !important;
  align-self:center !important;
  justify-self:end !important;
  min-width:22px !important;
  height:22px !important;
  padding:0 7px !important;
  border-radius:4px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#ef4444 !important;
  color:#fff !important;
  font-size:11px !important;
  font-weight:900 !important;
  line-height:1 !important;
}

#kmlPersistentMarketShell .kmlMarketMoreBadge[style*="display:none"],
#kmlPersistentMarketShell .kmlMarketMoreBadge[style*="display: none"]{
  display:none !important;
}

#kmlPersistentMarketShell .kmlMarketMoreItemDanger span{
  color:#b42318 !important;
}

#kmlPersistentMarketShell .kmlPersistentMarketCats{
  display:flex !important;
  align-items:center !important;
  flex-wrap:nowrap !important;
  gap:10px !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  width:100% !important;
  padding:18px 0 23px !important;
  margin:0 !important;
  border-bottom:0 !important;
  scrollbar-width:none !important;
}

#kmlPersistentMarketShell .kmlPersistentMarketCats::-webkit-scrollbar{
  display:none !important;
}

#kmlPersistentMarketShell .catBtn{
  display:inline-flex !important;
  align-items:center !important;
  gap:7px !important;
  flex:0 0 auto !important;
  min-height:40px !important;
  padding:0 18px !important;
  color:#626b7b !important;
  font-size:14px !important;
  font-weight:900 !important;
  letter-spacing:.10em !important;
  text-transform:uppercase !important;
  cursor:pointer !important;
}

#kmlPersistentMarketShell .catBtn:hover{
  border-color:rgba(17,24,39,.22) !important;
  background:#f9fafb !important;
}

#kmlPersistentMarketShell .catBtn.active{
  border-color:rgba(201,160,42,.64) !important;
  background:rgba(201,160,42,.14) !important;
  color:#8a6b10 !important;
}

#kmlPersistentMarketShell .mkChipDot{
  width:6px !important;
  height:6px !important;
  border-radius:50% !important;
  background:#c9a02a !important;
}

@media (max-width:1180px){
  :root{ --kml-persistent-market-h: 206px; }

  #kmlPersistentMarketShell .kmlPersistentMarketInner{
    width:calc(100vw - 32px);
  }

  #kmlPersistentMarketShell .kmlPersistentMarketTop{
    grid-template-columns:auto minmax(220px, 1fr) auto;
    gap:10px;
    padding:22px 0 18px !important;
  }

  #kmlPersistentMarketShell .marketLogo{
    display:none !important;
  }

  #kmlPersistentMarketShell .marketCornerProfile{
    min-width:190px !important;
    height:58px !important;
  }

  #kmlPersistentMarketShell .kmlMarketTopSearch{
    height:52px !important;
    max-width:none !important;
  }

  #kmlPersistentMarketShell .iconBtn{
    height:50px !important;
    padding:0 14px !important;
  }

  #kmlPersistentMarketShell .kmlMarketPostBtn{
    min-width:190px !important;
  }
}

@media (max-width:760px){
  :root{ --kml-persistent-market-h: 190px; }

  #kmlPersistentMarketShell .kmlPersistentMarketInner{
    width:calc(100vw - 22px);
  }

  #kmlPersistentMarketShell .kmlPersistentMarketTop{
    grid-template-columns:auto minmax(0, 1fr) auto;
    padding:14px 0 12px !important;
  }

  #kmlPersistentMarketShell .marketCornerProfile{
    min-width:0 !important;
    width:54px !important;
    height:54px !important;
    padding:6px !important;
    justify-content:center !important;
  }

  #kmlPersistentMarketShell .marketCornerAvatar.avatar{
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
  }

  #kmlPersistentMarketShell .marketCornerMeta{
    display:none !important;
  }

  #kmlPersistentMarketShell .kmlMarketTopSearch{
    height:48px !important;
  }

  #kmlPersistentMarketShell .kmlMarketTopSearch input{
    font-size:14px !important;
    padding-left:42px !important;
  }

  #kmlPersistentMarketShell .kmlMarketTopSearch svg{
    left:14px !important;
  }

  #kmlPersistentMarketShell .kmlMarketFilterBtn,
  #kmlPersistentMarketShell .kmlMarketPostBtn{
    display:none !important;
  }

  #kmlPersistentMarketShell .kmlMarketMoreBtn{
    width:48px !important;
    min-width:48px !important;
    height:48px !important;
  }

  #kmlPersistentMarketShell .kmlPersistentMarketCats{
    padding:12px 0 16px !important;
  }

  #kmlPersistentMarketShell .catBtn{
    min-height:38px !important;
    padding:0 14px !important;
    font-size:12px !important;
  }
}

/* ===== Base visual global: avatares limpos e consistentes ===== */
.kmlAvatar,
.avatar,
.globalProfileAvatar.avatar,
.marketCornerAvatar.avatar,
.eCardAvatar,
.avMini,
.osAvatar,
.kpo-editor-avatar,
#screenClientProfile .avatar,
#screenEditor .avatar,
#screenAdmin .avatar,
#screenEditorProfileConfig .epc-photoPreview,
#screenEditorProfileConfig .epc-pubAvatar {
  border-radius: 50% !important;
  background: #111827 !important;
  background-image: none !important;
  color: #ffffff !important;
  border: 1px solid rgba(17, 24, 39, .16) !important;
  box-shadow: none !important;
  text-shadow: none !important;
  overflow: hidden !important;
  letter-spacing: 0 !important;
}

.kmlAvatar:not(img),
.avatar:not(img),
.globalProfileAvatar.avatar,
.marketCornerAvatar.avatar,
.eCardAvatar,
.avMini,
.osAvatar,
.kpo-editor-avatar,
#screenEditorProfileConfig .epc-photoPreview,
#screenEditorProfileConfig .epc-pubAvatar {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  font-weight: 800 !important;
}

img.kmlAvatar,
.kmlAvatar > img,
.avatar > img,
.globalProfileAvatar.avatar > img,
.marketCornerAvatar.avatar > img,
.eCardAvatar > img,
.avMini > img,
.osAvatar > img,
.kpo-editor-avatar > img,
#screenClientProfile .avatar > img,
#screenEditor .avatar > img,
#screenAdmin .avatar > img,
#screenEditorProfileConfig .epc-photoPreview > img,
#screenEditorProfileConfig .epc-pubAvatar > img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

.kmlAvatar.isFallback,
.avatar.isFallback,
.globalProfileAvatar.avatar.isFallback,
.marketCornerAvatar.avatar.isFallback,
.eCardAvatar.isFallback,
.avMini.isFallback,
#screenEditorProfileConfig .epc-photoPreview.isFallback,
#screenEditorProfileConfig .epc-pubAvatar.isFallback {
  background: #1f2937 !important;
  color: #ffffff !important;
}

.kmlAvatar.hasPhoto,
.avatar.hasPhoto,
.globalProfileAvatar.avatar.hasPhoto,
.marketCornerAvatar.avatar.hasPhoto,
.eCardAvatar.hasPhoto,
.avMini.hasPhoto,
#screenEditorProfileConfig .epc-photoPreview.hasPhoto,
#screenEditorProfileConfig .epc-pubAvatar.hasPhoto {
  background: #111827 !important;
}

.kmlAvatar--sm,
.eCardAvatar,
.avMini {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  font-size: 13px !important;
}

.kmlAvatar--md,
#cpPreviewAvatar,
#clientAvatarTop {
  width: 52px !important;
  height: 52px !important;
  min-width: 52px !important;
  font-size: 16px !important;
}

.kmlAvatar--lg,
#screenEditor .epV3-avatar {
  width: 72px !important;
  height: 72px !important;
  min-width: 72px !important;
  font-size: 22px !important;
}

.kmlAvatar--xl {
  width: 72px !important;
  height: 72px !important;
  min-width: 72px !important;
  font-size: 24px !important;
}

.globalProfileAvatar.avatar,
#kmlPersistentMarketShell .marketCornerAvatar.avatar,
#screenProcurar .marketCornerAvatar.avatar,
#screenProcurarEditor .marketCornerAvatar.avatar,
#screenSearchResults .marketCornerAvatar.avatar {
  background: #111827 !important;
  background-image: none !important;
  border: 1px solid rgba(17, 24, 39, .18) !important;
  box-shadow: none !important;
}

#screenProcurar .eCardAvatar,
#screenSearchResults .eCardAvatar,
#screenProcurarEditor .eCardAvatar {
  background: #111827 !important;
  background-image: none !important;
  border: 1px solid rgba(17, 24, 39, .14) !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

#screenEditor .epV3-avatar,
#screenEditor .epV3-avatar img {
  border-radius: 50% !important;
  background: #111827 !important;
  background-image: none !important;
  border: 1px solid rgba(255, 255, 255, .22) !important;
  box-shadow: none !important;
}

#screenEditor .epV3-statusDot,
#screenEditor .editorStickyDot,
.eCardOnline {
  box-shadow: none !important;
}

/* ===== Painel do Editor: acabamento do fluxo principal ===== */
#screenEditor .kmlThemeQuickActions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-top: 12px !important;
}

#screenEditor .kmlThemeQuickActions .btn {
  min-height: 34px !important;
  padding: 0 12px !important;
  border-radius: 4px !important;
  border: 1px solid rgba(17, 24, 39, .13) !important;
  background: #ffffff !important;
  color: #111827 !important;
  box-shadow: none !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

#screenEditor .epV3-quickActions {
  display: none !important;
}

#screenEditor .epV3-hero,
#screenEditor .epV3-panelBg,
#screenEditor .epV3-kpi,
#screenEditor .epV3-linkCard,
#screenEditor .epV3-visitsCard,
#screenEditor .epV3-visitStat,
#screenEditor .editorProfileCardV2,
#screenEditor .editorDashPanelV2,
#screenEditor .editorCustomPkgPanel,
#screenEditor .edPkgPanel,
#screenEditor .edFrelaPanel {
  border-radius: 4px !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

#screenEditor .epV3-hero {
  background-color: #0a0d18 !important;
  background-image: none !important;
}

#screenEditor .epV3-kpi::before,
#screenEditor .epV3-panelBg::before {
  display: none !important;
  content: none !important;
}

#screenEditor #edFrelasClock,
#screenEditor #edFrelasProgress [style*="border-radius"] {
  border-radius: 4px !important;
}

#screenEditor #edFrelasProgress [style*="linear-gradient"] {
  background: #c9a02a !important;
}

#screenEditorProfileConfig {
  --epc-radius: 4px !important;
}

#screenEditorProfileConfig .epc-shell {
  padding-top: calc(var(--kml-persistent-market-h, 0px) + 24px) !important;
}

#screenEditorProfileConfig .epc-pageHead {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  margin: 0 0 22px !important;
  padding: 0 0 18px !important;
  border-bottom: 1px solid #dedfe3 !important;
}

#screenEditorProfileConfig .epc-statusStrip {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}

#screenEditorProfileConfig .epc-statusPill,
#screenEditorProfileConfig .epc-counter,
#screenEditorProfileConfig .epc-dirtyText {
  display: inline-flex !important;
  align-items: center !important;
}

#screenEditorProfileConfig .epc-statusPill {
  min-height: 32px !important;
  gap: 7px !important;
  padding: 0 10px !important;
  border-radius: 4px !important;
  border: 1px solid #dfe2e8 !important;
  background: #ffffff !important;
  color: #4b5563 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

#screenEditorProfileConfig .epc-dot {
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: #5dca7a !important;
  box-shadow: none !important;
}

#screenEditorProfileConfig .epc-counter {
  justify-content: space-between !important;
  gap: 10px !important;
  margin-top: 6px !important;
  color: #72737d !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

#screenEditorProfileConfig .epc-card,
#screenEditorProfileConfig .epc-field input,
#screenEditorProfileConfig .epc-field textarea,
#screenEditorProfileConfig .epc-field select,
#screenEditorProfileConfig .epc-coverInput,
#screenEditorProfileConfig .epc-coverMini,
#screenEditorProfileConfig .epc-chipGroup,
#screenEditorProfileConfig .epc-chip,
#screenEditorProfileConfig .epc-packageRow,
#screenEditorProfileConfig .epc-bottomBar .epc-btn,
#screenEditorProfileConfig .epc-rail,
#screenEditorProfileConfig .epc-previewFrame,
#screenEditorProfileConfig .epc-previewMode,
#screenEditorProfileConfig .epc-modBtn,
#screenEditorProfileConfig .epc-fileBtn {
  border-radius: 4px !important;
}

#screenEditorProfileConfig .epc-bottomBar {
  position: sticky !important;
  bottom: 0 !important;
  z-index: 5 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 12px !important;
  margin: 8px 0 0 !important;
  padding: 14px 0 !important;
  border-top: 1px solid #dedfe3 !important;
  background: rgba(255, 255, 255, .96) !important;
}

#screenEditorProfileConfig .epc-dirtyText {
  margin-right: auto !important;
  color: #72737d !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

#screenEditorProfileConfig .epc-checklist {
  display: block !important;
  margin-top: 18px !important;
  padding: 16px !important;
  border-radius: 4px !important;
  border: 1px solid #dedfe3 !important;
  background: #ffffff !important;
}

#screenEditorProfileConfig .epc-checkTop {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  color: #111214 !important;
  font-size: 13px !important;
}

#screenEditorProfileConfig .epc-progressBar {
  height: 6px !important;
  margin: 12px 0 !important;
  border-radius: 4px !important;
  background: #eef0f4 !important;
  overflow: hidden !important;
}

#screenEditorProfileConfig .epc-progressFill {
  height: 100% !important;
  border-radius: 4px !important;
  background: #c9a02a !important;
}

#screenEditorProfileConfig .epc-checkItem {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-top: 8px !important;
  color: #72737d !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

#screenEditorProfileConfig .epc-checkMark {
  width: 9px !important;
  height: 9px !important;
  border-radius: 50% !important;
  border: 1px solid #c6c9d1 !important;
  background: #ffffff !important;
}

#screenEditorProfileConfig .epc-checkItem.isDone {
  color: #111214 !important;
}

#screenEditorProfileConfig .epc-checkItem.isDone .epc-checkMark {
  border-color: #5dca7a !important;
  background: #5dca7a !important;
}

@media (max-width: 760px) {
  #screenEditorProfileConfig .epc-shell {
    padding-top: calc(var(--kml-persistent-market-h, 0px) + 14px) !important;
  }

  #screenEditorProfileConfig .epc-pageHead {
    align-items: flex-start !important;
    flex-direction: column !important;
  }
}

/* ===== Correção: marketplace desktop não deve herdar drawer/mobile antigo ===== */
body:not(.preAuth) #mobileDrawerToggle,
body:not(.preAuth) #mobileDrawerShade,
body:not(.preAuth) #cornerControls {
  display: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
  visibility: hidden !important;
}

body:not(.preAuth) #kmlPersistentMarketShell .marketCornerProfile {
  display: flex !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  visibility: visible !important;
  position: relative !important;
  inset: auto !important;
  width: auto !important;
  min-width: 240px !important;
  max-width: 260px !important;
  height: 70px !important;
  overflow: visible !important;
}

body:not(.preAuth) #kmlPersistentMarketShell .marketCornerMeta {
  display: flex !important;
}

body:not(.preAuth) #kmlPersistentMarketShell .marketLogo {
  display: flex !important;
}

body:not(.preAuth) #kmlPersistentMarketShell .kmlPersistentMarketTop {
  grid-template-columns: 240px auto minmax(320px, 1fr) auto !important;
}

@media (max-width: 1180px) {
  body:not(.preAuth) #kmlPersistentMarketShell .kmlPersistentMarketTop {
    grid-template-columns: 190px minmax(220px, 1fr) auto !important;
  }

  body:not(.preAuth) #kmlPersistentMarketShell .marketCornerProfile {
    min-width: 190px !important;
    max-width: 210px !important;
  }

  body:not(.preAuth) #kmlPersistentMarketShell .marketLogo {
    display: none !important;
  }
}

@media (max-width: 760px) {
  body:not(.preAuth) #kmlPersistentMarketShell .kmlPersistentMarketTop {
    grid-template-columns: 54px minmax(0, 1fr) 48px !important;
  }

  body:not(.preAuth) #kmlPersistentMarketShell .marketCornerProfile {
    width: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;
    height: 54px !important;
    overflow: hidden !important;
  }

  body:not(.preAuth) #kmlPersistentMarketShell .marketCornerMeta {
    display: none !important;
  }
}

/* ===== Marketplace topbar: escala compacta igual a referencia enviada ===== */
body:not(.preAuth) {
  --kml-persistent-market-h: 184px;
}

body:not(.preAuth) #kmlPersistentMarketShell .kmlPersistentMarketInner {
  width: min(1680px, calc(100vw - 68px)) !important;
}

body:not(.preAuth) #kmlPersistentMarketShell .kmlPersistentMarketTop {
  grid-template-columns: 192px 134px minmax(280px, 1fr) auto !important;
  gap: 16px !important;
  padding: 27px 0 20px !important;
}

body:not(.preAuth) #kmlPersistentMarketShell .marketCornerProfile {
  width: 192px !important;
  min-width: 192px !important;
  max-width: 192px !important;
  height: 56px !important;
  padding: 7px 11px 7px 8px !important;
  gap: 10px !important;
}

body:not(.preAuth) #kmlPersistentMarketShell .marketCornerAvatar.avatar {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
}

body:not(.preAuth) #kmlPersistentMarketShell .marketCornerLabel {
  font-size: 10px !important;
  letter-spacing: .12em !important;
}

body:not(.preAuth) #kmlPersistentMarketShell .marketCornerMeta small {
  max-width: 112px !important;
  margin-top: 5px !important;
  font-size: 13px !important;
}

body:not(.preAuth) #kmlPersistentMarketShell .marketLogo {
  width: 134px !important;
  height: 50px !important;
  padding: 0 14px !important;
  font-size: 22px !important;
}

body:not(.preAuth) #kmlPersistentMarketShell .kmlMarketTopSearch {
  max-width: 525px !important;
  height: 46px !important;
}

body:not(.preAuth) #kmlPersistentMarketShell .kmlMarketTopSearch svg {
  left: 14px !important;
  width: 15px !important;
  height: 15px !important;
}

body:not(.preAuth) #kmlPersistentMarketShell .kmlMarketTopSearch input {
  padding: 0 14px 0 44px !important;
  font-size: 14.5px !important;
}

body:not(.preAuth) #kmlPersistentMarketShell .marketActions {
  gap: 11px !important;
}

body:not(.preAuth) #kmlPersistentMarketShell .iconBtn {
  height: 43px !important;
  padding: 0 14px !important;
  gap: 8px !important;
  font-size: 12px !important;
  letter-spacing: .08em !important;
}

body:not(.preAuth) #kmlPersistentMarketShell .kmlMarketFilterBtn {
  min-width: 117px !important;
}

body:not(.preAuth) #kmlPersistentMarketShell .kmlMarketPostBtn {
  min-width: 187px !important;
}

body:not(.preAuth) #kmlPersistentMarketShell .kmlMarketMoreBtn {
  width: 43px !important;
  min-width: 43px !important;
  padding: 0 !important;
}

body:not(.preAuth) #kmlPersistentMarketShell .kmlPersistentMarketCats {
  gap: 9px !important;
  padding: 14px 0 16px !important;
}

body:not(.preAuth) #kmlPersistentMarketShell .catBtn {
  min-height: 32px !important;
  padding: 0 14px !important;
  font-size: 11.5px !important;
  letter-spacing: .10em !important;
}

body:not(.preAuth) #kmlPersistentMarketShell .mkChipDot {
  width: 5px !important;
  height: 5px !important;
}

/* Mega Place: chamada forte no topo do marketplace */
#kmlPersistentMarketShell .catBtn.catBtnMega,
#screenProcurar .marketCats .catBtn.catBtnMega {
  min-width: 154px !important;
  min-height: 38px !important;
  padding: 0 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  background: #111827 !important;
  color: #ffffff !important;
  border-color: #c9a02a !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: .08em !important;
}

#kmlPersistentMarketShell .catBtn.catBtnMega span,
#screenProcurar .marketCats .catBtn.catBtnMega span {
  color: inherit !important;
  white-space: nowrap !important;
}

#kmlPersistentMarketShell .catBtn.catBtnMega b,
#screenProcurar .marketCats .catBtn.catBtnMega b {
  min-height: 20px !important;
  padding: 3px 6px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 4px !important;
  background: #c9a02a !important;
  color: #111827 !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

#kmlPersistentMarketShell .catBtn.catBtnMega:hover,
#screenProcurar .marketCats .catBtn.catBtnMega:hover {
  background: #0a0d18 !important;
  border-color: #d8b848 !important;
}

#kmlPersistentMarketShell .catBtn.catBtnMega.active,
#screenProcurar .marketCats .catBtn.catBtnMega.active {
  background: #c9a02a !important;
  color: #111827 !important;
  border-color: #a98212 !important;
}

#kmlPersistentMarketShell .catBtn.catBtnMega.active b,
#screenProcurar .marketCats .catBtn.catBtnMega.active b {
  background: #111827 !important;
  color: #ffffff !important;
}

/* Realocação: logo no primeiro slot, Mega Place no slot central antigo */
body:not(.preAuth) #kmlPersistentMarketShell .kmlPersistentMarketTop {
  grid-template-columns: 192px 184px minmax(280px, 1fr) auto !important;
}

body:not(.preAuth) #kmlPersistentMarketShell .marketLogoHome {
  width: 192px !important;
  min-width: 192px !important;
  max-width: 192px !important;
  height: 56px !important;
  padding: 0 16px !important;
  font-size: 22px !important;
}

body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop {
  width: 187px !important;
  min-width: 187px !important;
  max-width: 187px !important;
  height: 56px !important;
}

#kmlPersistentMarketShell .marketFutureSlot,
#screenProcurar .kmlMarketPrototypeTop .marketFutureSlot {
  width: 192px !important;
  min-width: 192px !important;
  max-width: 192px !important;
  height: 56px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  pointer-events: none !important;
}

#kmlPersistentMarketShell .marketBrandTop,
#screenProcurar .kmlMarketPrototypeTop .marketBrandTop {
  appearance: none !important;
  width: 192px !important;
  min-width: 192px !important;
  max-width: 192px !important;
  height: 56px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #111827 !important;
  font-family: inherit !important;
  cursor: pointer !important;
}

#kmlPersistentMarketShell .marketBrandTop img,
#screenProcurar .kmlMarketPrototypeTop .marketBrandTop img {
  width: 34px !important;
  height: 34px !important;
  object-fit: contain !important;
  display: block !important;
  flex: 0 0 auto !important;
}

#kmlPersistentMarketShell .marketBrandTop strong,
#screenProcurar .kmlMarketPrototypeTop .marketBrandTop strong {
  color: #111827 !important;
  font-size: 17px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: -0.01em !important;
  white-space: nowrap !important;
}

#kmlPersistentMarketShell .marketBrandTop:hover strong,
#screenProcurar .kmlMarketPrototypeTop .marketBrandTop:hover strong {
  color: #0a0d18 !important;
}

#kmlPersistentMarketShell .marketMegaPlaceTop,
#screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop {
  background: #f4c400 !important;
  color: #ffffff !important;
  border-color: #d4a900 !important;
  text-shadow: none !important;
}

#kmlPersistentMarketShell .marketMegaPlaceTop span,
#kmlPersistentMarketShell .marketMegaPlaceTop b,
#screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop span,
#screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop b {
  color: #ffffff !important;
}

#kmlPersistentMarketShell .marketMegaPlaceTop b,
#screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop b {
  background: rgba(17,24,39,.18) !important;
  padding-left: 5px !important;
  padding-right: 5px !important;
  font-size: 9.5px !important;
}

body:not(.preAuth) #kmlPersistentMarketShell .kmlMarketPostBtn,
body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop {
  width: 187px !important;
  min-width: 187px !important;
  max-width: 187px !important;
  height: 43px !important;
  min-height: 43px !important;
  color: #ffffff !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}

body:not(.preAuth) #kmlPersistentMarketShell .kmlMarketPostBtn span,
body:not(.preAuth) #kmlPersistentMarketShell .kmlMarketPostBtn svg {
  color: #ffffff !important;
  stroke: #ffffff !important;
}

body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop:hover,
body:not(.preAuth) #kmlPersistentMarketShell .kmlMarketPostBtn:hover {
  background: #ddb100 !important;
  border-color: #c49a00 !important;
}

body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop {
  gap: 7px !important;
  font-size: 12px !important;
  letter-spacing: .055em !important;
  position: relative !important;
  overflow: visible !important;
  isolation: isolate !important;
}

/* Afina os dois CTAs amarelos para ficarem simétricos com Filtros/Menu. */
body:not(.preAuth) #kmlPersistentMarketShell .kmlMarketPostBtn,
body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop,
#screenProcurar .kmlMarketPrototypeTop .kmlMarketPostBtn,
#screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop {
  height: 43px !important;
  min-height: 43px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Mega Place: fogo leve e realista em volta do card, sem pesar a UI. */
body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop::before,
#screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop::before {
  content: "" !important;
  position: absolute !important;
  inset: -7px -8px !important;
  z-index: -2 !important;
  border-radius: 6px !important;
  pointer-events: none !important;
  background:
    radial-gradient(16px 24px at 13% 102%, rgba(255,236,118,.82), rgba(255,128,24,.52) 36%, rgba(150,35,0,.16) 62%, transparent 74%),
    radial-gradient(19px 31px at 31% -8%, rgba(255,245,150,.76), rgba(255,116,17,.48) 42%, rgba(184,35,0,.18) 64%, transparent 76%),
    radial-gradient(15px 25px at 56% 108%, rgba(255,226,82,.74), rgba(255,94,0,.44) 40%, rgba(142,26,0,.14) 67%, transparent 78%),
    radial-gradient(22px 34px at 82% -10%, rgba(255,240,125,.70), rgba(255,113,16,.46) 43%, rgba(169,34,0,.18) 66%, transparent 78%),
    linear-gradient(90deg, rgba(255,183,25,.42), rgba(255,75,0,.24), rgba(255,211,75,.38));
  filter: blur(5px) saturate(1.18) !important;
  opacity: .70 !important;
  transform: translate3d(0,0,0) scale(1) !important;
  animation: kmlMegaFireGlow 2.2s ease-in-out infinite alternate !important;
}

body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop::after,
#screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop::after {
  content: "" !important;
  position: absolute !important;
  inset: -4px -5px !important;
  z-index: -1 !important;
  border-radius: 5px !important;
  pointer-events: none !important;
  background:
    radial-gradient(9px 18px at 18% 0%, rgba(255,255,190,.82), rgba(255,158,24,.55) 46%, transparent 78%),
    radial-gradient(8px 16px at 39% 100%, rgba(255,238,124,.70), rgba(255,101,10,.42) 44%, transparent 78%),
    radial-gradient(10px 21px at 66% 0%, rgba(255,249,170,.78), rgba(255,119,9,.48) 43%, transparent 76%),
    radial-gradient(8px 16px at 89% 100%, rgba(255,232,96,.70), rgba(255,86,0,.40) 45%, transparent 78%);
  filter: blur(2.4px) saturate(1.22) !important;
  opacity: .64 !important;
  animation: kmlMegaFireLicks 1.15s steps(2, end) infinite !important;
}

body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop span,
body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop b,
#screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop span,
#screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop b {
  position: relative !important;
  z-index: 1 !important;
}

@keyframes kmlMegaFireGlow {
  0% {
    opacity: .52;
    transform: translate3d(-1px, 1px, 0) scale(.985);
    filter: blur(5px) saturate(1.08);
  }
  45% {
    opacity: .78;
    transform: translate3d(1px, -1px, 0) scale(1.015);
    filter: blur(5.8px) saturate(1.24);
  }
  100% {
    opacity: .66;
    transform: translate3d(0, 0, 0) scale(1.005);
    filter: blur(4.6px) saturate(1.18);
  }
}

@keyframes kmlMegaFireLicks {
  0% {
    opacity: .48;
    transform: translate3d(0, 1px, 0) scaleX(.985);
  }
  50% {
    opacity: .76;
    transform: translate3d(1px, -1px, 0) scaleX(1.018);
  }
  100% {
    opacity: .58;
    transform: translate3d(-1px, 0, 0) scaleX(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop::before,
  body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop::after,
  #screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop::before,
  #screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop::after {
    animation: none !important;
  }
}

/* Mega Place final: contorno luminoso rodando ao redor do card. */
body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop,
#screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop {
  animation: kmlMegaPlaceHaloFinal 1.8s ease-in-out infinite alternate !important;
  background: #f4c400 !important;
  border: 0 !important;
  overflow: hidden !important;
  position: relative !important;
}

body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop::before,
#screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop::before {
  animation: kmlMegaPlaceOrbitFinal 1.45s linear infinite !important;
  background: conic-gradient(
    from 0deg,
    rgba(255, 230, 120, 0) 0deg,
    rgba(255, 230, 120, 0) 210deg,
    rgba(255, 255, 238, .98) 232deg,
    #ff3a16 252deg,
    #ffd33d 274deg,
    rgba(255, 230, 120, 0) 300deg,
    rgba(255, 230, 120, 0) 360deg
  ) !important;
  border-radius: 999px !important;
  content: "" !important;
  display: block !important;
  filter: saturate(1.2) !important;
  height: 230px !important;
  inset: 50% auto auto 50% !important;
  margin: -115px 0 0 -115px !important;
  opacity: 1 !important;
  padding: 2px !important;
  pointer-events: none !important;
  position: absolute !important;
  width: 230px !important;
  z-index: 0 !important;
  -webkit-mask: none !important;
  mask: none !important;
}

body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop::after,
#screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop::after {
  animation: none !important;
  background: #f4c400 !important;
  border-radius: 3px !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .15) !important;
  content: "" !important;
  display: block !important;
  filter: none !important;
  inset: 2px !important;
  opacity: 1 !important;
  padding: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
  z-index: 1 !important;
  -webkit-mask: none !important;
  mask: none !important;
}

body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop .megaPlaceLabel,
body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop .megaPlaceNew,
#screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop .megaPlaceLabel,
#screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop .megaPlaceNew {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes kmlMegaPlaceOrbitFinal {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@keyframes kmlMegaPlaceHaloFinal {
  from {
    box-shadow: 0 0 0 1px rgba(244, 196, 0, .30), 0 0 10px rgba(244, 196, 0, .18);
  }
  to {
    box-shadow: 0 0 0 1px rgba(255, 58, 22, .45), 0 0 16px rgba(255, 58, 22, .26);
  }
}

@media (prefers-reduced-motion: reduce) {
  body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop,
  #screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop,
  body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop::before,
  #screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop::before {
    animation: none !important;
  }
}

/* Mega Place runner definitivo: a faixa percorre os quatro lados do card. */
body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop,
#screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop {
  animation: kmlMegaRunnerGlowFinal 1.65s ease-in-out infinite alternate !important;
  background: #f4c400 !important;
  border: 0 !important;
  box-shadow: inset 0 0 0 1px rgba(112, 74, 0, .20), 0 0 14px rgba(255, 61, 18, .18) !important;
  isolation: isolate !important;
  overflow: hidden !important;
  position: relative !important;
}

body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop::before,
#screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop::before {
  animation: none !important;
  background: linear-gradient(90deg, rgba(255, 231, 128, .92), rgba(255, 62, 18, .55)) !important;
  border-radius: 4px !important;
  content: "" !important;
  display: block !important;
  filter: none !important;
  inset: 0 !important;
  opacity: .72 !important;
  padding: 2px !important;
  pointer-events: none !important;
  position: absolute !important;
  z-index: 0 !important;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop::after,
#screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop::after {
  animation: none !important;
  background: #f4c400 !important;
  border-radius: 3px !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .13) !important;
  content: "" !important;
  display: block !important;
  filter: none !important;
  inset: 2px !important;
  opacity: 1 !important;
  padding: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
  z-index: 1 !important;
  -webkit-mask: none !important;
  mask: none !important;
}

body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop .megaPlaceRunner,
#screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop .megaPlaceRunner {
  animation: kmlMegaRunnerLapFinal 1.55s linear infinite !important;
  background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 238, .98) 34%, #ff3917 62%, #ffe06f 84%, transparent 100%) !important;
  border-radius: 999px !important;
  box-shadow: 0 0 7px rgba(255, 232, 122, .88), 0 0 13px rgba(255, 55, 20, .62) !important;
  display: block !important;
  filter: saturate(1.25) !important;
  height: 4px !important;
  left: 0 !important;
  offset-anchor: center !important;
  offset-distance: 0%;
  offset-path: path("M 7 2 H 180 V 41 H 7 V 2") !important;
  offset-rotate: auto !important;
  opacity: 1 !important;
  pointer-events: none !important;
  position: absolute !important;
  top: 0 !important;
  transform: translate(-50%, -50%);
  width: 48px !important;
  z-index: 4 !important;
}

body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop .megaPlaceLabel,
body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop .megaPlaceNew,
#screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop .megaPlaceLabel,
#screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop .megaPlaceNew {
  position: relative !important;
  z-index: 5 !important;
}

@keyframes kmlMegaRunnerLapFinal {
  to { offset-distance: 100%; }
}

@keyframes kmlMegaRunnerGlowFinal {
  from { box-shadow: inset 0 0 0 1px rgba(112, 74, 0, .20), 0 0 10px rgba(244, 196, 0, .16); }
  to { box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .18), 0 0 17px rgba(255, 61, 18, .28); }
}

@supports not (offset-path: path("M 0 0 H 1")) {
  body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop .megaPlaceRunner,
  #screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop .megaPlaceRunner {
    animation: kmlMegaRunnerFallbackFinal 1.55s linear infinite !important;
    offset-path: none !important;
    transform-origin: center !important;
  }
}

@keyframes kmlMegaRunnerFallbackFinal {
  0% { transform: translate(6px, 2px) rotate(0deg); }
  24% { transform: translate(133px, 2px) rotate(0deg); }
  25% { transform: translate(164px, 20px) rotate(90deg); }
  49% { transform: translate(164px, 22px) rotate(90deg); }
  50% { transform: translate(133px, 39px) rotate(180deg); }
  74% { transform: translate(6px, 39px) rotate(180deg); }
  75% { transform: translate(-16px, 20px) rotate(270deg); }
  100% { transform: translate(-16px, 2px) rotate(270deg); }
}

/* Final lock: modal sempre no viewport e Mega Place sem efeitos antigos. */
html.kmlMegaModalOpen,
body.kmlMegaModalOpen {
  overflow: hidden !important;
}

html body > .kmlMegaPostModal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483000 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100vw !important;
  height: 100dvh !important;
  margin: 0 !important;
  padding: 18px !important;
  background: rgba(16, 24, 39, .46) !important;
  overflow: hidden !important;
}

html body > .kmlMegaPostModal .kmlMegaPostDialog {
  display: flex !important;
  flex-direction: column !important;
  width: min(1120px, calc(100vw - 36px)) !important;
  height: min(780px, calc(100dvh - 36px)) !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #fff !important;
  border: 1px solid rgba(16, 24, 39, .13) !important;
  border-radius: 4px !important;
  box-shadow: 0 18px 48px rgba(16, 24, 39, .24) !important;
}

html body > .kmlMegaPostModal .kmlMegaPostBody {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 410px !important;
  overflow: hidden !important;
  background: #f6f7f9 !important;
}

html body > .kmlMegaPostModal .kmlMegaPostFormCol {
  min-height: 0 !important;
  overflow: auto !important;
}

html body > .kmlMegaPostModal .kmlMegaMapPanel {
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
}

html body > .kmlMegaPostModal .kmlMegaMapPreview {
  flex: 1 1 auto !important;
  min-height: 420px !important;
}

html body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop.kmlMegaClean::before,
html body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop.kmlMegaClean::after,
html body #screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop.kmlMegaClean::before,
html body #screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop.kmlMegaClean::after,
html body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop.kmlMegaClean .megaPlaceRunner,
html body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop.kmlMegaClean .megaFireFrame,
html body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop.kmlMegaClean .megaFire,
html body #screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop.kmlMegaClean .megaPlaceRunner,
html body #screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop.kmlMegaClean .megaFireFrame,
html body #screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop.kmlMegaClean .megaFire {
  display: none !important;
  animation: none !important;
  content: none !important;
}

@media (max-width: 980px) {
  html body > .kmlMegaPostModal {
    align-items: stretch !important;
    padding: 10px !important;
  }

  html body > .kmlMegaPostModal .kmlMegaPostDialog {
    width: 100% !important;
    height: calc(100dvh - 20px) !important;
  }

  html body > .kmlMegaPostModal .kmlMegaPostBody {
    grid-template-columns: 1fr !important;
    overflow: auto !important;
  }

  html body > .kmlMegaPostModal .kmlMegaMapPreview {
    min-height: 330px !important;
  }
}

/* Mega Place publish modal v3: fixed viewport sheet, polished form + real map panel. */
html.kmlMegaModalOpen,
body.kmlMegaModalOpen {
  overflow: hidden !important;
}

body > .kmlMegaPostModal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483000 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100vw !important;
  height: 100dvh !important;
  margin: 0 !important;
  padding: 18px !important;
  background: rgba(16, 24, 39, .46) !important;
  overflow: hidden !important;
}

body > .kmlMegaPostModal .kmlMegaPostDialog {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  width: min(1120px, calc(100vw - 36px)) !important;
  height: min(780px, calc(100dvh - 36px)) !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(16, 24, 39, .13) !important;
  border-radius: 4px !important;
  background: #fff !important;
  box-shadow: 0 18px 48px rgba(16, 24, 39, .24) !important;
}

body > .kmlMegaPostModal .kmlMegaPostClose {
  top: 14px !important;
  right: 14px !important;
  z-index: 6 !important;
}

.kmlMegaPostHeader {
  flex: 0 0 auto;
  border-bottom: 1px solid rgba(16, 24, 39, .10);
  padding: 24px 76px 20px 24px;
}

.kmlMegaPostHeader > span {
  display: inline-flex;
  width: fit-content;
  min-height: 26px;
  align-items: center;
  border: 1px solid rgba(201, 160, 42, .38);
  border-radius: 4px;
  background: rgba(244, 196, 0, .13);
  color: #8c6c00;
  padding: 0 9px;
  font-size: .75rem;
  font-weight: 1000;
  text-transform: uppercase;
}

.kmlMegaPostHeader h2 {
  margin: 12px 0 6px !important;
  color: #101827 !important;
  font-size: clamp(1.45rem, 2vw, 2rem) !important;
  line-height: 1.05 !important;
}

.kmlMegaPostHeader p {
  max-width: 720px;
  margin: 0 !important;
  color: #657184 !important;
  line-height: 1.45;
}

.kmlMegaPostBody {
  flex: 1 1 auto;
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 410px;
  gap: 0;
  background: #f6f7f9;
  overflow: hidden;
}

.kmlMegaPostFormCol {
  min-height: 0;
  display: grid;
  align-content: start;
  gap: 12px;
  overflow: auto;
  padding: 16px;
}

.kmlMegaPostSection {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  border: 1px solid rgba(16, 24, 39, .10);
  border-radius: 4px;
  background: #fff;
  padding: 14px;
}

.kmlMegaPostSection > div:first-child,
.kmlMegaPostSection .wide,
.kmlMegaPostSection .kmlMegaLocationBuilder {
  grid-column: 1 / -1;
}

.kmlMegaPostSection > div:first-child {
  display: flex;
  align-items: center;
  gap: 9px;
}

.kmlMegaPostSection > div:first-child span {
  display: inline-grid;
  width: 28px;
  height: 28px;
  place-items: center;
  border-radius: 4px;
  background: #f4c400;
  color: #101827;
  font-size: .78rem;
  font-weight: 1000;
}

.kmlMegaPostSection > div:first-child h3 {
  margin: 0;
  color: #101827;
  font-size: 1rem;
}

body > .kmlMegaPostModal .kmlMegaPostDialog label {
  display: grid !important;
  gap: 7px !important;
  color: #101827 !important;
  font-size: .84rem !important;
  font-weight: 900 !important;
}

body > .kmlMegaPostModal .kmlMegaPostDialog input,
body > .kmlMegaPostModal .kmlMegaPostDialog select,
body > .kmlMegaPostModal .kmlMegaPostDialog textarea {
  min-height: 42px !important;
  border-radius: 4px !important;
  background: #fff !important;
  color: #101827 !important;
}

body > .kmlMegaPostModal .kmlMegaPostDialog textarea {
  min-height: 104px !important;
}

body > .kmlMegaPostModal .kmlMegaLocationBuilder {
  display: block !important;
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
}

body > .kmlMegaPostModal .kmlMegaLocationFields {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

body > .kmlMegaPostModal .kmlMegaRadiusField,
body > .kmlMegaPostModal .kmlMegaRadiusPresets,
body > .kmlMegaPostModal .kmlMegaGeoBtn {
  grid-column: 1 / -1 !important;
}

.kmlMegaMapPanel {
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  border-left: 1px solid rgba(16, 24, 39, .10);
  background: #fff;
  padding: 16px;
}

.kmlMegaMapPanelHead {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.kmlMegaMapPanelHead span {
  color: #657184;
  font-size: .78rem;
  font-weight: 1000;
  text-transform: uppercase;
}

.kmlMegaMapPanelHead strong {
  border: 1px solid rgba(201, 160, 42, .40);
  border-radius: 4px;
  background: rgba(244, 196, 0, .14);
  color: #8c6c00;
  padding: 6px 9px;
  font-size: .82rem;
}

body > .kmlMegaPostModal .kmlMegaMapPreview {
  flex: 1 1 auto;
  min-height: 420px !important;
  border-radius: 4px !important;
  background: #eef1f5 !important;
}

.kmlMegaMapPanel > p {
  margin: 0;
  color: #657184;
  font-size: .86rem;
  font-weight: 700;
  line-height: 1.4;
}

.kmlMegaPostFooter {
  flex: 0 0 auto;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  border-top: 1px solid rgba(16, 24, 39, .10);
  background: #fff;
  padding: 14px 16px;
}

.kmlMegaPostCancel,
body > .kmlMegaPostModal .kmlMegaPostSubmit {
  min-height: 42px;
  border-radius: 4px;
  padding: 0 18px;
  font-weight: 1000;
  cursor: pointer;
}

.kmlMegaPostCancel {
  border: 1px solid rgba(16, 24, 39, .12);
  background: #fff;
  color: #101827;
}

body > .kmlMegaPostModal .kmlMegaPostSubmit {
  border: 1px solid #c9a02a;
  background: #f4c400;
  color: #101827;
}

html body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop.kmlMegaClean::before,
html body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop.kmlMegaClean::after,
html body #screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop.kmlMegaClean::before,
html body #screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop.kmlMegaClean::after,
html body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop.kmlMegaClean .megaPlaceRunner,
html body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop.kmlMegaClean .megaFireFrame,
html body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop.kmlMegaClean .megaFire,
html body #screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop.kmlMegaClean .megaPlaceRunner,
html body #screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop.kmlMegaClean .megaFireFrame,
html body #screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop.kmlMegaClean .megaFire {
  display: none !important;
  animation: none !important;
  content: none !important;
}

@media (max-width: 980px) {
  body > .kmlMegaPostModal {
    align-items: stretch !important;
    padding: 10px !important;
  }

  body > .kmlMegaPostModal .kmlMegaPostDialog {
    width: 100% !important;
    height: calc(100dvh - 20px) !important;
  }

  .kmlMegaPostBody {
    grid-template-columns: 1fr;
    overflow: auto;
  }

  .kmlMegaPostFormCol {
    overflow: visible;
  }

  .kmlMegaMapPanel {
    border-left: 0;
    border-top: 1px solid rgba(16, 24, 39, .10);
  }

  body > .kmlMegaPostModal .kmlMegaMapPreview {
    min-height: 330px !important;
  }
}

@media (max-width: 620px) {
  .kmlMegaPostHeader {
    padding: 20px 58px 16px 16px;
  }

  .kmlMegaPostFormCol,
  .kmlMegaMapPanel {
    padding: 12px;
  }

  .kmlMegaPostSection,
  body > .kmlMegaPostModal .kmlMegaLocationFields {
    grid-template-columns: 1fr !important;
  }

  .kmlMegaRadiusPresets {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .kmlMegaPostFooter {
    display: grid;
    grid-template-columns: 1fr;
  }
}

/* Mega Place: classificados presenciais para serviços criativos. */
.kmlMegaPlaceScreen {
  background: transparent !important;
  color: #101827 !important;
}

.kmlMegaPlacePage {
  width: min(1840px, calc(100vw - 48px));
  margin: 0 auto;
  padding: 34px 0 52px;
}

.kmlMegaPlaceHero {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  background: rgba(255,255,255,.78);
  border: 1px solid rgba(16,24,39,.10);
  border-radius: 4px;
  padding: 20px;
}

.kmlMegaBack {
  width: 42px !important;
  height: 42px !important;
  border-radius: 4px !important;
  background: #fff !important;
}

.kmlMegaBack svg {
  width: 22px;
  height: 22px;
}

.kmlMegaHeroText span,
.kmlMegaPostDialog > span {
  display: block;
  margin-bottom: 6px;
  color: #9b7a12;
  font-size: .74rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.kmlMegaHeroText h1 {
  margin: 0;
  color: #101827;
  font-size: clamp(1.85rem, 3vw, 3.1rem);
  line-height: 1.02;
  letter-spacing: 0;
}

.kmlMegaHeroText p {
  max-width: 880px;
  margin: 10px 0 0;
  color: #657184;
  font-size: 1rem;
  line-height: 1.55;
}

.kmlMegaPublishBtn,
.kmlMegaPostSubmit,
.kmlMegaEmpty button {
  min-height: 44px;
  border: 0;
  border-radius: 4px;
  background: #f4c400;
  color: #101827;
  padding: 0 20px;
  font-weight: 900;
  cursor: pointer;
  transition: transform .18s ease, background .18s ease;
}

.kmlMegaPublishBtn:hover,
.kmlMegaPostSubmit:hover,
.kmlMegaEmpty button:hover {
  background: #ffd21a;
  transform: translateY(-1px);
}

.kmlMegaStats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 14px 0;
}

.kmlMegaStats div {
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(16,24,39,.08);
  border-radius: 4px;
  padding: 14px 16px;
}

.kmlMegaStats strong {
  display: block;
  color: #101827;
  font-size: 1.45rem;
  line-height: 1;
}

.kmlMegaStats span {
  display: block;
  margin-top: 5px;
  color: #657184;
  font-size: .84rem;
  font-weight: 700;
}

.kmlMegaFilters {
  display: grid;
  grid-template-columns: minmax(280px, 1fr) 210px 220px 220px;
  gap: 10px;
  margin-bottom: 12px;
}

.kmlMegaFilters input,
.kmlMegaFilters select,
.kmlMegaPostDialog input,
.kmlMegaPostDialog select,
.kmlMegaPostDialog textarea {
  width: 100%;
  min-height: 44px;
  border: 1px solid rgba(16,24,39,.12);
  border-radius: 4px;
  background: #fff;
  color: #101827;
  padding: 0 14px;
  font: inherit;
  outline: none;
}

.kmlMegaFilters input:focus,
.kmlMegaFilters select:focus,
.kmlMegaPostDialog input:focus,
.kmlMegaPostDialog select:focus,
.kmlMegaPostDialog textarea:focus {
  border-color: #c9a02a;
  box-shadow: 0 0 0 2px rgba(201,160,42,.18);
}

.kmlMegaServiceTabs {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding: 0 0 8px;
  scrollbar-width: thin;
  scrollbar-color: rgba(201,160,42,.55) rgba(16,24,39,.08);
}

.kmlMegaServiceTabs::-webkit-scrollbar {
  height: 7px;
}

.kmlMegaServiceTabs::-webkit-scrollbar-track {
  background: rgba(16,24,39,.06);
  border-radius: 4px;
}

.kmlMegaServiceTabs::-webkit-scrollbar-thumb {
  background: rgba(201,160,42,.62);
  border-radius: 4px;
}

.kmlMegaServiceTabs button {
  min-height: 36px;
  border: 1px solid rgba(16,24,39,.10);
  border-radius: 4px;
  background: #fff;
  color: #566174;
  padding: 0 12px;
  font-weight: 900;
  font-size: 13px;
  white-space: nowrap;
  cursor: pointer;
}

.kmlMegaServiceTabs button.active {
  border-color: #c9a02a;
  background: #f4c400;
  color: #101827;
}

.kmlMegaGrid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.kmlMegaCard {
  display: flex;
  min-height: 272px;
  flex-direction: column;
  background: #fff;
  border: 1px solid rgba(16,24,39,.10);
  border-radius: 4px;
  padding: 15px;
  color: #101827;
}

.kmlMegaCardHead {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
}

.kmlMegaAvatar {
  display: grid;
  width: 46px;
  height: 46px;
  place-items: center;
  border-radius: 50%;
  background: #111827;
  color: #fff;
  font-weight: 900;
}

.kmlMegaCard h3 {
  margin: 0;
  color: #101827;
  font-size: 1rem;
  line-height: 1.15;
}

.kmlMegaCardHead p {
  margin: 3px 0 0;
  color: #657184;
  font-size: .84rem;
  line-height: 1.25;
}

.kmlMegaCardHead strong {
  align-self: start;
  border: 1px solid rgba(201,160,42,.35);
  border-radius: 4px;
  background: rgba(244,196,0,.12);
  color: #8a6d0e;
  padding: 5px 7px;
  font-size: .72rem;
  white-space: nowrap;
}

.kmlMegaDesc {
  margin: 14px 0 12px;
  color: #566174;
  font-size: .9rem;
  line-height: 1.42;
}

.kmlMegaMeta {
  display: grid;
  gap: 6px;
  margin-top: auto;
}

.kmlMegaMeta span {
  color: #101827;
  font-size: .82rem;
  font-weight: 800;
}

.kmlMegaTags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 12px;
}

.kmlMegaTags span {
  border: 1px solid rgba(16,24,39,.10);
  border-radius: 4px;
  background: #f8fafc;
  color: #566174;
  padding: 4px 7px;
  font-size: .72rem;
  font-weight: 800;
}

.kmlMegaCardActions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: 14px;
}

.kmlMegaCardActions button {
  min-height: 38px;
  border: 1px solid #c9a02a;
  border-radius: 4px;
  background: #f4c400;
  color: #101827;
  font-weight: 900;
  cursor: pointer;
}

.kmlMegaCardActions button.secondary {
  background: #fff;
  color: #101827;
}

.kmlMegaEmpty {
  grid-column: 1 / -1;
  background: #fff;
  border: 1px solid rgba(16,24,39,.10);
  border-radius: 4px;
  padding: 34px;
  text-align: center;
}

.kmlMegaEmpty h3 {
  margin: 0 0 8px;
  color: #101827;
}

.kmlMegaEmpty p {
  margin: 0 0 18px;
  color: #657184;
}

/* ── Mega Place: ações do hero (Meus serviços + Publicar) ────── */
.kmlMegaHeroActions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  justify-content: flex-end;
}

.kmlMegaMineBtn {
  min-height: 44px;
  border: 1px solid rgba(16,24,39,.16);
  border-radius: 4px;
  background: #fff;
  color: #101827;
  padding: 0 18px;
  font-weight: 900;
  cursor: pointer;
  transition: border-color .2s ease, transform .18s ease;
}

.kmlMegaMineBtn:hover {
  border-color: #c9a02a;
  transform: translateY(-1px);
}

/* ── Mega Place: barra "Perto de mim" ────────────────────────── */
.kmlMegaTools {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 12px;
}

.kmlMegaToolBtn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  border: 1px solid rgba(16,24,39,.14);
  border-radius: 4px;
  background: #fff;
  color: #101827;
  padding: 0 14px;
  font-weight: 900;
  font-size: 13px;
  cursor: pointer;
  transition: border-color .2s ease, background .2s ease, color .2s ease;
}

.kmlMegaToolBtn svg {
  width: 17px;
  height: 17px;
  flex: 0 0 auto;
}

.kmlMegaToolBtn:hover { border-color: #c9a02a; }

.kmlMegaToolBtn.is-active {
  border-color: #c9a02a;
  background: #f4c400;
  color: #101827;
}

.kmlMegaToolBtn.is-loading {
  position: relative;
  color: transparent;
  pointer-events: none;
}

.kmlMegaToolBtn.is-loading::after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: 15px;
  height: 15px;
  border: 2px solid rgba(16,24,39,.3);
  border-top-color: #101827;
  border-radius: 50%;
  animation: kmlMegaSpin .7s linear infinite;
}

.kmlMegaNearInfo {
  color: #657184;
  font-size: .82rem;
  font-weight: 700;
}

/* ── Mega Place: chips de proximidade no card ────────────────── */
.kmlMegaProxRow {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-top: 10px;
}

.kmlMegaDist {
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(201,160,42,.4);
  border-radius: 4px;
  background: rgba(244,196,0,.14);
  color: #8a6d0e;
  padding: 4px 8px;
  font-size: .76rem;
  font-weight: 900;
}

.kmlMegaDist--none {
  border-color: rgba(16,24,39,.12);
  background: #f4f6f8;
  color: #97a1b1;
}

.kmlMegaReach {
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(47,158,84,.4);
  border-radius: 4px;
  background: rgba(47,158,84,.12);
  color: #237a44;
  padding: 4px 8px;
  font-size: .76rem;
  font-weight: 900;
}

/* ── Mega Place: modal "Meus serviços" ───────────────────────── */
.kmlMegaMineDialog {
  position: relative;
  display: flex;
  flex-direction: column;
  width: min(560px, calc(100vw - 36px));
  max-height: min(80dvh, 720px);
  background: #fff;
  border: 1px solid rgba(16,24,39,.13);
  border-radius: 4px;
  box-shadow: 0 18px 48px rgba(16,24,39,.24);
  overflow: hidden;
}

.kmlMegaMineHeader {
  flex: 0 0 auto;
  border-bottom: 1px solid rgba(16,24,39,.10);
  padding: 22px 64px 16px 22px;
}

.kmlMegaMineHeader > span {
  display: block;
  margin-bottom: 6px;
  color: #9b7a12;
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.kmlMegaMineHeader h2 {
  margin: 0;
  color: #101827;
  font-size: 1.4rem;
  line-height: 1.1;
}

.kmlMegaMineHeader p {
  margin: 6px 0 0;
  color: #657184;
  font-size: .9rem;
  line-height: 1.4;
}

.kmlMegaMineList {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  list-style: none;
  margin: 0;
  padding: 12px;
  display: grid;
  gap: 8px;
}

.kmlMegaMineItem {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border: 1px solid rgba(16,24,39,.10);
  border-radius: 4px;
  background: #fff;
  padding: 12px 14px;
}

.kmlMegaMineItem.is-confirming {
  border-color: #d11a2a;
  background: #fff6f6;
}

.kmlMegaMineInfo {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.kmlMegaMineInfo strong {
  color: #101827;
  font-size: .98rem;
}

.kmlMegaMineInfo span {
  color: #657184;
  font-size: .82rem;
}

.kmlMegaMineSub { color: #8a93a3 !important; font-weight: 700; }

.kmlMegaMineActions {
  display: flex;
  gap: 8px;
  flex: 0 0 auto;
}

.kmlMegaMineEdit,
.kmlMegaMineDel {
  min-height: 36px;
  border-radius: 4px;
  padding: 0 12px;
  font-weight: 900;
  font-size: 13px;
  cursor: pointer;
  white-space: nowrap;
}

.kmlMegaMineEdit {
  border: 1px solid #c9a02a;
  background: #f4c400;
  color: #101827;
}

.kmlMegaMineDel {
  border: 1px solid rgba(209,26,42,.4);
  background: #fff;
  color: #c11a2a;
}

.kmlMegaMineItem.is-confirming .kmlMegaMineDel {
  background: #d11a2a;
  border-color: #d11a2a;
  color: #fff;
}

.kmlMegaMineEmpty {
  display: grid;
  gap: 14px;
  justify-items: center;
  text-align: center;
  padding: 32px 18px;
  color: #657184;
}

.kmlMegaMineEmpty p { margin: 0; }

.kmlMegaMineNew {
  min-height: 42px;
  border: 1px solid #c9a02a;
  border-radius: 4px;
  background: #f4c400;
  color: #101827;
  padding: 0 20px;
  font-weight: 900;
  cursor: pointer;
}

.kmlMegaMineFooter {
  flex: 0 0 auto;
  display: flex;
  justify-content: space-between;
  gap: 10px;
  border-top: 1px solid rgba(16,24,39,.10);
  padding: 14px 16px;
}

.kmlMegaMineClose {
  min-height: 42px;
  border: 1px solid rgba(16,24,39,.14);
  border-radius: 4px;
  background: #fff;
  color: #101827;
  padding: 0 18px;
  font-weight: 900;
  cursor: pointer;
}

/* ── Mega Place: selo "Verificado" ───────────────────────────── */
.kmlMegaVerified {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  vertical-align: middle;
  margin-left: 6px;
  border: 1px solid rgba(47,158,84,.4);
  border-radius: 4px;
  background: rgba(47,158,84,.12);
  color: #237a44;
  padding: 2px 7px 2px 5px;
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: none;
  white-space: nowrap;
}

.kmlMegaVerified svg {
  width: 13px;
  height: 13px;
  flex: 0 0 auto;
}

.kmlMegaVerified--sm {
  font-size: .64rem;
  padding: 1px 6px 1px 4px;
}

/* ── Mega Place: painel de verificação no modal de publicar ──── */
.kmlMegaVerifyBox {
  display: none;
}

.kmlMegaVerifyBox.show {
  display: block;
  border: 1px solid rgba(16,24,39,.10);
  border-radius: 4px;
  background: #fff;
  padding: 14px;
}

.kmlMegaVerifyBox.is-verified.show {
  border-color: rgba(47,158,84,.4);
  background: rgba(47,158,84,.06);
}

.kmlMegaVHead strong {
  display: block;
  color: #101827;
  font-size: 1rem;
}

.kmlMegaVHead p {
  margin: 4px 0 0 !important;
  color: #657184 !important;
  font-size: .84rem;
  line-height: 1.4;
}

.kmlMegaVHead.is-verified {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.kmlMegaVHead.is-verified p { margin: 0 !important; }

.kmlMegaVList {
  list-style: none;
  margin: 12px 0 0;
  padding: 0;
  display: grid;
  gap: 8px;
}

.kmlMegaVList li {
  display: flex;
  align-items: center;
  gap: 10px;
}

.kmlMegaVChk {
  display: inline-grid;
  place-items: center;
  width: 22px;
  height: 22px;
  flex: 0 0 auto;
  border: 1px solid rgba(16,24,39,.16);
  border-radius: 50%;
  background: #fff;
  color: transparent;
}

.kmlMegaVList li.is-done .kmlMegaVChk {
  border-color: rgba(47,158,84,.5);
  background: rgba(47,158,84,.12);
  color: #237a44;
}

.kmlMegaVChk svg { width: 13px; height: 13px; }

.kmlMegaVList li strong {
  display: block;
  color: #101827;
  font-size: .86rem;
  font-weight: 700;
}

.kmlMegaVList li small {
  display: block;
  color: #8a93a3;
  font-size: .76rem;
}

.kmlMegaVConnect {
  width: 100%;
  min-height: 42px;
  margin-top: 12px;
  border: 1px solid #c9a02a;
  border-radius: 4px;
  background: #f4c400;
  color: #101827;
  font-weight: 900;
  cursor: pointer;
  transition: background .2s ease;
}

.kmlMegaVConnect:hover { background: #ffd21a; }

/* ── Jornal: botão admin + compositor de notícia ─────────────── */
.kjNewsAdminBtn {
  margin-left: auto;
  border: 1px solid rgba(201,160,42,.5);
  border-radius: 4px;
  background: rgba(201,160,42,.14);
  color: #e7c766;
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
  transition: background .2s ease;
}

.kjNewsAdminBtn:hover { background: rgba(201,160,42,.24); }

.kmlNewsComposer .kmlNewsDialog {
  position: relative;
  display: flex;
  flex-direction: column;
  width: min(540px, calc(100vw - 36px));
  max-height: min(86dvh, 760px);
  background: #10141d;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 4px;
  box-shadow: 0 24px 60px rgba(0,0,0,.5);
  overflow: hidden;
  color: #e7ecf3;
}

.kmlNewsComposer .kmlMegaPostClose {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 4px;
  background: rgba(255,255,255,.04);
  color: #e7ecf3;
  font-size: 1.3rem;
  line-height: 1;
  cursor: pointer;
}

.kmlNewsHead {
  border-bottom: 1px solid rgba(255,255,255,.07);
  padding: 20px 56px 16px 20px;
}

.kmlNewsHead > span {
  display: block;
  margin-bottom: 6px;
  color: #c9a02a;
  font-size: .7rem;
  font-weight: 900;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.kmlNewsHead h2 { margin: 0; font-size: 1.35rem; color: #fff; }

.kmlNewsHead p {
  margin: 6px 0 0;
  color: rgba(231,236,243,.55);
  font-size: .86rem;
  line-height: 1.4;
}

.kmlNewsBody {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  display: grid;
  gap: 12px;
  padding: 16px 20px;
}

.kmlNewsBody label {
  display: grid;
  gap: 6px;
  color: rgba(231,236,243,.85);
  font-size: .82rem;
  font-weight: 700;
}

.kmlNewsBody input,
.kmlNewsBody select,
.kmlNewsBody textarea {
  width: 100%;
  min-height: 42px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 4px;
  background: #0b0e15;
  color: #e7ecf3;
  padding: 0 12px;
  font: inherit;
  outline: none;
}

.kmlNewsBody textarea { min-height: 88px; padding: 10px 12px; resize: vertical; }

.kmlNewsBody input:focus,
.kmlNewsBody select:focus,
.kmlNewsBody textarea:focus {
  border-color: #c9a02a;
  box-shadow: 0 0 0 2px rgba(201,160,42,.2);
}

.kmlNewsNotice {
  display: none;
  margin: 0 20px;
  border: 1px solid rgba(209,26,42,.45);
  border-radius: 4px;
  background: rgba(209,26,42,.12);
  color: #ff9a9a;
  padding: 9px 12px;
  font-size: .8rem;
  font-weight: 600;
}

.kmlNewsNotice.show { display: block; }

.kmlNewsFooter {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  border-top: 1px solid rgba(255,255,255,.07);
  padding: 14px 16px;
}

.kmlNewsCancel {
  min-height: 42px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 4px;
  background: transparent;
  color: #e7ecf3;
  padding: 0 16px;
  font-weight: 800;
  cursor: pointer;
}

.kmlNewsSubmit {
  min-height: 42px;
  border: 1px solid #c9a02a;
  border-radius: 4px;
  background: #f4c400;
  color: #101827;
  padding: 0 20px;
  font-weight: 900;
  cursor: pointer;
}

.kmlNewsSubmit:disabled { opacity: .6; cursor: not-allowed; }

.kmlMegaPostModal {
  position: fixed;
  inset: 0;
  z-index: 12000;
  display: grid;
  place-items: center;
  background: rgba(16,24,39,.42);
  padding: 22px;
}

.kmlMegaPostDialog {
  position: relative;
  display: grid;
  width: min(980px, 100%);
  max-height: min(760px, calc(100vh - 44px));
  overflow: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  background: #fff;
  border: 1px solid rgba(16,24,39,.10);
  border-radius: 4px;
  padding: 24px;
}

.kmlMegaPostDialog > span,
.kmlMegaPostDialog h2,
.kmlMegaPostDialog p,
.kmlMegaPostDialog .wide,
.kmlMegaPostSubmit {
  grid-column: 1 / -1;
}

.kmlMegaPostDialog h2 {
  margin: 0;
  color: #101827;
  font-size: 1.7rem;
}

.kmlMegaPostDialog p {
  margin: -4px 0 4px;
  color: #657184;
}

.kmlMegaPostDialog label {
  display: grid;
  gap: 6px;
  color: #101827;
  font-size: .86rem;
  font-weight: 900;
}

.kmlMegaPostDialog textarea {
  min-height: 96px;
  resize: vertical;
  padding-top: 12px;
}

.kmlMegaLocationBuilder {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 360px);
  gap: 12px;
  border: 1px solid rgba(16,24,39,.10);
  border-radius: 4px;
  background: #f7f8fa;
  padding: 12px;
}

.kmlMegaLocationFields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  align-content: start;
}

.kmlMegaLocationFields .kmlMegaRadiusField,
.kmlMegaRadiusPresets,
.kmlMegaGeoBtn {
  grid-column: 1 / -1;
}

.kmlMegaRadiusField {
  position: relative;
}

.kmlMegaRadiusField strong {
  position: absolute;
  top: 0;
  right: 0;
  color: #9a7600;
  font-size: .82rem;
}

.kmlMegaRadiusField input[type="range"] {
  accent-color: #f4c400;
  min-height: 32px;
  padding: 0;
}

.kmlMegaRadiusPresets {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 6px;
}

.kmlMegaRadiusPresets button,
.kmlMegaGeoBtn {
  min-height: 36px;
  border: 1px solid rgba(16,24,39,.12);
  border-radius: 4px;
  background: #fff;
  color: #101827;
  font-weight: 900;
  cursor: pointer;
}

.kmlMegaRadiusPresets button:hover,
.kmlMegaGeoBtn:hover {
  border-color: #c9a02a;
  background: rgba(244,196,0,.12);
}

.kmlMegaGeoBtn {
  background: #101827;
  color: #fff;
}

.kmlMegaMapPreview {
  --mega-radius-size: 35%;
  position: relative;
  min-height: 266px;
  overflow: hidden;
  border: 1px solid rgba(16,24,39,.12);
  border-radius: 4px;
  background: #eef1f5;
}

.kmlMegaLeafletMap {
  position: absolute;
  inset: 0;
  z-index: 0;
  opacity: 0;
  pointer-events: none;
}

.kmlMegaMapPreview.hasLiveMap .kmlMegaLeafletMap {
  opacity: 1;
  pointer-events: auto;
}

.kmlMegaMapPreview.hasLiveMap .kmlMegaMapGrid,
.kmlMegaMapPreview.hasLiveMap .kmlMegaMapCircle,
.kmlMegaMapPreview.hasLiveMap .kmlMegaMapPin {
  display: none;
}

.kmlMegaMapPreview .leaflet-container {
  font-family: inherit;
}

.kmlMegaMapGrid {
  position: absolute;
  inset: 18px;
  z-index: 1;
  border: 1px solid rgba(16,24,39,.10);
  border-radius: 4px;
  box-shadow:
    0 46px 0 rgba(255,255,255,.34),
    0 92px 0 rgba(255,255,255,.34),
    0 138px 0 rgba(255,255,255,.34),
    54px 0 0 rgba(255,255,255,.30),
    108px 0 0 rgba(255,255,255,.30),
    162px 0 0 rgba(255,255,255,.30),
    216px 0 0 rgba(255,255,255,.30);
}

.kmlMegaMapCircle {
  position: absolute;
  z-index: 2;
  width: var(--mega-radius-size);
  aspect-ratio: 1;
  left: 50%;
  top: 48%;
  transform: translate(-50%, -50%);
  border: 2px solid rgba(201,160,42,.82);
  border-radius: 50%;
  background: rgba(244,196,0,.16);
}

.kmlMegaMapPin {
  position: absolute;
  z-index: 3;
  width: 16px;
  height: 16px;
  left: 50%;
  top: 48%;
  transform: translate(-50%, -50%);
  border: 3px solid #fff;
  border-radius: 50%;
  background: #101827;
  box-shadow: 0 0 0 3px rgba(201,160,42,.55);
}

.kmlMegaMapHint {
  position: absolute;
  z-index: 4;
  top: 10px;
  left: 10px;
  border: 1px solid rgba(16,24,39,.10);
  border-radius: 4px;
  background: rgba(255,255,255,.94);
  color: #101827;
  padding: 7px 9px;
  font-size: .78rem;
  font-weight: 900;
}

.kmlMegaMapInfo {
  position: absolute;
  z-index: 4;
  left: 12px;
  right: 12px;
  bottom: 12px;
  display: grid;
  gap: 3px;
  border: 1px solid rgba(16,24,39,.10);
  border-radius: 4px;
  background: #fff;
  padding: 10px;
}

.kmlMegaMapInfo strong {
  color: #101827;
  font-size: 1rem;
}

.kmlMegaMapInfo span,
.kmlMegaMapInfo small {
  color: #657184;
  font-weight: 800;
}

.kmlMegaPostClose {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 36px;
  height: 36px;
  border: 1px solid rgba(16,24,39,.10);
  border-radius: 4px;
  background: #fff;
  color: #101827;
  cursor: pointer;
  font-size: 1.4rem;
  line-height: 1;
}

@media (max-width: 1180px) {
  .kmlMegaGrid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 820px) {
  .kmlMegaPlacePage { width: min(100vw - 22px, 100%); padding-top: 20px; }
  .kmlMegaPlaceHero { grid-template-columns: 42px minmax(0, 1fr); }
  .kmlMegaHeroActions { grid-column: 1 / -1; }
  .kmlMegaHeroActions .kmlMegaPublishBtn,
  .kmlMegaHeroActions .kmlMegaMineBtn { flex: 1 1 auto; width: auto; }
  .kmlMegaStats { grid-template-columns: 1fr; }
  .kmlMegaFilters { grid-template-columns: 1fr; }
  .kmlMegaGrid { grid-template-columns: 1fr; }
  .kmlMegaPostDialog { grid-template-columns: 1fr; padding: 20px; }
  .kmlMegaLocationBuilder { grid-template-columns: 1fr; }
  .kmlMegaLocationFields { grid-template-columns: 1fr; }
  .kmlMegaRadiusPresets { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Mega Place clean override: vence os efeitos antigos mantendo o card simples. */
html body:not(.preAuth) #kmlPersistentMarketShell .kmlPersistentMarketInner .marketTop.kmlMarketPrototypeTop.kmlPersistentMarketTop .marketMegaPlaceTop.kmlMegaClean,
html body #screenProcurar .kmlMarketPrototypeTop.marketTop .marketMegaPlaceTop.kmlMegaClean {
  animation: none !important;
  background: #f4c400 !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
  position: relative !important;
}

html body:not(.preAuth) #kmlPersistentMarketShell .kmlPersistentMarketInner .marketTop.kmlMarketPrototypeTop.kmlPersistentMarketTop .marketMegaPlaceTop.kmlMegaClean::before,
html body:not(.preAuth) #kmlPersistentMarketShell .kmlPersistentMarketInner .marketTop.kmlMarketPrototypeTop.kmlPersistentMarketTop .marketMegaPlaceTop.kmlMegaClean::after,
html body #screenProcurar .kmlMarketPrototypeTop.marketTop .marketMegaPlaceTop.kmlMegaClean::before,
html body #screenProcurar .kmlMarketPrototypeTop.marketTop .marketMegaPlaceTop.kmlMegaClean::after {
  animation: none !important;
  content: none !important;
  display: none !important;
}

html body:not(.preAuth) #kmlPersistentMarketShell .kmlPersistentMarketInner .marketTop.kmlMarketPrototypeTop.kmlPersistentMarketTop .marketMegaPlaceTop.kmlMegaClean .megaPlaceRunner,
html body:not(.preAuth) #kmlPersistentMarketShell .kmlPersistentMarketInner .marketTop.kmlMarketPrototypeTop.kmlPersistentMarketTop .marketMegaPlaceTop.kmlMegaClean .megaFireFrame,
html body:not(.preAuth) #kmlPersistentMarketShell .kmlPersistentMarketInner .marketTop.kmlMarketPrototypeTop.kmlPersistentMarketTop .marketMegaPlaceTop.kmlMegaClean .megaFire,
html body #screenProcurar .kmlMarketPrototypeTop.marketTop .marketMegaPlaceTop.kmlMegaClean .megaPlaceRunner,
html body #screenProcurar .kmlMarketPrototypeTop.marketTop .marketMegaPlaceTop.kmlMegaClean .megaFireFrame,
html body #screenProcurar .kmlMarketPrototypeTop.marketTop .marketMegaPlaceTop.kmlMegaClean .megaFire {
  animation: none !important;
  display: none !important;
}

/* Mega Place limpo: sem fogo, sem borda animada e sem brilho externo. */
body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop,
#screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop {
  animation: none !important;
  background: #f4c400 !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
  position: relative !important;
}

body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop::before,
body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop::after,
#screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop::before,
#screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop::after {
  animation: none !important;
  content: none !important;
  display: none !important;
}

body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop .megaPlaceRunner,
body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop .megaFireFrame,
body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop .megaFire,
#screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop .megaPlaceRunner,
#screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop .megaFireFrame,
#screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop .megaFire {
  animation: none !important;
  display: none !important;
}

body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop .megaPlaceLabel,
body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop .megaPlaceNew,
#screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop .megaPlaceLabel,
#screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop .megaPlaceNew {
  position: relative !important;
  z-index: 1 !important;
}

/* Mega Place runner: faixa de luz percorrendo a borda do card. */
body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop,
#screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop {
  animation: kmlMegaRunnerGlow 1.65s ease-in-out infinite alternate !important;
  background: #f4c400 !important;
  border: 0 !important;
  box-shadow: inset 0 0 0 1px rgba(112, 74, 0, .20), 0 0 14px rgba(255, 61, 18, .18) !important;
  isolation: isolate !important;
  overflow: hidden !important;
  position: relative !important;
}

body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop::before,
#screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop::before {
  animation: none !important;
  background: linear-gradient(90deg, rgba(255, 231, 128, .92), rgba(255, 62, 18, .55)) !important;
  border-radius: 4px !important;
  content: "" !important;
  display: block !important;
  filter: none !important;
  inset: 0 !important;
  opacity: .72 !important;
  padding: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
  z-index: 0 !important;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop::after,
#screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop::after {
  animation: none !important;
  background: #f4c400 !important;
  border-radius: 3px !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .13) !important;
  content: "" !important;
  display: block !important;
  filter: none !important;
  inset: 2px !important;
  opacity: 1 !important;
  padding: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
  z-index: 1 !important;
  -webkit-mask: none !important;
  mask: none !important;
}

body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop .megaPlaceRunner,
#screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop .megaPlaceRunner {
  animation: kmlMegaRunnerLap 1.8s linear infinite !important;
  background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 238, .98) 34%, #ff3917 62%, #ffe06f 84%, transparent 100%) !important;
  border-radius: 999px !important;
  box-shadow: 0 0 7px rgba(255, 232, 122, .86), 0 0 13px rgba(255, 55, 20, .58) !important;
  display: block !important;
  filter: saturate(1.25) !important;
  height: 4px !important;
  left: 0 !important;
  offset-anchor: center !important;
  offset-distance: 0%;
  offset-path: path("M 7 2 H 180 V 41 H 7 V 2") !important;
  offset-rotate: auto !important;
  opacity: 1 !important;
  pointer-events: none !important;
  position: absolute !important;
  top: 0 !important;
  transform: translate(-50%, -50%);
  width: 48px !important;
  z-index: 4 !important;
}

body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop .megaPlaceLabel,
body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop .megaPlaceNew,
#screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop .megaPlaceLabel,
#screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop .megaPlaceNew {
  position: relative !important;
  z-index: 5 !important;
}

@keyframes kmlMegaRunnerLap {
  to { offset-distance: 100%; }
}

@keyframes kmlMegaRunnerGlow {
  from { box-shadow: inset 0 0 0 1px rgba(112, 74, 0, .20), 0 0 10px rgba(244, 196, 0, .16); }
  to { box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .18), 0 0 17px rgba(255, 61, 18, .28); }
}

@supports not (offset-path: path("M 0 0 H 1")) {
  body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop .megaPlaceRunner,
  #screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop .megaPlaceRunner {
    animation: kmlMegaRunnerFallback 1.8s linear infinite !important;
    offset-path: none !important;
    transform-origin: center !important;
  }
}

@keyframes kmlMegaRunnerFallback {
  0% { transform: translate(6px, 2px) rotate(0deg); }
  24% { transform: translate(133px, 2px) rotate(0deg); }
  25% { transform: translate(164px, 20px) rotate(90deg); }
  49% { transform: translate(164px, 22px) rotate(90deg); }
  50% { transform: translate(133px, 39px) rotate(180deg); }
  74% { transform: translate(6px, 39px) rotate(180deg); }
  75% { transform: translate(-16px, 20px) rotate(270deg); }
  100% { transform: translate(-16px, 2px) rotate(270deg); }
}

/* Mega Place: linha de energia girando ao redor do card. */
body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop,
#screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop {
  animation: kmlMegaPlaceHalo 1.8s ease-in-out infinite alternate !important;
  background: #f4c400 !important;
  border: 0 !important;
  overflow: hidden !important;
  position: relative !important;
}

body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop::before,
#screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop::before {
  animation: kmlMegaPlaceOrbit 1.55s linear infinite !important;
  background:
    conic-gradient(
      from 0deg,
      rgba(255, 230, 120, 0) 0deg,
      rgba(255, 230, 120, 0) 214deg,
      rgba(255, 255, 238, .98) 235deg,
      #ff3a16 252deg,
      #ffd33d 272deg,
      rgba(255, 230, 120, 0) 296deg,
      rgba(255, 230, 120, 0) 360deg
    ) !important;
  border-radius: 999px !important;
  content: "" !important;
  display: block !important;
  filter: saturate(1.2) !important;
  height: 220px !important;
  inset: 50% auto auto 50% !important;
  margin: -110px 0 0 -110px !important;
  opacity: 1 !important;
  padding: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
  width: 220px !important;
  z-index: 0 !important;
  -webkit-mask: none !important;
  mask: none !important;
}

body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop::after,
#screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop::after {
  animation: none !important;
  background: #f4c400 !important;
  border-radius: 3px !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .16) !important;
  content: "" !important;
  display: block !important;
  filter: none !important;
  inset: 2px !important;
  opacity: 1 !important;
  padding: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
  z-index: 1 !important;
  -webkit-mask: none !important;
  mask: none !important;
}

body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop .megaPlaceLabel,
body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop .megaPlaceNew,
#screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop .megaPlaceLabel,
#screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop .megaPlaceNew {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes kmlMegaPlaceOrbit {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@keyframes kmlMegaPlaceHalo {
  from {
    box-shadow: 0 0 0 1px rgba(244, 196, 0, .30), 0 0 10px rgba(244, 196, 0, .18);
  }
  to {
    box-shadow: 0 0 0 1px rgba(255, 58, 22, .42), 0 0 16px rgba(255, 58, 22, .26);
  }
}

@media (prefers-reduced-motion: reduce) {
  body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop,
  #screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop,
  body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop::before,
  #screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop::before {
    animation: none !important;
  }
}

body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop b,
#screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop b {
  height: 19px !important;
  min-height: 19px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* ===== Editor packages: abas, foco e loading ===== */
#screenEditor .edPkgTab,
#screenEditor .edPkgTabBadge,
#screenEditor .edFrelaFilterBtn,
#screenEditor .edPkgEmptyState,
#screenEditor .myPkgItem,
#screenEditor .myPkgRemove,
#screenEditor #edFrelasClock {
  border-radius: 4px !important;
}

#screenEditor .edPkgTab.active,
#screenEditor .edFrelaFilterBtn.active {
  background: rgba(201,160,42,.15) !important;
  border-color: rgba(201,160,42,.70) !important;
  color: #8a6b10 !important;
  box-shadow: none !important;
}

#screenEditor .edPkgTab:focus-visible,
#screenEditor .edFrelaFilterBtn:focus-visible,
#screenEditor .myPkgRemove:focus-visible {
  outline: 2px solid #c9a02a !important;
  outline-offset: 2px !important;
}

#screenEditor .edPkgTabBadge {
  min-width: 22px !important;
  min-height: 20px !important;
  padding: 0 6px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(8,11,20,.08) !important;
}

#screenEditor .edPkgInlineEmpty {
  padding: 28px 16px !important;
  border: 1px solid rgba(8,11,20,.10) !important;
  border-radius: 4px !important;
  background: rgba(255,255,255,.72) !important;
  color: #6b7280 !important;
  text-align: center !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

#screenEditor .edPkgInlineEmpty.is-error {
  border-color: rgba(190,18,60,.18) !important;
  background: rgba(190,18,60,.06) !important;
  color: #9f1239 !important;
}

#screenEditor .edPkgSkeleton {
  display: grid !important;
  gap: 10px !important;
  padding: 12px 0 !important;
}

#screenEditor .edPkgSkeletonCard {
  min-height: 76px !important;
  display: grid !important;
  grid-template-columns: 54px 1fr !important;
  grid-template-rows: 18px 16px !important;
  gap: 10px 12px !important;
  align-items: center !important;
  padding: 12px !important;
  border: 1px solid rgba(8,11,20,.10) !important;
  border-radius: 4px !important;
  background: rgba(255,255,255,.70) !important;
}

#screenEditor .edPkgSkeletonCard i,
#screenEditor .edPkgSkeletonCard span {
  display: block !important;
  border-radius: 4px !important;
  background: linear-gradient(90deg, rgba(8,11,20,.08), rgba(8,11,20,.16), rgba(8,11,20,.08)) !important;
  background-size: 220% 100% !important;
  animation: edPkgSkeletonSweep 1.1s ease-in-out infinite !important;
}

#screenEditor .edPkgSkeletonCard i {
  grid-row: 1 / span 2 !important;
  width: 54px !important;
  height: 52px !important;
}

#screenEditor .edPkgSkeletonCard span:first-of-type {
  width: 68% !important;
  height: 16px !important;
}

#screenEditor .edPkgSkeletonCard span:last-of-type {
  width: 44% !important;
  height: 13px !important;
}

#screenEditor .edPkgSkeletonText {
  color: #6b7280 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-align: center !important;
}

@keyframes edPkgSkeletonSweep {
  0% { background-position: 120% 0; }
  100% { background-position: -120% 0; }
}

/* ===== Noticias: mapa estatico, cores neutras e estados ===== */
#screenNoticias .kj-card,
#screenNoticias .kj-filter-btn,
#screenNoticias .kj-tag,
#screenNoticias .kj-article__highlight,
#screenNoticias .kmlPushOption,
#screenNoticias #kjGlobeWrap,
#screenNoticias #kjGlobeTooltip {
  border-radius: 4px !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

#screenNoticias .kj-filter-btn {
  background: rgba(255,255,255,.78) !important;
  border: 1px solid rgba(17,24,39,.13) !important;
  color: #4b5563 !important;
}

#screenNoticias .kj-filter-btn:hover,
#screenNoticias .kj-filter-btn:focus-visible {
  border-color: rgba(201,160,42,.55) !important;
  background: rgba(201,160,42,.10) !important;
  outline: 2px solid rgba(201,160,42,.65) !important;
  outline-offset: 2px !important;
}

#screenNoticias .kj-filter-btn--active {
  border-color: rgba(201,160,42,.70) !important;
  background: rgba(201,160,42,.15) !important;
  color: #8a6b10 !important;
}

#screenNoticias .kj-tag {
  background: rgba(17,24,39,.07) !important;
  border: 1px solid rgba(17,24,39,.10) !important;
  color: #4b5563 !important;
}

#screenNoticias .kj-tag--plataforma,
#screenNoticias .kj-tag--mercado,
#screenNoticias .kj-tag--dica,
#screenNoticias .kj-tag--manchete,
#screenNoticias .kj-tag--tendencias,
#screenNoticias .kj-tag--precos,
#screenNoticias .kj-tag--ferramentas,
#screenNoticias .kj-tag--nichos,
#screenNoticias .kj-tag--oportunidades,
#screenNoticias .kj-tag--dados,
#screenNoticias .kj-tag--ia {
  background: rgba(201,160,42,.12) !important;
  border-color: rgba(201,160,42,.22) !important;
  color: #8a6b10 !important;
}

#screenNoticias .kj-c-purple,
#screenNoticias .kj-tag--nichos,
#screenNoticias .kj-tag--ia {
  color: #6f7a8f !important;
}

#screenNoticias .kj-article__highlight {
  color: #8a6b10 !important;
  background: rgba(201,160,42,.10) !important;
  border-left: 2px solid #c9a02a !important;
}

#screenNoticias .kmlPushOption input {
  accent-color: #c9a02a !important;
}

#screenNoticias .kj-ai-badge {
  border-radius: 4px !important;
  background: rgba(201,160,42,.14) !important;
  color: #8a6b10 !important;
}

#screenNoticias #kjGlobeTooltip {
  background: #0a0d18 !important;
  border: 1px solid rgba(255,255,255,.12) !important;
}

#screenNoticias .kjStaticMap {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 260px !important;
  gap: 18px !important;
  align-items: stretch !important;
  padding: 18px !important;
  background: #080b14 !important;
  color: #f5f7fb !important;
}

#screenNoticias .kjStaticMapSvg {
  width: 100% !important;
  height: 100% !important;
  min-height: 300px !important;
}

#screenNoticias .kjStaticMapSvg rect {
  fill: #0a0d18 !important;
}

#screenNoticias .kjMapLand {
  fill: rgba(255,255,255,.075) !important;
  stroke: rgba(255,255,255,.12) !important;
  stroke-width: 1.3 !important;
}

#screenNoticias .kjStaticHotspot {
  outline: none !important;
}

#screenNoticias .kjStaticHotspotRing {
  fill: rgba(201,160,42,.10) !important;
  stroke: rgba(201,160,42,.26) !important;
  stroke-width: 1 !important;
}

#screenNoticias .kjStaticHotspotDot {
  fill: #c9a02a !important;
  stroke: rgba(255,255,255,.65) !important;
  stroke-width: 1 !important;
}

#screenNoticias .kjStaticHotspot text {
  fill: rgba(245,247,251,.78) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  text-anchor: middle !important;
}

#screenNoticias .kjStaticMapPanel {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  padding: 16px !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 4px !important;
  background: rgba(255,255,255,.045) !important;
}

#screenNoticias .kjStaticMapKicker {
  color: #c9a02a !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

#screenNoticias .kjStaticMapPanel strong {
  color: #ffffff !important;
  font-size: 16px !important;
  line-height: 1.25 !important;
}

#screenNoticias .kjStaticRegionList {
  display: grid !important;
  gap: 8px !important;
}

#screenNoticias .kjStaticRegion {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  gap: 2px 10px !important;
  padding: 10px !important;
  border-radius: 4px !important;
  background: rgba(255,255,255,.055) !important;
}

#screenNoticias .kjStaticRegion span {
  color: #f5f7fb !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

#screenNoticias .kjStaticRegion b {
  color: #c9a02a !important;
  font-size: 13px !important;
}

#screenNoticias .kjStaticRegion small {
  grid-column: 1 / -1 !important;
  color: rgba(245,247,251,.58) !important;
  font-size: 11px !important;
}

#screenNoticias .kjStaticLegend {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 8px !important;
  border-radius: 4px !important;
  background: rgba(10,13,24,.86) !important;
  color: rgba(245,247,251,.78) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
}

#screenNoticias .kjStaticLegend i {
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
}

#screenNoticias .kjNewsSkeletonList {
  display: grid !important;
  gap: 10px !important;
  width: 100% !important;
}

#screenNoticias .kjNewsSkeletonCard {
  display: grid !important;
  gap: 8px !important;
  min-height: 96px !important;
  padding: 12px !important;
  border: 1px solid rgba(17,24,39,.10) !important;
  border-radius: 4px !important;
  background: rgba(255,255,255,.68) !important;
}

#screenNoticias .kjNewsSkeletonCard i,
#screenNoticias .kjNewsSkeletonCard span,
#screenNoticias .kjNewsSkeletonCard b {
  display: block !important;
  height: 12px !important;
  border-radius: 4px !important;
  background: linear-gradient(90deg, rgba(17,24,39,.07), rgba(17,24,39,.16), rgba(17,24,39,.07)) !important;
  background-size: 220% 100% !important;
  animation: kjNewsSkeletonSweep 1.1s ease-in-out infinite !important;
}

#screenNoticias .kjNewsSkeletonCard i {
  width: 72px !important;
  height: 18px !important;
}

#screenNoticias .kjNewsSkeletonCard span:first-of-type {
  width: 78% !important;
  height: 16px !important;
}

#screenNoticias .kjNewsSkeletonCard span:last-of-type {
  width: 62% !important;
}

#screenNoticias .kjNewsSkeletonCard b {
  width: 42% !important;
}

#screenNoticias .kj-feed-empty {
  display: grid !important;
  place-items: center !important;
  gap: 10px !important;
  min-height: 180px !important;
  padding: 26px !important;
  border: 1px solid rgba(17,24,39,.10) !important;
  border-radius: 4px !important;
  background: rgba(255,255,255,.70) !important;
  color: #6b7280 !important;
  text-align: center !important;
}

#screenNoticias .kj-feed-empty svg {
  color: #c9a02a !important;
}

#screenNoticias .kj-feed-empty p {
  margin: 0 !important;
  color: #4b5563 !important;
  font-weight: 750 !important;
}

@keyframes kjNewsSkeletonSweep {
  0% { background-position: 120% 0; }
  100% { background-position: -120% 0; }
}

@media (max-width: 760px) {
  #screenNoticias .kjStaticMap {
    grid-template-columns: 1fr !important;
    padding: 12px !important;
  }

  #screenNoticias #kjGlobeWrap {
    height: auto !important;
    min-height: 560px !important;
  }
}

/* ===== Denuncias: painel do denunciante + limpeza visual ===== */
:root {
  --den-radius: 4px !important;
  --den-radius-sm: 4px !important;
  --den-radius-xs: 4px !important;
  --den-accent: #c9a02a !important;
  --den-accent-dim: rgba(201,160,42,.15) !important;
  --den-glass: #0a0d18 !important;
  --den-glass-border: rgba(255,255,255,.10) !important;
  --den-success: #5dca7a !important;
  --den-info: #8ea1c6 !important;
}

.denOverlay,
.denSuccessOverlay,
.denAdminOverlay,
.denMyOverlay {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  background: rgba(8, 11, 20, .74) !important;
}

.denModal,
.denSuccessCard,
.denAdminPanel,
.denMyPanel,
.denTargetCard,
.denDetailCell,
.denDetailDesc,
.denCtxMsgs,
.denCtxProfile,
.denCtxDescBlock,
.denAdminRow,
.denMyCard {
  border-radius: 4px !important;
  box-shadow: 0 4px 16px rgba(0,0,0,.24) !important;
}

.denModal,
.denSuccessCard,
.denAdminPanel,
.denMyPanel {
  background: #0a0d18 !important;
}

.denModalHead,
.denTargetAvatar,
.denTargetSnippet,
.denReasonItem,
.denDescArea,
.denModalBtn,
.denModalClose,
.denSuccessBtn,
.denBadge,
.denFilterChip,
.denAdminBtn,
.denDetailBack,
.denActionBtn,
.denRowAvatar,
.denRowType,
.denCtxProfileAvatar,
.denAnaliseBar {
  border-radius: 4px !important;
}

.denTargetAvatar,
.denCtxProfileAvatar {
  background: rgba(255,255,255,.06) !important;
  color: #ffffff !important;
}

.denBadge,
.denBadge--analise,
.denBadge--enviada,
.denBadge--analisado,
.denBadge--rejeitado {
  animation: none !important;
}

.denSuccessActions {
  display: flex !important;
  justify-content: center !important;
  gap: 10px !important;
  margin-top: 20px !important;
}

.denSuccessBtn {
  margin-top: 0 !important;
}

.denSuccessBtn.primary,
.denMyBtn {
  background: #c9a02a !important;
  color: #10131c !important;
  border: 1px solid #c9a02a !important;
  font-weight: 800 !important;
}

.denMyOverlay {
  position: fixed !important;
  inset: 0 !important;
  z-index: 100000 !important;
  display: flex !important;
  align-items: stretch !important;
  justify-content: center !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity .22s ease !important;
}

.denMyOverlay.show {
  opacity: 1 !important;
  pointer-events: auto !important;
}

.denMyPanel {
  width: min(980px, calc(100vw - 32px)) !important;
  max-height: calc(100vh - 32px) !important;
  margin: 16px !important;
  display: flex !important;
  flex-direction: column !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  overflow: hidden !important;
  transform: translateY(14px) !important;
  transition: transform .26s cubic-bezier(.4,0,.2,1) !important;
}

.denMyOverlay.show .denMyPanel {
  transform: translateY(0) !important;
}

.denMyHead {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  padding: 16px 20px !important;
  border-bottom: 1px solid rgba(255,255,255,.10) !important;
}

.denMyTitle {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  color: #f5f6fb !important;
  font-size: 18px !important;
  font-weight: 850 !important;
}

.denMyTitleIcon {
  width: 32px !important;
  height: 32px !important;
  border-radius: 4px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #c9a02a !important;
  background: rgba(201,160,42,.14) !important;
}

.denMyClose,
.denMyBtn {
  min-height: 36px !important;
  padding: 0 14px !important;
  border-radius: 4px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  background: rgba(255,255,255,.06) !important;
  color: #f5f6fb !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
}

.denMyClose:hover,
.denMyClose:focus-visible {
  background: rgba(255,255,255,.10) !important;
  outline: 2px solid rgba(201,160,42,.7) !important;
  outline-offset: 2px !important;
}

.denMyBody {
  flex: 1 !important;
  overflow-y: auto !important;
  padding: 18px 20px 22px !important;
  display: grid !important;
  gap: 12px !important;
}

.denMyLoading,
.denMyEmpty {
  padding: 36px 20px !important;
  text-align: center !important;
  color: rgba(245,246,251,.72) !important;
}

.denMyEmptyIcon svg {
  width: 34px !important;
  height: 34px !important;
  color: #c9a02a !important;
}

.denMyEmpty h3 {
  margin: 12px 0 6px !important;
  color: #ffffff !important;
  font-size: 18px !important;
}

.denMyEmpty p {
  max-width: 420px !important;
  margin: 0 auto 18px !important;
  line-height: 1.5 !important;
}

.denMyCard {
  padding: 16px !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  background: rgba(255,255,255,.035) !important;
}

.denMyCardHead {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 14px !important;
}

.denMyProtocol {
  display: inline-flex !important;
  margin-bottom: 7px !important;
  color: #c9a02a !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

.denMyCard h3 {
  margin: 0 !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 850 !important;
}

.denMyCard p {
  margin: 4px 0 0 !important;
  color: rgba(245,246,251,.62) !important;
  line-height: 1.45 !important;
}

.denMyMeta {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin: 14px 0 !important;
}

.denMyMeta span,
.denMyResult {
  padding: 10px 12px !important;
  border-radius: 4px !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  background: rgba(255,255,255,.035) !important;
  color: rgba(245,246,251,.72) !important;
  font-size: 13px !important;
}

.denMyMeta b,
.denMyResult b {
  display: block !important;
  margin-bottom: 4px !important;
  color: rgba(245,246,251,.48) !important;
  font-size: 10px !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

.denMyTimeline {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin: 0 0 14px !important;
  padding: 0 !important;
  list-style: none !important;
}

.denMyTimeline li {
  position: relative !important;
  display: flex !important;
  gap: 9px !important;
  min-height: 52px !important;
  padding: 10px !important;
  border-radius: 4px !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  background: rgba(255,255,255,.025) !important;
}

.denMyTimeline li.isDone {
  border-color: rgba(201,160,42,.32) !important;
  background: rgba(201,160,42,.08) !important;
}

.denMyTimelineDot {
  width: 9px !important;
  height: 9px !important;
  margin-top: 4px !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,.22) !important;
  flex: 0 0 auto !important;
}

.denMyTimeline li.isDone .denMyTimelineDot {
  background: #c9a02a !important;
}

.denMyTimelineText b,
.denMyTimelineText small {
  display: block !important;
}

.denMyTimelineText b {
  color: #ffffff !important;
  font-size: 12px !important;
}

.denMyTimelineText small {
  margin-top: 2px !important;
  color: rgba(245,246,251,.56) !important;
  font-size: 11px !important;
}

.denMyResult {
  margin-top: 0 !important;
}

.denMyResult p {
  margin: 0 !important;
  color: rgba(245,246,251,.74) !important;
}

.cmBtn.denMyMenuItem .cmIco svg,
.cmBtn.denAdminMenuItem .cmIco svg {
  width: 22px !important;
  height: 22px !important;
}

@media (max-width: 640px) {
  .denSuccessActions,
  .denMyCardHead {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .denMyPanel {
    width: calc(100vw - 16px) !important;
    max-height: calc(100vh - 16px) !important;
    margin: 8px !important;
  }

  .denMyMeta,
  .denMyTimeline {
    grid-template-columns: 1fr !important;
  }
}

/* Passada final: idioma do menu, overlays legados e reset sem blur */
.kmlMarketMoreItemLang .kmlLangMiniToggle {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: #6b7280 !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  letter-spacing: .08em !important;
}

.kmlMarketMoreItemLang .kmlLangMiniToggle b {
  color: #8a93a3 !important;
  font: inherit !important;
}

.kmlMarketMoreItemLang .kmlLangMiniToggle b.is-active {
  color: #c9a02a !important;
}

.kmlMarketMoreItemLang .kmlLangMiniToggle i {
  color: #cbd5e1 !important;
  font-style: normal !important;
}

#kmlResetSenhaOverlay,
#kmlWorkspaceOverlay {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

#kmlResetSenhaOverlay {
  background: rgba(8,11,20,.72) !important;
}

#kmlResetSenhaOverlay > div,
#kmlWsClientFormModal > div {
  border-radius: 4px !important;
  box-shadow: 0 4px 16px rgba(0,0,0,.25) !important;
}

#kmlResetSenhaMsg,
#kmlWsClientFormModal input,
#kmlWsClientFormModal textarea,
#kmlWsClientFormModal select,
#kmlWsClientFormModal button {
  border-radius: 4px !important;
}

#kmlWsClientFormModal button[onclick*="kmlWsClientSave"] {
  background: #c9a02a !important;
  color: #10131b !important;
}

.kmlWsAccessDenied {
  max-width: 520px !important;
  margin: 70px auto 0 !important;
}

.kmlWsAccessDenied button {
  min-height: 36px !important;
  margin-top: 18px !important;
  padding: 0 16px !important;
  border-radius: 4px !important;
  border: 1px solid rgba(201,160,42,.42) !important;
  background: #c9a02a !important;
  color: #10131b !important;
  font-weight: 850 !important;
  cursor: pointer !important;
}

/* Passada final: modais gerados por JS com visual antigo */
#kmlCheckEmailOverlay,
#kmlLinkWarnOverlay,
#kmlClientBriefingModal {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  background: rgba(8,11,20,.74) !important;
}

#kmlCheckEmailCard,
#kmlLinkWarnOverlay > div,
#kmlClientBriefingModal > div,
.kmlLeadsPaywallCard {
  border-radius: 4px !important;
  background: #0d111c !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 0 4px 16px rgba(0,0,0,.28) !important;
}

#kmlCheckEmailCard *,
#kmlLinkWarnOverlay [style*="border-radius"],
#kmlClientBriefingModal [style*="border-radius"],
.kmlLeadsPaywallCard,
.kmlLeadsPaywallCard *,
#pixStatusMsg,
#bancoPPSaveBtn {
  border-radius: 4px !important;
}

#kmlCheckEmailCard [style*="linear-gradient"],
#kmlLeadsBtnMP,
#bancoPPSaveBtn,
.osBtnMP,
.osBtnPaypal {
  background: #c9a02a !important;
  color: #10131b !important;
  box-shadow: none !important;
}

#kmlCheckEmailOverlay [style*="box-shadow"],
#kmlClientBriefingModal [style*="box-shadow"],
.kmlLeadsPaywallCard [style*="box-shadow"],
.osBtnMP,
.osBtnPaypal {
  box-shadow: none !important;
}

#kmlLinkWarnOverlay button,
#kmlClientBriefingModal button,
#kmlLeadsBtnMP,
#kmlLeadsBtnPP,
.osPayTag,
.osStatusBadge,
.osEditorCard,
.osOrderDetails,
.osBreakdownRow {
  border-radius: 4px !important;
}

#kmlLinkWarnContinue {
  background: #c9a02a !important;
  color: #10131b !important;
}

#kmlClientBriefingModal [style*="color:#4ade80"],
.osStatusBadge,
.osDot,
.osBreakdownGreen .osBreakAmt,
#pixStatusMsg [style*="#22c55e"],
#bancoPPSaveBtn + *,
#screenBanco [style*="color:#22c55e"] {
  color: #c9a02a !important;
}

.osDot {
  background: #c9a02a !important;
  animation: none !important;
}

#kmlWorkspaceOverlay [style*="border-radius"] {
  border-radius: 4px !important;
}

#kmlWorkspaceOverlay [style*="linear-gradient(135deg,rgba(124,58,237"],
#kmlWorkspaceOverlay [style*="repeating-linear-gradient"],
#kmlWorkspaceOverlay [style*="rgba(124,58,237"] {
  background: #0d111c !important;
  background-image: none !important;
}

#kmlWorkspaceOverlay [style*="#22c55e"],
#kmlWorkspaceOverlay [style*="#27ae60"],
#kmlWorkspaceOverlay [style*="#a78bfa"],
#kmlWorkspaceOverlay [style*="rgba(74,222,128"] {
  color: #c9a02a !important;
}

#kmlWorkspaceOverlay button[style*="#22c55e"],
#kmlWorkspaceOverlay button[style*="#27ae60"] {
  background: rgba(201,160,42,.12) !important;
  color: #d7b85b !important;
}

#kmlWorkspaceOverlay [style*="rgba(124,58,237"],
#kmlWorkspaceOverlay [style*="rgba(91,33,182"] {
  border-color: rgba(201,160,42,.28) !important;
  color: #d7b85b !important;
}

/* ===== Backlog final pass: editor, banco, workspace e inputs claros ===== */
#screenEditorSolicitacoes {
  display: none !important;
}

#screenEditor .editorStickyStatusBar {
  gap: 10px !important;
}

#screenEditor .editorStickyMetric {
  min-width: 76px !important;
}

#screenEditor .editorStickyMetric strong,
#screenEditor #edStickyBalance {
  white-space: nowrap !important;
  letter-spacing: 0 !important;
}

#screenEditor .epV3-statusDot,
#screenEditor .editorStickyDot,
.eCardOnline {
  box-shadow: none !important;
  filter: none !important;
}

#screenEditor .epV3-hero {
  background-color: #0a0d18 !important;
  background-image: none !important;
}

#screenEditor .epV3-avatar,
#screenEditor .epV3-avatar img,
.eCardTopLeft .avatar,
.eCardTopLeft .avatar img,
.eCardTopLeft .eCardAvatar,
.eCardTopLeft .eCardAvatar img {
  border-radius: 50% !important;
  box-shadow: none !important;
}

.eCardTopLeft .avatar,
.eCardTopLeft .eCardAvatar {
  border: 1px solid rgba(17,24,39,.14) !important;
  background: #111827 !important;
  background-image: none !important;
}

#screenClientProfile .fvWrap,
#screenClientProfile .fvTextarea,
#screenClientProfile .fvTitleInput,
#screenClientProfile .fvInput,
#screenClientProfile .fvPublish,
#screenClientProfile .cpBtnPublish,
#screenClientProfile .cpTabBar,
#screenClientProfile .cpTab,
#screenClientProfile .cpBadge,
#screenClientProfile .cpChip {
  border-radius: 4px !important;
}

#screenClientProfile .fvTextarea,
#screenClientProfile .fvTitleInput,
#screenClientProfile .fvInput,
#screenClientProfile textarea,
#screenClientProfile input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
#screenClientProfile select {
  background: #ffffff !important;
  color: #111827 !important;
  border: 1px solid rgba(17,24,39,.14) !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

#screenClientProfile .fvTextarea::placeholder,
#screenClientProfile .fvTitleInput::placeholder,
#screenClientProfile .fvInput::placeholder,
#screenClientProfile input::placeholder,
#screenClientProfile textarea::placeholder {
  color: #8b95a5 !important;
}

#screenClientProfile .cpBtnPublish,
#screenClientProfile .fvPublish {
  background: #c9a02a !important;
  color: #10131b !important;
  box-shadow: none !important;
  background-image: none !important;
}

#screenClientProfile .cpChip[aria-pressed="true"],
#screenClientProfile .cpChip.cpChipOn,
#screenClientProfile .cpTab.active {
  background: rgba(201,160,42,.14) !important;
  color: #8a6b10 !important;
  border-color: rgba(201,160,42,.48) !important;
}

#screenBanco .banco-balance-card,
#screenBanco .banco-card,
#screenBanco .banco-account-state,
#screenBanco .banco-history-row,
#screenBanco .banco-historico__empty,
#screenBanco .banco-projection-card,
#screenBanco .banco-simulator-card,
#screenBanco .banco-status-pill,
#screenBanco .banco-pagination button,
#screenBanco [class*="card"],
#screenBanco [style*="border-radius"] {
  border-radius: 4px !important;
}

#screenBanco .banco-balance-card,
#screenBanco .banco-card,
#screenBanco .banco-account-state,
#screenBanco .banco-projection-card,
#screenBanco .banco-simulator-card {
  background: #0a0d18 !important;
  background-image: none !important;
  box-shadow: 0 4px 16px rgba(0,0,0,.22) !important;
}

#screenBanco .banco-balance-card__bg,
#screenBanco [style*="linear-gradient"],
#screenBanco [style*="radial-gradient"] {
  background: transparent !important;
  background-image: none !important;
}

#screenBanco .banco-balance-card__value,
#screenBanco [style*="#22c55e"],
#screenBanco [style*="text-shadow"] {
  color: #d7b85b !important;
  text-shadow: none !important;
}

#screenBanco .banco-ring-fill--green {
  stroke: #5dca7a !important;
  filter: none !important;
}

#screenNoticias .kj-card,
#screenNoticias .kj-filter-btn,
#screenNoticias .kj-tag,
#screenNoticias .kj-article__highlight,
#screenNoticias .kmlPushOption {
  border-radius: 4px !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

#screenNoticias .kj-filter-btn--active,
#screenNoticias .kj-article__highlight {
  border-color: #c9a02a !important;
  color: #c9a02a !important;
}

#screenNoticias .kj-tag--nichos,
#screenNoticias .kj-tag--ia,
#screenNoticias .kj-c-purple {
  color: #8ea1c6 !important;
  background: rgba(142,161,198,.12) !important;
}

#screenNoticias .kmlPushOption input {
  accent-color: #c9a02a !important;
}

#kmlPersistentMarketShell .iconBtn:focus-visible,
.marketTop .iconBtn:focus-visible {
  outline: 2px solid #c9a02a !important;
  outline-offset: 2px !important;
}

.marketTop .marketSort:focus,
#kmlPersistentMarketShell .kmlMarketTopSearch:focus-within {
  border-color: #c9a02a !important;
  outline: 2px solid rgba(201,160,42,.25) !important;
  outline-offset: 2px !important;
}

#screenEditor .edPkgTab,
#screenEditor .edPkgTabBadge,
#screenEditor .edFrelaFilterBtn,
#screenEditor .edPkgEmptyState,
#screenEditor .myPkgItem {
  border-radius: 4px !important;
  box-shadow: none !important;
}

#screenEditor .edPkgTab.active,
#screenEditor .edFrelaFilterBtn.active {
  background: rgba(201,160,42,.15) !important;
  box-shadow: none !important;
}

#screenEditor .edPkgTab:focus-visible,
#screenEditor .edFrelaFilterBtn:focus-visible {
  outline: 2px solid #c9a02a !important;
  outline-offset: 2px !important;
}

#kmlWorkspaceOverlay [style*="border-radius:999px"],
#kmlWorkspaceOverlay [style*="border-radius:12px"],
#kmlWorkspaceOverlay [style*="border-radius:10px"],
#kmlWorkspaceOverlay [style*="border-radius:8px"],
#kmlWorkspaceOverlay [style*="border-radius:6px"],
#kmlResetSenhaOverlay,
#kmlResetSenhaOverlay [style*="border-radius"] {
  border-radius: 4px !important;
}

#kmlResetSenhaOverlay {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

#kmlResetSenhaOverlay > div {
  background: #0a0d18 !important;
  box-shadow: 0 4px 16px rgba(0,0,0,.32) !important;
}

.kmlWsAudit div {
  grid-template-columns: 90px minmax(120px,1fr) auto minmax(150px,1.5fr) !important;
}

@media (max-width: 760px) {
  .kmlWsAudit div {
    grid-template-columns: 1fr !important;
  }
}

/* ===== Page scan fixes: noticias contrast + direct frela access clarity ===== */
#screenNoticias .kj-card,
#screenNoticias .kj-push-bar,
#screenNoticias .kj-push-settings {
  background: rgba(255,255,255,.86) !important;
  border-color: rgba(17,24,39,.12) !important;
  color: #111827 !important;
}

#screenNoticias .kj-card__title,
#screenNoticias .kj-card__metric-val,
#screenNoticias .kj-gauge-val,
#screenNoticias .kj-gauge-legend__item strong,
#screenNoticias .kj-cat-row__count,
#screenNoticias .kj-article__title,
#screenNoticias .kj-health__val,
#screenNoticias .kj-health__label,
#screenNoticias .kj-pred__name,
#screenNoticias .kj-forecast__title,
#screenNoticias .kj-fcast__val,
#screenNoticias .kj-push-bar__text strong,
#screenNoticias .kmlPushOption strong {
  color: #111827 !important;
}

#screenNoticias .kj-card__metric-label,
#screenNoticias .kj-gauge-label,
#screenNoticias .kj-article__excerpt,
#screenNoticias .kj-health__status,
#screenNoticias .kj-pred__hint,
#screenNoticias .kj-fcast__label,
#screenNoticias .kj-push-bar__text span,
#screenNoticias .kmlPushHint,
#screenNoticias .kmlPushOption small {
  color: #5f6877 !important;
}

#screenNoticias .kj-filter-btn,
#screenNoticias .kmlPushOption,
#screenNoticias #kmlPushDisableBtn {
  background: #fff !important;
  border-color: rgba(17,24,39,.14) !important;
  color: #111827 !important;
}

#screenNoticias .kj-filter-btn--active,
#screenNoticias #kmlPushEnableBtn {
  background: #c9a02a !important;
  border-color: #a98117 !important;
  color: #111827 !important;
}

#screenClientProfile .cpChip[aria-pressed="true"],
#screenClientProfile .cpChip.cpChipOn,
#screenClientProfile .cpTab.active,
#screenEditor .edPkgTab.active,
#screenEditor .edFrelaFilterBtn.active {
  background: #c9a02a !important;
  border-color: #a98117 !important;
  color: #111827 !important;
}

#screenMoedas .iconBtn,
#screenNoticias .iconBtn,
#screenPedidos .iconBtn,
#screenPedidos .cpTab {
  background: #fff !important;
  border-color: rgba(17,24,39,.14) !important;
  color: #111827 !important;
}

#screenMoedas .iconBtn:hover,
#screenNoticias .iconBtn:hover,
#screenPedidos .iconBtn:hover,
#screenPedidos .cpTab:hover {
  background: rgba(17,24,39,.06) !important;
}

#screenPedidos .cpTab.active {
  background: #c9a02a !important;
  border-color: #a98117 !important;
  color: #111827 !important;
}

#screenPedidos .cpTab .cpBadge {
  background: rgba(17,24,39,.12) !important;
  color: #111827 !important;
}

#screenPedidos .cpHeaderLeft > div > div:first-child {
  color: #111827 !important;
}

#screenPedidos #kpoPedidoCount {
  color: #5f6877 !important;
}

/* ===== Full page contrast sweep ===== */
#screenStart .linkBtn,
#screenStart .kmlForgotBtn {
  color: #80630f !important;
}

#screenStart .howStep {
  background: rgba(255,255,255,.82) !important;
  border-color: rgba(17,24,39,.12) !important;
}

#screenStart .howStep .howStepTitle,
#screenStart .howStepTitle {
  color: #111827 !important;
}

#screenStart .howStep .howStepDesc,
#screenStart .howStep .howStepTags span {
  color: #5f6877 !important;
}

/* CTA final fica sobre card escuro (.lSecCtaInner navy) → texto claro */
#screenStart .ctaTitle {
  color: rgba(255,255,255,.96) !important;
}
#screenStart .ctaDesc {
  color: rgba(255,255,255,.72) !important;
}
#screenStart .ctaNote {
  color: rgba(255,255,255,.50) !important;
}

#screenProcurarEditor .btn,
#screenClient .btn.secondary,
#screenClient .clientBackBtn,
#screenClient .tier-btn,
#screenPickEditor .peBackBtn,
#screenFreelasAll .flpFiltBtn,
#screenClientJobs .flpFiltBtn,
#screenEditorPacotePersonalizado .ecpBtnGhost,
#screenEditorPacotePersonalizado .ecpBtnText {
  background: #fff !important;
  border-color: rgba(17,24,39,.14) !important;
  color: #111827 !important;
  box-shadow: none !important;
}

#screenProcurarEditor .btn:hover,
#screenClient .btn.secondary:hover,
#screenClient .clientBackBtn:hover,
#screenClient .tier-btn:hover,
#screenPickEditor .peBackBtn:hover,
#screenFreelasAll .flpFiltBtn:hover,
#screenClientJobs .flpFiltBtn:hover,
#screenEditorPacotePersonalizado .ecpBtnGhost:hover,
#screenEditorPacotePersonalizado .ecpBtnText:hover {
  background: rgba(17,24,39,.06) !important;
}

#screenClient .tier-btn.is-active,
#screenClient .tier-btn[aria-selected="true"],
#screenFreelasAll .flpFiltBtn.active,
#screenClientJobs .flpFiltBtn.active {
  background: #c9a02a !important;
  border-color: #a98117 !important;
  color: #111827 !important;
}

#screenClient .btn {
  background: #c9a02a !important;
  border: 1px solid #a98117 !important;
  color: #111827 !important;
  box-shadow: none !important;
}

#screenClient .pkgCard button.btn,
#screenClient #packagesGrid .pkgCard .btn {
  background: #c9a02a !important;
  border: 1px solid #a98117 !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  box-shadow: none !important;
}

#screenClient .cpb-tab,
#screenClient #toggleCustomOpts {
  background: #fff !important;
  border-color: rgba(17,24,39,.18) !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  box-shadow: none !important;
}

#screenClient .cpb-tab.active {
  background: #c9a02a !important;
  border-color: #a98117 !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
}

#screenProcurarEditor h3,
#screenMoedas .rateCard h3,
#screenClient .section-title,
#screenClient .card h3,
#screenClient .customGroupTitle,
#screenFreelasAll .flp-title,
#screenClientJobs .flp-title {
  color: #111827 !important;
}

#screenClient .card p,
#screenClient .pill,
#screenClient .hint,
#screenFreelasAll .flp-count,
#screenFreelasAll .flp-loading,
#screenFreelasAll .flp-empty,
#screenClientJobs .flp-count,
#screenClientJobs .flp-loading,
#screenClientJobs .flp-empty {
  color: #5f6877 !important;
}

#screenFreelasAll,
#screenClientJobs {
  background: transparent !important;
  color: #111827 !important;
}

#screenFreelasAll .flp-header,
#screenClientJobs .flp-header {
  background: rgba(255,255,255,.86) !important;
  border-color: rgba(17,24,39,.12) !important;
}

#screenFreelasAll .flp-search,
#screenClientJobs .flp-search {
  background: #fff !important;
  border-color: rgba(17,24,39,.14) !important;
  color: #111827 !important;
}

#screenFreelasAll .flp-search::placeholder,
#screenClientJobs .flp-search::placeholder {
  color: #7b8494 !important;
}

#screenEditorPacotePersonalizado .ecpBtnRemove {
  background: #b91c1c !important;
  border: 1px solid #991b1b !important;
  border-radius: 4px !important;
  color: #fff !important;
  padding: 4px 8px !important;
}

#screenChat .denBtn {
  background: #fff !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  color: #111827 !important;
}

#screenAuth .passToggle {
  background: rgba(255,255,255,.08) !important;
  border-color: rgba(255,255,255,.18) !important;
  color: #f8fafc !important;
}

/* ===== Contrast pass: freelas + editor packages on light theme ===== */
#screenEditor #edPkgPaneEscolher,
#screenEditor #edPkgPaneMeus,
#screenEditor #edPkgPaneFrelas,
#screenFreelasAll,
#screenClientJobs {
  color: #111827 !important;
}

#screenEditor #edPkgPaneEscolher .editorPackagesHeadV2 h3,
#screenEditor #edPkgPaneMeus .editorPackagesHeadV2 h3,
#screenEditor #edPkgPaneFrelas .editorPackagesHeadV2 h3,
#screenEditor #edPkgPaneEscolher .total-line,
#screenEditor #edPkgPaneEscolher .total-line *,
#screenEditor #edPkgPaneMeus .edPkgEmptyState strong {
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
}

#screenEditor #edPkgPaneEscolher .editorPackagesHeadV2 p,
#screenEditor #edPkgPaneMeus .editorPackagesHeadV2 p,
#screenEditor #edPkgPaneFrelas .editorPackagesHeadV2 p,
#screenEditor #edPkgPaneEscolher .total-sub,
#screenEditor #edPkgPaneMeus .edPkgEmptyState span,
#screenEditor #edFrelasCount,
#screenEditor #edFrelasProgress,
#screenEditor #edFrelasProgress [style*="rgba(255,255,255"] {
  color: #5f6877 !important;
  -webkit-text-fill-color: #5f6877 !important;
}

#screenEditor #edFrelasClock {
  background: rgba(201,160,42,.10) !important;
  border-color: rgba(201,160,42,.38) !important;
  color: #8a6b10 !important;
  -webkit-text-fill-color: #8a6b10 !important;
  box-shadow: none !important;
}

#screenEditor #edFrelasClock *,
#screenEditor #edFrelasProgress [style*="font-weight:700"],
#screenEditor #edFrelasProgress [style*="#ffe08a"],
#screenEditor #edFrelasProgress [style*="#22c55e"] {
  color: #8a6b10 !important;
  -webkit-text-fill-color: #8a6b10 !important;
}

#screenEditor #edFrelasProgress [style*="background:rgba(255,255,255"] {
  background: rgba(17,24,39,.10) !important;
}

#screenEditor #edFrelasProgress [style*="linear-gradient"] {
  background: #c9a02a !important;
  box-shadow: none !important;
}

#screenEditor #editorPackages .pkg-item,
#screenEditor #editorPackages .pkg-item.pkg-item--visual,
#screenEditor #editorMyPackages .myPkgItem,
#screenEditor #editorMyPackages .myPkgItem.pkg-item--visual,
#screenEditor .customPkgMyItem {
  background: #ffffff !important;
  background-image: none !important;
  border: 1px solid rgba(17,24,39,.12) !important;
  border-radius: 4px !important;
  color: #111827 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

#screenEditor #editorPackages .pkg-item::before,
#screenEditor #editorPackages .pkg-item.pkg-item--visual::before,
#screenEditor #editorMyPackages .myPkgItem::before,
#screenEditor #editorMyPackages .myPkgItem.pkg-item--visual::before,
#screenEditor .customPkgMyItem::before {
  display: none !important;
  content: none !important;
  background: none !important;
}

#screenEditor #editorPackages .pkg-title,
#screenEditor #editorPackages .pkg-title *,
#screenEditor #editorMyPackages .pkg-title,
#screenEditor #editorMyPackages .pkg-title *,
#screenEditor .customPkgMyItem .pkg-title {
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  text-shadow: none !important;
}

#screenEditor #editorPackages .pkg-sub,
#screenEditor #editorPackages .pkg-meta,
#screenEditor #editorMyPackages .pkg-sub,
#screenEditor #editorMyPackages .pkg-meta,
#screenEditor .customPkgMyItem .pkg-sub,
#screenEditor .customPkgMyItem .pkg-meta,
#screenEditor .customPkgReason {
  color: #5f6877 !important;
  -webkit-text-fill-color: #5f6877 !important;
  text-shadow: none !important;
}

#screenEditor #editorPackages .pkg-thumb,
#screenEditor #editorMyPackages .pkg-thumb,
#screenEditor .customPkgMyItem .pkg-thumb {
  border-radius: 4px !important;
  border: 1px solid rgba(17,24,39,.12) !important;
  box-shadow: none !important;
}

#screenEditor #editorPackages input[type="checkbox"] {
  accent-color: #c9a02a !important;
}

#screenEditor #editorLeadsList > div:not(.edPkgInlineEmpty),
#screenFreelasAll #flpGrid > div {
  background: #ffffff !important;
  border: 1px solid rgba(17,24,39,.12) !important;
  border-radius: 4px !important;
  color: #111827 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

#screenEditor #editorLeadsList > div:not(.edPkgInlineEmpty) *,
#screenFreelasAll #flpGrid > div * {
  text-shadow: none !important;
}

#screenEditor #editorLeadsList > div:not(.edPkgInlineEmpty) div,
#screenEditor #editorLeadsList > div:not(.edPkgInlineEmpty) span,
#screenFreelasAll #flpGrid > div div,
#screenFreelasAll #flpGrid > div span {
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
}

#screenEditor #editorLeadsList > div:not(.edPkgInlineEmpty) [style*="font-size:.72rem"],
#screenEditor #editorLeadsList > div:not(.edPkgInlineEmpty) [style*="color:rgba(255,255,255,.35)"],
#screenEditor #editorLeadsList > div:not(.edPkgInlineEmpty) [style*="color:rgba(255,255,255,.6)"],
#screenFreelasAll #flpGrid > div [style*="font-size:.72rem"],
#screenFreelasAll #flpGrid > div [style*="color:rgba(255,255,255,.35)"],
#screenFreelasAll #flpGrid > div [style*="color:rgba(255,255,255,.6)"] {
  color: #5f6877 !important;
  -webkit-text-fill-color: #5f6877 !important;
}

#screenEditor #editorLeadsList > div:not(.edPkgInlineEmpty) [style*="background:rgba(255,255,255"],
#screenFreelasAll #flpGrid > div [style*="background:rgba(255,255,255"] {
  background: rgba(17,24,39,.06) !important;
  border: 1px solid rgba(17,24,39,.10) !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
}

#screenEditor #editorLeadsList > div:not(.edPkgInlineEmpty) [style*="background:#ef4444"],
#screenFreelasAll #flpGrid > div [style*="background:#ef4444"] {
  background: #b91c1c !important;
  border-color: #991b1b !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

#screenEditor #editorLeadsList > div:not(.edPkgInlineEmpty) a,
#screenFreelasAll #flpGrid > div a,
#screenFreelasAll .flp-more-btn,
#screenClientJobs .flp-more-btn {
  background: #c9a02a !important;
  border: 1px solid #a98117 !important;
  border-radius: 4px !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  box-shadow: none !important;
}

#screenFreelasAll .flp-body,
#screenClientJobs .flp-body {
  color: #111827 !important;
}

#screenClientJobs .cjECard,
#screenClientJobs .cjECardBottom {
  border-radius: 4px !important;
  box-shadow: none !important;
}

#screenClientJobs .cjECardBtn {
  background: #c9a02a !important;
  border-color: #a98117 !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
}

#screenEditor .customPkgStatus {
  border-radius: 4px !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

#screenEditor .customPkgStatus--pending {
  background: rgba(201,160,42,.14) !important;
  border-color: rgba(201,160,42,.38) !important;
  color: #8a6b10 !important;
  -webkit-text-fill-color: #8a6b10 !important;
}

#screenEditor .customPkgStatus--approved {
  background: rgba(22,163,74,.10) !important;
  border-color: rgba(22,163,74,.28) !important;
  color: #166534 !important;
  -webkit-text-fill-color: #166534 !important;
}

#screenEditor .customPkgStatus--rejected {
  background: rgba(185,28,28,.10) !important;
  border-color: rgba(185,28,28,.28) !important;
  color: #991b1b !important;
  -webkit-text-fill-color: #991b1b !important;
}

#screenEditor .customPkgAction {
  background: #ffffff !important;
  border: 1px solid rgba(17,24,39,.16) !important;
  border-radius: 4px !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  box-shadow: none !important;
}

#screenEditor .customPkgAction:hover {
  background: rgba(17,24,39,.06) !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
}

#screenEditor .customPkgAction.danger {
  background: rgba(185,28,28,.08) !important;
  border-color: rgba(185,28,28,.28) !important;
  color: #991b1b !important;
  -webkit-text-fill-color: #991b1b !important;
}

#screenEditor .customPkgSlotsPanel,
#screenEditor .customPkgSlotsPanel--full {
  background: #ffffff !important;
  background-image: none !important;
  border: 1px solid rgba(17,24,39,.12) !important;
  border-radius: 4px !important;
  color: #111827 !important;
  box-shadow: none !important;
}

#screenEditor .customPkgSlotsKicker {
  color: #8a6b10 !important;
  -webkit-text-fill-color: #8a6b10 !important;
}

#screenEditor .customPkgSlotsTop strong {
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
}

#screenEditor .customPkgSlotsTop small,
#screenEditor .customPkgSlotsFoot {
  color: #5f6877 !important;
  -webkit-text-fill-color: #5f6877 !important;
}

#screenEditor .customPkgSlotsBtn {
  background: #c9a02a !important;
  border-color: #a98117 !important;
  border-radius: 4px !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  box-shadow: none !important;
}

#screenEditor .customPkgSlotsTrack {
  background: rgba(17,24,39,.10) !important;
  border-radius: 4px !important;
}

#screenEditor .customPkgSlotsTrack span {
  background: #c9a02a !important;
  border-radius: 4px !important;
}

/* ===== Editor compact workspace pass ===== */
#screenEditorProfileConfig {
  font-size: 13px !important;
}

#screenEditorProfileConfig .epc-shell {
  width: min(1320px, calc(100vw - 56px)) !important;
  padding: 18px 0 40px !important;
}

#screenEditorProfileConfig .epc-pageHead {
  margin: 0 0 14px !important;
  padding: 0 0 12px !important;
}

#screenEditorProfileConfig .epc-pageHead h1 {
  font-size: 20px !important;
  line-height: 1.18 !important;
}

#screenEditorProfileConfig .epc-pageHead p {
  margin-top: 4px !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}

#screenEditorProfileConfig .epc-statusPill {
  min-height: 28px !important;
  padding: 0 8px !important;
  font-size: 11px !important;
}

#screenEditorProfileConfig .epc-layout {
  grid-template-columns: minmax(0, 1fr) 390px !important;
  gap: 22px !important;
}

#screenEditorProfileConfig .epc-formColumn {
  gap: 14px !important;
}

#screenEditorProfileConfig .epc-card {
  padding: 18px !important;
  border-radius: 4px !important;
}

#screenEditorProfileConfig .epc-cardHead {
  align-items: center !important;
  margin-bottom: 14px !important;
}

#screenEditorProfileConfig .epc-cardTitle {
  font-size: 16px !important;
  line-height: 1.2 !important;
}

#screenEditorProfileConfig .epc-cardDesc {
  margin-top: 3px !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}

#screenEditorProfileConfig .epc-photoRow {
  gap: 12px !important;
  margin-bottom: 14px !important;
}

#screenEditorProfileConfig .epc-photoPreview {
  width: 58px !important;
  height: 58px !important;
  flex-basis: 58px !important;
  font-size: 18px !important;
}

#screenEditorProfileConfig .epc-photoText strong {
  font-size: 14px !important;
}

#screenEditorProfileConfig .epc-photoText span {
  margin-top: 3px !important;
  font-size: 12px !important;
}

#screenEditorProfileConfig .epc-photoText .epc-fileBtn {
  left: 40px !important;
  top: 40px !important;
  width: 26px !important;
  height: 26px !important;
  min-height: 26px !important;
}

#screenEditorProfileConfig .epc-photoText .epc-fileBtn::before {
  width: 12px !important;
  height: 9px !important;
}

#screenEditorProfileConfig .epc-photoText .epc-fileBtn::after {
  left: 10px !important;
  top: 9px !important;
  width: 3px !important;
  height: 3px !important;
}

#screenEditorProfileConfig .epc-grid2,
#screenEditorProfileConfig .epc-grid3,
#screenEditorProfileConfig .epc-cardLinks .epc-grid2 {
  gap: 10px 12px !important;
}

#screenEditorProfileConfig .epc-cardBasic .epc-field:has(#epcLocation),
#screenEditorProfileConfig .epc-cardBasic .epc-field:has(#epcPrice) {
  grid-column: auto !important;
}

#screenEditorProfileConfig .epc-field {
  gap: 5px !important;
}

#screenEditorProfileConfig .epc-field > label,
#screenEditorProfileConfig .epc-coverInput label:not(.epc-fileBtn) {
  font-size: 12px !important;
  line-height: 1.2 !important;
}

#screenEditorProfileConfig .epc-field input,
#screenEditorProfileConfig .epc-field textarea,
#screenEditorProfileConfig .epc-field select {
  min-height: 38px !important;
  padding: 8px 10px !important;
  border-radius: 4px !important;
  font-size: 13px !important;
}

#screenEditorProfileConfig .epc-field textarea {
  min-height: 56px !important;
}

#screenEditorProfileConfig .epc-counter {
  margin-top: 3px !important;
  font-size: 11px !important;
}

#screenEditorProfileConfig .epc-coverInput {
  min-height: 86px !important;
  padding: 12px !important;
  gap: 12px !important;
  border-radius: 4px !important;
}

#screenEditorProfileConfig .epc-coverInput .epc-fileBtn,
#screenEditorProfileConfig .epc-fileBtn {
  min-height: 30px !important;
  padding: 0 9px !important;
  border-radius: 4px !important;
  font-size: 11px !important;
}

#screenEditorProfileConfig .epc-coverMini {
  width: 156px !important;
  height: 64px !important;
  border-radius: 4px !important;
}

#screenEditorProfileConfig .epc-chipGroups {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin-top: 8px !important;
}

#screenEditorProfileConfig .epc-chipGroup {
  padding: 10px !important;
  gap: 6px !important;
  border-radius: 4px !important;
  max-height: 168px !important;
  overflow: auto !important;
}

#screenEditorProfileConfig .epc-chipGroup:nth-child(3) {
  grid-column: span 2 !important;
}

#screenEditorProfileConfig .epc-chipGroup > strong {
  font-size: 11px !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
}

#screenEditorProfileConfig .epc-chip {
  min-height: 25px !important;
  padding: 0 8px !important;
  border-radius: 4px !important;
  font-size: 11px !important;
}

#screenEditorProfileConfig .epc-hint {
  margin-top: 8px !important;
  font-size: 11px !important;
}

#screenEditorProfileConfig .epc-packageList {
  gap: 8px !important;
  max-height: 360px !important;
  overflow: auto !important;
  padding-right: 4px !important;
}

#screenEditorProfileConfig .epc-packageRow {
  grid-template-columns: 18px minmax(0, 1fr) auto !important;
  gap: 9px !important;
  padding: 10px !important;
  border-radius: 4px !important;
}

#screenEditorProfileConfig .epc-packageRow > span > strong,
#screenEditorProfileConfig .epc-packagePrice {
  font-size: 12px !important;
}

#screenEditorProfileConfig .epc-packageRow > span > span {
  margin-top: 2px !important;
  font-size: 11px !important;
}

#screenEditorProfileConfig .epc-bottomBar {
  position: static !important;
  bottom: auto !important;
  margin-top: 0 !important;
  padding: 12px 0 0 !important;
  gap: 8px !important;
  background: #ffffff !important;
  border-top: 1px solid #dedfe3 !important;
}

#screenEditorProfileConfig .epc-bottomBar .epc-btn {
  min-height: 36px !important;
  padding: 0 12px !important;
  border-radius: 4px !important;
  font-size: 13px !important;
}

#screenEditorProfileConfig .epc-rail {
  top: 18px !important;
  min-height: 0 !important;
  padding: 18px !important;
  border-radius: 4px !important;
}

#screenEditorProfileConfig .epc-previewHead {
  margin-bottom: 10px !important;
}

#screenEditorProfileConfig .epc-previewHead h2 {
  font-size: 15px !important;
}

#screenEditorProfileConfig .epc-previewMode,
#screenEditorProfileConfig .epc-modBtn,
#screenEditorProfileConfig .epc-modBtn.isActive {
  border-radius: 4px !important;
}

#screenEditorProfileConfig .epc-modBtn,
#screenEditorProfileConfig .epc-modBtn.isActive {
  min-height: 26px !important;
  padding: 0 9px !important;
  font-size: 11px !important;
}

#screenEditorProfileConfig .epc-previewFrame {
  min-height: 340px !important;
  padding: 34px 18px 18px !important;
  border-radius: 4px !important;
}

#screenEditorProfileConfig .epc-pubAvatar {
  width: 68px !important;
  height: 68px !important;
  margin: 0 auto 16px !important;
  font-size: 20px !important;
}

#screenEditorProfileConfig .epc-pubName {
  font-size: 18px !important;
}

#screenEditorProfileConfig .epc-pubHandle,
#screenEditorProfileConfig .epc-pubTitle {
  margin-top: 5px !important;
  font-size: 13px !important;
}

#screenEditorProfileConfig .epc-pubLocation {
  margin-top: 9px !important;
  font-size: 12px !important;
}

#screenEditorProfileConfig .epc-divider {
  margin: 16px 0 !important;
}

#screenEditorProfileConfig .epc-pubBio {
  max-width: 320px !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}

#screenEditorProfileConfig .epc-socialRow {
  gap: 12px !important;
  font-size: 16px !important;
}

#screenEditorProfileConfig .epc-previewCaption {
  margin-top: 10px !important;
  font-size: 11px !important;
}

#screenEditorProfileConfig .epc-checklist {
  margin-top: 12px !important;
  padding: 12px !important;
}

#screenEditorProfileConfig .epc-checkTop,
#screenEditorProfileConfig .epc-checkItem {
  font-size: 11px !important;
}

#screenEditorProfileConfig .epc-progressBar {
  margin: 8px 0 !important;
  height: 5px !important;
}

/* Compact the legacy editor dashboard too; it still opens from some routes. */
#screenEditor .editorDashShellV2 {
  gap: 12px !important;
  margin-top: 0 !important;
}

#screenEditor .editorDashWelcomeV2 {
  padding: 0 !important;
}

#screenEditor .editorDashWelcomeV2 .section-title {
  margin: 0 0 4px !important;
  font-size: 18px !important;
  line-height: 1.18 !important;
}

#screenEditor .editorDashWelcomeV2 .pill {
  font-size: 13px !important;
}

#screenEditor .kmlThemeQuickActions {
  margin-top: 8px !important;
  gap: 6px !important;
}

#screenEditor .kmlThemeQuickActions .btn {
  min-height: 30px !important;
  padding: 0 10px !important;
  font-size: 11px !important;
}

#screenEditor .editorDashChipsV2 {
  display: none !important;
}

#screenEditor .editorStickyStatusBar {
  top: 8px !important;
  gap: 8px !important;
  margin: 8px 0 12px !important;
  padding: 8px !important;
}

#screenEditor .editorStickyStatusMain {
  min-width: 150px !important;
}

#screenEditor .editorStickyMetric {
  min-width: 66px !important;
  padding: 6px 8px !important;
}

#screenEditor .editorStickyAction {
  min-height: 32px !important;
  padding: 0 10px !important;
  font-size: 11px !important;
}

#screenEditor .editorDashboardGridV2 {
  grid-template-columns: minmax(360px, .82fr) minmax(480px, 1.18fr) !important;
  gap: 14px !important;
}

#screenEditor .editorLeftColV2,
#screenEditor .editorRightColV2 {
  gap: 12px !important;
}

#screenEditor .editorProfileCardV2 {
  padding: 10px !important;
}

#screenEditor .epV3-hero {
  height: 116px !important;
  margin: 0 !important;
}

#screenEditor .epV3-heroContent {
  padding: 12px !important;
  align-items: end !important;
  gap: 10px !important;
}

#screenEditor .epV3-avatar,
#screenEditor .epV3-avatar img {
  width: 54px !important;
  height: 54px !important;
  min-width: 54px !important;
  font-size: 17px !important;
}

#screenEditor .epV3-name {
  font-size: 16px !important;
}

#screenEditor .epV3-heroActions {
  gap: 5px !important;
  padding-top: 0 !important;
}

#screenEditor .epV3-heroBtn {
  min-height: 30px !important;
  padding: 0 8px !important;
  font-size: 11px !important;
}

#screenEditor .epV3-heroBtnHint {
  display: none !important;
}

#screenEditor .epV3-panelBg {
  margin: 0 -10px -10px !important;
  padding: 10px !important;
}

#screenEditor .epV3-headerBar {
  display: none !important;
}

#screenEditor .epV3-kpiRow {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 7px !important;
  margin-top: 0 !important;
}

#screenEditor .epV3-kpi {
  min-height: 0 !important;
  padding: 8px !important;
  gap: 4px !important;
}

#screenEditor .epV3-kpiIcon {
  display: none !important;
}

#screenEditor .epV3-kpiLabel {
  font-size: 10px !important;
  letter-spacing: .04em !important;
}

#screenEditor .epV3-kpiValue {
  font-size: 15px !important;
}

#screenEditor .epV3-kpiCta {
  min-height: 24px !important;
  padding: 0 7px !important;
  font-size: 10px !important;
}

#screenEditor .epV3-linkCard,
#screenEditor .epV3-visitsCard {
  margin-top: 8px !important;
  padding: 9px 10px !important;
}

#screenEditor .epV3-visitsRow {
  gap: 6px !important;
}

#screenEditor .epV3-visitStat {
  padding: 7px 5px !important;
}

#screenEditor .epV3-visitNum {
  font-size: 16px !important;
}

#screenEditor .epV3-visitsHint {
  margin-top: 7px !important;
  font-size: 11px !important;
}

#screenEditor .epV3-formSection {
  margin-top: 10px !important;
  padding-top: 10px !important;
}

#screenEditor .epV3-formSectionTitle {
  margin-bottom: 9px !important;
  font-size: 11px !important;
}

#screenEditor .mini-grid {
  gap: 8px !important;
}

#screenEditor .mini label,
#screenEditor .field label {
  margin-bottom: 4px !important;
  font-size: 11px !important;
  font-weight: 900 !important;
}

#screenEditor input,
#screenEditor select {
  min-height: 36px !important;
  padding: 8px 10px !important;
  font-size: 12px !important;
}

#screenEditor textarea {
  min-height: 64px !important;
  padding: 8px 10px !important;
  font-size: 12px !important;
}

#screenEditor .hint {
  margin-top: 4px !important;
  font-size: 11px !important;
}

#screenEditor .kj-tag-picker {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  max-height: 190px !important;
  overflow: auto !important;
  padding: 8px !important;
}

#screenEditor .edTagGroup {
  padding: 8px !important;
  gap: 5px !important;
  max-height: 130px !important;
  overflow: auto !important;
}

#screenEditor .edTagGroup:nth-child(3) {
  grid-column: 1 / -1 !important;
}

#screenEditor .kj-tp-chip {
  min-height: 24px !important;
  padding: 0 7px !important;
  font-size: 10px !important;
}

#screenEditor #editorPackagesCard {
  position: sticky !important;
  top: calc(var(--kml-persistent-market-h, 0px) + 8px) !important;
  max-height: calc(100vh - var(--kml-persistent-market-h, 0px) - 18px) !important;
  overflow: auto !important;
}

#screenEditor .edPkgTabs {
  position: sticky !important;
  top: 0 !important;
  z-index: 3 !important;
  gap: 5px !important;
  padding: 0 0 8px !important;
  background: rgba(247,248,250,.96) !important;
}

#screenEditor .edPkgTab {
  min-height: 38px !important;
  padding: 0 10px !important;
  font-size: 12px !important;
}

#screenEditor .editorPackagesHeadV2 {
  gap: 10px !important;
}

#screenEditor .editorPackagesHeadV2 h3 {
  margin-bottom: 3px !important;
  font-size: 16px !important;
}

#screenEditor .editorPackagesHeadV2 p {
  font-size: 12px !important;
  line-height: 1.35 !important;
}

#screenEditor .editorPkgQuickActionsV2 {
  grid-template-columns: repeat(2, minmax(110px, 1fr)) !important;
}

#screenEditor .editorPkgQuickActionsV2 .btn {
  width: auto !important;
  min-width: 0 !important;
  min-height: 32px !important;
  padding: 0 10px !important;
  font-size: 11px !important;
}

#screenEditor #editorPackages,
#screenEditor #editorMyPackages,
#screenEditor #editorLeadsList,
#screenEditor #editorJobsList {
  max-height: 52vh !important;
  overflow: auto !important;
  padding-right: 4px !important;
}

#screenEditor #editorPackages .pkg-item,
#screenEditor #editorMyPackages .myPkgItem,
#screenEditor .customPkgMyItem {
  grid-template-columns: 72px minmax(0, 1fr) auto !important;
  gap: 9px !important;
  padding: 9px !important;
}

#screenEditor #editorPackages .pkg-item {
  grid-template-columns: 72px minmax(0, 1fr) !important;
}

#screenEditor #editorPackages .pkg-thumb,
#screenEditor #editorMyPackages .pkg-thumb,
#screenEditor .customPkgMyItem .pkg-thumb {
  width: 58px !important;
  min-width: 58px !important;
  height: 48px !important;
}

#screenEditor .pkg-title {
  font-size: 12px !important;
  line-height: 1.25 !important;
}

#screenEditor .pkg-sub,
#screenEditor .pkg-meta {
  font-size: 11px !important;
  line-height: 1.32 !important;
}

#screenEditor .total-box {
  padding: 10px !important;
}

#screenEditor .save-all-wrap {
  bottom: 0 !important;
  padding: 7px !important;
}

@media (max-width: 1180px) {
  #screenEditorProfileConfig .epc-layout,
  #screenEditor .editorDashboardGridV2 {
    grid-template-columns: 1fr !important;
  }

  #screenEditorProfileConfig .epc-rail,
  #screenEditor #editorPackagesCard {
    position: relative !important;
    top: auto !important;
    max-height: none !important;
  }
}

@media (max-width: 760px) {
  #screenEditorProfileConfig .epc-shell {
    width: calc(100% - 20px) !important;
    padding-top: 12px !important;
  }

  #screenEditorProfileConfig .epc-pageHead {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 10px !important;
  }

  #screenEditorProfileConfig .epc-grid2,
  #screenEditorProfileConfig .epc-grid3,
  #screenEditorProfileConfig .epc-cardLinks .epc-grid2,
  #screenEditorProfileConfig .epc-chipGroups {
    grid-template-columns: 1fr !important;
  }

  #screenEditorProfileConfig .epc-chipGroup:nth-child(3) {
    grid-column: auto !important;
  }

  #screenEditor .editorStickyStatusBar {
    position: relative !important;
    top: auto !important;
  }
}

/* ===== Freelas full page: dense 6-column card grid ===== */
#screenFreelasAll .flp-header {
  display: none !important;
}

#screenFreelasAll:not(.show) {
  display: none !important;
}

#screenFreelasAll.show {
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
}

#screenFreelasAll .flp-search-wrap {
  padding: 6px 4px 5px !important;
}

#screenFreelasAll .flp-search {
  min-height: 42px !important;
  height: 42px !important;
  padding: 0 16px !important;
  font-size: 14px !important;
}

#screenFreelasAll .flp-filters {
  gap: 6px !important;
  padding: 5px 4px 8px !important;
}

#screenFreelasAll .flpFiltBtn {
  min-height: 34px !important;
  padding: 0 14px !important;
  font-size: 13px !important;
}

#screenFreelasAll .flp-body {
  padding: 6px 4px 4px !important;
  flex: none !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

#screenFreelasAll .flp-grid {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 8px !important;
  align-items: stretch !important;
}

#screenFreelasAll #flpGrid > div {
  position: relative !important;
  min-width: 0 !important;
  height: 180px !important;
  min-height: 180px !important;
  max-height: 180px !important;
  aspect-ratio: auto !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 7px !important;
  margin: 0 !important;
  padding: 10px !important;
  overflow: hidden !important;
}

#screenFreelasAll #flpGrid > div > div:first-child {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 6px !important;
  align-items: start !important;
  margin: 0 !important;
}

#screenFreelasAll #flpGrid > div > div:first-child > div:first-child {
  min-width: 0 !important;
  gap: 7px !important;
}

#screenFreelasAll #flpGrid > div > div:first-child > div:first-child > span:first-child {
  width: 14px !important;
  min-width: 14px !important;
  height: 14px !important;
  display: inline-grid !important;
  place-items: center !important;
  overflow: hidden !important;
  font-size: 12px !important;
  line-height: 1 !important;
}

#screenFreelasAll #flpGrid > div > div:first-child > div:first-child > div {
  min-width: 0 !important;
}

#screenFreelasAll #flpGrid > div > div:first-child > div:first-child > div > div:first-child {
  max-width: 100% !important;
  font-size: 13px !important;
  line-height: 1.18 !important;
  font-weight: 900 !important;
}

#screenFreelasAll #flpGrid > div > div:first-child > div:first-child > div > div:nth-child(2) {
  max-width: 100% !important;
  margin-top: 2px !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

#screenFreelasAll #flpGrid > div > div:first-child > div:last-child {
  max-width: 100% !important;
  display: flex !important;
  justify-content: flex-end !important;
  gap: 4px !important;
  flex-wrap: wrap !important;
}

#screenFreelasAll #flpGrid > div > div:first-child > div:last-child span,
#screenFreelasAll #flpGrid > div span[style*="font-size:.75rem"],
#screenFreelasAll #flpGrid > div span[style*="font-size:.72rem"] {
  min-height: 20px !important;
  padding: 2px 6px !important;
  border-radius: 4px !important;
  font-size: 10px !important;
  line-height: 1.1 !important;
  font-weight: 900 !important;
}

#screenFreelasAll #flpGrid > div > div:nth-child(2) {
  min-height: 0 !important;
  flex: 1 1 auto !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  margin: 0 !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}

#screenFreelasAll #flpGrid > div > a {
  flex: 0 0 auto !important;
  width: 100% !important;
  min-height: 31px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-top: auto !important;
  padding: 0 8px !important;
  border-radius: 4px !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

#screenFreelasAll .flp-more-wrap {
  position: static !important;
  flex: none !important;
  padding: 3px 0 5px !important;
  margin: 0 !important;
  min-height: 0 !important;
  line-height: 1 !important;
  background: transparent !important;
}

#screenFreelasAll .flp-more-btn {
  min-height: 36px !important;
  padding: 0 22px !important;
  margin: 0 !important;
  border-radius: 4px !important;
  font-size: 13px !important;
}

@media (max-width: 1400px) {
  #screenFreelasAll .flp-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 1180px) {
  #screenFreelasAll .flp-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 860px) {
  #screenFreelasAll .flp-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 620px) {
  #screenFreelasAll .flp-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #screenFreelasAll #flpGrid > div {
    height: 168px !important;
    min-height: 168px !important;
    max-height: 168px !important;
  }
}

/* ===== Client packages: compact 5-column professional grid ===== */
#screenClient {
  padding-top: 72px !important;
}

#screenClient > .who {
  margin-top: 10px !important;
  margin-bottom: 32px !important;
  gap: 10px !important;
}

#screenClient > .who .avatar {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
}

#screenClient > .who .section-title {
  margin: 0 !important;
  font-size: 18px !important;
  line-height: 1.15 !important;
}

#screenClient > .who .stars {
  display: none !important;
}

#screenClient > .mini-grid:first-of-type {
  display: block !important;
  margin-top: 24px !important;
  margin-bottom: 28px !important;
}

#screenClient .clientBackBtn {
  min-height: 36px !important;
  padding: 0 14px !important;
  border-radius: 4px !important;
  font-size: 14px !important;
}

#screenClient > .mini-grid:first-of-type .mini {
  display: none !important;
}

#screenClient > .mini-grid:first-of-type .mini > label {
  margin-bottom: 4px !important;
  color: #374151 !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
}

#screenClient .tier-toggle {
  gap: 6px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

#screenClient .tier-btn {
  min-width: 116px !important;
  min-height: 36px !important;
  padding: 0 12px !important;
  border-radius: 4px !important;
  font-size: 13px !important;
}

#screenClient > .pill {
  margin-top: 18px !important;
  margin-bottom: 14px !important;
  font-size: 14px !important;
  line-height: 1.25 !important;
}

#screenClient > .section-title {
  margin-top: 24px !important;
  margin-bottom: 12px !important;
  font-size: 18px !important;
  line-height: 1.2 !important;
}

#screenClient .kmlPackageFilters {
  position: relative !important;
  width: fit-content !important;
  max-width: 100% !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  display: block !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  z-index: 12 !important;
}

#screenClient .kmlPackageFilterTrigger {
  min-height: 42px !important;
  max-width: 100% !important;
  padding: 0 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  border: 1px solid rgba(17,24,39,.14) !important;
  border-radius: 4px !important;
  background: #ffffff !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  box-shadow: 0 4px 14px rgba(17,24,39,.08) !important;
  cursor: pointer !important;
  font: inherit !important;
  text-align: left !important;
}

#screenClient .kmlPackageFilterTrigger:hover {
  border-color: rgba(201,160,42,.42) !important;
  background: #fffdf7 !important;
}

#screenClient .kmlPackageFilterTrigger:focus-visible {
  outline: 2px solid #c9a02a !important;
  outline-offset: 2px !important;
}

#screenClient .kmlPackageFilterTriggerIcon {
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 4px !important;
  background: rgba(201,160,42,.14) !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
}

#screenClient .kmlPackageFilterTriggerText {
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

#screenClient .kmlPackageFilterTrigger small {
  color: #6b7280 !important;
  -webkit-text-fill-color: #6b7280 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}

#screenClient .kmlPackageFilterTrigger strong {
  margin-left: 4px !important;
  padding-left: 10px !important;
  border-left: 1px solid rgba(17,24,39,.12) !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

#screenClient .kmlPackageFilterChevron {
  color: #6b7280 !important;
  -webkit-text-fill-color: #6b7280 !important;
  font-size: 18px !important;
  line-height: 1 !important;
  transform: translateY(-1px) !important;
  transition: transform .18s ease !important;
}

#screenClient .kmlPackageFilters.is-open .kmlPackageFilterChevron {
  transform: translateY(1px) rotate(180deg) !important;
}

#screenClient .kmlPackageFilterMenu {
  position: absolute !important;
  left: 0 !important;
  top: calc(100% + 8px) !important;
  width: min(720px, calc(100vw - 46px)) !important;
  padding: 12px !important;
  display: grid !important;
  gap: 12px !important;
  border: 1px solid rgba(17,24,39,.12) !important;
  border-radius: 4px !important;
  background: #ffffff !important;
  box-shadow: 0 14px 34px rgba(17,24,39,.18) !important;
  opacity: 0 !important;
  transform: translateY(-8px) !important;
  pointer-events: none !important;
  transition: opacity .18s ease, transform .18s ease !important;
}

#screenClient .kmlPackageFilterMenu[hidden] {
  display: none !important;
}

#screenClient .kmlPackageFilters.is-open .kmlPackageFilterMenu {
  opacity: 1 !important;
  transform: translateY(0) !important;
  pointer-events: auto !important;
}

#screenClient .kmlPackageFilterGroup {
  min-width: 0 !important;
  display: grid !important;
  gap: 8px !important;
}

#screenClient .kmlPackageFilterGroup > span {
  color: #6b7280 !important;
  -webkit-text-fill-color: #6b7280 !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  text-shadow: none !important;
}

#screenClient .kmlPackageFilterOptions {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  flex-wrap: wrap !important;
}

#screenClient .kmlPackageFilterBtn {
  min-height: 32px !important;
  padding: 0 12px !important;
  border: 1px solid rgba(17,24,39,.12) !important;
  border-radius: 4px !important;
  background: #ffffff !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  box-shadow: none !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  cursor: pointer !important;
  transition: background .2s ease, border-color .2s ease, transform .2s ease !important;
}

#screenClient .kmlPackageFilterBtn:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(201,160,42,.38) !important;
  background: rgba(201,160,42,.08) !important;
}

#screenClient .kmlPackageFilterBtn.is-active {
  border-color: #c9a02a !important;
  background: #c9a02a !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
}

#screenClient .kmlPackageFilterBtn:focus-visible {
  outline: 2px solid #c9a02a !important;
  outline-offset: 2px !important;
}

#screenClient #packagesGrid {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 10px !important;
  align-items: stretch !important;
  margin-top: 8px !important;
}

#screenClient #packagesGrid .pkgCard {
  position: relative !important;
  min-width: 0 !important;
  height: 304px !important;
  min-height: 304px !important;
  max-height: 304px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: 4px !important;
  border: 1px solid rgba(17,24,39,.12) !important;
  background: #ffffff !important;
  background-image: none !important;
  color: #111827 !important;
  box-shadow: 0 4px 14px rgba(17,24,39,.10) !important;
  text-shadow: none !important;
}

#screenClient #packagesGrid .pkgCard::before,
#screenClient #packagesGrid .pkgCard::after {
  display: none !important;
  content: none !important;
  background: none !important;
}

#screenClient #packagesGrid .pkgCard > * {
  position: relative !important;
  z-index: 1 !important;
}

#screenClient #packagesGrid .pkgThumb {
  width: 100% !important;
  height: 92px !important;
  min-height: 92px !important;
  margin: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(17,24,39,.10) !important;
  border-radius: 0 !important;
  background-image:
    linear-gradient(180deg, rgba(0,0,0,.02), rgba(0,0,0,.12)),
    var(--pkgcover, var(--pkgbg, linear-gradient(135deg, rgba(201,160,42,.18), rgba(17,24,39,.04)))) !important;
  background-size: cover !important;
  background-position: center !important;
  box-shadow: none !important;
}

#screenClient #packagesGrid .pkgCardCat {
  min-height: 20px !important;
  max-width: calc(100% - 20px) !important;
  margin: 9px 10px 6px !important;
  padding: 3px 7px !important;
  border-radius: 4px !important;
  background: rgba(201,160,42,.12) !important;
  border: 1px solid rgba(201,160,42,.28) !important;
  color: #7a5d0d !important;
  -webkit-text-fill-color: #7a5d0d !important;
  font-size: 10px !important;
  line-height: 1.1 !important;
  font-weight: 900 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  text-shadow: none !important;
}

#screenClient #packagesGrid .pkgCard h3 {
  min-height: 34px !important;
  margin: 0 10px 5px !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  font-size: 13px !important;
  line-height: 1.22 !important;
  font-weight: 900 !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
  text-shadow: none !important;
}

#screenClient #packagesGrid .pkgCard p {
  margin: 0 10px 7px !important;
  color: #5f6877 !important;
  -webkit-text-fill-color: #5f6877 !important;
  font-size: 11px !important;
  line-height: 1.25 !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
  text-shadow: none !important;
}

#screenClient #packagesGrid .pkgCard p strong {
  color: #374151 !important;
  -webkit-text-fill-color: #374151 !important;
}

#screenClient #packagesGrid .price {
  min-height: 28px !important;
  width: fit-content !important;
  margin: 0 10px 7px !important;
  padding: 4px 8px !important;
  border-radius: 4px !important;
  background: rgba(201,160,42,.14) !important;
  border: 1px solid rgba(201,160,42,.30) !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  font-size: 15px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  text-shadow: none !important;
}

#screenClient #packagesGrid .pkgCard ul {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  margin: 0 10px 8px !important;
  padding: 0 !important;
  border: 0 !important;
  list-style: none !important;
  display: grid !important;
  align-content: start !important;
  gap: 4px !important;
  overflow: hidden !important;
  color: #5f6877 !important;
  text-shadow: none !important;
}

#screenClient #packagesGrid .pkgCard li {
  min-width: 0 !important;
  margin: 0 !important;
  color: #5f6877 !important;
  -webkit-text-fill-color: #5f6877 !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-shadow: none !important;
}

#screenClient #packagesGrid .pkgCard li::before {
  content: "+ ";
  color: #8a6b10 !important;
  font-weight: 900 !important;
}

#screenClient #packagesGrid .pkgCard li:nth-child(n+4) {
  display: none !important;
}

#screenClient #packagesGrid .pkgCard .btn {
  width: auto !important;
  min-height: 32px !important;
  margin: auto 10px 10px !important;
  padding: 0 10px !important;
  border-radius: 4px !important;
  background: #c9a02a !important;
  border: 1px solid #a98117 !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  box-shadow: none !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

#screenClient #packagesGrid .pkgCard:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(201,160,42,.38) !important;
  box-shadow: 0 8px 20px rgba(17,24,39,.14) !important;
}

#screenClient #packagesGrid .pkgCard:hover .price {
  background: rgba(201,160,42,.18) !important;
  border-color: rgba(201,160,42,.36) !important;
  color: #111827 !important;
}

#screenClient .kmlCustomPackageTitle,
#screenClient .kmlCustomPackageWrap,
#screenClient #customPackageCard {
  display: none !important;
}

@media (max-width: 1500px) {
  #screenClient #packagesGrid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 1120px) {
  #screenClient #packagesGrid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  #screenClient .kmlPackageFilters {
    width: 100% !important;
  }

  #screenClient .kmlPackageFilterTrigger,
  #screenClient .kmlPackageFilterMenu {
    width: 100% !important;
  }

  #screenClient .kmlPackageFilterBtn {
    flex: 1 1 auto !important;
  }

  #screenClient .kmlPackageFilterTrigger small {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  #screenClient #packagesGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 520px) {
  #screenClient #packagesGrid {
    grid-template-columns: 1fr !important;
  }

  #screenClient #packagesGrid .pkgCard {
    height: 286px !important;
    min-height: 286px !important;
    max-height: 286px !important;
  }
}

/* ===== Conversas: clean rebuild, white/gold product chat ===== */
body:has(#screenChat.show) main,
body:has(#screenChat.show) .wrap {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #eef0f3 !important;
}

#screenChat.kmlChatCleanShell {
  position: fixed !important;
  inset: 0 !important;
  z-index: 1300 !important;
  display: none !important;
  width: 100vw !important;
  height: 100vh !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #eef0f3 !important;
  background-image: none !important;
  color: #111827 !important;
  transform: none !important;
  opacity: 1 !important;
}

#screenChat.kmlChatCleanShell.show {
  display: block !important;
}

#screenChat.kmlChatCleanShell *,
#screenChat.kmlChatCleanShell *::before,
#screenChat.kmlChatCleanShell *::after {
  box-sizing: border-box !important;
  text-shadow: none !important;
}

#screenChat.kmlChatCleanShell .chatPageWrap {
  width: 100% !important;
  height: 100% !important;
  display: grid !important;
  grid-template-columns: 320px minmax(0, 1fr) 0;
  gap: 0 !important;
  overflow: hidden !important;
  background: #eef0f3 !important;
  background-image: none !important;
  color: #111827 !important;
}

#screenChat.kmlChatCleanShell .chatPageWrap.showInfo {
  grid-template-columns: 320px minmax(0, 1fr) 288px;
}

#screenChat.kmlChatCleanShell .chatSidebar,
#screenChat.kmlChatCleanShell .chatMain,
#screenChat.kmlChatCleanShell .chatInfoPanel {
  min-width: 0 !important;
  min-height: 0 !important;
  background: #ffffff !important;
  background-image: none !important;
  color: #111827 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

#screenChat.kmlChatCleanShell .chatSidebar {
  width: auto !important;
  display: flex !important;
  flex-direction: column !important;
  border-right: 1px solid rgba(17,24,39,.10) !important;
  overflow: hidden !important;
}

#screenChat.kmlChatCleanShell .chatSidebarHead {
  min-height: 76px !important;
  padding: 16px 16px 14px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  border-bottom: 1px solid rgba(17,24,39,.10) !important;
  background: #ffffff !important;
}

#screenChat.kmlChatCleanShell .kmlChatTitleBlock {
  min-width: 0 !important;
  flex: 1 1 auto !important;
}

#screenChat.kmlChatCleanShell .chatSidebarTitle {
  margin: 0 !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  font-size: 19px !important;
  line-height: 1.05 !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

#screenChat.kmlChatCleanShell .chatSidebarTitle::after {
  display: none !important;
  content: none !important;
}

#screenChat.kmlChatCleanShell .kmlChatTitleBlock span,
#screenChat.kmlChatCleanShell .chatSidebarSubtitle {
  display: block !important;
  margin-top: 5px !important;
  color: #6b7280 !important;
  -webkit-text-fill-color: #6b7280 !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
}

#screenChat.kmlChatCleanShell .kmlChatIconBtn,
#screenChat.kmlChatCleanShell .chatActionBtn,
#screenChat.kmlChatCleanShell .chatBackBtn,
#screenChat.kmlChatCleanShell .chatMobileBack,
#screenChat.kmlChatCleanShell .chatInfoClose {
  appearance: none !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(17,24,39,.12) !important;
  border-radius: 4px !important;
  background: #ffffff !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  box-shadow: none !important;
  cursor: pointer !important;
  transition: background .18s ease, border-color .18s ease, transform .18s ease !important;
}

#screenChat.kmlChatCleanShell .kmlChatIconBtn:hover,
#screenChat.kmlChatCleanShell .chatActionBtn:hover,
#screenChat.kmlChatCleanShell .chatBackBtn:hover,
#screenChat.kmlChatCleanShell .chatMobileBack:hover,
#screenChat.kmlChatCleanShell .chatInfoClose:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(201,160,42,.42) !important;
  background: rgba(201,160,42,.10) !important;
}

#screenChat.kmlChatCleanShell .chatSidebarSearch {
  min-height: 42px !important;
  margin: 14px 14px 10px !important;
  padding: 0 12px !important;
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  border: 1px solid rgba(17,24,39,.12) !important;
  border-radius: 4px !important;
  background: #f8fafc !important;
  color: #6b7280 !important;
}

#screenChat.kmlChatCleanShell .chatSidebarSearch:focus-within {
  border-color: #c9a02a !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 2px rgba(201,160,42,.16) !important;
}

#screenChat.kmlChatCleanShell .chatSearchInput {
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  box-shadow: none !important;
  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
}

#screenChat.kmlChatCleanShell .chatSearchInput::placeholder {
  color: #8a94a6 !important;
  -webkit-text-fill-color: #8a94a6 !important;
}

#screenChat.kmlChatCleanShell .chatFilterRow {
  padding: 0 14px 12px !important;
  display: flex !important;
  gap: 6px !important;
  overflow-x: auto !important;
  scrollbar-width: none !important;
}

#screenChat.kmlChatCleanShell .chatFilterRow::-webkit-scrollbar {
  display: none !important;
}

#screenChat.kmlChatCleanShell .chatFilterChip {
  flex: 0 0 auto !important;
  min-height: 32px !important;
  padding: 0 11px !important;
  border: 1px solid rgba(17,24,39,.12) !important;
  border-radius: 4px !important;
  background: #ffffff !important;
  color: #4b5563 !important;
  -webkit-text-fill-color: #4b5563 !important;
  box-shadow: none !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  cursor: pointer !important;
}

#screenChat.kmlChatCleanShell .chatFilterChip:hover,
#screenChat.kmlChatCleanShell .chatFilterChip.active {
  border-color: #c9a02a !important;
  background: #c9a02a !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
}

#screenChat.kmlChatCleanShell .chatContactsList {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  padding: 0 10px 12px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  overflow: auto !important;
}

#screenChat.kmlChatCleanShell .chatContactItem {
  position: relative !important;
  width: 100% !important;
  min-height: 72px !important;
  padding: 10px !important;
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) !important;
  gap: 10px !important;
  border: 1px solid transparent !important;
  border-radius: 4px !important;
  background: #ffffff !important;
  color: #111827 !important;
  text-align: left !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

#screenChat.kmlChatCleanShell .chatContactItem:hover,
#screenChat.kmlChatCleanShell .chatContactItem.active {
  border-color: rgba(201,160,42,.38) !important;
  background: #fffaf0 !important;
}

#screenChat.kmlChatCleanShell .chatContactItem.active {
  box-shadow: inset 3px 0 0 #c9a02a !important;
}

#screenChat.kmlChatCleanShell .chatContactAvatar,
#screenChat.kmlChatCleanShell .chatActiveAvatar,
#screenChat.kmlChatCleanShell .chatDrawerAvatar {
  position: relative !important;
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  border-radius: 50% !important;
  border: 1px solid rgba(17,24,39,.12) !important;
  background: #111827 !important;
  background-image: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important;
  font-size: 15px !important;
  font-weight: 900 !important;
}

#screenChat.kmlChatCleanShell .chatContactAvatar img,
#screenChat.kmlChatCleanShell .chatActiveAvatar img,
#screenChat.kmlChatCleanShell .chatDrawerAvatar img {
  width: 100% !important;
  height: 100% !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}

#screenChat.kmlChatCleanShell .chatContactPresence,
#screenChat.kmlChatCleanShell .chatPresenceDot {
  width: 10px !important;
  height: 10px !important;
  border-radius: 50% !important;
  background: #9ca3af !important;
  border: 2px solid #ffffff !important;
  box-shadow: none !important;
}

#screenChat.kmlChatCleanShell .chatContactPresence {
  position: absolute !important;
  right: -1px !important;
  bottom: -1px !important;
}

#screenChat.kmlChatCleanShell .chatPresenceDot {
  position: static !important;
  display: inline-block !important;
  flex: 0 0 auto !important;
  border-color: transparent !important;
}

#screenChat.kmlChatCleanShell .chatContactPresence.online,
#screenChat.kmlChatCleanShell .chatPresenceDot.online {
  background: #5dca7a !important;
}

#screenChat.kmlChatCleanShell .chatContactMeta {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}

#screenChat.kmlChatCleanShell .chatContactTop {
  min-width: 0 !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 8px !important;
}

#screenChat.kmlChatCleanShell .chatContactNameBlock {
  min-width: 0 !important;
  flex: 1 1 auto !important;
}

#screenChat.kmlChatCleanShell .chatContactName,
#screenChat.kmlChatCleanShell .chatActiveName {
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: 14px !important;
  line-height: 1.18 !important;
  font-weight: 900 !important;
}

#screenChat.kmlChatCleanShell .chatContactRole,
#screenChat.kmlChatCleanShell .chatActiveSub {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: #6b7280 !important;
  -webkit-text-fill-color: #6b7280 !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

#screenChat.kmlChatCleanShell .chatContactRole span {
  color: #8a94a6 !important;
  -webkit-text-fill-color: #8a94a6 !important;
}

#screenChat.kmlChatCleanShell .chatContactSide {
  display: grid !important;
  justify-items: end !important;
  gap: 5px !important;
  flex: 0 0 auto !important;
}

#screenChat.kmlChatCleanShell .chatContactTime {
  color: #8a94a6 !important;
  -webkit-text-fill-color: #8a94a6 !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
}

#screenChat.kmlChatCleanShell .chatContactLast {
  min-width: 0 !important;
  max-width: 100% !important;
  color: #6b7280 !important;
  -webkit-text-fill-color: #6b7280 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
}

#screenChat.kmlChatCleanShell .chatContactLast.isTyping {
  color: #8a6b10 !important;
  -webkit-text-fill-color: #8a6b10 !important;
  font-style: normal !important;
}

#screenChat.kmlChatCleanShell .chatContactUnread {
  min-width: 18px !important;
  height: 18px !important;
  padding: 0 6px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 4px !important;
  background: #c9a02a !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  box-shadow: none !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}

#screenChat.kmlChatCleanShell .chatContactOpenDot,
#screenChat.kmlChatCleanShell .chatContactDealTrail {
  display: none !important;
}

#screenChat.kmlChatCleanShell .chatContactTypingBadge {
  position: absolute !important;
  right: -7px !important;
  bottom: -5px !important;
  display: none !important;
  align-items: center !important;
  gap: 2px !important;
  padding: 3px 5px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(17,24,39,.10) !important;
  background: #ffffff !important;
}

#screenChat.kmlChatCleanShell .chatContactTypingBadge.show {
  display: inline-flex !important;
}

#screenChat.kmlChatCleanShell .chatContactTypingBadge i,
#screenChat.kmlChatCleanShell .chatTypingDots i {
  width: 4px !important;
  height: 4px !important;
  border-radius: 50% !important;
  display: block !important;
  background: #c9a02a !important;
  animation: kmlChatDot 1.1s ease-in-out infinite !important;
}

#screenChat.kmlChatCleanShell .chatContactsEmpty,
#screenChat.kmlChatCleanShell .chatContactSkeleton {
  margin: 6px 4px !important;
  padding: 18px 14px !important;
  border: 1px dashed rgba(17,24,39,.16) !important;
  border-radius: 4px !important;
  background: #f8fafc !important;
  color: #6b7280 !important;
  -webkit-text-fill-color: #6b7280 !important;
  text-align: center !important;
}

#screenChat.kmlChatCleanShell .chatMain {
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  background: #f5f6f8 !important;
  border-right: 1px solid rgba(17,24,39,.08) !important;
}

#screenChat.kmlChatCleanShell .chatEmpty {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  padding: 34px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  text-align: center !important;
  opacity: 1 !important;
}

#screenChat.kmlChatCleanShell .chatEmptyIcon {
  width: 58px !important;
  height: 58px !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #ffffff !important;
  color: #c9a02a !important;
  border: 1px solid rgba(17,24,39,.10) !important;
}

#screenChat.kmlChatCleanShell .chatEmptyTitle {
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  font-size: 20px !important;
  line-height: 1.15 !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

#screenChat.kmlChatCleanShell .chatEmptySub {
  max-width: 420px !important;
  color: #6b7280 !important;
  -webkit-text-fill-color: #6b7280 !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  font-weight: 700 !important;
}

#screenChat.kmlChatCleanShell .chatActiveArea {
  display: none !important;
  min-height: 0 !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

#screenChat.kmlChatCleanShell .chatPageWrap.chatActive .chatActiveArea {
  display: flex !important;
}

#screenChat.kmlChatCleanShell .chatPageWrap.chatActive .chatEmpty {
  display: none !important;
}

#screenChat.kmlChatCleanShell .chatActiveHead {
  min-height: 72px !important;
  padding: 14px 18px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  border-bottom: 1px solid rgba(17,24,39,.10) !important;
  background: #ffffff !important;
}

#screenChat.kmlChatCleanShell .chatMobileBack {
  display: none !important;
}

#screenChat.kmlChatCleanShell .chatActiveInfo {
  min-width: 0 !important;
  flex: 1 1 auto !important;
}

#screenChat.kmlChatCleanShell .chatDealBadge {
  min-height: 28px !important;
  padding: 0 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  border-radius: 4px !important;
  border: 1px solid rgba(201,160,42,.34) !important;
  background: rgba(201,160,42,.13) !important;
  color: #7a5d0d !important;
  -webkit-text-fill-color: #7a5d0d !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

#screenChat.kmlChatCleanShell .chatNegotiationStrip {
  min-height: 42px !important;
  padding: 0 18px !important;
  display: flex !important;
  align-items: center !important;
  border-bottom: 1px solid rgba(17,24,39,.08) !important;
  background: #fffaf0 !important;
  color: #5f6877 !important;
  -webkit-text-fill-color: #5f6877 !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
}

#screenChat.kmlChatCleanShell .chatNegotiationStrip b {
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
}

#screenChat.kmlChatCleanShell .chatPageMessages {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  padding: 18px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  overflow: auto !important;
  background: #f5f6f8 !important;
  background-image: none !important;
}

#screenChat.kmlChatCleanShell .chatSystemTrust,
#screenChat.kmlChatCleanShell .chatDateSeparator {
  align-self: center !important;
  color: #8a94a6 !important;
  -webkit-text-fill-color: #8a94a6 !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

#screenChat.kmlChatCleanShell .chatDateSeparator {
  display: flex !important;
  width: 100% !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 6px 0 !important;
}

#screenChat.kmlChatCleanShell .chatDateSeparator::before,
#screenChat.kmlChatCleanShell .chatDateSeparator::after {
  content: "" !important;
  height: 1px !important;
  flex: 1 !important;
  background: rgba(17,24,39,.10) !important;
}

#screenChat.kmlChatCleanShell .chatPageMsg {
  max-width: min(68%, 620px) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}

#screenChat.kmlChatCleanShell .chatPageMsg.me {
  align-self: flex-end !important;
  align-items: flex-end !important;
}

#screenChat.kmlChatCleanShell .chatPageMsg.them {
  align-self: flex-start !important;
  align-items: flex-start !important;
}

#screenChat.kmlChatCleanShell .chatPageMsgText {
  position: relative !important;
  padding: 10px 12px !important;
  border-radius: 4px !important;
  border: 1px solid rgba(17,24,39,.10) !important;
  box-shadow: none !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  font-weight: 650 !important;
  word-break: break-word !important;
  white-space: pre-wrap !important;
}

#screenChat.kmlChatCleanShell .chatPageMsg.me .chatPageMsgText {
  background: #111827 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: #111827 !important;
}

#screenChat.kmlChatCleanShell .chatPageMsg.them .chatPageMsgText {
  background: #ffffff !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
}

#screenChat.kmlChatCleanShell .chatPageMsgText::after {
  display: none !important;
  content: none !important;
}

#screenChat.kmlChatCleanShell .chatPageMsgMeta {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 0 2px !important;
  color: #8a94a6 !important;
  -webkit-text-fill-color: #8a94a6 !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
}

#screenChat.kmlChatCleanShell .chatPageMsg.me .chatPageMsgMeta,
#screenChat.kmlChatCleanShell .chatPageMsgTicks svg {
  color: #6b7280 !important;
  stroke: #6b7280 !important;
}

#screenChat.kmlChatCleanShell .chatMessageEmptyState {
  margin: auto !important;
  max-width: 580px !important;
  padding: 26px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 12px !important;
  border: 1px solid rgba(17,24,39,.10) !important;
  border-radius: 4px !important;
  background: #ffffff !important;
  color: #111827 !important;
  text-align: center !important;
  opacity: 1 !important;
}

#screenChat.kmlChatCleanShell .chatMessageEmptyState strong {
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  font-size: 18px !important;
  line-height: 1.2 !important;
  font-weight: 900 !important;
}

#screenChat.kmlChatCleanShell .chatMessageEmptyState span,
#screenChat.kmlChatCleanShell .chatBriefingGrid small {
  color: #6b7280 !important;
  -webkit-text-fill-color: #6b7280 !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
}

#screenChat.kmlChatCleanShell .chatEmptyMiniIcon {
  color: #c9a02a !important;
  -webkit-text-fill-color: #c9a02a !important;
}

#screenChat.kmlChatCleanShell .chatBriefingGrid {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

#screenChat.kmlChatCleanShell .chatBriefingGrid > div {
  padding: 10px !important;
  border: 1px solid rgba(17,24,39,.10) !important;
  border-radius: 4px !important;
  background: #f8fafc !important;
}

#screenChat.kmlChatCleanShell .chatBriefingGrid b {
  display: block !important;
  margin-bottom: 3px !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

#screenChat.kmlChatCleanShell .chatEmptySuggestions {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 8px !important;
}

#screenChat.kmlChatCleanShell .chatEmptySuggestions button,
#screenChat.kmlChatCleanShell .chatProposalActions button,
#screenChat.kmlChatCleanShell .chatProposalCard button {
  min-height: 32px !important;
  padding: 0 11px !important;
  border: 1px solid rgba(201,160,42,.38) !important;
  border-radius: 4px !important;
  background: rgba(201,160,42,.13) !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  box-shadow: none !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  cursor: pointer !important;
}

#screenChat.kmlChatCleanShell .chatTypingBar {
  display: none !important;
  padding: 0 18px 8px !important;
  background: #f5f6f8 !important;
}

#screenChat.kmlChatCleanShell .chatTypingBar.show {
  display: block !important;
}

#screenChat.kmlChatCleanShell .chatTypingBubble {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 8px 10px !important;
  border-radius: 4px !important;
  border: 1px solid rgba(17,24,39,.10) !important;
  background: #ffffff !important;
  color: #6b7280 !important;
  -webkit-text-fill-color: #6b7280 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

#screenChat.kmlChatCleanShell .chatTypingDots {
  display: inline-flex !important;
  gap: 3px !important;
}

#screenChat.kmlChatCleanShell .chatPageComposer {
  min-height: 70px !important;
  padding: 12px 18px !important;
  display: flex !important;
  align-items: flex-end !important;
  gap: 10px !important;
  border-top: 1px solid rgba(17,24,39,.10) !important;
  background: #ffffff !important;
}

#screenChat.kmlChatCleanShell .chatComposerInputWrap {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

#screenChat.kmlChatCleanShell .chatComposerInput {
  width: 100% !important;
  min-height: 44px !important;
  max-height: 132px !important;
  padding: 11px 12px !important;
  border: 1px solid rgba(17,24,39,.14) !important;
  border-radius: 4px !important;
  background: #f8fafc !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  box-shadow: none !important;
  outline: 0 !important;
  resize: none !important;
  font-family: inherit !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  font-weight: 700 !important;
}

#screenChat.kmlChatCleanShell .chatComposerInput::placeholder {
  color: #8a94a6 !important;
  -webkit-text-fill-color: #8a94a6 !important;
}

#screenChat.kmlChatCleanShell .chatComposerInput:focus {
  border-color: #c9a02a !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 2px rgba(201,160,42,.16) !important;
}

#screenChat.kmlChatCleanShell .chatComposerSend {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  padding: 0 !important;
  border: 1px solid #a98117 !important;
  border-radius: 4px !important;
  background: #c9a02a !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  box-shadow: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
}

#screenChat.kmlChatCleanShell .chatComposerSend:hover {
  background: #d6ad31 !important;
}

#screenChat.kmlChatCleanShell .chatComposerSend:disabled {
  opacity: .55 !important;
  cursor: wait !important;
}

#screenChat.kmlChatCleanShell .chatInfoPanel {
  width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  border-left: 0 !important;
  transition: opacity .18s ease !important;
}

#screenChat.kmlChatCleanShell .chatPageWrap.showInfo .chatInfoPanel,
#screenChat.kmlChatCleanShell .chatInfoPanel.show {
  width: auto !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  border-left: 1px solid rgba(17,24,39,.10) !important;
}

#screenChat.kmlChatCleanShell .chatInfoHead {
  min-height: 64px !important;
  padding: 14px 14px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  border-bottom: 1px solid rgba(17,24,39,.10) !important;
  background: #ffffff !important;
}

#screenChat.kmlChatCleanShell .chatInfoTitle {
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  font-size: 15px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

#screenChat.kmlChatCleanShell .chatInfoBody {
  padding: 16px !important;
  overflow: auto !important;
}

#screenChat.kmlChatCleanShell .chatInfoAvatarBlock {
  display: grid !important;
  justify-items: center !important;
  gap: 5px !important;
  margin: 0 0 16px !important;
  text-align: center !important;
}

#screenChat.kmlChatCleanShell #chatPageInfoAvatar {
  width: 72px !important;
  height: 72px !important;
  min-width: 72px !important;
  font-size: 26px !important;
}

#screenChat.kmlChatCleanShell .chatInfoName {
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  font-size: 17px !important;
  line-height: 1.2 !important;
  font-weight: 900 !important;
}

#screenChat.kmlChatCleanShell .chatInfoRole,
#screenChat.kmlChatCleanShell .chatInfoSub {
  color: #6b7280 !important;
  -webkit-text-fill-color: #6b7280 !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
  font-weight: 800 !important;
}

#screenChat.kmlChatCleanShell .chatInfoCard,
#screenChat.kmlChatCleanShell .chatProposalCard,
#screenChat.kmlChatCleanShell .chatAttachmentPreview {
  padding: 12px !important;
  display: grid !important;
  gap: 10px !important;
  border: 1px solid rgba(17,24,39,.10) !important;
  border-radius: 4px !important;
  background: #f8fafc !important;
  color: #111827 !important;
  box-shadow: none !important;
}

#screenChat.kmlChatCleanShell .chatInfoRow {
  display: grid !important;
  gap: 3px !important;
}

#screenChat.kmlChatCleanShell .chatInfoRow .k {
  color: #8a94a6 !important;
  -webkit-text-fill-color: #8a94a6 !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: .05em !important;
  text-transform: uppercase !important;
}

#screenChat.kmlChatCleanShell .chatInfoRow .v {
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
  font-weight: 800 !important;
  word-break: break-word !important;
}

#screenChat.kmlChatCleanShell .chatMsgLink {
  color: #8a6b10 !important;
  -webkit-text-fill-color: #8a6b10 !important;
  font-weight: 900 !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}

#screenChat.kmlChatCleanShell .chatPageSystemNotice div {
  border-radius: 4px !important;
}

@media (max-width: 1180px) {
  #screenChat.kmlChatCleanShell .chatPageWrap,
  #screenChat.kmlChatCleanShell .chatPageWrap.showInfo {
    grid-template-columns: 300px minmax(0, 1fr) !important;
  }

  #screenChat.kmlChatCleanShell .chatInfoPanel,
  #screenChat.kmlChatCleanShell .chatPageWrap.showInfo .chatInfoPanel {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: min(320px, 88vw) !important;
    max-width: 88vw !important;
    transform: translateX(102%) !important;
    opacity: 1 !important;
    pointer-events: none !important;
    border-left: 1px solid rgba(17,24,39,.10) !important;
    transition: transform .22s ease !important;
    z-index: 3 !important;
  }

  #screenChat.kmlChatCleanShell .chatInfoPanel.show,
  #screenChat.kmlChatCleanShell .chatPageWrap.showInfo .chatInfoPanel {
    transform: translateX(0) !important;
    pointer-events: auto !important;
  }
}

@media (max-width: 760px) {
  #screenChat.kmlChatCleanShell .chatPageWrap,
  #screenChat.kmlChatCleanShell .chatPageWrap.showInfo {
    grid-template-columns: 100% !important;
  }

  #screenChat.kmlChatCleanShell .chatSidebar {
    width: 100% !important;
    transform: translateX(0) !important;
    transition: transform .22s ease !important;
  }

  #screenChat.kmlChatCleanShell .chatMain {
    position: absolute !important;
    inset: 0 !important;
    transform: translateX(100%) !important;
    transition: transform .22s ease !important;
    z-index: 2 !important;
  }

  #screenChat.kmlChatCleanShell .chatPageWrap.chatActive .chatSidebar {
    transform: translateX(-32%) !important;
  }

  #screenChat.kmlChatCleanShell .chatPageWrap.chatActive .chatMain,
  #screenChat.kmlChatCleanShell.chatMobileShowMsg .chatMain {
    transform: translateX(0) !important;
  }

  #screenChat.kmlChatCleanShell .chatMobileBack {
    display: inline-flex !important;
  }

  #screenChat.kmlChatCleanShell .chatActiveHead {
    padding: 12px !important;
  }

  #screenChat.kmlChatCleanShell .chatDealBadge,
  #screenChat.kmlChatCleanShell .chatNegotiationStrip {
    display: none !important;
  }

  #screenChat.kmlChatCleanShell .chatPageMessages {
    padding: 12px !important;
  }

  #screenChat.kmlChatCleanShell .chatPageMsg {
    max-width: 88% !important;
  }

  #screenChat.kmlChatCleanShell .chatBriefingGrid {
    grid-template-columns: 1fr !important;
  }
}

/* ══════════════════════════════════════════════════════════════
   CHAT OCULTO — esconde a tela de conversas inteira, sobrando só o
   fundo do site. Reversível: apague este bloco.
   Aplicado 01/06/2026 a pedido do usuário.
   A lógica do chat continua intacta no JS; só não renderiza visual.
   Especificidade no nível do CleanShell (1 id + classes) + por vir
   por último, vence as regras de exibição existentes.
   ══════════════════════════════════════════════════════════════ */
#screenChat,
#screenChat.kmlChatCleanShell,
#screenChat.kmlChatCleanShell.show,
#screenChat.screen.show {
  display: none !important;
}

/* Karameloo chat branco aprovado - Conversas */
#screenChat.kmlChatWhiteScreen {
  --chat-bg: #eef0f3;
  --chat-panel: #ffffff;
  --chat-panel-soft: #f7f8fa;
  --chat-line: rgba(17, 24, 39, .12);
  --chat-line-soft: rgba(17, 24, 39, .08);
  --chat-text: #111827;
  --chat-muted: #667085;
  --chat-soft: #8a94a6;
  --chat-gold: #c9a02a;
  --chat-gold-dark: #8b6b10;
  --chat-green: #55b976;
  --chat-red: #dc3545;
  --chat-shadow: 0 8px 28px rgba(17, 24, 39, .10);
  --chat-radius: 4px;
  position: fixed !important;
  inset: 0 !important;
  z-index: 1300 !important;
  width: 100vw !important;
  height: 100vh !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: var(--chat-bg) !important;
  color: var(--chat-text) !important;
}

#screenChat.kmlChatWhiteScreen.show,
#screenChat.kmlChatWhiteScreen.screen.show {
  display: block !important;
}

#screenChat.kmlChatWhiteScreen > .chatPageWrap {
  display: none !important;
}

#screenChat.kmlChatWhiteScreen *,
#screenChat.kmlChatWhiteScreen *::before,
#screenChat.kmlChatWhiteScreen *::after {
  box-sizing: border-box !important;
  letter-spacing: 0 !important;
}

#screenChat.kmlChatWhiteScreen button,
#screenChat.kmlChatWhiteScreen input,
#screenChat.kmlChatWhiteScreen textarea {
  font: inherit !important;
}

#screenChat.kmlChatWhiteScreen button {
  cursor: pointer !important;
}

#screenChat.kmlChatWhiteScreen svg {
  width: 18px !important;
  height: 18px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  stroke-width: 2.2 !important;
}

#screenChat.kmlChatWhiteScreen .kmlChatShell {
  width: 100vw !important;
  height: 100dvh !important;
  display: grid !important;
  grid-template-columns: 320px minmax(0, 1fr) !important;
  background: var(--chat-bg) !important;
  font-family: "Plus Jakarta Sans", "Inter", "Segoe UI", Arial, sans-serif !important;
}

#screenChat.kmlChatWhiteScreen .chatSidebar,
#screenChat.kmlChatWhiteScreen .chatMain {
  min-width: 0 !important;
  min-height: 0 !important;
  background: var(--chat-panel) !important;
}

#screenChat.kmlChatWhiteScreen .chatSidebar {
  display: flex !important;
  flex-direction: column !important;
  border-right: 1px solid var(--chat-line) !important;
}

#screenChat.kmlChatWhiteScreen .chatBrandRow,
#screenChat.kmlChatWhiteScreen .sidebarTitleRow,
#screenChat.kmlChatWhiteScreen .chatHeader {
  display: flex !important;
  align-items: center !important;
}

#screenChat.kmlChatWhiteScreen .chatBrandRow {
  min-height: 64px !important;
  justify-content: space-between !important;
  padding: 14px 16px !important;
  border-bottom: 1px solid var(--chat-line-soft) !important;
}

#screenChat.kmlChatWhiteScreen .chatBrand {
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  color: var(--chat-text) !important;
  font-weight: 900 !important;
}

#screenChat.kmlChatWhiteScreen .chatBrand img {
  width: 28px !important;
  height: 28px !important;
  object-fit: contain !important;
}

#screenChat.kmlChatWhiteScreen .sidebarTitleRow {
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 18px 16px 12px !important;
}

#screenChat.kmlChatWhiteScreen .sidebarTitleRow h1 {
  margin: 0 !important;
  color: var(--chat-text) !important;
  font-size: 22px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}

#screenChat.kmlChatWhiteScreen .sidebarTitleRow span {
  display: block !important;
  margin-top: 6px !important;
  color: var(--chat-muted) !important;
  font-size: 12px !important;
  font-weight: 750 !important;
}

#screenChat.kmlChatWhiteScreen .iconButton {
  width: 38px !important;
  height: 38px !important;
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid var(--chat-line) !important;
  border-radius: var(--chat-radius) !important;
  background: #fff !important;
  color: #1f2937 !important;
  transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease !important;
}

#screenChat.kmlChatWhiteScreen .iconButton:hover {
  background: var(--chat-panel-soft) !important;
  border-color: rgba(201, 160, 42, .45) !important;
  color: #111827 !important;
}

#screenChat.kmlChatWhiteScreen .iconButton:active,
#screenChat.kmlChatWhiteScreen .sendButton:active,
#screenChat.kmlChatWhiteScreen .filterTab:active {
  transform: translateY(1px) !important;
}

#screenChat.kmlChatWhiteScreen .iconButton:focus-visible,
#screenChat.kmlChatWhiteScreen .filterTab:focus-visible,
#screenChat.kmlChatWhiteScreen .conversationItem:focus-visible,
#screenChat.kmlChatWhiteScreen .sendButton:focus-visible {
  outline: 2px solid var(--chat-gold) !important;
  outline-offset: 2px !important;
}

#screenChat.kmlChatWhiteScreen .searchField {
  min-height: 42px !important;
  margin: 0 16px 12px !important;
  padding: 0 12px !important;
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  border: 1px solid var(--chat-line) !important;
  border-radius: var(--chat-radius) !important;
  background: var(--chat-panel-soft) !important;
}

#screenChat.kmlChatWhiteScreen .searchField svg {
  color: var(--chat-soft) !important;
}

#screenChat.kmlChatWhiteScreen .searchField input {
  width: 100% !important;
  min-width: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  color: var(--chat-text) !important;
  font-size: 14px !important;
}

#screenChat.kmlChatWhiteScreen .searchField:focus-within {
  border-color: rgba(201, 160, 42, .55) !important;
  background: #fff !important;
}

#screenChat.kmlChatWhiteScreen .filterTabs {
  display: flex !important;
  gap: 7px !important;
  padding: 0 16px 12px !important;
  overflow-x: auto !important;
  scrollbar-width: none !important;
}

#screenChat.kmlChatWhiteScreen .filterTabs::-webkit-scrollbar {
  display: none !important;
}

#screenChat.kmlChatWhiteScreen .filterTab {
  flex: 0 0 auto !important;
  min-height: 34px !important;
  padding: 0 10px !important;
  border: 1px solid var(--chat-line) !important;
  border-radius: var(--chat-radius) !important;
  background: #fff !important;
  color: #596273 !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

#screenChat.kmlChatWhiteScreen .filterTab.isActive {
  border-color: rgba(201, 160, 42, .65) !important;
  background: rgba(201, 160, 42, .14) !important;
  color: var(--chat-gold-dark) !important;
}

#screenChat.kmlChatWhiteScreen .conversationList {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  padding: 0 10px 12px !important;
  overflow: auto !important;
}

#screenChat.kmlChatWhiteScreen .conversationItem {
  width: 100% !important;
  min-height: 84px !important;
  margin-bottom: 8px !important;
  padding: 11px !important;
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) !important;
  gap: 10px !important;
  border: 1px solid transparent !important;
  border-radius: var(--chat-radius) !important;
  background: #fff !important;
  color: inherit !important;
  text-align: left !important;
}

#screenChat.kmlChatWhiteScreen .conversationItem:hover {
  background: #fafafa !important;
  border-color: var(--chat-line) !important;
}

#screenChat.kmlChatWhiteScreen .conversationItem.isActive {
  border-color: rgba(201, 160, 42, .45) !important;
  background: rgba(201, 160, 42, .09) !important;
  box-shadow: inset 3px 0 0 var(--chat-gold) !important;
}

#screenChat.kmlChatWhiteScreen .contactAvatar,
#screenChat.kmlChatWhiteScreen .activeAvatar {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  background: #111827 !important;
  color: #fff !important;
  font-weight: 900 !important;
}

#screenChat.kmlChatWhiteScreen .contactAvatar {
  position: relative !important;
  width: 44px !important;
  height: 44px !important;
  font-size: 15px !important;
}

#screenChat.kmlChatWhiteScreen .contactAvatar .presenceDot {
  position: absolute !important;
  right: 0 !important;
  bottom: 0 !important;
  border: 2px solid #fff !important;
}

#screenChat.kmlChatWhiteScreen .conversationMeta,
#screenChat.kmlChatWhiteScreen .activeMeta {
  min-width: 0 !important;
}

#screenChat.kmlChatWhiteScreen .conversationTop {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 8px !important;
}

#screenChat.kmlChatWhiteScreen .conversationTop strong {
  min-width: 0 !important;
  overflow: hidden !important;
  color: var(--chat-text) !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

#screenChat.kmlChatWhiteScreen .conversationTime {
  flex: 0 0 auto !important;
  color: var(--chat-soft) !important;
  font-size: 11px !important;
  font-weight: 750 !important;
}

#screenChat.kmlChatWhiteScreen .conversationRole {
  margin-top: 2px !important;
  color: var(--chat-gold-dark) !important;
  font-size: 11px !important;
  font-weight: 850 !important;
}

#screenChat.kmlChatWhiteScreen .conversationLast {
  margin-top: 7px !important;
  overflow: hidden !important;
  color: var(--chat-muted) !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

#screenChat.kmlChatWhiteScreen .unreadBadge {
  min-width: 20px !important;
  height: 20px !important;
  margin-left: auto !important;
  padding: 0 6px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  background: var(--chat-red) !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 900 !important;
}

#screenChat.kmlChatWhiteScreen .emptyList {
  margin: 10px 6px !important;
  padding: 22px 16px !important;
  border: 1px dashed var(--chat-line) !important;
  border-radius: var(--chat-radius) !important;
  color: var(--chat-muted) !important;
  text-align: center !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
}

#screenChat.kmlChatWhiteScreen .chatMain {
  display: flex !important;
  flex-direction: column !important;
  background: #f5f6f8 !important;
}

#screenChat.kmlChatWhiteScreen .chatHeader {
  min-height: 70px !important;
  gap: 12px !important;
  padding: 12px 16px !important;
  border-bottom: 1px solid var(--chat-line) !important;
  background: #fff !important;
}

#screenChat.kmlChatWhiteScreen .activeAvatar {
  width: 44px !important;
  height: 44px !important;
  font-size: 15px !important;
}

#screenChat.kmlChatWhiteScreen .activeMeta {
  flex: 1 1 auto !important;
}

#screenChat.kmlChatWhiteScreen .activeMeta strong {
  display: block !important;
  overflow: hidden !important;
  color: var(--chat-text) !important;
  font-size: 16px !important;
  line-height: 1.15 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

#screenChat.kmlChatWhiteScreen .activeMeta span {
  margin-top: 5px !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: var(--chat-muted) !important;
  font-size: 12px !important;
  font-weight: 750 !important;
}

#screenChat.kmlChatWhiteScreen .presenceDot {
  width: 10px !important;
  height: 10px !important;
  display: inline-block !important;
  border-radius: 50% !important;
  background: var(--chat-soft) !important;
}

#screenChat.kmlChatWhiteScreen .presenceDot.isOnline {
  background: var(--chat-green) !important;
}

#screenChat.kmlChatWhiteScreen .messageList {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  padding: 18px 18px 10px !important;
  overflow: auto !important;
}

#screenChat.kmlChatWhiteScreen .messageGroup {
  max-width: 74% !important;
  margin: 0 0 12px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

#screenChat.kmlChatWhiteScreen .messageGroup.isMine {
  margin-left: auto !important;
  align-items: flex-end !important;
}

#screenChat.kmlChatWhiteScreen .messageBubble {
  max-width: 100% !important;
  padding: 11px 13px !important;
  border: 1px solid var(--chat-line) !important;
  border-radius: var(--chat-radius) !important;
  background: #fff !important;
  color: var(--chat-text) !important;
  font-size: 14px !important;
  line-height: 1.48 !important;
  overflow-wrap: anywhere !important;
  box-shadow: 0 2px 8px rgba(17, 24, 39, .04) !important;
}

#screenChat.kmlChatWhiteScreen .messageGroup.isMine .messageBubble {
  border-color: #111827 !important;
  background: #111827 !important;
  color: #fff !important;
}

#screenChat.kmlChatWhiteScreen .messageBubble.isFailed {
  border-color: rgba(220, 53, 69, .35) !important;
}

#screenChat.kmlChatWhiteScreen .messageMeta {
  margin-top: 5px !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: var(--chat-soft) !important;
  font-size: 11px !important;
  font-weight: 750 !important;
}

#screenChat.kmlChatWhiteScreen .messageGroup.isMine .messageMeta {
  justify-content: flex-end !important;
}

#screenChat.kmlChatWhiteScreen .messageStatus {
  color: var(--chat-gold-dark) !important;
}

#screenChat.kmlChatWhiteScreen .messageStatus.isError {
  color: var(--chat-red) !important;
}

#screenChat.kmlChatWhiteScreen .emptyMessages {
  height: 100% !important;
  min-height: 260px !important;
  display: grid !important;
  place-items: center !important;
  color: var(--chat-muted) !important;
  text-align: center !important;
}

#screenChat.kmlChatWhiteScreen .emptyMessages div {
  max-width: 360px !important;
  padding: 24px !important;
  border: 1px dashed var(--chat-line) !important;
  border-radius: var(--chat-radius) !important;
  background: rgba(255, 255, 255, .70) !important;
}

#screenChat.kmlChatWhiteScreen .emptyMessages strong {
  display: block !important;
  margin-bottom: 6px !important;
  color: var(--chat-text) !important;
}

#screenChat.kmlChatWhiteScreen .typingBar {
  height: 32px !important;
  padding: 0 18px !important;
  align-items: center !important;
  gap: 5px !important;
  color: var(--chat-muted) !important;
  font-size: 12px !important;
  font-weight: 750 !important;
}

#screenChat.kmlChatWhiteScreen .typingBar:not([hidden]) {
  display: flex !important;
}

#screenChat.kmlChatWhiteScreen .typingBar span {
  width: 5px !important;
  height: 5px !important;
  border-radius: 50% !important;
  background: var(--chat-gold) !important;
  animation: kmlWhiteTypingDot 1s infinite ease-in-out !important;
}

#screenChat.kmlChatWhiteScreen .typingBar span:nth-child(2) {
  animation-delay: .12s !important;
}

#screenChat.kmlChatWhiteScreen .typingBar span:nth-child(3) {
  animation-delay: .24s !important;
}

@keyframes kmlWhiteTypingDot {
  0%, 80%, 100% { transform: translateY(0); opacity: .45; }
  40% { transform: translateY(-3px); opacity: 1; }
}

#screenChat.kmlChatWhiteScreen .composer {
  min-height: 72px !important;
  padding: 12px 16px !important;
  display: flex !important;
  align-items: flex-end !important;
  gap: 10px !important;
  border-top: 1px solid var(--chat-line) !important;
  background: #fff !important;
}

#screenChat.kmlChatWhiteScreen .composer textarea {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  max-height: 132px !important;
  min-height: 44px !important;
  padding: 12px !important;
  resize: none !important;
  border: 1px solid var(--chat-line) !important;
  border-radius: var(--chat-radius) !important;
  outline: 0 !important;
  background: var(--chat-panel-soft) !important;
  color: var(--chat-text) !important;
  line-height: 1.4 !important;
}

#screenChat.kmlChatWhiteScreen .composer textarea:focus {
  border-color: rgba(201, 160, 42, .55) !important;
  background: #fff !important;
}

#screenChat.kmlChatWhiteScreen .sendButton {
  min-height: 44px !important;
  padding: 0 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  border: 1px solid var(--chat-gold) !important;
  border-radius: var(--chat-radius) !important;
  background: var(--chat-gold) !important;
  color: #111827 !important;
  font-weight: 900 !important;
  transition: filter .18s ease, transform .18s ease, opacity .18s ease !important;
}

#screenChat.kmlChatWhiteScreen .sendButton:hover {
  filter: brightness(.98) !important;
}

#screenChat.kmlChatWhiteScreen .sendButton[disabled] {
  cursor: not-allowed !important;
  opacity: .55 !important;
}

#screenChat.kmlChatWhiteScreen .whiteChatToast {
  position: fixed !important;
  right: 18px !important;
  bottom: 18px !important;
  z-index: 1320 !important;
  max-width: min(360px, calc(100vw - 36px)) !important;
  padding: 11px 13px !important;
  border: 1px solid var(--chat-line) !important;
  border-radius: var(--chat-radius) !important;
  background: #fff !important;
  color: var(--chat-text) !important;
  box-shadow: var(--chat-shadow) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  opacity: 0 !important;
  transform: translateY(8px) !important;
  pointer-events: none !important;
  transition: opacity .18s ease, transform .18s ease !important;
}

#screenChat.kmlChatWhiteScreen .whiteChatToast.isVisible {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

#screenChat.kmlChatWhiteScreen .mobileOnly {
  display: none !important;
}

body:has(#screenChat.kmlChatWhiteScreen.show) {
  overflow: hidden !important;
}

@media (max-width: 1180px) {
  #screenChat.kmlChatWhiteScreen .kmlChatShell {
    grid-template-columns: 300px minmax(0, 1fr) !important;
  }
}

@media (max-width: 760px) {
  #screenChat.kmlChatWhiteScreen .kmlChatShell {
    grid-template-columns: 1fr !important;
  }

  #screenChat.kmlChatWhiteScreen .mobileOnly {
    display: inline-flex !important;
  }

  #screenChat.kmlChatWhiteScreen .chatSidebar {
    position: fixed !important;
    inset: 0 auto 0 0 !important;
    z-index: 50 !important;
    width: min(320px, 88vw) !important;
    transform: translateX(-102%) !important;
    box-shadow: 16px 0 40px rgba(17, 24, 39, .16) !important;
    transition: transform .22s ease !important;
  }

  #screenChat.kmlChatWhiteScreen .kmlChatShell.showContacts .chatSidebar {
    transform: translateX(0) !important;
  }

  #screenChat.kmlChatWhiteScreen .chatHeader {
    min-height: 64px !important;
    padding: 10px 12px !important;
  }

  #screenChat.kmlChatWhiteScreen .activeAvatar {
    width: 38px !important;
    height: 38px !important;
  }

  #screenChat.kmlChatWhiteScreen .messageList {
    padding: 14px 12px 8px !important;
  }

  #screenChat.kmlChatWhiteScreen .messageGroup {
    max-width: 86% !important;
  }

  #screenChat.kmlChatWhiteScreen .composer {
    padding: 10px 12px !important;
  }

  #screenChat.kmlChatWhiteScreen .composerTool {
    display: none !important;
  }

  #screenChat.kmlChatWhiteScreen .sendButton span {
    display: none !important;
  }
}

/* Ajuste fino: remove o vão herdado do chat antigo entre lista e conversa. */
#screenChat.kmlChatWhiteScreen .kmlChatShell {
  gap: 0 !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
  padding: 0 !important;
}

#screenChat.kmlChatWhiteScreen .chatSidebar {
  margin: 0 !important;
}

#screenChat.kmlChatWhiteScreen .chatMain {
  width: auto !important;
  margin: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  border-left: 0 !important;
}

/* Mega Place: chamas literais em volta do card. */
body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop::before,
body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop::after,
#screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop::before,
#screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop::after {
  content: none !important;
  display: none !important;
}

body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop,
#screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop {
  position: relative !important;
  overflow: visible !important;
  isolation: isolate !important;
}

body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop .megaFireFrame,
#screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop .megaFireFrame {
  position: absolute !important;
  inset: -18px -16px !important;
  z-index: 0 !important;
  pointer-events: none !important;
  overflow: visible !important;
  border-radius: 10px !important;
  filter: drop-shadow(0 0 8px rgba(255,86,0,.48)) drop-shadow(0 0 14px rgba(255,183,0,.26)) !important;
}

body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop .megaFire,
#screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop .megaFire {
  position: absolute !important;
  display: flex !important;
  pointer-events: none !important;
  overflow: visible !important;
}

body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop .megaFire--top,
#screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop .megaFire--top {
  left: 11px !important;
  right: 11px !important;
  top: 0 !important;
  height: 27px !important;
  align-items: flex-end !important;
  justify-content: space-around !important;
}

body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop .megaFire--bottom,
#screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop .megaFire--bottom {
  left: 12px !important;
  right: 12px !important;
  bottom: 0 !important;
  height: 24px !important;
  align-items: flex-start !important;
  justify-content: space-around !important;
}

body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop .megaFire--left,
#screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop .megaFire--left,
body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop .megaFire--right,
#screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop .megaFire--right {
  top: 15px !important;
  bottom: 15px !important;
  width: 22px !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: space-around !important;
}

body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop .megaFire--left,
#screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop .megaFire--left {
  left: 0 !important;
}

body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop .megaFire--right,
#screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop .megaFire--right {
  right: 0 !important;
}

body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop .megaFire i,
#screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop .megaFire i {
  display: block !important;
  width: 13px !important;
  height: 25px !important;
  flex: 0 0 auto !important;
  border-radius: 58% 42% 62% 38% / 68% 60% 40% 32% !important;
  background:
    radial-gradient(ellipse at 50% 78%, rgba(255,255,214,.96) 0 18%, transparent 19%),
    radial-gradient(ellipse at 50% 62%, rgba(255,229,75,.92) 0 35%, transparent 36%),
    radial-gradient(ellipse at 48% 42%, rgba(255,132,20,.92) 0 56%, transparent 57%),
    radial-gradient(ellipse at 52% 18%, rgba(196,35,0,.68) 0 70%, transparent 72%),
    linear-gradient(to top, rgba(93,11,0,.30), rgba(255,77,0,.68) 44%, rgba(255,233,87,.75) 78%, transparent 100%) !important;
  clip-path: polygon(50% 0%, 61% 16%, 73% 34%, 86% 57%, 74% 82%, 50% 100%, 27% 82%, 14% 57%, 27% 34%, 39% 16%) !important;
  transform-origin: 50% 100% !important;
  opacity: .92 !important;
  filter: blur(.25px) saturate(1.25) contrast(1.08) !important;
  animation: kmlMegaRealFlame .78s ease-in-out infinite alternate !important;
}

body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop .megaFire--bottom i,
#screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop .megaFire--bottom i {
  transform-origin: 50% 0 !important;
  animation-name: kmlMegaRealFlameBottom !important;
}

body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop .megaFire--left i,
#screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop .megaFire--left i {
  width: 11px !important;
  height: 22px !important;
  transform-origin: 100% 50% !important;
  animation-name: kmlMegaRealFlameLeft !important;
}

body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop .megaFire--right i,
#screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop .megaFire--right i {
  width: 11px !important;
  height: 22px !important;
  transform-origin: 0 50% !important;
  animation-name: kmlMegaRealFlameRight !important;
}

body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop .megaFire i:nth-child(2n),
#screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop .megaFire i:nth-child(2n) {
  height: 19px !important;
  width: 10px !important;
  animation-duration: .64s !important;
  animation-delay: -.18s !important;
}

body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop .megaFire i:nth-child(3n),
#screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop .megaFire i:nth-child(3n) {
  height: 30px !important;
  width: 15px !important;
  animation-duration: .92s !important;
  animation-delay: -.34s !important;
}

body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop .megaFire i:nth-child(4n),
#screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop .megaFire i:nth-child(4n) {
  opacity: .78 !important;
  animation-duration: .72s !important;
  animation-delay: -.09s !important;
}

body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop .megaPlaceLabel,
body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop .megaPlaceNew,
#screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop .megaPlaceLabel,
#screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop .megaPlaceNew {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes kmlMegaRealFlame {
  0% { transform: translateY(3px) scaleY(.82) skewX(-5deg); opacity: .72; }
  42% { transform: translateY(-3px) scaleY(1.14) skewX(6deg); opacity: .98; }
  100% { transform: translateY(0) scaleY(.96) skewX(-2deg); opacity: .86; }
}

@keyframes kmlMegaRealFlameBottom {
  0% { transform: translateY(-3px) rotate(180deg) scaleY(.78) skewX(4deg); opacity: .66; }
  48% { transform: translateY(3px) rotate(180deg) scaleY(1.08) skewX(-5deg); opacity: .90; }
  100% { transform: translateY(0) rotate(180deg) scaleY(.93) skewX(2deg); opacity: .78; }
}

@keyframes kmlMegaRealFlameLeft {
  0% { transform: translateX(2px) rotate(-90deg) scaleY(.78) skewX(-4deg); opacity: .62; }
  50% { transform: translateX(-3px) rotate(-90deg) scaleY(1.12) skewX(5deg); opacity: .92; }
  100% { transform: translateX(0) rotate(-90deg) scaleY(.92) skewX(-1deg); opacity: .76; }
}

@keyframes kmlMegaRealFlameRight {
  0% { transform: translateX(-2px) rotate(90deg) scaleY(.78) skewX(4deg); opacity: .62; }
  50% { transform: translateX(3px) rotate(90deg) scaleY(1.12) skewX(-5deg); opacity: .92; }
  100% { transform: translateX(0) rotate(90deg) scaleY(.92) skewX(1deg); opacity: .76; }
}

@media (prefers-reduced-motion: reduce) {
  body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop .megaFire i,
  #screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop .megaFire i {
    animation: none !important;
  }
}

@property --kmlMegaBorderAngle {
  syntax: '<angle>';
  inherits: false;
  initial-value: 0deg;
}

body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop .megaFireFrame,
body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop .megaFire,
#screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop .megaFireFrame,
#screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop .megaFire {
  display: none !important;
}

body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop,
#screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop {
  isolation: isolate !important;
  overflow: visible !important;
  position: relative !important;
}

body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop::before,
#screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop::before {
  animation: kmlMegaBorderTrace 2.4s linear infinite, kmlMegaBorderBreath 1.45s ease-in-out infinite alternate !important;
  background: conic-gradient(
    from var(--kmlMegaBorderAngle),
    #ffe681 0deg,
    #f4c400 72deg,
    #ff3f17 135deg,
    #ffb000 205deg,
    #b81f0a 286deg,
    #ffe681 360deg
  ) !important;
  border-radius: 6px !important;
  content: "" !important;
  display: block !important;
  inset: -2px !important;
  opacity: .98 !important;
  padding: 2px !important;
  pointer-events: none !important;
  position: absolute !important;
  z-index: 1 !important;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop::after,
#screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop::after {
  animation: kmlMegaGlowBreath 1.65s ease-in-out infinite alternate !important;
  background: linear-gradient(90deg, rgba(244, 196, 0, .72), rgba(255, 63, 23, .42), rgba(255, 224, 110, .62)) !important;
  border-radius: 8px !important;
  content: "" !important;
  display: block !important;
  filter: blur(8px) !important;
  inset: -5px !important;
  opacity: .42 !important;
  padding: 5px !important;
  pointer-events: none !important;
  position: absolute !important;
  z-index: 0 !important;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop .megaPlaceLabel,
body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop .megaPlaceNew,
#screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop .megaPlaceLabel,
#screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop .megaPlaceNew {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes kmlMegaBorderTrace {
  to { --kmlMegaBorderAngle: 360deg; }
}

@keyframes kmlMegaBorderBreath {
  from { opacity: .72; }
  to { opacity: 1; }
}

@keyframes kmlMegaGlowBreath {
  from { opacity: .18; transform: scale(.985); }
  to { opacity: .48; transform: scale(1.015); }
}

@media (prefers-reduced-motion: reduce) {
  body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop::before,
  body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop::after,
  #screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop::before,
  #screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop::after {
    animation: none !important;
  }
}

/* Mega Place runner definitivo: a faixa percorre os quatro lados do card. */
body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop,
#screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop {
  animation: kmlMegaRunnerGlowFinal 1.65s ease-in-out infinite alternate !important;
  background: #f4c400 !important;
  border: 0 !important;
  box-shadow: inset 0 0 0 1px rgba(112, 74, 0, .20), 0 0 14px rgba(255, 61, 18, .18) !important;
  isolation: isolate !important;
  overflow: hidden !important;
  position: relative !important;
}

body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop::before,
#screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop::before {
  animation: none !important;
  background: linear-gradient(90deg, rgba(255, 231, 128, .92), rgba(255, 62, 18, .55)) !important;
  border-radius: 4px !important;
  content: "" !important;
  display: block !important;
  filter: none !important;
  inset: 0 !important;
  opacity: .72 !important;
  padding: 2px !important;
  pointer-events: none !important;
  position: absolute !important;
  z-index: 0 !important;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
}

body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop::after,
#screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop::after {
  animation: none !important;
  background: #f4c400 !important;
  border-radius: 3px !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .13) !important;
  content: "" !important;
  display: block !important;
  filter: none !important;
  inset: 2px !important;
  opacity: 1 !important;
  padding: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
  z-index: 1 !important;
  -webkit-mask: none !important;
  mask: none !important;
}

body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop .megaPlaceRunner,
#screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop .megaPlaceRunner {
  animation: kmlMegaRunnerLapFinal 1.55s linear infinite !important;
  background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 238, .98) 34%, #ff3917 62%, #ffe06f 84%, transparent 100%) !important;
  border-radius: 999px !important;
  box-shadow: 0 0 7px rgba(255, 232, 122, .88), 0 0 13px rgba(255, 55, 20, .62) !important;
  display: block !important;
  filter: saturate(1.25) !important;
  height: 4px !important;
  left: 0 !important;
  offset-anchor: center !important;
  offset-distance: 0%;
  offset-path: path("M 7 2 H 180 V 41 H 7 V 2") !important;
  offset-rotate: auto !important;
  opacity: 1 !important;
  pointer-events: none !important;
  position: absolute !important;
  top: 0 !important;
  transform: translate(-50%, -50%);
  width: 48px !important;
  z-index: 4 !important;
}

body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop .megaPlaceLabel,
body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop .megaPlaceNew,
#screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop .megaPlaceLabel,
#screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop .megaPlaceNew {
  position: relative !important;
  z-index: 5 !important;
}

@keyframes kmlMegaRunnerLapFinal {
  to { offset-distance: 100%; }
}

@keyframes kmlMegaRunnerGlowFinal {
  from { box-shadow: inset 0 0 0 1px rgba(112, 74, 0, .20), 0 0 10px rgba(244, 196, 0, .16); }
  to { box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .18), 0 0 17px rgba(255, 61, 18, .28); }
}

@supports not (offset-path: path("M 0 0 H 1")) {
  body:not(.preAuth) #kmlPersistentMarketShell .marketMegaPlaceTop .megaPlaceRunner,
  #screenProcurar .kmlMarketPrototypeTop .marketMegaPlaceTop .megaPlaceRunner {
    animation: kmlMegaRunnerFallbackFinal 1.55s linear infinite !important;
    offset-path: none !important;
    transform-origin: center !important;
  }
}

@keyframes kmlMegaRunnerFallbackFinal {
  0% { transform: translate(6px, 2px) rotate(0deg); }
  24% { transform: translate(133px, 2px) rotate(0deg); }
  25% { transform: translate(164px, 20px) rotate(90deg); }
  49% { transform: translate(164px, 22px) rotate(90deg); }
  50% { transform: translate(133px, 39px) rotate(180deg); }
  74% { transform: translate(6px, 39px) rotate(180deg); }
  75% { transform: translate(-16px, 20px) rotate(270deg); }
  100% { transform: translate(-16px, 2px) rotate(270deg); }
}

/* ══ Spotlight com imagens reais (12/06/2026) ══ */
.kmlSpotImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* ══════════════════════════════════════════════
   CADASTRO/AUTH NO MUNDO CLARO (12/06/2026)
   Unifica #screenAuth com o login claro da home:
   card branco, dourado sólido, sem fundo escuro.
   ══════════════════════════════════════════════ */
body #screenAuth {
  background: transparent !important; /* deixa o cream do body aparecer */
}
#screenAuth .authFullCard {
  background: #ffffff !important;
  border: 1px solid rgba(17,24,39,.13) !important;
  box-shadow: 0 4px 24px rgba(0,0,0,.10) !important;
}
#screenAuth .authTopBar {
  background: #ffffff !important;
  border-bottom: 1px solid rgba(17,24,39,.08) !important;
}
#screenAuth .authTopBar strong,
#screenAuth #titleCadastro {
  color: #111827 !important;
}
#screenAuth .authTopBar .close {
  background: transparent !important;
  border: 1px solid rgba(17,24,39,.18) !important;
  color: rgba(17,24,39,.55) !important;
}
#screenAuth .authTopBar .close:hover {
  border-color: rgba(17,24,39,.40) !important;
  color: #111827 !important;
  background: rgba(17,24,39,.04) !important;
}
#screenAuth .authLbl,
#screenAuth .field label {
  color: rgba(17,24,39,.55) !important;
}
#screenAuth .authInput,
#screenAuth .in,
#screenAuth .field input {
  background: #ffffff !important;
  border: 1px solid rgba(17,24,39,.16) !important;
  color: #111827 !important;
  border-radius: 4px !important;
}
#screenAuth .authInput::placeholder,
#screenAuth .in::placeholder,
#screenAuth .field input::placeholder {
  color: #9ca3af !important;
}
#screenAuth .authInput:focus,
#screenAuth .in:focus,
#screenAuth .field input:focus {
  border-color: rgba(201,160,42,.60) !important;
  box-shadow: 0 0 0 3px rgba(201,160,42,.12) !important;
}
#screenAuth .passToggle {
  background: transparent !important;
  border-color: rgba(17,24,39,.18) !important;
  color: rgba(17,24,39,.45) !important;
}
#screenAuth .authLegal { color: rgba(17,24,39,.55) !important; }
#screenAuth .authBottom { color: #6b7280 !important; }
#screenAuth .linkBtn { color: #c9a02a !important; }
#screenAuth .btn.primary,
#screenAuth .authBigBtn,
#screenAuth #btnCadastrar,
#screenAuth #btnLogin {
  background: #c9a02a !important;
  color: #111418 !important;
  border: none !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}
#screenAuth .btn.ghost {
  background: transparent !important;
  border: 1px solid rgba(17,24,39,.18) !important;
  color: #374151 !important;
}
#screenAuth .kmlPwStrength__seg:not(.is-ok):not(.is-bad) {
  background: rgba(17,24,39,.10) !important;
}
#screenAuth .kmlPwHint { color: #6b7280 !important; }
#screenAuth .rolePicker {
  background: rgba(17,24,39,.05) !important;
  border: 1px solid rgba(17,24,39,.10) !important;
}
#screenAuth .rolePicker .roleBtn { color: rgba(17,24,39,.50) !important; }
#screenAuth .rolePicker .roleBtn:hover { color: #111827 !important; background: rgba(17,24,39,.05) !important; }

/* ══ Pista de scroll do hero (12/06/2026) ══ */
.kmlHeroScrollCue {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 18px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: transparent;
  border: 1px solid rgba(17,24,39,.18);
  color: #374151;
  border-radius: 4px;
  padding: 8px 14px;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: .6px;
  text-transform: uppercase;
  cursor: pointer;
  transition: border-color .2s ease, background .2s ease, color .2s ease;
}
.kmlHeroScrollCue:hover {
  border-color: rgba(17,24,39,.38);
  background: rgba(17,24,39,.04);
  color: #111827;
}
@media (max-width: 768px) {
  .kmlHeroScrollCue { display: none; }
}

/* ══════════════════════════════════════════════
   CAÇA-BUGS 12/06/2026 — ROXO PROIBIDO → DOURADO
   Fonte do roxo: karameloo-improvements.css (15/05,
   anterior aos tokens). Aqui (carrega depois) vence.
   ══════════════════════════════════════════════ */
:root {
  --kml-purple: #c9a02a;
  --kml-purple-light: #d8b54a;
  --kml-purple-dim: rgba(201,160,42,.16);
}

/* Botões primários: sólido dourado, sem gradiente roxo */
.btn:not(.secondary):not(.ghost):not(.danger) {
  background: #c9a02a !important;
  color: #111418 !important;
  border: 1px solid rgba(201,160,42,.5) !important;
  box-shadow: none !important;
}

/* Tokens: radius 4px em botões (improvements usava 6/16px) */
.btn, .btn.small, .btn.secondary, .denBtn {
  border-radius: 4px !important;
}

/* Hardcoded #7c3aed que a variável não cobre */
.kmlNotifDot { background: #c9a02a !important; }
.kmlTermsCheck:checked + .kmlTermsCheckbox {
  background: #c9a02a !important;
  border-color: #c9a02a !important;
}
.waSend, #chatSendBtn, .chatSendBtn {
  background: #c9a02a !important;
}
.btn:not(.secondary):not(.ghost):not(.danger),
.btn.secondary, .btn.ghost, .btn.small {
  border-radius: 4px !important;
}

/* TabBar do perfil: era rgba(0,0,0,.25) translúcido sobre fundo cream
   (virava faixa cinza clara cortando o card escuro) → sólido escuro */
#profilePage .ppv2TabBar {
  background: #0d1119 !important;
  border-top: 1px solid rgba(255,255,255,.08) !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
}