/* Monochrome NEXO identity. Logo outlines from the supplied brand manual. */
@font-face { font-family: "Public Sans"; src: url("assets/fonts/PublicSans-Regular.woff2") format("woff2"); font-style: normal; font-weight: 400; font-display: swap; }
@font-face { font-family: "Public Sans"; src: url("assets/fonts/PublicSans-Bold.woff2") format("woff2"); font-style: normal; font-weight: 600 950; font-display: swap; }
:root { --mobile-font: "Public Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --mobile-ink: #171717; --mobile-muted: #525252; --mobile-navy: #171717; --mobile-paper: #f5f5f5; --mobile-line: #dedede; --mobile-teal: #171717; --mobile-teal-dark: #171717; --mobile-teal-soft: #ebebeb; --mobile-amber: #404040; --mobile-amber-soft: #efefef; --mobile-red: #171717; --mobile-red-soft: #ededed; --mobile-blue: #333; --mobile-blue-soft: #eee; font-family: var(--mobile-font); }
body { font-family: var(--mobile-font); }
.nexo-wordmark { display: block; width: 128px; height: auto; max-width: 100%; flex-shrink: 0; }
.nexo-receipt-logo { display: block; width: 155px; max-width: 100%; height: auto; margin: 0 auto 14px; }
.mobile-brand { min-height: 48px; }
.mobile-shell, .mobile-sheet { width: min(100%, 430px); }
.mobile-header, .mobile-nav, .lab-strip { width: min(100%, 430px); }
.mobile-shell { background: var(--mobile-paper); }
.lab-strip { color: #333; background: #ebebeb; border-color: #ccc; }
.lab-strip span, .online-dot { background: #171717; box-shadow: none; }
.mobile-button-primary, .mobile-nav .nav-primary > span { box-shadow: none; }
.mobile-nav button em { background: #171717; font-size: 9px; }
.mobile-nav button { color: #525252; }
.mobile-nav button[aria-current="page"] { box-shadow: inset 0 -3px #171717; }
.mobile-chip { border: 1px solid #999; color: #333; }
.mobile-chip.danger { border: 2px solid #171717; font-weight: 800; }
.mobile-role-tabs button[aria-pressed="true"] { border: 2px solid #171717; }
:focus-visible { outline: 3px solid #171717; outline-offset: 3px; }
.topbar .brand { flex-shrink: 0; }
#rx-delivery-print-dialog { font-family: var(--mobile-font); }
@media print { .nexo-receipt-logo { width: 38mm; max-width: 100%; height: auto; } }