/* ============================================================
   LOGIN GATE + ACCOUNT  (auth edition)
   ============================================================ */
.brandguide-app .bg-login{display:flex;justify-content:center;padding:48px 20px 56px}
.brandguide-app .bg-login-card{
  width:100%;max-width:420px;background:var(--card);border:1px solid var(--line);
  border-radius:18px;padding:30px 28px;box-shadow:0 14px 40px rgba(43,38,35,.08)}
.brandguide-app .bg-login-head{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.brandguide-app .bg-login-head .dot{width:9px;height:9px;border-radius:50%;background:var(--accent)}
.brandguide-app .bg-login-head h3{font-family:'Wix Madefor Display';font-size:1.2rem;margin:0;color:var(--ink)}
.brandguide-app .bg-login-sub{font-size:.86rem;color:var(--ink-soft);line-height:1.5;margin:0 0 18px}
.brandguide-app .bg-login-field{display:block;margin-bottom:13px}
.brandguide-app .bg-login-field span{display:block;font-size:.74rem;font-weight:600;letter-spacing:.04em;
  text-transform:uppercase;color:var(--ink-soft);margin-bottom:5px}
.brandguide-app .bg-login-field input{
  width:100%;box-sizing:border-box;font-family:'Wix Madefor Text';font-size:.92rem;
  padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink)}
.brandguide-app .bg-login-field input:focus{outline:none;border-color:var(--accent);
  box-shadow:0 0 0 3px rgba(228,51,146,.18)}
.brandguide-app .bg-login-err{color:#c0392b;font-size:.8rem;min-height:1.1em;margin:2px 0 12px}
.brandguide-app .bg-login-card .btn{width:100%;justify-content:center;padding:12px}
.brandguide-app .bg-login-foot{font-size:.8rem;color:var(--ink-soft);text-align:center;margin:16px 0 0}
.brandguide-app .bg-login-foot a{color:var(--accent-dark);font-weight:600;text-decoration:none}
.brandguide-app .bg-login-foot a:hover{text-decoration:underline}
.brandguide-app .bg-login-row{display:flex;gap:12px}
.brandguide-app .bg-login-row .bg-login-field{flex:1;min-width:0}
.brandguide-app .bg-login-field select{width:100%;box-sizing:border-box;font-family:'Wix Madefor Text';font-size:.92rem;padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2379706A' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}
.brandguide-app .bg-login-field select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(228,51,146,.18)}
.brandguide-app .bg-hp{position:absolute;left:-9999px;top:0;width:1px;height:1px;overflow:hidden}
.brandguide-app .bg-login-forgot{text-align:right;margin:-4px 0 12px;font-size:.78rem}
.brandguide-app .bg-login-ok{color:#1a7f4b;font-size:.84rem;line-height:1.5;background:rgba(26,127,75,.08);border:1px solid rgba(26,127,75,.25);border-radius:10px;padding:11px 13px;margin:2px 0 12px}

/* account chip in the toolbar */
.brandguide-app .bg-account{display:inline-flex;align-items:center;gap:9px}
.brandguide-app .bg-account-email{font-family:'Wix Madefor Text';font-size:.78rem;color:var(--ink-soft);
  max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.brandguide-app .bg-logout{
  font-family:'Wix Madefor Display';font-size:.76rem;font-weight:600;cursor:pointer;
  padding:7px 13px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--ink)}
.brandguide-app .bg-logout:hover{border-color:var(--accent);color:var(--accent)}

/* ============================================================
   HEADER HAMBURGER + SLICK FULL-SCREEN MENU + LOGIN MODAL
   ============================================================ */
/* nav-right + burger are GLOBAL (the nav sits outside .brandguide-app) */
.nav-right{display:flex;align-items:center;gap:12px}
.nav-burger{
  width:34px;height:34px;border:none;background:none;border-radius:0;padding:0;
  cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px}
.nav-burger:hover span{background:var(--accent)}
.nav-burger span{display:block;width:24px;height:2px;background:var(--ink);border-radius:2px;
  transition:transform .3s cubic-bezier(.6,.2,.2,1),opacity .2s ease}
.nav-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.nav-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* slide-in menu (panel from the right, ~1/3 viewport) */
.brandguide-app .site-menu{
  position:fixed;inset:0;z-index:1000;visibility:hidden;pointer-events:none}
.brandguide-app .site-menu::before{
  content:"";position:absolute;inset:0;background:rgba(20,16,14,.5);
  opacity:0;transition:opacity .4s ease}
.brandguide-app .site-menu.open{visibility:visible;pointer-events:auto}
.brandguide-app .site-menu.open::before{opacity:1}
.brandguide-app .site-menu-inner{
  position:absolute;top:0;right:0;height:100%;width:clamp(280px,33vw,440px);
  background:linear-gradient(160deg,var(--accent-dark),var(--accent));
  box-shadow:-30px 0 80px -30px rgba(0,0,0,.5);
  display:flex;flex-direction:column;padding:88px 34px 40px;
  transform:translateX(100%);transition:transform .42s cubic-bezier(.76,0,.24,1)}
.brandguide-app .site-menu.open .site-menu-inner{transform:translateX(0)}
.brandguide-app .site-menu-close{
  position:absolute;top:22px;right:26px;background:none;border:none;color:#fff;font-size:2.2rem;line-height:1;
  cursor:pointer;opacity:.8;transition:opacity .15s,transform .25s}
.brandguide-app .site-menu-close:hover{opacity:1;transform:rotate(90deg)}
.brandguide-app .site-menu-links{display:flex;flex-direction:column;gap:2px;text-align:left;align-items:flex-start}
.brandguide-app .site-menu-links a{
  font-family:'Wix Madefor Display';font-weight:700;font-size:1.4rem;letter-spacing:.01em;text-transform:uppercase;
  color:#fff;text-decoration:none;padding:11px 0;line-height:1.2;width:100%;
  border-bottom:1px solid rgba(255,255,255,.14);
  opacity:0;transform:translateX(18px);
  transition:opacity .4s ease,transform .4s cubic-bezier(.2,.7,.2,1),color .15s;
  transition-delay:calc(var(--i,0) * .06s + .16s)}
.brandguide-app .site-menu.open .site-menu-links a{opacity:1;transform:none}
.brandguide-app .site-menu-links a:hover{color:var(--accent-tint)}
.brandguide-app .site-menu-foot{
  margin-top:auto;display:flex;flex-direction:column;align-items:stretch;gap:14px;
  opacity:0;transition:opacity .4s ease;transition-delay:.42s}
.brandguide-app .site-menu.open .site-menu-foot{opacity:1}
.brandguide-app .site-menu-foot .btn{background:#fff;color:var(--accent-dark);justify-content:center}
.brandguide-app .site-menu-foot .btn:hover{background:var(--accent-tint);color:var(--accent-dark)}
.brandguide-app .site-menu-acct{color:rgba(255,255,255,.85);font-family:'Wix Madefor Text';font-size:.8rem;text-align:center}

/* login modal (reuses .bg-login-card / .bg-login-field styling) */
.brandguide-app .bg-modal{
  position:fixed;inset:0;z-index:1100;display:flex;align-items:center;justify-content:center;padding:20px;
  background:rgba(43,38,35,.55);
  opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s}
.brandguide-app .bg-modal.open{opacity:1;visibility:visible}
.brandguide-app .bg-modal .bg-login-card{position:relative;transform:translateY(14px) scale(.98);transition:transform .25s ease}
.brandguide-app .bg-modal.open .bg-login-card{transform:none}
.brandguide-app .bg-modal-close{
  position:absolute;top:10px;right:14px;background:none;border:none;font-size:1.7rem;line-height:1;
  color:var(--ink-soft);cursor:pointer;transition:color .15s}
.brandguide-app .bg-modal-close:hover{color:var(--accent)}

/* ============================================================
   INTRO POP-UP + GUIDED SETUP (calm full-screen canvas)
   Scoped under .brandguide-app; token fallbacks included.
   ============================================================ */
@keyframes ai-fade{from{opacity:0}to{opacity:1}}
@keyframes ai-blink{0%,100%{opacity:1}50%{opacity:0}}
@keyframes ai-rise{from{opacity:0;transform:translateY(18px) scale(1.12);filter:blur(.5px)}to{opacity:1;transform:none;filter:none}}
@keyframes ai-ping{0%{box-shadow:0 0 0 0 rgba(228,51,146,.40)}70%{box-shadow:0 0 0 10px rgba(228,51,146,0)}100%{box-shadow:0 0 0 0 rgba(228,51,146,0)}}

/* ---------- Intro pop-up ---------- */
.brandguide-app .intro-modal{position:fixed;inset:0;z-index:1300;display:none;align-items:center;justify-content:center;padding:24px;background:rgba(20,17,15,.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.brandguide-app .intro-modal.open{display:flex;animation:ai-fade .3s ease}
.brandguide-app .intro-card{position:relative;width:min(92vw,920px);aspect-ratio:16/9;background:#0d0b0a;border-radius:20px;overflow:hidden;box-shadow:0 50px 130px rgba(0,0,0,.6)}
.brandguide-app .intro-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;background:#0d0b0a}
.brandguide-app .intro-tint{position:absolute;inset:0;pointer-events:none;transition:opacity .4s;background:linear-gradient(180deg,rgba(13,11,10,.28),rgba(13,11,10,.55) 58%,rgba(13,11,10,.82))}
.brandguide-app .intro-overlay{position:absolute;left:0;right:0;bottom:17%;text-align:center;color:#fff;padding:0 28px;pointer-events:none;transition:opacity .4s}
.brandguide-app .intro-title{font-family:var(--disp,inherit);font-weight:800;letter-spacing:-.02em;font-size:clamp(2.4rem,6vw,4rem);margin:0 0 8px;color:#fff;text-shadow:0 4px 30px rgba(0,0,0,.45)}
.brandguide-app .intro-sub{font-size:clamp(1rem,2.2vw,1.35rem);color:rgba(255,255,255,.93);margin:0;text-shadow:0 2px 16px rgba(0,0,0,.45)}
.brandguide-app .intro-play{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);width:84px;height:84px;border-radius:50%;border:2px solid rgba(255,255,255,.85);background:rgba(255,255,255,.16);color:#fff;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(4px);transition:transform .2s,background .2s;z-index:2}
.brandguide-app .intro-play:hover{transform:translate(-50%,-50%) scale(1.08);background:rgba(255,255,255,.30)}
.brandguide-app .intro-play svg{width:34px;height:34px;margin-left:4px}
.brandguide-app .intro-modal.playing .intro-tint,
.brandguide-app .intro-modal.playing .intro-overlay,
.brandguide-app .intro-modal.playing .intro-play{opacity:0;pointer-events:none}
.brandguide-app .intro-x{position:absolute;top:14px;right:14px;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.4);background:rgba(0,0,0,.35);color:#fff;display:grid;place-items:center;cursor:pointer;z-index:3;transition:.18s}
.brandguide-app .intro-x:hover{background:rgba(0,0,0,.6);transform:rotate(90deg)}
.brandguide-app .intro-x svg{width:17px;height:17px}
.brandguide-app .intro-foot{position:absolute;left:0;right:0;bottom:24px;display:flex;justify-content:center;z-index:3}
.brandguide-app .intro-cta{font-family:var(--disp,inherit);font-weight:700;font-size:1.02rem;color:#fff;border:none;cursor:pointer;background:linear-gradient(135deg,var(--accent,#e43392),var(--accent-dark,#c01f6f));padding:14px 34px;border-radius:999px;box-shadow:0 14px 34px rgba(228,51,146,.45);transition:transform .2s,box-shadow .2s}
.brandguide-app .intro-cta:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(228,51,146,.55)}

/* ---- intro synced scene overlay (visual only; never blocks clicks) ---- */
.brandguide-app .intro-scenes{position:absolute;left:0;right:0;top:52%;bottom:88px;
  pointer-events:none;z-index:2;opacity:0;transition:opacity .35s}     /* top:52% = the lower band, just below the play line — nudge this to taste */
.brandguide-app .intro-modal.playing .intro-scenes{opacity:1}
.brandguide-app .iv-scene{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;
  justify-content:center;gap:13px;padding:0 22px;opacity:0;transition:opacity .5s cubic-bezier(.22,.61,.36,1)}
.brandguide-app .iv-scene.on{opacity:1}
.brandguide-app .iv-cap{font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.66);
  opacity:0;transform:translateY(8px);transition:opacity .5s cubic-bezier(.22,.61,.36,1),transform .5s cubic-bezier(.22,.61,.36,1)}
.brandguide-app .iv-cap.in{opacity:1;transform:none}
.brandguide-app .iv-cap.iv-bright{color:rgba(255,255,255,.92)}
.brandguide-app .iv-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#e43392;vertical-align:middle;margin-right:6px;transform:translateY(-1px)}
.brandguide-app .iv-chip{background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.66);border-radius:14px;
  box-shadow:0 8px 24px rgba(0,0,0,.30);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.brandguide-app .iv-pill{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.96);
  border:1px solid rgba(255,255,255,.66);border-radius:999px;box-shadow:0 8px 24px rgba(0,0,0,.30);
  padding:8px 14px;color:#6f6862;font-size:.8rem;font-weight:500;white-space:nowrap;
  -webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.brandguide-app .iv-pill svg{width:15px;height:15px;stroke:#b8b0a8;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}
.brandguide-app .iv-aa{font-family:var(--disp,'Wix Madefor Display');font-weight:600;color:#b8b0a8;font-size:.9rem;line-height:1}
.brandguide-app .iv-pills{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;max-width:280px}
.brandguide-app .iv-s1row{position:relative;width:218px;height:60px}
.brandguide-app .iv-s1{position:absolute;left:50%;top:50%;width:50px;height:50px;margin:-25px 0 0 -25px;
  display:flex;align-items:center;justify-content:center;border-radius:14px;
  transform:translate(var(--sx),var(--sy)) rotate(var(--sr)) scale(.96);opacity:0;
  transition:opacity .5s cubic-bezier(.22,.61,.36,1),transform .75s cubic-bezier(.22,.61,.36,1)}
.brandguide-app .iv-s1.in{opacity:1}
.brandguide-app .iv-scene.tidy .iv-s1{transform:translate(var(--tx),0) rotate(0) scale(1)}
.brandguide-app .iv-s1 svg{width:22px;height:22px;stroke:#b8b0a8;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}
.brandguide-app .iv-s1base{position:absolute;left:50%;bottom:-6px;width:0;height:2px;background:#e43392;border-radius:2px;
  transform:translateX(-50%);opacity:0;transition:width .55s cubic-bezier(.22,.61,.36,1) .15s,opacity .4s}
.brandguide-app .iv-scene.tidy .iv-s1base{width:200px;opacity:.9}
.brandguide-app .iv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;width:236px}
.brandguide-app .iv-card{height:46px;border-radius:11px;display:flex;align-items:center;justify-content:center;
  opacity:0;transform:translateY(12px) scale(.96);transition:opacity .5s cubic-bezier(.22,.61,.36,1),transform .55s cubic-bezier(.22,.61,.36,1)}
.brandguide-app .iv-card.in{opacity:1;transform:none}
.brandguide-app .iv-card svg{width:20px;height:20px;stroke:#b8b0a8;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}
.brandguide-app .iv-fan{position:relative;width:248px;height:118px;display:flex;align-items:flex-start;justify-content:center}
.brandguide-app .iv-fansvg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.brandguide-app .iv-line{stroke:#e43392;stroke-width:1.6;fill:none;stroke-linecap:round;opacity:.85;
  stroke-dasharray:var(--len);stroke-dashoffset:var(--len);transition:stroke-dashoffset .55s cubic-bezier(.22,.61,.36,1)}
.brandguide-app .iv-line.in{stroke-dashoffset:0}
.brandguide-app .iv-node{position:absolute;left:50%;top:2px;transform:translateX(-50%);width:34px;height:34px;border-radius:50%;
  background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.66);box-shadow:0 8px 24px rgba(0,0,0,.30);
  display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .45s cubic-bezier(.22,.61,.36,1)}
.brandguide-app .iv-node.in{opacity:1}
.brandguide-app .iv-node::after{content:"";width:8px;height:8px;border-radius:50%;background:#e43392}
.brandguide-app .iv-fanpill{position:absolute;bottom:0;opacity:0;transform:translateY(10px);transition:opacity .5s cubic-bezier(.22,.61,.36,1),transform .5s cubic-bezier(.22,.61,.36,1)}
.brandguide-app .iv-fanpill.in{opacity:1;transform:none}
.brandguide-app .iv-fanpill.l{left:-12px}
.brandguide-app .iv-fanpill.c{left:50%;transform:translate(-50%,10px)}
.brandguide-app .iv-fanpill.c.in{transform:translateX(-50%)}
.brandguide-app .iv-fanpill.r{right:0}
.brandguide-app .iv-final{font-family:var(--disp,'Wix Madefor Display');font-weight:600;color:#fff;font-size:1.5rem;
  text-align:center;letter-spacing:-.01em;text-shadow:0 2px 18px rgba(0,0,0,.5);
  opacity:0;transform:translateY(10px);transition:opacity .6s cubic-bezier(.22,.61,.36,1),transform .6s cubic-bezier(.22,.61,.36,1)}
.brandguide-app .iv-final.in{opacity:1;transform:none}
.brandguide-app .iv-pk{color:#e43392}
@media (prefers-reduced-motion: reduce){
  .brandguide-app .iv-scene,.brandguide-app .iv-cap,.brandguide-app .iv-s1,.brandguide-app .iv-s1base,
  .brandguide-app .iv-card,.brandguide-app .iv-line,.brandguide-app .iv-node,.brandguide-app .iv-fanpill,
  .brandguide-app .iv-final,.brandguide-app .intro-scenes{transition-duration:.001s!important}
}
@media(max-width:560px){ .brandguide-app .intro-card{width:100vw;aspect-ratio:9/16;max-height:100dvh;border-radius:0} }

/* ---------- Guided setup — calm full-screen canvas ---------- */
.brandguide-app .ai-guide{position:fixed;inset:0;z-index:1250;display:none;background:#fff}
.brandguide-app .ai-guide.open{display:block;animation:ai-fade .35s ease}
.brandguide-app .ai-x{position:absolute;top:22px;right:24px;z-index:7;width:40px;height:40px;border-radius:50%;border:1px solid var(--line,#ece8e4);background:#fff;color:var(--ink-soft,#8a8178);display:grid;place-items:center;cursor:pointer;transition:.18s}
.brandguide-app .ai-x:hover{color:var(--ink,#1a1714);border-color:var(--accent,#e43392);transform:rotate(90deg)}
.brandguide-app .ai-x svg{width:18px;height:18px}
.brandguide-app .ai-nav{flex:none;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(14px,2.8vw,36px);width:100%;padding:4px 16px 0}
.brandguide-app .ai-nav-dot{width:20px;height:20px;flex:none;border-radius:50%;border:1px solid #f2f2f2;background:#fff;color:#f2f2f2;font-family:inherit;font-size:9px;font-weight:600;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transform-origin:center;transition:transform .16s cubic-bezier(.34,1.56,.64,1),border-color .15s,color .15s,background .15s}
.brandguide-app .ai-nav-dot.is-done{background:#e6e6e6;border-color:#e6e6e6;color:#b0b0b0}
.brandguide-app .ai-nav-dot.is-active{background:#fff;border-color:#dadada;color:#c2c2c2}
.brandguide-app .ai-nav-dot:hover,.brandguide-app .ai-nav-dot:focus-visible{transform:scale(1.15);border-color:#e43392;color:#e43392;outline:none}
.brandguide-app .ai-nav-tip{flex:none;width:100%;min-height:1.45em;text-align:center;font-family:var(--disp,inherit);font-size:1.02rem;line-height:1.35;color:var(--ink-soft,#8a8178);opacity:0;transition:opacity .14s;padding:22px 18px 0;pointer-events:none}
.brandguide-app .ai-nav-tip.show{opacity:1}

.brandguide-app .ai-canvas{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:80vw;max-width:920px;height:80vh;display:flex;flex-direction:column;align-items:stretch;overflow:hidden}

.brandguide-app .ai-history{flex:1 1 0;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none;display:flex;flex-direction:column;justify-content:flex-end;gap:14px;padding:10px 0 6px;mask-image:linear-gradient(180deg,transparent,#000 18%);-webkit-mask-image:linear-gradient(180deg,transparent,#000 18%)}
.brandguide-app .ai-history::-webkit-scrollbar{display:none}
.brandguide-app .ai-h-item{font-size:.95rem;line-height:1.5;color:var(--ink-soft,#8a8178);text-align:center;animation:ai-rise .5s cubic-bezier(.2,.7,.2,1);max-width:min(620px,88%);margin:0 auto;white-space:nowrap;overflow:hidden;cursor:pointer;border-radius:8px;padding:2px 14px;transition:color .15s,background .15s}
.brandguide-app .ai-h-item.is-clip{text-align:left;-webkit-mask-image:linear-gradient(90deg,#000 84%,transparent);mask-image:linear-gradient(90deg,#000 84%,transparent)}
.brandguide-app .ai-h-item:hover,.brandguide-app .ai-h-item:focus-visible{color:var(--ink,#1a1714);background:rgba(0,0,0,.045);outline:none}
.brandguide-app .ai-h-item.kept{color:var(--ink,#1a1714)}

.brandguide-app .ai-stage{flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:8px 0 6px}
.brandguide-app .ai-stage::-webkit-scrollbar{display:none}
.brandguide-app .ai-q{font-family:var(--disp,inherit);font-weight:600;font-size:clamp(1.05rem,2.2vw,1.45rem);color:var(--ink,#1a1714);text-align:center;margin:0;max-width:32ch;transition:opacity .3s}
.brandguide-app .ai-live{min-height:1.5em;width:100%;max-width:30ch;max-height:34vh;overflow-y:auto;overflow-wrap:anywhere;text-align:center;font-family:var(--disp,inherit);font-weight:500;font-size:clamp(1.8rem,5vw,2.9rem);line-height:1.25;color:var(--ink,#1a1714);caret-color:#a89f97;outline:none;word-break:break-word;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}
.brandguide-app .ai-live::-webkit-scrollbar{display:none}
.brandguide-app .ai-live.is-long{max-width:min(720px,92%);text-align:left;font-size:clamp(1rem,2.1vw,1.35rem);line-height:1.5;white-space:pre-wrap;padding:4px 12px}
.brandguide-app .ai-live.is-long.is-scroll{border:1px solid #e7ded7;border-radius:14px;padding:16px 18px;background:#fcfaf8;box-shadow:inset 0 -10px 14px -12px rgba(43,38,35,.22)}
.brandguide-app .ai-live:empty{caret-color:transparent}
.brandguide-app .ai-live:empty::after{content:'|';color:#bdb5ad;animation:ai-blink 1.1s step-end infinite}
.brandguide-app .ai-advice{font-size:.9rem;line-height:1.5;color:var(--ink-soft,#8a8178);text-align:center;max-width:46ch;margin:2px 0 0;transition:opacity .3s}
.brandguide-app .ai-rewrites{font-size:.85rem;font-weight:700;color:#e0566f;text-align:center;margin:9px 0 0;letter-spacing:.01em;animation:aiRewPulse 1.5s ease-in-out infinite}
.brandguide-app .ai-rewrites.warn{font-weight:800;color:#d81f5a}
@keyframes aiRewPulse{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}

.brandguide-app .ai-options{display:none;flex-direction:column;gap:14px;width:100%;max-width:min(720px,92%);margin:4px auto 0}
.brandguide-app .ai-opt{position:relative;cursor:pointer;text-align:center;font-family:inherit;font-size:1rem;line-height:1.5;color:var(--ink,#1a1714);background:#fff;border:none;border-radius:16px;padding:14px 26px;box-shadow:0 6px 22px rgba(0,0,0,.07);transition:box-shadow .18s,transform .18s}
.brandguide-app .ai-opt:hover{box-shadow:0 12px 30px rgba(0,0,0,.13);transform:translateY(-1px)}
.brandguide-app .ai-opt.rec{animation:ai-opt-pulse 2.4s ease-in-out infinite}
@keyframes ai-opt-pulse{0%,100%{box-shadow:0 6px 22px rgba(228,51,146,.12)}50%{box-shadow:0 12px 30px rgba(228,51,146,.26)}}
.brandguide-app .ai-opt-tag{display:block;font-size:.66rem;letter-spacing:.09em;text-transform:uppercase;color:var(--accent-dark,#c01f6f);font-weight:700;margin-bottom:5px}
.brandguide-app .ai-opt-alts{display:flex;gap:16px;justify-content:center;margin-top:2px}
.brandguide-app .ai-opt-alts button{background:none;border:none;cursor:pointer;font-family:inherit;font-size:.82rem;color:var(--ink-soft,#8a8178);text-decoration:underline;text-underline-offset:3px;padding:5px}
.brandguide-app .ai-opt-alts button:hover{color:var(--accent-dark,#c01f6f)}
/* ---- guided-setup pop-up (AI choices + expanded history) ---- */
.brandguide-app .ai-pop-scrim{position:fixed;inset:0;z-index:1400;background:rgba(26,23,20,.5);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:24px;animation:ai-fade .2s ease}
.brandguide-app .ai-pop{position:relative;width:100%;max-width:580px;max-height:84vh;overflow-y:auto;background:#fff;border:1px solid #ece5de;border-radius:18px;box-shadow:0 30px 80px rgba(26,23,20,.32);padding:26px 24px 22px;animation:ai-rise .25s cubic-bezier(.2,.7,.2,1)}
.brandguide-app .ai-pop-x{position:absolute;top:12px;right:12px;width:30px;height:30px;border:none;background:transparent;color:#9a8f85;font-size:16px;cursor:pointer;border-radius:8px;line-height:1}
.brandguide-app .ai-pop-x:hover{background:rgba(0,0,0,.05);color:#1a1714}
.brandguide-app .ai-pop-h{font-family:var(--disp,inherit);font-weight:600;font-size:1.15rem;color:#1a1714;margin:0 26px 14px 0}
.brandguide-app .ai-pop-body{display:flex;flex-direction:column;gap:11px}
.brandguide-app .ai-pop-text{font-size:1rem;line-height:1.6;color:#2B2623;white-space:pre-wrap;margin:0}
.brandguide-app .ai-pop .ai-opt{text-align:left;border:1px solid #ece5de;box-shadow:0 4px 14px rgba(0,0,0,.05);font-size:.98rem;padding:14px 18px}
.brandguide-app .ai-pop .ai-opt:hover{box-shadow:0 8px 22px rgba(0,0,0,.1)}
.brandguide-app .ai-pop .ai-opt-tag{text-align:left}
.brandguide-app .ai-pop .ai-opt-alts{justify-content:flex-start;margin-top:4px}

.brandguide-app .ai-bottom{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:16px;padding:14px 0 4px}
.brandguide-app .ai-mic{width:56px;height:56px;border-radius:50%;border:1px solid var(--line,#ece8e4);background:#fff;color:var(--ink-soft,#8a8178);display:grid;place-items:center;cursor:pointer;transition:.18s;animation:ai-idle 2.6s ease-in-out infinite}
.brandguide-app .ai-mic svg{width:23px;height:23px}
.brandguide-app .ai-mic:hover{color:var(--accent-dark,#c01f6f);border-color:var(--accent,#e43392)}
.brandguide-app .ai-mic.live{background:var(--accent,#e43392);border-color:var(--accent,#e43392);color:#fff;animation:ai-ping 1.6s infinite}
.brandguide-app .ai-mic svg{width:20px;height:20px}
.brandguide-app .ai-progress{font-size:.8rem;letter-spacing:.04em;color:var(--ink-soft,#8a8178);opacity:.85;min-width:48px;text-align:center}
.brandguide-app .ai-enter{font-size:.78rem;color:var(--ink-soft,#8a8178);opacity:0;transition:opacity .25s}
.brandguide-app .ai-guide.thinking .ai-advice{opacity:.6}

@media(max-width:560px){
  .brandguide-app .ai-canvas{width:90vw;height:88dvh}
  .brandguide-app .ai-live{font-size:clamp(1.5rem,7vw,2.2rem)}
}
@media(prefers-reduced-motion:reduce){
  .brandguide-app .ai-h-item,.brandguide-app .ai-mic.live{animation:none}
  .brandguide-app .ai-guide.open,.brandguide-app .intro-modal.open{animation:none}
}

/* ---- modifications: idle mic, slogan, Next button, progress bar, cheer banner, guided badge ---- */
@keyframes ai-idle{0%,100%{box-shadow:0 0 0 0 rgba(228,51,146,0);background:#fff}50%{box-shadow:0 0 0 7px rgba(228,51,146,.10);background:#fdf0f7}}
.brandguide-app .ai-mic.live{animation:ai-ping 1.6s infinite}
.brandguide-app .ai-mic-slogan{position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:8px;font-size:.84rem;color:var(--ink-soft,#8a8178);opacity:0;transition:opacity .6s;white-space:nowrap;pointer-events:none}

.brandguide-app .ai-next{font-family:inherit;font-size:.86rem;font-weight:600;color:var(--ink-soft,#8a8178);background:#fff;border:1px solid var(--line,#ece8e4);border-radius:999px;padding:8px 18px;cursor:pointer;transition:.18s;opacity:.5}
.brandguide-app .ai-next:not(:disabled){color:var(--accent-dark,#c01f6f);border-color:var(--accent,#e43392);opacity:1}
.brandguide-app .ai-next:not(:disabled):hover{background:var(--accent,#e43392);color:#fff}
.brandguide-app .ai-next:disabled{cursor:default;opacity:.45}

.brandguide-app .ai-progressbar{position:absolute;left:0;right:0;bottom:18px;height:6px;background:rgba(0,0,0,.045);z-index:4;overflow:hidden}
.brandguide-app .ai-progressbar-fill{display:block;height:100%;width:0;background:rgba(228,51,146,.30);border-radius:0 6px 6px 0;transition:width .55s cubic-bezier(.2,.7,.2,1)}

.brandguide-app .ai-cheer{position:absolute;left:50%;top:30px;transform:translate(-50%,-18px);z-index:6;max-width:80vw;text-align:center;background:#fff;padding:8px 24px;border-radius:16px;opacity:0;pointer-events:none;transition:opacity .45s,transform .45s;font-family:var(--disp,inherit);font-weight:500;font-size:clamp(1.2rem,3vw,2rem);line-height:1.3;color:#c4bcb4}
.brandguide-app .ai-welcome{width:100%;max-width:780px;max-height:0;opacity:0;overflow:hidden;margin-bottom:-16px;transition:max-height .5s ease,opacity .45s ease,margin-bottom .5s ease}
.brandguide-app .ai-welcome.show{max-height:260px;opacity:1;margin-bottom:28px}
.brandguide-app .ai-welcome p{max-width:780px;margin:0 auto;text-align:center;color:#e43392;font-family:var(--disp,inherit);font-weight:600;font-size:clamp(1.1rem,2.5vw,1.62rem);line-height:1.45}
.brandguide-app .ai-cheer.show{opacity:1;transform:translate(-50%,0)}

.brandguide-app #guidedBtn{position:relative;overflow:visible;animation:guided-pulse 2.6s ease-in-out infinite}
@keyframes guided-pulse{0%,100%{box-shadow:0 0 0 0 rgba(228,51,146,0)}50%{box-shadow:0 0 0 6px rgba(228,51,146,.12)}}
.brandguide-app .guided-badge{position:absolute;top:-9px;right:-9px;width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,var(--accent,#e43392),var(--accent-dark,#c01f6f));box-shadow:0 4px 12px rgba(228,51,146,.4);display:grid;place-items:center;pointer-events:none}
.brandguide-app .guided-badge svg{width:20px;height:20px;display:block}
@media(prefers-reduced-motion:reduce){.brandguide-app .ai-mic,.brandguide-app #guidedBtn{animation:none}}

/* ---- loader (rotating muted ring) + back button ---- */
.brandguide-app .ai-loader{display:none;width:58px;height:58px;align-items:center;justify-content:center;margin:6px auto;animation:ai-loader-pulse 2.2s ease-in-out infinite}
.brandguide-app .ai-loader.show{display:flex}
.brandguide-app .ai-loader::before{content:'';width:58px;height:58px;border-radius:50%;background:conic-gradient(from 0deg, transparent, rgba(228,51,146,.30), rgba(150,150,160,.32), rgba(228,51,146,.30), transparent);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 0);mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 0);animation:ai-loader-spin 1.1s linear infinite}
@keyframes ai-loader-spin{to{transform:rotate(360deg)}}
@keyframes ai-loader-pulse{0%,100%{opacity:.75;transform:scale(.96)}50%{opacity:1;transform:scale(1.06)}}
.brandguide-app .ai-back{font-family:inherit;font-size:.86rem;font-weight:600;color:var(--ink-soft,#8a8178);background:none;border:none;cursor:pointer;padding:8px 14px;border-radius:999px;transition:.18s;opacity:.85}
.brandguide-app .ai-back:not(:disabled):hover{color:var(--accent-dark,#c01f6f)}
.brandguide-app .ai-back:disabled{opacity:.3;cursor:default}
@media(prefers-reduced-motion:reduce){.brandguide-app .ai-loader,.brandguide-app .ai-loader::before,.brandguide-app .ai-opt.rec{animation:none}}

/* ---- guided image step (upload now or skip) ---- */
.brandguide-app .ai-images{display:none;width:100%;max-width:min(720px,92%);margin:6px auto 0}
.brandguide-app .ai-img-grid{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.brandguide-app .ai-chip{position:relative;width:122px;height:92px;border-radius:14px;border:1px dashed var(--line,#ece8e4);background-color:#faf8f6;background-position:center;background-size:cover;background-repeat:no-repeat;cursor:pointer;display:flex;align-items:flex-end;justify-content:center;padding:8px;overflow:hidden;transition:border-color .18s,transform .18s}
.brandguide-app .ai-chip:hover{border-color:var(--accent,#e43392);transform:translateY(-1px)}
.brandguide-app .ai-chip.has{border-style:solid;border-color:rgba(0,0,0,.08)}
.brandguide-app .ai-chip-label{font-size:.72rem;font-weight:600;color:var(--ink-soft,#8a8178);background:rgba(255,255,255,.92);padding:3px 9px;border-radius:8px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.brandguide-app .ai-chip.has .ai-chip-label{color:var(--ink,#1a1714)}
.brandguide-app .ai-chip.has::after{content:'';position:absolute;top:7px;right:7px;width:14px;height:14px;border-radius:50%;background:var(--accent,#e43392);box-shadow:0 0 0 3px #fff}
.brandguide-app .ai-img-actions{display:flex;justify-content:center;margin-top:18px}
.brandguide-app .ai-opt-cont{font-family:inherit;font-size:.92rem;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--accent,#e43392),var(--accent-dark,#c01f6f));border:none;border-radius:999px;padding:11px 28px;cursor:pointer;transition:transform .18s,box-shadow .18s;box-shadow:0 8px 22px rgba(228,51,146,.3)}
.brandguide-app .ai-opt-cont:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(228,51,146,.4)}

/* ---- guided colour step (AI palettes / quick picker) ---- */
.brandguide-app .ai-palette{display:none;width:100%;max-width:min(720px,92%);margin:6px auto 0}
.brandguide-app .ai-pal-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center}
.brandguide-app .ai-pal-alt{font-family:inherit;font-size:.86rem;font-weight:600;color:var(--ink,#2B2623);background:#fff;border:1.5px solid #eaddd0;border-radius:999px;cursor:pointer;padding:10px 20px;transition:border-color .15s,transform .15s,color .15s}
.brandguide-app .ai-pal-alt:hover{color:var(--accent-dark,#c01f6f);border-color:var(--accent,#e43392);transform:translateY(-1px)}
.brandguide-app .ai-pal-grid{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-bottom:12px}
.brandguide-app .ai-pal{cursor:pointer;border:none;background:#fff;border-radius:16px;padding:12px;box-shadow:0 6px 22px rgba(0,0,0,.07);transition:box-shadow .18s,transform .18s;width:200px}
.brandguide-app .ai-pal:hover{box-shadow:0 12px 30px rgba(0,0,0,.13);transform:translateY(-1px)}
.brandguide-app .ai-pal-sw{display:flex;height:46px;border-radius:10px;overflow:hidden}
.brandguide-app .ai-pal-sw span{flex:1}
.brandguide-app .ai-pal-name{margin-top:8px;font-size:.82rem;font-weight:600;color:var(--ink,#1a1714)}
.brandguide-app .ai-pick{display:flex;flex-wrap:nowrap;gap:10px;justify-content:center;align-items:flex-start;margin:0 auto 16px;width:100%;max-width:600px;box-sizing:border-box;background:#f6f4f1;border:1px solid var(--line,#ece8e4);border-radius:18px;padding:20px 16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 6px 20px rgba(0,0,0,.05)}
.brandguide-app .ai-pick-col{display:flex;flex-direction:column;align-items:center;gap:7px;flex:1 1 0;min-width:0;text-align:center}
.brandguide-app .ai-pick-handle{border:none;background:none;cursor:grab;color:var(--ink-soft,#8a8178);font-size:15px;line-height:1;padding:2px;touch-action:none}
.brandguide-app .ai-pick-handle:hover{color:var(--accent-dark,#c01f6f)}
.brandguide-app .ai-pick-handle:active{cursor:grabbing}
.brandguide-app .ai-pick-col .cpick-sw{width:46px;height:46px}
.brandguide-app .ai-pick-name{font-size:.72rem;font-weight:700;line-height:1.25;color:var(--ink,#2B2623)}
.brandguide-app .ai-pick-desc{font-size:.64rem;line-height:1.3;color:var(--ink-soft,#8a8178)}
.brandguide-app .ai-pick-chosen{opacity:.9}
.brandguide-app .ai-pick-ghost{opacity:.4}
.brandguide-app .ai-pick-drag{opacity:1 !important;background:#fff;box-shadow:0 12px 28px rgba(40,20,30,.26);border-radius:12px;width:118px}
.brandguide-app .ai-pick-sw{width:52px;height:52px;border:1px solid var(--line,#ece8e4);border-radius:14px;cursor:pointer;background:none;padding:0;box-shadow:0 2px 6px rgba(0,0,0,.07);transition:transform .15s}
.brandguide-app .ai-pick-sw:hover{transform:translateY(-2px)}
.brandguide-app .ai-pick-sw::-webkit-color-swatch{border:none;border-radius:13px}
.brandguide-app .ai-pick-sw::-webkit-color-swatch-wrapper{padding:0}
.brandguide-app .ai-pick-sw::-moz-color-swatch{border:none;border-radius:13px}

/* ---- loader message (big grey pulsing, under the loader) ---- */
.brandguide-app .ai-loader-msg{display:none;text-align:center;max-width:34ch;margin:2px auto 0;font-family:var(--disp,inherit);font-weight:500;font-size:clamp(1.05rem,2.4vw,1.5rem);line-height:1.35;color:#bdb5ad;animation:ai-loader-msg-pulse 1.8s ease-in-out infinite}
.brandguide-app .ai-loader-msg.show{display:block}
@keyframes ai-loader-msg-pulse{0%,100%{opacity:.5}50%{opacity:1}}
@media(prefers-reduced-motion:reduce){.brandguide-app .ai-loader-msg{animation:none}}

/* ============================================================
   CREDITS — header pill + buy/unlock panel (mounted on <body>,
   so colours are hardcoded brand hex, not scoped vars)
   ============================================================ */
.credit-pill{display:inline-flex;align-items:center;gap:7px;border:1px solid #e7ded7;background:#fff;color:#2B2623;font:600 13px/1 inherit;padding:8px 12px;border-radius:999px;cursor:pointer;margin-right:8px}
.credit-pill:hover{border-color:#e43392;color:#b51e72}
.credit-pill .cp-dot{width:8px;height:8px;border-radius:50%;background:#e43392;display:inline-block}

.cm-scrim{position:fixed;inset:0;background:rgba(43,38,35,.55);display:flex;align-items:center;justify-content:center;z-index:100100;padding:20px}
.cm-pop{position:relative;width:100%;max-width:880px;background:#fff;border:1px solid #e7ded7;border-radius:18px;box-shadow:0 24px 70px rgba(43,38,35,.3);padding:22px 24px 16px;max-height:92vh;overflow-y:auto;font-family:inherit;color:#2B2623}
.cm-hero{margin:4px 0 18px;padding:18px 18px 20px;border:1px solid #f3c6dd;background:linear-gradient(180deg,#fff6fb,#fffdfb);border-radius:16px}
.cm-hero-h{font-family:'Wix Madefor Display','Wix Madefor Text',sans-serif;font-weight:800;font-size:22px;color:#2B2623;letter-spacing:-.02em;line-height:1.15}
.cm-hero-sub{font-size:13px;color:#79706A;margin:5px 0 16px}
.cm-hero-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.cm-hcard{background:#fff;border:1px solid #efe2e9;border-radius:13px;padding:14px 14px 15px;display:flex;flex-direction:column}
.cm-hc-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:9px}
.cm-hc-ic{width:34px;height:34px;border-radius:9px;background:#fbe9f3;display:flex;align-items:center;justify-content:center;flex:none}
.cm-hc-ic svg{width:18px;height:18px;stroke:#b51e72;fill:none;stroke-width:1.7}
.cm-hc-cost{text-align:right;line-height:1}
.cm-hc-cost b{display:block;font-family:'Wix Madefor Display','Wix Madefor Text',sans-serif;font-weight:800;font-size:30px;color:#e43392;letter-spacing:-.02em}
.cm-hc-cost span{font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:#9a8f85;line-height:1.2;display:inline-block;margin-top:3px}
.cm-hc-t{font-family:'Wix Madefor Text',sans-serif;font-weight:700;font-size:14px;color:#2B2623;margin-bottom:4px}
.cm-hc-b{font-size:11.5px;line-height:1.45;color:#79706A;margin:0}
@media(max-width:680px){.cm-hero-grid{grid-template-columns:1fr}.cm-hero-h{font-size:19px}}
.cm-x{position:absolute;top:14px;right:14px;width:32px;height:32px;border:1px solid #e7ded7;background:#fff;border-radius:50%;cursor:pointer;color:#79706A;font-size:13px;line-height:1;display:flex;align-items:center;justify-content:center}
.cm-x:hover{color:#2B2623;border-color:#cfc4ba}
.cm-bal{font-size:13px;color:#79706A;margin-bottom:14px}
.cm-bal b{color:#2B2623}
.cm-unlock{background:#fbe9f3;border:1px solid #f4cfe3;border-radius:14px;padding:16px 16px 18px;margin-bottom:20px}
.cm-unlock h3{margin:0 0 6px;font-size:17px;color:#2B2623}
.cm-unlock p{margin:0 0 12px;font-size:13px;line-height:1.5;color:#5b524c}
.cm-unlock p:last-child{margin-bottom:0}
.cm-need{color:#b51e72;font-weight:600}
.cm-go{width:100%;border:none;background:#e43392;color:#fff;font:600 14px/1 inherit;padding:13px;border-radius:10px;cursor:pointer}
.cm-go:hover{background:#cf2682}
.cm-go:disabled{opacity:.6;cursor:default}
.cm-packs-h{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:#79706A;margin-bottom:10px}
.cm-need-b{background:#fdf2f8;border:1px solid #f3d9ea;color:#b51e72;border-radius:10px;padding:9px 12px;font-size:12.5px;line-height:1.4;margin-bottom:14px}
.cm-need-b b{color:#b51e72}
.cm-custom{margin-top:14px;padding-top:16px;border-top:1px solid #efe7df}
.cm-custom-h{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:#79706A;margin-bottom:10px}
.cm-custom-row{display:flex;align-items:center;gap:8px}
.cm-custom-row input{flex:1;min-width:0;border:1px solid #e7ded7;border-radius:10px;padding:11px 13px;font:600 15px/1 inherit;color:#2B2623;background:#fff}
.cm-custom-row input:focus{outline:none;border-color:#e43392;box-shadow:0 0 0 3px rgba(228,51,146,.14)}
.cm-custom-eq{font:600 13px/1 inherit;color:#79706A;white-space:nowrap;min-width:54px;text-align:right}
.cm-custom-go{flex:none;border:none;border-radius:10px;background:#e43392;color:#fff;font:600 13.5px/1 inherit;padding:11px 20px;cursor:pointer}
.cm-custom-go:hover{background:#b51e72}
.cm-custom-go:disabled{opacity:.6;cursor:default}
.cm-custom-hint{font-size:11.5px;color:#9a8f85;margin-top:8px}
.cm-packs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.cm-pack{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;background:#fff;border:1px solid #e7ded7;border-radius:14px;padding:18px 8px 14px;cursor:pointer;transition:border-color .12s,transform .12s}
.cm-pack:hover{border-color:#e43392;transform:translateY(-2px)}
.cm-pack.featured{border-color:#e43392;box-shadow:0 0 0 1px #e43392 inset}
.cm-pack.loading{opacity:.6;cursor:default}
.cm-pack .cm-cr{font-size:24px;font-weight:700;color:#2B2623;line-height:1}
.cm-pack .cm-cl{font-size:11px;color:#79706A}
.cm-pack .cm-pr{margin-top:8px;font-size:14px;font-weight:600;color:#b51e72}
.cm-tag{position:absolute;top:-9px;left:50%;transform:translateX(-50%);background:#e43392;color:#fff;font-size:9px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:3px 8px;border-radius:999px;white-space:nowrap}
.cm-foot{margin-top:16px;font-size:11px;text-align:center;color:#a59a90}
@media(max-width:420px){ .cm-pack .cm-cr{font-size:20px} .cm-pack{padding:16px 4px 12px} }
.cm-key{font-size:12px;color:#79706A;margin:-2px 0 12px;line-height:1.5}
.cm-save{margin-top:5px;font-size:10px;font-weight:700;color:#1f8a5b;background:#e7f4ec;padding:2px 7px;border-radius:999px}

/* ============================================================
   RECOMMENDER — full-screen build roadmap, loader, prompt
   (self-contained; mounted on <body>; own type + brand hex)
   ============================================================ */
.roadmap-btn{display:inline-flex;align-items:center;gap:7px;border:1px solid #2B2623;background:#2B2623;color:#fff;font:600 13px/1 inherit;padding:9px 14px;border-radius:9px;cursor:pointer;margin-right:8px}
.roadmap-btn:hover{background:#e43392;border-color:#e43392}
.roadmap-btn svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.8}

.rm-screen{position:fixed;inset:0;z-index:100000;background:#F7F3EE;color:#2B2623;overflow-y:auto;-webkit-overflow-scrolling:touch;font-family:'Inter',system-ui,sans-serif;line-height:1.55;animation:rmIn .35s ease}
@keyframes rmIn{from{opacity:0}to{opacity:1}}
.rm-screen *{box-sizing:border-box;margin:0;padding:0}
.rm-wrap{max-width:1080px;margin:0 auto;padding:0 28px}
.rm-screen .mono{font-family:'Wix Madefor Text',sans-serif;text-transform:uppercase;letter-spacing:.14em;font-size:11px}
.rm-close{position:fixed;top:18px;right:18px;z-index:60;width:42px;height:42px;border-radius:50%;border:1px solid rgba(247,243,238,.3);background:rgba(43,38,35,.6);backdrop-filter:blur(6px);color:#F7F3EE;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center}
.rm-close:hover{background:rgba(43,38,35,.85)}

.rm-hero{position:relative;background:#2B2623;color:#F7F3EE;overflow:hidden;padding:104px 0 80px}
.rm-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(247,243,238,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(247,243,238,.13) 1px,transparent 1px);background-size:54px 54px;-webkit-mask-image:radial-gradient(ellipse 120% 90% at 70% 0%,#000 35%,transparent 75%);mask-image:radial-gradient(ellipse 120% 90% at 70% 0%,#000 35%,transparent 75%);opacity:.7}
.rm-hero::after{content:"";position:absolute;top:-20%;right:-10%;width:520px;height:520px;background:radial-gradient(circle,rgba(228,51,146,.22),transparent 65%);pointer-events:none}
.rm-hero .rm-wrap{position:relative;z-index:1;animation:rmRise .6s .05s both}
@keyframes rmRise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.rm-mark{display:inline-flex;align-items:center;gap:9px;margin-bottom:40px}
.rm-mark .dot{width:9px;height:9px;border-radius:50%;background:#e43392}
.rm-mark span:last-child{font-family:'Wix Madefor Text',sans-serif;font-size:12px;letter-spacing:.12em;color:rgba(247,243,238,.6)}
.rm-eyebrow{color:#e43392;margin-bottom:20px}
.rm-hero h1{font-family:'Wix Madefor Text',sans-serif;font-weight:600;font-size:clamp(34px,5.5vw,62px);line-height:1.03;letter-spacing:-.02em;max-width:16ch}
.rm-lede{margin-top:24px;max-width:56ch;font-size:18px;color:rgba(247,243,238,.62)}
.rm-meta{margin-top:36px;display:flex;flex-wrap:wrap;gap:10px 24px;align-items:center}
.rm-meta .m{font-family:'Wix Madefor Text',sans-serif;font-size:11px;letter-spacing:.07em;color:rgba(247,243,238,.4)}
.rm-meta .m b{color:rgba(247,243,238,.72);font-weight:400}
.rm-regen{font-family:'Wix Madefor Text',sans-serif;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#F7F3EE;background:transparent;border:1px solid rgba(247,243,238,.25);padding:8px 13px;border-radius:7px;cursor:pointer}
.rm-regen:hover{border-color:#e43392;color:#e43392}

.rm-why{background:#332f2b;color:#F7F3EE;padding:52px 0;border-top:1px solid rgba(247,243,238,.13)}
.rm-why .rm-wrap{display:grid;grid-template-columns:1.1fr 1fr;gap:42px;align-items:center}
.rm-why h2{font-family:'Wix Madefor Text',sans-serif;font-weight:500;font-size:25px;line-height:1.25;letter-spacing:-.01em;max-width:20ch}
.rm-why h2 .pk{color:#e43392}
.rm-why p{margin-top:14px;color:rgba(247,243,238,.6);font-size:15px;max-width:46ch}
.rm-creds{display:flex;flex-wrap:wrap;gap:9px}
.rm-cred{font-family:'Wix Madefor Text',sans-serif;font-size:11px;letter-spacing:.05em;color:#F7F3EE;border:1px solid rgba(247,243,238,.13);background:rgba(247,243,238,.04);padding:9px 13px;border-radius:7px}
.rm-cred b{color:#e43392;font-weight:700}

.rm-shead{padding:70px 0 28px}
.rm-shead .rm-lbl{color:#e43392;margin-bottom:13px}
.rm-shead h2{font-family:'Wix Madefor Text',sans-serif;font-weight:600;font-size:clamp(26px,4vw,38px);letter-spacing:-.02em;line-height:1.07}
.rm-shead p{margin-top:13px;max-width:58ch;color:#79706A;font-size:16px}

.rm-deliver{padding-bottom:40px}
.rm-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.rm-card{position:relative;background:#fffdfb;border:1px solid #e7ded7;border-radius:18px;padding:30px 28px 26px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.rm-card:hover{transform:translateY(-4px);border-color:#e43392;box-shadow:0 22px 48px -22px rgba(43,38,35,.35)}
.rm-card.feat{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;gap:34px;background:linear-gradient(180deg,#fff,#fffaf5)}
.rm-card.feat .rm-right{align-self:center}
.rm-flag{position:absolute;top:-1px;right:24px;font-family:'Wix Madefor Text',sans-serif;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:#e43392;padding:6px 12px;border-radius:0 0 8px 8px}
.rm-ix{display:flex;align-items:center;gap:12px;margin-bottom:20px}
.rm-ic{width:42px;height:42px;border-radius:11px;background:#fbe9f3;display:flex;align-items:center;justify-content:center;flex:none}
.rm-ic svg{width:21px;height:21px;stroke:#b51e72;fill:none;stroke-width:1.6}
.rm-cat{font-family:'Wix Madefor Text',sans-serif;font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#79706A}
.rm-cat b{color:#2B2623}
.rm-card h3{font-family:'Wix Madefor Text',sans-serif;font-weight:600;font-size:22px;letter-spacing:-.01em;line-height:1.15;margin-bottom:12px}
.rm-whyfit{font-size:14.5px;color:#5b524c;margin-bottom:18px}
.rm-q{color:#b51e72;font-weight:600}
.rm-buildh{font-family:'Wix Madefor Text',sans-serif;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#79706A;margin-bottom:10px}
.rm-build{list-style:none;display:flex;flex-direction:column;gap:8px}
.rm-build li{position:relative;padding-left:20px;font-size:14px;color:#413934}
.rm-build li::before{content:"";position:absolute;left:0;top:7px;width:7px;height:7px;border:1.5px solid #e43392;border-radius:2px;transform:rotate(45deg)}
.rm-outcome{margin-top:18px;display:block;font-size:13.5px;line-height:1.55;color:#2B2623;background:#fbe9f3;border:1px solid #f4cfe3;padding:14px 16px;border-radius:12px}
.rm-outcome-l{display:block;font-family:'Wix Madefor Text',sans-serif;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#b51e72;margin-bottom:6px}

.rm-roadmap{background:#2B2623;color:#F7F3EE;padding:8px 0 84px;margin-top:62px}
.rm-roadmap .rm-shead h2{color:#F7F3EE}
.rm-roadmap .rm-shead p{color:rgba(247,243,238,.6)}
.rm-spine{position:relative;margin-top:16px;padding-left:8px}
.rm-spine::before{content:"";position:absolute;left:23px;top:14px;bottom:24px;width:2px;background:linear-gradient(#e43392,rgba(228,51,146,.15))}
.rm-phase{position:relative;padding:0 0 36px 64px}
.rm-phase:last-child{padding-bottom:0}
.rm-node{position:absolute;left:8px;top:2px;width:32px;height:32px;border-radius:50%;background:#2B2623;border:2px solid #e43392;display:flex;align-items:center;justify-content:center;font-family:'Wix Madefor Text',sans-serif;font-size:12px;font-weight:700;color:#e43392;z-index:1}
.rm-ptl{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:8px}
.rm-ptl h3{font-family:'Wix Madefor Text',sans-serif;font-weight:600;font-size:23px;letter-spacing:-.01em}
.rm-tag{font-family:'Wix Madefor Text',sans-serif;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:rgba(247,243,238,.4)}
.rm-phase p{color:rgba(247,243,238,.6);font-size:15px;max-width:60ch;margin-bottom:12px}
.rm-ships{display:flex;flex-wrap:wrap;gap:8px}
.rm-ship{font-family:'Wix Madefor Text',sans-serif;font-size:11px;letter-spacing:.05em;color:#F7F3EE;border:1px solid rgba(247,243,238,.13);padding:7px 11px;border-radius:7px}

.rm-outcomes{padding-bottom:30px}
.rm-ogrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.rm-ocard{background:#fffdfb;border:1px solid #e7ded7;border-radius:16px;padding:24px 22px}
.rm-ocard h4{font-family:'Wix Madefor Text',sans-serif;font-weight:600;font-size:16px;letter-spacing:-.01em;margin-bottom:10px}
.rm-ocard p{font-size:13.5px;color:#5b524c}

.rm-cta{margin-top:62px;background:#e43392;color:#fff;padding:70px 0}
.rm-cta .rm-wrap{text-align:center}
.rm-ctalbl{color:rgba(255,255,255,.78);margin-bottom:16px}
.rm-cta h2{font-family:'Wix Madefor Text',sans-serif;font-weight:600;font-size:clamp(28px,4.4vw,44px);letter-spacing:-.02em;line-height:1.05;max-width:18ch;margin:0 auto}
.rm-cta p{margin:16px auto 0;max-width:48ch;color:rgba(255,255,255,.88);font-size:16px}
.rm-btn{display:inline-flex;align-items:center;gap:10px;margin-top:30px;background:#fff;color:#b51e72;font-family:'Wix Madefor Text',sans-serif;font-weight:700;font-size:16px;padding:15px 30px;border-radius:12px;text-decoration:none;transition:transform .15s,background .15s,color .15s}
.rm-btn:hover{transform:translateY(-2px);background:#fbe9f3;color:#b51e72}
.rm-btn svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:2}
.rm-foot{background:#2B2623;color:rgba(247,243,238,.4);padding:30px 0;font-family:'Wix Madefor Text',sans-serif;font-size:11px;letter-spacing:.06em}
.rm-foot .rm-wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}
.rm-foot .pk{color:#e43392}

/* loader */
.rm-loader{position:fixed;inset:0;z-index:100001;background:#2B2623;color:#F7F3EE;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;font-family:'Inter',system-ui,sans-serif;animation:rmIn .25s ease}
.rl-mark{display:flex;align-items:center;gap:10px;font-family:'Wix Madefor Text',sans-serif;font-size:12px;letter-spacing:.14em;color:rgba(247,243,238,.6)}
.rl-mark .d{width:9px;height:9px;border-radius:50%;background:#e43392;animation:rlPulse 1.2s infinite}
@keyframes rlPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}
.rl-bars{display:flex;gap:7px;height:48px;align-items:flex-end}
.rl-bars i{width:9px;background:#e43392;border-radius:3px;animation:rlBar 1.1s ease-in-out infinite}
.rl-bars i:nth-child(2){animation-delay:.12s;background:#b51e72}
.rl-bars i:nth-child(3){animation-delay:.24s}
.rl-bars i:nth-child(4){animation-delay:.36s;background:#b51e72}
.rl-bars i:nth-child(5){animation-delay:.48s}
@keyframes rlBar{0%,100%{height:14px}50%{height:46px}}
.rl-msg{font-family:'Wix Madefor Text','Inter',sans-serif;font-size:19px;font-weight:500;letter-spacing:-.01em;min-height:26px;text-align:center;transition:opacity .2s}
.rl-sub{font-size:13px;color:rgba(247,243,238,.5);margin-top:-12px;min-height:18px}

/* post-build prompt */
.rm-prompt-scrim{position:fixed;inset:0;z-index:100002;background:rgba(43,38,35,.55);display:flex;align-items:center;justify-content:center;padding:20px;animation:rmIn .25s ease}
.rm-prompt{position:relative;max-width:440px;width:100%;background:#fffdfb;border:1px solid #e7ded7;border-radius:20px;padding:30px 28px;text-align:center;font-family:'Inter',system-ui,sans-serif;color:#2B2623;box-shadow:0 30px 80px rgba(43,38,35,.35)}
.rp-badge{display:inline-flex;align-items:center;gap:8px;font-family:'Wix Madefor Text',sans-serif;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#b51e72;background:#fbe9f3;padding:7px 13px;border-radius:999px;margin-bottom:16px}
.rp-badge span{width:7px;height:7px;border-radius:50%;background:#e43392}
.rm-prompt h3{font-family:'Wix Madefor Text','Inter',sans-serif;font-weight:600;font-size:22px;letter-spacing:-.01em;margin-bottom:10px}
.rm-prompt p{font-size:14.5px;color:#5b524c;margin:0 auto 22px;max-width:38ch;line-height:1.55}
.rp-cost{font-weight:600;color:#2B2623}
.rm-prompt-btns{display:flex;flex-direction:column;gap:10px}
.rp-go{border:none;background:#e43392;color:#fff;font-family:'Wix Madefor Text',sans-serif;font-weight:600;font-size:15px;padding:14px;border-radius:11px;cursor:pointer}
.rp-go:hover{background:#cf2682}
.rp-skip{border:none;background:transparent;color:#79706A;font-size:13.5px;padding:6px;cursor:pointer}
.rp-skip:hover{color:#2B2623}

@media(max-width:760px){
  .rm-why .rm-wrap{grid-template-columns:1fr;gap:24px}
  .rm-grid{grid-template-columns:1fr}
  .rm-card.feat{grid-column:span 1;grid-template-columns:1fr;gap:22px}
  .rm-ogrid{grid-template-columns:repeat(2,1fr)}
  .rm-hero{padding:80px 0 60px}
}
@media(prefers-reduced-motion:reduce){.rm-screen,.rm-loader,.rm-prompt-scrim,.rl-bars i,.rl-mark .d,.rm-hero .rm-wrap{animation:none!important}}

/* ============================================================
   MARKETING REPOSITORY — full-screen vault + subscribe gate
   (self-contained; mounted on <body>; shares the roadmap fonts)
   ============================================================ */
.repository-btn{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line,#e7ded7);background:#fffdfb;color:#2B2623;font:600 13px/1 inherit;padding:9px 14px;border-radius:9px;cursor:pointer;margin-right:8px}
.repository-btn:hover{border-color:#e43392;color:#b51e72}
.repository-btn svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.7}

.repo-screen{position:fixed;inset:0;z-index:100000;background:#F7F3EE;color:#2B2623;overflow-y:auto;-webkit-overflow-scrolling:touch;font-family:'Inter',system-ui,sans-serif;line-height:1.5;animation:rmIn .3s ease}
.repo-screen *{box-sizing:border-box;margin:0;padding:0}
.repo-screen .mono{font-family:'Wix Madefor Text',sans-serif;text-transform:uppercase;letter-spacing:.13em;font-size:11px}
.repo-close{position:fixed;top:18px;right:18px;z-index:5;width:42px;height:42px;border-radius:50%;border:1px solid #e7ded7;background:rgba(255,253,251,.9);backdrop-filter:blur(6px);color:#2B2623;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center}
.repo-close:hover{background:#fff;border-color:#e43392}

.repo-vault{max-width:1120px;margin:0 auto;padding:54px 28px 56px}
.repo-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;padding-bottom:22px;border-bottom:1px solid #e7ded7}
.repo-eyebrow{color:#b51e72;margin-bottom:9px}
.repo-head h1{font-family:'Wix Madefor Text',sans-serif;font-weight:600;font-size:30px;letter-spacing:-.02em;line-height:1.05}
.repo-head-r{display:flex;align-items:center;gap:18px}
.repo-storage{min-width:188px}
.repo-s-top{display:flex;justify-content:space-between;align-items:baseline;font-family:'Wix Madefor Text',sans-serif;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:#79706A;margin-bottom:7px}
.repo-s-num{color:#2B2623;font-weight:700}
.repo-s-num i{color:#79706A;font-style:normal;font-weight:400}
.repo-s-bar{height:7px;border-radius:99px;background:#f7deec;overflow:hidden}
.repo-s-bar span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#e43392,#b51e72);transition:width .3s}
.repo-up{display:inline-flex;align-items:center;gap:8px;border:none;background:#e43392;color:#fff;font-family:'Wix Madefor Text',sans-serif;font-weight:600;font-size:14px;padding:12px 18px;border-radius:11px;cursor:pointer;transition:background .15s,transform .15s}
.repo-up:hover{background:#b51e72;transform:translateY(-1px)}
.repo-up:disabled{opacity:.6;cursor:default;transform:none}
.repo-up svg{width:16px;height:16px;stroke:#fff;fill:none;stroke-width:2}

.repo-filters{display:flex;flex-direction:column;align-items:stretch;gap:3px;padding:20px 0 6px}
.repo-chip{font-family:'Wix Madefor Text',system-ui,sans-serif;font-size:13px;font-weight:500;letter-spacing:0;color:#5b524c;background:#fffdfb;border:1px solid #e7ded7;padding:8px 14px;border-radius:99px;cursor:pointer;transition:.14s;white-space:nowrap;display:inline-flex;align-items:center;user-select:none}
.repo-chip b{font-family:'Wix Madefor Text',system-ui,sans-serif;font-size:10px;letter-spacing:.02em;color:#79706A;font-weight:700;margin-left:6px}
.repo-chip:hover{border-color:#e43392}
.repo-chip.active{background:#2B2623;color:#fff;border-color:#2B2623}
.repo-chip.active b{color:rgba(255,255,255,.55)}

.repo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(196px,1fr));gap:16px;margin-top:18px}
.repo-asset{position:relative;background:#fffdfb;border:1px solid #e7ded7;border-radius:15px;overflow:hidden;transition:transform .16s,box-shadow .16s,border-color .16s}
.repo-asset:hover{transform:translateY(-3px);border-color:#e43392;box-shadow:0 18px 38px -20px rgba(43,38,35,.32)}
.repo-thumb{height:128px;display:flex;align-items:center;justify-content:center;position:relative;border-bottom:1px solid #e7ded7;overflow:hidden}
.repo-thumb svg{width:40px;height:40px}
.repo-thumb .repo-img{width:100%;height:100%;object-fit:cover;display:block}
.repo-thumb.logo{background:#fbe9f3}
.repo-thumb.logo svg{width:46px;height:46px;fill:#b51e72;stroke:none}
.repo-thumb.doc{background:#fbfaf8}
.repo-thumb.doc svg{stroke:#79706A;fill:none;stroke-width:1.4;width:34px;height:42px}
.repo-thumb.img{background:#efe7df}
.repo-thumb.gen{background:#f4eee7}
.repo-thumb.gen svg{stroke:#b51e72;fill:none;stroke-width:1.4}
.repo-tag{position:absolute;left:10px;bottom:10px;font-family:'Wix Madefor Text',sans-serif;font-size:9px;letter-spacing:.08em;text-transform:uppercase;padding:4px 7px;border-radius:5px;background:rgba(43,38,35,.78);color:#fff}
.repo-tag.pdf{background:#b51e72}
.repo-cap{padding:12px 13px 13px}
.repo-name{font-weight:600;font-size:13.5px;letter-spacing:-.005em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.repo-meta{font-family:'Wix Madefor Text',sans-serif;font-size:10px;letter-spacing:.04em;color:#79706A;margin-top:4px}
.repo-acts{position:absolute;top:9px;right:9px;display:flex;gap:6px;opacity:0;transform:translateY(-4px);transition:.16s}
.repo-asset:hover .repo-acts{opacity:1;transform:none}
.repo-acts button{width:30px;height:30px;border-radius:8px;border:none;background:rgba(255,253,251,.92);backdrop-filter:blur(4px);box-shadow:0 2px 8px rgba(43,38,35,.18);cursor:pointer;display:flex;align-items:center;justify-content:center}
.repo-acts button svg{width:15px;height:15px;stroke:#2B2623;fill:none;stroke-width:1.7}
.repo-acts button.del:hover svg{stroke:#c2304f}
.repo-acts button:hover{background:#fff}
/* per-asset share toggle (top-left): faint until hover; accent + always-visible when shared */
.repo-share{position:absolute;top:9px;left:9px;z-index:4;width:30px;height:30px;border-radius:8px;border:none;background:rgba(255,253,251,.92);backdrop-filter:blur(4px);box-shadow:0 2px 8px rgba(43,38,35,.18);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(-4px);transition:.16s}
.repo-asset:hover .repo-share{opacity:1;transform:none}
.repo-share svg{width:15px;height:15px;stroke:#79706A;fill:none;stroke-width:1.7}
.repo-share:hover{background:#fff}
.repo-share:hover svg{stroke:#2B2623}
.repo-share.is-on{opacity:1;transform:none;background:#e43392;box-shadow:0 3px 11px -2px rgba(228,51,146,.5)}
.repo-share.is-on svg{stroke:#fff}
.repo-asset.is-shared{border-color:#f3c6dd}
/* upload progress overlay */
.repo-up-ov{position:fixed;inset:0;z-index:100300;display:none;align-items:center;justify-content:center;background:rgba(20,18,16,.55);backdrop-filter:blur(2px)}
.repo-up-card{background:#fffdfb;border-radius:16px;padding:26px 30px;width:min(340px,86vw);box-shadow:0 30px 80px -20px rgba(43,38,35,.5);text-align:center}
.repo-up-spin{width:34px;height:34px;margin:0 auto 16px;border:3px solid #f0e7df;border-top-color:#e43392;border-radius:50%;animation:repoUpSpin .8s linear infinite}
@keyframes repoUpSpin{to{transform:rotate(360deg)}}
.repo-up-title{font-family:'Wix Madefor Text',sans-serif;font-weight:600;font-size:15px;color:#2B2623;margin-bottom:13px}
.repo-up-bar{height:7px;background:#f0e7df;border-radius:99px;overflow:hidden;margin-bottom:10px}
.repo-up-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#e43392,#b51e72);border-radius:99px;transition:width .15s ease}
.repo-up-sub{font-family:'Wix Madefor Text',sans-serif;font-size:11.5px;color:#79706A;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.repo-add{border:1.5px dashed #e7ded7;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:181px;cursor:pointer;color:#79706A;text-align:center}
.repo-add:hover{border-color:#e43392;background:#fbe9f3;color:#b51e72;transform:none;box-shadow:none}
.repo-add .ad-ic{width:42px;height:42px;border-radius:12px;background:#fbe9f3;display:flex;align-items:center;justify-content:center}
.repo-add:hover .ad-ic{background:#fff}
.repo-add .ad-ic svg{width:20px;height:20px;stroke:#b51e72;fill:none;stroke-width:2}
.repo-add span{font-family:'Wix Madefor Text',sans-serif;font-weight:600;font-size:14px;color:#2B2623}
.repo-add small{font-family:'Wix Madefor Text',sans-serif;font-size:10px;letter-spacing:.05em;text-transform:uppercase}

.repo-empty{grid-column:1/-1;text-align:center;color:#79706A;font-size:14px;padding:26px 0 6px}
.repo-manage{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:34px;padding-top:22px;border-top:1px solid #e7ded7;font-family:'Wix Madefor Text',sans-serif;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:#79706A}
.repo-manage b{color:#2B2623;font-weight:700}
.repo-pause{background:none;border:none;color:#b51e72;font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.repo-pause:hover{color:#e43392}

/* subscribe gate */
.repo-gate-sec{background:#2B2623;min-height:100%;display:flex;align-items:center;justify-content:center;padding:80px 28px}
.repo-gate{position:relative;max-width:560px;width:100%;background:#fffdfb;border-radius:22px;padding:40px 38px;box-shadow:0 40px 90px -30px rgba(0,0,0,.5);overflow:hidden}
.repo-gate::before{content:"";position:absolute;top:-60px;right:-60px;width:200px;height:200px;background:radial-gradient(circle,#fbe9f3,transparent 70%)}
.repo-gate>*{position:relative}
.repo-gb{display:inline-flex;align-items:center;gap:8px;font-family:'Wix Madefor Text',sans-serif;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#b51e72;background:#fbe9f3;padding:7px 13px;border-radius:99px;margin-bottom:20px}
.repo-gb span{width:7px;height:7px;border-radius:50%;background:#e43392}
.repo-gate h2{font-family:'Wix Madefor Text',sans-serif;font-weight:600;font-size:28px;letter-spacing:-.02em;line-height:1.08;max-width:14ch}
.repo-gate>p{margin-top:14px;font-size:15px;color:#5b524c;max-width:48ch}
.repo-glist{list-style:none;margin:26px 0;display:flex;flex-direction:column;gap:12px}
.repo-glist li{position:relative;padding-left:30px;font-size:14.5px;color:#413934}
.repo-glist li svg{position:absolute;left:0;top:1px;width:19px;height:19px;stroke:#b51e72;fill:none;stroke-width:2}
.repo-gfoot{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid #e7ded7;padding-top:24px}
.repo-gprice{display:flex;align-items:baseline;gap:9px}
.repo-gamt{font-family:'Wix Madefor Text',sans-serif;font-weight:700;font-size:46px;letter-spacing:-.03em;color:#2B2623;line-height:1}
.repo-gunit{font-family:'Wix Madefor Text',sans-serif;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#79706A;line-height:1.3}
.repo-gsub{border:none;background:#e43392;color:#fff;font-family:'Wix Madefor Text',sans-serif;font-weight:600;font-size:16px;padding:15px 30px;border-radius:12px;cursor:pointer;transition:background .15s,transform .15s}
.repo-gsub:hover{background:#b51e72;transform:translateY(-2px)}
.repo-gsub:disabled{opacity:.6;cursor:default;transform:none}
.repo-gnote{margin-top:18px;font-family:'Wix Madefor Text',sans-serif;font-size:10px;letter-spacing:.04em;text-transform:uppercase;color:#79706A;text-align:center;line-height:1.7}

@media(max-width:620px){
  .repo-vault{padding:48px 20px 48px}
  .repo-head{align-items:flex-start}
  .repo-head-r{width:100%;justify-content:space-between}
  .repo-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:13px}
  .repo-gate{padding:32px 24px}
  .repo-gfoot{flex-direction:column;align-items:stretch}
  .repo-gsub{width:100%}
}

/* ============================================================
   HEADER TOOLS · relocated pill/roadmap/repo · home · intro fold · info pop-up
   ============================================================ */
body.brand-guide-page nav{display:flex;align-items:center;gap:14px;justify-content:flex-start;flex-wrap:nowrap}
body.brand-guide-page .nav-logo{margin-right:0}

.nav-tools{display:flex;align-items:center;gap:8px;margin-left:auto}
.nav-tool{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--card);color:var(--ink);font:600 13px/1 inherit;padding:9px 14px;border-radius:9px;cursor:pointer;transition:border-color .15s,background .15s,color .15s;white-space:nowrap}
.nav-tool svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.8}
.nav-tool:hover{border-color:var(--accent)}
.nav-tool.active{background:var(--ink);color:var(--card);border-color:var(--ink)}

/* tools injected by the app: share the nav-tool look + fixed ordering */
.nav-tools #toolBrand{order:1}
.nav-tool,.roadmap-btn,.repository-btn{position:relative;overflow:visible}
.tool-cost{position:absolute;top:-8px;left:-8px;display:inline-flex;align-items:center;gap:2px;height:18px;padding:0 6px 0 4px;border-radius:999px;background:#e43392;color:#fff;font:700 10px/1 'Inter',system-ui,sans-serif;box-shadow:0 2px 7px -1px rgba(228,51,146,.55);z-index:3;pointer-events:none}
.tool-cost svg{width:11px;height:11px;stroke:#fff;fill:none;stroke-width:2}
.tool-cost b{font-weight:700;letter-spacing:.2px}
.nav-tools #roadmapBtn{order:2}
.nav-tools #repositoryBtn{order:3}
.nav-tools #creditPill{order:4}
.nav-tools .roadmap-btn,.nav-tools .repository-btn{margin-right:0;background:var(--card);color:var(--ink);border:1px solid var(--line);font:600 13px/1 inherit;padding:9px 14px;border-radius:9px}
.nav-tools .roadmap-btn:hover,.nav-tools .repository-btn:hover{background:var(--card);color:var(--accent);border-color:var(--accent)}
.nav-tools .roadmap-btn svg,.nav-tools .repository-btn svg{stroke:currentColor;fill:none;width:15px;height:15px}
.nav-tools .credit-pill{margin-right:0;background:var(--card);color:var(--ink);border-color:var(--line);border-radius:9px;padding:9px 14px}
.nav-tools .credit-pill:hover{border-color:var(--accent);color:var(--accent)}
.nav-tools .credit-pill .cp-dot{background:var(--accent)}

.nav-home{display:inline-flex;align-items:center;gap:6px;color:var(--ink);text-decoration:none;font:600 13px/1 inherit;padding:8px 10px;border-radius:9px;transition:color .15s}
.nav-home svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8}
.nav-home:hover{color:var(--accent)}

/* toolbar action-button icons */
.brandguide-app .bg-toolbar-actions .btn .ti,
.brandguide-app .bg-toolbar-actions .btn-ghost .ti{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8;flex:0 0 auto}
.brandguide-app .bg-toolbar-actions .btn,
.brandguide-app .bg-toolbar-actions .btn-ghost{display:inline-flex;align-items:center;gap:8px}

/* info "i" icon in the toolbar title */
.brandguide-app .bg-info{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;margin:0 3px;border:none;background:none;color:var(--ink-soft);cursor:pointer;vertical-align:middle;transition:color .15s}
.brandguide-app .bg-info svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.6}
.brandguide-app .bg-info:hover{color:var(--accent)}

/* info pop-up (recalled intro) */
.brandguide-app .bg-info-modal{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(20,16,14,.5);opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s}
.brandguide-app .bg-info-modal.open{opacity:1;visibility:visible}
.brandguide-app .bg-info-card{position:relative;max-width:560px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:34px 34px 30px;box-shadow:0 40px 90px -30px rgba(0,0,0,.45);transform:translateY(10px) scale(.98);transition:transform .25s ease}
.brandguide-app .bg-info-modal.open .bg-info-card{transform:none}
.brandguide-app .bg-info-card .label{display:inline-block;margin-bottom:8px}
.brandguide-app .bg-info-card h2{font-family:'Wix Madefor Display';font-weight:800;font-size:1.6rem;letter-spacing:-.01em;margin:6px 0 12px;color:var(--ink)}
.brandguide-app .bg-info-card p{color:var(--ink-soft);font-size:1.02rem;line-height:1.55;margin:0}
.brandguide-app .bg-info-card p b{color:var(--ink);font-weight:600}
.brandguide-app .bg-info-close{position:absolute;top:14px;right:16px;background:none;border:none;color:var(--ink-soft);font-size:1.7rem;line-height:1;cursor:pointer;transition:color .15s,transform .25s}
.brandguide-app .bg-info-close:hover{color:var(--accent);transform:rotate(90deg)}

@media(max-width:780px){
  body.brand-guide-page nav{flex-wrap:wrap;row-gap:10px}
  .nav-tools{order:5;width:100%;justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:2px}
  .nav-home span{display:none}
}


/* ===== Credits explainer pop-up + trigger link ===== */
.cm-explain-link{display:inline-block;background:none;border:none;color:#b51e72;font:600 12.5px/1.3 inherit;cursor:pointer;padding:0;margin:-4px 0 14px;text-decoration:underline;text-underline-offset:2px}
.cm-explain-link:hover{color:#e43392}
.ce-scrim{position:fixed;inset:0;background:rgba(43,38,35,.6);display:flex;align-items:center;justify-content:center;z-index:100110;padding:20px;font-family:inherit}
.ce-card{position:relative;width:100%;max-width:720px;max-height:94vh;overflow-y:auto;background:#fff;border:1px solid #e7ded7;border-radius:18px;box-shadow:0 24px 70px rgba(43,38,35,.32);padding:22px 24px 18px;color:#2B2623}
.ce-x{position:absolute;top:16px;right:18px;border:none;background:none;font-size:18px;line-height:1;color:#b8ada3;cursor:pointer}
.ce-x:hover{color:#2B2623}
.ce-title{margin:0 0 8px;font:700 21px/1.2 inherit;color:#2B2623}
.ce-intro{margin:0 0 20px;font:500 13.5px/1.55 inherit;color:#5b524c}
.ce-list{display:grid;grid-template-columns:1fr 1fr;gap:16px 22px}
@media(max-width:560px){.ce-list{grid-template-columns:1fr}}
.ce-item{display:flex;gap:13px;align-items:flex-start}
.ce-ic{flex:none;width:38px;height:38px;border-radius:11px;background:#fdf2f8;display:flex;align-items:center;justify-content:center}
.ce-ic svg{width:20px;height:20px;fill:none;stroke:#b51e72;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ce-tx{flex:1;min-width:0}
.ce-h{font:700 14.5px/1.3 inherit;color:#2B2623;margin-bottom:3px}
.ce-h em{font-style:normal;font-weight:600;font-size:11.5px;color:#b51e72;text-transform:uppercase;letter-spacing:.03em}
.ce-tx p{margin:0;font:500 13px/1.5 inherit;color:#79706A}
.ce-tx p b{color:#2B2623;font-weight:700}
.ce-note{margin:20px 0 0;padding:14px 16px;background:#f7f3ee;border-radius:12px;font:500 12.5px/1.55 inherit;color:#5b524c}
.ce-buy{margin:12px 2px 0;font:500 12.5px/1.5 inherit;color:#9a8f85}
.ce-actions{display:flex;gap:10px;margin-top:20px}
.ce-go{flex:1;border:none;border-radius:11px;background:#e43392;color:#fff;font:700 14px/1 inherit;padding:13px;cursor:pointer}
.ce-go:hover{background:#b51e72}
.ce-done{flex:none;border:1px solid #e7ded7;border-radius:11px;background:#fff;color:#5b524c;font:600 13.5px/1 inherit;padding:13px 20px;cursor:pointer}
.ce-done:hover{border-color:#e43392;color:#b51e72}

/* ===== Payment method toggle (Card / Bank) ===== */
.cm-method{display:flex;gap:8px;margin-bottom:14px}
.cm-mbtn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #e7ded7;border-radius:11px;background:#fff;color:#5b524c;font:600 13px/1 inherit;padding:11px 10px;cursor:pointer;transition:border-color .12s,background .12s,color .12s}
.cm-mbtn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.cm-mbtn:hover{border-color:#e9b9d6}
.cm-mbtn.active{border-color:#e43392;background:#fdf2f8;color:#b51e72}
/* one-off vs monthly — a compact segmented control above the card/bank picker */
.cm-freq{display:flex;gap:4px;padding:4px;background:#f4eee8;border-radius:12px;margin-bottom:10px}
.cm-fbtn{flex:1;border:0;border-radius:9px;background:transparent;color:#79706A;font:600 13px/1 inherit;padding:9px 10px;cursor:pointer;transition:background .12s,color .12s,box-shadow .12s}
.cm-fbtn:hover{color:#5b524c}
.cm-fbtn.active{background:#fff;color:#b51e72;box-shadow:0 1px 2px rgba(43,38,35,.10)}
.cm-freq-note{font-size:12px;line-height:1.4;color:#9a8478;margin:-2px 0 12px}
.cm-freq-note:empty{display:none;margin:0}
/* active recurring top-ups */
.cm-subs{border:1px solid #f0e6dd;border-radius:12px;padding:11px 12px;margin-bottom:14px;background:#faf6f1}
.cm-subs-h{font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:#9a8478;margin-bottom:8px}
.cm-sub{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 0}
.cm-sub+.cm-sub{border-top:1px solid #efe5dc}
.cm-sub-t{font-size:13px;color:#3f3833}
.cm-sub-t b{color:#2B2623}
.cm-sub-via{color:#9a8478;font-size:12px}
.cm-sub-x{flex:none;border:1px solid #e7ded7;border-radius:8px;background:#fff;color:#9a6b52;font:600 12px/1 inherit;padding:7px 11px;cursor:pointer;transition:border-color .12s,color .12s,background .12s}
.cm-sub-x:hover{border-color:#e3a08a;color:#c0563a;background:#fff7f4}
.cm-sub-x:disabled{opacity:.6;cursor:default}

/* in-page booking calendar must sit above the full-screen roadmap/repo overlays (z 100000+) */
.booking-modal{z-index:100200}

/* ---- destructive-action confirm + restore-point history ---- */
.bg-danger-scrim,.bg-hist-scrim{position:fixed;top:0;left:0;right:0;bottom:0;z-index:4000;background:rgba(43,38,35,.55);display:flex;align-items:center;justify-content:center;padding:24px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
.bg-danger{width:min(440px,94vw);background:#fff;border-radius:18px;box-shadow:0 24px 70px rgba(43,38,35,.32);padding:26px 26px 22px;font-family:'Wix Madefor Text',sans-serif}
.bg-danger-h{font-family:'Wix Madefor Display','Wix Madefor Text',sans-serif;font-weight:700;font-size:1.28rem;color:#2B2623;margin:0 0 12px;display:flex;align-items:center;gap:9px}
.bg-danger-h::before{content:"";width:9px;height:9px;border-radius:50%;background:#e43392;flex:none}
.bg-danger-p{margin:0 0 11px;font-size:.94rem;line-height:1.5;color:#5b534c}
.bg-danger-p b{color:#2B2623}
.bg-danger-lab{display:block;margin:14px 0 6px;font-size:.82rem;color:#7a7066}
.bg-danger-lab b{color:#b51e72;letter-spacing:.06em}
.bg-danger-in{width:100%;box-sizing:border-box;padding:10px 12px;border:1.5px solid #e3dcd2;border-radius:11px;font:600 .98rem/1 'Wix Madefor Text',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#2B2623;outline:none;transition:border-color .15s}
.bg-danger-in:focus{border-color:#e43392}
.bg-danger-row{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}
.bg-danger-btn{border:0;border-radius:11px;padding:10px 18px;font:600 .92rem/1 'Wix Madefor Text',sans-serif;cursor:pointer;transition:background .15s,opacity .15s,transform .12s}
.bg-danger-btn.cancel{background:#f1ece5;color:#5b534c}
.bg-danger-btn.cancel:hover{background:#e8e1d8}
.bg-danger-btn.go{background:#e43392;color:#fff}
.bg-danger-btn.go:hover:not(:disabled){background:#b51e72}
.bg-danger-btn.go:disabled{opacity:.42;cursor:not-allowed}
.bg-hist{width:min(520px,94vw);max-height:80vh;display:flex;flex-direction:column;background:#fff;border-radius:18px;box-shadow:0 24px 70px rgba(43,38,35,.32);padding:24px 24px 18px;position:relative;font-family:'Wix Madefor Text',sans-serif}
.bg-hist-x{position:absolute;top:14px;right:16px;border:0;background:none;font-size:1.5rem;line-height:1;color:#9a9089;cursor:pointer;padding:4px}
.bg-hist-x:hover{color:#2B2623}
.bg-hist-h{font-family:'Wix Madefor Display','Wix Madefor Text',sans-serif;font-weight:700;font-size:1.3rem;color:#2B2623;margin:0 0 6px}
.bg-hist-sub{font-size:.86rem;line-height:1.5;color:#7a7066;margin:0 0 16px;padding-right:26px}
.bg-hist-list{overflow-y:auto;display:flex;flex-direction:column;gap:8px;margin:-4px -4px 0;padding:4px}
.bg-hist-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border:1px solid #ece5dc;border-radius:13px;background:#faf7f3;transition:border-color .15s,background .15s}
.bg-hist-row:hover{border-color:#dcd2c6;background:#f5efe7}
.bg-hist-meta{min-width:0}
.bg-hist-when{font-weight:600;font-size:.92rem;color:#2B2623}
.bg-hist-tag{font-size:.76rem;color:#9a9089;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}
.bg-hist-restore{flex:none;border:1.5px solid #e43392;background:#fff;color:#b51e72;border-radius:10px;padding:7px 15px;font:600 .85rem/1 'Wix Madefor Text',sans-serif;cursor:pointer;transition:background .15s,color .15s}
.bg-hist-restore:hover{background:#e43392;color:#fff}
.bg-hist-empty{font-size:.9rem;color:#9a9089;line-height:1.5;padding:14px 4px}

/* ===== signup wizard (three-tier) — Piece 4 ===== */
.brandguide-app .su-types{display:flex;flex-direction:column;gap:10px;margin:0 0 16px}
.brandguide-app .su-type{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;row-gap:2px;align-items:center;text-align:left;width:100%;box-sizing:border-box;padding:13px 15px;border:1.5px solid var(--line);background:#fffdfb;border-radius:13px;cursor:pointer;transition:.15s;font-family:'Wix Madefor Text',system-ui,sans-serif}
.brandguide-app .su-type:hover{border-color:var(--accent);background:#fffafd}
.brandguide-app .su-type .su-type-ic{grid-row:1/3;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:#fbe9f3;color:var(--accent-dark)}
.brandguide-app .su-type .su-type-ic svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.brandguide-app .su-type .su-type-t{font-family:'Wix Madefor Display';font-size:.97rem;font-weight:700;color:var(--ink)}
.brandguide-app .su-type .su-type-d{font-size:.78rem;color:var(--ink-soft);line-height:1.35}
.brandguide-app .su-type.sel{border-color:var(--accent);background:#fdf2f8;box-shadow:0 0 0 3px rgba(228,51,146,.14)}
.brandguide-app .su-type.sel .su-type-ic{background:var(--accent);color:#fff}
.brandguide-app .su-type.sel .su-type-t{color:var(--accent-dark)}
.brandguide-app .su-back{background:none;border:none;padding:0;margin:0 0 10px;color:var(--ink-soft);font:600 .8rem 'Wix Madefor Text',system-ui,sans-serif;cursor:pointer}
.brandguide-app .su-back:hover{color:var(--accent-dark)}
.brandguide-app .su-domain-note{font-size:.8rem;line-height:1.45;border-radius:10px;padding:10px 12px;margin:0 0 13px}
.brandguide-app .su-domain-note.info{background:rgba(228,51,146,.07);border:1px solid rgba(228,51,146,.2);color:var(--accent-dark)}
.brandguide-app .su-domain-note.warn{background:rgba(245,179,1,.12);border:1px solid rgba(245,179,1,.4);color:#8a6500}
.brandguide-app .su-domain-note.ok{background:rgba(26,127,75,.08);border:1px solid rgba(26,127,75,.25);color:#1a7f4b}
.brandguide-app .su-code-input{letter-spacing:.5em;text-align:center;font-size:1.3rem;font-weight:700;font-family:'Wix Madefor Display'}
.brandguide-app #suResendNote{color:var(--ink-soft);font-size:.74rem}

/* ===== agency dashboard (Piece 5b) ===== */
body.bg-dash-open .brandguide-app > *:not(.site-menu){ display:none !important; }
body.bg-dash-open .nav-tools > *{ display:none !important; }   /* no tool buttons on the dashboard — only once a customer is open */
body.bg-dash-open .nav-tools .credit-pill,
body.bg-in-customer .nav-tools .credit-pill{ display:none !important; }
.agency-dash{ background:#fbe9d6; min-height:62vh; padding:34px 20px 60px; font-family:'Wix Madefor Text',system-ui,sans-serif; color:#2B2623; }
.agency-dash-inner{ max-width:880px; margin:0 auto; }
.agency-dash .ad-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:18px; flex-wrap:wrap; margin:0 0 26px; }
.agency-dash .ad-title{ font-family:'Wix Madefor Display'; font-size:1.5rem; font-weight:800; color:#2B2623; }
.agency-dash .ad-sub{ font-size:.9rem; color:#79706A; margin-top:3px; max-width:520px; line-height:1.45; }
.agency-dash .ad-pool{ display:flex; flex-direction:column; align-items:flex-end; background:#fff; border:1px solid #efe6dc; border-radius:14px; padding:12px 20px; }
.agency-dash .ad-pool-n{ font-family:'Wix Madefor Display'; font-size:1.6rem; font-weight:800; color:#b51e72; line-height:1; }
.agency-dash .ad-pool-l{ font-size:.72rem; color:#79706A; letter-spacing:.03em; margin-top:3px; }
.agency-dash .ad-bar{ display:flex; align-items:center; justify-content:space-between; margin:0 0 14px; }
.agency-dash .ad-bar h3{ font-family:'Wix Madefor Display'; font-size:1.05rem; margin:0; }
.agency-dash .ad-addform{ background:#fff; border:1px solid #efe6dc; border-radius:14px; padding:16px 18px 12px; margin:0 0 18px; }
.agency-dash .ad-addform-actions{ display:flex; gap:10px; justify-content:flex-end; margin-top:4px; }
.agency-dash .ad-list{ display:flex; flex-direction:column; gap:10px; }
.agency-dash .ad-card{ background:#fff; border:1px solid #efe6dc; border-radius:14px; padding:14px 18px; display:flex; align-items:center; gap:14px; flex-wrap:wrap; }
.agency-dash .ad-card-main{ flex:1; min-width:160px; }
.agency-dash .ad-card-name{ font-family:'Wix Madefor Display'; font-weight:700; font-size:1rem; }
.agency-dash .ad-card-meta{ font-size:.8rem; color:#79706A; margin-top:2px; }
.agency-dash .ad-card-actions{ display:flex; gap:8px; }
.agency-dash .ad-invite{ flex-basis:100%; padding-top:11px; border-top:1px dashed #efe6dc; margin-top:4px; }
.agency-dash .ad-invite input{ flex:1; min-width:0; font-family:'Wix Madefor Text'; font-size:.9rem; padding:9px 12px; border:1px solid #e7ded7; border-radius:9px; background:#fff; color:#2B2623; }
.agency-dash .ad-invite-msg{ font-size:.8rem; white-space:nowrap; }
.agency-dash .ad-empty{ background:#fff; border:1px dashed #e7ded7; border-radius:14px; padding:30px; text-align:center; color:#79706A; font-size:.9rem; }
/* super-admin cross-agency section (#13) */
#adSuperSection{ margin-top:26px; border-top:1px solid #ece4dd; padding-top:18px; }
#adSuperSection .ad-super-head{ display:flex; align-items:center; gap:10px; font-family:'Wix Madefor Display',sans-serif; font-weight:700; font-size:1rem; color:#2B2623; margin-bottom:14px; }
#adSuperSection .ad-super-tag{ font-family:'Wix Madefor Text',sans-serif; font-weight:700; font-size:.62rem; letter-spacing:.08em; text-transform:uppercase; color:#b51e72; background:#fbe9f2; border:1px solid #f3cfe2; padding:2px 8px; border-radius:999px; }
#adSuperSection .ad-super-agency{ margin-bottom:16px; }
#adSuperSection .ad-super-agency-name{ font-family:'Wix Madefor Text',sans-serif; font-weight:700; font-size:.72rem; letter-spacing:.06em; text-transform:uppercase; color:#79706A; margin:0 2px 8px; }
#adSuperSection .ad-super-cust{ display:flex; align-items:center; justify-content:space-between; gap:14px; background:#fff; border:1px solid #ece4dd; border-radius:12px; padding:11px 14px; margin-bottom:8px; }
#adSuperSection .ad-super-cust-name{ font-family:'Wix Madefor Text',sans-serif; font-weight:600; font-size:.92rem; color:#2B2623; }
#adSuperSection .ad-super-cust-meta{ font-size:.76rem; color:#9a9189; margin-top:2px; }
#adSuperSection .ad-super-promote{ margin:0 0 18px; padding:13px 14px; background:#fbfaf8; border:1px solid #efe6dc; border-radius:12px; }
#adSuperSection .ad-super-promote-row{ display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
#adSuperSection .ad-super-promote-row input{ flex:1; min-width:220px; box-sizing:border-box; font-family:'Wix Madefor Text',system-ui,sans-serif; font-size:.92rem; padding:10px 12px; border:1px solid #e7ded7; border-radius:9px; background:#fff; color:#2B2623; }
#adSuperSection .ad-super-promote-row input:focus{ outline:none; border-color:#e43392; box-shadow:0 0 0 3px rgba(228,51,146,.16); }
#adSuperSection .ad-super-promote-msg{ margin-top:9px; font-size:.8rem; line-height:1.45; color:#79706A; }
#adSuperSection .ad-super-promote-msg.ok{ color:#9a275f; }
#adSuperSection .ad-super-promote-msg.err{ color:#c0392b; }
.agency-dash .btn.sm,.customer-banner .btn.sm{ padding:7px 14px; font-size:.82rem; }
.agency-dash .btn.ghost{ background:transparent; color:#79706A; border:1px solid #e7ded7; }
.customer-banner{ display:flex; align-items:center; justify-content:center; gap:14px; background:#2B2623; color:#fff; padding:9px 16px; font-family:'Wix Madefor Text',system-ui,sans-serif; font-size:.86rem; flex-wrap:wrap; }
.customer-banner .btn.sm{ background:#e43392; color:#fff; border:none; }

/* ===== Piece 5b fixes: add-form fields, hide tool costs in customer mode, delete btn ===== */
.agency-dash .bg-login-field{ display:block; margin-bottom:13px; }
.agency-dash .bg-login-field span{ display:block; font-size:.74rem; font-weight:600; letter-spacing:.04em; text-transform:uppercase; color:#79706A; margin-bottom:5px; }
.agency-dash .bg-login-field input{ width:100%; box-sizing:border-box; font-family:'Wix Madefor Text',system-ui,sans-serif; font-size:.92rem; padding:11px 13px; border:1px solid #e7ded7; border-radius:10px; background:#fff; color:#2B2623; }
.agency-dash .bg-login-field select{ width:100%; box-sizing:border-box; font-family:'Wix Madefor Text',system-ui,sans-serif; font-size:.92rem; padding:11px 32px 11px 13px; border:1px solid #e7ded7; border-radius:10px; background:#fff; color:#2B2623; -webkit-appearance:none; appearance:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2379706A' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 12px center; cursor:pointer; }
.agency-dash .bg-login-field select:focus{ outline:none; border-color:#e43392; box-shadow:0 0 0 3px rgba(228,51,146,.18); }
.ad-addform input:disabled, .ad-addform select:disabled{ background:#f3efe9; color:#a89f95; cursor:not-allowed; -webkit-text-fill-color:#a89f95; }
.agency-dash .bg-login-field input:focus{ outline:none; border-color:#e43392; box-shadow:0 0 0 3px rgba(228,51,146,.18); }
.agency-dash .ad-addform .bg-login-row{ display:flex; gap:12px; }
.agency-dash .ad-addform .bg-login-row .bg-login-field{ flex:1; min-width:0; }
.agency-dash .btn.danger{ background:transparent; color:#c0392b; border:1px solid #f0c9c2; }
.agency-dash .btn.danger:hover{ background:#fdecea; }
/* agency customers: tools "just work" — hide the per-tool credit cost badges too */
body.bg-in-customer .tool-cost{ display:none !important; }

/* fix: let the hidden attribute win over the flex display (banner was always showing) */
.customer-banner[hidden]{ display:none !important; }
.agency-dash[hidden]{ display:none !important; }

/* ===== agency customer user management ===== */
.agency-dash .ad-members{ flex-basis:100%; padding-top:11px; border-top:1px dashed #efe6dc; margin-top:4px; }
.agency-dash .ad-members-list{ display:flex; flex-direction:column; gap:6px; }
.agency-dash .ad-member{ display:flex; align-items:center; justify-content:space-between; gap:10px; background:#faf6f1; border:1px solid #efe6dc; border-radius:9px; padding:7px 12px; }
.agency-dash .ad-member-em{ font-size:.86rem; color:#2B2623; }
.agency-dash .ad-member-pend{ font-size:.68rem; color:#8a6500; background:rgba(245,179,1,.16); padding:1px 7px; border-radius:99px; margin-left:7px; }
.agency-dash .ad-members-empty{ font-size:.82rem; color:#79706A; padding:4px 2px; }

/* ===== agency dash: rename, search, scroll, bulk invite ===== */
.agency-dash .ad-title-row{ display:flex; align-items:center; gap:10px; }
.agency-dash .ad-rename-btn{ background:transparent; border:1px solid #e2d6c8; color:#b51e72; font-size:.74rem; font-weight:600; padding:2px 10px; border-radius:99px; cursor:pointer; line-height:1.6; }
.agency-dash .ad-team{ background:#fff; border:1px solid #efe6dc; border-radius:14px; padding:16px 18px; margin:0 0 18px; }
.agency-dash .ad-team-top{ display:flex; justify-content:space-between; align-items:flex-start; gap:14px; margin-bottom:12px; }
.agency-dash .ad-team-h{ font-family:'Wix Madefor Display'; font-weight:800; font-size:1.05rem; color:#2B2623; }
.agency-dash .ad-team-sub{ font-size:.8rem; color:#79706A; margin-top:3px; max-width:64ch; line-height:1.5; }
.agency-dash .ad-team-seats{ font-size:.72rem; color:#b51e72; font-weight:700; white-space:nowrap; background:#fbeef5; border:1px solid #f3d6e6; border-radius:99px; padding:4px 12px; }
.agency-dash .ad-team-list{ display:flex; flex-direction:column; gap:8px; margin-bottom:12px; }
.agency-dash .ad-team-row{ display:flex; align-items:center; gap:10px; background:#fcf9f6; border:1px solid #efe6dc; border-radius:10px; padding:8px 12px; }
.agency-dash .ad-team-who{ flex:1; min-width:0; display:flex; align-items:baseline; gap:8px; flex-wrap:wrap; }
.agency-dash .ad-team-name{ font-weight:700; font-size:.9rem; color:#2B2623; }
.agency-dash .ad-team-email{ font-size:.82rem; color:#79706A; overflow:hidden; text-overflow:ellipsis; }
.agency-dash .ad-team-badge{ font-size:.64rem; font-weight:700; letter-spacing:.03em; text-transform:uppercase; color:#79706A; background:#f0e9e1; border-radius:99px; padding:2px 9px; }
.agency-dash .ad-team-badge.owner{ color:#b51e72; background:#fbeef5; }
.agency-dash .ad-team-rm{ background:transparent; border:1px solid #e6c9c9; color:#b3261e; font-size:.72rem; font-weight:600; padding:3px 11px; border-radius:99px; cursor:pointer; }
.agency-dash .ad-team-rm:hover{ background:#fbe9e7; }
.agency-dash .ad-team-empty,.agency-dash .ad-team-loading{ font-size:.82rem; color:#79706A; padding:6px 2px; }
.agency-dash .ad-team-add{ display:flex; gap:8px; flex-wrap:wrap; }
.agency-dash .ad-team-in{ flex:1; min-width:180px; border:1px solid #e2d6c8; border-radius:10px; padding:9px 12px; font-size:.88rem; font-family:inherit; }
.agency-dash .ad-team-in-sm{ flex:0 0 180px; min-width:120px; }
.agency-dash .ad-team-in:focus{ outline:none; border-color:#b51e72; }
.agency-dash .ad-team-msg{ font-size:.8rem; margin-top:8px; }
.agency-dash .ad-team-msg.ok{ color:#1c7c4a; }
.agency-dash .ad-team-msg.err{ color:#b3261e; }
.agency-dash .ad-team-seatrow{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-top:14px; padding-top:12px; border-top:1px solid #f0e9e1; }
.agency-dash .ad-team-seatlbl{ font-size:.8rem; color:#79706A; display:flex; align-items:center; gap:8px; }
.agency-dash .ad-team-seatnum{ width:80px; border:1px solid #e2d6c8; border-radius:8px; padding:6px 9px; font-size:.85rem; font-family:inherit; }
.agency-dash .ad-team-seatmsg{ font-size:.78rem; }
.agency-dash .ad-team-seatmsg.ok{ color:#1c7c4a; }
.agency-dash .ad-team-seatmsg.err{ color:#b3261e; }
.agency-dash .ad-card-staff .ad-card-actions{ margin-left:auto; }
.agency-dash .ad-team-pick{ width:16px; height:16px; accent-color:#b51e72; cursor:pointer; flex:0 0 auto; }
.agency-dash .ad-team-pick-sp{ width:16px; flex:0 0 auto; }
.agency-dash .ad-team-xfer{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin:0 0 12px; padding:10px 12px; background:#fdf4f9; border:1px solid #f3d6e6; border-radius:10px; }
.agency-dash .ad-team-xfer .btn:disabled{ opacity:.5; cursor:default; }
.agency-dash .ad-team-xfer-msg{ font-size:.8rem; }
.agency-dash .ad-team-xfer-msg.ok{ color:#1c7c4a; }
.agency-dash .ad-team-xfer-msg.err{ color:#b3261e; }
.agency-dash .ad-rename-btn:hover{ background:#fbe3f0; border-color:#e9bcd6; }
.agency-dash .ad-rename-box{ display:flex; align-items:center; gap:8px; margin:2px 0 2px; }
.agency-dash .ad-rename-box input{ font-family:'Wix Madefor Text',system-ui,sans-serif; font-size:1.05rem; font-weight:600; color:#2B2623; padding:7px 11px; border:1px solid #e2d6c8; border-radius:9px; min-width:240px; background:#fff; }
.agency-dash .ad-rename-box input:focus{ outline:none; border-color:#e43392; box-shadow:0 0 0 3px rgba(228,51,146,.12); }
.agency-dash .ad-bar-right{ display:flex; align-items:center; gap:10px; }
.agency-dash .ad-search{ font-family:'Wix Madefor Text',system-ui,sans-serif; font-size:.86rem; color:#2B2623; padding:8px 13px; border:1px solid #e2d6c8; border-radius:99px; min-width:200px; background:#fff; }
.agency-dash .ad-search:focus{ outline:none; border-color:#e43392; box-shadow:0 0 0 3px rgba(228,51,146,.12); }
.agency-dash .ad-list.scroll{ max-height:430px; overflow-y:auto; padding-right:6px; margin-right:-6px; }
.agency-dash .ad-list.scroll::-webkit-scrollbar{ width:9px; }
.agency-dash .ad-list.scroll::-webkit-scrollbar-thumb{ background:#e2d6c8; border-radius:9px; }
.agency-dash .ad-invite-label{ font-size:.78rem; color:#79706A; margin-bottom:6px; }
.agency-dash .ad-invite-ta{ width:100%; box-sizing:border-box; font-family:'Wix Madefor Text',system-ui,sans-serif; font-size:.86rem; color:#2B2623; padding:8px 11px; border:1px solid #e2d6c8; border-radius:9px; resize:vertical; min-height:42px; background:#fff; }
.agency-dash .ad-invite-ta:focus{ outline:none; border-color:#e43392; box-shadow:0 0 0 3px rgba(228,51,146,.12); }
.agency-dash .ad-invite-actions{ display:flex; align-items:center; gap:12px; margin-top:8px; }
.agency-dash .ad-invite-msg{ font-size:.8rem; }

/* ===== agency dash: in-situ rename, invite popup, domain note ===== */
.agency-dash .ad-title.editing{ outline:none; border:1px solid #e43392; border-radius:8px; padding:1px 9px; background:#fff; box-shadow:0 0 0 3px rgba(228,51,146,.12); }
.agency-dash .ad-domain-note{ font-size:.8rem; margin:-2px 0 8px; min-height:1em; }
.ad-popup-overlay{ position:fixed; inset:0; z-index:9999; display:flex; align-items:center; justify-content:center; background:rgba(43,38,35,.5); padding:20px; }
.ad-popup-overlay[hidden]{ display:none!important; }
.ad-popup{ background:#fff; border-radius:14px; box-shadow:0 18px 50px rgba(0,0,0,.28); max-width:440px; width:100%; overflow:hidden; }
.ad-popup-head{ font-family:'Wix Madefor Display','Wix Madefor Text',system-ui,sans-serif; font-weight:700; font-size:1.05rem; color:#2B2623; padding:16px 20px; border-bottom:1px solid #efe6dc; }
.ad-popup-body{ padding:16px 20px; color:#2B2623; font-size:.9rem; }
.ad-popup-line{ margin:0 0 6px; }
.ad-popup-warn{ color:#b3471a; margin-top:10px; }
.ad-popup-list{ margin:8px 0 0; padding-left:18px; }
.ad-popup-list li{ margin:4px 0; font-size:.86rem; }
.ad-popup-em{ font-weight:600; }
.ad-popup-foot{ padding:12px 20px 18px; text-align:right; }

/* retire the old separate rename box (now edited in place) */
.agency-dash .ad-rename-box{ display:none!important; }

/* ===== agency pool top-up + agreement + services popups ===== */
.agency-dash .ad-pool{ display:flex; flex-direction:column; align-items:flex-end; gap:4px; }
.agency-dash .ad-pool-add{ margin-top:6px; }
.ad-popup.ad-popup-wide{ max-width:540px; }
.ad-pool-intro{ margin:0 0 16px; color:#5a524c; font-size:.9rem; line-height:1.5; }
.ad-pool-section{ margin-bottom:18px; }
.ad-pool-lbl{ display:block; font-size:.8rem; font-weight:700; color:#2B2623; margin-bottom:8px; }
.ad-pool-lbl span{ font-weight:400; color:#9a9088; }
.ad-pool-custom-row{ display:flex; align-items:center; gap:10px; }
.ad-pool-custom-row input{ width:120px; font-family:'Wix Madefor Text',system-ui,sans-serif; font-size:.92rem; padding:9px 12px; border:1px solid #e2d6c8; border-radius:9px; background:#fff; color:#2B2623; }
.ad-pool-custom-row input:focus{ outline:none; border-color:#e43392; box-shadow:0 0 0 3px rgba(228,51,146,.12); }
.ad-pool-est{ font-size:.95rem; font-weight:700; color:#b51e72; min-width:70px; }
.ad-block-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:9px; }
.ad-block{ display:flex; flex-direction:column; align-items:flex-start; gap:2px; padding:11px 14px; border:1px solid #e2d6c8; border-radius:11px; background:#fff; cursor:pointer; transition:.14s; text-align:left; }
.ad-block:hover{ border-color:#e43392; background:#fdf5fa; transform:translateY(-1px); }
.ad-block-c{ font-size:.84rem; font-weight:700; color:#2B2623; }
.ad-block-p{ font-size:1.08rem; font-weight:800; color:#b51e72; }
.ad-block-d{ font-size:.72rem; font-weight:600; color:#1a7f4b; background:rgba(26,127,75,.1); padding:1px 7px; border-radius:99px; }
.ad-pool-method{ display:flex; align-items:center; gap:16px; margin:6px 0 16px; font-size:.86rem; color:#5a524c; flex-wrap:wrap; }
.ad-pool-method span{ font-weight:700; color:#2B2623; }
.ad-pool-method label{ display:inline-flex; align-items:center; gap:6px; cursor:pointer; }
.ad-services-link{ display:inline-flex; align-items:center; gap:7px; background:linear-gradient(135deg,#e43392,#b51e72); color:#fff; border:none; border-radius:999px; padding:11px 20px; font-weight:700; font-size:.88rem; cursor:pointer; margin-top:6px; box-shadow:0 4px 14px -2px rgba(228,51,146,.5); animation:adPulse 2s ease-in-out infinite; }
.ad-services-link:hover{ filter:brightness(1.06); animation-play-state:paused; }
@keyframes adPulse{ 0%,100%{ box-shadow:0 4px 14px -2px rgba(228,51,146,.45); transform:translateY(0); } 50%{ box-shadow:0 7px 24px 1px rgba(228,51,146,.7); transform:translateY(-1px); } }
.ad-agree-list, .ad-services-list{ margin:0 0 16px; padding-left:18px; }
.ad-agree-list li, .ad-services-list li{ margin:8px 0; font-size:.88rem; line-height:1.5; color:#3a342f; }
.ad-agree-check{ display:flex; align-items:center; gap:9px; font-size:.9rem; font-weight:600; color:#2B2623; margin:4px 0 14px; cursor:pointer; }
.ad-agree-actions{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.ad-agree-note{ font-size:.78rem; color:#9a9088; }

/* ===== sample invoice (value-added services popup) ===== */
.inv{ border:1px solid #e7dccd; border-radius:12px; overflow:hidden; background:#fffdfb; box-shadow:0 2px 12px rgba(43,38,35,.06); }
.inv-head{ display:flex; align-items:center; justify-content:space-between; padding:16px 18px; background:linear-gradient(135deg,#2B2623,#3a322c); color:#fff; }
.inv-from{ font-family:'Wix Madefor Display',system-ui,sans-serif; font-weight:800; font-size:1.05rem; }
.inv-badge{ font-size:.7rem; font-weight:800; letter-spacing:.18em; color:#f5b301; }
.inv-meta{ display:flex; justify-content:space-between; padding:11px 18px; font-size:.8rem; color:#79706A; border-bottom:1px solid #f0e8dd; }
.inv-meta strong{ color:#2B2623; }
.inv-rows{ padding:6px 18px; }
.inv-row{ display:flex; align-items:baseline; justify-content:space-between; gap:14px; padding:11px 0; border-bottom:1px solid #f4ede4; }
.inv-row:last-child{ border-bottom:none; }
.inv-desc{ font-size:.86rem; color:#3a342f; line-height:1.4; }
.inv-amt{ font-size:.98rem; font-weight:800; color:#2B2623; white-space:nowrap; }
.inv-amt small{ display:block; font-size:.66rem; font-weight:600; color:#a99; text-align:right; margin-top:1px; }
.inv-total{ display:flex; align-items:center; justify-content:space-between; padding:14px 18px; background:#faf3ec; font-size:.88rem; color:#5a524c; }
.inv-total strong{ color:#b51e72; font-size:1.1rem; }
.ad-inv-note{ font-size:.78rem; color:#9a9088; line-height:1.5; margin:14px 0 0; }

/* ===== per-customer repository control (agency dashboard) ===== */
.agency-dash .ad-repo{ flex-basis:100%; padding-top:11px; border-top:1px dashed #efe6dc; margin-top:4px; }
.agency-dash .ad-repo-line{ font-size:.85rem; color:#4a443e; line-height:1.5; margin-bottom:10px; }
.agency-dash .ad-tier-label{ font-size:.74rem; font-weight:700; color:#79706A; margin:10px 0 7px; }
.agency-dash .ad-tier-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(96px,1fr)); gap:7px; margin-bottom:12px; }
.agency-dash .ad-tier{ display:flex; flex-direction:column; align-items:flex-start; gap:2px; padding:8px 10px; border:1px solid #e2d6c8; border-radius:9px; background:#fff; cursor:pointer; transition:.13s; text-align:left; }
.agency-dash .ad-tier:hover:not(:disabled){ border-color:#e43392; background:#fdf5fa; }
.agency-dash .ad-tier.on{ border-color:#1a7f4b; background:#f0f9f4; cursor:default; }
.agency-dash .ad-tier-l{ font-size:.8rem; font-weight:700; color:#2B2623; }
.agency-dash .ad-tier-c{ font-size:.68rem; color:#9a9088; }
.agency-dash .ad-tier.on .ad-tier-c{ color:#1a7f4b; font-weight:600; }
.agency-dash .btn.ghost.danger{ background:transparent; border:1px solid #e7b9b9; color:#b3471a; }
.agency-dash .btn.ghost.danger:hover{ background:#fbeeee; }

/* locked storage tiers (would drop below the customer's stored data) */
.agency-dash .ad-tier.locked{ opacity:.55; cursor:not-allowed; border-style:dashed; background:#fbf7f2; }
.agency-dash .ad-tier.locked .ad-tier-c{ color:#b3471a; font-weight:600; }
.agency-dash .ad-repo-warn{ font-size:.78rem; color:#8a5a2b; background:#fdf6ec; border:1px solid #f0dcbf; border-radius:8px; padding:8px 11px; margin:0 0 12px; line-height:1.5; }

/* ===== company team seats ===== */
.su-seat-hint{ display:block; margin-top:5px; font-size:.74rem; color:#9a9088; }
#teamPopup .ad-popup{ max-width:440px; }
.team-name{ font-family:'Wix Madefor Display',sans-serif; font-weight:800; font-size:1.05rem; color:#2B2623; margin-bottom:4px; }
.team-usage{ font-size:.95rem; color:#4a443e; margin-bottom:12px; }
.team-usage strong{ color:#e43392; }
.team-free{ font-size:.82rem; color:#79706A; line-height:1.55; background:#fbf3f8; border:1px solid #f3d9ea; border-radius:9px; padding:10px 12px; margin-bottom:14px; }
.team-set{ display:flex; align-items:flex-end; gap:9px; margin-bottom:10px; }
.team-set label{ display:block; font-size:.72rem; font-weight:700; color:#79706A; margin-bottom:5px; }
.team-set input{ width:96px; padding:9px 11px; border:1px solid #e2d6c8; border-radius:9px; font-size:.95rem; }
.team-set input:focus{ outline:none; border-color:#e43392; }
.team-msg{ font-size:.8rem; min-height:1.1em; }
.team-msg.ok{ color:#1a7f4b; }
.team-msg.err{ color:#b3471a; }

/* ===== Wix project flag (agency customers) ===== */
.agency-dash .ad-wix-check{ display:flex; align-items:center; gap:8px; font-size:.85rem; color:#4a443e; margin:2px 0 4px; cursor:pointer; }
.agency-dash .ad-wix-check input{ width:16px; height:16px; accent-color:#e43392; }
.agency-dash .ad-wix-toggle{ border:1px solid #e2d6c8; background:#fff; color:#79706A; }
.agency-dash .ad-wix-toggle:hover{ border-color:#0c6ebd; color:#0c6ebd; }
.agency-dash .ad-wix-toggle.on{ background:#0c6ebd; border-color:#0c6ebd; color:#fff; }
.agency-dash .ad-wix-toggle.on:hover{ background:#0a5ea3; color:#fff; }

/* roadmap prompt: missing-inputs list */
.rm-prompt .rp-missing{ display:block; margin:10px 0; padding:9px 12px; background:#fbf3f8; border:1px solid #f3d9ea; border-radius:8px; font-weight:700; color:#b51e72; font-size:.86rem; }

/* ---- Wix checkbox (add-customer form) + Wix status pill (card) ---- */
.agency-dash .ad-wix-check{ display:flex; align-items:center; gap:9px; font-size:.85rem; color:#2B2623; cursor:pointer; margin:2px 0 6px; user-select:none; }
.agency-dash .ad-wix-check input[type=checkbox]{ appearance:none; -webkit-appearance:none; width:18px; height:18px; flex:none; margin:0; border:1.5px solid #d8ccbe; border-radius:5px; background:#fff; cursor:pointer; position:relative; transition:.15s; }
.agency-dash .ad-wix-check input[type=checkbox]:hover{ border-color:#e43392; }
.agency-dash .ad-wix-check input[type=checkbox]:checked{ background:#2f6fed; border-color:#2f6fed; }
.agency-dash .ad-wix-check input[type=checkbox]:checked::after{ content:''; position:absolute; left:5px; top:1.5px; width:4px; height:9px; border:solid #fff; border-width:0 2px 2px 0; transform:rotate(45deg); }
.agency-dash .ad-wix-check span{ line-height:1.3; }
.agency-dash .ad-wix-pill{ display:inline-flex; align-items:center; margin-left:8px; padding:2px 9px; border-radius:999px; background:#eef3ff; border:1px solid #cfe0ff; color:#2f6fed; font-family:'Wix Madefor Text',sans-serif; font-size:.64rem; font-weight:700; letter-spacing:.03em; vertical-align:middle; }
.agency-dash .ad-wix-toggle.on{ background:#2f6fed; border-color:#2f6fed; color:#fff; }
.agency-dash .ad-wix-toggle:not(.on){ color:#5b6b8c; }

/* D-ID (Creative Reality Studio) flag — reuses .ad-wix-check layout, recoloured in D-ID orange */
.agency-dash .ad-did-check input[type=checkbox]:hover{ border-color:#e2581b; }
.agency-dash .ad-did-check input[type=checkbox]:checked{ background:#e2581b; border-color:#e2581b; }
.agency-dash .ad-did-pill{ display:inline-flex; align-items:center; margin-left:8px; padding:2px 9px; border-radius:999px; background:#fdeee6; border:1px solid #f7cdb8; color:#e2581b; font-family:'Wix Madefor Text',sans-serif; font-size:.64rem; font-weight:700; letter-spacing:.03em; vertical-align:middle; }
.agency-dash .ad-did-toggle.on{ background:#e2581b; border-color:#e2581b; color:#fff; }
.agency-dash .ad-did-toggle:not(.on){ color:#fff; }

/* add-customer: seats locked to 1 until a domain is entered (domainless = individual = single seat) */
input.ad-seats-locked{ background:#f4f1ed; color:#9a9088; cursor:not-allowed; }

/* per-card repo/storage badge — shows each customer's storage at a glance */
.agency-dash .ad-store-pill{ display:inline-flex; align-items:center; margin-left:6px; padding:2px 9px; border-radius:999px; background:#f1efec; border:1px solid #e2dcd3; color:#9a9088; font-family:'Wix Madefor Text',sans-serif; font-size:.62rem; font-weight:700; letter-spacing:.02em; vertical-align:middle; }
.agency-dash .ad-store-pill.on{ background:#eef9f1; border-color:#cfe8d6; color:#1a7f4b; }

/* ---- agency rebrand modal ---- */
.rb-intro{ font-size:.86rem; color:#6b625a; margin:0 0 14px; line-height:1.45; }
.rb-field{ display:block; margin-bottom:12px; }
.rb-field > span{ display:block; font-size:.72rem; font-weight:700; letter-spacing:.03em; text-transform:uppercase; color:#8a8079; margin-bottom:5px; }
.rb-field > span small{ text-transform:none; letter-spacing:0; font-weight:500; color:#b3aaa1; margin-left:6px; }
.rb-field input, .rb-field textarea{ width:100%; box-sizing:border-box; padding:9px 12px; border:1px solid #e2dcd3; border-radius:8px; font-family:'Wix Madefor Text',sans-serif; font-size:.92rem; background:#fff; color:#2B2623; }
.rb-field input:focus, .rb-field textarea:focus{ outline:none; border-color:#e43392; }
.rb-field textarea{ resize:vertical; }
.rb-two{ display:flex; gap:12px; }
.rb-two .rb-field{ flex:1; min-width:0; }
.rb-logo-row{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.rb-logo-preview{ height:38px; max-width:150px; object-fit:contain; border:1px solid #eee; border-radius:6px; padding:3px 6px; background:#fff; }
.rb-logo-preview-dark{ background:#1c1c1c; border-color:#333; }
.rb-logo-hint{ display:block; margin-top:6px; font-size:.72rem; color:#b3aaa1; }
.rb-msg{ font-size:.84rem; min-height:1.1em; margin-top:2px; }
.rb-msg.err{ color:#c0392b; } .rb-msg.ok{ color:#1a7f4b; }

/* rebrand modal: menu-links section divider */
.rb-sec{ font-size:.72rem; font-weight:700; letter-spacing:.03em; text-transform:uppercase; color:#8a8079; margin:18px 0 10px; padding-top:14px; border-top:1px solid #efe9e1; }
.rb-sec small{ text-transform:none; letter-spacing:0; font-weight:500; color:#b3aaa1; margin-left:6px; }

/* ===== Billing: annual/monthly choice, toggle, aggregate strip, renewals pop-up ===== */
/* off-state: choose monthly or annual when turning the repo on */
.agency-dash .ad-bill-choose{ display:flex; flex-wrap:wrap; gap:8px; }
.agency-dash .ad-bill-choose .btn{ flex:1 1 0; min-width:150px; display:inline-flex; align-items:center; justify-content:center; gap:7px; }
.agency-dash .ad-bill-save{ font-size:.62rem; font-weight:800; letter-spacing:.02em; text-transform:uppercase; color:#fff; background:#e43392; padding:2px 6px; border-radius:999px; }
/* on-state: monthly/annual segmented toggle (switch takes effect next renewal) */
.agency-dash .ad-bill-toggle{ display:inline-flex; border:1px solid #e2d6c8; border-radius:9px; overflow:hidden; margin-bottom:12px; }
.agency-dash .ad-bill-opt{ font-family:'Wix Madefor Text',inherit; font-size:.78rem; font-weight:700; color:#79706A; background:#fff; border:none; padding:7px 16px; cursor:pointer; display:inline-flex; align-items:center; gap:6px; transition:.13s; }
.agency-dash .ad-bill-opt+.ad-bill-opt{ border-left:1px solid #e2d6c8; }
.agency-dash .ad-bill-opt:hover:not(:disabled):not(.on){ background:#fdf5fa; color:#b51e72; }
.agency-dash .ad-bill-opt.on{ background:#2B2623; color:#fff; cursor:default; }
.agency-dash .ad-bill-opt .ad-bill-save{ background:#b51e72; }
.agency-dash .ad-bill-opt.on .ad-bill-save{ background:#e43392; }
/* aggregate strip across the top of the dashboard */
.agency-dash .ad-bill-strip{ display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; padding:12px 16px; margin:0 0 16px; border:1px solid #efe1d3; border-radius:12px; background:linear-gradient(180deg,#fffdfb,#fbf3ec); }
.agency-dash .ad-bill-cells{ display:flex; align-items:center; flex-wrap:wrap; gap:22px; }
.agency-dash .ad-bill-cell{ display:flex; flex-direction:column; gap:1px; }
.agency-dash .ad-bill-k{ font-size:.66rem; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:#9a9088; }
.agency-dash .ad-bill-v{ font-size:1.04rem; font-weight:800; color:#2B2623; font-family:'Wix Madefor Display',inherit; }
.agency-dash .ad-bill-v.warn{ color:#b3471a; }
.agency-dash .ad-bill-flags{ display:flex; gap:6px; }
.agency-dash .ad-bill-flag{ font-size:.68rem; font-weight:700; padding:3px 9px; border-radius:999px; }
.agency-dash .ad-bill-flag.paused{ background:#fdeede; color:#b3471a; }
.agency-dash .ad-bill-flag.low{ background:#fde8ef; color:#c01f6f; }
.agency-dash .ad-bill-strip-load{ font-size:.82rem; color:#9a9088; }
.agency-dash .ad-bill-explain{ flex:0 0 auto; border:none; border-radius:999px; background:#efe1d3; color:#8a5a2b; font-size:.72rem; font-weight:800; line-height:1; cursor:pointer; padding:5px 11px; white-space:nowrap; letter-spacing:.01em; }
.agency-dash .ad-bill-explain:hover{ background:#e6d3bf; }
.agency-dash .ad-card-credits{ margin-top:8px; padding-top:8px; border-top:1px dashed #eadfd2; font-size:.8rem; color:#6b625a; display:flex; flex-wrap:wrap; gap:2px 12px; align-items:baseline; }
.agency-dash .ad-card-credits .ad-cc-t b{ color:#2B2623; }
.agency-dash .ad-card-credits .ad-cc-b{ color:#8a817a; }
.agency-dash .ad-card-credits .ad-cc-none{ font-style:italic; }
.ad-pi-card{ max-width:520px; }
.ad-pi-body{ padding:4px 20px 20px; }
.ad-pi-row{ padding:12px 0; border-bottom:1px solid #f0e9e1; }
.ad-pi-row:last-of-type{ border-bottom:none; }
.ad-pi-k{ font-size:.9rem; font-weight:700; color:#2B2623; margin-bottom:3px; }
.ad-pi-k b{ color:#c01f6f; }
.ad-pi-d{ font-size:.82rem; color:#79706A; line-height:1.55; }
.ad-pi-why{ background:#fde8ef; border-radius:10px; padding:11px 13px; font-size:.82rem; color:#8a2352; line-height:1.5; margin:8px 0 2px; }
.ad-pi-why .ad-bill-flag{ margin-right:6px; }
.ad-pi-act{ margin-top:12px; }
.ad-pi-act-h{ font-size:.9rem; font-weight:700; color:#2B2623; margin-bottom:6px; }
.ad-pi-act ul{ margin:0; padding-left:18px; }
.ad-pi-act li{ font-size:.82rem; color:#79706A; line-height:1.6; margin-bottom:4px; }
/* renewals pop-up (appended to body) */
.ad-modal-ov{ position:fixed; inset:0; z-index:1200; display:flex; align-items:center; justify-content:center; padding:20px; background:rgba(20,17,15,.6); backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); }
.ad-modal-ov[hidden]{ display:none; }
.ad-modal-card{ width:100%; max-width:460px; background:#fff; border-radius:16px; box-shadow:0 24px 60px rgba(20,17,15,.4); overflow:hidden; }
.ad-modal-head{ display:flex; align-items:center; justify-content:space-between; padding:16px 20px 10px; }
.ad-modal-head h3{ font-family:'Wix Madefor Display',inherit; font-size:1.1rem; margin:0; color:#2B2623; }
.ad-modal-x{ width:30px; height:30px; border-radius:50%; border:1px solid #e2d6c8; background:#fff; color:#79706A; font-size:1.1rem; line-height:1; cursor:pointer; transition:.15s; }
.ad-modal-x:hover{ background:#f6efe8; color:#2B2623; }
.ad-rnw-sub{ font-size:.8rem; color:#79706A; padding:0 20px 12px; line-height:1.5; }
.ad-rnw-list{ max-height:50vh; overflow-y:auto; padding:0 20px 20px; }
.ad-rnw-row{ display:flex; align-items:center; gap:12px; padding:9px 0; border-top:1px solid #f0e7dd; }
.ad-rnw-row:first-child{ border-top:none; }
.ad-rnw-date{ font-size:.8rem; font-weight:700; color:#2B2623; white-space:nowrap; min-width:92px; }
.ad-rnw-name{ flex:1; font-size:.86rem; color:#2B2623; }
.ad-rnw-kind{ font-size:.72rem; color:#9a9088; white-space:nowrap; }
.ad-rnw-amt{ font-size:.9rem; font-weight:800; color:#b51e72; white-space:nowrap; min-width:58px; text-align:right; }
.ad-rnw-empty{ font-size:.85rem; color:#9a9088; padding:10px 0; }

/* ===== agency billing: 3-month forecast table ===== */
.ad-fc-card{ max-width:620px; padding-bottom:20px; }
.ad-fc-sub{ font-size:.8rem; color:#79706A; padding:0 20px 4px; line-height:1.55; }
.ad-fc-scroll{ overflow-x:auto; padding:12px 20px 0; }
.ad-fc-table{ min-width:430px; }
.ad-fc-row{ display:grid; grid-template-columns:1.5fr .8fr repeat(3,1fr); gap:10px; align-items:center; padding:9px 2px; border-top:1px solid #f0e7dd; }
.ad-fc-row:first-child{ border-top:none; }
.ad-fc-head{ font-size:.66rem; font-weight:800; text-transform:uppercase; letter-spacing:.05em; }
.ad-fc-head .ad-fc-name,.ad-fc-head .ad-fc-plan,.ad-fc-head .ad-fc-mo{ color:#9a9088; font-weight:800; }
.ad-fc-name{ font-size:.86rem; font-weight:600; color:#2B2623; }
.ad-fc-plan{ font-size:.76rem; color:#79706A; }
.ad-fc-mo{ font-size:.84rem; text-align:right; font-variant-numeric:tabular-nums; color:#2B2623; }
.ad-fc-total{ border-top:1.5px solid #e2d6c8; margin-top:2px; }
.ad-fc-total .ad-fc-name{ font-weight:800; color:#2B2623; }
.ad-fc-total .ad-fc-mo{ font-weight:800; color:#b51e72; }
.ad-fc-empty{ font-size:.85rem; color:#9a9088; padding:16px 2px; text-align:center; }
.ad-fc-foot{ display:flex; flex-wrap:wrap; gap:6px 16px; justify-content:space-between; align-items:center; padding:14px 20px 0; font-size:.82rem; color:#79706A; }
.ad-fc-foot-l b{ color:#2B2623; }
.ad-fc-short{ color:#d81f5a; font-weight:700; }
.ad-fc-ok{ color:#1f9d55; font-weight:600; }
.ad-fc-notes{ font-size:.72rem; color:#9a9088; line-height:1.6; padding:10px 20px 0; }

/* ===== Wix agency verification (rebrand field + verify modal) ===== */
.rb-wix small{ color:#9a9088; }
.rb-wix-bar{ display:flex; align-items:center; gap:10px; justify-content:space-between; flex-wrap:wrap; margin:-4px 0 2px; }
.rb-wix-status{ font-size:.78rem; color:#9a9088; flex:1; min-width:180px; line-height:1.4; }
.rb-wix-status.ok{ color:#1f9d55; font-weight:600; }
.rb-wix-status.off{ color:#d81f5a; font-weight:600; }

/* rebrand pop-up: wider + two-column body so it doesn't run too tall (scoped so other wide pop-ups are untouched) */
#adRebrandPopup .ad-popup{ max-width:720px; max-height:90vh; display:flex; flex-direction:column; }
#adRebrandPopup .ad-popup-body{ display:grid; grid-template-columns:1fr 1fr; column-gap:18px; align-items:start; overflow-y:auto; min-height:0; }
#adRebrandPopup .rb-two{ display:contents; }
#adRebrandPopup .rb-intro,
#adRebrandPopup .rb-wide,
#adRebrandPopup .rb-wix,
#adRebrandPopup .rb-wix-bar,
#adRebrandPopup .rb-sec,
#adRebrandPopup .rb-msg{ grid-column:1 / -1; }
@media (max-width:640px){ #adRebrandPopup .ad-popup-body{ grid-template-columns:1fr; column-gap:0; } }
.wixv-card{ max-width:440px; }
.wixv-body{ padding:4px 22px 22px; }
.wixv-p{ font-size:.9rem; color:#2B2623; line-height:1.55; margin:0 0 14px; }
.wixv-in{ width:100%; box-sizing:border-box; padding:11px 13px; border:1.5px solid #e2d6c8; border-radius:10px; font-size:.95rem; color:#2B2623; background:#fff; }
.wixv-in:focus{ outline:none; border-color:#e43392; }
.wixv-code{ letter-spacing:8px; text-align:center; font-size:1.3rem; font-weight:700; }
.wixv-go{ width:100%; margin-top:14px; }
.wixv-link{ display:block; width:100%; margin-top:10px; background:none; border:none; color:#b51e72; font-size:.82rem; cursor:pointer; text-align:center; padding:6px; }
.wixv-link:hover{ text-decoration:underline; }
.wixv-err{ font-size:.8rem; color:#d81f5a; min-height:1em; margin-top:8px; }
.wixv-err.big{ font-size:.88rem; padding:10px 0; }
.wixv-load{ display:flex; align-items:center; gap:10px; font-size:.9rem; color:#79706A; padding:16px 0; }
.wixv-spin{ width:18px; height:18px; border:2.5px solid #f0e7dd; border-top-color:#e43392; border-radius:50%; animation:wixvSpin .7s linear infinite; flex:none; }
@keyframes wixvSpin{ to{ transform:rotate(360deg); } }
.wixv-done{ text-align:center; padding:6px 0; }
.wixv-tick{ width:52px; height:52px; margin:0 auto 12px; border-radius:50%; background:#e8f7ee; color:#1f9d55; font-size:28px; line-height:52px; font-weight:700; }

/* revised roadmap wizard (unverified / disallowed Wix agency): customer step only, no numbering */
.wiz-revised #adWizArea1, .wiz-revised #adWizArea3 { display:none; }
.wiz-revised .wiz-area-num, .wiz-revised .wiz-area-chev { display:none; }
.wiz-revised #adWizArea2 { margin-top:0; }

/* ===== roadmap: animated project plan (high-level gantt), sits before .rm-roadmap ===== */
.rm-screen .pp{position:relative;background:#2B2623;color:#F7F3EE;overflow:hidden;padding:64px 0 76px}
.rm-screen .pp::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(247,243,238,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(247,243,238,.10) 1px,transparent 1px);background-size:54px 54px;-webkit-mask-image:radial-gradient(ellipse 110% 80% at 60% 0%,#000 30%,transparent 72%);mask-image:radial-gradient(ellipse 110% 80% at 60% 0%,#000 30%,transparent 72%);opacity:.6}
.rm-screen .pp .rm-wrap{position:relative;z-index:1}
.rm-screen .pp-eyebrow{color:#e43392;margin-bottom:13px}
.rm-screen .pp h2{font-family:'Wix Madefor Text',sans-serif;font-weight:600;font-size:clamp(26px,4vw,38px);letter-spacing:-.02em;line-height:1.07}
.rm-screen .pp-sub{margin-top:13px;max-width:60ch;color:rgba(247,243,238,.6);font-size:16px}
.rm-screen .pp-stage{position:relative;margin-top:40px}
.rm-screen .pp-axis{position:relative;height:24px;margin-left:196px;border-bottom:1px solid rgba(247,243,238,.13)}
.rm-screen .pp-tick{position:absolute;top:0;bottom:0;border-left:1px solid rgba(247,243,238,.13)}
.rm-screen .pp-tick span{position:absolute;top:2px;left:6px;font-family:'Wix Madefor Text';font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:rgba(247,243,238,.4);white-space:nowrap}
.rm-screen .pp-rows{position:relative;padding-top:16px;padding-bottom:46px}
.rm-screen .pp-band{position:absolute;top:0;bottom:46px;background:rgba(228,51,146,.09);border-left:1px solid rgba(228,51,146,.3);border-right:1px solid rgba(228,51,146,.3);border-radius:4px;z-index:0;opacity:0;transition:left .55s cubic-bezier(.4,0,.2,1),width .55s cubic-bezier(.4,0,.2,1),opacity .4s}
.rm-screen .pp-band.show{opacity:1}
.rm-screen .pp-row{position:relative;height:30px;margin-bottom:18px;display:flex;align-items:center;z-index:1}
.rm-screen .pp-row:last-child{margin-bottom:0}
.rm-screen .pp-lab{width:196px;flex:none;padding-right:18px}
.rm-screen .pp-lab-name{font-family:'Wix Madefor Text';font-weight:500;font-size:14px;color:#F7F3EE;line-height:1.1;display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.rm-screen .pp-lab-tf{font-family:'Wix Madefor Text';font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:rgba(247,243,238,.4);margin-top:2px}
.rm-screen .pp-lab .wt{font-family:'Wix Madefor Text';font-size:8px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#e43392;border:1px solid rgba(228,51,146,.5);border-radius:4px;padding:1px 4px}
.rm-screen .pp-track{flex:1;position:relative;height:30px}
.rm-screen .pp-bar{position:absolute;top:50%;transform:translateY(-50%);height:24px;border-radius:7px;background:linear-gradient(90deg,#e43392,#c0246f);opacity:.32;box-shadow:inset 0 1px 0 rgba(255,255,255,.18);transition:opacity .45s,box-shadow .45s}
.rm-screen .pp-bar.on{opacity:1;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 0 0 1px rgba(228,51,146,.5),0 12px 28px -8px rgba(228,51,146,.75)}
.rm-screen .pp-tip{position:absolute;top:0;left:0;min-width:206px;max-width:264px;background:#fffdfb;color:#2B2623;border:1px solid #efe1d3;border-radius:14px;box-shadow:0 26px 50px -20px rgba(0,0,0,.6);padding:13px 15px 14px;z-index:7;opacity:0;transform:scale(.97);transition:left .5s cubic-bezier(.4,0,.2,1),top .5s cubic-bezier(.4,0,.2,1),opacity .35s,transform .35s}
.rm-screen .pp-tip.show{opacity:1;transform:scale(1)}
.rm-screen .pp-tip-caret{position:absolute;width:13px;height:13px;background:#fffdfb;transform:rotate(45deg)}
.rm-screen .pp-tip-caret.left{left:-7px;border-left:1px solid #efe1d3;border-bottom:1px solid #efe1d3}
.rm-screen .pp-tip-caret.right{right:-7px;border-top:1px solid #efe1d3;border-right:1px solid #efe1d3}
.rm-screen .pp-tip-h{display:flex;align-items:center;gap:8px;margin-bottom:7px}
.rm-screen .pp-tip-n{font-family:'Wix Madefor Text';font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#b51e72;background:#fbe9f3;border:1px solid #f4cfe3;border-radius:6px;padding:2px 7px}
.rm-screen .pp-tip-tf{font-family:'Wix Madefor Text';font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#a39d94}
.rm-screen .pp-tip-title{font-family:'Wix Madefor Text';font-weight:600;font-size:15px;letter-spacing:-.01em;color:#2B2623;margin-bottom:9px}
.rm-screen .pp-tip-lbl{font-family:'Wix Madefor Text';font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:#a39d94;margin-bottom:7px}
.rm-screen .pp-ships{list-style:none;display:flex;flex-direction:column;gap:6px}
.rm-screen .pp-ship{position:relative;padding-left:17px;font-size:13px;color:#413934;display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.rm-screen .pp-ship::before{content:"";position:absolute;left:0;top:6px;width:6px;height:6px;border:1.5px solid #e43392;border-radius:2px;transform:rotate(45deg)}
.rm-screen .pp-ship.wix{color:#2B2623;font-weight:500}
.rm-screen .pp-wixbadge{font-family:'Wix Madefor Text';font-size:8.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:#e43392;border-radius:4px;padding:1px 5px}
.rm-screen .pp-ms-flag{position:absolute;top:-3px;transform:translateX(-50%);z-index:4;display:inline-flex;align-items:center;gap:5px;background:#e43392;border-radius:999px;padding:3px 10px 3px 8px;box-shadow:0 6px 16px -4px rgba(228,51,146,.7);white-space:nowrap}
.rm-screen .pp-ms-flag .d{width:7px;height:7px;background:#fff;transform:rotate(45deg);border-radius:1px}
.rm-screen .pp-ms-flag .t{font-family:'Wix Madefor Text';font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff}
@media(max-width:720px){
  .rm-screen .pp-axis{margin-left:120px}
  .rm-screen .pp-lab{width:120px}
  .rm-screen .pp-lab-name{font-size:12px}
  .rm-screen .pp-tip{max-width:210px}
}

/* ===== Scope of Work PDF document (rendered off-screen, scoped to .sow-doc) ===== */
.sow-doc{position:fixed;left:-99999px;top:0}
.sow-doc .sow-page{width:780px;height:1103px;background:#FBF9F5;position:relative;overflow:hidden;color:#2B2623;font-family:'Inter',system-ui,sans-serif}
.sow-doc .sow-page.dark{background:#2B2623;color:#F7F3EE}
.sow-doc .sow-pad{position:absolute;inset:64px 60px}
.sow-doc .mono{font-family:'Wix Madefor Text',sans-serif;text-transform:uppercase;letter-spacing:.14em;font-size:11px}
.sow-doc .sow-rh{position:absolute;top:30px;left:60px;right:60px;display:flex;justify-content:space-between;align-items:center;font-family:'Wix Madefor Text';font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#a39d94}
.sow-doc .sow-rh .dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#e43392;margin-right:7px;vertical-align:middle}
.sow-doc .sow-rf{position:absolute;bottom:30px;left:60px;right:60px;display:flex;justify-content:space-between;align-items:center;font-family:'Wix Madefor Text';font-size:10px;letter-spacing:.08em;color:#a39d94;border-top:1px solid #ece3d8;padding-top:12px}
.sow-doc .sow-sl{color:#e43392;margin-bottom:22px}
.sow-doc .sow-sl b{color:#2B2623;font-weight:600}
.sow-doc h1.sow-title{font-family:'Wix Madefor Text';font-weight:600;font-size:46px;line-height:1.05;letter-spacing:-.025em}
.sow-doc h2.sow-head{font-family:'Wix Madefor Text';font-weight:600;font-size:30px;line-height:1.12;letter-spacing:-.02em;max-width:20ch}
.sow-doc .sow-lede{font-size:15.5px;line-height:1.6;color:#79706A;max-width:54ch}
/* cover */
.sow-doc .sow-cvmark{display:inline-flex;align-items:center;gap:9px;font-family:'Wix Madefor Text';font-size:12px;letter-spacing:.12em;color:rgba(247,243,238,.6)}
.sow-doc .sow-cvmark .d{width:9px;height:9px;border-radius:50%;background:#e43392}
.sow-doc .sow-glow{position:absolute;top:-12%;right:-12%;width:460px;height:460px;background:radial-gradient(circle,rgba(228,51,146,.22),transparent 65%)}
.sow-doc .sow-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(247,243,238,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(247,243,238,.08) 1px,transparent 1px);background-size:54px 54px;-webkit-mask-image:radial-gradient(ellipse 100% 70% at 70% 10%,#000 30%,transparent 72%);mask-image:radial-gradient(ellipse 100% 70% at 70% 10%,#000 30%,transparent 72%);opacity:.6}
.sow-doc .sow-cvbody{position:absolute;top:150px;left:0;right:0}
.sow-doc .sow-cveye{color:#e43392;margin:0 0 18px}
.sow-doc .sow-cvfor{margin-top:26px;font-size:18px;color:rgba(247,243,238,.85)}
.sow-doc .sow-cvfor b{color:#fff;font-weight:600}
.sow-doc .sow-cvlede{margin-top:18px;max-width:48ch;font-size:15.5px;line-height:1.6;color:rgba(247,243,238,.62)}
.sow-doc .sow-cvmeta{position:absolute;left:60px;right:60px;bottom:96px;display:flex;gap:34px;flex-wrap:wrap}
.sow-doc .sow-cvmeta .m{font-family:'Wix Madefor Text';font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:rgba(247,243,238,.4)}
.sow-doc .sow-cvmeta .m b{display:block;margin-top:5px;color:rgba(247,243,238,.78);font-weight:400;font-size:13px;letter-spacing:.02em;text-transform:none}
.sow-doc .sow-cvnote{position:absolute;left:60px;bottom:46px;font-family:'Wix Madefor Text';font-size:10.5px;letter-spacing:.04em;color:rgba(247,243,238,.4)}
/* brand */
.sow-doc .sow-bname{font-family:'Wix Madefor Text';font-weight:700;font-size:40px;letter-spacing:-.02em}
.sow-doc .sow-btag{margin-top:6px;font-size:17px;color:#b51e72;font-style:italic}
.sow-doc .sow-bstory{margin-top:20px;font-size:14px;line-height:1.65;color:#4d453f;max-width:60ch}
.sow-doc .sow-bblock{margin-top:32px}
.sow-doc .sow-bl{font-family:'Wix Madefor Text';font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:#a39d94;margin-bottom:14px}
.sow-doc .sow-swrow{display:flex;gap:14px;flex-wrap:wrap}
.sow-doc .sow-sw{width:112px}
.sow-doc .sow-sw .chip{height:72px;border-radius:12px;border:1px solid rgba(0,0,0,.06)}
.sow-doc .sow-sw .nm{margin-top:8px;font-family:'Wix Madefor Text';font-size:11px;color:#2B2623}
.sow-doc .sow-sw .hex{font-family:'Wix Madefor Text';font-size:10.5px;letter-spacing:.05em;color:#a39d94;text-transform:uppercase}
.sow-doc .sow-trow{display:flex;gap:40px;flex-wrap:wrap}
.sow-doc .sow-tf b{display:block;font-family:'Wix Madefor Text';font-size:20px;color:#2B2623;margin-bottom:3px}
.sow-doc .sow-tf span{font-size:12px;color:#a39d94;font-family:'Wix Madefor Text';letter-spacing:.04em;text-transform:uppercase}
.sow-doc .sow-chips{display:flex;gap:9px;flex-wrap:wrap}
.sow-doc .sow-chipp{font-family:'Wix Madefor Text';font-size:12px;color:#4d453f;border:1px solid #ece3d8;background:#fff;padding:8px 14px;border-radius:9px}
/* objectives */
.sow-doc .sow-obj{display:flex;gap:16px;padding:17px 0;border-top:1px solid #ece3d8}
.sow-doc .sow-obj:first-of-type{border-top:none}
.sow-doc .sow-obj .num{font-family:'Wix Madefor Text';font-weight:700;font-size:15px;color:#e43392;flex:none;width:30px;height:30px;border:1.5px solid #f4cfe3;border-radius:50%;display:flex;align-items:center;justify-content:center}
.sow-doc .sow-obj h3{font-family:'Wix Madefor Text';font-weight:600;font-size:17px;letter-spacing:-.01em;margin-bottom:5px}
.sow-doc .sow-obj p{font-size:13.5px;line-height:1.55;color:#79706A}
/* deliverables (paginated) */
.sow-doc .sow-dlv{padding:22px 0;border-top:1px solid #ece3d8;display:grid;grid-template-columns:1fr 176px;gap:6px 24px}
.sow-doc .sow-dlv:first-child{border-top:none}
.sow-doc .sow-cat{grid-column:1;font-family:'Wix Madefor Text';font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#b51e72}
.sow-doc .sow-dlv h3{grid-column:1;font-family:'Wix Madefor Text';font-weight:600;font-size:20px;letter-spacing:-.01em;margin:3px 0 0}
.sow-doc .sow-dlv-why{grid-column:1;font-size:13px;line-height:1.55;color:#4d453f;margin-top:9px;max-width:48ch}
.sow-doc .sow-blds{grid-column:1;display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.sow-doc .sow-b{font-size:12px;color:#4d453f;background:#fff;border:1px solid #ece3d8;border-radius:7px;padding:5px 10px}
.sow-doc .sow-b.wix{border-color:#f4cfe3;color:#2B2623}
.sow-doc .sow-b.wix::before{content:"Wix";font-family:'Wix Madefor Text';font-size:8px;font-weight:700;letter-spacing:.05em;color:#fff;background:#e43392;border-radius:3px;padding:1px 4px;margin-right:6px}
.sow-doc .sow-dlv-oc{grid-column:2;grid-row:1 / 6;align-self:start;margin-top:22px;font-size:12.5px;line-height:1.5;color:#79706A;border-left:2px solid #f4cfe3;padding-left:14px}
/* timescale */
.sow-doc .sow-ts-intro{font-size:14px;line-height:1.6;color:#79706A;max-width:54ch;margin-bottom:26px}
.sow-doc .sow-gantt{position:relative}
.sow-doc .sow-gx{position:relative;height:20px;margin-left:170px;border-bottom:1px solid #ece3d8;margin-bottom:14px}
.sow-doc .sow-gx i{position:absolute;top:0;bottom:0;border-left:1px solid #ece3d8}
.sow-doc .sow-gx i span{position:absolute;top:2px;left:6px;font-family:'Wix Madefor Text';font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:#a39d94}
.sow-doc .sow-grow{display:flex;align-items:center;height:34px;margin-bottom:12px}
.sow-doc .sow-gl{width:170px;flex:none;padding-right:16px}
.sow-doc .sow-gl b{display:block;font-family:'Wix Madefor Text';font-weight:500;font-size:13.5px;color:#2B2623}
.sow-doc .sow-gl span{font-family:'Wix Madefor Text';font-size:9.5px;letter-spacing:.05em;text-transform:uppercase;color:#a39d94}
.sow-doc .sow-gt{flex:1;position:relative;height:34px}
.sow-doc .sow-gbar{position:absolute;top:50%;transform:translateY(-50%);height:22px;border-radius:6px;background:linear-gradient(90deg,#e43392,#c0246f);box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}
.sow-doc .sow-gmile{position:absolute;top:-4px;transform:translateX(-50%);z-index:3;display:inline-flex;align-items:center;gap:5px;background:#e43392;border-radius:999px;padding:3px 9px 3px 7px;white-space:nowrap}
.sow-doc .sow-gmile .d{width:7px;height:7px;background:#fff;transform:rotate(45deg);border-radius:1px}
.sow-doc .sow-gmile .t{font-family:'Wix Madefor Text';font-size:9px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#fff}
.sow-doc .sow-tsfoot{margin-top:30px;display:flex;gap:14px;align-items:center;font-size:13.5px;color:#4d453f}
.sow-doc .sow-tsfoot .pill{font-family:'Wix Madefor Text';font-size:11px;font-weight:600;letter-spacing:.04em;color:#b51e72;background:#fbe9f3;border:1px solid #f4cfe3;border-radius:8px;padding:7px 12px;white-space:nowrap}
/* next steps */
.sow-doc .sow-ns{display:flex;gap:16px;padding:18px 0;border-top:1px solid rgba(247,243,238,.13)}
.sow-doc .sow-ns:first-of-type{border-top:none}
.sow-doc .sow-ns .n{font-family:'Wix Madefor Text';font-weight:700;font-size:15px;color:#e43392;flex:none;width:30px;height:30px;border:1.5px solid rgba(228,51,146,.5);border-radius:50%;display:flex;align-items:center;justify-content:center}
.sow-doc .sow-ns b{display:block;font-family:'Wix Madefor Text';font-weight:600;font-size:16px;margin-bottom:4px}
.sow-doc .sow-ns p{font-size:13.5px;line-height:1.55;color:rgba(247,243,238,.6)}
.sow-doc .sow-nsnote{margin-top:30px;font-size:12.5px;line-height:1.6;color:rgba(247,243,238,.5);border-left:2px solid rgba(228,51,146,.5);padding-left:14px;max-width:52ch}
.sow-doc .sow-nscontact{position:absolute;left:60px;right:60px;bottom:60px;border-top:1px solid rgba(247,243,238,.13);padding-top:18px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-family:'Wix Madefor Text';font-size:12px;color:rgba(247,243,238,.7)}
.sow-doc .sow-nscontact .pk{color:#e43392}

/* download-scope button on the roadmap CTA (pink section) */
.rm-screen .rm-sowbtn{display:inline-flex;align-items:center;gap:8px;margin-top:18px;font-family:'Wix Madefor Text',sans-serif;font-weight:600;font-size:14.5px;color:#fff;background:transparent;border:1.5px solid rgba(255,255,255,.55);border-radius:11px;padding:13px 22px;cursor:pointer;transition:.15s}
.rm-screen .rm-sowbtn:hover{background:rgba(255,255,255,.14);border-color:#fff}
.rm-screen .rm-sowbtn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.rm-screen .rm-ctabtns{display:flex;gap:12px;justify-content:center;align-items:center;flex-wrap:wrap}

/* ===== roadmap: "Scope of Work" sell section (light), sits after the project plan ===== */
.rm-screen .ss{background:#F7F3EE;position:relative;overflow:hidden;padding:78px 0 84px}
.rm-screen .ss::before{content:"";position:absolute;top:-30%;left:-8%;width:520px;height:520px;background:radial-gradient(circle,rgba(228,51,146,.07),transparent 65%);pointer-events:none}
.rm-screen .ss-wrap{position:relative;max-width:1080px;margin:0 auto;padding:0 28px;display:grid;grid-template-columns:1fr 1.05fr;gap:54px;align-items:center}
.rm-screen .ss-eye{color:#e43392;margin-bottom:14px}
.rm-screen .ss h2{font-family:'Wix Madefor Text',sans-serif;font-weight:600;font-size:clamp(28px,4vw,40px);line-height:1.08;letter-spacing:-.025em;max-width:15ch;color:#2B2623}
.rm-screen .ss-p{margin-top:16px;font-size:16px;line-height:1.62;color:#79706A;max-width:46ch}
.rm-screen .ss-list{margin:26px 0 32px;display:flex;flex-direction:column;gap:13px}
.rm-screen .ss-li{display:flex;align-items:flex-start;gap:12px;font-size:14.5px;color:#3f3833}
.rm-screen .ss-li .ck{flex:none;width:22px;height:22px;border-radius:50%;background:#fbe9f3;border:1px solid #f4cfe3;display:flex;align-items:center;justify-content:center;margin-top:1px}
.rm-screen .ss-li .ck svg{width:12px;height:12px;fill:none;stroke:#e43392;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.rm-screen .ss-li b{font-weight:600;color:#2B2623}
.rm-screen .ss-cta{display:inline-flex;align-items:center;gap:9px;font-family:'Wix Madefor Text',sans-serif;font-weight:700;font-size:15.5px;color:#fff;background:#e43392;border:none;border-radius:12px;padding:15px 26px;cursor:pointer;box-shadow:0 12px 26px -8px rgba(228,51,146,.6);transition:.15s}
.rm-screen .ss-cta:hover{background:#cf2b83;transform:translateY(-1px)}
.rm-screen .ss-cta svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.rm-screen .ss-note{margin-top:14px;font-family:'Wix Madefor Text';font-size:11.5px;letter-spacing:.02em;color:#a39d94}
.rm-screen .ss-vis{position:relative;height:430px;display:flex;align-items:center;justify-content:center}
.rm-screen .ss-stack{position:relative;width:250px;height:354px;transform:rotate(-4deg)}
.rm-screen .ss-pg{position:absolute;inset:0;border-radius:10px;background:#fffdfb;box-shadow:0 22px 44px -16px rgba(20,17,14,.5);border:1px solid rgba(0,0,0,.05)}
.rm-screen .ss-pg.b3{transform:translate(54px,-30px) rotate(9deg)}
.rm-screen .ss-pg.b2{transform:translate(28px,-14px) rotate(4.5deg)}
.rm-screen .ss-mini{position:absolute;inset:22px 20px}
.rm-screen .ss-ln{height:6px;border-radius:3px;background:#eadfd2;margin-bottom:8px}
.rm-screen .ss-ln.t{height:9px;width:55%;background:#ddcdbb}
.rm-screen .ss-ln.s{width:80%}.rm-screen .ss-ln.s2{width:65%}
.rm-screen .ss-swrow{display:flex;gap:7px;margin-top:16px}
.rm-screen .ss-swrow i{width:30px;height:30px;border-radius:6px;display:block}
.rm-screen .ss-bar{height:9px;border-radius:4px;background:linear-gradient(90deg,#f3a9d0,#e98bbd);margin-bottom:8px}
.rm-screen .ss-cover{position:absolute;inset:0;border-radius:10px;background:#2B2623;color:#F7F3EE;overflow:hidden;box-shadow:0 30px 60px -18px rgba(20,17,14,.7);border:1px solid rgba(0,0,0,.2)}
.rm-screen .ss-cvgrid{position:absolute;inset:0;background-image:linear-gradient(rgba(247,243,238,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(247,243,238,.08) 1px,transparent 1px);background-size:30px 30px;-webkit-mask-image:radial-gradient(ellipse 90% 60% at 75% 8%,#000 30%,transparent 72%);mask-image:radial-gradient(ellipse 90% 60% at 75% 8%,#000 30%,transparent 72%);opacity:.6}
.rm-screen .ss-cvglow{position:absolute;top:-20%;right:-22%;width:200px;height:200px;background:radial-gradient(circle,rgba(228,51,146,.3),transparent 65%)}
.rm-screen .ss-cvpad{position:absolute;inset:26px 24px}
.rm-screen .ss-cvmk{display:inline-flex;align-items:center;gap:6px;font-family:'Wix Madefor Text';font-size:8.5px;letter-spacing:.12em;color:rgba(247,243,238,.6)}
.rm-screen .ss-cvmk .d{width:6px;height:6px;border-radius:50%;background:#e43392}
.rm-screen .ss-cveye{font-family:'Wix Madefor Text';font-size:8.5px;letter-spacing:.16em;text-transform:uppercase;color:#e43392;margin-top:64px}
.rm-screen .ss-cvttl{font-family:'Wix Madefor Text';font-weight:600;font-size:27px;line-height:1.05;letter-spacing:-.02em;margin-top:10px}
.rm-screen .ss-cvfor{margin-top:14px;font-size:11px;color:rgba(247,243,238,.7)}
.rm-screen .ss-cvfor b{color:#fff;font-weight:600}
.rm-screen .ss-cvfoot{position:absolute;left:24px;right:24px;bottom:22px;border-top:1px solid rgba(247,243,238,.15);padding-top:10px;font-family:'Wix Madefor Text';font-size:8px;letter-spacing:.06em;color:rgba(247,243,238,.4);display:flex;justify-content:space-between}
.rm-screen .ss-tag{position:absolute;right:-6px;bottom:24px;font-family:'Wix Madefor Text';font-size:11px;font-weight:700;letter-spacing:.04em;color:#fff;background:#2B2623;border-radius:999px;padding:7px 14px;box-shadow:0 10px 22px -8px rgba(0,0,0,.6)}
.rm-screen .ss-tag span{color:#e43392}
@media(max-width:820px){ .rm-screen .ss-wrap{grid-template-columns:1fr;gap:10px} .rm-screen .ss-vis{height:380px;order:-1} }

/* ===== add-customer: size / budget / Wix roadmap-options modal ===== */
.agency-dash .ad-profile-row{ display:flex; gap:18px; flex-wrap:wrap; margin:4px 0 12px; }
.agency-dash .ad-profile-field{ flex:1; min-width:240px; }
.ad-fieldlabel{ display:block; font-size:.74rem; font-weight:600; letter-spacing:.04em; text-transform:uppercase; color:#79706A; margin-bottom:6px; }
/* segmented control — shared by size, budget, and the modal mode/weight */
.wix-seg{ display:inline-flex; flex-wrap:wrap; gap:4px; background:#f4ede4; border:1px solid #e7ded7; border-radius:10px; padding:3px; }
.wix-seg button{ font-family:'Wix Madefor Text',system-ui,sans-serif; font-size:.8rem; font-weight:600; color:#6b6258; background:transparent; border:0; border-radius:7px; padding:7px 12px; cursor:pointer; transition:.14s; white-space:nowrap; }
.wix-seg button:hover{ color:#2B2623; }
.wix-seg button.on{ background:#fff; color:#2B2623; box-shadow:0 1px 3px rgba(43,38,35,.12); }
.ad-size-seg{ display:flex; }
.ad-size-seg button{ flex:1 1 auto; }
/* budget */
.ad-budget-line{ display:flex; flex-wrap:wrap; align-items:center; gap:10px; }
.ad-budget-amt{ display:flex; align-items:stretch; }
.ad-cur-sel{ font-family:'Wix Madefor Text',system-ui,sans-serif; font-size:.84rem; padding:0 8px; border:1px solid #e7ded7; border-right:0; border-radius:10px 0 0 10px; background:#faf6f1; color:#2B2623; cursor:pointer; max-width:104px; -webkit-appearance:none; appearance:none; }
.ad-cur-sel:focus{ outline:none; border-color:#e43392; }
.ad-budget-input{ font-family:'Wix Madefor Text',system-ui,sans-serif; font-size:.92rem; padding:10px 12px; border:1px solid #e7ded7; border-radius:0 10px 10px 0; background:#fff; color:#2B2623; width:128px; }
.ad-budget-input:focus{ outline:none; border-color:#e43392; box-shadow:0 0 0 3px rgba(228,51,146,.18); }
/* Wix config summary under the Wix checkbox */
.agency-dash .ad-wix-config{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin:2px 0 8px; padding:9px 12px; background:#f4f7ff; border:1px solid #d9e3fb; border-radius:10px; }
.agency-dash .ad-wix-config-summary{ font-size:.82rem; color:#33415c; flex:1; min-width:160px; line-height:1.35; }
/* ===== Wix modal ===== */
.wix-modal-sub{ display:block; font-size:.74rem; font-weight:500; letter-spacing:.01em; text-transform:none; color:#79706A; margin-top:3px; }
.wix-modal-body{ max-height:min(70vh,620px); overflow-y:auto; }
.wix-moderow{ margin-bottom:16px; }
.wix-weightseg{ margin-top:8px; }
.wix-modehint{ font-size:.78rem; color:#79706A; margin-top:9px; line-height:1.45; }
.wix-groups{ display:flex; flex-direction:column; gap:16px; }
.wix-group-title{ font-size:.72rem; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:#a99d90; margin:0 0 7px; }
.wix-group-note{ font-weight:500; text-transform:none; letter-spacing:0; color:#b8ada0; }
.wix-prod{ border:1px solid #e7ded7; border-radius:11px; margin-bottom:7px; overflow:hidden; transition:border-color .14s, background .14s; }
.wix-prod:last-child{ margin-bottom:0; }
.wix-prod:hover{ border-color:#cdbfae; }
.wix-prod.sel{ border-color:#e43392; background:#fffafd; }
.wix-prod-head{ display:flex; align-items:flex-start; gap:11px; padding:11px 13px; cursor:pointer; user-select:none; }
.wix-prod-cb{ appearance:none; -webkit-appearance:none; width:18px; height:18px; flex:none; margin:0; border:1.5px solid #d8ccbe; border-radius:5px; background:#fff; cursor:pointer; position:relative; transition:.15s; }
.wix-prod-cb:hover{ border-color:#e43392; }
.wix-prod-cb:checked{ background:#e43392; border-color:#e43392; }
.wix-prod-cb:checked::after{ content:''; position:absolute; left:5px; top:1.5px; width:4px; height:9px; border:solid #fff; border-width:0 2px 2px 0; transform:rotate(45deg); }
.wix-prod-name{ font-weight:700; font-size:.9rem; color:#2B2623; flex:none; }
.wix-prod-meta{ font-size:.77rem; color:#79706A; flex:1; min-width:0; line-height:1.35; }
.wix-prod-fit{ font-size:.64rem; font-weight:700; letter-spacing:.03em; text-transform:uppercase; color:#c01f6f; background:#fdeaf4; border:1px solid #f6cfe1; border-radius:20px; padding:3px 8px; flex:none; }
.wix-prod-chev{ flex:none; color:#b7a99c; transition:transform .18s; }
.wix-prod.open .wix-prod-chev{ transform:rotate(180deg); }
.wix-prod-info{ max-height:0; overflow:hidden; transition:max-height .22s ease; background:#faf7f3; }
.wix-prod.open .wix-prod-info{ max-height:800px; }
.wix-prod-info-inner{ padding:5px 14px 13px; display:flex; flex-direction:column; gap:9px; }
.wix-prod-info b{ display:block; font-size:.67rem; font-weight:700; letter-spacing:.04em; text-transform:uppercase; margin-bottom:2px; }
.wix-prod-info .wpi-do b{ color:#c01f6f; }
.wix-prod-info .wpi-not b{ color:#c0392b; }
.wix-prod-info .wpi-lim b{ color:#b8860b; }
.wix-prod-info p{ margin:0; font-size:.8rem; line-height:1.42; color:#4a443e; }

/* ===== Phase 3: card Wix-config strip + modal edit profile ===== */
.agency-dash .ad-wixcfg{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin:0 0 10px; padding:8px 11px; background:#fbfaf8; border:1px solid #efe6dc; border-radius:10px; }
.agency-dash .ad-wcfg-chips{ display:flex; gap:6px; flex-wrap:wrap; flex:1; min-width:0; }
.agency-dash .ad-wcfg-chip{ font-size:.72rem; font-weight:600; color:#5b5249; background:#f1eae2; border:1px solid #e4dbd0; border-radius:20px; padding:3px 9px; }
.agency-dash .ad-wcfg-chip.wcfg-mode{ color:#c01f6f; background:#fdeaf4; border-color:#f6cfe1; }
.agency-dash .ad-wcfg-chip.wcfg-extra{ color:#5b5249; background:#f1eae2; border-color:#e4dbd0; }
.agency-dash .ad-wixcfg-edit{ flex:none; }
/* modal profile shown only in edit mode */
.wix-modal-profile{ display:flex; flex-direction:column; gap:13px; padding:0 0 15px; margin-bottom:15px; border-bottom:1px solid #efe6dc; }
/* modal footer becomes flex so the error sits to the left of the buttons */
.wix-modal .ad-popup-foot{ display:flex; align-items:center; gap:10px; }
.wix-modal .ad-wix-modal-err{ flex:1; text-align:left; color:#c0392b; font-size:.8rem; line-height:1.3; }

/* ===== Pass 1: wide Wix modal + 2-col size pills ===== */
/* beat .ad-popup.ad-popup-wide (540px) with a 3-class selector so descriptions stop clipping */
.ad-popup.ad-popup-wide.wix-modal{ max-width:960px; width:94vw; }
.wix-modal .wix-prod-info-inner{ max-width:none; }
/* customer size as a 2-column pill grid (2 rows for 4 options) */
.ad-size-grid{ display:grid; grid-template-columns:1fr 1fr; gap:7px; }
.ad-size-grid button{ padding:9px 12px; border:1px solid #e2d8cc; background:#fbf8f4; color:#5b5249; border-radius:999px; font-size:.82rem; font-weight:600; cursor:pointer; text-align:center; transition:border-color .12s, background .12s, color .12s; }
.ad-size-grid button:hover{ border-color:#cdbfae; }
.ad-size-grid button.on{ background:#e43392; border-color:#e43392; color:#fff; }

/* ===== Pass 2: 3-area evaluation wizard ===== */
.ad-popup.ad-popup-wide.wiz-modal{ max-width:800px; width:94vw; max-height:88vh; display:flex; flex-direction:column; }
.wiz-modal .wix-prod-info-inner{ max-width:none; }
.wiz-modal .wiz-body{ display:flex; flex-direction:column; gap:10px; overflow:hidden; flex:1 1 auto; min-height:0; }
.wiz-area{ border:1px solid #e7ddd2; border-radius:12px; background:#fff; overflow:hidden; padding:0; flex:none; transition:opacity .2s; }
.wiz-area-head{ display:flex; align-items:center; gap:10px; padding:11px 15px; background:#faf7f3; border-bottom:1px solid transparent; cursor:pointer; }
.wiz-area-num{ width:22px; height:22px; border-radius:50%; background:#e43392; color:#fff; font-size:.78rem; font-weight:700; display:flex; align-items:center; justify-content:center; flex:none; }
.wiz-area-title{ font-weight:700; font-size:.92rem; color:#3a342e; flex:1; }
.wiz-area-done{ color:#c01f6f; font-weight:800; }
.wiz-area-body{ padding:14px 15px 15px; display:none; flex-direction:column; gap:13px; }
.wiz-area-lead{ margin:0; font-size:.86rem; color:#6b6258; }
.wiz-area-foot{ display:flex; align-items:center; gap:10px; margin-top:3px; }
.wiz-area-foot .btn{ margin-left:auto; }
.wiz-area-err{ color:#c0392b; font-size:.8rem; }
.wiz-area.locked{ opacity:.5; }
.wiz-area.locked .wiz-area-num{ background:#b9ad9f; }
.wiz-area.locked .wiz-area-body{ pointer-events:none; filter:grayscale(.3); }
.wiz-area.done .wiz-area-num{ background:#c01f6f; }
.wiz-check{ display:flex; align-items:flex-start; gap:10px; padding:10px 12px; border:1px solid #e7ddd2; border-radius:9px; cursor:pointer; font-size:.85rem; color:#4a443e; }
.wiz-check input{ margin-top:2px; accent-color:#e43392; }
.wiz-check b{ color:#2f2a25; }
.wiz-field{ display:flex; flex-direction:column; gap:7px; }
.wiz-help{ margin:2px 0 0; font-size:.78rem; line-height:1.45; color:#6b6258; }
.ad-tenancy-seg{ max-width:340px; }
.wiz-suggest-note{ font-size:.82rem; line-height:1.45; padding:9px 12px; border-radius:9px; margin-top:9px; }
.wiz-suggest-note.ok{ background:#fdeaf4; border:1px solid #f6cfe1; color:#9a275f; }
.wiz-suggest-note.warn{ background:#fdf3e7; border:1px solid #f1ddc0; color:#8a5a12; }
.ad-wiz-foot-err{ flex:1; text-align:left; color:#c0392b; font-size:.8rem; }
.wiz-modal .ad-popup-foot{ display:flex; align-items:center; gap:10px; }
@keyframes wiz-pulse { 0%{ box-shadow:0 0 0 0 rgba(228,51,146,.45); } 70%{ box-shadow:0 0 0 8px rgba(228,51,146,0); } 100%{ box-shadow:0 0 0 0 rgba(228,51,146,0); } }
.wix-prod.sugg-pulse{ animation:wiz-pulse 1.3s ease-out 3; border-color:#e43392; }
/* edit mode: hide per-area confirm buttons (a single footer Save is used instead) */
.wiz-modal.wiz-edit .wiz-area-foot{ display:none; }
/* accordion: only the open area shows its body */
.wiz-area.wiz-open .wiz-area-body{ display:flex; flex:1 1 auto; min-height:0; overflow-y:auto; }
.wiz-area.wiz-open{ display:flex; flex-direction:column; flex:1 1 auto; min-height:0; }
.wiz-area.wiz-open .wiz-area-head{ flex:none; }
.wiz-area.wiz-open .wiz-area-head{ border-bottom-color:#efe6dc; }
.wiz-area.locked .wiz-area-head{ cursor:default; }
.wiz-area-chev{ color:#9a8f80; flex:none; transition:transform .18s ease; }
.wiz-area.wiz-open .wiz-area-chev{ transform:rotate(180deg); }
/* disabled primary buttons read as grey; enabled stay pink (.btn base) */
.agency-dash .btn:disabled:not(.ghost), .wiz-modal .btn:disabled:not(.ghost){ background:#e6ded3; border-color:#e6ded3; color:#a59a8c; cursor:not-allowed; box-shadow:none; }
/* "coming soon" product teaser (e.g. Wix Studio 2): always greyed + disabled, never selectable */
.wix-prod-soon{ opacity:.55; }
.wix-prod-soon .wix-prod-head, .wix-prod-soon .wix-prod-cb{ cursor:not-allowed; }
.wix-prod-soon-badge{ font-size:.64rem; font-weight:700; letter-spacing:.03em; text-transform:uppercase; color:#79706A; background:#efe7df; border:1px solid #e0d6cb; border-radius:20px; padding:3px 8px; flex:none; }
/* account menu: disabled "Upgrade" (company members who aren't the anchor) */
.acct-action:disabled, .acct-action.disabled{ color:var(--ink-soft); opacity:.6; cursor:not-allowed; }
.acct-action:disabled:hover, .acct-action.disabled:hover{ background:none; color:var(--ink-soft); }
/* profile modal */
.prof-body{ display:flex; flex-direction:column; }
.prof-row{ display:flex; justify-content:space-between; gap:16px; padding:9px 0; border-bottom:1px solid #f0e9e1; font-size:.88rem; }
.prof-row:last-of-type{ border-bottom:none; }
.prof-k{ color:#79706A; flex:none; }
.prof-v{ color:#2B2623; font-weight:600; text-align:right; word-break:break-word; }
.prof-note{ margin-top:11px; font-size:.8rem; line-height:1.45; color:#79706A; background:#fbfaf8; border:1px solid #efe6dc; border-radius:9px; padding:9px 11px; }

/* ============================================================
   Cheat sheets (Wix vs competitor) — verified Wix agencies only
   ============================================================ */
.cs-overlay{ position:fixed; inset:0; z-index:100200; display:flex; align-items:center; justify-content:center; padding:26px; background:rgba(43,38,35,.55); -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px); animation:csFade .2s ease both; }
.cs-overlay[hidden]{ display:none!important; }
@keyframes csFade{ from{opacity:0} to{opacity:1} }
.cs-modal{ position:relative; width:100%; max-width:900px; max-height:92vh; overflow-y:auto; background:#faf6f1; border-radius:24px; padding:38px 40px 30px; box-shadow:0 30px 70px rgba(40,20,30,.34); animation:csPop .24s cubic-bezier(.2,.8,.25,1) both; }
@keyframes csPop{ from{opacity:0; transform:translateY(12px) scale(.985)} to{opacity:1; transform:none} }
.cs-modal.cs-picker-modal{ max-width:560px; padding:34px 34px 30px; }

.cs-close{ position:absolute; top:16px; right:16px; width:36px; height:36px; border:none; cursor:pointer; border-radius:50%; background:#fff; color:#79706A; font-size:22px; line-height:1; display:flex; align-items:center; justify-content:center; box-shadow:0 2px 8px rgba(40,20,30,.10); transition:color .15s ease; }
.cs-close:hover{ color:#b51e72; }
.cs-back{ position:absolute; top:20px; left:22px; border:none; background:none; cursor:pointer; color:#79706A; font-size:.8rem; font-weight:600; font-family:inherit; display:flex; align-items:center; gap:5px; padding:4px 2px; transition:color .15s ease; }
.cs-back:hover{ color:#b51e72; }

.cs-head{ text-align:center; margin-bottom:24px; }
.cs-eyebrow{ font-size:.72rem; font-weight:700; letter-spacing:3px; text-transform:uppercase; color:#9a9088; margin-bottom:8px; }
.cs-title{ font-family:'Wix Madefor Display','Wix Madefor Text',sans-serif; font-size:2.4rem; font-weight:800; letter-spacing:-.5px; text-transform:uppercase; color:#2B2623; line-height:1; margin:0; }
.cs-title .cs-hl{ color:#e43392; }

.cs-grid{ display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.cs-card{ background:#fff; border:1.5px solid #f5d6e6; border-radius:18px; padding:18px 20px 20px; }
.cs-card-top{ display:flex; align-items:center; gap:14px; margin-bottom:13px; }
.cs-num{ flex-shrink:0; width:50px; height:50px; border-radius:13px; background:#e43392; color:#fff; font-family:'Wix Madefor Display','Wix Madefor Text',sans-serif; font-size:26px; font-weight:800; display:flex; align-items:center; justify-content:center; line-height:1; }
.cs-heading{ font-size:1rem; font-weight:800; letter-spacing:.4px; text-transform:uppercase; color:#b51e72; line-height:1.05; }
.cs-card-body{ display:flex; align-items:flex-start; gap:14px; }
.cs-icon{ flex-shrink:0; width:44px; height:44px; color:#5a504a; display:flex; align-items:center; justify-content:center; }
.cs-icon svg{ width:42px; height:42px; }
.cs-desc{ font-size:.82rem; line-height:1.5; color:#79706A; padding-top:2px; }
.cs-desc .cs-wx{ color:#b51e72; font-weight:700; }

.cs-foot{ text-align:center; margin-top:24px; font-size:.86rem; color:#79706A; font-weight:500; }
.cs-foot .cs-hl{ color:#b51e72; font-weight:700; }

/* picker */
.cs-pick-sub{ text-align:center; font-size:.85rem; color:#79706A; margin:-8px 0 18px; }
.cs-pick-grid{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.cs-pick-btn{ display:flex; flex-direction:column; text-align:left; border:1.5px solid #eaddd0; background:#fff; border-radius:12px; padding:13px 15px; cursor:pointer; font-family:inherit; transition:border-color .12s ease, transform .12s ease, box-shadow .12s ease; }
.cs-pick-btn:hover{ border-color:#e43392; transform:translateY(-1px); box-shadow:0 6px 16px rgba(228,51,146,.14); }
.cs-pick-name{ font-size:.95rem; font-weight:700; color:#2B2623; }
.cs-pick-note{ font-size:.72rem; color:#9a9088; margin-top:2px; }

@media (max-width:660px){
  .cs-modal{ padding:30px 20px 24px; }
  .cs-title{ font-size:1.7rem; }
  .cs-grid{ grid-template-columns:1fr; }
  .cs-pick-grid{ grid-template-columns:1fr; }
}

/* #5 guided-setup colour picker: order-matters warning */
.brandguide-app .ai-pick-hint{max-width:min(560px,92%);margin:0 auto 14px;padding:10px 14px;font-size:.82rem;line-height:1.5;color:var(--ink,#2B2623);background:rgba(228,51,146,.08);border:1px solid rgba(228,51,146,.28);border-radius:12px;text-align:center}
.brandguide-app .ai-pick-hint strong{color:var(--accent-dark,#c01f6f);font-weight:700}


/* ===== Colour studio (harmonies + image sampling) ===== */
.ps-overlay{position:fixed;inset:0;z-index:100300;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(43,38,35,.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.ps-overlay[hidden]{display:none!important}
.ps-modal{position:relative;width:100%;max-width:920px;max-height:92vh;overflow-y:auto;background:#faf6f1;border-radius:22px;padding:30px 30px 24px;box-shadow:0 30px 70px rgba(40,20,30,.34);font-family:'Wix Madefor Text',system-ui,sans-serif;color:#2B2623}
.ps-close{position:absolute;top:14px;right:14px;width:34px;height:34px;border:none;border-radius:50%;background:#fff;color:#79706A;font-size:20px;cursor:pointer;box-shadow:0 2px 8px rgba(40,20,30,.1)}
.ps-close:hover{color:#b51e72}
.ps-title{margin:0 0 4px;font-size:1.3rem;font-weight:800}
.ps-sub{margin:0 0 18px;font-size:.82rem;color:#79706A;line-height:1.5}
.ps-base{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.ps-base-lbl{font-size:.8rem;font-weight:700}
.ps-base-sw{width:40px;height:40px;border-radius:10px;border:1px solid rgba(0,0,0,.12);cursor:pointer;padding:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.4)}
.ps-base-hex{font-size:.78rem;color:#79706A}
.ps-harm-lbl{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#9a9088;margin-bottom:8px}
.ps-harmonies{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:20px}
.ps-harm{border:1px solid #eaddd0;background:#fff;border-radius:20px;padding:7px 13px;font-size:.78rem;cursor:pointer;font-family:inherit;color:#2B2623;transition:.12s}
.ps-harm:hover{border-color:#e43392}
.ps-harm.is-on{background:#e43392;border-color:#e43392;color:#fff}
.ps-preview{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:22px}
.ps-cell{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center}
.ps-sw{width:100%;aspect-ratio:1/1;border-radius:12px;border:1px solid rgba(0,0,0,.1);cursor:pointer;padding:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}
.ps-sw-name{font-size:.6rem;font-weight:700;line-height:1.2;color:#2B2623}
.ps-sw-hex{font-size:.58rem;color:#9a9088}
.ps-img{border-top:1px solid #eee4dc;padding-top:16px;margin-bottom:20px;text-align:center}
.ps-img-btn{border:1px dashed #d8b7c8;background:#fceff3;color:#b51e72;border-radius:12px;padding:11px 16px;font-size:.82rem;font-weight:600;cursor:pointer;font-family:inherit;width:100%}
.ps-img-btn:hover{border-color:#e43392}
.ps-img-wrap{position:relative;display:inline-block;margin:14px auto 0;line-height:0}
.ps-canvas{display:block;border-radius:12px;box-shadow:0 4px 14px rgba(40,20,30,.14)}
.ps-img-hint{font-size:.72rem;color:#79706A;margin-top:8px}
.ps-actions{display:flex;justify-content:flex-end;gap:10px}
.ps-cancel{border:1px solid #eaddd0;background:#fff;color:#79706A;border-radius:11px;padding:11px 18px;font-size:.85rem;cursor:pointer;font-family:inherit}
.ps-use{border:none;background:#e43392;color:#fff;border-radius:11px;padding:11px 22px;font-size:.85rem;font-weight:700;cursor:pointer;font-family:inherit}
.ps-use:hover{background:#c01f6f}
@media(max-width:560px){.ps-preview{gap:6px}.ps-sw-name{font-size:.52rem}.ps-sw-hex{display:none}.ps-modal{padding:26px 18px 20px}}

/* Colour studio: image sampler dots + Save/Revert */
.ps-dot{position:absolute;width:56px;height:56px;border-radius:50%;border:4px solid #fff;box-shadow:0 3px 12px rgba(0,0,0,.42),0 0 0 1px rgba(0,0,0,.12);cursor:grab;overflow:hidden;touch-action:none;background:#eee;z-index:2}
.ps-dot.drag{cursor:grabbing;box-shadow:0 7px 20px rgba(0,0,0,.5),0 0 0 1px rgba(0,0,0,.12);z-index:3}
.ps-dot-mag{display:block;width:100%;height:100%;border-radius:50%;image-rendering:pixelated;image-rendering:crisp-edges}
.ps-dot-num{position:absolute;top:-3px;left:-3px;width:16px;height:16px;border-radius:50%;background:#e43392;color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px rgba(0,0,0,.35);font-family:'Wix Madefor Text',system-ui,sans-serif}
.ps-img-wrap[hidden]{display:none!important}
.ps-img-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;flex-wrap:wrap;text-align:left}
.ps-img-actions[hidden]{display:none!important}
.ps-img-btns{display:flex;gap:8px}
.ps-img-revert{border:1.5px solid #eaddd0;background:#fff;color:#79706A;border-radius:10px;padding:8px 16px;font-size:.8rem;font-weight:600;cursor:pointer;font-family:inherit}
.ps-img-revert:hover{border-color:#e43392;color:#b51e72}
.ps-img-save{border:none;background:#e43392;color:#fff;border-radius:10px;padding:8px 18px;font-size:.8rem;font-weight:700;cursor:pointer;font-family:inherit}
.ps-img-save:hover{background:#c01f6f}

/* Colour studio: swatch drag handles + image tool icons */
.ps-sw-handle{border:none;background:none;cursor:grab;color:#c9c1b8;font-size:13px;line-height:1;padding:0 0 1px;touch-action:none}
.ps-sw-handle:hover{color:#e43392}
.ps-sw-handle:active{cursor:grabbing}
.ps-cell-chosen{opacity:.92}
.ps-cell-ghost{opacity:.4}
.ps-cell-drag{opacity:1 !important}
.ps-img-tools{position:absolute;top:8px;right:8px;display:flex;gap:6px;z-index:4}
.ps-img-replace,.ps-img-trash{width:30px;height:30px;border-radius:50%;border:none;background:rgba(255,255,255,.92);color:#79706A;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px rgba(40,20,30,.28);padding:0;transition:color .15s,background .15s}
.ps-img-replace:hover{color:#2B2623;background:#fff}
.ps-img-trash:hover{color:#c0392b;background:#fff}
.ps-img-replace svg,.ps-img-trash svg{width:16px;height:16px;display:block}

/* Colour studio: draggable floating image panel */
.ps-img-float{position:fixed;z-index:100380;background:#faf6f1;border-radius:16px;box-shadow:0 24px 60px rgba(40,20,30,.42);border:1px solid rgba(0,0,0,.08);width:max-content;max-width:92vw;text-align:center;padding-bottom:14px}
.ps-img-float[hidden]{display:none!important}
.ps-float-handle{display:flex;align-items:center;justify-content:center;gap:9px;padding:10px 16px;cursor:grab;background:#f0ebe5;border-radius:16px 16px 0 0;border-bottom:1px solid #e6ddd4;touch-action:none;user-select:none}
.ps-float-handle:active{cursor:grabbing}
.ps-float-grip{width:30px;height:4px;border-radius:3px;background:#c9bdb2;flex:none}
.ps-float-title{font-size:.74rem;font-weight:700;color:#79706A;font-family:'Wix Madefor Text',system-ui,sans-serif}
.ps-img-float .ps-img-actions{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;margin:12px 16px 0;text-align:center}
.ps-img-float .ps-img-btns{display:flex;gap:8px;justify-content:center}