.jh-account-page{margin:0;font:17px/1.6 var(--jh-type);overflow-wrap:anywhere}
.jh-account-page *{box-sizing:border-box}.jh-account-page [hidden]{display:none!important}
.jh-account-page main,.account-footer{max-width:960px;margin:auto;padding:2rem 1.25rem}
.jh-account-page h1{font-size:clamp(2rem,5vw,3rem);line-height:1.15;letter-spacing:-.035em;margin:.8rem 0 1rem}
.jh-account-page h2{font-size:1.45rem;line-height:1.3;margin:0 0 .4rem}.jh-account-page h3{font-size:1.15rem;margin:0}
.jh-account-page p{max-width:70ch}.account-intro{font-size:1.15rem;color:var(--jh-muted)}
.jh-account-page a{color:var(--jh-accent);text-underline-offset:.2em}.jh-account-page a:hover{color:var(--jh-focus)}
.account-summary{padding:1.4rem;margin:2rem 0;background:var(--jh-surface);border:1px solid var(--jh-line);border-radius:12px}
.jh-account-page .account-button,.jh-account-page button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid var(--jh-line);border-radius:8px;background:var(--jh-accent);color:#11172b;font:600 1rem var(--jh-type);padding:.7rem 1rem;text-decoration:none;cursor:pointer}
.jh-account-page button:disabled{opacity:.55;cursor:wait}.account-small{font-size:.9rem;color:var(--jh-muted)}
.section-header{margin:2.8rem 0 1.2rem}
.section-lede{margin:.2rem 0 0;color:var(--jh-muted);font-size:1rem}
.account-dev-badge{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:rgba(167,139,250,0.12);border:1px solid rgba(167,139,250,0.4);border-radius:8px;margin-bottom:1rem;color:#e8ecf5;font-size:.95rem}
.account-dev-badge .badge-tag{display:inline-block;padding:.2rem .6rem;background:var(--jh-accent);color:#11172b;font-weight:700;font-size:.8rem;border-radius:4px;text-transform:uppercase;letter-spacing:.05em}
.account-empty-state{padding:1.5rem;background:rgba(20,26,48,0.5);border:1px dashed var(--jh-line);border-radius:10px;color:var(--jh-muted);margin:1rem 0}
.account-empty-state p{margin:0}
.account-products{list-style:none;padding:0;margin:0}
.account-products li{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.3rem 0;border-bottom:1px solid var(--jh-line)}
.customer-products li{background:rgba(20,26,48,0.6);border:1px solid var(--jh-line);border-radius:10px;padding:1.3rem;margin-bottom:.9rem}
.customer-products li:last-child{border-bottom:1px solid var(--jh-line)}
.account-products p{margin:.3rem 0;color:var(--jh-muted);max-width:54ch}.account-products a{display:inline-flex;align-items:center;min-height:44px}.account-actions{display:flex;gap:.8rem;flex-wrap:wrap;flex-shrink:0}
.product-title-row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}
.product-tag{display:inline-block;padding:.15rem .55rem;border-radius:4px;font-size:.8rem;font-weight:600}
.tag-price{background:rgba(103,232,249,0.15);color:#67e8f9;border:1px solid rgba(103,232,249,0.3)}
.tag-free{background:rgba(52,211,153,0.15);color:#34d399;border:1px solid rgba(52,211,153,0.3)}
.tag-active{background:rgba(52,211,153,0.2);color:#34d399;border:1px solid #34d399}
.tag-dev{background:rgba(167,139,250,0.2);color:#c4b5fd;border:1px solid #a78bfa}
.tag-preview{background:rgba(148,163,184,0.15);color:#94a3b8;border:1px solid rgba(148,163,184,0.3)}
.tag-pro{background:rgba(244,114,182,0.15);color:#f472b6;border:1px solid rgba(244,114,182,0.3)}
.tag-b2b{background:rgba(251,146,60,0.15);color:#fb923c;border:1px solid rgba(251,146,60,0.3)}
.product-meta-list{margin:.5rem 0 0;padding:0;list-style:none;font-size:.9rem;color:var(--jh-muted)}
.product-meta-list li{display:block;padding:.15rem 0!important;border:none!important;background:none!important;margin:0!important}
#account-details dl{display:grid;grid-template-columns:8rem minmax(0,1fr);gap:.5rem 1rem}#account-details dt{color:var(--jh-muted)}#account-details dd{margin:0}
.account-skip{position:absolute;left:1rem;top:-100px}.account-skip:focus{top:1rem;z-index:1500;background:var(--jh-surface);padding:1rem}
@media(max-width:600px){.account-products li{align-items:flex-start;flex-direction:column;gap:.6rem}.account-summary{padding:1rem}#account-details dl{grid-template-columns:1fr;gap:.1rem}#account-details dd{margin-bottom:.6rem}.account-dev-badge{flex-direction:column;align-items:flex-start}}