.my-detailstyle {
  font-family: Arial, sans-serif;
  max-width: 900px;
  margin: 20px auto;
}

.my-detailstyle summary {
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  display: flex;
  align-items: center;
  background-color: #e3f2fd;
  padding: 12px;
  border-radius: 6px;
  margin-bottom: 6px;
  transition: background 0.2s;
}

.my-detailstyle .year-title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
  text-align: left;
}

.my-detailstyle summary:hover {
  background-color: #d0e7fb;
}

.my-detailstyle .content {
  background-color: #f4f9ff;
  padding: 15px 25px;
  border-radius: 6px;
  margin-bottom: 15px;
}

.my-detailstyle .doc-link {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  text-decoration: none;
  color: #1a3c6e;
  font-size: 14px;
}

.my-detailstyle .doc-link:hover {
  text-decoration: underline;
}

.my-detailstyle .doc-icon {
  background-color: #0b5fa5;
  color: white;
  border-radius: 4px;
  padding: 3px 6px;
  margin-right: 10px;
  font-size: 13px;
}

/* tabel integrat în stilul existent */
.my-detailstyle .table-clean {
  width: 100%;
  border-collapse: collapse;
  margin-top: 10px;
  font-size: 14px;
}

/* header tabel */
.my-detailstyle .table-clean th {
  text-align: center;
  font-weight: bold;
  padding: 10px;
  border-bottom: 2px solid #0b5fa5;
  background-color: #e3f2fd;
  vertical-align: middle;
  font-size: 14px;
}

/* celule */
.my-detailstyle .table-clean td {
  text-align: center;
  padding: 12px 10px;
  border-bottom: 1px solid #ddd;
  vertical-align: middle;
}

/* hover subtil */
.my-detailstyle .table-clean tr:hover {
  background-color: #f4f9ff;
}