.jfr-job-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 18px}
.jfr-job-tab{--job-tab-color:#0ea5c6;display:grid;grid-template-columns:1fr auto;gap:6px;text-align:left;padding:16px 18px;background:#fff;border:2px solid #e2e8f0;border-radius:14px;color:#334155;cursor:pointer;box-shadow:0 5px 16px rgba(15,23,42,.04);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}
.jfr-job-tab.closed{--job-tab-color:#15803d}
.jfr-job-tab:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(15,23,42,.08)}
.jfr-job-tab.active{border-color:var(--job-tab-color);background:linear-gradient(145deg,#f8fdff,#fff);box-shadow:0 5px 18px rgba(15,23,42,.08)}
.jfr-job-tab.closed.active{background:linear-gradient(145deg,#f4fff8,#fff)}
.jfr-job-tab span{font-weight:800;font-size:15px;color:#334155}
.jfr-job-tab strong{font-size:28px;line-height:1;color:var(--job-tab-color);grid-column:2;grid-row:1/3;align-self:center}
.jfr-job-tab small{font-size:11px;color:#64748b}
.jfr-job-tab:focus-visible{outline:3px solid #67e8f9;outline-offset:3px}
.jfr-job-list-panel{margin-top:0}
.jfr-job-view-count{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 11px;border-radius:999px;background:#ecfeff;color:#0891b2;font-weight:900;font-size:16px}
.jfr-job-list-panel.closed .jfr-job-view-count{background:#ecfdf5;color:#15803d}
.jfr-job-empty{padding:28px 16px;text-align:center;color:#64748b;border:1px dashed #cbd5e1;border-radius:12px;background:#f8fafc}
@media(max-width:600px){.jfr-job-tabs{gap:7px}.jfr-job-tab{padding:11px 12px}.jfr-job-tab span{font-size:12px}.jfr-job-tab strong{font-size:22px}.jfr-job-tab small{font-size:9px}}
@media(max-width:420px){.jfr-job-tabs{grid-template-columns:1fr}.jfr-job-tab{display:grid;grid-template-columns:1fr auto}.jfr-job-tab strong{grid-column:2;grid-row:1/3}}