/* =========================================================================
   Guidelyze · Laboratório de Marca · style.css
   Reusa tokens livro. Layout long-scroll editorial.
   Acento "branding" (#8A6FB0) pra marcar como meta-layer.
   ========================================================================= */

*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  background:radial-gradient(ellipse at 50% 0%, var(--paper-warm), var(--paper) 60%);
  color:var(--fg);
  font-family:var(--font-body);font-size:var(--text-md);line-height:var(--lead-relaxed);
  -webkit-font-smoothing:antialiased;
  --brand:#8A6FB0;
  --brand-deep:#6E5395;
  --brand-soft:#D4C2DE;
}
img{max-width:100%;display:block}
code{font-family:'JetBrains Mono',ui-monospace,Menlo,monospace;font-size:.88em;background:var(--paper-deep);padding:1px 6px;border-radius:6px;color:var(--fg-soft)}

/* ===== Topbar sticky ===== */
.lab-top{
  position:sticky;top:0;z-index:50;
  background:rgba(250,246,236,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line-soft);
  padding:var(--space-3) var(--pad-x);
  display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-5);align-items:center;
}
.lab-top__brand{display:flex;align-items:center;gap:var(--space-3);min-width:0}
.lab-top__logo{height:32px;width:auto;flex-shrink:0}
.lab-top__eyebrow{
  font-size:10px;letter-spacing:var(--track-widest);text-transform:uppercase;
  color:var(--brand-deep);font-weight:700;margin:0 0 2px;
}
.lab-top__title{
  font-family:var(--font-display);font-weight:400;font-size:var(--text-lg);
  margin:0;line-height:1.1;letter-spacing:var(--track-tight);
}
.lab-top__nav{
  display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap;
  font-size:12px;font-weight:600;
}
.lab-top__nav a{
  color:var(--fg-soft);text-decoration:none;
  padding:6px 10px;border-radius:var(--radius-pill);
  transition:all var(--dur-fast);
}
.lab-top__nav a:hover{background:var(--brand-soft);color:var(--brand-deep)}
.lab-top__back{
  font-size:11px;font-weight:700;letter-spacing:var(--track-wide);text-transform:uppercase;
  color:var(--fg-soft);text-decoration:none;
  border:1px dashed var(--line);padding:6px 12px;border-radius:var(--radius-pill);
}
.lab-top__back:hover{color:var(--brand-deep);border-color:var(--brand);border-style:solid}
@media (max-width:880px){
  .lab-top{grid-template-columns:1fr;gap:var(--space-2);text-align:center}
  .lab-top__nav{display:none}
}

.lab-main{max-width:1280px;margin:0 auto;padding:var(--space-12) var(--pad-x) var(--space-16)}

/* ===== Hero ===== */
.lab-hero{
  display:grid;grid-template-columns:1.4fr 1fr;gap:var(--space-12);
  align-items:start;
  padding:var(--space-12) 0 var(--space-16);
  border-bottom:1px solid var(--line-soft);
}
@media (max-width:880px){.lab-hero{grid-template-columns:1fr;gap:var(--space-8)}}
.lab-hero__chip{
  display:inline-block;
  font-size:11px;letter-spacing:var(--track-widest);text-transform:uppercase;font-weight:700;
  color:var(--brand-deep);background:var(--brand-soft);
  padding:6px 12px;border-radius:var(--radius-pill);margin-bottom:var(--space-4);
}
.lab-hero__h{
  font-family:var(--font-display);font-weight:400;
  font-size:clamp(var(--text-3xl), 6vw, var(--text-5xl));
  line-height:.95;letter-spacing:var(--track-tight);
  margin:0 0 var(--space-5);
}
.lab-hero__sub{
  font-size:var(--text-md);color:var(--fg-soft);
  max-width:48ch;line-height:var(--lead-relaxed);margin:0 0 var(--space-8);
}
.lab-hero__sub strong{color:var(--fg);font-weight:600}
.lab-hero__meta{display:grid;gap:var(--space-4)}
.lab-hero__meta div{
  display:grid;grid-template-columns:120px 1fr;gap:var(--space-4);
  padding-bottom:var(--space-3);border-bottom:1px dashed var(--line-soft);
}
.lab-hero__meta dt{
  font-size:10px;letter-spacing:var(--track-widest);text-transform:uppercase;
  font-weight:700;color:var(--fg-softer);margin:0;
}
.lab-hero__meta dd{font-size:var(--text-sm);color:var(--fg-soft);margin:0;line-height:var(--lead-snug)}
.lab-hero__visual{padding-top:var(--space-12)}
.palette-strip{
  display:grid;grid-template-columns:repeat(6,1fr);gap:0;
  border-radius:var(--radius-md);overflow:hidden;
  box-shadow:var(--shadow-soft);
}
.palette-strip__sw{aspect-ratio:1/2}
.lab-hero__visual-cap{
  font-family:var(--font-mono);font-size:10px;color:var(--fg-softer);
  text-align:center;margin:var(--space-2) 0 0;letter-spacing:var(--track-wide);
}

/* ===== Section base ===== */
.lab-section{padding:var(--space-12) 0;border-bottom:1px solid var(--line-soft)}
.lab-section__head{margin-bottom:var(--space-8);max-width:62ch}
.lab-section__chip{
  font-size:10px;letter-spacing:var(--track-widest);text-transform:uppercase;font-weight:700;
  color:var(--brand-deep);margin:0 0 var(--space-2);
}
.lab-section__h{
  font-family:var(--font-display);font-weight:400;
  font-size:var(--text-3xl);line-height:var(--lead-tight);letter-spacing:var(--track-tight);
  margin:0 0 var(--space-3);
}
.lab-section__sub{font-size:var(--text-md);color:var(--fg-soft);margin:0;line-height:var(--lead-relaxed)}

/* ===== Design System grid ===== */
.ds-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}
@media (max-width:880px){.ds-grid{grid-template-columns:1fr}}
.ds-mode{
  background:var(--paper);border:1px solid var(--line-soft);border-radius:var(--radius-lg);
  padding:var(--space-5);
  display:flex;flex-direction:column;gap:var(--space-3);
  box-shadow:var(--shadow-soft);
  transition:transform var(--dur-fast);
}
.ds-mode:hover{transform:translateY(-2px);box-shadow:var(--shadow-lift)}
.ds-mode[data-mode="livro"]  {border-left:3px solid var(--accent)}
.ds-mode[data-mode="app"]    {background:#0F1F35;color:#E8F4FF;border-left:3px solid #00FFD4}
.ds-mode[data-mode="app"] code{background:#1E2A3A;color:#A8C4B5}
.ds-mode[data-mode="future"] {background:linear-gradient(135deg,var(--paper),#F0E6F5);border-left:3px solid #8A6FB0}
.ds-mode__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2)}
.ds-mode__head h3{font-family:var(--font-display);font-weight:500;font-size:var(--text-2xl);margin:0}
.ds-mode__badge{
  font-size:9px;letter-spacing:var(--track-widest);text-transform:uppercase;font-weight:700;
  color:var(--fg-softer);
}
.ds-mode[data-mode="app"] .ds-mode__badge{color:#A8C4B5}
.ds-mode__palette{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;border-radius:var(--radius-sm);overflow:hidden;height:36px}
.ds-mode__palette span{display:block;position:relative}
/* Swatch cuja cor bate com o fundo do card: contorno branco inset pra não sumir. */
.ds-mode__palette span.is-bg-match{box-shadow:inset 0 0 0 1.5px #fff,inset 0 0 0 2.5px rgba(0,0,0,0.12)}
.ds-mode__type{
  font-size:72px;line-height:1;margin:var(--space-2) 0;color:inherit;
}
.ds-mode__desc{font-size:13px;line-height:var(--lead-snug);color:inherit;opacity:.85;margin:0}
.ds-mode__tokens{
  display:grid;grid-template-columns:auto 1fr;gap:6px var(--space-3);
  font-family:var(--font-mono);font-size:11px;
  border-top:1px dashed currentColor;padding-top:var(--space-3);
  margin-top:auto;opacity:.78;
}
.ds-mode__tokens dt{font-weight:700}
.ds-mode__tokens dd{margin:0;opacity:.9}

/* ===== Voice grid ===== */
.voice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}
@media (max-width:1100px){.voice-grid{grid-template-columns:1fr 1fr}}
@media (max-width:680px){.voice-grid{grid-template-columns:1fr}}
.voice-card{
  background:var(--paper);border:1px solid var(--line-soft);border-radius:var(--radius-lg);
  padding:var(--space-5);border-left:3px solid var(--vc, var(--accent));
  display:flex;flex-direction:column;gap:var(--space-3);
}
.voice-card header{display:flex;align-items:baseline;gap:var(--space-2)}
.voice-card__num{
  font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--vc);
}
.voice-card h3{font-family:var(--font-display);font-weight:500;font-size:var(--text-xl);margin:0}
.voice-card__rule{font-size:13px;color:var(--fg-soft);margin:0;line-height:var(--lead-normal)}
.voice-card__ex{
  font-family:var(--font-display);font-style:italic;font-size:14px;line-height:var(--lead-snug);
  background:var(--paper-warm);border-left:2px solid var(--vc);
  padding:var(--space-3) var(--space-4);border-radius:0 var(--radius-sm) var(--radius-sm) 0;
  margin:0;color:var(--fg);
}
.voice-card__when{
  font-family:var(--font-mono);font-size:10px;color:var(--fg-softer);
  margin:0;padding-top:var(--space-2);border-top:1px dashed var(--line-soft);
}

/* ===== Vibe tiles ===== */
.vibe-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}
@media (max-width:880px){.vibe-grid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.vibe-grid{grid-template-columns:1fr}}
.vibe-tile{
  background:var(--paper);border:1px solid var(--line-soft);border-radius:var(--radius-md);
  padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);
  border-top:3px solid var(--vt);
}
.vibe-tile__swatch{
  aspect-ratio:3/2;border-radius:var(--radius-sm);
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);
}
.vibe-tile h3{font-family:var(--font-display);font-weight:500;font-size:var(--text-lg);margin:var(--space-2) 0 0}
.vibe-tile p{font-size:12px;color:var(--fg-soft);margin:0;line-height:var(--lead-snug)}
.vibe-tile__ref{font-family:var(--font-mono);font-size:10px;color:var(--vt);background:transparent;padding:0;margin-top:auto}

/* ===== Approach grid ===== */
.approach-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-3)}
@media (max-width:1100px){.approach-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:680px){.approach-grid{grid-template-columns:1fr 1fr}}
.approach-tile{
  background:var(--paper);border:1.5px solid var(--line-soft);border-radius:var(--radius-md);
  padding:var(--space-3) var(--space-4);
  display:flex;flex-direction:column;gap:6px;text-align:left;
}
.approach-tile span{font-size:22px;line-height:1}
.approach-tile h3{font-family:var(--font-display);font-weight:500;font-size:var(--text-md);margin:0}
.approach-tile p{font-size:12px;color:var(--fg-softer);margin:0;line-height:1.3}
.approach-tile.is-default{
  background:linear-gradient(135deg,var(--paper-warm),var(--paper-deep));
  border-color:var(--accent);position:relative;
}
.approach-tile.is-default::after{
  content:"DEFAULT";position:absolute;top:-8px;right:8px;
  font-family:var(--font-mono);font-size:8px;letter-spacing:var(--track-widest);font-weight:700;
  background:var(--accent);color:var(--paper);padding:2px 6px;border-radius:3px;
}

/* ===== Typo tiles ===== */
.typo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}
@media (max-width:680px){.typo-grid{grid-template-columns:1fr 1fr}}
.typo-tile{
  background:var(--paper);border:1px solid var(--line-soft);border-radius:var(--radius-md);
  padding:var(--space-5) var(--space-4);
  display:flex;flex-direction:column;gap:var(--space-2);align-items:center;text-align:center;
  min-height:160px;
}
.typo-tile__samp{font-size:32px;margin:0 0 var(--space-2);line-height:1;text-align:center}
.typo-tile h3{font-family:var(--font-display);font-weight:500;font-size:var(--text-md);margin:auto 0 0}
.typo-tile p{font-size:11px;color:var(--fg-softer);margin:0}

/* ===== Scope cards (3 LPs) ===== */
.scope-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}
@media (max-width:1100px){.scope-grid{grid-template-columns:1fr;gap:var(--space-6)}}
.scope-card{
  background:var(--paper);border:1px solid var(--line-soft);border-radius:var(--radius-lg);
  overflow:hidden;display:flex;flex-direction:column;
  box-shadow:var(--shadow-soft);
}
.scope-card[data-scope="lp"]      {border-top:4px solid var(--accent)}
.scope-card[data-scope="lp-vsl"]  {border-top:4px solid #00D9FF}
.scope-card[data-scope="lp-quiz"] {border-top:4px solid var(--brand)}
.scope-card header{
  padding:var(--space-3) var(--space-4);
  display:flex;align-items:baseline;gap:var(--space-2);flex-wrap:wrap;
  border-bottom:1px solid var(--line-soft);
}
.scope-card__id{
  font-family:var(--font-mono);font-size:10px;letter-spacing:var(--track-wide);
  background:var(--paper-warm);padding:2px 8px;border-radius:var(--radius-pill);
  color:var(--fg-soft);font-weight:600;
}
.scope-card h3{font-family:var(--font-display);font-weight:500;font-size:var(--text-xl);margin:0;flex:1}
.scope-card__tag{
  font-family:var(--font-mono);font-size:10px;color:var(--fg-softer);
}
.scope-card img{
  width:100%;aspect-ratio:4/5;object-fit:cover;
  background:linear-gradient(135deg,var(--paper-warm),var(--paper-deep));
}
.scope-card__brief{
  font-size:13px;color:var(--fg-soft);line-height:var(--lead-normal);
  padding:var(--space-4);margin:0;
}
.scope-card__brief strong{color:var(--fg)}
.scope-card__link{
  display:block;text-align:center;
  font-size:11px;font-weight:700;letter-spacing:var(--track-wide);text-transform:uppercase;
  background:var(--paper-warm);color:var(--accent-deep);text-decoration:none;
  padding:var(--space-3);border-top:1px solid var(--line-soft);
  transition:background var(--dur-fast);
}
.scope-card__link:hover{background:var(--accent);color:var(--paper)}

/* ===== Callout ===== */
.lab-callout{
  margin-top:var(--space-6);
  background:linear-gradient(135deg,var(--paper-warm),var(--paper-deep));
  border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);
  border-left:3px solid var(--brand);
}
.lab-callout p{margin:0;font-size:13px;color:var(--fg-soft);line-height:var(--lead-normal)}

/* ===== Details (collapsible) ===== */
.lab-details{
  margin-top:var(--space-6);
  background:var(--paper);border:1px dashed var(--line);border-radius:var(--radius-md);
}
.lab-details summary{
  padding:var(--space-3) var(--space-4);cursor:pointer;
  font-family:var(--font-body);font-size:12px;font-weight:600;letter-spacing:var(--track-wide);
  text-transform:uppercase;color:var(--brand-deep);
  list-style:none;
}
.lab-details summary::after{content:" ▾";float:right;color:var(--fg-softer)}
.lab-details[open] summary::after{content:" ▴"}
.lab-details__inner{padding:0 var(--space-4) var(--space-4)}
.lab-code{
  font-family:var(--font-mono);font-size:11px;color:var(--fg-soft);
  background:var(--paper-warm);padding:var(--space-3);border-radius:var(--radius-sm);
  overflow-x:auto;line-height:1.7;
}

/* ===== Lab Playground ===== */
.lab-section--accent{
  background:linear-gradient(135deg,var(--paper-warm) 0%,#EFE4F0 100%);
  border-radius:var(--radius-xl);padding:var(--space-12) var(--space-8);
  margin:var(--space-12) 0;border:none;
}
.lab-playground{
  display:grid;grid-template-columns:1fr 1.4fr;gap:var(--space-6);margin-top:var(--space-6);
}
@media (max-width:880px){.lab-playground{grid-template-columns:1fr}}
.lab-playground__controls{
  background:var(--paper);border:1px solid var(--line-soft);border-radius:var(--radius-lg);
  padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4);
}
.lab-playground__controls fieldset{
  border:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px;
}
.lab-playground__controls legend{
  font-size:10px;letter-spacing:var(--track-widest);text-transform:uppercase;
  font-weight:700;color:var(--brand-deep);padding:0;
}
.lab-playground__controls label{display:flex;align-items:center;gap:6px;font-size:13px;cursor:pointer}
.lab-playground__controls input[type="radio"]{accent-color:var(--brand)}
.lab-playground__controls select,
.lab-playground__controls textarea{
  font-family:var(--font-body);font-size:13px;
  padding:8px 12px;border:1px solid var(--line-soft);border-radius:var(--radius-sm);
  background:var(--paper);color:var(--fg);
}
.lab-playground__controls textarea{font-family:var(--font-display);font-style:italic;resize:vertical}
.lab-playground__controls select:focus,
.lab-playground__controls textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(138,111,176,.18)}
.lab-playground__cta{
  background:var(--brand);color:var(--paper);border:none;
  font-family:var(--font-display);font-size:16px;font-weight:500;
  padding:12px 24px;border-radius:var(--radius-pill);cursor:pointer;
  transition:all var(--dur-fast);box-shadow:0 3px 14px rgba(138,111,176,.32);
}
.lab-playground__cta:hover{background:var(--brand-deep);box-shadow:0 5px 20px rgba(110,83,149,.4)}
.lab-playground__cta:disabled{opacity:.6;cursor:wait}

.lab-playground__output{
  background:var(--paper);border:1px solid var(--line-soft);border-radius:var(--radius-lg);
  padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);
  min-height:400px;
}
.lab-playground__status{
  font-family:var(--font-mono);font-size:11px;color:var(--fg-softer);margin:0;
}
.lab-playground__result{
  font-family:var(--font-mono);font-size:12px;line-height:1.6;color:var(--fg);
  background:var(--paper-warm);padding:var(--space-4);border-radius:var(--radius-sm);
  white-space:pre-wrap;word-break:break-word;
  max-height:340px;overflow-y:auto;margin:0;
}
.lab-playground__result[hidden]{display:none}
.lab-playground__hint{
  font-size:12px;color:var(--fg-softer);background:var(--paper-deep);
  padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);margin-top:auto;
}
.lab-playground__hint p{margin:0;line-height:var(--lead-snug)}

/* ===== Footer ===== */
.lab-foot{
  display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);
  padding:var(--space-12) 0 0;margin-top:var(--space-12);
  border-top:1px solid var(--line-soft);
}
@media (max-width:680px){.lab-foot{grid-template-columns:1fr}}
.lab-foot__h{
  font-size:11px;letter-spacing:var(--track-widest);text-transform:uppercase;
  color:var(--brand-deep);font-weight:700;margin:0 0 var(--space-3);
}
.lab-foot ul{padding-left:1.2em;margin:0;font-size:13px;color:var(--fg-soft);line-height:var(--lead-relaxed)}
.lab-foot li{margin-bottom:6px}
.lab-foot__files li{font-family:var(--font-mono);font-size:11px}

/* =========================================================================
   ESTILOS ESPECIAIS (07) — receitas longas editáveis
   ========================================================================= */
.special-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);
  margin-top:var(--space-4);
}
@media (max-width:880px){.special-grid{grid-template-columns:1fr}}

.special-card{
  background:var(--paper);
  border:1.5px solid var(--line-soft);
  border-left:3px solid #6F4E94;
  border-radius:var(--radius-md);
  padding:var(--space-4);
  display:flex;flex-direction:column;gap:var(--space-3);
  box-shadow:var(--shadow-soft);
  transition:transform var(--dur-fast),box-shadow var(--dur-fast);
  position:relative;
}
.special-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lift)}
.special-card.is-edited{border-left-color:var(--accent);background:var(--paper-deep)}

.special-card__head{
  display:flex;align-items:center;gap:var(--space-3);
}
.special-card__icon{font-size:28px;line-height:1}
.special-card__head h3{
  font-family:var(--font-display);font-weight:500;
  font-size:var(--text-xl);margin:0;
}
.special-card__aspect{
  font-family:var(--font-mono);font-size:10px;letter-spacing:var(--track-widest);
  text-transform:uppercase;color:var(--fg-softer);margin:0;
}

.special-card__preview{
  font-family:var(--font-mono);font-size:10.5px;line-height:1.45;
  color:var(--fg-soft);
  background:var(--paper-warm);
  border:1px dashed var(--line-soft);border-radius:var(--radius-sm);
  padding:var(--space-3);
  margin:0;
  max-height:240px;overflow:hidden;
  white-space:pre-wrap;word-wrap:break-word;
  position:relative;
}
.special-card__preview::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:60px;
  background:linear-gradient(to bottom, transparent, var(--paper-warm));
  pointer-events:none;
}

/* =========================================================================
   BRIEFS DO PROJETO (na lab-hero) — meta-prompts injetados em toda geração
   ========================================================================= */
.lab-hero__briefs{
  grid-column:1/-1;
  margin-top:var(--space-8);
  display:grid;grid-template-columns:repeat(3, 1fr);gap:var(--space-5);
}
@media (max-width:1100px){.lab-hero__briefs{grid-template-columns:1fr 1fr}}
@media (max-width:680px){.lab-hero__briefs{grid-template-columns:1fr}}

.brief-card{
  background:var(--paper);
  border:1.5px solid var(--line-soft);
  border-left:3px solid #C9A87C;
  border-radius:var(--radius-md);
  padding:var(--space-4);
  display:flex;flex-direction:column;gap:var(--space-3);
  box-shadow:var(--shadow-soft);
  transition:transform var(--dur-fast),box-shadow var(--dur-fast);
  position:relative;
}
.brief-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lift)}
.brief-card.is-edited{border-left-color:var(--accent);background:var(--paper-deep)}

.brief-card__head{display:flex;align-items:flex-start;gap:var(--space-3)}
.brief-card__icon{font-size:24px;line-height:1;flex-shrink:0}
.brief-card__head h3{
  font-family:var(--font-display);font-weight:500;
  font-size:var(--text-lg);margin:0;
}
.brief-card__hint{
  font-size:12px;color:var(--fg-softer);margin:4px 0 0;line-height:1.4;
}
.brief-card__preview{
  font-family:var(--font-mono);font-size:10.5px;line-height:1.5;
  color:var(--fg-soft);
  background:var(--paper-warm);
  border:1px dashed var(--line-soft);border-radius:var(--radius-sm);
  padding:var(--space-3);
  margin:0;
  max-height:200px;overflow:hidden;
  white-space:pre-wrap;word-wrap:break-word;
  position:relative;
}
.brief-card__preview::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:50px;
  background:linear-gradient(to bottom, transparent, var(--paper-warm));
  pointer-events:none;
}

/* ---- Chips de posição de assinatura de marca ---- */
.sig-pos-chip {
  font-family: var(--font-body, sans-serif);
  font-size: 11px;
  padding: 4px 10px;
  border-radius: 20px;
  border: 1px solid #C9B8A8;
  background: transparent;
  color: #666;
  cursor: pointer;
  transition: background .15s, color .15s;
}
.sig-pos-chip:hover { background: #F5EDD8; color: #1C1C1A; }
.sig-pos-chip.is-active { background: #8A6FB0; color: #fff; border-color: #8A6FB0; }