/* =========================
   Base layout (NO rounded)
   ========================= */
.api-jobs-wrap {
	max-width: 760px;
	margin: 40px auto;
	padding: 0 16px;
}

.api-jobs-card {
	background: #fff;
	border-radius: 0; /* <-- no rounded */
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
	overflow: hidden;
	border: 1px solid rgba(15, 23, 42, 0.10); /* un pelín más “metronic clean” */
}

.api-jobs-header {
	padding: 22px 22px 10px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.api-jobs-title {
	margin: 0 0 6px;
	font-size: 22px;
}

.api-jobs-subtitle {
	margin: 0;
	color: rgba(0, 0, 0, 0.55);
}

/* =========================
   Pills (NO rounded)
   ========================= */
.api-jobs-pills {
	margin-top: 12px;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.api-jobs-pill {
	font-size: 12px;
	padding: 6px 10px;
	border-radius: 0; /* <-- no rounded */
	background: rgba(0, 0, 0, 0.04);
	border: 1px solid rgba(15, 23, 42, 0.10);
}

.api-jobs-pill-muted {
	background: rgba(0, 0, 0, 0.03);
	color: rgba(0, 0, 0, 0.55);
}

/* =========================
   Sections / typography
   ========================= */
.api-jobs-section {
	padding: 18px 22px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.api-jobs-section-title {
	font-weight: 700;
	font-size: 13px;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	margin-bottom: 10px;
	color: rgba(0, 0, 0, 0.75);
}

.api-jobs-row {
	display: flex;
	align-items: center;
	gap: 12px;
}

.api-jobs-row-between {
	justify-content: space-between;
}

.api-jobs-strong {
	font-weight: 700;
}

.api-jobs-muted {
	color: rgba(0, 0, 0, 0.55);
	font-size: 13px;
}

.api-jobs-mt-8 {
	margin-top: 8px;
}

.api-jobs-mt-12 {
	margin-top: 12px;
}

.api-jobs-ml-12 {
	margin-left: 12px;
}

/* =========================
   Notices (NO rounded)
   ========================= */
.api-jobs-notice {
	padding: 12px 12px;
	border-radius: 0; /* <-- no rounded */
	font-size: 13px;
	border: 1px solid rgba(15, 23, 42, 0.10);
}

.api-jobs-notice--info {
	background: rgba(0, 120, 255, 0.08);
	color: rgba(0, 70, 160, 0.95);
}

.api-jobs-notice--warning {
	background: rgba(255, 170, 0, 0.12);
	color: rgba(120, 70, 0, 0.95);
}

/* =========================
   Danger section & buttons (NO rounded)
   ========================= */
.api-jobs-danger {
	background: rgba(255, 0, 0, 0.02);
}

.api-jobs-btn {
	border: 1px solid rgba(15, 23, 42, 0.14);
	border-radius: 0; /* <-- no rounded */
	padding: 10px 14px;
	cursor: pointer;
	font-weight: 700;
	transition: transform 0.12s ease, filter 0.12s ease, opacity 0.12s ease;
	background: #fff;
}

.api-jobs-btn:active {
	transform: translateY(1px);
}

.api-jobs-btn-danger {
	background: rgba(255, 0, 0, 0.10);
	color: rgba(140, 0, 0, 0.95);
	border-color: rgba(140, 0, 0, 0.18);
}

.api-jobs-btn-danger:hover {
	filter: brightness(0.97);
}

.api-jobs-btn-danger:disabled {
	opacity: 0.55;
	cursor: not-allowed;
	transform: none;
}

/* =========================
   Switch + Chip (NO rounded)
   ========================= */
.api-jobs-switch-wrap {
	display: flex;
	align-items: center;
	gap: 10px;
}

/* Chip ON/OFF (recto) */
.api-jobs-chip {
	display: inline-block;
	font-weight: 800;
	font-size: 12px;
	padding: 4px 10px;
	border-radius: 0; /* <-- no rounded */
	background: #fff;
	border: 1px solid rgba(15, 23, 42, 0.14);
	transition: background 0.18s, color 0.18s, transform 0.18s;
}

/* Switch */
.api-jobs-switch {
	position: relative;
	display: inline-block;
	width: 52px;
	height: 30px;
}

.api-jobs-switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.api-jobs-slider {
	position: absolute;
	cursor: pointer;
	inset: 0;
	background: rgba(0, 0, 0, 0.20);
	transition: 0.18s ease;
	border-radius: 0; /* <-- no rounded */
	border: 1px solid rgba(15, 23, 42, 0.14);
}

.api-jobs-slider:before {
	position: absolute;
	content: "";
	height: 22px;
	width: 22px;
	left: 3px;
	bottom: 3px;
	background: #fff;
	transition: 0.18s ease;
	border-radius: 0; /* <-- no rounded */
	box-shadow: 0 6px 14px rgba(0, 0, 0, 0.18);
	border: 1px solid rgba(15, 23, 42, 0.10);
}

/* Focus visible accesible */
.api-jobs-switch input:focus-visible + .api-jobs-slider {
	box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.25);
}

/* ===== SWITCH ACTIVO EN VERDE ===== */
.api-jobs-switch input:checked + .api-jobs-slider {
	background: #22c55e;
	border-color: rgba(34, 197, 94, 0.45);
}

.api-jobs-switch input:checked + .api-jobs-slider:before {
	transform: translateX(22px);
	box-shadow: 0 6px 14px rgba(34, 197, 94, 0.35);
}

/* ===== CHIP ON / OFF ===== */
.api-jobs-switch input:checked ~ .api-jobs-chip {
	background: rgba(34, 197, 94, 0.10);
	color: #15803d;
	border-color: rgba(34, 197, 94, 0.35);
}

.api-jobs-switch input:not(:checked) ~ .api-jobs-chip {
	background: #fff;
	color: rgba(0, 0, 0, 0.55);
	border-color: rgba(15, 23, 42, 0.14);
}

.api-jobs-switch-wrap.is-on .api-jobs-chip {
	background: rgba(34, 197, 94, 0.10);
	color: #15803d;
	border-color: rgba(34, 197, 94, 0.35);
}

.api-jobs-switch-wrap.is-off .api-jobs-chip {
	background: #fff;
	color: rgba(0, 0, 0, 0.55);
	border-color: rgba(15, 23, 42, 0.14);
}

/* =========================
   Reactivar perfil (baja) - FIX UI
   ========================= */

.api-jobs-reactivate-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}

#apiJobsReactivateBtn{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:8px;

  padding:12px 16px !important;
  border-radius:10px !important;

  /* Fuerza visibilidad (evita “botón vacío”) */
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;

  color:#fff !important;
  background:#111 !important;
  border:1px solid rgba(0,0,0,.2) !important;

  font-weight:800 !important;
  font-size:14px !important;
  line-height:1 !important;

  min-width: 180px;
}

#apiJobsReactivateBtn:hover{
  filter: brightness(1.05);
}

.api-jobs-reactivate-date{
  white-space:nowrap;
  opacity:.8;
}

/* Si algún CSS tuyo estaba ocultando botones hasta hover */
.api-jobs-section .api-jobs-btn{
  opacity: 1;
  visibility: visible;
  transform: none;
}

}