<div style="font-family: 'Times New Roman', Times, serif; font-size: 11pt; line-height: 1.6; color: #000; padding: 20px;">
  <!-- KOP SURAT -->
  <div style="text-align: center; border-bottom: 3px double #000; padding-bottom: 12px; margin-bottom: 30px;">
    <h1 style="margin: 0; font-size: 20px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px;">PT. DHARMA KREASI NUSANTARA</h1>
    <p style="margin: 4px 0 0 0; font-size: 11px; font-style: italic;">Gedung Graha Utama Lt. 5, Jl. Jend. Sudirman Kav. 52-53, Jakarta Selatan 12190</p>
    <p style="margin: 2px 0 0 0; font-size: 11px;">Telp: (021) 515-2026 | Email: info@dharmakreasi.co.id</p>
  </div>

  <!-- JUDUL SURAT -->
  <div style="text-align: center; margin-bottom: 30px;">
    <h2 style="margin: 0; font-size: 14pt; font-weight: bold; text-decoration: underline; text-transform: uppercase; color: #cc0000;">SURAT PERINGATAN PERTAMA (SP-1)</h2>
    <p style="margin: 4px 0 0 0; font-size: 11pt;">Nomor: .../SP-1/...</p>
  </div>

  <p style="margin-bottom: 15px;">Surat Peringatan ini diberikan kepada:</p>

  <table style="width: 100%; margin-bottom: 25px; margin-left: 20px; border-collapse: collapse;">
    <tr>
      <td style="width: 25%; padding: 4px 0; vertical-align: top;">Nama Karyawan</td>
      <td style="width: 3%; padding: 4px 0; vertical-align: top;">:</td>
      <td style="width: 72%; padding: 4px 0; font-weight: bold;">(Nama Karyawan)</td>
    </tr>
    <tr>
      <td style="padding: 4px 0; vertical-align: top;">NIK</td>
      <td style="padding: 4px 0; vertical-align: top;">:</td>
      <td style="padding: 4px 0;">(Nomor Induk Karyawan)</td>
    </tr>
    <tr>
      <td style="padding: 4px 0; vertical-align: top;">Jabatan / Departemen</td>
      <td style="padding: 4px 0; vertical-align: top;">:</td>
      <td style="padding: 4px 0;">(Jabatan) / (Departemen)</td>
    </tr>
  </table>

  <p style="margin-bottom: 15px; text-align: justify;">
    Surat Peringatan Pertama (SP-1) ini diterbitkan sehubungan dengan tindakan indispliner dan pelanggaran terhadap Peraturan Perusahaan yang telah dilakukan oleh Saudara/i, yaitu berupa:
  </p>
  
  <div style="background-color: #fcf8e3; border: 1px solid #faebcc; padding: 15px; margin-bottom: 20px; border-radius: 4px; text-align: justify;">
    <strong>Pelanggaran:</strong><br/>
    (Sebutkan rincian pelanggaran, misal: keterlambatan masuk kantor melebihi batas toleransi sebanyak lebih dari 5 kali dalam sebulan / Tidak hadir tanpa keterangan medis).
  </div>

  <p style="margin-bottom: 15px; text-align: justify;">
    Manajemen perusahaan memandang pelanggaran ini sebagai tindakan yang merugikan produktivitas tim dan merusak kedisiplinan lingkungan kerja PT. Dharma Kreasi Nusantara. Melalui surat ini, diharapkan Saudara/i segera melakukan perbaikan performa sikap dan kehadiran.
  </p>

  <p style="margin-bottom: 15px; text-align: justify;">
    Masa berlaku Surat Peringatan Pertama (SP-1) ini adalah selama <strong>6 (enam) bulan</strong> sejak tanggal ditandatangani. Jika dalam kurun waktu tersebut Saudara/i kembali melakukan pelanggaran disiplin kerja, maka perusahaan akan memberikan sanksi lanjutan berupa Surat Peringatan Kedua (SP-2) sesuai dengan ketentuan regulasi ketenagakerjaan resmi.
  </p>

  <p style="margin-bottom: 30px; text-align: justify;">
    Demikian Surat Peringatan ini dibuat agar menjadi perhatian serius dan untuk segera diperbaiki oleh yang bersangkutan.
  </p>

  <!-- TANDA TANGAN DUA PIHAK -->
  <table style="width: 100%; margin-top: 50px;">
    <tr>
      <td style="width: 50%; text-align: left; vertical-align: top;">
        <p style="margin: 0; font-size: 10pt; color: #555;">Penerima Peringatan,</p>
        <div style="margin-top: 60px;">
          <p style="margin: 0; font-weight: bold; text-decoration: underline;">(Nama Karyawan)</p>
          <p style="margin: 2px 0 0 0; font-size: 10pt; color: #555;">Karyawan</p>
        </div>
      </td>
      <td style="width: 50%; text-align: right; vertical-align: top;">
        <p style="margin: 0; font-size: 10pt; color: #555;">Jakarta, (Tanggal Surat)</p>
        <p style="margin: 2px 0 0 0; font-weight: bold;">Atas nama HR Departemen,</p>
        <div style="margin-top: 60px;">
          <p style="margin: 0; font-weight: bold; text-decoration: underline;">(Nama HR Manager)</p>
          <p style="margin: 2px 0 0 0; font-size: 10pt; color: #555;">Human Resources Manager</p>
        </div>
      </td>
    </tr>
  </table>
</div>