/* ==================== OUTLOOK-SPECIFIC STYLES ====================
   Attachments panel, attachment chips and reply actions. Palette matches
   the shared Word stylesheets: #0F172A chrome, slate greys, #e7e7e6 bubbles.
*/

/* ---- "This email" panel ---- */
.email-attachment-row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  margin-bottom: 6px;
  font-size: 13px;
  color: #0f172a;
  cursor: pointer;
  background: #ffffff;
  transition: background 0.15s ease;
}

.email-attachment-row:hover {
  background: #f8fafc;
}

.email-attachment-row.is-disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

.email-attachment-check {
  width: 14px;
  height: 14px;
  accent-color: #0f172a;
  flex-shrink: 0;
}

.email-attachment-icon {
  width: 24px;
  height: 24px;
  border-radius: 6px;
  background: #0f172a;
  color: #ffffff;
  font-size: 10px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.email-attachment-meta {
  display: flex;
  flex-direction: column;
  min-width: 0;
  flex: 1;
}

.email-attachment-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.email-attachment-size {
  font-size: 11px;
  color: #64748b;
}

.email-attachment-status {
  font-size: 11px;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
}

.email-attachment-ready {
  color: #15803d;
}

.email-attachment-error {
  color: #dc2626;
}

.email-attachment-note {
  color: #94a3b8;
}

.email-body-preview {
  max-height: 260px;
  overflow: auto;
  white-space: pre-wrap;
  word-break: break-word;
  font-size: 12.5px;
  line-height: 1.55;
  color: #334155;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 10px 12px;
  user-select: text;
  -webkit-user-select: text;
}

.email-body-preview.is-empty {
  color: #94a3b8;
  font-style: italic;
}

#useEmailSelectionBtn:disabled {
  color: #94a3b8;
  cursor: default;
}

/* ---- Selection chip (quoted passage from the email) ---- */
.attach-chip.attach-chip-selection .attach-chip-icon {
  background: #e7e7e6;
  color: #0f172a;
}

/* ---- Reply / insert actions under communication-draft cards ---- */
.reply-actions-row {
  display: flex;
  gap: 6px;
  padding: 8px 10px 10px;
  border-top: 1px solid #e2e8f0;
}

.reply-actions-row .artifact-btn-primary,
.reply-actions-row .artifact-btn-secondary {
  flex: 1;
}