/* /Components/StatTile.razor.rz.scp.css */
.ol-stat[b-o98npqoko1] { display:flex; flex-direction:column; gap:var(--space-1); min-width:120px; flex:1 1 120px; padding:var(--space-4);
    background:var(--surface-raised); border:1px solid var(--line); border-radius:var(--radius-md); }
.ol-stat__label[b-o98npqoko1] { font-size:11px; line-height:14px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-muted); white-space:nowrap; }
.ol-stat__value[b-o98npqoko1] { font-family:var(--font-mono); font-variant-numeric:tabular-nums; font-size:24px; line-height:28px; font-weight:600; color:var(--ink); }
.ol-stat__value small[b-o98npqoko1] { font-size:14px; font-weight:500; color:var(--ink-muted); margin-left:var(--space-1); }
.ol-stat__note[b-o98npqoko1] { font-size:12px; line-height:16px; font-weight:500; color:var(--ink-muted); }
.ol-stat--ok .ol-stat__note[b-o98npqoko1], .ol-stat--ok .ol-stat__value[b-o98npqoko1] { color:var(--ok); }
.ol-stat--warn .ol-stat__note[b-o98npqoko1], .ol-stat--warn .ol-stat__value[b-o98npqoko1] { color:var(--signal-text); }
.ol-stat--danger .ol-stat__note[b-o98npqoko1], .ol-stat--danger .ol-stat__value[b-o98npqoko1] { color:var(--danger); }
/* /Components/StatusBadge.razor.rz.scp.css */
.ol-badge[b-gxbv7g3f6q] { display:inline-flex; align-items:center; gap:var(--space-1); height:22px; padding:0 var(--space-2);
    border-radius:var(--radius-pill); font-size:11px; line-height:14px; font-weight:700; letter-spacing:.08em;
    text-transform:uppercase; white-space:nowrap; vertical-align:middle; }
.ol-badge[b-gxbv7g3f6q]::before { content:""; width:6px; height:6px; border-radius:50%; background:currentColor; flex:none; }
.ol-badge--neutral[b-gxbv7g3f6q] { background:var(--surface-sunken); color:var(--ink-muted); }
.ol-badge--info[b-gxbv7g3f6q] { background:var(--sea-soft); color:var(--sea); }
.ol-badge--ok[b-gxbv7g3f6q] { background:var(--ok-soft); color:var(--ok); }
.ol-badge--warn[b-gxbv7g3f6q] { background:var(--signal-soft); color:var(--signal-text); }
.ol-badge--danger[b-gxbv7g3f6q] { background:var(--danger-soft); color:var(--danger); }
/* /Components/WaypointsTable.razor.rz.scp.css */
.wt[b-rd1jdo4dz2] { font-size: 13px; color: var(--ink); }
.wt-bar[b-rd1jdo4dz2] { display: flex; gap: 8px; align-items: center; margin-bottom: 10px; flex-wrap: wrap; }
.wt-search[b-rd1jdo4dz2] { display: flex; align-items: center; gap: 6px; border: 0.5px solid var(--line); border-radius: 6px;
    padding: 0 8px; height: 32px; background: var(--soft); flex: 1; min-width: 160px; }
.wt-search .wt-i[b-rd1jdo4dz2] { font-size: 13px; opacity: .6; font-style: normal; }
.wt-search input[b-rd1jdo4dz2] { border: none; background: transparent; height: 30px; font-size: 13px; flex: 1; outline: none; color: var(--ink); }
.wt-bar select[b-rd1jdo4dz2] { height: 32px; font-size: 13px; border: 0.5px solid var(--line); border-radius: 6px; background: var(--soft); color: var(--ink); padding: 0 8px; }
.wt-bar select:focus[b-rd1jdo4dz2] { outline: none; border-color: var(--teal); box-shadow: 0 0 0 2px color-mix(in srgb, var(--teal) 22%, transparent); }
.wt-count[b-rd1jdo4dz2] { font-size: 12px; color: var(--muted); }
.wt-new[b-rd1jdo4dz2] { height: 32px; font-size: 13px; border: 0.5px solid var(--teal); background: transparent; color: var(--teal);
    border-radius: 6px; padding: 0 12px; cursor: pointer; font-weight: 500; margin-left: auto; }
.wt-new:hover[b-rd1jdo4dz2] { background: color-mix(in srgb, var(--teal) 8%, transparent); }
.wt-new ~ .wt-new[b-rd1jdo4dz2] { margin-left: 0; }

.wt-rt[b-rd1jdo4dz2] { height: 22px; font-size: 11px; border: 0.5px solid var(--line); background: var(--soft); color: var(--ink);
    border-radius: 5px; padding: 0 8px; cursor: pointer; margin-left: 4px; }
.wt-rt:hover[b-rd1jdo4dz2] { border-color: var(--teal); color: var(--teal); background: color-mix(in srgb, var(--teal) 8%, transparent); }

.wt-ais[b-rd1jdo4dz2] { border: 0.5px solid var(--line); border-radius: 12px; background: var(--panel); padding: 8px; margin-bottom: 10px; }
.wt-ais-bar[b-rd1jdo4dz2] { display: flex; gap: 8px; }
.wt-ais-bar input[b-rd1jdo4dz2] { flex: 1; height: 30px; font-size: 13px; border: 0.5px solid var(--line); border-radius: 6px;
    background: var(--soft); color: var(--ink); padding: 0 8px; outline: none; }
.wt-ais-bar button[b-rd1jdo4dz2], .wt-ais-row button[b-rd1jdo4dz2] { height: 28px; font-size: 12px; border: 0.5px solid var(--teal); background: transparent;
    color: var(--teal); border-radius: 6px; padding: 0 12px; cursor: pointer; }
.wt-ais-row[b-rd1jdo4dz2] { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 6px 2px; font-size: 12px; }
.wt-ais-row .mut[b-rd1jdo4dz2] { color: var(--muted); }

.wt-list[b-rd1jdo4dz2] { display: flex; flex-direction: column; }
.wt-li[b-rd1jdo4dz2] { display: flex; align-items: center; gap: 8px; padding: 7px 6px; border-bottom: 0.5px solid var(--line); }
.wt-li:hover[b-rd1jdo4dz2] { background: var(--soft); }
.wt-li-ic[b-rd1jdo4dz2] { font-style: normal; font-size: 15px; width: 18px; text-align: center; }
.wt-li-main[b-rd1jdo4dz2] { flex: 1; min-width: 0; }
.wt-li-name[b-rd1jdo4dz2] { font-size: 13px; color: var(--ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wt-li-sub[b-rd1jdo4dz2] { font-size: 11px; color: var(--muted); font-family: var(--font-mono); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wt-list .ico.act[b-rd1jdo4dz2] { cursor: pointer; color: var(--teal); font-size: 14px; margin-left: 2px; }

.wt-scroll[b-rd1jdo4dz2] { border: 0.5px solid var(--line); border-radius: 12px; overflow: hidden; background: var(--panel); }
.wt-tbl[b-rd1jdo4dz2] { width: 100%; border-collapse: collapse; }
.wt-tbl th[b-rd1jdo4dz2] { background: var(--soft); text-align: left; font-weight: 500; padding: 8px 10px; color: var(--ink); white-space: nowrap; }
.wt-tbl th.sortable[b-rd1jdo4dz2] { cursor: pointer; user-select: none; }
.wt-tbl th.r[b-rd1jdo4dz2], .wt-tbl td.r[b-rd1jdo4dz2] { text-align: right; }
.wt-tbl td[b-rd1jdo4dz2] { padding: 8px 10px; border-top: 0.5px solid var(--line); vertical-align: middle; }
.wt-tbl .mono[b-rd1jdo4dz2] { font-family: var(--font-mono); }
.wt-tbl .b[b-rd1jdo4dz2] { font-weight: 500; }
.wt-tbl td.pick[b-rd1jdo4dz2] { color: var(--teal); cursor: pointer; }
.wt-tbl td.pick:hover[b-rd1jdo4dz2] { text-decoration: underline; }
.wt-tbl .sec[b-rd1jdo4dz2] { color: var(--muted); white-space: nowrap; }
.wt-tbl .mut[b-rd1jdo4dz2] { color: var(--muted); }
.wt-tbl .mmsi[b-rd1jdo4dz2] { color: var(--muted); font-size: 11px; margin-left: 4px; }
.wt-tbl .deck[b-rd1jdo4dz2] { font-size: 12px; white-space: nowrap; }
.wt-tbl .ico[b-rd1jdo4dz2] { cursor: default; font-size: 14px; }
.wt-tbl .ico.act[b-rd1jdo4dz2] { cursor: pointer; color: var(--teal); }
.wt-empty[b-rd1jdo4dz2] { padding: 16px; text-align: center; color: var(--muted); }
.wt-more[b-rd1jdo4dz2] { padding: 8px 10px; font-size: 11.5px; color: var(--muted); }

.pill[b-rd1jdo4dz2] { font-size: 11px; padding: 2px 9px; border-radius: 11px; white-space: nowrap; }
.pill.ifr[b-rd1jdo4dz2] { background: var(--sea-soft); color: var(--sea); }
.pill.vfr[b-rd1jdo4dz2] { background: var(--ok-soft); color: var(--ok); }
.pill.deck[b-rd1jdo4dz2] { background: var(--signal-soft); color: var(--signal-text); }
.pill.moving[b-rd1jdo4dz2] { background: var(--signal-soft); color: var(--signal-text); }
.pill.airport[b-rd1jdo4dz2] { background: var(--sea-soft); color: var(--sea); }
.pill.turbine[b-rd1jdo4dz2] { background: #FBEAF0; color: #72243E; }

.wt-back[b-rd1jdo4dz2] { position: fixed; inset: 0; z-index: 2100; background: rgba(18,24,33,.42); }
.wt-dlg[b-rd1jdo4dz2] { position: fixed; z-index: 2101; top: 12vh; left: 50%; transform: translateX(-50%); width: 340px; max-width: 94vw;
    background: var(--panel); border: 0.5px solid var(--line); border-radius: 12px; box-shadow: 0 18px 50px rgba(0,0,0,.34);
    padding: 12px 14px; color: var(--ink); }
.wt-dlg-h[b-rd1jdo4dz2] { display: flex; align-items: center; font-size: 14px; font-weight: 500; margin-bottom: 9px; }
.wt-dlg-h .x[b-rd1jdo4dz2] { margin-left: auto; cursor: pointer; color: var(--muted); font-size: 20px; line-height: 1; }
.wt-row[b-rd1jdo4dz2] { display: grid; grid-template-columns: 130px 1fr; align-items: center; gap: 10px; padding: 4px 0; font-size: 12.5px; }
.wt-row > span[b-rd1jdo4dz2] { color: var(--muted); }
.wt-row input[b-rd1jdo4dz2], .wt-row select[b-rd1jdo4dz2] { width: 100%; box-sizing: border-box; height: 28px; font-size: 12.5px; padding: 0 8px;
    color: var(--ink); background: var(--soft); border: 0.5px solid var(--line); border-radius: 6px; }
.wt-row input:focus[b-rd1jdo4dz2], .wt-row select:focus[b-rd1jdo4dz2] { outline: none; border-color: var(--teal); box-shadow: 0 0 0 2px color-mix(in srgb, var(--teal) 22%, transparent); }
.wt-two[b-rd1jdo4dz2] { display: flex; gap: 6px; }
.wt-ck[b-rd1jdo4dz2] { display: flex; align-items: center; gap: 6px; color: var(--ink); }
.wt-ck input[b-rd1jdo4dz2] { width: auto; height: auto; }
.wt-err[b-rd1jdo4dz2] { color: var(--st-delay); font-size: 12px; margin: 6px 0 0; }
.wt-dlg-f[b-rd1jdo4dz2] { display: flex; gap: 8px; margin-top: 12px; }
.wt-dlg-f button[b-rd1jdo4dz2] { height: 30px; font-size: 12px; font-weight: 500; border: 0.5px solid var(--line); background: var(--panel);
    color: var(--ink); border-radius: 6px; cursor: pointer; padding: 0 14px; }
.wt-dlg-f button:hover:not(:disabled)[b-rd1jdo4dz2] { background: var(--soft); }
.wt-dlg-f button:disabled[b-rd1jdo4dz2] { opacity: .5; cursor: default; }
.wt-dlg-f .prim[b-rd1jdo4dz2] { background: var(--teal); border-color: var(--teal); color: #fff; flex: 1; }
.wt-dlg-f .del[b-rd1jdo4dz2] { color: var(--st-delay); border-color: transparent; margin-left: auto; }
/* /Layout/MainLayout.razor.rz.scp.css */
.ops-shell[b-o8ot2a70pg] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

/* ── Top bar ───────────────────────────────────────────────────────────── */

.ops-topbar[b-o8ot2a70pg] {
    display: flex;
    align-items: stretch;
    height: 3.25rem;
    background: var(--navy);
    border-bottom: 2px solid var(--accent-bright);   /* OffshoreLink: amber; 10-9Y: its accent */
    color: #fff;
    position: sticky;
    top: 0;
    z-index: 1200;
    padding: 0 1rem;
}

.ops-brand[b-o8ot2a70pg] {
    display: flex;
    align-items: center;
    font-weight: 700;
    font-size: 1.1rem;
    color: #fff;
    text-decoration: none;
    padding-right: 1.5rem;
    white-space: nowrap;
}

/* Horizontal inverse lockup on the navy bar; ≥120px wide per the brand rules. */
.ops-brand img[b-o8ot2a70pg] {
    height: 28px;   /* 10-9Y lockup is short; 28px keeps the wordmark at nav-text size */
    width: auto;
    display: block;
}

.ops-brand:hover[b-o8ot2a70pg] {
    color: #fff;
}

.ops-sections[b-o8ot2a70pg] {
    display: flex;
    align-items: stretch;
}

.ops-section[b-o8ot2a70pg] {
    position: relative;
    display: flex;
    align-items: stretch;
}

.ops-section-btn[b-o8ot2a70pg] {
    background: transparent;
    border: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.95rem;
    padding: 0 1rem;
    cursor: pointer;
}

.ops-section-btn:hover[b-o8ot2a70pg],
.ops-section-btn.open[b-o8ot2a70pg] {
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
}

.ops-caret[b-o8ot2a70pg] {
    font-size: 0.7rem;
    opacity: 0.8;
}

/* Single link shown to the restricted pilot role (NavLink → needs ::deep). */
.ops-sections[b-o8ot2a70pg]  .ops-pilot-link {
    display: flex;
    align-items: center;
    padding: 0 1rem;
    color: rgba(255, 255, 255, 0.9);
    text-decoration: none;
    font-size: 0.95rem;
}

.ops-sections[b-o8ot2a70pg]  .ops-pilot-link:hover,
.ops-sections[b-o8ot2a70pg]  .ops-pilot-link.active {
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
}

/* ── Dropdown menu ─────────────────────────────────────────────────────── */

.ops-menu[b-o8ot2a70pg] {
    position: absolute;
    top: calc(100% + 5px);
    left: 0;
    min-width: 224px;
    background: #fff;
    color: var(--ink);
    border: 1px solid var(--line);
    border-radius: 11px;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.18);
    padding: 6px;
    z-index: 1300;
}

/* NavLink renders its own <a>, which scoped CSS can't reach without ::deep —
   without this the links collapse to inline text ("ApproachesWaypoints"). */
.ops-menu[b-o8ot2a70pg]  .ops-menu-link {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    color: var(--ink);
    text-decoration: none;
    font-size: 0.9rem;
    border-radius: 7px;
    transition: background 0.12s;
}

.ops-menu[b-o8ot2a70pg]  .ops-menu-link:hover {
    background: var(--surface);
    color: var(--sea);
}

.ops-menu[b-o8ot2a70pg]  .ops-menu-link.active {
    background: var(--sea-soft);
    color: var(--sea);
    font-weight: 600;
}

.ops-menu-group[b-o8ot2a70pg] {
    font-size: 0.64rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--ink-faint);
    padding: 9px 10px 3px;
    margin-top: 4px;
    border-top: 1px solid var(--line);
}

.ops-menu-group:first-child[b-o8ot2a70pg] {
    border-top: 0;
    margin-top: 0;
    padding-top: 4px;
}

.ops-badge[b-o8ot2a70pg] {
    font-size: 0.6rem;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    background: var(--surface);
    color: var(--ink-muted);
    border-radius: 5px;
    padding: 1px 6px;
    margin-left: auto;
}

/* ── Right side ────────────────────────────────────────────────────────── */

.ops-spacer[b-o8ot2a70pg] {
    flex: 1;
}

.ops-version[b-o8ot2a70pg] {
    align-self: center;
    margin-right: 12px;
    font-family: var(--font-mono) "SF Mono", Menlo, Consolas, monospace;
    font-size: 0.72rem;
    color: rgba(255, 255, 255, 0.55);
    white-space: nowrap;
}

.ops-viewas[b-o8ot2a70pg] {
    display: flex;
    align-items: center;
    gap: 6px;
    align-self: center;
    margin-right: 12px;
    padding: 3px 6px 3px 10px;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.22);
}
.ops-viewas-lbl[b-o8ot2a70pg] {
    font-size: 0.66rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.6);
}
.ops-viewas select[b-o8ot2a70pg] {
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    border: none;
    border-radius: 7px;
    padding: 3px 6px;
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
}
.ops-viewas select option[b-o8ot2a70pg] { color: var(--ink); }
.ops-viewas.active[b-o8ot2a70pg] {
    border-color: var(--signal);
    background: rgba(232, 161, 60, 0.18);
}
.ops-viewas.active .ops-viewas-lbl[b-o8ot2a70pg] { color: var(--signal-text); }

.ops-user[b-o8ot2a70pg] {
    display: flex;
    align-items: center;
    gap: 8px;
    align-self: center;
    font-size: 0.9rem;
    color: #fff;
    white-space: nowrap;
}

.ops-role[b-o8ot2a70pg] {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: rgba(255, 255, 255, 0.85);
    background: rgba(255, 255, 255, 0.12);
    border-radius: 12px;
    padding: 2px 10px;
}

.ops-logout[b-o8ot2a70pg] {
    align-self: center;
    margin-left: 0.9rem;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.25);
    color: #fff;
    font-size: 0.85rem;
    border-radius: 6px;
    padding: 4px 12px;
    cursor: pointer;
}

.ops-logout:hover[b-o8ot2a70pg] {
    background: rgba(255, 255, 255, 0.22);
}

/* Closes any open menu when clicking elsewhere. */
.ops-backdrop[b-o8ot2a70pg] {
    position: fixed;
    inset: 0;
    z-index: 1100;
}

/* ── Content ───────────────────────────────────────────────────────────── */

.ops-content[b-o8ot2a70pg] {
    flex: 1;
    padding: 1.5rem 2rem;
}

/* Full-bleed pages (the map) position themselves fixed below the 3.25rem bar,
   so they ignore this padding — see GeoMap.razor. */

/* ── In-app feedback (bug / feature) ── */
.ops-feedback[b-o8ot2a70pg] {
    align-self: center;
    margin-right: 12px;
    padding: 4px 12px;
    font-size: 0.78rem;
    font-weight: 600;
    color: #fff;
    background: rgba(255, 255, 255, 0.14);
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 8px;
    cursor: pointer;
}
.ops-feedback:hover[b-o8ot2a70pg] { background: rgba(255, 255, 255, 0.24); }

.fb-bg[b-o8ot2a70pg] { position: fixed; inset: 0; z-index: 3000; background: rgba(18, 24, 33, 0.42); }
.fb-dlg[b-o8ot2a70pg] {
    position: fixed; z-index: 3001; top: 12vh; left: 50%; transform: translateX(-50%);
    width: 420px; max-width: 94vw; background: var(--panel); color: var(--ink);
    border: 1px solid var(--line); border-radius: 12px; box-shadow: 0 18px 50px rgba(0,0,0,.34);
    padding: 14px 16px; font-family: var(--font-sans, system-ui, sans-serif);
}
.fb-hd[b-o8ot2a70pg] { display: flex; align-items: center; font-size: 15px; font-weight: 700; margin-bottom: 10px; }
.fb-x[b-o8ot2a70pg] { margin-left: auto; cursor: pointer; color: var(--muted); font-size: 20px; line-height: 1; }
.fb-x:hover[b-o8ot2a70pg] { color: var(--ink); }
.fb-seg[b-o8ot2a70pg] { display: flex; gap: 6px; margin-bottom: 10px; }
.fb-seg button[b-o8ot2a70pg] {
    flex: 1; height: 30px; font-size: 13px; font-weight: 600; cursor: pointer;
    background: var(--soft); border: 1px solid var(--line); border-radius: 6px; color: var(--muted);
}
.fb-seg button.on[b-o8ot2a70pg] { background: var(--teal); border-color: var(--teal); color: #fff; }
.fb-in[b-o8ot2a70pg], .fb-ta[b-o8ot2a70pg] {
    width: 100%; box-sizing: border-box; margin-bottom: 9px; padding: 8px 10px;
    font-size: 13px; font-family: inherit; color: var(--ink);
    background: var(--soft); border: 1px solid var(--line); border-radius: 6px;
}
.fb-ta[b-o8ot2a70pg] { resize: vertical; }
.fb-in:focus[b-o8ot2a70pg], .fb-ta:focus[b-o8ot2a70pg] { outline: none; border-color: var(--teal); box-shadow: 0 0 0 2px color-mix(in srgb,var(--teal) 22%,transparent); }
.fb-err[b-o8ot2a70pg] { color: var(--st-delay); font-size: 12px; margin-bottom: 8px; }
.fb-ok[b-o8ot2a70pg] { font-size: 14px; margin: 4px 0 12px; }
.fb-ok a[b-o8ot2a70pg] { color: var(--teal); font-weight: 600; }
.fb-actions[b-o8ot2a70pg] { display: flex; gap: 8px; justify-content: flex-end; }
.fb-btn[b-o8ot2a70pg] { height: 32px; padding: 0 16px; font-size: 13px; font-weight: 600; cursor: pointer;
    border: 1px solid var(--line); background: var(--panel); border-radius: 6px; color: var(--ink); }
.fb-btn.ghost[b-o8ot2a70pg] { color: var(--muted); }
.fb-btn.primary[b-o8ot2a70pg] { background: var(--teal); border-color: var(--teal); color: #fff; }
.fb-btn.primary:disabled[b-o8ot2a70pg] { opacity: .55; cursor: default; }

/* ── OP-support handshake toasts (SignalR notifications) ── */
.ops-toasts[b-o8ot2a70pg] { position: fixed; right: 16px; bottom: 16px; z-index: 3500; display: flex; flex-direction: column; gap: 8px; max-width: 360px; }
.ops-toast[b-o8ot2a70pg] {
    display: flex; align-items: flex-start; gap: 9px; padding: 11px 13px; cursor: pointer;
    background: var(--navy); color: #eef3f9; border-radius: 11px; border: 1px solid rgba(255,255,255,.12);
    box-shadow: 0 12px 34px rgba(0,0,0,.4); font-size: 13px; line-height: 1.35;
    animation: toast-in-b-o8ot2a70pg .18s ease;
}
.ops-toast-dot[b-o8ot2a70pg] { flex: none; width: 8px; height: 8px; margin-top: 5px; border-radius: 50%; background: var(--sea-soft); }
.ops-toast.crew .ops-toast-dot[b-o8ot2a70pg] { background: var(--ok); }
.ops-toast-txt[b-o8ot2a70pg] { flex: 1; }
@keyframes toast-in-b-o8ot2a70pg { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }

/* Top-bar items never wrap onto two lines (Manrope + the lockup are wider than the old text). */
.ops-topbar button[b-o8ot2a70pg],
.ops-topbar a[b-o8ot2a70pg],
.ops-sections[b-o8ot2a70pg]  .ops-pilot-link {
    white-space: nowrap;
}
.ops-sections[b-o8ot2a70pg]  .ops-pilot-link,
.ops-section-btn[b-o8ot2a70pg] {
    padding-left: 0.8rem;
    padding-right: 0.8rem;
}

/* Bug tracker button sits on the navy bar: a ghost button in white, centred, 32px. */
.ops-topbar[b-o8ot2a70pg]  .bt-open {
    align-self: center;
    height: 32px;
    display: inline-flex;
    align-items: center;
    color: rgba(255, 255, 255, 0.85);
    border-color: rgba(255, 255, 255, 0.3);
    border-radius: var(--radius-md);
}

.ops-topbar[b-o8ot2a70pg]  .bt-open:hover {
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
}