/* Social Publisher V1 — scoped workspace visual system. */
.social-publisher-workspace,.social-publisher-editor{width:100%;max-width:none;padding:0 0 36px;color:#29223d}
.social-publisher-heading,.social-publisher-editor-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin:0 0 22px}
.social-publisher-heading h1,.social-publisher-editor-heading h1{margin:0;color:#211a36;font-size:clamp(30px,3vw,42px);line-height:1.08;letter-spacing:-.045em}
.social-publisher-heading p:not(.social-publisher-eyebrow),.social-publisher-editor-heading p:not(.social-publisher-eyebrow){max-width:750px;margin:10px 0 0;color:#746c87;font-size:16px}
.social-publisher-eyebrow{margin:0 0 8px;color:#8d7aa9;font-size:11px;font-weight:800;letter-spacing:.13em}
.social-publisher-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:16px}.social-publisher-kpis article,.social-publisher-readiness,.social-publisher-list-panel,.social-publisher-calendar,.social-publisher-history,.social-publisher-editor-section,.social-publisher-preview,.social-publisher-readiness-card,.social-publisher-storefront-card{border:1px solid #e7e1f0;border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(73,52,113,.05)}.social-publisher-kpis article{padding:18px 20px}.social-publisher-kpis small{display:block;color:#837a95;font-size:12px;font-weight:750}.social-publisher-kpis strong{display:block;margin:7px 0 3px;font-size:28px;line-height:1;color:#29223d}.social-publisher-kpis p{margin:0;color:#938aa1;font-size:12px}
.social-publisher-readiness{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;padding:15px 18px;background:#faf8ff}.social-publisher-readiness strong{display:block;color:#40315c}.social-publisher-readiness p{margin:4px 0 0;color:#746c87;font-size:13px;line-height:1.45}.social-publisher-readiness.is-empty{border-color:#e4d7ff;background:#fcfaff}
.social-publisher-tabs{display:flex;gap:6px;width:max-content;max-width:100%;margin-bottom:16px;padding:5px;border:1px solid #e6e0ee;border-radius:13px;background:#fff}.social-publisher-tabs button{min-height:36px;padding:0 15px;border:0;border-radius:9px;background:transparent;color:#746c87;font-weight:750;cursor:pointer}.social-publisher-tabs button.is-active{background:#efe9ff;color:#6536d9}
.social-publisher-list-panel>header,.social-publisher-calendar>header,.social-publisher-history>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:21px 22px 16px;border-bottom:1px solid #eeeaf3}.social-publisher-list-panel h2,.social-publisher-calendar h2,.social-publisher-history h2,.social-publisher-readiness-card h2,.social-publisher-storefront-card h2{margin:0;color:#302746;font-size:19px}.social-publisher-list-panel header p,.social-publisher-calendar header p,.social-publisher-history header p{margin:5px 0 0;color:#827990;font-size:13px}.social-publisher-list-panel header>span,.social-publisher-calendar header>span{color:#786c8f;font-size:13px;font-weight:750}.social-publisher-list-controls{display:flex;gap:10px;padding:15px 22px;border-bottom:1px solid #f0ecf4}.social-publisher-list-controls label{flex:1}.social-publisher-list-controls input,.social-publisher-list-controls select,.social-publisher-editor input,.social-publisher-editor textarea,.social-publisher-editor select{box-sizing:border-box;width:100%;border:1px solid #ded7e8;border-radius:10px;background:#fff;color:#332b45;font:inherit}.social-publisher-list-controls input,.social-publisher-list-controls select,.social-publisher-editor input,.social-publisher-editor select{min-height:42px;padding:0 12px}.social-publisher-list-controls select{width:210px}
.social-publisher-record{display:grid;grid-template-columns:minmax(0,1fr) 230px auto;gap:18px;align-items:center;padding:18px 22px;border-bottom:1px solid #f0edf4}.social-publisher-record:last-child{border-bottom:0}.social-publisher-record-main strong{display:block;color:#332a47}.social-publisher-record-main p{max-width:720px;margin:5px 0 0;overflow:hidden;color:#7f768e;font-size:13px;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.social-publisher-record-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.social-publisher-record-meta span{padding:4px 7px;border-radius:6px;background:#f6f3fa;color:#766d88;font-size:11px;font-weight:700}.social-publisher-record-status{display:grid;gap:5px}.social-publisher-record-status small{color:#857b93;font-size:11px;line-height:1.35}.social-publisher-status{width:max-content;padding:5px 8px;border-radius:999px;background:#f1ecff;color:#6437d4;font-size:11px;font-weight:800}.social-publisher-status.is-pending_approval{background:#fff2dc;color:#ab6900}.social-publisher-status.is-approved{background:#e8f8ef;color:#20774b}.social-publisher-status.is-schedule_configured{background:#e9f0ff;color:#385bb5}.social-publisher-record-actions{display:flex;align-items:center;gap:9px}.social-publisher-empty{padding:48px 24px;text-align:center}.social-publisher-empty h2{margin:0;color:#392f4d;font-size:19px}.social-publisher-empty p{max-width:440px;margin:8px auto 16px;color:#827990}
.social-publisher-calendar-list article{display:flex;gap:22px;padding:18px 22px;border-bottom:1px solid #f0edf4}.social-publisher-calendar-list article:last-child{border-bottom:0}.social-publisher-calendar-list time{min-width:180px;color:#5f3ec7;font-size:13px;font-weight:800}.social-publisher-calendar-list strong{display:block;color:#372e4a}.social-publisher-calendar-list p,.social-publisher-calendar-list small{margin:5px 0 0;color:#81778f;font-size:13px}.social-publisher-history ol{margin:0;padding:0;list-style:none}.social-publisher-history li{display:grid;grid-template-columns:185px 1fr;gap:20px;padding:18px 22px;border-bottom:1px solid #f0edf4}.social-publisher-history li:last-child{border-bottom:0}.social-publisher-history time{color:#81778f;font-size:12px}.social-publisher-history strong{color:#362c48}.social-publisher-history p{margin:4px 0 0;color:#847a92;font-size:13px}
.social-publisher-editor-heading{margin-bottom:20px}.social-publisher-editor-heading .text-button{margin-bottom:15px}.social-publisher-editor-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,360px);gap:18px}.social-publisher-editor-grid>main{display:grid;gap:15px}.social-publisher-editor-grid>aside{display:grid;align-content:start;gap:15px}.social-publisher-editor-section{display:grid;grid-template-columns:43px minmax(0,1fr);gap:15px;padding:21px}.social-publisher-editor-section>span{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;background:#eee7ff;color:#6136d3;font-size:12px;font-weight:850}.social-publisher-editor-section h2{margin:1px 0 4px;color:#332a47;font-size:18px}.social-publisher-editor-section>div>p{margin:0 0 15px;color:#827990;font-size:13px;line-height:1.45}.social-publisher-editor label{display:grid;gap:7px;margin:12px 0;color:#655b76;font-size:12px;font-weight:750}.social-publisher-editor textarea{min-height:155px;padding:12px;resize:vertical;line-height:1.5}.social-publisher-channel{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin:8px 0!important;padding:11px;border:1px solid #e7e0ef;border-radius:12px;cursor:pointer}.social-publisher-channel input{width:auto!important;min-height:auto!important}.social-publisher-channel strong{display:block;color:#3b314f;font-size:13px}.social-publisher-channel small{display:block;margin-top:3px;color:#8a8098;font-size:11px;font-weight:500;line-height:1.3}.social-publisher-channel em{color:#238257;font-size:11px;font-style:normal;font-weight:800}.social-publisher-channel.is-unavailable{background:#faf9fc;cursor:not-allowed}.social-publisher-channel.is-unavailable em{color:#8b8298}.social-publisher-file{width:max-content!important;padding:9px 12px;border-radius:9px;background:#f3efff;color:#5c37c1!important;cursor:pointer}.social-publisher-file input{position:absolute;width:1px!important;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.social-publisher-media-note{margin:8px 0 0!important;padding:11px;border-radius:10px;background:#faf8fc;color:#847a92!important;font-size:12px!important}.social-publisher-media-selected{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;padding:10px 11px;border:1px solid #e5deee;border-radius:10px}.social-publisher-media-selected strong{display:block;color:#3d324f;font-size:12px}.social-publisher-media-selected small{color:#857a93;font-size:11px}.social-publisher-timezone{padding:10px;border-radius:9px;background:#faf8fe;color:#7b718b!important}
.social-publisher-editor-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.social-publisher-editor-fields label{margin-bottom:0}.social-publisher-field-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.social-publisher-field-heading label{margin:0}.social-publisher-ai-caption-button{min-height:36px;padding:0 12px;font-size:12px}.social-publisher-ai-caption-tools{margin-top:8px;padding:11px 12px;border:1px solid #e5ddf2;border-radius:12px;background:#faf8ff}.social-publisher-ai-caption-tools>p{margin:0;color:#796e89;font-size:12px;line-height:1.4}.social-publisher-ai-caption-result{margin-top:10px;padding-top:10px;border-top:1px solid #e9e1f3}.social-publisher-ai-caption-result-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.social-publisher-ai-caption-result-heading strong{color:#40315c;font-size:12px}.social-publisher-ai-caption-result-note{margin:5px 0 0;color:#827890;font-size:11px;line-height:1.4}.social-publisher-ai-caption-results{display:grid;gap:8px;margin-top:9px}.social-publisher-ai-caption-option{display:grid;gap:5px;width:100%;padding:10px 11px;border:1px solid #e1d8ee;border-radius:10px;background:#fff;color:#40315c;text-align:left;cursor:pointer}.social-publisher-ai-caption-option:hover,.social-publisher-ai-caption-option:focus-visible{border-color:#7540dc;box-shadow:0 0 0 3px rgba(117,64,220,.12);outline:none}.social-publisher-ai-caption-option span{color:#8259d8;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.social-publisher-ai-caption-option strong{font-size:12px;font-weight:600;line-height:1.45;white-space:pre-wrap}
.social-publisher-channel-note{margin:10px 0 0!important;padding:10px 12px;border-radius:10px;background:#faf8ff;color:#7f748d!important;font-size:11px!important;line-height:1.45!important}.social-publisher-media-preview{display:grid;min-height:120px;place-items:center;margin-top:10px;padding:10px;border:1px dashed #d8caef;border-radius:12px;background:#fcfbff;color:#8a7da0;font-size:12px;text-align:center}.social-publisher-media-preview img,.social-publisher-media-preview video{display:block;width:100%;max-height:220px;object-fit:contain;border-radius:9px}.social-publisher-schedule-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.social-publisher-schedule-option{display:flex!important;align-items:flex-start;gap:9px;margin:0!important;padding:12px;border:1px solid #e6deef;border-radius:11px;background:#fff;cursor:pointer}.social-publisher-schedule-option input{width:auto!important;min-height:auto!important;margin-top:2px}.social-publisher-schedule-option span{display:grid;gap:4px}.social-publisher-schedule-option strong{color:#3c3151;font-size:12px}.social-publisher-schedule-option small{color:#867b92;font-size:11px;font-weight:500;line-height:1.35}.social-publisher-schedule-option.is-disabled{background:#faf9fc;cursor:not-allowed;opacity:.72}.social-publisher-schedule-field{max-width:360px}.social-publisher-schedule-field small{color:#8a7f98;font-size:11px;font-weight:500}
.social-publisher-preview,.social-publisher-readiness-card,.social-publisher-storefront-card{padding:20px}.social-publisher-preview>span{color:#8b7e9e;font-size:10px;font-weight:850;letter-spacing:.12em}.social-publisher-preview strong{display:block;margin:11px 0 7px;color:#332949}.social-publisher-preview p{margin:0;color:#71677f;line-height:1.52;white-space:pre-wrap}.social-publisher-preview small{display:block;margin-top:11px;color:#7f748d;font-size:11px}.social-publisher-preview-media{display:grid;min-height:115px;place-items:center;margin-top:15px;padding:12px;border-radius:13px;background:linear-gradient(135deg,#ebe5ff,#f9f7ff);color:#6541c7;font-size:12px;font-weight:750;text-align:center}.social-publisher-preview-media.is-empty{background:#faf9fb;color:#90869a}.social-publisher-readiness-card ul{display:grid;gap:9px;margin:14px 0;padding:0;list-style:none}.social-publisher-readiness-card li{position:relative;padding-left:18px;color:#796f86;font-size:12px;line-height:1.4}.social-publisher-readiness-card li::before{position:absolute;left:0;font-weight:900;content:'•'}.social-publisher-readiness-card li.is-ready::before{color:#208354}.social-publisher-readiness-card li.is-pending::before{color:#c07b00}.social-publisher-readiness-card>p,.social-publisher-storefront-card p{color:#80758e;font-size:12px;line-height:1.45}.social-publisher-editor-grid footer{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 2px}.social-publisher-editor-grid footer small{max-width:580px;color:#837991;font-size:11px;line-height:1.45}.social-publisher-editor-grid footer>div{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px}
.social-publisher-guard{position:fixed;z-index:80;inset:0;display:grid;place-items:center;padding:24px;background:rgba(31,23,50,.34)}.social-publisher-guard>section{width:min(420px,100%);padding:24px;border-radius:18px;background:#fff;box-shadow:0 24px 70px rgba(30,20,50,.26)}.social-publisher-guard h2{margin:0;color:#302542}.social-publisher-guard p{margin:8px 0 18px;color:#797087}.social-publisher-guard section>div{display:flex;justify-content:flex-end;gap:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* The root and editor own the available merchant canvas, not a centered page max-width. */
@media (min-width:721px){
  .content:has(.social-publisher-workspace),.content:has(.social-publisher-editor){width:100%;min-width:0;max-width:none;box-sizing:border-box;align-self:stretch;margin:0;padding:28px clamp(24px,2.5vw,34px) 42px}
}
@media (max-width:900px){.social-publisher-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.social-publisher-editor-grid{grid-template-columns:1fr}.social-publisher-editor-grid>aside{grid-template-columns:repeat(2,minmax(0,1fr))}.social-publisher-storefront-card{grid-column:1/-1}}
@media (max-width:620px){.social-publisher-heading,.social-publisher-editor-heading,.social-publisher-readiness,.social-publisher-editor-grid footer{align-items:stretch;flex-direction:column}.social-publisher-heading .button,.social-publisher-readiness .button{width:100%}.social-publisher-kpis{grid-template-columns:1fr 1fr;gap:10px}.social-publisher-kpis article{padding:15px}.social-publisher-tabs{width:100%}.social-publisher-tabs button{flex:1;padding:0 8px;font-size:12px}.social-publisher-list-controls{flex-direction:column}.social-publisher-list-controls select{width:100%}.social-publisher-record{grid-template-columns:1fr;padding:16px}.social-publisher-record-actions{justify-content:space-between}.social-publisher-calendar-list article,.social-publisher-history li{grid-template-columns:1fr;gap:6px;padding:16px}.social-publisher-editor-section{grid-template-columns:1fr;padding:17px}.social-publisher-editor-section>span{width:30px;height:30px}.social-publisher-editor-grid>aside{grid-template-columns:1fr}.social-publisher-editor-grid footer>div{width:100%;justify-content:stretch}.social-publisher-editor-grid footer>div .button{flex:1}}
@media (max-width:620px){.social-publisher-editor-fields{grid-template-columns:1fr}.social-publisher-field-heading{align-items:stretch;flex-direction:column}.social-publisher-ai-caption-button{width:100%}}
@media (max-width:900px){.social-publisher-schedule-options{grid-template-columns:1fr}}

.social-publisher-schedule-panel{margin-bottom:18px;border:1px solid #e7e1f0;border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(73,52,113,.05)}
.social-publisher-schedule-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:21px 22px 16px;border-bottom:1px solid #eeeaf3}
.social-publisher-schedule-panel h2{margin:0;color:#302746;font-size:19px}
.social-publisher-schedule-panel header>div>p:not(.social-publisher-eyebrow){margin:5px 0 0;color:#827990;font-size:13px;line-height:1.45}
.social-publisher-schedule-panel header>span{color:#786c8f;font-size:13px;font-weight:750}
.social-publisher-schedule-list article{display:grid;grid-template-columns:minmax(0,1fr) 220px auto;align-items:center;gap:16px;padding:15px 22px;border-bottom:1px solid #f0edf4}
.social-publisher-schedule-list article:last-child{border-bottom:0}
.social-publisher-schedule-list strong{display:block;color:#372e4a}
.social-publisher-schedule-list small{display:block;margin-top:4px;color:#81778f;font-size:12px}
.social-publisher-schedule-list time{color:#5f3ec7;font-size:13px;font-weight:800}
.social-publisher-schedule-empty{margin:0;padding:18px 22px;color:#81778f;font-size:13px}
.social-publisher-schedule-preview{padding:20px;border:1px solid #e7e1f0;border-radius:18px;background:#fcfaff;box-shadow:0 10px 28px rgba(73,52,113,.05)}
.social-publisher-schedule-preview h2{margin:0 0 9px;color:#302746;font-size:19px}
.social-publisher-schedule-preview strong{display:block;color:#5f3ec7;font-size:15px}
.social-publisher-schedule-preview small{display:block;margin-top:7px;color:#81778f;font-size:12px;line-height:1.4}
@media (max-width:900px){.social-publisher-schedule-list article{grid-template-columns:1fr;gap:6px}}