/* Account shell and header menu: shared with the storefront's restrained palette. */
.op-store main.op-account-page{background:#f6f8f9;min-height:65vh;color:var(--op-ink)}
.op-store main.op-account-page>.container{padding-top:28px;padding-bottom:40px}
.op-account-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:24px;align-items:start}
.op-store main.op-account-page~.op-footer{margin-top:0}
.op-account-orders-page .op-account-page-heading{grid-column:2;grid-row:1;margin:0}
.op-account-orders-page .op-account-sidebar{grid-column:1;grid-row:2}
.op-account-orders-page .op-account-content{grid-column:2;grid-row:2}
.op-account-sidebar{min-width:0;background:#fff;border:1px solid var(--op-line);border-radius:16px;overflow:hidden}
.op-account-identity{display:flex;align-items:center;gap:12px;padding:22px 16px;border-bottom:1px solid #edf1f3}
.op-account-avatar{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;flex-shrink:0;border-radius:50%;background:#f1f6f8;color:#487080}
.op-account-avatar .op-icon{width:21px;height:21px}
.op-account-identity>div{min-width:0;flex:1}
.op-account-identity strong,.op-account-dropdown-identity strong{display:block;font-size:13px;line-height:1.9;overflow-wrap:anywhere}
.op-account-identity span[dir],.op-account-dropdown-identity small{display:block;color:#74838d;font-size:11px;margin-top:3px;text-align:right}
.op-account-signout{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;color:#7e8b92}
.op-account-signout .op-icon{width:19px;height:19px}
.op-account-nav{display:flex;flex-direction:column;padding:8px;gap:3px}
.op-account-nav>a{display:flex;align-items:center;gap:12px;min-height:48px;padding:10px 12px;border-radius:10px;color:#52636d;font-size:12px;line-height:1.8;transition:background .15s,color .15s}
.op-account-nav .op-icon{width:20px;height:20px;flex-shrink:0}
.op-account-nav>a:hover{background:#f5f8f9;color:var(--op-blue)}
.op-account-nav>a[aria-current=page]{background:#eef7fa;color:#087fae;font-weight:600}
.op-account-content{min-width:0}
.op-account-panel{background:#fff;border:1px solid var(--op-line);border-radius:16px;padding:24px}
.op-account-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 24px;font-size:18px;font-weight:700;line-height:1.9}
.op-account-heading h1{font-size:inherit;font-weight:inherit;margin:0}
.op-account-heading p{font-size:12px;color:#6e7d86;font-weight:400;margin-top:4px}
.op-account-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border-radius:10px;background:var(--op-blue);color:#fff;font-size:12px;font-weight:600;line-height:1.8;border:1px solid transparent;cursor:pointer}
.op-account-button .op-icon{width:18px;height:18px}
.op-account-button:hover{background:#076e96;color:#fff}
.op-account-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;text-align:center;padding:48px 20px;color:#687983;font-size:13px;line-height:2}
.op-account-empty>.op-icon{width:40px;height:40px;color:#96adb7}
.op-account-empty h2{font-size:15px;color:var(--op-ink);font-weight:600}
.op-account-dropdown{width:270px;max-width:calc(100vw - 24px);background:#fff;border:1px solid #e2e9ed;border-radius:16px;box-shadow:0 12px 38px #17242b12;overflow:hidden;color:var(--op-ink);z-index:60}
.op-account-dropdown-identity{display:flex;align-items:center;gap:10px;padding:18px 16px;border-bottom:1px solid #edf1f3}
.op-account-dropdown-identity>span:nth-child(2){min-width:0;flex:1}
.op-account-dropdown-identity>.op-icon{width:16px;height:16px;color:#83939b}
.op-account-dropdown .op-account-nav{padding:8px}
.op-account-dropdown .op-account-nav>a{min-height:43px;font-size:12px;padding:8px 10px}
.op-account-dropdown-exit{display:flex;align-items:center;gap:12px;padding:14px 18px;border-top:1px solid #edf1f3;color:#ad4650;font-size:12px}
.op-account-dropdown-exit .op-icon{width:19px;height:19px}
.op-account-dropdown-exit:hover{background:#fff6f6}
.op-account-page a:focus-visible,.op-account-page button:focus-visible,.op-account-dropdown a:focus-visible{outline:2px solid var(--op-blue);outline-offset:2px}
@media(max-width:1023px){
 .op-store main.op-account-page>.container{padding-top:18px;padding-bottom:24px}
 .op-account-layout{display:flex;flex-direction:column;gap:20px}
 .op-account-sidebar,.op-account-content{width:100%}
 .op-account-orders-page .op-account-page-heading{width:100%}
 .op-account-sidebar{border:0;background:transparent;border-radius:0;overflow:visible}
 .op-account-identity{padding:0 2px 16px;border:0}
 .op-account-identity strong{font-size:14px}
 .op-account-identity span[dir]{font-size:12px}
 .op-account-sidebar>.op-account-nav{flex-direction:row;overflow-x:auto;overscroll-behavior-x:contain;gap:6px;padding:2px 0 6px;scrollbar-width:thin}
 .op-account-sidebar>.op-account-nav>a{flex-shrink:0;min-height:44px;padding:10px 13px;background:#fff;border:1px solid #e2e9ed;gap:7px;white-space:nowrap;font-size:11px;border-radius:10px}
 .op-account-sidebar>.op-account-nav>a[aria-current=page]{background:#eaf5fa;border-color:#cce4ee}
 .op-account-sidebar>.op-account-nav .op-icon{width:17px;height:17px}
 .op-account-panel{padding:18px;border-radius:14px}
 .op-account-heading{font-size:16px;margin-bottom:20px}
 .op-account-empty{padding:36px 12px}
}
@media(prefers-reduced-motion:reduce){.op-account-nav>a{transition:none}}