/* Branding switches as one unit, including the mobile drawer. */

:root[data-palette] body .brand.has-wordmark>.brand-symbol{display:none}

:root[data-palette] body.sidebar-compact .brand>.brand-symbol{display:inline-flex}

@media(max-width:760px){

 :root[data-palette] body .brand>.brand-symbol{display:inline-flex}

 :root[data-palette] body.sidebar-mobile-open .brand.has-wordmark>.brand-symbol{display:none}

}

/* Each day owns its scroll area; cards never compete for a fixed height. */

.calendar .day{display:flex;flex-direction:column;height:auto;max-height:340px;min-height:110px;overflow:hidden}

.calendar.week .day{height:auto;min-height:180px;max-height:600px}

.day .day-header{flex:none;background:transparent}

.day-publications{min-height:0;overflow-y:auto;overscroll-behavior:auto;scrollbar-width:thin;padding:0 2px 3px;flex:0 1 auto;max-height:280px}

.calendar .event{flex:none;min-height:104px;margin-top:6px;padding:8px;gap:4px}

.calendar .event-caption{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.8em;font-size:14px;line-height:1.4;overflow:hidden}

.calendar .event-account{display:flex;align-items:center;white-space:normal;line-height:1.35;font-size:14px;min-height:1.35em;margin-top:0;overflow-wrap:anywhere}

.calendar .event-account .ph{flex:none}

.calendar .event-time{flex-wrap:nowrap;white-space:nowrap;font-size:14px}

.calendar .event-time>.ph:last-child{display:block;margin-left:auto}

:root[data-palette] .content-tabs,:root[data-theme=dark] .content-tabs{background:transparent;border:0;box-shadow:none;padding:0}

.job-detail{width:min(760px,calc(100vw - 32px));padding:28px;max-height:92dvh}

.job-detail-status{display:flex;gap:12px;align-items:center;margin:0 44px 12px 0}

.job-detail-status button{padding:7px 12px}

.job-detail-date{color:var(--muted);font-size:14px}

.job-detail .social-preview{background:var(--surface,#fff);border:1px solid var(--line);border-radius:14px;overflow:hidden}

.job-detail .social-preview-header{padding:18px}

.job-detail .caption-preview{padding:0 18px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65}

.job-detail img.preview,.job-detail video.preview{display:block;width:100%;max-height:560px;object-fit:contain;background:var(--surface-raised)}

.job-detail .preview-network-footer{padding:15px 18px;border-top:1px solid var(--line);color:var(--muted)}

.job-detail .first-comment-preview{padding:16px 18px;border-top:1px solid var(--line)}

.job-detail .automatic-link-card{margin:0 18px 18px}

.job-detail-flow{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:14px;margin:16px 0 0}

.job-reschedule{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto auto;align-items:end;gap:10px;padding:14px;background:var(--soft);border-radius:12px;margin-bottom:14px}

.job-reschedule[hidden]{display:none}.job-reschedule label{margin:0;min-width:0}.job-reschedule input,.job-reschedule .delivery-date-button{margin:6px 0 0;width:100%;height:42px}

.job-reschedule [role=alert]{grid-column:1/-1;margin:0}.job-reschedule [role=alert]:empty{display:none}

:root[data-theme=dark] .job-detail .social-preview{background:var(--surface-raised)}

.flow-wizard{width:min(1200px,calc(100vw - 40px));max-width:none;max-height:94dvh;padding:32px}

.flow-edit-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:24px;align-items:start}

.flow-editor-column{min-width:0}.flow-preview-column{position:sticky;top:0;background:var(--surface-raised);padding:18px;border:1px solid var(--line);border-radius:14px;min-width:0}

.flow-preview-column .preview-toolbar{display:flex;gap:10px;align-items:center;margin-bottom:14px}.flow-preview-column select{flex:1;min-width:0;margin:0}.flow-preview-column .segmented{display:flex;flex:none}

.flow-preview-column .social-preview{border:1px solid var(--line);border-radius:14px;background:var(--surface,#fff);overflow:hidden;max-width:100%;margin:auto}

.flow-preview-column .social-preview-header{padding:16px}.flow-preview-column .caption-preview{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;padding:0 16px;max-height:300px;overflow:auto}

.flow-preview-column img.preview{width:100%;max-height:380px;object-fit:contain;display:block}.flow-preview-column .automatic-link-card{margin:0 16px 16px}.flow-preview-column .first-comment-preview,.flow-preview-column .preview-network-footer{padding:14px 16px;border-top:1px solid var(--line)}

.flow-preview-column .preview-mobile{max-width:350px}

.flow-entry.is-active{border-color:var(--accent)}

.flow-account-choices{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px;padding:0;border:0}.flow-account-choices legend{margin-bottom:10px;font-weight:500}

.flow-account-choice{display:flex;gap:8px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:10px;background:var(--network-bg,var(--surface));font-size:14px;margin:0;cursor:pointer}.flow-account-choice input{width:16px;height:16px;margin:0;flex:none}.flow-account-choice:has(input:checked){border-color:var(--accent)}

.flow-account-choice .ph{font-size:21px}.flow-account-choice span{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.flow-wizard .entry-fields{background:var(--soft)}.flow-wizard .entry-fields>label{padding:12px;background:var(--surface,#fff);border-radius:10px;margin:0 0 12px}.flow-wizard .entry-fields textarea{min-height:100px}.flow-wizard .entry-fields .comment-field{height:70px;min-height:70px}

.flow-wizard .wizard-footer{position:sticky;bottom:-32px;background:var(--surface,#fff);padding:18px 0;margin-top:24px;border-top:1px solid var(--line)}

:root[data-theme=dark] .flow-preview-column .social-preview,:root[data-theme=dark] .flow-wizard .entry-fields>label,:root[data-theme=dark] .flow-wizard .wizard-footer{background:var(--surface-raised)}

@media(max-width:1000px){.flow-edit-layout{grid-template-columns:1fr}.flow-preview-column{position:static}.job-reschedule{grid-template-columns:1fr 1fr}.flow-wizard{width:calc(100vw - 24px);padding:20px}.flow-wizard .wizard-footer{bottom:-20px}.calendar .event{padding:7px;min-height:104px}}



@media(max-width:760px){main,main>section,.content-toolbar,.content-tools,.content-tools>.row{min-width:0;max-width:100%}.post-grid{grid-template-columns:minmax(0,1fr)}.content-toolbar .inline-select{min-width:0}.content-toolbar .row>select{min-width:0;max-width:100%}}

@media(max-width:760px){.content-toolbar .content-tools>.row{display:grid;grid-template-columns:minmax(0,1fr);width:100%}.content-toolbar .inline-select{width:100%;justify-content:space-between}.content-toolbar .inline-select select{width:auto;flex:1;min-width:0}.content-toolbar .row>select{width:100%}}



/* Connection catalogue and connected identities share one responsive rhythm. */

.connections-heading,.accounts-heading{margin:8px 0 20px;display:flex;align-items:center;gap:16px}

.connections-heading h2,.accounts-heading h2{font-size:22px;line-height:1.3;margin:0;padding-left:15px;position:relative}

.connections-heading h2:before,.accounts-heading h2:before{content:"";position:absolute;left:0;top:2px;bottom:2px;width:4px;border-radius:3px;background:var(--accent)}

.network-connections{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-bottom:32px;}

.network-connections .network-connect-card{display:flex;flex-direction:column;gap:14px;padding:20px;border-radius:16px;min-width:0;box-shadow:0 3px 12px #182e4010}

.network-connect-card h3{display:flex;align-items:center;gap:12px;font-size:18px;margin:0 0 6px;color:var(--ink)}

.connection-network-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex:none}

.connection-network-icon .ph{font-size:32px}

.network-connect-card>.button,.network-connect-card>button,.network-connect-card .instagram-paths .button{width:100%;justify-content:center;min-height:42px;padding:9px 10px;border:1px solid transparent;background:var(--soft);color:var(--ink);font-size:14px}

.network-connect-card>.button:hover,.network-connect-card>button:hover,.network-connect-card .instagram-paths .button:hover{background:var(--hover);border-color:var(--accent)}

.network-connect-card>.button,.network-connect-card>button{margin-top:auto}

.network-connect-card .instagram-paths{display:grid;gap:8px;margin-top:auto}.network-connect-card .instagram-paths .button{background:var(--surface,#fff);border-color:var(--line)}

.network-connect-card .instagram-help{font-size:13px;margin:0}.network-connect-card .instagram-help p{font-size:14px;line-height:1.5}.network-connect-card>small{font-size:13px;line-height:1.4;margin:0}

.accounts-heading{justify-content:space-between;flex-wrap:wrap}.connected-total{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:30px;background:var(--surface,#fff);padding:8px 14px;font-size:14px}.connected-total>span{width:8px;height:8px;background:#209653;border-radius:50%}

.connected-accounts-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}

.connected-accounts-grid .account-card{background:linear-gradient(155deg,var(--network-bg,var(--soft)),var(--surface,#fff) 68%);padding:20px;border:1px solid var(--line);border-radius:16px;min-width:0;display:flex;flex-direction:column;box-shadow:0 3px 12px #182e400b}

.connected-accounts-grid .account-title{margin-bottom:18px}.connected-accounts-grid .account-title>.social-icon{background:transparent;padding:0;width:36px;height:36px}.connected-accounts-grid .social-icon .ph{font-size:32px}

.connected-accounts-grid .account-card h2{font-size:19px;line-height:1.35;overflow-wrap:anywhere;margin:0 0 6px}.connected-accounts-grid .account-card>p{font-size:14px;margin:0 0 16px}.connected-accounts-grid dl{border:0;padding:0;margin:8px 0 20px;font-size:13px}.connected-accounts-grid dt{font-size:13px}.connected-accounts-grid dd{margin:5px 0 0;font-size:14px}.connected-accounts-grid .row{margin-top:auto;gap:8px;flex-wrap:wrap}.connected-accounts-grid .row>button,.connected-accounts-grid .row>.button{flex:1;padding:9px 10px;font-size:14px}

.connection-active{display:inline-flex;gap:5px;align-items:center;color:#267d3e;background:#e6f5e8;border-radius:30px;font-size:12px}.connection-active .ph{font-size:15px}.connection-inactive{border-radius:30px;font-size:12px}

.network-facebook .connection-network-icon,.network-facebook .account-title>.social-icon{color:#1877f2}.network-instagram .connection-network-icon,.network-instagram .account-title>.social-icon{color:#df2780}.network-threads .connection-network-icon,.network-threads .account-title>.social-icon,.network-x .connection-network-icon{color:var(--ink)}.network-linkedin .connection-network-icon,.network-linkedin .account-title>.social-icon{color:#0a85be}.network-pinterest .connection-network-icon{color:#e60023}.network-youtube .connection-network-icon{color:#f00000}.network-telegram .connection-network-icon{color:#229ed9}.network-wordpress .connection-network-icon{color:#21759b}.network-tiktok .connection-network-icon{color:var(--ink)}

:root[data-theme=dark] .network-connect-card .instagram-paths .button,:root[data-theme=dark] .connected-total{background:var(--surface-raised)}

:root[data-theme=dark] .connected-accounts-grid .account-card{background:linear-gradient(155deg,var(--network-bg,var(--soft)),var(--surface-raised) 75%)}

:root[data-theme=dark] .connection-active{color:#9ee9ad;background:#193c2b}

@media(max-width:760px){.network-connections,.connected-accounts-grid{grid-template-columns:minmax(0,1fr)}.network-connections .network-connect-card,.connected-accounts-grid .account-card{padding:18px}.connections-heading h2,.accounts-heading h2{font-size:20px}.connected-total{font-size:13px}}



.network-connect-card.network-facebook,.account-card.network-facebook{--network-bg:#edf5ff}.network-connect-card.network-instagram,.account-card.network-instagram{--network-bg:#fff0f7}.network-connect-card.network-threads,.account-card.network-threads{--network-bg:#f1eef8}.network-connect-card.network-linkedin,.account-card.network-linkedin{--network-bg:#edf7fc}.account-card.network-pinterest{--network-bg:#fff0f1}.account-card.network-youtube{--network-bg:#fff2ef}.account-card.network-telegram{--network-bg:#edf8ff}.account-card.network-wordpress{--network-bg:#eff7fb}.account-card.network-tiktok{--network-bg:#f0f8f8}

:root[data-theme=dark] .account-card.network-facebook{--network-bg:#1c2d43}:root[data-theme=dark] .account-card.network-instagram{--network-bg:#352338}:root[data-theme=dark] .account-card.network-threads{--network-bg:#2d283d}:root[data-theme=dark] .account-card.network-linkedin{--network-bg:#1d3039}:root[data-theme=dark] .account-card.network-pinterest,:root[data-theme=dark] .account-card.network-youtube{--network-bg:#382629}:root[data-theme=dark] .account-card.network-telegram,:root[data-theme=dark] .account-card.network-wordpress,:root[data-theme=dark] .account-card.network-tiktok{--network-bg:#203539}



:root[data-palette] .network-connections .network-connect-card>.button,:root[data-palette] .network-connections .network-connect-card>button{background:var(--soft);border-color:transparent}:root[data-palette] .network-connections .network-connect-card>.button:hover,:root[data-palette] .network-connections .network-connect-card>button:hover{background:var(--hover);border-color:var(--accent)}

.network-connections .network-connect-card.network-tiktok .connection-network-icon{color:var(--ink)}



.wordpress-network-logo{width:32px;height:32px;display:block}:root[data-theme=dark] .wordpress-network-logo{filter:invert(1)}

.calendar .event-account{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:2.7em;overflow:hidden}.calendar .event-account .ph{display:inline-block;vertical-align:middle;margin-right:3px;font-size:17px}



/* Keep notes and posts in document order and let wheel/touch chain to the page. */

.day .day-header{order:0;margin-bottom:4px}

.day .day-publications{order:1;flex:0 1 auto}

.day-publications .calendar-note{margin:4px 0;flex:none}

.flow-entry>summary{cursor:grab;user-select:none}.flow-entry>summary:active{cursor:grabbing}

.flow-entry .entry-fields{cursor:auto;user-select:text}

.flow-entry-actions{display:flex;gap:8px;align-items:center;position:relative}

.flow-entry-actions>button{display:grid;place-items:center;width:38px;height:38px;min-width:38px;min-height:38px;padding:0}

.flow-entry-actions>button .ph{font-size:21px}

.flow-remove-confirm{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:0 4px 16px #0002;position:absolute;bottom:46px;left:0;z-index:3;white-space:nowrap}

.flow-remove-confirm button{padding:6px 10px;font-size:14px}

.network-connections{align-items:start}

.network-connect-card>.button,.network-connect-card>button,.network-connect-card .instagram-paths{margin-top:0}

:root[data-theme=dark] .global-search-trigger kbd{background:var(--surface-raised);color:var(--muted);border:1px solid var(--line)}

.card>img{background:transparent}

.tags:empty{display:none}.tags{min-height:0}

.card-meta{margin:5px 0}.post-card .body{gap:8px}.post-card .body .card-meta{margin-top:5px}

@media(max-width:760px){

 :root[data-palette] body:not(.sidebar-mobile-open) .brand.has-wordmark>.brand-symbol{display:inline-flex}

 :root[data-palette] body.sidebar-mobile-open .sidebar .brand{justify-content:flex-start;flex-wrap:nowrap;padding:0 36px 16px 0;min-height:54px;gap:8px}

 :root[data-palette] body.sidebar-mobile-open .sidebar .sidebar-collapse{position:absolute;right:14px;top:22px;margin:0}

 :root[data-palette] body.sidebar-mobile-open .sidebar .brand-wordmark{max-width:192px}

}



/* Content determines each week height; empty weeks stay compact. */

.calendar{grid-auto-rows:auto;align-items:stretch;height:auto;min-height:0}

.calendar.week .day-publications{max-height:540px}

.drag-slot{flex:none;border:2px dashed var(--accent);border-radius:12px;background:var(--soft);pointer-events:none;min-height:44px;box-sizing:border-box}

.flow-drop-slot{margin:8px 0}.flow-entry.drag-source{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px;overflow:hidden}

.calendar-drop-slot{margin:6px 0}.calendar .day.drop-target{outline:1px solid var(--accent);outline-offset:-1px}

.comment-retry-text{white-space:pre-wrap;overflow-wrap:anywhere;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--soft)}





/* Attention links share one destination; review stays within its history row. */

.queue-account{display:inline-flex;align-items:center;gap:6px}.queue-account i{flex-shrink:0;font-size:20px}

.queue-attention-row>td{background:color-mix(in srgb,var(--accent,#ff6500) 5%,var(--surface,#fff))}.queue-attention-row>td:first-child{box-shadow:inset 3px 0 var(--accent,#ff6500)}

.queue-comment-review>td{padding:12px 18px}.comment-review-form{max-width:760px}.comment-review-form .comment-retry-text{margin:10px 0;padding:12px;border:1px solid var(--line);border-radius:10px;overflow-wrap:anywhere;white-space:pre-wrap}.comment-review-form [role=status]:empty{display:none}

.flow-drop-slot{pointer-events:auto}



.flow-entry>summary{touch-action:none}



.event-draft{border-style:dashed;background:var(--surface);}.event-draft .badge{font-size:12px;}.calendar-draft-list{display:grid;gap:8px;}.calendar-draft-list:empty{display:none;}



.discard-confirm{width:min(420px,calc(100vw - 32px));padding:24px;}.discard-confirm h2{font-size:20px;margin:0 0 22px;}.discard-confirm .actions{gap:10px;justify-content:flex-end;}.discard-confirm .danger{background:#b52d36;color:#fff;}

:root[data-theme=dark] .event-draft{background:var(--surface-raised);}.event-draft .event-account{display:flex;flex-wrap:wrap;gap:3px;max-height:42px;overflow:hidden;}



.flow-entry.flow-drag-ghost{position:fixed!important;z-index:10000;pointer-events:none!important;opacity:.64!important;margin:0!important;max-height:240px;overflow:hidden;box-shadow:0 14px 36px #0002;transform:rotate(.5deg);contain:layout paint}



.publication-kind-tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin-bottom:18px;padding-bottom:10px}

.publication-kind-tabs button{display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;padding:5px 10px;color:var(--ink)}

.publication-kind-tabs button[aria-pressed=true]{background:color-mix(in srgb,var(--accent) 8%,var(--surface));color:var(--accent)}

.destination-option.format-unavailable{opacity:.4}

.destination-option.format-unavailable .account-report{display:none}

.social-preview.preview-kind-story{max-width:360px;margin-inline:auto;position:relative;background:#151719;color:#fff;min-height:420px;border-radius:18px;overflow:hidden}

.preview-kind-story .social-preview-header{color:#fff;background:#151719;padding-top:24px}

.preview-kind-story::before{content:'';position:absolute;top:10px;left:12px;right:12px;height:3px;border-radius:3px;background:#ffffffb3}

.preview-kind-story img.preview,.preview-kind-story video.preview{width:100%;height:auto;max-height:640px;aspect-ratio:9/16;object-fit:contain;background:#151719}

.preview-kind-reel video.preview{max-height:560px;aspect-ratio:9/16;width:100%;object-fit:contain;background:#151719}

@media(max-width:600px){.publication-kind-tabs button{padding:5px 10px;gap:4px;font-size:14px}}



.day-publications{position:relative}

@media(max-width:760px){

 :root[data-palette] body:not(.sidebar-mobile-open) .sidebar{padding-top:8px}

 :root[data-palette] body:not(.sidebar-mobile-open) .sidebar .brand{min-height:40px;padding-bottom:5px}

 :root[data-palette] body:not(.sidebar-mobile-open) .sidebar .sidebar-collapse{margin-bottom:5px;height:30px}

 :root[data-palette] body:not(.sidebar-mobile-open) .sidebar .create-button{margin-bottom:7px;height:40px;width:40px}

 :root[data-palette] body:not(.sidebar-mobile-open) .sidebar nav{gap:2px;margin-bottom:5px}

 :root[data-palette] body:not(.sidebar-mobile-open) .sidebar nav button{height:clamp(36px,6.3dvh,43px);min-height:0;padding:0}

 :root[data-palette] body:not(.sidebar-mobile-open) .sidebar .nav-label{margin:0}

 :root[data-palette] body:not(.sidebar-mobile-open) .sidebar-bottom{padding-top:4px}

 :root[data-palette] body:not(.sidebar-mobile-open) .sidebar .profile{padding-block:5px}

}



@media(min-width:1101px){.workspace-narrow>.top,.workspace-narrow>#content,.workspace-narrow>.preview-banner,.workspace-narrow>.notice{max-width:1150px;margin-inline:auto}}