.admin-panel-body {
  max-width: 700px;
  margin: 0 auto;
  padding: 20px 0;
}

.admin-section {
  background: #fff;
  border: 1px solid #c8d4e1;
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 20px;
}

.admin-section h2 {
  margin: 0 0 16px;
  font-size: 16px;
  color: var(--brand);
  border-bottom: 1px solid #e8f0f5;
  padding-bottom: 10px;
}

.admin-setting {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
}

.admin-label {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.admin-label span {
  font-weight: 700;
  font-size: 14px;
}

.admin-label small {
  color: #7a8fa0;
  font-size: 12px;
  max-width: 400px;
  line-height: 1.4;
}

.admin-control {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 6px;
  min-width: 160px;
}

.admin-control-cc {
  flex: 1;
  align-items: stretch;
  min-width: 260px;
}

.admin-control-cc textarea,
.admin-control-cc input {
  width: 100%;
  border: 1px solid #c8d4e1;
  border-radius: 6px;
  padding: 8px 10px;
  font: inherit;
  font-size: 13px;
}

.admin-control-cc textarea {
  resize: vertical;
}

.admin-control-cc .small-button {
  align-self: flex-end;
}

#receivingFormCcStatus {
  font-size: 11px;
  color: #7a8fa0;
  text-align: right;
}

#allowNegativeQtyStatus {
  font-size: 11px;
  color: #7a8fa0;
  text-align: right;
  max-width: 160px;
}

.admin-action-status {
  font-size: 11px;
  color: #557286;
  line-height: 1.4;
  max-width: 260px;
  text-align: right;
}

.admin-action-status.error {
  color: #b42318;
}


.admin-control-logo {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
}
.letterhead-preview {
  width: 320px;
  max-width: 100%;
  min-height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  border: 1px dashed #b9c7d2;
  border-radius: 8px;
  background: #fff;
}
.letterhead-preview img {
  max-width: 100%;
  max-height: 120px;
  object-fit: contain;
}
#letterheadPreviewEmpty {
  font-size: 12px;
  color: #7a8fa0;
  text-align: center;
}
.letterhead-actions {
  display: flex;
  gap: 6px;
}

@media (max-width: 767px) {
  .admin-panel-body {
    width: 100%;
    padding: 12px 0;
  }

  .admin-section {
    padding: 14px;
    margin-bottom: 12px;
  }

  .admin-setting {
    flex-direction: column;
    gap: 12px;
  }

  .admin-label,
  .admin-label small,
  .admin-control,
  .admin-control-cc {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  .admin-control {
    align-items: stretch;
  }

  .admin-control > .small-button,
  .admin-control-cc .small-button {
    width: 100%;
    align-self: stretch;
  }

  .staff-toolbar {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch;
  }

  .staff-toolbar input[type="search"],
  .staff-toolbar .small-button,
  .staff-toolbar .import-status {
    width: 100%;
    min-width: 0;
  }

  #receivingFormCcStatus,
  #allowNegativeQtyStatus,
  .admin-action-status {
    max-width: 100%;
    text-align: left;
  }
}

/* Workshop Job Type Maintenance (reuses the Staff Maintenance modal layout). */
.workshop-job-type-panel { width: min(1040px, 94vw); }
.workshop-job-type-table td:nth-child(2),
.workshop-job-type-table td:nth-child(5),
.workshop-job-type-table td:nth-child(6),
.workshop-job-type-table td:nth-child(8) { text-align: center; }
.workshop-job-type-table tr.is-inactive td { color: #8a96a3; }
.workshop-job-type-table .job-type-status-badge { font-weight: 600; }
.workshop-job-type-table tr.is-inactive .job-type-status-badge { color: #b23b3b; }
.workshop-job-type-lock-note {
  margin: 0 0 10px;
  padding: 8px 10px;
  border-radius: 6px;
  background: #fff6e0;
  color: #7a5a00;
  font-size: 12px;
}
#copyWorkshopJobTypeButton { margin-right: 12px; }
#copyWorkshopJobTypeButton[hidden],
#workshopJobTypeLockNote[hidden] { display: none; }
.workshop-job-type-audit { margin: 10px 0 0; font-size: 12px; color: #607385; }
#workshopJobTypeStatusFilter { font-size: 13px; padding: 6px 8px; border: 1px solid #c3d0db; border-radius: 6px; }