/* Workli V31: optional job facts, filters and promotion studio. */
.wf-filter-panel,.wf-summary,.wf-promo-controls,.wf-promo-preview{--wf-bg:#fff;--wf-ink:#14213a;--wf-muted:#5f6f86;--wf-line:#dce4f0;--wf-soft:#f4f7fc;color:var(--wf-ink)}
html[data-theme="dark"] .wf-filter-panel,html[data-theme="dark"] .wf-summary,html[data-theme="dark"] .wf-promo-controls,html[data-theme="dark"] .wf-promo-preview{--wf-bg:#111d2e;--wf-ink:#edf3ff;--wf-muted:#b1bfd3;--wf-line:#304058;--wf-soft:#17263b}
.wf-jobs-hero{padding-bottom:24px}.wf-filter-panel{max-width:1180px;margin:28px auto 0;padding:24px;border:1px solid var(--wf-line);border-radius:20px;background:var(--wf-bg);box-shadow:0 12px 35px #14213a08}
.wf-filter-panel .searchbar{margin:0;padding:0;border:0;box-shadow:none;max-width:none}.wf-filter-panel .searchbar .field{min-width:0}.wf-filter-panel select{max-width:100%}
.wf-chips{border:0;padding:0;margin:24px 0 20px;display:flex;gap:10px;flex-wrap:wrap}.wf-chips legend{font-size:12px;font-weight:750;color:var(--wf-muted);padding:0;margin-bottom:10px}
.wf-chip{display:flex;align-items:center;gap:8px;border:1px solid var(--wf-line);background:var(--wf-soft);border-radius:999px;padding:10px 14px;cursor:pointer;font-size:13px;font-weight:650;line-height:1.35}.wf-chip:has(input:checked){border-color:#1769ff;background:#eaf2ff;color:#174fbb}.wf-chip input{accent-color:#1769ff;width:16px;height:16px;flex:none;margin:0}.wf-chip:focus-within{outline:3px solid #89b5ff;outline-offset:2px}
.wf-advanced{display:grid;grid-template-columns:1.25fr 1.3fr .6fr auto;gap:12px;align-items:end}.wf-advanced label,.wf-promo-controls label{display:grid;gap:7px;font-size:12px;font-weight:700;color:var(--wf-muted)}
.wf-advanced select,.wf-promo-controls select,.wf-promo-controls input,.wf-promo-controls textarea{min-width:0;width:100%;box-sizing:border-box;border:1px solid var(--wf-line);border-radius:10px;padding:12px;background:var(--wf-bg);color:var(--wf-ink);font:inherit;font-size:14px}.wf-geo{font-size:12px;min-height:44px}.wf-hint{font-size:12px!important;line-height:1.65;color:var(--wf-muted,#697990);margin:12px 0}.wf-filter-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.wf-filter-footer>a{font-size:13px;color:#1769ff;text-decoration:underline}.wf-results{padding-top:24px}.wf-job-row .salary{gap:9px;max-width:240px}.wf-job-row .salary small{font-size:12px;font-weight:500;line-height:1.4}.wf-fact-badge{background:#eaf6ef!important;color:#20764e!important}
.wf-summary{background:var(--wf-bg);border:1px solid var(--wf-line);border-radius:18px;margin:22px 0;overflow:hidden}.wf-summary-heading{display:flex;align-items:center;gap:12px;padding:20px 22px;border-bottom:1px solid var(--wf-line)}.wf-summary-heading h2{font-size:20px;margin:0}.wf-summary-heading .mini-label{background:var(--wf-soft);border-radius:6px;padding:6px 8px;font-size:9px;letter-spacing:1px}.wf-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0;padding:8px 22px}.wf-summary-grid>div{padding:17px 14px 17px 0;border-bottom:1px solid var(--wf-line)}.wf-summary-grid>div:nth-last-child(-n+2){border:0}.wf-summary-grid dt{color:var(--wf-muted);font-size:12px;font-weight:600;margin-bottom:7px}.wf-summary-grid dd{font-size:16px;line-height:1.5;font-weight:750;margin:0;overflow-wrap:anywhere}.wf-summary-grid dd small{display:block;font-size:12px;line-height:1.5;font-weight:500;color:var(--wf-muted);margin-top:4px}.wf-summary-tags{padding:0 22px 20px}.wf-admin-form h2{font-size:18px;border-bottom:1px solid #dce4f0;padding-bottom:12px;margin:14px 0 2px}.wf-admin-form .full{grid-column:1/-1}.wf-admin-form input,.wf-admin-form select,.wf-admin-form textarea{min-width:0;max-width:100%;box-sizing:border-box}.wf-form-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.wf-promote-link{border:1px solid #c7d9ff;background:#edf4ff;color:#175aca;white-space:nowrap;border-radius:8px;padding:7px 10px;font-size:11px;font-weight:700}
.wf-promo-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}.wf-promo-controls,.wf-promo-preview{padding:26px;background:var(--wf-bg);border:1px solid var(--wf-line);border-radius:18px;min-width:0}.wf-promo-controls h2{font-size:24px;line-height:1.25;margin:12px 0 22px}.wf-promo-controls>label{margin:18px 0}.wf-promo-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wf-promo-options button{grid-column:1/-1;justify-self:start}.wf-promo-controls textarea{resize:vertical;line-height:1.55}.wf-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.wf-format-switch{display:flex;gap:4px;background:var(--wf-soft);border-radius:9px;padding:4px}.wf-format-switch button{border:0;border-radius:6px;background:none;color:var(--wf-muted);font-weight:650;padding:8px 12px;cursor:pointer}.wf-format-switch .selected{background:#1769ff;color:white}.wf-canvas-wrap{padding:18px;background:var(--wf-soft);border-radius:12px;text-align:center}.wf-canvas-wrap canvas{width:100%;height:auto;max-height:650px;object-fit:contain;display:block;margin:auto;box-shadow:0 12px 30px #10214520}.wf-promo-preview>#downloadPromo{margin-top:18px;width:100%}.wf-status{min-height:20px;font-size:13px;color:#20764e}.wf-promo-controls .mini-label,.wf-preview-heading .mini-label{font-size:10px;letter-spacing:1px}
@media(max-width:1100px){.wf-advanced{grid-template-columns:1fr 1fr}.wf-promo-grid{grid-template-columns:1fr 1fr;gap:16px}.wf-promo-controls,.wf-promo-preview{padding:18px}}
@media(max-width:760px){.wf-promo-grid{grid-template-columns:1fr}.wf-filter-panel{padding:18px}.wf-filter-panel .searchbar{display:grid;grid-template-columns:1fr}.wf-filter-panel .searchbar select{min-height:44px}.wf-job-row{grid-template-columns:48px minmax(0,1fr)!important}.wf-job-row .salary{grid-column:2;text-align:start;align-items:flex-start;max-width:none}.wf-job-row .company-logo.big{width:44px;height:44px}.wf-summary-grid dd{font-size:15px}.wf-preview-heading{flex-wrap:wrap}}
@media(max-width:460px){.wf-advanced{grid-template-columns:1fr}.wf-chips{gap:8px}.wf-chip{font-size:12px;padding:9px 11px}.wf-summary-heading{padding:16px}.wf-summary-grid{padding:4px 16px}.wf-summary-grid>div{padding:14px 10px 14px 0}.wf-summary-tags{padding:0 16px 16px}.wf-admin-form{grid-template-columns:1fr!important}.wf-promo-options{grid-template-columns:1fr}.wf-filter-footer .btn{padding:11px 15px}}
/* Keep the existing detail grid and compact header within narrow screens. */
.detail-wrap>main,.detail-wrap>.application-card{min-width:0}.detail-wrap .job-header>div{min-width:0}.detail-wrap .job-header h1{overflow-wrap:anywhere}.detail-wrap .tabs{max-width:100%;min-width:0}
@media(max-width:760px){.detail-wrap .job-header{grid-template-columns:60px minmax(0,1fr)}.detail-wrap .application-card input[type=file]{max-width:100%;min-width:0}}
@media(max-width:400px){.topbar{gap:6px!important;padding-left:10px!important;padding-right:10px!important}.topbar .brand{gap:5px!important;font-size:20px!important;min-width:0}.topbar .brand .logo{width:31px!important;height:31px!important;font-size:22px!important}.topbar .actions{gap:4px!important}.topbar .lang-dd>button{padding-left:7px!important;padding-right:7px!important}.topbar .theme-btn{width:23px!important;min-width:23px!important;padding:3px!important}.topbar .demo-badge{font-size:7px!important;padding:2px 3px!important}}