@media screen {
/* Stronger card outlines and soft depth in the light theme. */
html:not([data-theme="dark"]):not([data-server-theme="dark"]) :is(
  .payment-card, .pm-mobile-card, .summary-card, #receiptPaper, #installPageContainer,
  .stat-card, .court-card, .quick-court-card, .cw-settings-summary-card,
  .cw-final-rental-card, .cw-final-summary-card, .cw-next-booking-card,
  input[type="search"], input[id*="Search"], .cw-search-input, .cw-section-search-input,
  .cw-card, .cw-panel, .cw-report-panel, .cw-settings-panel,
  .cw-tracker-panel, .cw-tracker-card, .cw-tracker-booking-card, .cw-setting-card,
  .soft-card, .bento-card, .cw-reschedule-updated-card,
  .cw-reschedule-payment-card,
  div.border.rounded-xl, div.border.rounded-2xl,
  section.border.rounded-xl, section.border.rounded-2xl,
  article.border.rounded-xl, article.border.rounded-2xl
),
html[data-theme="light"] :is(
  .payment-card, .pm-mobile-card, .summary-card, #receiptPaper, #installPageContainer,
  .stat-card, .court-card, .quick-court-card, .cw-settings-summary-card,
  .cw-final-rental-card, .cw-final-summary-card, .cw-next-booking-card,
  input[type="search"], input[id*="Search"], .cw-search-input, .cw-section-search-input,
  .cw-card, .cw-panel, .cw-report-panel, .cw-settings-panel,
  .cw-tracker-panel, .cw-tracker-card, .cw-tracker-booking-card, .cw-setting-card,
  .soft-card, .bento-card, .cw-reschedule-updated-card,
  .cw-reschedule-payment-card,
  div.border.rounded-xl, div.border.rounded-2xl,
  section.border.rounded-xl, section.border.rounded-2xl,
  article.border.rounded-xl, article.border.rounded-2xl
) {
  border: 2px solid #c4d3ca !important;
  box-shadow: 0 4px 12px rgba(15, 45, 30, .08),
              0 12px 28px rgba(15, 45, 30, .05) !important;
}

}

@media screen and (prefers-color-scheme: dark) {
  html:not([data-theme]) #installPageContainer {
    border: 1px solid #365044 !important;
    box-shadow: none !important;
  }
}

@media screen {
  html:is([data-theme="light"], :not([data-theme]):not([data-server-theme="dark"]))
  :is(input[type="search"], input[id*="Search"], .cw-search-input, .cw-section-search-input):focus {
    border-color: #059669 !important;
    box-shadow: 0 0 0 3px rgba(5,150,105,.16), 0 4px 12px rgba(15,45,30,.08) !important;
  }
}