.template-body{
    background-image: url('/assets/images/student-behavior/bg_pdf.png');
    background-size: contain; /* Optional: adjust based on design */
    background-position: center;
    background-repeat: no-repeat;
    min-height: 400px;
}
.letter-content.template-body {
    font-family: Arial, sans-serif;
    padding: 20px;
    line-height: 1.6;
    max-width: 950px;
    margin: 0 auto;
}

/* Incident Report Styles */
.report-header {
    text-align: center;
    margin-bottom: 30px;
}

.report-title {
    font-size: 24px;
    font-weight: bold;
    color: #333;
    margin: 0;
}

.academic-year {
    font-size: 18px;
    color: #555;
    margin: 5px 0;
}

.section-students,
.section-incident,
.section-details,
.section-witnesses,
.section-reporter {
    margin-bottom: 30px;
}

.section-title {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 2px solid #ccc;
    padding-bottom: 5px;
    margin-bottom: 15px;
}

.student-table,
.incident-table,
.witness-table,
.reporter-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
}

.student-name-cell {
    padding: 8px;
    border: 1px solid #ddd;
    width: 70%;
}

.grade-cell {
    padding: 8px;
    border: 1px solid #ddd;
    width: 30%;
}

.incident-date-cell,
.incident-location-cell,
.incident-time-cell {
    padding: 8px;
    border: 1px solid #ddd;
    width: 33.33%;
}

.violation-label {
    font-weight: bold;
    margin-top: 10px;
}

.violation-description,
.details-description {
    border: 1px solid #ddd;
    padding: 10px;
}

.violation-description {
    min-height: 60px;
    margin-bottom: 10px;
}

.details-description {
    min-height: 100px;
}

.violation-note {
    font-style: italic;
    color: #555;
    margin-top: 10px;
}

.witness-name-cell,
.reporter-name-cell,
.reporter-position-cell {
    padding: 8px;
    border: 1px solid #ddd;
    width: 50%;
}

.witness-signature-cell {
    padding: 8px;
    border: 1px solid #ddd;
    width: 50%;
}

/* Attendance Report Styles */
.attendance-header {
    text-align: center;
    margin-bottom: 30px;
}

.attendance-title {
    font-size: 24px;
    font-weight: bold;
    color: #333;
    margin: 0;
}

.attendance-year {
    font-size: 18px;
    color: #555;
    margin: 5px 0;
}

.section-attendance-students,
.section-attendance-details,
.section-attendance-summary,
.section-attendance-reporter {
    margin-bottom: 30px;
}

.attendance-section-title {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 2px solid #ccc;
    padding-bottom: 5px;
    margin-bottom: 15px;
}

.attendance-student-table,
.attendance-details-table,
.attendance-reporter-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
}

.attendance-name-cell {
    padding: 8px;
    border: 1px solid #ddd;
    width: 70%;
}

.attendance-grade-cell {
    padding: 8px;
    border: 1px solid #ddd;
    width: 30%;
}

.attendance-date-cell {
    padding: 8px;
    border: 1px solid #ddd;
    width: 30%;
}

.attendance-status-cell {
    padding: 8px;
    border: 1px solid #ddd;
    width: 30%;
}

.attendance-remarks-cell {
    padding: 8px;
    border: 1px solid #ddd;
    width: 40%;
}

.summary-description {
    border: 1px solid #ddd;
    padding: 10px;
    min-height: 60px;
}

.attendance-reporter-name-cell,
.attendance-reporter-position-cell {
    padding: 8px;
    border: 1px solid #ddd;
    width: 50%;
}

/* Inquiry Letter Styles */
.inquiry-header {
    text-align: center;
    margin-bottom: 30px;
}

.inquiry-title {
    font-size: 24px;
    font-weight: bold;
    color: #333;
    margin: 0;
}

.inquiry-year,
.inquiry-supervision {
    font-size: 18px;
    color: #555;
    margin: 5px 0;
}

.section-inquiry-students,
.section-inquiry-reason,
.section-inquiry-actions,
.section-inquiry-response,
.section-inquiry-signatures {
    margin-bottom: 30px;
}

.inquiry-section-title {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 2px solid #ccc;
    padding-bottom: 5px;
    margin-bottom: 15px;
}

.inquiry-student-table,
.inquiry-signature-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
}

.inquiry-name-cell,
.inquiry-class-cell,
.inquiry-parent-phone-cell,
.inquiry-supervisor-cell,
.inquiry-section-cell,
.inquiry-issued-cell {
    padding: 8px;
    border: 1px solid #ddd;
    width: 33.33%;
}

.inquiry-supervisor-signature-cell,
.inquiry-student-signature-cell,
.inquiry-deputy-cell,
.inquiry-approved-cell {
    padding: 8px;
    border: 1px solid #ddd;
    width: 50%;
}



.inquiry-reason-options,
.inquiry-actions-options {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
}
.inquiry-actions-options p,.inquiry-reason-options p{
    flex: 1 1 0;
    min-width: 200px;
}

.warning-reason-options{
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
}
.warning-reason-options p{
    flex: 1 1 0;
    min-width: 250px;
    max-width: 250px;
}
.warning-actions-options{
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
}
.warning-actions-options p{ 
    flex: 1 1 0;
    min-width: 400px;
    max-width: 400px;
}


.followup-case-type-options{
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
}
.followup-case-type-options p{
    flex: 1 1 0;
    min-width: 200px;
    max-width: 200px;
}


.inquiry-checkbox {
    margin-right: 10px;
}

.inquiry-other-description,
.inquiry-actions-description,
.inquiry-response-description {
    border: 1px solid #ddd;
    padding: 10px;
    min-height: 60px;
    margin-top: 10px;
}

/* Warning Letter Styles */
.warning-header {
    text-align: center;
    margin-bottom: 30px;
}

.warning-title {
    font-size: 24px;
    font-weight: bold;
    color: #333;
    margin: 0;
}

.warning-year,
.warning-supervision {
    font-size: 18px;
    color: #555;
    margin: 5px 0;
}

.section-warning-students,
.section-warning-reason,
.section-warning-actions,
.section-warning-response,
.section-warning-signatures {
    margin-bottom: 30px;
}

.warning-section-title {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 2px solid #ccc;
    padding-bottom: 5px;
    margin-bottom: 15px;
}

.warning-student-table,
.warning-signature-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
}

.warning-name-cell,
.warning-class-cell,
.warning-parent-phone-cell,
.warning-supervisor-cell,
.warning-section-cell,
.warning-issued-cell {
    padding: 8px;
    border: 1px solid #ddd;
    width: 33.33%;
}

.warning-supervisor-signature-cell,
.warning-student-signature-cell,
.warning-deputy-cell,
.warning-approved-cell {
    padding: 8px;
    border: 1px solid #ddd;
    width: 50%;
}

.warning-reason-options,
.warning-actions-options {
    margin-top: 10px;
}

.warning-checkbox {
    margin-right: 10px;
}

.warning-other-description,
.warning-actions-description,
.warning-response-description {
    border: 1px solid #ddd;
    padding: 10px;
    min-height: 60px;
    margin-top: 10px;
}

/* Pledge (Warning for Temporary Suspension) Styles */
.pledge-header {
    text-align: center;
    margin-bottom: 30px;
}

.pledge-title {
    font-size: 24px;
    font-weight: bold;
    color: #333;
    margin: 0;
}

.pledge-year,
.pledge-date {
    font-size: 18px;
    color: #555;
    margin: 5px 0;
}

.section-pledge-students,
.section-pledge-commitment,
.section-pledge-notes,
.section-pledge-signatures {
    margin-bottom: 30px;
}

.pledge-section-title {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 2px solid #ccc;
    padding-bottom: 5px;
    margin-bottom: 15px;
}

.pledge-student-table,
.pledge-signature-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
}

.pledge-name-cell,
.pledge-class-cell,
.pledge-section-cell,
.pledge-qid-cell,
.pledge-parent-name-cell,
.pledge-phone-cell {
    padding: 8px;
    border: 1px solid #ddd;
    width: 33.33%;
}

.pledge-student-signature-cell,
.pledge-coordinator-signature-cell,
.pledge-social-worker-cell,
.pledge-deputy-director-cell {
    padding: 8px;
    border: 1px solid #ddd;
    width: 50%;
}

.pledge-approved-cell {
    padding: 8px;
    border: 1px solid #ddd;
    width: 100%;
}

.pledge-violations {
    margin: 10px 0;
    padding-left: 20px;
}

.pledge-violations ol {
    list-style-position: inside;
}

.pledge-violations li {
    margin-bottom: 5px;
    border-bottom: 1px solid #dee;
    padding-bottom: 5px;
}

.section-pledge-notes ul {
    list-style-type: disc;
    padding-left: 20px;
    margin-top: 10px;
}

.section-pledge-notes li {
    margin-bottom: 5px;
}

/* Follow-up Session Styles */
.followup-header {
    text-align: center;
    margin-bottom: 30px;
}

.followup-title {
    font-size: 24px;
    font-weight: bold;
    color: #333;
    margin: 0;
}

.followup-year {
    font-size: 18px;
    color: #555;
    margin: 5px 0;
}

.section-followup-students,
.section-followup-case-type,
.section-followup-summary,
.section-followup-decisions,
.section-followup-signatures {
    margin-bottom: 30px;
}

.followup-section-title {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 2px solid #ccc;
    padding-bottom: 5px;
    margin-bottom: 15px;
}

.followup-student-table,
.followup-signature-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
}

.followup-name-cell,
.followup-class-cell,
.followup-today-date-cell,
.followup-date-cell,.followup-today-cell,
.followup-referral-cell,
.followup-participant-cell {
    padding: 8px;
    border: 1px solid #ddd;
    width: 50%;
}

.followup-social-worker-name-cell,
.followup-social-worker-signature-cell {
    padding: 8px;
    border: 1px solid #ddd;
    width: 50%;
}

.followup-approved-cell {
    padding: 8px;
    border: 1px solid #ddd;
    width: 100%;
}

.followup-case-type-options {
    margin-top: 10px;
}

.followup-checkbox {
    margin-right: 10px;
}

.followup-other-description,
.followup-summary-description {
    border: 1px solid #ddd;
    padding: 10px;
    min-height: 60px;
    margin-top: 10px;
}

.followup-decisions-list {
    margin: 10px 0;
    padding-left: 20px;
}

.followup-decisions-list ol {
    list-style-position: inside;
}

.followup-decisions-list li {
    margin-bottom: 5px;
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
}

/* Student's Pledge Styles */
.student-pledge-header {
    text-align: center;
    margin-bottom: 30px;
}

.student-pledge-title {
    font-size: 24px;
    font-weight: bold;
    color: #333;
    margin: 0;
}

.student-pledge-year,
.student-pledge-date {
    font-size: 18px;
    color: #555;
    margin: 5px 0;
}

.section-student-pledge-info,
.section-student-pledge-commitment,
.section-student-pledge-actions,
.section-student-pledge-notes,
.section-student-pledge-signatures {
    margin-bottom: 30px;
}

.student-pledge-section-title {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 2px solid #ccc;
    padding-bottom: 5px;
    margin-bottom: 15px;
}

.student-pledge-info-table,
.student-pledge-signature-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
}

.student-pledge-violation-type-cell,
.student-pledge-violation-severity-cell,
.student-pledge-name-cell,
.student-pledge-class-cell,
.student-pledge-time-cell,.student-pledge-date-cell {
    padding: 8px;
    border: 1px solid #ddd;
    width: 50%;
}

.student-pledge-student-signature-cell,
.student-pledge-social-worker-name-cell,
.student-pledge-social-worker-signature-cell,
.student-pledge-deputy-cell {
    padding: 8px;
    border: 1px solid #ddd;
    width: 50%;
}

.student-pledge-approved-cell {
    padding: 8px;
    border: 1px solid #ddd;
    width: 100%;
}

.student-pledge-violations-description,
.student-pledge-actions-description {
    border: 1px solid #ddd;
    padding: 10px;
    min-height: 100px;
    margin-top: 10px;
}

.section-student-pledge-notes p {
    margin-top: 10px;
}

/* Parent Meeting Styles */
.parent-meeting-header {
    text-align: center;
    margin-bottom: 30px;
}

.parent-meeting-title {
    font-size: 24px;
    font-weight: bold;
    color: #333;
    margin: 0;
}

.parent-meeting-year,
.parent-meeting-objective {
    font-size: 18px;
    color: #555;
    margin: 5px 0;
}

.section-parent-meeting-info,
.section-parent-meeting-schedule,
.section-parent-meeting-notes,
.section-parent-meeting-guardian-notes,
.section-parent-meeting-recommendations,
.section-parent-meeting-signatures {
    margin-bottom: 30px;
}

.parent-meeting-section-title {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 2px solid #ccc;
    padding-bottom: 5px;
    margin-bottom: 15px;
}

.parent-meeting-info-table,
.parent-meeting-signature-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
}

.parent-meeting-guardian-cell,
.parent-meeting-class-cell,
.parent-meeting-section-cell,
.parent-meeting-time-day-cell,
.parent-meeting-date-cell,
.parent-meeting-from-cell,
.parent-meeting-to-cell {
    padding: 8px;
    border: 1px solid #ddd;
    width: 33.33%;
}

.parent-meeting-guardian-name-cell,
.parent-meeting-guardian-signature-cell,
.parent-meeting-guardian-phone-cell,
.parent-meeting-employee-name-cell,
.parent-meeting-employee-signature-cell,
.parent-meeting-job-title-cell {
    padding: 8px;
    border: 1px solid #ddd;
    width: 33.33%;
}

.parent-meeting-responsible-employee-cell {
    padding: 8px;
    border: 1px solid #ddd;
    width: 33.33%;
}

.parent-meeting-approved-cell {
    padding: 8px;
    border: 1px solid #ddd;
    width: 100%;
}

.parent-meeting-schedule-options {
    margin-top: 10px;
}

.parent-meeting-radio {
    margin-right: 10px;
}

.parent-meeting-other-description,
.parent-meeting-staff-notes-description,
.parent-meeting-guardian-notes-description,
.parent-meeting-recommendations-description {
    border: 1px solid #ddd;
    padding: 10px;
    min-height: 70px;
    margin-top: 10px;
}

.inline-input {
    display: inline-block;
    width: 200px;
    border-bottom: 1px solid #ddd;
    margin-left: 10px;
}

/* Guardian's Pledge Styles */
.guardian-pledge-header {
    text-align: center;
    margin-bottom: 30px;
}

.guardian-pledge-title {
    font-size: 24px;
    font-weight: bold;
    color: #333;
    margin: 0;
}

.guardian-pledge-year {
    font-size: 18px;
    color: #555;
    margin: 5px 0;
}

.section-guardian-pledge-info,
.section-guardian-pledge-commitment,
.section-guardian-pledge-signatures {
    margin-bottom: 30px;
}

.guardian-pledge-section-title {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 2px solid #ccc;
    padding-bottom: 5px;
    margin-bottom: 15px;
}

.guardian-pledge-info-table,
.guardian-pledge-signature-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
}

.guardian-pledge-severity-cell,
.guardian-pledge-type-cell,
.guardian-pledge-guardian-cell,
.guardian-pledge-class-cell,
.guardian-pledge-date-cell {
    padding: 8px;
    border: 1px solid #ddd;
    width: 50%;
}

.guardian-pledge-guardian-name-cell,
.guardian-pledge-guardian-signature-cell,
.guardian-pledge-student-name-cell,
.guardian-pledge-phone-cell,
.guardian-pledge-employee-name-cell,
.guardian-pledge-employee-signature-cell,
.guardian-pledge-deputy-cell {
    padding: 8px;
    border: 1px solid #ddd;
    width: 50%;
}

.guardian-pledge-approved-cell {
    padding: 8px;
    border: 1px solid #ddd;
    width: 100%;
}

.section-guardian-pledge-commitment p {
    margin: 10px 0;
}

/* Suspension Notice Styles */
.suspension-notice-header {
    text-align: center;
    margin-bottom: 30px;
}

.suspension-notice-title {
    font-size: 24px;
    font-weight: bold;
    color: #333;
    margin: 0;
}

.suspension-notice-year,
.suspension-notice-sms {
    font-size: 18px;
    color: #555;
    margin: 5px 0;
}

.section-suspension-notice-info,
.section-suspension-notice-details,
.section-suspension-notice-closing {
    margin-bottom: 30px;
}

.suspension-notice-section-title {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 2px solid #ccc;
    padding-bottom: 5px;
    margin-bottom: 15px;
}

.suspension-notice-info-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
}

.suspension-notice-guardian-cell,
.suspension-notice-grade-cell,
.suspension-notice-severity-cell {
    padding: 8px;
    border: 1px solid #ddd;
    width: 50%;
}

.suspension-notice-decision-list {
    margin: 10px 0;
    padding-left: 20px;
}

.suspension-notice-decision-list ol {
    list-style-position: inside;
}

.suspension-notice-decision-list li {
    margin-bottom: 5px;
    padding-bottom: 5px;
}

.section-suspension-notice-closing p {
    margin: 10px 0;
}

/* Parent's Invitation Styles */
.parent-invitation-header {
    text-align: center;
    margin-bottom: 30px;
}

.parent-invitation-title {
    font-size: 24px;
    font-weight: bold;
    color: #333;
    margin: 0;
}

.parent-invitation-year,
.parent-invitation-sms {
    font-size: 18px;
    color: #555;
    margin: 5px 0;
}

.section-parent-invitation-info,
.section-parent-invitation-details,
.section-parent-invitation-closing {
    margin-bottom: 30px;
}

.parent-invitation-section-title {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 2px solid #ccc;
    padding-bottom: 5px;
    margin-bottom: 15px;
}

.parent-invitation-info-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
}

.parent-invitation-guardian-cell,
.parent-invitation-grade-cell {
    padding: 8px;
    border: 1px solid #ddd;
    width: 50%;
}

.section-parent-invitation-details p {
    margin: 10px 0;
}

.section-parent-invitation-closing p {
    margin: 10px 0;
}

/* RTL Support for Arabic */
[dir="rtl"] .letter-content.template-body {
    direction: rtl;
    text-align: right;
}

[dir="rtl"] .pledge-violations ol,
[dir="rtl"] .section-pledge-notes ul,
[dir="rtl"] .followup-decisions-list ol,
[dir="rtl"] .suspension-notice-decision-list ol {
    padding-right: 20px;
    padding-left: 0;
}

[dir="rtl"] .parent-meeting-radio,
[dir="rtl"] .followup-checkbox,
[dir="rtl"] .inquiry-checkbox,
[dir="rtl"] .warning-checkbox {
    margin-left: 10px;
    margin-right: 0;
}

[dir="rtl"] .inline-input {
    margin-right: 10px;
    margin-left: 0;
}

.inquiry-checkbox,.warning-checkbox ,.parent-meeting-checkbox{
    vertical-align: middle;
    margin-right: 5px;
}

@media print {
    .template-body {
        background-image: url('/assets/images/student-behavior/bg_pdf.png') !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
    }
}