/* step251 one frame for every page. Loads after each page's own CSS. Tokens first, then the bar, menu, cards, buttons, then one block per area. */
:root{--rf-bar:#065f46;--rf-menu:#064e3b;--rf-go:#047857;--rf-lime:#CCFF00;--rf-bg:#eef6f2;--rf-line:#d6e9e0;--rf-ink:#0f2a22;--rf-mut:#4b5f57;--rf-card-r:14px;--rf-btn-r:10px;--rf-bar-h:58px;--rf-top:61px;--rf-menu-w:264px}
@media (max-width:979px){:root{--rf-bar-h:54px;--rf-top:57px}}
html body.rf:not(#rf_){padding-top:var(--rf-top)!important;background:var(--rf-bg)!important;background-image:none!important}
/* ---- top bar ---- */
.rf-bar,#rf-bar.rf-bar{position:fixed!important;top:0;left:0;right:0;height:var(--rf-bar-h)!important;min-height:0!important;box-sizing:content-box!important;z-index:1060;display:flex;align-items:center;gap:10px;padding:0 14px;margin:0!important;background:var(--rf-bar)!important;border:0!important;border-bottom:3px solid var(--rf-lime)!important;color:#fff;font:15px/1.25 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;box-shadow:none}
.rf-bar a{color:#fff;text-decoration:none}
.rf-burger{display:none;flex:none;width:40px;height:40px;border-radius:10px;border:0;background:rgba(255,255,255,.12);cursor:pointer;flex-direction:column;justify-content:center;gap:4px;padding:0 10px}
.rf-burger i{display:block;height:2px;background:#fff;border-radius:2px}
.rf-burger:focus-visible,.rf-bar a:focus-visible,.rf-bar button:focus-visible{outline:2px solid var(--rf-lime);outline-offset:2px}
.rf-back:empty{display:none}.rf-back a{display:inline-flex!important;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;border:1px solid rgba(255,255,255,.35)!important;color:#fff!important;font-size:18px;background:none!important;text-decoration:none}
.rf-brand{display:flex;align-items:center;gap:10px;flex:none;min-width:0}
.rf-logo{width:38px;height:38px;border-radius:10px;background:#fff;color:var(--rf-bar);font-weight:900;font-size:12px;display:flex;align-items:center;justify-content:center;box-shadow:none;flex:none}
.rf-nm{font-weight:800;font-size:17px;line-height:1.05;white-space:nowrap}.rf-nm small{display:block;font-weight:600;font-size:12px;color:#a7f3d0;margin-top:2px}
.rf-mid{display:flex;align-items:center;gap:10px;min-width:0;overflow:hidden;margin-left:8px}.rf-mid:empty{display:none}
.rf-mid .cs-who,.rf-mid .rf-who{display:flex!important;flex-direction:column;color:#fff!important;font-size:13px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:12px;border-left:1px solid rgba(255,255,255,.25)}
.rf-mid .cs-who *,.rf-mid .rf-who,.rf-mid .rf-who *{color:#fff!important;background:none!important}.rf-mid .cs-who .cs-me{color:#a7f3d0!important;font-size:12px}
.rf-sp{flex:1}
.rf-tools,.rf-help,.rf-switch-slot{display:flex;align-items:center;gap:8px;flex:none}.rf-tools:empty,.rf-help:empty,.rf-switch-slot:empty{display:none}
.rf-bar .rf-bell,.rf-bar .rf-tools>a{position:relative;display:inline-flex!important;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.12)!important;color:#fff!important;font-size:17px;text-decoration:none;border:0!important;padding:0!important}
.rf-bar .rf-bell .cs-badge,.rf-bar .rf-bell .rdl-msg-badge,.rf-bar .rf-bell .badge{position:absolute;top:-3px;right:-4px;min-width:18px;height:18px;line-height:18px;border-radius:9px;background:var(--rf-lime)!important;color:var(--rf-menu)!important;font-size:11px;font-weight:800;text-align:center;padding:0 4px}
.rf-bar .rf-bell i{color:#fff!important;font-size:18px}
.rf-bar .rf-avatar{display:inline-flex!important;width:38px;height:38px;border-radius:50%;align-items:center;justify-content:center;background:#fff!important;color:var(--rf-bar)!important;font-weight:800;font-size:13px;box-shadow:none}
.rf-bar .rf-dd>a{display:flex;align-items:center;padding:0!important}.rf-bar .rf-dd .avatar img{width:36px!important;height:36px!important;border-radius:50%;border:2px solid #fff}.rf-bar .rf-dd .avatar i{display:none}
.rf-bar .rf-dd .dropdown-menu{right:0;left:auto;top:46px;border-top:3px solid var(--rf-lime);border-radius:12px}
.rf-bar .rf-dd .dropdown-menu a{color:#065f46!important}
.rf-chip,.rf-bar .rf-helpbtn{display:inline-flex!important;align-items:center;gap:6px;height:38px;min-height:0!important;padding:0 14px!important;margin:0!important;border-radius:19px!important;background:#fff!important;color:var(--rf-bar)!important;border:0!important;font:800 14px/1 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif!important;cursor:pointer;white-space:nowrap;box-shadow:none!important;text-decoration:none!important;position:static!important;width:auto!important;transform:none!important}
.rf-bar .rf-helpbtn b{font-weight:800!important;color:inherit!important;background:none!important;width:auto!important;height:auto!important}
.rf-bar .s200-helptext{position:absolute;right:12px;top:calc(var(--rf-bar-h) + 8px);max-width:380px;background:#fff;color:var(--rf-ink);border:1px solid var(--rf-line);border-top:3px solid var(--rf-lime);border-radius:12px;padding:10px 14px;box-shadow:none;font-size:14px}
.rf-bar .s200-helptext[hidden]{display:none}
/* Switch from the one sign-in page: same look, now in its own slot (no more covering Help me) */
.rf-bar .sn7-sw.rf-in{position:relative!important;top:auto!important;right:auto!important;z-index:auto}
.rf-bar .sn7-sw.rf-in>button{min-height:38px;height:38px;border-radius:19px;background:var(--rf-menu);border:1.5px solid var(--rf-lime)}
.rf-bar .sn7-sw.rf-in ul{top:48px;z-index:1070}
/* ⋯ more (Music, Message, office picker...) */
.rf-more{position:relative;flex:none}.rf-more[hidden]{display:none}
.rf-more-btn{width:38px;justify-content:center;padding:0!important;font-size:20px!important;background:rgba(255,255,255,.14)!important;color:#fff!important;border:1px solid rgba(255,255,255,.35)!important}
.rf-more-pop{display:none;position:absolute;right:0;top:48px;min-width:240px;background:#fff;border:1px solid var(--rf-line);border-top:3px solid var(--rf-lime);border-radius:12px;box-shadow:none;padding:8px;flex-direction:column;gap:6px;z-index:1070}
.rf-more.open .rf-more-pop{display:flex}
.rf-more-pop>*{display:flex!important;align-items:center;gap:8px;width:100%!important;box-sizing:border-box;min-height:42px;padding:8px 12px!important;border-radius:10px!important;background:#ecfdf5!important;color:var(--rf-bar)!important;border:0!important;font:700 15px system-ui,-apple-system,"Segoe UI",Roboto,sans-serif!important;text-decoration:none!important;box-shadow:none!important;position:static!important;margin:0!important}
.rf-more-pop>* *{color:inherit!important}.rf-more-pop select{width:100%;min-height:38px;border:1px solid var(--rf-line);border-radius:8px;background:#fff!important;color:var(--rf-ink)!important;font:600 14px system-ui,sans-serif}
.rf-more-pop .p40-sw{background:none!important;padding:0!important}
/* ---- left menu (shared look) ---- */
.rf-menu{position:fixed;top:var(--rf-top);left:0;bottom:0;width:var(--rf-menu-w);box-sizing:border-box;background:var(--rf-menu);padding:12px 10px;overflow-y:auto;z-index:1050;display:flex;flex-direction:column;gap:3px;font:15px/1.25 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.rf-menu a{display:block;color:#d1fae5;font-weight:700;padding:11px 12px;border-radius:10px;text-decoration:none}
.rf-menu a:hover{background:rgba(255,255,255,.08);color:#fff}
.rf-menu a.on{background:rgba(16,185,129,.22);color:#fff;box-shadow:none}
.rf-menu a.rf-out{margin-top:auto;color:#a7f3d0;font-weight:600}
body.rf.rf-has-menu:not(#rf_){padding-left:var(--rf-menu-w)!important}
.rf-scrim{display:none}
/* family menus: under the bar, same dark emerald, lime marker on the current item, their own logo hidden (the bar has it) */
body.rf:not(#rf_) :is(.cs-nav.m33,.pt-nav.m33,.a151-side,.main-menu) .m33-brand,body.rf:not(#rf_) .a151-side .a151-brand,body.rf:not(#rf_) .main-menu .navbar-header{display:none!important}
@media (min-width:980px){
 body.rf:not(#rf_) :is(.cs-nav.m33,.pt-nav.m33){top:var(--rf-top)!important;height:calc(100vh - var(--rf-top))!important;max-height:none!important;width:var(--rf-menu-w)!important;background:var(--rf-menu)!important;background-image:none!important}
 body.rf:not(#rf_) :is(.cs-nav,.pt-nav).m33 :is(.m33-top,.m33-g>summary){color:#d1fae5!important;background:none!important}
 body.rf:not(#rf_) :is(.cs-nav,.pt-nav).m33 :is(.m33-top.on,.m33-g>summary.on){background:rgba(16,185,129,.22)!important;color:#fff!important;box-shadow:none}
 body.rf:not(#rf_) :is(.cs-nav,.pt-nav).m33 .m33-sub a{color:#d1fae5!important;background:none!important}
 body.rf:not(#rf_) :is(.cs-nav,.pt-nav).m33 .m33-sub a.on{background:rgba(16,185,129,.22)!important;color:#fff!important;box-shadow:none}
}
body.rf:not(#rf_) :is(#m33,#m33p,.a151-side,.main-menu){background-image:none!important}
body.rf:not(#rf_) :is(#m33,#m33p) :is(.m33-top,.m33-g>summary,.m33-sub a){background-image:none!important}
/* ---- cards + buttons: one look ---- */
body.rf:not(#rf_) :is(.card,.cs-card,.a151-panel,.s200-group,.b196-panel,.s217-hero:not(.s217-ptpath .s217-hero)){border-radius:var(--rf-card-r)!important}
body.rf:not(#rf_) :is(.btn:not(.btn-sm):not(.btn-xs),.s222-primary,.s200-cta,.s198-cta,.s217-go){border-radius:var(--rf-btn-r)!important}
body.rf:not(#rf_) :is(a,button,input,select,summary):focus-visible{outline:2px solid var(--rf-lime)!important;outline-offset:2px}

/* any simple page's own header.top: the shared bar replaces it */
body.rf:not(#rf_)>header.top{display:none!important}
/* ===== signin (sign-in page + picker) ===== */
body.rf-signin:not(#rf_)>header.top{display:none!important}
/* ===== public (docking ports, office + lab show-off pages, public driver/Lobby profiles): same bar, no side menu ===== */
body.rf-public:not(#rf_)>header.top,body.rf-public:not(#rf_)>header.s198-top,body.rf-public:not(#rf_)>header.s184-top{display:none!important}
body.rf-public.sn8:not(#rf_){--t1:#047857!important;--t2:#065f46!important}
@media (min-width:701px){body.rf-public.sn8:not(#rf_) .bar{top:var(--rf-top)!important}}
body.rf-public.sn8:not(#rf_) .cover{background-color:var(--rf-bar)!important}
body.rf-public:not(#rf_) .s198-hero{border-radius:var(--rf-card-r)!important}
/* ===== driver + patient pages without their own menu ===== */
body.rf-driver:not(#rf_)>header.top,body.rf-patient:not(#rf_)>header.top{display:none!important}
body.rf-patient.s17x:not(#rf_)>header.tb,body.rf-patient:not(#rf_)>header.s200-top,body.rf-patient.pt51:not(#rf_)>header.pt-bar{display:none!important}
/* ===== The Bench ===== */
body.rf-bench:not(#rf_) .pt-bar{background:none!important;box-shadow:none!important;border:0!important;min-height:0!important;height:0!important;padding:0!important;margin:0!important;position:static!important}
body.rf-bench:not(#rf_) .pt-bar>:not(nav){display:none!important}
body.rf-bench.s196-bench:not(#rf_),body.rf-bench:not(#rf_) .pt-main{background:var(--rf-bg)!important}
/* ===== Chairside ===== */
body.rf-chairside:not(#rf_)>header.cs-bar{display:none!important}
/* ===== RDL Admin ===== */
body.rf-admin:not(#rf_) .a151-side{top:var(--rf-top)!important;height:calc(100vh - var(--rf-top))!important;background:var(--rf-menu)!important}
body.rf-admin:not(#rf_) .a151-top{top:var(--rf-top)!important;background:var(--rf-bg)!important;border:0!important;box-shadow:none!important}
body.rf-admin:not(#rf_) .a151-top .a151-burger{display:none!important}
body.rf-admin:not(#rf_) .a151-side nav a.on{box-shadow:none}
/* ===== Lab tech / old admin pages ===== */
body.rf-labtech:not(#rf_) .header-navbar{display:none!important}
body.rf-labtech:not(#rf_) .main-menu{top:var(--rf-top)!important;height:calc(100% - var(--rf-top))!important;background:var(--rf-menu)!important}
body.rf-labtech:not(#rf_) .main-menu .navigation-background{display:none!important}
body.rf-labtech:not(#rf_) .main-menu .navigation{background:transparent!important}
body.rf-labtech:not(#rf_) .main-menu .navigation li.active>a{box-shadow:none}
body.rf-labtech:not(#rf_) .app-content{margin-top:0!important}
/* ===== phone ===== */
@media (max-width:979px){
 .rf-bar{gap:7px;padding:0 10px}.rf-burger{display:flex}.rf-mid{display:none}.rf-nm{font-size:15px}.rf-nm small{font-size:11px}.rf-logo{width:34px;height:34px;font-size:11px}
 .rf-chip,.rf-bar .rf-helpbtn{height:34px;padding:0 11px!important;font-size:13px!important}.rf-bar .rf-bell,.rf-bar .rf-tools>a,.rf-bar .rf-avatar{width:34px;height:34px}.rf-more-btn{width:34px}
 .rf-bar .sn7-sw.rf-in>button{height:34px;min-height:34px;padding:0 10px}
 .rf-back{display:none}.rf-bar .rf-avatar{display:none!important}
 body.rf.rf-has-menu:not(#rf_){padding-left:0!important}
 .rf-menu{transform:translateX(-105%);transition:transform .18s ease;width:min(300px,86vw);box-shadow:none;height:calc(100dvh - var(--rf-top))}
 body.rf-menu-open:not(#rf_) .rf-menu{transform:none}
 body.rf-menu-open:not(#rf_) .rf-scrim{display:block;position:fixed;inset:var(--rf-top) 0 0 0;background:rgba(2,44,34,.45);z-index:1049}
 body.rf-menu-open:not(#rf_){overflow:hidden}
 /* family ☰ menus open from the same ☰ in the bar */
 body.rf:not(#rf_) :is(.cs-nav,.pt-nav).m33{position:fixed!important;top:var(--rf-top)!important;left:0!important;right:0!important;width:auto!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important;z-index:1050!important;max-height:calc(100dvh - var(--rf-top))!important;overflow-y:auto!important;height:auto!important}
 body.rf:not(#rf_) :is(.cs-nav,.pt-nav).m33 .m33-toggle{display:none!important}
 body.rf:not(#rf_) :is(.cs-nav,.pt-nav).m33.m33-open .m33-list{display:flex!important;position:static!important;background:#fff!important;border-top:0!important;border-radius:0 0 14px 14px!important;box-shadow:none;padding:8px!important;margin:0 6px!important}
 body.rf.rf-chairside:not(#rf_) .cs-main,body.rf.rf-bench:not(#rf_) .pt-main{margin-top:0!important}
 body.rf-admin:not(#rf_) .a151-side{top:var(--rf-top)!important;height:calc(100dvh - var(--rf-top))!important}
}
@media print{.rf-bar,.rf-menu,.rf-scrim{display:none!important}html body.rf:not(#rf_){padding:0!important}}
.rf-menu .rf-whf{position:static!important;margin-top:auto!important;display:block!important;border:1px solid rgba(255,255,255,.3)!important;background:none!important;color:#d1fae5!important;font-weight:600!important;padding:10px 12px!important;border-radius:10px!important;box-shadow:none!important;width:auto!important;transform:none!important}
.rf-menu .rf-whf~.rf-out{margin-top:6px}

.rf-bar a.rf-bell>span:not(.cs-badge):not(.rdl-msg-badge):not(.badge){display:none!important}
@media (max-width:979px){
 body.rf:not(#rf_) :is(.cs-nav,.pt-nav).m33.m33-open .m33-list :is(.m33-top,.m33-g>summary,.pt-out,.cs-out){color:#1C342B!important;background:none!important}
 body.rf:not(#rf_) :is(.cs-nav,.pt-nav).m33.m33-open .m33-list :is(.m33-top.on,.m33-g>summary.on,.m33-sub a.on){background:#E8F5EE!important;color:#065f46!important;box-shadow:none}
 body.rf:not(#rf_) :is(.cs-nav,.pt-nav).m33.m33-open .m33-list .m33-sub a{color:#22313f!important}
}
#rf-bar.rf-bar,#rf-bar.rf-bar *{font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif!important;letter-spacing:normal}
#rf-bar .rf-logo{color:var(--rf-bar)!important;background:#fff!important}
#rf-bar .rf-nm{color:#fff!important}#rf-bar .rf-nm small{color:#a7f3d0!important}
body.rf-labtech:not(#rf_) .app-content .content-wrapper{padding-top:14px!important}
@media (max-width:979px){
 body.rf:not(#rf_) :is(.cs-nav,.pt-nav).m33.m33-open .m33-list :is(.m33-g>summary,.m33-g>summary *,.m33-top,.m33-top *){color:#1C342B!important}
 body.rf:not(#rf_) :is(.cs-nav,.pt-nav).m33.m33-open .m33-list :is(.m33-g>summary.on,.m33-g>summary.on *){color:#065f46!important}
}
@media (max-width:979px){body.rf:not(#rf_) :is(.cs-nav,.pt-nav).m33.m33-open .m33-list>a:not(.on),body.rf:not(#rf_) :is(.cs-nav,.pt-nav).m33.m33-open .m33-list .s217-menu>a:not(.on){color:#1C342B!important;border-color:#d6e9e0!important}}
#rf-bar .rf-back a.bk{font-size:0!important}#rf-bar .rf-back a.bk::before{content:'←';font-size:18px}
@media (max-width:979px){
 #rf-bar .rf-nm{font-size:0!important;max-width:110px;overflow:hidden;text-overflow:ellipsis}
 #rf-bar .rf-nm small{font-size:14px!important;font-weight:800;color:#fff!important;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 #rf-bar .rf-dd .avatar img{width:32px!important;height:32px!important}
 #rf-bar .rf-dd .dropdown-toggle::after{display:none}
}
/* tight phones with the Switch button: Help me becomes a round "?" (same button, same guide) */
@media (max-width:480px){
 #rf-bar:has(#sn7-sw) .rf-helpbtn,#rf-bar:has(.rf-dd) .rf-helpbtn{width:34px;padding:0!important;justify-content:center;font-size:0!important}
 #rf-bar:has(#sn7-sw) .rf-helpbtn *,#rf-bar:has(.rf-dd) .rf-helpbtn *{display:none!important}
 #rf-bar:has(#sn7-sw) .rf-helpbtn::before,#rf-bar:has(.rf-dd) .rf-helpbtn::before{content:"?";font-size:18px;font-weight:900}
}
