/* Publication is a workspace page. The planning editor can still use a dialog. */
#modalBackdrop.content-editor-page {position:static;inset:auto;z-index:auto;display:block;width:100%;padding:20px clamp(18px,2.5vw,40px) 0;background:transparent;backdrop-filter:none;box-sizing:border-box;overflow:visible;overscroll-behavior:auto}
#modalBackdrop.content-editor-page[hidden],#view[hidden],[data-publication-queue-nav][hidden] {display:none!important}
#modalBackdrop.content-editor-page .post-composer-modal {width:100%;max-width:1600px;max-height:none;overflow:visible;overscroll-behavior:auto;scrollbar-gutter:auto;margin:0 auto;padding:0;background:transparent;box-shadow:none;border:0;border-radius:0}
.content-editor-page #modalClose {position:static;display:block;width:auto;font-size:13px;font-weight:600;padding:0 0 22px;color:var(--muted);background:transparent}
.content-editor-page #modalTitle {font-size:26px;margin:6px 0;letter-spacing:-1px;outline:none}
.content-editor-page .modal>p {font-size:13px;margin-bottom:18px;line-height:1.6}
.content-editor-page .composer-layout {grid-template-columns:minmax(0,1fr) minmax(260px,300px);gap:20px}
.content-editor-page .post-composer .composer-publication-panel:not([hidden]) {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.content-editor-page .composer-step {padding:16px!important;background:var(--surface);border:1px solid var(--line);border-radius:14px}
.content-editor-page .composer-identity {grid-column:1/-1;display:grid;grid-template-columns:1fr 1.2fr .8fr;gap:0 18px}
.content-editor-page .composer-identity h3 {grid-column:1/-1}
.content-editor-page .composer-identity>label {margin:0!important}
.content-editor-page .composer-copy-column {grid-column:1;min-width:0}
.content-editor-page .composer-assets-column {grid-column:2;min-width:0;display:flex;flex-direction:column;gap:16px}
.content-editor-page .composer-caption-section {align-self:start}
.content-editor-page .composer-media-section {min-width:0}
.content-editor-page .composer-destination {min-width:0}
.content-editor-page .composer-review {grid-column:1/-1}
.content-editor-page .composer-review p {margin:8px 0;font-size:13px;line-height:1.5}
.content-editor-page #contentCaption {min-height:210px;height:210px;width:100%;resize:vertical;font-size:15px;line-height:1.65}
.content-editor-page .composer-destination .composer-step {padding:0!important;border:0;border-radius:0}
.content-editor-page .composer-destination .composer-step h3 {display:none}
.content-editor-page .composer-platforms {margin:0 0 14px}
.content-editor-page .composer-step label {font-size:12px;font-weight:500}
.content-editor-page .composer-step input,.content-editor-page .composer-step select {height:44px}
.content-editor-page .composer-step input[type=file] {height:auto;min-height:84px;padding:20px 12px;border:1px dashed var(--muted);background:var(--surface-muted);white-space:normal;font-size:12px}
.content-editor-page .composer-media-section input[type=file] {min-height:62px;padding:10px 12px}
.content-editor-page .composer-media-section>label {margin:6px 0!important}
.content-editor-page .composer-destination .flow-account {font-size:12px;margin:6px 0}
.content-editor-page .composer-destination .flow-publish-intent {margin:12px 0}
.content-editor-page input[type=file]::file-selector-button {border:0;border-radius:7px;padding:8px 10px;margin-right:8px;background:var(--surface);color:var(--ink);cursor:pointer}
.content-editor-page .flow-publish-intent input {width:18px;height:18px}
.content-editor-page .composer-preview {position:sticky;top:92px;padding:0}
.content-editor-page .composer-preview h3 {font-size:14px}
.content-editor-page .composer-actions {position:fixed;bottom:0;left:246px;right:0;z-index:20;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;margin:0;padding:16px clamp(18px,3vw,54px);background:var(--surface);border-top:1px solid var(--line);box-shadow:0 -4px 20px #18305208}
#modalBackdrop.content-editor-page {padding-bottom:110px}
.app-shell.sidebar-collapsed .content-editor-page .composer-actions {left:76px}
.content-editor-page .composer-identity h3 {display:none}
.content-editor-page .composer-destination {display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.content-editor-page .composer-destination>h3,.content-editor-page .composer-destination>.composer-platforms,.content-editor-page .composer-destination>p,.content-editor-page .composer-destination>small,.content-editor-page .composer-destination>.flow-publish-intent {grid-column:1/-1}
.content-editor-page .composer-destination>.composer-step {margin-top:0}
.content-editor-page .composer-destination>.composer-step>label {margin-top:12px}
.content-editor-page .composer-destination>.composer-step,.content-editor-page .composer-destination>label {align-self:start}
.content-editor-page .composer-actions>span {margin-right:auto;max-width:360px}
.content-editor-page .composer-actions button {width:auto!important;margin:0!important;height:auto!important;min-height:44px;white-space:normal;padding:12px 18px;line-height:1.3}
.content-editor-page .composer-actions #contentSubmit {background:var(--surface);color:var(--ink);border:1px solid var(--line)}
.content-editor-page .post-composer .advanced-publish-options {margin-top:20px}
.home-create-actions {display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}
.home-create-actions button {min-height:44px}
html .reference-client-cover {background:linear-gradient(115deg,#195782,#247da3)!important;transition:filter .15s,box-shadow .15s;text-align:left}
html .reference-client-cover:hover {filter:brightness(1.1);box-shadow:0 4px 18px #12578c24}
html .reference-client-cover:focus-visible {outline:3px solid #2f83e4;outline-offset:3px}
html .reference-client-card .client-planning-open,html .client-card .client-planning-open {background:#eaf3ff!important;color:#155aa6!important;border:1px solid #b9d6fa!important;font-weight:700}
html .client-card .client-planning-open:hover {background:#d9eaff!important}
html[data-theme=dark] .client-card .client-planning-open {background:#15334e!important;color:#b9ddff!important;border-color:#305a7b!important}
.sidebar .nav-label {border-radius:6px;padding:9px 12px!important;font-weight:700;letter-spacing:1px}
.sidebar .nav-label-agency {color:#b44419;background:color-mix(in srgb,#ee6830 9%,transparent)}
.sidebar .nav-label-operation {color:#296694;background:color-mix(in srgb,#318ac7 10%,transparent);margin-top:22px!important}
.sidebar .nav-label-settings {color:var(--muted);background:var(--surface-muted);margin-top:22px!important}
.sidebar [data-view=automations] .icon,.sidebar [data-view=inbox] .icon,.sidebar [data-view=ai] .icon {color:#377ca5}
.sidebar .nav-item.active .icon {color:inherit}
#detailModal .publication-navigation {align-items:center;gap:16px}
#detailModal .publication-counter {white-space:nowrap;min-width:48px;text-align:center}
@media(max-width:1180px){
 .content-editor-page .composer-layout {grid-template-columns:minmax(0,1fr) 260px;gap:20px}
 .content-editor-page .post-composer .composer-publication-panel:not([hidden]) {display:flex;flex-direction:column}
 .content-editor-page .composer-publication-panel>.composer-step,.content-editor-page .composer-copy-column,.content-editor-page .composer-assets-column {width:100%;box-sizing:border-box}
 .content-editor-page .composer-identity {grid-template-columns:1fr 1fr}
 .content-editor-page .composer-identity>label:nth-child(3) {grid-column:1/-1;order:1;margin-top:12px!important}
 .content-editor-page #contentCaption {min-height:160px;height:180px}
}
@media(max-width:800px){
 #modalBackdrop.content-editor-page {padding:22px 16px 0}
 #modalBackdrop.content-editor-page .post-composer-modal {width:100%;padding:0}
 .content-editor-page .composer-layout {grid-template-columns:minmax(0,1fr)}
 .content-editor-page .composer-preview {position:static}
 .content-editor-page #modalTitle {font-size:26px}
 .content-editor-page .composer-actions {flex-direction:row}
 .content-editor-page .composer-actions>span {width:100%;max-width:none}
 .content-editor-page .composer-actions button {flex:1}
 .content-editor-page .composer-step {padding:16px!important}
}
@media(max-width:720px){.content-editor-page .composer-actions,.app-shell.sidebar-collapsed .content-editor-page .composer-actions {left:0;padding:12px 16px}#modalBackdrop.content-editor-page{padding-bottom:150px}}

/* Page scrolling must reach the document; containment belongs to dialogs only. */
#modalBackdrop.content-editor-page .modal-close {position:absolute;top:0;right:0;padding:0 0 8px;font-size:12px}
.content-editor-page .composer-preview-media {overscroll-behavior:auto}
.content-editor-page .composer-preview {top:82px}
.content-editor-page .composer-preview .composer-social-preview {max-width:300px;margin-inline:auto}
.content-editor-page .composer-preview [data-preview-caption] {max-height:120px;overflow:auto;overscroll-behavior:auto}
.content-editor-page .advanced-options-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.content-editor-page .advanced-options-grid textarea {min-height:76px;height:76px;font-size:13px;line-height:1.5}
.content-editor-page .advanced-options-grid label {min-width:0;margin:0}
.content-editor-page .advanced-options-grid .check-option {display:flex;align-items:center;gap:8px;min-height:28px}
.content-editor-page .advanced-options-grid input[type=checkbox] {width:16px;height:16px;flex:none}
.content-editor-page .advanced-note {font-size:11px;line-height:1.5;margin-bottom:0}
.content-editor-page .composer-review h3 {font-size:13px;margin-bottom:8px}
.content-editor-page .composer-review .publication-lock {padding:8px 10px}
@media(min-width:1181px) and (max-height:850px){
 .content-editor-page .composer-layout {grid-template-columns:minmax(0,1fr) 260px}
 .content-editor-page .composer-preview .composer-social-preview {max-width:260px}
}
@media(max-width:800px){.content-editor-page .composer-preview {position:static}.content-editor-page .advanced-options-grid {grid-template-columns:1fr}.content-editor-page #modalTitle {padding-right:64px}}