:root{
  --ghes-brand: #0f766e;
  --ghes-brand-2:#0b5f59;
  --ghes-ink: #0f172a;
  --ghes-muted: #475569;
  --ghes-bg: #f8fafc;
  --ghes-card: #ffffff;
  --ghes-ring: rgba(15,118,110,.25);
}

/* Tema stillerine minimum müdahale: her şeyi ghes- ile scope'ladık */
.ghes-wrap{
  max-width: 980px;
  margin-inline: auto;
  color: var(--ghes-ink);
  background:
    radial-gradient(1200px 500px at 10% -10%, rgba(15,118,110,.10), transparent 60%),
    radial-gradient(1000px 500px at 110% 10%, rgba(59,130,246,.08), transparent 55%),
    var(--ghes-bg);
  border-radius: 18px;
}

.ghes-hero{
  padding: clamp(18px, 3vw, 28px);
}

.ghes-badge{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  font-weight: 600;
  color: var(--ghes-brand);
  background: rgba(15,118,110,.08);
  border: 1px solid rgba(15,118,110,.18);
  padding: .45rem .7rem;
  border-radius: 999px;
}

.ghes-card{
  background: var(--ghes-card);
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 18px;
  box-shadow: 0 10px 30px rgba(2, 6, 23, 0.08);
  overflow: hidden;
}
.ghes-card .card-header{
  background: linear-gradient(135deg, rgba(15,118,110,.12), rgba(59,130,246,.10));
  border-bottom: 1px solid rgba(15, 23, 42, 0.06);
}

.ghes-help{
  color: var(--ghes-muted);
  font-size: .95rem;
}

.ghes-wrap .form-control:focus{
  border-color: rgba(15,118,110,.55);
  box-shadow: 0 0 0 .25rem var(--ghes-ring);
}

.ghes-btn-brand{
  background: var(--ghes-brand);
  border-color: var(--ghes-brand);
  color: #fff;
  transition: transform .15s ease, box-shadow .2s ease, background .2s ease;
}
.ghes-btn-brand:hover, .ghes-btn-brand:focus{
  background: var(--ghes-brand-2);
  border-color: var(--ghes-brand-2);
  color: #fff;
  transform: translateY(-1px);
  box-shadow: 0 10px 18px rgba(15,118,110,.18);
}
.ghes-btn-ghost{
  transition: transform .15s ease, box-shadow .2s ease;
}
.ghes-btn-ghost:hover, .ghes-btn-ghost:focus{
  transform: translateY(-1px);
  box-shadow: 0 10px 18px rgba(2,6,23,.08);
}

.ghes-result-grid{
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 12px;
}
.ghes-result-item{
  grid-column: span 12;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 14px;
  padding: 14px 14px;
  background: #fff;
}
.ghes-k{
  color: var(--ghes-muted);
  font-size: .9rem;
  margin-bottom: 4px;
  display:flex;
  align-items:center;
  gap:.5rem;
}
.ghes-v{
  font-weight: 700;
  font-size: 1.05rem;
}
@media (min-width: 768px){
  .ghes-result-item{ grid-column: span 4; }
}

.ghes-note{
  border-left: 4px solid rgba(15,118,110,.45);
  background: rgba(15,118,110,.06);
  border-radius: 12px;
  padding: 12px 14px;
  color: var(--ghes-muted);
}

.ghes-timeline{
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}
@media (min-width: 768px){
  .ghes-timeline{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.ghes-tl-item{
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 14px;
  padding: 12px 12px;
  background: #fff;
  display:flex;
  align-items:flex-start;
  gap: 10px;
}
.ghes-tl-dot{
  width: 12px;
  height: 12px;
  border-radius: 999px;
  margin-top: 4px;
  flex: 0 0 12px;
  background: rgba(148,163,184,.9);
}
.ghes-tl-item.is-done .ghes-tl-dot{ background: rgba(15,118,110,.95); }
.ghes-tl-item.is-now  .ghes-tl-dot{ background: rgba(59,130,246,.95); }
.ghes-tl-title{ font-weight: 700; margin-bottom: 2px; }
.ghes-tl-desc{ color: var(--ghes-muted); font-size: .95rem; margin: 0; }