/* Job Importer 2.0 – kombinierte Jobliste
   Styling angeglichen an die bestehende Pacura-Jobliste (/joblist/):
   Filterspalte 440px · Spalten-Gap 32px · Karten: 24px Padding, 16px Abstand,
   Radius 16, Border #D1D5D9, ohne Schatten · Inputs 12/16px, Radius 8 */
.jbi2-wrap{--jbi2-coral:#EC9679;--jbi2-coral-d:#e07f5e;--jbi2-coral-soft:#fdeee8;--jbi2-petrol:#3C7E9A;--jbi2-petrol-d:#33708a;--jbi2-petrol-soft:#e9f1f4;--jbi2-green:#1f7a4d;--jbi2-green-soft:#e7f4ee;--jbi2-ink:#373A3B;--jbi2-line:#D1D5D9;--jbi2-muted:#7c858a;--jbi2-label:#91989C;
  color:var(--jbi2-ink);line-height:1.5}
.jbi2-h1{color:var(--jbi2-petrol);letter-spacing:-.4px;margin-bottom:14px}
/* Live-Switch: sanftes Ausblenden waehrend des Nachladens */
.jbi2-wrap.jbi2-loading{opacity:.45;pointer-events:none;transition:opacity .15s}

/* Tabs */
.jbi2-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:6px 0 32px}
.jbi2-tab{padding:10px 18px;border-radius:999px;border:1px solid var(--jbi2-line);background:#fff;font-weight:700;font-size:14px;color:var(--jbi2-ink) !important;text-decoration:none !important;display:inline-flex;align-items:center;gap:8px;transition:all .15s}
.jbi2-tab span{font-size:12px;font-weight:700;background:#F4F6F7;border-radius:999px;padding:2px 8px;color:var(--jbi2-muted)}
.jbi2-tab:hover{border-color:var(--jbi2-petrol)}
.jbi2-tab.active{background:var(--jbi2-petrol);border-color:var(--jbi2-petrol);color:#fff !important}
.jbi2-tab.active span{background:rgba(255,255,255,.2);color:#fff}

/* Layout – wie Bestand: Filter 440px fest, Gap 32px */
.jbi2-layout{display:flex;gap:32px;align-items:flex-start}
.jbi2-filter{flex:0 0 440px;max-width:440px}
.jbi2-main{flex:1 1 auto;min-width:0}
@media(max-width:1000px){.jbi2-layout{flex-direction:column}.jbi2-filter{flex:1 1 auto;max-width:none;width:100%}}

/* Filter – ohne Kasten, Felder frei mit 16px Abstand (wie Bestand) */
.jbi2-filter form{display:flex;flex-direction:column;gap:0}
.jbi2-filter label{display:block;font-size:15px;font-weight:400;color:var(--jbi2-label);margin:16px 0 6px}
.jbi2-filter label:first-child{margin-top:0}
.jbi2-filter input,.jbi2-filter select{width:100%;font:inherit;font-size:16px;padding:14px 16px;border:1px solid #BFC3C6;border-radius:8px;background:#fff;color:var(--jbi2-ink)}
.jbi2-filter input::placeholder{color:#EAEAEA}
.jbi2-filter select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23373A3B' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 16px center;padding-right:44px}
/* Buttons wie Bestandsliste: Jobs finden = petrol, Zuruecksetzen = coral Button */
.jbi2-btn{width:100%;padding:15px 16px;border:none;border-radius:8px;background:var(--jbi2-petrol);color:#fff;font-weight:700;font-size:16px;cursor:pointer;margin-top:24px}
.jbi2-btn:hover{background:var(--jbi2-petrol-d)}
.jbi2-reset{display:block;width:100%;text-align:center;padding:15px 16px;border-radius:8px;background:var(--jbi2-coral);color:#fff !important;font-weight:700;font-size:16px;text-decoration:none !important;margin-top:8px}
.jbi2-reset:hover{background:var(--jbi2-coral-d)}

/* Karten – wie Bestand: 24px Padding, 16px Abstand, Border #D1D5D9, kein Schatten */
.jbi2-count{font-size:17px;font-weight:700;color:var(--jbi2-petrol);margin-bottom:16px}
.jbi2-cards{display:flex;flex-direction:column;gap:16px}
.jbi2-card{background:transparent;border:1px solid var(--jbi2-line);border-radius:16px;padding:24px;display:grid;grid-template-columns:1fr auto;gap:8px 16px;align-items:center;transition:border-color .15s,background .15s;text-decoration:none !important;color:inherit !important}
.jbi2-card:hover{border-color:var(--jbi2-petrol);background:#fff}
.jbi2-badge{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:4px 10px;border-radius:999px;margin-bottom:8px}
.jbi2-b-fest{background:var(--jbi2-petrol-soft);color:var(--jbi2-petrol)}
.jbi2-b-hono{background:var(--jbi2-coral-soft);color:var(--jbi2-coral-d)}
.jbi2-b-verm{background:var(--jbi2-green-soft);color:var(--jbi2-green)}
.jbi2-pos{font-size:13px;color:var(--jbi2-muted);font-weight:600}
.jbi2-titel{font-size:19px;font-weight:700;color:var(--jbi2-petrol);letter-spacing:-.2px;margin:2px 0 8px}
.jbi2-meta{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:13.5px;color:#4c5458}
.jbi2-meta span{display:inline-flex;align-items:center;gap:6px}
.jbi2-meta span::before{content:"";width:15px;height:15px;flex:0 0 auto;background-repeat:no-repeat;background-size:contain}
.jbi2-m-ort::before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EC9679' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M20 10c0 5-8 11-8 11S4 15 4 10a8 8 0 1116 0z'/><circle cx='12' cy='10' r='3'/></svg>")}
.jbi2-m-zeit::before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EC9679' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='4' width='18' height='18' rx='2'/><path d='M16 2v4M8 2v4M3 10h18'/></svg>")}
.jbi2-m-sal{color:var(--jbi2-coral-d);font-weight:700}
.jbi2-m-sal::before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EC9679' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M18 7a7 7 0 100 10M4 10h9M4 14h9'/></svg>")}
.jbi2-cta{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.jbi2-go{display:inline-flex;align-items:center;gap:7px;padding:10px 16px;border-radius:8px;font-weight:700;font-size:13.5px;white-space:nowrap;color:#fff !important}
.jbi2-go-detail{background:var(--jbi2-petrol)}
.jbi2-go-apply{background:var(--jbi2-coral)}
.jbi2-card:hover .jbi2-go-detail{background:var(--jbi2-petrol-d)}
.jbi2-card:hover .jbi2-go-apply{background:var(--jbi2-coral-d)}
.jbi2-id{font-size:11.5px;color:var(--jbi2-muted)}
@media(max-width:640px){.jbi2-card{grid-template-columns:1fr}.jbi2-cta{flex-direction:row;justify-content:space-between;align-items:center}}

/* Pagination */
.jbi2-pagination{display:flex;justify-content:center;gap:8px;margin-top:24px;flex-wrap:wrap}
.jbi2-pagination a,.jbi2-pagination span{min-width:38px;height:38px;padding:0 8px;border-radius:8px;border:1px solid var(--jbi2-line);background:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:var(--jbi2-petrol) !important;text-decoration:none !important}
.jbi2-pagination a.cur{background:var(--jbi2-petrol);color:#fff !important;border-color:var(--jbi2-petrol)}