/* Merchant account actions: shared sidebar styling, no business-specific imagery */
.nav-secondary.mr-account-actions{gap:10px;padding:16px 0 4px;border-top:1px solid #f1e9ef}
.nav-secondary.mr-account-actions button{display:flex;align-items:center;gap:11px;justify-content:flex-start;min-height:44px;border-radius:12px;padding:11px 14px;font-size:13px;font-weight:750;letter-spacing:0;transition:background-color .18s ease,border-color .18s ease,transform .18s ease;cursor:pointer}
.nav-secondary.mr-account-actions button[data-install]{background:#fff0f8;color:#db0074;border:1px solid #f7dce9}
.nav-secondary.mr-account-actions button[data-install]:hover{background:#ffe0f0;border-color:#f3b9d6;transform:translateY(-1px)}
.nav-secondary.mr-account-actions button#logout{background:#fff;color:#c60067;border:1px solid #f3d3e3}
.nav-secondary.mr-account-actions button#logout:hover{background:#fff0f7;border-color:#eab1cf}
.nav-secondary.mr-account-actions button:focus-visible{outline:3px solid #ee79b8;outline-offset:2px}
.nav-secondary.mr-account-actions .mr-account-icon{width:18px;height:18px;flex:none}
.nav-secondary.mr-account-actions .mr-access-indicator{display:flex;align-items:center;gap:10px;min-height:34px;padding:4px 14px;color:#168351;font-size:12px;font-weight:750}
.mr-access-dot{position:relative;display:inline-block;width:9px;height:9px;flex:none;border-radius:50%;background:#17a567;box-shadow:0 0 0 3px #e3f8eb}
.mr-access-dot::after{content:"";position:absolute;inset:-4px;border:1px solid #20b873;border-radius:50%;animation:mr-access-pulse 2.6s ease-out infinite}
@keyframes mr-access-pulse{0%{transform:scale(.55);opacity:.65}75%,100%{transform:scale(1.55);opacity:0}}
@media(prefers-reduced-motion:reduce){.mr-access-dot::after{animation:none;opacity:0}.nav-secondary.mr-account-actions button{transition:none}}
@media(max-width:700px){.nav-secondary.mr-account-actions{padding-bottom:10px}}

/* Shared navigation icons across ALL merchant pages */
.nav-primary>a{display:flex;align-items:center;gap:12px}
.nav-primary>a svg.mr-nav-icon{display:block;width:18px!important;height:18px!important;min-width:18px;max-width:18px;flex:0 0 18px;fill:none!important;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.nav-primary>a.active svg.mr-nav-icon,.nav-primary>a[aria-current=page] svg.mr-nav-icon{stroke:currentColor}
