/* The RISCON family's public / owner-only marks (riscon-access.js), drawn in the bar's own ink so they sit on the
   default and Ember skins alike. Same measures as components/riscon/riscon-access.module.css on the React sites. */
.riscon-status { display: inline-flex; align-items: center; gap: 5px; flex-shrink: 0; min-height: 22px; padding: 2px 9px; border-radius: 999px; font-family: inherit; font-size: 11px; font-weight: 600; font-style: normal; line-height: 1.3; letter-spacing: .04em; text-transform: none; white-space: nowrap; vertical-align: middle; }
.riscon-status svg { flex-shrink: 0; }
.riscon-status-public { color: inherit; background: color-mix(in srgb, currentColor 6%, transparent); border: 1px solid color-mix(in srgb, currentColor 30%, transparent); opacity: .84; }
/* Kept in this browser only: private to the visitor, never sent anywhere. */
.riscon-status-local { color: inherit; background: transparent; border: 1px dashed color-mix(in srgb, currentColor 45%, transparent); opacity: .9; }
.topbar > .riscon-status { margin-left: 12px; }
h1 .riscon-status { margin-left: 12px; letter-spacing: .04em; }
/* The bar's menu runs almost to the edge until a wide window: there the mark keeps only its globe (the title and label still say it). */
@media (max-width: 1400px) { .topbar-actions .riscon-status > span { display: none; } .topbar-actions .riscon-status { padding: 4px 6px; } }
@media (max-width: 640px) { .topbar .riscon-status > span { display: none; } .topbar .riscon-status { padding: 4px 6px; } }
@media print { .riscon-status { display: none; } }