/* Shared sidebar readability; native desktop navigation has its own matching layout. */
nav.top,.store-home nav.top{height:auto;min-height:72px;padding:14px 28px;gap:12px;flex-wrap:wrap;background:#175b97;color:#fff;border-bottom:1px solid #124a7c;box-shadow:0 1px 0 #124a7c}
nav.top>a:not(.button),.store-home nav.top>a:not(.button){color:#fff;text-decoration:none;font-size:14px;font-weight:700;padding:8px 10px;border-radius:8px}
nav.top>a:not(.button):hover,.store-home nav.top>a:not(.button):hover{color:#fff;background:#ffffff20}
nav.top>a.brand,.store-home nav.top>a.brand{color:#fff;font-size:18px;font-weight:700;letter-spacing:0}
nav.top .button,nav.top button,.store-home nav.top .button{background:#fff;color:#175b97;font-size:14px;font-weight:700}
nav.top>span,.store-home nav.top>span{color:#fff}
.cloud-dashboard .dash-topbar{background:#175b97;color:#fff;border-bottom-color:#124a7c}
.cloud-dashboard .dash-topbar h1,.cloud-dashboard .dash-topbar .dash-role,.cloud-dashboard .dash-topbar .dash-user,.cloud-dashboard .dash-topbar .dash-menu{color:#fff}
.cloud-dashboard .dash-topbar .dash-language,.cloud-dashboard .dash-topbar .dash-logout{background:#fff;color:#175b97;padding:9px 12px;border-radius:8px;font-weight:700}
.cloud-dashboard .dash-topbar a:focus-visible,nav.top a:focus-visible,nav.top button:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(max-width:600px){nav.top,.store-home nav.top{padding:12px 14px;gap:6px}nav.top>a:not(.button),.store-home nav.top>a:not(.button){font-size:12px;padding:6px}nav.top .button,nav.top button,.store-home nav.top .button{font-size:12px;padding:8px 10px}}
.app>aside.sidebar{background:#142a2b;padding:24px 16px;min-width:0;direction:inherit;text-align:start;color:#fff}
.app>aside.sidebar a{display:block;min-width:0;white-space:normal;overflow-wrap:anywhere;word-break:normal;text-overflow:clip;overflow:visible;font-weight:700;font-size:15px;line-height:1.7;color:#fff;text-align:start;direction:inherit;unicode-bidi:isolate;padding:13px 16px}
.app>aside.sidebar small{font-weight:700;line-height:1.7;letter-spacing:0;color:#b9d6d2;text-align:start}
.app>aside.sidebar a:hover,.app>aside.sidebar a:focus-visible{background:#2d5e59;color:#fff}
.app>aside.sidebar a:focus-visible{outline:2px solid #a1e2d4;outline-offset:-3px}
.app>aside.sidebar a.active{font-weight:800;color:#fff;background:#254d49;border-inline-end-color:#a1e2d4}
html[dir="rtl"] .app>aside.sidebar{direction:rtl;text-align:right}
html[dir="rtl"] .app>aside.sidebar a,html[dir="rtl"] .app>aside.sidebar small{text-align:right}
html[dir="ltr"] .app>aside.sidebar{direction:ltr;text-align:left}
@media(min-width:801px){.app:not(.cloud-dashboard),.app.cloud-dashboard:not(.dash-desktop){grid-template-columns:280px minmax(0,1fr)}}
@media(max-width:800px){.app>aside.sidebar a{font-size:14px;padding:12px 16px}.app>aside.sidebar{max-width:100%}}

.app>aside.sidebar .dash-brand{display:flex;align-items:center;justify-content:center;padding:0 0 20px;margin:0;border:0;background:transparent}.app>aside.sidebar .dash-brand img{width:175px;max-width:100%;height:auto}

/* OSUS corporate branding; merchant store logos retain their own assets. */
nav.top .brand img{display:block;width:154px;height:44px;object-fit:contain;background:#fff;border-radius:6px;padding:4px 6px}
.app>aside.sidebar .dash-brand img{background:#fff;border-radius:8px;padding:6px 8px}
@media(max-width:600px){nav.top .brand img{width:126px;height:36px}}

/* Grouped navigation and shared shortcut bar, October 22. */
.nav-icon{width:21px;height:21px;flex:0 0 21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.app>aside.sidebar .nav-group{border:1px solid #ffffff19;border-radius:12px;margin:0 0 10px;overflow:hidden}
.app>aside.sidebar .nav-group summary{display:flex;align-items:center;gap:10px;cursor:pointer;padding:14px 12px;color:#d4e9f8;font-weight:800;font-size:14px;line-height:1.5;list-style:none;background:#1b353a}
.nav-group summary::-webkit-details-marker{display:none}.nav-chevron{margin-inline-start:auto;transition:transform .15s}.nav-group[open] .nav-chevron{transform:rotate(180deg)}
.app>aside.sidebar .nav-group summary:hover{background:#284a54}.nav-group summary:focus-visible{outline:2px solid #91ceff;outline-offset:-3px}
.app>aside.sidebar .nav-group-links{padding:5px}
.app>aside.sidebar .nav-group a{display:flex;align-items:center;gap:10px;padding:10px;font-size:13px;line-height:1.6;border-radius:8px;margin:2px 0;border:0}
.app>aside.sidebar .nav-group a .nav-icon{width:18px;height:18px;flex-basis:18px;color:#b4d8e9}
.app>aside.sidebar .nav-group a.active{background:#1e6091;color:#fff}
.quick-access{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:9px 20px;background:#edf4fb;border-bottom:1px solid #cbddeb;color:#174d78;overflow-x:auto;max-width:100%;scrollbar-width:thin}
.quick-access-title{font-size:12px;font-weight:800;white-space:nowrap;padding-inline-end:12px;border-inline-end:1px solid #c3d9eb;margin-inline-end:5px}
.quick-access a{display:flex;align-items:center;gap:7px;flex:0 0 auto;padding:9px 11px;border:1px solid transparent;border-radius:9px;color:#174d78;text-decoration:none;font-weight:700;font-size:12px;white-space:nowrap;min-height:42px}
.quick-access a:hover,.quick-access a[aria-current="page"]{background:#fff;border-color:#b3cfe5;color:#104b7d}.quick-access a:focus-visible{outline:2px solid #175b97;outline-offset:-2px}
body:has(.cloud-dashboard .quick-access)>.quick-access{display:none}
@media(max-width:1000px){.quick-access a{flex-direction:column;font-size:11px;gap:4px;padding:7px 10px}.quick-access-title{display:none}}
@media(max-width:800px){.app>aside.sidebar .nav-group summary{font-size:14px}.app>aside.sidebar .nav-group a{font-size:14px}.quick-access{padding:8px;gap:3px}}

.quick-access{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));align-items:stretch;gap:4px;padding:8px 14px;overflow:visible}
.quick-access-title{display:none}
.quick-access a{flex-direction:column;justify-content:center;gap:5px;min-width:0;min-height:62px;padding:7px 5px;font-size:11px;line-height:1.4;white-space:normal;text-align:center}
@media(max-width:600px){.quick-access{grid-template-columns:repeat(4,minmax(0,1fr));padding:6px}.quick-access a{min-height:56px;font-size:11px}}
.quick-access{position:sticky;top:var(--osus-header-height,72px);z-index:4;isolation:isolate}
.cloud-dashboard .dash-topbar{position:sticky;top:0;z-index:5}