/* Scoped to the customer portal and the owner's brand preview. */
.customer-workspace{--customer-ink:#173f56;--customer-muted:#617f91;--customer-border:#dce9ef}
.customer-workspace .page-heading h1{font-size:30px}.customer-workspace .subtitle{font-size:13px}.customer-workspace main{max-width:1600px;margin:auto}.customer-workspace .workspace-role{color:#9fb8c5}
.customer-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:32px 34px;border:1px solid #bfe4de;border-radius:18px;background:radial-gradient(ellipse at 100% 0,#c2e7fa9c,transparent 55%),linear-gradient(110deg,#e0f7ec,#f0f8fd);margin-bottom:26px;position:relative;overflow:hidden}.customer-hero h2{font-size:32px;letter-spacing:-1px;color:#134b59;margin:12px 0}.customer-hero p:not(.eyebrow){font-size:13px;color:#507989;max-width:540px;line-height:1.8;margin:0}.customer-hero-status{display:grid;justify-items:end;gap:13px;min-width:200px}.customer-hero-status small{color:#537b8d;overflow-wrap:anywhere}.customer-hero-status .text-link{font-size:12px}.customer-hero .status-pill{padding:8px 12px}
.customer-section-label{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:25px 0 16px}.customer-section-label h2{font-size:17px;margin:0;color:var(--customer-ink)}.customer-section-label>span{font-size:11px;color:var(--customer-muted)}
.customer-stats,.customer-message-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.customer-stats .metric,.customer-message-stats .metric{padding:23px;border-radius:14px}.customer-stats .metric>span,.customer-message-stats .metric>span{font-size:13px}.customer-stats .metric>strong,.customer-message-stats .metric>strong{font-size:34px;color:#1f5265;letter-spacing:-1px}.customer-stats .metric>small,.customer-message-stats .metric>small{font-size:11px;line-height:1.7;min-height:35px;display:block}.customer-stats .text-link{display:block;margin-top:17px;font-size:11px}
.customer-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 26px}.customer-shortcut{position:relative;display:grid;grid-template-columns:34px 1fr;gap:5px 10px;padding:20px 16px;background:#fff;border:1px solid var(--customer-border);border-radius:13px;color:var(--customer-ink);text-decoration:none;transition:border-color .15s,transform .15s}.customer-shortcut:hover{border-color:#69bdae;transform:translateY(-2px)}.shortcut-icon{grid-row:span 2;display:grid;place-items:center;color:#159c90;font-size:21px;background:#e9f7f3;border-radius:9px;width:33px;height:36px}.customer-shortcut strong{font-size:12px;font-weight:600;margin-right:12px}.customer-shortcut small{font-size:10px;color:var(--customer-muted);line-height:1.6}.shortcut-arrow{position:absolute;right:12px;top:16px;color:#719eaa}
.customer-panel{min-width:0;border-radius:16px;margin-bottom:24px;overflow:hidden}.customer-panel>.section-heading{padding:23px 26px}.customer-panel h2{font-size:17px;color:var(--customer-ink)}.customer-panel>.section-heading p{font-size:12px;line-height:1.7}.customer-panel-body{padding:5px 26px 24px}.customer-panel-body>.muted{font-size:12px;line-height:1.8;margin-top:24px}.customer-panel-link{display:block;padding:20px 26px;border-top:1px solid var(--customer-border);font-size:12px}.customer-period{display:flex;gap:15px;align-items:center;justify-content:space-between;padding:0 26px 12px}.customer-period select{min-width:180px;font-size:12px;border:1px solid var(--customer-border);border-radius:8px;padding:10px 12px;background:#fff;color:#41677b}.customer-period .text-link{font-size:12px}.customer-message-area{padding:0 26px 16px}.customer-message-stats{margin:15px 0 18px}.customer-message-stats .metric{background:#f7fafc;box-shadow:none;border-color:#e4edf2;padding:19px}.customer-message-stats .metric strong{font-size:29px}.customer-message-chart{border-top:1px solid #e9eff3;padding-top:10px}.customer-message-chart svg{width:100%;height:auto;display:block;max-height:240px}.customer-message-chart text{font-size:11px;fill:#7894a3}.customer-performance-detail{display:flex;flex-wrap:wrap;gap:9px;margin:12px 0}.customer-performance-detail span{font-size:11px;background:#eef6f8;border:1px solid #e0ecef;color:#4e7c8d;border-radius:6px;padding:7px 11px}.customer-footnote{color:#688696;font-size:11px;line-height:1.8}.customer-panel>.customer-footnote{padding:0 26px 16px}
.customer-empty{padding:30px 24px;text-align:center;max-width:620px;margin:auto;grid-column:1/-1}.customer-empty-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:#e7f5f1;color:#22a58d;margin:0 auto 17px;font-size:27px}.customer-empty h3{font-size:17px;color:var(--customer-ink);margin:0 0 11px}.customer-empty p{font-size:12px;color:var(--customer-muted);line-height:1.9;margin:0 0 16px}.customer-empty .text-link{font-size:12px}
.customer-lower{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:24px}.customer-limit{margin:18px 0 25px}.customer-limit>div{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px;font-size:12px;color:#456c7b}.customer-limit strong{font-weight:550}.customer-limit small{display:block;margin:8px 0 0;font-size:11px;color:#78929e}.customer-limit progress{appearance:none;width:100%;height:8px;border:0;border-radius:8px;overflow:hidden;background:#eaf1f5}.customer-limit progress::-webkit-progress-bar{background:#eaf1f5}.customer-limit progress::-webkit-progress-value{background:linear-gradient(90deg,#05aa8a,#2997cf);border-radius:8px}.customer-limit progress::-moz-progress-bar{background:#159eaa}
.customer-order{display:flex;width:100%;gap:18px;text-align:left;align-items:center;padding:18px 26px;background:#fff;border:0;border-top:1px solid #e8eff4;cursor:pointer;color:#436d80}.customer-order:hover{background:#f4faf8}.customer-order>div:first-child{flex:1;min-width:0}.customer-order>div:nth-child(2){text-align:right}.customer-order strong{display:block;font-size:12px;overflow-wrap:anywhere}.customer-order small{display:block;font-size:11px;color:#859ca8;margin-top:7px;line-height:1.6}.customer-order>span{color:#2e978d;font-size:18px}
.customer-flows,.customer-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:0 26px 22px}.customer-flows article,.customer-module-grid>div{padding:21px;background:#f8fbfc;border:1px solid #e5edf1;border-radius:12px}.customer-flows h3,.customer-module-grid h3{font-size:14px;margin:17px 0 10px;color:var(--customer-ink)}.customer-flows p,.customer-module-grid p{font-size:12px;line-height:1.8;color:var(--customer-muted)}.customer-flows .text-link,.customer-module-grid .text-link{display:inline-block;margin-top:10px;font-size:12px}.customer-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-state-title{font-size:20px;font-weight:600;color:#34756e;padding:4px 26px 0;margin:0}.customer-panel .ops-facts{font-size:12px}.customer-panel>.info-note{margin:15px 26px}.customer-panel>.secondary{margin:0 26px 20px}.customer-check-result{padding:0 26px 20px;font-size:12px;color:#456f80}.customer-checklist{padding:0 26px 24px 48px;margin:0;display:grid;gap:18px}.customer-checklist li{padding-left:8px;color:#1d8c82}.customer-checklist strong{font-size:13px;color:#315f72}.customer-checklist p{font-size:12px;line-height:1.8;color:#6b899a;margin:8px 0 0}
.customer-account-notice,.customer-message-notice{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;background:#eaf4f8;border:1px solid #d0e5ed;color:#476f82;padding:17px 20px;border-radius:12px;margin-bottom:22px;font-size:12px;line-height:1.7}.customer-account-notice{background:#fff6e8;border-color:#edddc3;color:#856337}.customer-message-notice small{flex-basis:100%;font-size:11px;color:#718a99}.customer-message-notice .text-link,.customer-account-notice .text-link{margin-left:auto;white-space:nowrap}
.customer-campaign-starters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:24px}.customer-campaign-starters article{padding:24px;background:linear-gradient(140deg,#f2fcf7,#f0f7fd);border-radius:14px}.customer-campaign-starters h3{font-size:16px;color:#285d6b;margin:0 0 12px}.customer-campaign-starters p{font-size:12px;color:#70909d;line-height:1.8}.customer-campaign-starters .text-button{font-size:12px}.customer-campaign-summary{display:flex;gap:22px;flex-wrap:wrap;font-size:12px;color:#6d8897;margin-bottom:22px}.customer-campaign-summary strong{color:#248b80}.customer-campaign-filter{display:flex;align-items:end;gap:14px;flex-wrap:wrap;margin-bottom:24px}.customer-campaign-filter>input{flex:2;min-width:200px;padding:12px;border-radius:8px;border:1px solid #d7e6ed;font-size:12px}.customer-campaign-filter .crm-filter{flex:1;min-width:170px}.customer-campaign-filter .crm-filter span{font-size:11px}.customer-campaign-filter select{padding:11px}.campaign-preview{border:1px solid #d2e8e0;border-radius:12px;background:#f5fbf8;padding:20px}.campaign-preview>div{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#427567;margin-bottom:16px}.campaign-preview .pilot-bubble{font-size:13px;background:#e5f5ed;max-height:240px;overflow:auto}.campaign-preview>small{display:block;margin-top:14px;font-size:11px}
.customer-workspace .campaign-card h2{font-size:19px}.customer-workspace .campaign-copy{font-size:13px}.customer-workspace .card-actions{flex-wrap:wrap}.customer-workspace .inbox-layout{border-radius:16px;overflow:hidden}.customer-workspace .thread-scroll{height:510px}.customer-workspace .conversation-item{padding:18px}.customer-workspace .thread-heading{padding:20px}.customer-workspace .thread-heading h2{font-size:16px}.customer-workspace .thread-footnote{font-size:11px;line-height:1.7}.customer-workspace .bubble{font-size:13px;line-height:1.8}.customer-workspace .inbox-search{display:flex;gap:8px}.customer-workspace .inbox-search input{min-width:0;width:100%}#back-to-conversations{display:none}
.customer-workspace .commerce-toolbar{gap:13px;align-items:end}.commerce-control{display:grid;gap:8px;min-width:130px}.commerce-control>span{font-size:11px;color:#658797}.commerce-control input,.commerce-control select{width:100%;min-width:0}.commerce-control.search-control{flex:2;min-width:240px}.commerce-control.search-control input{width:100%}.commerce-quick-filters{display:flex;gap:8px;flex-wrap:wrap;padding:0 24px 22px}.commerce-quick-filters button{background:#f3f8fa;border:1px solid #dbe8ed;border-radius:20px;padding:8px 13px;font-size:11px;color:#608191;cursor:pointer}.commerce-quick-filters button[aria-pressed=true]{color:#168678;background:#e6f7f0;border-color:#a9d9cb}.customer-workspace .commerce-list th{position:sticky;top:0;background:#f5f9fb;z-index:1}.customer-workspace .commerce-list .table-wrap{max-height:670px}.customer-workspace .row-actions{min-width:160px}.customer-workspace .row-actions button{font-size:11px}.customer-workspace .record-detail h2{font-size:21px}.customer-workspace .record-detail p{line-height:1.8}
@media(max-width:1180px){.customer-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-stats,.customer-message-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-lower{grid-template-columns:1fr 1fr}.customer-hero{align-items:flex-start}.customer-hero-status{min-width:180px}}
@media(max-width:850px){.customer-lower{grid-template-columns:1fr}.customer-flows,.customer-campaign-starters{grid-template-columns:1fr}.customer-hero{flex-direction:column}.customer-hero-status{justify-items:start;min-width:0}.customer-workspace .inbox-layout{grid-template-columns:1fr}.customer-workspace .thread-column{display:none}.customer-workspace .thread-open .thread-column{display:block}.customer-workspace .thread-open .conversation-column{display:none}#back-to-conversations{display:block;white-space:nowrap}.customer-workspace .thread-heading{flex-wrap:wrap}.customer-workspace .thread-heading>div{flex:1;min-width:0}.customer-workspace .thread-scroll{height:60vh;min-height:300px}.customer-workspace .conversation-column{border:0}.customer-workspace #conversation-list{max-height:60vh;overflow:auto}}
@media(max-width:560px){.customer-workspace .page-heading h1{font-size:25px}.customer-hero{padding:24px}.customer-hero h2{font-size:28px}.customer-hero p:not(.eyebrow){font-size:12px}.customer-section-label{align-items:flex-start;flex-direction:column;gap:8px}.customer-stats,.customer-message-stats{gap:12px}.customer-stats .metric,.customer-message-stats .metric{padding:16px}.customer-stats .metric>strong{font-size:30px}.customer-stats .metric>small{min-height:50px}.customer-stats .metric>span,.customer-message-stats .metric>span{font-size:12px}.customer-shortcuts{gap:10px}.customer-shortcut{grid-template-columns:1fr;padding:16px}.shortcut-icon{grid-row:auto;width:30px;height:30px;font-size:18px;margin-bottom:7px}.customer-shortcut strong{font-size:12px;line-height:1.6}.customer-shortcut small{font-size:10px}.customer-panel>.section-heading{padding:21px 18px}.customer-panel h2{font-size:16px}.customer-panel-body{padding:0 18px 20px}.customer-period,.customer-message-area{padding-left:18px;padding-right:18px}.customer-period select{min-width:0;max-width:150px}.customer-period .text-link{font-size:11px}.customer-message-stats .metric>strong{font-size:27px}.customer-message-stats .metric>small{font-size:10px;min-height:35px}.customer-order{padding:18px}.customer-flows,.customer-module-grid{padding:0 18px 18px;grid-template-columns:1fr}.customer-campaign-filter>input,.customer-campaign-filter .crm-filter{min-width:100%;width:100%}.customer-campaign-summary{gap:12px}.customer-account-notice,.customer-message-notice{padding:16px}.customer-account-notice .text-link,.customer-message-notice .text-link{margin-left:0}.customer-workspace .commerce-control,.customer-workspace .commerce-control.search-control{min-width:100%;width:100%}.customer-workspace .commerce-toolbar>button{flex:1}.commerce-quick-filters{padding:0 18px 20px}.customer-workspace .thread-heading{gap:12px}.customer-workspace .bubble{max-width:94%}.campaign-preview>div{flex-direction:column}.customer-workspace .preview-banner{align-items:flex-start;flex-direction:column}}