/* EVAC navigation: one storefront bar, a thumb-friendly mobile dock,
   and grouped administration navigation. */
#evac .ep-navigation-shell{position:sticky;top:0;z-index:80;background:#ffffffed;backdrop-filter:blur(18px);border-bottom:1px solid #e6e9f0}
#evac .ep-header{padding:16px 24px;background:transparent;gap:16px;min-width:0}
#evac .ep-brand{gap:10px;white-space:nowrap}
#evac .ep-brand img{width:42px;height:42px;border-radius:12px}
#evac .ep-brand>span{font-size:25px;line-height:1.2;letter-spacing:-1px}
#evac .ep-brand small{font-size:9px;line-height:1.6;letter-spacing:.1px;margin-top:3px}
#evac .ep-header-actions{gap:8px;justify-content:flex-end;min-width:0}
#evac .ep-header-actions button{height:42px;min-height:42px;border-radius:13px;border:1px solid transparent;padding:10px 12px;background:#f4f6fa;gap:8px;font-size:12px;font-weight:600}
#evac .ep-header-actions button:hover{background:#eaf0ff;border-color:#d3defb;color:var(--ep-blue)}
#evac .ep-header-actions button[aria-label=Notifications]{width:42px;justify-content:center;padding:10px;border:1px solid transparent}
#evac .ep-header-actions .ep-account-control{background:#18263e;color:#fff;border-color:#18263e}
#evac .ep-header-actions .ep-account-control:hover,#evac .ep-header-actions .ep-account-control.is-active{background:var(--ep-blue);color:#fff;border-color:var(--ep-blue)}
#evac .ep-header-actions button.is-active:not(.ep-account-control){background:#eaf0ff;color:var(--ep-blue)}
#evac .ep-header-actions .ep-workspace-link{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:600;color:#677189;min-height:42px;border-radius:12px;padding:8px;text-decoration:none;white-space:nowrap}
#evac .ep-workspace-link:hover{color:var(--ep-blue);background:#f1f5ff}
#evac .ep-workspace-link svg{width:16px;height:16px}
#evac .ep-nav{border:0;background:transparent;margin:0;padding:0;gap:5px;flex-wrap:nowrap}
#evac .ep-nav .ep-nav-item{font-size:12px;font-weight:600;min-height:44px;padding:10px 14px;border-radius:12px;border:0;color:#717a8d;display:flex;align-items:center;justify-content:center;gap:8px;line-height:1.4;white-space:nowrap}
#evac .ep-nav .ep-nav-item:hover{background:#f1f4fa;color:#263550}
#evac .ep-nav .ep-nav-item.is-active{background:#edf2ff;color:var(--ep-blue)}
#evac .ep-nav .is-active:after{display:none}
#evac .ep-nav .ep-icon{display:block;width:17px;height:17px}
#evac .ep-nav .ep-mobile-account,#evac .ep-menu-toggle,#evac .ep-menu-close,#evac .ep-menu-backdrop{display:none}
#evac .ep-nav .ep-menu-close{display:none}
#evac .ep-nav button:focus-visible,#evac .ep-navigation-shell a:focus-visible{outline:3px solid #91baff;outline-offset:3px}
#evac .ep-main{scroll-margin-top:110px}
#evac .ep-catalogue-heading{scroll-margin-top:110px}
body.ep-menu-open{overflow:hidden}

/* Storefront desktop header. */
@media(min-width:761px){
  #evac:not([data-admin]) .ep-navigation-shell{display:grid;grid-template-columns:minmax(125px,1fr) auto minmax(125px,1fr);align-items:center;gap:12px;padding:14px 24px}
  #evac:not([data-admin]) .ep-header{display:contents}
  #evac:not([data-admin]) .ep-brand{grid-column:1;grid-row:1}
  #evac:not([data-admin]) .ep-nav{grid-column:2;grid-row:1;justify-content:center}
  #evac:not([data-admin]) .ep-header-actions{grid-column:3;grid-row:1}
}
@media(min-width:761px) and (max-width:1150px){
  #evac:not([data-admin]) .ep-brand small{display:none}
  #evac:not([data-admin]) .ep-header-actions .ep-account-control span,#evac:not([data-admin]) .ep-workspace-link span{display:none}
  #evac:not([data-admin]) .ep-nav .ep-nav-item{padding:10px 11px;font-size:11px}
  #evac:not([data-admin]) .ep-navigation-shell{padding-inline:16px}
}

/* Administration on a large screen. */
@media(min-width:1001px){
  #evac[data-admin]{padding:0 24px}
  #evac[data-admin] .ep-app{display:grid;grid-template-columns:218px minmax(0,1fr);grid-template-areas:'demo demo' 'offline offline' 'header header' 'nav main' 'nav footer';grid-template-rows:auto auto auto 1fr auto;align-items:start}
  #evac[data-admin] .ep-demo{grid-area:demo}
  #evac[data-admin] .ep-offline{grid-area:offline}
  #evac[data-admin] .ep-navigation-shell{display:contents}
  #evac[data-admin] .ep-header{grid-area:header;position:sticky;top:0;z-index:80;background:#ffffffed;backdrop-filter:blur(18px);border-bottom:1px solid #e6e9f0;padding:18px 24px}
  #evac[data-admin] .ep-nav{grid-area:nav;position:sticky;top:96px;align-self:start;display:flex;flex-direction:column;gap:20px;margin:22px 8px 24px 0;padding:22px 12px;background:#fff;border:1px solid #e6e9f0;border-radius:18px;box-shadow:0 6px 20px #1b2c4d03;max-height:calc(100dvh - 118px);overflow-y:auto}
  #evac[data-admin] .ep-main{grid-area:main;padding:32px 24px 52px;min-width:0}
  #evac[data-admin] .ep-footer{grid-area:footer;margin-left:24px}
  #evac[data-admin] .ep-nav-heading strong{display:none}
}
#evac[data-admin] .ep-nav-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 10px 6px}
#evac[data-admin] .ep-nav-heading small{display:block;color:#8a94a7;font-size:9px;font-weight:700;letter-spacing:1.8px}
#evac[data-admin] .ep-nav-heading strong{font-size:20px;letter-spacing:-.5px}
#evac[data-admin] .ep-nav-group{width:100%;display:grid;gap:4px}
#evac[data-admin] .ep-nav-group>p{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#8a94a7;padding:0 12px 7px}
#evac[data-admin] .ep-nav .ep-nav-item{width:100%;justify-content:flex-start;font-size:11px;white-space:normal;padding:11px 12px;text-align:left;min-height:43px}
#evac[data-admin] .ep-nav .ep-nav-item.is-active{box-shadow:inset 3px 0 0 var(--ep-blue)}
#evac[data-admin] .ep-nav-foot{display:flex;align-items:center;gap:7px;border-top:1px solid #edf0f5;padding:17px 10px 0;color:#8a94a7;font-size:9px}
#evac .ep-nav-status{height:6px;width:6px;border-radius:50%;background:#8593ae;flex-shrink:0}

/* Compact administration menu. */
@media(max-width:1000px){
  #evac[data-admin]{padding:0 18px}
  #evac[data-admin] .ep-header{padding:14px 18px;gap:12px}
  #evac[data-admin] .ep-brand{margin-right:auto}
  #evac[data-admin] .ep-menu-toggle{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;border:1px solid #e4e9f2;border-radius:12px;background:#fff;padding:10px}
  #evac[data-admin] .ep-menu-toggle[aria-expanded=true]{background:#edf2ff;color:var(--ep-blue);border-color:#d3defb}
  #evac[data-admin] .ep-menu-toggle svg{width:20px;height:20px}
  #evac[data-admin] .ep-nav{display:none;position:absolute;top:calc(100% + 8px);left:12px;right:12px;margin:0;padding:20px;max-height:calc(100dvh - 140px);overflow-y:auto;background:#fff;border:1px solid #e2e7f1;border-radius:20px;box-shadow:0 18px 55px #152e4d25;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px;z-index:82}
  #evac[data-admin][data-nav-open=true] .ep-nav{display:grid}
  #evac[data-admin] .ep-nav-heading,#evac[data-admin] .ep-nav-foot{grid-column:1/-1}
  #evac[data-admin] .ep-menu-close{display:grid;place-items:center;font-size:25px;line-height:1;width:38px;height:38px;flex-shrink:0;border:0;border-radius:11px;background:#f4f6fa;color:#7b8598}
  #evac[data-admin] .ep-menu-backdrop{display:block;position:fixed;inset:0;width:100%;height:100%;border:0;background:#172b4655;backdrop-filter:blur(3px);z-index:65;padding:0}
}

/* Storefront mobile: the four everyday destinations are within thumb reach. */
@media(max-width:760px){
  #evac:not([data-admin]) .ep-navigation-shell{backdrop-filter:none;background:#fff}
  #evac .ep-header{padding:13px 14px;gap:10px;min-height:72px}
  #evac .ep-brand img{width:38px;height:38px}
  #evac .ep-brand>span{font-size:23px}
  #evac .ep-brand small{font-size:8px;max-width:none}
  #evac .ep-header-actions{gap:5px}
  #evac .ep-header-actions .ep-workspace-link{padding:10px;width:39px;justify-content:center}
  #evac .ep-header-actions .ep-workspace-link span{display:none}
  #evac .ep-header-actions button[aria-label=Notifications]{width:39px;height:39px;min-height:39px}
  #evac .ep-header-actions #install-button{font-size:10px;padding:8px;min-height:39px;height:39px}
  #evac:not([data-admin]) .ep-header-actions .ep-account-control{display:none}
  #evac:not([data-admin]) .ep-app{padding-bottom:calc(86px + env(safe-area-inset-bottom,0px))}
  #evac:not([data-admin]) .ep-nav{position:fixed;inset:auto 0 0;z-index:75;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;padding:8px max(12px,calc((100vw - 520px)/2)) calc(8px + env(safe-area-inset-bottom,0px));background:#ffffffee;backdrop-filter:blur(20px);border-top:1px solid #e2e7f1;box-shadow:0 -8px 30px #18284908}
  #evac:not([data-admin]) .ep-nav .ep-nav-item{display:flex;flex-direction:column;justify-content:center;gap:5px;padding:8px 5px;min-height:56px;font-size:10px;border-radius:14px}
  #evac:not([data-admin]) .ep-nav .ep-icon{width:21px;height:21px;display:block}
  #evac:not([data-admin]) .ep-nav .ep-nav-item.is-active{background:#edf2ff;color:var(--ep-blue)}
  #evac:not([data-admin]) .ep-toast{bottom:calc(88px + env(safe-area-inset-bottom,0px))}
  #evac[data-admin]{padding:0}
  #evac[data-admin] .ep-header{padding:13px 12px;gap:8px}
  #evac[data-admin] .ep-brand small{display:block}
  #evac[data-admin] .ep-header-actions .ep-account-control{width:39px;height:39px;min-height:39px;padding:10px;justify-content:center}
  #evac[data-admin] .ep-header-actions .ep-account-control span{display:none}
  #evac[data-admin] .ep-nav{padding:20px 12px;gap:20px 7px;left:8px;right:8px}
  #evac[data-admin] .ep-nav .ep-nav-item{padding:10px 8px;gap:7px;font-size:11px}
}
@media(max-width:370px){
  #evac .ep-brand{gap:7px}
  #evac .ep-brand img{width:33px;height:33px}
  #evac .ep-brand>span{font-size:21px}
  #evac .ep-brand small{display:none}
  #evac[data-admin] .ep-header-actions{gap:2px}
}