/* Account page: shared product scale, independent from dialog geometry. */
.profile-page{max-width:1120px;min-width:0;display:grid;gap:var(--space-section);padding-bottom:var(--space-section)}
.profile-page [hidden]{display:none!important}
.profile-page .eyebrow{font-size:var(--type-eyebrow);letter-spacing:1.2px;color:var(--text-secondary);line-height:1.5}
.profile-page .profile-account-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-section);padding:var(--space-panel);border:1px solid var(--line);border-radius:18px;background:var(--surface-field)}
.profile-page .profile-photo-preview .team-profile-avatar{width:64px;height:64px;margin:0;display:grid;place-items:center;border-radius:18px;overflow:hidden;background:var(--accent-soft);color:var(--text-link);font-size:var(--type-page-title)}
.profile-page .team-profile-avatar img{width:100%;height:100%;object-fit:cover}
.profile-account-identity{display:grid;gap:4px;min-width:0;overflow-wrap:anywhere}
.profile-account-identity>strong{font-size:var(--type-dialog-title);line-height:1.4}
.profile-account-meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-inline);color:var(--text-secondary);font-size:var(--type-meta)}
.profile-page .profile-identity-role{border-radius:6px;padding:3px 8px;background:var(--accent-soft);color:var(--text-link)}
.profile-account-tools{display:grid;gap:4px;text-align:end}
.profile-account-tools small{font-size:var(--type-meta);color:var(--text-secondary)}
.profile-page .profile-photo-actions{display:flex;align-items:center;gap:var(--space-inline)}
.profile-page .profile-photo-remove{min-width:var(--control-target);padding:var(--action-padding-block)}
.profile-page-tabs{overflow-x:auto;flex-wrap:nowrap;max-width:100%;margin:0}
.profile-page-tabs button{flex-shrink:0;min-height:var(--control-target)}
.profile-page>form{display:grid;min-width:0;border:1px solid var(--line);border-radius:18px;background:var(--surface-field);overflow:hidden}
:root body.in-workspace .profile-page .operations-fields{display:block;padding:0;max-height:none;overflow:visible}
.profile-page .profile-details{display:contents}
.profile-page .profile-section:not(.profile-account-header){display:grid;grid-template-columns:220px minmax(0,1fr);gap:var(--space-section);padding:var(--space-panel);min-width:0}
.profile-page .profile-section-intro{min-width:0}
.profile-page .profile-section-title{display:flex;align-items:center;gap:var(--space-inline);margin:0;font-size:var(--type-section-title);line-height:1.4}
.profile-page .profile-section-intro>p{color:var(--text-secondary);font-size:var(--type-meta);line-height:1.6;margin:var(--space-inline) 0 0;max-width:30ch}
.profile-page .profile-section-fields{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-fields);min-width:0;align-content:start}
.profile-page .profile-section-fields>label{grid-column:span 2;min-width:0;margin:0}
.profile-page .profile-section-personal .profile-section-fields>label:nth-child(-n+2){grid-column:span 3}
.profile-page .profile-section-fields>.full{grid-column:1/-1}
.profile-page .profile-section-fields input{width:100%;min-width:0;box-sizing:border-box}
.profile-page .profile-section-security .profile-section-fields>label{grid-column:span 3}
.profile-page .profile-section-security .profile-section-fields>label.full{grid-column:1/-1;max-width:420px}
.profile-page .profile-section-hint{margin:0;font-size:var(--type-meta);line-height:1.5;color:var(--text-secondary)}
.profile-password-control{display:flex;align-items:center;position:relative;min-width:0}
:root body.in-workspace .profile-page .profile-password-control>input{padding-right:48px}
.profile-password-control>button{position:absolute;right:0;top:0;width:44px;height:44px;min-width:44px;display:grid;place-items:center;padding:8px;border:0;box-shadow:none;background:transparent;color:var(--text-secondary)}
.profile-password-control>button:hover{background:var(--surface-hover)}
.profile-password-control>button:active{background:var(--surface-pressed)}
.profile-page .profile-section-pin{border-top:1px solid var(--line)}
.profile-page .profile-section-pin .profile-section-fields{display:flex;align-items:center}
.profile-page .profile-pin-summary{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-inline);width:100%;min-width:0}
.profile-page .profile-pin-summary>p{display:none}
.profile-page .profile-pin-status{order:0;margin-right:auto}
.profile-page .customer-dialog-actions{margin:0;padding:var(--space-fields) var(--space-panel);border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:var(--space-fields)}
.profile-save-hint{font-size:var(--type-meta);color:var(--text-secondary);max-width:42ch}
.profile-page .customer-dialog-actions>button{flex-shrink:0}
.profile-page form>.feedback:not([hidden]){margin:0 var(--space-panel) var(--space-fields)}
.profile-commissions{display:grid;gap:var(--space-fields);min-width:0}
.profile-commission-heading,.profile-commission-record>header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-inline)}
.profile-commission-heading h2,.profile-commission-heading p{margin:0}
.profile-commission-heading h2{font-size:var(--type-section-title)}
.profile-commission-heading p,.profile-commission-summary span,.profile-commission-record span,.profile-commission-record dt{font-size:var(--type-meta);color:var(--text-secondary)}
.profile-commission-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-fields)}
.profile-commission-metric,.profile-commission-record{padding:var(--space-panel);border:1px solid var(--line);border-radius:14px;background:var(--surface-field)}
.profile-commission-metric,.profile-commission-record header>div{display:grid;gap:var(--space-inline);min-width:0}
.profile-commission-metric-released{border-top:3px solid var(--text-link)}
.profile-commission-summary strong{font-size:var(--type-dialog-title);font-variant-numeric:tabular-nums}
.profile-commission-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-fields);align-items:start}
.profile-page .profile-commission-record{display:grid;gap:var(--space-inline);padding:var(--space-fields);min-width:0;overflow-wrap:anywhere}
.profile-commission-record>header{align-items:flex-start}
.profile-page .profile-commission-record header>.profile-commission-origin{display:flex;align-items:center;gap:var(--space-inline)}
.profile-commission-origin>div{display:grid;gap:4px;min-width:0}
.profile-commission-symbol{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border-radius:10px;color:var(--text-link)!important;background:var(--accent-soft)}
.profile-commission-symbol .icon{width:18px;height:18px}
.profile-commission-value{text-align:right;flex-shrink:0}
.profile-page .profile-commission-record header>.profile-commission-value{gap:4px}
.profile-commission-value>strong{font-size:var(--type-dialog-title);font-variant-numeric:tabular-nums;line-height:1.3}
.profile-commission-value>span{font-size:var(--type-eyebrow)}
.profile-commission-preview{margin:0;color:var(--text-secondary);font-size:var(--type-meta);line-height:1.5}
.profile-commission-record details{min-width:0;border-top:1px solid var(--line)}
.profile-commission-record summary{min-height:var(--control-target);display:flex;align-items:center;justify-content:space-between;gap:var(--space-inline);cursor:pointer;list-style:none;border-radius:6px;padding:var(--action-padding-block) 0;box-sizing:border-box}
.profile-commission-record summary::-webkit-details-marker{display:none}
.profile-commission-record summary:hover{background:var(--surface-hover)}
.profile-commission-record summary:active{background:var(--surface-pressed)}
.profile-commission-record summary:focus-visible{outline:2px solid var(--text-link);outline-offset:2px}
.profile-page .profile-commission-state{font-size:var(--type-meta);line-height:1.4;padding:4px 8px;border-radius:6px;background:var(--surface-hover);color:var(--text-secondary)}
.profile-page .profile-commission-state[data-state=released]{color:var(--text-success);background:var(--surface-success)}
.profile-commission-disclosure{display:flex;align-items:center;gap:4px;min-width:0;text-align:right}
.profile-page .profile-commission-disclosure>span{color:var(--text-link);font-size:var(--type-meta)}
.profile-commission-chevron{display:flex;flex-shrink:0}
.profile-commission-chevron .icon{width:16px;height:16px}
.profile-commission-record details[open] .profile-commission-chevron{transform:rotate(180deg)}
.profile-commission-detail{display:grid;gap:var(--space-fields);padding-top:var(--space-inline)}
.profile-commission-record dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-inline);margin:0;padding:var(--space-fields);border:1px solid var(--line);border-radius:10px}
.profile-commission-record dd{margin:4px 0 0;font-size:var(--type-body);font-variant-numeric:tabular-nums}
.profile-commission-notice{margin:0;font-size:var(--type-meta);line-height:1.6;color:var(--text-secondary);padding-left:var(--space-inline);border-left:2px solid var(--line)}
.profile-page .profile-commission-detail>.commission-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-inline);padding:0 0 var(--space-inline);border-bottom:1px solid var(--line)}
.profile-commission-detail>.commission-item>div{min-width:0}.profile-commission-detail>.commission-item>strong{flex-shrink:0;font-size:var(--type-body)}
.profile-commission-detail .os-note{margin:4px 0 0;font-size:var(--type-meta)}
@media(min-width:701px) and (max-width:1100px){.profile-commission-list{grid-template-columns:minmax(0,1fr)}}
.profile-commission-empty{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-section);padding:var(--space-panel);border:1px solid var(--line);border-radius:18px;background:var(--surface-field)}
.profile-empty-symbol{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;color:var(--text-link);background:var(--accent-soft)}
.profile-empty-copy h3{font-size:var(--type-dialog-title);margin:4px 0 var(--space-inline)}
.profile-empty-copy p{max-width:65ch;margin:0;font-size:var(--type-body);color:var(--text-secondary);line-height:1.6}
.profile-commission-guide{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-section);padding-top:var(--space-section);border-top:1px solid var(--line)}
.profile-commission-guide>div{display:flex;align-items:flex-start;gap:var(--space-inline);min-width:0}
.profile-commission-guide>div>span{color:var(--text-link);flex-shrink:0}
.profile-commission-guide strong{font-size:var(--type-label)}
.profile-commission-guide p{font-size:var(--type-meta);color:var(--text-secondary);line-height:1.5;margin:4px 0 0}
.profile-commission-pagination{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-inline)}
@media(max-width:900px){.profile-page .profile-section:not(.profile-account-header){grid-template-columns:180px minmax(0,1fr)}.profile-page .profile-section-fields>label{grid-column:span 3}.profile-account-meta{display:grid;justify-items:start}}
@media(max-width:700px){
 .profile-page .profile-account-header{grid-template-columns:auto minmax(0,1fr);gap:var(--space-fields)}
 .profile-account-tools{grid-column:1/-1;text-align:start;padding-top:var(--space-fields);border-top:1px solid var(--line)}
 .profile-page .profile-photo-preview .team-profile-avatar{width:52px;height:52px;border-radius:14px}
 .profile-page .profile-section:not(.profile-account-header){grid-template-columns:minmax(0,1fr)}
 .profile-page .profile-section-intro>p{max-width:none}
 .profile-page .profile-section-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
 .profile-page .profile-section-fields>label,.profile-page .profile-section-personal .profile-section-fields>label:nth-child(-n+2),.profile-page .profile-section-security .profile-section-fields>label{grid-column:1/-1;max-width:none}
 .profile-page .customer-dialog-actions{flex-wrap:wrap}.profile-save-hint{max-width:none}.profile-page .customer-dialog-actions>button{width:100%}
 .profile-commission-summary{grid-template-columns:1fr}.profile-commission-list{grid-template-columns:minmax(0,1fr)}.profile-commission-record dl{grid-template-columns:1fr}
 .profile-commission-record>header{align-items:flex-start}.profile-commission-empty{grid-template-columns:1fr}.profile-commission-guide{grid-template-columns:1fr}
}