/* MZZ blocky workspace: preserve the dark/purple identity with flatter surfaces. */
:root {
  --blocky-line: rgba(255, 255, 255, .13);
  --blocky-panel: #101014;
  --blocky-panel-raised: #15151a;
  --blocky-purple: #6e5adf;
  --blocky-purple-soft: rgba(128, 108, 242, .14);
}

/* Flat, crisp application shell. */
.app-shell,
.workspace { background: #070708 !important; }
.rail {
  background: #09090b !important;
  border-right: 1px solid var(--blocky-line) !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
.topbar {
  background: #09090b !important;
  border-bottom: 1px solid var(--blocky-line) !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* Sharp corners and clear button priority, with no hover-only labels. */
.app-shell :is(
  .solid-button, .outline-button, .light-button, .text-button, .row-action,
  .nav-link, .account-link, .workspace-command, .app-bag-button,
  .notification-button, .avatar-button, .mobile-dock button, .mobile-menu-grid button,
  .subnav button, .chart-range button, .home-command-actions button,
  .store-ops-panel-head button, .store-ops-panel-head a, .command-actions button,
  .store-tools-sector-grid button, .merchant-toolkit-grid button, .command-panel button
) {
  border-radius: 2px !important;
  box-shadow: none !important;
  text-shadow: none !important;
  transition: background-color .12s ease, border-color .12s ease, color .12s ease !important;
}
.app-shell .solid-button,
.app-shell .solid-button:hover:not(:disabled),
.app-shell .solid-button:focus-visible:not(:disabled) {
  color: #fff !important;
  background: var(--blocky-purple) !important;
  border: 1px solid var(--blocky-purple) !important;
}
.app-shell .solid-button:hover:not(:disabled) { background: #5f4ccb !important; border-color: #5f4ccb !important; }
.app-shell .outline-button,
.app-shell .row-action {
  color: #e8e6ef !important;
  background: #0b0b0e !important;
  border: 1px solid var(--blocky-line) !important;
}
.app-shell .outline-button:hover:not(:disabled),
.app-shell .row-action:hover:not(:disabled) {
  color: #fff !important;
  background: #17151f !important;
  border-color: rgba(169, 154, 255, .55) !important;
}
.app-shell :is(button, a, input, select, textarea):focus-visible {
  outline: 2px solid rgba(169, 154, 255, .78) !important;
  outline-offset: 2px !important;
}

/* Sidebar hierarchy stays familiar; the active page is a firm purple marker. */
.rail-nav { gap: 12px !important; }
.rail-nav .nav-group > small { color: #898692 !important; }
.rail-nav .nav-link { border-color: transparent !important; }
.rail-nav .nav-link.active {
  color: #fff !important;
  background: var(--blocky-purple-soft) !important;
  border-color: rgba(128, 108, 242, .42) !important;
}
.rail-nav .nav-link.active::before {
  display: block !important;
  width: 2px !important;
  height: 14px !important;
  border-radius: 0 !important;
  background: #a99aff !important;
  box-shadow: none !important;
}

/* Remove decorative glows and gradients from the workspace's structural surfaces. */
.screen[data-screen="home"] .home-command,
.screen[data-screen="home"] .home-balance,
.screen[data-screen="home"] .store-tools-sector-grid,
.screen[data-screen="home"] .home-pulse,
.screen[data-screen="store"] .store-ops-card,
.store-detail-screen .store-ops-panel-head,
.store-detail-screen .store-ops-stats article,
.store-detail-screen .store-revenue-strip,
.store-detail-screen .subnav,
#storeOpsContent :is(.commerce-command, .command-grid article, .merchant-toolkit-grid,
  .command-panel, .analytics-overview article),
.screen[data-screen="messages"] :is(.thread-list, .message-panel, .message-composer),
.screen[data-screen="money"] :is(.money-summary, .money-card),
.screen[data-screen="account"] :is(.account-card, .settings-card),
.screen[data-screen="explore"] :is(.network-hero, .network-tools, .network-card),
.screen[data-screen="opportunities"] :is(.resell-command, .resell-flow, .resell-toolbar, .resell-empty) {
  border-radius: 2px !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
.screen[data-screen="home"] .home-command {
  background: var(--blocky-panel) !important;
  border: 1px solid var(--blocky-line) !important;
}
.screen[data-screen="home"] .home-balance { background: transparent !important; }
.screen[data-screen="home"] .store-tools-sector-grid,
#storeOpsContent .merchant-toolkit-grid {
  background: var(--blocky-panel) !important;
  border: 1px solid var(--blocky-line) !important;
}
.screen[data-screen="home"] .store-tools-sector-grid button,
#storeOpsContent .merchant-toolkit-grid button {
  background: transparent !important;
  border-color: var(--blocky-line) !important;
}
.screen[data-screen="home"] .store-tools-sector-grid button:hover,
#storeOpsContent .merchant-toolkit-grid button:hover { background: var(--blocky-panel-raised) !important; }

/* Store tabs act like a segmented, square-corner command strip. */
.store-detail-screen .subnav {
  background: #0b0b0e !important;
  border: 1px solid var(--blocky-line) !important;
}
.store-detail-screen .subnav button { border-radius: 2px !important; }
.store-detail-screen .subnav button.active {
  color: #fff !important;
  background: var(--blocky-purple-soft) !important;
  border-color: rgba(128, 108, 242, .55) !important;
}

/* Inputs and dialogs align with the same crisp control language. */
.app-shell :is(input, select, textarea),
.app-shell dialog,
.mobile-menu-dialog,
#appDialog {
  border-radius: 2px !important;
  box-shadow: none !important;
}
.app-shell :is(input, select, textarea) { border-color: var(--blocky-line) !important; }
.app-shell dialog, .mobile-menu-dialog, #appDialog {
  background: #101014 !important;
  border: 1px solid var(--blocky-line) !important;
}

@media (prefers-reduced-motion: reduce) {
  .app-shell * { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}