/* ============================================================
   LENTERA Petugas - Operational Forms Layer
   TANDA-style field rhythm: clear labels, strong inputs, predictable actions.
   ============================================================ */

input,
select,
textarea,
.col-search,
.search-wrap,
.pagin-select,
.upload-select-wrap select,
.dok-modal-upload-row select {
  border: 2px solid var(--ops-border, #7f8fa3);
  border-radius: 2px;
  background-color: var(--ops-field, #fffefa);
}

input,
select,
textarea {
  min-height: 42px;
  height: 42px;
  padding-left: 11px;
  padding-right: 11px;
  color: #142640;
  font-weight: 600;
}

textarea {
  height: auto;
  min-height: 104px;
}

input:focus,
select:focus,
textarea:focus,
.search-wrap:focus-within,
.col-search:focus-within,
.upload-select-wrap select:focus,
.dok-modal-upload-row select:focus {
  border-color: var(--accent);
  outline: 2px solid rgba(200, 146, 42, .16);
  outline-offset: 0;
}

.form-sec,
.fsec {
  border-radius: 3px !important;
  padding: 14px 16px 12px;
  border: 2px solid var(--ops-border-soft, #b8c4d3);
  background: linear-gradient(180deg, #ffffff 0%, #fbfcfe 100%);
  box-shadow: none !important;
}

.workstation-form-pane .form-sec {
  margin-bottom: 12px;
}

.form-sec::before,
.fsec::before {
  width: 4px;
  background: var(--accent);
}

.form-sec-title,
.fsec-title,
.info-col-title,
.report-section-title {
  margin-bottom: 12px;
  padding-bottom: 7px;
  border-bottom: 2px solid #ccb174;
  color: #0f2347;
}

.fg,
.fg3,
.chk-grid {
  gap: 12px;
}

label.flabel,
.form1-edit-panel .flabel,
.workstation-context-label,
.workstation-summary-list dt {
  color: #354861;
}

.chk-item,
.cl-item {
  border: 2px solid #c7d3e1;
  border-radius: 3px;
  background: #fff;
}

.chk-item:has(input:checked),
.cl-item.checked {
  border-color: var(--accent);
  background: #fff8e8;
}

.badge {
  border: 1px solid currentColor;
  border-radius: 2px;
}

.btn {
  border-radius: 2px;
  min-height: 40px;
}

.btn-sm {
  min-height: 36px;
}

.btn-ghost {
  border: 2px solid var(--ops-border-soft, #b8c4d3);
  background: #ffffff;
}

.btn-navy,
.btn-gold,
.btn-green,
.btn-red,
.btn-orange,
.btn-teal,
.btn-purple {
  border-width: 2px;
  border-style: solid;
}