/* =========================================================
   20. Request Details
   ========================================================= */

.request-details-wrapper {
  max-width: 900px;
  margin: 0 auto;
}

.details-back-link {
  display: inline-block;
  margin-top: 1.25rem;
  margin-bottom: 1rem;
  color: var(--gold-dark);
  font-weight: 600;
  text-decoration: none;
  transition:
    color var(--transition-fast),
    opacity var(--transition-fast);
}

.details-back-link:hover {
  color: #8f7745;
  opacity: 0.75;
}

.request-details-card {
  padding: 2rem;
  border-radius: var(--radius-xxl);
}

.request-details-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: 0.5rem;
}

.request-details-header h2 {
  margin: 0;
  font-size: 2rem;
  font-weight: 600;
}

.request-details-card,
.message-box {
  background: #ffffff;

  border: 1px solid #e5e1d8;
  border-radius: 18px;

  transition:
    transform 0.22s ease,
    border-color 0.22s ease,
    box-shadow 0.22s ease;
}

.request-details-card:hover,
.message-box:hover {
  transform: translateY(-2px);

  border-color: #d4af37;

  box-shadow: 0 10px 24px rgba(212, 175, 55, 0.1);
}

/* Message bubbles */
.request-message-block,
.conversation-message {
  width: 70%;
  max-width: 70%;
  margin-top: 1rem;
  padding: 1rem 1.2rem;
  border-radius: var(--radius-xl);
  text-align: left;
  line-height: 1.35;
}

.request-message-block,
.conversation-customer {
  margin-left: 0;
  margin-right: auto;
  background: #fafafa;
  border: 1px solid #ececec;
}

.conversation-admin {
  margin-left: auto;
  margin-right: 0;
  background: #fff4e3;
  border: 1px solid #f0d2a0;
}

.request-message-block h3,
.conversation-message h3 {
  margin: 0 0 0.2rem;
  color: var(--gold-dark);
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 1.2;
  text-align: left;
}

.request-message-block p,
.conversation-message p,
.conversation-text {
  margin: 0;
  padding: 0;
  color: var(--text-soft);
  text-align: left;
  line-height: 1.35;
  white-space: pre-line;
}

.conversation-message .request-date {
  margin-bottom: 0.15rem;
}

/* Compact request details messages */
.request-details-card .request-message-block,
.request-details-card .conversation-message {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.25rem !important;
  min-height: unset !important;
  height: auto !important;
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}

.request-details-card .request-message-block h3,
.request-details-card .conversation-message h3,
.request-details-card .request-message-block p,
.request-details-card .conversation-message p,
.request-details-card .conversation-text,
.request-details-card .request-date {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.3 !important;
}