.lk-job {
	width: 100%;
	color: var(--lkcv-text, #172033);
	font-size: var(--lkcv-font-size, 14px);
}

.lk-job__container {
	width: 100%;
}

.lk-job__topbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 40px;
	margin-bottom: 24px;
}

.lk-job__back {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: var(--lkcv-muted, #667085);
	text-decoration: none;
	transition: color 0.2s ease;
}

.lk-job__back svg {
	width: 18px;
	height: 18px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2;
	transition: transform 0.2s ease;
}

.lk-job__back:hover {
	color: var(--lkcv-text, #172033);
}

.lk-job__actions {
	display: flex;
	align-items: center;
	gap: 8px;
}

.lk-job__share-menu {
	position: relative;
}

.lk-job__action {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 36px;
	padding: 8px;
	border: 0;
	border-radius: 999px;
	color: var(--lkcv-muted, #667085);
	background: transparent;
	font: inherit;
	font-size: 13px;
	font-weight: var(--lkcv-font-weight-medium, 500);
	line-height: 1;
	text-decoration: none;
	cursor: pointer;
}

.lk-job__action.lk-popup-more { color:#475467; width:36px; min-width:36px; height:36px; padding:0; border:0; border-radius:50%; background:transparent; }
.lk-job__share-menu > .lk-job__action.lk-popup-more > svg { width:20px; height:20px; fill:currentColor!important; stroke:none!important; }
.lk-job__action.lk-popup-more:hover { background:#f1f3f6; }
.lk-job__action.lk-popup-edit { min-height:36px; padding:0 10px; border:1px solid #e4e7ec; border-radius:10px; background:#fff; color:#475467; font-size:14px; font-weight:400; gap:6px; }
.lk-job__action.lk-popup-edit:hover { background:#f9fafb; }
.lk-job__action i {
	display: grid;
	width: 18px;
	height: 18px;
	place-items: center;
}

.lk-job__action:hover {
	color: var(--lkcv-text, #172033);
	background: var(--lkcv-soft, #f8fafc);
}

.lk-job__action svg,
.lk-job__meta svg {
	width: 100%;
	height: 100%;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.8;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.lk-job__share-panel {
	position: absolute;
	display: grid;
	grid-template-rows: minmax(0, 1fr);
	box-sizing: border-box;
	z-index: 30;
	top: calc(100% + 9px);
	right: 0;
	width: 230px;
	max-height:320px;
	overflow:hidden;
	padding: 6px;
	border: 1px solid var(--lkcv-border, #e5e7eb);
	border-radius: 10px;
	background: var(--lkcv-surface, #fff);
	box-shadow: 0 10px 28px rgba(16, 24, 40, 0.1);
}

.lk-job__share-panel[hidden] { display:none; }

.lk-job__share-panel button,
.lk-job__share-panel a {
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100%;
	min-height: 36px;
	padding: 8px 9px;
	border: 0;
	border-radius: 7px;
	color: var(--lkcv-text, #172033);
	background: transparent;
	font: inherit;
	font-size: 13px;
	line-height: 1.2;
	text-align: left;
	text-decoration: none;
	cursor: pointer;
}

.lk-job__share-panel button:hover,
.lk-job__share-panel a:hover {
	background: var(--lkcv-soft, #f8fafc);
}

.lk-job__share-panel svg { width:18px; height:18px; flex:0 0 18px; }

.lk-job__share-panel i {
	display: grid;
	flex: 0 0 16px;
	width: 16px;
	height: 16px;
	place-items: center;
	color: var(--lkcv-muted, #667085);
}

.lk-job__network {
	display: grid;
	flex: 0 0 16px;
	width: 16px;
	height: 16px;
	place-items: center;
	border-radius: 4px;
	color: #fff;
	font-size: 10px;
	font-weight: 700;
	line-height: 1;
}

.lk-job__network--whatsapp {
	background: #25d366;
}

.lk-job__network--facebook {
	background: #1877f2;
	font-size: 13px;
}

.lk-job__network--linkedin {
	background: #0a66c2;
	font-size: 9px;
}

.lk-job__network--x {
	background: var(--lkcv-text, #172033);
}

.lk-job__copy-link {
	margin-top: 4px;
	border-top: 1px solid var(--lkcv-border, #e5e7eb) !important;
	border-radius: 0 0 7px 7px !important;
}

.lk-job__company-row {
	display: flex;
	align-items: center;
	gap: 11px;
	margin-bottom: 17px;
}

.lk-job__company-logo {
	display: grid;
	flex: 0 0 38px;
	width: 38px;
	height: 38px;
	place-items: center;
	overflow: hidden;
	border-radius: 10px;
	background: var(--lkcv-soft, #f8fafc);
	color: var(--lkcv-text, #172033);
	font-size: 15px;
	font-weight: var(--lkcv-font-weight-semibold, 650);
}

.lk-job__company-logo-image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.lk-job__company {
	margin: 0;
	color: var(--lkcv-muted, #667085);
	font-size: 16px;
	font-weight: var(--lkcv-font-weight-regular, 400);
	line-height: 1.45;
}

.lk-job__company a { color: inherit; text-decoration: none; text-underline-offset: 3px; }
.lk-job__company a:hover { color: #2563eb; text-decoration: underline; }
.lk-job__company a:focus-visible { outline: 2px solid #93baff; outline-offset: 4px; border-radius: 3px; }

.lk-job__title {
	margin: 0;
	color: var(--lkcv-text, #172033);
	font-size: clamp(34px, 5vw, 48px);
	font-weight: var(--lkcv-font-weight-semibold, 650);
	letter-spacing: -1.2px;
	line-height: 1.08;
}

.lk-job__meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px 48px;
	margin: 27px 0 0;
	padding: 0;
	list-style: none;
}

.lk-job__meta-item {
	position: relative;
	display: inline-flex;
	align-items: center;
	min-width: 0;
	color: var(--lkcv-muted, #667085);
	font-size: 14px;
	font-weight: var(--lkcv-font-weight-regular, 400);
	line-height: 1.45;
}

.lk-job__meta-icon {
	display: grid;
	flex: 0 0 17px;
	width: 17px;
	height: 17px;
	margin-right: 7px;
	color: var(--lkcv-muted, #667085);
}

.lk-job__meta-value {
	white-space: nowrap;
}

.lk-job__status-label {
	display: inline-flex;
	align-items: center;
	min-height: 23px;
	margin-left: 6px;
	padding: 4px 8px;
	border-radius: 999px;
	color: #166534;
	background: #dcfce7;
	font-size: 11px;
	font-weight: var(--lkcv-font-weight-semibold, 650);
	line-height: 1;
	white-space: nowrap;
}

.lk-job__status-label.is-inactive {
	color: #991b1b;
	background: #fee2e2;
}

.lk-job__info-button {
 display:inline-flex; width:24px; height:24px; flex:0 0 24px; align-items:center; justify-content:center; margin-left:7px; padding:2px; border:0; border-radius:50%; color:#475467; background:transparent; cursor:pointer;
}
.lk-job__info-button:hover,
.lk-job__info-button[aria-expanded="true"] { background:#f2f4f7; }
.lk-job__info-button svg { width:20px; height:20px; }

.lk-job__info-popover {
	position: absolute;
	z-index: 20;
	bottom: calc(100% + 10px);
	left: 50%;
	width: min(250px, calc(100vw - 32px));
	padding: 10px 12px;
	border: 1px solid var(--lkcv-border, #e5e7eb);
	border-radius: 9px;
	color: var(--lkcv-text, #172033);
	background: var(--lkcv-surface, #fff);
	box-shadow: 0 10px 24px rgba(16, 24, 40, 0.1);
	font-size: 12px;
	font-weight: var(--lkcv-font-weight-regular, 400);
	line-height: 1.55;
	transform: translateX(-50%);
}

.lk-job__info-popover::after {
	position: absolute;
	bottom: -5px;
	left: 50%;
	width: 8px;
	height: 8px;
	border-right: 1px solid var(--lkcv-border, #e5e7eb);
	border-bottom: 1px solid var(--lkcv-border, #e5e7eb);
	background: var(--lkcv-surface, #fff);
	content: "";
	transform: translateX(-50%) rotate(45deg);
}

.lk-job__apply {
	display: flex;
	align-items: center;
	margin-top: 46px;
}

.lk-job__apply--top {
	margin-top: 30px;
	padding-top: 0;
	border-top: 0;
}


.lk-job__apply-content {
	padding: 28px;
	border: 1px solid var(--lkcv-border, #e5e7eb);
	border-radius: 12px;
	background: var(--lkcv-surface, #ffffff);
	color: var(--lkcv-text, #172033);
    width: 100%;
}

.lk-job__apply-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 10px;
	color: var(--lkcv-muted, #667085);
	font-size: 13px;
	font-weight: 600;
}

.lk-job__apply-eyebrow i {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #22a06b;
	box-shadow: 0 0 0 4px rgba(34, 160, 107, 0.14);
}

.lk-job__apply-heading h3 {
	margin: 0 0 8px;
	color: var(--lkcv-text, #172033);
	font-size: 22px;
	line-height: 1.3;
}

.lk-job__apply-heading p,
.lk-job__apply-note p {
	margin: 0;
	color: var(--lkcv-muted, #667085);
	font-size: 14px;
	line-height: 1.65;
}

.lk-job__apply-actions,
.lk-job__apply-form {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	align-items: center;
	margin-top: 20px;
}

.lk-job__apply-button,
.lk-job__apply-secondary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 40px;
	padding: 0 20px;
	border: 1px solid transparent;
	border-radius: 40px;
	font-size: 14px;
	line-height: 1.3;
	text-decoration: none;
	transition: background-color 0.18s ease, border-color 0.18s ease;
}

.lk-job__apply-button {
	border-color: var(--lkcv-accent, #172033);
	background: var(--lkcv-accent, #172033);
	color: var(--lkcv-on-accent, #ffffff);
	cursor: pointer;
}

.lk-job__apply-button:hover {
	background: var(--lkcv-accent-hover, #344054);
	color: var(--lkcv-on-accent, #ffffff);
}

.lk-job__apply-secondary {
	border-color: var(--lkcv-border-strong, #98a2b3);
	background: transparent;
	color: var(--lkcv-text, #172033);
}

.lk-job__apply-secondary:hover {
	border-color: var(--lkcv-text, #172033);
	background: var(--lkcv-soft, #f8fafc);
	color: var(--lkcv-text, #172033);
}

.lk-job__apply-note {
	display: flex;
	align-items: flex-start;
	gap: 9px;
	margin-top: 18px;
	padding: 13px 14px;
	border-radius: 10px;
	background: var(--lkcv-soft, #f8fafc);
}

.lk-job__apply-note > span {
	color: #168354;
	font-weight: 700;
}

.lk-job__apply-content--sent,
.lk-job__apply-content--closed {
	display: flex;
	align-items: flex-start;
	gap: 12px;
}

.lk-job__apply-content--sent {
	border-color: #bbf7d0;
	background: #f0fdf4;
}

.lk-job__apply-check {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: #16a34a;
	color: #ffffff;
	font-weight: 700;
}

.lk-job__apply-content--sent strong,
.lk-job__apply-content--sent div > span,
.lk-job__apply-content--closed strong,
.lk-job__apply-content--closed > span {
	display: block;
}

.lk-job__apply-content--sent strong,
.lk-job__apply-content--closed strong {
	margin-bottom: 3px;
	font-size: 14px;
}

.lk-job__apply-content--sent strong,
.lk-job__apply-content--sent div > span {
	color: #166534;
}

.lk-job__apply-content--sent div > span,
.lk-job__apply-content--closed > span {
	font-size: 13px;
	line-height: 1.5;
}

@media (max-width: 767px) {
	.lk-job__apply-content {
		padding: 22px;
	}

	.lk-job__apply-heading h3 {
		font-size: 20px;
	}

	.lk-job__apply-actions,
	.lk-job__apply-form {
		display: grid;
		grid-template-columns: 1fr;
	}

	.lk-job__apply-button,
	.lk-job__apply-secondary {
		width: 100%;
	}
}

.lk-job__body {
	padding-top: 24px;
    border-top: 1px solid var(--lkcv-border, #e5e7eb);
    margin-top: 12px;
}

.lk-job__description {
	color: var(--lkcv-text, #172033);
	font-size: 15px;
	line-height: 1.8;
}

.lk-job__description > :first-child {
	margin-top: 0;
}

.lk-job__description p {
	margin: 0 0 20px;
}

.lk-job__content-title {
	margin: 0 0 17px;
	color: var(--lkcv-text, #172033);
	font-size: 20px;
	font-weight: var(--lkcv-font-weight-semibold, 650);
	line-height: 1.35;
}

.lk-job__description h2,
.lk-job__description h3,
.lk-job__description h4 {
	margin: 34px 0 12px;
	color: var(--lkcv-text, #172033);
	font-size: 20px;
	font-weight: var(--lkcv-font-weight-semibold, 650);
	line-height: 1.35;
}

.lk-job__description ul,
.lk-job__description ol {
	margin: 0 0 22px;
	padding-left: 20px;
}

.lk-job__description li {
	margin: 5px 0;
}

@media (max-width: 700px) {
	.lk-job {
		font-size: 16px;
	}

	.lk-job__topbar {
		margin-bottom: 40px;
	}

	.lk-job__action {
		width: 38px;
		padding: 8px;
	}

	.lk-job__action span {
		display: none;
	}

	.lk-job__title {
		font-size: 36px;
	}

	.lk-job__meta {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 14px 12px;
		margin-top: 24px;
	}

	.lk-job__meta-item {
		font-size: 14px;
	}

	.lk-job__meta-value {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.lk-job__info-popover {
		position: fixed;
		right: 16px;
		bottom: 16px;
		left: 16px;
		width: auto;
		padding: 14px 16px;
		font-size: 13px;
		transform: none;
	}

	.lk-job__info-popover::after {
		display: none;
	}

	.lk-job__apply {
		margin-top: 36px;
		padding-top: 24px;
	}

	.lk-job__apply--top {
		margin-top: 27px;
		padding-top: 0;
	}

	.lk-job__description {
		font-size: 16px;
	}

	.lk-job__content-title,
	.lk-job__description h2,
	.lk-job__description h3,
	.lk-job__description h4 {
		font-size: 19px;
	}
}

/* Desktop detail: homepage popup proportions on one shared surface. */
@media (min-width:768px) {
 .lk-native-single-job .lk-job { max-width:964px; margin:0 auto; --lkcv-text:#24272d; --lkcv-accent:#24272d; --lkcv-accent-hover:#344054; }
 .lk-native-single-job .lk-job__container { display:grid; grid-template-columns:minmax(0,1fr) auto; grid-template-areas:"company actions" "title title" "meta meta" "body body"; column-gap:20px; padding:24px; background:#fff; border:1px solid #e3e6eb; border-radius:16px; box-sizing:border-box; }
 .lk-native-single-job .lk-job__back { display:none; }
 .lk-native-single-job .lk-job__topbar { grid-area:actions; justify-content:flex-end; align-self:center; min-height:36px; margin:0 0 16px; }
 .lk-native-single-job .lk-job__header { display:contents; }
 .lk-native-single-job .lk-job__company-row { grid-area:company; gap:14px; min-width:0; margin:0 0 16px; }
 .lk-native-single-job .lk-job__company { overflow-wrap:anywhere; }
 .lk-native-single-job .lk-job__company-logo { width:56px; height:56px; flex-basis:56px; border:1px solid #eaecf0; border-radius:50%; background:#f9fafb; box-sizing:border-box; }
 .lk-native-single-job .lk-job__title { grid-area:title; color:#111827; font-size:26px; font-weight:600; line-height:1.3; letter-spacing:-.4px; margin:0 0 16px; }
 .lk-native-single-job .lk-job__meta { grid-area:meta; gap:10px 18px; margin:0; padding:0 0 24px; border:0; border-bottom:1px solid #eaecf0; }
 .lk-native-single-job .lk-job__meta-item { font-size:13px; }
 .lk-native-single-job .lk-job__status-label { padding:2px 7px; border-radius:6px; font-weight:400; }
 .lk-native-single-job .lk-job__body { grid-area:body; min-width:0; margin:24px 0 0; padding:0; border:0; border-radius:0; background:transparent; box-sizing:border-box; }
 .lk-native-single-job .lk-job__content-title { margin:0 0 16px; color:#111827; font-size:18px; font-weight:600; line-height:1.5; }
 .lk-native-single-job .lk-job__description { font-size:15px; line-height:1.8; overflow-wrap:anywhere; }
 .lk-native-single-job .lk-job__description p { margin:0 0 16px; }
 .lk-native-single-job .lk-job__description :is(ul,ol) { margin:0 0 20px; padding-left:24px; }
 .lk-native-single-job .lk-job__description li { margin-bottom:7px; }
 .lk-native-single-job .lk-job__description img { max-width:100%; height:auto; border-radius:12px; }
 .lk-native-single-job .lk-job__apply { margin-top:28px; padding-top:0; border-top:0; }
 .lk-native-single-job .lk-job__apply-content { box-sizing:border-box; }
 .lk-native-single-job .lk-job__apply-actions > .lkx-job-chat--single { height:40px; min-height:40px; padding:0 16px!important; margin:0; }
 .lk-native-single-job .lk-job__apply-form { margin-top:0; }
 .lk-native-single-job .lkx-job-contacts { border-top:0; padding-top:0; }
 .lk-native-single-job .lk-job__apply-content:not(.lk-job__apply-content--sent):not(.lk-job__apply-content--closed) { padding:0; border:0; border-radius:0; background:transparent; }
}


/* Owner warning inside job application CTA */
.lk-native-single-job :where(.lk-job__apply-warning,.lk-job__apply-notice,.lk-job__owner-warning,.lk-job__owner-notice,.lk-job__managed-warning,.lk-job__managed-notice,.lk-job__manager-warning,.lk-job__manager-notice),
.lk-native-single-job .lk-job__apply-actions + p,
#lk-direct-popup :where(.lk-job__apply-warning,.lk-job__apply-notice,.lk-job__owner-warning,.lk-job__owner-notice,.lk-job__managed-warning,.lk-job__managed-notice,.lk-job__manager-warning,.lk-job__manager-notice),
#lk-direct-popup .lk-job__apply-actions + p {
  box-sizing:border-box;
  display:block;
  width:100%;
  margin:12px 0 14px!important;
  padding:10px 12px;
  border:1px solid #fecaca;
  border-radius:12px;
  background:#fef2f2;
  color:#b42318!important;
  font-size:14px;
  line-height:1.5;
}
.lk-native-single-job .lk-job__apply-actions + p + .lk-job__apply-note,
#lk-direct-popup .lk-job__apply-actions + p + .lk-job__apply-note { margin-top:0; }
.lk-job__meta-value a{color:inherit;text-decoration:none;text-underline-offset:3px}
.lk-job__meta-value a:hover{color:#185fc6;text-decoration:underline}

/* Standalone mobile detail: readable content, not an unpadded desktop article. */
@media (max-width:767px) {
 html body.single-lowongan.lk-unified-chrome { --lk-mobile-page-bg:#fff; }
 .lk-native-single-job .lk-job { --lkcv-text:#24272d; --lkcv-muted:#667085; min-width:0; }
 .lk-native-single-job .lk-job__container { width:100%; min-width:0; padding:12px 20px 28px; box-sizing:border-box; }
 .lk-native-single-job .lk-job__topbar { gap:12px; margin:0 0 16px; }
 .lk-native-single-job .lk-job__back { min-height:44px; font-size:14px; }
 .lk-native-single-job .lk-job__header { padding:0 0 20px; border-bottom:1px solid #eaecf0; }
 .lk-native-single-job .lk-job__company-row { gap:12px; margin:4px 0 16px; }
 .lk-native-single-job .lk-job__company-logo { flex:0 0 44px; width:44px; height:44px; border:1px solid #eaecf0; border-radius:50%; box-sizing:border-box; }
 .lk-native-single-job .lk-job__company { min-width:0; font-size:14px; line-height:1.5; overflow-wrap:anywhere; }
 .lk-native-single-job .lk-job__title { margin:0; font-size:28px; line-height:1.25; letter-spacing:-.5px; overflow-wrap:anywhere; }
 .lk-native-single-job .lk-job__meta { display:grid; grid-template-columns:minmax(0,1fr); align-items:start; gap:6px; margin:18px 0 0; padding:0; }
 .lk-native-single-job .lk-job__meta-item { min-width:0; min-height:32px; font-size:14px; line-height:1.5; }
 .lk-native-single-job .lk-job__meta-icon { flex:0 0 18px; width:18px; height:18px; margin-right:9px; }
 .lk-native-single-job .lk-job__meta-value { min-width:0; overflow:visible; white-space:normal; text-overflow:clip; overflow-wrap:anywhere; }
 .lk-native-single-job .lk-job__info-button { flex:0 0 32px; width:32px; height:32px; margin-left:4px; padding:7px; }
 .lk-native-single-job .lk-job__info-button svg { width:18px; height:18px; }
 .lk-native-single-job .lk-job__status-label { padding:4px 8px; min-height:22px; box-sizing:border-box; }
 .lk-native-single-job .lk-job__info-popover { position:fixed; inset:auto 16px calc(84px + env(safe-area-inset-bottom)); width:auto; max-height:45dvh; overflow:auto; padding:14px 16px; font-size:14px; transform:none; }
 .lk-native-single-job .lk-job__info-popover::after { display:none; }
 .lk-native-single-job .lk-job__body { min-width:0; margin:22px 0 0; padding:0; border:0; }
 .lk-native-single-job .lk-job__content-title { margin:0 0 16px; font-size:18px; line-height:1.45; letter-spacing:0; }
 .lk-native-single-job .lk-job__description { font-size:15px; line-height:1.75; overflow-wrap:anywhere; }
 .lk-native-single-job .lk-job__description p { margin:0 0 18px; }
 .lk-native-single-job .lk-job__description :is(h2,h3,h4) { margin:26px 0 12px; font-size:18px; line-height:1.45; }
 .lk-native-single-job .lk-job__description :is(ul,ol) { margin:0 0 24px; padding-left:21px; }
 .lk-native-single-job .lk-job__description li { margin:0 0 8px; padding-left:2px; }
 .lk-native-single-job .lk-job__description :is(img,video,iframe) { max-width:100%; }
 .lk-native-single-job .lk-job__description img { height:auto; border-radius:12px; }
 .lk-native-single-job .lk-job__description table { display:block; max-width:100%; overflow-x:auto; }
 .lk-native-single-job .lk-job__apply { margin-top:24px; padding-top:0; border:0; }
 .lk-native-single-job .lk-job__apply-content { min-width:0; padding:18px; border:1px solid #eaecf0; border-radius:16px; background:#f8fafc; box-sizing:border-box; }
 .lk-native-single-job .lk-job__apply-heading h3 { font-size:18px; line-height:1.4; }
 .lk-native-single-job .lk-job__apply-note { gap:8px; margin-top:16px; }
 .lk-native-single-job .lkx-job-chat-settings { margin-top:24px; padding:14px; background:#f8fafc; }
}