/* Solid mobile surfaces for the CN midnight site; loaded only by that host. */
@media (max-width: 820px) {
  .number-card, .number-card:hover, .number-card:active,
  .category-card, .category-card:hover, .category-card:active,
  .article-card, .article-card:hover, .article-card:active,
  .news-card, .news-card:hover, .news-card:active,
  .detail-number-card, .detail-info-card, .detail-aside, .detail-recent-sales {
    background: #112237 !important;
    border-color: #304155 !important;
    box-shadow: none !important;
    transform: none !important;
    transition: none !important;
  }
  .number-card-top, .number-card-bottom {
    background: transparent !important;
  }
  .hero-search .button-primary,
  .hero-search .button-primary:hover,
  .hero-search .button-primary:active {
    -webkit-appearance: none;
    appearance: none;
    background: #d8bb7a !important;
    color: #08111e !important;
    -webkit-text-fill-color: #08111e;
    border-color: #d8bb7a !important;
    box-shadow: none !important;
  }
}

/* Keep member dashboard surfaces stable before account data arrives. */
@media (max-width: 820px) {
  .member-stat-card, .member-stat-card:hover, .member-stat-card:active,
  .member-workspace-card, .member-order-card, .member-order-card:hover,
  .member-account-card, .member-shortcuts-card, .member-service-banner {
    background: #112237 !important;
    border-color: #304155 !important;
    box-shadow: none !important;
    transform: none !important;
    transition: none !important;
  }
  .nav-actions .member-entry[aria-current="page"] {
    flex: 0 0 auto;
    white-space: nowrap;
    background: #252923 !important;
    color: #e3c67e !important;
    border-color: #756746 !important;
    box-shadow: none !important;
    transform: none !important;
    transition: none !important;
  }
}

/* Detail consultation: avoid gradient repaint and touch-state dimming. */
@media (max-width: 820px) {
  .detail-action-stack .button-primary[data-consult],
  .detail-action-stack .button-primary[data-consult]:hover,
  .detail-action-stack .button-primary[data-consult]:focus,
  .detail-action-stack .button-primary[data-consult]:active {
    -webkit-appearance: none;
    appearance: none;
    background: #d8bb7a !important;
    color: #08111e !important;
    -webkit-text-fill-color: #08111e;
    border-color: #d8bb7a !important;
    box-shadow: none !important;
    transform: none !important;
    transition: none !important;
  }
}