.presentation-summary {
  display: grid;
  grid-template-columns: repeat(6, minmax(145px, 1fr));
  gap: 10px;
  margin-bottom: 14px;
}

.presentation-summary article {
  min-width: 0;
  padding: 15px 14px;
  border: 1px solid #dbe5ee;
  border-radius: 13px;
  background: #fff;
  box-shadow: var(--shadow);
}

.presentation-summary small,
.presentation-summary strong,
.presentation-summary span {
  display: block;
}

.presentation-summary small {
  margin-bottom: 7px;
  color: #647681;
  font-size: 9px;
  font-weight: 700;
}

.presentation-summary strong {
  overflow: hidden;
  color: #173444;
  font: 800 15px Manrope;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.presentation-summary span {
  margin-top: 5px;
  color: #7b8993;
  font-size: 8px;
}

.presentation-summary .released strong { color: #13835a; }
.presentation-summary .denied strong { color: #c77a16; }
.presentation-summary .appealed strong { color: #6254ca; }
.presentation-summary .loss strong { color: #c44747; }

.presentation-result-table {
  min-width: 1100px;
}

.presentation-result-table :is(th, td):is(:nth-child(2), :nth-child(4), :nth-child(5), :nth-child(10), :nth-child(11), :nth-child(13), :nth-child(14), :nth-child(15), :nth-child(16), :nth-child(18)) {
  display: none;
}

.presentation-result-table :is(th, td):first-child {
  position: sticky;
  left: 0;
  z-index: 1;
  min-width: 190px;
  background: #fff;
}

.presentation-result-table th:first-child {
  z-index: 3;
  background: #eef4fa;
}

.presentation-result-table tbody tr:hover td:first-child { background: #f0f9f9; }
.presentation-result-table tr.selected td:first-child { background: #dff5f2; }

.presentation-detail {
  margin-top: 12px;
  padding: 17px;
  border: 1px solid #cfe1e6;
  border-radius: 12px;
  background: #f8fbfc;
}

.presentation-detail.hidden { display: none; }

.presentation-detail-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}

.presentation-detail-head small,
.presentation-detail-head strong { display: block; }
.presentation-detail-head small { color: #24838d; font-size: 9px; font-weight: 800; text-transform: uppercase; }
.presentation-detail-head strong { margin-top: 4px; color: #173444; font: 800 15px Manrope; }
.presentation-detail-head button { border: 0; background: transparent; color: #62737f; cursor: pointer; font-size: 18px; }

.presentation-detail-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(140px, 1fr));
  gap: 12px;
}

.presentation-detail-grid div {
  padding: 10px;
  border-radius: 9px;
  background: #fff;
}

.presentation-detail-grid small,
.presentation-detail-grid strong { display: block; }
.presentation-detail-grid small { color: #71808b; font-size: 8px; }
.presentation-detail-grid strong { margin-top: 5px; color: #263f4d; font-size: 10px; }

#presentationCritical:disabled {
  opacity: .48;
  cursor: not-allowed;
}

#presentationRefresh {
  display: none;
}

@media(max-width:1200px) {
  .presentation-summary { grid-template-columns: repeat(3, 1fr); }
}

@media(max-width:760px) {
  .presentation-summary { grid-template-columns: repeat(2, 1fr); }
  .presentation-detail-grid { grid-template-columns: repeat(2, 1fr); }
}

@media(max-width:480px) {
  .presentation-summary,
  .presentation-detail-grid { grid-template-columns: 1fr; }
}