/* Citely — TikTok module accents. Loads on top of pinterest.css (shared layout).
   Only the TikTok cyan/teal accent and the ⭐ viral-type styling live here. */

/* Module icon → TikTok cyan/teal */
.mico.tt{background:rgba(37,244,238,.14);color:#25F4EE;border-color:rgba(37,244,238,.35)}

/* ⭐ viral type badge (hook / transformation) */
.pk-type.ai{color:#6EF3EF;background:rgba(37,244,238,.10);border-color:rgba(37,244,238,.38)}

/* viral section header row inside a category table */
.pk-tierrow.ai td{color:#6EF3EF;background:rgba(37,244,238,.07)}

/* "N ⭐ viral" badge on the category header */
.pk-badge.ai{color:#6EF3EF;background:rgba(37,244,238,.12);border-color:rgba(37,244,238,.35)}

/* Filter chips for the viral types get a subtle cyan when active */
#ttTypes .chip.on[data-type="hook"],
#ttTypes .chip.on[data-type="transformation"]{
	background:rgba(37,244,238,.16);border-color:rgba(37,244,238,.5);color:var(--paper)
}

/* Catalogue coverage — amber while categories have no keywords, green when full. */
.kwcov{display:flex;align-items:center;gap:11px;flex-wrap:wrap;padding:13px 16px;margin-bottom:18px;
  border:1px solid rgba(255,176,32,.34);background:rgba(255,176,32,.07);border-radius:14px}
.kwcov.ok{border-color:rgba(58,223,165,.34);background:rgba(58,223,165,.06)}
.kwcov-dot{width:8px;height:8px;flex:none;border-radius:50%;background:#ffb020;box-shadow:0 0 0 4px rgba(255,176,32,.15)}
.kwcov.ok .kwcov-dot{background:#3adfa5;box-shadow:0 0 0 4px rgba(58,223,165,.15)}
.kwcov-txt{flex:1 1 240px;font-size:13px;color:var(--paper)}
.kwcov-txt b{font-weight:700}
.kwcov-btn{flex:none;background:rgba(255,255,255,.06);border:1px solid var(--line2);color:var(--paper);
  font-family:inherit;font-size:12.5px;font-weight:600;padding:8px 14px;border-radius:9px;cursor:pointer;transition:background .15s}
.kwcov-btn:hover{background:rgba(255,255,255,.12)}

.bx{color:var(--cyan);font-weight:800;font-style:normal}
