/* Check List VM — tokens da marca Montreal. Prefixo: clvm-  */
:root{
  --clvm-marca:#D2112C;        /* vermelho Montreal */
  --clvm-marca-escuro:#a60d22;
  --clvm-tinta:#1a1a1a;
  --clvm-tinta-2:#6b7280;      /* texto secundário */
  --clvm-linha:#e7e7ea;
  --clvm-fundo:#f4f5f7;
  --clvm-branco:#fff;
  --clvm-ok:#16a34a;
  --clvm-aviso:#ca8a04;
  --clvm-info:#0d6efd;
  --clvm-raio:12px;
  --clvm-raio-sm:8px;
  --clvm-sombra:0 1px 3px rgba(0,0,0,.06),0 8px 24px rgba(0,0,0,.05);
  --clvm-sombra-sm:0 1px 2px rgba(0,0,0,.06);
}
*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--clvm-tinta);background:var(--clvm-fundo);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}

/* utilidades */
.clvm-badge{display:inline-flex;align-items:center;gap:5px;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600;line-height:1.6}
.clvm-badge.pub{background:#e7f6ec;color:var(--clvm-ok)}
.clvm-badge.rasc{background:#fdf0d5;color:var(--clvm-aviso)}
.clvm-badge.nd{background:#eef0f2;color:var(--clvm-tinta-2)}
.clvm-badge.enc{background:#fdeaec;color:var(--clvm-marca)}
.clvm-btn{display:inline-flex;align-items:center;gap:7px;border:0;cursor:pointer;font-weight:600;font-size:14px;padding:9px 16px;border-radius:var(--clvm-raio-sm);background:var(--clvm-marca);color:#fff;transition:.15s}
.clvm-btn:hover{background:var(--clvm-marca-escuro)}
.clvm-btn.ghost{background:transparent;color:var(--clvm-tinta);border:1px solid var(--clvm-linha)}
.clvm-btn.ghost:hover{background:#f0f1f3}
.clvm-chip{font-size:12px;color:var(--clvm-tinta-2);background:#eef0f2;border-radius:999px;padding:3px 10px;font-weight:600}

/* toggle Notebook/Celular */
.clvm-viewtoggle{display:inline-flex;background:#eef0f2;border-radius:999px;padding:3px;font-size:12.5px;font-weight:700}
.clvm-viewtoggle span,.clvm-viewtoggle a{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;color:var(--clvm-tinta-2)}
.clvm-viewtoggle .on{background:#fff;color:var(--clvm-marca);box-shadow:var(--clvm-sombra-sm)}
.clvm-viewtoggle a:hover{color:var(--clvm-tinta)}
.clvm-viewtoggle.floating{position:fixed;top:14px;left:50%;transform:translateX(-50%);z-index:95;background:#fff;box-shadow:var(--clvm-sombra)}

/* selo "mockup" */
.clvm-mock-flag{position:fixed;right:12px;bottom:12px;z-index:90;background:#111;color:#fff;font-size:11px;font-weight:700;letter-spacing:.04em;padding:6px 12px;border-radius:999px;opacity:.85}
.clvm-mock-flag a{color:#ffd0d6}