.completion-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 18px}.completion-head h1{font-size:26px;margin:0 0 6px;line-height:1.25}.completion-head h2{font-size:19px;margin:0}.completion-muted{color:#64748b;font-size:13px;line-height:1.5}.completion-head p{margin:0}.completion-state{display:inline-flex;padding:6px 10px;border-radius:20px;background:#edf2f7;color:#425466;font-size:12px;white-space:nowrap}.completion-state.state-ready{background:#e8f5ec;color:#236b3b}.completion-state.state-on-hold{background:#fff3dc;color:#805a16}.completion-state.state-in-progress{background:#eaf2fc;color:#1f5b8c}.completion-filters{display:grid;grid-template-columns:minmax(200px,1fr) minmax(180px,240px);gap:12px;margin-bottom:18px}.completion-filters input,.completion-filters select,.completion-form input:not([type=checkbox]),.completion-form textarea,.completion-form select{box-sizing:border-box;width:100%;min-height:42px;padding:10px 12px;background:white;border:1px solid #cbd5e1;border-radius:7px;color:#172b40;font:inherit}.completion-checklist{display:flex;list-style:none;padding:14px 16px;margin:16px 0 24px;gap:20px;flex-wrap:wrap;background:#f0f4f8;border-radius:9px;font-size:13px;color:#64748b}.completion-checklist .is-done{color:#236b3b}.completion-layout{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.6fr);gap:24px;align-items:start}.completion-form{display:grid;gap:18px}.completion-form fieldset{border:1px solid #dce3ea;border-radius:10px;margin:0;padding:16px;min-width:0;background:white}.completion-form legend{font-size:15px;font-weight:650;padding:0 6px}.completion-form label:not(.completion-check){display:grid;gap:7px;font-size:13px;margin-bottom:12px}.completion-form textarea{resize:vertical}.completion-check{display:flex;align-items:flex-start;gap:9px;font-size:13px;line-height:1.5;cursor:pointer}.completion-check input{accent-color:#c51e36;width:18px;height:18px;flex:0 0 18px;margin:1px 0}.completion-intent{border:1px solid #dce3ea;border-radius:8px;padding:12px;margin-top:10px}.completion-intent:has(input:checked){border-color:#c51e36;background:#fff6f7}.completion-gallery h2{font-size:18px;margin:0 0 8px}.completion-photo-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.completion-photo-group{min-width:0}.completion-photo-group h3{font-size:14px;margin:8px 0 12px}.completion-photo-tile{margin-bottom:14px;padding:10px;background:#fff;border:1px solid #dce3ea;border-radius:9px}.completion-photo-tile:has(input:checked){border-color:#c51e36;box-shadow:0 0 0 1px #c51e36}.completion-photo-tile p{font-size:12px;line-height:1.5;overflow-wrap:anywhere}.completion-photo-image{aspect-ratio:4/3;background:#eef2f6;display:grid;place-items:center;border-radius:6px;overflow:hidden}.completion-photo-image img{width:100%;height:100%;object-fit:cover}.completion-photo-image button{font-size:11px;padding:8px;min-height:36px}.completion-message{margin:0;font-size:13px;line-height:1.5}.completion-message:empty{display:none}.completion-pagination{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:18px 0;font-size:13px}.completion-pagination span{margin-right:auto}.completion-back{background:none;border:0;color:#52677c;padding:8px 0;margin:0 0 14px;cursor:pointer;font-size:13px}.completion-history{margin-top:24px;padding:14px;border:1px solid #dce3ea;border-radius:8px;font-size:13px}.completion-owner-card{margin:0 0 22px;background:white;border:1px solid #dce3ea;padding:20px;border-radius:12px;color:#172b40}.completion-owner-row{display:grid;gap:5px;padding:10px 0;border-top:1px solid #edf2f7;font-size:13px}.completion-owner-row span{color:#64748b}#completionOwnerSummary{max-width:1200px;margin:18px auto;padding:0 24px}#marketingWorkspace button{min-height:42px}#marketingWorkspace [hidden]{display:none!important}@media(max-width:1000px){.completion-photo-groups{grid-template-columns:1fr}.completion-photo-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.completion-photo-group h3,.completion-photo-group>p{grid-column:1/-1}}@media(max-width:650px){.completion-layout{grid-template-columns:1fr}.completion-filters{grid-template-columns:1fr}.completion-head{align-items:flex-start}.completion-head h1{font-size:22px}.completion-checklist{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px}.completion-photo-group{grid-template-columns:1fr}.completion-owner-card .completion-head{flex-direction:column}.completion-pagination button{font-size:12px}.completion-state{font-size:11px}}

@media(max-width:650px){.completion-layout{display:flex;flex-direction:column;align-items:stretch}.completion-form{display:contents}.completion-form fieldset:nth-of-type(1){order:1}.completion-gallery{order:2}.completion-form fieldset:nth-of-type(2){order:3}.completion-form fieldset:nth-of-type(3){order:4}.completion-form>button{order:5}.completion-form>.completion-message{order:6}}

.completion-owner-card .completion-delegate-link{display:inline;background:none;border:0;padding:0;min-height:0;color:#175b8a;text-decoration:underline;cursor:pointer;font:inherit}.completion-delegate-link:focus-visible{outline:2px solid #286a9b;outline-offset:3px}
.completion-scope-copy{white-space:pre-line;line-height:1.7;overflow-wrap:anywhere}.state-awaiting-sales-handoff{background:#fff4d5;color:#795400}

.completion-header-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end;flex-shrink:0}@media(max-width:650px){.completion-head:has(.completion-header-actions){flex-wrap:wrap}.completion-header-actions{width:100%;justify-content:space-between}}
.completion-job-inputs.roof-job-panel{padding:0;margin:0;border:0;background:transparent}.completion-job-inputs .job-scope-section{margin:0;background:#fff;border:1px solid #dce3ea}.completion-job-inputs .job-scope-head{align-items:stretch}.completion-job-inputs .job-scope-head>button{width:100%}.completion-job-inputs .job-scope-section input[hidden],.completion-photo-group>input[hidden]{display:none!important}.completion-photo-group>button{width:100%;margin:0 0 10px}.completion-state.state-ready-to-create-content{background:#e8f5ec;color:#236b3b}.completion-state.state-needs-information{background:#fff4d5;color:#795400}.completion-form>form{display:grid;gap:10px}
/* Marketing uses the same fluid dashboard and compact list treatment as My Work. */
body[data-active-workspace=marketing] main{max-width:none!important;width:100%;box-sizing:border-box;margin:0!important;padding:0 0 48px!important}body[data-active-workspace=marketing] #marketingWorkspace{max-width:none;padding:28px clamp(20px,2.5vw,36px);box-sizing:border-box}body[data-active-workspace=marketing] #marketingPage{max-width:none;width:100%;margin:0;padding:0}body[data-active-workspace=marketing] #fieldHomeButton{display:inline-flex!important}.marketing-home-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;align-items:start}.marketing-home-column{display:flex;flex-direction:column;gap:24px;min-width:0}.marketing-work-section{background:#fff;border:1px solid #dce3ea;border-radius:12px;padding:22px;min-width:0}.marketing-work-section h2{font-size:20px;margin:0 0 6px}.marketing-work-section .field-home-section-head{align-items:flex-start;margin-bottom:12px}.marketing-work-count{font-size:26px;font-weight:650;color:#174d72;flex-shrink:0}.marketing-work-previews{margin:12px 0 18px}.marketing-preview-row{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px 0;border-top:1px solid #e5ebf0}.marketing-preview-row>div{min-width:0;display:flex;gap:8px;flex-direction:column;align-items:flex-start}.marketing-preview-row strong,.marketing-preview-address{font-size:14px;line-height:1.5;overflow-wrap:anywhere}.marketing-preview-address{padding:12px 0;margin:0;border-top:1px solid #e5ebf0}.marketing-work-statuses{display:flex;gap:8px;flex-wrap:wrap}.marketing-count-link{background:#f1f5f9;border:0;border-radius:7px;padding:8px 10px;color:#334155;font:inherit;font-size:12px;cursor:pointer}.marketing-list{background:#fff;border:1px solid #dce3ea;border-radius:12px;overflow:hidden}.marketing-list:empty{display:none}.marketing-list .marketing-job{padding:16px 20px;border:0;border-bottom:1px solid #e5ebf0;margin:0;min-height:86px;box-sizing:border-box}.marketing-list .marketing-job>div{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:18px;row-gap:7px;flex:1;align-items:center;min-width:0}.marketing-list .marketing-job strong{font-size:15px;font-weight:600;line-height:1.4;overflow-wrap:anywhere;grid-column:1;grid-row:1}.marketing-list .marketing-job>div>p{font-size:13px;line-height:1.5;color:#64748b;margin:0;grid-column:1}.marketing-list .marketing-job .completion-state{grid-column:2;grid-row:1;justify-self:end}.marketing-list .marketing-job .completion-muted{grid-column:1/-1}.marketing-list .marketing-job>button{flex-shrink:0;min-width:70px}.marketing-list .completion-pagination{padding:14px 20px}.marketing-audience-filters{grid-template-columns:minmax(200px,1fr)}.marketing-audience-row .campaign-stage-label{font-size:13px;justify-self:end}.completion-head h1{letter-spacing:-.5px}
@media(max-width:900px){.marketing-home-grid{grid-template-columns:1fr}.marketing-home-column{display:contents}.marketing-home-grid>.marketing-home-column:first-child>.marketing-work-section:last-child{order:4}}@media(max-width:650px){body[data-active-workspace=marketing] #marketingWorkspace{padding:20px 14px}.marketing-work-section{padding:16px}.marketing-home-grid{gap:16px}.marketing-list .marketing-job{padding:14px;gap:12px;align-items:flex-start}.marketing-list .marketing-job>div{grid-template-columns:1fr}.marketing-list .marketing-job .completion-state{grid-column:1;grid-row:auto;justify-self:start}.marketing-list .marketing-job>button{min-width:62px;padding:9px}.marketing-work-section h2{font-size:18px}.marketing-work-count{font-size:23px}.marketing-preview-row{align-items:flex-start}.marketing-preview-row>button{flex-shrink:0}}

/* Reserve two clear work areas, with a single action in each section header. */
.completion-layout{align-items:stretch;grid-template-columns:minmax(320px,1fr) minmax(0,1.7fr)}
.completion-form{min-width:0;display:block}.completion-job-inputs.roof-job-panel{height:100%}.completion-job-inputs .job-scope-section{box-sizing:border-box;min-height:360px;height:100%;padding:20px;border-radius:12px}.completion-job-inputs .job-scope-head{flex-direction:row;align-items:center;flex-wrap:nowrap;margin-bottom:18px}.completion-job-inputs .job-scope-head>button{width:auto;flex-shrink:0;font-size:12px;padding:10px 12px}.completion-job-inputs .job-scope-section>p.job-empty{line-height:1.6;max-width:42ch}.completion-gallery{min-width:0;min-height:360px;box-sizing:border-box;background:#fff;border:1px solid #dce3ea;border-radius:12px;padding:20px}.completion-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.completion-section-head h2{margin:0;font-size:16px}.completion-photo-actions{position:relative;flex-shrink:0}.completion-photo-actions>button{font-size:12px;padding:10px 12px}.completion-photo-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:5;min-width:150px;background:#fff;border:1px solid #dce3ea;border-radius:9px;padding:5px;box-shadow:0 8px 24px #172b4020}.completion-photo-option{display:block;width:100%;border:0;background:#fff;color:#172b40;text-align:left;padding:10px 12px;font:inherit;font-size:13px;border-radius:5px;cursor:pointer}.completion-photo-option:hover,.completion-photo-option:focus-visible{background:#f0f4f8}.completion-photo-group{display:block}.completion-photo-group h3{margin:12px 0;font-size:13px}.completion-photo-empty{min-height:170px;display:grid;place-items:center;text-align:center;padding:12px;box-sizing:border-box;background:#f8fafc;border:1px dashed #dce3ea;border-radius:9px;color:#64748b;font-size:13px}.completion-gallery>form{margin-top:16px}.completion-gallery>.completion-message{margin-top:12px}
@media(max-width:1100px){.completion-layout{grid-template-columns:minmax(300px,1fr) minmax(0,1.3fr)}.completion-photo-groups{grid-template-columns:1fr}.completion-photo-empty{min-height:90px}}
@media(max-width:750px){.completion-layout{display:grid;grid-template-columns:1fr;gap:16px}.completion-form{display:block}.completion-job-inputs .job-scope-section{min-height:240px;height:auto;padding:16px}.completion-gallery{min-height:300px;padding:16px}.completion-job-inputs .job-scope-head{flex-direction:row}.completion-job-inputs .job-scope-head>button{width:auto}.completion-photo-groups{grid-template-columns:repeat(3,minmax(0,1fr))}.completion-photo-empty{font-size:12px;min-height:110px;padding:8px}}
@media(max-width:420px){.completion-photo-groups{grid-template-columns:1fr}.completion-photo-empty{min-height:90px}}

/* Marketing's two workstreams: individual jobs and bulk campaign outreach. */
.marketing-home-intro{color:#64748b;margin:-8px 0 26px;font-size:15px}
.marketing-work-section{margin:0 0 26px;padding:0;overflow:hidden}
.marketing-section-head{display:flex;align-items:center;gap:18px;padding:22px 24px;border-bottom:1px solid #e5ebf0;background:#fff}
.marketing-section-head>div:first-child{flex:1;min-width:0}.marketing-section-head h2{margin:0 0 5px}.marketing-section-head p{margin:0;line-height:1.5;font-size:13px}
.marketing-section-head>button{flex-shrink:0}.marketing-section-head input{width:240px;max-width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid #cbd5e1;border-radius:7px;background:#fff;color:#18344b;font:inherit;font-size:14px}
.marketing-section-count{color:#64748b;font-size:13px;white-space:nowrap}.marketing-work-statuses{padding:16px 24px;background:#fafcfe}
.marketing-job-previews{padding:0 24px}.marketing-preview-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:20px;padding:18px 0;min-height:92px;box-sizing:border-box}.marketing-preview-row:first-child{border-top:0}.marketing-preview-row>div{gap:4px}.marketing-preview-row>button{min-width:72px}.marketing-preview-row small{font-size:12px}.marketing-preview-row p{margin:0;font-size:12px;line-height:1.5}.marketing-preview-row .marketing-output-label{color:#244b68;font-size:13px;font-weight:500}.state-inputs-complete{background:#e7f5ed;color:#19613d}
.marketing-preparation-note{margin:0;padding:15px 24px;background:#f7f9fc;border-top:1px solid #e5ebf0;font-size:12px;color:#64748b;line-height:1.6}
.marketing-campaign-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:24px}.marketing-campaign-card{display:grid;grid-template-columns:155px minmax(0,1fr);min-width:0;border:1px solid #dce3ea;border-radius:9px;overflow:hidden;background:#fff}
.marketing-campaign-map{position:relative;min-height:190px;min-width:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:0;background:#e8eef2;color:#587086;font-size:12px;overflow:hidden}.marketing-campaign-copy{min-width:0;padding:18px}.marketing-campaign-heading{display:flex;gap:10px;justify-content:space-between;align-items:start}.marketing-campaign-heading h3{margin:0 0 5px;font-size:15px;line-height:1.4;overflow-wrap:anywhere}.marketing-campaign-heading p{margin:0;font-size:12px}.marketing-campaign-stage{font-size:11px;color:#526b80;text-transform:capitalize;background:#f0f4f7;border-radius:5px;padding:4px 7px;white-space:nowrap}
.marketing-campaign-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:20px 0}.marketing-campaign-metric{display:flex;flex-direction:column;gap:6px;min-width:0}.marketing-campaign-metric>span{font-size:11px;color:#64748b;line-height:1.4}.marketing-campaign-metric>strong{font-size:19px;font-weight:650;color:#183d58}.marketing-campaign-footer{display:flex;gap:10px;justify-content:space-between;align-items:center}.marketing-campaign-footer>span{font-size:11px}.marketing-campaign-footer button{font-size:11px;padding:9px 11px;white-space:nowrap}
.marketing-campaign-summary{display:grid;grid-template-columns:320px minmax(0,1fr);gap:24px;padding:24px;align-items:center}.marketing-campaign-summary .marketing-campaign-map{min-height:200px;border-radius:8px}.marketing-campaign-summary h3{margin:0 0 10px}.marketing-campaign-summary p{line-height:1.7;font-size:14px;max-width:620px}.marketing-audience-summary{display:grid;grid-template-columns:1fr 1fr auto;gap:20px;padding:22px 24px;align-items:center;border-bottom:1px solid #e5ebf0;font-size:14px}.marketing-audience-summary:last-of-type{border-bottom:0}.marketing-creative-empty{min-height:150px;display:flex;align-items:center;justify-content:center;color:#64748b;margin:24px;border:1px dashed #cbd5e1;border-radius:8px;background:#fafcfd}.marketing-results{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px;padding:24px}.marketing-results strong{font-size:14px;color:#718295}
@media(max-width:1250px){.marketing-campaign-list{grid-template-columns:1fr}.marketing-campaign-card{grid-template-columns:210px minmax(0,1fr)}}
@media(max-width:700px){.marketing-section-head{flex-wrap:wrap;padding:18px}.marketing-section-head>div:first-child{flex-basis:60%}.marketing-section-head input{width:100%}.marketing-section-count{margin-left:auto}.marketing-work-statuses{padding:12px 18px}.marketing-job-previews{padding:0 18px}.marketing-preview-row{grid-template-columns:minmax(0,1fr) auto;gap:12px}.marketing-preview-row>div{grid-column:1;grid-row:1/3}.marketing-preview-row>.completion-state{grid-column:2;max-width:125px;text-align:center}.marketing-preview-row>button{grid-column:2;justify-self:end}.marketing-campaign-list{padding:16px;gap:16px}.marketing-campaign-card{grid-template-columns:1fr}.marketing-campaign-map{min-height:160px}.marketing-campaign-copy{padding:16px}.marketing-campaign-summary{grid-template-columns:1fr;padding:18px}.marketing-audience-summary{grid-template-columns:1fr auto;padding:18px;gap:10px}.marketing-audience-summary>.completion-state{grid-column:1/-1;justify-self:start}.marketing-results{grid-template-columns:repeat(2,minmax(0,1fr));padding:18px}.marketing-preparation-note{padding:14px 18px}}
.completion-owner-counts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}.completion-owner-counts>div{display:flex;flex-direction:column;gap:5px;padding:12px;border-radius:7px;background:#f4f7fa}.completion-owner-counts strong{font-size:22px}.completion-owner-counts span{font-size:12px;color:#64748b}
.marketing-list>.marketing-preview-row{margin:0 20px}@media(max-width:650px){.marketing-list>.marketing-preview-row{margin:0 14px}}

/* Scope and photo stages are full-width sections across desktop and tablet. */
#marketingWorkspace .completion-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:22px}
#marketingWorkspace .completion-form{display:block}#marketingWorkspace .completion-job-inputs.roof-job-panel{height:auto}
#marketingWorkspace .completion-job-inputs .job-scope-section{min-height:0;height:auto}
#marketingWorkspace .completion-gallery{min-height:0}
#marketingWorkspace .completion-photo-groups{grid-template-columns:minmax(0,1fr);gap:18px}
#marketingWorkspace .completion-photo-group{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;padding:16px;border-radius:10px;background:#f5f8fb;align-items:start}
#marketingWorkspace .completion-photo-group>h3,#marketingWorkspace .completion-photo-group>.completion-photo-empty{grid-column:1/-1;margin:0}
#marketingWorkspace .completion-photo-tile{min-width:0;margin:0}#marketingWorkspace .completion-photo-image img{object-fit:contain}
@media(max-width:600px){#marketingWorkspace .completion-photo-group{display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity}#marketingWorkspace .completion-photo-group>h3{flex:0 0 75px;align-self:center}#marketingWorkspace .completion-photo-tile{flex:0 0 75%;max-width:260px;scroll-snap-align:start}}

/* Content drafts use the same full-width horizontal sections as job inputs. */
.job-content-panel{margin-top:24px;padding:24px;border:1px solid #dce2e7;border-radius:10px;background:#fff}.job-content-tabs{display:flex;gap:8px;overflow-x:auto;margin:20px 0}.job-content-tabs button{white-space:nowrap}.job-content-tabs [aria-selected="true"]{background:#b91c2e;color:#fff;border-color:#b91c2e}.job-content-label{display:block;font-weight:600;margin:18px 0}.job-content-label input,.job-content-label textarea{display:block;width:100%;margin-top:8px;padding:12px;font:inherit;font-weight:400;line-height:1.6;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:inherit}.job-content-label textarea{resize:vertical;min-height:220px}.job-content-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:24px 0}.job-content-comparison figure{margin:0;min-width:0}.job-content-comparison figcaption{font-weight:600;margin-bottom:8px}.job-content-comparison .completion-photo-image{height:280px;min-height:0}.job-content-comparison img{width:100%;height:100%;object-fit:cover}.job-content-process{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:24px}.job-content-process .completion-photo-image{height:140px;min-height:0}.job-content-process img{width:100%;height:100%;object-fit:cover}.job-content-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.job-content-sources{color:#526578;font-size:14px}.job-content-sources summary{cursor:pointer}.job-content-notice{padding:12px;background:#fff7e5;border-radius:6px;font-size:14px}.job-content-view[hidden]{display:none}@media(max-width:650px){.job-content-panel{padding:16px}.job-content-comparison{gap:10px}.job-content-comparison .completion-photo-image{height:180px}.job-content-process{display:flex;overflow-x:auto}.job-content-process>.completion-photo-image{flex:0 0 125px;height:110px}.job-content-tabs{gap:6px}.job-content-tabs button{padding:8px 12px}}
.completion-photo-tile[hidden],.completion-check[hidden],.completion-gallery form[hidden]{display:none!important}.completion-gallery form>button{margin-right:8px}
.completion-photo-actions button[hidden]{display:none!important}.completion-photo-groups:not(.is-editing-photos) .completion-photo-tile{border-color:transparent;box-shadow:none}
/* Keep the case-study composition compact, independent of the source gallery. */
#marketingWorkspace .job-content-panel .job-content-comparison{width:100%;max-width:980px;gap:12px}
#marketingWorkspace .job-content-panel .job-content-comparison .completion-photo-image{display:block;width:100%;height:280px;aspect-ratio:auto}
#marketingWorkspace .job-content-panel .job-content-process{display:flex;gap:12px;justify-content:flex-start;max-width:980px;flex-wrap:wrap}
#marketingWorkspace .job-content-panel .job-content-process>.completion-photo-image{display:block;flex:0 1 180px;width:180px;height:130px;aspect-ratio:auto}
#marketingWorkspace .job-content-panel .completion-photo-image img{display:block;width:100%;max-width:none;height:100%;object-fit:cover}
.job-content-title{font-size:24px;line-height:1.3;margin:20px 0}.job-content-saved-text{max-width:850px;line-height:1.7;white-space:pre-line}.job-content-saved-text h3{margin:24px 0 8px;font-size:18px}.job-content-saved-text p{margin:14px 0}.job-content-saved-text ul{margin:12px 0;padding-left:22px}.job-content-label[hidden],.job-content-saved-text[hidden],.job-content-title[hidden],.job-content-actions button[hidden],.job-content-panel>.completion-section-head>button[hidden]{display:none!important}
@media(max-width:650px){#marketingWorkspace .job-content-panel .job-content-comparison .completion-photo-image{height:180px}#marketingWorkspace .job-content-panel .job-content-process{flex-wrap:nowrap;overflow-x:auto}#marketingWorkspace .job-content-panel .job-content-process>.completion-photo-image{flex:0 0 125px;width:125px;height:100px}}
.completion-content{margin-bottom:24px}.completion-content .job-content-panel{margin-top:0}.job-social-gallery{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0 24px}.job-social-gallery figure{flex:0 0 180px;width:180px;margin:0;min-width:0}.job-social-gallery figcaption{font-size:12px;text-transform:capitalize;margin-top:6px;color:#64748b}#marketingWorkspace .job-social-gallery .completion-photo-image{display:block;width:180px;height:140px;aspect-ratio:auto}.job-social-order{display:flex;gap:4px;margin-top:6px}.job-social-order button{padding:4px 8px;font-size:12px;min-height:32px!important}.job-social-edit-controls{margin-bottom:18px}.job-social-edit-controls select{min-height:42px;max-width:300px}.job-social-order[hidden],.job-social-edit-controls[hidden]{display:none!important}@media(max-width:650px){.job-social-gallery{flex-wrap:nowrap;overflow-x:auto}.job-social-gallery figure{flex-basis:150px;width:150px}#marketingWorkspace .job-social-gallery .completion-photo-image{width:150px;height:120px}}

#marketingWorkspace .job-content-share{border:1px solid #dbe2e8;border-radius:8px;padding:18px;margin-top:18px}
#marketingWorkspace .job-content-share input{display:block;width:100%;margin:12px 0}
#marketingWorkspace .job-content-share button{margin:5px 8px 0 0}
#marketingWorkspace .job-content-preview{margin-top:18px}
#marketingWorkspace .job-content-preview iframe{display:block;border:1px solid #dbe2e8;width:100%;height:600px;margin-top:0;border-radius:8px}
#marketingWorkspace .job-content-panel [hidden]{display:none!important}


#marketingWorkspace .job-social-publishing{margin-top:22px;padding-top:18px;border-top:1px solid #dce2e7}
#marketingWorkspace .job-social-destination{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
#marketingWorkspace .job-social-account-settings,#marketingWorkspace .job-social-schedule{padding:16px;background:#f6f8fa;border-radius:8px;margin-top:14px}
#marketingWorkspace .job-social-account-settings label{display:flex;align-items:center;gap:8px;margin:12px 0}
#marketingWorkspace .job-social-account-settings input[type=checkbox]{width:auto;flex:none}
#marketingWorkspace .job-social-account{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:8px 0}
#marketingWorkspace .job-social-account-settings>button{margin:8px 8px 0 0}
#marketingWorkspace .job-social-schedule input{display:block;margin-top:8px;max-width:320px}
#marketingWorkspace .job-social-history{margin-top:20px}
#marketingWorkspace .job-social-history-row{padding:14px 0;border-top:1px solid #e2e7eb;display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}
#marketingWorkspace .job-social-history-row>p,#marketingWorkspace .job-social-history-row>details{flex-basis:100%;margin:0}
#marketingWorkspace .job-social-history-row details p{white-space:pre-wrap}
#marketingWorkspace .job-content-panel .job-social-gallery .completion-photo-image img{object-fit:contain!important;background:#fff}

#marketingWorkspace .job-content-section-title{font-size:20px;margin:28px 0 16px}#marketingWorkspace .job-content-preview{margin-top:0}#marketingWorkspace .job-content-preview iframe{box-sizing:border-box;min-height:180px}#marketingWorkspace .job-content-actions+.job-content-section-title{padding-top:28px;border-top:1px solid #e2e7eb}

/* Case study utilities sit beside its title; social posts remain visible together. */
#marketingWorkspace .job-content-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:24px 0 16px}
#marketingWorkspace .job-content-section-head .job-content-section-title,#marketingWorkspace .job-content-section-head h4{margin:0}
#marketingWorkspace .job-content-section-head .job-content-actions{margin:0;margin-left:auto;justify-content:flex-end}
#marketingWorkspace .job-social-section{margin-top:28px;padding-top:4px;border-top:1px solid #e2e7eb}
#marketingWorkspace .job-social-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
#marketingWorkspace .job-social-card{min-width:0;border:1px solid #dce2e7;border-radius:8px;padding:18px;background:#fff}
#marketingWorkspace .job-social-card>.job-content-section-head{margin:0 0 8px}
#marketingWorkspace .job-social-card h4{font-size:17px}
#marketingWorkspace .job-social-card .job-content-saved-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.65}
#marketingWorkspace .job-social-card .job-content-label textarea{box-sizing:border-box}
#marketingWorkspace .job-social-gallery{flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding-bottom:8px;scroll-snap-type:x proximity}
#marketingWorkspace .job-social-gallery figure{scroll-snap-align:start}
#marketingWorkspace .job-social-shared-gallery figure{flex:0 0 200px;width:200px}
#marketingWorkspace .job-social-shared-gallery .completion-photo-image{width:200px;height:150px}
#marketingWorkspace .job-social-delivery{margin-top:18px;border-top:1px solid #e2e7eb;padding-top:12px;font-size:13px}
#marketingWorkspace .job-social-delivery>summary{cursor:pointer;color:#526578}
#marketingWorkspace .job-social-delivery .job-social-publishing{border:0;padding:0;margin-top:14px}
#marketingWorkspace .job-social-card .job-content-actions{gap:8px}
@media(max-width:760px){#marketingWorkspace .job-social-cards{grid-template-columns:1fr}#marketingWorkspace .job-social-card{padding:16px}#marketingWorkspace .job-content-section-head{gap:10px}#marketingWorkspace .job-content-section-head .job-content-actions{flex-wrap:wrap}}

#marketingWorkspace .job-content-case-editor input,#marketingWorkspace .job-content-case-editor textarea{box-sizing:border-box}#marketingWorkspace .job-social-editor select{width:100%;max-width:100%}

/* Completed jobs expose the two destinations directly in every listing. */
.marketing-job-actions{display:flex;gap:10px;justify-content:flex-end;align-items:center}
.marketing-job-actions button{white-space:nowrap}
.completion-page-label{font-size:13px;font-weight:600;color:#64748b;margin:0 0 6px!important}
.completion-content-missing{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap;margin-bottom:18px}
.marketing-preview-row.marketing-job-row>.marketing-job-actions{display:flex;flex-direction:row;gap:10px;align-items:center;grid-column:3}
@media(max-width:760px){.marketing-preview-row.marketing-job-row{grid-template-columns:minmax(0,1fr) auto;gap:12px}.marketing-preview-row.marketing-job-row>div:first-child{grid-column:1;grid-row:auto}.marketing-preview-row.marketing-job-row>.marketing-job-status{grid-column:2;grid-row:auto;max-width:none}.marketing-preview-row.marketing-job-row>.marketing-job-actions{grid-column:1/-1;grid-row:auto;justify-content:flex-end;flex-wrap:wrap}.marketing-job-actions button{flex:1 1 140px}}

/* Lead each completed-job listing with its After photo or a quiet property map. */
.marketing-preview-row.marketing-job-row{grid-template-columns:156px minmax(0,1fr) auto auto;min-height:144px}
.marketing-job-thumbnail{position:relative;width:156px;height:108px;min-width:0;overflow:hidden;background:#edf2f6;border-radius:7px}
.marketing-preview-row.marketing-job-row>.marketing-job-thumbnail{display:block;grid-column:1;grid-row:1}
.marketing-preview-row.marketing-job-row>.marketing-job-copy{grid-column:2;grid-row:1}
.marketing-preview-row.marketing-job-row>.marketing-job-status{grid-column:3;grid-row:1}
.marketing-preview-row.marketing-job-row>.marketing-job-actions{grid-column:4;grid-row:1}
#marketingWorkspace .marketing-job-thumbnail .completion-photo-image{width:100%;height:100%;aspect-ratio:auto;border-radius:0}
#marketingWorkspace .marketing-job-thumbnail img{display:block;width:100%;height:100%;object-fit:cover}
.marketing-job-thumbnail-label{position:absolute;left:7px;top:7px;padding:3px 7px;background:rgba(255,255,255,.94);border-radius:4px;color:#183044;font-size:10px;font-weight:600;pointer-events:none}
.marketing-job-thumbnail-state{display:block;padding:22px 8px;text-align:center;font-size:12px;color:#64748b}
@media(max-width:1100px){.marketing-preview-row.marketing-job-row{grid-template-columns:132px minmax(0,1fr) auto;gap:14px}.marketing-job-thumbnail{width:132px;height:100px}.marketing-preview-row.marketing-job-row>.marketing-job-thumbnail{grid-column:1;grid-row:1/3}.marketing-preview-row.marketing-job-row>.marketing-job-copy{grid-column:2;grid-row:1}.marketing-preview-row.marketing-job-row>.marketing-job-status{grid-column:3;grid-row:1}.marketing-preview-row.marketing-job-row>.marketing-job-actions{grid-column:2/4;grid-row:2}}
@media(max-width:650px){.marketing-preview-row.marketing-job-row{grid-template-columns:96px minmax(0,1fr);gap:12px}.marketing-job-thumbnail{width:96px;height:88px}.marketing-preview-row.marketing-job-row>.marketing-job-copy{grid-column:2;grid-row:1}.marketing-preview-row.marketing-job-row>.marketing-job-status{grid-column:2;grid-row:2;justify-self:start}.marketing-preview-row.marketing-job-row>.marketing-job-actions{grid-column:1/-1;grid-row:3}.marketing-job-actions button{flex:1 1 120px}}

/* Listing statuses are labels; the single View control opens the job workspace. */
#marketingWorkspace .marketing-job-status{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;background:none;border:0;border-radius:0;padding:0;font-size:12px;font-weight:600;color:#815b12}
#marketingWorkspace .marketing-job-status::before{content:'';width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:currentColor}
#marketingWorkspace .marketing-job-status.state-inputs-complete{color:#216341}
.marketing-preview-row.marketing-job-row{min-height:124px}
@media(min-width:651px) and (max-width:1100px){.marketing-preview-row.marketing-job-row{grid-template-columns:132px minmax(0,1fr) auto}.marketing-preview-row.marketing-job-row>.marketing-job-copy{grid-column:2;grid-row:1}.marketing-preview-row.marketing-job-row>.marketing-job-status{grid-column:2;grid-row:2;justify-self:start}.marketing-preview-row.marketing-job-row>.marketing-job-actions{grid-column:3;grid-row:1/3}.marketing-job-actions button{flex:none}}

/* Marketing shares the My Work card language; summaries stay out of the workspace. */
.marketing-overview-grid.bento-marketing{display:flex;flex-direction:column;gap:20px;margin:0 0 20px}.bento-marketing-card{display:block;width:100%;box-sizing:border-box;font:inherit;text-align:left;color:#172b40;padding:28px;border:1px solid #dce3ea;border-radius:16px;background:white;cursor:pointer;position:relative;min-height:210px;transition:border-color .15s,box-shadow .15s,transform .15s}.bento-marketing-card:focus-visible{outline:3px solid #b51f36;outline-offset:3px}.bento-marketing .bento-marketing-card:first-child{min-height:240px}.bento-content-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:26px 0 0 60px;max-width:560px}.bento-content-stats .bento-stat:first-child strong{color:#b51f36}.bento-marketing-card>.bento-primary{margin-left:60px}.bento-mini-bars{display:flex;align-items:flex-end;gap:10px;height:80px;min-width:100px;max-width:320px}.bento-mini-column{display:flex;align-items:flex-end;flex:1;min-width:8px;height:80px}.bento-mini-bar{display:block;width:100%;max-width:32px;background:#b51f36;border-radius:3px 3px 0 0}.bento-mini-column:nth-child(even) .bento-mini-bar{background:#d78998}.bento-marketing-card>.bento-mini-bars{position:absolute;right:30px;bottom:52px;width:30%}.bento-visibility{min-height:310px}.bento-visibility-metrics{display:flex;align-items:center;justify-content:space-between;gap:30px;margin:28px 0 22px 60px}.bento-visibility-metrics>.bento-stat:first-child{color:#b51f36}.bento-visibility-metrics>.bento-mini-bars{flex:1;max-width:45%}.bento-visibility-metrics>.bento-footnote{max-width:40%}.bento-visibility-footer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;border-top:1px solid #e5ebf0;margin-top:22px;padding:22px 0 0 60px}.bento-visibility-footer .bento-stat strong{font-size:24px;letter-spacing:0}.bento-visibility .visibility-simulation{display:block;margin-top:16px}.marketing-hub-workspace>.visibility-shell:has(.bento-visibility){max-width:none;margin-top:0;padding:0}
@media(min-width:1200px){.marketing-hub-workspace:has(.bento-marketing){max-width:1450px!important;margin-left:auto;margin-right:auto}}
@media(max-width:700px){.bento-marketing-card{padding:20px;min-height:205px}.bento-content-stats{margin-left:0}.bento-content-stats>.bento-stat+.bento-stat{padding-left:18px}.bento-marketing-card>.bento-primary{margin-left:0}.bento-visibility-metrics{margin-left:0;gap:14px;flex-wrap:wrap}.bento-visibility-metrics>.bento-mini-bars{min-width:90px}.bento-visibility-footer{padding-left:0;gap:12px}.bento-visibility-footer .bento-stat strong{font-size:20px}.bento-marketing-card>.bento-mini-bars{right:20px;width:30%;gap:5px}.bento-visibility-metrics>.bento-footnote{font-size:12px}}
.marketing-hub-workspace>.visibility-shell:has(.bento-visibility){background:transparent;border:0;border-radius:0;padding:0}
@media(max-width:700px){.bento-marketing-card>.bento-mini-bars{position:static;width:100%;max-width:100%;margin-top:18px;height:65px}.bento-marketing-card>.bento-mini-bars .bento-mini-column{height:65px}.bento-mini-bar{max-height:65px}.bento-visibility-metrics>.bento-footnote{max-width:none;flex-basis:100%}}


/* Two compact work cards, followed by the full-width visibility summary. */
.marketing-overview-grid.bento-marketing{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:20px}
.bento-marketing>.bento-marketing-card{min-width:0;min-height:260px}
.bento-marketing .bento-content-stats{margin-left:0;gap:18px}
.bento-marketing-card>.bento-mini-bars{position:static;width:100%;max-width:100%;height:65px;margin-top:18px}
.bento-marketing-card>.bento-mini-bars .bento-mini-column{height:65px}
.bento-marketing-card>.bento-mini-bars .bento-mini-bar{max-height:65px}
@media(max-width:900px){.marketing-overview-grid.bento-marketing{grid-template-columns:minmax(0,1fr)}.bento-marketing>.bento-marketing-card{min-height:0}}

/* Labeled dashboard charts: actual counts remain readable without the graphics. */
.bento-campaign-list{display:grid;gap:16px;margin-top:22px}.bento-campaign-row,.bento-comparison-row{display:block;min-width:0}.bento-chart-label{display:flex;justify-content:space-between;align-items:baseline;gap:16px;font-size:13px;line-height:1.5}.bento-chart-label>:first-child{min-width:0;overflow-wrap:anywhere}.bento-chart-label>:last-child{flex-shrink:0}.bento-chart-label strong{font-size:13px;font-weight:650}.bento-chart-track{display:block;height:6px;background:#edf0f4;border-radius:4px;margin-top:7px;overflow:hidden}.bento-chart-fill{display:block;height:100%;background:#929dac;border-radius:4px}.bento-campaign-row .bento-chart-fill{background:#a45465}.bento-visibility-charts{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,1.5fr);gap:40px;margin-top:26px;align-items:start}.bento-chart-title{display:block;font-size:15px;font-weight:650;color:#24374a}.bento-visibility-share{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}.bento-percentage-ring{display:grid;place-items:center;position:relative;isolation:isolate;width:138px;height:138px;border-radius:50%;background:conic-gradient(#b51f36 var(--coverage),#edf0f4 0)}.bento-percentage-ring:before{content:'';position:absolute;inset:12px;background:white;border-radius:50%;z-index:-1}.bento-percentage-ring strong{font-size:32px;letter-spacing:-1px;color:#b51f36}.bento-visibility-comparison{display:grid;gap:13px;min-width:0}.bento-visibility-comparison>.bento-footnote{margin:0}.bento-comparison-you{background:#fff1f3;padding:10px 12px;border-radius:6px;color:#84243a}.bento-comparison-you .bento-chart-fill{background:#b51f36}.bento-comparison-row:not(.bento-comparison-you){padding:0 12px}.bento-visibility-share>.bento-footnote{margin:0}
@media(max-width:700px){.bento-visibility-charts{grid-template-columns:minmax(0,1fr);gap:28px}.bento-chart-label{flex-wrap:wrap;gap:3px 12px}.bento-campaign-row .bento-chart-label>:last-child{flex-shrink:1}.bento-percentage-ring{width:120px;height:120px}}