.release-admin-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px;
}

.release-admin-card {
  min-height: 74px;
  border: 1px solid var(--line);
  background: rgba(16, 26, 30, .55);
  padding: 14px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.release-admin-card h3 { font-size: 12px; margin: 6px 0; }
.release-admin-card p { font-size: 10px; line-height: 1.55; color: var(--muted); margin: 0 0 8px; }
.release-admin-card small { font-size: 8px; color: var(--faint); line-height: 1.5; }
.release-card-list { display: grid; gap: 8px; }

.release-alert {
  display: flex;
  align-items: center;
  gap: 12px;
  border: 1px solid var(--line-strong);
  border-left-width: 3px;
  padding: 12px 14px;
  margin: 14px 0;
  font-size: 10px;
  background: var(--panel);
}

.release-alert strong { display: flex; align-items: center; gap: 7px; white-space: nowrap; }
.release-alert span { color: var(--muted); line-height: 1.5; }
.release-alert.warn { border-left-color: var(--amber); background: var(--amber-dim); }
.release-alert.danger { border-left-color: var(--red); background: var(--red-dim); }
.release-alert.good { border-left-color: var(--green); background: var(--green-dim); }
.release-warning { color: var(--red); font-size: 9px; margin: 8px 0; }
.release-warning-list { display: grid; gap: 6px; margin: 10px 0; }
.release-warning-list > div { display: flex; gap: 7px; color: var(--amber); font-size: 10px; }
.release-progress { width: 110px; height: 5px; background: var(--line); margin-bottom: 6px; }
.release-progress span { height: 100%; display: block; background: var(--teal); }
.release-table small { display: block; margin-top: 5px; color: var(--faint); font-size: 8px; }

.release-facts {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border: 1px solid var(--line);
  margin-bottom: 18px;
}

.release-facts > div { padding: 12px; border-bottom: 1px solid var(--line); min-width: 0; }
.release-facts > div:nth-child(odd) { border-right: 1px solid var(--line); }
.release-facts > div:nth-last-child(-n+2) { border-bottom: 0; }
.release-facts span, .release-facts strong { display: block; }
.release-facts span { font-size: 8px; color: var(--faint); text-transform: uppercase; letter-spacing: .07em; margin-bottom: 6px; }
.release-facts strong { font-size: 10px; overflow-wrap: anywhere; }
.modal-section { border-top: 1px solid var(--line); padding-top: 16px; margin-top: 16px; }
.modal-section p { font-size: 10px; line-height: 1.65; color: var(--muted); }

.artifact-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 0;
  border-bottom: 1px solid var(--line);
}

.artifact-row strong, .artifact-row small { display: block; }
.artifact-row strong { font-size: 10px; }
.artifact-row small { font-size: 8px; color: var(--faint); margin-top: 4px; }

.confirmation-check {
  grid-template-columns: auto 1fr;
  align-items: flex-start;
  border: 1px solid var(--amber);
  background: var(--amber-dim);
  padding: 12px;
}

.confirmation-check input { width: auto; margin: 2px 0 0; }
.confirmation-check span { font-size: 10px; line-height: 1.5; color: var(--text); text-transform: none; letter-spacing: 0; }
.device-picker { max-height: 330px; overflow: auto; border: 1px solid var(--line); }
.device-picker label { display: grid; grid-template-columns: auto 1fr; gap: 10px; align-items: center; padding: 10px; border-bottom: 1px solid var(--line); }
.device-picker label:last-child { border-bottom: 0; }
.device-picker input { width: auto; }
.device-picker strong, .device-picker small { display: block; }
.device-picker strong { font-size: 10px; }
.device-picker small { font-size: 8px; color: var(--faint); margin-top: 4px; }
.event-details { white-space: pre-wrap; overflow-wrap: anywhere; font-size: 8px; color: var(--muted); background: #0b1215; border: 1px solid var(--line); padding: 8px; margin: 8px 0 0; }

@media (max-width: 1000px) {
  .release-admin-grid { grid-template-columns: 1fr; }
}

@media (max-width: 720px) {
  .release-alert { align-items: flex-start; flex-direction: column; }
  .release-facts { grid-template-columns: 1fr; }
  .release-facts > div:nth-child(odd) { border-right: 0; }
  .release-facts > div:nth-last-child(2) { border-bottom: 1px solid var(--line); }
}
