/* Kök site ve /sistem paneli. Firma paneli ile karışmaz. */

.cmc-shell--panel-site .cmc-kabuk-ust,
.cmc-shell--panel-site .cmc-kabuk-footer,
.cmc-shell--panel-site .cmc-shell__kenar,
.cmc-shell--panel-site .cmc-gelistirici-bant {
  display: none;
}

.cmc-shell--panel-site .cmc-shell__govde {
  margin: 0;
  width: 100%;
}

.cmc-site {
  min-height: 100%;
  padding: var(--cmc-bosluk-8, 2rem) var(--cmc-bosluk-6, 1.5rem);
  max-width: 52rem;
  margin-inline: auto;
}

.cmc-site__marka {
  font-weight: 650;
  letter-spacing: 0.04em;
}

.cmc-site__kahraman {
  margin-top: var(--cmc-bosluk-8, 2rem);
}

.cmc-site__alt {
  max-width: 38rem;
  color: var(--cmc-renk-metin-zayif, inherit);
}

.cmc-site__eylemler {
  display: flex;
  flex-wrap: wrap;
  gap: var(--cmc-bosluk-3, 0.75rem);
  margin-top: var(--cmc-bosluk-5, 1.25rem);
}

.cmc-site__maddeler {
  list-style: none;
  margin: var(--cmc-bosluk-8, 2rem) 0 0;
  padding: 0;
  display: grid;
  gap: var(--cmc-bosluk-3, 0.75rem);
}

.cmc-sistem {
  display: flex;
  flex-direction: column;
  gap: var(--cmc-bosluk-4, 1rem);
  padding: var(--cmc-bosluk-4, 1rem);
}

.cmc-sistem__sayaclar {
  gap: var(--cmc-bosluk-3, 0.75rem);
}

.cmc-sistem-sayac {
  text-align: start;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  cursor: pointer;
}

.cmc-sistem-sayac__deger {
  font-size: 1.5rem;
}

.cmc-sistem-liste {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--cmc-bosluk-2, 0.5rem);
}

.cmc-sistem-kart {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--cmc-bosluk-3, 0.75rem);
}

.cmc-sistem-kart__govde {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  min-width: 0;
}

.cmc-sistem-kart__meta {
  color: var(--cmc-renk-metin-zayif, inherit);
}

.cmc-sistem-durum--ok {
  color: var(--cmc-renk-basari, #1b7f4a);
}

.cmc-sistem-durum--hata {
  color: var(--cmc-renk-tehlike, #a33);
}