/* FG_IdeaPit — skin Skyblog (MODE-SKYBLOG.md) · body.skin-skyblog */

.skin-controls {
  display: flex;
  gap: 0.35rem;
  margin-left: auto;
  align-items: center;
  flex-shrink: 0;
}

.skin-disable {
  font: inherit;
  font-size: 11px;
  padding: 4px 8px;
  cursor: pointer;
  border: 1px solid #bbb;
  background: #f0f0f0;
  border-radius: 6px;
  color: #555;
}

.skin-disable:disabled {
  opacity: 0.45;
  cursor: default;
}

.skin-toggle {
  font: inherit;
  font-size: 11px;
  padding: 4px 10px;
  cursor: pointer;
  border: 1px solid #333;
  border-radius: 6px;
  background: #fff;
  white-space: nowrap;
}

.skin-toggle[aria-pressed="true"] {
  background: #fff3b0;
  border-color: #ff00aa;
  font-weight: 600;
}

body.skin-skyblog {
  font-family: "Comic Sans MS", "Chalkboard SE", "Trebuchet MS", sans-serif;
  font-size: 13px;
  line-height: 1.45;
  color: #222;
  background: #ffb6e6 url("data:image/svg+xml,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='3' cy='3' r='1' fill='%23ff88cc'/%3E%3Ccircle cx='13' cy='11' r='1' fill='%23cc88ff'/%3E%3C/svg%3E") repeat;
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='24'%3E%3Ctext y='16' font-size='14'%3E✨%3C/text%3E%3C/svg%3E"), auto;
}

body.skin-skyblog main {
  max-width: 56rem;
  margin: 1rem auto;
  padding: 8px;
  background: #fff;
  border: 4px groove #ff99dd;
  box-shadow: 4px 4px 0 #660066;
}

body.skin-skyblog .page-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
  padding: 8px;
  background: linear-gradient(90deg, #ff0066, #ffcc00, #00ff00, #00ccff, #ff0066);
  background-size: 200% 100%;
  animation: ideapit-rainbow-bg 4s linear infinite;
  border: 3px double #fff;
}

@keyframes ideapit-rainbow-bg {
  to { background-position: 200% 0; }
}

body.skin-skyblog h1 {
  margin: 0;
  flex: 1 1 auto;
  font-family: "Impact", "Arial Black", sans-serif;
  font-size: 1.1rem;
  color: #fff;
  text-shadow: 2px 2px 0 #000, -1px -1px 0 #ff00ff;
  letter-spacing: 1px;
  text-transform: uppercase;
}

body.skin-skyblog .hint {
  font-size: 11px;
  color: #550066;
  background: #fffacd;
  border: 1px dotted #cc9900;
  padding: 4px 6px;
}

body.skin-skyblog .skin-toggle {
  border: 2px ridge #fff;
  background: #111;
  color: #0f0;
  font-family: "Courier New", monospace;
  border-radius: 0;
}

body.skin-skyblog .skin-toggle[aria-pressed="true"] {
  background: #ffff00;
  color: #cc0066;
}

body.skin-skyblog h2 {
  font-size: 12px;
  color: #cc0066;
  background: #ffe6f5;
  border: 1px solid #ff99cc;
  padding: 3px 6px;
  text-align: center;
}

body.skin-skyblog textarea,
body.skin-skyblog input {
  border: 2px inset #999;
  border-radius: 0;
  font-family: inherit;
  font-size: 13px;
}

body.skin-skyblog button {
  border: 2px outset #ccc;
  border-radius: 0;
  background: #ffff99;
  font-weight: bold;
  font-size: 12px;
}

body.skin-skyblog button:focus-visible {
  outline: 2px dashed #ff00ff;
}

body.skin-skyblog .capture-zone {
  border: 2px solid #ffccdd;
  padding: 8px;
  background: #fffafa;
}

body.skin-skyblog .resurface-zone {
  background: #f5f5ff;
  border: 2px inset #999;
  border-radius: 0;
}

body.skin-skyblog .filter-chip,
body.skin-skyblog .cloud-chip {
  border-radius: 0;
  border-width: 2px;
}

body.skin-skyblog .tabs {
  border-bottom: 3px ridge #888;
  background: #000;
  padding: 4px;
  border-radius: 0;
}

body.skin-skyblog .tabs button {
  color: #fff;
  background: transparent;
  border: 2px outset #666;
  border-radius: 0;
  font-size: 11px;
}

body.skin-skyblog .tabs button[aria-selected="true"] {
  background: #ff00aa;
  border-color: #fff;
  font-weight: bold;
}

body.skin-skyblog .tab-badge {
  color: #ffff00;
}

body.skin-skyblog .idea-card {
  border-top: 2px dotted #ff99cc;
  padding: 8px 0;
}

body.skin-skyblog .idea-card.filter-match {
  background: #ffff99;
  border: 2px dashed #ff6600;
  border-radius: 0;
}

body.skin-skyblog .idea-title {
  font-size: 14px;
  color: #0000ff;
}

body.skin-skyblog .counter {
  border: 2px inset #444;
  border-radius: 0;
  background: #111;
  color: #0f0;
  font-family: "Courier New", monospace;
}

body.skin-skyblog .counter-palette-item {
  border: 2px outset #666;
  border-radius: 0;
  background: #333;
}

body.skin-skyblog .cycle-zone {
  border-top: 4px groove #ff99dd;
}

body.skin-skyblog .cycle-toggle {
  font-size: 12px;
  font-weight: bold;
  color: #cc0066;
}

body.skin-skyblog .cycle-column {
  background: #ffe6f5;
  border: 2px groove #ff99dd;
  border-radius: 0;
}

body.skin-skyblog .cycle-card {
  border: 2px inset #ccc;
  border-radius: 0;
  font-size: 11px;
}

body.skin-skyblog .maturity-band {
  background: #e8f4ff;
  border: 2px dashed #6699cc;
  border-radius: 0;
}

body.skin-skyblog .status {
  font-family: "Courier New", monospace;
  color: #006600;
}

body.skin-skyblog .time-hint {
  color: #666;
}