/* ChandraMilan explorer — unified left panel + map. Source: /root/cm-nearby/explorer.css
   Deployed as life/chandramilan/assets/cm-explorer.css by /root/cm_nearby_embed.py */
.cmx{--x-navy:#1B2A5E;--x-navy2:#0C2D64;--x-navy3:#08224C;--x-gold:#E0B44B;--x-gold2:#C9A84C;--x-gold-ink:#8A6D1F;--x-gold-soft:#FBF4E1;--x-gold-line:rgba(201,168,76,.42);
 --x-pink:#D6336C;--x-pink2:#B4245A;--x-pink-soft:#FDE7EF;--x-navy-soft:#E6EAF5;--x-blue:#1A73E8;--x-line:#DDE4EE;--x-ink:#0F2039;--x-muted:#64748B;--x-paper:#F7F8FB;--x-r:22px;
 --x-ui:var(--font-ui,Roboto,"Noto Sans Devanagari",sans-serif);--x-brand:var(--font-brand,Poppins,sans-serif);
 display:grid;grid-template-columns:400px minmax(0,1fr);gap:18px;align-items:start;position:relative;z-index:6;font-family:var(--x-ui);color:var(--x-ink)}
.cmx *,.cmx *::before,.cmx *::after{box-sizing:border-box}
.cmx button,.cmx select,.cmx input{font:inherit}
.cmx svg{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}

/* ---------- left panel ---------- */
.cmx-panel{position:sticky;top:84px;display:flex;flex-direction:column;max-height:var(--x-h,660px);background:#fff;border:1px solid var(--x-gold-line);border-radius:var(--x-r);
 box-shadow:0 26px 60px rgba(8,34,76,.16),0 2px 6px rgba(8,34,76,.06);overflow:hidden auto;scrollbar-width:thin}
.cmx-sec--list.is-open{min-height:300px}
.cmx-panel::before{content:"";position:absolute;left:28px;right:28px;top:-1px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,#F0C96A 20%,var(--x-gold2) 80%,transparent);z-index:2}
.cmx-ptop{display:flex;align-items:center;gap:11px;padding:16px 18px 12px;flex:none}
.cmx-ptop>i{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--x-gold-soft);color:var(--x-gold-ink);flex:none}
.cmx-ptop>i svg{width:18px;height:18px}
.cmx-ptop b{display:block;font:600 14px var(--x-ui);color:var(--x-ink)}
.cmx-ptop small{display:block;font-size:11.5px;color:var(--x-muted);margin-top:1px}

.cmx-sec{border-top:1px solid #EEF1F6;flex:none;display:flex;flex-direction:column;min-height:0}
.cmx-sec--list{flex:1 1 auto;min-height:0}
.cmx-sec--list:not(.is-open){flex:none}
.cmx-h{display:flex;align-items:center;gap:11px;width:100%;border:0;background:#fff;padding:12px 18px;text-align:left;cursor:pointer;transition:background .15s;flex:none}
.cmx-h:hover{background:#FBFCFE}
.cmx-h:focus-visible{outline:2px solid var(--x-gold);outline-offset:-2px}
.cmx-hi{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--x-navy-soft);color:var(--x-navy);flex:none;transition:.18s}
.cmx-hi svg{width:16px;height:16px}
.cmx-sec.is-open .cmx-hi{background:var(--x-navy);color:#fff;box-shadow:0 6px 14px rgba(12,45,100,.25)}
.cmx-sec[data-sec="list"].is-open .cmx-hi{background:var(--x-pink);box-shadow:0 6px 14px rgba(214,51,108,.28)}
.cmx-sec[data-sec="cat"].is-open .cmx-hi{background:var(--x-gold-ink);box-shadow:0 6px 14px rgba(138,109,31,.25)}
.cmx-ht{flex:1;min-width:0}
.cmx-ht b{display:block;font:600 13.5px var(--x-ui);color:var(--x-ink)}
.cmx-ht small{display:block;font-size:11px;color:var(--x-muted);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cmx-badge{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 7px;border-radius:999px;background:var(--x-gold-soft);color:var(--x-gold-ink);font:700 11.5px var(--x-ui);font-style:normal;flex:none}
.cmx-badge.is-on{background:var(--x-navy);color:#fff}
.cmx-chev{width:16px;height:16px;color:var(--x-muted);transition:transform .2s;flex:none}
.cmx-sec.is-open .cmx-chev{transform:rotate(180deg)}
.cmx-b{padding:4px 18px 16px;display:flex;flex-direction:column;gap:12px}
.cmx-b[hidden]{display:none}
.cmx-note{flex:none;margin:0;padding:10px 18px 12px;border-top:1px solid #EEF1F6;font-size:10.5px;line-height:1.55;color:var(--x-muted);background:#FBFCFE}
.cmx-note b{color:var(--x-ink)}

/* fields */
.cmx-f{min-width:0}
.cmx-f>label,.cmx-lblrow label{display:flex;align-items:center;gap:5px;font:700 10.5px var(--x-ui);letter-spacing:.11em;text-transform:uppercase;color:var(--x-gold-ink);margin:0 0 6px 1px}
.cmx-f label svg{width:12px;height:12px;flex:none;opacity:.9}
.cmx-lblrow{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.cmx-lblrow small{font-size:10.5px;color:var(--x-muted)}
.cmx-ctl{position:relative}
.cmx-ctl select,.cmx-ctl input,.cmx-search input{appearance:none;-webkit-appearance:none;width:100%;height:44px;border:1px solid var(--x-line);border-radius:13px;padding:0 32px 0 12px;background:#FBFCFE;color:var(--x-ink);font:500 13px var(--x-ui);transition:border-color .15s,box-shadow .15s,background .15s;cursor:pointer}
.cmx-ctl input,.cmx-search input{padding-right:12px;cursor:text}
.cmx-ctl select:hover,.cmx-ctl input:hover,.cmx-search input:hover{border-color:#B8C4D6;background:#fff}
.cmx-ctl select:focus,.cmx-ctl input:focus,.cmx-search input:focus{outline:0;border-color:var(--x-gold);background:#fff;box-shadow:0 0 0 4px rgba(201,168,76,.18)}
.cmx-ctl::after{content:"";position:absolute;right:13px;top:50%;width:8px;height:8px;margin-top:-6px;border-right:1.8px solid var(--x-navy);border-bottom:1.8px solid var(--x-navy);transform:rotate(45deg);pointer-events:none;opacity:.75}
.cmx-ctl--in::after{display:none}
.cmx select.is-set,.cmx input.is-set{border-color:var(--x-gold);background:var(--x-gold-soft);font-weight:600}
.cmx-grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cmx-age{display:grid;grid-template-columns:1fr 12px 1fr;gap:3px;align-items:center}
.cmx-age em{font-style:normal;text-align:center;color:var(--x-muted)}
.cmx-age .cmx-ctl select{padding:0 24px 0 10px}.cmx-age .cmx-ctl::after{right:9px}
.cmx-three{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
.cmx-three .cmx-ctl select{padding-right:26px;padding-left:10px}.cmx-three .cmx-ctl::after{right:10px}
.cmx-search{display:grid;grid-template-columns:1fr 46px;gap:8px}
.cmx-search button{border:0;border-radius:13px;background:linear-gradient(150deg,var(--x-navy2),var(--x-navy3));color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 18px rgba(12,45,100,.26);transition:transform .15s}
.cmx-search button svg{width:18px;height:18px;stroke:#F0C96A}
.cmx-search button:hover{transform:translateY(-1px)}
.cmx-me{margin-top:8px;width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(26,115,232,.35);background:#F3F7FE;color:var(--x-blue);border-radius:12px;height:40px;font:600 12.5px var(--x-ui);cursor:pointer;transition:.15s}
.cmx-me svg{width:16px;height:16px}
.cmx-me:hover{background:#E6EFFD;border-color:var(--x-blue)}
.cmx-status{font-size:11.5px;color:var(--x-muted);min-height:15px;margin-top:6px;line-height:1.45}
.cmx-link{font:600 12px var(--x-ui);color:var(--x-navy);text-decoration:none}
.cmx-link:hover{color:var(--x-gold-ink)}

/* segmented + chips */
.cmx-seg{display:inline-flex;width:100%;padding:4px;border-radius:999px;background:#F1F4F9;border:1px solid var(--x-line)}
.cmx-seg button{flex:1;border:0;background:transparent;border-radius:999px;padding:8px 10px;font:600 13px var(--x-ui);color:var(--x-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:.18s}
.cmx-seg button svg{width:15px;height:15px}
.cmx-seg button:hover{color:var(--x-ink)}
.cmx-seg button[aria-pressed="true"]{background:var(--x-navy2);color:#fff;box-shadow:0 6px 16px rgba(12,45,100,.28)}
.cmx-seg button[aria-pressed="true"][data-g="Female"]{background:var(--x-pink2)}
.cmx-chips{display:flex;flex-wrap:wrap;gap:6px}
.cmx-chips button{border:1px solid var(--x-line);background:#fff;border-radius:999px;padding:7px 12px;font:600 12px var(--x-ui);color:var(--x-ink);cursor:pointer;transition:.15s}
.cmx-chips button:hover{border-color:var(--x-gold);background:var(--x-gold-soft)}
.cmx-chips button[aria-pressed="true"]{background:var(--x-navy);border-color:var(--x-navy);color:#fff;box-shadow:0 5px 12px rgba(27,42,94,.25)}
.cmx-chips--multi button[aria-pressed="true"]{background:var(--x-gold-ink);border-color:var(--x-gold-ink)}
.cmx-chips.is-off{opacity:.5}
.cmx-sumrow{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:10px;border-top:1px dashed #E6EBF2}
.cmx-sum{font-size:12.5px;color:var(--x-muted)}
.cmx-sum b{color:var(--x-navy);font-size:15px;font-weight:600}
.cmx-reset{display:inline-flex;align-items:center;gap:5px;border:0;background:none;padding:6px 4px;font:600 12px var(--x-ui);color:var(--x-muted);cursor:pointer}
.cmx-reset svg{width:13px;height:13px}
.cmx-reset:hover{color:var(--x-ink)}

/* result list (section 3) */
.cmx-list{overflow:auto;flex:1 1 auto;min-height:160px;gap:8px;padding-top:2px;padding-bottom:14px;scrollbar-width:thin;overscroll-behavior:contain}
.cmx-lh{display:flex;align-items:center;gap:6px;font:700 10.5px var(--x-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--x-muted);padding:4px 2px 0}
.cmx-lh svg{width:13px;height:13px}
.cmx-lh--near{color:var(--x-blue)}
.cmx-rc{display:grid;grid-template-columns:56px 1fr;gap:12px;background:var(--x-paper);border:1px solid transparent;border-radius:16px;padding:10px 12px;cursor:pointer;transition:.15s}
.cmx-rc:hover,.cmx-rc:focus-visible{border-color:var(--x-gold);outline:none;background:#fff;box-shadow:0 8px 20px rgba(8,34,76,.08)}
.cmx-rc.is-near{background:#F5F9FF}
.cmx-ava{position:relative;width:56px;height:56px;flex:none}
.cmx-ava img{width:56px;height:56px;border-radius:50%;object-fit:cover;object-position:center 20%;background:#EFE7D2;border:2.5px solid var(--x-navy);box-shadow:0 0 0 2px #fff,0 4px 10px rgba(8,34,76,.15);display:block}
.cmx-rc.is-f .cmx-ava img{border-color:var(--x-pink)}
.cmx-heart{position:absolute;right:-3px;bottom:-2px;width:18px;height:18px;border-radius:50%;background:#fff;color:var(--x-pink);display:grid;place-items:center;font-size:11px;font-style:normal;box-shadow:0 1px 4px rgba(0,0,0,.2)}
.cmx-rcb{min-width:0}
.cmx-rc h3{margin:0;font:600 14px var(--x-ui);color:var(--x-ink);display:flex;align-items:center;gap:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cmx-ver,.cmxc-ver{display:inline-grid;place-items:center;width:15px;height:15px;border-radius:50%;background:#1E9E5A;color:#fff;font:700 9.5px var(--x-ui);font-style:normal;flex:none}
.cmx-meta{margin:2px 0 0;font-size:12px;color:var(--x-ink);opacity:.8;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.cmx-loc{margin:3px 0 0;font-size:11.5px;color:var(--x-muted);display:flex;align-items:center;gap:4px}
.cmx-loc svg{width:12px;height:12px;flex:none}
.cmx-rcf{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px}
.cmx-view{font:600 12px var(--x-ui);color:var(--x-navy);text-decoration:none}
.cmx-view:hover{color:var(--x-gold-ink)}
.cmx-dist{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:999px;background:#E8F0FE;color:var(--x-blue);font:700 11px var(--x-ui);font-style:normal;white-space:nowrap}
.cmx-empty{padding:22px 16px;text-align:center;color:var(--x-muted);font-size:12.5px;border:1px dashed var(--x-line);border-radius:14px;line-height:1.6}
.cmx-empty b{display:block;color:var(--x-ink);margin-bottom:2px}

/* ---------- map ---------- */
.cmx-mapbox{position:sticky;top:84px;height:var(--x-h,660px);min-height:420px;border-radius:var(--x-r);overflow:hidden;border:1px solid var(--x-line);box-shadow:0 18px 44px rgba(8,34,76,.14);background:#E8EEF3}
#cmxMap{width:100%;height:100%}
.cmx-mapmsg{position:absolute;inset:0;display:grid;place-items:center;padding:20px;text-align:center;color:var(--x-muted);font-size:14px}
.cmx-legend{position:absolute;left:12px;top:12px;z-index:3;display:flex;gap:10px;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.94);backdrop-filter:blur(6px);box-shadow:0 4px 14px rgba(8,34,76,.14);font:600 11px var(--x-ui);color:var(--x-ink)}
.cmx-legend span{display:inline-flex;align-items:center;gap:5px}
.cmx-legend i{width:10px;height:10px;border-radius:50%;display:inline-block;box-shadow:0 0 0 2px #fff}
.cmx-legend .lf{background:var(--x-pink)}.cmx-legend .lm{background:var(--x-navy)}.cmx-legend .lu{background:var(--x-blue)}

/* overlay layer */
.cmxm-layer{position:absolute;left:0;top:0;width:0;height:0}
.cmxm-g{position:absolute;left:0;top:0;width:0;height:0}
.cmxm{position:absolute;left:0;top:0;width:0;height:0;border:0;background:none;padding:0;cursor:pointer;z-index:10;font-family:var(--x-ui)}
.cmxm-f{z-index:12}
.cmxm.is-near{z-index:14}
.cmxm:hover,.cmxm:focus-visible,.cmxm.is-on{z-index:40;outline:0}
.cmxm-ring{position:absolute;left:-26px;top:-26px;width:52px;height:52px;border-radius:50%;background:#fff;border:3px solid var(--x-navy);box-shadow:0 0 0 2px #fff,0 8px 18px rgba(8,34,76,.28);overflow:hidden;transition:transform .18s,box-shadow .18s;transform-origin:50% 50%}
.cmxm-f .cmxm-ring{border-color:var(--x-pink)}
.cmxm-ring img{width:100%;height:100%;object-fit:cover;object-position:center 20%;display:block;background:#EFE7D2}
.cmxm:hover .cmxm-ring,.cmxm:focus-visible .cmxm-ring{transform:scale(1.14);box-shadow:0 0 0 2px #fff,0 0 0 5px rgba(224,180,75,.55),0 14px 26px rgba(8,34,76,.3)}
.cmxm.is-on .cmxm-ring{transform:scale(1.14);box-shadow:0 0 0 2px #fff,0 0 0 5px var(--x-gold),0 14px 26px rgba(8,34,76,.3)}
.cmxm-ver{position:absolute;left:12px;top:12px;width:16px;height:16px;border-radius:50%;background:#1E9E5A;color:#fff;font:700 10px var(--x-ui);font-style:normal;display:grid;place-items:center;box-shadow:0 0 0 2px #fff;z-index:2}
.cmxm-d{position:absolute;left:50%;top:28px;transform:translateX(-50%);padding:2px 7px;border-radius:999px;background:var(--x-blue);color:#fff;font:700 10px var(--x-ui);white-space:nowrap;box-shadow:0 0 0 2px #fff,0 4px 10px rgba(26,115,232,.35)}
/* solo marker: a small pointer under the circle */
.cmxm-solo .cmxm-ring{top:-58px}
.cmxm-solo .cmxm-ver{top:-20px;left:12px}
.cmxm-solo .cmxm-d{top:-6px}
.cmxm-solo::after{content:"";position:absolute;left:-6px;top:-10px;border:6px solid transparent;border-top:8px solid var(--x-navy);border-bottom:0}
.cmxm-solo.cmxm-f::after{border-top-color:var(--x-pink)}
/* cluster (zoomed out) */
.cmxm-cl .cmxm-ring{top:-58px}
.cmxm-cl .cmxm-d{top:-6px;z-index:4}
.cmxm-cl .cmxm-d~.cmxm-city{top:16px}
.cmxm-cl::after{content:"";position:absolute;left:-6px;top:-10px;border:6px solid transparent;border-top:8px solid var(--x-navy);border-bottom:0}
.cmxm-cl.cmxm-f::after{border-top-color:var(--x-pink)}
.cmxm-s2{position:absolute;left:14px;top:-62px;width:30px;height:30px;border-radius:50%;border:2px solid #fff;overflow:hidden;box-shadow:0 4px 10px rgba(8,34,76,.25);background:#fff}
.cmxm-s2 img{width:100%;height:100%;object-fit:cover;object-position:center 20%;display:block}
.cmxm-badge{position:absolute;left:12px;top:-70px;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--x-gold);color:#1B1B1B;font:700 11px var(--x-ui);display:grid;place-items:center;box-shadow:0 0 0 2px #fff;z-index:3}
.cmxm-city{position:absolute;left:50%;top:4px;transform:translateX(-50%);white-space:nowrap;padding:2px 8px;border-radius:999px;background:rgba(255,255,255,.95);color:var(--x-ink);font:600 10.5px var(--x-ui);box-shadow:0 2px 8px rgba(8,34,76,.18)}
/* fan ring (zoomed in): centre dot + label, dotted connectors */
.cmxm-dot{position:absolute;left:0;top:0;width:0;height:0;z-index:5}
.cmxm-dot i{position:absolute;left:-6px;top:-6px;width:12px;height:12px;border-radius:50%;background:var(--x-gold);border:2.5px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.cmxm-dot b{position:absolute;left:10px;top:-9px;white-space:nowrap;padding:2px 8px;border-radius:999px;background:rgba(255,255,255,.95);color:var(--x-ink);font:600 10.5px var(--x-ui);box-shadow:0 2px 8px rgba(8,34,76,.18)}
.cmxm-ln{position:absolute;left:0;top:0;height:0;border-top:1.5px dotted rgba(27,42,94,.45);transform-origin:0 0;pointer-events:none}
.cmxm-g.is-on .cmxm-ln{border-top-color:rgba(224,180,75,.9)}
.cmxm-more{width:0;height:0}
.cmxm-more{display:grid;place-items:center}
.cmxm-more::before{content:attr(aria-label);display:none}
.cmxm-more{position:absolute;color:#fff;font:700 13px var(--x-ui)}
.cmxm-more{left:0;top:0}
.cmxm-more{width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;background:linear-gradient(150deg,var(--x-navy2),var(--x-navy3));border:3px solid #fff;box-shadow:0 0 0 2px var(--x-gold),0 8px 18px rgba(8,34,76,.3);transition:transform .15s}
.cmxm-more:hover{transform:scale(1.1)}
/* visitor */
.cmxm-you{position:absolute;left:0;top:0;width:0;height:0;z-index:60;pointer-events:none}
.cmxm-you i{position:absolute;left:-9px;top:-9px;width:18px;height:18px;border-radius:50%;background:var(--x-blue);border:3px solid #fff;box-shadow:0 2px 10px rgba(26,115,232,.5)}
.cmxm-you i::after{content:"";position:absolute;inset:-14px;border-radius:50%;border:2px solid var(--x-blue);opacity:.7;animation:cmxPulse 1.8s ease-out infinite}
.cmxm-you span{position:absolute;left:50%;top:14px;transform:translateX(-50%);white-space:nowrap;padding:3px 9px;border-radius:999px;background:var(--x-blue);color:#fff;font:700 10.5px var(--x-ui);box-shadow:0 0 0 2px #fff,0 4px 12px rgba(26,115,232,.4)}
@keyframes cmxPulse{0%{transform:scale(.45);opacity:.85}100%{transform:scale(1.6);opacity:0}}

/* ---------- detail / group card ---------- */
.cmx-card{position:absolute;right:14px;top:14px;z-index:8;width:320px;max-height:calc(100% - 28px);overflow:auto;background:#fff;border-radius:18px;box-shadow:0 24px 60px rgba(8,34,76,.28),0 2px 8px rgba(8,34,76,.1);font-family:var(--x-ui);color:var(--x-ink);scrollbar-width:thin;animation:cmxIn .22s ease-out}
.cmx-card[hidden]{display:none}
@keyframes cmxIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.cmxc-head{position:relative;display:flex;align-items:center;gap:12px;padding:16px 14px 14px;color:#fff;background:linear-gradient(150deg,var(--x-navy2),var(--x-navy3))}
.cmxc-f .cmxc-head{background:linear-gradient(150deg,#E0477F,#B4245A)}
.cmxc-head::after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent)}
.cmxc-ava img{width:64px;height:64px;border-radius:50%;object-fit:cover;object-position:center 20%;border:3px solid #fff;box-shadow:0 6px 16px rgba(0,0,0,.25);display:block;background:#EFE7D2}
.cmxc-title{flex:1;min-width:0}
.cmxc-title h3{margin:0;font:600 16px var(--x-ui);display:flex;align-items:center;gap:6px}
.cmxc-title p{margin:3px 0 0;font-size:12px;opacity:.9}
.cmxc-ib{width:32px;height:32px;border-radius:50%;border:0;background:rgba(255,255,255,.18);color:#fff;display:grid;place-items:center;cursor:pointer;flex:none;transition:.15s}
.cmxc-ib svg{width:16px;height:16px}
.cmxc-ib:hover{background:rgba(255,255,255,.32)}
.cmxc-x{position:absolute;right:10px;top:10px;width:28px;height:28px}
.cmxc-grp .cmxc-title{padding-right:28px}
.cmxc-near{display:flex;align-items:center;gap:6px;margin:12px 14px 0;padding:8px 11px;border-radius:12px;background:#E8F0FE;color:var(--x-blue);font-size:12px}
.cmxc-near svg{width:14px;height:14px;flex:none}
.cmxc-near b{font-weight:700}
.cmxc-near em{font-style:normal;font-weight:600;opacity:.85}
.cmxc-rows{list-style:none;margin:0;padding:10px 14px 4px}
.cmxc-rows li{display:flex;align-items:flex-start;gap:11px;padding:7px 0;font-size:13px;line-height:1.45;border-bottom:1px solid #F1F4F8}
.cmxc-rows li:last-child{border-bottom:0}
.cmxc-rows li i{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:var(--x-navy-soft);color:var(--x-navy);flex:none}
.cmxc-f .cmxc-rows li i{background:var(--x-pink-soft);color:var(--x-pink)}
.cmxc-rows li i svg{width:15px;height:15px}
.cmxc-rows li span{padding-top:4px;min-width:0;word-break:break-word}
.cmxc-pin{display:inline-block;margin-left:4px;padding:1px 7px;border-radius:999px;background:var(--x-gold-soft);color:var(--x-gold-ink);font:700 11px var(--x-ui)}
.cmxc-sep{height:1px;margin:4px 14px;background:linear-gradient(90deg,transparent,var(--x-line),transparent)}
.cmxc-about{margin:10px 14px 0;font-size:12.5px;line-height:1.6;color:#334155}
.cmxc-cta{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:14px}
.cmxc-cta1{grid-template-columns:1fr}
.cmxc-btn{height:42px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font:600 13px var(--x-ui);text-decoration:none;cursor:pointer;transition:.15s;border:1px solid transparent}
.cmxc-pri{background:linear-gradient(150deg,var(--x-navy2),var(--x-navy3));color:#fff;box-shadow:0 10px 22px rgba(12,45,100,.28)}
.cmxc-f .cmxc-pri{background:linear-gradient(150deg,#E0477F,#B4245A);box-shadow:0 10px 22px rgba(214,51,108,.3)}
.cmxc-pri:hover{transform:translateY(-1px)}
.cmxc-sec{background:#fff;border-color:var(--x-line);color:var(--x-ink)}
.cmxc-sec:hover{border-color:var(--x-gold);background:var(--x-gold-soft)}
.cmxc-sl.on{background:var(--x-pink-soft);border-color:var(--x-pink);color:var(--x-pink)}
.cmxc-stack{display:flex;flex:none}
.cmxc-stack img{width:40px;height:40px;border-radius:50%;object-fit:cover;object-position:center 20%;border:2.5px solid #fff;margin-left:-12px;background:#EFE7D2;box-shadow:0 4px 10px rgba(0,0,0,.2)}
.cmxc-stack img:first-child{margin-left:0}
.cmxc-people{list-style:none;margin:0;padding:8px 8px 4px;max-height:330px;overflow:auto;scrollbar-width:thin}
.cmxc-people button{display:flex;align-items:center;gap:10px;width:100%;border:0;background:none;padding:8px;border-radius:12px;text-align:left;cursor:pointer;color:var(--x-ink);transition:.15s}
.cmxc-people button:hover,.cmxc-people button:focus-visible{background:var(--x-paper);outline:0}
.cmxc-pava{position:relative;flex:none}
.cmxc-pava img{width:44px;height:44px;border-radius:50%;object-fit:cover;object-position:center 20%;border:2.5px solid var(--x-navy);display:block;background:#EFE7D2}
.cmxc-pava.is-f img{border-color:var(--x-pink)}
.cmxc-pava i{position:absolute;right:-3px;bottom:-2px;width:16px;height:16px;border-radius:50%;background:#fff;color:var(--x-pink);display:grid;place-items:center;font-size:10px;font-style:normal;box-shadow:0 1px 4px rgba(0,0,0,.2)}
.cmxc-ptxt{flex:1;min-width:0}
.cmxc-ptxt b{display:flex;align-items:center;gap:5px;font:600 13.5px var(--x-ui)}
.cmxc-ptxt small{display:block;font-size:11.5px;color:var(--x-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}
.cmxc-people svg{width:16px;height:16px;color:var(--x-muted);flex:none}

/* NRI toggle (teal — distinct from bride pink / groom navy / gold) + badges */
.cmx{--x-teal:#0F8B8D;--x-teal-soft:#E3F6F5}
.cmx-nri{margin-left:auto;flex:none;display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 12px 0 9px;border-radius:999px;border:1.5px solid var(--x-teal);background:#fff;color:var(--x-teal);font:700 12px var(--x-ui);cursor:pointer;transition:.18s}
.cmx-nri-dot{width:9px;height:9px;border-radius:50%;background:var(--x-teal);opacity:.35;transition:.18s}
.cmx-nri:hover{background:var(--x-teal-soft)}
.cmx-nri[aria-pressed="true"]{background:var(--x-teal);color:#fff;box-shadow:0 8px 18px rgba(15,139,141,.32)}
.cmx-nri[aria-pressed="true"] .cmx-nri-dot{background:#fff;opacity:1;box-shadow:0 0 0 3px rgba(255,255,255,.35)}
.cmx-tag,.cmxc-tag{display:inline-flex;align-items:center;height:17px;padding:0 6px;border-radius:999px;font:700 9.5px var(--x-ui);font-style:normal;letter-spacing:.02em;white-space:nowrap;flex:none}
.cmx-tag.is-nri,.cmxc-tag.is-nri{background:var(--x-teal-soft);color:var(--x-teal)}
.cmx-tag.is-jt,.cmxc-tag.is-jt{background:var(--x-gold-soft);color:var(--x-gold-ink)}
.cmx-tags{display:flex;flex-wrap:wrap;gap:4px;margin:3px 0 0}
.cmx-tag.is-vf,.cmxc-tag.is-vf{background:#E3F5EA;color:#1E7A46}
.cmx-tag.is-nv,.cmxc-tag.is-nv{background:#EEF1F5;color:#6B7A90;font-weight:600}
.cmx-tag.is-pm,.cmxc-tag.is-pm{background:linear-gradient(150deg,#F0C96A,#C9A84C);color:#1B1B1B;letter-spacing:.06em}
.cmxc-ptxt .cmx-tag{margin-left:5px}
.cmxc-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}
.cmxc-tag.is-vf{background:#fff;color:#1E7A46}.cmxc-tag.is-nv{background:rgba(255,255,255,.85);color:#5B6B82}
.cmxc-tag{height:19px;padding:0 8px;font-size:10px}
.cmxc-tag.is-nri{background:#fff;color:var(--x-teal)}.cmxc-tag.is-jt{background:rgba(255,255,255,.92)}
.cmxm-nri{position:absolute;left:-30px;top:12px;width:18px;height:18px;border-radius:50%;background:var(--x-teal);color:#fff;font-size:10px;font-style:normal;display:grid;place-items:center;box-shadow:0 0 0 2px #fff;z-index:2}
.cmxm-solo .cmxm-nri,.cmxm-cl .cmxm-nri{top:-20px}
.cmxc-rows li.cmxc-sub span{color:#475569;font-size:12.5px}
.cmxc-ns{color:var(--x-muted);font-style:italic}
.cmx-seg--sm button{padding:7px 8px;font-size:12.5px}
.cmx-jobsub{margin-top:8px;padding-left:4px}
.cmx-jobsub[hidden]{display:none}

/* ---------- full-page variant (discover.html) ---------- */
.cmx--full{--x-h:calc(100vh - 150px)}
.cmx--full .cmx-panel,.cmx--full .cmx-mapbox{top:76px}

/* ---------- responsive ---------- */
@media (max-width:1100px){.cmx{grid-template-columns:360px minmax(0,1fr)}}
@media (max-width:900px){
 .cmx{grid-template-columns:1fr;gap:14px}
 .cmx-panel{position:relative;top:auto;max-height:none;overflow:visible}
 .cmx-list{max-height:460px}
 .cmx-mapbox{position:relative;top:auto;height:62vh;min-height:380px;border-radius:18px}
 .cmx--full{--x-h:auto}
 .cmx-card{left:0;right:0;top:auto;bottom:0;width:auto;max-height:72%;border-radius:18px 18px 0 0;animation:cmxUp .25s ease-out}
 .cmx-card::before{content:"";display:block;width:44px;height:4px;border-radius:2px;background:rgba(255,255,255,.55);margin:8px auto -12px;position:relative;z-index:2}
 @keyframes cmxUp{from{transform:translateY(100%)}to{transform:none}}
}
@media (max-width:600px){
 .cmx-ptop{padding:14px 14px 10px}.cmx-h{padding:11px 14px}.cmx-b{padding:4px 14px 14px}.cmx-note{padding:10px 14px}
 .cmx-grid2{grid-template-columns:1fr 1fr;gap:8px}
 .cmx-three{grid-template-columns:1fr 1fr}.cmx-three>.cmx-f:last-child{grid-column:1/-1}
 .cmx-legend{font-size:10px;padding:6px 10px}
 .cmx-ht small{font-size:10.5px}
}
@media (max-width:400px){.cmx-grid2{grid-template-columns:1fr}.cmx-seg button{padding:8px 6px;font-size:12.5px}}

/* ---- 4 Oct 2026 (owner): TWO left columns — 1) search + filters, 2) Bride/Groom list — then the map ---- */

.cmx-panel--list::before{background:linear-gradient(90deg,transparent,#F4A3C0 20%,#D6336C 80%,transparent)}
.cmx-panel--list .cmx-sec--list{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}
.cmx-panel--list .cmx-list{flex:1 1 auto;min-height:0}

@media (max-width:1100px) and (min-width:901px){
 .cmx{grid-template-columns:1fr 1fr}
 .cmx-mapbox{grid-column:1/-1;position:relative;top:auto}
}

/* ---- 4 Oct 2026 (owner): filters SHORT + premium — compact controls, short labels ---- */
.cmx-f--com{display:none !important}
.cmx-panel:not(.cmx-panel--list) .cmx-b{gap:10px}
.cmx .cmx-f label{font-size:10.5px;letter-spacing:.06em;margin-bottom:4px;color:var(--x-gold-ink)}
.cmx .cmx-ctl select,.cmx .cmx-f input:not([type=checkbox]){min-height:38px;height:38px;padding:6px 30px 6px 11px;font-size:13px;border-radius:11px;
  background-color:#fff;border:1px solid #E6DCC2;box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 1px 2px rgba(27,42,94,.05)}
.cmx .cmx-ctl select:hover,.cmx .cmx-f input:hover{border-color:var(--x-gold)}
.cmx .cmx-ctl select:focus,.cmx .cmx-f input:focus{border-color:var(--x-gold);box-shadow:0 0 0 3px rgba(224,180,75,.22)}
.cmx .cmx-grid2{gap:8px 10px}
.cmx .cmx-chips button,.cmx .cmx-seg--sm button{min-height:32px;padding:5px 12px;font-size:12.5px}
.cmx .cmx-h{padding-top:10px;padding-bottom:10px}
.cmx .cmx-h small{font-size:11px}
/* phones: let every control shrink (the compact padding made selects push the panel 14px past 356px) */
.cmx > *,.cmx-panel,.cmx-panel *{min-width:0}
.cmx .cmx-ctl,.cmx .cmx-ctl select{width:100%;max-width:100%}
@media (max-width:420px){.cmx .cmx-three{grid-template-columns:1fr 1fr}.cmx .cmx-three > :last-child{grid-column:1/-1}
 .cmx .cmx-ctl select{padding-right:26px}}

/* owner 4 Oct: column ratio 20 : 30 : 50 (filters : list : map) on PC */
@media (min-width:1101px){
 .cmx{grid-template-columns:minmax(0,2fr) minmax(0,3fr) minmax(0,5fr) !important;gap:14px}
 .cmx-panel:not(.cmx-panel--list) .cmx-three{grid-template-columns:1fr 1fr}
 .cmx-panel:not(.cmx-panel--list) .cmx-three > :last-child{grid-column:1/-1}
 .cmx-panel:not(.cmx-panel--list) .cmx-grid2{grid-template-columns:1fr}
 .cmx-panel:not(.cmx-panel--list) .cmx-ptop small{display:none}
}

/* ---- 4 Oct 2026 (owner): narrow filter column, one line per control, sideways scroll for chip rows,
   no word-wrapping inside buttons. Driven by the panel own width (container query). ---- */
.cmx-panel:not(.cmx-panel--list){container-type:inline-size;container-name:cmxf}
@container cmxf (max-width:330px){
 .cmx-ptop{gap:8px;padding:12px 12px 8px}
 .cmx-ptop > i{width:34px;height:34px;flex:none}
 .cmx-ptop b{font-size:15px;white-space:nowrap}
 .cmx-ptop small{display:none}
 .cmx-ptop .cmx-nri{margin-left:auto;padding:5px 10px;font-size:12px;white-space:nowrap}
 .cmx-h{padding:9px 12px;gap:8px}
 .cmx-h .cmx-ht b{font-size:14px;white-space:nowrap}
 .cmx-h .cmx-ht small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
 .cmx-b{padding:4px 12px 12px}
 .cmx-grid2,.cmx-three{grid-template-columns:1fr !important}
 .cmx-three > :last-child{grid-column:auto !important}
 .cmx .cmx-ctl select{white-space:nowrap;text-overflow:ellipsis}
 .cmx-seg,.cmx-chips{display:flex !important;flex-wrap:nowrap !important;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 .cmx-seg::-webkit-scrollbar,.cmx-chips::-webkit-scrollbar{display:none}
 .cmx-seg button,.cmx-chips button{flex:0 0 auto;white-space:nowrap;font-size:12px;padding:6px 11px;min-height:32px}
 .cmx-seg button{flex:1 0 auto}
 .cmx-me{white-space:nowrap;font-size:12.5px;padding:8px 10px;overflow:hidden;text-overflow:ellipsis}
 .cmx-status{font-size:11px}
 .cmx-lblrow{flex-wrap:nowrap}
 .cmx-lblrow small,.cmx-lblrow span:last-child{white-space:nowrap;font-size:10.5px}
 .cmx-sumrow{flex-wrap:nowrap;gap:6px}
 .cmx-sum{font-size:12px}
}

/* ---- 4 Oct 2026 round 2: nothing may be clipped. Filters column never below 270px; chip rows become
   equal grids (no sideways scroll), segmented controls split evenly. ---- */
@media (min-width:1101px){
 .cmx{grid-template-columns:minmax(270px,2fr) minmax(0,3fr) minmax(0,5fr) !important}
}
@container cmxf (max-width:330px){
 .cmx-ptop > div{min-width:0;flex:1 1 auto}
 .cmx-ptop b{display:block;overflow:hidden;text-overflow:ellipsis}
 .cmx-ptop .cmx-nri{flex:0 0 auto}
 .cmx-seg{display:grid !important;grid-auto-flow:column;grid-auto-columns:1fr;overflow:visible !important}
 .cmx-seg button{min-width:0;padding:6px 4px;font-size:12px;overflow:hidden;text-overflow:ellipsis}
 .cmx-chips{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;overflow:visible !important}
 .cmx-chips button{min-width:0;padding:6px 4px;justify-content:center;text-align:center;overflow:hidden;text-overflow:ellipsis}
 .cmx-chips--multi{grid-template-columns:repeat(2,minmax(0,1fr))}
 .cmx-me{font-size:12px;padding:8px 8px;justify-content:center}
 .cmx-search{grid-template-columns:minmax(0,1fr) 42px}
 .cmx-search input{min-width:0}
 .cmx-sumrow{flex-wrap:wrap}
}

/* location mode tabs + auto toggle (4 Oct 2026) */
.cmx-lmode{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:3px;margin:2px 0 8px;border-radius:12px;background:#F1F4F9;border:1px solid var(--x-line)}
.cmx-lmode button{min-width:0;border:0;background:transparent;border-radius:9px;padding:7px 2px;font-size:11.5px;font-weight:700;color:var(--x-muted);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cmx-lmode button[aria-pressed=true]{background:var(--x-navy);color:#fff;box-shadow:0 4px 10px rgba(27,42,94,.25)}
@container cmxf (max-width:330px){.cmx-lmode{grid-template-columns:repeat(2,minmax(0,1fr))}}
.cmx-autorow{display:flex;align-items:center;gap:8px;margin:8px 0 2px;font-size:12px !important;letter-spacing:0 !important;color:var(--x-ink) !important;text-transform:none;cursor:pointer}
.cmx-autorow input{width:16px !important;height:16px !important;min-height:0 !important;accent-color:var(--x-navy);margin:0}

/* 4 Oct: prefilled-from-location look + no big GPS button + normal-case auto label */
#cmxMe{display:none !important}
.cmx .cmx-autorow{text-transform:none !important;font-weight:600 !important}
.cmx .cmx-autofilled{background:#F3F8FF !important;border-color:#9CC3F5 !important}

/* shortlist bar + saved search; Job buttons moved into the Jobs dropdown (4 Oct 2026) */
.cmx-job{display:none !important}
#cmxQ button[data-v=shortlist]{display:none !important}
.cmx-slbar{display:flex;gap:6px;flex-wrap:wrap;padding:0 14px 10px;flex:none}
.cmx-slbar button{display:inline-flex;align-items:center;gap:6px;border:1px solid #F4B6CB;background:#FFF5F8;color:#B4245A;border-radius:999px;padding:6px 12px;font-size:12.5px;font-weight:700;cursor:pointer;white-space:nowrap}
.cmx-slbar button[aria-pressed=true]{background:#D6336C;color:#fff;border-color:#D6336C}
.cmx-slbar em{font-style:normal;min-width:20px;height:20px;border-radius:999px;background:#fff;color:#B4245A;display:inline-grid;place-items:center;font-size:11px;padding:0 5px;border:1px solid #F4B6CB}
.cmx-slbar .cmx-savebtn{border-color:#E6DCC2;background:#FFFBF0;color:#8A6D1F}
.cmx-slbar .cmx-savebtn:hover{border-color:#E0B44B}
@container cmxf (max-width:330px){.cmx-slbar{padding:0 12px 8px}.cmx-slbar button{padding:5px 10px;font-size:12px}}

.cmx-slbar{flex-wrap:nowrap}
.cmx-slbar .cmx-loadbtn{padding:6px 10px;font-size:14px;line-height:1}
.cmx-slbar .cmx-savebtn.is-done{background:#E7F6EC;border-color:#9AD3AE;color:#137A3A}

/* applied-filter chips, always visible at the top of the panel (4 Oct 2026) */
.cmx-active{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 14px 10px;padding:9px 10px;border-radius:14px;background:#FFF8E6;border:1px solid #EBD39A;flex:none}
.cmx-active[hidden]{display:none}
.cmx-active-h{width:100%;font-size:11px;font-weight:800;letter-spacing:.04em;color:#8A6D1F}
.cmx-achip{display:inline-flex;align-items:center;gap:6px;max-width:100%;border:1px solid #1B2A5E;background:#1B2A5E;color:#fff;border-radius:999px;padding:4px 6px 4px 11px;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cmx-achip b{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:rgba(255,255,255,.18);font-size:10px}
.cmx-achip:hover{background:#D6336C;border-color:#D6336C}
.cmx-aclear{border:0;background:none;color:#B4245A;font-size:12px;font-weight:800;cursor:pointer;padding:4px 6px;text-decoration:underline}
@container cmxf (max-width:330px){.cmx-active{margin:0 12px 8px}}

/* owner: applied-filter strip on a half-blue panel (navy top half fading to white) */
.cmx-active{background:linear-gradient(180deg,#1B2A5E 0%,#243B7A 52%,#EEF3FF 52%,#FFFFFF 100%) !important;border:1px solid #1B2A5E !important;padding:8px 10px 10px !important;box-shadow:0 8px 20px rgba(27,42,94,.18)}
.cmx-active-h{color:#F3E3B3 !important;padding-bottom:4px}
.cmx-achip{background:#fff !important;color:#1B2A5E !important;border:1px solid #C9D2EA !important;box-shadow:0 2px 6px rgba(27,42,94,.12)}
.cmx-achip b{background:#E6EAF5 !important;color:#1B2A5E}
.cmx-achip:hover{background:#FDE7EF !important;border-color:#D6336C !important;color:#B4245A !important}
.cmx-aclear{color:#B4245A !important}



/* owner 4 Oct: filter panel, list panel and map ALWAYS the same height and the same top on PC */
@media (min-width:1101px){
 .cmx{align-items:stretch !important}
 .cmx > .cmx-panel,.cmx > .cmx-mapbox{height:var(--cmx-h,720px) !important;max-height:none !important;margin-top:0 !important;align-self:start;top:84px}
 .cmx > .cmx-panel:not(.cmx-panel--list){overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
}
@media (min-width:1101px) and (max-height:820px){.cmx{--cmx-h:calc(100vh - 110px)}}
/* phone: filters, then MAP, then the Bride/Groom list under the map (owner 4 Oct) */
@media (max-width:900px){.cmx > .cmx-panel:not(.cmx-panel--list){order:1}.cmx > .cmx-mapbox{order:2}.cmx > .cmx-panel--list{order:3}}

/* ---- phone filter sheet (4 Oct 2026) ---- */
.cmx-mobopen,.cmx-sheetbar,.cmx-sheetback{display:none}
@media (max-width:900px){
 .cmx-panel:not(.cmx-panel--list) .cmx-ptop small{display:none}
 .cmx-panel:not(.cmx-panel--list) .cmx-ptop{padding:10px 12px 6px}
 .cmx-slbar{padding:0 12px 8px}
 .cmx-active{margin:0 12px 8px !important;flex-wrap:nowrap !important;overflow-x:auto;scrollbar-width:none;padding:6px 8px !important}
 .cmx-active::-webkit-scrollbar{display:none}
 .cmx-active-h{display:none}
 .cmx-achip{flex:0 0 auto}
 .cmx-mobopen{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 12px 12px;padding:12px 14px;border:0;border-radius:14px;
   background:linear-gradient(135deg,#1B2A5E,#243B7A);color:#fff;font:800 14px var(--x-ui,sans-serif);cursor:pointer;box-shadow:0 8px 18px rgba(27,42,94,.25)}
 .cmx-mobopen em{font-style:normal;display:inline-grid;place-items:center;min-width:22px;height:22px;border-radius:999px;background:#E0B44B;color:#1B2A5E;font-size:12px;margin-left:6px;padding:0 6px}
 .cmx-mobopen-r{font-weight:600;font-size:12px;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:55%}
 /* compact (sheet closed): hide every section */
 .cmx-panel:not(.cmx-panel--list):not(.is-sheet) > .cmx-sec,.cmx-panel:not(.cmx-panel--list):not(.is-sheet) > .cmx-note{display:none !important}
 /* sheet open */
 .cmx-panel.is-sheet{position:fixed !important;left:0;right:0;bottom:0;top:auto !important;z-index:9990;max-height:88vh !important;height:auto !important;
   overflow-y:auto !important;border-radius:22px 22px 0 0 !important;margin:0 !important;box-shadow:0 -18px 44px rgba(8,34,76,.35);animation:cmxSheet .25s ease-out}
 .cmx-panel.is-sheet .cmx-mobopen{display:none}
 .cmx-panel.is-sheet .cmx-sheetbar{display:block;position:sticky;bottom:0;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(255,255,255,0),#fff 30%);z-index:2}
 .cmx-sheetbar button{width:100%;border:0;border-radius:14px;padding:13px;background:#D6336C;color:#fff;font:800 15px var(--x-ui,sans-serif);cursor:pointer}
 .cmx-sheetback:not([hidden]){display:block;position:fixed;inset:0;z-index:9989;background:rgba(8,20,48,.45)}
 html.cmx-sheet-lock,html.cmx-sheet-lock body{overflow:hidden}
}
@keyframes cmxSheet{from{opacity:.4}to{opacity:1}}

.cmx-sheethost{display:block !important;position:static !important;z-index:auto}
.cmx-sheethost[hidden]{display:none !important}
.cmx-sheethost .cmx-sheetback{z-index:9989}

/* fan photo size: smaller on phones and in big groups so rings never overlap (4 Oct 2026) */
.cmxm-g--fan.is-phone > .cmxm{transform:scale(.82);transform-origin:0 0}
.cmxm-g--fan.is-dense > .cmxm{transform:scale(.66);transform-origin:0 0}
.cmxm-g--fan.is-dense.is-phone > .cmxm{transform:scale(.54);transform-origin:0 0}
/* keep Google's map controls above the photo layer */
.cmx-mapbox .gm-bundled-control,.cmx-mapbox .gm-fullscreen-control,.cmx-mapbox .gmnoprint{z-index:1000002 !important}
.cmx-mapbox > #cmxMap{position:relative;z-index:1}
.cmx-legend{z-index:20 !important}
.cmx-card{z-index:30 !important}

/* agua pin above the photo layer + agua card on top of the list (4 Oct 2026) */
.cmx-agpin{position:absolute;left:0;top:0;border:0;background:none;padding:0;cursor:pointer;z-index:50;width:0;height:0}
.cmx-agpin-ring{position:absolute;left:-26px;top:-62px;width:52px;height:52px;border-radius:50%;border:4px solid #E0B44B;background:#fff;overflow:hidden;box-shadow:0 0 0 3px #fff,0 10px 22px rgba(138,109,31,.45);display:grid;place-items:center;font-size:22px}
.cmx-agpin-ring::after{content:"";position:absolute}
.cmx-agpin-ring img{width:100%;height:100%;object-fit:cover;object-position:center 25%}
.cmx-agpin::before{content:"";position:absolute;left:-7px;top:-12px;border:7px solid transparent;border-top:10px solid #E0B44B}
.cmx-agpin-t{position:absolute;left:50%;top:-84px;transform:translateX(-50%);white-space:nowrap;padding:2px 8px;border-radius:999px;background:#E0B44B;color:#1B2A5E;font:800 11px var(--x-ui,sans-serif);box-shadow:0 2px 6px rgba(0,0,0,.2)}
.cmx-aguatop{margin:4px 14px 10px;padding:10px;border-radius:14px;background:linear-gradient(135deg,#FFF8E6,#FDF1D6);border:1px solid #EBD39A}
.cmx-aguatop[hidden]{display:none}
.cmx-aguatop-h{font:800 12px var(--x-ui,sans-serif);color:#8A6D1F;margin:0 0 6px}
.cmx-agrow{display:grid;grid-template-columns:44px 1fr auto auto;gap:10px;align-items:center;padding:6px 0}
.cmx-agrow img,.cmx-agrow i{width:44px;height:44px;border-radius:50%;object-fit:cover;object-position:center 25%;border:2px solid #E0B44B;display:grid;place-items:center;font-style:normal;background:#fff}
.cmx-agrow b{color:#1B2A5E;font-size:14px}.cmx-agrow em{font-style:normal;color:#137A3A;font-weight:800;font-size:12px}
.cmx-agrow small{display:block;color:#64748B;font-size:11.5px}
.cmx-agcall{width:40px;height:40px;border-radius:50%;background:#1E9E5A;color:#fff;display:grid;place-items:center;text-decoration:none;font-size:18px}
.cmx-agmore{color:#1B2A5E;font-size:22px;font-weight:800;text-decoration:none;padding:0 4px}

/* agua details in the explorer card (4 Oct 2026) */
.cmx-card.is-agua{padding:0}
.cmxc-agua{position:relative;padding:16px 16px 14px;background:linear-gradient(180deg,#FFF8E6,#fff 70px)}
.cmxc-agx{position:absolute;right:10px;top:10px;width:34px;height:34px;border-radius:50%;border:0;background:#1B2A5E;color:#fff;font-size:16px;cursor:pointer;z-index:2;box-shadow:0 4px 10px rgba(27,42,94,.3)}
.cmxc-agua > div > img{margin-right:40px}