/* Pixel3DLab inner-page layout correction
   Fixes dropdowns that used to enter flex layout, plus compatibility for the
   legacy forum.php/tools.php modules inside the unified page shell. */

/* Keep the header out of document flow. The page content has its own top offset. */
body.pxh-inner-page .top-bar {
  position: fixed !important;
  inset: 0 0 auto 0 !important;
  z-index: 11000 !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  width: 100% !important;
  overflow: visible !important;
}

/* The nav is a single row. Dropdown content must be absolutely positioned,
   never a flex item that can stretch the navigation bar. */
body.pxh-inner-page .desktop-nav {
  position: static !important;
  display: flex !important;
  flex: 0 0 auto !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  min-width: 0 !important;
  overflow: visible !important;
  gap: 6px !important;
}
body.pxh-inner-page .desktop-nav > .nav-btn,
body.pxh-inner-page .desktop-nav > .dropdown {
  flex: 0 0 auto !important;
  align-self: center !important;
}
body.pxh-inner-page .desktop-nav .dropdown {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  z-index: 1510 !important;
}
body.pxh-inner-page .desktop-nav .dropdown::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 100% !important;
  height: 9px !important;
  background: transparent !important;
  display: block !important;
}
body.pxh-inner-page .desktop-nav .dropdown > .dropdown-content {
  position: absolute !important;
  top: calc(100% + 4px) !important;
  right: 0 !important;
  left: auto !important;
  z-index: 16000 !important;
  display: none !important;
  flex-direction: column !important;
  align-items: stretch !important;
  width: max-content !important;
  min-width: 238px !important;
  max-width: min(340px, calc(100vw - 24px)) !important;
  max-height: min(72vh, 620px) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  padding: 8px !important;
  gap: 3px !important;
  border: 1px solid var(--pl-line) !important;
  border-radius: 14px !important;
  background: var(--pl-glass-strong) !important;
  box-shadow: 0 22px 60px rgba(15,23,42,.18) !important;
  backdrop-filter: blur(24px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(135%) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateY(-4px) !important;
  transition: opacity .16s ease, transform .16s ease, visibility .16s ease !important;
}
body.pxh-inner-page .desktop-nav .dropdown:hover > .dropdown-content,
body.pxh-inner-page .desktop-nav .dropdown:focus-within > .dropdown-content,
body.pxh-inner-page .desktop-nav .dropdown.is-open > .dropdown-content {
  display: flex !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
}
body.pxh-inner-page .desktop-nav .dropdown-item {
  position: static !important;
  display: flex !important;
  flex: 0 0 auto !important;
  width: 100% !important;
  min-width: 0 !important;
  white-space: normal !important;
}

/* Stable vertical rhythm for login, registration, order pages and forum. */
body.pxh-inner-page .pxh-inner-main {
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  min-height: calc(100vh - 220px) !important;
  padding: 104px 0 58px !important;
}
body.pxh-inner-page .pxh-inner-container {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 18px !important;
  width: min(1240px, calc(100% - 44px)) !important;
  max-width: 1240px !important;
  margin: 0 auto !important;
  min-width: 0 !important;
}
body.pxh-inner-page .pxh-inner-container > * {
  min-width: 0;
}
body.pxh-inner-page .pxh-inner-container > .pxh-form-card,
body.pxh-inner-page .pxh-inner-container > section.pxh-form-card {
  align-self: center !important;
  width: min(100%, 760px) !important;
  max-width: 760px !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
}
body.pxh-inner-page .pxh-inner-container > .pxh-page-heading {
  width: 100% !important;
  margin: 0 0 2px !important;
}
body.pxh-inner-page .pxh-inner-container > .pxh-order-grid {
  width: 100% !important;
}
body.pxh-inner-page .pxh-inner-container .card {
  box-sizing: border-box !important;
  min-width: 0 !important;
}
body.pxh-inner-page .pxh-inner-container .form-group {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 0 18px !important;
}
body.pxh-inner-page .pxh-inner-container .form-group label {
  display: block !important;
  margin: 0 0 7px !important;
  line-height: 1.45 !important;
}
body.pxh-inner-page .pxh-inner-container form:not(.pxh-inline-form) input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
body.pxh-inner-page .pxh-inner-container form:not(.pxh-inline-form) select,
body.pxh-inner-page .pxh-inner-container form:not(.pxh-inline-form) textarea {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}
body.pxh-inner-page .pxh-inner-container textarea { min-height: 118px; }
body.pxh-inner-page .pxh-inline-form {
  display: flex !important;
  flex-flow: row wrap !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 0 !important;
  width: 100% !important;
}
body.pxh-inner-page .pxh-inline-form input:not([type="hidden"]),
body.pxh-inner-page .pxh-inline-form select {
  flex: 1 1 180px !important;
  width: auto !important;
  min-width: 0 !important;
}
body.pxh-inner-page .pxh-checkbox-row {
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}
body.pxh-inner-page .pxh-checkbox-row input[type="checkbox"] {
  flex: 0 0 18px !important;
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
}
body.pxh-inner-page .pxh-order-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: 18px !important;
}
body.pxh-inner-page .pxh-order-card {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  min-width: 0 !important;
}
body.pxh-inner-page .pxh-order-card .pxh-order-actions {
  margin-top: auto !important;
  padding-top: 15px !important;
  align-items: center !important;
}
body.pxh-inner-page .pxh-order-actions form { min-width: 0 !important; }
body.pxh-inner-page .pxh-order-actions .pxh-status-form { flex: 0 1 150px !important; }
body.pxh-inner-page .pxh-order-actions .pxh-status-form select { width: 100% !important; max-width: 100% !important; }
body.pxh-inner-page .pxh-order-actions > a,
body.pxh-inner-page .pxh-order-actions > button,
body.pxh-inner-page .pxh-order-actions > form { max-width: 100% !important; }
body.pxh-inner-page .pxh-table-wrap { max-width: 100% !important; }
body.pxh-inner-page .pxh-dialog {
  margin: auto !important;
  max-width: min(600px, calc(100vw - 28px)) !important;
  box-sizing: border-box !important;
}

/* Existing forum.php/tools.php modules use the original width helper classes.
   Give those modules a real flex context inside the new page shell. */
body.pxh-inner-page .pxh-legacy-module {
  display: flex !important;
  flex-flow: row wrap !important;
  align-items: flex-start !important;
  align-content: flex-start !important;
  gap: 20px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}
body.pxh-inner-page .pxh-legacy-module > .container,
body.pxh-inner-page .pxh-legacy-module .container {
  display: flex !important;
  flex-flow: row wrap !important;
  align-items: flex-start !important;
  align-content: flex-start !important;
  gap: 20px !important;
  width: 100% !important;
  max-width: 1240px !important;
  min-width: 0 !important;
  margin: 0 auto !important;
  padding: 0 !important;
}
body.pxh-inner-page .pxh-legacy-module .card {
  box-sizing: border-box !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: clamp(17px, 2.4vw, 26px) !important;
  border: 1px solid var(--pl-line) !important;
  border-left-width: 1px !important;
  border-radius: 16px !important;
  background: var(--pl-glass) !important;
  color: var(--text-main) !important;
  box-shadow: var(--shadow-md) !important;
  backdrop-filter: blur(18px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(125%) !important;
}
body.pxh-inner-page .pxh-legacy-module .card h2,
body.pxh-inner-page .pxh-legacy-module .card h3,
body.pxh-inner-page .pxh-legacy-module .card h4 { color: var(--text-main) !important; }
body.pxh-inner-page .pxh-legacy-module .card p,
body.pxh-inner-page .pxh-legacy-module .form-group label { color: var(--text-muted); }
body.pxh-inner-page .pxh-legacy-module .w-100,
body.pxh-inner-page .pxh-legacy-module .container > .w-100 { width: 100% !important; flex: 0 0 100% !important; }
body.pxh-inner-page .pxh-legacy-module .w-30,
body.pxh-inner-page .pxh-legacy-module .container > .w-30 { width: calc(30% - 6px) !important; flex: 0 1 calc(30% - 6px) !important; min-width: 0 !important; }
body.pxh-inner-page .pxh-legacy-module .w-40,
body.pxh-inner-page .pxh-legacy-module .container > .w-40 { width: calc(40% - 8px) !important; flex: 0 1 calc(40% - 8px) !important; min-width: 0 !important; }
body.pxh-inner-page .pxh-legacy-module .w-50,
body.pxh-inner-page .pxh-legacy-module .container > .w-50 { width: calc(50% - 10px) !important; flex: 0 1 calc(50% - 10px) !important; min-width: 0 !important; }
body.pxh-inner-page .pxh-legacy-module .w-60,
body.pxh-inner-page .pxh-legacy-module .container > .w-60 { width: calc(60% - 12px) !important; flex: 0 1 calc(60% - 12px) !important; min-width: 0 !important; }
body.pxh-inner-page .pxh-legacy-module .w-70,
body.pxh-inner-page .pxh-legacy-module .container > .w-70 { width: calc(70% - 14px) !important; flex: 0 1 calc(70% - 14px) !important; min-width: 0 !important; }
body.pxh-inner-page .pxh-legacy-module .card:not([class*="w-"]) { flex: 1 1 100%; width: 100%; }
body.pxh-inner-page .pxh-legacy-module .form-group { width: 100% !important; min-width: 0 !important; margin-bottom: 18px !important; }
body.pxh-inner-page .pxh-legacy-module .form-group label { display: block; margin-bottom: 7px; font-weight: 650; font-size: 13px; }
body.pxh-inner-page .pxh-legacy-module input[type="text"],
body.pxh-inner-page .pxh-legacy-module input[type="password"],
body.pxh-inner-page .pxh-legacy-module input[type="email"],
body.pxh-inner-page .pxh-legacy-module input[type="number"],
body.pxh-inner-page .pxh-legacy-module input[type="file"],
body.pxh-inner-page .pxh-legacy-module select,
body.pxh-inner-page .pxh-legacy-module textarea {
  max-width: 100% !important;
  box-sizing: border-box !important;
  color: var(--text-main) !important;
  background: var(--input-bg) !important;
  border: 1px solid var(--input-border) !important;
  border-radius: 10px !important;
}
body.pxh-inner-page .pxh-legacy-module .btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  max-width: 100% !important;
  min-height: 40px !important;
  box-sizing: border-box !important;
  white-space: normal !important;
  border-radius: 10px !important;
  text-decoration: none !important;
}
body.pxh-inner-page .pxh-legacy-module .forum-list-item { flex: 0 0 100%; width: 100%; }
body.pxh-inner-page .pxh-legacy-module .forum-list-item > div[style*="flex:1"] { min-width: 0 !important; }
body.pxh-inner-page .pxh-legacy-module .forum-post { width: 100%; min-width: 0; }
body.pxh-inner-page .pxh-legacy-module .forum-content-col { flex: 1 1 0; }
body.pxh-inner-page .pxh-legacy-module .ticket-chat,
body.pxh-inner-page .pxh-legacy-module .chat-container { width: 100%; max-width: 100%; min-width: 0; }
body.pxh-inner-page .pxh-legacy-module .chat-users,
body.pxh-inner-page .pxh-legacy-module .chat-box { min-width: 0; }

@media (max-width: 920px) {
  body.pxh-inner-page .top-bar { height: 66px !important; min-height: 66px !important; padding: 0 14px !important; }
  body.pxh-inner-page .desktop-nav { display: none !important; }
  body.pxh-inner-page .pxh-mobile-menu { top: 72px !important; z-index: 10990 !important; max-height: calc(100vh - 84px) !important; overflow-y: auto !important; }
  body.pxh-inner-page .pxh-inner-main { padding: 88px 0 38px !important; }
  body.pxh-inner-page .pxh-inner-container { width: calc(100% - 24px) !important; gap: 14px !important; }
  body.pxh-inner-page .pxh-order-grid { grid-template-columns: minmax(0, 1fr) !important; }
  body.pxh-inner-page .pxh-order-actions { align-items: stretch !important; }
  body.pxh-inner-page .pxh-legacy-module,
  body.pxh-inner-page .pxh-legacy-module .container { gap: 14px !important; }
  body.pxh-inner-page .pxh-legacy-module .w-30,
  body.pxh-inner-page .pxh-legacy-module .w-40,
  body.pxh-inner-page .pxh-legacy-module .w-50,
  body.pxh-inner-page .pxh-legacy-module .w-60,
  body.pxh-inner-page .pxh-legacy-module .w-70,
  body.pxh-inner-page .pxh-legacy-module .container > .w-30,
  body.pxh-inner-page .pxh-legacy-module .container > .w-40,
  body.pxh-inner-page .pxh-legacy-module .container > .w-50,
  body.pxh-inner-page .pxh-legacy-module .container > .w-60,
  body.pxh-inner-page .pxh-legacy-module .container > .w-70 {
    width: 100% !important;
    flex: 0 0 100% !important;
  }
  body.pxh-inner-page .pxh-legacy-module .f-stats { min-width: 0 !important; }
}
@media (max-width: 600px) {
  body.pxh-inner-page .pxh-inner-container { width: calc(100% - 20px) !important; }
  body.pxh-inner-page .pxh-form-card { padding: 20px 16px !important; }
  body.pxh-inner-page .pxh-inline-form { flex-direction: column !important; align-items: stretch !important; }
  body.pxh-inner-page .pxh-inline-form > * { width: 100% !important; max-width: 100% !important; }
  body.pxh-inner-page .pxh-legacy-module .card { padding: 17px !important; }
}
@media (prefers-reduced-motion: reduce) {
  body.pxh-inner-page .desktop-nav .dropdown-content,
  body.pxh-inner-page .pxh-inner-container .card,
  body.pxh-inner-page .pxh-legacy-module .card { transition: none !important; }
}


/* ==========================================================
   Pixel3DLab polish pass — consistent inner pages
   ========================================================== */

/* Align the inner-page brand in the same row as the fixed nav.
   The home page intentionally has a different logo placement. */
body.pxh-inner-page .top-bar {
  height: 76px !important;
  min-height: 76px !important;
  padding: 0 24px 0 220px !important;
  box-sizing: border-box !important;
}
body.pxh-inner-page .logo-container {
  position: absolute !important;
  left: 24px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  display: flex !important;
  align-items: center !important;
  z-index: 11002 !important;
  max-width: 190px !important;
  white-space: nowrap !important;
}
body.pxh-inner-page .logo-container > a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 0 !important;
  color: var(--text-main) !important;
  text-decoration: none !important;
}
body.pxh-inner-page .logo-container img {
  display: block !important;
  width: 42px !important;
  height: 42px !important;
  max-width: 42px !important;
  flex: 0 0 42px !important;
  object-fit: contain !important;
  filter: none !important;
}
body.pxh-inner-page .logo-container .pxh-logo-text {
  display: inline !important;
  color: var(--text-main) !important;
  font-size: 17px !important;
  line-height: 1 !important;
  font-weight: 850 !important;
  letter-spacing: -.045em !important;
}
body.pxh-inner-page .desktop-nav {
  flex: 0 0 auto !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 5px !important;
  min-height: 0 !important;
}
body.pxh-inner-page .desktop-nav .nav-btn {
  flex: 0 0 auto !important;
  white-space: nowrap !important;
  min-height: 40px !important;
}
body.pxh-inner-page .desktop-nav .dropdown > .dropdown-trigger {
  cursor: pointer !important;
}
body.pxh-inner-page .desktop-nav .dropdown-content {
  z-index: 16000 !important;
}

/* The inner-page stylesheet previously made the footer transparent while its
   text stayed pale, so it almost disappeared against the light page. */
body.pxh-inner-page .pxh-footer {
  position: relative !important;
  z-index: 2 !important;
  margin-top: 28px !important;
  padding: 46px 0 24px !important;
  background: #08111f !important;
  color: rgba(226,232,240,.82) !important;
  border-top: 1px solid rgba(255,255,255,.09) !important;
  opacity: 1 !important;
}
body.pxh-inner-page .pxh-footer .pxh-container {
  width: min(1240px, calc(100% - 44px)) !important;
  max-width: 1240px !important;
  margin: 0 auto !important;
}
body.pxh-inner-page .pxh-footer-brand p {
  color: rgba(226,232,240,.70) !important;
}
body.pxh-inner-page .pxh-footer-col strong {
  color: rgba(255,255,255,.94) !important;
}
body.pxh-inner-page .pxh-footer-col a {
  color: rgba(226,232,240,.72) !important;
}
body.pxh-inner-page .pxh-footer-col a:hover,
body.pxh-inner-page .pxh-footer-bottom a:hover {
  color: #55e1ff !important;
}
body.pxh-inner-page .pxh-footer-bottom {
  color: rgba(226,232,240,.68) !important;
  border-top-color: rgba(255,255,255,.14) !important;
  font-size: 11px !important;
}
body.pxh-inner-page .pxh-footer-bottom a {
  color: rgba(226,232,240,.84) !important;
}
body.pxh-inner-page .pxh-footer-status {
  color: rgba(226,232,240,.78) !important;
}

/* Global spacing and surfaces for login, registration, profile and forms. */
body.pxh-inner-page .pxh-inner-main {
  width: 100% !important;
  padding-top: 112px !important;
  padding-bottom: 54px !important;
  min-height: calc(100vh - 190px) !important;
}
body.pxh-inner-page .pxh-inner-container {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 20px !important;
}
body.pxh-inner-page .pxh-inner-container > .pxh-form-card,
body.pxh-inner-page .pxh-inner-container > section.pxh-form-card {
  width: min(100%, 700px) !important;
  max-width: 700px !important;
  justify-self: center !important;
  align-self: start !important;
  margin: 0 auto !important;
  padding: clamp(22px, 3vw, 34px) !important;
  border-radius: 18px !important;
}
body.pxh-inner-page .pxh-form-card > p:first-of-type {
  margin: 0 0 18px !important;
}
body.pxh-inner-page .pxh-form-card form {
  display: grid !important;
  gap: 0 !important;
  margin-top: 18px !important;
}
body.pxh-inner-page .pxh-form-card .form-group {
  margin: 0 0 17px !important;
}
body.pxh-inner-page .pxh-form-card input:not([type=checkbox]):not([type=radio]):not([type=hidden]),
body.pxh-inner-page .pxh-form-card select,
body.pxh-inner-page .pxh-form-card textarea {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 44px !important;
  border-radius: 11px !important;
}
body.pxh-inner-page .pxh-form-card textarea {
  min-height: 128px !important;
}
body.pxh-inner-page .pxh-form-card .pxh-button,
body.pxh-inner-page .pxh-form-card button {
  justify-self: start;
  margin-top: 2px;
}
body.pxh-inner-page .pxh-inner-container > .card:not(.pxh-form-card) {
  border-radius: 17px !important;
}
body.pxh-inner-page .pxh-inner-container h1 {
  line-height: 1.16 !important;
}
body.pxh-inner-page .pxh-inner-container h2,
body.pxh-inner-page .pxh-inner-container h3 {
  line-height: 1.28 !important;
}
body.pxh-inner-page .pxh-inner-container .alert {
  width: 100% !important;
  margin: 0 !important;
  border-radius: 12px !important;
  box-sizing: border-box !important;
}

/* Admin dashboard: form on the left and current orders on the right.
   This restores the balanced two-column workflow from the old dashboard. */
body.pxh-inner-page.pxh-page-dashboard.pxh-is-admin .pxh-inner-container {
  grid-template-columns: minmax(260px, .72fr) minmax(0, 1.55fr) !important;
  column-gap: 22px !important;
  row-gap: 20px !important;
}
body.pxh-inner-page.pxh-page-dashboard.pxh-is-admin .pxh-inner-container > .alert,
body.pxh-inner-page.pxh-page-dashboard.pxh-is-admin .pxh-inner-container > .pxh-page-heading {
  grid-column: 1 / -1 !important;
}
body.pxh-inner-page.pxh-page-dashboard.pxh-is-admin .pxh-inner-container > .pxh-form-card {
  grid-column: 1 !important;
  width: 100% !important;
  max-width: none !important;
  justify-self: stretch !important;
  padding: 22px !important;
  margin: 0 !important;
}
body.pxh-inner-page.pxh-page-dashboard.pxh-is-admin .pxh-inner-container > .pxh-order-grid,
body.pxh-inner-page.pxh-page-dashboard.pxh-is-admin .pxh-inner-container > .pxh-empty-state {
  grid-column: 2 !important;
  width: 100% !important;
  min-width: 0 !important;
}
body.pxh-inner-page.pxh-page-dashboard.pxh-is-admin .pxh-order-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: 16px !important;
}
body.pxh-inner-page .pxh-order-card {
  padding: clamp(17px, 2vw, 24px) !important;
  border-radius: 16px !important;
  overflow-wrap: anywhere !important;
}
body.pxh-inner-page .pxh-order-card h2 {
  font-size: clamp(18px, 1.7vw, 22px) !important;
}
body.pxh-inner-page .pxh-order-card .pxh-order-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}
body.pxh-inner-page .pxh-order-card .pxh-order-actions .pxh-button,
body.pxh-inner-page .pxh-order-card .pxh-order-actions .btn {
  max-width: 100% !important;
}

/* Legacy forum and generator modules: make the panel rhythm consistent,
   preserve the existing layout helpers and avoid horizontal spill. */
body.pxh-inner-page .pxh-legacy-module {
  align-items: flex-start !important;
  gap: 18px !important;
  overflow: visible !important;
}
body.pxh-inner-page .pxh-legacy-module .container {
  gap: 18px !important;
  align-items: flex-start !important;
}
body.pxh-inner-page .pxh-legacy-module .forum-header-flex {
  align-items: center !important;
  gap: 14px !important;
}
body.pxh-inner-page .pxh-legacy-module .forum-list-item {
  min-height: 76px !important;
  padding: 16px 18px !important;
  box-sizing: border-box !important;
}
body.pxh-inner-page .pxh-legacy-module .forum-icon-box {
  flex: 0 0 46px !important;
  width: 46px !important;
  height: 46px !important;
  border-radius: 12px !important;
}
body.pxh-inner-page .pxh-legacy-module .forum-post {
  gap: 20px !important;
  padding: 22px 0 !important;
}
body.pxh-inner-page .pxh-legacy-module .forum-user-col {
  flex: 0 0 170px !important;
  width: 170px !important;
}
body.pxh-inner-page .pxh-legacy-module .forum-content-col {
  flex: 1 1 0 !important;
  min-width: 0 !important;
}
body.pxh-inner-page .pxh-legacy-module textarea,
body.pxh-inner-page .pxh-legacy-module input:not([type=checkbox]):not([type=radio]):not([type=hidden]),
body.pxh-inner-page .pxh-legacy-module select {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
body.pxh-inner-page .pxh-legacy-module .f-stats {
  flex: 0 0 auto !important;
  min-width: 104px !important;
}

/* Responsive behavior: stack dashboard form and orders, keep nav logo compact. */
@media (max-width: 1080px) {
  body.pxh-inner-page .top-bar {
    padding-left: 190px !important;
  }
  body.pxh-inner-page .logo-container {
    left: 16px !important;
  }
  body.pxh-inner-page .logo-container .pxh-logo-text {
    font-size: 15px !important;
  }
  body.pxh-inner-page.pxh-page-dashboard.pxh-is-admin .pxh-inner-container {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  body.pxh-inner-page.pxh-page-dashboard.pxh-is-admin .pxh-inner-container > .pxh-form-card,
  body.pxh-inner-page.pxh-page-dashboard.pxh-is-admin .pxh-inner-container > .pxh-order-grid,
  body.pxh-inner-page.pxh-page-dashboard.pxh-is-admin .pxh-inner-container > .pxh-empty-state {
    grid-column: 1 !important;
    width: 100% !important;
    max-width: none !important;
  }
}
@media (max-width: 920px) {
  body.pxh-inner-page .top-bar {
    height: 66px !important;
    min-height: 66px !important;
    padding: 0 14px !important;
  }
  body.pxh-inner-page .logo-container {
    left: 14px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
  }
  body.pxh-inner-page .logo-container img {
    width: 38px !important;
    height: 38px !important;
    max-width: 38px !important;
    flex-basis: 38px !important;
  }
  body.pxh-inner-page .logo-container .pxh-logo-text {
    display: inline !important;
    font-size: 15px !important;
  }
  body.pxh-inner-page .pxh-mobile-toggle {
    position: relative !important;
    z-index: 11001 !important;
    display: inline-flex !important;
    flex: 0 0 42px !important;
    margin-left: auto !important;
  }
  body.pxh-inner-page .pxh-mobile-menu {
    position: fixed !important;
    top: 74px !important;
    right: 12px !important;
    z-index: 10990 !important;
    width: min(340px, calc(100vw - 24px)) !important;
    max-height: calc(100dvh - 88px) !important;
    overflow-y: auto !important;
  }
  body.pxh-inner-page .pxh-inner-main {
    padding: 88px 0 38px !important;
  }
  body.pxh-inner-page .pxh-inner-container {
    width: calc(100% - 24px) !important;
    gap: 15px !important;
  }
  body.pxh-inner-page .pxh-form-card {
    padding: 22px 18px !important;
  }
  body.pxh-inner-page .pxh-order-grid,
  body.pxh-inner-page.pxh-page-dashboard.pxh-is-admin .pxh-order-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  body.pxh-inner-page .pxh-footer {
    padding: 36px 0 22px !important;
  }
  body.pxh-inner-page .pxh-footer .pxh-container {
    width: calc(100% - 28px) !important;
  }
  body.pxh-inner-page .pxh-footer-main {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 24px 18px !important;
  }
  body.pxh-inner-page .pxh-footer-brand {
    grid-column: 1 / -1 !important;
    max-width: none !important;
  }
  body.pxh-inner-page .pxh-footer-bottom {
    align-items: flex-start !important;
    flex-direction: column !important;
  }
  body.pxh-inner-page .pxh-legacy-module .forum-post {
    gap: 14px !important;
  }
  body.pxh-inner-page .pxh-legacy-module .forum-user-col {
    flex-basis: 150px !important;
    width: 150px !important;
  }
}
@media (max-width: 650px) {
  body.pxh-inner-page .pxh-legacy-module .forum-post {
    flex-direction: column !important;
  }
  body.pxh-inner-page .pxh-legacy-module .forum-user-col {
    flex: 0 0 auto !important;
    width: 100% !important;
    border-right: 0 !important;
    border-bottom: 1px solid var(--border-color) !important;
    padding: 0 0 12px !important;
    display: flex !important;
    align-items: center !important;
    text-align: left !important;
    gap: 13px !important;
  }
  body.pxh-inner-page .pxh-legacy-module .forum-user-col .forum-avatar {
    width: 48px !important;
    height: 48px !important;
    margin: 0 !important;
    font-size: 18px !important;
  }
  body.pxh-inner-page .pxh-legacy-module .f-stats {
    width: 100% !important;
    padding-left: 0 !important;
    justify-content: flex-start !important;
  }
  body.pxh-inner-page .pxh-legacy-module .forum-list-item {
    padding: 14px !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  body.pxh-inner-page .pxh-footer-col a,
  body.pxh-inner-page .pxh-legacy-module .forum-list-item,
  body.pxh-inner-page .pxh-inner-container .card {
    transition: none !important;
  }
}
body.a11y-no-animations .pxh-inner-page .pxh-footer-col a,
body.a11y-no-animations .pxh-inner-page .pxh-legacy-module .forum-list-item {
  transition: none !important;
}

/* ==========================================================
   Pixel3DLab Admin Console + visible form/status accents
   ========================================================== */
:root {
  --pxh-accent-blue: #2785ee;
  --pxh-accent-blue-soft: rgba(39,133,238,.11);
  --pxh-accent-orange: #d97706;
  --pxh-accent-orange-soft: rgba(217,119,6,.13);
  --pxh-accent-green: #16834a;
  --pxh-accent-green-soft: rgba(22,131,74,.12);
  --pxh-accent-violet: #7753d8;
  --pxh-accent-violet-soft: rgba(119,83,216,.12);
}
[data-theme="dark"] {
  --pxh-accent-blue: #63b3ff;
  --pxh-accent-blue-soft: rgba(99,179,255,.15);
  --pxh-accent-orange: #fbbf24;
  --pxh-accent-orange-soft: rgba(251,191,36,.15);
  --pxh-accent-green: #5ee0a0;
  --pxh-accent-green-soft: rgba(94,224,160,.14);
  --pxh-accent-violet: #b7a2ff;
  --pxh-accent-violet-soft: rgba(183,162,255,.15);
}

/* Form fields must be visually distinct from the card surface. */
body.pxh-inner-page .pxh-inner-container input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
body.pxh-inner-page .pxh-inner-container select,
body.pxh-inner-page .pxh-inner-container textarea,
body.pxh-inner-page .pxh-legacy-module input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
body.pxh-inner-page .pxh-legacy-module select,
body.pxh-inner-page .pxh-legacy-module textarea {
  border: 1px solid rgba(39,133,238,.34) !important;
  background: linear-gradient(180deg, rgba(248,251,255,.98), rgba(238,245,255,.95)) !important;
  color: #1e293b !important;
  box-shadow: inset 0 1px 2px rgba(15,23,42,.035), 0 0 0 1px rgba(39,133,238,.025) !important;
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease !important;
}
body.pxh-inner-page .pxh-inner-container input[type="file"],
body.pxh-inner-page .pxh-legacy-module input[type="file"] {
  padding: 8px !important;
  background: rgba(39,133,238,.075) !important;
  border-style: dashed !important;
}
body.pxh-inner-page .pxh-inner-container input:focus,
body.pxh-inner-page .pxh-inner-container select:focus,
body.pxh-inner-page .pxh-inner-container textarea:focus,
body.pxh-inner-page .pxh-legacy-module input:focus,
body.pxh-inner-page .pxh-legacy-module select:focus,
body.pxh-inner-page .pxh-legacy-module textarea:focus {
  border-color: var(--pxh-accent-blue) !important;
  box-shadow: 0 0 0 3px rgba(39,133,238,.17), inset 0 1px 2px rgba(15,23,42,.025) !important;
  background: #fff !important;
}
[data-theme="dark"] body.pxh-inner-page .pxh-inner-container input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
[data-theme="dark"] body.pxh-inner-page .pxh-inner-container select,
[data-theme="dark"] body.pxh-inner-page .pxh-inner-container textarea,
[data-theme="dark"] body.pxh-inner-page .pxh-legacy-module input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
[data-theme="dark"] body.pxh-inner-page .pxh-legacy-module select,
[data-theme="dark"] body.pxh-inner-page .pxh-legacy-module textarea {
  border-color: rgba(99,179,255,.42) !important;
  background: linear-gradient(180deg, rgba(18,32,52,.98), rgba(14,25,42,.98)) !important;
  color: #e7eef8 !important;
}
[data-theme="dark"] body.pxh-inner-page .pxh-inner-container input:focus,
[data-theme="dark"] body.pxh-inner-page .pxh-inner-container select:focus,
[data-theme="dark"] body.pxh-inner-page .pxh-inner-container textarea:focus,
[data-theme="dark"] body.pxh-inner-page .pxh-legacy-module input:focus,
[data-theme="dark"] body.pxh-inner-page .pxh-legacy-module select:focus,
[data-theme="dark"] body.pxh-inner-page .pxh-legacy-module textarea:focus {
  background: #101f34 !important;
}
body.pxh-inner-page .pxh-inner-container input[type="checkbox"],
body.pxh-inner-page .pxh-inner-container input[type="radio"] {
  accent-color: var(--pxh-accent-blue);
}
body.pxh-inner-page .pxh-inner-container .form-group label,
body.pxh-inner-page .pxh-legacy-module .form-group label {
  color: var(--text-main) !important;
  font-weight: 700 !important;
}
body.pxh-inner-page .pxh-inner-container .form-group small,
body.pxh-inner-page .pxh-editor-section .form-group small {
  display: block;
  margin-top: 6px;
  color: var(--text-muted);
  font-size: 12px;
  line-height: 1.5;
}
body.pxh-inner-page .pxh-button-primary {
  border-color: rgba(39,133,238,.38) !important;
  background: linear-gradient(135deg, #2387f2, #1769c8) !important;
  color: #fff !important;
  box-shadow: 0 7px 18px rgba(35,135,242,.20) !important;
}
body.pxh-inner-page .pxh-button-primary:hover {
  background: linear-gradient(135deg, #1475df, #125ab0) !important;
  box-shadow: 0 9px 22px rgba(35,135,242,.27) !important;
}
body.pxh-inner-page .pxh-button-secondary {
  border-color: rgba(39,133,238,.25) !important;
  background: rgba(39,133,238,.08) !important;
  color: #185ea8 !important;
}
[data-theme="dark"] body.pxh-inner-page .pxh-button-secondary {
  border-color: rgba(99,179,255,.30) !important;
  background: rgba(99,179,255,.12) !important;
  color: #b9dcff !important;
}
body.pxh-inner-page .pxh-button-danger {
  border-color: rgba(220,38,38,.27) !important;
  background: rgba(220,38,38,.10) !important;
  color: #b91c1c !important;
}
[data-theme="dark"] body.pxh-inner-page .pxh-button-danger {
  background: rgba(248,113,113,.13) !important;
  color: #fca5a5 !important;
}
body.pxh-inner-page .pxh-button:focus-visible,
body.pxh-inner-page .pxh-editor-jump-nav a:focus-visible,
body.pxh-inner-page .pxh-admin-shortcut:focus-visible {
  outline: 3px solid #ffdf57 !important;
  outline-offset: 3px !important;
}

/* Clearly color-code orders in both the admin dashboard and account view. */
body.pxh-inner-page .pxh-order-card {
  position: relative !important;
  border: 1px solid var(--pxh-page-line, var(--border-color)) !important;
  border-left: 5px solid var(--pxh-accent-blue) !important;
  background: linear-gradient(125deg, rgba(39,133,238,.075), var(--pxh-page-glass, rgba(255,255,255,.72)) 42%) !important;
}
body.pxh-inner-page .pxh-order-card.is-new {
  border-left-color: #2585ef !important;
  background: linear-gradient(125deg, rgba(37,133,239,.11), var(--pxh-page-glass, rgba(255,255,255,.72)) 48%) !important;
}
body.pxh-inner-page .pxh-order-card.is-progress {
  border-left-color: #e58a13 !important;
  background: linear-gradient(125deg, rgba(245,158,11,.13), var(--pxh-page-glass, rgba(255,255,255,.72)) 48%) !important;
}
body.pxh-inner-page .pxh-order-card.is-done {
  border-left-color: #16a34a !important;
  background: linear-gradient(125deg, rgba(22,163,74,.11), var(--pxh-page-glass, rgba(255,255,255,.72)) 48%) !important;
}
body.pxh-inner-page .pxh-order-status {
  align-items: center;
  gap: 6px;
  padding: 6px 10px !important;
  border: 1px solid rgba(39,133,238,.24) !important;
  background: rgba(39,133,238,.12) !important;
  color: #1769c8 !important;
}
body.pxh-inner-page .pxh-order-status svg { width: 14px; height: 14px; }
body.pxh-inner-page .pxh-order-status.is-new { border-color: rgba(37,133,239,.30) !important; background: rgba(37,133,239,.13) !important; color: #1769c8 !important; }
body.pxh-inner-page .pxh-order-status.is-progress { border-color: rgba(217,119,6,.34) !important; background: rgba(245,158,11,.16) !important; color: #a65a00 !important; }
body.pxh-inner-page .pxh-order-status.is-done { border-color: rgba(22,163,74,.31) !important; background: rgba(22,163,74,.13) !important; color: #13753d !important; }
[data-theme="dark"] body.pxh-inner-page .pxh-order-status.is-new { color: #9acbff !important; background: rgba(59,130,246,.18) !important; }
[data-theme="dark"] body.pxh-inner-page .pxh-order-status.is-progress { color: #fcd38d !important; background: rgba(245,158,11,.17) !important; }
[data-theme="dark"] body.pxh-inner-page .pxh-order-status.is-done { color: #8de3ae !important; background: rgba(22,163,74,.17) !important; }
body.pxh-inner-page .pxh-status-form select {
  border-color: rgba(39,133,238,.30) !important;
  background: rgba(39,133,238,.09) !important;
  font-weight: 750 !important;
}
body.pxh-inner-page .pxh-order-card.is-progress .pxh-status-form select { border-color: rgba(217,119,6,.38) !important; background: rgba(245,158,11,.12) !important; }
body.pxh-inner-page .pxh-order-card.is-done .pxh-status-form select { border-color: rgba(22,163,74,.34) !important; background: rgba(22,163,74,.10) !important; }

/* Admin dashboard overview */
body.pxh-inner-page.pxh-page-dashboard.pxh-is-admin .pxh-inner-container > .pxh-admin-overview {
  grid-column: 1 / -1 !important;
  width: 100%;
  min-width: 0;
}
.pxh-admin-overview { display: grid; gap: 18px; margin: 0 0 4px; }
.pxh-admin-metrics { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
.pxh-admin-metric {
  display: flex; align-items: flex-start; gap: 12px; min-width: 0; padding: 17px 15px;
  border: 1px solid var(--pxh-page-line, var(--border-color)); border-radius: 15px;
  background: var(--pxh-page-glass, rgba(255,255,255,.72));
  box-shadow: 0 9px 28px rgba(15,23,42,.045); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
}
.pxh-admin-metric-icon { display: grid; place-items: center; flex: 0 0 38px; width: 38px; height: 38px; border-radius: 11px; background: rgba(39,133,238,.12); color: var(--pxh-accent-blue); }
.pxh-admin-metric-icon svg { width: 19px; height: 19px; }
.pxh-admin-metric > div { min-width: 0; display: grid; gap: 3px; }
.pxh-admin-metric small { color: var(--text-muted); font-size: 11px; font-weight: 750; }
.pxh-admin-metric strong { color: var(--text-main); font-size: clamp(23px, 2.5vw, 31px); line-height: 1.12; letter-spacing: -.04em; font-variant-numeric: tabular-nums; }
.pxh-admin-metric > div > span { color: var(--text-muted); font-size: 10px; line-height: 1.4; }
.pxh-admin-metric.metric-orange .pxh-admin-metric-icon { background: var(--pxh-accent-orange-soft); color: var(--pxh-accent-orange); }
.pxh-admin-metric.metric-green .pxh-admin-metric-icon { background: var(--pxh-accent-green-soft); color: var(--pxh-accent-green); }
.pxh-admin-metric.metric-violet .pxh-admin-metric-icon { background: var(--pxh-accent-violet-soft); color: var(--pxh-accent-violet); }
.pxh-admin-shortcuts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.pxh-admin-shortcut { display: flex; align-items: center; gap: 11px; min-width: 0; padding: 13px; border: 1px solid rgba(39,133,238,.19); border-radius: 13px; background: rgba(39,133,238,.045); color: var(--text-main); text-decoration: none; transition: border-color .18s ease, background .18s ease, transform .18s ease; }
.pxh-admin-shortcut:hover { border-color: rgba(39,133,238,.42); background: rgba(39,133,238,.085); transform: translateY(-2px); }
.pxh-admin-shortcut-icon { display: grid; place-items: center; flex: 0 0 34px; width: 34px; height: 34px; border-radius: 10px; background: rgba(39,133,238,.12); color: var(--pxh-accent-blue); }
.pxh-admin-shortcut-icon svg { width: 17px; height: 17px; }
.pxh-admin-shortcut > span:nth-child(2) { display: grid; gap: 3px; min-width: 0; }
.pxh-admin-shortcut strong { font-size: 12px; line-height: 1.3; }
.pxh-admin-shortcut small { color: var(--text-muted); font-size: 10px; line-height: 1.4; }
.pxh-admin-shortcut-arrow { flex: 0 0 auto; width: 15px; height: 15px; margin-left: auto; color: var(--pxh-accent-blue); opacity: .75; }
[data-theme="dark"] .pxh-admin-metric { background: rgba(15,23,42,.75); }
[data-theme="dark"] .pxh-admin-shortcut { border-color: rgba(99,179,255,.20); background: rgba(99,179,255,.055); }
[data-theme="dark"] .pxh-admin-shortcut:hover { background: rgba(99,179,255,.12); }
.pxh-admin-order-create { border-top: 3px solid #2785ee !important; }
.pxh-admin-order-create h2 { margin: 4px 0 7px; }
.pxh-admin-order-create > p { margin: 0 0 14px; }

/* Website editor: a real, segmented admin workspace instead of one long form. */
body.pxh-inner-page.pxh-page-edit_content .pxh-inner-container > .pxh-admin-editor { grid-column: 1 / -1 !important; width: 100%; min-width: 0; }
.pxh-admin-editor { display: grid; gap: 16px; width: 100%; min-width: 0; }
.pxh-admin-editor-heading { margin-bottom: 0 !important; align-items: center !important; }
.pxh-admin-editor-heading .pxh-button { flex: 0 0 auto; }
.pxh-editor-jump-nav { display: flex; flex-wrap: wrap; gap: 7px; padding: 12px; border: 1px solid var(--pxh-page-line, var(--border-color)); border-radius: 14px; background: var(--pxh-page-glass, rgba(255,255,255,.72)); }
.pxh-editor-jump-nav a { display: inline-flex; align-items: center; gap: 6px; padding: 8px 10px; border: 1px solid rgba(39,133,238,.15); border-radius: 9px; background: rgba(39,133,238,.055); color: var(--text-main); font-size: 11px; font-weight: 750; text-decoration: none; transition: background .18s ease, border-color .18s ease; }
.pxh-editor-jump-nav a:hover { border-color: rgba(39,133,238,.38); background: rgba(39,133,238,.11); }
.pxh-editor-jump-nav svg { width: 14px; height: 14px; color: var(--pxh-accent-blue); }
.pxh-editor-form { display: grid; gap: 16px; }
.pxh-editor-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; align-items: stretch; }
.pxh-editor-section { min-width: 0; margin: 0 !important; padding: clamp(18px, 2.1vw, 26px) !important; border-radius: 17px !important; scroll-margin-top: 100px; }
.pxh-editor-section-wide { grid-column: 1 / -1; }
.pxh-editor-section-head { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid var(--pxh-page-line, var(--border-color)); }
.pxh-editor-icon { display: grid; place-items: center; flex: 0 0 40px; width: 40px; height: 40px; border: 1px solid rgba(39,133,238,.22); border-radius: 12px; background: rgba(39,133,238,.09); color: var(--pxh-accent-blue); }
.pxh-editor-icon svg { width: 20px; height: 20px; }
.pxh-editor-section-head > div { min-width: 0; }
.pxh-editor-section-head .pxh-section-label { margin: 0 0 4px; }
.pxh-editor-section-head h2 { margin: 0 0 5px !important; font-size: 19px; line-height: 1.25; }
.pxh-editor-section-head p { margin: 0; color: var(--text-muted); font-size: 12px; line-height: 1.5; }
.pxh-editor-section .form-group { margin-bottom: 17px !important; }
.pxh-editor-section .form-group:last-child { margin-bottom: 0 !important; }
.pxh-editor-section .form-group input,
.pxh-editor-section .form-group textarea { min-height: 43px; }
.pxh-editor-section .form-group textarea { resize: vertical; line-height: 1.6; }
.pxh-editor-section .pxh-code-textarea { background: linear-gradient(180deg, #111f33, #0c1727) !important; color: #d7e8fa !important; border-color: rgba(99,179,255,.36) !important; font: 12px/1.65 ui-monospace, SFMono-Regular, Consolas, monospace !important; tab-size: 2; }
.pxh-editor-section .pxh-code-textarea:focus { background: #0c1727 !important; border-color: #55b8ff !important; box-shadow: 0 0 0 3px rgba(39,133,238,.2) !important; }
.pxh-editor-notice { display: flex; align-items: flex-start; gap: 9px; margin-top: 16px; padding: 11px 12px; border: 1px solid rgba(39,133,238,.18); border-radius: 10px; background: rgba(39,133,238,.055); color: var(--text-muted); font-size: 11px; line-height: 1.55; }
.pxh-editor-notice svg { flex: 0 0 16px; width: 16px; height: 16px; color: var(--pxh-accent-blue); }
.pxh-editor-actions { position: sticky; bottom: 12px; z-index: 20; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 15px 17px; border: 1px solid rgba(39,133,238,.25); border-radius: 15px; background: var(--pl-glass-strong, rgba(255,255,255,.94)); box-shadow: 0 12px 36px rgba(15,23,42,.13); backdrop-filter: blur(20px) saturate(140%); -webkit-backdrop-filter: blur(20px) saturate(140%); }
.pxh-editor-actions > div:first-child { display: grid; gap: 4px; }
.pxh-editor-actions > div:first-child strong { font-size: 13px; color: var(--text-main); }
.pxh-editor-actions > div:first-child small { color: var(--text-muted); font-size: 11px; }
.pxh-editor-action-buttons { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 8px; }
[data-theme="dark"] .pxh-editor-actions { background: rgba(12,22,38,.94); }

@media (max-width: 1120px) {
  .pxh-admin-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .pxh-admin-shortcuts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 920px) {
  .pxh-editor-grid { grid-template-columns: minmax(0, 1fr); }
  .pxh-editor-section-wide { grid-column: auto; }
  .pxh-admin-editor-heading { align-items: flex-start !important; flex-direction: column !important; }
  .pxh-admin-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.pxh-inner-page.pxh-page-dashboard.pxh-is-admin .pxh-inner-container > .pxh-admin-overview { grid-column: 1 / -1 !important; }
}
@media (max-width: 600px) {
  .pxh-admin-metrics { grid-template-columns: minmax(0, 1fr); }
  .pxh-admin-metric { align-items: center; padding: 14px; }
  .pxh-admin-shortcuts { grid-template-columns: minmax(0, 1fr); }
  .pxh-editor-jump-nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pxh-editor-jump-nav a { justify-content: flex-start; }
  .pxh-editor-actions { position: static; align-items: stretch; flex-direction: column; }
  .pxh-editor-action-buttons { display: grid; grid-template-columns: minmax(0, 1fr); }
  .pxh-editor-action-buttons .pxh-button { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  body.pxh-inner-page .pxh-admin-shortcut,
  body.pxh-inner-page .pxh-editor-jump-nav a,
  body.pxh-inner-page .pxh-inner-container input,
  body.pxh-inner-page .pxh-inner-container select,
  body.pxh-inner-page .pxh-inner-container textarea { transition: none !important; }
}
body.a11y-no-animations .pxh-admin-shortcut,
body.a11y-no-animations .pxh-editor-jump-nav a,
body.a11y-no-animations .pxh-inner-container input,
body.a11y-no-animations .pxh-inner-container select,
body.a11y-no-animations .pxh-inner-container textarea { transition: none !important; transform: none !important; }

/* Consistent accent treatment for older forum/tools buttons as well. */
body.pxh-inner-page .pxh-legacy-module .btn:not(.btn-green):not(.btn-red):not(.btn-yellow):not(.btn-purple) {
  border: 1px solid rgba(39,133,238,.28) !important;
  background: linear-gradient(135deg, #2387f2, #1769c8) !important;
  color: #fff !important;
  box-shadow: 0 6px 16px rgba(35,135,242,.16) !important;
}
body.pxh-inner-page .pxh-legacy-module .btn-green {
  border: 1px solid rgba(22,163,74,.28) !important;
  background: linear-gradient(135deg, #22a35a, #16803f) !important;
  color: #fff !important;
}
body.pxh-inner-page .pxh-legacy-module .btn-red {
  border: 1px solid rgba(220,38,38,.30) !important;
  background: linear-gradient(135deg, #e34f55, #be2932) !important;
  color: #fff !important;
}
body.pxh-inner-page .pxh-legacy-module .btn-yellow {
  border: 1px solid rgba(217,119,6,.32) !important;
  background: linear-gradient(135deg, #f7c35b, #e69a19) !important;
  color: #33220a !important;
}
body.pxh-inner-page .pxh-legacy-module .btn-purple {
  border: 1px solid rgba(124,58,237,.30) !important;
  background: linear-gradient(135deg, #8b5cf6, #6d42cb) !important;
  color: #fff !important;
}