/* Global OBOS navigation: accessible page-level Back and breadcrumb bar.
   Intentionally scoped: does not change Filament sidebar, payroll inputs,
   modal forms, tables or any legacy non-Filament page. */
.obos-page-navigation{
    display:flex;align-items:center;gap:12px;min-width:0;max-width:100%;
    padding:11px 14px;margin:0 0 14px;
    color:#243251;background:#fff;
    border:1px solid #dbe3f0;border-radius:13px;
    box-shadow:0 2px 12px rgba(30,48,88,.045);
}
.obos-page-back{
    display:inline-flex;align-items:center;justify-content:center;gap:9px;
    flex:0 0 auto;min-height:39px;padding:0 14px;border-radius:9px;
    background:#e9eaff;color:#3037ab;font-size:12px;
    font-weight:850;text-decoration:none;transition:background .15s ease;
}
.obos-page-back:hover{background:#d7dbff;color:#1c2a88}
.obos-page-back svg{width:17px;height:17px;flex:none}
.obos-page-back:focus-visible,.obos-page-trail a:focus-visible{
    outline:3px solid #f18a37;outline-offset:3px
}
.obos-page-nav-divider{height:24px;width:1px;background:#dbe3f0;flex:none}
.obos-page-trail{
    display:flex;align-items:center;gap:3px;overflow-x:auto;
    min-width:0;flex:1 1 auto;list-style:none;margin:0;padding:5px 1px;
    scrollbar-width:thin;overscroll-behavior-x:contain;
}
.obos-page-trail-part{display:flex;align-items:center;gap:5px;min-width:0;flex:none}
.obos-page-trail-part a{
    display:inline-flex;align-items:center;gap:7px;border-radius:6px;
    padding:5px 7px;white-space:nowrap;text-decoration:none;
    font-size:11px;font-weight:780;color:#4b5a7a;
}
.obos-page-trail-part a:hover{color:#3b36c4;background:#eff0fe}
.obos-page-trail-part a svg{width:14px;height:14px;flex:none}
.obos-page-trail-divider{width:13px;height:13px;color:#8090aa;flex:none}
.obos-page-trail-label{
    display:block;max-width:min(330px,38vw);white-space:nowrap;
    overflow:hidden;text-overflow:ellipsis;
    color:#243251;font-size:11px;font-weight:900;padding:5px 4px;
}
.obos-page-nav-hint{white-space:nowrap;color:#65748d;font-size:10px;font-weight:700}
.fi-page:has(.obos-page-navigation) .fi-header .fi-breadcrumbs{
    display:none;
}
.dark .obos-page-navigation{
    color:#f1f5ff;background:#182943;border-color:#536c8d;
    box-shadow:0 2px 12px rgba(0,0,0,.16)
}
.dark .obos-page-back{color:#e4e7ff;background:#343b80}
.dark .obos-page-back:hover{background:#494fa3}
.dark .obos-page-nav-divider{background:#57718f}
.dark .obos-page-trail-part a{color:#c8d5ed}
.dark .obos-page-trail-part a:hover{color:#fff;background:#384d70}
.dark .obos-page-trail-divider{color:#a4b4ce}
.dark .obos-page-trail-label{color:#f4f8ff}
.dark .obos-page-nav-hint{color:#baccde}
@media(max-width:767px){
    .obos-page-navigation{padding:9px;gap:7px;margin-bottom:12px;border-radius:11px}
    .obos-page-back{min-height:41px;padding:0 12px;font-size:12px}
    .obos-page-trail-part a{font-size:11px;padding:5px 3px}
    .obos-page-trail-label{max-width:40vw}
    .obos-page-nav-hint{display:none}
}
@media(max-width:390px){
    .obos-page-navigation{gap:6px}
    .obos-page-back{padding:0 10px;gap:6px}
    .obos-page-trail-label{max-width:32vw}
    .obos-page-trail-part a span{font-size:10px}
}
@media(prefers-reduced-motion:reduce){
    .obos-page-back{transition:none}
}