/* demo-growth styles, scoped to #demo. Care plans, referrals, reviews, emails, reactivation, newsletter, GBP, setup. */
#demo .dm-gr-grow{flex:1 1 auto}
#demo .dm-gr-pad{padding:0 2px 8px}
#demo .dm-gr-h2{margin-bottom:8px}
#demo .dm-gr-ch{margin-bottom:10px}
#demo .dm-gr-inl{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:#475569}
#demo .dm-gr-inl .dm-select{width:auto;padding:5px 8px}
#demo .dm-gr-stackc{display:flex;flex-direction:column;gap:12px}
#demo .dm-gr-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:10px}
#demo .dm-gr-kpis.dm-gr-k3{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:12px}
#demo .dm-gr-kpis .dm-kpi small{color:#0f766e;font-weight:600}
#demo .dm-gr-chk{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:12px;font-weight:600;color:#1f2937;cursor:pointer}
#demo .dm-gr-chk input,#demo .dm-gr-line input,#demo .dm-table .dm-chk{accent-color:#2b3d50;width:15px;height:15px;margin:0;flex:none}
#demo .dm-gr-line{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid #e5eaf0;font-size:12px;cursor:pointer}
#demo .dm-gr-line:first-of-type{border-top:0}
#demo .dm-gr-line span{flex:1;font-weight:600;color:#111827}
#demo .dm-gr-star,#demo .dm-gr-stars{display:inline-flex;gap:1px;align-items:center}
#demo .dm-star.dm-gr-off{color:#cbd5e1}

/* care plan builder */
#demo .dm-gr-sticky{position:sticky;top:0}
#demo .dm-gr-ph{margin-top:4px}
#demo .dm-gr-ph th,#demo .dm-gr-ph td{padding:6px 8px}
#demo .dm-gr-wban .dm-banner{margin-bottom:8px}
#demo .dm-gr-aud{margin-bottom:4px}
#demo .dm-gr-pays{display:grid;gap:8px;margin-top:8px}
#demo .dm-gr-pay{position:relative;display:grid;grid-template-columns:1fr auto;gap:2px 10px;text-align:left;font:inherit;background:#fff;border:1px solid #d5dde6;border-radius:10px;padding:10px 12px;cursor:pointer;color:#1f2937}
#demo .dm-gr-pay:hover{border-color:#8fa5b0}
#demo .dm-gr-pay i{grid-column:1/-1;font-style:normal;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#64748b}
#demo .dm-gr-pay.is-best i{color:#0f766e}
#demo .dm-gr-pay b{font-size:12px;color:#111827}
#demo .dm-gr-pay strong{font-size:15px;color:#111827;grid-row:2/4;grid-column:2;align-self:center}
#demo .dm-gr-pay small{font-size:11px;color:#6b7280;grid-column:1}
#demo .dm-gr-pay.is-sel{border-color:#2b3d50;background:#f2f7f8;box-shadow:0 0 0 2px rgba(43,61,80,.14)}
#demo .dm-gr-linkbox{margin-top:8px;padding:9px 11px;border-radius:8px;background:#f6f8fb;border:1px solid #e5eaf0;font:11px ui-monospace,SFMono-Regular,Menlo,monospace;color:#334155;overflow-wrap:anywhere}
#demo .dm-gr-lc{padding:7px 0;border-bottom:1px solid #e5eaf0}

/* presentation deck */
#demo .dm-mbody:has(.dm-gr-deck){padding:0;overflow:hidden}
#demo .dm-gr-deck{display:flex;flex-direction:column;height:100%;min-height:0;background:#f4f7fa}
#demo .dm-gr-dhead{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 16px;background:#fff;border-bottom:1px solid #e5eaf0}
#demo .dm-gr-dhead>div:first-child b{display:block;font-size:13px;color:#111827}
#demo .dm-gr-dhead small{font-size:11px;color:#6b7280}
#demo .dm-gr-steps{display:flex;gap:4px;flex-wrap:wrap}
#demo .dm-gr-steps button{display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:11px;font-weight:600;padding:5px 10px;border-radius:999px;border:1px solid #d5dde6;background:#fff;color:#475569;cursor:pointer}
#demo .dm-gr-steps button i{font-style:normal;width:16px;height:16px;border-radius:50%;background:#e5eaf0;display:grid;place-items:center;font-size:10px}
#demo .dm-gr-steps button[aria-current="step"]{background:#2b3d50;border-color:#2b3d50;color:#fff}
#demo .dm-gr-steps button[aria-current="step"] i{background:rgba(255,255,255,.25)}
#demo .dm-gr-dbody{flex:1;min-height:0;overflow:auto;padding:22px 26px}
#demo .dm-gr-slide{max-width:760px;margin:0 auto;background:#fff;border:1px solid #d5dde6;border-radius:14px;padding:24px 28px;box-shadow:0 1px 2px rgba(15,23,42,.05)}
#demo .dm-main .dm-gr-slide h2,#demo .dm-modal .dm-gr-slide h2{font-size:20px;margin:2px 0 10px}
#demo .dm-gr-lead{font-size:13px!important;color:#374151;margin-bottom:12px!important}
#demo .dm-gr-scan{padding:10px 0;border-top:1px solid #e5eaf0}
#demo .dm-gr-scan p{font-size:12px;margin-top:4px}
#demo .dm-gr-phase{display:flex;align-items:center;gap:12px;padding:9px 0;border-top:1px solid #e5eaf0}
#demo .dm-gr-phase .dm-num{margin:0;flex:none}
#demo .dm-gr-phase b{display:block;font-size:13px;color:#111827}
#demo .dm-gr-phase small{font-size:11px;color:#6b7280}
#demo .dm-gr-goals{margin:8px 0 0 18px;padding:0;font-size:13px;line-height:1.6;color:#1f2937}
#demo .dm-gr-goals li+li{margin-top:4px}
#demo .dm-gr-sigbox{border:1px solid #d5dde6;border-radius:10px;padding:12px;background:#fbfcfd}
#demo .dm-gr-sigarea{height:84px;margin:8px 0;border-bottom:2px solid #94a3b8;display:grid;place-items:center;background:#fff;border-radius:6px 6px 0 0}
#demo .dm-gr-signsvg{width:100%;height:100%}
#demo .dm-gr-dfoot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:#fff;border-top:1px solid #e5eaf0}
#demo .dm-gr-dots{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}
#demo .dm-gr-dot{width:9px;height:9px;padding:0;border-radius:50%;border:0;background:#cbd5e1;cursor:pointer}
#demo .dm-gr-dot.is-on{background:#2b3d50;transform:scale(1.25)}

/* referrals, reviews, shared list rows */
#demo .dm-gr-tp{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}
#demo .dm-gr-tp small{display:block;font-size:11px;color:#6b7280;margin-top:2px}
#demo .dm-gr-askrow{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #e5eaf0;font-size:12px}
#demo .dm-gr-askrow:last-child{border-bottom:0}
#demo .dm-gr-form h3{margin:2px 0 8px}
#demo .dm-gr-qrow{flex-wrap:nowrap}
#demo .dm-gr-rf{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;padding-top:8px;border-top:1px solid #e5eaf0}
#demo .dm-gr-pc{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:#374151}
#demo .dm-gr-ref{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:#374151}
#demo .dm-gr-ref .dm-input{width:150px;padding:4px 8px}
#demo .dm-review .dm-field{margin-bottom:0}
#demo .dm-review .dm-quote{font-size:12px}

/* email preview */
#demo .dm-gr-badge{display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;background:#e0e7ff;color:#4338ca;white-space:nowrap}
#demo .dm-gr-badge.is-teal{background:#ccfbf1;color:#0f766e}
#demo .dm-modal h2.dm-gr-subj{font-size:16px;margin-bottom:6px}
#demo .dm-gr-why{font-size:12px;color:#475569;padding:8px 10px;border-radius:8px;background:#f6f8fb;margin-bottom:12px!important}
#demo .dm-gr-why b{color:#111827;margin-right:6px}
#demo .dm-gr-mail{border:1px solid #d5dde6;border-radius:10px;overflow:hidden;background:#fff}
#demo .dm-gr-mailmeta{padding:10px 14px;background:#f6f8fb;border-bottom:1px solid #e5eaf0;font-size:11px;color:#475569;display:grid;gap:2px}
#demo .dm-gr-mailmeta b{display:inline-block;width:54px;color:#111827}
#demo .dm-gr-mailbody{padding:0 0 14px;background:#fff}
#demo .dm-gr-mailhead{padding:14px 22px;background:#2b3d50;color:#fff;margin-bottom:14px}
#demo .dm-gr-mailhead b{display:block;font-size:14px}
#demo .dm-gr-mailhead span{font-size:11px;opacity:.8}
#demo .dm-gr-mailbody p{padding:0 22px;margin-top:10px;font-size:13px;line-height:1.6;color:#1f2937}
#demo .dm-gr-mailbody p.dm-gr-sign{margin-top:16px}
#demo .dm-gr-mailfoot{margin:18px 22px 0;padding-top:10px;border-top:1px solid #e5eaf0;font-size:11px;color:#6b7280;line-height:1.5}

/* reactivation */
#demo .dm-gr-bucket.dm-sel,#demo .dm-gr-bucket[aria-pressed="true"]{border-color:#0f766e;box-shadow:0 0 0 2px rgba(15,118,110,.18)}
#demo .dm-gr-bucket b{font-size:15px}
#demo .dm-gr-drop{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;margin-top:4px;padding:30px 16px;border:2px dashed #b4c2cf;border-radius:12px;background:#f8fafc;font:inherit;color:#475569;cursor:pointer;text-align:center}
#demo .dm-gr-drop:hover{border-color:#2b3d50;background:#f2f7f8}
#demo .dm-gr-drop b{font-size:13px;color:#111827}
#demo .dm-gr-drop span{font-size:11px}
#demo .dm-gr-parse{display:flex;align-items:center;justify-content:center;gap:10px;padding:34px 16px;font-size:12px;font-weight:600;color:#475569}
#demo .dm-gr-spin{width:16px;height:16px;border-radius:50%;border:2px solid #cbd5e1;border-top-color:#2b3d50;animation:dm-gr-rot .8s linear infinite}
@keyframes dm-gr-rot{to{transform:rotate(360deg)}}
#demo .dm-gr-buckets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:10px}

/* newsletter, GBP, setup */
#demo .dm-gr-tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
#demo .dm-gr-fail{color:#b91c1c;font-weight:600}
#demo .dm-gr-detail td{background:#f8fafc;padding:12px 14px!important}
#demo .dm-table tr[data-expand]:focus-visible{outline:2px solid #0f766e;outline-offset:-2px}
#demo .dm-gr-post{border-bottom:1px solid #e5eaf0}
#demo .dm-gr-post:last-child{border-bottom:0}
#demo .dm-gr-post.is-arch{opacity:.65}
#demo .dm-gr-posthead{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;width:100%;text-align:left;background:none;border:0;padding:10px 0;font:inherit;cursor:pointer;color:#1f2937}
#demo .dm-gr-posthead:hover .dm-gr-snip{color:#0f766e}
#demo .dm-gr-snip{font-size:12px;line-height:1.4}
#demo .dm-gr-postbody{padding:0 0 12px}
#demo .dm-gr-postbody p{margin-top:4px}
#demo .dm-gr-item{padding:12px 14px}
#demo .dm-gr-item.is-done{opacity:.7;text-decoration:none}
#demo .dm-gr-item.is-done b{text-decoration:line-through}
#demo .dm-gr-steps2{margin:10px 0 0 18px;padding:10px 0 0;border-top:1px solid #e5eaf0;font-size:12px;line-height:1.6;color:#374151}
#demo .dm-gr-wzs{gap:4px}

@media (max-width:1000px){
#demo .dm-gr-kpis,#demo .dm-gr-buckets{grid-template-columns:repeat(2,minmax(0,1fr))}
#demo .dm-gr-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}
#demo .dm-gr-sticky{position:static}
}
@media (max-width:759px){
#demo .dm-gr-kpis.dm-gr-k3{grid-template-columns:repeat(1,minmax(0,1fr))}
#demo .dm-gr-dbody{padding:12px}
#demo .dm-gr-slide{padding:16px}
#demo .dm-gr-askrow{grid-template-columns:minmax(0,1fr) auto}
}