/**
 * Job Board — WP Job Manager frontend overrides
 *
 * Restyles the [jobs] listing output to match the NISM theme (cards, brand blue,
 * pill badges). The plugin's frontend.css uses selectors of equal specificity and
 * the site's CSS optimizer (WPCode) + Cloudflare can reorder stylesheets, defeating
 * WordPress dependency ordering — so declarations that CONFLICT with the plugin are
 * marked !important to win the cascade regardless of load order.
 *
 * Brand: blue #009fc6 (hover #007a99), ink #161721, surface #f8f9fb.
 * Hand-authored plain CSS (not Tailwind-compiled) — safe to edit directly.
 */

/* ── Search / filter form ───────────────────────────────────────────── */
.job_filters {
	background: transparent !important;
	border: 0 !important;
	border-radius: 0;
	box-shadow: none !important;
	padding: 0 !important;
	margin-bottom: 2rem;
	overflow: visible;
}

.job_filters .search_jobs {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	align-items: flex-end;
	padding: 0 !important; /* WP Job Manager adds 1em here, insetting the fields */
}

/* Force every filter element flush with the listing cards on the left. WP Job
   Manager pads .search_jobs (1em) and the field divs (.5em); zero them so the
   fields, pills, and count all line up with the cards below. */
.job_filters,
.job_filters .search_jobs,
.job_filters .search_jobs > div,
.job_filters ul.job_types,
.job_filters .showing_jobs {
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.job_filters .search_keywords,
.job_filters .search_location {
	display: flex;
	flex-direction: column;
	flex: 1 1 220px;
	min-width: 0;
}

.job_filters label {
	font-size: 0.8rem;
	font-weight: 600;
	color: #161721;
	margin-bottom: 0.35rem;
}

.job_filters input[type="text"] {
	width: 100%;
	border: 1px solid #e5e7eb !important;
	border-radius: 12px !important;
	padding: 0.6rem 0.85rem !important;
	font-size: 0.95rem;
	color: #161721;
	background: #fff;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.job_filters input[type="text"]:focus {
	outline: none;
	border-color: #009fc6 !important;
	box-shadow: 0 0 0 3px rgba(0, 159, 198, 0.15);
}

.job_filters .search_remote_position {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 0.45rem;
	flex: 1 1 100%;
	margin: -0.4rem 0 0;
	font-size: 0.9rem;
	color: #374151;
}

.job_filters .search_remote_position label {
	margin: 0;
	font-weight: 500;
}

/* The board filters live (typing + Enter, and pill/remote changes update
   results via AJAX), so the redundant submit button is hidden. */
.job_filters .search_submit {
	display: none !important;
}

.job_filters .search_submit input[type="submit"] {
	background: #009fc6 !important;
	color: #fff !important;
	border: none !important;
	border-radius: 999px !important;
	padding: 0.7rem 1.5rem !important;
	font-weight: 700;
	font-size: 0.95rem;
	cursor: pointer;
	transition: background-color 0.15s ease;
}

.job_filters .search_submit input[type="submit"]:hover {
	background: #007a99 !important;
}

/* Job-type pills */
.job_filters ul.job_types {
	display: flex !important;
	flex-wrap: wrap;
	gap: 0.6rem;
	list-style: none !important;
	margin: 1.25rem 0 0 !important;
	padding: 0 !important;
	border-top: 0 !important;
	background: transparent !important;
}

.job_filters ul.job_types li {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	background: none !important;
	border: 0 !important;       /* kill WP Job Manager's border-right divider */
	float: none !important;     /* using flex, not floats */
}

.job_filters ul.job_types label {
	display: inline-flex;
	align-items: center;
	margin: 0;
	padding: 0.5rem 1.15rem;
	border: 1px solid #e5e7eb;
	border-radius: 9999px;
	background: #fff;
	font-size: 0.9rem;
	font-weight: 600;
	color: #4b5563;
	cursor: pointer;
	transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease;
	user-select: none;
}

.job_filters ul.job_types label:hover {
	border-color: #009fc6;
	color: #009fc6;
}

/* Selected state (checkbox is checked). The checkbox lives inside the label,
   so :has() targets the pill. */
.job_filters ul.job_types label:has(input:checked) {
	border-color: #009fc6;
	color: #009fc6;
	background: #e6f5f8;
}

/* Keep the checkbox functional (toggles on click via the label) but visually
   hidden — the pill IS the control. */
.job_filters ul.job_types input[type="checkbox"] {
	position: absolute;
	width: 1px;
	height: 1px;
	opacity: 0;
	margin: 0;
	pointer-events: none;
}

/* Keyboard focus ring on the pill. */
.job_filters ul.job_types input[type="checkbox"]:focus-visible + label,
.job_filters ul.job_types label:focus-within {
	box-shadow: 0 0 0 3px rgba(0, 159, 198, 0.25);
}

/* Results row: count + Reset on the left, RSS pushed to the right. Sits lower,
   closer to the listings. */
.job_filters .showing_jobs {
	display: flex !important; /* beat the inline display:block WP Job Manager's JS sets */
	align-items: center;
	gap: 0.85rem;
	margin-top: 2.25rem;
	padding: 0 !important;
	font-size: 0.85rem;
	color: #6b7280;
	text-align: left;
	background: transparent !important;
	border-top: 0 !important;
}

/* No results: hide the redundant count row; the "no listings" message stands
   alone (JS toggles .nism-no-results on the wrapper). */
.job_listings.nism-no-results .showing_jobs {
	display: none !important;
}

.job_filters .showing_jobs a {
	color: #009fc6;
	font-weight: 600;
	text-decoration: none;
}

.job_filters .showing_jobs a:hover {
	color: #007a99;
	text-decoration: underline;
}

/* RSS to the far right; count + Reset stay left. */
.job_filters .showing_jobs .rss_link {
	order: 2;
	margin-left: auto;
}

/* ── Load more (WP Job Manager shows/hides this <a> via inline display; no
   display override here so its show/hide keeps working — just style it). ── */
div.job_listings a.load_more_jobs {
	width: fit-content;
	max-width: 100%;
	margin: 1.75rem auto 0 !important;
	padding: 0.7rem 1.6rem;
	border: 1px solid #e5e7eb;
	border-radius: 9999px;
	background: #fff;
	color: #161721;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);
	transition: border-color 0.15s ease, color 0.15s ease;
}
div.job_listings a.load_more_jobs:not([style*="display: none"]):not([style*="display:none"]) {
	display: block;
}
div.job_listings a.load_more_jobs:hover {
	border-color: #009fc6 !important;
	color: #009fc6 !important;
	background: #fff !important;
}

/* ── Listings ───────────────────────────────────────────────────────── */
ul.job_listings {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	border: none !important;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

ul.job_listings li.job_listing,
ul.job_listings li.no_job_listings_found {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 1px solid #e6e8ee !important;
	border-radius: 14px !important;
	background: #fff !important;
	box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04), 0 4px 14px rgba(16, 24, 40, 0.05);
	transition: box-shadow 0.15s ease, transform 0.15s ease, border-color 0.15s ease;
	overflow: hidden;
}

/* All listings render as "featured" here. Keep them identical to the base card
   (faint border + soft shadow) — no brand rail. The plugin paints its cream
   featured background (#fefee5) on the <a>; that's neutralised below. */
ul.job_listings li.job_listing.job_position_featured,
ul.job_listings li.job_listing.job_position_featured:hover {
	background: #fff !important;
	box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04), 0 4px 14px rgba(16, 24, 40, 0.05) !important;
}

ul.job_listings li.job_listing a,
ul.job_listings li.job_listing a:hover,
ul.job_listings li.job_listing a:focus,
ul.job_listings li.job_listing.job_position_featured a,
ul.job_listings li.job_listing.job_position_featured a:hover,
ul.job_listings li.job_listing.job_position_featured a:focus {
	background: transparent !important;
	background-color: transparent !important;
}

ul.job_listings li.job_listing:hover {
	border-color: #cfd3db !important;
	box-shadow: 0 2px 4px rgba(16, 24, 40, 0.05), 0 10px 24px rgba(16, 24, 40, 0.09) !important;
	transform: translateY(-1px);
}

/* The whole row is an anchor — lay it out as a flex row and undo plugin floats/abs */
ul.job_listings li.job_listing a {
	display: flex !important;
	align-items: center;
	gap: 1.5rem;
	flex-wrap: wrap;
	position: static !important;
	padding: 1.15rem 1.5rem !important;
	text-decoration: none;
	color: inherit;
}

ul.job_listings li.job_listing img.company_logo {
	position: static !important;
	/* WP Job Manager sets the logo img to visibility:hidden by default (via a more
	   specific `... a img.company_logo` selector); force it visible. */
	visibility: visible !important;
	display: block !important;
	width: 48px !important;
	height: 48px !important;
	margin: 0 !important;
	border-radius: 10px !important;
	object-fit: contain;
	background: #fff;
	border: 1px solid #eef0f3;
	flex-shrink: 0;
	box-shadow: none !important;
}

ul.job_listings li.job_listing .position {
	float: none !important;
	padding: 0 !important;
	margin: 0 !important;
	flex: 5 1 0;
	min-width: 0;
	line-height: 1.35;
	width: auto !important;
}

ul.job_listings li.job_listing .position h3 {
	margin: 0 0 0.15rem !important;
	padding: 0 !important;
	font-size: 1.02rem !important;
	line-height: 1.3 !important;
	font-weight: 700 !important;
	color: #161721 !important;
}

ul.job_listings li.job_listing .position .company {
	font-size: 0.9rem;
	color: #6b7280 !important;
}

ul.job_listings li.job_listing .position .company strong {
	font-weight: 600;
	color: #4b5563;
}

ul.job_listings li.job_listing .location {
	float: none !important;
	padding: 0 !important;
	margin: 0 !important;
	flex: 3 1 0;
	min-width: 0;
	font-size: 0.88rem;
	color: #6b7280 !important;
	text-align: left !important;
	width: auto !important;
}

ul.job_listings li.job_listing ul.meta {
	float: none !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	text-align: right;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 0.3rem;
	flex: 2 1 0;
	min-width: 120px;
	width: auto !important;
}

ul.job_listings li.job_listing ul.meta li {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	background: none !important;
}

ul.job_listings li.job_listing ul.meta li.date {
	font-size: 0.78rem;
	color: #9ca3af;
}

/* Job-type badges */
ul.job_listings li.job_listing ul.meta li.job-type {
	display: inline-block;
	padding: 0.2em 0.7em !important;
	border-radius: 999px !important;
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.01em;
	text-transform: none;
	color: #0a7fa0 !important;
	background: #e8f5fa !important;
	margin: 0 !important;
}

ul.job_listings li.job_listing ul.meta li.job-type.full-time {
	color: #1a9c5b !important;
	background: #e7f7ee !important;
}

ul.job_listings li.job_listing ul.meta li.job-type.part-time {
	color: #d67f16 !important;
	background: #fff2e2 !important;
}

ul.job_listings li.job_listing ul.meta li.job-type.internship {
	color: #4f57c4 !important;
	background: #eef0ff !important;
}

ul.job_listings li.job_listing ul.meta li.job-type.temporary,
ul.job_listings li.job_listing ul.meta li.job-type.freelance,
ul.job_listings li.job_listing ul.meta li.job-type.contract-to-hire {
	color: #0a7fa0 !important;
	background: #e8f5fa !important;
}

/* ── Load more ──────────────────────────────────────────────────────── */
a.load_more_jobs {
	display: inline-block;
	margin: 1.75rem auto 0;
	background: #009fc6 !important;
	color: #fff !important;
	border: none !important;
	border-radius: 999px !important;
	padding: 0.75rem 1.75rem !important;
	font-weight: 700;
	font-size: 0.95rem;
	text-decoration: none;
	transition: background-color 0.15s ease;
}

a.load_more_jobs:hover {
	background: #007a99 !important;
	color: #fff !important;
}

a.load_more_jobs.loading {
	opacity: 0.7;
	pointer-events: none;
}

/* ── Responsive ─────────────────────────────────────────────────────── */
@media (max-width: 640px) {
	ul.job_listings li.job_listing a {
		align-items: flex-start;
		/* Keep the logo->text horizontal gap (1.5rem) but tighten the vertical gap
		   between wrapped rows (company name -> location) which used the same 1.5rem. */
		gap: 0.35rem 1.5rem;
	}

	/* Stack the search fields full-width so Keywords + Location match. */
	.job_filters .search_keywords,
	.job_filters .search_location {
		flex-basis: 100%;
	}

	ul.job_listings li.job_listing .location,
	ul.job_listings li.job_listing ul.meta {
		flex-basis: 100%;
		text-align: left;
		align-items: flex-start;
		/* Wrapped rows start under the logo; indent them to line up under the
		   job title / company name (logo width 48px + the flex gap 1.5rem).
		   !important beats the base .location/.meta `padding: 0 !important`. */
		padding-left: calc(48px + 1.5rem) !important;
	}

	ul.job_listings li.job_listing ul.meta {
		flex-direction: row;
		flex-wrap: wrap;
		gap: 0.4rem 0.6rem;
	}

	.job_filters .search_submit,
	.job_filters .search_submit input[type="submit"] {
		width: 100%;
	}
}

/* ══════════════════════════════════════════════════════════════════════
   Single Job Listing  (single-job_listing.php)
   ══════════════════════════════════════════════════════════════════════ */
.njm-single {
	background: #f8f9fb;
	/* The theme's fixed-header spacer stays 136px while the scrolled header is
	   100px, leaving ~36px of exposed white beneath the collapsed nav. Pull the
	   grey surface up under the header to cover it; padding keeps content in place. */
	margin-top: -40px;
	padding-top: 40px;
}

.njm-wrap {
	max-width: 1120px;
	margin: 0 auto;
	padding: 1.5rem 1rem 4rem;
}
@media (min-width: 768px) {
	.njm-wrap { padding: 2rem 2rem 5rem; }
}

.njm-back {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	color: #6b7280;
	font-size: 0.9rem;
	font-weight: 600;
	text-decoration: none;
	margin-bottom: 1.5rem;
}
.njm-back:hover { color: #009fc6; }

.njm-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 330px;
	gap: 1.75rem;
	align-items: start;
}

/* Main card */
.njm-main {
	background: #fff;
	border: 1px solid #e6e8ee;
	border-radius: 20px;
	box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04), 0 8px 24px rgba(16, 24, 40, 0.05);
	padding: 2rem;
}
@media (min-width: 768px) {
	.njm-main { padding: 2.5rem; }
}

.njm-job-head {
	display: flex;
	align-items: center;
	gap: 1rem;
	margin-bottom: 1.25rem;
}
.njm-job-head .company_logo {
	width: 56px;
	height: 56px;
	border-radius: 12px;
	object-fit: contain;
	border: 1px solid #eef0f3;
	background: #fff;
	flex-shrink: 0;
	box-shadow: none;
}
.njm-job-title {
	margin: 0;
	font-size: 1.6rem;
	line-height: 1.2;
	font-weight: 800;
	color: #161721;
}
.njm-job-company {
	margin: 0.15rem 0 0;
	color: #6b7280;
	font-size: 1rem;
}

.njm-facts {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem 1.5rem;
	list-style: none;
	margin: 0 0 1.75rem;
	padding: 1.25rem 0 0;
	border-top: 1px solid #eef0f3;
}
.njm-facts .njm-fact {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	font-size: 0.9rem;
	color: #374151;
	margin: 0;
	list-style: none;
}
.njm-fact svg { color: #9aa1ac; flex-shrink: 0; }
.njm-fact-muted { color: #9ca3af !important; }

/* Description */
.njm-section-title {
	font-size: 1.15rem;
	font-weight: 700;
	color: #161721;
	margin: 0 0 1rem;
}
.njm-description { color: #374151; line-height: 1.7; font-size: 0.96rem; }
.njm-description p { margin: 0 0 1rem; }
.njm-description strong { color: #161721; }
.njm-description h2,
.njm-description h3,
.njm-description h4 { color: #161721; font-weight: 700; margin: 1.75rem 0 0.75rem; }
.njm-description ul,
.njm-description ol { margin: 0 0 1rem; padding-left: 1.25rem; }
.njm-description li { margin: 0.35rem 0; }
.njm-description a { color: #009fc6; text-decoration: none; }
.njm-description a:hover { text-decoration: underline; }

/* Sticky sidebar. Header shrinks to 100px on scroll (HEADER_HEIGHT in main.js);
   offset clears it plus a small gap. */
.njm-sidebar {
	position: sticky;
	/* --nism-header-offset (set in main.js) is the fixed header's live bottom edge
	   — it already accounts for the promo banner, the scrolled nav height, and the
	   WP admin bar, so the sidebar always clears the nav on scroll. */
	top: calc(var(--nism-header-offset, 152px) + 1.25rem);
	align-self: start;
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
}
.njm-card {
	background: #fff;
	border: 1px solid #e6e8ee;
	border-radius: 16px;
	box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04), 0 6px 18px rgba(16, 24, 40, 0.05);
	padding: 1.5rem;
}
.njm-card-title {
	margin: 0 0 1rem;
	font-size: 1.05rem;
	font-weight: 700;
	color: #161721;
}
.njm-apply-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	width: 100%;
	background: #009fc6;
	color: #fff;
	border-radius: 10px;
	padding: 0.8rem 1rem;
	font-weight: 700;
	font-size: 0.98rem;
	text-decoration: none;
	transition: background-color 0.15s ease;
}
.njm-apply-btn:hover { background: #007a99; color: #fff; }
.njm-apply-btn svg { flex-shrink: 0; }
.njm-deadline {
	margin: 0.9rem 0 0;
	text-align: center;
	font-size: 0.82rem;
	color: #9ca3af;
}
.njm-apply-closed { margin: 0; color: #9ca3af; font-size: 0.9rem; }

.njm-about-head {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	margin-bottom: 1rem;
}
.njm-about-head .company_logo {
	width: 40px;
	height: 40px;
	border-radius: 8px;
	object-fit: contain;
	border: 1px solid #eef0f3;
	background: #fff;
	flex-shrink: 0;
	box-shadow: none;
}
.njm-about-name { color: #161721; font-size: 1rem; }
.njm-about-link {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	max-width: 100%;
	min-width: 0;
	color: #4b5563;
	font-size: 0.9rem;
	text-decoration: none;
	padding: 0.3rem 0;
}
/* Contain long URLs: truncate the DISPLAY only — the href stays the full link. */
.njm-about-link span {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.njm-about-link svg { color: #9aa1ac; flex-shrink: 0; }
.njm-about-link:hover { color: #009fc6; }
.njm-about-link:hover svg { color: #009fc6; }

/* Responsive: stack columns and release the sticky sidebar */
@media (max-width: 900px) {
	.njm-grid { grid-template-columns: 1fr; }
	.njm-sidebar { position: static; }
}

/* ── Post a Job — WP Job Manager submit form, styled to match the site ──── */
.nism-jobform .job-manager-form fieldset { border: 0; margin: 0 0 1.25rem; padding: 0; }
.nism-jobform .job-manager-form label { display: block; font-weight: 600; color: #161721; margin-bottom: 0.4rem; font-size: 0.9rem; }
.nism-jobform .job-manager-form input[type="text"],
.nism-jobform .job-manager-form input[type="email"],
.nism-jobform .job-manager-form input[type="url"],
.nism-jobform .job-manager-form input[type="tel"],
.nism-jobform .job-manager-form input[type="number"],
.nism-jobform .job-manager-form input[type="password"],
.nism-jobform .job-manager-form textarea,
.nism-jobform .job-manager-form select {
	width: 100%;
	border: 1px solid #e5e7eb !important;
	border-radius: 12px !important;
	padding: 0.7rem 0.9rem !important;
	font-size: 0.95rem;
	color: #161721;
	background: #fff;
	box-sizing: border-box;
}
.nism-jobform .job-manager-form input:focus,
.nism-jobform .job-manager-form textarea:focus,
.nism-jobform .job-manager-form select:focus {
	outline: none;
	border-color: #009fc6 !important;
	box-shadow: 0 0 0 3px rgba(0, 159, 198, 0.15) !important;
}
.nism-jobform .job-manager-form small.description { display: block; color: #6b7280; font-size: 0.8rem; margin-top: 0.3rem; }
/* Main submit button = full brand pill. */
.nism-jobform input[type="submit"] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.8rem 1.8rem !important;
	background: #009fc6 !important;
	color: #fff !important;
	font-weight: 700;
	border: 0 !important;
	border-radius: 9999px !important;
	cursor: pointer;
	text-decoration: none !important;
	transition: background 0.15s ease;
}
.nism-jobform input[type="submit"]:hover { background: #007a99 !important; color: #fff !important; }

/* "You are currently signed in as … / Have an account?" — plain inline text with
   a small pill button, not a giant block button (and no flex-gap spacing out the
   username). */
.nism-jobform .account-sign-in { margin-bottom: 1rem; color: #4b5563; line-height: 1.9; }
.nism-jobform .account-sign-in a.button {
	display: inline-flex;
	align-items: center;
	gap: 0.3rem;
	margin-left: 0.6rem;
	padding: 0.35rem 0.95rem !important;
	font-size: 0.85rem;
	font-weight: 600;
	background: #009fc6 !important;
	color: #fff !important;
	border: 0 !important;
	border-radius: 9999px !important;
	text-decoration: none !important;
	vertical-align: middle;
	transition: background 0.15s ease;
}
.nism-jobform .account-sign-in a.button:hover { background: #007a99 !important; color: #fff !important; }
/* Drop WP Job Manager's misaligned key glyph inside the small account buttons. */
.nism-jobform .account-sign-in .button::before { display: none !important; }
/* Logged-out: keep the Sign in button, push the "create one" helper text onto
   its own line below it. */
.nism-jobform .fieldset-login_required .account-sign-in {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.6rem;
}
.nism-jobform .fieldset-login_required .account-sign-in a.button { margin-left: 0; }

/* ── Jobs Dashboard (WP Job Manager jm-ui) — brand touches ─────────────── */
.nism-jobdash .jm-dashboard__actions a.jm-ui-button,
.nism-jobdash .jm-dashboard__actions .jm-ui-button--primary {
	background: #009fc6 !important;
	border-color: #009fc6 !important;
	color: #fff !important;
	border-radius: 9999px !important;
	font-weight: 700;
}
.nism-jobdash .jm-dashboard__actions a.jm-ui-button:hover,
.nism-jobdash .jm-dashboard__actions .jm-ui-button--primary:hover {
	background: #007a99 !important;
	border-color: #007a99 !important;
}
.nism-jobdash input[type="search"],
.nism-jobdash .jm-ui-input { border-radius: 12px !important; }
.nism-jobdash input[type="search"]:focus,
.nism-jobdash .jm-ui-input:focus {
	outline: none;
	border-color: #009fc6 !important;
	box-shadow: 0 0 0 3px rgba(0, 159, 198, 0.15) !important;
}
.nism-jobdash .jm-dashboard-table {
	background: #fff;
	border: 1px solid #eef0f3;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04), 0 8px 24px rgba(16, 24, 40, 0.05);
	margin-top: 1.5rem;
}
.nism-jobdash a { color: #007a99; }