/* Atual Social — identidade visual consistente nos paineis autenticados */
:root {
  --as-panel-ink: #0f172a;
  --as-panel-muted: #64748b;
  --as-panel-line: #dce4ef;
  --as-panel-blue: #4f46e5;
  --as-panel-teal: #0f9f9a;
}
.app-shell .logo {
  gap: 13px !important;
  font-weight: 850 !important;
  letter-spacing: 0.02em !important;
}
.app-shell .logo-mark {
  width: 46px !important;
  height: 46px !important;
  flex: 0 0 46px !important;
  border-radius: 15px !important;
  background: #fff url('/brand-atual-social-20260911.png?v=20260911-brandnew1') center/contain no-repeat !important;
  border: 1px solid rgba(148, 163, 184, 0.28) !important;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.14) !important;
}
.app-shell .sidebar .nav-list {
  gap: 8px !important;
}
.app-shell .sidebar .nav-btn {
  min-height: 46px !important;
  padding: 12px 14px !important;
  border-radius: 13px !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
  font-weight: 720 !important;
  letter-spacing: 0.005em !important;
}
.app-shell .sidebar .nav-btn.active {
  box-shadow: inset 0 0 0 1px rgba(99, 102, 241, 0.22), 0 8px 20px rgba(15, 23, 42, 0.08) !important;
}
.app-shell .main {
  position: relative;
  isolation: isolate;
}
.app-shell .main::before {
  content: '';
  position: fixed;
  right: 3.5vw;
  bottom: 3vh;
  width: min(310px, 28vw);
  aspect-ratio: 1;
  background: url('/brand-atual-social-20260911.png?v=20260911-brandnew1') center/contain no-repeat;
  opacity: 0.035;
  pointer-events: none;
  z-index: -1;
  filter: grayscale(0.15);
}
.store-section {
  position: relative;
  isolation: isolate;
}
.store-section::before {
  content: '';
  position: fixed;
  right: 3vw;
  bottom: 3vh;
  width: min(300px, 27vw);
  aspect-ratio: 1;
  background: url('/brand-atual-social-20260911.png?v=20260911-brandnew1') center/contain no-repeat;
  opacity: 0.032;
  pointer-events: none;
  z-index: -1;
}
.store-brand .store-mark {
  width: 46px !important;
  height: 46px !important;
  flex-basis: 46px !important;
}
.store-brand .store-mark img {
  border-radius: 15px !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.12) !important;
}
@media (max-width: 760px) {
  .app-shell .sidebar .nav-btn {
    min-height: 48px !important;
    font-size: 12px !important;
    padding: 9px 5px !important;
  }
  .app-shell .main::before,
  .store-section::before {
    width: 180px;
    right: -20px;
    bottom: 80px;
    opacity: 0.025;
  }
  .store-brand .store-mark {
    width: 40px !important;
    height: 40px !important;
    flex-basis: 40px !important;
  }
}