/* Shared account workflow, using the existing workspace tokens and density. */
.social-account-center .ch-page-head {align-items:center;margin-bottom:8px;}
.social-account-center .workspace-heading-main {display:flex;align-items:center;flex-direction:row;gap:12px;}
.social-heading-count {font-size:12px;color:var(--muted);font-weight:400;}
.social-page-actions,.social-row-actions,.social-detail-actions {display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.social-page-description {margin:0 0 25px;color:var(--muted);line-height:1.7;font-size:13px;}
.social-platform-filter,.publishing-tabs {display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line);margin:0 0 18px;overflow-x:auto;}
.social-platform-filter button,.publishing-tabs button {display:flex;align-items:center;gap:7px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--muted);padding:12px 0;font-size:13px;white-space:nowrap;}
.social-platform-filter button[aria-pressed=true],.publishing-tabs button[aria-selected=true] {border-bottom-color:var(--accent);color:var(--accent-text);font-weight:600;}
.social-platform-filter button span,.publishing-tabs button span {font-size:11px;background:var(--soft);padding:2px 6px;border-radius:4px;color:var(--muted);}
.social-account-table {border:1px solid var(--line);border-radius:8px;background:#fff;overflow:hidden;}
.social-account-table-head,.social-account-row {display:grid;grid-template-columns:minmax(220px,1.8fr) minmax(145px,1fr) minmax(130px,1fr) 165px;align-items:center;gap:18px;padding:19px 20px;}
.social-account-table-head {padding-block:12px;background:var(--soft);color:var(--muted);font-size:12px;}
.social-account-record + .social-account-record {border-top:1px solid var(--line);}
.social-account-identity {display:flex;align-items:center;gap:12px;min-width:0;}
.social-account-identity > .platform {width:36px;height:36px;border-radius:8px;flex-shrink:0;}
.social-account-identity > div {min-width:0;}
.social-account-identity b {font-weight:600;font-size:14px;overflow-wrap:anywhere;display:block;}
.social-account-identity small,.social-last-seen,.social-account-usage small {display:block;color:var(--muted);font-size:11px;line-height:1.7;margin-top:5px;overflow-wrap:anywhere;}
.social-account-usage > span {font-size:12px;}
.social-row-actions {justify-content:flex-end;flex-wrap:nowrap;}
.social-row-actions .btn {white-space:nowrap;}
.social-account-details {background:#f8fafd;border-top:1px solid var(--line);padding:16px 20px;}
.social-account-details p {margin:0 0 12px;font-size:12px;line-height:1.75;color:var(--muted);}
.social-account-details .ch-inline-confirm {margin-top:14px;}
.social-empty {text-align:center;padding:48px 20px;border:1px solid var(--line);border-radius:8px;background:#fff;}
.social-empty > .platform {width:38px;height:38px;margin-bottom:12px;}
.social-empty h3 {font-size:17px;margin:8px 0;}
.social-empty p {color:var(--muted);line-height:1.8;font-size:13px;}
.social-add-panel {padding:20px;background:#fff;border:1px solid var(--accent-line);border-radius:8px;margin-bottom:24px;}
.social-provider-options {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.social-provider-options > button {display:flex;align-items:center;gap:12px;text-align:left;min-width:0;padding:16px;border:1px solid var(--line);border-radius:8px;background:#fff;}
.social-provider-options > button:enabled:hover {border-color:var(--accent);background:var(--accent-pale);}
.social-provider-options > button:disabled {opacity:1;background:var(--soft);color:var(--muted);cursor:not-allowed;}
.social-provider-options > button > span:not(.platform):not(.tag) {min-width:0;flex:1;}
.social-provider-options b {font-size:13px;display:block;}
.social-provider-options small {font-size:11px;display:block;margin-top:5px;line-height:1.6;color:var(--muted);}
.social-provider-options .tag {flex-shrink:0;}
.ch-admin-intro {display:flex;justify-content:space-between;align-items:center;gap:16px;margin:20px 0 26px;}
.ch-admin-intro h3 {font-size:15px;margin:0 0 8px;}
.ch-admin-intro p {font-size:12px;color:var(--muted);margin:0;}
.social-developer-details > summary {cursor:pointer;font-size:14px;padding:16px 0;font-weight:600;}
.social-developer-details > section {padding-top:16px;}
.social-account-center .wa-connect-panel,.wa-setup {margin-top:24px;}
.inbox-account-filter {display:flex;align-items:center;min-width:0;gap:8px;border:1px solid var(--line);border-radius:8px;padding:0 10px;background:#fff;}
.inbox-account-filter > span {color:var(--muted);font-size:12px;white-space:nowrap;}
.inbox-account-filter select {border:0;background:transparent;max-width:235px;min-width:100px;height:34px;font-size:12px;color:var(--ink);}
.top-navigation .chat-workspace-head {gap:12px;}
.top-navigation .chat-workspace-controls {min-width:0;}
.top-navigation .chat-channel-title h2 span {display:none;}
.conversation-context small {overflow-wrap:anywhere;}
.publishing-readiness {display:flex;align-items:center;gap:12px;padding:0 0 18px;font-size:12px;color:var(--muted);line-height:1.8;}
.publishing-readiness > span:nth-child(2) {flex:1;}
.post-body-summary {display:block;font-size:12px;color:var(--muted);margin-top:6px;line-height:1.6;overflow:hidden;text-overflow:ellipsis;max-width:38ch;white-space:nowrap;}
.publishing-page .post-cell {max-width:400px;}
.post-account-pending {font-size:12px;color:var(--muted);}
.publishing-account-section h3 {margin:0;font-size:16px;}
.publishing-account-section .section-heading p {margin:8px 0;color:var(--muted);font-size:12px;}
.publishing-account-list {border:1px solid var(--line);border-radius:8px;background:#fff;overflow:hidden;}
.publishing-account-list article {display:grid;grid-template-columns:minmax(210px,1.5fr) 120px minmax(200px,1.2fr) auto;gap:18px;align-items:center;padding:20px;}
.publishing-account-list article + article {border-top:1px solid var(--line);}
.publishing-account-list article > .tag {justify-self:start;}
.publishing-account-list article > p {font-size:12px;color:var(--muted);line-height:1.7;}
.post-account-context {padding:14px 16px;border:1px solid var(--line);border-radius:8px;background:var(--soft);margin-bottom:20px;}
.post-account-title {display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;}
.post-account-context p {font-size:12px;color:var(--muted);line-height:1.8;margin:8px 0;}
.post-account-context > small {font-size:11px;color:var(--muted);line-height:1.7;display:block;}
.post-account-unavailable {display:flex;align-items:center;gap:10px;padding:10px 0;}
.post-account-unavailable > span:nth-child(2) {flex:1;}
.post-account-unavailable b {font-size:12px;display:block;}
.post-account-unavailable small {font-size:11px;display:block;color:var(--muted);margin-top:4px;}
@media(max-width:1100px){
 .social-account-table-head,.social-account-row {grid-template-columns:minmax(170px,1.6fr) minmax(120px,1fr) 135px;gap:14px;}
 .social-account-table-head > span:nth-child(3),.social-account-row > .social-account-usage {display:none;}
 .inbox-account-filter select {max-width:190px;}
 .publishing-account-list article {grid-template-columns:minmax(190px,1fr) 120px auto;}
 .publishing-account-list article > p {grid-column:1/-1;grid-row:2;margin:0;}
}
@media(max-width:760px){
 .social-account-center .ch-page-head {align-items:flex-start;flex-direction:column;gap:13px;}
 .social-page-actions {width:100%;}
 .social-page-actions > .ch-text-action {margin-right:auto;}
 .social-page-description {font-size:12px;margin-top:13px;margin-bottom:16px;}
 .social-platform-filter {gap:20px;margin-bottom:14px;}
 .social-account-table-head {display:none;}
 .social-account-row {grid-template-columns:1fr auto;gap:15px;padding:17px 14px;}
 .social-account-row > .social-account-identity {grid-column:1/-1;}
 .social-account-identity b {font-size:14px;}
 .social-row-actions {gap:6px;}
 .social-account-details {padding:15px 14px;}
 .social-add-panel {padding:16px 13px;}
 .social-provider-options {grid-template-columns:1fr;}
 .social-provider-options > button {padding:13px 10px;gap:10px;}
 .social-provider-options .tag {font-size:10px;}
 .ch-admin-intro {flex-wrap:wrap;}
 .top-navigation .chat-workspace-head {display:grid;grid-template-columns:1fr;padding:10px 12px;gap:8px;}
 .top-navigation .inbox-channel-mobile {display:block;}
 .top-navigation .chat-workspace-controls {width:100%;gap:8px;}
 .top-navigation .manage-chat-accounts {padding-inline:10px;}
 .top-navigation .manage-chat-accounts > span {display:none;}
 .inbox-account-filter {flex:1;min-width:0;padding-inline:8px;gap:5px;}
 .inbox-account-filter select {width:100%;max-width:none;min-width:0;height:36px;}
 .top-navigation .inbox-owner-filter {flex:0 0 110px;min-width:0;}
 .top-navigation .inbox-owner-filter select {width:100%;min-width:0;}
 .top-navigation .inbox-workspace.is-chat .chat-workspace-head {display:none;}
 .publishing-readiness {flex-wrap:wrap;gap:8px;}
 .publishing-readiness > span:nth-child(2) {flex-basis:70%;}
 .publishing-account-list article {padding:16px 14px;grid-template-columns:1fr auto;gap:14px;}
 .publishing-account-list article > .social-account-identity {grid-column:1/-1;}
 .publishing-account-list article > p {grid-row:3;}
 .post-account-title {gap:6px;}
 .post-body-summary {max-width:27ch;font-size:11px;}
 .post-account-unavailable {flex-wrap:wrap;}
 .social-empty {padding:32px 18px;}
}