.cmc-kart {
  background: var(--cmc-yuzey-kart);
  border: 1px solid var(--cmc-kenar);
  border-radius: var(--cmc-radius-lg);
  box-shadow: var(--cmc-golge-sm);
  padding: var(--cmc-space-4);
  transition: box-shadow 0.2s, border-color 0.2s;
}

.cmc-kart--liste { margin-bottom: var(--cmc-space-3); }
.cmc-kart--liste:hover { border-color: color-mix(in srgb, var(--cmc-accent) 25%, var(--cmc-kenar)); }
.cmc-kart--vurgulu { border-left: 3px solid var(--cmc-accent); box-shadow: var(--cmc-golge-md); }

.cmc-kart__ust {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--cmc-space-3);
  margin-bottom: var(--cmc-space-3);
}

.cmc-kart__baslik { font-weight: 600; font-size: var(--cmc-font-base); }
.cmc-kart__govde { display: grid; gap: var(--cmc-space-2); }
.cmc-kart__alt { margin-top: var(--cmc-space-3); padding-top: var(--cmc-space-3); border-top: 1px solid var(--cmc-kenar); }

.cmc-rozet {
  display: inline-flex;
  padding: 2px var(--cmc-space-2);
  border-radius: 999px;
  font-size: var(--cmc-font-xs);
  font-weight: 500;
  background: var(--cmc-accent-yumusak);
  color: var(--cmc-accent);
}

.cmc-rozet--basari { background: color-mix(in srgb, var(--cmc-basari) 12%, transparent); color: var(--cmc-basari); }
.cmc-rozet--hata { background: color-mix(in srgb, var(--cmc-hata) 12%, transparent); color: var(--cmc-hata); }
.cmc-rozet--uyari { background: color-mix(in srgb, var(--cmc-uyari) 14%, transparent); color: var(--cmc-uyari); }
.cmc-rozet--notr {
  background: color-mix(in srgb, var(--cmc-metin-zayif) 14%, transparent);
  color: var(--cmc-metin-zayif);
}