/* ============================================================================
 *  rx-cards.css  -  RaXa: one card look in every module (John 2026-10-23)
 * ============================================================================
 *  Every card and list row (users, devices, locations, employees, customers, sales, accounting tiles, stock tiles ...) gets the same
 *  glass tile as the Dashboard cards (rx-dash.js modern look): a soft light in the top-left corner over the slate of the
 *  city photo, a thin white edge and a shadow. Only the look changes: sizes, text and buttons stay as they were.
 *  Load after the page's own <style>, before </head>:   <link rel="stylesheet" href="../assets/rx-cards.css">
 *  Hover, warning (orange) and selected borders of each page still win (their rules are more specific).
 * ============================================================================ */
@media screen {
  html .sm-ucard,
  html .cs-card,
  html .ac-tile,
  html .sm-st__tile,
  html .sm-mlc__item,
  html .cs-cust,
  html .ac-fund {
    border-radius: 20px;
    background: radial-gradient(120% 90% at 0% 0%, rgba(255,255,255,.1), rgba(255,255,255,0) 55%),
                linear-gradient(165deg, rgba(20,30,40,.68), rgba(6,11,16,.76));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 10px 24px rgba(0,0,0,.24);
  }
  html .sm-ucard, html .cs-card, html .ac-tile, html .sm-st__tile, html .cs-cust, html .ac-fund { border-color: rgba(255,255,255,.13); }
  /* list rows (money accounts, journal, settings, stock lists ...): the same tile, a little flatter */
  html .cs-item,
  html .sm-row:not(.sm-row--head),
  html .sm-drow {
    border-radius: 14px;
    background: radial-gradient(120% 140% at 0% 0%, rgba(255,255,255,.08), rgba(255,255,255,0) 55%),
                linear-gradient(165deg, rgba(20,30,40,.6), rgba(6,11,16,.7));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.09), 0 6px 16px rgba(0,0,0,.18);
  }
  html .sm-ucard, html .cs-card { padding: 14px 16px; }
}
@media screen and (max-width: 600px) {
  html .sm-ucard, html .cs-card, html .ac-tile, html .sm-st__tile, html .sm-mlc__item, html .cs-cust, html .ac-fund { border-radius: 16px; }
  html .sm-ucard, html .cs-card { padding: 12px 13px; }
}

/* the side menu and the title card at the top (phone: the Welcome card) use the same Dashboard tile (John 2026-10-23, look A).
   A person's own glass colour (Appearance) still wins over this. */
@media screen {
  html .sm-nav.sm-glass,
  html .sm-top.sm-glass,
  html .sm-welcome.sm-glass {
    border-color: rgba(255,255,255,.13);
    border-radius: 22px;
    background: radial-gradient(120% 90% at 0% 0%, rgba(255,255,255,.1), rgba(255,255,255,0) 55%),
                linear-gradient(165deg, rgba(20,30,40,.68), rgba(6,11,16,.76));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 12px 30px rgba(0,0,0,.28);
  }
}

/* drop-down lists (rx-pick.js) always open in front of pop-up forms: Customers and Sales had them behind its pop-ups
   (John 2026-10-23). Accounting already had this; the other modules' pop-ups sit lower, so this only lifts the lists. */
.gs__menu { z-index: 2147483004 !important; }