/* Static view style= (CSP style-src hygiene).
   Section id doubled + class repeated 3× (shell: html body) so these beat
   index.css the way the old inline styles did.
   display:none / visibility:hidden that JS assigns stay inline and are not here. */

/* views/_head.html */

html body .head-s-cb8234ed.head-s-cb8234ed.head-s-cb8234ed {
  width: 28px;
  height: 28px;
  font-size: 14px;
}

html body .head-s-79741bc8.head-s-79741bc8.head-s-79741bc8 {
  font-size: 16px;
}

html body .head-s-3d1d00c6.head-s-3d1d00c6.head-s-3d1d00c6 {
  width: 100%;
  margin-bottom: 8px;
  background: rgba(139, 92, 246, 0.15);
  border: 1px solid var(--accent-primary);
  color: #fff;
}

/* views/tabs/campaigns.html */

#campaigns#campaigns .cmp-s-6eaca3dc.cmp-s-6eaca3dc.cmp-s-6eaca3dc {
  max-height: 120px;
  overflow-y: auto;
  background: rgba(0,0,0,0.2);
  padding: 10px;
  border-radius: var(--border-radius-sm);
  border: 1px solid var(--glass-border);
  display: flex;
  flex-direction: column;
  gap: 8px;
}

#campaigns#campaigns .cmp-s-680c2126.cmp-s-680c2126.cmp-s-680c2126 {
  margin-top: 24px;
  display: flex;
  gap: 12px;
}

#campaigns#campaigns .cmp-s-31cc15ed.cmp-s-31cc15ed.cmp-s-31cc15ed {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

#campaigns#campaigns .cmp-s-125343d6.cmp-s-125343d6.cmp-s-125343d6 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  border-bottom: 1px solid var(--glass-border);
  padding-bottom: 16px;
  margin-bottom: 20px;
}

#campaigns#campaigns .cmp-s-a421d292.cmp-s-a421d292.cmp-s-a421d292 {
  font-family: var(--font-display);
  margin-bottom: 4px;
}

#campaigns#campaigns .cmp-s-981ba2b2.cmp-s-981ba2b2.cmp-s-981ba2b2 {
  background: rgba(239, 68, 68, 0.15);
  border-color: rgba(239, 68, 68, 0.4);
  color: #f87171;
}

#campaigns#campaigns .cmp-s-fae8aa60.cmp-s-fae8aa60.cmp-s-fae8aa60 {
  margin-bottom: 8px;
  display: block;
}

#campaigns#campaigns .cmp-s-cce37ea6.cmp-s-cce37ea6.cmp-s-cce37ea6 {
  grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
  gap: 12px;
}

#campaigns#campaigns .cmp-s-5c20203a.cmp-s-5c20203a.cmp-s-5c20203a {
  font-size: 11px;
  text-transform: uppercase;
  color: var(--accent-primary);
  margin-bottom: 8px;
}

#campaigns#campaigns .cmp-s-33a47566.cmp-s-33a47566.cmp-s-33a47566 {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

#campaigns#campaigns .cmp-s-a35f68d2.cmp-s-a35f68d2.cmp-s-a35f68d2 {
  flex: 1;
  text-align: center;
  text-decoration: none;
  padding: 12px 16px;
}

/* views/tabs/como-usar.html */

#como-usar#como-usar .cu-s-1ff9d5c2.cu-s-1ff9d5c2.cu-s-1ff9d5c2 {
  --step-accent: #34d399;
}

#como-usar#como-usar .cu-s-924705f2.cu-s-924705f2.cu-s-924705f2 {
  --step-accent: #fbbf24;
}

#como-usar#como-usar .cu-s-1f790369.cu-s-1f790369.cu-s-1f790369 {
  --step-accent: #38bdf8;
}

#como-usar#como-usar .cu-s-cbbd86c0.cu-s-cbbd86c0.cu-s-cbbd86c0 {
  --step-accent: #a3e635;
}

#como-usar#como-usar .cu-s-8db3d748.cu-s-8db3d748.cu-s-8db3d748 {
  --step-accent: #c4b5fd;
}

/* views/tabs/gallery.html */

#gallery#gallery .gal-s-8cf29e36.gal-s-8cf29e36.gal-s-8cf29e36 {
  display: flex;
  gap: 12px;
  margin-bottom: 20px;
}

#gallery#gallery .gal-s-69f3a4d9.gal-s-69f3a4d9.gal-s-69f3a4d9 {
  padding: 10px 16px;
  font-size: 13px;
  max-width: 320px;
  background: rgba(0,0,0,0.2);
  border: 1px solid var(--glass-border);
  border-radius: var(--border-radius-sm);
  color: #fff;
  outline: none;
}

#gallery#gallery .gal-s-39caa451.gal-s-39caa451.gal-s-39caa451 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 20px;
}

/* views/tabs/licensing.html */

#licensing#licensing .lic-s-ef75493f.lic-s-ef75493f.lic-s-ef75493f {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 10px;
}

#licensing#licensing .lic-s-14cf305c.lic-s-14cf305c.lic-s-14cf305c {
  font-family: var(--font-display);
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 4px;
}

#licensing#licensing .lic-s-73840ddf.lic-s-73840ddf.lic-s-73840ddf {
  font-size: 13px;
  color: var(--text-secondary);
}

#licensing#licensing .lic-s-37dd0c2a.lic-s-37dd0c2a.lic-s-37dd0c2a {
  text-align: right;
}

#licensing#licensing .lic-s-9337bf1f.lic-s-9337bf1f.lic-s-9337bf1f {
  padding: 6px 12px;
  font-size: 12px;
  margin-top: 6px;
  width: auto;
  background: rgba(0,0,0,0.3);
}

#licensing#licensing .lic-s-1a25ee11.lic-s-1a25ee11.lic-s-1a25ee11 {
  text-align: right;
  font-family: var(--font-mono);
  vertical-align: bottom;
}

#licensing#licensing .lic-s-f4a4122c.lic-s-f4a4122c.lic-s-f4a4122c {
  display: flex;
  gap: 12px;
}

/* views/tabs/script-engine.html */

#script-engine#script-engine .scr-s-e8a8a9c0.scr-s-e8a8a9c0.scr-s-e8a8a9c0 {
  margin-bottom: 32px;
}

#script-engine#script-engine .scr-s-9b4e1c0a.scr-s-9b4e1c0a.scr-s-9b4e1c0a {
  margin-top: 32px;
}

#script-engine#script-engine .scr-s-6107bec9.scr-s-6107bec9.scr-s-6107bec9 {
  background: var(--accent-gradient);
  border: none;
}