/*
Theme Name: TalentIntelX 1.0 Demo
Theme URI: https://talentintelx.com
Author: TalentIntelX
Description: TalentIntelX 1.0 recruiting intelligence demo experience.
Version: 1.1.10
Text Domain: talentintelx-demo
*/


/* TalentIntelX 1.0.1 demo UX refinements */
.wizard-step-hidden{display:none!important}
.inline-anchor{color:var(--cyan,#168ef2);font-weight:700;text-decoration:none;border-bottom:1px solid rgba(22,142,242,.35)}
.field-status{display:inline-flex;align-items:center;margin-left:7px;padding:2px 7px;border-radius:999px;font-size:10px;line-height:1.4;font-weight:800;letter-spacing:.05em;text-transform:uppercase;vertical-align:middle}
.field-status.required{background:#e8f2ff;color:#0b5fb6;border:1px solid #c8ddf7}
.field-status.optional{background:#f3f6f9;color:#6b7d91;border:1px solid #dde5ec}
.login-save-note{display:block;margin:-4px 0 18px 28px;color:#75879a;line-height:1.45}
.msel-menu{padding:7px!important;border-radius:12px!important;box-shadow:0 14px 40px rgba(10,39,71,.14)!important}
.msel-opt{display:grid!important;grid-template-columns:18px 1fr!important;align-items:center!important;gap:10px!important;min-height:38px!important;padding:8px 10px!important;border-radius:8px!important}
.msel-opt input[type="checkbox"],.checkbox-field input[type="checkbox"],.remember input[type="checkbox"]{width:16px!important;height:16px!important;margin:0!important;align-self:center!important;accent-color:#1479d1}
.msel-opt span{line-height:1.25!important;align-self:center!important}
.msel-other{width:100%;text-align:left;padding:10px 12px;border:0;background:#f6f9fc;border-radius:8px;color:#34516f;font-weight:700;cursor:pointer}
.style-grid,.option-grid{align-items:stretch}
.style-chip,.option-card{min-height:44px;display:flex!important;align-items:center;justify-content:center}
.option-card{align-items:flex-start!important;justify-content:flex-start!important}
.admin-user-manager{margin-bottom:22px;padding:24px}
.admin-user-form .field-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.admin-limit-editor{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px}.admin-limit-editor label{font-size:12px;font-weight:700}.admin-limit-editor input{width:82px;margin-left:6px}
@media(max-width:900px){.admin-user-form .field-grid{grid-template-columns:1fr 1fr}}

.criterion-other-row{display:flex;gap:8px;align-items:center;margin-top:12px}.criterion-other-row input{max-width:420px}

/* Manual intake checklists: checkbox and label share one centered row. */
.field .msel .msel-opt{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;line-height:20px!important}
.field .msel .msel-opt>input[type="checkbox"]{appearance:auto!important;-webkit-appearance:checkbox!important;position:static!important;transform:none!important;float:none!important;flex:0 0 16px!important;width:16px!important;height:16px!important;margin:0!important;padding:0!important;align-self:center!important}
.field .msel .msel-opt>span{position:static!important;transform:none!important;flex:1;min-width:0;line-height:20px!important;margin:0!important;padding:0!important;align-self:center!important}
.msel-custom{margin-top:10px;padding:12px;background:#f5f8fc;border:1px solid #dce5ed;border-radius:10px}
.msel-custom-row{display:flex;align-items:center;gap:8px}.msel-custom-row input{flex:1;min-width:0}.msel-custom-row .btn{flex:0 0 auto}
.msel-other-option{border-top:1px solid #e4ebf2;margin-top:4px!important}
/* Expanded checklists stay in the form flow so they never cover the next field. */
.field .msel .msel-menu{position:relative!important;top:auto!important;left:auto!important;right:auto!important;margin-top:6px}

/* Precision 2.6 integration helpers */
.tix-demo-back{position:fixed;z-index:50;left:22px;top:18px;color:#e6f7ff;text-decoration:none;font:600 13px/1.2 Inter,system-ui,sans-serif;letter-spacing:.01em;padding:9px 12px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(6,22,38,.62);backdrop-filter:blur(10px)}
.tix-demo-back:hover{background:rgba(16,183,214,.18);border-color:rgba(90,210,235,.5)}
@media(max-width:780px){.tix-demo-back{left:12px;top:10px;padding:8px 10px}}