.account-profile{display:block;padding:var(--space-6) 0}
.account-profile .account-profile__loading{color:var(--color-on-surface-disabled);font-size:var(--typescale-body-large-size)}
.account-profile .account-profile__error{color:var(--color-error);padding:var(--space-3) var(--space-4);border:1px solid var(--color-error);border-radius:var(--shape-small)}
.account-profile .g6-profile-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6);align-items:start}
@media only screen and (min-width:900px){.account-profile .g6-profile-grid{grid-template-columns:minmax(260px,300px) 1fr}
}
.account-profile .g6-profile-grid .g6-profile-grid__profile-card{border:1px solid var(--color-border-variant);overflow:visible}
.account-profile .g6-profile-grid .g6-profile-grid__profile-card .g6-profile-grid__profile-header{background:linear-gradient(135deg,var(--color-secondary) 0,color-mix(in srgb,var(--color-secondary) 55%,var(--primitive-n-100)) 100%);height:72px;position:relative}
.account-profile .g6-profile-grid .g6-profile-grid__profile-card .g6-profile-grid__profile-header .g6-profile-grid__profile-status{position:absolute;top:var(--space-3);right:var(--space-3)}
.account-profile .g6-profile-grid .g6-profile-grid__profile-card .g6-profile-grid__avatar-anchor{display:flex;justify-content:flex-start;padding-left:var(--space-5);margin-top:-32px;position:relative;z-index:1}
.account-profile .g6-profile-grid .g6-profile-grid__profile-card .g6-profile-grid__avatar-anchor .g6-profile-grid__avatar{width:72px;height:72px;border-radius:var(--shape-full);background-color:var(--color-secondary);color:var(--color-on-secondary);font-family:var(--font-family-base);font-size:var(--typescale-title-large-size);font-weight:700;display:flex;align-items:center;justify-content:center;border:3px solid var(--color-surface);user-select:none}
.account-profile .g6-profile-grid .g6-profile-grid__profile-card .g6-profile-grid__profile-body{padding:var(--space-3) var(--space-5) var(--space-5)}
.account-profile .g6-profile-grid .g6-profile-grid__profile-card .g6-profile-grid__profile-body .g6-profile-grid__display-name{font-family:var(--font-family-heading);font-size:var(--typescale-title-medium-size);line-height:var(--typescale-title-medium-line);font-weight:700;color:var(--color-on-surface);margin:0 0 var(--space-1)}
.account-profile .g6-profile-grid .g6-profile-grid__profile-card .g6-profile-grid__profile-body .g6-profile-grid__profile-subtitle{margin:0;font-size:var(--typescale-body-small-size);line-height:20px;color:var(--color-on-surface-variant)}
.account-profile .g6-profile-grid .g6-profile-grid__profile-card .g6-profile-grid__profile-body p.g6-profile-grid__kv-value{font-size:14px !important}
.account-profile .g6-profile-grid .g6-profile-grid__profile-card .g6-profile-grid__profile-body p{margin:0 0 2px;font-size:var(--typescale-body-small-size);line-height:20px;color:var(--color-on-surface-variant)}
.account-profile .g6-profile-grid .g6-profile-grid__profile-card .g6-profile-grid__profile-body .g6-profile-grid__profile-hint{font-size:var(--typescale-body-small-size);line-height:20px;color:var(--color-on-surface-variant);margin:var(--space-3) 0 var(--space-4)}
.account-profile .g6-profile-grid .g6-profile-grid__profile-card .g6-profile-grid__profile-body .g6-profile-grid__profile-hint .g6-profile-grid__profile-link{color:var(--color-primary);text-decoration:none;font-weight:500}
.account-profile .g6-profile-grid .g6-profile-grid__profile-card .g6-profile-grid__profile-body .g6-profile-grid__profile-hint .g6-profile-grid__profile-link:hover{text-decoration:underline}
.account-profile .g6-profile-grid .g6-profile-grid__profile-card .g6-profile-grid__profile-body .g6-profile-grid__member-since{font-size:var(--typescale-body-small-size);color:var(--color-on-surface-variant);margin:0;padding-top:var(--space-3);border-top:1px solid var(--color-border-variant)}
.account-profile .g6-profile-grid .g6-profile-grid__profile-card .g6-profile-grid__profile-body .g6-profile-grid__profile-actions{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border-variant);display:flex;justify-content:center}
.account-profile .g6-profile-grid .g6-profile-grid__profile-card .g6-profile-grid__profile-body .g6-profile-grid__profile-actions .g6-profile-grid__close-btn{background:0;border:0;cursor:pointer;font-size:var(--typescale-label-large-size);font-weight:var(--typescale-label-large-weight);color:var(--color-error);padding:0}
.account-profile .g6-profile-grid .g6-profile-grid__profile-card .g6-profile-grid__profile-body .g6-profile-grid__profile-actions .g6-profile-grid__close-btn:hover{text-decoration:underline}
.account-profile .g6-profile-grid .g6-profile-grid__state-badge{display:inline-flex;align-items:center;gap:4px;padding:3px var(--space-3);border-radius:var(--shape-full);font-size:var(--typescale-label-small-size);font-weight:var(--typescale-label-small-weight);white-space:nowrap;flex-shrink:0;background:rgba(153,153,153,0.15);color:var(--color-on-surface-disabled)}
.account-profile .g6-profile-grid .g6-profile-grid__state-badge .g6-profile-grid__state-dot{font-size:12px;line-height:1;font-weight:bolder}
.account-profile .g6-profile-grid .g6-profile-grid__state-badge--active{background:var(--color-success-low);color:var(--color-success)}
.account-profile .g6-profile-grid .g6-profile-grid__state-badge--submitted{background:rgba(255,181,0,0.15);color:var(--color-warning)}
.account-profile .g6-profile-grid .g6-profile-grid__state-badge--cancelled{background:rgba(246,182,182,0.15);color:var(--color-error)}
.account-profile .g6-profile-grid .g6-profile-grid__state-badge--rejected{background:rgba(246,182,182,0.15);color:var(--color-error)}
.account-profile .g6-profile-grid .g6-profile-grid__state-badge--suspended{background:rgba(153,153,153,0.12);color:var(--color-on-surface-disabled)}
.account-profile .g6-profile-grid .g6-profile-grid__subscriptions .g6-profile-grid__section-heading{font-family:var(--font-family-heading);font-size:var(--typescale-headline-small-size);line-height:var(--typescale-headline-small-line);font-weight:400;color:var(--color-on-surface);margin:0 0 var(--space-4)}
.account-profile .g6-profile-grid .g6-profile-grid__subscriptions .g6-profile-grid__empty{color:var(--color-on-surface-disabled);font-size:var(--typescale-body-medium-size)}
.account-profile .g6-profile-grid .g6-profile-grid__subscriptions .g6-profile-grid__subs-list{display:flex;flex-direction:column;gap:var(--space-4)}
.account-profile .g6-profile-grid .g6-profile-grid__sub-card{padding:var(--space-4);border:1px solid var(--color-border-variant);border-top:4px solid var(--color-secondary-medium);border-radius:0;overflow:hidden}
.account-profile .g6-profile-grid .g6-profile-grid__sub-card .g6-profile-grid__sub-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) 0 var(--space-3)}
.account-profile .g6-profile-grid .g6-profile-grid__sub-card .g6-profile-grid__sub-header .g6-profile-grid__sub-icon{width:48px;height:48px;border-radius:var(--shape-medium);background:var(--color-secondary-low);color:var(--color-secondary);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.account-profile .g6-profile-grid .g6-profile-grid__sub-card .g6-profile-grid__sub-title-wrap{padding:0 0 var(--space-3)}
.account-profile .g6-profile-grid .g6-profile-grid__sub-card .g6-profile-grid__sub-title-wrap .g6-profile-grid__sub-scope{display:none}
.account-profile .g6-profile-grid .g6-profile-grid__sub-card .g6-profile-grid__sub-title-wrap .g6-profile-grid__sub-title-row{display:flex;align-items:center;gap:var(--space-2)}
.account-profile .g6-profile-grid .g6-profile-grid__sub-card .g6-profile-grid__sub-title-wrap .g6-profile-grid__sub-title-row .g6-profile-grid__sub-title{font-family:var(--font-family-heading);font-size:var(--typescale-title-medium-size);line-height:var(--typescale-title-medium-line);font-weight:500;color:var(--color-on-surface);margin:0;word-break:break-word}
.account-profile .g6-profile-grid .g6-profile-grid__sub-card .g6-profile-grid__sub-title-wrap .g6-profile-grid__sub-title-row .g6-profile-grid__rename-btn{display:inline-flex;align-items:center;justify-content:center;padding:0;background:0;border:0;cursor:pointer;color:var(--color-on-surface-disabled);flex-shrink:0;transition:color .15s}
.account-profile .g6-profile-grid .g6-profile-grid__sub-card .g6-profile-grid__sub-title-wrap .g6-profile-grid__sub-title-row .g6-profile-grid__rename-btn:hover{color:var(--color-on-surface)}
.account-profile .g6-profile-grid .g6-profile-grid__sub-card .g6-profile-grid__meta-row{display:flex;gap:var(--space-8);margin:0;padding:var(--space-2) 0 var(--space-4)}
.account-profile .g6-profile-grid .g6-profile-grid__sub-card .g6-profile-grid__meta-row .g6-profile-grid__meta-item{display:flex;flex-direction:column;gap:2px}
.account-profile .g6-profile-grid .g6-profile-grid__sub-card .g6-profile-grid__meta-row .g6-profile-grid__meta-item dt{font-size:11px;font-weight:400;color:var(--color-on-surface-variant)}
.account-profile .g6-profile-grid .g6-profile-grid__sub-card .g6-profile-grid__meta-row .g6-profile-grid__meta-item dd{margin:0;font-size:var(--typescale-body-medium-size);line-height:var(--typescale-body-small-line);color:var(--color-on-surface-variant)}
.account-profile .g6-profile-grid .g6-profile-grid__sub-card .g6-profile-grid__keys-grid{display:grid;grid-template-columns:1fr;border-top:1px solid var(--color-border-variant)}
@media only screen and (min-width:600px){.account-profile .g6-profile-grid .g6-profile-grid__sub-card .g6-profile-grid__keys-grid{grid-template-columns:1fr 1fr}
}
.account-profile .g6-profile-grid .g6-profile-grid__sub-card .g6-profile-grid__keys-grid .g6-profile-grid__key-col{padding:var(--space-3) 0 var(--space-4);position:relative;margin:var(--space-4) 0 0}
.account-profile .g6-profile-grid .g6-profile-grid__sub-card .g6-profile-grid__keys-grid .g6-profile-grid__key-col .g6-profile-grid__key-label{font-size:11px;font-weight:500;color:var(--color-on-surface-variant);margin:0 0 var(--space-1)}
.account-profile .g6-profile-grid .g6-profile-grid__sub-card .g6-profile-grid__keys-grid .g6-profile-grid__key-col .g6-profile-grid__key-value{display:block;font-family:var(--font-family-mono);font-size:13px;line-height:20px;color:var(--color-on-surface);margin-bottom:var(--space-2);white-space:nowrap;overflow:hidden;text-overflow:clip;letter-spacing:1px}
.account-profile .g6-profile-grid .g6-profile-grid__sub-card .g6-profile-grid__keys-grid .g6-profile-grid__key-col .g6-profile-grid__key-actions{display:flex;align-items:center;gap:var(--space-4)}
.account-profile .g6-profile-grid .g6-profile-grid__sub-card .g6-profile-grid__keys-grid .g6-profile-grid__key-col .g6-profile-grid__key-actions .g6-profile-grid__key-btn{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-4);background:0;border:0;cursor:pointer;font-size:var(--typescale-label-large-size);font-weight:var(--typescale-label-large-weight);color:var(--color-primary);transition:color .15s}
.account-profile .g6-profile-grid .g6-profile-grid__sub-card .g6-profile-grid__keys-grid .g6-profile-grid__key-col .g6-profile-grid__key-actions .g6-profile-grid__key-btn:hover{background-color:var(--color-surface-container-low)}
.account-profile .g6-profile-grid .g6-profile-grid__sub-card .g6-profile-grid__card-footer{display:flex;justify-content:flex-end;padding:var(--space-3) 0}
.account-profile .g6-profile-grid .g6-profile-grid__sub-card .g6-profile-grid__card-footer .g6-profile-grid__cancel-btn{background-color:transparent;color:var(--color-error);border:1px solid var(--color-error);padding:var(--space-3) var(--space-6);font-size:14px;border-radius:var(--shape-extra-small);cursor:pointer;font-weight:var(--typescale-label-medium-weight);transition:border-color .15s,color .15s}
.account-profile .g6-profile-grid .g6-profile-grid__sub-card .g6-profile-grid__card-footer .g6-profile-grid__cancel-btn:hover{background-color:var(--color-error-low);color:var(--color-on-error-low);text-decoration:none}
.g6-profile-grid__key-col + .g6-profile-grid__key-col{border-top:1px solid var(--color-border-variant)}
@media only screen and (min-width:600px){.g6-profile-grid__key-col + .g6-profile-grid__key-col{border-top:0}
}