/* Recruiting settings (includes/recruiting-settings.php + recruiting-settings-view.php).
   Two parts: the Settings tab of Recruiting (scoped .cw-rs, uses the shared .cw-ui tokens) and the public careers
   page (scoped .cw-careers, the dark public style: translucent cards based on currentColor). */

.cw-rs .cw-ui-tabs{ margin:20px 0 22px; }
.cw-rs .cw-ui-card{ margin:0 0 18px; }
.cw-rs .cw-ui-muted{ margin:0 0 14px; }
.cw-rs .cw-field{ display:block; margin:0 0 14px; }
.cw-rs .cw-field > span{ display:block; margin:0 0 5px; font-size:13px; font-weight:600; color:var(--u-mut); }
.cw-rs .cw-field input[type=text],.cw-rs .cw-field input[type=number],.cw-rs .cw-field textarea,.cw-rs .cw-field select{
	width:100%; min-height:42px; padding:9px 12px; border:1px solid var(--u-line); border-radius:10px;
	background:var(--u-soft); color:var(--u-ink); font:inherit; }
.cw-rs .cw-field textarea{ min-height:90px; resize:vertical; }
.cw-rs .cw-field input[type=color]{ width:56px; height:42px; padding:4px; border:1px solid var(--u-line); border-radius:10px; background:var(--u-card); }
.cw-rs .cw-ui-btn,.cw-rs .cw-btn{ cursor:pointer; }
.cw-rs__ph{ margin:0 0 14px; font-size:13px; color:var(--u-mut); }
.cw-rs__ph code{ padding:2px 6px; border-radius:6px; background:var(--u-soft); font-size:12.5px; }

/* Pipeline stages */
.cw-rs__stagerows{ list-style:none; margin:0 0 18px; padding:0; display:grid; gap:8px; }
.cw-rs__stagerow{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px 14px; padding:11px 14px; border:1px solid var(--u-line); border-radius:12px; background:var(--u-card); }
.cw-rs__stagerow.is-fixed{ background:var(--u-soft); }
.cw-rs__stagehead{ display:flex; align-items:center; gap:10px; flex:1 1 220px; min-width:0; }
.cw-rs__stagehead b{ font-size:15px; }
.cw-rs__ord{ display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; width:24px; height:24px; border-radius:999px; background:var(--u-soft); color:var(--u-mut); font-size:12px; font-weight:700; }
.cw-rs__stagename{ flex:1 1 auto; min-width:0; min-height:38px; padding:7px 11px; border:1px solid var(--u-line); border-radius:9px; background:var(--u-soft); color:var(--u-ink); font:inherit; font-weight:600; }
.cw-rs__stagefoot{ display:flex; align-items:center; gap:10px; flex:0 1 auto; }
.cw-rs__group select{ min-height:36px; padding:5px 9px; border:1px solid var(--u-line); border-radius:9px; background:var(--u-card); color:var(--u-ink); font:inherit; }
.cw-rs__stageacts{ display:inline-flex; gap:6px; }
.cw-rs__move,.cw-rs__del{ display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; padding:0; border:1px solid var(--u-line); border-radius:9px; background:var(--u-card); color:var(--u-mut); font:inherit; font-size:15px; line-height:1; cursor:pointer; }
.cw-rs__move:hover{ border-color:var(--u-a); color:var(--u-a); }
.cw-rs__del:hover{ border-color:var(--u-red); color:var(--u-red); }
.cw-rs__addstage{ display:grid; grid-template-columns:minmax(0,2fr) minmax(0,1fr); gap:0 14px; align-items:end; padding-top:4px; }
@media (max-width:480px){ .cw-rs__addstage{ grid-template-columns:minmax(0,1fr); } }

/* Chips */
.cw-rs__chips,.cw-rs__jobchips{ display:flex; flex-wrap:wrap; gap:8px; }
.cw-rs__jobchips{ margin:0 0 18px; }
.cw-rs__jobchips .cw-rec__chip{ text-decoration:none; }
.cw-rs__jobchips .cw-rec__chip.is-on{ border-color:var(--u-a); color:var(--u-a); }

/* Questions */
.cw-rs__qs{ display:grid; gap:12px; margin:0 0 18px; }
.cw-rs__q{ padding:14px; border:1px solid var(--u-line); border-radius:12px; background:var(--u-soft); }
.cw-rs__qhead{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:0 0 10px; }
.cw-rs__qtype{ font-size:13px; font-weight:700; color:var(--u-ink); }
.cw-rs__qhead .cw-rs__del{ margin-left:auto; }
.cw-rs__newq{ margin:0 0 16px; padding:14px; border:1px dashed var(--u-line); border-radius:12px; }
.cw-rs__newq h4{ margin:0 0 12px; font-size:14px; }
.cw-rs__check{ display:flex; align-items:center; gap:8px; margin:0 0 12px; font-size:14px; }
.cw-rs__check input{ width:18px; height:18px; }

/* Templates */
.cw-rs__tpl{ padding:0 0 18px; margin:0 0 18px; border-bottom:1px solid var(--u-line); }
.cw-rs__tpl:last-of-type{ border-bottom:0; margin-bottom:0; padding-bottom:0; }
.cw-rs__tpl h4{ margin:0 0 12px; font-size:15px; }

/* The careers page builder */
.cw-rs__logo{ display:flex; flex-wrap:wrap; align-items:center; gap:14px; margin:0 0 16px; }
.cw-rs__logo .cw-field{ flex:1 1 220px; min-width:0; margin:0; }
.cw-rs .cw-field input[type=file]{ display:block; width:100%; max-width:100%; min-width:0; font-size:14px; }
.cw-rs__logo img{ width:64px; height:64px; object-fit:contain; border:1px solid var(--u-line); border-radius:12px; background:var(--u-soft); }

/* The job board feed */
.cw-rs__feeds{ display:grid; gap:12px; }
.cw-rs__feed{ display:flex; flex-wrap:wrap; align-items:center; gap:10px; padding:12px 14px; border:1px solid var(--u-line); border-radius:12px; background:var(--u-soft); }
.cw-rs__feed > span{ font-size:13px; font-weight:600; color:var(--u-mut); }
.cw-rs__feed code{ flex:1 1 220px; min-width:0; overflow-wrap:anywhere; font-size:13px; }
.cw-rs__copy{ display:inline-flex; }

/* The candidate page: answers, reject, emails */
.cw-rs__answers .cw-rec__facts{ margin:0; }
.cw-rs__rejectform .cw-field{ margin:0 0 12px; }
.cw-rs__mailsubject{ margin:0 0 10px; font-weight:600; }
.cw-rs__mailbody{ margin:0 0 14px; padding:14px; border:1px solid var(--u-line); border-radius:12px; background:var(--u-soft); color:var(--u-ink); font:inherit; font-size:14px; line-height:1.6; white-space:pre-wrap; overflow-wrap:anywhere; }
.cw-rs__loglist{ list-style:none; margin:0; padding:0; display:grid; gap:8px; }
.cw-rs__loglist li{ display:grid; gap:2px; padding:9px 11px; border:1px solid var(--u-line); border-radius:10px; }
.cw-rs__loglist b{ font-size:14px; font-weight:600; overflow-wrap:anywhere; }
.cw-rs__loglist small{ color:var(--u-mut); font-size:12.5px; overflow-wrap:anywhere; }
.cw-rs__send p{ margin:0 0 12px; }

/* ---------------------------------------------------------------- the public careers page */

.cw-careers__brand{ display:flex; flex-wrap:wrap; align-items:center; gap:18px; margin:22px 0; }
.cw-careers__logo{ max-height:56px; max-width:180px; width:auto; }
.cw-careers__benefits{ list-style:none; display:flex; flex-wrap:wrap; gap:8px; margin:0; padding:0; }
.cw-careers__benefits li{ padding:8px 14px; border:1px solid var(--cc-line); border-radius:999px; background:var(--cc-soft); font-size:14px; }

.cw-careers__tools{ display:flex; flex-wrap:wrap; gap:10px; margin:24px 0 16px; }
.cw-careers__search{ flex:1 1 240px; min-width:0; }
.cw-careers__search input{ width:100%; min-height:44px; padding:10px 14px; border:1px solid var(--cc-line); border-radius:12px; background:var(--cc-soft); color:inherit; font:inherit; }
.cw-careers__search input::placeholder{ color:var(--cc-muted); }
.cw-careers__dept{ flex:0 1 220px; min-width:0; }
.cw-careers__dept select{ width:100%; min-height:44px; padding:10px 14px; border:1px solid var(--cc-line); border-radius:12px; background:var(--cc-soft); color:inherit; font:inherit; }
.cw-careers__none[hidden]{ display:none; }

.cw-careers__share{ display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin:0 0 22px; }
.cw-careers__share > span{ opacity:.72; font-size:13px; }
.cw-careers__share a,.cw-careers__share button{ display:inline-flex; align-items:center; min-height:36px; padding:0 14px; border:1px solid var(--cc-line); border-radius:999px; background:var(--cc-soft); color:inherit; font:inherit; font-size:13.5px; text-decoration:none; cursor:pointer; }
.cw-careers__share a:hover,.cw-careers__share button:hover{ background:color-mix(in srgb,currentColor 10%,transparent); }

.cw-careers__questions{ display:grid; gap:14px; margin:16px 0; padding:16px; border:1px solid var(--cc-line); border-radius:14px; background:var(--cc-soft); }
.cw-careers__questions label{ display:block; margin:0; }
.cw-careers__questions label > span{ display:block; margin:0 0 5px; font-size:14px; font-weight:600; }
.cw-careers__questions input[type=text],.cw-careers__questions input[type=file],.cw-careers__questions select,.cw-careers__questions textarea{ width:100%; min-height:42px; padding:9px 12px; border:1px solid var(--cc-line); border-radius:10px; background:color-mix(in srgb,currentColor 4%,transparent); color:inherit; font:inherit; }
.cw-careers__questions textarea{ min-height:96px; resize:vertical; }
.cw-careers__questions small{ display:block; margin:6px 0 0; opacity:.72; font-size:13px; }
.cw-careers__questions select option,.cw-careers__dept select option{ background:#1b0f2b; color:#f6f3ff; }

/* Design review 2026-10-22: the small company header and the "Powered by" footer of the public careers pages. */
.cw-careers-bar{ border-bottom:1px solid var(--line,rgba(127,127,127,.25)); background:var(--bg,#fff); color:var(--ink,#131430); }
.cw-careers-bar__in{ display:flex; align-items:center; justify-content:space-between; gap:16px; width:min(1120px,calc(100% - 32px)); margin:0 auto; min-height:64px; }
.cw-careers-bar__brand{ display:inline-flex; align-items:center; gap:12px; min-width:0; color:inherit; text-decoration:none; font-weight:700; font-size:17px; }
.cw-careers-bar__logo{ display:block; max-height:36px; max-width:140px; width:auto; height:auto; flex:none; }
.cw-careers-bar__name{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.cw-careers-bar__all{ flex:none; display:inline-flex; align-items:center; min-height:40px; padding:0 14px; border:1px solid var(--line,rgba(127,127,127,.3)); border-radius:999px; color:inherit; text-decoration:none; font-size:14px; font-weight:600; }
.cw-careers-bar__all:hover{ background:color-mix(in srgb,currentColor 8%,transparent); }
.cw-careers-bar a:focus-visible,.cw-careers-foot a:focus-visible{ outline:2px solid var(--accent,#6c4ef5); outline-offset:3px; border-radius:6px; }
.cw-careers-foot{ padding:28px 16px 36px; text-align:center; font-size:13px; color:var(--muted,#5d5f72); }
.cw-careers-foot a{ color:inherit; font-weight:600; }
.cw-careers__about h3{ margin:22px 0 8px; font-size:18px; }
.cw-careers__about ul{ margin:0 0 14px; padding-left:22px; }
.cw-careers__about li{ margin:0 0 6px; }
@media (max-width:480px){ .cw-careers-bar__logo{ max-width:96px; } }

/* Design review 2026-10-22: the careers page tab: page address with Copy and Open, a logo upload with a preview. */
.cw-rs__url{ margin:0 0 18px; }
.cw-rs__urll,.cw-rs__logol{ display:block; margin:0 0 6px; font-size:13px; font-weight:600; color:var(--u-mut); }
.cw-rs__urlrow{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.cw-rs__urlin{ flex:1 1 260px; min-width:0; min-height:42px; padding:9px 12px; border:1px solid var(--u-line); border-radius:10px; background:var(--u-soft); color:var(--u-ink); font:inherit; font-size:14px; }
.cw-rs__urlrow .cw-btn{ display:inline-flex; align-items:center; justify-content:center; min-height:42px; text-decoration:none; }
.cw-rs__logo{ display:block; margin:0 0 16px; }
.cw-rs__logorow{ display:flex; flex-wrap:wrap; align-items:center; gap:16px; }
.cw-rs__logobox{ display:grid; place-items:center; width:96px; height:96px; border:1px dashed var(--u-line); border-radius:14px; background:var(--u-soft); overflow:hidden; }
.cw-rs__logobox img{ width:100%; height:100%; object-fit:contain; border:0; border-radius:0; background:transparent; }
.cw-rs__logobox small{ display:none; padding:6px; text-align:center; font-size:12px; color:var(--u-mut); }
.cw-rs__logobox.is-empty small{ display:block; }
.cw-rs__logoact{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.cw-rs__logoact > small{ flex:1 0 100%; }
.cw-rs__up{ position:relative; display:inline-flex; align-items:center; justify-content:center; min-height:42px; cursor:pointer; }
.cw-rs__up input[type=file]{ position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:pointer; }
.cw-rs__up:focus-within{ outline:2px solid var(--accent,#6c4ef5); outline-offset:2px; }
.cw-rs__logoact [data-cw-rs-rm]{ min-height:42px; }
.cw-rs__logoact [hidden]{ display:none; }