body.email-crm-open{overflow:hidden}#email-crm{position:fixed;inset:0;z-index:2147482000;background:#f5f6f8;color:#18202c;overflow:auto;font:15px/1.5 system-ui,-apple-system,sans-serif;isolation:isolate;padding-bottom:env(safe-area-inset-bottom)}#email-crm *{box-sizing:border-box}#email-crm [hidden]{display:none!important}#email-crm .crm-shell{max-width:1180px;margin:auto;padding:24px}#email-crm .crm-header{display:flex;gap:20px;align-items:center;justify-content:space-between}#email-crm h1{font-size:25px;margin:0}#email-crm h2{font-size:19px;margin:0 0 16px}#email-crm h3{font-size:16px;margin:0 0 8px;overflow-wrap:anywhere}#email-crm p{margin:10px 0;overflow-wrap:anywhere}#email-crm nav,#email-crm .crm-summary,#email-crm .crm-actions{display:flex;gap:10px;flex-wrap:wrap}#email-crm .crm-summary{margin:22px 0;color:#526073;font-size:13px}#email-crm nav{border-bottom:1px solid #d8dee7;padding-bottom:14px}#email-crm button,#email-crm .crm-button{display:inline-flex;justify-content:center;align-items:center;gap:6px;background:white;color:#18202c;border:1px solid #cad2df;border-radius:9px;padding:10px 15px;min-height:42px;cursor:pointer;text-decoration:none;font:inherit;font-weight:600}#email-crm button:hover,#email-crm .crm-button:hover{background:#edf1f7}#email-crm button:focus-visible,#email-crm a:focus-visible,#email-crm input:focus-visible,#email-crm textarea:focus-visible,#email-crm select:focus-visible{outline:3px solid #5b83ff;outline-offset:2px}#email-crm .crm-primary,#email-crm [aria-current=page]{background:#203ee8;color:#fff;border-color:#203ee8}#email-crm .crm-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}#email-crm .crm-card{background:white;border:1px solid #dce1e9;padding:22px;border-radius:14px;margin-bottom:20px;min-width:0}#email-crm label{display:block;margin-bottom:14px;font-size:13px;font-weight:600}#email-crm input,#email-crm textarea,#email-crm select{display:block;width:100%;background:#fff;color:#18202c;border:1px solid #bfc9d8;border-radius:7px;padding:11px;margin-top:6px;font:inherit;font-size:16px}#email-crm textarea{resize:vertical;min-height:90px}#email-crm .crm-check{display:flex;align-items:center;gap:8px;overflow-wrap:anywhere}#email-crm .crm-check input{width:auto;margin:0}#email-crm fieldset{border:1px solid #dce1e9;border-radius:8px;margin:0 0 16px;padding:12px}#email-crm .crm-note,#email-crm small{font-size:12px;color:#526073}#email-crm .crm-tag{display:inline-block;background:#eef1f8;color:#44556a;border-radius:6px;font-size:11px;padding:3px 7px;font-weight:600}#email-crm .crm-row{display:flex;gap:12px;align-items:center;justify-content:space-between;border-top:1px solid #e1e6ee;padding:14px 0;overflow-wrap:anywhere}#email-crm .crm-row>div{min-width:0}#email-crm .crm-row button{font-size:12px;flex-shrink:0}#email-crm .crm-message{padding:16px 0;border-top:1px solid #e1e6ee}#email-crm pre{font:inherit;white-space:pre-wrap;overflow-wrap:anywhere}#email-crm .crm-error{color:#a21932}#email-crm .crm-empty{padding:16px 0;color:#66758a}#email-crm #crm-notice{min-height:24px;font-weight:600;margin:16px 0}#email-crm summary{cursor:pointer;margin-bottom:12px}#email-crm ol{padding-left:23px;font-size:13px}#email-crm li{margin:10px 0}#email-crm a{color:#203ee8}#email-crm #crm-provider-help{margin-bottom:22px}#email-crm[aria-busy=true] main{opacity:.65;pointer-events:none}@media(max-width:720px){#email-crm .crm-shell{padding:16px;padding-top:max(16px,env(safe-area-inset-top))}#email-crm .crm-grid{grid-template-columns:1fr}#email-crm nav{flex-wrap:nowrap;overflow-x:auto}#email-crm .crm-card{padding:17px}#email-crm .crm-header{gap:10px}#email-crm .crm-header button{padding:9px;font-size:13px}#email-crm h1{font-size:21px}}
#email-crm button.crm-primary:hover,#email-crm nav button[aria-current=page]:hover{background:#1931bd;color:#fff}
#email-crm .crm-shell{padding-bottom:calc(110px + env(safe-area-inset-bottom))}#email-crm .crm-bottom-bar{position:fixed;bottom:0;left:0;right:0;z-index:3;padding:14px 20px calc(14px + env(safe-area-inset-bottom));background:rgba(245,246,248,.97);border-top:1px solid #dce1e9;display:flex;justify-content:center}#email-crm .crm-bottom-bar button{width:100%;max-width:540px;min-height:52px;font-size:16px}#email-crm .crm-search-composer{max-width:740px;margin:0 auto}#email-crm .crm-search-composer h2,#email-crm .crm-campaign-detail h2{margin-top:22px;font-size:25px}#email-crm .crm-search-composer textarea{min-height:160px;font-size:18px}#email-crm .crm-results-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0;flex-wrap:wrap}#email-crm .crm-audience{color:#526073}#email-crm .crm-found-contact{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 0;border-top:1px solid #e1e6ee}#email-crm .crm-found-contact>div{min-width:0}#email-crm .crm-found-contact>button{font-size:12px;flex-shrink:0}#email-crm .crm-found-email{font-weight:650;overflow-wrap:anywhere}#email-crm .crm-sources{font-size:12px;margin:8px 0;overflow-wrap:anywhere}#email-crm .crm-search-progress{background:#edf1ff;border-radius:9px;padding:15px}#email-crm button:disabled{opacity:.5;cursor:wait}#email-crm[aria-busy=true] .crm-bottom-bar{pointer-events:none;opacity:.6}@media(max-width:430px){#email-crm .crm-found-contact{display:block}#email-crm .crm-found-contact>button{margin-top:10px}}

/* Use the app's live navigation and notifications above the full-screen CRM. */
html body.email-crm-with-header #mobile-app-header{z-index:2147482500!important;background:transparent!important;background-image:none!important;box-shadow:none!important;color:#18202c!important;--text-primary:#18202c;--mobile-header-bg:transparent}
html body.email-crm-with-header #mobile-app-header::before,html body.email-crm-with-header #mobile-app-header::after{display:none!important}
html body.email-crm-with-header #mobile-app-header .mobile-app-header__brand,html body.email-crm-with-header #mobile-app-header-tabs{visibility:hidden;pointer-events:none}
html body.email-crm-with-header #mobile-app-header .mobile-app-header__more-btn,html body.email-crm-with-header #mobile-app-header [aria-label="Notifications"]{color:#18202c!important;-webkit-text-fill-color:#18202c!important}
html body.email-crm-with-header #email-crm{padding-top:var(--mobile-app-header-height,calc(env(safe-area-inset-top,0px) + 74px))}
html body.email-crm-with-header #email-crm .crm-shell,html body.email-crm-with-header #email-crm .crm-composer-shell{padding-top:10px}

html body.email-crm-with-header #mobile-app-header .mobile-app-header__refresh-btn{display:none!important}
html body.email-crm-with-header #mobile-app-header .mobile-app-header__more-btn i,html body.email-crm-with-header #mobile-app-header [aria-label="Notifications"] i{color:#18202c!important;-webkit-text-fill-color:#18202c!important}

html body.email-crm-with-header #mobile-app-header .mobile-app-header__brand-row{position:relative!important}
html body.email-crm-with-header #crm-app-header-title{position:absolute!important;left:50%;top:50%;transform:translate(-50%,-50%);margin:0!important;padding:0!important;width:calc(100% - 116px);text-align:center;font-family:"Plus Jakarta Sans",-apple-system,sans-serif!important;font-size:19px!important;font-weight:700!important;line-height:1.2!important;letter-spacing:-.025em;color:#10243f!important;-webkit-text-fill-color:#10243f!important;pointer-events:none;white-space:nowrap}
html body #email-crm{box-sizing:border-box}

/* The campaign switcher lives in the app header, beside navigation controls. */
html body.email-crm-with-header #crm-app-header-title.has-campaign-picker{pointer-events:auto;width:calc(100% - 170px)}
html body.email-crm-with-header #crm-app-header-title select{display:block;width:100%;min-width:0;height:40px;margin:0;padding:0 20px 0 4px;border:0;border-radius:0;background-color:transparent;font-family:"Plus Jakarta Sans",-apple-system,sans-serif!important;font-size:15px!important;font-weight:700!important;line-height:1.2;color:#10243f!important;-webkit-text-fill-color:#10243f!important;text-align:center;text-overflow:ellipsis;cursor:pointer;box-shadow:none}

html body.email-crm-with-header #crm-app-header-title.has-campaign-picker{display:flex!important;align-items:center;gap:7px;height:38px;max-width:560px;border-radius:999px!important;padding:0 12px!important;background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(232,239,248,.64))!important;border:1px solid rgba(255,255,255,.92)!important;box-shadow:0 5px 18px -10px rgba(24,48,78,.35),inset 0 1px 0 rgba(255,255,255,.95)!important;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%)}
html body.email-crm-with-header #crm-app-header-title .crm-header-campaign-label{display:block;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px!important;font-weight:700!important;letter-spacing:-.02em;color:#163454!important;-webkit-text-fill-color:#163454!important}
html body.email-crm-with-header #crm-app-header-title .crm-header-campaign-chevron{flex:none;color:#45627f!important}
html body.email-crm-with-header #crm-app-header-title.has-campaign-picker select{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;cursor:pointer!important;appearance:none!important;-webkit-appearance:none!important}
html body.email-crm-with-header #crm-app-header-title.has-campaign-picker:focus-within{outline:2px solid #78b6f4;outline-offset:2px}

/* Search belongs in the campaign feed filter row. */
html body.email-crm-with-header #mobile-header-search-btn{display:none!important}
/* The email header and feed share one continuous white surface. */
html body.email-crm-with-header #mobile-app-header{background:#fff!important;--mobile-header-bg:#fff}
html body.email-crm-with-header #mobile-app-header .mobile-app-header__brand-row{background:#fff!important}
html body.email-crm-with-header #email-crm{background:#fff!important}
html body.email-crm-with-header #mobile-app-header #mobile-header-search-btn,
html body.email-crm-with-header #mobile-app-header [aria-label="Search moments"]{display:none!important}
html body.email-crm-with-header #crm-app-header-title.has-campaign-picker{width:calc(100% - 132px)}

html body.email-crm-with-header:has(#email-crm.is-composing) #mobile-app-header{background:#f0f6ff!important;--mobile-header-bg:transparent}html body.email-crm-with-header #mobile-app-header .mobile-app-header__brand-row{background:transparent!important;box-shadow:none!important;border:0!important}html body.email-crm-with-header #crm-app-header-title:not(.has-campaign-picker){background:transparent!important}
#email-crm .crm-offer-modes{display:flex;gap:9px;margin:20px 0 0}#email-crm .crm-offer-modes button{flex:1;min-width:0;padding:16px 13px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;border-radius:18px;background:rgba(255,255,255,.66);border:1px solid rgba(16,36,63,.08);color:#0d2140}#email-crm .crm-offer-modes button[aria-pressed=true]{background:#fff;border:1.5px solid #2b8bf5;box-shadow:0 10px 26px -14px #2b8bf57a}#email-crm .crm-offer-modes strong{font-size:13px}#email-crm .crm-offer-modes span{font-size:11px;line-height:1.5;color:#4a6688;margin-top:5px}#email-crm .crm-offer-intake{margin:18px 0;padding:18px;background:white;border-radius:20px;border:1px solid #10243f17}#email-crm .crm-offer-intake label{font-size:12px;font-weight:700;color:#4a6688}#email-crm .crm-offer-intake textarea{width:100%;min-height:180px;margin:12px 0;font:16px/1.6 system-ui;border:0;background:transparent;color:#10243f;resize:vertical}#email-crm [data-structure-offer]{width:100%;border:0;border-radius:30px;padding:13px;background:#176ddd;color:white;-webkit-text-fill-color:white}#email-crm [data-structure-offer]:disabled{opacity:.45}

#email-crm .crm-structured-review{height:100%;min-height:100%;display:flex;flex-direction:column;background:linear-gradient(180deg,#f0f6ff,#f7f9fc);font-family:'Plus Jakarta Sans',system-ui,sans-serif}#email-crm .crm-structured-review>header{padding:22px 20px 16px}#email-crm .crm-review-eyebrow{font-size:10px;color:#607795;letter-spacing:.14em;text-transform:uppercase}#email-crm .crm-structured-review h2{font-size:27px;font-weight:800;letter-spacing:-.04em;margin:8px 0}#email-crm .crm-structured-review header p{font-size:13px;color:#607795;margin:0}#email-crm .crm-structured-review>main{padding:0 20px 20px;overflow:auto;flex:1;min-height:0}#email-crm .crm-structured-review .crm-plan-card{margin:0;border-radius:22px;background:#fff;border:1px solid #e5edf7;box-shadow:0 12px 30px -24px #12385f66}#email-crm .crm-structured-review .crm-plan-sub{white-space:pre-line;line-height:1.6;font-size:13px}#email-crm .crm-structured-review>footer{padding:14px 20px max(16px,env(safe-area-inset-bottom));background:rgba(245,249,255,.94);border-top:1px solid #e4ebf5}#email-crm .crm-review-secondary{display:flex;gap:10px;margin-bottom:12px}#email-crm .crm-review-secondary button{border:0;background:#e8f0fa;color:#294c76;border-radius:30px;padding:10px 14px;font-size:12px}#email-crm .crm-review-secondary button:first-child{flex:1}#email-crm .crm-review-build{width:100%;padding:15px;border:0;border-radius:30px;background:linear-gradient(100deg,#2b8bf5,#0f5bd1);color:white;-webkit-text-fill-color:white;font-size:14px;font-weight:750}#email-crm .crm-structured-review footer p{font-size:10px;color:#607795;text-align:center;margin:10px 0 0}

/* Keep shared navigation present throughout CRM screen transitions. */
html body.email-crm-with-header #mobile-app-header{position:fixed!important;top:0!important;left:0!important;right:0!important;display:block!important;visibility:visible!important;opacity:1!important;transform:none!important}

/* Draw the menu independently of inherited icon-font colors. */
html body.email-crm-with-header #mobile-app-header .mobile-app-header__more-btn{position:relative!important}
html body.email-crm-with-header #mobile-app-header .mobile-app-header__more-btn i{visibility:hidden!important}
html body.email-crm-with-header #mobile-app-header .mobile-app-header__more-btn::after{content:"";position:absolute;left:50%;top:50%;width:18px;height:14px;transform:translate(-50%,-50%);background:linear-gradient(#244563,#244563) top/100% 2px no-repeat,linear-gradient(#244563,#244563) center/100% 2px no-repeat,linear-gradient(#244563,#244563) bottom/100% 2px no-repeat;border-radius:1px;pointer-events:none}

/* The Ask AI dock occupies the bottom edge; avoid a second safe-area gap. */
html body #email-crm{padding-bottom:0!important}
html body.email-crm-open dialog[open]{padding-bottom:calc(60px + env(safe-area-inset-bottom,0px))!important;box-sizing:border-box!important}
