/* Cover progress belongs in the workflow, not in a detached right column. */
.status-panel { display: none; }

.cover-task-progress {
  display: grid;
  grid-template-columns: minmax(220px, .8fr) minmax(360px, 1.2fr);
  align-items: center;
  gap: clamp(20px, 3vw, 40px);
  margin-top: 14px;
  border: 1px solid rgba(66, 133, 244, .22);
  border-radius: 14px;
  padding: 16px 18px;
  background: linear-gradient(90deg, rgba(232, 240, 254, .82), rgba(248, 251, 255, .72));
}

.cover-task-progress-summary,
.cover-task-progress-meter {
  display: grid;
  gap: 11px;
}

.cover-task-progress .progress-track { margin: 0; }
.cover-task-progress .step-list { display: flex; justify-content: space-between; gap: 18px; }
.cover-task-progress .step-list li { flex: 1; white-space: nowrap; }

:root[data-theme="light"] .cover-task-progress .progress-track {
  border: 1px solid #C6DCFF;
  background: #E8F0FE;
  box-shadow: inset 0 1px 2px rgba(66, 133, 244, .08);
}

:root[data-theme="light"] .cover-task-progress .progress-track span {
  background: linear-gradient(90deg, #4285F4, #76A7FA);
  box-shadow: 0 0 10px rgba(66, 133, 244, .32);
}

.cover-task-log {
  display: grid;
  grid-template-columns: minmax(180px, .35fr) minmax(0, 1fr);
  align-items: start;
  gap: clamp(18px, 3vw, 36px);
  margin-top: 14px;
  border: 1px solid rgba(66, 133, 244, .16);
  border-radius: 14px;
  padding: 15px 18px;
  background: rgba(248, 251, 255, .82);
}

.cover-task-log .panel-title { display: grid; justify-items: start; gap: 8px; }
.cover-task-log ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }

:root[data-theme="dark"] .cover-task-progress {
  border-color: rgba(108, 255, 155, .18);
  background: linear-gradient(90deg, rgba(19, 39, 35, .84), rgba(12, 20, 18, .76));
}

:root[data-theme="dark"] .cover-task-log {
  border-color: rgba(255, 255, 255, .09);
  background: rgba(12, 20, 18, .68);
}

@media (max-width: 760px) {
  .cover-task-progress,
  .cover-task-log { grid-template-columns: 1fr; }

  .cover-task-progress .step-list,
  .cover-task-log ul { display: grid; grid-template-columns: 1fr; }
}