/* growth-1: the Growth page (public/assets/growth.js) */
.nv .nv-new{margin-left:auto;font-size:11px;font-weight:700;padding:1px 7px;border-radius:999px;background:var(--brand-50);color:var(--brand-700);border:1px solid var(--brand-200)}
.badge-src{background:#F3F4F6;color:#4B5563;border-color:#E5E7EB}
.badge-src.ok{background:var(--brand-50);color:var(--brand-800);border-color:var(--brand-200)}
.ref.src .i{color:#6B7280}
.ref.src.ok .i{color:var(--brand-700)}
.lead-status.s-qualified{background-color:#FDF5E3;border-color:#F1D9A6;color:#8A5A12}
.lead-status.s-booked{background-color:#E9F3FF;border-color:#BBD6F6;color:#1E4E8C}

#grRoot{min-width:0}
.gr-stats{margin:12px 0 0}
.gr-results{margin-bottom:16px}
.gr-results h2,.gr-launch h2{margin:0 0 12px}
.gr-res-stats{margin-bottom:12px}
.gr-spent{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:4px 0 10px}
.gr-spent label{font-weight:600;font-size:14px}
.gr-spent .gr-money{max-width:260px}
.gr-spent .gr-money .input{max-width:120px}
.gr-funnel{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0}
.gr-fstep{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-width:0;flex:1 1 90px;padding:8px 10px;border:1px solid var(--line,#E5E7EB);border-radius:10px;background:#FAFAFA}
.gr-fstep b{font-size:18px;line-height:1.2}
.gr-fstep span{font-size:12px;color:var(--ink-2,#4B5563);overflow-wrap:anywhere}
.gr-fstep.on{background:var(--brand-50);border-color:var(--brand-200)}
.gr-fstep i{display:none}
.gr-launch{margin-bottom:16px;border-left:4px solid var(--brand-600,#1B8F69)}
.gr-launch.done{border-left-color:var(--brand-200)}
.gr-lsteps{list-style:none;margin:12px 0 14px;padding:0;display:flex;flex-direction:column;gap:10px}
.gr-lsteps li{display:flex;gap:12px;align-items:flex-start}
.gr-lsteps li p{margin:2px 0 0;color:var(--ink-2,#4B5563);font-size:14px}
.gr-n{flex:0 0 28px;width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;background:#F3F4F6;color:#374151}
.gr-lsteps li.done .gr-n{background:var(--brand-600,#1B8F69);color:#fff}
.gr-lsteps li.done b{text-decoration:line-through;text-decoration-color:rgba(0,0,0,.25)}
.gr-plan-head{font-weight:700;font-size:16px;margin:0 0 12px}
.gr-empty{text-align:left;color:var(--ink-2)}
.gr-empty b{display:block;font-size:16px;margin-bottom:4px;color:var(--ink)}
.gr-empty p{margin:0;color:var(--muted)}
.gr-setup h2{margin-bottom:12px}
.gr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}
.gr-field{min-width:0;margin:0 0 2px}
.gr-field>label,.gr-flabel{display:flex;justify-content:space-between;gap:8px;font-size:13.5px;font-weight:600;color:var(--ink-2);margin:0 0 6px}
.gr-field .fine{margin:6px 0 0;font-size:12.5px}
.gr-wide{grid-column:1 / -1}
.gr-money{display:flex;align-items:center;gap:8px}
.gr-money .input{max-width:140px}
.gr-money span{color:var(--muted);font-weight:600}
.gr-warn{color:var(--warn)}
.gr-setup-foot{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px}
.gr-setup-foot .btn .i,.gr-actions .btn .i,.gr-link .btn .i{width:16px;height:16px}
.gr-usage{margin:0 0 0 auto}
.gr-setup .status{margin:10px 0 0}

.gr-progress b{display:block;font-size:15.5px;margin-bottom:10px}
.gr-bar{height:6px;border-radius:999px;background:var(--sunken);overflow:hidden;position:relative}
.gr-bar i{position:absolute;inset:0 auto 0 0;width:35%;border-radius:999px;background:var(--brand-500);animation:gr-slide 1.4s ease-in-out infinite}
@keyframes gr-slide{0%{left:-35%}100%{left:100%}}
@media (prefers-reduced-motion:reduce){.gr-bar i{animation:none;width:60%}}
.gr-steps{margin:12px 0 0;padding:0 0 0 20px;color:var(--muted);font-size:14px}
.gr-steps li{margin:3px 0}
.gr-steps li.done{color:var(--ok)}
.gr-steps li.done::after{content:" ✓"}
.gr-steps li.now{color:var(--ink);font-weight:600}
.gr-progress .fine{margin-top:10px}

.gr-sources h2{margin-bottom:10px}
.gr-src{display:grid;grid-template-columns:minmax(90px,170px) minmax(0,1fr) 32px;align-items:center;gap:10px;margin:6px 0;font-size:14px}
.gr-src-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-2)}
.gr-src-bar{height:8px;border-radius:999px;background:var(--sunken);overflow:hidden}
.gr-src-bar i{display:block;height:100%;background:var(--brand-500);border-radius:999px}
.gr-src b{text-align:right}

.gr-tabs{margin:4px 0 14px;display:inline-flex;max-width:100%;overflow-x:auto}
.gr-h3{font-size:14.5px;font-weight:700;margin:18px 0 8px;color:var(--ink)}
.gr-list>.gr-h3:first-child{margin-top:4px}
.gr-item{padding:18px 20px;margin-bottom:12px;scroll-margin-top:80px;transition:box-shadow .3s}
.gr-item.flash{box-shadow:0 0 0 3px rgba(27,143,105,.35)}
.gr-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px}
.gr-title{min-width:0}
.gr-title b{display:block;font-size:15.5px;line-height:1.35}
.gr-sub{display:block;font-size:12.5px;color:var(--muted);margin-top:1px}
.gr-badges{display:flex;gap:6px;align-items:center;flex:none;flex-wrap:wrap;justify-content:flex-end}
.gr-pill{font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;border:1px solid var(--line);white-space:nowrap}
.gr-pill.s-draft{background:var(--sunken);color:var(--ink-2)}
.gr-pill.s-approved{background:var(--brand-50);color:var(--brand-800);border-color:var(--brand-200)}
.gr-pill.s-posted{background:var(--ok-bg);color:var(--ok);border-color:#9FD8BF}
.gr-leads{font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;background:var(--hot-bg);color:var(--hot-700);border:1px solid var(--hot-line);white-space:nowrap}
.gr-body{font-size:14.5px;color:var(--ink);min-width:0}
.gr-text{margin:0 0 10px;white-space:pre-line;line-height:1.55;overflow-wrap:anywhere}
.gr-tags{margin:0 0 10px;color:var(--brand-700);font-weight:600;overflow-wrap:anywhere}
.gr-label{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:10px 0 6px}
.gr-label .i{width:14px;height:14px}
.gr-lines{margin:0 0 6px;padding:0 0 0 22px}
.gr-lines li{margin:3px 0;overflow-wrap:anywhere}
.gr-lines li span{margin-right:8px}
.gr-count{font-size:12px;color:var(--faint);font-weight:600;white-space:nowrap}
.gr-count.over{color:var(--err)}
.gr-kv{display:grid;grid-template-columns:150px minmax(0,1fr);gap:10px;margin:6px 0}
.gr-kv span{font-size:13px;color:var(--muted);font-weight:600}
.gr-kv p{margin:0;overflow-wrap:anywhere}
.gr-plan .gr-h3:first-child{margin-top:4px}
.gr-chans{display:grid;gap:8px}
.gr-chan{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--paper)}
.gr-chan.paid{border-color:var(--brand-200);background:var(--brand-50)}
.gr-chan-top{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.gr-amt{font-weight:700;color:var(--brand-800);font-size:14px}
.gr-chan p{margin:4px 0 0;color:var(--ink-2);font-size:14px}
.gr-weeks,.gr-ul{margin:0 0 6px;padding:0 0 0 22px}
.gr-weeks li,.gr-ul li{margin:4px 0}
.gr-note{display:flex;gap:8px;align-items:flex-start;background:var(--warn-bg);color:#7A5212;border-radius:12px;padding:10px 12px;font-size:13.5px;margin:14px 0 6px}
.gr-note .i{width:16px;height:16px;flex:none;margin-top:2px}
.gr-flags{background:var(--warn-bg);border:1px solid #F1D9A6;border-radius:12px;padding:10px 12px;margin:0 0 12px;font-size:13.5px;color:#6B470F}
.gr-flags.ok{background:var(--ok-bg);border-color:#9FD8BF;color:var(--ok)}
.gr-flags-t{display:flex;align-items:center;gap:6px;font-weight:700;margin:0 0 4px}
.gr-flags-t .i{width:16px;height:16px}
.gr-flags ul{margin:0;padding:0 0 0 18px}
.gr-flags li{margin:2px 0}
.gr-true{display:flex;align-items:center;gap:8px;margin-top:8px;font-weight:600;cursor:pointer}
.gr-true input{width:18px;height:18px;accent-color:var(--brand-700)}
.gr-link{margin:12px 0 0;border-top:1px solid var(--line);padding-top:10px}
.gr-link .gr-label{margin-top:0}
.gr-link-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.gr-link-in{flex:1 1 220px;min-width:0;height:36px!important;font-size:13px!important;color:var(--ink-2);background:var(--paper)}
.gr-link-row .btn{flex:none}
.gr-links .gr-link-row{margin-top:8px}
.gr-links-tip{margin:2px 0 4px}
.gr-links .gr-link-in{flex:1 1 120px}
.gr-links .gr-link-row .btn{flex:none!important}
.gr-plat{flex:0 0 74px;font-size:13px;font-weight:600;color:var(--ink-2)}
.gr-nolink{margin:10px 0 0}
.gr-posted{display:flex;align-items:center;gap:6px;margin:10px 0 0;font-size:13.5px;color:var(--ok);font-weight:600;min-width:0}
.gr-posted .i{width:16px;height:16px;flex:none}
.gr-posted a{color:var(--brand-700);text-decoration:underline;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.gr-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.gr-edit .gr-field{margin-bottom:12px}
.gr-edit textarea.input{min-height:64px}

.gr-cal-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.gr-cal-head .fine{margin:0}
.gr-cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-top:10px}
.gr-dow{font-size:11.5px;font-weight:700;color:var(--faint);text-align:center}
.gr-day{position:relative;display:flex;align-items:center;justify-content:center;height:40px;border-radius:10px;font-size:13.5px;color:var(--faint);background:var(--paper);border:1px solid transparent}
button.gr-day{font:inherit;font-weight:700;color:var(--ink);cursor:pointer;background:var(--surface);border-color:var(--line-2)}
.gr-day i{position:absolute;bottom:5px;left:50%;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:var(--muted)}
.gr-day.s-approved{border-color:var(--brand-300)} .gr-day.s-approved i{background:var(--brand-500)}
.gr-day.s-posted{border-color:#9FD8BF;background:var(--ok-bg)} .gr-day.s-posted i{background:var(--ok)}
.gr-legend{display:flex;gap:14px;margin:10px 0 0;flex-wrap:wrap}
.gr-legend span{display:inline-flex;align-items:center;gap:6px}
.gr-legend i{width:8px;height:8px;border-radius:50%;background:var(--muted)}
.gr-legend .s-approved i{background:var(--brand-500)} .gr-legend .s-posted i{background:var(--ok)}

.gr-modal-back{position:fixed;inset:0;z-index:2147482000;background:rgba(20,26,36,.5);display:flex;align-items:flex-start;justify-content:center;padding:24px 16px;overflow-y:auto;overscroll-behavior:contain}
.gr-modal{background:var(--surface);border-radius:18px;box-shadow:var(--sh-3);width:100%;max-width:860px;margin:auto;padding:18px 20px}
.gr-modal-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}
.gr-modal-head h2{margin:0;font-size:17px;min-width:0;overflow-wrap:anywhere}
.gr-x{flex:none;width:40px;height:40px;border-radius:10px;border:1px solid var(--line-2);background:var(--surface);font-size:24px;line-height:1;cursor:pointer;color:var(--ink-2)}
.gr-modal-body{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:20px;align-items:start}
.gr-canvas-wrap{background:var(--sunken);border-radius:14px;padding:12px;display:flex;justify-content:center}
.gr-canvas{display:block;width:auto;height:auto;max-width:100%;max-height:62vh;border-radius:8px;box-shadow:var(--sh-2)}
.gr-pic-ctl .gr-label:first-child{margin-top:0}
.gr-seg{display:flex;width:100%;margin-bottom:6px}
.gr-seg button{flex:1}
.gr-pic-ctl .gr-field{margin-top:10px}
.gr-pic-ctl .btn-primary{width:100%;margin-top:14px}

@media (max-width:760px){
  .gr-grid{grid-template-columns:1fr}
  .gr-usage{margin:4px 0 0;width:100%}
  .gr-setup-foot .btn{flex:1 1 auto}
  .gr-item{padding:14px}
  .gr-head{flex-direction:column;gap:6px}
  .gr-badges{justify-content:flex-start}
  .gr-kv{grid-template-columns:1fr;gap:2px}
  .gr-actions .btn{flex:1 1 calc(50% - 8px);min-width:0;padding:0 8px}
  .gr-link-row .btn{flex:1 1 auto}
  .gr-modal-back{padding:10px}
  .gr-modal{padding:14px}
  .gr-modal-body{grid-template-columns:1fr;gap:12px}
  .gr-canvas{max-height:46vh}
  .gr-day{height:36px}
  .gr-src{grid-template-columns:minmax(70px,120px) minmax(0,1fr) 28px}
  .gr-tabs{display:flex}
  .gr-tabs button{flex:1}
}

/* growth-v2: Budget split + Ask Growth */
.gr-split,.gr-chat{margin-bottom:16px}
.gr-split-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 0 8px}
.gr-split-head h2{margin:0}
.gr-tag{font-size:12px;font-weight:700;padding:2px 9px;border-radius:999px;background:var(--brand-50);color:var(--brand-800,#14533F);border:1px solid var(--brand-200)}
.gr-split-budget .gr-money{max-width:none;flex-wrap:wrap}
.gr-split-list{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}
.gr-split-row{min-width:0}
.gr-split-top{display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.gr-split-top b{min-width:0;overflow-wrap:anywhere}
.gr-split-amt{font-weight:800;font-size:17px;white-space:nowrap;color:var(--ink,#111827)}
.gr-split-row.free .gr-split-amt{color:var(--brand-700);font-size:14px}
.gr-split-row p{margin:4px 0 0;color:var(--ink-2,#4B5563);font-size:14px;overflow-wrap:anywhere}
.gr-sbar{height:8px;border-radius:99px;background:var(--sunken,#F3F4F6);margin-top:6px;overflow:hidden}
.gr-sbar i{display:block;height:100%;border-radius:99px;background:var(--brand-600,#1B8F69)}
.gr-split-total{display:flex;justify-content:space-between;align-items:baseline;margin:14px 0 0;padding:10px 0 0;border-top:1px solid var(--line,#E5E7EB)}
.gr-split-total b{font-size:18px}
.gr-split-why{display:flex;gap:8px;align-items:flex-start;margin:12px 0 0;padding:10px 12px;border-radius:10px;background:#FAFAF7;border:1px solid var(--line,#E5E7EB);font-size:14px;color:var(--ink-2,#374151)}
.gr-split-why .i{flex:none;width:18px;height:18px;margin-top:1px;color:var(--brand-700)}
.gr-split-why.learning{background:var(--brand-50);border-color:var(--brand-200)}
.gr-split-spent{margin:12px 0 0}
.gr-split-toggle{font-weight:600;font-size:14px}
.gr-split-spent-panel{margin-top:8px}
.gr-split-spent-panel[hidden]{display:none}
.gr-split-spent-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin:8px 0 10px}
.gr-split-spent-grid label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600;min-width:0}
.gr-split-spent-grid .input{min-width:0;width:100%}
.gr-chat-log{display:flex;flex-direction:column;gap:10px;max-height:420px;overflow-y:auto;padding:12px;border:1px solid var(--line,#E5E7EB);border-radius:12px;background:#FAFAF7;margin:8px 0 10px;overscroll-behavior:contain}
.gr-msg{max-width:88%;min-width:0;padding:9px 12px;border-radius:14px;font-size:14px;line-height:1.45}
.gr-msg p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.gr-msg.ai{align-self:flex-start;background:#fff;border:1px solid var(--line,#E5E7EB)}
.gr-msg.me{align-self:flex-end;background:var(--brand-600,#1B8F69);color:#fff}
.gr-msg.refused{background:#F3F4F6;color:var(--ink-2,#4B5563)}
.gr-msg.typing p{color:var(--muted,#6B7280);font-style:italic}
.gr-chat-draft{margin:10px 0 2px;padding:10px;border-radius:10px;border:1px dashed var(--brand-200);background:var(--brand-50)}
.gr-chat-draft-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px}
.gr-chat-draft pre{margin:0 0 8px;white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:14px;color:var(--ink,#111827)}
.gr-chat-draft-act{display:flex;gap:8px;flex-wrap:wrap}
.gr-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px}
.gr-chip{font:inherit;font-size:13px;padding:6px 12px;border-radius:999px;border:1px solid var(--brand-200);background:#fff;color:var(--brand-800,#14533F);cursor:pointer;text-align:left}
.gr-chip:hover{background:var(--brand-50)}
.gr-chat-form{display:flex;gap:8px;align-items:flex-end}
.gr-chat-form textarea{flex:1;min-width:0;resize:vertical;min-height:44px}
.gr-chat-foot{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:6px}
.gr-chat-foot .fine{margin:0}
@media (max-width:560px){
  .gr-msg{max-width:94%}
  .gr-chat-log{max-height:360px;padding:10px}
  .gr-chat-form{flex-direction:column;align-items:stretch}
  .gr-chat-form .btn{width:100%;justify-content:center}
  .gr-split-budget .gr-money .input{max-width:110px}
}
.gr-split-row.skip b,.gr-split-row.skip .gr-split-amt{color:var(--muted,#6B7280);font-weight:600}

/* free-plan-page: share this plan (read only link) */
.gr-share{margin-top:18px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}
.gr-share.on{background:var(--brand-50);border-color:var(--brand-200)}
.gr-share-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.gr-share-top b{font-size:15px}
.gr-share-top .fine{margin:4px 0 0}
.gr-share-state{flex:none;font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px;background:var(--surface);border:1px solid var(--line-2);color:var(--muted)}
.gr-share.on .gr-share-state{background:var(--brand-700);border-color:var(--brand-700);color:#fff}
.gr-share-act{margin-top:12px}
.gr-share-row{margin-top:12px}

/* growth-polish: a long source ("Confirmed: Facebook and Instagram ad 1 (Instagram link)") wraps on a phone instead of widening the page */
.lead-main{min-width:0}
.badge.badge-src{white-space:normal;height:auto;min-height:24px;max-width:100%;padding-top:3px;padding-bottom:3px;line-height:1.35;overflow-wrap:anywhere;text-align:left}
.cv .tags .badge.badge-src{height:auto;min-height:22px}