/* =========================================================
   ANNOUNCEMENT EDIT MODAL
   Birthday & Onboarding
   ========================================================= */

#birthday_edit_modal .modal-dialog,
#onboarding_edit_modal .modal-dialog {
    max-width: 1000px;
    margin: 20px auto;
}

#birthday_edit_modal .modal-content,
#onboarding_edit_modal .modal-content {
    max-height: calc(100vh - 40px);
}

#birthday_edit_modal .modal-body,
#onboarding_edit_modal .modal-body {
    overflow-y: auto;
    max-height: calc(100vh - 180px);
}

/* =========================================================
   CROP
   ========================================================= */

.birthday-crop-container,
.onboarding-crop-container {
    width: 100%;
    max-width: 400px;
    height: 320px;
    margin: 0 auto;
    overflow: hidden;
    background: #1e1e1e;
    border: 1px solid #dee2e6;
    border-radius: 10px;
}

#birthday_crop_image,
#onboarding_crop_image {
    display: block;
    max-width: 100%;
}

/* =========================================================
   REVIEW CARD
   ========================================================= */

.birthday-review-card,
.onboarding-review-card {
    background: linear-gradient(180deg, #f8f9fc 0%, #eef1f8 100%);
    border: 1px solid #dee2e6;
    border-radius: 12px;
    padding: 24px 20px;
    text-align: center;
}

/* =========================================================
   REVIEW PHOTO
   ========================================================= */

.birthday-review-photo,
.onboarding-review-photo {
    width: 180px;
    height: 180px;
    margin: 0 auto 14px;
    object-fit: cover;
    border-radius: 8px;
    border: 3px solid #fff;
    box-shadow:
        0 0 0 2px #dfe3ec,
        0 4px 10px rgba(0, 0, 0, 0.08);
}

/* =========================================================
   REVIEW PLACEHOLDER
   ========================================================= */

.birthday-review-placeholder,
.onboarding-review-placeholder {
    width: 180px;
    height: 180px;
    margin: 0 auto 14px;
    border-radius: 8px;
    background: #e9ecef;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.5rem;
    color: #adb5bd;
}

/* =========================================================
   PREVIEW TEXT
   ========================================================= */

#birthday_preview_name,
#onboarding_preview_name {
    font-size: 1.25rem;
    font-weight: 700;
}

#birthday_preview_job_title,
#birthday_preview_company_name,
#onboarding_preview_job_title,
#onboarding_preview_company_name {
    color: #6c757d;
}

#birthday_preview_message,
#onboarding_preview_message {
    margin-top: 12px;
    white-space: pre-line;
}