.lg-role-shell-root{position:sticky;top:0;z-index:12000;font-family:Arial,sans-serif}
.lg-role-topbar{height:68px;display:grid;grid-template-columns:52px minmax(0,1fr) 52px;align-items:center;gap:10px;padding:0 18px;background:rgba(22,17,10,.97);color:#fff;border-bottom:1px solid rgba(229,170,54,.35);box-shadow:0 10px 28px rgba(22,17,10,.13);backdrop-filter:blur(16px)}
.lg-role-menu-button,.lg-role-profile-button{width:44px;height:44px;border:1px solid rgba(255,255,255,.15);border-radius:13px;background:rgba(255,255,255,.06);display:grid;place-items:center;cursor:pointer;color:#fff}
.lg-role-menu-button:hover,.lg-role-profile-button:hover{background:rgba(229,170,54,.15);border-color:rgba(229,170,54,.45)}
.lg-role-title{display:flex;align-items:center;justify-content:center;gap:10px;min-width:0;color:#fff;text-decoration:none}
.lg-role-title img{width:38px;height:38px;object-fit:contain;background:#fff;border-radius:10px;padding:3px}
.lg-role-title span{min-width:0}.lg-role-title small,.lg-role-title strong{display:block}.lg-role-title small{font-size:9px;letter-spacing:.14em;color:#e5aa36;font-weight:900}.lg-role-title strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lg-role-bars{width:22px;display:grid;gap:4px}.lg-role-bars i{display:block;height:2px;background:#e5aa36;border-radius:99px}
.lg-role-person{position:relative;width:22px;height:24px;display:inline-block}.lg-role-person i{position:absolute;width:9px;height:9px;border:2px solid #e5aa36;border-radius:50%;left:5px;top:1px}.lg-role-person b{position:absolute;width:18px;height:10px;border:2px solid #e5aa36;border-bottom:0;border-radius:14px 14px 0 0;left:1px;bottom:1px}
.lg-role-overlay{position:fixed;inset:0;background:rgba(10,8,5,.52);z-index:12010;backdrop-filter:blur(2px)}
.lg-role-drawer{position:fixed;left:0;top:0;bottom:0;width:min(360px,91vw);z-index:12020;background:#fcfbf8;box-shadow:20px 0 45px rgba(0,0,0,.2);transform:translateX(-105%);transition:transform .22s ease;display:flex;flex-direction:column}
.lg-role-drawer.open{transform:translateX(0)}
.lg-role-drawer-head{display:grid;grid-template-columns:48px 1fr 38px;gap:10px;align-items:center;padding:18px;background:#171109;color:#fff}.lg-role-drawer-head img{width:46px;height:46px;object-fit:contain;background:#fff;border-radius:12px;padding:3px}.lg-role-drawer-head strong,.lg-role-drawer-head small{display:block}.lg-role-drawer-head small{color:#cfc4b4;margin-top:3px}.lg-role-drawer-head button{width:36px;height:36px;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:transparent;color:#fff;cursor:pointer}
.lg-role-drawer-scroll{overflow:auto;padding:12px 14px 26px}
.lg-role-menu-group{padding:8px 0 11px;border-bottom:1px solid #eee7dc}.lg-role-menu-group:last-child{border-bottom:0}.lg-role-menu-label{font-size:10px;font-weight:900;letter-spacing:.11em;color:#9f6807;padding:8px 10px}.lg-role-menu-group a{display:block;padding:11px 12px;border-radius:11px;color:#282118;text-decoration:none;font-weight:750;font-size:13px}.lg-role-menu-group a:hover{background:#fbf3e2}.lg-role-menu-group a.active{background:#171109;color:#fff}
.lg-role-profile-popover{position:fixed;right:16px;top:72px;width:min(310px,calc(100vw - 32px));z-index:12030;background:#fff;border:1px solid #ded7cb;border-radius:17px;box-shadow:0 18px 50px rgba(22,17,10,.22);padding:12px}
.lg-role-profile-head{display:flex;align-items:center;gap:11px;padding:10px 9px 14px;border-bottom:1px solid #eee7dc}.lg-role-profile-head .lg-role-person{background:#171109;border-radius:11px;width:42px;height:42px}.lg-role-profile-head .lg-role-person i{left:13px;top:7px}.lg-role-profile-head .lg-role-person b{left:10px;bottom:7px}.lg-role-profile-head strong,.lg-role-profile-head small{display:block}.lg-role-profile-head small{color:#756d63;margin-top:3px;word-break:break-all}
.lg-role-profile-popover>a,.lg-role-profile-popover>button{display:block;width:100%;box-sizing:border-box;margin-top:7px;padding:11px 12px;border-radius:11px;border:0;background:#f8f5ef;color:#231d16;text-align:left;text-decoration:none;font:inherit;font-weight:800;cursor:pointer}.lg-role-profile-popover>a:hover,.lg-role-profile-popover>button:hover{background:#fbf3e2}.lg-role-profile-popover>button{color:#a33434}

/* During an authenticated role session only the role topbar is the navigation chrome. */
html.lg-role-authenticated [data-site-header],
html.lg-role-authenticated #lgGlobalHeader,
html.lg-role-authenticated .site-header,
html.lg-role-authenticated .premium-header,
html.lg-role-authenticated .lp-header,
html.lg-role-authenticated [data-eg-header]>.eg-header,
html.lg-role-authenticated .eg-reader-header{display:none!important}
html.lg-role-authenticated .mobile-bottom-nav,
html.lg-role-authenticated .author-bottom-nav,
html.lg-role-authenticated .eg-bottom-nav,
html.lg-role-authenticated .footer-group-v62{display:none!important}

/* Legacy sidebars remain in DOM for compatibility but are replaced visually by the single role drawer. */
html.lg-role-authenticated .admin-sidebar,
html.lg-role-authenticated .admin-sidebar-overlay,
html.lg-role-authenticated .admin-mobile-menu,
html.lg-role-authenticated .author-sidebar,
html.lg-role-authenticated .author-drawer-overlay,
html.lg-role-authenticated .eg-app-shell>.eg-sidebar{display:none!important}
html.lg-role-authenticated .admin-main,
html.lg-role-authenticated .author-main,
html.lg-role-authenticated .eg-app-shell>.eg-main{margin-left:0!important;width:100%!important;max-width:none!important}
html.lg-role-authenticated .author-toolbar{display:none!important}
html.lg-role-authenticated .eg-toolbar{display:none!important}
html.lg-role-authenticated .author-content{padding-top:18px!important}

/* The public footer can remain as supporting content; it is not navigation chrome. */
body.lg-role-drawer-open{overflow:hidden}

@media(max-width:640px){
  .lg-role-topbar{height:62px;padding:0 10px;grid-template-columns:46px minmax(0,1fr) 46px}
  .lg-role-menu-button,.lg-role-profile-button{width:40px;height:40px}
  .lg-role-title img{width:34px;height:34px}.lg-role-title strong{font-size:13px}.lg-role-title small{font-size:8px}
}
@media(prefers-reduced-motion:reduce){.lg-role-drawer{transition:none}}