/* ROOT SE approved five-button transparent cyan-glass dock, 2026-10-10 */
html:root{--ui-nav-height:94px}
html[data-theme] body #appShell>.nav.glassDock{
 position:fixed!important;inset:auto 0 0 0!important;transform:none!important;
 z-index:1400!important;box-sizing:border-box!important;
 display:grid!important;grid-template-columns:1fr 1fr 1.18fr 1fr 1fr!important;
 align-items:end!important;justify-content:stretch!important;gap:4px!important;
 width:100%!important;max-width:none!important;overflow:visible!important;
 height:calc(94px + env(safe-area-inset-bottom,0px))!important;
 min-height:calc(94px + env(safe-area-inset-bottom,0px))!important;
 margin:0!important;
 padding:7px max(5px,env(safe-area-inset-right,0px)) calc(5px + env(safe-area-inset-bottom,0px)) max(5px,env(safe-area-inset-left,0px))!important;
 border:1px solid rgba(25,165,238,.58)!important;border-bottom:0!important;
 border-radius:19px 19px 0 0!important;
 background:linear-gradient(180deg,rgba(10,40,66,.70),rgba(1,8,19,.87) 42%,rgba(2,10,19,.93))!important;
 box-shadow:inset 0 1px 0 rgba(177,240,255,.24),inset 0 5px 15px rgba(8,124,194,.14),0 -8px 28px rgba(0,0,0,.56),0 -2px 15px rgba(35,178,250,.23)!important;
 backdrop-filter:blur(22px) saturate(150%)!important;-webkit-backdrop-filter:blur(22px) saturate(150%)!important;
}
html[data-theme] body #appShell>.nav.glassDock::before{
 content:'';position:absolute;left:3%;right:3%;top:1px;height:1px;pointer-events:none;
 background:linear-gradient(90deg,transparent,rgba(74,219,255,.80),rgba(184,246,255,.46),transparent);
}
html[data-theme] body #appShell>.nav.glassDock>button.glassDockItem{
 box-sizing:border-box!important;position:relative!important;isolation:isolate!important;
 display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
 flex:unset!important;width:100%!important;min-width:0!important;max-width:none!important;
 height:78px!important;min-height:78px!important;margin:0!important;padding:7px 2px 8px!important;
 gap:4px!important;overflow:hidden!important;white-space:normal!important;
 border:1px solid rgba(64,180,242,.58)!important;
 border-radius:23px!important;
 background:linear-gradient(160deg,rgba(39,114,169,.40) 0%,rgba(6,25,44,.94) 21%,rgba(0,9,24,.88) 74%,rgba(8,49,78,.78))!important;
 color:#ddf5ff!important;
 box-shadow:inset 0 1.5px 0 rgba(188,244,255,.28),inset 0 -2px 5px rgba(0,156,238,.10),0 0 8px rgba(23,147,233,.26),0 3px 10px rgba(0,0,0,.52)!important;
 text-align:center!important;line-height:1.10!important;font-size:10px!important;font-weight:600!important;letter-spacing:0!important;
 -webkit-tap-highlight-color:transparent;
 transition:filter .18s ease,box-shadow .18s ease,transform .14s ease!important;
}
html[data-theme] body #appShell>.nav.glassDock>button.glassDockItem::after{
 content:'';position:absolute;top:0;left:9%;width:80%;height:15px;border-radius:50%;
 background:radial-gradient(ellipse,rgba(112,221,255,.26),transparent 71%);pointer-events:none;
}
html[data-theme] body #appShell>.nav.glassDock>button.glassDockItem::before{
 content:none!important;display:none!important;
}
html[data-theme] body #appShell>.nav.glassDock>button.glassDockItem:active{transform:scale(.965)!important}
html[data-theme] body #appShell>.nav.glassDock>button.glassDockItem:focus-visible{outline:2px solid #b4f6ff!important;outline-offset:-3px!important}
html[data-theme] body #appShell>.nav.glassDock>button.glassDockItem.on:not(.glassDockHome){
 color:#eafdff!important;
 border-color:rgba(115,225,255,.90)!important;
 box-shadow:inset 0 2px 0 rgba(188,246,255,.28),0 0 16px rgba(32,193,250,.35)!important;
}
html[data-theme] body #appShell>.nav.glassDock .nicon{
 display:grid!important;place-items:center!important;
 flex:0 0 auto!important;width:29px!important;height:29px!important;margin:0!important;
 color:#67d9ff!important;border:0!important;background:none!important;box-shadow:none!important;
 filter:drop-shadow(0 0 6px rgba(36,198,255,.48))!important;
}
html[data-theme] body #appShell>.nav.glassDock .nicon::after{display:none!important}
html[data-theme] body #appShell>.nav.glassDock .nicon svg{
 width:28px!important;height:28px!important;stroke-width:1.9!important;
 color:inherit!important;fill:none!important;stroke:currentColor!important;
}
html[data-theme] body #appShell>.nav.glassDock .glassDockRootMark{
 display:grid;place-items:center;flex:0 0 32px;width:34px;height:32px;
 border:0;box-shadow:none;background:transparent;
 filter:drop-shadow(0 0 7px rgba(63,213,255,.42));
}
html[data-theme] body #appShell>.nav.glassDock .glassDockRootMark img{
 display:block;width:34px;height:32px;object-fit:contain;
}
html[data-theme] body #appShell>.nav.glassDock .glassDockLabel{
 display:block;position:relative;z-index:2;
 font:600 clamp(9px,2.5vw,12px)/1.09 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;
 color:#e6f2ff!important;text-shadow:0 0 8px rgba(29,137,201,.32);
}
html[data-theme] body #appShell>.nav.glassDock>button.glassDockHome{
 height:90px!important;min-height:90px!important;
 margin-top:-8px!important;padding:4px 2px 6px!important;gap:0!important;
 border:1.5px solid rgba(89,226,255,.94)!important;
 border-radius:25px!important;
 background:linear-gradient(155deg,rgba(68,180,243,.68),rgba(3,46,91,.90) 20%,rgba(4,20,50,.94) 67%,rgba(10,110,172,.84))!important;
 box-shadow:inset 0 2px 2px rgba(203,251,255,.56),inset 0 -2px 10px rgba(21,202,255,.32),0 0 12px rgba(46,207,255,.55),0 0 23px rgba(14,161,254,.22)!important;
}
html[data-theme] body #appShell>.nav.glassDock>button.glassDockHome.on{
 box-shadow:inset 0 2px 2px rgba(213,252,255,.72),inset 0 -3px 12px rgba(33,202,255,.50),0 0 15px rgba(32,221,255,.70),0 0 26px rgba(12,168,255,.44)!important;
}
html[data-theme] body #appShell>.nav.glassDock .glassDockCrest{
 display:flex;position:relative;isolation:isolate;z-index:1;
 flex:0 0 66px;width:100%;max-width:100%;
 align-items:center;justify-content:center;flex-direction:column;
 padding-top:4px;line-height:1;
}
html[data-theme] body #appShell>.nav.glassDock .glassDockCrest img{
 position:absolute;z-index:-1;top:-13px;left:50%;transform:translateX(-50%);
 width:78px;height:78px;max-width:100%;object-fit:contain;opacity:.42;
 filter:drop-shadow(0 0 8px rgba(55,216,255,.62));
}
html[data-theme] body #appShell>.nav.glassDock .glassDockCrest b{
 display:block;letter-spacing:-.06em;padding-right:3px;
 font:800 clamp(20px,6vw,28px)/1 system-ui,-apple-system,sans-serif!important;
 color:#f6fdff;text-shadow:0 0 7px rgba(68,218,255,.88),0 2px 4px rgba(0,4,21,.92);
}
html[data-theme] body #appShell>.nav.glassDock .glassDockCrest small{
 font:800 clamp(7px,1.9vw,9px)/1.12 system-ui,-apple-system,sans-serif!important;
 letter-spacing:.025em;white-space:nowrap;color:#6ee7ff;
 text-shadow:0 0 5px rgba(41,208,255,.56);
}
html[data-theme] body #appShell>.nav.glassDock .glassDockHome .glassDockLabel{
 font-weight:800!important;font-size:clamp(10px,2.7vw,13px)!important;
 color:#f0fbff!important;text-shadow:0 0 7px rgba(30,209,255,.58)!important;
}
html[data-theme] body #appShell>.nav.glassDock .glassDockHome.on .glassDockLabel:after{
 content:'';display:block;margin:3px auto 0;width:60%;height:2px;border-radius:3px;background:#90f5ff;box-shadow:0 0 9px #2bd9ff;
}
html[data-theme] #appShell>#mainContent.content{padding-bottom:calc(116px + env(safe-area-inset-bottom,0px))!important}
html.edgeToEdge[data-theme] #appShell>#mainContent.content{bottom:calc(94px + env(safe-area-inset-bottom,0px))!important;padding-bottom:16px!important}
html[data-theme] #appShell .pageScrollTop{bottom:calc(104px + env(safe-area-inset-bottom,0px))!important}
html[data-theme] body #appShell>.nav.glassDock>button.glassDockItem.hidden{display:none!important}
@media(min-width:720px){
 html[data-theme] body #appShell>.nav.glassDock{
  width:min(720px,calc(100% - 20px))!important;left:50%!important;right:auto!important;
  transform:translateX(-50%)!important;
  border-radius:20px 20px 0 0!important;gap:8px!important;
  padding-left:12px!important;padding-right:12px!important;
 }
 html[data-theme] body #appShell>.nav.glassDock .glassDockLabel{font-size:12px!important}
}
@media(max-width:375px){
 html[data-theme] body #appShell>.nav.glassDock{gap:2px!important;padding-left:3px!important;padding-right:3px!important}
 html[data-theme] body #appShell>.nav.glassDock>button.glassDockItem{border-radius:18px!important;padding-left:1px!important;padding-right:1px!important}
 html[data-theme] body #appShell>.nav.glassDock .glassDockLabel{font-size:9px!important}
 html[data-theme] body #appShell>.nav.glassDock .glassDockCrest b{font-size:21px!important}
}
.glassQuickPopover{position:fixed;z-index:2147482800;box-sizing:border-box;padding:13px;border:1px solid rgba(101,211,255,.60);border-radius:18px;background:linear-gradient(150deg,#0d2536,#06131e);color:#e8f8ff;box-shadow:0 15px 38px #000c,0 0 22px rgba(21,162,231,.24)}
.glassQuickHeading{display:flex;justify-content:space-between;align-items:center;gap:10px}
.glassQuickHeading b{font-size:15px}
.glassQuickHeading button{background:none;border:0;color:#e8f8ff;font-size:22px;cursor:pointer}
.glassQuickPopover>p{font-size:12px;color:#9fc1d2;margin:7px 0 9px}
.glassQuickChoices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.glassQuickChoices button{border:1px solid rgba(90,186,225,.34);border-radius:11px;padding:9px;color:#e4f8ff;background:#113248;display:flex;flex-direction:column;text-align:left;gap:3px;min-width:0;cursor:pointer}
.glassQuickChoices button b{font-size:12px}
.glassQuickChoices button small{font-size:10px;color:#aacbd9}
.glassQuickChoices button em{font-size:9px;color:#8feaff;font-style:normal}
@media(prefers-reduced-motion:reduce){html[data-theme] body #appShell>.nav.glassDock>button.glassDockItem{transition:none!important}}

/* Harmonize SE Pay with ROOT SE navigation symbols (no old heavy tile). */
html[data-theme] body #sePayNav .sePayDrawerIcon,
html[data-theme] body #sePayNav .sePayDrawerIcon::before{
 background:transparent!important;border:0!important;box-shadow:none!important;
}
html[data-theme] body #sePayNav .sePayDrawerIcon img{
 width:27px!important;height:27px!important;object-fit:contain!important;
 filter:drop-shadow(0 0 5px rgba(53,203,255,.48))!important;
}
html[data-theme] body #sePayNav.on .sePayDrawerIcon img,
html[data-theme] body #sePayNav:active .sePayDrawerIcon img{
 filter:drop-shadow(0 0 9px rgba(61,212,255,.70))!important;
}
/* Selected quick-access destination uses the same one-line label system. */
html[data-theme] body #appShell>.nav.glassDock #glassQuickButton .glassDockLabel{
 overflow-wrap:anywhere!important;hyphens:auto;
}