.mmm-territory-showcase { position:absolute; z-index:44; top:6rem; right:1rem; bottom:1rem; width:min(38rem,calc(100% - 2rem)); display:flex; flex-direction:column; overflow:hidden; border:1px solid #d7e5f3; border-radius:1.2rem; color:#123451; background:#fff; box-shadow:0 1.2rem 4rem #061d3d40; }
.mmm-territory-showcase[hidden] { display:none!important; }
.mmm-territory-showcase__header { display:flex; justify-content:space-between; align-items:center; gap:1rem; padding:1rem 1.25rem; border-bottom:1px solid #e7eef6; }
.mmm-territory-showcase__brand { display:flex; align-items:center; gap:.65rem; }
.mmm-territory-showcase__brand img { width:2.2rem; height:2.2rem; }
.mmm-territory-showcase__brand small { display:block; color:#2476ca; font-size:.6rem; font-weight:800; letter-spacing:.12em; }
.mmm-territory-showcase__brand span { display:block; margin-top:.15rem; font-size:.95rem; font-weight:800; }
.mmm-territory-showcase__close { display:grid; place-items:center; width:2.75rem; height:2.75rem; border:1px solid #e1eaf4; border-radius:50%; color:#1b4267; background:#f3f7fc; cursor:pointer; flex-shrink:0; }
.mmm-territory-showcase__body { min-height:0; overflow-y:auto; overscroll-behavior:contain; padding:1.4rem; }
.mmm-territory-showcase__eyebrow { display:flex; align-items:center; gap:.4rem; margin:0 0 .7rem; color:#1b72ca; font-size:.67rem; font-weight:800; letter-spacing:.03em; }
.mmm-territory-showcase__eyebrow span { width:.4rem; height:.4rem; border-radius:50%; background:#1b86ec; }
.mmm-territory-showcase__intro h2 { margin:0; font-size:clamp(1.55rem,2.1vw,2.1rem); line-height:1.1; letter-spacing:-.035em; font-weight:850; }
.mmm-territory-showcase__intro > p:last-child { margin:.8rem 0 1.2rem; color:#536c82; font-size:.83rem; line-height:1.6; }
.mmm-territory-showcase__creative { display:grid; grid-template-columns:44% 1fr; min-height:13rem; margin:0; overflow:hidden; border-radius:.9rem; color:white; background:#08284d; }
.mmm-territory-showcase__creative > img { width:100%; height:15rem; object-fit:cover; object-position:center 48%; }
.mmm-territory-showcase__creative figcaption { display:flex; flex-direction:column; justify-content:center; padding:1.2rem; background:linear-gradient(145deg,#0b3760,#061b37); }
.mmm-territory-showcase__creative figcaption > span { color:#78c8ff; font-size:.55rem; font-weight:800; letter-spacing:.1em; }
.mmm-territory-showcase__creative strong { margin:.75rem 0; font-size:1.35rem; line-height:1.17; letter-spacing:-.03em; }
.mmm-territory-showcase__creative small { color:#aac4db; font-size:.6rem; line-height:1.5; }
.mmm-territory-showcase__journey { display:grid; gap:.85rem; list-style:none; margin:1.25rem 0; padding:0; }
.mmm-territory-showcase__journey li { display:grid; grid-template-columns:1.65rem 1fr 1.25rem; gap:.7rem; align-items:start; }
.mmm-territory-showcase__step { display:grid; place-items:center; width:1.65rem; height:1.65rem; border-radius:.5rem; color:#1269c2; background:#eaf4ff; font-size:.7rem; font-weight:800; }
.mmm-territory-showcase__journey strong { font-size:.79rem; }
.mmm-territory-showcase__journey p { margin:.2rem 0 0; color:#657d91; font-size:.71rem; line-height:1.5; }
.mmm-territory-showcase__journey li > i { color:#4a96df; margin-top:.3rem; font-size:.85rem; }
.mmm-territory-showcase__actions { display:grid; gap:.75rem; margin-top:1rem; text-align:center; }
.mmm-territory-showcase__primary { display:flex; justify-content:center; align-items:center; gap:.65rem; min-height:3rem; padding:.75rem 1rem; border:0; border-radius:.7rem; color:#fff; background:#146ee8; font-size:.8rem; font-weight:800; cursor:pointer; }
.mmm-territory-showcase__primary:hover { background:#075dcc; }
.mmm-territory-showcase__store { color:#176bc4; font-size:.74rem; font-weight:750; text-decoration:underline; text-underline-offset:3px; }
.mmm-territory-showcase__store i { margin-left:.35rem; font-size:.65rem; }
.mmm-territory-showcase__channels { margin-top:1.6rem; padding-top:1.2rem; border-top:1px solid #e7eef6; }
.mmm-territory-showcase__section-heading { display:flex; align-items:baseline; justify-content:space-between; gap:.5rem; }
.mmm-territory-showcase__section-heading h3 { margin:0; font-size:.8rem; font-weight:800; }
.mmm-territory-showcase__section-heading > span { color:#6e8295; font-size:.6rem; }
.mmm-territory-showcase__channels ul { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.5rem; list-style:none; margin:.8rem 0 0; padding:0; }
.mmm-territory-showcase__channels li { display:flex; flex-direction:column; gap:.4rem; padding:.75rem; border:1px solid #e5edf5; border-radius:.6rem; background:#f8fafc; }
.mmm-territory-showcase__channels i { color:#6f94b7; font-size:.9rem; }
.mmm-territory-showcase__channels strong { font-size:.67rem; }
.mmm-territory-showcase__channels small { color:#7c8d9d; font-size:.59rem; }
.mmm-territory-showcase__note { margin-top:1.3rem; padding:.85rem; border-radius:.65rem; background:#eef6fc; }
.mmm-territory-showcase__note strong { font-size:.72rem; }
.mmm-territory-showcase__note p { margin:.35rem 0 0; color:#5e768d; font-size:.66rem; line-height:1.55; }
.mmm-territory-showcase button:focus-visible,.mmm-territory-showcase a:focus-visible { outline:3px solid #71baff; outline-offset:3px; }
.mmm-territory-showcase__intro h2:focus-visible { outline:2px solid #71baff; outline-offset:4px; }
@media(max-width:700px) { .mmm-territory-showcase { top:6rem; right:.5rem; bottom:.5rem; width:calc(100% - 1rem); border-radius:.9rem; } .mmm-territory-showcase__body { padding:1rem; } .mmm-territory-showcase__creative strong { font-size:1.15rem; } .mmm-territory-showcase__creative figcaption { padding:.9rem; } .mmm-territory-showcase__channels ul { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(prefers-reduced-motion:reduce) { .mmm-territory-showcase { scroll-behavior:auto; } }

/* People overview: one map-native surface, matching the selected portrait-led design. */
.mmm-people-panel { position:absolute; z-index:39; left:50%; bottom:1rem; transform:translateX(-50%); width:min(59rem,calc(100% - 3rem)); padding:.85rem 1.4rem .5rem; border:1px solid #e0e7ef; border-radius:1.3rem; background:#fff; color:#123451; box-shadow:0 .75rem 2.5rem #08233f30; }
.mmm-people-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:1rem; }
.mmm-people-heading > div { display:flex; align-items:baseline; flex-wrap:wrap; gap:.3rem .8rem; }
.mmm-people-heading h2 { margin:0; color:#0d3157; font-size:1.1rem; font-weight:800; line-height:1.35; letter-spacing:-.035em; }
.mmm-people-heading p { margin:0; color:#58738f; font-size:.75rem; font-weight:500; }
.mmm-people-expand { display:grid; place-items:center; flex-shrink:0; width:2rem; height:2rem; border:1px solid #dfe7ef; border-radius:.6rem; color:#5d7b98; background:#fff; cursor:pointer; }
.mmm-people-expand:hover { background:#f2f7fd; color:#146ee8; }
.mmm-people-metrics { display:grid; grid-template-columns:1fr 1fr 1.4fr 1fr; gap:1.2rem; margin:.55rem 0 .6rem; }
.mmm-people-metrics > div { min-width:0; padding-left:1.2rem; border-left:1px solid #e1e8f0; }
.mmm-people-metrics > div:first-child { padding-left:0; border-left:0; }
.mmm-people-metrics dd { margin:0; font-size:1.7rem; font-weight:850; color:#0d3157; letter-spacing:-.035em; line-height:1.2; }
.mmm-people-metrics dt { margin-top:.1rem; font-size:.75rem; font-weight:550; color:#466787; }
.mmm-people-metrics small { display:block; margin-top:.1rem; font-size:.62rem; color:#7b8fa4; }
.mmm-people-row { display:flex; align-items:center; gap:1rem; padding-top:.6rem; border-top:1px solid #e2eaf2; }
.mmm-people-preview-list { display:flex; gap:.9rem; min-width:0; flex:1; overflow:auto; scrollbar-width:thin; }
.mmm-people-person { display:flex; flex:1 0 0; min-width:0; gap:.6rem; align-items:center; padding:.15rem 0; border:0; background:transparent; text-align:left; color:#163e64; border-radius:.6rem; cursor:pointer; }
.mmm-people-person:hover { background:#f0f6fe; }
.mmm-people-person img { flex-shrink:0; width:2.75rem; height:2.75rem; object-fit:cover; border-radius:50%; border:1.5px solid #cfe2f7; box-shadow:0 1px 3px #0925401a; }
.mmm-people-li-inline { color:#0a66c2; font-size:.7rem; vertical-align:0; margin-left:.15rem; }
.mmm-people-person > span { min-width:0; }
.mmm-people-person strong { display:block; font-size:.74rem; font-weight:800; line-height:1.4; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mmm-people-person small { display:block; margin-top:.12rem; color:#59738d; font-size:.63rem; line-height:1.4; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mmm-people-primary { flex-shrink:0; min-height:2.8rem; padding:.6rem .85rem; border:0; border-radius:.6rem; background:#146ee8; color:#fff; font-size:.72rem; font-weight:750; cursor:pointer; }
.mmm-people-primary i { margin-left:.4rem; font-size:.65rem; }
.mmm-people-primary:hover { background:#075dcc; }
.mmm-people-panel button:focus-visible,.mmm-people-search:focus-within { outline:2px solid #146ee8; outline-offset:3px; }
.mmm-people-dialog,.mmm-people-dialog *,.mmm-people-dialog *::before,.mmm-people-dialog *::after { box-sizing:border-box; }
.mmm-people-dialog { position:fixed; inset:0; margin:auto; width:min(82rem,96vw); max-width:96vw; height:min(48rem,92vh); max-height:92vh; padding:0; border:1px solid #dce6f0; border-radius:1.35rem; background:#fff; color:#143a60; box-shadow:0 2rem 6rem #061e3b55; overflow:hidden; }
.mmm-people-dialog[open] { display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:auto minmax(0,1fr) auto; overflow:hidden; }
.mmm-people-dialog::backdrop { background:#061c3799; backdrop-filter:blur(5px); }
.mmm-people-dialog > header { display:flex; flex-direction:column; gap:.5rem; width:100%; min-width:0; padding:.75rem 1.25rem; border-bottom:1px solid #e2ebf4; background:#fff; z-index:4; }
.mmm-people-dialog-title-wrap { display:flex; justify-content:space-between; align-items:center; gap:.85rem; width:100%; min-width:0; }
.mmm-people-dialog-title-copy { display:flex; align-items:baseline; flex-wrap:wrap; gap:.25rem .75rem; min-width:0; flex:1 1 auto; overflow:hidden; }
.mmm-people-dialog > header h2 { margin:0; font-size:1.18rem; font-weight:800; letter-spacing:-.035em; color:#0d3157; white-space:nowrap; }
.mmm-people-dialog > header p { margin:0; color:#617c96; font-size:.76rem; font-weight:550; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:100%; }
.mmm-people-dialog-header-tools { display:flex; align-items:center; gap:.5rem; flex-shrink:0; }
.mmm-people-dialog-content { display:grid; grid-template-columns:minmax(20rem,1fr) minmax(0,1.25fr); width:100%; min-width:0; min-height:0; overflow:hidden; }
.mmm-people-directory { display:flex; flex-direction:column; min-width:0; min-height:0; overflow:hidden; padding:0; border-right:1px solid #e6edf4; background:#f9fbfd; }
.mmm-people-directory-toolbar { flex:none; min-width:0; padding:.55rem .9rem .4rem; border-bottom:1px solid #e4edf6; background:#f9fbfd; }
.mmm-people-directory-viewport { flex:1; min-width:0; min-height:0; overflow-y:auto; overscroll-behavior:contain; padding:.6rem .9rem .85rem; scrollbar-width:thin; }
.mmm-people-directory-controls-left { display:flex; align-items:center; gap:.45rem; min-width:0; padding:.22rem .55rem; border:1px solid #dce7f2; border-radius:.55rem; background:#f7fafd; }
.mmm-people-directory-controls-right { display:flex; align-items:center; gap:.45rem; flex-shrink:0; }
.mmm-people-directory-controls-left select { border:0; padding:.15rem .9rem .15rem 0; color:#153b5e; background-color:transparent; font-size:.76rem; font-weight:750; cursor:pointer; outline:none; }
.mmm-people-read-status { display:inline-block; padding:.16rem .48rem; border-radius:1rem; background:#e3effd; font-size:.65rem; font-weight:750; color:#1253a4; white-space:nowrap; }
.mmm-people-read-status:empty { display:none; }
.mmm-people-refresh-btn { display:inline-grid; place-items:center; width:2rem; height:2rem; padding:0; border:1px solid #d5e3f0; border-radius:.5rem; background:#fff; color:#4b6d8e; font-size:.76rem; cursor:pointer; flex-shrink:0; transition:all .14s; }
.mmm-people-refresh-btn:hover { background:#eff6fe; border-color:#a5c7eb; color:#146ee8; }
.mmm-people-enrich-btn { display:inline-flex; align-items:center; justify-content:center; gap:.4rem; height:2rem; padding:0 .75rem; border:1px solid #b8d4f4; border-radius:.5rem; background:linear-gradient(180deg,#f4f9ff,#e8f2fe); color:#0f58be; font-size:.73rem; font-weight:750; white-space:nowrap; flex-shrink:0; cursor:pointer; transition:all .14s; }
.mmm-people-enrich-btn i { font-size:.72rem; color:#146ee8; }
.mmm-people-enrich-btn:hover { background:#dcebfb; border-color:#8ec0f6; color:#0b4aa3; }
.mmm-people-enrich-btn:disabled { opacity:.75; cursor:progress; }
.mmm-people-live-banner { display:flex; align-items:center; gap:.55rem; padding:.42rem .75rem; border:1px solid #bfd8f6; border-radius:.55rem; background:linear-gradient(90deg,#edf5ff,#f5f9ff); color:#134679; font-size:.7rem; font-weight:650; line-height:1.3; }
.mmm-people-live-banner[hidden] { display:none!important; }
.mmm-people-live-dot { width:.5rem; height:.5rem; border-radius:50%; background:#146ee8; flex-shrink:0; box-shadow:0 0 0 3px #146ee82e; animation:mmm-live-pulse 1.4s infinite ease-in-out; }
.mmm-people-live-text { min-width:0; overflow:hidden; text-overflow:ellipsis; }
@keyframes mmm-live-pulse { 0%,100% { transform:scale(1); opacity:1; } 50% { transform:scale(1.25); opacity:.55; } }
.mmm-people-segments { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:.2rem; padding:.2rem; margin-bottom:.5rem; border:1px solid #dde7f1; border-radius:.6rem; background:#eef4fa; }
.mmm-people-segment-tab { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.12rem; padding:.32rem .18rem; border:0; border-radius:.42rem; background:transparent; color:#4f6d8a; font-size:.64rem; font-weight:700; cursor:pointer; transition:all .14s; }
.mmm-people-segment-tab i { font-size:.72rem; color:#5f83a5; }
.mmm-people-segment-tab small { display:inline-block; padding:.04rem .32rem; border-radius:.6rem; background:#dce7f3; color:#2b547c; font-size:.56rem; font-weight:800; line-height:1.25; }
.mmm-people-segment-tab:hover { color:#123c65; background:#f6fafe; }
.mmm-people-segment-tab[aria-pressed=true] { background:#fff; color:#0f3a65; box-shadow:0 1px 3px #0a25401a; }
.mmm-people-segment-tab[aria-pressed=true] i { color:#146ee8; }
.mmm-people-segment-tab[aria-pressed=true] small { background:#e3effd; color:#146ee8; }
.mmm-people-filter-bar { display:grid; grid-template-columns:1fr 1fr; gap:.4rem; margin-top:.45rem; }
.mmm-people-filter-select { width:100%; min-width:0; padding:.38rem .5rem; border:1px solid #dce6f1; border-radius:.48rem; background:#fff; color:#1c4368; font-size:.7rem; font-weight:650; }
.mmm-people-filter-pills { display:flex; flex-wrap:wrap; gap:.3rem; margin-top:.45rem; }
.mmm-people-filter-pill { display:inline-flex; align-items:center; gap:.28rem; padding:.22rem .5rem; border:1px solid #d9e5f1; border-radius:1rem; background:#fff; color:#446482; font-size:.64rem; font-weight:650; cursor:pointer; transition:all .14s; }
.mmm-people-filter-pill i { font-size:.6rem; color:#6989a8; }
.mmm-people-filter-pill:hover { border-color:#a5c7eb; color:#144675; }
.mmm-people-filter-pill[aria-pressed=true] { border-color:#146ee8; background:#eaf3ff; color:#0f58be; font-weight:750; }
.mmm-people-filter-pill[aria-pressed=true] i { color:#146ee8; }
.mmm-people-record-icon { display:grid; place-items:center; width:2.4rem; height:2.4rem; border-radius:50%; background:#edf3fa; color:#567da3; font-size:.9rem; flex-shrink:0; }
.mmm-people-search { display:flex; gap:.55rem; align-items:center; padding:.48rem .68rem; border:1px solid #dce6f0; border-radius:.55rem; background:#fff; color:#688198; }
.mmm-people-search input { width:100%; min-width:0; padding:0; border:0; background:transparent; color:#163b5e; font-size:.78rem; outline:0; box-shadow:none; }
.mmm-people-search input:focus { outline:0; box-shadow:none; }
.mmm-people-result-count { margin:.5rem 0 0; font-size:.64rem; font-weight:750; color:#5c7690; text-transform:uppercase; letter-spacing:.035em; }
.mmm-people-directory ul { padding:0; margin:0; list-style:none; }
.mmm-people-directory-viewport > ul > li { content-visibility:auto; contain-intrinsic-size:auto 76px; }
.mmm-people-directory-viewport > ul > li > button,.mmm-people-directory > ul > li > button { display:grid; grid-template-columns:2.4rem minmax(0,1fr) .7rem; gap:.65rem; align-items:center; width:100%; padding:.65rem .6rem; margin-bottom:.35rem; border:1px solid #e4ecf4; border-radius:.65rem; background:#fff; color:#163c62; text-align:left; cursor:pointer; }
.mmm-people-directory li button[aria-pressed=true] { background:#edf5ff; border-color:#9ac4f4; }
.mmm-people-directory li button:hover { background:#f3f8fe; }
.mmm-people-directory li img { width:2.4rem; height:2.4rem; border-radius:50%; object-fit:cover; }
.mmm-people-directory li strong { display:block; font-size:.82rem; font-weight:750; color:#113659; }
.mmm-people-directory li small { display:block; font-size:.69rem; margin-top:.15rem; color:#5d7892; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mmm-people-directory li i.fa-chevron-right { font-size:.68rem; color:#7898b6; }
/* Smart Address Border Groups */
.mmm-address-group { content-visibility:auto; contain-intrinsic-size:auto 148px; margin-bottom:.65rem; border:1.5px solid #d4e2f0; border-radius:.75rem; background:#fff; box-shadow:0 2px 5px #0b254008; overflow:hidden; transition:border-color .15s,box-shadow .15s; }
.mmm-address-group.is-active-group { border-color:#3b82f6; box-shadow:0 3px 10px #146ee81a; }
.mmm-address-group-header { display:flex; align-items:center; justify-content:space-between; gap:.5rem; padding:.48rem .7rem; background:linear-gradient(180deg,#f2f7fd,#eaf2fb); border-bottom:1px solid #dde8f3; }
.mmm-address-group.is-active-group .mmm-address-group-header { background:linear-gradient(180deg,#e6f1fe,#dcebfb); border-bottom-color:#bfd8f6; }
.mmm-address-group-title { display:flex; align-items:center; gap:.42rem; min-width:0; }
.mmm-address-group-title i { color:#146ee8; font-size:.76rem; flex-shrink:0; }
.mmm-address-group-title strong { font-size:.72rem; font-weight:800; color:#10365a; letter-spacing:-.01em; line-height:1.3; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mmm-address-group-badges { display:flex; align-items:center; gap:.28rem; flex-shrink:0; }
.mmm-address-badge { display:inline-flex; align-items:center; gap:.22rem; padding:.13rem .42rem; border-radius:.9rem; font-size:.6rem; font-weight:750; white-space:nowrap; }
.mmm-address-badge--residents { background:#fff; border:1px solid #cddff1; color:#1f4b75; }
.mmm-address-badge--phone { background:#e6f4ea; color:#137333; }
.mmm-address-badge--phone i { color:#137333!important; font-size:.56rem!important; }
.mmm-address-badge--email { background:#e8f0fe; color:#1967d2; }
.mmm-address-badge--email i { color:#1967d2!important; font-size:.56rem!important; }
.mmm-address-badge--enriched { background:linear-gradient(135deg,#f3e8ff,#e0e7ff); color:#4f46e5; border:1px solid #c7d2fe; }
.mmm-address-badge--enriched i { color:#4f46e5!important; font-size:.56rem!important; }
.mmm-address-group-residents { list-style:none; margin:0; padding:.2rem; }
.mmm-address-group-residents li + li { border-top:1px solid #f0f4f9; }
.mmm-address-group-residents li button { display:grid; grid-template-columns:2.25rem minmax(0,1fr) .7rem; gap:.6rem; align-items:center; width:100%; padding:.48rem .5rem; border:0; border-radius:.48rem; background:transparent; color:#163c62; text-align:left; cursor:pointer; }
.mmm-address-group-residents li button[aria-pressed=true] { background:#ebf4ff; box-shadow:inset 3px 0 0 #146ee8; }
/* Signal Directory Rows (Phones / Emails / Addresses) */
.mmm-directory-signal-item { margin-bottom:.38rem; }
.mmm-directory-signal-btn { display:grid; grid-template-columns:2.4rem minmax(0,1fr) .7rem; gap:.65rem; align-items:center; width:100%; padding:.6rem .7rem; border:1px solid #dde8f3; border-radius:.62rem; background:#fff; text-align:left; cursor:pointer; }
.mmm-directory-signal-btn[aria-pressed=true] { background:#ebf4ff; border-color:#7fb5f5; }
.mmm-signal-icon--phone { background:#e6f4ea; color:#137333!important; }
.mmm-signal-icon--email { background:#e8f0fe; color:#1967d2!important; }
.mmm-directory-signal-address { color:#7a90a6!important; font-size:.65rem!important; }
.mmm-address-summary-card { margin-bottom:.6rem; padding:.7rem; border:1.5px solid #d7e4f2; border-radius:.7rem; background:#fff; }
.mmm-address-summary-card.is-active-group { border-color:#3b82f6; background:#f8fbff; }
.mmm-address-summary-top { display:flex; align-items:center; justify-content:space-between; gap:.5rem; margin-bottom:.5rem; }
.mmm-address-summary-top strong { font-size:.76rem; font-weight:800; color:#12385c; }
.mmm-address-summary-top strong i { color:#146ee8; margin-right:.25rem; }
.mmm-address-summary-chips { display:flex; flex-wrap:wrap; gap:.32rem; }
/* Smart Unified Profile Card */
.mmm-people-meta-tag--highlight { background:#e6f2ff; color:#0f56b3; border:1px solid #c2ddfb; }
.mmm-people-meta-tag--enriched { background:linear-gradient(135deg,#eef2ff,#e0e7ff); color:#3730a3; border:1px solid #c7d2fe; font-weight:750; }
.mmm-people-meta-tag--enriched i { color:#4f46e5!important; }
.mmm-people-meta-tag--link { background:#eef6ff; color:#0a66c2; border:1px solid #bcd8f8; text-decoration:none; font-weight:750; }
.mmm-people-meta-tag--link:hover { background:#dcecfc; }
.mmm-people-career-card { display:grid; gap:.5rem; padding:.65rem .8rem; border:1px solid #d6e4f5; border-radius:.65rem; background:linear-gradient(180deg,#f5f9ff,#edf4fc); }
.mmm-people-career-primary { display:flex; align-items:flex-start; gap:.6rem; }
.mmm-people-career-primary > i { display:grid; place-items:center; width:1.9rem; height:1.9rem; border-radius:.45rem; background:#dcebfb; color:#0f58be; font-size:.8rem; flex-shrink:0; margin-top:.05rem; }
.mmm-people-career-primary strong { display:block; font-size:.82rem; font-weight:800; color:#0e3256; line-height:1.3; }
.mmm-people-career-primary span { display:block; margin-top:.12rem; font-size:.72rem; font-weight:650; color:#3b6185; }
.mmm-people-career-badges { display:flex; flex-wrap:wrap; gap:.35rem; }
.mmm-people-experience-chips { padding-top:.35rem; border-top:1px solid #dce8f5; }
.mmm-unified-contact-list { display:grid; gap:.36rem; }
.mmm-unified-contact-item { display:flex; align-items:center; justify-content:space-between; gap:.6rem; padding:.44rem .62rem; border:1px solid #dce8f4; border-radius:.52rem; background:#fff; }
.mmm-unified-contact-main { display:flex; align-items:center; flex-wrap:wrap; gap:.42rem; min-width:0; }
.mmm-unified-contact-main i { color:#146ee8; font-size:.75rem; }
.mmm-unified-contact-main strong { font-size:.79rem; font-weight:800; color:#103558; }
.mmm-unified-contact-main small { font-size:.66rem; color:#5e7a94; }
.mmm-unified-copy-btn { flex-shrink:0; padding:.2rem .52rem; border:1px solid #cfe0f2; border-radius:.38rem; background:#f4f9ff; color:#146ee8; font-size:.63rem; font-weight:700; cursor:pointer; }
.mmm-unified-copy-btn:hover { background:#e3effd; }
.mmm-people-household-chip--peer { background:#f2f8ff; border-color:#bdd8f7; }
.mmm-people-no-results { margin:2rem .5rem; color:#6a8197; font-size:.82rem; }
.mmm-people-detail { display:flex; flex-direction:column; min-width:0; min-height:0; overflow:hidden; padding:0; background:#fff; }
.mmm-people-identity { display:flex; flex-direction:column; align-items:center; text-align:center; flex:1; min-width:0; min-height:0; overflow:hidden; padding:.9rem 1.25rem 0; }
.mmm-people-identity > :not(.mmm-people-profile-card) { flex:none; }
.mmm-people-identity img,.mmm-people-identity > .mmm-people-record-icon { width:3.25rem; height:3.25rem; border-radius:50%; object-fit:cover; margin-bottom:.35rem; font-size:1.15rem; }
.mmm-people-identity small { font-size:.65rem; color:#66839d; }
.mmm-people-identity h3 { margin:.15rem 0; font-size:1.25rem; font-weight:800; letter-spacing:-.03em; color:#0d3157; line-height:1.2; max-width:100%; }
.mmm-people-identity p { margin:0; color:#5e7a94; font-size:.78rem; font-weight:550; max-width:100%; }
.mmm-people-role-badge { display:inline-block; margin-bottom:.2rem; padding:.15rem .5rem; border-radius:1rem; background:#e8f2fc; color:#146ee8; font-size:.62rem; font-weight:750; text-transform:uppercase; letter-spacing:.04em; }
.mmm-people-profile-card { flex:1; min-width:0; min-height:0; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; width:100%; max-width:100%; margin:.6rem 0; padding:.75rem .9rem; border:1px solid #e2edf7; border-radius:.75rem; background:#fbfdff; text-align:left; }
.mmm-people-profile-meta { display:flex; flex-wrap:wrap; gap:.4rem; margin-bottom:.45rem; }
.mmm-people-meta-tag { display:inline-flex; align-items:center; gap:.32rem; padding:.18rem .48rem; border-radius:.38rem; background:#eef4fa; color:#355979; font-size:.68rem; font-weight:650; }
.mmm-people-meta-tag i { color:#1872eb; font-size:.66rem; }
.mmm-people-household-section { margin-top:.55rem; padding-top:.5rem; border-top:1px dashed #dbe7f2; }
.mmm-people-section-label { display:block; margin-bottom:.38rem; font-size:.63rem; font-weight:750; color:#5f7f9c; text-transform:uppercase; letter-spacing:.035em; }
.mmm-people-household-chips { display:flex; flex-wrap:wrap; gap:.32rem; }
.mmm-people-household-chip { display:inline-flex; align-items:center; gap:.32rem; padding:.22rem .5rem; border:1px solid #d5e4f3; border-radius:.45rem; background:#fff; color:#214c72; font-size:.69rem; font-weight:600; cursor:pointer; transition:all .15s; }
.mmm-people-household-chip:hover { background:#e9f3ff; border-color:#9dc5f3; color:#1169de; }
.mmm-people-household-chip i { color:#5f88b0; font-size:.62rem; }
.mmm-people-outreach { flex:none; min-width:0; width:100%; margin-top:0; padding:.65rem 1.25rem .7rem; border-top:1px solid #e4edf6; background:#f8fbfe; }
.mmm-people-outreach[hidden],.mmm-people-channel-preview[hidden] { display:none!important; }
.mmm-people-outreach-header { display:flex; justify-content:space-between; align-items:baseline; gap:.5rem; margin-bottom:.42rem; min-width:0; }
.mmm-people-outreach h3 { margin:0; font-size:.78rem; font-weight:800; color:#12385c; }
.mmm-people-outreach-header > span { color:#6e869d; font-size:.63rem; font-weight:600; }
.mmm-people-channels { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.4rem; margin-top:0; min-width:0; }
.mmm-people-channels button,.mmm-people-field-btn { display:inline-flex; justify-content:center; align-items:center; gap:.35rem; min-width:0; min-height:2.1rem; padding:.32rem .45rem; border:1px solid #d6e4f2; border-radius:.5rem; background:#fff; color:#234e75; font-size:.7rem; font-weight:700; cursor:pointer; transition:all .14s; white-space:nowrap; }
.mmm-people-channels button i,.mmm-people-field-btn i { color:#146ee8; font-size:.7rem; }
.mmm-people-channels button:hover,.mmm-people-channels button[aria-pressed=true],.mmm-people-field-btn:hover { background:#eaf3ff; border-color:#99c5f5; color:#146ee8; }
.mmm-people-field-actions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)) minmax(9.2rem,1.3fr); gap:.4rem; margin-top:.4rem; min-width:0; }
.mmm-people-knock { display:inline-flex; align-items:center; justify-content:space-between; gap:.4rem; width:100%; min-height:2.1rem; margin-top:0; padding:.32rem .65rem; border:1px solid #112e4e; border-radius:.5rem; background:linear-gradient(110deg,#102e4c,#081e35); color:#fff; box-shadow:0 2px 5px #08243e1f; text-align:left; cursor:pointer; transition:background .15s,box-shadow .15s; white-space:nowrap; }
.mmm-people-knock:hover { background:linear-gradient(110deg,#164269,#0c2a48); box-shadow:0 3px 8px #08243e2e; }
.mmm-people-knock:disabled { opacity:.45; cursor:default; box-shadow:none; }
.mmm-people-knock strong { flex:1; font-size:.71rem; font-weight:750; letter-spacing:-.01em; }
.mmm-people-knock > i { font-size:.66rem; color:#91c5ff; }
.mmm-people-knock-icon { display:inline-grid; place-items:center; width:1.35rem; height:1.35rem; border-radius:.35rem; background:#ffffff14; color:#a9d4ff; font-size:.72rem; flex-shrink:0; }
.mmm-people-knock-caption { margin:.32rem 0 0; color:#6e859b; text-align:right; font-size:.63rem; line-height:1.3; }
.mmm-people-identity[hidden],.mmm-door-visit[hidden],.mmm-people-area-detail[hidden],.mmm-door-visit [hidden] { display:none!important; }
.mmm-people-detail:has(.mmm-door-visit:not([hidden])) { overflow:hidden; padding:1.25rem 1.6rem 0; }
.mmm-door-visit { display:flex; flex-direction:column; min-height:0; height:100%; }
.mmm-door-visit-back { flex:none; }
.mmm-door-visit-body { flex:1; min-height:0; overflow:auto; padding-right:.25rem; }
.mmm-door-visit-actions { flex:none; padding:.8rem 0 1rem; border-top:1px solid #e7edf4; background:white; }
.mmm-door-visit-back { display:flex; gap:.5rem; align-items:center; padding:0; border:0; background:transparent; color:#52728d; font-size:.75rem; cursor:pointer; }
.mmm-door-visit-heading { margin:1.5rem 0 1.25rem; }
.mmm-door-visit-heading > span { font-size:.6rem; letter-spacing:.15em; font-weight:800; color:#1670e5; }
.mmm-door-visit-heading h3 { margin:.5rem 0; font-size:1.9rem; line-height:1.1; letter-spacing:-.05em; font-weight:800; color:#102d48; }
.mmm-door-visit-heading p { margin:.7rem 0 0; color:#70869b; font-size:.77rem; line-height:1.6; }
.mmm-door-visit-address { display:flex; gap:.85rem; align-items:center; padding:1rem; border:1px solid #dfe8f2; border-radius:.8rem; background:#f6f9fd; }
.mmm-door-visit-address > i { color:#1476ef; font-size:1.25rem; }
.mmm-door-visit-address small { display:block; color:#738ca4; font-size:.6rem; font-weight:700; letter-spacing:.08em; }
.mmm-door-visit-address strong { display:block; margin-top:.3rem; color:#173d60; font-size:.95rem; }
.mmm-door-visit-operator { display:flex; gap:.75rem; align-items:center; padding:1.15rem 0; border-bottom:1px solid #e7edf4; }
.mmm-door-visit-operator img { width:3rem; height:3rem; object-fit:cover; border-radius:50%; }
.mmm-door-visit-operator strong { display:block; font-size:.85rem; color:#173d60; }
.mmm-door-visit-operator div > span { display:block; margin-top:.2rem; color:#7a8fa3; font-size:.72rem; }
.mmm-door-visit-service-icon { display:grid; place-items:center; margin-left:auto; width:2.6rem; height:2.6rem; border-radius:.7rem; color:#1776e9; background:#edf5ff; font-size:1.2rem; }
.mmm-door-visit-estimate { display:flex; gap:.8rem; padding:1rem 0; align-items:center; }
.mmm-door-visit-estimate > i { color:#6c8ba4; font-size:1.2rem; }
.mmm-door-visit-estimate small { display:block; color:#7a8fa3; font-size:.7rem; }
.mmm-door-visit-estimate strong { display:block; margin:.2rem 0; color:#173d60; font-size:.9rem; }
.mmm-door-visit-estimate div > span { display:block; color:#7a8fa3; font-size:.7rem; }
.mmm-door-visit-note { display:block; margin-top:.4rem; color:#365875; font-size:.75rem; font-weight:600; }
.mmm-door-visit-note textarea { display:block; width:100%; margin:.5rem 0 .85rem; padding:.75rem; resize:vertical; min-height:4.5rem; border:1px solid #dfe7ef; border-radius:.65rem; background:#fff; color:#365875; font-size:.8rem; font-weight:400; outline:none; box-shadow:none; }
.mmm-door-visit-note textarea:focus { border-color:#8bb6e6; }
.mmm-door-visit-primary { display:flex; align-items:center; justify-content:space-between; gap:.5rem; width:100%; min-height:2.9rem; border:0; border-radius:.65rem; padding:.8rem 1rem; background:#102d48; color:white; font-size:.8rem; font-weight:700; cursor:pointer; }
.mmm-door-visit-primary:hover { background:#19456d; }
.mmm-door-visit-review { padding-top:.5rem; border-top:1px solid #e7edf4; }
.mmm-door-visit-review h4 { margin:.5rem 0; font-size:.8rem; color:#173d60; }
.mmm-door-visit-review p { font-size:.8rem; line-height:1.6; color:#638097; white-space:pre-wrap; }
.mmm-door-visit-edit { margin:0 0 .8rem; padding:0; border:0; background:transparent; color:#1476ef; font-size:.73rem; cursor:pointer; }
.mmm-door-visit-review > small { display:block; margin-top:.6rem; text-align:center; color:#8296a8; font-size:.65rem; }
.mmm-door-visit-status { color:#9a492e; font-size:.75rem; line-height:1.5; }
.mmm-people-channel-preview { margin-bottom:.55rem; padding:.7rem .9rem; background:#f0f6fe; border:1px solid #cde0f5; border-radius:.65rem; max-height:7.5rem; overflow-y:auto; }
.mmm-people-channel-preview small { color:#5c7b99; font-size:.62rem; font-weight:700; text-transform:uppercase; }
.mmm-people-channel-preview h4 { margin:.25rem 0 .4rem; color:#153c60; font-size:.88rem; font-weight:800; letter-spacing:-.02em; }
.mmm-people-channel-preview p { margin:.35rem 0; font-size:.73rem; line-height:1.45; color:#3c5f7d; }
.mmm-people-channel-preview footer { margin-top:.45rem; color:#748b9f; font-size:.6rem; }
/* Fixed Dialog Footer & Instantiation Controls */
.mmm-people-dialog-footer { display:flex; align-items:stretch; justify-content:space-between; gap:.6rem; width:100%; min-width:0; padding:.5rem 1.25rem; border-top:1px solid #dde8f3; background:#f3f8fd; z-index:4; }
.mmm-people-dialog-footer-meta { display:flex; align-items:stretch; gap:.5rem; flex:0 1 auto; min-width:0; max-width:100%; }
.mmm-people-area-detail.mmm-people-demographics-bar { display:flex; align-items:center; gap:.55rem; min-width:0; max-width:100%; margin:0; padding:.34rem .65rem; border:1px solid #cde0f4; border-radius:.65rem; background:#fff; overflow-x:auto; scrollbar-width:none; }
.mmm-people-demographics-title { display:flex; align-items:center; gap:.4rem; padding-right:.55rem; border-right:1px solid #e3edf7; flex-shrink:0; }
.mmm-people-demographics-title > i { display:grid; place-items:center; width:1.55rem; height:1.55rem; border-radius:.4rem; background:#eaf3ff; color:#146ee8; font-size:.68rem; flex-shrink:0; }
.mmm-people-demographics-title strong { display:block; font-size:.68rem; font-weight:800; color:#10365a; line-height:1.2; white-space:nowrap; }
.mmm-people-demographics-title .mmm-people-source { display:block; margin:.04rem 0 0; font-size:.55rem; color:#6c859d; font-weight:600; white-space:nowrap; }
.mmm-people-demographics-grid { display:flex; align-items:center; gap:.55rem; margin:0; padding:0; flex-shrink:0; }
.mmm-people-demographic-stat { display:flex; flex-direction:column; align-items:flex-start; min-width:0; }
.mmm-people-demographic-stat + .mmm-people-demographic-stat { padding-left:.55rem; border-left:1px solid #edf3f9; }
.mmm-people-demographic-stat dd { margin:0; color:#0f355a; font-size:.75rem; font-weight:850; letter-spacing:-.02em; line-height:1.15; white-space:nowrap; }
.mmm-people-demographic-stat dt { margin:.06rem 0 0; color:#5e7a94; font-size:.55rem; font-weight:650; text-transform:uppercase; letter-spacing:.02em; white-space:nowrap; }
.mmm-people-demo-note { margin:0; color:#6c8298; font-size:.64rem; line-height:1.35; max-width:19rem; align-self:center; }
.mmm-people-demo-note[hidden],.mmm-people-demo-note:empty { display:none!important; }
@media (min-width:1100px) and (max-width:1740px) {
  .mmm-people-panel { left:calc(min(27.2rem,36.8vw) + 3.5rem); right:calc(min(24rem,29vw) + 2.25rem); width:auto; transform:none; padding:1rem 1.1rem .6rem; }
  .mmm-people-metrics { gap:.6rem; grid-template-columns:1fr 1fr 1.4fr 1fr; }
  .mmm-people-metrics > div { padding-left:.6rem; }
  .mmm-people-metrics dd { font-size:1.4rem; }
  .mmm-people-metrics dt { font-size:.7rem; }
  .mmm-people-person { min-width:10rem; }
  .mmm-people-row { gap:.65rem; }
}

/* Map-native service exploration. All seven channels are demonstration-only. */
.mmm-door-hanger-preview { top:5.25rem; height:min(47rem,calc(100% - 6.5rem)); }
.mmm-service-dock[hidden],.mmm-service-inspector[hidden] { display:none!important; }
.mmm-service-dock { position:absolute; z-index:39; left:50%; bottom:1rem; transform:translateX(-50%); width:min(51rem,calc(100% - 2rem)); padding:.8rem; background:#fffffff5; color:#123451; border:1px solid #d8e6f5; border-radius:1rem; box-shadow:0 .8rem 2.5rem #08233f4d; backdrop-filter:blur(16px); }
.mmm-service-dock > span { display:flex; align-items:center; justify-content:space-between; gap:.5rem; margin:0 .25rem .6rem; }
.mmm-service-dock strong { font-size:.8rem; font-weight:800; }
.mmm-service-dock small { color:#526e88; font-size:.6rem; }
.mmm-service-dock > div { display:flex; gap:.4rem; overflow:auto; }
.mmm-service-dock button { display:flex; align-items:center; justify-content:center; flex:1 0 auto; gap:.4rem; min-height:2.8rem; padding:.6rem; border:1px solid #dbe7f4; border-radius:.6rem; color:#173d61; background:#f2f7ff; font-size:.68rem; font-weight:750; cursor:pointer; }
.mmm-service-dock button i { color:#146ee8; }
.mmm-service-inspector { position:absolute; z-index:46; top:5rem; bottom:1rem; left:50%; transform:translateX(-50%); width:min(48rem,calc(100% - 2rem)); display:grid; grid-template-rows:auto minmax(0,1fr) auto; overflow:hidden; border:1px solid #d6e3f1; border-radius:1.1rem; background:#fff; color:#123451; box-shadow:0 1.5rem 5rem #031d3b66; }
.mmm-service-inspector > header { padding:1rem 1.25rem; display:flex; justify-content:space-between; gap:1rem; align-items:center; border-bottom:1px solid #e3ebf3; }
.mmm-service-inspector > header small { color:#2068b6; font-size:.6rem; font-weight:800; letter-spacing:.08em; }
.mmm-service-inspector h2 { margin:.3rem 0 0; font-size:1.3rem; font-weight:800; letter-spacing:-.04em; }
.mmm-service-inspector > header button { width:2.75rem; height:2.75rem; border:1px solid #d8e5f2; border-radius:50%; background:#eff5fb; color:#173c60; font-size:1.5rem; cursor:pointer; }
.mmm-service-inspector__body { overflow:auto; min-height:0; background:#edf3f9; padding:1.25rem; }
.mmm-service-inspector > footer { padding:.8rem 1.25rem; border-top:1px solid #e3ebf3; font-size:.65rem; line-height:1.5; color:#4d6a84; }
.mmm-service-scene { margin:0; height:100%; display:grid; grid-template-rows:minmax(0,1fr) auto; }
.mmm-service-scene img { width:100%; height:100%; object-fit:contain; min-height:0; border-radius:.7rem; }
.mmm-service-scene figcaption { margin:.7rem auto 0; max-width:32rem; text-align:center; color:#49657d; font-size:.7rem; line-height:1.5; }
.mmm-service-postcards { display:grid; gap:1rem; align-items:start; }
.mmm-service-postcards article { position:relative; min-height:16rem; padding:1.5rem; border-radius:.4rem; background:#0d2e50; color:white; box-shadow:0 .5rem 1rem #09274714; }
.mmm-service-postcards article + article { background:white; color:#11395e; }
.mmm-service-postcards img { width:9rem; padding:.5rem; background:white; border-radius:.25rem; }
.mmm-service-postcards small { display:block; margin:1rem 0; font-size:.6rem; letter-spacing:.1em; color:#b1d9fc; }
.mmm-service-postcards h3 { margin:.6rem 0; font-size:2rem; font-weight:800; line-height:1.05; letter-spacing:-.05em; }
.mmm-service-postcards p { font-size:.8rem; }
.mmm-service-postcards strong { display:block; margin:1.25rem 0; font-size:.85rem; }
.mmm-service-postcards article > span { display:block; margin-top:1rem; font-size:.6rem; opacity:.85; }
.mmm-service-postcard-address { margin-top:1rem; padding:1rem; border:1px dashed #a8bed2; font-size:.7rem; line-height:1.6; }
.mmm-service-email { max-width:34rem; margin:auto; background:#fff; border-radius:.7rem; overflow:hidden; box-shadow:0 .5rem 1.5rem #09274714; }
.mmm-service-email__inbox { display:grid; gap:.3rem; padding:1rem; border-bottom:1px solid #e0e9f1; }
.mmm-service-email__inbox strong { font-size:.82rem; }.mmm-service-email__inbox span { font-size:.8rem; }.mmm-service-email__inbox small { color:#5b7289; font-size:.63rem; }
.mmm-service-email article { padding:2rem; }.mmm-service-email article img { width:10rem; }.mmm-service-email article > small { display:block; margin-top:2rem; color:#2168b6; font-size:.6rem; font-weight:800; letter-spacing:.1em; }
.mmm-service-email h3 { font-size:2.5rem; line-height:1.04; letter-spacing:-.055em; font-weight:800; margin:1rem 0; }.mmm-service-email p { color:#526d86; font-size:.9rem; line-height:1.7; }
.mmm-service-example-cta { display:block; margin:1.5rem 0; border-radius:.5rem; padding:1rem; background:#146ee8; color:white; text-align:center; font-size:.8rem; font-weight:750; }
.mmm-service-email article footer { border-top:1px solid #e3ebf3; padding-top:1rem; color:#56718a; font-size:.64rem; line-height:1.6; }
.mmm-service-phone { width:min(22rem,100%); margin:auto; border:6px solid #102c48; border-radius:2rem; background:white; padding:1rem .8rem; box-shadow:0 .8rem 2rem #09274722; }
.mmm-service-phone header { display:grid; place-items:center; gap:.3rem; padding:.5rem; border-bottom:1px solid #e4ecf4; }.mmm-service-phone img { width:2rem; height:2rem; }.mmm-service-phone header strong { font-size:.8rem; }.mmm-service-phone header small { font-size:.6rem; color:#547087; }
.mmm-service-phone p { background:#edf2f7; border-radius:1rem 1rem 1rem .2rem; padding:.9rem; margin:1rem 1.5rem 1rem 0; font-size:.8rem; line-height:1.6; }.mmm-service-phone p small { color:#506b82; }.mmm-service-phone p.reply { background:#146ee8; color:white; margin:1rem 0 1rem 2rem; border-radius:1rem 1rem .2rem 1rem; }
.mmm-service-phone footer { padding:.6rem; font-size:.63rem; color:#597188; line-height:1.5; }
.mmm-service-script { max-width:36rem; margin:auto; padding:1.5rem; background:white; border-radius:.8rem; }.mmm-service-script__identity { display:flex; gap:.75rem; align-items:center; }.mmm-service-script__identity img { width:2.5rem; height:2.5rem; }.mmm-service-script__identity strong { display:block; font-size:.9rem; }.mmm-service-script__identity small { display:block; font-size:.65rem; color:#536f86; margin-top:.2rem; }
.mmm-service-script blockquote { border-left:3px solid #146ee8; margin:1.5rem 0; padding:.3rem 0 .3rem 1rem; font-size:1.15rem; font-weight:650; line-height:1.5; letter-spacing:-.025em; }.mmm-service-script details { border-top:1px solid #dde7f0; padding:1rem 0; }.mmm-service-script summary { cursor:pointer; font-size:.8rem; font-weight:750; }.mmm-service-script details p,.mmm-service-script__notice { color:#506d85; font-size:.8rem; line-height:1.7; }.mmm-service-script__notice { background:#edf4fc; border-radius:.5rem; padding:.9rem; font-size:.68rem; }
.mmm-service-dock button:focus-visible,.mmm-service-inspector button:focus-visible,.mmm-service-script summary:focus-visible { outline:3px solid #77bdff; outline-offset:3px; }
@media(max-width:700px) { .mmm-service-inspector { top:4.8rem; bottom:.5rem; width:calc(100% - 1rem); }.mmm-service-inspector__body { padding:.8rem; }.mmm-service-inspector > header { padding:.8rem; }.mmm-service-dock { bottom:.6rem; padding:.65rem; }.mmm-service-dock > span { display:block; }.mmm-service-dock small { display:block; margin-top:.2rem; }.mmm-service-email article { padding:1.25rem; }.mmm-service-email h3 { font-size:2rem; }.mmm-service-script { padding:1rem; } }

/* Find-people panel / fixed footer instantiation bar */
.mmm-people-find { display:flex; align-items:center; gap:.65rem; flex:1 1 18rem; min-width:0; padding:.34rem .6rem; margin:0; border:1px solid #cde0f4; border-radius:.65rem; background:#fff; }
.mmm-people-find.is-empty-state { border-color:#84b6f4; background:linear-gradient(90deg,#f5faff,#ebf4ff); }
.mmm-people-find-copy { display:flex; gap:.45rem; align-items:center; min-width:0; flex:1 1 7rem; overflow:hidden; }
.mmm-people-find-copy > div { min-width:0; overflow:hidden; }
.mmm-people-find-copy > i { display:grid; place-items:center; flex-shrink:0; width:1.65rem; height:1.65rem; border-radius:.42rem; background:#e3effd; color:#146ee8; font-size:.72rem; }
.mmm-people-find-copy strong { display:block; font-size:.73rem; font-weight:800; color:#10365a; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.mmm-people-find-copy small { display:block; margin-top:.04rem; font-size:.61rem; line-height:1.25; color:#5d7892; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mmm-people-find-slider { display:flex; align-items:center; gap:.4rem; flex-shrink:0; font-size:.65rem; font-weight:700; color:#36597c; }
.mmm-people-find-slider > span:first-child { display:inline-flex; align-items:center; gap:.22rem; white-space:nowrap; }
.mmm-people-find-slider output { padding:.04rem .36rem; border-radius:.8rem; background:#e3effd; color:#0f58be; font-weight:800; font-size:.64rem; }
.mmm-people-find-slider input[type=range] { width:5.25rem; accent-color:#146ee8; cursor:pointer; margin:0; }
.mmm-people-find-scale { display:none; }
.mmm-people-find-btn { display:inline-flex; align-items:center; justify-content:center; gap:.35rem; height:1.9rem; padding:0 .68rem; border:0; border-radius:.46rem; background:#146ee8; color:#fff; font-size:.7rem; font-weight:750; white-space:nowrap; flex-shrink:0; cursor:pointer; }
.mmm-people-find-btn:hover { background:#075dcc; }
.mmm-people-find-btn:disabled { opacity:.65; cursor:progress; }
@media (max-width:1120px) {
  .mmm-people-dialog-footer { flex-direction:column; align-items:stretch; }
  .mmm-people-area-detail.mmm-people-demographics-bar { justify-content:space-between; }
}
@media (max-width:960px) {
  .mmm-people-dialog-content { grid-template-columns:1fr; }
  .mmm-people-find { flex-wrap:wrap; }
  .mmm-people-field-actions { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

/* ==========================================================================
   Luna 6 Territory Email & SMS Previews, Deep Research & Campaign Studio UI
   ========================================================================== */

.mmm-people-outreach-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.65rem;
  margin-bottom: 0.75rem;
}

.mmm-people-outreach-title-group {
  min-inline-size: 0;
}

.mmm-people-outreach-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem;
}

.mmm-people-deep-research-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  height: 2rem;
  padding: 0 0.75rem;
  border: 1px solid #c4b5fd;
  border-radius: 999px;
  background: linear-gradient(135deg, #f5f3ff 0%, #ede9fe 100%);
  color: #5b21b6;
  font-size: 0.72rem;
  font-weight: 800;
  cursor: pointer;
  transition: all 0.15s ease;
}

.mmm-people-deep-research-btn:hover {
  background: linear-gradient(135deg, #ede9fe 0%, #ddd6fe 100%);
  border-color: #a78bfa;
  transform: translateY(-1px);
}

.mmm-people-deep-research-btn.is-completed {
  background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%);
  border-color: #6ee7b7;
  color: #065f46;
}

.mmm-people-deep-research-btn:disabled {
  opacity: 0.68;
  cursor: progress;
}

.mmm-people-open-studio-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  height: 2rem;
  padding: 0 0.7rem;
  border: 1px solid #bfdbfe;
  border-radius: 999px;
  background: #eff6ff;
  color: #1d4ed8;
  font-size: 0.71rem;
  font-weight: 750;
  cursor: pointer;
  transition: all 0.15s ease;
}

.mmm-people-open-studio-btn:hover {
  background: #dbeafe;
  border-color: #93c5fd;
}

.mmm-people-open-studio-btn--sms {
  border-color: #bae6fd;
  background: #f0f9ff;
  color: #0369a1;
}

/* Customer Deep Research Dossier Card */
.mmm-deep-dossier {
  margin: 0.65rem 0 0.85rem;
  padding: 0.85rem 1rem;
  border: 1px solid #ddd6fe;
  border-radius: 0.75rem;
  background: linear-gradient(180deg, #faf5ff 0%, #ffffff 100%);
  box-shadow: 0 4px 14px rgba(91, 33, 182, 0.06);
}

.mmm-deep-dossier-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 0.45rem;
}

.mmm-deep-dossier-title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem;
  min-inline-size: 0;
}

.mmm-deep-dossier-title i {
  color: #7c3aed;
  font-size: 0.85rem;
}

.mmm-deep-dossier-title h4 {
  margin: 0;
  font-size: 0.82rem;
  font-weight: 800;
  color: #2e1065;
}

.mmm-deep-dossier-tier {
  padding: 0.14rem 0.55rem;
  border-radius: 999px;
  background: #ede9fe;
  color: #5b21b6;
  font-size: 0.66rem;
  font-weight: 800;
}

.mmm-deep-dossier-summary {
  margin: 0 0 0.65rem;
  font-size: 0.74rem;
  line-height: 1.5;
  color: #3b4a5a;
}

.mmm-deep-dossier-cols {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
  gap: 0.65rem;
}

.mmm-deep-dossier-box {
  padding: 0.6rem 0.75rem;
  border: 1px solid #ede9fe;
  border-radius: 0.55rem;
  background: #ffffff;
  min-inline-size: 0;
}

.mmm-deep-dossier-box strong {
  display: block;
  margin-bottom: 0.35rem;
  font-size: 0.68rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #5b21b6;
}

.mmm-deep-dossier-box ul {
  margin: 0;
  padding-left: 1rem;
  font-size: 0.7rem;
  line-height: 1.45;
  color: #334155;
}

.mmm-deep-dossier-box li + li {
  margin-top: 0.22rem;
}

/* Inline Side-by-Side Device Preview Cards on Resident Detail */
.mmm-inline-device-previews-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.28fr) minmax(0, 0.95fr);
  gap: 0.75rem;
  margin: 0.65rem 0 0.85rem;
  container: inline-previews / inline-size;
}

@media (max-width: 1180px) {
  .mmm-inline-device-previews-grid {
    grid-template-columns: 1fr;
  }
}

.mmm-inline-preview-card {
  display: flex;
  flex-direction: column;
  min-inline-size: 0;
  padding: 0.65rem;
  border: 1px solid #d5e3f2;
  border-radius: 0.8rem;
  background: linear-gradient(180deg, #f8fbff 0%, #f1f6fc 100%);
  box-shadow: 0 2px 10px rgba(15, 41, 66, 0.05);
}

.mmm-inline-preview-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.4rem;
  margin-bottom: 0.5rem;
}

.mmm-inline-preview-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.73rem;
  color: #0f355c;
}

.mmm-inline-preview-badge i {
  color: #146ee8;
}

.mmm-outreach-mini-pill {
  padding: 0.1rem 0.42rem;
  border-radius: 999px;
  background: #e0e7ff;
  color: #3730a3;
  font-size: 0.62rem;
  font-weight: 800;
}

/* Resident Detail Tabs: Profile (Primary) | Email | SMS */
.mmm-people-detail-tabs {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  flex: none;
  padding: 0.25rem;
  margin: 0.65rem 1.25rem 0;
  border: 1px solid #d5e3f2;
  border-radius: 0.65rem;
  background: #f1f6fc;
}

.mmm-people-profile-pane {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}

.mmm-people-device-previews {
  flex: 1;
  min-width: 0;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  padding: 0.75rem 1.25rem 1.25rem;
}

.mmm-people-detail-tab {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.38rem 0.85rem;
  border: 0;
  border-radius: 0.48rem;
  background: transparent;
  color: #475569;
  font-size: 0.76rem;
  font-weight: 750;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

.mmm-people-detail-tab:hover {
  color: #0f355c;
}

.mmm-people-detail-tab.is-active {
  background: #ffffff;
  color: #146ee8;
  box-shadow: 0 1px 4px rgba(15, 41, 66, 0.1);
}

.mmm-people-profile-pane[hidden],
.mmm-people-device-previews[hidden],
.mmm-people-detail-tabs[hidden] {
  display: none !important;
}

.mmm-detail-channel-tab-view {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}

.mmm-detail-channel-topbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.65rem;
  padding: 0.65rem 0.85rem;
  border: 1px solid #d5e3f2;
  border-radius: 0.75rem;
  background: #ffffff;
}

.mmm-detail-channel-who {
  display: flex;
  flex-direction: column;
  gap: 0.12rem;
  min-inline-size: 0;
}

.mmm-detail-channel-who strong {
  font-size: 0.88rem;
  font-weight: 800;
  color: #0f172a;
}

.mmm-detail-channel-who small {
  font-size: 0.7rem;
  color: #64748b;
}

.mmm-detail-channel-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

.mmm-detail-channel-actions .mmm-inline-preview-launch-btn {
  width: auto;
  margin-top: 0;
  height: 2rem;
  padding: 0 0.75rem;
  border-radius: 999px;
}

.mmm-copy-framework-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.48rem 0.75rem;
  border: 1px solid #dbe7f4;
  border-radius: 0.65rem;
  background: #f8fbff;
}

.mmm-copy-framework-label {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  color: #334e68;
  font-size: 0.7rem;
  font-weight: 750;
}

.mmm-copy-framework-label i {
  color: #146ee8;
}

.mmm-copy-framework-pills {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.32rem;
}

.mmm-copy-framework-pill {
  padding: 0.24rem 0.6rem;
  border: 1px solid #cbd5e1;
  border-radius: 999px;
  background: #ffffff;
  color: #475569;
  font-size: 0.66rem;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.14s ease;
}

.mmm-copy-framework-pill:hover {
  border-color: #93c5fd;
  color: #0f355c;
  background: #f0f7ff;
}

.mmm-copy-framework-pill.is-active {
  border-color: #146ee8;
  background: #146ee8;
  color: #ffffff;
  box-shadow: 0 1px 4px rgba(20, 110, 232, 0.22);
}

.mmm-inline-device-switch {
  display: inline-flex;
  padding: 0.12rem;
  border: 1px solid #cbd5e1;
  border-radius: 0.45rem;
  background: #ffffff;
}

.mmm-inline-device-switch-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.18rem 0.45rem;
  border: 0;
  border-radius: 0.34rem;
  background: transparent;
  color: #475569;
  font-size: 0.64rem;
  font-weight: 700;
  cursor: pointer;
}

.mmm-inline-device-switch-btn.is-active {
  background: #146ee8;
  color: #ffffff;
}

.mmm-inline-preview-clickable {
  flex: 1;
  cursor: pointer;
  border-radius: 0.65rem;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.mmm-inline-preview-clickable:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(20, 110, 232, 0.12);
}

.mmm-inline-preview-launch-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  width: 100%;
  margin-top: 0.55rem;
  padding: 0.45rem 0.65rem;
  border: 1px solid #bfdbfe;
  border-radius: 0.5rem;
  background: #ffffff;
  color: #146ee8;
  font-size: 0.7rem;
  font-weight: 800;
  cursor: pointer;
  transition: background 0.15s ease;
}

.mmm-inline-preview-launch-btn:hover {
  background: #eff6ff;
}

/* Computer & Phone Hardware Render Frames */
.mmm-device-frame--computer {
  border: 1px solid #cbd5e1;
  border-radius: 0.65rem;
  background: #ffffff;
  overflow: hidden;
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.08);
}

.mmm-computer-chrome-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.38rem 0.65rem;
  background: #f1f5f9;
  border-bottom: 1px solid #e2e8f0;
}

.mmm-computer-dots {
  display: inline-flex;
  gap: 0.28rem;
}

.mmm-computer-dots span {
  width: 0.52rem;
  height: 0.52rem;
  border-radius: 50%;
  background: #cbd5e1;
}

.mmm-computer-dots span:nth-child(1) { background: #f87171; }
.mmm-computer-dots span:nth-child(2) { background: #fbbf24; }
.mmm-computer-dots span:nth-child(3) { background: #34d399; }

.mmm-computer-address-bar {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.15rem 0.6rem;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  color: #475569;
  font-size: 0.62rem;
  font-weight: 600;
  min-inline-size: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mmm-computer-status-pill {
  padding: 0.12rem 0.45rem;
  border-radius: 999px;
  background: #dbeafe;
  color: #1e40af;
  font-size: 0.6rem;
  font-weight: 800;
  white-space: nowrap;
}

.mmm-email-render-screen {
  padding: 0.75rem 0.85rem;
  background: #ffffff;
}

.mmm-device-frame.is-compact .mmm-email-render-screen {
  padding: 0.6rem 0.7rem;
}

.mmm-email-render-subject-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.5rem;
  padding-bottom: 0.45rem;
  border-bottom: 1px solid #f1f5f9;
}

.mmm-email-render-subject-row h4 {
  margin: 0;
  font-size: 0.84rem;
  font-weight: 800;
  line-height: 1.3;
  color: #0f172a;
}

.mmm-device-frame.is-compact .mmm-email-render-subject-row h4 {
  font-size: 0.76rem;
}

.mmm-email-render-inbox-tag {
  flex-shrink: 0;
  padding: 0.1rem 0.4rem;
  border-radius: 0.25rem;
  background: #f1f5f9;
  color: #475569;
  font-size: 0.58rem;
  font-weight: 700;
}

.mmm-email-render-meta {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.45rem 0;
  border-bottom: 1px solid #f1f5f9;
}

.mmm-email-render-sender-avatar {
  display: grid;
  place-items: center;
  flex-shrink: 0;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 50%;
  background: #146ee8;
  color: #ffffff;
  font-size: 0.72rem;
  font-weight: 800;
}

.mmm-email-render-meta-copy {
  min-inline-size: 0;
  flex: 1;
}

.mmm-email-render-meta-copy strong {
  display: block;
  font-size: 0.68rem;
  color: #1e293b;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mmm-email-render-meta-copy small {
  display: block;
  font-size: 0.61rem;
  color: #64748b;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mmm-email-render-body {
  padding-top: 0.55rem;
  font-size: 0.73rem;
  line-height: 1.52;
  color: #334155;
}

.mmm-device-frame.is-compact .mmm-email-render-body {
  font-size: 0.68rem;
  line-height: 1.44;
}

.mmm-email-render-body p {
  margin: 0 0 0.48rem;
}

.mmm-email-render-offer-card {
  margin: 0.55rem 0;
  padding: 0.65rem 0.75rem;
  border: 1px solid #bfdbfe;
  border-radius: 0.55rem;
  background: linear-gradient(135deg, #eff6ff 0%, #f8fafc 100%);
}

.mmm-email-render-offer-badge {
  display: inline-block;
  margin-bottom: 0.22rem;
  padding: 0.1rem 0.42rem;
  border-radius: 999px;
  background: #1d4ed8;
  color: #ffffff;
  font-size: 0.56rem;
  font-weight: 800;
  letter-spacing: 0.04em;
}

.mmm-email-render-offer-card h5 {
  margin: 0 0 0.25rem;
  font-size: 0.75rem;
  font-weight: 800;
  color: #0f2942;
}

.mmm-email-render-offer-card p {
  margin: 0 0 0.45rem;
  font-size: 0.66rem;
  color: #475569;
}

.mmm-email-render-offer-cta-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.4rem;
}

.mmm-email-render-offer-price {
  font-size: 0.64rem;
  font-weight: 800;
  color: #0f355c;
}

.mmm-email-render-offer-btn {
  display: inline-block;
  padding: 0.28rem 0.65rem;
  border-radius: 0.38rem;
  background: #146ee8;
  color: #ffffff;
  font-size: 0.64rem;
  font-weight: 800;
}

.mmm-email-render-signoff {
  white-space: pre-line;
  color: #475569;
  font-size: 0.68rem;
}

/* Phone Bezel Frames (Email Mobile & SMS Phone Render) */
.mmm-device-frame--phone-email,
.mmm-device-frame--phone-sms {
  width: min(21rem, 100%);
  margin: 0 auto;
  border: 6px solid #0f172a;
  border-radius: 1.75rem;
  background: #ffffff;
  overflow: hidden;
  box-shadow: 0 10px 25px rgba(15, 23, 42, 0.16);
}

.mmm-device-frame--phone-sms.is-compact,
.mmm-device-frame--phone-email.is-compact {
  width: 100%;
  max-width: 19.5rem;
  border-width: 5px;
  border-radius: 1.45rem;
}

.mmm-phone-notch-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.3rem 0.75rem;
  background: #f8fafc;
  font-size: 0.6rem;
  font-weight: 800;
  color: #0f172a;
}

.mmm-phone-island {
  width: 3.4rem;
  height: 0.62rem;
  border-radius: 999px;
  background: #0f172a;
}

.mmm-phone-icons {
  display: inline-flex;
  gap: 0.25rem;
  font-size: 0.56rem;
}

.mmm-phone-contact-header {
  display: grid;
  place-items: center;
  gap: 0.12rem;
  padding: 0.4rem 0.6rem;
  background: #f8fafc;
  border-bottom: 1px solid #e2e8f0;
  text-align: center;
}

.mmm-phone-contact-avatar {
  display: grid;
  place-items: center;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 50%;
  background: linear-gradient(135deg, #3b82f6, #1d4ed8);
  color: #ffffff;
  font-size: 0.72rem;
  font-weight: 800;
}

.mmm-phone-contact-header strong {
  font-size: 0.7rem;
  color: #0f172a;
}

.mmm-phone-contact-header small {
  font-size: 0.58rem;
  color: #64748b;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mmm-phone-sms-thread {
  display: flex;
  flex-direction: column;
  gap: 0.42rem;
  padding: 0.65rem;
  background: #ffffff;
}

.mmm-phone-sms-timestamp {
  text-align: center;
  font-size: 0.56rem;
  font-weight: 600;
  color: #94a3b8;
}

.mmm-phone-sms-bubble {
  align-self: flex-end;
  max-width: 92%;
  padding: 0.5rem 0.68rem;
  border-radius: 0.9rem 0.9rem 0.2rem 0.9rem;
  background: #007aff;
  color: #ffffff;
  font-size: 0.68rem;
  line-height: 1.42;
}

.mmm-phone-sms-link-card {
  align-self: flex-end;
  width: 90%;
  border: 1px solid #dbeafe;
  border-radius: 0.75rem;
  overflow: hidden;
  background: #f8fafc;
}

.mmm-phone-sms-link-banner {
  padding: 0.22rem 0.55rem;
  background: #1e40af;
  color: #ffffff;
  font-size: 0.56rem;
  font-weight: 800;
  letter-spacing: 0.04em;
}

.mmm-phone-sms-link-body {
  padding: 0.42rem 0.55rem;
}

.mmm-phone-sms-link-body strong {
  display: block;
  font-size: 0.65rem;
  color: #0f172a;
  line-height: 1.3;
}

.mmm-phone-sms-link-body small {
  display: block;
  margin-top: 0.14rem;
  font-size: 0.58rem;
  color: #475569;
}

.mmm-phone-sms-composer-mock {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.38rem 0.55rem;
  border-top: 1px solid #e2e8f0;
  background: #f8fafc;
}

.mmm-phone-plus,
.mmm-phone-send {
  display: grid;
  place-items: center;
  width: 1.3rem;
  height: 1.3rem;
  border-radius: 50%;
  font-size: 0.58rem;
}

.mmm-phone-plus {
  background: #e2e8f0;
  color: #475569;
}

.mmm-phone-send {
  background: #007aff;
  color: #ffffff;
}

.mmm-phone-input-pill {
  flex: 1;
  min-inline-size: 0;
  padding: 0.2rem 0.5rem;
  border: 1px solid #cbd5e1;
  border-radius: 999px;
  background: #ffffff;
  color: #64748b;
  font-size: 0.57rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ==========================================================================
   Full Campaign Studio Modal (<dialog class="mmm-outreach-studio-dialog">)
   ========================================================================== */

dialog.mmm-outreach-studio-dialog {
  width: min(92rem, 96dvw);
  height: min(56rem, 92dvh);
  max-width: 96dvw;
  max-height: 92dvh;
  margin: auto;
  padding: 0;
  border: 1px solid #cbd5e1;
  border-radius: 1rem;
  background: #f8fafc;
  color: #0f172a;
  box-shadow: 0 24px 60px rgba(9, 30, 66, 0.28);
  overflow: hidden;
}

dialog.mmm-outreach-studio-dialog:modal {
  display: flex;
  flex-direction: column;
  overscroll-behavior: contain;
}

dialog.mmm-outreach-studio-dialog::backdrop {
  background: rgba(9, 25, 45, 0.58);
  backdrop-filter: blur(4px);
  overflow: hidden;
  overscroll-behavior: contain;
}

.mmm-outreach-studio-shell {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-block-size: 0;
}

.mmm-outreach-studio-topbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.75rem 1.1rem;
  background: #ffffff;
  border-bottom: 1px solid #e2e8f0;
}

.mmm-outreach-studio-brand {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  min-inline-size: 0;
}

.mmm-outreach-studio-icon {
  display: grid;
  place-items: center;
  width: 2.35rem;
  height: 2.35rem;
  border-radius: 0.6rem;
  background: linear-gradient(135deg, #ea4335 0%, #d93025 100%);
  color: #ffffff;
  font-size: 1rem;
}

.mmm-outreach-studio-title-block {
  min-inline-size: 0;
}

.mmm-outreach-studio-title-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.mmm-outreach-studio-title-row h2 {
  margin: 0;
  font-size: 0.98rem;
  font-weight: 800;
  color: #0f172a;
}

.mmm-outreach-studio-title-block p {
  margin: 0.12rem 0 0;
  font-size: 0.68rem;
  color: #64748b;
}

.mmm-outreach-studio-center-controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.65rem;
  flex: 1;
  justify-content: center;
  min-inline-size: 0;
}

.mmm-outreach-channel-switcher {
  display: inline-flex;
  padding: 0.2rem;
  border: 1px solid #cbd5e1;
  border-radius: 0.6rem;
  background: #f1f5f9;
}

.mmm-outreach-channel-tab {
  display: inline-flex;
  align-items: center;
  gap: 0.38rem;
  padding: 0.35rem 0.75rem;
  border: 0;
  border-radius: 0.45rem;
  background: transparent;
  color: #475569;
  font-size: 0.73rem;
  font-weight: 750;
  cursor: pointer;
}

.mmm-outreach-channel-tab.is-active {
  background: #ffffff;
  color: #0f172a;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.1);
}

.mmm-outreach-channel-tab small {
  padding: 0.06rem 0.38rem;
  border-radius: 999px;
  background: #e2e8f0;
  font-size: 0.63rem;
  font-weight: 800;
}

.mmm-outreach-channel-tab.is-active small {
  background: #dbeafe;
  color: #1d4ed8;
}

.mmm-outreach-studio-search {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  width: min(22rem, 100%);
  padding: 0.38rem 0.75rem;
  border: 1px solid #cbd5e1;
  border-radius: 999px;
  background: #f8fafc;
}

.mmm-outreach-studio-search input {
  width: 100%;
  border: 0;
  background: transparent;
  font-size: 0.74rem;
  outline: none;
}

.mmm-outreach-studio-right-controls {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.mmm-outreach-generate-all-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.38rem;
  height: 2.1rem;
  padding: 0 0.85rem;
  border: 1px solid #146ee8;
  border-radius: 0.5rem;
  background: #146ee8;
  color: #ffffff;
  font-size: 0.73rem;
  font-weight: 800;
  cursor: pointer;
}

.mmm-outreach-generate-all-btn:hover {
  background: #0b5ed7;
}

/* Connected Context Ribbon */
.mmm-outreach-context-ribbon {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  padding: 0.45rem 1.1rem;
  background: #eff6ff;
  border-bottom: 1px solid #dbeafe;
}

.mmm-outreach-context-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.2rem 0.6rem;
  border: 1px solid #bfdbfe;
  border-radius: 999px;
  background: #ffffff;
  font-size: 0.67rem;
  color: #1e3a8a;
  min-inline-size: 0;
}

.mmm-outreach-context-pill i {
  color: #2563eb;
}

.mmm-outreach-context-pill small {
  color: #64748b;
  font-weight: 600;
}

.mmm-outreach-context-pill strong {
  font-weight: 800;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 22rem;
}

/* 3-Column Studio Grid */
.mmm-outreach-studio-grid {
  display: grid;
  grid-template-columns: 15.5rem minmax(19rem, 25rem) minmax(0, 1fr);
  flex: 1;
  min-block-size: 0;
  overflow: hidden;
}

@media (max-width: 1120px) {
  .mmm-outreach-studio-grid {
    grid-template-columns: 18rem minmax(0, 1fr);
  }
  .mmm-outreach-sidebar {
    display: none;
  }
}

.mmm-outreach-sidebar {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 0.85rem;
  background: #f8fafc;
  border-right: 1px solid #e2e8f0;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.mmm-outreach-compose-cta {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  padding: 0.68rem 0.9rem;
  border: 1px solid #c4b5fd;
  border-radius: 0.75rem;
  background: linear-gradient(135deg, #7c3aed 0%, #5b21b6 100%);
  color: #ffffff;
  font-size: 0.76rem;
  font-weight: 800;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(91, 33, 182, 0.2);
}

.mmm-outreach-folders {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}

.mmm-outreach-folder-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.48rem 0.7rem;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #334155;
  font-size: 0.74rem;
  font-weight: 650;
  cursor: pointer;
  text-align: left;
}

.mmm-outreach-folder-btn span {
  flex: 1;
}

.mmm-outreach-folder-btn.is-active {
  background: #dbeafe;
  color: #1e40af;
  font-weight: 800;
}

.mmm-outreach-strategy-card {
  margin-top: auto;
  padding: 0.75rem;
  border: 1px solid #e2e8f0;
  border-radius: 0.65rem;
  background: #ffffff;
}

.mmm-outreach-strategy-head {
  display: flex;
  align-items: center;
  gap: 0.38rem;
  margin-bottom: 0.5rem;
  font-size: 0.72rem;
  color: #0f172a;
}

.mmm-outreach-strategy-block + .mmm-outreach-strategy-block {
  margin-top: 0.48rem;
}

.mmm-outreach-strategy-block small {
  display: block;
  font-size: 0.58rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  color: #64748b;
}

.mmm-outreach-strategy-block p {
  margin: 0.14rem 0 0;
  font-size: 0.66rem;
  line-height: 1.4;
  color: #334155;
}

.mmm-outreach-strategy-pins {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  margin-top: 0.55rem;
}

.mmm-outreach-strategy-pins span {
  padding: 0.1rem 0.38rem;
  border-radius: 0.25rem;
  background: #f1f5f9;
  font-size: 0.58rem;
  color: #475569;
}

/* Middle Recipient Queue Pane */
.mmm-outreach-queue-pane {
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border-right: 1px solid #e2e8f0;
  min-inline-size: 0;
  min-block-size: 0;
}

.mmm-outreach-queue-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.6rem 0.85rem;
  border-bottom: 1px solid #e2e8f0;
  font-size: 0.74rem;
  font-weight: 800;
  color: #0f172a;
}

.mmm-outreach-queue-header small {
  color: #64748b;
  font-weight: 600;
}

.mmm-outreach-queue-list {
  list-style: none;
  margin: 0;
  padding: 0;
  flex: 1;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}

.mmm-outreach-queue-row {
  border-bottom: 1px solid #f1f5f9;
}

.mmm-outreach-queue-row-btn {
  display: flex;
  align-items: flex-start;
  gap: 0.6rem;
  width: 100%;
  padding: 0.65rem 0.8rem;
  border: 0;
  background: transparent;
  text-align: left;
  cursor: pointer;
}

.mmm-outreach-queue-row:hover .mmm-outreach-queue-row-btn {
  background: #f8fafc;
}

.mmm-outreach-queue-row.is-selected .mmm-outreach-queue-row-btn {
  background: #eff6ff;
  box-shadow: inset 3px 0 0 #146ee8;
}

.mmm-outreach-queue-avatar {
  display: grid;
  place-items: center;
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: #e2e8f0;
  color: #1e293b;
  font-size: 0.74rem;
  font-weight: 800;
}

.mmm-outreach-queue-row.is-selected .mmm-outreach-queue-avatar {
  background: #146ee8;
  color: #ffffff;
}

.mmm-outreach-queue-row-body {
  flex: 1;
  min-inline-size: 0;
}

.mmm-outreach-queue-row-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.35rem;
}

.mmm-outreach-queue-row-top strong {
  font-size: 0.76rem;
  color: #0f172a;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mmm-outreach-queue-row-badges {
  display: flex;
  gap: 0.25rem;
  flex-shrink: 0;
}

.mmm-queue-pill {
  padding: 0.08rem 0.38rem;
  border-radius: 999px;
  font-size: 0.56rem;
  font-weight: 800;
}

.mmm-queue-pill--deep {
  background: #ede9fe;
  color: #5b21b6;
}

.mmm-queue-pill--approved {
  background: #d1fae5;
  color: #065f46;
}

.mmm-outreach-queue-row-contact {
  margin-top: 0.12rem;
  font-size: 0.63rem;
  color: #64748b;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mmm-outreach-queue-row-snippet {
  margin-top: 0.2rem;
  font-size: 0.67rem;
  color: #475569;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mmm-queue-subj {
  font-weight: 750;
  color: #1e293b;
}

/* Right Preview & Rationale Pane */
.mmm-outreach-preview-pane {
  display: flex;
  flex-direction: column;
  background: #f1f5f9;
  min-inline-size: 0;
  min-block-size: 0;
  container: preview-stage / inline-size;
}

.mmm-outreach-preview-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.55rem 1rem;
  background: #ffffff;
  border-bottom: 1px solid #e2e8f0;
}

.mmm-outreach-device-toggle {
  display: inline-flex;
  padding: 0.16rem;
  border: 1px solid #cbd5e1;
  border-radius: 0.5rem;
  background: #f8fafc;
}

.mmm-outreach-device-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.28rem 0.65rem;
  border: 0;
  border-radius: 0.38rem;
  background: transparent;
  color: #475569;
  font-size: 0.7rem;
  font-weight: 750;
  cursor: pointer;
}

.mmm-outreach-device-btn.is-active {
  background: #146ee8;
  color: #ffffff;
}

.mmm-outreach-preview-actions {
  display: flex;
  align-items: center;
  gap: 0.45rem;
}

.mmm-outreach-action-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  height: 1.95rem;
  padding: 0 0.75rem;
  border-radius: 0.45rem;
  font-size: 0.7rem;
  font-weight: 800;
  cursor: pointer;
}

.mmm-outreach-action-btn--deep {
  border: 1px solid #c4b5fd;
  background: #f5f3ff;
  color: #5b21b6;
}

.mmm-outreach-action-btn--approve {
  border: 1px solid #cbd5e1;
  background: #ffffff;
  color: #0f172a;
}

.mmm-outreach-action-btn--approve.is-approved {
  border-color: #10b981;
  background: #ecfdf5;
  color: #065f46;
}

.mmm-outreach-preview-scroll {
  flex: 1;
  padding: 1rem 1.25rem;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.mmm-outreach-rationale-stage {
  margin-top: 1rem;
}

.mmm-outreach-pillars-box {
  padding: 0.85rem 1rem;
  border: 1px solid #cbd5e1;
  border-radius: 0.75rem;
  background: #ffffff;
}

.mmm-outreach-pillars-header {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  margin-bottom: 0.65rem;
  font-size: 0.76rem;
  color: #0f172a;
}

.mmm-outreach-pillars-header i {
  color: #146ee8;
}

.mmm-outreach-pillars-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
  gap: 0.6rem;
}

.mmm-outreach-pillar-cell {
  padding: 0.55rem 0.7rem;
  border: 1px solid #e2e8f0;
  border-radius: 0.5rem;
  background: #f8fafc;
}

.mmm-pillar-title {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.65rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: #1e40af;
}

.mmm-outreach-pillar-cell p {
  margin: 0.25rem 0 0;
  font-size: 0.68rem;
  line-height: 1.42;
  color: #334155;
}

.mmm-outreach-refine-bar {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  padding: 0.65rem 1rem;
  background: #ffffff;
  border-top: 1px solid #e2e8f0;
}

.mmm-outreach-refine-icon {
  color: #7c3aed;
  font-size: 0.88rem;
}

.mmm-outreach-refine-input {
  flex: 1;
  min-inline-size: 0;
  padding: 0.45rem 0.75rem;
  border: 1px solid #cbd5e1;
  border-radius: 0.5rem;
  font-size: 0.74rem;
}

.mmm-outreach-refine-submit {
  display: inline-flex;
  align-items: center;
  gap: 0.38rem;
  height: 2.1rem;
  padding: 0 0.85rem;
  border: 0;
  border-radius: 0.5rem;
  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
  color: #ffffff;
  font-size: 0.72rem;
  font-weight: 800;
  cursor: pointer;
  white-space: nowrap;
}