[hidden] { display: none !important; }
body.modal-open { overflow: hidden; }
.site-header .avatar-copy { display: grid; min-width: 72px; }
.site-header .avatar-copy small { margin-top: 3px; }
.cart-header-button { position: relative; }
.cart-header-button .nav-count { position: absolute; top: -7px; right: -7px; border: 2px solid var(--bg); }
.menu-button { width: 41px; height: 41px; place-content: center; gap: 4px; border: 1px solid var(--line); border-radius: 13px; background: var(--surface); cursor: pointer; }
.menu-button span { width: 18px; height: 2px; display: block; border-radius: 99px; background: var(--text-soft); }
.loading-screen { min-height: 54vh; display: grid; place-content: center; justify-items: center; gap: 17px; }
.loading-screen p { margin: 0; font-size: .8rem; }
.loading-orb { width: 44px; height: 44px; border: 3px solid var(--line-strong); border-top-color: var(--brand); border-radius: 50%; animation: hosting-spin .8s linear infinite; }
.noscript-message { position: fixed; inset: auto 15px 15px; z-index: 999; padding: 15px; border-radius: 12px; color: white; background: var(--danger); text-align: center; }
.error-state .empty-icon { color: white; background: var(--danger); font-weight: 900; }
.favorite-button.active, .favorite-large.active { color: var(--rose); }
.product-title-button { width: 100%; padding: 0; color: inherit; text-align: left; background: transparent; cursor: pointer; }
.product-title-button h3 { margin: 0; }
.account-hero-actions { display: flex; gap: 9px; margin-left: auto; }
.account-stats > div { min-width: 0; }
.account-stats .kpi-icon { margin-bottom: 12px; }
.password-section { margin-top: 22px; }
.compact-form { max-width: 720px; }
.compact-form > .button { width: fit-content; }
.live-pill { white-space: nowrap; }
.wrong-role-note { border-color: color-mix(in srgb, var(--warning) 40%, var(--line)); }
.admin-sidebar button { width: 100%; min-height: 43px; display: flex; align-items: center; gap: 10px; padding: 0 12px; border-radius: 12px; color: var(--muted); background: transparent; cursor: pointer; text-align: left; font-size: .75rem; font-weight: 720; }
.admin-sidebar button:hover { color: var(--text); background: var(--surface); }
.admin-sidebar button.active { color: var(--brand-ink); background: var(--brand); }
.admin-sidebar button .icon { width: 17px; height: 17px; }
.admin-content { min-width: 0; }
.admin-section-heading { padding: 22px; }
.admin-section-heading p { margin-bottom: 0; }
.revenue-bars { display: grid; gap: 14px; padding: 22px; }
.revenue-bars > div { display: grid; grid-template-columns: 68px 1fr 92px; align-items: center; gap: 12px; }
.revenue-bars span, .revenue-bars strong { font-size: .65rem; }
.revenue-bars strong { text-align: right; }
.revenue-bars b { height: 8px; display: block; overflow: hidden; border-radius: 99px; background: var(--bg-soft); }
.revenue-bars i { width: 0; height: 100%; display: block; border-radius: inherit; background: linear-gradient(90deg, var(--brand), var(--violet)); transition: width .5s ease; }
.recent-order-list { display: grid; padding: 10px 20px 20px; }
.recent-order-list > div { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 11px; padding: 12px 0; border-bottom: 1px solid var(--line); }
.recent-order-list > div:last-child { border-bottom: 0; }
.recent-order-list > div > div { display: grid; }
.recent-order-list small { margin-top: 3px; color: var(--muted); font-size: .6rem; }
.recent-order-list strong, .recent-order-list b { font-size: .7rem; }
.movement-type.reembolso, .movement-type.ajuste { color: var(--warning); background: rgba(255,200,98,.1); }
.status-select:disabled { opacity: .55; }
.admin-table a { color: var(--brand); }
#app-modal { position: relative; z-index: 200; }
.installer-form input:-webkit-autofill,
.auth-form input:-webkit-autofill { -webkit-text-fill-color: var(--text); box-shadow: 0 0 0 1000px var(--bg-soft) inset; }
@keyframes hosting-spin { to { transform: rotate(360deg); } }
@media (max-width: 850px) {
  .site-header .avatar-copy { display: none; }
  .admin-sidebar button { width: auto; }
}
@media (max-width: 620px) {
  .account-hero-actions { margin-left: 0; }
  .compact-form > .button { width: 100%; }
  .revenue-bars > div { grid-template-columns: 55px 1fr; }
  .revenue-bars strong { grid-column: 2; text-align: left; }
}