/* Untuk "Tgl Surat Masuk" */
#edit-tanggal-raker,
#edit-tanggal-khdosen,
#edit-tgl-sm,
#edit-tgl-sk, 
#edit-tahun-khdosen,
#edit-tgl-acara-agn{ /* Ganti dengan ID yang Anda temukan */
  width: 200px; /* Lebar yang Anda inginkan */
  max-width: 100%;
}

/* Untuk "Nomor Surat" */

#edit-nomor-sm,
#edit-nomor-sk,
#edit-no-invkom,
#edit-nama-invkom,
#edit-tahun,
#edit-nama-barang-int0,
#edit-no-issn-jur { /* Ganti dengan ID yang Anda temukan */
    width: 300px;
    max-width: 100%;
}

/* Untuk "tujuan" */
#edit-nama-khtendik,
#edit-asal-khdosen,
#edit-nama-khdosen,
#edit-nama-raker,
#edit-asal-sm,
#edit-tujuan-sk,
#edit-penerbit-jur { /* Ganti dengan ID yang Anda temukan */
    width: 300px;
    max-width: 100%;
}

/* Untuk "select perihal" (kemungkinan textarea) */
#edit-tahun-khtendik,
#edit-tanggal-khtendik,
#edit-tanggal-raker,
#edit-tahun-raker,
#edit-perihal-sm,
#edit-fakultas-jur,
#edit-perihal-sk,
#edit-kondisi-invkom,
#edit-tahun-invkom,
#edit-uraian-sop { /* Ganti dengan ID yang Anda temukan */
    width: 300px; /* Lebar untuk textarea */
    max-width: 100%;
    height: 34px; /* Tinggi untuk textarea */
}

/* Untuk "Isi text area" */
#edit-isi-sm,
#edit-isi-sk,
#edit-spesifikasi-invkom,
#edit-keterangan-invkom,
#edit-uraian-agn,
#edit-keterangan-agn { /* Ganti dengan ID yang Anda temukan */
  width: 800px;
  max-width: 100%;
}

/* Untuk "Upload" */
#edit-file-sm-upload,
#edit-file-master-sk-upload,
#edit-file-sk-upload,
#edit-file-agn-upload,
#edit-file-fildoc-upload,
#edit-file-sop-upload { /* Ganti dengan ID yang Anda temukan */
  width: 300px;
  max-width: 100%;
  height: 34px; /* Jika ini textarea */
}

/* Untuk "Keterangan" (kemungkinan textarea) */
#edit-keterangan-sm,
#edit-keterangan-sk,
#edit-keterangan-fildoc,
#edit-keterangan-sop,
#edit-keterangan-jur { /* Ganti dengan ID yang Anda temukan */
    width: 800px;
    max-width: 100%;
}

/* Untuk "input setting" */

#edit-nama-selct1 { /* Ganti dengan ID yang Anda temukan */
  width: 300px;
  max-width: 100%;
}

/* Untuk "uraian 2" */

#edit-uraian-fildoc,
#edit-akreditasi-lokal-jur,
#edit-akreditasi-int-jur,
#edit-judul-jur { /* Ganti dengan ID yang Anda temukan */
    width: 600px;
    max-width: 100%;
}
  
  .status-belum {
    color: red; /* Warna merah */
}

.status-selesai {
    color: green; /* Warna hijau */
}
  
  
  
/* TTD" (kemungkinan textarea) */
#edit-tanda-tangan-tamu { /* Ganti dengan ID yang Anda temukan */
    width: 400px;
    max-width: 100%;
}

/* TTD" (lihat tamu) */
.views-field-webform-submission-value-4 .webform-signature-image {
    width: 150px; /* Lebar yang Anda inginkan */
    height: 50px; /* Tinggi yang Anda inginkan */
    object-fit: contain; /* Memastikan gambar terlihat penuh tanpa terpotong dalam batas kotak */
}
  
  
/* TTD raker" (kemungkinan textarea) */
#edit-ttd-khtendik,
#edit-ttd-raker,
#edit-ttd-khdosen
{ /* Ganti dengan ID yang Anda temukan */
    width: 400px;
    max-width: 100%;
}  

  
  /* TTD raker" (lihat tamu) */
.views-field-webform-submission-value-2 .webform-signature-image {
    width: 150px; /* Lebar yang Anda inginkan */
    height: 50px; /* Tinggi yang Anda inginkan */
    object-fit: contain; /* Memastikan gambar terlihat penuh tanpa terpotong dalam batas kotak */
}



.webform-signature-image {
  /* Pastikan tinggi sudah kecil, misalnya 40px */
  height: 40px !important; 
  width: auto !important;
  
  /* Mengatasi spasi putih (whitespace) di bawah gambar */
  display: inline-block; 
  vertical-align: middle; 
}

/* Opsional: Targetkan kolom Ttd secara spesifik untuk memastikan tidak ada padding/margin unik */
.views-field-webform-submission-value-3 {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

/* Menargetkan semua sel data dalam tabel */
.views-view-table td {
  /* Hapus atau kurangi secara ekstrem padding atas dan bawah */
  padding-top: 2px !important;    /* Coba 2px atau 3px */
  padding-bottom: 2px !important; /* Coba 2px atau 3px */
  
  /* Atur tinggi baris tulisan menjadi rapat */
  line-height: 1.2 !important; 
  
  /* Pastikan konten vertikal rata tengah jika padding diubah */
  vertical-align: middle !important; 
}



/* Menyembunyikan Field 'Tanggal' dan 'Tahun' */

.js-form-item-tanggal-khdosen,
.js-form-item-tahun-khdosen {
    /* Aturan utama untuk menyembunyikan elemen secara total */
    display: none !important;
}


/* Menyembunyikan field Tanggal */
.js-form-item-tanggal-khtendik {
  display: none !important;
}

/* Menyembunyikan field Tahun */
.js-form-item-tahun-khtendik {
  display: none !important;
}

.js-form-item-asal-unit-khdosen,
.js-form-item-asal-unit-khtendik {
    /* Aturan utama untuk menyembunyikan elemen secara total */
    display: none !important;
}

.js-webform-signature-pad canvas {
    /* Mengatur latar belakang kanvas menjadi putih */
    background-color: #ffffff !important; 
    /* Opsional: Membuat batas agar area tanda tangan jelas */
    border: 1px solid #ccc; 
}

/* Target DIV pembungkus dan elemen CANVAS di dalamnya */
.js-form-item-ttd-khdosen .js-webform-signature-pad,
.js-form-item-ttd-khdosen .js-webform-signature-pad canvas {
    /* 1. Paksa warna latar belakang menjadi putih mutlak */
    background-color: #ffffff !important; 
    
    /* 2. Properti penting untuk mengatasi filter tema gelap */
    /* Ini akan mencegah browser membalik warna (invert) kanvas */
    filter: none !important;
    
    /* 3. Atur warna batas jika diperlukan, agar area tanda tangan jelas */
    border: 1px solid #ccc;
}


/* CONTAINER UTAMA FORMULIR KEHADIRAN (lebih spesifik) */
/* Gunakan form ID atau class unik jika ada, atau tambahkan container div khusus */
/* Contoh: #webform-submission-kehadiran-tendik-add-form */
form#webform-submission-kehadiran-dosen-add-form,
form#webform-submission-kehadiran-tendik-add-form
{ /* Menargetkan form kehadiran Anda secara spesifik */
  max-width: 600px;
  width: 100%;
  margin: 40px auto;
  padding: 30px;
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
}


/* Styling header form kehadiran */
#edit-kehadiran-khdosen,
#edit-header-khtendik {
text-align: center;
margin-bottom: 25px;
}

/* **PERBAIKAN UTAMA DI SINI:** Targetkan gambar di dalam #edit-kehadiran-khdosen */
/* Ini akan mengontrol ukuran logo untuk form Kehadiran Dosen */
#webform-submission-kehadiran-dosen-add-form #edit-kehadiran-khdosen img,
#webform-submission-kehadiran-tendik-add-form #edit-header-khtendik img {
/* Atur ukuran maksimum yang Anda inginkan (misalnya 250px) */
max-width: 350px;
height: auto;
margin-bottom: 15px;
/* Properti pemusatan */
 display: block; 
 margin-left: auto;
 margin-right: auto;
}

/* Pertahankan pengaturan styling header lainnya */
#edit-kehadiran-khdosen p strong,
#edit-header-khtendik p strong {
 font-size: 1.3em;
 color: #333;
}