/* "Input Laporan Perbaikan" form refinement -- scoped to .repair-report-form so it never
   touches the many other dialogs that share the generic .form-grid (Unit form, Part form,
   User/Role forms, etc). Adds section grouping (kicker labels), a highlighted auto-generated
   document-number badge, nicer textareas, and roomier spacing. Pure visual layer -- no field
   name/id changed, so repairs.js' submit handler and validation are untouched. */
.repair-report-title{margin-bottom:4px!important}
.repair-report-form{gap:16px 16px!important}
.repair-report-form label{display:flex;flex-direction:column;gap:2px}
.repair-report-form input,
.repair-report-form select,
.repair-report-form textarea{
  padding:10px 12px;
  border:1px solid #dbe3ee;
  border-radius:9px;
  transition:border-color .15s ease,box-shadow .15s ease;
}
.repair-report-form input:focus,
.repair-report-form select:focus,
.repair-report-form textarea:focus{
  outline:none;
  border-color:#2563eb;
  box-shadow:0 0 0 3px rgba(37,99,235,.12);
}
.repair-report-form textarea{min-height:78px;resize:vertical;font:inherit;line-height:1.5}
.repair-report-form textarea::placeholder,
.repair-report-form input::placeholder{color:#94a3b8}

/* Section kicker: a small uppercase label with a divider, same visual language used
   elsewhere in the app (e.g. "BACKUP PART INVENTORY", "DETAIL RECORD PERBAIKAN"). */
.repair-section-label{
  margin:2px 0 -4px;
  padding-top:12px;
  border-top:1px solid #eef1f6;
}
.repair-section-label:first-of-type{border-top:0;padding-top:0;margin-top:0}
.repair-section-label span{
  display:inline-block;
  font-size:11px;
  font-weight:800;
  letter-spacing:.05em;
  color:#64748b;
}

/* Auto-generated document number, presented as an info badge instead of a plain
   disabled-looking text box. */
.repair-doc-no-badge{
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 14px;
  background:#eff6ff;
  border:1px solid #dbeafe;
  border-radius:10px;
}
.repair-doc-no-icon{font-size:20px;line-height:1;flex:0 0 auto}
.repair-doc-no-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.repair-doc-no-text small{font-size:10.5px;font-weight:700;letter-spacing:.04em;color:#3b5b8c;text-transform:uppercase}
.repair-doc-no-text input{
  border:0!important;
  background:transparent!important;
  padding:0!important;
  margin:0!important;
  font-size:15px;
  font-weight:800;
  font-family:ui-monospace,SFMono-Regular,Consolas,monospace;
  color:#1d4ed8;
  cursor:default;
}
.repair-doc-no-text input:focus{box-shadow:none!important}

@media(max-width:640px){
  .repair-doc-no-badge{padding:11px 12px;gap:10px}
  .repair-doc-no-text input{font-size:13px}
}