/* Jika input dibungkus dalam div kolom Bootstrap dan Anda ingin mengatur ulang tata letaknya */
/* Ini lebih kompleks dan mungkin memerlukan override template form */
/* .form-type-textfield {
    max-width: 500px;
} */

/* ========================= */
/* Style di tabel Views skripsi     */
/* ========================= */
.status-Pending {
  background-color: red !important; /* red */
  color: #fff !important;
}

.status-Proses {
  background-color: #007bff !important; /* biru */
  color: #fff !important;
}


.status-Revisi {
  background-color: #ffc107 !important; /* kuning */
  color: #000 !important;
}

.status-Diterima {
  background-color: #28a745 !important; /* hijau */
  color: #fff !important;
}

/* ========================= */
/* Style di form (radio) Skripsi    */
/* ========================= */

/* Bikin semua radio sejajar */
#edit-status-skripsi.form-radios {
  display: flex;
  flex-wrap: wrap; /* biar rapi kalau kepanjangan */
  gap: 20px;       /* jarak antar radio */
}

/* Hilangkan margin bawah default */
#edit-status-skripsi .form-type-radio {
  margin-bottom: 0;
}

/* Semua label diberi style dasar */
#edit-status-skripsi .form-type-radio label {
  padding: 5px 12px;
  border-radius: 6px;
  font-weight: bold;
  color: #fff;
  cursor: pointer;
}

/* Bikin semua bg tulisan radio berwarna */
/* Pending → merah */
#edit-status-skripsi-pending + label {
  background-color: red;
}

/* Proses → biru */
#edit-status-skripsi-proses + label {
  background-color: #007bff; /* biru bootstrap */
}

/* Revisi → kuning */
#edit-status-skripsi-revisi + label {
  background-color: orange;
  color: #000; /* teks hitam biar kontras */
}

/* Diterima → hijau */
#edit-status-skripsi-diterima + label {
  background-color: green;
}


/* ========================= */
/* Style di form (radio) posting    */
/* ========================= */

/* Bikin semua radio sejajar */
#edit-status-posting.form-radios {
  display: flex;
  flex-wrap: wrap; /* biar rapi kalau kepanjangan */
  gap: 20px;       /* jarak antar radio */
}

/* Hilangkan margin bawah default */
#edit-status-posting .form-type-radio {
  margin-bottom: 0;
}

/* Semua label diberi style dasar */
#edit-status-posting .form-type-radio label {
  padding: 5px 12px;
  border-radius: 6px;
  font-weight: bold;
  color: #fff;
  cursor: pointer;
}


/* Bikin semua bg tulisan radio berwarna */
/* Pending → merah */
#edit-status-posting-pending + label {
  background-color: red;
}

/* Revisi → biru */
#edit-status-posting-revisi + label {
  background-color: #007bff; /* biru bootstrap */
}

/* Disetujui → kuning */
#edit-status-posting-disetujui + label {
  background-color: orange;
  color: #000; /* teks hitam biar kontras */
}

/* Terposting → hijau */
#edit-status-posting-terposting + label {
  background-color: green;
}






/* ========================= */
/* Style di tabel Views posting     */
/* ========================= */



/* ========================= */
/* Style di form (radio) posting    */
/* ========================= */

/* Bikin semua radio sejajar */
#edit-bagian-posting.form-radios {
  display: flex;
  flex-wrap: wrap; /* biar rapi kalau kepanjangan */
  gap: 20px;       /* jarak antar radio */
}

/* Hilangkan margin bawah default */
#edit-bagian-posting .form-type-radio {
  margin-bottom: 0;
}

/* Semua label diberi style dasar */
#edit-bagian-posting .form-type-radio label {
  padding: 5px 12px;
  border-radius: 6px;
  font-weight: bold;
  color: #fff;
  cursor: pointer;
}

/* Bikin semua bg tulisan radio berwarna */
/* Pengumuman→ abu-abu*/
#edit-bagian-posting-pengumuman + label {
  background-color: #6c757d;
}

/* Artikel → abu-abu*/
#edit-bagian-posting-artikel + label {
background-color: #6c757d; }

/* Agenda → abu-abu*/
#edit-bagian-posting-agenda + label {
  background-color: #6c757d;
 
}


/* ========================= */
/* Style di form (radio) agenda    */
/* ========================= */
/* Bikin semua radio sejajar */
#edit-status-agn.form-radios {
  display: flex;
  flex-wrap: wrap; /* biar rapi kalau kepanjangan */
  gap: 20px;       /* jarak antar radio */
}


/* Menargetkan kolom Tanda Tangan */
.views-field-webform-submission-value-2 ;

{
    width: 150px !important; 
    /* ... dll. */
}