/* Dayforce Jobs — front-end. Intentionally light so the theme's type/colors carry through. */
.dfj { --dfj-border: rgba(0,0,0,.12); --dfj-muted: #666; --dfj-accent: currentColor; }

.dfj-filters { display: flex; flex-wrap: wrap; gap: .75rem; margin: 0 0 1.5rem; }
.dfj-filters label { flex: 1 1 220px; margin: 0; }
.dfj-search-input, .dfj-division-select { width: 100%; padding: .6rem .8rem; border: 1px solid var(--dfj-border); border-radius: 6px; font: inherit; }

.dfj-group { margin: 0 0 2.5rem; }
.dfj-group-title { margin: 0 0 .75rem; padding-bottom: .4rem; border-bottom: 2px solid var(--dfj-border); }
.dfj-group-count { font-weight: 400; color: var(--dfj-muted); font-size: .85em; }

.dfj-list { list-style: none; margin: 0; padding: 0; }
.dfj-job { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 0; border-bottom: 1px solid var(--dfj-border); }
.dfj-job:last-child { border-bottom: 0; }
.dfj-job-main { min-width: 0; }
.dfj-job-title { font-weight: 600; font-size: 1.05em; text-decoration: none; }
.dfj-job-title:hover { text-decoration: underline; }
.dfj-job-meta { margin-top: .3rem; color: var(--dfj-muted); font-size: .9em; display: flex; flex-wrap: wrap; gap: .25rem 0; }
.dfj-meta + .dfj-meta::before { content: "\00b7"; margin: 0 .5em; }
.dfj-remote { font-weight: 600; }

.dfj-apply { flex: 0 0 auto; padding: .55rem 1.1rem; border: 1px solid currentColor; border-radius: 6px; text-decoration: none; font-weight: 600; white-space: nowrap; }
.dfj-apply:hover { text-decoration: none; opacity: .85; }

.dfj-empty, .dfj-no-results { color: var(--dfj-muted); font-style: italic; }

@media (max-width: 600px) {
	.dfj-job { flex-direction: column; align-items: flex-start; }
	.dfj-apply { width: 100%; text-align: center; }
}