/* css/forms.css */

/* Styling umum untuk input, select, textarea */
input, select, textarea {
  padding: 12px 15px;
  margin: 8px 0;
  width: calc(100% - 30px);
  background: var(--input-bg);
  border: 1px solid var(--border);
  color: var(--fg);
  border-radius: 8px;
  transition: all 0.2s ease;
  box-shadow: inset 0 1px 3px var(--shadow-light);
}

input:focus, select:focus, textarea:focus {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(108, 117, 125, 0.25); /* Sesuaikan shadow fokus dengan aksen baru */
  outline: none;
}

textarea {
  resize: vertical;
  min-height: 80px;
}

/* Gaya untuk validasi error */
.input-error {
    border: 2px solid var(--error-border) !important;
}
.error-message {
    color: var(--error-border);
    font-size: 0.85em;
    margin-top: -5px;
    margin-bottom: 10px;
    display: block;
}

/* Styling untuk input pencarian di modal Hapus Jaringan */
#deleteJaringanSearchInput {
    width: calc(100% - 30px); /* Menyamakan dengan lebar input umum */
    padding: 12px 15px; /* Menyamakan dengan padding input umum */
    margin: 8px 0; /* Menyamakan dengan margin input umum */
    box-sizing: border-box; /* Penting untuk konsistensi lebar */
}

/* Styling untuk input pencarian di modal Hapus Segmen */
#deleteSegmentSearchInput {
    width: calc(100% - 30px); /* Menyamakan dengan lebar input umum */
    padding: 12px 15px; /* Menyamakan dengan padding input umum */
    margin: 8px 0; /* Menyamakan dengan margin input umum */
    box-sizing: border-box; /* Penting untuk konsistensi lebar */
}

/* Styling untuk input pencarian di modal Hapus teknisi */
#deleteTeknisiSearchInput {
    width: calc(100% - 30px); /* Menyamakan dengan lebar input umum */
    padding: 12px 15px; /* Menyamakan dengan padding input umum */
    margin: 8px 0; /* Menyamakan dengan margin input umum */
    box-sizing: border-box; /* Penting untuk konsistensi lebar */
}