/* =================================
   ZAR MODULE SKIN
   ================================= */

.module-zar {

  --zar-accent: #6a8cff;
  --zar-accent-soft: rgba(106,140,255,0.35);

  --zar-bg-main: #0b0f1a;
  --zar-bg-panel: #171828;
  --zar-bg-soft: #0f1423;

  --zar-border: rgba(255,255,255,0.08);

  --zar-text-main: #e7ecff;
  --zar-text-soft: #a8b1d6;

  color: var(--zar-text-main);

  font-family:
    ui-sans-serif,
    system-ui,
    -apple-system,
    Segoe UI,
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
}


/* =================================
   AI CARD
   ================================= */

.sanity-ai-card {
    background: linear-gradient(
      180deg,
      var(--zar-bg-panel),
      var(--zar-bg-soft)
  );
    /* border: 1px solid var(--zar-border); */
    /* border-radius: 10px; */
    /* box-shadow: 0 0 0 1px rgba(0,0,0,0.4),
    0 14px 40px rgba(0,0,0,0.45); */
}


/* =================================
   HEADER
   ================================= */

.sanity-ai-header {
    box-shadow: 0 4px 30px rgba(0,0,0,0.6),    inset 0 -1px 0 rgba(120,130,255,0.08);
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.9rem 1.1rem;
    font-size: 0.9rem;
    font-weight: 600;
    border-bottom: 1px solid var(--zar-border);
    background: #141c2f;
}

.sanity-ai-header-module {
  color: var(--zar-accent);
}

.sanity-ai-header-title {
  color: var(--zar-text-soft);
}


/* =================================
   TEXTAREA
   ================================= */

.genebean_guard_textarea {
    padding-right: 85px;
    transition: border-color 0.2s ease,
    box-shadow 0.25s ease,
    transform 0.15s ease;
    box-shadow: 0 1px 0 rgba(255,255,255,0.05) inset,
    0 -1px 0 rgba(0,0,0,0.5) inset,
    0 8px 20px rgba(0,0,0,0.45),
    0 0 0 1px rgba(70,90,180,0.15);
    outline: none;
    border-radius: 18px;
    border: 1px solid rgba(120,140,255,0.18);
    background: linear-gradient(
      180deg,
      #111a33,
      #0b1226
    );
    color: var(--zar-text-main);
    font-family: inherit;
    line-height: 1.45;
    font-size: 0.9rem;
    /* padding: 0.7rem 0.85rem; */
    min-height: 60px;
    /* background: #0c1120; */
    /* color: var(--zar-text-main); */
    /* border: 1px solid var(--zar-border); */
    /* border-radius: 6px; */
}

.genebean_guard_textarea::placeholder {
  color: var(--zar-text-soft);
}


/* =================================
   BUTTON
   ================================= */

.genebean_guard_submit {

  background:
    linear-gradient(
      135deg,
      #5d7cff,
      #7f5cff
    );

  color: white;

  border: none;

}

.genebean_guard_submit:hover {

  box-shadow:
    0 6px 18px rgba(120,140,255,0.5);

}


/* =================================
   SYSTEM CONSOLE
   ================================= */

.sanity-console {
    background: #0f1423;
    font-family: ui-monospace,
    SFMono-Regular,
    Menlo,
    Consolas,
    monospace;
    color: #c6d1ff;
}

.sanity-console-badge {

  background: rgba(90,220,140,0.12);

  color: #7df2a6;

  border: 1px solid rgba(125,242,166,0.25);
}


/* =================================
   FOOTER
   ================================= */

.sanity-ai-footer {

  color: var(--zar-text-soft);
}
/* =================================
    STATUS NOTE
   ================================= */
.zar-status-note {
  margin-top: 20px;
  padding: 16px 18px;
  border-radius: 10px;

  background: linear-gradient(135deg, rgba(120, 100, 255, 0.12), rgba(80, 160, 255, 0.08));
  border: 1px solid rgba(120, 100, 255, 0.25);

  backdrop-filter: blur(6px);
  box-shadow: 0 0 20px rgba(120, 100, 255, 0.08);

  color: #dbe4ff;
  font-size: 14px;
}

.zar-status-note strong {
  display: block;
  margin-bottom: 10px;
  font-size: 15px;
  color: #ffffff;
  letter-spacing: 0.5px;
}

.zar-status-note ul {
  list-style: none;
  padding: 0;
  margin: 0 0 10px 0;
}

.zar-status-note li {
  margin-bottom: 6px;
  line-height: 1.4;
}

.status-live {
  color: #4cffb0;
  font-weight: 500;
  margin-right: 6px;
}

.status-dev {
  color: #ffcc66;
  font-weight: 500;
  margin-right: 6px;
}

.zar-note-footer {
  margin-top: 10px;
  font-size: 13px;
  color: #aab4ff;
  opacity: 0.85;
}