:root{
  /* Bootstrap/Basic colors */
  --brand: #0d6efd;
  --brand-600:#0b5ed7;
  --text-1:#111;
  --text-2:#555;
  --bg-1:#f8f9fa;
  --card:#fff;
  --radius-lg:16px;
  --shadow-sm:0 6px 24px rgba(0,0,0,.06);
  
  /* DataWorks brand colors */
  --dw-blue:#005596;
  --dw-orange:#f58220;
}

body{
  background:var(--bg-1);
  font-family:"Manrope",sans-serif;
}

/* Selection styling */
::selection{
  background:var(--dw-orange);
  color:white;
}

.card-clean{
  background:var(--card); 
  border:1px solid #e9ecef; 
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-sm);
}

.badge-soft{ 
  background: #eef4ff; 
  color:#1b3a8a; 
}

.link-muted{ 
  color: var(--text-2); 
  text-decoration: none; 
}

.link-muted:hover{ 
  color: var(--text-1); 
}

/* Orange accent bar on left of main cards */
.accent-bar{
  position:relative;
}

.accent-bar::before{
  content:"";
  position:absolute;
  left:-0.25rem;
  top:1rem;
  width:0.5rem;
  height:80%;
  background:var(--dw-orange);
  border-radius:0 9999px 9999px 0;
}

/* Active tab styling */
.tab-button[data-active="true"]{
  background:var(--dw-blue);
  color:white;
}

/* Case status widget animations */
@keyframes pulse-soft {
  0%, 100% { 
    opacity: 1; 
  }
  50% { 
    opacity: 0.7; 
  }
}

.pulse-soft {
  animation: pulse-soft 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes pulse-ring {
  0% { 
    box-shadow: 0 0 0 0 rgba(245, 130, 32, 0.7); 
  }
  70% { 
    box-shadow: 0 0 0 10px rgba(245, 130, 32, 0); 
  }
  100% { 
    box-shadow: 0 0 0 0 rgba(245, 130, 32, 0); 
  }
}

.pulse-ring {
  animation: pulse-ring 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

/* Gemini outage banner positioning */
#gemini-outage-banner{
  position:sticky;
  top:0;
  z-index:1000;
}