.workspace-filters.cf-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 22px;padding:22px;background:#fff;border:1px solid #dfe6ee;border-radius:14px;align-items:start;margin-bottom:18px}
.cf-panel .cf-field{display:flex;flex-direction:column;gap:8px;min-width:0;font-size:13px;color:#65768a;height:auto;background:none;border:0;padding:0;margin:0}
.cf-panel .cf-keyword{font-size:0}.cf-panel .cf-keyword>span{font-size:13px}
.cf-panel .cf-field>button,.cf-panel .cf-field>select,.cf-panel .cf-field>input{box-sizing:border-box;width:100%;min-width:0;height:42px;padding:0 12px;border:1px solid #d9e1ea;background:#fff;border-radius:7px;color:#253b56;font:inherit;font-size:14px;text-align:left;outline-offset:3px}
.cf-panel .cf-field>button{display:flex;align-items:center;justify-content:space-between;gap:12px}.cf-field button>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cf-panel button.selected{border-color:#7596b8;background:#f5f8fc;color:#1d426c}
.cf-panel .cf-field>input:focus,.cf-panel .cf-field>button:focus-visible,.cf-panel select:focus-visible{outline:2px solid #557fa8;border-color:transparent}
.cf-dates{grid-column:1/-1;background:#f6f8fb;border:1px solid #e5eaf0;border-radius:9px;padding:14px 16px}.cf-dates>strong{display:block;font-size:13px;color:#344d69;margin-bottom:12px}.cf-dates>div{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.cf-actions{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:13px;color:#53677f}.cf-actions>label{display:flex;align-items:center;gap:7px}.cf-actions small{color:#8995a3}.cf-actions button,.cf-sticky button,.cf-tags-toggle button{background:none;color:#315a84;font-size:13px;padding:7px 10px;border-radius:6px}.cf-actions>div{display:flex;gap:12px}.cf-actions button:last-child{color:#778495}.cf-actions button:hover,.cf-sticky button:hover{background:#edf3f9}
.cf-restore{grid-column:1/-1;font-size:12px;color:#637b93;padding:9px 12px;background:#f5f8fb;border-radius:6px}.cf-restore[hidden]{display:none}
.cf-selected{grid-column:1/-1;display:flex!important;flex-wrap:wrap!important;align-content:start;gap:8px!important;max-height:72px;overflow:hidden!important;min-width:0;padding:0!important;width:100%}.cf-selected[hidden]{display:none!important}.cf-selected.expanded{max-height:none;overflow:visible!important}
.cf-chip{display:inline-flex;align-items:stretch;background:#edf3f9;border:1px solid #dfe8f1;border-radius:7px;max-width:100%;min-height:30px;color:#315778}.cf-selected .cf-chip button{margin:0;min-height:30px;height:auto;padding:5px 9px;background:none;border:0;font-size:12px;font-weight:400;color:inherit;white-space:normal;overflow-wrap:anywhere;text-align:left}.cf-chip .cf-chip-close{flex:0 0 30px;text-align:center;font-size:17px;border-left:1px solid #dce6f0}.cf-chip button:hover{background:#e0eaf5}.cf-tags-toggle{grid-column:1/-1;margin-top:-12px}.cf-tags-toggle:has(button[hidden]){display:none}
.cf-sticky{position:sticky;top:0;z-index:25;display:flex;gap:14px;align-items:center;min-height:46px;padding:6px 16px;border:1px solid #dce5ed;border-radius:9px;background:rgba(255,255,255,.98);box-shadow:0 4px 12px #173d6110;font-size:13px;color:#4d6580}.cf-sticky[hidden]{display:none}.cf-sticky>span{margin-right:auto}
.cf-result-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:14px 0;font-size:12px;color:#7b899b}.cf-result-tools select{border:1px solid #dbe3ec;border-radius:6px;padding:8px;color:#3b5671;background:white;font:inherit}.cf-query-error{background:#fff5eb;border:1px solid #f0dcc3;padding:12px 15px;border-radius:8px;color:#82552b;font-size:13px;margin:10px 0}.cf-query-error button{margin-left:15px;color:#245785;background:none}.cf-query-error[hidden]{display:none}
.cf-overlay{position:fixed;inset:0;background:#142b475c;z-index:5000;display:flex;align-items:center;justify-content:center;padding:24px}.cf-dialog{width:min(100%,1000px);max-height:min(800px,90dvh);display:flex;flex-direction:column;background:#fff;border-radius:16px;box-shadow:0 22px 70px #10263d33;overflow:hidden;color:#2a425d}.cf-enum .cf-dialog{width:480px}.cf-dialog header{display:flex;align-items:center;justify-content:space-between;padding:19px 22px;border-bottom:1px solid #edf0f4}.cf-dialog header strong{font-size:17px}.cf-dialog button{font:inherit;cursor:pointer}.cf-dialog header button{background:none;color:#7f8e9e;font-size:24px;padding:0 6px}.cf-picker-search{padding:14px 22px;display:flex;align-items:center;gap:12px;font-size:12px;color:#7c8c9e}.cf-picker-search input{flex:1;width:0;padding:10px 12px;border:1px solid #dbe3ec;border-radius:7px;font:inherit;font-size:14px;color:#24435f}.cf-picker-content{min-height:180px;max-height:46dvh;overflow:auto}.cf-columns{display:flex;min-height:280px}.cf-column{flex:1 0 230px;min-width:0;max-height:46dvh;overflow:auto;border-right:1px solid #e5ebf1;padding:10px}.cf-column>strong{display:block;padding:6px 10px 12px;font-size:12px;color:#8190a1}.cf-option{display:flex;align-items:center;border-radius:6px;font-size:14px;min-height:42px}.cf-option:hover{background:#f2f6fa}.cf-option:has(input:checked){background:#eaf2fa;color:#214e7a}.cf-option label{display:flex;align-items:center;gap:9px;flex:1;min-width:0;padding:10px;cursor:pointer}.cf-option input{flex-shrink:0;width:16px;height:16px;accent-color:#2e608e}.cf-option small{display:block;margin-top:3px;font-size:11px;color:#8a98a8}.cf-option button{background:none;color:#577491;width:36px;align-self:stretch}.cf-option:has(input:disabled){color:#8495a5}.cf-search-results{padding:0 16px}.cf-search-results>p{padding:22px;color:#7f8b99}
.cf-picker-selected{border-top:1px solid #e6edf4;display:flex;flex-wrap:wrap;gap:7px;padding:14px 20px;max-height:120px;overflow:auto;font-size:12px;color:#718399}.cf-picker-selected>span{padding:7px 0;margin-right:8px}.cf-picker-selected>button{background:#edf3f9;color:#355d83;border-radius:6px;padding:6px 9px;text-align:left}.cf-dialog footer{display:flex;align-items:center;gap:12px;padding:15px 20px;border-top:1px solid #e8edf3;background:#fafbfd}.cf-dialog footer>span{flex:1}.cf-dialog footer button{padding:9px 19px;border:1px solid #dae3ed;border-radius:7px;background:white;color:#536b82}.cf-dialog footer .cf-primary{background:#244c77;color:white;border-color:#244c77}.cf-dialog button:disabled{opacity:.5;cursor:not-allowed}.cf-dialog :focus-visible{outline:2px solid #4f80b0;outline-offset:2px}
@media(min-width:901px) and (max-width:1200px){.workspace-filters.cf-panel{gap:15px;padding:18px}.cf-actions small{display:none}}
@media(max-width:900px){.cf-overlay{padding:0;align-items:flex-end}.cf-dialog,.cf-enum .cf-dialog{width:100%;max-height:88dvh;border-radius:18px 18px 0 0}.cf-dialog footer{padding-bottom:max(15px,env(safe-area-inset-bottom))}.cf-column{flex-basis:190px}.cf-option label{padding:13px 8px}.cf-picker-selected>button{min-height:36px}.cf-picker-search{padding:12px 16px}.cf-selected{max-height:82px}.cf-selected.expanded{max-height:none;overflow:visible!important}.cf-chip{min-height:36px}.cf-selected .cf-chip button{font-size:12px;min-height:36px}.cf-chip .cf-chip-close{flex-basis:36px}.mobile-quick-filters{grid-template-columns:repeat(4,minmax(0,1fr))!important}.mobile-recruit-tabs{grid-template-columns:repeat(auto-fit,minmax(65px,1fr))!important}.cf-result-tools>span{display:none}.cf-result-tools{justify-content:flex-end}.cf-sticky{display:none}.cf-restore{margin-top:8px}.cf-actions{flex-wrap:wrap}}

.cf-mobile-actions{display:flex;flex-wrap:wrap;gap:8px;padding-top:8px}.cf-mobile-actions button{font-size:12px;padding:8px;color:#4d6f91;background:#eef3f8;border-radius:6px}
@media(min-width:901px){.cf-enum{background:transparent}.cf-enum .cf-dialog{position:fixed;left:var(--picker-left,calc(50% - 240px));top:var(--picker-top,15vh);max-height:min(460px,80dvh);border:1px solid #dce5ef}.cf-enum .cf-picker-content{min-height:80px}.cf-enum .cf-column{max-height:260px;min-height:80px}.cf-enum .cf-columns{min-height:80px}}

.cf-selected{max-height:none!important;overflow:visible!important}.cf-chip[hidden]{display:none!important}

/* The narrow checkbox selects; the rest of a parent row expands. */
.cf-option label.cf-check{flex:0 0 38px;box-sizing:border-box;padding:0;min-height:48px;align-self:stretch;justify-content:center}
.cf-option .cf-drill{width:auto;min-width:0;flex:1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px 10px 4px;text-align:left;color:inherit;min-height:48px;border-radius:0 6px 6px 0}
.cf-option .cf-drill>span:first-child{min-width:0;overflow-wrap:anywhere}.cf-option .cf-drill>span:last-child{color:#6683a0;flex-shrink:0}
.cf-option .cf-drill:hover,.cf-option .cf-drill[aria-expanded=true]{background:#e8f0f8}.cf-option label.cf-check:hover{background:#dae8f5;border-radius:6px 0 0 6px}
.cf-option label.cf-check input{margin:0}.cf-branch-loading{padding:18px 10px;color:#70849a;font-size:13px}.cf-column>p{padding:12px;color:#8e5e38}.cf-column>button,.cf-search-results>button{padding:10px 16px;background:#edf3f9;color:#315d85;border-radius:6px}
@media(max-width:900px){.cf-option label.cf-check{flex-basis:40px;min-height:48px}.cf-option .cf-drill{min-height:48px;padding:13px 10px 13px 4px}}

/* One vertical scroll owner per column; surrounding sections never shrink. */
.cf-dialog{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto;height:min(650px,90dvh)}
.cf-picker-content{display:flex;min-height:0;max-height:none;overflow:hidden}
.cf-columns{width:100%;height:100%;min-height:0;overflow-x:auto;overflow-y:hidden}
.cf-column{box-sizing:border-box;min-height:0;max-height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}
.cf-search-results{width:100%;min-height:0;overflow-y:auto;overscroll-behavior:contain}
.cf-picker-selected{flex-wrap:nowrap;align-items:center;max-height:none;overflow-x:auto;overflow-y:hidden;padding:10px 20px}
.cf-picker-selected>span,.cf-picker-selected>button{flex-shrink:0;white-space:nowrap}
@media(min-width:901px){.cf-enum .cf-dialog{height:min(460px,80dvh)}.cf-enum .cf-picker-content,.cf-enum .cf-column,.cf-enum .cf-columns{min-height:0}.cf-enum .cf-column{max-height:100%}}
@media(max-width:900px){.cf-dialog,.cf-enum .cf-dialog{height:88dvh}}