:root{--ep-rail:76px}
.with-portal-nav{padding-inline-start:var(--ep-rail)!important}
#portal-navigation{position:fixed;inset:0 auto 0 0;inset-inline-start:0;inset-inline-end:auto;width:var(--ep-rail);z-index:100;display:flex;flex-direction:column;align-items:center;background:#fff;border-inline-end:1px solid #dfe5eb;box-sizing:border-box;font:11px/1.3 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,Tahoma,sans-serif;color:#546376}
#portal-navigation .portal-brand{height:80px;min-height:80px;display:flex;align-items:center;justify-content:center;gap:5px;flex-direction:column;text-decoration:none;color:#283b4b;font-size:9px;font-weight:700;letter-spacing:.2px;width:100%;border-bottom:1px solid #dfe5eb}
#portal-navigation .portal-brand img{width:32px;height:32px;display:block}
#portal-navigation .portal-links{display:flex;flex-direction:column;gap:4px;padding:12px 6px;flex:1;width:100%;overflow-y:auto;background:white;margin:0;border:0;border-radius:0;min-height:0}
#portal-navigation .portal-links a{width:64px;min-height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:9px 3px;border-radius:7px;color:inherit;text-decoration:none;flex-shrink:0;box-sizing:border-box;font-size:10px;line-height:1.3;font-weight:500}
#portal-navigation .portal-links a:hover{background:#f1f5f7;color:#247f97}
#portal-navigation a[aria-current=page]{background:#eaf3f6;color:#1b6f86;font-weight:700}
#portal-navigation .ep-icon{width:21px;height:21px;flex-shrink:0}
#portal-navigation :is(a,button):focus-visible{outline:2px solid #247f97;outline-offset:-2px}
#portal-navigation .portal-account{border-top:1px solid #dfe5eb;padding:10px 6px;width:100%}
#portal-account-button{display:flex;flex-direction:column;align-items:center;gap:5px;border:0;background:transparent;color:inherit;width:100%;padding:4px;cursor:pointer;font-size:10px;line-height:1.3}
#portal-avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#eaf3f6;color:#247f97;font-size:13px;font-weight:600}
#portal-account-panel{position:fixed;z-index:1100;bottom:18px;inset-inline-start:calc(var(--ep-rail) + 8px);width:250px;padding:20px;border:1px solid #dfe5eb;border-radius:10px;box-shadow:0 10px 40px #17263b21;background:white;color:#17263b;font:13px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,Tahoma,sans-serif}
#portal-account-panel strong{overflow-wrap:anywhere;display:block}#portal-account-panel p{font-size:12px;color:#697788;margin:3px 0 18px}
#portal-account-panel label{display:flex;flex-direction:column;font-size:12px;gap:6px;margin-bottom:16px}#portal-account-panel select{width:100%;height:36px;padding:6px;border:1px solid #dfe5eb;background:white;border-radius:5px}
#portal-signout{display:flex;align-items:center;gap:8px;width:100%;border:0;background:#f5f7f9;padding:9px 12px;border-radius:5px;color:inherit;font:inherit;cursor:pointer}#portal-signout svg{width:16px;height:16px}
.ep-login #portal-navigation,.ep-login #portal-account-panel{display:none!important}.ep-login.with-portal-nav{padding:0!important}
.with-portal-nav #editor-pane.editor-inactive{inset-inline-start:var(--ep-rail)}
@media(max-height:650px){#portal-navigation .portal-links a{min-height:48px;gap:3px;padding:5px 3px}#portal-navigation .portal-links{padding-block:5px}}

/* Shared horizontal brand and navigation for all portal screens. */
:root{--ep-rail:320px}
#portal-navigation .portal-brand{height:var(--ep-brand-height,var(--ep-header-height,80px));min-height:var(--ep-brand-height,var(--ep-header-height,80px));box-sizing:border-box;padding:8px 10px;flex-direction:row}
#portal-navigation .portal-brand img{width:300px;height:auto;max-width:100%;display:block}
#portal-navigation .portal-links{padding:12px}
#portal-navigation .portal-links a{width:100%;min-height:44px;flex-direction:row;justify-content:flex-start;gap:12px;padding:10px 14px;font-size:13px}
#portal-account-button{flex-direction:row;gap:12px;padding:8px 18px;font-size:13px}

/* Compact navigation keeps editor space available without losing navigation. */
#portal-menu-toggle{display:grid;place-items:center;width:40px;height:32px;flex-shrink:0;align-self:flex-end;margin:6px 14px 0;border:0;border-radius:6px;background:transparent;color:#546376;cursor:pointer}
#portal-menu-toggle:hover{background:#eaf3f6}
#portal-navigation .portal-brand .portal-compact-mark{display:none}
body.portal-collapsed{--ep-rail:68px}
.portal-collapsed #portal-navigation .portal-brand{padding:8px}
.portal-collapsed #portal-navigation .portal-brand>img:first-child{display:none}
.portal-collapsed #portal-navigation .portal-brand .portal-compact-mark{display:block;width:44px;height:44px;object-fit:contain}
.portal-collapsed #portal-menu-toggle{align-self:center;margin:6px 0 0}
.portal-collapsed #portal-navigation .portal-links{padding:8px}
.portal-collapsed #portal-navigation .portal-links a{justify-content:center;padding:10px;min-height:44px}
.portal-collapsed #portal-navigation .portal-links a span,.portal-collapsed #portal-account-button>span:last-child{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.portal-collapsed #portal-account-button{justify-content:center;padding:8px 0}