/* TalentHub Pro – front-end styles. Scoped to .th-* to avoid theme collisions. */ .th-wrap, .th-hero-search, .th-dialog {
	--th-ink: #0f1b2d;
	--th-ink-2: #3c4a5e;
	--th-muted: #5b6778;
	--th-line: #dde3ea;
	--th-surface: #ffffff;
	--th-bg: #f4f6f9;
	--th-accent: #f0a500;
	--th-accent-ink: #1b1300;
	--th-link: #0b6f6a;
	--th-ok: #0f7a4a;
	--th-bad: #b42318;
	--th-radius: 10px;
	--th-font: inherit;
	--th-input-line: #b8c2d0;
	--th-accent-hover: #ffb81f;
	--th-radius-s: calc(var(--th-radius) * .8);
	font-family: var(--th-font);
	line-height: 1.55;
	box-sizing: border-box;
} .th-wrap.th-wrap *, .th-wrap.th-wrap *::before, .th-wrap.th-wrap *::after, .th-dialog.th-dialog * { box-sizing: border-box; } .th-wrap { max-inline-size: 1120px; margin-inline: auto; padding: 24px 16px 56px; } .th-wrap.th-narrow, .th-wrap.th-narrow, .th-wrap.th-narrow { max-inline-size: 560px; } .th-wrap.th-wrap h1 { font-size: clamp(1.6rem, 1.2rem + 1.6vw, 2.25rem); line-height: 1.15; margin: 0 0 .25em; letter-spacing: -.01em; } .th-wrap.th-wrap h2 { font-size: 1.25rem; margin: 0 0 .75em; line-height: 1.25; } .th-wrap.th-wrap h3 { font-size: 1.05rem; margin: 0; } .th-wrap.th-wrap a { color: var(--th-link); } .th-wrap.th-wrap a:focus-visible, .th-wrap.th-wrap button:focus-visible, .th-wrap.th-wrap input:focus-visible, .th-wrap.th-wrap select:focus-visible, .th-wrap.th-wrap textarea:focus-visible, .th-dialog.th-dialog button:focus-visible, .th-dialog.th-dialog textarea:focus-visible, .th-hero-search.th-hero-search input:focus-visible, .th-hero-search.th-hero-search button:focus-visible {
	outline: 3px solid #1d6fe0; outline-offset: 2px;
} .th-wrap .th-muted, .th-dialog .th-muted, .th-hero-search .th-muted { color: var(--th-muted); }

/* Buttons */ .th-wrap .th-btn, .th-dialog .th-btn, .th-hero-search .th-btn { display: inline-flex; align-items: center; justify-content: center; gap: .4em; min-block-size: 42px; padding: 0 18px; border-radius: var(--th-radius-s); border: 1px solid transparent; font: inherit; font-weight: 600; cursor: pointer; text-decoration: none !important; transition: background-color .15s, border-color .15s; } .th-wrap .th-btn--primary, .th-dialog .th-btn--primary, .th-hero-search .th-btn--primary { background: var(--th-accent); color: var(--th-accent-ink) !important; } .th-wrap .th-btn--primary:hover, .th-dialog .th-btn--primary:hover, .th-hero-search .th-btn--primary:hover { background: var(--th-accent-hover); } .th-wrap .th-btn--ghost, .th-dialog .th-btn--ghost, .th-hero-search .th-btn--ghost { background: transparent; color: var(--th-ink) !important; border-color: var(--th-line); } .th-wrap .th-btn--ghost:hover, .th-dialog .th-btn--ghost:hover, .th-hero-search .th-btn--ghost:hover { border-color: var(--th-ink); } .th-wrap .th-btn.is-on, .th-dialog .th-btn.is-on, .th-hero-search .th-btn.is-on { background: var(--th-ink); color: #fff !important; border-color: var(--th-ink); } .th-wrap .th-btn[disabled], .th-dialog .th-btn[disabled], .th-hero-search .th-btn[disabled] { opacity: .55; cursor: progress; }

/* Forms */ .th-wrap .th-form, .th-dialog .th-form, .th-hero-search .th-form { display: grid; gap: 14px; } .th-wrap .th-field, .th-dialog .th-field, .th-hero-search .th-field { display: grid; gap: 6px; font-size: .92rem; } .th-wrap .th-field > span, .th-dialog .th-field > span, .th-hero-search .th-field > span { font-weight: 600; color: var(--th-ink-2); } .th-wrap .th-field input, .th-dialog .th-field input, .th-hero-search .th-field input, .th-wrap .th-field select, .th-dialog .th-field select, .th-hero-search .th-field select, .th-wrap .th-field textarea, .th-dialog .th-field textarea, .th-hero-search .th-field textarea, .th-wrap.th-wrap select[data-th-status], .th-wrap .th-bulk select, .th-dialog .th-bulk select, .th-hero-search .th-bulk select, .th-wrap .th-inline select, .th-dialog .th-inline select, .th-hero-search .th-inline select {
	inline-size: 100%; min-block-size: 42px; padding: 8px 12px; border: 1px solid var(--th-input-line); border-radius: var(--th-radius-s); background: var(--th-surface); color: var(--th-ink); font: inherit;
} .th-wrap .th-field textarea, .th-dialog .th-field textarea, .th-hero-search .th-field textarea { resize: vertical; } .th-wrap .th-check, .th-dialog .th-check, .th-hero-search .th-check { display: flex; gap: 8px; align-items: center; } .th-wrap .th-cols, .th-dialog .th-cols, .th-hero-search .th-cols { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 14px; align-items: end; } .th-wrap .th-hp, .th-dialog .th-hp, .th-hero-search .th-hp { position: absolute; inset-inline-start: -9999px; } .th-wrap .th-actions, .th-dialog .th-actions, .th-hero-search .th-actions { display: flex; gap: 10px; justify-content: flex-end; } .th-wrap .th-seg, .th-dialog .th-seg, .th-hero-search .th-seg { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; } .th-wrap .th-seg label, .th-dialog .th-seg label, .th-hero-search .th-seg label { position: relative; } .th-wrap .th-seg input, .th-dialog .th-seg input, .th-hero-search .th-seg input { position: absolute; opacity: 0; } .th-wrap .th-seg span, .th-dialog .th-seg span, .th-hero-search .th-seg span { display: block; text-align: center; padding: 10px; border: 1px solid var(--th-input-line); border-radius: var(--th-radius-s); cursor: pointer; font-weight: 600; } .th-wrap .th-seg input:checked + span, .th-dialog .th-seg input:checked + span, .th-hero-search .th-seg input:checked + span { background: var(--th-ink); color: #fff; border-color: var(--th-ink); } .th-wrap .th-seg input:focus-visible + span, .th-dialog .th-seg input:focus-visible + span, .th-hero-search .th-seg input:focus-visible + span { outline: 3px solid #1d6fe0; outline-offset: 2px; } .th-wrap.th-auth form#loginform, .th-wrap.th-auth form#loginform, .th-wrap.th-auth form#loginform { display: grid; gap: 12px; } .th-wrap.th-auth form#loginform input[type=text], .th-wrap.th-auth form#loginform input[type=text], .th-wrap.th-auth form#loginform input[type=text], .th-wrap.th-auth form#loginform input[type=password], .th-wrap.th-auth form#loginform input[type=password], .th-wrap.th-auth form#loginform input[type=password] { inline-size: 100%; min-block-size: 42px; padding: 8px 12px; border: 1px solid var(--th-input-line); border-radius: var(--th-radius-s); } .th-wrap.th-auth form#loginform .button, .th-wrap.th-auth form#loginform .button, .th-wrap.th-auth form#loginform .button { background: var(--th-ink); color: #fff; border: 0; min-block-size: 42px; padding: 0 18px; border-radius: var(--th-radius-s); font-weight: 600; cursor: pointer; }

/* Layout pieces */ .th-wrap .th-panel, .th-dialog .th-panel, .th-hero-search .th-panel { background: var(--th-surface); border: 1px solid var(--th-line); border-radius: var(--th-radius); padding: 20px; margin-block-end: 16px; } .th-wrap.th-auth, .th-wrap.th-auth, .th-wrap.th-auth { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 16px; align-items: start; } .th-wrap .th-row, .th-dialog .th-row, .th-hero-search .th-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; } .th-wrap .th-empty, .th-dialog .th-empty, .th-hero-search .th-empty { text-align: center; padding: 32px 12px; color: var(--th-muted); border: 1px dashed var(--th-line); border-radius: var(--th-radius); } .th-wrap .th-empty h3, .th-dialog .th-empty h3, .th-hero-search .th-empty h3 { color: var(--th-ink); margin-block-end: 6px; } .th-wrap .th-flash, .th-dialog .th-flash, .th-hero-search .th-flash { padding: 12px 16px; border-radius: var(--th-radius-s); margin-block-end: 16px; font-weight: 600; } .th-wrap .th-flash--success, .th-dialog .th-flash--success, .th-hero-search .th-flash--success { background: #e6f5ee; color: #0a5c37; } .th-wrap .th-flash--error, .th-dialog .th-flash--error, .th-hero-search .th-flash--error { background: #fdecea; color: #8a1c12; }

/* Search / filters */ .th-wrap .th-filters, .th-dialog .th-filters, .th-hero-search .th-filters { background: var(--th-surface); border: 1px solid var(--th-line); border-radius: var(--th-radius); padding: 16px; margin-block-end: 18px; } .th-wrap .th-filters__bar, .th-dialog .th-filters__bar, .th-hero-search .th-filters__bar { display: grid; grid-template-columns: 2fr 1.2fr auto; gap: 12px; align-items: end; } .th-wrap .th-filters__more, .th-dialog .th-filters__more, .th-hero-search .th-filters__more { margin-block-start: 12px; } .th-wrap .th-filters__more summary, .th-dialog .th-filters__more summary, .th-hero-search .th-filters__more summary { cursor: pointer; font-weight: 600; color: var(--th-link); } .th-wrap .th-filters__grid, .th-dialog .th-filters__grid, .th-hero-search .th-filters__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 12px; margin-block-start: 12px; } .th-wrap .th-filters__grid + *, .th-dialog .th-filters__grid + *, .th-hero-search .th-filters__grid + * { margin: 0; } .th-wrap .th-filters .th-filters__more[open] ~ *, .th-dialog .th-filters .th-filters__more[open] ~ *, .th-hero-search .th-filters .th-filters__more[open] ~ * { margin-block-start: 12px; } .th-wrap .th-results__head, .th-dialog .th-results__head, .th-hero-search .th-results__head { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-block-end: 10px; flex-wrap: wrap; } .th-hero-search { display: grid; grid-template-columns: 2fr 1.2fr auto; gap: 8px; padding: 10px; background: var(--th-surface); border: 1px solid var(--th-line); border-radius: 12px; max-inline-size: 860px; } .th-hero-search.th-hero-search input { min-block-size: 46px; padding: 0 14px; border: 1px solid transparent; border-radius: var(--th-radius-s); font: inherit; background: var(--th-bg); color: var(--th-ink); }

/* Job cards */ .th-wrap .th-list, .th-dialog .th-list, .th-hero-search .th-list { display: grid; gap: 12px; } .th-wrap .th-card, .th-dialog .th-card, .th-hero-search .th-card { position: relative; display: grid; grid-template-columns: 48px 1fr auto; gap: 14px; padding: 16px; background: var(--th-surface); border: 1px solid var(--th-line); border-radius: var(--th-radius); transition: border-color .15s, box-shadow .15s; } .th-wrap .th-card:hover, .th-dialog .th-card:hover, .th-hero-search .th-card:hover { border-color: #aab6c6; box-shadow: 0 2px 10px rgba(15, 27, 45, .06); } .th-wrap .th-card--featured, .th-dialog .th-card--featured, .th-hero-search .th-card--featured { border-inline-start: 4px solid var(--th-accent); } .th-wrap .th-card__title, .th-dialog .th-card__title, .th-hero-search .th-card__title { font-size: 1.08rem; } .th-wrap .th-card__title a, .th-dialog .th-card__title a, .th-hero-search .th-card__title a { color: var(--th-ink); text-decoration: none; } .th-wrap .th-card__title a:hover, .th-dialog .th-card__title a:hover, .th-hero-search .th-card__title a:hover { text-decoration: underline; } .th-wrap .th-card__title a::after, .th-dialog .th-card__title a::after, .th-hero-search .th-card__title a::after { content: ""; position: absolute; inset: 0; } .th-wrap .th-card__company, .th-dialog .th-card__company, .th-hero-search .th-card__company { margin: 2px 0 6px; color: var(--th-ink-2); font-size: .93rem; } .th-wrap .th-card__foot, .th-dialog .th-card__foot, .th-hero-search .th-card__foot { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 10px 0 0; font-size: .84rem; color: var(--th-muted); } .th-wrap .th-save, .th-dialog .th-save, .th-hero-search .th-save { position: relative; z-index: 1; align-self: start; inline-size: 40px; block-size: 40px; border-radius: 50%; border: 1px solid var(--th-line); background: var(--th-surface); cursor: pointer; font-size: 1.1rem; color: #8a96a8; } .th-wrap .th-save.is-on, .th-dialog .th-save.is-on, .th-hero-search .th-save.is-on { color: var(--th-accent); border-color: var(--th-accent); background: var(--th-surface)8e6; } .th-wrap .th-logo, .th-dialog .th-logo, .th-hero-search .th-logo { inline-size: 100%; block-size: auto; aspect-ratio: 1; object-fit: cover; border-radius: 10px; border: 1px solid var(--th-line); display: block; } .th-wrap .th-logo--initial, .th-dialog .th-logo--initial, .th-hero-search .th-logo--initial { display: grid; place-items: center; background: var(--th-ink); color: #fff; font-weight: 700; font-size: 1.2rem; border: 0; } .th-wrap .th-meta, .th-dialog .th-meta, .th-hero-search .th-meta { display: flex; flex-wrap: wrap; gap: 4px 14px; margin: 0; padding: 0; list-style: none; font-size: .9rem; color: var(--th-ink-2); } .th-wrap .th-tags, .th-dialog .th-tags, .th-hero-search .th-tags { display: flex; flex-wrap: wrap; gap: 6px; margin: 8px 0 0; padding: 0; list-style: none; } .th-wrap .th-tags li, .th-dialog .th-tags li, .th-hero-search .th-tags li { background: var(--th-bg); border: 1px solid var(--th-line); border-radius: 6px; padding: 2px 9px; font-size: .82rem; } .th-wrap .th-pill, .th-dialog .th-pill, .th-hero-search .th-pill { display: inline-block; padding: 2px 10px; border-radius: 999px; background: var(--th-bg); border: 1px solid var(--th-line); font-size: .78rem; font-weight: 600; color: var(--th-ink-2); } .th-wrap .th-pill--hot, .th-dialog .th-pill--hot, .th-hero-search .th-pill--hot { background: var(--th-surface)1e0; border-color: #f3c98b; color: #7a4300; } .th-wrap .th-pill--match, .th-dialog .th-pill--match, .th-hero-search .th-pill--match { background: #e8f3f2; border-color: #a9d3d0; color: #07524e; } .th-wrap .th-pill--ok, .th-dialog .th-pill--ok, .th-hero-search .th-pill--ok, .th-wrap .th-pill--hired, .th-dialog .th-pill--hired, .th-hero-search .th-pill--hired, .th-wrap .th-pill--offered, .th-dialog .th-pill--offered, .th-hero-search .th-pill--offered { background: #e6f5ee; border-color: #9fd4b7; color: #0a5c37; } .th-wrap .th-pill--rejected, .th-dialog .th-pill--rejected, .th-hero-search .th-pill--rejected { background: #fdecea; border-color: #f2b8b2; color: #8a1c12; } .th-wrap .th-pill--shortlisted, .th-dialog .th-pill--shortlisted, .th-hero-search .th-pill--shortlisted, .th-wrap .th-pill--interview, .th-dialog .th-pill--interview, .th-hero-search .th-pill--interview { background: #eaf1fe; border-color: #b4cbf5; color: #1a4aa6; } .th-wrap .th-grid, .th-dialog .th-grid, .th-hero-search .th-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 12px; margin-block-end: 16px; } .th-wrap .th-co, .th-dialog .th-co, .th-hero-search .th-co { display: grid; gap: 4px; align-content: start; padding: 16px; background: var(--th-surface); border: 1px solid var(--th-line); border-radius: var(--th-radius); text-decoration: none !important; color: var(--th-ink) !important; } .th-wrap .th-co:hover, .th-dialog .th-co:hover, .th-hero-search .th-co:hover { border-color: #aab6c6; } .th-wrap .th-co .th-logo, .th-dialog .th-co .th-logo, .th-hero-search .th-co .th-logo { inline-size: 56px; margin-block-end: 6px; } .th-wrap .th-co span, .th-dialog .th-co span, .th-hero-search .th-co span, .th-wrap .th-co em, .th-dialog .th-co em, .th-hero-search .th-co em { color: var(--th-muted); font-size: .88rem; font-style: normal; } .th-wrap .th-plan ul, .th-dialog .th-plan ul, .th-hero-search .th-plan ul { margin: 8px 0 12px; padding-inline-start: 18px; } .th-wrap .th-plan.is-current, .th-dialog .th-plan.is-current, .th-hero-search .th-plan.is-current { border: 2px solid var(--th-accent); } .th-wrap .th-pager ul, .th-dialog .th-pager ul, .th-hero-search .th-pager ul { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; padding: 0; margin: 20px 0 0; } .th-wrap .th-pager a, .th-dialog .th-pager a, .th-hero-search .th-pager a, .th-wrap .th-pager span, .th-dialog .th-pager span, .th-hero-search .th-pager span { display: block; padding: 8px 14px; border: 1px solid var(--th-line); border-radius: var(--th-radius-s); text-decoration: none; background: var(--th-surface); } .th-wrap .th-pager .current, .th-dialog .th-pager .current, .th-hero-search .th-pager .current { background: var(--th-ink); color: #fff; border-color: var(--th-ink); }

/* Single job & company */ .th-wrap .th-job__head, .th-dialog .th-job__head, .th-hero-search .th-job__head, .th-wrap .th-company__head, .th-dialog .th-company__head, .th-hero-search .th-company__head { display: grid; grid-template-columns: 72px 1fr auto; gap: 18px; align-items: start; margin-block-end: 20px; } .th-wrap .th-company__head, .th-dialog .th-company__head, .th-hero-search .th-company__head { grid-template-columns: 88px 1fr auto; } .th-wrap .th-job__cta, .th-dialog .th-job__cta, .th-hero-search .th-job__cta { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; justify-content: flex-end; } .th-wrap .th-job__grid, .th-dialog .th-job__grid, .th-hero-search .th-job__grid { display: grid; grid-template-columns: minmax(0, 2fr) minmax(240px, 1fr); gap: 16px; align-items: start; margin-block-end: 24px; } .th-wrap .th-prose, .th-dialog .th-prose, .th-hero-search .th-prose { max-inline-size: 72ch; } .th-wrap .th-job__grid .th-prose, .th-dialog .th-job__grid .th-prose, .th-hero-search .th-job__grid .th-prose { max-inline-size: none; } .th-wrap .th-dl, .th-dialog .th-dl, .th-hero-search .th-dl { display: grid; gap: 4px; margin: 0 0 14px; } .th-wrap .th-dl dt, .th-dialog .th-dl dt, .th-hero-search .th-dl dt { font-weight: 600; font-size: .85rem; color: var(--th-muted); margin-block-start: 8px; } .th-wrap .th-dl dd, .th-dialog .th-dl dd, .th-hero-search .th-dl dd { margin: 0; }

/* Dialog */ .th-dialog { inline-size: min(560px, calc(100vw - 32px)); border: 0; border-radius: 12px; padding: 24px; background: var(--th-surface); color: var(--th-ink); } .th-dialog.th-dialog::backdrop { background: rgba(15, 27, 45, .55); }

/* Dashboards */ .th-wrap .th-dash__head, .th-dialog .th-dash__head, .th-hero-search .th-dash__head { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; margin-block-end: 8px; } .th-wrap .th-tabs, .th-dialog .th-tabs, .th-hero-search .th-tabs { display: flex; gap: 4px; overflow-x: auto; border-block-end: 1px solid var(--th-line); margin-block-end: 18px; scrollbar-width: thin; } .th-wrap .th-tabs a, .th-dialog .th-tabs a, .th-hero-search .th-tabs a { white-space: nowrap; padding: 12px 14px; text-decoration: none; color: var(--th-ink-2); border-block-end: 3px solid transparent; font-weight: 600; } .th-wrap .th-tabs a.is-active, .th-dialog .th-tabs a.is-active, .th-hero-search .th-tabs a.is-active { color: var(--th-ink); border-block-end-color: var(--th-accent); } .th-wrap .th-stats, .th-dialog .th-stats, .th-hero-search .th-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 12px; margin-block-end: 16px; } .th-wrap .th-stat, .th-dialog .th-stat, .th-hero-search .th-stat { background: var(--th-surface); border: 1px solid var(--th-line); border-radius: var(--th-radius); padding: 16px; } .th-wrap .th-stat strong, .th-dialog .th-stat strong, .th-hero-search .th-stat strong { display: block; font-size: 1.9rem; line-height: 1.1; } .th-wrap .th-stat span, .th-dialog .th-stat span, .th-hero-search .th-stat span { color: var(--th-muted); font-size: .9rem; } .th-wrap .th-meter, .th-dialog .th-meter, .th-hero-search .th-meter { block-size: 10px; background: var(--th-bg); border-radius: 999px; overflow: hidden; margin-block-end: 10px; } .th-wrap .th-meter span, .th-dialog .th-meter span, .th-hero-search .th-meter span { display: block; block-size: 100%; background: var(--th-accent); } .th-wrap .th-pipe, .th-dialog .th-pipe, .th-hero-search .th-pipe { display: grid; grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); gap: 8px; } .th-wrap .th-pipe a, .th-dialog .th-pipe a, .th-hero-search .th-pipe a { display: grid; padding: 12px; background: var(--th-bg); border-radius: var(--th-radius-s); text-decoration: none; color: var(--th-ink); } .th-wrap .th-pipe strong, .th-dialog .th-pipe strong, .th-hero-search .th-pipe strong { font-size: 1.5rem; } .th-wrap .th-pipe span, .th-dialog .th-pipe span, .th-hero-search .th-pipe span { font-size: .85rem; color: var(--th-muted); } .th-wrap .th-feed, .th-dialog .th-feed, .th-hero-search .th-feed { list-style: none; margin: 12px 0 0; padding: 0; display: grid; } .th-wrap .th-feed li, .th-dialog .th-feed li, .th-hero-search .th-feed li { display: flex; justify-content: space-between; gap: 12px; align-items: center; padding: 10px 0; border-block-end: 1px solid var(--th-line); } .th-wrap .th-feed li.is-new, .th-dialog .th-feed li.is-new, .th-hero-search .th-feed li.is-new { font-weight: 600; } .th-wrap .th-feed time, .th-dialog .th-feed time, .th-hero-search .th-feed time { color: var(--th-muted); font-size: .82rem; white-space: nowrap; font-weight: 400; } .th-wrap .th-table, .th-dialog .th-table, .th-hero-search .th-table { overflow-x: auto; } .th-wrap .th-table table, .th-dialog .th-table table, .th-hero-search .th-table table { inline-size: 100%; border-collapse: collapse; min-inline-size: 560px; } .th-wrap .th-table th, .th-dialog .th-table th, .th-hero-search .th-table th, .th-wrap .th-table td, .th-dialog .th-table td, .th-hero-search .th-table td { text-align: start; padding: 10px 8px; border-block-end: 1px solid var(--th-line); vertical-align: top; } .th-wrap .th-table th, .th-dialog .th-table th, .th-hero-search .th-table th { font-size: .82rem; color: var(--th-muted); font-weight: 600; } .th-wrap .th-actions-cell a, .th-dialog .th-actions-cell a, .th-hero-search .th-actions-cell a { margin-inline-end: 10px; } .th-wrap .th-bulk, .th-dialog .th-bulk, .th-hero-search .th-bulk { display: flex; gap: 12px; align-items: center; margin-block: 12px; flex-wrap: wrap; } .th-wrap .th-bulk select, .th-dialog .th-bulk select, .th-hero-search .th-bulk select { inline-size: auto; } .th-wrap .th-applicants, .th-dialog .th-applicants, .th-hero-search .th-applicants { display: grid; gap: 12px; } .th-wrap .th-app, .th-dialog .th-app, .th-hero-search .th-app { display: grid; grid-template-columns: auto 1fr minmax(150px, 190px); gap: 14px; padding: 16px; border: 1px solid var(--th-line); border-radius: var(--th-radius); background: var(--th-surface); } .th-wrap .th-app:not(:has(.th-app__pick)), .th-dialog .th-app:not(:has(.th-app__pick)), .th-hero-search .th-app:not(:has(.th-app__pick)) { grid-template-columns: 1fr minmax(150px, 190px); } .th-wrap .th-app__side, .th-dialog .th-app__side, .th-hero-search .th-app__side { display: grid; gap: 8px; align-content: start; } .th-wrap .th-app blockquote, .th-dialog .th-app blockquote, .th-hero-search .th-app blockquote { margin: 8px 0; padding: 8px 12px; border-inline-start: 3px solid var(--th-line); background: var(--th-bg); } .th-wrap .th-app details, .th-dialog .th-app details, .th-hero-search .th-app details { margin-block-start: 10px; } .th-wrap .th-app summary, .th-dialog .th-app summary, .th-hero-search .th-app summary { cursor: pointer; color: var(--th-link); font-weight: 600; } .th-wrap .th-contact, .th-dialog .th-contact, .th-hero-search .th-contact { margin: 8px 0 0; font-size: .92rem; } .th-wrap .th-inline, .th-dialog .th-inline, .th-hero-search .th-inline { display: flex; gap: 8px; margin-block-start: 8px; flex-wrap: wrap; } .th-wrap .th-inline select, .th-dialog .th-inline select, .th-hero-search .th-inline select { inline-size: auto; max-inline-size: 260px; } .th-wrap .th-file, .th-dialog .th-file, .th-hero-search .th-file { margin: 0 0 8px; }


/* Surfaces keep their own text colour; theme-reset layer neutralises common theme overrides */
.th-wrap .th-panel, .th-dialog .th-panel, .th-hero-search .th-panel, .th-wrap .th-card, .th-dialog .th-card, .th-hero-search .th-card, .th-wrap .th-filters, .th-dialog .th-filters, .th-hero-search .th-filters, .th-wrap .th-stat, .th-dialog .th-stat, .th-hero-search .th-stat, .th-wrap .th-co, .th-dialog .th-co, .th-hero-search .th-co, .th-wrap .th-app, .th-dialog .th-app, .th-hero-search .th-app, .th-hero-search, .th-dialog { color: var(--th-ink); background-color: var(--th-surface); }
.th-wrap .th-pipe a, .th-dialog .th-pipe a, .th-hero-search .th-pipe a { color: var(--th-ink); background-color: var(--th-bg); }
.th-hero-search.th-hero-search input { background-color: var(--th-bg); color: var(--th-ink); }
.th-wrap .th-muted, .th-dialog .th-muted, .th-hero-search .th-muted, .th-wrap .th-empty, .th-dialog .th-empty, .th-hero-search .th-empty { opacity: .8; }
.th-wrap .th-tabs a, .th-dialog .th-tabs a, .th-hero-search .th-tabs a { color: inherit; }
.th-wrap.th-wrap :is(h1, h2, h3, h4) { font-family: inherit; color: inherit; text-transform: none; letter-spacing: normal; font-style: normal; text-shadow: none; }
.th-wrap.th-wrap :is(h1, h2, h3, h4)::before, .th-wrap.th-wrap :is(h1, h2, h3, h4)::after { content: none; }
.th-wrap.th-wrap :is(input, select, textarea, button), .th-dialog.th-dialog :is(input, select, textarea, button), .th-hero-search.th-hero-search :is(input, button) { font: inherit; letter-spacing: normal; text-transform: none; text-shadow: none; box-shadow: none; margin: 0; max-inline-size: 100%; line-height: 1.4; }
.th-wrap.th-wrap :is(input, select, textarea):not([type=checkbox]):not([type=radio]):not([type=file]), .th-dialog.th-dialog textarea { appearance: none; -webkit-appearance: none; color: var(--th-ink); background-color: var(--th-surface); }
.th-wrap.th-wrap select { appearance: auto; -webkit-appearance: auto; }
.th-wrap.th-wrap :is(input[type=checkbox], input[type=radio]) { inline-size: auto; min-block-size: 0; accent-color: var(--th-accent); }
.th-wrap.th-wrap p, .th-dialog.th-dialog p { margin-block: 0 .8em; }
.th-wrap.th-wrap ul.th-meta, .th-wrap.th-wrap ul.th-tags, .th-wrap.th-wrap ul.th-feed { list-style: none; padding: 0; }
.th-wrap.th-wrap table { margin: 0; border: 0; background: transparent; }
.th-wrap.th-wrap :is(th, td) { background: transparent; color: inherit; border-inline: 0; border-block-start: 0; }
.th-wrap.th-wrap img { max-inline-size: 100%; height: auto; box-shadow: none; }
.th-wrap.th-wrap .th-btn, .th-dialog.th-dialog .th-btn { text-decoration: none; text-shadow: none; box-shadow: none; background-image: none; letter-spacing: normal; text-transform: none; font-size: .95rem; line-height: 1.2; }
.th-wrap.th-wrap .th-btn--primary, .th-dialog.th-dialog .th-btn--primary { background-color: var(--th-accent); color: var(--th-accent-ink) !important; }
.th-wrap.th-wrap .th-btn--primary:hover, .th-dialog.th-dialog .th-btn--primary:hover { background-color: var(--th-accent-hover); }
.th-wrap.th-wrap .th-btn--ghost, .th-dialog.th-dialog .th-btn--ghost { background-color: transparent; color: var(--th-ink) !important; }
.th-wrap.th-wrap .th-btn.is-on, .th-dialog.th-dialog .th-btn.is-on { background-color: var(--th-ink); color: var(--th-surface) !important; }
.th-wrap.th-wrap blockquote { quotes: none; font-style: normal; }
.th-wrap.th-wrap blockquote::before, .th-wrap.th-wrap blockquote::after { content: none; }
.th-wrap.th-wrap details > summary { list-style-position: inside; }

/* Layout modes */
.th-layout-wide .th-wrap.th-wrap, .th-layout-canvas .th-wrap.th-wrap { max-inline-size: none; inline-size: 100%; }
.th-layout-wide .th-wrap.th-wrap > *, .th-layout-canvas .th-wrap.th-wrap > * { max-inline-size: 1280px; margin-inline: auto; }
.th-canvas { inline-size: 100%; max-inline-size: none; margin: 0; padding: 0; float: none; display: block; }
.th-canvas .th-wrap.th-wrap { max-inline-size: 1240px; }

/* Admin dashboard */
.th-wrap.th-wrap .th-step { display: grid; grid-template-columns: 24px 1fr auto; gap: 12px; align-items: start; }
.th-wrap.th-wrap .th-step__mark { inline-size: 22px; block-size: 22px; border-radius: 50%; border: 2px solid var(--th-line); display: grid; place-items: center; font-size: .78rem; font-weight: 700; }
.th-wrap.th-wrap .th-step.is-done .th-step__mark { background: var(--th-ok); border-color: var(--th-ok); color: #fff; }
.th-wrap.th-wrap .th-inline input[type=text] { inline-size: auto; min-inline-size: 180px; min-block-size: 42px; padding: 8px 12px; border: 1px solid var(--th-input-line); border-radius: var(--th-radius-s); }
.th-wrap.th-wrap .th-app__side input[type=text] { inline-size: 100%; min-block-size: 42px; padding: 8px 12px; border: 1px solid var(--th-input-line); border-radius: var(--th-radius-s); }
.th-wrap.th-wrap td .th-inline { flex-wrap: wrap; }
.th-wrap.th-wrap input[type=color] { padding: 2px; min-block-size: 42px; cursor: pointer; }

/* Toast */ .th-toast { position: fixed; inset-block-end: 20px; inset-inline: 16px; margin-inline: auto; inline-size: fit-content; max-inline-size: 92vw; padding: 12px 18px; border-radius: 10px; background: var(--th-ink, #0f1b2d); color: #fff; font: 600 .95rem/1.4 ui-sans-serif, system-ui, sans-serif; z-index: 99999; box-shadow: 0 8px 28px rgba(0, 0, 0, .25); } .th-toast.is-error { background: #b42318; }

@media (max-width: 760px) { .th-wrap .th-filters__bar, .th-dialog .th-filters__bar, .th-hero-search .th-filters__bar, .th-hero-search { grid-template-columns: 1fr; } .th-wrap .th-job__head, .th-dialog .th-job__head, .th-hero-search .th-job__head, .th-wrap .th-company__head, .th-dialog .th-company__head, .th-hero-search .th-company__head { grid-template-columns: 56px 1fr; } .th-wrap .th-job__cta, .th-dialog .th-job__cta, .th-hero-search .th-job__cta { grid-column: 1 / -1; justify-content: flex-start; } .th-wrap .th-job__grid, .th-dialog .th-job__grid, .th-hero-search .th-job__grid { grid-template-columns: 1fr; } .th-wrap .th-card, .th-dialog .th-card, .th-hero-search .th-card { grid-template-columns: 40px 1fr auto; gap: 10px; padding: 14px; } .th-wrap .th-app, .th-dialog .th-app, .th-hero-search .th-app, .th-wrap .th-app:not(:has(.th-app__pick)), .th-dialog .th-app:not(:has(.th-app__pick)), .th-hero-search .th-app:not(:has(.th-app__pick)) { grid-template-columns: 1fr; } .th-wrap .th-app__pick, .th-dialog .th-app__pick, .th-hero-search .th-app__pick { order: -1; }
}
@media (prefers-reduced-motion: reduce) { .th-wrap.th-wrap *, .th-dialog.th-dialog * { transition: none !important; animation: none !important; }
}