#restore-employee-guide {
  grid-column: 1 / -1;
  padding: clamp(16px, 4vw, 22px);
  border: 1px solid rgba(226, 180, 82, 0.52);
  border-radius: 22px;
  color: #f8f2e5;
  background: linear-gradient(145deg, rgba(45, 36, 20, 0.96), rgba(22, 23, 27, 0.98));
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.3);
  text-align: start;
}

#restore-employee-guide[data-kind='success'] {
  border-color: rgba(88, 218, 156, 0.42);
  background: linear-gradient(145deg, rgba(17, 49, 40, 0.95), rgba(20, 24, 27, 0.98));
}

#restore-employee-guide[data-kind='pending'] {
  border-color: rgba(255, 190, 76, 0.68);
  background: linear-gradient(145deg, rgba(77, 49, 14, 0.97), rgba(25, 23, 21, 0.98));
}

#restore-employee-guide[data-kind='error'] {
  border-color: rgba(255, 122, 122, 0.65);
  background: linear-gradient(145deg, rgba(66, 27, 30, 0.97), rgba(25, 22, 25, 0.98));
}

#restore-employee-guide h2 {
  margin: 0 0 12px;
  color: #f4d276;
  font-size: clamp(20px, 5.4vw, 27px);
  line-height: 1.2;
}

#restore-employee-guide[data-kind='success'] h2 {
  color: #78e4b5;
}

#restore-employee-guide[data-kind='pending'] h2 {
  color: #ffd174;
}

#restore-employee-guide[data-kind='error'] h2 {
  color: #ff9a9a;
}

#restore-employee-guide ol {
  margin: 0;
  padding-inline-start: 28px;
}

#restore-employee-guide li,
#restore-employee-guide p {
  color: #f5efe3;
  font-size: clamp(16px, 4.4vw, 19px);
  font-weight: 650;
  line-height: 1.48;
}

#restore-employee-guide li + li {
  margin-top: 8px;
}

#restore-employee-guide p {
  margin: 14px 0 0;
  color: #f6d77f;
}

.shift-card button.restore-needs-attention {
  outline: 4px solid rgba(255, 209, 91, 0.75);
  outline-offset: 4px;
  animation: restore-attention-pulse 1s ease-in-out infinite;
}

.shift-card button.restore-shift-ready-start:not([data-restore-action-state]) {
  border-color: #42d493 !important;
  background: linear-gradient(135deg, #83e8b7, #2da86f) !important;
  color: #07160f !important;
  box-shadow: 0 0 0 3px rgba(66, 212, 147, 0.13), 0 12px 28px rgba(31, 155, 99, 0.26) !important;
  font-weight: 900 !important;
}

.shift-card button.restore-shift-ready-end:not([data-restore-action-state]) {
  border-color: #ff7180 !important;
  background: linear-gradient(135deg, #8f3e49, #5d252d) !important;
  color: #ffd7dc !important;
  box-shadow: 0 0 0 3px rgba(255, 92, 110, 0.1), 0 12px 28px rgba(120, 33, 47, 0.25) !important;
  font-weight: 900 !important;
}

.shift-card button.restore-shift-pending:not([data-restore-action-state]) {
  border-color: #ffbd52 !important;
  background: linear-gradient(135deg, #ffd77a, #c98a26) !important;
  color: #241606 !important;
  box-shadow: 0 0 0 3px rgba(255, 184, 66, 0.15), 0 12px 28px rgba(151, 94, 20, 0.32) !important;
  font-weight: 900 !important;
}

.toast.success[data-restore-pending-start='true'] {
  border-color: rgba(255, 190, 76, 0.72) !important;
  background: rgba(106, 67, 15, 0.96) !important;
  color: #ffe2a0 !important;
}

.restore-shift-required-note {
  margin: 0 0 13px;
  padding: 11px 13px;
  border: 1px solid rgba(255, 183, 77, 0.48);
  border-radius: 13px;
  background: rgba(154, 88, 15, 0.2);
  color: #ffd18a;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.48;
  text-align: start;
}

.restore-shift-required-note[hidden] {
  display: none !important;
}

button.restore-report-rejected:not([data-restore-action-state]) {
  border-color: #ff7180 !important;
  background: linear-gradient(135deg, #ff9ca6, #d94d60) !important;
  color: #211014 !important;
  box-shadow: 0 0 0 3px rgba(255, 92, 110, 0.14), 0 0 22px rgba(255, 79, 100, 0.3) !important;
  font-weight: 900 !important;
}

@keyframes restore-attention-pulse {
  50% {
    filter: brightness(1.22);
    transform: scale(1.015);
  }
}

@media (prefers-reduced-motion: reduce) {
  .shift-card button.restore-needs-attention {
    animation: none;
  }
}