/* Layout and controls for the database-backed owner workspace. */
/* Results and lead automation keep their labels readable on narrow screens. */
.automation-panel,.reporting-panel{margin:22px 0}.automation-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;border-top:1px solid var(--border)}.automation-row>div{min-width:0}.automation-row p{margin:8px 0;overflow-wrap:anywhere}.automation-row button{flex-shrink:0}.reporting-panel .panel-head{flex-wrap:wrap;gap:14px}.report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.report-card{padding:18px;border:1px solid var(--border);border-radius:12px;min-width:0}.report-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.report-card dt{font-size:13px;color:var(--muted)}.report-card dd{margin:5px 0;font-size:22px;font-weight:700;overflow-wrap:anywhere}.feedback-events{overflow-wrap:anywhere}.feedback-events small{font-size:12px}#growth-dialog{width:calc(100% - 40px);max-width:760px;max-height:92dvh;overflow:auto;padding:26px}#growth-content section{border-top:1px solid var(--border);padding:18px 0}#growth-content .field{margin-top:18px}#growth-message{overflow-wrap:anywhere}#growth-dialog h2{font-size:24px;overflow-wrap:anywhere}
@media(max-width:760px){.automation-row{flex-direction:column;align-items:stretch}.report-grid{grid-template-columns:minmax(0,1fr)}.report-card{padding:15px}.report-card dd{font-size:20px}#growth-dialog{position:fixed;inset:0;width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;border-radius:0;padding:20px 18px calc(25px + env(safe-area-inset-bottom))}#growth-dialog h2{font-size:21px}#growth-content button{white-space:normal}.reporting-panel .panel-head button{width:100%}}
html:has(dialog[open]),body:has(dialog[open]){overflow:hidden}
#delivery-dialog{width:calc(100% - 40px);max-width:1040px;max-height:92dvh;padding:26px;overflow:auto}#delivery-dialog .dialog-head{align-items:flex-start}#delivery-dialog .dialog-head p{margin:7px 0 18px}.delivery-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.delivery-status{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.delivery-status .pill{white-space:normal}.delivery-location{padding:15px 0;border-bottom:1px solid var(--border)}.delivery-location-controls{display:flex;align-items:end;gap:15px;margin-top:10px}.delivery-location-controls label{max-width:150px}.delivery-check{display:flex;gap:10px;align-items:flex-start;margin:12px 0;line-height:1.5}.delivery-check input{width:20px;height:20px;min-height:20px;flex-shrink:0;margin:2px 0}.delivery-preview{width:100%;max-height:300px;object-fit:contain;border-radius:12px}.delivery-image-empty{padding:35px 24px;border:1px dashed var(--border);border-radius:12px;color:var(--muted);text-align:center}.delivery-copy{white-space:pre-wrap}.delivery-save{display:flex;align-items:center;gap:15px;margin:22px 0;font-size:14px;color:var(--muted)}.delivery-step{display:flex;justify-content:space-between;align-items:center;gap:18px;border-top:1px solid var(--border);padding:16px 0}.delivery-step button{flex-shrink:0;max-width:210px}.delivery-step p{margin:7px 0 0}.delivery-columns details{margin-top:20px}.delivery-columns summary{cursor:pointer;margin-bottom:15px}#delivery-dialog input{width:100%}#delivery-dialog .delivery-check input{width:20px}
@media(max-width:760px){#delivery-dialog{position:fixed;inset:0;width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;padding:20px 18px calc(25px + env(safe-area-inset-bottom));border-radius:0}.delivery-columns{grid-template-columns:minmax(0,1fr);gap:15px}.delivery-step{align-items:stretch;flex-direction:column;gap:10px}.delivery-step button{max-width:100%;width:100%}.delivery-save{align-items:stretch;flex-direction:column}.delivery-save button{width:100%}#delivery-dialog .dialog-head h2{font-size:23px}}
.brand{white-space:nowrap;font-size:25px;gap:7px}.brand-icon{flex-shrink:0}.brand .beta{font-size:9px;letter-spacing:.5px;padding:4px;flex-shrink:0}
html{scroll-padding-top:20px}body{overflow-wrap:anywhere}button,input,select{min-height:44px}input,select,textarea{font-size:16px}button:disabled{opacity:.5}.full-width{width:100%}.spaced{margin-top:20px}.form-error{color:#a53531;font-size:14px;line-height:1.5}.form-error:empty{display:none}.auth-shell{max-width:490px;margin:40px auto}.auth-shell h1{font-size:34px}.auth-shell .panel{margin-top:25px}.signed-out .workspace,.signed-out nav,.signed-out .side-bottom{display:none}.signed-out aside{width:220px}.signed-out main{margin-left:220px}.signed-out header .demo-pill{display:none}.campaign-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.campaign-card{min-width:0}.campaign-thumb{width:100%;height:170px;object-fit:cover;border-radius:8px;margin-bottom:15px}.campaign-details{display:flex;gap:20px;justify-content:space-between;padding:18px 0;margin:10px 0;border-top:1px solid var(--border)}.campaign-details small{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}.campaign-details strong{font-size:16px}.campaign-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lead-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.lead-card .subtext{margin-top:12px}.connection-actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 10px}.inset-form{margin-top:25px;padding-top:20px;border-top:1px solid var(--border)}.inset-form select{margin-bottom:15px}.inset-form label{margin-top:10px}.creative-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.creative-actions p{margin:0}.creative-actions button{flex-shrink:0}.dialog-actions{position:sticky;bottom:-30px;background:#fff;padding-bottom:12px;gap:15px;z-index:2}.dialog-actions .primary{margin-left:auto}dialog .dialog-head{position:relative}dialog[open]{display:block}dialog[open]::backdrop{background:#0a1d2466}.ad-art{padding:0;min-height:0}.ad-art img{display:block;max-height:330px}.side-bottom #logout{display:block;margin-top:14px}.side-bottom .text-button{font-size:13px}.toolbar input{flex:1;min-width:120px}.toolbar select{width:auto;max-width:100%}.panel a{color:#245e43}#info-dialog{max-width:550px;padding:25px}#lead-dialog{max-width:550px}#lead-form{padding:26px}.brand .beta{line-height:1.2}#content{min-height:70vh}.page-heading h1{line-height:1.3}.metrics .metric{min-width:0}.metric small{display:block;line-height:1.5}.lead-card p{white-space:pre-wrap}.welcome .primary{min-height:48px}footer{line-height:1.6}.dialog-actions button{min-height:46px}#steps{flex-shrink:0}.demo-pill{font-size:12px}#mobile-logout{display:none}.dialog-head h2{padding-right:15px}.icon-button{flex-shrink:0;min-width:44px;min-height:44px}#content.loading{opacity:.6}
@media(min-width:761px) and (max-width:1050px){.campaign-grid,.lead-grid{grid-template-columns:1fr}.connections{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 body{padding-bottom:calc(80px + env(safe-area-inset-bottom));background:#f5f7f8}
 aside{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:15px 18px;background:white;width:100%;height:auto}
 .brand{font-size:23px;gap:7px}.brand-icon{width:30px;height:33px;font-size:20px}.brand .beta{display:none}
 .workspace{margin:0;font-size:0;letter-spacing:0;justify-self:end;max-width:190px;width:100%}.workspace select{margin:0;padding:10px 8px;font-size:14px;background:#f4f7f5;min-height:44px}
 nav{position:fixed;bottom:0;left:0;right:0;z-index:8;background:white;border-top:1px solid var(--border);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:7px 10px calc(7px + env(safe-area-inset-bottom));box-shadow:0 -4px 20px #16382b06;gap:4px}
 nav button{display:flex;flex-direction:column;justify-content:center;gap:3px;font-size:20px;border-radius:10px;padding:6px 2px;min-height:54px;color:#67796f}nav button span{font-size:12px;line-height:1.4}nav button.active{color:#193e37;background:#eef5e6}
 main,.signed-out main{margin:0;min-width:0}header{height:52px;padding:0 18px;background:#f5f7f8;border:0;gap:8px}header #breadcrumb{max-width:65%;font-size:12px}#mobile-logout{display:block;min-height:36px;padding:4px 6px;font-size:12px}.signed-out #mobile-logout{display:none}.signed-out aside{display:flex;width:100%;padding:20px}.signed-out header{display:none}.signed-out #content{padding-top:5px}.auth-shell{margin:20px auto}.auth-shell h1{font-size:31px}
 #content{padding:15px 18px 20px}.page-heading{display:flex;flex-direction:column;align-items:stretch;gap:15px;margin-bottom:22px}.page-heading h1{font-size:27px;letter-spacing:-.7px}.page-heading p{font-size:14px;margin-bottom:0}.page-heading>.primary{width:100%;min-height:47px;font-size:15px}
 .welcome{padding:25px 23px;border-radius:13px;margin-bottom:23px}.welcome h2{font-size:23px}.welcome p{font-size:14px}.welcome .eyebrow{font-size:10px}.welcome .primary{width:100%}
 .metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric{padding:17px 14px}.metric span{font-size:13px}.metric strong{font-size:27px;margin:9px 0}.metric small{font-size:12px}
 .section-heading{align-items:flex-start;gap:10px}.section-heading h3{font-size:16px}.section-heading small{max-width:130px;text-align:right;font-size:11px}.two-columns{gap:16px;margin-top:17px}.panel{padding:20px}.campaign-grid,.lead-grid,.connections{grid-template-columns:minmax(0,1fr);gap:15px}.campaign-description{font-size:14px}.campaign-details{gap:10px}.campaign-details strong{font-size:15px}.campaign-details small{font-size:12px}.toolbar{display:grid;grid-template-columns:minmax(0,1fr) 135px;gap:10px}.toolbar input,.toolbar select{max-width:100%;min-width:0;width:100%}.lead-card h3{font-size:18px}.lead-card p{font-size:14px}
 dialog#builder{position:fixed;inset:0;width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;border-radius:0;overflow-y:auto;overscroll-behavior:contain;z-index:20}#builder form{min-height:100%;padding:20px 18px 0;display:flex;flex-direction:column}#step-content{flex:1}#builder .dialog-head{padding-top:env(safe-area-inset-top)}#builder .dialog-head h2{font-size:21px}#builder .eyebrow{font-size:10px}#steps{margin:22px 0}.step{font-size:12px}.dialog-actions{bottom:0;padding:14px 0 calc(14px + env(safe-area-inset-bottom));margin-top:18px}.dialog-actions button{flex:1;min-height:48px;font-size:15px}.dialog-actions #back-step[hidden]{display:none}.dialog-actions .primary{margin-left:0}.fields-two{grid-template-columns:minmax(0,1fr)}.field{margin-bottom:18px}.field label{font-size:14px}.fields-two{gap:0}textarea{min-height:120px}.creative-actions{align-items:flex-start;flex-direction:column;margin-bottom:15px}.creative-actions button{width:100%;min-height:46px}.budget-output{padding:17px;gap:12px}.budget-output strong{font-size:25px}.review-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.review-grid div{padding:12px}.ad-preview{max-width:100%;margin:20px auto}#toast{bottom:calc(90px + env(safe-area-inset-bottom));width:calc(100% - 32px);font-size:13px}.funnel-row{grid-template-columns:95px minmax(0,1fr) 25px;gap:9px;font-size:13px}footer{padding:16px 18px;font-size:11px}.empty{padding:25px 18px}.empty h3{font-size:17px}.empty p{font-size:14px}
}
@media(max-width:350px){aside{padding:12px;gap:8px}.brand{font-size:20px}.workspace{max-width:165px}#content{padding-left:12px;padding-right:12px}.review-grid{grid-template-columns:1fr}.metric strong{font-size:23px}}

.lead-sync-panel{margin-bottom:22px}.lead-sync-panel .panel-head{flex-wrap:wrap;gap:12px}.lead-sync-controls{display:flex;align-items:end;gap:14px;flex-wrap:wrap}.lead-sync-controls .field{flex:1;min-width:0;margin:0}.lead-sync-controls button{flex-shrink:0}.lead-source-detail{margin-top:16px;overflow-wrap:anywhere}.lead-source-detail summary{cursor:pointer;margin:15px 0 10px}.lead-source-detail dl{margin:0}.lead-source-detail dt{font-size:13px;color:var(--muted);margin-top:12px}.lead-source-detail dd{margin:4px 0 0;font-size:14px;white-space:pre-wrap}.lead-card p{overflow-wrap:anywhere}#lead-sync-result{overflow-wrap:anywhere}@media(max-width:600px){.lead-sync-controls{flex-direction:column;align-items:stretch}.lead-sync-controls .field{width:100%}.lead-sync-panel .panel-head{align-items:flex-start}.lead-sync-panel .panel-head h3{line-height:1.4}}

/* AI generation is reviewed separately from the saved campaign. */
#ai-dialog{width:calc(100% - 40px);max-width:760px;max-height:92dvh;overflow:auto;padding:26px}.ai-actions{display:flex;flex-wrap:wrap;gap:10px}.ai-consent{display:flex;align-items:flex-start;gap:10px;margin:18px 0;font-size:14px;line-height:1.5}.ai-consent input{width:20px;min-height:20px;height:20px;flex-shrink:0;margin-top:2px}.ai-preview{border-top:1px solid var(--border);padding-top:20px}.ai-preview img{display:block;max-width:100%;max-height:500px;object-fit:contain;margin:auto}.ai-preview textarea{min-height:230px}.ai-history{display:grid;gap:10px}.ai-history button{text-align:left;white-space:normal}.ai-history span{display:block;font-size:12px;font-weight:400;margin-top:8px}#ai-content details{margin-top:20px}#ai-content summary{cursor:pointer}#ai-content p[role=status]:empty{display:none}
@media(max-width:760px){#ai-dialog{position:fixed;inset:0;width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;border-radius:0;padding:20px 18px calc(25px + env(safe-area-inset-bottom))}#ai-dialog .dialog-head h2{font-size:23px}.ai-actions{width:100%}.ai-actions button{flex:1}.ai-preview img{max-height:55dvh}}

.customer-row,.onboarding-step{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-top:1px solid var(--border)}.customer-row>div{min-width:0}.customer-row p{margin:8px 0}.customer-row button{flex-shrink:0}.invite-result{margin-top:22px;padding:18px;border-radius:12px;background:#eff5f1}.invite-result input{width:100%;margin:10px 0}.onboarding{margin-bottom:22px}.onboarding-step>span:nth-child(2){flex:1}.privacy-page{display:block;padding:30px 16px;background:#f4f7f7}.privacy-document{max-width:800px;margin:0 auto}.privacy-document h2{margin-top:28px}.privacy-document p{line-height:1.7}@media(max-width:600px){.customer-row{align-items:stretch;flex-direction:column}.customer-row button{width:100%}.onboarding-step{gap:10px}.privacy-document{padding:22px}.invite-result{padding:14px}}

.billing-plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:18px;margin-top:20px}.billing-plan{border:1px solid var(--line,#dce5e2);border-radius:14px;padding:22px;min-width:0}.billing-plan button{margin:8px 8px 0 0}.billing-price{font-size:27px;font-weight:700}.billing-price small{font-size:15px;font-weight:400}.billing-subscription{padding:20px 0;border-bottom:1px solid var(--line,#dce5e2);overflow-wrap:anywhere}.billing-subscription .connection-actions{flex-wrap:wrap}.billing-plan-grid p{overflow-wrap:anywhere}

/* Guided campaign workspace */
#campaign-brief{min-height:190px}.journey-next{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#193e37;color:#fff}.journey-next p{color:#d6e4df}.journey-next .eyebrow{color:#d7f77a}.journey-next h2{font-size:28px;line-height:1.2}.journey-next>.primary{background:#d7f77a;color:#193e37;flex-shrink:0}.journey-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr);gap:24px;align-items:start}.journey-aside{min-width:0}.journey-image{display:block;max-width:100%;max-height:360px;object-fit:contain;margin:18px auto}.journey-copy{white-space:pre-wrap;overflow-wrap:anywhere}.journey-steps{list-style:none;padding:0;margin:0}.journey-steps li{display:flex;gap:14px;border-top:1px solid var(--border);padding:20px 0}.journey-step-body{flex:1;min-width:0}.journey-step-body .panel-head{align-items:flex-start;gap:12px;flex-wrap:wrap}.journey-step-body p{font-size:14px;line-height:1.55;overflow-wrap:anywhere}.journey-number{display:grid;place-content:center;flex:0 0 30px;height:30px;border:1px solid var(--border);border-radius:50%;font-size:13px}.journey-number.done{background:#e9f3e8;color:#193e37}.journey-counts{display:flex;gap:18px;flex-wrap:wrap}.journey-counts strong,.journey-counts span{display:block}.journey-counts strong{font-size:26px}.journey-counts span{font-size:12px;margin-top:8px}.budget-assumptions summary{cursor:pointer;font-weight:600;padding:12px 0}
@media(max-width:850px){.journey-layout{grid-template-columns:1fr}.journey-next{align-items:stretch;flex-direction:column}.journey-next h2{font-size:24px}.journey-steps li{gap:10px}.journey-step-body .pill{font-size:11px}.journey-aside{display:grid;grid-template-columns:1fr;gap:0}}

/* Follow-up inbox */
.followup-summary{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 20px}.followup-summary h3{margin:0}.followup-summary .field{min-width:200px;margin:0}.lead-tools{margin-bottom:20px}.lead-tools>summary{cursor:pointer;font-weight:650;padding:4px 0}.lead-tools[open]>summary{margin-bottom:20px}.lead-tools .panel:last-child{margin-bottom:0}.followup-due{background:#fff1dc;color:#764617}.lead-followup{margin:16px 0}.lead-history{padding-left:20px}.lead-history li{margin:16px 0}.lead-detail p,.lead-card p,.lead-detail dd{overflow-wrap:anywhere}.lead-detail textarea{min-height:140px}.lead-detail input{min-width:0;max-width:100%}
@media(max-width:640px){.followup-summary{align-items:stretch;flex-direction:column;gap:14px}.followup-summary .field{min-width:0}.lead-tools{padding:18px}.lead-tools .panel{padding:16px}.lead-detail input[type=datetime-local]{width:100%;box-sizing:border-box}}

.brand-tagline{color:var(--muted,#738782);font-size:12px;letter-spacing:.02em;margin:8px 0 0 53px}
@media(max-width:760px){.brand-tagline{display:none}}

#store-content .toolbar{align-items:flex-end}#store-content .toolbar .field{margin-bottom:0}#store-content .panel-head{flex-wrap:wrap}#store-content .metric strong{font-size:clamp(20px,2vw,29px);overflow-wrap:anywhere}@media(max-width:760px){.store-heading{flex-direction:column;align-items:stretch}.store-heading .primary{width:100%}}

.checkout-receipt{border-top:1px solid var(--border);padding-top:18px}.checkout-receipt li{margin:8px 0;font-size:14px;line-height:1.5}.checkout-receipt ul{padding-left:20px}.checkout-receipt{overflow-wrap:anywhere}#startup-retry{display:inline-block;text-decoration:none;margin-top:12px}
