/* One visual language for every section of the account workspace. */

.account-main{--account-gap:16px;--account-padding:20px;--account-radius:12px}

body.account-workspace-page .account-workspace :is(.account-section-heading,.portal-heading,.team-header){display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 20px;margin:0 0 20px;padding:0;min-height:58px}
body.account-workspace-page .account-workspace :is(.account-section-heading,.portal-heading,.team-header)>div{min-width:0;max-width:100%}
body.account-workspace-page .account-workspace :is(.account-section-heading,.portal-heading) .eyebrow{display:none}
body.account-workspace-page .account-workspace :is(.account-section-heading,.portal-heading,.team-header) :is(h1,h2),
body.account-workspace-page #portal .team-header .team-workspace-title>h2{margin:0;font-size:22px;font-weight:650;line-height:1.4;letter-spacing:-.02em;color:var(--text)}
body.account-workspace-page .account-workspace :is(.account-section-heading,.portal-heading)>div>p:not(.eyebrow),
body.account-workspace-page .account-workspace .team-header .team-workspace-description{margin:6px 0 0;color:var(--muted);font-size:14px;line-height:1.6}
/* Personal workspaces use the same tabs as the plugin library. */
body.account-workspace-page .account-workspace :is(#portal,.account-tabpanel) .portal-category-tabs[role=tablist]{display:flex;align-items:stretch;gap:6px;margin:0 0 20px;padding:0;min-width:0}
body.account-workspace-page:not(.native-controls):not(.unstyled-controls) .account-workspace :is(#portal,.account-tabpanel) .portal-category-tabs[role=tablist]>button[role=tab]{display:flex;align-items:center;justify-content:center;flex:0 1 150px;min-width:120px;min-height:54px;margin:0;padding:13px 18px;border:0;border-bottom:2px solid #343a43;border-radius:0;background:transparent;color:#9ba3ae;box-shadow:none;font-size:14px;font-weight:600;line-height:1.5;text-align:center;white-space:nowrap}
body.account-workspace-page:not(.native-controls):not(.unstyled-controls) .account-workspace :is(#portal,.account-tabpanel) .portal-category-tabs[role=tablist]>button[role=tab]:hover{background:#292b30;color:#ffe1c6}
body.account-workspace-page:not(.native-controls):not(.unstyled-controls) .account-workspace :is(#portal,.account-tabpanel) .portal-category-tabs[role=tablist]>button[role=tab][aria-selected=true]{background:#302923;color:#ffc393;border-bottom-color:#eea46d}
body.account-workspace-page .account-workspace #portal .team-section-navigation{margin-bottom:20px;border-bottom:0}
body.account-workspace-page .account-workspace #portal .team-section-navigation>.team-tabs{margin-bottom:0}
@media(max-width:640px){
 body.account-workspace-page:not(.native-controls):not(.unstyled-controls) .account-workspace :is(#portal,.account-tabpanel) .portal-category-tabs[role=tablist]>button[role=tab]{flex:1 1 0;min-width:0;padding:12px 8px;font-size:13px;white-space:normal}
}
/* Search/actions sit above one equal-width row of library filters. */
.account-library-page .library-search{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin:0 0 16px;min-width:0}

.account-library-page .library-search-row{display:grid;grid-template-columns:minmax(180px,1fr) auto auto auto;gap:12px;min-width:0;align-items:center}

.account-library-page .library-filter-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;min-width:0}

.account-library-page :is(.library-search-row,.library-filter-row)>:is(input,select,button,.hh-search-field){order:0;width:100%;min-width:0;margin:0}

.account-library-page .library-search-row>button{white-space:nowrap}

.account-library-page .library-filter-row>select{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

@container(max-width:720px){
 .account-library-page .library-search-row{grid-template-columns:repeat(3,minmax(0,1fr))}

 .account-library-page .library-search-row>:is(input,.hh-search-field){grid-column:1/-1}

 .account-library-page .library-filter-row{grid-template-columns:repeat(2,minmax(0,1fr))}

 .account-library-page .library-filter-row>#catalog-visibility{grid-column:1/-1}

}
.account-main .account-community-panel.portal-main{padding:0}

.account-main :is(.panel,.portal-card:not(.plugin-card),.metric-card,.identity-card,.cloud-row,.account-security){border:1px solid var(--line);border-radius:var(--account-radius);background:var(--surface);padding:var(--account-padding);box-shadow:none}

.account-main :is(.account-metrics,.cloud-overview,.account-actions,.portal-split,.portal-stack,.portal-list,.account-people-grid,.cloud-list,.upload-list){gap:var(--account-gap)}

.account-main :is(.account-benefits,.account-metrics,.account-actions,.cloud-overview,.uploads-panel){margin-top:var(--account-gap);margin-bottom:0}

.account-main .cloud-overview{margin-top:0;margin-bottom:var(--account-gap)}

.account-main .account-orders>.account-section-body+.account-section-body{margin-top:var(--account-gap)}

.account-main .account-benefits>.account-module-heading{margin:24px 0 16px}

.account-main :is(.section-row,.account-module-heading){gap:12px;margin-bottom:16px}

.account-main :is(.section-row,.account-module-heading,.portal-card:not(.plugin-card),.cloud-capacity,.cloud-upload)>h2,

.account-main :is(.section-row,.account-module-heading)>div>h2{margin:0;font-size:18px;font-weight:600;line-height:1.4}

.account-main :is(.section-row p,.account-module-description,.cloud-help,.cloud-row p){margin:6px 0 0;font-size:13px;line-height:1.7;color:var(--muted)}

.account-main :is(.portal-row,.account-person,.cloud-row,.device-row){padding:16px;border:1px solid var(--line);border-radius:8px;background:#ffffff02}

.account-main :is(.device-list,.portal-list){display:grid;gap:12px}

.account-main .account-person{grid-template-columns:minmax(0,1fr) auto;gap:16px}

.account-main :is(.account-person>.portal-actor,.cloud-row h3,.device-row strong){font-size:15px;font-weight:600;line-height:1.5}

.account-main .cloud-row h3{margin:0 0 4px}

.account-main :is(.portal-empty,.cloud-empty){margin:0;padding:36px 16px;min-height:112px;display:grid;place-content:center;text-align:center;color:var(--muted);font-size:14px;line-height:1.7}

.account-main #orders:not(:has(table)){min-height:112px;display:grid;place-content:center;text-align:center;color:var(--muted);font-size:14px}

.account-main .table-scroll{margin-top:0}

.account-main .table-scroll th{background:#ffffff03;font-weight:600}

.account-main .table-scroll :is(th,td){padding:14px 16px}

.account-main :is(.portal-toolbar,.cloud-filter){gap:12px;margin-bottom:16px}

.account-main :is(.account-section-heading,.section-row,.portal-actions,.cloud-row-actions,.device-row) :is(button,.portal-button),

.account-main .account-community-panel button:not(:where(.row-open,.hh-pagination *)),

.account-main .cloud-upload button{min-height:40px;padding:9px 14px;border-radius:8px;font-size:13px;font-weight:600;line-height:1.5}

.account-main :is(.portal-field,.portal-form,.cloud-filter) :is(input:not([type=checkbox]):not([type=radio]),select){box-sizing:border-box;min-height:42px;padding:10px 12px;border:1px solid #ffffff28;border-radius:8px;background:#111617;color:var(--text);font-size:14px;line-height:1.4}

.account-main .portal-form{gap:16px}

.account-main .portal-form label{margin:0;gap:8px;font-size:14px}

.account-main .portal-form textarea{padding:10px 12px;border-color:#ffffff28;background:#111617;font-size:14px;line-height:1.6}

.account-main #cloud-content>.panel{margin-bottom:var(--account-gap)}

.account-main nav.hh-pagination{margin:16px 0 0;padding-top:16px;border-top:1px solid var(--line)}

.account-main .portal-stack:has(>nav.hh-pagination){row-gap:0}

.account-main .portal-stack:has(>nav.hh-pagination)>button{margin-bottom:16px}

.account-main .account-security{margin-top:16px}

.account-main .account-security h2{font-size:18px;margin-bottom:16px}

.account-main .cloud-capacity h2{font-size:18px;margin:0 0 12px}

.account-main .cloud-capacity .eyebrow{display:none}

.account-main .cloud-upload>h2{margin-bottom:16px}

.account-main .cloud-filter label{margin:0}

.account-main .cloud-upload form label{margin:0;gap:8px}

.account-main .cloud-filter button{align-self:center}

.account-main .device-list:not(:has(.device-row)){min-height:112px;place-content:center;color:var(--muted);font-size:14px;text-align:center}

.account-main :is(.account-tabpanel,.cloud-overview,.cloud-content,.uploads-panel)>p:empty{display:none}

@media(max-width:700px){

 .account-main{--account-gap:12px;--account-padding:16px}

 body.account-workspace-page .account-workspace :is(.account-section-heading,.portal-heading,.team-header){align-items:flex-start;margin-bottom:16px;min-height:0}
 body.account-workspace-page .account-workspace :is(.account-section-heading,.portal-heading,.team-header) :is(h1,h2),
 body.account-workspace-page #portal .team-header .team-workspace-title>h2{font-size:20px}
 body.account-workspace-page .account-workspace :is(.account-section-heading,.portal-heading)>div>p:not(.eyebrow),
 body.account-workspace-page .account-workspace .team-header .team-workspace-description{font-size:13px}
 .account-main .account-person{grid-template-columns:minmax(0,1fr);gap:12px}

 .account-main .portal-split{grid-template-columns:minmax(0,1fr)}

 .account-main .section-row{flex-wrap:wrap}

}

.account-main .earnings-amount-row>label{margin:0}



/* Preserve card spacing when earnings lists attach pagination. */

.account-main .creator-earnings .portal-card.portal-stack:has(>nav.hh-pagination){row-gap:var(--account-gap)}

.account-main .creator-earnings .portal-card.portal-stack>nav.hh-pagination{margin-top:0}





/* Compact overview: profile, account information, benefits and security keep their actions. */

body.account-workspace-page .account-workspace-content>p:empty{display:none}

.account-workspace #account-panel-profile{display:grid;gap:20px}

.account-workspace #account-panel-profile>.account-section-heading{margin:0}

.account-workspace .account-profile-overview{display:grid;gap:20px;min-width:0}

.account-workspace .identity-card{display:grid;grid-template-columns:72px minmax(180px,1fr) minmax(280px,1.2fr);align-items:center;gap:20px;padding:24px;background:var(--surface);border-color:var(--line);box-shadow:none}

.account-workspace .identity-card::before,.account-workspace .identity-card::after{display:none}

.account-workspace .identity-card .avatar-edit{width:72px;height:72px;min-height:72px;flex-basis:72px}

.account-workspace .identity-name h2{margin:0;font-size:23px;line-height:1.4;overflow-wrap:anywhere}

.account-workspace .identity-copy .eyebrow{margin:0 0 7px;color:#8798a5;font-size:10px;letter-spacing:.08em}

.account-workspace .identity-copy p{margin:6px 0 10px;font-size:13px}

.account-workspace .identity-details{width:100%;min-width:0;padding-left:24px;border-left:1px solid var(--line);border-top:0}

.account-workspace .identity-details>span{font-size:11px;color:#8798a5;letter-spacing:.04em}

.account-workspace .identity-details dl{margin:10px 0 0;grid-template-columns:max-content minmax(0,1fr);gap:8px 14px}

.account-workspace .account-benefits{margin:0}

.account-workspace .account-benefits>.account-module-heading{margin:0 0 14px}

.account-workspace .account-benefits>.account-module-heading h2{font-size:18px}

.account-workspace .account-metrics{margin:0;gap:16px}

.account-workspace .metric-card{gap:12px;min-height:158px;padding:20px;background:#171c20}

.account-workspace .metric-card>span{display:flex;align-items:center;gap:9px;font-size:12px;color:#9aabb8}

.account-workspace .metric-symbol{display:grid;place-items:center;flex:none;width:20px;height:20px;color:var(--accent)}

.account-workspace .metric-symbol svg{width:20px;height:20px}

.account-workspace .metric-card strong{font-size:23px;line-height:1.35;color:var(--text)}

.account-workspace .metric-card:first-child strong{font-size:16px;line-height:1.65}

.account-workspace .account-actions{margin:16px 0 0;gap:12px}

.account-workspace .account-actions>a{min-width:0;padding:14px 16px;gap:12px;background:#ffffff02;border-radius:8px}

.account-workspace .account-actions b{font-size:13px}

.account-workspace .account-actions small{font-size:11px}

.account-workspace .account-security{margin-top:0}

.account-workspace .account-community-panel .portal-heading,.account-workspace .teams-intro{margin-top:0}

.account-workspace.account-library-page .plugin-heading{margin-top:0}

@container(max-width:1000px){.account-workspace .identity-card{grid-template-columns:64px minmax(0,1fr)}.account-workspace .identity-card .avatar-edit{width:64px;height:64px;min-height:64px}.account-workspace .identity-details{grid-column:1/-1;padding:18px 0 0;border-left:0;border-top:1px solid var(--line)}}

@container(max-width:700px){.account-workspace .account-profile-overview{gap:16px}.account-workspace .identity-card{padding:20px;gap:16px}.account-workspace .identity-name h2{font-size:21px}.account-workspace .account-metrics{grid-template-columns:1fr;gap:12px}.account-workspace .metric-card{min-height:0;padding:18px}.account-workspace .account-actions{grid-template-columns:1fr;gap:8px}.account-workspace .account-actions>a{flex-direction:row;align-items:center;padding:14px}.account-workspace .account-actions small{display:block}.account-workspace .account-actions i{display:block}.account-workspace .account-actions .action-symbol{flex-basis:24px}}

@media(max-width:640px){.account-workspace .account-security .security-grid>section:not(:has(.security-email)) .security-muted{grid-column:1 / -1;grid-row:3}}





/* Conversation list and thread share a height; each scrolls inside its own pane. */
#account-panel-messages .account-conversation-workspace{display:grid;grid-template-columns:minmax(240px,300px) minmax(0,1fr);gap:16px;min-width:0;min-height:0;height:var(--account-conversation-height,clamp(360px,calc(100dvh - var(--account-workspace-header-height,68px) - 190px),760px))}
#account-panel-messages .account-conversation-list{display:flex;flex-direction:column;gap:0;min-width:0;min-height:0;height:100%;overflow:hidden}
#account-panel-messages .account-conversation-list>:is(input,.hh-search-field){flex:none;min-width:0;width:100%;margin:0 0 12px}
#account-panel-messages .account-conversation-list .hh-search-field input{font-size:13px}
#account-panel-messages .account-conversation-list>.account-conversation-notice{flex:none;font-size:12px;margin:0 0 10px;overflow-wrap:anywhere}
#account-panel-messages .account-conversation-sentinel{min-height:1px;height:1px;pointer-events:none}
#account-panel-messages .account-conversation-status{margin:0;padding:8px 0;color:var(--muted);font-size:12px;line-height:1.5}
#account-panel-messages .account-conversation-list>.portal-list{flex:1;min-width:0;min-height:0;align-content:start;grid-auto-rows:max-content;overflow-y:auto;overflow-x:hidden;overscroll-behavior-x:contain;overscroll-behavior-y:auto;scrollbar-width:thin;padding-right:4px}
#account-panel-messages .account-conversation-list>nav.hh-pagination{flex:none;margin-top:0;padding-top:12px}
#account-panel-messages .account-conversation-pane{display:flex;flex-direction:column;min-width:0;min-height:0;height:100%;overflow:hidden;border:1px solid var(--line);border-radius:var(--account-radius);background:var(--surface)}
#account-panel-messages .account-conversation-toolbar{display:flex;flex:none;align-items:center;gap:16px;min-height:74px;padding:16px 20px;border-bottom:1px solid var(--line)}
#account-panel-messages .account-conversation-current{display:grid;gap:6px;min-width:0;flex:1}

#account-panel-messages .account-conversation-current>small{font-size:11px;color:var(--muted)}

#account-panel-messages .account-conversation-current>.portal-actor{width:fit-content;max-width:100%;font-size:15px;font-weight:600}

#account-panel-messages .account-conversation-current>.portal-actor>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

#account-panel-messages .account-conversation-placeholder{font-size:14px;color:var(--muted);line-height:1.5}

#account-panel-messages .account-conversation-list .portal-row{display:flex;align-items:center;gap:0;min-width:0;padding:0;overflow:hidden}
#account-panel-messages .account-conversation-list .portal-row:is(:hover,:focus-within){background:#ffffff08;border-color:#ffffff30}
#account-panel-messages .account-conversation-list .portal-row.is-active:is(:hover,:focus-within){background:#e9a77614;border-color:#e9a77670}
#account-panel-messages .account-conversation-list .account-contact-open{display:flex;flex:1;align-items:center;gap:8px;min-width:0;min-height:76px;padding:12px 10px;text-align:left;color:var(--text);border-radius:inherit}
#account-panel-messages .account-conversation-list .account-contact-open:hover{background:transparent;color:var(--text)}
#account-panel-messages .account-conversation-list .account-contact-open:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}
#account-panel-messages .account-contact-avatar{display:flex;flex:0 0 50px;align-items:center;margin-left:12px;border-radius:50%}
#account-panel-messages .account-contact-avatar>.portal-avatar{width:50px;height:50px;flex:0 0 50px;border-radius:50%;object-fit:cover}
#account-panel-messages .account-contact-avatar:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
#account-panel-messages .account-contact-copy{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0}
#account-panel-messages .account-contact-name,#account-panel-messages .account-contact-preview{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.45}
#account-panel-messages .account-contact-name{font-size:14px;font-weight:600;color:var(--text)}
#account-panel-messages .account-contact-preview{font-size:13px;font-weight:400;color:var(--muted)}
#account-panel-messages .account-contact-unread{flex:0 0 24px;align-self:flex-start;display:flex;align-items:center;justify-content:center;width:24px;height:24px;box-sizing:border-box;margin-top:1px;padding:0;border-radius:50%;background:#b52f59;color:#fff;font-family:Arial,sans-serif;font-size:11px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1;text-align:center}
#account-panel-messages .account-conversation-chat.portal-card{display:flex;flex:1;flex-direction:column;min-width:0;min-height:0;padding:16px 20px;border:0;border-radius:0;background:transparent;gap:12px;overflow:hidden}
#account-panel-messages .account-conversation-chat>.portal-conversation{flex:1;min-width:0;min-height:0;max-height:none;gap:14px;align-content:start;grid-auto-rows:max-content;overflow-y:auto;overflow-x:hidden;overscroll-behavior-x:contain;overscroll-behavior-y:auto;scrollbar-width:thin}
#account-panel-messages .account-conversation-chat .portal-message{width:fit-content;min-width:0;max-width:min(82%,720px);justify-self:start;box-sizing:border-box;padding:12px 16px;background:#20282c;border-color:#ffffff12;border-radius:12px 12px 12px 3px}
#account-panel-messages .account-conversation-chat .portal-message.mine{justify-self:end;background:#332a23;border-color:#e8b58235;border-radius:12px 12px 3px 12px}
#account-panel-messages .account-message-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px;min-width:0;margin-bottom:8px}
#account-panel-messages .account-message-meta>.portal-actor{min-width:0;max-width:100%;gap:8px;font-size:12px;font-weight:600}
#account-panel-messages .account-message-meta .portal-avatar{width:24px;height:24px;flex-basis:24px;border-radius:7px}
#account-panel-messages .account-message-meta>.portal-actor>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#account-panel-messages .account-message-meta>time{color:var(--muted);font-size:11px;line-height:1.5;overflow-wrap:anywhere}
#account-panel-messages .account-message-sender{font-size:12px;color:var(--muted)}
#account-panel-messages .account-message-body{margin:0;color:var(--text);font-size:14px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}
#account-panel-messages .account-conversation-chat>.portal-empty{flex:1;min-height:0}
#account-panel-messages .account-conversation-chat>nav.hh-pagination{flex:none;margin:0;padding:8px 0 0}
#account-panel-messages .account-conversation-chat>.portal-form{flex:none;margin:0;padding-top:12px;border-top:1px solid var(--line);gap:10px}
#account-panel-messages .account-conversation-chat>.portal-form textarea{min-height:72px;max-height:120px;resize:vertical}
@container(max-width:720px){
 #account-panel-messages .account-conversation-workspace{grid-template-columns:minmax(200px,34%) minmax(0,1fr);gap:10px}
 #account-panel-messages .account-conversation-list{padding:10px}
 #account-panel-messages .account-conversation-list .hh-search-field input{min-height:36px;padding-block:8px;font-size:12px}
 #account-panel-messages .account-conversation-list>.portal-list{padding-right:2px;gap:8px}
 #account-panel-messages .account-conversation-list .account-contact-open{gap:6px;padding:8px;min-height:64px}
 #account-panel-messages .account-contact-avatar{flex-basis:40px;margin-left:8px}
 #account-panel-messages .account-contact-avatar>.portal-avatar{width:40px;height:40px;flex-basis:40px}
 #account-panel-messages .account-contact-name,#account-panel-messages .account-contact-preview{font-size:12px}
 #account-panel-messages .account-contact-unread{flex-basis:22px;width:22px;height:22px;font-size:10px}
 #account-panel-messages .account-conversation-toolbar{min-height:54px;padding:10px}
 #account-panel-messages .account-conversation-current>.portal-actor{font-size:12px;gap:6px}
 #account-panel-messages .account-conversation-current .portal-avatar{width:24px;height:24px;flex-basis:24px}
 #account-panel-messages .account-conversation-chat.portal-card{padding:10px;gap:8px}
 #account-panel-messages .account-conversation-chat .portal-message{max-width:100%;padding:10px;border-radius:10px 10px 10px 3px}
 #account-panel-messages .account-conversation-chat .portal-message.mine{border-radius:10px 10px 3px 10px}
 #account-panel-messages .account-message-meta{gap:5px;margin-bottom:6px}
 #account-panel-messages .account-message-meta>.portal-actor{font-size:11px}
 #account-panel-messages .account-message-meta>time{font-size:10px}
 #account-panel-messages .account-message-body{font-size:13px;line-height:1.6}
 #account-panel-messages .account-conversation-chat>.portal-form{gap:6px;padding-top:8px}
 #account-panel-messages .account-conversation-chat>.portal-form label{gap:5px;font-size:12px}
 #account-panel-messages .account-conversation-chat>.portal-form label>span:first-child{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 #account-panel-messages .account-conversation-chat>.portal-form textarea{height:48px;min-height:48px;max-height:80px;padding:8px;font-size:13px}
 #account-panel-messages .account-conversation-chat>.portal-form .portal-actions{gap:6px}
 #account-panel-messages .account-conversation-chat>.portal-form .portal-actions>button{flex:1;min-width:0;min-height:34px;padding:6px;font-size:11px}
}
@container(max-width:480px){
 #account-panel-messages .account-conversation-workspace{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(164px,34%) minmax(0,1fr)}
}
@media(max-height:680px){#account-panel-messages .account-conversation-current>small{display:none}}


/* Feedback: browse the whole list, then open a single detail without an empty side column. */

#account-panel-feedback .account-feedback-workspace{display:grid;gap:16px;min-width:0}

#account-panel-feedback .account-feedback-list>.portal-actions{justify-content:space-between;margin-bottom:16px}

#account-panel-feedback .account-feedback-list .portal-row{grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;align-items:center}

#account-panel-feedback .account-feedback-list .portal-row>.row-open{grid-column:1;grid-row:1;font-weight:600;line-height:1.6;overflow-wrap:anywhere}

#account-panel-feedback .account-feedback-list .portal-row>small{grid-column:1;grid-row:2;font-size:12px;color:var(--muted)}

#account-panel-feedback .account-feedback-list .portal-row>.portal-badge{grid-column:2;grid-row:1/3;justify-self:end}

#account-panel-feedback .account-feedback-detail{display:grid;gap:16px;min-width:0}

#account-panel-feedback .account-feedback-back{flex:none;min-height:34px;padding:7px 12px;font-size:12px;line-height:1.5;white-space:nowrap}

#account-panel-feedback .feedback-thread-heading{align-items:center}

#account-panel-feedback .feedback-thread-actions{display:flex;align-items:center;gap:10px;flex:none}

#account-panel-feedback .feedback-thread-actions>.feedback-thread-status{margin:0}

#account-panel-feedback .account-feedback-form-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}

#account-panel-feedback .account-feedback-form-heading>h2{margin:0;min-width:0}

#account-panel-feedback .account-feedback-card{min-width:0;align-content:start}

#account-panel-feedback .account-feedback-card.feedback-thread-card{padding:0;gap:0}

#account-panel-feedback .account-feedback-card>.portal-list:empty{display:none}

#account-panel-feedback .account-feedback-card>.portal-form{padding-top:16px;border-top:1px solid var(--line)}

@media(max-width:700px){

 #account-panel-messages .account-conversation-toolbar{gap:10px}
 #account-panel-messages .account-conversation-trigger{gap:9px;padding:9px 12px}

 #account-panel-feedback .account-feedback-list .portal-row{gap:7px 12px;padding:14px}

 #account-panel-feedback .feedback-thread-actions{flex-direction:column;align-items:flex-end;gap:6px}

 #account-panel-feedback .account-feedback-back{min-height:32px;padding:6px 10px;font-size:11px}

}

@media(prefers-reduced-motion:reduce){#account-panel-messages .account-conversation-chevron{transition:none}}





/* Compact earnings actions: expand only the requested original form. */

.account-main .creator-earnings .earnings-operation-summary{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px 24px}

.account-main .creator-earnings .earnings-operation-copy{min-width:0;flex:1 1 240px}

.account-main .creator-earnings .earnings-operation-copy h2{margin:0;font-size:18px;font-weight:600}

.account-main .creator-earnings .earnings-operation-copy p{margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.6;overflow-wrap:anywhere}

.account-main .creator-earnings .earnings-operation-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}

.account-main .creator-earnings .earnings-operation-panels{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--account-gap,16px)}

.account-main .creator-earnings .earnings-operation-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}

.account-main .creator-earnings .earnings-operation-heading h2{margin:0;font-size:18px;font-weight:600}

.account-main .creator-earnings .earnings-operation-panel{scroll-margin-top:calc(var(--account-workspace-header-height,76px) + 16px)}

.account-main .creator-earnings .earnings-records>h2{margin:0;font-size:18px;font-weight:600}

.account-main .creator-earnings .earnings-record-tabs{margin:0}

.account-main .creator-earnings .earnings-record-panel>h2{display:none}

.account-main .creator-earnings .earnings-record-panel:has(>nav.hh-pagination){row-gap:var(--account-gap,16px)}

.account-main .creator-earnings .earnings-record-panel>nav.hh-pagination{margin-top:0}

.account-main .creator-earnings :is(.earnings-operation-panels,.earnings-operation-panel,.earnings-record-panel)[hidden]{display:none}

@media(max-width:600px){.account-main .creator-earnings .earnings-operation-summary{align-items:flex-start}.account-main .creator-earnings .earnings-operation-actions{width:100%}.account-main .creator-earnings .earnings-operation-actions>button{flex:1}.account-main .creator-earnings .earnings-record-tabs>button{flex:1}}




/* Shared controls keep one separator and right-aligned conversation actions. */
.account-main #orders table>tr:last-child>td,.account-main #orders table>tbody>tr:last-child>td{border-bottom:0}
#account-panel-messages .account-conversation-contact-actions{display:flex;flex:none;align-items:center;justify-content:flex-end}
#account-panel-messages .account-conversation-chat>.portal-form .portal-actions{justify-content:flex-end}
#account-panel-messages .account-conversation-chat>.portal-form .portal-actions>button{flex:0 0 auto}