/* Posting composer: scoped to intake and review, never Calendar. */
#app .posting-intake-workspace { gap:24px; padding-bottom:24px; }
#app .posting-intake-heading h1 { font-size:32px; }
#app .posting-profile-toolbar { display:flex; flex-wrap:wrap; align-items:center; gap:12px; padding:0 0 20px; }
#app .posting-profile-toolbar > label { width:100%; }
#app .posting-profile-toolbar > select { flex:0 1 420px; min-width:180px; min-height:48px; }
#app .posting-profile-actions { margin-left:0; }
#app .posting-profile-image { width:40px; height:40px; border-radius:50%; object-fit:cover; flex:none; }
#app .posting-profile-fallback { display:grid; place-items:center; background:var(--v2-fill); color:var(--v2-muted); }
#app .posting-intake-grid { display:grid; grid-template-columns:minmax(0,1.75fr) minmax(310px,1fr); gap:28px; align-items:start; }
#app .posting-connected-summary { display:block; padding:0 0 24px; border:0; }
#app .posting-connected-summary h2 { margin:0 0 12px; font-size:18px; }
#app .posting-account-pills { display:flex; flex-wrap:wrap; gap:8px; }
#app .posting-account-pill { display:flex; flex:1 1 145px; align-items:center; gap:9px; padding:12px; border:1px solid var(--v2-border-strong); border-radius:8px; color:var(--v2-white); background:var(--v2-slate); min-width:0; cursor:pointer; }
#app .posting-account-pill input { width:18px; height:18px; flex:none; accent-color:var(--v2-blue); }
#app .posting-account-pill span { min-width:0; }
#app .posting-account-pill strong { display:block; font-size:14px; }
#app .posting-account-pill small { display:block; font-size:13px; overflow-wrap:anywhere; color:var(--v2-muted); }
#app .posting-caption-choice { display:block; border-left:1px solid var(--v2-border-strong); padding:0 0 0 28px; background:transparent; }
#app .posting-caption-choice .posting-ai-option { display:flex; flex-wrap:wrap; font-size:16px; gap:10px; min-height:44px; }
#app .posting-caption-choice .posting-ai-option small { font-size:13px; font-weight:400; color:var(--v2-muted); }
#app #posting-caption-help { font-size:14px; margin:12px 0 24px; }
#app .posting-caption-options { display:flex; flex-wrap:wrap; align-items:start; gap:12px; border:0; padding:0; }
#app .posting-caption-options > label { flex:1; margin:0; }
#app .posting-instruction-help { flex:0 1 auto; font-size:14px; }
#app .posting-instruction-help summary { cursor:pointer; display:flex; align-items:center; gap:6px; min-height:32px; color:var(--v2-blue-light,var(--v2-blue)); }
#app .posting-instruction-help[open] { flex-basis:100%; }
#app .posting-instruction-help p { font-size:14px; line-height:1.6; margin:8px 0; }
#app #social-caption-context { width:100%; min-height:320px; font-size:15px; line-height:1.7; padding:16px; }
#app .posting-media-section { padding:0; background:transparent; border:0; }
#app .posting-media-section .dropzone, #app .posting-media-section .dropzone.is-compact { min-height:170px; padding:24px; margin:0 0 12px; }
#app .posting-media-section .dropzone svg { width:40px; height:40px; }
#app .posting-media-section .posting-browse-label { background:transparent; border:0; box-shadow:none; color:var(--v2-blue-light,var(--v2-blue)); padding:0; min-height:24px; }
#app .posting-media-section .queue-row { grid-template-columns:44px 104px minmax(0,1fr) 100px; gap:10px; padding:12px 0; }
#app .posting-media-section .wizard-media-button { width:104px; height:72px; }
#app .posting-row-order .num-badge { display:none; }
#app .posting-row-actions { gap:4px; }
#app .posting-intake-next { position:static; width:auto; margin:24px 0 0; padding:18px 0 0; border:0; border-top:1px solid var(--v2-border-strong); border-radius:0; box-shadow:none; background:transparent; }
#app .posting-intake-next strong { font-size:16px; }
#app .posting-intake-next p { font-size:14px; }
#app #posting-review-button[hidden] { display:none; }
#app #posting-generate-captions { font-size:16px; min-width:0; }
#app .posting-shared-field { display:grid; gap:8px; margin-bottom:16px; }
#app .posting-shared-field label span { display:block; font-weight:400; }
#app .posting-platform-details > summary { cursor:pointer; padding:16px 24px; min-height:44px; }
#app .posting-shared-field textarea { width:100%; font-size:15px; line-height:1.6; }
@media(max-width:1000px) {
 #app .posting-intake-grid { grid-template-columns:minmax(0,1fr); }
 #app .posting-caption-choice { border-left:0; border-top:1px solid var(--v2-border-strong); padding:20px 0 0; }
 #app #social-caption-context { min-height:240px; }
}
@media(max-width:600px) {
 #app .posting-profile-toolbar > select { flex:1; min-width:0; width:auto; }
 #app .posting-media-section .queue-row { grid-template-columns:44px 80px minmax(0,1fr); }
 #app .posting-media-section .wizard-media-button { width:80px; height:64px; }
 #app .posting-row-actions { grid-column:2 / -1; justify-content:flex-end; }
 #app .posting-intake-actions { width:100%; }
 #app .posting-account-pill { flex-basis:calc(50% - 8px); }
}

#app:has(.posting-intake-workspace) { max-width:1380px; }
#app .posting-connected-summary .posting-account-pills { gap:8px; }
#app .posting-connected-summary .posting-account-pill { padding:10px; border:1px solid var(--v2-border-strong)!important; background:var(--v2-slate)!important; }
#app .posting-connected-summary .posting-account-pill > span { margin:0; }
#app .posting-platform-icon { flex:none; width:22px; height:22px; }
html:not([data-theme="light"]) .posting-platform-icon { filter:invert(1); }
#app .posting-caption-choice p { margin-left:0; }
#app .posting-profile-fallback svg { width:22px; height:22px; }
#app .posting-intake-next { left:auto; right:auto; bottom:auto; transform:none; max-width:none; align-self:stretch; }
#app .posting-connected-summary .posting-account-pill { flex-basis:180px; }
#app .posting-media-section .dropzone.is-compact { flex-direction:column; justify-content:center; gap:8px; }
#app .posting-media-section .dropzone.is-compact #posting-upload-rules { display:block; }
@media(max-width:600px) { #app .posting-connected-summary .posting-account-pill { flex-basis:calc(50% - 8px); } }

#app .posting-connected-summary .posting-account-pill { flex-grow:0; flex-basis:calc(25% - 6px); }
#app .posting-media-section .dropzone.is-compact .posting-browse-label { margin-left:0; align-self:center; }
@media(max-width:1100px) { #app .posting-connected-summary .posting-account-pill { flex-basis:calc(50% - 4px); } }
#app .posting-intake-heading { margin-bottom:0; }
@media(max-width:600px) {
 #app .posting-media-section .queue-row { grid-template-columns:44px 80px minmax(0,1fr); grid-template-rows:auto auto; }
 #app .posting-media-section .posting-row-order { grid-column:1; grid-row:1; }
 #app .posting-media-section .wizard-media-button { grid-column:2; grid-row:1; }
 #app .posting-media-section .posting-video-info { grid-column:3; grid-row:1; min-width:0; }
 #app .posting-media-section .posting-row-actions { grid-column:2 / -1; grid-row:2; display:flex; width:auto; }
 #app .posting-media-section .qname { white-space:normal; overflow-wrap:anywhere; }
}

body:has(.posting-intake-workspace) #posting-workflow { max-width:1332px; width:calc(100% - 96px); }
@media(max-width:600px) { body:has(.posting-intake-workspace) #posting-workflow { width:calc(100% - 32px); } }