/* DevNexus V1.4 – ESX-Jobs. Separate stylesheet preserves local sidebar changes. */
.jobs-kpi{grid-template-columns:repeat(2,minmax(0,1fr));max-width:700px}
.jobs-toolbar{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:22px 0 12px}
.jobs-toolbar label{display:flex;flex:1;min-width:190px;max-width:470px;flex-direction:column;gap:8px;color:#bdc5d5;font-weight:650}
.jobs-toolbar input{border-radius:10px;padding:12px;background:#111522;border:1px solid #35394f;color:#f6f4fc;min-width:0;width:100%}
.jobs-toolbar input:focus-visible,.jobs-card summary:focus-visible{outline:2px solid #8b6af2;outline-offset:2px}
.jobs-results{display:grid;gap:12px;margin:10px 0 22px}
.jobs-card{background:#151823;border:1px solid #30354a;border-radius:13px;overflow:hidden}
.jobs-card[open]{border-color:#62538a}
.jobs-card summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 20px;cursor:pointer;list-style:none}
.jobs-card summary::-webkit-details-marker{display:none}
.jobs-jobtitle{display:flex;flex-direction:column;gap:5px;min-width:0;overflow-wrap:anywhere}
.jobs-jobtitle strong{font-size:17px;color:#f6f3ff}
.jobs-jobtitle small{font-size:12px;color:#97a2bd}
.jobs-rankcount{color:#c5b9ff;font-size:13px;white-space:nowrap}
.jobs-card[open] .jobs-rankcount span{display:inline-block;transform:rotate(180deg)}
.jobs-table-scroll{overflow-x:auto;border-top:1px solid #30354a;padding:0 14px 10px}
.jobs-card table{border-collapse:collapse;min-width:440px;width:100%;font-size:13px}
.jobs-card td,.jobs-card th{padding:13px 10px;text-align:left;border-bottom:1px solid #2b3043}
.jobs-card th{color:#aebad2;font-weight:650}
.jobs-card td{color:#e6e7f1}
@media(max-width:600px){.jobs-kpi{grid-template-columns:1fr}.jobs-toolbar .btn{width:100%}.jobs-card summary{padding:14px}.jobs-rankcount{font-size:11px}}

/* V1.5 */
.jobs-controls{padding:0 18px 16px}
.jobs-controls .btn,.jobs-edit-actions .btn{font-size:12px;padding:7px 10px}
.jobs-edit-actions{display:flex;gap:6px;flex-wrap:wrap}
.jobs-card table{min-width:590px}
.jobs-audit-row{padding:10px 0;border-bottom:1px solid #2b3043;line-height:1.6;overflow-wrap:anywhere}
.jobs-audit-row small{display:block;color:#9fa8c0}

/* DevNexus V1.6 – add job/grade forms; standalone jobs.css (custom sidebar untouched). */
.jobs-new-box{margin-top:20px;padding:16px 20px}
.jobs-new-box summary{cursor:pointer;color:#d9caff}
.jobs-create-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:13px;align-items:end;margin:18px 0}
.jobs-create-fields label{display:flex;flex-direction:column;gap:7px;color:#bcc6d9;font-size:12px;font-weight:650;min-width:0}
.jobs-create-fields input{background:#0f1320;border:1px solid #42455b;border-radius:9px;color:#f6f3ff;padding:11px 10px;min-width:0;width:100%}
.jobs-create-fields input:focus-visible{outline:2px solid #997dff;outline-offset:1px}
.jobs-create-fields .btn{min-height:41px}
.jobs-grade-slot:not(:empty){border-top:1px solid #30354a;margin-top:12px}
.jobs-controls>.btn{margin:0 8px 6px 0}
@media (max-width:630px){.jobs-create-fields{grid-template-columns:1fr}}