/*
=========================================================
SANITY UI THEME — ZAR MODULE
=========================================================

Job:
- Visual styling ONLY
- Colors
- Typography
- Shadows
- Token-driven

No geometry or layout here.
=========================================================
*/

/* =========================================================
   02. SEVERITY RAIL
========================================================= */

.sanity-warning {
  border-left: 2px solid #f59e0b;
}

.sanity-error {
  border-left: 2px solid #ef4444;
}

.sanity-info {
  border-left: 2px solid #3b82f6;
}

.sanity-success {
  border-left: 2px solid #10b981;
}


.sanity-pane-open:active {
  transform: scale(0.97);
}

.sanity-console-badge {

  padding: 2px 6px;

  border-radius: 6px;

  font-size: 0.58rem;

  letter-spacing: 0.16em;

  background: transparent;

  border: 1px solid #333;

  color: #b8c4ff;

}


/* =========================================================
   10. LIVE STATUS
========================================================= */

.sanity-console-badge.is-live {

  color: rgba(120,255,180,0.9);

  border: 1px solid rgba(120,255,180,0.45);

  animation: sanity-live-pulse 1.6s ease-in-out infinite;

}

.sanity-console-badge.is-offline {

  color: rgba(255,160,160,0.85);

  border: 1px solid rgba(255,160,160,0.35);

  opacity: 0.75;

}

@keyframes sanity-live-pulse {

  0%   { opacity: 0.6; }
  50%  { opacity: 1; }
  100% { opacity: 0.6; }

}


/* =========================================================
   12. ICON SYSTEM
========================================================= */

.gb-icon {

  width: 18px;
  height: 18px;

  fill: none;

  color: rgba(220,230,245,0.86);

  transition:
    transform 140ms ease,
    color 160ms ease,
    filter 160ms ease,
    opacity 160ms ease;

}

.gb-icon-fill {
  fill: currentColor;
}

.gb-icon-stroke {

  stroke: currentColor;

  stroke-width: 1.6;

}

.gb-icon-dim {
  opacity: 0.45;
}


/* Pane button interaction */

.sanity-pane-btn .gb-icon {
  opacity: 0.86;
}

.sanity-pane-btn:hover .gb-icon {

  color: rgba(235,245,255,0.98);

  opacity: 1;

  transform: translateY(-0.5px);

  filter: drop-shadow(0 2px 6px rgba(0,0,0,0.35));

}

.sanity-pane-btn:active .gb-icon {

  transform: translateY(0px) scale(0.98);

  filter: none;

}

.sanity-pane-btn:focus-visible .gb-icon {

  color: rgba(120,200,255,0.95);

  filter: drop-shadow(0 0 10px rgba(120,200,255,0.28));

}


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

span.sanity-ai-header-title {

  opacity: 0.75;

  font-family:
    ui-monospace,
    SFMono-Regular,
    Menlo,
    monospace;

  font-size: 0.75rem;

}