/* Keep the merchant menu in the same place on all three existing pages. */
.merchant-sidebar { width: 242px; background: #fff; border-right: 1px solid #dce5df; padding: 0; }
.merchant-sidebar .sidebar-header,
.merchant-sidebar .shop-brand { box-sizing: border-box; display: flex; align-items: center; gap: 11px; height: 76px; min-height: 76px; margin: 0; padding: 18px 20px; border-bottom: 1px solid #dce5df; border-radius: 0; text-decoration: none; }
.merchant-sidebar .logo-icon,
.merchant-sidebar .shop-brand b { display: flex; align-items: center; justify-content: center; flex: 0 0 38px; width: 38px; height: 38px; padding: 0; font: bold 24px/1 'Segoe UI', sans-serif; }
.merchant-sidebar .logo-text h1,
.merchant-sidebar .shop-brand span { font: bold 13px/1.5 'Leelawadee UI','Segoe UI',Tahoma,sans-serif; letter-spacing: .035em; color: #172c37; margin: 0; }
.merchant-sidebar .logo-sub,
.merchant-sidebar .shop-brand small { display: block; font: 11px/1.5 'Leelawadee UI','Segoe UI',Tahoma,sans-serif; color: #62737b; letter-spacing: 0; }
.merchant-nav { display: block; padding: 16px 14px; font: 14px/1.5 'Leelawadee UI','Segoe UI',Tahoma,sans-serif; }
.merchant-nav-group { margin: 0 0 10px; }
.merchant-nav-group > p,
.merchant-nav-group > summary { margin: 0; padding: 9px 10px; color: #62737b; font-size: 12px; font-weight: 600; list-style: none; }
.merchant-nav-group > summary { cursor: pointer; display: flex; justify-content: space-between; }
.merchant-nav-group > summary::after { content: '›'; }
.merchant-nav-group[open] > summary::after { content: '⌄'; }
.merchant-nav .merchant-nav-link { display: flex; align-items: center; min-height: 44px; width: 100%; margin: 2px 0; padding: 10px 12px; border: 0; border-radius: 7px; color: #425963; background: transparent; text-align: left; text-decoration: none; font: inherit; box-shadow: none; }
.merchant-nav .merchant-nav-link:hover { color: #0b5744; background: #f1f6f2; }
.merchant-nav .merchant-nav-link[aria-current=page] { color: #0b5744; background: #eaf5ef; font-weight: 700; }
.merchant-nav .merchant-nav-link:focus-visible,
.merchant-nav summary:focus-visible { outline: 3px solid #93c6b2; outline-offset: 2px; }
.merchant-nav .merchant-nav-link::before { display: none; }
