/*
 * Meu Negócio Criativo 5.0.0 • Polimento visual final
 * Camada não destrutiva: unifica acabamento sem alterar fluxos ou dados.
 */
:root{
  --mnc-polish-radius-card:20px;
  --mnc-polish-radius-control:15px;
  --mnc-polish-line:rgba(107,75,255,.09);
  --mnc-polish-shadow:0 8px 22px rgba(74,45,98,.075);
  --mnc-polish-shadow-raised:0 12px 30px rgba(74,45,98,.095);
}

/* Sensação de produto nativo e toque previsível. */
button,[role="button"],input,select,textarea{font:inherit}
button,[role="button"]{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
button:focus-visible,[role="button"]:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:2px solid color-mix(in srgb,var(--profile-accent,var(--accent)) 62%,#fff);
  outline-offset:2px;
}

/* Cabeçalho e navegação: refinamento sem mudar identidade. */
.topbar{box-shadow:0 8px 26px rgba(68,41,92,.065)!important}
.topbar-brand{min-width:0}.topbar-brand>div{min-width:0}
.bottom-nav{box-shadow:0 12px 34px rgba(61,35,85,.13)!important}
.bottom-nav button{min-width:0}
.bottom-nav button b,.bottom-nav button small{white-space:nowrap}

/* Cards gerais: mesma linguagem de borda/sombra. */
.card,.stat,.day-command,.cash-day-card,.quick button,.menu-list>button,
.more-hub-area,.more-hub-quick,.more-hub-list button.more-hub-item,
.experience-start-card,.experience-start-steps button,.experience-shortcut-option{
  border-color:var(--mnc-polish-line)!important;
}
.card,.stat,.day-command,.cash-day-card,.quick button,.menu-list>button{
  box-shadow:var(--mnc-polish-shadow)!important;
}

/* Selos: uma única assinatura visual em todo o app. */
.more-hub-pro-badge,.pro-plan-badge,.soft-badge,.home-pro-teaser em,
.more-hub-quick em,.more-hub-area>strong i,.pro-locked-action::after{
  border-radius:999px!important;
  letter-spacing:.055em!important;
  font-style:normal!important;
  font-weight:900!important;
  text-transform:uppercase!important;
}
.more-hub-pro-badge,.home-pro-teaser em,.more-hub-quick em,.more-hub-area>strong i,.pro-locked-action::after{
  background:linear-gradient(90deg,var(--profile-soft,var(--accent-soft)),var(--profile-soft-2,#fff1f7))!important;
  color:var(--profile-accent,var(--accent))!important;
  border:1px solid color-mix(in srgb,var(--profile-accent,var(--accent)) 11%,transparent)!important;
}

/* Central Mais: menos ruído e mais hierarquia. */
.more-hub-root{gap:15px!important}
.more-hub-heading{padding-top:8px!important}
.more-hub-heading h2{letter-spacing:-.018em}
.more-hub-count{box-shadow:inset 0 0 0 1px rgba(107,75,255,.055);min-width:66px!important}
.more-hub-search{border-radius:20px!important;box-shadow:var(--mnc-polish-shadow)!important}
.more-hub-search input{line-height:1.3}
.more-hub-filters{
  position:relative;
  gap:8px!important;
  padding:2px 3px 7px!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 10px,#000 calc(100% - 16px),transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 10px,#000 calc(100% - 16px),transparent 100%);
}
.more-hub-filter{min-height:34px;padding:8px 13px!important;border-color:var(--mnc-polish-line)!important}
.more-hub-filter.active{box-shadow:0 5px 14px rgba(107,75,255,.075)!important}
.more-hub-section-title{margin-bottom:11px!important}
.more-hub-section-title h2{letter-spacing:-.012em}
.more-hub-areas{gap:10px!important}
.more-hub-area{padding:14px!important;box-shadow:var(--mnc-polish-shadow)!important;transition:transform .14s ease,box-shadow .14s ease}
.more-hub-area:active{transform:scale(.985)!important;box-shadow:0 5px 14px rgba(74,45,98,.06)!important}
.more-hub-area b{font-size:12.7px!important}
.more-hub-area small{line-height:1.3!important}
.more-hub-quick{min-height:66px;box-shadow:var(--mnc-polish-shadow)!important;transition:transform .14s ease}
.more-hub-quick:active{transform:scale(.985)}
.more-hub-selected-head{padding:10px 2px 6px!important}
.more-hub-back{min-height:34px;padding:8px 12px!important;box-shadow:inset 0 0 0 1px rgba(107,75,255,.055)}
.more-hub-group{gap:8px!important;margin-top:13px!important}
.more-hub-group-title{padding:2px 5px!important}
.more-hub-list{gap:9px!important}
.more-hub-list button.more-hub-item{
  min-height:70px!important;
  border-radius:19px!important;
  padding:12px 13px!important;
  box-shadow:var(--mnc-polish-shadow)!important;
  transition:transform .14s ease,box-shadow .14s ease;
}
.more-hub-list button.more-hub-item:active{transform:scale(.988);box-shadow:0 5px 14px rgba(74,45,98,.055)!important}
.more-hub-list .more-hub-item b{font-size:12.5px!important;line-height:1.25!important}
.more-hub-list .more-hub-item small{font-size:9.5px!important;line-height:1.38!important;margin-top:1px!important}
.more-hub-list .more-hub-item>i{opacity:.62}
.more-hub-pro-intro{box-shadow:var(--mnc-polish-shadow)}
.more-hub-empty{display:grid;place-items:center;gap:4px;min-height:112px;background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(255,248,252,.88));font-size:10.5px!important}
.more-hub-empty::before{content:"♡";font-family:Georgia,serif;font-size:28px;color:color-mix(in srgb,var(--profile-accent,var(--accent)) 35%,#fff)}

/* Primeiros passos e personalização mais legíveis. */
.experience-start-card{box-shadow:var(--mnc-polish-shadow)!important}
.experience-start-head h3{letter-spacing:-.01em}
.experience-start-head p{line-height:1.35}
.experience-start-steps button{min-height:51px;transition:transform .14s ease}
.experience-start-steps button:active{transform:scale(.985)}
.experience-start-steps button>b{line-height:1.3!important}
.experience-shortcut-option{min-height:59px;box-shadow:0 5px 15px rgba(74,45,98,.045)}

/* Estados vazios: mesma linguagem visual em telas antigas e novas. */
.empty,.compact-empty{
  border-color:color-mix(in srgb,var(--profile-accent,var(--accent)) 15%,transparent)!important;
  color:var(--muted)!important;
  line-height:1.45!important;
}
.compact-empty{padding:18px 14px!important;border-radius:17px!important;text-align:center!important}
.compact-empty::before{font-size:22px!important;margin-bottom:4px!important}

/* Modal/painel Pro com acabamento consistente. */
.home-pro-teaser{box-shadow:var(--mnc-polish-shadow)!important}
.pro-plan-card{box-shadow:var(--mnc-polish-shadow)!important}
.pro-plan-card.recommended{box-shadow:var(--mnc-polish-shadow-raised)!important}
.pro-license-meta{border-radius:18px!important}

/* Tipografia auxiliar: impede subtítulos espremidos em telas pequenas. */
small,.muted-text{line-height:1.35}
.section-title h2,.section-title h3{letter-spacing:-.008em}

@media(max-width:390px){
  .more-hub-heading{gap:10px!important}
  .more-hub-heading h2{font-size:20.5px!important}
  .more-hub-heading p{font-size:10.5px!important}
  .more-hub-count{min-width:60px!important;height:46px!important}
  .more-hub-area{padding:12px 13px!important}
  .more-hub-list button.more-hub-item{grid-template-columns:40px minmax(0,1fr) auto 12px!important;padding:11px 12px!important}
  .more-hub-list .more-hub-item .menu-icon{width:40px!important;height:40px!important}
  .more-hub-filter{padding-left:12px!important;padding-right:12px!important}
}

@media(prefers-reduced-motion:reduce){
  .more-hub-area,.more-hub-quick,.more-hub-list button.more-hub-item,.experience-start-steps button{transition:none!important}
}

@media(prefers-color-scheme:dark){
  .more-hub-empty{background:linear-gradient(145deg,#241E2C,#211B28)!important}
}
html[data-theme="dark"] .more-hub-empty,.dark .more-hub-empty{background:linear-gradient(145deg,#241E2C,#211B28)!important}
