/* VCMS Public/Frontend Styles */
:root {
  --vcms-primary: #1a3a6b;
  --vcms-secondary: #c8a94a;
}

.vcms-frontend-wrap { font-family: 'Segoe UI', Arial, sans-serif; max-width: 1100px; margin: 0 auto; padding: 10px 0; }

.vcms-public-card {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0,0,0,.08);
  padding: 28px;
  margin-bottom: 20px;
}

.vcms-public-title {
  color: var(--vcms-primary);
  font-weight: 700;
  border-bottom: 3px solid var(--vcms-secondary);
  padding-bottom: 12px;
  margin-bottom: 20px;
}

.btn-vcms-public {
  background: var(--vcms-primary);
  color: #fff;
  border: none;
  padding: 10px 24px;
  border-radius: 8px;
  font-weight: 600;
  transition: all .2s;
}

.btn-vcms-public:hover { background: #122c55; color: #fff; transform: translateY(-1px); }

.vcms-member-header {
  display: flex;
  align-items: center;
  gap: 20px;
  background: linear-gradient(135deg, var(--vcms-primary), #2a5298);
  color: #fff;
  padding: 24px;
  border-radius: 12px;
  margin-bottom: 10px;
}

.vcms-member-photo {
  width: 90px; height: 90px; border-radius: 50%; object-fit: cover;
  border: 3px solid var(--vcms-secondary);
}

.vcms-member-photo-placeholder {
  width: 90px; height: 90px; border-radius: 50%;
  background: #e8f0fe; display: flex; align-items: center; justify-content: center;
  font-size: 2rem; color: var(--vcms-primary); margin: 0 auto;
  border: 3px solid var(--vcms-secondary);
}

.vcms-notice-item {
  background: #fff;
  border-left: 4px solid var(--vcms-primary);
  padding: 16px 20px;
  border-radius: 8px;
  margin-bottom: 14px;
  box-shadow: 0 2px 10px rgba(0,0,0,.06);
}

.vcms-notice-item.urgent { border-left-color: #dc3545; }

@media (max-width: 768px) {
  .vcms-member-header { flex-direction: column; text-align: center; }
}