/* ═══════════════════════════════════════════════════════════════════
   people.css — shared styles for management.php & personnel.php
   (detail modal + arc decoration)
   ═══════════════════════════════════════════════════════════════════ */

/* ── Detail modal ── */
.detail-profile {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 1.25rem;
}
.detail-photo {
  width: 160px; height: 190px;
  border-radius: 14px;
  object-fit: cover; object-position: top;
  background: #e8e8f0;
  box-shadow: 0 4px 18px rgba(0,0,0,.12);
  margin-bottom: 1rem;
}
.detail-photo-placeholder {
  width: 160px; height: 190px;
  border-radius: 14px; background: #e8e8f0;
  display: flex; align-items: center; justify-content: center;
  color: #bbb; font-size: 3.5rem;
  margin-bottom: 1rem;
}
.detail-info { width: 100%; }
.detail-name {
  font-size: 1.25rem; font-weight: 700; color: #1a1a2e;
  margin-bottom: .3rem; line-height: 1.35;
}
.detail-pos {
  font-size: .88rem; color: #6b7280;
  margin-bottom: .85rem; line-height: 1.5;
}
.detail-contact { list-style: none; padding: 0; margin: 0 auto; display: inline-block; text-align: left; }
.detail-contact li {
  font-size: .85rem; color: #374151;
  display: flex; align-items: center; gap: .55rem;
  margin-bottom: .4rem;
}
.detail-contact li i { color: #6d28d9; font-size: 1rem; flex-shrink: 0; }
.detail-contact li a { color: inherit; text-decoration: none; }
.detail-contact li a:hover { text-decoration: underline; color: #6d28d9; }

.detail-section-title {
  font-weight: 700; font-size: .95rem; color: #1a1a2e;
  margin: 1.1rem 0 .5rem; text-align: left;
}
.detail-list { padding-left: 1.25rem; margin: 0; text-align: left; }
.detail-list li { font-size: .85rem; color: #444; margin-bottom: .35rem; line-height: 1.5; }