.rd-desktop-nav{display:flex;align-items:center;gap:7px;white-space:nowrap}.rd-desktop-nav>a,.rd-desktop-nav summary{display:inline-flex;align-items:center;min-height:43px;padding:8px 12px;color:#fff;text-decoration:none;font-size:14px;cursor:pointer;list-style:none}.rd-desktop-nav summary::-webkit-details-marker{display:none}.rd-nav-dropdown{position:relative}.rd-nav-options{position:absolute;right:0;top:100%;min-width:205px;z-index:1001;background:#fff;border:1px solid #d7e1e7;box-shadow:0 12px 26px rgba(0,0,0,.18);padding:6px;border-radius:5px}.rd-nav-options a{display:block!important;color:#142638!important;text-decoration:none;padding:10px 12px!important;font-size:14px!important;border-radius:3px}.rd-nav-options a:hover{background:#eaf0f4}.rd-nav-dot{display:inline-block;background:#ed8020;color:white;border-radius:50%;font-size:10px;padding:2px 5px;margin-left:5px}.rd-compact-drawer{overflow-y:auto;overscroll-behavior:contain}.rd-compact-drawer .drawer-head{position:sticky;top:0;z-index:2}.app-nav.rd-four-nav{display:none}.app-nav.rd-four-nav a,.app-nav.rd-four-nav button{flex:1;position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:transparent;border:0;border-top:2px solid transparent;color:#b8c7d4;text-decoration:none;font:inherit;font-size:11px;font-weight:600;padding:9px 1px 7px;cursor:pointer}.app-nav.rd-four-nav a.active{color:#fff;border-top-color:#f58220}.app-nav.rd-four-nav i{font-size:19px;line-height:22px;color:inherit}.app-nav.rd-four-nav a.active i{color:#f58220}.app-nav.rd-four-nav span{font-size:11px!important;line-height:14px!important}.app-nav.rd-four-nav .rd-trade-nav-badge{position:absolute;top:2px;left:calc(50% + 9px);right:auto}@media(max-width:900px){.app-nav.rd-four-nav{display:flex!important;justify-content:space-around;align-items:stretch;background:#0c2134;padding-bottom:env(safe-area-inset-bottom);z-index:1000}.rd-desktop-nav{display:none!important}body:has(.rd-four-nav) .page{padding-bottom:85px}} 
/* RinkDraft app-style drawer — 2 November 2026 */
.rd-compact-drawer{background:#f6f8fa!important;color:#172b3e!important;box-shadow:12px 0 45px rgba(0,0,0,.17);}
.rd-compact-drawer .drawer-head{display:flex;align-items:center;justify-content:space-between;background:#10283d!important;color:#fff;border:0!important;padding:16px 18px!important;min-height:76px!important;}
.rd-drawer-heading{display:flex;align-items:center;gap:12px}.rd-drawer-heading>span:last-child{display:flex;flex-direction:column;gap:3px}.rd-drawer-heading strong{font-size:18px!important;line-height:1.1;color:#fff}.rd-drawer-heading small{font-size:11px;color:#aec3d2;font-weight:500}.rd-drawer-mark{width:38px;height:38px;background:#f58220;border-radius:11px;display:grid;place-items:center;color:#fff;font-size:18px}
.rd-compact-drawer .drawer-head>button{display:grid;place-items:center;width:34px;height:34px;background:rgba(255,255,255,.11);border:0;border-radius:8px;color:white;font-size:19px;cursor:pointer}
.rd-compact-drawer .rd-drawer-groups{padding:10px 13px 32px!important}.rd-drawer-label{font-size:10px;color:#7c8a99;font-weight:850;letter-spacing:1.2px;padding:15px 10px 8px}
.rd-compact-drawer .rd-menu-group{border:1px solid #e4e9ed;background:#fff;border-radius:10px;margin:0 0 7px;overflow:hidden}
.rd-compact-drawer .rd-menu-group>summary{display:flex!important;align-items:center!important;gap:12px!important;min-height:53px!important;padding:11px 13px!important;border:0!important;font-size:14px!important;font-weight:750!important;color:#213648!important;list-style:none}
.rd-compact-drawer .rd-menu-group>summary::before,.rd-compact-drawer .rd-menu-group>summary::after,.rd-compact-drawer .rd-menu-links a::before,.rd-compact-drawer .rd-drawer-groups>a::before{content:none!important;display:none!important}
.rd-compact-drawer .rd-section-icon{display:grid;place-items:center;width:31px;height:31px;flex:none;background:#fff2e7;color:#dc741b;font-size:15px;border-radius:8px}
.rd-compact-drawer .rd-chevron{margin-left:auto;color:#8897a3;font-size:11px;transition:transform .16s}
.rd-compact-drawer .rd-menu-group[open] .rd-chevron{transform:rotate(180deg)}
.rd-compact-drawer .rd-menu-group[open]>summary{border-bottom:1px solid #e9edf0!important;background:#fbfcfd}
.rd-compact-drawer .rd-menu-links{background:#fff!important;border:0!important;padding:5px 7px 7px!important}
.rd-compact-drawer .rd-menu-links a{display:flex!important;align-items:center;gap:12px!important;border:0!important;border-radius:7px!important;padding:9px 10px!important;min-height:39px!important;color:#334a5d!important;font-size:13px!important;font-weight:550!important;text-decoration:none!important}
.rd-compact-drawer .rd-menu-links a+a{border-top:0!important}
.rd-compact-drawer .rd-menu-links a .rd-item-icon{width:18px;min-width:18px;text-align:center;color:#7890a3;font-size:14px}
.rd-compact-drawer .rd-menu-links a:hover,.rd-compact-drawer .rd-menu-links a.is-current{background:#eaf2f8!important;color:#103b60!important}
.rd-compact-drawer .rd-menu-links a.is-current .rd-item-icon{color:#f58220}
.rd-compact-drawer .rd-drawer-mainlink,.rd-compact-drawer .rd-guest-links>a{display:flex!important;align-items:center;gap:12px;min-height:53px!important;padding:10px 13px!important;border:1px solid #e4e9ed!important;border-radius:10px!important;background:#fff;color:#213648;text-decoration:none;font-size:14px!important;font-weight:750!important;margin-bottom:7px}
.rd-compact-drawer .rd-link-end{margin-left:auto;color:#8799a8;font-size:11px}.rd-compact-drawer .rd-drawer-appearance{padding:13px 0}.rd-compact-drawer .rd-drawer-appearance button{border-radius:9px;min-height:42px}
.app-nav.rd-four-nav button.rd-account-active{border-top-color:#f58220;color:#fff}.app-nav.rd-four-nav button.rd-account-active i{color:#f58220}
@media(max-width:900px){.rd-compact-drawer{width:min(360px,90vw)!important;max-width:min(360px,90vw)!important;padding-bottom:env(safe-area-inset-bottom)}.app-nav.rd-four-nav a,.app-nav.rd-four-nav button{min-height:60px;touch-action:manipulation}.app-nav.rd-four-nav{box-shadow:0 -4px 18px rgba(0,0,0,.14)}}

/* RinkDraft 2.0 phone navigation: compact app hub, not a website sidebar */
@media(max-width:900px){
.rd-compact-drawer{position:fixed!important;top:0!important;bottom:0!important;left:0!important;width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;overflow-y:auto!important;overscroll-behavior:contain;background:#f4f6f8!important;z-index:1100!important;padding-bottom:calc(90px + env(safe-area-inset-bottom))!important;box-sizing:border-box!important;}
.rd-compact-drawer .drawer-head{min-height:72px!important;padding:12px 20px!important;position:sticky;top:0;z-index:4;background:#0c2134!important;box-shadow:none!important;}
.rd-compact-drawer .rd-drawer-groups{width:100%;max-width:600px;margin:0 auto;box-sizing:border-box;padding:0 18px 30px!important;}
.rd-menu-welcome{display:flex;flex-direction:column;padding:25px 3px 20px;gap:5px;color:#182e41}
.rd-menu-welcome .rd-menu-overline{font-size:10px;font-weight:900;letter-spacing:1.7px;color:#e47a1d}
.rd-menu-welcome strong{font-size:28px;line-height:1.1;letter-spacing:-.8px;font-weight:850}
.rd-menu-welcome>span:last-child{font-size:13px;color:#758594}
.rd-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:12px}
.rd-quick-grid>a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;min-width:0;min-height:89px;padding:10px 3px;text-align:center;text-decoration:none;color:#1d3448;background:#fff;border:1px solid #e4e9ef;border-radius:13px;font-size:11px;font-weight:800;box-shadow:0 2px 8px rgba(10,30,50,.035)}
.rd-quick-grid>a i{font-size:21px;color:#e98426;line-height:1.2}.rd-quick-grid>a span{white-space:nowrap}
.rd-drawer-label{padding:15px 3px 9px!important;letter-spacing:1.4px!important;font-size:10px!important;color:#8794a1!important}
.rd-compact-drawer .rd-menu-group{border:0!important;border-bottom:1px solid #e5e9ee!important;margin:0!important;border-radius:0!important;background:transparent!important;overflow:visible!important}
.rd-compact-drawer .rd-menu-group>summary{min-height:57px!important;padding:8px 3px!important;font-size:15px!important;background:transparent!important;color:#24394b!important;gap:14px!important}
.rd-compact-drawer .rd-section-icon{width:36px;height:36px;background:#e9edf1!important;color:#31506b!important;border-radius:10px}
.rd-compact-drawer .rd-menu-group[open]>summary{border-bottom:0!important;background:transparent!important}
.rd-compact-drawer .rd-chevron{font-size:12px!important;color:#97a3ae!important}
.rd-compact-drawer .rd-menu-group.rd-has-current:not([open])>summary>span{color:#dc7925}
.rd-compact-drawer .rd-menu-links{margin:0 0 10px 49px;padding:0!important;background:#fff!important;border-radius:11px;overflow:hidden;border:1px solid #e8ecf0!important}
.rd-compact-drawer .rd-menu-links a{min-height:45px!important;padding:11px 12px!important;margin:0!important;border-radius:0!important;font-size:13px!important;font-weight:600!important}
.rd-compact-drawer .rd-menu-links a+a{border-top:1px solid #f1f2f4!important}
.rd-compact-drawer .rd-menu-links a .rd-item-icon{color:#8798a5}
.rd-compact-drawer .rd-menu-links a.is-current{background:#fff4eb!important;color:#b85a0f!important}
.rd-compact-drawer .rd-drawer-appearance{padding:10px 0}
.rd-compact-drawer .drawer-head>button{width:39px;height:39px;background:#20384b!important;border-radius:11px}
.rd-compact-drawer .rd-drawer-mainlink{display:none!important}
}
@media(max-width:370px){.rd-quick-grid{gap:6px}.rd-quick-grid>a{font-size:10px;min-height:79px}}


/* V3: genuinely app-like; mobile panel is a navigation hub, never a webpage accordion */
@media (max-width:900px){
 html body .drawer.rd-compact-drawer{position:fixed!important;inset:0!important;transform:translateX(105%)!important;left:0!important;right:0!important;top:0!important;bottom:0!important;width:100%!important;max-width:none!important;height:100dvh!important;max-height:none!important;overflow:auto!important;background:#091b2b!important;color:#eff6fc!important;z-index:2000!important;padding:0 0 calc(95px + env(safe-area-inset-bottom))!important;transition:transform .22s ease!important;border:0!important;box-shadow:none!important}
 html body .drawer.rd-compact-drawer.open,html body .drawer.rd-compact-drawer.active,html body .drawer.rd-compact-drawer.is-open{transform:translateX(0)!important}
 .rd-compact-drawer .drawer-head{background:#091b2b!important;border:0!important;min-height:72px!important;padding:16px 20px!important}
 .rd-drawer-heading small{letter-spacing:1.5px;font-size:10px!important;color:#f58220!important;font-weight:800!important}
 .rd-compact-drawer .rd-drawer-groups{max-width:560px!important;padding:0 18px 28px!important}
 .rd-menu-welcome{padding:14px 2px 18px!important;gap:5px!important;color:#fff!important}
 .rd-menu-welcome strong{font-size:25px!important;color:#fff!important;letter-spacing:-.5px!important}
 .rd-menu-welcome>span:last-child{color:#9ab0c3!important}
 .rd-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-bottom:12px!important}
 .rd-quick-grid>a{min-height:90px!important;flex-direction:row!important;justify-content:flex-start!important;text-align:left!important;gap:13px!important;border:1px solid #294054!important;border-radius:12px!important;background:#162d41!important;color:#fff!important;padding:18px 14px!important;font-size:13px!important;box-shadow:none!important}
 .rd-quick-grid>a i{display:grid;place-items:center;width:38px;height:38px;flex:none;background:#283e51!important;border-radius:9px!important;color:#f58220!important;font-size:17px!important}
 .rd-quick-grid>a span{white-space:normal!important}
 .rd-drawer-label{color:#758ea3!important;padding:20px 2px 10px!important}
 .rd-compact-drawer .rd-menu-group{background:#162d41!important;border:1px solid #294054!important;border-radius:11px!important;margin-bottom:8px!important;overflow:hidden!important}
 .rd-compact-drawer .rd-menu-group>summary{padding:12px 14px!important;min-height:52px!important;color:#f2f6fa!important;font-size:14px!important}
 .rd-compact-drawer .rd-section-icon{background:#273f54!important;color:#f58220!important;width:32px!important;height:32px!important}
 .rd-compact-drawer .rd-chevron{color:#9db2c4!important}
 .rd-compact-drawer .rd-menu-group[open]>summary{background:#20394c!important}
 .rd-compact-drawer .rd-menu-links{margin:0!important;padding:5px 8px 9px!important;background:#102639!important;border:0!important;border-radius:0!important}
 .rd-compact-drawer .rd-menu-links a{min-height:42px!important;padding:9px 12px!important;background:transparent!important;border:0!important;color:#ccdae5!important;font-size:13px!important}
 .rd-compact-drawer .rd-menu-links a+a{border-top:1px solid #20394b!important}
 .rd-compact-drawer .rd-menu-links a.is-current{background:#314252!important;color:#ffac64!important}
 .rd-compact-drawer .rd-menu-links a .rd-item-icon{color:#91a7ba!important}
 .rd-compact-drawer .rd-drawer-appearance button{background:#20394c!important;color:#fff!important;border-color:#294054!important}
 .rd-compact-drawer .drawer-head>button{background:#20394c!important;color:#fff!important}
}