/* SRVCE — application styles.
 *
 * Loaded AFTER the theme, so these rules win on equal specificity without
 * needing !important. Keep this file small: anything that could be a theme
 * preset should be one, or the next theme change becomes an archaeology
 * project.
 */

/* Wordmark. Helvetica and wide tracking, matching Chart so the two read as
   one product rather than a tool bolted into a dashboard. */
.srv-mark {
  font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
  font-size: 15px;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: #fff;
  font-weight: 300;
}
.srv-mark b { font-weight: 700; }
.srv-mark-dark { color: #1d2630; font-size: 20px; }

/* Empty states. Used often enough in a young app to be worth naming. */
.srv-empty { padding: 56px 20px; text-align: center; }
.srv-empty i { font-size: 42px; opacity: .35; display: block; margin-bottom: 12px; }
.srv-empty h5 { margin-bottom: 6px; }
.srv-empty p { max-width: 460px; margin: 0 auto; }

/* A key/value table for record detail panes. */
.srv-kv td { padding: 9px 8px; vertical-align: top; }
.srv-kv td:first-child { width: 190px; font-weight: 600; }

/* Acting-as banner. Deliberately unmissable: the whole risk of support
   access is forgetting whose data is on screen. Amber for read-only, red
   when changes would be real. */
.srv-acting {
  position: sticky; top: 0; z-index: 1030;
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: 8px 16px; font-size: 13px; font-weight: 600; color: #1d2630;
}
.srv-acting.ro { background: #ffd76e; }
.srv-acting.rw { background: #ff8a7a; }
.srv-acting i  { margin-right: 5px; }